@scbt-ecom/ui 0.20.0 → 0.21.0

package/dist/useDevice-L83kSsN7.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDevice-L83kSsN7.js","sources":["../lib/shared/hooks/useDevice/useDevice.ts"],"sourcesContent":["'use client'\nimport { useCallback, useSyncExternalStore } from 'react'\n\nconst getServerSnapshot = () => false\n\nexport const useDevice = () => {\n  const isMobileQuery = '(max-width: 1187px)'\n  const isDesktopQuery = '(min-width: 1188px)'\n\n  const subscribeMobile = useCallback(\n    (callback: () => void) => {\n      const matchMedia = globalThis.matchMedia(isMobileQuery)\n      matchMedia.addEventListener('change', callback)\n      return () => {\n        matchMedia.removeEventListener('change', callback)\n      }\n    },\n    [isMobileQuery]\n  )\n\n  const subscribeDesktop = useCallback(\n    (callback: () => void) => {\n      const matchMedia = globalThis.matchMedia(isDesktopQuery)\n      matchMedia.addEventListener('change', callback)\n      return () => {\n        matchMedia.removeEventListener('change', callback)\n      }\n    },\n    [isDesktopQuery]\n  )\n\n  const getSnapshotMobile = () => globalThis.matchMedia(isMobileQuery).matches\n  const getSnapshotDesktop = () => globalThis.matchMedia(isDesktopQuery).matches\n\n  return {\n    isMobile: useSyncExternalStore(subscribeMobile, getSnapshotMobile, getServerSnapshot),\n    isDesktop: useSyncExternalStore(subscribeDesktop, getSnapshotDesktop, getServerSnapshot)\n  }\n}\n"],"names":["getServerSnapshot","useDevice","isMobileQuery","isDesktopQuery","subscribeMobile","useCallback","callback","matchMedia","subscribeDesktop","getSnapshotMobile","getSnapshotDesktop","useSyncExternalStore"],"mappings":";AAGA,MAAMA,IAAoB,MAAM,IAEnBC,IAAY,MAAM;AAC7B,QAAMC,IAAgB,uBAChBC,IAAiB,uBAEjBC,IAAkBC;AAAA,IACtB,CAACC,MAAyB;AAClB,YAAAC,IAAa,WAAW,WAAWL,CAAa;AAC3C,aAAAK,EAAA,iBAAiB,UAAUD,CAAQ,GACvC,MAAM;AACA,QAAAC,EAAA,oBAAoB,UAAUD,CAAQ;AAAA,MACnD;AAAA,IACF;AAAA,IACA,CAACJ,CAAa;AAAA,EAChB,GAEMM,IAAmBH;AAAA,IACvB,CAACC,MAAyB;AAClB,YAAAC,IAAa,WAAW,WAAWJ,CAAc;AAC5C,aAAAI,EAAA,iBAAiB,UAAUD,CAAQ,GACvC,MAAM;AACA,QAAAC,EAAA,oBAAoB,UAAUD,CAAQ;AAAA,MACnD;AAAA,IACF;AAAA,IACA,CAACH,CAAc;AAAA,EACjB,GAEMM,IAAoB,MAAM,WAAW,WAAWP,CAAa,EAAE,SAC/DQ,IAAqB,MAAM,WAAW,WAAWP,CAAc,EAAE;AAEhE,SAAA;AAAA,IACL,UAAUQ,EAAqBP,GAAiBK,GAAmBT,CAAiB;AAAA,IACpF,WAAWW,EAAqBH,GAAkBE,GAAoBV,CAAiB;AAAA,EACzF;AACF;"}
+{"version":3,"file":"useDevice-L83kSsN7.js","sources":["../lib/shared/hooks/useDevice.ts"],"sourcesContent":["'use client'\nimport { useCallback, useSyncExternalStore } from 'react'\n\nconst getServerSnapshot = () => false\n\nexport const useDevice = () => {\n  const isMobileQuery = '(max-width: 1187px)'\n  const isDesktopQuery = '(min-width: 1188px)'\n\n  const subscribeMobile = useCallback(\n    (callback: () => void) => {\n      const matchMedia = globalThis.matchMedia(isMobileQuery)\n      matchMedia.addEventListener('change', callback)\n      return () => {\n        matchMedia.removeEventListener('change', callback)\n      }\n    },\n    [isMobileQuery]\n  )\n\n  const subscribeDesktop = useCallback(\n    (callback: () => void) => {\n      const matchMedia = globalThis.matchMedia(isDesktopQuery)\n      matchMedia.addEventListener('change', callback)\n      return () => {\n        matchMedia.removeEventListener('change', callback)\n      }\n    },\n    [isDesktopQuery]\n  )\n\n  const getSnapshotMobile = () => globalThis.matchMedia(isMobileQuery).matches\n  const getSnapshotDesktop = () => globalThis.matchMedia(isDesktopQuery).matches\n\n  return {\n    isMobile: useSyncExternalStore(subscribeMobile, getSnapshotMobile, getServerSnapshot),\n    isDesktop: useSyncExternalStore(subscribeDesktop, getSnapshotDesktop, getServerSnapshot)\n  }\n}\n"],"names":["getServerSnapshot","useDevice","isMobileQuery","isDesktopQuery","subscribeMobile","useCallback","callback","matchMedia","subscribeDesktop","getSnapshotMobile","getSnapshotDesktop","useSyncExternalStore"],"mappings":";AAGA,MAAMA,IAAoB,MAAM,IAEnBC,IAAY,MAAM;AAC7B,QAAMC,IAAgB,uBAChBC,IAAiB,uBAEjBC,IAAkBC;AAAA,IACtB,CAACC,MAAyB;AAClB,YAAAC,IAAa,WAAW,WAAWL,CAAa;AAC3C,aAAAK,EAAA,iBAAiB,UAAUD,CAAQ,GACvC,MAAM;AACA,QAAAC,EAAA,oBAAoB,UAAUD,CAAQ;AAAA,MACnD;AAAA,IACF;AAAA,IACA,CAACJ,CAAa;AAAA,EAChB,GAEMM,IAAmBH;AAAA,IACvB,CAACC,MAAyB;AAClB,YAAAC,IAAa,WAAW,WAAWJ,CAAc;AAC5C,aAAAI,EAAA,iBAAiB,UAAUD,CAAQ,GACvC,MAAM;AACA,QAAAC,EAAA,oBAAoB,UAAUD,CAAQ;AAAA,MACnD;AAAA,IACF;AAAA,IACA,CAACH,CAAc;AAAA,EACjB,GAEMM,IAAoB,MAAM,WAAW,WAAWP,CAAa,EAAE,SAC/DQ,IAAqB,MAAM,WAAW,WAAWP,CAAc,EAAE;AAEhE,SAAA;AAAA,IACL,UAAUQ,EAAqBP,GAAiBK,GAAmBT,CAAiB;AAAA,IACpF,WAAWW,EAAqBH,GAAkBE,GAAoBV,CAAiB;AAAA,EACzF;AACF;"}

