@xosen/site-sdk 0.0.1

package/dist/index.js

@@ -0,0 +1,986 @@
+import { onMounted as j, computed as p, defineComponent as g, openBlock as n, createElementBlock as a, Fragment as v, renderList as x, normalizeClass as $, toDisplayString as _, ref as T, onUnmounted as R, createElementVNode as d, createBlock as P, createCommentVNode as u, createVNode as O, renderSlot as F, normalizeStyle as I, resolveDynamicComponent as L, withCtx as q, createTextVNode as D, watch as B, mergeProps as H } from "vue";
+import { useI18n as N } from "vue-i18n";
+function M(c) {
+  function o(e) {
+    const t = document.documentElement;
+    if (e.colors)
+      for (const [r, i] of Object.entries(e.colors))
+        i && t.style.setProperty(`--x-color-${z(r)}`, i);
+    e.typography?.fontFamily && t.style.setProperty("--x-font-family", e.typography.fontFamily), e.typography?.headingFont && t.style.setProperty("--x-font-heading", e.typography.headingFont), e.typography?.baseFontSize && t.style.setProperty("--x-font-size", e.typography.baseFontSize), e.shape?.borderRadius && t.style.setProperty("--x-border-radius", e.shape.borderRadius), e.shape?.maxWidth && t.style.setProperty("--x-max-width", e.shape.maxWidth);
+  }
+  j(() => {
+    if (c) {
+      o(c);
+      return;
+    }
+    const t = window.__SITE_DATA__?.skin;
+    t && (t.colors || t.typography || t.shape) && o({
+      colors: t.colors || {},
+      typography: t.typography || {},
+      shape: t.shape || {}
+    });
+  });
+}
+function z(c) {
+  return c.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+}
+function A() {
+  const c = window.__SITE_DATA__, o = p(() => c?.config || null), e = p(() => o.value?.navigation || []), t = p(() => o.value?.locales || []), r = p(() => o.value?.defaultLocale || "en"), i = p(() => o.value?.branding || {}), s = p(() => o.value?.footer || {}), l = p(() => o.value?.features || {});
+  function f(b) {
+    const m = l.value[b];
+    return typeof m == "boolean" ? m : typeof m == "object";
+  }
+  return {
+    config: o,
+    navigation: e,
+    locales: t,
+    defaultLocale: r,
+    branding: i,
+    footer: s,
+    features: l,
+    hasFeature: f
+  };
+}
+const G = /* @__PURE__ */ g({
+  __name: "XLocaleSwitcher",
+  props: {
+    locales: { type: Array, required: !0 }
+  },
+  setup(c, { expose: o }) {
+    o();
+    const { locale: e } = N();
+    function t(i) {
+      e.value = i, localStorage.setItem("site-locale", i);
+    }
+    const r = { locale: e, switchLocale: t };
+    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
+  }
+}), k = (c, o) => {
+  const e = c.__vccOpts || c;
+  for (const [t, r] of o)
+    e[t] = r;
+  return e;
+}, K = { class: "x-locale-switcher" }, V = ["onClick"];
+function W(c, o, e, t, r, i) {
+  return n(), a("div", K, [
+    (n(!0), a(
+      v,
+      null,
+      x(e.locales, (s) => (n(), a("button", {
+        key: s,
+        class: $(["x-locale-switcher__btn", { "x-locale-switcher__btn--active": t.locale === s }]),
+        onClick: (l) => t.switchLocale(s)
+      }, _(s.toUpperCase()), 11, V))),
+      128
+      /* KEYED_FRAGMENT */
+    ))
+  ]);
+}
+const J = /* @__PURE__ */ k(G, [["render", W], ["__scopeId", "data-v-675f0bbd"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/common/XLocaleSwitcher.vue"]]), Y = /* @__PURE__ */ g({
+  __name: "XSiteNav",
+  setup(c, { expose: o }) {
+    o();
+    const { navigation: e, branding: t, locales: r } = A(), i = T(!1), s = T(!1);
+    function l() {
+      i.value = window.scrollY > 20;
+    }
+    j(() => window.addEventListener("scroll", l)), R(() => window.removeEventListener("scroll", l));
+    const f = { navigation: e, branding: t, locales: r, scrolled: i, menuOpen: s, onScroll: l, XLocaleSwitcher: J };
+    return Object.defineProperty(f, "__isScriptSetup", { enumerable: !1, value: !0 }), f;
+  }
+}), Z = { class: "x-nav__container" }, Q = {
+  href: "/",
+  class: "x-nav__logo"
+}, ee = ["src", "alt"], te = {
+  key: 1,
+  class: "x-nav__logo-text"
+}, se = ["href", "target"];
+function oe(c, o, e, t, r, i) {
+  return n(), a(
+    "nav",
+    {
+      class: $(["x-nav", { "x-nav--scrolled": t.scrolled }])
+    },
+    [
+      d("div", Z, [
+        d("a", Q, [
+          t.branding.logo ? (n(), a("img", {
+            key: 0,
+            src: t.branding.logo,
+            alt: t.branding.siteName || "",
+            class: "x-nav__logo-img"
+          }, null, 8, ee)) : (n(), a(
+            "span",
+            te,
+            _(t.branding.siteName || ""),
+            1
+            /* TEXT */
+          ))
+        ]),
+        d(
+          "div",
+          {
+            class: $(["x-nav__links", { "x-nav__links--open": t.menuOpen }])
+          },
+          [
+            (n(!0), a(
+              v,
+              null,
+              x(t.navigation, (s) => (n(), a("a", {
+                key: s.url,
+                href: s.url,
+                class: "x-nav__link",
+                target: s.external ? "_blank" : void 0,
+                onClick: o[0] || (o[0] = (l) => t.menuOpen = !1)
+              }, _(s.text), 9, se))),
+              128
+              /* KEYED_FRAGMENT */
+            )),
+            t.locales.length > 1 ? (n(), P(t.XLocaleSwitcher, {
+              key: 0,
+              locales: t.locales
+            }, null, 8, ["locales"])) : u("v-if", !0)
+          ],
+          2
+          /* CLASS */
+        ),
+        d("button", {
+          class: "x-nav__hamburger",
+          onClick: o[1] || (o[1] = (s) => t.menuOpen = !t.menuOpen)
+        }, [...o[2] || (o[2] = [
+          d(
+            "span",
+            null,
+            null,
+            -1
+            /* CACHED */
+          ),
+          d(
+            "span",
+            null,
+            null,
+            -1
+            /* CACHED */
+          ),
+          d(
+            "span",
+            null,
+            null,
+            -1
+            /* CACHED */
+          )
+        ])])
+      ])
+    ],
+    2
+    /* CLASS */
+  );
+}
+const ne = /* @__PURE__ */ k(Y, [["render", oe], ["__scopeId", "data-v-07c4b748"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/layout/XSiteNav.vue"]]), ae = /* @__PURE__ */ g({
+  __name: "XSiteFooter",
+  setup(c, { expose: o }) {
+    o();
+    const { footer: e, branding: t } = A(), r = p(() => e.value.copyright ? e.value.copyright : `© ${(/* @__PURE__ */ new Date()).getFullYear()} ${t.value.siteName || ""}`), i = { footerConfig: e, branding: t, copyright: r };
+    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
+  }
+}), re = { class: "x-footer" }, ce = { class: "x-footer__container" }, ie = {
+  key: 0,
+  class: "x-footer__links"
+}, le = ["href"], _e = {
+  key: 1,
+  class: "x-footer__copyright"
+};
+function ue(c, o, e, t, r, i) {
+  return n(), a("footer", re, [
+    d("div", ce, [
+      t.footerConfig.links?.length ? (n(), a("div", ie, [
+        (n(!0), a(
+          v,
+          null,
+          x(t.footerConfig.links, (s) => (n(), a("a", {
+            key: s.url,
+            href: s.url,
+            class: "x-footer__link"
+          }, _(s.text), 9, le))),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ])) : u("v-if", !0),
+      t.copyright ? (n(), a(
+        "p",
+        _e,
+        _(t.copyright),
+        1
+        /* TEXT */
+      )) : u("v-if", !0)
+    ])
+  ]);
+}
+const de = /* @__PURE__ */ k(ae, [["render", ue], ["__scopeId", "data-v-f9b38381"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/layout/XSiteFooter.vue"]]), fe = /* @__PURE__ */ g({
+  __name: "XSiteLayout",
+  setup(c, { expose: o }) {
+    o(), M();
+    const e = { XSiteNav: ne, XSiteFooter: de };
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  }
+}), pe = { class: "x-site-layout" }, me = { class: "x-site-layout__main" };
+function he(c, o, e, t, r, i) {
+  return n(), a("div", pe, [
+    O(t.XSiteNav),
+    d("main", me, [
+      F(c.$slots, "default", {}, void 0, !0)
+    ]),
+    O(t.XSiteFooter)
+  ]);
+}
+const qt = /* @__PURE__ */ k(fe, [["render", he], ["__scopeId", "data-v-41b0f2a9"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/layout/XSiteLayout.vue"]]), ve = /* @__PURE__ */ g({
+  __name: "XHeroBlock",
+  props: {
+    data: { type: Object, required: !0 },
+    variant: { type: String, required: !1, default: "fullscreen" }
+  },
+  setup(c, { expose: o }) {
+    o();
+    const e = c, t = p(() => e.data.image ? { backgroundImage: `url(${e.data.image})` } : {}), r = { props: e, bgStyle: t };
+    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
+  }
+}), xe = {
+  key: 0,
+  class: "x-hero__overlay"
+}, ye = { class: "x-hero__content" }, ge = {
+  key: 0,
+  class: "x-hero__title"
+}, ke = {
+  key: 1,
+  class: "x-hero__subtitle"
+}, be = {
+  key: 2,
+  class: "x-hero__buttons"
+}, $e = ["href"], Se = {
+  key: 3,
+  class: "x-hero__stats"
+}, we = { class: "x-hero__stat-value" }, Te = { class: "x-hero__stat-label" };
+function je(c, o, e, t, r, i) {
+  return n(), a(
+    "section",
+    {
+      class: $(["x-hero", { "x-hero--fullscreen": e.variant === "fullscreen" }]),
+      style: I(t.bgStyle)
+    },
+    [
+      e.data.image && e.data.overlay !== !1 ? (n(), a("div", xe)) : u("v-if", !0),
+      d("div", ye, [
+        e.data.title ? (n(), a(
+          "h1",
+          ge,
+          _(e.data.title),
+          1
+          /* TEXT */
+        )) : u("v-if", !0),
+        e.data.subtitle ? (n(), a(
+          "p",
+          ke,
+          _(e.data.subtitle),
+          1
+          /* TEXT */
+        )) : u("v-if", !0),
+        e.data.buttons?.length ? (n(), a("div", be, [
+          (n(!0), a(
+            v,
+            null,
+            x(e.data.buttons, (s, l) => (n(), a("a", {
+              key: l,
+              href: s.url,
+              class: $(["x-btn", `x-btn--${s.variant || "primary"}`])
+            }, _(s.text), 11, $e))),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ])) : u("v-if", !0),
+        e.data.stats?.length ? (n(), a("div", Se, [
+          (n(!0), a(
+            v,
+            null,
+            x(e.data.stats, (s, l) => (n(), a("div", {
+              key: l,
+              class: "x-hero__stat"
+            }, [
+              d(
+                "span",
+                we,
+                _(s.value),
+                1
+                /* TEXT */
+              ),
+              d(
+                "span",
+                Te,
+                _(s.label),
+                1
+                /* TEXT */
+              )
+            ]))),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ])) : u("v-if", !0)
+      ])
+    ],
+    6
+    /* CLASS, STYLE */
+  );
+}
+const Ce = /* @__PURE__ */ k(ve, [["render", je], ["__scopeId", "data-v-d8cfe56f"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XHeroBlock.vue"]]), Xe = /* @__PURE__ */ g({
+  __name: "XHtmlBlock",
+  props: {
+    data: { type: Object, required: !0 }
+  },
+  setup(c, { expose: o }) {
+    o();
+    const e = {};
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  }
+}), Be = { class: "x-html-block" }, Pe = ["innerHTML"];
+function Oe(c, o, e, t, r, i) {
+  return n(), a("section", Be, [
+    d("div", {
+      class: "x-html-block__content",
+      innerHTML: e.data.content
+    }, null, 8, Pe)
+  ]);
+}
+const Ie = /* @__PURE__ */ k(Xe, [["render", Oe], ["__scopeId", "data-v-abfd69e8"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XHtmlBlock.vue"]]), Le = /* @__PURE__ */ g({
+  __name: "XCardsBlock",
+  props: {
+    data: { type: Object, required: !0 },
+    variant: { type: String, required: !1, default: "default" },
+    columns: { type: Number, required: !1, default: void 0 }
+  },
+  setup(c, { expose: o }) {
+    o();
+    const e = c, t = p(() => ({ "--columns": e.columns || Math.min(e.data.cards.length, 4) })), r = { color: "var(--x-color-primary, #1e73be)" }, i = {
+      "mdi-lightbulb": "💡",
+      "mdi-code-braces": "⚙️",
+      "mdi-headset": "🎧",
+      "mdi-check-circle": "✅",
+      "mdi-shield": "🛡️",
+      "mdi-chart-line": "📈",
+      "mdi-rocket": "🚀",
+      "mdi-heart": "❤️",
+      "mdi-star": "⭐",
+      "mdi-cog": "⚙️",
+      "mdi-email": "📧",
+      "mdi-phone": "📞",
+      "mdi-map-marker": "📍",
+      "mdi-clock": "🕐",
+      "mdi-account": "👤",
+      "mdi-team": "👥"
+    };
+    function s(f) {
+      return i[f] || f;
+    }
+    const l = { props: e, gridStyle: t, iconStyle: r, iconMap: i, iconDisplay: s };
+    return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
+  }
+}), Ne = { class: "x-cards-block__container" }, Ae = {
+  key: 0,
+  class: "x-cards-block__title"
+}, Ee = {
+  key: 1,
+  class: "x-cards-block__subtitle"
+}, Ue = ["src", "alt"], Re = { class: "x-card__title" }, Fe = { class: "x-card__desc" };
+function qe(c, o, e, t, r, i) {
+  return n(), a(
+    "section",
+    {
+      class: $(["x-cards-block", `x-cards-block--${e.variant}`])
+    },
+    [
+      d("div", Ne, [
+        e.data.title ? (n(), a(
+          "h2",
+          Ae,
+          _(e.data.title),
+          1
+          /* TEXT */
+        )) : u("v-if", !0),
+        e.data.subtitle ? (n(), a(
+          "p",
+          Ee,
+          _(e.data.subtitle),
+          1
+          /* TEXT */
+        )) : u("v-if", !0),
+        d(
+          "div",
+          {
+            class: "x-cards-block__grid",
+            style: I(t.gridStyle)
+          },
+          [
+            (n(!0), a(
+              v,
+              null,
+              x(e.data.cards, (s, l) => (n(), P(L(s.link ? "a" : "div"), {
+                key: l,
+                class: "x-card",
+                href: s.link
+              }, {
+                default: q(() => [
+                  s.image && e.variant === "image-cards" ? (n(), a("img", {
+                    key: 0,
+                    src: s.image,
+                    alt: s.title,
+                    class: "x-card__image"
+                  }, null, 8, Ue)) : u("v-if", !0),
+                  s.icon && e.variant !== "image-cards" ? (n(), a(
+                    "div",
+                    {
+                      key: 1,
+                      class: "x-card__icon",
+                      style: t.iconStyle
+                    },
+                    _(t.iconDisplay(s.icon)),
+                    1
+                    /* TEXT */
+                  )) : u("v-if", !0),
+                  d(
+                    "h3",
+                    Re,
+                    _(s.title),
+                    1
+                    /* TEXT */
+                  ),
+                  d(
+                    "p",
+                    Fe,
+                    _(s.desc),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1032, ["href"]))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ],
+          4
+          /* STYLE */
+        )
+      ])
+    ],
+    2
+    /* CLASS */
+  );
+}
+const De = /* @__PURE__ */ k(Le, [["render", qe], ["__scopeId", "data-v-a1505674"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XCardsBlock.vue"]]), He = /* @__PURE__ */ g({
+  __name: "XImageTextBlock",
+  props: {
+    data: { type: Object, required: !0 },
+    reverse: { type: Boolean, required: !1, default: !1 }
+  },
+  setup(c, { expose: o }) {
+    o();
+    const e = {};
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  }
+}), Me = { class: "x-image-text__container" }, ze = { class: "x-image-text__text" }, Ge = {
+  key: 0,
+  class: "x-image-text__title"
+}, Ke = ["innerHTML"], Ve = {
+  key: 2,
+  class: "x-image-text__checklist"
+}, We = { class: "x-image-text__check-icon" }, Je = {
+  key: 0,
+  class: "x-image-text__image-wrap"
+}, Ye = ["src", "alt"];
+function Ze(c, o, e, t, r, i) {
+  return n(), a(
+    "section",
+    {
+      class: $(["x-image-text", { "x-image-text--reverse": e.reverse }])
+    },
+    [
+      d("div", Me, [
+        d("div", ze, [
+          e.data.title ? (n(), a(
+            "h2",
+            Ge,
+            _(e.data.title),
+            1
+            /* TEXT */
+          )) : u("v-if", !0),
+          e.data.content ? (n(), a("div", {
+            key: 1,
+            class: "x-image-text__content",
+            innerHTML: e.data.content
+          }, null, 8, Ke)) : u("v-if", !0),
+          e.data.items?.length ? (n(), a("ul", Ve, [
+            (n(!0), a(
+              v,
+              null,
+              x(e.data.items, (s, l) => (n(), a("li", { key: l }, [
+                d(
+                  "span",
+                  We,
+                  _(s.icon || "✓"),
+                  1
+                  /* TEXT */
+                ),
+                D(
+                  " " + _(s.text),
+                  1
+                  /* TEXT */
+                )
+              ]))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ])) : u("v-if", !0)
+        ]),
+        e.data.image ? (n(), a("div", Je, [
+          d("img", {
+            src: e.data.image,
+            alt: e.data.title || "",
+            class: "x-image-text__image"
+          }, null, 8, Ye)
+        ])) : u("v-if", !0)
+      ])
+    ],
+    2
+    /* CLASS */
+  );
+}
+const Qe = /* @__PURE__ */ k(He, [["render", Ze], ["__scopeId", "data-v-5ca1e218"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XImageTextBlock.vue"]]);
+function E(c, o) {
+  const e = T(null), { locale: t } = N(), r = window.__SITE_DATA__, i = r?.locale, s = r?.config?.tenantPrefix || "tenant";
+  function l() {
+    return r && r[c] && t.value === i ? (e.value = r[c], !0) : !1;
+  }
+  async function f() {
+    try {
+      const b = `${s}:${o}:${t.value}`, m = await fetch(`/api/content/${b}`);
+      m.ok && (e.value = await m.json());
+    } catch {
+    }
+  }
+  return j(() => {
+    l() || f();
+  }), B(t, () => {
+    f();
+  }), e;
+}
+function et() {
+  const o = window.__SITE_DATA__?.apiBase || "";
+  async function e(i) {
+    const s = await fetch(`${o}${i}`);
+    if (!s.ok)
+      throw new Error(`API error: ${s.status}`);
+    return s.json();
+  }
+  async function t() {
+    return e("/v1/billing/tariffs");
+  }
+  async function r() {
+    return e("/v1/billing/services");
+  }
+  return {
+    get: e,
+    getTariffs: t,
+    getProducts: r
+  };
+}
+const tt = /* @__PURE__ */ g({
+  __name: "XPricingBlock",
+  props: {
+    data: { type: Object, required: !1 },
+    source: { type: String, required: !1, default: "kv" },
+    featuredIndex: { type: Number, required: !1, default: 1 }
+  },
+  setup(c, { expose: o }) {
+    o();
+    const e = c, t = p(() => e.data?.title), r = p(() => e.data?.subtitle), i = T([]), s = T(""), l = E("tariffs", "tariffs"), f = et();
+    j(async () => {
+      if (e.source === "api")
+        try {
+          i.value = await f.getTariffs();
+        } catch {
+        }
+    }), B(
+      l,
+      (h) => {
+        h && e.source === "kv" && (i.value = h);
+      },
+      { immediate: !0 }
+    );
+    const b = p(() => {
+      const h = new Set(i.value.map((C) => C.tariffGroupName).filter(Boolean));
+      return Array.from(h);
+    });
+    B(
+      b,
+      (h) => {
+        h.length > 0 && !s.value && (s.value = h[0]);
+      },
+      { immediate: !0 }
+    );
+    const m = p(() => !s.value || b.value.length <= 1 ? i.value : i.value.filter((h) => h.tariffGroupName === s.value)), w = { props: e, title: t, subtitle: r, plans: i, activeGroup: s, kvTariffs: l, api: f, groups: b, activePlans: m };
+    return Object.defineProperty(w, "__isScriptSetup", { enumerable: !1, value: !0 }), w;
+  }
+}), st = { class: "x-pricing" }, ot = { class: "x-pricing__container" }, nt = {
+  key: 0,
+  class: "x-pricing__title"
+}, at = {
+  key: 1,
+  class: "x-pricing__subtitle"
+}, rt = {
+  key: 2,
+  class: "x-pricing__tabs"
+}, ct = ["onClick"], it = { class: "x-pricing__grid" }, lt = { class: "x-pricing-card__name" }, _t = {
+  key: 0,
+  class: "x-pricing-card__desc"
+}, ut = { class: "x-pricing-card__price" }, dt = { class: "x-pricing-card__amount" }, ft = {
+  key: 0,
+  class: "x-pricing-card__period"
+}, pt = {
+  key: 1,
+  class: "x-pricing-card__features"
+}, mt = ["href"];
+function ht(c, o, e, t, r, i) {
+  return n(), a("section", st, [
+    d("div", ot, [
+      t.title ? (n(), a(
+        "h2",
+        nt,
+        _(t.title),
+        1
+        /* TEXT */
+      )) : u("v-if", !0),
+      t.subtitle ? (n(), a(
+        "p",
+        at,
+        _(t.subtitle),
+        1
+        /* TEXT */
+      )) : u("v-if", !0),
+      u(" Tabs for tariff groups "),
+      t.groups.length > 1 ? (n(), a("div", rt, [
+        (n(!0), a(
+          v,
+          null,
+          x(t.groups, (s) => (n(), a("button", {
+            key: s,
+            class: $(["x-pricing__tab", { "x-pricing__tab--active": t.activeGroup === s }]),
+            onClick: (l) => t.activeGroup = s
+          }, _(s), 11, ct))),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ])) : u("v-if", !0),
+      d("div", it, [
+        (n(!0), a(
+          v,
+          null,
+          x(t.activePlans, (s, l) => (n(), a(
+            "div",
+            {
+              key: s.id || l,
+              class: $(["x-pricing-card", { "x-pricing-card--featured": l === e.featuredIndex }])
+            },
+            [
+              d(
+                "h3",
+                lt,
+                _(s.name),
+                1
+                /* TEXT */
+              ),
+              s.description ? (n(), a(
+                "p",
+                _t,
+                _(s.description),
+                1
+                /* TEXT */
+              )) : u("v-if", !0),
+              d("div", ut, [
+                d(
+                  "span",
+                  dt,
+                  _(s.price),
+                  1
+                  /* TEXT */
+                ),
+                s.period ? (n(), a(
+                  "span",
+                  ft,
+                  "/" + _(s.period),
+                  1
+                  /* TEXT */
+                )) : u("v-if", !0)
+              ]),
+              s.features?.length ? (n(), a("ul", pt, [
+                (n(!0), a(
+                  v,
+                  null,
+                  x(s.features, (f, b) => (n(), a(
+                    "li",
+                    { key: b },
+                    _(f),
+                    1
+                    /* TEXT */
+                  ))),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ])) : u("v-if", !0),
+              s.actionUrl ? (n(), a("a", {
+                key: 2,
+                href: s.actionUrl,
+                class: "x-btn x-btn--primary x-pricing-card__action"
+              }, _(s.actionText || "Choose"), 9, mt)) : u("v-if", !0)
+            ],
+            2
+            /* CLASS */
+          ))),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ])
+    ])
+  ]);
+}
+const vt = /* @__PURE__ */ k(tt, [["render", ht], ["__scopeId", "data-v-bd1e5d79"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XPricingBlock.vue"]]), xt = /* @__PURE__ */ g({
+  __name: "XContactsBlock",
+  props: {
+    data: { type: Object, required: !1 }
+  },
+  setup(c, { expose: o }) {
+    o();
+    const e = E("contacts:offices", "contacts:offices"), t = p(() => e.value || []), r = { kvOffices: e, offices: t };
+    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
+  }
+}), yt = { class: "x-contacts" }, gt = { class: "x-contacts__container" }, kt = {
+  key: 0,
+  class: "x-contacts__title"
+}, bt = {
+  key: 1,
+  class: "x-contacts__grid"
+}, $t = { class: "x-contacts__name" }, St = {
+  key: 0,
+  class: "x-contacts__info"
+}, wt = {
+  key: 1,
+  class: "x-contacts__info"
+}, Tt = ["href"], jt = {
+  key: 2,
+  class: "x-contacts__info"
+}, Ct = ["href"], Xt = {
+  key: 3,
+  class: "x-contacts__hours"
+};
+function Bt(c, o, e, t, r, i) {
+  return n(), a("section", yt, [
+    d("div", gt, [
+      e.data?.title ? (n(), a(
+        "h2",
+        kt,
+        _(e.data.title),
+        1
+        /* TEXT */
+      )) : u("v-if", !0),
+      t.offices ? (n(), a("div", bt, [
+        (n(!0), a(
+          v,
+          null,
+          x(t.offices, (s, l) => (n(), a(
+            "div",
+            {
+              key: l,
+              class: $(["x-contacts__card", { "x-contacts__card--main": s.isMain }])
+            },
+            [
+              d(
+                "h3",
+                $t,
+                _(s.name),
+                1
+                /* TEXT */
+              ),
+              s.address ? (n(), a(
+                "p",
+                St,
+                _(s.address),
+                1
+                /* TEXT */
+              )) : u("v-if", !0),
+              s.phone ? (n(), a("p", wt, [
+                d("a", {
+                  href: `tel:${s.phone}`
+                }, _(s.phone), 9, Tt)
+              ])) : u("v-if", !0),
+              s.email ? (n(), a("p", jt, [
+                d("a", {
+                  href: `mailto:${s.email}`
+                }, _(s.email), 9, Ct)
+              ])) : u("v-if", !0),
+              s.hours ? (n(), a(
+                "p",
+                Xt,
+                _(s.hours),
+                1
+                /* TEXT */
+              )) : u("v-if", !0)
+            ],
+            2
+            /* CLASS */
+          ))),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ])) : u("v-if", !0)
+    ])
+  ]);
+}
+const Pt = /* @__PURE__ */ k(xt, [["render", Bt], ["__scopeId", "data-v-e873ba26"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XContactsBlock.vue"]]), Ot = /* @__PURE__ */ g({
+  __name: "XBlockRenderer",
+  props: {
+    blocks: { type: Array, required: !0 }
+  },
+  setup(c, { expose: o }) {
+    o();
+    const e = c, t = {
+      hero: Ce,
+      html: Ie,
+      cards: De,
+      "image-text": Qe,
+      pricing: vt,
+      contacts: Pt
+    };
+    function r(l) {
+      return t[l];
+    }
+    const i = p(() => e.blocks.filter((l) => l.settings?.visible !== !1)), s = { props: e, blockRegistry: t, getBlockComponent: r, visibleBlocks: i };
+    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
+  }
+}), It = { class: "x-block-renderer" };
+function Lt(c, o, e, t, r, i) {
+  return n(), a("div", It, [
+    (n(!0), a(
+      v,
+      null,
+      x(t.visibleBlocks, (s, l) => (n(), a(
+        v,
+        { key: l },
+        [
+          t.getBlockComponent(s.type) ? (n(), P(L(t.getBlockComponent(s.type)), H({
+            key: 0,
+            data: s.data || s.props
+          }, { ref_for: !0 }, s.settings, {
+            class: s.settings?.className
+          }), null, 16, ["data", "class"])) : u("v-if", !0)
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      ))),
+      128
+      /* KEYED_FRAGMENT */
+    ))
+  ]);
+}
+const Dt = /* @__PURE__ */ k(Ot, [["render", Lt], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XBlockRenderer.vue"]]), Nt = /\.(js|css|png|jpg|jpeg|gif|svg|ico|woff2?|ttf|eot|webp|avif|map|json|txt|xml|webmanifest)$/;
+function At(c, o) {
+  const t = new URL(c.url).searchParams.get("lang");
+  if (t && o.supportedLocales?.includes(t)) return t;
+  if (o.supportedLocales?.length) {
+    const r = c.headers.get("Accept-Language") || "";
+    for (const i of o.supportedLocales)
+      if (r.includes(i)) return i;
+  }
+  return o.defaultLocale;
+}
+function Et(c, o) {
+  if (!c.pathname.startsWith("/api/content/")) return null;
+  const e = decodeURIComponent(c.pathname.replace("/api/content/", ""));
+  return e ? (async () => {
+    const t = await o.SITE_CONTENT.get(e);
+    return t ? new Response(t, {
+      headers: {
+        "Content-Type": "application/json",
+        "Cache-Control": "public, max-age=60",
+        "Access-Control-Allow-Origin": "*"
+      }
+    }) : Response.json({ error: "Not found" }, { status: 404 });
+  })() : Promise.resolve(Response.json({ error: "Key is required" }, { status: 400 }));
+}
+function Ut(c, o, e) {
+  let t = c;
+  if (o.title) {
+    const r = e ? ` — ${e}` : "";
+    t = t.replace(/<title>[^<]*<\/title>/, `<title>${o.title}${r}</title>`);
+  }
+  return o.meta?.description && (t = t.replace(/(<meta\s+name="description"\s+content=")[^"]*(")/, `$1${o.meta.description}$2`)), o.meta?.ogTitle && (t = t.replace(/(<meta\s+property="og:title"\s+content=")[^"]*(")/, `$1${o.meta.ogTitle}$2`)), o.html && (t = t.replace('<div id="app"></div>', `<div id="app">${o.html}</div>`)), t;
+}
+function Ht(c) {
+  const { tenantPrefix: o, globalKeys: e = [] } = c;
+  return {
+    async fetch(t, r) {
+      const i = new URL(t.url), s = Et(i, r);
+      if (s) return s;
+      if (Nt.test(i.pathname))
+        return r.ASSETS.fetch(t);
+      const l = At(t, c), f = new URL("/index.html", t.url);
+      let m = await (await r.ASSETS.fetch(new Request(f))).text();
+      const w = e.map(async (S) => {
+        const y = await r.SITE_CONTENT.get(`${o}:${S}:${l}`);
+        return [S, y ? JSON.parse(y) : null];
+      }), h = i.pathname.match(/^\/p\/(.+)$/);
+      if (h) {
+        const S = h[1];
+        w.push(
+          (async () => {
+            const y = await r.SITE_CONTENT.get(`${o}:page:${S}:${l}`);
+            return [`page:${S}`, y ? JSON.parse(y) : null];
+          })()
+        );
+      }
+      const C = await Promise.all(w), X = {
+        locale: l,
+        config: { tenantPrefix: o }
+      };
+      for (const [S, y] of C)
+        y !== null && (X[S] = y);
+      if (h) {
+        const S = h[1], y = X[`page:${S}`];
+        y && (m = Ut(m, y, c.siteName));
+      }
+      const U = `<script>window.__SITE_DATA__ = ${JSON.stringify(X)};<\/script>`;
+      return m = m.replace("</head>", `${U}
+</head>`), new Response(m, {
+        headers: {
+          "Content-Type": "text/html;charset=utf-8",
+          "Cache-Control": "public, max-age=60"
+        }
+      });
+    }
+  };
+}
+export {
+  Dt as XBlockRenderer,
+  De as XCardsBlock,
+  Pt as XContactsBlock,
+  Ce as XHeroBlock,
+  Ie as XHtmlBlock,
+  Qe as XImageTextBlock,
+  J as XLocaleSwitcher,
+  vt as XPricingBlock,
+  de as XSiteFooter,
+  qt as XSiteLayout,
+  ne as XSiteNav,
+  Ht as createSiteWorker,
+  et as useSiteApi,
+  A as useSiteConfig,
+  E as useSiteData,
+  M as useSkin
+};