@bloom-housing/ui-components 7.1.0 → 7.2.0

package/dist/src/page_components/listing/listing_sidebar/events/EventSection.stories.js

@@ -0,0 +1,160 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TitleCapitalizedDate = exports.FragmentNote = exports.MultipleSections = exports.PageSectionHeader = exports.MultipleEvents = exports.LongStrings = exports.Note = exports.URL = exports.NoTime = exports.SingleTime = exports.TimeRange = exports.NoFields = void 0;
+var React = __importStar(require("react"));
+var EventSection_1 = __importDefault(require("./EventSection"));
+exports.default = {
+    title: "Listing Sidebar/Events/Event Section",
+};
+var NoFields = function () {
+    var events = [];
+    return React.createElement(EventSection_1.default, { events: events, headerText: "Open Houses" });
+};
+exports.NoFields = NoFields;
+var TimeRange = function () {
+    var events = [{ dateString: "July 22, 2022", timeString: "3:00pm - 10:00pm" }];
+    return React.createElement(EventSection_1.default, { events: events, headerText: "Open Houses" });
+};
+exports.TimeRange = TimeRange;
+var SingleTime = function () {
+    var events = [{ dateString: "December 30, 2022", timeString: "10:00am" }];
+    return React.createElement(EventSection_1.default, { events: events, headerText: "Open Houses" });
+};
+exports.SingleTime = SingleTime;
+var NoTime = function () {
+    var events = [{ dateString: "July 22, 2022" }];
+    return React.createElement(EventSection_1.default, { events: events, headerText: "Lottery Results" });
+};
+exports.NoTime = NoTime;
+var URL = function () {
+    var events = [
+        {
+            dateString: "November 22, 2022",
+            timeString: "10:00am - 11:00am",
+            linkURL: "https://www.exygy.com",
+            linkText: "See Video",
+        },
+    ];
+    return React.createElement(EventSection_1.default, { events: events, headerText: "Open Houses" });
+};
+exports.URL = URL;
+var Note = function () {
+    var events = [
+        {
+            dateString: "November 22, 2022",
+            timeString: "10:00am - 11:00am",
+            note: "Virtual lottery (not in person). We will post a link to the virtual lottery on February 23rd. Check back then.",
+        },
+    ];
+    return React.createElement(EventSection_1.default, { events: events, headerText: "Lottery", sectionHeader: true });
+};
+exports.Note = Note;
+var LongStrings = function () {
+    var events = [
+        {
+            dateString: "This is a long date string",
+            timeString: "This is a long time string",
+        },
+    ];
+    return React.createElement(EventSection_1.default, { events: events, headerText: "Open Houses" });
+};
+exports.LongStrings = LongStrings;
+var MultipleEvents = function () {
+    var events = [
+        {
+            dateString: "November 22, 2022",
+            timeString: "10:00am - 11:00am",
+            linkURL: "https://www.exygy.com",
+            linkText: "See Video",
+        },
+        {
+            dateString: "November 25, 2022",
+            timeString: "5:00pm",
+            linkURL: "https://www.exygy.com",
+            linkText: "Agenda",
+        },
+    ];
+    return React.createElement(EventSection_1.default, { events: events, headerText: "Open Houses" });
+};
+exports.MultipleEvents = MultipleEvents;
+var PageSectionHeader = function () {
+    var events = [
+        {
+            dateString: "November 22, 2022",
+            timeString: "10:00am - 11:00am",
+            linkURL: "https://www.exygy.com",
+            linkText: "See Video",
+        },
+        {
+            dateString: "November 25, 2022",
+            timeString: "5:00pm",
+            linkURL: "https://www.exygy.com",
+            linkText: "Agenda",
+        },
+    ];
+    return React.createElement(EventSection_1.default, { events: events, headerText: "Open Houses", sectionHeader: true });
+};
+exports.PageSectionHeader = PageSectionHeader;
+var MultipleSections = function () {
+    var events = [
+        {
+            dateString: "November 22, 2022",
+            timeString: "10:00am - 11:00am",
+            note: "Event note",
+        },
+    ];
+    return (React.createElement(React.Fragment, null,
+        React.createElement(EventSection_1.default, { events: events, headerText: "Open Houses" }),
+        React.createElement(EventSection_1.default, { events: events, headerText: "Informational Sessions" })));
+};
+exports.MultipleSections = MultipleSections;
+var FragmentNote = function () {
+    var note = function () {
+        return (React.createElement("p", null,
+            "I'm a ",
+            React.createElement("a", { href: "https://www.exygy.com" }, "fragment note"),
+            "."));
+    };
+    var events = [
+        {
+            dateString: "November 22, 2022",
+            timeString: "10:00am - 11:00am",
+            note: note(),
+        },
+    ];
+    return (React.createElement(React.Fragment, null,
+        React.createElement(EventSection_1.default, { events: events, headerText: "Open Houses" })));
+};
+exports.FragmentNote = FragmentNote;
+var TitleCapitalizedDate = function () {
+    var events = [{ dateString: "July 22, 2022" }];
+    return React.createElement(EventSection_1.default, { events: events, headerText: "Lottery Results", dateClassName: "normal-case" });
+};
+exports.TitleCapitalizedDate = TitleCapitalizedDate;
+//# sourceMappingURL=EventSection.stories.js.map

package/dist/src/page_components/listing/listing_sidebar/events/EventSection.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventSection.stories.js","sourceRoot":"","sources":["../../../../../../src/page_components/listing/listing_sidebar/events/EventSection.stories.tsx"],"names":[],"mappings":"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"}

package/dist/src/page_components/sign-in/FormSignIn.d.ts

