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

package/package.json

@@ -1,102 +1,109 @@
-{
-	"name": "@tap-payments/apple-pay-button",
-	"version": "0.0.2-test",
-	"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"
-	},
-	"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": {
-		"axios": "^1.2.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.3-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,11 +0,0 @@
-import { MerchantResponse, ApplePayRequestData, ProfileResponse } from '../@types';
-import BaseService from './base';
-declare class APPService extends BaseService {
-    constructor();
-    init(publicKey: string, merchantId?: string): Promise<ProfileResponse>;
-    appleSession(merchant: MerchantResponse, validationURL: string, merchantRegisteredDomain: string): Promise<any>;
-    tapTokenization(applePaymentData: Record<string, string>, merchant: MerchantResponse): Promise<any>;
-    createCharge(publicKey: string, merchant: MerchantResponse, request: ApplePayRequestData, cardToken: string): Promise<import("axios").AxiosResponse<any, any>>;
-}
-declare const appService: APPService;
-export default appService;

package/build/api/app.service.js

@@ -1,217 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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 (_) 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 };
-    }
-};
-import BaseService from './base';
-import httpClient from './httpClient';
-var APPService = (function (_super) {
-    __extends(APPService, _super);
-    function APPService() {
-        return _super.call(this, httpClient) || this;
-    }
-    Object.defineProperty(APPService.prototype, "init", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (publicKey, merchantId) {
-            return __awaiter(this, void 0, void 0, function () {
-                var body, data;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            body = {
-                                headers: { authorization: "Bearer ".concat(publicKey) },
-                                reqBody: { public_key: publicKey, merchant_id: merchantId }
-                            };
-                            return [4, this.post('/init', body)];
-                        case 1:
-                            data = (_a.sent()).data;
-                            if (data.errors)
-                                throw data;
-                            return [2, {
-                                    merchant: data.merchant,
-                                    payment_options: data.payment_options
-                                }];
-                    }
-                });
-            });
-        }
-    });
-    Object.defineProperty(APPService.prototype, "appleSession", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (merchant, validationURL, merchantRegisteredDomain) {
-            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: 'merchant.tap.gosell',
-                                merchantId: merchant.id,
-                                merchantName: merchant.name,
-                                session_token: merchant.session_token
-                            };
-                            return [4, this.post('/session', 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, merchant) {
-            return __awaiter(this, void 0, void 0, function () {
-                var body, data;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            body = {
-                                method: 'POST',
-                                path: '/v2/token',
-                                headers: {
-                                    session_token: merchant.session_token
-                                },
-                                reqBody: {
-                                    type: 'applepay',
-                                    token_data: applePaymentData
-                                }
-                            };
-                            return [4, this.post('/api', 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 (publicKey, merchant, request, cardToken) {
-            var body = {
-                method: 'POST',
-                path: '/v2/charge',
-                headers: {
-                    session_token: merchant.session_token
-                },
-                reqBody: {
-                    id: null,
-                    amount: request.total.amount,
-                    currency: request.currencyCode,
-                    public_key: publicKey,
-                    product: 'GOSELL',
-                    threeDSecure: true,
-                    save_card: false,
-                    fee: 0,
-                    statement_descriptor: 'Sample',
-                    description: 'Test Description',
-                    metadata: {},
-                    reference: {
-                        transaction: 'txn_0001',
-                        order: 'ord_0001'
-                    },
-                    receipt: {
-                        email: false,
-                        sms: true
-                    },
-                    customer: {
-                        id: null,
-                        first_name: 'Hala',
-                        middle_name: null,
-                        last_name: 'Q.',
-                        email: 'email@email.com',
-                        phone: {
-                            country_code: '965',
-                            number: '00000000'
-                        }
-                    },
-                    source: {
-                        id: cardToken
-                    },
-                    hashstring: null,
-                    post: {
-                        url: null
-                    },
-                    redirect: {
-                        url: 'https://jslib.gosell.io/demo?token=63cce645332aa501e6cf768f&mode=popup'
-                    },
-                    ipaddress: null,
-                    selected_currency: request.currencyCode,
-                    selected_amount: request.total.amount,
-                    merchant: {
-                        id: merchant.id
-                    },
-                    order: {
-                        id: 'ord_06CO2023731xt7V22SC0X487'
-                    }
-                }
-            };
-            return this.post('/api', body);
-        }
-    });
-    return APPService;
-}(BaseService));
-var appService = new 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,2 +0,0 @@
-declare const httpClient: import("axios").AxiosInstance;
-export default httpClient;

package/build/api/httpClient.js

@@ -1,16 +0,0 @@
-import axios from 'axios';
-var MW_BASE_URL = 'https://checkout.payments.tap.company/api';
-var httpClient = axios.create({
-    baseURL: MW_BASE_URL,
-    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 default httpClient;

package/build/features/ApplePayButton/ApplePayButton.css

@@ -1,51 +0,0 @@
-.button-applepay-tap {
-	appearance: none;
-	border: none;
-	cursor: pointer;
-	-webkit-user-select: none;
-	user-select: none;
-	display: flex;
-	position: relative;
-	-webkit-box-pack: center;
-	-ms-flex-pack: center;
-	-webkit-justify-content: center;
-	justify-content: center;
-	-webkit-align-items: center;
-	-webkit-box-align: center;
-	-ms-flex-align: center;
-	align-items: center;
-	-webkit-margin-end: 8px;
-	margin-inline-end: 8px;
-	min-width: 96px;
-	max-width: 300px;
-	min-height: 40px;
-	border-radius: 9px;
-	background-color: white;
-	width: 100%;
-}
-
-.button-applepay-tap:disabled {
-	cursor: default;
-}
-
-.img-container {
-	height: 24px;
-	max-width: 80px;
-}
-
-.img-container img {
-	height: 100%;
-	width: 100%;
-	transform: scale(1.5);
-	filter: invert(0);
-}
-
-.whiteOutline {
-	border: solid 1px gray;
-}
-.dark {
-	background-color: black;
-}
-.dark .img-container img {
-	filter: invert(1);
-}

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;
-}