@shipengine/elements 0.16.1 → 0.17.2

package/index.js

@@ -3,7 +3,7 @@ import { useController, get as get$1, set as set$2, useWatch, useFormState, useF
 import { useTranslation, Trans, initReactI18next, I18nextProvider } from 'react-i18next';
 import { Typography, FormField, FieldMessageType, Input, Checkbox, Icon, Divider, Link, Select as Select$1, Next, Option, Button, Switch as Switch$1, Textarea, ButtonVariant, InlineNotification, NotificationType, ButtonColor, Grid, GridChild, Tag, TagColor, Skeleton, SkeletonAnimation, SkeletonVariant, SkeletonBackgroundColor, IconSize, Stepper, Step, Spinner, SpinnerSize, ChipList, Chip, ButtonSize, Table, TableBody, TableBaseRow, TableBodyCell, TableHeader, TableHeaderCell, useToggle as useToggle$1, Popover, DropdownOptionList, BottomSheet, GigerConfigProvider, EmotionReset, FontsLoader } from '@packlink/giger';
 import axios from 'axios';
-import { logger, ShipEngineProvider, useAddFunds, useGetCarrierById, useUpdateAutoFunding, useGetAutoFundingConfiguration, useListCarriers, useConnectCarrier, useListWarehouses, useUpdateWarehouse, useCreateWarehouse, useDeleteWarehouse, useValidateAddresses, useUpdateSalesOrderShipment, useParseAddress, useListCustomPackageTypes, useCalculateRates, useCreateLabel, useListSalesOrderShipments, useCreateSalesOrderShipment, useGetAccountSettings, useListSalesOrders, useGetSalesOrder, useListOrderSources, useRefreshOrderSource, useGetSalesOrderShipment, useListLabels, useGetLabel, useVoidLabel } from '@shipengine/react';
+import { logger, ShipEngineProvider, useAddFunds, useGetCarrierById, useUpdateAutoFunding, useGetAutoFundingConfiguration, useListCarriers, useConnectCarrier, useListWarehouses, useUpdateWarehouse, useCreateWarehouse, useDeleteWarehouse, useValidateAddresses, useUpdateSalesOrderShipment, useParseAddress, useListCustomPackageTypes, useCalculateRates, useCreateLabel, useListSalesOrderShipments, useCreateSalesOrderShipment, useGetAccountSettings, useListSalesOrders, useGetSalesOrder, useListOrderSources, useRefreshOrderSource, useGetShipment, useGetSalesOrderShipment, useListLabels, useGetLabel, useVoidLabel } from '@shipengine/react';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { z } from 'zod';
 import * as React from 'react';
@@ -2502,6 +2502,25 @@ const getRequestedServices = salesOrder => {
   var _a;
   return Array.from(new Set((_a = salesOrder === null || salesOrder === void 0 ? void 0 : salesOrder.salesOrderItems) === null || _a === void 0 ? void 0 : _a.filter(item => !!item.requestedShippingOptions.shippingService).map(item => item.requestedShippingOptions.shippingService)));
 };
+const getSalesOrderItemsFromSalesOrderOrShipment = ({
+  salesOrder,
+  shipment
+}) => {
+  var _a, _b;
+  return (_b = (_a = salesOrder === null || salesOrder === void 0 ? void 0 : salesOrder.salesOrderItems.map(item => ({
+    detail: `SKU ${item.lineItemDetails.sku}`,
+    name: item.lineItemDetails.name,
+    quantity: item.quantity,
+    subDetail: item.requestedShippingOptions.shippingService,
+    subDetailValue: item.priceSummary.estimatedShipping,
+    totalValue: item.priceSummary.total,
+    value: item.priceSummary.unitPrice
+  }))) !== null && _a !== void 0 ? _a : shipment === null || shipment === void 0 ? void 0 : shipment.items.map((item, i) => ({
+    detail: `SKU ${item.sku}`,
+    name: (item === null || item === void 0 ? void 0 : item.name) || `ITEM ${i}`,
+    quantity: item.quantity
+  }))) !== null && _b !== void 0 ? _b : [];
+};
 
 var tryToString$3 = tryToString$5;
 
@@ -3298,8 +3317,8 @@ const FieldLabel = ({
   }, {
     children: [label && jsxs("div", Object.assign({
       css: theme => ({
-        minWidth: "100px",
-        paddingTop: _withInput ? theme.spacing(subLabel ? 1 : 2) : undefined
+        paddingTop: _withInput ? theme.spacing(subLabel ? 1 : 2) : undefined,
+        width: theme.spacing(12.5)
       })
     }, {
       children: [jsx(Typography, Object.assign({
@@ -23124,7 +23143,7 @@ const AddressForm = ({
   }));
 };
 
-const styles$b = createStyles({
+const styles$a = createStyles({
   agreement: {
     alignItems: "center",
     display: "flex",
@@ -23194,10 +23213,10 @@ const DisplayCarrierTerms = c => {
   const listCarrierLinks = () => {
     return c.carrierTerms.links.map((term, index) => {
       return jsx("li", Object.assign({
-        css: styles$b.listItems
+        css: styles$a.listItems
       }, {
         children: jsx(Link, Object.assign({
-          css: styles$b.link,
+          css: styles$a.link,
           href: term.url,
           isExternal: true,
           target: "_blank"
@@ -23213,18 +23232,18 @@ const DisplayCarrierTerms = c => {
   };
   const listCarrierTerms = () => {
     return jsxs("div", Object.assign({
-      css: styles$b.terms
+      css: styles$a.terms
     }, {
       children: [jsx(Typography, Object.assign({
         variant: "subtitle1"
       }, {
         children: c.carrierTerms.title
       })), jsx("div", Object.assign({
-        css: styles$b.terms
+        css: styles$a.terms
       }, {
         children: listCarrierContent()
       })), jsx("ul", Object.assign({
-        css: styles$b.links
+        css: styles$a.links
       }, {
         children: listCarrierLinks()
       }))]
@@ -23454,7 +23473,7 @@ const AddressDisplay = ({
   }));
 };
 
-const styles$a = createStyles({
+const styles$9 = createStyles({
   container: theme => ({
     display: "flex",
     gap: theme.spacing()
@@ -23492,13 +23511,13 @@ const Disclosure = ({
   }, [open]);
   return jsxs(Fragment, {
     children: [jsxs("div", Object.assign({
-      css: styles$a.container
+      css: styles$9.container
     }, {
       children: [jsx("div", {
         children: label
       }), _showToggle && jsx("button", Object.assign({
         "aria-expanded": isOpen,
-        css: styles$a.toggle,
+        css: styles$9.toggle,
         onClick: () => {
           setIsOpen(!isOpen);
           onToggle(!isOpen);
@@ -23506,12 +23525,12 @@ const Disclosure = ({
         type: "button"
       }, {
         children: jsx(Icon, {
-          css: styles$a.icon,
+          css: styles$9.icon,
           name: isOpen ? IconNames.CHEVRON_TOP : IconNames.CHEVRON_BOTTOM
         })
       }))]
     })), isOpen && jsx("div", Object.assign({
-      css: styles$a.content
+      css: styles$9.content
     }, {
       children: typeof children === "function" ? children(() => setIsOpen(!isOpen)) : children
     }))]
@@ -23651,7 +23670,7 @@ const getCarrierRecoverySchema = requiresAddress => z.object({
   address: requiresAddress ? baseSchema : baseSchema.optional()
 });
 
-const styles$9 = createStyles({
+const styles$8 = createStyles({
   grid: theme => ({
     margin: theme.spacing(4)
   }),
@@ -23694,7 +23713,7 @@ const CarrierRecoveryForm = ({
     onSubmit: formLogger.capture(handleSubmit)
   }, {
     children: jsxs(Grid, Object.assign({
-      css: styles$9.grid,
+      css: styles$8.grid,
       noPadding: true
     }, {
       children: [jsx(GridChild, Object.assign({
@@ -23715,14 +23734,14 @@ const CarrierRecoveryForm = ({
           colSpan: 12
         }, {
           children: jsx(Typography, Object.assign({
-            css: styles$9.heading,
+            css: styles$8.heading,
             variant: "heading4"
           }, {
             children: t("register-wallet:sections.carriers.title")
           }))
         })), jsx(GridChild, Object.assign({
           colSpan: 12,
-          css: styles$9.subtitle
+          css: styles$8.subtitle
         }, {
           children: jsx(Typography, Object.assign({
             variant: "subtitle1"
@@ -23802,7 +23821,7 @@ const CarrierTerms = ({
   switch (carrierCode) {
     case "ups":
       return jsxs("div", Object.assign({
-        css: styles$b.terms
+        css: styles$a.terms
       }, {
         children: [jsx(Typography, Object.assign({
           variant: "subtitle1"
@@ -23825,7 +23844,7 @@ const CarrierTerms = ({
             text,
             url
           }, idx) => jsx("li", Object.assign({
-            css: styles$b.listItems
+            css: styles$a.listItems
           }, {
             children: jsx(Link, Object.assign({
               href: url,
@@ -23873,7 +23892,7 @@ const CarrierTermsForm = ({
     onSubmit(payload.agreement);
   }));
   return jsxs("div", Object.assign({
-    css: styles$b.termsForm,
+    css: styles$a.termsForm,
     "data-testid": "carrier-terms-form"
   }, {
     children: [jsx(Typography, Object.assign({
@@ -23889,7 +23908,7 @@ const CarrierTermsForm = ({
     })), jsx(Spacer, {
       multiplier: 1
     }), jsx("div", Object.assign({
-      css: styles$b.carrierLogos
+      css: styles$a.carrierLogos
     }, {
       children: metadatas.map(({
         name,
@@ -23905,7 +23924,7 @@ const CarrierTermsForm = ({
         onSubmit: formLogger.capture(handleSubmit)
       }, {
         children: jsxs("div", Object.assign({
-          css: styles$b.agreement
+          css: styles$a.agreement
         }, {
           children: [jsx("div", {
             children: jsx(CheckboxInput, {
@@ -23932,10 +23951,10 @@ const CarrierTermsForm = ({
               name: "agreement"
             })
           }), showTerms && jsxs("div", Object.assign({
-            css: styles$b.well
+            css: styles$a.well
           }, {
             children: [jsxs("div", Object.assign({
-              css: styles$b.terms
+              css: styles$a.terms
             }, {
               children: [jsx(Typography, Object.assign({
                 variant: "heading5"
@@ -23947,7 +23966,7 @@ const CarrierTermsForm = ({
                 carrierCode: carrierCode
               }, carrierCode))]
             })), jsx("div", Object.assign({
-              css: styles$b.close
+              css: styles$a.close
             }, {
               children: jsx(Button, Object.assign({
                 onClick: () => setShowTerms(false),
@@ -24335,7 +24354,7 @@ const LandingPageForm = ({
   }));
 };
 
-const styles$8 = createStyles({
+const styles$7 = createStyles({
   container: theme => ({
     padding: theme.spacing(2)
   }),
@@ -24356,11 +24375,11 @@ const LandingPage = ({
     t
   } = useTranslation();
   return jsxs("div", Object.assign({
-    css: styles$8.container,
+    css: styles$7.container,
     "data-testid": "landing-page"
   }, {
     children: [jsxs("div", Object.assign({
-      css: styles$8.header
+      css: styles$7.header
     }, {
       children: [jsx(Typography, Object.assign({
         variant: "heading4"
@@ -24378,7 +24397,7 @@ const LandingPage = ({
     })), jsx(LandingPageForm, {
       onSubmit: onSubmit
     }), jsxs("div", Object.assign({
-      css: styles$8.header
+      css: styles$7.header
     }, {
       children: [jsx(Spacer, {
         multiplier: 6
@@ -24389,7 +24408,7 @@ const LandingPage = ({
       })), jsx(Spacer, {
         multiplier: 2
       }), jsx(Typography, Object.assign({
-        css: styles$8.description,
+        css: styles$7.description,
         variant: "body1"
       }, {
         children: t("onboarding:landing.description")
@@ -24470,18 +24489,17 @@ const Accordion = _a => {
   });
 };
 
-const styles$7 = createStyles({
-  carrierTypography: theme => ({
-    color: theme.palette.black
-  }),
+const getStyles$3 = (isConnected = false) => createStyles({
+  connectButton: theme => [{
+    padding: `0 ${theme.spacing(.5)}px`
+  }, isConnected && {
+    backgroundColor: theme.palette.success.main,
+    color: theme.palette.white
+  }],
   container: {
     display: "flex",
     flexDirection: "column"
   },
-  loadingButtonContainer: {
-    alignItems: "center",
-    display: "flex"
-  },
   logoContainer: theme => ({
     alignItems: "center",
     columnGap: `${theme.spacing(1)}px`,
@@ -24492,31 +24510,6 @@ const styles$7 = createStyles({
     display: "flex",
     justifyContent: "space-between",
     padding: `${theme.spacing(2)}px`
-  }),
-  statusChipConnected: theme => ({
-    alignItems: 'center',
-    background: theme.palette.success.main,
-    borderRadius: theme.borderRadius.S,
-    color: theme.palette.white,
-    display: 'flex',
-    flex: 'none',
-    flexDirection: 'row',
-    fontSize: theme.typography.fontSize.S,
-    fontWeight: theme.typography.fontWeight.bold,
-    gap: `${theme.spacing(1)}px}`,
-    height: '20px',
-    justifyContent: 'center',
-    lineHeight: `${theme.spacing(2.5)} px`,
-    order: '0',
-    padding: `${theme.spacing(.5)} px`,
-    width: '81px'
-  }),
-  statusChipNotConnected: theme => ({
-    background: 'none',
-    color: theme.palette.secondary.main,
-    fontSize: theme.typography.fontSize.M,
-    fontWeight: theme.typography.fontWeight.bold,
-    lineHeight: `${theme.spacing(3)} px`
   })
 });
 
@@ -24527,7 +24520,7 @@ var _ref$1 = process.env.NODE_ENV === "production" ? {
 } : {
   name: "111ty02-css",
   styles: "align-items:center;display:flex;label:css;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxpc3QtY2FycmllcnMtcm93LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQm9iIiwiZmlsZSI6Imxpc3QtY2FycmllcnMtcm93LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fYXdhaXRlciB9IGZyb20gXCJ0c2xpYlwiO1xyXG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcclxuaW1wb3J0IHsgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcclxuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xyXG5pbXBvcnQgeyBCdXR0b24sIEJ1dHRvblZhcmlhbnQsIFR5cG9ncmFwaHkgfSBmcm9tIFwiQHBhY2tsaW5rL2dpZ2VyXCI7XHJcbmltcG9ydCB7IFRlbXBsYXRlcyB9IGZyb20gXCIuLi8uLi8uLi9jb21wb25lbnRzXCI7XHJcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gXCIuL2xpc3QtY2FycmllcnMtcm93LnN0eWxlc1wiO1xyXG5leHBvcnQgY29uc3QgTGlzdENhcnJpZXJzUm93ID0gKHsgY29ubmVjdGVkQ2FycmllcjogeyBjYXJyaWVyLCBpc0Nvbm5lY3RlZCB9LCByZWdpc3RlckNhcnJpZXIsIHJlZ2lzdGVyQ2FycmllckVycm9ycywgfSkgPT4ge1xyXG4gICAgY29uc3QgeyBuYW1lLCBsb2dvLCByZXF1aXJlZEZpZWxkcyB9ID0gY2FycmllcjtcclxuICAgIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oW1wibGlzdC1jYXJyaWVyc1wiXSk7XHJcbiAgICBjb25zdCBbc2hvd0Ryb3BEb3duLCBzZXRTaG93RHJvcERvd25dID0gdXNlU3RhdGUoZmFsc2UpO1xyXG4gICAgY29uc3QgW2lzU3VibWl0dGluZywgc2V0SXNTdWJtaXR0aW5nXSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IGhhbmRsZVJlZ2lzdGVyID0gKHZhbHVlcykgPT4gX19hd2FpdGVyKHZvaWQgMCwgdm9pZCAwLCB2b2lkIDAsIGZ1bmN0aW9uKiAoKSB7XHJcbiAgICAgICAgc2V0SXNTdWJtaXR0aW5nKHRydWUpO1xyXG4gICAgICAgIHlpZWxkIHJlZ2lzdGVyQ2Fycmllcih2YWx1ZXMpO1xyXG4gICAgICAgIHNob3dEcm9wRG93biAmJiBzZXRTaG93RHJvcERvd24oZmFsc2UpO1xyXG4gICAgICAgIHNldElzU3VibWl0dGluZyhmYWxzZSk7XHJcbiAgICB9KTtcclxuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNzczogc3R5bGVzLmNvbnRhaW5lciB9LCB7IGNoaWxkcmVuOiBbX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNzczogc3R5bGVzLnJvd0NvbnRhaW5lciB9LCB7IGNoaWxkcmVuOiBbX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNzczogc3R5bGVzLmxvZ29Db250YWluZXIgfSwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgeyBjaGlsZHJlbjogX2pzeChcImltZ1wiLCB7IGFsdDogYCR7bmFtZX0tbG9nb2AsIGhlaWdodDogNDgsIHNyYzogbG9nbywgd2lkdGg6IDQ4IH0pIH0pLCBfanN4KFR5cG9ncmFwaHksIE9iamVjdC5hc3NpZ24oeyB2YXJpYW50OiBcInN1YnRpdGxlMVwiIH0sIHsgY2hpbGRyZW46IG5hbWUgfSkpXSB9KSksIF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNzczogY3NzKHsgYWxpZ25JdGVtczogXCJjZW50ZXJcIiwgZGlzcGxheTogXCJmbGV4XCIgfSkgfSwgeyBjaGlsZHJlbjogX2pzeChCdXR0b24sIE9iamVjdC5hc3NpZ24oeyBkaXNhYmxlZDogaXNDb25uZWN0ZWQgfHwgc2hvd0Ryb3BEb3duLCBpc0xvYWRpbmc6IGlzU3VibWl0dGluZywgb25DbGljazogKCkgPT4gX19hd2FpdGVyKHZvaWQgMCwgdm9pZCAwLCB2b2lkIDAsIGZ1bmN0aW9uKiAoKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYgKHJlcXVpcmVkRmllbGRzID09PSBudWxsIHx8IHJlcXVpcmVkRmllbGRzID09PSB2b2lkIDAgPyB2b2lkIDAgOiByZXF1aXJlZEZpZWxkcy5pbmNsdWRlcyhcImFkZHJlc3NcIikpXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNldFNob3dEcm9wRG93bih0cnVlKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBlbHNlXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHlpZWxkIGhhbmRsZVJlZ2lzdGVyKCk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KSwgdmFyaWFudDogQnV0dG9uVmFyaWFudC5URVhUIH0sIHsgY2hpbGRyZW46IGlzQ29ubmVjdGVkXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPyB0KFwibGlzdC1jYXJyaWVyczphY3Rpb25zLnN0YXR1cy5jb25uZWN0ZWRcIilcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IHQoXCJsaXN0LWNhcnJpZXJzOmFjdGlvbnMuc3RhdHVzLm5vdENvbm5lY3RlZFwiKSB9KSkgfSkpXSB9KSksIHNob3dEcm9wRG93biAmJiAoX2pzeChUZW1wbGF0ZXMuQWRkQ2FycmllckZvcm0sIHsgY2FycmllclRlcm1zOiBjYXJyaWVyLnRlcm1zICYmIGNhcnJpZXIudGVybXMsIG9uQ2FuY2VsOiAoKSA9PiBzZXRTaG93RHJvcERvd24oZmFsc2UpLCBvblN1Ym1pdDogKHZhbHVlcykgPT4gaGFuZGxlUmVnaXN0ZXIodmFsdWVzKSwgcmVnaXN0ZXJDYXJyaWVyRXJyb3JzOiByZWdpc3RlckNhcnJpZXJFcnJvcnMgfSkpXSB9KSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1saXN0LWNhcnJpZXJzLXJvdy5qcy5tYXAiXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxpc3QtY2FycmllcnMtcm93LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQmllIiwiZmlsZSI6Imxpc3QtY2FycmllcnMtcm93LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fYXdhaXRlciB9IGZyb20gXCJ0c2xpYlwiO1xyXG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcclxuaW1wb3J0IHsgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcclxuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xyXG5pbXBvcnQgeyBCdXR0b24sIEJ1dHRvbkNvbG9yLCBCdXR0b25WYXJpYW50LCBUeXBvZ3JhcGh5IH0gZnJvbSBcIkBwYWNrbGluay9naWdlclwiO1xyXG5pbXBvcnQgeyBUZW1wbGF0ZXMgfSBmcm9tIFwiLi4vLi4vLi4vY29tcG9uZW50c1wiO1xyXG5pbXBvcnQgeyBnZXRTdHlsZXMgfSBmcm9tIFwiLi9saXN0LWNhcnJpZXJzLXJvdy5zdHlsZXNcIjtcclxuZXhwb3J0IGNvbnN0IExpc3RDYXJyaWVyc1JvdyA9ICh7IGNvbm5lY3RlZENhcnJpZXI6IHsgY2FycmllciwgaXNDb25uZWN0ZWQgfSwgcmVnaXN0ZXJDYXJyaWVyLCByZWdpc3RlckNhcnJpZXJFcnJvcnMsIH0pID0+IHtcclxuICAgIGNvbnN0IHsgc2hvcnRuYW1lOiBuYW1lLCBsb2dvLCByZXF1aXJlZEZpZWxkcyB9ID0gY2FycmllcjtcclxuICAgIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oW1wibGlzdC1jYXJyaWVyc1wiXSk7XHJcbiAgICBjb25zdCBbc2hvd0Ryb3BEb3duLCBzZXRTaG93RHJvcERvd25dID0gdXNlU3RhdGUoZmFsc2UpO1xyXG4gICAgY29uc3QgW2lzU3VibWl0dGluZywgc2V0SXNTdWJtaXR0aW5nXSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IGhhbmRsZVJlZ2lzdGVyID0gKHZhbHVlcykgPT4gX19hd2FpdGVyKHZvaWQgMCwgdm9pZCAwLCB2b2lkIDAsIGZ1bmN0aW9uKiAoKSB7XHJcbiAgICAgICAgc2V0SXNTdWJtaXR0aW5nKHRydWUpO1xyXG4gICAgICAgIHlpZWxkIHJlZ2lzdGVyQ2Fycmllcih2YWx1ZXMpO1xyXG4gICAgICAgIHNob3dEcm9wRG93biAmJiBzZXRTaG93RHJvcERvd24oZmFsc2UpO1xyXG4gICAgICAgIHNldElzU3VibWl0dGluZyhmYWxzZSk7XHJcbiAgICB9KTtcclxuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNzczogZ2V0U3R5bGVzKCkuY29udGFpbmVyLCBcImRhdGEtdGVzdGlkXCI6IFwiY2Fycmllci1yb3dcIiB9LCB7IGNoaWxkcmVuOiBbX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNzczogZ2V0U3R5bGVzKCkucm93Q29udGFpbmVyIH0sIHsgY2hpbGRyZW46IFtfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY3NzOiBnZXRTdHlsZXMoKS5sb2dvQ29udGFpbmVyIH0sIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIHsgY2hpbGRyZW46IF9qc3goXCJpbWdcIiwgeyBhbHQ6IGAke25hbWV9LWxvZ29gLCBoZWlnaHQ6IDQwLCBzcmM6IGxvZ28sIHdpZHRoOiA0MCB9KSB9KSwgX2pzeChUeXBvZ3JhcGh5LCBPYmplY3QuYXNzaWduKHsgdmFyaWFudDogXCJzdWJ0aXRsZTFcIiB9LCB7IGNoaWxkcmVuOiBuYW1lIH0pKV0gfSkpLCBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjc3M6IGNzcyh7IGFsaWduSXRlbXM6IFwiY2VudGVyXCIsIGRpc3BsYXk6IFwiZmxleFwiIH0pIH0sIHsgY2hpbGRyZW46IF9qc3goQnV0dG9uLCBPYmplY3QuYXNzaWduKHsgY29sb3I6IEJ1dHRvbkNvbG9yLlNFQ09OREFSWSwgY3NzOiBnZXRTdHlsZXMoaXNDb25uZWN0ZWQpLmNvbm5lY3RCdXR0b24sIGRpc2FibGVkOiBpc0Nvbm5lY3RlZCB8fCBzaG93RHJvcERvd24sIGlzTG9hZGluZzogaXNTdWJtaXR0aW5nLCBvbkNsaWNrOiAoKSA9PiBfX2F3YWl0ZXIodm9pZCAwLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZiAocmVxdWlyZWRGaWVsZHMgPT09IG51bGwgfHwgcmVxdWlyZWRGaWVsZHMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHJlcXVpcmVkRmllbGRzLmluY2x1ZGVzKFwiYWRkcmVzc1wiKSlcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc2V0U2hvd0Ryb3BEb3duKHRydWUpO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGVsc2VcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgeWllbGQgaGFuZGxlUmVnaXN0ZXIoKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0pLCB2YXJpYW50OiBCdXR0b25WYXJpYW50LlRFWFQgfSwgeyBjaGlsZHJlbjogaXNDb25uZWN0ZWRcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA/IHQoXCJsaXN0LWNhcnJpZXJzOmFjdGlvbnMuc3RhdHVzLmNvbm5lY3RlZFwiKVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogdChcImxpc3QtY2FycmllcnM6YWN0aW9ucy5zdGF0dXMubm90Q29ubmVjdGVkXCIpIH0pKSB9KSldIH0pKSwgc2hvd0Ryb3BEb3duICYmIChfanN4KFRlbXBsYXRlcy5BZGRDYXJyaWVyRm9ybSwgeyBjYXJyaWVyVGVybXM6IGNhcnJpZXIudGVybXMgJiYgY2Fycmllci50ZXJtcywgb25DYW5jZWw6ICgpID0+IHNldFNob3dEcm9wRG93bihmYWxzZSksIG9uU3VibWl0OiAodmFsdWVzKSA9PiBoYW5kbGVSZWdpc3Rlcih2YWx1ZXMpLCByZWdpc3RlckNhcnJpZXJFcnJvcnM6IHJlZ2lzdGVyQ2FycmllckVycm9ycyB9KSldIH0pKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPWxpc3QtY2FycmllcnMtcm93LmpzLm1hcCJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
 };
 const ListCarriersRow = ({
@@ -24539,7 +24532,7 @@ const ListCarriersRow = ({
   registerCarrierErrors
 }) => {
   const {
-    name,
+    shortname: name,
     logo,
     requiredFields
   } = carrier;
@@ -24555,20 +24548,21 @@ const ListCarriersRow = ({
     setIsSubmitting(false);
   });
   return jsxs("div", Object.assign({
-    css: styles$7.container
+    css: getStyles$3().container,
+    "data-testid": "carrier-row"
   }, {
     children: [jsxs("div", Object.assign({
-      css: styles$7.rowContainer
+      css: getStyles$3().rowContainer
     }, {
       children: [jsxs("div", Object.assign({
-        css: styles$7.logoContainer
+        css: getStyles$3().logoContainer
       }, {
         children: [jsx("div", {
           children: jsx("img", {
             alt: `${name}-logo`,
-            height: 48,
+            height: 40,
             src: logo,
-            width: 48
+            width: 40
           })
         }), jsx(Typography, Object.assign({
           variant: "subtitle1"
@@ -24579,6 +24573,8 @@ const ListCarriersRow = ({
         css: _ref$1
       }, {
         children: jsx(Button, Object.assign({
+          color: ButtonColor.SECONDARY,
+          css: getStyles$3(isConnected).connectButton,
           disabled: isConnected || showDropDown,
           isLoading: isSubmitting,
           onClick: () => __awaiter(void 0, void 0, void 0, function* () {
@@ -26164,6 +26160,69 @@ $$3({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR }, {
   }
 });
 
+const CompletionPage = ({
+  onContinue
+}) => {
+  const {
+    t
+  } = useTranslation(["common", "onboarding"]);
+  return jsxs("div", Object.assign({
+    css: {
+      alignItems: "center",
+      display: "flex",
+      flexDirection: "column"
+    },
+    "data-testid": "onboarding-complete"
+  }, {
+    children: [jsx(Typography, Object.assign({
+      variant: "heading4"
+    }, {
+      children: t("onboarding:success.title")
+    })), jsx(Spacer, {
+      multiplier: 2
+    }), jsx(Typography, Object.assign({
+      variant: "subtitle1"
+    }, {
+      children: t("onboarding:success.subtitle")
+    })), jsx(Spacer, {
+      multiplier: 10
+    }), jsxs("svg", Object.assign({
+      fill: "none",
+      height: "86",
+      viewBox: "0 0 86 86",
+      width: "86",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, {
+      children: [jsx("circle", {
+        cx: "43",
+        cy: "43.3379",
+        fill: "#E8F6FF",
+        r: "42.5"
+      }), jsx("path", {
+        d: "M56.6583 26.4724C57.2882 25.8425 58.3095 25.8425 58.9393 26.4724L64.1038 31.6369C64.7337 32.2668 64.7337 33.288 64.1038 33.9179L37.8303 60.1915L30.3848 52.746L56.6583 26.4724Z",
+        fill: "#006FBB"
+      }), jsx("path", {
+        d: "M21.4724 43.8446C20.8425 43.2147 20.8425 42.1935 21.4724 41.5636L26.4689 36.5671C27.0988 35.9372 28.12 35.9372 28.7499 36.5671L45.1032 52.9204L37.8257 60.1979L21.4724 43.8446Z",
+        fill: "#006FBB"
+      })]
+    })), jsx(Spacer, {
+      multiplier: 10
+    }), jsx(ButtonGroup, Object.assign({
+      justify: "center"
+    }, {
+      children: jsx(Button, Object.assign({
+        bold: false,
+        color: ButtonColor.PRIMARY,
+        onClick: onContinue,
+        type: "button",
+        variant: ButtonVariant.FILLED
+      }, {
+        children: t("onboarding:success.action")
+      }))
+    }))]
+  }));
+};
+
 const BillingFields = ({
   form
 }) => {
@@ -26605,40 +26664,9 @@ const Onboarding$1 = ({
     var _a;
     // Step 5: Onboarding Complete
     if (hasCompletedOnboarding) {
-      return jsxs("div", Object.assign({
-        css: {
-          alignItems: "center",
-          display: "flex",
-          flexDirection: "column"
-        },
-        "data-testid": "onboarding-complete"
-      }, {
-        children: [jsx(Typography, Object.assign({
-          variant: "heading4"
-        }, {
-          children: t("onboarding:success.title")
-        })), jsx(Spacer, {
-          multiplier: 2
-        }), jsx(Typography, Object.assign({
-          variant: "subtitle1"
-        }, {
-          children: t("onboarding:success.subtitle")
-        })), jsx(Spacer, {
-          multiplier: 48
-        }), jsx(ButtonGroup, Object.assign({
-          justify: "center"
-        }, {
-          children: jsx(Button, Object.assign({
-            bold: false,
-            color: ButtonColor.PRIMARY,
-            onClick: onCompleteOnboarding,
-            type: "button",
-            variant: ButtonVariant.FILLED
-          }, {
-            children: t("onboarding:success.action")
-          }))
-        }))]
-      }));
+      return jsx(CompletionPage, {
+        onContinue: onCompleteOnboarding
+      });
     }
     // Step 1: Landing Page
     if (!email) return jsx(LandingPage, {
@@ -27511,7 +27539,7 @@ const RateForm = ({
   }));
 };
 
-const SalesOrder$1 = ({
+const SuspendSalesOrder = ({
   children,
   errors,
   isLoading,
@@ -27556,17 +27584,20 @@ const getTableWrapperStyles = theme => /*#__PURE__*/css$1({
   }
 }, process.env.NODE_ENV === "production" ? "" : ";label:getTableWrapperStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIml0ZW1zLWJyZWFrZG93bi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2dEIiwiZmlsZSI6Iml0ZW1zLWJyZWFrZG93bi5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcclxuZXhwb3J0IGNvbnN0IGdldE51bWVyaWNDZWxsU3R5bGUgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICB0ZXh0QWxpZ246IFwicmlnaHRcIixcclxuICAgIHdpZHRoOiBcIjEwMHB4XCIsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0VGFibGVXcmFwcGVyU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgXCImJiA+IGRpdlwiOiB7XHJcbiAgICAgICAgYm94U2hhZG93OiBcIm5vbmVcIixcclxuICAgIH0sXHJcbiAgICBcIiYmID4gZGl2IHRhYmxlIHRoZWFkIHRoXCI6IHtcclxuICAgICAgICBmb250U3R5bGU6IFwiaXRhbGljXCIsXHJcbiAgICAgICAgZm9udFdlaWdodDogdGhlbWUudHlwb2dyYXBoeS5mb250V2VpZ2h0Lm5vcm1hbCxcclxuICAgIH0sXHJcbn0pO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1pdGVtcy1icmVha2Rvd24uc3R5bGVzLmpzLm1hcCJdfQ== */");
 
-const ItemsBreakdownTableHeader = () => jsx(TableHeader, {
+const ItemsBreakdownTableHeader = ({
+  hasValue,
+  hasTotal
+}) => jsx(TableHeader, {
   children: jsxs(TableBaseRow, {
     children: [jsx(TableHeaderCell, {}), jsx(TableHeaderCell, Object.assign({
       css: getNumericCellStyle
     }, {
       children: "Qty"
-    })), jsx(TableHeaderCell, Object.assign({
+    })), hasValue && jsx(TableHeaderCell, Object.assign({
       css: getNumericCellStyle
     }, {
       children: "$/ea"
-    })), jsx(TableHeaderCell, Object.assign({
+    })), hasTotal && jsx(TableHeaderCell, Object.assign({
       css: getNumericCellStyle
     }, {
       children: "$ Total"
@@ -27576,11 +27607,16 @@ const ItemsBreakdownTableHeader = () => jsx(TableHeader, {
 const ItemsBreakdown = ({
   items
 }) => {
+  const hasValue = items.some(item => item.value !== undefined);
+  const hasTotal = items.some(item => item.totalValue !== undefined);
   return jsx("div", Object.assign({
     css: getTableWrapperStyles
   }, {
     children: jsx(Table, Object.assign({
-      header: jsx(ItemsBreakdownTableHeader, {})
+      header: jsx(ItemsBreakdownTableHeader, {
+        hasTotal: hasTotal,
+        hasValue: hasValue
+      })
     }, {
       children: jsx(TableBody, {
         children: items.map(({
@@ -27600,11 +27636,11 @@ const ItemsBreakdown = ({
             css: getNumericCellStyle
           }, {
             children: quantity
-          })), jsx(TableBodyCell, Object.assign({
+          })), hasValue && jsx(TableBodyCell, Object.assign({
             css: getNumericCellStyle
           }, {
-            children: formatMoney(value)
-          })), jsx(TableBodyCell, Object.assign({
+            children: value && formatMoney(value)
+          })), hasTotal && jsx(TableBodyCell, Object.assign({
             css: getNumericCellStyle
           }, {
             children: totalValue && formatMoney(totalValue)
@@ -28017,7 +28053,7 @@ const ShipmentForm = ({
   warehouseId,
   warehouses
 }) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   features = Object.assign({
     browseRates: true,
     includeShipsuranceInsurance: true,
@@ -28190,8 +28226,8 @@ const ShipmentForm = ({
     }
   }, [form]);
   const handleSubmit = form.handleSubmit(values => __awaiter(void 0, void 0, void 0, function* () {
-    const _e = values,
-      payload = __rest(_e, ["__mode"]);
+    const _f = values,
+      payload = __rest(_f, ["__mode"]);
     const updatedShipment = yield onSubmit(Object.assign(Object.assign({}, shipment || {}), payload));
     // Defer shipment hydration to the task queue so that the submission promise resolves first, otherwise the
     // submission count will increment after hydration resets the form, keeping it in revalidate mode
@@ -28305,6 +28341,10 @@ const ShipmentForm = ({
     } = form.getValues();
     form.setValue("__mode", (features === null || features === void 0 ? void 0 : features.selectService) ? __mode : "browse_rates");
   }, [form, features === null || features === void 0 ? void 0 : features.selectService]);
+  const salesOrderItems = useMemo(() => getSalesOrderItemsFromSalesOrderOrShipment({
+    salesOrder,
+    shipment
+  }), [salesOrder, shipment]);
   if (isLoading) return jsx(Loader, {
     message: t("loading.shipment")
   });
@@ -28367,7 +28407,7 @@ const ShipmentForm = ({
       }), jsx(Spacer, {
         displayOn: isEditShipFormToOpen ? "tablet" : undefined,
         multiplier: 2
-      }), editShipToForm, jsxs(FieldLabel, Object.assign({
+      }), editShipToForm, (salesOrder === null || salesOrder === void 0 ? void 0 : salesOrder.orderDate) && jsxs(FieldLabel, Object.assign({
         label: t("purchase-label:fields.orderDate")
       }, {
         children: [jsx(Typography, Object.assign({
@@ -28375,7 +28415,7 @@ const ShipmentForm = ({
         }, {
           children: formatDate(salesOrder.orderDate)
         })), jsx(Spacer, {})]
-      })), jsxs(FieldLabel, Object.assign({
+      })), ((_b = salesOrder === null || salesOrder === void 0 ? void 0 : salesOrder.paymentDetails) === null || _b === void 0 ? void 0 : _b.grandTotal) && jsxs(FieldLabel, Object.assign({
         label: t("purchase-label:fields.orderValue")
       }, {
         children: [jsx(Typography, Object.assign({
@@ -28391,7 +28431,7 @@ const ShipmentForm = ({
         }, {
           children: requestedServices.length > 1 ? t("purchase-label:multipleShippingServices") : requestedServices[0].toString()
         })), jsx(Spacer, {})]
-      })), salesOrder.paymentDetails.estimatedShipping.amount > 0 && jsxs(FieldLabel, Object.assign({
+      })), salesOrder && salesOrder.paymentDetails.estimatedShipping.amount > 0 && jsxs(FieldLabel, Object.assign({
         label: t("purchase-label:fields.estimatedShipping")
       }, {
         children: [jsx(Typography, Object.assign({
@@ -28399,7 +28439,7 @@ const ShipmentForm = ({
         }, {
           children: formatMoney(salesOrder.paymentDetails.estimatedShipping)
         })), jsx(Spacer, {})]
-      })), salesOrder && salesOrder.salesOrderItems.length > 0 && jsx(FieldLabel, Object.assign({
+      })), salesOrderItems.length > 0 && jsx(FieldLabel, Object.assign({
         label: t("purchase-label:fields.items")
       }, {
         children: jsxs("div", Object.assign({
@@ -28411,7 +28451,7 @@ const ShipmentForm = ({
           children: [jsx(Typography, Object.assign({
             variant: "body2"
           }, {
-            children: salesOrder.salesOrderItems.reduce((total, i) => i.quantity + total, 0).toString()
+            children: salesOrderItems.length.toString()
           })), jsxs(Link, Object.assign({
             css: theme => ({
               alignItems: "center",
@@ -28430,15 +28470,7 @@ const ShipmentForm = ({
           }))]
         }))
       })), showItems && jsx(ItemsBreakdown, {
-        items: salesOrder.salesOrderItems.map(item => ({
-          detail: `SKU ${item.lineItemDetails.sku}`,
-          name: item.lineItemDetails.name,
-          quantity: item.quantity,
-          subDetail: item.requestedShippingOptions.shippingService,
-          subDetailValue: item.priceSummary.estimatedShipping,
-          totalValue: item.priceSummary.total,
-          value: item.priceSummary.unitPrice
-        }))
+        items: salesOrderItems
       })]
     })), jsx("div", {
       ref: customsItemErrorScrollToRef
@@ -28462,7 +28494,7 @@ const ShipmentForm = ({
       }), jsx(CustomsItemsDisplay, {
         onUpdate: handleUpdateCustomsItems,
         shipment: shipment
-      }), ((_b = customsErrors === null || customsErrors === void 0 ? void 0 : customsErrors.customsItems) === null || _b === void 0 ? void 0 : _b.type) === "too_small" && jsxs(Fragment, {
+      }), ((_c = customsErrors === null || customsErrors === void 0 ? void 0 : customsErrors.customsItems) === null || _c === void 0 ? void 0 : _c.type) === "too_small" && jsxs(Fragment, {
         children: [jsx(Spacer, {}), jsx(InlineNotification, {
           title: t("purchase-label:errorMessages.customsItemsRequired"),
           type: NotificationType.ERROR
@@ -28622,7 +28654,7 @@ const ShipmentForm = ({
         label: "purchase-label:fields.addOns"
       }, {
         children: [jsx(Switch, Object.assign({
-          defaultChecked: ((_c = shipment === null || shipment === void 0 ? void 0 : shipment.confirmation) !== null && _c !== void 0 ? _c : "none") !== "none",
+          defaultChecked: ((_d = shipment === null || shipment === void 0 ? void 0 : shipment.confirmation) !== null && _d !== void 0 ? _d : "none") !== "none",
           label: t("purchase-label:fields.confirmation"),
           name: "confirmationEnabled",
           shouldUnmount: true,
@@ -28638,7 +28670,7 @@ const ShipmentForm = ({
             shouldUnregister: true
           })
         })), jsxs(Switch, Object.assign({
-          defaultChecked: ((_d = shipment === null || shipment === void 0 ? void 0 : shipment.insuranceProvider) !== null && _d !== void 0 ? _d : "none") !== "none",
+          defaultChecked: ((_e = shipment === null || shipment === void 0 ? void 0 : shipment.insuranceProvider) !== null && _e !== void 0 ? _e : "none") !== "none",
           label: t("purchase-label:fields.insurance"),
           name: "insuranceEnabled",
           onChange: () => setInsuranceEnabled(true),
@@ -28927,6 +28959,30 @@ const Shipment$1 = ({
   });
 };
 
+const SuspendShipment = ({
+  children,
+  errors,
+  isLoading,
+  shipment
+}) => {
+  const {
+    t
+  } = useTranslation(["common", "purchase-label"]);
+  if (isLoading) return jsx(Loader, {
+    message: t("loading.shipment")
+  });
+  if (errors) throw new Error(errors.map(e => e.message).join(", "));
+  if (!shipment) throw new Error("errorMessages.unableToLoad.shipment");
+  return jsx("div", Object.assign({
+    css: {
+      height: "100%",
+      width: "100%"
+    }
+  }, {
+    children: children
+  }));
+};
+
 const VoidLabel$1 = ({
   onComplete,
   onSubmit,
@@ -29063,10 +29119,11 @@ var index$1 = /*#__PURE__*/Object.freeze({
 	ManageWarehouses: ManageWarehouses$1,
 	Onboarding: Onboarding$1,
 	RateForm: RateForm,
-	SalesOrder: SalesOrder$1,
+	SuspendSalesOrder: SuspendSalesOrder,
 	ShipmentForm: ShipmentForm,
 	schedulePickupForCarrier: schedulePickupForCarrier,
 	Shipment: Shipment$1,
+	SuspendShipment: SuspendShipment,
 	WarehouseForm: WarehouseForm,
 	VoidLabel: VoidLabel$1,
 	WalletForm: WalletForm,
@@ -31227,7 +31284,7 @@ const useAddress = ({
   }), [handleValidateAddress, onChange, shipment, updateShipment]);
   useEffect(() => {
     if (!addressPreference && (shipment === null || shipment === void 0 ? void 0 : shipment.shipTo)) {
-      handleValidateAddress(shipment === null || shipment === void 0 ? void 0 : shipment.shipTo, salesOrder === null || salesOrder === void 0 ? void 0 : salesOrder.shipTo);
+      void handleValidateAddress(shipment === null || shipment === void 0 ? void 0 : shipment.shipTo, salesOrder === null || salesOrder === void 0 ? void 0 : salesOrder.shipTo);
     }
   }, [addressPreference, handleValidateAddress, salesOrder === null || salesOrder === void 0 ? void 0 : salesOrder.shipTo, shipment === null || shipment === void 0 ? void 0 : shipment.shipTo]);
   const charsetWarning = useMemo(() => Object.keys((addressPreference === null || addressPreference === void 0 ? void 0 : addressPreference.selection) || {}).reduce((warning, key) => {
@@ -31707,6 +31764,67 @@ const ConfigureShipment = _a => {
   });
 };
 
+const Onboarding = ({
+  onCompleteOnboarding
+}) => {
+  const {
+    t
+  } = useTranslation(["common", "register-wallet"]);
+  const {
+    data: warehouses,
+    refetch: refetchWarehouses
+  } = useListWarehouses();
+  const {
+    mutateAsync: createWarehouse
+  } = useCreateWarehouse();
+  const {
+    data: carriers,
+    refetch: refetchCarriers
+  } = useListCarriers();
+  const {
+    error: registerStampsCarrierErrors,
+    mutateAsync: registerStampsCarrier
+  } = useConnectCarrier();
+  const {
+    error: registerUpsCarrierErrors,
+    mutateAsync: registerUpsCarrier,
+    isLoading: isLoadingUps
+  } = useConnectCarrier();
+  const {
+    error: registerDhlCarrierErrors,
+    mutateAsync: registerDhlCarrier,
+    isLoading: isLoadingDhl
+  } = useConnectCarrier();
+  const onWarehouseCreated = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    yield refetchWarehouses();
+  }), [refetchWarehouses]);
+  const onCarrierCreated = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    yield refetchCarriers();
+  }), [refetchCarriers]);
+  if (!carriers) return jsx(Loader, {
+    message: t("loading.carriers")
+  });
+  if (!warehouses) return jsx(Loader, {
+    message: t("loading.warehouses")
+  });
+  return jsx(Onboarding$1, {
+    carriers: carriers,
+    createWarehouse: createWarehouse,
+    isLoadingDhl: isLoadingDhl,
+    isLoadingUps: isLoadingUps,
+    onCarrierCreated: onCarrierCreated,
+    onCompleteOnboarding: onCompleteOnboarding,
+    onWarehouseCreated: onWarehouseCreated,
+    registerDhlCarrier: registerDhlCarrier,
+    registerDhlCarrierErrors: registerDhlCarrierErrors,
+    registerStampsCarrier: registerStampsCarrier,
+    registerStampsCarrierErrors: registerStampsCarrierErrors,
+    registerUpsCarrier: registerUpsCarrier,
+    registerUpsCarrierErrors: registerUpsCarrierErrors,
+    warehouses: warehouses
+  });
+};
+
 const usePendingShipment = ({
   onLoad,
   salesOrder,
@@ -31778,7 +31896,8 @@ const useConfigureShipment = ({
   onLoad,
   onShipmentUpdated,
   salesOrder,
-  warehouseId
+  warehouseId,
+  printLabelLayout
 }) => {
   var _a, _b;
   const {
@@ -31795,12 +31914,12 @@ const useConfigureShipment = ({
     yield reloadPendingShipment();
     yield onShipmentUpdated === null || onShipmentUpdated === void 0 ? void 0 : onShipmentUpdated(shipment);
   }), [onShipmentUpdated, reloadPendingShipment]);
-  const printLabelLayout = (_b = (_a = useGetAccountSettings().data) === null || _a === void 0 ? void 0 : _a.defaultLabelLayout) !== null && _b !== void 0 ? _b : "4x6";
+  const labelLayoutSetting = (_b = (_a = useGetAccountSettings().data) === null || _a === void 0 ? void 0 : _a.defaultLabelLayout) !== null && _b !== void 0 ? _b : "4x6";
   return {
     errors: pendingShipmentErrors,
     isLoading: isPendingShipmentLoading,
     onShipmentUpdated: handleShipmentUpdated,
-    printLabelLayout,
+    printLabelLayout: printLabelLayout ? printLabelLayout : labelLayoutSetting,
     shipment: pendingShipment,
     warehouseId
   };
@@ -31859,7 +31978,7 @@ const useImportSalesOrder = ({
   };
 };
 
-const SalesOrder = _a => {
+const PurchaseLabelBySalesOrder = _a => {
   var {
       features,
       externalOrderId,
@@ -31889,7 +32008,7 @@ const SalesOrder = _a => {
     salesOrder,
     warehouseId
   });
-  return jsx(SalesOrder$1, Object.assign({
+  return jsx(SuspendSalesOrder, Object.assign({
     salesOrder: salesOrder
   }, salesOrderProps, {
     children: salesOrder && jsx(ConfigureShipment, Object.assign({
@@ -31899,67 +32018,77 @@ const SalesOrder = _a => {
   }));
 };
 
-const Element$3 = registerElement("purchase-label", SalesOrder);
-
-const Onboarding = ({
-  onCompleteOnboarding
+const useLoadShipment = ({
+  shipmentId
 }) => {
   const {
-    t
-  } = useTranslation(["common", "register-wallet"]);
-  const {
-    data: warehouses,
-    refetch: refetchWarehouses
-  } = useListWarehouses();
-  const {
-    mutateAsync: createWarehouse
-  } = useCreateWarehouse();
-  const {
-    data: carriers,
-    refetch: refetchCarriers
-  } = useListCarriers();
-  const {
-    error: registerStampsCarrierErrors,
-    mutateAsync: registerStampsCarrier
-  } = useConnectCarrier();
-  const {
-    error: registerUpsCarrierErrors,
-    mutateAsync: registerUpsCarrier,
-    isLoading: isLoadingUps
-  } = useConnectCarrier();
-  const {
-    error: registerDhlCarrierErrors,
-    mutateAsync: registerDhlCarrier,
-    isLoading: isLoadingDhl
-  } = useConnectCarrier();
-  const onWarehouseCreated = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-    yield refetchWarehouses();
-  }), [refetchWarehouses]);
-  const onCarrierCreated = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-    yield refetchCarriers();
-  }), [refetchCarriers]);
-  if (!carriers) return jsx(Loader, {
-    message: t("loading.carriers")
-  });
-  if (!warehouses) return jsx(Loader, {
-    message: t("loading.warehouses")
-  });
-  return jsx(Onboarding$1, {
-    carriers: carriers,
-    createWarehouse: createWarehouse,
-    isLoadingDhl: isLoadingDhl,
-    isLoadingUps: isLoadingUps,
-    onCarrierCreated: onCarrierCreated,
-    onCompleteOnboarding: onCompleteOnboarding,
-    onWarehouseCreated: onWarehouseCreated,
-    registerDhlCarrier: registerDhlCarrier,
-    registerDhlCarrierErrors: registerDhlCarrierErrors,
-    registerStampsCarrier: registerStampsCarrier,
-    registerStampsCarrierErrors: registerStampsCarrierErrors,
-    registerUpsCarrier: registerUpsCarrier,
-    registerUpsCarrierErrors: registerUpsCarrierErrors,
-    warehouses: warehouses
-  });
+    data: shipment,
+    error: loadShipmentErrors,
+    refetch: refetchShipment,
+    isLoading
+  } = useGetShipment(shipmentId);
+  const errors = [...(loadShipmentErrors !== null && loadShipmentErrors !== void 0 ? loadShipmentErrors : [])];
+  return {
+    errors: errors.length > 0 ? errors : undefined,
+    isLoading: isLoading,
+    refetchShipment,
+    shipment
+  };
+};
+
+const PurchaseLabelByShipment = _a => {
+  var {
+      shipmentId,
+      onLoad,
+      onShipmentUpdated,
+      features
+    } = _a,
+    props = __rest(_a, ["shipmentId", "onLoad", "onShipmentUpdated", "features"]);
+  const _b = useLoadShipment({
+      shipmentId
+    }),
+    {
+      shipment
+    } = _b,
+    shipmentProps = __rest(_b, ["shipment"]);
+  return jsx(SuspendShipment, Object.assign({
+    shipment: shipment
+  }, shipmentProps, {
+    children: shipment && jsx(ConfigureShipment, Object.assign({
+      errors: shipmentProps.errors,
+      features: features,
+      isLoading: shipmentProps.isLoading,
+      onAddressValidation: props.onAddressValidation,
+      onApplyPreset: props.onApplyPreset,
+      onBeforeLabelCreate: props.onBeforeLabelCreate,
+      onChangeAddress: props.onChangeAddress,
+      onChangeShipmentFormMode: props.onChangeShipmentFormMode,
+      onLabelCreateFailure: props.onLabelCreateFailure,
+      onLabelCreateSuccess: props.onLabelCreateSuccess,
+      onRateSaved: props.onRateSaved,
+      onRatesCalculated: props.onRatesCalculated,
+      onShipmentUpdated: onShipmentUpdated,
+      onToggleAddressPreferenceDisclosure: props.onToggleAddressPreferenceDisclosure,
+      printLabelLayout: props.printLabelLayout,
+      shipment: shipment,
+      shippingPresets: props.shippingPresets,
+      warehouseId: props.warehouseId
+    }, props))
+  }));
+};
+
+const PurchaseLabel = _a => {
+  var {
+      shipmentId
+    } = _a,
+    props = __rest(_a, ["shipmentId"]);
+  if (shipmentId) {
+    return jsx(PurchaseLabelByShipment, Object.assign({
+      shipmentId: shipmentId
+    }, props));
+  } else {
+    return jsx(PurchaseLabelBySalesOrder, Object.assign({}, props));
+  }
 };
 
 const Shipment = ({
@@ -32030,6 +32159,8 @@ const VoidLabel = ({
   });
 };
 
+const Element$3 = registerElement("purchase-label", PurchaseLabel);
+
 const Element$2 = registerElement("onboarding", Onboarding);
 
 const Element$1 = registerElement("view-shipment", Shipment);
@@ -32749,4 +32880,4 @@ const renderWithAllProviders = component => {
   });
 };
 
-export { Accordion, AddFundsForm, AutoFundingForm, ButtonGroup, CarrierBalance, Country, Cube, 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, Spacer, Spread, StoryNotes, index$1 as Templates, UsState, UsaCity, Element$1 as ViewShipment, Element as VoidLabel, addressFactory, addressPreferenceFactory, addressValidationFactory, autoFundingSchema, calculateTotal, capitalizeFirstLetter, carrierFactory, carrierOptionFactory, convertDimensions, convertWeight, countries, countryCodes, createCodedErrors, createDictionary, createStyles, currencySymbol, customsItemFactory, daysAfter, downloadFactory, errorMap, euCountryCodes, extendZod, formLogger, formatCreditCardNumber, formatDate, formatFractionalWeight, formatMoney, fractionalWeightFactory, getAddFundsSchema, getCustomsFromSalesOrder, getExpirationYears, getIsCustomsRequiredForSalesOrder, getIsCustomsRequiredForShipment, getIsInternationalShipment, getPendingShipment, getRateRequiresAcknowledgement, getRequestedServices, getTotalRateAmount, isDomesticAddress, isFlatRatePackageCode, isMilitaryAddress, isNowOrInTheFuture, isPoBox, isPoBoxAddress, isString, isUnitedStatesTerritory, isUspsCarrier, labelFactory, linkedResourceFactory, moneyFactory, moneySchema, mostRecent, nextDayCutoff, omitTime, orderSourceFactory, orderSourceRefreshInfoFactory, packageFactory, phoneSchema, phoneSchemaUnvalidated, postalCodeRegex$3 as postalCodeRegex, randomDeliveryConfirmation, randomFulfillmentStatus, randomInsuranceProvider, randomOrderSourceCode, randomPaymentStatus, randomShipengineId, randomShipengineSlug, randomWeightUnit, registerElement, renderWithAllProviders, renderWithProviders, salesOrderFactory, salesOrderItemFactory, salesOrderShipmentFactory, serviceFactory, shipmentFactory, shipmentItemFactory, shipmentPackageFactory, sortByCreationDate, tristateValue, usCities, usStateCodes, usStates, useCarrierMetadata, useConfirmationOptions, useCountryCodeOptions, useCustomsContentsOptions, useCustomsNonDeliveryOptions, useElements, useExpirationMonthOptions, useInsuranceProviderOptions, useNestedForm, usePackageOptions, usePageLayout, useRateOptions, useRootPortal, useRunOnceOnTrue, useServiceCodeOptions, useShippingPresetsOptions, useStateCodeOptions, useToggle, useWarehouseOptions, validationResolver, warehouseFactory, weightFactory, weightWithUnitFactory };
+export { Accordion, AddFundsForm, AutoFundingForm, ButtonGroup, CarrierBalance, Country, Cube, 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, Spacer, Spread, StoryNotes, index$1 as Templates, UsState, UsaCity, Element$1 as ViewShipment, Element as VoidLabel, addressFactory, addressPreferenceFactory, addressValidationFactory, autoFundingSchema, calculateTotal, capitalizeFirstLetter, carrierFactory, carrierOptionFactory, convertDimensions, convertWeight, countries, countryCodes, createCodedErrors, createDictionary, createStyles, currencySymbol, customsItemFactory, daysAfter, downloadFactory, errorMap, euCountryCodes, extendZod, formLogger, formatCreditCardNumber, formatDate, formatFractionalWeight, formatMoney, fractionalWeightFactory, getAddFundsSchema, getCustomsFromSalesOrder, getExpirationYears, getIsCustomsRequiredForSalesOrder, getIsCustomsRequiredForShipment, getIsInternationalShipment, getPendingShipment, getRateRequiresAcknowledgement, getRequestedServices, getSalesOrderItemsFromSalesOrderOrShipment, getTotalRateAmount, isDomesticAddress, isFlatRatePackageCode, isMilitaryAddress, isNowOrInTheFuture, isPoBox, isPoBoxAddress, isString, isUnitedStatesTerritory, isUspsCarrier, labelFactory, linkedResourceFactory, moneyFactory, moneySchema, mostRecent, nextDayCutoff, omitTime, orderSourceFactory, orderSourceRefreshInfoFactory, packageFactory, phoneSchema, phoneSchemaUnvalidated, postalCodeRegex$3 as postalCodeRegex, randomDeliveryConfirmation, randomFulfillmentStatus, randomInsuranceProvider, randomOrderSourceCode, randomPaymentStatus, randomShipengineId, randomShipengineSlug, randomWeightUnit, registerElement, renderWithAllProviders, renderWithProviders, salesOrderFactory, salesOrderItemFactory, salesOrderShipmentFactory, serviceFactory, shipmentFactory, shipmentItemFactory, shipmentPackageFactory, sortByCreationDate, tristateValue, usCities, usStateCodes, usStates, useCarrierMetadata, useConfirmationOptions, useCountryCodeOptions, useCustomsContentsOptions, useCustomsNonDeliveryOptions, useElements, useExpirationMonthOptions, useInsuranceProviderOptions, useNestedForm, usePackageOptions, usePageLayout, useRateOptions, useRootPortal, useRunOnceOnTrue, useServiceCodeOptions, useShippingPresetsOptions, useStateCodeOptions, useToggle, useWarehouseOptions, validationResolver, warehouseFactory, weightFactory, weightWithUnitFactory };