@paydock/client-sdk 1.104.1-beta → 1.106.1-beta

package/lib/secure-remote-commerce/secure-remote-commerce.d.ts

@@ -0,0 +1,85 @@
+import { EventEmitter } from '../helper/event-emitter';
+import { ApiInternal } from '../api/api-internal';
+import { SRCProvider } from './providers/src-provider';
+import { IStyles, IMastercardSRCMeta } from './interfaces';
+declare abstract class SRC {
+    protected iframe_selector: string;
+    protected service_id: string;
+    protected public_key_or_access_token: string;
+    protected meta: IMastercardSRCMeta;
+    protected eventEmitter: EventEmitter;
+    protected env: string;
+    protected alias?: string;
+    protected api: ApiInternal;
+    protected provider: SRCProvider;
+    protected autoResize: boolean;
+    protected style: IStyles;
+    constructor(iframe_selector: string, service_id: string, public_key_or_access_token: string, meta: IMastercardSRCMeta);
+    /**
+    * Object contain styles for widget - call before `.load()`.
+    *
+    * @example
+    * widget.setStyles({
+    *     enable_src_popup: true
+    *     primary_button_color: 'red',
+    *     secondary_button_color: 'blue',
+    *     primary_button_text_color: 'white',
+    *     secondary_button_text_color: 'white',
+    *     font_family: 'Arial',
+    * });
+    * @param {IStyles} fields - name of styles which can be shown in widget [STYLE]{@link STYLE}
+    */
+    setStyles(styles: IStyles): void;
+    private setStyle;
+    load(): void;
+    /**
+     * Current method can change environment. By default environment = sandbox.
+     * Also we can change domain alias for this environment. By default domain_alias = paydock.com
+     *
+     * @example
+     * SRC.setEnv('production');
+     * @param {string} env - sandbox, production
+     * @param {string} [alias] - Own domain alias
+     */
+    setEnv(env: string, alias?: string): void;
+    /**
+     * Method to read the current environment
+     *
+     * @example
+     * SRC.getEnv();
+     */
+    getEnv(): string;
+    on(eventName: string): Promise<any>;
+    on(eventName: string, cb: (data: any) => void): any;
+    /**
+     * Using this method you can hide checkout after load and button click
+     * @param {boolean} [saveSize=false] - using this param you can save iframe's size (if applicable)
+     *
+     * @example
+     * SRC.hideCheckout();
+     */
+    hideCheckout(saveSize: boolean): void;
+    /**
+     * Using this method you can show checkout after using hideCheckout method
+     *
+     * @example
+     * SRC.showCheckout()
+     */
+    showCheckout(): void;
+    /**
+     * Using this method you can reload the whole checkout
+     *
+     * @example
+     * SRC.reload()
+     */
+    reload(): void;
+    /**
+     * Use this method for resize checkout iFrame according to content height, if applicable
+     *
+     * @example
+     * SRC.useAutoResize();
+     *
+     */
+    useAutoResize(): void;
+}
+export { SRC };

package/lib/secure-remote-commerce/secure-remote-commerce.js

