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

package/dist/{WalletPage-7JE6PELL.js → WalletPage-IR37KTVM.js}

@@ -1,6 +1,6 @@
 import { wallet } from './chunk-OGGWNPF3.js';
-import { useMoney } from './chunk-EFHSAWDQ.js';
-import './chunk-63WNORBK.js';
+import { useMoney } from './chunk-JOIPJKEX.js';
+import './chunk-WQLC7PNT.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,9 +30,10 @@ 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-AA2F3EBJ.js';
 import './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
+import './chunk-RN3MT564.js';
 import './chunk-6BZ5TKEV.js';
 import './chunk-FZKRSGLP.js';
 import './chunk-CUG6VOLM.js';
@@ -189,5 +190,5 @@ function WalletPage({ query, transactions, balance, pagination }) {
 }
 
 export { WalletPage };
-//# sourceMappingURL=WalletPage-7JE6PELL.js.map
-//# sourceMappingURL=WalletPage-7JE6PELL.js.map
+//# sourceMappingURL=WalletPage-IR37KTVM.js.map
+//# sourceMappingURL=WalletPage-IR37KTVM.js.map

package/dist/WalletPage-IR37KTVM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/routes/account/wallet/WalletPage.tsx"],"names":["TransactionRow"],"mappings":"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","file":"WalletPage-IR37KTVM.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/{WishlistPage-XTQ6IRG7.js → WishlistPage-ETWCCI6G.js}

@@ -1,6 +1,7 @@
-import { wishlist } from './chunk-KLTQ2UST.js';
-import { useMoney } from './chunk-EFHSAWDQ.js';
-import './chunk-63WNORBK.js';
+import { wishlist } from './chunk-KOZYZQH4.js';
+import './chunk-XLJPUFN4.js';
+import { useMoney } from './chunk-JOIPJKEX.js';
+import './chunk-WQLC7PNT.js';
 import './chunk-JKIRRMBU.js';
 import './chunk-2JV6WZ6O.js';
 import './chunk-6IATCGID.js';
@@ -18,7 +19,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,9 +31,10 @@ import './chunk-YMVLYYLU.js';
 import './chunk-RJPPO3ET.js';
 import { HookSlot } from './chunk-Q7VWURUR.js';
 import './chunk-GU2KUQVD.js';
-import { LazyNoContent, Image } from './chunk-CZS4ZHQK.js';
+import { LazyNoContent, Image } from './chunk-AA2F3EBJ.js';
 import './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
+import './chunk-RN3MT564.js';
 import './chunk-6BZ5TKEV.js';
 import './chunk-FZKRSGLP.js';
 import './chunk-CUG6VOLM.js';
@@ -144,5 +146,5 @@ function WishlistPage({ query, products, pagination }) {
 }
 
 export { WishlistPage };
-//# sourceMappingURL=WishlistPage-XTQ6IRG7.js.map
-//# sourceMappingURL=WishlistPage-XTQ6IRG7.js.map
+//# sourceMappingURL=WishlistPage-ETWCCI6G.js.map
+//# sourceMappingURL=WishlistPage-ETWCCI6G.js.map

package/dist/WishlistPage-ETWCCI6G.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/routes/account/wishlist/WishlistPage.tsx"],"names":[],"mappings":"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","file":"WishlistPage-ETWCCI6G.js","sourcesContent":["import { useRef } from 'react';\nimport { ItemsList } from '@salla.sa/twilight-components-react';\nimport { SallaAddProductButton } from '@salla.sa/twilight-components-react/add-product-button';\nimport { SallaButton } from '@salla.sa/twilight-components-react/button';\nimport { wishlist } from '../../../api/wishlist';\nimport type { Product } from '../../../types';\nimport { HookSlot, useWishlist, useMoney } from '../../../hooks';\nimport { useTranslation } from '../../../providers/I18nProvider';\nimport type { WishlistPageProps } from './types';\nimport { NoContent, Image } from '../../../components/common';\nimport { useLocation } from '../../../providers/NavigationProvider';\n\nfunction WishlistCard({ product: prod }: { product: Product }) {\n  const { remove } = useWishlist();\n  const { format } = useMoney();\n\n  const handleRemove = () => {\n    if (prod.id) {\n      remove(Number(prod.id));\n    }\n  };\n\n  const displayPrice = prod.sale_price ?? prod.price;\n  const regularPrice = prod.regular_price;\n\n  return (\n    <div id={`wishlist-product-${prod.id}`} className=\"product-entry product-entry--wishlist\">\n      <div className=\"flex items-center mb-4 sm:mb-0\">\n        <a href={prod.url} className=\"product-entry__image\">\n          <Image\n            className=\"object-cover w-full h-full\"\n            src={prod.image?.url}\n            alt={prod.image?.alt ?? prod.name}\n            aspectRatio=\"1/1\"\n          />\n        </a>\n        <div className=\"flex-1 rtl:pr-5 ltr:pl-5\">\n          <h3 className=\"text-sm text-gray-800 leading-6 mb-1.5 rtl:pl-5 ltr:pr-5 rtl:md:pl-8 ltr:md:pr-8 line-clamp-1\">\n            <a href={prod.url}>{prod.name}</a>\n          </h3>\n          <div className=\"w-full center-between\">\n            {prod.is_on_sale && regularPrice ? (\n              <div className=\"space-x-1 rtl:space-x-reverse\">\n                <h4 className=\"inline-block text-sm font-bold text-red-400\">\n                  {format(displayPrice)}\n                </h4>\n                <span className=\"text-sm text-gray-500 line-through\">{format(regularPrice)}</span>\n              </div>\n            ) : (\n              <h4 className=\"text-sm font-bold\">{format(displayPrice)}</h4>\n            )}\n          </div>\n        </div>\n      </div>\n      <div className=\"flex items-center space-x-4 rtl:space-x-reverse\">\n        <SallaAddProductButton\n          productStatus={prod.status}\n          productId={prod.id}\n          productType={prod.type}\n          loaderPosition=\"center\"\n          fill=\"outline\"\n          className=\"flex-grow w-full sm:grow-0 md:w-40\"\n        />\n        <SallaButton\n          loaderPosition=\"center\"\n          shape=\"icon\"\n          size=\"small\"\n          color=\"danger\"\n          className=\"btn--delete\"\n          onClick={handleRemove}\n        >\n          <i className=\"sicon-cancel\" />\n        </SallaButton>\n      </div>\n    </div>\n  );\n}\n\nexport function WishlistPage({ query, products, pagination }: WishlistPageProps) {\n  const { t } = useTranslation();\n  const { pathname, searchStr } = useLocation();\n\n  // Track the next page to load (starts at page 2 since page 1 is SSR)\n  const nextPageRef = useRef(query.page + 1);\n\n  const loader = async () => {\n    const pageToLoad = nextPageRef.current;\n    const result = await wishlist.list({ page: pageToLoad });\n\n    nextPageRef.current = pageToLoad + 1;\n\n    return {\n      items: result.items,\n      next: result.next,\n    };\n  };\n\n  return (\n    <div className=\"space-y-5\" id=\"wishlist\">\n      <HookSlot name=\"customer:wishlist.items.start\" />\n      <ItemsList<Product>\n        items={products}\n        loader={loader}\n        mode={pagination?.next ? 'infinite' : 'static'}\n        pageUrl={pathname + searchStr}\n        className=\"s-products-list\"\n        itemsClassName=\"s-products-list-wrapper s-products-list-row-cards\"\n        empty={\n          <div className=\"text-center py-16\">\n            <NoContent\n              icon=\"sicon-heart\"\n              message={t('common.errors.no_wishlist', \"You don't have any wishes\")}\n              actionLabel={t('pages.offer.continue_shopping', 'Continue shopping')}\n              actionUrl=\"/\"\n            />\n          </div>\n        }\n        t={(key, fallback) => t(key, fallback || key)}\n      >\n        {(items) => items.map((prod) => <WishlistCard key={prod.id} product={prod} />)}\n      </ItemsList>\n      <HookSlot name=\"customer:wishlist.items.end\" />\n    </div>\n  );\n}\n"]}

package/dist/api/product.d.ts

@@ -1,5 +1,7 @@
+import { defaultShouldDehydrateQuery } from '@tanstack/react-query';
 import type { Product } from '../types';
 import type { Pagination, PaginatedResult } from './types';
