@ashtuka/react-lib 1.0.38 → 1.0.39

package/README.md

@@ -1,3 +1,6 @@
 # @ashtuka/react-lib
 
 React-бібліотека компонентів (для навчання)
+Поточні обмеження:
+- модуль, призначений для експорту, повинен лежати в теці modules у своїй власній паці з назвою, що закінчується на Modules
+- наразі не реалізована можливість використовувати один модуль у середині іншого (при build не буде теки shared, де буде вказано правильний порядок імпортів. Наразі в нас плоска структура entry point)

package/dist/components/LoadAbleImg/LoadAbleImg.d.ts

@@ -0,0 +1,9 @@
+export interface ILoadableImage {
+    src: string;
+    srcWebp?: string;
+    alt?: string;
+    width?: string;
+    height?: string;
+    onLoad?(): void;
+}
+export declare function LoadableImg(props: ILoadableImage): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export * from './LoadAbleImg';

package/dist/constants/breakpoints.d.ts

@@ -1,5 +1,5 @@
-export declare const BREAKPOINT_SM = 576;
-export declare const BREAKPOINT_MD = 768;
-export declare const BREAKPOINT_LG = 992;
-export declare const BREAKPOINT_XL = 1200;
-export declare const BREAKPOINT_2XL = 1400;
+export declare const SM = 576;
+export declare const MD = 768;
+export declare const LG = 992;
+export declare const XL = 1200;
+export declare const XXL = 1400;

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { default as useDevice } from './useDevice';
+export { default as useOnScreen } from './useOnScreen';

package/dist/hooks/index.es.js

@@ -0,0 +1,5 @@
+import { u as a, a as r } from "./useOnScreen-CpqVO1-u.mjs";
+export {
+  a as useDevice,
+  r as useOnScreen
+};

package/dist/hooks/useDevice.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Хук визначає, чи поточна ширина вікна браузера знаходиться в заданому діапазоні.
+ *
+ * @param from - Мінімальна ширина в пікселях (включно).
+ * @param to - Максимальна ширина в пікселях (не включно).
+ * @returns true, якщо ширина вікна в межах [from, to), інакше false.
+ *
+ * @example
+ * ```ts
+ * const isTablet = useDevice(768, 1024);
+ *
+ * if (isTablet) {
+ *   console.log("Користувач переглядає сайт на планшеті");
+ * }
+ * ```
+ */
+export default function useDevice(from: number, to: number): boolean;

package/dist/hooks/useOnScreen-CpqVO1-u.mjs

@@ -0,0 +1,28 @@
+import { useState as s, useEffect as o } from "react";
+function d(e, r) {
+  const [t, i] = s(window.outerWidth);
+  return o(() => {
+    const n = () => i(document.body.getBoundingClientRect().width);
+    return window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
+  }, []), t >= e && t < r;
+}
+function w(e, r = "0px") {
+  const [t, i] = s(!1);
+  return o(() => {
+    const n = new IntersectionObserver(
+      ([c]) => {
+        i(c.isIntersecting);
+      },
+      {
+        rootMargin: r
+      }
+    );
+    return e.current && n.observe(e.current), () => {
+      e.current && n.unobserve(e.current);
+    };
+  }, []), t;
+}
+export {
+  w as a,
+  d as u
+};

package/dist/hooks/useOnScreen.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Хук визначає, чи елемент знаходиться у видимій області вікна браузера (viewport).
+ *
+ * @param ref - Ref-об’єкт елемента, за яким потрібно спостерігати.
+ * @param rootMargin - Відступи (margin) навколо viewport для розширення або зменшення зони спостереження (за замовчуванням "0px").
+ * @returns true, якщо елемент перетинає зону видимості, інакше false.
+ *
+ * @example
+ * ```ts
+ * const ref = useRef<HTMLDivElement>(null);
+ * const isVisible = useOnScreen(ref, "-100px");
+ *
+ * return (
+ *   <div ref={ref}>
+ *     {isVisible ? "Елемент на екрані" : "Елемент поза екраном"}
+ *   </div>
+ * );
+ * ```
+ */
+import { RefObject } from 'react';
+export default function useOnScreen(ref: RefObject<HTMLElement | null>, rootMargin?: string): boolean;

package/dist/index.d.ts

