@newskit-render/my-account 0.139.1 → 0.140.2

package/dist/esm/Components/Sections/Form/DisplayName/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/DisplayName/index.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,eAAe,WAAW,CAAA"}

package/dist/esm/Components/Sections/Form/Email/Email.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FormWrapperProps } from '@newskit-render/shared-components';
+export declare enum EmailStatus {
+    VERIFIED = "VERIFIED",
+    NOT_VERIFIED = "NOT_VERIFIED"
+}
+declare const Email: React.FC<FormWrapperProps>;
+export default Email;

package/dist/esm/Components/Sections/Form/Email/Email.js

@@ -0,0 +1,51 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { FormComponent, } from '@newskit-render/shared-components';
+import { useAccountContext } from '../../../../context';
+import { getEditField } from '../../../../helpers';
+import onSubmit from '../onFormSubmit';
+import { ContextName } from '../../../../context/types';
+import { EMAIL_ERROR_MESSAGE } from '../../../../constants';
+export var EmailStatus;
+(function (EmailStatus) {
+    EmailStatus["VERIFIED"] = "VERIFIED";
+    EmailStatus["NOT_VERIFIED"] = "NOT_VERIFIED";
+})(EmailStatus || (EmailStatus = {}));
+var replaceInfoPanel = function (infoPanel, email) {
+    var _a;
+    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) }));
+};
+var replaceText = function (text, email) {
+    return text === null || text === void 0 ? void 0 : text.map(function (msg) { return msg.replace('##EMAIL_ADDRESS##', email); });
+};
+var Email = function (_a) {
+    var buttonGroupProps = _a.buttonGroupProps, inputText = _a.inputText, infoPanel = _a.infoPanel, text = _a.text, textOverriders = _a.textOverriders;
+    var contextName = ContextName.editField;
+    var _b = useAccountContext(contextName), data = _b.data, validation = _b.validation, handleError = _b.handleError, handleSuccess = _b.handleSuccess, handleLoading = _b.handleLoading, baseUrl = _b.baseUrl, errorMessages = _b.errorMessages, genericErrorMessage = _b.genericErrorMessage;
+    var emailVerifiedStatus = getEditField(data, 'emailVerifiedStatus').value;
+    var isEmailVerified = emailVerifiedStatus === EmailStatus.VERIFIED;
+    var email = getEditField(data, 'email');
+    var emailValue = email.value;
+    var handleEmailError = function (validationSchemaKey, errorMessages, genericErrorMessage, message) {
+        var _a;
+        if (handleError) {
+            if (message === EMAIL_ERROR_MESSAGE) {
+                message = (_a = errorMessages === null || errorMessages === void 0 ? void 0 : errorMessages.email) === null || _a === void 0 ? void 0 : _a.custom;
+            }
+            handleError(validationSchemaKey, errorMessages, genericErrorMessage, message);
+        }
+    };
+    return (React.createElement(FormComponent, { validation: validation, validationSchemaKey: data.validationSchemaKey, fields: [email], buttonGroupProps: buttonGroupProps, inputText: inputText, infoPanel: isEmailVerified ? undefined : replaceInfoPanel(infoPanel, emailValue), text: replaceText(text, emailValue), textOverriders: textOverriders, handleLoading: handleLoading, handleSuccess: handleSuccess, handleError: handleEmailError, baseUrl: baseUrl, errorMessages: errorMessages, genericErrorMessage: genericErrorMessage, onSubmit: onSubmit }));
+};
+export default Email;
+//# sourceMappingURL=Email.js.map

package/dist/esm/Components/Sections/Form/Email/Email.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Email.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/Email/Email.tsx"],"names":[],"mappings":"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"}

package/dist/esm/Components/Sections/Form/Email/index.d.ts

@@ -0,0 +1,2 @@
+import Email from './Email';
+export default Email;

package/dist/esm/Components/Sections/Form/Email/index.js

@@ -0,0 +1,3 @@
+import Email from './Email';
+export default Email;
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/Sections/Form/Email/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/Email/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,eAAe,KAAK,CAAA"}

package/dist/esm/Components/Sections/Form/Landline/Landline.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormWrapperProps } from '@newskit-render/shared-components';
+declare const Landline: React.FC<FormWrapperProps>;
+export default Landline;

package/dist/esm/Components/Sections/Form/Landline/Landline.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import Phone from '../Phone';
+var Landline = function (_a) {
+    var buttonGroupProps = _a.buttonGroupProps;
+    return (React.createElement(Phone, { buttonGroupProps: buttonGroupProps, type: 'phoneNumber' }));
+};
+export default Landline;
+//# sourceMappingURL=Landline.js.map