@@ -0,0 +1,155 @@
+import { API_AUTH_TYPE } from '../api/api-base';
+import { CARD_SCHEME_SERVICE } from '../api/api-service-internal';
+import { EventEmitter } from '../helper/event-emitter';
+import { MastercardSRC } from './providers/mastercard-src';
+import { ApiInternal } from '../api/api-internal';
+import { STYLE } from './interfaces';
+import { ObjectHelper } from '../helper/object';
+class SRC {
+    constructor(iframe_selector, service_id, public_key_or_access_token, meta) {
+        this.iframe_selector = iframe_selector;
+        this.service_id = service_id;
+        this.public_key_or_access_token = public_key_or_access_token;
+        this.meta = meta;
+        this.autoResize = false;
+        this.style = {};
+        this.api = new ApiInternal(public_key_or_access_token, API_AUTH_TYPE.PUBLIC_KEY);
+        this.eventEmitter = new EventEmitter();
+    }
+    /**
+    * Object contain styles for widget - call before `.load()`.
+    *
+    * @example
+    * widget.setStyles({
+    *     enable_src_popup: true
+    *     primary_button_color: 'red',
+    *     secondary_button_color: 'blue',
+    *     primary_button_text_color: 'white',
+    *     secondary_button_text_color: 'white',
+    *     font_family: 'Arial',
+    * });
+    * @param {IStyles} fields - name of styles which can be shown in widget [STYLE]{@link STYLE}
+    */
+    setStyles(styles) {
+        for (let index in styles) {
+            if (styles.hasOwnProperty(index))
+                this.setStyle(index, styles[index]);
+        }
+    }
+    setStyle(param, value) {
+        if (ObjectHelper.values(STYLE).indexOf(param) !== -1)
+            this.style[param] = value;
+        else
+            console.warn(`Widget::setStyle[s: unsupported style param ${param}`);
+    }
+    load() {
+        if (this.provider)
+            return;
+        this.api.service().getConfig(this.service_id).then(({ type }) => {
+            this.meta.customizations = this.style; // assign the style on the start of the widget
+            switch (type) {
+                case CARD_SCHEME_SERVICE.MASTERCARD_SRC:
+                    this.provider = new MastercardSRC(this.iframe_selector, this.service_id, this.public_key_or_access_token, this.meta, this.eventEmitter, this.autoResize, this.env, this.alias);
+                    break;
+            }
+            ;
+            if (this.provider)
+                this.provider.load();
+        });
+    }
+    /**
+     * Current method can change environment. By default environment = sandbox.
+     * Also we can change domain alias for this environment. By default domain_alias = paydock.com
+     *
+     * @example
+     * SRC.setEnv('production');
+     * @param {string} env - sandbox, production
+     * @param {string} [alias] - Own domain alias
+     */
+    setEnv(env, alias) {
+        if (this.provider)
+            return;
+        this.env = env;
+        this.alias = alias;
+        this.api.setEnv(env, alias);
+    }
+    /**
+     * Method to read the current environment
+     *
+     * @example
+     * SRC.getEnv();
+     */
+    getEnv() {
+        if (this.provider)
+            return this.provider.getEnv();
+        else
+            return this.env;
+    }
+    /**
+     * Listen to events of SRC
+     *
+     * @example
+     *
+     * SRC.on('checkoutCompleted', function (token) {
+     *      console.log(token);
+     * });
+     * // or
+     * SRC.on('checkoutCompleted').then(function (token) {
+     *      console.log(token);
+     * });
+     *
+     * @param {string} eventName - Available event names [EVENT]{@link EVENT}
+     * @param {listener} [cb] - The callback to handle the event. When available, it will send back data of type [EventData]{@link EventData}
+     * @return {Promise<any> | void}
+     */
+    on(eventName, cb) {
+        if (typeof cb === "function")
+            return this.eventEmitter.subscribe(eventName, cb);
+        return new Promise((resolve) => this.eventEmitter.subscribe(eventName, (res) => resolve(res)));
+    }
+    /**
+     * Using this method you can hide checkout after load and button click
+     * @param {boolean} [saveSize=false] - using this param you can save iframe's size (if applicable)
+     *
+     * @example
+     * SRC.hideCheckout();
+     */
+    hideCheckout(saveSize) {
+        if (this.provider && typeof this.provider.hideCheckout === 'function')
+            this.provider.hideCheckout(saveSize);
+    }
+    /**
+     * Using this method you can show checkout after using hideCheckout method
+     *
+     * @example
+     * SRC.showCheckout()
+     */
+    showCheckout() {
+        if (this.provider && typeof this.provider.showCheckout === 'function')
+            this.provider.showCheckout();
+    }
+    /**
+     * Using this method you can reload the whole checkout
+     *
+     * @example
+     * SRC.reload()
+     */
+    reload() {
+        if (this.provider)
+            this.provider.reload();
+    }
+    /**
+     * Use this method for resize checkout iFrame according to content height, if applicable
+     *
+     * @example
+     * SRC.useAutoResize();
+     *
+     */
+    useAutoResize() {
+        this.autoResize = true;
+        if (this.provider && typeof this.provider.useAutoResize === 'function')
+            this.provider.useAutoResize();
+    }
+}
+export { SRC };
+//# sourceMappingURL=../../src/lib/secure-remote-commerce/secure-remote-commerce.js.map

