@salla.sa/twilight-theme-engine 1.0.37 → 1.0.38

package/dist/{OrdersPage-762O24YK.js → OrdersPage-YFNYQREC.js}

@@ -1,6 +1,6 @@
 import { order } from './chunk-MCYEMXFY.js';
-import { useDate, useMoney } from './chunk-EFHSAWDQ.js';
-import './chunk-63WNORBK.js';
+import { useDate, useMoney } from './chunk-W47EYBH2.js';
+import './chunk-IXDDHM7D.js';
 import './chunk-JKIRRMBU.js';
 import './chunk-2JV6WZ6O.js';
 import './chunk-6IATCGID.js';
@@ -18,7 +18,7 @@ import './chunk-6XWMNQ52.js';
 import './chunk-TP3LCGE7.js';
 import './chunk-Z653O7MX.js';
 import './chunk-ZCH7W7DZ.js';
-import './chunk-SSRNIBVV.js';
+import './chunk-3U26OMNO.js';
 import './chunk-JWXJPJBO.js';
 import './chunk-CW625T2E.js';
 import './chunk-BVSJPBJ6.js';
@@ -30,7 +30,7 @@ import './chunk-YMVLYYLU.js';
 import './chunk-RJPPO3ET.js';
 import { HookSlot } from './chunk-Q7VWURUR.js';
 import './chunk-GU2KUQVD.js';
-import { LazyNoContent } from './chunk-CZS4ZHQK.js';
+import { LazyNoContent } from './chunk-TDPAK42O.js';
 import { Link } from './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-6BZ5TKEV.js';
@@ -184,5 +184,5 @@ function OrderRow({ order: order2 }) {
 }
 
 export { OrdersPage };
-//# sourceMappingURL=OrdersPage-762O24YK.js.map
-//# sourceMappingURL=OrdersPage-762O24YK.js.map
+//# sourceMappingURL=OrdersPage-YFNYQREC.js.map
+//# sourceMappingURL=OrdersPage-YFNYQREC.js.map

