align with upstream changes

framework/shopify/index.tsx

@@ -2,11 +2,24 @@ import * as React from 'react'
 import { ReactNode } from 'react'
 
 import {
+  CommerceConfig,
   CommerceProvider as CoreCommerceProvider,
   useCommerce as useCoreCommerce,
 } from '@commerce'
 
-import shopifyConfig, { ShopifyConfig } from './config'
+import { shopifyProvider, ShopifyProvider } from './provider'
+import { SHOPIFY_CHECKOUT_ID_COOKIE } from './const'
+
+export { shopifyProvider }
+export type { ShopifyProvider }
+
+export const shopifyConfig: CommerceConfig = {
+  locale: 'en-us',
+  cartCookie: SHOPIFY_CHECKOUT_ID_COOKIE,
+}
+
+export type ShopifyConfig = Partial<CommerceConfig>
+
 export type ShopifyProps = {
   children?: ReactNode
   locale: string
@@ -14,7 +27,10 @@ export type ShopifyProps = {
 
 export function CommerceProvider({ children, ...config }: ShopifyProps) {
   return (
-    <CoreCommerceProvider config={{ ...shopifyConfig, ...config }}>
+    <CoreCommerceProvider
+      provider={shopifyProvider}
+      config={{ ...shopifyConfig, ...config }}
+    >
       {children}
     </CoreCommerceProvider>
   )