@onepercentio/one-ui 1.3.3 → 1.3.5

package/dist/components/Form/FormField/FormField.types.d.ts

@@ -0,0 +1,103 @@
+import { ReactNode } from "react";
+import { SelectItem } from "../../Select/Select";
+import { UploadTask } from "firebase/storage";
+import { FromOnePercentUtility, UnresolvableOr } from "../../../type-utils";
+export type GenericFormFieldProps<T extends FormField["type"]> = {
+    value: AnswerByField<{
+        type: T;
+    }> | undefined;
+    onAnswer: (FormFieldProps<{
+        type: T;
+    }> & {
+        mode: FormMode.WRITE;
+    })["onAnswer"];
+    question: FormFieldView & {
+        type: T;
+    };
+    error?: string;
+    disabled?: boolean;
+} & FromOnePercentUtility<`UIElements.FormExtension.fields`> & {
+    type: T;
+};
+export type FormFieldProps<Q extends Pick<FormFieldView, "type">> = {
+    config: Q;
+    value: AnswerByField<Q>;
+    "data-testid"?: string;
+    disabled?: boolean;
+} & ({
+    mode: FormMode.READ_ONLY;
+} | {
+    mode?: FormMode.WRITE;
+    onAnswer: <T extends Q["type"]>(questionType: T, questionId: string, answer: AnswerAction<{
+        type: T;
+    }> | undefined) => void;
+    error?: string | string[];
+});
+export declare enum FormMode {
+    READ_ONLY = 0,
+    WRITE = 1
+}
+export type FormFieldView = FormField & {
+    title: string;
+};
+export type AnswerAction<F extends Pick<FormField, "type">> = F["type"] extends "file" ? File : AnswerByField<F>;
+export type BasicFormFields = {
+    type: "select";
+    filter?: (item: SelectItem, term: string) => boolean;
+    options: SelectItem[];
+} | {
+    type: "text";
+    multiline?: number;
+} | {
+    type: "number";
+};
+type DistributeValidatorOverUnion<FormFieldTypes extends {
+    type: any;
+}> = FormFieldTypes extends any ? keyof FormFieldTypes extends "validator" ? FormFieldTypes : FormFieldTypes & {
+    validator?: (val: AnswerAction<FormFieldTypes> | undefined) => boolean | string;
+} : never;
+export type FormField = {
+    optional?: boolean;
+    id: string;
+    readOnly?: boolean;
+} & DistributeValidatorOverUnion<BasicFormFields | {
+    type: "radio";
+    options: SelectItem[];
+} | ({
+    type: "check" | "rawcheck";
+    options: SelectItem[];
+} & ({
+    validator: (val: AnswerAction<{
+        type: "check";
+    }> | undefined) => boolean | string;
+    optional: false;
+} | {
+    optional?: true;
+})) | {
+    type: "file";
+    fileUsageDescription: string;
+    extensions: string[];
+    footer: string;
+    openFile?: {
+        action: () => void;
+        label: string | ReactNode;
+    };
+} | {
+    type: "accept";
+    link: {
+        type: "file" | "route";
+        to: string;
+    };
+    contract: {
+        action: () => void;
+        label: string | ReactNode;
+    };
+    accept: {
+        label: string;
+        optional?: true;
+    }[];
+} | UnresolvableOr<FromOnePercentUtility<"UIElements.FormExtension">["fields"], BasicFormFields>>;
+export type FormFieldTypes = FormField["type"] | "accept";
+type ExternalQuestionFields = UnresolvableOr<FromOnePercentUtility<"UIElements.FormExtension">["fieldAnswer"], {}>;
+export type AnswerByField<F extends Pick<FormField, "type">> = F["type"] extends "file" ? UploadTask | true : F["type"] extends "accept" | "check" | "rawcheck" ? boolean[] : F["type"] extends "radio" | "text" | "select" | "number" ? string : F["type"] extends keyof ExternalQuestionFields ? FromOnePercentUtility<"UIElements.FormExtension">["fieldAnswer"][F["type"]] : unknown;
+export {};

