@shipengine/elements 0.31.0 → 0.32.1

package/index.js

@@ -1,7 +1,7 @@
-import { jsxs, jsx, Fragment } from '@emotion/react/jsx-runtime';
+import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import { useTranslation, Trans } from 'react-i18next';
-import { Typography, Link, ButtonSize, Spinner, Icon, IconSize, Divider, Skeleton, SkeletonAnimation, SkeletonVariant, Grid, GridChild, InlineNotification, NotificationType, Pagination, SkeletonBackgroundColor, RadioGroup, Radio, SpinnerSize, FormField, FieldMessageType, Checkbox, Input, SelectAutocomplete, Select as Select$1, OptionGroup, Option, Button, Switch as Switch$1, Textarea, ChipList, Chip, ButtonVariant, ButtonColor, Tag, TagColor, Stepper, Step, Table, TableBody, TableBaseRow, TableBodyCell, TableHeader, TableHeaderCell, Popover, DropdownOptionList, DatePicker as DatePicker$1, BottomSheet } from '@packlink/giger';
-import alchemy, { SE, logger, useValidateAddresses, useListCarriers, useConnectCarrier, useListWarehouses, useUpdateWarehouse, useCreateWarehouse, useDeleteWarehouse, useGetWalletHistory, useGetAccountSettings, useUpdateAccountSettings, useAddFunds, useGetCarrierById, useUpdateFundingSource, useListFundingSources, useUpdateAutoFunding, useGetAutoFundingConfiguration, Currency, useCreateFundingSource, useRegisterCarrier, useUpdateSalesOrderShipment, useParseAddress, useListCustomPackageTypes, useCalculateRates, useGetShipmentRates, useListLabels, useCreateLabel, useListSalesOrderShipments, useCreateSalesOrderShipment, useListSalesOrders, useGetSalesOrder, useListOrderSources, useRefreshOrderSource, useCreateShipment, useGetShipment, useGetSalesOrderShipment, useGetLabel, useVoidLabel } from '@shipengine/alchemy';
+import { InlineNotification, NotificationType, Typography, Link, ButtonSize, Spinner, Icon, IconSize, Divider, Skeleton, SkeletonAnimation, SkeletonVariant, Grid, GridChild, Pagination, SkeletonBackgroundColor, RadioGroup, Radio, SpinnerSize, FormField, FieldMessageType, Checkbox, Input, SelectAutocomplete, Select as Select$1, OptionGroup, Option, Button, Switch as Switch$1, Textarea, ChipList, Chip, ButtonVariant, ButtonColor, Tag, TagColor, Stepper, Step, Table, TableBody, TableBaseRow, TableBodyCell, TableHeader, TableHeaderCell, Popover, DropdownOptionList, DatePicker as DatePicker$1, BottomSheet } from '@packlink/giger';
+import alchemy, { SE, logger, useValidateAddresses, useListCarriers, useConnectCarrier, useListWarehouses, useUpdateWarehouse, useCreateWarehouse, useDeleteWarehouse, useGetWalletHistory, useGetAccountSettings, useUpdateAccountSettings, useAddFunds, useGetCarrierById, useUpdateAutoFunding, useGetAutoFundingConfiguration, Currency, useUpdateFundingSource, useListFundingSources, useCreateFundingSource, useRegisterCarrier, useUpdateSalesOrderShipment, useParseAddress, useListCustomPackageTypes, useCalculateRates, useGetShipmentRates, useListLabels, useCreateLabel, useListSalesOrderShipments, useCreateSalesOrderShipment, useListSalesOrders, useGetSalesOrder, useListOrderSources, useRefreshOrderSource, useCreateShipment, useGetShipment, useGetSalesOrderShipment, useGetLabel, useVoidLabel } from '@shipengine/alchemy';
 import axios from 'axios';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { z } from 'zod';
