@shipengine/elements 0.37.21 → 0.39.0

package/index.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
-import { InlineNotification, NotificationType, Spinner, SpinnerSize, Typography, Icon, Link, IconSize, FormField, FieldMessageType, Checkbox, Input, Divider, SelectAutocomplete, Select as Select$1, OptionGroup, Option, Button, Switch as Switch$1, Textarea, ChipList, Chip, ButtonVariant, ButtonSize, DatePicker as DatePicker$1, Table, TableBody, TableBaseRow, TableBodyCell, TableHeader, TableHeaderCell, Grid, GridChild, RadioGroup, Radio, ButtonColor, Tag, TagColor, Skeleton, SkeletonAnimation, SkeletonVariant, SkeletonBackgroundColor, Pagination, Stepper, Step, IconTooltip, Popover, DropdownOptionList, BottomSheet } from '@packlink/giger';
-import { IconNames } from '@packlink/giger-theme';
+import { InlineNotification, NotificationType, Spinner, SpinnerSize, Typography, Icon, Link, IconSize, FormField, FieldMessageType, Checkbox, Input, Divider, SelectAutocomplete, Select as Select$1, OptionGroup, Option, Button, Switch as Switch$1, Textarea, ChipList, Chip, ButtonVariant, ButtonSize, DatePicker as DatePicker$1, Table, TableBody, TableBaseRow, TableBodyCell, TableHeader, TableHeaderCell, Grid, GridChild, RadioGroup, Radio, ButtonColor, Tag, TagColor, Skeleton, SkeletonAnimation, SkeletonVariant, SkeletonBackgroundColor, Pagination, Stepper, Step, IconTooltip, Popover, DropdownOptionList, BottomSheet } from '@shipengine/giger';
+import { IconNames } from '@shipengine/giger-theme';
 import { camelize } from 'humps';
 import * as React from 'react';
 import { useMemo, createContext, useState, useContext, useReducer, useCallback, createElement as createElement$2, useRef, useEffect, forwardRef, memo, Fragment as Fragment$1 } from 'react';
@@ -20,7 +20,7 @@ import * as Locales from 'date-fns/locale';
 import { css as css$1 } from '@emotion/css';
 import { isValidPhoneNumber } from 'libphonenumber-js/min';
 import copy from 'copy-to-clipboard';
