@tap-payments/apple-pay-button 0.0.4-test → 0.0.6-test

package/README.md

@@ -43,9 +43,7 @@ const App = () => {
 				// required (The amount to be charged)
 				amount: '12',
 				// required (The currency of the amount)
-				currency: 'KWD',
-				// required (The description/label of the transaction)
-				label: 'to Merchant'
+				currency: 'KWD'
 			}}
 			// optional (The scope of the SDK and it can be one of these scopes:
 			// [TapToken,AppleToken], by default it is TapToken)
@@ -110,7 +108,6 @@ const App = () => {
 | merchant.domain      | `string`              | `required` | The merchant domain name                                                   |
 | transaction.amount   | `string`              | `required` | The amount to be charged                                                   |
 | transaction.currency | `string`              | `required` | The currency of the amount                                                 |
-| transaction.label    | `string`              | `required` | The description/label of the transaction                                   |
 | scope                | `Scope`               | `optional` | The scope of the SDK                                                       |
 | supportedNetworks    | `SupportedNetworks[]` | `optional` | The supported networks for the Apple Pay button                            |
 | buttonStyle          | `ButtonStyle`         | `optional` | The style of the Apple Pay button                                          |

package/build/package.json

@@ -0,0 +1,102 @@
+{
+    "name": "@tap-payments/apple-pay-button",
+    "version": "0.0.5-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"
+        ]
+    }
+}

package/build/{@types → src/@types}/index.d.ts

@@ -41,7 +41,6 @@ export interface ApplePayButtonProps {
     transaction: {
         amount: string;
         currency: string;
-        label: string;
     };
     onCancel?: () => void;
     onError?: (error: any) => void;

package/build/{constants → src/constants}/index.d.ts

@@ -17,5 +17,10 @@ export declare const SupportedNetworks: {
     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;

package/build/{constants → src/constants}/index.js

@@ -16,6 +16,11 @@ export var SupportedNetworks = {
     Amex: 'amex',
     Mada: 'mada',
     MasterCard: 'masterCard',
-    Visa: 'visa'
+    Visa: 'visa',
+    ChinaUnionPay: 'chinaUnionPay',
+    Discover: 'discover',
+    Electron: 'electron',
+    Jcb: 'jcb',
+    Maestro: 'maestro'
 };
 export var ApplePayVersion = 5;

package/build/{hooks → src/hooks}/useApplePay.js

@@ -87,14 +87,15 @@ export var useApplePay = function (_a) {
                 return [2];
             }
             try {
-                paymentMethod = getApplePayPaymentMethod((profileData === null || profileData === void 0 ? void 0 : profileData.payment_options.payment_methods) || []);
+                paymentMethod = getApplePayPaymentMethod(profileData.payment_options.payment_methods || []);
                 currency = validateCurrency(transaction.currency, paymentMethod.supported_currencies);
                 cardBrands = validateSupportedNetworks(paymentMethod.supported_card_brands, supportedNetworks);
                 request = getApplePayRequest({
                     countryCode: profileData.merchant.country_code,
                     transaction: __assign(__assign({}, transaction), { currency: currency }),
                     billingContact: billingContact,
-                    supportedNetworks: cardBrands
+                    supportedNetworks: cardBrands,
+                    name: profileData.merchant.name
                 });
                 console.info("Creating ApplePaySession with version: ".concat(ApplePayVersion, " and request: ").concat(JSON.stringify(request)));
                 session_1 = new ApplePaySession(ApplePayVersion, request);

package/build/{index.js → src/index.js}

@@ -1,5 +1,6 @@
 import { ApplePayButton, renderApplePayButton } from './features/ApplePayButton';
 import { ButtonStyle, Scope, SupportedNetworks } from './constants';
+import * as PackageJson from '../package.json';
 export { ApplePayButton, ButtonStyle, Scope, SupportedNetworks };
 window['TapSDKs'] = {
     renderApplePayButton: renderApplePayButton,
@@ -7,4 +8,4 @@ window['TapSDKs'] = {
     Scope: Scope,
     SupportedNetworks: SupportedNetworks
 };
-console.log("apple-pay-button version: ".concat(require('../package.json').version));
+console.log("apple-pay-button version: ".concat(PackageJson.version));

package/build/{utils → src/utils}/config.d.ts

@@ -1,8 +1,9 @@
 import { ApplePayButtonProps, ApplePayRequestData, PaymentMethod } from '../@types';
 import { SupportedNetworks } from '../constants';
-export declare const validateSupportedNetworks: (supportedNetworksConfig: Array<(typeof SupportedNetworks)[keyof typeof SupportedNetworks]>, supportedNetworks: ApplePayButtonProps['supportedNetworks']) => ("amex" | "mada" | "masterCard" | "visa")[];
+export declare const validateSupportedNetworks: (supportedNetworksConfig: Array<(typeof SupportedNetworks)[keyof typeof SupportedNetworks]>, supportedNetworks: ApplePayButtonProps['supportedNetworks']) => ("amex" | "mada" | "masterCard" | "visa" | "chinaUnionPay" | "discover" | "electron" | "jcb" | "maestro")[];
 export declare const validateCurrency: (currency: string, currencies: string[]) => string;
-export declare const getApplePayRequest: ({ transaction, billingContact, supportedNetworks, countryCode }: Pick<ApplePayButtonProps, "supportedNetworks" | "transaction" | "billingContact"> & {
+export declare const getApplePayRequest: ({ transaction, billingContact, supportedNetworks, countryCode, name }: Pick<ApplePayButtonProps, "supportedNetworks" | "transaction" | "billingContact"> & {
     countryCode: string;
+    name: string;
 }) => ApplePayRequestData;
 export declare const getApplePayPaymentMethod: (paymentMethods: Array<PaymentMethod>) => PaymentMethod;

package/build/{utils → src/utils}/config.js

@@ -24,7 +24,7 @@ export var validateCurrency = function (currency, currencies) {
     return currency;
 };
 export var getApplePayRequest = function (_a) {
-    var transaction = _a.transaction, billingContact = _a.billingContact, supportedNetworks = _a.supportedNetworks, countryCode = _a.countryCode;
+    var transaction = _a.transaction, billingContact = _a.billingContact, supportedNetworks = _a.supportedNetworks, countryCode = _a.countryCode, name = _a.name;
     return {
         countryCode: countryCode,
         currencyCode: transaction.currency,
@@ -38,7 +38,7 @@ export var getApplePayRequest = function (_a) {
         },
         total: {
             amount: Number(transaction.amount),
-            label: transaction.label
+            label: name
         }
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/apple-pay-button",
-	"version": "0.0.4-test",
+	"version": "0.0.6-test",
 	"description": "Apple Pay Button React Component",
 	"main": "build/index.js",
 	"module": "build/index.js",