@salla.sa/twilight-theme-engine 1.0.0-beta.9 → 1.0.1

package/dist/CustomerLayout-NI3HBOZB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/CustomerLayout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,SAAS,cAAA,CAAe,EAAE,QAAA,EAAU,IAAA,EAAK,EAAwB;AACtE,EAAA,MAAM,EAAE,IAAA,EAAM,IAAA,EAAK,GAAI,OAAA,EAAQ;AAE/B,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4BAAA,EACb,QAAA,kBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,6DAAA,EACZ,QAAA,EAAA,IAAA,oBAAQ,GAAA,CAAC,cAAA,EAAA,EAAW,IAAA,EAAY,SAAA,EAAU,oCAAA,EAAqC,GAClF,CAAA,EACF,CAAA;AAAA,wBAGC,KAAA,EAAA,EAAI,SAAA,EAAU,sBACb,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,sDAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,YAAA,EAAW,SAAA;AAAA,UACX,SAAA,EAAU,yJAAA;AAAA,UAET,QAAA,EAAA;AAAA,YAAA,IAAA,EAAM,IAAA,KAAS,SAAA,oBACd,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EACb,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uEAAA,EACb,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,YAAA,EAAY,IAAA,EAAC,KAAA,EAAO,IAAA,EAAM,MAAA,EACzC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,4EAAA,EACd,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mCAAA,EAAoC,CAAA,EACtD,CAAA,EACF,CAAA,EACF,CAAA,EACF,CAAA;AAAA,4BAGF,GAAA,CAAC,SAAI,SAAA,EAAU,iBAAA,EACb,8BAAC,aAAA,EAAA,EAAc,MAAA,EAAM,MAAC,CAAA,EACxB;AAAA;AAAA;AAAA,OACF;AAAA,sBAEA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+CAAA,EACZ,QAAA,EAAA;AAAA,QAAA,IAAA,EAAM,yBACL,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,uEAAA,EACX,eAAK,KAAA,EACR,CAAA;AAAA,QAED;AAAA,OAAA,EACH;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ","file":"CustomerLayout-NI3HBOZB.js","sourcesContent":["import { useUser } from '../../hooks';\nimport { SallaFileUpload } from '@salla.sa/twilight-components-react/file-upload';\nimport { SallaUserMenu } from '@salla.sa/twilight-components-react/user-menu';\nimport { Breadcrumb } from '../common';\nimport type { LayoutProps } from './types';\nimport type { Page } from '../../types';\n\ninterface CustomerLayoutProps extends LayoutProps {\n  page?: Page;\n}\n\nexport function CustomerLayout({ children, page }: CustomerLayoutProps) {\n  const { data: user } = useUser();\n\n  return (\n    <>\n      <div className=\"profile-header gradient-bg\">\n        <div className=\"container relative flex justify-between h-full items-center\">\n          {page && <Breadcrumb page={page} className=\"breadcrumbs w-full py-5 self-start\" />}\n        </div>\n      </div>\n\n      {/* Main content area */}\n      <div className=\"container lg:mb-24\">\n        <div className=\"flex items-start flex-col lg:flex-row justify-center\">\n          <nav\n            aria-label=\"Sidebar\"\n            className=\"shrink-0 lg:sticky top-24 lg:-mt-28 lg:shadow-default rounded-md lg:bg-white w-full lg:w-72 rtl:lg:ml-8 ltr:lg:mr-8 lg:pt-8 lg:pb-11 sidebar space-y-px\"\n          >\n            {page?.slug === 'profile' && (\n              <div className=\"text-center md:mb-9\">\n                <div className=\"h-20 w-20 m-auto avatar-wrap bg-gray-100 rounded-full overflow-hidden\">\n                  <SallaFileUpload profileImage value={user?.avatar}>\n                    <span className=\"avatar-placeholder flex justify-center items-center flex-col w-full h-full\">\n                      <span className=\"sicon-user text-2xl text-gray-400\"></span>\n                    </span>\n                  </SallaFileUpload>\n                </div>\n              </div>\n            )}\n\n            <div className=\"hidden lg:block\">\n              <SallaUserMenu inline />\n            </div>\n          </nav>\n\n          <div className=\"main-content w-full flex-1 lg:pt-10 max-w-3xl\">\n            {page?.title && (\n              <h1 className=\"font-bold text-lg text-center sm:rtl:text-right sm:ltr:text-left mb-2\">\n                {page.title}\n              </h1>\n            )}\n            {children}\n          </div>\n        </div>\n      </div>\n    </>\n  );\n}\n"]}