package/lib/secure-remote-commerce/secure-remote-commerce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"secure-remote-commerce.js","sourceRoot":"","sources":["../../secure-remote-commerce/secure-remote-commerce.ts"],"names":[],"mappings":"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"}

package/{bundles/types → lib}/vault-display-widget/index.d.ts

@@ -11,4 +11,3 @@ export { VaultDisplayWidget } from '../vault-display-widget/vault-display-widget
  * @param {string} FONT_SIZE=font_size
  * @param {string} FONT_FAMILY=font_family
  */
-//# sourceMappingURL=index.d.ts.map

package/lib/vault-display-widget/index.js

@@ -0,0 +1,14 @@
+export { VaultDisplayWidget } from '../vault-display-widget/vault-display-widget';
+/**
+ * List of available style params for vault display widget
+ *
+ * @const VAULT_DISPLAY_STYLE
+ * @type {object}
+ * @param {string} BACKGROUND_COLOR=background_color
+ * @param {string} TEXT_COLOR=text_color
+ * @param {string} BORDER_COLOR=border_color
+ * @param {string} BUTTON_COLOR=button_color
+ * @param {string} FONT_SIZE=font_size
+ * @param {string} FONT_FAMILY=font_family
+ */
+//# sourceMappingURL=../../src/lib/vault-display-widget/index.js.map

package/lib/vault-display-widget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../vault-display-widget/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAElF;;;;;;;;;;;GAWG"}

package/{bundles/types → lib}/vault-display-widget/vault-display-widget.d.ts

