@tap-payments/apple-pay-button 0.0.68-development → 1.0.0-test

package/build/constants/index.d.ts

@@ -1,3 +1,59 @@
+export declare const Scope: {
+    readonly AppleToken: "AppleToken";
+    readonly TapToken: "TapToken";
+};
+export declare const ButtonStyle: {
+    readonly Black: "black";
+    readonly White: "white";
+    readonly WhiteOutline: "white-outline";
+};
+export declare const Locale: {
+    readonly EN: "en";
+    readonly AR: "ar";
+    readonly FR: "fr";
+};
+export declare const ButtonType: {
+    readonly BOOK: "book";
+    readonly BUY: "buy";
+    readonly CHECK_OUT: "check-out";
+    readonly PAY: "pay";
+    readonly PLAIN: "plain";
+    readonly SUBSCRIBE: "subscribe";
+};
+export declare const ThemeMode: {
+    readonly DARK: "dark";
+    readonly LIGHT: "light";
+};
+export declare const Edges: {
+    readonly STRAIGHT: "straight";
+    readonly CURVED: "curved";
+};
+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";
+    readonly ChinaUnionPay: "chinaUnionPay";
+    readonly Discover: "discover";
+    readonly Electron: "electron";
+    readonly Jcb: "jcb";
+    readonly Maestro: "maestro";
+};
 export declare const ApplePayVersion = 5;
-export declare const RSA_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC8AX++RtxPZFtns4XzXFlDIxPBh0umN4qRXZaKDIlb6a3MknaB7psJWmf2l+e4Cfh9b5tey/+rZqpQ065eXTZfGCAuBLt+fYLQBhLfjRpk8S6hlIzc1Kdjg65uqzMwcTd0p7I4KLwHk1I0oXzuEu53fU1LSZhWp4Mnd6wjVgXAsQIDAQAB\n-----END PUBLIC KEY-----";
-export declare const MW_BASE_URL = "https://mw-sdk.dev.tap.company/v2/checkout";
+export declare const Environment: {
+    readonly Production: "production";
+    readonly Sandbox: "sandbox";
+    readonly Beta: "beta";
+    readonly Development: "development";
+    readonly Staging: "staging";
+};
+export declare const RSA_DEV_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC8AX++RtxPZFtns4XzXFlDIxPBh0umN4qRXZaKDIlb6a3MknaB7psJWmf2l+e4Cfh9b5tey/+rZqpQ065eXTZfGCAuBLt+fYLQBhLfjRpk8S6hlIzc1Kdjg65uqzMwcTd0p7I4KLwHk1I0oXzuEu53fU1LSZhWp4Mnd6wjVgXAsQIDAQAB\n-----END PUBLIC KEY-----";
+export declare const RSA_SANDBOX_MW_PUBLIC_KEY = "";
+export declare const RSA_STAGING_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCi9W5jyTvA4Iwv3V5sfNQ7VdSz\n7WqwBbnWFbIUL/GjaaE93mvDv4zbgRSznHaHQPH6pxrMhMh0tV58njkvjHvQ/tvg\npwM8SemNPKEEAPl69tnMvCrJRPh2dWL3OHY8yCW4c38Hyx4fy56Zd5cdoVWfCReu\njCsvASLGz+cfRrj2swIDAQAB\n-----END PUBLIC KEY-----";
+export declare const RSA_BETA_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC9hSRms7Ir1HmzdZxGXFYgmpi3\nez7VBFje0f8wwrxYS9oVoBtN4iAt0DOs3DbeuqtueI31wtpFVUMGg8W7R0SbtkZd\nGzszQNqt/wyqxpDC9q+97XdXwkWQFA72s76ud7eMXQlsWKsvgwhY+Ywzt0KlpNC3\nHj+N6UWFOYK98Xi+sQIDAQAB\n-----END PUBLIC KEY-----";
+export declare const RSA_PRODUCTION_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC9hSRms7Ir1HmzdZxGXFYgmpi3\nez7VBFje0f8wwrxYS9oVoBtN4iAt0DOs3DbeuqtueI31wtpFVUMGg8W7R0SbtkZd\nGzszQNqt/wyqxpDC9q+97XdXwkWQFA72s76ud7eMXQlsWKsvgwhY+Ywzt0KlpNC3\nHj+N6UWFOYK98Xi+sQIDAQAB\n-----END PUBLIC KEY-----";

package/build/constants/index.js

@@ -1,3 +1,59 @@
+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 ThemeMode = {
+    DARK: 'dark',
+    LIGHT: 'light'
+};
+export var Edges = {
+    STRAIGHT: 'straight',
+    CURVED: 'curved'
+};
+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 RSA_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC8AX++RtxPZFtns4XzXFlDIxPBh0umN4qRXZaKDIlb6a3MknaB7psJWmf2l+e4Cfh9b5tey/+rZqpQ065eXTZfGCAuBLt+fYLQBhLfjRpk8S6hlIzc1Kdjg65uqzMwcTd0p7I4KLwHk1I0oXzuEu53fU1LSZhWp4Mnd6wjVgXAsQIDAQAB\n-----END PUBLIC KEY-----";
-export var MW_BASE_URL = 'https://mw-sdk.dev.tap.company/v2/checkout';
+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_STAGING_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCi9W5jyTvA4Iwv3V5sfNQ7VdSz\n7WqwBbnWFbIUL/GjaaE93mvDv4zbgRSznHaHQPH6pxrMhMh0tV58njkvjHvQ/tvg\npwM8SemNPKEEAPl69tnMvCrJRPh2dWL3OHY8yCW4c38Hyx4fy56Zd5cdoVWfCReu\njCsvASLGz+cfRrj2swIDAQAB\n-----END 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_PRODUCTION_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC9hSRms7Ir1HmzdZxGXFYgmpi3\nez7VBFje0f8wwrxYS9oVoBtN4iAt0DOs3DbeuqtueI31wtpFVUMGg8W7R0SbtkZd\nGzszQNqt/wyqxpDC9q+97XdXwkWQFA72s76ud7eMXQlsWKsvgwhY+Ywzt0KlpNC3\nHj+N6UWFOYK98Xi+sQIDAQAB\n-----END PUBLIC KEY-----";

