@ashtuka/react-lib 1.0.40 → 1.0.42

package/dist/modules/HeaderV5Module/Lang/Lang.d.ts

@@ -0,0 +1,7 @@
+import { Locale } from '@/types';
+type LocaleProps = {
+    defaultLocale: Locale;
+    localeCallback?(locale: Locale): void;
+};
+declare const Lang: ({ defaultLocale, localeCallback }: LocaleProps) => import("react/jsx-runtime").JSX.Element;
+export default Lang;

package/dist/modules/HeaderV5Module/Logo/Logo.d.ts

@@ -0,0 +1,7 @@
+import { Locale } from '@/types';
+type LogoProps = {
+    lang: Locale;
+    logoText?: string;
+};
+declare const Logo: ({ lang, logoText }: LogoProps) => import("react/jsx-runtime").JSX.Element;
+export default Logo;

package/dist/modules/HeaderV5Module/Menu/Menu.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { MenuState, NavItem } from '../HeaderV5Module.types';
+type MenuProps = {
+    isMenuOpen?: MenuState;
+    submenuHandler?: React.Dispatch<React.SetStateAction<string | null>>;
+    menuItems: NavItem[];
+    isUpBanner?: boolean;
+    activeSubMenu?: string | null;
+    closeMenu?: () => void;
+    isHeaderBanner?: boolean;
+};
+declare const Menu: ({ isMenuOpen, submenuHandler, menuItems, isUpBanner, activeSubMenu, closeMenu, isHeaderBanner, }: MenuProps) => import("react/jsx-runtime").JSX.Element;
+export default Menu;

package/dist/modules/HeaderV5Module/Menu/MenuItemList/MenuItemList.d.ts

