@blocklet/payment-react 1.18.43 → 1.18.45

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 (10) hide show
  1. package/es/components/pricing-table.js +6 -5
  2. package/es/payment/form/address.js +4 -5
  3. package/es/theme/index.js +1 -1
  4. package/lib/components/pricing-table.js +6 -5
  5. package/lib/payment/form/address.js +8 -11
  6. package/lib/theme/index.js +1 -1
  7. package/package.json +9 -9
  8. package/src/components/pricing-table.tsx +5 -4
  9. package/src/payment/form/address.tsx +1 -2
  10. package/src/theme/index.tsx +1 -1
package/es/components/pricing-table.js CHANGED
@@ -421,21 +421,22 @@ export default function PricingTable({ table, alignItems, interval, mode, onSele
421
421
  sx: {
422
422
  width: "100%",
423
423
  position: "relative",
424
- borderTop: "1px solid #e5e7eb",
424
+ borderTop: "1px solid",
425
+ borderColor: "divider",
425
426
  boxSizing: "border-box",
426
427
  height: "1px"
427
428
  }
428
429
  }
429
430
  ),
430
431
  x.product.features.map((f) => /* @__PURE__ */ jsxs(ListItem, { disableGutters: true, disablePadding: true, sx: { fontSize: "16px !important" }, children: [
431
- /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: 25, color: "#059669", fontSize: "64px" }, children: /* @__PURE__ */ jsx(
432
+ /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: 25, color: "text.secondary", fontSize: "64px" }, children: /* @__PURE__ */ jsx(
432
433
  CheckOutlined,
433
434
  {
434
435
  color: "success",
435
436
  fontSize: "small",
436
437
  sx: {
437
- color: "#059669",
438
- fontSize: "18px"
438
+ fontSize: "18px",
439
+ color: "success.main"
439
440
  }
440
441
  }
441
442
  ) }),
@@ -445,7 +446,7 @@ export default function PricingTable({ table, alignItems, interval, mode, onSele
445
446
  sx: {
446
447
  ".MuiListItemText-primary": {
447
448
  fontSize: "16px",
448
- color: "#030712",
449
+ color: "text.primary",
449
450
  fontWeight: "500"
450
451
  }
451
452
  },
package/es/payment/form/address.js CHANGED
@@ -99,9 +99,9 @@ export default function AddressForm({ mode, stripe, sx = {}, fieldValidation, er
99
99
  ] }) }) });
100
100
  }
101
101
  if (stripe) {
102
- return /* @__PURE__ */ jsx(Fade, { in: true, children: /* @__PURE__ */ jsxs(Stack, { className: "cko-payment-address cko-payment-form", sx, children: [
102
+ return /* @__PURE__ */ jsx(Fade, { in: true, children: /* @__PURE__ */ jsx(Stack, { className: "cko-payment-address cko-payment-form", sx, children: /* @__PURE__ */ jsxs(Stack, { direction: "column", className: "cko-payment-form", spacing: 0, children: [
103
103
  /* @__PURE__ */ jsx(FormLabel, { className: "base-label", children: t("payment.checkout.billing.postal_code") }),
104
- /* @__PURE__ */ jsx(Stack, { direction: "column", className: "cko-payment-form", spacing: 0, children: /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 0, children: /* @__PURE__ */ jsx(
104
+ /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 0, children: /* @__PURE__ */ jsx(
105
105
  FormInput,
106
106
  {
107
107
  name: "billing_address.postal_code",
@@ -116,7 +116,6 @@ export default function AddressForm({ mode, stripe, sx = {}, fieldValidation, er
116
116
  errorPosition,
117
117
  variant: "outlined",
118
118
  placeholder: t("payment.checkout.billing.postal_code"),
119
- wrapperStyle: { height: "40px" },
120
119
  InputProps: {
121
120
  startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", style: { marginRight: "2px", marginLeft: "-8px" }, children: /* @__PURE__ */ jsx(
122
121
  Controller,
@@ -138,8 +137,8 @@ export default function AddressForm({ mode, stripe, sx = {}, fieldValidation, er
138
137
  ) })
139
138
  }
140
139
  }
141
- ) }) })
142
- ] }) });
140
+ ) })
141
+ ] }) }) });
143
142
  }
144
143
  return null;
145
144
  }
