@shipengine/elements 0.26.0 → 0.26.1

package/index.cjs

@@ -3715,7 +3715,8 @@ $$c({ target: 'String', proto: true }, {
   }
 });
 
-let _LOCALE = navigator.language;
+var _a;
+let _LOCALE = (_a = navigator === null || navigator === void 0 ? void 0 : navigator.language) !== null && _a !== void 0 ? _a : "en-US";
 const loadableLocale = _LOCALE.replaceAll("-", "");
 const loadableBackupLocale = _LOCALE.split("-")[0];
 let intlLocale = undefined;
@@ -10866,36 +10867,56 @@ const FundAndPurchase = ({
     control
   });
   const [isSavingRate, setIsSavingRate] = React.useState(false);
+  const [isSavingError, setIsSavingError] = React.useState(false);
   const handleSaveRate = () => __awaiter(void 0, void 0, void 0, function* () {
     setIsSavingRate(true);
-    yield onSave();
-    setIsSavingRate(false);
+    setIsSavingError(false);
+    try {
+      yield onSave();
+    } catch (e) {
+      setIsSavingError(true);
+    } finally {
+      setIsSavingRate(false);
+    }
   });
   // Automatically open the Add Funds form if the carrier's balance is insufficient.
   React.useEffect(() => {
     if (isFundingEnabled && isFundingRequired && (carrier === null || carrier === void 0 ? void 0 : carrier.balance) !== undefined && carrier.balance < purchaseAmount) setIsAddFundsFormOpen(true);
   }, [carrier === null || carrier === void 0 ? void 0 : carrier.balance, isFundingEnabled, isFundingRequired, purchaseAmount]);
