@tap-payments/apple-pay-button 0.0.0-test → 0.0.1-test

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/build/constants/index.d.ts +1 -1
  2. package/build/constants/index.js +1 -1
  3. package/build/hooks/useApplePay.js +9 -6
  4. package/package.json +102 -102
package/build/constants/index.d.ts CHANGED
@@ -18,4 +18,4 @@ export declare const SupportedNetworks: {
18
18
  readonly MasterCard: "masterCard";
19
19
  readonly Visa: "visa";
20
20
  };
21
- export declare const ApplePayVersion = 5;
21
+ export declare const ApplePayVersion = 3;
package/build/constants/index.js CHANGED
@@ -18,4 +18,4 @@ export var SupportedNetworks = {
18
18
  MasterCard: 'masterCard',
19
19
  Visa: 'visa'
20
20
  };
21
- export var ApplePayVersion = 5;
21
+ export var ApplePayVersion = 3;
package/build/hooks/useApplePay.js CHANGED
@@ -53,6 +53,7 @@ export var useApplePay = function (_a) {
53
53
  var publicKey = _a.publicKey, merchant = _a.merchant, transaction = _a.transaction, billingContact = _a.billingContact, onCancel = _a.onCancel, onError = _a.onError, onSuccess = _a.onSuccess, scope = _a.scope, supportedNetworks = _a.supportedNetworks;
54
54
  var _b = useState(false), loading = _b[0], setLoading = _b[1];
55
55
  var _c = useState(null), profileData = _c[0], setProfile = _c[1];
56
+ var _d = useState(false), disabled = _d[0], setDisabled = _d[1];
56
57
  var getMerchantData = useCallback(function () {
57
58
  setLoading(true);
58
59
  appService
@@ -76,10 +77,12 @@ export var useApplePay = function (_a) {
76
77
  return __generator(this, function (_b) {
77
78
  ApplePaySession = window.ApplePaySession;
78
79
  if (!ApplePaySession) {
80
+ setDisabled(true);
79
81
  console.error('ApplePaySession is not available, please check if you are using Safari browser');
80
82
  return [2];
81
83
  }
82
84
  if (!profileData) {
85
+ setDisabled(true);
83
86
  console.error('The profile data is not available, please check networks and try again');
84
87
  return [2];
85
88
  }
@@ -88,7 +91,7 @@ export var useApplePay = function (_a) {
88
91
  currency = validateCurrency(transaction.currency, paymentMethod.supported_currencies);
89
92
  cardBrands = validateSupportedNetworks(paymentMethod.supported_card_brands, supportedNetworks);
90
93
  request = getApplePayRequest({
91
- countryCode: profileData === null || profileData === void 0 ? void 0 : profileData.merchant.country_code,
94
+ countryCode: profileData.merchant.country_code,
92
95
  transaction: __assign(__assign({}, transaction), { currency: currency }),
93
96
  billingContact: billingContact,
94
97
  supportedNetworks: cardBrands
@@ -111,8 +114,8 @@ export var useApplePay = function (_a) {
111
114
  _a.label = 1;
112
115
  case 1:
113
116
  _a.trys.push([1, 3, , 4]);
114
- console.info("creating merchant session for merchantData: ".concat(JSON.stringify(profileData === null || profileData === void 0 ? void 0 : profileData.merchant), " and validationURL: ").concat(event.validationURL, " and merchant.domain: ").concat(merchant.domain));
115
- return [4, appService.appleSession(profileData === null || profileData === void 0 ? void 0 : profileData.merchant, event.validationURL, merchant.domain)];
117
+ console.info("creating merchant session for merchantData: ".concat(JSON.stringify(profileData.merchant), " and validationURL: ").concat(event.validationURL, " and merchant.domain: ").concat(merchant.domain));
118
+ return [4, appService.appleSession(profileData.merchant, event.validationURL, merchant.domain)];
116
119
  case 2:
117
120
  merchantSession = (_a.sent()).body;
118
121
  console.info('merchantSession', merchantSession);
@@ -151,7 +154,7 @@ export var useApplePay = function (_a) {
151
154
  _b.sent();
152
155
  session_1.completePayment({ status: 'STATUS_SUCCESS' });
153
156
  return [3, 8];
154
- case 4: return [4, appService.tapTokenization(event.payment.token.paymentData, profileData === null || profileData === void 0 ? void 0 : profileData.merchant)];
157
+ case 4: return [4, appService.tapTokenization(event.payment.token.paymentData, profileData.merchant)];
155
158
  case 5:
156
159
  data = _b.sent();
157
160
  return [4, (onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(data))];
@@ -160,7 +163,7 @@ export var useApplePay = function (_a) {
160
163
  session_1.completePayment({ status: 'STATUS_SUCCESS' });
161
164
  return [3, 8];
162
165
  case 7:
163
- console.error('We only support AppleToken and ApplePay for now');
166
+ console.error('We only support AppleToken and TapToken for now');
164
167
  console.info('Completing payment with status: STATUS_FAILURE');
165
168
  session_1.completePayment({ status: 'STATUS_FAILURE' });
166
169
  _b.label = 8;
@@ -198,5 +201,5 @@ export var useApplePay = function (_a) {
198
201
  return [2];
199
202
  });
200
203
  }); };
201
- return { loading: loading, onApplePayButtonClicked: onApplePayButtonClicked, disabled: !profileData };
204
+ return { loading: loading, onApplePayButtonClicked: onApplePayButtonClicked, disabled: !profileData || disabled };
202
205
  };
package/package.json CHANGED
@@ -1,102 +1,102 @@
1
- {
2
- "name": "@tap-payments/apple-pay-button",
3
- "version": "0.0.0-test",
4
- "description": "Apple Pay Button React Component",
5
- "main": "build/index.js",
6
- "module": "build/index.js",
7
- "types": "build/index.d.ts",
8
- "files": [
9
- "build",
10
- "README.md"
11
- ],
12
- "scripts": {
13
- "prepare": "npx husky install",
14
- "prettier": "prettier --list-different \"src/**/*.{md,mdx,ts,js,tsx,jsx,json}\" *.json *.js",
15
- "prettier:fix": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,md,css,json}\" *.json *.js",
16
- "lint": "eslint src --color --ext .js,.jsx,.ts,.tsx,.json",
17
- "lint:fix": "eslint src --ext .js,.jsx,.ts,.tsx --fix",
18
- "start": "cross-env NODE_ENV=development webpack serve",
19
- "build": "cross-env NODE_ENV=production webpack",
20
- "copy:files": "copyfiles -u 1 src/**/*.css build/",
21
- "tsc:alias": "tsc-alias -p tsconfig.json",
22
- "ts:build": "rm -rf build && tsc && yarn tsc:alias && yarn copy:files",
23
- "push": "npm publish --access public"
24
- },
25
- "keywords": [],
26
- "author": {
27
- "name": "Ahmed Elsharkawy",
28
- "email": "a.elsharkawy@tap.company"
29
- },
30
- "license": "ISC",
31
- "devDependencies": {
32
- "@babel/core": "^7.18.6",
33
- "@babel/preset-env": "^7.18.6",
34
- "@babel/preset-react": "^7.18.6",
35
- "@babel/preset-typescript": "^7.18.6",
36
- "@types/crypto-js": "^4.1.1",
37
- "@types/react": "^18.0.15",
38
- "@types/react-dom": "^18.0.6",
39
- "@typescript-eslint/eslint-plugin": "^5.30.5",
40
- "@typescript-eslint/parser": "^5.30.5",
41
- "babel-loader": "^8.2.5",
42
- "copyfiles": "^2.4.1",
43
- "cross-env": "^7.0.3",
44
- "css-loader": "^6.7.1",
45
- "css-minimizer-webpack-plugin": "^4.0.0",
46
- "eslint": "^8.19.0",
47
- "eslint-config-airbnb": "^19.0.4",
48
- "eslint-config-prettier": "^8.5.0",
49
- "eslint-plugin-import": "^2.26.0",
50
- "eslint-plugin-jsx-a11y": "^6.6.0",
51
- "eslint-plugin-node": "^11.1.0",
52
- "eslint-plugin-prettier": "^4.2.1",
53
- "eslint-plugin-react": "^7.30.1",
54
- "eslint-plugin-react-hooks": "^4.6.0",
55
- "file-loader": "^6.2.0",
56
- "fork-ts-checker-webpack-plugin": "^7.2.12",
57
- "html-loader": "^3.1.2",
58
- "html-webpack-plugin": "^5.5.0",
59
- "husky": "^8.0.1",
60
- "lint-staged": "^13.0.3",
61
- "mini-css-extract-plugin": "^2.6.1",
62
- "prettier": "^2.7.1",
63
- "sass": "^1.53.0",
64
- "sass-loader": "^13.0.2",
65
- "style-loader": "^3.3.1",
66
- "terser-webpack-plugin": "^5.3.3",
67
- "tsc-alias": "^1.6.11",
68
- "typescript": "^4.7.4",
69
- "webpack": "^5.73.0",
70
- "webpack-cli": "^4.10.0",
71
- "webpack-dev-server": "^4.9.3",
72
- "webpack-merge": "^5.8.0"
73
- },
74
- "dependencies": {
75
- "axios": "^1.2.2",
76
- "react": ">=17.0.2",
77
- "react-dom": ">=17.0.2"
78
- },
79
- "peerDependencies": {
80
- "react": ">=17.0.2",
81
- "react-dom": ">=17.0.2"
82
- },
83
- "lint-staged": {
84
- "src/**/*.{ts,tsx,json,js,jsx}": [
85
- "yarn run prettier:fix",
86
- "yarn run lint",
87
- "git add ."
88
- ]
89
- },
90
- "browserslist": {
91
- "production": [
92
- ">0.2%",
93
- "not dead",
94
- "not op_mini all"
95
- ],
96
- "development": [
97
- "last 1 chrome version",
98
- "last 1 firefox version",
99
- "last 1 safari version"
100
- ]
101
- }
102
- }
1
+ {
2
+ "name": "@tap-payments/apple-pay-button",
3
+ "version": "0.0.1-test",
4
+ "description": "Apple Pay Button React Component",
5
+ "main": "build/index.js",
6
+ "module": "build/index.js",
7
+ "types": "build/index.d.ts",
8
+ "files": [
9
+ "build",
10
+ "README.md"
11
+ ],
12
+ "scripts": {
13
+ "prepare": "npx husky install",
14
+ "prettier": "prettier --list-different \"src/**/*.{md,mdx,ts,js,tsx,jsx,json}\" *.json *.js",
15
+ "prettier:fix": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,md,css,json}\" *.json *.js",
16
+ "lint": "eslint src --color --ext .js,.jsx,.ts,.tsx,.json",
17
+ "lint:fix": "eslint src --ext .js,.jsx,.ts,.tsx --fix",
18
+ "start": "cross-env NODE_ENV=development webpack serve",
19
+ "build": "cross-env NODE_ENV=production webpack",
20
+ "copy:files": "copyfiles -u 1 src/**/*.css build/",
21
+ "tsc:alias": "tsc-alias -p tsconfig.json",
22
+ "ts:build": "rm -rf build && tsc && yarn tsc:alias && yarn copy:files",
23
+ "push": "npm publish --access public"
24
+ },
25
+ "keywords": [],
26
+ "author": {
27
+ "name": "Ahmed Elsharkawy",
28
+ "email": "a.elsharkawy@tap.company"
29
+ },
30
+ "license": "ISC",
31
+ "devDependencies": {
32
+ "@babel/core": "^7.18.6",
33
+ "@babel/preset-env": "^7.18.6",
34
+ "@babel/preset-react": "^7.18.6",
35
+ "@babel/preset-typescript": "^7.18.6",
36
+ "@types/crypto-js": "^4.1.1",
37
+ "@types/react": "^18.0.15",
38
+ "@types/react-dom": "^18.0.6",
39
+ "@typescript-eslint/eslint-plugin": "^5.30.5",
40
+ "@typescript-eslint/parser": "^5.30.5",
41
+ "babel-loader": "^8.2.5",
42
+ "copyfiles": "^2.4.1",
43
+ "cross-env": "^7.0.3",
44
+ "css-loader": "^6.7.1",
45
+ "css-minimizer-webpack-plugin": "^4.0.0",
46
+ "eslint": "^8.19.0",
47
+ "eslint-config-airbnb": "^19.0.4",
48
+ "eslint-config-prettier": "^8.5.0",
49
+ "eslint-plugin-import": "^2.26.0",
50
+ "eslint-plugin-jsx-a11y": "^6.6.0",
51
+ "eslint-plugin-node": "^11.1.0",
52
+ "eslint-plugin-prettier": "^4.2.1",
53
+ "eslint-plugin-react": "^7.30.1",
54
+ "eslint-plugin-react-hooks": "^4.6.0",
55
+ "file-loader": "^6.2.0",
56
+ "fork-ts-checker-webpack-plugin": "^7.2.12",
57
+ "html-loader": "^3.1.2",
58
+ "html-webpack-plugin": "^5.5.0",
59
+ "husky": "^8.0.1",
60
+ "lint-staged": "^13.0.3",
61
+ "mini-css-extract-plugin": "^2.6.1",
62
+ "prettier": "^2.7.1",
63
+ "sass": "^1.53.0",
64
+ "sass-loader": "^13.0.2",
65
+ "style-loader": "^3.3.1",
66
+ "terser-webpack-plugin": "^5.3.3",
67
+ "tsc-alias": "^1.6.11",
68
+ "typescript": "^4.7.4",
69
+ "webpack": "^5.73.0",
70
+ "webpack-cli": "^4.10.0",
71
+ "webpack-dev-server": "^4.9.3",
72
+ "webpack-merge": "^5.8.0"
73
+ },
74
+ "dependencies": {
75
+ "axios": "^1.2.2",
76
+ "react": ">=17.0.2",
77
+ "react-dom": ">=17.0.2"
78
+ },
79
+ "peerDependencies": {
80
+ "react": ">=17.0.2",
81
+ "react-dom": ">=17.0.2"
82
+ },
83
+ "lint-staged": {
84
+ "src/**/*.{ts,tsx,json,js,jsx}": [
85
+ "yarn run prettier:fix",
86
+ "yarn run lint",
87
+ "git add ."
88
+ ]
89
+ },
90
+ "browserslist": {
91
+ "production": [
92
+ ">0.2%",
93
+ "not dead",
94
+ "not op_mini all"
95
+ ],
96
+ "development": [
97
+ "last 1 chrome version",
98
+ "last 1 firefox version",
99
+ "last 1 safari version"
100
+ ]
101
+ }
102
+ }