@newskit-render/my-account 6.8.1 → 6.8.2-alpha.1
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.
- package/dist/cjs/Components/Sections/Form/Payment/Zuora/index.js +48 -9
- package/dist/cjs/Components/Sections/Form/Payment/Zuora/index.js.map +1 -1
- package/dist/cjs/context/types.d.ts +3 -3
- package/dist/cjs/pages/Payment/PaymentContext.js +6 -11
- package/dist/cjs/pages/Payment/PaymentContext.js.map +1 -1
- package/dist/esm/Components/Sections/Form/Payment/Zuora/index.js +49 -10
- package/dist/esm/Components/Sections/Form/Payment/Zuora/index.js.map +1 -1
- package/dist/esm/context/types.d.ts +3 -3
- package/dist/esm/pages/Payment/PaymentContext.js +6 -11
- package/dist/esm/pages/Payment/PaymentContext.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
2
6
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
7
|
if (k2 === undefined) k2 = k;
|
|
4
8
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -68,6 +72,8 @@ var react_1 = __importStar(require("react"));
|
|
|
68
72
|
var router_1 = require("next/router");
|
|
69
73
|
var types_1 = require("../../../../../context/types");
|
|
70
74
|
var onFormSubmit_1 = __importDefault(require("../../onFormSubmit"));
|
|
75
|
+
var newskit_1 = require("newskit");
|
|
76
|
+
var shared_components_1 = require("@newskit-render/shared-components");
|
|
71
77
|
var addZuoraScript = function (onLoadCallback) {
|
|
72
78
|
var script = document.createElement('script');
|
|
73
79
|
script.src =
|
|
@@ -77,15 +83,23 @@ var addZuoraScript = function (onLoadCallback) {
|
|
|
77
83
|
document.body.appendChild(script);
|
|
78
84
|
};
|
|
79
85
|
exports.addZuoraScript = addZuoraScript;
|
|
86
|
+
var StyledDiv = newskit_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n iframe#z_hppm_iframe {\n background: none;\n border: none;\n width: 100%;\n }\n"], ["\n iframe#z_hppm_iframe {\n background: none;\n border: none;\n width: 100%;\n }\n"])));
|
|
87
|
+
var StyledBackButton = (0, newskit_1.styled)(shared_components_1.BackButton)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 48px; /* same value hardcoded in the hosted page */\n display: flex;\n justify-content: center;\n align-items: center;\n\n & > a {\n align-self: stretch;\n display: flex;\n justify-content: center;\n flex-basis: 100%;\n text-decoration: none;\n ", "\n border-radius: none;\n }\n\n & > a:hover {\n border-radius: none;\n }\n\n ", " {\n justify-self: end;\n width: 98px; /* same value hardcoded in the hosted page */\n margin-right: calc(98px + 16px);\n margin-top: -48px;\n }\n"], ["\n height: 48px; /* same value hardcoded in the hosted page */\n display: flex;\n justify-content: center;\n align-items: center;\n\n & > a {\n align-self: stretch;\n display: flex;\n justify-content: center;\n flex-basis: 100%;\n text-decoration: none;\n ", "\n border-radius: none;\n }\n\n & > a:hover {\n border-radius: none;\n }\n\n ", " {\n justify-self: end;\n width: 98px; /* same value hardcoded in the hosted page */\n margin-right: calc(98px + 16px);\n margin-top: -48px;\n }\n"])), function (_a) {
|
|
88
|
+
var overrides = _a.overrides;
|
|
89
|
+
return (overrides === null || overrides === void 0 ? void 0 : overrides.stylePreset) && (0, newskit_1.getStylePresetFromTheme)(overrides === null || overrides === void 0 ? void 0 : overrides.stylePreset);
|
|
90
|
+
}, (0, newskit_1.getMediaQueryFromTheme)('lg'));
|
|
80
91
|
var Zuora = function () {
|
|
92
|
+
var _a;
|
|
81
93
|
var contextName = types_1.ContextName.payment;
|
|
82
|
-
var
|
|
94
|
+
var _b = (0, context_1.useAccountContext)(contextName), cancelButton = _b.cancelButton, paymentData = _b.paymentData, handleLoading = _b.handleLoading, handleError = _b.handleError, handleSuccess = _b.handleSuccess, baseUrl = _b.baseUrl, errorMessages = _b.errorMessages, genericErrorMessage = _b.genericErrorMessage, zuoraCustomErrorMessages = _b.zuoraCustomErrorMessages;
|
|
83
95
|
if (!paymentData) {
|
|
84
96
|
return null;
|
|
85
97
|
}
|
|
86
|
-
var
|
|
87
|
-
var
|
|
98
|
+
var _c = paymentData, signature = _c.signature, token = _c.token, tenantId = _c.tenantId, key = _c.key, pageId = _c.pageId, url = _c.url, timestamp = _c.timestamp;
|
|
99
|
+
var _d = zuoraCustomErrorMessages, creditCardHolderName = _d.creditCardHolderName, creditCardNumber = _d.creditCardNumber, cardSecurityCode = _d.cardSecurityCode, creditCardExpiration = _d.creditCardExpiration, creditCardPostalCode = _d.creditCardPostalCode, creditCardCountry = _d.creditCardCountry, unknownError = _d.unknownError;
|
|
88
100
|
var router = (0, router_1.useRouter)();
|
|
101
|
+
var iframeContainerRef = (0, react_1.useRef)(null);
|
|
102
|
+
var _e = (0, react_1.useState)(false), isIFrameLoaded = _e[0], setIsIFrameLoaded = _e[1];
|
|
89
103
|
var hostedPageCallback = function (response) { return __awaiter(void 0, void 0, void 0, function () {
|
|
90
104
|
var refId, signature_1, token_1, mutationObject;
|
|
91
105
|
return __generator(this, function (_a) {
|
|
@@ -177,12 +191,14 @@ var Zuora = function () {
|
|
|
177
191
|
errorMessage = unknownError;
|
|
178
192
|
}
|
|
179
193
|
}
|
|
180
|
-
|
|
181
|
-
window
|
|
194
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
195
|
+
var anyWindow = window;
|
|
196
|
+
anyWindow.Z.sendErrorMessageToHpm(key, errorMessage);
|
|
182
197
|
};
|
|
183
198
|
var loadHostedPage = function () {
|
|
184
|
-
|
|
185
|
-
window
|
|
199
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
200
|
+
var anyWindow = window;
|
|
201
|
+
anyWindow.Z.renderWithErrorHandler({
|
|
186
202
|
tenantId: tenantId,
|
|
187
203
|
token: token,
|
|
188
204
|
signature: signature,
|
|
@@ -194,14 +210,37 @@ var Zuora = function () {
|
|
|
194
210
|
}, {
|
|
195
211
|
creditCardCountry: 'GBR',
|
|
196
212
|
}, hostedPageCallback, errorMessageCallback);
|
|
213
|
+
anyWindow.Z.setEventHandler('onloadCallback', function () {
|
|
214
|
+
setIsIFrameLoaded(true);
|
|
215
|
+
});
|
|
197
216
|
};
|
|
198
217
|
(0, react_1.useEffect)(function () {
|
|
199
218
|
if (typeof window !== 'undefined') {
|
|
200
219
|
(0, exports.addZuoraScript)(loadHostedPage);
|
|
201
220
|
}
|
|
202
221
|
}, []);
|
|
203
|
-
return (react_1.default.createElement(
|
|
204
|
-
|
|
222
|
+
return (react_1.default.createElement(newskit_1.GridLayout, { rows: '1fr auto', rowGap: { xs: 'space040', lg: 'space000' }, overrides: {
|
|
223
|
+
marginBlockEnd: {
|
|
224
|
+
xs: 'sizing070',
|
|
225
|
+
md: 'sizing080',
|
|
226
|
+
lg: 'sizing090', //64px
|
|
227
|
+
},
|
|
228
|
+
} },
|
|
229
|
+
react_1.default.createElement(StyledDiv, { id: "zuora_payment", ref: iframeContainerRef }),
|
|
230
|
+
isIFrameLoaded && (react_1.default.createElement(StyledBackButton, { backButton: {
|
|
231
|
+
text: cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.text,
|
|
232
|
+
href: cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.href,
|
|
233
|
+
'aria-label': cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton['aria-label'],
|
|
234
|
+
}, backButtonOverrides: {
|
|
235
|
+
asLink: true,
|
|
236
|
+
iconSize: 'iconSize000',
|
|
237
|
+
typographyPreset: 'utilityButton020',
|
|
238
|
+
}, overrides: {
|
|
239
|
+
//In Figma the Cancel button is an actually button with buttonMinimalSecondary preset
|
|
240
|
+
//In code Cancel is a LinkStandalone component which does not support button style presets
|
|
241
|
+
stylePreset: (_a = cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.overrides) === null || _a === void 0 ? void 0 : _a.stylePreset,
|
|
242
|
+
} }))));
|
|
205
243
|
};
|
|
206
244
|
exports.default = Zuora;
|
|
245
|
+
var templateObject_1, templateObject_2;
|
|
207
246
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/Components/Sections/Form/Payment/Zuora/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/Components/Sections/Form/Payment/Zuora/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { NavigationSecondaryInterface, NavigationSecondarySelected, NavigationSecondaryOverrides } from '../Components/Sections/NavigationSecondary';
|
|
3
3
|
import { ContentContainerProps } from '../Components/Sections/ContentContainer';
|
|
4
|
-
import { As, ListItemType, ListCellProps, ListItemProps, RequestHeaders } from '@newskit-render/shared-components';
|
|
5
|
-
import { TitleOverrides, DescriptionOverrides, FooterContext, FooterContextOverrides, HeaderProps, InputText, NavigationPrimaryProps, ButtonGroupProps, ModalProps } from '@newskit-render/shared-components';
|
|
4
|
+
import { As, ListItemType, ListCellProps, ListItemProps, RequestHeaders, TitleOverrides, DescriptionOverrides, FooterContext, FooterContextOverrides, HeaderProps, InputText, NavigationPrimaryProps, ButtonGroupProps, ModalProps } from '@newskit-render/shared-components';
|
|
6
5
|
import { MQ, InlineMessageProps } from 'newskit';
|
|
7
6
|
import { HeadProps } from '../Components/Elements/Head';
|
|
8
7
|
import { UserData, Data } from '../pages/types';
|
|
@@ -15,6 +14,7 @@ import { SubscriptionStatusProps } from '../Components/Sections/NoSubscription';
|
|
|
15
14
|
import { DeliveryInstructionsProps } from '../Components/Sections/Form/DeliveryInstructions';
|
|
16
15
|
import { HolidayStopProps } from '../Components/Sections/Form/HolidayStop';
|
|
17
16
|
import { VouchersProps } from '../Components/Sections/Form/Vouchers';
|
|
17
|
+
import { ButtonProps } from '@newskit-render/shared-components';
|
|
18
18
|
interface InfoPanel extends InlineMessageProps {
|
|
19
19
|
infoPanelCells?: MQ<number>;
|
|
20
20
|
href?: boolean;
|
|
@@ -212,7 +212,7 @@ export interface PaymentPageContextOptions extends BaseContextOptionsWithUserDat
|
|
|
212
212
|
zuoraCustomErrorMessages: ZuoraCustomErrorMessages;
|
|
213
213
|
paymentProvider: PaymentProvider;
|
|
214
214
|
infoPanel: InfoPanel;
|
|
215
|
-
cancelButton?:
|
|
215
|
+
cancelButton?: ButtonProps;
|
|
216
216
|
}
|
|
217
217
|
export interface SubscriptionAndBillingContextOptions extends AccountLandingPageContextOptions {
|
|
218
218
|
noSubscription: SubscriptionStatusProps;
|
|
@@ -21,17 +21,12 @@ exports.paymentContext = {
|
|
|
21
21
|
showDivider: true,
|
|
22
22
|
},
|
|
23
23
|
cancelButton: {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
xs: 'buttonOutlinedSecondary',
|
|
31
|
-
sm: 'buttonMinimalSecondary',
|
|
32
|
-
},
|
|
33
|
-
minWidth: { xs: '100%', sm: 'sizing110' },
|
|
34
|
-
},
|
|
24
|
+
text: 'Cancel',
|
|
25
|
+
href: '[baseURL]/subscription-and-billing',
|
|
26
|
+
'aria-label': 'Cancel and go back to subscription and billing page',
|
|
27
|
+
overrides: {
|
|
28
|
+
stylePreset: 'buttonMinimalSecondary',
|
|
29
|
+
minWidth: { xs: '100%', sm: 'sizing110' },
|
|
35
30
|
},
|
|
36
31
|
},
|
|
37
32
|
zuoraCustomErrorMessages: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaymentContext.js","sourceRoot":"","sources":["../../../../src/pages/Payment/PaymentContext.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,mCAAuC;AAEvC,6CAA0C;AAE1C,yDAA6D;AAE7D,qDAAiE;AACjE,IAAM,cAAc,GAAG,IAAA,uBAAa,EAAC,WAAU,CAAC,CAAA;AAEhD,IAAM,SAAS,GAAG,0BAA0B,CAAA;AAE/B,QAAA,cAAc,GAAuC;IAChE,OAAO,EAAE,oBAAQ;IACjB,IAAI,EAAE;QACJ,SAAS,WAAA;KACV;IACD,MAAM,EAAE;QACN,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,IAAI;KAClB;IACD,YAAY,EAAE;QACZ,
|
|
1
|
+
{"version":3,"file":"PaymentContext.js","sourceRoot":"","sources":["../../../../src/pages/Payment/PaymentContext.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,mCAAuC;AAEvC,6CAA0C;AAE1C,yDAA6D;AAE7D,qDAAiE;AACjE,IAAM,cAAc,GAAG,IAAA,uBAAa,EAAC,WAAU,CAAC,CAAA;AAEhD,IAAM,SAAS,GAAG,0BAA0B,CAAA;AAE/B,QAAA,cAAc,GAAuC;IAChE,OAAO,EAAE,oBAAQ;IACjB,IAAI,EAAE;QACJ,SAAS,WAAA;KACV;IACD,MAAM,EAAE;QACN,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,IAAI;KAClB;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,oCAAoC;QAC1C,YAAY,EAAE,qDAAqD;QACnE,SAAS,EAAE;YACT,WAAW,EAAE,wBAAwB;YACrC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE;SAC1C;KACF;IACD,wBAAwB,EAAE;QACxB,oBAAoB,EAAE,sCAAsC;QAC5D,gBAAgB,EAAE;YAChB,GAAG,EAAE,+BAA+B;YACpC,GAAG,EAAE,+DAA+D;YACpE,KAAK,EAAE,oDAAoD;SAC5D;QACD,gBAAgB,EAAE;YAChB,GAAG,EAAE,wCAAwC;YAC7C,IAAI,EAAE,6DAA6D;SACpE;QACD,oBAAoB,EAAE,0CAA0C;QAChE,oBAAoB,EAAE,oCAAoC;QAC1D,iBAAiB,EAAE,2BAA2B;QAC9C,YAAY,EACV,mEAAmE;KACtE;IACD,SAAS,EAAE;QACT,IAAI,EAAE,8BAAC,cAAc,IAAC,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,GAAI;QAC5D,QAAQ,EACN,iKAAiK;KACpK;IACD,iBAAiB,EAAE,+BAAiB;IACpC,mBAAmB,EAAE;QACnB,OAAO,EAAE,8BAA8B;QACvC,KAAK,EACH,iGAAiG;QACnG,OAAO,EAAE,uCAAuC;KACjD;IACD,aAAa,EAAE;QACb,cAAc,EAAE;YACd,KAAK,EAAE,0BAA0B;SAClC;QACD,OAAO,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE;KAC3C;CACF,CAAA"}
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
+
return cooked;
|
|
4
|
+
};
|
|
1
5
|
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
6
|
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
7
|
return new (P || (P = Promise))(function (resolve, reject) {
|
|
@@ -35,10 +39,12 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
35
39
|
}
|
|
36
40
|
};
|
|
37
41
|
import { useAccountContext, } from '../../../../../context';
|
|
38
|
-
import React, { useEffect } from 'react';
|
|
42
|
+
import React, { useEffect, useRef, useState } from 'react';
|
|
39
43
|
import { useRouter } from 'next/router';
|
|
40
44
|
import { ContextName } from '../../../../../context/types';
|
|
41
45
|
import onFormSubmit from '../../onFormSubmit';
|
|
46
|
+
import { GridLayout, getMediaQueryFromTheme, getStylePresetFromTheme, styled, } from 'newskit';
|
|
47
|
+
import { BackButton } from '@newskit-render/shared-components';
|
|
42
48
|
export var addZuoraScript = function (onLoadCallback) {
|
|
43
49
|
var script = document.createElement('script');
|
|
44
50
|
script.src =
|
|
@@ -47,15 +53,23 @@ export var addZuoraScript = function (onLoadCallback) {
|
|
|
47
53
|
script.onload = function () { return onLoadCallback(); };
|
|
48
54
|
document.body.appendChild(script);
|
|
49
55
|
};
|
|
56
|
+
var StyledDiv = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n iframe#z_hppm_iframe {\n background: none;\n border: none;\n width: 100%;\n }\n"], ["\n iframe#z_hppm_iframe {\n background: none;\n border: none;\n width: 100%;\n }\n"])));
|
|
57
|
+
var StyledBackButton = styled(BackButton)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 48px; /* same value hardcoded in the hosted page */\n display: flex;\n justify-content: center;\n align-items: center;\n\n & > a {\n align-self: stretch;\n display: flex;\n justify-content: center;\n flex-basis: 100%;\n text-decoration: none;\n ", "\n border-radius: none;\n }\n\n & > a:hover {\n border-radius: none;\n }\n\n ", " {\n justify-self: end;\n width: 98px; /* same value hardcoded in the hosted page */\n margin-right: calc(98px + 16px);\n margin-top: -48px;\n }\n"], ["\n height: 48px; /* same value hardcoded in the hosted page */\n display: flex;\n justify-content: center;\n align-items: center;\n\n & > a {\n align-self: stretch;\n display: flex;\n justify-content: center;\n flex-basis: 100%;\n text-decoration: none;\n ", "\n border-radius: none;\n }\n\n & > a:hover {\n border-radius: none;\n }\n\n ", " {\n justify-self: end;\n width: 98px; /* same value hardcoded in the hosted page */\n margin-right: calc(98px + 16px);\n margin-top: -48px;\n }\n"])), function (_a) {
|
|
58
|
+
var overrides = _a.overrides;
|
|
59
|
+
return (overrides === null || overrides === void 0 ? void 0 : overrides.stylePreset) && getStylePresetFromTheme(overrides === null || overrides === void 0 ? void 0 : overrides.stylePreset);
|
|
60
|
+
}, getMediaQueryFromTheme('lg'));
|
|
50
61
|
var Zuora = function () {
|
|
62
|
+
var _a;
|
|
51
63
|
var contextName = ContextName.payment;
|
|
52
|
-
var
|
|
64
|
+
var _b = useAccountContext(contextName), cancelButton = _b.cancelButton, paymentData = _b.paymentData, handleLoading = _b.handleLoading, handleError = _b.handleError, handleSuccess = _b.handleSuccess, baseUrl = _b.baseUrl, errorMessages = _b.errorMessages, genericErrorMessage = _b.genericErrorMessage, zuoraCustomErrorMessages = _b.zuoraCustomErrorMessages;
|
|
53
65
|
if (!paymentData) {
|
|
54
66
|
return null;
|
|
55
67
|
}
|
|
56
|
-
var
|
|
57
|
-
var
|
|
68
|
+
var _c = paymentData, signature = _c.signature, token = _c.token, tenantId = _c.tenantId, key = _c.key, pageId = _c.pageId, url = _c.url, timestamp = _c.timestamp;
|
|
69
|
+
var _d = zuoraCustomErrorMessages, creditCardHolderName = _d.creditCardHolderName, creditCardNumber = _d.creditCardNumber, cardSecurityCode = _d.cardSecurityCode, creditCardExpiration = _d.creditCardExpiration, creditCardPostalCode = _d.creditCardPostalCode, creditCardCountry = _d.creditCardCountry, unknownError = _d.unknownError;
|
|
58
70
|
var router = useRouter();
|
|
71
|
+
var iframeContainerRef = useRef(null);
|
|
72
|
+
var _e = useState(false), isIFrameLoaded = _e[0], setIsIFrameLoaded = _e[1];
|
|
59
73
|
var hostedPageCallback = function (response) { return __awaiter(void 0, void 0, void 0, function () {
|
|
60
74
|
var refId, signature_1, token_1, mutationObject;
|
|
61
75
|
return __generator(this, function (_a) {
|
|
@@ -147,12 +161,14 @@ var Zuora = function () {
|
|
|
147
161
|
errorMessage = unknownError;
|
|
148
162
|
}
|
|
149
163
|
}
|
|
150
|
-
|
|
151
|
-
window
|
|
164
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
165
|
+
var anyWindow = window;
|
|
166
|
+
anyWindow.Z.sendErrorMessageToHpm(key, errorMessage);
|
|
152
167
|
};
|
|
153
168
|
var loadHostedPage = function () {
|
|
154
|
-
|
|
155
|
-
window
|
|
169
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
170
|
+
var anyWindow = window;
|
|
171
|
+
anyWindow.Z.renderWithErrorHandler({
|
|
156
172
|
tenantId: tenantId,
|
|
157
173
|
token: token,
|
|
158
174
|
signature: signature,
|
|
@@ -164,14 +180,37 @@ var Zuora = function () {
|
|
|
164
180
|
}, {
|
|
165
181
|
creditCardCountry: 'GBR',
|
|
166
182
|
}, hostedPageCallback, errorMessageCallback);
|
|
183
|
+
anyWindow.Z.setEventHandler('onloadCallback', function () {
|
|
184
|
+
setIsIFrameLoaded(true);
|
|
185
|
+
});
|
|
167
186
|
};
|
|
168
187
|
useEffect(function () {
|
|
169
188
|
if (typeof window !== 'undefined') {
|
|
170
189
|
addZuoraScript(loadHostedPage);
|
|
171
190
|
}
|
|
172
191
|
}, []);
|
|
173
|
-
return (React.createElement(
|
|
174
|
-
|
|
192
|
+
return (React.createElement(GridLayout, { rows: '1fr auto', rowGap: { xs: 'space040', lg: 'space000' }, overrides: {
|
|
193
|
+
marginBlockEnd: {
|
|
194
|
+
xs: 'sizing070',
|
|
195
|
+
md: 'sizing080',
|
|
196
|
+
lg: 'sizing090', //64px
|
|
197
|
+
},
|
|
198
|
+
} },
|
|
199
|
+
React.createElement(StyledDiv, { id: "zuora_payment", ref: iframeContainerRef }),
|
|
200
|
+
isIFrameLoaded && (React.createElement(StyledBackButton, { backButton: {
|
|
201
|
+
text: cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.text,
|
|
202
|
+
href: cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.href,
|
|
203
|
+
'aria-label': cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton['aria-label'],
|
|
204
|
+
}, backButtonOverrides: {
|
|
205
|
+
asLink: true,
|
|
206
|
+
iconSize: 'iconSize000',
|
|
207
|
+
typographyPreset: 'utilityButton020',
|
|
208
|
+
}, overrides: {
|
|
209
|
+
//In Figma the Cancel button is an actually button with buttonMinimalSecondary preset
|
|
210
|
+
//In code Cancel is a LinkStandalone component which does not support button style presets
|
|
211
|
+
stylePreset: (_a = cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.overrides) === null || _a === void 0 ? void 0 : _a.stylePreset,
|
|
212
|
+
} }))));
|
|
175
213
|
};
|
|
176
214
|
export default Zuora;
|
|
215
|
+
var templateObject_1, templateObject_2;
|
|
177
216
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/Components/Sections/Form/Payment/Zuora/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/Components/Sections/Form/Payment/Zuora/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { NavigationSecondaryInterface, NavigationSecondarySelected, NavigationSecondaryOverrides } from '../Components/Sections/NavigationSecondary';
|
|
3
3
|
import { ContentContainerProps } from '../Components/Sections/ContentContainer';
|
|
4
|
-
import { As, ListItemType, ListCellProps, ListItemProps, RequestHeaders } from '@newskit-render/shared-components';
|
|
5
|
-
import { TitleOverrides, DescriptionOverrides, FooterContext, FooterContextOverrides, HeaderProps, InputText, NavigationPrimaryProps, ButtonGroupProps, ModalProps } from '@newskit-render/shared-components';
|
|
4
|
+
import { As, ListItemType, ListCellProps, ListItemProps, RequestHeaders, TitleOverrides, DescriptionOverrides, FooterContext, FooterContextOverrides, HeaderProps, InputText, NavigationPrimaryProps, ButtonGroupProps, ModalProps } from '@newskit-render/shared-components';
|
|
6
5
|
import { MQ, InlineMessageProps } from 'newskit';
|
|
7
6
|
import { HeadProps } from '../Components/Elements/Head';
|
|
8
7
|
import { UserData, Data } from '../pages/types';
|
|
@@ -15,6 +14,7 @@ import { SubscriptionStatusProps } from '../Components/Sections/NoSubscription';
|
|
|
15
14
|
import { DeliveryInstructionsProps } from '../Components/Sections/Form/DeliveryInstructions';
|
|
16
15
|
import { HolidayStopProps } from '../Components/Sections/Form/HolidayStop';
|
|
17
16
|
import { VouchersProps } from '../Components/Sections/Form/Vouchers';
|
|
17
|
+
import { ButtonProps } from '@newskit-render/shared-components';
|
|
18
18
|
interface InfoPanel extends InlineMessageProps {
|
|
19
19
|
infoPanelCells?: MQ<number>;
|
|
20
20
|
href?: boolean;
|
|
@@ -212,7 +212,7 @@ export interface PaymentPageContextOptions extends BaseContextOptionsWithUserDat
|
|
|
212
212
|
zuoraCustomErrorMessages: ZuoraCustomErrorMessages;
|
|
213
213
|
paymentProvider: PaymentProvider;
|
|
214
214
|
infoPanel: InfoPanel;
|
|
215
|
-
cancelButton?:
|
|
215
|
+
cancelButton?: ButtonProps;
|
|
216
216
|
}
|
|
217
217
|
export interface SubscriptionAndBillingContextOptions extends AccountLandingPageContextOptions {
|
|
218
218
|
noSubscription: SubscriptionStatusProps;
|
|
@@ -15,17 +15,12 @@ export var paymentContext = {
|
|
|
15
15
|
showDivider: true,
|
|
16
16
|
},
|
|
17
17
|
cancelButton: {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
xs: 'buttonOutlinedSecondary',
|
|
25
|
-
sm: 'buttonMinimalSecondary',
|
|
26
|
-
},
|
|
27
|
-
minWidth: { xs: '100%', sm: 'sizing110' },
|
|
28
|
-
},
|
|
18
|
+
text: 'Cancel',
|
|
19
|
+
href: '[baseURL]/subscription-and-billing',
|
|
20
|
+
'aria-label': 'Cancel and go back to subscription and billing page',
|
|
21
|
+
overrides: {
|
|
22
|
+
stylePreset: 'buttonMinimalSecondary',
|
|
23
|
+
minWidth: { xs: '100%', sm: 'sizing110' },
|
|
29
24
|
},
|
|
30
25
|
},
|
|
31
26
|
zuoraCustomErrorMessages: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaymentContext.js","sourceRoot":"","sources":["../../../../src/pages/Payment/PaymentContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAE1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAE7D,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,8BAA8B,CAAA;AACjE,IAAM,cAAc,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;AAEhD,IAAM,SAAS,GAAG,0BAA0B,CAAA;AAE5C,MAAM,CAAC,IAAM,cAAc,GAAuC;IAChE,OAAO,EAAE,QAAQ;IACjB,IAAI,EAAE;QACJ,SAAS,WAAA;KACV;IACD,MAAM,EAAE;QACN,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,IAAI;KAClB;IACD,YAAY,EAAE;QACZ,
|
|
1
|
+
{"version":3,"file":"PaymentContext.js","sourceRoot":"","sources":["../../../../src/pages/Payment/PaymentContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAE1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAE7D,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,8BAA8B,CAAA;AACjE,IAAM,cAAc,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;AAEhD,IAAM,SAAS,GAAG,0BAA0B,CAAA;AAE5C,MAAM,CAAC,IAAM,cAAc,GAAuC;IAChE,OAAO,EAAE,QAAQ;IACjB,IAAI,EAAE;QACJ,SAAS,WAAA;KACV;IACD,MAAM,EAAE;QACN,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,IAAI;KAClB;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,oCAAoC;QAC1C,YAAY,EAAE,qDAAqD;QACnE,SAAS,EAAE;YACT,WAAW,EAAE,wBAAwB;YACrC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE;SAC1C;KACF;IACD,wBAAwB,EAAE;QACxB,oBAAoB,EAAE,sCAAsC;QAC5D,gBAAgB,EAAE;YAChB,GAAG,EAAE,+BAA+B;YACpC,GAAG,EAAE,+DAA+D;YACpE,KAAK,EAAE,oDAAoD;SAC5D;QACD,gBAAgB,EAAE;YAChB,GAAG,EAAE,wCAAwC;YAC7C,IAAI,EAAE,6DAA6D;SACpE;QACD,oBAAoB,EAAE,0CAA0C;QAChE,oBAAoB,EAAE,oCAAoC;QAC1D,iBAAiB,EAAE,2BAA2B;QAC9C,YAAY,EACV,mEAAmE;KACtE;IACD,SAAS,EAAE;QACT,IAAI,EAAE,oBAAC,cAAc,IAAC,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,GAAI;QAC5D,QAAQ,EACN,iKAAiK;KACpK;IACD,iBAAiB,EAAE,iBAAiB;IACpC,mBAAmB,EAAE;QACnB,OAAO,EAAE,8BAA8B;QACvC,KAAK,EACH,iGAAiG;QACnG,OAAO,EAAE,uCAAuC;KACjD;IACD,aAAa,EAAE;QACb,cAAc,EAAE;YACd,KAAK,EAAE,0BAA0B;SAClC;QACD,OAAO,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE;KAC3C;CACF,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@newskit-render/my-account",
|
|
3
|
-
"version": "6.8.1",
|
|
3
|
+
"version": "6.8.2-alpha.1",
|
|
4
4
|
"description": "Newskit Render",
|
|
5
5
|
"author": "",
|
|
6
6
|
"license": "UNLICENSED",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"@emotion/styled": "11.9.3",
|
|
35
35
|
"@hookform/resolvers": "2.9.10",
|
|
36
36
|
"@newskit-render/api": "^1.6.8",
|
|
37
|
-
"@newskit-render/shared-components": "^3.
|
|
37
|
+
"@newskit-render/shared-components": "^3.12.0-alpha.1",
|
|
38
38
|
"@newskit-render/validation": "^1.8.0",
|
|
39
39
|
"@stripe/react-stripe-js": "1.4.1",
|
|
40
40
|
"@stripe/stripe-js": "1.46.0",
|