@graphcommerce/magento-cart 9.0.0-canary.114 → 9.0.0-canary.116

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Change Log
 
+## 9.0.0-canary.116
+
+## 9.0.0-canary.115
+
 ## 9.0.0-canary.114
 
 ## 9.0.0-canary.113

package/Config.graphqls

@@ -30,3 +30,10 @@ extend input GraphCommerceConfig {
   """
   cartDisplayPricesInclTax: Boolean
 }
+
+extend input GraphCommerceDebugConfig {
+  """
+  Enable debugging interface to debug sessions
+  """
+  cart: Boolean
+}

package/components/CartAddressSingleLine/CartAddressSingleLine.tsx

@@ -5,6 +5,7 @@ import type { CartAddressFragment } from '../CartAddress/CartAddress.gql'
 
 export type CartAddressSingleLineProps = CartAddressFragment & { locale?: CountryCodeEnum }
 
+/** @public */
 export function CartAddressSingleLine(props: CartAddressSingleLineProps) {
   const { locale } = props
   return <AddressSingleLine {...props} country_code={locale} />

package/hooks/useCartQuery.ts

@@ -17,14 +17,9 @@ import { useCurrentCartId } from './useCurrentCartId'
  */
 export function useCartQuery<Q, V extends { cartId: string; [index: string]: unknown }>(
   document: TypedDocumentNode<Q, V>,
-  options: QueryHookOptions<Q, Omit<V, 'cartId'>> & {
-    /**
-     * @deprecated Not used anymore, when the cart_id is in the URL, it will always be used.
-     */
-    allowUrl?: boolean
-  } = {},
+  options: QueryHookOptions<Q, Omit<V, 'cartId'>> = {},
 ) {
-  const { allowUrl, ...queryOptions } = options
+  const { ...queryOptions } = options
 
   const router = useRouter()
   const { currentCartId, locked } = useCurrentCartId()

package/hooks/useMergeCustomerCart.ts

@@ -1,5 +1,6 @@
 /**
  * @deprecated Is replaced by the useSignInFormMergeCart plugin.
+ * @public
  */
 export function useMergeCustomerCart() {
   return null

package/index.ts

@@ -1,6 +1,5 @@
 export * from './Api/CartItemCountChanged.gql'
 export * from './components'
-export * from './components/CartDebugger/CartDebugger'
 export * from './hooks'
 export * from './link/cartLink'
 export * from './typePolicies'

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-cart",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "9.0.0-canary.114",
+  "version": "9.0.0-canary.116",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -12,20 +12,20 @@
     }
   },
   "peerDependencies": {
-    "@graphcommerce/ecommerce-ui": "^9.0.0-canary.114",
-    "@graphcommerce/eslint-config-pwa": "^9.0.0-canary.114",
-    "@graphcommerce/framer-next-pages": "^9.0.0-canary.114",
-    "@graphcommerce/framer-scroller": "^9.0.0-canary.114",
-    "@graphcommerce/framer-utils": "^9.0.0-canary.114",
-    "@graphcommerce/graphql": "^9.0.0-canary.114",
-    "@graphcommerce/image": "^9.0.0-canary.114",
-    "@graphcommerce/magento-customer": "^9.0.0-canary.114",
-    "@graphcommerce/magento-graphql": "^9.0.0-canary.114",
-    "@graphcommerce/magento-store": "^9.0.0-canary.114",
-    "@graphcommerce/next-ui": "^9.0.0-canary.114",
-    "@graphcommerce/prettier-config-pwa": "^9.0.0-canary.114",
-    "@graphcommerce/react-hook-form": "^9.0.0-canary.114",
-    "@graphcommerce/typescript-config-pwa": "^9.0.0-canary.114",
+    "@graphcommerce/ecommerce-ui": "^9.0.0-canary.116",
+    "@graphcommerce/eslint-config-pwa": "^9.0.0-canary.116",
+    "@graphcommerce/framer-next-pages": "^9.0.0-canary.116",
+    "@graphcommerce/framer-scroller": "^9.0.0-canary.116",
+    "@graphcommerce/framer-utils": "^9.0.0-canary.116",
+    "@graphcommerce/graphql": "^9.0.0-canary.116",
+    "@graphcommerce/image": "^9.0.0-canary.116",
+    "@graphcommerce/magento-customer": "^9.0.0-canary.116",
+    "@graphcommerce/magento-graphql": "^9.0.0-canary.116",
+    "@graphcommerce/magento-store": "^9.0.0-canary.116",
+    "@graphcommerce/next-ui": "^9.0.0-canary.116",
+    "@graphcommerce/prettier-config-pwa": "^9.0.0-canary.116",
+    "@graphcommerce/react-hook-form": "^9.0.0-canary.116",
+    "@graphcommerce/typescript-config-pwa": "^9.0.0-canary.116",
     "@lingui/core": "^4.2.1",
     "@lingui/macro": "^4.2.1",
     "@lingui/react": "^4.2.1",

package/plugins/CartDebuggerPlugin.tsx

@@ -0,0 +1,42 @@
+import type { PagesProps } from '@graphcommerce/framer-next-pages'
+import { useApolloClient } from '@graphcommerce/graphql/apollo'
+import type { PluginConfig, PluginProps } from '@graphcommerce/next-config'
+import { Button } from '@mui/material'
+import { readCartId, writeCartId } from '../hooks/useAssignCurrentCartId'
+
+export const config: PluginConfig = {
+  type: 'component',
+  module: '@graphcommerce/framer-next-pages',
+  ifConfig: 'debug.cart',
+}
+
+export function FramerNextPages(props: PluginProps<PagesProps>) {
+  const { Prev, ...rest } = props
+  const client = useApolloClient()
+
+  return (
+    <>
+      <Prev {...rest} />
+      <div style={{ position: 'fixed', bottom: 20, right: 0, zIndex: 1, opacity: 0.3 }}>
+        <Button
+          type='button'
+          variant='text'
+          size='small'
+          onClick={() => {
+            const currentCartId = readCartId(client.cache)
+            if (!currentCartId) {
+              // eslint-disable-next-line no-console
+              console.log('No customerToken available, nothing to break')
+            } else {
+              // eslint-disable-next-line no-console
+              console.log('Changing current token to a random one')
+              writeCartId(client.cache, `${Math.random().toString(36).slice(2)}random-cardId`)
+            }
+          }}
+        >
+          break cart token
+        </Button>
+      </div>
+    </>
+  )
+}

package/typePolicies.ts

@@ -67,11 +67,13 @@ export const migrateCart = (
 
     // We have special handling for the CartFab because it tries to load data only from the cache.
     const cartFab = oldCache.readQuery({ query: CartFabDocument })
-    newCache.writeQuery({
-      query: CartFabDocument,
-      data: cartFab,
-      variables: { cartId },
-      broadcast: true,
-    })
+    if (cartFab) {
+      newCache.writeQuery({
+        query: CartFabDocument,
+        data: cartFab,
+        variables: { cartId },
+        broadcast: true,
+      })
+    }
   }
 }

package/utils/cartPermissions.ts

@@ -1,5 +1,6 @@
 import { storefrontConfig } from '@graphcommerce/next-ui'
 
+/** @public */
 function getCartPermissions(locale: string | undefined) {
   return (
     storefrontConfig(locale)?.permissions?.cart ??
@@ -8,14 +9,17 @@ function getCartPermissions(locale: string | undefined) {
   )
 }
 
+/** @public */
 export function getCartDisabled(locale: string | undefined) {
   return getCartPermissions(locale) === 'DISABLED'
 }
 
+/** @public */
 export function getCartGuestEnabled(locale: string | undefined) {
   return getCartPermissions(locale) === 'ENABLED'
 }
 
+/** @public */
 export function getCartEnabledForUser(locale: string | undefined, loggedIn: () => boolean) {
   if (getCartGuestEnabled(locale)) return true
   if (getCartDisabled(locale)) return false

package/components/CartDebugger/CartDebugger.tsx

@@ -1,30 +0,0 @@
-import { useApolloClient } from '@graphcommerce/graphql'
-import { Button } from '@mui/material'
-import { readCartId, writeCartId } from '../../hooks'
-
-export function CartDebugger() {
-  const client = useApolloClient()
-
-  return (
-    <div style={{ position: 'fixed', bottom: 0, right: 0, zIndex: 1, opacity: 0.3 }}>
-      <Button
-        type='button'
-        variant='text'
-        size='small'
-        onClick={() => {
-          const currentCartId = readCartId(client.cache)
-          if (!currentCartId) {
-            // eslint-disable-next-line no-console
-            console.log('No customerToken available, nothing to break')
-          } else {
-            // eslint-disable-next-line no-console
-            console.log('Changing current token to a random one')
-            writeCartId(client.cache, `${Math.random().toString(36).slice(2)}random-cardId`)
-          }
-        }}
-      >
-        break cart
-      </Button>
-    </div>
-  )
-}