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

package/build/constants/index.js

@@ -1,51 +1,3 @@
-export var Scope = {
-    AppleToken: 'AppleToken',
-    TapToken: 'TapToken'
-};
-export var ButtonStyle = {
-    Black: 'black',
-    White: 'white',
-    WhiteOutline: 'white-outline'
-};
-export var Locale = {
-    EN: 'en',
-    AR: 'ar',
-    FR: 'fr'
-};
-export var ButtonType = {
-    BOOK: 'book',
-    BUY: 'buy',
-    CHECK_OUT: 'check-out',
-    PAY: 'pay',
-    PLAIN: 'plain',
-    SUBSCRIBE: 'subscribe'
-};
-export var MerchantCapabilities = {
-    Supports3DS: 'supports3DS',
-    SupportsCredit: 'supportsCredit',
-    SupportsDebit: 'supportsDebit'
-};
-export var SupportedNetworks = {
-    Amex: 'amex',
-    Mada: 'mada',
-    MasterCard: 'masterCard',
-    Visa: 'visa',
-    ChinaUnionPay: 'chinaUnionPay',
-    Discover: 'discover',
-    Electron: 'electron',
-    Jcb: 'jcb',
-    Maestro: 'maestro'
-};
-export var ApplePayVersion = 5;
-export var Environment = {
-    Production: 'production',
-    Sandbox: 'sandbox',
-    Beta: 'beta',
-    Development: 'development',
-    Staging: 'staging'
-};
-export var RSA_DEV_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC8AX++RtxPZFtns4XzXFlDIxPBh0umN4qRXZaKDIlb6a3MknaB7psJWmf2l+e4Cfh9b5tey/+rZqpQ065eXTZfGCAuBLt+fYLQBhLfjRpk8S6hlIzc1Kdjg65uqzMwcTd0p7I4KLwHk1I0oXzuEu53fU1LSZhWp4Mnd6wjVgXAsQIDAQAB\n-----END PUBLIC KEY-----";
-export var RSA_SANDBOX_MW_PUBLIC_KEY = "";
-export var RSA_PRODUCTION_MW_PUBLIC_KEY = "";
-export var RSA_BETA_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC9hSRms7Ir1HmzdZxGXFYgmpi3\nez7VBFje0f8wwrxYS9oVoBtN4iAt0DOs3DbeuqtueI31wtpFVUMGg8W7R0SbtkZd\nGzszQNqt/wyqxpDC9q+97XdXwkWQFA72s76ud7eMXQlsWKsvgwhY+Ywzt0KlpNC3\nHj+N6UWFOYK98Xi+sQIDAQAB\n-----END PUBLIC KEY-----";
-export var RSA_STAGING_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCi9W5jyTvA4Iwv3V5sfNQ7VdSz\n7WqwBbnWFbIUL/GjaaE93mvDv4zbgRSznHaHQPH6pxrMhMh0tV58njkvjHvQ/tvg\npwM8SemNPKEEAPl69tnMvCrJRPh2dWL3OHY8yCW4c38Hyx4fy56Zd5cdoVWfCReu\njCsvASLGz+cfRrj2swIDAQAB\n-----END PUBLIC KEY-----";
+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,6 +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 const renderApplePayButton: (props: ApplePayButtonProps, elementId: string) => any;
+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