package/dist/ErrorPage-XGBROULF.js

@@ -0,0 +1,6 @@
+export { ErrorPage } from './chunk-Z4Y55HWX.js';
+import './chunk-TYNZ5B2B.js';
+import './chunk-T72DAX7R.js';
+import './chunk-DGUM43GV.js';
+//# sourceMappingURL=ErrorPage-XGBROULF.js.map
+//# sourceMappingURL=ErrorPage-XGBROULF.js.map

package/dist/{ErrorPage-TK4U3ENF.js.map → ErrorPage-XGBROULF.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ErrorPage-TK4U3ENF.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ErrorPage-XGBROULF.js"}

package/dist/Footer-6XXLPWRH.js

@@ -0,0 +1,40 @@
+export { Footer } from './chunk-THMQ2Z3N.js';
+import './chunk-FH5YDZFQ.js';
+import './chunk-JKIRRMBU.js';
+import './chunk-2JV6WZ6O.js';
+import './chunk-VVZNW5CB.js';
+import './chunk-2ZRLSZ4V.js';
+import './chunk-MTONGOJD.js';
+import './chunk-C5X6CVXC.js';
+import './chunk-I5Z4NJBB.js';
+import './chunk-TCSNNCRH.js';
+import './chunk-2TB2LTL2.js';
+import './chunk-QYL5OHAV.js';
+import './chunk-KIPZQN3Y.js';
+import './chunk-TP3LCGE7.js';
+import './chunk-Z653O7MX.js';
+import './chunk-ZCH7W7DZ.js';
+import './chunk-SSRNIBVV.js';
+import './chunk-JWXJPJBO.js';
+import './chunk-CW625T2E.js';
+import './chunk-BVSJPBJ6.js';
+import './chunk-GBWCXUPD.js';
+import './chunk-OAMIDZKW.js';
+import './chunk-TYNZ5B2B.js';
+import './chunk-T72DAX7R.js';
+import './chunk-YMVLYYLU.js';
+import './chunk-RJPPO3ET.js';
+import './chunk-Q7VWURUR.js';
+import './chunk-GU2KUQVD.js';
+import './chunk-SM7VMQZY.js';
+import './chunk-AXW67SY7.js';
+import './chunk-BYMOPN2S.js';
+import './chunk-6BZ5TKEV.js';
+import './chunk-FZKRSGLP.js';
+import './chunk-CUG6VOLM.js';
+import './chunk-HX3YKS5W.js';
+import './chunk-OBSAH7K6.js';
+import './chunk-DF6FBKDN.js';
+import './chunk-DGUM43GV.js';
+//# sourceMappingURL=Footer-6XXLPWRH.js.map
+//# sourceMappingURL=Footer-6XXLPWRH.js.map

package/dist/{Footer-MZDSEK57.js.map → Footer-6XXLPWRH.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Footer-MZDSEK57.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Footer-6XXLPWRH.js"}

package/dist/Header-56YZL6PB.js

@@ -0,0 +1,15 @@
+export { Header } from './chunk-FH5YDZFQ.js';
+import './chunk-2ZRLSZ4V.js';
+import './chunk-MTONGOJD.js';
+import './chunk-KIPZQN3Y.js';
+import './chunk-TYNZ5B2B.js';
+import './chunk-T72DAX7R.js';
+import './chunk-Q7VWURUR.js';
+import './chunk-GU2KUQVD.js';
+import './chunk-SM7VMQZY.js';
+import './chunk-AXW67SY7.js';
+import './chunk-BYMOPN2S.js';
+import './chunk-DF6FBKDN.js';
+import './chunk-DGUM43GV.js';
+//# sourceMappingURL=Header-56YZL6PB.js.map
+//# sourceMappingURL=Header-56YZL6PB.js.map

package/dist/{Header-CXFKDTOA.js.map → Header-56YZL6PB.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Header-CXFKDTOA.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Header-56YZL6PB.js"}

package/dist/ImageModal-LHFSYPSU.js

@@ -0,0 +1,32 @@
+import { Modal } from './chunk-HX3YKS5W.js';
+import './chunk-DGUM43GV.js';
+import { useState } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function ModalImage({ src, alt, imgProps }) {
+  const [isLoaded, setIsLoaded] = useState(false);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    !isLoaded && /* @__PURE__ */ jsx("div", { className: "animate-pulse bg-gray-200 w-full h-64 rounded" }),
+    /* @__PURE__ */ jsx(
+      "img",
+      {
+        src,
+        alt,
+        className: `max-w-full max-h-[70vh] object-contain ${isLoaded ? "block" : "hidden"}`,
+        onLoad: () => setIsLoaded(true),
+        ...imgProps
+      }
+    )
+  ] });
+}
+function ImageModal({ isOpen, onClose, src, alt = "", title, imgProps }) {
+  if (!src) return null;
+  return /* @__PURE__ */ jsxs(Modal, { isOpen, onClose, size: "lg", position: "center", children: [
+    /* @__PURE__ */ jsx(Modal.Header, { onClose, showCloseButton: true, children: title || "" }),
+    /* @__PURE__ */ jsx(Modal.Body, { className: "flex items-center justify-center min-h-64", children: /* @__PURE__ */ jsx(ModalImage, { src, alt, imgProps }, src) })
+  ] });
+}
+
+export { ImageModal };
+//# sourceMappingURL=ImageModal-LHFSYPSU.js.map
+//# sourceMappingURL=ImageModal-LHFSYPSU.js.map

