@salla.sa/twilight-theme-engine 1.0.0-beta.4

package/dist/LoyaltyPage-X4PHPUFC.js

@@ -0,0 +1,188 @@
+import { loyalty } from './chunk-6YX4RS55.js';
+import './chunk-GLM3RPCP.js';
+import './chunk-QTDGM2SO.js';
+import './chunk-5Q6PFLDN.js';
+import './chunk-GO34DE35.js';
+import './chunk-VVZNW5CB.js';
+import './chunk-LBUMC5PB.js';
+import './chunk-MTONGOJD.js';
+import './chunk-2FU6CVSB.js';
+import { useUser } from './chunk-I5Z4NJBB.js';
+import './chunk-TCSNNCRH.js';
+import './chunk-2TB2LTL2.js';
+import './chunk-QYL5OHAV.js';
+import './chunk-KIPZQN3Y.js';
+import './chunk-Z653O7MX.js';
+import './chunk-ZCH7W7DZ.js';
+import './chunk-SSRNIBVV.js';
+import './chunk-GN34LCTG.js';
+import './chunk-CW625T2E.js';
+import './chunk-BVSJPBJ6.js';
+import './chunk-GBWCXUPD.js';
+import './chunk-UIX3W2PN.js';
+import { useTranslation } from './chunk-VVRYP6IL.js';
+import './chunk-T72DAX7R.js';
+import './chunk-YMVLYYLU.js';
+import './chunk-RYBA3JDM.js';
+import './chunk-25SSLQAJ.js';
+import './chunk-J37AYLWL.js';
+import { LazyBreadcrumb, Image } from './chunk-2KF5JJU6.js';
+import { Link } from './chunk-TZ4YD5CU.js';
+import './chunk-XUI3TRXF.js';
+import './chunk-6BZ5TKEV.js';
+import './chunk-UE3BUFZI.js';
+import './chunk-3DCZJDDK.js';
+import './chunk-3UHSMGPY.js';
+import './chunk-MXQCE3KA.js';
+import './chunk-BWFBVXT3.js';
+import './chunk-DGUM43GV.js';
+import { useCopyToClipboard } from '@uidotdev/usehooks';
+import { SallaLoyalty } from '@salla.sa/twilight-components-react/loyalty';
+import { SallaButton } from '@salla.sa/twilight-components-react/button';
+import { SallaSlider } from '@salla.sa/twilight-components-react/slider';
+import { useQuery } from '@tanstack/react-query';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function LoyaltyPage({ loyalty: loyaltyData, page }) {
+  const { data: user } = useUser();
+  const { t } = useTranslation();
+  const [, copyToClipboard] = useCopyToClipboard();
+  const { data: customerPoints } = useQuery(loyalty.queries.points());
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "h-62 -mb-52 w-full bg-primary rtl:right-0 ltr:left-0 relative -z-1 bg-cover bg-no-repeat bg-center",
+        style: { backgroundImage: loyaltyData.image ? `url(${loyaltyData.image})` : void 0 },
+        children: /* @__PURE__ */ jsx("div", { className: "overlay h-full w-full bg-black opacity-50 absolute top-0 left-0" })
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "container space-y-8 lg:space-y-16", children: [
+      /* @__PURE__ */ jsx(LazyBreadcrumb, { page }),
+      /* @__PURE__ */ jsxs("div", { className: "loyalty__banner", children: [
+        /* @__PURE__ */ jsxs("div", { className: "loyalty__banner-inner", children: [
+          /* @__PURE__ */ jsx("i", { className: "sicon-star2 star-anime text-amber-400 text-7xl" }),
+          /* @__PURE__ */ jsxs("div", { className: "loyalty__banner-content", children: [
+            /* @__PURE__ */ jsxs("div", { className: "info", children: [
+              /* @__PURE__ */ jsx("h1", { children: loyaltyData.name }),
+              /* @__PURE__ */ jsx("p", { children: loyaltyData.description }),
+              customerPoints != null && /* @__PURE__ */ jsxs("div", { className: "loyalty-points", children: [
+                t("pages.loyalty_program.you_have"),
+                " ",
+                /* @__PURE__ */ jsx("span", { className: "count-number count-anime", children: customerPoints }),
+                " ",
+                t("pages.loyalty_program.point")
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(SallaLoyalty, { customerPoints: customerPoints ?? void 0, children: /* @__PURE__ */ jsx("span", { slot: "widget", children: /* @__PURE__ */ jsx(
+              SallaButton,
+              {
+                onClick: () => document.querySelector("salla-loyalty")?.open(),
+                children: t("pages.loyalty_program.exchange_points")
+              }
+            ) }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "loyalty-star loyalty-star--first", children: /* @__PURE__ */ jsx("i", { className: "sicon-star2" }) }),
+        /* @__PURE__ */ jsx("div", { className: "loyalty-star loyalty-star--second", children: /* @__PURE__ */ jsx("i", { className: "sicon-star2" }) })
+      ] }),
+      /* @__PURE__ */ jsxs("section", { className: "points-ways pt-6", children: [
+        /* @__PURE__ */ jsx("div", { className: "s-block__title", children: /* @__PURE__ */ jsx("h2", { children: t("pages.loyalty_program.ways_to_get_points") }) }),
+        /* @__PURE__ */ jsx("div", { className: "points-ways__list", children: loyaltyData.points.map((point, index) => /* @__PURE__ */ jsxs("div", { className: "way-item", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex rtl:space-x-reverse space-x-4", children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: `way-item__icon ${point.icon || "sicon-star"}`,
+                style: { color: point.color },
+                children: /* @__PURE__ */ jsx("span", { style: { backgroundColor: point.color } })
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "way-item__content", children: [
+              /* @__PURE__ */ jsxs("h3", { style: { color: point.color }, children: [
+                point.points,
+                " ",
+                t("pages.loyalty_program.point")
+              ] }),
+              /* @__PURE__ */ jsx("p", { children: point.description })
+            ] })
+          ] }),
+          user?.type === "user" && /* @__PURE__ */ jsx("div", { className: "way-item__action", children: point.type === "share" && point.url ? /* @__PURE__ */ jsxs("div", { className: "border relative border-primary rounded-3xl h-[34px] text-center pr-14 pl-5", children: [
+            /* @__PURE__ */ jsx(
+              SallaButton,
+              {
+                onClick: () => point.url && copyToClipboard(point.url),
+                shape: "link",
+                className: "absolute w-12 top-0 right-0 h-full px-3 !pt-1 border-l border-primary hover:opacity-80",
+                ariaLabel: t("pages.loyalty_program.copy_link"),
+                children: /* @__PURE__ */ jsx("i", { className: "copy-icon sicon-swap-fill" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "h3",
+              {
+                className: "font-bold text-sm leading-8 whitespace-nowrap text-ellipsis overflow-hidden text-primary",
+                dir: "ltr",
+                children: point.url
+              }
+            )
+          ] }) : point.type === "profile" ? /* @__PURE__ */ jsxs("div", { className: "text-green-500 text-center border relative border-green-300 rounded-3xl bg-green-50 min-h-[34px] w-full pt-1 px-4", children: [
+            /* @__PURE__ */ jsx("i", { className: "sicon-check-circle d-inline-block" }),
+            /* @__PURE__ */ jsx("span", { className: "break-all", children: t("pages.loyalty_program.completed") })
+          ] }) : /* @__PURE__ */ jsx(
+            SallaButton,
+            {
+              fill: "outline",
+              width: "wide",
+              href: point.url,
+              className: "!rounded-3xl text-sm !py-1.5",
+              children: point.name
+            }
+          ) })
+        ] }, index)) })
+      ] }),
+      loyaltyData.prizes.map((prizeGroup, index) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+        SallaSlider,
+        {
+          type: "carousel",
+          loop: prizeGroup.items.length < 4 ? false : true,
+          blockTitle: prizeGroup.title,
+          id: `loyalty-slider-${prizeGroup.type}`,
+          sliderConfig: { watchOverflow: true },
+          children: /* @__PURE__ */ jsx("div", { slot: "items", children: prizeGroup.items.map((prize) => /* @__PURE__ */ jsx("div", { className: "slide--one-fourth", children: /* @__PURE__ */ jsxs("div", { className: "product-entry flex-col", children: [
+            prize.url ? /* @__PURE__ */ jsx(Link, { to: prize.url, className: "product-entry__image h-40", children: /* @__PURE__ */ jsx(
+              Image,
+              {
+                className: "sm:h-full w-full object-cover rounded-t-md",
+                src: prize.image,
+                alt: prize.name,
+                aspectRatio: "1/1"
+              }
+            ) }) : /* @__PURE__ */ jsx(
+              Image,
+              {
+                className: "sm:h-full w-full object-cover rounded-t-md",
+                src: prize.image,
+                alt: prize.name,
+                aspectRatio: "1/1"
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1 p-5", children: [
+              /* @__PURE__ */ jsx("h3", { className: "product-entry__title leading-6 mb-2.5", children: prize.url ? /* @__PURE__ */ jsx(Link, { to: prize.url, children: prize.name }) : prize.name }),
+              prize.description && /* @__PURE__ */ jsx("p", { className: "text-sm leading-6", children: prize.description })
+            ] }),
+            user?.type === "user" && /* @__PURE__ */ jsxs("div", { className: "font-bold text-primary p-4 text-center border-t", children: [
+              prize.cost_points,
+              " ",
+              t("pages.loyalty_program.point")
+            ] })
+          ] }) }, prize.id)) })
+        }
+      ) }, index))
+    ] })
+  ] });
+}
+
+export { LoyaltyPage };
+//# sourceMappingURL=LoyaltyPage-X4PHPUFC.js.map
+//# sourceMappingURL=LoyaltyPage-X4PHPUFC.js.map

package/dist/LoyaltyPage-X4PHPUFC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/routes/loyalty/LoyaltyPage.tsx"],"names":[],"mappings":"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","file":"LoyaltyPage-X4PHPUFC.js","sourcesContent":["import { useCopyToClipboard } from '@uidotdev/usehooks';\nimport { SallaLoyalty } from '@salla.sa/twilight-components-react/loyalty';\nimport { SallaButton } from '@salla.sa/twilight-components-react/button';\nimport { SallaSlider } from '@salla.sa/twilight-components-react/slider';\nimport type { LoyaltyPageProps } from './types';\nimport { Breadcrumb, Link, Image } from '../../components/common';\nimport { useTranslation } from '../../providers/i18n';\nimport { useUser } from '../../hooks';\nimport { useQuery } from '@tanstack/react-query';\nimport { loyalty } from '../../api/loyalty';\n\nexport function LoyaltyPage({ loyalty: loyaltyData, page }: LoyaltyPageProps) {\n  const { data: user } = useUser();\n  const { t } = useTranslation();\n  const [, copyToClipboard] = useCopyToClipboard();\n  const { data: customerPoints } = useQuery(loyalty.queries.points());\n\n  return (\n    <>\n      <div\n        className=\"h-62 -mb-52 w-full bg-primary rtl:right-0 ltr:left-0 relative -z-1 bg-cover bg-no-repeat bg-center\"\n        style={{ backgroundImage: loyaltyData.image ? `url(${loyaltyData.image})` : undefined }}\n      >\n        <div className=\"overlay h-full w-full bg-black opacity-50 absolute top-0 left-0\"></div>\n      </div>\n\n      <div className=\"container space-y-8 lg:space-y-16\">\n        <Breadcrumb page={page} />\n\n        {/* Loyalty Banner */}\n        <div className=\"loyalty__banner\">\n          <div className=\"loyalty__banner-inner\">\n            <i className=\"sicon-star2 star-anime text-amber-400 text-7xl\"></i>\n            <div className=\"loyalty__banner-content\">\n              <div className=\"info\">\n                <h1>{loyaltyData.name}</h1>\n                <p>{loyaltyData.description}</p>\n                {customerPoints != null && (\n                  <div className=\"loyalty-points\">\n                    {t('pages.loyalty_program.you_have')}{' '}\n                    <span className=\"count-number count-anime\">{customerPoints}</span>{' '}\n                    {t('pages.loyalty_program.point')}\n                  </div>\n                )}\n              </div>\n\n              <SallaLoyalty customerPoints={customerPoints ?? undefined}>\n                <span slot=\"widget\">\n                  <SallaButton\n                    onClick={() =>\n                      (\n                        document.querySelector('salla-loyalty') as HTMLElement & {\n                          open: () => void;\n                        }\n                      )?.open()\n                    }\n                  >\n                    {t('pages.loyalty_program.exchange_points')}\n                  </SallaButton>\n                </span>\n              </SallaLoyalty>\n            </div>\n          </div>\n\n          {/* Background stars */}\n          <div className=\"loyalty-star loyalty-star--first\">\n            <i className=\"sicon-star2\"></i>\n          </div>\n          <div className=\"loyalty-star loyalty-star--second\">\n            <i className=\"sicon-star2\"></i>\n          </div>\n        </div>\n\n        {/* Ways to get points */}\n        <section className=\"points-ways pt-6\">\n          <div className=\"s-block__title\">\n            <h2>{t('pages.loyalty_program.ways_to_get_points')}</h2>\n          </div>\n          <div className=\"points-ways__list\">\n            {loyaltyData.points.map((point, index) => (\n              <div key={index} className=\"way-item\">\n                <div className=\"flex rtl:space-x-reverse space-x-4\">\n                  <span\n                    className={`way-item__icon ${point.icon || 'sicon-star'}`}\n                    style={{ color: point.color }}\n                  >\n                    <span style={{ backgroundColor: point.color }}></span>\n                  </span>\n                  <div className=\"way-item__content\">\n                    <h3 style={{ color: point.color }}>\n                      {point.points} {t('pages.loyalty_program.point')}\n                    </h3>\n                    <p>{point.description}</p>\n                  </div>\n                </div>\n\n                {user?.type === 'user' && (\n                  <div className=\"way-item__action\">\n                    {point.type === 'share' && point.url ? (\n                      <div className=\"border relative border-primary rounded-3xl h-[34px] text-center pr-14 pl-5\">\n                        <SallaButton\n                          onClick={() => point.url && copyToClipboard(point.url)}\n                          shape=\"link\"\n                          className=\"absolute w-12 top-0 right-0 h-full px-3 !pt-1 border-l border-primary hover:opacity-80\"\n                          ariaLabel={t('pages.loyalty_program.copy_link')}\n                        >\n                          <i className=\"copy-icon sicon-swap-fill\"></i>\n                        </SallaButton>\n                        <h3\n                          className=\"font-bold text-sm leading-8 whitespace-nowrap text-ellipsis overflow-hidden text-primary\"\n                          dir=\"ltr\"\n                        >\n                          {point.url}\n                        </h3>\n                      </div>\n                    ) : point.type === 'profile' ? (\n                      <div className=\"text-green-500 text-center border relative border-green-300 rounded-3xl bg-green-50 min-h-[34px] w-full pt-1 px-4\">\n                        <i className=\"sicon-check-circle d-inline-block\"></i>\n                        <span className=\"break-all\">{t('pages.loyalty_program.completed')}</span>\n                      </div>\n                    ) : (\n                      <SallaButton\n                        fill=\"outline\"\n                        width=\"wide\"\n                        href={point.url}\n                        className=\"!rounded-3xl text-sm !py-1.5\"\n                      >\n                        {point.name}\n                      </SallaButton>\n                    )}\n                  </div>\n                )}\n              </div>\n            ))}\n          </div>\n        </section>\n\n        {/* Prizes */}\n        {loyaltyData.prizes.map((prizeGroup, index) => (\n          <div key={index}>\n            <SallaSlider\n              type=\"carousel\"\n              loop={prizeGroup.items.length < 4 ? false : true}\n              blockTitle={prizeGroup.title}\n              id={`loyalty-slider-${prizeGroup.type}`}\n              sliderConfig={{ watchOverflow: true }}\n            >\n              <div slot=\"items\">\n                {prizeGroup.items.map((prize) => (\n                  <div key={prize.id} className=\"slide--one-fourth\">\n                    <div className=\"product-entry flex-col\">\n                      {prize.url ? (\n                        <Link to={prize.url} className=\"product-entry__image h-40\">\n                          <Image\n                            className=\"sm:h-full w-full object-cover rounded-t-md\"\n                            src={prize.image}\n                            alt={prize.name}\n                            aspectRatio=\"1/1\"\n                          />\n                        </Link>\n                      ) : (\n                        <Image\n                          className=\"sm:h-full w-full object-cover rounded-t-md\"\n                          src={prize.image}\n                          alt={prize.name}\n                          aspectRatio=\"1/1\"\n                        />\n                      )}\n                      <div className=\"flex-1 p-5\">\n                        <h3 className=\"product-entry__title leading-6 mb-2.5\">\n                          {prize.url ? <Link to={prize.url}>{prize.name}</Link> : prize.name}\n                        </h3>\n                        {prize.description && (\n                          <p className=\"text-sm leading-6\">{prize.description}</p>\n                        )}\n                      </div>\n                      {user?.type === 'user' && (\n                        <div className=\"font-bold text-primary p-4 text-center border-t\">\n                          {prize.cost_points} {t('pages.loyalty_program.point')}\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </SallaSlider>\n          </div>\n        ))}\n      </div>\n    </>\n  );\n}\n"]}

package/dist/MainMenu-R3EWTNNC.js

@@ -0,0 +1,91 @@
+import { menu } from './chunk-NBHI5X36.js';
+import './chunk-GLM3RPCP.js';
+import './chunk-QTDGM2SO.js';
+import './chunk-5Q6PFLDN.js';
+import './chunk-GO34DE35.js';
+import './chunk-VVZNW5CB.js';
+import './chunk-LBUMC5PB.js';
+import './chunk-MTONGOJD.js';
+import './chunk-2FU6CVSB.js';
+import './chunk-I5Z4NJBB.js';
+import './chunk-TCSNNCRH.js';
+import './chunk-2TB2LTL2.js';
+import './chunk-QYL5OHAV.js';
+import './chunk-KIPZQN3Y.js';
+import './chunk-Z653O7MX.js';
+import './chunk-ZCH7W7DZ.js';
+import './chunk-SSRNIBVV.js';
+import './chunk-GN34LCTG.js';
+import './chunk-CW625T2E.js';
+import './chunk-BVSJPBJ6.js';
+import './chunk-GBWCXUPD.js';
+import './chunk-UIX3W2PN.js';
+import { useTranslation } from './chunk-VVRYP6IL.js';
+import './chunk-T72DAX7R.js';
+import './chunk-YMVLYYLU.js';
+import './chunk-RYBA3JDM.js';
+import './chunk-25SSLQAJ.js';
+import './chunk-J37AYLWL.js';
+import './chunk-2KF5JJU6.js';
+import { Link } from './chunk-TZ4YD5CU.js';
+import './chunk-XUI3TRXF.js';
+import './chunk-6BZ5TKEV.js';
+import './chunk-UE3BUFZI.js';
+import './chunk-3DCZJDDK.js';
+import './chunk-3UHSMGPY.js';
+import './chunk-MXQCE3KA.js';
+import { useTwilight } from './chunk-BWFBVXT3.js';
+import './chunk-DGUM43GV.js';
+import { memo, useMemo } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var SKELETON_WIDTHS = ["w-16", "w-20", "w-24", "w-16", "w-20"];
+var MainMenuSkeleton = memo(function MainMenuSkeleton2() {
+  return /* @__PURE__ */ jsx("nav", { children: /* @__PURE__ */ jsx("ul", { className: "main-menu", children: SKELETON_WIDTHS.map((width, i) => /* @__PURE__ */ jsx("li", { className: "!hidden lg:!block root-level", children: /* @__PURE__ */ jsx(Link, { to: "#", children: /* @__PURE__ */ jsx("span", { className: `inline-block animate-pulse rounded bg-gray-200 h-4 ${width}` }) }) }, i)) }) });
+});
+function MainMenu() {
+  const { theme } = useTwilight();
+  const { data: menus = [], isLoading } = useQuery(menu.queries.header());
+  const { t } = useTranslation();
+  const { visibleMenus, hiddenMenus } = useMemo(() => {
+    const enableMore = theme?.settings?.is_more_button_enabled;
+    const visibleCount = 7;
+    if (enableMore && menus.length > visibleCount) {
+      return {
+        visibleMenus: menus.slice(0, visibleCount),
+        hiddenMenus: menus.slice(visibleCount)
+      };
+    }
+    return { visibleMenus: menus, hiddenMenus: [] };
+  }, [menus, theme?.settings?.enable_more_menu, theme?.settings?.is_more_button_enabled]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(MainMenuSkeleton, {});
+  }
+  const renderItem = (item, isChild = false, inMoreMenu = false) => {
+    const hasChildren = item.has_children && item.children && item.children.length > 0;
+    const showDropdown = hasChildren && !inMoreMenu;
+    return /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: `${isChild ? "relative" : "!hidden lg:!block root-level"} ${hasChildren ? "has-children" : ""}`,
+        children: [
+          /* @__PURE__ */ jsx(Link, { to: item.url, children: /* @__PURE__ */ jsx("span", { children: item.title }) }),
+          showDropdown && /* @__PURE__ */ jsx("div", { className: "sub-menu w-56", children: /* @__PURE__ */ jsx("ul", { children: item?.children?.map((child) => renderItem(child, true)) }) })
+        ]
+      },
+      item.id
+    );
+  };
+  return /* @__PURE__ */ jsx("nav", { children: /* @__PURE__ */ jsxs("ul", { className: "main-menu", children: [
+    visibleMenus.map((item) => renderItem(item)),
+    hiddenMenus.length > 0 && /* @__PURE__ */ jsxs("li", { id: "more-menu-dropdown", className: "!hidden lg:!block root-level has-children", children: [
+      /* @__PURE__ */ jsx(Link, { to: "#", children: /* @__PURE__ */ jsx("span", { children: t("common.titles.more", "More") }) }),
+      /* @__PURE__ */ jsx("div", { className: "sub-menu w-56", children: /* @__PURE__ */ jsx("ul", { children: hiddenMenus.map((item) => renderItem(item, true, true)) }) })
+    ] })
+  ] }) });
+}
+
+export { MainMenu };
+//# sourceMappingURL=MainMenu-R3EWTNNC.js.map
+//# sourceMappingURL=MainMenu-R3EWTNNC.js.map

