@tap-payments/apple-pay-button 0.0.68-development → 1.0.0-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 (51) hide show
  1. package/README.md +30 -30
  2. package/build/@types/ApplePaySession.d.ts +67 -0
  3. package/build/@types/index.d.ts +118 -6
  4. package/build/@types/index.js +1 -6
  5. package/build/api/app.service.d.ts +23 -0
  6. package/build/{api.js → api/app.service.js} +93 -84
  7. package/build/api/base.d.ts +9 -0
  8. package/build/api/base.js +45 -0
  9. package/build/api/httpClient.d.ts +8 -0
  10. package/build/api/httpClient.js +33 -0
  11. package/build/constants/index.d.ts +58 -2
  12. package/build/constants/index.js +58 -2
  13. package/build/features/ApplePayButton/ApplePayButton.css +21 -0
  14. package/build/features/ApplePayButton/ApplePayButton.d.ts +5 -3
  15. package/build/features/ApplePayButton/ApplePayButton.js +25 -9
  16. package/build/features/ApplePayButton/index.d.ts +3 -3
  17. package/build/features/ApplePayButton/index.js +2 -2
  18. package/build/hooks/index.d.ts +1 -1
  19. package/build/hooks/index.js +1 -1
  20. package/build/hooks/useApplePay.d.ts +7 -85
  21. package/build/hooks/useApplePay.js +178 -262
  22. package/build/hooks/useGetEvents.d.ts +4 -0
  23. package/build/hooks/useGetEvents.js +15 -0
  24. package/build/hooks/useScript.d.ts +1 -0
  25. package/build/hooks/useScript.js +39 -0
  26. package/build/index.d.ts +4 -4
  27. package/build/index.js +7 -5
  28. package/build/utils/config.d.ts +9 -7
  29. package/build/utils/config.js +52 -41
  30. package/build/utils/defaultValues.d.ts +32 -2
  31. package/build/utils/defaultValues.js +31 -10
  32. package/build/utils/index.d.ts +0 -3
  33. package/build/utils/index.js +0 -3
  34. package/package.json +11 -16
  35. package/build/@types/ApplePayButtonProps.d.ts +0 -128
  36. package/build/@types/charge.d.ts +0 -57
  37. package/build/@types/charge.js +0 -1
  38. package/build/@types/checkoutProfile.d.ts +0 -194
  39. package/build/@types/checkoutProfile.js +0 -1
  40. package/build/@types/enums.d.ts +0 -65
  41. package/build/@types/enums.js +0 -76
  42. package/build/@types/tapLocalisation.d.ts +0 -193
  43. package/build/@types/tapLocalisation.js +0 -1
  44. package/build/@types/tapTheme.d.ts +0 -842
  45. package/build/@types/tapTheme.js +0 -1
  46. package/build/api.d.ts +0 -34
  47. package/build/hooks/useMerchantApplePay.d.ts +0 -20
  48. package/build/hooks/useMerchantApplePay.js +0 -176
  49. package/build/utils/theme.d.ts +0 -12
  50. package/build/utils/theme.js +0 -61
  51. /package/build/@types/{ApplePayButtonProps.js → ApplePaySession.js} +0 -0
