@tap-payments/apple-pay-button 0.0.3-test → 0.0.4-staging

package/build/@types/tapTheme.js

@@ -0,0 +1 @@
+export {};

package/build/api.d.ts

@@ -0,0 +1,29 @@
+import { MerchantResponse, CheckoutProfileRequest, ChargeRequestBody, AuthorizeRequestBody } from './@types';
+export declare const setAxiosGlobalHeaders: (headers: Record<string, string>) => void;
+export declare const getAxiosGlobalHeaders: () => {
+    [x: string]: import("axios").AxiosHeaderValue | undefined;
+    Accept?: import("axios").AxiosHeaderValue | undefined;
+    "Content-Length"?: import("axios").AxiosHeaderValue | undefined;
+    "User-Agent"?: import("axios").AxiosHeaderValue | undefined;
+    "Content-Encoding"?: import("axios").AxiosHeaderValue | undefined;
+    Authorization?: import("axios").AxiosHeaderValue | undefined;
+    'Content-Type'?: import("axios").AxiosHeaderValue | undefined;
+};
+declare class APPService {
+    setHttpHeaders(headers: Record<string, string>): Promise<void>;
+    setBrowserHeaders({ locale, pk, domain }: {
+        locale: string;
+        pk: string;
+        domain: string;
+    }): Promise<void>;
+    checkoutProfile(request: CheckoutProfileRequest): Promise<{
+        merchant: any;
+        payment_options: any;
+    }>;
+    appleSession(merchant: Pick<MerchantResponse, 'name' | 'id'>, validationURL: string, merchantRegisteredDomain: string, merchantIdentifier: string): Promise<any>;
+    tapTokenization(applePaymentData: Record<string, string>): Promise<any>;
+    createCharge(request: ChargeRequestBody): Promise<any>;
+    createAuthorize(request: AuthorizeRequestBody): Promise<any>;
+}
+declare const appService: APPService;
+export default appService;

package/build/api.js