package/dist/ImageModal-LHFSYPSU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/modal/ImageModal.tsx"],"names":[],"mappings":";;;;;AAuCA,SAAS,UAAA,CAAW,EAAE,GAAA,EAAK,GAAA,EAAK,UAAS,EAAsD;AAC7F,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAE9C,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,CAAC,QAAA,oBAAY,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+CAAA,EAAgD,CAAA;AAAA,oBAC7E,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,GAAA;AAAA,QACA,SAAA,EAAW,CAAA,uCAAA,EAA0C,QAAA,GAAW,OAAA,GAAU,QAAQ,CAAA,CAAA;AAAA,QAClF,MAAA,EAAQ,MAAM,WAAA,CAAY,IAAI,CAAA;AAAA,QAC7B,GAAG;AAAA;AAAA;AACN,GAAA,EACF,CAAA;AAEJ;AAEO,SAAS,UAAA,CAAW,EAAE,MAAA,EAAQ,OAAA,EAAS,KAAK,GAAA,GAAM,EAAA,EAAI,KAAA,EAAO,QAAA,EAAS,EAAoB;AAC/F,EAAA,IAAI,CAAC,KAAK,OAAO,IAAA;AAEjB,EAAA,4BACG,KAAA,EAAA,EAAM,MAAA,EAAgB,SAAkB,IAAA,EAAK,IAAA,EAAK,UAAS,QAAA,EAC1D,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAM,MAAA,EAAN,EAAa,SAAkB,eAAA,EAAe,IAAA,EAC5C,mBAAS,EAAA,EACZ,CAAA;AAAA,oBACA,GAAA,CAAC,KAAA,CAAM,IAAA,EAAN,EAAW,SAAA,EAAU,2CAAA,EACpB,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAqB,GAAA,EAAU,GAAA,EAAU,QAAA,EAAA,EAAzB,GAA6C,CAAA,EAChE;AAAA,GAAA,EACF,CAAA;AAEJ","file":"ImageModal-LHFSYPSU.js","sourcesContent":["/**\n * ImageModal - Modal for displaying images in full scale\n *\n * Used for previewing images like tax certificates, etc.\n *\n * @example\n * ```tsx\n * const [isOpen, setIsOpen] = useState(false);\n * const [imageSrc, setImageSrc] = useState('');\n *\n * <a onClick={() => { setImageSrc('/images/tax-certificate.jpg'); setIsOpen(true); }}>\n *   <img src=\"/images/tax-thumb.png\" />\n * </a>\n *\n * <ImageModal\n *   isOpen={isOpen}\n *   onClose={() => setIsOpen(false)}\n *   src={imageSrc}\n *   alt=\"Tax Certificate\"\n * />\n * ```\n */\n\nimport { useState, type ImgHTMLAttributes } from 'react';\nimport { Modal } from './Modal';\n\nexport interface ImageModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  /** Image source URL */\n  src: string;\n  /** Alt text for the image */\n  alt?: string;\n  /** Title shown in modal header */\n  title?: string;\n  /** Additional props for the img element */\n  imgProps?: Omit<ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt'>;\n}\n\nfunction ModalImage({ src, alt, imgProps }: Pick<ImageModalProps, 'src' | 'alt' | 'imgProps'>) {\n  const [isLoaded, setIsLoaded] = useState(false);\n\n  return (\n    <>\n      {!isLoaded && <div className=\"animate-pulse bg-gray-200 w-full h-64 rounded\" />}\n      <img\n        src={src}\n        alt={alt}\n        className={`max-w-full max-h-[70vh] object-contain ${isLoaded ? 'block' : 'hidden'}`}\n        onLoad={() => setIsLoaded(true)}\n        {...imgProps}\n      />\n    </>\n  );\n}\n\nexport function ImageModal({ isOpen, onClose, src, alt = '', title, imgProps }: ImageModalProps) {\n  if (!src) return null;\n\n  return (\n    <Modal isOpen={isOpen} onClose={onClose} size=\"lg\" position=\"center\">\n      <Modal.Header onClose={onClose} showCloseButton>\n        {title || ''}\n      </Modal.Header>\n      <Modal.Body className=\"flex items-center justify-center min-h-64\">\n        <ModalImage key={src} src={src} alt={alt} imgProps={imgProps} />\n      </Modal.Body>\n    </Modal>\n  );\n}\n"]}