package/build/features/ApplePayButton/ApplePayButton.css

@@ -0,0 +1,21 @@
+.button-applepay-tap {
+	-webkit-appearance: -apple-pay-button;
+	display: block;
+	width: 100%;
+	height: 48px;
+	min-height: 30px;
+	cursor: pointer;
+}
+.button-applepay-tap:disabled {
+	cursor: default;
+}
+.black {
+	-apple-pay-button-style: black;
+}
+.white {
+	-apple-pay-button-style: white;
+}
+.whiteOutline {
+	-apple-pay-button-style: white;
+	border: solid 1px gray;
+}

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

@@ -1,5 +1,7 @@
 /// <reference types="react" />
-import { ApplePayButtonProps, ApplePayRequestData } from '../../@types';
-export type { ApplePayButtonProps, ApplePayRequestData };
+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;
+export declare function abortApplePaySession(): void;
+export declare const render: (props: ApplePayButtonProps, elementId: string) => any;

package/build/features/ApplePayButton/ApplePayButton.js

@@ -14,26 +14,42 @@ 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';
+import './ApplePayButton.css';
+import { getDefaultValues } from '../../utils/defaultValues';
+import { ButtonStyle, Edges, ThemeMode } from '../../constants';
+import { GetEvents, useGetEvents } from '../../hooks/useGetEvents';
 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;
+    var mappedProps = getDefaultValues(props);
+    var _a = useApplePay(mappedProps), loading = _a.loading, onApplePayButtonClicked = _a.onApplePayButtonClicked, disabled = _a.disabled, abortApplePaySession = _a.abortApplePaySession;
+    var onEventReceieved = React.useCallback(function (event) {
+        if (event === GetEvents.ABORT) {
+            abortApplePaySession();
+        }
+    }, [abortApplePaySession]);
+    useGetEvents(onEventReceieved);
     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 }) })));
+    return (_jsx("button", { className: 'button-applepay-tap', style: {
+            ApplePayButtonType: mappedProps.interface.type,
+            ApplePayButtonStyle: mappedProps.interface.theme === ThemeMode.DARK ? ButtonStyle.Black : ButtonStyle.White,
+            borderRadius: mappedProps.interface.edges === Edges.STRAIGHT ? '0' : '10px'
+        }, onClick: function () {
+            var _a;
+            onApplePayButtonClicked();
+            (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props);
+        }, lang: mappedProps.interface.locale, disabled: loading || disabled }));
 });
 export function ApplePayButton(props) {
     return _jsx(ApplePay, __assign({}, props));
 }
+export function abortApplePaySession() {
+    window.postMessage({ event: GetEvents.ABORT }, '*');
+}
 var tapConnectInstance = null;
-export var renderApplePayButton = function (props, elementId) {
+export var render = function (props, elementId) {
     if (tapConnectInstance) {
         return tapConnectInstance;
     }

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

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

package/build/features/ApplePayButton/index.js

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

package/build/hooks/index.d.ts

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

package/build/hooks/index.js

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

package/build/hooks/useApplePay.d.ts

@@ -1,88 +1,10 @@
-import { ApplePayButtonProps, ApplePayDataToLunchSDKFromMerchantSide, ApplePayRequestData, MetaData, Scope } from '../@types';
-interface UsaApplePayProps {
-    buttonProps: ApplePayButtonProps;
-}
-export declare const useApplePay: ({ buttonProps }: UsaApplePayProps) => {
-    onClick: () => void;
+import { ApplePayButtonProps } from '../@types';
+declare type UseApplePayProps = Omit<ApplePayButtonProps, 'buttonStyle'>;
+interface UseApplePayReturnProps {
     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;
-        } | undefined;
-        operator: {
-            publicKey: string;
-            hashstring?: string | undefined;
-        };
-        merchant: {
-            id: string;
-        };
-        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>) => void) | undefined;
-        onClick?: ((data?: ApplePayDataToLunchSDKFromMerchantSide | undefined) => void) | undefined;
-        onReady?: (() => void) | undefined;
-        metaData?: MetaData | undefined;
-        debug?: boolean | undefined;
-        integration?: "iframe" | "sdk" | 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;
-};
+    onApplePayButtonClicked: () => Promise<void>;
+    abortApplePaySession: () => void;
+}
+export declare const useApplePay: ({ publicKey, merchant, transaction, interface: interfaceObj, customer, onCancel, onError, onSuccess, scope, acceptance, metaData, debug, environment, onReady, onMerchantValidation, onShippingContactSelected, onPaymentMethodSelected, onCouponChanged }: UseApplePayProps) => UseApplePayReturnProps;
 export {};