@@ -0,0 +1,244 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import BrowserInfo from '@tap-payments/browser-info';
+import { MW_BASE_URL, RSA_MW_PUBLIC_KEY } from './constants';
+import axios from 'axios';
+import { generateApplicationHeader, rsaSetup } from '@tap-payments/acceptance-sdk';
+var axiosInstance = axios.create({
+    baseURL: MW_BASE_URL,
+    headers: {
+        'Content-Type': 'application/json'
+    }
+});
+export var setAxiosGlobalHeaders = function (headers) {
+    Object.entries(headers).forEach(function (_a) {
+        var key = _a[0], value = _a[1];
+        axiosInstance.defaults.headers.common[key] = value;
+    });
+};
+export var getAxiosGlobalHeaders = function () {
+    return __assign({}, axiosInstance.defaults.headers.common);
+};
+var APPService = (function () {
+    function APPService() {
+    }
+    Object.defineProperty(APPService.prototype, "setHttpHeaders", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (headers) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    setAxiosGlobalHeaders(headers);
+                    return [2];
+                });
+            });
+        }
+    });
+    Object.defineProperty(APPService.prototype, "setBrowserHeaders", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (_a) {
+            var locale = _a.locale, pk = _a.pk, domain = _a.domain;
+            return __awaiter(this, void 0, void 0, function () {
+                var encryptString, encryptedHeaders, mdn, authorization, rest, application;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            encryptString = rsaSetup(RSA_MW_PUBLIC_KEY);
+                            return [4, new BrowserInfo.BrowserInfo({
+                                    app: { name: '@tap-payments/apple-pay-button', language: locale },
+                                    credentials: { mdn: domain, pk: pk },
+                                    encrypt: function (_key, value) { return encryptString(value.substring(0, 115)); }
+                                }).get()];
+                        case 1:
+                            encryptedHeaders = _b.sent();
+                            mdn = encryptedHeaders.mdn, authorization = encryptedHeaders.authorization, rest = __rest(encryptedHeaders, ["mdn", "authorization"]);
+                            application = generateApplicationHeader(rest);
+                            setAxiosGlobalHeaders({
+                                authorization: pk,
+                                mdn: mdn,
+                                application: application
+                            });
+                            return [2];
+                    }
+                });
+            });
+        }
+    });
+    Object.defineProperty(APPService.prototype, "checkoutProfile", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (request) {
+            return __awaiter(this, void 0, void 0, function () {
+                var data, merchant, payment_options, session;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4, axiosInstance.post('/checkoutprofile', request)];
+                        case 1:
+                            data = (_a.sent()).data;
+                            if (data.errors)
+                                throw data;
+                            merchant = data.merchant, payment_options = data.payment_options, session = data.session;
+                            setAxiosGlobalHeaders({ session: session });
+                            return [2, { merchant: merchant, payment_options: payment_options }];
+                    }
+                });
+            });
+        }
+    });
+    Object.defineProperty(APPService.prototype, "appleSession", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (merchant, validationURL, merchantRegisteredDomain, merchantIdentifier) {
+            return __awaiter(this, void 0, void 0, function () {
+                var body, data;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            body = {
+                                validationUrl: validationURL,
+                                origin: merchantRegisteredDomain,
+                                merchantIdentifier: merchantIdentifier,
+                                merchantId: merchant.id,
+                                merchantName: merchant.name
+                            };
+                            return [4, axiosInstance.post('/validatemerchant', body)];
+                        case 1:
+                            data = (_a.sent()).data;
+                            if (data.errors)
+                                throw data;
+                            return [2, data];
+                    }
+                });
+            });
+        }
+    });
+    Object.defineProperty(APPService.prototype, "tapTokenization", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (applePaymentData) {
+            return __awaiter(this, void 0, void 0, function () {
+                var body, data;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            body = {
+                                type: 'applepay',
+                                token_data: applePaymentData
+                            };
+                            return [4, axiosInstance.post('/token', body)];
+                        case 1:
+                            data = (_a.sent()).data;
+                            if (data.errors)
+                                throw data;
+                            return [2, data];
+                    }
+                });
+            });
+        }
+    });
+    Object.defineProperty(APPService.prototype, "createCharge", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (request) {
+            return __awaiter(this, void 0, void 0, function () {
+                var data;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4, axiosInstance.post('/charge', request)];
+                        case 1:
+                            data = (_a.sent()).data;
+                            if (data.errors)
+                                throw data;
+                            return [2, data];
+                    }
+                });
+            });
+        }
+    });
+    Object.defineProperty(APPService.prototype, "createAuthorize", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (request) {
+            return __awaiter(this, void 0, void 0, function () {
+                var data;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4, axiosInstance.post('/authorize', request)];
+                        case 1:
+                            data = (_a.sent()).data;
+                            if (data.errors)
+                                throw data;
+                            return [2, data];
+                    }
+                });
+            });
+        }
+    });
+    return APPService;
+}());
+var appService = new APPService();
+export default appService;

package/build/constants/index.d.ts

@@ -1,21 +1,3 @@
-export declare const Scope: {
-    readonly AppleToken: "AppleToken";
-    readonly TapToken: "TapToken";
-};
-export declare const ButtonStyle: {
-    readonly Black: "black";
-    readonly White: "white";
-    readonly WhiteOutline: "whiteOutline";
-};
-export declare const MerchantCapabilities: {
-    readonly Supports3DS: "supports3DS";
-    readonly SupportsCredit: "supportsCredit";
-    readonly SupportsDebit: "supportsDebit";
-};
-export declare const SupportedNetworks: {
-    readonly Amex: "amex";
-    readonly Mada: "mada";
-    readonly MasterCard: "masterCard";
-    readonly Visa: "visa";
-};
 export declare const ApplePayVersion = 5;