package/dist/{LoyaltyPage-AIA3CUYI.js → LoyaltyPage-3QLMFVWD.js}

@@ -1,17 +1,18 @@
-import { loyalty } from './chunk-SSQ75CKA.js';
-import './chunk-IILTG4A6.js';
-import './chunk-U33UQAWO.js';
-import './chunk-TFZ2RT6P.js';
-import './chunk-JIJOXZPF.js';
+import { loyalty } from './chunk-RINZVHVS.js';
+import './chunk-THMQ2Z3N.js';
+import './chunk-FH5YDZFQ.js';
+import './chunk-JKIRRMBU.js';
+import './chunk-2JV6WZ6O.js';
 import './chunk-VVZNW5CB.js';
+import './chunk-2ZRLSZ4V.js';
 import './chunk-MTONGOJD.js';
-import './chunk-2FU6CVSB.js';
-import { useUser } from './chunk-WA5QBFRU.js';
-import './chunk-Q6MQLAYL.js';
-import './chunk-TQUHDSKQ.js';
+import './chunk-C5X6CVXC.js';
+import { useUser } from './chunk-I5Z4NJBB.js';
+import './chunk-TCSNNCRH.js';
+import './chunk-2TB2LTL2.js';
 import './chunk-QYL5OHAV.js';
-import './chunk-W4CSWDEH.js';
-import './chunk-GOYYO4NI.js';
+import './chunk-KIPZQN3Y.js';
+import './chunk-TP3LCGE7.js';
 import './chunk-Z653O7MX.js';
 import './chunk-ZCH7W7DZ.js';
 import './chunk-SSRNIBVV.js';