package/dist/MainMenu-R3EWTNNC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/MainMenu.tsx"],"names":["MainMenuSkeleton"],"mappings":"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","file":"MainMenu-R3EWTNNC.js","sourcesContent":["import { useMemo, memo } from 'react';\nimport { useQuery } from '@tanstack/react-query';\nimport { useTwilight } from '../../providers/TwilightProvider';\nimport { useTranslation } from '../../providers/i18n';\nimport { Link } from '../common';\nimport { menu } from '../../api/menu';\nimport type { MenuItem } from '../../types';\n\nconst SKELETON_WIDTHS = ['w-16', 'w-20', 'w-24', 'w-16', 'w-20'];\n\nconst MainMenuSkeleton = memo(function MainMenuSkeleton() {\n  return (\n    <nav>\n      <ul className=\"main-menu\">\n        {SKELETON_WIDTHS.map((width, i) => (\n          <li key={i} className=\"!hidden lg:!block root-level\">\n            <Link to=\"#\">\n              <span className={`inline-block animate-pulse rounded bg-gray-200 h-4 ${width}`} />\n            </Link>\n          </li>\n        ))}\n      </ul>\n    </nav>\n  );\n});\n\nexport function MainMenu() {\n  const { theme } = useTwilight();\n  const { data: menus = [], isLoading } = useQuery(menu.queries.header());\n  const { t } = useTranslation();\n\n  const { visibleMenus, hiddenMenus } = useMemo(() => {\n    const enableMore = theme?.settings?.is_more_button_enabled;\n    const visibleCount = 7;\n\n    if (enableMore && menus.length > visibleCount) {\n      return {\n        visibleMenus: menus.slice(0, visibleCount),\n        hiddenMenus: menus.slice(visibleCount),\n      };\n    }\n\n    return { visibleMenus: menus, hiddenMenus: [] };\n  }, [menus, theme?.settings?.enable_more_menu, theme?.settings?.is_more_button_enabled]);\n\n  if (isLoading) {\n    return <MainMenuSkeleton />;\n  }\n\n  const renderItem = (item: MenuItem, isChild = false, inMoreMenu = false) => {\n    const hasChildren = item.has_children && item.children && item.children.length > 0;\n    const showDropdown = hasChildren && !inMoreMenu;\n\n    return (\n      <li\n        key={item.id}\n        className={`${isChild ? 'relative' : '!hidden lg:!block root-level'} ${hasChildren ? 'has-children' : ''}`}\n      >\n        <Link to={item.url}>\n          <span>{item.title}</span>\n        </Link>\n        {showDropdown && (\n          <div className=\"sub-menu w-56\">\n            <ul>{item?.children?.map((child: MenuItem) => renderItem(child, true))}</ul>\n          </div>\n        )}\n      </li>\n    );\n  };\n\n  return (\n    <nav>\n      <ul className=\"main-menu\">\n        {visibleMenus.map((item) => renderItem(item))}\n        {hiddenMenus.length > 0 && (\n          <li id=\"more-menu-dropdown\" className=\"!hidden lg:!block root-level has-children\">\n            <Link to=\"#\">\n              <span>{t('common.titles.more', 'More')}</span>\n            </Link>\n            <div className=\"sub-menu w-56\">\n              <ul>{hiddenMenus.map((item) => renderItem(item, true, true))}</ul>\n            </div>\n          </li>\n        )}\n      </ul>\n    </nav>\n  );\n}\n"]}

package/dist/MasterLayout-5JLM7IMW.js

@@ -0,0 +1,39 @@
+export { MasterLayout } from './chunk-GLM3RPCP.js';
+import './chunk-QTDGM2SO.js';
+import './chunk-5Q6PFLDN.js';
+import './chunk-GO34DE35.js';
+import './chunk-VVZNW5CB.js';
+import './chunk-LBUMC5PB.js';
+import './chunk-MTONGOJD.js';
+import './chunk-2FU6CVSB.js';
+import './chunk-I5Z4NJBB.js';
+import './chunk-TCSNNCRH.js';
+import './chunk-2TB2LTL2.js';
+import './chunk-QYL5OHAV.js';
+import './chunk-KIPZQN3Y.js';
+import './chunk-Z653O7MX.js';
+import './chunk-ZCH7W7DZ.js';
+import './chunk-SSRNIBVV.js';
+import './chunk-GN34LCTG.js';
+import './chunk-CW625T2E.js';
+import './chunk-BVSJPBJ6.js';
+import './chunk-GBWCXUPD.js';
+import './chunk-UIX3W2PN.js';
+import './chunk-VVRYP6IL.js';
+import './chunk-T72DAX7R.js';
+import './chunk-YMVLYYLU.js';
+import './chunk-RYBA3JDM.js';
+import './chunk-25SSLQAJ.js';
+import './chunk-J37AYLWL.js';
+import './chunk-2KF5JJU6.js';
+import './chunk-TZ4YD5CU.js';
+import './chunk-XUI3TRXF.js';
+import './chunk-6BZ5TKEV.js';
+import './chunk-UE3BUFZI.js';
+import './chunk-3DCZJDDK.js';
+import './chunk-3UHSMGPY.js';
+import './chunk-MXQCE3KA.js';
+import './chunk-BWFBVXT3.js';
+import './chunk-DGUM43GV.js';
+//# sourceMappingURL=MasterLayout-5JLM7IMW.js.map
+//# sourceMappingURL=MasterLayout-5JLM7IMW.js.map

package/dist/MasterLayout-5JLM7IMW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"MasterLayout-5JLM7IMW.js"}