package/dist/esm/Components/Sections/Form/Landline/Landline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Landline.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/Landline/Landline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,MAAM,UAAU,CAAA;AAE5B,IAAM,QAAQ,GAA+B,UAAC,EAAoB;QAAlB,gBAAgB,sBAAA;IAC9D,OAAO,CACL,oBAAC,KAAK,IAAC,gBAAgB,EAAE,gBAAgB,EAAE,IAAI,EAAE,aAAa,GAAU,CACzE,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/esm/Components/Sections/Form/Landline/index.d.ts

@@ -0,0 +1,2 @@
+import Landline from './Landline';
+export default Landline;

package/dist/esm/Components/Sections/Form/Landline/index.js

@@ -0,0 +1,3 @@
+import Landline from './Landline';
+export default Landline;
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/Sections/Form/Landline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/Landline/index.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,eAAe,QAAQ,CAAA"}

package/dist/esm/Components/Sections/Form/Mobile/Mobile.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormWrapperProps } from '@newskit-render/shared-components';
+declare const Mobile: React.FC<FormWrapperProps>;
+export default Mobile;

package/dist/esm/Components/Sections/Form/Mobile/Mobile.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import Phone from '../Phone';
+var Mobile = function (_a) {
+    var buttonGroupProps = _a.buttonGroupProps;
+    return React.createElement(Phone, { buttonGroupProps: buttonGroupProps, type: 'mobile' });
+};
+export default Mobile;
+//# sourceMappingURL=Mobile.js.map

package/dist/esm/Components/Sections/Form/Mobile/Mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mobile.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/Mobile/Mobile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,MAAM,UAAU,CAAA;AAE5B,IAAM,MAAM,GAA+B,UAAC,EAAoB;QAAlB,gBAAgB,sBAAA;IAC5D,OAAO,oBAAC,KAAK,IAAC,gBAAgB,EAAE,gBAAgB,EAAE,IAAI,EAAE,QAAQ,GAAU,CAAA;AAC5E,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/esm/Components/Sections/Form/Mobile/index.d.ts

@@ -0,0 +1,2 @@
+import Mobile from './Mobile';
+export default Mobile;

package/dist/esm/Components/Sections/Form/Mobile/index.js

@@ -0,0 +1,3 @@
+import Mobile from './Mobile';
+export default Mobile;
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/Sections/Form/Mobile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/Mobile/index.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,eAAe,MAAM,CAAA"}

package/dist/esm/Components/Sections/Form/Name/FormName.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormWrapperProps } from '@newskit-render/shared-components';
+declare const FormName: React.FC<FormWrapperProps>;
+export default FormName;

package/dist/esm/Components/Sections/Form/Name/FormName.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { FormComponent, } from '@newskit-render/shared-components';
+import { useAccountContext } from '../../../../context';
+import onSubmit from '../onFormSubmit';
+import { ContextName } from '../../../../context/types';
+var FormName = function (_a) {
+    var buttonGroupProps = _a.buttonGroupProps, infoPanel = _a.infoPanel, inputText = _a.inputText;
+    var contextName = ContextName.editField;
+    var _b = useAccountContext(contextName), data = _b.data, validation = _b.validation, handleError = _b.handleError, handleSuccess = _b.handleSuccess, handleLoading = _b.handleLoading, baseUrl = _b.baseUrl, errorMessages = _b.errorMessages, genericErrorMessage = _b.genericErrorMessage;
+    var nameFields = (data === null || data === void 0 ? void 0 : data.fields) || [
+        {
+            field: 'firstName',
+            value: '',
+        },
+        {
+            field: 'lastName',
+            value: '',
+        },
+    ];
+    return (React.createElement(FormComponent, { validation: validation, validationSchemaKey: data === null || data === void 0 ? void 0 : data.validationSchemaKey, fields: nameFields, infoPanel: infoPanel, buttonGroupProps: buttonGroupProps, inputText: inputText, handleLoading: handleLoading, handleSuccess: handleSuccess, handleError: handleError, baseUrl: baseUrl, errorMessages: errorMessages, genericErrorMessage: genericErrorMessage, onSubmit: onSubmit }));
+};
+export default FormName;
+//# sourceMappingURL=FormName.js.map