package/dist/widget.js

@@ -1,4 +1,4 @@
-import { j as t, B as g, H as a, c as j, R as k, b as T, P as E, I as u, C as w, S as R, a as V, L as D, d as y, A as M } from "./CustomLink-BZ2X3A56.js";
+import { j as t, B as g, H as a, c as j, R as k, b as T, P as W, I as u, C as w, S as R, a as V, L as D, d as y, A as E } from "./CustomLink-BHI03NwX.js";
 import { c as i } from "./cn-DIfn7EPB.js";
 import { s as O } from "./scrollToElement-B-reg4jF.js";
 import { u as b } from "./useDevice-L83kSsN7.js";
@@ -69,7 +69,7 @@ const G = j(
       return /* @__PURE__ */ t.jsx(g, { intent: "secondary", size: "sm", ...o.buttonProps, children: "Оформить заявку" });
     case "withPhone":
       const { phone: e, phoneText: d } = o;
-      return /* @__PURE__ */ t.jsx(E, { phone: e, text: d, ...o.phoneProps });
+      return /* @__PURE__ */ t.jsx(W, { phone: e, text: d, ...o.phoneProps });
     default:
       return null;
   }
@@ -92,7 +92,7 @@ const G = j(
     ),
     $(o)
   ] }) }) });
