@zonos/elements 1.3.39 → 1.3.41

package/dist/types/components/checkout/zonos-checkout/zonos-checkout.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import type { PaymentIntent, Stripe } from '@stripe/stripe-js';
 import { type CartItem } from "../../store/checkout/cart";
 import { type StripeStoreContactOption } from "../../store/checkout/stripe";
@@ -40,10 +39,6 @@ export declare class ZonosCheckout {
      * Whether or not the submit button is loading in `step` component
      */
     submitLoading: boolean;
-    /**
-     * Error when submitting payment
-     */
-    paymentError: boolean;
     collapseReviewMobile: boolean;
     /**
      * Determine if we should skip and not hijack the Checkout button click event
@@ -60,14 +55,6 @@ export declare class ZonosCheckout {
      * Confirm dialog open state
      */
     confirmDialogOpen: boolean;
-    /**
-     * Session timeout screen state
-     */
-    showSessionTimoutScreen: boolean;
-    /**
-     * Timeout alert message
-     */
-    checkoutTimeoutInterval: NodeJS.Timeout | null;
     /**
      * Error message from onInventoryCheck callback
      */
@@ -88,8 +75,6 @@ export declare class ZonosCheckout {
     }): Promise<void>;
     private applyStripeTheme;
     private buildCartAndInit;
-    private clearCheckoutTimeoutInterval;
-    private startCheckoutTimeoutInterval;
     private reloadCheckoutSession;
     private attachCheckout;
     appearanceSettingsOverrideChanged(): void;
@@ -109,11 +94,7 @@ export declare class ZonosCheckout {
     private handleShippingContinue;
     private handleInventoryCheckDialogCancel;
     private handleInventoryCheckDialogConfirm;
-    /**
-     * Handle inventory check and returns error message if the callback provided.
-     */
-    private handleInventoryCheck;
-    private handleCheckoutPaymentContinue;
+    private handleStripePaymentContinue;
     private handleFinishClick;
     private getCurrentLocalePageEnum;
     handleWindowResize(): void;

package/dist/types/components/common/zonos-virtual-scroll/zonos-virtual-scroll.d.ts

@@ -0,0 +1,32 @@
+/**
+ * The idea is from
+ * @ref https://github.com/beenotung/stencil-virtual-scroll/blob/master/src/components/virtual-scroll-list/virtual-scroll-list.scss
+ * @ref https://github.dev/ionic-team/ionic-framework/blob/v6.7.5/core/src/components/virtual-scroll/virtual-scroll.tsx
+ */
+export declare class ZonosVirtualScroll {
+    ele: HTMLZonosVirtualScrollElement;
+    container?: HTMLElement;
+    /**
+     * Render item
+     */
+    renderItem: (itemIndex: number) => HTMLElement | Promise<HTMLElement> | HTMLElement[] | Promise<HTMLElement[]> | Promise<HTMLElement>[];
+    /**
+     * Width of each item
+     */
+    itemWidth?: number;
+    /**
+     * Height that is used as a fallback if height is not provided
+     */
+    fallbackItemHeight: number;
+    /**
+     * Heights list of each item
+     */
+    itemHeights: number[];
+    scrollTop: number;
+    totalHeight: number;
+    updateTotalHeight(): void;
+    private scrollListener;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): any;
+}

package/dist/types/components/main/zonos-controller.d.ts

