@scbt-ecom/ui 0.22.5 → 0.22.7

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 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 { j as t, B as g, H as k, c as j, R as a, b as R, P as W, I as u, C as w, S as T, 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";
@@ -42,7 +42,7 @@ const G = j(
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: i("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", n == null ? void 0 : n.itemWrapper), children: [
           /* @__PURE__ */ t.jsxs("div", { className: i("flex flex-col gap-4", n == null ? void 0 : n.itemTextContainer), children: [
-            /* @__PURE__ */ t.jsx(a, { as: "h4", className: i("desktop:desk-title-bold-s", n == null ? void 0 : n.headingBenefitItem), children: e }),
+            /* @__PURE__ */ t.jsx(k, { as: "h4", className: i("desktop:desk-title-bold-s", n == null ? void 0 : n.headingBenefitItem), children: e }),
             /* @__PURE__ */ t.jsx("p", { className: i("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", n == null ? void 0 : n.itemDescription), children: o })
           ] }),
           x && l && p
@@ -60,22 +60,25 @@ const G = j(
       fourCards: "grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"
     }
   }
-}), jt = ({ heading: o, cards: e, classes: d, intent: r }) => /* @__PURE__ */ t.jsx("section", { className: i("pb-20", d == null ? void 0 : d.section), children: /* @__PURE__ */ t.jsxs(k, { children: [
-  /* @__PURE__ */ t.jsx(a, { className: "mb-8", as: "h2", children: o }),
+}), jt = ({ heading: o, cards: e, classes: d, intent: r }) => /* @__PURE__ */ t.jsx("section", { className: i("pb-20", d == null ? void 0 : d.section), children: /* @__PURE__ */ t.jsxs(a, { children: [
+  /* @__PURE__ */ t.jsx(k, { className: "mb-8", as: "h2", children: o }),
   /* @__PURE__ */ t.jsx("ul", { className: i(S({ intent: r }), d == null ? void 0 : d.grid), children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ t.jsx(Z, { intent: r, classes: d, ...n }, n.img)) })
 ] }) }), $ = (o) => {
+  var e;
   switch (o.variant) {
     case "withButton":
-      return /* @__PURE__ */ t.jsx(g, { intent: "secondary", size: "sm", ...o.buttonProps, children: "Оформить заявку" });
+      return /* @__PURE__ */ t.jsxs(g, { intent: "secondary", size: "sm", ...o.buttonProps, children: [
+        (e = o.buttonProps) == null ? void 0 : e.children,
+        " || Оформить заявку"
+      ] });
     case "withPhone":
-      const { phone: e, phoneText: d } = o;
-      return /* @__PURE__ */ t.jsx(W, { phone: e, text: d, ...o.phoneProps });
+      return /* @__PURE__ */ t.jsx(W, { ...o.phoneProps });
     default:
       return null;
   }
 }, bt = (o) => {
   const { logoPath: e = "/", logoType: d = "main", classes: r } = o;
-  return /* @__PURE__ */ t.jsx("header", { className: i("flex h-[72px] items-center justify-center bg-color-white", r == null ? void 0 : r.header), children: /* @__PURE__ */ t.jsx(k, { className: i(r == null ? void 0 : r.container), children: /* @__PURE__ */ t.jsxs("div", { className: i("flex items-center justify-between gap-5", r == null ? void 0 : r.wrapper), children: [
+  return /* @__PURE__ */ t.jsx("header", { className: i("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", r == null ? void 0 : r.header), children: /* @__PURE__ */ t.jsx(a, { className: i(r == null ? void 0 : r.container), children: /* @__PURE__ */ t.jsxs("div", { className: i("flex items-center justify-between gap-5", r == null ? void 0 : r.wrapper), children: [
     /* @__PURE__ */ t.jsx(
       "a",
       {
@@ -87,7 +90,7 @@ const G = j(
           "flex items-center justify-center [&_svg]:w-[132px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
           r == null ? void 0 : r.logo
         ),
-        children: T[d]
+        children: R[d]
       }
     ),
     $(o)
@@ -162,7 +165,7 @@ const G = j(
           ] })
         }
       ),
-      /* @__PURE__ */ t.jsxs(k, { "data-id": "banner-container", className: i("h-full", n == null ? void 0 : n.container), children: [
+      /* @__PURE__ */ t.jsxs(a, { "data-id": "banner-container", className: i("h-full", n == null ? void 0 : n.container), children: [
         /* @__PURE__ */ t.jsx("div", { "data-id": "banner", className: i("flex h-full", n == null ? void 0 : n.wrapper), children: /* @__PURE__ */ t.jsxs(
           "div",
           {
@@ -170,7 +173,7 @@ const G = j(
             className: i("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", n == null ? void 0 : n.textBlock),
             children: [
               /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-4", children: [
-                /* @__PURE__ */ t.jsx(a, { "data-id": "banner-title", as: "h1", className: i("text-color-white", n == null ? void 0 : n.title), children: o }),
+                /* @__PURE__ */ t.jsx(k, { "data-id": "banner-title", as: "h1", className: i("text-color-white", n == null ? void 0 : n.title), children: o }),
                 /* @__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(
@@ -211,11 +214,11 @@ const G = j(
     }
   );
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx("section", { "data-id": "banner-section", className: i("bg-banner-skyblue-300 desktop:h-[456px]", n == null ? void 0 : n.section), children: /* @__PURE__ */ t.jsxs(k, { "data-id": "banner-container", className: i("relative", n == null ? void 0 : n.container), children: [
+    /* @__PURE__ */ t.jsx("section", { "data-id": "banner-section", className: i("bg-banner-skyblue-300 desktop:h-[456px]", n == null ? void 0 : n.section), children: /* @__PURE__ */ t.jsxs(a, { "data-id": "banner-container", className: i("relative", n == null ? void 0 : n.container), children: [
       /* @__PURE__ */ t.jsxs("div", { "data-id": "banner", className: i("flex flex-col desktop:flex-row desktop:justify-between", n == null ? void 0 : n.wrapper), children: [
         /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col desktop:gap-10 desktop:pt-20", children: [
           /* @__PURE__ */ t.jsxs("div", { "data-id": "banner-text-block", className: i("flex flex-col gap-4 pt-6 desktop:pt-0", n == null ? void 0 : n.textBlock), children: [
-            /* @__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(k, { "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(M, { buttonsConfig: d, classes: n })
@@ -269,7 +272,7 @@ const G = j(
           e == null ? void 0 : e.advantageItem
         ),
         children: [
-          /* @__PURE__ */ t.jsx(a, { as: "h4", className: i("text-color-dark", e == null ? void 0 : e.advantageTitle), children: d }),
+          /* @__PURE__ */ t.jsx(k, { as: "h4", className: i("text-color-dark", e == null ? void 0 : e.advantageTitle), children: d }),
           /* @__PURE__ */ t.jsx("p", { className: i("desk-body-regular-l text-color-secondary", e == null ? void 0 : e.advantageDescription), children: r })
         ]
       },
@@ -410,7 +413,7 @@ const G = j(
       )) })
     ] }, d))
   }
-), 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 = ({ 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 }), c = ({ classes: o }) => /* @__PURE__ */ t.jsx(
   "a",
   {
     "aria-label": "logo",
@@ -440,7 +443,7 @@ const G = j(
   ligal: h,
   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.jsx("footer", { className: i("w-full bg-color-footer py-8 desktop:py-10", p == null ? void 0 : p.root), children: /* @__PURE__ */ t.jsx(a, { 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(
     "div",
     {
@@ -450,7 +453,7 @@ 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 }),
+          /* @__PURE__ */ t.jsx(c, { classes: p == null ? void 0 : p.footerLogo }),
           o && /* @__PURE__ */ t.jsx(Y, { socialsLinks: x, classes: p == null ? void 0 : p.socialLinks })
         ] }),
         e && /* @__PURE__ */ t.jsx(L, { phones: m, classes: p == null ? void 0 : p.phonesBlock })
@@ -467,7 +470,7 @@ const G = j(
         p == null ? void 0 : p.footerBottom
       ),
       children: [
-        r && /* @__PURE__ */ t.jsx(c, { text: l, classes: p == null ? void 0 : p.copyright }),
+        r && /* @__PURE__ */ t.jsx(A, { text: l, classes: p == null ? void 0 : p.copyright }),
         n && /* @__PURE__ */ t.jsx(s, { classes: p == null ? void 0 : p.siteMap })
       ]
     }
@@ -491,13 +494,13 @@ const G = j(
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: i("flex flex-col gap-4", r == null ? void 0 : r.textBlock), children: [
-        /* @__PURE__ */ t.jsx(a, { as: "h4", className: i("text-color-dark", r == null ? void 0 : r.title), children: o }),
+        /* @__PURE__ */ t.jsx(k, { as: "h4", className: i("text-color-dark", r == null ? void 0 : r.title), children: o }),
         /* @__PURE__ */ t.jsx("p", { className: i("desk-body-regular-l text-color-tetriary", r == null ? void 0 : r.description), children: e })
       ] })
     ]
   }
-), Nt = ({ heading: o, stepsList: e, classes: d }) => /* @__PURE__ */ t.jsx(R, { children: /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsxs("div", { className: i("flex flex-col gap-12 desktop:items-start", d == null ? void 0 : d.root), children: [
-  /* @__PURE__ */ t.jsx(a, { as: "h2", className: i("text-color-dark", d == null ? void 0 : d.headline), children: o }),
+), Nt = ({ heading: o, stepsList: e, classes: d }) => /* @__PURE__ */ t.jsx(T, { className: d == null ? void 0 : d.root, children: /* @__PURE__ */ t.jsx(a, { className: d == null ? void 0 : d.container, children: /* @__PURE__ */ t.jsxs("div", { className: i("flex flex-col gap-12 desktop:items-start", d == null ? void 0 : d.wrapper), children: [
+  /* @__PURE__ */ t.jsx(k, { as: "h2", className: i("text-color-dark", d == null ? void 0 : d.headline), children: o }),
   /* @__PURE__ */ t.jsx(
     "div",
     {
@@ -610,7 +613,7 @@ const G = j(
   classes: x
 }) => {
   const m = !!e, f = d === "fourItems", h = d === "twoItems";
-  return /* @__PURE__ */ t.jsx("section", { className: i(x == null ? void 0 : x.section), children: /* @__PURE__ */ t.jsxs(k, { className: i(x == null ? void 0 : x.mainContainer), children: [
+  return /* @__PURE__ */ t.jsx("section", { className: i(x == null ? void 0 : x.section), children: /* @__PURE__ */ t.jsxs(a, { className: i(x == null ? void 0 : x.mainContainer), children: [
     h && /* @__PURE__ */ t.jsx(N, { intent: d, title: o }),
     /* @__PURE__ */ t.jsxs(
       "div",
@@ -869,11 +872,11 @@ 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(
+  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(a, { children: /* @__PURE__ */ t.jsx(
     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 }),
+      label: /* @__PURE__ */ t.jsx(k, { as: "h4", className: i("text-left", r == null ? void 0 : r.heading), children: o == null ? void 0 : o.heading }),
       ...d,
       classes: {
         ...d == null ? void 0 : d.classes,