@zonos/elements 1.2.3 → 1.2.4-alpha.1

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

@@ -1,4 +1,4 @@
 export declare class ZonosCartItems {
-  errorImages: string[];
-  render(): any;
+    errorImages: string[];
+    render(): any;
 }

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

@@ -1,3 +1,3 @@
 export declare class ZonosCartSubtotal {
-  render(): any;
+    render(): any;
 }

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

@@ -2,35 +2,35 @@ import { type EventEmitter } from '../../../../stencil-public-runtime';
 import type { PaymentIntent } from '@stripe/stripe-js';
 import type { ElementsUiStyle } from "../../../../types/index";
 type OverrideNotification = {
-  messages: string[];
-  title: string;
-  type: 'success' | 'error';
+    messages: string[];
+    title: string;
+    type: 'success' | 'error';
 };
 export declare class ZonosCheckoutFinish {
-  /**
-   * The border radius style of the dialog
-   */
-  borderRadius: ElementsUiStyle;
-  /**
-   * Force status to test the UI for storybook
-   */
-  storybookForceStatus?: PaymentIntent['status'];
-  /**
-   * Override the notification message and title, bypass checking stripe payment status
-   *
-   */
-  overrideNotification?: OverrideNotification;
-  /**
-   * Event to emit when the continue button is clicked
-   */
-  closeClick: EventEmitter<void>;
-  isLoading: boolean;
-  notificationType: 'success' | 'error';
-  notificationTitle: string;
-  notificationMessages: string[];
-  private checkPaymentStatus;
-  private closeClickHandler;
-  componentDidLoad(): void;
-  render(): any;
+    /**
+     * The border radius style of the dialog
+     */
+    borderRadius: ElementsUiStyle;
+    /**
+     * Force status to test the UI for storybook
+     */
+    storybookForceStatus?: PaymentIntent['status'];
+    /**
+     * Override the notification message and title, bypass checking stripe payment status
+     *
+     */
+    overrideNotification?: OverrideNotification;
+    /**
+     * Event to emit when the continue button is clicked
+     */
+    closeClick: EventEmitter<void>;
+    isLoading: boolean;
+    notificationType: 'success' | 'error';
+    notificationTitle: string;
+    notificationMessages: string[];
+    private checkPaymentStatus;
+    private closeClickHandler;
+    componentDidLoad(): void;
+    render(): any;
 }
 export {};

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

@@ -1,34 +1,34 @@
 import { type EventEmitter } from '../../../../stencil-public-runtime';
 export declare class ZonosCheckoutPayment {
-  /**
-   * Error occurred during payment
-   */
-  paymentError: boolean;
-  /**
-   * Whether or not the checkout is in mobile mode
-   */
-  submitBtnType?: HTMLZonosButtonElement['variant'];
-  /**
-   * Whether or not the continue button is loading
-   */
-  continueLoading: boolean;
-  /**
-   * Submit button main color
-   */
-  submitBtnColor?: string;
-  /**
-   * Event to emit when the continue button is clicked
-   */
-  continueClicked: EventEmitter<void>;
-  /**
-   * Whether or not the continue button is disabled
-   * @default true
-   */
-  disabled: boolean;
-  watchFormComplete(): void;
-  /**
-   * handler for continue button click
-   */
-  private continueClickHandler;
-  render(): any;
+    /**
+     * Error occurred during payment
+     */
+    paymentError: boolean;
+    /**
+     * Whether or not the checkout is in mobile mode
+     */
+    submitBtnType?: HTMLZonosButtonElement['variant'];
+    /**
+     * Whether or not the continue button is loading
+     */
+    continueLoading: boolean;
+    /**
+     * Submit button main color
+     */
+    submitBtnColor?: string;
+    /**
+     * Event to emit when the continue button is clicked
+     */
+    continueClicked: EventEmitter<void>;
+    /**
+     * Whether or not the continue button is disabled
+     * @default true
+     */
+    disabled: boolean;
+    watchFormComplete(): void;
+    /**
+     * handler for continue button click
+     */
+    private continueClickHandler;
+    render(): any;
 }

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

