@shipengine/elements 0.33.0 → 0.34.0

package/index.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import { useTranslation, Trans } from 'react-i18next';
-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 { 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, IconTooltip, 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, AlchemyContext, 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';
@@ -4487,10 +4487,10 @@ const useBlackboxDetection = ({
 }) => {
   useEffect(() => {
     // basic configurations must be on page before snare.js is loaded
-    global.window.io_install_stm = false; // do not install Active X
-    global.window.io_exclude_stm = 12; // do not run Active X
-    global.window.io_install_flash = false; // do not install Flash
-    global.window.io_enable_rip = true; // collect Real IP information
+    window.io_install_stm = false; // do not install Active X
+    window.io_exclude_stm = 12; // do not run Active X
+    window.io_install_flash = false; // do not install Flash
+    window.io_enable_rip = true; // collect Real IP information
     const pollBlackBox = () => {
       try {
         if (typeof ioGetBlackbox !== "function") {
@@ -4509,7 +4509,7 @@ const useBlackboxDetection = ({
     };
     const intervalId = setInterval(pollBlackBox, 500);
     // attach script to DOM
-    const script = global.document.createElement("script");
+    const script = document.createElement("script");
     script.type = "text/javascript";
     script.async = true;
     script.src = "https://mpsnare.iesnare.com/snare.js";
@@ -4518,16 +4518,16 @@ const useBlackboxDetection = ({
         onError();
       }
     });
-    global.document.head.appendChild(script);
+    document.head.appendChild(script);
     return () => {
       if (intervalId) {
         clearTimeout(intervalId);
       }
-      delete global.window.io_install_stm;
-      delete global.window.io_exclude_stm;
-      delete global.window.io_install_flash;
-      delete global.window.io_enable_rip;
-      global.document.head.removeChild(script);
+      delete window.io_install_stm;
+      delete window.io_exclude_stm;
+      delete window.io_install_flash;
+      delete window.io_enable_rip;
+      document.head.removeChild(script);
     };
   }, [onSuccess, onError]);
 };
@@ -7423,6 +7423,7 @@ const getWrapperStyles = theme => /*#__PURE__*/css$1(process.env.NODE_ENV === "p
 
 const DatePickerController = createFieldController();
 const DatePicker = fieldProps => {
+  const alchemy = useContext(AlchemyContext);
   const theme = useTheme();
   const datePickerRef = useRef(null);
   return jsx(DatePickerController, Object.assign({}, fieldProps, {
@@ -7443,7 +7444,7 @@ const DatePicker = fieldProps => {
         css: getOverrideStyles(theme)
       }, {
         children: jsx(ReactDatePicker, Object.assign({
-          locale: LOCALE
+          locale: alchemy === null || alchemy === void 0 ? void 0 : alchemy.locale
         }, datePickerProps, {
           customInput: /*#__PURE__*/createElement$2( /*#__PURE__*/forwardRef(function InputWrapper(_a, forwardedRef) {
             var _b;
@@ -8814,16 +8815,8 @@ const AddFundsForm = ({
           }))]
         }))]
       })]
-    })), addFunds.error && jsxs(Fragment, {
-      children: [jsx(Spacer, {
-        multiplier: 1
-      }), jsx(InlineNotification, Object.assign({
-        title: t("manage-funding:addFunds.error.title"),
-        type: NotificationType.ERROR
-      }, {
-        children: addFunds.error[0].message
-      }))]
-    }), children === null || children === void 0 ? void 0 : children({
+    })), children === null || children === void 0 ? void 0 : children({
+      error: addFunds.error,
       isCustomAmount: selectedChip.value === "custom",
       isSubmitted,
       isSubmitting,
@@ -9165,6 +9158,12 @@ const AddressParser = ({
     const payload = values;
     onSubmit(payload);
   }));
+  form.watch((data, {
+    name
+  }) => {
+    var _a;
+    if (name === "fullAddress" && ((_a = data.fullAddress) === null || _a === void 0 ? void 0 : _a.length) == null) reset === null || reset === void 0 ? void 0 : reset();
+  });
   const errors = (parseErrors === null || parseErrors === void 0 ? void 0 : parseErrors.length) ? [t("errorMessages.parsingFailure")] : undefined;
   const formInterface = jsxs(Fragment, {
     children: [jsx(TextArea, {
@@ -9782,29 +9781,23 @@ const AddressPreferenceSelect = ({
       case "ERROR":
         return jsxs(Fragment, {
           children: [jsx(Spacer, {
-            multiplier: 1
+            multiplier: 2
           }), jsx(GridChild, Object.assign({
-            colSpan: 8,
-            css: theme => ({
-              paddingLeft: theme.spacing(1)
-            })
+            colSpan: 8
           }, {
             children: jsx(InlineNotification, Object.assign({
+              title: t("address.preference.addressNotValidated"),
               type: NotificationType.ALERT
             }, {
               children: t("address.preference.unableToValidate")
             }))
           })), jsx(Spacer, {
-            multiplier: 1
-          }), jsx(GridChild, Object.assign({
-            css: theme => ({
-              paddingLeft: theme.spacing(1)
-            })
-          }, {
+            multiplier: 2
+          }), jsx(GridChild, {
             children: jsx(AddressDisplay, {
               address: (_b = warehousePreference.validation) === null || _b === void 0 ? void 0 : _b.originalAddress
             })
-          }))]
+          })]
         });
       default:
         // This code path should never be reached.
@@ -9827,7 +9820,7 @@ const AddressPreferenceSelect = ({
           children: t("common:address.preference.title")
         }))
       })), jsxs(GridChild, Object.assign({
-        colSpan: 8
+        colSpan: 12
       }, {
         children: [jsx(Typography, Object.assign({
           css: {
@@ -10199,10 +10192,7 @@ const WalletForm = ({
         return [...(errors !== null && errors !== void 0 ? errors : []), blackBoxError];
       });
     },
-    onSuccess: bb => {
-      console.log("bb", bb);
-      form.setValue("iovationBlackbox", bb);
-    }
+    onSuccess: bb => form.setValue("iovationBlackbox", bb)
   });
   const watchAddress = form.watch("address");
   const handleSubmit = form.handleSubmit(values => __awaiter(void 0, void 0, void 0, function* () {
@@ -10892,7 +10882,8 @@ const styles$e = createStyles({
     display: "flex",
     flexDirection: "column",
     paddingBottom: theme.spacing(8),
-    paddingTop: theme.spacing(2)
+    paddingTop: theme.spacing(2),
+    textAlign: "center"
   }),
   termsLink: theme => ({
     alignItems: "center",
@@ -11954,7 +11945,8 @@ const styles$a = createStyles({
 });
 
 const LandingPage = ({
-  onSubmit
+  onSubmit,
+  partnerName
 }) => {
   const {
     t
@@ -11996,7 +11988,9 @@ const LandingPage = ({
         css: styles$a.description,
         variant: "body1"
       }, {
-        children: t("onboarding:landing.messageLine1")
+        children: partnerName ? t("onboarding:landing.partnerMessageLine1", {
+          partnerName: partnerName
+        }) : t("onboarding:landing.messageLine1")
       })), jsx(Spacer, {
         multiplier: 2
       }), jsx(Typography, Object.assign({
@@ -12450,7 +12444,7 @@ const WarehouseForm = ({
           control: form.control,
           "data-testid": "warehouseFormSubmitButton",
           form: "warehouse-form",
-          requireDirty: true,
+          requireDirty: !warehouse,
           variant: _isOnboarding ? ButtonVariant.FILLED : ButtonVariant.OUTLINED
         }, {
           children: submitButtonTitle
@@ -12667,11 +12661,21 @@ const styles$6 = createStyles({
   container: theme => ({
     padding: theme.spacing(2)
   }),
+  iconTooltip: theme => ({
+    color: theme.palette.secondary.main,
+    display: "inline-block",
+    marginLeft: theme.spacing(1),
+    verticalAlign: "middle"
+  }),
   step: {
     "& > span:last-child": {
       position: "static"
     }
   },
+  tooltipContainer: () => ({
+    maxWidth: "260px",
+    textAlign: "left"
+  }),
   walletFormHeader: theme => ({
     margin: theme.spacing(4)
   }),
@@ -12687,18 +12691,20 @@ const styles$6 = createStyles({
 
 const Onboarding = ({
   connectedCarriers,
+  createFundingSource,
+  createFundingSourceErrors,
   createWarehouse,
   features,
   fundingSources,
   isRegisteringCarriers,
+  onboardingAddress,
   onCarrierCreated,
   onCompleteOnboarding,
   onFundingSourceCreated,
   onWarehouseCreated,
+  partnerName,
   registerCarrier,
   registerCarrierErrors,
-  createFundingSource,
-  createFundingSourceErrors,
   warehouses
 }) => {
   var _a, _b, _c;
@@ -12732,6 +12738,7 @@ const Onboarding = ({
   const hasDhl = connectedCarriers === null || connectedCarriers === void 0 ? void 0 : connectedCarriers.some(c => c.carrierCode === "dhl_express_worldwide");
   const fundingSourceId = (fundingSources === null || fundingSources === void 0 ? void 0 : fundingSources.length) ? fundingSources[0].fundingSourceId : undefined;
   const hasCompletedOnboarding = onboardingComplete || warehouses.length && hasStampsWallet && (hasUps || !upsEnabled) && hasDhl;
+  const containerRef = useRef(null);
   const currentStep = useMemo(() => {
     if (hasCompletedOnboarding) {
       return 5;
@@ -12844,7 +12851,8 @@ const Onboarding = ({
     }
     // Step 1: Landing Page
     if (!email) return jsx(LandingPage, {
-      onSubmit: e => setEmail(e)
+      onSubmit: e => setEmail(e),
+      partnerName: partnerName
     });
     // Step 2: Agree to Terms and Conditions
     if (!agreedToTerms) {
@@ -12893,7 +12901,8 @@ const Onboarding = ({
           onSubmit: payload => __awaiter(void 0, void 0, void 0, function* () {
             return handleCreateWarehouse(payload);
           }),
-          submitButtonTitle: t("actions.continue")
+          submitButtonTitle: t("actions.continue"),
+          warehouse: onboardingAddress
         })
       }));
     }
@@ -12916,21 +12925,39 @@ const Onboarding = ({
               variant: "subtitle1"
             }, {
               children: t("register-wallet:sections.billing.cardSubTitle")
+            })), jsx(IconTooltip, Object.assign({
+              container: containerRef.current,
+              css: styles$6.iconTooltip,
+              icon: IconNames.INFO_FILLED,
+              placement: "auto",
+              size: IconSize.SIZE_MEDIUM
+            }, {
+              children: jsxs("div", Object.assign({
+                css: styles$6.tooltipContainer
+              }, {
+                children: [jsx(Typography, Object.assign({
+                  bold: true,
+                  variant: "small"
+                }, {
+                  children: t("register-wallet:sections.notifications.info.title")
+                })), jsx(Spacer, {
+                  multiplier: 1
+                }), jsx(Typography, Object.assign({
+                  variant: "small"
+                }, {
+                  children: t("register-wallet:sections.notifications.info.description")
+                }))]
+              }))
             }))]
           })), jsx(Spacer, {
             multiplier: 1
-          }), (createFundingSourceErrors === null || createFundingSourceErrors === void 0 ? void 0 : createFundingSourceErrors.length) ? jsx(InlineNotification, Object.assign({
+          }), !!(createFundingSourceErrors === null || createFundingSourceErrors === void 0 ? void 0 : createFundingSourceErrors.length) && jsx(InlineNotification, Object.assign({
             title: t("register-wallet:sections.notifications.error.title"),
             type: NotificationType.ERROR
           }, {
             children: createFundingSourceErrors.map(({
               message
             }) => message).join(" ")
-          })) : jsx(InlineNotification, Object.assign({
-            title: t("register-wallet:sections.notifications.info.title"),
-            type: NotificationType.INFO
-          }, {
-            children: t("register-wallet:sections.notifications.info.description")
           }))]
         })),
         onSubmit: payload => __awaiter(void 0, void 0, void 0, function* () {
@@ -12988,14 +13015,15 @@ const Onboarding = ({
     });
   };
   return jsxs("div", Object.assign({
-    css: styles$6.container
+    css: styles$6.container,
+    ref: containerRef
   }, {
     children: [jsxs(Stepper, Object.assign({
       currentStep: currentStep
     }, {
       children: [jsx(Step, {
         css: styles$6.step,
-        label: t("onboarding:steps.login")
+        label: t("onboarding:steps.register")
       }), jsx(Step, {
         css: styles$6.step,
         label: t("onboarding:steps.carriers")
@@ -13004,7 +13032,7 @@ const Onboarding = ({
         label: t("onboarding:steps.addresses")
       }), jsx(Step, {
         css: styles$6.step,
-        label: t("onboarding:steps.payment")
+        label: t("onboarding:steps.billing")
       })]
     })), renderStep(), ((_c = features === null || features === void 0 ? void 0 : features.presentation) === null || _c === void 0 ? void 0 : _c.poweredByShipEngine) && jsxs(Fragment, {
       children: [jsx(Spacer, {}), jsx(PoweredByShipEngine, {})]
@@ -13078,29 +13106,6 @@ const Cube = _a => {
 };
 
 const styles$5 = createStyles({
-  balanceText: theme => ({
-    color: theme.palette.secondary.dark
-  }),
-  container: theme => ({
-    padding: `${theme.spacing(3)}px ${theme.spacing(4)}px`
-  }),
-  getFormExtension: isCustomAmount => theme => ({
-    backgroundColor: theme.palette.gray.ultraLight,
-    display: "flex",
-    flexDirection: "column",
-    gap: theme.spacing(1),
-    // Negative margin is to compensate for the padding on AddFundsForm, since we want this
-    // section to seemlessly extend the form's well.
-    marginTop: theme.spacing(isCustomAmount ? -1.5 : -1),
-    padding: theme.spacing(2),
-    paddingTop: 0
-  }),
-  saveRateButton: {
-    whiteSpace: "nowrap"
-  }
-});
-
-const styles$4 = createStyles({
   icon: theme => ({
     color: theme.palette.primary.main,
     marginRight: theme.spacing(2)
@@ -13145,10 +13150,10 @@ const Section = _a => {
     rest = __rest(_a, ["bold", "title", "children", "rightContent"]);
   return jsxs(Fragment, {
     children: [title && jsx("summary", Object.assign({
-      css: styles$4.summary
+      css: styles$5.summary
     }, {
       children: jsxs("div", Object.assign({
-        css: styles$4.summaryWrapper
+        css: styles$5.summaryWrapper
       }, {
         children: [jsx(Typography, Object.assign({
           bold: bold,
@@ -13156,19 +13161,42 @@ const Section = _a => {
         }, {
           children: title
         })), rightContent && jsx("div", Object.assign({
-          css: styles$4.rightContentWrapper
+          css: styles$5.rightContentWrapper
         }, {
           children: rightContent
         }))]
       }))
     })), jsx("section", Object.assign({
-      css: styles$4.section
+      css: styles$5.section
     }, rest, {
       children: children
     }))]
   });
 };
 
+const styles$4 = createStyles({
+  balanceText: theme => ({
+    color: theme.palette.secondary.dark
+  }),
+  container: theme => ({
+    padding: `${theme.spacing(3)}px ${theme.spacing(4)}px`
+  }),
+  getFormExtension: isCustomAmount => theme => ({
+    backgroundColor: theme.palette.gray.ultraLight,
+    display: "flex",
+    flexDirection: "column",
+    gap: theme.spacing(1),
+    // Negative margin is to compensate for the padding on AddFundsForm, since we want this
+    // section to seemlessly extend the form's well.
+    marginTop: theme.spacing(isCustomAmount ? -1.5 : -1),
+    padding: theme.spacing(2),
+    paddingTop: 0
+  }),
+  saveRateButton: {
+    whiteSpace: "nowrap"
+  }
+});
+
 /**
  * Fund and Purchase handles the label purchase submission UX, ensuring that a user
  * has the necessary funds available and can add them if not. It allows a single button
@@ -13234,7 +13262,7 @@ const FundAndPurchase = ({
     }, {
       children: [jsx(Button, Object.assign({
         bold: false,
-        css: styles$5.saveRateButton,
+        css: styles$4.saveRateButton,
         disabled: disabled || !carrierId || addFundsForm.isSubmitting || isRateFormSubmitting,
         isLoading: isSavingRate,
         onClick: handleSaveRate,
@@ -13254,7 +13282,7 @@ const FundAndPurchase = ({
   // render when no rate has been selected yet
   if (!carrierId) return jsxs("div", Object.assign({
     className: className,
-    css: styles$5.container
+    css: styles$4.container
   }, {
     children: [jsxs(Spread, {
       children: [jsx(CarrierBalance, {
@@ -13278,7 +13306,7 @@ const FundAndPurchase = ({
   //         show balance, but not the funding form.
   if (!isFundingEnabled) return jsxs("div", Object.assign({
     className: className,
-    css: styles$5.container
+    css: styles$4.container
   }, {
     children: [jsx(CarrierBalance, {
       carrierId: carrierId
@@ -13320,13 +13348,13 @@ const FundAndPurchase = ({
         var _a, _b;
         return jsxs(Fragment, {
           children: [jsxs("section", Object.assign({
-            css: styles$5.getFormExtension(addFundsForm.isCustomAmount)
+            css: styles$4.getFormExtension(addFundsForm.isCustomAmount)
           }, {
             children: [jsx(InlineLabel, Object.assign({
               label: t("manage-funding:fundAndPurchase.newBalance")
             }, {
               children: jsx(Typography, Object.assign({
-                css: styles$5.balanceText
+                css: styles$4.balanceText
               }, {
                 children: formatMoney({
                   amount: balance + ((_a = addFundsForm.selectedAmount) !== null && _a !== void 0 ? _a : 0),
@@ -13337,7 +13365,7 @@ const FundAndPurchase = ({
               label: t("manage-funding:fundAndPurchase.finalBalance")
             }, {
               children: jsx(Typography, Object.assign({
-                css: styles$5.balanceText
+                css: styles$4.balanceText
               }, {
                 children: formatMoney({
                   amount: balance + ((_b = addFundsForm.selectedAmount) !== null && _b !== void 0 ? _b : 0) - purchaseAmount,
@@ -13357,6 +13385,15 @@ const FundAndPurchase = ({
             }))]
           })), jsx(Spacer, {
             multiplier: 2
+          }), addFundsForm.error && jsxs(Fragment, {
+            children: [jsx(InlineNotification, Object.assign({
+              title: t("manage-funding:addFunds.error.title"),
+              type: NotificationType.ERROR
+            }, {
+              children: addFundsForm.error[0].message
+            })), jsx(Spacer, {
+              multiplier: 2
+            })]
           }), renderActionButtons(addFundsForm)]
         });
       }
@@ -15748,18 +15785,19 @@ var onboarding$1 = {
 	title: "Onboarding",
 	inlineTitle: "Why are we asking?",
 	landing: {
-		action: "Login",
+		action: "Register",
 		title: "Register Your Account",
 		subtitle: "Enter your email address to start shipping with discounted carrier rates",
 		welcome: "Welcome",
-		messageLine1: "Simplify your shipping workflow – no subscription required.",
-		messageLine2: "You can compare carrier services, ship domestic and international orders, and manage your postage payments."
+		messageLine1: "Simplify your shipping workflow.",
+		partnerMessageLine1: "Simplify your shipping workflow inside {{partnerName}}.",
+		messageLine2: "Let’s begin your account registration so that you can compare carrier services, ship domestic and international orders, and manage your postage payments."
 	},
 	steps: {
-		login: "Login",
+		register: "Register",
 		carriers: "Carriers",
 		addresses: "Addresses",
-		payment: "Payment"
+		billing: "Billing"
 	},
 	warehouse: {
 		title: "Ship From Address",
@@ -15889,8 +15927,8 @@ var registerWallet = {
 	"register-wallet": {
 	sections: {
 		setup: {
-			title: "Carriers Agreement",
-			subtitle: "Our service is including these carriers by default",
+			title: "Activate Carriers",
+			subtitle: "Activate the carriers in our service by agreeing to the carriers’ Terms of Service",
 			descriptionTitle: "What is a wallet?",
 			description: "Explaining the benefits of the wallet here"
 		},
@@ -15910,7 +15948,7 @@ var registerWallet = {
 			},
 			info: {
 				title: "Why we are asking?",
-				description: "Your account balance handles the cost of labels, insurance and carrier adjustments."
+				description: "We are offering a secure account balance to handle the cost of labels, insurance and carrier adjustments."
 			},
 			poBox: {
 				title: "PO Box cannot be used for Billing",
@@ -16046,7 +16084,9 @@ var accountSettings = /*#__PURE__*/Object.freeze({
 
 const Component$3 = ({
   features,
-  onCompleteOnboarding
+  onboardingAddress,
+  onCompleteOnboarding,
+  partnerName
 }) => {
   const {
     t
@@ -16099,10 +16139,12 @@ const Component$3 = ({
     features: features,
     fundingSources: fundingSources,
     isRegisteringCarriers: registeringCarriers || creatingFundingSource,
+    onboardingAddress: onboardingAddress,
     onCarrierCreated: onCarrierCreated,
     onCompleteOnboarding: onCompleteOnboarding,
     onFundingSourceCreated: onFundingSourceCreated,
     onWarehouseCreated: onWarehouseCreated,
+    partnerName: partnerName,
     registerCarrier: registerCarrier,
     registerCarrierErrors: registerCarrierErrors,
     warehouses: warehouses
@@ -16113,6 +16155,8 @@ const Element$4 = alchemy.createElement(Component$3, ErrorFallback, {
     height: "100%",
     maxWidth: "800px",
     minWidth: "440px",
+    overflow: "auto",
+    scrollbarGutter: "stable both-edges",
     width: "100%"
   },
   resources: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shipengine/elements",
-  "version": "0.33.0",
+  "version": "0.34.0",
   "peerDependencies": {
     "@packlink/giger": "*",
     "react-i18next": "*",

package/src/components/add-funds-form/add-funds-form.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
+import { SE } from "@shipengine/alchemy";
 export type AddFundsFormProvider = {
+    error?: SE.CodedError[] | null;
     isCustomAmount?: boolean;
     isSubmitted?: boolean;
     isSubmitting?: boolean;

package/src/components/templates/carrier-terms-form/carrier-terms-form.styles.d.ts

@@ -47,6 +47,7 @@ export declare const styles: {
         flexDirection: "column";
         paddingBottom: number;
         paddingTop: number;
+        textAlign: "center";
     };
     termsLink: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";

package/src/components/templates/landing-page/landing-page.d.ts

@@ -1,4 +1,5 @@
 export type LandingPageProps = {
     onSubmit: (payload: string) => void;
+    partnerName?: string;
 };
-export declare const LandingPage: ({ onSubmit }: LandingPageProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const LandingPage: ({ onSubmit, partnerName }: LandingPageProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/templates/onboarding/onboarding.d.ts

@@ -30,12 +30,14 @@ export type OnboardingProps = {
     features?: OnboardingFeatures;
     fundingSources?: SE.FundingSource[];
     isRegisteringCarriers?: boolean;
+    onboardingAddress?: Pick<SE.Warehouse, "name" | "isDefault" | "originAddress" | "returnAddress">;
     onCarrierCreated: () => Promise<void>;
     onCompleteOnboarding: () => void;
     onFundingSourceCreated: () => Promise<void>;
     onWarehouseCreated: () => Promise<void>;
+    partnerName?: string;
     registerCarrier: (payload: SE.CarrierRegistration) => Promise<SE.CarrierRegistrationResponse>;
     registerCarrierErrors: SE.CodedError[] | null;
     warehouses: SE.Warehouse[];
 };
-export declare const Onboarding: ({ connectedCarriers, createWarehouse, features, fundingSources, isRegisteringCarriers, onCarrierCreated, onCompleteOnboarding, onFundingSourceCreated, onWarehouseCreated, registerCarrier, registerCarrierErrors, createFundingSource, createFundingSourceErrors, warehouses, }: OnboardingProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Onboarding: ({ connectedCarriers, createFundingSource, createFundingSourceErrors, createWarehouse, features, fundingSources, isRegisteringCarriers, onboardingAddress, onCarrierCreated, onCompleteOnboarding, onFundingSourceCreated, onWarehouseCreated, partnerName, registerCarrier, registerCarrierErrors, warehouses, }: OnboardingProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/templates/onboarding/onboarding.styles.d.ts

@@ -2,11 +2,21 @@ export declare const styles: {
     container: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
         padding: number;
     };
+    iconTooltip: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+        display: "inline-block";
+        marginLeft: number;
+        verticalAlign: string;
+    };
     step: {
         "& > span:last-child": {
             position: "static";
         };
     };
+    tooltipContainer: () => {
+        maxWidth: string;
+        textAlign: "left";
+    };
     walletFormHeader: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
         margin: number;
     };

package/src/components/templates/warehouse-form/warehouse-form.d.ts

@@ -6,6 +6,6 @@ export type WarehouseFormProps = {
     onDelete?: () => void;
     onSubmit: (payload: WarehousePayload) => void;
     submitButtonTitle: string;
-    warehouse?: SE.Warehouse;
+    warehouse?: SE.Warehouse | Pick<SE.Warehouse, "name" | "isDefault" | "originAddress" | "returnAddress">;
 };
 export declare const WarehouseForm: ({ isOnboarding, onCancel, onDelete, onSubmit, submitButtonTitle, warehouse, }: WarehouseFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/elements/account-settings/account-settings.d.ts

@@ -231,13 +231,14 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     subtitle: string;
                     welcome: string;
                     messageLine1: string;
+                    partnerMessageLine1: string;
                     messageLine2: string;
                 };
                 steps: {
-                    login: string;
+                    register: string;
                     carriers: string;
                     addresses: string;
-                    payment: string;
+                    billing: string;
                 };
                 warehouse: {
                     title: string;