@zonos/elements 1.3.38 → 1.3.40

package/dist/types/components/store/translationStore/strings.russian.d.ts

@@ -11,6 +11,9 @@ export declare const stringsRussian: {
     'Address line 2': {
         value: string;
     };
+    'An unexpected error occurred when processing PayPal order.': {
+        value: string;
+    };
     'Are you sure?': {
         value: string;
     };
@@ -92,6 +95,9 @@ export declare const stringsRussian: {
     'Expected delivery': {
         value: string;
     };
+    'Failed to create PayPal order. Please try again, or consider using an alternative method.': {
+        value: string;
+    };
     Failure: {
         value: string;
     };
@@ -317,6 +323,9 @@ export declare const stringsRussian: {
     'click to learn more': {
         value: string;
     };
+    or: {
+        value: string;
+    };
     'restricted items': {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.spanish.d.ts

@@ -11,6 +11,9 @@ export declare const stringsSpanish: {
     'Address line 2': {
         value: string;
     };
+    'An unexpected error occurred when processing PayPal order.': {
+        value: string;
+    };
     'Are you sure?': {
         value: string;
     };
@@ -92,6 +95,9 @@ export declare const stringsSpanish: {
     'Expected delivery': {
         value: string;
     };
+    'Failed to create PayPal order. Please try again, or consider using an alternative method.': {
+        value: string;
+    };
     Failure: {
         value: string;
     };
@@ -317,6 +323,9 @@ export declare const stringsSpanish: {
     'click to learn more': {
         value: string;
     };
+    or: {
+        value: string;
+    };
     'restricted items': {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.swedish.d.ts

@@ -11,6 +11,9 @@ export declare const stringsSwedish: {
     'Address line 2': {
         value: string;
     };
+    'An unexpected error occurred when processing PayPal order.': {
+        value: string;
+    };
     'Are you sure?': {
         value: string;
     };
@@ -92,6 +95,9 @@ export declare const stringsSwedish: {
     'Expected delivery': {
         value: string;
     };
+    'Failed to create PayPal order. Please try again, or consider using an alternative method.': {
+        value: string;
+    };
     Failure: {
         value: string;
     };
@@ -317,6 +323,9 @@ export declare const stringsSwedish: {
     'click to learn more': {
         value: string;
     };
+    or: {
+        value: string;
+    };
     'restricted items': {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.turkish.d.ts

@@ -11,6 +11,9 @@ export declare const stringsTurkish: {
     'Address line 2': {
         value: string;
     };
+    'An unexpected error occurred when processing PayPal order.': {
+        value: string;
+    };
     'Are you sure?': {
         value: string;
     };
@@ -92,6 +95,9 @@ export declare const stringsTurkish: {
     'Expected delivery': {
         value: string;
     };
+    'Failed to create PayPal order. Please try again, or consider using an alternative method.': {
+        value: string;
+    };
     Failure: {
         value: string;
     };
@@ -317,6 +323,9 @@ export declare const stringsTurkish: {
     'click to learn more': {
         value: string;
     };
+    or: {
+        value: string;
+    };
     'restricted items': {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.vietnamese.d.ts

@@ -11,6 +11,9 @@ export declare const stringsVietnamese: {
     'Address line 2': {
         value: string;
     };
+    'An unexpected error occurred when processing PayPal order.': {
+        value: string;
+    };
     'Are you sure?': {
         value: string;
     };
@@ -92,6 +95,9 @@ export declare const stringsVietnamese: {
     'Expected delivery': {
         value: string;
     };
+    'Failed to create PayPal order. Please try again, or consider using an alternative method.': {
+        value: string;
+    };
     Failure: {
         value: string;
     };
@@ -317,6 +323,9 @@ export declare const stringsVietnamese: {
     'click to learn more': {
         value: string;
     };
+    or: {
+        value: string;
+    };
     'restricted items': {
         value: string;
     };

package/dist/types/components/store/translationStore.d.ts

@@ -30,5 +30,5 @@ type TranslateParams<T extends string> = ExtractVariables<T> extends never ? [T,
  * // No variables:
  * translate('Above de minimis threshold for')
  */
-declare const translate: <T extends "Shipping" | "Email" | "Name" | "Guaranteed" | "Customer" | "Country" | "Failure" | "Success" | "Hide" | "Delivery" | "Payment" | "Above de minimis threshold for" | "Address" | "Address line 1" | "Address line 2" | "Are you sure?" | "Back" | "Billing" | "Billing address" | "Cancel" | "Card number copied to clipboard" | "Cart subtotal" | "City" | "Click to copy the card number. Use any future expiration date and three number CVC." | "Close" | "Contact" | "Continue to shipping" | "Couldn't place order" | "Customer information" | "Delivery options" | "Don't close" | "Duties & taxes in Australia, VAT or GST is [percentage] and is due on all orders." | "Duties and taxes will be applied to items and shipping." | "Duties will apply to all orders." | "Duties, taxes, and fees" | "Error creating Checkout" | "Error updating Checkout" | "Expected delivery" | "First name" | "Go to payment" | "Keep shopping" | "Know about duties and taxes before you buy. Shop with confidence!" | "Last name" | "Learn more." | "Missing required fields. Make sure all fields are completed." | "No shipping method selected" | "No shipping methods found - please review and update your address details by selecting the \"Customer\" tab above. If you continue to encounter issues, contact our support team for assistance." | "No shipping methods found - try editing your address or contacting support if the error persists" | "Nothing due at the door" | "Order is over the de minimis threshold for both duty and tax" | "Order total" | "Orders to [countryName] must be over [threshold] to ship." | "Pay [orderTotal]" | "Pay [organizationName]" | "Payment failed" | "Payment failed. Please try another payment method." | "Payment method" | "Payment processing. We'll update you when payment is received." | "Phone number" | "Please ensure your text uses the Latin alphabet only (A-Z, a-z)." | "Postal code" | "Powered by" | "Prepay duties and taxes at checkout" | "Product prices already include duties, taxes, and fees. No additional duties or taxes will be added at checkout, with rare exceptions." | "Reload" | "Restricted item" | "Restricted items found" | "Return to cart" | "Search countries" | "See duty and tax thresholds" | "Select a country" | "Select a language" | "Session timed out" | "Shipping address same as billing" | "Shipping method" | "Show" | "Something went wrong." | "Spend [threshold] duty free." | "Spend [threshold] tax free." | "State" | "State/Province" | "Taxes will apply to all orders." | "Test cards" | "Test mode" | "The following items are unable to be shipped to your country and are not included in your cart total." | "The low-value GST law passed July 1st, 2018 applies to this retailer." | "There's been an error creating your checkout session. Please reload and try again or contact support if the error persists" | "There's been an error updating your checkout session. Please reload and try again or contact support if the error persists" | "To ensure delivery all address details must be in Latin characters." | "Translated address" | "Unable to check inventory. Please try again." | "Update address" | "Update your address" | "We couldn't complete your payment. Please verify the payment details and try again." | "We've sent an email confirmation of the order details for your review. And our team is carefully preparing your order so it arrives on time." | "Welcome to [storeName]" | "Welcome!" | "What you entered" | "Would you like to close checkout and return to the site?" | "You're all set!" | "Your checkout session has expired. Please reload the page to continue." | "Your payment went through successfully! Thank you for shopping with us! We hope you had an enjoyable experience and your support means the world to us." | "[percentage] GST due on any order above [threshold] along with an import entry transaction fee and MPI levy." | "[percentage] GST due on any order above [threshold]." | "business days" | "click to learn more" | "restricted items">(...[key, replacement]: TranslateParams<T>) => string;
+declare const translate: <T extends "Shipping" | "Email" | "Name" | "Guaranteed" | "Customer" | "Country" | "Failure" | "Success" | "Hide" | "or" | "Delivery" | "Payment" | "Above de minimis threshold for" | "Address" | "Address line 1" | "Address line 2" | "An unexpected error occurred when processing PayPal order." | "Are you sure?" | "Back" | "Billing" | "Billing address" | "Cancel" | "Card number copied to clipboard" | "Cart subtotal" | "City" | "Click to copy the card number. Use any future expiration date and three number CVC." | "Close" | "Contact" | "Continue to shipping" | "Couldn't place order" | "Customer information" | "Delivery options" | "Don't close" | "Duties & taxes in Australia, VAT or GST is [percentage] and is due on all orders." | "Duties and taxes will be applied to items and shipping." | "Duties will apply to all orders." | "Duties, taxes, and fees" | "Error creating Checkout" | "Error updating Checkout" | "Expected delivery" | "Failed to create PayPal order. Please try again, or consider using an alternative method." | "First name" | "Go to payment" | "Keep shopping" | "Know about duties and taxes before you buy. Shop with confidence!" | "Last name" | "Learn more." | "Missing required fields. Make sure all fields are completed." | "No shipping method selected" | "No shipping methods found - please review and update your address details by selecting the \"Customer\" tab above. If you continue to encounter issues, contact our support team for assistance." | "No shipping methods found - try editing your address or contacting support if the error persists" | "Nothing due at the door" | "Order is over the de minimis threshold for both duty and tax" | "Order total" | "Orders to [countryName] must be over [threshold] to ship." | "Pay [orderTotal]" | "Pay [organizationName]" | "Payment failed" | "Payment failed. Please try another payment method." | "Payment method" | "Payment processing. We'll update you when payment is received." | "Phone number" | "Please ensure your text uses the Latin alphabet only (A-Z, a-z)." | "Postal code" | "Powered by" | "Prepay duties and taxes at checkout" | "Product prices already include duties, taxes, and fees. No additional duties or taxes will be added at checkout, with rare exceptions." | "Reload" | "Restricted item" | "Restricted items found" | "Return to cart" | "Search countries" | "See duty and tax thresholds" | "Select a country" | "Select a language" | "Session timed out" | "Shipping address same as billing" | "Shipping method" | "Show" | "Something went wrong." | "Spend [threshold] duty free." | "Spend [threshold] tax free." | "State" | "State/Province" | "Taxes will apply to all orders." | "Test cards" | "Test mode" | "The following items are unable to be shipped to your country and are not included in your cart total." | "The low-value GST law passed July 1st, 2018 applies to this retailer." | "There's been an error creating your checkout session. Please reload and try again or contact support if the error persists" | "There's been an error updating your checkout session. Please reload and try again or contact support if the error persists" | "To ensure delivery all address details must be in Latin characters." | "Translated address" | "Unable to check inventory. Please try again." | "Update address" | "Update your address" | "We couldn't complete your payment. Please verify the payment details and try again." | "We've sent an email confirmation of the order details for your review. And our team is carefully preparing your order so it arrives on time." | "Welcome to [storeName]" | "Welcome!" | "What you entered" | "Would you like to close checkout and return to the site?" | "You're all set!" | "Your checkout session has expired. Please reload the page to continue." | "Your payment went through successfully! Thank you for shopping with us! We hope you had an enjoyable experience and your support means the world to us." | "[percentage] GST due on any order above [threshold] along with an import entry transaction fee and MPI levy." | "[percentage] GST due on any order above [threshold]." | "business days" | "click to learn more" | "restricted items">(...[key, replacement]: TranslateParams<T>) => string;
 export { translate, translationStore, translationStoreUpdateLanguage };

package/dist/types/components/store/zonosStore.d.ts

@@ -30,6 +30,10 @@ export type ZonosConfig = {
     overrideCurrencyFormat?: LoadZonosParamsConfig['overrideCurrencyFormat'];
     sourceCurrency: string;
     storeId: number | null;
+    /**
+     * This is to determine if the request is sending to the zonos production or dev API enviroment
+     */
+    zonosMode: 'production' | 'test' | null;
 };
 type ZonosStore = ZonosConfig & {
     loadedConfig: boolean;

package/dist/types/components/utils/api/getZonosSettings.d.ts

@@ -2,7 +2,9 @@ import type { ZonosSettingsQuery } from "../../../types/generated/graphql.custom
 export declare const getZonosSettings: () => Promise<{
     errors: import("../../..").JsonError[];
     json: null;
+    zonosMode: "production" | "test" | null;
 } | {
     errors: never[];
     json: ZonosSettingsQuery | null;
+    zonosMode: "production" | "test" | null;
 }>;

package/dist/types/components/utils/api/paypalCaptureOrder.d.ts

@@ -0,0 +1,10 @@
+import type { PaypalMockResponse, PaypalOrderCaptureMutation } from "../../../types/generated/graphql.customer.types";
+type PaypalCaptureOrderPayload = {
+    checkoutSessionId: string;
+    paypalMockResponse: PaypalMockResponse | null;
+};
+export declare const paypalCaptureOrder: ({ checkoutSessionId, paypalMockResponse, }: PaypalCaptureOrderPayload) => Promise<{
+    errors: import("../../..").JsonError[];
+    json: PaypalOrderCaptureMutation | null;
+}>;
+export {};

package/dist/types/components/utils/api/paypalCreateOrder.d.ts

@@ -0,0 +1,9 @@
+import type { PaypalOrderCreateMutation } from "../../../types/generated/graphql.customer.types";
+type PaypalCreateOrderPayload = {
+    checkoutSessionId: string;
+};
+export declare const paypalCreateOrder: ({ checkoutSessionId, }: PaypalCreateOrderPayload) => Promise<{
+    errors: import("../../..").JsonError[];
+    json: PaypalOrderCreateMutation | null;
+}>;
+export {};

package/dist/types/components/utils/handleFetch.d.ts

@@ -4,6 +4,10 @@ export type HandleFetchReturn<ResponseBody extends unknown> = {
     errors: JsonError[];
     json: NoInfer<ResponseBody> | null;
     response: Response | null;
+    /**
+     * This is to determine if the request is sending to the production or test enviroment
+     */
+    zonosMode: 'production' | 'test' | null;
 };
 export type FetcherReturn<ResponseBody extends unknown> = {
     json: NoInfer<ResponseBody> | null;

package/dist/types/components/utils/isContrastColor.d.ts

@@ -0,0 +1,4 @@
+export declare const isContrastColor: ({ backgroundColor1, backgroundColor2, }: {
+    backgroundColor1: string;
+    backgroundColor2: string;
+}) => boolean;

package/dist/types/components.d.ts

@@ -390,10 +390,6 @@ export namespace Components {
           * Whether or not the continue button is loading
          */
         "continueLoading": boolean;
-        /**
-          * Error occurred during payment
-         */
-        "paymentError": boolean;
         /**
           * Submit button main color
          */
@@ -844,6 +840,8 @@ export namespace Components {
          */
         "titleText"?: string;
     }
+    interface ZonosPaypalPayment {
+    }
     interface ZonosRestState {
         /**
           * The subtitle of the rest state
@@ -1010,6 +1008,10 @@ export interface ZonosInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLZonosInputElement;
 }
+export interface ZonosPaypalPaymentCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLZonosPaypalPaymentElement;
+}
 export interface ZonosShippingCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLZonosShippingElement;
@@ -1167,6 +1169,8 @@ declare global {
     };
     interface HTMLZonosCheckoutPaymentElementEventMap {
         "continueClicked": void;
+        "paypalSessionFailed": void;
+        "paypalSessionDone": string;
     }
     interface HTMLZonosCheckoutPaymentElement extends Components.ZonosCheckoutPayment, HTMLStencilElement {
         addEventListener<K extends keyof HTMLZonosCheckoutPaymentElementEventMap>(type: K, listener: (this: HTMLZonosCheckoutPaymentElement, ev: ZonosCheckoutPaymentCustomEvent<HTMLZonosCheckoutPaymentElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1219,6 +1223,7 @@ declare global {
         new (): HTMLZonosConfirmDialogElement;
     };
     interface HTMLZonosControllerElementEventMap {
+        "paypalInitEvent": { paypalClientId: string };
         "stripeInitEvent": { publishableKey: string };
     }
     interface HTMLZonosControllerElement extends Components.ZonosController, HTMLStencilElement {
@@ -1375,6 +1380,24 @@ declare global {
         prototype: HTMLZonosPaymentElement;
         new (): HTMLZonosPaymentElement;
     };
+    interface HTMLZonosPaypalPaymentElementEventMap {
+        "paypalSessionDone": { orderId: string };
+        "paypalSessionFail": void;
+    }
+    interface HTMLZonosPaypalPaymentElement extends Components.ZonosPaypalPayment, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLZonosPaypalPaymentElementEventMap>(type: K, listener: (this: HTMLZonosPaypalPaymentElement, ev: ZonosPaypalPaymentCustomEvent<HTMLZonosPaypalPaymentElementEventMap[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 HTMLZonosPaypalPaymentElementEventMap>(type: K, listener: (this: HTMLZonosPaypalPaymentElement, ev: ZonosPaypalPaymentCustomEvent<HTMLZonosPaypalPaymentElementEventMap[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 HTMLZonosPaypalPaymentElement: {
+        prototype: HTMLZonosPaypalPaymentElement;
+        new (): HTMLZonosPaypalPaymentElement;
+    };
     interface HTMLZonosRestStateElement extends Components.ZonosRestState, HTMLStencilElement {
     }
     var HTMLZonosRestStateElement: {
@@ -1489,6 +1512,7 @@ declare global {
         "zonos-logo": HTMLZonosLogoElement;
         "zonos-notification": HTMLZonosNotificationElement;
         "zonos-payment": HTMLZonosPaymentElement;
+        "zonos-paypal-payment": HTMLZonosPaypalPaymentElement;
         "zonos-rest-state": HTMLZonosRestStateElement;
         "zonos-review": HTMLZonosReviewElement;
         "zonos-select-dialog-header": HTMLZonosSelectDialogHeaderElement;
@@ -1864,9 +1888,13 @@ declare namespace LocalJSX {
          */
         "onContinueClicked"?: (event: ZonosCheckoutPaymentCustomEvent<void>) => void;
         /**
-          * Error occurred during payment
+          * Event to emit when the paypal session is done
+         */
+        "onPaypalSessionDone"?: (event: ZonosCheckoutPaymentCustomEvent<string>) => void;
+        /**
+          * Event to emit when the paypal session failed
          */
-        "paymentError"?: boolean;
+        "onPaypalSessionFailed"?: (event: ZonosCheckoutPaymentCustomEvent<void>) => void;
         /**
           * Submit button main color
          */
@@ -1970,6 +1998,10 @@ declare namespace LocalJSX {
           * The zonos config object
          */
         "config": LoadZonosParamsConfig;
+        /**
+          * Event emitted to initialize paypal
+         */
+        "onPaypalInitEvent"?: (event: ZonosControllerCustomEvent<{ paypalClientId: string }>) => void;
         /**
           * Event emitted when stripe is initialized
          */
@@ -2271,6 +2303,16 @@ declare namespace LocalJSX {
          */
         "titleText"?: string;
     }
+    interface ZonosPaypalPayment {
+        /**
+          * Event to emit when the paypal session is done
+         */
+        "onPaypalSessionDone"?: (event: ZonosPaypalPaymentCustomEvent<{ orderId: string }>) => void;
+        /**
+          * Event to emit when the paypal session is failed
+         */
+        "onPaypalSessionFail"?: (event: ZonosPaypalPaymentCustomEvent<void>) => void;
+    }
     interface ZonosRestState {
         /**
           * The subtitle of the rest state
@@ -2434,6 +2476,7 @@ declare namespace LocalJSX {
         "zonos-logo": ZonosLogo;
         "zonos-notification": ZonosNotification;
         "zonos-payment": ZonosPayment;
+        "zonos-paypal-payment": ZonosPaypalPayment;
         "zonos-rest-state": ZonosRestState;
         "zonos-review": ZonosReview;
         "zonos-select-dialog-header": ZonosSelectDialogHeader;
@@ -2486,6 +2529,7 @@ declare module "@stencil/core" {
             "zonos-logo": LocalJSX.ZonosLogo & JSXBase.HTMLAttributes<HTMLZonosLogoElement>;
             "zonos-notification": LocalJSX.ZonosNotification & JSXBase.HTMLAttributes<HTMLZonosNotificationElement>;
             "zonos-payment": LocalJSX.ZonosPayment & JSXBase.HTMLAttributes<HTMLZonosPaymentElement>;
+            "zonos-paypal-payment": LocalJSX.ZonosPaypalPayment & JSXBase.HTMLAttributes<HTMLZonosPaypalPaymentElement>;
             "zonos-rest-state": LocalJSX.ZonosRestState & JSXBase.HTMLAttributes<HTMLZonosRestStateElement>;
             "zonos-review": LocalJSX.ZonosReview & JSXBase.HTMLAttributes<HTMLZonosReviewElement>;
             "zonos-select-dialog-header": LocalJSX.ZonosSelectDialogHeader & JSXBase.HTMLAttributes<HTMLZonosSelectDialogHeaderElement>;

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

@@ -1,10 +1,11 @@
+import type { PayPalNamespace } from '@paypal/paypal-js';
 import type { Stripe } from '@stripe/stripe-js';
 import type { AppearanceConfig } from "../components/store/zonosStore";
 import { type InjectScriptType } from "./_getNextFallbackUrl";
 import type { NotificationInit } from "../types/index";
 import type { TempCart } from "../types/checkout/api/TempCart";
 import type { CheckoutConfig } from "../types/checkout/CheckoutConfig";
-import type { CountryCode, CurrencyCode } from "../types/generated/graphql.customer.types";
+import type { CountryCode, CurrencyCode, PaypalMockResponse } from "../types/generated/graphql.customer.types";
 import type { HelloConfig } from "../types/hello/HelloConfig";
 export declare const MAIN_LOAD_CDN_TYPE: InjectScriptType;
 /**
@@ -105,6 +106,10 @@ export type LoadZonosParams = LoadZonosParamsConfig & {
     zonosApiKey: string;
 };
 export interface Zonos {
+    /**
+     * Mock error response for Paypal. Mainly used for testing purposes
+     */
+    _paypalMockResponse: PaypalMockResponse | null;
     /**
      * Toggle debug mode (add query param 'zonosDebug=1' to url)
      * @default false
@@ -115,6 +120,7 @@ export interface Zonos {
     isNpm: boolean;
     /** Flag if already alerted when preview domain is defined and it's connecting production environment */
     modeAlerted: boolean;
+    paypal: PayPalNamespace | null;
     storeId: number;
     /** Stripe instance */
     stripe: Stripe;
@@ -142,6 +148,7 @@ export declare abstract class Zonos {
     static doneInit: boolean;
     static debug: boolean;
     static zonosConversionTest: boolean;
+    static _paypalMockResponse: PaypalMockResponse | null;
     static isBigCommerce: boolean;
     /**
      * By default, the package will load from npm
@@ -151,6 +158,7 @@ export declare abstract class Zonos {
     static version: string;
     static modeAlerted: boolean;
     static tempCartData: TempCart | null;
+    static paypal: PayPalNamespace | null;
     static getCurrentTimestamp: () => number;
     private static zonosController;
     static init: ({ appearance, checkoutSettings, currencyConverter, helloSettings, onCountryChange, overrideCurrencyFormat, storeId, zonosApiKey, }: LoadZonosParams) => Promise<void>;

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

@@ -768,6 +768,7 @@ export declare namespace JSXBase {
         hrefLang?: string;
         hreflang?: string;
         media?: string;
+        ping?: string;
         rel?: string;
         target?: string;
         referrerPolicy?: ReferrerPolicy;
@@ -794,7 +795,6 @@ export declare namespace JSXBase {
         cite?: string;
     }
     interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         formAction?: string;
@@ -921,8 +921,6 @@ export declare namespace JSXBase {
         autocapitalize?: string;
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         capture?: string;
         checked?: boolean;
         crossOrigin?: string;
@@ -979,8 +977,6 @@ export declare namespace JSXBase {
         popoverTarget?: string;
     }
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         challenge?: string;
         disabled?: boolean;
         form?: string;
@@ -993,7 +989,6 @@ export declare namespace JSXBase {
     interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
         form?: string;
         htmlFor?: string;
-        htmlfor?: string;
     }
     interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
         value?: string | string[] | number;
@@ -1104,7 +1099,6 @@ export declare namespace JSXBase {
     interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
         form?: string;
         htmlFor?: string;
-        htmlfor?: string;
         name?: string;
     }
     interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
@@ -1129,7 +1123,6 @@ export declare namespace JSXBase {
         type?: string;
     }
     interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         multiple?: boolean;
@@ -1164,8 +1157,6 @@ export declare namespace JSXBase {
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         cols?: number;
         disabled?: boolean;
         form?: string;
@@ -1218,6 +1209,8 @@ export declare namespace JSXBase {
     interface HTMLAttributes<T = HTMLElement> extends DOMAttributes<T> {
         innerHTML?: string;
         accessKey?: string;
+        autoFocus?: boolean;
+        autofocus?: boolean | string;
         class?: string | {
             [className: string]: boolean;
         };

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

@@ -1,6 +1,6 @@
 import type { CartItem } from "../../components/store/checkout/cart";
 import type { BuildLandedCostParams, BuildLandedCostResponse } from "../../components/utils/api/triggerBuildLandedCost";
-import type { AnalyticsProviderStatus, AnalyticsProviderType, CheckoutSubscriptionStatus, CheckoutSuccessBehavior, CheckoutVisibilityStatus, CountryCode, CurrencyCode, GetOrderQuery, NotificationActiveStatus } from "../generated/graphql.customer.types";
+import type { AnalyticsProviderStatus, AnalyticsProviderType, CheckoutSubscriptionStatus, CheckoutSuccessBehavior, CheckoutVisibilityStatus, CountryCode, CurrencyCode, ExternalPaymentMethodStatus, ExternalPaymentMethodType, ExternalServiceTokenType, GetOrderQuery, Mode, NotificationActiveStatus } from "../generated/graphql.customer.types";
 export type ZonosOrder = GetOrderQuery['order'];
 export type { BuildLandedCostParams, BuildLandedCostResponse };
 export type BuildCardDetailParams = {
@@ -22,6 +22,19 @@ export type CheckoutConfig = {
      * @note if set to true, we will not enable or disable the place order button
      */
     disablePlaceOrderButtonActivation?: boolean;
+    externalPaymentMethods: Array<{
+        status: ExternalPaymentMethodStatus;
+        type: ExternalPaymentMethodType;
+    }> | null;
+    externalServiceTokens: {
+        token: string;
+        type: ExternalServiceTokenType;
+    }[];
+    /**
+     * Test mode for checkout (sandbox or production)
+     * @default TEST
+     */
+    mode: Mode;
     orderNotifications: {
         abandonedCart: {
             delay: number;