@@ -0,0 +1,33 @@
+import type { UseFormMethods } from "react-hook-form";
+import { AlertTypes } from "../../notifications/alertTypes";
+export declare type NetworkErrorDetermineError = (status: number, error: Error) => void;
+export declare type NetworkStatusType = AlertTypes;
+export declare type NetworkErrorReset = () => void;
+export declare type NetworkStatusContent = {
+    title: string;
+    description: string;
+    error?: boolean;
+} | null;
+export declare type NetworkStatus = {
+    content: NetworkStatusContent;
+    type?: NetworkStatusType;
+    reset: NetworkErrorReset;
+};
+export declare type FormSignInProps = {
+    control: FormSignInControl;
+    onSubmit: (data: FormSignInValues) => void;
+    networkStatus: NetworkStatus;
+    showRegisterBtn?: boolean;
+};
+export declare type FormSignInControl = {
+    errors: UseFormMethods["errors"];
+    handleSubmit: UseFormMethods["handleSubmit"];
+    register: UseFormMethods["register"];
+    watch: UseFormMethods["watch"];
+};
+export declare type FormSignInValues = {
+    email: string;
+    password: string;
+};
+declare const FormSignIn: ({ onSubmit, networkStatus, showRegisterBtn, control: { errors, register, handleSubmit }, }: FormSignInProps) => JSX.Element;
+export { FormSignIn as default, FormSignIn };

package/dist/src/page_components/sign-in/FormSignIn.js

@@ -0,0 +1,55 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormSignIn = exports.default = void 0;
+var react_1 = __importStar(require("react"));
+var __1 = require("../../..");
+var NavigationContext_1 = require("../../config/NavigationContext");
+var FormSignIn = function (_a) {
+    var onSubmit = _a.onSubmit, networkStatus = _a.networkStatus, showRegisterBtn = _a.showRegisterBtn, _b = _a.control, errors = _b.errors, register = _b.register, handleSubmit = _b.handleSubmit;
+    var onError = function () {
+        window.scrollTo(0, 0);
+    };
+    var LinkComponent = (0, react_1.useContext)(NavigationContext_1.NavigationContext).LinkComponent;
+    return (react_1.default.createElement(__1.FormCard, null,
+        react_1.default.createElement("div", { className: "form-card__lead text-center" },
+            react_1.default.createElement(__1.Icon, { size: "2xl", symbol: "profile" }),
+            react_1.default.createElement("h1", { className: "form-card__title" }, (0, __1.t)("nav.signIn"))),
+        react_1.default.createElement(__1.FormSignInErrorBox, { errors: errors, networkStatus: networkStatus, errorMessageId: "main-sign-in" }),
+        react_1.default.createElement("div", { className: "form-card__group pt-0" },
+            react_1.default.createElement(__1.Form, { id: "sign-in", className: "mt-10", onSubmit: handleSubmit(onSubmit, onError) },
+                react_1.default.createElement(__1.Field, { caps: true, name: "email", label: (0, __1.t)("t.email"), validation: { required: true }, error: errors.email, errorMessage: (0, __1.t)("authentication.signIn.enterLoginEmail"), register: register, dataTestId: "sign-in-email-field" }),
+                react_1.default.createElement("aside", { className: "float-right text-tiny font-semibold" },
+                    react_1.default.createElement(LinkComponent, { href: "/forgot-password" }, (0, __1.t)("authentication.signIn.forgotPassword"))),
+                react_1.default.createElement(__1.Field, { caps: true, name: "password", label: (0, __1.t)("authentication.createAccount.password"), validation: { required: true }, error: errors.password, errorMessage: (0, __1.t)("authentication.signIn.enterLoginPassword"), register: register, type: "password", dataTestId: "sign-in-password-field" }),
+                react_1.default.createElement("div", { className: "text-center mt-6" },
+                    react_1.default.createElement(__1.Button, { styleType: __1.AppearanceStyleType.primary, "data-test-id": "sign-in-button" }, (0, __1.t)("nav.signIn"))))),
+        showRegisterBtn && (react_1.default.createElement("div", { className: "form-card__group text-center border-t" },
+            react_1.default.createElement("h2", { className: "mb-6" }, (0, __1.t)("authentication.createAccount.noAccount")),
+            react_1.default.createElement(__1.LinkButton, { href: "/create-account" }, (0, __1.t)("account.createAccount"))))));
+};
+exports.default = FormSignIn;
+exports.FormSignIn = FormSignIn;
+//# sourceMappingURL=FormSignIn.js.map

