@shipengine/alchemy 4.0.0 → 4.1.0

package/index.js

@@ -4,10 +4,10 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 
 const React = require('react');
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@emotion/react');
 const giger = require('@packlink/giger');
 const gigerTheme = require('@packlink/giger-theme');
 const reactQuery = require('@tanstack/react-query');
+const react = require('@emotion/react');
 const reactI18next = require('react-i18next');
 const i18n = require('i18next');
 
@@ -2462,13 +2462,6 @@ function jsx(type, props, key) {
 
   return jsxRuntime.jsx(Emotion, createEmotionProps(type, props), key);
 }
-function jsxs(type, props, key) {
-  if (!hasOwnProperty.call(props, 'css')) {
-    return jsxRuntime.jsxs(type, props, key);
-  }
-
-  return jsxRuntime.jsxs(Emotion, createEmotionProps(type, props), key);
-}
 
 var dist = {};
 
@@ -2476,17 +2469,17 @@ Object.defineProperty(dist, "__esModule", { value: true });
 var _default = dist.default = (function () {
 });
 
-var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
-var __hasOwnProp$c = Object.prototype.hasOwnProperty;
-var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
+var __hasOwnProp$d = Object.prototype.hasOwnProperty;
+var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
 var __objRest$8 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$c.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$d.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$c)
-    for (var prop of __getOwnPropSymbols$c(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$c.call(source, prop))
+  if (source != null && __getOwnPropSymbols$d)
+    for (var prop of __getOwnPropSymbols$d(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$d.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -5254,7 +5247,7 @@ var ipaddr = {
 	}).call(commonjsGlobal);
 } (ipaddr));
 