+export declare const RSA_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCi9W5jyTvA4Iwv3V5sfNQ7VdSz\n7WqwBbnWFbIUL/GjaaE93mvDv4zbgRSznHaHQPH6pxrMhMh0tV58njkvjHvQ/tvg\npwM8SemNPKEEAPl69tnMvCrJRPh2dWL3OHY8yCW4c38Hyx4fy56Zd5cdoVWfCReu\njCsvASLGz+cfRrj2swIDAQAB\n-----END PUBLIC KEY-----";
+export declare const MW_BASE_URL = "https://mw-sdk.staging.tap.company/v2/checkout";

package/build/constants/index.js

@@ -1,21 +1,3 @@
-export var Scope = {
-    AppleToken: 'AppleToken',
-    TapToken: 'TapToken'
-};
-export var ButtonStyle = {
-    Black: 'black',
-    White: 'white',
-    WhiteOutline: 'whiteOutline'
-};
-export var MerchantCapabilities = {
-    Supports3DS: 'supports3DS',
-    SupportsCredit: 'supportsCredit',
-    SupportsDebit: 'supportsDebit'
-};
-export var SupportedNetworks = {
-    Amex: 'amex',
-    Mada: 'mada',
-    MasterCard: 'masterCard',
-    Visa: 'visa'
-};
 export var ApplePayVersion = 5;
+export var RSA_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCi9W5jyTvA4Iwv3V5sfNQ7VdSz\n7WqwBbnWFbIUL/GjaaE93mvDv4zbgRSznHaHQPH6pxrMhMh0tV58njkvjHvQ/tvg\npwM8SemNPKEEAPl69tnMvCrJRPh2dWL3OHY8yCW4c38Hyx4fy56Zd5cdoVWfCReu\njCsvASLGz+cfRrj2swIDAQAB\n-----END PUBLIC KEY-----";
+export var MW_BASE_URL = 'https://mw-sdk.staging.tap.company/v2/checkout';

package/build/features/ApplePayButton/ApplePayButton.d.ts