package/es/theme/index.js CHANGED
@@ -249,7 +249,7 @@ export function PaymentThemeProvider({
249
249
  MuiChip: {
250
250
  styleOverrides: {
251
251
  root: {
252
- borderRadius: borderRadius * 0.5,
252
+ borderRadius: `${borderRadius * 2}px`,
253
253
  border: "1px solid transparent",
254
254
  "&.MuiChip-filledSuccess": {
255
255
  color: palette.chip.success.text,
package/lib/components/pricing-table.js CHANGED
@@ -442,7 +442,8 @@ function PricingTable({
442
442
  sx: {
443
443
  width: "100%",
444
444
  position: "relative",
445
- borderTop: "1px solid #e5e7eb",
445
+ borderTop: "1px solid",
446
+ borderColor: "divider",
446
447
  boxSizing: "border-box",
447
448
  height: "1px"
448
449
  }
@@ -455,22 +456,22 @@ function PricingTable({
455
456
  children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
456
457
  sx: {
457
458
  minWidth: 25,
458
- color: "#059669",
459
+ color: "text.secondary",
459
460
  fontSize: "64px"
460
461
  },
461
462
  children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_iconsMaterial.CheckOutlined, {
462
463
  color: "success",
463
464
  fontSize: "small",
464
465
  sx: {
465
- color: "#059669",
466
- fontSize: "18px"
466
+ fontSize: "18px",
467
+ color: "success.main"
467
468
  }
468
469
  })
469
470
  }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.ListItemText, {
470
471
  sx: {
471
472
  ".MuiListItemText-primary": {
472
473
  fontSize: "16px",
473
- color: "#030712",
474
+ color: "text.primary",
474
475
  fontWeight: "500"
475
476
  }
476
477
  },
package/lib/payment/form/address.js CHANGED
@@ -128,17 +128,17 @@ function AddressForm({
128
128
  if (stripe) {
129
129
  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Fade, {
130
130
  in: true,
131
- children: /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Stack, {
131
+ children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Stack, {
132
132
  className: "cko-payment-address cko-payment-form",
133
133
  sx,
134
- children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.FormLabel, {
135
- className: "base-label",
136
- children: t("payment.checkout.billing.postal_code")
137
- }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Stack, {
134
+ children: /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Stack, {
138
135
  direction: "column",
139
136
  className: "cko-payment-form",
140
137
  spacing: 0,
141
- children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Stack, {
138
+ children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.FormLabel, {
139
+ className: "base-label",
140
+ children: t("payment.checkout.billing.postal_code")
141
+ }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Stack, {
142
142
  direction: "row",
143
143
  spacing: 0,
144
144
  children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_input.default, {
@@ -154,9 +154,6 @@ function AddressForm({
154
154
  errorPosition,
155
155
  variant: "outlined",
156
156
  placeholder: t("payment.checkout.billing.postal_code"),
157
- wrapperStyle: {
158
- height: "40px"
159
- },
160
157
  InputProps: {
161
158
  startAdornment: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.InputAdornment, {
162
159
  position: "start",
@@ -181,8 +178,8 @@ function AddressForm({
181
178
  })
182
179
  }
183
180
  })
184
- })
185
- })]
181
+ })]
182
+ })
186
183
  })
187
184
  });
188
185
  }
package/lib/theme/index.js CHANGED
@@ -265,7 +265,7 @@ function PaymentThemeProvider({
265
265
  MuiChip: {
266
266
  styleOverrides: {
267
267
  root: {
268
- borderRadius: borderRadius * 0.5,
268
+ borderRadius: `${borderRadius * 2}px`,
269
269
  border: "1px solid transparent",
270
270
  "&.MuiChip-filledSuccess": {
271
271
  color: palette.chip.success.text,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blocklet/payment-react",
3
- "version": "1.18.43",
3
+ "version": "1.18.45",
4
4
  "description": "Reusable react components for payment kit v2",
5
5
  "keywords": [
6
6
  "react",
@@ -54,16 +54,16 @@
54
54
  }
55
55
  },
56
56
  "dependencies": {
57
- "@arcblock/did-connect": "^2.13.32",
58
- "@arcblock/ux": "^2.13.32",
59
- "@arcblock/ws": "^1.20.10",
60
- "@blocklet/theme": "^2.13.32",
61
- "@blocklet/ui-react": "^2.13.32",
57
+ "@arcblock/did-connect": "^2.13.40",
58
+ "@arcblock/ux": "^2.13.40",
59
+ "@arcblock/ws": "^1.20.11",
60
+ "@blocklet/theme": "^2.13.40",
61
+ "@blocklet/ui-react": "^2.13.40",
62
62
  "@mui/icons-material": "^5.16.6",
63
63
  "@mui/lab": "^5.0.0-alpha.173",
64
64
  "@mui/material": "^5.16.6",
65
65
  "@mui/system": "^5.16.6",
66
- "@ocap/util": "^1.20.10",
66
+ "@ocap/util": "^1.20.11",
67
67
  "@stripe/react-stripe-js": "^2.7.3",
68
68
  "@stripe/stripe-js": "^2.4.0",
69
69
  "@vitejs/plugin-legacy": "^5.4.1",
@@ -94,7 +94,7 @@
94
94
  "@babel/core": "^7.25.2",
95
95
  "@babel/preset-env": "^7.25.2",
96
96
  "@babel/preset-react": "^7.24.7",
97
- "@blocklet/payment-types": "1.18.43",
97
+ "@blocklet/payment-types": "1.18.45",
98
98
  "@storybook/addon-essentials": "^7.6.20",
99
99
  "@storybook/addon-interactions": "^7.6.20",
100
100
  "@storybook/addon-links": "^7.6.20",
@@ -125,5 +125,5 @@
125
125
  "vite-plugin-babel": "^1.2.0",
126
126
  "vite-plugin-node-polyfills": "^0.21.0"
127
127
  },
128
- "gitHead": "278c503efd49cab6413b324a4b38bf37a3456468"
128
+ "gitHead": "572fcb416607935c8eb338e7904b30f8a3e42306"
129
129
  }
package/src/components/pricing-table.tsx CHANGED
@@ -441,20 +441,21 @@ export default function PricingTable({ table, alignItems, interval, mode, onSele
441
441
  sx={{
442
442
  width: '100%',
443
443
  position: 'relative',
444
- borderTop: '1px solid #e5e7eb',
444
+ borderTop: '1px solid',
445
+ borderColor: 'divider',
445
446
  boxSizing: 'border-box',
446
447
  height: '1px',
447
448
  }}
448
449
  />
449
450
  {x.product.features.map((f: any) => (
450
451
  <ListItem key={f.name} disableGutters disablePadding sx={{ fontSize: '16px !important' }}>
451
- <ListItemIcon sx={{ minWidth: 25, color: '#059669', fontSize: '64px' }}>
452
+ <ListItemIcon sx={{ minWidth: 25, color: 'text.secondary', fontSize: '64px' }}>
452
453
  <CheckOutlined
453
454
  color="success"
454
455
  fontSize="small"
455
456
  sx={{
456
- color: '#059669',
457
457
  fontSize: '18px',
458
+ color: 'success.main',
458
459
  }}
459
460
  />
460
461
  </ListItemIcon>
@@ -462,7 +463,7 @@ export default function PricingTable({ table, alignItems, interval, mode, onSele
462
463
  sx={{
463
464
  '.MuiListItemText-primary': {
464
465
  fontSize: '16px',
465
- color: '#030712',
466
+ color: 'text.primary',
466
467
  fontWeight: '500',
467
468
  },
468
469
  }}
package/src/payment/form/address.tsx CHANGED
@@ -107,8 +107,8 @@ export default function AddressForm({ mode, stripe, sx = {}, fieldValidation, er
107
107
  return (
108
108
  <Fade in>
109
109
  <Stack className="cko-payment-address cko-payment-form" sx={sx}>
110
- <FormLabel className="base-label">{t('payment.checkout.billing.postal_code')}</FormLabel>
111
110
  <Stack direction="column" className="cko-payment-form" spacing={0}>
111
+ <FormLabel className="base-label">{t('payment.checkout.billing.postal_code')}</FormLabel>
112
112
  <Stack direction="row" spacing={0}>
113
113
  <FormInput
114
114
  name="billing_address.postal_code"
@@ -123,7 +123,6 @@ export default function AddressForm({ mode, stripe, sx = {}, fieldValidation, er
123
123
  errorPosition={errorPosition}
124
124
  variant="outlined"
125
125
  placeholder={t('payment.checkout.billing.postal_code')}
126
- wrapperStyle={{ height: '40px' }}
127
126
  InputProps={{
128
127
  startAdornment: (
129
128
  <InputAdornment position="start" style={{ marginRight: '2px', marginLeft: '-8px' }}>
package/src/theme/index.tsx CHANGED
@@ -262,7 +262,7 @@ export function PaymentThemeProvider({
262
262
  MuiChip: {
263
263
  styleOverrides: {
264
264
  root: {
265
- borderRadius: borderRadius * 0.5,
265
+ borderRadius: `${borderRadius * 2}px`,
266
266
  border: '1px solid transparent',
267
267
  '&.MuiChip-filledSuccess': {
268
268
  color: palette.chip.success.text,