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

package/package.json

@@ -1,104 +1,109 @@
-{
-	"name": "@tap-payments/apple-pay-button",
-	"version": "0.0.3",
-	"description": "Apple Pay Button React Component",
-	"main": "build/index.js",
-	"module": "build/index.js",
-	"types": "build/index.d.ts",
-	"files": [
-		"build",
-		"README.md"
-	],
-	"scripts": {
-		"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/**/*.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 latest"
-	},
-	"keywords": [],
-	"author": {
-		"name": "Ahmed Elsharkawy",
-		"email": "a.elsharkawy@tap.company"
-	},
-	"license": "ISC",
-	"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/crypto-js": "^4.1.1",
-		"@types/react": "^18.0.15",
-		"@types/react-dom": "^18.0.6",
-		"@typescript-eslint/eslint-plugin": "^5.30.5",
-		"@typescript-eslint/parser": "^5.30.5",
-		"babel-loader": "^8.2.5",
-		"copyfiles": "^2.4.1",
-		"cross-env": "^7.0.3",
-		"css-loader": "^6.7.1",
-		"css-minimizer-webpack-plugin": "^4.0.0",
-		"eslint": "^8.19.0",
-		"eslint-config-airbnb": "^19.0.4",
-		"eslint-config-prettier": "^8.5.0",
-		"eslint-plugin-import": "^2.26.0",
-		"eslint-plugin-jsx-a11y": "^6.6.0",
-		"eslint-plugin-node": "^11.1.0",
-		"eslint-plugin-prettier": "^4.2.1",
-		"eslint-plugin-react": "^7.30.1",
-		"eslint-plugin-react-hooks": "^4.6.0",
-		"file-loader": "^6.2.0",
-		"fork-ts-checker-webpack-plugin": "^7.2.12",
-		"html-loader": "^3.1.2",
-		"html-webpack-plugin": "^5.5.0",
-		"husky": "^8.0.1",
-		"lint-staged": "^13.0.3",
-		"mini-css-extract-plugin": "^2.6.1",
-		"prettier": "^2.7.1",
-		"sass": "^1.53.0",
-		"sass-loader": "^13.0.2",
-		"style-loader": "^3.3.1",
-		"terser-webpack-plugin": "^5.3.3",
-		"tsc-alias": "^1.6.11",
-		"typescript": "^4.7.4",
-		"webpack": "^5.73.0",
-		"webpack-cli": "^4.10.0",
-		"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"
-	},
-	"lint-staged": {
-		"src/**/*.{ts,tsx,json,js,jsx}": [
-			"yarn run prettier:fix",
-			"yarn run lint",
-			"git add ."
-		]
-	},
-	"browserslist": {
-		"production": [
-			">0.2%",
-			"not dead",
-			"not op_mini all"
-		],
-		"development": [
-			"last 1 chrome version",
-			"last 1 firefox version",
-			"last 1 safari version"
-		]
-	}
-}
+{
+	"name": "@tap-payments/apple-pay-button",
+	"version": "0.0.4-staging",
+	"description": "Apple Pay Button React Component",
+	"main": "build/index.js",
+	"module": "build/index.js",
+	"types": "build/index.d.ts",
+	"files": [
+		"build",
+		"README.md"
+	],
+	"scripts": {
+		"start": "cross-env NODE_ENV=staging 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",
+		"build": "cross-env NODE_ENV=production webpack",
+		"copy:files": "copyfiles -u 1 src/**/*.gif build/ && 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 staging"
+	},
+	"keywords": [],
+	"author": {
+		"name": "Ahmed Elsharkawy",
+		"email": "a.elsharkawy@tap.company"
+	},
+	"license": "ISC",
+	"dependencies": {
+		"@tap-payments/acceptance-sdk": "^0.0.46",
+		"@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",
+		"@typescript-eslint/eslint-plugin": "^5.30.5",
+		"@typescript-eslint/parser": "^5.30.5",
+		"babel-loader": "^8.2.5",
+		"copyfiles": "^2.4.1",
+		"cross-env": "^7.0.3",
+		"css-loader": "^6.7.1",
+		"css-minimizer-webpack-plugin": "^4.0.0",
+		"eslint": "^8.19.0",
+		"eslint-config-airbnb": "^19.0.4",
+		"eslint-config-prettier": "^8.5.0",
+		"eslint-plugin-import": "^2.26.0",
+		"eslint-plugin-jsx-a11y": "^6.6.0",
+		"eslint-plugin-node": "^11.1.0",
+		"eslint-plugin-prettier": "^4.2.1",
+		"eslint-plugin-react": "^7.30.1",
+		"eslint-plugin-react-hooks": "^4.6.0",
+		"file-loader": "^6.2.0",
+		"fork-ts-checker-webpack-plugin": "^7.2.12",
+		"html-loader": "^3.1.2",
+		"html-webpack-plugin": "^5.5.0",
+		"husky": "^8.0.1",
+		"lint-staged": "^13.0.3",
+		"mini-css-extract-plugin": "^2.6.1",
+		"prettier": "^2.7.1",
+		"sass": "^1.53.0",
+		"sass-loader": "^13.0.2",
+		"style-loader": "^3.3.1",
+		"terser-webpack-plugin": "^5.3.3",
+		"tsc-alias": "^1.6.11",
+		"typescript": "^4.7.4",
+		"webpack": "^5.73.0",
+		"webpack-cli": "^4.10.0",
+		"webpack-dev-server": "^4.9.3",
+		"webpack-merge": "^5.8.0"
+	},
+	"peerDependencies": {
+		"react": ">=17.0.2",
+		"react-dom": ">=17.0.2"
+	},
+	"lint-staged": {
+		"src/**/*.{ts,tsx,json,js,jsx}": [
+			"yarn run prettier:fix",
+			"yarn run lint",
+			"git add ."
+		]
+	},
+	"browserslist": {
+		"production": [
+			">0.2%",
+			"not dead",
+			"not op_mini all"
+		],
+		"development": [
+			"last 1 chrome version",
+			"last 1 firefox version",
+			"last 1 safari version"
+		]
+	}
+}

