@shipengine/elements 0.38.0 → 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 }; }
@@ -7649,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",
@@ -7685,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");
@@ -7929,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({
@@ -7949,8 +7957,8 @@ const AutoFundingForm = ({
     setShowForm(prev => !prev);
     setIsSwitchOn(true);
     const payload = values;
-    updateAutoFunding.mutate(payload, {
-      onSuccess: () => autoFundingConfiguration.refetch()
+    updateAutoFunding(payload, {
+      onSuccess: () => autoFundingConfigRefetch()
     });
   }));
   /**
@@ -7964,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")
@@ -7989,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),
@@ -8018,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,
@@ -8035,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,
@@ -8051,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"),
@@ -8076,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
       }))]
     })]
   });
@@ -8142,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)
     }, {
@@ -8524,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,
@@ -8735,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: () => ({
@@ -8862,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({
@@ -9584,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({
@@ -10831,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 = ({
@@ -11017,7 +11024,7 @@ const useListConnectedCarriers = () => {
   const {
     data: carriers,
     error,
-    isLoading,
+    isInitialLoading,
     refetch
   } = alchemy.useListCarriers();
   const carrierMetadatas = useCarrierMetadata();
@@ -11028,7 +11035,7 @@ const useListConnectedCarriers = () => {
       isConnected: normalizedCarrierCodes.has(m.carrierCode)
     })),
     error: error,
-    isLoading,
+    isLoading: isInitialLoading,
     refetch
   };
 };
@@ -11506,7 +11513,7 @@ const Component$5 = ({
   const {
     data: warehouses,
     error: listWarehouseErrors,
-    isLoading: isLoadingWarehouses,
+    isInitialLoading: isLoadingWarehouses,
     refetch: refreshListWarehouses
   } = alchemy.useListWarehouses();
   const {
@@ -12968,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({
@@ -13461,7 +13468,7 @@ const UnitSettings = () => {
   const {
     data: accountSettings,
     error: getAccountSettingsErrors,
-    isLoading: isLoadingAccountSettings,
+    isInitialLoading: isLoadingAccountSettings,
     refetch: refreshAccountSettings
   } = alchemy.useGetAccountSettings();
   const {
@@ -14291,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.
  *
@@ -14317,8 +14321,7 @@ const Component$4 = ({
     data: carriers
   } = alchemy.useListCarriers();
   return jsxRuntime.jsx(AccountSettings, {
-    carriers: carriers,
-    onSaveSettings: onSaveSettings
+    carriers: carriers
   });
 };
 /**
@@ -14334,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 />
@@ -17799,7 +17800,7 @@ const useRatesForm = ({
   } = alchemy.useListCarriers();
   const {
     data: labels,
-    isLoading: labelsLoading
+    isInitialLoading: labelsLoading
   } = alchemy.useListLabels();
   const {
     mutateAsync: updateShipment
@@ -18242,7 +18243,7 @@ const usePendingShipment = ({
   const {
     data: shipments,
     error: listShipmentsErrors,
-    isLoading: isListShipmentsLoading,
+    isInitialLoading: isListShipmentsLoading,
     isFetching: isListShipmentsValidating,
     refetch: reloadShipments
   } = alchemy.useListSalesOrderShipments({
@@ -18308,7 +18309,6 @@ const useConfigureShipment = ({
   warehouseId,
   printLabelLayout
 }) => {
-  var _a, _b;
   const {
     isPendingShipmentLoading,
     pendingShipment,
@@ -18324,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
   };
@@ -18346,7 +18350,7 @@ const useImportSalesOrder = ({
     data: salesOrders,
     error: listSalesOrdersErrors,
     isFetching: isFetchingSalesOrders,
-    isLoading: isLoadingSalesOrders,
+    isInitialLoading: isInitialLoadingSalesOrders,
     refetch: refetchSalesOrders
   } = alchemy.useListSalesOrders({
     externalOrderId,
@@ -18356,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 {
@@ -18386,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
   };
 };
@@ -18500,13 +18504,13 @@ const useGetOrCreateShipment = (onShipmentUpdated, shipmentId) => {
       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
   };
@@ -18530,7 +18534,7 @@ const PurchaseLabelByShipment = _a => {
   };
   const {
     data: insuranceAccount,
-    isLoading: insuranceIsLoading
+    isInitialLoading: insuranceIsLoading
   } = alchemy.useGetInsuranceAccount("shipsurance");
   return jsxRuntime.jsx(SuspendShipment, Object.assign({
     shipment: shipment
@@ -19051,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(", "));
@@ -19271,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);