@shipengine/elements 0.37.20 → 0.37.21

package/package.json

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

package/src/components/index.d.ts

@@ -1,4 +1,3 @@
-export * as Templates from "./templates";
 export * from "./collapsible-panel";
 export * from "./add-funds-form";
 export * from "./auto-funding-form";

package/src/components/templates/customs-items-display/customs-items-display.styles.d.ts

@@ -12,6 +12,15 @@ export declare const styles: {
         padding: string;
         width: number;
     };
+    alertContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+        display: "flex";
+    };
+    alertText: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        color: "inherit";
+        fontWeight: number;
+        paddingLeft: string;
+    };
     header: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
         "& > tr > th": {
             "&:after": {

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

@@ -1,5 +1,4 @@
 import { SE } from "@shipengine/alchemy";
-import { Templates } from "../../../components";
 export type ValidateWarehouse = {
     type: "warehouse";
     warehouse: Partial<SE.Warehouse> & Pick<SE.Warehouse, "isDefault" | "name" | "originAddress">;

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

@@ -176,32 +176,6 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     };
                 };
                 settings: {
-                    /**
-                     * # Registered Account Settings Element
-                     *
-                     * - This is the registered `<AccountSettings />` element that will be used to render the
-                     * `<AccountSettings.Element />` component.
-                     *
-                     * @param ElementProps The props, callbacks, and resources necessary to render
-                     * the `<AccountSettings.Element />` component.
-                     *
-                     * @example
-                     * The `<Component />` is the source JSX that is rendered when you make use of the `AccountSettings`
-                     * Element directly. Here is a brief example of how you would use it within your application.
-                     * ```tsx
-                     * <AccountSettings.Element
-                     *   onSaveSettings={() => console.log('Settings Saved!')}
-                     * />
-                     * ```
-                     *
-                     * <br />
-                     *
-                     * @see {@link AccountSettings.ComponentProps | The **props** that can be passed into the `<AccountSettings.Element />` component}
-                     * @see {@link ListCarriers.Component | The `<List-Carriers />` component used to view connected carriers}
-                     * @see {@link ManageWarehouses.Component | The `<ManageWarehouses />` component used to add, update, or remove warehouses}
-                     * @see {@link PaymentMethodSettings | The `<PaymentMethodSettings />` component used to manage payment methods}
-                     * @see {@link ManageFunding | The `<ManageFunding />` component used to manage funding rules and add funds to a carrier account}
-                     */
                     title: string;
                     billing: {
                         title: string;
@@ -250,32 +224,6 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     "requires-additional-handling": string;
                     addOns: string;
                     contentDescription: string;
-                    /**
-                     * # Registered Account Settings Element
-                     *
-                     * - This is the registered `<AccountSettings />` element that will be used to render the
-                     * `<AccountSettings.Element />` component.
-                     *
-                     * @param ElementProps The props, callbacks, and resources necessary to render
-                     * the `<AccountSettings.Element />` component.
-                     *
-                     * @example
-                     * The `<Component />` is the source JSX that is rendered when you make use of the `AccountSettings`
-                     * Element directly. Here is a brief example of how you would use it within your application.
-                     * ```tsx
-                     * <AccountSettings.Element
-                     *   onSaveSettings={() => console.log('Settings Saved!')}
-                     * />
-                     * ```
-                     *
-                     * <br />
-                     *
-                     * @see {@link AccountSettings.ComponentProps | The **props** that can be passed into the `<AccountSettings.Element />` component}
-                     * @see {@link ListCarriers.Component | The `<List-Carriers />` component used to view connected carriers}
-                     * @see {@link ManageWarehouses.Component | The `<ManageWarehouses />` component used to add, update, or remove warehouses}
-                     * @see {@link PaymentMethodSettings | The `<PaymentMethodSettings />` component used to manage payment methods}
-                     * @see {@link ManageFunding | The `<ManageFunding />` component used to manage funding rules and add funds to a carrier account}
-                     */
                     confirmation: string;
                     dimensions: {
                         length: string;
@@ -359,6 +307,31 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 steps: {
                     register: string;
                     carriers: string;
+                    /**
+                     * # Account Settings Component
+                     *
+                     * - The `<AccountSettings />` component is used to display the user's account settings, as well as
+                     * allowing them to make changes to various aspects of their account.
+                     *
+                     * @param onSaveSettings Any `void` function you wish to execute when the user saves any changes
+                     * to their account settings.
+                     *
+                     * @returns Element An EmotionJSX.Element that will render the `<AccountSettings />` component
+                     * with all the appropriate wrappers.
+                     *
+                     * @example
+                     * You can see how the `<Component />` is used in the `createElement` function call below.
+                     * ```tsx
+                     * export const Element = alchemy.createElement(Component, ErrorFallback, {
+                     *   css: { height: "100%", maxWidth: "800px", minWidth: "440px", width: "100%" },
+                     *   resources: { en },
+                     * });
+                     * ```
+                     *
+                     * <br />
+                     *
+                     * @see {@link AccountSettings.Element | The **Element** created to render `<AccountSettings />`}
+                     */
                     addresses: string;
                     billing: string;
                 };
@@ -421,7 +394,10 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 returnTo: string;
                 returnToAddressIsDifferent: string;
                 setDefault: string;
-                shipFrom: string;
+                shipFrom: string; /**
+                 * This callback function will be used to house the logic you wish to execute when the
+                 * user saves new changes to their account settings.
+                 */
             };
             "manage-funding": {
                 actions: {
@@ -497,6 +473,13 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     delete: string;
                     edit: string;
                     hide: string;
+                    /**
+                     * # Account Settings Component Props
+                     *
+                     * - These are the base props that will be passed into the `<AccountSettings />` component.
+                     *
+                     * @see {@link AccountSettings.Component | This prop types usage in the `<AccountSettings /> component`}
+                     */
                     parse: string;
                     purchase: string;
                     remove: string;
@@ -582,13 +565,6 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     directSignature: string;
                     none: string;
                     signature: string;
-                    /**
-                     *  # Account Settings Element Props
-                     *
-                     *  - These are the base props that will be passed into the `<AccountSettings />` element.
-                     *
-                     *  @see {@link AccountSettings.Element | See the full type that `typeof Element` will return}
-                     */
                     verbalConfirmation: string;
                 };
                 customs: {
@@ -695,6 +671,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 schema: {
                     optionalLabel: string;
                 };
+                required: string;
                 schemaErrors: {
                     notAValidPhoneNumber: string;
                     mustAgreeToTerms: string;

package/src/elements/configure-shipment/configure-shipment.d.ts

@@ -1,5 +1,6 @@
 import { SE } from "@shipengine/alchemy";
-import { Templates } from "../../components";
+import { RateFormProps } from "../../components/templates/rate-form";
+import { ShipmentFormFeatures, ShipmentFormProps } from "../../components/templates/shipment-form";
 import { UseShippingPresetsOptionsProps } from "../../hooks";
 import { UseRatesFormProps, UseShipmentFormProps } from "./hooks";
 export type PreferredRateAcknowledgementMessage = {
@@ -35,27 +36,27 @@ export type ConfigureShipmentFeatures = {
         poweredByShipEngine?: boolean;
     };
     rateForm?: RateFormFeatures;
-    shipmentForm?: Templates.ShipmentFormFeatures;
+    shipmentForm?: ShipmentFormFeatures;
 };
 export type ConfigureShipmentProps = {
-    errors?: Templates.ShipmentFormProps["errors"];
+    errors?: ShipmentFormProps["errors"];
     features?: ConfigureShipmentFeatures;
     getPreferredRates?: (shipment: SE.SalesOrderShipment, isInternational: boolean) => Promise<PreferredRatesResponse | undefined>;
     insuranceAccount?: SE.InsuranceAccount;
-    isLoading?: Templates.ShipmentFormProps["isLoading"];
+    isLoading?: ShipmentFormProps["isLoading"];
     onAddressValidation?: UseShipmentFormProps["onAddressValidation"];
     onApplyPreset?: UseShipmentFormProps["onApplyPreset"];
     onBeforeLabelCreate?: UseRatesFormProps["onBeforeLabelCreate"];
     onBeforeRateSaved?: UseRatesFormProps["onBeforeRateSaved"];
     onChangeAddress?: UseShipmentFormProps["onChangeAddress"];
-    onChangeShipmentFormMode?: Templates.ShipmentFormProps["onChangeMode"];
+    onChangeShipmentFormMode?: ShipmentFormProps["onChangeMode"];
     onLabelCreateFailure?: UseRatesFormProps["onLabelCreateFailure"];
     onLabelCreateSuccess?: UseRatesFormProps["onLabelCreateSuccess"];
     onRateSaved?: UseRatesFormProps["onRateSaved"];
     onRatesCalculated?: UseRatesFormProps["onRatesCalculated"];
     onShipmentUpdated: UseShipmentFormProps["onShipmentUpdated"];
-    onToggleAddressPreferenceDisclosure?: Templates.ShipmentFormProps["onToggleAddressPreferenceDisclosure"];
-    preferredServiceCodes?: Templates.RateFormProps["preferredServiceCodes"];
+    onToggleAddressPreferenceDisclosure?: ShipmentFormProps["onToggleAddressPreferenceDisclosure"];
+    preferredServiceCodes?: RateFormProps["preferredServiceCodes"];
     printLabelLayout?: UseRatesFormProps["printLabelLayout"];
     salesOrder?: SE.SalesOrder;
     shipment?: SE.SalesOrderShipment;

package/src/elements/configure-shipment/hooks/use-address.d.ts

@@ -1,20 +1,22 @@
 import { SE } from "@shipengine/alchemy";
-import { Templates } from "../../../components";
+import { AddressParserPayload } from "../../../components/templates/address-parser";
+import { AddressPreference } from "../../../components/templates/address-preference-display";
+import { CharsetWarning, OnChangeAddressOptions } from "../../../components/templates/shipment-form";
 import { CountryCode } from "../../../constants";
 export type UseAddressProps = {
     compatibleCountryCodes?: CountryCode[];
     onChange?: (oldShipment: SE.SalesOrderShipment, updatedShipment: SE.SalesOrderShipment) => Promise<void> | void;
-    onValidation?: (addressPreference: Templates.AddressPreference) => Promise<void> | void;
+    onValidation?: (addressPreference: AddressPreference) => Promise<void> | void;
     salesOrder?: SE.SalesOrder;
     shipment?: SE.SalesOrderShipment;
 };
 export declare const useAddress: ({ compatibleCountryCodes, onChange, onValidation, salesOrder, shipment, }: UseAddressProps) => {
     addressErrors: SE.CodedError[] | undefined;
     addressLoading: boolean;
-    addressPreference: Templates.AddressPreference | undefined;
-    charsetWarning: Templates.CharsetWarning | undefined;
-    handleChangeAddress: (shipTo: SE.Address, { shouldValidate }: Templates.OnChangeAddressOptions) => Promise<SE.SalesOrderShipment>;
-    handleParseShipTo: ({ fullAddress }: Templates.AddressParserPayload) => Promise<SE.AddressExtraction>;
+    addressPreference: AddressPreference | undefined;
+    charsetWarning: CharsetWarning | undefined;
+    handleChangeAddress: (shipTo: SE.Address, { shouldValidate }: OnChangeAddressOptions) => Promise<SE.SalesOrderShipment>;
+    handleParseShipTo: ({ fullAddress }: AddressParserPayload) => Promise<SE.AddressExtraction>;
     parseAddressErrors: SE.CodedError[] | undefined;
     resetParseAddress: () => void;
 };

package/src/elements/configure-shipment/hooks/use-request-rates.d.ts

@@ -9,6 +9,7 @@ export declare const useRequestRates: ({ onRatesCalculated, getPreferredRates }:
     preferredRatesResponse: PreferredRatesResponse | undefined;
     ratesErrors: SE.CodedError[] | null;
     ratesResponse: SE.RateResponse | undefined;
+    requestPreferredRates: import("react-query").UseMutateAsyncFunction<PreferredRatesResponse | undefined, SE.CodedError[], [shipment: SE.SalesOrderShipment, isInternational: boolean], unknown>;
     requestRates: (shipment: SE.SalesOrderShipment, isInternational: boolean) => Promise<void>;
     resetRates: () => void;
 };

package/src/elements/list-carriers/list-carriers.d.ts

@@ -1,4 +1,4 @@
-import { OnboardingProps } from "../../components/templates";
+import { OnboardingProps } from "../../components/templates/onboarding";
 /**
  * # List-Carriers Props
  *

package/src/elements/manage-warehouses/manage-warehouses.d.ts

@@ -1,4 +1,4 @@
-import { Templates } from "../../components";
+import { AddressPreference } from "../../components/templates/address-preference-display";
 /**
  * # Manage Warehouses Props
  *
@@ -11,7 +11,7 @@ export type ComponentProps = {
      * `onWarehouseAddressValidation` is an optional callback function that will be invoked when a
      * warehouse address is validated.
      */
-    onWarehouseAddressValidation?: (originAddressPreference: Templates.AddressPreference, returnAddressPreference?: Templates.AddressPreference) => Promise<void> | void;
+    onWarehouseAddressValidation?: (originAddressPreference: AddressPreference, returnAddressPreference?: AddressPreference) => Promise<void> | void;
 };
 /**
  * # Manage Warehouses Component
@@ -36,4 +36,4 @@ export type ComponentProps = {
  * @see {@link ManageWarehouses.ComponentProps | The props that are passed into the `<ManageWarehouses />` component}
  * @see {@link AccountSettings.Element | The `<AccountSettings />` component renders the `<ManageWarehouses />` component}
  */
-export declare const Component: ({ onWarehouseAddressValidation }: ComponentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Component: ({ onWarehouseAddressValidation: _ARE_WE_ACTUALLY_GOING_TO_USE_THIS, }: ComponentProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/elements/onboarding/onboarding.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { OnboardingProps } from "../../components/templates";
+import { OnboardingProps } from "../../components/templates/onboarding";
 /**
  * # Onboarding Component Props
  *
@@ -148,7 +148,10 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     deliveryConfirmation: string;
                 };
                 highVolumeForms: string;
-                multipleShippingServices: string;
+                multipleShippingServices: string; /**
+                 * `onCompleteOnboarding` is a callback function that will be invoked once the onboarding process
+                 * is completed.
+                 */
                 sections: {
                     labels: string;
                 };
@@ -325,9 +328,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 };
                 steps: {
                     register: string;
-                    carriers: string; /**
-                     * `features` is a set of feature flags you would like to enable or disable in this component.
-                     */
+                    carriers: string;
                     addresses: string;
                     billing: string;
                 };
@@ -368,7 +369,9 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     dimensions: {
                         title: string;
                         standard: string;
-                        metric: string;
+                        metric: string; /**
+                         * `features` is a set of feature flags you would like to enable or disable in this component.
+                         */
                     };
                     weight: {
                         title: string;
@@ -419,7 +422,10 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     error: {
                         title: string;
                         message: string;
-                    };
+                    }; /**
+                     * `onCompleteOnboarding` is a callback function that will be invoked once the onboarding process
+                     * is completed.
+                     */
                     isLoading: string;
                     labels: {
                         amount: string;
@@ -484,7 +490,9 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         cityLocality: string;
                         stateProvince: string;
                         postalCode: string;
-                        phone: string;
+                        phone: string; /**
+                         * `features` is a set of feature flags you would like to enable or disable in this component.
+                         */
                         email: string;
                         addressResidentialIndicator: string;
                     };
@@ -587,28 +595,6 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     parsingFailure: string;
                     incompleteLabelPurchaseRequirements: string;
                     shipmentCancelled: string;
-                    /**
-                     * # Registered Onboarding Element
-                     *
-                     * - This is the registered `<Onboarding />` element that will be used to render the
-                     * `<Onboarding.Element />` component.
-                     *
-                     * @param ElementProps The props, callbacks, and resources necessary to render
-                     * the `<Onboarding.Element />` component.
-                     *
-                     * @example
-                     * The `<Component />` is the source JSX that is rendered when you make use of the `Onboarding`
-                     * Element directly. Here is a brief example of how you would use it within your application.
-                     * ```tsx
-                     * <Onboarding.Element
-                     *   onCompleteOnboarding={() => console.log('Onboarding Complete!')}
-                     * />
-                     * ```
-                     *
-                     * <br />
-                     *
-                     * @see {@link Onboarding.ComponentProps | The **props** that can be passed into the `<Onboarding.Element />` component}
-                     */
                     unableToLoad: {
                         accountSettings: string;
                         autoFundingSettings: string;
@@ -679,6 +665,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 schema: {
                     optionalLabel: string;
                 };
+                required: string;
                 schemaErrors: {
                     notAValidPhoneNumber: string;
                     mustAgreeToTerms: string;

package/src/elements/purchase-label/purchase-label.d.ts

@@ -776,6 +776,7 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                 schema: {
                     optionalLabel: string;
                 };
+                required: string;
                 schemaErrors: {
                     notAValidPhoneNumber: string;
                     mustAgreeToTerms: string;

package/src/elements/view-shipment/view-shipment.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { SE } from "@shipengine/alchemy";
-import { Templates } from "../../components";
+import { ShipmentFeatures } from "../../components/templates/shipment";
 /**
  * # View Shipment Component Props
  *
@@ -12,7 +12,7 @@ export type ComponentProps = {
     /**
      * `features` is a set of feature flags you would like to enable or disable in this component.
      */
-    features?: Templates.ShipmentFeatures;
+    features?: ShipmentFeatures;
     /**
      * `onClickPrintLabel` is a callback function that will be invoked when the user clicks the
      * `Print Label` button.
@@ -168,13 +168,21 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         description: string;
                     };
                     billing: {
-                        title: string;
+                        title: string; /**
+                         * # View Shipment Component Props
+                         *
+                         * - These are the base props that will be passed into the `<ViewShipment />` component.
+                         *
+                         * @see {@link ViewShipment.Component | This prop types usage in the `<ViewShipment />` component}
+                         */
                         cardSubTitle: string;
                         addressSubTitle: string;
                         info: string;
                     };
                     carriers: {
-                        title: string;
+                        title: string; /**
+                         * `features` is a set of feature flags you would like to enable or disable in this component.
+                         */
                         subtitle: string;
                     };
                     notifications: {
@@ -230,7 +238,9 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     insufficientBalanceCTA: string;
                 };
                 cta: {
-                    addPackageDetails: string;
+                    addPackageDetails: string; /**
+                     * `features` is a set of feature flags you would like to enable or disable in this component.
+                     */
                 };
                 errorMessages: {
                     customsItemsRequired: string;
@@ -332,10 +342,6 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     register: string;
                     carriers: string;
                     addresses: string;
-                    /**
-                     * `onClickPrintLabel` is a callback function that will be invoked when the user clicks the
-                     * `Print Label` button.
-                     */
                     billing: string;
                 };
                 warehouse: {
@@ -372,12 +378,12 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 };
                 units: {
                     title: string;
+                    /**
+                     * `features` is a set of feature flags you would like to enable or disable in this component.
+                     */
                     dimensions: {
                         title: string;
-                        standard: string; /**
-                         * `onClickPrintLabel` is a callback function that will be invoked when the user clicks the
-                         * `Print Label` button.
-                         */
+                        standard: string;
                         metric: string;
                     };
                     weight: {
@@ -420,6 +426,9 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     isEnabled: string;
                     isLoading: string;
                     lowBalancePurchaseThreshold: string;
+                    /**
+                     * `features` is a set of feature flags you would like to enable or disable in this component.
+                     */
                     maximumPurchasesPerDay: string;
                     purchaseAmount: string;
                     readSettings: string;
@@ -496,6 +505,10 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         postalCode: string;
                         phone: string;
                         email: string;
+                        /**
+                         * `onClickPrintLabel` is a callback function that will be invoked when the user clicks the
+                         * `Print Label` button.
+                         */
                         addressResidentialIndicator: string;
                     };
                     noResults: string;
@@ -513,31 +526,6 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         title: string;
                         originalAddress: string;
                         matchedAddress: string;
-                        /**
-                         * # View Shipment Component
-                         *
-                         * - The `<ViewShipment />` component is used to for viewing the shipment's tracking number, printing the label that
-                         * was created, and the option to void the label. When a label is voided, you can see a list of the
-                         * previously voided labels for a given shipment using this component.
-                         *
-                         * @param ComponentProps The base props that will be passed into the `<ViewShipment />` component.
-                         *
-                         * @returns Element An EmotionJSX.Element that will render the `<ViewShipment />` component
-                         * with all the appropriate wrappers.
-                         *
-                         * @example
-                         * You can see how the `<Component />` is used in the `createElement` function call below.
-                         * ```tsx
-                         * export const Element = alchemy.createElement(Component, ErrorFallback, {
-                         *   css: { height: "100%", maxWidth: "800px", minWidth: "440px", width: "100%" },
-                         *   resources: { en },
-                         * });
-                         * ```
-                         *
-                         * <br />
-                         *
-                         * @see {@link ViewShipment.Element | The **Element** created to render `<ViewShipment />`}
-                         */
                         unableToValidate: string;
                         use: {
                             originalAddress: string;
@@ -625,13 +613,6 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     unableToLoad: {
                         accountSettings: string;
                         autoFundingSettings: string;
-                        /**
-                         * # View Shipment Element Props
-                         *
-                         * - These are the base props that will be passed into the `<ViewShipment />` element.
-                         *
-                         * @see {@link ViewShipment.Element | See the full type that `typeof Element` will return}
-                         */
                         carrier: string;
                         carriers: string;
                         label: string;
@@ -699,6 +680,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 schema: {
                     optionalLabel: string;
                 };
+                required: string;
                 schemaErrors: {
                     notAValidPhoneNumber: string;
                     mustAgreeToTerms: string;

package/src/elements/void-label/void-label.d.ts

@@ -695,6 +695,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 schema: {
                     optionalLabel: string;
                 };
+                required: string;
                 schemaErrors: {
                     notAValidPhoneNumber: string;
                     mustAgreeToTerms: string;

package/src/factories/shipengine/address.d.ts

@@ -1,6 +1,6 @@
 import { Factory } from "fishery";
 import { SE } from "@shipengine/alchemy";
-import { Templates } from "../../components";
+import { AddressValidationPreference } from "../../components/templates/address-preference-select";
 export type AddressTransientParams = {
     isInternational?: boolean;
 };
@@ -31,5 +31,5 @@ export declare const addressPreferenceFactory: Factory<AddressPreference, any, A
  * used for warehouse management and onboarding.
  * @category Factory
  */
-export declare const addressValidationWithTypeFactory: Factory<Templates.AddressValidationPreference, any, Templates.AddressValidationPreference>;
+export declare const addressValidationWithTypeFactory: Factory<AddressValidationPreference, any, AddressValidationPreference>;
 export {};

package/src/hooks/use-address-validation.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { SE } from "@shipengine/alchemy";
-import { Templates } from "../components";
+import { ValidationPreference } from "../components/address-preference-context";
 /**
  * @internal
  *
@@ -10,10 +10,10 @@ import { Templates } from "../components";
  */
 export declare const useAddressValidation: () => {
     errors: SE.CodedError[] | null;
-    setValidationPreference: import("react").Dispatch<import("react").SetStateAction<Templates.ValidationPreference | undefined>>;
+    setValidationPreference: import("react").Dispatch<import("react").SetStateAction<ValidationPreference | undefined>>;
     validate: (addresses: {
         originAddress: SE.Address;
         returnAddress?: SE.Address;
-    }) => Promise<Templates.ValidationPreference>;
-    validationPreference: Templates.ValidationPreference | undefined;
+    }) => Promise<ValidationPreference>;
+    validationPreference: ValidationPreference | undefined;
 };

package/src/locales/en/index.d.ts

@@ -567,6 +567,7 @@ declare const _default: {
         schema: {
             optionalLabel: string;
         };
+        required: string;
         schemaErrors: {
             notAValidPhoneNumber: string;
             mustAgreeToTerms: string;