@@ -19,22 +20,22 @@ import './chunk-JWXJPJBO.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-OAMIDZKW.js';
+import { useTranslation } from './chunk-TYNZ5B2B.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-433EFDBW.js';
+import './chunk-RJPPO3ET.js';
+import './chunk-Q7VWURUR.js';
+import './chunk-GU2KUQVD.js';
+import { LazyBreadcrumb, Image } from './chunk-SM7VMQZY.js';
 import { Link } from './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.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-FZKRSGLP.js';
+import './chunk-CUG6VOLM.js';
+import './chunk-HX3YKS5W.js';
+import './chunk-OBSAH7K6.js';
+import './chunk-DF6FBKDN.js';
 import './chunk-DGUM43GV.js';
 import { useCopyToClipboard } from '@uidotdev/usehooks';
 import { SallaLoyalty } from '@salla.sa/twilight-components-react/loyalty';
@@ -88,7 +89,7 @@ function LoyaltyPage({ loyalty: loyaltyData, page }) {
       ] }),
       /* @__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__ */ jsx("div", { className: "points-ways__list", children: loyaltyData.points.map((point) => /* @__PURE__ */ jsxs("div", { className: "way-item", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex rtl:space-x-reverse space-x-4", children: [
             /* @__PURE__ */ jsx(
               "span",
@@ -139,9 +140,9 @@ function LoyaltyPage({ loyalty: loyaltyData, page }) {
               children: point.name
             }
           ) })
-        ] }, index)) })
+        ] }, point.id ?? point.key ?? point.name)) })
       ] }),
-      loyaltyData.prizes.map((prizeGroup, index) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+      loyaltyData.prizes.map((prizeGroup) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
         SallaSlider,
         {
           type: "carousel",
@@ -178,11 +179,11 @@ function LoyaltyPage({ loyalty: loyaltyData, page }) {
             ] })
           ] }) }, prize.id)) })
         }
-      ) }, index))
+      ) }, `${prizeGroup.type}:${prizeGroup.title}`))
     ] })
   ] });
 }
 
 export { LoyaltyPage };
-//# sourceMappingURL=LoyaltyPage-AIA3CUYI.js.map
-//# sourceMappingURL=LoyaltyPage-AIA3CUYI.js.map
+//# sourceMappingURL=LoyaltyPage-3QLMFVWD.js.map
+//# sourceMappingURL=LoyaltyPage-3QLMFVWD.js.map

package/dist/LoyaltyPage-3QLMFVWD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/routes/loyalty/LoyaltyPage.tsx"],"names":[],"mappings":"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","file":"LoyaltyPage-3QLMFVWD.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/I18nProvider';\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) => (\n              <div key={point.id ?? point.key ?? point.name} 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) => (\n          <div key={`${prizeGroup.type}:${prizeGroup.title}`}>\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-T3M5RB7L.js → MainMenu-TDLQET2Y.js}

@@ -1,48 +1,27 @@
-import { menu } from './chunk-7RVUSB5C.js';
-import './chunk-IILTG4A6.js';
-import './chunk-U33UQAWO.js';
-import './chunk-TFZ2RT6P.js';
-import './chunk-JIJOXZPF.js';
-import './chunk-VVZNW5CB.js';
-import './chunk-MTONGOJD.js';
-import './chunk-2FU6CVSB.js';
-import './chunk-WA5QBFRU.js';
-import './chunk-Q6MQLAYL.js';
-import './chunk-TQUHDSKQ.js';
+import { menu } from './chunk-NBHI5X36.js';
+import './chunk-2TB2LTL2.js';
 import './chunk-QYL5OHAV.js';
-import './chunk-W4CSWDEH.js';
-import './chunk-GOYYO4NI.js';
-import './chunk-Z653O7MX.js';
-import './chunk-ZCH7W7DZ.js';
-import './chunk-SSRNIBVV.js';
-import './chunk-JWXJPJBO.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-KIPZQN3Y.js';
+import { useTranslation } from './chunk-TYNZ5B2B.js';
 import './chunk-T72DAX7R.js';
