@newskit-render/my-account 0.88.1 → 0.90.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/CHANGELOG.md +49 -0
- package/README.md +1 -0
- package/dist/Components/Elements/BackButton/BackButton.js +1 -1
- package/dist/Components/Elements/BackButton/BackButton.js.map +1 -1
- package/dist/Components/Elements/Head/Head.js +1 -1
- package/dist/Components/Elements/Head/Head.js.map +1 -1
- package/dist/Components/Elements/PastDueBanner/PastDueBanner.js +8 -8
- package/dist/Components/Elements/PastDueBanner/PastDueBanner.js.map +1 -1
- package/dist/Components/Elements/PastDueBanner/PastDueBannerExternal.js +1 -1
- package/dist/Components/Elements/PastDueBanner/PastDueBannerExternal.js.map +1 -1
- package/dist/Components/Elements/PastDueBanner/helpers.js +5 -3
- package/dist/Components/Elements/PastDueBanner/helpers.js.map +1 -1
- package/dist/Components/Elements/PaymentIcon/PaymentIcon.js +1 -1
- package/dist/Components/Elements/PaymentIcon/PaymentIcon.js.map +1 -1
- package/dist/Components/Elements/Toast/Toast.d.ts +12 -1
- package/dist/Components/Elements/Toast/Toast.js +24 -22
- package/dist/Components/Elements/Toast/Toast.js.map +1 -1
- package/dist/Components/Elements/Toast/sendToast.d.ts +2 -2
- package/dist/Components/Elements/Toast/sendToast.js +4 -3
- package/dist/Components/Elements/Toast/sendToast.js.map +1 -1
- package/dist/Components/Sections/ButtonGroup/ButtonGroup.js +2 -2
- package/dist/Components/Sections/ButtonGroup/ButtonGroup.js.map +1 -1
- package/dist/Components/Sections/ContentListView/ContentListView.js +8 -8
- package/dist/Components/Sections/ContentListView/ContentListView.js.map +1 -1
- package/dist/Components/Sections/ContentListView/types.d.ts +1 -1
- package/dist/Components/Sections/Form/Address/FormAddress.d.ts +2 -4
- package/dist/Components/Sections/Form/Address/FormAddress.js +29 -26
- package/dist/Components/Sections/Form/Address/FormAddress.js.map +1 -1
- package/dist/Components/Sections/Form/CommentingNotifications/CommentingNotifications.d.ts +1 -1
- package/dist/Components/Sections/Form/CommentingNotifications/CommentingNotifications.js +42 -47
- package/dist/Components/Sections/Form/CommentingNotifications/CommentingNotifications.js.map +1 -1
- package/dist/Components/Sections/Form/CommentingNotifications/types.d.ts +6 -1
- package/dist/Components/Sections/Form/DisplayName/DisplayName.js +2 -2
- package/dist/Components/Sections/Form/DisplayName/DisplayName.js.map +1 -1
- package/dist/Components/Sections/Form/Email/Email.js +5 -3
- package/dist/Components/Sections/Form/Email/Email.js.map +1 -1
- package/dist/Components/Sections/Form/FormComponent.js +6 -6
- package/dist/Components/Sections/Form/FormComponent.js.map +1 -1
- package/dist/Components/Sections/Form/FormGrid.js +1 -1
- package/dist/Components/Sections/Form/FormGrid.js.map +1 -1
- package/dist/Components/Sections/Form/Name/FormName.js +1 -1
- package/dist/Components/Sections/Form/Name/FormName.js.map +1 -1
- package/dist/Components/Sections/Form/Password/Password.js +8 -8
- package/dist/Components/Sections/Form/Password/Password.js.map +1 -1
- package/dist/Components/Sections/Form/Payment/Payment.js +20 -24
- package/dist/Components/Sections/Form/Payment/Payment.js.map +1 -1
- package/dist/Components/Sections/Form/Phone/Phone.d.ts +4 -4
- package/dist/Components/Sections/Form/Phone/Phone.js +17 -20
- package/dist/Components/Sections/Form/Phone/Phone.js.map +1 -1
- package/dist/Components/Sections/Form/onFormSubmit.js +9 -5
- package/dist/Components/Sections/Form/onFormSubmit.js.map +1 -1
- package/dist/Components/Sections/Form/types.d.ts +1 -1
- package/dist/Components/Sections/Header/Header.js +1 -1
- package/dist/Components/Sections/Header/Header.js.map +1 -1
- package/dist/Components/Sections/Header/HeaderReverse.js +1 -1
- package/dist/Components/Sections/Header/HeaderReverse.js.map +1 -1
- package/dist/Components/Sections/NavigationFooter/NavigationFooter.js +12 -18
- package/dist/Components/Sections/NavigationFooter/NavigationFooter.js.map +1 -1
- package/dist/Components/Sections/NavigationPrimary/NavigationPrimary.js +7 -7
- package/dist/Components/Sections/NavigationPrimary/NavigationPrimary.js.map +1 -1
- package/dist/Components/Sections/NavigationSecondary/NavigationSecondary.js +7 -8
- package/dist/Components/Sections/NavigationSecondary/NavigationSecondary.js.map +1 -1
- package/dist/Components/Templates/CancellationRender.d.ts +6 -0
- package/dist/Components/Templates/CancellationRender.js +36 -0
- package/dist/Components/Templates/CancellationRender.js.map +1 -0
- package/dist/Components/Templates/DisplayRenderer.js +3 -3
- package/dist/Components/Templates/DisplayRenderer.js.map +1 -1
- package/dist/Components/Templates/EditRenderer.js +1 -1
- package/dist/Components/Templates/EditRenderer.js.map +1 -1
- package/dist/Components/Templates/LayoutTemplate.js +7 -7
- package/dist/Components/Templates/LayoutTemplate.js.map +1 -1
- package/dist/Components/Templates/index.d.ts +2 -1
- package/dist/Components/Templates/index.js +3 -1
- package/dist/Components/Templates/index.js.map +1 -1
- package/dist/api/getAccessToken.js +1 -1
- package/dist/api/getAccessToken.js.map +1 -1
- package/dist/api/mutateHandler.d.ts +0 -2
- package/dist/api/mutateHandler.js +11 -75
- package/dist/api/mutateHandler.js.map +1 -1
- package/dist/api/queryHandler.js +3 -3
- package/dist/api/queryHandler.js.map +1 -1
- package/dist/api/resetPassword.js +6 -2
- package/dist/api/resetPassword.js.map +1 -1
- package/dist/context/index.js +3 -3
- package/dist/context/index.js.map +1 -1
- package/dist/context/types.d.ts +7 -0
- package/dist/getProviderProps.js +10 -6
- package/dist/getProviderProps.js.map +1 -1
- package/dist/helpers/RenderScriptList.js +1 -1
- package/dist/helpers/RenderScriptList.js.map +1 -1
- package/dist/helpers/apiHandlerUtils.d.ts +5 -0
- package/dist/helpers/apiHandlerUtils.js +137 -0
- package/dist/helpers/apiHandlerUtils.js.map +1 -0
- package/dist/helpers/apolloLinks.js +2 -2
- package/dist/helpers/apolloLinks.js.map +1 -1
- package/dist/helpers/componentUtils.js +3 -3
- package/dist/helpers/componentUtils.js.map +1 -1
- package/dist/helpers/createApolloClient.js +3 -3
- package/dist/helpers/createApolloClient.js.map +1 -1
- package/dist/helpers/dataUtils.d.ts +1 -1
- package/dist/helpers/dataUtils.js +18 -18
- package/dist/helpers/dataUtils.js.map +1 -1
- package/dist/helpers/getQuery.js +3 -3
- package/dist/helpers/getQuery.js.map +1 -1
- package/dist/helpers/index.d.ts +8 -7
- package/dist/helpers/index.js +8 -1
- package/dist/helpers/index.js.map +1 -1
- package/dist/helpers/providerUtils.d.ts +7 -0
- package/dist/helpers/providerUtils.js +40 -2
- package/dist/helpers/providerUtils.js.map +1 -1
- package/dist/helpers/sessionParser.js +1 -1
- package/dist/helpers/sessionParser.js.map +1 -1
- package/dist/helpers/setupTests.js +2 -1
- package/dist/helpers/setupTests.js.map +1 -1
- package/dist/helpers/styleMock.js +1 -0
- package/dist/helpers/styleMock.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/pages/Cancellation.d.ts +5 -0
- package/dist/pages/Cancellation.js +62 -0
- package/dist/pages/Cancellation.js.map +1 -0
- package/dist/pages/EditField.js +10 -14
- package/dist/pages/EditField.js.map +1 -1
- package/dist/pages/PersonalDetails.js +3 -3
- package/dist/pages/PersonalDetails.js.map +1 -1
- package/dist/pages/SubscriptionAndBilling.js +3 -3
- package/dist/pages/SubscriptionAndBilling.js.map +1 -1
- package/dist/pages/types.d.ts +3 -0
- package/dist/providers/editFieldProvider.js +38 -35
- package/dist/providers/editFieldProvider.js.map +1 -1
- package/dist/providers/newslettersAndAlertsProvider.js +2 -2
- package/dist/providers/newslettersAndAlertsProvider.js.map +1 -1
- package/dist/providers/personalDetailsProvider.js +1 -1
- package/dist/providers/personalDetailsProvider.js.map +1 -1
- package/dist/providers/subscriptionAndBillingProvider.js +1 -1
- package/dist/providers/subscriptionAndBillingProvider.js.map +1 -1
- package/dist/providers/types.d.ts +4 -0
- package/dist/queries/getEditField.d.ts +5 -1
- package/dist/queries/getEditField.js +14 -8
- package/dist/queries/getEditField.js.map +1 -1
- package/dist/queries/getUserDisplayName.js +1 -1
- package/dist/queries/getUserDisplayName.js.map +1 -1
- package/dist/queries/getUserNewsletter.js +1 -1
- package/dist/queries/getUserNewsletter.js.map +1 -1
- package/dist/queries/getUserPaymentInstance.js +1 -1
- package/dist/queries/getUserPaymentInstance.js.map +1 -1
- package/dist/queries/getUserProfile.js +1 -1
- package/dist/queries/getUserProfile.js.map +1 -1
- package/dist/queries/getUserQuery.js +3 -3
- package/dist/queries/getUserQuery.js.map +1 -1
- package/dist/queries/getUserSubscription.js +1 -1
- package/dist/queries/getUserSubscription.js.map +1 -1
- package/dist/queries/mutateAddress.js +1 -1
- package/dist/queries/mutateAddress.js.map +1 -1
- package/dist/queries/mutateCustom.js +1 -1
- package/dist/queries/mutateCustom.js.map +1 -1
- package/dist/queries/mutateDisplayName.js +1 -1
- package/dist/queries/mutateDisplayName.js.map +1 -1
- package/dist/queries/mutatePaymentMethod.js +1 -1
- package/dist/queries/mutatePaymentMethod.js.map +1 -1
- package/dist/queries/mutateUser.js +1 -1
- package/dist/queries/mutateUser.js.map +1 -1
- package/dist/queries/updateUser.js +1 -1
- package/dist/queries/updateUser.js.map +1 -1
- package/dist/theme/index.js +1 -1
- package/dist/theme/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -96,17 +96,17 @@ var context_1 = require("../../../../context");
|
|
|
96
96
|
var PaymentElements = function (_a) {
|
|
97
97
|
var _b, _c, _d, _e;
|
|
98
98
|
var buttonGroupProps = _a.buttonGroupProps, theme = _a.theme;
|
|
99
|
-
var stripe = react_stripe_js_1.useStripe();
|
|
100
|
-
var elements = react_stripe_js_1.useElements();
|
|
101
|
-
var router = router_1.useRouter();
|
|
102
|
-
var nameInput = react_1.useRef(null);
|
|
103
|
-
var _f = react_1.useState(false), hasError = _f[0], setHasError = _f[1];
|
|
104
|
-
var cardNumberRef = react_1.useRef(null);
|
|
105
|
-
var cardExpiryRef = react_1.useRef(null);
|
|
106
|
-
var cardCVCRef = react_1.useRef(null);
|
|
99
|
+
var stripe = (0, react_stripe_js_1.useStripe)();
|
|
100
|
+
var elements = (0, react_stripe_js_1.useElements)();
|
|
101
|
+
var router = (0, router_1.useRouter)();
|
|
102
|
+
var nameInput = (0, react_1.useRef)(null);
|
|
103
|
+
var _f = (0, react_1.useState)(false), hasError = _f[0], setHasError = _f[1];
|
|
104
|
+
var cardNumberRef = (0, react_1.useRef)(null);
|
|
105
|
+
var cardExpiryRef = (0, react_1.useRef)(null);
|
|
106
|
+
var cardCVCRef = (0, react_1.useRef)(null);
|
|
107
107
|
var expiryCaption = 'Date format: MM/YY';
|
|
108
108
|
var cvcCaption = 'Last 3 digits on the back or 4 on the front of your card';
|
|
109
|
-
var _g = context_1.useAccountContext(), handleError = _g.handleError, handleSuccess = _g.handleSuccess, handleLoading = _g.handleLoading;
|
|
109
|
+
var _g = (0, context_1.useAccountContext)(), handleError = _g.handleError, handleSuccess = _g.handleSuccess, handleLoading = _g.handleLoading;
|
|
110
110
|
var handleChangeElement = function (event) {
|
|
111
111
|
switch (event.elementType) {
|
|
112
112
|
case 'cardNumber':
|
|
@@ -127,16 +127,12 @@ var PaymentElements = function (_a) {
|
|
|
127
127
|
ref.current.style.color = theme.colors['neutral080'];
|
|
128
128
|
}
|
|
129
129
|
};
|
|
130
|
-
var Caption = newskit_1.styled.p(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-bottom: 8px;\n width: 100%;\n ", "\n ", "\n "], ["\n margin-bottom: 8px;\n width: 100%;\n ",
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
var
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
var StyledInputWrapper = newskit_1.styled(newskit_1.Block)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n width: 50%;\n :last-of-type {\n margin-left: 16px;\n }\n "], ["\n width: 50%;\n :last-of-type {\n margin-left: 16px;\n }\n "])));
|
|
137
|
-
var StyledNumberWrapper = newskit_1.styled(newskit_1.Block)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n min-height: 80px;\n "], ["\n min-height: 80px;\n "])));
|
|
138
|
-
var StyledInputFlex = newskit_1.styled(newskit_1.Block)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n margin-bottom: 32px;\n "], ["\n display: flex;\n margin-bottom: 32px;\n "])));
|
|
139
|
-
var PaymentWrapper = newskit_1.styled(newskit_1.Block)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n padding-bottom: 224px;\n ", " {\n padding-bottom: 0;\n }\n "], ["\n padding-bottom: 224px;\n ", " {\n padding-bottom: 0;\n }\n "])), newskit_1.getMediaQueryFromTheme('sm'));
|
|
130
|
+
var Caption = newskit_1.styled.p(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-bottom: 8px;\n width: 100%;\n ", "\n ", "\n "], ["\n margin-bottom: 8px;\n width: 100%;\n ", "\n ", "\n "])), (0, newskit_1.getTypographyPresetFromTheme)(theme.componentDefaults['textInput']['small']['label']['typographyPreset']), (0, newskit_1.getStylePresetFromTheme)(theme.componentDefaults['textInput']['small']['label']['stylePreset']));
|
|
131
|
+
var Subscript = newskit_1.styled.p(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n ", "\n margin: 0px;\n padding: 0px 5px;\n margin-top: 6px;\n "], ["\n ", "\n ", "\n margin: 0px;\n padding: 0px 5px;\n margin-top: 6px;\n "])), (0, newskit_1.getTypographyPresetFromTheme)(theme.componentDefaults['textInput']['medium']['assistiveText']['typographyPreset']), (0, newskit_1.getStylePresetFromTheme)(theme.componentDefaults['textInput']['medium']['assistiveText']['stylePreset']));
|
|
132
|
+
var StyledInputWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n width: 50%;\n :last-of-type {\n margin-left: 16px;\n }\n "], ["\n width: 50%;\n :last-of-type {\n margin-left: 16px;\n }\n "])));
|
|
133
|
+
var StyledNumberWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n min-height: 80px;\n "], ["\n min-height: 80px;\n "])));
|
|
134
|
+
var StyledInputFlex = (0, newskit_1.styled)(newskit_1.Block)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n margin-bottom: 32px;\n "], ["\n display: flex;\n margin-bottom: 32px;\n "])));
|
|
135
|
+
var PaymentWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n padding-bottom: 224px;\n ", " {\n padding-bottom: 0;\n }\n "], ["\n padding-bottom: 224px;\n ", " {\n padding-bottom: 0;\n }\n "])), (0, newskit_1.getMediaQueryFromTheme)('sm'));
|
|
140
136
|
var handleFormError = function () {
|
|
141
137
|
setHasError(true);
|
|
142
138
|
if (handleError)
|
|
@@ -174,7 +170,7 @@ var PaymentElements = function (_a) {
|
|
|
174
170
|
setHasError(false);
|
|
175
171
|
if (handleLoading)
|
|
176
172
|
handleLoading();
|
|
177
|
-
return [4 /*yield*/, onFormSubmit_1.default({ paymentMethodId: paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id, moto: false }, 'paymentMethodId', [{ field: 'paymentMethodId', value: paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id }], undefined, handleFormError, handleSuccess)];
|
|
173
|
+
return [4 /*yield*/, (0, onFormSubmit_1.default)({ paymentMethodId: paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id, moto: false }, 'paymentMethodId', [{ field: 'paymentMethodId', value: paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id }], undefined, handleFormError, handleSuccess)];
|
|
178
174
|
case 3:
|
|
179
175
|
result = _g.sent();
|
|
180
176
|
_g.label = 4;
|
|
@@ -195,7 +191,7 @@ var PaymentElements = function (_a) {
|
|
|
195
191
|
case 6:
|
|
196
192
|
confirmedPayment = _g.sent();
|
|
197
193
|
if (!(((_f = confirmedPayment === null || confirmedPayment === void 0 ? void 0 : confirmedPayment.setupIntent) === null || _f === void 0 ? void 0 : _f.status) === 'succeeded')) return [3 /*break*/, 8];
|
|
198
|
-
return [4 /*yield*/, onFormSubmit_1.default({
|
|
194
|
+
return [4 /*yield*/, (0, onFormSubmit_1.default)({
|
|
199
195
|
paymentMethodId: confirmedPayment.setupIntent.payment_method,
|
|
200
196
|
moto: false,
|
|
201
197
|
}, 'paymentMethodId', [
|
|
@@ -239,7 +235,7 @@ var PaymentElements = function (_a) {
|
|
|
239
235
|
var typographyPreset = Object.assign({}, (_b = theme.typographyPresets) === null || _b === void 0 ? void 0 : _b['utilityBody020']);
|
|
240
236
|
delete typographyPreset.fontFamily;
|
|
241
237
|
return (react_1.default.createElement(PaymentWrapper, null,
|
|
242
|
-
react_1.default.createElement("style", null, "\n .stripe-input{\n padding: 16px;\n font-family: \"Noto Sans\",sans-serif;\n " + dataUtils_1.styleToString(typographyPreset) + "\n " + dataUtils_1.styleToString((_c = theme.stylePresets) === null || _c === void 0 ? void 0 : _c['textInput'].base) + "\n }\n .stripe-input:hover{\n background-color: #fafafa;\n " + dataUtils_1.styleToString((_d = theme.stylePresets) === null || _d === void 0 ? void 0 : _d['textInput'].hover) + "\n }\n .stripe-input.StripeElement--focus {\n outline: -webkit-focus-ring-color auto 1px;\n " + dataUtils_1.styleToString((_e = theme.stylePresets) === null || _e === void 0 ? void 0 : _e['textInput'].focus) + "\n }\n "),
|
|
238
|
+
react_1.default.createElement("style", null, "\n .stripe-input{\n padding: 16px;\n font-family: \"Noto Sans\",sans-serif;\n " + (0, dataUtils_1.styleToString)(typographyPreset) + "\n " + (0, dataUtils_1.styleToString)((_c = theme.stylePresets) === null || _c === void 0 ? void 0 : _c['textInput'].base) + "\n }\n .stripe-input:hover{\n background-color: #fafafa;\n " + (0, dataUtils_1.styleToString)((_d = theme.stylePresets) === null || _d === void 0 ? void 0 : _d['textInput'].hover) + "\n }\n .stripe-input.StripeElement--focus {\n outline: -webkit-focus-ring-color auto 1px;\n " + (0, dataUtils_1.styleToString)((_e = theme.stylePresets) === null || _e === void 0 ? void 0 : _e['textInput'].focus) + "\n }\n "),
|
|
243
239
|
react_1.default.createElement(newskit_1.TextInput, { ref: nameInput, label: "Name on card", name: "name" }),
|
|
244
240
|
react_1.default.createElement(Caption, null, "Card number"),
|
|
245
241
|
react_1.default.createElement(StyledNumberWrapper, null,
|
|
@@ -262,11 +258,11 @@ var Payment = function (_a) {
|
|
|
262
258
|
var theme = _a.theme, formProps = __rest(_a, ["theme"]);
|
|
263
259
|
if (globalThis && !globalThis.stripeMemo) {
|
|
264
260
|
pure_1.loadStripe.setLoadParameters({ advancedFraudSignals: false });
|
|
265
|
-
globalThis.stripeMemo = pure_1.loadStripe(process.env.STRIPE_KEY || 'pk_test_NF8QJSH780UFA7tLvSrFdU36002fCTkfzI');
|
|
261
|
+
globalThis.stripeMemo = (0, pure_1.loadStripe)(process.env.STRIPE_KEY || 'pk_test_NF8QJSH780UFA7tLvSrFdU36002fCTkfzI');
|
|
266
262
|
}
|
|
267
263
|
return (react_1.default.createElement(react_stripe_js_1.Elements, { stripe: globalThis.stripeMemo },
|
|
268
264
|
react_1.default.createElement(PaymentElements, __assign({}, formProps, { theme: theme }))));
|
|
269
265
|
};
|
|
270
|
-
exports.default = newskit_1.withTheme(Payment);
|
|
266
|
+
exports.default = (0, newskit_1.withTheme)(Payment);
|
|
271
267
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
272
268
|
//# sourceMappingURL=Payment.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Payment.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/Form/Payment/Payment.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+C;AAC/C,2DAOgC;AAGhC,+CAAmD;AACnD,mCASgB;AAChB,kEAA2C;AAC3C,iEAA0C;AAC1C,sCAAmD;AAEnD,2DAA6D;AAC7D,+CAAuD;AAEvD,IAAM,eAAe,GAAkD,UAAC,EAGvE;;QAFC,gBAAgB,sBAAA,EAChB,KAAK,WAAA;IAEL,IAAM,MAAM,GAAG,2BAAS,
|
|
1
|
+
{"version":3,"file":"Payment.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/Form/Payment/Payment.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,19 +3,19 @@ import { Theme } from 'newskit';
|
|
|
3
3
|
import { PhoneProps } from './types';
|
|
4
4
|
export declare const StyledLabel: import("@emotion/styled").StyledComponent<{
|
|
5
5
|
theme?: import("@emotion/react").Theme | undefined;
|
|
6
|
-
as?:
|
|
6
|
+
as?: React.ElementType<any> | undefined;
|
|
7
7
|
}, React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
|
|
8
8
|
export declare const InputIconContainer: import("@emotion/styled").StyledComponent<{
|
|
9
9
|
theme?: import("@emotion/react").Theme | undefined;
|
|
10
|
-
as?:
|
|
10
|
+
as?: React.ElementType<any> | undefined;
|
|
11
11
|
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
12
12
|
export declare const IconContainer: import("@emotion/styled").StyledComponent<{
|
|
13
13
|
theme?: import("@emotion/react").Theme | undefined;
|
|
14
|
-
as?:
|
|
14
|
+
as?: React.ElementType<any> | undefined;
|
|
15
15
|
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
16
16
|
export declare const StyledAssistiveText: import("@emotion/styled").StyledComponent<{
|
|
17
17
|
theme?: import("@emotion/react").Theme | undefined;
|
|
18
|
-
as?:
|
|
18
|
+
as?: React.ElementType<any> | undefined;
|
|
19
19
|
} & import("newskit").TextBlockProps & React.ClassAttributes<HTMLParagraphElement> & React.HTMLAttributes<HTMLParagraphElement> & {
|
|
20
20
|
children?: React.ReactNode;
|
|
21
21
|
} & {
|
|
@@ -83,18 +83,15 @@ var onFormSubmit_1 = __importDefault(require("../onFormSubmit"));
|
|
|
83
83
|
var max_1 = __importDefault(require("react-phone-number-input/max"));
|
|
84
84
|
var react_phone_number_input_1 = require("react-phone-number-input");
|
|
85
85
|
var dataUtils_1 = require("../../../../helpers/dataUtils");
|
|
86
|
-
var StyledGrid = newskit_1.styled(newskit_1.Grid)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding-bottom: 224px;\n ", " {\n padding-bottom: 0;\n }\n"], ["\n padding-bottom: 224px;\n ", " {\n padding-bottom: 0;\n }\n"])), newskit_1.getMediaQueryFromTheme('sm'));
|
|
87
|
-
exports.StyledLabel = newskit_1.styled.label(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: block;\n ", "\n ", "\n ", "\n ", ";\n"], ["\n display: block;\n ", "\n ",
|
|
88
|
-
"\n ", "\n ", ";\n"])), newskit_1.getStylePreset("textInput.medium.label", 'label'), newskit_1.getTypographyPreset("textInput.medium.label", 'label', {
|
|
86
|
+
var StyledGrid = (0, newskit_1.styled)(newskit_1.Grid)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding-bottom: 224px;\n ", " {\n padding-bottom: 0;\n }\n"], ["\n padding-bottom: 224px;\n ", " {\n padding-bottom: 0;\n }\n"])), (0, newskit_1.getMediaQueryFromTheme)('sm'));
|
|
87
|
+
exports.StyledLabel = newskit_1.styled.label(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: block;\n ", "\n ", "\n ", "\n ", ";\n"], ["\n display: block;\n ", "\n ", "\n ", "\n ", ";\n"])), (0, newskit_1.getStylePreset)("textInput.medium.label", 'label'), (0, newskit_1.getTypographyPreset)("textInput.medium.label", 'label', {
|
|
89
88
|
withCrop: true,
|
|
90
|
-
}), newskit_1.getResponsiveSpacingStackHorizontal("textInput.medium.label", 'label'), newskit_1.getResponsiveSpacingInlineHorizontal("textInput.medium.label", 'label'));
|
|
91
|
-
exports.InputIconContainer = newskit_1.styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: relative;\n ", "\n ", " {\n width: 100%;\n }\n ", " {\n width: 80%;\n }\n"], ["\n position: relative;\n ", "\n ", " {\n width: 100%;\n }\n ", " {\n width: 80%;\n }\n"])), newskit_1.getSpacingCssFromTheme('marginBottom', 'space080'), newskit_1.getMediaQueryFromTheme('xs'), newskit_1.getMediaQueryFromTheme('md'));
|
|
89
|
+
}), (0, newskit_1.getResponsiveSpacingStackHorizontal)("textInput.medium.label", 'label'), (0, newskit_1.getResponsiveSpacingInlineHorizontal)("textInput.medium.label", 'label'));
|
|
90
|
+
exports.InputIconContainer = newskit_1.styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: relative;\n ", "\n ", " {\n width: 100%;\n }\n ", " {\n width: 80%;\n }\n"], ["\n position: relative;\n ", "\n ", " {\n width: 100%;\n }\n ", " {\n width: 80%;\n }\n"])), (0, newskit_1.getSpacingCssFromTheme)('marginBottom', 'space080'), (0, newskit_1.getMediaQueryFromTheme)('xs'), (0, newskit_1.getMediaQueryFromTheme)('md'));
|
|
92
91
|
exports.IconContainer = newskit_1.styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translate(0, -65%);\n"], ["\n display: flex;\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translate(0, -65%);\n"])));
|
|
93
|
-
exports.StyledAssistiveText = newskit_1.styled(newskit_1.TextBlock)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n position: absolute;\n ", "\n\n ", "\n"], ["\n position: absolute;\n ",
|
|
94
|
-
"\n\n ",
|
|
95
|
-
"\n"])), newskit_1.getStylePreset("textInput.medium.assistiveText", 'assistiveText', {
|
|
92
|
+
exports.StyledAssistiveText = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n position: absolute;\n ", "\n\n ", "\n"], ["\n position: absolute;\n ", "\n\n ", "\n"])), (0, newskit_1.getStylePreset)("textInput.medium.assistiveText", 'assistiveText', {
|
|
96
93
|
isInvalid: true,
|
|
97
|
-
}), newskit_1.getTypographyPreset("textInput.medium.assistiveText", 'assistiveText', {
|
|
94
|
+
}), (0, newskit_1.getTypographyPreset)("textInput.medium.assistiveText", 'assistiveText', {
|
|
98
95
|
withCrop: true,
|
|
99
96
|
}));
|
|
100
97
|
var Arrow = function () {
|
|
@@ -109,15 +106,15 @@ var Arrow = function () {
|
|
|
109
106
|
var css = "\n:root {\n --PhoneInput-color--focus: #03b2cb;\n --PhoneInputInternationalIconPhone-opacity: 0.8;\n --PhoneInputInternationalIconGlobe-opacity: 0.65;\n --PhoneInputCountrySelect-marginRight: 0.35em;\n --PhoneInputCountrySelectArrow-width: 0.3em;\n --PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);\n --PhoneInputCountrySelectArrow-borderWidth: 1px;\n --PhoneInputCountrySelectArrow-opacity: 0.45;\n --PhoneInputCountrySelectArrow-color: inherit;\n --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);\n --PhoneInputCountrySelectArrow-transform: rotate(45deg);\n --PhoneInputCountryFlag-aspectRatio: 1.5;\n --PhoneInputCountryFlag-height: 1em;\n --PhoneInputCountryFlag-borderWidth: 1px;\n --PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);\n --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);\n --PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);\n}\n\n.PhoneInput {\n display: flex;\n align-items: center;\n}\n\n.PhoneInputInput {\n flex: 1;\n min-width: 0;\n}\n\n.PhoneInputCountryIcon {\n width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));\n height: var(--PhoneInputCountryFlag-height);\n}\n\n.PhoneInputCountryIcon--square {\n width: var(--PhoneInputCountryFlag-height);\n}\n\n.PhoneInputCountryIcon--border {\n\n background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);\n box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),\n inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);\n}\n\n.PhoneInputCountryIconImg {\n\n display: block;\n\n width: 100%;\n height: 100%;\n}\n\n.PhoneInputInternationalIconPhone {\n opacity: var(--PhoneInputInternationalIconPhone-opacity);\n}\n\n.PhoneInputInternationalIconGlobe {\n opacity: var(--PhoneInputInternationalIconGlobe-opacity);\n}\n\n\n.PhoneInputCountry {\n position: relative;\n align-self: stretch;\n display: flex;\n align-items: center;\n margin-right: var(--PhoneInputCountrySelect-marginRight);\n}\n\n.PhoneInputCountrySelect {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n border: 0;\n opacity: 0;\n cursor: pointer;\n}\n\n.PhoneInputCountrySelect[disabled] {\n cursor: default;\n}\n\n.PhoneInputCountrySelectArrow {\n display: block;\n width: var(--PhoneInputCountrySelectArrow-width);\n height: var(--PhoneInputCountrySelectArrow-width);\n margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);\n border-style: solid;\n border-color: var(--PhoneInputCountrySelectArrow-color);\n border-top-width: 0;\n border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);\n border-left-width: 0;\n border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);\n transform: var(--PhoneInputCountrySelectArrow-transform);\n opacity: var(--PhoneInputCountrySelectArrow-opacity);\n}\n\n.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {\n opacity: 1;\n color: var(--PhoneInputCountrySelectArrow-color--focus);\n}\n\n.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {\n box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),\n inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);\n}\n\n.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {\n opacity: 1;\n color: var(--PhoneInputCountrySelectArrow-color--focus);\n}\n";
|
|
110
107
|
var Phone = function (_a) {
|
|
111
108
|
var buttonGroupProps = _a.buttonGroupProps, type = _a.type, theme = _a.theme;
|
|
112
|
-
var _b = context_1.useAccountContext(), data = _b.data, validation = _b.validation, handleError = _b.handleError, handleSuccess = _b.handleSuccess, handleLoading = _b.handleLoading;
|
|
109
|
+
var _b = (0, context_1.useAccountContext)(), data = _b.data, validation = _b.validation, handleError = _b.handleError, handleSuccess = _b.handleSuccess, handleLoading = _b.handleLoading;
|
|
113
110
|
var fields = data === null || data === void 0 ? void 0 : data.fields;
|
|
114
111
|
var value = fields ? fields[0].value : '';
|
|
115
|
-
var _c = react_1.useState(value), inputValue = _c[0], setInputValue = _c[1];
|
|
116
|
-
var router = router_1.useRouter();
|
|
117
|
-
var _d = react_1.useState(''), error = _d[0], setError = _d[1];
|
|
118
|
-
var _e = react_1.useState(false), success = _e[0], setSuccess = _e[1];
|
|
112
|
+
var _c = (0, react_1.useState)(value), inputValue = _c[0], setInputValue = _c[1];
|
|
113
|
+
var router = (0, router_1.useRouter)();
|
|
114
|
+
var _d = (0, react_1.useState)(''), error = _d[0], setError = _d[1];
|
|
115
|
+
var _e = (0, react_1.useState)(false), success = _e[0], setSuccess = _e[1];
|
|
119
116
|
//Asssume the phone is GB
|
|
120
|
-
var parsedPhone = value && react_phone_number_input_1.parsePhoneNumber(value);
|
|
117
|
+
var parsedPhone = value && (0, react_phone_number_input_1.parsePhoneNumber)(value);
|
|
121
118
|
var isGBPhone = parsedPhone ? parsedPhone.country === 'GB' : true;
|
|
122
119
|
var fieldSchema = validation === null || validation === void 0 ? void 0 : validation[type];
|
|
123
120
|
var handleFormError = function () {
|
|
@@ -145,7 +142,7 @@ var Phone = function (_a) {
|
|
|
145
142
|
handleLoading();
|
|
146
143
|
setSuccess(true);
|
|
147
144
|
setError('');
|
|
148
|
-
onFormSubmit_1.default((_b = {}, _b[type] = inputValue, _b), type, fields, router, handleFormError, handleSuccess);
|
|
145
|
+
(0, onFormSubmit_1.default)((_b = {}, _b[type] = inputValue, _b), type, fields, router, handleFormError, handleSuccess);
|
|
149
146
|
return [3 /*break*/, 4];
|
|
150
147
|
case 3:
|
|
151
148
|
e_1 = _c.sent();
|
|
@@ -156,14 +153,14 @@ var Phone = function (_a) {
|
|
|
156
153
|
});
|
|
157
154
|
}); };
|
|
158
155
|
//Remove font family from typography, because it breaks the styling
|
|
159
|
-
var typographyPreset = Object.assign({}, newskit_1.getTypographyPreset("textInput.medium.input", 'input', {
|
|
156
|
+
var typographyPreset = Object.assign({}, (0, newskit_1.getTypographyPreset)("textInput.medium.input", 'input', {
|
|
160
157
|
withCrop: true,
|
|
161
158
|
})({ theme: theme }));
|
|
162
159
|
delete typographyPreset.fontFamily;
|
|
163
|
-
var styledInputs = "\n .PhoneInput{\n margin-bottom: 8px;\n }\n .PhoneInputInput{\n height: 48px;\n padding-left: 12px;\n padding-right: 40px;\n " + dataUtils_1.styleToString(newskit_1.getStylePreset("textInput.medium.input", 'input', {
|
|
160
|
+
var styledInputs = "\n .PhoneInput{\n margin-bottom: 8px;\n }\n .PhoneInputInput{\n height: 48px;\n padding-left: 12px;\n padding-right: 40px;\n " + (0, dataUtils_1.styleToString)((0, newskit_1.getStylePreset)("textInput.medium.input", 'input', {
|
|
164
161
|
isInvalid: !!error && typeof error === 'string',
|
|
165
162
|
isValid: success,
|
|
166
|
-
})({ theme: theme })) + "\n " + dataUtils_1.styleToString(typographyPreset) + ";\n border-radius: 0px 8px 8px 0px;\n \n }\n .PhoneInputCountry{\n background: #FAFAFA;\n border: 1px solid #E4E4E4;\n padding: 10px;\n margin: 0px;\n border-radius: 8px 0px 0px 8px;\n border-right: none;\n }\n .PhoneInputCountryIcon{\n margin-right: 7px;\n }\n @media screen and (max-width: 480px) {\n .PhoneInput{\n width: 100%;\n }\n }\n ";
|
|
163
|
+
})({ theme: theme })) + "\n " + (0, dataUtils_1.styleToString)(typographyPreset) + ";\n border-radius: 0px 8px 8px 0px;\n \n }\n .PhoneInputCountry{\n background: #FAFAFA;\n border: 1px solid #E4E4E4;\n padding: 10px;\n margin: 0px;\n border-radius: 8px 0px 0px 8px;\n border-right: none;\n }\n .PhoneInputCountryIcon{\n margin-right: 7px;\n }\n @media screen and (max-width: 480px) {\n .PhoneInput{\n width: 100%;\n }\n }\n ";
|
|
167
164
|
return (react_1.default.createElement(StyledGrid, { xsMargin: "space000", xsColumnGutter: "space000", xsRowGutter: "space000" },
|
|
168
165
|
react_1.default.createElement("style", null, css),
|
|
169
166
|
react_1.default.createElement("style", null, styledInputs),
|
|
@@ -186,6 +183,6 @@ var Phone = function (_a) {
|
|
|
186
183
|
error && (react_1.default.createElement(exports.StyledAssistiveText, { "data-testid": "ErrorMessage" }, error))))),
|
|
187
184
|
react_1.default.createElement(ButtonGroup_1.default, __assign({ hasError: !!error }, buttonGroupProps, { primaryOverrides: { onClick: onSubmitPhone } }))));
|
|
188
185
|
};
|
|
189
|
-
exports.default = newskit_1.withTheme(Phone);
|
|
186
|
+
exports.default = (0, newskit_1.withTheme)(Phone);
|
|
190
187
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
191
188
|
//# sourceMappingURL=Phone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Phone.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/Form/Phone/Phone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,+CAAuD;AACvD,mCAegB;AAEhB,kEAA2C;AAC3C,sCAAmD;AACnD,iEAAsC;AAEtC,qEAAqD;AAErD,qEAA2D;AAC3D,2DAA6D;AAE7D,IAAM,UAAU,GAAG,gBAAM,
|
|
1
|
+
{"version":3,"file":"Phone.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/Form/Phone/Phone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -54,25 +54,26 @@ var cross_fetch_1 = __importDefault(require("cross-fetch"));
|
|
|
54
54
|
var helpers_1 = require("../../../helpers");
|
|
55
55
|
var localStorage_1 = require("../../../helpers/localStorage");
|
|
56
56
|
var onSubmit = function (e, validationSchemaKey, fields, router, handleError, handleSuccess) { return __awaiter(void 0, void 0, void 0, function () {
|
|
57
|
-
var session, result;
|
|
57
|
+
var session, body, result;
|
|
58
58
|
return __generator(this, function (_a) {
|
|
59
59
|
switch (_a.label) {
|
|
60
60
|
case 0:
|
|
61
|
-
session = helpers_1.getMainSession(document.cookie);
|
|
62
|
-
|
|
61
|
+
session = (0, helpers_1.getMainSession)(document.cookie);
|
|
62
|
+
body = JSON.stringify(__assign(__assign({}, e), { validationSchemaKey: validationSchemaKey }));
|
|
63
|
+
return [4 /*yield*/, (0, cross_fetch_1.default)('/api/account/mutate', {
|
|
63
64
|
method: 'POST',
|
|
64
65
|
redirect: 'follow',
|
|
65
66
|
headers: {
|
|
66
67
|
'Content-Type': 'application/json',
|
|
67
68
|
'X-MAIN-SESSION': session,
|
|
68
69
|
},
|
|
69
|
-
body:
|
|
70
|
+
body: body,
|
|
70
71
|
})];
|
|
71
72
|
case 1:
|
|
72
73
|
result = _a.sent();
|
|
73
74
|
if (result === null || result === void 0 ? void 0 : result.ok) {
|
|
74
75
|
if (validationSchemaKey === 'password' || validationSchemaKey === 'email') {
|
|
75
|
-
localStorage_1.saveLocalStorage(validationSchemaKey);
|
|
76
|
+
(0, localStorage_1.saveLocalStorage)(validationSchemaKey);
|
|
76
77
|
}
|
|
77
78
|
}
|
|
78
79
|
//Redirect to personal details page. TODO -> add redirect to different page later
|
|
@@ -85,6 +86,9 @@ var onSubmit = function (e, validationSchemaKey, fields, router, handleError, ha
|
|
|
85
86
|
}
|
|
86
87
|
});
|
|
87
88
|
}
|
|
89
|
+
else if ((result === null || result === void 0 ? void 0 : result.ok) && handleSuccess) {
|
|
90
|
+
handleSuccess && handleSuccess();
|
|
91
|
+
}
|
|
88
92
|
if (!result.ok && handleError) {
|
|
89
93
|
handleError();
|
|
90
94
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"onFormSubmit.js","sourceRoot":"","sources":["../../../../src/Components/Sections/Form/onFormSubmit.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,4DAA+B;AAE/B,4CAAiD;AACjD,8DAAgE;AAEhE,IAAM,QAAQ,GASW,UACvB,CAAuB,EACvB,mBAAqC,EACrC,MAAoB,EACpB,MAAmB,EACnB,WAAwB,EACxB,aAA0B;;;;;gBAEpB,OAAO,GAAG,wBAAc,
|
|
1
|
+
{"version":3,"file":"onFormSubmit.js","sourceRoot":"","sources":["../../../../src/Components/Sections/Form/onFormSubmit.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,4DAA+B;AAE/B,4CAAiD;AACjD,8DAAgE;AAEhE,IAAM,QAAQ,GASW,UACvB,CAAuB,EACvB,mBAAqC,EACrC,MAAoB,EACpB,MAAmB,EACnB,WAAwB,EACxB,aAA0B;;;;;gBAEpB,OAAO,GAAG,IAAA,wBAAc,EAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;gBACzC,IAAI,GAAG,IAAI,CAAC,SAAS,uBAAM,CAAC,KAAE,mBAAmB,qBAAA,IAAG,CAAA;gBAC3C,qBAAM,IAAA,qBAAK,EAAC,qBAAqB,EAAE;wBAChD,MAAM,EAAE,MAAM;wBACd,QAAQ,EAAE,QAAQ;wBAClB,OAAO,EAAE;4BACP,cAAc,EAAE,kBAAkB;4BAClC,gBAAgB,EAAE,OAAO;yBAC1B;wBACD,IAAI,MAAA;qBACL,CAAC,EAAA;;gBARI,MAAM,GAAG,SAQb;gBAEF,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE,EAAE;oBACd,IAAI,mBAAmB,KAAK,UAAU,IAAI,mBAAmB,KAAK,OAAO,EAAE;wBACzE,IAAA,+BAAgB,EAAC,mBAAmB,CAAC,CAAA;qBACtC;iBACF;gBAED,iFAAiF;gBACjF,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE,KAAI,MAAM,IAAI,MAAM,EAAE;oBAClC,MAAM;yBACH,IAAI,CACH,sBAAoB,kBAAkB,CAAC,mBAA6B,CAAG,CACxE;yBACA,IAAI,CAAC;wBACJ,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE,KAAI,aAAa,EAAE;4BAC/B,aAAa,EAAE,CAAA;yBAChB;oBACH,CAAC,CAAC,CAAA;iBACL;qBAAM,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE,KAAI,aAAa,EAAE;oBACtC,aAAa,IAAI,aAAa,EAAE,CAAA;iBACjC;gBACD,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,WAAW,EAAE;oBAC7B,WAAW,EAAE,CAAA;iBACd;gBAED,sBAAO,MAAM,EAAA;;;KACd,CAAA;AAED,kBAAe,QAAQ,CAAA"}
|
|
@@ -12,7 +12,7 @@ var react_1 = __importDefault(require("react"));
|
|
|
12
12
|
var Introduction_1 = require("../../Elements/Introduction");
|
|
13
13
|
var newskit_1 = require("newskit");
|
|
14
14
|
var BackButton_1 = __importDefault(require("../../Elements/BackButton"));
|
|
15
|
-
var StyledBlock = newskit_1.styled(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", " {\n max-width: 440px;\n }\n ", " {\n max-width: 560px;\n }\n"], ["\n ", " {\n max-width: 440px;\n }\n ", " {\n max-width: 560px;\n }\n"])), newskit_1.getMediaQueryFromTheme('md'), newskit_1.getMediaQueryFromTheme('lg'));
|
|
15
|
+
var StyledBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", " {\n max-width: 440px;\n }\n ", " {\n max-width: 560px;\n }\n"], ["\n ", " {\n max-width: 440px;\n }\n ", " {\n max-width: 560px;\n }\n"])), (0, newskit_1.getMediaQueryFromTheme)('md'), (0, newskit_1.getMediaQueryFromTheme)('lg'));
|
|
16
16
|
var Header = function (_a) {
|
|
17
17
|
var backButton = _a.backButton, backButtonOverrides = _a.backButtonOverrides, image = _a.image, title = _a.title, titleOverrides = _a.titleOverrides, description = _a.description, descriptionOverrides = _a.descriptionOverrides, spaceStack = _a.spaceStack, showDivider = _a.showDivider;
|
|
18
18
|
return (react_1.default.createElement(StyledBlock, { spaceStack: spaceStack },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/Components/Sections/Header/Header.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAAyB;AAEzB,4DAA0D;AAC1D,mCAQgB;AAChB,yEAAkD;AAElD,IAAM,WAAW,GAAG,gBAAM,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/Components/Sections/Header/Header.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAAyB;AAEzB,4DAA0D;AAC1D,mCAQgB;AAChB,yEAAkD;AAElD,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,mJAAA,MAC7B,EAA4B,oCAG5B,EAA4B,kCAG/B,KANG,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAG5B,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAG/B,CAAA;AACM,IAAM,MAAM,GAA0B,UAAC,EAU7C;QATC,UAAU,gBAAA,EACV,mBAAmB,yBAAA,EACnB,KAAK,WAAA,EACL,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACpB,UAAU,gBAAA,EACV,WAAW,iBAAA;IAEX,OAAO,CACL,8BAAC,WAAW,IAAC,UAAU,EAAE,UAAU;QACjC,8BAAC,cAAI,IACH,WAAW,EAAE,UAAU,EACvB,QAAQ,EAAE,UAAU,EACpB,cAAc,EAAE,UAAU;YAE1B,8BAAC,cAAI,IAAC,EAAE,EAAE,EAAE;gBACV,8BAAC,oBAAU,IACT,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,GACxC,CACG;YACP,8BAAC,cAAI,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;gBACpC,8BAAC,2BAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,oBAAoB,EAAE,oBAAoB,GAC1C,CACG;YACP,8BAAC,cAAI,IAAC,EAAE,EAAE,EAAE,IACT,KAAK,IAAI,CACR,8BAAC,eAAK,IACJ,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,EAAE,EACpB,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,IAAI,MAAM,GACtD,CACH,CACI,CACF;QACN,WAAW,IAAI,8BAAC,iBAAO,OAAG,CACf,CACf,CAAA;AACH,CAAC,CAAA;AA7CY,QAAA,MAAM,UA6ClB"}
|
|
@@ -12,7 +12,7 @@ var react_1 = __importDefault(require("react"));
|
|
|
12
12
|
var Introduction_1 = require("../../Elements/Introduction");
|
|
13
13
|
var newskit_1 = require("newskit");
|
|
14
14
|
var BackButton_1 = __importDefault(require("../../Elements/BackButton"));
|
|
15
|
-
var StyledBlock = newskit_1.styled(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", " {\n max-width: 440px;\n }\n ", " {\n max-width: 560px;\n }\n"], ["\n ", " {\n max-width: 440px;\n }\n ", " {\n max-width: 560px;\n }\n"])), newskit_1.getMediaQueryFromTheme('md'), newskit_1.getMediaQueryFromTheme('lg'));
|
|
15
|
+
var StyledBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", " {\n max-width: 440px;\n }\n ", " {\n max-width: 560px;\n }\n"], ["\n ", " {\n max-width: 440px;\n }\n ", " {\n max-width: 560px;\n }\n"])), (0, newskit_1.getMediaQueryFromTheme)('md'), (0, newskit_1.getMediaQueryFromTheme)('lg'));
|
|
16
16
|
var HeaderReverse = function (_a) {
|
|
17
17
|
var backButton = _a.backButton, backButtonOverrides = _a.backButtonOverrides, image = _a.image, title = _a.title, titleOverrides = _a.titleOverrides, description = _a.description, descriptionOverrides = _a.descriptionOverrides, spaceStack = _a.spaceStack, showDivider = _a.showDivider;
|
|
18
18
|
return (react_1.default.createElement(StyledBlock, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderReverse.js","sourceRoot":"","sources":["../../../../src/Components/Sections/Header/HeaderReverse.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAAyB;AAEzB,4DAA0D;AAC1D,mCAQgB;AAChB,yEAAkD;AAElD,IAAM,WAAW,GAAG,gBAAM,
|
|
1
|
+
{"version":3,"file":"HeaderReverse.js","sourceRoot":"","sources":["../../../../src/Components/Sections/Header/HeaderReverse.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAAyB;AAEzB,4DAA0D;AAC1D,mCAQgB;AAChB,yEAAkD;AAElD,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,mJAAA,MAC7B,EAA4B,oCAG5B,EAA4B,kCAG/B,KANG,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAG5B,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAG/B,CAAA;AACM,IAAM,aAAa,GAA0B,UAAC,EAUpD;QATC,UAAU,gBAAA,EACV,mBAAmB,yBAAA,EACnB,KAAK,WAAA,EACL,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACpB,UAAU,gBAAA,EACV,WAAW,iBAAA;IAEX,OAAO,CACL,8BAAC,WAAW;QACV,8BAAC,cAAI,IACH,WAAW,EAAE,UAAU,EACvB,QAAQ,EAAE,UAAU,EACpB,cAAc,EAAE,UAAU;YAE1B,8BAAC,cAAI,IAAC,EAAE,EAAE,EAAE,IACT,KAAK,IAAI,CACR,8BAAC,eAAK,IAAC,UAAU,EAAE,UAAU;gBAC3B,8BAAC,eAAK,IACJ,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,EAAE,EACpB,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,IAAI,MAAM,GACtD,CACI,CACT,CACI;YACP,8BAAC,cAAI,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;gBACpC,8BAAC,2BAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,oBAAoB,EAAE,oBAAoB,GAC1C,CACG;YACP,8BAAC,cAAI,IAAC,EAAE,EAAE,EAAE;gBACV,8BAAC,oBAAU,IACT,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,GACxC,CACG,CACF;QACN,WAAW,IAAI,8BAAC,iBAAO,OAAG,CACf,CACf,CAAA;AACH,CAAC,CAAA;AA/CY,QAAA,aAAa,iBA+CzB"}
|
|
@@ -10,38 +10,32 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
10
10
|
var react_1 = __importDefault(require("react"));
|
|
11
11
|
var newskit_1 = require("newskit");
|
|
12
12
|
var context_1 = require("../../../context");
|
|
13
|
-
var FooterWrapper = newskit_1.styled.footer(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n width: 100%;\n"], ["\n ",
|
|
14
|
-
";\n width: 100%;\n"])), function (_a) {
|
|
13
|
+
var FooterWrapper = newskit_1.styled.footer(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n width: 100%;\n"], ["\n ", ";\n width: 100%;\n"])), function (_a) {
|
|
15
14
|
var backgroundColor = _a.backgroundColor;
|
|
16
15
|
return backgroundColor &&
|
|
17
|
-
newskit_1.getColorCssFromTheme('backgroundColor', backgroundColor);
|
|
16
|
+
(0, newskit_1.getColorCssFromTheme)('backgroundColor', backgroundColor);
|
|
18
17
|
});
|
|
19
|
-
var Container = newskit_1.styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n ", "\n ", " {\n ", "\n ", "\n }\n"], ["\n ",
|
|
20
|
-
"\n ",
|
|
21
|
-
"\n ", " {\n ",
|
|
22
|
-
"\n ",
|
|
23
|
-
"\n }\n"])), function (_a) {
|
|
18
|
+
var Container = newskit_1.styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n ", "\n ", " {\n ", "\n ", "\n }\n"], ["\n ", "\n ", "\n ", " {\n ", "\n ", "\n }\n"])), function (_a) {
|
|
24
19
|
var padding = _a.padding;
|
|
25
|
-
return padding && newskit_1.getSizingCssFromTheme('paddingLeft', padding.xs);
|
|
20
|
+
return padding && (0, newskit_1.getSizingCssFromTheme)('paddingLeft', padding.xs);
|
|
26
21
|
}, function (_a) {
|
|
27
22
|
var padding = _a.padding;
|
|
28
|
-
return padding && newskit_1.getSizingCssFromTheme('paddingRight', padding.xs);
|
|
29
|
-
}, newskit_1.getMediaQueryFromTheme('md'), function (_a) {
|
|
23
|
+
return padding && (0, newskit_1.getSizingCssFromTheme)('paddingRight', padding.xs);
|
|
24
|
+
}, (0, newskit_1.getMediaQueryFromTheme)('md'), function (_a) {
|
|
30
25
|
var padding = _a.padding;
|
|
31
|
-
return padding && newskit_1.getSizingCssFromTheme('paddingLeft', padding.md);
|
|
26
|
+
return padding && (0, newskit_1.getSizingCssFromTheme)('paddingLeft', padding.md);
|
|
32
27
|
}, function (_a) {
|
|
33
28
|
var padding = _a.padding;
|
|
34
|
-
return padding && newskit_1.getSizingCssFromTheme('paddingRight', padding.md);
|
|
29
|
+
return padding && (0, newskit_1.getSizingCssFromTheme)('paddingRight', padding.md);
|
|
35
30
|
});
|
|
36
|
-
var FooterDivider = newskit_1.styled(newskit_1.Divider)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n"], ["\n ",
|
|
37
|
-
";\n"])), function (_a) {
|
|
31
|
+
var FooterDivider = (0, newskit_1.styled)(newskit_1.Divider)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (_a) {
|
|
38
32
|
var borderColor = _a.borderColor;
|
|
39
|
-
return borderColor && newskit_1.getColorCssFromTheme('borderColor', borderColor);
|
|
33
|
+
return borderColor && (0, newskit_1.getColorCssFromTheme)('borderColor', borderColor);
|
|
40
34
|
});
|
|
41
|
-
var StyledMenu = newskit_1.styled(newskit_1.Menu)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n > ul {\n flex-direction: column;\n ", " {\n flex-direction: row;\n }\n }\n\n > ul li {\n width: max-content;\n ", ";\n ", " {\n margin-bottom: 0px;\n }\n }\n"], ["\n > ul {\n flex-direction: column;\n ", " {\n flex-direction: row;\n }\n }\n\n > ul li {\n width: max-content;\n ", ";\n ", " {\n margin-bottom: 0px;\n }\n }\n"])), newskit_1.getMediaQueryFromTheme('lg'), newskit_1.getSizingCssFromTheme('marginBottom', 'sizing020'), newskit_1.getMediaQueryFromTheme('lg'));
|
|
35
|
+
var StyledMenu = (0, newskit_1.styled)(newskit_1.Menu)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n > ul {\n flex-direction: column;\n ", " {\n flex-direction: row;\n }\n }\n\n > ul li {\n width: max-content;\n ", ";\n ", " {\n margin-bottom: 0px;\n }\n }\n"], ["\n > ul {\n flex-direction: column;\n ", " {\n flex-direction: row;\n }\n }\n\n > ul li {\n width: max-content;\n ", ";\n ", " {\n margin-bottom: 0px;\n }\n }\n"])), (0, newskit_1.getMediaQueryFromTheme)('lg'), (0, newskit_1.getSizingCssFromTheme)('marginBottom', 'sizing020'), (0, newskit_1.getMediaQueryFromTheme)('lg'));
|
|
42
36
|
var footerOverrides = function () {
|
|
43
37
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
44
|
-
var _j = context_1.useAccountContext(), footer = _j.footer, footerOverrides = _j.footerOverrides;
|
|
38
|
+
var _j = (0, context_1.useAccountContext)(), footer = _j.footer, footerOverrides = _j.footerOverrides;
|
|
45
39
|
return (react_1.default.createElement(FooterWrapper, { "data-testid": "NavigationFooter", backgroundColor: (_a = footerOverrides === null || footerOverrides === void 0 ? void 0 : footerOverrides.menuOverrides) === null || _a === void 0 ? void 0 : _a.backgroundColor },
|
|
46
40
|
react_1.default.createElement(FooterDivider, { borderColor: (_b = footerOverrides === null || footerOverrides === void 0 ? void 0 : footerOverrides.menuOverrides) === null || _b === void 0 ? void 0 : _b.borderColor }),
|
|
47
41
|
react_1.default.createElement(newskit_1.Block, { spaceStack: "space050" }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationFooter.js","sourceRoot":"","sources":["../../../../src/Components/Sections/NavigationFooter/NavigationFooter.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,gDAAyB;AACzB,mCAUgB;AAChB,4CAAoD;AAEpD,IAAM,aAAa,GAAG,gBAAM,CAAC,MAAM,gGAA8B,MAC7D
|
|
1
|
+
{"version":3,"file":"NavigationFooter.js","sourceRoot":"","sources":["../../../../src/Components/Sections/NavigationFooter/NavigationFooter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,16 +13,16 @@ var SkipToContent_1 = require("../../Elements/SkipToContent");
|
|
|
13
13
|
var PastDueBanner_1 = __importDefault(require("../../Elements/PastDueBanner"));
|
|
14
14
|
var context_1 = require("../../../context");
|
|
15
15
|
var helpers_1 = require("../../../helpers");
|
|
16
|
-
var NavContainer = newskit_1.styled.header(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n width: 100%;\n ", ";\n"], ["\n ", ";\n width: 100%;\n ", ";\n"])), newskit_1.getColorCssFromTheme('backgroundColor', 'interfaceBrand010'), newskit_1.getSizingCssFromTheme('padding', 'sizing050'));
|
|
16
|
+
var NavContainer = newskit_1.styled.header(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n width: 100%;\n ", ";\n"], ["\n ", ";\n width: 100%;\n ", ";\n"])), (0, newskit_1.getColorCssFromTheme)('backgroundColor', 'interfaceBrand010'), (0, newskit_1.getSizingCssFromTheme)('padding', 'sizing050'));
|
|
17
17
|
var DividerWrapper = newskit_1.styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 32px;\n display: flex;\n"], ["\n height: 32px;\n display: flex;\n"])));
|
|
18
|
-
var BannerDesktop = helpers_1.largeDesktop(PastDueBanner_1.default);
|
|
19
|
-
var BlockDesktop = helpers_1.mediumToLargeDesktop(newskit_1.Block);
|
|
20
|
-
var ActionsContainer = newskit_1.styled(newskit_1.Block)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";s\n"], ["\n ", ";s\n"])), newskit_1.getColorCssFromTheme('backgroundColor', 'interfaceBrand010'));
|
|
21
|
-
var BlockMobile = helpers_1.smallToMediumMobile(newskit_1.Block);
|
|
22
|
-
var ActionsBlock = newskit_1.styled(BlockMobile)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n ", "\n"], ["\n ", ";\n ", "\n"])), newskit_1.getColorCssFromTheme('backgroundColor', 'whiteTint020'), newskit_1.getSizingCssFromTheme('minHeight', 'sizing080'));
|
|
18
|
+
var BannerDesktop = (0, helpers_1.largeDesktop)(PastDueBanner_1.default);
|
|
19
|
+
var BlockDesktop = (0, helpers_1.mediumToLargeDesktop)(newskit_1.Block);
|
|
20
|
+
var ActionsContainer = (0, newskit_1.styled)(newskit_1.Block)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";s\n"], ["\n ", ";s\n"])), (0, newskit_1.getColorCssFromTheme)('backgroundColor', 'interfaceBrand010'));
|
|
21
|
+
var BlockMobile = (0, helpers_1.smallToMediumMobile)(newskit_1.Block);
|
|
22
|
+
var ActionsBlock = (0, newskit_1.styled)(BlockMobile)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n ", "\n"], ["\n ", ";\n ", "\n"])), (0, newskit_1.getColorCssFromTheme)('backgroundColor', 'whiteTint020'), (0, newskit_1.getSizingCssFromTheme)('minHeight', 'sizing080'));
|
|
23
23
|
var renderLinks = function () {
|
|
24
24
|
var _a, _b;
|
|
25
|
-
var header = context_1.useAccountContext().header;
|
|
25
|
+
var header = (0, context_1.useAccountContext)().header;
|
|
26
26
|
var linksLength = (_a = header === null || header === void 0 ? void 0 : header.links) === null || _a === void 0 ? void 0 : _a.length;
|
|
27
27
|
return (linksLength && (react_1.default.createElement(newskit_1.Stack, { flow: "horizontal-center", stackDistribution: "space-between", spaceInline: "space040", wrap: "nowrap" }, (_b = header === null || header === void 0 ? void 0 : header.links) === null || _b === void 0 ? void 0 : _b.map(function (link, index) { return (react_1.default.createElement(newskit_1.Block, { spaceInline: index < linksLength - 1 ? 'space060' : '', key: link.text },
|
|
28
28
|
react_1.default.createElement(newskit_1.Block, { spaceStack: { xs: 'space000', md: 'space010' } }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationPrimary.js","sourceRoot":"","sources":["../../../../src/Components/Sections/NavigationPrimary/NavigationPrimary.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,gDAAyB;AACzB,mCAUgB;AAChB,8DAA4D;AAC5D,+EAAwD;AACxD,4CAAoD;AAEpD,4CAIyB;AAEzB,IAAM,YAAY,GAAG,gBAAM,CAAC,MAAM,yGAAA,MAC9B,EAA4D,uBAE5D,EAA6C,KAChD,KAHG,8BAAoB,
|
|
1
|
+
{"version":3,"file":"NavigationPrimary.js","sourceRoot":"","sources":["../../../../src/Components/Sections/NavigationPrimary/NavigationPrimary.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,17 +12,16 @@ var react_1 = __importDefault(require("react"));
|
|
|
12
12
|
var newskit_1 = require("newskit");
|
|
13
13
|
var context_1 = require("../../../context");
|
|
14
14
|
exports.navigationSecondaryHeight = '48px';
|
|
15
|
-
var NavContainer = newskit_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n overflow: auto;\n height: ", ";\n ", ";\n width: 100%;\n ", " {\n width: 300px;\n min-height: 100vh;\n position: fixed;\n left: 0;\n }\n"], ["\n overflow: auto;\n height: ", ";\n ",
|
|
16
|
-
";\n width: 100%;\n ", " {\n width: 300px;\n min-height: 100vh;\n position: fixed;\n left: 0;\n }\n"])), exports.navigationSecondaryHeight, function (_a) {
|
|
15
|
+
var NavContainer = newskit_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n overflow: auto;\n height: ", ";\n ", ";\n width: 100%;\n ", " {\n width: 300px;\n min-height: 100vh;\n position: fixed;\n left: 0;\n }\n"], ["\n overflow: auto;\n height: ", ";\n ", ";\n width: 100%;\n ", " {\n width: 300px;\n min-height: 100vh;\n position: fixed;\n left: 0;\n }\n"])), exports.navigationSecondaryHeight, function (_a) {
|
|
17
16
|
var backgroundColor = _a.backgroundColor;
|
|
18
17
|
return backgroundColor &&
|
|
19
|
-
newskit_1.getColorCssFromTheme('backgroundColor', backgroundColor);
|
|
20
|
-
}, newskit_1.getMediaQueryFromTheme('lg'));
|
|
21
|
-
var StyledScroll = newskit_1.styled(newskit_1.Scroll)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n overflow-x: auto;\n overflow-y: auto;\n ", " {\n overflow-x: initial;\n overflow-y: initial;\n }\n"], ["\n overflow-x: auto;\n overflow-y: auto;\n ", " {\n overflow-x: initial;\n overflow-y: initial;\n }\n"])), newskit_1.getMediaQueryFromTheme('lg'));
|
|
22
|
-
var StyledMenu = newskit_1.styled(newskit_1.Menu)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n > ul {\n flex-direction: row;\n ", " {\n flex-direction: column;\n }\n }\n\n > ul li {\n margin-bottom: 0px;\n }\n\n > ul li:focus-within {\n margin-left: 2px;\n margin-right: 2px;\n }\n\n > ul li a:focus-visible {\n border: none;\n margin-bottom: 2px;\n margin-top: 2px;\n min-height: 44px;\n }\n"], ["\n > ul {\n flex-direction: row;\n ", " {\n flex-direction: column;\n }\n }\n\n > ul li {\n margin-bottom: 0px;\n }\n\n > ul li:focus-within {\n margin-left: 2px;\n margin-right: 2px;\n }\n\n > ul li a:focus-visible {\n border: none;\n margin-bottom: 2px;\n margin-top: 2px;\n min-height: 44px;\n }\n"])), newskit_1.getMediaQueryFromTheme('lg'));
|
|
23
|
-
var StyledMenuItem = newskit_1.styled(newskit_1.MenuItem)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n white-space: nowrap;\n"], ["\n white-space: nowrap;\n"])));
|
|
18
|
+
(0, newskit_1.getColorCssFromTheme)('backgroundColor', backgroundColor);
|
|
19
|
+
}, (0, newskit_1.getMediaQueryFromTheme)('lg'));
|
|
20
|
+
var StyledScroll = (0, newskit_1.styled)(newskit_1.Scroll)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n overflow-x: auto;\n overflow-y: auto;\n ", " {\n overflow-x: initial;\n overflow-y: initial;\n }\n"], ["\n overflow-x: auto;\n overflow-y: auto;\n ", " {\n overflow-x: initial;\n overflow-y: initial;\n }\n"])), (0, newskit_1.getMediaQueryFromTheme)('lg'));
|
|
21
|
+
var StyledMenu = (0, newskit_1.styled)(newskit_1.Menu)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n > ul {\n flex-direction: row;\n ", " {\n flex-direction: column;\n }\n }\n\n > ul li {\n margin-bottom: 0px;\n }\n\n > ul li:focus-within {\n margin-left: 2px;\n margin-right: 2px;\n }\n\n > ul li a:focus-visible {\n border: none;\n margin-bottom: 2px;\n margin-top: 2px;\n min-height: 44px;\n }\n"], ["\n > ul {\n flex-direction: row;\n ", " {\n flex-direction: column;\n }\n }\n\n > ul li {\n margin-bottom: 0px;\n }\n\n > ul li:focus-within {\n margin-left: 2px;\n margin-right: 2px;\n }\n\n > ul li a:focus-visible {\n border: none;\n margin-bottom: 2px;\n margin-top: 2px;\n min-height: 44px;\n }\n"])), (0, newskit_1.getMediaQueryFromTheme)('lg'));
|
|
22
|
+
var StyledMenuItem = (0, newskit_1.styled)(newskit_1.MenuItem)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n white-space: nowrap;\n"], ["\n white-space: nowrap;\n"])));
|
|
24
23
|
var NavigationSecondary = function () {
|
|
25
|
-
var _a = context_1.useAccountContext(), sideNav = _a.sideNav, sideNavSelected = _a.sideNavSelected, sideNavOverrides = _a.sideNavOverrides;
|
|
24
|
+
var _a = (0, context_1.useAccountContext)(), sideNav = _a.sideNav, sideNavSelected = _a.sideNavSelected, sideNavOverrides = _a.sideNavOverrides;
|
|
26
25
|
return (react_1.default.createElement(NavContainer, { "data-testid": "NavigationSecondary", backgroundColor: sideNavOverrides === null || sideNavOverrides === void 0 ? void 0 : sideNavOverrides.backgroundColor },
|
|
27
26
|
react_1.default.createElement(newskit_1.Block, { spaceStack: {
|
|
28
27
|
lg: 'space070',
|