@zonos/elements 1.3.141 → 1.3.143

package/dist/types/components.d.ts

@@ -380,7 +380,7 @@ export namespace Components {
         /**
           * For storybook to set to finish step, this is to trigger in the story for zonos-checkout-finish
          */
-        "setToFinishStep": (forcePaymentStatus?: PaymentIntent['status']) => Promise<void>;
+        "setToFinishStep": (forcePaymentStatus?: PaymentIntent["status"]) => Promise<void>;
     }
     interface ZonosCheckoutFinish {
         /**
@@ -436,7 +436,7 @@ export namespace Components {
         /**
           * Set selected tab. Only set the tab if it's clickable
          */
-        "setTabSelected": (tabValue: TabItem['value']) => Promise<void>;
+        "setTabSelected": (tabValue: TabItem["value"]) => Promise<void>;
         /**
           * Color of the tab progress bar and label, override the secondary color of the appearance settings
          */
@@ -961,6 +961,39 @@ export namespace Components {
          */
         "spinnerColor"?: SpinnerColor;
     }
+    /**
+     * This component is input that has similar style to Stripe since we will use it with other Stripe elements when we don't want to use Link authentication element
+     */
+    interface ZonosStripeInput {
+        /**
+          * Input label
+         */
+        "inputLabel": string;
+        /**
+          * Placeholder for the input
+         */
+        "inputPlaceholder": string;
+        /**
+          * Value of the stripeInput
+         */
+        "inputValue": string;
+        /**
+          * Disables the input
+         */
+        "isDisabled": boolean;
+        /**
+          * Error state of the input
+         */
+        "isError": boolean;
+        /**
+          * Primary color to override primary color from appearance primary color in setting.
+         */
+        "overridePrimaryColor"?: string;
+        /**
+          * Secondary color to override secondary color from appearance secondary color in setting
+         */
+        "overrideSecondaryColor"?: string;
+    }
     interface ZonosText {
         /**
           * The size of the text
@@ -1101,6 +1134,10 @@ export interface ZonosShippingRichRadioCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLZonosShippingRichRadioElement;
 }
+export interface ZonosStripeInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLZonosStripeInputElement;
+}
 export interface ZonosToggleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLZonosToggleElement;
@@ -1558,6 +1595,26 @@ declare global {
         prototype: HTMLZonosSpinnerElement;
         new (): HTMLZonosSpinnerElement;
     };
+    interface HTMLZonosStripeInputElementEventMap {
+        "inputChange": string;
+    }
+    /**
+     * This component is input that has similar style to Stripe since we will use it with other Stripe elements when we don't want to use Link authentication element
+     */
+    interface HTMLZonosStripeInputElement extends Components.ZonosStripeInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLZonosStripeInputElementEventMap>(type: K, listener: (this: HTMLZonosStripeInputElement, ev: ZonosStripeInputCustomEvent<HTMLZonosStripeInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLZonosStripeInputElementEventMap>(type: K, listener: (this: HTMLZonosStripeInputElement, ev: ZonosStripeInputCustomEvent<HTMLZonosStripeInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLZonosStripeInputElement: {
+        prototype: HTMLZonosStripeInputElement;
+        new (): HTMLZonosStripeInputElement;
+    };
     interface HTMLZonosTextElement extends Components.ZonosText, HTMLStencilElement {
     }
     var HTMLZonosTextElement: {
@@ -1650,6 +1707,7 @@ declare global {
         "zonos-shipping": HTMLZonosShippingElement;
         "zonos-shipping-rich-radio": HTMLZonosShippingRichRadioElement;
         "zonos-spinner": HTMLZonosSpinnerElement;
+        "zonos-stripe-input": HTMLZonosStripeInputElement;
         "zonos-text": HTMLZonosTextElement;
         "zonos-toggle": HTMLZonosToggleElement;
         "zonos-tooltip": HTMLZonosTooltipElement;
@@ -2569,6 +2627,43 @@ declare namespace LocalJSX {
          */
         "spinnerColor"?: SpinnerColor;
     }
+    /**
+     * This component is input that has similar style to Stripe since we will use it with other Stripe elements when we don't want to use Link authentication element
+     */
+    interface ZonosStripeInput {
+        /**
+          * Input label
+         */
+        "inputLabel": string;
+        /**
+          * Placeholder for the input
+         */
+        "inputPlaceholder"?: string;
+        /**
+          * Value of the stripeInput
+         */
+        "inputValue"?: string;
+        /**
+          * Disables the input
+         */
+        "isDisabled"?: boolean;
+        /**
+          * Error state of the input
+         */
+        "isError"?: boolean;
+        /**
+          * Event to emit when input value changes
+         */
+        "onInputChange"?: (event: ZonosStripeInputCustomEvent<string>) => void;
+        /**
+          * Primary color to override primary color from appearance primary color in setting.
+         */
+        "overridePrimaryColor"?: string;
+        /**
+          * Secondary color to override secondary color from appearance secondary color in setting
+         */
+        "overrideSecondaryColor"?: string;
+    }
     interface ZonosText {
         /**
           * The size of the text
@@ -2694,6 +2789,7 @@ declare namespace LocalJSX {
         "zonos-shipping": ZonosShipping;
         "zonos-shipping-rich-radio": ZonosShippingRichRadio;
         "zonos-spinner": ZonosSpinner;
+        "zonos-stripe-input": ZonosStripeInput;
         "zonos-text": ZonosText;
         "zonos-toggle": ZonosToggle;
         "zonos-tooltip": ZonosTooltip;
@@ -2750,6 +2846,10 @@ declare module "@stencil/core" {
             "zonos-shipping": LocalJSX.ZonosShipping & JSXBase.HTMLAttributes<HTMLZonosShippingElement>;
             "zonos-shipping-rich-radio": LocalJSX.ZonosShippingRichRadio & JSXBase.HTMLAttributes<HTMLZonosShippingRichRadioElement>;
             "zonos-spinner": LocalJSX.ZonosSpinner & JSXBase.HTMLAttributes<HTMLZonosSpinnerElement>;
+            /**
+             * This component is input that has similar style to Stripe since we will use it with other Stripe elements when we don't want to use Link authentication element
+             */
+            "zonos-stripe-input": LocalJSX.ZonosStripeInput & JSXBase.HTMLAttributes<HTMLZonosStripeInputElement>;
             "zonos-text": LocalJSX.ZonosText & JSXBase.HTMLAttributes<HTMLZonosTextElement>;
             "zonos-toggle": LocalJSX.ZonosToggle & JSXBase.HTMLAttributes<HTMLZonosToggleElement>;
             "zonos-tooltip": LocalJSX.ZonosTooltip & JSXBase.HTMLAttributes<HTMLZonosTooltipElement>;

package/dist/types/environment.d.ts

@@ -8,7 +8,7 @@ export declare const inGithubActions: boolean;
 export declare const inCloudflare: boolean;
 export declare const inVercel: boolean;
 export declare const isVercelProd: boolean;
-declare const envClientSchema: z.ZodObject<{
+declare const _envClientSchema: z.ZodObject<{
     NEXT_PUBLIC_FLAG_URL: z.ZodString;
     NEXT_PUBLIC_RELEASE_DATE: z.ZodString;
     NEXT_PUBLIC_ZONOS_API_KEY: z.ZodString;
@@ -42,7 +42,7 @@ declare const envClientSchema: z.ZodObject<{
     NEXT_PUBLIC_ZONOS_ROUTE_URL: string;
     NEXT_PUBLIC_ZONOS_UNPKG_CDN_URL: string;
 }>;
-export interface Env extends z.infer<typeof envClientSchema> {
+export interface Env extends z.infer<typeof _envClientSchema> {
 }
 export declare const env: Readonly<{
     NEXT_PUBLIC_FLAG_URL: string;

package/dist/types/scripts/_stripe.d.ts

@@ -7,7 +7,7 @@ export type LoadStripe = (...args: Parameters<StripeConstructor>) => Promise<Str
 export declare const zonosStripeFindScript: () => HTMLScriptElement | null;
 export declare const injectScript: (params: null | LoadParams) => HTMLScriptElement | null;
 export declare const zonosStripeLoadScript: (params: null | LoadParams) => Promise<StripeConstructor | null>;
-export declare const initStripe: (maybeStripe: StripeConstructor | null, args: [publishableKey: string, options?: import("@stripe/stripe-js").StripeConstructorOptions | undefined], startTime: number) => Stripe | null;
+export declare const initStripe: (maybeStripe: StripeConstructor | null, args: Parameters<StripeConstructor>, startTime: number) => Stripe | null;
 export declare const validateLoadParams: (params: {
     advancedFraudSignals: boolean;
 }) => LoadParams | void;

package/dist/types/stencil-public-runtime.d.ts

@@ -1015,6 +1015,8 @@ export declare namespace JSXBase {
         autoPlay?: boolean;
         autoplay?: boolean | string;
         controls?: boolean;
+        controlslist?: 'nodownload' | 'nofullscreen' | 'noremoteplayback';
+        controlsList?: 'nodownload' | 'nofullscreen' | 'noremoteplayback';
         crossOrigin?: string;
         crossorigin?: string;
         loop?: boolean;
@@ -1564,6 +1566,10 @@ export declare namespace JSXBase {
         onSubmitCapture?: (event: Event) => void;
         onInvalid?: (event: Event) => void;
         onInvalidCapture?: (event: Event) => void;
+        onBeforeToggle?: (event: Event) => void;
+        onBeforeToggleCapture?: (event: Event) => void;
+        onToggle?: (event: Event) => void;
+        onToggleCapture?: (event: Event) => void;
         onLoad?: (event: Event) => void;
         onLoadCapture?: (event: Event) => void;
         onError?: (event: Event) => void;

package/dist/types/styles/stripe/defaultVariable.d.ts

@@ -3,4 +3,4 @@ import type { ElementsUiStyle, ElementsUiTheme } from "../../types/generated/gra
 export declare const defaultVariable: ({ borderStyle, theme, }: {
     borderStyle?: ElementsUiStyle;
     theme: ElementsUiTheme;
-}) => Appearance['variables'];
+}) => Appearance["variables"];

package/dist/types/types/checkout/TaxId.d.ts

@@ -0,0 +1,20 @@
+export declare const countryRequireTaxId: ["AR", "BR", "KR", "MX"];
+export type CountryRequireTaxId = (typeof countryRequireTaxId)[number];
+export declare const shipToTaxIdLabels: {
+    readonly AR: {
+        readonly friendlyName: "Unique Labor Identification Code";
+        readonly placeholder: "00-00000000-0";
+    };
+    readonly BR: {
+        readonly friendlyName: "CPF/CNPJ number";
+        readonly placeholder: "000.000.000-00";
+    };
+    readonly KR: {
+        readonly friendlyName: "Personal Customers Clearance Code";
+        readonly placeholder: "000-00-00000";
+    };
+    readonly MX: {
+        readonly friendlyName: "RFC number";
+        readonly placeholder: "XAXX010101000";
+    };
+};

package/dist/types/types/checkout/api/CalculateLandedCost.d.ts

@@ -56,6 +56,10 @@ export type CalculateLandedCostRequest = {
         key: string;
         value: string;
     }[];
+    /**
+     * TaxId that the some destination countries require for the shipment.
+     */
+    shipToTaxId?: string;
     shippingAddress: {
         addressLine1: string;
         addressLine2?: string | undefined;
@@ -103,6 +107,10 @@ export type CartCalculateLandedCostRequest = {
         key: string;
         value: string;
     }[];
+    /**
+     * TaxId that the some destination countries require for the shipment.
+     */
+    shipToTaxId?: string;
     shippingAddress: {
         addressLine1: string;
         addressLine2?: string | undefined;

package/dist/types/types/generated/graphql.frontend.types.d.ts

@@ -557,7 +557,7 @@ export type FailToGetQuoteErrorsQuery = {
 };
 export type LocaleCountryMessagesQuery = {
     locale_countryCodesPage: Array<{
-        countryCodes: Array<string> | null;
+        countryCodes: Array<string>;
         countryCodesPageMessageLinks: Array<{
             id: number;
             message: {

package/dist/types/types/generated/graphql.frontend.types.ts

@@ -565,7 +565,7 @@ export type FailToGetQuoteErrorsQuery = {
 
 export type LocaleCountryMessagesQuery = {
   locale_countryCodesPage: Array<{
-    countryCodes: Array<string> | null;
+    countryCodes: Array<string>;
     countryCodesPageMessageLinks: Array<{
       id: number;
       message: {

package/dist/types/types/generated/graphql.internal.types.d.ts

@@ -131,6 +131,46 @@ export declare const allowedCharacterSets: {
     readonly Latin: "LATIN";
 };
 export type AllowedCharacterSets = (typeof allowedCharacterSets)[keyof typeof allowedCharacterSets];
+export declare const allowedSettlementCurrencies: {
+    readonly Local: "LOCAL";
+    readonly LocalAndUsd: "LOCAL_AND_USD";
+};
+export type AllowedSettlementCurrencies = (typeof allowedSettlementCurrencies)[keyof typeof allowedSettlementCurrencies];
+export declare const amountDetailRefundSourceType: {
+    readonly Discount: "DISCOUNT";
+    readonly DutyTaxFee: "DUTY_TAX_FEE";
+    readonly Item: "ITEM";
+    readonly Shipping: "SHIPPING";
+};
+export type AmountDetailRefundSourceType = (typeof amountDetailRefundSourceType)[keyof typeof amountDetailRefundSourceType];
+export declare const amountDetailSourceType: {
+    readonly Discount: "DISCOUNT";
+    readonly Duty: "DUTY";
+    readonly DutyTaxFee: "DUTY_TAX_FEE";
+    readonly Fee: "FEE";
+    readonly Item: "ITEM";
+    readonly Shipping: "SHIPPING";
+    readonly Tax: "TAX";
+};
+export type AmountDetailSourceType = (typeof amountDetailSourceType)[keyof typeof amountDetailSourceType];
+export declare const amountDetailSubtotalType: {
+    readonly Discount: "DISCOUNT";
+    readonly Duty: "DUTY";
+    readonly Fee: "FEE";
+    readonly Item: "ITEM";
+    readonly Shipping: "SHIPPING";
+    readonly Tax: "TAX";
+};
+export type AmountDetailSubtotalType = (typeof amountDetailSubtotalType)[keyof typeof amountDetailSubtotalType];
+export declare const amountDetailUse: {
+    readonly BillingCompany: "BILLING_COMPANY";
+    readonly MerchantBase: "MERCHANT_BASE";
+    readonly MerchantProvided: "MERCHANT_PROVIDED";
+    readonly MerchantSettled: "MERCHANT_SETTLED";
+    readonly ShopperPresented: "SHOPPER_PRESENTED";
+    readonly ZonosBase: "ZONOS_BASE";
+};
+export type AmountDetailUse = (typeof amountDetailUse)[keyof typeof amountDetailUse];
 export type AmountRange = {
     max?: InputMaybe<Scalars['Decimal']['input']>;
     min?: InputMaybe<Scalars['Decimal']['input']>;
@@ -1714,8 +1754,10 @@ export declare const itemKeyPreference: {
 };
 export type ItemKeyPreference = (typeof itemKeyPreference)[keyof typeof itemKeyPreference];
 export declare const itemMeasurementType: {
+    readonly AlcoholByVolume: "ALCOHOL_BY_VOLUME";
     readonly Height: "HEIGHT";
     readonly Length: "LENGTH";
+    readonly Volume: "VOLUME";
     readonly Weight: "WEIGHT";
     readonly Width: "WIDTH";
 };
@@ -1748,9 +1790,12 @@ export declare const itemUnitOfMeasure: {
     readonly Gram: "GRAM";
     readonly Inch: "INCH";
     readonly Kilogram: "KILOGRAM";
+    readonly Liter: "LITER";
     readonly Meter: "METER";
+    readonly Milliliter: "MILLILITER";
     readonly Millimeter: "MILLIMETER";
     readonly Ounce: "OUNCE";
+    readonly Percentage: "PERCENTAGE";
     readonly Pound: "POUND";
     readonly Yard: "YARD";
 };
@@ -1825,6 +1870,7 @@ export declare const landedCostFeeType: {
     readonly Country: "COUNTRY";
     readonly CurrencyConversionFee: "CURRENCY_CONVERSION_FEE";
     readonly DdpServiceFee: "DDP_SERVICE_FEE";
+    readonly Discount: "DISCOUNT";
     readonly Duty: "DUTY";
     readonly InclusivePriceAdjustment: "INCLUSIVE_PRICE_ADJUSTMENT";
     readonly InclusivePricing: "INCLUSIVE_PRICING";
@@ -2497,6 +2543,7 @@ export declare const storeFeeRuleType: {
     readonly RequiredNegotiable: "REQUIRED_NEGOTIABLE";
     readonly RequiredNonNegotiable: "REQUIRED_NON_NEGOTIABLE";
     readonly Transitory: "TRANSITORY";
+    readonly TransitoryCustom: "TRANSITORY_CUSTOM";
 };
 export type StoreFeeRuleType = (typeof storeFeeRuleType)[keyof typeof storeFeeRuleType];
 export declare const stripeActiveStatus: {
@@ -2589,7 +2636,9 @@ export declare const taxCalculationType: {
 export type TaxCalculationType = (typeof taxCalculationType)[keyof typeof taxCalculationType];
 export declare const taxIdType: {
     readonly Cnp: "CNP";
+    readonly Cuil: "CUIL";
     readonly Dan: "DAN";
+    readonly Dni: "DNI";
     readonly Dtf: "DTF";
     readonly Dun: "DUN";
     readonly Ein: "EIN";
@@ -2600,7 +2649,12 @@ export declare const taxIdType: {
     readonly Hmrc: "HMRC";
     readonly Ioss: "IOSS";
     readonly Lvg: "LVG";
+    readonly Npwp: "NPWP";
     readonly Osr: "OSR";
+    readonly Pan: "PAN";
+    readonly Pccc: "PCCC";
+    readonly Rfc: "RFC";
+    readonly Run: "RUN";
     readonly Ssn: "SSN";
     readonly Sta: "STA";
     readonly Tan: "TAN";
@@ -3109,6 +3163,20 @@ export type FulfillmentCenterQuery = {
         type: FulfillmentCenterType;
     }> | null;
 };
+export type PartyInfoQuery = {
+    party: {
+        person: {
+            email: string | null;
+            firstName: string | null;
+            lastName: string | null;
+            metadata: Array<{
+                key: string;
+                value: string | null;
+            } | null> | null;
+            phone: string | null;
+        } | null;
+    } | null;
+};
 export type PaypalOrderCaptureMutation = {
     paypalOrderCapture: {
         order: {
@@ -3683,115 +3751,6 @@ export type GetOrderQuery = {
         trackingNumbers: Array<string | null> | null;
     } | null;
 };
-export type OrderFragmentFragment = {
-    accountOrderNumber: string | null;
-    amountSubtotals: {
-        duties: number;
-        fees: number;
-        items: number;
-        shipping: number;
-        taxes: number;
-        variance: number;
-    };
-    createdAt: string;
-    currencyCode: CurrencyCode;
-    id: string;
-    items: Array<{
-        amount: number;
-        attributes: Array<{
-            key: string | null;
-            value: string | null;
-        } | null> | null;
-        countryOfOrigin: CountryCode | null;
-        description: string | null;
-        hsCode: string | null;
-        metadata: Array<{
-            key: string | null;
-            value: string | null;
-        } | null> | null;
-        name: string | null;
-        productId: string;
-        quantity: number;
-        sku: string | null;
-    }> | null;
-    landedCosts: Array<{
-        amountSubtotals: {
-            duties: number;
-            fees: number;
-            items: number;
-            landedCostTotal: number;
-            shipping: number;
-            taxes: number;
-        } | null;
-        appliedAdjustments: Array<{
-            amount: number;
-            item: {
-                amount: number;
-                name: string | null;
-            } | null;
-        }> | null;
-        duties: Array<{
-            exchangeRate: {
-                rate: number;
-                sourceCurrencyCode: CurrencyCode;
-                targetCurrencyCode: CurrencyCode;
-            } | null;
-        }>;
-        shipmentRating: {
-            amount: number;
-            currencyCode: CurrencyCode;
-            details: Array<{
-                amount: number;
-                carrierCode: string;
-                type: ShipmentAmountType;
-            }> | null;
-            displayName: string;
-            id: string;
-            serviceLevelCode: string;
-        };
-    }> | null;
-    metadata: Array<{
-        key: string;
-        value: string;
-    } | null> | null;
-    mode: Mode;
-    parties: Array<{
-        location: {
-            administrativeArea: string | null;
-            administrativeAreaCode: string | null;
-            countryCode: CountryCode;
-            line1: string | null;
-            line2: string | null;
-            line3: string | null;
-            line4: string | null;
-            locality: string | null;
-            longitude: number | null;
-            postalCode: string | null;
-        } | null;
-        person: {
-            companyName: string | null;
-            email: string | null;
-            firstName: string | null;
-            lastName: string | null;
-            phone: string | null;
-        } | null;
-        type: PartyType | null;
-    }> | null;
-    references: Array<{
-        key: string | null;
-        value: string | null;
-    }> | null;
-    root: {
-        exchangeRates: Array<{
-            rate: number;
-            sourceCurrencyCode: CurrencyCode;
-            targetCurrencyCode: CurrencyCode;
-            type: ExchangeRateType;
-        }>;
-    } | null;
-    status: OrderStatus;
-    trackingNumbers: Array<string | null> | null;
-};
 export type OrderUpdateAccountOrderNumberMutation = {
     orderUpdateAccountOrderNumber: {
         accountOrderNumber: string | null;
@@ -4032,6 +3991,9 @@ export declare function getSdk(client: GraphQLClient, withWrapper?: SdkFunctionW
     organization(variables?: {
         [x: string]: never;
     }, requestHeaders?: GraphQLClientRequestHeaders): Promise<OrganizationQuery>;
+    partyInfo(variables?: {
+        [x: string]: never;
+    }, requestHeaders?: GraphQLClientRequestHeaders): Promise<PartyInfoQuery>;
     paypalOrderCapture(variables?: {
         [x: string]: never;
     }, requestHeaders?: GraphQLClientRequestHeaders): Promise<PaypalOrderCaptureMutation>;