@shipengine/elements 0.32.2 → 0.33.0

package/index.js

@@ -13,7 +13,6 @@ import { IconNames } from '@packlink/giger-theme';
 import { css, keyframes, useTheme, createElement as createElement$3 } from '@emotion/react';
 import { camelize } from 'humps';
 import { createPortal } from 'react-dom';
-import { IconNames as IconNames$1 } from '@packlink/brands';
 import { useQueryClient } from 'react-query';
 import { useController, get as get$2, set as set$2, useWatch, useFormState, useForm } from 'react-hook-form';
 import ReactDatePicker, { registerLocale, setDefaultLocale } from 'react-datepicker';
@@ -4473,6 +4472,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
+}) => {
+  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
+    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 = global.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();
+      }
+    });
+    global.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);
+    };
+  }, [onSuccess, onError]);
+};
+
 const useListConnectedCarriers = () => {
   const {
     data: carriers,
@@ -6855,7 +6914,7 @@ const LabelLayoutSettings = ({
         }, {
           children: [labelLayout === "letter" && jsx(Icon, {
             css: styles$p.icon,
-            name: IconNames$1.CHECK_FILLED
+            name: IconNames.CHECK_FILLED
           }), jsx("div", Object.assign({
             css: styles$p.letterInner
           }, {
@@ -6887,7 +6946,7 @@ const LabelLayoutSettings = ({
         }, {
           children: [labelLayout === "4x6" && jsx(Icon, {
             css: styles$p.icon,
-            name: IconNames$1.CHECK_FILLED
+            name: IconNames.CHECK_FILLED
           }), jsx("div", Object.assign({
             css: styles$p.thermalInner
           }, {
@@ -9001,7 +9060,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
   })
 });
 
@@ -9026,7 +9085,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: SE.Currency.USD
       })
@@ -9310,19 +9369,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 = () => {
-  z.ZodString.prototype.nullishDefault = nullishDefault;
-  z.ZodNumber.prototype.nullishDefault = nullishDefault;
-  z.ZodObject.prototype.nullishDefault = nullishDefault;
-};
-
 var call = functionCall;
 var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
 var anObject = anObject$f;
@@ -9371,8 +9417,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 = () => {
+  z.ZodString.prototype.nullishDefault = nullishDefault;
+  z.ZodNumber.prototype.nullishDefault = nullishDefault;
+  z.ZodObject.prototype.nullishDefault = nullishDefault;
+};
+
 extendZod();
-const refineName = n => n.match(/^[a-zA-Z']{2,} [a-zA-Z']{2,}/);
 const addressLine1Schema = z.string().trim().min(1);
 const addressLine2Schema = z.string().trim().nullishDefault(undefined);
 const companyNameSchema = z.string().trim().min(2).max(40).nullishDefault(undefined).or(z.literal("")).transform(companyName => companyName || undefined);
@@ -9382,7 +9440,7 @@ const addressSchema = z.object({
   cityLocality: z.string().trim().min(1),
   companyName: companyNameSchema,
   countryCode: z.enum(countryCodes),
-  name: z.string().trim().min(1).refine(refineName, "schemaErrors.invalidAddressName"),
+  name: z.string().trim().min(1),
   phone: z.string().trim().nullishDefault(""),
   postalCode: z.string().trim(),
   stateProvince: z.string().trim().nullishDefault("")
@@ -9390,7 +9448,14 @@ const addressSchema = z.object({
 
 extendZod();
 const postalCodeRegex$2 = /(^\d{5}$)|(^\d{5}-\d{4}$)/;
-const addressFormSchema = addressSchema.refine(schema => !schema.phone || 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 || isValidPhoneNumber(schema.phone, schema.countryCode), {
   message: "schemaErrors.notAValidPhoneNumber",
   path: ["phone"]
 }).refine(schema => {
@@ -9410,11 +9475,18 @@ const addressFormSchema = addressSchema.refine(schema => !schema.phone || isVali
   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,
@@ -9428,7 +9500,7 @@ const AddressForm = ({
   } = useTranslation();
   const form = 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, []);
@@ -10013,7 +10085,8 @@ const creditCardSchema = z.object({
 });
 const walletSchema = z.object({
   address: billingAddressSchema,
-  creditCard: creditCardSchema
+  creditCard: creditCardSchema,
+  iovationBlackbox: z.string().trim().min(1)
 });
 
 const EditWalletAddressForm = ({
@@ -10099,6 +10172,7 @@ const WalletForm = ({
   const {
     validateAddress
   } = useAddressPreference();
+  const [codedErrors, setCodedErrors] = useState(errors);
   const form = useForm({
     defaultValues:
     // If the warehouse address is a PO Box they cannot use it as their billing address
@@ -10113,6 +10187,23 @@ 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 => {
+      console.log("bb", 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, []);
@@ -10126,7 +10217,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
         });
       })
     });
@@ -10149,11 +10241,11 @@ const WalletForm = ({
       children: [jsx(GridChild, Object.assign({
         colSpan: 12
       }, {
-        children: (errors === null || errors === void 0 ? void 0 : errors.length) && jsx(InlineNotification, Object.assign({
+        children: !!(codedErrors === null || codedErrors === void 0 ? void 0 : codedErrors.length) && jsx(InlineNotification, Object.assign({
           title: t("register-wallet:sections.notifications.error.title"),
           type: NotificationType.ERROR
         }, {
-          children: errors.map(({
+          children: codedErrors.map(({
             message
           }) => message).join(" ")
         }))
@@ -11147,10 +11239,10 @@ const AddressPreferenceDisplay = ({
             children: [jsx(Button, Object.assign({
               bold: false,
               isFullWidth: true,
-              onClick: () => {
-                handleChangePreference();
+              onClick: () => __awaiter(void 0, void 0, void 0, function* () {
+                yield handleChangePreference();
                 toggleDisclosure();
-              },
+              }),
               type: "button",
               variant: ButtonVariant.OUTLINED
             }, {
@@ -11195,7 +11287,8 @@ const baseSchema = addressSchema.extend({
   path: ["postalCode"]
 });
 const getCarrierRecoverySchema = requiresAddress => z.object({
-  address: requiresAddress ? baseSchema : baseSchema.optional()
+  address: requiresAddress ? baseSchema : baseSchema.optional(),
+  iovationBlackbox: z.string().trim().min(1)
 });
 
 const styles$c = createStyles({
@@ -11222,6 +11315,7 @@ const CarrierRecoveryForm = ({
   const {
     t
   } = useTranslation();
+  const [codedErrors, setCodedErrors] = 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";
@@ -11234,6 +11328,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);
   }));
@@ -11265,7 +11375,7 @@ const CarrierRecoveryForm = ({
             children: t("register-wallet:sections.carriers.subtitle")
           }))
         }))]
-      }), !!(errors === null || errors === void 0 ? void 0 : errors.length) && jsx(GridChild, Object.assign({
+      }), !!(codedErrors === null || codedErrors === void 0 ? void 0 : codedErrors.length) && jsx(GridChild, Object.assign({
         colSpan: 12
       }, {
         children: jsx(InlineNotification, Object.assign({
@@ -11274,7 +11384,7 @@ const CarrierRecoveryForm = ({
           }),
           type: NotificationType.ERROR
         }, {
-          children: errors.map(({
+          children: codedErrors.map(({
             message
           }) => message).join(" ")
         }))
@@ -11820,7 +11930,6 @@ const LandingPageForm = ({
         alwaysRequireValidity: true,
         control: form.control,
         "data-testid": "onboarding:landing.action",
-        form: "landing-page-form",
         variant: ButtonVariant.FILLED
       }, {
         children: t("onboarding:landing.action")
@@ -12581,6 +12690,7 @@ const Onboarding = ({
   createWarehouse,
   features,
   fundingSources,
+  isRegisteringCarriers,
   onCarrierCreated,
   onCompleteOnboarding,
   onFundingSourceCreated,
@@ -12647,8 +12757,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 || "",
@@ -12665,6 +12776,7 @@ const Onboarding = ({
           agreeToTerms: true,
           carrierCode: "ups_walleted",
           fundingSourceId: fundingSourceId,
+          iovationBlackBox: iovationBlackbox,
           pickupAddress: pickupAddress
         });
       }
@@ -12673,7 +12785,8 @@ const Onboarding = ({
           acceptedTerms: getTerms("dhl_express_walleted"),
           agreeToTerms: true,
           carrierCode: "dhl_express_worldwide",
-          fundingSourceId: fundingSourceId
+          fundingSourceId: fundingSourceId,
+          iovationBlackBox: iovationBlackbox
         });
       }
       return {
@@ -12694,7 +12807,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), {
@@ -12707,11 +12821,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);
     }
@@ -12861,6 +12978,11 @@ const Onboarding = ({
         });
       }
     }
+    if (isRegisteringCarriers || currentStep === 4) {
+      return jsx(Loader, {
+        message: t("loading.connectingCarriers")
+      });
+    }
     return jsx(Loader, {
       message: t("loading.onboarding")
     });
@@ -14295,6 +14417,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,
@@ -14522,6 +14645,7 @@ const ShipmentForm = ({
         })), jsx(DropdownOptionList, Object.assign({
           "data-id": "dropdown",
           dropdownWidth: "400px",
+          hideWhenReferenceNotVisible: true,
           isOpen: showApplyPreset,
           onChange: () => setShowApplyPreset(false),
           onClickAway: e => {
@@ -15029,6 +15153,7 @@ var index = /*#__PURE__*/Object.freeze({
 	addCarrierSchema: addCarrierSchema,
 	AddressDisplay: AddressDisplay,
 	AddressForm: AddressForm,
+	shipToAddressSchema: shipToAddressSchema,
 	addressFormSchema: addressFormSchema,
 	AddressFields: AddressFields,
 	addressLine1Schema: addressLine1Schema,
@@ -15092,7 +15217,7 @@ const DateRangeSelect = ({
     "data-testid": "date-range-select",
     label: t("wallet-history:dateRange"),
     leftContent: jsx(Icon, {
-      name: IconNames$1.FILTER
+      name: IconNames.FILTER
     }),
     name: "date-range-select",
     onChange: handleChange,
@@ -15407,6 +15532,7 @@ var common = {
 		accountSettings: "Loading account settings...",
 		carrier: "Loading carrier...",
 		carriers: "Loading carriers...",
+		connectingCarriers: "Connecting carriers...",
 		data: "Loading...",
 		importingSalesOrder: "Importing order...",
 		label: "Loading label...",
@@ -15446,7 +15572,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",
@@ -15793,6 +15920,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."
 			}
 		}
 	},
@@ -15934,6 +16064,7 @@ const Component$3 = ({
   } = useListCarriers();
   const {
     error: createFundingSourceErrors,
+    isLoading: creatingFundingSource,
     mutateAsync: createFundingSource
   } = useCreateFundingSource();
   const {
@@ -15942,7 +16073,8 @@ const Component$3 = ({
   } = useListFundingSources();
   const {
     error: registerCarrierErrors,
-    mutateAsync: registerCarrier
+    mutateAsync: registerCarrier,
+    isLoading: registeringCarriers
   } = useRegisterCarrier();
   const onWarehouseCreated = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
     yield refetchWarehouses();
@@ -15966,6 +16098,7 @@ const Component$3 = ({
     createWarehouse: createWarehouse,
     features: features,
     fundingSources: fundingSources,
+    isRegisteringCarriers: registeringCarriers || creatingFundingSource,
     onCarrierCreated: onCarrierCreated,
     onCompleteOnboarding: onCompleteOnboarding,
     onFundingSourceCreated: onFundingSourceCreated,
@@ -16083,7 +16216,6 @@ const useAddress = ({
     return parseResult;
   });
   const handleValidateAddress = useCallback((address, fallbackAddress) => __awaiter(void 0, void 0, void 0, function* () {
-    setAddressPreference(undefined);
     if (compatibleCountryCodes && !compatibleCountryCodes.includes(address.countryCode)) {
       resetAddressPreference({
         messages: [],
@@ -16097,6 +16229,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.
@@ -16107,20 +16240,23 @@ const useAddress = ({
         originalAddress: address,
         status: "error"
       });
+      return;
     }
-  }), [compatibleCountryCodes, onValidation, resetAddressPreference, validateAddresses]);
+  }), [compatibleCountryCodes, onValidation, resetAddressPreference, setAddressPreference, validateAddresses]);
   const handleChangeAddress = 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]);
   useEffect(() => {
@@ -17355,4 +17491,4 @@ var labelWorkflow = /*#__PURE__*/Object.freeze({
 	Element: Element
 });
 
-export { accountSettings as AccountSettings, AddFundsForm, AutoFundingForm, ButtonGroup, CarrierBalance, CollapsiblePanel, CopyButton, Country, Cube, DateRangeCombo, DateRangeSelect, ErrorFallback, fields as Field, FieldLabel, FormPortal, FundAndPurchase, InlineLabel, ItemsBreakdown, labelWorkflow as LabelWorkflow, LinkAction, listCarriers$1 as ListCarriers, Loader, ManageFunding, manageWarehouses$1 as ManageWarehouses, onboarding as Onboarding, PageLayoutProvider, PaymentMethodSettings, Portal, PoweredByShipEngine, purchaseLabel as PurchaseLabel, RootPortalProvider, Section, Spacer, Spread, StoryNotes, index as Templates, UsState, UsaCity, viewShipment as ViewShipment, voidLabel as VoidLabel, autoFundingSchema, calculateTotal, capitalizeFirstLetter, convertDimensions, convertWeight, countries, countryCodes, createCodedErrors, createDictionary, createStyles, currencySymbol, daysAfter, errorMap, euCountryCodes, extendZod, featureFlagComponentNameLookup, formLogger, formatCreditCardNumber, formatDate, formatDateDDMMYY, formatExpiration, formatFractionalWeight, formatMoney, getAddFundsSchema, getCarrierIdByCarrierCode, getCustomsFromSalesOrder, getExpirationYears, getFeatures, getIsCustomsRequiredForSalesOrder, getIsCustomsRequiredForShipment, getIsInternationalShipment, getPendingShipment, getRateRequiresAcknowledgement, getRelativeDates, getRequestedServices, getSalesOrderItemsFromSalesOrderOrShipment, getTotalRateAmount, isDomesticAddress, isEmptyAddress, isFlatRatePackageCode, isMilitaryAddress, isNowOrInTheFuture, isPoBox, isPoBoxAddress, isString, isUnitedStatesTerritory, isUnsupportedByUps, isUpsCarrier, isUspsCarrier, moneySchema, mostRecent, nextDayCutoff, omitTime, overrideCarrierCodes$1 as overrideCarrierCodes, phoneSchema, phoneSchemaUnvalidated, postalCodeRegex$3 as postalCodeRegex, sortByCreationDate, throwAny, throwJoinedMessages, usCities, usStateCodes, usStates, useAddressValidation, useCarrierMetadata, useConfirmationOptions, useCountryCodeOptions, useCustomsContentsOptions, useCustomsNonDeliveryOptions, useDateRangeOptions, useExpirationMonthOptions, useFeatures, useInsuranceProviderOptions, useNestedForm, usePackageOptions, usePageLayout, useRateOptions, useRootPortal, useRunOnceOnTrue, useServiceCodeOptions, useShipmentMetadata, useShippingPresetsOptions, useStateCodeOptions, useToggle, useWarehouseOptions, validationResolver };
+export { accountSettings as AccountSettings, AddFundsForm, AutoFundingForm, ButtonGroup, CarrierBalance, CollapsiblePanel, CopyButton, Country, Cube, DateRangeCombo, DateRangeSelect, ErrorFallback, fields as Field, FieldLabel, FormPortal, FundAndPurchase, InlineLabel, ItemsBreakdown, labelWorkflow as LabelWorkflow, LinkAction, listCarriers$1 as ListCarriers, Loader, ManageFunding, manageWarehouses$1 as ManageWarehouses, onboarding as Onboarding, PageLayoutProvider, PaymentMethodSettings, Portal, PoweredByShipEngine, purchaseLabel as PurchaseLabel, RootPortalProvider, Section, Spacer, Spread, StoryNotes, index as Templates, UsState, UsaCity, viewShipment as ViewShipment, voidLabel as VoidLabel, autoFundingSchema, calculateTotal, capitalizeFirstLetter, convertDimensions, convertWeight, countries, countryCodes, createCodedErrors, createDictionary, createStyles, currencySymbol, daysAfter, errorMap, euCountryCodes, extendZod, featureFlagComponentNameLookup, formLogger, formatCreditCardNumber, formatDate, formatDateDDMMYY, formatExpiration, formatFractionalWeight, formatMoney, getAddFundsSchema, getCarrierIdByCarrierCode, getCustomsFromSalesOrder, getExpirationYears, getFeatures, getIsCustomsRequiredForSalesOrder, getIsCustomsRequiredForShipment, getIsInternationalShipment, getPendingShipment, getRateRequiresAcknowledgement, getRelativeDates, getRequestedServices, getSalesOrderItemsFromSalesOrderOrShipment, getTotalRateAmount, isDomesticAddress, isEmptyAddress, isFlatRatePackageCode, isMilitaryAddress, isNowOrInTheFuture, isPoBox, isPoBoxAddress, isString, isUnitedStatesTerritory, isUnsupportedByUps, isUpsCarrier, isUspsCarrier, moneySchema, mostRecent, nextDayCutoff, omitTime, overrideCarrierCodes$1 as overrideCarrierCodes, phoneSchema, phoneSchemaUnvalidated, postalCodeRegex$3 as postalCodeRegex, sortByCreationDate, throwAny, throwJoinedMessages, usCities, usStateCodes, usStates, useAddressValidation, useBlackboxDetection, useCarrierMetadata, useConfirmationOptions, useCountryCodeOptions, useCustomsContentsOptions, useCustomsNonDeliveryOptions, useDateRangeOptions, useExpirationMonthOptions, useFeatures, useInsuranceProviderOptions, useNestedForm, usePackageOptions, usePageLayout, useRateOptions, useRootPortal, useRunOnceOnTrue, useServiceCodeOptions, useShipmentMetadata, useShippingPresetsOptions, useStateCodeOptions, useToggle, useWarehouseOptions, validationResolver };

package/package.json

@@ -1,11 +1,6 @@
 {
   "name": "@shipengine/elements",
-  "version": "0.32.2",
-  "typedoc": {
-    "entryPoint": "./src/index.ts",
-    "readmeFile": "../../README.md",
-    "displayName": "ShipEngine Elements"
-  },
+  "version": "0.33.0",
   "peerDependencies": {
     "@packlink/giger": "*",
     "react-i18next": "*",
@@ -28,10 +23,10 @@
     "@faker-js/faker": "7.6.0",
     "@hookform/resolvers": "2.9.1",
     "@jest/globals": "28.1.3",
-    "@packlink/brands": "3.24.0",
-    "@packlink/giger-theme": "1.3.1",
-    "@shipengine/alchemy": "0.5.14",
-    "@shipengine/js-api": "0.19.1",
+    "@packlink/brands": "4.0.0",
+    "@packlink/giger-theme": "1.7.0",
+    "@shipengine/alchemy": "2.1.0",
+    "@shipengine/js-api": "0.23.0",
     "@storybook/addons": "6.5.16",
     "@storybook/components": "7.0.0-rc.1",
     "@storybook/core-events": "7.0.0-rc.1",

package/src/components/templates/add-carrier-form/add-carrier-form-schema.d.ts

@@ -6,7 +6,7 @@ export declare const addCarrierSchema: z.ZodObject<{
         cityLocality: z.ZodString;
         companyName: z.ZodEffects<z.ZodUnion<[z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>, z.ZodLiteral<"">]>, string | undefined, string | null | undefined>;
         countryCode: z.ZodEnum<["AF", "AX", "AL", "DZ", "AS", "AD", "AO", "AI", "AQ", "AG", "AR", "AM", "AW", "AU", "AT", "AZ", "BS", "BH", "BD", "BB", "BY", "BE", "BZ", "BJ", "BM", "BT", "BO", "BQ", "BA", "BW", "BR", "IO", "VG", "BN", "BG", "BF", "BI", "CA", "KH", "CM", "CV", "KY", "CF", "TD", "CL", "CN", "CX", "CC", "CO", "KM", "CG", "CD", "CK", "CR", "HR", "CU", "CW", "CY", "CZ", "DK", "DJ", "DM", "DO", "EC", "EG", "SV", "GQ", "ER", "EE", "ET", "FK", "FO", "FM", "FJ", "FI", "FR", "GF", "PF", "TF", "GA", "GM", "GE", "DE", "GH", "GI", "GR", "GL", "GD", "GP", "GU", "GT", "GG", "GN", "GW", "GY", "HT", "VA", "HN", "HK", "HU", "IS", "IN", "ID", "IR", "IQ", "IE", "IM", "IL", "IT", "CI", "JM", "JP", "JE", "JO", "KZ", "KE", "KI", "KR", "KW", "KG", "LA", "LV", "LB", "LS", "LR", "LY", "LI", "LT", "LU", "MO", "MK", "MG", "MW", "MY", "MV", "ML", "MT", "MH", "MQ", "MR", "MU", "YT", "MX", "MD", "MC", "MN", "ME", "MS", "MA", "MZ", "MM", "NA", "NR", "NP", "NL", "AN", "NC", "NZ", "NI", "NE", "NG", "NU", "NF", "KP", "MP", "NO", "OM", "PK", "PW", "PS", "PA", "PG", "PY", "PE", "PH", "PN", "PL", "PT", "PR", "QA", "RE", "RO", "RU", "RW", "BL", "SH", "KN", "LC", "MF", "PM", "VC", "WS", "SM", "ST", "SA", "SN", "RS", "SC", "SL", "SG", "SX", "SK", "SI", "SB", "SO", "ZA", "GS", "SS", "ES", "LK", "SD", "SR", "SJ", "SZ", "SE", "CH", "SY", "TW", "TJ", "TZ", "TH", "TL", "TG", "TK", "TO", "TT", "TN", "TR", "TM", "TC", "TV", "UG", "UA", "AE", "GB", "VI", "UM", "US", "UY", "UZ", "VU", "VE", "VN", "WF", "EH", "YE", "ZM", "ZW"]>;
-        name: z.ZodEffects<z.ZodString, string, string>;
+        name: z.ZodString;
         phone: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string, string | null | undefined>;
         postalCode: z.ZodString;
         stateProvince: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string, string | null | undefined>;