@@ -1,2 +1,4 @@
 export { PageLoaderModule } from './modules/PageLoaderModule';
 export type { PageLoaderModuleProps } from './modules/PageLoaderModule';
+export { FooterV2Module } from './modules/FooterV2Module';
+export type { FooterV2ModuleProps } from './modules/FooterV2Module';

package/dist/index.es.js

@@ -1,4 +1,6 @@
-import { P as a } from "./PageLoaderModule-C7IoevYf.mjs";
+import { P as r } from "./modules/PageLoaderModule/PageLoaderModule-D6yGXr6Z.mjs";
+import { F as d } from "./modules/FooterV2Module/FooterV2Module-Cd4z2v8y.mjs";
 export {
-  a as PageLoaderModule
+  d as FooterV2Module,
+  r as PageLoaderModule
 };

package/dist/modules/FooterV2Module/AppsList/AppsList.d.ts

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

package/dist/modules/FooterV2Module/AppsList/index.d.ts

@@ -0,0 +1 @@
+export * from './AppsList';

package/dist/modules/FooterV2Module/FooterBottom/FooterBottom.d.ts

@@ -0,0 +1,8 @@
+type FooterBottomProps = {
+    copyrightText: string;
+    isMob: boolean;
+    isPaymentSystem: boolean;
+    isAppStore: boolean;
+};
+export declare const FooterBottom: ({ copyrightText, isMob, isPaymentSystem, isAppStore, }: FooterBottomProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/FooterV2Module/FooterBottom/index.d.ts

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

package/dist/modules/FooterV2Module/FooterHeader/FooterHeader.d.ts

@@ -0,0 +1,12 @@
+import { Locale } from '@/types';
+import { FooterOptionsType } from '../FooterV2Module.types';
+type FooterHeaderProps = {
+    locale: Locale;
+    label: string;
+    isMob: boolean;
+    isTab: boolean;
+    isDesk: boolean;
+    options?: FooterOptionsType;
+};
+export declare const FooterHeader: ({ locale, options, isMob, isTab, isDesk, label }: FooterHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/FooterV2Module/FooterHeader/index.d.ts

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

package/dist/modules/FooterV2Module/FooterMenu/FooterMenu.d.ts

@@ -0,0 +1,11 @@
+import { Locale } from '@/types';
+import { FooterData } from '../FooterV2Module.types';
+type FooterMenuProps = {
+    locale: Locale;
+    footerData: FooterData | null;
+    isAppList: boolean;
+    isMenu: boolean;
+    isOption: boolean;
+};
+export declare const FooterMenu: ({ locale, isAppList, isMenu, footerData, isOption, }: FooterMenuProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/FooterV2Module/FooterMenu/index.d.ts

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

package/dist/modules/FooterV2Module/FooterV2Module-Cd4z2v8y.mjs

@@ -0,0 +1,387 @@
+var W = Object.defineProperty;
+var R = (t, e, o) => e in t ? W(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
+var w = (t, e, o) => R(t, typeof e != "symbol" ? e + "" : e, o);
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { useState as N, useRef as I, useEffect as M, useMemo as P } from "react";
+import B from "react-localization";
+import q from "axios";
+import { a as G, u as x } from "../../hooks/useOnScreen-CpqVO1-u.mjs";
+import { L as S } from "../../types/Locale-D0KYJGGt.mjs";
+const K = () => ["localhost", "test.polis.ua", "polisua-dev.svc.cluster.local"].some((e) => window.location.hostname.includes(e)) ? "https://test.polis.ua" : "https://polis.ua";
+class X {
+  constructor(e, o) {
+    w(this, "BASE_PATH");
+    w(this, "HOST");
+    this.BASE_PATH = o, this.HOST = e;
+  }
+  async request(e, o) {
+    let c = `${this.HOST}${this.BASE_PATH}${e}`;
+    const {
+      method: l = "GET",
+      data: u,
+      params: n,
+      headers: a
+    } = o;
+    if (n) {
+      const s = new URL(c), i = new URLSearchParams({ ...n });
+      s.search = i.toString(), c = s.toString();
+    }
+    const h = {
+      url: c.toString(),
+      method: l,
+      data: u,
+      headers: a
+    };
+    try {
+      return (await q.request(h)).data;
+    } catch (s) {
+      throw console.error(`API Error on ${l} ${e}:`, s), new Error(
+        JSON.stringify({
+          message: "Request failed",
+          endpoint: e,
+          method: l,
+          originalError: s instanceof Error ? s.message : String(s)
+        })
+      );
+    }
+  }
+}
+const Y = K(), j = "/api";
+class V extends X {
+  constructor() {
+    super(Y, j);
+  }
+  async fetchHeaderData() {
+    return this.request("/menu-v3/new/root", {});
+  }
+  async fetchFooterData() {
+    return this.request("/menu/footer/root", {});
+  }
+}
+const T = 768, L = 992, J = 1400, Q = "_container_z8lgs_1", Z = "_containerLoaded_z8lgs_30", ee = "_image_z8lgs_34", te = "_imageLoaded_z8lgs_42", g = {
+  container: Q,
+  containerLoaded: Z,
+  image: ee,
+  imageLoaded: te
+};
+function p(t) {
+  const { src: e, srcWebp: o = "", alt: c = "", onLoad: l = () => {
+  }, width: u = "100%", height: n = "100%" } = t, [a, h] = N(!1), s = I(null), i = I(null), _ = G(i);
+  M(() => {
+    !_ || a || s.current && (s.current.onload = () => {
+      h(!0), l();
+    });
+  }, [_, l, a]);
+  const d = o ? /* @__PURE__ */ m("picture", { children: [
+    /* @__PURE__ */ r(
+      "source",
+      {
+        style: { width: u, height: n },
+        className: a ? g.imageLoaded : g.image,
+        srcSet: o,
+        type: "image/webp"
+      }
+    ),
+    /* @__PURE__ */ r(
+      "img",
+      {
+        style: { width: u, height: n },
+        ref: s,
+        className: a ? g.imageLoaded : g.image,
+        src: e,
+        alt: c,
+        referrerPolicy: "no-referrer"
+      }
+    )
+  ] }) : /* @__PURE__ */ r(
+    "img",
+    {
+      style: { width: u, height: n },
+      ref: s,
+      className: a ? g.imageLoaded : g.image,
+      src: e,
+      alt: c,
+      referrerPolicy: "no-referrer"
+    }
+  );
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      style: { width: u, height: n },
+      ref: i,
+      className: a ? g.containerLoaded : g.container,
+      children: (_ || a) && d
+    }
+  );
+}
+const re = "_phoneContainer_1n93l_1", oe = "_phone_1n93l_1", ce = "_phoneTitle_1n93l_19", k = {
+  phoneContainer: re,
+  phone: oe,
+  phoneTitle: ce
+}, b = ({ phone: t, locale: e }) => {
+  const o = t ? `tel:${t}` : "tel:0800208824", c = new B({
+    uk: {
+      title: "(безкоштовно по Україні)"
+    },
+    ru: {
+      title: "(бесплатно по Украине)"
+    }
+  });
+  return c.setLanguage(e), /* @__PURE__ */ m("div", { className: k.phoneContainer, children: [
+    /* @__PURE__ */ r("a", { className: k.phone, href: o, children: t || "0 800 20 88 24" }),
+    !t && /* @__PURE__ */ r("p", { className: k.phoneTitle, children: c.title })
+  ] });
+}, ae = "_socialList_1agn2_1", le = {
+  socialList: ae
+}, E = "https://polis.ua/static/img/react-modules/footerModule/social/facebook.svg", U = "https://polis.ua/static/img/react-modules/footerModule/social/youtube.svg", D = "https://polis.ua/static/img/react-modules/footerModule/social/telegram.svg", F = "https://polis.ua/static/img/react-modules/footerModule/social/tiktok.svg", z = "https://polis.ua/static/img/react-modules/footerModule/social/instagram.svg", se = [
+  {
+    id: 1,
+    iconSrc: E,
+    href: "https://www.facebook.com/polis.ua.insurance/"
+  },
+  {
+    id: 2,
+    iconSrc: U,
+    href: "https://www.youtube.com/channel/UC_OX5i3CYGk9_QdI3nUruaw"
+  },
+  {
+    id: 3,
+    iconSrc: D,
+    href: "https://t.me/polis4u"
+  },
+  {
+    id: 4,
+    iconSrc: F,
+    href: "https://www.tiktok.com/@polis.ua"
+  },
+  {
+    id: 5,
+    iconSrc: z,
+    href: "https://www.instagram.com/polis.ua/"
+  }
+], A = ({ socialList: t, isAgent: e }) => {
+  if (e && !t) return null;
+  const o = [
+    (t == null ? void 0 : t.facebook) && {
+      id: 1,
+      iconSrc: E,
+      href: t.facebook
+    },
+    (t == null ? void 0 : t.youtube) && {
+      id: 2,
+      iconSrc: U,
+      href: t.youtube
+    },
+    (t == null ? void 0 : t.telegram) && {
+      id: 3,
+      iconSrc: D,
+      href: t.telegram
+    },
+    (t == null ? void 0 : t.tiktok) && {
+      id: 4,
+      iconSrc: F,
+      href: t.tiktok
+    },
+    (t == null ? void 0 : t.instagram) && {
+      id: 5,
+      iconSrc: z,
+      href: t.instagram
+    }
+  ].filter(Boolean), c = e ? o : se;
+  return /* @__PURE__ */ r("ul", { className: le.socialList, children: c.map((l) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r("a", { href: l.href, rel: "nofollow noreferrer", target: "_blank", children: /* @__PURE__ */ r(p, { src: l.iconSrc, width: "24px", height: "24px" }) }) }, l.id)) });
+}, ne = "_appsList_s60ek_1", ue = {
+  appsList: ne
+}, ie = [
+  {
+    id: 1,
+    imgSrc: "https://polis.ua/static/img/react-modules/footerModule/store/apple.svg",
+    href: "https://apps.apple.com/ua/app/polis-ua/id1529609326?l=ru#?platform=iphone"
+  },
+  {
+    id: 2,
+    imgSrc: "https://polis.ua/static/img/react-modules/footerModule/store/huawei.svg",
+    href: "https://appgallery.huawei.com/#/app/C103880333"
+  },
+  {
+    id: 3,
+    imgSrc: "https://polis.ua/static/img/react-modules/footerModule/store/google.svg",
+    href: "https://play.google.com/store/apps/details?id=com.polisua"
+  }
+], C = () => /* @__PURE__ */ r("ul", { className: ue.appsList, children: ie.map((t) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
+  "a",
+  {
+    href: t.href,
+    rel: "nofollow noreferrer",
+    target: "_blank",
+    children: /* @__PURE__ */ r(
+      p,
+      {
+        src: t.imgSrc,
+        width: "94px",
+        height: "32px"
+      }
+    )
+  }
+) }, t.id)) }), O = (t, e) => {
+  let o = e;
+  const c = window.location.href;
+  return (c.includes("test") || c.includes("localhost")) && (o = o.replace("polis", "test.polis")), t === S.UK && (o = o.replace("ua/", "ua/uk")), o;
+}, me = (t) => {
+  const e = document.querySelector(":root");
+  e && (t["--footer-bg"] && e.style.setProperty("--footer-bg", t["--footer-bg"]), t["--footer-color"] && e.style.setProperty("--footer-color", t["--footer-color"]), t["--footer-color-hover"] && e.style.setProperty("--footer-color-hover", t["--footer-color-hover"]));
+}, he = "_header_matcm_1", de = "_logoBlock_matcm_14", ge = "_logoContainer_matcm_20", fe = "_logoText_matcm_25", _e = "_contactBlock_matcm_47", y = {
+  header: he,
+  logoBlock: de,
+  logoContainer: ge,
+  logoText: fe,
+  contactBlock: _e
+}, ye = "https://polis.ua/static/img/react-modules/footerModule/logo/logoDesk.svg", pe = "https://polis.ua/static/img/react-modules/footerModule/logo/logoTab.svg", Se = "https://polis.ua/static/img/react-modules/footerModule/logo/logoMob.svg", we = ({ locale: t, options: e, isMob: o, isTab: c, isDesk: l, label: u }) => {
+  const { logo: n, logoWidth: a, logoHeight: h } = P(() => {
+    if (e != null && e.logoUrl) {
+      const s = e != null && e.logoWidthMob ? `${e.logoWidthMob}px` : "121px", i = e != null && e.logoWidthDesk ? `${e.logoWidthDesk}px` : "160px";
+      return {
+        logo: e.logoUrl,
+        logoWidth: (o || c) && s || l && i || "",
+        logoHeight: "auto"
+      };
+    }
+    return {
+      logo: o && Se || c && pe || l && ye || "",
+      logoWidth: o && "87px" || c && "121px" || l && "160px" || "",
+      logoHeight: o && "33px" || c && "47px" || l && "65px" || ""
+    };
+  }, [o, c, l, e]);
+  return /* @__PURE__ */ m("header", { className: y.header, children: [
+    /* @__PURE__ */ m("div", { className: y.logoBlock, children: [
+      /* @__PURE__ */ m("div", { className: y.logoContainer, children: [
+        /* @__PURE__ */ r("a", { href: (e == null ? void 0 : e.logoHref) || O(t, "https://polis.ua/"), children: /* @__PURE__ */ r(p, { src: n, width: a, height: h }) }),
+        o && /* @__PURE__ */ r(b, { phone: e == null ? void 0 : e.phone, locale: t })
+      ] }),
+      /* @__PURE__ */ r("p", { className: y.logoText, children: u }),
+      o && /* @__PURE__ */ r(A, { socialList: e == null ? void 0 : e.socialNetwork, isAgent: !!e })
+    ] }),
+    /* @__PURE__ */ m("div", { className: y.contactBlock, children: [
+      (c || l) && /* @__PURE__ */ r(b, { phone: e == null ? void 0 : e.phone, locale: t }),
+      (c || l) && /* @__PURE__ */ r(A, { socialList: e == null ? void 0 : e.socialNetwork, isAgent: !!e }),
+      c && !(e != null && e.hideAppStore) && /* @__PURE__ */ r(C, {})
+    ] })
+  ] });
+}, xe = "_paymentSystem_naesr_1", ke = "_tas_naesr_24", $ = {
+  paymentSystem: xe,
+  tas: ke
+}, ve = "https://polis.ua/static/img/react-modules/footerModule/visa.svg", Ne = "https://polis.ua/static/img/react-modules/footerModule/mastercard.svg", Me = ({ isMob: t }) => /* @__PURE__ */ m("div", { className: $.paymentSystem, children: [
+  /* @__PURE__ */ r(p, { src: Ne, width: t ? "32.5px" : "39px", height: t ? "20px" : "24px" }),
+  /* @__PURE__ */ r(p, { src: ve, width: t ? "66.6px" : "80px", height: t ? "20px" : "24px" }),
+  /* @__PURE__ */ r("a", { className: $.tas, href: "https://tas.ua/", rel: "nofollow noreferrer", target: "_blank", children: "TAS" })
+] }), Ce = "_footer_gsvy8_1", Ie = "_copyrightContainer_gsvy8_22", Te = "_copyright_gsvy8_22", v = {
+  footer: Ce,
+  copyrightContainer: Ie,
+  copyright: Te
+}, Le = ({
+  copyrightText: t,
+  isMob: e,
+  isPaymentSystem: o,
+  isAppStore: c
+}) => /* @__PURE__ */ m("footer", { className: v.footer, children: [
+  /* @__PURE__ */ m("div", { className: v.copyrightContainer, children: [
+    /* @__PURE__ */ r("p", { className: v.copyright, children: t }),
+    o && /* @__PURE__ */ r(Me, { isMob: e })
+  ] }),
+  c && /* @__PURE__ */ r(C, {})
+] }), be = "_menuContainer_17z7x_1", Ae = "_menu_17z7x_1", $e = "_menuItemList_17z7x_52", He = "_menuItemListDouble_17z7x_69", Pe = "_menuTitle_17z7x_85", Be = "_menuItemContainer_17z7x_103", Ee = "_menuItem_17z7x_52", f = {
+  menuContainer: be,
+  menu: Ae,
+  menuItemList: $e,
+  menuItemListDouble: He,
+  menuTitle: Pe,
+  menuItemContainer: Be,
+  menuItem: Ee
+}, Ue = ({
+  locale: t,
+  isAppList: e,
+  isMenu: o,
+  footerData: c,
+  isOption: l
+}) => {
+  const u = P(() => c ? t === S.UK ? c.menuUk : c.menuRu : null, [c, t]), n = (a) => {
+    const h = a.items.length > 10, s = h ? Math.ceil(a.items.length / 2) : a.items.length, i = (_) => /* @__PURE__ */ r("ul", { children: _.map((d) => /* @__PURE__ */ r("li", { className: f.menuItem, children: /* @__PURE__ */ r("a", { href: O(t, d.link), children: d.name }) }, d.name)) });
+    return /* @__PURE__ */ m(
+      "li",
+      {
+        className: h || l ? f.menuItemListDouble : f.menuItemList,
+        children: [
+          /* @__PURE__ */ r("p", { className: f.menuTitle, children: a.title }),
+          /* @__PURE__ */ m("div", { className: h ? f.menuItemContainer : void 0, children: [
+            i(a.items.slice(0, s)),
+            h && i(a.items.slice(s))
+          ] })
+        ]
+      },
+      a.title
+    );
+  };
+  return /* @__PURE__ */ m("menu", { className: f.menuContainer, children: [
+    o && u && /* @__PURE__ */ r("ul", { className: f.menu, children: u.map(n) }),
+    e && /* @__PURE__ */ r(C, {})
+  ] });
+}, De = "_footerModuleContainer_1dtbf_7", Fe = "_footerModule_1dtbf_7", H = {
+  footerModuleContainer: De,
+  footerModule: Fe
+}, Xe = ({ lang: t, options: e }) => {
+  const [o, c] = N(!1), [l, u] = N(null), n = (e == null ? void 0 : e.ukOnly) && S.UK || (e == null ? void 0 : e.ruOnly) && S.RU || t, a = x(0, T), h = x(T, L), s = x(L, J), i = new B({
+    uk: {
+      logoText: e != null && e.description ? e.description.uk : "Polis.ua - фінансовий онлайн-супермаркет. Загальнодержавний сервіс порівняння та оформлення кращих страхових та фінансових продуктів України. Свідомі фінансові рішення в декілька кліків.",
+      copyright: e != null && e.copyright ? e.copyright.uk : `© ТОВ «ПОЛІС.ЮА», ${(/* @__PURE__ */ new Date()).getFullYear()}. Всі права захищені.`
+    },
+    ru: {
+      logoText: e != null && e.description ? e.description.ru : "Polis.ua - финансовый онлайн-супермаркет. Общегосударственный сервис сравнения и оформления лучших страховых и финансовых продуктов Украины. Осознанные финансовые решения в несколько кликов.",
+      copyright: e != null && e.copyright ? e.copyright.ru : `© ООО «ПОЛИС.ЮА», ${(/* @__PURE__ */ new Date()).getFullYear()}. Все права защищены.`
+    }
+  });
+  return i.setLanguage(n), M(() => {
+    (async () => {
+      try {
+        const d = await new V().fetchFooterData();
+        u(d);
+      } catch (d) {
+        console.log(`An error occurred when trying fetch footer data => ${d}`), c(!0);
+      }
+    })();
+  }, []), M(() => {
+    e != null && e.stylesConfig && me(e == null ? void 0 : e.stylesConfig);
+  }, [e]), /* @__PURE__ */ r("section", { className: H.footerModuleContainer, children: /* @__PURE__ */ m("footer", { className: H.footerModule, children: [
+    /* @__PURE__ */ r(
+      we,
+      {
+        locale: n,
+        options: e,
+        isMob: a,
+        isTab: h,
+        isDesk: s,
+        label: i.logoText
+      }
+    ),
+    /* @__PURE__ */ r(
+      Ue,
+      {
+        locale: n,
+        footerData: l,
+        isMenu: !o,
+        isAppList: a && !(e != null && e.hideAppStore),
+        isOption: !!e
+      }
+    ),
+    /* @__PURE__ */ r(
+      Le,
+      {
+        isMob: a,
+        copyrightText: i.copyright,
+        isPaymentSystem: !e,
+        isAppStore: s && !(e != null && e.hideAppStore)
+      }
+    )
+  ] }) });
+};
+export {
+  Xe as F
+};