package/dist/MobileMenu-QXESUQXC.js

@@ -0,0 +1,175 @@
+import { menu } from './chunk-NBHI5X36.js';
+import { Drawer } from './chunk-XHGF75TM.js';
+import './chunk-GLM3RPCP.js';
+import './chunk-QTDGM2SO.js';
+import './chunk-5Q6PFLDN.js';
+import './chunk-GO34DE35.js';
+import './chunk-VVZNW5CB.js';
+import './chunk-LBUMC5PB.js';
+import './chunk-MTONGOJD.js';
+import './chunk-2FU6CVSB.js';
+import './chunk-I5Z4NJBB.js';
+import './chunk-TCSNNCRH.js';
+import './chunk-2TB2LTL2.js';
+import './chunk-QYL5OHAV.js';
+import './chunk-KIPZQN3Y.js';
+import './chunk-Z653O7MX.js';
+import './chunk-ZCH7W7DZ.js';
+import './chunk-SSRNIBVV.js';
+import './chunk-GN34LCTG.js';
+import './chunk-CW625T2E.js';
+import './chunk-BVSJPBJ6.js';
+import './chunk-GBWCXUPD.js';
+import './chunk-UIX3W2PN.js';
+import { useTranslation } from './chunk-VVRYP6IL.js';
+import './chunk-T72DAX7R.js';
+import './chunk-YMVLYYLU.js';
+import './chunk-RYBA3JDM.js';
+import './chunk-25SSLQAJ.js';
+import './chunk-J37AYLWL.js';
+import './chunk-2KF5JJU6.js';
+import { Link } from './chunk-TZ4YD5CU.js';
+import './chunk-XUI3TRXF.js';
+import './chunk-6BZ5TKEV.js';
+import './chunk-UE3BUFZI.js';
+import './chunk-3DCZJDDK.js';
+import './chunk-3UHSMGPY.js';
+import './chunk-MXQCE3KA.js';
+import { useTwilight } from './chunk-BWFBVXT3.js';
+import './chunk-DGUM43GV.js';
+import { memo, useState, useCallback, useEffect } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+var MOBILE_SKELETON_ITEMS = 5;
+var MobileMenuSkeleton = memo(function MobileMenuSkeleton2() {
+  const widths = ["w-32", "w-28", "w-36", "w-24", "w-30"];
+  return /* @__PURE__ */ jsx("ul", { className: "divide-y divide-gray-100", children: Array.from({ length: MOBILE_SKELETON_ITEMS }, (_, i) => /* @__PURE__ */ jsx("li", { className: "py-4", children: /* @__PURE__ */ jsx("span", { className: `inline-block animate-pulse rounded bg-gray-200 h-5 ${widths[i]}` }) }, i)) });
+});
+function MobileMenu({ isOpen, onClose }) {
+  const { theme } = useTwilight();
+  const { data: menus = [], isLoading } = useQuery({
+    ...menu.queries.header(),
+    enabled: isOpen
+  });
+  const { t } = useTranslation();
+  const [menuStack, setMenuStack] = useState([
+    { title: "", items: menus }
+  ]);
+  const [isAnimating, setIsAnimating] = useState(false);
+  const currentLevel = menuStack[menuStack.length - 1];
+  const isRootLevel = menuStack.length === 1;
+  const openSubmenu = useCallback((item) => {
+    if (item.children && item.children.length > 0) {
+      setIsAnimating(true);
+      setMenuStack((prev) => [...prev, { title: item.title, items: item.children }]);
+      requestAnimationFrame(() => {
+        setIsAnimating(false);
+      });
+    }
+  }, []);
+  const goBack = useCallback(() => {
+    setIsAnimating(true);
+    setMenuStack((prev) => prev.slice(0, -1));
+    requestAnimationFrame(() => {
+      setIsAnimating(false);
+    });
+  }, []);
+  const handleNavigate = useCallback(() => {
+    onClose();
+    setTimeout(() => {
+      setMenuStack([{ title: "", items: menus }]);
+    }, 300);
+  }, [onClose, menus]);
+  useEffect(() => {
+    if (isOpen) {
+      setMenuStack([{ title: "", items: menus }]);
+      setIsAnimating(false);
+    }
+  }, [isOpen, menus]);
+  useEffect(() => {
+    if (isOpen) {
+      document.body.classList.add("menu-opened");
+    } else {
+      document.body.classList.remove("menu-opened");
+    }
+    return () => {
+      document.body.classList.remove("menu-opened");
+    };
+  }, [isOpen]);
+  const getListAnimationClass = () => {
+    if (isAnimating) {
+      return theme.is_rtl ? "translate-x-4 opacity-0" : "-translate-x-4 opacity-0";
+    }
+    return "translate-x-0 opacity-100";
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+    Drawer,
+    {
+      isOpen,
+      onClose,
+      size: "md",
+      closeOnBackdropClick: true,
+      preventBodyScroll: false,
+      className: "overflow-visible",
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onClose,
+            "aria-label": t("common.buttons.close", "Close"),
+            className: "absolute top-0 w-12 h-12 flex items-center justify-center bg-[#d35a51] text-white hover:bg-red-600 transition-colors z-50 ltr:-right-12 rtl:-left-12",
+            children: /* @__PURE__ */ jsx("i", { className: "sicon-cancel text-xl leading-none" })
+          }
+        ),
+        /* @__PURE__ */ jsx(Drawer.Header, { showCloseButton: false, onClose, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 w-full", children: [
+          !isRootLevel && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "text-gray-500 hover:text-gray-800 transition-colors flex-shrink-0",
+              onClick: goBack,
+              "aria-label": t("common.buttons.back", "Back"),
+              children: /* @__PURE__ */ jsx("i", { className: "sicon-keyboard_arrow_left text-xl flex items-center justify-center" })
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "font-bold text-lg truncate flex-1 text-center pr-6 rtl:pl-6 rtl:pr-0", children: isRootLevel ? t("blocks.header.main_menu", "Menu") : currentLevel.title })
+        ] }) }),
+        /* @__PURE__ */ jsx(Drawer.Body, { className: "p-0 overflow-hidden", children: /* @__PURE__ */ jsx("nav", { className: "mobile-menu h-full overflow-y-auto", children: isLoading ? /* @__PURE__ */ jsx(MobileMenuSkeleton, {}) : /* @__PURE__ */ jsx(
+          "ul",
+          {
+            className: `divide-y divide-gray-100 transition-all duration-200 ease-out ${getListAnimationClass()}`,
+            children: currentLevel.items.map((item) => {
+              const hasChildren = item.has_children && item.children && item.children.length > 0;
+              return /* @__PURE__ */ jsx("li", { className: "mobile-menu-item", children: hasChildren ? /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  className: "flex items-center justify-between w-full py-4 hover:text-primary transition-colors text-start group",
+                  onClick: () => openSubmenu(item),
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: "text-gray-800 group-hover:text-primary font-medium text-base", children: item.title }),
+                    /* @__PURE__ */ jsx("i", { className: "sicon-keyboard_arrow_right rtl:rotate-180 text-gray-500 group-hover:text-primary text-lg flex items-center justify-center h-full" })
+                  ]
+                }
+              ) : /* @__PURE__ */ jsx(
+                Link,
+                {
+                  to: item.url,
+                  className: "block w-full py-4 hover:text-primary transition-colors text-gray-800 font-medium text-base group",
+                  onClick: handleNavigate,
+                  children: /* @__PURE__ */ jsx("span", { className: "group-hover:translate-x-1 rtl:group-hover:-translate-x-1 inline-block transition-transform", children: item.title })
+                }
+              ) }, item.id);
+            })
+          }
+        ) }) })
+      ]
+    }
+  ) });
+}
+
+export { MobileMenu };
+//# sourceMappingURL=MobileMenu-QXESUQXC.js.map
+//# sourceMappingURL=MobileMenu-QXESUQXC.js.map