package/dist/esm/Components/Sections/Form/Name/FormName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormName.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/Name/FormName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAEL,aAAa,GACd,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAA2B,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAChF,OAAO,QAAQ,MAAM,iBAAiB,CAAA;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAEvD,IAAM,QAAQ,GAA+B,UAAC,EAI7C;QAHC,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,SAAS,eAAA;IAET,IAAM,WAAW,GAAG,WAAW,CAAC,SAAS,CAAA;IACnC,IAAA,KASF,iBAAiB,CAAC,WAAW,CAA4B,EAR3D,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,aAAa,mBAAA,EACb,mBAAmB,yBACwC,CAAA;IAE7D,IAAM,UAAU,GAAG,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAmB,KAAI;QAC/C;YACE,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,EAAE;SACV;QACD;YACE,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,EAAE;SACV;KACF,CAAA;IAED,OAAO,CACL,oBAAC,aAAa,IACZ,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,mBAAmB,EAC9C,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,EACxC,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/esm/Components/Sections/Form/Name/index.d.ts

@@ -0,0 +1,2 @@
+import FormName from './FormName';
+export default FormName;

package/dist/esm/Components/Sections/Form/Name/index.js

@@ -0,0 +1,3 @@
+import FormName from './FormName';
+export default FormName;
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/Sections/Form/Name/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/Name/index.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,eAAe,QAAQ,CAAA"}

package/dist/esm/Components/Sections/Form/Name/types.d.ts

@@ -0,0 +1,5 @@
+import { ButtonGroupProps } from '@newskit-render/shared-components';
+export interface FormNameProps {
+    buttonGroupProps?: ButtonGroupProps;
+    onSubmit: (data: any) => void;
+}

package/dist/esm/Components/Sections/Form/Name/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/Components/Sections/Form/Name/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/Name/types.ts"],"names":[],"mappings":""}

package/dist/esm/Components/Sections/Form/Password/Password.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { PasswordProps } from './types';
+declare const Password: React.FC<PasswordProps>;
+export default Password;

package/dist/esm/Components/Sections/Form/Password/Password.js

@@ -0,0 +1,107 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import React, { useEffect, useState } from 'react';
+import { TextBlock, Block, InlineMessage, Cell } from 'newskit';
+import { ButtonGroup, FormGrid } from '@newskit-render/shared-components';
+import onSubmit from '../onFormSubmit';
+import { useRouter } from 'next/router';
+import { getEditField, deleteFromLocalStorage, getFromLocalStorage, } from '../../../../helpers';
+import { useAccountContext } from '../../../../context';
+import { ContextName } from '../../../../context/types';
+var PASSWORD_URL_LIFETIME = process.env.PASSWORD_URL_LIFETIME || 900;
+var Password = function (_a) {
+    var _b;
+    var buttonGroupProps = _a.buttonGroupProps, resendButtonGroupProps = _a.resendButtonGroupProps, text = _a.text, textOverriders = _a.textOverriders, infoPanel = _a.infoPanel;
+    var contextName = ContextName.editField;
+    var _c = useAccountContext(contextName), data = _c.data, baseUrl = _c.baseUrl;
+    var email = getEditField(data, 'email').value;
+    var router = useRouter();
+    var _d = useState(false), hasSentEmail = _d[0], setHasSentEmail = _d[1];
+    useEffect(function () {
+        var sentEmailTimestamp = getFromLocalStorage('password');
+        if (sentEmailTimestamp) {
+            var secondsAfterEmailSent = Math.floor((Date.now() - parseInt(sentEmailTimestamp)) / 1000);
+            if (secondsAfterEmailSent > PASSWORD_URL_LIFETIME) {
+                // Delete the local storage key if a certain amount has passed
+                deleteFromLocalStorage('password');
+            }
+            else {
+                setHasSentEmail(true);
+            }
+        }
+    }, []);
+    var sendRequest = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var e_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, onSubmit({ password: '' }, 'password', router, undefined, undefined, baseUrl)];
+                case 1:
+                    _a.sent();
+                    return [3 /*break*/, 3];
+                case 2:
+                    e_1 = _a.sent();
+                    console.error(e_1);
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    var buttonGroup = hasSentEmail ? resendButtonGroupProps : buttonGroupProps;
+    return (React.createElement(FormGrid, { xsMargin: "space000", xsColumnGutter: "space000", xsRowGutter: "space000" },
+        text &&
+            text.map(function (p, i) { return (React.createElement(Block, { spaceStack: textOverriders === null || textOverriders === void 0 ? void 0 : textOverriders.spaceStack, key: i },
+                React.createElement(TextBlock, { stylePreset: textOverriders === null || textOverriders === void 0 ? void 0 : textOverriders.stylePreset, typographyPreset: textOverriders === null || textOverriders === void 0 ? void 0 : textOverriders.typographyPreset, dangerouslySetInnerHTML: { __html: p } }))); }),
+        hasSentEmail && infoPanel && (React.createElement(Cell, __assign({}, infoPanel.infoPanelCells),
+            React.createElement(InlineMessage, { icon: infoPanel.icon, title: infoPanel.title, children: (_b = infoPanel.children) === null || _b === void 0 ? void 0 : _b.toString().replace('{email}', email || ''), overrides: infoPanel.overrides || {} }),
+            React.createElement(Block, { spaceStack: infoPanel.spaceStack }))),
+        React.createElement(ButtonGroup, __assign({ hasError: false }, buttonGroup, { primaryButton: __assign({ onClick: sendRequest }, buttonGroup === null || buttonGroup === void 0 ? void 0 : buttonGroup.primaryButton) }))));
+};
+export default Password;
+//# sourceMappingURL=Password.js.map

