@blocklet/payment-react 1.26.2 → 1.26.3

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

@@ -0,0 +1,64 @@
+import { Box, Button, Dialog, DialogContent, Stack, Typography } from '@mui/material';
+import { alpha } from '@mui/material/styles';
+import PauseCircleOutlineIcon from '@mui/icons-material/PauseCircleOutline';
+import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
+
+export default function ServiceSuspendedDialog({ open, onClose }: { open: boolean; onClose: () => void }) {
+  const { t } = useLocaleContext();
+
+  return (
+    <Dialog
+      open={open}
+      onClose={onClose}
+      PaperProps={{
+        sx: {
+          borderRadius: 3,
+          maxWidth: 400,
+          mx: 'auto',
+          overflow: 'hidden',
+        },
+      }}>
+      <DialogContent sx={{ p: 0 }}>
+        <Stack alignItems="center" sx={{ pt: 4, pb: 3, px: 4, textAlign: 'center' }}>
+          <Box
+            sx={{
+              width: 64,
+              height: 64,
+              borderRadius: '50%',
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+              bgcolor: (theme) => alpha(theme.palette.warning.main, 0.1),
+              mb: 2.5,
+            }}>
+            <PauseCircleOutlineIcon sx={{ fontSize: 36, color: 'warning.main' }} />
+          </Box>
+
+          <Typography sx={{ fontWeight: 700, fontSize: 18, mb: 1, color: 'text.primary' }}>
+            {t('payment.checkout.stopAcceptingOrders.title')}
+          </Typography>
+
+          <Typography sx={{ color: 'text.secondary', fontSize: 14, lineHeight: 1.6 }}>
+            {t('payment.checkout.stopAcceptingOrders.description')}
+          </Typography>
+        </Stack>
+
+        <Box sx={{ px: 4, pb: 3 }}>
+          <Button
+            fullWidth
+            variant="contained"
+            disableElevation
+            onClick={onClose}
+            sx={{
+              borderRadius: 2,
+              textTransform: 'none',
+              fontWeight: 600,
+              py: 1,
+            }}>
+            {t('common.know')}
+          </Button>
+        </Box>
+      </DialogContent>
+    </Dialog>
+  );
+}

package/src/locales/en.tsx

@@ -396,6 +396,10 @@ export default flat({
         title: 'Nothing to show here',
         description: 'It seems this checkout session is not configured properly',
       },
+      stopAcceptingOrders: {
+        title: 'Service Suspended',
+        description: 'New order placement is temporarily unavailable due to a system-level service suspension.',
+      },
       error: {
         title: 'Something went wrong',
       },

package/src/locales/zh.tsx

@@ -416,6 +416,10 @@ export default flat({
         title: '没有任何购买项目',
         description: '可能这个付款链接没有正确配置',
       },
+      stopAcceptingOrders: {
+        title: '暂停服务',
+        description: '因系统策略调整，当前已暂停新订单服务。',
+      },
       error: {
         title: '出了点问题',
       },

package/src/payment/form/index.tsx

@@ -61,6 +61,7 @@ import LoadingButton from '../../components/loading-button';
 import OverdueInvoicePayment from '../../components/over-due-invoice-payment';
 import { saveCurrencyPreference } from '../../libs/currency';
 import ConfirmDialog from '../../components/confirm';
+import ServiceSuspendedDialog from '../../components/service-suspended-dialog';
 import PriceChangeConfirm from '../../components/price-change-confirm';
 import { getFieldValidation, validatePostalCode } from '../../libs/validator';
 
@@ -267,6 +268,7 @@ export default function PaymentForm({
     };
     customer?: TCustomer;
     customerLimited?: boolean;
+    serviceSuspended?: boolean;
     stripePaying: boolean;
     fastCheckoutInfo: FastCheckoutInfo | null;
     creditInsufficientInfo: {
@@ -289,6 +291,7 @@ export default function PaymentForm({
     stripeContext: undefined,
     customer,
     customerLimited: false,
+    serviceSuspended: false,
     stripePaying: false,
     fastCheckoutInfo: null,
     creditInsufficientInfo: null,
@@ -1198,6 +1201,11 @@ export default function PaymentForm({
           shouldToast = false;
           setState({ customerLimited: true });
         }
+
+        if (errorCode === 'STOP_ACCEPTING_ORDERS') {
+          shouldToast = false;
+          setState({ serviceSuspended: true });
+        }
       }
       if (shouldToast) {
         Toast.error(formatError(err));
@@ -1474,6 +1482,9 @@ export default function PaymentForm({
             }}
           />
         )}
+        {state.serviceSuspended && (
+          <ServiceSuspendedDialog open onClose={() => setState({ serviceSuspended: false })} />
+        )}
         {FastCheckoutConfirmDialog}
         {CreditInsufficientDialog}
         {PriceUpdatedDialog}
@@ -1748,6 +1759,15 @@ 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')}
+        />
+      )}
       {FastCheckoutConfirmDialog}
       {CreditInsufficientDialog}
       {PriceUpdatedDialog}

package/src/payment/index.tsx

@@ -125,6 +125,19 @@ function PaymentInner({
   }, [paymentMethods]);
 
   const defaultCurrencyId = useMemo(() => {
+    // Keep session currency stable when a promotion is already applied.
+    // Otherwise auto-picking from URL/local preference/no-wallet may switch currency
+    // on refresh and trigger a second recalculate-promotion that removes discount
+    // with `currency_incompatible`.
+    const hasAppliedDiscount = Boolean((state.checkoutSession as any)?.discounts?.length);
+    if (
+      hasAppliedDiscount &&
+      state.checkoutSession.currency_id &&
+      availableCurrencyIds.includes(state.checkoutSession.currency_id)
+    ) {
+      return state.checkoutSession.currency_id;
+    }
+
     // 1. first check url currencyId
     if (query.currencyId && availableCurrencyIds.includes(query.currencyId)) {
       return query.currencyId;
@@ -151,7 +164,7 @@ function PaymentInner({
       return state.checkoutSession.currency_id;
     }
     return availableCurrencyIds?.[0];
-  }, [query.currencyId, availableCurrencyIds, session?.user, state.checkoutSession.currency_id, paymentMethods]);
+  }, [query.currencyId, availableCurrencyIds, session?.user, state.checkoutSession, paymentMethods]);
 
   const defaultMethodId = paymentMethods.find((m) => m.payment_currencies.some((c) => c.id === defaultCurrencyId))?.id;
   const hideSummaryCard = mode.endsWith('-minimal') || !showCheckoutSummary;
@@ -183,14 +196,23 @@ function PaymentInner({
   });
 
   useEffect(() => {
+    const hasAppliedDiscount = Boolean((state.checkoutSession as any)?.discounts?.length);
+    const currentCurrency = methods.getValues('payment_currency');
+    const currentMethod = methods.getValues('payment_method');
+
     if (defaultCurrencyId) {
-      methods.setValue('payment_currency', defaultCurrencyId);
+      // Avoid overriding current currency on refresh when a promotion is already applied.
+      if (!hasAppliedDiscount || !currentCurrency) {
+        methods.setValue('payment_currency', defaultCurrencyId);
+      }
     }
     if (defaultMethodId) {
-      methods.setValue('payment_method', defaultMethodId);
+      if (!hasAppliedDiscount || !currentMethod) {
+        methods.setValue('payment_method', defaultMethodId);
+      }
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [defaultCurrencyId, defaultMethodId]);
+  }, [defaultCurrencyId, defaultMethodId, state.checkoutSession.discounts]);
 
   useEffect(() => {
     if (!isMobileSafari()) {