package/dist/{OrdersPage-762O24YK.js.map → OrdersPage-YFNYQREC.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/routes/account/orders/OrdersPage.tsx"],"names":["order"],"mappings":"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","file":"OrdersPage-762O24YK.js","sourcesContent":["import { useState, useRef, useCallback } from 'react';\nimport { useCopyToClipboard } from '@uidotdev/usehooks';\nimport { ItemsList } from '@salla.sa/twilight-components-react';\nimport { SallaButton } from '@salla.sa/twilight-components-react/button';\nimport { HookSlot, useDate, useMoney } from '../../../hooks';\nimport { NoContent, Link } from '../../../components/common';\nimport { useTranslation } from '../../../providers/I18nProvider';\nimport { order } from '../../../api/order';\nimport type { OrdersPageProps, OrderListItem } from './types';\n\nexport function OrdersPage({ orders, cursor, query }: OrdersPageProps) {\n  const { t } = useTranslation();\n  const cursorRef = useRef<string | null>(cursor?.next ?? null);\n  const prevQueryRef = useRef(query);\n  if (prevQueryRef.current !== query) {\n    prevQueryRef.current = query;\n    cursorRef.current = cursor?.next ?? null;\n  }\n\n  const loader = useCallback(async () => {\n    if (!cursorRef.current) return { items: [], next: null };\n\n    const response = await order.list({\n      cursor: cursorRef.current,\n      status: query?.status,\n      feedback_status: query?.feedback_status,\n    });\n    cursorRef.current = response.cursor?.next ?? null;\n    return {\n      items: response.data,\n      next: response.cursor?.next ?? null,\n    };\n  }, [query]);\n\n  return (\n    <>\n      <HookSlot name=\"customer:orders.index.items.start\" />\n\n      {orders.length === 0 ? (\n        <NoContent icon=\"sicon-packed-box\" message={t('pages.orders.non_orders')} />\n      ) : (\n        <ItemsList\n          items={orders}\n          loader={cursor?.next ? loader : undefined}\n          mode=\"button\"\n          className=\"s-orders-wrapper\"\n          t={(key, fallback) => t(key, fallback ?? '')}\n        >\n          {(items: OrderListItem[]) => (\n            <table className=\"s-orders-table\">\n              <thead className=\"s-orders-table-head\">\n                <tr className=\"s-orders-table-head-tr\">\n                  <th className=\"s-orders-table-head-tr-th\" scope=\"col\">\n                    {t('pages.thank_you.order_id')}\n                  </th>\n                  <th className=\"s-orders-table-head-tr-th\" scope=\"col\">\n                    {t('pages.orders.total')}\n                  </th>\n                  <th className=\"s-orders-table-head-tr-th\" scope=\"col\">\n                    {t('pages.orders.date')}\n                  </th>\n                  <th className=\"s-orders-table-head-tr-th\" scope=\"col\">\n                    {t('pages.orders.status')}\n                  </th>\n                </tr>\n              </thead>\n              <tbody className=\"s-orders-table-tbody\">\n                {items.map((orderItem) => (\n                  <OrderRow key={orderItem.id} order={orderItem} />\n                ))}\n              </tbody>\n            </table>\n          )}\n        </ItemsList>\n      )}\n\n      <HookSlot name=\"customer:orders.index.items.end\" />\n    </>\n  );\n}\n\nfunction OrderRow({ order }: { order: OrderListItem }) {\n  const { t, isRTL } = useTranslation();\n  const { format: formatDate } = useDate();\n  const { format: formatMoney } = useMoney();\n  const [, copyToClipboard] = useCopyToClipboard();\n  const [copied, setCopied] = useState(false);\n  const orderUrl = `/account/orders/${order.id}`;\n\n  const handleCopy = (e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    copyToClipboard(String(order.reference_id));\n    setCopied(true);\n    setTimeout(() => setCopied(false), 1000);\n  };\n\n  return (\n    <tr className=\"s-orders-table-tbody-tr s-orders-table-tbody-tr-shadow\">\n      <td className=\"s-orders-table-tbody-tr-td\">\n        <div className=\"s-orders-table-tbody-tr-td-content\">\n          <span className=\"s-orders-mobile-title\">{t('pages.thank_you.order_id')}:</span>\n          <span className=\"s-orders-reference-id hidden md:inline-block\">\n            #{order.reference_id}\n          </span>\n          <Link to={orderUrl} aria-label={t('pages.thank_you.order_id')} />\n          <div className=\"s-orders-copy-to-clipboard-button flex items-center md:hidden\">\n            <SallaButton\n              className={`relative ${copied ? 'copied' : 'code-to-copy'}`}\n              color=\"dark\"\n              shape=\"link\"\n              data-content={order.reference_id.toString()}\n              onClick={handleCopy}\n            >\n              {isRTL ? (\n                <>\n                  <i className=\"sicon-swap-stroke s-orders-copy-to-clipboard-button-icon pointer-events-none rtl:mr-1 ltr:ml-1\" />\n                  <span>#{order.reference_id}</span>\n                </>\n              ) : (\n                <>\n                  <span>#{order.reference_id}</span>\n                  <i className=\"sicon-swap-stroke s-orders-copy-to-clipboard-button-icon pointer-events-none rtl:mr-1 ltr:ml-1\" />\n                </>\n              )}\n            </SallaButton>\n          </div>\n        </div>\n      </td>\n\n      <td className=\"s-orders-table-tbody-tr-td\">\n        <div className=\"s-orders-table-tbody-tr-td-content\">\n          <span className=\"s-orders-mobile-title\">{t('pages.orders.total')}:</span>\n          {formatMoney(order.amounts.total.amount, { currency: order.amounts.total.currency })}\n          <Link to={orderUrl} aria-label={t('pages.orders.total')} />\n        </div>\n      </td>\n\n      <td className=\"s-orders-table-tbody-tr-td\">\n        <div className=\"s-orders-table-tbody-tr-td-content\">\n          <span className=\"s-orders-mobile-title\">{t('pages.orders.date')}:</span>\n          {formatDate(order.created_at.date)}\n          <Link to={orderUrl} aria-label={t('pages.orders.date')} />\n        </div>\n      </td>\n\n      <td className=\"s-orders-table-tbody-tr-td\">\n        <div className=\"s-orders-table-tbody-tr-td-content\">\n          <span className=\"s-orders-mobile-title\">{t('pages.orders.status')}:</span>\n          <span\n            className=\"s-orders-status-container rtl:mr-auto ltr:ml-auto md:mx-0\"\n            style={order.status.color ? { color: order.status.color } : undefined}\n          >\n            {order.status.icon && <i className={`mt-1 ${order.status.icon}`} />}\n            <span>{order.status.name}</span>\n          </span>\n          <i\n            className={`sicon-star2 s-orders-status-rated ${\n              order.features.is_read ? 's-orders-rated-text' : 's-orders-unrated-text'\n            }`}\n          />\n          <Link to={orderUrl} aria-label={t('pages.orders.status')} />\n        </div>\n      </td>\n    </tr>\n  );\n}\n"]}
+{"version":3,"sources":["../src/routes/account/orders/OrdersPage.tsx"],"names":["order"],"mappings":"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","file":"OrdersPage-YFNYQREC.js","sourcesContent":["import { useState, useRef, useCallback } from 'react';\nimport { useCopyToClipboard } from '@uidotdev/usehooks';\nimport { ItemsList } from '@salla.sa/twilight-components-react';\nimport { SallaButton } from '@salla.sa/twilight-components-react/button';\nimport { HookSlot, useDate, useMoney } from '../../../hooks';\nimport { NoContent, Link } from '../../../components/common';\nimport { useTranslation } from '../../../providers/I18nProvider';\nimport { order } from '../../../api/order';\nimport type { OrdersPageProps, OrderListItem } from './types';\n\nexport function OrdersPage({ orders, cursor, query }: OrdersPageProps) {\n  const { t } = useTranslation();\n  const cursorRef = useRef<string | null>(cursor?.next ?? null);\n  const prevQueryRef = useRef(query);\n  if (prevQueryRef.current !== query) {\n    prevQueryRef.current = query;\n    cursorRef.current = cursor?.next ?? null;\n  }\n\n  const loader = useCallback(async () => {\n    if (!cursorRef.current) return { items: [], next: null };\n\n    const response = await order.list({\n      cursor: cursorRef.current,\n      status: query?.status,\n      feedback_status: query?.feedback_status,\n    });\n    cursorRef.current = response.cursor?.next ?? null;\n    return {\n      items: response.data,\n      next: response.cursor?.next ?? null,\n    };\n  }, [query]);\n\n  return (\n    <>\n      <HookSlot name=\"customer:orders.index.items.start\" />\n\n      {orders.length === 0 ? (\n        <NoContent icon=\"sicon-packed-box\" message={t('pages.orders.non_orders')} />\n      ) : (\n        <ItemsList\n          items={orders}\n          loader={cursor?.next ? loader : undefined}\n          mode=\"button\"\n          className=\"s-orders-wrapper\"\n          t={(key, fallback) => t(key, fallback ?? '')}\n        >\n          {(items: OrderListItem[]) => (\n            <table className=\"s-orders-table\">\n              <thead className=\"s-orders-table-head\">\n                <tr className=\"s-orders-table-head-tr\">\n                  <th className=\"s-orders-table-head-tr-th\" scope=\"col\">\n                    {t('pages.thank_you.order_id')}\n                  </th>\n                  <th className=\"s-orders-table-head-tr-th\" scope=\"col\">\n                    {t('pages.orders.total')}\n                  </th>\n                  <th className=\"s-orders-table-head-tr-th\" scope=\"col\">\n                    {t('pages.orders.date')}\n                  </th>\n                  <th className=\"s-orders-table-head-tr-th\" scope=\"col\">\n                    {t('pages.orders.status')}\n                  </th>\n                </tr>\n              </thead>\n              <tbody className=\"s-orders-table-tbody\">\n                {items.map((orderItem) => (\n                  <OrderRow key={orderItem.id} order={orderItem} />\n                ))}\n              </tbody>\n            </table>\n          )}\n        </ItemsList>\n      )}\n\n      <HookSlot name=\"customer:orders.index.items.end\" />\n    </>\n  );\n}\n\nfunction OrderRow({ order }: { order: OrderListItem }) {\n  const { t, isRTL } = useTranslation();\n  const { format: formatDate } = useDate();\n  const { format: formatMoney } = useMoney();\n  const [, copyToClipboard] = useCopyToClipboard();\n  const [copied, setCopied] = useState(false);\n  const orderUrl = `/account/orders/${order.id}`;\n\n  const handleCopy = (e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    copyToClipboard(String(order.reference_id));\n    setCopied(true);\n    setTimeout(() => setCopied(false), 1000);\n  };\n\n  return (\n    <tr className=\"s-orders-table-tbody-tr s-orders-table-tbody-tr-shadow\">\n      <td className=\"s-orders-table-tbody-tr-td\">\n        <div className=\"s-orders-table-tbody-tr-td-content\">\n          <span className=\"s-orders-mobile-title\">{t('pages.thank_you.order_id')}:</span>\n          <span className=\"s-orders-reference-id hidden md:inline-block\">\n            #{order.reference_id}\n          </span>\n          <Link to={orderUrl} aria-label={t('pages.thank_you.order_id')} />\n          <div className=\"s-orders-copy-to-clipboard-button flex items-center md:hidden\">\n            <SallaButton\n              className={`relative ${copied ? 'copied' : 'code-to-copy'}`}\n              color=\"dark\"\n              shape=\"link\"\n              data-content={order.reference_id.toString()}\n              onClick={handleCopy}\n            >\n              {isRTL ? (\n                <>\n                  <i className=\"sicon-swap-stroke s-orders-copy-to-clipboard-button-icon pointer-events-none rtl:mr-1 ltr:ml-1\" />\n                  <span>#{order.reference_id}</span>\n                </>\n              ) : (\n                <>\n                  <span>#{order.reference_id}</span>\n                  <i className=\"sicon-swap-stroke s-orders-copy-to-clipboard-button-icon pointer-events-none rtl:mr-1 ltr:ml-1\" />\n                </>\n              )}\n            </SallaButton>\n          </div>\n        </div>\n      </td>\n\n      <td className=\"s-orders-table-tbody-tr-td\">\n        <div className=\"s-orders-table-tbody-tr-td-content\">\n          <span className=\"s-orders-mobile-title\">{t('pages.orders.total')}:</span>\n          {formatMoney(order.amounts.total.amount, { currency: order.amounts.total.currency })}\n          <Link to={orderUrl} aria-label={t('pages.orders.total')} />\n        </div>\n      </td>\n\n      <td className=\"s-orders-table-tbody-tr-td\">\n        <div className=\"s-orders-table-tbody-tr-td-content\">\n          <span className=\"s-orders-mobile-title\">{t('pages.orders.date')}:</span>\n          {formatDate(order.created_at.date)}\n          <Link to={orderUrl} aria-label={t('pages.orders.date')} />\n        </div>\n      </td>\n\n      <td className=\"s-orders-table-tbody-tr-td\">\n        <div className=\"s-orders-table-tbody-tr-td-content\">\n          <span className=\"s-orders-mobile-title\">{t('pages.orders.status')}:</span>\n          <span\n            className=\"s-orders-status-container rtl:mr-auto ltr:ml-auto md:mx-0\"\n            style={order.status.color ? { color: order.status.color } : undefined}\n          >\n            {order.status.icon && <i className={`mt-1 ${order.status.icon}`} />}\n            <span>{order.status.name}</span>\n          </span>\n          <i\n            className={`sicon-star2 s-orders-status-rated ${\n              order.features.is_read ? 's-orders-rated-text' : 's-orders-unrated-text'\n            }`}\n          />\n          <Link to={orderUrl} aria-label={t('pages.orders.status')} />\n        </div>\n      </td>\n    </tr>\n  );\n}\n"]}

package/dist/{PageSingle-Y6IVAY3E.js → PageSingle-EQPKQGNU.js}

@@ -1,5 +1,5 @@
 import { useComments } from './chunk-YMVLYYLU.js';
-import { LazyBreadcrumb } from './chunk-CZS4ZHQK.js';
+import { LazyBreadcrumb } from './chunk-TDPAK42O.js';
 import './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-DGUM43GV.js';
@@ -24,5 +24,5 @@ function PageSingle({ page }) {
 }
 
 export { PageSingle };
-//# sourceMappingURL=PageSingle-Y6IVAY3E.js.map
-//# sourceMappingURL=PageSingle-Y6IVAY3E.js.map
+//# sourceMappingURL=PageSingle-EQPKQGNU.js.map
+//# sourceMappingURL=PageSingle-EQPKQGNU.js.map

package/dist/{PageSingle-Y6IVAY3E.js.map → PageSingle-EQPKQGNU.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/routes/page/PageSingle.tsx"],"names":[],"mappings":";;;;;;;;;AAMO,SAAS,UAAA,CAAW,EAAE,IAAA,EAAK,EAAoB;AACpD,EAAA,MAAM,EAAE,WAAA,EAAY,GAAI,WAAA,EAAY;AAGpC,EAAA,MAAM,YAAA,GAAe,QAAQ,MAAM;AACjC,IAAA,IAAI,CAAC,IAAA,CAAK,OAAA,EAAS,OAAO,EAAA;AAE1B,IAAA,OAAO,IAAA,CAAK,OAAA,CAAQ,OAAA,CAAQ,SAAA,EAAW,GAAG,CAAA;AAAA,EAC5C,CAAA,EAAG,CAAC,IAAA,CAAK,OAAO,CAAC,CAAA;AAEjB,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAoB,SAAA,EAAU,WAAA,EAC7B,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,0FAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,yBAAA,EAA2B,QAAA,EAAA,IAAA,CAAK,KAAA,EAAM,CAAA;AAAA,MACnD,YAAA,wBACE,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAgB,uBAAA,EAAyB,EAAE,MAAA,EAAQ,YAAA,EAAa,EAAG,CAAA;AAAA,MAEnF,IAAA,CAAK,EAAA,oBACJ,GAAA,CAAC,aAAA,EAAA,EAAgC,MAAA,EAAQ,MAAA,CAAO,IAAA,CAAK,EAAE,CAAA,EAAG,IAAA,EAAM,MAAA,EAAA,EAA5C,WAA2D;AAAA,KAAA,EAEnF,CAAA,EACF;AAAA,GAAA,EAAA,EAbQ,KAAK,IAcf,CAAA;AAEJ","file":"PageSingle-Y6IVAY3E.js","sourcesContent":["import { useMemo } from 'react';\nimport { SallaComments } from '@salla.sa/twilight-components-react/comments';\nimport type { PageSingleProps } from './types';\nimport { Breadcrumb } from '../../components/common';\nimport { useComments } from '../../hooks/useComments';\n\nexport function PageSingle({ page }: PageSingleProps) {\n  const { commentsKey } = useComments();\n\n  // Clean content articles - matches app.js commonThings()\n  const cleanContent = useMemo(() => {\n    if (!page.content) return '';\n    // Replace &nbsp; entities with regular spaces\n    return page.content.replace(/&nbsp;/g, ' ');\n  }, [page.content]);\n\n  return (\n    <div key={page.slug} className=\"container\">\n      <Breadcrumb page={page} />\n\n      <div className=\"flex justify-center\">\n        <div className=\"content content--single-page w-full lg:w-10/12 bg-white rounded p-6 lg:p-8 mt-4 lg:mt-12\">\n          <h1 className=\"font-bold text-2xl mb-6\">{page.title}</h1>\n          {cleanContent && (\n            <div className=\"content-entry\" dangerouslySetInnerHTML={{ __html: cleanContent }} />\n          )}\n          {page.id && (\n            <SallaComments key={commentsKey} itemId={Number(page.id)} type={'page' as any} />\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/routes/page/PageSingle.tsx"],"names":[],"mappings":";;;;;;;;;AAMO,SAAS,UAAA,CAAW,EAAE,IAAA,EAAK,EAAoB;AACpD,EAAA,MAAM,EAAE,WAAA,EAAY,GAAI,WAAA,EAAY;AAGpC,EAAA,MAAM,YAAA,GAAe,QAAQ,MAAM;AACjC,IAAA,IAAI,CAAC,IAAA,CAAK,OAAA,EAAS,OAAO,EAAA;AAE1B,IAAA,OAAO,IAAA,CAAK,OAAA,CAAQ,OAAA,CAAQ,SAAA,EAAW,GAAG,CAAA;AAAA,EAC5C,CAAA,EAAG,CAAC,IAAA,CAAK,OAAO,CAAC,CAAA;AAEjB,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAoB,SAAA,EAAU,WAAA,EAC7B,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,0FAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,yBAAA,EAA2B,QAAA,EAAA,IAAA,CAAK,KAAA,EAAM,CAAA;AAAA,MACnD,YAAA,wBACE,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAgB,uBAAA,EAAyB,EAAE,MAAA,EAAQ,YAAA,EAAa,EAAG,CAAA;AAAA,MAEnF,IAAA,CAAK,EAAA,oBACJ,GAAA,CAAC,aAAA,EAAA,EAAgC,MAAA,EAAQ,MAAA,CAAO,IAAA,CAAK,EAAE,CAAA,EAAG,IAAA,EAAM,MAAA,EAAA,EAA5C,WAA2D;AAAA,KAAA,EAEnF,CAAA,EACF;AAAA,GAAA,EAAA,EAbQ,KAAK,IAcf,CAAA;AAEJ","file":"PageSingle-EQPKQGNU.js","sourcesContent":["import { useMemo } from 'react';\nimport { SallaComments } from '@salla.sa/twilight-components-react/comments';\nimport type { PageSingleProps } from './types';\nimport { Breadcrumb } from '../../components/common';\nimport { useComments } from '../../hooks/useComments';\n\nexport function PageSingle({ page }: PageSingleProps) {\n  const { commentsKey } = useComments();\n\n  // Clean content articles - matches app.js commonThings()\n  const cleanContent = useMemo(() => {\n    if (!page.content) return '';\n    // Replace &nbsp; entities with regular spaces\n    return page.content.replace(/&nbsp;/g, ' ');\n  }, [page.content]);\n\n  return (\n    <div key={page.slug} className=\"container\">\n      <Breadcrumb page={page} />\n\n      <div className=\"flex justify-center\">\n        <div className=\"content content--single-page w-full lg:w-10/12 bg-white rounded p-6 lg:p-8 mt-4 lg:mt-12\">\n          <h1 className=\"font-bold text-2xl mb-6\">{page.title}</h1>\n          {cleanContent && (\n            <div className=\"content-entry\" dangerouslySetInnerHTML={{ __html: cleanContent }} />\n          )}\n          {page.id && (\n            <SallaComments key={commentsKey} itemId={Number(page.id)} type={'page' as any} />\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/{ProductDetails-7G7QOLTB.js → ProductDetails-GR5PQOHW.js}

@@ -4,7 +4,7 @@ import { useTranslation } from './chunk-TYNZ5B2B.js';
 import './chunk-T72DAX7R.js';
 import { HookSlot } from './chunk-Q7VWURUR.js';
 import './chunk-GU2KUQVD.js';
-import { Image, LazyCurrencySymbol } from './chunk-CZS4ZHQK.js';
+import { Image, LazyCurrencySymbol } from './chunk-TDPAK42O.js';
 import { Link } from './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-DF6FBKDN.js';
@@ -191,5 +191,5 @@ function ProductQuantityInfo({ product }) {
 }
 
 export { ProductDetails };
-//# sourceMappingURL=ProductDetails-7G7QOLTB.js.map
-//# sourceMappingURL=ProductDetails-7G7QOLTB.js.map
+//# sourceMappingURL=ProductDetails-GR5PQOHW.js.map
+//# sourceMappingURL=ProductDetails-GR5PQOHW.js.map

package/dist/{ProductDetails-7G7QOLTB.js.map → ProductDetails-GR5PQOHW.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/product/ProductDetails.tsx"],"names":["Fragment"],"mappings":"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","file":"ProductDetails-7G7QOLTB.js","sourcesContent":["import { Fragment, useState } from 'react';\nimport { HookSlot } from '../../hooks/HookSlot';\nimport { HookName } from '../../types/hooks';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { CurrencySymbol, Link, Image } from '../common';\nimport { SallaRatingStars } from '@salla.sa/twilight-components-react/rating-stars';\nimport { SallaSocialShare } from '@salla.sa/twilight-components-react/social-share';\nimport { SallaButton } from '@salla.sa/twilight-components-react/button';\nimport { SallaInstallment } from '@salla.sa/twilight-components-react/installment';\nimport { SallaMetadata } from '@salla.sa/twilight-components-react/metadata';\nimport { formatSallaPlural } from '../../utils/salla-plural';\nimport type { Product } from '../../types';\n\ninterface ProductDetailsProps {\n  product: Product;\n  showTags?: boolean;\n}\n\nexport function ProductDetails({ product, showTags = true }: ProductDetailsProps) {\n  const { t } = useTranslation();\n\n  // Context for all product hooks - contains product data\n  const productHookContext = { product };\n\n  return (\n    <>\n      <HookSlot name={HookName.PRODUCT_DESCRIPTION_START} context={productHookContext} />\n\n      {product.brand?.name && (\n        <div className=\"product-brand mb-5 w-12\">\n          <Link className=\"brand-logo\" to={product.brand.url || '#'} title={product.brand.name}>\n            <Image\n              className=\"max-h-full object-contain\"\n              src={product.brand.logo}\n              title={product.brand.name}\n              alt={product.brand.name}\n              aspectRatio=\"1/1\"\n            />\n          </Link>\n        </div>\n      )}\n\n      <h1 className=\"text-xl md:text-2xl leading-10 font-bold mb-6 text-gray-800\">\n        {product.name}\n      </h1>\n\n      {product.subtitle && (\n        <h2 className=\"product-entry__sub-title text-sm text-gray-500 leading-6 mb-2.5\">\n          {product.subtitle}\n        </h2>\n      )}\n\n      {product.rating && (\n        <SallaRatingStars value={product.rating.stars} reviews={product.rating.count} />\n      )}\n\n      {product.is_taxable && (\n        <small className=\"color-grey\">{t('pages.products.tax_included', 'VAT Inclusive')}</small>\n      )}\n\n      <ProductPrice product={product} />\n\n      <ProductDescription product={product} />\n\n      {!!product.tags?.length && showTags && (\n        <div className=\"mb-3\">\n          {product.tags.map((tag, index) => (\n            <Fragment key={tag.name}>\n              <Link\n                to={tag.url}\n                className=\"rtl:ml-2 ltr:mr-2 inline-flex text-gray-500 hover:text-primary underline text-sm mb-1\"\n              >\n                {tag.name}\n              </Link>\n              {index < product.tags!.length - 1 && ','}\n            </Fragment>\n          ))}\n        </div>\n      )}\n\n      <div className=\"flex rtl:space-x-reverse space-x-3\">\n        <SallaSocialShare className=\"inline-flex mb-5\" aria-label=\"social share\" />\n\n        <SallaButton\n          className=\"btn--wishlist animated hidden sm:inline-flex\"\n          data-id={product.id}\n          onClick={() => window.salla?.wishlist.toggle(product.id)}\n          shape=\"icon\"\n          fill=\"outline\"\n          color=\"light\"\n          ariaLabel=\"add to wishlist\"\n        >\n          <i className=\"sicon-heart\"></i>\n        </SallaButton>\n      </div>\n\n      <ProductQuantityInfo product={product} />\n\n      {product.sku && (\n        <div className=\"mb-4 flex justify-between sm:grid sm:grid-cols-3 bg-white rounded-md px-4 py-2\">\n          <div className=\"flex items-center\">\n            <i className=\"sicon-barcode mx-1\"></i>\n            {t('pages.products.sku', 'SKU')}\n          </div>\n          <div className=\"text-unicode\">{product.sku}</div>\n        </div>\n      )}\n\n      {product.show_availability && (\n        <section className=\"bg-white p-5 rounded-md mb-5 last:mb-0\">\n          <div className=\"center-between\">\n            <label className=\"flex items-center text-base\">\n              <span className=\"sicon-location rtl:ml-1 ltr:mr-1\"></span>\n              <span className=\"inline-block\">\n                {t('pages.products.availability', 'Availability')}\n              </span>\n            </label>\n            <div className=\"mt-1 sm:mt-0 sm:col-span-2 text-end\">\n              <div className=\"flex rtl:space-x-reverse space-x-3\">\n                <a\n                  href=\"#!\"\n                  onClick={() =>\n                    window.salla?.event?.dispatch('scopes::open', {\n                      mode: 'availability',\n                      product_id: String(product.id),\n                    })\n                  }\n                  className=\"group text-primary flex items-center justify-center\"\n                >\n                  <span>{t('pages.products.select_branch', 'Select Branch')}</span>\n                  <span className=\"sicon-keyboard_arrow_left mr-2 transition-all group-hover:-translate-x-1\"></span>\n                </a>\n              </div>\n            </div>\n          </div>\n        </section>\n      )}\n\n      <HookSlot name={HookName.PRODUCT_DESCRIPTION} context={productHookContext} />\n\n      <SallaInstallment\n        price={String(\n          typeof product.base_currency_price === 'object'\n            ? product.base_currency_price.amount\n            : product.base_currency_price\n        )}\n      />\n\n      {product.has_metadata && <SallaMetadata />}\n\n      <HookSlot name={HookName.PRODUCT_DESCRIPTION_END} context={productHookContext} />\n    </>\n  );\n}\n\nfunction ProductPrice({ product }: { product: Product }) {\n  const { t } = useTranslation();\n\n  return (\n    <div className=\"flex whitespace-nowrap gap-4 items-center\">\n      <div\n        className={`${product.is_on_sale ? '' : 'hidden'} space-x-2 rtl:space-x-reverse whitespace-nowrap`}\n      >\n        <p className=\"text-red-800 font-bold text-xl inline-block\">\n          {product.sale_price} <CurrencySymbol currency={product.currency} />\n        </p>\n        <span className=\"text-gray-500 line-through\">\n          {product.regular_price} <CurrencySymbol currency={product.currency} />\n        </span>\n      </div>\n      <div className={`gap-4 ${product.is_on_sale ? 'hidden' : 'flex'}`}>\n        {product.starting_price && (\n          <span>{t('pages.products.starting_price', 'Starting from')}</span>\n        )}\n        <p className=\"font-bold text-xl inline-block\">\n          {product.starting_price ?? product.price} <CurrencySymbol currency={product.currency} />\n        </p>\n      </div>\n    </div>\n  );\n}\n\nfunction ProductDescription({ product }: { product: Product }) {\n  const { t } = useTranslation();\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  if (!product.description) return null;\n\n  const description = product.description.replace(/&nbsp;/g, '\\n');\n\n  if (product.has_read_more) {\n    return (\n      <div className=\"product__description p-2 px-5 sm:p-1 leading-7 mb-3\">\n        <article\n          className=\"article article--main relative leading-8 overflow-hidden transition-all duration-300 py-4\"\n          id=\"more-content\"\n          style={{ maxHeight: isExpanded ? 'none' : '5.25rem' }}\n          dangerouslySetInnerHTML={{ __html: description }}\n        />\n        <button\n          type=\"button\"\n          id=\"btn-show-more\"\n          className={`link--primary inline-block mt-2 cursor-pointer bg-transparent border-0 p-0 ${isExpanded ? 'is-expanded' : ''}`}\n          onClick={() => setIsExpanded(true)}\n        >\n          {t('pages.products.read_more', 'Read more')}\n        </button>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"product__description p-2 px-5 sm:p-1 leading-7 mb-3\">\n      <article className=\"article--main pb-1\" dangerouslySetInnerHTML={{ __html: description }} />\n    </div>\n  );\n}\n\nfunction ProductQuantityInfo({ product }: { product: Product }) {\n  const { t } = useTranslation();\n  if (product.sold_quantity == null && !product.can_show_remained_quantity) {\n    return null;\n  }\n\n  return (\n    <div className=\"bg-white py-2.5 mb-5 rounded-md inline-flex text-sm\">\n      {(product.sold_quantity ?? 0) > 0 && (\n        <div className=\"px-4 !text-red-800\">\n          <i className=\"sicon-fire rtl:ml-1.5 ltr:mr-1.5\"></i> {t('pages.products.sold', 'Sold')}{' '}\n          {/* Salla ships `sold_times` in Laravel plural format; resolve it for the count. */}\n          <span>{formatSallaPlural(t('pages.products.sold_times'), product.sold_quantity!)}</span>\n        </div>\n      )}\n      {product.can_show_remained_quantity && (\n        <div className=\"px-4 rtl:even:border-r ltr:even:border-l even:border-gray-200\">\n          <i className=\"!text-red-800 sicon-box-bankers rtl:ml-1.5 ltr:mr-1.5\"></i>\n          {t('pages.products.remained', 'Remained')}: {product.quantity}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/product/ProductDetails.tsx"],"names":["Fragment"],"mappings":"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","file":"ProductDetails-GR5PQOHW.js","sourcesContent":["import { Fragment, useState } from 'react';\nimport { HookSlot } from '../../hooks/HookSlot';\nimport { HookName } from '../../types/hooks';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { CurrencySymbol, Link, Image } from '../common';\nimport { SallaRatingStars } from '@salla.sa/twilight-components-react/rating-stars';\nimport { SallaSocialShare } from '@salla.sa/twilight-components-react/social-share';\nimport { SallaButton } from '@salla.sa/twilight-components-react/button';\nimport { SallaInstallment } from '@salla.sa/twilight-components-react/installment';\nimport { SallaMetadata } from '@salla.sa/twilight-components-react/metadata';\nimport { formatSallaPlural } from '../../utils/salla-plural';\nimport type { Product } from '../../types';\n\ninterface ProductDetailsProps {\n  product: Product;\n  showTags?: boolean;\n}\n\nexport function ProductDetails({ product, showTags = true }: ProductDetailsProps) {\n  const { t } = useTranslation();\n\n  // Context for all product hooks - contains product data\n  const productHookContext = { product };\n\n  return (\n    <>\n      <HookSlot name={HookName.PRODUCT_DESCRIPTION_START} context={productHookContext} />\n\n      {product.brand?.name && (\n        <div className=\"product-brand mb-5 w-12\">\n          <Link className=\"brand-logo\" to={product.brand.url || '#'} title={product.brand.name}>\n            <Image\n              className=\"max-h-full object-contain\"\n              src={product.brand.logo}\n              title={product.brand.name}\n              alt={product.brand.name}\n              aspectRatio=\"1/1\"\n            />\n          </Link>\n        </div>\n      )}\n\n      <h1 className=\"text-xl md:text-2xl leading-10 font-bold mb-6 text-gray-800\">\n        {product.name}\n      </h1>\n\n      {product.subtitle && (\n        <h2 className=\"product-entry__sub-title text-sm text-gray-500 leading-6 mb-2.5\">\n          {product.subtitle}\n        </h2>\n      )}\n\n      {product.rating && (\n        <SallaRatingStars value={product.rating.stars} reviews={product.rating.count} />\n      )}\n\n      {product.is_taxable && (\n        <small className=\"color-grey\">{t('pages.products.tax_included', 'VAT Inclusive')}</small>\n      )}\n\n      <ProductPrice product={product} />\n\n      <ProductDescription product={product} />\n\n      {!!product.tags?.length && showTags && (\n        <div className=\"mb-3\">\n          {product.tags.map((tag, index) => (\n            <Fragment key={tag.name}>\n              <Link\n                to={tag.url}\n                className=\"rtl:ml-2 ltr:mr-2 inline-flex text-gray-500 hover:text-primary underline text-sm mb-1\"\n              >\n                {tag.name}\n              </Link>\n              {index < product.tags!.length - 1 && ','}\n            </Fragment>\n          ))}\n        </div>\n      )}\n\n      <div className=\"flex rtl:space-x-reverse space-x-3\">\n        <SallaSocialShare className=\"inline-flex mb-5\" aria-label=\"social share\" />\n\n        <SallaButton\n          className=\"btn--wishlist animated hidden sm:inline-flex\"\n          data-id={product.id}\n          onClick={() => window.salla?.wishlist.toggle(product.id)}\n          shape=\"icon\"\n          fill=\"outline\"\n          color=\"light\"\n          ariaLabel=\"add to wishlist\"\n        >\n          <i className=\"sicon-heart\"></i>\n        </SallaButton>\n      </div>\n\n      <ProductQuantityInfo product={product} />\n\n      {product.sku && (\n        <div className=\"mb-4 flex justify-between sm:grid sm:grid-cols-3 bg-white rounded-md px-4 py-2\">\n          <div className=\"flex items-center\">\n            <i className=\"sicon-barcode mx-1\"></i>\n            {t('pages.products.sku', 'SKU')}\n          </div>\n          <div className=\"text-unicode\">{product.sku}</div>\n        </div>\n      )}\n\n      {product.show_availability && (\n        <section className=\"bg-white p-5 rounded-md mb-5 last:mb-0\">\n          <div className=\"center-between\">\n            <label className=\"flex items-center text-base\">\n              <span className=\"sicon-location rtl:ml-1 ltr:mr-1\"></span>\n              <span className=\"inline-block\">\n                {t('pages.products.availability', 'Availability')}\n              </span>\n            </label>\n            <div className=\"mt-1 sm:mt-0 sm:col-span-2 text-end\">\n              <div className=\"flex rtl:space-x-reverse space-x-3\">\n                <a\n                  href=\"#!\"\n                  onClick={() =>\n                    window.salla?.event?.dispatch('scopes::open', {\n                      mode: 'availability',\n                      product_id: String(product.id),\n                    })\n                  }\n                  className=\"group text-primary flex items-center justify-center\"\n                >\n                  <span>{t('pages.products.select_branch', 'Select Branch')}</span>\n                  <span className=\"sicon-keyboard_arrow_left mr-2 transition-all group-hover:-translate-x-1\"></span>\n                </a>\n              </div>\n            </div>\n          </div>\n        </section>\n      )}\n\n      <HookSlot name={HookName.PRODUCT_DESCRIPTION} context={productHookContext} />\n\n      <SallaInstallment\n        price={String(\n          typeof product.base_currency_price === 'object'\n            ? product.base_currency_price.amount\n            : product.base_currency_price\n        )}\n      />\n\n      {product.has_metadata && <SallaMetadata />}\n\n      <HookSlot name={HookName.PRODUCT_DESCRIPTION_END} context={productHookContext} />\n    </>\n  );\n}\n\nfunction ProductPrice({ product }: { product: Product }) {\n  const { t } = useTranslation();\n\n  return (\n    <div className=\"flex whitespace-nowrap gap-4 items-center\">\n      <div\n        className={`${product.is_on_sale ? '' : 'hidden'} space-x-2 rtl:space-x-reverse whitespace-nowrap`}\n      >\n        <p className=\"text-red-800 font-bold text-xl inline-block\">\n          {product.sale_price} <CurrencySymbol currency={product.currency} />\n        </p>\n        <span className=\"text-gray-500 line-through\">\n          {product.regular_price} <CurrencySymbol currency={product.currency} />\n        </span>\n      </div>\n      <div className={`gap-4 ${product.is_on_sale ? 'hidden' : 'flex'}`}>\n        {product.starting_price && (\n          <span>{t('pages.products.starting_price', 'Starting from')}</span>\n        )}\n        <p className=\"font-bold text-xl inline-block\">\n          {product.starting_price ?? product.price} <CurrencySymbol currency={product.currency} />\n        </p>\n      </div>\n    </div>\n  );\n}\n\nfunction ProductDescription({ product }: { product: Product }) {\n  const { t } = useTranslation();\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  if (!product.description) return null;\n\n  const description = product.description.replace(/&nbsp;/g, '\\n');\n\n  if (product.has_read_more) {\n    return (\n      <div className=\"product__description p-2 px-5 sm:p-1 leading-7 mb-3\">\n        <article\n          className=\"article article--main relative leading-8 overflow-hidden transition-all duration-300 py-4\"\n          id=\"more-content\"\n          style={{ maxHeight: isExpanded ? 'none' : '5.25rem' }}\n          dangerouslySetInnerHTML={{ __html: description }}\n        />\n        <button\n          type=\"button\"\n          id=\"btn-show-more\"\n          className={`link--primary inline-block mt-2 cursor-pointer bg-transparent border-0 p-0 ${isExpanded ? 'is-expanded' : ''}`}\n          onClick={() => setIsExpanded(true)}\n        >\n          {t('pages.products.read_more', 'Read more')}\n        </button>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"product__description p-2 px-5 sm:p-1 leading-7 mb-3\">\n      <article className=\"article--main pb-1\" dangerouslySetInnerHTML={{ __html: description }} />\n    </div>\n  );\n}\n\nfunction ProductQuantityInfo({ product }: { product: Product }) {\n  const { t } = useTranslation();\n  if (product.sold_quantity == null && !product.can_show_remained_quantity) {\n    return null;\n  }\n\n  return (\n    <div className=\"bg-white py-2.5 mb-5 rounded-md inline-flex text-sm\">\n      {(product.sold_quantity ?? 0) > 0 && (\n        <div className=\"px-4 !text-red-800\">\n          <i className=\"sicon-fire rtl:ml-1.5 ltr:mr-1.5\"></i> {t('pages.products.sold', 'Sold')}{' '}\n          {/* Salla ships `sold_times` in Laravel plural format; resolve it for the count. */}\n          <span>{formatSallaPlural(t('pages.products.sold_times'), product.sold_quantity!)}</span>\n        </div>\n      )}\n      {product.can_show_remained_quantity && (\n        <div className=\"px-4 rtl:even:border-r ltr:even:border-l even:border-gray-200\">\n          <i className=\"!text-red-800 sicon-box-bankers rtl:ml-1.5 ltr:mr-1.5\"></i>\n          {t('pages.products.remained', 'Remained')}: {product.quantity}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/{ProfilePage-H2JWTJJY.js → ProfilePage-YMLTVERJ.js}

@@ -1,5 +1,5 @@
-import './chunk-EFHSAWDQ.js';
-import './chunk-63WNORBK.js';
+import './chunk-W47EYBH2.js';
+import './chunk-IXDDHM7D.js';
 import './chunk-JKIRRMBU.js';
 import './chunk-2JV6WZ6O.js';
 import './chunk-6IATCGID.js';
@@ -17,7 +17,7 @@ import './chunk-6XWMNQ52.js';
 import './chunk-TP3LCGE7.js';
 import './chunk-Z653O7MX.js';
 import './chunk-ZCH7W7DZ.js';
-import './chunk-SSRNIBVV.js';
+import './chunk-3U26OMNO.js';
 import './chunk-JWXJPJBO.js';
 import './chunk-CW625T2E.js';
 import './chunk-BVSJPBJ6.js';
@@ -29,7 +29,7 @@ import './chunk-YMVLYYLU.js';
 import './chunk-RJPPO3ET.js';
 import { HookSlot } from './chunk-Q7VWURUR.js';
 import './chunk-GU2KUQVD.js';
-import './chunk-CZS4ZHQK.js';
+import './chunk-TDPAK42O.js';
 import './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-6BZ5TKEV.js';
@@ -64,5 +64,5 @@ function ProfilePage(_props) {
 }
 
 export { ProfilePage };
-//# sourceMappingURL=ProfilePage-H2JWTJJY.js.map
-//# sourceMappingURL=ProfilePage-H2JWTJJY.js.map
+//# sourceMappingURL=ProfilePage-YMLTVERJ.js.map
+//# sourceMappingURL=ProfilePage-YMLTVERJ.js.map

package/dist/{ProfilePage-H2JWTJJY.js.map → ProfilePage-YMLTVERJ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/routes/account/profile/ProfilePage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,SAAS,YAAY,MAAA,EAA0B;AACpD,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,QAAA,EAAA,EAAS,MAAK,wBAAA,EAAyB,CAAA;AAAA,oBAExC,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,6BAAA,EAA8B,CAAA;AAAA,wBAE5C,gBAAA,EAAA,EAAiB,CAAA;AAAA,oBAElB,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,2BAAA,EAA4B,CAAA;AAAA,wBAE1C,WAAA,EAAA,EAAY,CAAA;AAAA,oBAEb,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACE,GAAI,MAAM,WAAA,EAAa,qBAAA,GAAwB,EAAE,YAAA,EAAc,IAAA,KAAS,EAAC;AAAA,QAC1E,SAAA,EAAU;AAAA;AAAA,KACZ;AAAA,oBAEA,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,sBAAA,EAAuB;AAAA,GAAA,EACxC,CAAA;AAEJ","file":"ProfilePage-H2JWTJJY.js","sourcesContent":["import { SallaUserProfile } from '@salla.sa/twilight-components-react/user-profile';\nimport { SallaVerify } from '@salla.sa/twilight-components-react/verify';\nimport { SallaUserSettings } from '@salla.sa/twilight-components-react/user-settings';\nimport { HookSlot, useUser } from '../../../hooks';\nimport type { ProfilePageProps } from './types';\n\nexport function ProfilePage(_props: ProfilePageProps) {\n  const { data: user } = useUser();\n\n  return (\n    <>\n      <HookSlot name=\"customer:profile.start\" />\n\n      <HookSlot name=\"customer:profile.form.start\" />\n\n      <SallaUserProfile />\n\n      <HookSlot name=\"customer:profile.form.end\" />\n\n      <SallaVerify />\n\n      <SallaUserSettings\n        {...(user?.preferences?.notifications_enabled ? { isNotifiable: true } : {})}\n        className=\"mt-10 block\"\n      />\n\n      <HookSlot name=\"customer:profile.end\" />\n    </>\n  );\n}\n"]}
+{"version":3,"sources":["../src/routes/account/profile/ProfilePage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,SAAS,YAAY,MAAA,EAA0B;AACpD,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,QAAA,EAAA,EAAS,MAAK,wBAAA,EAAyB,CAAA;AAAA,oBAExC,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,6BAAA,EAA8B,CAAA;AAAA,wBAE5C,gBAAA,EAAA,EAAiB,CAAA;AAAA,oBAElB,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,2BAAA,EAA4B,CAAA;AAAA,wBAE1C,WAAA,EAAA,EAAY,CAAA;AAAA,oBAEb,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACE,GAAI,MAAM,WAAA,EAAa,qBAAA,GAAwB,EAAE,YAAA,EAAc,IAAA,KAAS,EAAC;AAAA,QAC1E,SAAA,EAAU;AAAA;AAAA,KACZ;AAAA,oBAEA,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,sBAAA,EAAuB;AAAA,GAAA,EACxC,CAAA;AAEJ","file":"ProfilePage-YMLTVERJ.js","sourcesContent":["import { SallaUserProfile } from '@salla.sa/twilight-components-react/user-profile';\nimport { SallaVerify } from '@salla.sa/twilight-components-react/verify';\nimport { SallaUserSettings } from '@salla.sa/twilight-components-react/user-settings';\nimport { HookSlot, useUser } from '../../../hooks';\nimport type { ProfilePageProps } from './types';\n\nexport function ProfilePage(_props: ProfilePageProps) {\n  const { data: user } = useUser();\n\n  return (\n    <>\n      <HookSlot name=\"customer:profile.start\" />\n\n      <HookSlot name=\"customer:profile.form.start\" />\n\n      <SallaUserProfile />\n\n      <HookSlot name=\"customer:profile.form.end\" />\n\n      <SallaVerify />\n\n      <SallaUserSettings\n        {...(user?.preferences?.notifications_enabled ? { isNotifiable: true } : {})}\n        className=\"mt-10 block\"\n      />\n\n      <HookSlot name=\"customer:profile.end\" />\n    </>\n  );\n}\n"]}

package/dist/{SeoCartWidget-XYWATIV3.js → SeoCartWidget-PZXSPNZI.js}

@@ -1,5 +1,5 @@
-import './chunk-EFHSAWDQ.js';
-import './chunk-63WNORBK.js';
+import './chunk-W47EYBH2.js';
+import './chunk-IXDDHM7D.js';
 import './chunk-JKIRRMBU.js';
 import './chunk-2JV6WZ6O.js';
 import './chunk-6IATCGID.js';
@@ -17,7 +17,7 @@ import './chunk-6XWMNQ52.js';
 import './chunk-TP3LCGE7.js';
 import './chunk-Z653O7MX.js';
 import './chunk-ZCH7W7DZ.js';
-import './chunk-SSRNIBVV.js';
+import './chunk-3U26OMNO.js';
 import './chunk-JWXJPJBO.js';
 import './chunk-CW625T2E.js';
 import './chunk-BVSJPBJ6.js';
@@ -29,7 +29,7 @@ import './chunk-YMVLYYLU.js';
 import './chunk-RJPPO3ET.js';
 import './chunk-Q7VWURUR.js';
 import './chunk-GU2KUQVD.js';
-import './chunk-CZS4ZHQK.js';
+import './chunk-TDPAK42O.js';
 import './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-6BZ5TKEV.js';
@@ -109,5 +109,5 @@ function SeoCartWidget({ cart, step = 1 }) {
 }
 
 export { SeoCartWidget };
-//# sourceMappingURL=SeoCartWidget-XYWATIV3.js.map
-//# sourceMappingURL=SeoCartWidget-XYWATIV3.js.map
+//# sourceMappingURL=SeoCartWidget-PZXSPNZI.js.map
+//# sourceMappingURL=SeoCartWidget-PZXSPNZI.js.map

package/dist/{SeoCartWidget-XYWATIV3.js.map → SeoCartWidget-PZXSPNZI.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/lib/analytics/gtm.ts","../src/components/cart/SeoCartWidget.tsx"],"names":[],"mappings":"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","file":"SeoCartWidget-XYWATIV3.js","sourcesContent":["import type { Cart, CartItem } from '../../types';\n\n// ─── Payload Types ───────────────────────────────────────────────────────────\n\nexport interface GtmCheckoutProduct {\n  id: number;\n  name: string;\n  price: number;\n  quantity: number;\n}\n\nexport interface GtmCheckoutEvent {\n  event: 'checkout';\n  ecommerce: {\n    checkout: {\n      actionField: { step: 1 | 2 | 3 };\n      products: GtmCheckoutProduct[];\n      cart_total: number;\n      currency: string;\n    };\n  };\n}\n\n// ─── Helpers ─────────────────────────────────────────────────────────────────\n\nfunction getPriceAmount(value: CartItem['price']): number {\n  if (typeof value === 'number') return value;\n  return value.amount;\n}\n\nfunction getTotalAmount(value: Cart['total']): number {\n  if (typeof value === 'number') return value;\n  return parseFloat(value) || 0;\n}\n\n/**\n * Maps `Cart.items` to the GTM product array format.\n *\n * Only available items are included — mirrors PHP `$cartService->getAvailableItems()`.\n */\nexport function mapCartItemsToProducts(items: CartItem[]): GtmCheckoutProduct[] {\n  return items\n    .filter((item) => item.is_available)\n    .map((item) => ({\n      id: item.product_id,\n      name: item.product_name,\n      price: getPriceAmount(item.price),\n      quantity: item.quantity,\n    }));\n}\n\n// ─── Main Utility ─────────────────────────────────────────────────────────────\n\n/**\n * Pushes a GTM `checkout` event to `window.dataLayer`.\n *\n * Safe to call in SSR environments — guards against `typeof window`.\n * Initialises `window.dataLayer` if GTM hasn't done so yet.\n *\n * @param step        Checkout funnel step (1 = cart, 2 = shipping, 3 = payment)\n * @param cart        Current cart data from the Twilight loader\n * @param currencyCode ISO 4217 currency code, e.g. \"SAR\"\n */\nexport function pushCheckoutEvent(step: 1 | 2 | 3, cart: Cart, currencyCode: string): void {\n  if (typeof window === 'undefined') return;\n\n  window.dataLayer = window.dataLayer ?? [];\n\n  const payload: GtmCheckoutEvent = {\n    event: 'checkout',\n    ecommerce: {\n      checkout: {\n        actionField: { step },\n        products: mapCartItemsToProducts(cart.items),\n        cart_total: getTotalAmount(cart.total),\n        currency: currencyCode,\n      },\n    },\n  };\n\n  window.dataLayer.push(payload);\n}\n","import { useEffect } from 'react';\nimport { useTwilight } from '../../providers/TwilightProvider';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport type { Cart } from '../../types';\nimport { pushCheckoutEvent } from '../../lib/analytics/gtm';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport interface SeoCartWidgetProps {\n  /**\n   * Cart data from the TanStack Router loader — no extra fetch needed.\n   */\n  cart: Cart;\n  /**\n   * Current checkout funnel step.\n   * Defaults to `1` (cart view) — CartPage always passes this default.\n   * The widget internally listens to Salla SDK events to promote to 2 / 3.\n   */\n  step?: 1 | 2 | 3;\n}\n\n// ─── Page title translation keys (mirrors PHP SeoCartWidget::$pageTitle) ─────\n\n/**\n * Matches the PHP backend exactly:\n * ```php\n * protected $pageTitle = [\n *   self::STEP_CART     => 'common.titles.cart',\n *   self::STEP_SHIPPING => 'common.titles.shipping',\n *   self::STEP_PAYMENT  => 'common.titles.checkout',\n * ];\n * ```\n */\nconst PAGE_TITLE_KEYS: Record<1 | 2 | 3, string> = {\n  1: 'common.titles.cart',\n  2: 'common.titles.shipping',\n  3: 'common.titles.checkout',\n};\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\n/**\n * SeoCartWidget — Null-rendering analytics side-effect component.\n *\n * Responsibilities:\n * 1. Fires a GTM `checkout` event (step 1) on cart page load.\n * 2. Listens to Salla SDK checkout overlay events to fire steps 2 & 3.\n * 3. Updates `document.title` to reflect the cart context.\n *\n * Architecture:\n * - Lives in `theme-engine` so all themes using the engine get GTM tracking.\n * - Mounted directly inside `CartPage`, which already has loader data.\n * - `window.dataLayer` must be initialised by the store's GTM embed snippet;\n *   the widget initialises it as a safe-guard but does NOT inject GTM itself.\n * - Must be mounted inside `<TwilightProvider>` (reads `currency` from context).\n *\n * @example\n * // In CartPage:\n * <SeoCartWidget cart={cart} />\n */\nexport function SeoCartWidget({ cart, step = 1 }: SeoCartWidgetProps) {\n  const { store, currency } = useTwilight();\n  const { t } = useTranslation();\n  const currencyCode = currency?.code ?? 'SAR';\n\n  // ── Fire GTM checkout event for step 1 (or whichever step is passed) ────────\n  useEffect(() => {\n    pushCheckoutEvent(step, cart, currencyCode);\n    // Re-fire if the cart id, contents, or currency changes\n  }, [step, cart, currencyCode]);\n\n  // ── Subscribe to Salla SDK checkout step events (steps 2 & 3) ──────────────\n  // Fires GTM events when the user advances through the checkout overlay.\n  useEffect(() => {\n    const salla = window.salla;\n    if (!salla?.event?.on) return;\n\n    const onShipping = () => pushCheckoutEvent(2, cart, currencyCode);\n    const onPayment = () => pushCheckoutEvent(3, cart, currencyCode);\n\n    salla.event.on('checkout::step.shipping', onShipping);\n    salla.event.on('checkout::step.payment', onPayment);\n\n    return () => {\n      salla.event?.off?.('checkout::step.shipping', onShipping);\n      salla.event?.off?.('checkout::step.payment', onPayment);\n    };\n  }, [cart, currencyCode]);\n\n  // ── Update document title — mirrors PHP SeoCartWidget::$pageTitle ───────────\n  // Step 1 → 'common.titles.cart'    (e.g. \"Cart\")\n  // Step 2 → 'common.titles.shipping' (e.g. \"Shipping\")\n  // Step 3 → 'common.titles.checkout' (e.g. \"Checkout\")\n  useEffect(() => {\n    const storeName = store.name ?? '';\n    const stepTitle = t(PAGE_TITLE_KEYS[step], PAGE_TITLE_KEYS[step]);\n    document.title = storeName ? `${stepTitle} — ${storeName}` : stepTitle;\n  }, [step, store.name, t]);\n\n  return null;\n}\n"]}
+{"version":3,"sources":["../src/lib/analytics/gtm.ts","../src/components/cart/SeoCartWidget.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,SAAS,eAAe,KAAA,EAAkC;AACxD,EAAA,IAAI,OAAO,KAAA,KAAU,QAAA,EAAU,OAAO,KAAA;AACtC,EAAA,OAAO,KAAA,CAAM,MAAA;AACf;AAEA,SAAS,eAAe,KAAA,EAA8B;AACpD,EAAA,IAAI,OAAO,KAAA,KAAU,QAAA,EAAU,OAAO,KAAA;AACtC,EAAA,OAAO,UAAA,CAAW,KAAK,CAAA,IAAK,CAAA;AAC9B;AAOO,SAAS,uBAAuB,KAAA,EAAyC;AAC9E,EAAA,OAAO,KAAA,CACJ,OAAO,CAAC,IAAA,KAAS,KAAK,YAAY,CAAA,CAClC,GAAA,CAAI,CAAC,IAAA,MAAU;AAAA,IACd,IAAI,IAAA,CAAK,UAAA;AAAA,IACT,MAAM,IAAA,CAAK,YAAA;AAAA,IACX,KAAA,EAAO,cAAA,CAAe,IAAA,CAAK,KAAK,CAAA;AAAA,IAChC,UAAU,IAAA,CAAK;AAAA,GACjB,CAAE,CAAA;AACN;AAcO,SAAS,iBAAA,CAAkB,IAAA,EAAiB,IAAA,EAAY,YAAA,EAA4B;AACzF,EAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AAEnC,EAAA,MAAA,CAAO,SAAA,GAAY,MAAA,CAAO,SAAA,IAAa,EAAC;AAExC,EAAA,MAAM,OAAA,GAA4B;AAAA,IAChC,KAAA,EAAO,UAAA;AAAA,IACP,SAAA,EAAW;AAAA,MACT,QAAA,EAAU;AAAA,QACR,WAAA,EAAa,EAAE,IAAA,EAAK;AAAA,QACpB,QAAA,EAAU,sBAAA,CAAuB,IAAA,CAAK,KAAK,CAAA;AAAA,QAC3C,UAAA,EAAY,cAAA,CAAe,IAAA,CAAK,KAAK,CAAA;AAAA,QACrC,QAAA,EAAU;AAAA;AACZ;AACF,GACF;AAEA,EAAA,MAAA,CAAO,SAAA,CAAU,KAAK,OAAO,CAAA;AAC/B;;;AChDA,IAAM,eAAA,GAA6C;AAAA,EACjD,CAAA,EAAG,oBAAA;AAAA,EACH,CAAA,EAAG,wBAAA;AAAA,EACH,CAAA,EAAG;AACL,CAAA;AAuBO,SAAS,aAAA,CAAc,EAAE,IAAA,EAAM,IAAA,GAAO,GAAE,EAAuB;AACpE,EAAA,MAAM,EAAE,KAAA,EAAO,QAAA,EAAS,GAAI,WAAA,EAAY;AACxC,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAC7B,EAAA,MAAM,YAAA,GAAe,UAAU,IAAA,IAAQ,KAAA;AAGvC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,iBAAA,CAAkB,IAAA,EAAM,MAAM,YAAY,CAAA;AAAA,EAE5C,CAAA,EAAG,CAAC,IAAA,EAAM,IAAA,EAAM,YAAY,CAAC,CAAA;AAI7B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,QAAQ,MAAA,CAAO,KAAA;AACrB,IAAA,IAAI,CAAC,KAAA,EAAO,KAAA,EAAO,EAAA,EAAI;AAEvB,IAAA,MAAM,UAAA,GAAa,MAAM,iBAAA,CAAkB,CAAA,EAAG,MAAM,YAAY,CAAA;AAChE,IAAA,MAAM,SAAA,GAAY,MAAM,iBAAA,CAAkB,CAAA,EAAG,MAAM,YAAY,CAAA;AAE/D,IAAA,KAAA,CAAM,KAAA,CAAM,EAAA,CAAG,yBAAA,EAA2B,UAAU,CAAA;AACpD,IAAA,KAAA,CAAM,KAAA,CAAM,EAAA,CAAG,wBAAA,EAA0B,SAAS,CAAA;AAElD,IAAA,OAAO,MAAM;AACX,MAAA,KAAA,CAAM,KAAA,EAAO,GAAA,GAAM,yBAAA,EAA2B,UAAU,CAAA;AACxD,MAAA,KAAA,CAAM,KAAA,EAAO,GAAA,GAAM,wBAAA,EAA0B,SAAS,CAAA;AAAA,IACxD,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,IAAA,EAAM,YAAY,CAAC,CAAA;AAMvB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,SAAA,GAAY,MAAM,IAAA,IAAQ,EAAA;AAChC,IAAA,MAAM,YAAY,CAAA,CAAE,eAAA,CAAgB,IAAI,CAAA,EAAG,eAAA,CAAgB,IAAI,CAAC,CAAA;AAChE,IAAA,QAAA,CAAS,QAAQ,SAAA,GAAY,CAAA,EAAG,SAAS,CAAA,QAAA,EAAM,SAAS,CAAA,CAAA,GAAK,SAAA;AAAA,EAC/D,GAAG,CAAC,IAAA,EAAM,KAAA,CAAM,IAAA,EAAM,CAAC,CAAC,CAAA;AAExB,EAAA,OAAO,IAAA;AACT","file":"SeoCartWidget-PZXSPNZI.js","sourcesContent":["import type { Cart, CartItem } from '../../types';\n\n// ─── Payload Types ───────────────────────────────────────────────────────────\n\nexport interface GtmCheckoutProduct {\n  id: number;\n  name: string;\n  price: number;\n  quantity: number;\n}\n\nexport interface GtmCheckoutEvent {\n  event: 'checkout';\n  ecommerce: {\n    checkout: {\n      actionField: { step: 1 | 2 | 3 };\n      products: GtmCheckoutProduct[];\n      cart_total: number;\n      currency: string;\n    };\n  };\n}\n\n// ─── Helpers ─────────────────────────────────────────────────────────────────\n\nfunction getPriceAmount(value: CartItem['price']): number {\n  if (typeof value === 'number') return value;\n  return value.amount;\n}\n\nfunction getTotalAmount(value: Cart['total']): number {\n  if (typeof value === 'number') return value;\n  return parseFloat(value) || 0;\n}\n\n/**\n * Maps `Cart.items` to the GTM product array format.\n *\n * Only available items are included — mirrors PHP `$cartService->getAvailableItems()`.\n */\nexport function mapCartItemsToProducts(items: CartItem[]): GtmCheckoutProduct[] {\n  return items\n    .filter((item) => item.is_available)\n    .map((item) => ({\n      id: item.product_id,\n      name: item.product_name,\n      price: getPriceAmount(item.price),\n      quantity: item.quantity,\n    }));\n}\n\n// ─── Main Utility ─────────────────────────────────────────────────────────────\n\n/**\n * Pushes a GTM `checkout` event to `window.dataLayer`.\n *\n * Safe to call in SSR environments — guards against `typeof window`.\n * Initialises `window.dataLayer` if GTM hasn't done so yet.\n *\n * @param step        Checkout funnel step (1 = cart, 2 = shipping, 3 = payment)\n * @param cart        Current cart data from the Twilight loader\n * @param currencyCode ISO 4217 currency code, e.g. \"SAR\"\n */\nexport function pushCheckoutEvent(step: 1 | 2 | 3, cart: Cart, currencyCode: string): void {\n  if (typeof window === 'undefined') return;\n\n  window.dataLayer = window.dataLayer ?? [];\n\n  const payload: GtmCheckoutEvent = {\n    event: 'checkout',\n    ecommerce: {\n      checkout: {\n        actionField: { step },\n        products: mapCartItemsToProducts(cart.items),\n        cart_total: getTotalAmount(cart.total),\n        currency: currencyCode,\n      },\n    },\n  };\n\n  window.dataLayer.push(payload);\n}\n","import { useEffect } from 'react';\nimport { useTwilight } from '../../providers/TwilightProvider';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport type { Cart } from '../../types';\nimport { pushCheckoutEvent } from '../../lib/analytics/gtm';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport interface SeoCartWidgetProps {\n  /**\n   * Cart data from the TanStack Router loader — no extra fetch needed.\n   */\n  cart: Cart;\n  /**\n   * Current checkout funnel step.\n   * Defaults to `1` (cart view) — CartPage always passes this default.\n   * The widget internally listens to Salla SDK events to promote to 2 / 3.\n   */\n  step?: 1 | 2 | 3;\n}\n\n// ─── Page title translation keys (mirrors PHP SeoCartWidget::$pageTitle) ─────\n\n/**\n * Matches the PHP backend exactly:\n * ```php\n * protected $pageTitle = [\n *   self::STEP_CART     => 'common.titles.cart',\n *   self::STEP_SHIPPING => 'common.titles.shipping',\n *   self::STEP_PAYMENT  => 'common.titles.checkout',\n * ];\n * ```\n */\nconst PAGE_TITLE_KEYS: Record<1 | 2 | 3, string> = {\n  1: 'common.titles.cart',\n  2: 'common.titles.shipping',\n  3: 'common.titles.checkout',\n};\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\n/**\n * SeoCartWidget — Null-rendering analytics side-effect component.\n *\n * Responsibilities:\n * 1. Fires a GTM `checkout` event (step 1) on cart page load.\n * 2. Listens to Salla SDK checkout overlay events to fire steps 2 & 3.\n * 3. Updates `document.title` to reflect the cart context.\n *\n * Architecture:\n * - Lives in `theme-engine` so all themes using the engine get GTM tracking.\n * - Mounted directly inside `CartPage`, which already has loader data.\n * - `window.dataLayer` must be initialised by the store's GTM embed snippet;\n *   the widget initialises it as a safe-guard but does NOT inject GTM itself.\n * - Must be mounted inside `<TwilightProvider>` (reads `currency` from context).\n *\n * @example\n * // In CartPage:\n * <SeoCartWidget cart={cart} />\n */\nexport function SeoCartWidget({ cart, step = 1 }: SeoCartWidgetProps) {\n  const { store, currency } = useTwilight();\n  const { t } = useTranslation();\n  const currencyCode = currency?.code ?? 'SAR';\n\n  // ── Fire GTM checkout event for step 1 (or whichever step is passed) ────────\n  useEffect(() => {\n    pushCheckoutEvent(step, cart, currencyCode);\n    // Re-fire if the cart id, contents, or currency changes\n  }, [step, cart, currencyCode]);\n\n  // ── Subscribe to Salla SDK checkout step events (steps 2 & 3) ──────────────\n  // Fires GTM events when the user advances through the checkout overlay.\n  useEffect(() => {\n    const salla = window.salla;\n    if (!salla?.event?.on) return;\n\n    const onShipping = () => pushCheckoutEvent(2, cart, currencyCode);\n    const onPayment = () => pushCheckoutEvent(3, cart, currencyCode);\n\n    salla.event.on('checkout::step.shipping', onShipping);\n    salla.event.on('checkout::step.payment', onPayment);\n\n    return () => {\n      salla.event?.off?.('checkout::step.shipping', onShipping);\n      salla.event?.off?.('checkout::step.payment', onPayment);\n    };\n  }, [cart, currencyCode]);\n\n  // ── Update document title — mirrors PHP SeoCartWidget::$pageTitle ───────────\n  // Step 1 → 'common.titles.cart'    (e.g. \"Cart\")\n  // Step 2 → 'common.titles.shipping' (e.g. \"Shipping\")\n  // Step 3 → 'common.titles.checkout' (e.g. \"Checkout\")\n  useEffect(() => {\n    const storeName = store.name ?? '';\n    const stepTitle = t(PAGE_TITLE_KEYS[step], PAGE_TITLE_KEYS[step]);\n    document.title = storeName ? `${stepTitle} — ${storeName}` : stepTitle;\n  }, [step, store.name, t]);\n\n  return null;\n}\n"]}

package/dist/{SettingsPage-WQX22FTS.js → SettingsPage-4T6VLWRX.js}

@@ -1,5 +1,5 @@
-import './chunk-EFHSAWDQ.js';
-import './chunk-63WNORBK.js';
+import './chunk-W47EYBH2.js';
+import './chunk-IXDDHM7D.js';
 import './chunk-JKIRRMBU.js';
 import './chunk-2JV6WZ6O.js';
 import './chunk-6IATCGID.js';
@@ -17,7 +17,7 @@ import './chunk-6XWMNQ52.js';
 import './chunk-TP3LCGE7.js';
 import './chunk-Z653O7MX.js';
 import './chunk-ZCH7W7DZ.js';
-import './chunk-SSRNIBVV.js';
+import './chunk-3U26OMNO.js';
 import './chunk-JWXJPJBO.js';
 import './chunk-CW625T2E.js';
 import './chunk-BVSJPBJ6.js';
@@ -29,7 +29,7 @@ import './chunk-YMVLYYLU.js';
 import './chunk-RJPPO3ET.js';
 import { HookSlot } from './chunk-Q7VWURUR.js';
 import './chunk-GU2KUQVD.js';
-import './chunk-CZS4ZHQK.js';
+import './chunk-TDPAK42O.js';
 import './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-6BZ5TKEV.js';
@@ -51,5 +51,5 @@ function SettingsPage(_props) {
 }
 
 export { SettingsPage };
-//# sourceMappingURL=SettingsPage-WQX22FTS.js.map
-//# sourceMappingURL=SettingsPage-WQX22FTS.js.map
+//# sourceMappingURL=SettingsPage-4T6VLWRX.js.map
+//# sourceMappingURL=SettingsPage-4T6VLWRX.js.map

package/dist/{SettingsPage-WQX22FTS.js.map → SettingsPage-4T6VLWRX.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/routes/account/settings/SettingsPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,aAAa,MAAA,EAA2B;AACtD,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,MAAK,yBAAA,EAA0B,CAAA;AAAA,wBACxC,iBAAA,EAAA,EAAkB,CAAA;AAAA,oBACnB,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,uBAAA,EAAwB;AAAA,GAAA,EACzC,CAAA;AAEJ","file":"SettingsPage-WQX22FTS.js","sourcesContent":["import { SallaUserSettings } from '@salla.sa/twilight-components-react/user-settings';\nimport { HookSlot } from '../../../hooks';\nimport type { SettingsPageProps } from './types';\n\nexport function SettingsPage(_props: SettingsPageProps) {\n  return (\n    <>\n      <HookSlot name=\"customer:settings.start\" />\n      <SallaUserSettings />\n      <HookSlot name=\"customer:settings.end\" />\n    </>\n  );\n}\n"]}
+{"version":3,"sources":["../src/routes/account/settings/SettingsPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,aAAa,MAAA,EAA2B;AACtD,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,MAAK,yBAAA,EAA0B,CAAA;AAAA,wBACxC,iBAAA,EAAA,EAAkB,CAAA;AAAA,oBACnB,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,uBAAA,EAAwB;AAAA,GAAA,EACzC,CAAA;AAEJ","file":"SettingsPage-4T6VLWRX.js","sourcesContent":["import { SallaUserSettings } from '@salla.sa/twilight-components-react/user-settings';\nimport { HookSlot } from '../../../hooks';\nimport type { SettingsPageProps } from './types';\n\nexport function SettingsPage(_props: SettingsPageProps) {\n  return (\n    <>\n      <HookSlot name=\"customer:settings.start\" />\n      <SallaUserSettings />\n      <HookSlot name=\"customer:settings.end\" />\n    </>\n  );\n}\n"]}

package/dist/{StoreClosedNotification-TL4XY6OS.js → StoreClosedNotification-JK4VNQJJ.js}

@@ -1,6 +1,6 @@
-export { StoreClosedNotification } from './chunk-4PLGRQAS.js';
-import './chunk-EFHSAWDQ.js';
-import './chunk-63WNORBK.js';
+export { StoreClosedNotification } from './chunk-QTBH2A72.js';
+import './chunk-W47EYBH2.js';
+import './chunk-IXDDHM7D.js';
 import './chunk-JKIRRMBU.js';
 import './chunk-2JV6WZ6O.js';
 import './chunk-6IATCGID.js';
@@ -18,7 +18,7 @@ import './chunk-6XWMNQ52.js';
 import './chunk-TP3LCGE7.js';
 import './chunk-Z653O7MX.js';
 import './chunk-ZCH7W7DZ.js';
-import './chunk-SSRNIBVV.js';
+import './chunk-3U26OMNO.js';
 import './chunk-JWXJPJBO.js';
 import './chunk-CW625T2E.js';
 import './chunk-BVSJPBJ6.js';
@@ -30,7 +30,7 @@ import './chunk-YMVLYYLU.js';
 import './chunk-RJPPO3ET.js';
 import './chunk-Q7VWURUR.js';
 import './chunk-GU2KUQVD.js';
-import './chunk-CZS4ZHQK.js';
+import './chunk-TDPAK42O.js';
 import './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-6BZ5TKEV.js';
@@ -40,5 +40,5 @@ import './chunk-HX3YKS5W.js';
 import './chunk-OBSAH7K6.js';
 import './chunk-DF6FBKDN.js';
 import './chunk-DGUM43GV.js';
-//# sourceMappingURL=StoreClosedNotification-TL4XY6OS.js.map
-//# sourceMappingURL=StoreClosedNotification-TL4XY6OS.js.map
+//# sourceMappingURL=StoreClosedNotification-JK4VNQJJ.js.map
+//# sourceMappingURL=StoreClosedNotification-JK4VNQJJ.js.map

package/dist/{StoreClosedNotification-TL4XY6OS.js.map → StoreClosedNotification-JK4VNQJJ.js.map}

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

package/dist/{TestimonialsPage-PWVTHBOS.js → TestimonialsPage-NMHIF3RD.js}

@@ -1,7 +1,7 @@
 import { useTranslation } from './chunk-TYNZ5B2B.js';
 import './chunk-T72DAX7R.js';
 import { useComments } from './chunk-YMVLYYLU.js';
-import { LazyBreadcrumb } from './chunk-CZS4ZHQK.js';
+import { LazyBreadcrumb } from './chunk-TDPAK42O.js';
 import './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-DGUM43GV.js';
@@ -73,5 +73,5 @@ function TestimonialsPage({ page }) {
 }
 
 export { TestimonialsPage };
-//# sourceMappingURL=TestimonialsPage-PWVTHBOS.js.map
-//# sourceMappingURL=TestimonialsPage-PWVTHBOS.js.map
+//# sourceMappingURL=TestimonialsPage-NMHIF3RD.js.map
+//# sourceMappingURL=TestimonialsPage-NMHIF3RD.js.map

package/dist/{TestimonialsPage-PWVTHBOS.js.map → TestimonialsPage-NMHIF3RD.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/routes/testimonials/TestimonialsPage.tsx"],"names":[],"mappings":"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","file":"TestimonialsPage-PWVTHBOS.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":"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","file":"TestimonialsPage-NMHIF3RD.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-C573J2KJ.js → ThankYouPage-UYWL3TLE.js}

@@ -1,5 +1,5 @@
-import './chunk-EFHSAWDQ.js';
-import './chunk-63WNORBK.js';
+import './chunk-W47EYBH2.js';
+import './chunk-IXDDHM7D.js';
 import './chunk-JKIRRMBU.js';
 import './chunk-2JV6WZ6O.js';
 import './chunk-6IATCGID.js';
@@ -17,7 +17,7 @@ import './chunk-6XWMNQ52.js';
 import './chunk-TP3LCGE7.js';
 import './chunk-Z653O7MX.js';
 import './chunk-ZCH7W7DZ.js';
-import './chunk-SSRNIBVV.js';
+import './chunk-3U26OMNO.js';
 import './chunk-JWXJPJBO.js';
 import './chunk-CW625T2E.js';
 import './chunk-BVSJPBJ6.js';
@@ -29,7 +29,7 @@ import './chunk-YMVLYYLU.js';
 import './chunk-RJPPO3ET.js';
 import { HookSlot } from './chunk-Q7VWURUR.js';
 import './chunk-GU2KUQVD.js';
-import './chunk-CZS4ZHQK.js';
+import './chunk-TDPAK42O.js';
 import { Link } from './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-6BZ5TKEV.js';
@@ -245,5 +245,5 @@ function ThankYouPage({
 }
 
 export { ThankYouPage };
-//# sourceMappingURL=ThankYouPage-C573J2KJ.js.map
-//# sourceMappingURL=ThankYouPage-C573J2KJ.js.map
+//# sourceMappingURL=ThankYouPage-UYWL3TLE.js.map
+//# sourceMappingURL=ThankYouPage-UYWL3TLE.js.map