@shipengine/elements 0.20.1 → 0.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (159) hide show
  1. package/index.cjs +1131 -949
  2. package/index.js +995 -817
  3. package/package.json +3 -3
  4. package/src/components/add-funds-form/add-funds-schema.d.ts +7 -7
  5. package/src/components/address-preference-context/address-preference-context.d.ts +42 -0
  6. package/src/components/address-preference-context/index.d.ts +1 -0
  7. package/src/components/auto-funding-form/auto-funding-schema.d.ts +10 -10
  8. package/src/components/date-range-combo/date-range-combo.d.ts +12 -0
  9. package/src/components/date-range-combo/index.d.ts +1 -0
  10. package/src/components/date-range-select/date-range-select.d.ts +8 -0
  11. package/src/components/date-range-select/date-range-select.styles.d.ts +1 -0
  12. package/src/components/date-range-select/index.d.ts +1 -0
  13. package/src/components/field/fields.d.ts +2 -1
  14. package/src/components/field/money-input/hooks/use-utils.d.ts +1 -1
  15. package/src/components/field/money-input/money-input.d.ts +1 -1
  16. package/src/components/field/rate-card/cost-breakdown/cost-breakdown.d.ts +1 -1
  17. package/src/components/field/select-auto-complete/index.d.ts +1 -0
  18. package/src/components/field/select-auto-complete/select-auto-complete.d.ts +7 -0
  19. package/src/components/history/history-card/history-card.d.ts +5 -0
  20. package/src/components/history/history-card/history-card.styles.d.ts +1 -0
  21. package/src/components/history/history-card/index.d.ts +1 -0
  22. package/src/components/history/index.d.ts +1 -1
  23. package/src/components/index.d.ts +3 -1
  24. package/src/components/inline-label/inline-label.d.ts +5 -1
  25. package/src/components/inline-label/inline-label.styles.d.ts +1 -0
  26. package/src/components/items-breakdown/items-breakdown.d.ts +1 -1
  27. package/src/components/label/index.d.ts +1 -0
  28. package/src/components/label/label.d.ts +10 -0
  29. package/src/components/label/label.styles.d.ts +2 -0
  30. package/src/components/label-layout/index.d.ts +2 -0
  31. package/src/components/label-layout/label-layout-purchase.d.ts +4 -3
  32. package/src/components/label-layout/label-layout-settings.d.ts +3 -2
  33. package/src/components/label-layout/label-layout.styles.d.ts +1 -1
  34. package/src/components/section/index.d.ts +1 -0
  35. package/src/components/section/section.d.ts +10 -0
  36. package/src/components/section/section.styles.d.ts +1 -0
  37. package/src/components/templates/add-carrier-form/add-carrier-form-schema.d.ts +1 -1
  38. package/src/components/templates/add-carrier-form/add-carrier-form.d.ts +1 -1
  39. package/src/components/templates/address-display/address-display.d.ts +1 -1
  40. package/src/components/templates/address-form/address-form-schema.d.ts +1 -1
  41. package/src/components/templates/address-form/address-form.d.ts +1 -1
  42. package/src/components/templates/address-form/address-schema.d.ts +2 -1
  43. package/src/components/templates/address-preference-display/address-preference-display.d.ts +1 -1
  44. package/src/components/templates/address-preference-select/address-preference-select.d.ts +24 -0
  45. package/src/components/templates/address-preference-select/index.d.ts +1 -0
  46. package/src/components/templates/carrier-recovery-form/carrier-recovery-form-schema.d.ts +2 -2
  47. package/src/components/templates/carrier-recovery-form/carrier-recovery-form.d.ts +1 -1
  48. package/src/components/templates/carrier-terms-form/carrier-terms-form.d.ts +1 -1
  49. package/src/components/templates/customs-item-form/customs-item-form-schema.d.ts +20 -20
  50. package/src/components/templates/customs-item-form/customs-item-form.d.ts +1 -1
  51. package/src/components/templates/customs-items-display/customs-items-display.d.ts +1 -1
  52. package/src/components/templates/edit-billing-form/edit-billing-form.styles.d.ts +1 -1
  53. package/src/components/templates/index.d.ts +2 -3
  54. package/src/components/templates/label/label.d.ts +1 -1
  55. package/src/components/templates/list-carriers/list-carriers.d.ts +1 -1
  56. package/src/components/templates/list-carriers-row/list-carriers-row.d.ts +1 -1
  57. package/src/components/templates/manage-wallet/manage-wallet.styles.d.ts +1 -1
  58. package/src/components/templates/manage-warehouses/manage-warehouses.d.ts +2 -6
  59. package/src/components/templates/onboarding/onboarding.d.ts +14 -8
  60. package/src/components/templates/onboarding/onboarding.styles.d.ts +1 -1
  61. package/src/components/templates/rate-form/rate-form.d.ts +1 -1
  62. package/src/components/templates/shipment/shipment.d.ts +1 -1
  63. package/src/components/templates/shipment-form/shipment-form.d.ts +1 -1
  64. package/src/components/templates/shipment-form/shipment-schema.d.ts +26 -2
  65. package/src/components/templates/suspend-sales-order/suspend-sales-order.d.ts +1 -1
  66. package/src/components/templates/suspend-shipment/suspend-shipment.d.ts +1 -1
  67. package/src/components/templates/void-label/void-label.d.ts +1 -1
  68. package/src/components/templates/wallet-card/wallet-card.styles.d.ts +1 -1
  69. package/src/components/templates/wallet-form/edit-wallet-address-form.d.ts +1 -1
  70. package/src/components/templates/wallet-form/wallet-form.d.ts +7 -6
  71. package/src/components/templates/wallet-form/wallet-form.styles.d.ts +1 -1
  72. package/src/components/templates/wallet-form/wallet-schema.d.ts +3 -3
  73. package/src/components/templates/warehouse-display/warehouse-display.d.ts +1 -1
  74. package/src/components/templates/warehouse-form/warehouse-form-schema.d.ts +3 -3
  75. package/src/components/templates/warehouse-form/warehouse-form.d.ts +1 -1
  76. package/src/components/unit-settings/index.d.ts +1 -0
  77. package/src/components/unit-settings/unit-settings.d.ts +4 -0
  78. package/src/elements/components/configure-shipment/configure-shipment.d.ts +1 -1
  79. package/src/elements/components/configure-shipment/hooks/use-address.d.ts +1 -1
  80. package/src/elements/components/configure-shipment/hooks/use-customs.d.ts +1 -1
  81. package/src/elements/components/configure-shipment/hooks/use-presets.d.ts +1 -1
  82. package/src/elements/components/configure-shipment/hooks/use-rates-form.d.ts +1 -1
  83. package/src/elements/components/configure-shipment/hooks/use-request-rates.d.ts +1 -1
  84. package/src/elements/components/configure-shipment/hooks/use-shipment-form.d.ts +1 -1
  85. package/src/elements/components/index.d.ts +0 -1
  86. package/src/elements/components/list-carriers/hooks/use-list-connected-carriers.d.ts +2 -2
  87. package/src/elements/components/purchase-label/hooks/use-configure-shipment.d.ts +1 -1
  88. package/src/elements/components/purchase-label/hooks/use-import-sales-order.d.ts +2 -2
  89. package/src/elements/components/purchase-label/hooks/use-load-shipment.d.ts +3 -3
  90. package/src/elements/components/purchase-label/hooks/use-pending-shipment.d.ts +1 -1
  91. package/src/elements/components/shipment/shipment.d.ts +1 -1
  92. package/src/elements/components/void-label/void-label.d.ts +1 -1
  93. package/src/elements/index.d.ts +0 -1
  94. package/src/factories/shipengine/address.d.ts +8 -1
  95. package/src/factories/shipengine/carrier.d.ts +1 -1
  96. package/src/factories/shipengine/label.d.ts +1 -1
  97. package/src/factories/shipengine/money.d.ts +1 -1
  98. package/src/factories/shipengine/order-source.d.ts +1 -1
  99. package/src/factories/shipengine/package.d.ts +1 -1
  100. package/src/factories/shipengine/resource.d.ts +1 -1
  101. package/src/factories/shipengine/sales-order.d.ts +1 -1
  102. package/src/factories/shipengine/service.d.ts +1 -1
  103. package/src/factories/shipengine/shipment.d.ts +1 -1
  104. package/src/factories/shipengine/wallet-history.d.ts +1 -1
  105. package/src/factories/shipengine/warehouse.d.ts +1 -3
  106. package/src/factories/shipengine/weight.d.ts +1 -1
  107. package/src/features/wallet-history/wallet-history.styles.d.ts +1 -0
  108. package/src/hooks/index.d.ts +1 -1
  109. package/src/hooks/options/index.d.ts +1 -0
  110. package/src/hooks/options/use-confirmation-options.d.ts +1 -1
  111. package/src/hooks/options/use-customs-contents-options.d.ts +1 -1
  112. package/src/hooks/options/use-customs-non-delivery-options.d.ts +1 -1
  113. package/src/hooks/options/use-date-range-options.d.ts +14 -0
  114. package/src/hooks/options/use-insurance-provider-options.d.ts +1 -1
  115. package/src/hooks/options/use-package-options.d.ts +1 -1
  116. package/src/hooks/options/use-rate-options.d.ts +1 -1
  117. package/src/hooks/options/use-service-code-options.d.ts +1 -1
  118. package/src/hooks/options/use-warehouse-options.d.ts +1 -1
  119. package/src/hooks/use-address-validation.d.ts +12 -0
  120. package/src/hooks/use-carrier-metadata.d.ts +1 -1
  121. package/src/hooks/use-elements.d.ts +2 -2
  122. package/src/hooks/use-scrub-errors.d.ts +1 -1
  123. package/src/locales/en/index.d.ts +32 -5
  124. package/src/mocks/carriers/handlers.d.ts +1 -1
  125. package/src/mocks/warehouses/handlers.d.ts +1 -1
  126. package/src/schemas/shipengine/money.d.ts +1 -1
  127. package/src/types/carrier-metadata.d.ts +1 -1
  128. package/src/types/shipping-preset/shipping-preset.d.ts +1 -1
  129. package/src/utilities/date.d.ts +8 -0
  130. package/src/utilities/money.d.ts +1 -1
  131. package/src/utilities/rates.d.ts +2 -1
  132. package/src/utilities/shipengine/address.d.ts +1 -1
  133. package/src/utilities/shipengine/dimensions.d.ts +1 -1
  134. package/src/utilities/shipengine/sales-order.d.ts +1 -1
  135. package/src/utilities/shipengine/shipment.d.ts +1 -1
  136. package/src/utilities/shipengine/weight.d.ts +1 -1
  137. package/src/components/accordion/accordion.d.ts +0 -12
  138. package/src/components/accordion/accordion.styles.d.ts +0 -7
  139. package/src/components/accordion/index.d.ts +0 -1
  140. package/src/components/history/history-actions/history-actions.d.ts +0 -1
  141. package/src/components/history/history-actions/history-actions.styles.d.ts +0 -1
  142. package/src/components/history/history-actions/index.d.ts +0 -1
  143. package/src/components/history/history-body/history-body.d.ts +0 -6
  144. package/src/components/history/history-body/index.d.ts +0 -1
  145. package/src/components/history/history-list/history-list.d.ts +0 -12
  146. package/src/components/history/history-list/index.d.ts +0 -1
  147. package/src/components/history/history-row/history-row.d.ts +0 -6
  148. package/src/components/history/history-row/index.d.ts +0 -1
  149. package/src/components/history/history.d.ts +0 -11
  150. package/src/components/templates/wallet-history/wallet-history.d.ts +0 -6
  151. package/src/components/templates/warehouse-preference-select/index.d.ts +0 -1
  152. package/src/components/templates/warehouse-preference-select/warehouse-preference-select.d.ts +0 -24
  153. package/src/components/templates/warehouse-preference-wizard/index.d.ts +0 -1
  154. package/src/components/templates/warehouse-preference-wizard/warehouse-preference-wizard.d.ts +0 -23
  155. package/src/elements/wallet-history.d.ts +0 -1
  156. package/src/hooks/use-warehouse-validation.d.ts +0 -14
  157. /package/src/{components/templates/wallet-history → features}/index.d.ts +0 -0
  158. /package/src/{elements/components → features}/wallet-history/index.d.ts +0 -0
  159. /package/src/{elements/components → features}/wallet-history/wallet-history.d.ts +0 -0
package/index.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
2
2
  import { useController, get as get$1, set as set$2, useWatch, useFormState, useForm } from 'react-hook-form';
3
3
  import { useTranslation, Trans, initReactI18next, I18nextProvider } from 'react-i18next';
4
- 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, Pagination, BottomSheet, GigerConfigProvider, EmotionReset, FontsLoader } from '@packlink/giger';
4
+ 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';
5
5
  import axios from 'axios';
6
- 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';
6
+ 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';
7
7
  import { zodResolver } from '@hookform/resolvers/zod';
8
8
  import { z } from 'zod';
9
9
  import * as React from 'react';
@@ -13,7 +13,7 @@ import { camelize } from 'humps';
13
13
  import ReactDatePicker from 'react-datepicker';
14
14
  import { IconNames, Theme } from '@packlink/giger-theme';
15
15
  import { css } from '@emotion/css';
16
- import { SE, Currency } from '@shipengine/api';
16
+ import { SE, Currency } from '@shipengine/js-api';
17
17
  import _$2, { isEqual } from 'lodash';
18
18
  import { createPortal } from 'react-dom';
19
19
  import { isValidPhoneNumber } from 'libphonenumber-js/min';
@@ -1813,6 +1813,17 @@ const isNowOrInTheFuture = shipDate => {
1813
1813
  if (shipDate) return new Date(shipDate) >= new Date();
1814
1814
  return false;
1815
1815
  };
1816
+ const getRelativeDates = from => {
1817
+ const origin = from !== null && from !== void 0 ? from : new Date();
1818
+ return {
1819
+ firstDayOfMonth: new Date(origin.getFullYear(), origin.getMonth(), 1),
1820
+ lastDayOfTheMonth: new Date(origin.getFullYear(), origin.getMonth() + 1, 0),
1821
+ origin,
1822
+ previousMonthFirstDay: new Date(origin.getFullYear(), origin.getMonth() - 1, 1),
1823
+ previousMonthLastDay: new Date(origin.getFullYear(), origin.getMonth() - 1 + 1, 0),
1824
+ thirtyDaysAgo: new Date(new Date().setDate(origin.getDate() - 30))
1825
+ };
1826
+ };
1816
1827
 
1817
1828
  /**
1818
1829
  * @category Utilities
@@ -2558,6 +2569,9 @@ const getRateRequiresAcknowledgement = serviceCode => {
2558
2569
  }
2559
2570
  };
2560
2571
  const getTotalRateAmount = (rateCosts = {}) => calculateTotal(...Object.values(rateCosts));
2572
+ const overrideCarrierCodes$1 = (carrier, overrides) => {
2573
+ return overrides[carrier] || carrier;
2574
+ };
2561
2575
 
2562
2576
  // Declaring these flags to allow shorthand object syntax, i.e. { flagName } instead of { flagName: true }
2563
2577
  const hasEuCustomsRules = true,
@@ -3464,6 +3478,29 @@ const createFieldController = (options = {}) => function FieldController(_a) {
3464
3478
  }));
3465
3479
  };
3466
3480
 
3481
+ const CheckboxInputController = createFieldController();
3482
+ const CheckboxInput = _a => {
3483
+ var {
3484
+ checkboxLabel
3485
+ } = _a,
3486
+ fieldProps = __rest(_a, ["checkboxLabel"]);
3487
+ return jsx(CheckboxInputController, Object.assign({
3488
+ displayLabel: false
3489
+ }, fieldProps, {
3490
+ children: _a => {
3491
+ var {
3492
+ value
3493
+ } = _a,
3494
+ checkboxInputProps = __rest(_a, ["value"]);
3495
+ return jsx(Checkbox, Object.assign({
3496
+ checked: value
3497
+ }, checkboxInputProps, {
3498
+ label: checkboxLabel
3499
+ }));
3500
+ }
3501
+ }));
3502
+ };
3503
+
3467
3504
  const getOverrideStyles = theme => ({
3468
3505
  "&& input, && span[role='button']": {
3469
3506
  cursor: "auto",
@@ -3506,30 +3543,7 @@ const CreditCardInput = fieldProps => jsx(CreditCardInputController, Object.assi
3506
3543
  }
3507
3544
  }));
3508
3545
 
3509
- const CheckboxInputController = createFieldController();
3510
- const CheckboxInput = _a => {
3511
- var {
3512
- checkboxLabel
3513
- } = _a,
3514
- fieldProps = __rest(_a, ["checkboxLabel"]);
3515
- return jsx(CheckboxInputController, Object.assign({
3516
- displayLabel: false
3517
- }, fieldProps, {
3518
- children: _a => {
3519
- var {
3520
- value
3521
- } = _a,
3522
- checkboxInputProps = __rest(_a, ["value"]);
3523
- return jsx(Checkbox, Object.assign({
3524
- checked: value
3525
- }, checkboxInputProps, {
3526
- label: checkboxLabel
3527
- }));
3528
- }
3529
- }));
3530
- };
3531
-
3532
- 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)."; }
3546
+ 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)."; }
3533
3547
  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 */");
3534
3548
  const getWrapperStyles = theme => /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
3535
3549
  name: "lqik26",
@@ -3538,7 +3552,7 @@ const getWrapperStyles = theme => /*#__PURE__*/css(process.env.NODE_ENV === "pro
3538
3552
  name: "19gz7a6-getWrapperStyles",
3539
3553
  styles: "border:0;display:inline-block;padding:0;width:100%;z-index:200;label:getWrapperStyles;",
3540
3554
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRhdGUtcGlja2VyLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5TCtDIiwiZmlsZSI6ImRhdGUtcGlja2VyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcclxuZXhwb3J0IGNvbnN0IGdldFBvcHBlclN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzIGBcbiAgcGFkZGluZy10b3A6IDEwcHg7XG4gIHotaW5kZXg6IDEwO1xuICAucmVhY3QtZGF0ZXBpY2tlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgICBib3JkZXItcmFkaXVzOiAwLjI1cmVtO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5ncmF5Lm1lZ2FMaWdodH07XG4gICAgYm94LXNoYWRvdzogJHt0aGVtZS5nZXRFbGV2YXRpb24oXCJhYm92ZVwiKS5ib3hTaGFkb3d9O1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICBmb250LXNpemU6IDFyZW07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICZfX21vbnRoLWNvbnRhaW5lciB7XG4gICAgICBmbG9hdDogbGVmdDtcbiAgICB9XG4gICAgJl9faGVhZGVyIHtcbiAgICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7dGhlbWUuYm9yZGVyUmFkaXVzLk19O1xuICAgICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7dGhlbWUuYm9yZGVyUmFkaXVzLk19O1xuICAgICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nKDIpfXB4IDAgJHt0aGVtZS5zcGFjaW5nKDEpfXB4IDA7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgfVxuICAgICZfX2N1cnJlbnQtbW9udGgge1xuICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5ibGFja307XG4gICAgICBmb250LXNpemU6IDFyZW07XG4gICAgICBmb250LXdlaWdodDogNjAwO1xuICAgICAgbGluZS1oZWlnaHQ6IDEuMjVyZW07XG4gICAgICBtYXJnaW4tYm90dG9tOiAke3RoZW1lLnNwYWNpbmcoMil9cHg7XG4gICAgfVxuICAgICZfX25hdmlnYXRpb24ge1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGJhY2tncm91bmQ6IG5vbmU7XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgaGVpZ2h0OiAzMnB4O1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgdGV4dC1pbmRlbnQ6IC05OTllbTtcbiAgICAgIHRvcDogMC42ODhyZW07XG4gICAgICB3aWR0aDogMzJweDtcbiAgICAgIHotaW5kZXg6IDE7XG4gICAgICAmLS1wcmV2aW91cyB7XG4gICAgICAgIGxlZnQ6IDFyZW07XG4gICAgICB9XG4gICAgICAmLS1uZXh0IHtcbiAgICAgICAgcmlnaHQ6IDFyZW07XG4gICAgICB9XG4gICAgICAmOmhvdmVyICo6OmJlZm9yZSB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmdyYXkubGlnaHR9O1xuICAgICAgfVxuICAgICAgJi1pY29uIHtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICB0b3A6IC0wLjEyNXJlbTtcbiAgICAgICAgd2lkdGg6IDA7XG4gICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuZ3JheS5tYWlufTtcbiAgICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMi41cHggMi41cHggMCAwO1xuICAgICAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgaGVpZ2h0OiA2cHg7XG4gICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgIHRvcDogNnB4O1xuICAgICAgICAgIHdpZHRoOiA2cHg7XG4gICAgICAgIH1cbiAgICAgICAgJi0tcHJldmlvdXMge1xuICAgICAgICAgIHJpZ2h0OiAwcmVtO1xuICAgICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgICByaWdodDogLTAuNDM4cmVtO1xuICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMjI1ZGVnKTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgJi0tbmV4dCB7XG4gICAgICAgICAgbGVmdDogMHJlbTtcbiAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgbGVmdDogLTAuNDM4cmVtO1xuICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoNDVkZWcpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgICAkeyAvKiAjZW5kcmVnaW9uICovXCJcIn1cbiAgICAmX19tb250aCB7XG4gICAgICBwYWRkaW5nOiAwIDFyZW0gMXJlbSAxcmVtO1xuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIH1cbiAgICAmX193ZWVrIHtcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgfVxuICAgICR7IC8qICNyZWdpb24gWyByZ2JhKDEyMCw1MCwxNTAsMC4xKSBdIERheXMgKi9cIlwifVxuICAgICZfX2RheSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLmJsYWNrfTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgIGZvbnQtc2l6ZTogMXJlbTtcbiAgICAgIGxpbmUtaGVpZ2h0OiAycmVtO1xuICAgICAgbWFyZ2luOiAwLjI1cmVtO1xuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgd2lkdGg6IDJyZW07XG4gICAgICAmOmhvdmVyW2FyaWEtc2VsZWN0ZWQ9XCJmYWxzZVwiXTpub3QoJi0tZGlzYWJsZWQpIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmdyYXkudWx0cmFMaWdodH07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDAuMjVyZW07XG4gICAgICB9XG4gICAgICAmLW5hbWUge1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLmdyYXkubWFpbn07XG4gICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgZm9udC1zaXplOiAwLjc1cmVtO1xuICAgICAgICBmb250LXdlaWdodDogNjAwO1xuICAgICAgICBsaW5lLWhlaWdodDogMXJlbTtcbiAgICAgICAgbWFyZ2luOiAwIDAuMjVyZW07XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgd2lkdGg6IDJyZW07XG4gICAgICB9XG4gICAgICAmLW5hbWVzIHtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgIH1cbiAgICAgICYtLWRpc2FibGVkIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5ncmF5Lm1haW59O1xuICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICAmLS10b2RheVthcmlhLXNlbGVjdGVkPVwiZmFsc2VcIl0ge1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgYm9yZGVyLWJvdHRvbTogMC4xMjVyZW0gc29saWQgJHt0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICBpbnNldDogMDtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgICYtLWhpZ2hsaWdodGVkIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzNkY2M0YTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogMC4yNXJlbTtcbiAgICAgICAgY29sb3I6ICNmZmY7XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgIH1cbiAgICAgICAgJi1jdXN0b20tMSB7XG4gICAgICAgICAgY29sb3I6IG1hZ2VudGE7XG4gICAgICAgIH1cbiAgICAgICAgJi1jdXN0b20tMiB7XG4gICAgICAgICAgY29sb3I6IGdyZWVuO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICAmLS1zZWxlY3RlZCxcbiAgICAgICYtLWluLXNlbGVjdGluZy1yYW5nZSxcbiAgICAgICYtLWluLXJhbmdlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbn07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDAuMjVyZW07XG4gICAgICAgIGNvbG9yOiAjZmZmO1xuICAgICAgICAmW2FyaWEtc2VsZWN0ZWQ9XCJ0cnVlXCJdIHtcbiAgICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICAgIH1cbiAgICAgICAgJlthcmlhLXNlbGVjdGVkPVwiZmFsc2VcIl06aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5wcmltYXJ5LmRhcmt9O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICAmLS1pbi1zZWxlY3RpbmctcmFuZ2U6bm90KCYtLWluLXJhbmdlKSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMzMsIDEwNywgMTY1LCAwLjUpO1xuICAgICAgfVxuICAgICAgJi0ta2V5Ym9hcmQtc2VsZWN0ZWQge1xuICAgICAgICBib3JkZXItcmFkaXVzOiAwLjI1cmVtO1xuICAgICAgICBvdXRsaW5lOiAwLjEyNXJlbSBzb2xpZCAke3RoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWlufTtcbiAgICAgIH1cbiAgICAgICR7XHJcbi8qIFJEUCBkb2Vzbid0IGF0dGFjaCB0aGUgLS1rZXlib2FyZC1zZWxlY3RlZCBjbGFzcyBpZiB5b3UgYXJyb3ctbmF2aWdhdGUgdG8gdGhlIGN1cnJlbnRseVxyXG4gICAgIHNlbGVjdGVkIGRhdGUsIHdoaWNoIHdvdWxkIHJlc3VsdCBpbiBhIGRlZmF1bHQgYnJvd3NlciBmb2N1cy1yaW5nICovIFwiXCJ9XG4gICAgICAmLS1zZWxlY3RlZDpub3QoJi0ta2V5Ym9hcmQtc2VsZWN0ZWQpOmZvY3VzLXZpc2libGUge1xuICAgICAgICBvdXRsaW5lOiAwLjEyNXJlbSBzb2xpZCAke3RoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWlufTtcbiAgICAgIH1cbiAgICB9XG4gICAgJHsgLyogI2VuZHJlZ2lvbiAqL1wiXCJ9XG4gICAgJl9faW5wdXQtY29udGFpbmVyIHtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cbiAgfVxuYDtcclxuZXhwb3J0IGNvbnN0IGdldFdyYXBwZXJTdHlsZXMgPSAodGhlbWUpID0+IGNzcyBgXG4gIGJvcmRlcjogMDtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBwYWRkaW5nOiAwO1xuICB3aWR0aDogMTAwJTtcbiAgei1pbmRleDogMjAwO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9ZGF0ZS1waWNrZXIuc3R5bGVzLmpzLm1hcCJdfQ== */",
3541
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__$7
3555
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__$6
3542
3556
  });