@@ -24,7 +24,7 @@ declare class VaultDisplayWidget {
     protected vaultDisplayToken: string;
     protected link: Link;
     protected configs: any[];
-    constructor(selector: string, token: string);
+    /** @constructs */ constructor(selector: string, token: string);
     /**
      * Current method can change environment. By default environment = sandbox.
      * Also we can change domain alias for this environment. By default domain_alias = paydock.com
@@ -66,4 +66,3 @@ declare class VaultDisplayWidget {
     load(): void;
 }
 export { VaultDisplayWidget };
-//# sourceMappingURL=vault-display-widget.d.ts.map

package/lib/vault-display-widget/vault-display-widget.js

@@ -0,0 +1,99 @@
+import { Container } from '../components/container';
+import { IFrame } from '../components/iframe';
+import { Trigger } from '../components/trigger';
+import { STYLE } from '../components/param';
+import { Link, VAULT_DISPLAY_WIDGET_LINK } from '../components/link';
+import { ObjectHelper } from '../helper/object';
+import { VaultDisplayIframeEvent } from '../components/vault-display-iframe-event';
+/**
+ * Class VaultDisplayWidget include method for working on html
+ * @constructor
+ *
+ * @example
+ * var widget = new VaultDisplayWidget('#widget', 'token');
+ *
+ * @param {string} selector - Selector of html element. Container for widget
+ * @param {string} token - One time token
+ */
+class VaultDisplayWidget {
+    /** @constructs */ // constructs added for correct parse classes jsdoc2md
+    constructor(selector, token) {
+        this.validationData = {};
+        this.configs = [];
+        this.container = new Container(selector);
+        this.iFrame = new IFrame(this.container);
+        this.triggerElement = new Trigger(this.iFrame);
+        this.event = new VaultDisplayIframeEvent(window);
+        this.vaultDisplayToken = token;
+        this.link = new Link(VAULT_DISPLAY_WIDGET_LINK);
+        this.link.setParams({ vault_display_token: token });
+    }
+    /**
+     * Current method can change environment. By default environment = sandbox.
+     * Also we can change domain alias for this environment. By default domain_alias = paydock.com
+     *
+     * @example
+     * widget.setEnv('production', 'paydock.com');
+     * @param {string} env - sandbox, production
+     * @param {string} [alias] - Own domain alias
+     */
+    setEnv(env, alias) {
+        this.link.setEnv(env, alias);
+    }
+    /**
+     * Listen to events of widget
+     *
+     * @example
+     *
+     * widget.on('after_load', function (data) {
+     *      console.log(data);
+     * });
+     * // or
+     *  widget.on('after_load').then(function (data) {
+     *      console.log(data);
+     * });
+     * @param {string} eventName - Available event names [VAULT_DISPLAY_EVENT]{@link VAULT_DISPLAY_EVENT}
+     * @param {listener} [cb]
+     * @return {Promise<IEventData | void>}
+     */
+    on(eventName, cb) {
+        if (typeof cb === "function")
+            return this.event.on(eventName, this.link.getParams().widget_id, cb);
+        return new Promise((resolve) => this.event.on(eventName, this.link.getParams().widget_id, (res) => resolve(res)));
+    }
+    /**
+     * Object contain styles for widget
+     *
+     * @example
+     * widget.setStyles({
+     *       background_color: '#fff',
+     *       border_color: 'yellow',
+     *       text_color: '#FFFFAA',
+     *       button_color: 'rgba(255, 255, 255, 0.9)',
+     *       font_size: '20px',
+     *       fort_family: 'fantasy'
+     *   });
+     * @param {VaultDisplayStyle} fields - name of styles which can be shown in widget [VAULT_DISPLAY_STYLE]{@link VAULT_DISPLAY_STYLE}
+     */
+    setStyles(styles) {
+        for (let index in styles) {
+            if (styles.hasOwnProperty(index))
+                this.setStyle(index, styles[index]);
+        }
+    }
+    setStyle(param, value) {
+        if (ObjectHelper.values(STYLE).indexOf(param) !== -1)
+            this.link.setParams({ [param]: value });
+        else
+            console.warn(`Widget::setStyle[s: unsupported style param ${param}`);
+    }
+    /**
+     * The final method to beginning, the load process of widget to html
+     *
+     */
+    load() {
+        this.iFrame.load(this.link.getUrl(), { title: 'Vault Display' });
+    }
+}
+export { VaultDisplayWidget };
+//# sourceMappingURL=../../src/lib/vault-display-widget/vault-display-widget.js.map

package/lib/vault-display-widget/vault-display-widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vault-display-widget.js","sourceRoot":"","sources":["../../vault-display-widget/vault-display-widget.ts"],"names":[],"mappings":"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"}

package/{bundles/types → lib}/wallet-buttons/afterpay.wallet-service.d.ts

@@ -19,4 +19,3 @@ export declare class AfterPayWalletService extends WalletService implements IWal
     private generateButtonColor;
     private getHeight;
 }
-//# sourceMappingURL=afterpay.wallet-service.d.ts.map

package/lib/wallet-buttons/afterpay.wallet-service.js