package/dist/src/page_components/sign-in/FormSignIn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSignIn.js","sourceRoot":"","sources":["../../../../src/page_components/sign-in/FormSignIn.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAC1C,8BAUkB;AAElB,oEAAmE;AAwCnE,IAAM,UAAU,GAAG,UAAC,EAKF;QAJhB,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,eAA2C,EAAhC,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAE,YAAY,kBAAA;IAEzC,IAAM,OAAO,GAAG;QACd,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACxB,CAAC,CAAC;IACM,IAAA,aAAa,GAAK,IAAA,kBAAU,EAAC,qCAAiB,CAAC,cAAlC,CAAmC;IAExD,OAAO,CACL,8BAAC,YAAQ;QACP,uCAAK,SAAS,EAAC,6BAA6B;YAC1C,8BAAC,QAAI,IAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAC,SAAS,GAAG;YACpC,sCAAI,SAAS,EAAC,kBAAkB,IAAE,IAAA,KAAC,EAAC,YAAY,CAAC,CAAM,CACnD;QACN,8BAAC,sBAAkB,IACjB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,GAC9B;QACF,uCAAK,SAAS,EAAC,uBAAuB;YACpC,8BAAC,QAAI,IACH,EAAE,EAAC,SAAS,EACZ,SAAS,EAAC,OAAO,EACjB,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC;gBAEzC,8BAAC,SAAK,IACJ,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAA,KAAC,EAAC,SAAS,CAAC,EACnB,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAC9B,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,YAAY,EAAE,IAAA,KAAC,EAAC,uCAAuC,CAAC,EACxD,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAC,qBAAqB,GAChC;gBAEF,yCAAO,SAAS,EAAC,qCAAqC;oBACpD,8BAAC,aAAa,IAAC,IAAI,EAAC,kBAAkB,IACnC,IAAA,KAAC,EAAC,sCAAsC,CAAC,CAC5B,CACV;gBAER,8BAAC,SAAK,IACJ,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,IAAA,KAAC,EAAC,uCAAuC,CAAC,EACjD,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAC9B,KAAK,EAAE,MAAM,CAAC,QAAQ,EACtB,YAAY,EAAE,IAAA,KAAC,EAAC,0CAA0C,CAAC,EAC3D,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,UAAU,EACf,UAAU,EAAC,wBAAwB,GACnC;gBAEF,uCAAK,SAAS,EAAC,kBAAkB;oBAC/B,8BAAC,UAAM,IACL,SAAS,EAAE,uBAAmB,CAAC,OAAO,kBACzB,gBAAgB,IAE5B,IAAA,KAAC,EAAC,YAAY,CAAC,CACT,CACL,CACD,CACH;QACL,eAAe,IAAI,CAClB,uCAAK,SAAS,EAAC,uCAAuC;YACpD,sCAAI,SAAS,EAAC,MAAM,IACjB,IAAA,KAAC,EAAC,wCAAwC,CAAC,CACzC;YAEL,8BAAC,cAAU,IAAC,IAAI,EAAC,iBAAiB,IAC/B,IAAA,KAAC,EAAC,uBAAuB,CAAC,CAChB,CACT,CACP,CACQ,CACZ,CAAC;AACJ,CAAC,CAAC;AAEqB,6BAAO;AAAE,gCAAU"}

package/dist/src/page_components/sign-in/FormSignInAddPhone.d.ts

@@ -0,0 +1,18 @@
+import type { UseFormMethods } from "react-hook-form";
+import { NetworkStatus } from "./FormSignIn";
+export declare type FormSignInAddPhoneProps = {
+    control: FormSignInAddPhoneControl;
+    onSubmit: (data: FormSignInAddPhoneValues) => void;
+    networkError: NetworkStatus;
+    phoneNumber: string;
+};
+export declare type FormSignInAddPhoneControl = {
+    errors: UseFormMethods["errors"];
+    handleSubmit: UseFormMethods["handleSubmit"];
+    control: UseFormMethods["control"];
+};
+export declare type FormSignInAddPhoneValues = {
+    phoneNumber: string;
+};
+declare const FormSignInAddPhone: ({ onSubmit, networkError, control, phoneNumber, }: FormSignInAddPhoneProps) => JSX.Element;
+export { FormSignInAddPhone as default, FormSignInAddPhone };

package/dist/src/page_components/sign-in/FormSignInAddPhone.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormSignInAddPhone = exports.default = void 0;
+var react_1 = __importDefault(require("react"));
+var __1 = require("../../..");
+var FormSignInAddPhone = function (_a) {
+    var onSubmit = _a.onSubmit, networkError = _a.networkError, control = _a.control, phoneNumber = _a.phoneNumber;
+    var onError = function () {
+        window.scrollTo(0, 0);
+    };
+    var errors = control.errors, handleSubmit = control.handleSubmit;
+    return (react_1.default.createElement(__1.FormCard, null,
+        react_1.default.createElement("div", { className: "form-card__lead text-center" },
+            react_1.default.createElement(__1.Icon, { size: "2xl", symbol: "profile", className: "form-card__header-icon" }),
+            react_1.default.createElement("h2", { className: "form-card__title is-borderless" }, (0, __1.t)("nav.signInMFA.addNumber")),
+            react_1.default.createElement("p", { className: "form-card__sub-title" }, (0, __1.t)("nav.signInMFA.addNumberSecondaryTitle"))),
+        react_1.default.createElement(__1.FormSignInErrorBox, { errors: errors, networkStatus: networkError, errorMessageId: "add-phone" }),
+        react_1.default.createElement(__1.SiteAlert, { type: "notice", dismissable: true }),
+        react_1.default.createElement("div", { className: "form-card__group pt-0" },
+            react_1.default.createElement(__1.Form, { id: "sign-in-mfa", className: "mt-10", onSubmit: handleSubmit(onSubmit, onError) },
+                react_1.default.createElement(__1.PhoneField, { label: (0, __1.t)("nav.signInMFA.phoneNumber"), caps: true, required: true, id: "phoneNumber", name: "phoneNumber", error: errors.phoneNumber, errorMessage: (0, __1.t)("errors.phoneNumberError"), controlClassName: "control", control: control.control, dataTestId: "sign-in-phone-number-field", defaultValue: phoneNumber }),
+                react_1.default.createElement("div", { className: "text-center mt-10" },
+                    react_1.default.createElement(__1.Button, { styleType: __1.AppearanceStyleType.primary, "data-test-id": "request-mfa-code-and-add-phone" }, (0, __1.t)("nav.signInMFA.addPhoneNumber")))))));
+};
+exports.default = FormSignInAddPhone;
+exports.FormSignInAddPhone = FormSignInAddPhone;
+//# sourceMappingURL=FormSignInAddPhone.js.map