package/dist/components/Form/FormField/FormField.types.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormMode = void 0;
+var FormMode;
+(function (FormMode) {
+    FormMode[FormMode["READ_ONLY"] = 0] = "READ_ONLY";
+    FormMode[FormMode["WRITE"] = 1] = "WRITE";
+})(FormMode || (exports.FormMode = FormMode = {}));
+//# sourceMappingURL=FormField.types.js.map

package/dist/components/Form/FormField/FormField.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.types.js","sourceRoot":"","sources":["../../../../src/components/Form/FormField/FormField.types.ts"],"names":[],"mappings":";;;AAuCA,IAAY,QAGX;AAHD,WAAY,QAAQ;IAClB,iDAAS,CAAA;IACT,yCAAK,CAAA;AACP,CAAC,EAHW,QAAQ,wBAAR,QAAQ,QAGnB"}

package/dist/components/Form/FormField/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./FormField";
+export * from "./FormField";

package/dist/components/Form/FormField/index.js

@@ -0,0 +1,24 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var FormField_1 = require("./FormField");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FormField_1).default; } });
+__exportStar(require("./FormField"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/Form/FormField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Form/FormField/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,yCAAsC;AAA7B,qHAAA,OAAO,OAAA;AAChB,8CAA4B"}

package/dist/components/Form/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Form";
+export * from "./Form";

package/dist/components/Form/index.js

@@ -0,0 +1,24 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Form_1 = require("./Form");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Form_1).default; } });
+__exportStar(require("./Form"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/Form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Form/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,+BAAiC;AAAxB,gHAAA,OAAO,OAAA;AAChB,yCAAuB"}

package/dist/components/Freeze/Freeze.d.ts

@@ -0,0 +1,5 @@
+import React, { PropsWithChildren } from "react";
+/**
+ * Use this component when you would like to freeze some child when this child can assume undefined in the next 'frame'
+ **/
+export default function Freeze({ children }: PropsWithChildren<{}>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;

package/dist/components/Freeze/Freeze.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const useFreeze_1 = __importDefault(require("../../hooks/useFreeze"));
+/**
+ * Use this component when you would like to freeze some child when this child can assume undefined in the next 'frame'
+ **/
+function Freeze({ children }) {
+    return (0, useFreeze_1.default)(children);
+}
+exports.default = Freeze;
+//# sourceMappingURL=Freeze.js.map

package/dist/components/Freeze/Freeze.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Freeze.js","sourceRoot":"","sources":["../../../src/components/Freeze/Freeze.tsx"],"names":[],"mappings":";;;;;AACA,sEAA8C;AAE9C;;IAEI;AACJ,SAAwB,MAAM,CAAC,EAAE,QAAQ,EAAyB;IAChE,OAAO,IAAA,mBAAS,EAAC,QAAQ,CAAiB,CAAC;AAC7C,CAAC;AAFD,yBAEC"}

package/dist/components/Freeze/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Freeze";
+export * from "./Freeze";

package/dist/components/Freeze/index.js

@@ -0,0 +1,24 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Freeze_1 = require("./Freeze");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Freeze_1).default; } });
+__exportStar(require("./Freeze"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/Freeze/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Freeze/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,mCAAmC;AAA1B,kHAAA,OAAO,OAAA;AAChB,2CAAyB"}

package/dist/components/HSForms/HSForms.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This component loads and displays a HubSpot form. It handles the form's
+ * initialization and provides callbacks when the form is ready or submitted.
+ */
+export default function HSForms({ region, partialId, formId, className, onFormReady, onFormSubmitted, }: {
+    region: "na1";
+    partialId: string;
+    formId: string;
+    className?: string;
+    onFormReady?: (div: HTMLDivElement, form: any) => void;
+    onFormSubmitted?: () => void;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/HSForms/HSForms.js

@@ -0,0 +1,76 @@
+"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 });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+/**
+ * This component loads and displays a HubSpot form. It handles the form's
+ * initialization and provides callbacks when the form is ready or submitted.
+ */
+function HSForms({ region, partialId, formId, className, onFormReady, onFormSubmitted, }) {
+    if (window.PRERENDER)
+        return null;
+    const container = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        Promise.resolve(`${"jquery"}`).then(s => __importStar(require(s))).then((jqueryModule) => {
+            const funcId = String(Math.round(Math.random() * 999999));
+            const idx = `onLoad${funcId}`;
+            const idx2 = `onSubmit${funcId}`;
+            window[idx] = function (form) {
+                if (onFormReady)
+                    onFormReady(container.current, form);
+            };
+            window[idx2] = function () {
+                if (onFormSubmitted)
+                    onFormSubmitted();
+            };
+            window.jQuery = jqueryModule.default;
+            const script = document.createElement("script");
+            script.setAttribute("src", "https://js.hsforms.net/forms/v2.js");
+            script.setAttribute("type", "text/javascript");
+            script.setAttribute("charset", "utf-8");
+            script.onload = () => {
+                const createFormScript = document.createElement("script");
+                createFormScript.setAttribute("type", "text/javascript");
+                createFormScript.innerHTML = `hbspt.forms.create({
+          region: "${region}",
+          portalId: "${partialId}",
+          formId: "${formId}",
+          submitButtonClass: '#',
+          css: ' ',
+          cssClass: '#',
+          onFormReady: ${idx},
+          onFormSubmit: ${idx2},
+          formInstanceId: ${funcId}
+        });`;
+                container.current.appendChild(createFormScript);
+            };
+            document.head.appendChild(script);
+        });
+    }, [region, partialId, formId]);
+    return (0, jsx_runtime_1.jsx)("div", { ref: container, className: className });
+}
+exports.default = HSForms;
+//# sourceMappingURL=HSForms.js.map

package/dist/components/HSForms/HSForms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HSForms.js","sourceRoot":"","sources":["../../../src/components/HSForms/HSForms.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAiD;AAEjD;;;GAGG;AACH,SAAwB,OAAO,CAAC,EAC9B,MAAM,EACN,SAAS,EACT,MAAM,EACN,SAAS,EACT,WAAW,EACX,eAAe,GAQhB;IACC,IAAK,MAAc,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAC3C,MAAM,SAAS,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAE/C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,mBAAO,QAAS,wCAAE,IAAI,CAAC,CAAC,YAAY,EAAE,EAAE;YACtC,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;YAC1D,MAAM,GAAG,GAAG,SAAS,MAAM,EAAE,CAAC;YAC9B,MAAM,IAAI,GAAG,WAAW,MAAM,EAAE,CAAC;YAChC,MAAc,CAAC,GAAU,CAAC,GAAG,UAAU,IAAS;gBAC/C,IAAI,WAAW;oBAAE,WAAW,CAAC,SAAS,CAAC,OAAQ,EAAE,IAAI,CAAC,CAAC;YACzD,CAAC,CAAC;YACD,MAAc,CAAC,IAAW,CAAC,GAAG;gBAC7B,IAAI,eAAe;oBAAE,eAAe,EAAE,CAAC;YACzC,CAAC,CAAC;YACD,MAAc,CAAC,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC;YAC9C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAChD,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,oCAAoC,CAAC,CAAC;YACjE,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;YAC/C,MAAM,CAAC,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;YACxC,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;gBACnB,MAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;gBAC1D,gBAAgB,CAAC,YAAY,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;gBACzD,gBAAgB,CAAC,SAAS,GAAG;qBAChB,MAAM;uBACJ,SAAS;qBACX,MAAM;;;;yBAIF,GAAG;0BACF,IAAI;4BACF,MAAM;YACtB,CAAC;gBACL,SAAS,CAAC,OAAQ,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;YACnD,CAAC,CAAC;YACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;IAChC,OAAO,gCAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,GAAQ,CAAC;AAC3D,CAAC;AAtDD,0BAsDC"}

package/dist/components/HSForms/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./HSForms";
+export * from "./HSForms";

package/dist/components/HSForms/index.js

@@ -0,0 +1,24 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var HSForms_1 = require("./HSForms");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(HSForms_1).default; } });
+__exportStar(require("./HSForms"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/HSForms/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/HSForms/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,qCAAoC;AAA3B,mHAAA,OAAO,OAAA;AAChB,4CAA0B"}

package/dist/components/HeaderCloseBtn/HeaderCloseBtn.d.ts

@@ -0,0 +1,9 @@
+/**
+ * A simple close button that can be used for back or close actions.
+ * This component handles the visual styling and click behavior for navigation controls.
+ **/
+export default function HeaderButton({ mode, hidden, onClick, }: {
+    mode: "back" | "close";
+    hidden: boolean;
+    onClick: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/HeaderCloseBtn/HeaderCloseBtn.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const HeaderCloseBtn_module_scss_1 = __importDefault(require("./HeaderCloseBtn.module.scss"));
+/**
+ * A simple close button that can be used for back or close actions.
+ * This component handles the visual styling and click behavior for navigation controls.
+ **/
+function HeaderButton({ mode, hidden, onClick, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": "header-control-back", className: `${HeaderCloseBtn_module_scss_1.default.headerButton} ${HeaderCloseBtn_module_scss_1.default[mode]} ${hidden ? HeaderCloseBtn_module_scss_1.default.pointOfNoReturn : ""}`, onClick: onClick, children: [(0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)("div", {})] }));
+}
+exports.default = HeaderButton;
+//# sourceMappingURL=HeaderCloseBtn.js.map

package/dist/components/HeaderCloseBtn/HeaderCloseBtn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCloseBtn.js","sourceRoot":"","sources":["../../../src/components/HeaderCloseBtn/HeaderCloseBtn.tsx"],"names":[],"mappings":";;;;;;AACA,8FAAkD;AAElD;;;IAGI;AACJ,SAAwB,YAAY,CAAC,EACnC,IAAI,EACJ,MAAM,EACN,OAAO,GAKR;IACC,OAAO,CACL,gDACc,qBAAqB,EACjC,SAAS,EAAE,GAAG,oCAAM,CAAC,YAAY,IAAI,oCAAM,CAAC,IAAI,CAAC,IAC/C,MAAM,CAAC,CAAC,CAAC,oCAAM,CAAC,eAAe,CAAC,CAAC,CAAC,EACpC,EAAE,EACF,OAAO,EAAE,OAAO,aAEhB,iCAAO,EACP,iCAAO,IACH,CACP,CAAC;AACJ,CAAC;AArBD,+BAqBC"}

package/dist/components/HeaderCloseBtn/HeaderCloseBtn.module.scss

@@ -0,0 +1,44 @@
+@use "../../assets/styles/index.scss" as *;
+
+.headerButton {
+  width: 22px;
+  height: 22px;
+  position: relative;
+  opacity: 1;
+  @include iteractibleElement();
+  transition: opacity $fast, transform $fast;
+  &.pointOfNoReturn {
+    opacity: 0;
+  }
+  div {
+    transition: width $fast, top $fast, left $fast;
+    position: absolute;
+    height: 3px;
+    border-radius: 1.5px;
+    width: 22px;
+    background-color: $digitalBlue;
+    transform-origin: 1.5px 1.5px;
+    &:nth-child(1) {
+      transform: rotateZ(45deg);
+    }
+    &:nth-child(2) {
+      transform: rotateZ(-45deg);
+    }
+  }
+  &.back div {
+    width: 12.5px;
+    top: 5.5px;
+    left: 0px;
+  }
+  &.close div {
+    width: 22px;
+    &:nth-child(1) {
+      top: 0px;
+      left: 0px;
+    }
+    &:nth-child(2) {
+      top: 13px;
+      left: 0px;
+    }
+  }
+}

package/dist/components/HeaderCloseBtn/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./HeaderCloseBtn";
+export * from "./HeaderCloseBtn";

package/dist/components/HeaderCloseBtn/index.js

@@ -0,0 +1,24 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var HeaderCloseBtn_1 = require("./HeaderCloseBtn");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(HeaderCloseBtn_1).default; } });
+__exportStar(require("./HeaderCloseBtn"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/HeaderCloseBtn/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/HeaderCloseBtn/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,mDAA2C;AAAlC,0HAAA,OAAO,OAAA;AAChB,mDAAiC"}

package/dist/components/InfinityScroll/InfinityScroll.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+export declare function shouldIncrementPage(howMuchTheParentScrolled: number, prevSectionPosition: number, nextSectionPosition: number): -1 | 0 | 1;
+export declare function keys(currPage: number): string[];
+export declare function getItemsFactory<T extends any>(pageSize: number, items: T[], isCountTheSameOrLowerThanPage: boolean): (page: number, offset: number, _pageSize?: number) => T[];
+/**
+ * A component that creates an infinite scrolling effect by showing different pages
+ * of content as the user scrolls horizontally.
+ **/
+declare const InfinityScroll: React.ForwardRefExoticComponent<{
+    items: (React.ReactElement | string)[];
+    pageSize: number;
+    initialPage?: number | undefined;
+    pageClass?: string | undefined;
+    className?: string | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default InfinityScroll;
+export declare enum InfinityDataTestId {
+    PREV_PAGE = "infinity-prev",
+    CURR_PAGE = "infinity-curr",
+    NEXT_PAGE = "infinity-next",
+    ROOT = "infinity-parent"
+}

package/dist/components/InfinityScroll/InfinityScroll.js

@@ -0,0 +1,108 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InfinityDataTestId = exports.getItemsFactory = exports.keys = exports.shouldIncrementPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const InfinityScroll_module_scss_1 = __importDefault(require("./InfinityScroll.module.scss"));
+function shouldIncrementPage(howMuchTheParentScrolled, prevSectionPosition, nextSectionPosition) {
+    if (howMuchTheParentScrolled === nextSectionPosition)
+        return 1;
+    else if (howMuchTheParentScrolled === prevSectionPosition)
+        return -1;
+    else
+        return 0;
+}
+exports.shouldIncrementPage = shouldIncrementPage;
+function keys(currPage) {
+    return [currPage % 3, (currPage + 1) % 3, (currPage + 2) % 3]
+        .map((a) => `step_${a}`)
+        .reverse();
+}
+exports.keys = keys;
+function getItemsFactory(pageSize, items, isCountTheSameOrLowerThanPage) {
+    return function getItems(page, offset, _pageSize = pageSize) {
+        let from = page * _pageSize + offset;
+        if (from < 0)
+            from = items.length + from;
+        if (from > items.length)
+            from = from - items.length;
+        const to = from + _pageSize;
+        const slicedItems = items.slice(from, to);
+        if (slicedItems.length < _pageSize && !isCountTheSameOrLowerThanPage) {
+            slicedItems.push(...getItems(0, 0, _pageSize - slicedItems.length));
+        }
+        return slicedItems.map((i, index) => typeof i === "object"
+            ? Object.assign(Object.assign({}, i), { key: index }) : i);
+    };
+}
+exports.getItemsFactory = getItemsFactory;
+function _InfinityScroll({ items, pageSize, initialPage = 0, pageClass, className = "", }, ref) {
+    const [currPage, setCurrPage] = (0, react_1.useState)({
+        page: initialPage,
+        offset: 0,
+    });
+    const parentDiv = (0, react_1.useMemo)(() => {
+        return ref || (0, react_1.createRef)();
+    }, [ref]);
+    const prevDiv = (0, react_1.useRef)(null);
+    const currDiv = (0, react_1.useRef)(null);
+    const nextDiv = (0, react_1.useRef)(null);
+    const isCountTheSameOrLowerThanPage = items.length <= pageSize;
+    const getItems = (0, react_1.useMemo)(() => getItemsFactory(pageSize, items, isCountTheSameOrLowerThanPage), [pageSize, items, isCountTheSameOrLowerThanPage]);
+    (0, react_1.useLayoutEffect)(() => {
+        if (isCountTheSameOrLowerThanPage || window.PRERENDER)
+            return;
+        const viewportWidth = parentDiv.current.clientWidth;
+        const centerScroll = parentDiv.current.scrollWidth / 2;
+        parentDiv.current.scrollTo({
+            left: centerScroll - viewportWidth / 2,
+        });
+    }, [isCountTheSameOrLowerThanPage, currPage.page, currPage.offset, items]);
+    const [beforeKey, currKey, afterKey] = keys(currPage.page);
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: parentDiv, className: `${InfinityScroll_module_scss_1.default.container} ${className}`, "data-testid": InfinityDataTestId.ROOT, onScroll: !isCountTheSameOrLowerThanPage
+            ? () => {
+                const pageToIncrement = shouldIncrementPage(Math.round(parentDiv.current.scrollLeft), prevDiv.current.offsetLeft, nextDiv.current.offsetLeft);
+                if (pageToIncrement) {
+                    setCurrPage((prev) => {
+                        let nextPage = prev.page + pageToIncrement;
+                        let offset = prev.offset;
+                        if (nextPage < 0) {
+                            nextPage = Math.round(items.length / pageSize) - 1;
+                            const finalIndex = (nextPage + 1) * pageSize + offset;
+                            const maxIndex = items.length;
+                            const remainingItems = maxIndex + offset - finalIndex;
+                            offset += remainingItems;
+                            if (offset === -(items.length - 1))
+                                offset = 1;
+                        }
+                        let nextIndex = nextPage * pageSize + offset;
+                        if (nextIndex > items.length) {
+                            offset = nextIndex - items.length;
+                            nextPage = 0;
+                        }
+                        return {
+                            page: nextPage,
+                            offset,
+                        };
+                    });
+                }
+            }
+            : undefined, children: [!isCountTheSameOrLowerThanPage && ((0, jsx_runtime_1.jsx)("div", { className: pageClass, "data-testid": InfinityDataTestId.PREV_PAGE, ref: prevDiv, children: getItems(currPage.page - 1, currPage.offset) }, beforeKey)), (0, jsx_runtime_1.jsx)("div", { className: pageClass, "data-testid": InfinityDataTestId.CURR_PAGE, ref: currDiv, children: getItems(currPage.page, currPage.offset) }, currKey), !isCountTheSameOrLowerThanPage && ((0, jsx_runtime_1.jsx)("div", { className: pageClass, "data-testid": InfinityDataTestId.NEXT_PAGE, ref: nextDiv, children: getItems(currPage.page + 1, currPage.offset) }, afterKey))] }));
+}
+/**
+ * A component that creates an infinite scrolling effect by showing different pages
+ * of content as the user scrolls horizontally.
+ **/
+const InfinityScroll = (0, react_1.forwardRef)(_InfinityScroll);
+exports.default = InfinityScroll;
+var InfinityDataTestId;
+(function (InfinityDataTestId) {
+    InfinityDataTestId["PREV_PAGE"] = "infinity-prev";
+    InfinityDataTestId["CURR_PAGE"] = "infinity-curr";
+    InfinityDataTestId["NEXT_PAGE"] = "infinity-next";
+    InfinityDataTestId["ROOT"] = "infinity-parent";
+})(InfinityDataTestId || (exports.InfinityDataTestId = InfinityDataTestId = {}));
+//# sourceMappingURL=InfinityScroll.js.map

package/dist/components/InfinityScroll/InfinityScroll.js.map

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