@newskit-render/my-account 0.90.0 → 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 +8 -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.js +5 -5
- package/dist/Components/Elements/Toast/Toast.js.map +1 -1
- package/dist/Components/Elements/Toast/sendToast.d.ts +1 -1
- package/dist/Components/Elements/Toast/sendToast.js +3 -2
- 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/Form/Address/FormAddress.js +29 -26
- package/dist/Components/Sections/Form/Address/FormAddress.js.map +1 -1
- package/dist/Components/Sections/Form/CommentingNotifications/CommentingNotifications.js +11 -11
- package/dist/Components/Sections/Form/CommentingNotifications/CommentingNotifications.js.map +1 -1
- package/dist/Components/Sections/Form/CommentingNotifications/types.d.ts +1 -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 +3 -3
- package/dist/Components/Sections/Form/onFormSubmit.js.map +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.js +2 -1
- package/dist/Components/Templates/CancellationRender.js.map +1 -1
- 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/api/getAccessToken.js +1 -1
- package/dist/api/getAccessToken.js.map +1 -1
- package/dist/api/mutateHandler.js +8 -8
- 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 +2 -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/getProviderProps.js +7 -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.js +3 -3
- package/dist/helpers/apiHandlerUtils.js.map +1 -1
- 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/providerUtils.js +1 -1
- 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/pages/EditField.js +5 -9
- 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/providers/editFieldProvider.js +8 -13
- 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/queries/getEditField.js +5 -5
- 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
package/dist/Components/Sections/Form/CommentingNotifications/CommentingNotifications.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommentingNotifications.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/Form/CommentingNotifications/CommentingNotifications.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA4D;AAC5D,mCAA0C;AAC1C,0EAG8B;AAC9B,8DAAiC;AAEjC,iEAAsC;AACtC,+CAAuD;AACvD,+CAAkD;AAClD,+DAAiE;AAEjE,IAAM,SAAS,GAAG,UAChB,iBAAoC,EACpC,KAAa,EACb,uBAAgD,EAChD,0BAA+C;IAE/C,IAAM,eAAe,GAAG,UAAC,OAAO;;QAC9B,OAAA,0BAA0B,WAAG,GAAC,iBAAiB,IAAG,OAAO,MAAG;IAA5D,CAA4D,CAAA;IAE9D,IAAM,KAAK,GAAG,uBAAuB,CAAC,iBAAiB,CAAC,IAAI,KAAK,CAAA;IACjE,OAAO,CACL;QACE,8BAAC,0BAAgB;YACf,4CAAO,KAAK,CAAQ,CACH;QACnB,8BAAC,sBAAM,IACL,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,KAAK,EACd,aAAa,EAAE,KAAK,EACpB,WAAW,EAAE,KAAK,EAClB,OAAO,EAAC,SAAS,EACjB,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,EACT,cAAc,EAAE,EAAE,iBACL,YAAU,iBAAiB,UAAI,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAE,GAC1D,CACJ,CACT,CAAA;AACH,CAAC,CAAA;AAED,IAAM,uBAAuB,GAA2C,UAAC,EAIxE;QAHC,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,SAAS,eAAA;IAEH,IAAA,KAAwB,2BAAiB,
|
|
1
|
+
{"version":3,"file":"CommentingNotifications.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/Form/CommentingNotifications/CommentingNotifications.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ContentListItem } from 'Components/Sections/ContentListView';
|
|
1
|
+
import { ContentListItem } from '../../../../Components/Sections/ContentListView';
|
|
2
2
|
import { FormWrapperProps } from '../types';
|
|
3
3
|
export interface CommentingNotificationsProps extends FormWrapperProps {
|
|
4
4
|
listItems?: ContentListItem[];
|
|
@@ -10,8 +10,8 @@ var constants_1 = require("../../../../constants");
|
|
|
10
10
|
var helpers_1 = require("../../../../helpers");
|
|
11
11
|
var DisplayName = function (_a) {
|
|
12
12
|
var buttonGroupProps = _a.buttonGroupProps, infoPanel = _a.infoPanel, inputText = _a.inputText;
|
|
13
|
-
var _b = context_1.useAccountContext(), data = _b.data, validation = _b.validation;
|
|
14
|
-
var displayName = helpers_1.getEditField(data, constants_1.DISPLAY_NAME);
|
|
13
|
+
var _b = (0, context_1.useAccountContext)(), data = _b.data, validation = _b.validation;
|
|
14
|
+
var displayName = (0, helpers_1.getEditField)(data, constants_1.DISPLAY_NAME);
|
|
15
15
|
return (react_1.default.createElement(FormComponent_1.default, { fields: [displayName], validation: validation, validationSchemaKey: data === null || data === void 0 ? void 0 : data.validationSchemaKey, infoPanel: infoPanel, buttonGroupProps: buttonGroupProps, inputText: inputText }));
|
|
16
16
|
};
|
|
17
17
|
exports.default = DisplayName;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DisplayName.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/Form/DisplayName/DisplayName.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAyB;AAEzB,mEAA4C;AAC5C,+CAAuD;AACvD,mDAAoD;AACpD,+CAAkD;AAElD,IAAM,WAAW,GAA+B,UAAC,EAIhD;QAHC,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,SAAS,eAAA;IAEH,IAAA,KAAuB,2BAAiB,
|
|
1
|
+
{"version":3,"file":"DisplayName.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/Form/DisplayName/DisplayName.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAyB;AAEzB,mEAA4C;AAC5C,+CAAuD;AACvD,mDAAoD;AACpD,+CAAkD;AAElD,IAAM,WAAW,GAA+B,UAAC,EAIhD;QAHC,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,SAAS,eAAA;IAEH,IAAA,KAAuB,IAAA,2BAAiB,GAAE,EAAxC,IAAI,UAAA,EAAE,UAAU,gBAAwB,CAAA;IAEhD,IAAM,WAAW,GAAG,IAAA,sBAAY,EAAC,IAAI,EAAE,wBAAY,CAAC,CAAA;IAEpD,OAAO,CACL,8BAAC,uBAAa,IACZ,MAAM,EAAE,CAAC,WAAW,CAAC,EACrB,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,mBAA6B,EACxD,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,WAAW,CAAA"}
|
|
@@ -22,13 +22,15 @@ var replaceInfoPanel = function (infoPanel, email) {
|
|
|
22
22
|
var _a;
|
|
23
23
|
return (__assign(__assign({}, infoPanel), { children: (_a = infoPanel === null || infoPanel === void 0 ? void 0 : infoPanel.children) === null || _a === void 0 ? void 0 : _a.toLocaleString().replace('##NEW_EMAIL##', email) }));
|
|
24
24
|
};
|
|
25
|
-
var replaceText = function (text, email) {
|
|
25
|
+
var replaceText = function (text, email) {
|
|
26
|
+
return text === null || text === void 0 ? void 0 : text.map(function (msg) { return msg.replace('##EMAIL_ADDRESS##', email); });
|
|
27
|
+
};
|
|
26
28
|
var Email = function (_a) {
|
|
27
29
|
var _b, _c;
|
|
28
30
|
var buttonGroupProps = _a.buttonGroupProps, inputText = _a.inputText, infoPanel = _a.infoPanel, text = _a.text, textOverriders = _a.textOverriders;
|
|
29
|
-
var _d = context_1.useAccountContext(), data = _d.data, validation = _d.validation;
|
|
31
|
+
var _d = (0, context_1.useAccountContext)(), data = _d.data, validation = _d.validation;
|
|
30
32
|
var isEmailVerified = (_c = (_b = data === null || data === void 0 ? void 0 : data.fields) === null || _b === void 0 ? void 0 : _b.find(function (field) { return field.field === 'emailVerified'; })) === null || _c === void 0 ? void 0 : _c.value;
|
|
31
|
-
var email = helpers_1.getEditField(data, 'email');
|
|
33
|
+
var email = (0, helpers_1.getEditField)(data, 'email');
|
|
32
34
|
var emailValue = email.value;
|
|
33
35
|
return (react_1.default.createElement(FormComponent_1.default, { validation: validation, validationSchemaKey: data === null || data === void 0 ? void 0 : data.validationSchemaKey, fields: [email], buttonGroupProps: buttonGroupProps, inputText: inputText, infoPanel: isEmailVerified ? undefined : replaceInfoPanel(infoPanel, emailValue), text: replaceText(text, emailValue), textOverriders: textOverriders }));
|
|
34
36
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Email.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/Form/Email/Email.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,mEAA4C;AAC5C,+CAAuD;AAEvD,+CAAkD;AAElD,IAAM,gBAAgB,GAAG,UAAC,SAAS,EAAE,KAAK;;IAAK,OAAA,uBAC1C,SAAS,KACZ,QAAQ,
|
|
1
|
+
{"version":3,"file":"Email.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/Form/Email/Email.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,mEAA4C;AAC5C,+CAAuD;AAEvD,+CAAkD;AAElD,IAAM,gBAAgB,GAAG,UAAC,SAAS,EAAE,KAAK;;IAAK,OAAA,uBAC1C,SAAS,KACZ,QAAQ,EAAE,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,0CACzB,cAAc,GACf,OAAO,CAAC,eAAe,EAAE,KAAM,CAAC,IACnC,CAAA;CAAA,CAAA;AACF,IAAM,WAAW,GAAG,UAAC,IAAI,EAAE,KAAK;IAC9B,OAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,OAAO,CAAC,mBAAmB,EAAE,KAAM,CAAC,EAAxC,CAAwC,CAAC;AAA5D,CAA4D,CAAA;AAE9D,IAAM,KAAK,GAA+B,UAAC,EAM1C;;QALC,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,cAAc,oBAAA;IAER,IAAA,KAAuB,IAAA,2BAAiB,GAAE,EAAxC,IAAI,UAAA,EAAE,UAAU,gBAAwB,CAAA;IAEhD,IAAM,eAAe,GAAG,MAAA,MAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAsB,0CAAE,IAAI,CACzD,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,KAAK,eAAe,EAA/B,CAA+B,CAC3C,0CAAE,KAAK,CAAA;IAER,IAAM,KAAK,GAAG,IAAA,sBAAY,EAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IAEzC,IAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAA;IAE9B,OAAO,CACL,8BAAC,uBAAa,IACZ,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,mBAA6B,EACxD,MAAM,EAAE,CAAC,KAAK,CAAC,EACf,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,SAAS,EACpB,SAAS,EACP,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,SAAS,EAAE,UAAU,CAAC,EAEvE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,UAAU,CAAC,EACnC,cAAc,EAAE,cAAc,GAC9B,CACH,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,KAAK,CAAA"}
|
|
@@ -54,10 +54,10 @@ var editFieldLabelMapper = {
|
|
|
54
54
|
var FormComponent = function (_a) {
|
|
55
55
|
var infoPanel = _a.infoPanel, _b = _a.validationSchemaKey, validationSchemaKey = _b === void 0 ? '' : _b, fields = _a.fields, buttonGroupProps = _a.buttonGroupProps, _c = _a.disable, disable = _c === void 0 ? false : _c, inputText = _a.inputText, text = _a.text, textOverriders = _a.textOverriders, _d = _a.validation, validation = _d === void 0 ? {} : _d;
|
|
56
56
|
var fieldSchema = validation[validationSchemaKey];
|
|
57
|
-
var resolver = yup_1.yupResolver(fieldSchema);
|
|
58
|
-
var _e = react_1.useState(false), hasError = _e[0], setHasError = _e[1];
|
|
59
|
-
var router = router_1.useRouter();
|
|
60
|
-
var _f = context_1.useAccountContext(), handleError = _f.handleError, handleLoading = _f.handleLoading, handleSuccess = _f.handleSuccess;
|
|
57
|
+
var resolver = (0, yup_1.yupResolver)(fieldSchema);
|
|
58
|
+
var _e = (0, react_1.useState)(false), hasError = _e[0], setHasError = _e[1];
|
|
59
|
+
var router = (0, router_1.useRouter)();
|
|
60
|
+
var _f = (0, context_1.useAccountContext)(), handleError = _f.handleError, handleLoading = _f.handleLoading, handleSuccess = _f.handleSuccess;
|
|
61
61
|
var handleFormError = function () {
|
|
62
62
|
setHasError(true);
|
|
63
63
|
if (handleError)
|
|
@@ -73,7 +73,7 @@ var FormComponent = function (_a) {
|
|
|
73
73
|
}));
|
|
74
74
|
};
|
|
75
75
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
76
|
-
react_1.default.createElement(newskit_1.Global, { styles: newskit_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n form {\n width: 100%;\n }\n "], ["\n form {\n width: 100%;\n }\n "]))) }),
|
|
76
|
+
react_1.default.createElement(newskit_1.Global, { styles: (0, newskit_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n form {\n width: 100%;\n }\n "], ["\n form {\n width: 100%;\n }\n "]))) }),
|
|
77
77
|
react_1.default.createElement(FormGrid_1.default, { xsMargin: "space000", xsColumnGutter: "space000", xsRowGutter: "space000" },
|
|
78
78
|
text &&
|
|
79
79
|
text.map(function (p, i) { return (react_1.default.createElement(newskit_1.Block, { spaceStack: textOverriders === null || textOverriders === void 0 ? void 0 : textOverriders.spaceStack, key: i },
|
|
@@ -83,7 +83,7 @@ var FormComponent = function (_a) {
|
|
|
83
83
|
handleLoading();
|
|
84
84
|
if (!disable) {
|
|
85
85
|
setHasError(false);
|
|
86
|
-
onFormSubmit_1.default(e, validationSchemaKey, fields, router, handleFormError, handleSuccess);
|
|
86
|
+
(0, onFormSubmit_1.default)(e, validationSchemaKey, fields, router, handleFormError, handleSuccess);
|
|
87
87
|
}
|
|
88
88
|
}, onSubmitInvalid: function (e) { return setHasError(true); }, reValidationMode: "onSubmit" },
|
|
89
89
|
react_1.default.createElement(newskit_1.Cell, __assign({}, inputText === null || inputText === void 0 ? void 0 : inputText.cells), getTextInputs(fields)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormComponent.js","sourceRoot":"","sources":["../../../../src/Components/Sections/Form/FormComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,mCASgB;AAChB,+DAAwC;AAExC,sCAAmD;AACnD,wDAAiC;AACjC,+CAAqD;AAErD,gEAAqC;AACrC,4CAAoD;AAEpD,IAAM,oBAAoB,GAAG;IAC3B,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE,WAAW;IACrB,WAAW,EAAE,cAAc;IAC3B,KAAK,EAAE,eAAe;CACvB,CAAA;AAED,IAAM,aAAa,GAAwB,UAAC,EAU3C;QATC,SAAS,eAAA,EACT,2BAAwB,EAAxB,mBAAmB,mBAAG,EAAE,KAAA,EACxB,MAAM,YAAA,EACN,gBAAgB,sBAAA,EAChB,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,cAAc,oBAAA,EACd,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA;IAEf,IAAM,WAAW,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAA;IACnD,IAAM,QAAQ,GAAa,iBAAW,
|
|
1
|
+
{"version":3,"file":"FormComponent.js","sourceRoot":"","sources":["../../../../src/Components/Sections/Form/FormComponent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
5
5
|
};
|
|
6
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
7
|
var newskit_1 = require("newskit");
|
|
8
|
-
var FormGrid = 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'));
|
|
8
|
+
var FormGrid = (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'));
|
|
9
9
|
exports.default = FormGrid;
|
|
10
10
|
var templateObject_1;
|
|
11
11
|
//# sourceMappingURL=FormGrid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormGrid.js","sourceRoot":"","sources":["../../../../src/Components/Sections/Form/FormGrid.ts"],"names":[],"mappings":";;;;;;AAAA,mCAA8D;AAE9D,IAAM,QAAQ,GAAG,gBAAM,
|
|
1
|
+
{"version":3,"file":"FormGrid.js","sourceRoot":"","sources":["../../../../src/Components/Sections/Form/FormGrid.ts"],"names":[],"mappings":";;;;;;AAAA,mCAA8D;AAE9D,IAAM,QAAQ,GAAG,IAAA,gBAAM,EAAC,cAAI,CAAC,wIAAA,gCAEzB,EAA4B,mCAG/B,KAHG,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAG/B,CAAA;AACD,kBAAe,QAAQ,CAAA"}
|
|
@@ -8,7 +8,7 @@ var FormComponent_1 = __importDefault(require("../FormComponent"));
|
|
|
8
8
|
var context_1 = require("../../../../context");
|
|
9
9
|
var FormName = function (_a) {
|
|
10
10
|
var buttonGroupProps = _a.buttonGroupProps, infoPanel = _a.infoPanel, inputText = _a.inputText;
|
|
11
|
-
var _b = context_1.useAccountContext(), data = _b.data, validation = _b.validation;
|
|
11
|
+
var _b = (0, context_1.useAccountContext)(), data = _b.data, validation = _b.validation;
|
|
12
12
|
var nameFields = (data === null || data === void 0 ? void 0 : data.fields) || [{ field: 'name', value: '' }];
|
|
13
13
|
return (react_1.default.createElement(FormComponent_1.default, { validation: validation, validationSchemaKey: data === null || data === void 0 ? void 0 : data.validationSchemaKey, fields: nameFields, infoPanel: infoPanel, buttonGroupProps: buttonGroupProps, inputText: inputText }));
|
|
14
14
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormName.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/Form/Name/FormName.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAyB;AAEzB,mEAA4C;AAC5C,+CAAuD;AAEvD,IAAM,QAAQ,GAA+B,UAAC,EAI7C;QAHC,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,SAAS,eAAA;IAEH,IAAA,KAAuB,2BAAiB,
|
|
1
|
+
{"version":3,"file":"FormName.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/Form/Name/FormName.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAyB;AAEzB,mEAA4C;AAC5C,+CAAuD;AAEvD,IAAM,QAAQ,GAA+B,UAAC,EAI7C;QAHC,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,SAAS,eAAA;IAEH,IAAA,KAAuB,IAAA,2BAAiB,GAAE,EAAxC,IAAI,UAAA,EAAE,UAAU,gBAAwB,CAAA;IAEhD,IAAM,UAAU,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,KAAI,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAA;IACjE,OAAO,CACL,8BAAC,uBAAa,IACZ,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,mBAA6B,EACxD,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,QAAQ,CAAA"}
|
|
@@ -81,17 +81,17 @@ var PASSWORD_URL_LIFETIME = process.env.PASSWORD_URL_LIFETIME || 900;
|
|
|
81
81
|
var Password = function (_a) {
|
|
82
82
|
var _b, _c;
|
|
83
83
|
var buttonGroupProps = _a.buttonGroupProps, resendButtonGroupProps = _a.resendButtonGroupProps, text = _a.text, textOverriders = _a.textOverriders, infoPanel = _a.infoPanel;
|
|
84
|
-
var data = context_1.useAccountContext().data;
|
|
85
|
-
var email = (_b = helpers_1.getEditField(data, 'email')) === null || _b === void 0 ? void 0 : _b.value;
|
|
86
|
-
var router = router_1.useRouter();
|
|
87
|
-
var _d = react_1.useState(false), hasSentEmail = _d[0], setHasSentEmail = _d[1];
|
|
88
|
-
react_1.useEffect(function () {
|
|
89
|
-
var sentEmailTimestamp = helpers_1.getFromLocalStorage('password');
|
|
84
|
+
var data = (0, context_1.useAccountContext)().data;
|
|
85
|
+
var email = (_b = (0, helpers_1.getEditField)(data, 'email')) === null || _b === void 0 ? void 0 : _b.value;
|
|
86
|
+
var router = (0, router_1.useRouter)();
|
|
87
|
+
var _d = (0, react_1.useState)(false), hasSentEmail = _d[0], setHasSentEmail = _d[1];
|
|
88
|
+
(0, react_1.useEffect)(function () {
|
|
89
|
+
var sentEmailTimestamp = (0, helpers_1.getFromLocalStorage)('password');
|
|
90
90
|
if (sentEmailTimestamp) {
|
|
91
91
|
var secondsAfterEmailSent = Math.floor((Date.now() - parseInt(sentEmailTimestamp)) / 1000);
|
|
92
92
|
if (secondsAfterEmailSent > PASSWORD_URL_LIFETIME) {
|
|
93
93
|
// Delete the local storage key if a certain amount has passed
|
|
94
|
-
helpers_1.deleteFromLocalStorage('password');
|
|
94
|
+
(0, helpers_1.deleteFromLocalStorage)('password');
|
|
95
95
|
}
|
|
96
96
|
else {
|
|
97
97
|
setHasSentEmail(true);
|
|
@@ -104,7 +104,7 @@ var Password = function (_a) {
|
|
|
104
104
|
switch (_a.label) {
|
|
105
105
|
case 0:
|
|
106
106
|
_a.trys.push([0, 2, , 3]);
|
|
107
|
-
return [4 /*yield*/, onFormSubmit_1.default({ password: '' }, 'password', [{ field: 'password', value: '' }], router)];
|
|
107
|
+
return [4 /*yield*/, (0, onFormSubmit_1.default)({ password: '' }, 'password', [{ field: 'password', value: '' }], router)];
|
|
108
108
|
case 1:
|
|
109
109
|
_a.sent();
|
|
110
110
|
return [3 /*break*/, 3];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Password.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/Form/Password/Password.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAClD,mCAA+D;AAC/D,kEAA2C;AAE3C,yDAAkC;AAClC,iEAAsC;AACtC,sCAAmD;AACnD,+CAI4B;AAC5B,+CAAuD;AAEvD,IAAM,qBAAqB,GAAG,OAAO,CAAC,GAAG,CAAC,qBAAqB,IAAI,GAAG,CAAA;AACtE,IAAM,QAAQ,GAA4B,UAAC,EAM1C;;QALC,gBAAgB,sBAAA,EAChB,sBAAsB,4BAAA,EACtB,IAAI,UAAA,EACJ,cAAc,oBAAA,EACd,SAAS,eAAA;IAED,IAAA,IAAI,GAAK,2BAAiB,
|
|
1
|
+
{"version":3,"file":"Password.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/Form/Password/Password.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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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"}
|
|
@@ -58,9 +58,9 @@ var onSubmit = function (e, validationSchemaKey, fields, router, handleError, ha
|
|
|
58
58
|
return __generator(this, function (_a) {
|
|
59
59
|
switch (_a.label) {
|
|
60
60
|
case 0:
|
|
61
|
-
session = helpers_1.getMainSession(document.cookie);
|
|
61
|
+
session = (0, helpers_1.getMainSession)(document.cookie);
|
|
62
62
|
body = JSON.stringify(__assign(__assign({}, e), { validationSchemaKey: validationSchemaKey }));
|
|
63
|
-
return [4 /*yield*/, cross_fetch_1.default('/api/account/mutate', {
|
|
63
|
+
return [4 /*yield*/, (0, cross_fetch_1.default)('/api/account/mutate', {
|
|
64
64
|
method: 'POST',
|
|
65
65
|
redirect: 'follow',
|
|
66
66
|
headers: {
|
|
@@ -73,7 +73,7 @@ var onSubmit = function (e, validationSchemaKey, fields, router, handleError, ha
|
|
|
73
73
|
result = _a.sent();
|
|
74
74
|
if (result === null || result === void 0 ? void 0 : result.ok) {
|
|
75
75
|
if (validationSchemaKey === 'password' || validationSchemaKey === 'email') {
|
|
76
|
-
localStorage_1.saveLocalStorage(validationSchemaKey);
|
|
76
|
+
(0, localStorage_1.saveLocalStorage)(validationSchemaKey);
|
|
77
77
|
}
|
|
78
78
|
}
|
|
79
79
|
//Redirect to personal details page. TODO -> add redirect to different page later
|
|
@@ -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 },
|