package/build/api/app.service.d.ts

@@ -1,23 +0,0 @@
-import { MerchantResponse, ApplePayButtonProps } from '../@types';
-import BaseService from './base';
-declare class APPService extends BaseService {
-    private baseUrl;
-    private env;
-    constructor();
-    setEnv(env: ApplePayButtonProps['environment']): void;
-    setBaseUrl(): void;
-    getHeaderPublicKey(): "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC8AX++RtxPZFtns4XzXFlDIxPBh0umN4qRXZaKDIlb6a3MknaB7psJWmf2l+e4Cfh9b5tey/+rZqpQ065eXTZfGCAuBLt+fYLQBhLfjRpk8S6hlIzc1Kdjg65uqzMwcTd0p7I4KLwHk1I0oXzuEu53fU1LSZhWp4Mnd6wjVgXAsQIDAQAB\n-----END PUBLIC KEY-----" | "" | "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC9hSRms7Ir1HmzdZxGXFYgmpi3\nez7VBFje0f8wwrxYS9oVoBtN4iAt0DOs3DbeuqtueI31wtpFVUMGg8W7R0SbtkZd\nGzszQNqt/wyqxpDC9q+97XdXwkWQFA72s76ud7eMXQlsWKsvgwhY+Ywzt0KlpNC3\nHj+N6UWFOYK98Xi+sQIDAQAB\n-----END PUBLIC KEY-----" | "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCi9W5jyTvA4Iwv3V5sfNQ7VdSz\n7WqwBbnWFbIUL/GjaaE93mvDv4zbgRSznHaHQPH6pxrMhMh0tV58njkvjHvQ/tvg\npwM8SemNPKEEAPl69tnMvCrJRPh2dWL3OHY8yCW4c38Hyx4fy56Zd5cdoVWfCReu\njCsvASLGz+cfRrj2swIDAQAB\n-----END PUBLIC KEY-----";
-    setBrowserHeaders({ locale, pk, domain }: {
-        locale: string;
-        pk: string;
-        domain: string;
-    }): Promise<void>;
-    checkoutProfile(merchantId?: string): Promise<{
-        merchant: any;
-        payment_options: any;
-    }>;
-    appleSession(merchant: MerchantResponse, validationURL: string, merchantRegisteredDomain: string, merchantIdentifier: string): Promise<any>;
-    tapTokenization(applePaymentData: Record<string, string>): Promise<any>;
-}
-declare const appService: APPService;
-export default appService;

package/build/api/base.d.ts

@@ -1,9 +0,0 @@
-import { AxiosInstance, AxiosRequestConfig } from 'axios';
-export default class BaseService {
-    httpClient: AxiosInstance;
-    constructor(httpClient: AxiosInstance);
-    get(url: string, config?: AxiosRequestConfig<any>): Promise<import("axios").AxiosResponse<any, any>>;
-    post(url: string, data?: any, config?: AxiosRequestConfig<any>): Promise<import("axios").AxiosResponse<any, any>>;
-    put(url: string, data?: any, config?: AxiosRequestConfig<any>): Promise<import("axios").AxiosResponse<any, any>>;
-    delete(url: string, config?: AxiosRequestConfig<any>): Promise<import("axios").AxiosResponse<any, any>>;
-}