@@ -0,0 +1,7 @@
+import { MenuItem } from '@/modules/HeaderV5Module/HeaderV5Module.types';
+declare const MenuItemList: ({ menuItemList, withSubmenu, closeMenu, }: {
+    menuItemList: MenuItem[];
+    withSubmenu?: boolean;
+    closeMenu?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export default MenuItemList;

package/dist/modules/HeaderV5Module/Menu/MenuItemList/index.d.ts

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

package/dist/modules/HeaderV5Module/Menu/Tabs/Tabs.d.ts

@@ -0,0 +1,20 @@
+import { CategoryItem, MenuItem } from '@/modules/HeaderV5Module/HeaderV5Module.types';
+type TabType = {
+    id: string;
+    title: string;
+    isActive: boolean;
+    onClick: (id: string) => void;
+    imgIcon?: string;
+};
+type TabProps = TabType & {
+    itemList: MenuItem[];
+    closeMenu?: () => void;
+};
+export declare const Tab: ({ itemList, title, isActive, onClick, id, imgIcon, closeMenu }: TabProps) => import("react/jsx-runtime").JSX.Element;
+type TabWithSubmenuProps = TabType & {
+    itemList: CategoryItem[];
+    closeMenu?: () => void;
+    isHeaderBanner?: boolean;
+};
+export declare const TabWithSubmenu: ({ itemList, title, isActive, onClick, id, imgIcon, closeMenu, isHeaderBanner, }: TabWithSubmenuProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/HeaderV5Module/MenuBtn/MenuBtn.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { MenuState } from '@/modules/HeaderV5Module/HeaderV5Module.types';
+type MenuBtnProps = {
+    isMenuOpen: MenuState;
+    menuHandler: React.Dispatch<React.SetStateAction<MenuState>>;
+    closeMenu: () => void;
+    isProfileMenuFirst?: boolean;
+};
+declare const MenuBtn: ({ isMenuOpen, menuHandler, closeMenu, isProfileMenuFirst, }: MenuBtnProps) => import("react/jsx-runtime").JSX.Element;
+export default MenuBtn;

package/dist/modules/HeaderV5Module/Phone/Phone.d.ts

@@ -0,0 +1 @@
+export declare const Phone: () => import("react/jsx-runtime").JSX.Element;

package/dist/modules/HeaderV5Module/index.d.ts

@@ -0,0 +1,2 @@
+export { HeaderV5Module } from './HeaderV5Module';
+export type { HeaderV5ModuleProps } from './HeaderV5Module.types';

package/dist/modules/HeaderV5Module/index.es.js

@@ -0,0 +1,4 @@
+import { H as r } from "./HeaderV5Module-B9tK4bOZ.mjs";
+export {
+  r as HeaderV5Module
+};

package/dist/modules/HeaderV5Module/useHeader.d.ts

@@ -0,0 +1,10 @@
+import { Locale } from '@/types';
+import { Cabinet, HeaderBanner, NavItem } from './HeaderV5Module.types';
+declare const useHeader: (lang: Locale, hideHeaderBanner?: boolean, productId?: string) => {
+    headerBanner: HeaderBanner | null;
+    navMenu: NavItem[];
+    authMenu: Cabinet | null;
+    activeSubMenu: string | null;
+    setActiveSubMenu: import("react").Dispatch<import("react").SetStateAction<string | null>>;
+};
+export default useHeader;

package/dist/modules/HeaderV5Module/utils/bodyScrollHandler.d.ts

@@ -0,0 +1,2 @@
+export declare const bodyScrollOff: () => void;
+export declare const bodyScrollOn: () => void;

package/dist/modules/HeaderV5Module/utils/getParamFromCookie.d.ts

@@ -0,0 +1,2 @@
+declare const getParamFromCookie: (param: string) => string | undefined;
+export default getParamFromCookie;

package/dist/modules/HeaderV5Module/utils/setCookieLocale.d.ts

@@ -0,0 +1,3 @@
+import { Locale } from '@/types';
+declare const setCookieLocale: (currentLocale: Locale) => void;
+export default setCookieLocale;

package/dist/modules/HeaderV5Module/utils/setCookieParam.d.ts

@@ -0,0 +1,2 @@
+declare const setCookieParam: (name: string, value: any, maxAge?: number) => void;
+export default setCookieParam;

package/dist/modules/LoadAbleImg/LoadAbleImg.css

@@ -0,0 +1 @@
+._loadAbleImg_container_1ie9c_1{background:linear-gradient(101.42deg,#dfefff -.04%,#dfefff45 94.2%);box-sizing:border-box;overflow:hidden;width:100%;height:100%;position:relative}._loadAbleImg_container_1ie9c_1:before{content:"";display:block;position:absolute;left:-150px;top:0;height:100%;width:150px;background:linear-gradient(to right,transparent 0%,rgba(38,179,255,.0901960784) 50%,transparent 100%);animation:_load_1ie9c_1 1s cubic-bezier(.4,0,.2,1) infinite}@keyframes _load_1ie9c_1{0%{left:-150px}to{left:100%}}._loadAbleImg_containerLoaded_1ie9c_30:before{animation:none}._loadAbleImg_image_1ie9c_34{opacity:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease-in-out}._loadAbleImg_imageLoaded_1ie9c_42{opacity:1}

package/dist/modules/OtpModule/ConditionsBlock/ConditionsBlock.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Locale } from '@/types';
+import { CheckboxState, Conditions } from '../OtpModule.types';
+type ConditionsProps = {
+    conditions: Conditions;
+    locale: Locale;
+    checkboxState: CheckboxState;
+    setCheckboxState: React.Dispatch<React.SetStateAction<CheckboxState>>;
+};
+declare const ConditionsBlock: ({ conditions, locale, setCheckboxState, checkboxState, }: ConditionsProps) => import("react/jsx-runtime").JSX.Element;
+export default ConditionsBlock;

package/dist/modules/OtpModule/ConditionsBlock/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ConditionsBlock';

package/dist/modules/OtpModule/Item/Item.d.ts

@@ -0,0 +1,11 @@
+import { Locale } from '@/types';
+import { ContractItem } from '../OtpModule.types';
+type ItemProps = {
+    data: ContractItem;
+    applyOtpHandler(id: string, enteredOtp?: string): void;
+    setOtp(id: string, otp: string): void;
+    isLoading: boolean;
+    locale: Locale;
+};
+declare const Item: ({ data: { id, title, otp, isOtpApply, enteredOtp, contractDownloadCallback, companyInfoLink, productInfoLink, agentInfoLink, }, applyOtpHandler, setOtp, isLoading, locale, }: ItemProps) => import("react/jsx-runtime").JSX.Element;
+export default Item;

package/dist/modules/OtpModule/Item/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Item';

package/dist/modules/OtpModule/Navigation/Navigation.d.ts

@@ -0,0 +1,9 @@
+import { Locale } from '@/types';
+type NavigationProps = {
+    prevStepHandler(): void;
+    nextStepHandler(): void;
+    isLoader: boolean;
+    locale: Locale;
+};
+declare const Navigation: ({ prevStepHandler, nextStepHandler, isLoader, locale }: NavigationProps) => import("react/jsx-runtime").JSX.Element;
+export default Navigation;

package/dist/modules/OtpModule/Navigation/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Navigation';

package/dist/modules/OtpModule/NotConfirmPopup/NotConfirmPopup.d.ts

@@ -0,0 +1,9 @@
+import { Locale } from '@/types';
+import { ContractItem } from '../OtpModule.types';
+type OtpPopupProps = {
+    contractList: ContractItem[];
+    notConfirmHandler(): void;
+    locale: Locale;
+};
+declare const NotConfirmPopup: ({ contractList, notConfirmHandler, locale }: OtpPopupProps) => import("react/jsx-runtime").JSX.Element;
+export default NotConfirmPopup;

package/dist/modules/OtpModule/NotConfirmPopup/index.d.ts

@@ -0,0 +1 @@
+export { default } from './NotConfirmPopup';

package/dist/modules/OtpModule/OtpModule-C_J1fNer.mjs

@@ -0,0 +1,394 @@
+import { jsxs as p, jsx as n, Fragment as Z } from "react/jsx-runtime";
+import * as r from "react";
+import { useState as x, useEffect as $ } from "react";
+import U from "react-localization";
+import { c as q } from "../../chunks/index-BDjvzGbZ.mjs";
+import { u as W } from "../../hooks/useBreakPoint-C-91njOc.mjs";
+import { M as G } from "../../chunks/breakpoints-BOwHOeQN.mjs";
+import { S as I } from "../../chunks/spinner-By2573Fq.mjs";
+import { L as J } from "../../types/Locale-D0KYJGGt.mjs";
+const K = (t) => {
+  const c = document.querySelector(":root");
+  c && (t["--A_Page_main_btn_background"] && c.style.setProperty("--A_Page_main_btn_background", t["--A_Page_main_btn_background"]), t["--A_Page_main_btn_hover_background"] && c.style.setProperty("--A_Page_main_btn_hover_background", t["--A_Page_main_btn_hover_background"]), t["--A_Page_main_btn_color"] && c.style.setProperty("--A_Page_main_btn_color", t["--A_Page_main_btn_color"]));
+}, e = new U({
+  ru: {
+    title: "Одноразовый идентификатор",
+    contractBtn: "Ознакомиться с Договором",
+    otpBtn: "Отправить еще",
+    conditionText1: "Подтверждаю ознакомление с персональным предложением, преддоговорной информацией,",
+    conditionText2: "(договором оферты)",
+    conditionText3: "",
+    conditionText4: "пользовательским соглашением и политикой конфиденциальности.",
+    nextBtn: "Подписать",
+    otpPopupTitle: "Одноразовый идентификатор для подписания договора",
+    otpPopupBtn: "Применить",
+    notConfirmPopupTitle: "Одноразовый идентификатор был указан неверно:",
+    notConfirmPopupBtn: "Отправить еще раз",
+    insurerInfoLink: "Информация о страховщике",
+    productInfoLink: "Информационный документ о стандартном страховом продукте",
+    insurerAgentInfoLink: "Информация о страховом посреднике"
+  },
+  uk: {
+    title: "Одноразовий ідентифікатор",
+    contractBtn: "Ознайомитись з Договором",
+    otpBtn: "Надіслати ще",
+    conditionText1: "Підтверджую ознайомлення з персональною пропозицією, переддоговірною інформацією,",
+    conditionText2: "(договором оферти)",
+    conditionText3: " та",
+    conditionText4: "угодою користувача і політикою конфіденційності.",
+    nextBtn: "Підписати",
+    otpPopupTitle: "Одноразовий ідентифікатор для підписання договору",
+    otpPopupBtn: "Застосувати",
+    notConfirmPopupTitle: "Одноразовий ідентифікатор було вказано невірно:",
+    notConfirmPopupBtn: "Надіслати ще раз",
+    insurerInfoLink: "Інформація про страховика",
+    productInfoLink: "Інформаційний документ про стандартний страховий продукт",
+    insurerAgentInfoLink: "Інформація про страхового посередника"
+  }
+}), Q = (t) => /* @__PURE__ */ r.createElement("svg", { width: 24, height: 25, viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ r.createElement("g", { clipPath: "url(#clip0_39257_100871)" }, /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 1.49902H3.6C2.169 1.49902 1 2.66902 1 4.10002V20.9C1 22.33 2.169 23.5 3.6 23.5H11.024C11.477 23.882 11.971 24.218 12.498 24.5H3.6C1.618 24.5 0 22.882 0 20.899V4.10002C0 2.11702 1.618 0.499023 3.6 0.499023H11.488H11.5H11.513H12L18 6.49902V8.63202C17.673 8.57302 17.339 8.53402 17 8.51502V7.49902H11.5C11.225 7.49902 11 7.27402 11 6.99902V1.49902ZM16.781 21.625L20.901 17.13C21.004 17.018 21.029 16.864 20.968 16.726C20.906 16.587 20.777 16.502 20.624 16.502H18.75V13.123C18.75 12.917 18.582 12.749 18.376 12.749H14.626C14.42 12.749 14.252 12.917 14.252 13.123V16.502H12.377C12.225 16.502 12.095 16.587 12.033 16.726C11.972 16.865 11.998 17.018 12.1 17.13L16.22 21.625L16.224 21.629L16.227 21.632L16.231 21.636L16.234 21.639L16.238 21.643L16.241 21.646L16.245 21.65L16.248 21.653L16.252 21.657L16.255 21.659L16.259 21.663L16.263 21.666L16.267 21.669L16.27 21.672L16.274 21.675L16.278 21.678L16.282 21.681L16.286 21.683L16.29 21.686L16.294 21.689L16.298 21.692L16.302 21.694L16.306 21.697L16.31 21.699L16.314 21.701L16.322 21.706L16.326 21.708L16.33 21.711L16.335 21.713L16.339 21.715C16.352 21.721 16.363 21.726 16.377 21.731L16.381 21.733L16.386 21.734L16.39 21.735L16.395 21.737L16.399 21.738L16.404 21.739L16.407 21.74L16.416 21.743L16.422 21.744L16.426 21.745L16.431 21.746H16.434L16.44 21.748H16.444L16.449 21.749L16.453 21.75H16.458L16.462 21.751H16.467L16.471 21.752H16.477L16.48 21.753H16.486H16.489H16.495H16.499H16.504H16.508H16.513H16.517H16.523H16.526H16.532L16.535 21.752H16.541L16.545 21.751H16.55L16.554 21.75H16.559L16.563 21.749L16.568 21.748H16.572L16.578 21.746H16.581L16.586 21.745L16.59 21.744L16.596 21.743L16.605 21.74L16.608 21.739L16.613 21.738L16.617 21.737L16.622 21.735L16.626 21.734L16.631 21.733L16.635 21.731C16.648 21.726 16.66 21.721 16.673 21.715L16.677 21.713L16.682 21.711L16.686 21.708L16.69 21.706L16.698 21.701L16.702 21.699L16.706 21.697L16.71 21.694L16.714 21.692L16.718 21.689L16.722 21.686L16.726 21.683L16.73 21.681L16.734 21.678L16.738 21.675L16.742 21.672L16.745 21.669L16.749 21.666L16.753 21.663L16.757 21.659L16.76 21.657L16.764 21.653L16.767 21.65L16.771 21.646L16.774 21.643L16.778 21.639L16.781 21.636L16.785 21.632L16.788 21.629L16.781 21.625ZM19.204 17.502H17.75V13.748H15.25V17.502H13.797L16.5 20.451L19.204 17.502ZM16.583 6.49902L12 1.90902V6.49902H16.583ZM16.5 23.501C20.091 23.501 23.001 20.59 23.001 17C23.001 13.409 20.091 10.499 16.5 10.499C12.909 10.499 10 13.409 10 17C10 20.59 12.91 23.501 16.5 23.501ZM16.5 24.5C20.643 24.5 24 21.143 24 17C24 12.857 20.643 9.49902 16.5 9.49902C12.357 9.49902 9 12.857 9 17C9 21.143 12.358 24.5 16.5 24.5ZM11.025 10.499C11.478 10.117 11.971 9.78102 12.499 9.50002H2.5C2.224 9.50002 2 9.72502 2 9.99902C2 10.274 2.226 10.499 2.5 10.499H11.025ZM8.752 13.499C8.908 13.153 9.089 12.819 9.288 12.5H2.5C2.224 12.5 2 12.725 2 13C2 13.275 2.225 13.499 2.5 13.499H8.752ZM8.015 16.499C8.035 16.161 8.074 15.827 8.132 15.5H2.5C2.224 15.5 2 15.725 2 16C2 16.275 2.225 16.499 2.5 16.499H8.015ZM8.375 19.5C8.274 19.175 8.193 18.841 8.133 18.5H2.5C2.224 18.5 2 18.725 2 19C2 19.275 2.224 19.5 2.5 19.5H8.375Z", fill: "#2D2B2B" })), /* @__PURE__ */ r.createElement("defs", null, /* @__PURE__ */ r.createElement("clipPath", { id: "clip0_39257_100871" }, /* @__PURE__ */ r.createElement("rect", { width: 24, height: 24, fill: "white", transform: "translate(0 0.5)" })))), X = "_item_1i7q7_1", Y = "_withoutList_1i7q7_5", t1 = "_inputContainer_1i7q7_9", n1 = "_linkList_1i7q7_35", e1 = "_link_1i7q7_35", i1 = "_titleBlock_1i7q7_66", o1 = "_title_1i7q7_66", c1 = "_contractBtn_1i7q7_93", r1 = "_contractBtnTitle_1i7q7_98", l1 = "_inputBlock_1i7q7_123", s1 = "_otpInput_1i7q7_128", a1 = "_otpBtn_1i7q7_150", p1 = "_spinner_1i7q7_158", a = {
+  item: X,
+  withoutList: Y,
+  inputContainer: t1,
+  linkList: n1,
+  link: e1,
+  titleBlock: i1,
+  title: o1,
+  contractBtn: c1,
+  contractBtnTitle: r1,
+  inputBlock: l1,
+  otpInput: s1,
+  otpBtn: a1,
+  spinner: p1
+}, _1 = ({
+  data: {
+    id: t,
+    title: c,
+    otp: d,
+    isOtpApply: o,
+    enteredOtp: L,
+    contractDownloadCallback: N,
+    companyInfoLink: H,
+    productInfoLink: w,
+    agentInfoLink: h
+  },
+  applyOtpHandler: P,
+  setOtp: M,
+  isLoading: B,
+  locale: O
+}) => {
+  e.setLanguage(O);
+  const y = W(G), [u, f] = x(""), v = h || w || H, b = () => {
+    f(""), P(t);
+  }, T = () => {
+    u !== d && M(t, u);
+  };
+  return $(() => {
+    o && f(d), L && !o && f(L);
+  }, [o, L]), /* @__PURE__ */ p("li", { className: q(a.item, { [a.withoutList]: v }), children: [
+    /* @__PURE__ */ p("div", { className: a.inputContainer, children: [
+      /* @__PURE__ */ p("div", { className: a.titleBlock, children: [
+        /* @__PURE__ */ n("p", { className: a.title, children: `${e.title} ${c}` }),
+        /* @__PURE__ */ n("button", { className: a.contractBtn, type: "button", onClick: N, children: B ? /* @__PURE__ */ n(I, { className: a.spinner }) : /* @__PURE__ */ p(Z, { children: [
+          !y && /* @__PURE__ */ n(Q, {}),
+          /* @__PURE__ */ n(
+            "span",
+            {
+              className: a.contractBtnTitle,
+              children: `${e.contractBtn} ${c}`
+            }
+          )
+        ] }) })
+      ] }),
+      /* @__PURE__ */ p("div", { className: a.inputBlock, children: [
+        /* @__PURE__ */ n(
+          "input",
+          {
+            className: a.otpInput,
+            type: "text",
+            onBlur: T,
+            value: u,
+            onChange: (A) => f(A.target.value.toUpperCase())
+          }
+        ),
+        /* @__PURE__ */ n("button", { className: a.otpBtn, type: "button", onClick: b, children: e.otpBtn })
+      ] })
+    ] }),
+    v && /* @__PURE__ */ p("ul", { className: a.linkList, children: [
+      H && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
+        "a",
+        {
+          className: a.link,
+          href: H,
+          rel: "noopener nofollow",
+          target: "_blank",
+          children: e.insurerInfoLink
+        }
+      ) }),
+      w && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
+        "a",
+        {
+          className: a.link,
+          href: w,
+          rel: "noopener nofollow",
+          target: "_blank",
+          children: e.productInfoLink
+        }
+      ) }),
+      h && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
+        "a",
+        {
+          className: a.link,
+          href: h,
+          rel: "noopener nofollow",
+          target: "_blank",
+          children: e.insurerAgentInfoLink
+        }
+      ) })
+    ] })
+  ] });
+};
+var m = /* @__PURE__ */ ((t) => (t[t.unchecked = 0] = "unchecked", t[t.checked = 1] = "checked", t[t.error = 2] = "error", t))(m || {});
+const d1 = "_conditionsBlock_1uylx_1", L1 = "_error_1uylx_12", u1 = "_label_1uylx_21", m1 = "_ru_1uylx_31", h1 = "_conditionLink_1uylx_36", f1 = "_checkbox_1uylx_41", C1 = "_active_1uylx_56", C = {
+  conditionsBlock: d1,
+  error: L1,
+  label: u1,
+  ru: m1,
+  conditionLink: h1,
+  checkbox: f1,
+  active: C1
+}, g1 = ({
+  conditions: t,
+  locale: c,
+  setCheckboxState: d,
+  checkboxState: o
+}) => {
+  e.setLanguage(c);
+  const L = () => {
+    d(
+      o === m.checked ? m.unchecked : m.checked
+    );
+  };
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      className: q(C.conditionsBlock, {
+        [C.error]: o === m.error
+      }),
+      children: [
+        /* @__PURE__ */ n(
+          "button",
+          {
+            className: q(C.checkbox, {
+              [C.active]: o === m.checked,
+              [C.error]: o === m.error
+            }),
+            type: "button",
+            onClick: L,
+            children: "✓"
+          }
+        ),
+        /* @__PURE__ */ p("div", { className: q(C.label, { [C.ru]: c === J.RU }), children: [
+          e.conditionText1,
+          t.offer && /* @__PURE__ */ n(
+            "a",
+            {
+              className: C.conditionLink,
+              href: t.offer,
+              target: "_blank",
+              rel: "noopener nofollow",
+              children: e.conditionText2
+            }
+          ),
+          t.policy && /* @__PURE__ */ p(Z, { children: [
+            e.conditionText3,
+            /* @__PURE__ */ n(
+              "a",
+              {
+                className: C.conditionLink,
+                href: t.policy,
+                target: "_blank",
+                rel: "noopener nofollow",
+                children: e.conditionText4
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}, k1 = (t) => /* @__PURE__ */ r.createElement("svg", { width: 22, height: 22, viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ r.createElement("path", { d: "M10.0748 10.6465C9.98103 10.7402 9.92835 10.8674 9.92835 11C9.92835 11.1326 9.98103 11.2598 10.0748 11.3536L11.8963 13.1751C11.9066 13.1854 11.9066 13.2022 11.8963 13.2125C11.8859 13.2229 11.8691 13.2229 11.8588 13.2125L9.66501 11.0188C9.66004 11.0138 9.65725 11.0071 9.65725 11C9.65725 10.993 9.66004 10.9863 9.66501 10.9813L11.8588 8.7875C11.8691 8.77715 11.8859 8.77715 11.8963 8.7875C11.9066 8.79785 11.9066 8.81463 11.8963 8.82499L10.0748 10.6465ZM8.16308 19.4217C10.029 19.8594 11.971 19.8594 13.8369 19.4217C16.608 18.7717 18.7717 16.608 19.4217 13.8369C19.8594 11.971 19.8594 10.029 19.4217 8.16308C18.7717 5.39198 16.608 3.22828 13.8369 2.57827C11.971 2.14058 10.029 2.14058 8.16309 2.57827C5.39198 3.22828 3.22828 5.39198 2.57827 8.16308C2.14058 10.029 2.14058 11.971 2.57827 13.8369C3.22828 16.608 5.39198 18.7717 8.16308 19.4217Z", fill: "#FF944D", stroke: "white", strokeLinecap: "round", strokeLinejoin: "round" })), H1 = "_nav_1mz7j_7", w1 = "_prevBtn_1mz7j_31", B1 = "_nextBtn_1mz7j_53", v1 = "_loader_1mz7j_71", V = {
+  nav: H1,
+  prevBtn: w1,
+  nextBtn: B1,
+  loader: v1
+}, b1 = ({ prevStepHandler: t, nextStepHandler: c, isLoader: d, locale: o }) => (e.setLanguage(o), /* @__PURE__ */ p("div", { className: V.nav, children: [
+  /* @__PURE__ */ p("button", { className: V.prevBtn, type: "button", onClick: t, children: [
+    /* @__PURE__ */ n(k1, {}),
+    "Назад"
+  ] }),
+  /* @__PURE__ */ n("button", { className: V.nextBtn, type: "button", onClick: c, children: d ? /* @__PURE__ */ n(I, { className: V.loader }) : e.nextBtn })
+] })), x1 = (t) => /* @__PURE__ */ r.createElement("svg", { width: 39, height: 39, viewBox: "0 0 39 39", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ r.createElement("g", { clipPath: "url(#clip0_39257_100785)" }, /* @__PURE__ */ r.createElement("rect", { width: 38.5865, height: 38.5865, transform: "translate(0 0.192383)", fill: "white" }), /* @__PURE__ */ r.createElement("path", { d: "M35.9214 14.6449L38.2689 14.2255C37.3429 9.04227 34.2834 4.40488 29.8751 1.50244L28.5637 3.49413C32.4282 6.03832 35.1099 10.1027 35.9214 14.6449Z", fill: "#2D3136" }), /* @__PURE__ */ r.createElement("path", { d: "M10.0228 3.49388L8.71145 1.5022C4.30315 4.40464 1.24372 9.04202 0.317627 14.2252L2.66509 14.6446C3.47657 10.1025 6.15836 6.03816 10.0228 3.49388Z", fill: "#2D3136" }), /* @__PURE__ */ r.createElement("path", { d: "M35.3893 26.0446L33.0047 23.66V17.6503C33.0047 11.424 28.7982 6.0068 22.8702 4.41119V3.76926C22.8702 1.79697 21.2656 0.192383 19.2934 0.192383C17.3211 0.192383 15.7165 1.79697 15.7165 3.76926V4.41119C9.78855 6.0068 5.58198 11.424 5.58198 17.6503V23.66L3.19739 26.0446V30.8303H1.21024V33.2149H12.6445C13.2095 36.3733 15.9749 38.7789 19.2934 38.7789C22.6118 38.7789 25.3772 36.3733 25.9422 33.2149H37.3765V30.8303H35.3893V26.0446ZM5.58198 27.0323L7.96657 24.6478V17.6503C7.96657 12.2312 11.8223 7.55432 17.1346 6.52974L18.1011 6.34335V3.76926C18.1011 3.11183 18.6359 2.57697 19.2934 2.57697C19.9508 2.57697 20.4856 3.11183 20.4856 3.76926V6.34327L21.4521 6.52966C26.7644 7.55424 30.6201 12.2311 30.6201 17.6502V24.6477L33.0047 27.0323V30.8302H5.58198V27.0323ZM19.2934 36.3943C17.2961 36.3943 15.6087 35.0476 15.0882 33.2149H23.4985C22.978 35.0476 21.2905 36.3943 19.2934 36.3943Z", fill: "#2D3136" })), /* @__PURE__ */ r.createElement("defs", null, /* @__PURE__ */ r.createElement("clipPath", { id: "clip0_39257_100785" }, /* @__PURE__ */ r.createElement("rect", { width: 38.5865, height: 38.5865, fill: "white", transform: "translate(0 0.192383)" })))), N1 = "_shadow_1qtcf_1", P1 = "_container_1qtcf_11", y1 = "_ring_1qtcf_37", T1 = "_title_1qtcf_49", V1 = "_list_1qtcf_61", q1 = "_item_1qtcf_67", M1 = "_itemTitle_1qtcf_87", O1 = "_itemOtp_1qtcf_93", A1 = "_btn_1qtcf_101", g = {
+  shadow: N1,
+  container: P1,
+  ring: y1,
+  title: T1,
+  list: V1,
+  item: q1,
+  itemTitle: M1,
+  itemOtp: O1,
+  btn: A1
+}, E1 = ({ contractList: t, otpPopupHandler: c, locale: d }) => {
+  e.setLanguage(d);
+  const o = () => c(t);
+  return /* @__PURE__ */ n("div", { className: g.shadow, children: /* @__PURE__ */ p("div", { className: g.container, children: [
+    /* @__PURE__ */ n(x1, { className: g.ring }),
+    /* @__PURE__ */ n("div", { className: g.title, children: e.otpPopupTitle }),
+    /* @__PURE__ */ n("ul", { className: g.list, children: t.map((L) => /* @__PURE__ */ p("li", { className: g.item, children: [
+      /* @__PURE__ */ n("div", { className: g.itemTitle, children: L.title }),
+      /* @__PURE__ */ n("div", { className: g.itemOtp, children: L.otp })
+    ] }, L.id)) }),
+    /* @__PURE__ */ n("button", { className: g.btn, type: "button", onClick: o, children: e.otpPopupBtn })
+  ] }) });
+}, $1 = "_shadow_uxwpf_1", Z1 = "_container_uxwpf_11", I1 = "_warning_uxwpf_37", F1 = "_title_uxwpf_48", D1 = "_list_uxwpf_60", j1 = "_item_uxwpf_68", z1 = "_btn_uxwpf_90", k = {
+  shadow: $1,
+  container: Z1,
+  warning: I1,
+  title: F1,
+  list: D1,
+  item: j1,
+  btn: z1
+}, R1 = "https://polis.ua/static/img/react-modules/otp/warning.png", S1 = ({ contractList: t, notConfirmHandler: c, locale: d }) => (e.setLanguage(d), /* @__PURE__ */ n("div", { className: k.shadow, children: /* @__PURE__ */ p("div", { className: k.container, children: [
+  /* @__PURE__ */ n("img", { className: k.warning, src: R1, alt: "Warning" }),
+  /* @__PURE__ */ n("div", { className: k.title, children: e.notConfirmPopupTitle }),
+  /* @__PURE__ */ n("ul", { className: k.list, children: t.map((o) => {
+    if (!o.isOtpApply)
+      return /* @__PURE__ */ n("li", { className: k.item, children: o.title }, o.id);
+  }) }),
+  /* @__PURE__ */ n("button", { className: k.btn, type: "button", onClick: c, children: e.notConfirmPopupBtn })
+] }) })), U1 = "_container_qmy4g_1", W1 = {
+  container: U1
+}, et = ({
+  contractList: t,
+  conditions: c,
+  prevStepHandler: d,
+  nextStepHandler: o,
+  isConfirmLoading: L,
+  isConfirmFail: N,
+  clearOtpCallback: H,
+  contractLoadingStatus: w,
+  locale: h,
+  styleConfig: P
+}) => {
+  e.setLanguage(h);
+  const [M, B] = x(!1), [O, y] = x([]), [u, f] = x([]), [v, b] = x(m.unchecked);
+  P && K(P);
+  const T = () => {
+    f(t), y(t), setTimeout(() => B(!0), 500);
+  }, A = (l) => {
+    B(!1);
+    const s = u.map((i) => {
+      const _ = l.find((E) => i.id === E.id);
+      return _ ? {
+        ..._,
+        isOtpApply: !0
+      } : i;
+    });
+    f(s);
+  }, F = (l) => {
+    const s = t.find((i) => i.id === l);
+    s && (y([s]), f(
+      (i) => i.map((_) => _.id === l ? {
+        ..._,
+        isOtpApply: !1
+      } : _)
+    )), B(!0);
+  }, D = (l, s) => {
+    const i = u.map((_) => _.id === l ? {
+      ..._,
+      isOtpApply: !1,
+      enteredOtp: s
+    } : _);
+    f(i);
+  }, j = () => {
+    if (v !== m.checked) {
+      b(m.error);
+      return;
+    }
+    if (b(m.checked), u.filter((i) => i.isOtpApply).length === 0) {
+      o([]);
+      return;
+    }
+    const s = u.map((i) => {
+      const { product: _, id: E } = i, S = i.isOtpApply ? i.otp : i.enteredOtp || "";
+      return { product: _, contractId: E, code: S };
+    });
+    o(s);
+  }, z = () => {
+    H(), T();
+  }, R = (l) => {
+    const s = w.find((i) => i.product === l);
+    return !!(s != null && s.isLoading);
+  };
+  return $(() => {
+    u.length && f(
+      (l) => l.map((s) => {
+        var i;
+        return {
+          ...s,
+          title: ((i = t.find((_) => _.id === s.id)) == null ? void 0 : i.title) || ""
+        };
+      })
+    );
+  }, [t]), $(() => {
+    N || T();
+  }, []), /* @__PURE__ */ p("div", { className: W1.container, children: [
+    /* @__PURE__ */ n("ul", { children: u.map((l) => /* @__PURE__ */ n(
+      _1,
+      {
+        data: l,
+        applyOtpHandler: F,
+        setOtp: D,
+        isLoading: R(l.product),
+        locale: h
+      },
+      l.id
+    )) }),
+    /* @__PURE__ */ n(
+      g1,
+      {
+        conditions: c,
+        locale: h,
+        checkboxState: v,
+        setCheckboxState: b
+      }
+    ),
+    /* @__PURE__ */ n(
+      b1,
+      {
+        prevStepHandler: d,
+        nextStepHandler: j,
+        isLoader: L,
+        locale: h
+      }
+    ),
+    M && /* @__PURE__ */ n(
+      E1,
+      {
+        contractList: O,
+        otpPopupHandler: A,
+        locale: h
+      }
+    ),
+    N && /* @__PURE__ */ n(
+      S1,
+      {
+        contractList: u,
+        notConfirmHandler: z,
+        locale: h
+      }
+    )
+  ] });
+};
+export {
+  et as O
+};

package/dist/modules/OtpModule/OtpModule.css

@@ -0,0 +1 @@
+._item_1i7q7_1{display:flex;flex-direction:column}._item_1i7q7_1._withoutList_1i7q7_5{margin-bottom:16px}._inputContainer_1i7q7_9{padding:16px;border-radius:8px;border:1px solid #D1D5DB;background:#f5f7f9;display:flex;flex-direction:column}@media (min-width: 768px){._inputContainer_1i7q7_9{flex-direction:row;justify-content:space-between;border:none}}@media (min-width: 992px){._inputContainer_1i7q7_9{padding:12px}}@media (min-width: 1200px){._inputContainer_1i7q7_9{padding:12px 40px}}._linkList_1i7q7_35{padding:16px 16px 18px}@media (min-width: 992px){._linkList_1i7q7_35{padding:16px 12px 18px}}@media (min-width: 1200px){._linkList_1i7q7_35{padding:16px 40px 18px}}._linkList_1i7q7_35 li{margin-bottom:8px;text-align:center}@media (min-width: 768px){._linkList_1i7q7_35 li{text-align:left}}._linkList_1i7q7_35 li:last-child{margin-bottom:0}._link_1i7q7_35{border-bottom:1px solid #2D2B2B;font:400 14px/130% latoregular}._titleBlock_1i7q7_66{display:flex;flex-direction:column-reverse;align-items:center}@media (min-width: 768px){._titleBlock_1i7q7_66{align-items:initial;margin-right:8px;flex-direction:column}}._title_1i7q7_66{font:700 16px/20px latobold;margin-bottom:4px;text-align:center}@media (min-width: 768px){._title_1i7q7_66{text-align:left;font-size:18px;line-height:25.2px;margin-bottom:12px}}._contractBtn_1i7q7_93{display:flex;align-items:center}._contractBtnTitle_1i7q7_98{font-size:14px;line-height:130%;text-decoration:underline;margin-bottom:16px}@media (min-width: 768px){._contractBtnTitle_1i7q7_98{text-decoration:none;border-bottom:1px solid #2D2B2B;margin-left:8px;margin-bottom:0}}@media (min-width: 992px){._contractBtnTitle_1i7q7_98{font-size:13px}}@media (min-width: 1200px){._contractBtnTitle_1i7q7_98{font-size:14px}}._inputBlock_1i7q7_123{display:flex;flex-direction:column}._otpInput_1i7q7_128{width:100%;height:36px;border-radius:8px;border:1px solid #D1D5DB;font:700 16px/20px latobold;text-align:center;background:#e5e7eb;transition:all .2s ease-in-out}@media (min-width: 768px){._otpInput_1i7q7_128{font-weight:400;font-family:latoregular;width:110px;height:45px}}._otpInput_1i7q7_128:focus{background:#fff}._otpBtn_1i7q7_150{width:fit-content;margin:4px auto 0;font-size:10px;line-height:10px;border-bottom:1px solid #2D2B2B}._spinner_1i7q7_158{display:block;margin:0 auto;width:36px}@media (min-width: 768px){._spinner_1i7q7_158{width:25px}}._conditionsBlock_1uylx_1{padding:12px;background:#fffbf0;border-radius:8px;border:1px solid transparent;font-size:14px;line-height:140%;display:flex;gap:12px;transition:all .2s ease-in-out}._conditionsBlock_1uylx_1._error_1uylx_12{border-color:#c42300}@media (min-width: 1200px){._conditionsBlock_1uylx_1{flex-direction:row-reverse}}._label_1uylx_21{width:calc(100% - 28px)}@media (min-width: 1200px){._label_1uylx_21{text-align:right;max-width:575px}}@media (min-width: 1200px){._label_1uylx_21._ru_1uylx_31{max-width:615px}}._conditionLink_1uylx_36{color:#2275eb;margin-left:6px}._checkbox_1uylx_41{width:20px;height:20px;background:#fff;border:1px solid #D1D5DB;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease-in-out;box-shadow:0 0 #0a994a80;animation:_checkboxPulse_1uylx_1 1.8s infinite}._checkbox_1uylx_41._active_1uylx_56{color:#0a994a;border-color:#0a994a;box-shadow:none;animation:none}._checkbox_1uylx_41._error_1uylx_12{border-color:#c42300;color:#fff;box-shadow:none;animation:none}@keyframes _checkboxPulse_1uylx_1{0%{box-shadow:0 0 #0a994a80}70%{box-shadow:0 0 0 10px #0a994a00}to{box-shadow:0 0 #0a994a00}}:root{--A_Page_main_btn_background: #FFD362;--A_Page_main_btn_hover_background: #E7B433;--A_Page_main_btn_color: #2d2b2b}._nav_1mz7j_7{display:flex;flex-direction:column-reverse;margin-top:16px}@media (min-width: 768px){._nav_1mz7j_7{flex-direction:row;justify-content:space-between}}._nav_1mz7j_7 button{border-radius:12px;width:100%;height:50px;transition:all .2s ease-in-out}@media (min-width: 768px){._nav_1mz7j_7 button{width:170px;height:52px}}._prevBtn_1mz7j_31{font:400 16px/22.4px latoregular;border:1px solid #D1D5DB;display:flex;align-items:center;justify-content:center}._prevBtn_1mz7j_31 svg{margin-right:12px;transition:all .3s ease-in-out}._prevBtn_1mz7j_31 svg path{transition:all .3s ease-in-out;fill:var(--A_Page_main_btn_background)}._prevBtn_1mz7j_31:hover{box-shadow:0 3px 17px #515a6436}._prevBtn_1mz7j_31:hover svg path{fill:var(--A_Page_main_btn_hover_background)}._nextBtn_1mz7j_53{font:700 16px/22.4px latobold;background-color:var(--A_Page_main_btn_background);margin-bottom:8px;display:flex;align-items:center;justify-content:center;color:var(--A_Page_main_btn_color)}@media (min-width: 768px){._nextBtn_1mz7j_53{margin-bottom:0}}._nextBtn_1mz7j_53:hover{background-color:var(--A_Page_main_btn_hover_background)}._loader_1mz7j_71{width:55px}._shadow_1qtcf_1{position:fixed;width:100%;height:100%;top:0;left:0;z-index:109999999;background:#374656b3}._container_1qtcf_11{box-sizing:border-box;background-color:#fff;width:100%;padding:24px 16px 40px;color:#2d2b2b;position:fixed;bottom:0;left:0;border-radius:12px 12px 0 0}@media (min-width: 768px){._container_1qtcf_11{padding:24px 80px 40px;max-width:736px;border-radius:12px;position:relative;margin:0 auto}}@media (min-width: 992px){._container_1qtcf_11{max-width:870px}}._ring_1qtcf_37{display:block;margin:0 auto 24px}@media (min-width: 768px){._ring_1qtcf_37{position:absolute;top:18px;left:18px}}._title_1qtcf_49{font:700 18px/23.4px latobold;margin-bottom:24px;text-align:center}@media (min-width: 768px){._title_1qtcf_49{font-size:22px;line-height:26.4px}}._list_1qtcf_61{margin:0 auto 24px;width:100%;max-width:560px}._item_1qtcf_67{padding:8px;border-bottom:1px solid #E5E7EB;display:flex;justify-content:space-between;align-items:center;font:700 16px/20px latobold}@media (min-width: 768px){._item_1qtcf_67{padding:16px 8px;font-size:18px;line-height:21px}}._item_1qtcf_67:last-child{border-bottom:none}@media (min-width: 768px){._itemTitle_1qtcf_87{font-weight:700;font-family:latobold}}._itemOtp_1qtcf_93{width:105px;padding:8px 16px;border-radius:6px;background-color:#e5e7eb;text-align:center}._btn_1qtcf_101{display:block;margin:0 auto;width:100%;height:50px;font:700 16px/22.4px latobold;background-color:var(--A_Page_main_btn_background);border-radius:16px;transition:all .2s ease-in-out;color:var(--A_Page_main_btn_color)}@media (min-width: 768px){._btn_1qtcf_101{width:440px;height:70px;font-size:26px;line-height:35px}}._btn_1qtcf_101:hover{background-color:var(--A_Page_main_btn_hover_background)}._shadow_uxwpf_1{position:fixed;width:100%;height:100%;top:0;left:0;z-index:109999999;background:#374656b3}._container_uxwpf_11{box-sizing:border-box;background-color:#fff;width:100%;padding:24px 16px 40px;color:#2d2b2b;position:fixed;bottom:0;left:0;border-radius:12px 12px 0 0}@media (min-width: 768px){._container_uxwpf_11{padding:24px 80px 40px;max-width:736px;border-radius:12px;position:relative;margin:10% auto 0}}@media (min-width: 992px){._container_uxwpf_11{max-width:870px}}._warning_uxwpf_37{display:block;width:40px;margin:0 auto 24px}@media (min-width: 768px){._warning_uxwpf_37{width:80px}}._title_uxwpf_48{font:700 18px/23.4px latobold;margin-bottom:24px;text-align:center}@media (min-width: 768px){._title_uxwpf_48{font-size:22px;line-height:26.4px}}._list_uxwpf_60{margin:0 auto 24px;width:100%;max-width:560px;list-style-type:disc;list-style-position:inside}._item_uxwpf_68{padding:8px;border-radius:4px;background-color:#f5f7f9;font-size:16px;line-height:19.2px;margin-bottom:8px}@media (min-width: 768px){._item_uxwpf_68{padding:8px 16px;font-size:18px;line-height:21px}}._item_uxwpf_68:last-child{margin-bottom:0}._item_uxwpf_68::marker{color:#c42300}._btn_uxwpf_90{display:block;margin:0 auto;width:100%;height:50px;font:700 16px/22.4px latobold;background-color:var(--A_Page_main_btn_background);color:var(--A_Page_main_btn_color);border-radius:16px;transition:all .2s ease-in-out}@media (min-width: 768px){._btn_uxwpf_90{width:440px;height:70px;font-size:26px;line-height:35px}}._btn_uxwpf_90:hover{background-color:var(--A_Page_main_btn_hover_background)}._container_qmy4g_1{color:#2d2b2b;font-family:latoregular}

package/dist/modules/OtpModule/OtpModule.d.ts

@@ -0,0 +1,2 @@
+import { OtpModuleProps } from './OtpModule.types';
+export declare const OtpModule: ({ contractList, conditions, prevStepHandler, nextStepHandler, isConfirmLoading, isConfirmFail, clearOtpCallback, contractLoadingStatus, locale, styleConfig, }: OtpModuleProps) => import("react/jsx-runtime").JSX.Element;