-  const renderActionButtons = (addFundsForm = {}) => jsxRuntime.jsxs(ButtonGroup, Object.assign({
-    justify: "end"
-  }, {
-    children: [jsxRuntime.jsx(giger.Button, Object.assign({
-      bold: false,
-      css: styles$8.saveRateButton,
-      disabled: disabled || !carrierId || addFundsForm.isSubmitting || isRateFormSubmitting,
-      isLoading: isSavingRate,
-      onClick: handleSaveRate,
-      variant: giger.ButtonVariant.OUTLINED
-    }, {
-      children: t("purchase-label:actions.saveRate")
-    })), jsxRuntime.jsx(giger.Button, Object.assign({
-      "data-testid": "submit-fund-and-purchase",
-      disabled: disabled || !carrierId || !isRateFormValid || isFundingEnabled && isFundingRequired && isAddFundsFormOpen && addFundsForm.isSubmitted && !addFundsForm.isValid,
-      isLoading: addFundsForm.isSubmitting || isRateFormSubmitting,
-      onClick: isAddFundsFormOpen ? addFundsForm.submit : onPurchase
+  const renderActionButtons = (addFundsForm = {}) => jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [isSavingError && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [jsxRuntime.jsx(giger.InlineNotification, Object.assign({
+        type: giger.NotificationType.ERROR,
+        title: t("purchase-label:errorMessages.saveRateFailedTitle")
+      }, {
+        children: jsxRuntime.jsx(giger.Typography, {
+          children: t("purchase-label:errorMessages.saveRateFailedMessage")
+        })
+      })), jsxRuntime.jsx(Spacer, {
+        multiplier: 2
+      })]
+    }), jsxRuntime.jsxs(ButtonGroup, Object.assign({
+      justify: "end"
     }, {
-      children: isAddFundsFormOpen ? t("manage-funding:actions.addFundsAndPurchase") : t("purchase-label:actions.purchaseNow")
+      children: [jsxRuntime.jsx(giger.Button, Object.assign({
+        bold: false,
+        css: styles$8.saveRateButton,
+        disabled: disabled || !carrierId || addFundsForm.isSubmitting || isRateFormSubmitting,
+        isLoading: isSavingRate,
+        onClick: handleSaveRate,
+        variant: giger.ButtonVariant.OUTLINED
+      }, {
+        children: t("purchase-label:actions.saveRate")
+      })), jsxRuntime.jsx(giger.Button, Object.assign({
+        "data-testid": "submit-fund-and-purchase",
+        disabled: disabled || !carrierId || !isRateFormValid || isFundingEnabled && isFundingRequired && isAddFundsFormOpen && addFundsForm.isSubmitted && !addFundsForm.isValid,
+        isLoading: addFundsForm.isSubmitting || isRateFormSubmitting,
+        onClick: isAddFundsFormOpen ? addFundsForm.submit : onPurchase
+      }, {
+        children: isAddFundsFormOpen ? t("manage-funding:actions.addFundsAndPurchase") : t("purchase-label:actions.purchaseNow")
+      }))]
     }))]
-  }));
+  });
   // Render: not a walleted carrier;
   //         don't show balance or funding form
   if (!isFundingRequired) return jsxRuntime.jsx("div", Object.assign({
@@ -14074,7 +14095,9 @@ var purchaseLabel$1 = {
 		invalidAddress: "The address cannot be validated. Please confirm the address details with your customer and <link>edit the address in ShipStation</link>.",
 		noRates: "We were unable to find any rates matching your shipment information",
 		salesOrderNotLoaded: "Sales order has not been loaded",
-		unsupportedAddress: "At this time, we do not support shipping to international addresses that require customs declarations, including international, military, and US Territory addresses. You can create a label for this order in ShipStation."
+		unsupportedAddress: "At this time, we do not support shipping to international addresses that require customs declarations, including international, military, and US Territory addresses. You can create a label for this order in ShipStation.",
+		saveRateFailedMessage: "Saving DHL Express Worldwide rates is temporarily unavailable. Please try again later.",
+		saveRateFailedTitle: "Unable To Save Rate"
 	},
 	errorTypes: {
 		results: "No results returned"

package/index.js

@@ -3683,7 +3683,8 @@ $$c({ target: 'String', proto: true }, {
   }
 });
 
-let _LOCALE = navigator.language;
+var _a;
+let _LOCALE = (_a = navigator === null || navigator === void 0 ? void 0 : navigator.language) !== null && _a !== void 0 ? _a : "en-US";
 const loadableLocale = _LOCALE.replaceAll("-", "");
 const loadableBackupLocale = _LOCALE.split("-")[0];
 let intlLocale = undefined;
@@ -10834,36 +10835,56 @@ const FundAndPurchase = ({
     control
   });
   const [isSavingRate, setIsSavingRate] = useState(false);
+  const [isSavingError, setIsSavingError] = useState(false);
   const handleSaveRate = () => __awaiter(void 0, void 0, void 0, function* () {
     setIsSavingRate(true);
-    yield onSave();
-    setIsSavingRate(false);
+    setIsSavingError(false);
+    try {
+      yield onSave();
+    } catch (e) {
+      setIsSavingError(true);
+    } finally {
+      setIsSavingRate(false);
+    }
   });
   // Automatically open the Add Funds form if the carrier's balance is insufficient.
   useEffect(() => {
     if (isFundingEnabled && isFundingRequired && (carrier === null || carrier === void 0 ? void 0 : carrier.balance) !== undefined && carrier.balance < purchaseAmount) setIsAddFundsFormOpen(true);
   }, [carrier === null || carrier === void 0 ? void 0 : carrier.balance, isFundingEnabled, isFundingRequired, purchaseAmount]);
-  const renderActionButtons = (addFundsForm = {}) => jsxs(ButtonGroup, Object.assign({
-    justify: "end"
-  }, {
-    children: [jsx(Button, Object.assign({
-      bold: false,
-      css: styles$8.saveRateButton,
-      disabled: disabled || !carrierId || addFundsForm.isSubmitting || isRateFormSubmitting,
-      isLoading: isSavingRate,
-      onClick: handleSaveRate,
-      variant: ButtonVariant.OUTLINED
-    }, {
-      children: t("purchase-label:actions.saveRate")
-    })), jsx(Button, Object.assign({
-      "data-testid": "submit-fund-and-purchase",
-      disabled: disabled || !carrierId || !isRateFormValid || isFundingEnabled && isFundingRequired && isAddFundsFormOpen && addFundsForm.isSubmitted && !addFundsForm.isValid,
-      isLoading: addFundsForm.isSubmitting || isRateFormSubmitting,
-      onClick: isAddFundsFormOpen ? addFundsForm.submit : onPurchase
+  const renderActionButtons = (addFundsForm = {}) => jsxs(Fragment, {
+    children: [isSavingError && jsxs(Fragment, {
+      children: [jsx(InlineNotification, Object.assign({
+        type: NotificationType.ERROR,
+        title: t("purchase-label:errorMessages.saveRateFailedTitle")
+      }, {
+        children: jsx(Typography, {
+          children: t("purchase-label:errorMessages.saveRateFailedMessage")
+        })
+      })), jsx(Spacer, {
+        multiplier: 2
+      })]
+    }), jsxs(ButtonGroup, Object.assign({
+      justify: "end"
     }, {
-      children: isAddFundsFormOpen ? t("manage-funding:actions.addFundsAndPurchase") : t("purchase-label:actions.purchaseNow")
+      children: [jsx(Button, Object.assign({
+        bold: false,
+        css: styles$8.saveRateButton,
+        disabled: disabled || !carrierId || addFundsForm.isSubmitting || isRateFormSubmitting,
+        isLoading: isSavingRate,
+        onClick: handleSaveRate,
+        variant: ButtonVariant.OUTLINED
+      }, {
+        children: t("purchase-label:actions.saveRate")
+      })), jsx(Button, Object.assign({
+        "data-testid": "submit-fund-and-purchase",
+        disabled: disabled || !carrierId || !isRateFormValid || isFundingEnabled && isFundingRequired && isAddFundsFormOpen && addFundsForm.isSubmitted && !addFundsForm.isValid,
+        isLoading: addFundsForm.isSubmitting || isRateFormSubmitting,
+        onClick: isAddFundsFormOpen ? addFundsForm.submit : onPurchase
+      }, {
+        children: isAddFundsFormOpen ? t("manage-funding:actions.addFundsAndPurchase") : t("purchase-label:actions.purchaseNow")
+      }))]
     }))]
-  }));
+  });
   // Render: not a walleted carrier;
   //         don't show balance or funding form
   if (!isFundingRequired) return jsx("div", Object.assign({
@@ -14042,7 +14063,9 @@ var purchaseLabel$1 = {
 		invalidAddress: "The address cannot be validated. Please confirm the address details with your customer and <link>edit the address in ShipStation</link>.",
 		noRates: "We were unable to find any rates matching your shipment information",
 		salesOrderNotLoaded: "Sales order has not been loaded",
-		unsupportedAddress: "At this time, we do not support shipping to international addresses that require customs declarations, including international, military, and US Territory addresses. You can create a label for this order in ShipStation."
+		unsupportedAddress: "At this time, we do not support shipping to international addresses that require customs declarations, including international, military, and US Territory addresses. You can create a label for this order in ShipStation.",
+		saveRateFailedMessage: "Saving DHL Express Worldwide rates is temporarily unavailable. Please try again later.",
+		saveRateFailedTitle: "Unable To Save Rate"
 	},
 	errorTypes: {
 		results: "No results returned"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shipengine/elements",
-  "version": "0.26.0",
+  "version": "0.26.1",
   "typedoc": {
     "entryPoint": "./src/index.ts",
     "readmeFile": "../../README.md",

package/src/elements/list-carriers/list-carriers.d.ts

@@ -144,6 +144,8 @@ export declare const Element: ({ resources, ...props }: object & {
                     noRates: string;
                     salesOrderNotLoaded: string;
                     unsupportedAddress: string;
+                    saveRateFailedMessage: string;
+                    saveRateFailedTitle: string;
                 };
                 errorTypes: {
                     results: string;

package/src/elements/manage-warehouses/manage-warehouses.d.ts

@@ -148,6 +148,8 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     noRates: string;
                     salesOrderNotLoaded: string;
                     unsupportedAddress: string;
+                    saveRateFailedMessage: string;
+                    saveRateFailedTitle: string;
                 };
                 errorTypes: {
                     results: string;

package/src/elements/onboarding/onboarding.d.ts

@@ -147,6 +147,8 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     noRates: string;
                     salesOrderNotLoaded: string;
                     unsupportedAddress: string;
+                    saveRateFailedMessage: string;
+                    saveRateFailedTitle: string;
                 };
                 errorTypes: {
                     results: string;

package/src/elements/purchase-label/purchase-label.d.ts

@@ -155,6 +155,8 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     noRates: string;
                     salesOrderNotLoaded: string;
                     unsupportedAddress: string;
+                    saveRateFailedMessage: string;
+                    saveRateFailedTitle: string;
                 };
                 errorTypes: {
                     results: string;

package/src/elements/view-shipment/view-shipment.d.ts

@@ -156,6 +156,8 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     noRates: string;
                     salesOrderNotLoaded: string;
                     unsupportedAddress: string;
+                    saveRateFailedMessage: string;
+                    saveRateFailedTitle: string;
                 };
                 errorTypes: {
                     results: string;

package/src/elements/void-label/void-label.d.ts

@@ -151,6 +151,8 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     noRates: string;
                     salesOrderNotLoaded: string;
                     unsupportedAddress: string;
+                    saveRateFailedMessage: string;
+                    saveRateFailedTitle: string;
                 };
                 errorTypes: {
                     results: string;

package/src/locales/en/index.d.ts

@@ -140,6 +140,8 @@ declare const _default: {
             noRates: string;
             salesOrderNotLoaded: string;
             unsupportedAddress: string;
+            saveRateFailedMessage: string;
+            saveRateFailedTitle: string;
         };
         errorTypes: {
             results: string;