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

package/build/index.js

@@ -1,10 +1,12 @@
-import { ApplePayButton, renderApplePayButton } from './features/ApplePayButton';
-import { ThemeMode, Scope, SupportedNetworks, Locale, ButtonType, Edges, MerchantCapabilities } from './@types/enums';
-export { ApplePayButton, ThemeMode, Scope, SupportedNetworks, Locale, ButtonType, Edges, MerchantCapabilities };
-window['TapSDKs'] = {
-    renderApplePayButton: renderApplePayButton,
+import { ApplePayButton, render, abortApplePaySession } from './features/ApplePayButton';
+import { ThemeMode, Scope, SupportedNetworks, Environment, Locale, ButtonType, Edges, MerchantCapabilities } from './constants';
+export { ApplePayButton, abortApplePaySession, ThemeMode, Scope, SupportedNetworks, Environment, Locale, ButtonType, Edges, MerchantCapabilities };
+window['TapApplepaySDK'] = {
+    render: render,
+    abortApplePaySession: abortApplePaySession,
     Scope: Scope,
     SupportedNetworks: SupportedNetworks,
+    Environment: Environment,
     Locale: Locale,
     ButtonType: ButtonType,
     ThemeMode: ThemeMode,

package/build/utils/config.d.ts

@@ -1,11 +1,13 @@
-import { Acceptance, ApplePayButtonProps, ApplePayRequestData, MetaData, PaymentMethod } from '../@types';
-export declare const validateSupportedNetworks: (supportedNetworksOptions: Acceptance['supportedSchemes'], merchantSupportedNetworks?: Acceptance['supportedSchemes']) => Acceptance['supportedSchemes'];
-export declare const getApplePayPaymentMethod: (paymentMethods: Array<PaymentMethod>) => PaymentMethod;
-export declare const getApplePayRequest: ({ order, customer, supportedNetworks, merchantCapabilities, countryCode, name }: Pick<ApplePayButtonProps, "order" | "customer"> & {
-    supportedNetworks: Acceptance['supportedSchemes'];
+import { Acceptance, ApplePayButtonProps, ApplePayRequestData, PaymentMethod } from '../@types';
+import { SupportedNetworks } from '../constants';
+export declare const validateSupportedNetworks: (supportedNetworksConfig: Array<(typeof SupportedNetworks)[keyof typeof SupportedNetworks]>, supportedNetworks: Acceptance['supportedBrands']) => ("amex" | "mada" | "masterCard" | "visa" | "chinaUnionPay" | "discover" | "electron" | "jcb" | "maestro")[];
+export declare const validateCurrency: (currency: string, currencies: string[]) => string;
+export declare const getApplePayRequest: ({ transaction, customer, supportedNetworks, merchantCapabilities, countryCode, name, acceptance }: Pick<ApplePayButtonProps, "transaction" | "customer" | "acceptance"> & {
+    supportedNetworks: Acceptance['supportedBrands'];
     merchantCapabilities: ApplePayRequestData['merchantCapabilities'];
     countryCode: string;
     name: string;
 }) => ApplePayRequestData;
-export declare const prepareApplePayRequest: ({ payment_options, merchant, order, customer, acceptance }: Pick<MetaData, 'merchant' | 'payment_options'> & Pick<ApplePayButtonProps, 'order' | 'customer' | 'acceptance'>) => ApplePayRequestData;
-export declare const shallRenderApplePay: () => boolean;
+export declare const getApplePayPaymentMethod: (paymentMethods: Array<PaymentMethod>) => PaymentMethod;
+export declare const rsaSetup: (key: string) => (string: string) => string;
+export declare function generateApplicationHeader(obj: Record<string, string | any>): string;

package/build/utils/config.js

@@ -1,36 +1,34 @@
-import { getMerchantCapabilities } from './defaultValues';
-export var validateSupportedNetworks = function (supportedNetworksOptions, merchantSupportedNetworks) {
+import { JSEncrypt } from 'jsencrypt';
+export var validateSupportedNetworks = function (supportedNetworksConfig, supportedNetworks) {
     var toLowerCase = function (item) { return item.toLowerCase(); };
-    if (!supportedNetworksOptions)
-        throw new Error("There is no supported networks available in your acceptance object");
-    if (!merchantSupportedNetworks)
-        return supportedNetworksOptions.map(toLowerCase);
-    if (merchantSupportedNetworks.length === 0)
-        return supportedNetworksOptions.map(toLowerCase);
-    var supportedNetworks = supportedNetworksOptions.filter(function (item) {
-        return merchantSupportedNetworks.find(function (network) { return network.toLowerCase() === item.toLowerCase(); });
-    });
-    if (supportedNetworks.length === 0) {
-        throw new Error("It seems that there is no supported networks available in based on your acceptance object");
+    if (!supportedNetworks)
+        return supportedNetworksConfig.map(toLowerCase);
+    if (supportedNetworks.length === 0)
+        return supportedNetworksConfig.map(toLowerCase);
+    if (supportedNetworks.length > supportedNetworksConfig.length) {
+        throw new Error("The supported networks list is not valid");
     }
-    return supportedNetworks.map(toLowerCase);
-};
-export var getApplePayPaymentMethod = function (paymentMethods) {
-    var paymentMethod = paymentMethods.find(function (_a) {
-        var name = _a.name, payment_type = _a.payment_type;
-        return [name, payment_type].some(function (item) { return item.toLowerCase() === 'apple_pay'; });
+    supportedNetworks.forEach(function (network) {
+        var isSupported = supportedNetworksConfig.some(function (item) { return item.toLowerCase() === network.toLowerCase(); });
+        if (!isSupported) {
+            throw new Error("The supported network ".concat(network, " is not supported"));
+        }
     });
-    if (!paymentMethod) {
-        throw new Error('apple_pay is not configured in your payment options');
+    return supportedNetworks;
+};
+export var validateCurrency = function (currency, currencies) {
+    var isSupported = currencies.some(function (item) { return item.toLowerCase() === currency.toLowerCase(); });
+    if (!isSupported) {
+        throw new Error("The currency \"".concat(currency, "\" is not supported, you have to use one of these currencies: ").concat(currencies));
     }
-    return paymentMethod;
+    return currency;
 };
 export var getApplePayRequest = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    var order = _a.order, customer = _a.customer, supportedNetworks = _a.supportedNetworks, merchantCapabilities = _a.merchantCapabilities, countryCode = _a.countryCode, name = _a.name;
+    var transaction = _a.transaction, customer = _a.customer, supportedNetworks = _a.supportedNetworks, merchantCapabilities = _a.merchantCapabilities, countryCode = _a.countryCode, name = _a.name, acceptance = _a.acceptance;
     return {
         countryCode: countryCode,
-        currencyCode: order.currency,
+        currencyCode: transaction.currency,
         merchantCapabilities: merchantCapabilities,
         supportedNetworks: supportedNetworks,
         billingContact: customer && {
@@ -40,26 +38,39 @@ export var getApplePayRequest = function (_a) {
             familyName: ((_j = customer.name) === null || _j === void 0 ? void 0 : _j.length) ? (_k = customer.name[0]) === null || _k === void 0 ? void 0 : _k.last : ''
         },
         total: {
-            amount: Number(Number(order.amount).toFixed(2)),
+            amount: Number(transaction.amount),
             label: name
-        }
+        },
+        supportsCouponCode: acceptance.supportsCouponCode,
+        couponCode: transaction.couponCode,
+        requiredShippingContactFields: customer === null || customer === void 0 ? void 0 : customer.requiredShippingContactFields,
+        shippingMethods: transaction.shipping
     };
 };
-export var prepareApplePayRequest = function (_a) {
-    var payment_options = _a.payment_options, merchant = _a.merchant, order = _a.order, customer = _a.customer, acceptance = _a.acceptance;
-    var paymentMethod = getApplePayPaymentMethod(payment_options.payment_methods || []);
-    var supportedNetworks = validateSupportedNetworks(paymentMethod.supported_card_brands, acceptance === null || acceptance === void 0 ? void 0 : acceptance.supportedSchemes);
-    var request = getApplePayRequest({
-        countryCode: merchant.country_code,
-        order: order,
-        customer: customer,
-        supportedNetworks: supportedNetworks,
-        merchantCapabilities: getMerchantCapabilities(acceptance === null || acceptance === void 0 ? void 0 : acceptance.supportedFundSource),
-        name: merchant.name
+export var getApplePayPaymentMethod = function (paymentMethods) {
+    var paymentMethod = paymentMethods.find(function (_a) {
+        var name = _a.name, payment_type = _a.payment_type;
+        return [name, payment_type].some(function (item) { return item.toLowerCase() === 'apple_pay'; });
     });
-    return request;
+    if (!paymentMethod) {
+        throw new Error('Apple Pay is not configured in your payment options');
+    }
+    return paymentMethod;
 };
-export var shallRenderApplePay = function () {
-    var https = window.location.protocol === 'https:';
-    return https;
+export var rsaSetup = function (key) {
+    var rsa = new JSEncrypt();
+    rsa.setPublicKey(key);
+    return function (string) {
+        if (typeof string !== 'string')
+            throw new Error('string should be from type string');
+        var encrypted = rsa.encrypt(string);
+        if (!encrypted)
+            throw new Error('encryption data reached max allowed length');
+        return encrypted;
+    };
 };
+export function generateApplicationHeader(obj) {
+    return Object.keys(obj)
+        .map(function (key) { return "".concat(key, "=").concat(obj[key]); })
+        .join('|');
+}

package/build/utils/defaultValues.d.ts

@@ -1,2 +1,32 @@
-import { MerchantCapabilities } from '../@types/enums';
-export declare const getMerchantCapabilities: (supportedCards?: Array<string>) => MerchantCapabilities[];
+import { ApplePayButtonProps } from '../@types';
+export declare const getDefaultValues: (mainObject: ApplePayButtonProps) => {
+    interface: {
+        locale?: "en" | "ar" | "fr" | undefined;
+        theme?: "dark" | "light" | undefined;
+        edges?: "straight" | "curved" | undefined;
+        type?: "book" | "buy" | "check-out" | "pay" | "plain" | "subscribe" | undefined;
+    };
+    scope?: "AppleToken" | "TapToken" | undefined;
+    publicKey: string;
+    environment: "production" | "sandbox" | "beta" | "development" | "staging";
+    merchant: {
+        id: string;
+        domain: string;
+        identifier?: string | undefined;
+    };
+    customer?: import("../@types").Customer | undefined;
+    acceptance: import("../@types").Acceptance;
+    transaction: import("../@types").Transaction;
+    onCancel?: (() => void) | undefined;
+    onError?: ((error: any) => void) | undefined;
+    onSuccess?: ((data: Record<string, any>) => Promise<void>) | undefined;
+    onClick?: (() => void) | undefined;
+    onReady?: (() => void) | undefined;
+    onMerchantValidation?: ((status: "initiated" | "completed" | "error") => void) | undefined;
+    onShippingContactSelected?: ((shippingContact: import("../@types").ApplePayPaymentContact) => void | Promise<import("../@types").ApplePayUpdateData>) | undefined;
+    onPaymentMethodSelected?: ((paymentMethod: import("../@types").ApplePayPaymentMethod) => void | Promise<import("../@types").ApplePayUpdateData>) | undefined;
+    onCouponChanged?: ((couponCode: string) => void | Promise<import("../@types").ApplePayUpdateData>) | undefined;
+    metaData?: import("../@types").MetaData | undefined;
+    debug?: boolean | undefined;
+};
+export declare const getMerchantCapaplities: (supportedCards?: Array<string>) => ("supports3DS" | "supportsCredit" | "supportsDebit")[];

package/build/utils/defaultValues.js

@@ -1,3 +1,14 @@
+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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -7,21 +18,31 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { MerchantCapabilities } from '../@types/enums';
-export var getMerchantCapabilities = function (supportedCards) {
-    var merchantCapabilities = [MerchantCapabilities.Supports3DS];
+import { ThemeMode, Locale, ButtonType, Edges, MerchantCapabilities } from '../constants';
+export var getDefaultValues = function (mainObject) {
+    var userThemeMode = window.matchMedia('(prefers-color-scheme: light)').matches ? ThemeMode.LIGHT : ThemeMode.DARK;
+    var userLang = navigator.language.toLowerCase().includes(Locale.AR) ? Locale.AR : Locale.EN;
+    var defaultInterface = {
+        locale: userLang,
+        theme: userThemeMode,
+        type: ButtonType.PLAIN,
+        edges: Edges.CURVED
+    };
+    return __assign(__assign({}, mainObject), { interface: __assign(__assign({}, defaultInterface), mainObject.interface) });
+};
+export var getMerchantCapaplities = function (supportedCards) {
+    var merchantCapaplities = [MerchantCapabilities.Supports3DS];
     if (!supportedCards) {
-        merchantCapabilities = __spreadArray(__spreadArray([], merchantCapabilities, true), [
+        merchantCapaplities = __spreadArray(__spreadArray([], merchantCapaplities, true), [
             MerchantCapabilities.SupportsCredit,
             MerchantCapabilities.SupportsDebit
         ], false);
-        return merchantCapabilities;
     }
-    if (supportedCards.includes('CREDIT')) {
-        merchantCapabilities.push(MerchantCapabilities.SupportsCredit);
+    else if (supportedCards.includes('CREDIT')) {
+        merchantCapaplities.push(MerchantCapabilities.SupportsCredit);
     }
-    if (supportedCards.includes('DEBIT')) {
-        merchantCapabilities.push(MerchantCapabilities.SupportsDebit);
+    else if (supportedCards.includes('DEBIT')) {
+        merchantCapaplities.push(MerchantCapabilities.SupportsDebit);
     }
-    return merchantCapabilities;
+    return merchantCapaplities;
 };

package/build/utils/index.d.ts

@@ -1,4 +1 @@
 export * from './html';
-export * from './theme';
-export * from './config';
-export * from './defaultValues';

package/build/utils/index.js

@@ -1,4 +1 @@
 export * from './html';
-export * from './theme';
-export * from './config';
-export * from './defaultValues';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/apple-pay-button",
-	"version": "0.0.68-development",
+	"version": "1.0.0-test",
 	"description": "Apple Pay Button React Component",
 	"main": "build/index.js",
 	"module": "build/index.js",
@@ -10,17 +10,17 @@
 		"README.md"
 	],
 	"scripts": {
-		"start": "cross-env NODE_ENV=development webpack serve",
 		"prepare": "npx husky install",
 		"prettier": "prettier --list-different \"src/**/*.{md,mdx,ts,js,tsx,jsx,json}\" *.json *.js",
 		"prettier:fix": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,md,css,json}\"  *.json *.js",
 		"lint": "eslint src --color --ext .js,.jsx,.ts,.tsx,.json",
 		"lint:fix": "eslint src --ext .js,.jsx,.ts,.tsx --fix",
+		"start": "cross-env NODE_ENV=development webpack serve",
 		"build": "cross-env NODE_ENV=production webpack",
-		"copy:files": "copyfiles -u 1 src/**/*.gif build/ && copyfiles -u 1 src/**/*.css build/",
+		"copy:files": "copyfiles -u 1 src/**/*.css build/",
 		"tsc:alias": "tsc-alias -p tsconfig.json",
 		"ts:build": "rm -rf build && tsc && yarn tsc:alias && yarn copy:files",
-		"push": "npm publish --access public --tag development"
+		"push": "npm publish --access public --tag test"
 	},
 	"keywords": [],
 	"author": {
@@ -28,23 +28,11 @@
 		"email": "a.elsharkawy@tap.company"
 	},
 	"license": "ISC",
-	"dependencies": {
-		"@tap-payments/acceptance-sdk": "^0.0.11",
-		"@tap-payments/browser-info": "^1.0.2",
-		"@tap-payments/web-error-handing": "^1.0.1",
-		"axios": "^1.2.2",
-		"framer-motion": "^10.16.5",
-		"jsencrypt": "^3.3.2",
-		"lottie-react": "^2.4.0",
-		"react": "^18.2.0",
-		"react-dom": "^18.2.0"
-	},
 	"devDependencies": {
 		"@babel/core": "^7.18.6",
 		"@babel/preset-env": "^7.18.6",
 		"@babel/preset-react": "^7.18.6",
 		"@babel/preset-typescript": "^7.18.6",
-		"@types/applepayjs": "^14.0.3",
 		"@types/crypto-js": "^4.1.1",
 		"@types/react": "^18.0.15",
 		"@types/react-dom": "^18.0.6",
@@ -83,6 +71,13 @@
 		"webpack-dev-server": "^4.9.3",
 		"webpack-merge": "^5.8.0"
 	},
+	"dependencies": {
+		"@tap-payments/browser-info": "^1.0.2",
+		"axios": "^1.2.2",
+		"jsencrypt": "^3.3.2",
+		"react": ">=17.0.2",
+		"react-dom": ">=17.0.2"
+	},
 	"peerDependencies": {
 		"react": ">=17.0.2",
 		"react-dom": ">=17.0.2"

package/build/@types/ApplePayButtonProps.d.ts

@@ -1,128 +0,0 @@
-import { CheckoutProfileResponse } from './checkoutProfile';
-import { Locale, ThemeMode, Edges, Scope, MerchantCapabilities, SupportedNetworks, ButtonType, ColorStyle } from './enums';
-export interface ApplePayRequestData {
-    countryCode: string;
-    currencyCode: string;
-    merchantCapabilities: Array<MerchantCapabilities>;
-    supportedNetworks: Array<SupportedNetworks>;
-    billingContact?: {
-        phoneNumber?: string;
-        emailAddress?: string;
-        givenName: string;
-        familyName: string;
-    };
-    total: {
-        label: string;
-        amount: number;
-    };
-}
-export interface ApplePayDataToLunchSDKFromMerchantSide {
-    headers: Record<string, any>;
-    BASE_URL: string;
-    merchant: Record<string, string>;
-    applePayRequestData: ApplePayRequestData;
-    debug?: boolean;
-    applePaySDKVersion?: number;
-}
-export interface Interface {
-    locale?: Locale;
-    theme?: ThemeMode;
-    edges?: Edges;
-    type?: ButtonType;
-    colorStyle?: ColorStyle;
-    loader?: boolean;
-}
-export interface Customer {
-    id?: string;
-    name?: {
-        lang: Locale;
-        first: string;
-        last: string;
-        middle?: string;
-    }[];
-    contact?: {
-        email?: string;
-        phone?: {
-            countryCode: string;
-            number: string;
-        };
-    };
-}
-export interface Acceptance {
-    supportedSchemes?: Array<SupportedNetworks>;
-    supportedFundSource?: string[];
-    supportedPaymentAuthentications?: string[];
-}
-export interface ApplePayButtonProps {
-    operator: {
-        publicKey: string;
-        hashstring?: string;
-    };
-    merchant: {
-        id: string;
-    };
-    scope: Scope;
-    interface?: Interface;
-    customer?: Customer;
-    acceptance?: Acceptance;
-    transaction?: {
-        authentication?: boolean;
-        authorize?: {
-            auto: {
-                type: string;
-                time: number;
-            };
-        };
-        metadata?: Record<string, string>;
-        reference?: string;
-        paymentAgreement?: {
-            id: string;
-            contract?: {
-                id: string;
-            };
-        };
-        destinations?: Record<string, any>;
-    };
-    invoice?: {
-        id: string;
-    };
-    order: {
-        amount: number;
-        currency: string;
-        id?: string;
-        description?: string;
-        metadata?: Record<string, string>;
-        reference?: string;
-    };
-    post?: {
-        url: string;
-    };
-    redirect?: {
-        url: string;
-    };
-    onOrderCreated?: (orderId: string) => void;
-    onCancel?: () => void;
-    onError?: (error: any) => void;
-    onSuccess?: (data: Record<string, any>) => void;
-    onClick?: (data?: ApplePayDataToLunchSDKFromMerchantSide) => void;
-    onReady?: () => void;
-    metaData?: MetaData;
-    debug?: boolean;
-    integration?: 'sdk' | 'iframe';
-    headers?: {
-        mdn: string;
-        application: string;
-    };
-}
-export interface MerchantResponse {
-    id: string;
-    name: string;
-    country_code: string;
-    session_token: string;
-    [other: string]: string;
-}
-export interface MetaData {
-    merchant: MerchantResponse;
-    payment_options: CheckoutProfileResponse['payment_options'];
-    headers: Record<string, string>;
-}

package/build/@types/charge.d.ts

@@ -1,57 +0,0 @@
-export interface ChargeRequestBody {
-    source: {
-        id: string;
-    };
-    ipaddress?: string;
-    amount: number;
-    currency: string;
-    selected_amount?: number;
-    selected_currency?: string;
-    product: string;
-    threeDSecure?: boolean;
-    save_card: boolean;
-    fee: number;
-    customer: {
-        id?: string;
-        first_name?: string;
-        middle_name?: string;
-        last_name?: string;
-        email?: string;
-        phone?: {
-            country_code: string;
-            number: string;
-        };
-    };
-    hashstring?: string;
-    metadata?: Record<string, string>;
-    post?: {
-        url: string;
-    };
-    redirect?: {
-        url: string;
-    };
-    merchant?: {
-        id: string;
-    };
-    order?: {
-        id: string;
-    };
-    payment_agreement?: {
-        id: string;
-        contract?: {
-            id: string;
-        };
-    };
-    destinations?: Record<string, any>;
-    reference?: {
-        order?: string;
-        transaction?: string;
-    };
-    description?: string;
-}
-export interface AuthorizeRequestBody extends ChargeRequestBody {
-    auto?: {
-        type: string;
-        time: number;
-    };
-}

package/build/@types/charge.js

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