@@ -1,80 +1,49 @@
-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);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { createRoot } from 'react-dom/client';
-import { findOrCreateElementAndInject } from '../../utils';
-import { useApplePay } from '../../hooks/useApplePay';
-import { ButtonStyle, ButtonType, Locale, 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, onClick = _a.onClick, metaData = _a.metaData, _b = _a.scope, scope = _b === void 0 ? Scope.TapToken : _b, _c = _a.buttonStyle, buttonStyle = _c === void 0 ? ButtonStyle.WhiteOutline : _c, _d = _a.type, type = _d === void 0 ? ButtonType.PLAIN : _d, _e = _a.locale, locale = _e === void 0 ? Locale.EN : _e, debug = _a.debug, merchantIdentifier = _a.merchantIdentifier, environment = _a.environment, onReady = _a.onReady;
-    var _f = useApplePay({
-        publicKey: publicKey,
-        merchant: merchant,
-        transaction: transaction,
-        billingContact: billingContact,
-        supportedNetworks: supportedNetworks,
-        onError: onError,
-        onSuccess: onSuccess,
-        onCancel: onCancel,
-        scope: scope,
-        metaData: metaData,
-        debug: debug,
-        merchantIdentifier: merchantIdentifier,
-        environment: environment,
-        locale: locale,
-        onReady: onReady
-    }), loading = _f.loading, onApplePayButtonClicked = _f.onApplePayButtonClicked, disabled = _f.disabled;
-    React.useEffect(function () {
-        if (debug) {
-            console.log('ApplePayButtonProps', {
-                publicKey: publicKey,
-                merchant: merchant,
-                transaction: transaction,
-                billingContact: billingContact,
-                supportedNetworks: supportedNetworks,
-                metaData: metaData,
-                scope: scope,
-                buttonStyle: buttonStyle,
-                type: type,
-                locale: locale,
-                debug: debug
-            });
-        }
-    }, []);
-    return (_jsx("button", { className: 'button-applepay-tap', style: {
-            '-apple-pay-button-type': type,
-            '-apple-pay-button-style': buttonStyle
-        }, onClick: function () {
-            onApplePayButtonClicked();
-            onClick === null || onClick === void 0 ? void 0 : onClick();
-        }, lang: locale, disabled: loading || disabled }));
-});
-export function ApplePayButton(props) {
-    return _jsx(ApplePay, __assign({}, props));
-}
-var tapConnectInstance = null;
-export var renderApplePayButton = function (props, elementId) {
-    if (tapConnectInstance) {
-        return tapConnectInstance;
-    }
-    var el = findOrCreateElementAndInject(elementId);
-    var root = createRoot(el);
-    root.render(_jsx(ApplePayButton, __assign({}, props)));
-    var unmount = function () {
-        root.unmount();
-        tapConnectInstance = null;
-    };
-    tapConnectInstance = { unmount: unmount };
-    return tapConnectInstance;
-};
+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);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { createRoot } from 'react-dom/client';
+import { findOrCreateElementAndInject } from '../../utils';
+import { useApplePay } from '../../hooks/useApplePay';
+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));
+}
+var tapConnectInstance = null;
+export var renderApplePayButton = function (props, elementId) {
+    if (tapConnectInstance) {
+        return tapConnectInstance;
+    }
+    var el = findOrCreateElementAndInject(elementId);
+    var root = createRoot(el);
+    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';
-export { ApplePayButton, renderApplePayButton };
-export type { ApplePayButtonProps };
+import { ApplePayButtonProps, ApplePayButton, renderApplePayButton, ApplePayRequestData } from './ApplePayButton';
+export { ApplePayButton, renderApplePayButton };
+export type { ApplePayButtonProps, ApplePayRequestData };

package/build/features/ApplePayButton/index.js

@@ -1,2 +1,2 @@
-import { ApplePayButton, renderApplePayButton } from './ApplePayButton';
-export { ApplePayButton, renderApplePayButton };
+import { ApplePayButton, renderApplePayButton } from './ApplePayButton';
+export { ApplePayButton, renderApplePayButton };

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 {
-    loading: boolean;
-    onApplePayButtonClicked: () => Promise<void>;
-    disabled: boolean;
-}
-export declare const useApplePay: ({ publicKey, merchant, transaction, billingContact, onCancel, onError, onSuccess, scope, supportedNetworks, metaData, debug, merchantIdentifier, environment, locale, onReady }: UseApplePayProps) => UseApplePayReturnProps;
-export {};
+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;
+    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 {};