package/dist/src/page_components/sign-in/FormSignInAddPhone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSignInAddPhone.js","sourceRoot":"","sources":["../../../../src/page_components/sign-in/FormSignInAddPhone.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAC1B,8BAUkB;AAqBlB,IAAM,kBAAkB,GAAG,UAAC,EAKF;QAJxB,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,OAAO,aAAA,EACP,WAAW,iBAAA;IAEX,IAAM,OAAO,GAAG;QACd,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACxB,CAAC,CAAC;IACM,IAAA,MAAM,GAAmB,OAAO,OAA1B,EAAE,YAAY,GAAK,OAAO,aAAZ,CAAa;IACzC,OAAO,CACL,8BAAC,YAAQ;QACP,uCAAK,SAAS,EAAC,6BAA6B;YAC1C,8BAAC,QAAI,IAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,EAAC,wBAAwB,GAAG;YACvE,sCAAI,SAAS,EAAC,gCAAgC,IAC3C,IAAA,KAAC,EAAC,yBAAyB,CAAC,CAC1B;YACL,qCAAG,SAAS,EAAC,sBAAsB,IAChC,IAAA,KAAC,EAAC,uCAAuC,CAAC,CACzC,CACA;QACN,8BAAC,sBAAkB,IACjB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,YAAY,EAC3B,cAAc,EAAE,WAAW,GAC3B;QAEF,8BAAC,aAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,WAAW,SAAG;QACvC,uCAAK,SAAS,EAAC,uBAAuB;YACpC,8BAAC,QAAI,IACH,EAAE,EAAC,aAAa,EAChB,SAAS,EAAC,OAAO,EACjB,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC;gBAEzC,8BAAC,cAAU,IACT,KAAK,EAAE,IAAA,KAAC,EAAC,2BAA2B,CAAC,EACrC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,IAAI,EACd,EAAE,EAAC,aAAa,EAChB,IAAI,EAAC,aAAa,EAClB,KAAK,EAAE,MAAM,CAAC,WAAW,EACzB,YAAY,EAAE,IAAA,KAAC,EAAC,yBAAyB,CAAC,EAC1C,gBAAgB,EAAC,SAAS,EAC1B,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,UAAU,EAAE,4BAA4B,EACxC,YAAY,EAAE,WAAW,GACzB;gBAEF,uCAAK,SAAS,EAAC,mBAAmB;oBAChC,8BAAC,UAAM,IACL,SAAS,EAAE,uBAAmB,CAAC,OAAO,kBACzB,gCAAgC,IAE5C,IAAA,KAAC,EAAC,8BAA8B,CAAC,CAC3B,CACL,CACD,CACH,CACG,CACZ,CAAC;AACJ,CAAC,CAAC;AAE6B,qCAAO;AAAE,gDAAkB"}

package/dist/src/page_components/sign-in/FormSignInErrorBox.d.ts

@@ -0,0 +1,13 @@
+import type { UseFormMethods } from "react-hook-form";
+import { NetworkStatus } from "./FormSignIn";
+export declare type FormSignInErrorBoxProps = {
+    errors: FormSignInErrorBoxControl["errors"];
+    networkStatus: NetworkStatus;
+    errorMessageId: string;
+};
+export declare type FormSignInErrorBoxControl = {
+    errors: UseFormMethods["errors"];
+    control: UseFormMethods["control"];
+};
+declare const FormSignInErrorBox: ({ networkStatus, errors, errorMessageId, }: FormSignInErrorBoxProps) => JSX.Element;
+export { FormSignInErrorBox as default, FormSignInErrorBox };

package/dist/src/page_components/sign-in/FormSignInErrorBox.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormSignInErrorBox = exports.default = void 0;
+var react_1 = __importDefault(require("react"));
+var __1 = require("../../..");
+var FormSignInErrorBox = function (_a) {
+    var _b, _c, _d;
+    var networkStatus = _a.networkStatus, errors = _a.errors, errorMessageId = _a.errorMessageId;
+    return (react_1.default.createElement("div", { className: "border-b" },
+        Object.entries(errors).length > 0 && !networkStatus.content && (react_1.default.createElement(__1.AlertBox, { type: "alert", inverted: true, closeable: true }, errors.authentication
+            ? errors.authentication.message
+            : (0, __1.t)("errors.errorsToResolve"))),
+        ((_b = networkStatus.content) === null || _b === void 0 ? void 0 : _b.error) && Object.entries(errors).length === 0 && (react_1.default.createElement(__1.ErrorMessage, { id: "form-sign-in-".concat(errorMessageId, "-error"), error: !!networkStatus.content, className: "block mt-0 leading-normal text-alert" },
+            react_1.default.createElement(__1.AlertBox, { type: "alert", inverted: true, onClose: function () { return networkStatus.reset(); } }, networkStatus.content.title),
+            react_1.default.createElement(__1.AlertNotice, { title: "", type: "alert", inverted: true }, networkStatus.content.description))),
+        networkStatus.type === "success" && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(__1.AlertBox, { type: "success", inverted: true, onClose: function () { return networkStatus.reset(); } }, (_c = networkStatus.content) === null || _c === void 0 ? void 0 : _c.title),
+            react_1.default.createElement(__1.AlertNotice, { title: "", type: "success", inverted: true }, (_d = networkStatus.content) === null || _d === void 0 ? void 0 : _d.description))),
+        react_1.default.createElement(__1.SiteAlert, { type: "notice", dismissable: true })));
+};
+exports.default = FormSignInErrorBox;
+exports.FormSignInErrorBox = FormSignInErrorBox;
+//# sourceMappingURL=FormSignInErrorBox.js.map