-import { useQueryClient, useMutation } from 'react-query';
+import { useQueryClient, useMutation } from '@tanstack/react-query';
 import cardValidator from 'card-validator';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -2086,13 +2086,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
 })];
 /**
@@ -2712,7 +2718,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;
     };
   },
@@ -4962,6 +4968,7 @@ RootPortalContext.displayName = "RootPortalContext";
 const RootPortalProvider = ({
   children
 }) => {
+  // eslint-disable-next-line react/hook-use-state -- We don't need the setter
   const [rootPortal] = useState(() => {
     let rootPortal = document.getElementById("root-portal");
     if (!rootPortal) {
@@ -7610,7 +7617,7 @@ const AddFundsForm = ({
   const {
     t
   } = useTranslation();
-  const addFunds = useAddFunds(carrierId);
+  const addFunds = useAddFunds();
   const carrier = useGetCarrierById(carrierId);
   const chips = [{
     label: "$20",
@@ -7646,13 +7653,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 jsx(Loader, {
+  if (carrier.isInitialLoading) return jsx(Loader, {
     message: t("loading.carrier")
   });
   if (!carrier.data) throw new Error("errorMessages.unableToLoad.carrier");
@@ -7890,11 +7900,16 @@ const AutoFundingForm = ({
   const {
     t
   } = useTranslation();
-  const updateAutoFunding = useUpdateAutoFunding(carrierId);
-  const autoFundingConfiguration = useGetAutoFundingConfiguration(carrierId);
   const {
-    data: autoFundingSettings
-  } = autoFundingConfiguration;
+    mutate: updateAutoFunding,
+    isLoading: updateAutoFundingIsLoading
+  } = useUpdateAutoFunding(carrierId);
+  const {
+    data: autoFundingConfig,
+    refetch: autoFundingConfigRefetch,
+    isInitialLoading: isLoadingAutoFundingConfig,
+    error: autoFundingConfigErrors
+  } = useGetAutoFundingConfiguration(carrierId);
   const [showForm, setShowForm] = useState(false);
   const [isSwitchOn, setIsSwitchOn] = useState(false);
   const form = useForm({
@@ -7910,8 +7925,8 @@ const AutoFundingForm = ({
     setShowForm(prev => !prev);
     setIsSwitchOn(true);
     const payload = values;
-    updateAutoFunding.mutate(payload, {
-      onSuccess: () => autoFundingConfiguration.refetch()
+    updateAutoFunding(payload, {
+      onSuccess: () => autoFundingConfigRefetch()
     });
   }));
   /**
@@ -7925,19 +7940,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 jsx(Loader, {
+  if (isLoadingAutoFundingConfig || updateAutoFundingIsLoading) return 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 jsxs(Fragment, {
     children: [jsxs(Spread, {
       children: [jsx(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")
@@ -7950,11 +7965,11 @@ const AutoFundingForm = ({
       })]
     }), jsx(Spacer, {
       multiplier: 1
-    }), !!(autoFundingSettings === null || autoFundingSettings === void 0 ? void 0 : autoFundingSettings.isAutoPurchaseEnabled) && !showForm && jsxs(Spread, {
+    }), !!(autoFundingConfig === null || autoFundingConfig === void 0 ? void 0 : autoFundingConfig.isAutoPurchaseEnabled) && !showForm && jsxs(Spread, {
       children: [jsx(Typography, Object.assign({
         variant: "body1"
       }, {
-        children: t("manage-funding:autoFunding.readSettings", Object.assign({}, autoFundingSettings))
+        children: t("manage-funding:autoFunding.readSettings", Object.assign({}, autoFundingConfig))
       })), jsx(LinkAction, {
         css: styles$t.edit,
         onClick: () => handleToggle(true),
@@ -7979,7 +7994,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: Currency.USD
           },
           disabled: !watchIsEnabled,
@@ -7996,7 +8011,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: Currency.USD
           },
           disabled: !watchIsEnabled,
@@ -8012,7 +8027,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"),
@@ -8037,14 +8052,14 @@ const AutoFundingForm = ({
           children: t("manage-funding:actions.saveRule")
         }))]
       }))]
-    })), autoFundingConfiguration.error && jsxs(Fragment, {
+    })), autoFundingConfigErrors && jsxs(Fragment, {
       children: [jsx(Spacer, {
         multiplier: 1
       }), jsx(InlineNotification, Object.assign({
         title: t("manage-funding:autoFunding.error.title"),
         type: NotificationType.ERROR
       }, {
-        children: autoFundingConfiguration.error[0].message
+        children: autoFundingConfigErrors[0].message
       }))]
     })]
   });
@@ -8103,14 +8118,13 @@ const CarrierBalance = ({
   } = useTranslation();
   const {
     data: carrier,
-    isLoading: isLoadingCarrier,
-    isRefetching: isRefetchingCarrier
+    isFetching: isFetchingCarrier
   } = useGetCarrierById(carrierId);
   const carrierBalance = (_a = carrier === null || carrier === void 0 ? void 0 : carrier.balance) !== null && _a !== void 0 ? _a : balance;
   return jsx(InlineLabel, Object.assign({
     label: t("manage-funding:currentBalance")
   }, {
-    children: isLoadingCarrier || isRefetchingCarrier ? jsx(Spinner, {}) : jsx(Typography, Object.assign({
+    children: isFetchingCarrier ? jsx(Spinner, {}) : jsx(Typography, Object.assign({
       bold: true,
       css: styles$r.getBalanceText(carrierBalance)
     }, {
@@ -8485,7 +8499,7 @@ const FundAndPurchase = ({
   const [isAddFundsFormOpen, setIsAddFundsFormOpen] = useState(false);
   const {
     data: carrier,
-    isLoading: isLoadingCarrier
+    isInitialLoading: isLoadingCarrier
   } = useGetCarrierById(isPreferredRate ? undefined : carrierId);
   const {
     isSubmitting: isRateFormSubmitting,
@@ -8696,14 +8710,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: () => ({
@@ -8823,7 +8837,7 @@ const ManageFunding = ({
   } = useTranslation();
   const queryClient = useQueryClient();
   const {
-    isLoading: isLoadingCarrier
+    isInitialLoading: isLoadingCarrier
   } = useGetCarrierById(carrierId);
   const [isAddFundsFormOpen, setIsAddFundsFormOpen] = useState(false);
   return jsx(CollapsiblePanel, Object.assign({
@@ -9545,7 +9559,7 @@ const AddressPreferenceSelect = ({
   };
   return jsxs(Fragment, {
     children: [jsxs(Grid, Object.assign({
-      "data-testid": "warehousePreferenceSelect",
+      "data-testid": "addressPreferenceSelect",
       noPadding: true
     }, {
       children: [jsx(GridChild, Object.assign({
@@ -9920,6 +9934,7 @@ const WalletForm = ({
     },
     resolver: validationResolver(walletSchema)
   });
+  const formSetValue = form.setValue;
   useBlackboxDetection({
     onError: useCallback(() => {
       setCodedErrors(errors => {
@@ -9931,8 +9946,8 @@ const WalletForm = ({
         };
         return [...(errors !== null && errors !== void 0 ? errors : []), blackBoxError];
       });
-    }, [setCodedErrors]),
-    onSuccess: useCallback(bb => form.setValue("iovationBlackbox", bb), [form.setValue])
+    }, [t]),
+    onSuccess: useCallback(bb => formSetValue("iovationBlackbox", bb), [formSetValue])
   });
   const watchAddress = form.watch("address");
   const handleSubmit = form.handleSubmit(values => __awaiter(void 0, void 0, void 0, function* () {
@@ -10791,7 +10806,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 = ({
@@ -10977,7 +10992,7 @@ const useListConnectedCarriers = () => {
   const {
     data: carriers,
     error,
-    isLoading,
+    isInitialLoading,
     refetch
   } = useListCarriers();
   const carrierMetadatas = useCarrierMetadata();
@@ -10988,7 +11003,7 @@ const useListConnectedCarriers = () => {
       isConnected: normalizedCarrierCodes.has(m.carrierCode)
     })),
     error: error,
-    isLoading,
+    isLoading: isInitialLoading,
     refetch
   };
 };
@@ -11466,7 +11481,7 @@ const Component$5 = ({
   const {
     data: warehouses,
     error: listWarehouseErrors,
-    isLoading: isLoadingWarehouses,
+    isInitialLoading: isLoadingWarehouses,
     refetch: refreshListWarehouses
   } = useListWarehouses();
   const {
@@ -12928,7 +12943,7 @@ const WalletHistory = () => {
   const queryRange = 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
   } = useGetWalletHistory({
@@ -13421,7 +13436,7 @@ const UnitSettings = () => {
   const {
     data: accountSettings,
     error: getAccountSettingsErrors,
-    isLoading: isLoadingAccountSettings,
+    isInitialLoading: isLoadingAccountSettings,
     refetch: refreshAccountSettings
   } = useGetAccountSettings();
   const {
@@ -14251,9 +14266,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.
  *
@@ -14277,8 +14289,7 @@ const Component$4 = ({
     data: carriers
   } = useListCarriers();
   return jsx(AccountSettings, {
-    carriers: carriers,
-    onSaveSettings: onSaveSettings
+    carriers: carriers
   });
 };
 /**
@@ -14294,9 +14305,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 />
@@ -15490,10 +15499,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
       });
     }
@@ -16697,7 +16706,7 @@ const ShipmentForm = ({
   useEffect(() => {
     if (!requireMeasurements) {
       form.resetField("packages.0.dimensions");
-      form.trigger("packages.0.dimensions");
+      void form.trigger("packages.0.dimensions");
     }
   }, [requireMeasurements, form]);
   useEffect(() => {
@@ -16988,7 +16997,7 @@ const ShipmentForm = ({
             children: presetCategory.options.map(preset => jsx(Option, Object.assign({
               onClick: () => {
                 onDirty(); // bypass rate cache
-                handleApplyPreset(preset.value);
+                void handleApplyPreset(preset.value);
               },
               selected: _$3.isEqual(selectedPreset, preset.value),
               value: JSON.stringify(preset.value)
@@ -17759,7 +17768,7 @@ const useRatesForm = ({
   } = useListCarriers();
   const {
     data: labels,
-    isLoading: labelsLoading
+    isInitialLoading: labelsLoading
   } = useListLabels();
   const {
     mutateAsync: updateShipment
@@ -18128,13 +18137,14 @@ const ConfigureShipment = _a => {
   const _d = useShipmentForm({
       compatibleCountryCodes: features === null || features === void 0 ? void 0 : features.compatibleCountryCodes,
       onAddressValidation,
-      onApplyPreset: useCallback((_preset, shipment) => __awaiter(void 0, void 0, void 0, function* () {
+      onApplyPreset: 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: useCallback(shipment => __awaiter(void 0, void 0, void 0, function* () {
@@ -18201,7 +18211,7 @@ const usePendingShipment = ({
   const {
     data: shipments,
     error: listShipmentsErrors,
-    isLoading: isListShipmentsLoading,
+    isInitialLoading: isListShipmentsLoading,
     isFetching: isListShipmentsValidating,
     refetch: reloadShipments
   } = useListSalesOrderShipments({
@@ -18267,7 +18277,6 @@ const useConfigureShipment = ({
   warehouseId,
   printLabelLayout
 }) => {
-  var _a, _b;
   const {
     isPendingShipmentLoading,
     pendingShipment,
@@ -18283,12 +18292,16 @@ const useConfigureShipment = ({
     yield reloadPendingShipment();
     yield onShipmentUpdated === null || onShipmentUpdated === void 0 ? void 0 : onShipmentUpdated(shipment);
   }), [onShipmentUpdated, reloadPendingShipment]);
-  const labelLayoutSetting = (_b = (_a = useGetAccountSettings().data) === null || _a === void 0 ? void 0 : _a.defaultLabelLayout) !== null && _b !== void 0 ? _b : "4x6";
+  const {
+    data: {
+      defaultLabelLayout = "4x6"
+    } = {}
+  } = useGetAccountSettings();
   return {
     errors: pendingShipmentErrors,
     isLoading: isPendingShipmentLoading,
     onShipmentUpdated: handleShipmentUpdated,
-    printLabelLayout: printLabelLayout ? printLabelLayout : labelLayoutSetting,
+    printLabelLayout: printLabelLayout ? printLabelLayout : defaultLabelLayout,
     shipment: pendingShipment,
     warehouseId
   };
@@ -18305,7 +18318,7 @@ const useImportSalesOrder = ({
     data: salesOrders,
     error: listSalesOrdersErrors,
     isFetching: isFetchingSalesOrders,
-    isLoading: isLoadingSalesOrders,
+    isInitialLoading: isInitialLoadingSalesOrders,
     refetch: refetchSalesOrders
   } = useListSalesOrders({
     externalOrderId,
@@ -18315,7 +18328,7 @@ const useImportSalesOrder = ({
     data: salesOrder,
     error: getSalesOrderErrors,
     isFetching: isFetchingSalesOrder,
-    isLoading: isLoadingSalesOrder,
+    isInitialLoading: isInitialLoadingSalesOrder,
     refetch: refetchSalesOrder
   } = useGetSalesOrder(salesOrderId !== null && salesOrderId !== void 0 ? salesOrderId : salesOrders && salesOrders[0] ? salesOrders[0].salesOrderId : undefined);
   const {
@@ -18333,7 +18346,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)));
@@ -18345,7 +18358,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
   };
 };
@@ -18456,16 +18469,16 @@ const useGetOrCreateShipment = (onShipmentUpdated, shipmentId) => {
   const getShipment = useGetShipment(shipmentId !== null && shipmentId !== void 0 ? shipmentId : createdShipment === null || createdShipment === void 0 ? void 0 : createdShipment.shipmentId);
   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
   };
@@ -18489,7 +18502,7 @@ const PurchaseLabelByShipment = _a => {
   };
   const {
     data: insuranceAccount,
-    isLoading: insuranceIsLoading
+    isInitialLoading: insuranceIsLoading
   } = useGetInsuranceAccount("shipsurance");
   return jsx(SuspendShipment, Object.assign({
     shipment: shipment
@@ -19010,7 +19023,7 @@ const Component$1 = ({
   const salesOrder = useGetSalesOrder((_b = (_a = shipment.data) === null || _a === void 0 ? void 0 : _a.salesOrderIds) === null || _b === void 0 ? void 0 : _b[0]);
   const warehouses = useListWarehouses();
   const carriers = useListCarriers();
-  if (!shipment.data && !shipment.error) return jsx(Loader, {
+  if (shipment.isInitialLoading) return jsx(Loader, {
     message: t("loading.shipment")
   });
   if (shipment.error) throw new Error(shipment.error.map(e => e.message).join(", "));
@@ -19230,10 +19243,10 @@ const Component = ({
   const label = useGetLabel(labelId);
   const shipment = useGetSalesOrderShipment((_a = label.data) === null || _a === void 0 ? void 0 : _a.shipmentId);
   const voidLabel = useVoidLabel();
-  if (label.isLoading) return jsx(Loader, {
+  if (label.isInitialLoading) return jsx(Loader, {
     message: t("loading.label")
   });
-  if (shipment.isLoading) return jsx(Loader, {
+  if (shipment.isInitialLoading) return jsx(Loader, {
     message: t("loading.shipment")
   });
   throwAny(label.error);

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@shipengine/elements",
-  "version": "0.37.21",
+  "version": "0.39.0",
   "peerDependencies": {
-    "@packlink/giger": "*",
+    "@shipengine/giger": "0.x.x",
     "react-i18next": "*",
     "i18next": "*"
   },
@@ -23,15 +23,15 @@
     "@faker-js/faker": "7.6.0",
     "@hookform/resolvers": "2.9.1",
     "@jest/globals": "28.1.3",
-    "@packlink/brands": "4.0.0",
-    "@packlink/giger-theme": "1.7.0",
-    "@shipengine/alchemy": "2.1.0",
-    "@shipengine/js-api": "0.23.0",
+    "@shipengine/alchemy": "4.2.2",
+    "@shipengine/giger-theme": "0.4.0",
+    "@shipengine/js-api": "0.39.0",
     "@storybook/addons": "6.5.16",
     "@storybook/components": "7.0.0-rc.1",
     "@storybook/core-events": "7.0.0-rc.1",
     "@storybook/manager-api": "7.0.0-rc.1",
     "@storybook/theming": "7.0.0-rc.1",
+    "@tanstack/react-query": "4.36.1",
     "@testing-library/dom": "8.19.0",
     "@vitejs/plugin-react": "1.3.2",
     "axios": "0.26.1",
@@ -47,7 +47,6 @@
     "react-datepicker": "4.11.0",
     "react-dom": "18.2.0",
     "react-hook-form": "7.40.0",
-    "react-query": "3.39.3",
     "zod": "3.19.1"
   }
 }

package/src/components/add-funds-form/add-funds-form.styles.d.ts

@@ -1,14 +1,14 @@
 export declare const styles: {
-    chipList: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    chipList: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         gap: number;
     };
-    fundsInput: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    fundsInput: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         maxWidth: number;
     };
     getChip: ({ isDisabled, isSelected }: {
         isDisabled?: boolean | undefined;
         isSelected?: boolean | undefined;
-    }) => (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => (false | {
+    }) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => (false | {
         backgroundColor: string;
         color: string;
         cursor?: undefined;

package/src/components/auto-funding-form/auto-funding-form.styles.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from "@packlink/giger-theme";
+import { Theme } from "@shipengine/giger-theme";
 export declare const styles: {
     edit: (theme: Theme) => {
         color: string;

package/src/components/carrier-balance/carrier-balance.styles.d.ts

@@ -1,5 +1,5 @@
 export declare const styles: {
-    getBalanceText: (balance?: number) => (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    getBalanceText: (balance?: number) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         color: string;
     };
 };

package/src/components/collapsible-panel/collapsible-panel.d.ts

@@ -1,5 +1,5 @@
-import { WithChildrenCommonProps } from "@packlink/giger";
 import { SE } from "@shipengine/alchemy";
+import { WithChildrenCommonProps } from "@shipengine/giger";
 /**
  * @internal
  *