mirror of
https://github.com/vercel/commerce.git
synced 2025-07-12 15:31:25 +00:00
Updated swell
This commit is contained in:
parent
047da49e76
commit
32bb9ce381
@ -4,8 +4,6 @@ export const SWELL_CHECKOUT_URL_COOKIE = 'swell_checkoutUrl'
|
|||||||
|
|
||||||
export const SWELL_CUSTOMER_TOKEN_COOKIE = 'swell_customerToken'
|
export const SWELL_CUSTOMER_TOKEN_COOKIE = 'swell_customerToken'
|
||||||
|
|
||||||
export const STORE_DOMAIN = process.env.NEXT_PUBLIC_SWELL_STORE_DOMAIN
|
|
||||||
|
|
||||||
export const SWELL_COOKIE_EXPIRE = 30
|
export const SWELL_COOKIE_EXPIRE = 30
|
||||||
|
|
||||||
export const SWELL_STORE_ID = process.env.NEXT_PUBLIC_SWELL_STORE_ID
|
export const SWELL_STORE_ID = process.env.NEXT_PUBLIC_SWELL_STORE_ID
|
||||||
|
@ -1,47 +1,9 @@
|
|||||||
import * as React from 'react'
|
import { getCommerceProvider, useCommerce as useCoreCommerce } from '@commerce'
|
||||||
import swell from 'swell-js'
|
|
||||||
import { ReactNode } from 'react'
|
|
||||||
|
|
||||||
import {
|
|
||||||
CommerceConfig,
|
|
||||||
CommerceProvider as CoreCommerceProvider,
|
|
||||||
useCommerce as useCoreCommerce,
|
|
||||||
} from '@commerce'
|
|
||||||
|
|
||||||
import { swellProvider, SwellProvider } from './provider'
|
import { swellProvider, SwellProvider } from './provider'
|
||||||
import {
|
|
||||||
SWELL_CHECKOUT_ID_COOKIE,
|
|
||||||
SWELL_STORE_ID,
|
|
||||||
SWELL_PUBLIC_KEY,
|
|
||||||
} from './const'
|
|
||||||
swell.init(SWELL_STORE_ID, SWELL_PUBLIC_KEY)
|
|
||||||
|
|
||||||
export { swellProvider }
|
export { swellProvider }
|
||||||
export type { SwellProvider }
|
export type { SwellProvider }
|
||||||
|
|
||||||
export const swellConfig: any = {
|
export const CommerceProvider = getCommerceProvider(swellProvider)
|
||||||
locale: 'en-us',
|
|
||||||
cartCookie: SWELL_CHECKOUT_ID_COOKIE,
|
|
||||||
swell,
|
|
||||||
}
|
|
||||||
|
|
||||||
export type SwellConfig = Partial<CommerceConfig>
|
export const useCommerce = () => useCoreCommerce<SwellProvider>()
|
||||||
|
|
||||||
export type SwellProps = {
|
|
||||||
children?: ReactNode
|
|
||||||
locale: string
|
|
||||||
} & SwellConfig
|
|
||||||
|
|
||||||
export function CommerceProvider({ children, ...config }: SwellProps) {
|
|
||||||
return (
|
|
||||||
<CoreCommerceProvider
|
|
||||||
// TODO: Fix this type
|
|
||||||
provider={swellProvider as any}
|
|
||||||
config={{ ...swellConfig, ...config }}
|
|
||||||
>
|
|
||||||
{children}
|
|
||||||
</CoreCommerceProvider>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
export const useCommerce = () => useCoreCommerce()
|
|
||||||
|
@ -1,6 +1,10 @@
|
|||||||
|
import swell from 'swell-js'
|
||||||
import { Provider } from '@commerce'
|
import { Provider } from '@commerce'
|
||||||
|
import {
|
||||||
import { SWELL_CHECKOUT_URL_COOKIE, STORE_DOMAIN } from './const'
|
SWELL_CHECKOUT_ID_COOKIE,
|
||||||
|
SWELL_STORE_ID,
|
||||||
|
SWELL_PUBLIC_KEY,
|
||||||
|
} from './const'
|
||||||
|
|
||||||
import { handler as useCart } from './cart/use-cart'
|
import { handler as useCart } from './cart/use-cart'
|
||||||
import { handler as useAddItem } from './cart/use-add-item'
|
import { handler as useAddItem } from './cart/use-add-item'
|
||||||
@ -16,10 +20,12 @@ import { handler as useSignup } from './auth/use-signup'
|
|||||||
|
|
||||||
import fetcher from './fetcher'
|
import fetcher from './fetcher'
|
||||||
|
|
||||||
export const swellProvider: Provider = {
|
swell.init(SWELL_STORE_ID, SWELL_PUBLIC_KEY)
|
||||||
|
|
||||||
|
export const swellProvider: Provider & { swell: any } = {
|
||||||
locale: 'en-us',
|
locale: 'en-us',
|
||||||
cartCookie: SWELL_CHECKOUT_URL_COOKIE,
|
cartCookie: SWELL_CHECKOUT_ID_COOKIE,
|
||||||
// storeDomain: STORE_DOMAIN,
|
swell,
|
||||||
fetcher,
|
fetcher,
|
||||||
cart: { useCart, useAddItem, useUpdateItem, useRemoveItem },
|
cart: { useCart, useAddItem, useUpdateItem, useRemoveItem },
|
||||||
customer: { useCustomer },
|
customer: { useCustomer },
|
||||||
|
Loading…
x
Reference in New Issue
Block a user