package/dist/src/page_components/sign-in/FormSignInErrorBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSignInErrorBox.js","sourceRoot":"","sources":["../../../../src/page_components/sign-in/FormSignInErrorBox.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAC1B,8BAA6E;AAe7E,IAAM,kBAAkB,GAAG,UAAC,EAIF;;QAHxB,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,cAAc,oBAAA;IAEd,OAAO,CACL,uCAAK,SAAS,EAAC,UAAU;QACtB,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,IAAI,CAC9D,8BAAC,YAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,QAAC,SAAS,UACtC,MAAM,CAAC,cAAc;YACpB,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,OAAO;YAC/B,CAAC,CAAC,IAAA,KAAC,EAAC,wBAAwB,CAAC,CACtB,CACZ;QAEA,CAAA,MAAA,aAAa,CAAC,OAAO,0CAAE,KAAK,KAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC,IAAI,CACtE,8BAAC,gBAAY,IACX,EAAE,EAAE,uBAAgB,cAAc,WAAQ,EAC1C,KAAK,EAAE,CAAC,CAAC,aAAa,CAAC,OAAO,EAC9B,SAAS,EAAC,sCAAsC;YAEhD,8BAAC,YAAQ,IACP,IAAI,EAAE,OAAO,EACb,QAAQ,QACR,OAAO,EAAE,cAAM,OAAA,aAAa,CAAC,KAAK,EAAE,EAArB,CAAqB,IAEnC,aAAa,CAAC,OAAO,CAAC,KAAK,CACnB;YAEX,8BAAC,eAAW,IAAC,KAAK,EAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,UACxC,aAAa,CAAC,OAAO,CAAC,WAAW,CACtB,CACD,CAChB;QAEA,aAAa,CAAC,IAAI,KAAK,SAAS,IAAI,CACnC;YACE,8BAAC,YAAQ,IACP,IAAI,EAAC,SAAS,EACd,QAAQ,QACR,OAAO,EAAE,cAAM,OAAA,aAAa,CAAC,KAAK,EAAE,EAArB,CAAqB,IAEnC,MAAA,aAAa,CAAC,OAAO,0CAAE,KAAK,CACpB;YAEX,8BAAC,eAAW,IAAC,KAAK,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,UAC1C,MAAA,aAAa,CAAC,OAAO,0CAAE,WAAW,CACvB,CACb,CACJ;QAED,8BAAC,aAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,WAAW,SAAG,CACnC,CACP,CAAC;AACJ,CAAC,CAAC;AAE6B,qCAAO;AAAE,gDAAkB"}

package/dist/src/page_components/sign-in/FormSignInMFACode.d.ts

@@ -0,0 +1,19 @@
+import { NetworkStatus, FormSignInControl } from "./FormSignIn";
+export declare enum RequestType {
+    email = "email",
+    sms = "sms"
+}
+export declare type FormSignInMFACodeProps = {
+    control: FormSignInControl;
+    onSubmit: (data: FormSignInMFACodeValues) => void;
+    networkError: NetworkStatus;
+    mfaType: RequestType;
+    allowPhoneNumberEdit: boolean;
+    phoneNumber: string;
+    goBackToPhone: () => void;
+};
+export declare type FormSignInMFACodeValues = {
+    mfaCode: string;
+};
+declare const FormSignInMFACode: ({ onSubmit, networkError, control: { errors, register, handleSubmit }, mfaType, allowPhoneNumberEdit, phoneNumber, goBackToPhone, }: FormSignInMFACodeProps) => JSX.Element;
+export { FormSignInMFACode as default, FormSignInMFACode };

package/dist/src/page_components/sign-in/FormSignInMFACode.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormSignInMFACode = exports.default = exports.RequestType = void 0;
+var react_1 = __importDefault(require("react"));
+var __1 = require("../../..");
+var RequestType;
+(function (RequestType) {
+    RequestType["email"] = "email";
+    RequestType["sms"] = "sms";
+})(RequestType = exports.RequestType || (exports.RequestType = {}));
+var FormSignInMFACode = function (_a) {
+    var onSubmit = _a.onSubmit, networkError = _a.networkError, _b = _a.control, errors = _b.errors, register = _b.register, handleSubmit = _b.handleSubmit, mfaType = _a.mfaType, allowPhoneNumberEdit = _a.allowPhoneNumberEdit, phoneNumber = _a.phoneNumber, goBackToPhone = _a.goBackToPhone;
+    var onError = function () {
+        window.scrollTo(0, 0);
+    };
+    var note;
+    if (allowPhoneNumberEdit) {
+        note = (react_1.default.createElement(react_1.default.Fragment, null,
+            (0, __1.t)("nav.signInMFA.sentTo", { phoneNumber: phoneNumber }),
+            " ",
+            react_1.default.createElement(__1.Button, { unstyled: true, className: ".field-note underline cursor-pointer font-semibold m-0", onClick: function () { return goBackToPhone(); } },
+                " ",
+                (0, __1.t)("nav.signInMFA.editPhoneNumber"),
+                " ")));
+    }
+    return (react_1.default.createElement(__1.FormCard, null,
+        react_1.default.createElement("div", { className: "form-card__lead text-center" },
+            react_1.default.createElement(__1.Icon, { size: "2xl", symbol: "profile", className: "form-card__header-icon" }),
+            react_1.default.createElement("h2", { className: "form-card__title is-borderless" }, (0, __1.t)("nav.signInMFA.verifyTitle")),
+            react_1.default.createElement("p", { className: "form-card__sub-title" }, mfaType === RequestType.sms
+                ? (0, __1.t)("nav.signInMFA.haveSentCodeToPhone")
+                : (0, __1.t)("nav.signInMFA.haveSentCodeToEmail"))),
+        react_1.default.createElement(__1.FormSignInErrorBox, { errors: errors, networkStatus: networkError, errorMessageId: "mfa-code" }),
+        react_1.default.createElement(__1.SiteAlert, { type: "notice", dismissable: true }),
+        react_1.default.createElement("div", { className: "form-card__group pt-0" },
+            react_1.default.createElement(__1.Form, { id: "sign-in-mfa", className: "mt-10", onSubmit: handleSubmit(onSubmit, onError) },
+                react_1.default.createElement(__1.Field, { caps: true, name: "mfaCode", label: (0, __1.t)("nav.signInMFA.code"), validation: { required: true }, error: errors.mfaCode, errorMessage: (0, __1.t)("nav.signInMFA.noMFACode"), register: register, dataTestId: "sign-in-mfa-code-field", note: note }),
+                react_1.default.createElement("div", { className: "text-center mt-10" },
+                    react_1.default.createElement(__1.Button, { styleType: __1.AppearanceStyleType.primary, "data-test-id": "verify-and-sign-in" }, (0, __1.t)("nav.signInMFA.signIn")))))));
+};
+exports.default = FormSignInMFACode;
+exports.FormSignInMFACode = FormSignInMFACode;
+//# sourceMappingURL=FormSignInMFACode.js.map

