@shipengine/elements 1.5.1 → 1.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shipengine/elements",
-  "version": "1.5.1",
+  "version": "1.7.0",
   "peerDependencies": {
     "@shipengine/alchemy": "5.x.x",
     "@emotion/react": "11.x",
@@ -17,7 +17,6 @@
   "type": "module",
   "types": "./src/index.d.ts",
   "dependencies": {
-    "@emotion/css": "11.10.5",
     "@emotion/serialize": "1.1.1",
     "@faker-js/faker": "7.6.0",
     "@hookform/resolvers": "2.9.1",
@@ -25,9 +24,9 @@
     "@rjsf/core": "5.16.1",
     "@rjsf/utils": "5.16.1",
     "@rjsf/validator-ajv8": "5.16.1",
-    "@shipengine/giger": "1.4.2",
-    "@shipengine/giger-theme": "1.1.0",
-    "@shipengine/js-api": "1.4.1",
+    "@shipengine/giger": "1.9.0",
+    "@shipengine/giger-theme": "1.3.0",
+    "@shipengine/js-api": "1.9.0",
     "@storybook/addons": "6.5.16",
     "@storybook/components": "7.0.0-rc.1",
     "@storybook/core-events": "7.0.0-rc.1",
@@ -39,13 +38,12 @@
     "axios": "0.26.1",
     "card-validator": "8.1.1",
     "copy-to-clipboard": "3.3.3",
-    "date-fns": "2.29.3",
+    "date-fns": "3.6.0",
     "expect": "28.1.3",
     "humps": "2.0.1",
     "js-base64": "3.7.3",
     "libphonenumber-js": "1.10.14",
     "lodash": "4.17.21",
-    "react-datepicker": "4.25.0",
     "react-hook-form": "7.40.0",
     "rollup-plugin-copy": "3.4.0",
     "use-debounce": "10.0.0",

package/src/components/address-preference-context/address-preference-context.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from "react";
 import { SE } from "@shipengine/js-api";
-import { WalletPayload, WarehousePayload } from "../templates";
+import { WarehousePayload } from "../";
+import { WalletPayload } from "../templates";
 import { AddressValidationPreference } from "../templates/address-preference-select";
 type WarehouseData = Pick<WarehousePayload, "name" | "isDefault">;
 type WalletData = {

package/src/components/auto-funding-form/auto-funding-form.styles.d.ts

@@ -1,19 +1,15 @@
-import { Theme } from "@shipengine/giger-theme";
 export declare const styles: {
-    edit: (theme: Theme) => {
+    edit: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         color: string;
         padding: string;
     };
-    getForm: (showForm: boolean) => (theme: Theme) => {
+    getForm: (showForm: boolean) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         backgroundColor: string;
         display: "flex" | "none";
         flexDirection: "column";
         padding: number;
     };
-    input: (theme: Theme) => {
-        width: number;
-    };
-    marginLeft: {
-        marginLeft: string;
+    marginLeft: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        marginLeft: number;
     };
 };

package/src/components/collapsible-panel/collapsible-panel.d.ts

@@ -23,6 +23,11 @@ export type CollapsiblePanelProps = WithChildrenCommonProps<{
      * should display a bust state while work is being done.
      */
     isSaving?: boolean;
+    /**
+     * `nested` is an optional boolean that will be used to determine if the panel is nested
+     * within another panel and therfore should have a different background color and padding.
+     */
+    nested?: boolean;
     /**
      * `title` is an optional string that will be used to display the title of the panel.
      */
@@ -38,4 +43,4 @@ export type CollapsiblePanelProps = WithChildrenCommonProps<{
  *
  * @see {@link CollapsiblePanelProps | The props that are passed into the `<CollapsiblePanel />` component}
  */
-export declare const CollapsiblePanel: ({ errors, initialExpanded, isSaving, children, title, }: CollapsiblePanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CollapsiblePanel: ({ errors, initialExpanded, isSaving, nested, children, title, }: CollapsiblePanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/collapsible-panel/collapsible-panel.styles.d.ts

@@ -2,7 +2,7 @@ export declare const styles: {
     content: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         padding: string;
     };
-    header: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+    getHeaderStyles: (nested?: boolean) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         backgroundColor: string;
         display: "flex";
         height: number;

package/src/components/date-range-select/date-range-select.d.ts

@@ -3,7 +3,6 @@ import { DateRangeOption } from "../../hooks";
  * @internal
  */
 export type DateRangeSelectProps = {
-    fullWidth?: boolean;
     onChange: (nextOption: DateRangeOption) => void | Promise<void>;
     options: DateRangeOption[];
     value?: DateRangeOption;
@@ -11,4 +10,4 @@ export type DateRangeSelectProps = {
 /**
  * @internal
  */
-export declare const DateRangeSelect: ({ fullWidth, onChange, options, value }: DateRangeSelectProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DateRangeSelect: ({ onChange, options, value }: DateRangeSelectProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/field/create-field-controller.d.ts

@@ -15,12 +15,13 @@ export type FieldControllerProps<NP, TFieldValues extends FieldValues = FieldVal
     isOptional?: boolean;
     label: string;
     labelWeight?: FieldLabelProps["weight"];
+    labelWidth?: FieldLabelProps["width"];
     nativeLabel?: boolean;
 } & Omit<FieldLabelProps, "children" | "weight"> & Omit<UseControllerProps<TFieldValues, TName>, "defaultValue"> & ControlledFormInputProps<NP>;
 type FieldControllerOptions = {
     inputOnly?: boolean;
 };
-export declare const createFieldController: <P>(options?: FieldControllerOptions) => <TFieldValues extends FieldValues = FieldValues, TName extends import("react-hook-form").Path<TFieldValues> = import("react-hook-form").Path<TFieldValues>>({ children, control, defaultValue, displayErrors, displayLabel, errors: errorsProp, hint, inputOnly, isOptional, label, labelInfo, labelWeight, name, nativeLabel, rules, shouldUnregister, subLabel, ...formInputProps }: FieldControllerProps<P, TFieldValues, TName>) => JSX.Element;
+export declare const createFieldController: <P>(options?: FieldControllerOptions) => <TFieldValues extends FieldValues = FieldValues, TName extends import("react-hook-form").Path<TFieldValues> = import("react-hook-form").Path<TFieldValues>>({ children, control, defaultValue, displayErrors, displayLabel, errors: errorsProp, hint, inputOnly, isOptional, label, labelInfo, labelWeight, labelWidth, name, nativeLabel, rules, shouldUnregister, subLabel, ...formInputProps }: FieldControllerProps<P, TFieldValues, TName>) => JSX.Element;
 export type ControlledFieldProps = Parameters<ControlledField>[0];
 export type ControlledField<NP = object, CP = object, OK extends string = ""> = <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(fieldProps: Omit<FieldControllerProps<NP, TFieldValues, TName>, "children" | OK> & CP) => JSX.Element;
 export {};

package/src/components/field/date-picker/date-picker.d.ts

@@ -1,7 +1,3 @@
-import * as RDP from "react-datepicker";
+import { IDatePickerProps } from "@shipengine/giger";
 import { ControlledField } from "../create-field-controller";
-export type DatePickerProps = {
-    onChange?: (date: string | null) => void;
-    translator?: (text: string) => string;
-} & Omit<RDP.ReactDatePickerProps, "onChange">;
-export declare const DatePicker: ControlledField<DatePickerProps>;
+export declare const DatePicker: ControlledField<IDatePickerProps>;

package/src/components/field/rate-card/cost-breakdown/cost-breakdown.d.ts

@@ -5,7 +5,7 @@ export interface CostBreakdownProps {
     insuranceAmount?: SE.Money;
     otherAmount?: SE.Money;
     shippingAmount?: SE.Money;
-    showExtendedData: boolean;
+    showExtendedData?: boolean;
     taxAmount?: SE.Money;
 }
 export declare const CostBreakdown: ({ showExtendedData, shippingAmount, insuranceAmount, confirmationAmount, taxAmount, otherAmount, }: CostBreakdownProps) => JSX.Element;

package/src/components/field/rate-card/rate-card.d.ts

@@ -10,7 +10,9 @@ export type RateCardProps = Partial<RateOption> & WithCommonProps<{
     onSelectServicePoint?: (servicePoint?: SE.ServicePoint) => void;
     selected?: boolean;
     selectedRateCost?: number;
+    trackable?: boolean;
+    trackingStatus?: string;
     voided?: boolean;
     voidedAt?: string;
 }>;
-export declare const RateCard: ({ carrierCode, carrierFriendlyName, carrierNickname, children, className, confirmationAmount, deliveryDays, insuranceAmount, isAcknowledged, messages, onClick, onClickAcknowledgement, onSelectServicePoint, otherAmount, rateId, requiresAcknowledgement, rateAcknowledgementMessage, selected, serviceCode, packageType, serviceType, shippingAmount, taxAmount, voided, voidedAt, isLoading: servicePointsLoading, isPreferredRate, selectedRateCost, servicePoints, }: RateCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const RateCard: ({ carrierCode, carrierFriendlyName, carrierNickname, children, className, confirmationAmount, deliveryDays, insuranceAmount, isAcknowledged, messages, onClick, onClickAcknowledgement, onSelectServicePoint, otherAmount, rateId, requiresAcknowledgement, rateAcknowledgementMessage, selected, serviceCode, packageType, serviceType, shippingAmount, taxAmount, trackable, trackingStatus, voided, voidedAt, isLoading: servicePointsLoading, isPreferredRate, selectedRateCost, servicePoints, }: RateCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/field/rate-card/rate-card.styles.d.ts

@@ -7,6 +7,7 @@ export declare const getArticleSelectedStyles: (theme: Theme) => SerializedStyle
 export declare const getArticleVoidedStyles: () => SerializedStyles;
 export declare const getSectionStyles: (theme: Theme) => SerializedStyles;
 export declare const getRateImageStyles: (theme: Theme) => SerializedStyles;
+export declare const getViewShipmentImageStyles: (theme: Theme) => SerializedStyles;
 export declare const getRateSavingsSectionStyles: () => SerializedStyles;
 export declare const getRateSavingsStyles: (theme: Theme) => SerializedStyles;
 export declare const getRateInfoStyles: (theme: Theme) => SerializedStyles;

package/src/components/field-label/field-label.d.ts

@@ -10,6 +10,7 @@ export type FieldLabelProps = {
     labelInfo?: React.ReactNode;
     subLabel?: string;
     weight?: "bold" | "normal";
+    width?: string | number;
     withInput?: boolean;
 };
 /**
@@ -17,4 +18,4 @@ export type FieldLabelProps = {
  *
  * # Field Label Component
  */
-export declare const FieldLabel: ({ children, label, labelInfo, subLabel, weight, withInput, }: FieldLabelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const FieldLabel: ({ children, label, labelInfo, subLabel, weight, withInput, width, }: FieldLabelProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/history/history-card/history-card.d.ts

@@ -1,6 +1,9 @@
 import { FundingSourceTransaction } from "@shipengine/alchemy";
 export type HistoryCardProps = {
-    carrier: string;
+    carrierInfo: {
+        carrierCode: string;
+        carrierName: string;
+    };
     transaction: FundingSourceTransaction;
 };
-export declare const HistoryCard: ({ carrier, transaction }: HistoryCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const HistoryCard: ({ transaction, carrierInfo }: HistoryCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/index.d.ts

@@ -22,15 +22,18 @@ export * from "./inline-label";
 export * from "./items-breakdown";
 export * from "./link-action";
 export * from "./loader";
-export * from "./manage-funding";
 export * from "./pager";
-export * from "./payment-method-settings";
 export * from "./portal";
 export * from "./powered-by-shipengine";
 export * from "./section";
+export * from "./settings-card";
 export * from "./spacer";
 export * from "./spread";
 export * from "./skeleton";
 export * from "./suspend";
 export * from "./story-notes";
 export * from "./tabs";
+export * from "./wallet-card";
+export * from "./warehouse-form";
+export * from "./edit-billing-form";
+export * from "./history";

package/src/components/service-point-display/service-point-display.d.ts

@@ -6,5 +6,5 @@ type ServicePointDisplayProps = {
     selectedServicePoint?: SE.ServicePoint;
     servicePoint: SE.ServicePoint;
 };
-export declare const ServicePointDisplay: ({ onSelect, servicePoint, expanded, rateSelected, selectedServicePoint, }: ServicePointDisplayProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ServicePointDisplay: ({ onSelect, servicePoint, rateSelected, selectedServicePoint, }: ServicePointDisplayProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/src/components/service-point-display/service-point-display.styles.d.ts

@@ -1,6 +1,7 @@
 export declare const styles: {
     closed: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         color: string;
+        whiteSpace: "pre";
     };
     container: {
         display: "flex";
@@ -19,6 +20,12 @@ export declare const styles: {
         gap: number;
         justifyContent: "" | "space-between";
     };
+    hoursToggle: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        color: string;
+        display: "flex";
+        lineHeight: string;
+    };
     inlineWrapper: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         display: "flex";
@@ -27,6 +34,7 @@ export declare const styles: {
     };
     open: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         color: string;
+        whiteSpace: "pre";
     };
     selectButton: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         backgroundColor: string;

package/src/components/templates/address-display/address-display.d.ts

@@ -4,6 +4,7 @@ type AddressDisplayProps = {
     decoratorText?: string;
     nickname?: string;
     onEdit?: () => Promise<void> | void;
+    typographyVariant?: "body1" | "body2";
 };
-export declare const AddressDisplay: ({ address, decoratorText, nickname, onEdit, }: AddressDisplayProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const AddressDisplay: ({ address, decoratorText, nickname, onEdit, typographyVariant, }: AddressDisplayProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/src/components/templates/address-form/address-schema.d.ts

@@ -1,4 +1,6 @@
 import { z } from "zod";
+export declare const postalCodeRegex: RegExp;
+export declare const addressNameRegex: RegExp;
 export declare const addressLine1Schema: z.ZodString;
 export declare const addressLine2Schema: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>;
 export declare const companyNameSchema: z.ZodEffects<z.ZodUnion<[z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>, z.ZodLiteral<"">]>, string | undefined, string | null | undefined>;

package/src/components/templates/connected-carrier-list/connected-carrier-row/connected-carrier-row.styles.d.ts

@@ -9,6 +9,23 @@ export declare const styles: {
         display: "flex";
         flexDirection: "column";
     };
+    disconnectCarrierOption: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+    };
+    dropdownOptionList: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        minWidth: number;
+    };
+    iconButton: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        "&:hover": {
+            backgroundColor: "transparent !important";
+            color: `${string} !important`;
+        };
+        backgroundColor: "transparent";
+        border: number;
+        color: string;
+        cursor: "pointer";
+        padding: number;
+    };
     logoContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         columnGap: string;

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

@@ -1,5 +1,4 @@
 export * from "../address-preference-context";
-export * from "./account-settings";
 export * from "./add-carrier-form";
 export * from "./address-display";
 export * from "./address-form";
@@ -7,8 +6,7 @@ export * from "./address-parser";
 export * from "./address-preference-display";
 export * from "./address-preference-select";
 export * from "./label";
-export * from "./list-carriers";
-export * from "./manage-warehouses";
+export * from "../../features/shipengine-carriers";
 export * from "./product-form";
 export * from "./rate-form";
 export * from "./shipment-form";
@@ -17,4 +15,3 @@ export * from "./suspend-sales-order";
 export * from "./suspend-shipment";
 export * from "./theme-creator";
 export * from "./wallet-form";
-export * from "./warehouse-form";

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

@@ -3,10 +3,4 @@ export declare const styles: {
         alignItems: "center";
         display: "flex";
     };
-    truncatedTrackingNumber: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        overflow: "hidden";
-        textOverflow: "ellipsis";
-        whiteSpace: "nowrap";
-        width: number;
-    };
 };

package/src/components/templates/product-form/product-form-schema.d.ts

@@ -3,7 +3,6 @@ export declare const getProductFormSchema: (shipToCountry?: string) => z.ZodEffe
     countryOfOrigin: 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"]>;
     description: z.ZodString;
     harmonizedTariffCode: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>;
-    productId: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>;
     valueQuantity: z.ZodObject<{
         quantity: z.ZodNumber;
         value: z.ZodObject<{
@@ -32,7 +31,6 @@ export declare const getProductFormSchema: (shipToCountry?: string) => z.ZodEffe
 }, {
     harmonizedTariffCode: z.ZodString;
 }>, "strip", z.ZodTypeAny, {
-    productId?: string | undefined;
     countryOfOrigin: "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";
     description: string;
     harmonizedTariffCode: string;
@@ -44,7 +42,6 @@ export declare const getProductFormSchema: (shipToCountry?: string) => z.ZodEffe
         quantity: number;
     };
 }, {
-    productId?: string | null | undefined;
     countryOfOrigin: "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";
     description: string;
     harmonizedTariffCode: string;
@@ -62,7 +59,6 @@ export declare const getProductFormSchema: (shipToCountry?: string) => z.ZodEffe
         currency: import("@shipengine/js-api").Currency;
     };
     harmonizedTariffCode?: string | undefined;
-    productId?: string | undefined;
     countryOfOrigin: "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";
     description: string;
 } | {
@@ -71,12 +67,10 @@ export declare const getProductFormSchema: (shipToCountry?: string) => z.ZodEffe
         amount: number;
         currency: import("@shipengine/js-api").Currency;
     };
-    productId?: string | undefined;
     countryOfOrigin: "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";
     description: string;
     harmonizedTariffCode: string;
 }, {
-    productId?: string | null | undefined;
     countryOfOrigin: "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";
     description: string;
     harmonizedTariffCode: string;
@@ -91,7 +85,6 @@ export declare const getProductFormSchema: (shipToCountry?: string) => z.ZodEffe
     countryOfOrigin: 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"]>;
     description: z.ZodString;
     harmonizedTariffCode: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>;
-    productId: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>;
     valueQuantity: z.ZodObject<{
         quantity: z.ZodNumber;
         value: z.ZodObject<{
@@ -119,7 +112,6 @@ export declare const getProductFormSchema: (shipToCountry?: string) => z.ZodEffe
     }>;
 }, "strip", z.ZodTypeAny, {
     harmonizedTariffCode?: string | undefined;
-    productId?: string | undefined;
     countryOfOrigin: "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";
     description: string;
     valueQuantity: {
@@ -131,7 +123,6 @@ export declare const getProductFormSchema: (shipToCountry?: string) => z.ZodEffe
     };
 }, {
     harmonizedTariffCode?: string | null | undefined;
-    productId?: string | null | undefined;
     countryOfOrigin: "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";
     description: string;
     valueQuantity: {
@@ -148,7 +139,6 @@ export declare const getProductFormSchema: (shipToCountry?: string) => z.ZodEffe
         currency: import("@shipengine/js-api").Currency;
     };
     harmonizedTariffCode?: string | undefined;
-    productId?: string | undefined;
     countryOfOrigin: "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";
     description: string;
 } | {
@@ -157,13 +147,11 @@ export declare const getProductFormSchema: (shipToCountry?: string) => z.ZodEffe
         amount: number;
         currency: import("@shipengine/js-api").Currency;
     };
-    productId?: string | undefined;
     countryOfOrigin: "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";
     description: string;
     harmonizedTariffCode: string;
 }, {
     harmonizedTariffCode?: string | null | undefined;
-    productId?: string | null | undefined;
     countryOfOrigin: "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";
     description: string;
     valueQuantity: {

package/src/components/templates/pudo-rate-tabs/pudo-rate-tabs.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { UseFormReturn } from "react-hook-form";
 import { SE } from "@shipengine/alchemy";
 import { RateOption } from "../../../hooks";
@@ -9,14 +10,18 @@ export type PudoRateTabsProps = {
             rateId: string;
         };
     }, any>;
+    getFilteredRateOptions?: (rateOptions: RateOption[]) => RateOption[];
     nicknameFeature?: boolean;
     onSearch: (postalCode: string) => void;
     onSelectRate?: RateFormProps["onSelectRate"];
     onSelectServicePoint: (servicePoint?: SE.ServicePoint) => void;
     preferredServiceCodes?: RateFormProps["preferredServiceCodes"];
     pudoRateOptions: RateOption[];
+    rateFormScrollToRef?: React.RefObject<HTMLFormElement>;
     rates?: RateFormProps["rates"];
     servicePointsLoading?: boolean;
+    setShowHiddenRates?: (showHiddenRates: boolean) => void;
     shipment?: RateFormProps["shipment"];
+    showHiddenRates?: boolean;
 };
-export declare const PudoRateTabs: ({ shipment, pudoRateOptions, form, onSelectRate, servicePointsLoading, onSelectServicePoint, nicknameFeature, preferredServiceCodes, onSearch, }: PudoRateTabsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const PudoRateTabs: ({ shipment, pudoRateOptions, form, onSelectRate, servicePointsLoading, onSelectServicePoint, nicknameFeature, preferredServiceCodes, onSearch, showHiddenRates, setShowHiddenRates, getFilteredRateOptions, rateFormScrollToRef, }: PudoRateTabsProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,6 @@
 import { SE } from "@shipengine/alchemy";
-import { ConfigureShipmentFeatures, PreferredRatesResponse } from "../../../elements/configure-shipment";
+import { ConfigureShipmentFeatures } from "../../../elements/purchase-label/configure-shipment";
+import { PreferredRatesResponse } from "../../../types";
 export type RateFormProps = {
     carriers?: SE.Carrier[];
     currency: SE.Currency;
@@ -19,6 +20,7 @@ export type RateFormProps = {
     preferredRates?: PreferredRatesResponse;
     preferredServiceCodes?: string[];
     rates?: SE.Rate[];
+    salesOrder?: SE.SalesOrder;
     shipment?: SE.SalesOrderShipment;
 };
-export declare const RateForm: ({ carriers, disabled, displayableRateErrors, displayableSaveRateErrors, errors, features, isLoading, labelErrors, labels, labelsLoading, currency, displayableShipmentErrors, preferredRates, preferredServiceCodes, rates, shipment, onSave, onSelectRate, onSubmit, }: RateFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const RateForm: ({ carriers, disabled, displayableRateErrors, displayableSaveRateErrors, errors, features, isLoading, labelErrors, labels, labelsLoading, currency, displayableShipmentErrors, preferredRates, preferredServiceCodes, rates, salesOrder, shipment, onSave, onSelectRate, onSubmit, }: RateFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/templates/rate-form/rate-form.styles.d.ts

@@ -1,7 +1,4 @@
 export declare const styles: {
-    fundAndPurchase: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        borderTop: string;
-    };
     ratesInterstitial: {
         alignItems: "center";
         display: "flex";
@@ -9,8 +6,9 @@ export declare const styles: {
         justifyContent: "center";
         textAlign: "center";
     };
-    showMoreOrLessRatesButton: {
+    showMoreOrLessRatesButton: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         display: "flex";
+        paddingTop: number;
     };
 };