3543
3557
 
3544
3558
  const DatePickerController = createFieldController();
@@ -4134,17 +4148,17 @@ const useUtils = () => {
4134
4148
  };
4135
4149
  };
4136
4150
 
4137
- 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)."; }
4138
- var _ref$5 = process.env.NODE_ENV === "production" ? {
4151
+ 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)."; }
4152
+ var _ref$4 = process.env.NODE_ENV === "production" ? {
4139
4153
  name: "1xe63ku",
4140
4154
  styles: "line-height:1"
4141
4155
  } : {
4142
4156
  name: "j0w4uy-getLeftDecoratorStyles",
4143
4157
  styles: "line-height:1;label:getLeftDecoratorStyles;",
4144
4158
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vbmV5LWlucHV0LXN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDNEMiLCJmaWxlIjoibW9uZXktaW5wdXQtc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBnZXRMZWZ0RGVjb3JhdG9yU3R5bGVzID0gKCkgPT4gY3NzKHtcclxuICAgIGxpbmVIZWlnaHQ6IDEsXHJcbn0pO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1tb25leS1pbnB1dC1zdHlsZXMuanMubWFwIl19 */",
4145
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__$6
4159
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
4146
4160
  };
4147
- const getLeftDecoratorStyles = () => _ref$5;
4161
+ const getLeftDecoratorStyles = () => _ref$4;
4148
4162
 
4149
4163
  const transform$3 = {
4150
4164
  in: ({
@@ -4352,7 +4366,7 @@ if (NOT_GENERIC || INCORRECT_NAME) {
4352
4366
  }, { unsafe: true });
4353
4367
  }
4354
4368
 
4355
- 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)."; }
4369
+ 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)."; }
4356
4370
  const getRateCardFirstLineSize = theme => `${theme.spacing(3.25)}px`;