package/dist/src/page_components/sign-in/FormSignInMFACode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSignInMFACode.js","sourceRoot":"","sources":["../../../../src/page_components/sign-in/FormSignInMFACode.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAC1B,8BAUkB;AAGlB,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,8BAAe,CAAA;IACf,0BAAW,CAAA;AACb,CAAC,EAHW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAGtB;AAgBD,IAAM,iBAAiB,GAAG,UAAC,EAQF;QAPvB,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,eAA2C,EAAhC,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAE,YAAY,kBAAA,EACzC,OAAO,aAAA,EACP,oBAAoB,0BAAA,EACpB,WAAW,iBAAA,EACX,aAAa,mBAAA;IAEb,IAAM,OAAO,GAAG;QACd,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,IAAI,IAAI,CAAC;IACT,IAAI,oBAAoB,EAAE;QACxB,IAAI,GAAG,CACL;YACG,IAAA,KAAC,EAAC,sBAAsB,EAAE,EAAE,WAAW,aAAA,EAAE,CAAC;YAAE,GAAG;YAChD,8BAAC,UAAM,IACL,QAAQ,EAAE,IAAI,EACd,SAAS,EAAC,wDAAwD,EAClE,OAAO,EAAE,cAAM,OAAA,aAAa,EAAE,EAAf,CAAe;gBAE7B,GAAG;gBACH,IAAA,KAAC,EAAC,+BAA+B,CAAC;gBAAE,GAAG,CACjC,CACR,CACJ,CAAC;KACH;IAED,OAAO,CACL,8BAAC,YAAQ;QACP,uCAAK,SAAS,EAAC,6BAA6B;YAC1C,8BAAC,QAAI,IAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,EAAC,wBAAwB,GAAG;YACvE,sCAAI,SAAS,EAAC,gCAAgC,IAC3C,IAAA,KAAC,EAAC,2BAA2B,CAAC,CAC5B;YACL,qCAAG,SAAS,EAAC,sBAAsB,IAChC,OAAO,KAAK,WAAW,CAAC,GAAG;gBAC1B,CAAC,CAAC,IAAA,KAAC,EAAC,mCAAmC,CAAC;gBACxC,CAAC,CAAC,IAAA,KAAC,EAAC,mCAAmC,CAAC,CACxC,CACA;QACN,8BAAC,sBAAkB,IACjB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,YAAY,EAC3B,cAAc,EAAE,UAAU,GAC1B;QAEF,8BAAC,aAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,WAAW,SAAG;QACvC,uCAAK,SAAS,EAAC,uBAAuB;YACpC,8BAAC,QAAI,IACH,EAAE,EAAC,aAAa,EAChB,SAAS,EAAC,OAAO,EACjB,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC;gBAEzC,8BAAC,SAAK,IACJ,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,IAAA,KAAC,EAAC,oBAAoB,CAAC,EAC9B,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAC9B,KAAK,EAAE,MAAM,CAAC,OAAO,EACrB,YAAY,EAAE,IAAA,KAAC,EAAC,yBAAyB,CAAC,EAC1C,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAC,wBAAwB,EACnC,IAAI,EAAE,IAAI,GACV;gBACF,uCAAK,SAAS,EAAC,mBAAmB;oBAChC,8BAAC,UAAM,IACL,SAAS,EAAE,uBAAmB,CAAC,OAAO,kBACzB,oBAAoB,IAEhC,IAAA,KAAC,EAAC,sBAAsB,CAAC,CACnB,CACL,CACD,CACH,CACG,CACZ,CAAC;AACJ,CAAC,CAAC;AAE4B,oCAAO;AAAE,8CAAiB"}

package/dist/src/page_components/sign-in/FormSignInMFAType.d.ts

@@ -0,0 +1,17 @@
+import type { UseFormMethods } from "react-hook-form";
+import { NetworkStatus } from "./FormSignIn";
+export declare type FormSignInMFAProps = {
+    control: FormSignInMFAControl;
+    onSubmit: (data: unknown) => void;
+    networkError: NetworkStatus;
+    emailOnClick: () => void;
+    smsOnClick: () => void;
+};
+export declare type FormSignInMFAControl = {
+    errors: UseFormMethods["errors"];
+    handleSubmit: UseFormMethods["handleSubmit"];
+    register: UseFormMethods["register"];
+    setValue: UseFormMethods["setValue"];
+};
+declare const FormSignInMFAType: ({ onSubmit, networkError, control: { errors, register, handleSubmit }, emailOnClick, smsOnClick, }: FormSignInMFAProps) => JSX.Element;
+export { FormSignInMFAType as default, FormSignInMFAType };