@@ -0,0 +1,152 @@
+import { WalletService, WALLET_EVENT } from './wallet-service';
+import { WALLET_TYPE } from '../components/param';
+import { StorageDataIntent, StorageDispatcher } from '../components/storage-dispatcher';
+export class AfterPayWalletService extends WalletService {
+    constructor(token, meta) {
+        super(token, meta);
+        this.token = token;
+        this.storageDispatcher = new StorageDispatcher('afterpay.wallet.paydock');
+    }
+    load(container) {
+        this.storageDispatcher.create(() => this.mount(container));
+    }
+    setEnv(env) {
+        super.setEnv(env);
+        this.storageDispatcher.setEnv(env);
+        return this;
+    }
+    mount(container) {
+        var _a, _b, _c, _d;
+        let customStyles = {};
+        if (((_a = this.meta) === null || _a === void 0 ? void 0 : _a.style) && typeof ((_b = this.meta) === null || _b === void 0 ? void 0 : _b.style) === 'object')
+            customStyles = JSON.parse(JSON.stringify(((_c = this.meta) === null || _c === void 0 ? void 0 : _c.style['afterpay']) || ((_d = this.meta) === null || _d === void 0 ? void 0 : _d.style)));
+        const afterpayButton = this.getButton(customStyles);
+        afterpayButton.onclick = () => this.onAfterPayButtonClicked();
+        const buttonWalletStyle = this.getButtonStyle(customStyles);
+        container.getElement().appendChild(afterpayButton);
+        container.getElement().appendChild(buttonWalletStyle);
+    }
+    onAfterPayButtonClicked() {
+        var _a, _b;
+        const afterpayJS = document.createElement('script');
+        const countryCode = (_a = this.meta) === null || _a === void 0 ? void 0 : _a.country;
+        afterpayJS.type = 'text/javascript';
+        afterpayJS.src =
+            ((_b = this.meta) === null || _b === void 0 ? void 0 : _b.gateway_mode) === 'live'
+                ? 'https://portal.afterpay.com/afterpay.js'
+                : 'https://portal.sandbox.afterpay.com/afterpay.js';
+        afterpayJS.async = true;
+        afterpayJS.defer = true;
+        afterpayJS.onload = () => {
+            window.AfterPay.initialize({ countryCode });
+            this.storageDispatcher.push({ intent: StorageDataIntent.WIDGET_SESSION, data: { token: this.token } }, {
+                onSuccess: () => {
+                    this.getCheckoutSession()
+                        .then((response) => {
+                        window.AfterPay.redirect({
+                            token: response.ref_token,
+                        });
+                    })
+                        .catch((err) => {
+                        window.AfterPay.close();
+                        this.eventEmitter.emit(WALLET_EVENT.UNAVAILABLE, {
+                            err,
+                        });
+                    });
+                },
+                onError: () => {
+                    console.error('Error initializing Afterpay wallet');
+                    window.AfterPay.close();
+                    this.eventEmitter.emit(WALLET_EVENT.UNAVAILABLE, {});
+                },
+            });
+        };
+        document.head.appendChild(afterpayJS);
+    }
+    getCheckoutSession() {
+        return new Promise((resolve, reject) => this.eventEmitter.emit(WALLET_EVENT.CALLBACK, {
+            data: {
+                request_type: 'CREATE_SESSION',
+                wallet_type: WALLET_TYPE.AFTERPAY,
+            },
+            onSuccess: (res) => {
+                resolve(res);
+            },
+            onError: (message) => {
+                reject(message);
+            },
+        }));
+    }
+    getButton(customStyles) {
+        const afterpayButton = document.createElement('button');
+        afterpayButton.classList.add("afterpay-checkout-btn");
+        afterpayButton.setAttribute('type', 'button');
+        afterpayButton.innerHTML = `
+            <div class="afterpay-checkout-btn__wrapper">
+                <svg viewBox="0 0 390 94"
+                    height="${this.getHeight(customStyles)}"
+                    xmlns="http://www.w3.org/2000/svg">
+                    <g fill="currentColor">
+                        <path
+                            d="M388.6 21.4l-34.8 71.8h-14.4l13-26.8-20.5-45h14.8l13.2 30.1 14.3-30.1zM41 46.9c0-8.6-6.2-14.6-13.9-14.6s-13.9 6.1-13.9 14.6c0 8.4 6.2 14.6 13.9 14.6 7.6 0 13.9-6.1 13.9-14.6m.1 25.5v-6.6c-3.8 4.6-9.4 7.4-16.1 7.4C11 73.2.4 62 .4 46.9c0-15 11-26.4 24.9-26.4 6.5 0 12 2.9 15.8 7.3v-6.4h12.5v51H41.1zM114.6 61.1c-4.4 0-5.6-1.6-5.6-5.9V32.5h8.1V21.4H109V8.9H96.1v12.4H79.5v-5.1c0-4.3 1.6-5.9 6.1-5.9h2.8V.4h-6.2C71.6.4 66.6 3.9 66.6 14.5v6.8h-7.1v11.1h7.1v39.9h12.9V32.5h16.6v25c0 10.4 4 14.9 14.4 14.9h6.6V61.1h-2.5zM160.7 42.3c-.9-6.6-6.3-10.6-12.6-10.6s-11.5 3.9-12.9 10.6h25.5zm-25.6 7.9c.9 7.5 6.3 11.8 13.2 11.8 5.4 0 9.6-2.6 12-6.6h13.2c-3.1 10.8-12.7 17.7-25.5 17.7-15.4 0-26.2-10.8-26.2-26.2 0-15.4 11.4-26.5 26.5-26.5 15.2 0 26.2 11.2 26.2 26.5 0 1.1-.1 2.2-.3 3.3h-39.1zM256.2 46.9c0-8.3-6.2-14.6-13.9-14.6s-13.9 6.1-13.9 14.6c0 8.4 6.2 14.6 13.9 14.6 7.6 0 13.9-6.4 13.9-14.6m-40.4 46.3V21.4h12.5V28c3.8-4.7 9.4-7.5 16.1-7.5 13.8 0 24.6 11.3 24.6 26.3s-11 26.4-24.9 26.4c-6.4 0-11.7-2.6-15.4-6.8v26.8h-12.9zM314.2 46.9c0-8.6-6.2-14.6-13.9-14.6-7.6 0-13.9 6.1-13.9 14.6 0 8.4 6.2 14.6 13.9 14.6s13.9-6.1 13.9-14.6m.1 25.5v-6.6c-3.8 4.6-9.4 7.4-16.1 7.4-14 0-24.6-11.2-24.6-26.3 0-15 11-26.4 24.9-26.4 6.5 0 12 2.9 15.8 7.3v-6.4h12.5v51h-12.5zM193.2 26.4s3.2-5.9 11-5.9c3.3 0 5.5 1.2 5.5 1.2v13s-4.7-2.9-9.1-2.3c-4.3.6-7.1 4.6-7.1 9.9v30.2h-13v-51H193v4.9h.2z" />
+                    </g>
+                </svg>
+                <svg viewBox="0 0 107 96"
+                    height="${this.getHeight(customStyles)}"
+                    xmlns="http://www.w3.org/2000/svg">
+                    <path
+                        d="M99 19.5L84.2 11l-15-8.6c-10-5.7-22.4 1.5-22.4 13v1.9c0 1.1.6 2 1.5 2.6l7 4c1.9 1.1 4.4-.3 4.4-2.5v-4.6c0-2.3 2.5-3.7 4.4-2.6l13.8 7.9L91.6 30c2 1.1 2 4 0 5.1L77.9 43l-13.8 7.9c-2 1.1-4.4-.3-4.4-2.6V46c0-11.5-12.4-18.7-22.4-13l-15 8.6-14.8 8.5c-10 5.7-10 20.2 0 26l14.8 8.5 15 8.6c10 5.7 22.4-1.5 22.4-13v-1.9c0-1.1-.6-2-1.5-2.6l-7-4c-1.9-1.1-4.4.3-4.4 2.5v4.6c0 2.3-2.5 3.7-4.4 2.6l-13.8-7.9-13.7-7.9c-2-1.1-2-4 0-5.1l13.7-7.9 13.8-7.9c2-1.1 4.4.3 4.4 2.6v2.3c0 11.5 12.4 18.7 22.4 13l15-8.6L99 45.5c10.1-5.8 10.1-20.2 0-26"
+                        fill="currentColor" />
+                </svg>
+            </div>
+        `;
+        return afterpayButton;
+    }
+    getButtonStyle(customStyles) {
+        const styleSheet = document.createElement('style');
+        const buttonColor = this.generateButtonColor(customStyles.button_type);
+        styleSheet.innerText = `
+            .afterpay-checkout-btn {
+                outline: none;
+                border: none;
+                border-radius: ${this.getHeight(customStyles)};
+                padding: 0;
+                margin: 0;
+                transition: all 300ms;
+                cursor: pointer;
+            }
+
+            .afterpay-checkout-btn:active {
+                opacity: 0.7;
+            }
+
+            .afterpay-checkout-btn__wrapper {
+                display: flex;
+                align-items: center;
+                padding: 10px 20px;
+                color: ${buttonColor.color};
+                background-color: ${buttonColor.background};
+                border-radius: ${this.getHeight(customStyles)};
+            }
+        `;
+        return styleSheet;
+    }
+    generateButtonColor(button_type) {
+        switch (button_type) {
+            case 'black':
+                return { color: '#B2FCE3', background: '#000' };
+            case 'mint':
+                return { color: '#000', background: '#B2FCE3' };
+            default:
+                return { color: '#fff', background: '#000' };
+        }
+    }
+    getHeight(customStyles) {
+        if (!customStyles.height)
+            return '40px';
+        if (Number.isNaN(Number(customStyles.height)))
+            return customStyles.height;
+        return `${customStyles.height}px`;
+    }
+}
+//# sourceMappingURL=../../src/lib/wallet-buttons/afterpay.wallet-service.js.map