@@ -3,81 +3,81 @@ import { type CartItem } from "../../store/checkout/cart";
 import { type ContactOption } from "../../store/checkout/stripe";
 import { type AppearanceConfig } from "../../store/zonosStore";
 export declare class ZonosCheckout {
-  /**
-   * Override appearance config
-   */
-  appearanceSettingsOverride?: Partial<AppearanceConfig>;
-  /**
-   * Preview checkout without needing to click on the button. This would be useful for demo purpose
-   */
-  preview: boolean;
-  /**
-   * Flag to determine if the checkout is on mobile
-   */
-  mobile: boolean;
-  /**
-   * Default address to use for the checkout (preview mode)
-   */
-  defaultAddress: ContactOption | null;
-  /**
-   * Force dialog to be open
-   */
-  forceDialogOpen: boolean;
-  /**
-   * Whether or not the dialog is open
-   */
-  open: boolean;
-  /**
-   * The stripe instance
-   */
-  stripe: Stripe | null;
-  /**
-   * 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
-   * Sometimes stripe or our api has error, we don't want to hijack the click event.
-   */
-  isAttachError: boolean;
-  isMobile: boolean;
-  zonosReviewRef?: HTMLZonosReviewElement;
-  storybookPaymentStatusOverride?: PaymentIntent['status'];
-  /**
-   * Init cart info handler event
-   */
-  initCartInfoHandler(e: CustomEvent<CartItem[]>): Promise<void>;
-  /**
-   * Close dialog action
-   */
-  closeDialogHandler(): Promise<void>;
-  private applyStripeTheme;
-  private buildCartAndInit;
-  private attachCheckout;
-  private isShippableCountry;
-  appearanceSettingsOverrideChanged(): void;
-  /**
-   * Setup all of the event listeners for the component on first load
-   */
-  init(): Promise<void>;
-  /**
-   * For storybook to set to finish step, this is to trigger in the story for zonos-checkout-finish
-   */
-  setToFinishStep(forcePaymentStatus?: PaymentIntent['status']): Promise<void>;
-  private handleCustomerInfoContinue;
-  private handleShippingContinue;
-  private handleCheckoutPaymentContinue;
-  private handleFinishClick;
-  private handleBackClick;
-  private getCurrentLocalePageEnum;
-  handleWindowResize(): void;
-  handleMobileChange(): void;
-  componentWillLoad(): void;
-  disconnectedCallback(): void;
-  render(): any;
+    /**
+     * Override appearance config
+     */
+    appearanceSettingsOverride?: Partial<AppearanceConfig>;
+    /**
+     * Preview checkout without needing to click on the button. This would be useful for demo purpose
+     */
+    preview: boolean;
+    /**
+     * Flag to determine if the checkout is on mobile
+     */
+    mobile: boolean;
+    /**
+     * Default address to use for the checkout (preview mode)
+     */
+    defaultAddress: ContactOption | null;
+    /**
+     * Force dialog to be open
+     */
+    forceDialogOpen: boolean;
+    /**
+     * Whether or not the dialog is open
+     */
+    open: boolean;
+    /**
+     * The stripe instance
+     */
+    stripe: Stripe | null;
+    /**
+     * 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
+     * Sometimes stripe or our api has error, we don't want to hijack the click event.
+     */
+    isAttachError: boolean;
+    isMobile: boolean;
+    zonosReviewRef?: HTMLZonosReviewElement;
+    storybookPaymentStatusOverride?: PaymentIntent['status'];
+    /**
+     * Init cart info handler event
+     */
+    initCartInfoHandler(e: CustomEvent<CartItem[]>): Promise<void>;
+    /**
+     * Close dialog action
+     */
+    closeDialogHandler(): Promise<void>;
+    private applyStripeTheme;
+    private buildCartAndInit;
+    private attachCheckout;
+    private isShippableCountry;
+    appearanceSettingsOverrideChanged(): void;
+    /**
+     * Setup all of the event listeners for the component on first load
+     */
+    init(): Promise<void>;
+    /**
+     * For storybook to set to finish step, this is to trigger in the story for zonos-checkout-finish
+     */
+    setToFinishStep(forcePaymentStatus?: PaymentIntent['status']): Promise<void>;
+    private handleCustomerInfoContinue;
+    private handleShippingContinue;
+    private handleCheckoutPaymentContinue;
+    private handleFinishClick;
+    private handleBackClick;
+    private getCurrentLocalePageEnum;
+    handleWindowResize(): void;
+    handleMobileChange(): void;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    render(): any;
 }

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