package/dist/esm/Components/Sections/Form/Password/Password.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Password.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/Password/Password.tsx"],"names":[],"mappings":"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"}

package/dist/esm/Components/Sections/Form/Password/index.d.ts

@@ -0,0 +1,3 @@
+import Password from './Password';
+export * from './types';
+export default Password;

package/dist/esm/Components/Sections/Form/Password/index.js

@@ -0,0 +1,4 @@
+import Password from './Password';
+export * from './types';
+export default Password;
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/Sections/Form/Password/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/Password/index.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,cAAc,SAAS,CAAA;AACvB,eAAe,QAAQ,CAAA"}

package/dist/esm/Components/Sections/Form/Password/types.d.ts

@@ -0,0 +1,11 @@
+import { MQ } from 'newskit';
+import { FormWrapperProps, ButtonGroupProps } from '@newskit-render/shared-components';
+export interface PasswordProps extends FormWrapperProps {
+    text?: string[];
+    textOverriders?: {
+        stylePreset?: MQ<string>;
+        typographyPreset?: MQ<string>;
+        spaceStack?: MQ<string>;
+    };
+    resendButtonGroupProps: ButtonGroupProps;
+}

package/dist/esm/Components/Sections/Form/Password/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/Components/Sections/Form/Password/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/Password/types.ts"],"names":[],"mappings":""}

package/dist/esm/Components/Sections/Form/Payment/Stripe/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Theme } from 'newskit';
+import { FormWrapperProps } from '@newskit-render/shared-components';
+declare const _default: React.ComponentType<FormWrapperProps & {
+    theme?: Theme | undefined;
+}>;
+export default _default;

package/dist/esm/Components/Sections/Form/Payment/Stripe/index.js