-import './chunk-YMVLYYLU.js';
-import './chunk-RYBA3JDM.js';
-import './chunk-25SSLQAJ.js';
-import './chunk-J37AYLWL.js';
-import './chunk-433EFDBW.js';
+import './chunk-SM7VMQZY.js';
 import { Link } from './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.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 { useTwilight } from './chunk-DF6FBKDN.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 SKELETON_ITEMS = [
+  { id: "first", width: "w-16" },
+  { id: "second", width: "w-20" },
+  { id: "third", width: "w-24" },
+  { id: "fourth", width: "w-16" },
+  { id: "fifth", width: "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)) }) });
+  return /* @__PURE__ */ jsx("nav", { children: /* @__PURE__ */ jsx("ul", { className: "main-menu", children: SKELETON_ITEMS.map(({ id, width }) => /* @__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}` }) }) }, id)) }) });
 });
 function MainMenu() {
   const { theme } = useTwilight();
@@ -87,5 +66,5 @@ function MainMenu() {
 }
 
 export { MainMenu };
-//# sourceMappingURL=MainMenu-T3M5RB7L.js.map
-//# sourceMappingURL=MainMenu-T3M5RB7L.js.map
+//# sourceMappingURL=MainMenu-TDLQET2Y.js.map
+//# sourceMappingURL=MainMenu-TDLQET2Y.js.map

package/dist/MainMenu-TDLQET2Y.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/MainMenu.tsx"],"names":["MainMenuSkeleton"],"mappings":"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","file":"MainMenu-TDLQET2Y.js","sourcesContent":["import { useMemo, memo } from 'react';\nimport { useQuery } from '@tanstack/react-query';\nimport { useTwilight } from '../../providers/twilight-context';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { Link } from '../common';\nimport { menu } from '../../api/menu';\nimport type { MenuItem } from '../../types';\n\nconst SKELETON_ITEMS = [\n  { id: 'first', width: 'w-16' },\n  { id: 'second', width: 'w-20' },\n  { id: 'third', width: 'w-24' },\n  { id: 'fourth', width: 'w-16' },\n  { id: 'fifth', width: 'w-20' },\n];\n\nconst MainMenuSkeleton = memo(function MainMenuSkeleton() {\n  return (\n    <nav>\n      <ul className=\"main-menu\">\n        {SKELETON_ITEMS.map(({ id, width }) => (\n          <li key={id} 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-4IYMFDYJ.js

@@ -0,0 +1,40 @@
+export { MasterLayout } from './chunk-THMQ2Z3N.js';
+import './chunk-FH5YDZFQ.js';
+import './chunk-JKIRRMBU.js';
+import './chunk-2JV6WZ6O.js';
+import './chunk-VVZNW5CB.js';
+import './chunk-2ZRLSZ4V.js';
+import './chunk-MTONGOJD.js';
+import './chunk-C5X6CVXC.js';
+import './chunk-I5Z4NJBB.js';
+import './chunk-TCSNNCRH.js';
+import './chunk-2TB2LTL2.js';
+import './chunk-QYL5OHAV.js';
+import './chunk-KIPZQN3Y.js';
+import './chunk-TP3LCGE7.js';
+import './chunk-Z653O7MX.js';
+import './chunk-ZCH7W7DZ.js';
+import './chunk-SSRNIBVV.js';
+import './chunk-JWXJPJBO.js';
+import './chunk-CW625T2E.js';
+import './chunk-BVSJPBJ6.js';
+import './chunk-GBWCXUPD.js';
+import './chunk-OAMIDZKW.js';
+import './chunk-TYNZ5B2B.js';
+import './chunk-T72DAX7R.js';
+import './chunk-YMVLYYLU.js';
+import './chunk-RJPPO3ET.js';
+import './chunk-Q7VWURUR.js';
+import './chunk-GU2KUQVD.js';
+import './chunk-SM7VMQZY.js';
+import './chunk-AXW67SY7.js';
+import './chunk-BYMOPN2S.js';
+import './chunk-6BZ5TKEV.js';
+import './chunk-FZKRSGLP.js';
+import './chunk-CUG6VOLM.js';
+import './chunk-HX3YKS5W.js';
+import './chunk-OBSAH7K6.js';
+import './chunk-DF6FBKDN.js';
+import './chunk-DGUM43GV.js';
+//# sourceMappingURL=MasterLayout-4IYMFDYJ.js.map
+//# sourceMappingURL=MasterLayout-4IYMFDYJ.js.map

package/dist/{MasterLayout-QUBHRA32.js.map → MasterLayout-4IYMFDYJ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"MasterLayout-QUBHRA32.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"MasterLayout-4IYMFDYJ.js"}

package/dist/{MobileMenu-6D52JOQA.js → MobileMenu-GVXPV5HQ.js}

@@ -1,18 +1,19 @@
-import { menu } from './chunk-7RVUSB5C.js';
-import { Drawer } from './chunk-XHGF75TM.js';
-import './chunk-IILTG4A6.js';
-import './chunk-U33UQAWO.js';
-import './chunk-TFZ2RT6P.js';
-import './chunk-JIJOXZPF.js';
+import { menu } from './chunk-NBHI5X36.js';
+import { Drawer } from './chunk-6TKIUG5C.js';
+import './chunk-THMQ2Z3N.js';
+import './chunk-FH5YDZFQ.js';
+import './chunk-JKIRRMBU.js';
+import './chunk-2JV6WZ6O.js';
 import './chunk-VVZNW5CB.js';
+import './chunk-2ZRLSZ4V.js';
 import './chunk-MTONGOJD.js';
-import './chunk-2FU6CVSB.js';
-import './chunk-WA5QBFRU.js';
-import './chunk-Q6MQLAYL.js';
-import './chunk-TQUHDSKQ.js';
+import './chunk-C5X6CVXC.js';
+import './chunk-I5Z4NJBB.js';
+import './chunk-TCSNNCRH.js';
+import './chunk-2TB2LTL2.js';
 import './chunk-QYL5OHAV.js';
-import './chunk-W4CSWDEH.js';
-import './chunk-GOYYO4NI.js';
+import './chunk-KIPZQN3Y.js';
+import './chunk-TP3LCGE7.js';
 import './chunk-Z653O7MX.js';
 import './chunk-ZCH7W7DZ.js';
 import './chunk-SSRNIBVV.js';
@@ -20,45 +21,49 @@ import './chunk-JWXJPJBO.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-OAMIDZKW.js';
+import { useTranslation } from './chunk-TYNZ5B2B.js';
 import './chunk-T72DAX7R.js';
 import './chunk-YMVLYYLU.js';
-import './chunk-RYBA3JDM.js';
-import './chunk-25SSLQAJ.js';
-import './chunk-J37AYLWL.js';
-import './chunk-433EFDBW.js';
+import './chunk-RJPPO3ET.js';
+import './chunk-Q7VWURUR.js';
+import './chunk-GU2KUQVD.js';
+import './chunk-SM7VMQZY.js';
 import { Link } from './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.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-FZKRSGLP.js';
+import './chunk-CUG6VOLM.js';
+import './chunk-HX3YKS5W.js';
+import './chunk-OBSAH7K6.js';
+import { useTwilight } from './chunk-DF6FBKDN.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 SKELETON_WIDTHS = ["w-32", "w-28", "w-36", "w-24", "w-30"];
 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)) });
+  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 ${SKELETON_WIDTHS[i]}`
+    }
+  ) }, i)) });
 });
-function MobileMenu({ isOpen, onClose }) {
+function MobileMenu(props) {
+  if (!props.isOpen) return null;
+  return /* @__PURE__ */ jsx(MobileMenuContent, { ...props });
+}
+function MobileMenuContent({ onClose }) {
   const { theme } = useTwilight();
-  const { data: menus = [], isLoading } = useQuery({
-    ...menu.queries.header(),
-    enabled: isOpen
-  });
+  const { data: menus = [], isLoading } = useQuery(menu.queries.header());
   const { t } = useTranslation();
-  const [menuStack, setMenuStack] = useState([
-    { title: "", items: menus }
-  ]);
+  const [menuStack, setMenuStack] = useState([]);
   const [isAnimating, setIsAnimating] = useState(false);
-  const currentLevel = menuStack[menuStack.length - 1];
-  const isRootLevel = menuStack.length === 1;
+  const currentLevel = menuStack[menuStack.length - 1] ?? { title: "", items: menus };
+  const isRootLevel = menuStack.length === 0;
   const openSubmenu = useCallback((item) => {
     if (item.children && item.children.length > 0) {
       setIsAnimating(true);
@@ -75,28 +80,10 @@ function MobileMenu({ isOpen, onClose }) {
       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]);
+    document.body.classList.add("menu-opened");
+    return () => document.body.classList.remove("menu-opened");
+  }, []);
   const getListAnimationClass = () => {
     if (isAnimating) {
       return theme.is_rtl ? "translate-x-4 opacity-0" : "-translate-x-4 opacity-0";
@@ -106,7 +93,7 @@ function MobileMenu({ isOpen, onClose }) {
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
     Drawer,
     {
-      isOpen,
+      isOpen: true,
       onClose,
       size: "md",
       closeOnBackdropClick: true,
@@ -158,7 +145,7 @@ function MobileMenu({ isOpen, onClose }) {
                 {
                   to: item.url,
                   className: "block w-full py-4 hover:text-primary transition-colors text-gray-800 font-medium text-base group",
-                  onClick: handleNavigate,
+                  onClick: onClose,
                   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);
@@ -171,5 +158,5 @@ function MobileMenu({ isOpen, onClose }) {
 }
 
 export { MobileMenu };
-//# sourceMappingURL=MobileMenu-6D52JOQA.js.map
-//# sourceMappingURL=MobileMenu-6D52JOQA.js.map
+//# sourceMappingURL=MobileMenu-GVXPV5HQ.js.map
+//# sourceMappingURL=MobileMenu-GVXPV5HQ.js.map

package/dist/MobileMenu-GVXPV5HQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/MobileMenu.tsx"],"names":["MobileMenuSkeleton"],"mappings":"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","file":"MobileMenu-GVXPV5HQ.js","sourcesContent":["import { useState, useCallback, useEffect, memo } from 'react';\nimport { useQuery } from '@tanstack/react-query';\nimport { useTwilight } from '../../providers/twilight-context';\nimport { useTranslation } from '../../providers/I18nProvider';\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;\nconst SKELETON_WIDTHS = ['w-32', 'w-28', 'w-36', 'w-24', 'w-30'];\n\nconst MobileMenuSkeleton = memo(function MobileMenuSkeleton() {\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\n            className={`inline-block animate-pulse rounded bg-gray-200 h-5 ${SKELETON_WIDTHS[i]}`}\n          />\n        </li>\n      ))}\n    </ul>\n  );\n});\n\nexport function MobileMenu(props: MobileMenuProps) {\n  if (!props.isOpen) return null;\n  return <MobileMenuContent {...props} />;\n}\n\nfunction MobileMenuContent({ onClose }: MobileMenuProps) {\n  const { theme } = useTwilight();\n  const { data: menus = [], isLoading } = useQuery(menu.queries.header());\n  const { t } = useTranslation();\n\n  const [menuStack, setMenuStack] = useState<{ title: string; items: MenuItem[] }[]>([]);\n  const [isAnimating, setIsAnimating] = useState(false);\n\n  const currentLevel = menuStack[menuStack.length - 1] ?? { title: '', items: menus };\n  const isRootLevel = menuStack.length === 0;\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  useEffect(() => {\n    document.body.classList.add('menu-opened');\n    return () => document.body.classList.remove('menu-opened');\n  }, []);\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\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={onClose}\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"]}