-}, W = ({ buttonsConfig: o, classes: e, className: d }) => {
+}, M = ({ buttonsConfig: o, classes: e, className: d }) => {
   var n;
   const r = (o == null ? void 0 : o.secondary) && o.secondary.children;
   return /* @__PURE__ */ t.jsxs(
@@ -120,7 +120,7 @@ const G = j(
       ]
     }
   );
-}, c = ({
+}, q = ({
   headTitle: o,
   subtitle: e,
   buttonsConfig: d,
@@ -174,7 +174,7 @@ const G = j(
                 /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: i("desk-body-regular-l text-color-white", n == null ? void 0 : n.subtitle), children: e })
               ] }),
               /* @__PURE__ */ t.jsx(
-                W,
+                M,
                 {
                   className: "self-end desktop:self-center",
                   "data-id": "banner-buttons-group",
@@ -218,7 +218,7 @@ const G = j(
             /* @__PURE__ */ t.jsx(a, { "data-id": "banner-title", as: "h1", className: i("text-color-dark", n == null ? void 0 : n.title), children: o }),
             /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: i("desk-body-regular-l text-color-dark", n == null ? void 0 : n.subtitle), children: e })
           ] }),
-          /* @__PURE__ */ t.jsx(W, { buttonsConfig: d, classes: n })
+          /* @__PURE__ */ t.jsx(M, { buttonsConfig: d, classes: n })
         ] }),
         /* @__PURE__ */ t.jsx(
           "div",
@@ -250,7 +250,7 @@ const G = j(
     case "separateImg":
       return /* @__PURE__ */ t.jsx(C, { ...e });
     case "fullImg":
-      return /* @__PURE__ */ t.jsx(c, { ...e });
+      return /* @__PURE__ */ t.jsx(q, { ...e });
     default:
       return /* @__PURE__ */ t.jsx(C, { ...e });
   }
@@ -276,18 +276,18 @@ const G = j(
       d
     ))
   }
-), q = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+), J = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
   "© 2004-2024, ПАО «Совкомбанк». Все права защищены. ",
   /* @__PURE__ */ t.jsx("br", { className: "mobile:hidden" }),
   " Генеральная лицензия Банка России №963 от 5 декабря 2014 г."
-] }), J = [
+] }), K = [
   { phone: "8 800 100-00-06", text: "Звонок по России (бесплатно)" },
   { phone: "+7 (495) 988 00 00", text: "Для звонков из-за рубежа (платно)" }
-], K = [
+], Q = [
   { iconName: "social/vk", href: "https://vk.com/sovcombank" },
   { iconName: "social/telegram", href: "https://t.me/sovcombankofficial" },
   { iconName: "social/classmates", href: "https://ok.ru/paosovcombank" }
-], Q = [
+], X = [
   {
     groupLabel: "Совкомбанк",
     links: [
@@ -364,7 +364,7 @@ const G = j(
       { text: "Офисы и банкоматы", href: "/" }
     ]
   }
-], X = ({ socialsLinks: o, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: i("mt-4 flex items-center gap-2 desktop:mt-6", e == null ? void 0 : e.socialRoot), children: o == null ? void 0 : o.map(({ iconName: d, href: r }) => /* @__PURE__ */ t.jsx(
+], Y = ({ socialsLinks: o, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: i("mt-4 flex items-center gap-2 desktop:mt-6", e == null ? void 0 : e.socialRoot), children: o == null ? void 0 : o.map(({ iconName: d, href: r }) => /* @__PURE__ */ t.jsx(
   "a",
   {
     className: i("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", e == null ? void 0 : e.socialLink),
@@ -373,8 +373,8 @@ const G = j(
     children: /* @__PURE__ */ t.jsx(u, { name: d, className: i("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
   },
   r
-)) }), Y = ({ phones: o, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: i("flex flex-col gap-4 desktop:items-end", e == null ? void 0 : e.phonesRoot), children: o == null ? void 0 : o.map(({ phone: d, text: r }) => /* @__PURE__ */ t.jsx(
-  E,
+)) }), L = ({ phones: o, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: i("flex flex-col gap-4 desktop:items-end", e == null ? void 0 : e.phonesRoot), children: o == null ? void 0 : o.map(({ phone: d, text: r }) => /* @__PURE__ */ t.jsx(
+  W,
   {
     phone: d,
     text: r,
@@ -385,7 +385,7 @@ const G = j(
     }
   },
   d
-)) }), L = ({ navigationLinks: o, classes: e }) => /* @__PURE__ */ t.jsx(
+)) }), P = ({ navigationLinks: o, classes: e }) => /* @__PURE__ */ t.jsx(
   "div",
   {
     className: i(
@@ -410,7 +410,7 @@ const G = j(
       )) })
     ] }, d))
   }