-var __async$w = (__this, __arguments, generator) => {
+var __async$v = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -5274,7 +5267,7 @@ var __async$w = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const getEndUserIpAddress = () => __async$w(void 0, null, function* () {
+const getEndUserIpAddress = () => __async$v(void 0, null, function* () {
   try {
     const response = yield axios.get("https://api.ipify.org/?format=json");
     if (response.data.ip && ipaddrExports.isValid(response.data.ip)) {
@@ -5286,21 +5279,21 @@ const getEndUserIpAddress = () => __async$w(void 0, null, function* () {
   }
 });
 
-var __defProp$5 = Object.defineProperty;
+var __defProp$6 = Object.defineProperty;
 var __defProps$3 = Object.defineProperties;
 var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
-var __hasOwnProp$b = Object.prototype.hasOwnProperty;
-var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$5 = (a, b) => {
+var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
+var __hasOwnProp$c = Object.prototype.hasOwnProperty;
+var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$6 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$b.call(b, prop))
-      __defNormalProp$5(a, prop, b[prop]);
-  if (__getOwnPropSymbols$b)
-    for (var prop of __getOwnPropSymbols$b(b)) {
-      if (__propIsEnum$b.call(b, prop))
-        __defNormalProp$5(a, prop, b[prop]);
+    if (__hasOwnProp$c.call(b, prop))
+      __defNormalProp$6(a, prop, b[prop]);
+  if (__getOwnPropSymbols$c)
+    for (var prop of __getOwnPropSymbols$c(b)) {
+      if (__propIsEnum$c.call(b, prop))
+        __defNormalProp$6(a, prop, b[prop]);
     }
   return a;
 };
@@ -5308,16 +5301,16 @@ var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
 var __objRest$7 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$b.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$c.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$b)
-    for (var prop of __getOwnPropSymbols$b(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$b.call(source, prop))
+  if (source != null && __getOwnPropSymbols$c)
+    for (var prop of __getOwnPropSymbols$c(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$c.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
-var __async$v = (__this, __arguments, generator) => {
+var __async$u = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -5355,12 +5348,12 @@ class CarriersAPI {
     /**
      * The `connect` method connects a carrier account to a user's ShipEngine account.
      */
-    this.connect = (_a) => __async$v(this, null, function* () {
+    this.connect = (_a) => __async$u(this, null, function* () {
       var _b = _a, { carrierCode } = _b, connection = __objRest$7(_b, ["carrierCode"]);
       const endUserIpAddress = yield getEndUserIpAddress();
       if (!endUserIpAddress)
         return Promise.reject([new CodedError("Unable to get IP address")]);
-      return yield this.client.post(`/v1/registration/${carrierCode}`, __spreadProps$3(__spreadValues$5({}, connection), {
+      return yield this.client.post(`/v1/registration/${carrierCode}`, __spreadProps$3(__spreadValues$6({}, connection), {
         endUserIpAddress
       }));
     });
@@ -7642,23 +7635,23 @@ class CustomPackagesAPI {
   }
 }
 
-var __defProp$4 = Object.defineProperty;
-var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
-var __hasOwnProp$a = Object.prototype.hasOwnProperty;
-var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$4 = (a, b) => {
+var __defProp$5 = Object.defineProperty;
+var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
+var __hasOwnProp$b = Object.prototype.hasOwnProperty;
+var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$5 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$a.call(b, prop))
-      __defNormalProp$4(a, prop, b[prop]);
-  if (__getOwnPropSymbols$a)
-    for (var prop of __getOwnPropSymbols$a(b)) {
-      if (__propIsEnum$a.call(b, prop))
-        __defNormalProp$4(a, prop, b[prop]);
+    if (__hasOwnProp$b.call(b, prop))
+      __defNormalProp$5(a, prop, b[prop]);
+  if (__getOwnPropSymbols$b)
+    for (var prop of __getOwnPropSymbols$b(b)) {
+      if (__propIsEnum$b.call(b, prop))
+        __defNormalProp$5(a, prop, b[prop]);
     }
   return a;
 };
-var __async$u = (__this, __arguments, generator) => {
+var __async$t = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -7697,11 +7690,11 @@ class FundingSourcesAPI {
      * The `create` method creates a new funding source for a given user. This requires
      * payment information to be collected from the user.
      */
-    this.create = (createFundingSource) => __async$u(this, null, function* () {
+    this.create = (createFundingSource) => __async$t(this, null, function* () {
       const endUserIpAddress = yield getEndUserIpAddress();
       if (!endUserIpAddress)
         return Promise.reject([new CodedError("Unable to get IP address")]);
-      return yield this.client.post("/v1/funding_sources", __spreadValues$4({
+      return yield this.client.post("/v1/funding_sources", __spreadValues$5({
         endUserIpAddress
       }, createFundingSource));
     });
@@ -7710,7 +7703,7 @@ class FundingSourcesAPI {
      * user to update the billing address or payment information associated with the
      * funding source.
      */
-    this.update = (billingInfo, creditCardInfo, fundingSourceId) => __async$u(this, null, function* () {
+    this.update = (billingInfo, creditCardInfo, fundingSourceId) => __async$t(this, null, function* () {
       const endUserIpAddress = yield getEndUserIpAddress();
       if (!endUserIpAddress)
         return Promise.reject([new CodedError("Unable to get IP address")]);
@@ -7727,18 +7720,18 @@ class FundingSourcesAPI {
      * The `registerCarrier` method registers a carrier account and associates
      * it with a given funding source.
      */
-    this.registerCarrier = (carrier) => __async$u(this, null, function* () {
+    this.registerCarrier = (carrier) => __async$t(this, null, function* () {
       const endUserIpAddress = yield getEndUserIpAddress();
       if (!endUserIpAddress)
         return Promise.reject([new CodedError("Unable to get IP address")]);
-      return yield this.client.post("/v1/registration/funding_source", __spreadValues$4({
+      return yield this.client.post("/v1/registration/funding_source", __spreadValues$5({
         endUserIpAddress
       }, carrier));
     });
     /**
      * The `addFunds` method allows you to add funds to a funding source.
      */
-    this.addFunds = (amount, fundingSourceId) => __async$u(this, null, function* () {
+    this.addFunds = (amount, fundingSourceId) => __async$t(this, null, function* () {
       return yield this.client.put(
         `/v1/funding_sources/${fundingSourceId}/add_funds`,
         amount
@@ -7972,7 +7965,7 @@ class SalesOrdersAPI {
   }
 }
 
-var __async$t = (__this, __arguments, generator) => {
+var __async$s = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -8015,7 +8008,7 @@ class ShipmentsAPI {
      * The `create` method allows for creating shipments based on a list of shipment
      * items passed into this method.
      */
-    this.create = (...shipments) => __async$t(this, null, function* () {
+    this.create = (...shipments) => __async$s(this, null, function* () {
       return this.client.post("/v1/shipments", {
         shipments
       });
@@ -8059,26 +8052,26 @@ class WarehousesAPI {
   }
 }
 
-var __defProp$3 = Object.defineProperty;
+var __defProp$4 = Object.defineProperty;
 var __defProps$2 = Object.defineProperties;
 var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
-var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
-var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$3 = (a, b) => {
+var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
+var __hasOwnProp$a = Object.prototype.hasOwnProperty;
+var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$4 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$9.call(b, prop))
-      __defNormalProp$3(a, prop, b[prop]);
-  if (__getOwnPropSymbols$9)
-    for (var prop of __getOwnPropSymbols$9(b)) {
-      if (__propIsEnum$9.call(b, prop))
-        __defNormalProp$3(a, prop, b[prop]);
+    if (__hasOwnProp$a.call(b, prop))
+      __defNormalProp$4(a, prop, b[prop]);
+  if (__getOwnPropSymbols$a)
+    for (var prop of __getOwnPropSymbols$a(b)) {
+      if (__propIsEnum$a.call(b, prop))
+        __defNormalProp$4(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
-var __async$s = (__this, __arguments, generator) => {
+var __async$r = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -8100,7 +8093,7 @@ var __async$s = (__this, __arguments, generator) => {
 };
 const logger$1 = E({
   name: "shipengine-api",
-  serializers: __spreadProps$2(__spreadValues$3({}, k), {
+  serializers: __spreadProps$2(__spreadValues$4({}, k), {
     req: (req) => ({
       headers: req.headers,
       method: req.method,
@@ -8125,7 +8118,7 @@ class ShipEngineAPI {
   constructor(token, { baseURL, headers, getToken }) {
     const client = axios.create({
       baseURL,
-      headers: __spreadProps$2(__spreadValues$3({}, headers), {
+      headers: __spreadProps$2(__spreadValues$4({}, headers), {
         Authorization: `Bearer ${token}`,
         "Content-Type": "application/json"
       }),
@@ -8172,7 +8165,7 @@ class ShipEngineAPI {
         );
         return res;
       },
-      (err) => __async$s(this, null, function* () {
+      (err) => __async$r(this, null, function* () {
         var _a, _b, _c, _d, _e, _f, _g;
         logger$1.error(
           { err, req: err.config, res: err.response },
@@ -8399,21 +8392,21 @@ const delay = (ms) => new Promise((resolve) => {
 
 const onError = (errors) => errors.forEach(console.log);
 
-var __defProp$2 = Object.defineProperty;
+var __defProp$3 = Object.defineProperty;
 var __defProps$1 = Object.defineProperties;
 var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
-var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
-var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$2 = (a, b) => {
+var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
+var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
+var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$3 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$8.call(b, prop))
-      __defNormalProp$2(a, prop, b[prop]);
-  if (__getOwnPropSymbols$8)
-    for (var prop of __getOwnPropSymbols$8(b)) {
-      if (__propIsEnum$8.call(b, prop))
-        __defNormalProp$2(a, prop, b[prop]);
+    if (__hasOwnProp$9.call(b, prop))
+      __defNormalProp$3(a, prop, b[prop]);
+  if (__getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(b)) {
+      if (__propIsEnum$9.call(b, prop))
+        __defNormalProp$3(a, prop, b[prop]);
     }
   return a;
 };
@@ -8426,7 +8419,7 @@ if (process.env.NODE_ENV === "production") {
 }
 const logger = E({
   name: "shipengine",
-  serializers: __spreadProps$1(__spreadValues$2({}, k), {
+  serializers: __spreadProps$1(__spreadValues$3({}, k), {
     req: (req) => ({
       headers: req.headers,
       method: req.method,
@@ -8461,7 +8454,7 @@ const useGetAccountSettings = () => {
   });
 };
 
-var __async$r = (__this, __arguments, generator) => {
+var __async$q = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -8484,7 +8477,7 @@ var __async$r = (__this, __arguments, generator) => {
 const useUpdateAccountSettings = () => {
   const { client } = useShipEngine();
   return reactQuery.useMutation({
-    mutationFn: (settings) => __async$r(void 0, null, function* () {
+    mutationFn: (settings) => __async$q(void 0, null, function* () {
       const result = yield client.accountSettings.update(settings);
       return result.data;
     }),
@@ -8493,7 +8486,7 @@ const useUpdateAccountSettings = () => {
   });
 };
 
-var __async$q = (__this, __arguments, generator) => {
+var __async$p = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -8516,7 +8509,7 @@ var __async$q = (__this, __arguments, generator) => {
 const useParseAddress = () => {
   const { client } = useShipEngine();
   return reactQuery.useMutation({
-    mutationFn: (_0) => __async$q(void 0, [_0], function* ({ address, text }) {
+    mutationFn: (_0) => __async$p(void 0, [_0], function* ({ address, text }) {
       const result = yield client.addresses.parse(text, address);
       return result.data;
     }),
@@ -8525,7 +8518,7 @@ const useParseAddress = () => {
   });
 };
 
-var __async$p = (__this, __arguments, generator) => {
+var __async$o = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -8548,7 +8541,7 @@ var __async$p = (__this, __arguments, generator) => {
 const useValidateAddresses = () => {
   const { client } = useShipEngine();
   return reactQuery.useMutation({
-    mutationFn: (addresses) => __async$p(void 0, null, function* () {
+    mutationFn: (addresses) => __async$o(void 0, null, function* () {
       const result = yield client.addresses.validate(addresses);
       return result.data;
     }),
@@ -8557,7 +8550,7 @@ const useValidateAddresses = () => {
   });
 };
 
-var __async$o = (__this, __arguments, generator) => {
+var __async$n = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -8580,7 +8573,7 @@ var __async$o = (__this, __arguments, generator) => {
 const useAddFunds = (carrierId) => {
   const { client } = useShipEngine();
   return reactQuery.useMutation({
-    mutationFn: (funds) => __async$o(void 0, null, function* () {
+    mutationFn: (funds) => __async$n(void 0, null, function* () {
       const result = yield client.carriers.addFunds(carrierId, funds);
       return result.data;
     }),
@@ -8589,7 +8582,7 @@ const useAddFunds = (carrierId) => {
   });
 };
 
-var __async$n = (__this, __arguments, generator) => {
+var __async$m = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -8612,7 +8605,7 @@ var __async$n = (__this, __arguments, generator) => {
 const useConnectCarrier = () => {
   const { client } = useShipEngine();
   return reactQuery.useMutation({
-    mutationFn: (params) => __async$n(void 0, null, function* () {
+    mutationFn: (params) => __async$m(void 0, null, function* () {
       const result = yield client.carriers.connect(params);
       return result.data;
     }),
@@ -8749,7 +8742,7 @@ const useListCarriers = () => {
   });
 };
 
-var __async$m = (__this, __arguments, generator) => {
+var __async$l = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -8773,7 +8766,7 @@ const useUpdateAutoFunding = (carrierId) => {
   const { client } = useShipEngine();
   const queryClient = reactQuery.useQueryClient();
   return reactQuery.useMutation({
-    mutationFn: (options) => __async$m(void 0, null, function* () {
+    mutationFn: (options) => __async$l(void 0, null, function* () {
       const result = yield client.carriers.updateAutoFunding(carrierId, options);
       return result.data;
     }),
@@ -8812,7 +8805,7 @@ const useListCustomPackageTypes = () => {
   });
 };
 
-var __async$l = (__this, __arguments, generator) => {
+var __async$k = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -8835,7 +8828,7 @@ var __async$l = (__this, __arguments, generator) => {
 const useCreateFundingSource = () => {
   const { client } = useShipEngine();
   return reactQuery.useMutation({
-    mutationFn: (fundingSource) => __async$l(void 0, null, function* () {
+    mutationFn: (fundingSource) => __async$k(void 0, null, function* () {
       const result = yield client.fundingSources.create(fundingSource);
       return result.data;
     }),
@@ -8844,7 +8837,7 @@ const useCreateFundingSource = () => {
   });
 };
 
-var __async$k = (__this, __arguments, generator) => {
+var __async$j = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -8867,7 +8860,7 @@ var __async$k = (__this, __arguments, generator) => {
 const useFundingSourcesAddFunds = (fundingSourceId) => {
   const { client } = useShipEngine();
   return reactQuery.useMutation({
-    mutationFn: (funds) => __async$k(void 0, null, function* () {
+    mutationFn: (funds) => __async$j(void 0, null, function* () {
       const result = yield client.fundingSources.addFunds(funds, fundingSourceId);
       return result.data;
     }),
@@ -8896,7 +8889,7 @@ const useListFundingSources = () => {
   });
 };
 
-var __async$j = (__this, __arguments, generator) => {
+var __async$i = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -8919,7 +8912,7 @@ var __async$j = (__this, __arguments, generator) => {
 const useRegisterCarrier = () => {
   const { client } = useShipEngine();
   return reactQuery.useMutation({
-    mutationFn: (carrier) => __async$j(void 0, null, function* () {
+    mutationFn: (carrier) => __async$i(void 0, null, function* () {
       const result = yield client.fundingSources.registerCarrier(carrier);
       return result.data;
     }),
@@ -8928,7 +8921,7 @@ const useRegisterCarrier = () => {
   });
 };
 
-var __async$i = (__this, __arguments, generator) => {
+var __async$h = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -8951,7 +8944,7 @@ var __async$i = (__this, __arguments, generator) => {
 const useUpdateFundingSource = () => {
   const { client } = useShipEngine();
   return reactQuery.useMutation({
-    mutationFn: (_0) => __async$i(void 0, [_0], function* ({
+    mutationFn: (_0) => __async$h(void 0, [_0], function* ({
       billingInfo,
       creditCardInfo,
       fundingSourceId
@@ -8983,22 +8976,22 @@ const useGetInsuranceAccount = (insuranceProvider) => {
   });
 };
 
-var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
-var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
-var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
+var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
+var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
 var __objRest$6 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$8.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$7.call(source, prop))
+  if (source != null && __getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$8.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
-var __async$h = (__this, __arguments, generator) => {
+var __async$g = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -9021,7 +9014,7 @@ var __async$h = (__this, __arguments, generator) => {
 const useCreateLabel = () => {
   const { client } = useShipEngine();
   return reactQuery.useMutation({
-    mutationFn: (_a) => __async$h(void 0, null, function* () {
+    mutationFn: (_a) => __async$g(void 0, null, function* () {
       var _b = _a, { rateId } = _b, options = __objRest$6(_b, ["rateId"]);
       const result = yield client.labels.createByRateId(rateId, options);
       return result.data;
@@ -9057,7 +9050,7 @@ const useListLabels = (params) => {
   });
 };
 
-var __async$g = (__this, __arguments, generator) => {
+var __async$f = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -9080,7 +9073,7 @@ var __async$g = (__this, __arguments, generator) => {
 const useVoidLabel = () => {
   const { client } = useShipEngine();
   return reactQuery.useMutation({
-    mutationFn: (labelId) => __async$g(void 0, null, function* () {
+    mutationFn: (labelId) => __async$f(void 0, null, function* () {
       const result = yield client.labels.void(labelId);
       return result.data;
     }),
@@ -9099,7 +9092,7 @@ const useListOrderSources = () => {
   });
 };
 
-var __async$f = (__this, __arguments, generator) => {
+var __async$e = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -9122,7 +9115,7 @@ var __async$f = (__this, __arguments, generator) => {
 const useRefreshOrderSourceAsync = () => {
   const { client } = useShipEngine();
   return reactQuery.useMutation({
-    mutationFn: (orderSourceId) => __async$f(void 0, null, function* () {
+    mutationFn: (orderSourceId) => __async$e(void 0, null, function* () {
       const result = yield client.orderSources.refresh(orderSourceId);
       return result.data;
     }),
@@ -9133,9 +9126,9 @@ const useRefreshOrderSource = () => {
   const { client } = useShipEngine();
   const { mutateAsync: refreshOrderSourceAsync } = useRefreshOrderSourceAsync();
   return reactQuery.useMutation({
-    mutationFn: (orderSourceId) => __async$f(void 0, null, function* () {
+    mutationFn: (orderSourceId) => __async$e(void 0, null, function* () {
       yield refreshOrderSourceAsync(orderSourceId);
-      const waitResult = yield retryUntil(() => __async$f(void 0, null, function* () {
+      const waitResult = yield retryUntil(() => __async$e(void 0, null, function* () {
         const { data: checkResult } = yield client.orderSources.get(orderSourceId);
         if (["preparing_update", "updating"].includes(checkResult.refreshInfo.status)) {
           throw new CodedError("Order source is still refreshing");
@@ -9149,7 +9142,7 @@ const useRefreshOrderSource = () => {
   });
 };
 
-var __async$e = (__this, __arguments, generator) => {
+var __async$d = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -9172,7 +9165,7 @@ var __async$e = (__this, __arguments, generator) => {
 const useCreateRateCard = () => {
   const { client } = useShipEngine();
   return reactQuery.useMutation({
-    mutationFn: (rateCard) => __async$e(void 0, null, function* () {
+    mutationFn: (rateCard) => __async$d(void 0, null, function* () {
       const result = yield client.rateCards.create(rateCard);
       return result.data;
     }),
@@ -9219,7 +9212,7 @@ const useListRateCards = (carrierIds) => {
   });
 };
 
-var __async$d = (__this, __arguments, generator) => {
+var __async$c = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -9242,7 +9235,7 @@ var __async$d = (__this, __arguments, generator) => {
 const usePublishRateCard = () => {
   const { client } = useShipEngine();
   return reactQuery.useMutation({
-    mutationFn: (rateCardId) => __async$d(void 0, null, function* () {
+    mutationFn: (rateCardId) => __async$c(void 0, null, function* () {
       return yield client.rateCards.publish(rateCardId);
     }),
     mutationKey: ["usePublishRateCard"],
@@ -9250,7 +9243,7 @@ const usePublishRateCard = () => {
   });
 };
 
-var __async$c = (__this, __arguments, generator) => {
+var __async$b = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -9273,7 +9266,7 @@ var __async$c = (__this, __arguments, generator) => {
 const useUpdateRateCard = () => {
   const { client } = useShipEngine();
   return reactQuery.useMutation({
-    mutationFn: (rateCard) => __async$c(void 0, null, function* () {
+    mutationFn: (rateCard) => __async$b(void 0, null, function* () {
       const result = yield client.rateCards.update(rateCard);
       return result.data;
     }),
@@ -9282,7 +9275,7 @@ const useUpdateRateCard = () => {
   });
 };
 
-var __async$b = (__this, __arguments, generator) => {
+var __async$a = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -9305,7 +9298,7 @@ var __async$b = (__this, __arguments, generator) => {
 const useUploadRateCard = () => {
   const { client } = useShipEngine();
   return reactQuery.useMutation({
-    mutationFn: (_0) => __async$b(void 0, [_0], function* ({ rateCardId, file }) {
+    mutationFn: (_0) => __async$a(void 0, [_0], function* ({ rateCardId, file }) {
       const result = yield client.rateCards.upload(rateCardId, file);
       return result.data;
     }),
@@ -9314,7 +9307,7 @@ const useUploadRateCard = () => {
   });
 };
 
-var __async$a = (__this, __arguments, generator) => {
+var __async$9 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -9337,7 +9330,7 @@ var __async$a = (__this, __arguments, generator) => {
 const useDeleteRateCard = () => {
   const { client } = useShipEngine();
   return reactQuery.useMutation({
-    mutationFn: (rateCardId) => __async$a(void 0, null, function* () {
+    mutationFn: (rateCardId) => __async$9(void 0, null, function* () {
       const result = yield client.rateCards.delete(rateCardId);
       return result.data;
     }),
@@ -9346,7 +9339,7 @@ const useDeleteRateCard = () => {
   });
 };
 
-var __async$9 = (__this, __arguments, generator) => {
+var __async$8 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -9369,7 +9362,7 @@ var __async$9 = (__this, __arguments, generator) => {
 const useCalculateRates = () => {
   const { client } = useShipEngine();
   return reactQuery.useMutation({
-    mutationFn: (_0) => __async$9(void 0, [_0], function* ({ rateOptions, shipmentId }) {
+    mutationFn: (_0) => __async$8(void 0, [_0], function* ({ rateOptions, shipmentId }) {
       const result = yield client.rates.calculateByShipmentId(shipmentId, rateOptions);
       return result.data;
     }),
@@ -9404,22 +9397,22 @@ const useListSalesOrders = (params = {}) => {
   });
 };
 
-var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
-var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
-var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
+var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
+var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
 var __objRest$5 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$6.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$6.call(source, prop))
+  if (source != null && __getOwnPropSymbols$7)
+    for (var prop of __getOwnPropSymbols$7(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$7.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
-var __async$8 = (__this, __arguments, generator) => {
+var __async$7 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -9442,7 +9435,7 @@ var __async$8 = (__this, __arguments, generator) => {
 const useNotifySalesOrderShipped = () => {
   const { client } = useShipEngine();
   return reactQuery.useMutation({
-    mutationFn: (_a) => __async$8(void 0, null, function* () {
+    mutationFn: (_a) => __async$7(void 0, null, function* () {
       var _b = _a, { salesOrderId } = _b, tracking = __objRest$5(_b, ["salesOrderId"]);
       const result = yield client.salesOrders.notifyShipped(salesOrderId, tracking);
       return result.data;
@@ -9452,22 +9445,22 @@ const useNotifySalesOrderShipped = () => {
   });
 };
 
-var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
-var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
-var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
+var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
+var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
 var __objRest$4 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$5.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$6.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$5.call(source, prop))
+  if (source != null && __getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$6.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
-var __async$7 = (__this, __arguments, generator) => {
+var __async$6 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -9490,7 +9483,7 @@ var __async$7 = (__this, __arguments, generator) => {
 const useCreateSalesOrderShipment = () => {
   const { client } = useShipEngine();
   return reactQuery.useMutation({
-    mutationFn: (_a) => __async$7(void 0, null, function* () {
+    mutationFn: (_a) => __async$6(void 0, null, function* () {
       var _b = _a, { salesOrderId } = _b, shipment = __objRest$4(_b, ["salesOrderId"]);
       const result = yield client.salesOrderShipments.create(salesOrderId, shipment);
       return result.data;
@@ -9526,22 +9519,22 @@ const useListSalesOrderShipments = (params) => {
   });
 };
 
-var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
-var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
-var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
+var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
+var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
 var __objRest$3 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$5.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$4.call(source, prop))
+  if (source != null && __getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$5.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
-var __async$6 = (__this, __arguments, generator) => {
+var __async$5 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -9564,7 +9557,7 @@ var __async$6 = (__this, __arguments, generator) => {
 const useUpdateSalesOrderShipment = () => {
   const { client } = useShipEngine();
   return reactQuery.useMutation({
-    mutationFn: (_a) => __async$6(void 0, null, function* () {
+    mutationFn: (_a) => __async$5(void 0, null, function* () {
       var _b = _a, { shipmentId } = _b, shipment = __objRest$3(_b, ["shipmentId"]);
       const result = yield client.salesOrderShipments.update(shipmentId, shipment);
       return result.data;
@@ -9574,26 +9567,26 @@ const useUpdateSalesOrderShipment = () => {
   });
 };
 
-var __defProp$1 = Object.defineProperty;
+var __defProp$2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
-var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
-var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
+var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$2 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$3.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(b)) {
-      if (__propIsEnum$3.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
+    if (__hasOwnProp$4.call(b, prop))
+      __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(b)) {
+      if (__propIsEnum$4.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __async$5 = (__this, __arguments, generator) => {
+var __async$4 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -9616,7 +9609,7 @@ var __async$5 = (__this, __arguments, generator) => {
 const useCreateShipment = () => {
   const { client } = useShipEngine();
   return reactQuery.useMutation({
-    mutationFn: (shipment) => __async$5(void 0, null, function* () {
+    mutationFn: (shipment) => __async$4(void 0, null, function* () {
       var _a;
       if (shipment.warehouseId === void 0) {
         throw new CodedError("errorMessages.noWarehouses", {
@@ -9634,7 +9627,7 @@ const useCreateShipment = () => {
         postalCode: "",
         stateProvince: ""
       };
-      return (yield client.shipments.create(__spreadProps(__spreadValues$1({}, shipment), {
+      return (yield client.shipments.create(__spreadProps(__spreadValues$2({}, shipment), {
         shipTo
       }))).data;
     }),
@@ -9675,17 +9668,17 @@ const useGetShipment = (shipmentId) => {
   });
 };
 
-var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
-var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
-var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
+var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
+var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
 var __objRest$2 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$3.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
+  if (source != null && __getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$3.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -9702,7 +9695,7 @@ const useListShipments = (_params) => {
   });
 };
 
-var __async$4 = (__this, __arguments, generator) => {
+var __async$3 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -9725,7 +9718,7 @@ var __async$4 = (__this, __arguments, generator) => {
 const useCreateWarehouse = () => {
   const { client } = useShipEngine();
   return reactQuery.useMutation({
-    mutationFn: (data) => __async$4(void 0, null, function* () {
+    mutationFn: (data) => __async$3(void 0, null, function* () {
       const result = yield client.warehouses.create(data);
       return result.data;
     }),
@@ -9734,7 +9727,7 @@ const useCreateWarehouse = () => {
   });
 };
 
-var __async$3 = (__this, __arguments, generator) => {
+var __async$2 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -9757,7 +9750,7 @@ var __async$3 = (__this, __arguments, generator) => {
 const useDeleteWarehouse = () => {
   const { client } = useShipEngine();
   return reactQuery.useMutation({
-    mutationFn: (_0) => __async$3(void 0, [_0], function* ({ warehouseId }) {
+    mutationFn: (_0) => __async$2(void 0, [_0], function* ({ warehouseId }) {
       const result = yield client.warehouses.delete(warehouseId);
       return result.data;
     }),
@@ -9778,22 +9771,22 @@ const useListWarehouses = (options) => {
   });
 };
 
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
 var __objRest$1 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
+  if (source != null && __getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
-var __async$2 = (__this, __arguments, generator) => {
+var __async$1 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -9816,7 +9809,7 @@ var __async$2 = (__this, __arguments, generator) => {
 const useUpdateWarehouse = () => {
   const { client } = useShipEngine();
   return reactQuery.useMutation({
-    mutationFn: (_a) => __async$2(void 0, null, function* () {
+    mutationFn: (_a) => __async$1(void 0, null, function* () {
       var _b = _a, { warehouseId } = _b, warehouse = __objRest$1(_b, ["warehouseId"]);
       const result = yield client.warehouses.update(warehouseId, warehouse);
       return result.data;
@@ -10186,56 +10179,6 @@ const themeData = {
   fallback: fallbackThemeData
 };
 
-var __async$1 = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-const useLoadFonts = ({ cdnURL = "/", scope, theme }) => {
-  const [fontFamily, setFontFamily] = React.useState();
-  React.useEffect(() => {
-    (() => __async$1(void 0, null, function* () {
-      var _a;
-      try {
-        const fontFaces = (_a = theme == null ? void 0 : theme.fontFaces) != null ? _a : [];
-        yield Promise.all(
-          fontFaces.map((_0) => __async$1(void 0, [_0], function* ({ family, source, descriptors }) {
-            const fontSources = source.map((url) => `url(${url.replace("$cdnUrl", cdnURL)})`).join(", ");
-            try {
-              const font = new FontFace(family, fontSources, descriptors);
-              const loadedFont = yield font.load();
-              document.fonts.add(loadedFont);
-            } catch (err) {
-              console.error(err);
-            }
-          }))
-        );
-        setFontFamily(theme == null ? void 0 : theme.defaultFontFamily);
-      } catch (error) {
-        logger.error({ error }, `Error loading fonts`);
-      }
-    }))();
-  }, [cdnURL, theme]);
-  return react.css({
-    [`.${scope}`]: { fontFamily }
-  });
-};
-
 const fallbackBrandName = "fallback";
 const constants = {
   fallbackBrandName
@@ -10278,28 +10221,49 @@ const useLoadIcons = ({ cdnURL = "/" }) => {
   );
 };
 
+const DEFAULT_LOCALE = "en-US";
 const AlchemyContext = React.createContext(void 0);
+const getDefaultLocale = () => {
+  var _a;
+  if (typeof window === "undefined") {
+    return DEFAULT_LOCALE;
+  }
+  return (_a = navigator == null ? void 0 : navigator.language) != null ? _a : DEFAULT_LOCALE;
+};
 const AlchemyProvider = ({
   baseURL = "https://api.shipengine.com",
   cdnURL = "/",
+  container,
   children,
   getToken,
-  locale = ((_a) => (_a = navigator == null ? void 0 : navigator.language) != null ? _a : "en-US")(),
+  locale: localeProp,
   onError = _default,
   scope = "lmnt",
   themeConfig
 }) => {
-  const theme = new gigerTheme.Theme(themeConfig != null ? themeConfig : themeData.fallback);
-  const fontStyles = useLoadFonts({ cdnURL, scope, theme });
+  const locale = localeProp || getDefaultLocale();
   const resolveIcon = useLoadIcons({ cdnURL });
-  const iconCache = React.useMemo(giger.createIconCache, []);
-  if (!theme)
-    return null;
-  const contextValue = { baseURL, cdnURL, getToken, locale, onError, scope, theme };
-  return /* @__PURE__ */ jsx(AlchemyContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(react.ThemeProvider, { theme, children: [
-    /* @__PURE__ */ jsx(react.Global, { styles: [giger.getEmotionResetStyles(scope), fontStyles] }),
-    /* @__PURE__ */ jsx(giger.GigerConfigProvider, { iconCache, resolveIcon, children: /* @__PURE__ */ jsx(ShipEngine, { baseURL, getToken, children }) })
-  ] }) });
+  const theme = new gigerTheme.Theme(themeConfig != null ? themeConfig : themeData.fallback);
+  const contextValue = {
+    baseURL,
+    cdnURL,
+    container,
+    getToken,
+    locale,
+    onError,
+    scope,
+    theme
+  };
+  return /* @__PURE__ */ jsx(AlchemyContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    giger.GigerProvider,
+    {
+      reference: scope || void 0,
+      cdnUrl: cdnURL,
+      resolveIcon,
+      theme,
+      children: /* @__PURE__ */ jsx(ShipEngine, { baseURL, getToken, children })
+    }
+  ) });
 };
 const useAlchemy = () => {
   const context = React.useContext(AlchemyContext);
@@ -10835,22 +10799,66 @@ const useI18n = ({ resources }) => {
   }, [resources]);
 };
 
-const memoizedCreateCache = memoize((scope) => {
-  const className = `.${scope}`;
-  const scopeSelectors = (element) => {
-    if ((element == null ? void 0 : element.type) === "rule" && (element == null ? void 0 : element.value.startsWith(".css"))) {
-      element.props = [element.props].flat().map((value) => {
-        if (value.includes(className))
-          return value;
-        return `${className} ${value}`;
-      });
+var __defProp$1 = Object.defineProperty;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$1.call(b, prop))
+      __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b)) {
+      if (__propIsEnum$1.call(b, prop))
+        __defNormalProp$1(a, prop, b[prop]);
     }
-  };
-  return createCache({
-    key: "css",
-    stylisPlugins: [scopeSelectors, prefixer$1]
-  });
-});
+  return a;
+};
+const getScopeSelectors = (className) => (...[element]) => {
+  if ((element == null ? void 0 : element.type) === "rule" && (element == null ? void 0 : element.value.startsWith(".css"))) {
+    element.props = [element.props].flat().map((value) => {
+      if (value.includes(className))
+        return value;
+      return `${className} ${value}`;
+    });
+  }
+};
+class EmotionScopeCacheForContainer {
+  constructor(container) {
+    this.container = container;
+    this.cacheByScope = /* @__PURE__ */ new Map();
+    this.initializeCacheForScope = (scope) => {
+      const emotionCache = createCache(__spreadValues$1({
+        key: "css",
+        stylisPlugins: [getScopeSelectors(`.${scope}`), prefixer$1]
+      }, this.container && { container: this.container, prepend: true }));
+      this.cacheByScope.set(scope, emotionCache);
+      return emotionCache;
+    };
+    this.getEmotionCache = (scope) => {
+      var _a;
+      return (_a = this.cacheByScope.get(scope)) != null ? _a : this.initializeCacheForScope(scope);
+    };
+  }
+}
+class EmotionScopeContainerCache {
+  constructor() {
+    // allow undefined element for normal no container scope group
+    this.scopeGroupByContainer = /* @__PURE__ */ new Map();
+    this.getEmotionCache = (scope, container) => {
+      var _a;
+      const scopeGroup = (_a = this.scopeGroupByContainer.get(container)) != null ? _a : this.initializeScopeCacheForContainer(container);
+      return scopeGroup.getEmotionCache(scope);
+    };
+  }
+  initializeScopeCacheForContainer(container) {
+    const scopeGroup = new EmotionScopeCacheForContainer(container);
+    this.scopeGroupByContainer.set(container, scopeGroup);
+    return scopeGroup;
+  }
+}
+const { getEmotionCache } = new EmotionScopeContainerCache();
 
 const Element = ({
   children,
@@ -10858,10 +10866,11 @@ const Element = ({
   fallback: FallbackComponent,
   resources
 }) => {
-  const { scope, onError } = useAlchemy();
+  const { scope, onError, container } = useAlchemy();
   const i18n = useI18n({ resources });
   const elementContainerRef = React.useRef(null);
-  return /* @__PURE__ */ jsx("div", { className: cx(scope, className), "data-testid": scope, ref: elementContainerRef, children: /* @__PURE__ */ jsx(giger.DefaultPortalRefProvider, { portalRef: elementContainerRef, children: /* @__PURE__ */ jsx(react.CacheProvider, { value: memoizedCreateCache(scope), children: /* @__PURE__ */ jsx(reactI18next.I18nextProvider, { i18n, children: /* @__PURE__ */ jsx(ErrorBoundary, { fallback: FallbackComponent, onError, children }) }) }) }) });
+  const renderProviders = () => /* @__PURE__ */ jsx(reactI18next.I18nextProvider, { i18n, children: /* @__PURE__ */ jsx(ErrorBoundary, { fallback: FallbackComponent, onError, children }) });
+  return /* @__PURE__ */ jsx("div", { className: cx(scope, className), "data-testid": scope, ref: elementContainerRef, children: /* @__PURE__ */ jsx(giger.DefaultPortalRefProvider, { portalRef: elementContainerRef, children: scope ? /* @__PURE__ */ jsx(react.CacheProvider, { value: getEmotionCache(scope, container), children: renderProviders() }) : renderProviders() }) });
 };
 
 var __defProp = Object.defineProperty;
@@ -10959,11 +10968,11 @@ exports.WarehousesAPI = WarehousesAPI;
 exports.alchemy = alchemy;
 exports.default = alchemy;
 exports.delay = delay;
+exports.getEmotionCache = getEmotionCache;
 exports.getEndUserIpAddress = getEndUserIpAddress;
 exports.isCodedError = isCodedError;
 exports.isCodedErrors = isCodedErrors;
 exports.logger = logger;
-exports.memoizedCreateCache = memoizedCreateCache;
 exports.onError = onError;
 exports.retryUntil = retryUntil;
 exports.useAddFunds = useAddFunds;
@@ -11008,7 +11017,6 @@ exports.useListSalesOrderShipments = useListSalesOrderShipments;
 exports.useListSalesOrders = useListSalesOrders;
 exports.useListShipments = useListShipments;
 exports.useListWarehouses = useListWarehouses;
-exports.useLoadFonts = useLoadFonts;
 exports.useLoadIcons = useLoadIcons;
 exports.useNotifySalesOrderShipped = useNotifySalesOrderShipped;
 exports.useParseAddress = useParseAddress;