@@ -13,6 +13,12 @@ export declare class ZonosController {
      * The zonos api key
      */
     zonosApiKey: string;
+    /**
+     * Event emitted to initialize paypal
+     */
+    paypalInitEvent?: EventEmitter<{
+        paypalClientId: string;
+    }>;
     /**
      * Event emitted when stripe is initialized
      */

package/dist/types/components/paypal/zonos-paypal-payment.d.ts

@@ -0,0 +1,17 @@
+import { type EventEmitter } from '../../stencil-public-runtime';
+export declare class ZonosPaypalPayment {
+    el: HTMLZonosPaypalPaymentElement;
+    /**
+     * Event to emit when the paypal session is done
+     */
+    paypalSessionDone: EventEmitter<{
+        orderId: string;
+    }>;
+    /**
+     * Event to emit when the paypal session is failed
+     */
+    paypalSessionFail: EventEmitter<void>;
+    private loadPaypal;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/store/checkout/cart.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import { stripeStoreUpdateCheckoutSession } from "./stripe";
 import type { CalculateLandedCostMutation, CheckoutPresentmentFragment, CurrencyCode, ItemMeasurementType, ItemType, ItemUnitOfMeasure, LandedCostFragment, ShipmentRatingFragment } from "../../../types/generated/graphql.customer.types";
 type Step = 'customer-info' | 'shipping' | 'payment' | 'finish' | 'error';
@@ -51,6 +52,11 @@ type CartItemToUse = CartItem & {
 };
 type CartStore = {
     checkoutSessionId: string | null;
+    /**
+     * Checkout session timeout
+     */
+    checkoutSessionTimeoutShow: boolean;
+    checkoutTimeoutInterval: NodeJS.Timeout | null;
     currency: CurrencyCode;
     dutiesTaxFees: number;
     error: {
@@ -64,6 +70,10 @@ type CartStore = {
         targetCurrencyCode: CurrencyCode;
         type: string;
     } | null;
+    /**
+     * Inventory check error message. When this error message is not null, we will show the inventory check error modal
+     */
+    inventoryCheckErrorMessage: string | null;
     isSelectedShippingAboveDeminimis: boolean;
     isSelectedShippingGuarantee: boolean;
     items: CartItemToUse[];
@@ -144,8 +154,16 @@ type CartStoreRecalculateTotalParams = Omit<Parameters<typeof stripeStoreUpdateC
 declare const cartStoreHasOneEligibleItem: () => boolean;
 declare const cartStoreReCalculateTotal: ({ currency, itemsAmount, landedCostId, }: CartStoreRecalculateTotalParams) => Promise<boolean>;
 declare const cartStoreUpdateSelectedShippingOption: (selectedShippingOption: ShipmentRatingFragment) => Promise<boolean>;
+declare const cartStoreStartCheckoutInterval: ({ isPreview, sessionTimeout, }: {
+    isPreview: boolean;
+    /**
+     * Checkout session timeout in milliseconds
+     */
+    sessionTimeout: number;
+}) => void;
+declare const cartStoreClearCheckoutInterval: () => void;
 declare const cartStoreResetCartItems: () => void;
 declare const cartStoreUpdateItems: (cartItems: CartItem[]) => Promise<void>;
 declare const cartStoreNextStep: () => void;
 declare const cartStoreResetTabItems: () => void;
-export { cartStore, cartStoreApplySubtotals, cartStoreCheckItemRestrictions, cartStoreGetShippingTransitInfo, cartStoreHasOneEligibleItem, cartStoreNextStep, cartStoreReCalculateTotal, cartStoreReset, cartStoreResetCartItems, cartStoreResetTabItems, cartStoreUpdateItems, cartStoreUpdateSelectedShippingOption, cartStoreUpdateToErrorState, };
+export { cartStore, cartStoreApplySubtotals, cartStoreCheckItemRestrictions, cartStoreClearCheckoutInterval, cartStoreGetShippingTransitInfo, cartStoreHasOneEligibleItem, cartStoreNextStep, cartStoreReCalculateTotal, cartStoreReset, cartStoreResetCartItems, cartStoreResetTabItems, cartStoreStartCheckoutInterval, cartStoreUpdateItems, cartStoreUpdateSelectedShippingOption, cartStoreUpdateToErrorState, };

package/dist/types/components/store/checkout/paypal.d.ts

@@ -0,0 +1,28 @@
+import { type PayPalButtonsComponent } from '@paypal/paypal-js';
+import type { CurrencyCode, ElementsUiStyle } from "../../../types/generated/graphql.customer.types";
+type PaypalStore = {
+    /**
+     * Zonos order id created by paypal
+     */
+    orderIdCreated: string | null;
+    paypalButtons: PayPalButtonsComponent[];
+    paypalClientId: string;
+    paypalErrorMessage: string | null;
+};
+declare const paypalStoreReset: () => void, paypalStore: PaypalStore;
+declare const paypalStoreCreaterOrder: ({ checkoutSessionId, }: {
+    checkoutSessionId: string;
+}) => Promise<string>;
+declare const paypalInitScript: ({ currency }: {
+    currency: CurrencyCode;
+}) => Promise<void>;
+declare const paypalStoreInitButtons: (props?: {
+    overrideBorderRaidus?: ElementsUiStyle;
+    overridePrimaryColor?: string;
+    onPaypalFail?: () => void;
+    onPaypalSessionDone?: (params: {
+        orderId: string;
+    }) => void;
+}) => PayPalButtonsComponent[] | null;
+declare const paypalStoreHasPaypalEnabled: () => boolean;
+export { paypalInitScript, paypalStore, paypalStoreCreaterOrder, paypalStoreHasPaypalEnabled, paypalStoreInitButtons, paypalStoreReset, };

package/dist/types/components/store/checkout/stripe.d.ts

@@ -18,6 +18,7 @@ export type StripeStoreContactOption = {
 type StripeStore = {
     clientSecret: string | null;
     fetchingLandedCostAbordController: AbortController | null;
+    hasPaymentError: boolean;
     isFetchingLandedCost: boolean;
     isFetchingSession: boolean;
     stripe: Stripe | null;
@@ -70,6 +71,14 @@ declare const initStripeElements: (props?: {
 }) => Promise<void>;
 declare const stripeStoreReset: () => void;
 declare const stripeStorePrefetchLandedCost: () => Promise<void>;
+declare const stripeStoreMessageBasedOnStatus: (status?: PaymentIntent['status']) => {
+    isError: boolean;
+    messages: string[];
+};
+/**
+ * Handle inventory check and returns error message if the callback provided.
+ */
+declare const stripeStoreHandleInventoryCheck: () => Promise<string | null>;
 declare const stripeStoreRetrievePayment: ({ clientSecret: _clientSecret, storybookForceStatus, }: {
     clientSecret: string | null;
     storybookForceStatus?: PaymentIntent['status'];
@@ -128,4 +137,4 @@ declare const stripeStoreTranslateAddressToLatin: ({ addressInvalidCharactersLis
     addressInvalidCharactersList: ReturnType<typeof containsNonLatinChars> | null;
     billingAddressInvalidCharactersList: ReturnType<typeof containsNonLatinChars> | null;
 }) => Promise<void>;
-export { initStripeElements, stripeStore, stripeStoreCleanupDomesticShippingSession, stripeStoreConfirmPayment, stripeStoreGetDomesticShippingSession, stripeStoreInitCheckoutSession, stripeStorePrefetchLandedCost, stripeStoreReset, stripeStoreRetrievePayment, stripeStoreSaveDomesticShippingSession, stripeStoreTranslateAddressToLatin, stripeStoreUpdateCheckoutSession, };
+export { initStripeElements, stripeStore, stripeStoreCleanupDomesticShippingSession, stripeStoreConfirmPayment, stripeStoreGetDomesticShippingSession, stripeStoreHandleInventoryCheck, stripeStoreInitCheckoutSession, stripeStoreMessageBasedOnStatus, stripeStorePrefetchLandedCost, stripeStoreReset, stripeStoreRetrievePayment, stripeStoreSaveDomesticShippingSession, stripeStoreTranslateAddressToLatin, stripeStoreUpdateCheckoutSession, };

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

@@ -11,6 +11,9 @@ export declare const stringsArabic: {
     '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 stringsArabic: {
     'Expected delivery': {
         value: string;
     };
+    'Failed to create PayPal order. Please try again, or consider using an alternative method.': {
+        value: string;
+    };
     Failure: {
         value: string;
     };
@@ -125,6 +131,9 @@ export declare const stringsArabic: {
     Name: {
         value: string;
     };
+    'No countries found': {
+        value: string;
+    };
     'No shipping method selected': {
         value: string;
     };
@@ -317,6 +326,9 @@ export declare const stringsArabic: {
     'click to learn more': {
         value: string;
     };
+    or: {
+        value: string;
+    };
     'restricted items': {
         value: string;
     };

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

@@ -11,6 +11,9 @@ export declare const stringsBase: {
     '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 stringsBase: {
     'Expected delivery': {
         value: string;
     };
+    'Failed to create PayPal order. Please try again, or consider using an alternative method.': {
+        value: string;
+    };
     Failure: {
         value: string;
     };
@@ -125,6 +131,9 @@ export declare const stringsBase: {
     Name: {
         value: string;
     };
+    'No countries found': {
+        value: string;
+    };
     'No shipping method selected': {
         value: string;
     };
@@ -317,6 +326,9 @@ export declare const stringsBase: {
     'click to learn more': {
         value: string;
     };
+    or: {
+        value: string;
+    };
     'restricted items': {
         value: string;
     };

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

@@ -11,6 +11,9 @@ export declare const stringsChinese: {
     '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 stringsChinese: {
     'Expected delivery': {
         value: string;
     };
+    'Failed to create PayPal order. Please try again, or consider using an alternative method.': {
+        value: string;
+    };
     Failure: {
         value: string;
     };
@@ -125,6 +131,9 @@ export declare const stringsChinese: {
     Name: {
         value: string;
     };
+    'No countries found': {
+        value: string;
+    };
     'No shipping method selected': {
         value: string;
     };
@@ -317,6 +326,9 @@ export declare const stringsChinese: {
     'click to learn more': {
         value: string;
     };
+    or: {
+        value: string;
+    };
     'restricted items': {
         value: string;
     };

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

@@ -11,6 +11,9 @@ export declare const stringsDanish: {
     '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 stringsDanish: {
     'Expected delivery': {
         value: string;
     };
+    'Failed to create PayPal order. Please try again, or consider using an alternative method.': {
+        value: string;
+    };
     Failure: {
         value: string;
     };
@@ -125,6 +131,9 @@ export declare const stringsDanish: {
     Name: {
         value: string;
     };
+    'No countries found': {
+        value: string;
+    };
     'No shipping method selected': {
         value: string;
     };
@@ -317,6 +326,9 @@ export declare const stringsDanish: {
     'click to learn more': {
         value: string;
     };
+    or: {
+        value: string;
+    };
     'restricted items': {
         value: string;
     };

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

@@ -11,6 +11,9 @@ export declare const stringsDutch: {
     '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 stringsDutch: {
     'Expected delivery': {
         value: string;
     };
+    'Failed to create PayPal order. Please try again, or consider using an alternative method.': {
+        value: string;
+    };
     Failure: {
         value: string;
     };
@@ -125,6 +131,9 @@ export declare const stringsDutch: {
     Name: {
         value: string;
     };
+    'No countries found': {
+        value: string;
+    };
     'No shipping method selected': {
         value: string;
     };
@@ -317,6 +326,9 @@ export declare const stringsDutch: {
     'click to learn more': {
         value: string;
     };
+    or: {
+        value: string;
+    };
     'restricted items': {
         value: string;
     };

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

@@ -11,6 +11,9 @@ export declare const stringsFrench: {
     '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 stringsFrench: {
     'Expected delivery': {
         value: string;
     };
+    'Failed to create PayPal order. Please try again, or consider using an alternative method.': {
+        value: string;
+    };
     Failure: {
         value: string;
     };
@@ -125,6 +131,9 @@ export declare const stringsFrench: {
     Name: {
         value: string;
     };
+    'No countries found': {
+        value: string;
+    };
     'No shipping method selected': {
         value: string;
     };
@@ -317,6 +326,9 @@ export declare const stringsFrench: {
     'click to learn more': {
         value: string;
     };
+    or: {
+        value: string;
+    };
     'restricted items': {
         value: string;
     };

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

@@ -11,6 +11,9 @@ export declare const stringsGerman: {
     '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 stringsGerman: {
     'Expected delivery': {
         value: string;
     };
+    'Failed to create PayPal order. Please try again, or consider using an alternative method.': {
+        value: string;
+    };
     Failure: {
         value: string;
     };
@@ -125,6 +131,9 @@ export declare const stringsGerman: {
     Name: {
         value: string;
     };
+    'No countries found': {
+        value: string;
+    };
     'No shipping method selected': {
         value: string;
     };
@@ -317,6 +326,9 @@ export declare const stringsGerman: {
     'click to learn more': {
         value: string;
     };
+    or: {
+        value: string;
+    };
     'restricted items': {
         value: string;
     };

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

@@ -11,6 +11,9 @@ export declare const stringsHebrew: {
     '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 stringsHebrew: {
     'Expected delivery': {
         value: string;
     };
+    'Failed to create PayPal order. Please try again, or consider using an alternative method.': {
+        value: string;
+    };
     Failure: {
         value: string;
     };
@@ -125,6 +131,9 @@ export declare const stringsHebrew: {
     Name: {
         value: string;
     };
+    'No countries found': {
+        value: string;
+    };
     'No shipping method selected': {
         value: string;
     };
@@ -317,6 +326,9 @@ export declare const stringsHebrew: {
     'click to learn more': {
         value: string;
     };
+    or: {
+        value: string;
+    };
     'restricted items': {
         value: string;
     };

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

@@ -11,6 +11,9 @@ export declare const stringsIndonesian: {
     '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 stringsIndonesian: {
     'Expected delivery': {
         value: string;
     };
+    'Failed to create PayPal order. Please try again, or consider using an alternative method.': {
+        value: string;
+    };
     Failure: {
         value: string;
     };
@@ -125,6 +131,9 @@ export declare const stringsIndonesian: {
     Name: {
         value: string;
     };
+    'No countries found': {
+        value: string;
+    };
     'No shipping method selected': {
         value: string;
     };
@@ -317,6 +326,9 @@ export declare const stringsIndonesian: {
     'click to learn more': {
         value: string;
     };
+    or: {
+        value: string;
+    };
     'restricted items': {
         value: string;
     };

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

@@ -11,6 +11,9 @@ export declare const stringsItalian: {
     '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 stringsItalian: {
     'Expected delivery': {
         value: string;
     };
+    'Failed to create PayPal order. Please try again, or consider using an alternative method.': {
+        value: string;
+    };
     Failure: {
         value: string;
     };
@@ -125,6 +131,9 @@ export declare const stringsItalian: {
     Name: {
         value: string;
     };
+    'No countries found': {
+        value: string;
+    };
     'No shipping method selected': {
         value: string;
     };
@@ -317,6 +326,9 @@ export declare const stringsItalian: {
     'click to learn more': {
         value: string;
     };
+    or: {
+        value: string;
+    };
     'restricted items': {
         value: string;
     };

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

@@ -11,6 +11,9 @@ export declare const stringsJapanese: {
     '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 stringsJapanese: {
     'Expected delivery': {
         value: string;
     };
+    'Failed to create PayPal order. Please try again, or consider using an alternative method.': {
+        value: string;
+    };
     Failure: {
         value: string;
     };
@@ -125,6 +131,9 @@ export declare const stringsJapanese: {
     Name: {
         value: string;
     };
+    'No countries found': {
+        value: string;
+    };
     'No shipping method selected': {
         value: string;
     };
@@ -317,6 +326,9 @@ export declare const stringsJapanese: {
     'click to learn more': {
         value: string;
     };
+    or: {
+        value: string;
+    };
     'restricted items': {
         value: string;
     };