@@ -1 +0,0 @@
1
- export {};
package/build/api.d.ts DELETED
@@ -1,34 +0,0 @@
1
- import { MerchantResponse, CheckoutProfileRequest, ChargeRequestBody, AuthorizeRequestBody } from './@types';
2
- export declare const setAxiosGlobalHeaders: (headers: Record<string, string>) => void;
3
- export declare const getAxiosGlobalHeaders: () => {
4
- [x: string]: (string | number | boolean | string[] | import("axios").AxiosHeaders | null) | undefined;
5
- head?: import("axios").AxiosHeaders | undefined;
6
- link?: import("axios").AxiosHeaders | undefined;
7
- post?: import("axios").AxiosHeaders | undefined;
8
- get?: import("axios").AxiosHeaders | undefined;
9
- delete?: import("axios").AxiosHeaders | undefined;
10
- options?: import("axios").AxiosHeaders | undefined;
11
- put?: import("axios").AxiosHeaders | undefined;
12
- patch?: import("axios").AxiosHeaders | undefined;
13
- purge?: import("axios").AxiosHeaders | undefined;
14
- unlink?: import("axios").AxiosHeaders | undefined;
15
- common?: import("axios").AxiosHeaders | undefined;
16
- };
17
- declare class APPService {
18
- setHttpHeaders(headers: Record<string, string>): Promise<void>;
19
- setBrowserHeaders({ locale, pk, domain }: {
20
- locale: string;
21
- pk: string;
22
- domain: string;
23
- }): Promise<void>;
24
- checkoutProfile(request: CheckoutProfileRequest): Promise<{
25
- merchant: any;
26
- payment_options: any;
27
- }>;
28
- appleSession(merchant: Pick<MerchantResponse, 'name' | 'id'>, validationURL: string, merchantRegisteredDomain: string): Promise<any>;
29
- tapTokenization(applePaymentData: Record<string, string>): Promise<any>;
30
- createCharge(request: ChargeRequestBody): Promise<any>;
31
- createAuthorize(request: AuthorizeRequestBody): Promise<any>;
32
- }
33
- declare const appService: APPService;
34
- export default appService;
@@ -1,20 +0,0 @@
1
- import { MetaData, ApplePayButtonProps, Scope } from '../@types';
2
- interface ApplePayRequestData {
3
- isIframeIntegration: boolean;
4
- onError?: (error: any) => void;
5
- onSuccess?: (data: Record<string, any>) => void;
6
- setLoading?: (loading: boolean) => void;
7
- setSuccess?: (success: boolean) => void;
8
- setError?: (error: boolean) => void;
9
- scope: typeof Scope[keyof typeof Scope];
10
- profileData?: Pick<MetaData, 'merchant' | 'payment_options'>;
11
- merchant: Pick<MetaData['merchant'], 'id'>;
12
- order: ApplePayButtonProps['order'];
13
- customer: ApplePayButtonProps['customer'];
14
- transaction: ApplePayButtonProps['transaction'];
15
- operator: ApplePayButtonProps['operator'];
16
- redirect?: ApplePayButtonProps['redirect'];
17
- post?: ApplePayButtonProps['post'];
18
- }
19
- export declare const useMerchantApplePay: ({ isIframeIntegration, onError, onSuccess, setLoading, setError, setSuccess, scope, profileData, order, customer, transaction, operator, redirect, post }: ApplePayRequestData) => void;
20
- export {};
@@ -1,176 +0,0 @@
1
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
- return new (P || (P = Promise))(function (resolve, reject) {
4
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
- step((generator = generator.apply(thisArg, _arguments || [])).next());
8
- });
9
- };
10
- var __generator = (this && this.__generator) || function (thisArg, body) {
11
- var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
12
- return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
13
- function verb(n) { return function (v) { return step([n, v]); }; }
14
- function step(op) {
15
- if (f) throw new TypeError("Generator is already executing.");
16
- while (_) try {
17
- 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;
18
- if (y = 0, t) op = [op[0] & 2, t.value];
19
- switch (op[0]) {
20
- case 0: case 1: t = op; break;
21
- case 4: _.label++; return { value: op[1], done: false };
22
- case 5: _.label++; y = op[1]; op = [0]; continue;
23
- case 7: op = _.ops.pop(); _.trys.pop(); continue;
24
- default:
25
- if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
26
- if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
27
- if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
28
- if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
29
- if (t[2]) _.ops.pop();
30
- _.trys.pop(); continue;
31
- }
32
- op = body.call(thisArg, _);
33
- } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
34
- if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
35
- }
36
- };
37
- import * as React from 'react';
38
- import appService from '../api';
39
- import { Scope, CHARGE_CODE } from '../@types';
40
- var EVENT_NAME = 'TAP_BUTTON::APPLE_PAY_ON_PAYMENT_AUTHORIZED';
41
- export var useMerchantApplePay = function (_a) {
42
- var isIframeIntegration = _a.isIframeIntegration, onError = _a.onError, onSuccess = _a.onSuccess, setLoading = _a.setLoading, setError = _a.setError, setSuccess = _a.setSuccess, scope = _a.scope, profileData = _a.profileData, order = _a.order, customer = _a.customer, transaction = _a.transaction, operator = _a.operator, redirect = _a.redirect, post = _a.post;
43
- var onMessageReceived = React.useCallback(function (_a) {
44
- var message = _a.data;
45
- return __awaiter(void 0, void 0, void 0, function () {
46
- var _b, event, data, _c, response, tokenId, supportCurrency, transactionRequest, transactionResponse, _d, successState, e_1;
47
- var _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
48
- return __generator(this, function (_w) {
49
- switch (_w.label) {
50
- case 0:
51
- _b = message !== null && message !== void 0 ? message : {}, event = _b.event, data = _b.data;
52
- if (!data || event !== EVENT_NAME)
53
- return [2];
54
- _w.label = 1;
55
- case 1:
56
- _w.trys.push([1, 13, 14, 15]);
57
- _c = scope;
58
- switch (_c) {
59
- case Scope.APPLE_PAY_TOKEN: return [3, 2];
60
- case Scope.TAP_TOKEN: return [3, 3];
61
- case Scope.AUTHORIZE: return [3, 5];
62
- case Scope.CHARGE: return [3, 5];
63
- }
64
- return [3, 11];
65
- case 2:
66
- onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(data);
67
- return [3, 12];
68
- case 3:
69
- setLoading === null || setLoading === void 0 ? void 0 : setLoading(true);
70
- return [4, appService.tapTokenization(data)];
71
- case 4:
72
- response = _w.sent();
73
- setSuccess === null || setSuccess === void 0 ? void 0 : setSuccess(true);
74
- onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(response);
75
- return [3, 12];
76
- case 5:
77
- setLoading === null || setLoading === void 0 ? void 0 : setLoading(true);
78
- return [4, appService.tapTokenization(data)];
79
- case 6:
80
- tokenId = (_w.sent()).id;
81
- supportCurrency = ((_f = (_e = profileData === null || profileData === void 0 ? void 0 : profileData.payment_options) === null || _e === void 0 ? void 0 : _e.supported_currencies) !== null && _f !== void 0 ? _f : [])[0];
82
- transactionRequest = {
83
- auto: (_g = transaction === null || transaction === void 0 ? void 0 : transaction.authorize) === null || _g === void 0 ? void 0 : _g.auto,
84
- amount: order.amount,
85
- currency: order.currency,
86
- selected_amount: supportCurrency === null || supportCurrency === void 0 ? void 0 : supportCurrency.amount,
87
- selected_currency: supportCurrency === null || supportCurrency === void 0 ? void 0 : supportCurrency.currency,
88
- customer: (customer === null || customer === void 0 ? void 0 : customer.id)
89
- ? { id: customer === null || customer === void 0 ? void 0 : customer.id }
90
- : {
91
- email: (_h = customer === null || customer === void 0 ? void 0 : customer.contact) === null || _h === void 0 ? void 0 : _h.email,
92
- first_name: ((_j = customer === null || customer === void 0 ? void 0 : customer.name) === null || _j === void 0 ? void 0 : _j.length) ? customer.name[0].first : '',
93
- last_name: ((_k = customer === null || customer === void 0 ? void 0 : customer.name) === null || _k === void 0 ? void 0 : _k.length) ? customer.name[0].last : '',
94
- phone: {
95
- country_code: (_o = (_m = (_l = customer === null || customer === void 0 ? void 0 : customer.contact) === null || _l === void 0 ? void 0 : _l.phone) === null || _m === void 0 ? void 0 : _m.countryCode) !== null && _o !== void 0 ? _o : '',
96
- number: (_r = (_q = (_p = customer === null || customer === void 0 ? void 0 : customer.contact) === null || _p === void 0 ? void 0 : _p.phone) === null || _q === void 0 ? void 0 : _q.number) !== null && _r !== void 0 ? _r : ''
97
- }
98
- },
99
- fee: 0,
100
- merchant: {
101
- id: (_t = (_s = profileData === null || profileData === void 0 ? void 0 : profileData.merchant) === null || _s === void 0 ? void 0 : _s.id) !== null && _t !== void 0 ? _t : ''
102
- },
103
- order: (_u = profileData === null || profileData === void 0 ? void 0 : profileData.payment_options) === null || _u === void 0 ? void 0 : _u.order,
104
- product: 'Apple-Pay-Button',
105
- save_card: false,
106
- source: { id: tokenId !== null && tokenId !== void 0 ? tokenId : '' },
107
- threeDSecure: transaction === null || transaction === void 0 ? void 0 : transaction.authentication,
108
- hashstring: operator.hashstring,
109
- redirect: redirect,
110
- metadata: transaction === null || transaction === void 0 ? void 0 : transaction.metadata,
111
- post: post,
112
- payment_agreement: transaction === null || transaction === void 0 ? void 0 : transaction.paymentAgreement,
113
- destinations: transaction === null || transaction === void 0 ? void 0 : transaction.destinations,
114
- reference: {
115
- order: order === null || order === void 0 ? void 0 : order.reference,
116
- transaction: transaction === null || transaction === void 0 ? void 0 : transaction.reference
117
- }
118
- };
119
- if (!(scope === Scope.AUTHORIZE)) return [3, 8];
120
- return [4, appService.createAuthorize(transactionRequest)];
121
- case 7:
122
- _d = _w.sent();
123
- return [3, 10];
124
- case 8: return [4, appService.createCharge(transactionRequest)];
125
- case 9:
126
- _d = _w.sent();
127
- _w.label = 10;
128
- case 10:
129
- transactionResponse = _d;
130
- successState = scope === Scope.AUTHORIZE ? CHARGE_CODE.AUTHORIZED : CHARGE_CODE.SUCCESS;
131
- if ((transactionResponse === null || transactionResponse === void 0 ? void 0 : transactionResponse.response.code) === successState) {
132
- setSuccess === null || setSuccess === void 0 ? void 0 : setSuccess(true);
133
- }
134
- else {
135
- setError === null || setError === void 0 ? void 0 : setError(true);
136
- }
137
- onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(transactionResponse);
138
- return [3, 12];
139
- case 11:
140
- console.error("We only support: ".concat(Object.values(Scope).join(', '), " for now"));
141
- onError === null || onError === void 0 ? void 0 : onError({ message: "We only support: ".concat(Object.values(Scope).join(', '), " for now"), code: '000' });
142
- return [3, 12];
143
- case 12: return [3, 15];
144
- case 13:
145
- e_1 = _w.sent();
146
- if (!onError)
147
- return [2];
148
- if (e_1.errors) {
149
- onError(e_1.errors);
150
- return [2];
151
- }
152
- if ((_v = e_1.response) === null || _v === void 0 ? void 0 : _v.data.errors) {
153
- onError(e_1.response.data.errors);
154
- return [2];
155
- }
156
- if (e_1.message) {
157
- onError([{ message: e_1.message, code: '400' }]);
158
- return [2];
159
- }
160
- onError(e_1);
161
- return [3, 15];
162
- case 14:
163
- setLoading === null || setLoading === void 0 ? void 0 : setLoading(false);
164
- return [7];
165
- case 15: return [2];
166
- }
167
- });
168
- });
169
- }, [onError, onSuccess, scope, profileData, order, customer, transaction, operator, redirect, post]);
170
- React.useEffect(function () {
171
- if (!isIframeIntegration)
172
- return;
173
- window.addEventListener('message', onMessageReceived);
174
- return function () { return window.removeEventListener('message', onMessageReceived); };
175
- }, [isIframeIntegration, onMessageReceived]);
176
- };
@@ -1,12 +0,0 @@
1
- import { TapThemeResponse } from '../@types';
2
- import { ColorStyle, FullThemeMode, Locale, ThemeMode } from '../@types/enums';
3
- import { ApplePayButtonProps } from '..';
4
- export declare const mappingInterface: (interfaceParam?: ApplePayButtonProps['interface']) => ApplePayButtonProps['interface'];
5
- export declare const getDefaultThemeMode: (themeMode?: ThemeMode) => ThemeMode;
6
- export declare const getDefaultLocale: (locale?: Locale) => Locale;
7
- export declare const getFullThemeMode: (themeMode?: ThemeMode, colorStyle?: ColorStyle) => FullThemeMode;
8
- export declare const appendColors: (colors: Record<string, string>) => void;
9
- export declare const getTapThemeValue: ({ tapTheme, value }: {
10
- tapTheme: TapThemeResponse | null;
11
- value?: string | undefined;
12
- }) => string;
@@ -1,61 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { ColorStyle, Edges, FullThemeMode, Locale, ThemeMode } from '../@types/enums';
13
- export var mappingInterface = function (interfaceParam) {
14
- return __assign(__assign({ edges: Edges.CURVED, colorStyle: ColorStyle.COLORED, loader: true }, interfaceParam), { locale: getDefaultLocale(interfaceParam === null || interfaceParam === void 0 ? void 0 : interfaceParam.locale), theme: getDefaultThemeMode(interfaceParam === null || interfaceParam === void 0 ? void 0 : interfaceParam.theme) });
15
- };
16
- export var getDefaultThemeMode = function (themeMode) {
17
- return themeMode === ThemeMode.DYNAMIC || themeMode === undefined
18
- ? window.matchMedia('(prefers-color-scheme: dark)').matches
19
- ? ThemeMode.DARK
20
- : ThemeMode.LIGHT
21
- : themeMode;
22
- };
23
- export var getDefaultLocale = function (locale) {
24
- var _a;
25
- return locale === Locale.DYNAMIC || locale === undefined
26
- ? (_a = window.navigator.language.split('-')) === null || _a === void 0 ? void 0 : _a[0]
27
- : locale;
28
- };
29
- export var getFullThemeMode = function (themeMode, colorStyle) {
30
- var themeModeValue = getDefaultThemeMode(themeMode);
31
- if (themeModeValue === ThemeMode.DARK) {
32
- return colorStyle === ColorStyle.MONOCHROME ? FullThemeMode.DARK : FullThemeMode.DARK_COLORED;
33
- }
34
- else {
35
- return colorStyle === ColorStyle.MONOCHROME ? FullThemeMode.LIGHT_MONO : FullThemeMode.LIGHT;
36
- }
37
- };
38
- export var appendColors = function (colors) {
39
- try {
40
- var root_1 = document.documentElement;
41
- Object.entries(colors).forEach(function (_a) {
42
- var key = _a[0], value = _a[1];
43
- root_1.style.setProperty("--".concat(key), value);
44
- });
45
- }
46
- catch (e) {
47
- throw e;
48
- }
49
- };
50
- export var getTapThemeValue = function (_a) {
51
- var tapTheme = _a.tapTheme, value = _a.value;
52
- if (!tapTheme)
53
- return '';
54
- if (!value)
55
- return '';
56
- if (value[0] === '#')
57
- return value;
58
- var colorsObject = tapTheme === null || tapTheme === void 0 ? void 0 : tapTheme.GlobalValues.Colors;
59
- var valueFromGlobalColors = colorsObject === null || colorsObject === void 0 ? void 0 : colorsObject[value];
60
- return valueFromGlobalColors !== null && valueFromGlobalColors !== void 0 ? valueFromGlobalColors : '';
61
- };