@newskit-render/my-account 7.87.5 → 7.88.0
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/Zuora.js +21 -18
- package/dist/cjs/Components/Sections/Form/Payment/Zuora/Zuora.js.map +1 -1
- package/dist/cjs/Components/Sections/Form/Payment/Zuora/styled.d.ts +1 -1
- package/dist/cjs/Components/Sections/Form/Payment/Zuora/styled.js +2 -2
- package/dist/cjs/Components/Sections/Form/Payment/Zuora/styled.js.map +1 -1
- package/dist/cjs/context/types.d.ts +8 -2
- package/dist/cjs/context/types.js.map +1 -1
- package/dist/esm/Components/Sections/Form/Payment/Zuora/Zuora.js +22 -19
- package/dist/esm/Components/Sections/Form/Payment/Zuora/Zuora.js.map +1 -1
- package/dist/esm/Components/Sections/Form/Payment/Zuora/styled.d.ts +1 -1
- package/dist/esm/Components/Sections/Form/Payment/Zuora/styled.js +4 -4
- package/dist/esm/Components/Sections/Form/Payment/Zuora/styled.js.map +1 -1
- package/dist/esm/context/types.d.ts +8 -2
- package/dist/esm/context/types.js.map +1 -1
- package/package.json +2 -2
|
@@ -73,6 +73,7 @@ var types_1 = require("../../../../../context/types");
|
|
|
73
73
|
var paymentUtils_1 = require("../../../../../helpers/paymentUtils");
|
|
74
74
|
var dataUtils_1 = require("../../../../../helpers/dataUtils");
|
|
75
75
|
var styled_1 = require("./styled");
|
|
76
|
+
var shared_components_1 = require("@newskit-render/shared-components");
|
|
76
77
|
var addZuoraScript = function (onLoadCallback) {
|
|
77
78
|
var script = document.createElement('script');
|
|
78
79
|
script.src =
|
|
@@ -110,16 +111,24 @@ var getPrepopulateFields = function (paymentMethod, paymentSupportData) {
|
|
|
110
111
|
var Zuora = function (_a) {
|
|
111
112
|
var _b;
|
|
112
113
|
var paymentMethod = _a.paymentMethod;
|
|
113
|
-
var _c = (0, context_1.useAccountContext)(types_1.ContextName[(0, paymentUtils_1.getPaymentContextName)(paymentMethod)]), cancelButton = _c.cancelButton, paymentPageData = _c.paymentPageData, handleLoading = _c.handleLoading, handleError = _c.handleError, handleSuccess = _c.handleSuccess, baseUrl = _c.baseUrl, errorMessages = _c.errorMessages, genericErrorMessage = _c.genericErrorMessage, zuoraCustomErrorMessages = _c.zuoraCustomErrorMessages, returnUrl = _c.returnUrl;
|
|
114
|
+
var _c = (0, context_1.useAccountContext)(types_1.ContextName[(0, paymentUtils_1.getPaymentContextName)(paymentMethod)]), cancelButton = _c.cancelButton, paymentPageData = _c.paymentPageData, handleLoading = _c.handleLoading, handleError = _c.handleError, handleSuccess = _c.handleSuccess, baseUrl = _c.baseUrl, errorMessages = _c.errorMessages, genericErrorMessage = _c.genericErrorMessage, zuoraCustomErrorMessages = _c.zuoraCustomErrorMessages, returnUrl = _c.returnUrl, submitEvents = _c.submitEvents;
|
|
114
115
|
if (!paymentPageData) {
|
|
115
116
|
return null;
|
|
116
117
|
}
|
|
117
118
|
var _d = paymentPageData, pageId = _d.pageId, mandateId = _d.mandateId, signature = _d.signature, key = _d.key, token = _d.token, tenantId = _d.tenantId, timestamp = _d.timestamp, url = _d.url;
|
|
118
119
|
var _e = zuoraCustomErrorMessages, creditCardHolderName = _e.creditCardHolderName, creditCardNumber = _e.creditCardNumber, cardSecurityCode = _e.cardSecurityCode, creditCardExpiration = _e.creditCardExpiration, creditCardPostalCode = _e.creditCardPostalCode, creditCardCountry = _e.creditCardCountry, unknownError = _e.unknownError;
|
|
120
|
+
var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
|
|
119
121
|
var router = (0, router_1.useRouter)();
|
|
120
122
|
var iframeContainerRef = (0, react_1.useRef)(null);
|
|
121
123
|
var _f = (0, react_1.useState)(false), isIFrameLoaded = _f[0], setIsIFrameLoaded = _f[1];
|
|
122
124
|
var hasCancelButton = cancelButton && cancelButton.text;
|
|
125
|
+
var errorHandler = function (type, messageMap, genericMessageMap) {
|
|
126
|
+
if (handleError)
|
|
127
|
+
handleError(type, messageMap, genericMessageMap);
|
|
128
|
+
if (submitEvents) {
|
|
129
|
+
fireEvent((0, shared_components_1.createClickEvent)(submitEvents.fail.originator, submitEvents.fail.context.event_navigation_name, undefined, undefined, submitEvents.fail.context.page_name, 'navigation', 'automated'));
|
|
130
|
+
}
|
|
131
|
+
};
|
|
123
132
|
var hostedPageCallback = function (response) { return __awaiter(void 0, void 0, void 0, function () {
|
|
124
133
|
var refId, responseSignature, responseToken, mutationObject;
|
|
125
134
|
return __generator(this, function (_a) {
|
|
@@ -138,20 +147,22 @@ var Zuora = function (_a) {
|
|
|
138
147
|
refId: refId,
|
|
139
148
|
};
|
|
140
149
|
return [4 /*yield*/, (0, onFormSubmit_1.default)(mutationObject, 'zuoraPaymentMethod', router, function () {
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
150
|
+
errorHandler('error', errorMessages, genericErrorMessage);
|
|
151
|
+
}, function () {
|
|
152
|
+
if (submitEvents) {
|
|
153
|
+
fireEvent((0, shared_components_1.createClickEvent)(submitEvents.success.originator, submitEvents.success.context.event_navigation_name, undefined, undefined, submitEvents.success.context.page_name, 'navigation', 'automated'));
|
|
154
|
+
}
|
|
155
|
+
handleSuccess();
|
|
156
|
+
}, returnUrl ? returnUrl : "".concat(baseUrl, "/subscription-and-billing"))];
|
|
144
157
|
case 1:
|
|
145
158
|
_a.sent();
|
|
146
159
|
return [3 /*break*/, 3];
|
|
147
160
|
case 2:
|
|
148
161
|
if (!response.success) {
|
|
149
|
-
|
|
150
|
-
handleError('paymentFailure', errorMessages);
|
|
162
|
+
errorHandler('paymentFailure', errorMessages);
|
|
151
163
|
}
|
|
152
164
|
else {
|
|
153
|
-
|
|
154
|
-
handleError('payment', errorMessages);
|
|
165
|
+
errorHandler('payment', errorMessages);
|
|
155
166
|
}
|
|
156
167
|
_a.label = 3;
|
|
157
168
|
case 3: return [2 /*return*/];
|
|
@@ -249,19 +260,11 @@ var Zuora = function (_a) {
|
|
|
249
260
|
},
|
|
250
261
|
} },
|
|
251
262
|
react_1.default.createElement(styled_1.StyledIframeContainer, { id: "zuora_payment", ref: iframeContainerRef }),
|
|
252
|
-
hasCancelButton && isIFrameLoaded && (react_1.default.createElement(styled_1.StyledBackButton, {
|
|
253
|
-
text: cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.text,
|
|
254
|
-
href: (0, dataUtils_1.replaceBaseURL)(baseUrl, cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.href),
|
|
255
|
-
'aria-label': cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton['aria-label'],
|
|
256
|
-
}, backButtonOverrides: {
|
|
257
|
-
asLink: true,
|
|
258
|
-
iconSize: 'iconSize000',
|
|
259
|
-
typographyPreset: 'utilityButton020',
|
|
260
|
-
}, overrides: {
|
|
263
|
+
hasCancelButton && isIFrameLoaded && (react_1.default.createElement(styled_1.StyledBackButton, { eventContext: cancelButton.eventContext, type: "standalone", href: (0, dataUtils_1.replaceBaseURL)(baseUrl, cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.href), "aria-label": cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton['aria-label'], overrides: {
|
|
261
264
|
//In Figma the Cancel button is an actually button with buttonMinimalSecondary preset
|
|
262
265
|
//In code Cancel is a LinkStandalone component which does not support button style presets
|
|
263
266
|
stylePreset: (_b = cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.overrides) === null || _b === void 0 ? void 0 : _b.stylePreset,
|
|
264
|
-
} }))));
|
|
267
|
+
} }, cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.text))));
|
|
265
268
|
};
|
|
266
269
|
exports.Zuora = Zuora;
|
|
267
270
|
//# sourceMappingURL=Zuora.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Zuora.js","sourceRoot":"","sources":["../../../../../../../src/Components/Sections/Form/Payment/Zuora/Zuora.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0BAA0B;AAC1B,kDAG+B;AAC/B,6CAA0D;AAE1D,sCAAmD;AACnD,oEAA6C;AAC7C,
|
|
1
|
+
{"version":3,"file":"Zuora.js","sourceRoot":"","sources":["../../../../../../../src/Components/Sections/Form/Payment/Zuora/Zuora.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ export declare const StyledIframeContainer: import("@emotion/styled").StyledComp
|
|
|
3
3
|
theme?: import("@emotion/react").Theme;
|
|
4
4
|
as?: React.ElementType;
|
|
5
5
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
-
export declare const StyledBackButton: import("@emotion/styled").StyledComponent<import("@newskit-render/shared-components").
|
|
6
|
+
export declare const StyledBackButton: import("@emotion/styled").StyledComponent<import("@newskit-render/shared-components").LinkProps & {
|
|
7
7
|
theme?: import("@emotion/react").Theme;
|
|
8
8
|
} & {
|
|
9
9
|
overrides?: {
|
|
@@ -8,9 +8,9 @@ exports.StyledBackButton = exports.StyledIframeContainer = void 0;
|
|
|
8
8
|
var newskit_1 = require("newskit");
|
|
9
9
|
var shared_components_1 = require("@newskit-render/shared-components");
|
|
10
10
|
exports.StyledIframeContainer = 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"])));
|
|
11
|
-
exports.StyledBackButton = (0, newskit_1.styled)(shared_components_1.
|
|
11
|
+
exports.StyledBackButton = (0, newskit_1.styled)(shared_components_1.NextLink)(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 text-decoration: none;\n ", "\n border-radius: none;\n\n & > span {\n align-self: stretch;\n display: flex;\n justify-content: center;\n flex-basis: 100%;\n }\n\n & :hover {\n border-radius: none;\n text-decoration: underline;\n ", ";\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 text-decoration: none;\n ", "\n border-radius: none;\n\n & > span {\n align-self: stretch;\n display: flex;\n justify-content: center;\n flex-basis: 100%;\n }\n\n & :hover {\n border-radius: none;\n text-decoration: underline;\n ", ";\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) {
|
|
12
12
|
var overrides = _a.overrides;
|
|
13
13
|
return (overrides === null || overrides === void 0 ? void 0 : overrides.stylePreset) && (0, newskit_1.getStylePresetFromTheme)(overrides === null || overrides === void 0 ? void 0 : overrides.stylePreset);
|
|
14
|
-
}, (0, newskit_1.getMediaQueryFromTheme)('lg'));
|
|
14
|
+
}, (0, newskit_1.getColorCssFromTheme)('color', 'interactivePrimary030'), (0, newskit_1.getMediaQueryFromTheme)('lg'));
|
|
15
15
|
var templateObject_1, templateObject_2;
|
|
16
16
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../../../src/Components/Sections/Form/Payment/Zuora/styled.tsx"],"names":[],"mappings":";;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../../../src/Components/Sections/Form/Payment/Zuora/styled.tsx"],"names":[],"mappings":";;;;;;;AAAA,mCAMgB;AAChB,uEAA4D;AAE/C,QAAA,qBAAqB,GAAG,gBAAM,CAAC,GAAG,kKAAA,+FAM9C,KAAA;AAEY,QAAA,gBAAgB,GAAG,IAAA,gBAAM,EAAC,4BAAQ,CAAC,goBAE9C,qKAME,EACyE,mOAavE,EAAsD,cAGxD,EAA4B,iKAM/B,KAvBG,UAAC,EAAa;QAAX,SAAS,eAAA;IACZ,OAAA,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,KAAI,IAAA,iCAAuB,EAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,CAAC;AAAzE,CAAyE,EAavE,IAAA,8BAAoB,EAAC,OAAO,EAAE,uBAAuB,CAAC,EAGxD,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAM/B"}
|
|
@@ -1,7 +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, PastDueBannerType, TitleOverrides, DescriptionOverrides, FooterContext, FooterContextOverrides, HeaderProps, InputText, NavigationPrimaryProps, ButtonGroupProps, ModalProps, TealiumEventContext } from '@newskit-render/shared-components';
|
|
4
|
+
import { As, ListItemType, ListCellProps, ListItemProps, RequestHeaders, PastDueBannerType, TitleOverrides, DescriptionOverrides, FooterContext, FooterContextOverrides, HeaderProps, InputText, NavigationPrimaryProps, ButtonGroupProps, ModalProps, TealiumEventContext, EventContext as LinkEventContext } from '@newskit-render/shared-components';
|
|
5
5
|
import { MQ, InlineMessageProps, NewsKitIcon, InstrumentationEvent, EventContext } from 'newskit';
|
|
6
6
|
import { HeadProps } from '../Components/Elements/Head';
|
|
7
7
|
import { UserData, Data } from '../pages/types';
|
|
@@ -277,10 +277,16 @@ export interface PaymentPageContextOptions extends BaseContextOptionsWithUserDat
|
|
|
277
277
|
paymentProvider: PaymentProvider;
|
|
278
278
|
paymentType?: string;
|
|
279
279
|
infoPanel: InfoPanel;
|
|
280
|
-
cancelButton?: ButtonProps
|
|
280
|
+
cancelButton?: ButtonProps & {
|
|
281
|
+
eventContext: LinkEventContext;
|
|
282
|
+
};
|
|
281
283
|
tealiumContext?: TealiumEventContext;
|
|
282
284
|
paymentMethodsMap?: PaymentMethodsMap;
|
|
283
285
|
returnUrl?: string;
|
|
286
|
+
submitEvents?: {
|
|
287
|
+
success: TealiumEventContext;
|
|
288
|
+
fail: TealiumEventContext;
|
|
289
|
+
};
|
|
284
290
|
}
|
|
285
291
|
export interface ContentPassContext {
|
|
286
292
|
contentPassPanelOverrides?: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":";;;AA0LA,IAAY,WAmBX;AAnBD,WAAY,WAAW;IACrB,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,0CAA6B,CAAA;IAC7B,4DAA+C,CAAA;IAC/C,kCAAqB,CAAA;IACrB,sCAAyB,CAAA;IACzB,oCAAuB,CAAA;IACvB,4CAA+B,CAAA;IAC/B,8BAAiB,CAAA;IACjB,gDAAmC,CAAA;IACnC,kDAAqC,CAAA;IACrC,gDAAmC,CAAA;IACnC,sCAAyB,CAAA;IACzB,0CAA6B,CAAA;IAC7B,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,gCAAmB,CAAA;IACnB,0CAA6B,CAAA;AAC/B,CAAC,EAnBW,WAAW,2BAAX,WAAW,QAmBtB;AAqHD,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,4BAAZ,YAAY,QAGvB;AAED,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,gDAA4B,CAAA;IAC5B,yCAAqB,CAAA;IACrB,8CAA0B,CAAA;AAC5B,CAAC,EAJW,kBAAkB,kCAAlB,kBAAkB,QAI7B;AAED,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,6CAAyB,CAAA;AAC3B,CAAC,EAJW,gBAAgB,gCAAhB,gBAAgB,QAI3B;AA8bD,IAAY,uBAGX;AAHD,WAAY,uBAAuB;IACjC,8CAAqB,CAAA;IACrB,4CAAmB,CAAA;AACrB,CAAC,EAHW,uBAAuB,uCAAvB,uBAAuB,QAGlC"}
|
|
@@ -39,11 +39,12 @@ import { useAccountContext, } from '../../../../../context';
|
|
|
39
39
|
import React, { useEffect, useRef, useState } from 'react';
|
|
40
40
|
import { useRouter } from 'next/router';
|
|
41
41
|
import onFormSubmit from '../../onFormSubmit';
|
|
42
|
-
import { GridLayout } from 'newskit';
|
|
42
|
+
import { GridLayout, useInstrumentation } from 'newskit';
|
|
43
43
|
import { ContextName } from '../../../../../context/types';
|
|
44
44
|
import { getPaymentContextName } from '../../../../../helpers/paymentUtils';
|
|
45
45
|
import { replaceBaseURL } from '../../../../../helpers/dataUtils';
|
|
46
46
|
import { StyledBackButton, StyledIframeContainer } from './styled';
|
|
47
|
+
import { createClickEvent } from '@newskit-render/shared-components';
|
|
47
48
|
var addZuoraScript = function (onLoadCallback) {
|
|
48
49
|
var script = document.createElement('script');
|
|
49
50
|
script.src =
|
|
@@ -81,16 +82,24 @@ var getPrepopulateFields = function (paymentMethod, paymentSupportData) {
|
|
|
81
82
|
export var Zuora = function (_a) {
|
|
82
83
|
var _b;
|
|
83
84
|
var paymentMethod = _a.paymentMethod;
|
|
84
|
-
var _c = useAccountContext(ContextName[getPaymentContextName(paymentMethod)]), cancelButton = _c.cancelButton, paymentPageData = _c.paymentPageData, handleLoading = _c.handleLoading, handleError = _c.handleError, handleSuccess = _c.handleSuccess, baseUrl = _c.baseUrl, errorMessages = _c.errorMessages, genericErrorMessage = _c.genericErrorMessage, zuoraCustomErrorMessages = _c.zuoraCustomErrorMessages, returnUrl = _c.returnUrl;
|
|
85
|
+
var _c = useAccountContext(ContextName[getPaymentContextName(paymentMethod)]), cancelButton = _c.cancelButton, paymentPageData = _c.paymentPageData, handleLoading = _c.handleLoading, handleError = _c.handleError, handleSuccess = _c.handleSuccess, baseUrl = _c.baseUrl, errorMessages = _c.errorMessages, genericErrorMessage = _c.genericErrorMessage, zuoraCustomErrorMessages = _c.zuoraCustomErrorMessages, returnUrl = _c.returnUrl, submitEvents = _c.submitEvents;
|
|
85
86
|
if (!paymentPageData) {
|
|
86
87
|
return null;
|
|
87
88
|
}
|
|
88
89
|
var _d = paymentPageData, pageId = _d.pageId, mandateId = _d.mandateId, signature = _d.signature, key = _d.key, token = _d.token, tenantId = _d.tenantId, timestamp = _d.timestamp, url = _d.url;
|
|
89
90
|
var _e = zuoraCustomErrorMessages, creditCardHolderName = _e.creditCardHolderName, creditCardNumber = _e.creditCardNumber, cardSecurityCode = _e.cardSecurityCode, creditCardExpiration = _e.creditCardExpiration, creditCardPostalCode = _e.creditCardPostalCode, creditCardCountry = _e.creditCardCountry, unknownError = _e.unknownError;
|
|
91
|
+
var fireEvent = useInstrumentation().fireEvent;
|
|
90
92
|
var router = useRouter();
|
|
91
93
|
var iframeContainerRef = useRef(null);
|
|
92
94
|
var _f = useState(false), isIFrameLoaded = _f[0], setIsIFrameLoaded = _f[1];
|
|
93
95
|
var hasCancelButton = cancelButton && cancelButton.text;
|
|
96
|
+
var errorHandler = function (type, messageMap, genericMessageMap) {
|
|
97
|
+
if (handleError)
|
|
98
|
+
handleError(type, messageMap, genericMessageMap);
|
|
99
|
+
if (submitEvents) {
|
|
100
|
+
fireEvent(createClickEvent(submitEvents.fail.originator, submitEvents.fail.context.event_navigation_name, undefined, undefined, submitEvents.fail.context.page_name, 'navigation', 'automated'));
|
|
101
|
+
}
|
|
102
|
+
};
|
|
94
103
|
var hostedPageCallback = function (response) { return __awaiter(void 0, void 0, void 0, function () {
|
|
95
104
|
var refId, responseSignature, responseToken, mutationObject;
|
|
96
105
|
return __generator(this, function (_a) {
|
|
@@ -109,20 +118,22 @@ export var Zuora = function (_a) {
|
|
|
109
118
|
refId: refId,
|
|
110
119
|
};
|
|
111
120
|
return [4 /*yield*/, onFormSubmit(mutationObject, 'zuoraPaymentMethod', router, function () {
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
121
|
+
errorHandler('error', errorMessages, genericErrorMessage);
|
|
122
|
+
}, function () {
|
|
123
|
+
if (submitEvents) {
|
|
124
|
+
fireEvent(createClickEvent(submitEvents.success.originator, submitEvents.success.context.event_navigation_name, undefined, undefined, submitEvents.success.context.page_name, 'navigation', 'automated'));
|
|
125
|
+
}
|
|
126
|
+
handleSuccess();
|
|
127
|
+
}, returnUrl ? returnUrl : "".concat(baseUrl, "/subscription-and-billing"))];
|
|
115
128
|
case 1:
|
|
116
129
|
_a.sent();
|
|
117
130
|
return [3 /*break*/, 3];
|
|
118
131
|
case 2:
|
|
119
132
|
if (!response.success) {
|
|
120
|
-
|
|
121
|
-
handleError('paymentFailure', errorMessages);
|
|
133
|
+
errorHandler('paymentFailure', errorMessages);
|
|
122
134
|
}
|
|
123
135
|
else {
|
|
124
|
-
|
|
125
|
-
handleError('payment', errorMessages);
|
|
136
|
+
errorHandler('payment', errorMessages);
|
|
126
137
|
}
|
|
127
138
|
_a.label = 3;
|
|
128
139
|
case 3: return [2 /*return*/];
|
|
@@ -220,18 +231,10 @@ export var Zuora = function (_a) {
|
|
|
220
231
|
},
|
|
221
232
|
} },
|
|
222
233
|
React.createElement(StyledIframeContainer, { id: "zuora_payment", ref: iframeContainerRef }),
|
|
223
|
-
hasCancelButton && isIFrameLoaded && (React.createElement(StyledBackButton, {
|
|
224
|
-
text: cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.text,
|
|
225
|
-
href: replaceBaseURL(baseUrl, cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.href),
|
|
226
|
-
'aria-label': cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton['aria-label'],
|
|
227
|
-
}, backButtonOverrides: {
|
|
228
|
-
asLink: true,
|
|
229
|
-
iconSize: 'iconSize000',
|
|
230
|
-
typographyPreset: 'utilityButton020',
|
|
231
|
-
}, overrides: {
|
|
234
|
+
hasCancelButton && isIFrameLoaded && (React.createElement(StyledBackButton, { eventContext: cancelButton.eventContext, type: "standalone", href: replaceBaseURL(baseUrl, cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.href), "aria-label": cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton['aria-label'], overrides: {
|
|
232
235
|
//In Figma the Cancel button is an actually button with buttonMinimalSecondary preset
|
|
233
236
|
//In code Cancel is a LinkStandalone component which does not support button style presets
|
|
234
237
|
stylePreset: (_b = cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.overrides) === null || _b === void 0 ? void 0 : _b.stylePreset,
|
|
235
|
-
} }))));
|
|
238
|
+
} }, cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.text))));
|
|
236
239
|
};
|
|
237
240
|
//# sourceMappingURL=Zuora.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Zuora.js","sourceRoot":"","sources":["../../../../../../../src/Components/Sections/Form/Payment/Zuora/Zuora.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0BAA0B;AAC1B,OAAO,EAEL,iBAAiB,GAClB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAc,SAAS,EAAE,MAAM,aAAa,CAAA;AACnD,OAAO,YAAY,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"Zuora.js","sourceRoot":"","sources":["../../../../../../../src/Components/Sections/Form/Payment/Zuora/Zuora.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ export declare const StyledIframeContainer: import("@emotion/styled").StyledComp
|
|
|
3
3
|
theme?: import("@emotion/react").Theme;
|
|
4
4
|
as?: React.ElementType;
|
|
5
5
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
-
export declare const StyledBackButton: import("@emotion/styled").StyledComponent<import("@newskit-render/shared-components").
|
|
6
|
+
export declare const StyledBackButton: import("@emotion/styled").StyledComponent<import("@newskit-render/shared-components").LinkProps & {
|
|
7
7
|
theme?: import("@emotion/react").Theme;
|
|
8
8
|
} & {
|
|
9
9
|
overrides?: {
|
|
@@ -2,12 +2,12 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
2
2
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
3
|
return cooked;
|
|
4
4
|
};
|
|
5
|
-
import { getMediaQueryFromTheme, getStylePresetFromTheme, styled, } from 'newskit';
|
|
6
|
-
import {
|
|
5
|
+
import { getColorCssFromTheme, getMediaQueryFromTheme, getStylePresetFromTheme, styled, } from 'newskit';
|
|
6
|
+
import { NextLink } from '@newskit-render/shared-components';
|
|
7
7
|
export var StyledIframeContainer = 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"])));
|
|
8
|
-
export var StyledBackButton = styled(
|
|
8
|
+
export var StyledBackButton = styled(NextLink)(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 text-decoration: none;\n ", "\n border-radius: none;\n\n & > span {\n align-self: stretch;\n display: flex;\n justify-content: center;\n flex-basis: 100%;\n }\n\n & :hover {\n border-radius: none;\n text-decoration: underline;\n ", ";\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 text-decoration: none;\n ", "\n border-radius: none;\n\n & > span {\n align-self: stretch;\n display: flex;\n justify-content: center;\n flex-basis: 100%;\n }\n\n & :hover {\n border-radius: none;\n text-decoration: underline;\n ", ";\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) {
|
|
9
9
|
var overrides = _a.overrides;
|
|
10
10
|
return (overrides === null || overrides === void 0 ? void 0 : overrides.stylePreset) && getStylePresetFromTheme(overrides === null || overrides === void 0 ? void 0 : overrides.stylePreset);
|
|
11
|
-
}, getMediaQueryFromTheme('lg'));
|
|
11
|
+
}, getColorCssFromTheme('color', 'interactivePrimary030'), getMediaQueryFromTheme('lg'));
|
|
12
12
|
var templateObject_1, templateObject_2;
|
|
13
13
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../../../src/Components/Sections/Form/Payment/Zuora/styled.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAEL,sBAAsB,EACtB,uBAAuB,EACvB,MAAM,GACP,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../../../src/Components/Sections/Form/Payment/Zuora/styled.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAEL,oBAAoB,EACpB,sBAAsB,EACtB,uBAAuB,EACvB,MAAM,GACP,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAA;AAE5D,MAAM,CAAC,IAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,kKAAA,+FAM9C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,QAAQ,CAAC,goBAE9C,qKAME,EACyE,mOAavE,EAAsD,cAGxD,EAA4B,iKAM/B,KAvBG,UAAC,EAAa;QAAX,SAAS,eAAA;IACZ,OAAA,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,KAAI,uBAAuB,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,CAAC;AAAzE,CAAyE,EAavE,oBAAoB,CAAC,OAAO,EAAE,uBAAuB,CAAC,EAGxD,sBAAsB,CAAC,IAAI,CAAC,CAM/B,CAAA"}
|
|
@@ -1,7 +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, PastDueBannerType, TitleOverrides, DescriptionOverrides, FooterContext, FooterContextOverrides, HeaderProps, InputText, NavigationPrimaryProps, ButtonGroupProps, ModalProps, TealiumEventContext } from '@newskit-render/shared-components';
|
|
4
|
+
import { As, ListItemType, ListCellProps, ListItemProps, RequestHeaders, PastDueBannerType, TitleOverrides, DescriptionOverrides, FooterContext, FooterContextOverrides, HeaderProps, InputText, NavigationPrimaryProps, ButtonGroupProps, ModalProps, TealiumEventContext, EventContext as LinkEventContext } from '@newskit-render/shared-components';
|
|
5
5
|
import { MQ, InlineMessageProps, NewsKitIcon, InstrumentationEvent, EventContext } from 'newskit';
|
|
6
6
|
import { HeadProps } from '../Components/Elements/Head';
|
|
7
7
|
import { UserData, Data } from '../pages/types';
|
|
@@ -277,10 +277,16 @@ export interface PaymentPageContextOptions extends BaseContextOptionsWithUserDat
|
|
|
277
277
|
paymentProvider: PaymentProvider;
|
|
278
278
|
paymentType?: string;
|
|
279
279
|
infoPanel: InfoPanel;
|
|
280
|
-
cancelButton?: ButtonProps
|
|
280
|
+
cancelButton?: ButtonProps & {
|
|
281
|
+
eventContext: LinkEventContext;
|
|
282
|
+
};
|
|
281
283
|
tealiumContext?: TealiumEventContext;
|
|
282
284
|
paymentMethodsMap?: PaymentMethodsMap;
|
|
283
285
|
returnUrl?: string;
|
|
286
|
+
submitEvents?: {
|
|
287
|
+
success: TealiumEventContext;
|
|
288
|
+
fail: TealiumEventContext;
|
|
289
|
+
};
|
|
284
290
|
}
|
|
285
291
|
export interface ContentPassContext {
|
|
286
292
|
contentPassPanelOverrides?: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":"AA0LA,MAAM,CAAN,IAAY,WAmBX;AAnBD,WAAY,WAAW;IACrB,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,0CAA6B,CAAA;IAC7B,4DAA+C,CAAA;IAC/C,kCAAqB,CAAA;IACrB,sCAAyB,CAAA;IACzB,oCAAuB,CAAA;IACvB,4CAA+B,CAAA;IAC/B,8BAAiB,CAAA;IACjB,gDAAmC,CAAA;IACnC,kDAAqC,CAAA;IACrC,gDAAmC,CAAA;IACnC,sCAAyB,CAAA;IACzB,0CAA6B,CAAA;IAC7B,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,gCAAmB,CAAA;IACnB,0CAA6B,CAAA;AAC/B,CAAC,EAnBW,WAAW,KAAX,WAAW,QAmBtB;AAqHD,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAED,MAAM,CAAN,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,gDAA4B,CAAA;IAC5B,yCAAqB,CAAA;IACrB,8CAA0B,CAAA;AAC5B,CAAC,EAJW,kBAAkB,KAAlB,kBAAkB,QAI7B;AAED,MAAM,CAAN,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,6CAAyB,CAAA;AAC3B,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B;AA8bD,MAAM,CAAN,IAAY,uBAGX;AAHD,WAAY,uBAAuB;IACjC,8CAAqB,CAAA;IACrB,4CAAmB,CAAA;AACrB,CAAC,EAHW,uBAAuB,KAAvB,uBAAuB,QAGlC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@newskit-render/my-account",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.88.0",
|
|
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.15.0",
|
|
37
|
-
"@newskit-render/shared-components": "^4.
|
|
37
|
+
"@newskit-render/shared-components": "^4.40.0",
|
|
38
38
|
"@newskit-render/validation": "^1.18.1",
|
|
39
39
|
"@stripe/react-stripe-js": "2.1.1",
|
|
40
40
|
"@stripe/stripe-js": "1.54.1",
|