payment-kit 1.13.21 → 1.13.22

package/api/src/routes/integrations/stripe.ts

@@ -43,14 +43,14 @@ const handleEvent = async (req: Request, res: Response) => {
 
   if (STRIPE_EVENTS.includes(stripeEvent.type) === false) {
     logger.debug('webhook event not interested', { id: stripeEvent.id, type: stripeEvent.type });
-    return res.status(400).json({ error: 'Not implemented' });
+    return res.json({ skipped: true });
   }
 
   // only events from this app should be processed
   const appPid = get(stripeEvent, 'data.object.metadata.appPid');
   if (appPid && appPid !== env.appPid) {
     logger.debug('webhook event for other app', { id: stripeEvent.id, type: stripeEvent.type });
-    return res.json({ received: true });
+    return res.json({ skipped: true });
   }
 
   logger.debug('webhook received event', { id: stripeEvent.id, type: stripeEvent.type });

package/blocklet.yml

@@ -14,7 +14,7 @@ repository:
   type: git
   url: git+https://github.com/blocklet/payment-kit.git
 specVersion: 1.2.8
-version: 1.13.21
+version: 1.13.22
 logo: logo.png
 files:
   - dist

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "payment-kit",
-  "version": "1.13.21",
+  "version": "1.13.22",
   "scripts": {
     "dev": "blocklet dev",
     "eject": "vite eject",
@@ -100,7 +100,7 @@
   "devDependencies": {
     "@arcblock/eslint-config": "^0.2.4",
     "@arcblock/eslint-config-ts": "^0.2.4",
-    "@did-pay/types": "1.13.21",
+    "@did-pay/types": "1.13.22",
     "@types/cookie-parser": "^1.4.4",
     "@types/cors": "^2.8.14",
     "@types/dotenv-flow": "^3.3.1",
@@ -137,5 +137,5 @@
       "parser": "typescript"
     }
   },
-  "gitHead": "9a767485dd2e712fdaf1e636d73556c90f20e2bd"
+  "gitHead": "c8b53669ddb7118a2e43596548f031547b2d3da3"
 }

package/src/components/checkout/form/phone.tsx

@@ -5,10 +5,9 @@ import { useEffect } from 'react';
 import { useFormContext, useWatch } from 'react-hook-form';
 import { CountryIso2, FlagEmoji, defaultCountries, parseCountry, usePhoneInput } from 'react-international-phone';
 
+import { isValidCountry } from '../../../libs/util';
 import FormInput from '../../input';
 
-const isValidCountry = (code: string) => defaultCountries.some((x) => x[1] === code);
-
 export default function PhoneInput({ ...props }) {
   const countryFieldName = props.countryFieldName || 'billing_address.country';
 

package/src/components/checkout/pay.tsx

@@ -14,7 +14,7 @@ import { FormProvider, useForm } from 'react-hook-form';
 
 import { useSessionContext } from '../../contexts/session';
 import { useSettingsContext } from '../../contexts/settings';
-import { findCurrency, formatError, getStatementDescriptor } from '../../libs/util';
+import { findCurrency, formatError, getStatementDescriptor, isValidCountry } from '../../libs/util';
 import PaymentError from './error';
 import CheckoutFooter from './footer';
 import PaymentForm from './form';
@@ -175,7 +175,7 @@ export function CheckoutPayMain({
           postal_code: '',
         },
         customer?.address || {},
-        { country: customer?.address?.country || 'us' }
+        { country: isValidCountry(customer?.address?.country || '') ? customer?.address?.country : 'us' }
       ),
     },
   });

package/src/components/customer/edit.tsx

@@ -5,6 +5,7 @@ import { Button, CircularProgress, Stack } from '@mui/material';
 import type { EventHandler } from 'react';
 import { FormProvider, useForm } from 'react-hook-form';
 
+import { isValidCountry } from '../../libs/util';
 import CustomerForm from './form';
 
 export default function EditCustomer({
@@ -34,7 +35,7 @@ export default function EditCustomer({
           postal_code: '',
         },
         data.address || {},
-        { country: data.address?.country || 'us' }
+        { country: isValidCountry(data.address?.country || '') ? data.address?.country : 'us' }
       ),
     },
   });

package/src/components/metadata/form.tsx

@@ -1,7 +1,9 @@
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import { AddOutlined, DeleteOutlineOutlined } from '@mui/icons-material';
-import { Box, Button, IconButton, Stack, TextField, Typography } from '@mui/material';
-import { Controller, useFieldArray, useFormContext } from 'react-hook-form';
+import { Box, Button, IconButton, Stack, Typography } from '@mui/material';
+import { useFieldArray, useFormContext } from 'react-hook-form';
+
+import FormInput from '../input';
 
 export default function MetadataForm({ title, actions }: { title?: string; actions?: React.ReactNode }) {
   const { t } = useLocaleContext();
@@ -13,15 +15,19 @@ export default function MetadataForm({ title, actions }: { title?: string; actio
       {metadata.fields.map((meta, index) => (
         <Stack key={meta.id} mt={2} spacing={2} direction="row" alignItems="center">
           <Stack direction="row" spacing={2}>
-            <Controller
-              render={({ field }) => <TextField {...field} sx={{ flex: 1 }} placeholder="Key" size="small" />}
+            <FormInput
+              sx={{ flex: 1 }}
+              size="small"
               name={`metadata.${index}.key`}
-              control={control}
+              rules={{ required: t('checkout.required') }}
+              placeholder="Key"
             />
-            <Controller
-              render={({ field }) => <TextField {...field} sx={{ flex: 2 }} placeholder="Value" size="small" />}
+            <FormInput
+              sx={{ flex: 2 }}
+              size="small"
               name={`metadata.${index}.value`}
-              control={control}
+              placeholder="Value"
+              rules={{ required: t('checkout.required') }}
             />
           </Stack>
           <IconButton size="small" onClick={() => metadata.remove(index)}>

package/src/libs/util.ts

@@ -15,6 +15,7 @@ import type {
 import { BN, fromUnitToToken } from '@ocap/util';
 import cloneDeep from 'lodash/cloneDeep';
 import isEqual from 'lodash/isEqual';
+import { defaultCountries } from 'react-international-phone';
 
 import dayjs from './dayjs';
 
@@ -567,3 +568,7 @@ export function getSupportedPaymentCurrencies(items: TLineItemExpanded[]) {
   }, []);
   return Array.from(new Set(currencies));
 }
+
+export function isValidCountry(code: string) {
+  return defaultCountries.some((x) => x[1] === code);
+}