@shipengine/elements 0.37.21 → 0.39.0

package/index.cjs

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('@emotion/react/jsx-runtime');
-var giger = require('@packlink/giger');
-var gigerTheme = require('@packlink/giger-theme');
+var giger = require('@shipengine/giger');
+var gigerTheme = require('@shipengine/giger-theme');
 var humps = require('humps');
 var React = require('react');
 var reactI18next = require('react-i18next');
@@ -23,7 +23,7 @@ var Locales = require('date-fns/locale');
 var css = require('@emotion/css');
 var min$3 = require('libphonenumber-js/min');
 var copy = require('copy-to-clipboard');
-var reactQuery = require('react-query');
+var reactQuery = require('@tanstack/react-query');
 var cardValidator = require('card-validator');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -2118,13 +2118,19 @@ const usStates = [new UsState("Alabama", "AL"), new UsState("Alaska", "AK"), new
   isMilitary
 }), new UsState("California", "CA"), new UsState("Colorado", "CO"), new UsState("Connecticut", "CT"), new UsState("Delaware", "DE"), new UsState("District of Columbia", "DC"), new UsState("Florida", "FL"), new UsState("Georgia", "GA"), new UsState("Guam", "GU", {
   isUnitedStatesTerritory: isUnitedStatesTerritory$1
-}), new UsState("Hawaii", "HI"), new UsState("Idaho", "ID"), new UsState("Illinois", "IL"), new UsState("Indiana", "IN"), new UsState("Iowa", "IA"), new UsState("Kansas", "KS"), new UsState("Kentucky", "KY"), new UsState("Louisiana", "LA"), new UsState("Maine", "ME"), new UsState("Maryland", "MD"), new UsState("Massachusetts", "MA"), new UsState("Michigan", "MI"), new UsState("Minnesota", "MN"), new UsState("Mississippi", "MS"), new UsState("Missouri", "MO"), new UsState("Montana", "MT"), new UsState("Nebraska", "NE"), new UsState("Nevada", "NV"), new UsState("New Hampshire", "NH"), new UsState("New Jersey", "NJ"), new UsState("New Mexico", "NM"), new UsState("New York", "NY"), new UsState("North Carolina", "NC"), new UsState("North Dakota", "ND"), new UsState("Ohio", "OH"), new UsState("Oklahoma", "OK"), new UsState("Oregon", "OR"), new UsState("Pennsylvania", "PA"), new UsState("Puerto Rico", "PR", {
+}), new UsState("Hawaii", "HI"), new UsState("Idaho", "ID"), new UsState("Illinois", "IL"), new UsState("Indiana", "IN"), new UsState("Iowa", "IA"), new UsState("Kansas", "KS"), new UsState("Kentucky", "KY"), new UsState("Louisiana", "LA"), new UsState("Maine", "ME"), new UsState("Marshall Islands", "MH", {
   isUnitedStatesTerritory: isUnitedStatesTerritory$1
-}), new UsState("Rhode Island", "RI"), new UsState("South Carolina", "SC"), new UsState("South Dakota", "SD"), new UsState("Tennessee", "TN"), new UsState("Texas", "TX"), new UsState("Utah", "UT"), new UsState("Vermont", "VT"), new UsState("Virgin Islands", "VI", {
+}), new UsState("Maryland", "MD"), new UsState("Massachusetts", "MA"), new UsState("Michigan", "MI"), new UsState("Micronesia", "FM", {
+  isUnitedStatesTerritory: isUnitedStatesTerritory$1
+}), new UsState("Minnesota", "MN"), new UsState("Mississippi", "MS"), new UsState("Missouri", "MO"), new UsState("Montana", "MT"), new UsState("Nebraska", "NE"), new UsState("Nevada", "NV"), new UsState("New Hampshire", "NH"), new UsState("New Jersey", "NJ"), new UsState("New Mexico", "NM"), new UsState("New York", "NY"), new UsState("North Carolina", "NC"), new UsState("North Dakota", "ND"), new UsState("Northern Mariana Islands", "MP", {
+  isUnitedStatesTerritory: isUnitedStatesTerritory$1
+}), new UsState("Ohio", "OH"), new UsState("Oklahoma", "OK"), new UsState("Oregon", "OR"), new UsState("Palau", "PW", {
   isUnitedStatesTerritory: isUnitedStatesTerritory$1
-}), new UsState("Virginia", "VA"), new UsState("Washington", "WA"), new UsState("West Virginia", "WV"), new UsState("Wisconsin", "WI"), new UsState("Wyoming", "WY"), new UsState("Northern Mariana Islands", "MP", {
+}), new UsState("Pennsylvania", "PA"), new UsState("Puerto Rico", "PR", {
+  isUnitedStatesTerritory: isUnitedStatesTerritory$1
+}), new UsState("Rhode Island", "RI"), new UsState("South Carolina", "SC"), new UsState("South Dakota", "SD"), new UsState("Tennessee", "TN"), new UsState("Texas", "TX"), new UsState("Utah", "UT"), new UsState("Vermont", "VT"), new UsState("Virgin Islands", "VI", {
   isUnitedStatesTerritory: isUnitedStatesTerritory$1
-}), new UsState("U.S. Minor Outlying Islands", "UM", {
+}), new UsState("Virginia", "VA"), new UsState("Washington", "WA"), new UsState("West Virginia", "WV"), new UsState("Wisconsin", "WI"), new UsState("Wyoming", "WY"), new UsState("U.S. Minor Outlying Islands", "UM", {
   isUnitedStatesTerritory: isUnitedStatesTerritory$1
 })];
 /**
@@ -2744,7 +2750,7 @@ const formLogger = {
       // event bubbling doesn't handle the formId target properly when passed through a portal.
       e === null || e === void 0 ? void 0 : e.stopPropagation();
       this.isSubmitting = true;
-      handleSubmit(e);
+      void handleSubmit(e);
       this.isSubmitting = false;
     };
   },
@@ -4994,6 +5000,7 @@ RootPortalContext.displayName = "RootPortalContext";
 const RootPortalProvider = ({
   children
 }) => {
+  // eslint-disable-next-line react/hook-use-state -- We don't need the setter
   const [rootPortal] = React.useState(() => {
     let rootPortal = document.getElementById("root-portal");
     if (!rootPortal) {
@@ -7642,7 +7649,7 @@ const AddFundsForm = ({
   const {
     t
   } = reactI18next.useTranslation();
-  const addFunds = alchemy.useAddFunds(carrierId);
+  const addFunds = alchemy.useAddFunds();
   const carrier = alchemy.useGetCarrierById(carrierId);
   const chips = [{
     label: "$20",
@@ -7678,13 +7685,16 @@ const AddFundsForm = ({
   const handleSubmit = formLogger.capture(form.handleSubmit(values => __awaiter(void 0, void 0, void 0, function* () {
     const payload = values;
     try {
-      yield addFunds.mutateAsync(payload);
+      yield addFunds.mutateAsync({
+        carrierId,
+        funds: payload
+      });
       onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
     } catch (_a) {
       // Noop; errors available on RQ object
     }
   })));
-  if (carrier.isLoading) return jsxRuntime.jsx(Loader, {
+  if (carrier.isInitialLoading) return jsxRuntime.jsx(Loader, {
     message: t("loading.carrier")
   });
   if (!carrier.data) throw new Error("errorMessages.unableToLoad.carrier");
@@ -7922,11 +7932,16 @@ const AutoFundingForm = ({
   const {
     t
   } = reactI18next.useTranslation();
-  const updateAutoFunding = alchemy.useUpdateAutoFunding(carrierId);
-  const autoFundingConfiguration = alchemy.useGetAutoFundingConfiguration(carrierId);
   const {
-    data: autoFundingSettings
-  } = autoFundingConfiguration;
+    mutate: updateAutoFunding,
+    isLoading: updateAutoFundingIsLoading
+  } = alchemy.useUpdateAutoFunding(carrierId);
+  const {
+    data: autoFundingConfig,
+    refetch: autoFundingConfigRefetch,
+    isInitialLoading: isLoadingAutoFundingConfig,
+    error: autoFundingConfigErrors
+  } = alchemy.useGetAutoFundingConfiguration(carrierId);
   const [showForm, setShowForm] = React.useState(false);
   const [isSwitchOn, setIsSwitchOn] = React.useState(false);
   const form = reactHookForm.useForm({
@@ -7942,8 +7957,8 @@ const AutoFundingForm = ({
     setShowForm(prev => !prev);
     setIsSwitchOn(true);
     const payload = values;
-    updateAutoFunding.mutate(payload, {
-      onSuccess: () => autoFundingConfiguration.refetch()
+    updateAutoFunding(payload, {
+      onSuccess: () => autoFundingConfigRefetch()
     });
   }));
   /**
@@ -7957,19 +7972,19 @@ const AutoFundingForm = ({
     formReset(isEnabled);
     if (!isEnabled) {
       setIsSwitchOn(isEnabled);
-      updateAutoFunding.mutate(form.getValues(), {
-        onSuccess: () => autoFundingConfiguration.refetch()
+      updateAutoFunding(form.getValues(), {
+        onSuccess: () => autoFundingConfigRefetch()
       });
     }
   };
-  if (autoFundingConfiguration.isLoading || updateAutoFunding.isLoading) return jsxRuntime.jsx(Loader, {
+  if (isLoadingAutoFundingConfig || updateAutoFundingIsLoading) return jsxRuntime.jsx(Loader, {
     message: t("manage-funding:autoFunding.isLoading")
   });
-  if (!autoFundingSettings) throw new Error(t("errorMessages:unableToLoad.autoFundingSettings"));
+  if (!autoFundingConfig) throw new Error(t("errorMessages:unableToLoad.autoFundingSettings"));
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [jsxRuntime.jsxs(Spread, {
       children: [jsxRuntime.jsx(giger.Typography, Object.assign({
-        bold: !!(autoFundingSettings === null || autoFundingSettings === void 0 ? void 0 : autoFundingSettings.isAutoPurchaseEnabled),
+        bold: !!(autoFundingConfig === null || autoFundingConfig === void 0 ? void 0 : autoFundingConfig.isAutoPurchaseEnabled),
         variant: "body1"
       }, {
         children: t("manage-funding:autoFunding:isEnabledCTA")
@@ -7982,11 +7997,11 @@ const AutoFundingForm = ({
       })]
     }), jsxRuntime.jsx(Spacer, {
       multiplier: 1
-    }), !!(autoFundingSettings === null || autoFundingSettings === void 0 ? void 0 : autoFundingSettings.isAutoPurchaseEnabled) && !showForm && jsxRuntime.jsxs(Spread, {
+    }), !!(autoFundingConfig === null || autoFundingConfig === void 0 ? void 0 : autoFundingConfig.isAutoPurchaseEnabled) && !showForm && jsxRuntime.jsxs(Spread, {
       children: [jsxRuntime.jsx(giger.Typography, Object.assign({
         variant: "body1"
       }, {
-        children: t("manage-funding:autoFunding.readSettings", Object.assign({}, autoFundingSettings))
+        children: t("manage-funding:autoFunding.readSettings", Object.assign({}, autoFundingConfig))
       })), jsxRuntime.jsx(LinkAction, {
         css: styles$t.edit,
         onClick: () => handleToggle(true),
@@ -8011,7 +8026,7 @@ const AutoFundingForm = ({
           css: styles$t.input,
           "data-testid": "auto-funding-threshold-input",
           defaultValue: {
-            amount: autoFundingSettings === null || autoFundingSettings === void 0 ? void 0 : autoFundingSettings.autoPurchaseThreshold,
+            amount: autoFundingConfig === null || autoFundingConfig === void 0 ? void 0 : autoFundingConfig.autoPurchaseThreshold,
             currency: alchemy.Currency.USD
           },
           disabled: !watchIsEnabled,
@@ -8028,7 +8043,7 @@ const AutoFundingForm = ({
           css: styles$t.input,
           "data-testid": "auto-funding-purchase-amount-input",
           defaultValue: {
-            amount: autoFundingSettings === null || autoFundingSettings === void 0 ? void 0 : autoFundingSettings.autoPurchaseAmount,
+            amount: autoFundingConfig === null || autoFundingConfig === void 0 ? void 0 : autoFundingConfig.autoPurchaseAmount,
             currency: alchemy.Currency.USD
           },
           disabled: !watchIsEnabled,
@@ -8044,7 +8059,7 @@ const AutoFundingForm = ({
           control: form.control,
           css: styles$t.input,
           "data-testid": "auto-funding-max-per-day-input",
-          defaultValue: autoFundingSettings === null || autoFundingSettings === void 0 ? void 0 : autoFundingSettings.autoPurchaseCutoff,
+          defaultValue: autoFundingConfig === null || autoFundingConfig === void 0 ? void 0 : autoFundingConfig.autoPurchaseCutoff,
           disabled: !watchIsEnabled,
           isInteger: true,
           label: t("manage-funding:autoFunding.maximumPurchasesPerDay"),
@@ -8069,14 +8084,14 @@ const AutoFundingForm = ({
           children: t("manage-funding:actions.saveRule")
         }))]
       }))]
-    })), autoFundingConfiguration.error && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    })), autoFundingConfigErrors && jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [jsxRuntime.jsx(Spacer, {
         multiplier: 1
       }), jsxRuntime.jsx(giger.InlineNotification, Object.assign({
         title: t("manage-funding:autoFunding.error.title"),
         type: giger.NotificationType.ERROR
       }, {
-        children: autoFundingConfiguration.error[0].message
+        children: autoFundingConfigErrors[0].message
       }))]
     })]
   });
@@ -8135,14 +8150,13 @@ const CarrierBalance = ({
   } = reactI18next.useTranslation();
   const {
     data: carrier,
-    isLoading: isLoadingCarrier,
-    isRefetching: isRefetchingCarrier
+    isFetching: isFetchingCarrier
   } = alchemy.useGetCarrierById(carrierId);
   const carrierBalance = (_a = carrier === null || carrier === void 0 ? void 0 : carrier.balance) !== null && _a !== void 0 ? _a : balance;
   return jsxRuntime.jsx(InlineLabel, Object.assign({
     label: t("manage-funding:currentBalance")
   }, {
-    children: isLoadingCarrier || isRefetchingCarrier ? jsxRuntime.jsx(giger.Spinner, {}) : jsxRuntime.jsx(giger.Typography, Object.assign({
+    children: isFetchingCarrier ? jsxRuntime.jsx(giger.Spinner, {}) : jsxRuntime.jsx(giger.Typography, Object.assign({
       bold: true,
       css: styles$r.getBalanceText(carrierBalance)
     }, {
@@ -8517,7 +8531,7 @@ const FundAndPurchase = ({
   const [isAddFundsFormOpen, setIsAddFundsFormOpen] = React.useState(false);
   const {
     data: carrier,
-    isLoading: isLoadingCarrier
+    isInitialLoading: isLoadingCarrier
   } = alchemy.useGetCarrierById(isPreferredRate ? undefined : carrierId);
   const {
     isSubmitting: isRateFormSubmitting,
@@ -8728,14 +8742,14 @@ const styles$n = createStyles({
     verticalAlign: "top"
   }),
   itemName: theme => ({
-    // Set item name to max 3 lines and truncate with ellipsis
-    "-webkit-box-orient": "vertical",
-    "-webkit-line-clamp": "3",
     display: "-webkit-box",
     lineHeight: `${theme.spacing(2.5)}px`,
     maxHeight: `${theme.spacing(7.5)}px`,
     overflow: "hidden",
     textOverflow: "ellipsis",
+    // Set item name to max 3 lines and truncate with ellipsis
+    WebkitBoxOrient: "vertical",
+    WebkitLineClamp: "3",
     whiteSpace: "normal"
   }),
   numericCell: () => ({
@@ -8855,7 +8869,7 @@ const ManageFunding = ({
   } = reactI18next.useTranslation();
   const queryClient = reactQuery.useQueryClient();
   const {
-    isLoading: isLoadingCarrier
+    isInitialLoading: isLoadingCarrier
   } = alchemy.useGetCarrierById(carrierId);
   const [isAddFundsFormOpen, setIsAddFundsFormOpen] = React.useState(false);
   return jsxRuntime.jsx(CollapsiblePanel, Object.assign({
@@ -9577,7 +9591,7 @@ const AddressPreferenceSelect = ({
   };
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [jsxRuntime.jsxs(giger.Grid, Object.assign({
-      "data-testid": "warehousePreferenceSelect",
+      "data-testid": "addressPreferenceSelect",
       noPadding: true
     }, {
       children: [jsxRuntime.jsx(giger.GridChild, Object.assign({
@@ -9952,6 +9966,7 @@ const WalletForm = ({
     },
     resolver: validationResolver(walletSchema)
   });
+  const formSetValue = form.setValue;
   useBlackboxDetection({
     onError: React.useCallback(() => {
       setCodedErrors(errors => {
@@ -9963,8 +9978,8 @@ const WalletForm = ({
         };
         return [...(errors !== null && errors !== void 0 ? errors : []), blackBoxError];
       });
-    }, [setCodedErrors]),
-    onSuccess: React.useCallback(bb => form.setValue("iovationBlackbox", bb), [form.setValue])
+    }, [t]),
+    onSuccess: React.useCallback(bb => formSetValue("iovationBlackbox", bb), [formSetValue])
   });
   const watchAddress = form.watch("address");
   const handleSubmit = form.handleSubmit(values => __awaiter(void 0, void 0, void 0, function* () {
@@ -10823,7 +10838,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "111ty02-css",
   styles: "align-items:center;display:flex;label:css;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxpc3QtY2FycmllcnMtcm93LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQmtkIiwiZmlsZSI6Imxpc3QtY2FycmllcnMtcm93LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fYXdhaXRlciB9IGZyb20gXCJ0c2xpYlwiO1xyXG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcclxuaW1wb3J0IHsgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcclxuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xyXG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIkBwYWNrbGluay9naWdlclwiO1xyXG5pbXBvcnQgeyBMaW5rQWN0aW9uIH0gZnJvbSBcIi4uLy4uLy4uL2NvbXBvbmVudHMvbGluay1hY3Rpb25cIjtcclxuaW1wb3J0IHsgQWRkQ2FycmllckZvcm0gfSBmcm9tIFwiLi4vLi4vLi4vY29tcG9uZW50cy90ZW1wbGF0ZXMvYWRkLWNhcnJpZXItZm9ybVwiO1xyXG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tIFwiLi9saXN0LWNhcnJpZXJzLXJvdy5zdHlsZXNcIjtcclxuZXhwb3J0IGNvbnN0IExpc3RDYXJyaWVyc1JvdyA9ICh7IGNvbm5lY3RlZENhcnJpZXI6IHsgY2FycmllciwgaXNDb25uZWN0ZWQgfSwgcmVnaXN0ZXJDYXJyaWVyLCByZWdpc3RlckNhcnJpZXJFcnJvcnMsIH0pID0+IHtcclxuICAgIGNvbnN0IHsgc2hvcnRuYW1lOiBuYW1lLCBsb2dvLCByZXF1aXJlZEZpZWxkcyB9ID0gY2FycmllcjtcclxuICAgIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oW1wibGlzdC1jYXJyaWVyc1wiXSk7XHJcbiAgICBjb25zdCBbc2hvd0Ryb3BEb3duLCBzZXRTaG93RHJvcERvd25dID0gdXNlU3RhdGUoZmFsc2UpO1xyXG4gICAgY29uc3QgW2lzU3VibWl0dGluZywgc2V0SXNTdWJtaXR0aW5nXSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IGhhbmRsZVJlZ2lzdGVyID0gKHZhbHVlcykgPT4gX19hd2FpdGVyKHZvaWQgMCwgdm9pZCAwLCB2b2lkIDAsIGZ1bmN0aW9uKiAoKSB7XHJcbiAgICAgICAgc2V0SXNTdWJtaXR0aW5nKHRydWUpO1xyXG4gICAgICAgIHlpZWxkIHJlZ2lzdGVyQ2Fycmllcih2YWx1ZXMpO1xyXG4gICAgICAgIHNob3dEcm9wRG93biAmJiBzZXRTaG93RHJvcERvd24oZmFsc2UpO1xyXG4gICAgICAgIHNldElzU3VibWl0dGluZyhmYWxzZSk7XHJcbiAgICB9KTtcclxuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNzczogc3R5bGVzLmNvbnRhaW5lciwgXCJkYXRhLXRlc3RpZFwiOiBcImNhcnJpZXItcm93XCIgfSwgeyBjaGlsZHJlbjogW19qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjc3M6IHN0eWxlcy5yb3dDb250YWluZXIgfSwgeyBjaGlsZHJlbjogW19qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjc3M6IHN0eWxlcy5sb2dvQ29udGFpbmVyIH0sIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIHsgY2hpbGRyZW46IF9qc3goXCJpbWdcIiwgeyBhbHQ6IGAke25hbWV9LWxvZ29gLCBoZWlnaHQ6IDQwLCBzcmM6IGxvZ28sIHdpZHRoOiA0MCB9KSB9KSwgX2pzeChUeXBvZ3JhcGh5LCBPYmplY3QuYXNzaWduKHsgdmFyaWFudDogXCJzdWJ0aXRsZTFcIiB9LCB7IGNoaWxkcmVuOiBuYW1lIH0pKV0gfSkpLCBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjc3M6IGNzcyh7IGFsaWduSXRlbXM6IFwiY2VudGVyXCIsIGRpc3BsYXk6IFwiZmxleFwiIH0pIH0sIHsgY2hpbGRyZW46IF9qc3goTGlua0FjdGlvbiwgeyBjc3M6IHN0eWxlcy5nZXRDb25uZWN0QnV0dG9uKGlzQ29ubmVjdGVkKSwgaXNEaXNhYmxlZDogaXNDb25uZWN0ZWQgfHwgc2hvd0Ryb3BEb3duLCBpc0xvYWRpbmc6IGlzU3VibWl0dGluZywgb25DbGljazogKCkgPT4gX19hd2FpdGVyKHZvaWQgMCwgdm9pZCAwLCB2b2lkIDAsIGZ1bmN0aW9uKiAoKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYgKHJlcXVpcmVkRmllbGRzID09PSBudWxsIHx8IHJlcXVpcmVkRmllbGRzID09PSB2b2lkIDAgPyB2b2lkIDAgOiByZXF1aXJlZEZpZWxkcy5pbmNsdWRlcyhcImFkZHJlc3NcIikpXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNldFNob3dEcm9wRG93bih0cnVlKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBlbHNlXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHlpZWxkIGhhbmRsZVJlZ2lzdGVyKCk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KSwgdGl0bGU6IGlzQ29ubmVjdGVkXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPyB0KFwibGlzdC1jYXJyaWVyczphY3Rpb25zLnN0YXR1cy5jb25uZWN0ZWRcIilcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IHQoXCJsaXN0LWNhcnJpZXJzOmFjdGlvbnMuc3RhdHVzLm5vdENvbm5lY3RlZFwiKSB9KSB9KSldIH0pKSwgc2hvd0Ryb3BEb3duICYmIChfanN4KEFkZENhcnJpZXJGb3JtLCB7IGNhcnJpZXJUZXJtczogY2Fycmllci50ZXJtcyAmJiBjYXJyaWVyLnRlcm1zLCBvbkNhbmNlbDogKCkgPT4gc2V0U2hvd0Ryb3BEb3duKGZhbHNlKSwgb25TdWJtaXQ6ICh2YWx1ZXMpID0+IGhhbmRsZVJlZ2lzdGVyKHZhbHVlcyksIHJlZ2lzdGVyQ2FycmllckVycm9yczogcmVnaXN0ZXJDYXJyaWVyRXJyb3JzIH0pKV0gfSkpKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9bGlzdC1jYXJyaWVycy1yb3cuanMubWFwIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxpc3QtY2FycmllcnMtcm93LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQmtkIiwiZmlsZSI6Imxpc3QtY2FycmllcnMtcm93LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fYXdhaXRlciB9IGZyb20gXCJ0c2xpYlwiO1xyXG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcclxuaW1wb3J0IHsgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcclxuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xyXG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIkBzaGlwZW5naW5lL2dpZ2VyXCI7XHJcbmltcG9ydCB7IExpbmtBY3Rpb24gfSBmcm9tIFwiLi4vLi4vLi4vY29tcG9uZW50cy9saW5rLWFjdGlvblwiO1xyXG5pbXBvcnQgeyBBZGRDYXJyaWVyRm9ybSB9IGZyb20gXCIuLi8uLi8uLi9jb21wb25lbnRzL3RlbXBsYXRlcy9hZGQtY2Fycmllci1mb3JtXCI7XHJcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gXCIuL2xpc3QtY2FycmllcnMtcm93LnN0eWxlc1wiO1xyXG5leHBvcnQgY29uc3QgTGlzdENhcnJpZXJzUm93ID0gKHsgY29ubmVjdGVkQ2FycmllcjogeyBjYXJyaWVyLCBpc0Nvbm5lY3RlZCB9LCByZWdpc3RlckNhcnJpZXIsIHJlZ2lzdGVyQ2FycmllckVycm9ycywgfSkgPT4ge1xyXG4gICAgY29uc3QgeyBzaG9ydG5hbWU6IG5hbWUsIGxvZ28sIHJlcXVpcmVkRmllbGRzIH0gPSBjYXJyaWVyO1xyXG4gICAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbihbXCJsaXN0LWNhcnJpZXJzXCJdKTtcclxuICAgIGNvbnN0IFtzaG93RHJvcERvd24sIHNldFNob3dEcm9wRG93bl0gPSB1c2VTdGF0ZShmYWxzZSk7XHJcbiAgICBjb25zdCBbaXNTdWJtaXR0aW5nLCBzZXRJc1N1Ym1pdHRpbmddID0gdXNlU3RhdGUoZmFsc2UpO1xyXG4gICAgY29uc3QgaGFuZGxlUmVnaXN0ZXIgPSAodmFsdWVzKSA9PiBfX2F3YWl0ZXIodm9pZCAwLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcclxuICAgICAgICBzZXRJc1N1Ym1pdHRpbmcodHJ1ZSk7XHJcbiAgICAgICAgeWllbGQgcmVnaXN0ZXJDYXJyaWVyKHZhbHVlcyk7XHJcbiAgICAgICAgc2hvd0Ryb3BEb3duICYmIHNldFNob3dEcm9wRG93bihmYWxzZSk7XHJcbiAgICAgICAgc2V0SXNTdWJtaXR0aW5nKGZhbHNlKTtcclxuICAgIH0pO1xyXG4gICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY3NzOiBzdHlsZXMuY29udGFpbmVyLCBcImRhdGEtdGVzdGlkXCI6IFwiY2Fycmllci1yb3dcIiB9LCB7IGNoaWxkcmVuOiBbX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNzczogc3R5bGVzLnJvd0NvbnRhaW5lciB9LCB7IGNoaWxkcmVuOiBbX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNzczogc3R5bGVzLmxvZ29Db250YWluZXIgfSwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgeyBjaGlsZHJlbjogX2pzeChcImltZ1wiLCB7IGFsdDogYCR7bmFtZX0tbG9nb2AsIGhlaWdodDogNDAsIHNyYzogbG9nbywgd2lkdGg6IDQwIH0pIH0pLCBfanN4KFR5cG9ncmFwaHksIE9iamVjdC5hc3NpZ24oeyB2YXJpYW50OiBcInN1YnRpdGxlMVwiIH0sIHsgY2hpbGRyZW46IG5hbWUgfSkpXSB9KSksIF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNzczogY3NzKHsgYWxpZ25JdGVtczogXCJjZW50ZXJcIiwgZGlzcGxheTogXCJmbGV4XCIgfSkgfSwgeyBjaGlsZHJlbjogX2pzeChMaW5rQWN0aW9uLCB7IGNzczogc3R5bGVzLmdldENvbm5lY3RCdXR0b24oaXNDb25uZWN0ZWQpLCBpc0Rpc2FibGVkOiBpc0Nvbm5lY3RlZCB8fCBzaG93RHJvcERvd24sIGlzTG9hZGluZzogaXNTdWJtaXR0aW5nLCBvbkNsaWNrOiAoKSA9PiBfX2F3YWl0ZXIodm9pZCAwLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZiAocmVxdWlyZWRGaWVsZHMgPT09IG51bGwgfHwgcmVxdWlyZWRGaWVsZHMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHJlcXVpcmVkRmllbGRzLmluY2x1ZGVzKFwiYWRkcmVzc1wiKSlcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc2V0U2hvd0Ryb3BEb3duKHRydWUpO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGVsc2VcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgeWllbGQgaGFuZGxlUmVnaXN0ZXIoKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0pLCB0aXRsZTogaXNDb25uZWN0ZWRcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA/IHQoXCJsaXN0LWNhcnJpZXJzOmFjdGlvbnMuc3RhdHVzLmNvbm5lY3RlZFwiKVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogdChcImxpc3QtY2FycmllcnM6YWN0aW9ucy5zdGF0dXMubm90Q29ubmVjdGVkXCIpIH0pIH0pKV0gfSkpLCBzaG93RHJvcERvd24gJiYgKF9qc3goQWRkQ2FycmllckZvcm0sIHsgY2FycmllclRlcm1zOiBjYXJyaWVyLnRlcm1zICYmIGNhcnJpZXIudGVybXMsIG9uQ2FuY2VsOiAoKSA9PiBzZXRTaG93RHJvcERvd24oZmFsc2UpLCBvblN1Ym1pdDogKHZhbHVlcykgPT4gaGFuZGxlUmVnaXN0ZXIodmFsdWVzKSwgcmVnaXN0ZXJDYXJyaWVyRXJyb3JzOiByZWdpc3RlckNhcnJpZXJFcnJvcnMgfSkpXSB9KSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1saXN0LWNhcnJpZXJzLXJvdy5qcy5tYXAiXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const ListCarriersRow = ({
@@ -11009,7 +11024,7 @@ const useListConnectedCarriers = () => {
   const {
     data: carriers,
     error,
-    isLoading,
+    isInitialLoading,
     refetch
   } = alchemy.useListCarriers();
   const carrierMetadatas = useCarrierMetadata();
@@ -11020,7 +11035,7 @@ const useListConnectedCarriers = () => {
       isConnected: normalizedCarrierCodes.has(m.carrierCode)
     })),
     error: error,
-    isLoading,
+    isLoading: isInitialLoading,
     refetch
   };
 };
@@ -11498,7 +11513,7 @@ const Component$5 = ({
   const {
     data: warehouses,
     error: listWarehouseErrors,
-    isLoading: isLoadingWarehouses,
+    isInitialLoading: isLoadingWarehouses,
     refetch: refreshListWarehouses
   } = alchemy.useListWarehouses();
   const {
@@ -12960,7 +12975,7 @@ const WalletHistory = () => {
   const queryRange = React.useMemo(() => selectedOption && selectedOption.value === "custom" && customRange ? customRange : selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.range, [customRange, selectedOption]);
   const {
     data: walletHistoryData,
-    isLoading: isWalletHistoryDataLoading,
+    isInitialLoading: isWalletHistoryDataLoading,
     isFetching: isWalletHistoryFetching,
     error: errors
   } = alchemy.useGetWalletHistory({
@@ -13453,7 +13468,7 @@ const UnitSettings = () => {
   const {
     data: accountSettings,
     error: getAccountSettingsErrors,
-    isLoading: isLoadingAccountSettings,
+    isInitialLoading: isLoadingAccountSettings,
     refetch: refreshAccountSettings
   } = alchemy.useGetAccountSettings();
   const {
@@ -14283,9 +14298,6 @@ var en = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(O
  * - The `<AccountSettings />` component is used to display the user's account settings, as well as
  * allowing them to make changes to various aspects of their account.
  *
- * @param onSaveSettings Any `void` function you wish to execute when the user saves any changes
- * to their account settings.
- *
  * @returns Element An EmotionJSX.Element that will render the `<AccountSettings />` component
  * with all the appropriate wrappers.
  *
@@ -14309,8 +14321,7 @@ const Component$4 = ({
     data: carriers
   } = alchemy.useListCarriers();
   return jsxRuntime.jsx(AccountSettings, {
-    carriers: carriers,
-    onSaveSettings: onSaveSettings
+    carriers: carriers
   });
 };
 /**
@@ -14326,9 +14337,7 @@ const Component$4 = ({
  * The `<Component />` is the source JSX that is rendered when you make use of the `AccountSettings`
  * Element directly. Here is a brief example of how you would use it within your application.
  * ```tsx
- * <AccountSettings.Element
- *   onSaveSettings={() => console.log('Settings Saved!')}
- * />
+ * <AccountSettings.Element/>
  * ```
  *
  * <br />
@@ -15522,10 +15531,10 @@ const RateForm = ({
     } finally {
       // Invalidate carrier queries after the rate form is submitted, regardless of success.
       // This allows the carrier balance to refresh if the purchase failed but funding succeeded.
-      queryClient.invalidateQueries(["useGetCarrierById", selectedRate === null || selectedRate === void 0 ? void 0 : selectedRate.carrierId], {
+      void queryClient.invalidateQueries(["useGetCarrierById", selectedRate === null || selectedRate === void 0 ? void 0 : selectedRate.carrierId], {
         exact: true
       });
-      queryClient.invalidateQueries(["useListCarriers"], {
+      void queryClient.invalidateQueries(["useListCarriers"], {
         exact: true
       });
     }
@@ -16729,7 +16738,7 @@ const ShipmentForm = ({
   React.useEffect(() => {
     if (!requireMeasurements) {
       form.resetField("packages.0.dimensions");
-      form.trigger("packages.0.dimensions");
+      void form.trigger("packages.0.dimensions");
     }
   }, [requireMeasurements, form]);
   React.useEffect(() => {
@@ -17020,7 +17029,7 @@ const ShipmentForm = ({
             children: presetCategory.options.map(preset => jsxRuntime.jsx(giger.Option, Object.assign({
               onClick: () => {
                 onDirty(); // bypass rate cache
-                handleApplyPreset(preset.value);
+                void handleApplyPreset(preset.value);
               },
               selected: ___default["default"].isEqual(selectedPreset, preset.value),
               value: JSON.stringify(preset.value)
@@ -17791,7 +17800,7 @@ const useRatesForm = ({
   } = alchemy.useListCarriers();
   const {
     data: labels,
-    isLoading: labelsLoading
+    isInitialLoading: labelsLoading
   } = alchemy.useListLabels();
   const {
     mutateAsync: updateShipment
@@ -18160,13 +18169,14 @@ const ConfigureShipment = _a => {
   const _d = useShipmentForm({
       compatibleCountryCodes: features === null || features === void 0 ? void 0 : features.compatibleCountryCodes,
       onAddressValidation,
-      onApplyPreset: React.useCallback((_preset, shipment) => __awaiter(void 0, void 0, void 0, function* () {
+      onApplyPreset: React.useCallback((preset, shipment) => __awaiter(void 0, void 0, void 0, function* () {
         var _e;
         if (shipment.packages[0].weight.value) {
           yield requestRates(shipment, isInternational);
         }
         (_e = hydrateRef.current) === null || _e === void 0 ? void 0 : _e.call(hydrateRef, shipment);
-      }), [requestRates, isInternational]),
+        void (onApplyPreset === null || onApplyPreset === void 0 ? void 0 : onApplyPreset(preset, shipment));
+      }), [onApplyPreset, requestRates, isInternational]),
       onChangeAddress,
       onShipmentUpdated,
       onSubmit: React.useCallback(shipment => __awaiter(void 0, void 0, void 0, function* () {
@@ -18233,7 +18243,7 @@ const usePendingShipment = ({
   const {
     data: shipments,
     error: listShipmentsErrors,
-    isLoading: isListShipmentsLoading,
+    isInitialLoading: isListShipmentsLoading,
     isFetching: isListShipmentsValidating,
     refetch: reloadShipments
   } = alchemy.useListSalesOrderShipments({
@@ -18299,7 +18309,6 @@ const useConfigureShipment = ({
   warehouseId,
   printLabelLayout
 }) => {
-  var _a, _b;
   const {
     isPendingShipmentLoading,
     pendingShipment,
@@ -18315,12 +18324,16 @@ const useConfigureShipment = ({
     yield reloadPendingShipment();
     yield onShipmentUpdated === null || onShipmentUpdated === void 0 ? void 0 : onShipmentUpdated(shipment);
   }), [onShipmentUpdated, reloadPendingShipment]);
-  const labelLayoutSetting = (_b = (_a = alchemy.useGetAccountSettings().data) === null || _a === void 0 ? void 0 : _a.defaultLabelLayout) !== null && _b !== void 0 ? _b : "4x6";
+  const {
+    data: {
+      defaultLabelLayout = "4x6"
+    } = {}
+  } = alchemy.useGetAccountSettings();
   return {
     errors: pendingShipmentErrors,
     isLoading: isPendingShipmentLoading,
     onShipmentUpdated: handleShipmentUpdated,
-    printLabelLayout: printLabelLayout ? printLabelLayout : labelLayoutSetting,
+    printLabelLayout: printLabelLayout ? printLabelLayout : defaultLabelLayout,
     shipment: pendingShipment,
     warehouseId
   };
@@ -18337,7 +18350,7 @@ const useImportSalesOrder = ({
     data: salesOrders,
     error: listSalesOrdersErrors,
     isFetching: isFetchingSalesOrders,
-    isLoading: isLoadingSalesOrders,
+    isInitialLoading: isInitialLoadingSalesOrders,
     refetch: refetchSalesOrders
   } = alchemy.useListSalesOrders({
     externalOrderId,
@@ -18347,7 +18360,7 @@ const useImportSalesOrder = ({
     data: salesOrder,
     error: getSalesOrderErrors,
     isFetching: isFetchingSalesOrder,
-    isLoading: isLoadingSalesOrder,
+    isInitialLoading: isInitialLoadingSalesOrder,
     refetch: refetchSalesOrder
   } = alchemy.useGetSalesOrder(salesOrderId !== null && salesOrderId !== void 0 ? salesOrderId : salesOrders && salesOrders[0] ? salesOrders[0].salesOrderId : undefined);
   const {
@@ -18365,7 +18378,7 @@ const useImportSalesOrder = ({
     // to handle scenarios where the sales order has not yet been imported. If the
     // order source has already refreshed and there is still no matching order, bubble it up
     // to the error boundary.
-    (() => __awaiter(void 0, void 0, void 0, function* () {
+    void (() => __awaiter(void 0, void 0, void 0, function* () {
       const selectedOrderSources = orderSourceCode ? orderSources === null || orderSources === void 0 ? void 0 : orderSources.filter(o => o.orderSourceCode.includes(orderSourceCode) && o.active) : orderSources;
       if (selectedOrderSources && !salesOrder && !isFetchingSalesOrder && !isFetchingSalesOrders && !hasRefreshedOrderSource) {
         yield Promise.all(selectedOrderSources.map(o => refreshOrderSource(o.orderSourceId)));
@@ -18377,7 +18390,7 @@ const useImportSalesOrder = ({
   const errors = [...(listOrderSourcesErrors !== null && listOrderSourcesErrors !== void 0 ? listOrderSourcesErrors : []), ...(listSalesOrdersErrors !== null && listSalesOrdersErrors !== void 0 ? listSalesOrdersErrors : []), ...(getSalesOrderErrors !== null && getSalesOrderErrors !== void 0 ? getSalesOrderErrors : []), ...(refreshOrderSourceErrors !== null && refreshOrderSourceErrors !== void 0 ? refreshOrderSourceErrors : [])];
   return {
     errors: errors.length > 0 ? errors : undefined,
-    isLoading: isLoadingSalesOrder || isLoadingSalesOrders || isRefreshingOrderSource || !hasRefreshedOrderSource && !salesOrder && (salesOrders === null || salesOrders === void 0 ? void 0 : salesOrders.length) === 0 && errors.length === 0,
+    isLoading: isInitialLoadingSalesOrder || isInitialLoadingSalesOrders || isRefreshingOrderSource || !hasRefreshedOrderSource && !salesOrder && (salesOrders === null || salesOrders === void 0 ? void 0 : salesOrders.length) === 0 && errors.length === 0,
     salesOrder
   };
 };
@@ -18488,16 +18501,16 @@ const useGetOrCreateShipment = (onShipmentUpdated, shipmentId) => {
   const getShipment = alchemy.useGetShipment(shipmentId !== null && shipmentId !== void 0 ? shipmentId : createdShipment === null || createdShipment === void 0 ? void 0 : createdShipment.shipmentId);
   React.useEffect(() => {
     if (shouldTriggerUpdate && getShipment.data) {
-      onShipmentUpdated === null || onShipmentUpdated === void 0 ? void 0 : onShipmentUpdated(getShipment.data);
+      void (onShipmentUpdated === null || onShipmentUpdated === void 0 ? void 0 : onShipmentUpdated(getShipment.data));
       setShouldTriggerUpdate(false);
     }
-  }, [shouldTriggerUpdate, getShipment]);
+  }, [shouldTriggerUpdate, getShipment, onShipmentUpdated]);
   const errors = [...((_a = getShipment.error) !== null && _a !== void 0 ? _a : []), ...((_b = createShipment.error) !== null && _b !== void 0 ? _b : [])];
   return {
     errors: errors.length > 0 ? errors : undefined,
     isLoading:
     //bootstrap isLoading to true if one off and create shipment mutation hasn't been triggered yet
-    !createShipment.isError && createShipment.isIdle && shipmentId === undefined || getShipment.isLoading || createShipment.isLoading,
+    !createShipment.isError && createShipment.isIdle && shipmentId === undefined || getShipment.isInitialLoading || createShipment.isLoading,
     refetchShipment: getShipment.refetch,
     shipment: getShipment.data
   };
@@ -18521,7 +18534,7 @@ const PurchaseLabelByShipment = _a => {
   };
   const {
     data: insuranceAccount,
-    isLoading: insuranceIsLoading
+    isInitialLoading: insuranceIsLoading
   } = alchemy.useGetInsuranceAccount("shipsurance");
   return jsxRuntime.jsx(SuspendShipment, Object.assign({
     shipment: shipment
@@ -19042,7 +19055,7 @@ const Component$1 = ({
   const salesOrder = alchemy.useGetSalesOrder((_b = (_a = shipment.data) === null || _a === void 0 ? void 0 : _a.salesOrderIds) === null || _b === void 0 ? void 0 : _b[0]);
   const warehouses = alchemy.useListWarehouses();
   const carriers = alchemy.useListCarriers();
-  if (!shipment.data && !shipment.error) return jsxRuntime.jsx(Loader, {
+  if (shipment.isInitialLoading) return jsxRuntime.jsx(Loader, {
     message: t("loading.shipment")
   });
   if (shipment.error) throw new Error(shipment.error.map(e => e.message).join(", "));
@@ -19262,10 +19275,10 @@ const Component = ({
   const label = alchemy.useGetLabel(labelId);
   const shipment = alchemy.useGetSalesOrderShipment((_a = label.data) === null || _a === void 0 ? void 0 : _a.shipmentId);
   const voidLabel = alchemy.useVoidLabel();
-  if (label.isLoading) return jsxRuntime.jsx(Loader, {
+  if (label.isInitialLoading) return jsxRuntime.jsx(Loader, {
     message: t("loading.label")
   });
-  if (shipment.isLoading) return jsxRuntime.jsx(Loader, {
+  if (shipment.isInitialLoading) return jsxRuntime.jsx(Loader, {
     message: t("loading.shipment")
   });
   throwAny(label.error);