@amwaljs/checkout-button 0.3.1 → 0.3.2

package/dist/types/lang/i18n.d.ts

@@ -1,3 +1,3 @@
 export declare namespace TranslationUtils {
-    function useTranslation(locale: string): Promise<(text: string) => string>;
+  function useTranslation(locale: string): Promise<(text: string) => string>;
 }

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

@@ -1,20 +1,8 @@
-type CustomMethodDecorator<T> = (target: object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
-type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
-type MixinInstance<F> = F extends (base: MixedInCtor) => MixedInCtor<infer I> ? I : never;
+declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
 export interface ComponentDecorator {
     (opts?: ComponentOptions): ClassDecorator;
 }
 export interface ComponentOptions {
-    /**
-     * When set to `true` this component will be form-associated. See
-     * https://stenciljs.com/docs/next/form-associated documentation on how to
-     * build form-associated Stencil components that integrate into forms like
-     * native browser elements such as `<input>` and `<textarea>`.
-     *
-     * The {@link AttachInternals} decorator allows for access to the
-     * `ElementInternals` object to modify the associated form.
-     */
-    formAssociated?: boolean;
     /**
      * Tag name of the web component. Ideally, the tag name must be globally unique,
      * so it's recommended to choose an unique prefix for all your components within the same collection.
@@ -63,12 +51,6 @@ export interface ShadowRootOptions {
      * focusable part is given focus, and the shadow host is given any available `:focus` styling.
      */
     delegatesFocus?: boolean;
-    /**
-     * Sets the slot assignment mode for the shadow root. When set to `'manual'`, enables imperative
-     * slotting using the `HTMLSlotElement.assign()` method. Defaults to `'named'` for standard
-     * declarative slotting behavior.
-     */
-    slotAssignment?: 'manual' | 'named';
 }
 export interface ModeStyles {
     [modeName: string]: string | string[];
@@ -80,7 +62,7 @@ export interface PropOptions {
     /**
      * The name of the associated DOM attribute.
      * Stencil uses different heuristics to determine the default name of the attribute,
-     * but using this property, you can override the default behavior.
+     * but using this property, you can override the default behaviour.
      */
     attribute?: string | null;
     /**
@@ -125,15 +107,9 @@ export interface EventOptions {
      */
     composed?: boolean;
 }
-export interface AttachInternalsDecorator {
-    (): PropertyDecorator;
-}
 export interface ListenDecorator {
     (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
 }
-export interface ResolveVarFunction {
-    <T>(variable: T): string;
-}
 export interface ListenOptions {
     /**
      * Handlers can also be registered for an event other than the host itself.
@@ -152,7 +128,7 @@ export interface ListenOptions {
      * By default, Stencil uses several heuristics to determine if
      * it must attach a `passive` event listener or not.
      *
-     * Using the `passive` option can be used to change the default behavior.
+     * Using the `passive` option can be used to change the default behaviour.
      * Please see https://developers.google.com/web/updates/2016/06/passive-event-listeners for further information.
      */
     passive?: boolean;
@@ -162,15 +138,7 @@ export interface StateDecorator {
     (): PropertyDecorator;
 }
 export interface WatchDecorator {
-    (propName: any, watchOptions?: {
-        immediate?: boolean;
-    }): CustomMethodDecorator<(newValue?: any, oldValue?: any, propName?: any, ...args: any[]) => any | void>;
-}
-export interface PropSerializeDecorator {
-    (propName: any): CustomMethodDecorator<(newValue?: any, propName?: string, ...args: any[]) => string | null>;
-}
-export interface AttrDeserializeDecorator {
-    (propName: any): CustomMethodDecorator<(newValue?: any, propName?: string, ...args: any[]) => any>;
+    (propName: string): CustomMethodDecorator<any>;
 }
 export interface UserBuildConditionals {
     isDev: boolean;
@@ -207,36 +175,12 @@ export declare const Element: ElementDecorator;
  * https://stenciljs.com/docs/events
  */
 export declare const Event: EventDecorator;
-/**
- * If the `formAssociated` option is set in options passed to the
- * `@Component()` decorator then this decorator may be used to get access to the
- * `ElementInternals` instance associated with the component.
- */
-export declare const AttachInternals: AttachInternalsDecorator;
 /**
  * The `Listen()` decorator is for listening DOM events, including the ones
  * dispatched from `@Events()`.
  * https://stenciljs.com/docs/events#listen-decorator
  */
 export declare const Listen: ListenDecorator;
-/**
- * The `resolveVar()` function is a compile-time utility that resolves const variables
- * and object properties to their string literal values. This allows variables to be
- * used in `@Listen` and `@Event` decorators instead of hardcoded strings.
- *
- * @example
- * ```ts
- * const MY_EVENT = 'myEvent';
- * @Listen(resolveVar(MY_EVENT))
- * ```
- *
- * @example
- * ```ts
- * const EVENTS = { MY_EVENT: 'myEvent' } as const;
- * @Event({ eventName: resolveVar(EVENTS.MY_EVENT) })
- * ```
- */
-export declare const resolveVar: ResolveVarFunction;
 /**
  * The `@Method()` decorator is used to expose methods on the public API.
  * Class methods decorated with the @Method() decorator can be called directly
@@ -270,14 +214,6 @@ export declare const State: StateDecorator;
  * https://stenciljs.com/docs/reactive-data#watch-decorator
  */
 export declare const Watch: WatchDecorator;
-/**
- * Decorator to serialize a property to an attribute string.
- */
-export declare const PropSerialize: PropSerializeDecorator;
-/**
- * Decorator to deserialize an attribute string to a property.
- */
-export declare const AttrDeserialize: AttrDeserializeDecorator;
 export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
 export type ErrorHandler = (err: any, element?: HTMLElement) => void;
 /**
@@ -305,25 +241,6 @@ export declare function setPlatformHelpers(helpers: {
  * @returns the base path
  */
 export declare function getAssetPath(path: string): string;
-/**
- * Method to render a virtual DOM tree to a container element.
- *
- * @example
- * ```tsx
- * import { render } from '@stencil/core';
- *
- * const vnode = (
- *   <div>
- *     <h1>Hello, world!</h1>
- *   </div>
- * );
- * render(vnode, document.body);
- * ```
- *
- * @param vnode - The virtual DOM tree to render
- * @param container - The container element to render the virtual DOM tree to
- */
-export declare function render(vnode: VNode, container: Element): void;
 /**
  * Used to manually set the base path where assets can be found. For lazy-loaded
  * builds the asset path is automatically set and assets copied to the correct
@@ -394,58 +311,6 @@ export declare function readTask(task: RafCallback): void;
  * Unhandled exception raised while rendering, during event handling, or lifecycles will trigger the custom event handler.
  */
 export declare const setErrorHandler: (handler: ErrorHandler) => void;
-export type TagTransformer = (tag: string) => string;
-/**
- * Sets a tag transformer to be used when rendering your custom elements.
- * ```ts
- * setTagTransformer((tag) => {
- *  if (tag.startsWith('my-')) return `new-${tag}`
- *  return tag;
- * });
- * ```
- * Will mean all your components that start with `my-` are defined instead with `new-my-` prefix.
- *
- * @param transformer the transformer function to use which must return a string.
- */
-export declare function setTagTransformer(transformer: TagTransformer): void;
-/**
- * Transforms a tag name using a transformer set via `setTagTransformer`
- *
- * @param tag - the tag to transform e.g. `my-tag`
- * @returns the transformed tag e.g. `new-my-tag`
- */
-export declare function transformTag(tag: string): string;
-/**
- * @deprecated - Use `MixedInCtor` instead:
- * ```ts
- * import { MixedInCtor } from '@stencil/core';
- *
- * const AFactoryFn = <B extends MixedInCtor>(Base: B) => {class A extends Base { propA = A }; return A;}
- * ```
- */
-export type MixinFactory = (base: MixedInCtor) => MixedInCtor;
-export type MixedInCtor<T = {}> = new (...args: any[]) => T;
-/**
- * Compose multiple mixin classes into a single constructor.
- * The resulting class has the combined instance types of all mixed-in classes.
- *
- * Example:
- * ```ts
- * import { Mixin, MixedInCtor } from '@stencil/core';
- *
- * const AWrap = <B extends MixedInCtor>(Base: B) => {class A extends Base { propA = A }; return A;}
- * const BWrap = <B extends MixedInCtor>(Base: B) => {class B extends Base { propB = B }; return B;}
- * const CWrap = <B extends MixedInCtor>(Base: B) => {class C extends Base { propC = C }; return C;}
- *
- * class X extends Mixin(AWrap, BWrap, CWrap) {
- *   render() { return <div>{this.propA} {this.propB} {this.propC}</div>; }
- * }
- * ```
- *
- * @param mixinFactories mixin factory functions that return a class which extends from the provided class.
- * @returns a class that is composed from extending each of the provided classes in the order they were provided.
- */
-export declare function Mixin<const TMixins extends readonly MixinFactory[]>(...mixinFactories: TMixins): abstract new (...args: any[]) => UnionToIntersection<MixinInstance<TMixins[number]>>;
 /**
  * This file gets copied to all distributions of stencil component collections.
  * - no imports
@@ -567,7 +432,7 @@ export interface QueueApi {
 /**
  * Host
  */
-export interface HostAttributes {
+interface HostAttributes {
     class?: string | {
         [className: string]: boolean;
     };
@@ -606,7 +471,7 @@ export interface FunctionalUtilities {
     /**
      * Utility for reading the children of a functional component at runtime.
      * Since the Stencil runtime uses a different interface for children it is
-     * not recommended to read the children directly, and is preferable to use
+     * not recommendeded to read the children directly, and is preferable to use
      * this utility to, for instance, perform a side effect for each child.
      */
     forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
@@ -703,7 +568,7 @@ declare namespace LocalJSX {
 export { LocalJSX as JSX };
 export declare namespace JSXBase {
     interface IntrinsicElements {
-        slot: JSXBase.SlotAttributes<HTMLSlotElement>;
+        slot: JSXBase.SlotAttributes;
         a: JSXBase.AnchorHTMLAttributes<HTMLAnchorElement>;
         abbr: JSXBase.HTMLAttributes;
         address: JSXBase.HTMLAttributes;
@@ -873,7 +738,7 @@ export declare namespace JSXBase {
         use: JSXBase.SVGAttributes;
         view: JSXBase.SVGAttributes;
     }
-    interface SlotAttributes<T = HTMLSlotElement> extends JSXAttributes<T> {
+    interface SlotAttributes extends JSXAttributes {
         name?: string;
         slot?: string;
         onSlotchange?: (event: Event) => void;
@@ -884,7 +749,6 @@ export declare namespace JSXBase {
         hrefLang?: string;
         hreflang?: string;
         media?: string;
-        ping?: string;
         rel?: string;
         target?: string;
         referrerPolicy?: ReferrerPolicy;
@@ -911,6 +775,7 @@ export declare namespace JSXBase {
         cite?: string;
     }
     interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
+        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         formAction?: string;
@@ -926,12 +791,6 @@ export declare namespace JSXBase {
         name?: string;
         type?: string;
         value?: string | string[] | number;
-        popoverTargetAction?: string;
-        popoverTargetElement?: Element | null;
-        popoverTarget?: string;
-        command?: string;
-        commandFor?: string;
-        commandfor?: string;
     }
     interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
         height?: number | string;
@@ -945,8 +804,7 @@ export declare namespace JSXBase {
     }
     interface DetailsHTMLAttributes<T> extends HTMLAttributes<T> {
         open?: boolean;
-        name?: string;
-        onToggle?: (event: ToggleEvent) => void;
+        onToggle?: (event: Event) => void;
     }
     interface DelHTMLAttributes<T> extends HTMLAttributes<T> {
         cite?: string;
@@ -1014,8 +872,6 @@ export declare namespace JSXBase {
     }
     interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
         alt?: string;
-        crossOrigin?: string;
-        crossorigin?: string;
         decoding?: 'async' | 'auto' | 'sync';
         importance?: 'low' | 'auto' | 'high';
         height?: number | string;
@@ -1041,6 +897,8 @@ export declare namespace JSXBase {
         autocapitalize?: string;
         autoComplete?: string;
         autocomplete?: string;
+        autoFocus?: boolean;
+        autofocus?: boolean | string;
         capture?: string;
         checked?: boolean;
         crossOrigin?: string;
@@ -1072,8 +930,6 @@ export declare namespace JSXBase {
         minlength?: number | string;
         multiple?: boolean;
         name?: string;
-        onSelect?: (event: Event) => void;
-        onselect?: (event: Event) => void;
         pattern?: string;
         placeholder?: string;
         readOnly?: boolean;
@@ -1092,11 +948,10 @@ export declare namespace JSXBase {
         webkitdirectory?: boolean;
         webkitEntries?: any;
         width?: number | string;
-        popoverTargetAction?: string;
-        popoverTargetElement?: Element | null;
-        popoverTarget?: string;
     }
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
+        autoFocus?: boolean;
+        autofocus?: boolean | string;
         challenge?: string;
         disabled?: boolean;
         form?: string;
@@ -1109,6 +964,7 @@ 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;
@@ -1135,8 +991,6 @@ 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;
@@ -1221,6 +1075,7 @@ export declare namespace JSXBase {
     interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
         form?: string;
         htmlFor?: string;
+        htmlfor?: string;
         name?: string;
     }
     interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
@@ -1245,6 +1100,7 @@ export declare namespace JSXBase {
         type?: string;
     }
     interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
+        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         multiple?: boolean;
@@ -1255,13 +1111,11 @@ export declare namespace JSXBase {
         autocomplete?: string;
     }
     interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
-        height?: number;
         media?: string;
         sizes?: string;
         src?: string;
         srcSet?: string;
         type?: string;
-        width?: number;
     }
     interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
         media?: string;
@@ -1279,6 +1133,8 @@ 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;
@@ -1287,8 +1143,6 @@ export declare namespace JSXBase {
         minLength?: number;
         minlength?: number | string;
         name?: string;
-        onSelect?: (event: Event) => void;
-        onselect?: (event: Event) => void;
         placeholder?: string;
         readOnly?: boolean;
         readonly?: boolean | string;
@@ -1331,8 +1185,6 @@ 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;
         };
@@ -1344,7 +1196,6 @@ export declare namespace JSXBase {
         draggable?: boolean;
         hidden?: boolean;
         id?: string;
-        inert?: boolean;
         lang?: string;
         spellcheck?: 'true' | 'false' | any;
         style?: {
@@ -1353,7 +1204,6 @@ export declare namespace JSXBase {
         tabIndex?: number;
         tabindex?: number | string;
         title?: string;
-        popover?: string | null;
         inputMode?: string;
         inputmode?: string;
         enterKeyHint?: string;
@@ -1439,7 +1289,7 @@ export declare namespace JSXBase {
         clipPathUnits?: number | string;
         'clip-rule'?: number | string;
         'color-interpolation'?: number | string;
-        'color-interpolation-filters'?: 'auto' | 'sRGB' | 'linearRGB';
+        'color-interpolation-filters'?: 'auto' | 's-rGB' | 'linear-rGB' | 'inherit';
         'color-profile'?: number | string;
         'color-rendering'?: number | string;
         contentScriptType?: number | string;
@@ -1652,13 +1502,6 @@ export declare namespace JSXBase {
         z?: number | string;
         zoomAndPan?: string;
     }
-    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent) */
-    interface ToggleEvent extends Event {
-        /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent/newState) */
-        readonly newState: string;
-        /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent/oldState) */
-        readonly oldState: string;
-    }
     interface DOMAttributes<T> extends JSXAttributes<T> {
         slot?: string;
         part?: string;
@@ -1675,10 +1518,6 @@ export declare namespace JSXBase {
         onCompositionstartCapture?: (event: CompositionEvent) => void;
         onCompositionupdate?: (event: CompositionEvent) => void;
         onCompositionupdateCapture?: (event: CompositionEvent) => void;
-        onBeforeToggle?: (event: ToggleEvent) => void;
-        onBeforeToggleCapture?: (event: ToggleEvent) => void;
-        onToggle?: (event: ToggleEvent) => void;
-        onToggleCapture?: (event: ToggleEvent) => void;
         onFocus?: (event: FocusEvent) => void;
         onFocusCapture?: (event: FocusEvent) => void;
         onFocusin?: (event: FocusEvent) => void;
@@ -1708,7 +1547,7 @@ export declare namespace JSXBase {
         onKeyUp?: (event: KeyboardEvent) => void;
         onKeyUpCapture?: (event: KeyboardEvent) => void;
         onAuxClick?: (event: MouseEvent) => void;
-        onClick?: (event: PointerEvent) => void;
+        onClick?: (event: MouseEvent) => void;
         onClickCapture?: (event: MouseEvent) => void;
         onContextMenu?: (event: MouseEvent) => void;
         onContextMenuCapture?: (event: MouseEvent) => void;
@@ -1780,16 +1619,8 @@ export declare namespace JSXBase {
         onAnimationEndCapture?: (event: AnimationEvent) => void;
         onAnimationIteration?: (event: AnimationEvent) => void;
         onAnimationIterationCapture?: (event: AnimationEvent) => void;
-        onTransitionCancel?: (event: TransitionEvent) => void;
-        onTransitionCancelCapture?: (event: TransitionEvent) => void;
         onTransitionEnd?: (event: TransitionEvent) => void;
         onTransitionEndCapture?: (event: TransitionEvent) => void;
-        onTransitionRun?: (event: TransitionEvent) => void;
-        onTransitionRunCapture?: (event: TransitionEvent) => void;
-        onTransitionStart?: (event: TransitionEvent) => void;
-        onTransitionStartCapture?: (event: TransitionEvent) => void;
-        [key: `aria-${string}`]: string | boolean | undefined;
-        [key: `aria${string}`]: string | boolean | undefined;
     }
 }
 export interface JSXAttributes<T = Element> {
@@ -1800,7 +1631,6 @@ export interface CustomElementsDefineOptions {
     exclude?: string[];
     resourcesUrl?: string;
     syncQueue?: boolean;
-    /** @deprecated in-favour of `setTagTransformer` and `transformTag` */
     transformTagName?: (tagName: string) => string;
     jmp?: (c: Function) => any;
     raf?: (c: FrameRequestCallback) => number;

package/loader/cdn.js

@@ -1 +1,3 @@
-module.exports = require('../dist/cjs/loader.cjs.js');
+
+module.exports = require('../dist/cjs/loader.cjs.js');
+module.exports.applyPolyfills = function() { return Promise.resolve() };

package/loader/index.cjs.js

@@ -1 +1,3 @@
-module.exports = require('../dist/cjs/loader.cjs.js');
+
+module.exports = require('../dist/cjs/loader.cjs.js');
+module.exports.applyPolyfills = function() { return Promise.resolve() };

package/loader/index.d.ts

@@ -8,10 +8,7 @@ export interface CustomElementsDefineOptions {
   ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
-export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
-/**
- * @deprecated
- */
+export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
 export declare function applyPolyfills(): Promise<void>;
 
 /**

package/loader/index.es2017.js

@@ -1 +1,3 @@
-export * from '../dist/esm/loader.js';
+
+export * from '../dist/esm/polyfills/index.js';
+export * from '../dist/esm/loader.js';

package/loader/index.js

@@ -1,2 +1,4 @@
+
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
-export * from '../dist/esm/loader.js';
+export * from '../dist/esm/polyfills/index.js';
+export * from '../dist/esm/loader.js';

package/loader/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "checkout-loader",
+  "private": true,
+  "typings": "./index.d.ts",
+  "module": "./index.js",
+  "main": "./index.cjs.js",
+  "jsnext:main": "./index.es2017.js",
+  "es2015": "./index.es2017.js",
+  "es2017": "./index.es2017.js",
+  "unpkg": "./cdn.js"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amwaljs/checkout-button",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "Amwal Checkout Button",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -34,15 +34,8 @@
   },
   "dependencies": {
     "@ionic/core": "^7.4.3",
-    "@stencil/angular-output-target": "^1.1.1",
-    "@stencil/core": "^4.39.0",
-    "@stencil/react-output-target": "^1.2.0",
-    "@stencil/sass": "^3.2.3",
-    "@stencil/vue-output-target": "^0.11.8",
-    "@storybook/addon-essentials": "^8.6.14",
-    "@storybook/manager-api": "^8.6.14",
-    "@storybook/theming": "^8.6.14",
-    "libphonenumber-js": "^1.12.31",
+    "@stencil/core": "^3.4.2",
+    "libphonenumber-js": "^1.10.46",
     "qrcode": "^1.5.4",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
@@ -51,30 +44,31 @@
     "ua-parser-js": "^2.0.7"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "^8.6.14",
-    "@storybook/addon-backgrounds": "^8.6.14",
-    "@storybook/addon-controls": "^8.6.14",
-    "@storybook/addon-docs": "^8.6.14",
-    "@storybook/addon-links": "^8.6.14",
-    "@storybook/addon-measure": "^8.6.14",
-    "@storybook/addon-outline": "^8.6.14",
-    "@storybook/addon-toolbars": "^8.6.14",
-    "@storybook/addon-viewport": "^8.6.14",
-    "@storybook/cli": "^8.6.14",
-    "@storybook/html": "^8.6.14",
-    "@storybook/web-components": "^8.6.14",
-    "@storybook/web-components-webpack5": "^8.6.14",
-    "@types/jest": "^30.0.0",
-    "@types/qrcode": "^1.5.6",
-    "@types/react": "^19.2.7",
-    "@types/react-dom": "^19.2.3",
-    "@types/ua-parser-js": "^0.7.39",
-    "dotenv": "^17.2.3",
-    "jest": "^30.2.0",
-    "jest-cli": "^30.2.0",
-    "puppeteer": "^24.33.0",
-    "storybook": "^8.6.14",
-    "webpack": "^5.104.1"
+    "@stencil/angular-output-target": "^0.6.0",
+    "@stencil/react-output-target": "^0.5.0",
+    "@stencil/sass": "^3.2.1",
+    "@stencil/vue-output-target": "^0.8.2",
+    "@storybook/addon-actions": "^7.2.1",
+    "@storybook/addon-essentials": "^7.2.1",
+    "@storybook/addon-links": "^7.2.1",
+    "@storybook/addon-notes": "^5.3.21",
+    "@storybook/addons": "^7.2.1",
+    "@storybook/cli": "^7.2.1",
+    "@storybook/html": "^7.2.1",
+    "@storybook/theming": "^7.2.1",
+    "@storybook/ui": "^6.5.16",
+    "@storybook/web-components-webpack5": "^7.2.1",
+    "@types/estree": "^1.0.1",
+    "@types/jest": "^29.5.1",
+    "@types/qrcode": "^1.5.5",
+    "@types/ua-parser-js": "^0.7.36",
+    "jest": "^29.5.0",
+    "jest-cli": "^29.5.0",
+    "puppeteer": "^19.9.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rollup-plugin-dotenv": "^0.4.1",
+    "storybook": "^7.2.1"
   },
   "license": "MIT"
 }

package/dist/checkout/p-0161d109.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as e,H as n,g as s}from"./p-93OyAGoo.js";import{g as o}from"./p-hHmYLOfE.js";import{G as r}from"./p-CukVBo5-.js";import{shouldUseCloseWatcher as h}from"./p-DAhcxcAh.js";import{j as a,k as d,m as u,e as m}from"./p-C6kqtbmV.js";import{m as l}from"./p-f22v7XAM.js";import{g as p}from"./p-D0I0TqZU.js";import{c,g as f}from"./p-vn1iXXUO.js";import"./p-ZjP4CjeZ.js";import"./p-D8d_89Nl.js";import"./p-DihS-5gH.js";import"./p-hAETByzF.js";const b='[tabindex]:not([tabindex^="-"]), input:not([type=hidden]):not([tabindex^="-"]), textarea:not([tabindex^="-"]), button:not([tabindex^="-"]), select:not([tabindex^="-"]), .ion-focusable:not([tabindex^="-"])',g=class{constructor(e){t(this,e),this.ionWillOpen=i(this,"ionWillOpen",7),this.ionWillClose=i(this,"ionWillClose",7),this.ionDidOpen=i(this,"ionDidOpen",7),this.ionDidClose=i(this,"ionDidClose",7),this.ionMenuChange=i(this,"ionMenuChange",7),this.lastOnEnd=0,this.blocker=r.createBlocker({disableScroll:!0}),this.didLoad=!1,this.operationCancelled=!1,this.isAnimating=!1,this._isOpen=!1,this.inheritedAttributes={},this.handleFocus=t=>{const i=p(document);i&&!i.contains(this.el)||this.trapKeyboardFocus(t,document)},this.isPaneVisible=!1,this.isEndSide=!1,this.contentId=void 0,this.menuId=void 0,this.type=void 0,this.disabled=!1,this.side="start",this.swipeGesture=!0,this.maxEdgeStart=50}typeChanged(t,i){const e=this.contentEl;e&&(void 0!==i&&e.classList.remove(`menu-content-${i}`),e.classList.add(`menu-content-${t}`),e.removeAttribute("style")),this.menuInnerEl&&this.menuInnerEl.removeAttribute("style"),this.animation=void 0}disabledChanged(){this.updateState(),this.ionMenuChange.emit({disabled:this.disabled,open:this._isOpen})}sideChanged(){this.isEndSide=a(this.side),this.animation=void 0}swipeGestureChanged(){this.updateState()}async connectedCallback(){"undefined"!=typeof customElements&&null!=customElements&&await customElements.whenDefined("ion-menu"),void 0===this.type&&(this.type=c.get("menuType","overlay"));const t=void 0!==this.contentId?document.getElementById(this.contentId):null;null!==t?(this.el.contains(t)&&console.error('Menu: "contentId" should refer to the main view\'s ion-content, not the ion-content inside of the ion-menu.'),this.contentEl=t,t.classList.add("menu-content"),this.typeChanged(this.type,void 0),this.sideChanged(),l._register(this),this.menuChanged(),this.gesture=(await import("./p-BEVStXwd.js")).createGesture({el:document,gestureName:"menu-swipe",gesturePriority:30,threshold:10,blurOnStart:!0,canStart:t=>this.canStart(t),onWillStart:()=>this.onWillStart(),onStart:()=>this.onStart(),onMove:t=>this.onMove(t),onEnd:t=>this.onEnd(t)}),this.updateState()):console.error('Menu: must have a "content" element to listen for drag events on.')}componentWillLoad(){this.inheritedAttributes=d(this.el)}async componentDidLoad(){this.didLoad=!0,this.menuChanged(),this.updateState()}menuChanged(){this.didLoad&&this.ionMenuChange.emit({disabled:this.disabled,open:this._isOpen})}async disconnectedCallback(){await this.close(!1),this.blocker.destroy(),l._unregister(this),this.animation&&this.animation.destroy(),this.gesture&&(this.gesture.destroy(),this.gesture=void 0),this.animation=void 0,this.contentEl=void 0}onSplitPaneChanged(t){const{target:i}=t;i===this.el.closest("ion-split-pane")&&(this.isPaneVisible=t.detail.isPane(this.el),this.updateState())}onBackdropClick(t){this._isOpen&&this.lastOnEnd<t.timeStamp-100&&t.composedPath&&!t.composedPath().includes(this.menuInnerEl)&&(t.preventDefault(),t.stopPropagation(),this.close())}onKeydown(t){"Escape"===t.key&&this.close()}isOpen(){return Promise.resolve(this._isOpen)}isActive(){return Promise.resolve(this._isActive())}open(t=!0){return this.setOpen(!0,t)}close(t=!0){return this.setOpen(!1,t)}toggle(t=!0){return this.setOpen(!this._isOpen,t)}setOpen(t,i=!0){return l._setOpen(this,t,i)}focusFirstDescendant(){const{el:t}=this,i=t.querySelector(b);i?i.focus():t.focus()}focusLastDescendant(){const{el:t}=this,i=Array.from(t.querySelectorAll(b)),e=i.length>0?i[i.length-1]:null;e?e.focus():t.focus()}trapKeyboardFocus(t,i){const e=t.target;e&&(this.el.contains(e)?this.lastFocus=e:(this.focusFirstDescendant(),this.lastFocus===i.activeElement&&this.focusLastDescendant()))}async _setOpen(t,i=!0){return!(!this._isActive()||this.isAnimating||t===this._isOpen||(this.beforeAnimation(t),await this.loadAnimation(),await this.startAnimation(t,i),this.operationCancelled?(this.operationCancelled=!1,1):(this.afterAnimation(t),0)))}async loadAnimation(){const t=this.menuInnerEl.offsetWidth,i=a(this.side);if(t===this.width&&void 0!==this.animation&&i===this.isEndSide)return;this.width=t,this.isEndSide=i,this.animation&&(this.animation.destroy(),this.animation=void 0);const e=this.animation=await l._createAnimation(this.type,this);c.getBoolean("animated",!0)||e.duration(0),e.fill("both")}async startAnimation(t,i){const e=!t,n=f(this),s="ios"===n?"cubic-bezier(0.32,0.72,0,1)":"cubic-bezier(0.0,0.0,0.2,1)",o="ios"===n?"cubic-bezier(1, 0, 0.68, 0.28)":"cubic-bezier(0.4, 0, 0.6, 1)",r=this.animation.direction(e?"reverse":"normal").easing(e?o:s);i?await r.play():r.play({sync:!0}),"reverse"===r.getDirection()&&r.direction("normal")}_isActive(){return!this.disabled&&!this.isPaneVisible}canSwipe(){return this.swipeGesture&&!this.isAnimating&&this._isActive()}canStart(t){return!(document.querySelector("ion-modal.show-modal")||!this.canSwipe())&&(!!this._isOpen||!l._getOpenSync()&&v(window,t.currentX,this.isEndSide,this.maxEdgeStart))}onWillStart(){return this.beforeAnimation(!this._isOpen),this.loadAnimation()}onStart(){this.isAnimating&&this.animation?this.animation.progressStart(!0,this._isOpen?1:0):u(!1,"isAnimating has to be true")}onMove(t){if(!this.isAnimating||!this.animation)return void u(!1,"isAnimating has to be true");const i=x(t.deltaX,this._isOpen,this.isEndSide)/this.width;this.animation.progressStep(this._isOpen?1-i:i)}onEnd(t){if(!this.isAnimating||!this.animation)return void u(!1,"isAnimating has to be true");const i=this._isOpen,e=this.isEndSide,n=x(t.deltaX,i,e),s=this.width,r=n/s,h=t.velocityX,a=s/2,d=h>=0&&(h>.2||t.deltaX>a),l=h<=0&&(h<-.2||t.deltaX<-a),p=i?e?d:l:e?l:d;let c=!i&&p;i&&!p&&(c=!0),this.lastOnEnd=t.currentTime;let f=p?.001:-.001;f+=o([0,0],[.4,0],[.6,1],[1,1],m(0,r<0?.01:r,.9999))[0]||0;const b=this._isOpen?!p:p;this.animation.easing("cubic-bezier(0.4, 0.0, 0.6, 1)").onFinish((()=>this.afterAnimation(c)),{oneTimeCallback:!0}).progressEnd(b?1:0,this._isOpen?1-f:f,300)}beforeAnimation(t){u(!this.isAnimating,"_before() should not be called while animating"),this.el.classList.add(w),this.el.setAttribute("tabindex","0"),this.backdropEl&&this.backdropEl.classList.add(y),this.contentEl&&(this.contentEl.classList.add(k),this.contentEl.setAttribute("aria-hidden","true")),this.blocker.block(),this.isAnimating=!0,t?this.ionWillOpen.emit():this.ionWillClose.emit()}afterAnimation(t){var i;this._isOpen=t,this.isAnimating=!1,this._isOpen||this.blocker.unblock(),t?(this.ionDidOpen.emit(),(null===(i=document.activeElement)||void 0===i?void 0:i.closest("ion-menu"))!==this.el&&this.el.focus(),document.addEventListener("focus",this.handleFocus,!0)):(this.el.classList.remove(w),this.el.removeAttribute("tabindex"),this.contentEl&&(this.contentEl.classList.remove(k),this.contentEl.removeAttribute("aria-hidden")),this.backdropEl&&this.backdropEl.classList.remove(y),this.animation&&this.animation.stop(),this.ionDidClose.emit(),document.removeEventListener("focus",this.handleFocus,!0))}updateState(){const t=this._isActive();this.gesture&&this.gesture.enable(t&&this.swipeGesture),t||(this.isAnimating&&(this.operationCancelled=!0),this.afterAnimation(!1))}render(){const{type:t,disabled:i,isPaneVisible:s,inheritedAttributes:o,side:r}=this,a=f(this);return e(n,{key:"7443f67fbe5122052025bab862136044fc942401",onKeyDown:h()?null:this.onKeydown,role:"navigation","aria-label":o["aria-label"]||"menu",class:{[a]:!0,[`menu-type-${t}`]:!0,"menu-enabled":!i,[`menu-side-${r}`]:!0,"menu-pane-visible":s}},e("div",{key:"45c7d37ace20f663a4bea89cb38bbc798f88dfbd",class:"menu-inner",part:"container",ref:t=>this.menuInnerEl=t},e("slot",{key:"975437a5d4029cc200b6dbc2d47a16b4318c00aa"})),e("ion-backdrop",{key:"acc8a1f5dc1b1e2a34757bf797e794017f545bdc",ref:t=>this.backdropEl=t,class:"menu-backdrop",tappable:!1,stopPropagation:!1,part:"backdrop"}))}get el(){return s(this)}static get watchers(){return{type:[{typeChanged:0}],disabled:[{disabledChanged:0}],side:[{sideChanged:0}],swipeGesture:[{swipeGestureChanged:0}]}}},x=(t,i,e)=>Math.max(0,i!==e?-t:t),v=(t,i,e,n)=>e?i>=t.innerWidth-n:i<=n,w="show-menu",y="show-backdrop",k="menu-content-open";g.style={ios:":host{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color, #fff);left:0;right:0;top:0;bottom:0;display:none;position:absolute;contain:strict}:host(.show-menu){display:block}.menu-inner{transform:translateX(-9999px);display:flex;position:absolute;flex-direction:column;justify-content:space-between;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:strict}:host(.menu-side-start) .menu-inner{--ion-safe-area-right:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{inset-inline-start:0;inset-inline-end:auto}}@supports not (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{left:0;right:auto}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{left:unset;right:unset;left:auto;right:0}@supports selector(:dir(rtl)){:host(.menu-side-start:dir(rtl)) .menu-inner{left:unset;right:unset;left:auto;right:0}}}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}@supports selector(:dir(rtl)){:host(.menu-side-start:dir(rtl)) .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}}:host(.menu-side-end) .menu-inner{--ion-safe-area-left:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{inset-inline-start:auto;inset-inline-end:0}}@supports not (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{left:auto;right:0}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{left:unset;right:unset;left:0;right:auto}@supports selector(:dir(rtl)){:host(.menu-side-end:dir(rtl)) .menu-inner{left:unset;right:unset;left:0;right:auto}}}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}@supports selector(:dir(rtl)){:host(.menu-side-end:dir(rtl)) .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}}ion-backdrop{display:none;opacity:0.01;z-index:-1}@media (max-width: 340px){.menu-inner{--width:264px}}:host(.menu-type-reveal){z-index:0}:host(.menu-type-reveal.show-menu) .menu-inner{transform:translate3d(0,  0,  0)}:host(.menu-type-overlay){z-index:1000}:host(.menu-type-overlay) .show-backdrop{display:block;cursor:pointer}:host(.menu-pane-visible){width:var(--width);min-width:var(--min-width);max-width:var(--max-width)}:host(.menu-pane-visible) .menu-inner{left:0;right:0;width:auto;transform:none;box-shadow:none}:host(.menu-pane-visible) ion-backdrop{display:hidden !important}:host(.menu-type-push){z-index:1000}:host(.menu-type-push) .show-backdrop{display:block}",md:":host{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color, #fff);left:0;right:0;top:0;bottom:0;display:none;position:absolute;contain:strict}:host(.show-menu){display:block}.menu-inner{transform:translateX(-9999px);display:flex;position:absolute;flex-direction:column;justify-content:space-between;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:strict}:host(.menu-side-start) .menu-inner{--ion-safe-area-right:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{inset-inline-start:0;inset-inline-end:auto}}@supports not (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{left:0;right:auto}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{left:unset;right:unset;left:auto;right:0}@supports selector(:dir(rtl)){:host(.menu-side-start:dir(rtl)) .menu-inner{left:unset;right:unset;left:auto;right:0}}}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}@supports selector(:dir(rtl)){:host(.menu-side-start:dir(rtl)) .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}}:host(.menu-side-end) .menu-inner{--ion-safe-area-left:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{inset-inline-start:auto;inset-inline-end:0}}@supports not (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{left:auto;right:0}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{left:unset;right:unset;left:0;right:auto}@supports selector(:dir(rtl)){:host(.menu-side-end:dir(rtl)) .menu-inner{left:unset;right:unset;left:0;right:auto}}}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}@supports selector(:dir(rtl)){:host(.menu-side-end:dir(rtl)) .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}}ion-backdrop{display:none;opacity:0.01;z-index:-1}@media (max-width: 340px){.menu-inner{--width:264px}}:host(.menu-type-reveal){z-index:0}:host(.menu-type-reveal.show-menu) .menu-inner{transform:translate3d(0,  0,  0)}:host(.menu-type-overlay){z-index:1000}:host(.menu-type-overlay) .show-backdrop{display:block;cursor:pointer}:host(.menu-pane-visible){width:var(--width);min-width:var(--min-width);max-width:var(--max-width)}:host(.menu-pane-visible) .menu-inner{left:0;right:0;width:auto;transform:none;box-shadow:none}:host(.menu-pane-visible) ion-backdrop{display:hidden !important}:host(.menu-type-overlay) .menu-inner{box-shadow:4px 0px 16px rgba(0, 0, 0, 0.18)}"};export{g as ion_menu}