@@ -1,8 +1,4 @@
-/// <reference types="react" />
-import { ApplePayButtonProps } from '../../@types';
-import './ApplePayButton.css';
-export type { ApplePayButtonProps };
-export declare function ApplePayButton(props: ApplePayButtonProps): JSX.Element;
-export declare function renderApplePayButton(config: ApplePayButtonProps, elementId: string): {
-    unmount: () => void;
-};
+import { ApplePayButtonProps, ApplePayRequestData } from '../../@types';
+export type { ApplePayButtonProps, ApplePayRequestData };
+export declare function ApplePayButton(props: ApplePayButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare const renderApplePayButton: (props: ApplePayButtonProps, elementId: string) => any;

package/build/features/ApplePayButton/ApplePayButton.js

@@ -10,34 +10,40 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
+import * as React from 'react';
 import { createRoot } from 'react-dom/client';
-import { createElementAndInject } from '../../utils';
+import { findOrCreateElementAndInject } from '../../utils';
 import { useApplePay } from '../../hooks/useApplePay';
-import { ButtonStyle, Scope } from '../../constants';
-import './ApplePayButton.css';
-var ApplePay = React.memo(function (_a) {
-    var publicKey = _a.publicKey, merchant = _a.merchant, transaction = _a.transaction, billingContact = _a.billingContact, supportedNetworks = _a.supportedNetworks, onCancel = _a.onCancel, onError = _a.onError, onSuccess = _a.onSuccess, _b = _a.scope, scope = _b === void 0 ? Scope.TapToken : _b, _c = _a.buttonStyle, buttonStyle = _c === void 0 ? ButtonStyle.WhiteOutline : _c;
-    var _d = useApplePay({
-        publicKey: publicKey,
-        merchant: merchant,
-        transaction: transaction,
-        billingContact: billingContact,
-        supportedNetworks: supportedNetworks,
-        onCancel: onCancel,
-        onError: onError,
-        onSuccess: onSuccess,
-        scope: scope
-    }), loading = _d.loading, onApplePayButtonClicked = _d.onApplePayButtonClicked, disabled = _d.disabled;
-    return (_jsx("button", __assign({ className: "button-applepay-tap ".concat(buttonStyle), onClick: onApplePayButtonClicked, disabled: loading || disabled }, { children: _jsx("div", __assign({ className: 'img-container' }, { children: _jsx("img", { loading: 'eager', src: 'https://back-end.b-cdn.net/payment_methods/apple_pay.svg' }) })) })));
+import { Locale, PayButton } from '@tap-payments/acceptance-sdk';
+var ApplePay = React.memo(function (props) {
+    var _a, _b, _c;
+    var _d = useApplePay({ buttonProps: props }), onClick = _d.onClick, initialLoading = _d.initialLoading, mappedProps = _d.mappedProps, theme = _d.theme, isRounded = _d.isRounded, success = _d.success, error = _d.error, applePayPaymentMethodOptions = _d.applePayPaymentMethodOptions, profileData = _d.profileData;
+    React.useEffect(function () {
+        if (props.debug) {
+            console.log('ApplePayButtonProps', props);
+        }
+    }, []);
+    return (_jsx("div", __assign({ style: {
+            width: '100%',
+            display: 'flex',
+            justifyContent: 'center'
+        } }, { children: _jsx(PayButton, { shimmerLoader: !profileData || initialLoading || !applePayPaymentMethodOptions, locale: ((_a = mappedProps.interface) === null || _a === void 0 ? void 0 : _a.locale) || Locale.EN, theme: theme, edges: (_b = mappedProps.interface) === null || _b === void 0 ? void 0 : _b.edges, colorStyle: (_c = mappedProps.interface) === null || _c === void 0 ? void 0 : _c.colorStyle, isFailed: error, isRounded: isRounded, isSuccess: success, onClick: onClick, buttonStyle: applePayPaymentMethodOptions === null || applePayPaymentMethodOptions === void 0 ? void 0 : applePayPaymentMethodOptions.button_style }) })));
 });
 export function ApplePayButton(props) {
     return _jsx(ApplePay, __assign({}, props));
 }
-export function renderApplePayButton(config, elementId) {
-    var el = createElementAndInject(elementId);
+var tapConnectInstance = null;
+export var renderApplePayButton = function (props, elementId) {
+    if (tapConnectInstance) {
+        return tapConnectInstance;
+    }
+    var el = findOrCreateElementAndInject(elementId);
     var root = createRoot(el);
-    root.render(_jsx(ApplePay, __assign({}, config)));
-    var unmount = function () { return root.unmount(); };
-    return { unmount: unmount };
-}
+    root.render(_jsx(ApplePayButton, __assign({}, props)));
+    var unmount = function () {
+        root.unmount();
+        tapConnectInstance = null;
+    };
+    tapConnectInstance = { unmount: unmount };
+    return tapConnectInstance;
+};

package/build/features/ApplePayButton/index.d.ts

@@ -1,3 +1,3 @@
-import { ApplePayButtonProps, ApplePayButton, renderApplePayButton } from './ApplePayButton';
+import { ApplePayButtonProps, ApplePayButton, renderApplePayButton, ApplePayRequestData } from './ApplePayButton';
 export { ApplePayButton, renderApplePayButton };
-export type { ApplePayButtonProps };
+export type { ApplePayButtonProps, ApplePayRequestData };

package/build/hooks/index.d.ts

@@ -1 +1 @@
-export * from './useScript';
+export * from './useApplePay';

package/build/hooks/index.js

@@ -1 +1 @@
-export * from './useScript';
+export * from './useApplePay';

package/build/hooks/useApplePay.d.ts

@@ -1,9 +1,93 @@
-import { ApplePayButtonProps } from '../@types';
-declare type UseApplePayProps = Omit<ApplePayButtonProps, 'buttonStyle'>;
-interface UseApplePayReturnProps {
+import { ApplePayButtonProps, ApplePayDataToLunchSDKFromMerchantSide, ApplePayRequestData, MetaData, Scope } from '../@types';
+interface UsaApplePayProps {
+    buttonProps: ApplePayButtonProps;
+}
+export declare const useApplePay: ({ buttonProps }: UsaApplePayProps) => {
+    onClick: () => void;
     loading: boolean;
+    isIframeIntegration: boolean;
     onApplePayButtonClicked: () => Promise<void>;
     disabled: boolean;
-}
-export declare const useApplePay: ({ publicKey, merchant, transaction, billingContact, onCancel, onError, onSuccess, scope, supportedNetworks }: UseApplePayProps) => UseApplePayReturnProps;
+    applePayRequestData: ApplePayRequestData | undefined;
+    applePayRequestConfiguration: Omit<ApplePayDataToLunchSDKFromMerchantSide, "applePayRequestData"> | undefined;
+    mappedProps: {
+        interface: {
+            locale?: import("@tap-payments/acceptance-sdk").Locale | undefined;
+            theme?: import("@tap-payments/acceptance-sdk").ThemeMode | undefined;
+            edges?: import("@tap-payments/acceptance-sdk").Edges | undefined;
+            colorStyle?: import("@tap-payments/acceptance-sdk").ColorStyle | undefined;
+            loader?: boolean | undefined;
+            userExperience?: "popup" | "page" | undefined;
+            powered?: boolean | undefined;
+            direction?: import("@tap-payments/acceptance-sdk").Direction | undefined;
+            cardDirection?: import("@tap-payments/acceptance-sdk").Direction | undefined;
+        } | undefined;
+        operator: {
+            publicKey: string;
+            hashstring?: string | undefined;
+        };
+        merchant: {
+            id: string;
+            identifier?: string | undefined;
+        };
+        scope: Scope;
+        customer?: import("../@types").Customer | undefined;
+        acceptance?: import("../@types").Acceptance | undefined;
+        transaction?: {
+            authentication?: boolean | undefined;
+            authorize?: {
+                auto: {
+                    type: string;
+                    time: number;
+                };
+            } | undefined;
+            metadata?: Record<string, string> | undefined;
+            reference?: string | undefined;
+            paymentAgreement?: {
+                id: string;
+                contract?: {
+                    id: string;
+                } | undefined;
+            } | undefined;
+            destinations?: Record<string, any> | undefined;
+        } | undefined;
+        invoice?: {
+            id: string;
+        } | undefined;
+        order: {
+            amount: number;
+            currency: string;
+            id?: string | undefined;
+            description?: string | undefined;
+            metadata?: Record<string, string> | undefined;
+            reference?: string | undefined;
+        };
+        post?: {
+            url: string;
+        } | undefined;
+        redirect?: {
+            url: string;
+        } | undefined;
+        onOrderCreated?: ((orderId: string) => void) | undefined;
+        onCancel?: (() => void) | undefined;
+        onError?: ((error: any) => void) | undefined;
+        onSuccess?: ((data: Record<string, any>) => Promise<void>) | undefined;
+        onClick?: ((data?: ApplePayDataToLunchSDKFromMerchantSide | undefined) => void) | undefined;
+        onReady?: (() => void) | undefined;
+        metaData?: MetaData | undefined;
+        debug?: boolean | undefined;
+        integration?: "iframe" | "sdk" | "webview" | undefined;
+        headers?: {
+            mdn: string;
+            application: string;
+        } | undefined;
+    };
+    theme: import("../@types").ThemeMode;
+    initialLoading: boolean;
+    isRounded: boolean;
+    success: boolean;
+    error: boolean;
+    applePayPaymentMethodOptions: import("../@types").PaymentMethod | null;
+    profileData: Pick<MetaData, "merchant" | "payment_options"> | undefined;
+};
 export {};