package/build/api/base.js

@@ -1,45 +0,0 @@
-var BaseService = (function () {
-    function BaseService(httpClient) {
-        Object.defineProperty(this, "httpClient", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        this.httpClient = httpClient;
-    }
-    Object.defineProperty(BaseService.prototype, "get", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (url, config) {
-            return this.httpClient.get(url, config);
-        }
-    });
-    Object.defineProperty(BaseService.prototype, "post", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (url, data, config) {
-            return this.httpClient.post(url, data, config);
-        }
-    });
-    Object.defineProperty(BaseService.prototype, "put", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (url, data, config) {
-            return this.httpClient.put(url, data, config);
-        }
-    });
-    Object.defineProperty(BaseService.prototype, "delete", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (url, config) {
-            return this.httpClient.delete(url, config);
-        }
-    });
-    return BaseService;
-}());
-export default BaseService;

package/build/api/httpClient.d.ts

@@ -1,8 +0,0 @@
-export declare const MW_BASE_LIVE_URL = "https://mw-sdk.tap.company/v2/checkout";
-export declare const MW_BASE_STAGING_URL = "https://mw-sdk.staing.tap.company/v2/checkout";
-export declare const MW_BASE_DEV_URL = "https://mw-sdk.dev.tap.company/v2/checkout";
-export declare const MW_BASE_BETA_URL = "https://mw-sdk.dev.tap.company/v2/checkout";
-export declare const MW_BASE_SANDBOX_URL = "https://mw-sdk.sandbox.tap.company/v2/checkout";
-declare const httpClient: import("axios").AxiosInstance;
-export declare const setAxiosGlobalHeaders: (headers: Record<string, string>) => void;
-export default httpClient;

package/build/api/httpClient.js

@@ -1,33 +0,0 @@
-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 axios from 'axios';
-export var MW_BASE_LIVE_URL = 'https://mw-sdk.tap.company/v2/checkout';
-export var MW_BASE_STAGING_URL = 'https://mw-sdk.staing.tap.company/v2/checkout';
-export var MW_BASE_DEV_URL = 'https://mw-sdk.dev.tap.company/v2/checkout';
-export var MW_BASE_BETA_URL = 'https://mw-sdk.dev.tap.company/v2/checkout';
-export var MW_BASE_SANDBOX_URL = 'https://mw-sdk.sandbox.tap.company/v2/checkout';
-var httpClient = axios.create({
-    headers: {
-        'Content-Type': 'application/json',
-        Accept: 'application/json'
-    }
-});
-httpClient.interceptors.request.use(function (config) {
-    return config;
-});
-httpClient.interceptors.response.use(function (response) {
-    return response;
-});
-export var setAxiosGlobalHeaders = function (headers) {
-    httpClient.defaults.headers.common = __assign(__assign({}, httpClient.defaults.headers.common), headers);
-};
-export default httpClient;

package/build/features/ApplePayButton/ApplePayButton.css

@@ -1,21 +0,0 @@
-.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/hooks/useScript.d.ts

@@ -1 +0,0 @@
-export declare function useScript(src: string, async?: boolean): "loading" | "ready" | "idle" | "error";

package/build/hooks/useScript.js

@@ -1,39 +0,0 @@
-import { useEffect, useState } from 'react';
-export function useScript(src, async) {
-    if (async === void 0) { async = true; }
-    var _a = useState(src ? 'loading' : 'idle'), status = _a[0], setStatus = _a[1];
-    useEffect(function () {
-        if (!src) {
-            setStatus('idle');
-            return;
-        }
-        var script = document.querySelector("script[src=\"".concat(src, "\"]"));
-        if (!script) {
-            script = document.createElement('script');
-            script.src = src;
-            script.async = async;
-            script.setAttribute('data-status', 'loading');
-            document.body.appendChild(script);
-            var setAttributeFromEvent = function (event) {
-                script.setAttribute('data-status', event.type === 'load' ? 'ready' : 'error');
-            };
-            script.addEventListener('load', setAttributeFromEvent);
-            script.addEventListener('error', setAttributeFromEvent);
-        }
-        else {
-            setStatus(script.getAttribute('data-status'));
-        }
-        var setStateFromEvent = function (event) {
-            setStatus(event.type === 'load' ? 'ready' : 'error');
-        };
-        script.addEventListener('load', setStateFromEvent);
-        script.addEventListener('error', setStateFromEvent);
-        return function () {
-            if (script) {
-                script.removeEventListener('load', setStateFromEvent);
-                script.removeEventListener('error', setStateFromEvent);
-            }
-        };
-    }, [src]);
-    return status;
-}