4357
4371
  const getArticleStyles = theme => /*#__PURE__*/css$1({
4358
4372
  border: `1px solid ${theme.palette.gray.light}`,
@@ -4375,13 +4389,13 @@ var _ref3$1 = process.env.NODE_ENV === "production" ? {
4375
4389
  name: "16u4j7q-getArticleVoidedStyles",
4376
4390
  styles: "opacity:0.6;text-decoration:line-through;label:getArticleVoidedStyles;",
4377
4391
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhdGUtY2FyZC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0I0QyIsImZpbGUiOiJyYXRlLWNhcmQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBnZXRSYXRlQ2FyZEZpcnN0TGluZVNpemUgPSAodGhlbWUpID0+IGAke3RoZW1lLnNwYWNpbmcoMy4yNSl9cHhgO1xyXG5leHBvcnQgY29uc3QgZ2V0QXJ0aWNsZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUuZ3JheS5saWdodH1gLFxyXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0QXJ0aWNsZU5vblNlbGVjdGVkU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgXCI6aG92ZXJcIjoge1xyXG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbixcclxuICAgIH0sXHJcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVTZWxlY3RlZFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJhY2tncm91bmQ6IHRoZW1lLnBhbGV0dGUucHJpbWFyeS51bHRyYUxpZ2h0LFxyXG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWluLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVWb2lkZWRTdHlsZXMgPSAoKSA9PiBjc3Moe1xyXG4gICAgb3BhY2l0eTogXCIwLjZcIixcclxuICAgIHRleHREZWNvcmF0aW9uOiBcImxpbmUtdGhyb3VnaFwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVSZWNvbW1lbmRlZFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5zZWNvbmRhcnkudWx0cmFMaWdodCxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRTZWN0aW9uU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXHJcbiAgICBmbGV4V3JhcDogXCJub3dyYXBcIixcclxuICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNpbmcoMiksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UmF0ZUltYWdlU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZmxleDogXCIwIDAgYXV0b1wiLFxyXG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoMiksXHJcbiAgICBtYXhIZWlnaHQ6IGdldFJhdGVDYXJkRmlyc3RMaW5lU2l6ZSh0aGVtZSksXHJcbiAgICBtYXhXaWR0aDogZ2V0UmF0ZUNhcmRGaXJzdExpbmVTaXplKHRoZW1lKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRSYXRlSW5mb1N0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGZsZXg6IFwiMVwiLFxyXG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoMiksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UmF0ZVJlY29tbWVuZGVkU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLnNlY29uZGFyeS5tYWluLFxyXG4gICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogdGhlbWUuYm9yZGVyUmFkaXVzLk0sXHJcbiAgICBib3JkZXJUb3BSaWdodFJhZGl1czogdGhlbWUuYm9yZGVyUmFkaXVzLk0sXHJcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS53aGl0ZSxcclxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygxKSxcclxuICAgIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjaW5nKC0yKSxcclxuICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2luZygtMiksXHJcbiAgICBwYWRkaW5nOiB0aGVtZS5zcGFjaW5nKDEpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFNlcnZpY2VUeXBlU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxyXG4gICAgbGluZUhlaWdodDogZ2V0UmF0ZUNhcmRGaXJzdExpbmVTaXplKHRoZW1lKSxcclxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldENhcnJpZXJOYW1lU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxyXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0RGl2aWRlclN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbixcclxuICAgIG1hcmdpbjogXCIwIGF1dG9cIixcclxuICAgIG9wYWNpdHk6IDAuMyxcclxuICAgIHdpZHRoOiBgY2FsYygxMDAlIC0gJHt0aGVtZS5zcGFjaW5nKDQpfXB4KWAsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0Rm9vdGVyU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2luZygyKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRGb290ZXJMaXN0U3R5bGVzID0gKCkgPT4gY3NzKHtcclxuICAgIGxpc3RTdHlsZTogXCJub25lXCIsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0Rm9vdGVyTGlzdFdpdGhNdWx0aXBsZU1lc3NhZ2VzU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgbGlzdFN0eWxlOiBcImluaXRpYWxcIixcclxuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjaW5nKDIpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEZvb3Rlckxpc3RJdGVtU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgXCImOm5vdCg6bGFzdC1jaGlsZClcIjoge1xyXG4gICAgICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygpLFxyXG4gICAgfSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRBY2tub3dsZWRnbWVudFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXHJcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5ncmF5Lm1haW4sXHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLnNwYWNpbmcoMS41KSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRDaGVja2JveFdyYXBwZXJTdHlsZXMgPSAoKSA9PiBjc3Moe1xyXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXHJcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxyXG59KTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9cmF0ZS1jYXJkLnN0eWxlcy5qcy5tYXAiXX0= */",
4378
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
4392
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__$4
4379
4393
  };
4380
4394
  const getArticleVoidedStyles = () => _ref3$1;
4381
4395
  const getArticleRecommendedStyles = theme => /*#__PURE__*/css$1({
4382
4396
  backgroundColor: theme.palette.secondary.ultraLight
4383
4397
  }, process.env.NODE_ENV === "production" ? "" : ";label:getArticleRecommendedStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhdGUtY2FyZC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JzRCIsImZpbGUiOiJyYXRlLWNhcmQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBnZXRSYXRlQ2FyZEZpcnN0TGluZVNpemUgPSAodGhlbWUpID0+IGAke3RoZW1lLnNwYWNpbmcoMy4yNSl9cHhgO1xyXG5leHBvcnQgY29uc3QgZ2V0QXJ0aWNsZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUuZ3JheS5saWdodH1gLFxyXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0QXJ0aWNsZU5vblNlbGVjdGVkU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgXCI6aG92ZXJcIjoge1xyXG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbixcclxuICAgIH0sXHJcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVTZWxlY3RlZFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJhY2tncm91bmQ6IHRoZW1lLnBhbGV0dGUucHJpbWFyeS51bHRyYUxpZ2h0LFxyXG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWluLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVWb2lkZWRTdHlsZXMgPSAoKSA9PiBjc3Moe1xyXG4gICAgb3BhY2l0eTogXCIwLjZcIixcclxuICAgIHRleHREZWNvcmF0aW9uOiBcImxpbmUtdGhyb3VnaFwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVSZWNvbW1lbmRlZFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5zZWNvbmRhcnkudWx0cmFMaWdodCxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRTZWN0aW9uU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXHJcbiAgICBmbGV4V3JhcDogXCJub3dyYXBcIixcclxuICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNpbmcoMiksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UmF0ZUltYWdlU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZmxleDogXCIwIDAgYXV0b1wiLFxyXG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoMiksXHJcbiAgICBtYXhIZWlnaHQ6IGdldFJhdGVDYXJkRmlyc3RMaW5lU2l6ZSh0aGVtZSksXHJcbiAgICBtYXhXaWR0aDogZ2V0UmF0ZUNhcmRGaXJzdExpbmVTaXplKHRoZW1lKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRSYXRlSW5mb1N0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGZsZXg6IFwiMVwiLFxyXG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoMiksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UmF0ZVJlY29tbWVuZGVkU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLnNlY29uZGFyeS5tYWluLFxyXG4gICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogdGhlbWUuYm9yZGVyUmFkaXVzLk0sXHJcbiAgICBib3JkZXJUb3BSaWdodFJhZGl1czogdGhlbWUuYm9yZGVyUmFkaXVzLk0sXHJcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS53aGl0ZSxcclxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygxKSxcclxuICAgIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjaW5nKC0yKSxcclxuICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2luZygtMiksXHJcbiAgICBwYWRkaW5nOiB0aGVtZS5zcGFjaW5nKDEpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFNlcnZpY2VUeXBlU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxyXG4gICAgbGluZUhlaWdodDogZ2V0UmF0ZUNhcmRGaXJzdExpbmVTaXplKHRoZW1lKSxcclxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldENhcnJpZXJOYW1lU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxyXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0RGl2aWRlclN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbixcclxuICAgIG1hcmdpbjogXCIwIGF1dG9cIixcclxuICAgIG9wYWNpdHk6IDAuMyxcclxuICAgIHdpZHRoOiBgY2FsYygxMDAlIC0gJHt0aGVtZS5zcGFjaW5nKDQpfXB4KWAsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0Rm9vdGVyU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2luZygyKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRGb290ZXJMaXN0U3R5bGVzID0gKCkgPT4gY3NzKHtcclxuICAgIGxpc3RTdHlsZTogXCJub25lXCIsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0Rm9vdGVyTGlzdFdpdGhNdWx0aXBsZU1lc3NhZ2VzU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgbGlzdFN0eWxlOiBcImluaXRpYWxcIixcclxuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjaW5nKDIpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEZvb3Rlckxpc3RJdGVtU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgXCImOm5vdCg6bGFzdC1jaGlsZClcIjoge1xyXG4gICAgICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygpLFxyXG4gICAgfSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRBY2tub3dsZWRnbWVudFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXHJcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5ncmF5Lm1haW4sXHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLnNwYWNpbmcoMS41KSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRDaGVja2JveFdyYXBwZXJTdHlsZXMgPSAoKSA9PiBjc3Moe1xyXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXHJcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxyXG59KTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9cmF0ZS1jYXJkLnN0eWxlcy5qcy5tYXAiXX0= */");
4384
- const getSectionStyles$1 = theme => /*#__PURE__*/css$1({
4398
+ const getSectionStyles = theme => /*#__PURE__*/css$1({
4385
4399
  alignItems: "flex-start",
4386
4400
  display: "flex",
4387
4401
  flexDirection: "row",
@@ -4433,7 +4447,7 @@ var _ref2$1 = process.env.NODE_ENV === "production" ? {
4433
4447
  name: "ueyggo-getFooterListStyles",
4434
4448
  styles: "list-style:none;label:getFooterListStyles;",
4435
4449
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhdGUtY2FyZC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0V5QyIsImZpbGUiOiJyYXRlLWNhcmQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBnZXRSYXRlQ2FyZEZpcnN0TGluZVNpemUgPSAodGhlbWUpID0+IGAke3RoZW1lLnNwYWNpbmcoMy4yNSl9cHhgO1xyXG5leHBvcnQgY29uc3QgZ2V0QXJ0aWNsZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUuZ3JheS5saWdodH1gLFxyXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0QXJ0aWNsZU5vblNlbGVjdGVkU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgXCI6aG92ZXJcIjoge1xyXG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbixcclxuICAgIH0sXHJcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVTZWxlY3RlZFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJhY2tncm91bmQ6IHRoZW1lLnBhbGV0dGUucHJpbWFyeS51bHRyYUxpZ2h0LFxyXG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWluLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVWb2lkZWRTdHlsZXMgPSAoKSA9PiBjc3Moe1xyXG4gICAgb3BhY2l0eTogXCIwLjZcIixcclxuICAgIHRleHREZWNvcmF0aW9uOiBcImxpbmUtdGhyb3VnaFwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVSZWNvbW1lbmRlZFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5zZWNvbmRhcnkudWx0cmFMaWdodCxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRTZWN0aW9uU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXHJcbiAgICBmbGV4V3JhcDogXCJub3dyYXBcIixcclxuICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNpbmcoMiksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UmF0ZUltYWdlU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZmxleDogXCIwIDAgYXV0b1wiLFxyXG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoMiksXHJcbiAgICBtYXhIZWlnaHQ6IGdldFJhdGVDYXJkRmlyc3RMaW5lU2l6ZSh0aGVtZSksXHJcbiAgICBtYXhXaWR0aDogZ2V0UmF0ZUNhcmRGaXJzdExpbmVTaXplKHRoZW1lKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRSYXRlSW5mb1N0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGZsZXg6IFwiMVwiLFxyXG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoMiksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UmF0ZVJlY29tbWVuZGVkU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLnNlY29uZGFyeS5tYWluLFxyXG4gICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogdGhlbWUuYm9yZGVyUmFkaXVzLk0sXHJcbiAgICBib3JkZXJUb3BSaWdodFJhZGl1czogdGhlbWUuYm9yZGVyUmFkaXVzLk0sXHJcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS53aGl0ZSxcclxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygxKSxcclxuICAgIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjaW5nKC0yKSxcclxuICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2luZygtMiksXHJcbiAgICBwYWRkaW5nOiB0aGVtZS5zcGFjaW5nKDEpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFNlcnZpY2VUeXBlU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxyXG4gICAgbGluZUhlaWdodDogZ2V0UmF0ZUNhcmRGaXJzdExpbmVTaXplKHRoZW1lKSxcclxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldENhcnJpZXJOYW1lU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxyXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0RGl2aWRlclN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbixcclxuICAgIG1hcmdpbjogXCIwIGF1dG9cIixcclxuICAgIG9wYWNpdHk6IDAuMyxcclxuICAgIHdpZHRoOiBgY2FsYygxMDAlIC0gJHt0aGVtZS5zcGFjaW5nKDQpfXB4KWAsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0Rm9vdGVyU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2luZygyKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRGb290ZXJMaXN0U3R5bGVzID0gKCkgPT4gY3NzKHtcclxuICAgIGxpc3RTdHlsZTogXCJub25lXCIsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0Rm9vdGVyTGlzdFdpdGhNdWx0aXBsZU1lc3NhZ2VzU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgbGlzdFN0eWxlOiBcImluaXRpYWxcIixcclxuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjaW5nKDIpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEZvb3Rlckxpc3RJdGVtU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgXCImOm5vdCg6bGFzdC1jaGlsZClcIjoge1xyXG4gICAgICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygpLFxyXG4gICAgfSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRBY2tub3dsZWRnbWVudFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXHJcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5ncmF5Lm1haW4sXHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLnNwYWNpbmcoMS41KSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRDaGVja2JveFdyYXBwZXJTdHlsZXMgPSAoKSA9PiBjc3Moe1xyXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXHJcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxyXG59KTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9cmF0ZS1jYXJkLnN0eWxlcy5qcy5tYXAiXX0= */",
4436
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
4450
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__$4
4437
4451
  };
4438
4452
  const getFooterListStyles = () => _ref2$1;
4439
4453
  const getFooterListWithMultipleMessagesStyles = theme => /*#__PURE__*/css$1({
@@ -4451,28 +4465,28 @@ const getAcknowledgmentStyles = theme => /*#__PURE__*/css$1({
4451
4465
  display: "flex",
4452
4466
  paddingTop: theme.spacing(1.5)
4453
4467
  }, process.env.NODE_ENV === "production" ? "" : ";label:getAcknowledgmentStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhdGUtY2FyZC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0ZrRCIsImZpbGUiOiJyYXRlLWNhcmQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBnZXRSYXRlQ2FyZEZpcnN0TGluZVNpemUgPSAodGhlbWUpID0+IGAke3RoZW1lLnNwYWNpbmcoMy4yNSl9cHhgO1xyXG5leHBvcnQgY29uc3QgZ2V0QXJ0aWNsZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUuZ3JheS5saWdodH1gLFxyXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0QXJ0aWNsZU5vblNlbGVjdGVkU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgXCI6aG92ZXJcIjoge1xyXG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbixcclxuICAgIH0sXHJcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVTZWxlY3RlZFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJhY2tncm91bmQ6IHRoZW1lLnBhbGV0dGUucHJpbWFyeS51bHRyYUxpZ2h0LFxyXG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWluLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVWb2lkZWRTdHlsZXMgPSAoKSA9PiBjc3Moe1xyXG4gICAgb3BhY2l0eTogXCIwLjZcIixcclxuICAgIHRleHREZWNvcmF0aW9uOiBcImxpbmUtdGhyb3VnaFwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVSZWNvbW1lbmRlZFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5zZWNvbmRhcnkudWx0cmFMaWdodCxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRTZWN0aW9uU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXHJcbiAgICBmbGV4V3JhcDogXCJub3dyYXBcIixcclxuICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNpbmcoMiksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UmF0ZUltYWdlU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZmxleDogXCIwIDAgYXV0b1wiLFxyXG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoMiksXHJcbiAgICBtYXhIZWlnaHQ6IGdldFJhdGVDYXJkRmlyc3RMaW5lU2l6ZSh0aGVtZSksXHJcbiAgICBtYXhXaWR0aDogZ2V0UmF0ZUNhcmRGaXJzdExpbmVTaXplKHRoZW1lKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRSYXRlSW5mb1N0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGZsZXg6IFwiMVwiLFxyXG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoMiksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UmF0ZVJlY29tbWVuZGVkU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLnNlY29uZGFyeS5tYWluLFxyXG4gICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogdGhlbWUuYm9yZGVyUmFkaXVzLk0sXHJcbiAgICBib3JkZXJUb3BSaWdodFJhZGl1czogdGhlbWUuYm9yZGVyUmFkaXVzLk0sXHJcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS53aGl0ZSxcclxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygxKSxcclxuICAgIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjaW5nKC0yKSxcclxuICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2luZygtMiksXHJcbiAgICBwYWRkaW5nOiB0aGVtZS5zcGFjaW5nKDEpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFNlcnZpY2VUeXBlU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxyXG4gICAgbGluZUhlaWdodDogZ2V0UmF0ZUNhcmRGaXJzdExpbmVTaXplKHRoZW1lKSxcclxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldENhcnJpZXJOYW1lU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxyXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0RGl2aWRlclN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbixcclxuICAgIG1hcmdpbjogXCIwIGF1dG9cIixcclxuICAgIG9wYWNpdHk6IDAuMyxcclxuICAgIHdpZHRoOiBgY2FsYygxMDAlIC0gJHt0aGVtZS5zcGFjaW5nKDQpfXB4KWAsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0Rm9vdGVyU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2luZygyKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRGb290ZXJMaXN0U3R5bGVzID0gKCkgPT4gY3NzKHtcclxuICAgIGxpc3RTdHlsZTogXCJub25lXCIsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0Rm9vdGVyTGlzdFdpdGhNdWx0aXBsZU1lc3NhZ2VzU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgbGlzdFN0eWxlOiBcImluaXRpYWxcIixcclxuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjaW5nKDIpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEZvb3Rlckxpc3RJdGVtU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgXCImOm5vdCg6bGFzdC1jaGlsZClcIjoge1xyXG4gICAgICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygpLFxyXG4gICAgfSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRBY2tub3dsZWRnbWVudFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXHJcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5ncmF5Lm1haW4sXHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLnNwYWNpbmcoMS41KSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRDaGVja2JveFdyYXBwZXJTdHlsZXMgPSAoKSA9PiBjc3Moe1xyXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXHJcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxyXG59KTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9cmF0ZS1jYXJkLnN0eWxlcy5qcy5tYXAiXX0= */");
4454
- var _ref$4 = process.env.NODE_ENV === "production" ? {
4468
+ var _ref$3 = process.env.NODE_ENV === "production" ? {
4455
4469
  name: "xiyqge",
4456
4470
  styles: "overflow:hidden;position:relative"
4457
4471
  } : {
4458
4472
  name: "zie6jd-getCheckboxWrapperStyles",
4459
4473
  styles: "overflow:hidden;position:relative;label:getCheckboxWrapperStyles;",
4460
4474
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhdGUtY2FyZC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0Y4QyIsImZpbGUiOiJyYXRlLWNhcmQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBnZXRSYXRlQ2FyZEZpcnN0TGluZVNpemUgPSAodGhlbWUpID0+IGAke3RoZW1lLnNwYWNpbmcoMy4yNSl9cHhgO1xyXG5leHBvcnQgY29uc3QgZ2V0QXJ0aWNsZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUuZ3JheS5saWdodH1gLFxyXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0QXJ0aWNsZU5vblNlbGVjdGVkU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgXCI6aG92ZXJcIjoge1xyXG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbixcclxuICAgIH0sXHJcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVTZWxlY3RlZFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJhY2tncm91bmQ6IHRoZW1lLnBhbGV0dGUucHJpbWFyeS51bHRyYUxpZ2h0LFxyXG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWluLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVWb2lkZWRTdHlsZXMgPSAoKSA9PiBjc3Moe1xyXG4gICAgb3BhY2l0eTogXCIwLjZcIixcclxuICAgIHRleHREZWNvcmF0aW9uOiBcImxpbmUtdGhyb3VnaFwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFydGljbGVSZWNvbW1lbmRlZFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5zZWNvbmRhcnkudWx0cmFMaWdodCxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRTZWN0aW9uU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXHJcbiAgICBmbGV4V3JhcDogXCJub3dyYXBcIixcclxuICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNpbmcoMiksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UmF0ZUltYWdlU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZmxleDogXCIwIDAgYXV0b1wiLFxyXG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoMiksXHJcbiAgICBtYXhIZWlnaHQ6IGdldFJhdGVDYXJkRmlyc3RMaW5lU2l6ZSh0aGVtZSksXHJcbiAgICBtYXhXaWR0aDogZ2V0UmF0ZUNhcmRGaXJzdExpbmVTaXplKHRoZW1lKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRSYXRlSW5mb1N0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGZsZXg6IFwiMVwiLFxyXG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoMiksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UmF0ZVJlY29tbWVuZGVkU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLnNlY29uZGFyeS5tYWluLFxyXG4gICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogdGhlbWUuYm9yZGVyUmFkaXVzLk0sXHJcbiAgICBib3JkZXJUb3BSaWdodFJhZGl1czogdGhlbWUuYm9yZGVyUmFkaXVzLk0sXHJcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS53aGl0ZSxcclxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygxKSxcclxuICAgIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjaW5nKC0yKSxcclxuICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2luZygtMiksXHJcbiAgICBwYWRkaW5nOiB0aGVtZS5zcGFjaW5nKDEpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFNlcnZpY2VUeXBlU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxyXG4gICAgbGluZUhlaWdodDogZ2V0UmF0ZUNhcmRGaXJzdExpbmVTaXplKHRoZW1lKSxcclxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldENhcnJpZXJOYW1lU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxyXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0RGl2aWRlclN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbixcclxuICAgIG1hcmdpbjogXCIwIGF1dG9cIixcclxuICAgIG9wYWNpdHk6IDAuMyxcclxuICAgIHdpZHRoOiBgY2FsYygxMDAlIC0gJHt0aGVtZS5zcGFjaW5nKDQpfXB4KWAsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0Rm9vdGVyU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2luZygyKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRGb290ZXJMaXN0U3R5bGVzID0gKCkgPT4gY3NzKHtcclxuICAgIGxpc3RTdHlsZTogXCJub25lXCIsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0Rm9vdGVyTGlzdFdpdGhNdWx0aXBsZU1lc3NhZ2VzU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgbGlzdFN0eWxlOiBcImluaXRpYWxcIixcclxuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjaW5nKDIpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEZvb3Rlckxpc3RJdGVtU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgXCImOm5vdCg6bGFzdC1jaGlsZClcIjoge1xyXG4gICAgICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygpLFxyXG4gICAgfSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRBY2tub3dsZWRnbWVudFN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXHJcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5ncmF5Lm1haW4sXHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLnNwYWNpbmcoMS41KSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRDaGVja2JveFdyYXBwZXJTdHlsZXMgPSAoKSA9PiBjc3Moe1xyXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXHJcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxyXG59KTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9cmF0ZS1jYXJkLnN0eWxlcy5qcy5tYXAiXX0= */",
4461
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
4475
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__$4
4462
4476
  };
4463
- const getCheckboxWrapperStyles = () => _ref$4;
4477
+ const getCheckboxWrapperStyles = () => _ref$3;
4464
4478
 
4465
- 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)."; }
4466
- var _ref$3 = process.env.NODE_ENV === "production" ? {
4479
+ 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)."; }
4480
+ var _ref$2 = process.env.NODE_ENV === "production" ? {
4467
4481
  name: "j2qxfd",
4468
4482
  styles: "display:flex;flex-direction:column;text-align:right"
4469
4483
  } : {
4470
4484
  name: "15ei3fb-getAsideStyles",
4471
4485
  styles: "display:flex;flex-direction:column;text-align:right;label:getAsideStyles;",
4472
4486
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvc3QtYnJlYWtkb3duLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFeUMiLCJmaWxlIjoiY29zdC1icmVha2Rvd24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmltcG9ydCB7IGdldFJhdGVDYXJkRmlyc3RMaW5lU2l6ZSB9IGZyb20gXCIuLi9yYXRlLWNhcmQuc3R5bGVzXCI7XHJcbmV4cG9ydCBjb25zdCBnZXRBc2lkZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxyXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcclxuICAgIHRleHRBbGlnbjogXCJyaWdodFwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFByaWNlU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgbGluZUhlaWdodDogZ2V0UmF0ZUNhcmRGaXJzdExpbmVTaXplKHRoZW1lKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRUYWJsZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJvcmRlclNwYWNpbmc6IGAwICR7dGhlbWUuc3BhY2luZygwLjUpfXB4YCxcclxuICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2luZygwLjUpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFRhYmxlQ2VsbExhYmVsU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjaW5nKDQpLFxyXG59KTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Y29zdC1icmVha2Rvd24uc3R5bGVzLmpzLm1hcCJdfQ== */",
4473
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__$4
4487
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
4474
4488
  };
4475
- const getAsideStyles = theme => _ref$3;
4489
+ const getAsideStyles = theme => _ref$2;
4476
4490
  const getPriceStyles = theme => /*#__PURE__*/css$1({
4477
4491
  lineHeight: getRateCardFirstLineSize(theme)
4478
4492
  }, process.env.NODE_ENV === "production" ? "" : ";label:getPriceStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvc3QtYnJlYWtkb3duLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPeUMiLCJmaWxlIjoiY29zdC1icmVha2Rvd24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmltcG9ydCB7IGdldFJhdGVDYXJkRmlyc3RMaW5lU2l6ZSB9IGZyb20gXCIuLi9yYXRlLWNhcmQuc3R5bGVzXCI7XHJcbmV4cG9ydCBjb25zdCBnZXRBc2lkZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxyXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcclxuICAgIHRleHRBbGlnbjogXCJyaWdodFwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFByaWNlU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgbGluZUhlaWdodDogZ2V0UmF0ZUNhcmRGaXJzdExpbmVTaXplKHRoZW1lKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRUYWJsZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJvcmRlclNwYWNpbmc6IGAwICR7dGhlbWUuc3BhY2luZygwLjUpfXB4YCxcclxuICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2luZygwLjUpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFRhYmxlQ2VsbExhYmVsU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjaW5nKDQpLFxyXG59KTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Y29zdC1icmVha2Rvd24uc3R5bGVzLmpzLm1hcCJdfQ== */");
@@ -4637,7 +4651,7 @@ const RateCard = ({
4637
4651
  role: "option"
4638
4652
  }, {
4639
4653
  children: [jsxs("section", Object.assign({
4640
- css: getSectionStyles$1
4654
+ css: getSectionStyles
4641
4655
  }, {
4642
4656
  children: [carrierCode && jsx("img", {
4643
4657
  alt: carrierFriendlyName,
@@ -4755,6 +4769,43 @@ const RateSelect = _a => {
4755
4769
  }));
4756
4770
  };
4757
4771
 
4772
+ const SelectAutoCompleteController = createFieldController();
4773
+ const SelectAutoComplete = _a => {
4774
+ var {
4775
+ onChange: customOnChange
4776
+ } = _a,
4777
+ fieldProps = __rest(_a, ["onChange"]);
4778
+ return jsx(SelectAutoCompleteController, Object.assign({}, fieldProps, {
4779
+ children: _a => {
4780
+ var {
4781
+ options,
4782
+ value,
4783
+ onChange
4784
+ } = _a,
4785
+ fieldProps = __rest(_a, ["options", "value", "onChange"]);
4786
+ const buildValue = val => {
4787
+ if (typeof val !== "string") return;
4788
+ const option = options.find(o => o.value === val);
4789
+ return option;
4790
+ };
4791
+ return jsx("div", Object.assign({
4792
+ css: getOverrideStyles
4793
+ }, {
4794
+ children: jsx(SelectAutocomplete, Object.assign({}, fieldProps, {
4795
+ onChange: (_name, nextValue) => {
4796
+ if (nextValue) {
4797
+ customOnChange === null || customOnChange === void 0 ? void 0 : customOnChange(nextValue.value);
4798
+ onChange(nextValue.value);
4799
+ }
4800
+ },
4801
+ options: options,
4802
+ value: buildValue(value)
4803
+ }))
4804
+ }));
4805
+ }
4806
+ }));
4807
+ };
4808
+
4758
4809
  const SelectController = createFieldController();
4759
4810
  const isCategory = option => option.options !== undefined;
4760
4811
  const Select = _a => {
@@ -4940,8 +4991,8 @@ const TextInput = fieldProps => jsx(TextInputController, Object.assign({}, field
4940
4991
 
4941
4992
  var fields = /*#__PURE__*/Object.freeze({
4942
4993
  __proto__: null,
4943
- CreditCardInput: CreditCardInput,
4944
4994
  CheckboxInput: CheckboxInput,
4995
+ CreditCardInput: CreditCardInput,
4945
4996
  DatePicker: DatePicker,
4946
4997
  ExpirationInput: ExpirationInput,
4947
4998
  InputGroup: InputGroup,
@@ -4949,6 +5000,7 @@ var fields = /*#__PURE__*/Object.freeze({
4949
5000
  MoneyInput: MoneyInput,
4950
5001
  NumberInput: NumberInput,
4951
5002
  RateSelect: RateSelect,
5003
+ SelectAutoComplete: SelectAutoComplete,
4952
5004
  Select: Select,
4953
5005
  SubmitButton: SubmitButton,
4954
5006
  Switch: Switch,
@@ -4993,6 +5045,37 @@ const useCustomsNonDeliveryOptions = () => {
4993
5045
  })), [t]);
4994
5046
  };
4995
5047
 
5048
+ /**
5049
+ * A curated list of date range options relative to the immediate date
5050
+ */
5051
+ const useDateRangeOptions = () => {
5052
+ const {
5053
+ t
5054
+ } = useTranslation();
5055
+ const relativeDates = useMemo(() => getRelativeDates(), []);
5056
+ const options = useMemo(() => [{
5057
+ label: t("wallet-history:historyOptions.custom"),
5058
+ range: undefined,
5059
+ value: "custom"
5060
+ }, {
5061
+ label: t("wallet-history:historyOptions.last30days"),
5062
+ range: [relativeDates.thirtyDaysAgo, relativeDates.origin],
5063
+ value: "last30days"
5064
+ }, {
5065
+ label: t("wallet-history:historyOptions.thisMonth"),
5066
+ range: [relativeDates.firstDayOfMonth, relativeDates.lastDayOfTheMonth],
5067
+ value: "thisMonth"
5068
+ }, {
5069
+ label: t("wallet-history:historyOptions.lastMonth"),
5070
+ range: [relativeDates.previousMonthFirstDay, relativeDates.previousMonthLastDay],
5071
+ value: "lastMonth"
5072
+ }], [relativeDates, t]);
5073
+ const optionsByValue = createDictionary(options, o => ({
5074
+ [o.value]: o
5075
+ }));
5076
+ return [options, optionsByValue];
5077
+ };
5078
+
4996
5079
  const useExpirationMonthOptions = () => {
4997
5080
  const {
4998
5081
  t
@@ -5389,7 +5472,7 @@ const ElementsProvider = ({
5389
5472
  environment: _environment,
5390
5473
  onError
5391
5474
  }), [_environment, onError, brandName]);
5392
- return jsx(ShipEngineProvider, Object.assign({
5475
+ return jsx(ShipEngine, Object.assign({
5393
5476
  baseURL: baseURL,
5394
5477
  getToken: getToken,
5395
5478
  headers: {
@@ -5723,8 +5806,8 @@ $$a({ target: 'Object', stat: true }, {
5723
5806
  }
5724
5807
  });
5725
5808
 
5726
- const useWarehouseValidation = () => {
5727
- const [warehousePreference, setWarehousePreference] = useState();
5809
+ const useAddressValidation = () => {
5810
+ const [validationPreference, setValidationPreference] = useState();
5728
5811
  const {
5729
5812
  error: validateAddressErrors,
5730
5813
  mutateAsync: validateAddresses
@@ -5744,7 +5827,7 @@ const useWarehouseValidation = () => {
5744
5827
  if (matched === original) return true;
5745
5828
  return matched.includes(original);
5746
5829
  }, []);
5747
- const buildWarehousePreference = useCallback(addressValidation => {
5830
+ const buildAddressValidationPreference = useCallback(addressValidation => {
5748
5831
  /**
5749
5832
  * Address validation matching criteria
5750
5833
  * 1. Case-insensitive string comparison
@@ -5784,28 +5867,23 @@ const useWarehouseValidation = () => {
5784
5867
  validationType: "ERROR"
5785
5868
  };
5786
5869
  }, [caseInsensitiveCompare, postalCodeCompare]);
5787
- const validate = useCallback(warehouse => __awaiter(void 0, void 0, void 0, function* () {
5788
- const warehouseAddresses = [warehouse.originAddress, ...(warehouse.returnAddress ? [warehouse.returnAddress] : [])];
5789
- const result = yield validateAddresses(warehouseAddresses);
5870
+ const validate = useCallback(addresses => __awaiter(void 0, void 0, void 0, function* () {
5871
+ const result = yield validateAddresses([addresses.originAddress, ...(addresses.returnAddress ? [addresses.returnAddress] : [])]);
5790
5872
  const [originAddress, returnAddress] = result;
5791
- setWarehousePreference({
5792
- isDefault: warehouse.isDefault,
5793
- name: warehouse.name,
5794
- originAddress: buildWarehousePreference(originAddress),
5795
- returnAddress: returnAddress && buildWarehousePreference(returnAddress)
5873
+ setValidationPreference({
5874
+ originAddress: buildAddressValidationPreference(originAddress),
5875
+ returnAddress: returnAddress && buildAddressValidationPreference(returnAddress)
5796
5876
  });
5797
5877
  return {
5798
- isDefault: warehouse.isDefault,
5799
- name: warehouse.name,
5800
- originAddress: buildWarehousePreference(originAddress),
5801
- returnAddress: returnAddress && buildWarehousePreference(returnAddress)
5878
+ originAddress: buildAddressValidationPreference(originAddress),
5879
+ returnAddress: returnAddress && buildAddressValidationPreference(returnAddress)
5802
5880
  };
5803
- }), [buildWarehousePreference, validateAddresses]);
5881
+ }), [buildAddressValidationPreference, validateAddresses]);
5804
5882
  return {
5805
5883
  errors: validateAddressErrors,
5806
- setWarehousePreference,
5884
+ setValidationPreference,
5807
5885
  validate,
5808
- warehousePreference
5886
+ validationPreference
5809
5887
  };
5810
5888
  };
5811
5889
 
@@ -5869,7 +5947,7 @@ const AddressParser = ({
5869
5947
  }));
5870
5948
  };
5871
5949
 
5872
- const styles$b = createStyles({
5950
+ const styles$c = createStyles({
5873
5951
  grow: {
5874
5952
  flexGrow: 1
5875
5953
  },
@@ -5952,15 +6030,16 @@ const AddressFields = ({
5952
6030
  labelWeight: "normal",
5953
6031
  name: _formatFieldName("cityLocality"),
5954
6032
  nativeLabel: true
5955
- }), jsx(Select, {
6033
+ }), jsx(SelectAutoComplete, {
5956
6034
  control: form.control,
5957
6035
  form: formId,
5958
6036
  label: t("address.fields.countryCode"),
5959
6037
  labelWeight: "normal",
5960
6038
  name: _formatFieldName("countryCode"),
5961
6039
  nativeLabel: true,
5962
- onChange: e => {
5963
- if (typeof e === "string") {
6040
+ noResultsLabel: t("address.noResults"),
6041
+ onChange: value => {
6042
+ if (value) {
5964
6043
  form.setValue(_formatFieldName("stateProvince"), null, {
5965
6044
  shouldValidate: isSubmitted
5966
6045
  });
@@ -5968,23 +6047,24 @@ const AddressFields = ({
5968
6047
  },
5969
6048
  options: countryCodeOptions
5970
6049
  }), jsxs("div", Object.assign({
5971
- css: styles$b.stateZipWrapper
6050
+ css: styles$c.stateZipWrapper
5972
6051
  }, {
5973
6052
  children: [jsx("div", Object.assign({
5974
- css: styles$b.stateWrapper
6053
+ css: styles$c.stateWrapper
5975
6054
  }, {
5976
6055
  children: jsx("div", Object.assign({
5977
- css: styles$b.grow
6056
+ css: styles$c.grow
5978
6057
  }, {
5979
6058
  children: watchCountryCode === "US" ?
5980
6059
  // Domestic States
5981
- jsx(Select, {
6060
+ jsx(SelectAutoComplete, {
5982
6061
  control: form.control,
5983
6062
  form: formId,
5984
6063
  label: t("address.fields.stateProvince"),
5985
6064
  labelWeight: "normal",
5986
6065
  name: _formatFieldName("stateProvince"),
5987
6066
  nativeLabel: true,
6067
+ noResultsLabel: t("address.noResults"),
5988
6068
  options: stateCodeOptions
5989
6069
  }) :
5990
6070
  // International Provinces
@@ -5998,10 +6078,10 @@ const AddressFields = ({
5998
6078
  })
5999
6079
  }))
6000
6080
  })), jsx("div", Object.assign({
6001
- css: styles$b.zipWrapper
6081
+ css: styles$c.zipWrapper
6002
6082
  }, {
6003
6083
  children: jsx("div", Object.assign({
6004
- css: styles$b.grow
6084
+ css: styles$c.grow
6005
6085
  }, {
6006
6086
  children: jsx(TextInput, {
6007
6087
  control: form.control,
@@ -6087,14 +6167,15 @@ fixRegExpWellKnownSymbolLogic('match', function (MATCH, nativeMatch, maybeCallNa
6087
6167
  });
6088
6168
 
6089
6169
  extendZod();
6090
- const refineName = n => n.match(/^[a-zA-Z]{2,} [a-zA-Z]{2,}/);
6170
+ const refineName = n => n.match(/^[a-zA-Z']{2,} [a-zA-Z']{2,}/);
6091
6171
  const addressLine1Schema = z.string().trim().min(1);
6092
6172
  const addressLine2Schema = z.string().trim().nullishDefault(undefined);
6173
+ const companyNameSchema = z.string().trim().min(2).max(40).nullishDefault(undefined).or(z.literal("")).transform(companyName => companyName || undefined);
6093
6174
  const addressSchema = z.object({
6094
6175
  addressLine1: addressLine1Schema,
6095
6176
  addressLine2: addressLine2Schema,
6096
6177
  cityLocality: z.string().trim().min(1),
6097
- companyName: z.string().trim().min(2).max(40).nullishDefault(undefined),
6178
+ companyName: companyNameSchema,
6098
6179
  countryCode: z.enum(countryCodes),
6099
6180
  name: z.string().trim().min(1).refine(refineName, "schemaErrors.invalidAddressName"),
6100
6181
  phone: z.string().trim().nullishDefault(""),
@@ -6229,7 +6310,7 @@ const AddressForm = ({
6229
6310
  }));
6230
6311
  };
6231
6312
 
6232
- const styles$a = createStyles({
6313
+ const styles$b = createStyles({
6233
6314
  agreement: {
6234
6315
  alignItems: "center",
6235
6316
  display: "flex",
@@ -6299,10 +6380,10 @@ const DisplayCarrierTerms = c => {
6299
6380
  const listCarrierLinks = () => {
6300
6381
  return c.carrierTerms.links.map((term, index) => {
6301
6382
  return jsx("li", Object.assign({
6302
- css: styles$a.listItems
6383
+ css: styles$b.listItems
6303
6384
  }, {
6304
6385
  children: jsx(Link, Object.assign({
6305
- css: styles$a.link,
6386
+ css: styles$b.link,
6306
6387
  href: term.url,
6307
6388
  isExternal: true,
6308
6389
  target: "_blank"
@@ -6318,18 +6399,18 @@ const DisplayCarrierTerms = c => {
6318
6399
  };
6319
6400
  const listCarrierTerms = () => {
6320
6401
  return jsxs("div", Object.assign({
6321
- css: styles$a.terms
6402
+ css: styles$b.terms
6322
6403
  }, {
6323
6404
  children: [jsx(Typography, Object.assign({
6324
6405
  variant: "subtitle1"
6325
6406
  }, {
6326
6407
  children: c.carrierTerms.title
6327
6408
  })), jsx("div", Object.assign({
6328
- css: styles$a.terms
6409
+ css: styles$b.terms
6329
6410
  }, {
6330
6411
  children: listCarrierContent()
6331
6412
  })), jsx("ul", Object.assign({
6332
- css: styles$a.links
6413
+ css: styles$b.links
6333
6414
  }, {
6334
6415
  children: listCarrierLinks()
6335
6416
  }))]
@@ -6559,7 +6640,7 @@ const AddressDisplay = ({
6559
6640
  }));
6560
6641
  };
6561
6642
 
6562
- const styles$9 = createStyles({
6643
+ const styles$a = createStyles({
6563
6644
  container: theme => ({
6564
6645
  display: "flex",
6565
6646
  gap: theme.spacing()
@@ -6597,13 +6678,13 @@ const Disclosure = ({
6597
6678
  }, [open]);
6598
6679
  return jsxs(Fragment, {
6599
6680
  children: [jsxs("div", Object.assign({
6600
- css: styles$9.container
6681
+ css: styles$a.container
6601
6682
  }, {
6602
6683
  children: [jsx("div", {
6603
6684
  children: label
6604
6685
  }), _showToggle && jsx("button", Object.assign({
6605
6686
  "aria-expanded": isOpen,
6606
- css: styles$9.toggle,
6687
+ css: styles$a.toggle,
6607
6688
  onClick: () => {
6608
6689
  setIsOpen(!isOpen);
6609
6690
  onToggle(!isOpen);
@@ -6611,12 +6692,12 @@ const Disclosure = ({
6611
6692
  type: "button"
6612
6693
  }, {
6613
6694
  children: jsx(Icon, {
6614
- css: styles$9.icon,
6695
+ css: styles$a.icon,
6615
6696
  name: isOpen ? IconNames.CHEVRON_TOP : IconNames.CHEVRON_BOTTOM
6616
6697
  })
6617
6698
  }))]
6618
6699
  })), isOpen && jsx("div", Object.assign({
6619
- css: styles$9.content
6700
+ css: styles$a.content
6620
6701
  }, {
6621
6702
  children: typeof children === "function" ? children(() => setIsOpen(!isOpen)) : children
6622
6703
  }))]
@@ -6756,7 +6837,7 @@ const getCarrierRecoverySchema = requiresAddress => z.object({
6756
6837
  address: requiresAddress ? baseSchema : baseSchema.optional()
6757
6838
  });
6758
6839
 
6759
- const styles$8 = createStyles({
6840
+ const styles$9 = createStyles({
6760
6841
  grid: theme => ({
6761
6842
  margin: theme.spacing(4)
6762
6843
  }),
@@ -6799,7 +6880,7 @@ const CarrierRecoveryForm = ({
6799
6880
  onSubmit: formLogger.capture(handleSubmit)
6800
6881
  }, {
6801
6882
  children: jsxs(Grid, Object.assign({
6802
- css: styles$8.grid,
6883
+ css: styles$9.grid,
6803
6884
  noPadding: true
6804
6885
  }, {
6805
6886
  children: [requiresAddress && jsxs(Fragment, {
@@ -6807,14 +6888,14 @@ const CarrierRecoveryForm = ({
6807
6888
  colSpan: 12
6808
6889
  }, {
6809
6890
  children: jsx(Typography, Object.assign({
6810
- css: styles$8.heading,
6891
+ css: styles$9.heading,
6811
6892
  variant: "heading4"
6812
6893
  }, {
6813
6894
  children: t("register-wallet:sections.carriers.title")
6814
6895
  }))
6815
6896
  })), jsx(GridChild, Object.assign({
6816
6897
  colSpan: 12,
6817
- css: styles$8.subtitle
6898
+ css: styles$9.subtitle
6818
6899
  }, {
6819
6900
  children: jsx(Typography, Object.assign({
6820
6901
  variant: "subtitle1"
@@ -6900,7 +6981,7 @@ const CarrierTermsForm = ({
6900
6981
  onSubmit(payload.agreement);
6901
6982
  }));
6902
6983
  return jsxs("div", Object.assign({
6903
- css: styles$a.termsForm,
6984
+ css: styles$b.termsForm,
6904
6985
  "data-testid": "carrier-terms-form"
6905
6986
  }, {
6906
6987
  children: [jsx(Typography, Object.assign({
@@ -6916,7 +6997,7 @@ const CarrierTermsForm = ({
6916
6997
  })), jsx(Spacer, {
6917
6998
  multiplier: 1
6918
6999
  }), jsx("div", Object.assign({
6919
- css: styles$a.carrierLogos
7000
+ css: styles$b.carrierLogos
6920
7001
  }, {
6921
7002
  children: metadatas.map(({
6922
7003
  name,
@@ -6932,7 +7013,7 @@ const CarrierTermsForm = ({
6932
7013
  onSubmit: formLogger.capture(handleSubmit)
6933
7014
  }, {
6934
7015
  children: jsxs("div", Object.assign({
6935
- css: styles$a.agreement
7016
+ css: styles$b.agreement
6936
7017
  }, {
6937
7018
  children: [jsx("div", {
6938
7019
  children: jsx(CheckboxInput, {
@@ -6959,12 +7040,12 @@ const CarrierTermsForm = ({
6959
7040
  name: "agreement"
6960
7041
  })
6961
7042
  }), showTerms && jsxs("div", Object.assign({
6962
- css: styles$a.well
7043
+ css: styles$b.well
6963
7044
  }, {
6964
- children: [terms.map((t, idx) => jsx(DisplayCarrierTerms, {
7045
+ children: [terms.map(t => jsx(DisplayCarrierTerms, {
6965
7046
  carrierTerms: t
6966
- }, idx)), jsx("div", Object.assign({
6967
- css: styles$a.close
7047
+ }, t.title)), jsx("div", Object.assign({
7048
+ css: styles$b.close
6968
7049
  }, {
6969
7050
  children: jsx(Button, Object.assign({
6970
7051
  onClick: () => setShowTerms(false),
@@ -7352,7 +7433,7 @@ const LandingPageForm = ({
7352
7433
  }));
7353
7434
  };
7354
7435
 
7355
- const styles$7 = createStyles({
7436
+ const styles$8 = createStyles({
7356
7437
  container: theme => ({
7357
7438
  padding: theme.spacing(2)
7358
7439
  }),
@@ -7374,11 +7455,11 @@ const LandingPage = ({
7374
7455
  t
7375
7456
  } = useTranslation();
7376
7457
  return jsxs("div", Object.assign({
7377
- css: styles$7.container,
7458
+ css: styles$8.container,
7378
7459
  "data-testid": "landing-page"
7379
7460
  }, {
7380
7461
  children: [jsxs("div", Object.assign({
7381
- css: styles$7.header
7462
+ css: styles$8.header
7382
7463
  }, {
7383
7464
  children: [jsx(Typography, Object.assign({
7384
7465
  variant: "heading4"
@@ -7396,21 +7477,28 @@ const LandingPage = ({
7396
7477
  })), jsx(LandingPageForm, {
7397
7478
  onSubmit: onSubmit
7398
7479
  }), jsxs("div", Object.assign({
7399
- css: styles$7.header
7480
+ css: styles$8.header
7400
7481
  }, {
7401
7482
  children: [jsx(Spacer, {
7402
7483
  multiplier: 6
7403
7484
  }), jsx(Typography, Object.assign({
7404
7485
  variant: "subtitle1"
7405
7486
  }, {
7406
- children: t("onboarding:landing.descriptionTitle")
7487
+ children: t("onboarding:landing.welcome")
7488
+ })), jsx(Spacer, {
7489
+ multiplier: 2
7490
+ }), jsx(Typography, Object.assign({
7491
+ css: styles$8.description,
7492
+ variant: "body1"
7493
+ }, {
7494
+ children: t("onboarding:landing.messageLine1")
7407
7495
  })), jsx(Spacer, {
7408
7496
  multiplier: 2
7409
7497
  }), jsx(Typography, Object.assign({
7410
- css: styles$7.description,
7498
+ css: styles$8.description,
7411
7499
  variant: "body1"
7412
7500
  }, {
7413
- children: t("onboarding:landing.description")
7501
+ children: t("onboarding:landing.messageLine2")
7414
7502
  })), jsx(Spacer, {
7415
7503
  multiplier: 2
7416
7504
  })]
@@ -7418,77 +7506,76 @@ const LandingPage = ({
7418
7506
  }));
7419
7507
  };
7420
7508
 
7421
- 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)."; }
7422
- const getAccordionSummaryStyles = theme => /*#__PURE__*/css$1({
7423
- // Needed to hide marker in safari
7424
- "&::-webkit-details-marker": {
7425
- display: "none"
7426
- },
7427
- "&::marker": {
7428
- content: '""'
7509
+ const styles$7 = createStyles({
7510
+ icon: theme => ({
7511
+ color: theme.palette.primary.main,
7512
+ marginRight: theme.spacing(2)
7513
+ }),
7514
+ rightContentWrapper: {
7515
+ marginLeft: "auto"
7429
7516
  },
7430
- backgroundColor: theme.palette.gray.ultraLight,
7431
- boxSizing: "border-box",
7432
- listStyle: "none",
7433
- padding: `${theme.spacing()}px ${theme.spacing(4)}px`,
7434
- width: "100%"
7435
- }, process.env.NODE_ENV === "production" ? "" : ";label:getAccordionSummaryStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFjY29yZGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ29EIiwiZmlsZSI6ImFjY29yZGlvbi5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcclxuZXhwb3J0IGNvbnN0IGdldEFjY29yZGlvblN1bW1hcnlTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICAvLyBOZWVkZWQgdG8gaGlkZSBtYXJrZXIgaW4gc2FmYXJpXHJcbiAgICBcIiY6Oi13ZWJraXQtZGV0YWlscy1tYXJrZXJcIjoge1xyXG4gICAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxyXG4gICAgfSxcclxuICAgIFwiJjo6bWFya2VyXCI6IHtcclxuICAgICAgICBjb250ZW50OiAnXCJcIicsXHJcbiAgICB9LFxyXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLmdyYXkudWx0cmFMaWdodCxcclxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXHJcbiAgICBsaXN0U3R5bGU6IFwibm9uZVwiLFxyXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2luZygpfXB4ICR7dGhlbWUuc3BhY2luZyg0KX1weGAsXHJcbiAgICB3aWR0aDogXCIxMDAlXCIsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0QWNjb3JkaW9uU3VtbWFyeVdyYXBwZXJTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxyXG4gICAgY29sb3I6IHRoZW1lLnBhbGV0dGUuYmxhY2ssXHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIHdpZHRoOiBcIjEwMCVcIixcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRJY29uU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgY29sb3I6IHRoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWluLFxyXG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoMiksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0U2VjdGlvblN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXHJcbiAgICBwYWRkaW5nOiB0aGVtZS5zcGFjaW5nKDQpLFxyXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFJpZ2h0Q29udGVudFdyYXBwZXJTdHlsZXMgPSAoKSA9PiBjc3Moe1xyXG4gICAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXHJcbn0pO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1hY2NvcmRpb24uc3R5bGVzLmpzLm1hcCJdfQ== */");
7436
- const getAccordionSummaryWrapperStyles = theme => /*#__PURE__*/css$1({
7437
- alignItems: "center",
7438
- color: theme.palette.black,
7439
- display: "flex",
7440
- width: "100%"
7441
- }, process.env.NODE_ENV === "production" ? "" : ";label:getAccordionSummaryWrapperStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFjY29yZGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZTJEIiwiZmlsZSI6ImFjY29yZGlvbi5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcclxuZXhwb3J0IGNvbnN0IGdldEFjY29yZGlvblN1bW1hcnlTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICAvLyBOZWVkZWQgdG8gaGlkZSBtYXJrZXIgaW4gc2FmYXJpXHJcbiAgICBcIiY6Oi13ZWJraXQtZGV0YWlscy1tYXJrZXJcIjoge1xyXG4gICAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxyXG4gICAgfSxcclxuICAgIFwiJjo6bWFya2VyXCI6IHtcclxuICAgICAgICBjb250ZW50OiAnXCJcIicsXHJcbiAgICB9LFxyXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLmdyYXkudWx0cmFMaWdodCxcclxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXHJcbiAgICBsaXN0U3R5bGU6IFwibm9uZVwiLFxyXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2luZygpfXB4ICR7dGhlbWUuc3BhY2luZyg0KX1weGAsXHJcbiAgICB3aWR0aDogXCIxMDAlXCIsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0QWNjb3JkaW9uU3VtbWFyeVdyYXBwZXJTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxyXG4gICAgY29sb3I6IHRoZW1lLnBhbGV0dGUuYmxhY2ssXHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIHdpZHRoOiBcIjEwMCVcIixcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRJY29uU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgY29sb3I6IHRoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWluLFxyXG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoMiksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0U2VjdGlvblN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXHJcbiAgICBwYWRkaW5nOiB0aGVtZS5zcGFjaW5nKDQpLFxyXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFJpZ2h0Q29udGVudFdyYXBwZXJTdHlsZXMgPSAoKSA9PiBjc3Moe1xyXG4gICAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXHJcbn0pO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1hY2NvcmRpb24uc3R5bGVzLmpzLm1hcCJdfQ== */");
7442
- const getSectionStyles = theme => /*#__PURE__*/css$1({
7443
- boxSizing: "border-box",
7444
- padding: theme.spacing(4),
7445
- width: "100%"
7446
- }, process.env.NODE_ENV === "production" ? "" : ";label:getSectionStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFjY29yZGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUIyQyIsImZpbGUiOiJhY2NvcmRpb24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBnZXRBY2NvcmRpb25TdW1tYXJ5U3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgLy8gTmVlZGVkIHRvIGhpZGUgbWFya2VyIGluIHNhZmFyaVxyXG4gICAgXCImOjotd2Via2l0LWRldGFpbHMtbWFya2VyXCI6IHtcclxuICAgICAgICBkaXNwbGF5OiBcIm5vbmVcIixcclxuICAgIH0sXHJcbiAgICBcIiY6Om1hcmtlclwiOiB7XHJcbiAgICAgICAgY29udGVudDogJ1wiXCInLFxyXG4gICAgfSxcclxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5ncmF5LnVsdHJhTGlnaHQsXHJcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxyXG4gICAgbGlzdFN0eWxlOiBcIm5vbmVcIixcclxuICAgIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNpbmcoKX1weCAke3RoZW1lLnNwYWNpbmcoNCl9cHhgLFxyXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFjY29yZGlvblN1bW1hcnlXcmFwcGVyU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcclxuICAgIGNvbG9yOiB0aGVtZS5wYWxldHRlLmJsYWNrLFxyXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXHJcbiAgICB3aWR0aDogXCIxMDAlXCIsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0SWNvblN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGNvbG9yOiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbixcclxuICAgIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjaW5nKDIpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFNlY3Rpb25TdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxyXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2luZyg0KSxcclxuICAgIHdpZHRoOiBcIjEwMCVcIixcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRSaWdodENvbnRlbnRXcmFwcGVyU3R5bGVzID0gKCkgPT4gY3NzKHtcclxuICAgIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxyXG59KTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9YWNjb3JkaW9uLnN0eWxlcy5qcy5tYXAiXX0= */");
7447
- var _ref$2 = process.env.NODE_ENV === "production" ? {
7448
- name: "1o3nkn",
7449
- styles: "margin-left:auto"
7450
- } : {
7451
- name: "14rm3c-getRightContentWrapperStyles",
7452
- styles: "margin-left:auto;label:getRightContentWrapperStyles;",
7453
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFjY29yZGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJrRCIsImZpbGUiOiJhY2NvcmRpb24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBnZXRBY2NvcmRpb25TdW1tYXJ5U3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgLy8gTmVlZGVkIHRvIGhpZGUgbWFya2VyIGluIHNhZmFyaVxyXG4gICAgXCImOjotd2Via2l0LWRldGFpbHMtbWFya2VyXCI6IHtcclxuICAgICAgICBkaXNwbGF5OiBcIm5vbmVcIixcclxuICAgIH0sXHJcbiAgICBcIiY6Om1hcmtlclwiOiB7XHJcbiAgICAgICAgY29udGVudDogJ1wiXCInLFxyXG4gICAgfSxcclxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5ncmF5LnVsdHJhTGlnaHQsXHJcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxyXG4gICAgbGlzdFN0eWxlOiBcIm5vbmVcIixcclxuICAgIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNpbmcoKX1weCAke3RoZW1lLnNwYWNpbmcoNCl9cHhgLFxyXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldEFjY29yZGlvblN1bW1hcnlXcmFwcGVyU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcclxuICAgIGNvbG9yOiB0aGVtZS5wYWxldHRlLmJsYWNrLFxyXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXHJcbiAgICB3aWR0aDogXCIxMDAlXCIsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0SWNvblN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGNvbG9yOiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbixcclxuICAgIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjaW5nKDIpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFNlY3Rpb25TdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxyXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2luZyg0KSxcclxuICAgIHdpZHRoOiBcIjEwMCVcIixcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRSaWdodENvbnRlbnRXcmFwcGVyU3R5bGVzID0gKCkgPT4gY3NzKHtcclxuICAgIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxyXG59KTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9YWNjb3JkaW9uLnN0eWxlcy5qcy5tYXAiXX0= */",
7454
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
7455
- };
7456
- const getRightContentWrapperStyles = () => _ref$2;
7517
+ section: theme => ({
7518
+ boxSizing: "border-box",
7519
+ padding: `${theme.spacing(3)}px ${theme.spacing(4)}px`,
7520
+ width: "100%"
7521
+ }),
7522
+ summary: theme => ({
7523
+ // Needed to hide marker in safari
7524
+ "&::-webkit-details-marker": {
7525
+ display: "none"
7526
+ },
7527
+ "&::marker": {
7528
+ content: '""'
7529
+ },
7530
+ backgroundColor: theme.palette.gray.ultraLight,
7531
+ boxSizing: "border-box",
7532
+ listStyle: "none",
7533
+ padding: `${theme.spacing()}px ${theme.spacing(4)}px`,
7534
+ width: "100%"
7535
+ }),
7536
+ summaryWrapper: theme => ({
7537
+ alignItems: "center",
7538
+ color: theme.palette.black,
7539
+ display: "flex",
7540
+ width: "100%"
7541
+ })
7542
+ });
7457
7543
 
7458
- const Accordion = _a => {
7544
+ const Section = _a => {
7459
7545
  var {
7460
- initialExpanded,
7546
+ bold,
7461
7547
  title,
7462
7548
  children,
7463
7549
  rightContent
7464
7550
  } = _a,
7465
- rest = __rest(_a, ["initialExpanded", "title", "children", "rightContent"]);
7551
+ rest = __rest(_a, ["bold", "title", "children", "rightContent"]);
7466
7552
  return jsxs(Fragment, {
7467
7553
  children: [title && jsx("summary", Object.assign({
7468
- css: getAccordionSummaryStyles
7554
+ css: styles$7.summary
7469
7555
  }, {
7470
7556
  children: jsxs("div", Object.assign({
7471
- css: getAccordionSummaryWrapperStyles
7557
+ css: styles$7.summaryWrapper
7472
7558
  }, {
7473
7559
  children: [jsx(Typography, Object.assign({
7560
+ bold: bold,
7474
7561
  variant: "heading5"
7475
7562
  }, {
7476
7563
  children: title
7477
7564
  })), rightContent && jsx("div", Object.assign({
7478
- css: getRightContentWrapperStyles
7565
+ css: styles$7.rightContentWrapper
7479
7566
  }, {
7480
7567
  children: rightContent
7481
7568
  }))]
7482
7569
  }))
7483
7570
  })), jsx("section", Object.assign({
7484
- css: getSectionStyles
7571
+ css: styles$7.section
7485
7572
  }, rest, {
7486
7573
  children: children
7487
7574
  }))]
7488
7575
  });
7489
7576
  };
7490
7577
 
7491
- const getStyles$4 = (isConnected = false) => createStyles({
7578
+ const getStyles$5 = (isConnected = false) => createStyles({
7492
7579
  connectButton: theme => [{
7493
7580
  padding: `0 ${theme.spacing(.5)}px`
7494
7581
  }, isConnected && {
@@ -7548,14 +7635,14 @@ const ListCarriersRow = ({
7548
7635
  setIsSubmitting(false);
7549
7636
  });
7550
7637
  return jsxs("div", Object.assign({
7551
- css: getStyles$4().container,
7638
+ css: getStyles$5().container,
7552
7639
  "data-testid": "carrier-row"
7553
7640
  }, {
7554
7641
  children: [jsxs("div", Object.assign({
7555
- css: getStyles$4().rowContainer
7642
+ css: getStyles$5().rowContainer
7556
7643
  }, {
7557
7644
  children: [jsxs("div", Object.assign({
7558
- css: getStyles$4().logoContainer
7645
+ css: getStyles$5().logoContainer
7559
7646
  }, {
7560
7647
  children: [jsx("div", {
7561
7648
  children: jsx("img", {
@@ -7573,7 +7660,7 @@ const ListCarriersRow = ({
7573
7660
  css: _ref$1
7574
7661
  }, {
7575
7662
  children: jsx(LinkAction, {
7576
- css: getStyles$4(isConnected).connectButton,
7663
+ css: getStyles$5(isConnected).connectButton,
7577
7664
  isDisabled: isConnected || showDropDown,
7578
7665
  isLoading: isSubmitting,
7579
7666
  onClick: () => __awaiter(void 0, void 0, void 0, function* () {
@@ -7627,8 +7714,7 @@ const ListCarriers$1 = ({
7627
7714
  const {
7628
7715
  t
7629
7716
  } = useTranslation();
7630
- return jsxs(Accordion, Object.assign({
7631
- initialExpanded: true,
7717
+ return jsxs(Section, Object.assign({
7632
7718
  title: t("list-carriers:headers.carriers")
7633
7719
  }, {
7634
7720
  children: [!isLoading && !!(errors === null || errors === void 0 ? void 0 : errors.length) && jsxs(Fragment, {
@@ -7695,96 +7781,379 @@ const LoadingSkeletonRow = () => {
7695
7781
  }));
7696
7782
  };
7697
7783
 
7698
- const styles$5 = createStyles({
7699
- body: theme => ({
7700
- borderTop: `1px solid ${theme.palette.gray.light}`,
7701
- color: theme.palette.black,
7702
- lineHeight: theme.spacing(0.05),
7703
- marginRight: theme.spacing(2),
7704
- padding: theme.spacing(2),
7705
- textTransform: "uppercase",
7706
- width: "100%"
7707
- }),
7708
- container: theme => ({
7709
- border: `1px solid ${theme.palette.gray.light}`,
7710
- borderRadius: theme.borderRadius.M,
7711
- boxSizing: "border-box",
7712
- width: "100%"
7713
- }),
7714
- header: theme => ({
7715
- alignItems: "center",
7716
- borderRadius: 2,
7717
- color: theme.palette.black,
7718
- display: "flex",
7719
- justifyContent: "space-between",
7720
- padding: theme.spacing(2),
7721
- width: "100%"
7722
- }),
7723
- title: theme => ({
7724
- alignItems: "center",
7725
- display: "flex",
7726
- gap: theme.spacing(),
7727
- justifyContent: "space-between"
7728
- }),
7729
- verticalContainer: theme => ({
7730
- alignItems: "center",
7731
- border: `1px solid ${theme.palette.gray.light}`,
7732
- borderRadius: theme.borderRadius.M,
7733
- boxSizing: "border-box",
7734
- display: "flex",
7735
- height: "100%",
7736
- width: "100%"
7737
- })
7738
- });
7739
-
7740
- const SettingsCard = ({
7741
- accessoryAction,
7742
- cardAction,
7743
- children,
7744
- subtitle,
7745
- title,
7746
- verticallyAligned
7784
+ const AddressPreferenceSelect = ({
7785
+ onCancel,
7786
+ onSubmit,
7787
+ originAddress,
7788
+ returnAddress
7747
7789
  }) => {
7748
- return jsxs("div", Object.assign({
7749
- css: verticallyAligned ? styles$5.verticalContainer : styles$5.container,
7750
- "data-testid": "settingsCard"
7751
- }, {
7752
- children: [jsxs("div", Object.assign({
7753
- css: styles$5.header
7754
- }, {
7755
- children: [jsxs("div", Object.assign({
7756
- css: styles$5.title
7757
- }, {
7758
- children: [typeof title === "string" ? jsx(Typography, Object.assign({
7759
- variant: "subtitle2"
7760
- }, {
7761
- children: title
7762
- })) : title, subtitle && jsx(Tag, Object.assign({
7763
- color: TagColor.GRAY,
7764
- css: {
7765
- textTransform: "capitalize"
7766
- }
7767
- }, {
7768
- children: subtitle
7769
- }))]
7770
- })), jsx("div", Object.assign({
7771
- css: {
7772
- flexShrink: 0
7773
- }
7774
- }, {
7775
- children: jsx(Link, Object.assign({
7776
- onClick: cardAction.action,
7777
- role: "button"
7778
- }, {
7779
- children: jsx(Typography, Object.assign({
7780
- css: theme => ({
7781
- flexShrink: 0,
7782
- fontWeight: theme.typography.fontWeight.bold
7783
- }),
7784
- variant: "body2"
7785
- }, {
7786
- children: cardAction.name
7787
- }))
7790
+ const {
7791
+ t
7792
+ } = useTranslation(["manage-warehouses", "common"]);
7793
+ const determineAddressValidationType = address => {
7794
+ if (!address) return undefined;
7795
+ switch (address.validationType) {
7796
+ case "EXACT":
7797
+ case "SOFT":
7798
+ return address.address;
7799
+ case "SUGGESTED":
7800
+ return address.validation.matchedAddress;
7801
+ case "ERROR":
7802
+ return address.validation.originalAddress;
7803
+ default:
7804
+ return undefined;
7805
+ }
7806
+ };
7807
+ const [originAddressSelection, setOriginAddressSelection] = useState({
7808
+ address: determineAddressValidationType(originAddress),
7809
+ addressType: "suggested"
7810
+ });
7811
+ const [returnAddressSelection, setReturnAddressSelection] = useState({
7812
+ address: determineAddressValidationType(returnAddress),
7813
+ addressType: "suggested"
7814
+ });
7815
+ const AddressPreferenceDisplay = ({
7816
+ name,
7817
+ onSelect,
7818
+ warehousePreference,
7819
+ selectedAddress
7820
+ }) => {
7821
+ var _a, _b;
7822
+ switch (warehousePreference.validationType) {
7823
+ case "EXACT":
7824
+ case "SOFT":
7825
+ return jsx(AddressDisplay, {
7826
+ address: warehousePreference.address
7827
+ });
7828
+ case "SUGGESTED":
7829
+ return jsxs(RadioGroup, Object.assign({
7830
+ name: name,
7831
+ onChange: e => {
7832
+ if (warehousePreference.validation.matchedAddress && e.target.value === "suggested") {
7833
+ onSelect({
7834
+ address: warehousePreference.validation.matchedAddress,
7835
+ addressType: "suggested"
7836
+ });
7837
+ } else {
7838
+ onSelect({
7839
+ address: warehousePreference.validation.originalAddress,
7840
+ addressType: "original"
7841
+ });
7842
+ }
7843
+ },
7844
+ value: selectedAddress.addressType
7845
+ }, {
7846
+ children: [jsx(Spacer, {
7847
+ multiplier: 1
7848
+ }), jsx(Radio, Object.assign({
7849
+ value: "suggested"
7850
+ }, {
7851
+ children: t("common:address.preference.matchedAddress")
7852
+ })), warehousePreference.validation.matchedAddress && jsx(GridChild, Object.assign({
7853
+ colSpan: 6,
7854
+ colStart: 4,
7855
+ css: theme => ({
7856
+ paddingLeft: theme.spacing(3)
7857
+ })
7858
+ }, {
7859
+ children: jsx(AddressDisplay, {
7860
+ address: warehousePreference.validation.matchedAddress
7861
+ })
7862
+ })), jsx(Spacer, {
7863
+ multiplier: 1
7864
+ }), jsx(Radio, Object.assign({
7865
+ value: "original"
7866
+ }, {
7867
+ children: t("common:address.preference.originalAddress")
7868
+ })), jsx(Spacer, {
7869
+ multiplier: 1
7870
+ }), jsx(GridChild, Object.assign({
7871
+ colSpan: 6,
7872
+ colStart: 4,
7873
+ css: theme => ({
7874
+ paddingLeft: theme.spacing(3)
7875
+ })
7876
+ }, {
7877
+ children: jsx(AddressDisplay, {
7878
+ address: (_a = warehousePreference.validation) === null || _a === void 0 ? void 0 : _a.originalAddress
7879
+ })
7880
+ }))]
7881
+ }));
7882
+ case "ERROR":
7883
+ return jsxs(Fragment, {
7884
+ children: [jsx(Spacer, {
7885
+ multiplier: 1
7886
+ }), jsx(GridChild, Object.assign({
7887
+ colSpan: 8,
7888
+ css: theme => ({
7889
+ paddingLeft: theme.spacing(1)
7890
+ })
7891
+ }, {
7892
+ children: jsx(InlineNotification, Object.assign({
7893
+ type: NotificationType.ALERT
7894
+ }, {
7895
+ children: t("address.preference.unableToValidate")
7896
+ }))
7897
+ })), jsx(Spacer, {
7898
+ multiplier: 1
7899
+ }), jsx(GridChild, Object.assign({
7900
+ css: theme => ({
7901
+ paddingLeft: theme.spacing(1)
7902
+ })
7903
+ }, {
7904
+ children: jsx(AddressDisplay, {
7905
+ address: (_b = warehousePreference.validation) === null || _b === void 0 ? void 0 : _b.originalAddress
7906
+ })
7907
+ }))]
7908
+ });
7909
+ default:
7910
+ // This code path should never be reached.
7911
+ return jsx("div", {
7912
+ children: "not found"
7913
+ });
7914
+ }
7915
+ };
7916
+ return jsxs(Fragment, {
7917
+ children: [jsxs(Grid, Object.assign({
7918
+ "data-testid": "warehousePreferenceSelect",
7919
+ noPadding: true
7920
+ }, {
7921
+ children: [jsx(GridChild, Object.assign({
7922
+ colSpan: 12
7923
+ }, {
7924
+ children: jsx(Typography, Object.assign({
7925
+ variant: "subtitle2"
7926
+ }, {
7927
+ children: t("common:address.preference.title")
7928
+ }))
7929
+ })), jsxs(GridChild, Object.assign({
7930
+ colSpan: 8
7931
+ }, {
7932
+ children: [jsx(Typography, Object.assign({
7933
+ css: {
7934
+ textTransform: "capitalize"
7935
+ },
7936
+ variant: "subtitle2"
7937
+ }, {
7938
+ children: t("manage-warehouses:shipFrom")
7939
+ })), originAddress && jsx(AddressPreferenceDisplay, {
7940
+ name: "originAddressPreference",
7941
+ onSelect: selection => setOriginAddressSelection(selection),
7942
+ selectedAddress: originAddressSelection,
7943
+ warehousePreference: originAddress
7944
+ })]
7945
+ })), returnAddress && jsxs(GridChild, Object.assign({
7946
+ colSpan: 8
7947
+ }, {
7948
+ children: [jsx(Typography, Object.assign({
7949
+ css: {
7950
+ textTransform: "capitalize"
7951
+ },
7952
+ variant: "subtitle2"
7953
+ }, {
7954
+ children: t("manage-warehouses:returnTo")
7955
+ })), jsx(AddressPreferenceDisplay, {
7956
+ name: "returnAddressPreference",
7957
+ onSelect: selection => setReturnAddressSelection(selection),
7958
+ selectedAddress: returnAddressSelection,
7959
+ warehousePreference: returnAddress
7960
+ })]
7961
+ }))]
7962
+ })), jsxs(ButtonGroup, Object.assign({
7963
+ justify: "end"
7964
+ }, {
7965
+ children: [onCancel && jsx(Button, Object.assign({
7966
+ bold: false,
7967
+ onClick: onCancel,
7968
+ type: "button",
7969
+ variant: ButtonVariant.TEXT
7970
+ }, {
7971
+ children: t("actions.cancel")
7972
+ })), jsx(Button, Object.assign({
7973
+ onClick: () => onSubmit({
7974
+ originAddress: originAddressSelection.address,
7975
+ returnAddress: returnAddressSelection.address
7976
+ }),
7977
+ variant: ButtonVariant.OUTLINED
7978
+ }, {
7979
+ children: t("common:address.preference.confirm")
7980
+ }))]
7981
+ }))]
7982
+ });
7983
+ };
7984
+
7985
+ const AddressPreferenceContext = /*#__PURE__*/createContext(undefined);
7986
+ const AddressPreferenceProvider = props => {
7987
+ const {
7988
+ children,
7989
+ className,
7990
+ formHeader,
7991
+ onSubmit
7992
+ } = props;
7993
+ const [passengerData, setPassengerData] = useState();
7994
+ const {
7995
+ validate: validateAddress,
7996
+ validationPreference,
7997
+ setValidationPreference
7998
+ } = useAddressValidation();
7999
+ const internalValidateAddress = payload => __awaiter(void 0, void 0, void 0, function* () {
8000
+ const {
8001
+ addresses,
8002
+ onValid,
8003
+ data
8004
+ } = payload;
8005
+ const validationPreference = yield validateAddress(addresses);
8006
+ const {
8007
+ originAddress,
8008
+ returnAddress
8009
+ } = validationPreference;
8010
+ setPassengerData(data);
8011
+ if (_$2.isEqual(addresses.originAddress, _$2.omit(validationPreference.originAddress, ["addressLine3", "addressResidentialIndicator"]))) {
8012
+ yield onValid({
8013
+ originAddress: addresses.originAddress,
8014
+ returnAddress: addresses === null || addresses === void 0 ? void 0 : addresses.returnAddress
8015
+ });
8016
+ setValidationPreference(undefined);
8017
+ return;
8018
+ }
8019
+ if ((originAddress.validationType === "EXACT" || originAddress.validationType === "SOFT") && returnAddress && (returnAddress.validationType === "EXACT" || returnAddress.validationType === "SOFT")) {
8020
+ yield onValid({
8021
+ originAddress: originAddress.address,
8022
+ returnAddress: returnAddress.address
8023
+ });
8024
+ setValidationPreference(undefined);
8025
+ return;
8026
+ }
8027
+ if ((originAddress.validationType === "EXACT" || originAddress.validationType === "SOFT") && !returnAddress) {
8028
+ yield onValid({
8029
+ originAddress: originAddress.address
8030
+ });
8031
+ setValidationPreference(undefined);
8032
+ return;
8033
+ }
8034
+ });
8035
+ return jsx(AddressPreferenceContext.Provider, Object.assign({
8036
+ value: {
8037
+ data: passengerData,
8038
+ validateAddress: internalValidateAddress,
8039
+ validationPreference
8040
+ }
8041
+ }, {
8042
+ children: jsxs("div", Object.assign({
8043
+ className: className
8044
+ }, {
8045
+ children: [formHeader, !validationPreference ? children : jsx(AddressPreferenceSelect, {
8046
+ onCancel: () => setValidationPreference(undefined),
8047
+ onSubmit: payload => __awaiter(void 0, void 0, void 0, function* () {
8048
+ yield onSubmit(Object.assign(Object.assign({}, payload), {
8049
+ passengerData
8050
+ }));
8051
+ setValidationPreference(undefined);
8052
+ }),
8053
+ originAddress: validationPreference.originAddress,
8054
+ returnAddress: validationPreference.returnAddress
8055
+ })]
8056
+ }))
8057
+ }));
8058
+ };
8059
+ const useAddressPreference = () => {
8060
+ const context = useContext(AddressPreferenceContext);
8061
+ if (context === undefined) {
8062
+ throw new Error("useAddressPreference must be used within the AddressPreferenceProvider");
8063
+ }
8064
+ return context;
8065
+ };
8066
+
8067
+ const styles$5 = createStyles({
8068
+ body: theme => ({
8069
+ borderTop: `1px solid ${theme.palette.gray.light}`,
8070
+ color: theme.palette.black,
8071
+ lineHeight: theme.spacing(0.05),
8072
+ marginRight: theme.spacing(2),
8073
+ padding: theme.spacing(2),
8074
+ textTransform: "uppercase",
8075
+ width: "100%"
8076
+ }),
8077
+ container: theme => ({
8078
+ border: `1px solid ${theme.palette.gray.light}`,
8079
+ borderRadius: theme.borderRadius.M,
8080
+ boxSizing: "border-box",
8081
+ width: "100%"
8082
+ }),
8083
+ header: theme => ({
8084
+ alignItems: "center",
8085
+ borderRadius: 2,
8086
+ color: theme.palette.black,
8087
+ display: "flex",
8088
+ justifyContent: "space-between",
8089
+ padding: theme.spacing(2),
8090
+ width: "100%"
8091
+ }),
8092
+ title: theme => ({
8093
+ alignItems: "center",
8094
+ display: "flex",
8095
+ gap: theme.spacing(),
8096
+ justifyContent: "space-between"
8097
+ }),
8098
+ verticalContainer: theme => ({
8099
+ alignItems: "center",
8100
+ border: `1px solid ${theme.palette.gray.light}`,
8101
+ borderRadius: theme.borderRadius.M,
8102
+ boxSizing: "border-box",
8103
+ display: "flex",
8104
+ height: "100%",
8105
+ width: "100%"
8106
+ })
8107
+ });
8108
+
8109
+ const SettingsCard = ({
8110
+ accessoryAction,
8111
+ cardAction,
8112
+ children,
8113
+ subtitle,
8114
+ title,
8115
+ verticallyAligned
8116
+ }) => {
8117
+ return jsxs("div", Object.assign({
8118
+ css: verticallyAligned ? styles$5.verticalContainer : styles$5.container,
8119
+ "data-testid": "settingsCard"
8120
+ }, {
8121
+ children: [jsxs("div", Object.assign({
8122
+ css: styles$5.header
8123
+ }, {
8124
+ children: [jsxs("div", Object.assign({
8125
+ css: styles$5.title
8126
+ }, {
8127
+ children: [typeof title === "string" ? jsx(Typography, Object.assign({
8128
+ variant: "subtitle2"
8129
+ }, {
8130
+ children: title
8131
+ })) : title, subtitle && jsx(Tag, Object.assign({
8132
+ color: TagColor.GRAY,
8133
+ css: {
8134
+ textTransform: "capitalize"
8135
+ }
8136
+ }, {
8137
+ children: subtitle
8138
+ }))]
8139
+ })), jsx("div", Object.assign({
8140
+ css: {
8141
+ flexShrink: 0
8142
+ }
8143
+ }, {
8144
+ children: jsx(Link, Object.assign({
8145
+ onClick: cardAction.action,
8146
+ role: "button"
8147
+ }, {
8148
+ children: jsx(Typography, Object.assign({
8149
+ css: theme => ({
8150
+ flexShrink: 0,
8151
+ fontWeight: theme.typography.fontWeight.bold
8152
+ }),
8153
+ variant: "body2"
8154
+ }, {
8155
+ children: cardAction.name
8156
+ }))
7788
8157
  }))
7789
8158
  }))]
7790
8159
  })), children && jsx("div", Object.assign({
@@ -7912,6 +8281,9 @@ const WarehouseForm = ({
7912
8281
  const {
7913
8282
  t
7914
8283
  } = useTranslation(["common", "manage-warehouses"]);
8284
+ const {
8285
+ validateAddress
8286
+ } = useAddressPreference();
7915
8287
  const form = useForm({
7916
8288
  defaultValues: warehouse ? Object.assign(Object.assign({}, warehouse), {
7917
8289
  isDefault: warehouse.isDefault,
@@ -7934,7 +8306,19 @@ const WarehouseForm = ({
7934
8306
  const handleSubmit = form.handleSubmit(values => __awaiter(void 0, void 0, void 0, function* () {
7935
8307
  const _a = values,
7936
8308
  payload = __rest(_a, ["returnToAddressIsDifferent"]);
7937
- yield onSubmit(payload);
8309
+ yield validateAddress({
8310
+ addresses: payload,
8311
+ data: {
8312
+ isDefault: payload.isDefault,
8313
+ name: payload.name
8314
+ },
8315
+ onValid: validatedAddressesPayload => {
8316
+ onSubmit(Object.assign(Object.assign({}, validatedAddressesPayload), {
8317
+ isDefault: payload.isDefault,
8318
+ name: payload.name
8319
+ }));
8320
+ }
8321
+ });
7938
8322
  }));
7939
8323
  return jsxs("form", Object.assign({
7940
8324
  id: "warehouse-form",
@@ -8010,289 +8394,22 @@ const WarehouseForm = ({
8010
8394
  }, {
8011
8395
  children: [onCancel && jsx(Button, Object.assign({
8012
8396
  bold: false,
8013
- onClick: onCancel,
8014
- type: "button",
8015
- variant: ButtonVariant.TEXT
8016
- }, {
8017
- children: t("actions.cancel")
8018
- })), jsx(SubmitButton, Object.assign({
8019
- control: form.control,
8020
- "data-testid": "warehouseFormSubmitButton",
8021
- form: "warehouse-form",
8022
- requireDirty: true,
8023
- variant: _isOnboarding ? ButtonVariant.FILLED : ButtonVariant.OUTLINED
8024
- }, {
8025
- children: submitButtonTitle
8026
- }))]
8027
- }))]
8028
- }))]
8029
- }));
8030
- };
8031
-
8032
- const WarehousePreferenceSelect = ({
8033
- onCancel,
8034
- onSubmit,
8035
- originAddress,
8036
- returnAddress
8037
- }) => {
8038
- const {
8039
- t
8040
- } = useTranslation(["manage-warehouses", "common"]);
8041
- const determineAddressValidationType = address => {
8042
- if (!address) return undefined;
8043
- switch (address.validationType) {
8044
- case "EXACT":
8045
- case "SOFT":
8046
- return address.address;
8047
- case "SUGGESTED":
8048
- return address.validation.matchedAddress;
8049
- case "ERROR":
8050
- return address.validation.originalAddress;
8051
- default:
8052
- return undefined;
8053
- }
8054
- };
8055
- const [originAddressSelection, setOriginAddressSelection] = useState({
8056
- address: determineAddressValidationType(originAddress),
8057
- addressType: "suggested"
8058
- });
8059
- const [returnAddressSelection, setReturnAddressSelection] = useState({
8060
- address: determineAddressValidationType(returnAddress),
8061
- addressType: "suggested"
8062
- });
8063
- const AddressPreferenceDisplay = ({
8064
- name,
8065
- onSelect,
8066
- warehousePreference,
8067
- selectedAddress
8068
- }) => {
8069
- var _a, _b;
8070
- switch (warehousePreference.validationType) {
8071
- case "EXACT":
8072
- case "SOFT":
8073
- return jsx(AddressDisplay, {
8074
- address: warehousePreference.address
8075
- });
8076
- case "SUGGESTED":
8077
- return jsxs(RadioGroup, Object.assign({
8078
- name: name,
8079
- onChange: e => {
8080
- if (warehousePreference.validation.matchedAddress && e.target.value === "suggested") {
8081
- onSelect({
8082
- address: warehousePreference.validation.matchedAddress,
8083
- addressType: "suggested"
8084
- });
8085
- } else {
8086
- onSelect({
8087
- address: warehousePreference.validation.originalAddress,
8088
- addressType: "original"
8089
- });
8090
- }
8091
- },
8092
- value: selectedAddress.addressType
8093
- }, {
8094
- children: [jsx(Spacer, {
8095
- multiplier: 1
8096
- }), jsx(Radio, Object.assign({
8097
- value: "suggested"
8098
- }, {
8099
- children: t("common:address.preference.matchedAddress")
8100
- })), warehousePreference.validation.matchedAddress && jsx(GridChild, Object.assign({
8101
- colSpan: 6,
8102
- colStart: 4,
8103
- css: theme => ({
8104
- paddingLeft: theme.spacing(3)
8105
- })
8106
- }, {
8107
- children: jsx(AddressDisplay, {
8108
- address: warehousePreference.validation.matchedAddress
8109
- })
8110
- })), jsx(Spacer, {
8111
- multiplier: 1
8112
- }), jsx(Radio, Object.assign({
8113
- value: "original"
8114
- }, {
8115
- children: t("common:address.preference.originalAddress")
8116
- })), jsx(Spacer, {
8117
- multiplier: 1
8118
- }), jsx(GridChild, Object.assign({
8119
- colSpan: 6,
8120
- colStart: 4,
8121
- css: theme => ({
8122
- paddingLeft: theme.spacing(3)
8123
- })
8124
- }, {
8125
- children: jsx(AddressDisplay, {
8126
- address: (_a = warehousePreference.validation) === null || _a === void 0 ? void 0 : _a.originalAddress
8127
- })
8128
- }))]
8129
- }));
8130
- case "ERROR":
8131
- return jsxs(Fragment, {
8132
- children: [jsx(Spacer, {
8133
- multiplier: 1
8134
- }), jsx(GridChild, Object.assign({
8135
- colSpan: 8,
8136
- css: theme => ({
8137
- paddingLeft: theme.spacing(1)
8138
- })
8139
- }, {
8140
- children: jsx(InlineNotification, Object.assign({
8141
- type: NotificationType.ALERT
8142
- }, {
8143
- children: t("address.preference.unableToValidate")
8144
- }))
8145
- })), jsx(Spacer, {
8146
- multiplier: 1
8147
- }), jsx(GridChild, Object.assign({
8148
- css: theme => ({
8149
- paddingLeft: theme.spacing(1)
8150
- })
8151
- }, {
8152
- children: jsx(AddressDisplay, {
8153
- address: (_b = warehousePreference.validation) === null || _b === void 0 ? void 0 : _b.originalAddress
8154
- })
8155
- }))]
8156
- });
8157
- default:
8158
- // This code path should never be reached.
8159
- return jsx("div", {
8160
- children: "not found"
8161
- });
8162
- }
8163
- };
8164
- return jsxs(Fragment, {
8165
- children: [jsxs(Grid, Object.assign({
8166
- "data-testid": "warehousePreferenceSelect",
8167
- noPadding: true
8168
- }, {
8169
- children: [jsx(GridChild, Object.assign({
8170
- colSpan: 12
8171
- }, {
8172
- children: jsx(Typography, Object.assign({
8173
- variant: "subtitle2"
8174
- }, {
8175
- children: t("common:address.preference.title")
8176
- }))
8177
- })), jsxs(GridChild, Object.assign({
8178
- colSpan: 8
8179
- }, {
8180
- children: [jsx(Typography, Object.assign({
8181
- css: {
8182
- textTransform: "capitalize"
8183
- },
8184
- variant: "subtitle2"
8185
- }, {
8186
- children: t("manage-warehouses:shipFrom")
8187
- })), originAddress && jsx(AddressPreferenceDisplay, {
8188
- name: "originAddressPreference",
8189
- onSelect: selection => setOriginAddressSelection(selection),
8190
- selectedAddress: originAddressSelection,
8191
- warehousePreference: originAddress
8192
- })]
8193
- })), returnAddress && jsxs(GridChild, Object.assign({
8194
- colSpan: 8
8195
- }, {
8196
- children: [jsx(Typography, Object.assign({
8197
- css: {
8198
- textTransform: "capitalize"
8199
- },
8200
- variant: "subtitle2"
8201
- }, {
8202
- children: t("manage-warehouses:returnTo")
8203
- })), jsx(AddressPreferenceDisplay, {
8204
- name: "returnAddressPreference",
8205
- onSelect: selection => setReturnAddressSelection(selection),
8206
- selectedAddress: returnAddressSelection,
8207
- warehousePreference: returnAddress
8208
- })]
8209
- }))]
8210
- })), jsxs(ButtonGroup, Object.assign({
8211
- justify: "end"
8212
- }, {
8213
- children: [onCancel && jsx(Button, Object.assign({
8214
- bold: false,
8215
- onClick: onCancel,
8216
- type: "button",
8217
- variant: ButtonVariant.TEXT
8218
- }, {
8219
- children: t("actions.cancel")
8220
- })), jsx(Button, Object.assign({
8221
- onClick: () => onSubmit({
8222
- originAddress: originAddressSelection.address,
8223
- returnAddress: returnAddressSelection.address
8224
- }),
8225
- variant: ButtonVariant.OUTLINED
8226
- }, {
8227
- children: t("common:address.preference.confirm")
8397
+ onClick: onCancel,
8398
+ type: "button",
8399
+ variant: ButtonVariant.TEXT
8400
+ }, {
8401
+ children: t("actions.cancel")
8402
+ })), jsx(SubmitButton, Object.assign({
8403
+ control: form.control,
8404
+ "data-testid": "warehouseFormSubmitButton",
8405
+ form: "warehouse-form",
8406
+ requireDirty: true,
8407
+ variant: _isOnboarding ? ButtonVariant.FILLED : ButtonVariant.OUTLINED
8408
+ }, {
8409
+ children: submitButtonTitle
8410
+ }))]
8228
8411
  }))]
8229
8412
  }))]
8230
- });
8231
- };
8232
-
8233
- const WarehousePreferenceWizard = ({
8234
- className,
8235
- formHeader,
8236
- isOnboarding: _isOnboarding = false,
8237
- onSubmit,
8238
- onValidate,
8239
- onWarehouseDelete,
8240
- onWarehouseFormCancel,
8241
- submitButtonTitle,
8242
- warehouse,
8243
- warehousePreference
8244
- }) => {
8245
- const [currentStep, setCurrentStep] = useState(0);
8246
- const checkForExactOrSoft = warehousePreference => __awaiter(void 0, void 0, void 0, function* () {
8247
- const {
8248
- originAddress,
8249
- returnAddress
8250
- } = warehousePreference;
8251
- if ((originAddress.validationType === "EXACT" || originAddress.validationType === "SOFT") && returnAddress && (returnAddress.validationType === "EXACT" || returnAddress.validationType === "SOFT")) {
8252
- yield onSubmit({
8253
- isDefault: !!warehousePreference.isDefault,
8254
- name: warehousePreference.name,
8255
- originAddress: originAddress.address,
8256
- returnAddress: returnAddress.address
8257
- });
8258
- return;
8259
- }
8260
- if ((originAddress.validationType === "EXACT" || originAddress.validationType === "SOFT") && !returnAddress) {
8261
- yield onSubmit({
8262
- isDefault: !!warehousePreference.isDefault,
8263
- name: warehousePreference.name,
8264
- originAddress: originAddress.address
8265
- });
8266
- return;
8267
- } else return;
8268
- });
8269
- return jsxs("div", Object.assign({
8270
- className: className
8271
- }, {
8272
- children: [formHeader && formHeader, currentStep === 0 ? jsx(WarehouseForm, {
8273
- isOnboarding: _isOnboarding,
8274
- onCancel: onWarehouseFormCancel ? () => onWarehouseFormCancel() : undefined,
8275
- onDelete: onWarehouseDelete ? () => onWarehouseDelete() : undefined,
8276
- onSubmit: payload => __awaiter(void 0, void 0, void 0, function* () {
8277
- const result = yield onValidate(payload);
8278
- yield checkForExactOrSoft(result);
8279
- setCurrentStep(1);
8280
- }),
8281
- submitButtonTitle: submitButtonTitle,
8282
- warehouse: warehouse
8283
- }) : warehousePreference && jsx(WarehousePreferenceSelect, {
8284
- onCancel: () => setCurrentStep(0),
8285
- onSubmit: payload => {
8286
- onSubmit({
8287
- isDefault: !!warehousePreference.isDefault,
8288
- name: warehousePreference.name,
8289
- originAddress: payload.originAddress,
8290
- returnAddress: payload.returnAddress
8291
- });
8292
- },
8293
- originAddress: warehousePreference.originAddress,
8294
- returnAddress: warehousePreference.returnAddress
8295
- })]
8296
8413
  }));
8297
8414
  };
8298
8415
 
@@ -8317,9 +8434,6 @@ const ManageWarehouses$1 = ({
8317
8434
  onDelete,
8318
8435
  onEdit,
8319
8436
  onSetDefault,
8320
- onValidate,
8321
- setWarehousePreference,
8322
- warehousePreference,
8323
8437
  warehouses
8324
8438
  }) => {
8325
8439
  const {
@@ -8328,7 +8442,7 @@ const ManageWarehouses$1 = ({
8328
8442
  const [editWarehouseId, setEditWarehouseId] = useState();
8329
8443
  const [showAddNewWarehouseForm, toggleShowAddNewWarehouseForm] = useToggle(false);
8330
8444
  return jsxs(Fragment, {
8331
- children: [showAddNewWarehouseForm ? jsx(WarehousePreferenceWizard, {
8445
+ children: [showAddNewWarehouseForm ? jsx(AddressPreferenceProvider, Object.assign({
8332
8446
  css: styles$4.well,
8333
8447
  formHeader: jsxs("div", Object.assign({
8334
8448
  css: styles$4.header
@@ -8342,15 +8456,19 @@ const ManageWarehouses$1 = ({
8342
8456
  })]
8343
8457
  })),
8344
8458
  onSubmit: payload => {
8345
- onAdd(payload);
8346
- toggleShowAddNewWarehouseForm(false);
8347
- setWarehousePreference(undefined);
8348
- },
8349
- onValidate: onValidate,
8350
- onWarehouseFormCancel: () => toggleShowAddNewWarehouseForm(false),
8351
- submitButtonTitle: t("actions.save"),
8352
- warehousePreference: warehousePreference
8353
- }) : jsx(ButtonGroup, Object.assign({
8459
+ const {
8460
+ passengerData
8461
+ } = payload,
8462
+ rest = __rest(payload, ["passengerData"]);
8463
+ onAdd(Object.assign(Object.assign({}, rest), passengerData));
8464
+ }
8465
+ }, {
8466
+ children: jsx(WarehouseForm, {
8467
+ onCancel: () => toggleShowAddNewWarehouseForm(false),
8468
+ onSubmit: payload => onAdd(payload),
8469
+ submitButtonTitle: t("actions.save")
8470
+ })
8471
+ })) : jsx(ButtonGroup, Object.assign({
8354
8472
  justify: "end"
8355
8473
  }, {
8356
8474
  children: jsxs(Button, Object.assign({
@@ -8375,7 +8493,7 @@ const ManageWarehouses$1 = ({
8375
8493
  return sortByCreationDate(a, b, "desc");
8376
8494
  }).map(warehouse => {
8377
8495
  if (editWarehouseId && editWarehouseId === warehouse.warehouseId) {
8378
- return jsx(WarehousePreferenceWizard, {
8496
+ return jsx(AddressPreferenceProvider, Object.assign({
8379
8497
  css: styles$4.well,
8380
8498
  formHeader: jsxs("div", Object.assign({
8381
8499
  css: styles$4.header
@@ -8389,17 +8507,24 @@ const ManageWarehouses$1 = ({
8389
8507
  })]
8390
8508
  })),
8391
8509
  onSubmit: payload => {
8392
- onEdit(payload, warehouse.warehouseId);
8510
+ const {
8511
+ passengerData: warehouseData
8512
+ } = payload,
8513
+ rest = __rest(payload, ["passengerData"]);
8514
+ onEdit(Object.assign(Object.assign({}, rest), warehouseData), warehouse.warehouseId);
8393
8515
  setEditWarehouseId(undefined);
8394
- setWarehousePreference(undefined);
8395
- },
8396
- onValidate: onValidate,
8397
- onWarehouseDelete: warehouse.isDefault ? undefined : () => onDelete(warehouse.warehouseId),
8398
- onWarehouseFormCancel: () => setEditWarehouseId(undefined),
8399
- submitButtonTitle: t("actions.save"),
8400
- warehouse: warehouse,
8401
- warehousePreference: warehousePreference
8402
- }, warehouse.warehouseId);
8516
+ }
8517
+ }, {
8518
+ children: jsx(WarehouseForm, {
8519
+ onCancel: () => setEditWarehouseId(undefined),
8520
+ onDelete: warehouse.isDefault ? undefined : () => onDelete(warehouse.warehouseId),
8521
+ onSubmit: payload => __awaiter(void 0, void 0, void 0, function* () {
8522
+ return onEdit(payload, warehouse.warehouseId);
8523
+ }),
8524
+ submitButtonTitle: t("actions.save"),
8525
+ warehouse: warehouse
8526
+ })
8527
+ }), warehouse.warehouseId);
8403
8528
  } else {
8404
8529
  return jsx(SettingsCard, Object.assign({
8405
8530
  accessoryAction: warehouse.isDefault ? undefined : {
@@ -9379,7 +9504,8 @@ const BillingFields = ({
9379
9504
  label: t("billing.fields.cardNumber"),
9380
9505
  labelWeight: "normal",
9381
9506
  name: "creditCard.number",
9382
- nativeLabel: true
9507
+ nativeLabel: true,
9508
+ placeholder: t("billing.fields.cardNumberPlaceholder")
9383
9509
  }), jsxs("div", Object.assign({
9384
9510
  css: theme => ({
9385
9511
  display: "flex",
@@ -9398,7 +9524,8 @@ const BillingFields = ({
9398
9524
  labelWeight: "normal",
9399
9525
  maxLength: 7,
9400
9526
  name: "creditCard.expiration",
9401
- nativeLabel: true
9527
+ nativeLabel: true,
9528
+ placeholder: t("billing.fields.expirationPlaceholder")
9402
9529
  })
9403
9530
  })), jsx("div", Object.assign({
9404
9531
  css: {
@@ -9411,7 +9538,8 @@ const BillingFields = ({
9411
9538
  labelWeight: "normal",
9412
9539
  maxLength: 4,
9413
9540
  name: "creditCard.cvv",
9414
- nativeLabel: true
9541
+ nativeLabel: true,
9542
+ placeholder: t("billing.fields.cvvPlaceholder")
9415
9543
  })
9416
9544
  }))]
9417
9545
  }))]
@@ -9452,7 +9580,7 @@ const creditCardSchema = z.object({
9452
9580
  expiration: z.string().trim().refine(expiration => {
9453
9581
  const [expirationMonth, expirationYear] = expiration.split("/");
9454
9582
  return expirationMonths.includes(expirationMonth) && expirationYears.includes(expirationYear);
9455
- }, "Invalid expiration"),
9583
+ }, "schemaErrors.invalidExpirationDate"),
9456
9584
  name: z.string().trim().min(1),
9457
9585
  number: z.string().trim().refine(number => cardValidator.number(number).isValid, "Invalid card number").refine(number => {
9458
9586
  var _a, _b;
@@ -9548,13 +9676,7 @@ const EditWalletAddressForm = ({
9548
9676
  const styles$3 = createStyles({
9549
9677
  grid: theme => ({
9550
9678
  margin: theme.spacing(4)
9551
- }),
9552
- heading: {
9553
- textAlign: "center"
9554
- },
9555
- subtitle: {
9556
- textAlign: "center"
9557
- }
9679
+ })
9558
9680
  });
9559
9681
 
9560
9682
  const WalletForm = ({
@@ -9566,6 +9688,9 @@ const WalletForm = ({
9566
9688
  t
9567
9689
  } = useTranslation(["register-wallet", "common"]);
9568
9690
  const defaultWarehouseIsPoBox = isPoBoxAddress(address);
9691
+ const {
9692
+ validateAddress
9693
+ } = useAddressPreference();
9569
9694
  const form = useForm({
9570
9695
  defaultValues:
9571
9696
  // If the warehouse address is a PO Box they cannot use it as their billing address
@@ -9583,7 +9708,20 @@ const WalletForm = ({
9583
9708
  const watchAddress = form.watch("address");
9584
9709
  const handleSubmit = form.handleSubmit(values => __awaiter(void 0, void 0, void 0, function* () {
9585
9710
  const payload = __rest(values, []);
9586
- yield onSubmit(payload);
9711
+ yield validateAddress({
9712
+ addresses: {
9713
+ originAddress: payload.address
9714
+ },
9715
+ data: {
9716
+ creditCard: payload.creditCard
9717
+ },
9718
+ onValid: validatedAddressesPayload => {
9719
+ onSubmit({
9720
+ address: validatedAddressesPayload.originAddress,
9721
+ creditCard: payload.creditCard
9722
+ });
9723
+ }
9724
+ });
9587
9725
  }));
9588
9726
  const [editWalletAddressForm, isEditWalletAddressFormOpen, toggleIsEditWalletAddressFormOpen] = useNestedForm(EditWalletAddressForm, {
9589
9727
  address: watchAddress,
@@ -9603,36 +9741,13 @@ const WalletForm = ({
9603
9741
  children: [jsx(GridChild, Object.assign({
9604
9742
  colSpan: 12
9605
9743
  }, {
9606
- children: jsx(Typography, Object.assign({
9607
- css: styles$3.heading,
9608
- variant: "heading4"
9609
- }, {
9610
- children: t("register-wallet:sections.billing.title")
9611
- }))
9612
- })), jsx(GridChild, Object.assign({
9613
- colSpan: 12,
9614
- css: styles$3.subtitle
9615
- }, {
9616
- children: jsx(Typography, Object.assign({
9617
- variant: "subtitle1"
9618
- }, {
9619
- children: t("register-wallet:sections.billing.cardSubTitle")
9620
- }))
9621
- })), jsx(GridChild, Object.assign({
9622
- colSpan: 12
9623
- }, {
9624
- children: (errors === null || errors === void 0 ? void 0 : errors.length) ? jsx(InlineNotification, Object.assign({
9744
+ children: (errors === null || errors === void 0 ? void 0 : errors.length) && jsx(InlineNotification, Object.assign({
9625
9745
  title: t("register-wallet:sections.notifications.error.title"),
9626
9746
  type: NotificationType.ERROR
9627
9747
  }, {
9628
9748
  children: errors.map(({
9629
9749
  message
9630
9750
  }) => message).join(" ")
9631
- })) : jsx(InlineNotification, Object.assign({
9632
- title: t("register-wallet:sections.notifications.info.title"),
9633
- type: NotificationType.INFO
9634
- }, {
9635
- children: t("register-wallet:sections.notifications.info.description")
9636
9751
  }))
9637
9752
  })), jsx(GridChild, Object.assign({
9638
9753
  colSpan: 12
@@ -9644,7 +9759,9 @@ const WalletForm = ({
9644
9759
  colSpan: 12
9645
9760
  }, {
9646
9761
  children: jsx(Typography, Object.assign({
9647
- css: styles$3.subtitle,
9762
+ css: {
9763
+ textAlign: "center"
9764
+ },
9648
9765
  variant: "subtitle1"
9649
9766
  }, {
9650
9767
  children: t("register-wallet:sections.billing.addressSubTitle")
@@ -9701,11 +9818,20 @@ const WalletForm = ({
9701
9818
  };
9702
9819
 
9703
9820
  const styles$2 = createStyles({
9821
+ container: theme => ({
9822
+ padding: theme.spacing(2)
9823
+ }),
9704
9824
  step: {
9705
9825
  "& > span:last-child": {
9706
9826
  position: "static"
9707
9827
  }
9708
9828
  },
9829
+ walletFormHeader: theme => ({
9830
+ margin: theme.spacing(4)
9831
+ }),
9832
+ walletFormTitle: {
9833
+ textAlign: "center"
9834
+ },
9709
9835
  wrapper: theme => ({
9710
9836
  height: "100%",
9711
9837
  padding: theme.spacing(2),
@@ -9717,19 +9843,15 @@ const Onboarding$1 = ({
9717
9843
  carriers,
9718
9844
  createWarehouse,
9719
9845
  onCarrierCreated,
9720
- onWarehouseCreated,
9721
- onValidateWarehouse,
9722
- warehousePreference,
9723
- setWarehousePreference,
9724
9846
  onCompleteOnboarding,
9847
+ onWarehouseCreated,
9725
9848
  registerDhlCarrier,
9726
9849
  registerDhlCarrierErrors,
9727
9850
  registerStampsCarrier,
9728
9851
  registerStampsCarrierErrors,
9729
9852
  registerUpsCarrier,
9730
9853
  registerUpsCarrierErrors,
9731
- warehouses,
9732
- validationErrors
9854
+ warehouses
9733
9855
  }) => {
9734
9856
  const {
9735
9857
  t
@@ -9739,6 +9861,7 @@ const Onboarding$1 = ({
9739
9861
  const [onboardingComplete, setOnboardingComplete] = useState(false);
9740
9862
  const [agreedToTerms, setAgreedToTerms] = useState(false);
9741
9863
  const [hasValidAddress, setHasValidAddress] = useState(true);
9864
+ const [hasCompletedBilling, setHasCompletedBilling] = useState(false);
9742
9865
  // Partner accounts come provisioned with a Free Stamps wallet for getting rates, etc
9743
9866
  // Make sure their Stamps carrier is not the Free one
9744
9867
  // Once an account adds a UPS carrier to their Stamps wallet, the carrierCode changes from "stamps_com" => "usps"
@@ -9789,7 +9912,7 @@ const Onboarding$1 = ({
9789
9912
  creditCard
9790
9913
  }) => __awaiter(void 0, void 0, void 0, function* () {
9791
9914
  setAddress(address);
9792
- // Step 4.1: Validate Address (if different from warehouse)
9915
+ setHasCompletedBilling(true);
9793
9916
  yield registerStampsCarrier({
9794
9917
  address: address,
9795
9918
  agreeToCarrierTerms: agreedToTerms,
@@ -9828,7 +9951,7 @@ const Onboarding$1 = ({
9828
9951
  }
9829
9952
  if (agreedToTerms && !warehouses.length && !hasValidAddress) {
9830
9953
  // Step 3: Add Ship From (Warehouse) Address
9831
- return jsx(WarehousePreferenceWizard, {
9954
+ return jsx(AddressPreferenceProvider, Object.assign({
9832
9955
  formHeader: jsxs("div", Object.assign({
9833
9956
  css: {
9834
9957
  textAlign: "center"
@@ -9848,24 +9971,77 @@ const Onboarding$1 = ({
9848
9971
  multiplier: 1
9849
9972
  })]
9850
9973
  })),
9851
- isOnboarding: true,
9852
- onSubmit: payload => {
9853
- handleCreateWarehouse(payload);
9854
- setWarehousePreference(undefined);
9855
- },
9856
- onValidate: onValidateWarehouse,
9857
- submitButtonTitle: t("actions.continue"),
9858
- warehousePreference: warehousePreference
9859
- });
9974
+ onSubmit: payload => __awaiter(void 0, void 0, void 0, function* () {
9975
+ const {
9976
+ passengerData
9977
+ } = payload,
9978
+ rest = __rest(payload, ["passengerData"]);
9979
+ yield handleCreateWarehouse(Object.assign(Object.assign({}, rest), passengerData));
9980
+ })
9981
+ }, {
9982
+ children: jsx(WarehouseForm, {
9983
+ isOnboarding: true,
9984
+ onSubmit: payload => __awaiter(void 0, void 0, void 0, function* () {
9985
+ return handleCreateWarehouse(payload);
9986
+ }),
9987
+ submitButtonTitle: t("actions.continue")
9988
+ })
9989
+ }));
9860
9990
  }
9861
9991
  // Step 4: Register Stamps Wallet, UPS, DHL
9862
- if (agreedToTerms && warehouses.length && hasValidAddress && !hasStampsWallet) {
9992
+ if (agreedToTerms && warehouses.length && hasValidAddress && !hasStampsWallet && !hasCompletedBilling) {
9863
9993
  const defaultWarehouse = (_a = warehouses.find(w => w.isDefault)) !== null && _a !== void 0 ? _a : warehouses[0];
9864
- return jsx(WalletForm, {
9865
- address: defaultWarehouse.originAddress,
9866
- errors: registerStampsCarrierErrors,
9867
- onSubmit: handleWalletRegistration
9868
- });
9994
+ return jsx(AddressPreferenceProvider, Object.assign({
9995
+ formHeader: jsxs("div", Object.assign({
9996
+ css: styles$2.walletFormHeader
9997
+ }, {
9998
+ children: [jsxs("div", Object.assign({
9999
+ css: styles$2.walletFormTitle
10000
+ }, {
10001
+ children: [jsx(Typography, Object.assign({
10002
+ variant: "heading4"
10003
+ }, {
10004
+ children: t("register-wallet:sections.billing.title")
10005
+ })), jsx(Spacer, {
10006
+ multiplier: 2
10007
+ }), jsx(Typography, Object.assign({
10008
+ variant: "subtitle1"
10009
+ }, {
10010
+ children: t("register-wallet:sections.billing.cardSubTitle")
10011
+ }))]
10012
+ })), jsx(Spacer, {
10013
+ multiplier: 1
10014
+ }), (registerStampsCarrierErrors === null || registerStampsCarrierErrors === void 0 ? void 0 : registerStampsCarrierErrors.length) ? jsx(InlineNotification, Object.assign({
10015
+ title: t("register-wallet:sections.notifications.error.title"),
10016
+ type: NotificationType.ERROR
10017
+ }, {
10018
+ children: registerStampsCarrierErrors.map(({
10019
+ message
10020
+ }) => message).join(" ")
10021
+ })) : jsx(InlineNotification, Object.assign({
10022
+ title: t("register-wallet:sections.notifications.info.title"),
10023
+ type: NotificationType.INFO
10024
+ }, {
10025
+ children: t("register-wallet:sections.notifications.info.description")
10026
+ }))]
10027
+ })),
10028
+ onSubmit: payload => __awaiter(void 0, void 0, void 0, function* () {
10029
+ const {
10030
+ passengerData
10031
+ } = payload,
10032
+ rest = __rest(payload, ["passengerData"]);
10033
+ yield handleWalletRegistration(Object.assign(Object.assign({}, passengerData), {
10034
+ address: rest.originAddress
10035
+ }));
10036
+ })
10037
+ }, {
10038
+ children: jsx(WalletForm, {
10039
+ address: defaultWarehouse.originAddress,
10040
+ onSubmit: payload => __awaiter(void 0, void 0, void 0, function* () {
10041
+ yield handleWalletRegistration(payload);
10042
+ })
10043
+ })
10044
+ }));
9869
10045
  }
9870
10046
  if (hasStampsWallet) {
9871
10047
  // Step 4.1: Handle UPS Registration Errors
@@ -9892,10 +10068,12 @@ const Onboarding$1 = ({
9892
10068
  });
9893
10069
  }
9894
10070
  }
9895
- return jsx(Loader, {});
10071
+ return jsx(Loader, {
10072
+ message: t("loading.onboarding")
10073
+ });
9896
10074
  };
9897
10075
  return jsxs("div", Object.assign({
9898
- css: styles$2.wrapper
10076
+ css: styles$2.container
9899
10077
  }, {
9900
10078
  children: [jsxs(Stepper, Object.assign({
9901
10079
  currentStep: currentStep
@@ -10044,7 +10222,7 @@ const Loader = props => {
10044
10222
  }));
10045
10223
  };
10046
10224
 
10047
- const getStyles$3 = ({
10225
+ const getStyles$4 = ({
10048
10226
  isDisabled,
10049
10227
  isSelected
10050
10228
  } = {}) => createStyles({
@@ -10155,7 +10333,7 @@ const AddFundsForm = ({
10155
10333
  })), jsx(Spacer, {
10156
10334
  multiplier: 2
10157
10335
  }), jsx(ChipList, Object.assign({
10158
- css: getStyles$3().chipList,
10336
+ css: getStyles$4().chipList,
10159
10337
  onChange: idx => {
10160
10338
  const chip = chips[idx];
10161
10339
  setSelectedChip(chip);
@@ -10170,7 +10348,7 @@ const AddFundsForm = ({
10170
10348
  }
10171
10349
  }, {
10172
10350
  children: chips.map(chip => jsx(Chip, Object.assign({
10173
- css: getStyles$3({
10351
+ css: getStyles$4({
10174
10352
  isDisabled: chip.value < _minimumAmount,
10175
10353
  isSelected: chip.value === selectedChip.value
10176
10354
  }).chip,
@@ -10187,7 +10365,7 @@ const AddFundsForm = ({
10187
10365
  multiplier: 1
10188
10366
  }), jsx(MoneyInput, {
10189
10367
  control: form.control,
10190
- css: getStyles$3().fundsInput,
10368
+ css: getStyles$4().fundsInput,
10191
10369
  defaultValue: {
10192
10370
  amount: undefined,
10193
10371
  currency: SE.Currency.USD
@@ -10240,22 +10418,29 @@ const AddFundsForm = ({
10240
10418
  });
10241
10419
  };
10242
10420
 
10243
- const InlineLabel = ({
10244
- children,
10245
- label
10246
- }) => jsxs("div", Object.assign({
10247
- css: theme => ({
10421
+ const styles$1 = isLabelRight => createStyles({
10422
+ inlineContainer: theme => ({
10248
10423
  alignItems: "center",
10249
10424
  display: "flex",
10425
+ flexDirection: isLabelRight ? "row-reverse" : "row",
10250
10426
  gap: theme.spacing(1)
10251
10427
  })
10428
+ });
10429
+
10430
+ const InlineLabel = ({
10431
+ children,
10432
+ label,
10433
+ isLabelRight,
10434
+ labelProps: _labelProps = {}
10435
+ }) => jsxs("div", Object.assign({
10436
+ css: styles$1(isLabelRight).inlineContainer
10252
10437
  }, {
10253
- children: [jsx(Typography, {
10438
+ children: [jsx(Typography, Object.assign({}, _labelProps, {
10254
10439
  children: label
10255
- }), children]
10440
+ })), children]
10256
10441
  }));
10257
10442
 
10258
- const getStyles$2 = balance => createStyles({
10443
+ const getStyles$3 = balance => createStyles({
10259
10444
  balanceText: theme => ({
10260
10445
  color: balance === undefined ? theme.palette.alert.main : balance >= 0 ? theme.palette.secondary.dark : theme.palette.error.main
10261
10446
  })
@@ -10278,7 +10463,7 @@ const CarrierBalance = ({
10278
10463
  }, {
10279
10464
  children: isLoadingCarrier || isRefetchingCarrier ? jsx(Spinner, {}) : jsx(Typography, Object.assign({
10280
10465
  bold: true,
10281
- css: getStyles$2(balance).balanceText
10466
+ css: getStyles$3(balance).balanceText
10282
10467
  }, {
10283
10468
  children: balance === undefined ? t("manage-funding:errors.balanceUnknown") : formatMoney({
10284
10469
  amount: balance,
@@ -10342,7 +10527,7 @@ const Spread = ({
10342
10527
  children: children
10343
10528
  }));
10344
10529
 
10345
- const getStyles$1 = isCustomAmount => createStyles({
10530
+ const getStyles$2 = isCustomAmount => createStyles({
10346
10531
  balanceText: theme => ({
10347
10532
  color: theme.palette.secondary.dark
10348
10533
  }),
@@ -10410,7 +10595,7 @@ const FundAndPurchase = ({
10410
10595
  }, {
10411
10596
  children: [jsx(Button, Object.assign({
10412
10597
  bold: false,
10413
- css: getStyles$1().saveRateButton,
10598
+ css: getStyles$2().saveRateButton,
10414
10599
  disabled: disabled || !carrierId || addFundsForm.isSubmitting || isRateFormSubmitting,
10415
10600
  isLoading: isSavingRate,
10416
10601
  onClick: handleSaveRate,
@@ -10430,7 +10615,7 @@ const FundAndPurchase = ({
10430
10615
  // don't show balance or funding form
10431
10616
  if (!isFundingRequired) return jsx("div", Object.assign({
10432
10617
  className: className,
10433
- css: getStyles$1().container
10618
+ css: getStyles$2().container
10434
10619
  }, {
10435
10620
  children: renderActionButtons()
10436
10621
  }));
@@ -10443,7 +10628,7 @@ const FundAndPurchase = ({
10443
10628
  // show balance, but not the funding form.
10444
10629
  if (!isFundingEnabled) return jsxs("div", Object.assign({
10445
10630
  className: className,
10446
- css: getStyles$1().container
10631
+ css: getStyles$2().container
10447
10632
  }, {
10448
10633
  children: [jsx(CarrierBalance, {
10449
10634
  carrierId: carrierId
@@ -10455,7 +10640,7 @@ const FundAndPurchase = ({
10455
10640
  // show balance and funding form
10456
10641
  return jsxs("div", Object.assign({
10457
10642
  className: className,
10458
- css: getStyles$1().container
10643
+ css: getStyles$2().container
10459
10644
  }, {
10460
10645
  children: [jsxs(Spread, {
10461
10646
  children: [jsx(CarrierBalance, {
@@ -10486,13 +10671,13 @@ const FundAndPurchase = ({
10486
10671
  var _a, _b;
10487
10672
  return jsxs(Fragment, {
10488
10673
  children: [jsxs("section", Object.assign({
10489
- css: getStyles$1(addFundsForm.isCustomAmount).formExtension
10674
+ css: getStyles$2(addFundsForm.isCustomAmount).formExtension
10490
10675
  }, {
10491
10676
  children: [jsx(InlineLabel, Object.assign({
10492
10677
  label: t("manage-funding:fundAndPurchase.newBalance")
10493
10678
  }, {
10494
10679
  children: jsx(Typography, Object.assign({
10495
- css: getStyles$1().balanceText
10680
+ css: getStyles$2().balanceText
10496
10681
  }, {
10497
10682
  children: formatMoney({
10498
10683
  amount: balance + ((_a = addFundsForm.selectedAmount) !== null && _a !== void 0 ? _a : 0),
@@ -10503,7 +10688,7 @@ const FundAndPurchase = ({
10503
10688
  label: t("manage-funding:fundAndPurchase.finalBalance")
10504
10689
  }, {
10505
10690
  children: jsx(Typography, Object.assign({
10506
- css: getStyles$1().balanceText
10691
+ css: getStyles$2().balanceText
10507
10692
  }, {
10508
10693
  children: formatMoney({
10509
10694
  amount: balance + ((_b = addFundsForm.selectedAmount) !== null && _b !== void 0 ? _b : 0) - purchaseAmount,
@@ -10530,7 +10715,7 @@ const FundAndPurchase = ({
10530
10715
  }));
10531
10716
  };
10532
10717
 
10533
- const styles$1 = createStyles({
10718
+ const styles = createStyles({
10534
10719
  fundAndPurchase: theme => ({
10535
10720
  borderTop: `1px solid ${theme.palette.gray.ultraLight}`
10536
10721
  }),
@@ -10669,9 +10854,8 @@ const RateForm = ({
10669
10854
  onSubmit: handleSubmit,
10670
10855
  ref: rateFormScrollToRef
10671
10856
  }, {
10672
- children: [jsxs(Accordion, Object.assign({
10857
+ children: [jsxs(Section, Object.assign({
10673
10858
  "data-testid": "rates",
10674
- initialExpanded: true,
10675
10859
  title: t("purchase-label:sections.rate", {
10676
10860
  count: rateOptions.length
10677
10861
  })
@@ -10685,7 +10869,7 @@ const RateForm = ({
10685
10869
  onClick: onSelectRate,
10686
10870
  options: showHiddenRates ? rateOptions : filteredRateOptions
10687
10871
  }), rateOptions.some(option => option.requiresAcknowledgement) && rateOptions.length > 5 && jsx(Link, Object.assign({
10688
- css: styles$1.showMoreOrLessRatesButton,
10872
+ css: styles.showMoreOrLessRatesButton,
10689
10873
  onClick: () => {
10690
10874
  var _a;
10691
10875
  setShowHiddenRates(!showHiddenRates);
@@ -10706,7 +10890,7 @@ const RateForm = ({
10706
10890
  }))
10707
10891
  }))]
10708
10892
  }) : !isLoading && !!allDisplayableErrors.length ? null : jsxs("article", Object.assign({
10709
- css: styles$1.ratesInterstitial,
10893
+ css: styles.ratesInterstitial,
10710
10894
  role: "presentation"
10711
10895
  }, {
10712
10896
  children: [jsx(Cube, {
@@ -10723,7 +10907,7 @@ const RateForm = ({
10723
10907
  })), jsx(FundAndPurchase, {
10724
10908
  carrierId: selectedRate === null || selectedRate === void 0 ? void 0 : selectedRate.carrierId,
10725
10909
  control: form.control,
10726
- css: styles$1.fundAndPurchase,
10910
+ css: styles.fundAndPurchase,
10727
10911
  disabled: disabled,
10728
10912
  isFundingEnabled: features === null || features === void 0 ? void 0 : features.enableFunding,
10729
10913
  isFundingRequired: (selectedRate === null || selectedRate === void 0 ? void 0 : selectedRate.balance) !== undefined && !!selectedRate.requiresFundedAmount,
@@ -11103,6 +11287,7 @@ const getShipmentSchema = ({
11103
11287
  allowInternationalShipFrom,
11104
11288
  warehouses,
11105
11289
  requireMeasurements: _requireMeasurements = false,
11290
+ isContentDescriptionRequired: _isContentDescriptionRequired = false,
11106
11291
  isCustomsRequired: _isCustomsRequired = false
11107
11292
  } = {}) => {
11108
11293
  const baseSchema = z.object({
@@ -11122,6 +11307,7 @@ const getShipmentSchema = ({
11122
11307
  }).nullish(),
11123
11308
  insuranceProvider: z.nativeEnum(SE.InsuranceProviderType).default(SE.InsuranceProviderType.NONE),
11124
11309
  packages: z.object({
11310
+ contentDescription: _isContentDescriptionRequired ? z.string().min(1).max(36, "Maximum 36 characters") : z.string().optional().nullable(),
11125
11311
  dimensions: (_requireMeasurements ? z.object({
11126
11312
  height: z.number().positive(),
11127
11313
  length: z.number().positive(),
@@ -11260,11 +11446,16 @@ const ShipmentForm = ({
11260
11446
  const isCustomsRequired = useMemo(() => {
11261
11447
  return shipment ? getIsCustomsRequiredForShipment(shipment) : false;
11262
11448
  }, [shipment]);
11449
+ const isContentDescriptionRequired = useMemo(() => {
11450
+ var _a;
11451
+ 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";
11452
+ }, [shipment]);
11263
11453
  const shipmentSchema = useMemo(() => getShipmentSchema({
11454
+ isContentDescriptionRequired,
11264
11455
  isCustomsRequired,
11265
11456
  requireMeasurements,
11266
11457
  warehouses: warehouses !== null && warehouses !== void 0 ? warehouses : []
11267
- }), [isCustomsRequired, requireMeasurements, warehouses]);
11458
+ }), [isCustomsRequired, requireMeasurements, warehouses, isContentDescriptionRequired]);
11268
11459
  const requestedServices = useMemo(() => getRequestedServices(salesOrder), [salesOrder]);
11269
11460
  const form = useForm({
11270
11461
  defaultValues: {
@@ -11378,9 +11569,11 @@ const ShipmentForm = ({
11378
11569
  insuranceProvider: updatedShipment.insuranceProvider === "none" ? undefined : updatedShipment.insuranceProvider,
11379
11570
  packages: updatedShipment.packages.map(pkg => {
11380
11571
  var _a;
11381
- return Object.assign(Object.assign({
11572
+ return Object.assign(Object.assign(Object.assign({
11573
+ contentDescription: isContentDescriptionRequired ? pkg.contentDescription : null
11574
+ }, {
11382
11575
  dimensions: pkg.dimensions && convertDimensions(pkg.dimensions)
11383
- }, updatedShipment.insuranceProvider !== "none" && ((_a = pkg.insuredValue) === null || _a === void 0 ? void 0 : _a.amount) && {
11576
+ }), updatedShipment.insuranceProvider !== "none" && ((_a = pkg.insuredValue) === null || _a === void 0 ? void 0 : _a.amount) && {
11384
11577
  insuredValue: {
11385
11578
  amount: pkg.insuredValue.amount || null,
11386
11579
  currency: pkg.insuredValue.currency
@@ -11403,7 +11596,7 @@ const ShipmentForm = ({
11403
11596
  shipmentId: updatedShipment.shipmentId,
11404
11597
  warehouseId: updatedShipment.warehouseId
11405
11598
  }));
11406
- }, [findCustomPackage, form, isCustomsRequired]);
11599
+ }, [findCustomPackage, form, isCustomsRequired, isContentDescriptionRequired]);
11407
11600
  // Allow us to imperatively trigger hydrateShipment from parent component
11408
11601
  hydrateRef.current = hydrateShipment;
11409
11602
  // Hydrate only the customs items portion of the shipment form
@@ -11556,9 +11749,8 @@ const ShipmentForm = ({
11556
11749
  id: "shipment-form",
11557
11750
  onSubmit: formLogger.capture(handleSubmit)
11558
11751
  }, {
11559
- children: [jsxs(Accordion, Object.assign({
11560
- "data-testid": "orderDetail",
11561
- initialExpanded: true
11752
+ children: [jsxs(Section, Object.assign({
11753
+ "data-testid": "orderDetail"
11562
11754
  }, {
11563
11755
  children: [jsx(DatePicker, {
11564
11756
  control: form.control,
@@ -11676,9 +11868,8 @@ const ShipmentForm = ({
11676
11868
  })]
11677
11869
  })), jsx("div", {
11678
11870
  ref: customsItemErrorScrollToRef
11679
- }), shipment && isCustomsRequired && jsxs(Accordion, Object.assign({
11871
+ }), shipment && isCustomsRequired && jsxs(Section, Object.assign({
11680
11872
  "data-testid": "customsForms",
11681
- initialExpanded: true,
11682
11873
  title: t("purchase-label:sections.customsForm")
11683
11874
  }, {
11684
11875
  children: [jsx(Select, {
@@ -11702,9 +11893,8 @@ const ShipmentForm = ({
11702
11893
  type: NotificationType.ERROR
11703
11894
  }), jsx(Spacer, {})]
11704
11895
  })]
11705
- })), jsxs(Accordion, Object.assign({
11896
+ })), jsxs(Section, Object.assign({
11706
11897
  "data-testid": "packageDetail",
11707
- initialExpanded: true,
11708
11898
  rightContent: (features === null || features === void 0 ? void 0 : features.shippingPresets) && shippingPresetOptions.length > 0 ? jsxs(Fragment, {
11709
11899
  children: [jsxs(Link, Object.assign({
11710
11900
  css: theme => ({
@@ -11852,6 +12042,11 @@ const ShipmentForm = ({
11852
12042
  placeholder: t("units.oz")
11853
12043
  })]
11854
12044
  }))]
12045
+ }), isContentDescriptionRequired && jsx(TextInput, {
12046
+ control: form.control,
12047
+ hint: t("purchase-label:hints.contentDescription"),
12048
+ label: t("purchase-label:fields.contentDescription"),
12049
+ name: "packages.0.contentDescription"
11855
12050
  }), jsx(Divider, {}), jsx(Spacer, {}), jsxs(FieldLabel, Object.assign({
11856
12051
  label: "purchase-label:fields.addOns"
11857
12052
  }, {
@@ -11994,9 +12189,8 @@ const Shipment$1 = ({
11994
12189
  const requestedServices = useMemo(() => getRequestedServices(salesOrder), [salesOrder]);
11995
12190
  const activeLabel = useMemo(() => labels === null || labels === void 0 ? void 0 : labels.find(l => l.status === "completed"), [labels]);
11996
12191
  return jsxs(Fragment, {
11997
- children: [jsxs(Accordion, Object.assign({
11998
- "data-testid": "orderDetail",
11999
- initialExpanded: true
12192
+ children: [jsxs(Section, Object.assign({
12193
+ "data-testid": "orderDetail"
12000
12194
  }, {
12001
12195
  children: [jsxs(FieldLabel, Object.assign({
12002
12196
  "data-testid": "shipDate",
@@ -12090,8 +12284,7 @@ const Shipment$1 = ({
12090
12284
  count: ounces
12091
12285
  }) : ""].filter(unit => unit.length).join(" ")
12092
12286
  }))]
12093
- })), jsxs(Accordion, Object.assign({
12094
- initialExpanded: true,
12287
+ })), jsxs(Section, Object.assign({
12095
12288
  rightContent: (features === null || features === void 0 ? void 0 : features.schedulePickup) && schedulePickupForCarrier(activeLabel === null || activeLabel === void 0 ? void 0 : activeLabel.carrierCode) ? jsx(Link, Object.assign({
12096
12289
  css: theme => ({
12097
12290
  fontWeight: theme.typography.fontWeight.normal
@@ -12134,8 +12327,7 @@ const Shipment$1 = ({
12134
12327
  children: t("view-shipment:actions.buyAnotherLabel")
12135
12328
  }))]
12136
12329
  })]
12137
- })), (labels === null || labels === void 0 ? void 0 : labels.some(l => !!l.formDownload)) && jsx(Accordion, Object.assign({
12138
- initialExpanded: true,
12330
+ })), (labels === null || labels === void 0 ? void 0 : labels.some(l => !!l.formDownload)) && jsx(Section, Object.assign({
12139
12331
  title: "Forms"
12140
12332
  }, {
12141
12333
  children: isHighValueRequired(shipment, carriers) && jsx("div", Object.assign({
@@ -12185,110 +12377,6 @@ const SuspendShipment = ({
12185
12377
  }));
12186
12378
  };
12187
12379
 
12188
- const styles = createStyles({
12189
- dateRangeInput: theme => ({
12190
- width: theme.spacing(30)
12191
- })
12192
- });
12193
-
12194
- const HistoryActions = () => {
12195
- const {
12196
- t
12197
- } = useTranslation();
12198
- const selectOptions = useMemo(() => [{
12199
- label: t("wallet-history:historyOptions.custom"),
12200
- value: t("wallet-history:historyOptions.custom")
12201
- }, {
12202
- label: t("wallet-history:historyOptions.last30days"),
12203
- value: t("wallet-history:historyOptions.last30days")
12204
- }, {
12205
- label: t("wallet-history:historyOptions.thisMonth"),
12206
- value: t("wallet-history:historyOptions.thisMonth")
12207
- }, {
12208
- label: t("wallet-history:historyOptions.lastMonth"),
12209
- value: t("wallet-history:historyOptions.lastMonth")
12210
- }], [t]);
12211
- const [selectValue, setSelectValue] = useState();
12212
- return jsxs(Spread, {
12213
- children: [jsx(Select$1, Object.assign({
12214
- css: styles.dateRangeInput,
12215
- label: "Date range",
12216
- leftContent: jsx(Icon, {
12217
- name: IconNames$1.FILTER
12218
- }),
12219
- name: "date-range-select",
12220
- onChange: newValue => setSelectValue(newValue),
12221
- onClear: c => console.log("SELECT ON CLEAR CALLBACK:", c)
12222
- }, {
12223
- children: selectOptions.map(item => jsx(Option, Object.assign({
12224
- value: item.value
12225
- }, {
12226
- children: item.label
12227
- }), item.value))
12228
- })), jsx(LinkAction, {
12229
- onClick: x => console.log("Downloaded a CSV!", x),
12230
- title: t("wallet-history:actions.downloadCsv")
12231
- })]
12232
- });
12233
- };
12234
-
12235
- const HistoryRow = ({
12236
- key,
12237
- rowItem
12238
- }) => jsx("div", {
12239
- children: "History Row Component"
12240
- });
12241
-
12242
- /**
12243
- * This component is the list of events that represent the history of a
12244
- * specific entity. The events are displayed in reverse chronological order.
12245
- *
12246
- * @param historyData The history data to display.
12247
- */
12248
- const HistoryList = ({
12249
- historyData
12250
- }) => {
12251
- console.table(historyData);
12252
- return jsx(Fragment, {
12253
- children: [1, 2, 3].map((item, idx) => {
12254
- return jsx(HistoryRow, {
12255
- rowItem: item
12256
- }, idx);
12257
- })
12258
- });
12259
- };
12260
-
12261
- const HistoryBody = ({
12262
- historyData
12263
- }) => {
12264
- const [page, setPage] = useState(1);
12265
- return jsxs(Fragment, {
12266
- children: [jsx(HistoryActions, {}), jsx(HistoryList, {
12267
- historyData: historyData
12268
- }), jsxs(Fragment, {
12269
- children: [jsxs("p", {
12270
- children: ["Page ", jsx("strong", {
12271
- children: page
12272
- }), " selected."]
12273
- }), jsx(Pagination, {
12274
- boundaryPagesToShow: 7,
12275
- currentPage: page,
12276
- onPageChange: selectedPage => setPage(selectedPage),
12277
- siblingCount: 2,
12278
- totalPages: 20
12279
- })]
12280
- })]
12281
- });
12282
- };
12283
-
12284
- const WalletHistory$1 = ({
12285
- historyData
12286
- }) => {
12287
- return jsx(HistoryBody, {
12288
- historyData: historyData
12289
- });
12290
- };
12291
-
12292
12380
  const VoidLabel$1 = ({
12293
12381
  onComplete,
12294
12382
  onSubmit,
@@ -12306,9 +12394,7 @@ const VoidLabel$1 = ({
12306
12394
  setIsSubmitting(false);
12307
12395
  }), [onSubmit]);
12308
12396
  return jsxs(Fragment, {
12309
- children: [jsx(Accordion, Object.assign({
12310
- initialExpanded: true
12311
- }, {
12397
+ children: [jsx(Section, {
12312
12398
  children: voidRequest ? jsxs("section", Object.assign({
12313
12399
  css: {
12314
12400
  textAlign: "center",
@@ -12358,7 +12444,7 @@ const VoidLabel$1 = ({
12358
12444
  children: t("void-label:refund_rules")
12359
12445
  }))]
12360
12446
  })
12361
- })), jsx(BottomSheet, Object.assign({
12447
+ }), jsx(BottomSheet, Object.assign({
12362
12448
  alwaysVisible: true,
12363
12449
  css: theme => ({
12364
12450
  borderTop: `1px solid ${theme.palette.gray.ultraLight}`,
@@ -12410,6 +12496,7 @@ var index$1 = /*#__PURE__*/Object.freeze({
12410
12496
  AddressFields: AddressFields,
12411
12497
  addressLine1Schema: addressLine1Schema,
12412
12498
  addressLine2Schema: addressLine2Schema,
12499
+ companyNameSchema: companyNameSchema,
12413
12500
  addressSchema: addressSchema,
12414
12501
  AddressParser: AddressParser,
12415
12502
  addressParserSchema: addressParserSchema,
@@ -12430,7 +12517,6 @@ var index$1 = /*#__PURE__*/Object.freeze({
12430
12517
  schedulePickupForCarrier: schedulePickupForCarrier,
12431
12518
  Shipment: Shipment$1,
12432
12519
  SuspendShipment: SuspendShipment,
12433
- WalletHistory: WalletHistory$1,
12434
12520
  WarehouseForm: WarehouseForm,
12435
12521
  VoidLabel: VoidLabel$1,
12436
12522
  WalletForm: WalletForm,
@@ -12438,11 +12524,13 @@ var index$1 = /*#__PURE__*/Object.freeze({
12438
12524
  billingAddressSchema: billingAddressSchema,
12439
12525
  walletSchema: walletSchema,
12440
12526
  BillingFields: BillingFields,
12441
- WarehousePreferenceWizard: WarehousePreferenceWizard,
12442
- WarehousePreferenceSelect: WarehousePreferenceSelect
12527
+ AddressPreferenceContext: AddressPreferenceContext,
12528
+ AddressPreferenceProvider: AddressPreferenceProvider,
12529
+ useAddressPreference: useAddressPreference,
12530
+ AddressPreferenceSelect: AddressPreferenceSelect
12443
12531
  });
12444
12532
 
12445
- const getStyles = showForm => createStyles({
12533
+ const getStyles$1 = showForm => createStyles({
12446
12534
  edit: theme => ({
12447
12535
  color: theme.palette.primary.main,
12448
12536
  padding: `0 ${theme.spacing(2)}`
@@ -12491,7 +12579,7 @@ const AutoFundingForm = ({
12491
12579
  } = autoFundingConfiguration;
12492
12580
  const [showForm, setShowForm] = useState(false);
12493
12581
  const [isSwitchOn, setIsSwitchOn] = useState(false);
12494
- const styles = getStyles(showForm);
12582
+ const styles = getStyles$1(showForm);
12495
12583
  const form = useForm({
12496
12584
  resolver: validationResolver(autoFundingSchema)
12497
12585
  });
@@ -12645,6 +12733,90 @@ const AutoFundingForm = ({
12645
12733
  });
12646
12734
  };
12647
12735
 
12736
+ const getStyles = fullWidth => createStyles({
12737
+ dateRangeSelect: theme => ({
12738
+ minWidth: theme.spacing(30),
12739
+ position: "relative",
12740
+ width: !fullWidth ? "auto" : theme.spacing(30)
12741
+ })
12742
+ });
12743
+
12744
+ const DateRangeSelect = ({
12745
+ fullWidth,
12746
+ onChange,
12747
+ options,
12748
+ value
12749
+ }) => {
12750
+ const {
12751
+ t
12752
+ } = useTranslation();
12753
+ const styles = getStyles(fullWidth);
12754
+ const handleChange = (_name, nextOption) => {
12755
+ if (!nextOption) throw new Error("DateRangeSelect requires non-null options");
12756
+ onChange(nextOption);
12757
+ };
12758
+ return jsx(Select$1, Object.assign({
12759
+ css: styles.dateRangeSelect,
12760
+ "data-testid": "date-range-select",
12761
+ label: t("wallet-history:dateRange"),
12762
+ leftContent: jsx(Icon, {
12763
+ name: IconNames$1.FILTER
12764
+ }),
12765
+ name: "date-range-select",
12766
+ onChange: handleChange,
12767
+ value: value
12768
+ }, {
12769
+ children: options.map(option => jsx(Option, Object.assign({
12770
+ selected: (value === null || value === void 0 ? void 0 : value.value) === option.value,
12771
+ value: option
12772
+ }, {
12773
+ children: option.label
12774
+ }), option.value))
12775
+ }));
12776
+ };
12777
+
12778
+ const DateRangeCombo = ({
12779
+ children: renderChildren,
12780
+ onChange,
12781
+ options,
12782
+ values: {
12783
+ customRange,
12784
+ selectedOption
12785
+ }
12786
+ }) => {
12787
+ const {
12788
+ t
12789
+ } = useTranslation();
12790
+ const handleChangeSelected = nextOption => {
12791
+ onChange === null || onChange === void 0 ? void 0 : onChange(nextOption, customRange);
12792
+ };
12793
+ const handleConfirmCustomRange = nextCustomRange => {
12794
+ onChange === null || onChange === void 0 ? void 0 : onChange(selectedOption, nextCustomRange);
12795
+ };
12796
+ const dateRangeSelect = jsx(DateRangeSelect, {
12797
+ fullWidth: !!renderChildren,
12798
+ onChange: handleChangeSelected,
12799
+ options: options,
12800
+ value: selectedOption
12801
+ });
12802
+ return jsxs(Fragment, {
12803
+ children: [renderChildren ? renderChildren(dateRangeSelect) : dateRangeSelect, (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) === "custom" && jsxs(Fragment, {
12804
+ children: [jsx(Spacer, {
12805
+ multiplier: 2
12806
+ }), jsx(DatePicker$1, {
12807
+ dateFormat: "MM/dd/yyyy",
12808
+ isClearable: true,
12809
+ label: t("wallet-history:actions.chooseDate"),
12810
+ maxDate: new Date(),
12811
+ onClickConfirm: dates => {
12812
+ if (Array.isArray(dates) && dates.length === 2 && dates[1] !== null) handleConfirmCustomRange(dates);
12813
+ },
12814
+ selectsRange: true
12815
+ })]
12816
+ })]
12817
+ });
12818
+ };
12819
+
12648
12820
  /**
12649
12821
  * Captures errors thrown within an Element, logs them and displays a fallback component
12650
12822
  *
@@ -12888,6 +13060,7 @@ var common = {
12888
13060
  email: "Email",
12889
13061
  addressResidentialIndicator: "Residential Address"
12890
13062
  },
13063
+ noResults: "No results found",
12891
13064
  subFields: {
12892
13065
  optional: "optional"
12893
13066
  },
@@ -12919,7 +13092,10 @@ var common = {
12919
13092
  name: "Name on Card",
12920
13093
  cardNumber: "Credit Card Number",
12921
13094
  expiration: "Card Expiration",
12922
- cvv: "CVV"
13095
+ cvv: "CVV",
13096
+ cvvPlaceholder: "---",
13097
+ expirationPlaceholder: "MM/YYYY",
13098
+ cardNumberPlaceholder: "**** **** **** ****"
12923
13099
  }
12924
13100
  },
12925
13101
  carriers: {
@@ -13014,6 +13190,7 @@ var common = {
13014
13190
  carriers: "Loading carriers...",
13015
13191
  data: "Loading...",
13016
13192
  importingSalesOrder: "Importing order...",
13193
+ onboarding: "Loading onboarding...",
13017
13194
  salesOrder: "Loading order...",
13018
13195
  shipment: "Loading shipment...",
13019
13196
  warehouses: "Loading warehouses..."
@@ -13051,6 +13228,7 @@ var common = {
13051
13228
  invalidAddressName: "Recipient Name must have two characters in First and Last Name.",
13052
13229
  invalidAddressPoBox: "A physical address is required for wallet registration. You can add a PO Box as a Ship From address.",
13053
13230
  invalidCreditCardType: "Card type must be Visa, Mastercard, American Express, or Discover",
13231
+ invalidExpiration: "Invalid Expiration Date",
13054
13232
  invalidPostalCode: "Invalid Postal Code",
13055
13233
  invalidStateProvince: "Invalid State",
13056
13234
  invalidString: "{{fieldLabel}} is invalid",
@@ -13106,20 +13284,34 @@ var listCarriers = {
13106
13284
 
13107
13285
  var manageDefaults = {
13108
13286
  "manage-defaults": {
13109
- label: {
13110
- purchase: {
13111
- title: "Set for all labels",
13112
- description: "This setting applies to all future labels and can be changed in your Account Settings."
13287
+ units: {
13288
+ title: "Units of Measure",
13289
+ dimensions: {
13290
+ title: "Dimensions",
13291
+ standard: "Inches",
13292
+ metric: "Centimeters"
13113
13293
  },
13114
- title: "Shipping Label Layout",
13294
+ weight: {
13295
+ title: "Weight",
13296
+ standard: "Pounds & Ounces",
13297
+ g: "Grams",
13298
+ kg: "Kilograms"
13299
+ }
13300
+ },
13301
+ label: {
13115
13302
  letter: {
13116
13303
  title: "Letter (8.5 x 11 inch)",
13117
13304
  description: "For desktop printers"
13118
13305
  },
13306
+ purchase: {
13307
+ title: "Set for all labels",
13308
+ description: "This setting applies to all future labels and can be changed in your Account Settings."
13309
+ },
13119
13310
  thermal: {
13120
13311
  title: "Thermal (4 x 6 inch)",
13121
13312
  description: "For label printers"
13122
- }
13313
+ },
13314
+ title: "Shipping Label Layout"
13123
13315
  }
13124
13316
  }
13125
13317
  };
@@ -13198,9 +13390,10 @@ var onboarding = {
13198
13390
  landing: {
13199
13391
  action: "Login",
13200
13392
  title: "Register Your Account",
13201
- subtitle: "Enter your email address to start using our service",
13202
- descriptionTitle: "Welcome",
13203
- description: "Get started with ShipEngine. Ship near, far, wherever you are with discounted USPS, UPS, DHLx rates"
13393
+ subtitle: "Enter your email address to start shipping with discounted carrier rates",
13394
+ welcome: "Welcome",
13395
+ messageLine1: "Simplify your shipping workflow no subscription required.",
13396
+ messageLine2: "You can compare carrier services, ship domestic and international orders, and manage your postage payments."
13204
13397
  },
13205
13398
  steps: {
13206
13399
  login: "Login",
@@ -13255,6 +13448,7 @@ var purchaseLabel = {
13255
13448
  },
13256
13449
  fields: {
13257
13450
  addOns: "Add-Ons",
13451
+ contentDescription: "Contents Description",
13258
13452
  confirmation: "Confirmation",
13259
13453
  dimensions: {
13260
13454
  length: "Length",
@@ -13281,6 +13475,9 @@ var purchaseLabel = {
13281
13475
  },
13282
13476
  weightGroup: "Weight"
13283
13477
  },
13478
+ hints: {
13479
+ contentDescription: "Required for all shipments to Mexico"
13480
+ },
13284
13481
  loading: {
13285
13482
  calculatingRates: "Calculating rates..."
13286
13483
  },
@@ -13425,8 +13622,10 @@ var voidLabel = {
13425
13622
  var walletHistory = {
13426
13623
  "wallet-history": {
13427
13624
  actions: {
13428
- downloadCsv: "Download a CSV"
13625
+ downloadCsv: "Download a CSV",
13626
+ chooseDate: "Choose a date"
13429
13627
  },
13628
+ dateRange: "Date range",
13430
13629
  historyOptions: {
13431
13630
  custom: "Custom",
13432
13631
  last30days: "Last 30 days",
@@ -13436,7 +13635,7 @@ var walletHistory = {
13436
13635
  }
13437
13636
  };
13438
13637
 
13439
- var index = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, common$1), listCarriers), manageFunding), manageWarehouses), manageDefaults), onboarding$1), purchaseLabel), registerCarrier), registerWallet), viewShipment), voidLabel), walletHistory);
13638
+ var index = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, common$1), listCarriers), manageDefaults), manageFunding), manageWarehouses), manageDefaults), onboarding$1), purchaseLabel), registerCarrier), registerWallet), viewShipment), voidLabel), walletHistory);
13440
13639
 
13441
13640
  var resources = /*#__PURE__*/Object.freeze({
13442
13641
  __proto__: null,
@@ -13708,7 +13907,7 @@ const ListCarriers = () => {
13708
13907
  });
13709
13908
  };
13710
13909
 
13711
- const Element$6 = registerElement("list-carriers", ListCarriers);
13910
+ const Element$5 = registerElement("list-carriers", ListCarriers);
13712
13911
 
13713
13912
  const ManageWarehouses = ({
13714
13913
  onWarehouseAddressValidation
@@ -13734,12 +13933,6 @@ const ManageWarehouses = ({
13734
13933
  error: deleteWarehouseErrors,
13735
13934
  mutateAsync: deleteWarehouse
13736
13935
  } = useDeleteWarehouse();
13737
- const {
13738
- errors: validateWarehouseErrors,
13739
- validate: validateWarehouse,
13740
- warehousePreference,
13741
- setWarehousePreference
13742
- } = useWarehouseValidation();
13743
13936
  const handleDeleteWarehouse = warehouseId => __awaiter(void 0, void 0, void 0, function* () {
13744
13937
  yield deleteWarehouse({
13745
13938
  warehouseId
@@ -13773,21 +13966,18 @@ const ManageWarehouses = ({
13773
13966
  if (listWarehouseErrors) throw new Error(listWarehouseErrors.map(e => e.message).join(", "));
13774
13967
  throw new Error("errorMessages.unableToLoad.warehouses");
13775
13968
  }
13776
- 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 : [])];
13969
+ const errors = [...(updateWarehouseErrors !== null && updateWarehouseErrors !== void 0 ? updateWarehouseErrors : []), ...(createWarehouseErrors !== null && createWarehouseErrors !== void 0 ? createWarehouseErrors : []), ...(deleteWarehouseErrors !== null && deleteWarehouseErrors !== void 0 ? deleteWarehouseErrors : [])];
13777
13970
  return jsx(ManageWarehouses$1, {
13778
13971
  errors: errors,
13779
13972
  onAdd: handleSubmitAddNewWarehouse,
13780
13973
  onDelete: handleDeleteWarehouse,
13781
13974
  onEdit: handleSubmitEditWarehouse,
13782
13975
  onSetDefault: handleSetDefault,
13783
- onValidate: validateWarehouse,
13784
- setWarehousePreference: setWarehousePreference,
13785
- warehousePreference: warehousePreference,
13786
13976
  warehouses: warehouses
13787
13977
  });
13788
13978
  };
13789
13979
 
13790
- const Element$5 = registerElement("manage-warehouses", ManageWarehouses);
13980
+ const Element$4 = registerElement("manage-warehouses", ManageWarehouses);
13791
13981
 
13792
13982
  const useAddress = ({
13793
13983
  compatibleCountryCodes,
@@ -14437,6 +14627,9 @@ const ConfigureShipment = _a => {
14437
14627
  const Onboarding = ({
14438
14628
  onCompleteOnboarding
14439
14629
  }) => {
14630
+ const {
14631
+ t
14632
+ } = useTranslation();
14440
14633
  const {
14441
14634
  data: warehouses,
14442
14635
  refetch: refetchWarehouses
@@ -14463,23 +14656,20 @@ const Onboarding = ({
14463
14656
  const onWarehouseCreated = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
14464
14657
  yield refetchWarehouses();
14465
14658
  }), [refetchWarehouses]);
14466
- const {
14467
- errors: validateWarehouseErrors,
14468
- validate: validateWarehouse,
14469
- warehousePreference,
14470
- setWarehousePreference
14471
- } = useWarehouseValidation();
14472
14659
  const onCarrierCreated = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
14473
14660
  yield refetchCarriers();
14474
14661
  }), [refetchCarriers]);
14475
- if (!carriers) return jsx(Loader, {});
14476
- if (!warehouses) return jsx(Loader, {});
14662
+ if (!carriers) return jsx(Loader, {
14663
+ message: t("errorMessages.unableToLoad.carriers")
14664
+ });
14665
+ if (!warehouses) return jsx(Loader, {
14666
+ message: t("errorMessages.unableToLoad.warehouses")
14667
+ });
14477
14668
  return jsx(Onboarding$1, {
14478
14669
  carriers: carriers,
14479
14670
  createWarehouse: createWarehouse,
14480
14671
  onCarrierCreated: onCarrierCreated,
14481
14672
  onCompleteOnboarding: onCompleteOnboarding,
14482
- onValidateWarehouse: validateWarehouse,
14483
14673
  onWarehouseCreated: onWarehouseCreated,
14484
14674
  registerDhlCarrier: registerDhlCarrier,
14485
14675
  registerDhlCarrierErrors: registerDhlCarrierErrors,
@@ -14487,9 +14677,6 @@ const Onboarding = ({
14487
14677
  registerStampsCarrierErrors: registerStampsCarrierErrors,
14488
14678
  registerUpsCarrier: registerUpsCarrier,
14489
14679
  registerUpsCarrierErrors: registerUpsCarrierErrors,
14490
- setWarehousePreference: setWarehousePreference,
14491
- validationErrors: validateWarehouseErrors,
14492
- warehousePreference: warehousePreference,
14493
14680
  warehouses: warehouses
14494
14681
  });
14495
14682
  };
@@ -14803,13 +14990,6 @@ const Shipment = ({
14803
14990
  });
14804
14991
  };
14805
14992
 
14806
- const WalletHistory = () => {
14807
- const walletHistory = useGetWalletTransactionHistory(); // Mock data for now. Real implementation coming in a subsequent PR [LMNT-842] https://auctane.atlassian.net/browse/LMNT-842
14808
- return jsx(WalletHistory$1, {
14809
- historyData: walletHistory
14810
- });
14811
- };
14812
-
14813
14993
  const VoidLabel = ({
14814
14994
  labelId,
14815
14995
  onComplete,
@@ -14838,14 +15018,12 @@ const VoidLabel = ({
14838
15018
  });
14839
15019
  };
14840
15020
 
14841
- const Element$4 = registerElement("purchase-label", PurchaseLabel);
14842
-
14843
- const Element$3 = registerElement("onboarding", Onboarding);
15021
+ const Element$3 = registerElement("purchase-label", PurchaseLabel);
14844
15022
 
14845
- const Element$2 = registerElement("wallet-history", WalletHistory);
15023
+ const Element$2 = registerElement("onboarding", Onboarding);
14846
15024
 
14847
15025
  const Element$1 = registerElement("view-shipment", Shipment);
14848
15026
 
14849
15027
  const Element = registerElement("void-label", VoidLabel);
14850
15028
 
14851
- export { Accordion, AddFundsForm, AutoFundingForm, ButtonGroup, CarrierBalance, Country, Cube, 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, 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, useElements, useExpirationMonthOptions, useInsuranceProviderOptions, useNestedForm, usePackageOptions, usePageLayout, useRateOptions, useRootPortal, useRunOnceOnTrue, useServiceCodeOptions, useShippingPresetsOptions, useStateCodeOptions, useToggle, useWarehouseOptions, useWarehouseValidation, validationResolver };
15029
+ 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 };