@@ -3840,44 +3840,56 @@ const getContainerStyles = theme => /*#__PURE__*/css({
   flexDirection: "column",
   height: "100%",
   paddingTop: theme.spacing(0.5),
-  width: "100%"
-}, process.env.NODE_ENV === "production" ? "" : ";label:getContainerStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDNkMiLCJmaWxlIjoicHJlc2V0LWRlc2NyaXB0b3Iuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBnZXRDb250YWluZXJTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXHJcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxyXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuc3BhY2luZygwLjUpLFxyXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldERpbWVuc2lvblN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGNvbG9yOiB0aGVtZS5wYWxldHRlLmdyYXkubWFpbixcclxuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplLlhTLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFNlcnZpY2VOYW1lU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZm9udFNpemU6IHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemUuWFhTLFxyXG4gICAgbGluZUhlaWdodDogMCxcclxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLnNwYWNpbmcoKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRQcmVzZXROYW1lU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZm9udFNpemU6IHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemUuWFMsXHJcbiAgICBmb250V2VpZ2h0OiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRXZWlnaHQuYm9sZCxcclxufSk7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy5qcy5tYXAiXX0= */");
+  width: "max-content"
+}, process.env.NODE_ENV === "production" ? "" : ";label:getContainerStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDNkMiLCJmaWxlIjoicHJlc2V0LWRlc2NyaXB0b3Iuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBnZXRDb250YWluZXJTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXHJcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxyXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuc3BhY2luZygwLjUpLFxyXG4gICAgd2lkdGg6IFwibWF4LWNvbnRlbnRcIixcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXREaW1lbnNpb25TdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5ncmF5Lm1haW4sXHJcbiAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZS5YUyxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRTZXJ2aWNlTmFtZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplLlhYUyxcclxuICAgIGxpbmVIZWlnaHQ6IDAsXHJcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UHJlc2V0TmFtZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplLlhTLFxyXG4gICAgZm9udFdlaWdodDogdGhlbWUudHlwb2dyYXBoeS5mb250V2VpZ2h0LmJvbGQsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0V2FybmluZ1N0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJhY2tncm91bmQ6IFwibm9uZVwiLFxyXG4gICAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXHJcbiAgICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2luZygtMyksXHJcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNpbmcoLTUpLFxyXG4gICAgd2lkdGg6IHRoZW1lLnNwYWNpbmcoKSxcclxufSk7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy5qcy5tYXAiXX0= */");
 const getDimensionStyles = theme => /*#__PURE__*/css({
   color: theme.palette.gray.main,
   fontSize: theme.typography.fontSize.XS
-}, process.env.NODE_ENV === "production" ? "" : ";label:getDimensionStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRNkMiLCJmaWxlIjoicHJlc2V0LWRlc2NyaXB0b3Iuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBnZXRDb250YWluZXJTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXHJcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxyXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuc3BhY2luZygwLjUpLFxyXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldERpbWVuc2lvblN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGNvbG9yOiB0aGVtZS5wYWxldHRlLmdyYXkubWFpbixcclxuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplLlhTLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFNlcnZpY2VOYW1lU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZm9udFNpemU6IHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemUuWFhTLFxyXG4gICAgbGluZUhlaWdodDogMCxcclxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLnNwYWNpbmcoKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRQcmVzZXROYW1lU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZm9udFNpemU6IHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemUuWFMsXHJcbiAgICBmb250V2VpZ2h0OiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRXZWlnaHQuYm9sZCxcclxufSk7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy5qcy5tYXAiXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : ";label:getDimensionStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRNkMiLCJmaWxlIjoicHJlc2V0LWRlc2NyaXB0b3Iuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBnZXRDb250YWluZXJTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXHJcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxyXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuc3BhY2luZygwLjUpLFxyXG4gICAgd2lkdGg6IFwibWF4LWNvbnRlbnRcIixcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXREaW1lbnNpb25TdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5ncmF5Lm1haW4sXHJcbiAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZS5YUyxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRTZXJ2aWNlTmFtZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplLlhYUyxcclxuICAgIGxpbmVIZWlnaHQ6IDAsXHJcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UHJlc2V0TmFtZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplLlhTLFxyXG4gICAgZm9udFdlaWdodDogdGhlbWUudHlwb2dyYXBoeS5mb250V2VpZ2h0LmJvbGQsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0V2FybmluZ1N0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJhY2tncm91bmQ6IFwibm9uZVwiLFxyXG4gICAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXHJcbiAgICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2luZygtMyksXHJcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNpbmcoLTUpLFxyXG4gICAgd2lkdGg6IHRoZW1lLnNwYWNpbmcoKSxcclxufSk7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy5qcy5tYXAiXX0= */");
 const getServiceNameStyles = theme => /*#__PURE__*/css({
   fontSize: theme.typography.fontSize.XXS,
   lineHeight: 0,
   paddingTop: theme.spacing()
-}, process.env.NODE_ENV === "production" ? "" : ";label:getServiceNameStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZK0MiLCJmaWxlIjoicHJlc2V0LWRlc2NyaXB0b3Iuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBnZXRDb250YWluZXJTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXHJcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxyXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuc3BhY2luZygwLjUpLFxyXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldERpbWVuc2lvblN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGNvbG9yOiB0aGVtZS5wYWxldHRlLmdyYXkubWFpbixcclxuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplLlhTLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFNlcnZpY2VOYW1lU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZm9udFNpemU6IHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemUuWFhTLFxyXG4gICAgbGluZUhlaWdodDogMCxcclxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLnNwYWNpbmcoKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRQcmVzZXROYW1lU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZm9udFNpemU6IHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemUuWFMsXHJcbiAgICBmb250V2VpZ2h0OiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRXZWlnaHQuYm9sZCxcclxufSk7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy5qcy5tYXAiXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : ";label:getServiceNameStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZK0MiLCJmaWxlIjoicHJlc2V0LWRlc2NyaXB0b3Iuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBnZXRDb250YWluZXJTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXHJcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxyXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuc3BhY2luZygwLjUpLFxyXG4gICAgd2lkdGg6IFwibWF4LWNvbnRlbnRcIixcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXREaW1lbnNpb25TdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5ncmF5Lm1haW4sXHJcbiAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZS5YUyxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRTZXJ2aWNlTmFtZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplLlhYUyxcclxuICAgIGxpbmVIZWlnaHQ6IDAsXHJcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UHJlc2V0TmFtZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplLlhTLFxyXG4gICAgZm9udFdlaWdodDogdGhlbWUudHlwb2dyYXBoeS5mb250V2VpZ2h0LmJvbGQsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0V2FybmluZ1N0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJhY2tncm91bmQ6IFwibm9uZVwiLFxyXG4gICAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXHJcbiAgICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2luZygtMyksXHJcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNpbmcoLTUpLFxyXG4gICAgd2lkdGg6IHRoZW1lLnNwYWNpbmcoKSxcclxufSk7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy5qcy5tYXAiXX0= */");
 const getPresetNameStyles = theme => /*#__PURE__*/css({
   fontSize: theme.typography.fontSize.XS,
   fontWeight: theme.typography.fontWeight.bold
-}, process.env.NODE_ENV === "production" ? "" : ";label:getPresetNameStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjhDIiwiZmlsZSI6InByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xyXG5leHBvcnQgY29uc3QgZ2V0Q29udGFpbmVyU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXHJcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxyXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcclxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLnNwYWNpbmcoMC41KSxcclxuICAgIHdpZHRoOiBcIjEwMCVcIixcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXREaW1lbnNpb25TdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5ncmF5Lm1haW4sXHJcbiAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZS5YUyxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRTZXJ2aWNlTmFtZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplLlhYUyxcclxuICAgIGxpbmVIZWlnaHQ6IDAsXHJcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UHJlc2V0TmFtZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplLlhTLFxyXG4gICAgZm9udFdlaWdodDogdGhlbWUudHlwb2dyYXBoeS5mb250V2VpZ2h0LmJvbGQsXHJcbn0pO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1wcmVzZXQtZGVzY3JpcHRvci5zdHlsZXMuanMubWFwIl19 */");
-
-const PresetDescriptor = preset => jsxs("div", Object.assign({
+}, process.env.NODE_ENV === "production" ? "" : ";label:getPresetNameStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjhDIiwiZmlsZSI6InByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xyXG5leHBvcnQgY29uc3QgZ2V0Q29udGFpbmVyU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXHJcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxyXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcclxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLnNwYWNpbmcoMC41KSxcclxuICAgIHdpZHRoOiBcIm1heC1jb250ZW50XCIsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0RGltZW5zaW9uU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgY29sb3I6IHRoZW1lLnBhbGV0dGUuZ3JheS5tYWluLFxyXG4gICAgZm9udFNpemU6IHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemUuWFMsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0U2VydmljZU5hbWVTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZS5YWFMsXHJcbiAgICBsaW5lSGVpZ2h0OiAwLFxyXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuc3BhY2luZygpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFByZXNldE5hbWVTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZS5YUyxcclxuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnR5cG9ncmFwaHkuZm9udFdlaWdodC5ib2xkLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFdhcm5pbmdTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBiYWNrZ3JvdW5kOiBcIm5vbmVcIixcclxuICAgIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxyXG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoLTMpLFxyXG4gICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjaW5nKC01KSxcclxuICAgIHdpZHRoOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1wcmVzZXQtZGVzY3JpcHRvci5zdHlsZXMuanMubWFwIl19 */");
+const getWarningStyles = theme => /*#__PURE__*/css({
+  background: "none",
+  marginLeft: "auto",
+  marginRight: theme.spacing(-3),
+  marginTop: theme.spacing(-5),
+  width: theme.spacing()
+}, process.env.NODE_ENV === "production" ? "" : ";label:getWarningStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQjJDIiwiZmlsZSI6InByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xyXG5leHBvcnQgY29uc3QgZ2V0Q29udGFpbmVyU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXHJcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxyXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcclxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLnNwYWNpbmcoMC41KSxcclxuICAgIHdpZHRoOiBcIm1heC1jb250ZW50XCIsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0RGltZW5zaW9uU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgY29sb3I6IHRoZW1lLnBhbGV0dGUuZ3JheS5tYWluLFxyXG4gICAgZm9udFNpemU6IHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemUuWFMsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0U2VydmljZU5hbWVTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZS5YWFMsXHJcbiAgICBsaW5lSGVpZ2h0OiAwLFxyXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuc3BhY2luZygpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFByZXNldE5hbWVTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZS5YUyxcclxuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnR5cG9ncmFwaHkuZm9udFdlaWdodC5ib2xkLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFdhcm5pbmdTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBiYWNrZ3JvdW5kOiBcIm5vbmVcIixcclxuICAgIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxyXG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoLTMpLFxyXG4gICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjaW5nKC01KSxcclxuICAgIHdpZHRoOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1wcmVzZXQtZGVzY3JpcHRvci5zdHlsZXMuanMubWFwIl19 */");
+
+const PresetDescriptor = preset => jsx("div", Object.assign({
   css: getContainerStyles
 }, {
-  children: [jsxs("div", {
-    children: [jsx("span", Object.assign({
-      css: getPresetNameStyles
-    }, {
-      children: preset.name
-    })), jsx("span", Object.assign({
-      css: getDimensionStyles
-    }, {
-      children: (preset.dimensions || preset.weight) && " - "
-    })), preset.dimensions && jsxs("span", Object.assign({
-      css: getDimensionStyles
+  children: jsxs("div", {
+    children: [jsxs("div", {
+      children: [jsx("span", Object.assign({
+        css: getPresetNameStyles
+      }, {
+        children: preset.name
+      })), jsx("span", Object.assign({
+        css: getDimensionStyles
+      }, {
+        children: (preset.dimensions || preset.weight) && " - "
+      })), preset.dimensions && jsxs("span", Object.assign({
+        css: getDimensionStyles
+      }, {
+        children: [preset.dimensions.length, "x", preset.dimensions.height, "x", preset.dimensions.width]
+      }))]
+    }), jsx("div", Object.assign({
+      css: getServiceNameStyles
     }, {
-      children: [preset.dimensions.length, "x", preset.dimensions.height, "x", preset.dimensions.width]
-    }))]
-  }), jsx("div", Object.assign({
-    css: getServiceNameStyles
-  }, {
-    children: preset.serviceName && preset.serviceName
-  }))]
+      children: preset.serviceName && preset.serviceName
+    })), preset.serviceName && ["USPS Parcel Select Ground", "USPS First Class Mail"].includes(preset.serviceName) && jsx(InlineNotification, {
+      css: getWarningStyles,
+      type: NotificationType.ALERT
+    })]
+  })
 }));
 
 const createCategoryFromShippingPresets = (categoryName, presets) => presets ? [{
@@ -3928,7 +3940,7 @@ var _carrierMetadata = [
 		],
 		shortname: "DHL",
 		terms: {
-			title: "DHL Agreements",
+			title: "DHL Express Agreement",
 			content: [
 			],
 			links: [
@@ -8763,7 +8775,209 @@ const AddFundsForm = ({
   });
 };
 
-const styles$n = isLabelRight => createStyles({
+const styles$n = createStyles({
+  edit: theme => ({
+    color: theme.palette.primary.main,
+    padding: `0 ${theme.spacing(2)}`
+  }),
+  getForm: showForm => theme => ({
+    backgroundColor: theme.palette.gray.megaLight,
+    display: showForm ? "flex" : "none",
+    flexDirection: "column",
+    padding: theme.spacing(2)
+  }),
+  input: theme => ({
+    width: theme.spacing(13)
+  }),
+  marginLeft: {
+    marginLeft: "auto"
+  }
+});
+
+const autoFundingSchema = z.object({
+  isEnabled: z.boolean(),
+  lowBalancePurchaseThreshold: moneySchema.extend({
+    amount: z.number().min(10)
+  }),
+  maximumPurchasesPerDay: z.number().min(1),
+  purchaseAmount: moneySchema.extend({
+    amount: z.number().min(10).max(10000)
+  })
+});
+
+/**
+ * This form that allows users to enable or disable auto funding, and
+ * configure auto funding rules in ShipEngine API.
+ *
+ * @param carrierId The carrierId of the carrier provider you wish to configure auto-funding rules for.
+ */
+const AutoFundingForm = ({
+  carrierId
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const updateAutoFunding = useUpdateAutoFunding(carrierId);
+  const autoFundingConfiguration = useGetAutoFundingConfiguration(carrierId);
+  const {
+    data: autoFundingSettings
+  } = autoFundingConfiguration;
+  const [showForm, setShowForm] = useState(false);
+  const [isSwitchOn, setIsSwitchOn] = useState(false);
+  const form = useForm({
+    resolver: validationResolver(autoFundingSchema)
+  });
+  const watchIsEnabled = form.watch("isEnabled");
+  const formReset = isEnabled => form.reset(values => Object.assign(Object.assign({}, values), {
+    isEnabled
+  }), {
+    keepDirty: true
+  });
+  const handleSubmit = formLogger.capture(form.handleSubmit(values => {
+    setShowForm(prev => !prev);
+    setIsSwitchOn(true);
+    const payload = values;
+    updateAutoFunding.mutate(payload, {
+      onSuccess: () => autoFundingConfiguration.refetch()
+    });
+  }));
+  /**
+   * This function toggles the form visibility and conditionally disables auto-funding
+   * when falsy. This is because when someone toggles the enable auto-funding switch
+   * off, they do not want to have auto-funding enabled at all.
+   */
+  const handleToggle = isEnabled => {
+    setIsSwitchOn(isEnabled);
+    setShowForm(isEnabled);
+    formReset(isEnabled);
+    if (!isEnabled) {
+      setIsSwitchOn(isEnabled);
+      updateAutoFunding.mutate(form.getValues(), {
+        onSuccess: () => autoFundingConfiguration.refetch()
+      });
+    }
+  };
+  if (autoFundingConfiguration.isLoading || updateAutoFunding.isLoading) return jsx(Loader, {
+    message: t("manage-funding:autoFunding.isLoading")
+  });
+  if (!autoFundingSettings) throw new Error(t("errorMessages:unableToLoad.autoFundingSettings"));
+  return jsxs(Fragment, {
+    children: [jsxs(Spread, {
+      children: [jsx(Typography, Object.assign({
+        bold: !!(autoFundingSettings === null || autoFundingSettings === void 0 ? void 0 : autoFundingSettings.isAutoPurchaseEnabled),
+        variant: "body1"
+      }, {
+        children: t("manage-funding:autoFunding:isEnabledCTA")
+      })), jsx(Switch, {
+        "data-testid": "auto-funding-toggle",
+        defaultChecked: isSwitchOn,
+        name: "isEnabled",
+        onChange: e => handleToggle(e.target.checked),
+        value: isSwitchOn
+      })]
+    }), jsx(Spacer, {
+      multiplier: 1
+    }), !!(autoFundingSettings === null || autoFundingSettings === void 0 ? void 0 : autoFundingSettings.isAutoPurchaseEnabled) && !showForm && jsxs(Spread, {
+      children: [jsx(Typography, Object.assign({
+        variant: "body1"
+      }, {
+        children: t("manage-funding:autoFunding.readSettings", Object.assign({}, autoFundingSettings))
+      })), jsx(LinkAction, {
+        css: styles$n.edit,
+        onClick: () => handleToggle(true),
+        title: t("manage-funding:autoFunding:edit")
+      })]
+    }), jsxs("form", Object.assign({
+      css: styles$n.getForm(showForm),
+      "data-testid": "auto-funding-form",
+      id: "auto-funding-form",
+      onSubmit: handleSubmit
+    }, {
+      children: [jsx(Typography, Object.assign({
+        bold: true,
+        variant: "body1"
+      }, {
+        children: t("manage-funding:autoFunding:editSettings")
+      })), jsx("div", Object.assign({
+        css: styles$n.marginLeft
+      }, {
+        children: jsx(MoneyInput, {
+          control: form.control,
+          css: styles$n.input,
+          "data-testid": "auto-funding-threshold-input",
+          defaultValue: {
+            amount: autoFundingSettings === null || autoFundingSettings === void 0 ? void 0 : autoFundingSettings.autoPurchaseThreshold,
+            currency: Currency.USD
+          },
+          disabled: !watchIsEnabled,
+          label: t("manage-funding:autoFunding.lowBalancePurchaseThreshold"),
+          labelWeight: "normal",
+          name: "lowBalancePurchaseThreshold",
+          showCurrencySymbol: true
+        })
+      })), jsx("div", Object.assign({
+        css: styles$n.marginLeft
+      }, {
+        children: jsx(MoneyInput, {
+          control: form.control,
+          css: styles$n.input,
+          "data-testid": "auto-funding-purchase-amount-input",
+          defaultValue: {
+            amount: autoFundingSettings === null || autoFundingSettings === void 0 ? void 0 : autoFundingSettings.autoPurchaseAmount,
+            currency: Currency.USD
+          },
+          disabled: !watchIsEnabled,
+          label: t("manage-funding:autoFunding.purchaseAmount"),
+          labelWeight: "normal",
+          name: "purchaseAmount",
+          showCurrencySymbol: true
+        })
+      })), jsx("div", Object.assign({
+        css: styles$n.marginLeft
+      }, {
+        children: jsx(NumberInput, {
+          control: form.control,
+          css: styles$n.input,
+          "data-testid": "auto-funding-max-per-day-input",
+          defaultValue: autoFundingSettings === null || autoFundingSettings === void 0 ? void 0 : autoFundingSettings.autoPurchaseCutoff,
+          disabled: !watchIsEnabled,
+          isInteger: true,
+          label: t("manage-funding:autoFunding.maximumPurchasesPerDay"),
+          labelWeight: "normal",
+          name: "maximumPurchasesPerDay"
+        })
+      })), jsxs(ButtonGroup, Object.assign({
+        justify: "end"
+      }, {
+        children: [jsx(Button, Object.assign({
+          onClick: isSwitchOn ? () => setShowForm(false) : () => handleToggle(false),
+          variant: ButtonVariant.TEXT
+        }, {
+          children: t("actions.cancel")
+        })), jsx(SubmitButton, Object.assign({
+          control: form.control,
+          "data-testid": "submit-auto-funding",
+          disabled: !watchIsEnabled,
+          requireDirty: true,
+          variant: ButtonVariant.OUTLINED
+        }, {
+          children: t("manage-funding:actions.saveRule")
+        }))]
+      }))]
+    })), autoFundingConfiguration.error && jsxs(Fragment, {
+      children: [jsx(Spacer, {
+        multiplier: 1
+      }), jsx(InlineNotification, Object.assign({
+        title: t("manage-funding:autoFunding.error.title"),
+        type: NotificationType.ERROR
+      }, {
+        children: autoFundingConfiguration.error[0].message
+      }))]
+    })]
+  });
+};
+
+const styles$m = isLabelRight => createStyles({
   inlineContainer: theme => ({
     alignItems: "center",
     display: "flex",
@@ -8778,14 +8992,14 @@ const InlineLabel = ({
   isLabelRight,
   labelProps: _labelProps = {}
 }) => jsxs("div", Object.assign({
-  css: styles$n(isLabelRight).inlineContainer
+  css: styles$m(isLabelRight).inlineContainer
 }, {
   children: [jsx(Typography, Object.assign({}, _labelProps, {
     children: label
   })), children]
 }));
 
-const styles$m = createStyles({
+const styles$l = createStyles({
   getBalanceText: balance => theme => ({
     color: balance === undefined ? theme.palette.alert.main : balance >= 0 ? theme.palette.secondary.dark : theme.palette.error.main
   })
@@ -8810,7 +9024,7 @@ const CarrierBalance = ({
   }, {
     children: isLoadingCarrier || isRefetchingCarrier ? jsx(Spinner, {}) : jsx(Typography, Object.assign({
       bold: true,
-      css: styles$m.getBalanceText(carrierBalance)
+      css: styles$l.getBalanceText(carrierBalance)
     }, {
       children: carrierBalance === undefined ? t("manage-funding:errors.balanceUnknown") : formatMoney({
         amount: carrierBalance,
@@ -8863,6 +9077,8 @@ const ManageFunding = ({
         })]
       }), jsx(Spacer, {
         multiplier: 2
+      }), jsx(AutoFundingForm, {
+        carrierId: carrierId
       })]
     })
   }));
@@ -8936,7 +9152,7 @@ const AddressParser = ({
   }));
 };
 
-const styles$l = createStyles({
+const styles$k = createStyles({
   grow: {
     flexGrow: 1
   },
@@ -8997,6 +9213,22 @@ const AddressFields = ({
       labelWeight: "normal",
       name: _formatFieldName("companyName"),
       nativeLabel: true
+    }), jsx(SelectAutoComplete, {
+      control: form.control,
+      form: formId,
+      label: t("address.fields.countryCode"),
+      labelWeight: "normal",
+      name: _formatFieldName("countryCode"),
+      nativeLabel: true,
+      noResultsLabel: t("address.noResults"),
+      onChange: value => {
+        if (value) {
+          form.setValue(_formatFieldName("stateProvince"), null, {
+            shouldValidate: isSubmitted
+          });
+        }
+      },
+      options: countryCodeOptions
     }), jsx(TextInput, {
       control: form.control,
       form: formId,
@@ -9019,30 +9251,14 @@ const AddressFields = ({
       labelWeight: "normal",
       name: _formatFieldName("cityLocality"),
       nativeLabel: true
-    }), jsx(SelectAutoComplete, {
-      control: form.control,
-      form: formId,
-      label: t("address.fields.countryCode"),
-      labelWeight: "normal",
-      name: _formatFieldName("countryCode"),
-      nativeLabel: true,
-      noResultsLabel: t("address.noResults"),
-      onChange: value => {
-        if (value) {
-          form.setValue(_formatFieldName("stateProvince"), null, {
-            shouldValidate: isSubmitted
-          });
-        }
-      },
-      options: countryCodeOptions
     }), jsxs("div", Object.assign({
-      css: styles$l.stateZipWrapper
+      css: styles$k.stateZipWrapper
     }, {
       children: [jsx("div", Object.assign({
-        css: styles$l.stateWrapper
+        css: styles$k.stateWrapper
       }, {
         children: jsx("div", Object.assign({
-          css: styles$l.grow
+          css: styles$k.grow
         }, {
           children: watchCountryCode === "US" ?
           // Domestic States
@@ -9067,10 +9283,10 @@ const AddressFields = ({
           })
         }))
       })), jsx("div", Object.assign({
-        css: styles$l.zipWrapper
+        css: styles$k.zipWrapper
       }, {
         children: jsx("div", Object.assign({
-          css: styles$l.grow
+          css: styles$k.grow
         }, {
           children: jsx(TextInput, {
             control: form.control,
@@ -9865,7 +10081,7 @@ const EditWalletAddressForm = ({
   }));
 };
 
-const styles$k = createStyles({
+const styles$j = createStyles({
   grid: theme => ({
     margin: theme.spacing(4)
   })
@@ -9927,7 +10143,7 @@ const WalletForm = ({
     onSubmit: formLogger.capture(handleSubmit)
   }, {
     children: jsxs(Grid, Object.assign({
-      css: styles$k.grid,
+      css: styles$j.grid,
       noPadding: true
     }, {
       children: [jsx(GridChild, Object.assign({
@@ -10009,7 +10225,7 @@ const WalletForm = ({
   }));
 };
 
-const styles$j = createStyles({
+const styles$i = createStyles({
   boldLink: theme => ({
     fontWeight: theme.typography.fontWeight.bold
   }),
@@ -10051,11 +10267,11 @@ const EditBillingForm = ({
     onSubmit: formLogger.capture(handleSubmit)
   }, {
     children: jsxs(Grid, Object.assign({
-      css: styles$j.container
+      css: styles$i.container
     }, {
       children: [jsx(GridChild, Object.assign({
         colSpan: 12,
-        css: styles$j.subtitle
+        css: styles$i.subtitle
       }, {
         children: jsx(Typography, Object.assign({
           variant: "subtitle1"
@@ -10070,7 +10286,7 @@ const EditBillingForm = ({
         })
       })), jsx(GridChild, Object.assign({
         colSpan: 12,
-        css: styles$j.subtitle
+        css: styles$i.subtitle
       }, {
         children: jsx(Typography, Object.assign({
           variant: "subtitle1"
@@ -10106,7 +10322,7 @@ const EditBillingForm = ({
             children: t("actions.cancel")
           })), jsx(SubmitButton, Object.assign({
             control: form.control,
-            css: styles$j.boldLink,
+            css: styles$i.boldLink,
             variant: ButtonVariant.OUTLINED
           }, {
             children: t("actions.save")
@@ -10125,7 +10341,7 @@ var img$1 = "data:image/svg+xml,%3csvg width='150' height='96' viewBox='0 0 150
 
 var img = "data:image/svg+xml,%3csvg width='150' height='96' viewBox='0 0 150 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_5173_115335)'%3e%3cpath d='M7.69231 0H142.308C146.556 0 150 3.42938 150 7.65957V88.0851C150 92.3155 146.556 95.7447 142.308 95.7447H7.69231C3.44404 95.7447 0 92.3155 0 88.0851V7.65957C0 3.42938 3.44404 0 7.69231 0Z' fill='%230E4595'/%3e%3cpath d='M56.3845 66.7782L62.8001 29.2922H73.0616L66.6414 66.7782H56.3845ZM103.713 30.1003C101.681 29.3409 98.4947 28.5259 94.5168 28.5259C84.3774 28.5259 77.2351 33.6099 77.1745 40.8967C77.117 46.2833 82.2733 49.2881 86.1653 51.0812C90.1597 52.9186 91.5022 54.0903 91.4833 55.7312C91.4582 58.2437 88.2937 59.3917 85.3445 59.3917C81.2374 59.3917 79.0555 58.8235 75.6855 57.4239L74.3632 56.8284L72.923 65.22C75.3197 66.2663 79.7518 67.1728 84.3533 67.2198C95.1399 67.2198 102.142 62.1939 102.222 54.4126C102.26 50.1483 99.5264 46.9031 93.6062 44.2276C90.0197 42.4937 87.8232 41.3363 87.8464 39.5806C87.8464 38.0224 89.7057 36.3561 93.7228 36.3561C97.0783 36.3044 99.5093 37.033 101.403 37.7922L102.323 38.225L103.713 30.1003ZM130.119 29.2916H122.19C119.734 29.2916 117.895 29.9594 116.817 32.4003L101.577 66.7535H112.353C112.353 66.7535 114.114 62.1342 114.513 61.1202C115.69 61.1202 126.158 61.1363 127.654 61.1363C127.961 62.4486 128.903 66.7535 128.903 66.7535H138.424L130.119 29.2905V29.2916ZM117.539 53.4978C118.387 51.338 121.627 43.0189 121.627 43.0189C121.566 43.1189 122.469 40.8486 122.988 39.4412L123.681 42.6733C123.681 42.6733 125.646 51.6214 126.057 53.4978H117.539ZM47.6733 29.2916L37.6272 54.8555L36.5566 49.6604C34.6864 43.6719 28.8595 37.1839 22.3455 33.9356L31.5312 66.7186L42.3882 66.7064L58.5428 29.2913H47.6733' fill='white'/%3e%3cpath d='M28.254 29.2903H11.7076L11.5767 30.0703C24.4494 33.1731 32.967 40.6717 36.5036 49.6807L32.9055 32.4543C32.2844 30.0808 30.483 29.3725 28.2544 29.2896' fill='%23F2AE14'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_5173_115335'%3e%3crect width='150' height='95.7447' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
 
-const styles$i = createStyles({
+const styles$h = createStyles({
   body: theme => ({
     borderTop: `1px solid ${theme.palette.gray.light}`,
     color: theme.palette.black,
@@ -10176,14 +10392,14 @@ const SettingsCard = ({
   verticallyAligned
 }) => {
   return jsxs("div", Object.assign({
-    css: verticallyAligned ? styles$i.verticalContainer : styles$i.container,
+    css: verticallyAligned ? styles$h.verticalContainer : styles$h.container,
     "data-testid": "settingsCard"
   }, {
     children: [jsxs("div", Object.assign({
-      css: styles$i.header
+      css: styles$h.header
     }, {
       children: [jsxs("div", Object.assign({
-        css: styles$i.title
+        css: styles$h.title
       }, {
         children: [typeof title === "string" ? jsx(Typography, Object.assign({
           variant: "subtitle2"
@@ -10211,7 +10427,7 @@ const SettingsCard = ({
         }))
       }))]
     })), children && jsx("div", Object.assign({
-      css: styles$i.body
+      css: styles$h.body
     }, {
       children: jsxs("div", {
         children: [children, accessoryAction && jsx(ButtonGroup, Object.assign({
@@ -10232,7 +10448,7 @@ const SettingsCard = ({
   }));
 };
 
-const styles$h = createStyles({
+const styles$g = createStyles({
   container: {
     display: "flex",
     height: "72px",
@@ -10262,7 +10478,7 @@ const WalletCard = ({
   };
   const Logo = provider ? logos[provider] : undefined;
   return jsx("div", Object.assign({
-    css: styles$h.container
+    css: styles$g.container
   }, {
     children: jsx(SettingsCard, {
       cardAction: {
@@ -10276,7 +10492,7 @@ const WalletCard = ({
           src: Logo,
           width: 56
         }) : jsx(Icon, {
-          css: styles$h.icon,
+          css: styles$g.icon,
           name: IconNames.CREDIT_CARD,
           size: IconSize.SIZE_LARGE
         }), jsx(Typography, Object.assign({
@@ -10360,7 +10576,7 @@ var SvgShipengineLogo = function SvgShipengineLogo(props) {
   })))));
 };
 
-const styles$g = createStyles({
+const styles$f = createStyles({
   poweredByShipEngine: {
     alignItems: "center",
     color: "#818F9C",
@@ -10377,7 +10593,7 @@ const PoweredByShipEngine = () => {
     t
   } = useTranslation();
   return jsxs("div", Object.assign({
-    css: styles$g.poweredByShipEngine
+    css: styles$f.poweredByShipEngine
   }, {
     children: [jsx(Typography, Object.assign({
       variant: "body2"
@@ -10536,7 +10752,7 @@ const AccountSettings = _a => {
   });
 };
 
-const styles$f = createStyles({
+const styles$e = createStyles({
   agreement: {
     alignItems: "center",
     display: "flex",
@@ -10614,10 +10830,10 @@ const DisplayCarrierTerms = c => {
   const listCarrierLinks = () => {
     return c.carrierTerms.links.map((term, index) => {
       return jsx("li", Object.assign({
-        css: styles$f.listItems
+        css: styles$e.listItems
       }, {
         children: jsx(Link, Object.assign({
-          css: styles$f.link,
+          css: styles$e.link,
           href: term.url,
           isExternal: true,
           target: "_blank"
@@ -10636,18 +10852,18 @@ const DisplayCarrierTerms = c => {
       children: [jsx(Spacer, {
         multiplier: 3
       }), jsxs("div", Object.assign({
-        css: styles$f.terms
+        css: styles$e.terms
       }, {
         children: [jsx(Typography, Object.assign({
           variant: "subtitle1"
         }, {
           children: c.carrierTerms.title
         })), !!listCarrierContent().length && jsx("div", Object.assign({
-          css: styles$f.terms
+          css: styles$e.terms
         }, {
           children: listCarrierContent()
         })), jsx("ul", Object.assign({
-          css: styles$f.links
+          css: styles$e.links
         }, {
           children: listCarrierLinks()
         }))]
@@ -10797,7 +11013,7 @@ const AddCarrierForm = ({
   }));
 };
 
-const styles$e = createStyles({
+const styles$d = createStyles({
   container: theme => ({
     display: "flex",
     gap: theme.spacing()
@@ -10835,13 +11051,13 @@ const Disclosure = ({
   }, [open]);
   return jsxs(Fragment, {
     children: [jsxs("div", Object.assign({
-      css: styles$e.container
+      css: styles$d.container
     }, {
       children: [jsx("div", {
         children: label
       }), _showToggle && jsx("button", Object.assign({
         "aria-expanded": isOpen,
-        css: styles$e.toggle,
+        css: styles$d.toggle,
         onClick: () => {
           setIsOpen(!isOpen);
           onToggle(!isOpen);
@@ -10849,12 +11065,12 @@ const Disclosure = ({
         type: "button"
       }, {
         children: jsx(Icon, {
-          css: styles$e.icon,
+          css: styles$d.icon,
           name: isOpen ? IconNames.CHEVRON_TOP : IconNames.CHEVRON_BOTTOM
         })
       }))]
     })), isOpen && jsx("div", Object.assign({
-      css: styles$e.content
+      css: styles$d.content
     }, {
       children: typeof children === "function" ? children(() => setIsOpen(!isOpen)) : children
     }))]
@@ -10982,7 +11198,7 @@ const getCarrierRecoverySchema = requiresAddress => z.object({
   address: requiresAddress ? baseSchema : baseSchema.optional()
 });
 
-const styles$d = createStyles({
+const styles$c = createStyles({
   grid: theme => ({
     margin: theme.spacing(4)
   }),
@@ -11026,7 +11242,7 @@ const CarrierRecoveryForm = ({
     onSubmit: formLogger.capture(handleSubmit)
   }, {
     children: jsxs(Grid, Object.assign({
-      css: styles$d.grid,
+      css: styles$c.grid,
       noPadding: true
     }, {
       children: [requiresAddress && jsxs(Fragment, {
@@ -11034,14 +11250,14 @@ const CarrierRecoveryForm = ({
           colSpan: 12
         }, {
           children: jsx(Typography, Object.assign({
-            css: styles$d.heading,
+            css: styles$c.heading,
             variant: "heading4"
           }, {
             children: t("register-wallet:sections.carriers.title")
           }))
         })), jsx(GridChild, Object.assign({
           colSpan: 12,
-          css: styles$d.subtitle
+          css: styles$c.subtitle
         }, {
           children: jsx(Typography, Object.assign({
             variant: "subtitle1"
@@ -11127,7 +11343,7 @@ const CarrierTermsForm = ({
     onSubmit(payload.agreement);
   }));
   return jsxs("div", Object.assign({
-    css: styles$f.termsForm,
+    css: styles$e.termsForm,
     "data-testid": "carrier-terms-form"
   }, {
     children: [jsx(Typography, Object.assign({
@@ -11143,7 +11359,7 @@ const CarrierTermsForm = ({
     })), jsx(Spacer, {
       multiplier: 1
     }), jsx("div", Object.assign({
-      css: styles$f.carrierLogos
+      css: styles$e.carrierLogos
     }, {
       children: metadatas.map(({
         name,
@@ -11159,7 +11375,7 @@ const CarrierTermsForm = ({
         onSubmit: formLogger.capture(handleSubmit)
       }, {
         children: jsxs("div", Object.assign({
-          css: styles$f.agreement
+          css: styles$e.agreement
         }, {
           children: [jsx("div", {
             children: jsx(CheckboxInput, {
@@ -11170,7 +11386,7 @@ const CarrierTermsForm = ({
                     size: IconSize.SIZE_SMALL
                   }),
                   terms: jsx(Link, {
-                    css: styles$f.termsLink,
+                    css: styles$e.termsLink,
                     "data-testid": "terms-link",
                     onClick: e => {
                       e.preventDefault();
@@ -11188,7 +11404,7 @@ const CarrierTermsForm = ({
               name: "agreement"
             })
           }), showTerms && jsxs("div", Object.assign({
-            css: styles$f.well
+            css: styles$e.well
           }, {
             children: [jsx(Typography, Object.assign({
               variant: "heading4"
@@ -11197,7 +11413,7 @@ const CarrierTermsForm = ({
             })), terms.map(t => jsx(DisplayCarrierTerms, {
               carrierTerms: t
             }, t.title)), jsx("div", Object.assign({
-              css: styles$f.close
+              css: styles$e.close
             }, {
               children: jsx(Button, Object.assign({
                 onClick: () => setShowTerms(false),
@@ -11452,7 +11668,7 @@ const CopyButton = ({
   }));
 };
 
-const styles$c = createStyles({
+const styles$b = createStyles({
   trackingNumber: theme => ({
     alignItems: "center",
     display: "flex"
@@ -11498,10 +11714,10 @@ const Label = ({
       shippingAmount: label.shipmentCost
     }, {
       children: label.trackingNumber && jsxs("div", Object.assign({
-        css: styles$c.trackingNumber
+        css: styles$b.trackingNumber
       }, {
         children: [jsx("div", Object.assign({
-          css: styles$c.truncatedTrackingNumber
+          css: styles$b.truncatedTrackingNumber
         }, {
           children: label.trackingNumber.toString()
         })), jsx(CopyButton, {
@@ -11613,7 +11829,7 @@ const LandingPageForm = ({
   }));
 };
 
-const styles$b = createStyles({
+const styles$a = createStyles({
   container: theme => ({
     padding: theme.spacing(2)
   }),
@@ -11635,11 +11851,11 @@ const LandingPage = ({
     t
   } = useTranslation();
   return jsxs("div", Object.assign({
-    css: styles$b.container,
+    css: styles$a.container,
     "data-testid": "landing-page"
   }, {
     children: [jsxs("div", Object.assign({
-      css: styles$b.header
+      css: styles$a.header
     }, {
       children: [jsx(Typography, Object.assign({
         variant: "heading4"
@@ -11657,7 +11873,7 @@ const LandingPage = ({
     })), jsx(LandingPageForm, {
       onSubmit: onSubmit
     }), jsxs("div", Object.assign({
-      css: styles$b.header
+      css: styles$a.header
     }, {
       children: [jsx(Spacer, {
         multiplier: 6
@@ -11668,14 +11884,14 @@ const LandingPage = ({
       })), jsx(Spacer, {
         multiplier: 2
       }), jsx(Typography, Object.assign({
-        css: styles$b.description,
+        css: styles$a.description,
         variant: "body1"
       }, {
         children: t("onboarding:landing.messageLine1")
       })), jsx(Spacer, {
         multiplier: 2
       }), jsx(Typography, Object.assign({
-        css: styles$b.description,
+        css: styles$a.description,
         variant: "body1"
       }, {
         children: t("onboarding:landing.messageLine2")
@@ -11686,7 +11902,7 @@ const LandingPage = ({
   }));
 };
 
-const styles$a = createStyles({
+const styles$9 = createStyles({
   container: {
     display: "flex",
     flexDirection: "column"
@@ -11746,14 +11962,14 @@ const ListCarriersRow = ({
     setIsSubmitting(false);
   });
   return jsxs("div", Object.assign({
-    css: styles$a.container,
+    css: styles$9.container,
     "data-testid": "carrier-row"
   }, {
     children: [jsxs("div", Object.assign({
-      css: styles$a.rowContainer
+      css: styles$9.rowContainer
     }, {
       children: [jsxs("div", Object.assign({
-        css: styles$a.logoContainer
+        css: styles$9.logoContainer
       }, {
         children: [jsx("div", {
           children: jsx("img", {
@@ -11771,7 +11987,7 @@ const ListCarriersRow = ({
         css: _ref
       }, {
         children: jsx(LinkAction, {
-          css: styles$a.getConnectButton(isConnected),
+          css: styles$9.getConnectButton(isConnected),
           isDisabled: isConnected || showDropDown,
           isLoading: isSubmitting,
           onClick: () => __awaiter(void 0, void 0, void 0, function* () {
@@ -11789,7 +12005,7 @@ const ListCarriersRow = ({
   }));
 };
 
-const styles$9 = createStyles({
+const styles$8 = createStyles({
   carriersList: theme => ({
     "& > li:not(:last-of-type)": {
       borderBottom: `1px solid ${theme.palette.gray.light}`
@@ -11850,7 +12066,7 @@ const ListCarriers = ({
         }))
       })), jsx(Spacer, {})]
     }), jsx("ul", Object.assign({
-      css: styles$9.carriersList,
+      css: styles$8.carriersList,
       "data-testid": "carriers-list"
     }, {
       children: isLoading ? jsxs(Fragment, {
@@ -11872,11 +12088,11 @@ const ListCarriers = ({
 };
 const LoadingSkeletonRow = () => {
   return jsxs("div", Object.assign({
-    css: styles$9.skeletonRow,
+    css: styles$8.skeletonRow,
     "data-testid": "skeleton-carrier-row"
   }, {
     children: [jsxs("div", Object.assign({
-      css: styles$9.skeletonLogoContainer
+      css: styles$8.skeletonLogoContainer
     }, {
       children: [jsx(Skeleton, {
         animation: SkeletonAnimation.WAVE,
@@ -12135,7 +12351,7 @@ const WarehouseForm = ({
   }));
 };
 
-const styles$8 = createStyles({
+const styles$7 = createStyles({
   cardSpacing: theme => ({
     display: "flex",
     flexDirection: "column",
@@ -12165,9 +12381,9 @@ const ManageWarehouses = ({
   const [showAddNewWarehouseForm, toggleShowAddNewWarehouseForm] = useToggle(false);
   return jsxs(Fragment, {
     children: [showAddNewWarehouseForm ? jsx(AddressPreferenceProvider, Object.assign({
-      css: styles$8.well,
+      css: styles$7.well,
       formHeader: jsxs("div", Object.assign({
-        css: styles$8.header
+        css: styles$7.header
       }, {
         children: [jsx(Typography, Object.assign({
           variant: "subtitle1"
@@ -12212,14 +12428,14 @@ const ManageWarehouses = ({
         })]
       }))
     })), jsx("div", Object.assign({
-      css: styles$8.cardSpacing
+      css: styles$7.cardSpacing
     }, {
       children: warehouses.map(warehouse => {
         if (editWarehouseId && editWarehouseId === warehouse.warehouseId) {
           return jsx(AddressPreferenceProvider, Object.assign({
-            css: styles$8.well,
+            css: styles$7.well,
             formHeader: jsxs("div", Object.assign({
-              css: styles$8.header
+              css: styles$7.header
             }, {
               children: [jsx(Typography, Object.assign({
                 variant: "subtitle1"
@@ -12338,7 +12554,7 @@ const CompletionPage = ({
   }));
 };
 
-const styles$7 = createStyles({
+const styles$6 = createStyles({
   container: theme => ({
     padding: theme.spacing(2)
   }),
@@ -12568,10 +12784,10 @@ const Onboarding = ({
     if (agreedToTerms && warehouses.length && hasValidAddress && !hasStampsWallet && !hasCompletedBilling) {
       return jsx(AddressPreferenceProvider, Object.assign({
         formHeader: jsxs("div", Object.assign({
-          css: styles$7.walletFormHeader
+          css: styles$6.walletFormHeader
         }, {
           children: [jsxs("div", Object.assign({
-            css: styles$7.walletFormTitle
+            css: styles$6.walletFormTitle
           }, {
             children: [jsx(Typography, Object.assign({
               variant: "heading4"
@@ -12650,22 +12866,22 @@ const Onboarding = ({
     });
   };
   return jsxs("div", Object.assign({
-    css: styles$7.container
+    css: styles$6.container
   }, {
     children: [jsxs(Stepper, Object.assign({
       currentStep: currentStep
     }, {
       children: [jsx(Step, {
-        css: styles$7.step,
+        css: styles$6.step,
         label: t("onboarding:steps.login")
       }), jsx(Step, {
-        css: styles$7.step,
+        css: styles$6.step,
         label: t("onboarding:steps.carriers")
       }), jsx(Step, {
-        css: styles$7.step,
+        css: styles$6.step,
         label: t("onboarding:steps.addresses")
       }), jsx(Step, {
-        css: styles$7.step,
+        css: styles$6.step,
         label: t("onboarding:steps.payment")
       })]
     })), renderStep(), ((_c = features === null || features === void 0 ? void 0 : features.presentation) === null || _c === void 0 ? void 0 : _c.poweredByShipEngine) && jsxs(Fragment, {
@@ -12739,7 +12955,7 @@ const Cube = _a => {
   }));
 };
 
-const styles$6 = createStyles({
+const styles$5 = createStyles({
   balanceText: theme => ({
     color: theme.palette.secondary.dark
   }),
@@ -12762,7 +12978,7 @@ const styles$6 = createStyles({
   }
 });
 
-const styles$5 = createStyles({
+const styles$4 = createStyles({
   icon: theme => ({
     color: theme.palette.primary.main,
     marginRight: theme.spacing(2)
@@ -12807,10 +13023,10 @@ const Section = _a => {
     rest = __rest(_a, ["bold", "title", "children", "rightContent"]);
   return jsxs(Fragment, {
     children: [title && jsx("summary", Object.assign({
-      css: styles$5.summary
+      css: styles$4.summary
     }, {
       children: jsxs("div", Object.assign({
-        css: styles$5.summaryWrapper
+        css: styles$4.summaryWrapper
       }, {
         children: [jsx(Typography, Object.assign({
           bold: bold,
@@ -12818,13 +13034,13 @@ const Section = _a => {
         }, {
           children: title
         })), rightContent && jsx("div", Object.assign({
-          css: styles$5.rightContentWrapper
+          css: styles$4.rightContentWrapper
         }, {
           children: rightContent
         }))]
       }))
     })), jsx("section", Object.assign({
-      css: styles$5.section
+      css: styles$4.section
     }, rest, {
       children: children
     }))]
@@ -12896,7 +13112,7 @@ const FundAndPurchase = ({
     }, {
       children: [jsx(Button, Object.assign({
         bold: false,
-        css: styles$6.saveRateButton,
+        css: styles$5.saveRateButton,
         disabled: disabled || !carrierId || addFundsForm.isSubmitting || isRateFormSubmitting,
         isLoading: isSavingRate,
         onClick: handleSaveRate,
@@ -12916,7 +13132,7 @@ const FundAndPurchase = ({
   // render when no rate has been selected yet
   if (!carrierId) return jsxs("div", Object.assign({
     className: className,
-    css: styles$6.container
+    css: styles$5.container
   }, {
     children: [jsxs(Spread, {
       children: [jsx(CarrierBalance, {
@@ -12940,7 +13156,7 @@ const FundAndPurchase = ({
   //         show balance, but not the funding form.
   if (!isFundingEnabled) return jsxs("div", Object.assign({
     className: className,
-    css: styles$6.container
+    css: styles$5.container
   }, {
     children: [jsx(CarrierBalance, {
       carrierId: carrierId
@@ -12982,13 +13198,13 @@ const FundAndPurchase = ({
         var _a, _b;
         return jsxs(Fragment, {
           children: [jsxs("section", Object.assign({
-            css: styles$6.getFormExtension(addFundsForm.isCustomAmount)
+            css: styles$5.getFormExtension(addFundsForm.isCustomAmount)
           }, {
             children: [jsx(InlineLabel, Object.assign({
               label: t("manage-funding:fundAndPurchase.newBalance")
             }, {
               children: jsx(Typography, Object.assign({
-                css: styles$6.balanceText
+                css: styles$5.balanceText
               }, {
                 children: formatMoney({
                   amount: balance + ((_a = addFundsForm.selectedAmount) !== null && _a !== void 0 ? _a : 0),
@@ -12999,7 +13215,7 @@ const FundAndPurchase = ({
               label: t("manage-funding:fundAndPurchase.finalBalance")
             }, {
               children: jsx(Typography, Object.assign({
-                css: styles$6.balanceText
+                css: styles$5.balanceText
               }, {
                 children: formatMoney({
                   amount: balance + ((_b = addFundsForm.selectedAmount) !== null && _b !== void 0 ? _b : 0) - purchaseAmount,
@@ -13026,7 +13242,7 @@ const FundAndPurchase = ({
   }));
 };
 
-const styles$4 = createStyles({
+const styles$3 = createStyles({
   fundAndPurchase: theme => ({
     borderTop: `1px solid ${theme.palette.gray.ultraLight}`
   }),
@@ -13195,7 +13411,7 @@ const RateForm = ({
           onClick: onSelectRate,
           options: showHiddenRates ? rateOptions : filteredRateOptions
         }), rateOptions.some(option => option.requiresAcknowledgement) && rateOptions.length > 5 && jsx(Link, Object.assign({
-          css: styles$4.showMoreOrLessRatesButton,
+          css: styles$3.showMoreOrLessRatesButton,
           onClick: () => {
             var _a;
             setShowHiddenRates(!showHiddenRates);
@@ -13216,7 +13432,7 @@ const RateForm = ({
           }))
         }))]
       }) : !isLoading && !!allDisplayableErrors.length ? null : jsxs("article", Object.assign({
-        css: styles$4.ratesInterstitial,
+        css: styles$3.ratesInterstitial,
         role: "presentation"
       }, {
         children: [jsx(Cube, {
@@ -13242,7 +13458,7 @@ const RateForm = ({
       balance: balance,
       carrierId: selectedRate === null || selectedRate === void 0 ? void 0 : selectedRate.carrierId,
       control: form.control,
-      css: styles$4.fundAndPurchase,
+      css: styles$3.fundAndPurchase,
       disabled: disabled,
       isFundingEnabled: !!((_d = features === null || features === void 0 ? void 0 : features.rateForm) === null || _d === void 0 ? void 0 : _d.enableFunding),
       isFundingRequired: (selectedRate === null || selectedRate === void 0 ? void 0 : selectedRate.balance) !== undefined && !!selectedRate.requiresFundedAmount,
@@ -13279,7 +13495,7 @@ const SuspendSalesOrder = ({
   }));
 };
 
-const styles$3 = createStyles({
+const styles$2 = createStyles({
   itemDetail: theme => ({
     padding: `${theme.spacing(0)}px ${theme.spacing(2)}px ${theme.spacing(2)}px ${theme.spacing(0)}px`
   }),
@@ -13307,15 +13523,15 @@ const ItemsBreakdownTableHeader = ({
 }) => jsx(TableHeader, {
   children: jsxs(TableBaseRow, {
     children: [jsx(TableHeaderCell, {}), jsx(TableHeaderCell, Object.assign({
-      css: styles$3.numericCell
+      css: styles$2.numericCell
     }, {
       children: "Qty"
     })), hasValue && jsx(TableHeaderCell, Object.assign({
-      css: styles$3.numericCell
+      css: styles$2.numericCell
     }, {
       children: "$/ea"
     })), hasTotal && jsx(TableHeaderCell, Object.assign({
-      css: styles$3.numericCell
+      css: styles$2.numericCell
     }, {
       children: "$ Total"
     }))]
@@ -13327,7 +13543,7 @@ const ItemsBreakdown = ({
   const hasValue = items.some(item => item.value !== undefined);
   const hasTotal = items.some(item => item.totalValue !== undefined);
   return jsx("div", Object.assign({
-    css: styles$3.tableWrapper
+    css: styles$2.tableWrapper
   }, {
     children: jsx(Table, Object.assign({
       header: jsx(ItemsBreakdownTableHeader, {
@@ -13346,7 +13562,7 @@ const ItemsBreakdown = ({
           children: [jsx(TableBaseRow, {
             children: jsx(TableBodyCell, Object.assign({
               colSpan: 4,
-              css: styles$3.itemName
+              css: styles$2.itemName
             }, {
               children: jsx(Typography, {
                 children: name
@@ -13354,21 +13570,21 @@ const ItemsBreakdown = ({
             }))
           }), jsxs(TableBaseRow, {
             children: [jsx(TableBodyCell, Object.assign({
-              css: styles$3.itemDetail
+              css: styles$2.itemDetail
             }, {
               children: jsx(Typography, {
                 children: detail
               })
             })), jsx(TableBodyCell, Object.assign({
-              css: [styles$3.numericCell, styles$3.itemDetail]
+              css: [styles$2.numericCell, styles$2.itemDetail]
             }, {
               children: quantity
             })), hasValue && jsx(TableBodyCell, Object.assign({
-              css: [styles$3.numericCell, styles$3.itemDetail]
+              css: [styles$2.numericCell, styles$2.itemDetail]
             }, {
               children: value && formatMoney(value)
             })), hasTotal && jsx(TableBodyCell, Object.assign({
-              css: [styles$3.numericCell, styles$3.itemDetail]
+              css: [styles$2.numericCell, styles$2.itemDetail]
             }, {
               children: totalValue && formatMoney(totalValue)
             }))]
@@ -13379,7 +13595,7 @@ const ItemsBreakdown = ({
   }));
 };
 
-const styles$2 = createStyles({
+const styles$1 = createStyles({
   actions: theme => ({
     background: "white",
     display: "flex",
@@ -13451,7 +13667,7 @@ const CustomsItemActions = ({
   const buttonRef = useRef(null);
   return jsxs(Fragment, {
     children: [jsx(Button, Object.assign({
-      css: styles$2.actionsButton,
+      css: styles$1.actionsButton,
       onClick: toggleShowCustomsPopover,
       ref: buttonRef,
       variant: ButtonVariant.TEXT
@@ -13474,7 +13690,7 @@ const CustomsItemActions = ({
       reference: buttonRef.current
     }, {
       children: jsxs("div", Object.assign({
-        css: styles$2.actions
+        css: styles$1.actions
       }, {
         children: [jsx(Button, Object.assign({
           bold: false,
@@ -13550,7 +13766,7 @@ const CustomsItemsDisplay = ({
         header: jsx(TableHeader, {
           children: jsxs(TableBaseRow, {
             children: [jsx(TableHeaderCell, Object.assign({
-              css: styles$2.headerDescription
+              css: styles$1.headerDescription
             }, {
               children: jsx(Typography, Object.assign({
                 variant: "subtitle2"
@@ -13558,7 +13774,7 @@ const CustomsItemsDisplay = ({
                 children: t("customs.fields.description")
               }))
             })), jsx(TableHeaderCell, Object.assign({
-              css: styles$2.headerEach
+              css: styles$1.headerEach
             }, {
               children: jsx(Typography, Object.assign({
                 variant: "subtitle2"
@@ -13568,7 +13784,7 @@ const CustomsItemsDisplay = ({
                 })
               }))
             })), jsx(TableHeaderCell, Object.assign({
-              css: styles$2.headerQty
+              css: styles$1.headerQty
             }, {
               children: jsx(Typography, Object.assign({
                 variant: "subtitle2"
@@ -13576,7 +13792,7 @@ const CustomsItemsDisplay = ({
                 children: t("customs.fields.quantity")
               }))
             })), jsx(TableHeaderCell, Object.assign({
-              css: styles$2.headerTotal
+              css: styles$1.headerTotal
             }, {
               children: jsx(Typography, Object.assign({
                 variant: "subtitle2"
@@ -13586,7 +13802,7 @@ const CustomsItemsDisplay = ({
                 })
               }))
             })), jsx(TableHeaderCell, {
-              css: styles$2.actionsColumn
+              css: styles$1.actionsColumn
             })]
           })
         })
@@ -13600,29 +13816,29 @@ const CustomsItemsDisplay = ({
                 children: customsItemForm
               })) : jsxs(Fragment, {
                 children: [jsx(TableBodyCell, Object.assign({
-                  css: styles$2.itemInfoLeft
+                  css: styles$1.itemInfoLeft
                 }, {
                   children: item.description
                 })), jsx(TableBodyCell, Object.assign({
-                  css: styles$2.itemEach
+                  css: styles$1.itemEach
                 }, {
                   children: formatMoney({
                     amount: Number(item.value),
                     currency: SE.Currency.USD
                   })
                 })), jsx(TableBodyCell, Object.assign({
-                  css: styles$2.itemQty
+                  css: styles$1.itemQty
                 }, {
                   children: item.quantity
                 })), jsx(TableBodyCell, Object.assign({
-                  css: styles$2.itemTotal
+                  css: styles$1.itemTotal
                 }, {
                   children: formatMoney({
                     amount: Number(item.value) * item.quantity,
                     currency: SE.Currency.USD
                   })
                 })), jsx(TableBodyCell, Object.assign({
-                  css: styles$2.actionsColumn
+                  css: styles$1.actionsColumn
                 }, {
                   children: jsx(CustomsItemActions, {
                     onDeleteClick: () => __awaiter(void 0, void 0, void 0, function* () {
@@ -13638,7 +13854,7 @@ const CustomsItemsDisplay = ({
               })
             }), item.customsItemId !== (customsItemBeingEdited === null || customsItemBeingEdited === void 0 ? void 0 : customsItemBeingEdited.customsItemId) && jsx(TableBaseRow, {
               children: jsx(TableBodyCell, Object.assign({
-                css: styles$2.hsCode
+                css: styles$1.hsCode
               }, {
                 children: item.harmonizedTariffCode
               }))
@@ -14125,7 +14341,7 @@ const ShipmentForm = ({
   }), [salesOrder, shipment]);
   const upsCarrierId = (_c = carriers === null || carriers === void 0 ? void 0 : carriers.find(c => c.carrierCode === "ups")) === null || _c === void 0 ? void 0 : _c.carrierId;
   const hasUpsOptions = useMemo(() => {
-    return (packageOptions === null || packageOptions === void 0 ? void 0 : packageOptions.some(option => option.label === "UPS")) && (selectedPackage.code === "package" || selectedCarrierId === upsCarrierId);
+    return (packageOptions === null || packageOptions === void 0 ? void 0 : packageOptions.some(option => option.label === "UPS")) && ((selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.code) === "package" || selectedCarrierId === upsCarrierId);
   }, [packageOptions, selectedPackage, selectedCarrierId, upsCarrierId]);
   if (isLoading) return jsx(Loader, {
     message: t("loading.shipment")
@@ -14610,6 +14826,7 @@ const Shipment = ({
   } = convertWeight(weight);
   const requestedServices = useMemo(() => getRequestedServices(salesOrder), [salesOrder]);
   const activeLabel = useMemo(() => labels === null || labels === void 0 ? void 0 : labels.find(l => l.status === "completed"), [labels]);
+  const hasSalesOrder = useMemo(() => shipment.salesOrderIds.length > 0, [shipment.salesOrderIds.length]);
   return jsxs(Fragment, {
     children: [jsxs(Section, Object.assign({
       "data-testid": "orderDetail"
@@ -14631,12 +14848,12 @@ const Shipment = ({
         children: [jsx(AddressDisplay, {
           address: shipment.shipTo
         }), jsx(Spacer, {})]
-      })), jsxs(FieldLabel, Object.assign({
+      })), hasSalesOrder && jsxs(FieldLabel, Object.assign({
         "data-testid": "orderDate",
         label: t("view-shipment:fields.orderDate")
       }, {
         children: [salesOrder ? formatDate(salesOrder.orderDate) : t("loading.salesOrder"), jsx(Spacer, {})]
-      })), jsxs(FieldLabel, Object.assign({
+      })), hasSalesOrder && jsxs(FieldLabel, Object.assign({
         "data-testid": "orderValue",
         label: t("view-shipment:fields.orderValue")
       }, {
@@ -14719,7 +14936,11 @@ const Shipment = ({
       })) : undefined,
       title: t("view-shipment:sections.labels")
     }, {
-      children: [(_b = sortLabels(labels)) === null || _b === void 0 ? void 0 : _b.map((label, i, data) => {
+      children: [!(labels === null || labels === void 0 ? void 0 : labels.length) && jsx(Typography, Object.assign({
+        variant: "body2"
+      }, {
+        children: t("view-shipment:noLabels")
+      })), (_b = sortLabels(labels)) === null || _b === void 0 ? void 0 : _b.map((label, i, data) => {
         const carrier = carriers === null || carriers === void 0 ? void 0 : carriers.find(c => c.carrierCode === label.carrierCode);
         const service = carrier === null || carrier === void 0 ? void 0 : carrier.services.find(s => s.serviceCode === label.serviceCode);
         return jsxs(Fragment$1, {
@@ -14835,7 +15056,7 @@ var index = /*#__PURE__*/Object.freeze({
 	SuspendShipment: SuspendShipment,
 	WarehouseForm: WarehouseForm,
 	WalletForm: WalletForm,
-	styles: styles$k,
+	styles: styles$j,
 	billingAddressSchema: billingAddressSchema,
 	walletSchema: walletSchema,
 	BillingFields: BillingFields,
@@ -14845,208 +15066,6 @@ var index = /*#__PURE__*/Object.freeze({
 	AddressPreferenceSelect: AddressPreferenceSelect
 });
 
-const styles$1 = createStyles({
-  edit: theme => ({
-    color: theme.palette.primary.main,
-    padding: `0 ${theme.spacing(2)}`
-  }),
-  getForm: showForm => theme => ({
-    backgroundColor: theme.palette.gray.megaLight,
-    display: showForm ? "flex" : "none",
-    flexDirection: "column",
-    padding: theme.spacing(2)
-  }),
-  input: theme => ({
-    width: theme.spacing(13)
-  }),
-  marginLeft: {
-    marginLeft: "auto"
-  }
-});
-
-const autoFundingSchema = z.object({
-  isEnabled: z.boolean(),
-  lowBalancePurchaseThreshold: moneySchema.extend({
-    amount: z.number().min(10)
-  }),
-  maximumPurchasesPerDay: z.number().min(1),
-  purchaseAmount: moneySchema.extend({
-    amount: z.number().min(10).max(10000)
-  })
-});
-
-/**
- * This form that allows users to enable or disable auto funding, and
- * configure auto funding rules in ShipEngine API.
- *
- * @param carrierId The carrierId of the carrier provider you wish to configure auto-funding rules for.
- */
-const AutoFundingForm = ({
-  carrierId
-}) => {
-  const {
-    t
-  } = useTranslation();
-  const updateAutoFunding = useUpdateAutoFunding(carrierId);
-  const autoFundingConfiguration = useGetAutoFundingConfiguration(carrierId);
-  const {
-    data: autoFundingSettings
-  } = autoFundingConfiguration;
-  const [showForm, setShowForm] = useState(false);
-  const [isSwitchOn, setIsSwitchOn] = useState(false);
-  const form = useForm({
-    resolver: validationResolver(autoFundingSchema)
-  });
-  const watchIsEnabled = form.watch("isEnabled");
-  const formReset = isEnabled => form.reset(values => Object.assign(Object.assign({}, values), {
-    isEnabled
-  }), {
-    keepDirty: true
-  });
-  const handleSubmit = formLogger.capture(form.handleSubmit(values => {
-    setShowForm(prev => !prev);
-    setIsSwitchOn(true);
-    const payload = values;
-    updateAutoFunding.mutate(payload, {
-      onSuccess: () => autoFundingConfiguration.refetch()
-    });
-  }));
-  /**
-   * This function toggles the form visibility and conditionally disables auto-funding
-   * when falsy. This is because when someone toggles the enable auto-funding switch
-   * off, they do not want to have auto-funding enabled at all.
-   */
-  const handleToggle = isEnabled => {
-    setIsSwitchOn(isEnabled);
-    setShowForm(isEnabled);
-    formReset(isEnabled);
-    if (!isEnabled) {
-      setIsSwitchOn(isEnabled);
-      updateAutoFunding.mutate(form.getValues(), {
-        onSuccess: () => autoFundingConfiguration.refetch()
-      });
-    }
-  };
-  if (autoFundingConfiguration.isLoading || updateAutoFunding.isLoading) return jsx(Loader, {
-    message: t("manage-funding:autoFunding.isLoading")
-  });
-  if (!autoFundingSettings) throw new Error(t("errorMessages:unableToLoad.autoFundingSettings"));
-  return jsxs(Fragment, {
-    children: [jsxs(Spread, {
-      children: [jsx(Typography, Object.assign({
-        bold: !!(autoFundingSettings === null || autoFundingSettings === void 0 ? void 0 : autoFundingSettings.isAutoPurchaseEnabled),
-        variant: "body1"
-      }, {
-        children: t("manage-funding:autoFunding:isEnabledCTA")
-      })), jsx(Switch, {
-        "data-testid": "auto-funding-toggle",
-        defaultChecked: isSwitchOn,
-        name: "isEnabled",
-        onChange: e => handleToggle(e.target.checked),
-        value: isSwitchOn
-      })]
-    }), jsx(Spacer, {
-      multiplier: 1
-    }), !!(autoFundingSettings === null || autoFundingSettings === void 0 ? void 0 : autoFundingSettings.isAutoPurchaseEnabled) && !showForm && jsxs(Spread, {
-      children: [jsx(Typography, Object.assign({
-        variant: "body1"
-      }, {
-        children: t("manage-funding:autoFunding.readSettings", Object.assign({}, autoFundingSettings))
-      })), jsx(LinkAction, {
-        css: styles$1.edit,
-        onClick: () => handleToggle(true),
-        title: t("manage-funding:autoFunding:edit")
-      })]
-    }), jsxs("form", Object.assign({
-      css: styles$1.getForm(showForm),
-      "data-testid": "auto-funding-form",
-      id: "auto-funding-form",
-      onSubmit: handleSubmit
-    }, {
-      children: [jsx(Typography, Object.assign({
-        bold: true,
-        variant: "body1"
-      }, {
-        children: t("manage-funding:autoFunding:editSettings")
-      })), jsx("div", Object.assign({
-        css: styles$1.marginLeft
-      }, {
-        children: jsx(MoneyInput, {
-          control: form.control,
-          css: styles$1.input,
-          "data-testid": "auto-funding-threshold-input",
-          defaultValue: {
-            amount: autoFundingSettings === null || autoFundingSettings === void 0 ? void 0 : autoFundingSettings.autoPurchaseThreshold,
-            currency: Currency.USD
-          },
-          disabled: !watchIsEnabled,
-          label: t("manage-funding:autoFunding.lowBalancePurchaseThreshold"),
-          labelWeight: "normal",
-          name: "lowBalancePurchaseThreshold",
-          showCurrencySymbol: true
-        })
-      })), jsx("div", Object.assign({
-        css: styles$1.marginLeft
-      }, {
-        children: jsx(MoneyInput, {
-          control: form.control,
-          css: styles$1.input,
-          "data-testid": "auto-funding-purchase-amount-input",
-          defaultValue: {
-            amount: autoFundingSettings === null || autoFundingSettings === void 0 ? void 0 : autoFundingSettings.autoPurchaseAmount,
-            currency: Currency.USD
-          },
-          disabled: !watchIsEnabled,
-          label: t("manage-funding:autoFunding.purchaseAmount"),
-          labelWeight: "normal",
-          name: "purchaseAmount",
-          showCurrencySymbol: true
-        })
-      })), jsx("div", Object.assign({
-        css: styles$1.marginLeft
-      }, {
-        children: jsx(NumberInput, {
-          control: form.control,
-          css: styles$1.input,
-          "data-testid": "auto-funding-max-per-day-input",
-          defaultValue: autoFundingSettings === null || autoFundingSettings === void 0 ? void 0 : autoFundingSettings.autoPurchaseCutoff,
-          disabled: !watchIsEnabled,
-          isInteger: true,
-          label: t("manage-funding:autoFunding.maximumPurchasesPerDay"),
-          labelWeight: "normal",
-          name: "maximumPurchasesPerDay"
-        })
-      })), jsxs(ButtonGroup, Object.assign({
-        justify: "end"
-      }, {
-        children: [jsx(Button, Object.assign({
-          onClick: isSwitchOn ? () => setShowForm(false) : () => handleToggle(false),
-          variant: ButtonVariant.TEXT
-        }, {
-          children: t("actions.cancel")
-        })), jsx(SubmitButton, Object.assign({
-          control: form.control,
-          "data-testid": "submit-auto-funding",
-          disabled: !watchIsEnabled,
-          requireDirty: true,
-          variant: ButtonVariant.OUTLINED
-        }, {
-          children: t("manage-funding:actions.saveRule")
-        }))]
-      }))]
-    })), autoFundingConfiguration.error && jsxs(Fragment, {
-      children: [jsx(Spacer, {
-        multiplier: 1
-      }), jsx(InlineNotification, Object.assign({
-        title: t("manage-funding:autoFunding.error.title"),
-        type: NotificationType.ERROR
-      }, {
-        children: autoFundingConfiguration.error[0].message
-      }))]
-    })]
-  });
-};
-
 const styles = createStyles({
   getDateRangeSelect: fullWidth => theme => ({
     minWidth: theme.spacing(30),
@@ -15818,7 +15837,8 @@ var viewShipment$1 = {
 	multipleShippingServices: "Multiple shipping services",
 	sections: {
 		labels: "Labels"
-	}
+	},
+	noLabels: "No Labels"
 }
 };