@@ -1,35 +1,35 @@
 import { type EventEmitter } from '../../../../stencil-public-runtime';
 import { type ContactOption } from "../../../store/checkout/stripe";
 export declare class ZonosCustomerInfo {
-  /**
-   * Whether or not the continue button is loading
-   */
-  continueLoading: boolean;
-  /**
-   * Whether or not the checkout is in mobile mode
-   */
-  submitBtnType?: HTMLZonosButtonElement['variant'];
-  /**
-   * Submit button main color
-   */
-  submitBtnColor?: string;
-  /**
-   * Default address to use for the checkout (preview mode)
-   */
-  defaultAddress: ContactOption | null;
-  /**
-   * Event to emit when the continue button is clicked
-   */
-  continueClicked: EventEmitter<void>;
-  /**
-   * Whether or not the continue button is disabled
-   * @default true
-   */
-  disabled: boolean;
-  watchFormComplete(): void;
-  /**
-   * handler for continue button click
-   */
-  private continueClickHandler;
-  render(): any;
+    /**
+     * Whether or not the continue button is loading
+     */
+    continueLoading: boolean;
+    /**
+     * Whether or not the checkout is in mobile mode
+     */
+    submitBtnType?: HTMLZonosButtonElement['variant'];
+    /**
+     * Submit button main color
+     */
+    submitBtnColor?: string;
+    /**
+     * Default address to use for the checkout (preview mode)
+     */
+    defaultAddress: ContactOption | null;
+    /**
+     * Event to emit when the continue button is clicked
+     */
+    continueClicked: EventEmitter<void>;
+    /**
+     * Whether or not the continue button is disabled
+     * @default true
+     */
+    disabled: boolean;
+    watchFormComplete(): void;
+    /**
+     * handler for continue button click
+     */
+    private continueClickHandler;
+    render(): any;
 }

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

@@ -1,16 +1,16 @@
 export declare class ZonosReview {
-  /**
-   * Whether or not the component is being rendered with mobile styles
-   */
-  mobile: boolean;
-  /**
-   * Whether or not to show the collapse icon
-   * This is controled from the collapsed state of the zonos-collapse component
-   * to show the collapse icon
-   */
-  collapsed: boolean;
-  isMobile: boolean;
-  handleWindowResize(): void;
-  componentWillLoad(): void;
-  render(): any;
+    /**
+     * Whether or not the component is being rendered with mobile styles
+     */
+    mobile: boolean;
+    /**
+     * Whether or not to show the collapse icon
+     * This is controled from the collapsed state of the zonos-collapse component
+     * to show the collapse icon
+     */
+    collapsed: boolean;
+    isMobile: boolean;
+    handleWindowResize(): void;
+    componentWillLoad(): void;
+    render(): any;
 }

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

