@blocklet/payment-react 1.26.3 → 1.26.4

package/es/components/service-suspended-dialog.js

@@ -10,12 +10,14 @@ export default function ServiceSuspendedDialog({ open, onClose }) {
     {
       open,
       onClose,
-      PaperProps: {
-        sx: {
-          borderRadius: 3,
-          maxWidth: 400,
-          mx: "auto",
-          overflow: "hidden"
+      slotProps: {
+        paper: {
+          sx: {
+            borderRadius: 3,
+            maxWidth: 400,
+            mx: "auto",
+            overflow: "hidden"
+          }
         }
       },
       children: /* @__PURE__ */ jsxs(DialogContent, { sx: { p: 0 }, children: [

package/es/payment/form/index.js

@@ -1451,16 +1451,7 @@ export default function PaymentForm({
         }
       }
     ),
-    state.serviceSuspended && /* @__PURE__ */ jsx(
-      ConfirmDialog,
-      {
-        onConfirm: () => setState({ serviceSuspended: false }),
-        onCancel: () => setState({ serviceSuspended: false }),
-        title: t("payment.checkout.stopAcceptingOrders.title"),
-        message: t("payment.checkout.stopAcceptingOrders.description"),
-        confirm: t("common.confirm")
-      }
-    ),
+    state.serviceSuspended && /* @__PURE__ */ jsx(ServiceSuspendedDialog, { open: true, onClose: () => setState({ serviceSuspended: false }) }),
     FastCheckoutConfirmDialog,
     CreditInsufficientDialog,
     PriceUpdatedDialog,

package/lib/components/service-suspended-dialog.js

@@ -20,12 +20,14 @@ function ServiceSuspendedDialog({
   return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Dialog, {
     open,
     onClose,
-    PaperProps: {
-      sx: {
-        borderRadius: 3,
-        maxWidth: 400,
-        mx: "auto",
-        overflow: "hidden"
+    slotProps: {
+      paper: {
+        sx: {
+          borderRadius: 3,
+          maxWidth: 400,
+          mx: "auto",
+          overflow: "hidden"
+        }
       }
     },
     children: /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.DialogContent, {

package/lib/payment/form/index.js

@@ -1630,16 +1630,11 @@ function PaymentForm({
         }),
         title: t("payment.customer.pastDue.alert.title")
       }
-    }), state.serviceSuspended && /* @__PURE__ */(0, _jsxRuntime.jsx)(_confirm.default, {
-      onConfirm: () => setState({
-        serviceSuspended: false
-      }),
-      onCancel: () => setState({
+    }), state.serviceSuspended && /* @__PURE__ */(0, _jsxRuntime.jsx)(_serviceSuspendedDialog.default, {
+      open: true,
+      onClose: () => setState({
         serviceSuspended: false
-      }),
-      title: t("payment.checkout.stopAcceptingOrders.title"),
-      message: t("payment.checkout.stopAcceptingOrders.description"),
-      confirm: t("common.confirm")
+      })
     }), FastCheckoutConfirmDialog, CreditInsufficientDialog, PriceUpdatedDialog, state.priceChangeConfirm?.open && /* @__PURE__ */(0, _jsxRuntime.jsx)(_priceChangeConfirm.default, {
       open: true,
       changePercent: state.priceChangeConfirm.changePercent,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/payment-react",
-  "version": "1.26.3",
+  "version": "1.26.4",
   "description": "Reusable react components for payment kit v2",
   "keywords": [
     "react",
@@ -59,7 +59,7 @@
     "@arcblock/react-hooks": "^3.5.1",
     "@arcblock/ux": "^3.5.1",
     "@arcblock/ws": "^1.28.5",
-    "@blocklet/payment-react-headless": "1.26.3",
+    "@blocklet/payment-react-headless": "1.26.4",
     "@blocklet/theme": "^3.5.1",
     "@blocklet/ui-react": "^3.5.1",
     "@mui/icons-material": "^7.1.2",
@@ -97,7 +97,7 @@
     "@babel/core": "^7.27.4",
     "@babel/preset-env": "^7.27.2",
     "@babel/preset-react": "^7.27.1",
-    "@blocklet/payment-types": "1.26.3",
+    "@blocklet/payment-types": "1.26.4",
     "@storybook/addon-essentials": "^7.6.20",
     "@storybook/addon-interactions": "^7.6.20",
     "@storybook/addon-links": "^7.6.20",
@@ -128,5 +128,5 @@
     "vite-plugin-babel": "^1.3.1",
     "vite-plugin-node-polyfills": "^0.23.0"
   },
-  "gitHead": "18c5d045139c572b52465e15c4c63b3e327efab5"
+  "gitHead": "90fb554f2edfcd1c141e3887eef835b1a545f5ad"
 }

package/src/components/service-suspended-dialog.tsx

@@ -10,12 +10,14 @@ export default function ServiceSuspendedDialog({ open, onClose }: { open: boolea
     <Dialog
       open={open}
       onClose={onClose}
-      PaperProps={{
-        sx: {
-          borderRadius: 3,
-          maxWidth: 400,
-          mx: 'auto',
-          overflow: 'hidden',
+      slotProps={{
+        paper: {
+          sx: {
+            borderRadius: 3,
+            maxWidth: 400,
+            mx: 'auto',
+            overflow: 'hidden',
+          },
         },
       }}>
       <DialogContent sx={{ p: 0 }}>

package/src/payment/form/index.tsx

@@ -1759,15 +1759,7 @@ export default function PaymentForm({
           }}
         />
       )}
-      {state.serviceSuspended && (
-        <ConfirmDialog
-          onConfirm={() => setState({ serviceSuspended: false })}
-          onCancel={() => setState({ serviceSuspended: false })}
-          title={t('payment.checkout.stopAcceptingOrders.title')}
-          message={t('payment.checkout.stopAcceptingOrders.description')}
-          confirm={t('common.confirm')}
-        />
-      )}
+      {state.serviceSuspended && <ServiceSuspendedDialog open onClose={() => setState({ serviceSuspended: false })} />}
       {FastCheckoutConfirmDialog}
       {CreditInsufficientDialog}
       {PriceUpdatedDialog}