@@ -0,0 +1,242 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useRef, useState } from 'react';
+import { CardCvcElement, CardExpiryElement, CardNumberElement, Elements, useElements, useStripe, } from '@stripe/react-stripe-js';
+import { loadStripe } from '@stripe/stripe-js/pure';
+import { TextInput, styled, Block, withTheme, getMediaQueryFromTheme, } from 'newskit';
+import { ButtonGroup, } from '@newskit-render/shared-components';
+import onFormSubmit from '../../onFormSubmit';
+import { useRouter } from 'next/router';
+import { useAccountContext, } from '../../../../../context';
+import { ContextName } from '../../../../../context/types';
+var PaymentElements = function (_a) {
+    var _b;
+    var buttonGroupProps = _a.buttonGroupProps, theme = _a.theme;
+    var contextName = ContextName.payment;
+    var stripe = useStripe();
+    var elements = useElements();
+    var router = useRouter();
+    var nameInput = useRef(null);
+    var _c = useState(false), hasError = _c[0], setHasError = _c[1];
+    var cardNumberRef = useRef(null);
+    var cardExpiryRef = useRef(null);
+    var cardCVCRef = useRef(null);
+    var expiryCaption = 'Date format: MM/YY';
+    var cvcCaption = 'Last 3 digits on the back or 4 on the front of your card';
+    var _d = useAccountContext(contextName), handleError = _d.handleError, handleSuccess = _d.handleSuccess, handleLoading = _d.handleLoading, baseUrl = _d.baseUrl, errorMessages = _d.errorMessages, genericErrorMessage = _d.genericErrorMessage;
+    var handleChangeElement = function (event) {
+        switch (event.elementType) {
+            case 'cardNumber':
+                return handleTextChange(cardNumberRef, event, '');
+            case 'cardExpiry':
+                return handleTextChange(cardExpiryRef, event, expiryCaption);
+            case 'cardCvc':
+                return handleTextChange(cardCVCRef, event, cvcCaption);
+        }
+    };
+    var handleTextChange = function (ref, event, successMessage) {
+        if (event.error && ref.current) {
+            ref.current.textContent = event.error.message;
+            ref.current.style.color = theme.colors['red070'];
+        }
+        else if (ref.current) {
+            ref.current.textContent = successMessage;
+            ref.current.style.color = theme.colors['neutral080'];
+        }
+    };
+    var Caption = styled.p(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    margin-bottom: 8px;\n    width: 100%;\n  "], ["\n    margin-bottom: 8px;\n    width: 100%;\n  "])));
+    var Subscript = styled.p(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    margin: 0px;\n    padding: 0px 5px;\n    margin-top: 6px;\n  "], ["\n    margin: 0px;\n    padding: 0px 5px;\n    margin-top: 6px;\n  "])));
+    var StyledInputWrapper = styled(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  "])));
+    var StyledNumberWrapper = styled(Block)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    min-height: 80px;\n  "], ["\n    min-height: 80px;\n  "])));
+    var StyledInputFlex = styled(Block)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    display: flex;\n    margin-bottom: 32px;\n  "], ["\n    display: flex;\n    margin-bottom: 32px;\n  "])));
+    var PaymentWrapper = styled(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  "])), getMediaQueryFromTheme('sm'));
+    var handleFormError = function () {
+        setHasError(true);
+        if (handleError)
+            handleError('payment', errorMessages, genericErrorMessage);
+    };
+    var onSubmit = function (e) { return __awaiter(void 0, void 0, void 0, function () {
+        var cardElement, _a, error, paymentMethod, result, parsedResult, confirmedPayment, error_1;
+        var _b, _c, _d, _e, _f;
+        return __generator(this, function (_g) {
+            switch (_g.label) {
+                case 0:
+                    e.preventDefault();
+                    if (!stripe || !elements) {
+                        // Stripe.js has not loaded yet. Make sure to disable
+                        // form submission until Stripe.js has loaded.
+                        return [2 /*return*/];
+                    }
+                    cardElement = elements.getElement(CardNumberElement);
+                    return [4 /*yield*/, stripe.createPaymentMethod({
+                            type: 'card',
+                            card: cardElement,
+                            billing_details: {
+                                name: (_b = nameInput.current) === null || _b === void 0 ? void 0 : _b.value,
+                            },
+                        })];
+                case 1:
+                    _a = _g.sent(), error = _a.error, paymentMethod = _a.paymentMethod;
+                    if (!error) return [3 /*break*/, 2];
+                    console.error('[error]', error);
+                    setHasError(true);
+                    if (handleError)
+                        handleError('payment', errorMessages, genericErrorMessage, error.message);
+                    return [3 /*break*/, 13];
+                case 2:
+                    setHasError(false);
+                    if (handleLoading)
+                        handleLoading('payment', errorMessages, genericErrorMessage);
+                    return [4 /*yield*/, onFormSubmit({ paymentMethodId: paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id, moto: false }, 'paymentMethodId', undefined, handleFormError, handleSuccess, baseUrl)];
+                case 3:
+                    result = _g.sent();
+                    _g.label = 4;
+                case 4:
+                    _g.trys.push([4, 12, , 13]);
+                    return [4 /*yield*/, result.json()];
+                case 5:
+                    parsedResult = _g.sent();
+                    if (!((_d = (_c = parsedResult === null || parsedResult === void 0 ? void 0 : parsedResult.data) === null || _c === void 0 ? void 0 : _c.stripeUpdatePaymentMethod) === null || _d === void 0 ? void 0 : _d.clientSecret)) return [3 /*break*/, 10];
+                    return [4 /*yield*/, stripe.confirmCardSetup(parsedResult.data.stripeUpdatePaymentMethod.clientSecret, {
+                            payment_method: {
+                                card: cardElement,
+                                billing_details: {
+                                    name: (_e = nameInput.current) === null || _e === void 0 ? void 0 : _e.value,
+                                },
+                            },
+                        })];
+                case 6:
+                    confirmedPayment = _g.sent();
+                    if (!(((_f = confirmedPayment === null || confirmedPayment === void 0 ? void 0 : confirmedPayment.setupIntent) === null || _f === void 0 ? void 0 : _f.status) === 'succeeded')) return [3 /*break*/, 8];
+                    return [4 /*yield*/, onFormSubmit({
+                            paymentMethodId: confirmedPayment.setupIntent.payment_method,
+                            moto: false,
+                        }, 'paymentMethodId', undefined, handleFormError, handleSuccess, baseUrl)];
+                case 7:
+                    _g.sent();
+                    if (handleSuccess)
+                        handleSuccess();
+                    if (baseUrl)
+                        router.push(baseUrl + "/subscription-and-billing?success=payment");
+                    return [3 /*break*/, 9];
+                case 8:
+                    if (confirmedPayment === null || confirmedPayment === void 0 ? void 0 : confirmedPayment.error) {
+                        setHasError(true);
+                        if (handleError)
+                            handleError('payment', errorMessages, genericErrorMessage, confirmedPayment === null || confirmedPayment === void 0 ? void 0 : confirmedPayment.error.message);
+                    }
+                    _g.label = 9;
+                case 9: return [3 /*break*/, 11];
+                case 10:
+                    if (handleSuccess)
+                        handleSuccess();
+                    if (baseUrl)
+                        router.push(baseUrl + "/subscription-and-billing?success=payment");
+                    _g.label = 11;
+                case 11: return [3 /*break*/, 13];
+                case 12:
+                    error_1 = _g.sent();
+                    console.error(error_1);
+                    setHasError(true);
+                    if (handleError)
+                        handleError('payment', { error: error_1.message });
+                    return [3 /*break*/, 13];
+                case 13: return [2 /*return*/];
+            }
+        });
+    }); };
+    //Remove font family from typography, because it breaks the styling
+    var typographyPreset = Object.assign({}, (_b = theme.typographyPresets) === null || _b === void 0 ? void 0 : _b['utilityBody020']);
+    delete typographyPreset.fontFamily;
+    return (React.createElement(PaymentWrapper, null,
+        React.createElement("style", null, "\n        .stripe-input{\n          padding: 16px;\n          font-family: \"Noto Sans\",sans-serif;\n        }\n        .stripe-input:hover{\n          background-color: #fafafa;\n        }\n        .stripe-input.StripeElement--focus {\n          outline: -webkit-focus-ring-color auto 1px;\n\n        }\n        "),
+        React.createElement(TextInput, { ref: nameInput, label: "Name on card", name: "name" }),
+        React.createElement(Caption, null, "Card number"),
+        React.createElement(StyledNumberWrapper, null,
+            React.createElement(CardNumberElement, { options: {
+                    showIcon: true,
+                }, className: 'stripe-input', onChange: handleChangeElement }),
+            React.createElement(Subscript, { ref: cardNumberRef }, " ")),
+        React.createElement(StyledInputFlex, null,
+            React.createElement(StyledInputWrapper, null,
+                React.createElement(Caption, null, "Expiry date"),
+                React.createElement(CardExpiryElement, { className: 'stripe-input', onChange: handleChangeElement }),
+                React.createElement(Subscript, { ref: cardExpiryRef }, expiryCaption)),
+            React.createElement(StyledInputWrapper, null,
+                React.createElement(Caption, null, "Security code"),
+                React.createElement(CardCvcElement, { className: 'stripe-input', onChange: handleChangeElement }),
+                React.createElement(Subscript, { ref: cardCVCRef }, cvcCaption))),
+        React.createElement(ButtonGroup, __assign({}, buttonGroupProps, { primaryButton: __assign(__assign({}, buttonGroupProps === null || buttonGroupProps === void 0 ? void 0 : buttonGroupProps.primaryButton), { onClick: onSubmit }), hasError: hasError }))));
+};
+var Payment = function (_a) {
+    var theme = _a.theme, formProps = __rest(_a, ["theme"]);
+    if (globalThis && !globalThis.stripeMemo) {
+        loadStripe.setLoadParameters({ advancedFraudSignals: false });
+        globalThis.stripeMemo = loadStripe(process.env.STRIPE_KEY || 'pk_test_NF8QJSH780UFA7tLvSrFdU36002fCTkfzI');
+    }
+    return (React.createElement(Elements, { stripe: globalThis.stripeMemo },
+        React.createElement(PaymentElements, __assign({}, formProps, { theme: theme }))));
+};
+export default withTheme(Payment);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=index.js.map