@shipengine/elements 0.20.2 → 0.21.1

package/index.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import { useController, get as get$1, set as set$2, useWatch, useFormState, useForm } from 'react-hook-form';
 import { useTranslation, Trans, initReactI18next, I18nextProvider } from 'react-i18next';
-import { Typography, FormField, FieldMessageType, Input, Checkbox, Icon, Divider, Link, Select as Select$1, OptionGroup, Option, Button, Switch as Switch$1, Textarea, ButtonVariant, InlineNotification, NotificationType, ButtonColor, Grid, GridChild, Tag, TagColor, Skeleton, SkeletonAnimation, SkeletonVariant, SkeletonBackgroundColor, RadioGroup, Radio, IconSize, Stepper, Step, Spinner, SpinnerSize, ChipList, Chip, ButtonSize, Table, TableBody, TableBaseRow, TableBodyCell, TableHeader, TableHeaderCell, Popover, DropdownOptionList, DatePicker as DatePicker$1, Pagination, BottomSheet, GigerConfigProvider, EmotionReset, FontsLoader } from '@packlink/giger';
+import { Typography, FormField, FieldMessageType, Checkbox, Input, Icon, Divider, Link, SelectAutocomplete, Select as Select$1, OptionGroup, Option, Button, Switch as Switch$1, Textarea, ButtonVariant, InlineNotification, NotificationType, ButtonColor, Grid, GridChild, Tag, TagColor, Skeleton, SkeletonAnimation, SkeletonVariant, SkeletonBackgroundColor, RadioGroup, Radio, IconSize, Stepper, Step, Spinner, SpinnerSize, ChipList, Chip, ButtonSize, Table, TableBody, TableBaseRow, TableBodyCell, TableHeader, TableHeaderCell, Popover, DropdownOptionList, BottomSheet, DatePicker as DatePicker$1, GigerConfigProvider, EmotionReset, FontsLoader } from '@packlink/giger';
 import axios from 'axios';
-import { logger, ShipEngineProvider, useValidateAddresses, useAddFunds, useGetCarrierById, useUpdateAutoFunding, useGetAutoFundingConfiguration, useListCarriers, useConnectCarrier, useListWarehouses, useUpdateWarehouse, useCreateWarehouse, useDeleteWarehouse, useUpdateSalesOrderShipment, useParseAddress, useListCustomPackageTypes, useCalculateRates, useCreateLabel, useListSalesOrderShipments, useCreateSalesOrderShipment, useGetAccountSettings, useListSalesOrders, useGetSalesOrder, useListOrderSources, useRefreshOrderSource, useGetShipment, useGetSalesOrderShipment, useListLabels, useGetWalletTransactionHistory, useGetLabel, useVoidLabel } from '@shipengine/react';
+import { logger, ShipEngine, useValidateAddresses, useAddFunds, useGetCarrierById, useUpdateAutoFunding, useGetAutoFundingConfiguration, useListCarriers, useConnectCarrier, useListWarehouses, useUpdateWarehouse, useCreateWarehouse, useDeleteWarehouse, useUpdateSalesOrderShipment, useParseAddress, useListCustomPackageTypes, useCalculateRates, useCreateLabel, useListSalesOrderShipments, useCreateSalesOrderShipment, useGetAccountSettings, useListSalesOrders, useGetSalesOrder, useListOrderSources, useRefreshOrderSource, useGetShipment, useGetSalesOrderShipment, useListLabels, useGetLabel, useVoidLabel } from '@shipengine/react-api';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { z } from 'zod';
 import * as React from 'react';
@@ -13,7 +13,7 @@ import { camelize } from 'humps';
 import ReactDatePicker from 'react-datepicker';
 import { IconNames, Theme } from '@packlink/giger-theme';
 import { css } from '@emotion/css';
-import { SE, Currency } from '@shipengine/api';
+import { SE, Currency } from '@shipengine/js-api';
 import _$2, { isEqual } from 'lodash';
 import { createPortal } from 'react-dom';
 import { isValidPhoneNumber } from 'libphonenumber-js/min';
@@ -2569,6 +2569,9 @@ const getRateRequiresAcknowledgement = serviceCode => {
   }
 };
 const getTotalRateAmount = (rateCosts = {}) => calculateTotal(...Object.values(rateCosts));
+const overrideCarrierCodes$1 = (carrier, overrides) => {
+  return overrides[carrier] || carrier;
+};
 
 // Declaring these flags to allow shorthand object syntax, i.e. { flagName } instead of { flagName: true }
 const hasEuCustomsRules = true,
@@ -3475,6 +3478,29 @@ const createFieldController = (options = {}) => function FieldController(_a) {
   }));
 };
 
+const CheckboxInputController = createFieldController();
+const CheckboxInput = _a => {
+  var {
+      checkboxLabel
+    } = _a,
+    fieldProps = __rest(_a, ["checkboxLabel"]);
+  return jsx(CheckboxInputController, Object.assign({
+    displayLabel: false
+  }, fieldProps, {
+    children: _a => {
+      var {
+          value
+        } = _a,
+        checkboxInputProps = __rest(_a, ["value"]);
+      return jsx(Checkbox, Object.assign({
+        checked: value
+      }, checkboxInputProps, {
+        label: checkboxLabel
+      }));
+    }
+  }));
+};
+
 const getOverrideStyles = theme => ({
   "&& input, && span[role='button']": {
     cursor: "auto",
@@ -3517,30 +3543,7 @@ const CreditCardInput = fieldProps => jsx(CreditCardInputController, Object.assi
   }
 }));
 
-const CheckboxInputController = createFieldController();
-const CheckboxInput = _a => {
-  var {
-      checkboxLabel
-    } = _a,
-    fieldProps = __rest(_a, ["checkboxLabel"]);
-  return jsx(CheckboxInputController, Object.assign({
-    displayLabel: false
-  }, fieldProps, {
-    children: _a => {
-      var {
-          value
-        } = _a,
-        checkboxInputProps = __rest(_a, ["value"]);
-      return jsx(Checkbox, Object.assign({
-        checked: value
-      }, checkboxInputProps, {
-        label: checkboxLabel
-      }));
-    }
-  }));
-};
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__$7() { 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)."; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__$6() { 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)."; }
 const getPopperStyles = theme => /*#__PURE__*/css("padding-top:10px;z-index:10;.react-datepicker{background-color:", theme.palette.white, ";border-radius:0.25rem;border:1px solid ", theme.palette.gray.megaLight, ";box-shadow:", theme.getElevation("above").boxShadow, ";display:inline-block;font-size:1rem;position:relative;&__month-container{float:left;}&__header{border-top-left-radius:", theme.borderRadius.M, ";border-top-right-radius:", theme.borderRadius.M, ";padding:", theme.spacing(2), "px 0 ", theme.spacing(1), "px 0;position:relative;text-align:center;}&__current-month{color:", theme.palette.black, ";font-size:1rem;font-weight:600;line-height:1.25rem;margin-bottom:", theme.spacing(2), "px;}&__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;position:absolute;text-align:center;text-indent:-999em;top:0.688rem;width:32px;z-index:1;&--previous{left:1rem;}&--next{right:1rem;}&:hover *::before{border-color:", theme.palette.gray.light, ";}&-icon{position:relative;top:-0.125rem;width:0;&::before{border-color:", theme.palette.gray.main, ";border-style:solid;border-width:2.5px 2.5px 0 0;content:\"\";display:block;height:6px;position:absolute;top:6px;width:6px;}&--previous{right:0rem;&::before{right:-0.438rem;transform:rotate(225deg);}}&--next{left:0rem;&::before{left:-0.438rem;transform:rotate(45deg);}}}} &__month{padding:0 1rem 1rem 1rem;text-align:center;}&__week{white-space:nowrap;} &__day{color:", theme.palette.black, ";cursor:pointer;display:inline-block;font-size:1rem;line-height:2rem;margin:0.25rem;text-align:center;width:2rem;&:hover[aria-selected=\"false\"]:not(&--disabled){background-color:", theme.palette.gray.ultraLight, ";border-radius:0.25rem;}&-name{color:", theme.palette.gray.main, ";display:inline-block;font-size:0.75rem;font-weight:600;line-height:1rem;margin:0 0.25rem;text-align:center;width:2rem;}&-names{white-space:nowrap;}&--disabled{color:", theme.palette.gray.main, ";cursor:default;&:hover{background-color:transparent;}}&--today[aria-selected=\"false\"]{position:relative;&::before{border-bottom:0.125rem solid ", theme.palette.primary.main, ";content:\"\";display:block;inset:0;position:absolute;}}&--highlighted{background-color:#3dcc4a;border-radius:0.25rem;color:#fff;&:hover{background-color:", theme.palette.secondary.main, ";}&-custom-1{color:magenta;}&-custom-2{color:green;}}&--selected,&--in-selecting-range,&--in-range{background-color:", theme.palette.primary.main, ";border-radius:0.25rem;color:#fff;&[aria-selected=\"true\"]{cursor:default;}&[aria-selected=\"false\"]:hover{background-color:", theme.palette.primary.dark, ";}}&--in-selecting-range:not(&--in-range){background-color:rgba(33, 107, 165, 0.5);}&--keyboard-selected{border-radius:0.25rem;outline:0.125rem solid ", theme.palette.primary.main, ";} &--selected:not(&--keyboard-selected):focus-visible{outline:0.125rem solid ", theme.palette.primary.main, ";}} &__input-container{display:inline-block;position:relative;width:100%;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:getPopperStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRhdGUtcGlja2VyLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDOEMiLCJmaWxlIjoiZGF0ZS1waWNrZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xyXG5leHBvcnQgY29uc3QgZ2V0UG9wcGVyU3R5bGVzID0gKHRoZW1lKSA9PiBjc3MgYFxuICBwYWRkaW5nLXRvcDogMTBweDtcbiAgei1pbmRleDogMTA7XG4gIC5yZWFjdC1kYXRlcGlja2VyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUud2hpdGV9O1xuICAgIGJvcmRlci1yYWRpdXM6IDAuMjVyZW07XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5wYWxldHRlLmdyYXkubWVnYUxpZ2h0fTtcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLmdldEVsZXZhdGlvbihcImFib3ZlXCIpLmJveFNoYWRvd307XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIGZvbnQtc2l6ZTogMXJlbTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgJl9fbW9udGgtY29udGFpbmVyIHtcbiAgICAgIGZsb2F0OiBsZWZ0O1xuICAgIH1cbiAgICAmX19oZWFkZXIge1xuICAgICAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHt0aGVtZS5ib3JkZXJSYWRpdXMuTX07XG4gICAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHt0aGVtZS5ib3JkZXJSYWRpdXMuTX07XG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcoMil9cHggMCAke3RoZW1lLnNwYWNpbmcoMSl9cHggMDtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICB9XG4gICAgJl9fY3VycmVudC1tb250aCB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLmJsYWNrfTtcbiAgICAgIGZvbnQtc2l6ZTogMXJlbTtcbiAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gICAgICBsaW5lLWhlaWdodDogMS4yNXJlbTtcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7dGhlbWUuc3BhY2luZygyKX1weDtcbiAgICB9XG4gICAgJl9fbmF2aWdhdGlvbiB7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBoZWlnaHQ6IDMycHg7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICB0ZXh0LWluZGVudDogLTk5OWVtO1xuICAgICAgdG9wOiAwLjY4OHJlbTtcbiAgICAgIHdpZHRoOiAzMnB4O1xuICAgICAgei1pbmRleDogMTtcbiAgICAgICYtLXByZXZpb3VzIHtcbiAgICAgICAgbGVmdDogMXJlbTtcbiAgICAgIH1cbiAgICAgICYtLW5leHQge1xuICAgICAgICByaWdodDogMXJlbTtcbiAgICAgIH1cbiAgICAgICY6aG92ZXIgKjo6YmVmb3JlIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuZ3JheS5saWdodH07XG4gICAgICB9XG4gICAgICAmLWljb24ge1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIHRvcDogLTAuMTI1cmVtO1xuICAgICAgICB3aWR0aDogMDtcbiAgICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5ncmF5Lm1haW59O1xuICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgICAgYm9yZGVyLXdpZHRoOiAyLjVweCAyLjVweCAwIDA7XG4gICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICBoZWlnaHQ6IDZweDtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgdG9wOiA2cHg7XG4gICAgICAgICAgd2lkdGg6IDZweDtcbiAgICAgICAgfVxuICAgICAgICAmLS1wcmV2aW91cyB7XG4gICAgICAgICAgcmlnaHQ6IDByZW07XG4gICAgICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgICAgIHJpZ2h0OiAtMC40MzhyZW07XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgyMjVkZWcpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICAmLS1uZXh0IHtcbiAgICAgICAgICBsZWZ0OiAwcmVtO1xuICAgICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgICBsZWZ0OiAtMC40MzhyZW07XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSg0NWRlZyk7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICAgICR7IC8qICNlbmRyZWdpb24gKi9cIlwifVxuICAgICZfX21vbnRoIHtcbiAgICAgIHBhZGRpbmc6IDAgMXJlbSAxcmVtIDFyZW07XG4gICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgfVxuICAgICZfX3dlZWsge1xuICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICB9XG4gICAgJHsgLyogI3JlZ2lvbiBbIHJnYmEoMTIwLDUwLDE1MCwwLjEpIF0gRGF5cyAqL1wiXCJ9XG4gICAgJl9fZGF5IHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLnBhbGV0dGUuYmxhY2t9O1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgZm9udC1zaXplOiAxcmVtO1xuICAgICAgbGluZS1oZWlnaHQ6IDJyZW07XG4gICAgICBtYXJnaW46IDAuMjVyZW07XG4gICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICB3aWR0aDogMnJlbTtcbiAgICAgICY6aG92ZXJbYXJpYS1zZWxlY3RlZD1cImZhbHNlXCJdOm5vdCgmLS1kaXNhYmxlZCkge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuZ3JheS51bHRyYUxpZ2h0fTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogMC4yNXJlbTtcbiAgICAgIH1cbiAgICAgICYtbmFtZSB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLnBhbGV0dGUuZ3JheS5tYWlufTtcbiAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICBmb250LXNpemU6IDAuNzVyZW07XG4gICAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAxcmVtO1xuICAgICAgICBtYXJnaW46IDAgMC4yNXJlbTtcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICB3aWR0aDogMnJlbTtcbiAgICAgIH1cbiAgICAgICYtbmFtZXMge1xuICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgfVxuICAgICAgJi0tZGlzYWJsZWQge1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLmdyYXkubWFpbn07XG4gICAgICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgICYtLXRvZGF5W2FyaWEtc2VsZWN0ZWQ9XCJmYWxzZVwiXSB7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgICBib3JkZXItYm90dG9tOiAwLjEyNXJlbSBzb2xpZCAke3RoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWlufTtcbiAgICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgIGluc2V0OiAwO1xuICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgJi0taGlnaGxpZ2h0ZWQge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjM2RjYzRhO1xuICAgICAgICBib3JkZXItcmFkaXVzOiAwLjI1cmVtO1xuICAgICAgICBjb2xvcjogI2ZmZjtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgfVxuICAgICAgICAmLWN1c3RvbS0xIHtcbiAgICAgICAgICBjb2xvcjogbWFnZW50YTtcbiAgICAgICAgfVxuICAgICAgICAmLWN1c3RvbS0yIHtcbiAgICAgICAgICBjb2xvcjogZ3JlZW47XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgICYtLXNlbGVjdGVkLFxuICAgICAgJi0taW4tc2VsZWN0aW5nLXJhbmdlLFxuICAgICAgJi0taW4tcmFuZ2Uge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWlufTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogMC4yNXJlbTtcbiAgICAgICAgY29sb3I6ICNmZmY7XG4gICAgICAgICZbYXJpYS1zZWxlY3RlZD1cInRydWVcIl0ge1xuICAgICAgICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICAgICAgfVxuICAgICAgICAmW2FyaWEtc2VsZWN0ZWQ9XCJmYWxzZVwiXTpob3ZlciB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLnByaW1hcnkuZGFya307XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgICYtLWluLXNlbGVjdGluZy1yYW5nZTpub3QoJi0taW4tcmFuZ2UpIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgzMywgMTA3LCAxNjUsIDAuNSk7XG4gICAgICB9XG4gICAgICAmLS1rZXlib2FyZC1zZWxlY3RlZCB7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDAuMjVyZW07XG4gICAgICAgIG91dGxpbmU6IDAuMTI1cmVtIHNvbGlkICR7dGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW59O1xuICAgICAgfVxuICAgICAgJHtcclxuLyogUkRQIGRvZXNuJ3QgYXR0YWNoIHRoZSAtLWtleWJvYXJkLXNlbGVjdGVkIGNsYXNzIGlmIHlvdSBhcnJvdy1uYXZpZ2F0ZSB0byB0aGUgY3VycmVudGx5XHJcbiAgICAgc2VsZWN0ZWQgZGF0ZSwgd2hpY2ggd291bGQgcmVzdWx0IGluIGEgZGVmYXVsdCBicm93c2VyIGZvY3VzLXJpbmcgKi8gXCJcIn1cbiAgICAgICYtLXNlbGVjdGVkOm5vdCgmLS1rZXlib2FyZC1zZWxlY3RlZCk6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICAgIG91dGxpbmU6IDAuMTI1cmVtIHNvbGlkICR7dGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW59O1xuICAgICAgfVxuICAgIH1cbiAgICAkeyAvKiAjZW5kcmVnaW9uICovXCJcIn1cbiAgICAmX19pbnB1dC1jb250YWluZXIge1xuICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuICB9XG5gO1xyXG5leHBvcnQgY29uc3QgZ2V0V3JhcHBlclN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzIGBcbiAgYm9yZGVyOiAwO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHBhZGRpbmc6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICB6LWluZGV4OiAyMDA7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1kYXRlLXBpY2tlci5zdHlsZXMuanMubWFwIl19 */");
 const getWrapperStyles = theme => /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
   name: "lqik26",
