@salla.sa/twilight-theme-engine 1.0.149 → 1.0.150

package/dist/{StoreClosedNotification-W2ATH4WF.js → StoreClosedNotification-V72F7HE5.js}

@@ -1,45 +1,45 @@
-export { StoreClosedNotification } from './chunk-KOR42MT5.js';
-import './chunk-2LXCSBJU.js';
+export { StoreClosedNotification } from './chunk-PHPOMWQ4.js';
+import './chunk-O63WBEAC.js';
 import './chunk-Q77J3D2W.js';
-import './chunk-HHJD2GGA.js';
-import './chunk-MDZ7OUAW.js';
-import './chunk-5V4W3GBI.js';
+import './chunk-EMAAVDEK.js';
+import './chunk-5T4MJAUN.js';
+import './chunk-WAKCWE6P.js';
 import './chunk-X55R4VVK.js';
 import './chunk-YL6X3ZMG.js';
-import './chunk-ANVS7UYN.js';
+import './chunk-IEKP3HYS.js';
 import './chunk-OXMUPNMH.js';
-import './chunk-CJTORCZE.js';
+import './chunk-5RBXCPG6.js';
 import './chunk-VVZNW5CB.js';
-import './chunk-EGI7F57E.js';
+import './chunk-DPQIVZ4T.js';
 import './chunk-GD26FI4J.js';
-import './chunk-SLBO4SEE.js';
-import './chunk-MGG4XAJ5.js';
-import './chunk-4UGJ4VC3.js';
+import './chunk-6YEE3VHL.js';
+import './chunk-P2PPBXHD.js';
+import './chunk-O3XMYDNC.js';
 import './chunk-OUW6WESU.js';
-import './chunk-IHOUADLX.js';
+import './chunk-JK45RUVV.js';
 import './chunk-HI5V5X3S.js';
-import './chunk-IQNTYZGF.js';
-import './chunk-A6Y33KCR.js';
+import './chunk-2ZC5YGMI.js';
+import './chunk-PYXAPLNB.js';
 import './chunk-6T55LXJL.js';
 import './chunk-Z653O7MX.js';
 import './chunk-ZCH7W7DZ.js';
-import './chunk-H7LRGY7U.js';
+import './chunk-B57KIBQL.js';
 import './chunk-JWXJPJBO.js';
 import './chunk-CW625T2E.js';
 import './chunk-7V36I5GT.js';
 import './chunk-6WI7R2BD.js';
-import './chunk-M5WTY3EH.js';
+import './chunk-5EAISVPV.js';
 import './chunk-OAMIDZKW.js';
-import './chunk-QMIPHH5I.js';
+import './chunk-BYGVKW3M.js';
 import './chunk-OQIIJRAS.js';
 import './chunk-V2ZDTY6H.js';
-import './chunk-MFTPNDEI.js';
+import './chunk-PPFD456V.js';
 import './chunk-5XDPAKF5.js';
 import './chunk-GCPEMNSU.js';
-import './chunk-WJJOFIBJ.js';
+import './chunk-RB7RHMKJ.js';
 import './chunk-Z5M4YYWT.js';
 import './chunk-TYNZ5B2B.js';
-import './chunk-VGZEPMXG.js';
+import './chunk-LBZNLTBM.js';
 import './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-SKLEJJ6M.js';
@@ -47,14 +47,14 @@ import './chunk-6BZ5TKEV.js';
 import './chunk-FZKRSGLP.js';
 import './chunk-KYMWEUN2.js';
 import './chunk-YA6ABQB7.js';
-import './chunk-QMWP2ZP6.js';
-import './chunk-6TFM3UTF.js';
-import './chunk-XMRNYUQY.js';
-import './chunk-T2752RH7.js';
+import './chunk-R7QCNL62.js';
+import './chunk-ULF4LPVA.js';
+import './chunk-7XAGU6CT.js';
+import './chunk-4E6FD5W7.js';
 import './chunk-6K34BCUP.js';
 import './chunk-T72DAX7R.js';
 import './chunk-DF6FBKDN.js';
 import './chunk-VYGA5AT5.js';
 import './chunk-DGUM43GV.js';
-//# sourceMappingURL=StoreClosedNotification-W2ATH4WF.js.map
-//# sourceMappingURL=StoreClosedNotification-W2ATH4WF.js.map
+//# sourceMappingURL=StoreClosedNotification-V72F7HE5.js.map
+//# sourceMappingURL=StoreClosedNotification-V72F7HE5.js.map