package/dist/src/page_components/sign-in/FormSignInMFAType.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormSignInMFAType = exports.default = void 0;
+var react_1 = __importDefault(require("react"));
+var __1 = require("../../..");
+var FormSignInMFAType = function (_a) {
+    var onSubmit = _a.onSubmit, networkError = _a.networkError, _b = _a.control, errors = _b.errors, register = _b.register, handleSubmit = _b.handleSubmit, emailOnClick = _a.emailOnClick, smsOnClick = _a.smsOnClick;
+    var onError = function () {
+        window.scrollTo(0, 0);
+    };
+    return (react_1.default.createElement(__1.FormCard, null,
+        react_1.default.createElement("div", { className: "form-card__lead text-center" },
+            react_1.default.createElement(__1.Icon, { size: "2xl", symbol: "profile", className: "form-card__header-icon" }),
+            react_1.default.createElement("h2", { className: "form-card__title is-borderless" }, (0, __1.t)("nav.signInMFA.verificationChoiceMainTitle")),
+            react_1.default.createElement("p", { className: "form-card__sub-title" }, (0, __1.t)("nav.signInMFA.verificationChoiceSecondaryTitle"))),
+        react_1.default.createElement(__1.FormSignInErrorBox, { errors: errors, networkStatus: networkError, errorMessageId: "mfa-type" }),
+        react_1.default.createElement(__1.SiteAlert, { type: "notice", dismissable: true }),
+        react_1.default.createElement("div", { className: "form-card__group pt-0" },
+            react_1.default.createElement(__1.Form, { id: "sign-in-mfa", className: "mt-10", onSubmit: handleSubmit(onSubmit, onError) },
+                react_1.default.createElement(__1.Field, { caps: true, name: "mfaType", label: "MFA Type", validation: { required: true }, error: errors.mfaType, errorMessage: (0, __1.t)("nav.signInMFA.noMFAType"), register: register, dataTestId: "sign-in-mfaType-field", hidden: true }),
+                react_1.default.createElement("div", { className: "text-center mt-6" },
+                    react_1.default.createElement(__1.Button, { styleType: __1.AppearanceStyleType.accentCool, "data-test-id": "verify-by-email", onClick: emailOnClick }, (0, __1.t)("nav.signInMFA.verifyByEmail"))),
+                react_1.default.createElement("div", { className: "text-center mt-6" },
+                    react_1.default.createElement(__1.Button, { styleType: __1.AppearanceStyleType.accentCool, "data-test-id": "verify-by-phone", onClick: smsOnClick }, (0, __1.t)("nav.signInMFA.verifyByPhone")))))));
+};
+exports.default = FormSignInMFAType;
+exports.FormSignInMFAType = FormSignInMFAType;
+//# sourceMappingURL=FormSignInMFAType.js.map

package/dist/src/page_components/sign-in/FormSignInMFAType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSignInMFAType.js","sourceRoot":"","sources":["../../../../src/page_components/sign-in/FormSignInMFAType.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAC1B,8BAUkB;AAmBlB,IAAM,iBAAiB,GAAG,UAAC,EAMN;QALnB,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,eAA2C,EAAhC,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAE,YAAY,kBAAA,EACzC,YAAY,kBAAA,EACZ,UAAU,gBAAA;IAEV,IAAM,OAAO,GAAG;QACd,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,YAAQ;QACP,uCAAK,SAAS,EAAC,6BAA6B;YAC1C,8BAAC,QAAI,IAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,EAAC,wBAAwB,GAAG;YACvE,sCAAI,SAAS,EAAC,gCAAgC,IAC3C,IAAA,KAAC,EAAC,2CAA2C,CAAC,CAC5C;YACL,qCAAG,SAAS,EAAC,sBAAsB,IAChC,IAAA,KAAC,EAAC,gDAAgD,CAAC,CAClD,CACA;QACN,8BAAC,sBAAkB,IACjB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,YAAY,EAC3B,cAAc,EAAE,UAAU,GAC1B;QAEF,8BAAC,aAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,WAAW,SAAG;QACvC,uCAAK,SAAS,EAAC,uBAAuB;YACpC,8BAAC,QAAI,IACH,EAAE,EAAC,aAAa,EAChB,SAAS,EAAC,OAAO,EACjB,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC;gBAEzC,8BAAC,SAAK,IACJ,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,UAAU,EACjB,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAC9B,KAAK,EAAE,MAAM,CAAC,OAAO,EACrB,YAAY,EAAE,IAAA,KAAC,EAAC,yBAAyB,CAAC,EAC1C,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAC,uBAAuB,EAClC,MAAM,EAAE,IAAI,GACZ;gBAEF,uCAAK,SAAS,EAAC,kBAAkB;oBAC/B,8BAAC,UAAM,IACL,SAAS,EAAE,uBAAmB,CAAC,UAAU,kBAC5B,iBAAiB,EAC9B,OAAO,EAAE,YAAY,IAEpB,IAAA,KAAC,EAAC,6BAA6B,CAAC,CAC1B,CACL;gBACN,uCAAK,SAAS,EAAC,kBAAkB;oBAC/B,8BAAC,UAAM,IACL,SAAS,EAAE,uBAAmB,CAAC,UAAU,kBAC5B,iBAAiB,EAC9B,OAAO,EAAE,UAAU,IAElB,IAAA,KAAC,EAAC,6BAA6B,CAAC,CAC1B,CACL,CACD,CACH,CACG,CACZ,CAAC;AACJ,CAAC,CAAC;AAE4B,oCAAO;AAAE,8CAAiB"}

package/dist/src/page_components/sign-in/FormTerms.d.ts

@@ -0,0 +1,6 @@
+export declare type FormTermsProps = {
+    onSubmit: () => void;
+    terms?: string;
+};
+declare const FormTerms: (props: FormTermsProps) => JSX.Element;
+export { FormTerms as default, FormTerms };

