@shipengine/elements 0.38.0 → 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 : {};
@@ -7617,7 +7617,7 @@ const AddFundsForm = ({
   const {
     t
   } = useTranslation();
-  const addFunds = useAddFunds(carrierId);
+  const addFunds = useAddFunds();
   const carrier = useGetCarrierById(carrierId);
   const chips = [{
     label: "$20",
@@ -7653,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");
@@ -7897,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({
@@ -7917,8 +7925,8 @@ const AutoFundingForm = ({
     setShowForm(prev => !prev);
     setIsSwitchOn(true);
     const payload = values;
-    updateAutoFunding.mutate(payload, {
-      onSuccess: () => autoFundingConfiguration.refetch()
+    updateAutoFunding(payload, {
+      onSuccess: () => autoFundingConfigRefetch()
     });
   }));
   /**
@@ -7932,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")
@@ -7957,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),
@@ -7986,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,
@@ -8003,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,
@@ -8019,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"),
@@ -8044,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
       }))]
     })]
   });
@@ -8110,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)
     }, {
@@ -8492,7 +8499,7 @@ const FundAndPurchase = ({
   const [isAddFundsFormOpen, setIsAddFundsFormOpen] = useState(false);
   const {
     data: carrier,
-    isLoading: isLoadingCarrier
+    isInitialLoading: isLoadingCarrier
   } = useGetCarrierById(isPreferredRate ? undefined : carrierId);
   const {
     isSubmitting: isRateFormSubmitting,
@@ -8703,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: () => ({
@@ -8830,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({
@@ -9552,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({
@@ -10799,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 = ({
@@ -10985,7 +10992,7 @@ const useListConnectedCarriers = () => {
   const {
     data: carriers,
     error,
-    isLoading,
+    isInitialLoading,
     refetch
   } = useListCarriers();
   const carrierMetadatas = useCarrierMetadata();
@@ -10996,7 +11003,7 @@ const useListConnectedCarriers = () => {
       isConnected: normalizedCarrierCodes.has(m.carrierCode)
     })),
     error: error,
-    isLoading,
+    isLoading: isInitialLoading,
     refetch
   };
 };
@@ -11474,7 +11481,7 @@ const Component$5 = ({
   const {
     data: warehouses,
     error: listWarehouseErrors,
-    isLoading: isLoadingWarehouses,
+    isInitialLoading: isLoadingWarehouses,
     refetch: refreshListWarehouses
   } = useListWarehouses();
   const {
@@ -12936,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({
@@ -13429,7 +13436,7 @@ const UnitSettings = () => {
   const {
     data: accountSettings,
     error: getAccountSettingsErrors,
-    isLoading: isLoadingAccountSettings,
+    isInitialLoading: isLoadingAccountSettings,
     refetch: refreshAccountSettings
   } = useGetAccountSettings();
   const {
@@ -14259,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.
  *
@@ -14285,8 +14289,7 @@ const Component$4 = ({
     data: carriers
   } = useListCarriers();
   return jsx(AccountSettings, {
-    carriers: carriers,
-    onSaveSettings: onSaveSettings
+    carriers: carriers
   });
 };
 /**
@@ -14302,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 />
@@ -17767,7 +17768,7 @@ const useRatesForm = ({
   } = useListCarriers();
   const {
     data: labels,
-    isLoading: labelsLoading
+    isInitialLoading: labelsLoading
   } = useListLabels();
   const {
     mutateAsync: updateShipment
@@ -18210,7 +18211,7 @@ const usePendingShipment = ({
   const {
     data: shipments,
     error: listShipmentsErrors,
-    isLoading: isListShipmentsLoading,
+    isInitialLoading: isListShipmentsLoading,
     isFetching: isListShipmentsValidating,
     refetch: reloadShipments
   } = useListSalesOrderShipments({
@@ -18276,7 +18277,6 @@ const useConfigureShipment = ({
   warehouseId,
   printLabelLayout
 }) => {
-  var _a, _b;
   const {
     isPendingShipmentLoading,
     pendingShipment,
@@ -18292,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
   };
@@ -18314,7 +18318,7 @@ const useImportSalesOrder = ({
     data: salesOrders,
     error: listSalesOrdersErrors,
     isFetching: isFetchingSalesOrders,
-    isLoading: isLoadingSalesOrders,
+    isInitialLoading: isInitialLoadingSalesOrders,
     refetch: refetchSalesOrders
   } = useListSalesOrders({
     externalOrderId,
@@ -18324,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 {
@@ -18354,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
   };
 };
@@ -18468,13 +18472,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
   };
@@ -18498,7 +18502,7 @@ const PurchaseLabelByShipment = _a => {
   };
   const {
     data: insuranceAccount,
-    isLoading: insuranceIsLoading
+    isInitialLoading: insuranceIsLoading
   } = useGetInsuranceAccount("shipsurance");
   return jsx(SuspendShipment, Object.assign({
     shipment: shipment
@@ -19019,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(", "));
@@ -19239,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.38.0",
+  "version": "0.39.0",
   "peerDependencies": {
-    "@packlink/giger": "*",
+    "@shipengine/giger": "0.x.x",
     "react-i18next": "*",
     "i18next": "*"
   },
@@ -23,14 +23,15 @@
     "@faker-js/faker": "7.6.0",
     "@hookform/resolvers": "2.9.1",
     "@jest/globals": "28.1.3",
-    "@packlink/giger-theme": "2.0.1",
-    "@shipengine/alchemy": "3.0.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",
@@ -46,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
  *

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

@@ -1,17 +1,17 @@
 export declare const styles: {
-    content: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    content: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         padding: string;
     };
-    header: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    header: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         backgroundColor: string;
         display: "flex";
         height: number;
         padding: string;
     };
-    icon: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    icon: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         color: "#006fbb";
     };
-    link: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    link: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         ":hover": {
             color: string;
             textDecoration: string;

package/src/components/date-range-select/date-range-select.styles.d.ts

@@ -1,5 +1,5 @@
 export declare const styles: {
-    getDateRangeSelect: (fullWidth?: boolean) => (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    getDateRangeSelect: (fullWidth?: boolean) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         minWidth: number;
         position: "relative";
         width: string | number;

package/src/components/disclosure/disclosure.styles.d.ts

@@ -1,9 +1,9 @@
 export declare const styles: {
-    container: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    container: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         display: "flex";
         gap: number;
     };
-    content: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    content: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         [x: string]: string | number | {
             maxWidth: string;
         };
@@ -11,7 +11,7 @@ export declare const styles: {
         maxWidth: string;
         padding: number;
     };
-    icon: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    icon: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         color: string;
     };
     toggle: {

package/src/components/error-display/error-display.styles.d.ts

@@ -1,5 +1,5 @@
 export declare const styles: {
-    errorContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    errorContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         backgroundColor: string;
         display: "flex";
@@ -8,12 +8,12 @@ export declare const styles: {
         paddingTop: number;
         rowGap: number;
     };
-    errorCTA: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    errorCTA: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         color: string;
         fontSize: string;
         lineHeight: string;
     };
-    errorHeading: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    errorHeading: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         fontSize: string;
     };
 };

package/src/components/field/checkbox-input/checkbox-input.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-import { ICheckboxProps as NativeCheckboxProps } from "@packlink/giger";
+import { ICheckboxProps as NativeCheckboxProps } from "@shipengine/giger";
 import { ControlledField } from "../create-field-controller";
 export declare const CheckboxInput: ControlledField<NativeCheckboxProps & {
     checkboxLabel: ReactNode;

package/src/components/field/credit-card-input/credit-card-input.d.ts

@@ -1,3 +1,3 @@
-import { InputProps as NativeInputProps } from "@packlink/giger";
+import { InputProps as NativeInputProps } from "@shipengine/giger";
 import { ControlledField } from "../create-field-controller";
 export declare const CreditCardInput: ControlledField<NativeInputProps>;

package/src/components/field/date-picker/date-picker.styles.d.ts

@@ -1,3 +1,3 @@
-import { Theme } from "@packlink/giger-theme";
+import { Theme } from "@shipengine/giger-theme";
 export declare const getPopperStyles: (theme: Theme) => string;
 export declare const getWrapperStyles: (theme: Theme) => string;

package/src/components/field/expiration-input/expiration-input.d.ts

@@ -1,3 +1,3 @@
-import { InputProps as NativeInputProps } from "@packlink/giger";
+import { InputProps as NativeInputProps } from "@shipengine/giger";
 import { ControlledField } from "../create-field-controller";
 export declare const ExpirationInput: ControlledField<NativeInputProps>;

package/src/components/field/field.styles.d.ts

@@ -1,3 +1,3 @@
 import { Interpolation } from "@emotion/serialize";
-import { Theme } from "@packlink/giger-theme";
+import { Theme } from "@shipengine/giger-theme";
 export declare const getOverrideStyles: (theme: Theme) => Interpolation<Theme>;

package/src/components/field/money-input/money-input.d.ts

@@ -1,5 +1,5 @@
-import { InputProps } from "@packlink/giger";
 import { SE } from "@shipengine/alchemy";
+import { InputProps } from "@shipengine/giger";
 import { ControlledField } from "../create-field-controller";
 export declare const transform: {
     in: ({ amount, currency }?: Partial<{

package/src/components/field/number-input/number-input.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { InputProps as NativeInputProps } from "@packlink/giger";
+import { InputProps as NativeInputProps } from "@shipengine/giger";
 import { ControlledField } from "../create-field-controller";
 type NumberInputOptions = {
     isInteger?: boolean;

package/src/components/field/rate-card/cost-breakdown/cost-breakdown.styles.d.ts

@@ -1,5 +1,5 @@
 import { SerializedStyles } from "@emotion/react";
-import { Theme } from "@packlink/giger-theme";
+import { Theme } from "@shipengine/giger-theme";
 export declare const getAsideStyles: (theme: Theme) => SerializedStyles;
 export declare const getPriceStyles: (theme: Theme) => SerializedStyles;
 export declare const getTableStyles: (theme: Theme) => SerializedStyles;