package/dist/MobileMenu-QXESUQXC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/MobileMenu.tsx"],"names":["MobileMenuSkeleton"],"mappings":"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","file":"MobileMenu-QXESUQXC.js","sourcesContent":["import { useState, useCallback, useEffect, memo } from 'react';\nimport { useQuery } from '@tanstack/react-query';\nimport { useTwilight } from '../../providers/TwilightProvider';\nimport { useTranslation } from '../../providers/i18n';\nimport { Drawer } from '../../components/drawer';\nimport { Link } from '../common';\nimport { menu } from '../../api/menu';\nimport type { MenuItem } from '../../types';\n\nexport interface MobileMenuProps {\n  isOpen: boolean;\n  onClose: () => void;\n}\n\nconst MOBILE_SKELETON_ITEMS = 5;\n\nconst MobileMenuSkeleton = memo(function MobileMenuSkeleton() {\n  const widths = ['w-32', 'w-28', 'w-36', 'w-24', 'w-30'];\n  return (\n    <ul className=\"divide-y divide-gray-100\">\n      {Array.from({ length: MOBILE_SKELETON_ITEMS }, (_, i) => (\n        <li key={i} className=\"py-4\">\n          <span className={`inline-block animate-pulse rounded bg-gray-200 h-5 ${widths[i]}`} />\n        </li>\n      ))}\n    </ul>\n  );\n});\n\nexport function MobileMenu({ isOpen, onClose }: MobileMenuProps) {\n  const { theme } = useTwilight();\n  const { data: menus = [], isLoading } = useQuery({\n    ...menu.queries.header(),\n    enabled: isOpen,\n  });\n  const { t } = useTranslation();\n\n  const [menuStack, setMenuStack] = useState<{ title: string; items: MenuItem[] }[]>([\n    { title: '', items: menus },\n  ]);\n\n  const [isAnimating, setIsAnimating] = useState(false);\n\n  const currentLevel = menuStack[menuStack.length - 1];\n  const isRootLevel = menuStack.length === 1;\n\n  const openSubmenu = useCallback((item: MenuItem) => {\n    if (item.children && item.children.length > 0) {\n      setIsAnimating(true);\n      setMenuStack((prev) => [...prev, { title: item.title, items: item.children! }]);\n      requestAnimationFrame(() => {\n        setIsAnimating(false);\n      });\n    }\n  }, []);\n\n  const goBack = useCallback(() => {\n    setIsAnimating(true);\n    setMenuStack((prev) => prev.slice(0, -1));\n    requestAnimationFrame(() => {\n      setIsAnimating(false);\n    });\n  }, []);\n\n  const handleNavigate = useCallback(() => {\n    onClose();\n    setTimeout(() => {\n      setMenuStack([{ title: '', items: menus }]);\n    }, 300);\n  }, [onClose, menus]);\n\n  useEffect(() => {\n    if (isOpen) {\n      setMenuStack([{ title: '', items: menus }]);\n      setIsAnimating(false);\n    }\n  }, [isOpen, menus]);\n\n  useEffect(() => {\n    if (isOpen) {\n      document.body.classList.add('menu-opened');\n    } else {\n      document.body.classList.remove('menu-opened');\n    }\n\n    return () => {\n      document.body.classList.remove('menu-opened');\n    };\n  }, [isOpen]);\n\n  const getListAnimationClass = () => {\n    if (isAnimating) {\n      return theme.is_rtl ? 'translate-x-4 opacity-0' : '-translate-x-4 opacity-0';\n    }\n    return 'translate-x-0 opacity-100';\n  };\n\n  return (\n    <>\n      <Drawer\n        isOpen={isOpen}\n        onClose={onClose}\n        size=\"md\"\n        closeOnBackdropClick={true}\n        preventBodyScroll={false}\n        className=\"overflow-visible\"\n      >\n        <button\n          type=\"button\"\n          onClick={onClose}\n          aria-label={t('common.buttons.close', 'Close')}\n          className=\"absolute top-0 w-12 h-12 flex items-center justify-center bg-[#d35a51] text-white hover:bg-red-600 transition-colors z-50 ltr:-right-12 rtl:-left-12\"\n        >\n          <i className=\"sicon-cancel text-xl leading-none\"></i>\n        </button>\n\n        <Drawer.Header showCloseButton={false} onClose={onClose}>\n          <div className=\"flex items-center gap-2 w-full\">\n            {!isRootLevel && (\n              <button\n                type=\"button\"\n                className=\"text-gray-500 hover:text-gray-800 transition-colors flex-shrink-0\"\n                onClick={goBack}\n                aria-label={t('common.buttons.back', 'Back')}\n              >\n                <i className=\"sicon-keyboard_arrow_left text-xl flex items-center justify-center\"></i>\n              </button>\n            )}\n            <span className=\"font-bold text-lg truncate flex-1 text-center pr-6 rtl:pl-6 rtl:pr-0\">\n              {isRootLevel ? t('blocks.header.main_menu', 'Menu') : currentLevel.title}\n            </span>\n          </div>\n        </Drawer.Header>\n        <Drawer.Body className=\"p-0 overflow-hidden\">\n          <nav className=\"mobile-menu h-full overflow-y-auto\">\n            {isLoading ? (\n              <MobileMenuSkeleton />\n            ) : (\n              <ul\n                className={`divide-y divide-gray-100 transition-all duration-200 ease-out ${getListAnimationClass()}`}\n              >\n                {currentLevel.items.map((item) => {\n                  const hasChildren =\n                    item.has_children && item.children && item.children.length > 0;\n\n                  return (\n                    <li key={item.id} className=\"mobile-menu-item\">\n                      {hasChildren ? (\n                        <button\n                          type=\"button\"\n                          className=\"flex items-center justify-between w-full py-4 hover:text-primary transition-colors text-start group\"\n                          onClick={() => openSubmenu(item)}\n                        >\n                          <span className=\"text-gray-800 group-hover:text-primary font-medium text-base\">\n                            {item.title}\n                          </span>\n                          <i className=\"sicon-keyboard_arrow_right rtl:rotate-180 text-gray-500 group-hover:text-primary text-lg flex items-center justify-center h-full\"></i>\n                        </button>\n                      ) : (\n                        <Link\n                          to={item.url}\n                          className=\"block w-full py-4 hover:text-primary transition-colors text-gray-800 font-medium text-base group\"\n                          onClick={handleNavigate}\n                        >\n                          <span className=\"group-hover:translate-x-1 rtl:group-hover:-translate-x-1 inline-block transition-transform\">\n                            {item.title}\n                          </span>\n                        </Link>\n                      )}\n                    </li>\n                  );\n                })}\n              </ul>\n            )}\n          </nav>\n        </Drawer.Body>\n      </Drawer>\n    </>\n  );\n}\n"]}

package/dist/NoContent-PBGESHBJ.js

@@ -0,0 +1,21 @@
+import { Link } from './chunk-TZ4YD5CU.js';
+import './chunk-XUI3TRXF.js';
+import './chunk-DGUM43GV.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function NoContent({
+  icon = "sicon-shopping-bag",
+  message,
+  actionLabel,
+  actionUrl = "/"
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "no-content-placeholder", children: [
+    /* @__PURE__ */ jsx("i", { className: `${icon} icon` }),
+    /* @__PURE__ */ jsx("p", { children: message }),
+    actionLabel && /* @__PURE__ */ jsx(Link, { to: actionUrl, className: "btn btn--outline-primary btn--rounded-full", children: actionLabel })
+  ] });
+}
+
+export { NoContent };
+//# sourceMappingURL=NoContent-PBGESHBJ.js.map
+//# sourceMappingURL=NoContent-PBGESHBJ.js.map