-), P = ({ text: o, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: i("desk-body-regular-m text-color-footer", e == null ? void 0 : e.copyRight), children: o }), A = ({ classes: o }) => /* @__PURE__ */ t.jsx(
+), c = ({ text: o, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: i("desk-body-regular-m text-color-footer", e == null ? void 0 : e.copyRight), children: o }), A = ({ classes: o }) => /* @__PURE__ */ t.jsx(
   "a",
   {
     "aria-label": "logo",
@@ -434,11 +434,11 @@ const G = j(
   }
 ), wt = ({
   renderBlocks: { withSocial: o = !0, withPhones: e = !0, withNavLinks: d = !0, withCopyright: r = !0, withSiteMap: n = !0 } = {},
-  socialsLinks: x = K,
-  phones: m = J,
-  navigationLinks: f = Q,
+  socialsLinks: x = Q,
+  phones: m = K,
+  navigationLinks: f = X,
   ligal: h,
-  copyright: l = q,
+  copyright: l = J,
   classes: p
 }) => /* @__PURE__ */ t.jsx("footer", { className: i("w-full bg-color-footer py-8 desktop:py-10", p == null ? void 0 : p.root), children: /* @__PURE__ */ t.jsx(k, { className: i(p == null ? void 0 : p.footerContainer), children: /* @__PURE__ */ t.jsxs("div", { className: i("mobile:pb-[176px]", p == null ? void 0 : p.footerWrapper), children: [
   /* @__PURE__ */ t.jsxs(
@@ -451,13 +451,13 @@ const G = j(
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: i(p == null ? void 0 : p.footerSocialBlock), children: [
           /* @__PURE__ */ t.jsx(A, { classes: p == null ? void 0 : p.footerLogo }),
-          o && /* @__PURE__ */ t.jsx(X, { socialsLinks: x, classes: p == null ? void 0 : p.socialLinks })
+          o && /* @__PURE__ */ t.jsx(Y, { socialsLinks: x, classes: p == null ? void 0 : p.socialLinks })
         ] }),
-        e && /* @__PURE__ */ t.jsx(Y, { phones: m, classes: p == null ? void 0 : p.phonesBlock })
+        e && /* @__PURE__ */ t.jsx(L, { phones: m, classes: p == null ? void 0 : p.phonesBlock })
       ]
     }
   ),
-  d && /* @__PURE__ */ t.jsx(L, { navigationLinks: f, classes: p == null ? void 0 : p.navLinks }),
+  d && /* @__PURE__ */ t.jsx(P, { navigationLinks: f, classes: p == null ? void 0 : p.navLinks }),
   h && h,
   /* @__PURE__ */ t.jsxs(
     "div",
@@ -467,7 +467,7 @@ const G = j(
         p == null ? void 0 : p.footerBottom
       ),
       children: [
-        r && /* @__PURE__ */ t.jsx(P, { text: l, classes: p == null ? void 0 : p.copyright }),
+        r && /* @__PURE__ */ t.jsx(c, { text: l, classes: p == null ? void 0 : p.copyright }),
         n && /* @__PURE__ */ t.jsx(s, { classes: p == null ? void 0 : p.siteMap })
       ]
     }
@@ -505,7 +505,7 @@ const G = j(
         "flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-center desktop:gap-12",
         d == null ? void 0 : d.stepsWrapper
       ),
-      children: e == null ? void 0 : e.map((r, n) => /* @__PURE__ */ t.jsx(tt, { index: n + 1, ...r, classes: d }, r.title))
+      children: e == null ? void 0 : e.map((r, n) => /* @__PURE__ */ t.jsx(tt, { index: n + 1, ...r, classes: d == null ? void 0 : d.step }, r.title))
     }
   )
 ] }) }) }), et = j("", {
@@ -730,7 +730,7 @@ const G = j(
   )
 ] }), I = ({ mainLink: o, subLink: e, isLoading: d, badge: r, loaderProps: n, classes: x }) => {
   const { isMobile: m } = b();
-  return /* @__PURE__ */ t.jsx(H, { isLoading: d, loaderProps: n, classes: x, children: /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ t.jsx(H, { isLoading: d, loaderProps: n, classes: x == null ? void 0 : x.authWrapper, children: /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: i(
@@ -745,7 +745,7 @@ const G = j(
             /* @__PURE__ */ t.jsx(u, { name: "logos/megafon", className: i("relative z-[8] -ml-4 size-7 desktop:size-8", x == null ? void 0 : x.megafonLogo) }),
             /* @__PURE__ */ t.jsx(u, { name: "logos/beeline", className: i("relative z-[7] -ml-4 size-7 desktop:size-8", x == null ? void 0 : x.beelineLogo) })
           ] }),
-          /* @__PURE__ */ t.jsx(F, { mainLink: o, subLink: e, isMobile: m, classes: x }),
+          /* @__PURE__ */ t.jsx(F, { mainLink: o, subLink: e, isMobile: m, classes: x == null ? void 0 : x.links }),
           /* @__PURE__ */ t.jsx(u, { name: "arrows/arrowRight", className: i("mobile:hidden", x == null ? void 0 : x.arrowIcon) })
         ] }),
         r && /* @__PURE__ */ t.jsx(y, { className: i("bg-color-positive", x == null ? void 0 : x.badge), children: r })
@@ -754,7 +754,7 @@ const G = j(
   ) });
 }, B = ({ mainLink: o, subLink: e, isLoading: d, badge: r, loaderProps: n, classes: x }) => {
   const { isMobile: m } = b();
-  return /* @__PURE__ */ t.jsx(H, { isLoading: d, loaderProps: n, classes: x, children: /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ t.jsx(H, { isLoading: d, loaderProps: n, classes: x == null ? void 0 : x.authWrapper, children: /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: i(
@@ -765,7 +765,7 @@ const G = j(
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: i("flex items-center gap-1 desktop:gap-4", x == null ? void 0 : x.textContent), children: [
           /* @__PURE__ */ t.jsx(xt, { className: i("size-7 desktop:size-8", x == null ? void 0 : x.esiaLogo) }),
-          /* @__PURE__ */ t.jsx(F, { mainLink: o, subLink: e, isMobile: m, classes: x }),
+          /* @__PURE__ */ t.jsx(F, { mainLink: o, subLink: e, isMobile: m, classes: x == null ? void 0 : x.links }),
           /* @__PURE__ */ t.jsx(u, { name: "arrows/arrowRight", className: i("mobile:hidden", x == null ? void 0 : x.arrowIcon) })
         ] }),
         r && /* @__PURE__ */ t.jsx(y, { className: i("bg-color-positive", x == null ? void 0 : x.badge), children: r })
@@ -841,7 +841,7 @@ const G = j(
       /* @__PURE__ */ t.jsx(z, { links: e, classes: r == null ? void 0 : r.linksList }, "desktop")
     ] }),
     n && /* @__PURE__ */ t.jsx(
-      M,
+      E,
       {
         defaultOpen: !0,
         label: o,
@@ -870,7 +870,7 @@ const G = j(
 }), Ct = ({ data: o, mobileAccordionProps: e, rootAccordionProps: d, classes: r }) => {
   var n, x;
   return /* @__PURE__ */ t.jsx("section", { id: "inter-linking", className: i("min-w-full desktop:min-w-[1140px]", r == null ? void 0 : r.root), children: /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsx(
-    M,
+    E,
     {
       defaultOpen: !0,
       label: /* @__PURE__ */ t.jsx(a, { as: "h4", className: i("text-left", r == null ? void 0 : r.heading), children: o == null ? void 0 : o.heading }),