@@ -1,33 +1,33 @@
 import { type EventEmitter } from '../../../../stencil-public-runtime';
 import type { ShippingRichRadioItem } from "../../../../types/index";
 export declare class ZonosShipping {
-  /**
-   * Whether or not the continue button is loading
-   */
-  continueLoading: boolean;
-  /**
-   * Submit button main color
-   */
-  submitBtnColor?: string;
-  /**
-   * Whether or not the checkout is in mobile mode
-   */
-  submitBtnType?: HTMLZonosButtonElement['variant'];
-  /**
-   * Event to emit when the continue button is clicked
-   */
-  continueClicked: EventEmitter<void>;
-  selectedShippingMethod: ShippingRichRadioItem | null;
-  /**
-   * Whether or not the continue button is disabled
-   * @default true
-   */
-  disabled: boolean;
-  watchFormComplete(): void;
-  private handleRadioSelected;
-  /**
-   * handler for continue button click
-   */
-  private continueClickHandler;
-  render(): any;
+    /**
+     * Whether or not the continue button is loading
+     */
+    continueLoading: boolean;
+    /**
+     * Submit button main color
+     */
+    submitBtnColor?: string;
+    /**
+     * Whether or not the checkout is in mobile mode
+     */
+    submitBtnType?: HTMLZonosButtonElement['variant'];
+    /**
+     * Event to emit when the continue button is clicked
+     */
+    continueClicked: EventEmitter<void>;
+    selectedShippingMethod: ShippingRichRadioItem | null;
+    /**
+     * Whether or not the continue button is disabled
+     * @default true
+     */
+    disabled: boolean;
+    watchFormComplete(): void;
+    private handleRadioSelected;
+    /**
+     * handler for continue button click
+     */
+    private continueClickHandler;
+    render(): any;
 }

package/dist/types/components/common/zonos-badge/zonos-badge.d.ts

@@ -1,38 +1,38 @@
 import type { ColorPrefix } from "../../../types/styles/Color";
 export declare class ZonosBadge {
-  /**
-   * Whether or not the badge is bold
-   * @default false
-   */
-  bold: boolean;
-  /**
-   * The size of the badge
-   * @default 24
-   */
-  color: ColorPrefix;
-  /**
-   * The icon element to display
-   * @default null
-   */
-  icon?: HTMLZonosIconElement;
-  /**
-   * Position the icon to the right when icon is specified
-   * @default false
-   */
-  iconRight: boolean;
-  /**
-   * The size of the badge
-   * @default 'default'
-   */
-  size: 'small' | 'default';
-  /**
-   * Whether or not the badge is rounded
-   * @default false
-   */
-  rounded: boolean;
-  /**
-   * css class for the component
-   */
-  class: string;
-  render(): any;
+    /**
+     * Whether or not the badge is bold
+     * @default false
+     */
+    bold: boolean;
+    /**
+     * The size of the badge
+     * @default 24
+     */
+    color: ColorPrefix;
+    /**
+     * The icon element to display
+     * @default null
+     */
+    icon?: HTMLZonosIconElement;
+    /**
+     * Position the icon to the right when icon is specified
+     * @default false
+     */
+    iconRight: boolean;
+    /**
+     * The size of the badge
+     * @default 'default'
+     */
+    size: 'small' | 'default';
+    /**
+     * Whether or not the badge is rounded
+     * @default false
+     */
+    rounded: boolean;
+    /**
+     * css class for the component
+     */
+    class: string;
+    render(): any;
 }

package/dist/types/components/common/zonos-banner/zonos-banner.d.ts

@@ -1,24 +1,24 @@
 export type BannerIntent = 'default' | 'error' | 'success' | 'warning' | 'info';
 export declare class ZonosBanner {
-  /**
-   * Whether or not the banner is bold
-   */
-  bannerTitle?: string;
-  /**
-   * Intent of the banner (success, warning, error)
-   */
-  intent?: BannerIntent;
-  /**
-   * css class for the component
-   */
-  class: string;
-  /**
-   * Whether or not the button has content
-   */
-  hasContent: boolean;
-  /**
-   * Detect if the button has an content
-   */
-  private handleSlotChange;
-  render(): any;
+    /**
+     * Whether or not the banner is bold
+     */
+    bannerTitle?: string;
+    /**
+     * Intent of the banner (success, warning, error)
+     */
+    intent?: BannerIntent;
+    /**
+     * css class for the component
+     */
+    class: string;
+    /**
+     * Whether or not the button has content
+     */
+    hasContent: boolean;
+    /**
+     * Detect if the button has an content
+     */
+    private handleSlotChange;
+    render(): any;
 }