package/lib/wallet-buttons/afterpay.wallet-service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"afterpay.wallet-service.js","sourceRoot":"","sources":["../../wallet-buttons/afterpay.wallet-service.ts"],"names":[],"mappings":"AACA,OAAO,EAAsC,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEnG,OAAO,EAAkB,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAQxF,MAAM,OAAO,qBAAsB,SAAQ,aAAa;IAIpD,YAAY,KAAa,EAAE,IAAwB;QAC/C,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAEnB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,iBAAiB,GAAG,IAAI,iBAAiB,CAAC,yBAAyB,CAAC,CAAC;IAC9E,CAAC;IAEM,IAAI,CAAC,SAAoB;QAC5B,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAC/D,CAAC;IAEM,MAAM,CAAC,GAAW;QACrB,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAClB,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QACnC,OAAO,IAAI,CAAC;IAChB,CAAC;IAEO,KAAK,CAAC,SAAoB;;QAC9B,IAAI,YAAY,GAAG,EAAoB,CAAC;QACxC,IAAI,OAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,KAAI,cAAO,IAAI,CAAC,IAAI,0CAAE,KAAK,CAAA,KAAK,QAAQ;YACxD,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,OAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,CAAC,UAAU,aAAK,IAAI,CAAC,IAAI,0CAAE,KAAK,CAAA,CAAC,CAAmB,CAAC;QAElH,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;QACpD,cAAc,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE,CAAC;QAE9D,MAAM,iBAAiB,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;QAE9C,SAAS,CAAC,UAAU,EAAG,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;QACpD,SAAS,CAAC,UAAU,EAAG,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;IACzE,CAAC;IAEO,uBAAuB;;QAC3B,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACpD,MAAM,WAAW,SAAG,IAAI,CAAC,IAAI,0CAAE,OAAO,CAAC;QACvC,UAAU,CAAC,IAAI,GAAG,iBAAiB,CAAC;QACpC,UAAU,CAAC,GAAG;YACV,OAAA,IAAI,CAAC,IAAI,0CAAE,YAAY,MAAK,MAAM;gBAC9B,CAAC,CAAC,yCAAyC;gBAC3C,CAAC,CAAC,iDAAiD,CAAC;QAC5D,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC;QACxB,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC;QACxB,UAAU,CAAC,MAAM,GAAG,GAAG,EAAE;YACrB,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC;YAE5C,IAAI,CAAC,iBAAiB,CAAC,IAAI,CACvB,EAAE,MAAM,EAAE,iBAAiB,CAAC,cAAc,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,EACzE;gBACI,SAAS,EAAE,GAAG,EAAE;oBACZ,IAAI,CAAC,kBAAkB,EAAE;yBACpB,IAAI,CAAC,CAAC,QAAa,EAAE,EAAE;wBACpB,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC;4BACrB,KAAK,EAAE,QAAQ,CAAC,SAAS;yBAC5B,CAAC,CAAC;oBACP,CAAC,CAAC;yBACD,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;wBACX,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;wBACxB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE;4BAC7C,GAAG;yBACN,CAAC,CAAC;oBACP,CAAC,CAAC,CAAC;gBACX,CAAC;gBACD,OAAO,EAAE,GAAG,EAAE;oBACV,OAAO,CAAC,KAAK,CAAC,oCAAoC,CAAC,CAAC;oBACpD,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;oBACxB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;gBACzD,CAAC;aACJ,CACJ,CAAC;QACN,CAAC,CAAC;QACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC;IAEO,kBAAkB;QACtB,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,CACnC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE;YAC1C,IAAI,EAAE;gBACF,YAAY,EAAE,gBAAgB;gBAC9B,WAAW,EAAE,WAAW,CAAC,QAAQ;aACpC;YACD,SAAS,EAAE,CAAC,GAAqB,EAAE,EAAE;gBACjC,OAAO,CAAC,GAAG,CAAC,CAAC;YACjB,CAAC;YACD,OAAO,EAAE,CAAC,OAAO,EAAE,EAAE;gBACjB,MAAM,CAAC,OAAO,CAAC,CAAC;YACpB,CAAC;SACJ,CAAC,CACL,CAAC;IACN,CAAC;IAEO,SAAS,CAAC,YAA4B;QAC1C,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACxD,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;QACtD,cAAc,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAE9C,cAAc,CAAC,SAAS,GAAG;;;8BAGL,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;;;;;;;;8BAQ5B,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;;;;;;;SAOjD,CAAC;QAEF,OAAO,cAAc,CAAC;IAC1B,CAAC;IAEO,cAAc,CAAC,YAA4B;QAC/C,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACnD,MAAM,WAAW,GAAG,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;QACvE,UAAU,CAAC,SAAS,GAAG;;;;iCAIE,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;;;;;;;;;;;;;;;yBAepC,WAAW,CAAC,KAAK;oCACN,WAAW,CAAC,UAAU;iCACzB,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;;SAEpD,CAAC;QAEF,OAAO,UAAU,CAAC;IACtB,CAAC;IAEO,mBAAmB,CAAC,WAAoB;QAC5C,QAAQ,WAAW,EAAE;YACjB,KAAK,OAAO;gBACR,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC;YACpD,KAAK,MAAM;gBACP,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC;YACpD;gBACI,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC;SACpD;IACL,CAAC;IAEO,SAAS,CAAC,YAA4B;QAC1C,IAAI,CAAC,YAAY,CAAC,MAAM;YACpB,OAAO,MAAM,CAAC;QAClB,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;YACzC,OAAO,YAAY,CAAC,MAAM,CAAC;QAC/B,OAAO,GAAG,YAAY,CAAC,MAAM,IAAI,CAAC;IACtC,CAAC;CACJ"}

package/{bundles/types → lib}/wallet-buttons/apple.wallet-service.d.ts

@@ -32,9 +32,11 @@ export declare class AppleWalletService extends WalletService implements IWallet
     private checkAvailability;
     private mount;
     private onApplePayButtonClicked;
+    private onCancelPayment;
     private createRequest;
     private getMerchantSession;
     private onValidateMerchant;
+    private handleMerchantOnButtonClickEvent;
     private onPaymentAuthorized;
     private onShippingContactSelected;
     private onShippingMethodSelected;
@@ -43,4 +45,3 @@ export declare class AppleWalletService extends WalletService implements IWallet
     private createButtonStyle;
 }
 export {};
-//# sourceMappingURL=apple.wallet-service.d.ts.map