@graphcommerce/magento-store 8.1.0-canary.8 → 9.0.0-canary.54

package/CHANGELOG.md

@@ -1,5 +1,102 @@
 # Change Log
 
+## 9.0.0-canary.54
+
+## 8.1.0-canary.53
+
+## 8.1.0-canary.52
+
+## 8.1.0-canary.51
+
+## 8.1.0-canary.50
+
+## 8.1.0-canary.49
+
+## 8.1.0-canary.48
+
+## 8.1.0-canary.47
+
+## 8.1.0-canary.46
+
+## 8.1.0-canary.45
+
+## 8.1.0-canary.44
+
+## 8.1.0-canary.43
+
+## 8.1.0-canary.42
+
+## 8.1.0-canary.41
+
+## 8.1.0-canary.40
+
+## 8.1.0-canary.39
+
+## 8.1.0-canary.38
+
+## 8.1.0-canary.37
+
+## 8.1.0-canary.36
+
+## 8.1.0-canary.35
+
+### Minor Changes
+
+- [#2301](https://github.com/graphcommerce-org/graphcommerce/pull/2301) [`47bb47b`](https://github.com/graphcommerce-org/graphcommerce/commit/47bb47bac4b3689a6859afbc587274d813e0b072) - Implement confirm email functionality
+  ([@Giovanni-Schroevers](https://github.com/Giovanni-Schroevers))
+
+## 8.1.0-canary.34
+
+## 8.1.0-canary.33
+
+## 8.1.0-canary.32
+
+## 8.1.0-canary.31
+
+## 8.1.0-canary.30
+
+## 8.1.0-canary.29
+
+## 8.1.0-canary.28
+
+## 8.1.0-canary.27
+
+## 8.1.0-canary.26
+
+## 8.1.0-canary.25
+
+## 8.1.0-canary.24
+
+## 8.1.0-canary.23
+
+## 8.1.0-canary.22
+
+## 8.1.0-canary.21
+
+## 8.1.0-canary.20
+
+## 8.1.0-canary.19
+
+## 8.1.0-canary.18
+
+## 8.1.0-canary.17
+
+## 8.1.0-canary.16
+
+## 8.1.0-canary.15
+
+## 8.1.0-canary.14
+
+## 8.1.0-canary.13
+
+## 8.1.0-canary.12
+
+## 8.1.0-canary.11
+
+## 8.1.0-canary.10
+
+## 8.1.0-canary.9
+
 ## 8.1.0-canary.8
 
 ## 8.1.0-canary.7

package/Money.tsx

@@ -1,50 +1,29 @@
 import { useQuery } from '@graphcommerce/graphql'
-import { ExtendableComponent, useNumberFormat } from '@graphcommerce/next-ui'
-import { useThemeProps } from '@mui/material'
-import { useMemo } from 'react'
+import { CurrencyFormat, CurrencyFormatProps } from '@graphcommerce/next-ui'
 import { MoneyFragment } from './Money.gql'
 import { StoreConfigDocument } from './StoreConfig.gql'
 
 type OverridableProps = {
-  // eslint-disable-next-line react/no-unused-prop-types
   round?: boolean
-  /** @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#parameters */
-  // eslint-disable-next-line react/no-unused-prop-types
-  formatOptions?: Intl.NumberFormatOptions
+  formatOptions?: Omit<CurrencyFormatProps, 'currency'>
 }
 
 export type MoneyProps = MoneyFragment & OverridableProps
 
-const name = 'Money'
-
-/** Expose the component to be exendable in your theme.components */
-declare module '@mui/material/styles/components' {
-  interface Components {
-    Money?: Pick<ExtendableComponent<OverridableProps>, 'defaultProps'>
-  }
-}
-
 export function Money(props: MoneyProps) {
-  const { currency, value, round = false, formatOptions } = useThemeProps({ name, props })
-
+  const { currency, value, round = false, formatOptions } = props
   const { data: config } = useQuery(StoreConfigDocument)
-
   const digits = (value ?? 0) % 1 !== 0
 
-  const options: Intl.NumberFormatOptions = useMemo(
-    () => ({
-      style: 'currency',
-      currency: currency ?? config?.storeConfig?.base_currency_code ?? '',
-      ...(round && !digits && { minimumFractionDigits: 0 }),
-      ...(round && digits && { minimumFractionDigits: 2 }),
-      ...(!round && { minimumFractionDigits: 2 }),
-      ...formatOptions,
-    }),
-    [config?.storeConfig?.base_currency_code, currency, digits, formatOptions, round],
-  )
-  const numberFormatter = useNumberFormat(options)
-
   if (typeof value === 'undefined' || value === null) return null
 
-  return <>{numberFormatter.format(value)}</>
+  return (
+    <CurrencyFormat
+      currency={currency ?? config?.storeConfig?.base_currency_code ?? ''}
+      maximumFractionDigits={round && !digits ? 0 : 2}
+      {...formatOptions}
+    >
+      {value}
+    </CurrencyFormat>
+  )
 }

package/StoreConfigFragment.graphql

@@ -1,4 +1,4 @@
-fragment StoreConfigFragment on StoreConfig @injectable {
+fragment StoreConfigFragment on StoreConfig {
   website_name
   store_code
   store_name
@@ -30,4 +30,5 @@ fragment StoreConfigFragment on StoreConfig @injectable {
   grid_per_page
   grid_per_page_values
   list_per_page
+  create_account_confirmation
 }

package/index.ts

@@ -1,7 +1,6 @@
 export * from './components/GlobalHead/GlobalHead'
 export * from './hooks/useFindCountry'
 export * from './hooks/useFindRegion'
-export * from './link/createStoreLink'
 export * from './localeToStore'
 export * from './Money'
 export * from './Money.gql'

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-store",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "8.1.0-canary.8",
+  "version": "9.0.0-canary.54",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -12,13 +12,13 @@
     }
   },
   "peerDependencies": {
-    "@graphcommerce/eslint-config-pwa": "^8.1.0-canary.8",
-    "@graphcommerce/graphql": "^8.1.0-canary.8",
-    "@graphcommerce/graphql-mesh": "^8.1.0-canary.8",
-    "@graphcommerce/image": "^8.1.0-canary.8",
-    "@graphcommerce/next-ui": "^8.1.0-canary.8",
-    "@graphcommerce/prettier-config-pwa": "^8.1.0-canary.8",
-    "@graphcommerce/typescript-config-pwa": "^8.1.0-canary.8",
+    "@graphcommerce/eslint-config-pwa": "^9.0.0-canary.54",
+    "@graphcommerce/graphql": "^9.0.0-canary.54",
+    "@graphcommerce/graphql-mesh": "^9.0.0-canary.54",
+    "@graphcommerce/image": "^9.0.0-canary.54",
+    "@graphcommerce/next-ui": "^9.0.0-canary.54",
+    "@graphcommerce/prettier-config-pwa": "^9.0.0-canary.54",
+    "@graphcommerce/typescript-config-pwa": "^9.0.0-canary.54",
     "@lingui/core": "^4.2.1",
     "@lingui/macro": "^4.2.1",
     "@lingui/react": "^4.2.1",

package/plugins/magentoStoreGraphqlConfig.ts

@@ -1,13 +1,39 @@
-import type { graphqlConfig as graphqlConfigType } from '@graphcommerce/graphql'
+import { setContext, type graphqlConfig as graphqlConfigType } from '@graphcommerce/graphql'
 import type { FunctionPlugin, PluginConfig } from '@graphcommerce/next-config'
-import { createStoreLink } from '../link/createStoreLink'
 
 export const config: PluginConfig = {
   type: 'function',
   module: '@graphcommerce/graphql',
 }
 
+declare module '@graphcommerce/graphql/config' {
+  interface PreviewData {
+    magentoPreviewVersion?: string
+  }
+}
+
 export const graphqlConfig: FunctionPlugin<typeof graphqlConfigType> = (prev, conf) => {
   const results = prev(conf)
-  return { ...results, links: [...results.links, createStoreLink(conf.storefront.locale)] }
+
+  const previewVersion = conf.previewData?.magentoPreviewVersion
+
+  return {
+    ...results,
+    links: [
+      ...results.links,
+      setContext((_, context) => {
+        if (!context.headers) context.headers = {}
+        context.headers.store = conf.storefront.magentoStoreCode
+        if (conf.preview) {
+          // To disable caching from the backend, we provide a bogus cache ID.
+          context.headers['x-magento-cache-id'] =
+            `random-cache-id${Math.random().toString(36).slice(2)}`
+          if (previewVersion) {
+            context.headers['preview-version'] = previewVersion
+          }
+        }
+        return context
+      }),
+    ],
+  }
 }

package/link/createStoreLink.ts

@@ -1,10 +0,0 @@
-import { setContext } from '@graphcommerce/graphql'
-import { localeToStore } from '../localeToStore'
-
-/** Apollo link to set the store header in the context */
-export const createStoreLink = (locale?: string) =>
-  setContext((_, context) => {
-    if (!context.headers) context.headers = {}
-    context.headers.store = localeToStore(locale)
-    return context
-  })