package/dist/modules/FooterV2Module/FooterV2Module.css

@@ -0,0 +1 @@
+._container_z8lgs_1{background:linear-gradient(101.42deg,#dfefff -.04%,#dfefff45 94.2%);box-sizing:border-box;overflow:hidden;width:100%;height:100%;position:relative}._container_z8lgs_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_z8lgs_1 1s cubic-bezier(.4,0,.2,1) infinite}@keyframes _load_z8lgs_1{0%{left:-150px}to{left:100%}}._containerLoaded_z8lgs_30:before{animation:none}._image_z8lgs_34{opacity:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease-in-out}._imageLoaded_z8lgs_42{opacity:1}._phoneContainer_1n93l_1{display:flex;flex-direction:column;align-items:flex-end;margin-bottom:16px}._phone_1n93l_1{font:600 18px/120% latobold;color:var(--footer-color)!important}@media (min-width: 768px){._phone_1n93l_1{font-size:22px;line-height:29px}}._phoneTitle_1n93l_19{font-size:10px;line-height:15px;color:#2d2b2b}@media (min-width: 768px){._phoneTitle_1n93l_19{font-size:12px}}._socialList_1agn2_1{display:flex;align-items:center;width:224px;align-self:flex-end;margin-top:16px}@media (min-width: 768px){._socialList_1agn2_1{justify-content:flex-end;margin-top:0}}._socialList_1agn2_1 li{margin-right:25px}._socialList_1agn2_1 li:last-child{margin-right:0}._appsList_s60ek_1{display:flex;justify-content:space-between;width:298px;margin-top:16px}@media (min-width: 992px){._appsList_s60ek_1{margin-top:0}}._header_matcm_1{padding:16px 0;display:flex;align-items:flex-start;justify-content:space-between}@media (min-width: 992px){._header_matcm_1{padding:40px 0}}@media (min-width: 992px){._logoBlock_matcm_14{display:flex;align-items:center}}._logoContainer_matcm_20{display:flex;justify-content:space-between}._logoText_matcm_25{width:100%;font-size:14px;line-height:120%;color:var(--footer-color);margin-top:8px}@media (min-width: 768px){._logoText_matcm_25{width:320px;font-size:12px;line-height:15px}}@media (min-width: 992px){._logoText_matcm_25{margin-top:0;margin-left:40px;width:335px}}._contactBlock_matcm_47{display:flex;flex-direction:column}._paymentSystem_naesr_1{width:160px;display:flex;align-items:center;justify-content:space-between;margin-top:8px}@media (min-width: 576px){._paymentSystem_naesr_1{margin-top:0}}@media (min-width: 768px){._paymentSystem_naesr_1{width:190px}}@media (min-width: 992px){._paymentSystem_naesr_1{margin-top:16px}}._tas_naesr_24{font:700 26px/24px latobold;color:#e4e9ef;height:26px}@media (min-width: 768px){._tas_naesr_24{font-size:32px}}._footer_gsvy8_1{padding:8px 0;display:flex;justify-content:space-between}@media (min-width: 576px){._footer_gsvy8_1{padding:16px 0}}@media (min-width: 768px){._footer_gsvy8_1{padding:16px 0 8px}}@media (min-width: 992px){._footer_gsvy8_1{padding:40px 0 16px}}._copyrightContainer_gsvy8_22{width:100%;display:flex;flex-direction:column;align-items:center}@media (min-width: 576px){._copyrightContainer_gsvy8_22{flex-direction:row;justify-content:space-between}}@media (min-width: 992px){._copyrightContainer_gsvy8_22{width:auto;display:block}}._copyright_gsvy8_22{font-size:12px;line-height:115%;color:var(--footer-color)}@media (min-width: 992px){._copyright_gsvy8_22{font-size:14px;line-height:158.6%}}._menuContainer_17z7x_1{position:relative;padding:16px 0}@media (min-width: 992px){._menuContainer_17z7x_1{padding:40px 0}}._menuContainer_17z7x_1:before{position:absolute;top:0;left:-16px;width:calc(100% + 32px);border-top:1px solid #E9E9E9;content:""}@media (min-width: 992px){._menuContainer_17z7x_1:before{left:5%;width:90%}}._menuContainer_17z7x_1:after{position:absolute;bottom:0;left:-16px;width:calc(100% + 32px);border-bottom:1px solid #E9E9E9;content:""}@media (min-width: 992px){._menuContainer_17z7x_1:after{left:5%;width:90%}}._menu_17z7x_1{display:flex;flex-wrap:wrap;justify-content:space-between}@media (min-width: 768px){._menu_17z7x_1{flex-wrap:nowrap}}._menuItemList_17z7x_52{width:calc(50% - 24px);margin-bottom:16px;margin-right:24px}@media (min-width: 768px){._menuItemList_17z7x_52{width:auto;margin-bottom:0;margin-right:0}}._menuItemList_17z7x_52:last-child{margin-bottom:0}._menuItemListDouble_17z7x_69{width:100%;margin-bottom:16px}@media (min-width: 768px){._menuItemListDouble_17z7x_69{width:42%;margin-bottom:0}}@media (min-width: 992px){._menuItemListDouble_17z7x_69{width:38%}}._menuTitle_17z7x_85{font:700 18px/22px latobold;text-transform:uppercase;color:var(--footer-color);margin-bottom:16px}@media (min-width: 768px){._menuTitle_17z7x_85{font:400 12px/140% latoregular;letter-spacing:.02em}}@media (min-width: 992px){._menuTitle_17z7x_85{font-size:14px}}._menuItemContainer_17z7x_103{width:100%;display:flex}@media (min-width: 768px){._menuItemContainer_17z7x_103{justify-content:space-between}}._menuItemContainer_17z7x_103 ul{width:calc(50% - 24px);margin-right:24px}@media (min-width: 768px){._menuItemContainer_17z7x_103 ul{width:auto;margin-right:0}}._menuItem_17z7x_52{font-size:14px;line-height:130%;color:var(--footer-color);margin-bottom:8px;transition:color .2s ease-in-out}@media (min-width: 768px){._menuItem_17z7x_52{font-size:12px;line-height:115%;margin-bottom:12px}}@media (min-width: 992px){._menuItem_17z7x_52{margin-bottom:4px;font-size:14px;line-height:158.6%}}._menuItem_17z7x_52:hover{color:var(--footer-color-hover)}._menuItem_17z7x_52:last-child{margin-bottom:0}:root{--footer-bg: #fff;--footer-color: #374656;--footer-color-hover: #51BE8F}._footerModuleContainer_1dtbf_7{background:var(--footer-bg)}._footerModule_1dtbf_7{font-family:latoregular;width:calc(100% - 32px);max-width:1200px;margin:0 auto;cursor:default}@media (min-width: 1200px){._footerModule_1dtbf_7{padding:0;width:100%}}

package/dist/modules/FooterV2Module/FooterV2Module.d.ts

@@ -0,0 +1,2 @@
+import { FooterV2ModuleProps } from './FooterV2Module.types';
+export declare const FooterV2Module: ({ lang, options }: FooterV2ModuleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/FooterV2Module/FooterV2Module.types.d.ts

@@ -0,0 +1,52 @@
+import { Locale } from '@/types';
+export type FooterMenuItem = {
+    name: string;
+    link: string;
+};
+export interface Menu {
+    title: string;
+    items: FooterMenuItem[];
+}
+export interface FooterData {
+    menuUk: Menu[];
+    menuRu: Menu[];
+}
+export interface FooterStyleConfig {
+    '--footer-bg'?: string;
+    '--footer-color'?: string;
+    '--footer-color-hover'?: string;
+}
+export type FooterOptionsType = {
+    logoUrl: string;
+    logoHref: string;
+    description: {
+        uk: string;
+        ru: string;
+    };
+    phone: string;
+    logoWidthMob?: number;
+    logoWidthDesk?: number;
+    socialNetwork?: {
+        facebook?: string;
+        youtube?: string;
+        telegram?: string;
+        tiktok?: string;
+        instagram?: string;
+    };
+    copyright?: {
+        uk: string;
+        ru: string;
+    };
+    hideAppStore?: boolean;
+    ruOnly?: boolean;
+    ukOnly?: boolean;
+    stylesConfig?: {
+        '--footer-bg'?: string;
+        '--footer-color'?: string;
+        '--footer-color-hover'?: string;
+    };
+};
+export type FooterV2ModuleProps = {
+    lang: Locale;
+    options?: FooterOptionsType;
+};

package/dist/modules/FooterV2Module/PaymentSystems/PaymentSystems.d.ts

@@ -0,0 +1,5 @@
+type PaymentSystemsProps = {
+    isMob: boolean;
+};
+export declare const PaymentSystems: ({ isMob }: PaymentSystemsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/FooterV2Module/PaymentSystems/index.d.ts

@@ -0,0 +1 @@
+export * from './PaymentSystems';

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

@@ -0,0 +1,7 @@
+import { Locale } from '@/types';
+type PhoneProps = {
+    phone?: string;
+    locale: Locale;
+};
+export declare const Phone: ({ phone, locale }: PhoneProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/FooterV2Module/Phone/index.d.ts

@@ -0,0 +1 @@
+export * from './Phone';