@@ -3549,7 +3552,7 @@ const getWrapperStyles = theme => /*#__PURE__*/css(process.env.NODE_ENV === "pro
   name: "19gz7a6-getWrapperStyles",
   styles: "border:0;display:inline-block;padding:0;width:100%;z-index:200;label:getWrapperStyles;",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRhdGUtcGlja2VyLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5TCtDIiwiZmlsZSI6ImRhdGUtcGlja2VyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcclxuZXhwb3J0IGNvbnN0IGdldFBvcHBlclN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzIGBcbiAgcGFkZGluZy10b3A6IDEwcHg7XG4gIHotaW5kZXg6IDEwO1xuICAucmVhY3QtZGF0ZXBpY2tlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgICBib3JkZXItcmFkaXVzOiAwLjI1cmVtO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5ncmF5Lm1lZ2FMaWdodH07XG4gICAgYm94LXNoYWRvdzogJHt0aGVtZS5nZXRFbGV2YXRpb24oXCJhYm92ZVwiKS5ib3hTaGFkb3d9O1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICBmb250LXNpemU6IDFyZW07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICZfX21vbnRoLWNvbnRhaW5lciB7XG4gICAgICBmbG9hdDogbGVmdDtcbiAgICB9XG4gICAgJl9faGVhZGVyIHtcbiAgICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7dGhlbWUuYm9yZGVyUmFkaXVzLk19O1xuICAgICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7dGhlbWUuYm9yZGVyUmFkaXVzLk19O1xuICAgICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nKDIpfXB4IDAgJHt0aGVtZS5zcGFjaW5nKDEpfXB4IDA7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgfVxuICAgICZfX2N1cnJlbnQtbW9udGgge1xuICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5ibGFja307XG4gICAgICBmb250LXNpemU6IDFyZW07XG4gICAgICBmb250LXdlaWdodDogNjAwO1xuICAgICAgbGluZS1oZWlnaHQ6IDEuMjVyZW07XG4gICAgICBtYXJnaW4tYm90dG9tOiAke3RoZW1lLnNwYWNpbmcoMil9cHg7XG4gICAgfVxuICAgICZfX25hdmlnYXRpb24ge1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGJhY2tncm91bmQ6IG5vbmU7XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgaGVpZ2h0OiAzMnB4O1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgdGV4dC1pbmRlbnQ6IC05OTllbTtcbiAgICAgIHRvcDogMC42ODhyZW07XG4gICAgICB3aWR0aDogMzJweDtcbiAgICAgIHotaW5kZXg6IDE7XG4gICAgICAmLS1wcmV2aW91cyB7XG4gICAgICAgIGxlZnQ6IDFyZW07XG4gICAgICB9XG4gICAgICAmLS1uZXh0IHtcbiAgICAgICAgcmlnaHQ6IDFyZW07XG4gICAgICB9XG4gICAgICAmOmhvdmVyICo6OmJlZm9yZSB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmdyYXkubGlnaHR9O1xuICAgICAgfVxuICAgICAgJi1pY29uIHtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICB0b3A6IC0wLjEyNXJlbTtcbiAgICAgICAgd2lkdGg6IDA7XG4gICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuZ3JheS5tYWlufTtcbiAgICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMi41cHggMi41cHggMCAwO1xuICAgICAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgaGVpZ2h0OiA2cHg7XG4gICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgIHRvcDogNnB4O1xuICAgICAgICAgIHdpZHRoOiA2cHg7XG4gICAgICAgIH1cbiAgICAgICAgJi0tcHJldmlvdXMge1xuICAgICAgICAgIHJpZ2h0OiAwcmVtO1xuICAgICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgICByaWdodDogLTAuNDM4cmVtO1xuICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMjI1ZGVnKTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgJi0tbmV4dCB7XG4gICAgICAgICAgbGVmdDogMHJlbTtcbiAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgbGVmdDogLTAuNDM4cmVtO1xuICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoNDVkZWcpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgICAkeyAvKiAjZW5kcmVnaW9uICovXCJcIn1cbiAgICAmX19tb250aCB7XG4gICAgICBwYWRkaW5nOiAwIDFyZW0gMXJlbSAxcmVtO1xuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIH1cbiAgICAmX193ZWVrIHtcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgfVxuICAgICR7IC8qICNyZWdpb24gWyByZ2JhKDEyMCw1MCwxNTAsMC4xKSBdIERheXMgKi9cIlwifVxuICAgICZfX2RheSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLmJsYWNrfTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgIGZvbnQtc2l6ZTogMXJlbTtcbiAgICAgIGxpbmUtaGVpZ2h0OiAycmVtO1xuICAgICAgbWFyZ2luOiAwLjI1cmVtO1xuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgd2lkdGg6IDJyZW07XG4gICAgICAmOmhvdmVyW2FyaWEtc2VsZWN0ZWQ9XCJmYWxzZVwiXTpub3QoJi0tZGlzYWJsZWQpIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmdyYXkudWx0cmFMaWdodH07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDAuMjVyZW07XG4gICAgICB9XG4gICAgICAmLW5hbWUge1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLmdyYXkubWFpbn07XG4gICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgZm9udC1zaXplOiAwLjc1cmVtO1xuICAgICAgICBmb250LXdlaWdodDogNjAwO1xuICAgICAgICBsaW5lLWhlaWdodDogMXJlbTtcbiAgICAgICAgbWFyZ2luOiAwIDAuMjVyZW07XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgd2lkdGg6IDJyZW07XG4gICAgICB9XG4gICAgICAmLW5hbWVzIHtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgIH1cbiAgICAgICYtLWRpc2FibGVkIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5ncmF5Lm1haW59O1xuICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICAmLS10b2RheVthcmlhLXNlbGVjdGVkPVwiZmFsc2VcIl0ge1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgYm9yZGVyLWJvdHRvbTogMC4xMjVyZW0gc29saWQgJHt0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICBpbnNldDogMDtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgICYtLWhpZ2hsaWdodGVkIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzNkY2M0YTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogMC4yNXJlbTtcbiAgICAgICAgY29sb3I6ICNmZmY7XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgIH1cbiAgICAgICAgJi1jdXN0b20tMSB7XG4gICAgICAgICAgY29sb3I6IG1hZ2VudGE7XG4gICAgICAgIH1cbiAgICAgICAgJi1jdXN0b20tMiB7XG4gICAgICAgICAgY29sb3I6IGdyZWVuO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICAmLS1zZWxlY3RlZCxcbiAgICAgICYtLWluLXNlbGVjdGluZy1yYW5nZSxcbiAgICAgICYtLWluLXJhbmdlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbn07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDAuMjVyZW07XG4gICAgICAgIGNvbG9yOiAjZmZmO1xuICAgICAgICAmW2FyaWEtc2VsZWN0ZWQ9XCJ0cnVlXCJdIHtcbiAgICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICAgIH1cbiAgICAgICAgJlthcmlhLXNlbGVjdGVkPVwiZmFsc2VcIl06aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5wcmltYXJ5LmRhcmt9O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICAmLS1pbi1zZWxlY3RpbmctcmFuZ2U6bm90KCYtLWluLXJhbmdlKSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMzMsIDEwNywgMTY1LCAwLjUpO1xuICAgICAgfVxuICAgICAgJi0ta2V5Ym9hcmQtc2VsZWN0ZWQge1xuICAgICAgICBib3JkZXItcmFkaXVzOiAwLjI1cmVtO1xuICAgICAgICBvdXRsaW5lOiAwLjEyNXJlbSBzb2xpZCAke3RoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWlufTtcbiAgICAgIH1cbiAgICAgICR7XHJcbi8qIFJEUCBkb2Vzbid0IGF0dGFjaCB0aGUgLS1rZXlib2FyZC1zZWxlY3RlZCBjbGFzcyBpZiB5b3UgYXJyb3ctbmF2aWdhdGUgdG8gdGhlIGN1cnJlbnRseVxyXG4gICAgIHNlbGVjdGVkIGRhdGUsIHdoaWNoIHdvdWxkIHJlc3VsdCBpbiBhIGRlZmF1bHQgYnJvd3NlciBmb2N1cy1yaW5nICovIFwiXCJ9XG4gICAgICAmLS1zZWxlY3RlZDpub3QoJi0ta2V5Ym9hcmQtc2VsZWN0ZWQpOmZvY3VzLXZpc2libGUge1xuICAgICAgICBvdXRsaW5lOiAwLjEyNXJlbSBzb2xpZCAke3RoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWlufTtcbiAgICAgIH1cbiAgICB9XG4gICAgJHsgLyogI2VuZHJlZ2lvbiAqL1wiXCJ9XG4gICAgJl9faW5wdXQtY29udGFpbmVyIHtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cbiAgfVxuYDtcclxuZXhwb3J0IGNvbnN0IGdldFdyYXBwZXJTdHlsZXMgPSAodGhlbWUpID0+IGNzcyBgXG4gIGJvcmRlcjogMDtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBwYWRkaW5nOiAwO1xuICB3aWR0aDogMTAwJTtcbiAgei1pbmRleDogMjAwO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9ZGF0ZS1waWNrZXIuc3R5bGVzLmpzLm1hcCJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$7
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$6
 });
 
 const DatePickerController = createFieldController();
@@ -4145,17 +4148,17 @@ const useUtils = () => {
   };
 };
 