package/dist/src/page_components/sign-in/FormTerms.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormTerms = exports.default = void 0;
+var react_1 = __importDefault(require("react"));
+var __1 = require("../../..");
+var markdown_to_jsx_1 = __importDefault(require("markdown-to-jsx"));
+var react_hook_form_1 = require("react-hook-form");
+var FormTerms = function (props) {
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    var _a = (0, react_hook_form_1.useForm)(), handleSubmit = _a.handleSubmit, register = _a.register, errors = _a.errors;
+    return (react_1.default.createElement(__1.Form, { id: "terms", className: "mt-10", onSubmit: handleSubmit(props.onSubmit) },
+        react_1.default.createElement(__1.FormCard, null,
+            react_1.default.createElement("div", { className: "form-card__lead text-center" },
+                react_1.default.createElement(__1.Icon, { size: "2xl", symbol: "settings" }),
+                react_1.default.createElement("h2", { className: "form-card__title" }, (0, __1.t)("authentication.terms.reviewToc")),
+                react_1.default.createElement("p", { className: "field-note mt-4 text-center" }, (0, __1.t)("authentication.terms.youMustAcceptToc")),
+                react_1.default.createElement("div", { className: "overflow-y-auto max-h-96 mt-5 pr-4 text-left" }, props.terms && (react_1.default.createElement(__1.MarkdownSection, { padding: false, fullwidth: true },
+                    react_1.default.createElement(markdown_to_jsx_1.default, { options: { disableParsingRawHTML: false } }, props.terms))))),
+            react_1.default.createElement("div", { className: "form-card__group pt-0" },
+                react_1.default.createElement(__1.Field, { id: "agree", name: "agree", type: "checkbox", className: "flex flex-col justify-center items-center", label: (0, __1.t)("authentication.terms.acceptToc"), register: register, validation: { required: true }, error: !!errors.agree, errorMessage: (0, __1.t)("errors.agreeError"), dataTestId: "agree" })),
+            react_1.default.createElement("div", { className: "border-b" }),
+            react_1.default.createElement("div", { className: "form-card__pager" },
+                react_1.default.createElement("div", { className: "form-card__pager-row primary" },
+                    react_1.default.createElement(__1.Button, { styleType: __1.AppearanceStyleType.primary, "data-test-id": "form-submit" }, (0, __1.t)("t.submit")))))));
+};
+exports.default = FormTerms;
+exports.FormTerms = FormTerms;
+//# sourceMappingURL=FormTerms.js.map

package/dist/src/page_components/sign-in/FormTerms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTerms.js","sourceRoot":"","sources":["../../../../src/page_components/sign-in/FormTerms.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAC1B,8BASkB;AAClB,oEAAuC;AACvC,mDAA0C;AAW1C,IAAM,SAAS,GAAG,UAAC,KAAqB;IACtC,6DAA6D;IACvD,IAAA,KAAqC,IAAA,yBAAO,GAAqB,EAA/D,YAAY,kBAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAiC,CAAC;IAExE,OAAO,CACL,8BAAC,QAAI,IAAC,EAAE,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAC,QAAQ,EAAE,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC;QACvE,8BAAC,YAAQ;YACP,uCAAK,SAAS,EAAC,6BAA6B;gBAC1C,8BAAC,QAAI,IAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAC,UAAU,GAAG;gBACrC,sCAAI,SAAS,EAAC,kBAAkB,IAC7B,IAAA,KAAC,EAAC,gCAAgC,CAAC,CACjC;gBACL,qCAAG,SAAS,EAAC,6BAA6B,IACvC,IAAA,KAAC,EAAC,uCAAuC,CAAC,CACzC;gBAEJ,uCAAK,SAAS,EAAC,8CAA8C,IAC1D,KAAK,CAAC,KAAK,IAAI,CACd,8BAAC,mBAAe,IAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI;oBAC9C,8BAAC,yBAAQ,IAAC,OAAO,EAAE,EAAE,qBAAqB,EAAE,KAAK,EAAE,IAChD,KAAK,CAAC,KAAK,CACH,CACK,CACnB,CACG,CACF;YAEN,uCAAK,SAAS,EAAC,uBAAuB;gBACpC,8BAAC,SAAK,IACJ,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,2CAA2C,EACrD,KAAK,EAAE,IAAA,KAAC,EAAC,gCAAgC,CAAC,EAC1C,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAC9B,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EACrB,YAAY,EAAE,IAAA,KAAC,EAAC,mBAAmB,CAAC,EACpC,UAAU,EAAC,OAAO,GAClB,CACE;YAEN,uCAAK,SAAS,EAAC,UAAU,GAAG;YAE5B,uCAAK,SAAS,EAAC,kBAAkB;gBAC/B,uCAAK,SAAS,EAAC,8BAA8B;oBAC3C,8BAAC,UAAM,IACL,SAAS,EAAE,uBAAmB,CAAC,OAAO,kBACzB,aAAa,IAEzB,IAAA,KAAC,EAAC,UAAU,CAAC,CACP,CACL,CACF,CACG,CACN,CACR,CAAC;AACJ,CAAC,CAAC;AAEoB,4BAAO;AAAE,8BAAS"}

package/dist/src/page_components/sign-in/ResendConfirmationModal.d.ts

@@ -0,0 +1,12 @@
+export declare type ResendConfirmationModalProps = {
+    isOpen: boolean;
+    initialEmailValue: string;
+    onClose: () => void;
+    onSubmit: (email: string) => void;
+    loading: boolean;
+};
+export declare type ResendConfirmationModalForm = {
+    onSubmit: (email: string) => void;
+};
+declare const ResendConfirmationModal: ({ isOpen, initialEmailValue, loading, onClose, onSubmit, }: ResendConfirmationModalProps) => JSX.Element;
+export { ResendConfirmationModal as default, ResendConfirmationModal };