package/dist/{StoreClosedNotification-W2ATH4WF.js.map → StoreClosedNotification-V72F7HE5.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"StoreClosedNotification-W2ATH4WF.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"StoreClosedNotification-V72F7HE5.js"}

package/dist/{TestimonialsPage-DYXOQOYG.js → TestimonialsPage-L6VBZFLT.js}

@@ -1,11 +1,11 @@
-import { useComments } from './chunk-IHOUADLX.js';
+import { useComments } from './chunk-JK45RUVV.js';
 import { useTranslation } from './chunk-TYNZ5B2B.js';
-import { LazyBreadcrumb } from './chunk-VGZEPMXG.js';
+import { LazyBreadcrumb } from './chunk-LBZNLTBM.js';
 import './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-SKLEJJ6M.js';
-import './chunk-XMRNYUQY.js';
-import './chunk-T2752RH7.js';
+import './chunk-7XAGU6CT.js';
+import './chunk-4E6FD5W7.js';
 import './chunk-6K34BCUP.js';
 import './chunk-T72DAX7R.js';
 import './chunk-VYGA5AT5.js';
@@ -78,5 +78,5 @@ function TestimonialsPage({ page }) {
 }
 
 export { TestimonialsPage };
-//# sourceMappingURL=TestimonialsPage-DYXOQOYG.js.map
-//# sourceMappingURL=TestimonialsPage-DYXOQOYG.js.map
+//# sourceMappingURL=TestimonialsPage-L6VBZFLT.js.map
+//# sourceMappingURL=TestimonialsPage-L6VBZFLT.js.map

package/dist/{TestimonialsPage-DYXOQOYG.js.map → TestimonialsPage-L6VBZFLT.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/routes/testimonials/TestimonialsPage.tsx"],"names":[],"mappings":"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","file":"TestimonialsPage-DYXOQOYG.js","sourcesContent":["import { useState, useEffect } from 'react';\nimport { SallaComments } from '@salla.sa/twilight-components-react/comments';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { useComments } from '../../hooks/useComments';\nimport type { TestimonialsPageProps } from './types';\nimport { Breadcrumb } from '../../components/common';\n\nconst buildSortOptions = (t: (key: string, fb: string) => string) => [\n  { id: 'latest', label: t('pages.testimonials.sort_by_date_desc', 'Latest') },\n  { id: 'oldest', label: t('pages.testimonials.sort_by_date_asc', 'Oldest') },\n  {\n    id: 'top_rating',\n    label: t('pages.testimonials.sort_by_rating_desc', 'Top rated'),\n  },\n  {\n    id: 'bottom_rating',\n    label: t('pages.testimonials.sort_by_rating_asc', 'Low rated'),\n  },\n];\n\nexport function TestimonialsPage({ page }: TestimonialsPageProps) {\n  const { t } = useTranslation();\n  const { commentsKey } = useComments();\n\n  // Sync sort state with URL\n  const [selectedSort, setSelectedSort] = useState(() => {\n    const params = new URLSearchParams(window.location.search);\n    return params.get('sort') || 'latest';\n  });\n\n  // Update URL when sort changes\n  useEffect(() => {\n    const url = new URL(window.location.href);\n    url.searchParams.set('sort', selectedSort);\n    window.history.replaceState(null, '', url.toString());\n  }, [selectedSort]);\n\n  return (\n    <div className=\"container\">\n      <Breadcrumb page={page} />\n\n      <div className=\"flex justify-center\">\n        <div className=\"w-full lg:w-10/12 bg-white rounded p-6 lg:p-8 mt-4 lg:mt-12\">\n          <div className=\"mb-4 sm:mb-6 flex justify-between items-center\">\n            <h1 className=\"font-bold text-2xl\">{page.title}</h1>\n            <div className=\"flex items-center\">\n              <label\n                className=\"hidden sm:block rtl:ml-3 ltr:mr-3 whitespace-nowrap\"\n                htmlFor=\"testimonials-filter\"\n              >\n                {t('pages.categories.sorting', 'Sort by')}\n              </label>\n              <select\n                id=\"testimonials-filter\"\n                className=\"form-input pt-0 pb-1 rtl:pl-10 ltr:pr-10 bg-white text-gray-900\"\n                value={selectedSort}\n                onChange={(e) => setSelectedSort(e.target.value)}\n              >\n                {buildSortOptions(t).map((opt) => (\n                  <option key={opt.id} value={opt.id}>\n                    {opt.label}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n\n          {/* Key prop forces reload when sort changes or new comment added */}\n          <SallaComments\n            key={`${selectedSort}-${commentsKey}`}\n            testimonials\n            // drifted wrapper types require itemId; testimonials mode has none\n            itemId={undefined as never}\n            sort={selectedSort as any}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/routes/testimonials/TestimonialsPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAOA,IAAM,gBAAA,GAAmB,CAAC,CAAA,KAA2C;AAAA,EACnE,EAAE,EAAA,EAAI,QAAA,EAAU,OAAO,CAAA,CAAE,sCAAA,EAAwC,QAAQ,CAAA,EAAE;AAAA,EAC3E,EAAE,EAAA,EAAI,QAAA,EAAU,OAAO,CAAA,CAAE,qCAAA,EAAuC,QAAQ,CAAA,EAAE;AAAA,EAC1E;AAAA,IACE,EAAA,EAAI,YAAA;AAAA,IACJ,KAAA,EAAO,CAAA,CAAE,wCAAA,EAA0C,WAAW;AAAA,GAChE;AAAA,EACA;AAAA,IACE,EAAA,EAAI,eAAA;AAAA,IACJ,KAAA,EAAO,CAAA,CAAE,uCAAA,EAAyC,WAAW;AAAA;AAEjE,CAAA;AAEO,SAAS,gBAAA,CAAiB,EAAE,IAAA,EAAK,EAA0B;AAChE,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAC7B,EAAA,MAAM,EAAE,WAAA,EAAY,GAAI,WAAA,EAAY;AAGpC,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,MAAM;AACrD,IAAA,MAAM,MAAA,GAAS,IAAI,eAAA,CAAgB,MAAA,CAAO,SAAS,MAAM,CAAA;AACzD,IAAA,OAAO,MAAA,CAAO,GAAA,CAAI,MAAM,CAAA,IAAK,QAAA;AAAA,EAC/B,CAAC,CAAA;AAGD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,GAAA,GAAM,IAAI,GAAA,CAAI,MAAA,CAAO,SAAS,IAAI,CAAA;AACxC,IAAA,GAAA,CAAI,YAAA,CAAa,GAAA,CAAI,MAAA,EAAQ,YAAY,CAAA;AACzC,IAAA,MAAA,CAAO,QAAQ,YAAA,CAAa,IAAA,EAAM,EAAA,EAAI,GAAA,CAAI,UAAU,CAAA;AAAA,EACtD,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,kBAAW,IAAA,EAAY,CAAA;AAAA,wBAEvB,KAAA,EAAA,EAAI,SAAA,EAAU,uBACb,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,6DAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,gDAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,oBAAA,EAAsB,QAAA,EAAA,IAAA,CAAK,KAAA,EAAM,CAAA;AAAA,wBAC/C,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mBAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,qDAAA;AAAA,cACV,OAAA,EAAQ,qBAAA;AAAA,cAEP,QAAA,EAAA,CAAA,CAAE,4BAA4B,SAAS;AAAA;AAAA,WAC1C;AAAA,0BACA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,EAAA,EAAG,qBAAA;AAAA,cACH,SAAA,EAAU,iEAAA;AAAA,cACV,KAAA,EAAO,YAAA;AAAA,cACP,UAAU,CAAC,CAAA,KAAM,eAAA,CAAgB,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,cAE9C,QAAA,EAAA,gBAAA,CAAiB,CAAC,CAAA,CAAE,GAAA,CAAI,CAAC,GAAA,qBACxB,GAAA,CAAC,QAAA,EAAA,EAAoB,KAAA,EAAO,IAAI,EAAA,EAC7B,QAAA,EAAA,GAAA,CAAI,KAAA,EAAA,EADM,GAAA,CAAI,EAEjB,CACD;AAAA;AAAA;AACH,SAAA,EACF;AAAA,OAAA,EACF,CAAA;AAAA,sBAGA,GAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UAEC,YAAA,EAAY,IAAA;AAAA,UAEZ,MAAA,EAAQ,MAAA;AAAA,UACR,IAAA,EAAM;AAAA,SAAA;AAAA,QAJD,CAAA,EAAG,YAAY,CAAA,CAAA,EAAI,WAAW,CAAA;AAAA;AAKrC,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ","file":"TestimonialsPage-L6VBZFLT.js","sourcesContent":["import { useState, useEffect } from 'react';\nimport { SallaComments } from '@salla.sa/twilight-components-react/comments';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { useComments } from '../../hooks/useComments';\nimport type { TestimonialsPageProps } from './types';\nimport { Breadcrumb } from '../../components/common';\n\nconst buildSortOptions = (t: (key: string, fb: string) => string) => [\n  { id: 'latest', label: t('pages.testimonials.sort_by_date_desc', 'Latest') },\n  { id: 'oldest', label: t('pages.testimonials.sort_by_date_asc', 'Oldest') },\n  {\n    id: 'top_rating',\n    label: t('pages.testimonials.sort_by_rating_desc', 'Top rated'),\n  },\n  {\n    id: 'bottom_rating',\n    label: t('pages.testimonials.sort_by_rating_asc', 'Low rated'),\n  },\n];\n\nexport function TestimonialsPage({ page }: TestimonialsPageProps) {\n  const { t } = useTranslation();\n  const { commentsKey } = useComments();\n\n  // Sync sort state with URL\n  const [selectedSort, setSelectedSort] = useState(() => {\n    const params = new URLSearchParams(window.location.search);\n    return params.get('sort') || 'latest';\n  });\n\n  // Update URL when sort changes\n  useEffect(() => {\n    const url = new URL(window.location.href);\n    url.searchParams.set('sort', selectedSort);\n    window.history.replaceState(null, '', url.toString());\n  }, [selectedSort]);\n\n  return (\n    <div className=\"container\">\n      <Breadcrumb page={page} />\n\n      <div className=\"flex justify-center\">\n        <div className=\"w-full lg:w-10/12 bg-white rounded p-6 lg:p-8 mt-4 lg:mt-12\">\n          <div className=\"mb-4 sm:mb-6 flex justify-between items-center\">\n            <h1 className=\"font-bold text-2xl\">{page.title}</h1>\n            <div className=\"flex items-center\">\n              <label\n                className=\"hidden sm:block rtl:ml-3 ltr:mr-3 whitespace-nowrap\"\n                htmlFor=\"testimonials-filter\"\n              >\n                {t('pages.categories.sorting', 'Sort by')}\n              </label>\n              <select\n                id=\"testimonials-filter\"\n                className=\"form-input pt-0 pb-1 rtl:pl-10 ltr:pr-10 bg-white text-gray-900\"\n                value={selectedSort}\n                onChange={(e) => setSelectedSort(e.target.value)}\n              >\n                {buildSortOptions(t).map((opt) => (\n                  <option key={opt.id} value={opt.id}>\n                    {opt.label}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n\n          {/* Key prop forces reload when sort changes or new comment added */}\n          <SallaComments\n            key={`${selectedSort}-${commentsKey}`}\n            testimonials\n            // drifted wrapper types require itemId; testimonials mode has none\n            itemId={undefined as never}\n            sort={selectedSort as any}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/{ThankYouPage-NZVL7WLY.js → ThankYouPage-O5U3V6J4.js}

@@ -1,45 +1,45 @@
 import { stripUnsafeHtml } from './chunk-RUHSV4Z6.js';
-import { usePageConfig } from './chunk-2LXCSBJU.js';
+import { usePageConfig } from './chunk-O63WBEAC.js';
 import './chunk-Q77J3D2W.js';
-import './chunk-HHJD2GGA.js';
-import './chunk-MDZ7OUAW.js';
-import './chunk-5V4W3GBI.js';
+import './chunk-EMAAVDEK.js';
+import './chunk-5T4MJAUN.js';
+import './chunk-WAKCWE6P.js';
 import './chunk-X55R4VVK.js';
 import './chunk-YL6X3ZMG.js';
-import './chunk-ANVS7UYN.js';
+import './chunk-IEKP3HYS.js';
 import './chunk-OXMUPNMH.js';
-import './chunk-CJTORCZE.js';
+import './chunk-5RBXCPG6.js';
 import './chunk-VVZNW5CB.js';
-import './chunk-EGI7F57E.js';
+import './chunk-DPQIVZ4T.js';
 import './chunk-GD26FI4J.js';
-import './chunk-SLBO4SEE.js';
-import './chunk-MGG4XAJ5.js';
-import './chunk-4UGJ4VC3.js';
+import './chunk-6YEE3VHL.js';
+import './chunk-P2PPBXHD.js';
+import './chunk-O3XMYDNC.js';
 import './chunk-OUW6WESU.js';
-import './chunk-IHOUADLX.js';
+import './chunk-JK45RUVV.js';
 import './chunk-HI5V5X3S.js';
-import './chunk-IQNTYZGF.js';
-import './chunk-A6Y33KCR.js';
+import './chunk-2ZC5YGMI.js';
+import './chunk-PYXAPLNB.js';
 import './chunk-6T55LXJL.js';
 import './chunk-Z653O7MX.js';
 import './chunk-ZCH7W7DZ.js';
-import './chunk-H7LRGY7U.js';
+import './chunk-B57KIBQL.js';
 import './chunk-JWXJPJBO.js';
 import './chunk-CW625T2E.js';
 import './chunk-7V36I5GT.js';
 import './chunk-6WI7R2BD.js';
-import './chunk-M5WTY3EH.js';
+import './chunk-5EAISVPV.js';
 import './chunk-OAMIDZKW.js';
-import './chunk-QMIPHH5I.js';
+import './chunk-BYGVKW3M.js';
 import './chunk-OQIIJRAS.js';
 import './chunk-V2ZDTY6H.js';
-import './chunk-MFTPNDEI.js';
+import './chunk-PPFD456V.js';
 import { useIsClient, HookSlot } from './chunk-5XDPAKF5.js';
 import './chunk-GCPEMNSU.js';
-import './chunk-WJJOFIBJ.js';
+import './chunk-RB7RHMKJ.js';
 import './chunk-Z5M4YYWT.js';
 import { useTranslation } from './chunk-TYNZ5B2B.js';
-import './chunk-VGZEPMXG.js';
+import './chunk-LBZNLTBM.js';
 import './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-SKLEJJ6M.js';
@@ -47,10 +47,10 @@ import './chunk-6BZ5TKEV.js';
 import './chunk-FZKRSGLP.js';
 import './chunk-KYMWEUN2.js';
 import './chunk-YA6ABQB7.js';
-import './chunk-QMWP2ZP6.js';
-import './chunk-6TFM3UTF.js';
-import './chunk-XMRNYUQY.js';
-import './chunk-T2752RH7.js';
+import './chunk-R7QCNL62.js';
+import './chunk-ULF4LPVA.js';
+import './chunk-7XAGU6CT.js';
+import './chunk-4E6FD5W7.js';
 import './chunk-6K34BCUP.js';
 import './chunk-T72DAX7R.js';
 import { useTwilight } from './chunk-DF6FBKDN.js';
@@ -183,5 +183,5 @@ function ThankYouPage({
 }
 
 export { ThankYouPage };
-//# sourceMappingURL=ThankYouPage-NZVL7WLY.js.map
-//# sourceMappingURL=ThankYouPage-NZVL7WLY.js.map
+//# sourceMappingURL=ThankYouPage-O5U3V6J4.js.map
+//# sourceMappingURL=ThankYouPage-O5U3V6J4.js.map

package/dist/{ThankYouPage-NZVL7WLY.js.map → ThankYouPage-O5U3V6J4.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/routes/thank-you/ThankYouPage.tsx"],"names":[],"mappings":"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","file":"ThankYouPage-NZVL7WLY.js","sourcesContent":["import { useMemo } from 'react';\nimport { HookSlot, useIsClient, usePageConfig } from '../../hooks';\nimport type { ThankYouPageProps } from './types';\nimport { useTwilight } from '../../providers/twilight-context';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { stripUnsafeHtml } from '../../utils/sanitize';\n\nconst EMPTY_MESSAGES: NonNullable<ThankYouPageProps['messages']> = [];\nconst ICON_FONT_URL = 'https://cdn.salla.network/fonts/hugeicons-font.css';\n\n/** The order confirmation page, built like Twig Raed's from the Twilight thank-you components. */\nexport function ThankYouPage({\n  page,\n  order,\n  thank_you_title,\n  messages = EMPTY_MESSAGES,\n  instructions,\n  items,\n  is_pickable,\n  created_at,\n  loyalty_points = 0,\n  loyalty_url,\n  cashback,\n  wallet_url,\n}: ThankYouPageProps) {\n  const { store } = useTwilight();\n  const { t } = useTranslation();\n  // The order components read the order id from `salla.config.page.id`.\n  usePageConfig(page);\n  // The components rewrite their light DOM once the SDK loads, which can come before hydration.\n  const isClient = useIsClient();\n  const heading =\n    thank_you_title ?? t('pages.thank_you.hero_title', 'Thank you for shopping with us! 😊');\n  const currency = order?.currency;\n  const itemsJson = useMemo(() => JSON.stringify(items ?? []), [items]);\n  const discountsJson = useMemo(() => {\n    const discounts = order?.amounts.discounts ?? [];\n    return discounts.length\n      ? JSON.stringify(discounts.map(({ title, discount }) => ({ name: title, discount })))\n      : undefined;\n  }, [order]);\n  const amounts = order?.amounts;\n  const showRewards = loyalty_points > 0 || !!cashback;\n\n  return (\n    <>\n      <link rel=\"stylesheet\" href={ICON_FONT_URL} />\n\n      <HookSlot name=\"thank-you:start\" />\n\n      <div className=\"container\">\n        {isClient && (\n          <salla-thank-you-page className=\"thank-you-content\">\n            <div slot=\"main\">\n              <salla-thank-you-header\n                heading={heading}\n                subtitle={t('pages.thank_you.order_received', 'Your order has been received')}\n                store-logo={store.logo || ''}\n                store-name={store.name}\n                reference-id={order ? String(order.reference_id) : undefined}\n                created-at={created_at}\n              >\n                {instructions && (\n                  <article className=\"article article--main article--small text-center\">\n                    <p\n                      // nosemgrep: the store's own order message, with unsafe markup stripped\n                      dangerouslySetInnerHTML={{ __html: stripUnsafeHtml(instructions) }}\n                    />\n                  </article>\n                )}\n                {messages.map((message) => (\n                  <span key={message} className=\"font-bold\">\n                    {message}\n                  </span>\n                ))}\n              </salla-thank-you-header>\n\n              <HookSlot name=\"thank-you:items.start\" />\n              {order &&\n                (is_pickable ? (\n                  <salla-order-branch\n                    data-testid=\"store-thankyou-branch\"\n                    items={itemsJson}\n                    currency={currency}\n                    sticky-cta\n                  />\n                ) : (\n                  <salla-order-shipments\n                    data-testid=\"store-thankyou-shipments\"\n                    order-id={String(order.id)}\n                    items={itemsJson}\n                    currency={currency}\n                    sticky-cta\n                  />\n                ))}\n              <HookSlot name=\"thank-you:items.end\" />\n\n              {order && amounts && (\n                <salla-order-payment\n                  data-testid=\"store-thankyou-payment\"\n                  payment-method={order.payment?.method}\n                  currency={currency}\n                  payment-logo={\n                    order.payment?.method\n                      ? `https://cdn.salla.network/images/payment/${order.payment.method}_mini.png`\n                      : undefined\n                  }\n                  sub-total={amounts.sub_total.amount}\n                  total={amounts.total.amount}\n                  tax-amount={amounts.tax?.amount.amount}\n                  shipping-cost={amounts.shipping_cost?.amount}\n                  cod-cost={amounts.cash_on_delivery?.amount}\n                  discounts={discountsJson}\n                  invoice-url={order.urls.print}\n                />\n              )}\n            </div>\n\n            <HookSlot name=\"thank-you:payment.end\" />\n\n            {showRewards && (\n              <salla-order-rewards\n                data-testid=\"store-thankyou-rewards\"\n                {...(loyalty_points > 0\n                  ? { 'loyalty-points': loyalty_points, 'loyalty-url': loyalty_url }\n                  : {})}\n                {...(cashback\n                  ? {\n                      'cashback-amount': cashback.amount,\n                      currency: cashback.currency,\n                      'cashback-url': wallet_url,\n                    }\n                  : {})}\n              />\n            )}\n\n            <salla-next-order-coupon data-testid=\"store-thankyou-coupon\" />\n\n            <salla-contacts\n              data-testid=\"store-thankyou-contacts\"\n              introduction={t(\n                'pages.thank_you.contact_us',\n                'Got a question? We are happy to hear from you'\n              )}\n              hide-title\n              horizontal\n              icons-only\n            />\n\n            <HookSlot name=\"thank-you:end\" />\n          </salla-thank-you-page>\n        )}\n      </div>\n    </>\n  );\n}\n"]}
+{"version":3,"sources":["../src/routes/thank-you/ThankYouPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAM,iBAA6D,EAAC;AACpE,IAAM,aAAA,GAAgB,oDAAA;AAGf,SAAS,YAAA,CAAa;AAAA,EAC3B,IAAA;AAAA,EACA,KAAA;AAAA,EACA,eAAA;AAAA,EACA,QAAA,GAAW,cAAA;AAAA,EACX,YAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,cAAA,GAAiB,CAAA;AAAA,EACjB,WAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAAsB;AACpB,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,WAAA,EAAY;AAC9B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAE7B,EAAA,aAAA,CAAc,IAAI,CAAA;AAElB,EAAA,MAAM,WAAW,WAAA,EAAY;AAC7B,EAAA,MAAM,OAAA,GACJ,eAAA,IAAmB,CAAA,CAAE,4BAAA,EAA8B,2CAAoC,CAAA;AACzF,EAAA,MAAM,WAAW,KAAA,EAAO,QAAA;AACxB,EAAA,MAAM,SAAA,GAAY,OAAA,CAAQ,MAAM,IAAA,CAAK,SAAA,CAAU,KAAA,IAAS,EAAE,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AACpE,EAAA,MAAM,aAAA,GAAgB,QAAQ,MAAM;AAClC,IAAA,MAAM,SAAA,GAAY,KAAA,EAAO,OAAA,CAAQ,SAAA,IAAa,EAAC;AAC/C,IAAA,OAAO,UAAU,MAAA,GACb,IAAA,CAAK,SAAA,CAAU,SAAA,CAAU,IAAI,CAAC,EAAE,KAAA,EAAO,QAAA,QAAgB,EAAE,IAAA,EAAM,OAAO,QAAA,EAAS,CAAE,CAAC,CAAA,GAClF,MAAA;AAAA,EACN,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AACV,EAAA,MAAM,UAAU,KAAA,EAAO,OAAA;AACvB,EAAA,MAAM,WAAA,GAAc,cAAA,GAAiB,CAAA,IAAK,CAAC,CAAC,QAAA;AAE5C,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,GAAA,EAAI,YAAA,EAAa,IAAA,EAAM,aAAA,EAAe,CAAA;AAAA,oBAE5C,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,iBAAA,EAAkB,CAAA;AAAA,oBAEjC,GAAA,CAAC,SAAI,SAAA,EAAU,WAAA,EACZ,sCACC,IAAA,CAAC,sBAAA,EAAA,EAAqB,WAAU,mBAAA,EAC9B,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,MAAK,MAAA,EACR,QAAA,EAAA;AAAA,wBAAA,IAAA;AAAA,UAAC,wBAAA;AAAA,UAAA;AAAA,YACC,OAAA;AAAA,YACA,QAAA,EAAU,CAAA,CAAE,gCAAA,EAAkC,8BAA8B,CAAA;AAAA,YAC5E,YAAA,EAAY,MAAM,IAAA,IAAQ,EAAA;AAAA,YAC1B,cAAY,KAAA,CAAM,IAAA;AAAA,YAClB,cAAA,EAAc,KAAA,GAAQ,MAAA,CAAO,KAAA,CAAM,YAAY,CAAA,GAAI,MAAA;AAAA,YACnD,YAAA,EAAY,UAAA;AAAA,YAEX,QAAA,EAAA;AAAA,cAAA,YAAA,oBACC,GAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAU,kDAAA,EACjB,QAAA,kBAAA,GAAA;AAAA,gBAAC,GAAA;AAAA,gBAAA;AAAA,kBAEC,uBAAA,EAAyB,EAAE,MAAA,EAAQ,eAAA,CAAgB,YAAY,CAAA;AAAE;AAAA,eACnE,EACF,CAAA;AAAA,cAED,QAAA,CAAS,GAAA,CAAI,CAAC,OAAA,qBACb,GAAA,CAAC,UAAmB,SAAA,EAAU,WAAA,EAC3B,QAAA,EAAA,OAAA,EAAA,EADQ,OAEX,CACD;AAAA;AAAA;AAAA,SACH;AAAA,wBAEA,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,uBAAA,EAAwB,CAAA;AAAA,QACtC,UACE,WAAA,mBACC,GAAA;AAAA,UAAC,oBAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAY,uBAAA;AAAA,YACZ,KAAA,EAAO,SAAA;AAAA,YACP,QAAA;AAAA,YACA,YAAA,EAAU;AAAA;AAAA,SACZ,mBAEA,GAAA;AAAA,UAAC,uBAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAY,0BAAA;AAAA,YACZ,UAAA,EAAU,MAAA,CAAO,KAAA,CAAM,EAAE,CAAA;AAAA,YACzB,KAAA,EAAO,SAAA;AAAA,YACP,QAAA;AAAA,YACA,YAAA,EAAU;AAAA;AAAA,SACZ,CAAA;AAAA,wBAEJ,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,qBAAA,EAAsB,CAAA;AAAA,QAEpC,SAAS,OAAA,oBACR,GAAA;AAAA,UAAC,qBAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAY,wBAAA;AAAA,YACZ,gBAAA,EAAgB,MAAM,OAAA,EAAS,MAAA;AAAA,YAC/B,QAAA;AAAA,YACA,cAAA,EACE,MAAM,OAAA,EAAS,MAAA,GACX,4CAA4C,KAAA,CAAM,OAAA,CAAQ,MAAM,CAAA,SAAA,CAAA,GAChE,MAAA;AAAA,YAEN,WAAA,EAAW,QAAQ,SAAA,CAAU,MAAA;AAAA,YAC7B,KAAA,EAAO,QAAQ,KAAA,CAAM,MAAA;AAAA,YACrB,YAAA,EAAY,OAAA,CAAQ,GAAA,EAAK,MAAA,CAAO,MAAA;AAAA,YAChC,eAAA,EAAe,QAAQ,aAAA,EAAe,MAAA;AAAA,YACtC,UAAA,EAAU,QAAQ,gBAAA,EAAkB,MAAA;AAAA,YACpC,SAAA,EAAW,aAAA;AAAA,YACX,aAAA,EAAa,MAAM,IAAA,CAAK;AAAA;AAAA;AAC1B,OAAA,EAEJ,CAAA;AAAA,sBAEA,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,uBAAA,EAAwB,CAAA;AAAA,MAEtC,WAAA,oBACC,GAAA;AAAA,QAAC,qBAAA;AAAA,QAAA;AAAA,UACC,aAAA,EAAY,wBAAA;AAAA,UACX,GAAI,iBAAiB,CAAA,GAClB,EAAE,kBAAkB,cAAA,EAAgB,aAAA,EAAe,WAAA,EAAY,GAC/D,EAAC;AAAA,UACJ,GAAI,QAAA,GACD;AAAA,YACE,mBAAmB,QAAA,CAAS,MAAA;AAAA,YAC5B,UAAU,QAAA,CAAS,QAAA;AAAA,YACnB,cAAA,EAAgB;AAAA,cAElB;AAAC;AAAA,OACP;AAAA,sBAGF,GAAA,CAAC,yBAAA,EAAA,EAAwB,aAAA,EAAY,uBAAA,EAAwB,CAAA;AAAA,sBAE7D,GAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,aAAA,EAAY,yBAAA;AAAA,UACZ,YAAA,EAAc,CAAA;AAAA,YACZ,4BAAA;AAAA,YACA;AAAA,WACF;AAAA,UACA,YAAA,EAAU,IAAA;AAAA,UACV,UAAA,EAAU,IAAA;AAAA,UACV,YAAA,EAAU;AAAA;AAAA,OACZ;AAAA,sBAEA,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,eAAA,EAAgB;AAAA,KAAA,EACjC,CAAA,EAEJ;AAAA,GAAA,EACF,CAAA;AAEJ","file":"ThankYouPage-O5U3V6J4.js","sourcesContent":["import { useMemo } from 'react';\nimport { HookSlot, useIsClient, usePageConfig } from '../../hooks';\nimport type { ThankYouPageProps } from './types';\nimport { useTwilight } from '../../providers/twilight-context';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { stripUnsafeHtml } from '../../utils/sanitize';\n\nconst EMPTY_MESSAGES: NonNullable<ThankYouPageProps['messages']> = [];\nconst ICON_FONT_URL = 'https://cdn.salla.network/fonts/hugeicons-font.css';\n\n/** The order confirmation page, built like Twig Raed's from the Twilight thank-you components. */\nexport function ThankYouPage({\n  page,\n  order,\n  thank_you_title,\n  messages = EMPTY_MESSAGES,\n  instructions,\n  items,\n  is_pickable,\n  created_at,\n  loyalty_points = 0,\n  loyalty_url,\n  cashback,\n  wallet_url,\n}: ThankYouPageProps) {\n  const { store } = useTwilight();\n  const { t } = useTranslation();\n  // The order components read the order id from `salla.config.page.id`.\n  usePageConfig(page);\n  // The components rewrite their light DOM once the SDK loads, which can come before hydration.\n  const isClient = useIsClient();\n  const heading =\n    thank_you_title ?? t('pages.thank_you.hero_title', 'Thank you for shopping with us! 😊');\n  const currency = order?.currency;\n  const itemsJson = useMemo(() => JSON.stringify(items ?? []), [items]);\n  const discountsJson = useMemo(() => {\n    const discounts = order?.amounts.discounts ?? [];\n    return discounts.length\n      ? JSON.stringify(discounts.map(({ title, discount }) => ({ name: title, discount })))\n      : undefined;\n  }, [order]);\n  const amounts = order?.amounts;\n  const showRewards = loyalty_points > 0 || !!cashback;\n\n  return (\n    <>\n      <link rel=\"stylesheet\" href={ICON_FONT_URL} />\n\n      <HookSlot name=\"thank-you:start\" />\n\n      <div className=\"container\">\n        {isClient && (\n          <salla-thank-you-page className=\"thank-you-content\">\n            <div slot=\"main\">\n              <salla-thank-you-header\n                heading={heading}\n                subtitle={t('pages.thank_you.order_received', 'Your order has been received')}\n                store-logo={store.logo || ''}\n                store-name={store.name}\n                reference-id={order ? String(order.reference_id) : undefined}\n                created-at={created_at}\n              >\n                {instructions && (\n                  <article className=\"article article--main article--small text-center\">\n                    <p\n                      // nosemgrep: the store's own order message, with unsafe markup stripped\n                      dangerouslySetInnerHTML={{ __html: stripUnsafeHtml(instructions) }}\n                    />\n                  </article>\n                )}\n                {messages.map((message) => (\n                  <span key={message} className=\"font-bold\">\n                    {message}\n                  </span>\n                ))}\n              </salla-thank-you-header>\n\n              <HookSlot name=\"thank-you:items.start\" />\n              {order &&\n                (is_pickable ? (\n                  <salla-order-branch\n                    data-testid=\"store-thankyou-branch\"\n                    items={itemsJson}\n                    currency={currency}\n                    sticky-cta\n                  />\n                ) : (\n                  <salla-order-shipments\n                    data-testid=\"store-thankyou-shipments\"\n                    order-id={String(order.id)}\n                    items={itemsJson}\n                    currency={currency}\n                    sticky-cta\n                  />\n                ))}\n              <HookSlot name=\"thank-you:items.end\" />\n\n              {order && amounts && (\n                <salla-order-payment\n                  data-testid=\"store-thankyou-payment\"\n                  payment-method={order.payment?.method}\n                  currency={currency}\n                  payment-logo={\n                    order.payment?.method\n                      ? `https://cdn.salla.network/images/payment/${order.payment.method}_mini.png`\n                      : undefined\n                  }\n                  sub-total={amounts.sub_total.amount}\n                  total={amounts.total.amount}\n                  tax-amount={amounts.tax?.amount.amount}\n                  shipping-cost={amounts.shipping_cost?.amount}\n                  cod-cost={amounts.cash_on_delivery?.amount}\n                  discounts={discountsJson}\n                  invoice-url={order.urls.print}\n                />\n              )}\n            </div>\n\n            <HookSlot name=\"thank-you:payment.end\" />\n\n            {showRewards && (\n              <salla-order-rewards\n                data-testid=\"store-thankyou-rewards\"\n                {...(loyalty_points > 0\n                  ? { 'loyalty-points': loyalty_points, 'loyalty-url': loyalty_url }\n                  : {})}\n                {...(cashback\n                  ? {\n                      'cashback-amount': cashback.amount,\n                      currency: cashback.currency,\n                      'cashback-url': wallet_url,\n                    }\n                  : {})}\n              />\n            )}\n\n            <salla-next-order-coupon data-testid=\"store-thankyou-coupon\" />\n\n            <salla-contacts\n              data-testid=\"store-thankyou-contacts\"\n              introduction={t(\n                'pages.thank_you.contact_us',\n                'Got a question? We are happy to hear from you'\n              )}\n              hide-title\n              horizontal\n              icons-only\n            />\n\n            <HookSlot name=\"thank-you:end\" />\n          </salla-thank-you-page>\n        )}\n      </div>\n    </>\n  );\n}\n"]}

package/dist/{WalletPage-6JUYGDBV.js → WalletPage-NJBBZIMM.js}

@@ -1,45 +1,45 @@
-import { wallet } from './chunk-D6OV66P2.js';
-import { useMoney } from './chunk-2LXCSBJU.js';
+import { wallet } from './chunk-6QIF6WJH.js';
+import { useMoney } from './chunk-O63WBEAC.js';
 import './chunk-Q77J3D2W.js';
-import './chunk-HHJD2GGA.js';
-import './chunk-MDZ7OUAW.js';
-import './chunk-5V4W3GBI.js';
+import './chunk-EMAAVDEK.js';
+import './chunk-5T4MJAUN.js';
+import './chunk-WAKCWE6P.js';
 import './chunk-X55R4VVK.js';
 import './chunk-YL6X3ZMG.js';
-import './chunk-ANVS7UYN.js';
+import './chunk-IEKP3HYS.js';
 import './chunk-OXMUPNMH.js';
-import './chunk-CJTORCZE.js';
+import './chunk-5RBXCPG6.js';
 import './chunk-VVZNW5CB.js';
-import './chunk-EGI7F57E.js';
+import './chunk-DPQIVZ4T.js';
 import './chunk-GD26FI4J.js';
-import './chunk-SLBO4SEE.js';
-import './chunk-MGG4XAJ5.js';
-import './chunk-4UGJ4VC3.js';
+import './chunk-6YEE3VHL.js';
+import './chunk-P2PPBXHD.js';
+import './chunk-O3XMYDNC.js';
 import './chunk-OUW6WESU.js';
-import './chunk-IHOUADLX.js';
+import './chunk-JK45RUVV.js';
 import './chunk-HI5V5X3S.js';
-import './chunk-IQNTYZGF.js';
-import './chunk-A6Y33KCR.js';
+import './chunk-2ZC5YGMI.js';
+import './chunk-PYXAPLNB.js';
 import './chunk-6T55LXJL.js';
 import './chunk-Z653O7MX.js';
 import './chunk-ZCH7W7DZ.js';
-import './chunk-H7LRGY7U.js';
+import './chunk-B57KIBQL.js';
 import './chunk-JWXJPJBO.js';
 import './chunk-CW625T2E.js';
 import './chunk-7V36I5GT.js';
 import './chunk-6WI7R2BD.js';
-import './chunk-M5WTY3EH.js';
+import './chunk-5EAISVPV.js';
 import './chunk-OAMIDZKW.js';
-import './chunk-QMIPHH5I.js';
+import './chunk-BYGVKW3M.js';
 import './chunk-OQIIJRAS.js';
 import './chunk-V2ZDTY6H.js';
-import './chunk-MFTPNDEI.js';
+import './chunk-PPFD456V.js';
 import { HookSlot } from './chunk-5XDPAKF5.js';
 import './chunk-GCPEMNSU.js';
-import './chunk-WJJOFIBJ.js';
+import './chunk-RB7RHMKJ.js';
 import './chunk-Z5M4YYWT.js';
 import { useTranslation } from './chunk-TYNZ5B2B.js';
-import { LazyNoContent } from './chunk-VGZEPMXG.js';
+import { LazyNoContent } from './chunk-LBZNLTBM.js';
 import './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-SKLEJJ6M.js';
@@ -47,10 +47,10 @@ import './chunk-6BZ5TKEV.js';
 import './chunk-FZKRSGLP.js';
 import './chunk-KYMWEUN2.js';
 import './chunk-YA6ABQB7.js';
-import './chunk-QMWP2ZP6.js';
-import './chunk-6TFM3UTF.js';
-import './chunk-XMRNYUQY.js';
-import './chunk-T2752RH7.js';
+import './chunk-R7QCNL62.js';
+import './chunk-ULF4LPVA.js';
+import './chunk-7XAGU6CT.js';
+import './chunk-4E6FD5W7.js';
 import './chunk-6K34BCUP.js';
 import './chunk-T72DAX7R.js';
 import './chunk-DF6FBKDN.js';
@@ -205,5 +205,5 @@ function WalletPage({ query, transactions, balance, pagination }) {
 }
 
 export { WalletPage };
-//# sourceMappingURL=WalletPage-6JUYGDBV.js.map
-//# sourceMappingURL=WalletPage-6JUYGDBV.js.map
+//# sourceMappingURL=WalletPage-NJBBZIMM.js.map
+//# sourceMappingURL=WalletPage-NJBBZIMM.js.map

package/dist/{WalletPage-6JUYGDBV.js.map → WalletPage-NJBBZIMM.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/routes/account/wallet/WalletPage.tsx"],"names":["TransactionRow"],"mappings":"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","file":"WalletPage-6JUYGDBV.js","sourcesContent":["import { memo, useCallback, useRef } from 'react';\nimport { ItemsList } from '@salla.sa/twilight-components-react';\nimport { wallet } from '../../../api/wallet';\nimport type { TransactionItem } from '../../../api/wallet';\nimport { HookSlot, useMoney } from '../../../hooks';\nimport { useTranslation } from '../../../providers/I18nProvider';\nimport type { WalletPageProps } from './types';\nimport { NoContent } from '../../../components/common';\n\nconst TransactionRow = memo(function TransactionRow({\n  transaction,\n}: {\n  transaction: TransactionItem;\n}) {\n  const { t, locale } = useTranslation();\n  const { format: formatMoney } = useMoney();\n\n  const formatTimestamp = (ts: number) => {\n    if (!ts) return '';\n    return new Date(ts * 1000).toLocaleDateString(locale, {\n      weekday: 'long',\n      year: 'numeric',\n      month: 'long',\n      day: 'numeric',\n      hour: 'numeric',\n    });\n  };\n\n  const actionTypeClass =\n    transaction.action_type === 'cashback'\n      ? 's-wallet-table-transaction-status-cashback'\n      : transaction.action_type === 'refund'\n        ? 's-wallet-table-transaction-status-refund'\n        : transaction.action_type === 'purchase_by_wallet'\n          ? 's-wallet-table-transaction-status-purchase'\n          : '';\n\n  return (\n    <tr className=\"s-wallet-table-tbody-tr s-wallet-table-tbody-tr-shadow animated\">\n      <td className=\"s-wallet-table-tbody-tr-td\">\n        <div className=\"s-wallet-table-tbody-tr-td-content\">\n          <span className=\"s-wallet-mobile-title\">{t('pages.wallet.transaction_number')}:</span>\n          {transaction.id && <span className=\"hidden md:inline-block\">#{transaction.id}</span>}\n          <div className=\"flex items-center md:hidden\">\n            {transaction.id && <span>#{transaction.id}</span>}\n          </div>\n        </div>\n      </td>\n\n      <td className=\"s-wallet-table-tbody-tr-td\">\n        <div className=\"s-wallet-table-tbody-tr-td-content\">\n          <span className=\"s-wallet-mobile-title\">{t('pages.wallet.amount')}:</span>\n          <div>{formatMoney(transaction.amount, { type: 'general' })}</div>\n        </div>\n      </td>\n\n      <td className=\"s-wallet-table-tbody-tr-td\">\n        <div className=\"s-wallet-table-tbody-tr-td-content\">\n          <span className=\"s-wallet-mobile-title\">{t('pages.wallet.date')}:</span>\n          {transaction.created_at ? formatTimestamp(transaction.created_at) : ''}\n        </div>\n      </td>\n\n      <td className=\"s-wallet-table-tbody-tr-td\">\n        <div className=\"s-wallet-table-tbody-tr-td-content\">\n          <span className=\"s-wallet-mobile-title\">{t('pages.wallet.order_no')}:</span>\n          <span className=\"rtl:mr-auto ltr:ml-auto md:mx-0\">\n            {transaction.order_id && <span>#{transaction.order_id}</span>}\n          </span>\n        </div>\n      </td>\n\n      <td className=\"s-wallet-table-tbody-tr-td\">\n        <div className=\"s-wallet-table-tbody-tr-td-content\">\n          <span className=\"s-wallet-mobile-title\">{t('pages.wallet.expiry_date')}:</span>\n          <span>{transaction.expired_at ? formatTimestamp(transaction.expired_at) : ''}</span>\n        </div>\n      </td>\n\n      <td className=\"s-wallet-table-tbody-tr-td\">\n        <div className=\"s-wallet-table-tbody-tr-td-content\">\n          <div>\n            <span className=\"s-wallet-mobile-title\">{t('pages.wallet.transaction_type')}:</span>\n          </div>\n          <div className={`s-wallet-table-transaction-status-default ${actionTypeClass}`}>\n            {!!transaction.description && (\n              <>\n                <i\n                  id={transaction.id.toString()}\n                  className=\"sicon-information text-lg rtl:ml-4 ltr:mr-4 s-wallet-table-transaction-status-icon-success\"\n                />\n                <salla-tooltip\n                  text={transaction.description}\n                  targetId={transaction.id.toString()}\n                />\n              </>\n            )}\n            <span>{transaction.title}</span>\n          </div>\n        </div>\n      </td>\n    </tr>\n  );\n});\n\nexport function WalletPage({ query, transactions, balance, pagination }: WalletPageProps) {\n  const { t } = useTranslation();\n\n  const { format: formatMoney } = useMoney();\n\n  const nextPageRef = useRef(query.page + 1);\n\n  const loader = useCallback(async () => {\n    const pageToLoad = nextPageRef.current;\n    const result = await wallet.list({ page: pageToLoad });\n\n    nextPageRef.current = pageToLoad + 1;\n\n    return {\n      items: result.items,\n      next: result.next,\n    };\n  }, []);\n\n  if (transactions.length === 0) {\n    return (\n      <>\n        <HookSlot name=\"customer:wallet.transactions.start\" />\n        <NoContent icon=\"sicon-full-wallet\" message={`${t('pages.wallet.no_transactions')}`} />\n        <HookSlot name=\"customer:wallet.transactions.end\" />\n      </>\n    );\n  }\n\n  return (\n    <>\n      <HookSlot name=\"customer:wallet.transactions.start\" />\n      <table className=\"s-wallet-table\">\n        <tbody className=\"s-wallet-table-tbody\">\n          <tr className=\"s-table__tr\">\n            <td>\n              <div className=\"s-wallet-table-balance-container\">\n                <i className=\"s-wallet-table-balance-icon sicon-wallet\" />\n                <div>\n                  <div>{formatMoney(balance, { type: 'general' })}</div>\n                  <div className=\"font-normal text-gray-400\">{t('pages.wallet.balance')}</div>\n                </div>\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n\n      <h2 className=\"mt-8\">{t('pages.wallet.title')}</h2>\n      <table className=\"s-wallet-table\">\n        <thead className=\"s-wallet-table-head\">\n          <tr className=\"s-wallet-table-head-tr\">\n            <th scope=\"col\">{t('pages.wallet.transaction_number')}</th>\n            <th scope=\"col\" className=\"s-wallet-table-head-tr-th\">\n              {t('pages.wallet.amount')}\n            </th>\n            <th scope=\"col\" className=\"s-wallet-table-head-tr-th\">\n              {t('pages.wallet.date')}\n            </th>\n            <th scope=\"col\" className=\"s-wallet-table-head-tr-th\">\n              {t('pages.wallet.order_no')}\n            </th>\n            <th scope=\"col\" className=\"s-wallet-table-head-tr-th\">\n              {t('pages.wallet.expiry_date')}\n            </th>\n            <th scope=\"col\" className=\"s-wallet-table-head-tr-th\">\n              {t('pages.wallet.transaction_type')}\n            </th>\n          </tr>\n        </thead>\n        <tbody className=\"s-wallet-table-tbody\">\n          <ItemsList<TransactionItem>\n            items={transactions}\n            loader={loader}\n            mode={pagination.next ? 'infinite' : 'static'}\n            itemsAs=\"Fragment\"\n            t={(key, fallback) => t(key, fallback || key)}\n          >\n            {(items) =>\n              items.map((transaction) => (\n                <TransactionRow key={transaction.id} transaction={transaction} />\n              ))\n            }\n          </ItemsList>\n        </tbody>\n      </table>\n      <HookSlot name=\"customer:wallet.transactions.end\" />\n    </>\n  );\n}\n"]}
+{"version":3,"sources":["../src/routes/account/wallet/WalletPage.tsx"],"names":["TransactionRow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAM,cAAA,GAAiB,IAAA,CAAK,SAASA,eAAAA,CAAe;AAAA,EAClD;AACF,CAAA,EAEG;AACD,EAAA,MAAM,EAAE,CAAA,EAAG,MAAA,EAAO,GAAI,cAAA,EAAe;AACrC,EAAA,MAAM,EAAE,MAAA,EAAQ,WAAA,EAAY,GAAI,QAAA,EAAS;AAEzC,EAAA,MAAM,eAAA,GAAkB,CAAC,EAAA,KAAe;AACtC,IAAA,IAAI,CAAC,IAAI,OAAO,EAAA;AAChB,IAAA,OAAO,IAAI,IAAA,CAAK,EAAA,GAAK,GAAI,CAAA,CAAE,mBAAmB,MAAA,EAAQ;AAAA,MACpD,OAAA,EAAS,MAAA;AAAA,MACT,IAAA,EAAM,SAAA;AAAA,MACN,KAAA,EAAO,MAAA;AAAA,MACP,GAAA,EAAK,SAAA;AAAA,MACL,IAAA,EAAM;AAAA,KACP,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,MAAM,eAAA,GACJ,WAAA,CAAY,WAAA,KAAgB,UAAA,GACxB,4CAAA,GACA,WAAA,CAAY,WAAA,KAAgB,QAAA,GAC1B,0CAAA,GACA,WAAA,CAAY,WAAA,KAAgB,oBAAA,GAC1B,4CAAA,GACA,EAAA;AAEV,EAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,iEAAA,EACZ,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAG,SAAA,EAAU,4BAAA,EACZ,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,oCAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,uBAAA,EAAyB,QAAA,EAAA;AAAA,QAAA,CAAA,CAAE,iCAAiC,CAAA;AAAA,QAAE;AAAA,OAAA,EAAC,CAAA;AAAA,MAC9E,WAAA,CAAY,EAAA,oBAAM,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,wBAAA,EAAyB,QAAA,EAAA;AAAA,QAAA,GAAA;AAAA,QAAE,WAAA,CAAY;AAAA,OAAA,EAAG,CAAA;AAAA,0BAC5E,KAAA,EAAA,EAAI,SAAA,EAAU,+BACZ,QAAA,EAAA,WAAA,CAAY,EAAA,yBAAO,MAAA,EAAA,EAAK,QAAA,EAAA;AAAA,QAAA,GAAA;AAAA,QAAE,WAAA,CAAY;AAAA,OAAA,EAAG,CAAA,EAC5C;AAAA,KAAA,EACF,CAAA,EACF,CAAA;AAAA,wBAEC,IAAA,EAAA,EAAG,SAAA,EAAU,8BACZ,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,oCAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,uBAAA,EAAyB,QAAA,EAAA;AAAA,QAAA,CAAA,CAAE,qBAAqB,CAAA;AAAA,QAAE;AAAA,OAAA,EAAC,CAAA;AAAA,sBACnE,GAAA,CAAC,SAAK,QAAA,EAAA,WAAA,CAAY,WAAA,CAAY,QAAQ,EAAE,IAAA,EAAM,SAAA,EAAW,CAAA,EAAE;AAAA,KAAA,EAC7D,CAAA,EACF,CAAA;AAAA,wBAEC,IAAA,EAAA,EAAG,SAAA,EAAU,8BACZ,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,oCAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,uBAAA,EAAyB,QAAA,EAAA;AAAA,QAAA,CAAA,CAAE,mBAAmB,CAAA;AAAA,QAAE;AAAA,OAAA,EAAC,CAAA;AAAA,MAChE,WAAA,CAAY,UAAA,GAAa,eAAA,CAAgB,WAAA,CAAY,UAAU,CAAA,GAAI;AAAA,KAAA,EACtE,CAAA,EACF,CAAA;AAAA,wBAEC,IAAA,EAAA,EAAG,SAAA,EAAU,8BACZ,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,oCAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,uBAAA,EAAyB,QAAA,EAAA;AAAA,QAAA,CAAA,CAAE,uBAAuB,CAAA;AAAA,QAAE;AAAA,OAAA,EAAC,CAAA;AAAA,0BACpE,MAAA,EAAA,EAAK,SAAA,EAAU,mCACb,QAAA,EAAA,WAAA,CAAY,QAAA,yBAAa,MAAA,EAAA,EAAK,QAAA,EAAA;AAAA,QAAA,GAAA;AAAA,QAAE,WAAA,CAAY;AAAA,OAAA,EAAS,CAAA,EACxD;AAAA,KAAA,EACF,CAAA,EACF,CAAA;AAAA,wBAEC,IAAA,EAAA,EAAG,SAAA,EAAU,8BACZ,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,oCAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,uBAAA,EAAyB,QAAA,EAAA;AAAA,QAAA,CAAA,CAAE,0BAA0B,CAAA;AAAA,QAAE;AAAA,OAAA,EAAC,CAAA;AAAA,sBACxE,GAAA,CAAC,UAAM,QAAA,EAAA,WAAA,CAAY,UAAA,GAAa,gBAAgB,WAAA,CAAY,UAAU,IAAI,EAAA,EAAG;AAAA,KAAA,EAC/E,CAAA,EACF,CAAA;AAAA,wBAEC,IAAA,EAAA,EAAG,SAAA,EAAU,8BACZ,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,oCAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EAAyB,QAAA,EAAA;AAAA,QAAA,CAAA,CAAE,+BAA+B,CAAA;AAAA,QAAE;AAAA,OAAA,EAAC,CAAA,EAC/E,CAAA;AAAA,sBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,0CAAA,EAA6C,eAAe,CAAA,CAAA,EACzE,QAAA,EAAA;AAAA,QAAA,CAAC,CAAC,WAAA,CAAY,WAAA,oBACb,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,EAAA,EAAI,WAAA,CAAY,EAAA,CAAG,QAAA,EAAS;AAAA,cAC5B,SAAA,EAAU;AAAA;AAAA,WACZ;AAAA,0BACA,GAAA;AAAA,YAAC,eAAA;AAAA,YAAA;AAAA,cACC,MAAM,WAAA,CAAY,WAAA;AAAA,cAClB,QAAA,EAAU,WAAA,CAAY,EAAA,CAAG,QAAA;AAAS;AAAA;AACpC,SAAA,EACF,CAAA;AAAA,wBAEF,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,WAAA,CAAY,KAAA,EAAM;AAAA,OAAA,EAC3B;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ,CAAC,CAAA;AAEM,SAAS,WAAW,EAAE,KAAA,EAAO,YAAA,EAAc,OAAA,EAAS,YAAW,EAAoB;AACxF,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAE7B,EAAA,MAAM,EAAE,MAAA,EAAQ,WAAA,EAAY,GAAI,QAAA,EAAS;AAEzC,EAAA,MAAM,WAAA,GAAc,MAAA,CAAO,KAAA,CAAM,IAAA,GAAO,CAAC,CAAA;AAEzC,EAAA,MAAM,MAAA,GAAS,YAAY,YAAY;AACrC,IAAA,MAAM,aAAa,WAAA,CAAY,OAAA;AAC/B,IAAA,MAAM,SAAS,MAAM,MAAA,CAAO,KAAK,EAAE,IAAA,EAAM,YAAY,CAAA;AAErD,IAAA,WAAA,CAAY,UAAU,UAAA,GAAa,CAAA;AAEnC,IAAA,OAAO;AAAA,MACL,OAAO,MAAA,CAAO,KAAA;AAAA,MACd,MAAM,MAAA,CAAO;AAAA,KACf;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,IAAI,YAAA,CAAa,WAAW,CAAA,EAAG;AAC7B,IAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,MAAK,oCAAA,EAAqC,CAAA;AAAA,sBACpD,GAAA,CAAC,iBAAU,IAAA,EAAK,mBAAA,EAAoB,SAAS,CAAA,EAAG,CAAA,CAAE,8BAA8B,CAAC,CAAA,CAAA,EAAI,CAAA;AAAA,sBACrF,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,kCAAA,EAAmC;AAAA,KAAA,EACpD,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,MAAK,oCAAA,EAAqC,CAAA;AAAA,wBACnD,OAAA,EAAA,EAAM,SAAA,EAAU,gBAAA,EACf,QAAA,kBAAA,GAAA,CAAC,WAAM,SAAA,EAAU,sBAAA,EACf,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,WAAU,aAAA,EACZ,QAAA,kBAAA,GAAA,CAAC,QACC,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,kCAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,GAAA,EAAA,EAAE,WAAU,0CAAA,EAA2C,CAAA;AAAA,2BACvD,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAK,QAAA,EAAA,WAAA,CAAY,OAAA,EAAS,EAAE,IAAA,EAAM,SAAA,EAAW,CAAA,EAAE,CAAA;AAAA,4BAC/C,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EAA6B,QAAA,EAAA,CAAA,CAAE,sBAAsB,CAAA,EAAE;AAAA,OAAA,EACxE;AAAA,KAAA,EACF,CAAA,EACF,CAAA,EACF,CAAA,EACF,CAAA,EACF,CAAA;AAAA,wBAEC,IAAA,EAAA,EAAG,SAAA,EAAU,MAAA,EAAQ,QAAA,EAAA,CAAA,CAAE,oBAAoB,CAAA,EAAE,CAAA;AAAA,oBAC9C,IAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,gBAAA,EACf,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,WAAM,SAAA,EAAU,qBAAA,EACf,QAAA,kBAAA,IAAA,CAAC,IAAA,EAAA,EAAG,WAAU,wBAAA,EACZ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,KAAA,EAAM,KAAA,EAAO,QAAA,EAAA,CAAA,CAAE,iCAAiC,CAAA,EAAE,CAAA;AAAA,wBACtD,GAAA,CAAC,QAAG,KAAA,EAAM,KAAA,EAAM,WAAU,2BAAA,EACvB,QAAA,EAAA,CAAA,CAAE,qBAAqB,CAAA,EAC1B,CAAA;AAAA,wBACA,GAAA,CAAC,QAAG,KAAA,EAAM,KAAA,EAAM,WAAU,2BAAA,EACvB,QAAA,EAAA,CAAA,CAAE,mBAAmB,CAAA,EACxB,CAAA;AAAA,wBACA,GAAA,CAAC,QAAG,KAAA,EAAM,KAAA,EAAM,WAAU,2BAAA,EACvB,QAAA,EAAA,CAAA,CAAE,uBAAuB,CAAA,EAC5B,CAAA;AAAA,wBACA,GAAA,CAAC,QAAG,KAAA,EAAM,KAAA,EAAM,WAAU,2BAAA,EACvB,QAAA,EAAA,CAAA,CAAE,0BAA0B,CAAA,EAC/B,CAAA;AAAA,wBACA,GAAA,CAAC,QAAG,KAAA,EAAM,KAAA,EAAM,WAAU,2BAAA,EACvB,QAAA,EAAA,CAAA,CAAE,+BAA+B,CAAA,EACpC;AAAA,OAAA,EACF,CAAA,EACF,CAAA;AAAA,sBACA,GAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,sBAAA,EACf,QAAA,kBAAA,GAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,YAAA;AAAA,UACP,MAAA;AAAA,UACA,IAAA,EAAM,UAAA,CAAW,IAAA,GAAO,UAAA,GAAa,QAAA;AAAA,UACrC,OAAA,EAAQ,UAAA;AAAA,UACR,GAAG,CAAC,GAAA,EAAK,aAAa,CAAA,CAAE,GAAA,EAAK,YAAY,GAAG,CAAA;AAAA,UAE3C,QAAA,EAAA,CAAC,KAAA,KACA,KAAA,CAAM,GAAA,CAAI,CAAC,WAAA,qBACT,GAAA,CAAC,cAAA,EAAA,EAAoC,WAAA,EAAA,EAAhB,WAAA,CAAY,EAA8B,CAChE;AAAA;AAAA,OAEL,EACF;AAAA,KAAA,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,kCAAA,EAAmC;AAAA,GAAA,EACpD,CAAA;AAEJ","file":"WalletPage-NJBBZIMM.js","sourcesContent":["import { memo, useCallback, useRef } from 'react';\nimport { ItemsList } from '@salla.sa/twilight-components-react';\nimport { wallet } from '../../../api/wallet';\nimport type { TransactionItem } from '../../../api/wallet';\nimport { HookSlot, useMoney } from '../../../hooks';\nimport { useTranslation } from '../../../providers/I18nProvider';\nimport type { WalletPageProps } from './types';\nimport { NoContent } from '../../../components/common';\n\nconst TransactionRow = memo(function TransactionRow({\n  transaction,\n}: {\n  transaction: TransactionItem;\n}) {\n  const { t, locale } = useTranslation();\n  const { format: formatMoney } = useMoney();\n\n  const formatTimestamp = (ts: number) => {\n    if (!ts) return '';\n    return new Date(ts * 1000).toLocaleDateString(locale, {\n      weekday: 'long',\n      year: 'numeric',\n      month: 'long',\n      day: 'numeric',\n      hour: 'numeric',\n    });\n  };\n\n  const actionTypeClass =\n    transaction.action_type === 'cashback'\n      ? 's-wallet-table-transaction-status-cashback'\n      : transaction.action_type === 'refund'\n        ? 's-wallet-table-transaction-status-refund'\n        : transaction.action_type === 'purchase_by_wallet'\n          ? 's-wallet-table-transaction-status-purchase'\n          : '';\n\n  return (\n    <tr className=\"s-wallet-table-tbody-tr s-wallet-table-tbody-tr-shadow animated\">\n      <td className=\"s-wallet-table-tbody-tr-td\">\n        <div className=\"s-wallet-table-tbody-tr-td-content\">\n          <span className=\"s-wallet-mobile-title\">{t('pages.wallet.transaction_number')}:</span>\n          {transaction.id && <span className=\"hidden md:inline-block\">#{transaction.id}</span>}\n          <div className=\"flex items-center md:hidden\">\n            {transaction.id && <span>#{transaction.id}</span>}\n          </div>\n        </div>\n      </td>\n\n      <td className=\"s-wallet-table-tbody-tr-td\">\n        <div className=\"s-wallet-table-tbody-tr-td-content\">\n          <span className=\"s-wallet-mobile-title\">{t('pages.wallet.amount')}:</span>\n          <div>{formatMoney(transaction.amount, { type: 'general' })}</div>\n        </div>\n      </td>\n\n      <td className=\"s-wallet-table-tbody-tr-td\">\n        <div className=\"s-wallet-table-tbody-tr-td-content\">\n          <span className=\"s-wallet-mobile-title\">{t('pages.wallet.date')}:</span>\n          {transaction.created_at ? formatTimestamp(transaction.created_at) : ''}\n        </div>\n      </td>\n\n      <td className=\"s-wallet-table-tbody-tr-td\">\n        <div className=\"s-wallet-table-tbody-tr-td-content\">\n          <span className=\"s-wallet-mobile-title\">{t('pages.wallet.order_no')}:</span>\n          <span className=\"rtl:mr-auto ltr:ml-auto md:mx-0\">\n            {transaction.order_id && <span>#{transaction.order_id}</span>}\n          </span>\n        </div>\n      </td>\n\n      <td className=\"s-wallet-table-tbody-tr-td\">\n        <div className=\"s-wallet-table-tbody-tr-td-content\">\n          <span className=\"s-wallet-mobile-title\">{t('pages.wallet.expiry_date')}:</span>\n          <span>{transaction.expired_at ? formatTimestamp(transaction.expired_at) : ''}</span>\n        </div>\n      </td>\n\n      <td className=\"s-wallet-table-tbody-tr-td\">\n        <div className=\"s-wallet-table-tbody-tr-td-content\">\n          <div>\n            <span className=\"s-wallet-mobile-title\">{t('pages.wallet.transaction_type')}:</span>\n          </div>\n          <div className={`s-wallet-table-transaction-status-default ${actionTypeClass}`}>\n            {!!transaction.description && (\n              <>\n                <i\n                  id={transaction.id.toString()}\n                  className=\"sicon-information text-lg rtl:ml-4 ltr:mr-4 s-wallet-table-transaction-status-icon-success\"\n                />\n                <salla-tooltip\n                  text={transaction.description}\n                  targetId={transaction.id.toString()}\n                />\n              </>\n            )}\n            <span>{transaction.title}</span>\n          </div>\n        </div>\n      </td>\n    </tr>\n  );\n});\n\nexport function WalletPage({ query, transactions, balance, pagination }: WalletPageProps) {\n  const { t } = useTranslation();\n\n  const { format: formatMoney } = useMoney();\n\n  const nextPageRef = useRef(query.page + 1);\n\n  const loader = useCallback(async () => {\n    const pageToLoad = nextPageRef.current;\n    const result = await wallet.list({ page: pageToLoad });\n\n    nextPageRef.current = pageToLoad + 1;\n\n    return {\n      items: result.items,\n      next: result.next,\n    };\n  }, []);\n\n  if (transactions.length === 0) {\n    return (\n      <>\n        <HookSlot name=\"customer:wallet.transactions.start\" />\n        <NoContent icon=\"sicon-full-wallet\" message={`${t('pages.wallet.no_transactions')}`} />\n        <HookSlot name=\"customer:wallet.transactions.end\" />\n      </>\n    );\n  }\n\n  return (\n    <>\n      <HookSlot name=\"customer:wallet.transactions.start\" />\n      <table className=\"s-wallet-table\">\n        <tbody className=\"s-wallet-table-tbody\">\n          <tr className=\"s-table__tr\">\n            <td>\n              <div className=\"s-wallet-table-balance-container\">\n                <i className=\"s-wallet-table-balance-icon sicon-wallet\" />\n                <div>\n                  <div>{formatMoney(balance, { type: 'general' })}</div>\n                  <div className=\"font-normal text-gray-400\">{t('pages.wallet.balance')}</div>\n                </div>\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n\n      <h2 className=\"mt-8\">{t('pages.wallet.title')}</h2>\n      <table className=\"s-wallet-table\">\n        <thead className=\"s-wallet-table-head\">\n          <tr className=\"s-wallet-table-head-tr\">\n            <th scope=\"col\">{t('pages.wallet.transaction_number')}</th>\n            <th scope=\"col\" className=\"s-wallet-table-head-tr-th\">\n              {t('pages.wallet.amount')}\n            </th>\n            <th scope=\"col\" className=\"s-wallet-table-head-tr-th\">\n              {t('pages.wallet.date')}\n            </th>\n            <th scope=\"col\" className=\"s-wallet-table-head-tr-th\">\n              {t('pages.wallet.order_no')}\n            </th>\n            <th scope=\"col\" className=\"s-wallet-table-head-tr-th\">\n              {t('pages.wallet.expiry_date')}\n            </th>\n            <th scope=\"col\" className=\"s-wallet-table-head-tr-th\">\n              {t('pages.wallet.transaction_type')}\n            </th>\n          </tr>\n        </thead>\n        <tbody className=\"s-wallet-table-tbody\">\n          <ItemsList<TransactionItem>\n            items={transactions}\n            loader={loader}\n            mode={pagination.next ? 'infinite' : 'static'}\n            itemsAs=\"Fragment\"\n            t={(key, fallback) => t(key, fallback || key)}\n          >\n            {(items) =>\n              items.map((transaction) => (\n                <TransactionRow key={transaction.id} transaction={transaction} />\n              ))\n            }\n          </ItemsList>\n        </tbody>\n      </table>\n      <HookSlot name=\"customer:wallet.transactions.end\" />\n    </>\n  );\n}\n"]}

package/dist/{WebMcpTools-5RGBTR7I.js → WebMcpTools-VAZH3S5G.js}

@@ -1,13 +1,13 @@
-import { product } from './chunk-EE7SB3QH.js';
+import { product } from './chunk-ZUVBDALM.js';
 import { getModelContext } from './chunk-Q77J3D2W.js';
-import { storePageUrl } from './chunk-MGG4XAJ5.js';
-import { useNavigate, resolveRelativePath, defaultNavigate } from './chunk-4UGJ4VC3.js';
+import { storePageUrl } from './chunk-P2PPBXHD.js';
+import { useNavigate, resolveRelativePath, defaultNavigate } from './chunk-O3XMYDNC.js';
 import './chunk-OUW6WESU.js';
-import './chunk-WJJOFIBJ.js';
+import './chunk-RB7RHMKJ.js';
 import './chunk-Z5M4YYWT.js';
-import './chunk-6TFM3UTF.js';
-import { whenSallaReady } from './chunk-XMRNYUQY.js';
-import './chunk-T2752RH7.js';
+import './chunk-ULF4LPVA.js';
+import { whenSallaReady } from './chunk-7XAGU6CT.js';
+import './chunk-4E6FD5W7.js';
 import { hasTwilightSettings, getTwilightContext } from './chunk-6K34BCUP.js';
 import './chunk-T72DAX7R.js';
 import './chunk-DF6FBKDN.js';
@@ -400,5 +400,5 @@ function WebMcpTools() {
 }
 
 export { WebMcpTools as default };
-//# sourceMappingURL=WebMcpTools-5RGBTR7I.js.map
-//# sourceMappingURL=WebMcpTools-5RGBTR7I.js.map
+//# sourceMappingURL=WebMcpTools-VAZH3S5G.js.map
+//# sourceMappingURL=WebMcpTools-VAZH3S5G.js.map