+import type { ActiveScope } from '../utils/cookies';
 export interface FilterValue {
     key?: string;
     count?: number;
@@ -42,6 +44,32 @@ export interface ProductsListResponse {
     cursor?: Pagination;
     filters?: Filter[];
 }
+export declare function productPreviewQueryKey(id: string): readonly ["products", "preview", string, {
+    readonly scope: ActiveScope | null;
+}];
+export declare function productDetailQueryKey(id: string): readonly ["products", "detail", string, {
+    readonly scope: ActiveScope | null;
+}];
+/** True when this query is a list-card stand-in — skip it when dehydrating SSR. */
+export declare function isProductPreviewQuery(query: {
+    queryKey: readonly unknown[];
+}): boolean;
+/**
+ * Default dehydrate policy (success) plus pending SSR-stream queries, minus
+ * list-card stand-ins. Replacing the default wholesale would ship error states.
+ */
+export declare function shouldDehydrateQuery(query: Parameters<typeof defaultShouldDehydrateQuery>[0]): boolean;
+/**
+ * Remember a list/card product so `product.queries.detail(id)` can use it as
+ * `placeholderData` while details load. No-op if details for this id are already
+ * cached. Themes that fetch products outside `product.list` should call this.
+ */
+export declare function rememberProductPreview(product: Product): void;
+/**
+ * List-card product for `placeholderData`. Prefers the preview key; if that was
+ * dropped on SSR dehydrate, rebuilds it from the current-scope list/wishlist.
+ */
+export declare function getProductPreview(id: string): Product | undefined;
 export declare const product: {
     find: (id: string) => Promise<Product>;
     findOrThrow: (id: string) => Promise<Product>;
@@ -53,29 +81,29 @@ export declare const product: {
      */
     list: (params: ProductsListParams) => Promise<ProductsListResult>;
     queries: {
-        detail: (id: string) => import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<Product, Error, Product, (string | {
-            scope: import("../utils/cookies").ActiveScope | null;
-        })[]>, "queryFn"> & {
-            queryFn?: import("@tanstack/react-query").QueryFunction<Product, (string | {
-                scope: import("../utils/cookies").ActiveScope | null;
-            })[], never> | undefined;
+        detail: (id: string) => import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<Product, Error, Product, readonly ["products", "detail", string, {
+            readonly scope: ActiveScope | null;
+        }]>, "queryFn"> & {
+            queryFn?: import("@tanstack/react-query").QueryFunction<Product, readonly ["products", "detail", string, {
+                readonly scope: ActiveScope | null;
+            }], never> | undefined;
         } & {
-            queryKey: (string | {
-                scope: import("../utils/cookies").ActiveScope | null;
-            })[] & {
+            queryKey: readonly ["products", "detail", string, {
+                readonly scope: ActiveScope | null;
+            }] & {
                 [dataTagSymbol]: Product;
                 [dataTagErrorSymbol]: Error;
             };
         };
         list: (params: Omit<ProductsListParams, "signal">) => import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<ProductsListResult, Error, ProductsListResult, (string | Omit<ProductsListParams, "signal"> | {
-            scope: import("../utils/cookies").ActiveScope | null;
+            scope: ActiveScope | null;
         })[]>, "queryFn"> & {
             queryFn?: import("@tanstack/react-query").QueryFunction<ProductsListResult, (string | Omit<ProductsListParams, "signal"> | {
-                scope: import("../utils/cookies").ActiveScope | null;
+                scope: ActiveScope | null;
             })[], never> | undefined;
         } & {
             queryKey: (string | Omit<ProductsListParams, "signal"> | {
-                scope: import("../utils/cookies").ActiveScope | null;
+                scope: ActiveScope | null;
             })[] & {
                 [dataTagSymbol]: ProductsListResult;
                 [dataTagErrorSymbol]: Error;

package/dist/api/product.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product.d.ts","sourceRoot":"","sources":["../../src/api/product.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAK3D,MAAM,WAAW,WAAW;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB;AAED,MAAM,WAAW,MAAM;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAID,MAAM,MAAM,kBAAkB,GAC1B,QAAQ,GACR,YAAY,GACZ,MAAM,GACN,cAAc,GACd,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,SAAS,GACT,UAAU,GACV,MAAM,GACN,WAAW,GACX,UAAU,GACV,QAAQ,GACR,OAAO,GACP,SAAS,GACT,cAAc,CAAC;AAEnB,MAAM,WAAW,kBAAkB;IACjC,mDAAmD;IACnD,MAAM,EAAE,kBAAkB,CAAC;IAC3B,iGAAiG;IACjG,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IAChD,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kBAAkB;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oCAAoC;IACpC,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC,OAAO,CAAC,GAAG;IAC1D,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAID,eAAO,MAAM,OAAO;eACD,MAAM,KAAG,OAAO,CAAC,OAAO,CAAC;sBAMxB,MAAM,KAAG,OAAO,CAAC,OAAO,CAAC;IAE3C;;;;;OAKG;mBACkB,kBAAkB,KAAG,OAAO,CAAC,kBAAkB,CAAC;;qBAqDtD,MAAM;;;;;;;;;;;;;;uBAMJ,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC;;;;;;;;;;;;;;;CAOpD,CAAC"}
+{"version":3,"file":"product.d.ts","sourceRoot":"","sources":["../../src/api/product.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AAElF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAIpD,MAAM,WAAW,WAAW;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB;AAED,MAAM,WAAW,MAAM;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAID,MAAM,MAAM,kBAAkB,GAC1B,QAAQ,GACR,YAAY,GACZ,MAAM,GACN,cAAc,GACd,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,SAAS,GACT,UAAU,GACV,MAAM,GACN,WAAW,GACX,UAAU,GACV,QAAQ,GACR,OAAO,GACP,SAAS,GACT,cAAc,CAAC;AAEnB,MAAM,WAAW,kBAAkB;IACjC,mDAAmD;IACnD,MAAM,EAAE,kBAAkB,CAAC;IAC3B,iGAAiG;IACjG,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IAChD,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kBAAkB;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oCAAoC;IACpC,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC,OAAO,CAAC,GAAG;IAC1D,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAgBD,wBAAgB,sBAAsB,CAAC,EAAE,EAAE,MAAM;;GAEhD;AAED,wBAAgB,qBAAqB,CAAC,EAAE,EAAE,MAAM;;GAE/C;AAED,mFAAmF;AACnF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,SAAS,OAAO,EAAE,CAAA;CAAE,GAAG,OAAO,CAEtF;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,UAAU,CAAC,OAAO,2BAA2B,CAAC,CAAC,CAAC,CAAC,GACvD,OAAO,CAKT;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAM7D;AAkDD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAQjE;AAQD,eAAO,MAAM,OAAO;eACD,MAAM,KAAG,OAAO,CAAC,OAAO,CAAC;sBAMxB,MAAM,KAAG,OAAO,CAAC,OAAO,CAAC;IAE3C;;;;;OAKG;mBACkB,kBAAkB,KAAG,OAAO,CAAC,kBAAkB,CAAC;;qBAwDtD,MAAM;;;;;;;;;;;;;;uBASJ,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC;;;;;;;;;;;;;;;CAOpD,CAAC"}

package/dist/api/product.js

@@ -1,4 +1,4 @@
-export { product } from '../chunk-VZHYSYKG.js';
+export { getProductPreview, isProductPreviewQuery, product, productDetailQueryKey, productPreviewQueryKey, rememberProductPreview, shouldDehydrateQuery } from '../chunk-XLJPUFN4.js';
 import '../chunk-XLGVT7QF.js';
 import '../chunk-MTONGOJD.js';
 import '../chunk-AZ5HAIYQ.js';

package/dist/api/wishlist.d.ts

@@ -1,4 +1,4 @@
-import type { ProductsListResult } from './product';
+import { type ProductsListResult } from './product';
 export interface WishlistListParams {
     page?: number;
     perPage?: number;
@@ -12,10 +12,16 @@ export interface WishlistListParams {
 export declare const wishlist: {
     list: (params?: WishlistListParams) => Promise<ProductsListResult>;
     queries: {
-        list: (params: Omit<WishlistListParams, "signal">) => import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<ProductsListResult, Error, ProductsListResult, (string | Omit<WishlistListParams, "signal">)[]>, "queryFn"> & {
-            queryFn?: import("@tanstack/react-query").QueryFunction<ProductsListResult, (string | Omit<WishlistListParams, "signal">)[], never> | undefined;
+        list: (params: Omit<WishlistListParams, "signal">) => import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<ProductsListResult, Error, ProductsListResult, (string | Omit<WishlistListParams, "signal"> | {
+            scope: import("../utils/cookies").ActiveScope | null;
+        })[]>, "queryFn"> & {
+            queryFn?: import("@tanstack/react-query").QueryFunction<ProductsListResult, (string | Omit<WishlistListParams, "signal"> | {
+                scope: import("../utils/cookies").ActiveScope | null;
+            })[], never> | undefined;
         } & {
-            queryKey: (string | Omit<WishlistListParams, "signal">)[] & {
+            queryKey: (string | Omit<WishlistListParams, "signal"> | {
+                scope: import("../utils/cookies").ActiveScope | null;
+            })[] & {
                 [dataTagSymbol]: ProductsListResult;
                 [dataTagErrorSymbol]: Error;
             };

package/dist/api/wishlist.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wishlist.d.ts","sourceRoot":"","sources":["../../src/api/wishlist.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAwB,MAAM,WAAW,CAAC;AAE1E,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ;oBACE,kBAAkB,KAAQ,OAAO,CAAC,kBAAkB,CAAC;;uBA0BzD,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC;;;;;;;;;CAMpD,CAAC"}
+{"version":3,"file":"wishlist.d.ts","sourceRoot":"","sources":["../../src/api/wishlist.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,kBAAkB,EAExB,MAAM,WAAW,CAAC;AAEnB,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ;oBACE,kBAAkB,KAAQ,OAAO,CAAC,kBAAkB,CAAC;;uBA6BzD,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC;;;;;;;;;;;;;;;CAMpD,CAAC"}

package/dist/api/wishlist.js

@@ -1,8 +1,12 @@
-export { wishlist } from '../chunk-KLTQ2UST.js';
+export { wishlist } from '../chunk-KOZYZQH4.js';
+import '../chunk-XLJPUFN4.js';
+import '../chunk-XLGVT7QF.js';
+import '../chunk-MTONGOJD.js';
 import '../chunk-AZ5HAIYQ.js';
 import '../chunk-JBXTU5NM.js';
 import '../chunk-6XWMNQ52.js';
 import '../chunk-T72DAX7R.js';
+import '../chunk-DF6FBKDN.js';
 import '../chunk-DGUM43GV.js';
 //# sourceMappingURL=wishlist.js.map
 //# sourceMappingURL=wishlist.js.map

package/dist/{chunk-SSRNIBVV.js → chunk-3U26OMNO.js}

@@ -1,7 +1,7 @@
 import { useState, useRef, useEffect, useCallback } from 'react';
 
 // src/hooks/useProduct.ts
-function useProduct(initialProduct) {
+function useProduct(initialProduct, options) {
   const [product, setProduct] = useState(initialProduct);
   const initialProductRef = useRef(initialProduct);
   useEffect(() => {
@@ -23,7 +23,7 @@ function useProduct(initialProduct) {
   }, [product.id]);
   useEffect(() => {
     setProduct(initialProductRef.current);
-  }, [initialProduct.id]);
+  }, [initialProduct.id, options?.isPreview]);
   useEffect(() => {
     const salla = window.salla;
     if (!salla?.event?.on) return;
@@ -71,5 +71,5 @@ function useProduct(initialProduct) {
 }
 
 export { useProduct };
-//# sourceMappingURL=chunk-SSRNIBVV.js.map
-//# sourceMappingURL=chunk-SSRNIBVV.js.map
+//# sourceMappingURL=chunk-3U26OMNO.js.map
+//# sourceMappingURL=chunk-3U26OMNO.js.map

package/dist/chunk-3U26OMNO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useProduct.ts"],"names":[],"mappings":"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","file":"chunk-3U26OMNO.js","sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport type { Product } from '../types';\n\n/**\n * UseProductResult - Return type for useProduct hook\n */\nexport interface UseProductResult {\n  /** Current product state (updates on option changes) */\n  product: Product;\n  /** Reload product data from API */\n  reload: () => Promise<void>;\n}\n\nexport interface UseProductOptions {\n  /**\n   * True while `initialProduct` is a list-card stand-in. When it flips to false\n   * (details arrived), state re-seeds. Do not infer this from `options`/`images`\n   * — list payloads may include those fields.\n   */\n  isPreview?: boolean;\n}\n\n/**\n * useProduct - Hook for managing product state with live updates\n *\n * Provides reactive product data with automatic updates for price, stock,\n * and variant changes. Handles manual reloads (e.g., after add-to-cart)\n * and subscribes to Salla SDK events for real-time price updates.\n *\n * Stock status is reflected in `product.is_out_of_stock` which updates\n * when price calculations succeed or fail (e.g., unavailable option combinations).\n *\n * @param initialProduct - The initial product object (typically from loader/SSR).\n * @param options.isPreview - Pass true for a list-card placeholder so the hook\n *   re-seeds when details for the same id arrive (`isPreview` goes false).\n *\n * @returns Object with product and reload function\n *\n * @example\n * ```tsx\n * function ProductDetails({ product }) {\n *   const { product: updatedProduct, reload } = useProduct(product);\n *\n *   const handleAddToCart = async () => {\n *     await addToCart(updatedProduct.id);\n *     await reload(); // Refresh product state after cart update\n *   };\n *\n *   return (\n *     <div>\n *       <h1>{updatedProduct.name}</h1>\n *       <p>Price: {formatMoney(updatedProduct.price)}</p>\n *       {updatedProduct.is_out_of_stock && <p>Currently out of stock</p>}\n *       <button onClick={handleAddToCart}>Add to Cart</button>\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useProduct(initialProduct: Product, options?: UseProductOptions): UseProductResult {\n  const [product, setProduct] = useState<Product>(initialProduct);\n\n  // Always keep a ref to the latest initialProduct so the re-seed effect below\n  // can read it without adding the full object to the dependency array.\n  const initialProductRef = useRef<Product>(initialProduct);\n  useEffect(() => {\n    initialProductRef.current = initialProduct;\n  });\n\n  const reload = useCallback(async () => {\n    const salla = window.salla;\n    if (!salla?.api?.product?.getDetails) return;\n    try {\n      const response = await salla.api.product.getDetails(String(product.id), [\n        'images',\n        'category',\n      ]);\n      if (response?.success && response.data) {\n        setProduct(response.data as Product);\n      }\n    } catch {\n      // silently ignore network errors during reload\n    }\n  }, [product.id]);\n\n  // Re-seed when the loader navigates to a different product, or when a\n  // list-card placeholder (`isPreview`) is replaced by details for the same id.\n  // Object identity is not a dependency — that would reset live option/price state.\n  useEffect(() => {\n    setProduct(initialProductRef.current);\n  }, [initialProduct.id, options?.isPreview]);\n\n  // Subscribe to Salla option-change events so price/stock stays in sync\n  useEffect(() => {\n    const salla = window.salla;\n    if (!salla?.event?.on) return;\n\n    salla.event.on('product:options.updated', reload);\n    return () => {\n      salla.event?.off?.('product:options.updated', reload);\n    };\n  }, [reload]);\n\n  // Subscribe to price update events (matches product.js registerEvents)\n  useEffect(() => {\n    const salla = window.salla;\n    if (!salla?.product?.event?.onPriceUpdated) return;\n\n    const handlePriceUpdated = (res: { data?: Record<string, unknown> }) => {\n      const data = res.data;\n      if (!data) return;\n\n      setProduct((prev) => ({\n        ...prev,\n        price: (data.price as number) ?? prev.price,\n        sale_price: (data.sale_price as number) ?? prev.sale_price,\n        regular_price: (data.regular_price as number) ?? prev.regular_price,\n        is_on_sale: (data.has_sale_price as boolean) ?? prev.is_on_sale,\n        weight: (data.weight as string) ?? prev.weight,\n        is_out_of_stock: false,\n      }));\n    };\n\n    salla.product.event.onPriceUpdated(handlePriceUpdated);\n    return () => {\n      salla.event?.off?.(\n        'product::price.updated',\n        handlePriceUpdated as (...args: unknown[]) => void\n      );\n    };\n  }, []);\n\n  // Subscribe to price update failed events (matches product.js)\n  useEffect(() => {\n    const salla = window.salla;\n    if (!salla?.event?.on) return;\n\n    const handlePriceFailed = () => {\n      setProduct((prev) => ({ ...prev, is_out_of_stock: true }));\n    };\n\n    salla.event.on('product::price.updated.failed', handlePriceFailed);\n    return () => {\n      salla.event?.off?.('product::price.updated.failed', handlePriceFailed);\n    };\n  }, []);\n\n  return { product, reload };\n}\n"]}

package/dist/{chunk-4PLGRQAS.js → chunk-4ZTHLZOJ.js}

@@ -1,4 +1,4 @@
-import { useOpeningHours } from './chunk-EFHSAWDQ.js';
+import { useOpeningHours } from './chunk-JOIPJKEX.js';
 import { useIsProduct } from './chunk-XLGVT7QF.js';
 import { useTranslation } from './chunk-TYNZ5B2B.js';
 import { useTwilight } from './chunk-DF6FBKDN.js';
@@ -54,5 +54,5 @@ function StoreClosedNotification(_props) {
 }
 
 export { StoreClosedNotification };
-//# sourceMappingURL=chunk-4PLGRQAS.js.map
-//# sourceMappingURL=chunk-4PLGRQAS.js.map
+//# sourceMappingURL=chunk-4ZTHLZOJ.js.map
+//# sourceMappingURL=chunk-4ZTHLZOJ.js.map

package/dist/{chunk-4PLGRQAS.js.map → chunk-4ZTHLZOJ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/store/StoreClosedNotification.tsx"],"names":[],"mappings":";;;;;;;AAsBO,SAAS,wBAAwB,MAAA,EAAsC;AAC5E,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,WAAA,EAAY;AAC9B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAC7B,EAAA,MAAM,EAAE,QAAQ,SAAA,EAAW,iBAAA,KAAsB,eAAA,CAAgB,KAAA,CAAM,UAAU,aAAa,CAAA;AAC9F,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAGhD,EAAA,MAAM,gBAAgB,YAAA,EAAa;AAGnC,EAAA,IAAI,CAAC,aAAA,IAAiB,CAAC,aAAa,MAAA,IAAU,SAAA,IAAa,CAAC,iBAAA,EAAmB;AAC7E,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,WAAA,GAAc,CAAC,CAAA,KAAwB;AAC3C,IAAA,CAAA,CAAE,cAAA,EAAe;AACjB,IAAA,YAAA,CAAa,IAAI,CAAA;AAAA,EACnB,CAAA;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,cAAA;AAAA,MACV,EAAA,EAAG,2BAAA;AAAA,MACH,aAAA,EAAY,2BAAA;AAAA,MACZ,KAAA,EAAO;AAAA,QACL,eAAA,EAAiB,SAAA;AAAA,QACjB,KAAA,EAAO,MAAA;AAAA,QACP,OAAA,EAAS,WAAA;AAAA,QACT,OAAA,EAAS,MAAA;AAAA,QACT,UAAA,EAAY,QAAA;AAAA,QACZ,cAAA,EAAgB,QAAA;AAAA,QAChB,QAAA,EAAU;AAAA,OACZ;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,GAAA;AAAA,YACL,EAAA,EAAG,cAAA;AAAA,YACH,OAAA,EAAS,WAAA;AAAA,YACT,KAAA,EAAO,EAAE,QAAA,EAAU,UAAA,EAAY,MAAM,EAAA,EAAI,KAAA,EAAO,MAAA,EAAQ,cAAA,EAAgB,MAAA,EAAO;AAAA,YAE/E,QAAA,kBAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,cAAA,EAAe;AAAA;AAAA,SAC9B;AAAA,wBACA,GAAA,CAAC,GAAA,EAAA,EAAE,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAA,EAAG,SAAA,EAAW,QAAA,EAAU,IAAA,EAAM,CAAA,EAAE,EACjD,QAAA,EAAA,CAAA,CAAE,2BAAA,EAA6B;AAAA,UAC9B,YAAA,EAAc,qPAAkD,iBAAiB,CAAA,CAAA,CAAA;AAAA,UACjF,QAAA,EAAU;AAAA,SACX,CAAA,EACH;AAAA;AAAA;AAAA,GACF;AAEJ","file":"chunk-4PLGRQAS.js","sourcesContent":["import { useState } from 'react';\nimport { useIsProduct } from '../../providers/NavigationProvider';\nimport { useTwilight } from '../../providers/TwilightProvider';\nimport { useOpeningHours } from '../../hooks/useOpeningHours';\nimport { useTranslation } from '../../providers/I18nProvider';\n\nexport interface StoreClosedNotificationProps {\n  /** Whether to show the notification (defaults to true when store is closed on product page) */\n  show?: boolean;\n}\n\n/**\n * StoreClosedNotification - Shows a notification bar when the store is closed.\n *\n * Mirrors PHP ReceivingOrdersTimesWidget:\n * - Only shows on product pages\n * - Only shows when store is closed for receiving orders\n * - Displays when the store will open next\n * - Has a close button to dismiss\n *\n * Injected via hook registry at body:start.\n */\nexport function StoreClosedNotification(_props: StoreClosedNotificationProps) {\n  const { store } = useTwilight();\n  const { t } = useTranslation();\n  const { isOpen, isEnabled, nextOpenFormatted } = useOpeningHours(store.settings?.opening_hours);\n  const [dismissed, setDismissed] = useState(false);\n\n  // Check if we're on a product page\n  const isProductPage = useIsProduct();\n\n  // Conditions: product page, opening hours enabled, store closed, not dismissed\n  if (!isProductPage || !isEnabled || isOpen || dismissed || !nextOpenFormatted) {\n    return null;\n  }\n\n  const handleClose = (e: React.MouseEvent) => {\n    e.preventDefault();\n    setDismissed(true);\n  };\n\n  return (\n    <div\n      className=\"store-notify\"\n      id=\"store-closed-notification\"\n      data-testid=\"store-closed-notification\"\n      style={{\n        backgroundColor: '#d63031',\n        color: '#fff',\n        padding: '10px 15px',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        position: 'relative',\n      }}\n    >\n      <a\n        href=\"#\"\n        id=\"notify-close\"\n        onClick={handleClose}\n        style={{ position: 'absolute', left: 15, color: '#fff', textDecoration: 'none' }}\n      >\n        <i className=\"sicon-cancel\" />\n      </a>\n      <p style={{ margin: 0, textAlign: 'center', flex: 1 }}>\n        {t('store.closed_notification', {\n          defaultValue: `المتجر حاليا مغلق لاستقبال الطلبات وسيتم فتحه (${nextOpenFormatted})`,\n          nextOpen: nextOpenFormatted,\n        })}\n      </p>\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/store/StoreClosedNotification.tsx"],"names":[],"mappings":";;;;;;;AAsBO,SAAS,wBAAwB,MAAA,EAAsC;AAC5E,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,WAAA,EAAY;AAC9B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAC7B,EAAA,MAAM,EAAE,QAAQ,SAAA,EAAW,iBAAA,KAAsB,eAAA,CAAgB,KAAA,CAAM,UAAU,aAAa,CAAA;AAC9F,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAGhD,EAAA,MAAM,gBAAgB,YAAA,EAAa;AAGnC,EAAA,IAAI,CAAC,aAAA,IAAiB,CAAC,aAAa,MAAA,IAAU,SAAA,IAAa,CAAC,iBAAA,EAAmB;AAC7E,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,WAAA,GAAc,CAAC,CAAA,KAAwB;AAC3C,IAAA,CAAA,CAAE,cAAA,EAAe;AACjB,IAAA,YAAA,CAAa,IAAI,CAAA;AAAA,EACnB,CAAA;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,cAAA;AAAA,MACV,EAAA,EAAG,2BAAA;AAAA,MACH,aAAA,EAAY,2BAAA;AAAA,MACZ,KAAA,EAAO;AAAA,QACL,eAAA,EAAiB,SAAA;AAAA,QACjB,KAAA,EAAO,MAAA;AAAA,QACP,OAAA,EAAS,WAAA;AAAA,QACT,OAAA,EAAS,MAAA;AAAA,QACT,UAAA,EAAY,QAAA;AAAA,QACZ,cAAA,EAAgB,QAAA;AAAA,QAChB,QAAA,EAAU;AAAA,OACZ;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,GAAA;AAAA,YACL,EAAA,EAAG,cAAA;AAAA,YACH,OAAA,EAAS,WAAA;AAAA,YACT,KAAA,EAAO,EAAE,QAAA,EAAU,UAAA,EAAY,MAAM,EAAA,EAAI,KAAA,EAAO,MAAA,EAAQ,cAAA,EAAgB,MAAA,EAAO;AAAA,YAE/E,QAAA,kBAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,cAAA,EAAe;AAAA;AAAA,SAC9B;AAAA,wBACA,GAAA,CAAC,GAAA,EAAA,EAAE,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAA,EAAG,SAAA,EAAW,QAAA,EAAU,IAAA,EAAM,CAAA,EAAE,EACjD,QAAA,EAAA,CAAA,CAAE,2BAAA,EAA6B;AAAA,UAC9B,YAAA,EAAc,qPAAkD,iBAAiB,CAAA,CAAA,CAAA;AAAA,UACjF,QAAA,EAAU;AAAA,SACX,CAAA,EACH;AAAA;AAAA;AAAA,GACF;AAEJ","file":"chunk-4ZTHLZOJ.js","sourcesContent":["import { useState } from 'react';\nimport { useIsProduct } from '../../providers/NavigationProvider';\nimport { useTwilight } from '../../providers/TwilightProvider';\nimport { useOpeningHours } from '../../hooks/useOpeningHours';\nimport { useTranslation } from '../../providers/I18nProvider';\n\nexport interface StoreClosedNotificationProps {\n  /** Whether to show the notification (defaults to true when store is closed on product page) */\n  show?: boolean;\n}\n\n/**\n * StoreClosedNotification - Shows a notification bar when the store is closed.\n *\n * Mirrors PHP ReceivingOrdersTimesWidget:\n * - Only shows on product pages\n * - Only shows when store is closed for receiving orders\n * - Displays when the store will open next\n * - Has a close button to dismiss\n *\n * Injected via hook registry at body:start.\n */\nexport function StoreClosedNotification(_props: StoreClosedNotificationProps) {\n  const { store } = useTwilight();\n  const { t } = useTranslation();\n  const { isOpen, isEnabled, nextOpenFormatted } = useOpeningHours(store.settings?.opening_hours);\n  const [dismissed, setDismissed] = useState(false);\n\n  // Check if we're on a product page\n  const isProductPage = useIsProduct();\n\n  // Conditions: product page, opening hours enabled, store closed, not dismissed\n  if (!isProductPage || !isEnabled || isOpen || dismissed || !nextOpenFormatted) {\n    return null;\n  }\n\n  const handleClose = (e: React.MouseEvent) => {\n    e.preventDefault();\n    setDismissed(true);\n  };\n\n  return (\n    <div\n      className=\"store-notify\"\n      id=\"store-closed-notification\"\n      data-testid=\"store-closed-notification\"\n      style={{\n        backgroundColor: '#d63031',\n        color: '#fff',\n        padding: '10px 15px',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        position: 'relative',\n      }}\n    >\n      <a\n        href=\"#\"\n        id=\"notify-close\"\n        onClick={handleClose}\n        style={{ position: 'absolute', left: 15, color: '#fff', textDecoration: 'none' }}\n      >\n        <i className=\"sicon-cancel\" />\n      </a>\n      <p style={{ margin: 0, textAlign: 'center', flex: 1 }}>\n        {t('store.closed_notification', {\n          defaultValue: `المتجر حاليا مغلق لاستقبال الطلبات وسيتم فتحه (${nextOpenFormatted})`,\n          nextOpen: nextOpenFormatted,\n        })}\n      </p>\n    </div>\n  );\n}\n"]}

package/dist/{chunk-CZS4ZHQK.js → chunk-AA2F3EBJ.js}

@@ -1,10 +1,10 @@
+import { getCdnImageUrl } from './chunk-RN3MT564.js';
 import { lazy, memo, use, Suspense } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 export { BlogSkeleton, BreadcrumbSkeleton, CustomerLayoutSkeleton, CustomerPageSkeleton, PageSkeleton, ProductCardSkeleton, ProductDetailSkeleton, ProductGridSkeleton, SkeletonPulse } from '@salla.sa/twilight-components-react';
 
-// src/components/common/lazy.ts
 var LazyBreadcrumb = lazy(
-  () => import('./Breadcrumb-5464BOGG.js').then((m) => ({ default: m.Breadcrumb }))
+  () => import('./Breadcrumb-7PHTPBML.js').then((m) => ({ default: m.Breadcrumb }))
 );
 var LazyNoContent = lazy(
   () => import('./NoContent-63TMCPGY.js').then((m) => ({ default: m.NoContent }))
@@ -18,26 +18,6 @@ var LazyCurrencySymbol = lazy(
 var LazyErrorPage = lazy(
   () => import('./ErrorPage-XGBROULF.js').then((m) => ({ default: m.ErrorPage }))
 );
-
-// src/utils/cdn-image.ts
-var CDN_HOSTS = ["cdn.salla.sa", "cdn.salla.network", "cdn.files.salla.network"];
-function getCdnImageUrl(url, options) {
-  if (!url) return url;
-  try {
-    const parsed = new URL(url);
-    if (!CDN_HOSTS.includes(parsed.hostname)) return url;
-    if (parsed.pathname.startsWith("/cdn-cgi/image/")) return url;
-    const w = options.width ? Number(options.width) : void 0;
-    const h = options.height ? Number(options.height) : void 0;
-    if (!w && !h) return url;
-    const parts = ["fit=scale-down", "onerror=redirect", "format=auto"];
-    if (w) parts.push(`width=${w}`);
-    if (h) parts.push(`height=${h}`);
-    return `${parsed.origin}/cdn-cgi/image/${parts.join(",")}${parsed.pathname}${parsed.search}`;
-  } catch {
-    return url;
-  }
-}
 var Image = memo(function Image2({
   src,
   alt,
@@ -165,5 +145,5 @@ function DeferredData({ promise, fallback, children }) {
 }
 
 export { DeferredData, Image, LazyBreadcrumb, LazyCurrencySymbol, LazyErrorPage, LazyNoContent, LazyRenderWhenVisible, resolveDeferred };
-//# sourceMappingURL=chunk-CZS4ZHQK.js.map
-//# sourceMappingURL=chunk-CZS4ZHQK.js.map
+//# sourceMappingURL=chunk-AA2F3EBJ.js.map
+//# sourceMappingURL=chunk-AA2F3EBJ.js.map

package/dist/chunk-AA2F3EBJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/common/lazy.ts","../src/components/common/Image.tsx","../src/components/common/DeferredData.tsx"],"names":["Image","memo","DeferredRenderer","jsx"],"mappings":"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","file":"chunk-AA2F3EBJ.js","sourcesContent":["import { lazy } from 'react';\n\n/**\n * Lazy-loaded common components\n * Use these for code-splitting non-critical components\n *\n * NOTE: Skeleton components are sourced from @salla.sa/twilight-components-react\n * because they must render instantly during route transitions.\n */\nexport const LazyBreadcrumb = lazy(() =>\n  import('./Breadcrumb').then((m) => ({ default: m.Breadcrumb }))\n);\n\nexport const LazyNoContent = lazy(() =>\n  import('./NoContent').then((m) => ({ default: m.NoContent }))\n);\n\nexport const LazyRenderWhenVisible = lazy(() =>\n  import('./RenderWhenVisible').then((m) => ({ default: m.RenderWhenVisible }))\n);\n\nexport const LazyCurrencySymbol = lazy(() =>\n  import('./CurrencySymbol').then((m) => ({ default: m.CurrencySymbol }))\n);\n\nexport const LazyErrorPage = lazy(() =>\n  import('./ErrorPage').then((m) => ({ default: m.ErrorPage }))\n);\n","import { memo } from 'react';\nimport { getCdnImageUrl } from '../../utils/cdn-image';\n\nexport interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n  /** Image source URL */\n  src?: string;\n  /** Alt text for accessibility */\n  alt: string;\n  /** Whether this image is above the fold / LCP candidate */\n  priority?: boolean;\n  /** Aspect ratio for CLS prevention (e.g. \"16/9\", \"1/1\", \"4/3\") */\n  aspectRatio?: string;\n  /** Object fit mode */\n  objectFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';\n  /** Mobile image source for <picture> element */\n  mobileSrc?: string;\n  /** Mobile breakpoint for <source> media query (default: 768px) */\n  mobileBreakpoint?: number;\n  /** Skip the wrapper div */\n  noWrapper?: boolean;\n}\n\n/**\n * Optimized Image component with native browser lazy loading.\n *\n * - Uses `loading=\"lazy\"` + `decoding=\"async\"` by default for below-the-fold images.\n * - Uses `loading=\"eager\"` + `fetchPriority=\"high\"` for priority (above-the-fold / LCP) images.\n * - Supports responsive `<picture>` with mobile source.\n * - Provides `aspectRatio` for CLS prevention.\n */\nexport const Image = memo(function Image({\n  src,\n  alt,\n  priority = false,\n  aspectRatio,\n  objectFit = 'cover',\n  mobileSrc,\n  mobileBreakpoint = 768,\n  noWrapper = false,\n  className = '',\n  style,\n  width,\n  height,\n  ...rest\n}: ImageProps) {\n  if (!src) return null;\n\n  const optimizedSrc = getCdnImageUrl(src, { width, height });\n  const optimizedMobileSrc = getCdnImageUrl(mobileSrc, { width, height });\n\n  const objectFitClass = `object-${objectFit}`;\n  const imgClasses = [className, objectFitClass].filter(Boolean).join(' ');\n\n  const loadingProps: React.ImgHTMLAttributes<HTMLImageElement> = priority\n    ? { loading: 'eager' as const, fetchPriority: 'high' as const, decoding: 'sync' as const }\n    : { loading: 'lazy' as const, decoding: 'async' as const };\n\n  const imgElement = optimizedMobileSrc ? (\n    <picture>\n      <source media={`(max-width: ${mobileBreakpoint}px)`} srcSet={optimizedMobileSrc} />\n      <img\n        src={optimizedSrc}\n        alt={alt}\n        className={imgClasses}\n        width={width}\n        height={height}\n        {...loadingProps}\n        {...rest}\n      />\n    </picture>\n  ) : (\n    <img\n      src={optimizedSrc}\n      alt={alt}\n      className={imgClasses}\n      width={width}\n      height={height}\n      {...loadingProps}\n      {...rest}\n    />\n  );\n\n  if (noWrapper || !aspectRatio) {\n    return imgElement;\n  }\n\n  return (\n    <div className=\"relative overflow-hidden\" style={{ aspectRatio, ...style }}>\n      {imgElement}\n    </div>\n  );\n});\n","import { Suspense, memo, use, type ReactNode } from 'react';\n\nexport interface DeferredDataProps<T> {\n  promise: Promise<T> | T;\n  fallback: ReactNode;\n  children: (data: T) => ReactNode;\n}\n\nconst DEFERRED_KEY = Symbol.for('twilight.deferred');\n\ninterface DeferredState<T> {\n  status: 'pending' | 'success' | 'error';\n  value?: T;\n  error?: unknown;\n}\n\nexport interface DeferredPromise<T> extends Promise<T> {\n  [DEFERRED_KEY]?: DeferredState<T>;\n}\n\nconst seenPromises = typeof WeakSet !== 'undefined' ? new WeakSet() : null;\n\nfunction defer<T>(promise: Promise<T>): DeferredPromise<T> {\n  const existing = (promise as DeferredPromise<T>)[DEFERRED_KEY];\n  if (existing) return promise as DeferredPromise<T>;\n\n  const state: DeferredState<T> = { status: 'pending' };\n\n  const deferred = promise as DeferredPromise<T>;\n  deferred[DEFERRED_KEY] = state;\n\n  promise.then(\n    (value) => {\n      state.status = 'success';\n      state.value = value;\n    },\n    (error) => {\n      state.status = 'error';\n      state.error = error;\n    }\n  );\n\n  return deferred;\n}\n\nconst DeferredRenderer = memo(function DeferredRenderer<T>({\n  promise,\n  children,\n}: {\n  promise: DeferredPromise<T>;\n  children: (data: T) => ReactNode;\n}) {\n  const state = promise[DEFERRED_KEY];\n\n  if (state?.status === 'success') {\n    return children(state.value!);\n  }\n\n  if (state?.status === 'error') {\n    throw state.error;\n  }\n\n  const data = use(promise);\n  return children(data);\n}) as <T>(props: { promise: DeferredPromise<T>; children: (data: T) => ReactNode }) => ReactNode;\n\nfunction DeferredFallback<T>({\n  promise,\n  fallback,\n  children,\n}: {\n  promise: DeferredPromise<T>;\n  fallback: ReactNode;\n  children: (data: T) => ReactNode;\n}) {\n  const state = promise[DEFERRED_KEY];\n  if (state?.status === 'success') {\n    return children(state.value!);\n  }\n  return <>{fallback}</>;\n}\n\nexport function resolveDeferred<T>(\n  promiseOrValue: Promise<T> | T | undefined\n): T | Promise<T> | undefined {\n  if (promiseOrValue == null || !(promiseOrValue instanceof Promise)) return promiseOrValue;\n  const deferred = defer(promiseOrValue);\n  const state = deferred[DEFERRED_KEY];\n  if (state?.status === 'success') return state.value as T;\n  return promiseOrValue;\n}\n\nexport function DeferredData<T>({ promise, fallback, children }: DeferredDataProps<T>) {\n  if (!(promise instanceof Promise)) {\n    return children(promise);\n  }\n\n  if (seenPromises && promise instanceof Promise) seenPromises.add(promise);\n\n  const deferred = defer(promise);\n  const state = deferred[DEFERRED_KEY];\n\n  if (state?.status === 'success') {\n    return children(state.value!);\n  }\n\n  if (state?.status === 'error') {\n    throw state.error;\n  }\n\n  return (\n    <Suspense\n      fallback={\n        <DeferredFallback promise={deferred} fallback={fallback}>\n          {children}\n        </DeferredFallback>\n      }\n    >\n      <DeferredRenderer promise={deferred}>{children}</DeferredRenderer>\n    </Suspense>\n  );\n}\n"]}

package/dist/{chunk-5R5IGGI3.js → chunk-B7EPMCWM.js}

@@ -1,6 +1,6 @@
 import { home } from './chunk-QG2Q6HB5.js';
 import { buildHreflangAlternates } from './chunk-TZ3E5BN4.js';
-import { HomeComponentRenderer } from './chunk-XLVAVCUV.js';
+import { HomeComponentRenderer } from './chunk-ZFLBHEHI.js';
 import { useDevHomeComponentOverrides } from './chunk-2JV6WZ6O.js';
 import { RouteId } from './chunk-MTONGOJD.js';
 import { getTwilightContext } from './chunk-6XWMNQ52.js';
@@ -80,5 +80,5 @@ function head(ctx) {
 var Home = { id: RouteId.INDEX, loader, head, Component: HomePage };
 
 export { Home, HomeSkeleton, homeLoader };
-//# sourceMappingURL=chunk-5R5IGGI3.js.map
-//# sourceMappingURL=chunk-5R5IGGI3.js.map
+//# sourceMappingURL=chunk-B7EPMCWM.js.map
+//# sourceMappingURL=chunk-B7EPMCWM.js.map

package/dist/{chunk-5R5IGGI3.js.map → chunk-B7EPMCWM.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/routes/home/loader.ts","../src/routes/home/HomePage.tsx","../src/routes/home/index.tsx"],"names":["HomeSkeleton","HomePage"],"mappings":";;;;;;;;;;;;AAWA,eAAsB,WAAW,GAAA,EAAoD;AACnF,EAAA,MAAM,EAAE,WAAA,EAAY,GAAI,kBAAA,EAAmB;AAC3C,EAAA,MAAM,aAAa,MAAM,WAAA,CAAY,gBAAgB,IAAA,CAAK,OAAA,CAAQ,YAAY,CAAA;AAC9E,EAAA,MAAM,MAAA,GAAS;AAAA,IACb,MAAA,EAAQ,KAAK,MAAA,IAAU,IAAA;AAAA,IACvB,UAAA,EAAY,UAAA,CAAW,GAAA,CAAI,CAAC,IAAA,MAAU;AAAA,MACpC,GAAG,IAAA;AAAA,MACH,MAAM,IAAA,CAAK,IAAA,EAAM,QAAQ,OAAA,EAAS,EAAE,KAAK,IAAA,CAAK;AAAA,KAChD,CAAE,CAAA;AAAA,IACF,IAAA,EAAM,EAAE,IAAA,EAAM,OAAA,CAAQ,KAAA;AAAM,GAC9B;AACA,EAAA,OAAO,MAAA;AACT;AChBO,IAAM,YAAA,GAAe,IAAA,CAAK,SAASA,aAAAA,GAAe;AACvD,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,uCAAA,EACb,8BAAC,KAAA,EAAA,EAAM,SAAA,EAAU,2BAA0B,CAAA,EAC7C,CAAA;AAAA,oBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2CAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAM,WAAU,gBAAA,EAAiB,CAAA;AAAA,0BACjC,KAAA,EAAA,EAAI,SAAA,EAAU,yCACZ,QAAA,EAAA,CAAC,CAAA,EAAG,GAAG,CAAA,EAAG,CAAC,EAAE,GAAA,CAAI,CAAC,sBACjB,GAAA,CAAC,KAAA,EAAA,EAAc,WAAU,MAAA,EAAA,EAAb,CAAoB,CACjC,CAAA,EACH;AAAA,KAAA,EACF,CAAA;AAAA,oBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2CAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAM,WAAU,gBAAA,EAAiB,CAAA;AAAA,0BACjC,KAAA,EAAA,EAAI,SAAA,EAAU,yCACZ,QAAA,EAAA,CAAC,CAAA,EAAG,GAAG,CAAA,EAAG,CAAC,EAAE,GAAA,CAAI,CAAC,sBACjB,GAAA,CAAC,KAAA,EAAA,EAAc,WAAU,MAAA,EAAA,EAAb,CAAoB,CACjC,CAAA,EACH;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ,CAAC;AAEM,IAAM,QAAA,GAAW,KAAK,SAASC,SAAAA,CAAS,EAAE,UAAA,GAAa,IAAG,EAAkB;AAGjF,EAAA,MAAM,kBAAA,GAAqB,6BAA6B,UAAU,CAAA;AAClE,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,MAAK,YAAA,EAAa,CAAA;AAAA,oBAC5B,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,cAAA,EAAe,CAAA;AAAA,IAC7B,kBAAA,CAAmB,GAAA,CAAI,CAAC,IAAA,EAAM,0BAC7B,GAAA,CAAC,qBAAA,EAAA,EAA6D,IAAA,EAAY,KAAA,EAAA,EAA9C,KAAK,GAAA,IAAO,IAAA,CAAK,SAAA,CAAU,IAAI,CAA6B,CACzF,CAAA;AAAA,oBACD,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,UAAA,EAAW;AAAA,GAAA,EAC5B,CAAA;AAEJ,CAAC,CAAA;;;AC5BD,SAAS,OAAO,IAAA,EAAqD;AACnE,EAAA,OAAO,UAAA,CAAW,EAAE,MAAA,EAAQ,IAAA,EAAM,QAAQ,CAAA;AAC5C;AAEA,SAAS,KAAK,GAAA,EAAsC;AAClD,EAAA,MAAM,KAAA,GAAQ,IAAI,QAAA,EAAU,KAAA;AAC5B,EAAA,IAAI,CAAC,KAAA,EAAO,OAAO,EAAC;AAEpB,EAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,IAAA,EAAM,KAAA,IAAS,KAAA,CAAM,IAAA;AACzC,EAAA,MAAM,WAAA,GAAc,KAAA,CAAM,IAAA,EAAM,WAAA,IAAe,KAAA,CAAM,WAAA;AACrD,EAAA,MAAM,QAAA,GAAW,MAAM,IAAA,EAAM,QAAA;AAE7B,EAAA,OAAO;AAAA,IACL,KAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAW,KAAA,CAAM,GAAA;AAAA,IACjB,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,SAAA;AAAA,MACN,KAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAQ,KAAA,CAAM,IAAA;AAAA,MACd,KAAK,KAAA,CAAM;AAAA,KACb;AAAA,IACA,OAAA,EAAS;AAAA,MACP,IAAA,EAAM,qBAAA;AAAA,MACN,KAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAQ,KAAA,CAAM;AAAA,KAChB;AAAA,IACA,oBAAoB,uBAAA,CAAwB,GAAA,CAAI,QAAA,EAAU,GAAA,CAAI,SAAS,QAAQ;AAAA,GACjF;AACF;AAEO,IAAM,IAAA,GAAO,EAAE,EAAA,EAAI,OAAA,CAAQ,OAAO,MAAA,EAAQ,IAAA,EAAM,WAAW,QAAA","file":"chunk-5R5IGGI3.js","sourcesContent":["import { getTwilightContext } from '../../twilight/context';\nimport { home } from '../../api/home';\nimport type { HomeComponentData } from '../../types';\nimport { RouteId } from '../../router/route-ids';\n\nexport interface HomeLoaderData {\n  locale: string;\n  components: HomeComponentData[];\n  page: { slug: string };\n}\n\nexport async function homeLoader(ctx?: { locale?: string }): Promise<HomeLoaderData> {\n  const { queryClient } = getTwilightContext();\n  const components = await queryClient.ensureQueryData(home.queries.components());\n  const result = {\n    locale: ctx?.locale || 'ar',\n    components: components.map((comp) => ({\n      ...comp,\n      path: comp.path?.replace('home.', '') || comp.path,\n    })),\n    page: { slug: RouteId.INDEX },\n  };\n  return result;\n}\n","import { memo } from 'react';\nimport { useDevHomeComponentOverrides } from '../../dev/dev-settings-store';\nimport { HookSlot } from '../../hooks';\nimport { HomeComponentRenderer } from '../../components/home';\nimport type { HomePageProps } from './types';\nimport { Pulse } from '@salla.sa/twilight-components-react';\n\nexport const HomeSkeleton = memo(function HomeSkeleton() {\n  return (\n    <>\n      <div className=\"s-block container skeleton-block-hero\">\n        <Pulse className=\"h-64 sm:h-80 rounded-md\" />\n      </div>\n      <div className=\"s-block container skeleton-block-products\">\n        <Pulse className=\"h-10 w-48 mb-4\" />\n        <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-4\">\n          {[1, 2, 3, 4].map((i) => (\n            <Pulse key={i} className=\"h-56\" />\n          ))}\n        </div>\n      </div>\n      <div className=\"s-block container skeleton-block-products\">\n        <Pulse className=\"h-10 w-48 mb-4\" />\n        <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-4\">\n          {[1, 2, 3, 4].map((i) => (\n            <Pulse key={i} className=\"h-56\" />\n          ))}\n        </div>\n      </div>\n    </>\n  );\n});\n\nexport const HomePage = memo(function HomePage({ components = [] }: HomePageProps) {\n  // Dev-mode only: overlay DevSettingsWidget component-field overrides onto the\n  // blocks so edits render live. No-op passthrough in production builds.\n  const renderedComponents = useDevHomeComponentOverrides(components);\n  return (\n    <>\n      <HookSlot name=\"home:start\" />\n      <HookSlot name=\"home:content\" />\n      {renderedComponents.map((data, index) => (\n        <HomeComponentRenderer key={data.key ?? JSON.stringify(data)} data={data} index={index} />\n      ))}\n      <HookSlot name=\"home:end\" />\n    </>\n  );\n});\n\nexport { HomePage as default };\n","import type { HeadDescriptor } from '../../utils/head';\nimport { buildHreflangAlternates } from '../../utils/baseHead';\nimport type { HomeLoaderData } from './loader';\nimport { homeLoader } from './loader';\nimport type { TwilightContext } from '../../twilight/context';\nimport { HomePage } from './HomePage';\nimport { RouteId } from '../../router/route-ids';\n\nexport { HomeSkeleton } from './HomePage';\nexport { registerHomeComponents, DefaultHomeComponents } from '../../components/home/register';\nexport { registerHomeComponentConfig } from '../../components/home';\nexport type { HomePageProps } from './types';\nexport type { HomeLoaderData } from './loader';\nexport type {\n  HomeComponentsProps,\n  AnyHomeComponent,\n  HomeComponentConfig,\n} from '../../components/home';\n\nfunction loader(_ctx?: { locale?: string }): Promise<HomeLoaderData> {\n  return homeLoader({ locale: _ctx?.locale });\n}\n\nfunction head(ctx: TwilightContext): HeadDescriptor {\n  const store = ctx.settings?.store;\n  if (!store) return {};\n\n  const title = store.meta?.title ?? store.name;\n  const description = store.meta?.description ?? store.description;\n  const keywords = store.meta?.keywords;\n\n  return {\n    title,\n    description,\n    keywords,\n    canonical: store.url,\n    openGraph: {\n      type: 'website',\n      title,\n      description,\n      images: store.logo,\n      url: store.url,\n    },\n    twitter: {\n      card: 'summary_large_image',\n      title,\n      description,\n      images: store.logo,\n    },\n    alternateLanguages: buildHreflangAlternates(ctx.settings, ctx.location.pathname),\n  };\n}\n\nexport const Home = { id: RouteId.INDEX, loader, head, Component: HomePage } as const;\n\nexport { homeLoader };\n"]}
+{"version":3,"sources":["../src/routes/home/loader.ts","../src/routes/home/HomePage.tsx","../src/routes/home/index.tsx"],"names":["HomeSkeleton","HomePage"],"mappings":"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","file":"chunk-B7EPMCWM.js","sourcesContent":["import { getTwilightContext } from '../../twilight/context';\nimport { home } from '../../api/home';\nimport type { HomeComponentData } from '../../types';\nimport { RouteId } from '../../router/route-ids';\n\nexport interface HomeLoaderData {\n  locale: string;\n  components: HomeComponentData[];\n  page: { slug: string };\n}\n\nexport async function homeLoader(ctx?: { locale?: string }): Promise<HomeLoaderData> {\n  const { queryClient } = getTwilightContext();\n  const components = await queryClient.ensureQueryData(home.queries.components());\n  const result = {\n    locale: ctx?.locale || 'ar',\n    components: components.map((comp) => ({\n      ...comp,\n      path: comp.path?.replace('home.', '') || comp.path,\n    })),\n    page: { slug: RouteId.INDEX },\n  };\n  return result;\n}\n","import { memo } from 'react';\nimport { useDevHomeComponentOverrides } from '../../dev/dev-settings-store';\nimport { HookSlot } from '../../hooks';\nimport { HomeComponentRenderer } from '../../components/home';\nimport type { HomePageProps } from './types';\nimport { Pulse } from '@salla.sa/twilight-components-react';\n\nexport const HomeSkeleton = memo(function HomeSkeleton() {\n  return (\n    <>\n      <div className=\"s-block container skeleton-block-hero\">\n        <Pulse className=\"h-64 sm:h-80 rounded-md\" />\n      </div>\n      <div className=\"s-block container skeleton-block-products\">\n        <Pulse className=\"h-10 w-48 mb-4\" />\n        <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-4\">\n          {[1, 2, 3, 4].map((i) => (\n            <Pulse key={i} className=\"h-56\" />\n          ))}\n        </div>\n      </div>\n      <div className=\"s-block container skeleton-block-products\">\n        <Pulse className=\"h-10 w-48 mb-4\" />\n        <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-4\">\n          {[1, 2, 3, 4].map((i) => (\n            <Pulse key={i} className=\"h-56\" />\n          ))}\n        </div>\n      </div>\n    </>\n  );\n});\n\nexport const HomePage = memo(function HomePage({ components = [] }: HomePageProps) {\n  // Dev-mode only: overlay DevSettingsWidget component-field overrides onto the\n  // blocks so edits render live. No-op passthrough in production builds.\n  const renderedComponents = useDevHomeComponentOverrides(components);\n  return (\n    <>\n      <HookSlot name=\"home:start\" />\n      <HookSlot name=\"home:content\" />\n      {renderedComponents.map((data, index) => (\n        <HomeComponentRenderer key={data.key ?? JSON.stringify(data)} data={data} index={index} />\n      ))}\n      <HookSlot name=\"home:end\" />\n    </>\n  );\n});\n\nexport { HomePage as default };\n","import type { HeadDescriptor } from '../../utils/head';\nimport { buildHreflangAlternates } from '../../utils/baseHead';\nimport type { HomeLoaderData } from './loader';\nimport { homeLoader } from './loader';\nimport type { TwilightContext } from '../../twilight/context';\nimport { HomePage } from './HomePage';\nimport { RouteId } from '../../router/route-ids';\n\nexport { HomeSkeleton } from './HomePage';\nexport { registerHomeComponents, DefaultHomeComponents } from '../../components/home/register';\nexport { registerHomeComponentConfig } from '../../components/home';\nexport type { HomePageProps } from './types';\nexport type { HomeLoaderData } from './loader';\nexport type {\n  HomeComponentsProps,\n  AnyHomeComponent,\n  HomeComponentConfig,\n} from '../../components/home';\n\nfunction loader(_ctx?: { locale?: string }): Promise<HomeLoaderData> {\n  return homeLoader({ locale: _ctx?.locale });\n}\n\nfunction head(ctx: TwilightContext): HeadDescriptor {\n  const store = ctx.settings?.store;\n  if (!store) return {};\n\n  const title = store.meta?.title ?? store.name;\n  const description = store.meta?.description ?? store.description;\n  const keywords = store.meta?.keywords;\n\n  return {\n    title,\n    description,\n    keywords,\n    canonical: store.url,\n    openGraph: {\n      type: 'website',\n      title,\n      description,\n      images: store.logo,\n      url: store.url,\n    },\n    twitter: {\n      card: 'summary_large_image',\n      title,\n      description,\n      images: store.logo,\n    },\n    alternateLanguages: buildHreflangAlternates(ctx.settings, ctx.location.pathname),\n  };\n}\n\nexport const Home = { id: RouteId.INDEX, loader, head, Component: HomePage } as const;\n\nexport { homeLoader };\n"]}

package/dist/chunk-DV2XH7GO.js

@@ -0,0 +1,14 @@
+import { lazy } from 'react';
+
+// src/components/cart/lazy.ts
+var LazyCartItem = lazy(() => import('./CartItem-C7LTDYGZ.js').then((m) => ({ default: m.CartItem })));
+var LazyCartSummary = lazy(
+  () => import('./CartSummary-FIMQY76P.js').then((m) => ({ default: m.CartSummary }))
+);
+var LazySeoCartWidget = lazy(
+  () => import('./SeoCartWidget-W4NDM2TO.js').then((m) => ({ default: m.SeoCartWidget }))
+);
+
+export { LazyCartItem, LazyCartSummary, LazySeoCartWidget };
+//# sourceMappingURL=chunk-DV2XH7GO.js.map
+//# sourceMappingURL=chunk-DV2XH7GO.js.map

package/dist/{chunk-BK4VEUF3.js.map → chunk-DV2XH7GO.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/cart/lazy.ts"],"names":[],"mappings":";;;AAMO,IAAM,YAAA,GAAe,IAAA,CAAK,MAAM,OAAO,wBAAY,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,MAAO,EAAE,OAAA,EAAS,CAAA,CAAE,QAAA,GAAW,CAAC;AAE3F,IAAM,eAAA,GAAkB,IAAA;AAAA,EAAK,MAClC,OAAO,2BAAe,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,MAAO,EAAE,OAAA,EAAS,CAAA,CAAE,WAAA,EAAY,CAAE;AAClE;AAEO,IAAM,iBAAA,GAAoB,IAAA;AAAA,EAAK,MACpC,OAAO,6BAAiB,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,MAAO,EAAE,OAAA,EAAS,CAAA,CAAE,aAAA,EAAc,CAAE;AACtE","file":"chunk-BK4VEUF3.js","sourcesContent":["import { lazy } from 'react';\n\n/**\n * Lazy-loaded cart components\n * Use these for code-splitting cart sections\n */\nexport const LazyCartItem = lazy(() => import('./CartItem').then((m) => ({ default: m.CartItem })));\n\nexport const LazyCartSummary = lazy(() =>\n  import('./CartSummary').then((m) => ({ default: m.CartSummary }))\n);\n\nexport const LazySeoCartWidget = lazy(() =>\n  import('./SeoCartWidget').then((m) => ({ default: m.SeoCartWidget }))\n);\n"]}
+{"version":3,"sources":["../src/components/cart/lazy.ts"],"names":[],"mappings":";;;AAMO,IAAM,YAAA,GAAe,IAAA,CAAK,MAAM,OAAO,wBAAY,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,MAAO,EAAE,OAAA,EAAS,CAAA,CAAE,QAAA,GAAW,CAAC;AAE3F,IAAM,eAAA,GAAkB,IAAA;AAAA,EAAK,MAClC,OAAO,2BAAe,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,MAAO,EAAE,OAAA,EAAS,CAAA,CAAE,WAAA,EAAY,CAAE;AAClE;AAEO,IAAM,iBAAA,GAAoB,IAAA;AAAA,EAAK,MACpC,OAAO,6BAAiB,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,MAAO,EAAE,OAAA,EAAS,CAAA,CAAE,aAAA,EAAc,CAAE;AACtE","file":"chunk-DV2XH7GO.js","sourcesContent":["import { lazy } from 'react';\n\n/**\n * Lazy-loaded cart components\n * Use these for code-splitting cart sections\n */\nexport const LazyCartItem = lazy(() => import('./CartItem').then((m) => ({ default: m.CartItem })));\n\nexport const LazyCartSummary = lazy(() =>\n  import('./CartSummary').then((m) => ({ default: m.CartSummary }))\n);\n\nexport const LazySeoCartWidget = lazy(() =>\n  import('./SeoCartWidget').then((m) => ({ default: m.SeoCartWidget }))\n);\n"]}

package/dist/{chunk-YOA3UVDE.js → chunk-EG52TSNH.js}

@@ -1,6 +1,6 @@
-import { useDate } from './chunk-EFHSAWDQ.js';
+import { useDate } from './chunk-JOIPJKEX.js';
 import { useTranslation } from './chunk-TYNZ5B2B.js';
-import { Image } from './chunk-CZS4ZHQK.js';
+import { Image } from './chunk-AA2F3EBJ.js';
 import { Link } from './chunk-AXW67SY7.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -61,5 +61,5 @@ function BlogListLayout({
 }
 
 export { BlogArticleCard, BlogListLayout };
-//# sourceMappingURL=chunk-YOA3UVDE.js.map
-//# sourceMappingURL=chunk-YOA3UVDE.js.map
+//# sourceMappingURL=chunk-EG52TSNH.js.map
+//# sourceMappingURL=chunk-EG52TSNH.js.map

package/dist/{chunk-YOA3UVDE.js.map → chunk-EG52TSNH.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/routes/blog/components.tsx"],"names":[],"mappings":"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","file":"chunk-YOA3UVDE.js","sourcesContent":["import type { ReactNode } from 'react';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { useDate } from '../../hooks';\nimport { Image, Link } from '../../components/common';\nimport type { BlogCategory, ArticleSummary } from './types';\n\nexport function BlogCategoriesSidebar({ categories }: { categories: BlogCategory[] }) {\n  const { t } = useTranslation();\n\n  if (!categories.length) return null;\n\n  return (\n    <nav aria-label=\"Sidebar\" className=\"hidden lg:block lg:sticky shrink-0 top-24 col-span-2\">\n      <h2 className=\"font-bold mb-3\">{t('pages.blog_categories.categories')}</h2>\n      <ul>\n        {categories.map((category) => (\n          <li key={category.id} className={category.is_current ? 'text-primary' : ''}>\n            <Link className=\"py-3 block text-sm hover:text-primary\" to={category.url}>\n              {category.name}\n            </Link>\n          </li>\n        ))}\n      </ul>\n    </nav>\n  );\n}\n\nexport function BlogArticleCard({\n  article,\n  showAuthor = false,\n}: {\n  article: ArticleSummary;\n  showAuthor?: boolean;\n}) {\n  const { format: formatDate } = useDate();\n\n  return (\n    <div className=\"list-block post-entry relative h-full transition-shadow duration-500 bg-white hover:shadow-default rounded-lg justify-around overflow-hidden flex flex-col\">\n      <Link\n        to={article.url}\n        className=\"post-entry__image relative overflow-hidden hover:opacity-90 w-full h-56 bg-border-color flex items-center justify-center\"\n      >\n        {article.image && (\n          <Image\n            className=\"h-full w-full object-cover\"\n            src={article.image}\n            alt={article.name}\n            aspectRatio=\"16/9\"\n          />\n        )}\n      </Link>\n      <div className=\"flex-1 px-5 pt-5 pb-7\">\n        <div className=\"mb-2.5 text-gray-500 rounded-md inline-flex text-sm rtl:space-x-reverse space-x-5\">\n          <div className=\"flex items-center\">\n            <i className=\"sicon-calendar-date rtl:ml-1 ltr:mr-1\"></i>\n            <span>{formatDate(article.created_at)}</span>\n          </div>\n          {showAuthor && article.author && (\n            <Link to={article.author.url} className=\"flex items-center hover:text-dark\">\n              <i className=\"sicon-user rtl:ml-1 ltr:mr-1\"></i>\n              <span>{article.author.name}</span>\n            </Link>\n          )}\n        </div>\n        <h3 className=\"post-entry__title text-sm font-bold text-gray-800 leading-6 mb-2.5\">\n          <Link to={article.url}>{article.name}</Link>\n        </h3>\n        <p className=\"text-sm text-gray-500 leading-6 mb-2.5\">{article.description}</p>\n      </div>\n    </div>\n  );\n}\n\nexport function BlogListLayout({\n  categories,\n  children,\n}: {\n  categories: BlogCategory[];\n  children: ReactNode;\n}) {\n  return (\n    <div className=\"grid grid-cols-1 lg:grid-cols-8 gap-8\">\n      <BlogCategoriesSidebar categories={categories} />\n      <div className=\"main-content lg:col-span-6\">{children}</div>\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/routes/blog/components.tsx"],"names":[],"mappings":"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","file":"chunk-EG52TSNH.js","sourcesContent":["import type { ReactNode } from 'react';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { useDate } from '../../hooks';\nimport { Image, Link } from '../../components/common';\nimport type { BlogCategory, ArticleSummary } from './types';\n\nexport function BlogCategoriesSidebar({ categories }: { categories: BlogCategory[] }) {\n  const { t } = useTranslation();\n\n  if (!categories.length) return null;\n\n  return (\n    <nav aria-label=\"Sidebar\" className=\"hidden lg:block lg:sticky shrink-0 top-24 col-span-2\">\n      <h2 className=\"font-bold mb-3\">{t('pages.blog_categories.categories')}</h2>\n      <ul>\n        {categories.map((category) => (\n          <li key={category.id} className={category.is_current ? 'text-primary' : ''}>\n            <Link className=\"py-3 block text-sm hover:text-primary\" to={category.url}>\n              {category.name}\n            </Link>\n          </li>\n        ))}\n      </ul>\n    </nav>\n  );\n}\n\nexport function BlogArticleCard({\n  article,\n  showAuthor = false,\n}: {\n  article: ArticleSummary;\n  showAuthor?: boolean;\n}) {\n  const { format: formatDate } = useDate();\n\n  return (\n    <div className=\"list-block post-entry relative h-full transition-shadow duration-500 bg-white hover:shadow-default rounded-lg justify-around overflow-hidden flex flex-col\">\n      <Link\n        to={article.url}\n        className=\"post-entry__image relative overflow-hidden hover:opacity-90 w-full h-56 bg-border-color flex items-center justify-center\"\n      >\n        {article.image && (\n          <Image\n            className=\"h-full w-full object-cover\"\n            src={article.image}\n            alt={article.name}\n            aspectRatio=\"16/9\"\n          />\n        )}\n      </Link>\n      <div className=\"flex-1 px-5 pt-5 pb-7\">\n        <div className=\"mb-2.5 text-gray-500 rounded-md inline-flex text-sm rtl:space-x-reverse space-x-5\">\n          <div className=\"flex items-center\">\n            <i className=\"sicon-calendar-date rtl:ml-1 ltr:mr-1\"></i>\n            <span>{formatDate(article.created_at)}</span>\n          </div>\n          {showAuthor && article.author && (\n            <Link to={article.author.url} className=\"flex items-center hover:text-dark\">\n              <i className=\"sicon-user rtl:ml-1 ltr:mr-1\"></i>\n              <span>{article.author.name}</span>\n            </Link>\n          )}\n        </div>\n        <h3 className=\"post-entry__title text-sm font-bold text-gray-800 leading-6 mb-2.5\">\n          <Link to={article.url}>{article.name}</Link>\n        </h3>\n        <p className=\"text-sm text-gray-500 leading-6 mb-2.5\">{article.description}</p>\n      </div>\n    </div>\n  );\n}\n\nexport function BlogListLayout({\n  categories,\n  children,\n}: {\n  categories: BlogCategory[];\n  children: ReactNode;\n}) {\n  return (\n    <div className=\"grid grid-cols-1 lg:grid-cols-8 gap-8\">\n      <BlogCategoriesSidebar categories={categories} />\n      <div className=\"main-content lg:col-span-6\">{children}</div>\n    </div>\n  );\n}\n"]}