@blocklet/payment-react 1.13.261 → 1.13.263

package/es/components/pricing-table.js

@@ -68,15 +68,6 @@ export default function PricingTable({ table, alignItems, interval, mode, onSele
       .price-table-wrap:has(> div:nth-child(3)) {
         max-width: 1080px !important;
       }
-      .price-table-wrap:has(> div:nth-child(1)) > .price-table-item {
-        width: 90% !important;
-      }
-      .price-table-wrap:has(> div:nth-child(2)) > .price-table-item {
-        width: 45% !important;
-      }
-      .price-table-wrap:has(> div:nth-child(3)) > .price-table-item {
-        width: 30% !important;
-      }
     }
   `;
   return /* @__PURE__ */ jsx(Root, { children: /* @__PURE__ */ jsxs(
@@ -167,6 +158,8 @@ export default function PricingTable({ table, alignItems, interval, mode, onSele
                         borderColor: mode === "select" && x.is_selected ? "primary.main" : "#ddd",
                         boxShadow: "0 8px 16px rgba(0, 0, 0, 20%)"
                       },
+                      width: "320px",
+                      maxWidth: "360px",
                       padding: "20px",
                       position: "relative"
                     },

package/es/libs/util.js

@@ -64,6 +64,9 @@ export const formatLocale = (locale = "en") => {
 };
 export const formatPrettyMsLocale = (locale) => locale === "zh" ? "zh_CN" : "en_US";
 export const formatError = (err) => {
+  if (!err) {
+    return "Unknown error";
+  }
   const { details, errors, response } = err;
   if (Array.isArray(errors)) {
     return errors.map((x) => x.message).join("\n");
@@ -77,7 +80,7 @@ export const formatError = (err) => {
     return `Validate failed: ${formatted.join(";")}`;
   }
   if (response) {
-    return response.data.error || `${err.message}: ${JSON.stringify(response.data)}`;
+    return response.data?.error || `${err.message}: ${JSON.stringify(response.data)}`;
   }
   return err.message;
 };

package/lib/components/pricing-table.js

@@ -87,15 +87,6 @@ function PricingTable({
       .price-table-wrap:has(> div:nth-child(3)) {
         max-width: 1080px !important;
       }
-      .price-table-wrap:has(> div:nth-child(1)) > .price-table-item {
-        width: 90% !important;
-      }
-      .price-table-wrap:has(> div:nth-child(2)) > .price-table-item {
-        width: 45% !important;
-      }
-      .price-table-wrap:has(> div:nth-child(3)) > .price-table-item {
-        width: 30% !important;
-      }
     }
   `;
   return /* @__PURE__ */(0, _jsxRuntime.jsx)(Root, {
@@ -173,6 +164,8 @@ function PricingTable({
                 borderColor: mode === "select" && x.is_selected ? "primary.main" : "#ddd",
                 boxShadow: "0 8px 16px rgba(0, 0, 0, 20%)"
               },
+              width: "320px",
+              maxWidth: "360px",
               padding: "20px",
               position: "relative"
             },

package/lib/libs/util.js

@@ -111,6 +111,9 @@ exports.formatLocale = formatLocale;
 const formatPrettyMsLocale = locale => locale === "zh" ? "zh_CN" : "en_US";
 exports.formatPrettyMsLocale = formatPrettyMsLocale;
 const formatError = err => {
+  if (!err) {
+    return "Unknown error";
+  }
   const {
     details,
     errors,
@@ -128,7 +131,7 @@ const formatError = err => {
     return `Validate failed: ${formatted.join(";")}`;
   }
   if (response) {
-    return response.data.error || `${err.message}: ${JSON.stringify(response.data)}`;
+    return response.data?.error || `${err.message}: ${JSON.stringify(response.data)}`;
   }
   return err.message;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/payment-react",
-  "version": "1.13.261",
+  "version": "1.13.263",
   "description": "Reusable react components for payment kit v2",
   "keywords": [
     "react",
@@ -91,7 +91,7 @@
     "@babel/core": "^7.24.5",
     "@babel/preset-env": "^7.24.5",
     "@babel/preset-react": "^7.24.1",
-    "@blocklet/payment-types": "1.13.261",
+    "@blocklet/payment-types": "1.13.263",
     "@storybook/addon-essentials": "^7.6.19",
     "@storybook/addon-interactions": "^7.6.19",
     "@storybook/addon-links": "^7.6.19",
@@ -120,5 +120,5 @@
     "vite-plugin-babel": "^1.2.0",
     "vite-plugin-node-polyfills": "^0.21.0"
   },
-  "gitHead": "30f66652a71168cbd4050639527dc7dbf15b12bb"
+  "gitHead": "be124b5d7d0e96734ac36d20a01c493a15cd443e"
 }

package/src/components/pricing-table.tsx

@@ -89,15 +89,6 @@ export default function PricingTable({ table, alignItems, interval, mode, onSele
       .price-table-wrap:has(> div:nth-child(3)) {
         max-width: 1080px !important;
       }
-      .price-table-wrap:has(> div:nth-child(1)) > .price-table-item {
-        width: 90% !important;
-      }
-      .price-table-wrap:has(> div:nth-child(2)) > .price-table-item {
-        width: 45% !important;
-      }
-      .price-table-wrap:has(> div:nth-child(3)) > .price-table-item {
-        width: 30% !important;
-      }
     }
   `;
   return (
@@ -187,6 +178,8 @@ export default function PricingTable({ table, alignItems, interval, mode, onSele
                       borderColor: mode === 'select' && x.is_selected ? 'primary.main' : '#ddd',
                       boxShadow: '0 8px 16px rgba(0, 0, 0, 20%)',
                     },
+                    width: '320px',
+                    maxWidth: '360px',
 
                     padding: '20px',
                     position: 'relative',

package/src/libs/util.ts

@@ -96,6 +96,10 @@ export const formatLocale = (locale = 'en') => {
 export const formatPrettyMsLocale = (locale: string) => (locale === 'zh' ? 'zh_CN' : 'en_US');
 
 export const formatError = (err: any) => {
+  if (!err) {
+    return 'Unknown error';
+  }
+
   const { details, errors, response } = err;
 
   // graphql error
@@ -116,7 +120,7 @@ export const formatError = (err: any) => {
 
   // axios error
   if (response) {
-    return response.data.error || `${err.message}: ${JSON.stringify(response.data)}`;
+    return response.data?.error || `${err.message}: ${JSON.stringify(response.data)}`;
   }
 
   return err.message;