-function _EMOTION_STRINGIFIED_CSS_ERROR__$6() { 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$5 = process.env.NODE_ENV === "production" ? {
+function _EMOTION_STRINGIFIED_CSS_ERROR__$5() { 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$4 = process.env.NODE_ENV === "production" ? {
   name: "1xe63ku",
   styles: "line-height:1"
 } : {
   name: "j0w4uy-getLeftDecoratorStyles",
   styles: "line-height:1;label:getLeftDecoratorStyles;",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vbmV5LWlucHV0LXN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDNEMiLCJmaWxlIjoibW9uZXktaW5wdXQtc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBnZXRMZWZ0RGVjb3JhdG9yU3R5bGVzID0gKCkgPT4gY3NzKHtcclxuICAgIGxpbmVIZWlnaHQ6IDEsXHJcbn0pO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1tb25leS1pbnB1dC1zdHlsZXMuanMubWFwIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$6
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
 };
-const getLeftDecoratorStyles = () => _ref$5;
+const getLeftDecoratorStyles = () => _ref$4;
 
 const transform$3 = {
   in: ({
@@ -4363,7 +4366,7 @@ if (NOT_GENERIC || INCORRECT_NAME) {
   }, { unsafe: true });
 }
 
-function _EMOTION_STRINGIFIED_CSS_ERROR__$5() { 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)."; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__$4() { 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)."; }
 const getRateCardFirstLineSize = theme => `${theme.spacing(3.25)}px`;
 const getArticleStyles = theme => /*#__PURE__*/css$1({
   border: `1px solid ${theme.palette.gray.light}`,
@@ -4386,13 +4389,13 @@ var _ref3$1 = process.env.NODE_ENV === "production" ? {
   name: "16u4j7q-getArticleVoidedStyles",
   styles: "opacity:0.6;text-decoration:line-through;label:getArticleVoidedStyles;",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhdGUtY2FyZC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0I0QyIsImZpbGUiOiJyYXRlLWNhcmQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBnZXRSYXRlQ2FyZEZpcnN0TGluZVNpemUgPSAodGhlbWUpID0+IGAke3RoZW1lLnNwYWNpbmcoMy4yNSl9cHhgO1xyXG5leHBvcnQgY29uc3QgZ2V0QXJ0aWNsZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUuZ3JheS5saWdodH1gLFxyXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0QXJ0aWNsZU5vblNlbGVjdGVkU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgXCI6aG92ZXJcIjoge1xyXG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbixcclxuICAgIH0sXHJcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVTZWxlY3RlZFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJhY2tncm91bmQ6IHRoZW1lLnBhbGV0dGUucHJpbWFyeS51bHRyYUxpZ2h0LFxyXG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWluLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVWb2lkZWRTdHlsZXMgPSAoKSA9PiBjc3Moe1xyXG4gICAgb3BhY2l0eTogXCIwLjZcIixcclxuICAgIHRleHREZWNvcmF0aW9uOiBcImxpbmUtdGhyb3VnaFwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVSZWNvbW1lbmRlZFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5zZWNvbmRhcnkudWx0cmFMaWdodCxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRTZWN0aW9uU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXHJcbiAgICBmbGV4V3JhcDogXCJub3dyYXBcIixcclxuICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNpbmcoMiksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UmF0ZUltYWdlU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZmxleDogXCIwIDAgYXV0b1wiLFxyXG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoMiksXHJcbiAgICBtYXhIZWlnaHQ6IGdldFJhdGVDYXJkRmlyc3RMaW5lU2l6ZSh0aGVtZSksXHJcbiAgICBtYXhXaWR0aDogZ2V0UmF0ZUNhcmRGaXJzdExpbmVTaXplKHRoZW1lKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRSYXRlSW5mb1N0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGZsZXg6IFwiMVwiLFxyXG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoMiksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UmF0ZVJlY29tbWVuZGVkU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLnNlY29uZGFyeS5tYWluLFxyXG4gICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogdGhlbWUuYm9yZGVyUmFkaXVzLk0sXHJcbiAgICBib3JkZXJUb3BSaWdodFJhZGl1czogdGhlbWUuYm9yZGVyUmFkaXVzLk0sXHJcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS53aGl0ZSxcclxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygxKSxcclxuICAgIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjaW5nKC0yKSxcclxuICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2luZygtMiksXHJcbiAgICBwYWRkaW5nOiB0aGVtZS5zcGFjaW5nKDEpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFNlcnZpY2VUeXBlU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxyXG4gICAgbGluZUhlaWdodDogZ2V0UmF0ZUNhcmRGaXJzdExpbmVTaXplKHRoZW1lKSxcclxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldENhcnJpZXJOYW1lU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxyXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0RGl2aWRlclN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbixcclxuICAgIG1hcmdpbjogXCIwIGF1dG9cIixcclxuICAgIG9wYWNpdHk6IDAuMyxcclxuICAgIHdpZHRoOiBgY2FsYygxMDAlIC0gJHt0aGVtZS5zcGFjaW5nKDQpfXB4KWAsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0Rm9vdGVyU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2luZygyKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRGb290ZXJMaXN0U3R5bGVzID0gKCkgPT4gY3NzKHtcclxuICAgIGxpc3RTdHlsZTogXCJub25lXCIsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0Rm9vdGVyTGlzdFdpdGhNdWx0aXBsZU1lc3NhZ2VzU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgbGlzdFN0eWxlOiBcImluaXRpYWxcIixcclxuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjaW5nKDIpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEZvb3Rlckxpc3RJdGVtU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgXCImOm5vdCg6bGFzdC1jaGlsZClcIjoge1xyXG4gICAgICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygpLFxyXG4gICAgfSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRBY2tub3dsZWRnbWVudFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXHJcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5ncmF5Lm1haW4sXHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLnNwYWNpbmcoMS41KSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRDaGVja2JveFdyYXBwZXJTdHlsZXMgPSAoKSA9PiBjc3Moe1xyXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXHJcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxyXG59KTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9cmF0ZS1jYXJkLnN0eWxlcy5qcy5tYXAiXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$4
 };
 const getArticleVoidedStyles = () => _ref3$1;
 const getArticleRecommendedStyles = theme => /*#__PURE__*/css$1({
   backgroundColor: theme.palette.secondary.ultraLight
 }, process.env.NODE_ENV === "production" ? "" : ";label:getArticleRecommendedStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhdGUtY2FyZC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JzRCIsImZpbGUiOiJyYXRlLWNhcmQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBnZXRSYXRlQ2FyZEZpcnN0TGluZVNpemUgPSAodGhlbWUpID0+IGAke3RoZW1lLnNwYWNpbmcoMy4yNSl9cHhgO1xyXG5leHBvcnQgY29uc3QgZ2V0QXJ0aWNsZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUuZ3JheS5saWdodH1gLFxyXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0QXJ0aWNsZU5vblNlbGVjdGVkU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgXCI6aG92ZXJcIjoge1xyXG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbixcclxuICAgIH0sXHJcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVTZWxlY3RlZFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJhY2tncm91bmQ6IHRoZW1lLnBhbGV0dGUucHJpbWFyeS51bHRyYUxpZ2h0LFxyXG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWluLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVWb2lkZWRTdHlsZXMgPSAoKSA9PiBjc3Moe1xyXG4gICAgb3BhY2l0eTogXCIwLjZcIixcclxuICAgIHRleHREZWNvcmF0aW9uOiBcImxpbmUtdGhyb3VnaFwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVSZWNvbW1lbmRlZFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5zZWNvbmRhcnkudWx0cmFMaWdodCxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRTZWN0aW9uU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXHJcbiAgICBmbGV4V3JhcDogXCJub3dyYXBcIixcclxuICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNpbmcoMiksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UmF0ZUltYWdlU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZmxleDogXCIwIDAgYXV0b1wiLFxyXG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoMiksXHJcbiAgICBtYXhIZWlnaHQ6IGdldFJhdGVDYXJkRmlyc3RMaW5lU2l6ZSh0aGVtZSksXHJcbiAgICBtYXhXaWR0aDogZ2V0UmF0ZUNhcmRGaXJzdExpbmVTaXplKHRoZW1lKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRSYXRlSW5mb1N0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGZsZXg6IFwiMVwiLFxyXG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoMiksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UmF0ZVJlY29tbWVuZGVkU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLnNlY29uZGFyeS5tYWluLFxyXG4gICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogdGhlbWUuYm9yZGVyUmFkaXVzLk0sXHJcbiAgICBib3JkZXJUb3BSaWdodFJhZGl1czogdGhlbWUuYm9yZGVyUmFkaXVzLk0sXHJcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS53aGl0ZSxcclxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygxKSxcclxuICAgIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjaW5nKC0yKSxcclxuICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2luZygtMiksXHJcbiAgICBwYWRkaW5nOiB0aGVtZS5zcGFjaW5nKDEpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFNlcnZpY2VUeXBlU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxyXG4gICAgbGluZUhlaWdodDogZ2V0UmF0ZUNhcmRGaXJzdExpbmVTaXplKHRoZW1lKSxcclxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldENhcnJpZXJOYW1lU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxyXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0RGl2aWRlclN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbixcclxuICAgIG1hcmdpbjogXCIwIGF1dG9cIixcclxuICAgIG9wYWNpdHk6IDAuMyxcclxuICAgIHdpZHRoOiBgY2FsYygxMDAlIC0gJHt0aGVtZS5zcGFjaW5nKDQpfXB4KWAsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0Rm9vdGVyU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2luZygyKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRGb290ZXJMaXN0U3R5bGVzID0gKCkgPT4gY3NzKHtcclxuICAgIGxpc3RTdHlsZTogXCJub25lXCIsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0Rm9vdGVyTGlzdFdpdGhNdWx0aXBsZU1lc3NhZ2VzU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgbGlzdFN0eWxlOiBcImluaXRpYWxcIixcclxuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjaW5nKDIpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEZvb3Rlckxpc3RJdGVtU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgXCImOm5vdCg6bGFzdC1jaGlsZClcIjoge1xyXG4gICAgICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygpLFxyXG4gICAgfSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRBY2tub3dsZWRnbWVudFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXHJcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5ncmF5Lm1haW4sXHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLnNwYWNpbmcoMS41KSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRDaGVja2JveFdyYXBwZXJTdHlsZXMgPSAoKSA9PiBjc3Moe1xyXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXHJcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxyXG59KTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9cmF0ZS1jYXJkLnN0eWxlcy5qcy5tYXAiXX0= */");
-const getSectionStyles$1 = theme => /*#__PURE__*/css$1({
+const getSectionStyles = theme => /*#__PURE__*/css$1({
   alignItems: "flex-start",
   display: "flex",
   flexDirection: "row",
@@ -4444,7 +4447,7 @@ var _ref2$1 = process.env.NODE_ENV === "production" ? {
   name: "ueyggo-getFooterListStyles",
   styles: "list-style:none;label:getFooterListStyles;",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhdGUtY2FyZC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0V5QyIsImZpbGUiOiJyYXRlLWNhcmQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBnZXRSYXRlQ2FyZEZpcnN0TGluZVNpemUgPSAodGhlbWUpID0+IGAke3RoZW1lLnNwYWNpbmcoMy4yNSl9cHhgO1xyXG5leHBvcnQgY29uc3QgZ2V0QXJ0aWNsZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUuZ3JheS5saWdodH1gLFxyXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0QXJ0aWNsZU5vblNlbGVjdGVkU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgXCI6aG92ZXJcIjoge1xyXG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbixcclxuICAgIH0sXHJcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVTZWxlY3RlZFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJhY2tncm91bmQ6IHRoZW1lLnBhbGV0dGUucHJpbWFyeS51bHRyYUxpZ2h0LFxyXG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWluLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVWb2lkZWRTdHlsZXMgPSAoKSA9PiBjc3Moe1xyXG4gICAgb3BhY2l0eTogXCIwLjZcIixcclxuICAgIHRleHREZWNvcmF0aW9uOiBcImxpbmUtdGhyb3VnaFwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVSZWNvbW1lbmRlZFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5zZWNvbmRhcnkudWx0cmFMaWdodCxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRTZWN0aW9uU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXHJcbiAgICBmbGV4V3JhcDogXCJub3dyYXBcIixcclxuICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNpbmcoMiksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UmF0ZUltYWdlU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZmxleDogXCIwIDAgYXV0b1wiLFxyXG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoMiksXHJcbiAgICBtYXhIZWlnaHQ6IGdldFJhdGVDYXJkRmlyc3RMaW5lU2l6ZSh0aGVtZSksXHJcbiAgICBtYXhXaWR0aDogZ2V0UmF0ZUNhcmRGaXJzdExpbmVTaXplKHRoZW1lKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRSYXRlSW5mb1N0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGZsZXg6IFwiMVwiLFxyXG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoMiksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UmF0ZVJlY29tbWVuZGVkU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLnNlY29uZGFyeS5tYWluLFxyXG4gICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogdGhlbWUuYm9yZGVyUmFkaXVzLk0sXHJcbiAgICBib3JkZXJUb3BSaWdodFJhZGl1czogdGhlbWUuYm9yZGVyUmFkaXVzLk0sXHJcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS53aGl0ZSxcclxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygxKSxcclxuICAgIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjaW5nKC0yKSxcclxuICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2luZygtMiksXHJcbiAgICBwYWRkaW5nOiB0aGVtZS5zcGFjaW5nKDEpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFNlcnZpY2VUeXBlU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxyXG4gICAgbGluZUhlaWdodDogZ2V0UmF0ZUNhcmRGaXJzdExpbmVTaXplKHRoZW1lKSxcclxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldENhcnJpZXJOYW1lU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxyXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0RGl2aWRlclN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbixcclxuICAgIG1hcmdpbjogXCIwIGF1dG9cIixcclxuICAgIG9wYWNpdHk6IDAuMyxcclxuICAgIHdpZHRoOiBgY2FsYygxMDAlIC0gJHt0aGVtZS5zcGFjaW5nKDQpfXB4KWAsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0Rm9vdGVyU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2luZygyKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRGb290ZXJMaXN0U3R5bGVzID0gKCkgPT4gY3NzKHtcclxuICAgIGxpc3RTdHlsZTogXCJub25lXCIsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0Rm9vdGVyTGlzdFdpdGhNdWx0aXBsZU1lc3NhZ2VzU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgbGlzdFN0eWxlOiBcImluaXRpYWxcIixcclxuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjaW5nKDIpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEZvb3Rlckxpc3RJdGVtU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgXCImOm5vdCg6bGFzdC1jaGlsZClcIjoge1xyXG4gICAgICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygpLFxyXG4gICAgfSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRBY2tub3dsZWRnbWVudFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXHJcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5ncmF5Lm1haW4sXHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLnNwYWNpbmcoMS41KSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRDaGVja2JveFdyYXBwZXJTdHlsZXMgPSAoKSA9PiBjc3Moe1xyXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXHJcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxyXG59KTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9cmF0ZS1jYXJkLnN0eWxlcy5qcy5tYXAiXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$4
 };
 const getFooterListStyles = () => _ref2$1;
 const getFooterListWithMultipleMessagesStyles = theme => /*#__PURE__*/css$1({
@@ -4462,28 +4465,28 @@ const getAcknowledgmentStyles = theme => /*#__PURE__*/css$1({
   display: "flex",
   paddingTop: theme.spacing(1.5)
 }, process.env.NODE_ENV === "production" ? "" : ";label:getAcknowledgmentStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhdGUtY2FyZC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0ZrRCIsImZpbGUiOiJyYXRlLWNhcmQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBnZXRSYXRlQ2FyZEZpcnN0TGluZVNpemUgPSAodGhlbWUpID0+IGAke3RoZW1lLnNwYWNpbmcoMy4yNSl9cHhgO1xyXG5leHBvcnQgY29uc3QgZ2V0QXJ0aWNsZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUuZ3JheS5saWdodH1gLFxyXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0QXJ0aWNsZU5vblNlbGVjdGVkU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgXCI6aG92ZXJcIjoge1xyXG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbixcclxuICAgIH0sXHJcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVTZWxlY3RlZFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJhY2tncm91bmQ6IHRoZW1lLnBhbGV0dGUucHJpbWFyeS51bHRyYUxpZ2h0LFxyXG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWluLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVWb2lkZWRTdHlsZXMgPSAoKSA9PiBjc3Moe1xyXG4gICAgb3BhY2l0eTogXCIwLjZcIixcclxuICAgIHRleHREZWNvcmF0aW9uOiBcImxpbmUtdGhyb3VnaFwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVSZWNvbW1lbmRlZFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5zZWNvbmRhcnkudWx0cmFMaWdodCxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRTZWN0aW9uU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXHJcbiAgICBmbGV4V3JhcDogXCJub3dyYXBcIixcclxuICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNpbmcoMiksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UmF0ZUltYWdlU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZmxleDogXCIwIDAgYXV0b1wiLFxyXG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoMiksXHJcbiAgICBtYXhIZWlnaHQ6IGdldFJhdGVDYXJkRmlyc3RMaW5lU2l6ZSh0aGVtZSksXHJcbiAgICBtYXhXaWR0aDogZ2V0UmF0ZUNhcmRGaXJzdExpbmVTaXplKHRoZW1lKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRSYXRlSW5mb1N0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGZsZXg6IFwiMVwiLFxyXG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoMiksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UmF0ZVJlY29tbWVuZGVkU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLnNlY29uZGFyeS5tYWluLFxyXG4gICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogdGhlbWUuYm9yZGVyUmFkaXVzLk0sXHJcbiAgICBib3JkZXJUb3BSaWdodFJhZGl1czogdGhlbWUuYm9yZGVyUmFkaXVzLk0sXHJcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS53aGl0ZSxcclxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygxKSxcclxuICAgIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjaW5nKC0yKSxcclxuICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2luZygtMiksXHJcbiAgICBwYWRkaW5nOiB0aGVtZS5zcGFjaW5nKDEpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFNlcnZpY2VUeXBlU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxyXG4gICAgbGluZUhlaWdodDogZ2V0UmF0ZUNhcmRGaXJzdExpbmVTaXplKHRoZW1lKSxcclxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldENhcnJpZXJOYW1lU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxyXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0RGl2aWRlclN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbixcclxuICAgIG1hcmdpbjogXCIwIGF1dG9cIixcclxuICAgIG9wYWNpdHk6IDAuMyxcclxuICAgIHdpZHRoOiBgY2FsYygxMDAlIC0gJHt0aGVtZS5zcGFjaW5nKDQpfXB4KWAsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0Rm9vdGVyU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2luZygyKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRGb290ZXJMaXN0U3R5bGVzID0gKCkgPT4gY3NzKHtcclxuICAgIGxpc3RTdHlsZTogXCJub25lXCIsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0Rm9vdGVyTGlzdFdpdGhNdWx0aXBsZU1lc3NhZ2VzU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgbGlzdFN0eWxlOiBcImluaXRpYWxcIixcclxuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjaW5nKDIpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEZvb3Rlckxpc3RJdGVtU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgXCImOm5vdCg6bGFzdC1jaGlsZClcIjoge1xyXG4gICAgICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygpLFxyXG4gICAgfSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRBY2tub3dsZWRnbWVudFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXHJcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5ncmF5Lm1haW4sXHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLnNwYWNpbmcoMS41KSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRDaGVja2JveFdyYXBwZXJTdHlsZXMgPSAoKSA9PiBjc3Moe1xyXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXHJcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxyXG59KTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9cmF0ZS1jYXJkLnN0eWxlcy5qcy5tYXAiXX0= */");
-var _ref$4 = process.env.NODE_ENV === "production" ? {
+var _ref$3 = process.env.NODE_ENV === "production" ? {
   name: "xiyqge",
   styles: "overflow:hidden;position:relative"
 } : {
   name: "zie6jd-getCheckboxWrapperStyles",
   styles: "overflow:hidden;position:relative;label:getCheckboxWrapperStyles;",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhdGUtY2FyZC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0Y4QyIsImZpbGUiOiJyYXRlLWNhcmQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBnZXRSYXRlQ2FyZEZpcnN0TGluZVNpemUgPSAodGhlbWUpID0+IGAke3RoZW1lLnNwYWNpbmcoMy4yNSl9cHhgO1xyXG5leHBvcnQgY29uc3QgZ2V0QXJ0aWNsZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUuZ3JheS5saWdodH1gLFxyXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0QXJ0aWNsZU5vblNlbGVjdGVkU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgXCI6aG92ZXJcIjoge1xyXG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbixcclxuICAgIH0sXHJcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVTZWxlY3RlZFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJhY2tncm91bmQ6IHRoZW1lLnBhbGV0dGUucHJpbWFyeS51bHRyYUxpZ2h0LFxyXG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWluLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVWb2lkZWRTdHlsZXMgPSAoKSA9PiBjc3Moe1xyXG4gICAgb3BhY2l0eTogXCIwLjZcIixcclxuICAgIHRleHREZWNvcmF0aW9uOiBcImxpbmUtdGhyb3VnaFwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVSZWNvbW1lbmRlZFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5zZWNvbmRhcnkudWx0cmFMaWdodCxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRTZWN0aW9uU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXHJcbiAgICBmbGV4V3JhcDogXCJub3dyYXBcIixcclxuICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNpbmcoMiksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UmF0ZUltYWdlU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZmxleDogXCIwIDAgYXV0b1wiLFxyXG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoMiksXHJcbiAgICBtYXhIZWlnaHQ6IGdldFJhdGVDYXJkRmlyc3RMaW5lU2l6ZSh0aGVtZSksXHJcbiAgICBtYXhXaWR0aDogZ2V0UmF0ZUNhcmRGaXJzdExpbmVTaXplKHRoZW1lKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRSYXRlSW5mb1N0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGZsZXg6IFwiMVwiLFxyXG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoMiksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UmF0ZVJlY29tbWVuZGVkU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLnNlY29uZGFyeS5tYWluLFxyXG4gICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogdGhlbWUuYm9yZGVyUmFkaXVzLk0sXHJcbiAgICBib3JkZXJUb3BSaWdodFJhZGl1czogdGhlbWUuYm9yZGVyUmFkaXVzLk0sXHJcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS53aGl0ZSxcclxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygxKSxcclxuICAgIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjaW5nKC0yKSxcclxuICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2luZygtMiksXHJcbiAgICBwYWRkaW5nOiB0aGVtZS5zcGFjaW5nKDEpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFNlcnZpY2VUeXBlU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxyXG4gICAgbGluZUhlaWdodDogZ2V0UmF0ZUNhcmRGaXJzdExpbmVTaXplKHRoZW1lKSxcclxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldENhcnJpZXJOYW1lU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxyXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0RGl2aWRlclN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbixcclxuICAgIG1hcmdpbjogXCIwIGF1dG9cIixcclxuICAgIG9wYWNpdHk6IDAuMyxcclxuICAgIHdpZHRoOiBgY2FsYygxMDAlIC0gJHt0aGVtZS5zcGFjaW5nKDQpfXB4KWAsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0Rm9vdGVyU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2luZygyKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRGb290ZXJMaXN0U3R5bGVzID0gKCkgPT4gY3NzKHtcclxuICAgIGxpc3RTdHlsZTogXCJub25lXCIsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0Rm9vdGVyTGlzdFdpdGhNdWx0aXBsZU1lc3NhZ2VzU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgbGlzdFN0eWxlOiBcImluaXRpYWxcIixcclxuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjaW5nKDIpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEZvb3Rlckxpc3RJdGVtU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgXCImOm5vdCg6bGFzdC1jaGlsZClcIjoge1xyXG4gICAgICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygpLFxyXG4gICAgfSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRBY2tub3dsZWRnbWVudFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXHJcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5ncmF5Lm1haW4sXHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLnNwYWNpbmcoMS41KSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRDaGVja2JveFdyYXBwZXJTdHlsZXMgPSAoKSA9PiBjc3Moe1xyXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXHJcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxyXG59KTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9cmF0ZS1jYXJkLnN0eWxlcy5qcy5tYXAiXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$4
 };
-const getCheckboxWrapperStyles = () => _ref$4;
+const getCheckboxWrapperStyles = () => _ref$3;
 
-function _EMOTION_STRINGIFIED_CSS_ERROR__$4() { 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" ? {
+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$2 = process.env.NODE_ENV === "production" ? {
   name: "j2qxfd",
   styles: "display:flex;flex-direction:column;text-align:right"
 } : {
   name: "15ei3fb-getAsideStyles",
   styles: "display:flex;flex-direction:column;text-align:right;label:getAsideStyles;",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvc3QtYnJlYWtkb3duLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFeUMiLCJmaWxlIjoiY29zdC1icmVha2Rvd24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmltcG9ydCB7IGdldFJhdGVDYXJkRmlyc3RMaW5lU2l6ZSB9IGZyb20gXCIuLi9yYXRlLWNhcmQuc3R5bGVzXCI7XHJcbmV4cG9ydCBjb25zdCBnZXRBc2lkZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxyXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcclxuICAgIHRleHRBbGlnbjogXCJyaWdodFwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFByaWNlU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgbGluZUhlaWdodDogZ2V0UmF0ZUNhcmRGaXJzdExpbmVTaXplKHRoZW1lKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRUYWJsZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJvcmRlclNwYWNpbmc6IGAwICR7dGhlbWUuc3BhY2luZygwLjUpfXB4YCxcclxuICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2luZygwLjUpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFRhYmxlQ2VsbExhYmVsU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjaW5nKDQpLFxyXG59KTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Y29zdC1icmVha2Rvd24uc3R5bGVzLmpzLm1hcCJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$4
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
 };
-const getAsideStyles = theme => _ref$3;
+const getAsideStyles = theme => _ref$2;
 const getPriceStyles = theme => /*#__PURE__*/css$1({
   lineHeight: getRateCardFirstLineSize(theme)
 }, process.env.NODE_ENV === "production" ? "" : ";label:getPriceStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvc3QtYnJlYWtkb3duLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPeUMiLCJmaWxlIjoiY29zdC1icmVha2Rvd24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmltcG9ydCB7IGdldFJhdGVDYXJkRmlyc3RMaW5lU2l6ZSB9IGZyb20gXCIuLi9yYXRlLWNhcmQuc3R5bGVzXCI7XHJcbmV4cG9ydCBjb25zdCBnZXRBc2lkZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxyXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcclxuICAgIHRleHRBbGlnbjogXCJyaWdodFwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFByaWNlU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgbGluZUhlaWdodDogZ2V0UmF0ZUNhcmRGaXJzdExpbmVTaXplKHRoZW1lKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRUYWJsZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJvcmRlclNwYWNpbmc6IGAwICR7dGhlbWUuc3BhY2luZygwLjUpfXB4YCxcclxuICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2luZygwLjUpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFRhYmxlQ2VsbExhYmVsU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjaW5nKDQpLFxyXG59KTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Y29zdC1icmVha2Rvd24uc3R5bGVzLmpzLm1hcCJdfQ== */");
@@ -4648,7 +4651,7 @@ const RateCard = ({
     role: "option"
   }, {
     children: [jsxs("section", Object.assign({
-      css: getSectionStyles$1
+      css: getSectionStyles
     }, {
       children: [carrierCode && jsx("img", {
         alt: carrierFriendlyName,
@@ -4766,6 +4769,43 @@ const RateSelect = _a => {
   }));
 };
 
+const SelectAutoCompleteController = createFieldController();
+const SelectAutoComplete = _a => {
+  var {
+      onChange: customOnChange
+    } = _a,
+    fieldProps = __rest(_a, ["onChange"]);
+  return jsx(SelectAutoCompleteController, Object.assign({}, fieldProps, {
+    children: _a => {
+      var {
+          options,
+          value,
+          onChange
+        } = _a,
+        fieldProps = __rest(_a, ["options", "value", "onChange"]);
+      const buildValue = val => {
+        if (typeof val !== "string") return;
+        const option = options.find(o => o.value === val);
+        return option;
+      };
+      return jsx("div", Object.assign({
+        css: getOverrideStyles
+      }, {
+        children: jsx(SelectAutocomplete, Object.assign({}, fieldProps, {
+          onChange: (_name, nextValue) => {
+            if (nextValue) {
+              customOnChange === null || customOnChange === void 0 ? void 0 : customOnChange(nextValue.value);
+              onChange(nextValue.value);
+            }
+          },
+          options: options,
+          value: buildValue(value)
+        }))
+      }));
+    }
+  }));
+};
+
 const SelectController = createFieldController();
 const isCategory = option => option.options !== undefined;
 const Select = _a => {
@@ -4951,8 +4991,8 @@ const TextInput = fieldProps => jsx(TextInputController, Object.assign({}, field
 
 var fields = /*#__PURE__*/Object.freeze({
 	__proto__: null,
-	CreditCardInput: CreditCardInput,
 	CheckboxInput: CheckboxInput,
+	CreditCardInput: CreditCardInput,
 	DatePicker: DatePicker,
 	ExpirationInput: ExpirationInput,
 	InputGroup: InputGroup,
@@ -4960,6 +5000,7 @@ var fields = /*#__PURE__*/Object.freeze({
 	MoneyInput: MoneyInput,
 	NumberInput: NumberInput,
 	RateSelect: RateSelect,
+	SelectAutoComplete: SelectAutoComplete,
 	Select: Select,
 	SubmitButton: SubmitButton,
 	Switch: Switch,
@@ -5431,7 +5472,7 @@ const ElementsProvider = ({
     environment: _environment,
     onError
   }), [_environment, onError, brandName]);
-  return jsx(ShipEngineProvider, Object.assign({
+  return jsx(ShipEngine, Object.assign({
     baseURL: baseURL,
     getToken: getToken,
     headers: {
@@ -5765,8 +5806,8 @@ $$a({ target: 'Object', stat: true }, {
   }
 });
 
-const useWarehouseValidation = () => {
-  const [warehousePreference, setWarehousePreference] = useState();
+const useAddressValidation = () => {
+  const [validationPreference, setValidationPreference] = useState();
   const {
     error: validateAddressErrors,
     mutateAsync: validateAddresses
@@ -5786,7 +5827,7 @@ const useWarehouseValidation = () => {
     if (matched === original) return true;
     return matched.includes(original);
   }, []);
-  const buildWarehousePreference = useCallback(addressValidation => {
+  const buildAddressValidationPreference = useCallback(addressValidation => {
     /**
      * Address validation matching criteria
      * 1. Case-insensitive string comparison
@@ -5826,28 +5867,23 @@ const useWarehouseValidation = () => {
       validationType: "ERROR"
     };
   }, [caseInsensitiveCompare, postalCodeCompare]);
-  const validate = useCallback(warehouse => __awaiter(void 0, void 0, void 0, function* () {
-    const warehouseAddresses = [warehouse.originAddress, ...(warehouse.returnAddress ? [warehouse.returnAddress] : [])];
-    const result = yield validateAddresses(warehouseAddresses);
+  const validate = useCallback(addresses => __awaiter(void 0, void 0, void 0, function* () {
+    const result = yield validateAddresses([addresses.originAddress, ...(addresses.returnAddress ? [addresses.returnAddress] : [])]);
     const [originAddress, returnAddress] = result;
-    setWarehousePreference({
-      isDefault: warehouse.isDefault,
-      name: warehouse.name,
-      originAddress: buildWarehousePreference(originAddress),
-      returnAddress: returnAddress && buildWarehousePreference(returnAddress)
+    setValidationPreference({
+      originAddress: buildAddressValidationPreference(originAddress),
+      returnAddress: returnAddress && buildAddressValidationPreference(returnAddress)
     });
     return {
-      isDefault: warehouse.isDefault,
-      name: warehouse.name,
-      originAddress: buildWarehousePreference(originAddress),
-      returnAddress: returnAddress && buildWarehousePreference(returnAddress)
+      originAddress: buildAddressValidationPreference(originAddress),
+      returnAddress: returnAddress && buildAddressValidationPreference(returnAddress)
     };
-  }), [buildWarehousePreference, validateAddresses]);
+  }), [buildAddressValidationPreference, validateAddresses]);
   return {
     errors: validateAddressErrors,
-    setWarehousePreference,
+    setValidationPreference,
     validate,
-    warehousePreference
+    validationPreference
   };
 };
 
@@ -5911,7 +5947,7 @@ const AddressParser = ({
   }));
 };
 
-const styles$b = createStyles({
+const styles$c = createStyles({
   grow: {
     flexGrow: 1
   },
@@ -5994,15 +6030,16 @@ const AddressFields = ({
       labelWeight: "normal",
       name: _formatFieldName("cityLocality"),
       nativeLabel: true
-    }), jsx(Select, {
+    }), jsx(SelectAutoComplete, {
       control: form.control,
       form: formId,
       label: t("address.fields.countryCode"),
       labelWeight: "normal",
       name: _formatFieldName("countryCode"),
       nativeLabel: true,
-      onChange: e => {
-        if (typeof e === "string") {
+      noResultsLabel: t("address.noResults"),
+      onChange: value => {
+        if (value) {
           form.setValue(_formatFieldName("stateProvince"), null, {
             shouldValidate: isSubmitted
           });
@@ -6010,23 +6047,24 @@ const AddressFields = ({
       },
       options: countryCodeOptions
     }), jsxs("div", Object.assign({
-      css: styles$b.stateZipWrapper
+      css: styles$c.stateZipWrapper
     }, {
       children: [jsx("div", Object.assign({
-        css: styles$b.stateWrapper
+        css: styles$c.stateWrapper
       }, {
         children: jsx("div", Object.assign({
-          css: styles$b.grow
+          css: styles$c.grow
         }, {
           children: watchCountryCode === "US" ?
           // Domestic States
-          jsx(Select, {
+          jsx(SelectAutoComplete, {
             control: form.control,
             form: formId,
             label: t("address.fields.stateProvince"),
             labelWeight: "normal",
             name: _formatFieldName("stateProvince"),
             nativeLabel: true,
+            noResultsLabel: t("address.noResults"),
             options: stateCodeOptions
           }) :
           // International Provinces
@@ -6040,10 +6078,10 @@ const AddressFields = ({
           })
         }))
       })), jsx("div", Object.assign({
-        css: styles$b.zipWrapper
+        css: styles$c.zipWrapper
       }, {
         children: jsx("div", Object.assign({
-          css: styles$b.grow
+          css: styles$c.grow
         }, {
           children: jsx(TextInput, {
             control: form.control,
@@ -6272,7 +6310,7 @@ const AddressForm = ({
   }));
 };
 
-const styles$a = createStyles({
+const styles$b = createStyles({
   agreement: {
     alignItems: "center",
     display: "flex",
@@ -6342,10 +6380,10 @@ const DisplayCarrierTerms = c => {
   const listCarrierLinks = () => {
     return c.carrierTerms.links.map((term, index) => {
       return jsx("li", Object.assign({
-        css: styles$a.listItems
+        css: styles$b.listItems
       }, {
         children: jsx(Link, Object.assign({
-          css: styles$a.link,
+          css: styles$b.link,
           href: term.url,
           isExternal: true,
           target: "_blank"
@@ -6361,18 +6399,18 @@ const DisplayCarrierTerms = c => {
   };
   const listCarrierTerms = () => {
     return jsxs("div", Object.assign({
-      css: styles$a.terms
+      css: styles$b.terms
     }, {
       children: [jsx(Typography, Object.assign({
         variant: "subtitle1"
       }, {
         children: c.carrierTerms.title
       })), jsx("div", Object.assign({
-        css: styles$a.terms
+        css: styles$b.terms
       }, {
         children: listCarrierContent()
       })), jsx("ul", Object.assign({
-        css: styles$a.links
+        css: styles$b.links
       }, {
         children: listCarrierLinks()
       }))]
@@ -6602,7 +6640,7 @@ const AddressDisplay = ({
   }));
 };
 
-const styles$9 = createStyles({
+const styles$a = createStyles({
   container: theme => ({
     display: "flex",
     gap: theme.spacing()
@@ -6640,13 +6678,13 @@ const Disclosure = ({
   }, [open]);
   return jsxs(Fragment, {
     children: [jsxs("div", Object.assign({
-      css: styles$9.container
+      css: styles$a.container
     }, {
       children: [jsx("div", {
         children: label
       }), _showToggle && jsx("button", Object.assign({
         "aria-expanded": isOpen,
-        css: styles$9.toggle,
+        css: styles$a.toggle,
         onClick: () => {
           setIsOpen(!isOpen);
           onToggle(!isOpen);
@@ -6654,12 +6692,12 @@ const Disclosure = ({
         type: "button"
       }, {
         children: jsx(Icon, {
-          css: styles$9.icon,
+          css: styles$a.icon,
           name: isOpen ? IconNames.CHEVRON_TOP : IconNames.CHEVRON_BOTTOM
         })
       }))]
     })), isOpen && jsx("div", Object.assign({
-      css: styles$9.content
+      css: styles$a.content
     }, {
       children: typeof children === "function" ? children(() => setIsOpen(!isOpen)) : children
     }))]
@@ -6799,7 +6837,7 @@ const getCarrierRecoverySchema = requiresAddress => z.object({
   address: requiresAddress ? baseSchema : baseSchema.optional()
 });
 
-const styles$8 = createStyles({
+const styles$9 = createStyles({
   grid: theme => ({
     margin: theme.spacing(4)
   }),
@@ -6842,7 +6880,7 @@ const CarrierRecoveryForm = ({
     onSubmit: formLogger.capture(handleSubmit)
   }, {
     children: jsxs(Grid, Object.assign({
-      css: styles$8.grid,
+      css: styles$9.grid,
       noPadding: true
     }, {
       children: [requiresAddress && jsxs(Fragment, {
@@ -6850,14 +6888,14 @@ const CarrierRecoveryForm = ({
           colSpan: 12
         }, {
           children: jsx(Typography, Object.assign({
-            css: styles$8.heading,
+            css: styles$9.heading,
             variant: "heading4"
           }, {
             children: t("register-wallet:sections.carriers.title")
           }))
         })), jsx(GridChild, Object.assign({
           colSpan: 12,
-          css: styles$8.subtitle
+          css: styles$9.subtitle
         }, {
           children: jsx(Typography, Object.assign({
             variant: "subtitle1"
@@ -6943,7 +6981,7 @@ const CarrierTermsForm = ({
     onSubmit(payload.agreement);
   }));
   return jsxs("div", Object.assign({
-    css: styles$a.termsForm,
+    css: styles$b.termsForm,
     "data-testid": "carrier-terms-form"
   }, {
     children: [jsx(Typography, Object.assign({
@@ -6959,7 +6997,7 @@ const CarrierTermsForm = ({
     })), jsx(Spacer, {
       multiplier: 1
     }), jsx("div", Object.assign({
-      css: styles$a.carrierLogos
+      css: styles$b.carrierLogos
     }, {
       children: metadatas.map(({
         name,
@@ -6975,7 +7013,7 @@ const CarrierTermsForm = ({
         onSubmit: formLogger.capture(handleSubmit)
       }, {
         children: jsxs("div", Object.assign({
-          css: styles$a.agreement
+          css: styles$b.agreement
         }, {
           children: [jsx("div", {
             children: jsx(CheckboxInput, {
@@ -7002,12 +7040,12 @@ const CarrierTermsForm = ({
               name: "agreement"
             })
           }), showTerms && jsxs("div", Object.assign({
-            css: styles$a.well
+            css: styles$b.well
           }, {
-            children: [terms.map((t, idx) => jsx(DisplayCarrierTerms, {
+            children: [terms.map(t => jsx(DisplayCarrierTerms, {
               carrierTerms: t
-            }, idx)), jsx("div", Object.assign({
-              css: styles$a.close
+            }, t.title)), jsx("div", Object.assign({
+              css: styles$b.close
             }, {
               children: jsx(Button, Object.assign({
                 onClick: () => setShowTerms(false),
@@ -7395,7 +7433,7 @@ const LandingPageForm = ({
   }));
 };
 
-const styles$7 = createStyles({
+const styles$8 = createStyles({
   container: theme => ({
     padding: theme.spacing(2)
   }),
@@ -7417,11 +7455,11 @@ const LandingPage = ({
     t
   } = useTranslation();
   return jsxs("div", Object.assign({
-    css: styles$7.container,
+    css: styles$8.container,
     "data-testid": "landing-page"
   }, {
     children: [jsxs("div", Object.assign({
-      css: styles$7.header
+      css: styles$8.header
     }, {
       children: [jsx(Typography, Object.assign({
         variant: "heading4"
@@ -7439,21 +7477,28 @@ const LandingPage = ({
     })), jsx(LandingPageForm, {
       onSubmit: onSubmit
     }), jsxs("div", Object.assign({
-      css: styles$7.header
+      css: styles$8.header
     }, {
       children: [jsx(Spacer, {
         multiplier: 6
       }), jsx(Typography, Object.assign({
         variant: "subtitle1"
       }, {
-        children: t("onboarding:landing.descriptionTitle")
+        children: t("onboarding:landing.welcome")
+      })), jsx(Spacer, {
+        multiplier: 2
+      }), jsx(Typography, Object.assign({
+        css: styles$8.description,
+        variant: "body1"
+      }, {
+        children: t("onboarding:landing.messageLine1")
       })), jsx(Spacer, {
         multiplier: 2
       }), jsx(Typography, Object.assign({
-        css: styles$7.description,
+        css: styles$8.description,
         variant: "body1"
       }, {
-        children: t("onboarding:landing.description")
+        children: t("onboarding:landing.messageLine2")
       })), jsx(Spacer, {
         multiplier: 2
       })]
@@ -7461,58 +7506,55 @@ const LandingPage = ({
   }));
 };
 
-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)."; }
-const getAccordionSummaryStyles = theme => /*#__PURE__*/css$1({
-  // Needed to hide marker in safari
-  "&::-webkit-details-marker": {
-    display: "none"
-  },
-  "&::marker": {
-    content: '""'
+const styles$7 = createStyles({
+  icon: theme => ({
+    color: theme.palette.primary.main,
+    marginRight: theme.spacing(2)
+  }),
+  rightContentWrapper: {
+    marginLeft: "auto"
   },
-  backgroundColor: theme.palette.gray.ultraLight,
-  boxSizing: "border-box",
-  listStyle: "none",
-  padding: `${theme.spacing()}px ${theme.spacing(4)}px`,
-  width: "100%"
-}, process.env.NODE_ENV === "production" ? "" : ";label:getAccordionSummaryStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFjY29yZGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ29EIiwiZmlsZSI6ImFjY29yZGlvbi5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcclxuZXhwb3J0IGNvbnN0IGdldEFjY29yZGlvblN1bW1hcnlTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICAvLyBOZWVkZWQgdG8gaGlkZSBtYXJrZXIgaW4gc2FmYXJpXHJcbiAgICBcIiY6Oi13ZWJraXQtZGV0YWlscy1tYXJrZXJcIjoge1xyXG4gICAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxyXG4gICAgfSxcclxuICAgIFwiJjo6bWFya2VyXCI6IHtcclxuICAgICAgICBjb250ZW50OiAnXCJcIicsXHJcbiAgICB9LFxyXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLmdyYXkudWx0cmFMaWdodCxcclxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXHJcbiAgICBsaXN0U3R5bGU6IFwibm9uZVwiLFxyXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2luZygpfXB4ICR7dGhlbWUuc3BhY2luZyg0KX1weGAsXHJcbiAgICB3aWR0aDogXCIxMDAlXCIsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0QWNjb3JkaW9uU3VtbWFyeVdyYXBwZXJTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxyXG4gICAgY29sb3I6IHRoZW1lLnBhbGV0dGUuYmxhY2ssXHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIHdpZHRoOiBcIjEwMCVcIixcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRJY29uU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgY29sb3I6IHRoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWluLFxyXG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoMiksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0U2VjdGlvblN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXHJcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjaW5nKDMpfXB4ICR7dGhlbWUuc3BhY2luZyg0KX1weGAsXHJcbiAgICB3aWR0aDogXCIxMDAlXCIsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UmlnaHRDb250ZW50V3JhcHBlclN0eWxlcyA9ICgpID0+IGNzcyh7XHJcbiAgICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcclxufSk7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPWFjY29yZGlvbi5zdHlsZXMuanMubWFwIl19 */");
-const getAccordionSummaryWrapperStyles = theme => /*#__PURE__*/css$1({
-  alignItems: "center",
-  color: theme.palette.black,
-  display: "flex",
-  width: "100%"
-}, process.env.NODE_ENV === "production" ? "" : ";label:getAccordionSummaryWrapperStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFjY29yZGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZTJEIiwiZmlsZSI6ImFjY29yZGlvbi5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcclxuZXhwb3J0IGNvbnN0IGdldEFjY29yZGlvblN1bW1hcnlTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICAvLyBOZWVkZWQgdG8gaGlkZSBtYXJrZXIgaW4gc2FmYXJpXHJcbiAgICBcIiY6Oi13ZWJraXQtZGV0YWlscy1tYXJrZXJcIjoge1xyXG4gICAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxyXG4gICAgfSxcclxuICAgIFwiJjo6bWFya2VyXCI6IHtcclxuICAgICAgICBjb250ZW50OiAnXCJcIicsXHJcbiAgICB9LFxyXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLmdyYXkudWx0cmFMaWdodCxcclxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXHJcbiAgICBsaXN0U3R5bGU6IFwibm9uZVwiLFxyXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2luZygpfXB4ICR7dGhlbWUuc3BhY2luZyg0KX1weGAsXHJcbiAgICB3aWR0aDogXCIxMDAlXCIsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0QWNjb3JkaW9uU3VtbWFyeVdyYXBwZXJTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxyXG4gICAgY29sb3I6IHRoZW1lLnBhbGV0dGUuYmxhY2ssXHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIHdpZHRoOiBcIjEwMCVcIixcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRJY29uU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgY29sb3I6IHRoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWluLFxyXG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoMiksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0U2VjdGlvblN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXHJcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjaW5nKDMpfXB4ICR7dGhlbWUuc3BhY2luZyg0KX1weGAsXHJcbiAgICB3aWR0aDogXCIxMDAlXCIsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UmlnaHRDb250ZW50V3JhcHBlclN0eWxlcyA9ICgpID0+IGNzcyh7XHJcbiAgICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcclxufSk7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPWFjY29yZGlvbi5zdHlsZXMuanMubWFwIl19 */");
-const getSectionStyles = theme => /*#__PURE__*/css$1({
-  boxSizing: "border-box",
-  padding: `${theme.spacing(3)}px ${theme.spacing(4)}px`,
-  width: "100%"
-}, process.env.NODE_ENV === "production" ? "" : ";label:getSectionStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFjY29yZGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUIyQyIsImZpbGUiOiJhY2NvcmRpb24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBnZXRBY2NvcmRpb25TdW1tYXJ5U3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgLy8gTmVlZGVkIHRvIGhpZGUgbWFya2VyIGluIHNhZmFyaVxyXG4gICAgXCImOjotd2Via2l0LWRldGFpbHMtbWFya2VyXCI6IHtcclxuICAgICAgICBkaXNwbGF5OiBcIm5vbmVcIixcclxuICAgIH0sXHJcbiAgICBcIiY6Om1hcmtlclwiOiB7XHJcbiAgICAgICAgY29udGVudDogJ1wiXCInLFxyXG4gICAgfSxcclxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5ncmF5LnVsdHJhTGlnaHQsXHJcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxyXG4gICAgbGlzdFN0eWxlOiBcIm5vbmVcIixcclxuICAgIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNpbmcoKX1weCAke3RoZW1lLnNwYWNpbmcoNCl9cHhgLFxyXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFjY29yZGlvblN1bW1hcnlXcmFwcGVyU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcclxuICAgIGNvbG9yOiB0aGVtZS5wYWxldHRlLmJsYWNrLFxyXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXHJcbiAgICB3aWR0aDogXCIxMDAlXCIsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0SWNvblN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGNvbG9yOiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbixcclxuICAgIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjaW5nKDIpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFNlY3Rpb25TdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxyXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2luZygzKX1weCAke3RoZW1lLnNwYWNpbmcoNCl9cHhgLFxyXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFJpZ2h0Q29udGVudFdyYXBwZXJTdHlsZXMgPSAoKSA9PiBjc3Moe1xyXG4gICAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXHJcbn0pO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1hY2NvcmRpb24uc3R5bGVzLmpzLm1hcCJdfQ== */");
-var _ref$2 = process.env.NODE_ENV === "production" ? {
-  name: "1o3nkn",
-  styles: "margin-left:auto"
-} : {
-  name: "14rm3c-getRightContentWrapperStyles",
-  styles: "margin-left:auto;label:getRightContentWrapperStyles;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFjY29yZGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJrRCIsImZpbGUiOiJhY2NvcmRpb24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBnZXRBY2NvcmRpb25TdW1tYXJ5U3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgLy8gTmVlZGVkIHRvIGhpZGUgbWFya2VyIGluIHNhZmFyaVxyXG4gICAgXCImOjotd2Via2l0LWRldGFpbHMtbWFya2VyXCI6IHtcclxuICAgICAgICBkaXNwbGF5OiBcIm5vbmVcIixcclxuICAgIH0sXHJcbiAgICBcIiY6Om1hcmtlclwiOiB7XHJcbiAgICAgICAgY29udGVudDogJ1wiXCInLFxyXG4gICAgfSxcclxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5ncmF5LnVsdHJhTGlnaHQsXHJcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxyXG4gICAgbGlzdFN0eWxlOiBcIm5vbmVcIixcclxuICAgIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNpbmcoKX1weCAke3RoZW1lLnNwYWNpbmcoNCl9cHhgLFxyXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFjY29yZGlvblN1bW1hcnlXcmFwcGVyU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcclxuICAgIGNvbG9yOiB0aGVtZS5wYWxldHRlLmJsYWNrLFxyXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXHJcbiAgICB3aWR0aDogXCIxMDAlXCIsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0SWNvblN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGNvbG9yOiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbixcclxuICAgIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjaW5nKDIpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFNlY3Rpb25TdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxyXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2luZygzKX1weCAke3RoZW1lLnNwYWNpbmcoNCl9cHhgLFxyXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFJpZ2h0Q29udGVudFdyYXBwZXJTdHlsZXMgPSAoKSA9PiBjc3Moe1xyXG4gICAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXHJcbn0pO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1hY2NvcmRpb24uc3R5bGVzLmpzLm1hcCJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
-};
-const getRightContentWrapperStyles = () => _ref$2;
+  section: theme => ({
+    boxSizing: "border-box",
+    padding: `${theme.spacing(3)}px ${theme.spacing(4)}px`,
+    width: "100%"
+  }),
+  summary: theme => ({
+    // Needed to hide marker in safari
+    "&::-webkit-details-marker": {
+      display: "none"
+    },
+    "&::marker": {
+      content: '""'
+    },
+    backgroundColor: theme.palette.gray.ultraLight,
+    boxSizing: "border-box",
+    listStyle: "none",
+    padding: `${theme.spacing()}px ${theme.spacing(4)}px`,
+    width: "100%"
+  }),
+  summaryWrapper: theme => ({
+    alignItems: "center",
+    color: theme.palette.black,
+    display: "flex",
+    width: "100%"
+  })
+});
 
-const Accordion = _a => {
+const Section = _a => {
   var {
       bold,
-      initialExpanded,
       title,
       children,
       rightContent
     } = _a,
-    rest = __rest(_a, ["bold", "initialExpanded", "title", "children", "rightContent"]);
+    rest = __rest(_a, ["bold", "title", "children", "rightContent"]);
   return jsxs(Fragment, {
     children: [title && jsx("summary", Object.assign({
-      css: getAccordionSummaryStyles
+      css: styles$7.summary
     }, {
       children: jsxs("div", Object.assign({
-        css: getAccordionSummaryWrapperStyles
+        css: styles$7.summaryWrapper
       }, {
         children: [jsx(Typography, Object.assign({
           bold: bold,
@@ -7520,13 +7562,13 @@ const Accordion = _a => {
         }, {
           children: title
         })), rightContent && jsx("div", Object.assign({
-          css: getRightContentWrapperStyles
+          css: styles$7.rightContentWrapper
         }, {
           children: rightContent
         }))]
       }))
     })), jsx("section", Object.assign({
-      css: getSectionStyles
+      css: styles$7.section
     }, rest, {
       children: children
     }))]
@@ -7672,8 +7714,7 @@ const ListCarriers$1 = ({
   const {
     t
   } = useTranslation();
-  return jsxs(Accordion, Object.assign({
-    initialExpanded: true,
+  return jsxs(Section, Object.assign({
     title: t("list-carriers:headers.carriers")
   }, {
     children: [!isLoading && !!(errors === null || errors === void 0 ? void 0 : errors.length) && jsxs(Fragment, {
@@ -7740,345 +7781,11 @@ const LoadingSkeletonRow = () => {
   }));
 };
 
-const styles$5 = createStyles({
-  body: theme => ({
-    borderTop: `1px solid ${theme.palette.gray.light}`,
-    color: theme.palette.black,
-    lineHeight: theme.spacing(0.05),
-    marginRight: theme.spacing(2),
-    padding: theme.spacing(2),
-    textTransform: "uppercase",
-    width: "100%"
-  }),
-  container: theme => ({
-    border: `1px solid ${theme.palette.gray.light}`,
-    borderRadius: theme.borderRadius.M,
-    boxSizing: "border-box",
-    width: "100%"
-  }),
-  header: theme => ({
-    alignItems: "center",
-    borderRadius: 2,
-    color: theme.palette.black,
-    display: "flex",
-    justifyContent: "space-between",
-    padding: theme.spacing(2),
-    width: "100%"
-  }),
-  title: theme => ({
-    alignItems: "center",
-    display: "flex",
-    gap: theme.spacing(),
-    justifyContent: "space-between"
-  }),
-  verticalContainer: theme => ({
-    alignItems: "center",
-    border: `1px solid ${theme.palette.gray.light}`,
-    borderRadius: theme.borderRadius.M,
-    boxSizing: "border-box",
-    display: "flex",
-    height: "100%",
-    width: "100%"
-  })
-});
-
-const SettingsCard = ({
-  accessoryAction,
-  cardAction,
-  children,
-  subtitle,
-  title,
-  verticallyAligned
-}) => {
-  return jsxs("div", Object.assign({
-    css: verticallyAligned ? styles$5.verticalContainer : styles$5.container,
-    "data-testid": "settingsCard"
-  }, {
-    children: [jsxs("div", Object.assign({
-      css: styles$5.header
-    }, {
-      children: [jsxs("div", Object.assign({
-        css: styles$5.title
-      }, {
-        children: [typeof title === "string" ? jsx(Typography, Object.assign({
-          variant: "subtitle2"
-        }, {
-          children: title
-        })) : title, subtitle && jsx(Tag, Object.assign({
-          color: TagColor.GRAY,
-          css: {
-            textTransform: "capitalize"
-          }
-        }, {
-          children: subtitle
-        }))]
-      })), jsx("div", Object.assign({
-        css: {
-          flexShrink: 0
-        }
-      }, {
-        children: jsx(Link, Object.assign({
-          onClick: cardAction.action,
-          role: "button"
-        }, {
-          children: jsx(Typography, Object.assign({
-            css: theme => ({
-              flexShrink: 0,
-              fontWeight: theme.typography.fontWeight.bold
-            }),
-            variant: "body2"
-          }, {
-            children: cardAction.name
-          }))
-        }))
-      }))]
-    })), children && jsx("div", Object.assign({
-      css: styles$5.body
-    }, {
-      children: jsxs("div", {
-        children: [children, accessoryAction && jsx(ButtonGroup, Object.assign({
-          justify: "center"
-        }, {
-          children: jsx(Button, Object.assign({
-            bold: false,
-            color: ButtonColor.SECONDARY,
-            onClick: accessoryAction.action,
-            type: "button",
-            variant: ButtonVariant.TEXT
-          }, {
-            children: accessoryAction.name
-          }))
-        }))]
-      })
-    }))]
-  }));
-};
-
-const WarehouseDisplay = ({
-  warehouse
-}) => {
-  const {
-    t
-  } = useTranslation();
-  const {
-    originAddress,
-    returnAddress
-  } = warehouse;
-  return jsxs(Grid, Object.assign({
-    "data-testid": "warehouseDisplay",
-    noPadding: true
-  }, {
-    children: [jsx(GridChild, Object.assign({
-      colSpan: 3
-    }, {
-      children: jsx(Typography, Object.assign({
-        css: {
-          textTransform: "capitalize"
-        },
-        variant: "subtitle2"
-      }, {
-        children: t("manage-warehouses:shipFrom")
-      }))
-    })), jsx(GridChild, Object.assign({
-      colSpan: 8
-    }, {
-      children: jsx(AddressDisplay, {
-        address: originAddress,
-        nickname: warehouse.name
-      })
-    })), jsx(GridChild, Object.assign({
-      colSpan: 3
-    }, {
-      children: jsx(Typography, Object.assign({
-        css: {
-          textTransform: "capitalize"
-        },
-        variant: "subtitle2"
-      }, {
-        children: t("manage-warehouses:returnTo")
-      }))
-    })), jsx(GridChild, Object.assign({
-      colSpan: 8
-    }, {
-      children: jsx(AddressDisplay, {
-        address: returnAddress,
-        nickname: warehouse.name
-      })
-    }))]
-  }));
-};
-
-const postalCodeRegex$1 = /(^\d{5}$)|(^\d{5}-\d{4}$)/;
-const warehouseAddressSchema = addressSchema.extend({
-  addressResidentialIndicator: z.preprocess(v => v === "yes" ? true : false, z.boolean().default(false).transform(value => value ? "yes" : "no")),
-  companyName: z.string().trim().min(1),
-  phone: z.string().trim().min(1)
-}).refine(schema => !schema.phone || isValidPhoneNumber(schema.phone, schema.countryCode), {
-  message: "schemaErrors.notAValidPhoneNumber",
-  path: ["phone"]
-}).refine(schema => {
-  if (schema.countryCode === "US") {
-    return schema.stateProvince && usStateCodes.includes(schema.stateProvince);
-  }
-  return true;
-}, {
-  message: "schemaErrors.invalidStateProvince",
-  path: ["stateProvince"]
-}).refine(schema => {
-  if (schema.countryCode === "US") {
-    return postalCodeRegex$1.test(schema.postalCode);
-  }
-  return true;
-}, {
-  message: "schemaErrors.invalidPostalCode",
-  path: ["postalCode"]
-});
-const warehouseSchema = z.discriminatedUnion("returnToAddressIsDifferent", [z.object({
-  isDefault: z.boolean(),
-  name: z.string().trim().min(1),
-  originAddress: warehouseAddressSchema,
-  returnAddress: warehouseAddressSchema,
-  returnToAddressIsDifferent: z.literal(true)
-}), z.object({
-  isDefault: z.boolean(),
-  name: z.string().trim().min(1),
-  originAddress: warehouseAddressSchema,
-  returnToAddressIsDifferent: z.literal(false)
-})]);
-
-const WarehouseForm = ({
-  isOnboarding: _isOnboarding = false,
-  onCancel,
-  onDelete,
-  onSubmit,
-  submitButtonTitle,
-  warehouse
-}) => {
-  const {
-    t
-  } = useTranslation(["common", "manage-warehouses"]);
-  const form = useForm({
-    defaultValues: warehouse ? Object.assign(Object.assign({}, warehouse), {
-      isDefault: warehouse.isDefault,
-      originAddress: Object.assign(Object.assign({}, warehouse.originAddress), {
-        countryCode: warehouse.originAddress.countryCode
-      }),
-      returnAddress: Object.assign(Object.assign({}, warehouse.returnAddress), {
-        countryCode: warehouse.returnAddress.countryCode
-      }),
-      returnToAddressIsDifferent: !isEqual(warehouse.originAddress, warehouse.returnAddress)
-    }) : {
-      isDefault: _isOnboarding ? true : false,
-      originAddress: {
-        addressResidentialIndicator: false
-      },
-      returnToAddressIsDifferent: false
-    },
-    resolver: validationResolver(warehouseSchema)
-  });
-  const handleSubmit = form.handleSubmit(values => __awaiter(void 0, void 0, void 0, function* () {
-    const _a = values,
-      payload = __rest(_a, ["returnToAddressIsDifferent"]);
-    yield onSubmit(payload);
-  }));
-  return jsxs("form", Object.assign({
-    id: "warehouse-form",
-    onSubmit: formLogger.capture(handleSubmit)
-  }, {
-    children: [jsx(TextInput, {
-      control: form.control,
-      form: "warehouse-form",
-      label: t("manage-warehouses:locationName"),
-      name: "name",
-      nativeLabel: true
-    }), jsx(AddressFields, {
-      form: form,
-      formatFieldName: fieldName => `originAddress.${fieldName}`,
-      optionalFields: ["addressLine2"]
-    }), jsx(CheckboxInput, {
-      checkboxLabel: t("manage-warehouses:residentialAddress"),
-      control: form.control,
-      form: "warehouse-form",
-      label: "originAddress.addressResidentialIndicator",
-      name: "originAddress.addressResidentialIndicator"
-    }), !_isOnboarding && jsx(CheckboxInput, {
-      checkboxLabel: t("manage-warehouses:isDefault"),
-      control: form.control,
-      form: "warehouse-form",
-      label: "isDefault",
-      name: "isDefault"
-    }), jsx(CheckboxInput, {
-      checkboxLabel: t("manage-warehouses:returnToAddressIsDifferent"),
-      control: form.control,
-      "data-testid": "returnToAddressIsDifferent",
-      form: "warehouse-form",
-      label: "returnToAddressIsDifferent",
-      name: "returnToAddressIsDifferent",
-      onClick: e => {
-        if (e.currentTarget.checked) {
-          form.reset(formValues => Object.assign(Object.assign({}, formValues), {
-            returnAddress: Object.assign(Object.assign({}, {}), {
-              addressResidentialIndicator: false,
-              companyName: "",
-              countryCode: "US"
-            }),
-            returnToAddressIsDifferent: true
-          }), {
-            keepErrors: true
-          });
-        }
-      }
-    }), form.watch("returnToAddressIsDifferent") && jsxs(Fragment, {
-      children: [jsx(AddressFields, {
-        form: form,
-        formatFieldName: fieldName => `returnAddress.${fieldName}`,
-        optionalFields: ["addressLine2"]
-      }), jsx(CheckboxInput, {
-        checkboxLabel: t("manage-warehouses:residentialAddress"),
-        control: form.control,
-        form: "warehouse-form",
-        label: "returnAddress.addressResidentialIndicator",
-        name: "returnAddress.addressResidentialIndicator"
-      })]
-    }), jsxs(ButtonGroup, Object.assign({
-      justify: "center"
-    }, {
-      children: [onDelete && jsx(Button, Object.assign({
-        bold: false,
-        onClick: onDelete,
-        type: "button",
-        variant: ButtonVariant.TEXT
-      }, {
-        children: t("actions.remove")
-      })), jsxs(ButtonGroup, Object.assign({
-        justify: _isOnboarding ? "center" : "end"
-      }, {
-        children: [onCancel && jsx(Button, Object.assign({
-          bold: false,
-          onClick: onCancel,
-          type: "button",
-          variant: ButtonVariant.TEXT
-        }, {
-          children: t("actions.cancel")
-        })), jsx(SubmitButton, Object.assign({
-          control: form.control,
-          "data-testid": "warehouseFormSubmitButton",
-          form: "warehouse-form",
-          requireDirty: true,
-          variant: _isOnboarding ? ButtonVariant.FILLED : ButtonVariant.OUTLINED
-        }, {
-          children: submitButtonTitle
-        }))]
-      }))]
-    }))]
-  }));
-};
-
-const WarehousePreferenceSelect = ({
-  onCancel,
-  onSubmit,
-  originAddress,
-  returnAddress
+const AddressPreferenceSelect = ({
+  onCancel,
+  onSubmit,
+  originAddress,
+  returnAddress
 }) => {
   const {
     t
@@ -8272,72 +7979,437 @@ const WarehousePreferenceSelect = ({
         children: t("common:address.preference.confirm")
       }))]
     }))]
-  });
+  });
+};
+
+const AddressPreferenceContext = /*#__PURE__*/createContext(undefined);
+const AddressPreferenceProvider = props => {
+  const {
+    children,
+    className,
+    formHeader,
+    onSubmit
+  } = props;
+  const [passengerData, setPassengerData] = useState();
+  const {
+    validate: validateAddress,
+    validationPreference,
+    setValidationPreference
+  } = useAddressValidation();
+  const internalValidateAddress = payload => __awaiter(void 0, void 0, void 0, function* () {
+    const {
+      addresses,
+      onValid,
+      data
+    } = payload;
+    const validationPreference = yield validateAddress(addresses);
+    const {
+      originAddress,
+      returnAddress
+    } = validationPreference;
+    setPassengerData(data);
+    if (_$2.isEqual(addresses.originAddress, _$2.omit(validationPreference.originAddress, ["addressLine3", "addressResidentialIndicator"]))) {
+      yield onValid({
+        originAddress: addresses.originAddress,
+        returnAddress: addresses === null || addresses === void 0 ? void 0 : addresses.returnAddress
+      });
+      setValidationPreference(undefined);
+      return;
+    }
+    if ((originAddress.validationType === "EXACT" || originAddress.validationType === "SOFT") && returnAddress && (returnAddress.validationType === "EXACT" || returnAddress.validationType === "SOFT")) {
+      yield onValid({
+        originAddress: originAddress.address,
+        returnAddress: returnAddress.address
+      });
+      setValidationPreference(undefined);
+      return;
+    }
+    if ((originAddress.validationType === "EXACT" || originAddress.validationType === "SOFT") && !returnAddress) {
+      yield onValid({
+        originAddress: originAddress.address
+      });
+      setValidationPreference(undefined);
+      return;
+    }
+  });
+  return jsx(AddressPreferenceContext.Provider, Object.assign({
+    value: {
+      data: passengerData,
+      validateAddress: internalValidateAddress,
+      validationPreference
+    }
+  }, {
+    children: jsxs("div", Object.assign({
+      className: className
+    }, {
+      children: [formHeader, !validationPreference ? children : jsx(AddressPreferenceSelect, {
+        onCancel: () => setValidationPreference(undefined),
+        onSubmit: payload => __awaiter(void 0, void 0, void 0, function* () {
+          yield onSubmit(Object.assign(Object.assign({}, payload), {
+            passengerData
+          }));
+          setValidationPreference(undefined);
+        }),
+        originAddress: validationPreference.originAddress,
+        returnAddress: validationPreference.returnAddress
+      })]
+    }))
+  }));
+};
+const useAddressPreference = () => {
+  const context = useContext(AddressPreferenceContext);
+  if (context === undefined) {
+    throw new Error("useAddressPreference must be used within the AddressPreferenceProvider");
+  }
+  return context;
+};
+
+const styles$5 = createStyles({
+  body: theme => ({
+    borderTop: `1px solid ${theme.palette.gray.light}`,
+    color: theme.palette.black,
+    lineHeight: theme.spacing(0.05),
+    marginRight: theme.spacing(2),
+    padding: theme.spacing(2),
+    textTransform: "uppercase",
+    width: "100%"
+  }),
+  container: theme => ({
+    border: `1px solid ${theme.palette.gray.light}`,
+    borderRadius: theme.borderRadius.M,
+    boxSizing: "border-box",
+    width: "100%"
+  }),
+  header: theme => ({
+    alignItems: "center",
+    borderRadius: 2,
+    color: theme.palette.black,
+    display: "flex",
+    justifyContent: "space-between",
+    padding: theme.spacing(2),
+    width: "100%"
+  }),
+  title: theme => ({
+    alignItems: "center",
+    display: "flex",
+    gap: theme.spacing(),
+    justifyContent: "space-between"
+  }),
+  verticalContainer: theme => ({
+    alignItems: "center",
+    border: `1px solid ${theme.palette.gray.light}`,
+    borderRadius: theme.borderRadius.M,
+    boxSizing: "border-box",
+    display: "flex",
+    height: "100%",
+    width: "100%"
+  })
+});
+
+const SettingsCard = ({
+  accessoryAction,
+  cardAction,
+  children,
+  subtitle,
+  title,
+  verticallyAligned
+}) => {
+  return jsxs("div", Object.assign({
+    css: verticallyAligned ? styles$5.verticalContainer : styles$5.container,
+    "data-testid": "settingsCard"
+  }, {
+    children: [jsxs("div", Object.assign({
+      css: styles$5.header
+    }, {
+      children: [jsxs("div", Object.assign({
+        css: styles$5.title
+      }, {
+        children: [typeof title === "string" ? jsx(Typography, Object.assign({
+          variant: "subtitle2"
+        }, {
+          children: title
+        })) : title, subtitle && jsx(Tag, Object.assign({
+          color: TagColor.GRAY,
+          css: {
+            textTransform: "capitalize"
+          }
+        }, {
+          children: subtitle
+        }))]
+      })), jsx("div", Object.assign({
+        css: {
+          flexShrink: 0
+        }
+      }, {
+        children: jsx(Link, Object.assign({
+          onClick: cardAction.action,
+          role: "button"
+        }, {
+          children: jsx(Typography, Object.assign({
+            css: theme => ({
+              flexShrink: 0,
+              fontWeight: theme.typography.fontWeight.bold
+            }),
+            variant: "body2"
+          }, {
+            children: cardAction.name
+          }))
+        }))
+      }))]
+    })), children && jsx("div", Object.assign({
+      css: styles$5.body
+    }, {
+      children: jsxs("div", {
+        children: [children, accessoryAction && jsx(ButtonGroup, Object.assign({
+          justify: "center"
+        }, {
+          children: jsx(Button, Object.assign({
+            bold: false,
+            color: ButtonColor.SECONDARY,
+            onClick: accessoryAction.action,
+            type: "button",
+            variant: ButtonVariant.TEXT
+          }, {
+            children: accessoryAction.name
+          }))
+        }))]
+      })
+    }))]
+  }));
+};
+
+const WarehouseDisplay = ({
+  warehouse
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const {
+    originAddress,
+    returnAddress
+  } = warehouse;
+  return jsxs(Grid, Object.assign({
+    "data-testid": "warehouseDisplay",
+    noPadding: true
+  }, {
+    children: [jsx(GridChild, Object.assign({
+      colSpan: 3
+    }, {
+      children: jsx(Typography, Object.assign({
+        css: {
+          textTransform: "capitalize"
+        },
+        variant: "subtitle2"
+      }, {
+        children: t("manage-warehouses:shipFrom")
+      }))
+    })), jsx(GridChild, Object.assign({
+      colSpan: 8
+    }, {
+      children: jsx(AddressDisplay, {
+        address: originAddress,
+        nickname: warehouse.name
+      })
+    })), jsx(GridChild, Object.assign({
+      colSpan: 3
+    }, {
+      children: jsx(Typography, Object.assign({
+        css: {
+          textTransform: "capitalize"
+        },
+        variant: "subtitle2"
+      }, {
+        children: t("manage-warehouses:returnTo")
+      }))
+    })), jsx(GridChild, Object.assign({
+      colSpan: 8
+    }, {
+      children: jsx(AddressDisplay, {
+        address: returnAddress,
+        nickname: warehouse.name
+      })
+    }))]
+  }));
 };
 
-const WarehousePreferenceWizard = ({
-  className,
-  formHeader,
+const postalCodeRegex$1 = /(^\d{5}$)|(^\d{5}-\d{4}$)/;
+const warehouseAddressSchema = addressSchema.extend({
+  addressResidentialIndicator: z.preprocess(v => v === "yes" ? true : false, z.boolean().default(false).transform(value => value ? "yes" : "no")),
+  companyName: z.string().trim().min(1),
+  phone: z.string().trim().min(1)
+}).refine(schema => !schema.phone || isValidPhoneNumber(schema.phone, schema.countryCode), {
+  message: "schemaErrors.notAValidPhoneNumber",
+  path: ["phone"]
+}).refine(schema => {
+  if (schema.countryCode === "US") {
+    return schema.stateProvince && usStateCodes.includes(schema.stateProvince);
+  }
+  return true;
+}, {
+  message: "schemaErrors.invalidStateProvince",
+  path: ["stateProvince"]
+}).refine(schema => {
+  if (schema.countryCode === "US") {
+    return postalCodeRegex$1.test(schema.postalCode);
+  }
+  return true;
+}, {
+  message: "schemaErrors.invalidPostalCode",
+  path: ["postalCode"]
+});
+const warehouseSchema = z.discriminatedUnion("returnToAddressIsDifferent", [z.object({
+  isDefault: z.boolean(),
+  name: z.string().trim().min(1),
+  originAddress: warehouseAddressSchema,
+  returnAddress: warehouseAddressSchema,
+  returnToAddressIsDifferent: z.literal(true)
+}), z.object({
+  isDefault: z.boolean(),
+  name: z.string().trim().min(1),
+  originAddress: warehouseAddressSchema,
+  returnToAddressIsDifferent: z.literal(false)
+})]);
+
+const WarehouseForm = ({
   isOnboarding: _isOnboarding = false,
+  onCancel,
+  onDelete,
   onSubmit,
-  onValidate,
-  onWarehouseDelete,
-  onWarehouseFormCancel,
   submitButtonTitle,
-  warehouse,
-  warehousePreference
+  warehouse
 }) => {
-  const [currentStep, setCurrentStep] = useState(0);
-  const checkForExactOrSoft = warehousePreference => __awaiter(void 0, void 0, void 0, function* () {
-    const {
-      originAddress,
-      returnAddress
-    } = warehousePreference;
-    if ((originAddress.validationType === "EXACT" || originAddress.validationType === "SOFT") && returnAddress && (returnAddress.validationType === "EXACT" || returnAddress.validationType === "SOFT")) {
-      yield onSubmit({
-        isDefault: !!warehousePreference.isDefault,
-        name: warehousePreference.name,
-        originAddress: originAddress.address,
-        returnAddress: returnAddress.address
-      });
-      return;
-    }
-    if ((originAddress.validationType === "EXACT" || originAddress.validationType === "SOFT") && !returnAddress) {
-      yield onSubmit({
-        isDefault: !!warehousePreference.isDefault,
-        name: warehousePreference.name,
-        originAddress: originAddress.address
-      });
-      return;
-    } else return;
-  });
-  return jsxs("div", Object.assign({
-    className: className
-  }, {
-    children: [formHeader && formHeader, currentStep === 0 ? jsx(WarehouseForm, {
-      isOnboarding: _isOnboarding,
-      onCancel: onWarehouseFormCancel ? () => onWarehouseFormCancel() : undefined,
-      onDelete: onWarehouseDelete ? () => onWarehouseDelete() : undefined,
-      onSubmit: payload => __awaiter(void 0, void 0, void 0, function* () {
-        const result = yield onValidate(payload);
-        yield checkForExactOrSoft(result);
-        setCurrentStep(1);
+  const {
+    t
+  } = useTranslation(["common", "manage-warehouses"]);
+  const {
+    validateAddress
+  } = useAddressPreference();
+  const form = useForm({
+    defaultValues: warehouse ? Object.assign(Object.assign({}, warehouse), {
+      isDefault: warehouse.isDefault,
+      originAddress: Object.assign(Object.assign({}, warehouse.originAddress), {
+        countryCode: warehouse.originAddress.countryCode
       }),
-      submitButtonTitle: submitButtonTitle,
-      warehouse: warehouse
-    }) : warehousePreference && jsx(WarehousePreferenceSelect, {
-      onCancel: () => setCurrentStep(0),
-      onSubmit: payload => {
-        onSubmit({
-          isDefault: !!warehousePreference.isDefault,
-          name: warehousePreference.name,
-          originAddress: payload.originAddress,
-          returnAddress: payload.returnAddress
-        });
+      returnAddress: Object.assign(Object.assign({}, warehouse.returnAddress), {
+        countryCode: warehouse.returnAddress.countryCode
+      }),
+      returnToAddressIsDifferent: !isEqual(warehouse.originAddress, warehouse.returnAddress)
+    }) : {
+      isDefault: _isOnboarding ? true : false,
+      originAddress: {
+        addressResidentialIndicator: false
       },
-      originAddress: warehousePreference.originAddress,
-      returnAddress: warehousePreference.returnAddress
-    })]
+      returnToAddressIsDifferent: false
+    },
+    resolver: validationResolver(warehouseSchema)
+  });
+  const handleSubmit = form.handleSubmit(values => __awaiter(void 0, void 0, void 0, function* () {
+    const _a = values,
+      payload = __rest(_a, ["returnToAddressIsDifferent"]);
+    yield validateAddress({
+      addresses: payload,
+      data: {
+        isDefault: payload.isDefault,
+        name: payload.name
+      },
+      onValid: validatedAddressesPayload => {
+        onSubmit(Object.assign(Object.assign({}, validatedAddressesPayload), {
+          isDefault: payload.isDefault,
+          name: payload.name
+        }));
+      }
+    });
+  }));
+  return jsxs("form", Object.assign({
+    id: "warehouse-form",
+    onSubmit: formLogger.capture(handleSubmit)
+  }, {
+    children: [jsx(TextInput, {
+      control: form.control,
+      form: "warehouse-form",
+      label: t("manage-warehouses:locationName"),
+      name: "name",
+      nativeLabel: true
+    }), jsx(AddressFields, {
+      form: form,
+      formatFieldName: fieldName => `originAddress.${fieldName}`,
+      optionalFields: ["addressLine2"]
+    }), jsx(CheckboxInput, {
+      checkboxLabel: t("manage-warehouses:residentialAddress"),
+      control: form.control,
+      form: "warehouse-form",
+      label: "originAddress.addressResidentialIndicator",
+      name: "originAddress.addressResidentialIndicator"
+    }), !_isOnboarding && jsx(CheckboxInput, {
+      checkboxLabel: t("manage-warehouses:isDefault"),
+      control: form.control,
+      form: "warehouse-form",
+      label: "isDefault",
+      name: "isDefault"
+    }), jsx(CheckboxInput, {
+      checkboxLabel: t("manage-warehouses:returnToAddressIsDifferent"),
+      control: form.control,
+      "data-testid": "returnToAddressIsDifferent",
+      form: "warehouse-form",
+      label: "returnToAddressIsDifferent",
+      name: "returnToAddressIsDifferent",
+      onClick: e => {
+        if (e.currentTarget.checked) {
+          form.reset(formValues => Object.assign(Object.assign({}, formValues), {
+            returnAddress: Object.assign(Object.assign({}, {}), {
+              addressResidentialIndicator: false,
+              companyName: "",
+              countryCode: "US"
+            }),
+            returnToAddressIsDifferent: true
+          }), {
+            keepErrors: true
+          });
+        }
+      }
+    }), form.watch("returnToAddressIsDifferent") && jsxs(Fragment, {
+      children: [jsx(AddressFields, {
+        form: form,
+        formatFieldName: fieldName => `returnAddress.${fieldName}`,
+        optionalFields: ["addressLine2"]
+      }), jsx(CheckboxInput, {
+        checkboxLabel: t("manage-warehouses:residentialAddress"),
+        control: form.control,
+        form: "warehouse-form",
+        label: "returnAddress.addressResidentialIndicator",
+        name: "returnAddress.addressResidentialIndicator"
+      })]
+    }), jsxs(ButtonGroup, Object.assign({
+      justify: "center"
+    }, {
+      children: [onDelete && jsx(Button, Object.assign({
+        bold: false,
+        onClick: onDelete,
+        type: "button",
+        variant: ButtonVariant.TEXT
+      }, {
+        children: t("actions.remove")
+      })), jsxs(ButtonGroup, Object.assign({
+        justify: _isOnboarding ? "center" : "end"
+      }, {
+        children: [onCancel && jsx(Button, Object.assign({
+          bold: false,
+          onClick: onCancel,
+          type: "button",
+          variant: ButtonVariant.TEXT
+        }, {
+          children: t("actions.cancel")
+        })), jsx(SubmitButton, Object.assign({
+          control: form.control,
+          "data-testid": "warehouseFormSubmitButton",
+          form: "warehouse-form",
+          requireDirty: true,
+          variant: _isOnboarding ? ButtonVariant.FILLED : ButtonVariant.OUTLINED
+        }, {
+          children: submitButtonTitle
+        }))]
+      }))]
+    }))]
   }));
 };
 
@@ -8362,9 +8434,6 @@ const ManageWarehouses$1 = ({
   onDelete,
   onEdit,
   onSetDefault,
-  onValidate,
-  setWarehousePreference,
-  warehousePreference,
   warehouses
 }) => {
   const {
@@ -8373,7 +8442,7 @@ const ManageWarehouses$1 = ({
   const [editWarehouseId, setEditWarehouseId] = useState();
   const [showAddNewWarehouseForm, toggleShowAddNewWarehouseForm] = useToggle(false);
   return jsxs(Fragment, {
-    children: [showAddNewWarehouseForm ? jsx(WarehousePreferenceWizard, {
+    children: [showAddNewWarehouseForm ? jsx(AddressPreferenceProvider, Object.assign({
       css: styles$4.well,
       formHeader: jsxs("div", Object.assign({
         css: styles$4.header
@@ -8387,15 +8456,19 @@ const ManageWarehouses$1 = ({
         })]
       })),
       onSubmit: payload => {
-        onAdd(payload);
-        toggleShowAddNewWarehouseForm(false);
-        setWarehousePreference(undefined);
-      },
-      onValidate: onValidate,
-      onWarehouseFormCancel: () => toggleShowAddNewWarehouseForm(false),
-      submitButtonTitle: t("actions.save"),
-      warehousePreference: warehousePreference
-    }) : jsx(ButtonGroup, Object.assign({
+        const {
+            passengerData
+          } = payload,
+          rest = __rest(payload, ["passengerData"]);
+        onAdd(Object.assign(Object.assign({}, rest), passengerData));
+      }
+    }, {
+      children: jsx(WarehouseForm, {
+        onCancel: () => toggleShowAddNewWarehouseForm(false),
+        onSubmit: payload => onAdd(payload),
+        submitButtonTitle: t("actions.save")
+      })
+    })) : jsx(ButtonGroup, Object.assign({
       justify: "end"
     }, {
       children: jsxs(Button, Object.assign({
@@ -8420,7 +8493,7 @@ const ManageWarehouses$1 = ({
         return sortByCreationDate(a, b, "desc");
       }).map(warehouse => {
         if (editWarehouseId && editWarehouseId === warehouse.warehouseId) {
-          return jsx(WarehousePreferenceWizard, {
+          return jsx(AddressPreferenceProvider, Object.assign({
             css: styles$4.well,
             formHeader: jsxs("div", Object.assign({
               css: styles$4.header
@@ -8434,17 +8507,24 @@ const ManageWarehouses$1 = ({
               })]
             })),
             onSubmit: payload => {
-              onEdit(payload, warehouse.warehouseId);
+              const {
+                  passengerData: warehouseData
+                } = payload,
+                rest = __rest(payload, ["passengerData"]);
+              onEdit(Object.assign(Object.assign({}, rest), warehouseData), warehouse.warehouseId);
               setEditWarehouseId(undefined);
-              setWarehousePreference(undefined);
-            },
-            onValidate: onValidate,
-            onWarehouseDelete: warehouse.isDefault ? undefined : () => onDelete(warehouse.warehouseId),
-            onWarehouseFormCancel: () => setEditWarehouseId(undefined),
-            submitButtonTitle: t("actions.save"),
-            warehouse: warehouse,
-            warehousePreference: warehousePreference
-          }, warehouse.warehouseId);
+            }
+          }, {
+            children: jsx(WarehouseForm, {
+              onCancel: () => setEditWarehouseId(undefined),
+              onDelete: warehouse.isDefault ? undefined : () => onDelete(warehouse.warehouseId),
+              onSubmit: payload => __awaiter(void 0, void 0, void 0, function* () {
+                return onEdit(payload, warehouse.warehouseId);
+              }),
+              submitButtonTitle: t("actions.save"),
+              warehouse: warehouse
+            })
+          }), warehouse.warehouseId);
         } else {
           return jsx(SettingsCard, Object.assign({
             accessoryAction: warehouse.isDefault ? undefined : {
@@ -9424,7 +9504,8 @@ const BillingFields = ({
       label: t("billing.fields.cardNumber"),
       labelWeight: "normal",
       name: "creditCard.number",
-      nativeLabel: true
+      nativeLabel: true,
+      placeholder: t("billing.fields.cardNumberPlaceholder")
     }), jsxs("div", Object.assign({
       css: theme => ({
         display: "flex",
@@ -9443,7 +9524,8 @@ const BillingFields = ({
           labelWeight: "normal",
           maxLength: 7,
           name: "creditCard.expiration",
-          nativeLabel: true
+          nativeLabel: true,
+          placeholder: t("billing.fields.expirationPlaceholder")
         })
       })), jsx("div", Object.assign({
         css: {
@@ -9456,7 +9538,8 @@ const BillingFields = ({
           labelWeight: "normal",
           maxLength: 4,
           name: "creditCard.cvv",
-          nativeLabel: true
+          nativeLabel: true,
+          placeholder: t("billing.fields.cvvPlaceholder")
         })
       }))]
     }))]
@@ -9497,7 +9580,7 @@ const creditCardSchema = z.object({
   expiration: z.string().trim().refine(expiration => {
     const [expirationMonth, expirationYear] = expiration.split("/");
     return expirationMonths.includes(expirationMonth) && expirationYears.includes(expirationYear);
-  }, "Invalid expiration"),
+  }, "schemaErrors.invalidExpirationDate"),
   name: z.string().trim().min(1),
   number: z.string().trim().refine(number => cardValidator.number(number).isValid, "Invalid card number").refine(number => {
     var _a, _b;
@@ -9593,13 +9676,7 @@ const EditWalletAddressForm = ({
 const styles$3 = createStyles({
   grid: theme => ({
     margin: theme.spacing(4)
-  }),
-  heading: {
-    textAlign: "center"
-  },
-  subtitle: {
-    textAlign: "center"
-  }
+  })
 });
 
 const WalletForm = ({
@@ -9611,6 +9688,9 @@ const WalletForm = ({
     t
   } = useTranslation(["register-wallet", "common"]);
   const defaultWarehouseIsPoBox = isPoBoxAddress(address);
+  const {
+    validateAddress
+  } = useAddressPreference();
   const form = useForm({
     defaultValues:
     // If the warehouse address is a PO Box they cannot use it as their billing address
@@ -9628,7 +9708,20 @@ const WalletForm = ({
   const watchAddress = form.watch("address");
   const handleSubmit = form.handleSubmit(values => __awaiter(void 0, void 0, void 0, function* () {
     const payload = __rest(values, []);
-    yield onSubmit(payload);
+    yield validateAddress({
+      addresses: {
+        originAddress: payload.address
+      },
+      data: {
+        creditCard: payload.creditCard
+      },
+      onValid: validatedAddressesPayload => {
+        onSubmit({
+          address: validatedAddressesPayload.originAddress,
+          creditCard: payload.creditCard
+        });
+      }
+    });
   }));
   const [editWalletAddressForm, isEditWalletAddressFormOpen, toggleIsEditWalletAddressFormOpen] = useNestedForm(EditWalletAddressForm, {
     address: watchAddress,
@@ -9648,36 +9741,13 @@ const WalletForm = ({
       children: [jsx(GridChild, Object.assign({
         colSpan: 12
       }, {
-        children: jsx(Typography, Object.assign({
-          css: styles$3.heading,
-          variant: "heading4"
-        }, {
-          children: t("register-wallet:sections.billing.title")
-        }))
-      })), jsx(GridChild, Object.assign({
-        colSpan: 12,
-        css: styles$3.subtitle
-      }, {
-        children: jsx(Typography, Object.assign({
-          variant: "subtitle1"
-        }, {
-          children: t("register-wallet:sections.billing.cardSubTitle")
-        }))
-      })), jsx(GridChild, Object.assign({
-        colSpan: 12
-      }, {
-        children: (errors === null || errors === void 0 ? void 0 : errors.length) ? jsx(InlineNotification, Object.assign({
+        children: (errors === null || errors === void 0 ? void 0 : errors.length) && jsx(InlineNotification, Object.assign({
           title: t("register-wallet:sections.notifications.error.title"),
           type: NotificationType.ERROR
         }, {
           children: errors.map(({
             message
           }) => message).join(" ")
-        })) : jsx(InlineNotification, Object.assign({
-          title: t("register-wallet:sections.notifications.info.title"),
-          type: NotificationType.INFO
-        }, {
-          children: t("register-wallet:sections.notifications.info.description")
         }))
       })), jsx(GridChild, Object.assign({
         colSpan: 12
@@ -9689,7 +9759,9 @@ const WalletForm = ({
         colSpan: 12
       }, {
         children: jsx(Typography, Object.assign({
-          css: styles$3.subtitle,
+          css: {
+            textAlign: "center"
+          },
           variant: "subtitle1"
         }, {
           children: t("register-wallet:sections.billing.addressSubTitle")
@@ -9746,11 +9818,20 @@ const WalletForm = ({
 };
 
 const styles$2 = createStyles({
+  container: theme => ({
+    padding: theme.spacing(2)
+  }),
   step: {
     "& > span:last-child": {
       position: "static"
     }
   },
+  walletFormHeader: theme => ({
+    margin: theme.spacing(4)
+  }),
+  walletFormTitle: {
+    textAlign: "center"
+  },
   wrapper: theme => ({
     height: "100%",
     padding: theme.spacing(2),
@@ -9762,19 +9843,15 @@ const Onboarding$1 = ({
   carriers,
   createWarehouse,
   onCarrierCreated,
-  onWarehouseCreated,
-  onValidateWarehouse,
-  warehousePreference,
-  setWarehousePreference,
   onCompleteOnboarding,
+  onWarehouseCreated,
   registerDhlCarrier,
   registerDhlCarrierErrors,
   registerStampsCarrier,
   registerStampsCarrierErrors,
   registerUpsCarrier,
   registerUpsCarrierErrors,
-  warehouses,
-  validationErrors
+  warehouses
 }) => {
   const {
     t
@@ -9784,6 +9861,7 @@ const Onboarding$1 = ({
   const [onboardingComplete, setOnboardingComplete] = useState(false);
   const [agreedToTerms, setAgreedToTerms] = useState(false);
   const [hasValidAddress, setHasValidAddress] = useState(true);
+  const [hasCompletedBilling, setHasCompletedBilling] = useState(false);
   // Partner accounts come provisioned with a Free Stamps wallet for getting rates, etc
   // Make sure their Stamps carrier is not the Free one
   // Once an account adds a UPS carrier to their Stamps wallet, the carrierCode changes from "stamps_com" => "usps"
@@ -9834,7 +9912,7 @@ const Onboarding$1 = ({
     creditCard
   }) => __awaiter(void 0, void 0, void 0, function* () {
     setAddress(address);
-    // Step 4.1: Validate Address (if different from warehouse)
+    setHasCompletedBilling(true);
     yield registerStampsCarrier({
       address: address,
       agreeToCarrierTerms: agreedToTerms,
@@ -9873,7 +9951,7 @@ const Onboarding$1 = ({
     }
     if (agreedToTerms && !warehouses.length && !hasValidAddress) {
       // Step 3: Add Ship From (Warehouse) Address
-      return jsx(WarehousePreferenceWizard, {
+      return jsx(AddressPreferenceProvider, Object.assign({
         formHeader: jsxs("div", Object.assign({
           css: {
             textAlign: "center"
@@ -9893,24 +9971,77 @@ const Onboarding$1 = ({
             multiplier: 1
           })]
         })),
-        isOnboarding: true,
-        onSubmit: payload => {
-          handleCreateWarehouse(payload);
-          setWarehousePreference(undefined);
-        },
-        onValidate: onValidateWarehouse,
-        submitButtonTitle: t("actions.continue"),
-        warehousePreference: warehousePreference
-      });
+        onSubmit: payload => __awaiter(void 0, void 0, void 0, function* () {
+          const {
+              passengerData
+            } = payload,
+            rest = __rest(payload, ["passengerData"]);
+          yield handleCreateWarehouse(Object.assign(Object.assign({}, rest), passengerData));
+        })
+      }, {
+        children: jsx(WarehouseForm, {
+          isOnboarding: true,
+          onSubmit: payload => __awaiter(void 0, void 0, void 0, function* () {
+            return handleCreateWarehouse(payload);
+          }),
+          submitButtonTitle: t("actions.continue")
+        })
+      }));
     }
     // Step 4: Register Stamps Wallet, UPS, DHL
-    if (agreedToTerms && warehouses.length && hasValidAddress && !hasStampsWallet) {
+    if (agreedToTerms && warehouses.length && hasValidAddress && !hasStampsWallet && !hasCompletedBilling) {
       const defaultWarehouse = (_a = warehouses.find(w => w.isDefault)) !== null && _a !== void 0 ? _a : warehouses[0];
-      return jsx(WalletForm, {
-        address: defaultWarehouse.originAddress,
-        errors: registerStampsCarrierErrors,
-        onSubmit: handleWalletRegistration
-      });
+      return jsx(AddressPreferenceProvider, Object.assign({
+        formHeader: jsxs("div", Object.assign({
+          css: styles$2.walletFormHeader
+        }, {
+          children: [jsxs("div", Object.assign({
+            css: styles$2.walletFormTitle
+          }, {
+            children: [jsx(Typography, Object.assign({
+              variant: "heading4"
+            }, {
+              children: t("register-wallet:sections.billing.title")
+            })), jsx(Spacer, {
+              multiplier: 2
+            }), jsx(Typography, Object.assign({
+              variant: "subtitle1"
+            }, {
+              children: t("register-wallet:sections.billing.cardSubTitle")
+            }))]
+          })), jsx(Spacer, {
+            multiplier: 1
+          }), (registerStampsCarrierErrors === null || registerStampsCarrierErrors === void 0 ? void 0 : registerStampsCarrierErrors.length) ? jsx(InlineNotification, Object.assign({
+            title: t("register-wallet:sections.notifications.error.title"),
+            type: NotificationType.ERROR
+          }, {
+            children: registerStampsCarrierErrors.map(({
+              message
+            }) => message).join(" ")
+          })) : jsx(InlineNotification, Object.assign({
+            title: t("register-wallet:sections.notifications.info.title"),
+            type: NotificationType.INFO
+          }, {
+            children: t("register-wallet:sections.notifications.info.description")
+          }))]
+        })),
+        onSubmit: payload => __awaiter(void 0, void 0, void 0, function* () {
+          const {
+              passengerData
+            } = payload,
+            rest = __rest(payload, ["passengerData"]);
+          yield handleWalletRegistration(Object.assign(Object.assign({}, passengerData), {
+            address: rest.originAddress
+          }));
+        })
+      }, {
+        children: jsx(WalletForm, {
+          address: defaultWarehouse.originAddress,
+          onSubmit: payload => __awaiter(void 0, void 0, void 0, function* () {
+            yield handleWalletRegistration(payload);
+          })
+        })
+      }));
     }
     if (hasStampsWallet) {
       // Step 4.1: Handle UPS Registration Errors
@@ -9937,10 +10068,12 @@ const Onboarding$1 = ({
         });
       }
     }
-    return jsx(Loader, {});
+    return jsx(Loader, {
+      message: t("loading.onboarding")
+    });
   };
   return jsxs("div", Object.assign({
-    css: styles$2.wrapper
+    css: styles$2.container
   }, {
     children: [jsxs(Stepper, Object.assign({
       currentStep: currentStep
@@ -10285,19 +10418,26 @@ const AddFundsForm = ({
   });
 };
 
-const InlineLabel = ({
-  children,
-  label
-}) => jsxs("div", Object.assign({
-  css: theme => ({
+const styles$1 = isLabelRight => createStyles({
+  inlineContainer: theme => ({
     alignItems: "center",
     display: "flex",
+    flexDirection: isLabelRight ? "row-reverse" : "row",
     gap: theme.spacing(1)
   })
+});
+
+const InlineLabel = ({
+  children,
+  label,
+  isLabelRight,
+  labelProps: _labelProps = {}
+}) => jsxs("div", Object.assign({
+  css: styles$1(isLabelRight).inlineContainer
 }, {
-  children: [jsx(Typography, {
+  children: [jsx(Typography, Object.assign({}, _labelProps, {
     children: label
-  }), children]
+  })), children]
 }));
 
 const getStyles$3 = balance => createStyles({
@@ -10575,7 +10715,7 @@ const FundAndPurchase = ({
   }));
 };
 
-const styles$1 = createStyles({
+const styles = createStyles({
   fundAndPurchase: theme => ({
     borderTop: `1px solid ${theme.palette.gray.ultraLight}`
   }),
@@ -10714,9 +10854,8 @@ const RateForm = ({
     onSubmit: handleSubmit,
     ref: rateFormScrollToRef
   }, {
-    children: [jsxs(Accordion, Object.assign({
+    children: [jsxs(Section, Object.assign({
       "data-testid": "rates",
-      initialExpanded: true,
       title: t("purchase-label:sections.rate", {
         count: rateOptions.length
       })
@@ -10730,7 +10869,7 @@ const RateForm = ({
           onClick: onSelectRate,
           options: showHiddenRates ? rateOptions : filteredRateOptions
         }), rateOptions.some(option => option.requiresAcknowledgement) && rateOptions.length > 5 && jsx(Link, Object.assign({
-          css: styles$1.showMoreOrLessRatesButton,
+          css: styles.showMoreOrLessRatesButton,
           onClick: () => {
             var _a;
             setShowHiddenRates(!showHiddenRates);
@@ -10751,7 +10890,7 @@ const RateForm = ({
           }))
         }))]
       }) : !isLoading && !!allDisplayableErrors.length ? null : jsxs("article", Object.assign({
-        css: styles$1.ratesInterstitial,
+        css: styles.ratesInterstitial,
         role: "presentation"
       }, {
         children: [jsx(Cube, {
@@ -10768,7 +10907,7 @@ const RateForm = ({
     })), jsx(FundAndPurchase, {
       carrierId: selectedRate === null || selectedRate === void 0 ? void 0 : selectedRate.carrierId,
       control: form.control,
-      css: styles$1.fundAndPurchase,
+      css: styles.fundAndPurchase,
       disabled: disabled,
       isFundingEnabled: features === null || features === void 0 ? void 0 : features.enableFunding,
       isFundingRequired: (selectedRate === null || selectedRate === void 0 ? void 0 : selectedRate.balance) !== undefined && !!selectedRate.requiresFundedAmount,
@@ -11148,6 +11287,7 @@ const getShipmentSchema = ({
   allowInternationalShipFrom,
   warehouses,
   requireMeasurements: _requireMeasurements = false,
+  isContentDescriptionRequired: _isContentDescriptionRequired = false,
   isCustomsRequired: _isCustomsRequired = false
 } = {}) => {
   const baseSchema = z.object({
@@ -11167,6 +11307,7 @@ const getShipmentSchema = ({
     }).nullish(),
     insuranceProvider: z.nativeEnum(SE.InsuranceProviderType).default(SE.InsuranceProviderType.NONE),
     packages: z.object({
+      contentDescription: _isContentDescriptionRequired ? z.string().min(1).max(36, "Maximum 36 characters") : z.string().optional().nullable(),
       dimensions: (_requireMeasurements ? z.object({
         height: z.number().positive(),
         length: z.number().positive(),
@@ -11305,11 +11446,16 @@ const ShipmentForm = ({
   const isCustomsRequired = useMemo(() => {
     return shipment ? getIsCustomsRequiredForShipment(shipment) : false;
   }, [shipment]);
+  const isContentDescriptionRequired = useMemo(() => {
+    var _a;
+    return shipment && ((_a = shipment.shipFrom) === null || _a === void 0 ? void 0 : _a.countryCode) === "MX" || (shipment === null || shipment === void 0 ? void 0 : shipment.shipTo.countryCode) === "MX";
+  }, [shipment]);
   const shipmentSchema = useMemo(() => getShipmentSchema({
+    isContentDescriptionRequired,
     isCustomsRequired,
     requireMeasurements,
     warehouses: warehouses !== null && warehouses !== void 0 ? warehouses : []
-  }), [isCustomsRequired, requireMeasurements, warehouses]);
+  }), [isCustomsRequired, requireMeasurements, warehouses, isContentDescriptionRequired]);
   const requestedServices = useMemo(() => getRequestedServices(salesOrder), [salesOrder]);
   const form = useForm({
     defaultValues: {
@@ -11423,9 +11569,11 @@ const ShipmentForm = ({
       insuranceProvider: updatedShipment.insuranceProvider === "none" ? undefined : updatedShipment.insuranceProvider,
       packages: updatedShipment.packages.map(pkg => {
         var _a;
-        return Object.assign(Object.assign({
+        return Object.assign(Object.assign(Object.assign({
+          contentDescription: isContentDescriptionRequired ? pkg.contentDescription : null
+        }, {
           dimensions: pkg.dimensions && convertDimensions(pkg.dimensions)
-        }, updatedShipment.insuranceProvider !== "none" && ((_a = pkg.insuredValue) === null || _a === void 0 ? void 0 : _a.amount) && {
+        }), updatedShipment.insuranceProvider !== "none" && ((_a = pkg.insuredValue) === null || _a === void 0 ? void 0 : _a.amount) && {
           insuredValue: {
             amount: pkg.insuredValue.amount || null,
             currency: pkg.insuredValue.currency
@@ -11448,7 +11596,7 @@ const ShipmentForm = ({
       shipmentId: updatedShipment.shipmentId,
       warehouseId: updatedShipment.warehouseId
     }));
-  }, [findCustomPackage, form, isCustomsRequired]);
+  }, [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
@@ -11601,9 +11749,8 @@ const ShipmentForm = ({
     id: "shipment-form",
     onSubmit: formLogger.capture(handleSubmit)
   }, {
-    children: [jsxs(Accordion, Object.assign({
-      "data-testid": "orderDetail",
-      initialExpanded: true
+    children: [jsxs(Section, Object.assign({
+      "data-testid": "orderDetail"
     }, {
       children: [jsx(DatePicker, {
         control: form.control,
@@ -11721,9 +11868,8 @@ const ShipmentForm = ({
       })]
     })), jsx("div", {
       ref: customsItemErrorScrollToRef
-    }), shipment && isCustomsRequired && jsxs(Accordion, Object.assign({
+    }), shipment && isCustomsRequired && jsxs(Section, Object.assign({
       "data-testid": "customsForms",
-      initialExpanded: true,
       title: t("purchase-label:sections.customsForm")
     }, {
       children: [jsx(Select, {
@@ -11747,9 +11893,8 @@ const ShipmentForm = ({
           type: NotificationType.ERROR
         }), jsx(Spacer, {})]
       })]
-    })), jsxs(Accordion, Object.assign({
+    })), jsxs(Section, Object.assign({
       "data-testid": "packageDetail",
-      initialExpanded: true,
       rightContent: (features === null || features === void 0 ? void 0 : features.shippingPresets) && shippingPresetOptions.length > 0 ? jsxs(Fragment, {
         children: [jsxs(Link, Object.assign({
           css: theme => ({
@@ -11897,6 +12042,11 @@ const ShipmentForm = ({
             placeholder: t("units.oz")
           })]
         }))]
+      }), isContentDescriptionRequired && jsx(TextInput, {
+        control: form.control,
+        hint: t("purchase-label:hints.contentDescription"),
+        label: t("purchase-label:fields.contentDescription"),
+        name: "packages.0.contentDescription"
       }), jsx(Divider, {}), jsx(Spacer, {}), jsxs(FieldLabel, Object.assign({
         label: "purchase-label:fields.addOns"
       }, {
@@ -12039,9 +12189,8 @@ const Shipment$1 = ({
   const requestedServices = useMemo(() => getRequestedServices(salesOrder), [salesOrder]);
   const activeLabel = useMemo(() => labels === null || labels === void 0 ? void 0 : labels.find(l => l.status === "completed"), [labels]);
   return jsxs(Fragment, {
-    children: [jsxs(Accordion, Object.assign({
-      "data-testid": "orderDetail",
-      initialExpanded: true
+    children: [jsxs(Section, Object.assign({
+      "data-testid": "orderDetail"
     }, {
       children: [jsxs(FieldLabel, Object.assign({
         "data-testid": "shipDate",
@@ -12135,8 +12284,7 @@ const Shipment$1 = ({
           count: ounces
         }) : ""].filter(unit => unit.length).join(" ")
       }))]
-    })), jsxs(Accordion, Object.assign({
-      initialExpanded: true,
+    })), jsxs(Section, Object.assign({
       rightContent: (features === null || features === void 0 ? void 0 : features.schedulePickup) && schedulePickupForCarrier(activeLabel === null || activeLabel === void 0 ? void 0 : activeLabel.carrierCode) ? jsx(Link, Object.assign({
         css: theme => ({
           fontWeight: theme.typography.fontWeight.normal
@@ -12179,8 +12327,7 @@ const Shipment$1 = ({
           children: t("view-shipment:actions.buyAnotherLabel")
         }))]
       })]
-    })), (labels === null || labels === void 0 ? void 0 : labels.some(l => !!l.formDownload)) && jsx(Accordion, Object.assign({
-      initialExpanded: true,
+    })), (labels === null || labels === void 0 ? void 0 : labels.some(l => !!l.formDownload)) && jsx(Section, Object.assign({
       title: "Forms"
     }, {
       children: isHighValueRequired(shipment, carriers) && jsx("div", Object.assign({
@@ -12230,213 +12377,6 @@ const SuspendShipment = ({
   }));
 };
 
-const getStyles$1 = fullWidth => createStyles({
-  dateRangeSelect: theme => ({
-    minWidth: theme.spacing(30),
-    position: "relative",
-    width: !fullWidth ? "auto" : theme.spacing(30)
-  })
-});
-
-const DateRangeSelect = ({
-  fullWidth,
-  onChange,
-  options,
-  value
-}) => {
-  const {
-    t
-  } = useTranslation();
-  const styles = getStyles$1(fullWidth);
-  const handleChange = (_name, nextOption) => {
-    if (!nextOption) throw new Error("DateRangeSelect requires non-null options");
-    onChange(nextOption);
-  };
-  return jsx(Select$1, Object.assign({
-    css: styles.dateRangeSelect,
-    "data-testid": "date-range-select",
-    label: t("wallet-history:dateRange"),
-    leftContent: jsx(Icon, {
-      name: IconNames$1.FILTER
-    }),
-    name: "date-range-select",
-    onChange: handleChange,
-    value: value
-  }, {
-    children: options.map(option => jsx(Option, Object.assign({
-      selected: (value === null || value === void 0 ? void 0 : value.value) === option.value,
-      value: option
-    }, {
-      children: option.label
-    }), option.value))
-  }));
-};
-
-const DateRangeCombo = ({
-  children: renderChildren,
-  onChange,
-  options,
-  values: {
-    customRange,
-    selectedOption
-  }
-}) => {
-  const {
-    t
-  } = useTranslation();
-  const handleChangeSelected = nextOption => {
-    onChange === null || onChange === void 0 ? void 0 : onChange(nextOption, customRange);
-  };
-  const handleChangeCustomRange = nextCustomRange => {
-    onChange === null || onChange === void 0 ? void 0 : onChange(selectedOption, nextCustomRange);
-  };
-  const dateRangeSelect = jsx(DateRangeSelect, {
-    fullWidth: !!renderChildren,
-    onChange: handleChangeSelected,
-    options: options,
-    value: selectedOption
-  });
-  return jsxs(Fragment, {
-    children: [renderChildren ? renderChildren(dateRangeSelect) : dateRangeSelect, (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) === "custom" && jsxs(Fragment, {
-      children: [jsx(Spacer, {
-        multiplier: 2
-      }), jsx(DatePicker$1, {
-        dateFormat: "MM/dd/yyyy",
-        // TODO - [LMNT-666] the X displayed from isClearable doesn't fire any prop callbacks
-        isClearable: true,
-        label: t("wallet-history:actions.chooseDate"),
-        onChange: dates => {
-          if (Array.isArray(dates) && dates.length === 2 && dates[1] !== null) handleChangeCustomRange(dates);
-        },
-        selectsRange: true
-      })]
-    })]
-  });
-};
-
-const HistoryRow = ({
-  key,
-  rowItem
-}) => jsx("div", {
-  children: "History Row Component"
-});
-
-/**
- * This component is the list of events that represent the history of a
- * specific entity. The events are displayed in reverse chronological order.
- *
- * @param historyData The history data to display.
- */
-const HistoryList = ({
-  historyData
-}) => {
-  console.table(historyData);
-  return jsx(Fragment, {
-    children: [1, 2, 3].map((item, idx) => {
-      return jsx(HistoryRow, {
-        rowItem: item
-      }, idx);
-    })
-  });
-};
-
-const styles = createStyles({
-  action: theme => ({
-    minWidth: theme.spacing(30),
-    placeContent: "center",
-    width: theme.spacing(30)
-  }),
-  gridContainer: theme => ({
-    display: "grid",
-    gap: theme.spacing(2),
-    gridTemplateColumns: "1fr 1fr 1fr",
-    gridTemplateRows: "1fr",
-    placeItems: "center"
-  }),
-  linkAction: theme => ({
-    minWidth: theme.spacing(30),
-    placeContent: "center",
-    width: theme.spacing(30)
-  }),
-  pagination: {
-    display: "grid",
-    placeItems: "center"
-  }
-});
-
-const HistoryBody = ({
-  historyData
-}) => {
-  const {
-    t
-  } = useTranslation();
-  const [currentPage, setCurrentPage] = useState(1);
-  const [dateRangeOptions, {
-    last30days
-  }] = useDateRangeOptions();
-  const [selectedOption, setSelectedOption] = useState(last30days);
-  const [customRange, setCustomRange] = useState();
-  useMemo(() => (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) === "custom" ? customRange : selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.range, [customRange, selectedOption]);
-  // const { data: walletHistory } = useGetWalletHistory({
-  //   enabled: !!queryRange,
-  //   page: currentPage,
-  //   range: queryRange
-  // })
-  return jsxs(Fragment, {
-    children: [jsx(DateRangeCombo, Object.assign({
-      onChange: (nextOption, nextCustomRange) => {
-        setCurrentPage(1);
-        setSelectedOption(nextOption);
-        setCustomRange(nextCustomRange);
-      },
-      options: dateRangeOptions,
-      values: {
-        customRange,
-        selectedOption
-      }
-    }, {
-      children: renderedSelect => jsxs(Grid, Object.assign({
-        css: styles.gridContainer,
-        noPadding: true
-      }, {
-        children: [jsx(GridChild, {
-          children: renderedSelect
-        }), jsx(GridChild, {}), jsx(GridChild, {
-          children: jsx(LinkAction, {
-            css: styles.linkAction,
-            icon: "download",
-            onClick: () => alert("Download a CSV from HistoryBody! - a link will go here once we have a data hook"),
-            title: t("wallet-history:actions.downloadCsv")
-          })
-        })]
-      }))
-    })), jsx(Spacer, {
-      multiplier: 2
-    }), jsx(HistoryList, {
-      historyData: historyData
-    }), jsxs("p", {
-      children: ["Page ", jsx("strong", {
-        children: currentPage
-      }), " selected."]
-    }), jsx(Pagination, {
-      boundaryPagesToShow: 7,
-      css: styles.pagination,
-      currentPage: currentPage,
-      onPageChange: selectedPage => setCurrentPage(selectedPage),
-      siblingCount: 2,
-      totalPages: 20
-    })]
-  });
-};
-
-const WalletHistory$1 = ({
-  historyData
-}) => {
-  return jsx(HistoryBody, {
-    historyData: historyData
-  });
-};
-
 const VoidLabel$1 = ({
   onComplete,
   onSubmit,
@@ -12454,9 +12394,7 @@ const VoidLabel$1 = ({
     setIsSubmitting(false);
   }), [onSubmit]);
   return jsxs(Fragment, {
-    children: [jsx(Accordion, Object.assign({
-      initialExpanded: true
-    }, {
+    children: [jsx(Section, {
       children: voidRequest ? jsxs("section", Object.assign({
         css: {
           textAlign: "center",
@@ -12506,7 +12444,7 @@ const VoidLabel$1 = ({
           children: t("void-label:refund_rules")
         }))]
       })
-    })), jsx(BottomSheet, Object.assign({
+    }), jsx(BottomSheet, Object.assign({
       alwaysVisible: true,
       css: theme => ({
         borderTop: `1px solid ${theme.palette.gray.ultraLight}`,
@@ -12579,7 +12517,6 @@ var index$1 = /*#__PURE__*/Object.freeze({
 	schedulePickupForCarrier: schedulePickupForCarrier,
 	Shipment: Shipment$1,
 	SuspendShipment: SuspendShipment,
-	WalletHistory: WalletHistory$1,
 	WarehouseForm: WarehouseForm,
 	VoidLabel: VoidLabel$1,
 	WalletForm: WalletForm,
@@ -12587,11 +12524,13 @@ var index$1 = /*#__PURE__*/Object.freeze({
 	billingAddressSchema: billingAddressSchema,
 	walletSchema: walletSchema,
 	BillingFields: BillingFields,
-	WarehousePreferenceWizard: WarehousePreferenceWizard,
-	WarehousePreferenceSelect: WarehousePreferenceSelect
+	AddressPreferenceContext: AddressPreferenceContext,
+	AddressPreferenceProvider: AddressPreferenceProvider,
+	useAddressPreference: useAddressPreference,
+	AddressPreferenceSelect: AddressPreferenceSelect
 });
 
-const getStyles = showForm => createStyles({
+const getStyles$1 = showForm => createStyles({
   edit: theme => ({
     color: theme.palette.primary.main,
     padding: `0 ${theme.spacing(2)}`
@@ -12640,7 +12579,7 @@ const AutoFundingForm = ({
   } = autoFundingConfiguration;
   const [showForm, setShowForm] = useState(false);
   const [isSwitchOn, setIsSwitchOn] = useState(false);
-  const styles = getStyles(showForm);
+  const styles = getStyles$1(showForm);
   const form = useForm({
     resolver: validationResolver(autoFundingSchema)
   });
@@ -12794,6 +12733,90 @@ const AutoFundingForm = ({
   });
 };
 
+const getStyles = fullWidth => createStyles({
+  dateRangeSelect: theme => ({
+    minWidth: theme.spacing(30),
+    position: "relative",
+    width: !fullWidth ? "auto" : theme.spacing(30)
+  })
+});
+
+const DateRangeSelect = ({
+  fullWidth,
+  onChange,
+  options,
+  value
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const styles = getStyles(fullWidth);
+  const handleChange = (_name, nextOption) => {
+    if (!nextOption) throw new Error("DateRangeSelect requires non-null options");
+    onChange(nextOption);
+  };
+  return jsx(Select$1, Object.assign({
+    css: styles.dateRangeSelect,
+    "data-testid": "date-range-select",
+    label: t("wallet-history:dateRange"),
+    leftContent: jsx(Icon, {
+      name: IconNames$1.FILTER
+    }),
+    name: "date-range-select",
+    onChange: handleChange,
+    value: value
+  }, {
+    children: options.map(option => jsx(Option, Object.assign({
+      selected: (value === null || value === void 0 ? void 0 : value.value) === option.value,
+      value: option
+    }, {
+      children: option.label
+    }), option.value))
+  }));
+};
+
+const DateRangeCombo = ({
+  children: renderChildren,
+  onChange,
+  options,
+  values: {
+    customRange,
+    selectedOption
+  }
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const handleChangeSelected = nextOption => {
+    onChange === null || onChange === void 0 ? void 0 : onChange(nextOption, customRange);
+  };
+  const handleConfirmCustomRange = nextCustomRange => {
+    onChange === null || onChange === void 0 ? void 0 : onChange(selectedOption, nextCustomRange);
+  };
+  const dateRangeSelect = jsx(DateRangeSelect, {
+    fullWidth: !!renderChildren,
+    onChange: handleChangeSelected,
+    options: options,
+    value: selectedOption
+  });
+  return jsxs(Fragment, {
+    children: [renderChildren ? renderChildren(dateRangeSelect) : dateRangeSelect, (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) === "custom" && jsxs(Fragment, {
+      children: [jsx(Spacer, {
+        multiplier: 2
+      }), jsx(DatePicker$1, {
+        dateFormat: "MM/dd/yyyy",
+        isClearable: true,
+        label: t("wallet-history:actions.chooseDate"),
+        maxDate: new Date(),
+        onClickConfirm: dates => {
+          if (Array.isArray(dates) && dates.length === 2 && dates[1] !== null) handleConfirmCustomRange(dates);
+        },
+        selectsRange: true
+      })]
+    })]
+  });
+};
+
 /**
  * Captures errors thrown within an Element, logs them and displays a fallback component
  *
@@ -13037,6 +13060,7 @@ var common = {
 			email: "Email",
 			addressResidentialIndicator: "Residential Address"
 		},
+		noResults: "No results found",
 		subFields: {
 			optional: "optional"
 		},
@@ -13068,7 +13092,10 @@ var common = {
 			name: "Name on Card",
 			cardNumber: "Credit Card Number",
 			expiration: "Card Expiration",
-			cvv: "CVV"
+			cvv: "CVV",
+			cvvPlaceholder: "---",
+			expirationPlaceholder: "MM/YYYY",
+			cardNumberPlaceholder: "**** **** **** ****"
 		}
 	},
 	carriers: {
@@ -13163,6 +13190,7 @@ var common = {
 		carriers: "Loading carriers...",
 		data: "Loading...",
 		importingSalesOrder: "Importing order...",
+		onboarding: "Loading onboarding...",
 		salesOrder: "Loading order...",
 		shipment: "Loading shipment...",
 		warehouses: "Loading warehouses..."
@@ -13200,6 +13228,7 @@ var common = {
 		invalidAddressName: "Recipient Name must have two characters in First and Last Name.",
 		invalidAddressPoBox: "A physical address is required for wallet registration. You can add a PO Box as a Ship From address.",
 		invalidCreditCardType: "Card type must be Visa, Mastercard, American Express, or Discover",
+		invalidExpiration: "Invalid Expiration Date",
 		invalidPostalCode: "Invalid Postal Code",
 		invalidStateProvince: "Invalid State",
 		invalidString: "{{fieldLabel}} is invalid",
@@ -13361,9 +13390,10 @@ var onboarding = {
 	landing: {
 		action: "Login",
 		title: "Register Your Account",
-		subtitle: "Enter your email address to start using our service",
-		descriptionTitle: "Welcome",
-		description: "Get started with ShipEngine. Ship near, far, wherever you are with discounted USPS, UPS, DHLx rates"
+		subtitle: "Enter your email address to start shipping with discounted carrier rates",
+		welcome: "Welcome",
+		messageLine1: "Simplify your shipping workflow – no subscription required.",
+		messageLine2: "You can compare carrier services, ship domestic and international orders, and manage your postage payments."
 	},
 	steps: {
 		login: "Login",
@@ -13418,6 +13448,7 @@ var purchaseLabel = {
 	},
 	fields: {
 		addOns: "Add-Ons",
+		contentDescription: "Contents Description",
 		confirmation: "Confirmation",
 		dimensions: {
 			length: "Length",
@@ -13444,6 +13475,9 @@ var purchaseLabel = {
 		},
 		weightGroup: "Weight"
 	},
+	hints: {
+		contentDescription: "Required for all shipments to Mexico"
+	},
 	loading: {
 		calculatingRates: "Calculating rates..."
 	},
@@ -13873,7 +13907,7 @@ const ListCarriers = () => {
   });
 };
 
-const Element$6 = registerElement("list-carriers", ListCarriers);
+const Element$5 = registerElement("list-carriers", ListCarriers);
 
 const ManageWarehouses = ({
   onWarehouseAddressValidation
@@ -13899,12 +13933,6 @@ const ManageWarehouses = ({
     error: deleteWarehouseErrors,
     mutateAsync: deleteWarehouse
   } = useDeleteWarehouse();
-  const {
-    errors: validateWarehouseErrors,
-    validate: validateWarehouse,
-    warehousePreference,
-    setWarehousePreference
-  } = useWarehouseValidation();
   const handleDeleteWarehouse = warehouseId => __awaiter(void 0, void 0, void 0, function* () {
     yield deleteWarehouse({
       warehouseId
@@ -13938,21 +13966,18 @@ const ManageWarehouses = ({
     if (listWarehouseErrors) throw new Error(listWarehouseErrors.map(e => e.message).join(", "));
     throw new Error("errorMessages.unableToLoad.warehouses");
   }
-  const errors = [...(updateWarehouseErrors !== null && updateWarehouseErrors !== void 0 ? updateWarehouseErrors : []), ...(createWarehouseErrors !== null && createWarehouseErrors !== void 0 ? createWarehouseErrors : []), ...(deleteWarehouseErrors !== null && deleteWarehouseErrors !== void 0 ? deleteWarehouseErrors : []), ...(validateWarehouseErrors !== null && validateWarehouseErrors !== void 0 ? validateWarehouseErrors : [])];
+  const errors = [...(updateWarehouseErrors !== null && updateWarehouseErrors !== void 0 ? updateWarehouseErrors : []), ...(createWarehouseErrors !== null && createWarehouseErrors !== void 0 ? createWarehouseErrors : []), ...(deleteWarehouseErrors !== null && deleteWarehouseErrors !== void 0 ? deleteWarehouseErrors : [])];
   return jsx(ManageWarehouses$1, {
     errors: errors,
     onAdd: handleSubmitAddNewWarehouse,
     onDelete: handleDeleteWarehouse,
     onEdit: handleSubmitEditWarehouse,
     onSetDefault: handleSetDefault,
-    onValidate: validateWarehouse,
-    setWarehousePreference: setWarehousePreference,
-    warehousePreference: warehousePreference,
     warehouses: warehouses
   });
 };
 
-const Element$5 = registerElement("manage-warehouses", ManageWarehouses);
+const Element$4 = registerElement("manage-warehouses", ManageWarehouses);
 
 const useAddress = ({
   compatibleCountryCodes,
@@ -14602,6 +14627,9 @@ const ConfigureShipment = _a => {
 const Onboarding = ({
   onCompleteOnboarding
 }) => {
+  const {
+    t
+  } = useTranslation();
   const {
     data: warehouses,
     refetch: refetchWarehouses
@@ -14628,23 +14656,20 @@ const Onboarding = ({
   const onWarehouseCreated = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
     yield refetchWarehouses();
   }), [refetchWarehouses]);
-  const {
-    errors: validateWarehouseErrors,
-    validate: validateWarehouse,
-    warehousePreference,
-    setWarehousePreference
-  } = useWarehouseValidation();
   const onCarrierCreated = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
     yield refetchCarriers();
   }), [refetchCarriers]);
-  if (!carriers) return jsx(Loader, {});
-  if (!warehouses) return jsx(Loader, {});
+  if (!carriers) return jsx(Loader, {
+    message: t("errorMessages.unableToLoad.carriers")
+  });
+  if (!warehouses) return jsx(Loader, {
+    message: t("errorMessages.unableToLoad.warehouses")
+  });
   return jsx(Onboarding$1, {
     carriers: carriers,
     createWarehouse: createWarehouse,
     onCarrierCreated: onCarrierCreated,
     onCompleteOnboarding: onCompleteOnboarding,
-    onValidateWarehouse: validateWarehouse,
     onWarehouseCreated: onWarehouseCreated,
     registerDhlCarrier: registerDhlCarrier,
     registerDhlCarrierErrors: registerDhlCarrierErrors,
@@ -14652,9 +14677,6 @@ const Onboarding = ({
     registerStampsCarrierErrors: registerStampsCarrierErrors,
     registerUpsCarrier: registerUpsCarrier,
     registerUpsCarrierErrors: registerUpsCarrierErrors,
-    setWarehousePreference: setWarehousePreference,
-    validationErrors: validateWarehouseErrors,
-    warehousePreference: warehousePreference,
     warehouses: warehouses
   });
 };
@@ -14685,8 +14707,12 @@ const usePendingShipment = ({
   } = useCreateSalesOrderShipment();
   const pendingShipment = getPendingShipment(shipments);
   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];
-  // On page load, if no shipment exists, create a shipment.
+  // On page load, check for a shipment and either call the onLoad callback or create a new shipment
   useEffect(() => {
+    if (salesOrder && (shipments === null || shipments === void 0 ? void 0 : shipments.length)) {
+      onLoad === null || onLoad === void 0 ? void 0 : onLoad(salesOrder, shipments, pendingShipment);
+      return;
+    }
     if (!salesOrder || !defaultWarehouse || !shipments || pendingShipment) return;
     if (isListShipmentsLoading || isListShipmentsValidating || isShipmentCreating) return;
     createShipment(Object.assign(Object.assign({
@@ -14705,12 +14731,7 @@ const usePendingShipment = ({
         }
       }]
     })).then(shipment => shipment && reloadShipments());
-  }, [createShipment, defaultWarehouse, isListShipmentsLoading, isListShipmentsValidating, isShipmentCreating, pendingShipment, reloadShipments, salesOrder, shipments, warehouseId]);
-  useEffect(() => {
-    if (salesOrder && shipments) {
-      onLoad === null || onLoad === void 0 ? void 0 : onLoad(salesOrder, shipments, pendingShipment);
-    }
-  }, [onLoad, pendingShipment, salesOrder, shipments]);
+  }, [createShipment, defaultWarehouse, isListShipmentsLoading, isListShipmentsValidating, isShipmentCreating, onLoad, pendingShipment, reloadShipments, salesOrder, shipments, warehouseId]);
   const reloadPendingShipment = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
     const {
       data: shipments
@@ -14968,13 +14989,6 @@ const Shipment = ({
   });
 };
 
-const WalletHistory = () => {
-  const walletHistory = useGetWalletTransactionHistory(); // Mock data for now. Real implementation coming in a subsequent PR [LMNT-842] https://auctane.atlassian.net/browse/LMNT-842
-  return jsx(WalletHistory$1, {
-    historyData: walletHistory
-  });
-};
-
 const VoidLabel = ({
   labelId,
   onComplete,
@@ -15003,14 +15017,12 @@ const VoidLabel = ({
   });
 };
 
-const Element$4 = registerElement("purchase-label", PurchaseLabel);
-
-const Element$3 = registerElement("onboarding", Onboarding);
+const Element$3 = registerElement("purchase-label", PurchaseLabel);
 
-const Element$2 = registerElement("wallet-history", WalletHistory);
+const Element$2 = registerElement("onboarding", Onboarding);
 
 const Element$1 = registerElement("view-shipment", Shipment);
 
 const Element = registerElement("void-label", VoidLabel);
 
-export { Accordion, AddFundsForm, AutoFundingForm, ButtonGroup, CarrierBalance, Country, Cube, DateRangeCombo, DateRangeSelect, ElementsContext, ElementsProvider, ErrorBoundary, ErrorFallback, fields as Field, FieldLabel, FormPortal, FundAndPurchase, GigerProvider, InlineLabel, ItemsBreakdown, LinkAction, Element$6 as ListCarriers, Loader, ManageFunding, Element$5 as ManageWarehouses, Element$3 as Onboarding, PageLayoutProvider, Portal, Element$4 as PurchaseLabel, RootPortalProvider, Spacer, Spread, StoryNotes, index$1 as Templates, UsState, UsaCity, Element$1 as ViewShipment, Element as VoidLabel, Element$2 as WalletHistory, autoFundingSchema, calculateTotal, capitalizeFirstLetter, convertDimensions, convertWeight, countries, countryCodes, createCodedErrors, createDictionary, createStyles, currencySymbol, daysAfter, errorMap, euCountryCodes, extendZod, formLogger, formatCreditCardNumber, formatDate, formatExpiration, formatFractionalWeight, formatMoney, getAddFundsSchema, getCustomsFromSalesOrder, getExpirationYears, getIsCustomsRequiredForSalesOrder, getIsCustomsRequiredForShipment, getIsInternationalShipment, getPendingShipment, getRateRequiresAcknowledgement, getRelativeDates, getRequestedServices, getSalesOrderItemsFromSalesOrderOrShipment, getTotalRateAmount, isDomesticAddress, isFlatRatePackageCode, isMilitaryAddress, isNowOrInTheFuture, isPoBox, isPoBoxAddress, isString, isUnitedStatesTerritory, isUspsCarrier, moneySchema, mostRecent, nextDayCutoff, omitTime, phoneSchema, phoneSchemaUnvalidated, postalCodeRegex$3 as postalCodeRegex, registerElement, sortByCreationDate, usCities, usStateCodes, usStates, useCarrierMetadata, useConfirmationOptions, useCountryCodeOptions, useCustomsContentsOptions, useCustomsNonDeliveryOptions, useDateRangeOptions, useElements, useExpirationMonthOptions, useInsuranceProviderOptions, useNestedForm, usePackageOptions, usePageLayout, useRateOptions, useRootPortal, useRunOnceOnTrue, useServiceCodeOptions, useShippingPresetsOptions, useStateCodeOptions, useToggle, useWarehouseOptions, useWarehouseValidation, validationResolver };
+export { AddFundsForm, AutoFundingForm, ButtonGroup, CarrierBalance, Country, Cube, DateRangeCombo, DateRangeSelect, ElementsContext, ElementsProvider, ErrorBoundary, ErrorFallback, fields as Field, FieldLabel, FormPortal, FundAndPurchase, GigerProvider, InlineLabel, ItemsBreakdown, LinkAction, Element$5 as ListCarriers, Loader, ManageFunding, Element$4 as ManageWarehouses, Element$2 as Onboarding, PageLayoutProvider, Portal, Element$3 as PurchaseLabel, RootPortalProvider, Section, Spacer, Spread, StoryNotes, index$1 as Templates, UsState, UsaCity, Element$1 as ViewShipment, Element as VoidLabel, autoFundingSchema, calculateTotal, capitalizeFirstLetter, convertDimensions, convertWeight, countries, countryCodes, createCodedErrors, createDictionary, createStyles, currencySymbol, daysAfter, errorMap, euCountryCodes, extendZod, formLogger, formatCreditCardNumber, formatDate, formatExpiration, formatFractionalWeight, formatMoney, getAddFundsSchema, getCustomsFromSalesOrder, getExpirationYears, getIsCustomsRequiredForSalesOrder, getIsCustomsRequiredForShipment, getIsInternationalShipment, getPendingShipment, getRateRequiresAcknowledgement, getRelativeDates, getRequestedServices, getSalesOrderItemsFromSalesOrderOrShipment, getTotalRateAmount, isDomesticAddress, isFlatRatePackageCode, isMilitaryAddress, isNowOrInTheFuture, isPoBox, isPoBoxAddress, isString, isUnitedStatesTerritory, isUspsCarrier, moneySchema, mostRecent, nextDayCutoff, omitTime, overrideCarrierCodes$1 as overrideCarrierCodes, phoneSchema, phoneSchemaUnvalidated, postalCodeRegex$3 as postalCodeRegex, registerElement, sortByCreationDate, usCities, usStateCodes, usStates, useAddressValidation, useCarrierMetadata, useConfirmationOptions, useCountryCodeOptions, useCustomsContentsOptions, useCustomsNonDeliveryOptions, useDateRangeOptions, useElements, useExpirationMonthOptions, useInsuranceProviderOptions, useNestedForm, usePackageOptions, usePageLayout, useRateOptions, useRootPortal, useRunOnceOnTrue, useServiceCodeOptions, useShippingPresetsOptions, useStateCodeOptions, useToggle, useWarehouseOptions, validationResolver };