@shipengine/elements 0.32.2 → 0.34.0

package/index.cjs

@@ -16,7 +16,6 @@ var gigerTheme = require('@packlink/giger-theme');
 var react = require('@emotion/react');
 var humps = require('humps');
 var reactDom = require('react-dom');
-var brands = require('@packlink/brands');
 var reactQuery = require('react-query');
 var reactHookForm = require('react-hook-form');
 var ReactDatePicker = require('react-datepicker');
@@ -4505,6 +4504,66 @@ const useAddressValidation = () => {
   };
 };
 
+/*
+ * ****** WARNING *******
+ * This hook was designed with the intention of only being used within the onboarding flow during carrier registration and carrier recovery and as such is not intended to be used elsewhere.
+ * There is a chance that more than one script will be mounted if this hook is used elsewhere.
+ */
+/**
+ * Creates an encoded device fingerprint string - aka black box - containing information about the end-user's computing device such as OS, browser, etc.
+ * https://developer.bazaarvoice.com/conversations-api/deprecations/iovation-web#snare_js_only
+ */
+const useBlackboxDetection = ({
+  onSuccess,
+  onError
+}) => {
+  React.useEffect(() => {
+    // basic configurations must be on page before snare.js is loaded
+    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") {
+          return;
+        }
+        // eslint-disable-next-line
+        const blackboxInfo = ioGetBlackbox();
+        // Each call to ioGetBlackbox() returns a JavaScript object with information about the current state of the black box and eventually the black box string itself
+        if (blackboxInfo.finished) {
+          clearTimeout(intervalId);
+          onSuccess(blackboxInfo.blackbox);
+        }
+      } catch (_e) {
+        onError();
+      }
+    };
+    const intervalId = setInterval(pollBlackBox, 500);
+    // attach script to DOM
+    const script = document.createElement("script");
+    script.type = "text/javascript";
+    script.async = true;
+    script.src = "https://mpsnare.iesnare.com/snare.js";
+    script.addEventListener("error", _e => {
+      if (typeof ioGetBlackbox !== "function") {
+        onError();
+      }
+    });
+    document.head.appendChild(script);
+    return () => {
+      if (intervalId) {
+        clearTimeout(intervalId);
+      }
+      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]);
+};
+
 const useListConnectedCarriers = () => {
   const {
     data: carriers,
@@ -6887,7 +6946,7 @@ const LabelLayoutSettings = ({
         }, {
           children: [labelLayout === "letter" && jsxRuntime.jsx(giger.Icon, {
             css: styles$p.icon,
-            name: brands.IconNames.CHECK_FILLED
+            name: gigerTheme.IconNames.CHECK_FILLED
           }), jsxRuntime.jsx("div", Object.assign({
             css: styles$p.letterInner
           }, {
@@ -6919,7 +6978,7 @@ const LabelLayoutSettings = ({
         }, {
           children: [labelLayout === "4x6" && jsxRuntime.jsx(giger.Icon, {
             css: styles$p.icon,
-            name: brands.IconNames.CHECK_FILLED
+            name: gigerTheme.IconNames.CHECK_FILLED
           }), jsxRuntime.jsx("div", Object.assign({
             css: styles$p.thermalInner
           }, {
@@ -7396,6 +7455,7 @@ const getWrapperStyles = theme => /*#__PURE__*/css.css(process.env.NODE_ENV ===
 
 const DatePickerController = createFieldController();
 const DatePicker = fieldProps => {
+  const alchemy$1 = React.useContext(alchemy.AlchemyContext);
   const theme = react.useTheme();
   const datePickerRef = React.useRef(null);
   return jsxRuntime.jsx(DatePickerController, Object.assign({}, fieldProps, {
@@ -7416,7 +7476,7 @@ const DatePicker = fieldProps => {
         css: getOverrideStyles(theme)
       }, {
         children: jsxRuntime.jsx(ReactDatePicker__default["default"], Object.assign({
-          locale: LOCALE
+          locale: alchemy$1 === null || alchemy$1 === void 0 ? void 0 : alchemy$1.locale
         }, datePickerProps, {
           customInput: /*#__PURE__*/React.createElement( /*#__PURE__*/React.forwardRef(function InputWrapper(_a, forwardedRef) {
             var _b;
@@ -8787,16 +8847,8 @@ const AddFundsForm = ({
           }))]
         }))]
       })]
-    })), addFunds.error && jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [jsxRuntime.jsx(Spacer, {
-        multiplier: 1
-      }), jsxRuntime.jsx(giger.InlineNotification, Object.assign({
-        title: t("manage-funding:addFunds.error.title"),
-        type: giger.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,
@@ -9033,7 +9085,7 @@ const InlineLabel = ({
 
 const styles$l = createStyles({
   getBalanceText: balance => theme => ({
-    color: balance === undefined ? theme.palette.alert.main : balance >= 0 ? theme.palette.secondary.dark : theme.palette.error.main
+    color: balance === undefined ? theme.palette.gray.main : balance >= 0 ? theme.palette.secondary.dark : theme.palette.error.main
   })
 });
 
@@ -9058,7 +9110,7 @@ const CarrierBalance = ({
       bold: true,
       css: styles$l.getBalanceText(carrierBalance)
     }, {
-      children: carrierBalance === undefined ? t("manage-funding:errors.balanceUnknown") : formatMoney({
+      children: carrierBalance === undefined ? "----" : formatMoney({
         amount: carrierBalance,
         currency: alchemy.SE.Currency.USD
       })
@@ -9138,6 +9190,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 = jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [jsxRuntime.jsx(TextArea, {
@@ -9342,19 +9400,6 @@ const AddressFields = ({
   });
 };
 
-/* eslint-disable @typescript-eslint/no-unused-vars -- Allow unused generics in ZodObject interface overload */
-function nullishDefault(defaultValue) {
-  return this.nullish().transform(v => v !== null && v !== void 0 ? v : defaultValue);
-}
-/**
- * @category Form Validation
- */
-const extendZod = () => {
-  zod.z.ZodString.prototype.nullishDefault = nullishDefault;
-  zod.z.ZodNumber.prototype.nullishDefault = nullishDefault;
-  zod.z.ZodObject.prototype.nullishDefault = nullishDefault;
-};
-
 var call = functionCall;
 var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
 var anObject = anObject$f;
@@ -9403,8 +9448,20 @@ fixRegExpWellKnownSymbolLogic('match', function (MATCH, nativeMatch, maybeCallNa
   ];
 });
 
+/* eslint-disable @typescript-eslint/no-unused-vars -- Allow unused generics in ZodObject interface overload */
+function nullishDefault(defaultValue) {
+  return this.nullish().transform(v => v !== null && v !== void 0 ? v : defaultValue);
+}
+/**
+ * @category Form Validation
+ */
+const extendZod = () => {
+  zod.z.ZodString.prototype.nullishDefault = nullishDefault;
+  zod.z.ZodNumber.prototype.nullishDefault = nullishDefault;
+  zod.z.ZodObject.prototype.nullishDefault = nullishDefault;
+};
+
 extendZod();
-const refineName = n => n.match(/^[a-zA-Z']{2,} [a-zA-Z']{2,}/);
 const addressLine1Schema = zod.z.string().trim().min(1);
 const addressLine2Schema = zod.z.string().trim().nullishDefault(undefined);
 const companyNameSchema = zod.z.string().trim().min(2).max(40).nullishDefault(undefined).or(zod.z.literal("")).transform(companyName => companyName || undefined);
@@ -9414,7 +9471,7 @@ const addressSchema = zod.z.object({
   cityLocality: zod.z.string().trim().min(1),
   companyName: companyNameSchema,
   countryCode: zod.z.enum(countryCodes),
-  name: zod.z.string().trim().min(1).refine(refineName, "schemaErrors.invalidAddressName"),
+  name: zod.z.string().trim().min(1),
   phone: zod.z.string().trim().nullishDefault(""),
   postalCode: zod.z.string().trim(),
   stateProvince: zod.z.string().trim().nullishDefault("")
@@ -9422,7 +9479,14 @@ const addressSchema = zod.z.object({
 
 extendZod();
 const postalCodeRegex$2 = /(^\d{5}$)|(^\d{5}-\d{4}$)/;
-const addressFormSchema = addressSchema.refine(schema => !schema.phone || min$3.isValidPhoneNumber(schema.phone, schema.countryCode), {
+const refineName = n => n.match(/^[a-zA-Z']/);
+const refineNameStrict = n => n.match(/^[a-zA-Z']{2,} [a-zA-Z']{2,}/);
+const shipToAddressSchema = addressSchema.refine(schema => {
+  return refineName(schema.name);
+}, {
+  message: "schemaErrors.invalidAddressName",
+  path: ["name"]
+}).refine(schema => !schema.phone || min$3.isValidPhoneNumber(schema.phone, schema.countryCode), {
   message: "schemaErrors.notAValidPhoneNumber",
   path: ["phone"]
 }).refine(schema => {
@@ -9442,11 +9506,18 @@ const addressFormSchema = addressSchema.refine(schema => !schema.phone || min$3.
   message: "schemaErrors.invalidPostalCode",
   path: ["postalCode"]
 });
+const addressFormSchema = shipToAddressSchema.refine(schema => {
+  return refineNameStrict(schema.name);
+}, {
+  message: "schemaErrors.invalidAddressNameStrict",
+  path: ["name"]
+});
 
 const AddressForm = ({
   address,
   domestic,
   formId,
+  isShipToForm,
   onCancel,
   onCancelParse,
   onSubmit,
@@ -9460,7 +9531,7 @@ const AddressForm = ({
   } = reactI18next.useTranslation();
   const form = reactHookForm.useForm({
     defaultValues: Object.assign({}, address && address),
-    resolver: validationResolver(addressFormSchema)
+    resolver: validationResolver(isShipToForm ? shipToAddressSchema : addressFormSchema)
   });
   const handleSubmit = form.handleSubmit(values => __awaiter(void 0, void 0, void 0, function* () {
     const payload = __rest(values, []);
@@ -9742,29 +9813,23 @@ const AddressPreferenceSelect = ({
       case "ERROR":
         return jsxRuntime.jsxs(jsxRuntime.Fragment, {
           children: [jsxRuntime.jsx(Spacer, {
-            multiplier: 1
+            multiplier: 2
           }), jsxRuntime.jsx(giger.GridChild, Object.assign({
-            colSpan: 8,
-            css: theme => ({
-              paddingLeft: theme.spacing(1)
-            })
+            colSpan: 8
           }, {
             children: jsxRuntime.jsx(giger.InlineNotification, Object.assign({
+              title: t("address.preference.addressNotValidated"),
               type: giger.NotificationType.ALERT
             }, {
               children: t("address.preference.unableToValidate")
             }))
           })), jsxRuntime.jsx(Spacer, {
-            multiplier: 1
-          }), jsxRuntime.jsx(giger.GridChild, Object.assign({
-            css: theme => ({
-              paddingLeft: theme.spacing(1)
-            })
-          }, {
+            multiplier: 2
+          }), jsxRuntime.jsx(giger.GridChild, {
             children: jsxRuntime.jsx(AddressDisplay, {
               address: (_b = warehousePreference.validation) === null || _b === void 0 ? void 0 : _b.originalAddress
             })
-          }))]
+          })]
         });
       default:
         // This code path should never be reached.
@@ -9787,7 +9852,7 @@ const AddressPreferenceSelect = ({
           children: t("common:address.preference.title")
         }))
       })), jsxRuntime.jsxs(giger.GridChild, Object.assign({
-        colSpan: 8
+        colSpan: 12
       }, {
         children: [jsxRuntime.jsx(giger.Typography, Object.assign({
           css: {
@@ -10045,7 +10110,8 @@ const creditCardSchema = zod.z.object({
 });
 const walletSchema = zod.z.object({
   address: billingAddressSchema,
-  creditCard: creditCardSchema
+  creditCard: creditCardSchema,
+  iovationBlackbox: zod.z.string().trim().min(1)
 });
 
 const EditWalletAddressForm = ({
@@ -10131,6 +10197,7 @@ const WalletForm = ({
   const {
     validateAddress
   } = useAddressPreference();
+  const [codedErrors, setCodedErrors] = React.useState(errors);
   const form = reactHookForm.useForm({
     defaultValues:
     // If the warehouse address is a PO Box they cannot use it as their billing address
@@ -10145,6 +10212,20 @@ const WalletForm = ({
     },
     resolver: validationResolver(walletSchema)
   });
+  useBlackboxDetection({
+    onError: () => {
+      setCodedErrors(errors => {
+        const blackBoxError = {
+          errorCode: "unspecified",
+          errorSource: "client",
+          errorType: "unknown",
+          message: t("register-wallet:sections.notifications.blackBox.description")
+        };
+        return [...(errors !== null && errors !== void 0 ? errors : []), blackBoxError];
+      });
+    },
+    onSuccess: bb => form.setValue("iovationBlackbox", bb)
+  });
   const watchAddress = form.watch("address");
   const handleSubmit = form.handleSubmit(values => __awaiter(void 0, void 0, void 0, function* () {
     const payload = __rest(values, []);
@@ -10158,7 +10239,8 @@ const WalletForm = ({
       onValid: validatedAddressesPayload => __awaiter(void 0, void 0, void 0, function* () {
         yield onSubmit({
           address: validatedAddressesPayload.originAddress,
-          creditCard: payload.creditCard
+          creditCard: payload.creditCard,
+          iovationBlackbox: payload.iovationBlackbox
         });
       })
     });
@@ -10181,11 +10263,11 @@ const WalletForm = ({
       children: [jsxRuntime.jsx(giger.GridChild, Object.assign({
         colSpan: 12
       }, {
-        children: (errors === null || errors === void 0 ? void 0 : errors.length) && jsxRuntime.jsx(giger.InlineNotification, Object.assign({
+        children: !!(codedErrors === null || codedErrors === void 0 ? void 0 : codedErrors.length) && jsxRuntime.jsx(giger.InlineNotification, Object.assign({
           title: t("register-wallet:sections.notifications.error.title"),
           type: giger.NotificationType.ERROR
         }, {
-          children: errors.map(({
+          children: codedErrors.map(({
             message
           }) => message).join(" ")
         }))
@@ -10832,7 +10914,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",
@@ -11179,10 +11262,10 @@ const AddressPreferenceDisplay = ({
             children: [jsxRuntime.jsx(giger.Button, Object.assign({
               bold: false,
               isFullWidth: true,
-              onClick: () => {
-                handleChangePreference();
+              onClick: () => __awaiter(void 0, void 0, void 0, function* () {
+                yield handleChangePreference();
                 toggleDisclosure();
-              },
+              }),
               type: "button",
               variant: giger.ButtonVariant.OUTLINED
             }, {
@@ -11227,7 +11310,8 @@ const baseSchema = addressSchema.extend({
   path: ["postalCode"]
 });
 const getCarrierRecoverySchema = requiresAddress => zod.z.object({
-  address: requiresAddress ? baseSchema : baseSchema.optional()
+  address: requiresAddress ? baseSchema : baseSchema.optional(),
+  iovationBlackbox: zod.z.string().trim().min(1)
 });
 
 const styles$c = createStyles({
@@ -11254,6 +11338,7 @@ const CarrierRecoveryForm = ({
   const {
     t
   } = reactI18next.useTranslation();
+  const [codedErrors, setCodedErrors] = React.useState(errors);
   const metadata = useCarrierMetadata();
   const carrier = metadata.find(m => m.carrierCode === carrierCode);
   const carrierFriendlyName = (_a = carrier === null || carrier === void 0 ? void 0 : carrier.shortname) !== null && _a !== void 0 ? _a : "your carrier";
@@ -11266,6 +11351,22 @@ const CarrierRecoveryForm = ({
     }),
     resolver: validationResolver(getCarrierRecoverySchema(requiresAddress))
   });
+  useBlackboxDetection({
+    onError: () => {
+      setCodedErrors(errors => {
+        const blackBoxError = {
+          errorCode: "unspecified",
+          errorSource: "client",
+          errorType: "unknown",
+          message: t("register-wallet:sections.notifications.blackBox.description")
+        };
+        return [...(errors !== null && errors !== void 0 ? errors : []), blackBoxError];
+      });
+    },
+    onSuccess: bb => {
+      form.setValue("iovationBlackbox", bb);
+    }
+  });
   const handleSubmit = form.handleSubmit(values => __awaiter(void 0, void 0, void 0, function* () {
     yield onSubmit(fundingSourceId, values);
   }));
@@ -11297,7 +11398,7 @@ const CarrierRecoveryForm = ({
             children: t("register-wallet:sections.carriers.subtitle")
           }))
         }))]
-      }), !!(errors === null || errors === void 0 ? void 0 : errors.length) && jsxRuntime.jsx(giger.GridChild, Object.assign({
+      }), !!(codedErrors === null || codedErrors === void 0 ? void 0 : codedErrors.length) && jsxRuntime.jsx(giger.GridChild, Object.assign({
         colSpan: 12
       }, {
         children: jsxRuntime.jsx(giger.InlineNotification, Object.assign({
@@ -11306,7 +11407,7 @@ const CarrierRecoveryForm = ({
           }),
           type: giger.NotificationType.ERROR
         }, {
-          children: errors.map(({
+          children: codedErrors.map(({
             message
           }) => message).join(" ")
         }))
@@ -11852,7 +11953,6 @@ const LandingPageForm = ({
         alwaysRequireValidity: true,
         control: form.control,
         "data-testid": "onboarding:landing.action",
-        form: "landing-page-form",
         variant: giger.ButtonVariant.FILLED
       }, {
         children: t("onboarding:landing.action")
@@ -11877,7 +11977,8 @@ const styles$a = createStyles({
 });
 
 const LandingPage = ({
-  onSubmit
+  onSubmit,
+  partnerName
 }) => {
   const {
     t
@@ -11919,7 +12020,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")
       })), jsxRuntime.jsx(Spacer, {
         multiplier: 2
       }), jsxRuntime.jsx(giger.Typography, Object.assign({
@@ -12373,7 +12476,7 @@ const WarehouseForm = ({
           control: form.control,
           "data-testid": "warehouseFormSubmitButton",
           form: "warehouse-form",
-          requireDirty: true,
+          requireDirty: !warehouse,
           variant: _isOnboarding ? giger.ButtonVariant.FILLED : giger.ButtonVariant.OUTLINED
         }, {
           children: submitButtonTitle
@@ -12590,11 +12693,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)
   }),
@@ -12610,17 +12723,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;
@@ -12654,6 +12770,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 = React.useRef(null);
   const currentStep = React.useMemo(() => {
     if (hasCompletedOnboarding) {
       return 5;
@@ -12679,8 +12796,9 @@ const Onboarding = ({
     return [];
   };
   const handleWalletRegistrationSuccess = (fundingSourceId, {
-    address
-  } = {}) => __awaiter(void 0, void 0, void 0, function* () {
+    address,
+    iovationBlackbox
+  }) => __awaiter(void 0, void 0, void 0, function* () {
     const addressToRegister = address !== null && address !== void 0 ? address : defaultWarehouse.originAddress;
     const pickupAddress = Object.assign(Object.assign({}, addressToRegister), {
       company: addressToRegister.companyName || "",
@@ -12697,6 +12815,7 @@ const Onboarding = ({
           agreeToTerms: true,
           carrierCode: "ups_walleted",
           fundingSourceId: fundingSourceId,
+          iovationBlackBox: iovationBlackbox,
           pickupAddress: pickupAddress
         });
       }
@@ -12705,7 +12824,8 @@ const Onboarding = ({
           acceptedTerms: getTerms("dhl_express_walleted"),
           agreeToTerms: true,
           carrierCode: "dhl_express_worldwide",
-          fundingSourceId: fundingSourceId
+          fundingSourceId: fundingSourceId,
+          iovationBlackBox: iovationBlackbox
         });
       }
       return {
@@ -12726,7 +12846,8 @@ const Onboarding = ({
   });
   const handleWalletRegistration = ({
     address,
-    creditCard
+    creditCard,
+    iovationBlackbox
   }) => __awaiter(void 0, void 0, void 0, function* () {
     setHasCompletedBilling(true);
     const billingInfo = Object.assign(Object.assign({}, address), {
@@ -12739,11 +12860,14 @@ const Onboarding = ({
         acceptedTerms: getTerms("stamps_com"),
         agreeToTerms: agreedToTerms,
         billingInfo: billingInfo,
+        iovationBlackBox: iovationBlackbox,
         paymentMethod: {
           creditCardInfo: Object.assign({}, creditCard)
         }
       });
-      yield handleWalletRegistrationSuccess(fundingSource.fundingSource.fundingSourceId);
+      yield handleWalletRegistrationSuccess(fundingSource.fundingSource.fundingSourceId, {
+        iovationBlackbox
+      });
     } catch (_e) {
       setHasCompletedBilling(false);
     }
@@ -12759,7 +12883,8 @@ const Onboarding = ({
     }
     // Step 1: Landing Page
     if (!email) return jsxRuntime.jsx(LandingPage, {
-      onSubmit: e => setEmail(e)
+      onSubmit: e => setEmail(e),
+      partnerName: partnerName
     });
     // Step 2: Agree to Terms and Conditions
     if (!agreedToTerms) {
@@ -12808,7 +12933,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
         })
       }));
     }
@@ -12831,21 +12957,39 @@ const Onboarding = ({
               variant: "subtitle1"
             }, {
               children: t("register-wallet:sections.billing.cardSubTitle")
+            })), jsxRuntime.jsx(giger.IconTooltip, Object.assign({
+              container: containerRef.current,
+              css: styles$6.iconTooltip,
+              icon: gigerTheme.IconNames.INFO_FILLED,
+              placement: "auto",
+              size: giger.IconSize.SIZE_MEDIUM
+            }, {
+              children: jsxRuntime.jsxs("div", Object.assign({
+                css: styles$6.tooltipContainer
+              }, {
+                children: [jsxRuntime.jsx(giger.Typography, Object.assign({
+                  bold: true,
+                  variant: "small"
+                }, {
+                  children: t("register-wallet:sections.notifications.info.title")
+                })), jsxRuntime.jsx(Spacer, {
+                  multiplier: 1
+                }), jsxRuntime.jsx(giger.Typography, Object.assign({
+                  variant: "small"
+                }, {
+                  children: t("register-wallet:sections.notifications.info.description")
+                }))]
+              }))
             }))]
           })), jsxRuntime.jsx(Spacer, {
             multiplier: 1
-          }), (createFundingSourceErrors === null || createFundingSourceErrors === void 0 ? void 0 : createFundingSourceErrors.length) ? jsxRuntime.jsx(giger.InlineNotification, Object.assign({
+          }), !!(createFundingSourceErrors === null || createFundingSourceErrors === void 0 ? void 0 : createFundingSourceErrors.length) && jsxRuntime.jsx(giger.InlineNotification, Object.assign({
             title: t("register-wallet:sections.notifications.error.title"),
             type: giger.NotificationType.ERROR
           }, {
             children: createFundingSourceErrors.map(({
               message
             }) => message).join(" ")
-          })) : jsxRuntime.jsx(giger.InlineNotification, Object.assign({
-            title: t("register-wallet:sections.notifications.info.title"),
-            type: giger.NotificationType.INFO
-          }, {
-            children: t("register-wallet:sections.notifications.info.description")
           }))]
         })),
         onSubmit: payload => __awaiter(void 0, void 0, void 0, function* () {
@@ -12893,19 +13037,25 @@ const Onboarding = ({
         });
       }
     }
+    if (isRegisteringCarriers || currentStep === 4) {
+      return jsxRuntime.jsx(Loader, {
+        message: t("loading.connectingCarriers")
+      });
+    }
     return jsxRuntime.jsx(Loader, {
       message: t("loading.onboarding")
     });
   };
   return jsxRuntime.jsxs("div", Object.assign({
-    css: styles$6.container
+    css: styles$6.container,
+    ref: containerRef
   }, {
     children: [jsxRuntime.jsxs(giger.Stepper, Object.assign({
       currentStep: currentStep
     }, {
       children: [jsxRuntime.jsx(giger.Step, {
         css: styles$6.step,
-        label: t("onboarding:steps.login")
+        label: t("onboarding:steps.register")
       }), jsxRuntime.jsx(giger.Step, {
         css: styles$6.step,
         label: t("onboarding:steps.carriers")
@@ -12914,7 +13064,7 @@ const Onboarding = ({
         label: t("onboarding:steps.addresses")
       }), jsxRuntime.jsx(giger.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) && jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [jsxRuntime.jsx(Spacer, {}), jsxRuntime.jsx(PoweredByShipEngine, {})]
@@ -12988,29 +13138,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)
@@ -13055,10 +13182,10 @@ const Section = _a => {
     rest = __rest(_a, ["bold", "title", "children", "rightContent"]);
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [title && jsxRuntime.jsx("summary", Object.assign({
-      css: styles$4.summary
+      css: styles$5.summary
     }, {
       children: jsxRuntime.jsxs("div", Object.assign({
-        css: styles$4.summaryWrapper
+        css: styles$5.summaryWrapper
       }, {
         children: [jsxRuntime.jsx(giger.Typography, Object.assign({
           bold: bold,
@@ -13066,19 +13193,42 @@ const Section = _a => {
         }, {
           children: title
         })), rightContent && jsxRuntime.jsx("div", Object.assign({
-          css: styles$4.rightContentWrapper
+          css: styles$5.rightContentWrapper
         }, {
           children: rightContent
         }))]
       }))
     })), jsxRuntime.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
@@ -13144,7 +13294,7 @@ const FundAndPurchase = ({
     }, {
       children: [jsxRuntime.jsx(giger.Button, Object.assign({
         bold: false,
-        css: styles$5.saveRateButton,
+        css: styles$4.saveRateButton,
         disabled: disabled || !carrierId || addFundsForm.isSubmitting || isRateFormSubmitting,
         isLoading: isSavingRate,
         onClick: handleSaveRate,
@@ -13164,7 +13314,7 @@ const FundAndPurchase = ({
   // render when no rate has been selected yet
   if (!carrierId) return jsxRuntime.jsxs("div", Object.assign({
     className: className,
-    css: styles$5.container
+    css: styles$4.container
   }, {
     children: [jsxRuntime.jsxs(Spread, {
       children: [jsxRuntime.jsx(CarrierBalance, {
@@ -13188,7 +13338,7 @@ const FundAndPurchase = ({
   //         show balance, but not the funding form.
   if (!isFundingEnabled) return jsxRuntime.jsxs("div", Object.assign({
     className: className,
-    css: styles$5.container
+    css: styles$4.container
   }, {
     children: [jsxRuntime.jsx(CarrierBalance, {
       carrierId: carrierId
@@ -13230,13 +13380,13 @@ const FundAndPurchase = ({
         var _a, _b;
         return jsxRuntime.jsxs(jsxRuntime.Fragment, {
           children: [jsxRuntime.jsxs("section", Object.assign({
-            css: styles$5.getFormExtension(addFundsForm.isCustomAmount)
+            css: styles$4.getFormExtension(addFundsForm.isCustomAmount)
           }, {
             children: [jsxRuntime.jsx(InlineLabel, Object.assign({
               label: t("manage-funding:fundAndPurchase.newBalance")
             }, {
               children: jsxRuntime.jsx(giger.Typography, Object.assign({
-                css: styles$5.balanceText
+                css: styles$4.balanceText
               }, {
                 children: formatMoney({
                   amount: balance + ((_a = addFundsForm.selectedAmount) !== null && _a !== void 0 ? _a : 0),
@@ -13247,7 +13397,7 @@ const FundAndPurchase = ({
               label: t("manage-funding:fundAndPurchase.finalBalance")
             }, {
               children: jsxRuntime.jsx(giger.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,
@@ -13267,6 +13417,15 @@ const FundAndPurchase = ({
             }))]
           })), jsxRuntime.jsx(Spacer, {
             multiplier: 2
+          }), addFundsForm.error && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+            children: [jsxRuntime.jsx(giger.InlineNotification, Object.assign({
+              title: t("manage-funding:addFunds.error.title"),
+              type: giger.NotificationType.ERROR
+            }, {
+              children: addFundsForm.error[0].message
+            })), jsxRuntime.jsx(Spacer, {
+              multiplier: 2
+            })]
           }), renderActionButtons(addFundsForm)]
         });
       }
@@ -14327,6 +14486,7 @@ const ShipmentForm = ({
   const [editShipToForm, isEditShipFormToOpen, toggleIsEditShipFormToOpen] = useNestedForm(AddressForm, {
     address: (_b = (_a = addressPreference === null || addressPreference === void 0 ? void 0 : addressPreference.selection) !== null && _a !== void 0 ? _a : shipment === null || shipment === void 0 ? void 0 : shipment.shipTo) !== null && _b !== void 0 ? _b : salesOrder === null || salesOrder === void 0 ? void 0 : salesOrder.shipTo,
     formId: "edit-ship-to-form",
+    isShipToForm: true,
     onSubmit: handleSubmitEditShipTo,
     onSubmitParse: onSubmitParseShipTo,
     parseAddressErrors,
@@ -14554,6 +14714,7 @@ const ShipmentForm = ({
         })), jsxRuntime.jsx(giger.DropdownOptionList, Object.assign({
           "data-id": "dropdown",
           dropdownWidth: "400px",
+          hideWhenReferenceNotVisible: true,
           isOpen: showApplyPreset,
           onChange: () => setShowApplyPreset(false),
           onClickAway: e => {
@@ -15061,6 +15222,7 @@ var index = /*#__PURE__*/Object.freeze({
 	addCarrierSchema: addCarrierSchema,
 	AddressDisplay: AddressDisplay,
 	AddressForm: AddressForm,
+	shipToAddressSchema: shipToAddressSchema,
 	addressFormSchema: addressFormSchema,
 	AddressFields: AddressFields,
 	addressLine1Schema: addressLine1Schema,
@@ -15124,7 +15286,7 @@ const DateRangeSelect = ({
     "data-testid": "date-range-select",
     label: t("wallet-history:dateRange"),
     leftContent: jsxRuntime.jsx(giger.Icon, {
-      name: brands.IconNames.FILTER
+      name: gigerTheme.IconNames.FILTER
     }),
     name: "date-range-select",
     onChange: handleChange,
@@ -15439,6 +15601,7 @@ var common = {
 		accountSettings: "Loading account settings...",
 		carrier: "Loading carrier...",
 		carriers: "Loading carriers...",
+		connectingCarriers: "Connecting carriers...",
 		data: "Loading...",
 		importingSalesOrder: "Importing order...",
 		label: "Loading label...",
@@ -15478,7 +15641,8 @@ var common = {
 		group: {
 			allMeasurementsOrNone: "All measurements must be provided when entering {{fieldLabel}}"
 		},
-		invalidAddressName: "Recipient Name must have two characters in First and Last Name.",
+		invalidAddressName: "Invalid recipient name.",
+		invalidAddressNameStrict: "Recipient Name must have two characters in First and Last Name.",
 		invalidAddressPoBox: "A physical address is required for wallet registration. You can add a PO Box as a Ship From address.",
 		invalidCreditCardType: "Card type must be Visa, Mastercard, American Express, or Discover",
 		invalidExpiration: "Invalid Expiration Date",
@@ -15653,18 +15817,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",
@@ -15794,8 +15959,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"
 		},
@@ -15815,7 +15980,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",
@@ -15825,6 +15990,9 @@ var registerWallet = {
 				title: "There was an error connecting {{carrierFriendlyName}}",
 				confirmAddress: "Confirm your address details and try again.",
 				description: "You can also skip this step for now and connect {{carrierFriendlyName}} in your Account Settings later."
+			},
+			blackBox: {
+				description: "Please turn off all tracking add-ons like ad-blockers; they restrict our ability to confirm your activity is valid so we can more effectively prevent fraud."
 			}
 		}
 	},
@@ -15948,7 +16116,9 @@ var accountSettings = /*#__PURE__*/Object.freeze({
 
 const Component$3 = ({
   features,
-  onCompleteOnboarding
+  onboardingAddress,
+  onCompleteOnboarding,
+  partnerName
 }) => {
   const {
     t
@@ -15966,6 +16136,7 @@ const Component$3 = ({
   } = alchemy.useListCarriers();
   const {
     error: createFundingSourceErrors,
+    isLoading: creatingFundingSource,
     mutateAsync: createFundingSource
   } = alchemy.useCreateFundingSource();
   const {
@@ -15974,7 +16145,8 @@ const Component$3 = ({
   } = alchemy.useListFundingSources();
   const {
     error: registerCarrierErrors,
-    mutateAsync: registerCarrier
+    mutateAsync: registerCarrier,
+    isLoading: registeringCarriers
   } = alchemy.useRegisterCarrier();
   const onWarehouseCreated = React.useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
     yield refetchWarehouses();
@@ -15998,10 +16170,13 @@ const Component$3 = ({
     createWarehouse: createWarehouse,
     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
@@ -16012,6 +16187,8 @@ const Element$4 = alchemy__default["default"].createElement(Component$3, ErrorFa
     height: "100%",
     maxWidth: "800px",
     minWidth: "440px",
+    overflow: "auto",
+    scrollbarGutter: "stable both-edges",
     width: "100%"
   },
   resources: {
@@ -16115,7 +16292,6 @@ const useAddress = ({
     return parseResult;
   });
   const handleValidateAddress = React.useCallback((address, fallbackAddress) => __awaiter(void 0, void 0, void 0, function* () {
-    setAddressPreference(undefined);
     if (compatibleCountryCodes && !compatibleCountryCodes.includes(address.countryCode)) {
       resetAddressPreference({
         messages: [],
@@ -16129,6 +16305,7 @@ const useAddress = ({
     if (addressValidation) {
       const updatedAddressPreference = resetAddressPreference(addressValidation, fallbackAddress);
       yield onValidation === null || onValidation === void 0 ? void 0 : onValidation(updatedAddressPreference);
+      return updatedAddressPreference;
     } else {
       // validate_and_clean failure is preventing the address preference object
       // from being refreshed. Manualy set the address preference to an error state.
@@ -16139,20 +16316,23 @@ const useAddress = ({
         originalAddress: address,
         status: "error"
       });
+      return;
     }
-  }), [compatibleCountryCodes, onValidation, resetAddressPreference, validateAddresses]);
+  }), [compatibleCountryCodes, onValidation, resetAddressPreference, setAddressPreference, validateAddresses]);
   const handleChangeAddress = React.useCallback((shipTo, {
     shouldValidate
   }) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a;
     if (!shipment) throw new Error("shipment not found");
+    let updatedAddressPreference;
+    if (shouldValidate) {
+      updatedAddressPreference = yield handleValidateAddress(shipTo);
+    }
     const updatedShipment = yield updateShipment(Object.assign(Object.assign({}, shipment), {
       shipDate: isNowOrInTheFuture(shipment.shipDate) ? shipment.shipDate : undefined,
-      shipTo
+      shipTo: (_a = updatedAddressPreference === null || updatedAddressPreference === void 0 ? void 0 : updatedAddressPreference.selection) !== null && _a !== void 0 ? _a : shipTo
     }));
     yield onChange === null || onChange === void 0 ? void 0 : onChange(shipment, updatedShipment);
-    if (shouldValidate) {
-      yield handleValidateAddress(shipTo);
-    }
     return updatedShipment;
   }), [handleValidateAddress, onChange, shipment, updateShipment]);
   React.useEffect(() => {
@@ -17491,6 +17671,7 @@ exports.usCities = usCities;
 exports.usStateCodes = usStateCodes;
 exports.usStates = usStates;
 exports.useAddressValidation = useAddressValidation;
+exports.useBlackboxDetection = useBlackboxDetection;
 exports.useCarrierMetadata = useCarrierMetadata;
 exports.useConfirmationOptions = useConfirmationOptions;
 exports.useCountryCodeOptions = useCountryCodeOptions;