@shipengine/elements 1.2.1 → 1.3.0

package/index.cjs

@@ -22,7 +22,6 @@ var css = require('@emotion/css');
 var reactDom = require('react-dom');
 var jsBase64 = require('js-base64');
 var min$3 = require('libphonenumber-js/min');
-var prismReactRenderer = require('prism-react-renderer');
 var copy = require('copy-to-clipboard');
 var reactQuery = require('@tanstack/react-query');
 var cardValidator = require('card-validator');
@@ -2925,6 +2924,47 @@ const formatExpiration = exp => {
   if (digits.length > 2) return [digits.substring(0, 2), digits.substring(2, 6)].join("/").trim();
   return digits;
 };
+/**
+ * @internal
+ *
+ * # Money Utils - getCurrencyFromString
+ */
+const getCurrencyFromString = currency => {
+  switch (currency === null || currency === void 0 ? void 0 : currency.toLowerCase()) {
+    case "usd":
+      return alchemy.SE.Currency.USD;
+    case "cad":
+      return alchemy.SE.Currency.CAD;
+    case "aud":
+      return alchemy.SE.Currency.AUD;
+    case "gbp":
+      return alchemy.SE.Currency.GBP;
+    case "eur":
+      return alchemy.SE.Currency.EUR;
+    case "nzd":
+      return alchemy.SE.Currency.NZD;
+    default:
+      return alchemy.SE.Currency.USD;
+  }
+};
+const getCurrencySymbolFromString = currency => {
+  let currencySymbol = undefined;
+  switch (currency) {
+    case alchemy.SE.Currency.USD:
+    case alchemy.SE.Currency.CAD:
+    case alchemy.SE.Currency.AUD:
+    case alchemy.SE.Currency.NZD:
+      currencySymbol = "$";
+      break;
+    case alchemy.SE.Currency.GBP:
+      currencySymbol = "£‎";
+      break;
+    case alchemy.SE.Currency.EUR:
+      currencySymbol = "€";
+      break;
+  }
+  return currencySymbol;
+};
 
 /**
  * @internal
@@ -3385,17 +3425,19 @@ function convertDimensions(dimensions, {
  * @category Utilities
  */
 const getCustomsFromSalesOrder = (salesOrder, warehouse) => ({
-  // SEAPI requires customs_items to not be an empty array when creating a shipment to v-beta/sales-orders for an international order.
-  // Sales Orders will always have a sales_order_item_id and a monetary value, but if there is no product attached, the quantity will be 0.
-  // To avoid error on creating shipment, we are setting the item quantity to 1 if there is a sales_order_item with quantity of 0.
-  contents: "merchandise",
-  customsItems: salesOrder.salesOrderItems.filter(item => item.salesOrderItemId.length > 0).map(item => ({
+  customs: {
+    contents: "merchandise",
+    nonDelivery: "return_to_sender"
+  },
+  products: salesOrder.salesOrderItems.filter(item => item.salesOrderItemId.length > 0).map(item => ({
     countryOfOrigin: warehouse.originAddress.countryCode,
     description: item.lineItemDetails.name,
     quantity: item.quantity || 1,
-    value: item.priceSummary.unitPrice.amount
-  })),
-  nonDelivery: "return_to_sender"
+    value: {
+      amount: item.priceSummary.unitPrice.amount,
+      currency: item.priceSummary.unitPrice.currency
+    }
+  }))
 });
 /**
  * @internal
@@ -5043,30 +5085,6 @@ $$9({ global: true, forced: parseFloat != $parseFloat }, {
   parseFloat: $parseFloat
 });
 
-const useUtils = () => {
-  const getCurrencySymbol = React.useCallback(currency => {
-    let currencySymbol = undefined;
-    switch (currency) {
-      case alchemy.SE.Currency.USD:
-      case alchemy.SE.Currency.CAD:
-      case alchemy.SE.Currency.AUD:
-      case alchemy.SE.Currency.NZD:
-        currencySymbol = "$";
-        break;
-      case alchemy.SE.Currency.GBP:
-        currencySymbol = "£‎";
-        break;
-      case alchemy.SE.Currency.EUR:
-        currencySymbol = "€";
-        break;
-    }
-    return currencySymbol;
-  }, []);
-  return {
-    getCurrencySymbol
-  };
-};
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__$3() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var _ref$3 = process.env.NODE_ENV === "production" ? {
   name: "1xe63ku",
@@ -5095,7 +5113,7 @@ const transform$3 = {
     currency
   }) => ({
     amount: Number.isNaN(amount) ? null : amount,
-    currency
+    currency: currency !== null && currency !== void 0 ? currency : alchemy.SE.Currency.USD
   })
 };
 const MoneyInputController = createFieldController();
@@ -5105,9 +5123,6 @@ const MoneyInput = _a => {
       showCurrencySymbol = false
     } = _a,
     rest = __rest(_a, ["signed", "showCurrencySymbol"]);
-  const {
-    getCurrencySymbol
-  } = useUtils();
   const moneyInputRef = React.useRef(null);
   // The state in this reducer is inconsequential; it is only used to force a re-render on blur events
   const [, forceRender] = React.useReducer(x => x + 1, 0);
@@ -5119,7 +5134,7 @@ const MoneyInput = _a => {
           value
         } = _a,
         moneyInputProps = __rest(_a, ["onChange", "value"]);
-      const currencySymbol = getCurrencySymbol(value.currency);
+      const currencySymbol = getCurrencySymbolFromString(value.currency);
       // Check if focus is on money input OR money input child
       const hasFocus = document.activeElement === moneyInputRef.current || ((_b = moneyInputRef.current) === null || _b === void 0 ? void 0 : _b.contains(document.activeElement));
       return jsxRuntime.jsx("div", Object.assign({
@@ -5140,7 +5155,7 @@ const MoneyInput = _a => {
             } else {
               onChange(transform$3.out({
                 amount: parseFloat(event.target.value),
-                currency: alchemy.SE.Currency.USD
+                currency: value.currency
               }));
             }
           },
@@ -7280,7 +7295,7 @@ const FormPortal = ({
   });
 };
 
-const styles$C = createStyles({
+const styles$G = createStyles({
   container: {
     alignItems: "center",
     display: "flex",
@@ -7299,7 +7314,7 @@ const styles$C = createStyles({
  */
 const Loader = props => {
   return jsxRuntime.jsx("div", Object.assign({
-    css: styles$C.container
+    css: styles$G.container
   }, {
     children: jsxRuntime.jsx(giger.Spinner, Object.assign({}, props, {
       size: props.size || giger.SpinnerSize.SIZE_LARGE
@@ -7353,7 +7368,7 @@ const Spacer = props => jsxRuntime.jsx("div", {
   css: getSpacerStyles(props)
 });
 
-const styles$B = createStyles({
+const styles$F = createStyles({
   chipList: theme => ({
     gap: theme.spacing(1)
   }),
@@ -7438,6 +7453,7 @@ const getAddFundsSchema = (minimumAmount = 10) => zod.z.object({
 const AddFundsForm = ({
   carrierId,
   children,
+  currency,
   onCancel,
   onSuccess,
   minimumAmount: _minimumAmount = 0
@@ -7447,14 +7463,15 @@ const AddFundsForm = ({
   } = reactI18next.useTranslation();
   const addFunds = alchemy.useAddFunds();
   const carrier = alchemy.useGetCarrierById(carrierId);
+  const currencySymbol = getCurrencySymbolFromString(currency);
   const chips = [{
-    label: "$20",
+    label: `${currencySymbol}20`,
     value: 20
   }, {
-    label: "$50",
+    label: `${currencySymbol}50`,
     value: 50
   }, {
-    label: "$100",
+    label: `${currencySymbol}100`,
     value: 100
   }, {
     label: t("manage-funding:addFunds.custom"),
@@ -7466,7 +7483,7 @@ const AddFundsForm = ({
     defaultValues: {
       funds: {
         amount: selectedChip.value === "custom" ? _minimumAmount : selectedChip.value,
-        currency: alchemy.SE.Currency.USD
+        currency
       }
     },
     resolver: validationResolver(getAddFundsSchema(_minimumAmount))
@@ -7513,7 +7530,7 @@ const AddFundsForm = ({
       })), jsxRuntime.jsx(Spacer, {
         multiplier: 2
       }), jsxRuntime.jsx(giger.ChipList, Object.assign({
-        css: styles$B.chipList,
+        css: styles$F.chipList,
         onChange: idx => {
           const chip = chips[idx];
           setSelectedChip(chip);
@@ -7521,14 +7538,14 @@ const AddFundsForm = ({
             form.reset({
               funds: {
                 amount: chip.value,
-                currency: alchemy.SE.Currency.USD
+                currency
               }
             });
           }
         }
       }, {
         children: chips.map(chip => jsxRuntime.jsx(giger.Chip, Object.assign({
-          css: styles$B.getChip({
+          css: styles$F.getChip({
             isDisabled: chip.value < _minimumAmount,
             isSelected: chip.value === selectedChip.value
           }),
@@ -7545,13 +7562,15 @@ const AddFundsForm = ({
           multiplier: 1
         }), jsxRuntime.jsx(MoneyInput, {
           control: form.control,
-          css: styles$B.fundsInput,
+          css: styles$F.fundsInput,
           defaultValue: {
             amount: undefined,
-            currency: alchemy.SE.Currency.USD
+            currency
           },
           form: formId,
-          hint: t("manage-funding:addFunds.minimumPurchaseAmount"),
+          hint: t("manage-funding:addFunds.minimumPurchaseAmount", {
+            currencySymbol
+          }),
           label: t("manage-funding:addFunds.labels.amount"),
           name: "funds",
           nativeLabel: true,
@@ -7670,7 +7689,7 @@ const Spread = ({
   children: children
 }));
 
-const styles$A = createStyles({
+const styles$E = createStyles({
   edit: theme => ({
     color: theme.palette.primary.main,
     padding: `0 ${theme.spacing(2)}`
@@ -7723,7 +7742,8 @@ const autoFundingSchema = zod.z.object({
  * @see {@link AutoFundingFormProps | The props that are passed into the `<AutoFundingForm />` component}
  */
 const AutoFundingForm = ({
-  carrierId
+  carrierId,
+  currency
 }) => {
   const {
     t
@@ -7731,7 +7751,7 @@ const AutoFundingForm = ({
   const {
     mutate: updateAutoFunding,
     isLoading: updateAutoFundingIsLoading
-  } = alchemy.useUpdateAutoFunding(carrierId);
+  } = alchemy.useUpdateAutoFunding();
   const {
     data: autoFundingConfig,
     refetch: autoFundingConfigRefetch,
@@ -7753,7 +7773,9 @@ const AutoFundingForm = ({
     setShowForm(prev => !prev);
     setIsSwitchOn(true);
     const payload = values;
-    updateAutoFunding(payload, {
+    updateAutoFunding(Object.assign({
+      carrierId
+    }, payload), {
       onSuccess: () => autoFundingConfigRefetch()
     });
   }));
@@ -7768,15 +7790,21 @@ const AutoFundingForm = ({
     formReset(isEnabled);
     if (!isEnabled) {
       setIsSwitchOn(isEnabled);
-      updateAutoFunding(form.getValues(), {
+      updateAutoFunding(Object.assign({
+        carrierId
+      }, form.getValues()), {
         onSuccess: () => autoFundingConfigRefetch()
       });
     }
   };
-  if (isLoadingAutoFundingConfig || updateAutoFundingIsLoading) return jsxRuntime.jsx(Loader, {
-    message: t("manage-funding:autoFunding.isLoading")
-  });
-  if (!autoFundingConfig) throw new Error(t("errorMessages:unableToLoad.autoFundingSettings"));
+  if (isLoadingAutoFundingConfig || updateAutoFundingIsLoading) {
+    return jsxRuntime.jsx(Loader, {
+      message: t("manage-funding:autoFunding.isLoading")
+    });
+  }
+  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({
@@ -7799,12 +7827,12 @@ const AutoFundingForm = ({
       }, {
         children: t("manage-funding:autoFunding.readSettings", Object.assign({}, autoFundingConfig))
       })), jsxRuntime.jsx(LinkAction, {
-        css: styles$A.edit,
+        css: styles$E.edit,
         onClick: () => handleToggle(true),
         title: t("manage-funding:autoFunding:edit")
       })]
     }), jsxRuntime.jsxs("form", Object.assign({
-      css: styles$A.getForm(showForm),
+      css: styles$E.getForm(showForm),
       "data-testid": "auto-funding-form",
       id: "auto-funding-form",
       onSubmit: handleSubmit
@@ -7815,15 +7843,15 @@ const AutoFundingForm = ({
       }, {
         children: t("manage-funding:autoFunding:editSettings")
       })), jsxRuntime.jsx("div", Object.assign({
-        css: styles$A.marginLeft
+        css: styles$E.marginLeft
       }, {
         children: jsxRuntime.jsx(MoneyInput, {
           control: form.control,
-          css: styles$A.input,
+          css: styles$E.input,
           "data-testid": "auto-funding-threshold-input",
           defaultValue: {
             amount: autoFundingConfig === null || autoFundingConfig === void 0 ? void 0 : autoFundingConfig.autoPurchaseThreshold,
-            currency: alchemy.Currency.USD
+            currency
           },
           disabled: !watchIsEnabled,
           label: t("manage-funding:autoFunding.lowBalancePurchaseThreshold"),
@@ -7832,15 +7860,15 @@ const AutoFundingForm = ({
           showCurrencySymbol: true
         })
       })), jsxRuntime.jsx("div", Object.assign({
-        css: styles$A.marginLeft
+        css: styles$E.marginLeft
       }, {
         children: jsxRuntime.jsx(MoneyInput, {
           control: form.control,
-          css: styles$A.input,
+          css: styles$E.input,
           "data-testid": "auto-funding-purchase-amount-input",
           defaultValue: {
             amount: autoFundingConfig === null || autoFundingConfig === void 0 ? void 0 : autoFundingConfig.autoPurchaseAmount,
-            currency: alchemy.Currency.USD
+            currency
           },
           disabled: !watchIsEnabled,
           label: t("manage-funding:autoFunding.purchaseAmount"),
@@ -7849,11 +7877,11 @@ const AutoFundingForm = ({
           showCurrencySymbol: true
         })
       })), jsxRuntime.jsx("div", Object.assign({
-        css: styles$A.marginLeft
+        css: styles$E.marginLeft
       }, {
         children: jsxRuntime.jsx(NumberInput, {
           control: form.control,
-          css: styles$A.input,
+          css: styles$E.input,
           "data-testid": "auto-funding-max-per-day-input",
           defaultValue: autoFundingConfig === null || autoFundingConfig === void 0 ? void 0 : autoFundingConfig.autoPurchaseCutoff,
           disabled: !watchIsEnabled,
@@ -7893,7 +7921,7 @@ const AutoFundingForm = ({
   });
 };
 
-const styles$z = isLabelRight => createStyles({
+const styles$D = isLabelRight => createStyles({
   inlineContainer: theme => ({
     alignItems: "center",
     display: "flex",
@@ -7913,14 +7941,14 @@ const InlineLabel = ({
   isLabelRight,
   labelProps: _labelProps = {}
 }) => jsxRuntime.jsxs("div", Object.assign({
-  css: styles$z(isLabelRight).inlineContainer
+  css: styles$D(isLabelRight).inlineContainer
 }, {
   children: [jsxRuntime.jsx(giger.Typography, Object.assign({}, _labelProps, {
     children: label
   })), children]
 }));
 
-const styles$y = createStyles({
+const styles$C = createStyles({
   getBalanceText: balance => theme => ({
     color: balance === undefined ? theme.palette.gray.main : balance >= 0 ? theme.palette.secondary.dark : theme.palette.error.main
   })
@@ -7938,7 +7966,8 @@ const styles$y = createStyles({
  */
 const CarrierBalance = ({
   balance,
-  carrierId
+  carrierId,
+  currency
 }) => {
   var _a;
   const {
@@ -7954,11 +7983,11 @@ const CarrierBalance = ({
   }, {
     children: isFetchingCarrier ? jsxRuntime.jsx(giger.Spinner, {}) : jsxRuntime.jsx(giger.Typography, Object.assign({
       bold: true,
-      css: styles$y.getBalanceText(carrierBalance)
+      css: styles$C.getBalanceText(carrierBalance)
     }, {
       children: carrierBalance === undefined ? "----" : formatMoney({
         amount: carrierBalance,
-        currency: alchemy.SE.Currency.USD
+        currency
       })
     }))
   }));
@@ -8065,47 +8094,6 @@ const CarrierLogo = ({
   }, name);
 };
 
-const CodeBlock = ({
-  code,
-  convertTojs: _convertTojs = true
-}) => jsxRuntime.jsx(prismReactRenderer.Highlight, Object.assign({
-  code: code,
-  language: "tsx",
-  theme: prismReactRenderer.themes.nightOwl
-}, {
-  children: ({
-    style,
-    tokens,
-    getLineProps,
-    getTokenProps
-  }) => jsxRuntime.jsx("pre", Object.assign({
-    style: Object.assign(Object.assign({}, style), {
-      background: "transparent",
-      fontSize: "14px"
-    })
-  }, {
-    children: tokens.map((line, i) => jsxRuntime.jsx("div", Object.assign({}, getLineProps({
-      line
-    }), {
-      children: line.map((token, key) => {
-        if (_convertTojs && token.types.includes("property")) {
-          const tokenProps = getTokenProps({
-            token
-          });
-          const unquotedPropertyToken = tokenProps.children.substring(1, tokenProps.children.length - 1);
-          return jsxRuntime.jsx("span", Object.assign({}, tokenProps, {
-            children: unquotedPropertyToken
-          }), key);
-        } else {
-          return jsxRuntime.jsx("span", Object.assign({}, getTokenProps({
-            token
-          })), key);
-        }
-      })
-    }), i))
-  }))
-}));
-
 let _$1 = t => t,
   _t$1,
   _t2$1,
@@ -8130,7 +8118,7 @@ const fill = react.keyframes(_t3 || (_t3 = _$1`
   100% {
     box-shadow: inset 0px 0px 0px 30px #3F8200;
 `));
-const styles$x = createStyles({
+const styles$B = createStyles({
   checkmark: theme => ({
     animation: `${fill} forwards`,
     borderRadius: "50%",
@@ -8185,7 +8173,7 @@ const SaveStatus = ({
   }
   if (isSaving) {
     return jsxRuntime.jsxs("div", Object.assign({
-      css: styles$x.savingContainer
+      css: styles$B.savingContainer
     }, {
       children: [jsxRuntime.jsx(Loader, {
         css: theme => ({
@@ -8193,32 +8181,32 @@ const SaveStatus = ({
         }),
         size: giger.SpinnerSize.SIZE_SMALL
       }), jsxRuntime.jsx(giger.Typography, Object.assign({
-        css: styles$x.saving
+        css: styles$B.saving
       }, {
         children: t("manage-defaults:status.saving")
       }))]
     }));
   }
   return !isSaving && !(errors === null || errors === void 0 ? void 0 : errors.length) ? jsxRuntime.jsxs("div", Object.assign({
-    css: styles$x.container
+    css: styles$B.container
   }, {
     children: [jsxRuntime.jsx("svg", Object.assign({
-      css: styles$x.checkmark,
+      css: styles$B.checkmark,
       viewBox: "0 0 52 52"
     }, {
       children: jsxRuntime.jsx("path", {
-        css: styles$x.checkmarkCheck,
+        css: styles$B.checkmarkCheck,
         d: "M14.1 27.2l7.1 7.2 16.7-16.8",
         fill: "none",
         strokeWidth: "5px"
       })
     })), jsxRuntime.jsx(giger.Typography, Object.assign({
-      css: styles$x.saved
+      css: styles$B.saved
     }, {
       children: t("manage-defaults:status.saved")
     }))]
   })) : jsxRuntime.jsxs("div", Object.assign({
-    css: [styles$x.container, {
+    css: [styles$B.container, {
       padding: "0"
     }]
   }, {
@@ -8228,14 +8216,14 @@ const SaveStatus = ({
       }),
       name: gigerTheme.IconNames.CANCEL_FILLED
     }), jsxRuntime.jsx(giger.Typography, Object.assign({
-      css: styles$x.savingFailed
+      css: styles$B.savingFailed
     }, {
       children: t("manage-defaults:status.savingFailed")
     }))]
   }));
 };
 
-const styles$w = createStyles({
+const styles$A = createStyles({
   content: theme => ({
     padding: `${theme.spacing(3)}px ${theme.spacing(4)}px`
   }),
@@ -8283,10 +8271,10 @@ const CollapsiblePanel = ({
   const [isExpanded, toggleIsExpanded] = useToggle(initialExpanded);
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [jsxRuntime.jsx("div", Object.assign({
-      css: styles$w.header
+      css: styles$A.header
     }, {
       children: jsxRuntime.jsxs(giger.Link, Object.assign({
-        css: styles$w.link,
+        css: styles$A.link,
         onClick: event => {
           event.preventDefault();
           toggleIsExpanded();
@@ -8306,7 +8294,7 @@ const CollapsiblePanel = ({
             errors: errors,
             isSaving: isSaving
           }), jsxRuntime.jsx(giger.Icon, {
-            css: styles$w.icon,
+            css: styles$A.icon,
             "data-testid": "collapsible-panel-dropdown",
             name: isExpanded ? gigerTheme.IconNames.CHEVRON_TOP : gigerTheme.IconNames.CHEVRON_BOTTOM,
             size: giger.IconSize.SIZE_LARGE
@@ -8314,7 +8302,7 @@ const CollapsiblePanel = ({
         }))]
       }))
     })), isExpanded ? jsxRuntime.jsx("section", Object.assign({
-      css: styles$w.content
+      css: styles$A.content
     }, {
       children: children
     })) : jsxRuntime.jsx(Spacer, {
@@ -8424,7 +8412,7 @@ const Cube = _a => {
   }));
 };
 
-const styles$v = createStyles({
+const styles$z = createStyles({
   getDateRangeSelect: fullWidth => theme => ({
     minWidth: theme.spacing(30),
     position: "relative",
@@ -8449,7 +8437,7 @@ const DateRangeSelect = ({
     void onChange(nextOption);
   };
   return jsxRuntime.jsx(giger.Select, Object.assign({
-    css: styles$v.getDateRangeSelect(fullWidth),
+    css: styles$z.getDateRangeSelect(fullWidth),
     "data-testid": "date-range-select",
     label: t("wallet-history:dateRange"),
     leftContent: jsxRuntime.jsx(giger.Icon, {
@@ -8518,7 +8506,7 @@ const DateRangeCombo = ({
   });
 };
 
-const styles$u = createStyles({
+const styles$y = createStyles({
   container: theme => ({
     display: "flex",
     flexDirection: "column",
@@ -8549,13 +8537,13 @@ const DisplayTerm = ({
     t
   } = reactI18next.useTranslation();
   return jsxRuntime.jsx("ul", Object.assign({
-    css: styles$u.container
+    css: styles$y.container
   }, {
     children: term.links.map(({
       link,
       title
     }) => jsxRuntime.jsxs("li", Object.assign({
-      css: styles$u.termLink
+      css: styles$y.termLink
     }, {
       children: [jsxRuntime.jsx(giger.Typography, Object.assign({
         variant: "subtitle1"
@@ -8564,7 +8552,7 @@ const DisplayTerm = ({
           defaultValue: title
         })
       })), jsxRuntime.jsx(giger.Link, Object.assign({
-        css: styles$u.link,
+        css: styles$y.link,
         href: link,
         isExternal: true,
         target: "_blank"
@@ -8581,14 +8569,13 @@ const DisplayTerm = ({
   }));
 };
 
-const styles$t = createStyles({
+const styles$x = createStyles({
   container: {
     backgroundColor: "#11003A"
   },
   getChildrenStyles: isOpen => theme => ({
-    height: isOpen ? "100%" : "0",
-    overflow: "scroll",
-    paddingLeft: theme.spacing(4)
+    height: isOpen ? "90%" : "0",
+    overflow: "scroll"
   }),
   getDrawerStyles: isOpen => theme => ({
     backgroundColor: "#11003A",
@@ -8631,12 +8618,12 @@ const Drawer = ({
   }, []);
   return jsxRuntime.jsxs("div", Object.assign({
     "aria-label": "Drawer",
-    css: styles$t.getDrawerStyles(isOpen),
+    css: styles$x.getDrawerStyles(isOpen),
     ref: drawerRef
   }, {
     children: [jsxRuntime.jsxs("header", Object.assign({
       "aria-expanded": isOpen,
-      css: styles$t.header
+      css: styles$x.header
     }, {
       children: [jsxRuntime.jsx("div", Object.assign({
         onClick: toggleDrawer,
@@ -8651,7 +8638,7 @@ const Drawer = ({
       })), headerContent]
     })), jsxRuntime.jsx("div", Object.assign({
       "aria-labelledby": "drawer",
-      css: styles$t.getChildrenStyles(isOpen),
+      css: styles$x.getChildrenStyles(isOpen),
       role: "region"
     }, {
       children: children
@@ -8700,7 +8687,7 @@ const ErrorFallback = ({
   }));
 };
 
-const styles$s = createStyles({
+const styles$w = createStyles({
   icon: theme => ({
     color: theme.palette.primary.main,
     marginRight: theme.spacing(2)
@@ -8750,10 +8737,10 @@ const Section = _a => {
     rest = __rest(_a, ["bold", "title", "children", "rightContent"]);
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [title && jsxRuntime.jsx("summary", Object.assign({
-      css: styles$s.summary
+      css: styles$w.summary
     }, {
       children: jsxRuntime.jsxs("div", Object.assign({
-        css: styles$s.summaryWrapper
+        css: styles$w.summaryWrapper
       }, {
         children: [title && typeof title === "string" ? jsxRuntime.jsx(giger.Typography, Object.assign({
           bold: bold,
@@ -8761,20 +8748,20 @@ const Section = _a => {
         }, {
           children: title
         })) : title, rightContent && jsxRuntime.jsx("div", Object.assign({
-          css: styles$s.rightContentWrapper
+          css: styles$w.rightContentWrapper
         }, {
           children: rightContent
         }))]
       }))
     })), jsxRuntime.jsx("section", Object.assign({
-      css: styles$s.section
+      css: styles$w.section
     }, rest, {
       children: children
     }))]
   });
 };
 
-const styles$r = createStyles({
+const styles$v = createStyles({
   balanceText: theme => ({
     color: theme.palette.secondary.dark
   }),
@@ -8813,12 +8800,13 @@ const FundAndPurchase = ({
   carrierId,
   className,
   control,
+  currency,
   disabled,
   isFundingEnabled,
   isFundingRequired,
   isPreferredRate,
-  onSave,
   purchaseAmount,
+  onSave,
   onPurchase
 }) => {
   const {
@@ -8869,7 +8857,7 @@ const FundAndPurchase = ({
     }, {
       children: [jsxRuntime.jsx(giger.Button, Object.assign({
         bold: false,
-        css: styles$r.saveRateButton,
+        css: styles$v.saveRateButton,
         disabled: disabled || !carrierId || isPreferredRate && !isRateFormValid || addFundsForm.isSubmitting || isRateFormSubmitting,
         isLoading: isSavingRate,
         onClick: handleSaveRate,
@@ -8887,23 +8875,26 @@ const FundAndPurchase = ({
     }))]
   });
   // render when no rate has been selected yet
-  if (!carrierId) return jsxRuntime.jsxs("div", Object.assign({
-    className: className,
-    css: styles$r.container
-  }, {
-    children: [jsxRuntime.jsxs(Spread, {
-      children: [jsxRuntime.jsx(CarrierBalance, {
-        balance: uspsBalance
-      }), isFundingEnabled ? jsxRuntime.jsx(LinkAction, {
-        icon: "add",
-        isDisabled: !isFundingRequired || isAddFundsFormOpen || isRateFormSubmitting,
-        onClick: () => setIsAddFundsFormOpen(true),
-        title: t("manage-funding:actions.addFunds")
-      }) : null]
-    }), jsxRuntime.jsx(Spacer, {
-      multiplier: 2
-    }), renderActionButtons()]
-  }));
+  if (!carrierId) {
+    return jsxRuntime.jsxs("div", Object.assign({
+      className: className,
+      css: styles$v.container
+    }, {
+      children: [jsxRuntime.jsxs(Spread, {
+        children: [jsxRuntime.jsx(CarrierBalance, {
+          balance: uspsBalance,
+          currency: currency
+        }), isFundingEnabled ? jsxRuntime.jsx(LinkAction, {
+          icon: "add",
+          isDisabled: !isFundingRequired || isAddFundsFormOpen || isRateFormSubmitting,
+          onClick: () => setIsAddFundsFormOpen(true),
+          title: t("manage-funding:actions.addFunds")
+        }) : null]
+      }), jsxRuntime.jsx(Spacer, {
+        multiplier: 2
+      }), renderActionButtons()]
+    }));
+  }
   /**
    * If the selected rate is a preferred rate, we won't be able to show the carrier balance.
    * Instead, we'll show the USPS balance, until the user either purchases or saves the rate.
@@ -8913,121 +8904,130 @@ const FundAndPurchase = ({
   if (isPreferredRate) {
     return jsxRuntime.jsxs("div", Object.assign({
       className: className,
-      css: styles$r.container
+      css: styles$v.container
     }, {
       children: [jsxRuntime.jsx(CarrierBalance, {
-        balance: uspsBalance
+        balance: uspsBalance,
+        currency: currency
       }), jsxRuntime.jsx(Spacer, {
         multiplier: 2
       }), renderActionButtons()]
     }));
-  } else {
-    if (isLoadingCarrier) return jsxRuntime.jsx(Loader, {
+  }
+  if (isLoadingCarrier) {
+    return jsxRuntime.jsx(Loader, {
       message: t("loading.carrier")
     });
-    if (!carrier || !carrierId) throw new Error("errorMessages.unableToLoad.carrier");
-    const balance = carrier.balance;
-    // Render: walleted carrier, but funding feature is not enabled;
-    //         show balance, but not the funding form.
-    if (!isFundingEnabled) return jsxRuntime.jsxs("div", Object.assign({
+  }
+  if (!carrier || !carrierId) {
+    throw new Error("errorMessages.unableToLoad.carrier");
+  }
+  const balance = carrier.balance;
+  // Render: walleted carrier, but funding feature is not enabled;
+  //         show balance, but not the funding form.
+  if (!isFundingEnabled) {
+    return jsxRuntime.jsxs("div", Object.assign({
       className: className,
-      css: styles$r.container
+      css: styles$v.container
     }, {
       children: [jsxRuntime.jsx(CarrierBalance, {
-        carrierId: carrierId
+        carrierId: carrierId,
+        currency: currency
       }), jsxRuntime.jsx(Spacer, {
         multiplier: 2
       }), renderActionButtons()]
     }));
-    // Render: walleted carrier and funding feature is enabled;
-    //         show balance and funding form
-    return jsxRuntime.jsxs(Section, Object.assign({
-      title: t("purchase-label:sections.payment")
-    }, {
-      children: [jsxRuntime.jsxs(Spread, {
-        children: [jsxRuntime.jsx(CarrierBalance, {
-          carrierId: carrierId
-        }), jsxRuntime.jsx(LinkAction, {
-          icon: "add",
-          isDisabled: isAddFundsFormOpen || isRateFormSubmitting,
-          onClick: () => setIsAddFundsFormOpen(true),
-          title: t("manage-funding:actions.addFunds")
-        })]
-      }), jsxRuntime.jsx(Spacer, {
-        multiplier: 2
-      }), balance < 0 && jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [jsxRuntime.jsx(giger.InlineNotification, Object.assign({
-          title: t(`manage-funding:fundAndPurchase.negativeBalanceTitle`),
-          type: giger.NotificationType.ALERT
-        }, {
-          children: t(`manage-funding:fundAndPurchase.negativeBalance`)
-        })), jsxRuntime.jsx(Spacer, {
-          multiplier: 2
-        })]
-      }), isAddFundsFormOpen ? jsxRuntime.jsx(AddFundsForm, Object.assign({
+  }
+  // Render: walleted carrier and funding feature is enabled;
+  //         show balance and funding form
+  return jsxRuntime.jsxs(Section, Object.assign({
+    title: t("purchase-label:sections.payment")
+  }, {
+    children: [jsxRuntime.jsxs(Spread, {
+      children: [jsxRuntime.jsx(CarrierBalance, {
         carrierId: carrierId,
-        minimumAmount: purchaseAmount - balance,
-        onSuccess: onPurchase
+        currency: currency
+      }), jsxRuntime.jsx(LinkAction, {
+        icon: "add",
+        isDisabled: isAddFundsFormOpen || isRateFormSubmitting,
+        onClick: () => setIsAddFundsFormOpen(true),
+        title: t("manage-funding:actions.addFunds")
+      })]
+    }), jsxRuntime.jsx(Spacer, {
+      multiplier: 2
+    }), balance < 0 && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [jsxRuntime.jsx(giger.InlineNotification, Object.assign({
+        title: t("manage-funding:fundAndPurchase.negativeBalanceTitle"),
+        type: giger.NotificationType.ALERT
       }, {
-        children: addFundsForm => {
-          var _a, _b;
-          return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-            children: [jsxRuntime.jsxs("section", Object.assign({
-              css: styles$r.getFormExtension(addFundsForm.isCustomAmount)
+        children: t("manage-funding:fundAndPurchase.negativeBalance")
+      })), jsxRuntime.jsx(Spacer, {
+        multiplier: 2
+      })]
+    }), isAddFundsFormOpen ? jsxRuntime.jsx(AddFundsForm, Object.assign({
+      carrierId: carrierId,
+      currency: currency,
+      minimumAmount: purchaseAmount - balance,
+      onSuccess: onPurchase
+    }, {
+      children: addFundsForm => {
+        var _a, _b;
+        return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [jsxRuntime.jsxs("section", Object.assign({
+            css: styles$v.getFormExtension(addFundsForm.isCustomAmount)
+          }, {
+            children: [jsxRuntime.jsx(InlineLabel, Object.assign({
+              label: t("manage-funding:fundAndPurchase.newBalance")
             }, {
-              children: [jsxRuntime.jsx(InlineLabel, Object.assign({
-                label: t("manage-funding:fundAndPurchase.newBalance")
+              children: jsxRuntime.jsx(giger.Typography, Object.assign({
+                css: styles$v.balanceText
               }, {
-                children: jsxRuntime.jsx(giger.Typography, Object.assign({
-                  css: styles$r.balanceText
-                }, {
-                  children: formatMoney({
-                    amount: balance + ((_a = addFundsForm.selectedAmount) !== null && _a !== void 0 ? _a : 0),
-                    currency: alchemy.SE.Currency.USD
-                  })
-                }))
-              })), jsxRuntime.jsx(InlineLabel, Object.assign({
-                label: t("manage-funding:fundAndPurchase.finalBalance")
+                children: formatMoney({
+                  amount: balance + ((_a = addFundsForm.selectedAmount) !== null && _a !== void 0 ? _a : 0),
+                  currency
+                })
+              }))
+            })), jsxRuntime.jsx(InlineLabel, Object.assign({
+              label: t("manage-funding:fundAndPurchase.finalBalance")
+            }, {
+              children: jsxRuntime.jsx(giger.Typography, Object.assign({
+                css: styles$v.balanceText
               }, {
-                children: jsxRuntime.jsx(giger.Typography, Object.assign({
-                  css: styles$r.balanceText
-                }, {
-                  children: formatMoney({
-                    amount: balance + ((_b = addFundsForm.selectedAmount) !== null && _b !== void 0 ? _b : 0) - purchaseAmount,
-                    currency: alchemy.SE.Currency.USD
-                  })
-                }))
-              })), balance >= purchaseAmount && jsxRuntime.jsx(ButtonGroup, Object.assign({
-                justify: "end"
+                children: formatMoney({
+                  amount: balance + ((_b = addFundsForm.selectedAmount) !== null && _b !== void 0 ? _b : 0) - purchaseAmount,
+                  currency
+                })
+              }))
+            })), balance >= purchaseAmount && jsxRuntime.jsx(ButtonGroup, Object.assign({
+              justify: "end"
+            }, {
+              children: jsxRuntime.jsx(giger.Button, Object.assign({
+                disabled: addFundsForm.isSubmitting || isRateFormSubmitting,
+                onClick: () => setIsAddFundsFormOpen(false),
+                variant: giger.ButtonVariant.TEXT
               }, {
-                children: jsxRuntime.jsx(giger.Button, Object.assign({
-                  disabled: addFundsForm.isSubmitting || isRateFormSubmitting,
-                  onClick: () => setIsAddFundsFormOpen(false),
-                  variant: giger.ButtonVariant.TEXT
-                }, {
-                  children: t("actions.cancel")
-                }))
-              }))]
+                children: t("actions.cancel")
+              }))
+            }))]
+          })), jsxRuntime.jsx(Spacer, {
+            multiplier: 2
+          }), addFundsForm.error && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+            children: [jsxRuntime.jsx(giger.InlineNotification, Object.assign({
+              title: t("manage-funding:addFunds.error.title"),
+              type: giger.NotificationType.ERROR
+            }, {
+              children: addFundsForm.error[0].message
             })), jsxRuntime.jsx(Spacer, {
               multiplier: 2
-            }), addFundsForm.error && jsxRuntime.jsxs(jsxRuntime.Fragment, {
-              children: [jsxRuntime.jsx(giger.InlineNotification, Object.assign({
-                title: t("manage-funding:addFunds.error.title"),
-                type: giger.NotificationType.ERROR
-              }, {
-                children: addFundsForm.error[0].message
-              })), jsxRuntime.jsx(Spacer, {
-                multiplier: 2
-              })]
-            }), renderActionButtons(addFundsForm)]
-          });
-        }
-      }), purchaseAmount) : renderActionButtons()]
-    }));
-  }
+            })]
+          }), renderActionButtons(addFundsForm)]
+        });
+      }
+    }), purchaseAmount) : renderActionButtons()]
+  }));
 };
 
-const styles$q = createStyles({
+const styles$u = createStyles({
   checkboxHeader: theme => ({
     width: theme.spacing(6)
   }),
@@ -9068,7 +9068,7 @@ const GridController = ({
     });
   }, []);
   return jsxRuntime.jsx(giger.Table, Object.assign({
-    css: styles$q.table,
+    css: styles$u.table,
     "data-testid": "grid",
     footer: footerContent && jsxRuntime.jsx(giger.TableFooter, {
       children: footerContent
@@ -9076,7 +9076,7 @@ const GridController = ({
     header: jsxRuntime.jsx(giger.TableHeader, {
       children: jsxRuntime.jsxs(giger.TableHeaderRow, {
         children: [_useCheckboxes ? jsxRuntime.jsx(giger.TableHeaderCell, Object.assign({
-          css: styles$q.checkboxHeader
+          css: styles$u.checkboxHeader
         }, {
           children: jsxRuntime.jsx(giger.Checkbox, {
             checked: (_b = isAllChecked || isIndeterminate) !== null && _b !== void 0 ? _b : false,
@@ -9119,15 +9119,14 @@ const CellFormattedDate = ({
   date,
   short
 }) => {
-  const [formatWithShort, setFormatWithShort] = React.useState(!!short);
   return jsxRuntime.jsx("div", {
     children: jsxRuntime.jsx("div", {
-      children: formatWithShort ? formatDateDDMMYY(date) : formatDate(date)
+      children: short ? formatDateDDMMYY(date) : formatDate(date)
     })
   });
 };
 
-const styles$p = createStyles({
+const styles$t = createStyles({
   itemDescription: theme => ({
     display: "flex",
     flexDirection: "column",
@@ -9169,15 +9168,15 @@ const ItemsBreakdownTableHeader = ({
 }) => jsxRuntime.jsx(giger.TableHeader, {
   children: jsxRuntime.jsxs(giger.TableBaseRow, {
     children: [jsxRuntime.jsx(giger.TableHeaderCell, {}), jsxRuntime.jsx(giger.TableHeaderCell, Object.assign({
-      css: styles$p.numericCell
+      css: styles$t.numericCell
     }, {
       children: "Qty"
     })), hasValue && jsxRuntime.jsx(giger.TableHeaderCell, Object.assign({
-      css: styles$p.numericCell
+      css: styles$t.numericCell
     }, {
       children: "$/ea"
     })), hasTotal && jsxRuntime.jsx(giger.TableHeaderCell, Object.assign({
-      css: styles$p.numericCell
+      css: styles$t.numericCell
     }, {
       children: "$ Total"
     }))]
@@ -9194,7 +9193,7 @@ const ItemsBreakdown = ({
   const hasValue = items.some(item => item.value !== undefined);
   const hasTotal = items.some(item => item.totalValue !== undefined);
   return jsxRuntime.jsx("div", Object.assign({
-    css: styles$p.tableWrapper
+    css: styles$t.tableWrapper
   }, {
     children: jsxRuntime.jsx(giger.Table, Object.assign({
       header: jsxRuntime.jsx(ItemsBreakdownTableHeader, {
@@ -9212,25 +9211,25 @@ const ItemsBreakdown = ({
         }, index) => jsxRuntime.jsx(React.Fragment, {
           children: jsxRuntime.jsxs(giger.TableBaseRow, {
             children: [jsxRuntime.jsxs(giger.TableBodyCell, Object.assign({
-              css: styles$p.itemDescription
+              css: styles$t.itemDescription
             }, {
               children: [jsxRuntime.jsx(giger.Typography, Object.assign({
-                css: styles$p.itemName
+                css: styles$t.itemName
               }, {
                 children: name
               })), jsxRuntime.jsx(giger.Typography, {
                 children: detail
               })]
             })), jsxRuntime.jsx(giger.TableBodyCell, Object.assign({
-              css: [styles$p.numericCell, styles$p.itemDetail]
+              css: [styles$t.numericCell, styles$t.itemDetail]
             }, {
               children: quantity
             })), hasValue && jsxRuntime.jsx(giger.TableBodyCell, Object.assign({
-              css: [styles$p.numericCell, styles$p.itemDetail]
+              css: [styles$t.numericCell, styles$t.itemDetail]
             }, {
               children: value && formatMoney(value)
             })), hasTotal && jsxRuntime.jsx(giger.TableBodyCell, Object.assign({
-              css: [styles$p.numericCell, styles$p.itemDetail]
+              css: [styles$t.numericCell, styles$t.itemDetail]
             }, {
               children: totalValue && formatMoney(totalValue)
             }))]
@@ -9258,7 +9257,8 @@ const ItemsBreakdown = ({
  * @see {@link AccountSettings.Element | The `<AccountSettings />` component renders the `<ManageFunding />` component}
  */
 const ManageFunding = ({
-  carrierId
+  carrierId,
+  currency
 }) => {
   const {
     t
@@ -9276,7 +9276,8 @@ const ManageFunding = ({
     }) : jsxRuntime.jsxs("section", {
       children: [jsxRuntime.jsxs(Spread, {
         children: [jsxRuntime.jsx(CarrierBalance, {
-          carrierId: carrierId
+          carrierId: carrierId,
+          currency: currency
         }), jsxRuntime.jsx(LinkAction, {
           icon: "add",
           isDisabled: isAddFundsFormOpen,
@@ -9288,6 +9289,7 @@ const ManageFunding = ({
           multiplier: 2
         }), jsxRuntime.jsx(AddFundsForm, {
           carrierId: carrierId,
+          currency: currency,
           onCancel: () => setIsAddFundsFormOpen(false),
           onSuccess: () => {
             void queryClient.invalidateQueries(["useGetCarrierById", carrierId], {
@@ -9301,13 +9303,14 @@ const ManageFunding = ({
       }), jsxRuntime.jsx(Spacer, {
         multiplier: 2
       }), jsxRuntime.jsx(AutoFundingForm, {
-        carrierId: carrierId
+        carrierId: carrierId,
+        currency: currency
       })]
     })
   }));
 };
 
-const styles$o = createStyles({
+const styles$s = createStyles({
   footer: {
     "> *": {
       borderTop: "0 !important"
@@ -9374,13 +9377,13 @@ const Pager = ({
     toggleRowCountDropdown();
   };
   return jsxRuntime.jsxs("div", Object.assign({
-    css: styles$o.footer
+    css: styles$s.footer
   }, {
     children: [jsxRuntime.jsxs("div", Object.assign({
-      css: styles$o.leftFooter
+      css: styles$s.leftFooter
     }, {
       children: [jsxRuntime.jsx("div", Object.assign({
-        css: styles$o.rowCount
+        css: styles$s.rowCount
       }, {
         children: jsxRuntime.jsx(reactI18next.Trans, {
           components: [jsxRuntime.jsx("b", {
@@ -9396,7 +9399,7 @@ const Pager = ({
           }
         })
       })), jsxRuntime.jsxs("div", Object.assign({
-        css: styles$o.rowsActions
+        css: styles$s.rowsActions
       }, {
         children: [t("common:grid.rows"), jsxRuntime.jsx(giger.Button, Object.assign({
           id: "selected-row",
@@ -9414,7 +9417,7 @@ const Pager = ({
           onClick: () => toggleRowCountDropdown(),
           size: giger.IconSize.SIZE_MEDIUM
         }), jsxRuntime.jsx(giger.DropdownOptionList, Object.assign({
-          css: styles$o.rowCountDropDown,
+          css: styles$s.rowCountDropDown,
           dropdownWidth: "max-content",
           isOpen: isRowCountDropDownOpen,
           onChange: () => toggleRowCountDropdown(),
@@ -9536,7 +9539,7 @@ const AddressParser = ({
   }));
 };
 
-const styles$n = createStyles({
+const styles$r = createStyles({
   grow: {
     flexGrow: 1
   },
@@ -9640,13 +9643,13 @@ const AddressFields = ({
       name: _formatFieldName("cityLocality"),
       nativeLabel: true
     }), jsxRuntime.jsxs("div", Object.assign({
-      css: styles$n.stateZipWrapper
+      css: styles$r.stateZipWrapper
     }, {
       children: [jsxRuntime.jsx("div", Object.assign({
-        css: styles$n.stateWrapper
+        css: styles$r.stateWrapper
       }, {
         children: jsxRuntime.jsx("div", Object.assign({
-          css: styles$n.grow
+          css: styles$r.grow
         }, {
           children: watchCountryCode === undefined || watchCountryCode === "US" ?
           // Domestic States
@@ -9672,10 +9675,10 @@ const AddressFields = ({
           })
         }))
       })), jsxRuntime.jsx("div", Object.assign({
-        css: styles$n.zipWrapper
+        css: styles$r.zipWrapper
       }, {
         children: jsxRuntime.jsx("div", Object.assign({
-          css: styles$n.grow
+          css: styles$r.grow
         }, {
           children: jsxRuntime.jsx(TextInput, {
             control: form.control,
@@ -10485,7 +10488,7 @@ const EditWalletAddressForm = ({
   }));
 };
 
-const styles$m = createStyles({
+const styles$q = createStyles({
   grid: theme => ({
     margin: theme.spacing(4)
   })
@@ -10564,7 +10567,7 @@ const WalletForm = ({
     onSubmit: formLogger.capture(handleSubmit)
   }, {
     children: jsxRuntime.jsxs(giger.Grid, Object.assign({
-      css: styles$m.grid,
+      css: styles$q.grid,
       noPadding: true
     }, {
       children: [jsxRuntime.jsx(giger.GridChild, Object.assign({
@@ -10646,7 +10649,7 @@ const WalletForm = ({
   }));
 };
 
-const styles$l = createStyles({
+const styles$p = createStyles({
   boldLink: theme => ({
     fontWeight: theme.typography.fontWeight.bold
   }),
@@ -10688,11 +10691,11 @@ const EditBillingForm = ({
     onSubmit: formLogger.capture(handleSubmit)
   }, {
     children: jsxRuntime.jsxs(giger.Grid, Object.assign({
-      css: styles$l.container
+      css: styles$p.container
     }, {
       children: [jsxRuntime.jsx(giger.GridChild, Object.assign({
         colSpan: 12,
-        css: styles$l.subtitle
+        css: styles$p.subtitle
       }, {
         children: jsxRuntime.jsx(giger.Typography, Object.assign({
           variant: "subtitle1"
@@ -10707,7 +10710,7 @@ const EditBillingForm = ({
         })
       })), jsxRuntime.jsx(giger.GridChild, Object.assign({
         colSpan: 12,
-        css: styles$l.subtitle
+        css: styles$p.subtitle
       }, {
         children: jsxRuntime.jsx(giger.Typography, Object.assign({
           variant: "subtitle1"
@@ -10743,7 +10746,7 @@ const EditBillingForm = ({
             children: t("actions.cancel")
           })), jsxRuntime.jsx(SubmitButton, Object.assign({
             control: form.control,
-            css: styles$l.boldLink,
+            css: styles$p.boldLink,
             variant: giger.ButtonVariant.OUTLINED
           }, {
             children: t("actions.save")
@@ -10754,15 +10757,15 @@ const EditBillingForm = ({
   }));
 };
 
-var img$3 = "data:image/svg+xml,%3csvg width='150' height='96' viewBox='0 0 150 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_5173_115317)'%3e%3cpath d='M7.69231 0.000244141H142.308C146.556 0.000244141 150 3.42963 150 7.65982V88.0854C150 92.3157 146.556 95.7449 142.308 95.7449H7.69231C3.44404 95.7449 0 92.3157 0 88.0854V7.65982C0 3.42963 3.44404 0.000244141 7.69231 0.000244141Z' fill='%232557D6'/%3e%3cpath d='M0.048569 45.132H7.24876L8.87222 41.3961H12.5068L14.1261 45.132H28.293V42.276L29.5576 45.1445H36.912L38.1766 42.2334V45.1322H73.3843L73.368 38.9996H74.0491C74.5259 39.0155 74.6653 39.0574 74.6653 39.8088V45.1322H92.8747V43.7047C94.3438 44.4553 96.6282 45.1322 99.634 45.1322H107.295L108.934 41.3963H112.569L114.172 45.1322H128.935V41.5835L131.17 45.1322H143V21.6729H131.292V24.4433L129.654 21.6729H117.64V24.4433L116.135 21.6729H99.9076C97.1917 21.6729 94.804 22.0346 92.8751 23.0426V21.6729H81.6772V23.0426C80.4497 22.0036 78.7774 21.6729 76.9176 21.6729H36.0061L33.2611 27.7318L30.442 21.6729H17.5565V24.4433L16.1407 21.6729H5.15126L0.0476074 32.8263V45.1316H0.0481843L0.048569 45.132ZM45.4986 41.7484H41.1786L41.1626 28.5751L35.052 41.7482H31.352L25.2255 28.5634V41.7482H16.6543L15.0351 37.9966H6.26068L4.62511 41.7482H0.047992L7.59434 24.9284H13.8557L21.0228 40.8534V24.9284H27.9009L33.4159 36.3386L38.482 24.9284H45.4984L45.4986 41.7484ZM13.5947 34.5057L10.7105 27.8003L7.84222 34.5057H13.5947ZM62.6909 41.748H48.6134V24.9282H62.6909V28.4307H52.8276V31.4626H62.4545V34.9103H52.8274V38.2694H62.6907L62.6909 41.748ZM82.5293 29.4582C82.5293 32.1399 80.6534 33.5255 79.5603 33.9414C80.4822 34.2761 81.2701 34.8678 81.6449 35.3578C82.2399 36.1944 82.3426 36.9416 82.3426 38.4439V41.748H78.0918L78.0759 39.6269C78.0759 38.6149 78.1774 37.1594 77.4109 36.3501C76.7951 35.7584 75.8565 35.6301 74.3391 35.6301H69.8155V41.7482H65.6013V24.9282H75.2938C77.4474 24.9282 79.0343 24.9824 80.3966 25.7338C81.7299 26.4852 82.5293 27.582 82.5293 29.4582ZM77.2026 31.9556C76.6232 32.2911 75.9386 32.3022 75.1178 32.3022H69.9986V28.5663H75.1874C75.9217 28.5663 76.6882 28.5977 77.1861 28.8696C77.7326 29.1147 78.0709 29.6361 78.0709 30.3565C78.0709 31.0918 77.749 31.6833 77.2026 31.9556ZM89.288 41.748H84.9884V24.9282H89.288V41.748ZM139.203 41.748H133.232L125.244 29.1237V41.748H116.662L115.022 37.9964H106.268L104.677 41.748H99.7451C97.6972 41.748 95.1032 41.3158 93.6349 39.8877C92.154 38.4596 91.3834 36.5252 91.3834 33.4665C91.3834 30.972 91.844 28.6915 93.6549 26.8894C95.0174 25.5471 97.1511 24.9282 100.055 24.9282H104.135V28.5322H100.14C98.6024 28.5322 97.7338 28.7505 96.8976 29.5285C96.1793 30.2368 95.6865 31.5755 95.6865 33.3386C95.6865 35.1405 96.0616 36.4399 96.8447 37.2886C97.4934 37.9542 98.6728 38.1561 99.7816 38.1561H101.674L107.614 24.9287H113.928L121.063 40.8379V24.9289H127.48L134.887 36.6431V24.9289H139.203V41.748ZM113.588 34.5059L110.672 27.8005L107.771 34.5059H113.588ZM149.942 68.6063C148.918 70.0343 146.924 70.7583 144.223 70.7583H136.085V67.1506H144.19C144.994 67.1506 145.557 67.0497 145.896 66.7341C146.216 66.4519 146.397 66.0536 146.394 65.6371C146.394 65.1467 146.189 64.7576 145.879 64.5243C145.573 64.2674 145.128 64.1509 144.394 64.1509C140.438 64.0226 135.501 64.2674 135.501 58.9436C135.501 56.5036 137.125 53.935 141.547 53.935H149.941V50.5879H142.142C139.788 50.5879 138.078 51.126 136.868 51.9617V50.5877H125.332C123.487 50.5877 121.322 51.0241 120.298 51.9617V50.5877H99.6976V51.9617C98.0584 50.8334 95.2922 50.5877 94.0151 50.5877H80.4274V51.9617C79.1303 50.7633 76.2463 50.5877 74.4878 50.5877H59.2807L55.8011 54.1809L52.5417 50.5877H29.8243V74.0624H52.1128L55.6986 70.4123L59.0765 74.0624L72.8153 74.0741V68.5519H74.1655C75.9884 68.5787 78.1386 68.5083 80.0353 67.7262V74.0617H91.3676V67.9432H91.9142C92.6118 67.9432 92.6805 67.9708 92.6805 68.6354V74.0609H127.105C129.291 74.0609 131.575 73.5274 132.841 72.5587V74.0609H143.76C146.032 74.0609 148.251 73.757 149.94 72.9792L149.94 68.6056L149.942 68.6063ZM81.6841 59.5766C81.6841 64.2501 78.0293 65.215 74.3459 65.215H69.0876V70.858H60.897L55.7078 65.2884L50.3151 70.858H33.6224V54.034H50.5715L55.7563 59.5487L61.1168 54.034H74.5824C77.9265 54.034 81.6841 54.9173 81.6841 59.5766ZM48.1803 67.3193H37.8191V63.9721H47.0711V60.5394H37.8191V57.4806H48.3843L52.9938 62.3835L48.1803 67.3193ZM64.8745 69.2457L58.4045 62.3925L64.8745 55.7574V69.2457ZM74.4432 61.765H68.9974V57.4806H74.492C76.0136 57.4806 77.0697 58.0723 77.0697 59.5433C77.0697 60.9984 76.0624 61.765 74.4432 61.765ZM102.974 54.034H117.039V57.5133H107.171V60.572H116.798V64.0046H107.171V67.3519L117.039 67.3672V70.858H102.974L102.974 54.034ZM97.5665 63.0395C98.5045 63.3699 99.2713 63.9617 99.6307 64.4518C100.226 65.2734 100.312 66.04 100.329 67.5227V70.858H96.0978V68.7532C96.0978 67.741 96.1999 66.2424 95.4166 65.46C94.8011 64.8573 93.8622 64.7133 92.3251 64.7133H87.8213V70.8582H83.5867V54.0342H93.3163C95.4495 54.0342 97.0034 54.1242 98.3866 54.8281C99.7165 55.5948 100.553 56.6447 100.553 58.5642C100.553 61.2493 98.6755 62.6196 97.5665 63.0395ZM95.1847 60.9127C94.6209 61.2319 93.924 61.2595 93.1043 61.2595H87.9847V57.481H93.1736C93.924 57.481 94.6749 57.4963 95.1847 57.7849C95.7309 58.0574 96.0574 58.5788 96.0574 59.2982C96.0574 60.0178 95.7307 60.5977 95.1847 60.9127ZM133.227 61.9844C134.048 62.7942 134.487 63.8172 134.487 65.5486C134.487 69.1678 132.118 70.8573 127.867 70.8573H119.66V67.2496H127.835C128.634 67.2496 129.201 67.1491 129.556 66.8331C129.846 66.5731 130.054 66.1949 130.054 65.7361C130.054 65.2457 129.829 64.8568 129.539 64.6233C129.217 64.3667 128.773 64.2501 128.039 64.2501C124.098 64.1218 119.162 64.3667 119.162 59.0432C119.162 56.6028 120.769 54.0342 125.187 54.0342H133.636V57.615H125.905C125.139 57.615 124.641 57.6428 124.217 57.9189C123.756 58.1912 123.584 58.5956 123.584 59.1289C123.584 59.7635 123.976 60.1955 124.506 60.3824C124.951 60.5299 125.429 60.573 126.146 60.573L128.415 60.6316C130.702 60.6844 132.273 61.062 133.227 61.9844ZM149.949 57.4806H142.269C141.502 57.4806 140.992 57.5082 140.564 57.7845C140.119 58.057 139.948 58.4612 139.948 58.9951C139.948 59.6297 140.323 60.0613 140.869 60.2482C141.314 60.3958 141.791 60.4389 142.493 60.4389L144.777 60.4971C147.082 60.5515 148.62 60.9295 149.558 61.8513C149.729 61.9796 149.831 62.1236 149.949 62.2678V57.4806H149.949Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_5173_115317'%3e%3crect width='150' height='95.7447' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+var img$4 = "data:image/svg+xml,%3csvg width='150' height='96' viewBox='0 0 150 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_5173_115317)'%3e%3cpath d='M7.69231 0.000244141H142.308C146.556 0.000244141 150 3.42963 150 7.65982V88.0854C150 92.3157 146.556 95.7449 142.308 95.7449H7.69231C3.44404 95.7449 0 92.3157 0 88.0854V7.65982C0 3.42963 3.44404 0.000244141 7.69231 0.000244141Z' fill='%232557D6'/%3e%3cpath d='M0.048569 45.132H7.24876L8.87222 41.3961H12.5068L14.1261 45.132H28.293V42.276L29.5576 45.1445H36.912L38.1766 42.2334V45.1322H73.3843L73.368 38.9996H74.0491C74.5259 39.0155 74.6653 39.0574 74.6653 39.8088V45.1322H92.8747V43.7047C94.3438 44.4553 96.6282 45.1322 99.634 45.1322H107.295L108.934 41.3963H112.569L114.172 45.1322H128.935V41.5835L131.17 45.1322H143V21.6729H131.292V24.4433L129.654 21.6729H117.64V24.4433L116.135 21.6729H99.9076C97.1917 21.6729 94.804 22.0346 92.8751 23.0426V21.6729H81.6772V23.0426C80.4497 22.0036 78.7774 21.6729 76.9176 21.6729H36.0061L33.2611 27.7318L30.442 21.6729H17.5565V24.4433L16.1407 21.6729H5.15126L0.0476074 32.8263V45.1316H0.0481843L0.048569 45.132ZM45.4986 41.7484H41.1786L41.1626 28.5751L35.052 41.7482H31.352L25.2255 28.5634V41.7482H16.6543L15.0351 37.9966H6.26068L4.62511 41.7482H0.047992L7.59434 24.9284H13.8557L21.0228 40.8534V24.9284H27.9009L33.4159 36.3386L38.482 24.9284H45.4984L45.4986 41.7484ZM13.5947 34.5057L10.7105 27.8003L7.84222 34.5057H13.5947ZM62.6909 41.748H48.6134V24.9282H62.6909V28.4307H52.8276V31.4626H62.4545V34.9103H52.8274V38.2694H62.6907L62.6909 41.748ZM82.5293 29.4582C82.5293 32.1399 80.6534 33.5255 79.5603 33.9414C80.4822 34.2761 81.2701 34.8678 81.6449 35.3578C82.2399 36.1944 82.3426 36.9416 82.3426 38.4439V41.748H78.0918L78.0759 39.6269C78.0759 38.6149 78.1774 37.1594 77.4109 36.3501C76.7951 35.7584 75.8565 35.6301 74.3391 35.6301H69.8155V41.7482H65.6013V24.9282H75.2938C77.4474 24.9282 79.0343 24.9824 80.3966 25.7338C81.7299 26.4852 82.5293 27.582 82.5293 29.4582ZM77.2026 31.9556C76.6232 32.2911 75.9386 32.3022 75.1178 32.3022H69.9986V28.5663H75.1874C75.9217 28.5663 76.6882 28.5977 77.1861 28.8696C77.7326 29.1147 78.0709 29.6361 78.0709 30.3565C78.0709 31.0918 77.749 31.6833 77.2026 31.9556ZM89.288 41.748H84.9884V24.9282H89.288V41.748ZM139.203 41.748H133.232L125.244 29.1237V41.748H116.662L115.022 37.9964H106.268L104.677 41.748H99.7451C97.6972 41.748 95.1032 41.3158 93.6349 39.8877C92.154 38.4596 91.3834 36.5252 91.3834 33.4665C91.3834 30.972 91.844 28.6915 93.6549 26.8894C95.0174 25.5471 97.1511 24.9282 100.055 24.9282H104.135V28.5322H100.14C98.6024 28.5322 97.7338 28.7505 96.8976 29.5285C96.1793 30.2368 95.6865 31.5755 95.6865 33.3386C95.6865 35.1405 96.0616 36.4399 96.8447 37.2886C97.4934 37.9542 98.6728 38.1561 99.7816 38.1561H101.674L107.614 24.9287H113.928L121.063 40.8379V24.9289H127.48L134.887 36.6431V24.9289H139.203V41.748ZM113.588 34.5059L110.672 27.8005L107.771 34.5059H113.588ZM149.942 68.6063C148.918 70.0343 146.924 70.7583 144.223 70.7583H136.085V67.1506H144.19C144.994 67.1506 145.557 67.0497 145.896 66.7341C146.216 66.4519 146.397 66.0536 146.394 65.6371C146.394 65.1467 146.189 64.7576 145.879 64.5243C145.573 64.2674 145.128 64.1509 144.394 64.1509C140.438 64.0226 135.501 64.2674 135.501 58.9436C135.501 56.5036 137.125 53.935 141.547 53.935H149.941V50.5879H142.142C139.788 50.5879 138.078 51.126 136.868 51.9617V50.5877H125.332C123.487 50.5877 121.322 51.0241 120.298 51.9617V50.5877H99.6976V51.9617C98.0584 50.8334 95.2922 50.5877 94.0151 50.5877H80.4274V51.9617C79.1303 50.7633 76.2463 50.5877 74.4878 50.5877H59.2807L55.8011 54.1809L52.5417 50.5877H29.8243V74.0624H52.1128L55.6986 70.4123L59.0765 74.0624L72.8153 74.0741V68.5519H74.1655C75.9884 68.5787 78.1386 68.5083 80.0353 67.7262V74.0617H91.3676V67.9432H91.9142C92.6118 67.9432 92.6805 67.9708 92.6805 68.6354V74.0609H127.105C129.291 74.0609 131.575 73.5274 132.841 72.5587V74.0609H143.76C146.032 74.0609 148.251 73.757 149.94 72.9792L149.94 68.6056L149.942 68.6063ZM81.6841 59.5766C81.6841 64.2501 78.0293 65.215 74.3459 65.215H69.0876V70.858H60.897L55.7078 65.2884L50.3151 70.858H33.6224V54.034H50.5715L55.7563 59.5487L61.1168 54.034H74.5824C77.9265 54.034 81.6841 54.9173 81.6841 59.5766ZM48.1803 67.3193H37.8191V63.9721H47.0711V60.5394H37.8191V57.4806H48.3843L52.9938 62.3835L48.1803 67.3193ZM64.8745 69.2457L58.4045 62.3925L64.8745 55.7574V69.2457ZM74.4432 61.765H68.9974V57.4806H74.492C76.0136 57.4806 77.0697 58.0723 77.0697 59.5433C77.0697 60.9984 76.0624 61.765 74.4432 61.765ZM102.974 54.034H117.039V57.5133H107.171V60.572H116.798V64.0046H107.171V67.3519L117.039 67.3672V70.858H102.974L102.974 54.034ZM97.5665 63.0395C98.5045 63.3699 99.2713 63.9617 99.6307 64.4518C100.226 65.2734 100.312 66.04 100.329 67.5227V70.858H96.0978V68.7532C96.0978 67.741 96.1999 66.2424 95.4166 65.46C94.8011 64.8573 93.8622 64.7133 92.3251 64.7133H87.8213V70.8582H83.5867V54.0342H93.3163C95.4495 54.0342 97.0034 54.1242 98.3866 54.8281C99.7165 55.5948 100.553 56.6447 100.553 58.5642C100.553 61.2493 98.6755 62.6196 97.5665 63.0395ZM95.1847 60.9127C94.6209 61.2319 93.924 61.2595 93.1043 61.2595H87.9847V57.481H93.1736C93.924 57.481 94.6749 57.4963 95.1847 57.7849C95.7309 58.0574 96.0574 58.5788 96.0574 59.2982C96.0574 60.0178 95.7307 60.5977 95.1847 60.9127ZM133.227 61.9844C134.048 62.7942 134.487 63.8172 134.487 65.5486C134.487 69.1678 132.118 70.8573 127.867 70.8573H119.66V67.2496H127.835C128.634 67.2496 129.201 67.1491 129.556 66.8331C129.846 66.5731 130.054 66.1949 130.054 65.7361C130.054 65.2457 129.829 64.8568 129.539 64.6233C129.217 64.3667 128.773 64.2501 128.039 64.2501C124.098 64.1218 119.162 64.3667 119.162 59.0432C119.162 56.6028 120.769 54.0342 125.187 54.0342H133.636V57.615H125.905C125.139 57.615 124.641 57.6428 124.217 57.9189C123.756 58.1912 123.584 58.5956 123.584 59.1289C123.584 59.7635 123.976 60.1955 124.506 60.3824C124.951 60.5299 125.429 60.573 126.146 60.573L128.415 60.6316C130.702 60.6844 132.273 61.062 133.227 61.9844ZM149.949 57.4806H142.269C141.502 57.4806 140.992 57.5082 140.564 57.7845C140.119 58.057 139.948 58.4612 139.948 58.9951C139.948 59.6297 140.323 60.0613 140.869 60.2482C141.314 60.3958 141.791 60.4389 142.493 60.4389L144.777 60.4971C147.082 60.5515 148.62 60.9295 149.558 61.8513C149.729 61.9796 149.831 62.1236 149.949 62.2678V57.4806H149.949Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_5173_115317'%3e%3crect width='150' height='95.7447' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
 
-var img$2 = "data:image/svg+xml,%3csvg width='150' height='97' viewBox='0 0 150 97' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_5173_115348)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5754 0C4.73596 0 0 4.73654 0 10.5777V85.7685C0 91.6108 4.73442 96.3462 10.5754 96.3462H139.425C145.264 96.3462 150 91.6096 150 85.7685V10.5777C150 4.73539 145.266 0 139.425 0L10.5754 0Z' fill='%234D4D4D'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M62.9137 31.1333C64.6132 31.1333 66.0383 31.4764 67.773 32.3045V36.6796C66.1299 35.1675 64.7047 34.5346 62.8199 34.5346C59.1153 34.5346 56.2018 37.4221 56.2018 41.0827C56.2018 44.9433 59.0251 47.6589 63.0037 47.6589C64.7945 47.6589 66.1933 47.0589 67.773 45.571V49.9485C65.9766 50.7446 64.5208 51.0593 62.8199 51.0593C56.8049 51.0593 52.131 46.7139 52.131 41.1098C52.131 35.5664 56.9293 31.1333 62.9137 31.1333ZM44.2382 31.2539C46.4585 31.2539 48.4901 31.9693 50.1887 33.3681L48.1218 35.9158C47.093 34.83 46.1199 34.372 44.9364 34.372C43.2339 34.372 41.9941 35.2845 41.9941 36.4852C41.9941 37.5148 42.6901 38.0598 45.0603 38.8856C49.5535 40.4325 50.8853 41.8041 50.8853 44.8329C50.8853 48.5239 48.0053 51.0931 43.9006 51.0931C40.8949 51.0931 38.7095 49.9787 36.8895 47.4639L39.441 45.1504C40.3506 46.8062 41.8683 47.6931 43.7526 47.6931C45.5147 47.6931 46.8193 46.5485 46.8193 45.0039C46.8193 44.2031 46.4241 43.5166 45.6351 43.0312C45.2378 42.8014 44.4508 42.4587 42.9043 41.9452C39.1945 40.6879 37.9216 39.3439 37.9216 36.7173C37.9216 33.5971 40.6551 31.2539 44.2382 31.2539ZM89.3772 31.5862H93.692L99.0928 44.3923L104.563 31.5862H108.845L100.096 51.1412H97.9708L89.3772 31.5862ZM12.9641 31.6154H18.7622C25.1683 31.6154 29.6341 35.535 29.6341 41.1618C29.6341 43.9675 28.268 46.6802 25.9576 48.4804C24.0137 49.9998 21.7987 50.6814 18.7318 50.6814H12.9641V31.6154ZM31.4516 31.6154H35.4016V50.6814H31.4516V31.6154ZM110.631 31.6154H121.834V34.8462H114.579V39.0779H121.566V42.307H114.579V47.4535H121.834V50.6814H110.631L110.631 31.6154ZM124.45 31.6154H130.307C134.863 31.6154 137.473 33.675 137.473 37.2446C137.473 40.1639 135.836 42.0793 132.86 42.6495L139.235 50.6814H134.377L128.91 43.0221H128.395V50.6814H124.45V31.6154ZM128.395 34.6185V40.3925H129.55C132.072 40.3925 133.409 39.3614 133.409 37.4448C133.409 35.5895 132.072 34.6185 129.612 34.6185H128.395ZM16.9114 34.846V47.4535H17.9714C20.5239 47.4535 22.136 46.9931 23.3772 45.9381C24.7431 44.7929 25.5649 42.9641 25.5649 41.1343C25.5649 39.3075 24.7431 37.5333 23.3772 36.3879C22.0724 35.2764 20.5239 34.846 17.9714 34.846H16.9114Z' fill='white'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M79.8327 31.0019C85.7828 31.0019 90.6061 35.5365 90.6061 41.1382V41.1446C90.6061 46.7465 85.7828 51.2873 79.8328 51.2873C73.8828 51.2873 69.0594 46.7463 69.0594 41.1446V41.1382C69.0594 35.5363 73.8828 31.0017 79.8328 31.0017L79.8327 31.0019ZM149.996 55.4538C144.986 58.9788 107.481 84.1731 42.5442 96.3423H139.421C145.261 96.3423 149.997 91.6058 149.997 85.7646V55.4531L149.996 55.4538Z' fill='%23F47216'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_5173_115348'%3e%3crect width='150' height='96.1538' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+var img$3 = "data:image/svg+xml,%3csvg width='150' height='97' viewBox='0 0 150 97' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_5173_115348)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5754 0C4.73596 0 0 4.73654 0 10.5777V85.7685C0 91.6108 4.73442 96.3462 10.5754 96.3462H139.425C145.264 96.3462 150 91.6096 150 85.7685V10.5777C150 4.73539 145.266 0 139.425 0L10.5754 0Z' fill='%234D4D4D'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M62.9137 31.1333C64.6132 31.1333 66.0383 31.4764 67.773 32.3045V36.6796C66.1299 35.1675 64.7047 34.5346 62.8199 34.5346C59.1153 34.5346 56.2018 37.4221 56.2018 41.0827C56.2018 44.9433 59.0251 47.6589 63.0037 47.6589C64.7945 47.6589 66.1933 47.0589 67.773 45.571V49.9485C65.9766 50.7446 64.5208 51.0593 62.8199 51.0593C56.8049 51.0593 52.131 46.7139 52.131 41.1098C52.131 35.5664 56.9293 31.1333 62.9137 31.1333ZM44.2382 31.2539C46.4585 31.2539 48.4901 31.9693 50.1887 33.3681L48.1218 35.9158C47.093 34.83 46.1199 34.372 44.9364 34.372C43.2339 34.372 41.9941 35.2845 41.9941 36.4852C41.9941 37.5148 42.6901 38.0598 45.0603 38.8856C49.5535 40.4325 50.8853 41.8041 50.8853 44.8329C50.8853 48.5239 48.0053 51.0931 43.9006 51.0931C40.8949 51.0931 38.7095 49.9787 36.8895 47.4639L39.441 45.1504C40.3506 46.8062 41.8683 47.6931 43.7526 47.6931C45.5147 47.6931 46.8193 46.5485 46.8193 45.0039C46.8193 44.2031 46.4241 43.5166 45.6351 43.0312C45.2378 42.8014 44.4508 42.4587 42.9043 41.9452C39.1945 40.6879 37.9216 39.3439 37.9216 36.7173C37.9216 33.5971 40.6551 31.2539 44.2382 31.2539ZM89.3772 31.5862H93.692L99.0928 44.3923L104.563 31.5862H108.845L100.096 51.1412H97.9708L89.3772 31.5862ZM12.9641 31.6154H18.7622C25.1683 31.6154 29.6341 35.535 29.6341 41.1618C29.6341 43.9675 28.268 46.6802 25.9576 48.4804C24.0137 49.9998 21.7987 50.6814 18.7318 50.6814H12.9641V31.6154ZM31.4516 31.6154H35.4016V50.6814H31.4516V31.6154ZM110.631 31.6154H121.834V34.8462H114.579V39.0779H121.566V42.307H114.579V47.4535H121.834V50.6814H110.631L110.631 31.6154ZM124.45 31.6154H130.307C134.863 31.6154 137.473 33.675 137.473 37.2446C137.473 40.1639 135.836 42.0793 132.86 42.6495L139.235 50.6814H134.377L128.91 43.0221H128.395V50.6814H124.45V31.6154ZM128.395 34.6185V40.3925H129.55C132.072 40.3925 133.409 39.3614 133.409 37.4448C133.409 35.5895 132.072 34.6185 129.612 34.6185H128.395ZM16.9114 34.846V47.4535H17.9714C20.5239 47.4535 22.136 46.9931 23.3772 45.9381C24.7431 44.7929 25.5649 42.9641 25.5649 41.1343C25.5649 39.3075 24.7431 37.5333 23.3772 36.3879C22.0724 35.2764 20.5239 34.846 17.9714 34.846H16.9114Z' fill='white'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M79.8327 31.0019C85.7828 31.0019 90.6061 35.5365 90.6061 41.1382V41.1446C90.6061 46.7465 85.7828 51.2873 79.8328 51.2873C73.8828 51.2873 69.0594 46.7463 69.0594 41.1446V41.1382C69.0594 35.5363 73.8828 31.0017 79.8328 31.0017L79.8327 31.0019ZM149.996 55.4538C144.986 58.9788 107.481 84.1731 42.5442 96.3423H139.421C145.261 96.3423 149.997 91.6058 149.997 85.7646V55.4531L149.996 55.4538Z' fill='%23F47216'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_5173_115348'%3e%3crect width='150' height='96.1538' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
 
-var img$1 = "data:image/svg+xml,%3csvg width='150' height='96' viewBox='0 0 150 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_5173_115320)'%3e%3cpath d='M0 0H150V95.7447H0V0Z' fill='%2316366F'/%3e%3cpath d='M86.348 47.8723C86.348 66.8572 70.8922 82.2447 51.8268 82.2447C32.7615 82.2447 17.3076 66.8564 17.3076 47.8723C17.3076 28.8894 32.7618 13.5 51.8268 13.5C70.8917 13.5 86.348 28.89 86.348 47.8723Z' fill='%23D9222A'/%3e%3cpath d='M98.1711 13.4993C89.2519 13.4993 81.1244 16.8687 74.9981 22.397C73.75 23.5247 72.585 24.7403 71.5125 26.0345H78.4867C79.4417 27.1906 80.3206 28.4067 81.1185 29.6753H68.8809C68.145 30.8474 67.4809 32.063 66.8923 33.3152H83.1061C83.6625 34.4995 84.1506 35.7145 84.5677 36.9542H65.4308C65.0286 38.1482 64.6938 39.3634 64.4275 40.5942H85.5698C86.0869 42.9859 86.3475 45.4257 86.3469 47.8724C86.3469 51.6895 85.7211 55.3621 84.5673 58.7911H65.4304C65.8465 60.0318 66.3342 61.2469 66.891 62.4313H83.1058C82.5165 63.6837 81.8519 64.8994 81.116 66.0721H68.8804C69.6792 67.3415 70.5592 68.5574 71.5121 69.7096H78.4848C77.4136 71.0064 76.2483 72.2231 74.9983 73.3502C81.1252 78.8779 89.2517 82.2457 98.1713 82.2457C117.236 82.2455 132.692 66.8572 132.692 47.8733C132.692 28.891 117.237 13.501 98.1713 13.501' fill='%23EE9F2D'/%3e%3cpath d='M128.092 67.0327C128.092 66.4197 128.591 65.9218 129.207 65.9218C129.823 65.9218 130.321 66.4197 130.321 67.0327C130.321 67.6452 129.823 68.1431 129.207 68.1431C128.591 68.1429 128.092 67.6456 128.092 67.0327ZM129.207 67.8767C129.675 67.8766 130.054 67.4986 130.055 67.0327C130.055 66.5668 129.675 66.1893 129.208 66.1893H129.207C128.74 66.1886 128.361 66.5652 128.36 67.0304V67.0329C128.359 67.4986 128.738 67.8766 129.206 67.8769C129.206 67.8767 129.206 67.8767 129.207 67.8767ZM129.056 67.5206H128.828V66.5451H129.241C129.328 66.5451 129.416 66.5451 129.492 66.5938C129.571 66.647 129.616 66.7412 129.616 66.8385C129.616 66.9476 129.551 67.0499 129.446 67.0897L129.627 67.5206H129.374L129.224 67.1345H129.056L129.056 67.5206ZM129.056 66.9672H129.183C129.23 66.9672 129.28 66.971 129.322 66.948C129.36 66.9241 129.379 66.8793 129.379 66.8362C129.379 66.7989 129.356 66.7558 129.324 66.7374C129.284 66.7123 129.221 66.718 129.178 66.718H129.056V66.9672ZM43.7678 51.636C43.3746 51.5906 43.2015 51.5783 42.9313 51.5783C40.8072 51.5783 39.7319 52.3039 39.7319 53.736C39.7319 54.619 40.2569 55.181 41.0755 55.181C42.6021 55.181 43.7022 53.7333 43.7678 51.636ZM46.493 57.9543H43.388L43.4594 56.4845C42.5122 57.6462 41.2486 58.1983 39.5315 58.1983C37.5003 58.1983 36.1076 56.6185 36.1076 54.3247C36.1076 50.8733 38.5299 48.8596 42.6878 48.8596C43.1124 48.8596 43.6572 48.8979 44.2149 48.9685C44.3313 48.5011 44.3617 48.301 44.3617 48.0494C44.3617 47.1095 43.7086 46.7591 41.9578 46.7591C40.1246 46.7384 38.6124 47.194 37.9915 47.3975C38.0307 47.162 38.5107 44.2077 38.5107 44.2077C40.3784 43.6627 41.6101 43.4576 42.9963 43.4576C46.2142 43.4576 47.9186 44.8961 47.9155 47.6153C47.9217 48.3439 47.8007 49.2429 47.6117 50.4246C47.2863 52.4795 46.5886 56.8812 46.493 57.9543ZM34.5396 57.9543H30.7919L32.9386 44.5507L28.1453 57.9543H25.5915L25.2761 44.6273L23.0196 57.9543H19.5115L22.4419 40.5185H27.8303L28.1572 50.2779L31.4442 40.5185H37.4378L34.5396 57.9543ZM102.805 51.636C102.413 51.5906 102.239 51.5783 101.97 51.5783C99.8467 51.5783 98.7711 52.3039 98.7711 53.736C98.7711 54.619 99.2953 55.181 100.114 55.181C101.641 55.181 102.742 53.7333 102.805 51.636ZM105.532 57.9543H102.428L102.498 56.4845C101.551 57.6462 100.286 58.1983 98.5709 58.1983C96.539 58.1983 95.1478 56.6185 95.1478 54.3247C95.1478 50.8733 97.5684 48.8596 101.727 48.8596C102.152 48.8596 102.696 48.8979 103.253 48.9685C103.369 48.5011 103.4 48.301 103.4 48.0494C103.4 47.1095 102.747 46.7591 100.996 46.7591C99.1632 46.7384 97.6526 47.194 97.0292 47.3975C97.0686 47.162 97.5501 44.2077 97.5501 44.2077C99.418 43.6627 100.649 43.4576 102.033 43.4576C105.253 43.4576 106.957 44.8961 106.954 47.6153C106.96 48.3439 106.839 49.2429 106.65 50.4246C106.327 52.4795 105.627 56.8812 105.532 57.9543ZM63.1497 57.7389C62.124 58.0606 61.3244 58.1983 60.4574 58.1983C58.5415 58.1983 57.4959 57.102 57.4959 55.0833C57.4686 54.4572 57.7715 52.8086 58.0094 51.3039C58.2257 49.9794 59.6344 41.628 59.6344 41.628H63.3596L62.9246 43.7744H65.1746L64.6663 47.1821H62.4082C61.9755 49.8789 61.3594 53.238 61.3522 53.6832C61.3522 54.4141 61.744 54.7331 62.6349 54.7331C63.0621 54.7331 63.3928 54.6898 63.6455 54.5991L63.1497 57.7389ZM74.5711 57.624C73.2915 58.0133 72.0567 58.2017 70.7482 58.1985C66.5784 58.1945 64.4046 56.0259 64.4046 51.8732C64.4046 47.026 67.1699 43.4578 70.9238 43.4578C73.9949 43.4578 75.9565 45.4556 75.9565 48.589C75.9565 49.6286 75.8219 50.6435 75.4974 52.0764H68.0792C67.8284 54.1334 69.1503 54.9903 71.3171 54.9903C72.6507 54.9903 73.8532 54.7164 75.1905 54.0974L74.5711 57.624ZM72.4774 49.2176C72.498 48.9222 72.8724 46.6867 70.7442 46.6867C69.5574 46.6867 68.709 47.5875 68.3634 49.2176H72.4774ZM48.7428 48.2569C48.7428 50.0506 49.6161 51.2873 51.5969 52.2162C53.1146 52.9264 53.3494 53.137 53.3494 53.7806C53.3494 54.6647 52.6801 55.0636 51.1971 55.0636C50.0794 55.0636 49.0394 54.8899 47.8397 54.5045C47.8397 54.5045 47.3469 57.6296 47.3244 57.7791C48.1763 57.9641 48.9359 58.1355 51.2244 58.1985C55.1786 58.1985 57.0047 56.6993 57.0047 53.4591C57.0047 51.5107 56.2403 50.3673 54.363 49.5081C52.7917 48.79 52.6113 48.6296 52.6113 47.9674C52.6113 47.2007 53.234 46.8097 54.4455 46.8097C55.1811 46.8097 56.1859 46.8878 57.1378 47.0228L57.6715 43.734C56.7011 43.5808 55.2299 43.4578 54.3734 43.4578C50.1811 43.4578 48.7299 45.6383 48.7428 48.2569ZM92.7986 43.8305C93.8396 43.8305 94.8099 44.1024 96.1472 44.7726L96.7601 40.9884C96.2113 40.7739 94.2786 39.5139 92.6417 39.5139C90.1336 39.5139 88.0136 40.7529 86.5224 42.798C84.3474 42.0806 83.4534 43.5304 82.3572 44.9746L81.3838 45.2004C81.4574 44.7249 81.5242 44.2525 81.5017 43.7746H78.0601C77.5899 48.1629 76.7565 52.608 76.1042 57.0017L75.9342 57.9545H79.6834C80.3092 53.9059 80.6522 51.3135 80.8605 49.5593L82.2724 48.7772C82.4832 47.9959 83.1434 47.7321 84.4678 47.7639C84.2897 48.7228 84.2007 49.696 84.2019 50.6714C84.2019 55.3103 86.7155 58.1985 90.7499 58.1985C91.7892 58.1985 92.6811 58.0622 94.0617 57.6897L94.7215 53.7144C93.4792 54.3233 92.4597 54.6098 91.5367 54.6098C89.3582 54.6098 88.0399 53.0086 88.0399 50.3618C88.0397 46.5224 90.0005 43.8305 92.7986 43.8305Z' fill='black'/%3e%3cpath d='M35.6172 56.9182H31.8689L34.017 43.5162L29.2237 56.9182H26.6695L26.3537 43.5928L24.0974 56.9182H20.5891L23.5195 39.4846H28.908L29.0595 50.2773L32.6949 39.4846H38.5155L35.6172 56.9182Z' fill='white'/%3e%3cpath d='M124.523 40.519L123.692 45.5567C122.667 44.214 121.567 43.2422 120.113 43.2422C118.222 43.2422 116.501 44.6696 115.374 46.7704C113.805 46.4464 112.183 45.8966 112.183 45.8966L112.182 45.9095C112.308 44.7351 112.359 44.0185 112.348 43.7751H108.905C108.437 48.1635 107.603 52.6085 106.952 57.0023L106.78 57.9551H110.529C111.035 54.6812 111.423 51.9628 111.708 49.807C112.989 48.6549 113.63 47.6495 114.924 47.7166C114.351 49.0964 114.015 50.6854 114.015 52.3156C114.015 55.8606 115.816 58.1991 118.541 58.1991C119.914 58.1991 120.968 57.7276 121.996 56.6346L121.82 57.9528H125.365L128.22 40.519H124.523ZM119.836 54.6781C118.561 54.6781 117.917 53.7381 117.917 51.883C117.917 49.0962 119.123 47.1197 120.823 47.1197C122.11 47.1197 122.807 48.097 122.807 49.8978C122.808 52.7091 121.583 54.6781 119.836 54.6781Z' fill='black'/%3e%3cpath d='M44.8442 50.6029C44.4515 50.5577 44.2777 50.5455 44.0084 50.5455C41.8842 50.5455 40.8096 51.2708 40.8096 52.703C40.8096 53.5846 41.3346 54.1481 42.1519 54.1481C43.6798 54.148 44.78 52.7007 44.8442 50.6029ZM47.5709 56.919H44.4659L44.5365 55.4516C43.5902 56.6109 42.325 57.1654 40.6094 57.1654C38.5773 57.1654 37.1855 55.5857 37.1855 53.2918C37.1855 49.8389 39.6069 47.8263 43.7655 47.8263C44.1904 47.8263 44.7352 47.8646 45.2921 47.9357C45.4082 47.468 45.4386 47.2679 45.4386 47.015C45.4386 46.0751 44.7865 45.7263 43.0355 45.7263C41.2015 45.7056 39.6904 46.1613 39.0684 46.3624C39.1077 46.1276 39.5877 43.1764 39.5877 43.1764C41.4548 42.6291 42.6879 42.4238 44.0725 42.4238C47.2913 42.4238 48.9963 43.8634 48.9932 46.5801C48.9988 47.3116 48.8769 48.2101 48.6886 49.3902C48.3642 51.4439 47.6655 55.8482 47.5709 56.919ZM97.8363 39.9546L97.2225 43.7397C95.8859 43.0703 94.9148 42.7974 93.875 42.7974C91.0767 42.7974 89.1153 45.4894 89.1153 49.3286C89.1153 51.9751 90.434 53.576 92.6121 53.576C93.5352 53.576 94.5536 53.2903 95.7955 52.6804L95.1378 56.6538C93.7563 57.0289 92.8655 57.1654 91.8252 57.1654C87.7913 57.1654 85.2771 54.277 85.2771 49.6382C85.2771 43.4052 88.75 39.0488 93.7171 39.0488C95.353 39.049 97.2867 39.7399 97.8363 39.9546ZM103.883 50.6029C103.49 50.5577 103.317 50.5455 103.047 50.5455C100.924 50.5455 99.8482 51.2708 99.8482 52.703C99.8482 53.5846 100.373 54.1481 101.191 54.1481C102.718 54.148 103.819 52.7007 103.883 50.6029ZM106.61 56.919H103.504L103.575 55.4516C102.628 56.6109 101.363 57.1654 99.648 57.1654C97.6167 57.1654 96.2242 55.5857 96.2242 53.2918C96.2242 49.8389 98.6463 47.8263 102.803 47.8263C103.229 47.8263 103.773 47.8646 104.331 47.9357C104.446 47.468 104.477 47.2679 104.477 47.015C104.477 46.0751 103.825 45.7263 102.074 45.7263C100.241 45.7056 98.7288 46.1613 98.1071 46.3624C98.1463 46.1276 98.6271 43.1764 98.6271 43.1764C100.494 42.6291 101.726 42.4238 103.111 42.4238C106.331 42.4238 108.035 43.8634 108.031 46.5801C108.037 47.3116 107.916 48.2101 107.727 49.3902C107.404 51.4439 106.703 55.8482 106.61 56.919ZM64.2269 56.7042C63.2004 57.0259 62.4007 57.1654 61.5346 57.1654C59.6186 57.1654 58.573 56.069 58.573 54.0507C58.5465 53.4224 58.8494 51.7756 59.0875 50.2711C59.3029 48.9448 60.7117 40.5945 60.7117 40.5945H64.4361L64.0017 42.7415H65.9136L65.4048 46.1477H63.4865C63.0538 48.846 62.4359 52.2024 62.4296 52.6486C62.4296 53.382 62.8223 53.6985 63.7125 53.6985C64.1394 53.6985 64.4698 53.657 64.7229 53.566L64.2269 56.7042ZM75.6484 56.591C74.3696 56.9803 73.133 57.1679 71.8254 57.1654C67.6554 57.1614 65.4817 54.9928 65.4817 50.84C65.4817 45.9913 68.2471 42.424 72.0009 42.424C75.0721 42.424 77.0336 44.4211 77.0336 47.5559C77.0336 48.5963 76.899 49.6112 76.5755 51.0433H69.1573C68.9061 53.1001 70.2282 53.958 72.3952 53.958C73.7278 53.958 74.9313 53.6834 76.2677 53.0626L75.6484 56.591ZM73.5538 48.1823C73.5763 47.8878 73.9498 45.6514 71.8205 45.6514C70.6348 45.6514 69.7861 46.5546 69.4407 48.1823H73.5538ZM49.8192 47.2241C49.8192 49.0174 50.6927 50.2527 52.6734 51.1831C54.1909 51.8932 54.4257 52.1046 54.4257 52.7476C54.4257 53.6317 53.7559 54.0306 52.2744 54.0306C51.1557 54.0306 50.1157 53.8567 48.9154 53.4714C48.9154 53.4714 48.4242 56.5965 48.4019 56.7459C49.2519 56.9311 50.0123 57.1001 52.3007 57.1654C56.2559 57.1654 58.0813 55.6663 58.0813 52.4269C58.0813 50.4775 57.3177 49.3343 55.4394 48.4751C53.8688 47.7555 53.6871 47.5975 53.6871 46.9344C53.6871 46.1684 54.3111 45.7743 55.5219 45.7743C56.2567 45.7743 57.2615 45.8547 58.215 45.9897L58.7479 42.7C57.7784 42.5468 56.3073 42.424 55.4505 42.424C51.2575 42.424 49.8073 44.603 49.8192 47.2241ZM126.444 56.919H122.899L123.075 55.5991C122.047 56.6938 120.993 57.1654 119.62 57.1654C116.895 57.1654 115.095 54.8268 115.095 51.2819C115.095 46.5656 117.887 42.5897 121.193 42.5897C122.646 42.5897 123.747 43.181 124.77 44.5229L125.602 39.4852H129.298L126.444 56.919ZM120.916 53.6428C122.662 53.6428 123.887 51.6737 123.887 48.8646C123.887 47.0636 123.189 46.0863 121.902 46.0863C120.202 46.0863 118.995 48.0619 118.995 50.8496C118.995 52.7043 119.641 53.6428 120.916 53.6428ZM109.985 42.7415C109.516 47.1299 108.682 51.5749 108.031 55.9663L107.859 56.919H111.608C112.948 48.2493 113.273 46.5562 115.375 46.7683C115.71 44.994 116.333 43.4397 116.797 42.6553C115.228 42.3298 114.351 43.2131 113.204 44.891C113.294 44.1658 113.46 43.4613 113.427 42.7415H109.985ZM79.135 42.7415C78.6646 47.1299 77.8311 51.5749 77.1798 55.9663L77.0092 56.919H80.7592C82.098 48.2493 82.4219 46.5562 84.5225 46.7683C84.859 44.994 85.4825 43.4397 85.9455 42.6553C84.3775 42.3298 83.5002 43.2131 82.3536 44.891C82.444 44.1658 82.6084 43.4613 82.5771 42.7415H79.135ZM128.091 55.8091C128.091 55.1937 128.59 54.6985 129.205 54.6985C129.82 54.6979 130.319 55.1939 130.32 55.8063V55.8091C130.32 56.4219 129.821 56.9186 129.205 56.919C128.59 56.9186 128.091 56.4219 128.091 55.8091ZM129.205 56.6524C129.673 56.6526 130.052 56.2752 130.052 55.8097V55.8093C130.053 55.3434 129.674 54.9656 129.206 54.9652H129.205C128.737 54.9654 128.358 55.3432 128.357 55.8093C128.358 56.275 128.737 56.6524 129.205 56.6524ZM129.055 56.2944H128.826V55.3208H129.24C129.326 55.3208 129.415 55.3224 129.49 55.3695C129.57 55.4237 129.615 55.5163 129.615 55.6134C129.615 55.7235 129.55 55.8266 129.445 55.8656L129.626 56.2938H129.372L129.222 55.9093H129.055V56.2938V56.2944ZM129.055 55.7429H129.18C129.227 55.7429 129.279 55.7463 129.321 55.7237C129.358 55.6998 129.377 55.6546 129.377 55.6113C129.376 55.5711 129.355 55.534 129.322 55.511C129.283 55.4886 129.218 55.4947 129.175 55.4947H129.054L129.055 55.7429Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_5173_115320'%3e%3crect width='150' height='95.7447' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+var img$2 = "data:image/svg+xml,%3csvg width='150' height='96' viewBox='0 0 150 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_5173_115320)'%3e%3cpath d='M0 0H150V95.7447H0V0Z' fill='%2316366F'/%3e%3cpath d='M86.348 47.8723C86.348 66.8572 70.8922 82.2447 51.8268 82.2447C32.7615 82.2447 17.3076 66.8564 17.3076 47.8723C17.3076 28.8894 32.7618 13.5 51.8268 13.5C70.8917 13.5 86.348 28.89 86.348 47.8723Z' fill='%23D9222A'/%3e%3cpath d='M98.1711 13.4993C89.2519 13.4993 81.1244 16.8687 74.9981 22.397C73.75 23.5247 72.585 24.7403 71.5125 26.0345H78.4867C79.4417 27.1906 80.3206 28.4067 81.1185 29.6753H68.8809C68.145 30.8474 67.4809 32.063 66.8923 33.3152H83.1061C83.6625 34.4995 84.1506 35.7145 84.5677 36.9542H65.4308C65.0286 38.1482 64.6938 39.3634 64.4275 40.5942H85.5698C86.0869 42.9859 86.3475 45.4257 86.3469 47.8724C86.3469 51.6895 85.7211 55.3621 84.5673 58.7911H65.4304C65.8465 60.0318 66.3342 61.2469 66.891 62.4313H83.1058C82.5165 63.6837 81.8519 64.8994 81.116 66.0721H68.8804C69.6792 67.3415 70.5592 68.5574 71.5121 69.7096H78.4848C77.4136 71.0064 76.2483 72.2231 74.9983 73.3502C81.1252 78.8779 89.2517 82.2457 98.1713 82.2457C117.236 82.2455 132.692 66.8572 132.692 47.8733C132.692 28.891 117.237 13.501 98.1713 13.501' fill='%23EE9F2D'/%3e%3cpath d='M128.092 67.0327C128.092 66.4197 128.591 65.9218 129.207 65.9218C129.823 65.9218 130.321 66.4197 130.321 67.0327C130.321 67.6452 129.823 68.1431 129.207 68.1431C128.591 68.1429 128.092 67.6456 128.092 67.0327ZM129.207 67.8767C129.675 67.8766 130.054 67.4986 130.055 67.0327C130.055 66.5668 129.675 66.1893 129.208 66.1893H129.207C128.74 66.1886 128.361 66.5652 128.36 67.0304V67.0329C128.359 67.4986 128.738 67.8766 129.206 67.8769C129.206 67.8767 129.206 67.8767 129.207 67.8767ZM129.056 67.5206H128.828V66.5451H129.241C129.328 66.5451 129.416 66.5451 129.492 66.5938C129.571 66.647 129.616 66.7412 129.616 66.8385C129.616 66.9476 129.551 67.0499 129.446 67.0897L129.627 67.5206H129.374L129.224 67.1345H129.056L129.056 67.5206ZM129.056 66.9672H129.183C129.23 66.9672 129.28 66.971 129.322 66.948C129.36 66.9241 129.379 66.8793 129.379 66.8362C129.379 66.7989 129.356 66.7558 129.324 66.7374C129.284 66.7123 129.221 66.718 129.178 66.718H129.056V66.9672ZM43.7678 51.636C43.3746 51.5906 43.2015 51.5783 42.9313 51.5783C40.8072 51.5783 39.7319 52.3039 39.7319 53.736C39.7319 54.619 40.2569 55.181 41.0755 55.181C42.6021 55.181 43.7022 53.7333 43.7678 51.636ZM46.493 57.9543H43.388L43.4594 56.4845C42.5122 57.6462 41.2486 58.1983 39.5315 58.1983C37.5003 58.1983 36.1076 56.6185 36.1076 54.3247C36.1076 50.8733 38.5299 48.8596 42.6878 48.8596C43.1124 48.8596 43.6572 48.8979 44.2149 48.9685C44.3313 48.5011 44.3617 48.301 44.3617 48.0494C44.3617 47.1095 43.7086 46.7591 41.9578 46.7591C40.1246 46.7384 38.6124 47.194 37.9915 47.3975C38.0307 47.162 38.5107 44.2077 38.5107 44.2077C40.3784 43.6627 41.6101 43.4576 42.9963 43.4576C46.2142 43.4576 47.9186 44.8961 47.9155 47.6153C47.9217 48.3439 47.8007 49.2429 47.6117 50.4246C47.2863 52.4795 46.5886 56.8812 46.493 57.9543ZM34.5396 57.9543H30.7919L32.9386 44.5507L28.1453 57.9543H25.5915L25.2761 44.6273L23.0196 57.9543H19.5115L22.4419 40.5185H27.8303L28.1572 50.2779L31.4442 40.5185H37.4378L34.5396 57.9543ZM102.805 51.636C102.413 51.5906 102.239 51.5783 101.97 51.5783C99.8467 51.5783 98.7711 52.3039 98.7711 53.736C98.7711 54.619 99.2953 55.181 100.114 55.181C101.641 55.181 102.742 53.7333 102.805 51.636ZM105.532 57.9543H102.428L102.498 56.4845C101.551 57.6462 100.286 58.1983 98.5709 58.1983C96.539 58.1983 95.1478 56.6185 95.1478 54.3247C95.1478 50.8733 97.5684 48.8596 101.727 48.8596C102.152 48.8596 102.696 48.8979 103.253 48.9685C103.369 48.5011 103.4 48.301 103.4 48.0494C103.4 47.1095 102.747 46.7591 100.996 46.7591C99.1632 46.7384 97.6526 47.194 97.0292 47.3975C97.0686 47.162 97.5501 44.2077 97.5501 44.2077C99.418 43.6627 100.649 43.4576 102.033 43.4576C105.253 43.4576 106.957 44.8961 106.954 47.6153C106.96 48.3439 106.839 49.2429 106.65 50.4246C106.327 52.4795 105.627 56.8812 105.532 57.9543ZM63.1497 57.7389C62.124 58.0606 61.3244 58.1983 60.4574 58.1983C58.5415 58.1983 57.4959 57.102 57.4959 55.0833C57.4686 54.4572 57.7715 52.8086 58.0094 51.3039C58.2257 49.9794 59.6344 41.628 59.6344 41.628H63.3596L62.9246 43.7744H65.1746L64.6663 47.1821H62.4082C61.9755 49.8789 61.3594 53.238 61.3522 53.6832C61.3522 54.4141 61.744 54.7331 62.6349 54.7331C63.0621 54.7331 63.3928 54.6898 63.6455 54.5991L63.1497 57.7389ZM74.5711 57.624C73.2915 58.0133 72.0567 58.2017 70.7482 58.1985C66.5784 58.1945 64.4046 56.0259 64.4046 51.8732C64.4046 47.026 67.1699 43.4578 70.9238 43.4578C73.9949 43.4578 75.9565 45.4556 75.9565 48.589C75.9565 49.6286 75.8219 50.6435 75.4974 52.0764H68.0792C67.8284 54.1334 69.1503 54.9903 71.3171 54.9903C72.6507 54.9903 73.8532 54.7164 75.1905 54.0974L74.5711 57.624ZM72.4774 49.2176C72.498 48.9222 72.8724 46.6867 70.7442 46.6867C69.5574 46.6867 68.709 47.5875 68.3634 49.2176H72.4774ZM48.7428 48.2569C48.7428 50.0506 49.6161 51.2873 51.5969 52.2162C53.1146 52.9264 53.3494 53.137 53.3494 53.7806C53.3494 54.6647 52.6801 55.0636 51.1971 55.0636C50.0794 55.0636 49.0394 54.8899 47.8397 54.5045C47.8397 54.5045 47.3469 57.6296 47.3244 57.7791C48.1763 57.9641 48.9359 58.1355 51.2244 58.1985C55.1786 58.1985 57.0047 56.6993 57.0047 53.4591C57.0047 51.5107 56.2403 50.3673 54.363 49.5081C52.7917 48.79 52.6113 48.6296 52.6113 47.9674C52.6113 47.2007 53.234 46.8097 54.4455 46.8097C55.1811 46.8097 56.1859 46.8878 57.1378 47.0228L57.6715 43.734C56.7011 43.5808 55.2299 43.4578 54.3734 43.4578C50.1811 43.4578 48.7299 45.6383 48.7428 48.2569ZM92.7986 43.8305C93.8396 43.8305 94.8099 44.1024 96.1472 44.7726L96.7601 40.9884C96.2113 40.7739 94.2786 39.5139 92.6417 39.5139C90.1336 39.5139 88.0136 40.7529 86.5224 42.798C84.3474 42.0806 83.4534 43.5304 82.3572 44.9746L81.3838 45.2004C81.4574 44.7249 81.5242 44.2525 81.5017 43.7746H78.0601C77.5899 48.1629 76.7565 52.608 76.1042 57.0017L75.9342 57.9545H79.6834C80.3092 53.9059 80.6522 51.3135 80.8605 49.5593L82.2724 48.7772C82.4832 47.9959 83.1434 47.7321 84.4678 47.7639C84.2897 48.7228 84.2007 49.696 84.2019 50.6714C84.2019 55.3103 86.7155 58.1985 90.7499 58.1985C91.7892 58.1985 92.6811 58.0622 94.0617 57.6897L94.7215 53.7144C93.4792 54.3233 92.4597 54.6098 91.5367 54.6098C89.3582 54.6098 88.0399 53.0086 88.0399 50.3618C88.0397 46.5224 90.0005 43.8305 92.7986 43.8305Z' fill='black'/%3e%3cpath d='M35.6172 56.9182H31.8689L34.017 43.5162L29.2237 56.9182H26.6695L26.3537 43.5928L24.0974 56.9182H20.5891L23.5195 39.4846H28.908L29.0595 50.2773L32.6949 39.4846H38.5155L35.6172 56.9182Z' fill='white'/%3e%3cpath d='M124.523 40.519L123.692 45.5567C122.667 44.214 121.567 43.2422 120.113 43.2422C118.222 43.2422 116.501 44.6696 115.374 46.7704C113.805 46.4464 112.183 45.8966 112.183 45.8966L112.182 45.9095C112.308 44.7351 112.359 44.0185 112.348 43.7751H108.905C108.437 48.1635 107.603 52.6085 106.952 57.0023L106.78 57.9551H110.529C111.035 54.6812 111.423 51.9628 111.708 49.807C112.989 48.6549 113.63 47.6495 114.924 47.7166C114.351 49.0964 114.015 50.6854 114.015 52.3156C114.015 55.8606 115.816 58.1991 118.541 58.1991C119.914 58.1991 120.968 57.7276 121.996 56.6346L121.82 57.9528H125.365L128.22 40.519H124.523ZM119.836 54.6781C118.561 54.6781 117.917 53.7381 117.917 51.883C117.917 49.0962 119.123 47.1197 120.823 47.1197C122.11 47.1197 122.807 48.097 122.807 49.8978C122.808 52.7091 121.583 54.6781 119.836 54.6781Z' fill='black'/%3e%3cpath d='M44.8442 50.6029C44.4515 50.5577 44.2777 50.5455 44.0084 50.5455C41.8842 50.5455 40.8096 51.2708 40.8096 52.703C40.8096 53.5846 41.3346 54.1481 42.1519 54.1481C43.6798 54.148 44.78 52.7007 44.8442 50.6029ZM47.5709 56.919H44.4659L44.5365 55.4516C43.5902 56.6109 42.325 57.1654 40.6094 57.1654C38.5773 57.1654 37.1855 55.5857 37.1855 53.2918C37.1855 49.8389 39.6069 47.8263 43.7655 47.8263C44.1904 47.8263 44.7352 47.8646 45.2921 47.9357C45.4082 47.468 45.4386 47.2679 45.4386 47.015C45.4386 46.0751 44.7865 45.7263 43.0355 45.7263C41.2015 45.7056 39.6904 46.1613 39.0684 46.3624C39.1077 46.1276 39.5877 43.1764 39.5877 43.1764C41.4548 42.6291 42.6879 42.4238 44.0725 42.4238C47.2913 42.4238 48.9963 43.8634 48.9932 46.5801C48.9988 47.3116 48.8769 48.2101 48.6886 49.3902C48.3642 51.4439 47.6655 55.8482 47.5709 56.919ZM97.8363 39.9546L97.2225 43.7397C95.8859 43.0703 94.9148 42.7974 93.875 42.7974C91.0767 42.7974 89.1153 45.4894 89.1153 49.3286C89.1153 51.9751 90.434 53.576 92.6121 53.576C93.5352 53.576 94.5536 53.2903 95.7955 52.6804L95.1378 56.6538C93.7563 57.0289 92.8655 57.1654 91.8252 57.1654C87.7913 57.1654 85.2771 54.277 85.2771 49.6382C85.2771 43.4052 88.75 39.0488 93.7171 39.0488C95.353 39.049 97.2867 39.7399 97.8363 39.9546ZM103.883 50.6029C103.49 50.5577 103.317 50.5455 103.047 50.5455C100.924 50.5455 99.8482 51.2708 99.8482 52.703C99.8482 53.5846 100.373 54.1481 101.191 54.1481C102.718 54.148 103.819 52.7007 103.883 50.6029ZM106.61 56.919H103.504L103.575 55.4516C102.628 56.6109 101.363 57.1654 99.648 57.1654C97.6167 57.1654 96.2242 55.5857 96.2242 53.2918C96.2242 49.8389 98.6463 47.8263 102.803 47.8263C103.229 47.8263 103.773 47.8646 104.331 47.9357C104.446 47.468 104.477 47.2679 104.477 47.015C104.477 46.0751 103.825 45.7263 102.074 45.7263C100.241 45.7056 98.7288 46.1613 98.1071 46.3624C98.1463 46.1276 98.6271 43.1764 98.6271 43.1764C100.494 42.6291 101.726 42.4238 103.111 42.4238C106.331 42.4238 108.035 43.8634 108.031 46.5801C108.037 47.3116 107.916 48.2101 107.727 49.3902C107.404 51.4439 106.703 55.8482 106.61 56.919ZM64.2269 56.7042C63.2004 57.0259 62.4007 57.1654 61.5346 57.1654C59.6186 57.1654 58.573 56.069 58.573 54.0507C58.5465 53.4224 58.8494 51.7756 59.0875 50.2711C59.3029 48.9448 60.7117 40.5945 60.7117 40.5945H64.4361L64.0017 42.7415H65.9136L65.4048 46.1477H63.4865C63.0538 48.846 62.4359 52.2024 62.4296 52.6486C62.4296 53.382 62.8223 53.6985 63.7125 53.6985C64.1394 53.6985 64.4698 53.657 64.7229 53.566L64.2269 56.7042ZM75.6484 56.591C74.3696 56.9803 73.133 57.1679 71.8254 57.1654C67.6554 57.1614 65.4817 54.9928 65.4817 50.84C65.4817 45.9913 68.2471 42.424 72.0009 42.424C75.0721 42.424 77.0336 44.4211 77.0336 47.5559C77.0336 48.5963 76.899 49.6112 76.5755 51.0433H69.1573C68.9061 53.1001 70.2282 53.958 72.3952 53.958C73.7278 53.958 74.9313 53.6834 76.2677 53.0626L75.6484 56.591ZM73.5538 48.1823C73.5763 47.8878 73.9498 45.6514 71.8205 45.6514C70.6348 45.6514 69.7861 46.5546 69.4407 48.1823H73.5538ZM49.8192 47.2241C49.8192 49.0174 50.6927 50.2527 52.6734 51.1831C54.1909 51.8932 54.4257 52.1046 54.4257 52.7476C54.4257 53.6317 53.7559 54.0306 52.2744 54.0306C51.1557 54.0306 50.1157 53.8567 48.9154 53.4714C48.9154 53.4714 48.4242 56.5965 48.4019 56.7459C49.2519 56.9311 50.0123 57.1001 52.3007 57.1654C56.2559 57.1654 58.0813 55.6663 58.0813 52.4269C58.0813 50.4775 57.3177 49.3343 55.4394 48.4751C53.8688 47.7555 53.6871 47.5975 53.6871 46.9344C53.6871 46.1684 54.3111 45.7743 55.5219 45.7743C56.2567 45.7743 57.2615 45.8547 58.215 45.9897L58.7479 42.7C57.7784 42.5468 56.3073 42.424 55.4505 42.424C51.2575 42.424 49.8073 44.603 49.8192 47.2241ZM126.444 56.919H122.899L123.075 55.5991C122.047 56.6938 120.993 57.1654 119.62 57.1654C116.895 57.1654 115.095 54.8268 115.095 51.2819C115.095 46.5656 117.887 42.5897 121.193 42.5897C122.646 42.5897 123.747 43.181 124.77 44.5229L125.602 39.4852H129.298L126.444 56.919ZM120.916 53.6428C122.662 53.6428 123.887 51.6737 123.887 48.8646C123.887 47.0636 123.189 46.0863 121.902 46.0863C120.202 46.0863 118.995 48.0619 118.995 50.8496C118.995 52.7043 119.641 53.6428 120.916 53.6428ZM109.985 42.7415C109.516 47.1299 108.682 51.5749 108.031 55.9663L107.859 56.919H111.608C112.948 48.2493 113.273 46.5562 115.375 46.7683C115.71 44.994 116.333 43.4397 116.797 42.6553C115.228 42.3298 114.351 43.2131 113.204 44.891C113.294 44.1658 113.46 43.4613 113.427 42.7415H109.985ZM79.135 42.7415C78.6646 47.1299 77.8311 51.5749 77.1798 55.9663L77.0092 56.919H80.7592C82.098 48.2493 82.4219 46.5562 84.5225 46.7683C84.859 44.994 85.4825 43.4397 85.9455 42.6553C84.3775 42.3298 83.5002 43.2131 82.3536 44.891C82.444 44.1658 82.6084 43.4613 82.5771 42.7415H79.135ZM128.091 55.8091C128.091 55.1937 128.59 54.6985 129.205 54.6985C129.82 54.6979 130.319 55.1939 130.32 55.8063V55.8091C130.32 56.4219 129.821 56.9186 129.205 56.919C128.59 56.9186 128.091 56.4219 128.091 55.8091ZM129.205 56.6524C129.673 56.6526 130.052 56.2752 130.052 55.8097V55.8093C130.053 55.3434 129.674 54.9656 129.206 54.9652H129.205C128.737 54.9654 128.358 55.3432 128.357 55.8093C128.358 56.275 128.737 56.6524 129.205 56.6524ZM129.055 56.2944H128.826V55.3208H129.24C129.326 55.3208 129.415 55.3224 129.49 55.3695C129.57 55.4237 129.615 55.5163 129.615 55.6134C129.615 55.7235 129.55 55.8266 129.445 55.8656L129.626 56.2938H129.372L129.222 55.9093H129.055V56.2938V56.2944ZM129.055 55.7429H129.18C129.227 55.7429 129.279 55.7463 129.321 55.7237C129.358 55.6998 129.377 55.6546 129.377 55.6113C129.376 55.5711 129.355 55.534 129.322 55.511C129.283 55.4886 129.218 55.4947 129.175 55.4947H129.054L129.055 55.7429Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_5173_115320'%3e%3crect width='150' height='95.7447' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
 
-var img = "data:image/svg+xml,%3csvg width='150' height='96' viewBox='0 0 150 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_5173_115335)'%3e%3cpath d='M7.69231 0H142.308C146.556 0 150 3.42938 150 7.65957V88.0851C150 92.3155 146.556 95.7447 142.308 95.7447H7.69231C3.44404 95.7447 0 92.3155 0 88.0851V7.65957C0 3.42938 3.44404 0 7.69231 0Z' fill='%230E4595'/%3e%3cpath d='M56.3845 66.7782L62.8001 29.2922H73.0616L66.6414 66.7782H56.3845ZM103.713 30.1003C101.681 29.3409 98.4947 28.5259 94.5168 28.5259C84.3774 28.5259 77.2351 33.6099 77.1745 40.8967C77.117 46.2833 82.2733 49.2881 86.1653 51.0812C90.1597 52.9186 91.5022 54.0903 91.4833 55.7312C91.4582 58.2437 88.2937 59.3917 85.3445 59.3917C81.2374 59.3917 79.0555 58.8235 75.6855 57.4239L74.3632 56.8284L72.923 65.22C75.3197 66.2663 79.7518 67.1728 84.3533 67.2198C95.1399 67.2198 102.142 62.1939 102.222 54.4126C102.26 50.1483 99.5264 46.9031 93.6062 44.2276C90.0197 42.4937 87.8232 41.3363 87.8464 39.5806C87.8464 38.0224 89.7057 36.3561 93.7228 36.3561C97.0783 36.3044 99.5093 37.033 101.403 37.7922L102.323 38.225L103.713 30.1003ZM130.119 29.2916H122.19C119.734 29.2916 117.895 29.9594 116.817 32.4003L101.577 66.7535H112.353C112.353 66.7535 114.114 62.1342 114.513 61.1202C115.69 61.1202 126.158 61.1363 127.654 61.1363C127.961 62.4486 128.903 66.7535 128.903 66.7535H138.424L130.119 29.2905V29.2916ZM117.539 53.4978C118.387 51.338 121.627 43.0189 121.627 43.0189C121.566 43.1189 122.469 40.8486 122.988 39.4412L123.681 42.6733C123.681 42.6733 125.646 51.6214 126.057 53.4978H117.539ZM47.6733 29.2916L37.6272 54.8555L36.5566 49.6604C34.6864 43.6719 28.8595 37.1839 22.3455 33.9356L31.5312 66.7186L42.3882 66.7064L58.5428 29.2913H47.6733' fill='white'/%3e%3cpath d='M28.254 29.2903H11.7076L11.5767 30.0703C24.4494 33.1731 32.967 40.6717 36.5036 49.6807L32.9055 32.4543C32.2844 30.0808 30.483 29.3725 28.2544 29.2896' fill='%23F2AE14'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_5173_115335'%3e%3crect width='150' height='95.7447' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+var img$1 = "data:image/svg+xml,%3csvg width='150' height='96' viewBox='0 0 150 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_5173_115335)'%3e%3cpath d='M7.69231 0H142.308C146.556 0 150 3.42938 150 7.65957V88.0851C150 92.3155 146.556 95.7447 142.308 95.7447H7.69231C3.44404 95.7447 0 92.3155 0 88.0851V7.65957C0 3.42938 3.44404 0 7.69231 0Z' fill='%230E4595'/%3e%3cpath d='M56.3845 66.7782L62.8001 29.2922H73.0616L66.6414 66.7782H56.3845ZM103.713 30.1003C101.681 29.3409 98.4947 28.5259 94.5168 28.5259C84.3774 28.5259 77.2351 33.6099 77.1745 40.8967C77.117 46.2833 82.2733 49.2881 86.1653 51.0812C90.1597 52.9186 91.5022 54.0903 91.4833 55.7312C91.4582 58.2437 88.2937 59.3917 85.3445 59.3917C81.2374 59.3917 79.0555 58.8235 75.6855 57.4239L74.3632 56.8284L72.923 65.22C75.3197 66.2663 79.7518 67.1728 84.3533 67.2198C95.1399 67.2198 102.142 62.1939 102.222 54.4126C102.26 50.1483 99.5264 46.9031 93.6062 44.2276C90.0197 42.4937 87.8232 41.3363 87.8464 39.5806C87.8464 38.0224 89.7057 36.3561 93.7228 36.3561C97.0783 36.3044 99.5093 37.033 101.403 37.7922L102.323 38.225L103.713 30.1003ZM130.119 29.2916H122.19C119.734 29.2916 117.895 29.9594 116.817 32.4003L101.577 66.7535H112.353C112.353 66.7535 114.114 62.1342 114.513 61.1202C115.69 61.1202 126.158 61.1363 127.654 61.1363C127.961 62.4486 128.903 66.7535 128.903 66.7535H138.424L130.119 29.2905V29.2916ZM117.539 53.4978C118.387 51.338 121.627 43.0189 121.627 43.0189C121.566 43.1189 122.469 40.8486 122.988 39.4412L123.681 42.6733C123.681 42.6733 125.646 51.6214 126.057 53.4978H117.539ZM47.6733 29.2916L37.6272 54.8555L36.5566 49.6604C34.6864 43.6719 28.8595 37.1839 22.3455 33.9356L31.5312 66.7186L42.3882 66.7064L58.5428 29.2913H47.6733' fill='white'/%3e%3cpath d='M28.254 29.2903H11.7076L11.5767 30.0703C24.4494 33.1731 32.967 40.6717 36.5036 49.6807L32.9055 32.4543C32.2844 30.0808 30.483 29.3725 28.2544 29.2896' fill='%23F2AE14'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_5173_115335'%3e%3crect width='150' height='95.7447' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
 
-const styles$k = createStyles({
+const styles$o = createStyles({
   body: theme => ({
     borderTop: `1px solid ${theme.palette.gray.light}`,
     color: theme.palette.black,
@@ -10813,14 +10816,14 @@ const SettingsCard = ({
   verticallyAligned
 }) => {
   return jsxRuntime.jsxs("div", Object.assign({
-    css: verticallyAligned ? styles$k.verticalContainer : styles$k.container,
+    css: verticallyAligned ? styles$o.verticalContainer : styles$o.container,
     "data-testid": "settingsCard"
   }, {
     children: [jsxRuntime.jsxs("div", Object.assign({
-      css: styles$k.header
+      css: styles$o.header
     }, {
       children: [jsxRuntime.jsxs("div", Object.assign({
-        css: styles$k.title
+        css: styles$o.title
       }, {
         children: [typeof title === "string" ? jsxRuntime.jsx(giger.Typography, Object.assign({
           variant: "subtitle2"
@@ -10848,7 +10851,7 @@ const SettingsCard = ({
         }))
       }))]
     })), children && jsxRuntime.jsx("div", Object.assign({
-      css: styles$k.body
+      css: styles$o.body
     }, {
       children: jsxRuntime.jsxs("div", {
         children: [children, accessoryAction && jsxRuntime.jsx(ButtonGroup, Object.assign({
@@ -10869,7 +10872,7 @@ const SettingsCard = ({
   }));
 };
 
-const styles$j = createStyles({
+const styles$n = createStyles({
   container: {
     display: "flex",
     height: "72px",
@@ -10892,14 +10895,14 @@ const WalletCard = ({
   const provider = (_a = fundingSource === null || fundingSource === void 0 ? void 0 : fundingSource.paymentMethod.creditCardInfo) === null || _a === void 0 ? void 0 : _a.provider;
   const last4 = (_b = fundingSource === null || fundingSource === void 0 ? void 0 : fundingSource.paymentMethod.creditCardInfo) === null || _b === void 0 ? void 0 : _b.cardNumberLastFour;
   const logos = {
-    americanExpress: img$3,
-    discover: img$2,
-    mastercard: img$1,
-    visa: img
+    americanExpress: img$4,
+    discover: img$3,
+    mastercard: img$2,
+    visa: img$1
   };
   const Logo = provider ? logos[provider] : undefined;
   return jsxRuntime.jsx("div", Object.assign({
-    css: styles$j.container
+    css: styles$n.container
   }, {
     children: jsxRuntime.jsx(SettingsCard, {
       cardAction: {
@@ -10913,7 +10916,7 @@ const WalletCard = ({
           src: Logo,
           width: 56
         }) : jsxRuntime.jsx(giger.Icon, {
-          css: styles$j.icon,
+          css: styles$n.icon,
           name: gigerTheme.IconNames.CREDIT_CARD,
           size: giger.IconSize.SIZE_LARGE
         }), jsxRuntime.jsx(giger.Typography, Object.assign({
@@ -11016,7 +11019,7 @@ var SvgShipengineLogo = function SvgShipengineLogo(props) {
   })))));
 };
 
-const styles$i = createStyles({
+const styles$m = createStyles({
   poweredByShipEngine: theme => ({
     alignItems: "center",
     color: theme.palette.gray.light,
@@ -11041,7 +11044,7 @@ const PoweredByShipEngine = () => {
     t
   } = reactI18next.useTranslation();
   return jsxRuntime.jsxs("div", Object.assign({
-    css: styles$i.poweredByShipEngine
+    css: styles$m.poweredByShipEngine
   }, {
     children: [jsxRuntime.jsx(giger.Typography, Object.assign({
       variant: "body2"
@@ -11096,9 +11099,9 @@ const StoryNotes = ({
   }), children]
 });
 
-const styles$h = createStyles({
+const styles$l = createStyles({
   container: theme => ({
-    border: `1px solid ${theme.palette.gray.light}`,
+    border: "1px solid #E4E5E7",
     borderRadius: "4px",
     display: "flex",
     gap: theme.spacing(1),
@@ -11106,7 +11109,7 @@ const styles$h = createStyles({
     width: "max-content"
   }),
   getTabStyles: selected => theme => ({
-    backgroundColor: selected ? theme.palette.gray.light : "transparent",
+    backgroundColor: selected ? "#E4E5E7" : "transparent",
     border: "none",
     borderRadius: "4px",
     color: selected ? theme.palette.black : theme.palette.gray.main,
@@ -11123,12 +11126,12 @@ const Tabs = ({
   selectedTab
 }) => {
   return jsxRuntime.jsx("div", Object.assign({
-    css: styles$h.container,
+    css: styles$l.container,
     role: "tablist"
   }, {
     children: tabs.map(tab => jsxRuntime.jsx("button", Object.assign({
       "aria-selected": selectedTab === tab ? "true" : "false",
-      css: styles$h.getTabStyles(selectedTab === tab),
+      css: styles$l.getTabStyles(selectedTab === tab),
       onClick: e => {
         e.preventDefault();
         onSelectTab(tab);
@@ -11141,7 +11144,7 @@ const Tabs = ({
   }));
 };
 
-const styles$g = createStyles({
+const styles$k = createStyles({
   link: theme => ({
     "&:visited": {
       color: theme.palette.secondary.main
@@ -11180,10 +11183,10 @@ const DisplayCarrierTerms = props => {
   const listCarrierLinks = () => {
     return props.carrierTerms.links.map((term, index) => {
       return jsxRuntime.jsx("li", Object.assign({
-        css: styles$g.listItems
+        css: styles$k.listItems
       }, {
         children: jsxRuntime.jsx(giger.Link, Object.assign({
-          css: styles$g.link,
+          css: styles$k.link,
           href: term.url,
           isExternal: true,
           target: "_blank"
@@ -11202,18 +11205,18 @@ const DisplayCarrierTerms = props => {
       children: [jsxRuntime.jsx(Spacer, {
         multiplier: 3
       }), jsxRuntime.jsxs("div", Object.assign({
-        css: styles$g.terms
+        css: styles$k.terms
       }, {
         children: [jsxRuntime.jsx(giger.Typography, Object.assign({
           variant: "subtitle1"
         }, {
           children: props.carrierTerms.title
         })), !!listCarrierContent().length && jsxRuntime.jsx("div", Object.assign({
-          css: styles$g.terms
+          css: styles$k.terms
         }, {
           children: listCarrierContent()
         })), jsxRuntime.jsx("ul", Object.assign({
-          css: styles$g.links
+          css: styles$k.links
         }, {
           children: listCarrierLinks()
         }))]
@@ -11363,7 +11366,7 @@ const AddCarrierForm = ({
   }));
 };
 
-const styles$f = createStyles({
+const styles$j = createStyles({
   container: {
     display: "flex",
     flexDirection: "column"
@@ -11423,14 +11426,14 @@ const ListCarriersRow = ({
     setIsSubmitting(false);
   });
   return jsxRuntime.jsxs("div", Object.assign({
-    css: styles$f.container,
+    css: styles$j.container,
     "data-testid": "carrier-row"
   }, {
     children: [jsxRuntime.jsxs("div", Object.assign({
-      css: styles$f.rowContainer
+      css: styles$j.rowContainer
     }, {
       children: [jsxRuntime.jsxs("div", Object.assign({
-        css: styles$f.logoContainer
+        css: styles$j.logoContainer
       }, {
         children: [jsxRuntime.jsx("div", {
           children: jsxRuntime.jsx("img", {
@@ -11448,7 +11451,7 @@ const ListCarriersRow = ({
         css: _ref
       }, {
         children: jsxRuntime.jsx(LinkAction, {
-          css: styles$f.getConnectButton(isConnected),
+          css: styles$j.getConnectButton(isConnected),
           isDisabled: isConnected || showDropDown,
           isLoading: isSubmitting,
           onClick: () => __awaiter(void 0, void 0, void 0, function* () {
@@ -11466,7 +11469,7 @@ const ListCarriersRow = ({
   }));
 };
 
-const styles$e = createStyles({
+const styles$i = createStyles({
   carriersList: theme => ({
     "& > li:not(:last-of-type)": {
       borderBottom: `1px solid ${theme.palette.gray.light}`
@@ -11526,7 +11529,7 @@ const ListCarriers = ({
         }))
       })), jsxRuntime.jsx(Spacer, {})]
     }), jsxRuntime.jsx("ul", Object.assign({
-      css: styles$e.carriersList,
+      css: styles$i.carriersList,
       "data-testid": "carriers-list"
     }, {
       children: isLoading ? jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -11548,11 +11551,11 @@ const ListCarriers = ({
 };
 const LoadingSkeletonRow = () => {
   return jsxRuntime.jsxs("div", Object.assign({
-    css: styles$e.skeletonRow,
+    css: styles$i.skeletonRow,
     "data-testid": "skeleton-carrier-row"
   }, {
     children: [jsxRuntime.jsxs("div", Object.assign({
-      css: styles$e.skeletonLogoContainer
+      css: styles$i.skeletonLogoContainer
     }, {
       children: [jsxRuntime.jsx(giger.Skeleton, {
         animation: giger.SkeletonAnimation.WAVE,
@@ -11897,7 +11900,7 @@ const WarehouseForm = ({
   }));
 };
 
-const styles$d = createStyles({
+const styles$h = createStyles({
   cardSpacing: theme => ({
     display: "flex",
     flexDirection: "column",
@@ -11927,9 +11930,9 @@ const ManageWarehouses = ({
   const [showAddNewWarehouseForm, toggleShowAddNewWarehouseForm] = useToggle(false);
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [showAddNewWarehouseForm ? jsxRuntime.jsx(AddressPreferenceProvider, Object.assign({
-      css: styles$d.well,
+      css: styles$h.well,
       formHeader: jsxRuntime.jsxs("div", Object.assign({
-        css: styles$d.header
+        css: styles$h.header
       }, {
         children: [jsxRuntime.jsx(giger.Typography, Object.assign({
           variant: "subtitle1"
@@ -11974,14 +11977,14 @@ const ManageWarehouses = ({
         })]
       }))
     })), jsxRuntime.jsx("div", Object.assign({
-      css: styles$d.cardSpacing
+      css: styles$h.cardSpacing
     }, {
       children: warehouses.map(warehouse => {
         if (editWarehouseId && editWarehouseId === warehouse.warehouseId) {
           return jsxRuntime.jsx(AddressPreferenceProvider, Object.assign({
-            css: styles$d.well,
+            css: styles$h.well,
             formHeader: jsxRuntime.jsxs("div", Object.assign({
-              css: styles$d.header
+              css: styles$h.header
             }, {
               children: [jsxRuntime.jsx(giger.Typography, Object.assign({
                 variant: "subtitle1"
@@ -12146,64 +12149,876 @@ var manageWarehouses$1 = /*#__PURE__*/Object.freeze({
 	Component: Component$6
 });
 
-const LabelLayoutPurchase = ({
-  onChange
-}) => {
-  const {
-    t
-  } = reactI18next.useTranslation(["common", "manage-defaults"]);
-  const [layout, setLayout] = React.useState("4x6");
-  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [jsxRuntime.jsx(giger.InlineNotification, Object.assign({
-      title: t("manage-defaults:label.purchase.title"),
-      type: giger.NotificationType.INFO
-    }, {
-      children: t("manage-defaults:label.purchase.description")
-    })), jsxRuntime.jsx(Spacer, {
-      multiplier: 1.5
-    }), jsxRuntime.jsxs(giger.RadioGroup, Object.assign({
-      name: "labelLayout",
-      onChange: e => {
-        setLayout(e.target.value);
-        onChange(e.target.value);
-      },
-      value: layout
-    }, {
-      children: [jsxRuntime.jsx(giger.Radio, Object.assign({
-        value: "Letter"
-      }, {
-        children: jsxRuntime.jsx(giger.Typography, Object.assign({
-          bold: true
-        }, {
-          children: t("manage-defaults:label.letter.title")
-        }))
-      })), jsxRuntime.jsx(Spacer, {
-        multiplier: 3
-      }), jsxRuntime.jsx(giger.Radio, Object.assign({
-        value: "4x6"
-      }, {
-        children: jsxRuntime.jsx(giger.Typography, Object.assign({
-          bold: true
-        }, {
-          children: t("manage-defaults:label.thermal.title")
-        }))
-      }))]
-    }))]
-  });
-};
+var $$6 = _export;
+var DESCRIPTORS$1 = descriptors;
+var global$8 = global$p;
+var uncurryThis$1 = functionUncurryThis;
+var hasOwn$1 = hasOwnProperty_1;
+var isCallable$4 = isCallable$o;
+var isPrototypeOf$1 = objectIsPrototypeOf;
+var toString = toString$c;
+var defineProperty = objectDefineProperty.f;
+var copyConstructorProperties = copyConstructorProperties$2;
 
-const styles$c = createStyles({
-  button: theme => ({
-    backgroundColor: "transparent",
-    padding: 0
-  }),
-  buttonContainer: theme => ({
-    alignItems: "center",
-    display: "flex",
-    justifyContent: "left"
-  }),
-  icon: theme => ({
-    color: theme.palette.secondary.main,
+var NativeSymbol = global$8.Symbol;
+var SymbolPrototype = NativeSymbol && NativeSymbol.prototype;
+
+if (DESCRIPTORS$1 && isCallable$4(NativeSymbol) && (!('description' in SymbolPrototype) ||
+  // Safari 12 bug
+  NativeSymbol().description !== undefined
+)) {
+  var EmptyStringDescriptionStore = {};
+  // wrap Symbol constructor for correct work with undefined description
+  var SymbolWrapper = function Symbol() {
+    var description = arguments.length < 1 || arguments[0] === undefined ? undefined : toString(arguments[0]);
+    var result = isPrototypeOf$1(SymbolPrototype, this)
+      ? new NativeSymbol(description)
+      // in Edge 13, String(Symbol(undefined)) === 'Symbol(undefined)'
+      : description === undefined ? NativeSymbol() : NativeSymbol(description);
+    if (description === '') EmptyStringDescriptionStore[result] = true;
+    return result;
+  };
+
+  copyConstructorProperties(SymbolWrapper, NativeSymbol);
+  SymbolWrapper.prototype = SymbolPrototype;
+  SymbolPrototype.constructor = SymbolWrapper;
+
+  var NATIVE_SYMBOL = String(NativeSymbol('test')) == 'Symbol(test)';
+  var thisSymbolValue = uncurryThis$1(SymbolPrototype.valueOf);
+  var symbolDescriptiveString = uncurryThis$1(SymbolPrototype.toString);
+  var regexp = /^Symbol\((.*)\)[^)]+$/;
+  var replace = uncurryThis$1(''.replace);
+  var stringSlice = uncurryThis$1(''.slice);
+
+  defineProperty(SymbolPrototype, 'description', {
+    configurable: true,
+    get: function description() {
+      var symbol = thisSymbolValue(this);
+      if (hasOwn$1(EmptyStringDescriptionStore, symbol)) return '';
+      var string = symbolDescriptiveString(symbol);
+      var desc = NATIVE_SYMBOL ? stringSlice(string, 7, -1) : replace(string, regexp, '$1');
+      return desc === '' ? undefined : desc;
+    }
+  });
+
+  $$6({ global: true, constructor: true, forced: true }, {
+    Symbol: SymbolWrapper
+  });
+}
+
+var img = "data:image/svg+xml,%3csvg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M22.9425 6.62223L18.63 5.81973C18.4275 5.78223 18.2325 5.91723 18.195 6.11973L17.3925 10.4322C17.355 10.6347 17.49 10.8297 17.6925 10.8672C17.715 10.8672 17.7375 10.8672 17.76 10.8672C17.94 10.8672 18.0975 10.7397 18.1275 10.5597L18.765 7.13973C21.15 10.3872 20.8125 14.9472 17.9475 17.8047C15.3225 20.4297 11.25 20.9697 8.04001 19.1247C7.86001 19.0197 7.63501 19.0797 7.53001 19.2597C7.42501 19.4397 7.49251 19.6647 7.66501 19.7697C9.05251 20.5722 10.5975 20.9622 12.1275 20.9622C14.4525 20.9622 16.755 20.0622 18.48 18.3372C21.5925 15.2247 21.9675 10.2597 19.3875 6.71973L22.8 7.34973C22.995 7.38723 23.1975 7.25223 23.235 7.04973C23.2725 6.84723 23.1375 6.65223 22.935 6.61473L22.9425 6.62223Z' fill='black' /%3e %3cpath d='M6.30022 12.7798C6.09772 12.7423 5.90272 12.8773 5.86522 13.0798L5.24272 16.4548C3.15022 13.2223 3.60022 8.91728 6.33022 6.18728C8.85022 3.66728 12.6752 3.05228 15.8477 4.65728C16.0277 4.74728 16.2602 4.67978 16.3502 4.49228C16.4402 4.30478 16.3727 4.07978 16.1852 3.98978C12.7202 2.23478 8.54272 2.90978 5.79772 5.65478C2.79022 8.66228 2.31772 13.3948 4.65022 16.9273L1.19272 16.2898C0.990221 16.2523 0.795221 16.3873 0.757721 16.5898C0.720221 16.7923 0.855221 16.9873 1.05772 17.0248L5.37022 17.8273C5.37022 17.8273 5.41522 17.8273 5.43772 17.8273C5.61772 17.8273 5.77522 17.6998 5.80522 17.5198L6.60772 13.2073C6.64522 13.0048 6.51022 12.8098 6.30772 12.7723L6.30022 12.7798Z' fill='black' /%3e %3cpath d='M15.0824 13.2223C14.9249 12.9373 14.7224 12.6973 14.4674 12.4948C14.2124 12.2998 13.9349 12.1348 13.6274 11.9998C13.3199 11.8648 13.0124 11.7598 12.7124 11.6773L12.3149 11.5648V7.87482C12.8324 7.91232 13.2749 8.06232 13.6349 8.33232C14.0549 8.64732 14.2874 9.07482 14.3399 9.60732H15.1874C15.1724 9.11982 15.0224 8.68482 14.7524 8.30232C14.4824 7.91982 14.1149 7.61982 13.6574 7.40232C13.2599 7.21482 12.8099 7.12482 12.3149 7.09482V6.31482C12.3149 6.14232 12.1799 6.00732 12.0074 6.00732C11.8349 6.00732 11.6999 6.14232 11.6999 6.31482V7.10982C11.2649 7.14732 10.8449 7.22982 10.4774 7.40232C10.0049 7.61982 9.62988 7.92732 9.35238 8.31732C9.07488 8.70732 8.93988 9.16482 8.93988 9.67482C8.93988 10.2898 9.14988 10.7998 9.56238 11.1898C9.97488 11.5798 10.5599 11.8948 11.3174 12.1198L11.6999 12.2323V16.1323C11.3849 16.1098 11.0849 16.0573 10.8224 15.9523C10.4699 15.8173 10.1849 15.6148 9.96738 15.3523C9.74988 15.0898 9.62238 14.7673 9.59238 14.3923V14.3323C9.59238 14.0848 9.38988 13.8823 9.14238 13.8823C8.89488 13.8823 8.69238 14.0848 8.69238 14.3323V14.3923C8.72988 14.8948 8.87988 15.3448 9.15738 15.7273C9.43488 16.1098 9.80988 16.4098 10.2899 16.6273C10.6949 16.8073 11.1749 16.8973 11.6999 16.9273V17.6848C11.6999 17.8573 11.8349 17.9923 12.0074 17.9923C12.1799 17.9923 12.3149 17.8573 12.3149 17.6848V16.9348C12.8699 16.9048 13.3574 16.7923 13.7774 16.5898C14.2724 16.3498 14.6549 16.0273 14.9174 15.6148C15.1799 15.2023 15.3149 14.7448 15.3149 14.2348C15.3149 13.8373 15.2399 13.4923 15.0824 13.2073V13.2223ZM11.0099 11.1448C10.7849 11.0473 10.5749 10.9348 10.3949 10.7923C10.2074 10.6573 10.0574 10.4923 9.95238 10.3048C9.84738 10.1173 9.78738 9.89232 9.78738 9.63732C9.78738 9.29232 9.88488 8.98482 10.0724 8.71482C10.2674 8.44482 10.5299 8.23482 10.8674 8.07732C11.1149 7.96482 11.3924 7.91232 11.6924 7.88232V11.3848C11.4599 11.3173 11.2349 11.2348 11.0024 11.1373L11.0099 11.1448ZM14.1449 15.2473C13.9274 15.5398 13.6349 15.7648 13.2674 15.9223C12.9824 16.0423 12.6599 16.1023 12.3149 16.1323V12.4198L12.4649 12.4648C12.8624 12.5773 13.2074 12.7123 13.5149 12.8623C13.8149 13.0123 14.0549 13.1998 14.2199 13.4173C14.3849 13.6348 14.4749 13.9123 14.4749 14.2348C14.4749 14.6173 14.3699 14.9548 14.1524 15.2473H14.1449Z' fill='black' /%3e %3cpath d='M14.7525 10.0796C14.985 10.0796 15.1725 9.89211 15.1725 9.65961V9.59961H14.3325V9.65961C14.3325 9.89211 14.52 10.0796 14.7525 10.0796Z' fill='black' /%3e%3c/svg%3e";
+
+const styles$g = ({
+  variant,
+  spacing
+}) => createStyles({
+  labelContainer: theme => ({
+    alignItems: "center",
+    display: "flex",
+    flexDirection: variant === "subtitle" ? "column" : variant === "inline" ? "row" : "row-reverse",
+    gap: typeof spacing === "number" ? theme.spacing(spacing) : theme.spacing(1),
+    justifyContent: typeof spacing === "string" && spacing === "spread" ? "space-between;" : "flex-start"
+  })
+});
+
+const Label$1 = ({
+  spacing,
+  children,
+  text,
+  textProps,
+  variant
+}) => {
+  return jsxRuntime.jsxs("div", Object.assign({
+    css: styles$g({
+      spacing,
+      variant
+    }).labelContainer
+  }, {
+    children: [jsxRuntime.jsx(giger.Typography, Object.assign({}, textProps, {
+      children: text
+    })), children]
+  }));
+};
+
+const styles$f = createStyles({
+  chevronTypography: theme => ({
+    color: theme.palette.secondary.main
+  }),
+  detailsBottomContainer: theme => ({
+    backgroundColor: theme.palette.white,
+    padding: "8px"
+  }),
+  detailsRow: {
+    display: "flex",
+    justifyContent: "space-between"
+  },
+  detailsTypography: theme => ({
+    color: theme.palette.black
+  }),
+  headingContainer: {
+    alignItems: "center",
+    display: "flex",
+    justifyContent: "space-between"
+  },
+  loadingStateContainer: theme => ({
+    display: "flex",
+    flexDirection: "column",
+    rowGap: theme.spacing(2)
+  })
+});
+
+// TODO: Uncomment the following code once we have a way to get the original shipment info for adjustments
+// const LoadingState = () => (
+//   <div css={styles.loadingStateContainer}>
+//     {[200, 160, 200].map((leftSkeletonWidth, index) => (
+//       <Spread key={`spread-${index}`}>
+//         <Skeleton
+//           animation={SkeletonAnimation.WAVE}
+//           height={24}
+//           variant={SkeletonVariant.RECT}
+//           width={leftSkeletonWidth}
+//         />
+//
+//         <Skeleton
+//           animation={SkeletonAnimation.WAVE}
+//           height={24}
+//           variant={SkeletonVariant.RECT}
+//           width={80}
+//         />
+//       </Spread>
+//     ))}
+//   </div>
+// );
+//
+// const ErrorState = () => <ErrorDisplay />;
+//
+// // replace type call with its alchemy version - lmnt-936
+// const SuccessState = ({ adjustment }: { adjustment: WalletAdjustment }) => {
+//   const commonStylingProps: {
+//     spacing: LabelProps["spacing"];
+//     textProps: LabelProps["textProps"];
+//     variant: LabelProps["variant"];
+//   } = {
+//     spacing: "spread",
+//     textProps: { css: styles.detailsTypography, variant: "body2" },
+//     variant: "inline",
+//   };
+//
+//   const { adjustmentId, originalShipment, actualShipment, trackingNumber } = adjustment;
+//
+//   return (
+//     <div>
+//       <div>
+//         <Label text="Original Weight" {...commonStylingProps}>
+//           <Typography css={styles.detailsTypography} variant="body2">
+//             {`${originalShipment.weight.value} ${originalShipment.weight.unit}.`}
+//           </Typography>
+//         </Label>
+//
+//         <Label text="Actual Weight" {...commonStylingProps}>
+//           <Typography css={styles.detailsTypography} variant="body2">
+//             {`${actualShipment.weight.value} ${actualShipment.weight.unit}.`}
+//           </Typography>
+//         </Label>
+//
+//         <Spacer multiplier={2} />
+//
+//         <Label text="Adjustment ID" {...commonStylingProps}>
+//           <Typography css={styles.detailsTypography} variant="body2">
+//             {adjustmentId}
+//           </Typography>
+//         </Label>
+//
+//         <Label text="Tracking Number" {...commonStylingProps}>
+//           <Typography css={styles.detailsTypography} variant="body2">
+//             {trackingNumber}
+//           </Typography>
+//         </Label>
+//       </div>
+//
+//       <Spacer multiplier={2} />
+//
+//       <div css={styles.detailsBottomContainer}>
+//         <Label text="Quoted Amount" {...commonStylingProps}>
+//           <Typography css={styles.detailsTypography} variant="body2">
+//             $10.00
+//           </Typography>
+//         </Label>
+//
+//         <Label text="Amount Paid" {...commonStylingProps}>
+//           <Typography css={styles.detailsTypography} variant="body2">
+//             $9.00
+//           </Typography>
+//         </Label>
+//
+//         <Label text="Adjustment" {...commonStylingProps}>
+//           <Typography css={styles.detailsTypography} variant="body2">
+//             +$1.00
+//           </Typography>
+//         </Label>
+//       </div>
+//     </div>
+//   );
+// };
+const HistoryCardExtension = ({
+  transactionDetails
+}) => {
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const [isOpen, setIsOpen] = React.useState(false);
+  return jsxRuntime.jsxs("div", {
+    children: [jsxRuntime.jsx(Spacer, {
+      multiplier: 2
+    }), jsxRuntime.jsx(giger.Divider, {}), jsxRuntime.jsx(Spacer, {
+      multiplier: 1
+    }), jsxRuntime.jsxs("div", {
+      children: [jsxRuntime.jsxs("div", Object.assign({
+        css: styles$f.headingContainer
+      }, {
+        children: [jsxRuntime.jsx(giger.Typography, Object.assign({
+          css: styles$f.detailsTypography,
+          variant: "body2"
+        }, {
+          children: t("wallet-history:details.inaccurateWeight")
+        })), jsxRuntime.jsx("div", Object.assign({
+          onClick: () => setIsOpen(!isOpen)
+        }, {
+          children: isOpen ? jsxRuntime.jsx(giger.Icon, {
+            css: styles$f.chevronTypography,
+            name: gigerTheme.IconNames.CHEVRON_TOP
+          }) : jsxRuntime.jsx(giger.Icon, {
+            css: styles$f.chevronTypography,
+            name: gigerTheme.IconNames.CHEVRON_BOTTOM
+          })
+        }))]
+      })), isOpen && jsxRuntime.jsx(Spacer, {
+        multiplier: 1
+      }), isOpen && jsxRuntime.jsx(giger.Typography, Object.assign({
+        css: styles$f.detailsTypography,
+        variant: "body2"
+      }, {
+        children: transactionDetails
+      }))]
+    })]
+  });
+};
+
+const styles$e = createStyles({
+  balanceTypography: theme => ({
+    color: theme.palette.gray.main,
+    marginLeft: "auto"
+  }),
+  cardColumn: theme => ({
+    "&:last-child": {
+      alignItems: "flex-end"
+    },
+    alignItems: "flex-start",
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "space-between",
+    rowGap: `${theme.spacing(1)}px`
+  }),
+  cardContainer: theme => ({
+    display: "flex",
+    justifyContent: "space-between"
+    // padding: `${theme.spacing(2)}px ${theme.spacing(2)}px`,
+  }),
+
+  carrierTypography: theme => ({
+    color: theme.palette.black,
+    fontSize: theme.typography.fontSize.M,
+    fontWeight: 500
+  }),
+  dateTypography: theme => ({
+    color: theme.palette.black
+  }),
+  getAmountTypography: isReload => theme => ({
+    color: isReload ? theme.palette.success.main : theme.palette.black,
+    fontSize: "16px",
+    marginLeft: "auto"
+  }),
+  getTransactionTypeTypography: transactionType => theme => ({
+    color: transactionType === "reload" ? theme.palette.success.main : transactionType === "adjustment" ? theme.palette.alert.main : theme.palette.black,
+    textTransform: "capitalize"
+  }),
+  transactionDetails: theme => ({
+    alignItems: "center",
+    columnGap: theme.spacing(1),
+    display: "flex"
+  })
+});
+
+const HistoryCard = ({
+  carrier,
+  transaction
+}) => {
+  const {
+    transactionCategory,
+    transactionDate,
+    transactionAmount,
+    endingBalance,
+    description: transactionDescription
+  } = transaction;
+  const deriveCurrencySymbol = currency => {
+    if (["USD", "usd"].includes(currency)) return "$";
+    if (["EUR", "eur"].includes(currency)) return "€";
+    if (["GBP", "gbp"].includes(currency)) return "£";
+    return "¤";
+  };
+  /**
+   *  This function derives the transaction with currency symbol as a string. All this logic below
+   *  is needed because the transaction history endpoint returns a minus symbol along with the
+   *  value that was deducted from the users balance. However, this is not the case for a value that
+   *  was added to the balance (e.g. the shipper paid too much for their shipment), where we would
+   *  expect that a plus sign was sent along with the value adjusted on the account.
+   *
+   *  The following logic ensures that the correct mathematical symbol is displayed for each transaction
+   *  per the figma designs for this view. _If only we could get a plus symbol from the API when
+   *  an additive operation is performed on the users balance_.
+   *
+   *  Example usage:
+   *
+   * ```typescript
+   * const moneyAsString = deriveTransactionSymbolWithAmount("adjustment", { amount: 15, currency: "USD" });
+   *
+   * => "+$15.00"
+   *
+   * OR
+   *
+   * const moneyAsString = deriveTransactionSymbolWithAmount("funds_added", { amount: -55, currency: "GBP" });
+   *
+   * => "-£55.00"
+   *
+   * ```
+   */
+  const deriveTransactionSymbolWithAmount = (category, transactionAmount) => {
+    const transactionFirstChar = transactionAmount.amount.toFixed(2).charAt(0);
+    const transactionSymbol = transactionFirstChar === "-" || transactionFirstChar === "+" ? transactionFirstChar : "";
+    const amountTrimmedOfSymbol = transactionAmount.amount.toFixed(2).replace("-", "");
+    const localizedCurrency = deriveCurrencySymbol(transactionAmount.currency);
+    const withDynamicMathematicalSymbol = `${transactionSymbol}${localizedCurrency}${amountTrimmedOfSymbol}`;
+    const withStaticMathematicalSymbol = `${localizedCurrency}${amountTrimmedOfSymbol}`;
+    if (["adjustment", "unknown"].includes(category)) {
+      return !["-", "+"].includes(transactionSymbol) ? `+${withDynamicMathematicalSymbol}` : withDynamicMathematicalSymbol;
+    }
+    if (["credit", "funds_added", "refund"].includes(category)) return `+${withStaticMathematicalSymbol}`;
+    if (["debit", "insurance", "label", "service_charge"].includes(category)) return `-${withStaticMathematicalSymbol}`;
+    return null;
+  };
+  return (
+    // Note: div wrapper with padding to be removed with the implementation of Card UI Component
+    jsxRuntime.jsxs("div", Object.assign({
+      css: {
+        padding: "16px"
+      }
+    }, {
+      children: [jsxRuntime.jsxs("div", Object.assign({
+        css: styles$e.cardContainer
+      }, {
+        children: [jsxRuntime.jsxs("div", Object.assign({
+          css: styles$e.cardColumn
+        }, {
+          children: [jsxRuntime.jsx(Label$1, Object.assign({
+            text: transactionCategory === "funds_added" ? "Balance Funded" : carrier,
+            textProps: {
+              css: styles$e.carrierTypography
+            },
+            variant: "inline-right"
+          }, {
+            children: transactionCategory === "funds_added" ? jsxRuntime.jsx("img", {
+              alt: "refund logo",
+              height: 24,
+              src: img,
+              width: 24
+            }) : jsxRuntime.jsx("img", {
+              alt: "carrier logo",
+              height: 24,
+              src: `https://logos.shipstation.com/ipaas/carriers/${overrideCarrierCodes$1(carrier, {
+                DHL: "dhl_express",
+                FedEx: "fedex",
+                UPS: "ups",
+                USPS: "stamps_com_wl"
+              })}/icon.svg`,
+              width: 24
+            })
+          })), jsxRuntime.jsxs("div", Object.assign({
+            css: styles$e.transactionDetails
+          }, {
+            children: [jsxRuntime.jsx(giger.Typography, Object.assign({
+              css: styles$e.dateTypography,
+              variant: "body2"
+            }, {
+              children: new Date(transactionDate).toLocaleDateString("en-US", {
+                day: "numeric",
+                month: "2-digit",
+                year: "2-digit"
+              })
+            })), jsxRuntime.jsx(giger.Typography, Object.assign({
+              css: styles$e.getTransactionTypeTypography(transactionCategory),
+              variant: "small"
+            }, {
+              children: transactionCategory
+            }))]
+          }))]
+        })), jsxRuntime.jsx("div", Object.assign({
+          css: styles$e.cardColumn
+        }, {
+          children: jsxRuntime.jsx(Label$1, Object.assign({
+            spacing: "spread",
+            text: deriveTransactionSymbolWithAmount(transactionCategory, transactionAmount),
+            textProps: {
+              css: styles$e.getAmountTypography(transactionCategory === "funds_added")
+            },
+            variant: "subtitle"
+          }, {
+            children: jsxRuntime.jsx(giger.Typography, Object.assign({
+              css: styles$e.balanceTypography,
+              variant: "small"
+            }, {
+              children: `$${endingBalance.amount.toFixed(2)}`
+            }))
+          }))
+        }))]
+      })), transactionCategory === "adjustment" && jsxRuntime.jsx(HistoryCardExtension, {
+        transactionDetails: transactionDescription
+      })]
+    }))
+  );
+};
+
+const styles$d = createStyles({
+  action: theme => ({
+    minWidth: theme.spacing(30),
+    placeContent: "center",
+    width: theme.spacing(30)
+  }),
+  displayStateContainer: theme => ({
+    "& > *:not(:last-child)::after": {
+      borderBottom: `1px solid ${theme.palette.gray.light}`,
+      content: '""',
+      display: "block",
+      width: "100%"
+    },
+    border: `1px solid ${theme.palette.gray.light}`,
+    display: "flex",
+    flexDirection: "column",
+    listStyle: "none"
+  }),
+  emptyStateContainer: theme => ({
+    backgroundColor: theme.palette.gray.ultraLight,
+    padding: theme.spacing(2),
+    textAlign: "center"
+  }),
+  gridContainer: theme => ({
+    display: "flex",
+    justifyContent: "space-between",
+    placeItems: "center"
+  }),
+  linkAction: {
+    margin: "0.5rem auto",
+    textAlign: "end"
+  },
+  pagination: theme => ({
+    "&& button": {
+      background: "none"
+    },
+    "&& button[aria-current='step']": {
+      background: theme.palette.white
+    },
+    textAlign: "center"
+  }),
+  skeletonCard: theme => ({
+    backgroundColor: theme.palette.gray.dark,
+    display: "flex",
+    justifyContent: "space-between",
+    padding: theme.spacing(2)
+  }),
+  skeletonCardColumnLeft: {
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "space-between"
+  },
+  skeletonCardColumnRight: theme => ({
+    alignItems: "flex-end",
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "space-between",
+    rowGap: theme.spacing(2)
+  }),
+  skeletonCardList: theme => ({
+    display: "flex",
+    flexDirection: "column",
+    rowGap: theme.spacing(2.25)
+  }),
+  skeletonCardLogo: theme => ({
+    alignItems: "center",
+    columnGap: theme.spacing(2),
+    display: "flex"
+  }),
+  skeletonCardTransactionRow: theme => ({
+    columnGap: "8px",
+    display: "flex"
+  }),
+  skeletonPagination: theme => ({
+    alignItems: "center",
+    display: "flex",
+    justifyContent: "space-between",
+    marginLeft: "auto",
+    marginRight: "auto",
+    maxWidth: "16rem"
+  }),
+  transactionTypeSelect: {
+    height: "3.25rem",
+    width: "15rem"
+  }
+});
+
+/**
+ * @namespace WalletHistory
+ *
+ * # Wallet History
+ */
+const WalletHistory = () => {
+  var _a;
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const [currentPage, setCurrentPage] = React.useState(1);
+  const [dateRangeOptions, {
+    last30days
+  }] = useDateRangeOptions();
+  const [selectedOption, setSelectedOption] = React.useState(last30days);
+  const [customRange, setCustomRange] = React.useState();
+  const [selectedTransactionType, setSelectedTransactionType] = React.useState();
+  // TODO: Once we are able to get transactions from the API for US transactions we will need to re-work the way
+  // we attempt to allow users to select a custom date range to fetch transactions for. The endpoint does
+  // not work with date ranges and instead takes in a date to sort transactions by.
+  // const queryRange = useMemo(
+  //   () =>
+  //     selectedOption && selectedOption.value === "custom" && customRange
+  //       ? customRange
+  //       : selectedOption?.range,
+  //   [customRange, selectedOption]
+  // );
+  const {
+    data: fundingSourcesResult,
+    isInitialLoading: fundingSourcesLoading,
+    error: fundingSourcesError
+  } = alchemy.useListFundingSources();
+  const fundingSources = React.useMemo(() => {
+    if (fundingSourcesError) return [];
+    if (fundingSourcesResult && !fundingSourcesLoading) {
+      return fundingSourcesResult;
+    }
+    return [];
+  }, [fundingSourcesError, fundingSourcesLoading, fundingSourcesResult]);
+  const {
+    data: walletHistoryData,
+    isInitialLoading: isWalletHistoryDataLoading,
+    isFetching: isWalletHistoryFetching,
+    error: errors
+  } = alchemy.useGetFundingSourceTransactions(fundingSources.length ? fundingSources[0].fundingSourceId : "", Object.assign(Object.assign({}, selectedTransactionType ? {
+    category: selectedTransactionType === null || selectedTransactionType === void 0 ? void 0 : selectedTransactionType.value
+  } : {}), {
+    // ...(queryRange ? { sortBy: queryRange[0] } : {}), TODO: Need to get sortBy date working at request of Design
+    page: currentPage,
+    pageSize: 25
+  }));
+  const walletLoading = isWalletHistoryDataLoading || isWalletHistoryFetching;
+  if (fundingSources.length === 0) return jsxRuntime.jsx(CollapsiblePanel, Object.assign({
+    title: t("account-settings:sections.transactionHistory")
+  }, {
+    children: jsxRuntime.jsx("div", Object.assign({
+      css: styles$d.emptyStateContainer
+    }, {
+      children: jsxRuntime.jsx(giger.Typography, Object.assign({
+        variant: "body2"
+      }, {
+        children: t("account-settings:messages.noFundingSources")
+      }))
+    }))
+  }));
+  return jsxRuntime.jsxs(CollapsiblePanel, Object.assign({
+    title: t("account-settings:sections.transactionHistory")
+  }, {
+    children: [jsxRuntime.jsx(DateRangeCombo, Object.assign({
+      onChange: (nextOption, nextCustomRange) => {
+        setCurrentPage(currentPage);
+        setSelectedOption(nextOption);
+        setCustomRange(nextCustomRange);
+      },
+      options: dateRangeOptions,
+      values: {
+        customRange,
+        selectedOption
+      }
+    }, {
+      children: renderedSelect => jsxRuntime.jsxs(giger.Grid, Object.assign({
+        css: styles$d.gridContainer,
+        noPadding: true
+      }, {
+        children: [jsxRuntime.jsx(giger.GridChild, {
+          children: renderedSelect
+        }), jsxRuntime.jsx(giger.GridChild, {
+          children: jsxRuntime.jsx(giger.Select, Object.assign({
+            css: styles$d.transactionTypeSelect,
+            label: "Transaction Type",
+            name: "transaction type select",
+            onChange: (_name, value) => setSelectedTransactionType(value),
+            onClear: () => setSelectedTransactionType(null),
+            value: selectedTransactionType
+          }, {
+            children: [{
+              label: "Adjustment",
+              value: "adjustment"
+            }, {
+              label: "Label",
+              value: "label"
+            }, {
+              label: "Refund",
+              value: "refund"
+            }].map(item => jsxRuntime.jsx(giger.Option, Object.assign({
+              value: item.value,
+              selected: (selectedTransactionType === null || selectedTransactionType === void 0 ? void 0 : selectedTransactionType.value) === item.value
+            }, {
+              children: item.label
+            }), item.value))
+          }))
+        })]
+      }))
+    })), jsxRuntime.jsx(Spacer, {
+      multiplier: 2
+    }), walletLoading ? jsxRuntime.jsx(LoadingState, {}) : (errors === null || errors === void 0 ? void 0 : errors.length) ? jsxRuntime.jsx(ErrorState, {
+      errors: errors
+    }) : jsxRuntime.jsx(SuccessState, {
+      currentPage: currentPage,
+      setCurrentPage: setCurrentPage,
+      transactions: (_a = walletHistoryData === null || walletHistoryData === void 0 ? void 0 : walletHistoryData.transactions) !== null && _a !== void 0 ? _a : []
+    })]
+  }));
+};
+const LoadingState = () => jsxRuntime.jsxs(jsxRuntime.Fragment, {
+  children: [jsxRuntime.jsx(SkeletonCardList, {}), jsxRuntime.jsx(Spacer, {}), jsxRuntime.jsx(SkeletonPagination, {})]
+});
+const ErrorState = ({
+  errors
+}) => {
+  const {
+    t
+  } = reactI18next.useTranslation();
+  return jsxRuntime.jsx(giger.InlineNotification, Object.assign({
+    title: t("wallet-history:errors.failureToFetch"),
+    type: giger.NotificationType.ERROR
+  }, {
+    children: errors.map(e => t(jsBase64.encode(e.message), {
+      defaultValue: e.message
+    })).join(" ")
+  }));
+};
+const SuccessState = ({
+  transactions,
+  currentPage,
+  setCurrentPage
+}) => {
+  const shipmentIds = transactions.flatMap(trx => trx.shipmentIds);
+  const {
+    data: shipmentInfo
+  } = alchemy.useListSalesOrderShipments({
+    shipmentIds: shipmentIds
+  });
+  const shipmentsById = shipmentInfo !== undefined && !!shipmentInfo.length ? Object.fromEntries(shipmentInfo === null || shipmentInfo === void 0 ? void 0 : shipmentInfo.map(s => [s.shipmentId, s])) : {};
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [transactions.length ? jsxRuntime.jsx("ul", Object.assign({
+      css: styles$d.displayStateContainer
+    }, {
+      children: transactions.sort((a, b) => new Date(b.transactionDate).valueOf() - new Date(a.transactionDate).valueOf()).map(transaction => {
+        var _a;
+        return jsxRuntime.jsx("li", {
+          children: jsxRuntime.jsx(HistoryCard, {
+            carrier: (_a = shipmentsById[transaction.shipmentIds[0]]) === null || _a === void 0 ? void 0 : _a.carrierId,
+            transaction: transaction
+          })
+        }, transaction.fundingSourceTransactionId);
+      })
+    })) : jsxRuntime.jsx(EmptyState, {}), jsxRuntime.jsx(Spacer, {}), jsxRuntime.jsx("div", Object.assign({
+      css: styles$d.pagination
+    }, {
+      children: jsxRuntime.jsx(giger.Pagination, {
+        boundaryPagesToShow: 7,
+        currentPage: currentPage,
+        onPageChange: selectedPage => setCurrentPage(selectedPage),
+        siblingCount: 2,
+        totalPages: 20
+      })
+    }))]
+  });
+};
+const EmptyState = () => {
+  return jsxRuntime.jsx("div", Object.assign({
+    css: styles$d.emptyStateContainer
+  }, {
+    children: jsxRuntime.jsx(giger.Typography, Object.assign({
+      variant: "body2"
+    }, {
+      children: "No data to display"
+    }))
+  }));
+};
+const SkeletonCardList = () => {
+  return jsxRuntime.jsx("div", Object.assign({
+    css: styles$d.skeletonCardList
+  }, {
+    children: Array.from({
+      length: 10
+    }).map((_, index) => jsxRuntime.jsx(SkeletonCard, {}, index))
+  }));
+};
+const SkeletonCard = () => {
+  return jsxRuntime.jsxs("div", Object.assign({
+    css: styles$d.skeletonCard
+  }, {
+    children: [jsxRuntime.jsxs("div", Object.assign({
+      css: styles$d.skeletonCardColumnLeft
+    }, {
+      children: [jsxRuntime.jsxs("div", Object.assign({
+        css: styles$d.skeletonCardLogo
+      }, {
+        children: [jsxRuntime.jsx(giger.Skeleton, {
+          animation: giger.SkeletonAnimation.WAVE,
+          backgroundColor: giger.SkeletonBackgroundColor.DARK,
+          height: 24,
+          variant: giger.SkeletonVariant.RECT,
+          width: 24
+        }), jsxRuntime.jsx(giger.Skeleton, {
+          animation: giger.SkeletonAnimation.WAVE,
+          backgroundColor: giger.SkeletonBackgroundColor.DARK,
+          height: 16,
+          variant: giger.SkeletonVariant.TEXT,
+          width: 48
+        })]
+      })), jsxRuntime.jsxs("div", Object.assign({
+        css: styles$d.skeletonCardTransactionRow
+      }, {
+        children: [jsxRuntime.jsx(giger.Skeleton, {
+          animation: giger.SkeletonAnimation.WAVE,
+          backgroundColor: giger.SkeletonBackgroundColor.DARK,
+          height: 16,
+          variant: giger.SkeletonVariant.TEXT,
+          width: 40
+        }), jsxRuntime.jsx(giger.Skeleton, {
+          animation: giger.SkeletonAnimation.WAVE,
+          backgroundColor: giger.SkeletonBackgroundColor.DARK,
+          height: 16,
+          variant: giger.SkeletonVariant.TEXT,
+          width: 64
+        })]
+      }))]
+    })), jsxRuntime.jsxs("div", Object.assign({
+      css: styles$d.skeletonCardColumnRight
+    }, {
+      children: [jsxRuntime.jsx(giger.Skeleton, {
+        animation: giger.SkeletonAnimation.WAVE,
+        backgroundColor: giger.SkeletonBackgroundColor.DARK,
+        height: 16,
+        variant: giger.SkeletonVariant.TEXT,
+        width: 56
+      }), jsxRuntime.jsx(giger.Skeleton, {
+        animation: giger.SkeletonAnimation.WAVE,
+        backgroundColor: giger.SkeletonBackgroundColor.DARK,
+        height: 16,
+        variant: giger.SkeletonVariant.TEXT,
+        width: 56
+      })]
+    }))]
+  }));
+};
+const SkeletonPagination = () => {
+  return jsxRuntime.jsxs("div", Object.assign({
+    css: styles$d.skeletonPagination
+  }, {
+    children: [jsxRuntime.jsx(giger.Skeleton, {
+      animation: giger.SkeletonAnimation.WAVE,
+      backgroundColor: giger.SkeletonBackgroundColor.DARK,
+      height: 24,
+      variant: giger.SkeletonVariant.RECT,
+      width: 24
+    }), Array.from({
+      length: 6
+    }).map((_, index) => jsxRuntime.jsx(giger.Skeleton, {
+      animation: giger.SkeletonAnimation.WAVE,
+      backgroundColor: giger.SkeletonBackgroundColor.LIGHT,
+      height: 16,
+      variant: giger.SkeletonVariant.CIRCLE,
+      width: 16
+    }, index)), jsxRuntime.jsx(giger.Skeleton, {
+      animation: giger.SkeletonAnimation.WAVE,
+      backgroundColor: giger.SkeletonBackgroundColor.DARK,
+      height: 24,
+      variant: giger.SkeletonVariant.RECT,
+      width: 24
+    })]
+  }));
+};
+
+const LabelLayoutPurchase = ({
+  onChange
+}) => {
+  const {
+    t
+  } = reactI18next.useTranslation(["common", "manage-defaults"]);
+  const [layout, setLayout] = React.useState("4x6");
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsx(giger.InlineNotification, Object.assign({
+      title: t("manage-defaults:label.purchase.title"),
+      type: giger.NotificationType.INFO
+    }, {
+      children: t("manage-defaults:label.purchase.description")
+    })), jsxRuntime.jsx(Spacer, {
+      multiplier: 1.5
+    }), jsxRuntime.jsxs(giger.RadioGroup, Object.assign({
+      name: "labelLayout",
+      onChange: e => {
+        setLayout(e.target.value);
+        onChange(e.target.value);
+      },
+      value: layout
+    }, {
+      children: [jsxRuntime.jsx(giger.Radio, Object.assign({
+        value: "Letter"
+      }, {
+        children: jsxRuntime.jsx(giger.Typography, Object.assign({
+          bold: true
+        }, {
+          children: t("manage-defaults:label.letter.title")
+        }))
+      })), jsxRuntime.jsx(Spacer, {
+        multiplier: 3
+      }), jsxRuntime.jsx(giger.Radio, Object.assign({
+        value: "4x6"
+      }, {
+        children: jsxRuntime.jsx(giger.Typography, Object.assign({
+          bold: true
+        }, {
+          children: t("manage-defaults:label.thermal.title")
+        }))
+      }))]
+    }))]
+  });
+};
+
+const styles$c = createStyles({
+  button: theme => ({
+    backgroundColor: "transparent",
+    padding: 0
+  }),
+  buttonContainer: theme => ({
+    alignItems: "center",
+    display: "flex",
+    justifyContent: "left"
+  }),
+  icon: theme => ({
+    color: theme.palette.secondary.main,
     position: "absolute",
     right: theme.spacing(1),
     top: theme.spacing(1)
@@ -12546,9 +13361,10 @@ const UnitSettings = () => {
 
 const AccountSettings = _a => {
   var {
-      carriers
+      carriers,
+      currency
     } = _a,
-    rest = __rest(_a, ["carriers"]);
+    rest = __rest(_a, ["carriers", "currency"]);
   const {
     t
   } = reactI18next.useTranslation();
@@ -12566,8 +13382,9 @@ const AccountSettings = _a => {
     })), jsxRuntime.jsx(Spacer, {
       multiplier: 1
     }), jsxRuntime.jsx(ManageFunding, {
-      carrierId: carriers ? carriers[0].carrierId : ""
-    }), jsxRuntime.jsx(PaymentMethodSettings, {}), jsxRuntime.jsx(Component$6, {}), jsxRuntime.jsx(Component$7, {}), jsxRuntime.jsx(LabelLayout, {
+      carrierId: carriers ? carriers[0].carrierId : "",
+      currency: currency
+    }), jsxRuntime.jsx(PaymentMethodSettings, {}), jsxRuntime.jsx(WalletHistory, {}), jsxRuntime.jsx(Component$6, {}), jsxRuntime.jsx(Component$7, {}), jsxRuntime.jsx(LabelLayout, {
       display: "settings"
     }), jsxRuntime.jsx(UnitSettings, {}), jsxRuntime.jsx("div", Object.assign({
       css: theme => ({
@@ -12581,6 +13398,9 @@ const AccountSettings = _a => {
 
 var accoutSettings = {
 	"account-settings": {
+	messages: {
+		noFundingSources: "No transaction history available. Once you have a wallet balance and transactions, they will appear here."
+	},
 	title: "Account Settings",
 	sections: {
 		accountBalance: "Account Balance",
@@ -12733,6 +13553,7 @@ var common = {
 			autoFundingSettings: "Unable to load auto funding settings",
 			carrier: "Unable to load carrier",
 			carriers: "Unable to load carriers",
+			connectCarrierForm: "Unable to load carrier registration form.",
 			fundingSourceMetadata: "Unable to load funding source metadata",
 			label: "Unable to load label",
 			salesOrder: "Unable to load order",
@@ -12770,6 +13591,7 @@ var common = {
 		accountSettings: "Loading account settings...",
 		carrier: "Loading carrier...",
 		carriers: "Loading carriers...",
+		connectCarrierForm: "Loading carrier registration form...",
 		connectingCarriers: "Connecting carriers...",
 		creatingFundingSource: "Creating wallet...",
 		data: "Loading...",
@@ -12876,7 +13698,6 @@ var connectCarriers = {
 	"connect-carrier": {
 	registrationForm: {
 		title: "Register Carrier",
-		isLoading: "Loading carrier registration form...",
 		betaWarning: "{{carrier}} is currently in a beta test phase and you may experience unexpected behavior."
 	}
 }
@@ -12971,7 +13792,7 @@ var manageFunding = {
 		labels: {
 			amount: "Amount"
 		},
-		minimumPurchaseAmount: "Minimum Purchase $10.00",
+		minimumPurchaseAmount: "Minimum Purchase {{currencySymbol}}10.00",
 		other: "Other..."
 	},
 	fundAndPurchase: {
@@ -13290,9 +14111,16 @@ var walletHistory = {
 	"wallet-history": {
 	actions: {
 		downloadCsv: "Download a CSV",
-		chooseDate: "Choose a date"
+		chooseDate: "Choose a date",
+		tryAgain: "Refresh the page and try again."
+	},
+	errors: {
+		failureToFetch: "Unable to load history"
 	},
 	dateRange: "Date range",
+	details: {
+		inaccurateWeight: "Inaccurate Weight"
+	},
 	historyOptions: {
 		custom: "Custom",
 		last30days: "Last 30 days",
@@ -13329,11 +14157,17 @@ var en = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(O
 const Component$5 = ({
   onSaveSettings
 }) => {
+  var _a;
   const {
     data: carriers
   } = alchemy.useListCarriers();
+  const {
+    data: fundingSource
+  } = alchemy.useListFundingSources();
+  const currency = getCurrencyFromString((_a = fundingSource === null || fundingSource === void 0 ? void 0 : fundingSource[0]) === null || _a === void 0 ? void 0 : _a.currencyCode);
   return jsxRuntime.jsx(AccountSettings, {
-    carriers: carriers
+    carriers: carriers,
+    currency: currency
   });
 };
 /**
@@ -13437,14 +14271,15 @@ const RateForm = ({
   labelErrors,
   labels,
   labelsLoading,
-  onSave,
-  onSelectRate,
-  onSubmit,
+  currency,
   displayableShipmentErrors,
   preferredRates,
   preferredServiceCodes,
   rates,
-  shipment
+  shipment,
+  onSave,
+  onSelectRate,
+  onSubmit
 }) => {
   var _a, _b, _c, _d, _e, _f;
   features = Object.assign({
@@ -13647,6 +14482,7 @@ const RateForm = ({
       carrierId: selectedRate === null || selectedRate === void 0 ? void 0 : selectedRate.carrierId,
       control: form.control,
       css: styles$b.fundAndPurchase,
+      currency: currency,
       disabled: disabled,
       isFundingEnabled: !!((_e = features === null || features === void 0 ? void 0 : features.rateForm) === null || _e === void 0 ? void 0 : _e.enableFunding),
       isFundingRequired: (selectedRate === null || selectedRate === void 0 ? void 0 : selectedRate.balance) !== undefined && !!selectedRate.requiresFundedAmount,
@@ -13660,63 +14496,6 @@ const RateForm = ({
   }));
 };
 
-var $$6 = _export;
-var DESCRIPTORS$1 = descriptors;
-var global$8 = global$p;
-var uncurryThis$1 = functionUncurryThis;
-var hasOwn$1 = hasOwnProperty_1;
-var isCallable$4 = isCallable$o;
-var isPrototypeOf$1 = objectIsPrototypeOf;
-var toString = toString$c;
-var defineProperty = objectDefineProperty.f;
-var copyConstructorProperties = copyConstructorProperties$2;
-
-var NativeSymbol = global$8.Symbol;
-var SymbolPrototype = NativeSymbol && NativeSymbol.prototype;
-
-if (DESCRIPTORS$1 && isCallable$4(NativeSymbol) && (!('description' in SymbolPrototype) ||
-  // Safari 12 bug
-  NativeSymbol().description !== undefined
-)) {
-  var EmptyStringDescriptionStore = {};
-  // wrap Symbol constructor for correct work with undefined description
-  var SymbolWrapper = function Symbol() {
-    var description = arguments.length < 1 || arguments[0] === undefined ? undefined : toString(arguments[0]);
-    var result = isPrototypeOf$1(SymbolPrototype, this)
-      ? new NativeSymbol(description)
-      // in Edge 13, String(Symbol(undefined)) === 'Symbol(undefined)'
-      : description === undefined ? NativeSymbol() : NativeSymbol(description);
-    if (description === '') EmptyStringDescriptionStore[result] = true;
-    return result;
-  };
-
-  copyConstructorProperties(SymbolWrapper, NativeSymbol);
-  SymbolWrapper.prototype = SymbolPrototype;
-  SymbolPrototype.constructor = SymbolWrapper;
-
-  var NATIVE_SYMBOL = String(NativeSymbol('test')) == 'Symbol(test)';
-  var thisSymbolValue = uncurryThis$1(SymbolPrototype.valueOf);
-  var symbolDescriptiveString = uncurryThis$1(SymbolPrototype.toString);
-  var regexp = /^Symbol\((.*)\)[^)]+$/;
-  var replace = uncurryThis$1(''.replace);
-  var stringSlice = uncurryThis$1(''.slice);
-
-  defineProperty(SymbolPrototype, 'description', {
-    configurable: true,
-    get: function description() {
-      var symbol = thisSymbolValue(this);
-      if (hasOwn$1(EmptyStringDescriptionStore, symbol)) return '';
-      var string = symbolDescriptiveString(symbol);
-      var desc = NATIVE_SYMBOL ? stringSlice(string, 7, -1) : replace(string, regexp, '$1');
-      return desc === '' ? undefined : desc;
-    }
-  });
-
-  $$6({ global: true, constructor: true, forced: true }, {
-    Symbol: SymbolWrapper
-  });
-}
-
 const styles$a = createStyles({
   container: theme => ({
     display: "flex",
@@ -13875,12 +14654,12 @@ const AddressPreferenceDisplay = ({
 };
 
 extendZod();
-const getCustomsItemFormSchema = shipToCountry => {
+const getProductFormSchema = shipToCountry => {
   const baseSchema = zod.z.object({
     countryOfOrigin: zod.z.enum(countryCodes),
-    customsItemId: zod.z.string().nullishDefault(undefined),
     description: zod.z.string().min(1).max(100),
     harmonizedTariffCode: zod.z.string().max(13).nullishDefault(undefined),
+    productId: zod.z.string().nullishDefault(undefined),
     valueQuantity: zod.z.object({
       quantity: zod.z.number().int(),
       value: moneySchema
@@ -13906,8 +14685,8 @@ const getCustomsItemFormSchema = shipToCountry => {
   });
 };
 
-const CustomsItemForm = ({
-  customsItem,
+const ProductForm = ({
+  product,
   formId,
   onCancel,
   onSubmit,
@@ -13921,24 +14700,19 @@ const CustomsItemForm = ({
     countryCodeOptions
   } = useCountryCodeOptions();
   const form = reactHookForm.useForm({
-    defaultValues: customsItem ? {
-      countryOfOrigin: customsItem.countryOfOrigin,
-      customsItemId: customsItem.customsItemId,
-      description: customsItem.description,
-      harmonizedTariffCode: customsItem.harmonizedTariffCode,
+    defaultValues: product ? {
+      countryOfOrigin: product.countryOfOrigin,
+      description: product.description,
+      harmonizedTariffCode: product.harmonizedTariffCode,
+      productId: product.productId,
       valueQuantity: {
-        quantity: customsItem.quantity,
-        // Note: CustomsItem Response is always Number (not Money)
-        // Per Anne, this was to handle backwards compatibility when API used to only accept Number
-        value: {
-          amount: customsItem.value,
-          currency: alchemy.SE.Currency.USD
-        }
+        quantity: product.quantity,
+        value: product.value
       }
     } : {
       countryOfOrigin: "US"
     },
-    resolver: validationResolver(getCustomsItemFormSchema(shipToCountry !== null && shipToCountry !== void 0 ? shipToCountry : "US"))
+    resolver: validationResolver(getProductFormSchema(shipToCountry !== null && shipToCountry !== void 0 ? shipToCountry : "US"))
   });
   const handleSubmit = form.handleSubmit(values => __awaiter(void 0, void 0, void 0, function* () {
     const payload = values;
@@ -14003,12 +14777,12 @@ const CustomsItemForm = ({
         children: t("actions.cancel")
       })), jsxRuntime.jsx(SubmitButton, Object.assign({
         control: form.control,
-        "data-testid": (customsItem === null || customsItem === void 0 ? void 0 : customsItem.customsItemId) ? "actions.save" : "actions.add",
+        "data-testid": (product === null || product === void 0 ? void 0 : product.productId) ? "actions.save" : "actions.add",
         form: formId,
         requireDirty: true,
         variant: giger.ButtonVariant.OUTLINED
       }, {
-        children: t((customsItem === null || customsItem === void 0 ? void 0 : customsItem.customsItemId) ? "actions.save" : "actions.add")
+        children: t((product === null || product === void 0 ? void 0 : product.productId) ? "actions.save" : "actions.add")
       }))]
     }))]
   }));
@@ -14118,7 +14892,7 @@ const styles$9 = createStyles({
   })
 });
 
-const CustomsItemActions = ({
+const ProductActions = ({
   onEditClick,
   onDeleteClick
 }) => {
@@ -14171,7 +14945,7 @@ const CustomsItemActions = ({
     }))]
   });
 };
-const CustomsItemsDisplay = ({
+const ProductsDisplay = ({
   onUpdate,
   shipment
 }) => {
@@ -14179,19 +14953,19 @@ const CustomsItemsDisplay = ({
   const {
     t
   } = reactI18next.useTranslation(["purchase-label"]);
-  const [customsItemBeingEdited, setCustomsItemBeingEdited] = React.useState();
-  const customsItems = (_b = (_a = shipment.customs) === null || _a === void 0 ? void 0 : _a.customsItems) !== null && _b !== void 0 ? _b : [];
-  const [customsItemForm, isCustomsItemFormOpen, toggleIsCustomsItemFormOpen] = useNestedForm(CustomsItemForm, {
-    customsItem: customsItemBeingEdited,
-    formId: "customs-item-form",
-    onCancel: () => setCustomsItemBeingEdited(undefined),
+  const [productBeingEdited, setProductBeingEdited] = React.useState();
+  const products = (_b = (_a = shipment.packages[0]) === null || _a === void 0 ? void 0 : _a.products) !== null && _b !== void 0 ? _b : [];
+  const [productForm, isCustomsItemFormOpen, toggleIsCustomsItemFormOpen] = useNestedForm(ProductForm, {
+    formId: "product-form",
+    onCancel: () => setProductBeingEdited(undefined),
     onSubmit: payload => __awaiter(void 0, void 0, void 0, function* () {
-      yield onUpdate(customsItemBeingEdited ? customsItems.map(item => item.customsItemId === payload.customsItemId ? payload : item) // customs item was edited
-      : customsItems.concat(payload) // customs item was created
+      yield onUpdate(productBeingEdited ? products.map(item => item.productId === payload.productId ? payload : item) // product was edited
+      : products.concat(payload) // product was created
       );
 
-      setCustomsItemBeingEdited(undefined);
+      setProductBeingEdited(undefined);
     }),
+    product: productBeingEdited,
     shipToCountry: (_c = shipment.shipTo) === null || _c === void 0 ? void 0 : _c.countryCode
   });
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -14223,7 +14997,7 @@ const CustomsItemsDisplay = ({
           children: ["+ ", t("customs.addDeclaration")]
         }))
       }))]
-    })), customsItems.length > 0 && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    })), products.length > 0 && jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [jsxRuntime.jsx(Spacer, {}), jsxRuntime.jsx(giger.Table, Object.assign({
         header: jsxRuntime.jsx(giger.TableHeader, Object.assign({
           css: styles$9.header
@@ -14277,12 +15051,12 @@ const CustomsItemsDisplay = ({
         outerWrapperStyles: styles$9.table
       }, {
         children: jsxRuntime.jsx(giger.TableBody, {
-          children: customsItems.map(item => jsxRuntime.jsxs(React.Fragment, {
+          children: products.map(item => jsxRuntime.jsxs(React.Fragment, {
             children: [jsxRuntime.jsx(giger.TableBaseRow, {
-              children: item.customsItemId === (customsItemBeingEdited === null || customsItemBeingEdited === void 0 ? void 0 : customsItemBeingEdited.customsItemId) ? jsxRuntime.jsx(giger.TableBodyCell, Object.assign({
+              children: item.productId === (productBeingEdited === null || productBeingEdited === void 0 ? void 0 : productBeingEdited.productId) ? jsxRuntime.jsx(giger.TableBodyCell, Object.assign({
                 colSpan: 5
               }, {
-                children: customsItemForm
+                children: productForm
               })) : jsxRuntime.jsxs(jsxRuntime.Fragment, {
                 children: [jsxRuntime.jsx(giger.TableBodyCell, Object.assign({
                   css: styles$9.itemInfoLeft
@@ -14296,7 +15070,7 @@ const CustomsItemsDisplay = ({
                     }), jsxRuntime.jsx(giger.Link, Object.assign({
                       css: styles$9.alertText,
                       onClick: () => {
-                        setCustomsItemBeingEdited(item);
+                        setProductBeingEdited(item);
                         !isCustomsItemFormOpen && toggleIsCustomsItemFormOpen();
                       }
                     }, {
@@ -14306,10 +15080,7 @@ const CustomsItemsDisplay = ({
                 })), jsxRuntime.jsx(giger.TableBodyCell, Object.assign({
                   css: styles$9.itemEach
                 }, {
-                  children: formatMoney({
-                    amount: Number(item.value),
-                    currency: alchemy.SE.Currency.USD
-                  })
+                  children: formatMoney(item.value)
                 })), jsxRuntime.jsx(giger.TableBodyCell, Object.assign({
                   css: styles$9.itemQty
                 }, {
@@ -14318,36 +15089,36 @@ const CustomsItemsDisplay = ({
                   css: styles$9.itemTotal
                 }, {
                   children: formatMoney({
-                    amount: Number(item.value) * item.quantity,
-                    currency: alchemy.SE.Currency.USD
+                    amount: Number(item.value.amount) * item.quantity,
+                    currency: item.value.currency
                   })
                 })), jsxRuntime.jsx(giger.TableBodyCell, Object.assign({
                   css: styles$9.actionsColumn
                 }, {
-                  children: jsxRuntime.jsx(CustomsItemActions, {
+                  children: jsxRuntime.jsx(ProductActions, {
                     onDeleteClick: () => __awaiter(void 0, void 0, void 0, function* () {
                       var _d;
-                      return yield onUpdate((_d = customsItems.filter(ci => ci.customsItemId !== item.customsItemId)) !== null && _d !== void 0 ? _d : []);
+                      return yield onUpdate((_d = products.filter(ci => ci.productId !== item.productId)) !== null && _d !== void 0 ? _d : []);
                     }),
                     onEditClick: () => {
-                      setCustomsItemBeingEdited(item);
+                      setProductBeingEdited(item);
                       !isCustomsItemFormOpen && toggleIsCustomsItemFormOpen();
                     }
                   })
                 }))]
               })
-            }), item.customsItemId !== (customsItemBeingEdited === null || customsItemBeingEdited === void 0 ? void 0 : customsItemBeingEdited.customsItemId) && jsxRuntime.jsx(giger.TableBaseRow, {
+            }), item.productId !== (productBeingEdited === null || productBeingEdited === void 0 ? void 0 : productBeingEdited.productId) && jsxRuntime.jsx(giger.TableBaseRow, {
               children: jsxRuntime.jsx(giger.TableBodyCell, Object.assign({
                 css: styles$9.hsCode
               }, {
                 children: item.harmonizedTariffCode
               }))
             })]
-          }, item.customsItemId))
+          }, item.productId))
         })
-      })), !isCustomsItemFormOpen && customsItems.length > 1 && jsxRuntime.jsx(Spacer, {})]
-    }), !customsItemBeingEdited && jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [jsxRuntime.jsx(Spacer, {}), customsItemForm]
+      })), !isCustomsItemFormOpen && products.length > 1 && jsxRuntime.jsx(Spacer, {})]
+    }), !productBeingEdited && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [jsxRuntime.jsx(Spacer, {}), productForm]
     })]
   });
 };
@@ -14370,14 +15141,6 @@ const getShipmentSchema = ({
     confirmation: zod.z.nativeEnum(alchemy.SE.ConfirmationType).default(alchemy.SE.ConfirmationType.NONE),
     customs: zod.z.object({
       contents: zod.z.nativeEnum(alchemy.SE.CustomsContentsType),
-      customsItems: zod.z.object({
-        countryOfOrigin: zod.z.string().nullishDefault(undefined),
-        customsItemId: zod.z.string().nullishDefault(undefined),
-        description: zod.z.string().nullishDefault(undefined),
-        harmonizedTariffCode: zod.z.string().nullishDefault(undefined),
-        quantity: zod.z.number().int(),
-        value: zod.z.number()
-      }).array().min(1),
       nonDelivery: zod.z.nativeEnum(alchemy.SE.CustomsNonDeliveryType)
     }).nullish(),
     insuranceProvider: zod.z.nativeEnum(alchemy.SE.InsuranceProviderType).default(alchemy.SE.InsuranceProviderType.NONE),
@@ -14397,6 +15160,14 @@ const getShipmentSchema = ({
       insuredValue: moneySchema.extend({
         amount: zod.z.number().positive()
       }).optional(),
+      products: zod.z.object({
+        countryOfOrigin: zod.z.string().nullishDefault(undefined),
+        description: zod.z.string().nullishDefault(undefined),
+        harmonizedTariffCode: zod.z.string().nullishDefault(undefined),
+        productId: zod.z.string().nullishDefault(undefined),
+        quantity: zod.z.number().int(),
+        value: moneySchema
+      }).array().min(1),
       type: zod.z.object({
         carrierId: zod.z.string().nullish(),
         code: zod.z.string().nullish()
@@ -14493,7 +15264,7 @@ const ShipmentForm = ({
   charsetWarning,
   carriers,
   customPackageTypes,
-  errors,
+  currency,
   features,
   hydrateRef,
   insuranceAccount,
@@ -14514,7 +15285,7 @@ const ShipmentForm = ({
   warehouseId,
   warehouses
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
   features = Object.assign({
     browseRates: true,
     includeShipsuranceInsurance: true,
@@ -14557,7 +15328,7 @@ const ShipmentForm = ({
   form.register("shipmentId");
   const {
     errors: {
-      customs: customsErrors
+      packages: packageErrors
     },
     isDirty
   } = form.formState;
@@ -14666,6 +15437,7 @@ const ShipmentForm = ({
             currency: pkg.insuredValue.currency
           }
         }), {
+          products: pkg.products,
           type: Object.assign(Object.assign({}, !customPackage && pkg.packageCode !== "package" && {
             carrierId: updatedShipment.carrierId
           }), {
@@ -14686,12 +15458,13 @@ const ShipmentForm = ({
   }, [findCustomPackage, form, isCustomsRequired, isContentDescriptionRequired]);
   // Allow us to imperatively trigger hydrateShipment from parent component
   hydrateRef.current = hydrateShipment;
-  // Hydrate only the customs items portion of the shipment form
-  const hydrateCustomsItems = React.useCallback(updatedShipment => {
-    const formCustoms = form.getValues("customs");
-    if (updatedShipment.customs && !___default["default"].isEqual(formCustoms === null || formCustoms === void 0 ? void 0 : formCustoms.customsItems, updatedShipment.customs.customsItems)) {
-      form.setValue("customs.customsItems", updatedShipment.customs.customsItems.map(ci => Object.assign(Object.assign({}, ci), {
-        value: typeof ci.value === "number" ? ci.value : ci.value.amount
+  // Hydrate only the products portion of the shipment form
+  const hydrateProducts = React.useCallback(updatedShipment => {
+    var _a;
+    const formPkg = form.getValues("packages.0");
+    if (((_a = updatedShipment === null || updatedShipment === void 0 ? void 0 : updatedShipment.packages[0]) === null || _a === void 0 ? void 0 : _a.products) && !___default["default"].isEqual(formPkg === null || formPkg === void 0 ? void 0 : formPkg.products, updatedShipment.packages[0].products)) {
+      form.setValue("packages.0.products", updatedShipment.packages[0].products.map(ci => Object.assign(Object.assign({}, ci), {
+        value: ci.value
       })), {
         shouldValidate: true
       });
@@ -14699,16 +15472,16 @@ const ShipmentForm = ({
   }, [form]);
   const handleSubmit = form.handleSubmit(values => __awaiter(void 0, void 0, void 0, function* () {
     try {
-      const _l = values,
+      const _m = values,
         {
           __mode: discard
-        } = _l,
-        payload = __rest(_l, ["__mode"]);
-      const updatedShipment = yield onSubmit(Object.assign(Object.assign({}, shipment || {}), payload));
+        } = _m,
+        payload = __rest(_m, ["__mode"]);
+      const updatedShipment = yield onSubmit(___default["default"].merge(shipment || {}, payload));
       // Defer shipment hydration to the task queue so that the submission promise resolves first, otherwise the
       // submission count will increment after hydration resets the form, keeping it in revalidate mode
       if (updatedShipment) setTimeout(() => hydrateShipment(updatedShipment), 0);
-    } catch (_m) {
+    } catch (_o) {
       // Reset the form to its current state, but as a side effect this sets isDirty to false
       // That way, form lifecycle contract is upheld
       form.reset(form.getValues());
@@ -14780,9 +15553,9 @@ const ShipmentForm = ({
         // Hydrate customs object with default values
         form.setValue("customs", {
           contents: alchemy.SE.CustomsContentsType.MERCHANDISE,
-          customsItems: [],
           nonDelivery: alchemy.SE.CustomsNonDeliveryType.RETURN_TO_SENDER
         });
+        form.setValue("packages.0.products", []);
       } else if (wasCustomsRequired && !customsRequired) {
         // If customs is no longer required, clear customs object from schema
         form.setValue("customs", undefined);
@@ -14798,20 +15571,19 @@ const ShipmentForm = ({
     parseAddressErrors,
     resetParseAddress
   });
-  const handleUpdateCustomsItems = React.useCallback(customsItems => __awaiter(void 0, void 0, void 0, function* () {
+  const handleUpdateProducts = React.useCallback(products => __awaiter(void 0, void 0, void 0, function* () {
     const result = yield onUpdateCustoms === null || onUpdateCustoms === void 0 ? void 0 : onUpdateCustoms({
       // use defaults if the shipment doesn't already have a customs object
       contents: selectedContentsType !== null && selectedContentsType !== void 0 ? selectedContentsType : "merchandise",
-      customsItems,
       nonDelivery: selectedNonDelivery !== null && selectedNonDelivery !== void 0 ? selectedNonDelivery : "return_to_sender"
-    });
-    if (result) hydrateCustomsItems(result);
+    }, products);
+    if (result) hydrateProducts(result);
     onDirty();
-  }), [hydrateCustomsItems, onDirty, onUpdateCustoms, selectedContentsType, selectedNonDelivery]);
+  }), [hydrateProducts, onDirty, onUpdateCustoms, selectedContentsType, selectedNonDelivery]);
   const customsItemErrorScrollToRef = React.useRef(null);
   React.useEffect(() => {
-    var _a;
-    if (((_a = customsErrors === null || customsErrors === void 0 ? void 0 : customsErrors.customsItems) === null || _a === void 0 ? void 0 : _a.type) === "too_small") {
+    var _a, _b;
+    if (((_b = (_a = (packageErrors !== null && packageErrors !== void 0 ? packageErrors : [])[0]) === null || _a === void 0 ? void 0 : _a.products) === null || _b === void 0 ? void 0 : _b.type) === "too_small") {
       setTimeout(() => {
         var _a;
         (_a = customsItemErrorScrollToRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
@@ -14820,7 +15592,7 @@ const ShipmentForm = ({
         });
       }, 0);
     }
-  }, [customsErrors]);
+  }, [packageErrors]);
   React.useEffect(() => {
     const {
       __mode
@@ -14846,6 +15618,7 @@ const ShipmentForm = ({
   });
   if (!shipment) throw new Error("errorMessages.unableToLoad.shipment");
   const addressPreferenceIsEmpty = !addressLoading && isEmptyAddress(addressPreference === null || addressPreference === void 0 ? void 0 : addressPreference.selection); // undefined means it's still loading
+  console.log(addressLoading || isEditShipFormToOpen || addressPreferenceIsEmpty);
   return jsxRuntime.jsxs("form", Object.assign({
     id: "shipment-form",
     onSubmit: formLogger.capture(handleSubmit)
@@ -14988,10 +15761,10 @@ const ShipmentForm = ({
         name: "customs.nonDelivery",
         options: customsNonDeliveryOptions,
         shouldUnregister: true
-      }), jsxRuntime.jsx(CustomsItemsDisplay, {
-        onUpdate: handleUpdateCustomsItems,
+      }), jsxRuntime.jsx(ProductsDisplay, {
+        onUpdate: handleUpdateProducts,
         shipment: shipment
-      }), ((_e = customsErrors === null || customsErrors === void 0 ? void 0 : customsErrors.customsItems) === null || _e === void 0 ? void 0 : _e.type) === "too_small" && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      }), ((_f = (_e = (packageErrors !== null && packageErrors !== void 0 ? packageErrors : [])[0]) === null || _e === void 0 ? void 0 : _e.products) === null || _f === void 0 ? void 0 : _f.type) === "too_small" && jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [jsxRuntime.jsx(Spacer, {}), jsxRuntime.jsx(giger.InlineNotification, {
           title: t("purchase-label:errorMessages.customsItemsRequired"),
           type: giger.NotificationType.ERROR
@@ -15183,14 +15956,14 @@ const ShipmentForm = ({
         label: "purchase-label:fields.addOns"
       }, {
         children: [jsxRuntime.jsx(Switch, Object.assign({
-          defaultChecked: ((_f = shipment === null || shipment === void 0 ? void 0 : shipment.confirmation) !== null && _f !== void 0 ? _f : "none") !== "none",
+          defaultChecked: ((_g = shipment === null || shipment === void 0 ? void 0 : shipment.confirmation) !== null && _g !== void 0 ? _g : "none") !== "none",
           label: t("purchase-label:fields.confirmation"),
           name: "confirmationEnabled",
           onChange: e => form.setValue("confirmation", e.target.checked ? alchemy.SE.ConfirmationType.DELIVERY : undefined, {
             shouldDirty: true
           }),
           shouldUnmount: true,
-          value: ((_g = shipment === null || shipment === void 0 ? void 0 : shipment.confirmation) !== null && _g !== void 0 ? _g : "none") !== "none"
+          value: ((_h = shipment === null || shipment === void 0 ? void 0 : shipment.confirmation) !== null && _h !== void 0 ? _h : "none") !== "none"
         }, {
           children: jsxRuntime.jsx(Select, {
             control: form.control,
@@ -15202,7 +15975,7 @@ const ShipmentForm = ({
             shouldUnregister: true
           })
         })), jsxRuntime.jsxs(Switch, Object.assign({
-          defaultChecked: ((_h = shipment === null || shipment === void 0 ? void 0 : shipment.insuranceProvider) !== null && _h !== void 0 ? _h : "none") !== "none",
+          defaultChecked: ((_j = shipment === null || shipment === void 0 ? void 0 : shipment.insuranceProvider) !== null && _j !== void 0 ? _j : "none") !== "none",
           label: t("purchase-label:fields.insurance"),
           name: "insuranceEnabled",
           onChange: e => {
@@ -15212,7 +15985,7 @@ const ShipmentForm = ({
             });
           },
           shouldUnmount: true,
-          value: ((_j = shipment === null || shipment === void 0 ? void 0 : shipment.insuranceProvider) !== null && _j !== void 0 ? _j : "none") !== "none"
+          value: ((_k = shipment === null || shipment === void 0 ? void 0 : shipment.insuranceProvider) !== null && _k !== void 0 ? _k : "none") !== "none"
         }, {
           children: [insuranceProviderOptions.length === 1 && insuranceProviderOptions[0].value === "carrier" ? null : jsxRuntime.jsx(Select, {
             control: form.control,
@@ -15226,7 +15999,7 @@ const ShipmentForm = ({
             control: form.control,
             defaultValue: {
               amount: undefined,
-              currency: alchemy.SE.Currency.USD
+              currency
             },
             displayLabel: false,
             label: t("purchase-label:fields.insuredValue"),
@@ -15236,7 +16009,7 @@ const ShipmentForm = ({
             showCurrencySymbol: true
           })]
         })), hasUpsOptions && jsxRuntime.jsx(Switch, {
-          defaultChecked: ((_k = shipment === null || shipment === void 0 ? void 0 : shipment.advancedOptions) === null || _k === void 0 ? void 0 : _k.additionalHandling) || false,
+          defaultChecked: ((_l = shipment === null || shipment === void 0 ? void 0 : shipment.advancedOptions) === null || _l === void 0 ? void 0 : _l.additionalHandling) || false,
           label: jsxRuntime.jsx(reactI18next.Trans, {
             components: {
               Link: jsxRuntime.jsx(giger.Link, {
@@ -15455,10 +16228,13 @@ const useCustoms = ({
     error: updateShipmentErrors,
     mutateAsync: updateShipment
   } = alchemy.useUpdateSalesOrderShipment();
-  const handleUpdateCustoms = React.useCallback(customs => __awaiter(void 0, void 0, void 0, function* () {
+  const handleUpdateCustoms = React.useCallback((customs, products) => __awaiter(void 0, void 0, void 0, function* () {
     if (!shipment) throw new Error("shipment not found");
     const updatedShipment = yield updateShipment(Object.assign(Object.assign({}, shipment), {
       customs,
+      packages: [Object.assign(Object.assign({}, shipment.packages[0]), {
+        products
+      })],
       shipDate: isNowOrInTheFuture(shipment.shipDate) ? shipment.shipDate : undefined
     }));
     if (updatedShipment) {
@@ -15482,10 +16258,10 @@ const usePresets = ({
   } = alchemy.useUpdateSalesOrderShipment();
   const handleApplyPreset = preset => __awaiter(void 0, void 0, void 0, function* () {
     if (!shipment) throw new Error("shipment not found");
-    const updatedShipment = yield updateShipment(Object.assign(Object.assign(Object.assign({}, shipment), preset.serviceCode && preset.carrierId && {
+    const updatedShipment = yield updateShipment(___default["default"].merge(shipment, preset.serviceCode && preset.carrierId && {
       carrierId: preset.carrierId,
       serviceCode: preset.serviceCode
-    }), {
+    }, {
       confirmation: preset.confirmation,
       insuranceProvider: preset.insuranceProvider,
       packages: preset.weight && preset.packageCode ? [{
@@ -16117,6 +16893,7 @@ const ConfigureShipment = _a => {
   var {
       errors,
       features,
+      currency,
       getPreferredRates,
       onAddressValidation,
       onApplyPreset,
@@ -16133,7 +16910,7 @@ const ConfigureShipment = _a => {
       shipment,
       onBeforeRateSaved
     } = _a,
-    props = __rest(_a, ["errors", "features", "getPreferredRates", "onAddressValidation", "onApplyPreset", "onBeforeLabelCreate", "onChangeAddress", "onLabelCreateFailure", "onLabelCreateSuccess", "onRateSaved", "onRatesCalculated", "onShipmentUpdated", "printLabelLayout", "preferredServiceCodes", "salesOrder", "shipment", "onBeforeRateSaved"]);
+    props = __rest(_a, ["errors", "features", "currency", "getPreferredRates", "onAddressValidation", "onApplyPreset", "onBeforeLabelCreate", "onChangeAddress", "onLabelCreateFailure", "onLabelCreateSuccess", "onRateSaved", "onRatesCalculated", "onShipmentUpdated", "printLabelLayout", "preferredServiceCodes", "salesOrder", "shipment", "onBeforeRateSaved"]);
   const hydrateRef = React.useRef();
   const {
     isInternational
@@ -16210,10 +16987,12 @@ const ConfigureShipment = _a => {
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [jsxRuntime.jsx(ShipmentForm, Object.assign({}, shipmentFormProps, props, {
       charsetWarning: charsetWarning,
+      currency: currency,
       features: features === null || features === void 0 ? void 0 : features.shipmentForm,
       hydrateRef: hydrateRef,
       onDirty: handleOnDirty
     })), jsxRuntime.jsx(RateForm, Object.assign({}, rateFormProps, {
+      currency: currency,
       disabled: charsetWarning === null || charsetWarning === void 0 ? void 0 : charsetWarning.error,
       displayableShipmentErrors: shipmentFormProps.displayableErrors,
       features: features,
@@ -16254,16 +17033,18 @@ const usePendingShipment = ({
   const defaultWarehouse = (_a = warehouses === null || warehouses === void 0 ? void 0 : warehouses.find(w => w.warehouseId === warehouseId)) !== null && _a !== void 0 ? _a : warehouses === null || warehouses === void 0 ? void 0 : warehouses[0];
   const handleShipmentCreation = React.useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
     if (!salesOrder || !defaultWarehouse || isCreatingShipment) return;
+    const customsFromSalesOrder = getCustomsFromSalesOrder(salesOrder, defaultWarehouse);
     try {
       setIsCreatingShipment(true);
       const shipment = yield createShipment(Object.assign(Object.assign({
         salesOrderId: salesOrder.salesOrderId,
         warehouseId: defaultWarehouse.warehouseId
       }, getIsCustomsRequiredForSalesOrder(salesOrder, defaultWarehouse) && {
-        customs: getCustomsFromSalesOrder(salesOrder, defaultWarehouse)
+        customs: customsFromSalesOrder.customs
       }), {
         packages: [{
           packageCode: "package",
+          products: customsFromSalesOrder.products,
           weight: {
             unit: "pound",
             value: 0
@@ -17277,7 +18058,7 @@ const useImportSalesOrder = ({
 };
 
 const PurchaseLabelBySalesOrder = _a => {
-  var _b;
+  var _b, _c;
   var {
       features,
       externalOrderId,
@@ -17287,10 +18068,11 @@ const PurchaseLabelBySalesOrder = _a => {
       orderSourceCode,
       salesOrderId,
       warehouseId,
-      printLabelLayout
+      printLabelLayout,
+      currency = alchemy.SE.Currency.USD
     } = _a,
-    props = __rest(_a, ["features", "externalOrderId", "externalOrderNumber", "onLoad", "onShipmentUpdated", "orderSourceCode", "salesOrderId", "warehouseId", "printLabelLayout"]);
-  const _c = useImportSalesOrder({
+    props = __rest(_a, ["features", "externalOrderId", "externalOrderNumber", "onLoad", "onShipmentUpdated", "orderSourceCode", "salesOrderId", "warehouseId", "printLabelLayout", "currency"]);
+  const _d = useImportSalesOrder({
       externalOrderId,
       externalOrderNumber,
       orderSourceCode,
@@ -17299,8 +18081,8 @@ const PurchaseLabelBySalesOrder = _a => {
     {
       salesOrder,
       isLoading: salesOrderLoading
-    } = _c,
-    salesOrderProps = __rest(_c, ["salesOrder", "isLoading"]);
+    } = _d,
+    salesOrderProps = __rest(_d, ["salesOrder", "isLoading"]);
   const configureShipmentProps = useConfigureShipment({
     errorWhenShipmentCancelled: (_b = features === null || features === void 0 ? void 0 : features.configureShipment) === null || _b === void 0 ? void 0 : _b.enableErrorWhenShipmentCancelled,
     onLoad,
@@ -17311,14 +18093,15 @@ const PurchaseLabelBySalesOrder = _a => {
   });
   const {
     data: insuranceAccount,
-    isLoading: insuranceIsLoading
-  } = alchemy.useGetInsuranceAccount("shipsurance");
+    isInitialLoading: insuranceIsLoading
+  } = alchemy.useGetInsuranceAccount(((_c = configureShipmentProps === null || configureShipmentProps === void 0 ? void 0 : configureShipmentProps.shipment) === null || _c === void 0 ? void 0 : _c.insuranceProvider) === alchemy.SE.InsuranceProviderType.SHIPSURANCE ? alchemy.SE.InsuranceProviderType.SHIPSURANCE : undefined);
   return jsxRuntime.jsx(SuspendSalesOrder, Object.assign({
     salesOrder: salesOrder
   }, salesOrderProps, {
     isLoading: salesOrderLoading || configureShipmentProps.isLoading || insuranceIsLoading
   }, {
     children: salesOrder && jsxRuntime.jsx(ConfigureShipment, Object.assign({
+      currency: currency,
       features: features,
       insuranceAccount: insuranceAccount,
       salesOrder: salesOrder
@@ -17401,9 +18184,10 @@ const PurchaseLabelByShipment = _a => {
   var {
       onLoad,
       onShipmentUpdated,
-      shipmentId
+      shipmentId,
+      currency = alchemy.SE.Currency.USD
     } = _a,
-    props = __rest(_a, ["onLoad", "onShipmentUpdated", "shipmentId"]);
+    props = __rest(_a, ["onLoad", "onShipmentUpdated", "shipmentId", "currency"]);
   const _b = useGetOrCreateShipment(onShipmentUpdated, shipmentId),
     {
       shipment
@@ -17416,11 +18200,12 @@ const PurchaseLabelByShipment = _a => {
   const {
     data: insuranceAccount,
     isInitialLoading: insuranceIsLoading
-  } = alchemy.useGetInsuranceAccount("shipsurance");
+  } = alchemy.useGetInsuranceAccount((shipment === null || shipment === void 0 ? void 0 : shipment.insuranceProvider) === alchemy.SE.InsuranceProviderType.SHIPSURANCE ? alchemy.SE.InsuranceProviderType.SHIPSURANCE : undefined);
   return jsxRuntime.jsx(SuspendShipment, Object.assign({
     shipment: shipment
   }, shipmentProps, {
     children: shipment && jsxRuntime.jsx(ConfigureShipment, Object.assign({
+      currency: currency,
       errors: shipmentProps.errors,
       insuranceAccount: insuranceAccount,
       isLoading: shipmentProps.isLoading || insuranceIsLoading,
@@ -17455,7 +18240,7 @@ const PurchaseLabelByShipment = _a => {
  * @see {@link PurchaseLabel.Element | The **Element** created to render `<PurchaseLabel />`}
  */
 const Component$4 = _a => {
-  var _b;
+  var _b, _c;
   var {
       features
     } = _a,
@@ -17463,15 +18248,22 @@ const Component$4 = _a => {
   const {
     t
   } = reactI18next.useTranslation();
-  const warehouses = alchemy.useListWarehouses();
-  const carriers = alchemy.useListCarriers();
+  const {
+    data: warehouses
+  } = alchemy.useListWarehouses();
+  const {
+    data: carriers
+  } = alchemy.useListCarriers();
+  const {
+    data: fundingSource
+  } = alchemy.useListFundingSources();
+  const currency = getCurrencyFromString((_b = fundingSource === null || fundingSource === void 0 ? void 0 : fundingSource[0]) === null || _b === void 0 ? void 0 : _b.currencyCode);
   const incompleteRequirementsKeys = React.useMemo(() => {
-    var _a, _b;
-    const isMissingWarehouse = ((_a = warehouses.data) === null || _a === void 0 ? void 0 : _a.length) === 0;
-    const isMissingCarrier = ((_b = carriers.data) === null || _b === void 0 ? void 0 : _b.length) === 0;
+    const isMissingWarehouse = (warehouses === null || warehouses === void 0 ? void 0 : warehouses.length) === 0;
+    const isMissingCarrier = (carriers === null || carriers === void 0 ? void 0 : carriers.length) === 0;
     return isMissingWarehouse && isMissingCarrier ? ["noWarehouseOrCarrier"] : [isMissingWarehouse && "noWarehouse", isMissingCarrier && "noCarrier"].filter(Boolean);
   }, [carriers, warehouses]);
-  const partnerMessages = (_b = features === null || features === void 0 ? void 0 : features.partnerMessages) === null || _b === void 0 ? void 0 : _b.incompleteLabelPurchaseRequirements;
+  const partnerMessages = (_c = features === null || features === void 0 ? void 0 : features.partnerMessages) === null || _c === void 0 ? void 0 : _c.incompleteLabelPurchaseRequirements;
   const incompleteRequirementsError = partnerMessages ? partnerMessages : t("errorMessages.incompleteLabelPurchaseRequirements", {
     requirements: incompleteRequirementsKeys.map(key => t(`purchase-label:requirements.${key}`))
   });
@@ -17479,9 +18271,13 @@ const Component$4 = _a => {
   if ("salesOrderId" in props || "orderSourceCode" in props) {
     return jsxRuntime.jsx(PurchaseLabelBySalesOrder, Object.assign({
       features: features
-    }, props));
+    }, props, {
+      currency: currency
+    }));
   } else {
-    return jsxRuntime.jsx(PurchaseLabelByShipment, Object.assign({}, props));
+    return jsxRuntime.jsx(PurchaseLabelByShipment, Object.assign({}, props, {
+      currency: currency
+    }));
   }
 };
 /**
@@ -18717,7 +19513,7 @@ const styles$5 = createStyles({
   }),
   presetOption: theme => ({
     "&:hover": {
-      backgroundColor: theme.palette.gray.ultraLight
+      backgroundColor: "theme.palette.gray.ultraLight"
     },
     backgroundColor: "transparent",
     borderRadius: "4px",
@@ -18728,7 +19524,7 @@ const styles$5 = createStyles({
     "&:hover": {
       backgroundColor: "#d1d4d7"
     },
-    backgroundColor: theme.palette.gray.light,
+    backgroundColor: "#E4E5E7",
     borderRadius: "4px",
     cursor: "pointer",
     display: "flex",
@@ -18741,7 +19537,8 @@ const styles$5 = createStyles({
 const ThemeCreator = ({
   themeConfig,
   onUpdateThemeConfig,
-  presets
+  presets,
+  showDrawer
 }) => {
   const defaultThemeConfigRef = React.useRef(themeConfig);
   const [isDrawerOpen, setIsDrawerOpen] = React.useState(false);
@@ -18795,7 +19592,7 @@ const ThemeCreator = ({
         return null;
     }
   };
-  const formattedThemeObj = `const theme = ${JSON.stringify(themeConfig, null, 2)}`;
+  // const formattedThemeObj = `const theme = ${JSON.stringify(themeConfig, null, 2)}`;
   const presetsRef = React.useRef(null);
   const [showPresets, toggleShowPresets] = useToggle(false);
   const applyPreset = theme => {
@@ -18817,54 +19614,67 @@ const ThemeCreator = ({
           onSelectTab: handleSelectedTab,
           selectedTab: selectedTab,
           tabs: formattedThemeTabs
-        }), jsxRuntime.jsxs("button", Object.assign({
-          "aria-controls": "presets-popover",
-          "aria-expanded": showPresets,
+        }), presets ? jsxRuntime.jsxs("div", {
+          children: [jsxRuntime.jsxs("button", Object.assign({
+            "aria-controls": "presets-popover",
+            "aria-expanded": showPresets,
+            css: styles$5.presetsButton,
+            onClick: e => {
+              e.preventDefault();
+              toggleShowPresets();
+            },
+            ref: presetsRef
+          }, {
+            children: ["Presets", jsxRuntime.jsx(giger.Icon, {
+              name: gigerTheme.IconNames.CARET_BOTTOM,
+              size: giger.IconSize.SIZE_SMALL
+            })]
+          })), jsxRuntime.jsx(giger.Popover, Object.assign({
+            container: document.querySelector("#theme-creator"),
+            isOpen: showPresets,
+            onClickAway: () => toggleShowPresets(),
+            placement: "bottom-end",
+            reference: presetsRef.current
+          }, {
+            children: jsxRuntime.jsxs("div", Object.assign({
+              css: styles$5.popoverWrapper
+            }, {
+              children: [jsxRuntime.jsx("button", Object.assign({
+                "aria-label": "Set Default Theme",
+                css: styles$5.presetOption,
+                onClick: e => {
+                  e.preventDefault();
+                  toggleShowPresets();
+                  applyPreset(defaultThemeConfigRef.current);
+                },
+                role: "menuitem"
+              }, {
+                children: "Default"
+              })), presets.map(preset => jsxRuntime.jsx("button", Object.assign({
+                "aria-label": `Set ${preset.presetName} Theme`,
+                css: styles$5.presetOption,
+                onClick: e => {
+                  e.preventDefault();
+                  toggleShowPresets();
+                  applyPreset(preset.themeConfig);
+                },
+                role: "menuitem"
+              }, {
+                children: preset.presetName
+              }), preset.presetName))]
+            }))
+          }))]
+        }) :
+        //reset to default button
+        jsxRuntime.jsx("button", Object.assign({
+          "aria-label": "Set Default Theme",
           css: styles$5.presetsButton,
-          onClick: e => {
-            e.preventDefault();
-            toggleShowPresets();
+          onClick: () => {
+            applyPreset(defaultThemeConfigRef.current);
           },
-          ref: presetsRef
-        }, {
-          children: ["Presets", jsxRuntime.jsx(giger.Icon, {
-            name: gigerTheme.IconNames.CARET_BOTTOM,
-            size: giger.IconSize.SIZE_SMALL
-          })]
-        })), jsxRuntime.jsx(giger.Popover, Object.assign({
-          container: document.querySelector("#theme-creator"),
-          isOpen: showPresets,
-          onClickAway: () => toggleShowPresets(),
-          placement: "bottom-end",
-          reference: presetsRef.current
+          role: "menuitem"
         }, {
-          children: jsxRuntime.jsxs("div", Object.assign({
-            css: styles$5.popoverWrapper
-          }, {
-            children: [jsxRuntime.jsx("button", Object.assign({
-              "aria-label": "Set Default Theme",
-              css: styles$5.presetOption,
-              onClick: e => {
-                e.preventDefault();
-                toggleShowPresets();
-                applyPreset(defaultThemeConfigRef.current);
-              },
-              role: "menuitem"
-            }, {
-              children: "Default"
-            })), presets && presets.map(preset => jsxRuntime.jsx("button", Object.assign({
-              "aria-label": `Set ${preset.presetName} Theme`,
-              css: styles$5.presetOption,
-              onClick: e => {
-                e.preventDefault();
-                toggleShowPresets();
-                applyPreset(preset.themeConfig);
-              },
-              role: "menuitem"
-            }, {
-              children: preset.presetName
-            }), preset.presetName))]
-          }))
+          children: "Reset to Default"
         }))]
       })), jsxRuntime.jsx(giger.Typography, Object.assign({
         role: "heading",
@@ -18872,29 +19682,27 @@ const ThemeCreator = ({
       }, {
         children: `${selectedTab} Editor`
       })), renderContentBySelectedTab(themeConfig, selectedTab)]
-    })), jsxRuntime.jsx(Drawer, Object.assign({
-      "aria-label": "Show Theme.js Code Drawer",
+    })), showDrawer && jsxRuntime.jsx(Drawer, Object.assign({
+      "aria-label": "Show themeConfig.js Code Drawer",
       headerContent: jsxRuntime.jsxs("div", Object.assign({
         css: styles$5.drawerHeader
       }, {
         children: [jsxRuntime.jsx("pre", Object.assign({
           css: styles$5.pre
         }, {
-          children: "theme.js"
-        })), jsxRuntime.jsx("div", Object.assign({
+          children: "themeConfig.js"
+        })), showDrawer.copyToClipboardText && jsxRuntime.jsx("div", Object.assign({
           css: styles$5.copy
         }, {
           children: jsxRuntime.jsx(CopyButton, {
-            content: formattedThemeObj.replace(/"([^"]+)":/g, "$1:")
+            content: showDrawer.copyToClipboardText
           })
         }))]
       })),
       isOpen: isDrawerOpen,
       toggleDrawer: () => setIsDrawerOpen(!isDrawerOpen)
     }, {
-      children: jsxRuntime.jsx(CodeBlock, {
-        code: formattedThemeObj
-      })
+      children: showDrawer.content
     }))]
   }));
 };
@@ -19893,7 +20701,6 @@ exports.CarrierBalance = CarrierBalance;
 exports.CarrierIcon = CarrierIcon;
 exports.CarrierLogo = CarrierLogo;
 exports.CellFormattedDate = CellFormattedDate;
-exports.CodeBlock = CodeBlock;
 exports.CollapsiblePanel = CollapsiblePanel;
 exports.CopyButton = CopyButton;
 exports.Country = Country;
@@ -19968,6 +20775,8 @@ exports.formatMoney = formatMoney;
 exports.getAddFundsSchema = getAddFundsSchema;
 exports.getCancelledShipment = getCancelledShipment;
 exports.getCarrierIdByCarrierCode = getCarrierIdByCarrierCode;
+exports.getCurrencyFromString = getCurrencyFromString;
+exports.getCurrencySymbolFromString = getCurrencySymbolFromString;
 exports.getCustomsFromSalesOrder = getCustomsFromSalesOrder;
 exports.getExpirationYears = getExpirationYears;
 exports.getFeatures = getFeatures;