package/dist/NoContent-PBGESHBJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/common/NoContent.tsx"],"names":[],"mappings":";;;;;AASO,SAAS,SAAA,CAAU;AAAA,EACxB,IAAA,GAAO,oBAAA;AAAA,EACP,OAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,EAAmB;AACjB,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wBAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAW,CAAA,EAAG,IAAI,CAAA,KAAA,CAAA,EAAS,CAAA;AAAA,oBAC9B,GAAA,CAAC,OAAG,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,IACX,+BACC,GAAA,CAAC,IAAA,EAAA,EAAK,IAAI,SAAA,EAAW,SAAA,EAAU,8CAC5B,QAAA,EAAA,WAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ","file":"NoContent-PBGESHBJ.js","sourcesContent":["import { Link } from './Link';\n\ninterface NoContentProps {\n  icon?: string;\n  message: string;\n  actionLabel?: string;\n  actionUrl?: string;\n}\n\nexport function NoContent({\n  icon = 'sicon-shopping-bag',\n  message,\n  actionLabel,\n  actionUrl = '/',\n}: NoContentProps) {\n  return (\n    <div className=\"no-content-placeholder\">\n      <i className={`${icon} icon`}></i>\n      <p>{message}</p>\n      {actionLabel && (\n        <Link to={actionUrl} className=\"btn btn--outline-primary btn--rounded-full\">\n          {actionLabel}\n        </Link>\n      )}\n    </div>\n  );\n}\n"]}