@graphcommerce/magento-payment-tokens 10.0.0-canary.67 → 10.0.0-canary.72

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/components/CustomerTokensPage/CustomerTokensPage.tsx +8 -13
  3. package/package.json +13 -13
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @graphcommerce/magento-payment-tokens
2
2
 
3
+ ## 10.0.0-canary.72
4
+
5
+ ## 10.0.0-canary.71
6
+
7
+ ## 10.0.0-canary.70
8
+
9
+ ### Major Changes
10
+
11
+ - [#2565](https://github.com/graphcommerce-org/graphcommerce/pull/2565) [`c96dfcd`](https://github.com/graphcommerce-org/graphcommerce/commit/c96dfcdca981baca387c270ad9e2b9515cdd00cc) - Updated to Apollo Client 4 ([@paales](https://github.com/paales))
12
+
13
+ ## 10.0.0-canary.69
14
+
15
+ ## 10.0.0-canary.68
16
+
3
17
  ## 10.0.0-canary.67
4
18
 
5
19
  ## 10.0.0-canary.66
package/components/CustomerTokensPage/CustomerTokensPage.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import type { ApolloClient, NormalizedCacheObject } from '@graphcommerce/graphql'
1
+ import type { ApolloClient } from '@graphcommerce/graphql'
2
2
  import {
3
3
  getCustomerAccountIsDisabled,
4
4
  useCustomerQuery,
@@ -16,7 +16,7 @@ import {
16
16
  } from '@graphcommerce/next-ui'
17
17
  import { t } from '@lingui/core/macro'
18
18
  import { Trans } from '@lingui/react/macro'
19
- import { Alert, Box, Container, lighten, Typography } from '@mui/material'
19
+ import { Alert, Box, Container, Typography } from '@mui/material'
20
20
  import type { PaymentTokenFragment } from '../../graphql/fragments/PaymentToken.gql'
21
21
  import { CustomerPaymentTokensDocument } from '../../graphql/queries/PaymentTokens.gql'
22
22
  import { DeletePaymentTokenButton } from '../DeletePaymentTokenButton'
@@ -43,32 +43,26 @@ export function CustomerTokensPage() {
43
43
  <Trans>Payment information</Trans>
44
44
  </LayoutTitle>
45
45
  </LayoutOverlayHeader>
46
-
47
46
  <Container maxWidth='md'>
48
47
  <PageMeta title={t`Payment information`} metaRobots={['noindex']} />
49
48
 
50
49
  <LayoutTitle icon={iconCreditCard} sx={(theme) => ({ mb: theme.spacings.xs })}>
51
50
  <Trans>Stored payment methods</Trans>
52
51
  </LayoutTitle>
53
-
54
52
  <WaitForCustomer waitFor={!loading}>
55
53
  {!paymentTokens?.length && (
56
54
  <Alert severity='info'>
57
55
  <Trans>No stored payment methods found.</Trans>
58
56
  </Alert>
59
57
  )}
60
-
61
- <Box sx={sxx((theme) => ({ display: 'grid', rowGap: theme.spacings.xs }))}>
58
+ <Box sx={(theme) => ({ display: 'grid', rowGap: theme.spacings.xs })}>
62
59
  {paymentTokens?.map((token) => (
63
60
  <Box
64
61
  key={token.public_hash}
65
62
  sx={(theme) => ({
66
63
  px: theme.spacings.xxs,
67
64
  py: theme.spacings.xxs,
68
- background:
69
- theme.palette.mode === 'light'
70
- ? theme.palette.background.default
71
- : lighten(theme.palette.background.default, 0.15),
65
+ background: theme.lighten(theme.vars.palette.background.default, 0.15),
72
66
  ...breakpointVal(
73
67
  'borderRadius',
74
68
  theme.shape.borderRadius * 2,
@@ -82,6 +76,9 @@ export function CustomerTokensPage() {
82
76
  `,
83
77
  rowGap: 0.5,
84
78
  columnGap: 1,
79
+ ...theme.applyStyles('light', {
80
+ background: theme.vars.palette.background.default,
81
+ }),
85
82
  })}
86
83
  >
87
84
  <Box sx={{ gridArea: 'details', color: 'text.secondary' }}>{token.details}</Box>
@@ -115,9 +112,7 @@ export function CustomerTokensPage() {
115
112
  )
116
113
  }
117
114
 
118
- export function createGetStaticProps(
119
- client: ApolloClient<NormalizedCacheObject>,
120
- ): CustomerTokensGetStaticProps {
115
+ export function createGetStaticProps(client: ApolloClient): CustomerTokensGetStaticProps {
121
116
  return async (context) => {
122
117
  if (getCustomerAccountIsDisabled(context.locale)) return { notFound: true }
123
118
 
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@graphcommerce/magento-payment-tokens",
3
3
  "homepage": "https://www.graphcommerce.org/",
4
4
  "repository": "github:graphcommerce-org/graphcommerce",
5
- "version": "10.0.0-canary.67",
5
+ "version": "10.0.0-canary.72",
6
6
  "sideEffects": false,
7
7
  "prettier": "@graphcommerce/prettier-config-pwa",
8
8
  "eslintConfig": {
@@ -12,21 +12,21 @@
12
12
  }
13
13
  },
14
14
  "peerDependencies": {
15
- "@graphcommerce/ecommerce-ui": "^10.0.0-canary.67",
16
- "@graphcommerce/eslint-config-pwa": "^10.0.0-canary.67",
17
- "@graphcommerce/graphql": "^10.0.0-canary.67",
18
- "@graphcommerce/image": "^10.0.0-canary.67",
19
- "@graphcommerce/magento-cart": "^10.0.0-canary.67",
20
- "@graphcommerce/magento-cart-payment-method": "^10.0.0-canary.67",
21
- "@graphcommerce/magento-customer": "^10.0.0-canary.67",
22
- "@graphcommerce/magento-store": "^10.0.0-canary.67",
23
- "@graphcommerce/next-ui": "^10.0.0-canary.67",
24
- "@graphcommerce/prettier-config-pwa": "^10.0.0-canary.67",
25
- "@graphcommerce/typescript-config-pwa": "^10.0.0-canary.67",
15
+ "@graphcommerce/ecommerce-ui": "^10.0.0-canary.72",
16
+ "@graphcommerce/eslint-config-pwa": "^10.0.0-canary.72",
17
+ "@graphcommerce/graphql": "^10.0.0-canary.72",
18
+ "@graphcommerce/image": "^10.0.0-canary.72",
19
+ "@graphcommerce/magento-cart": "^10.0.0-canary.72",
20
+ "@graphcommerce/magento-cart-payment-method": "^10.0.0-canary.72",
21
+ "@graphcommerce/magento-customer": "^10.0.0-canary.72",
22
+ "@graphcommerce/magento-store": "^10.0.0-canary.72",
23
+ "@graphcommerce/next-ui": "^10.0.0-canary.72",
24
+ "@graphcommerce/prettier-config-pwa": "^10.0.0-canary.72",
25
+ "@graphcommerce/typescript-config-pwa": "^10.0.0-canary.72",
26
26
  "@lingui/core": "^5",
27
27
  "@lingui/macro": "^5",
28
28
  "@lingui/react": "^5",
29
- "@mui/material": "^5.10.16",
29
+ "@mui/material": "^7.0.0",
30
30
  "framer-motion": "^11.0.0",
31
31
  "next": "*",
32
32
  "react": "^19.2.0",