@salla.sa/twilight-theme-engine 1.0.6 → 1.0.8

package/dist/{WishlistPage-RMWKF43R.js.map → WishlistPage-SITS7J5U.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/routes/account/wishlist/WishlistPage.tsx"],"names":[],"mappings":"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","file":"WishlistPage-RMWKF43R.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"]}
+{"version":3,"sources":["../src/routes/account/wishlist/WishlistPage.tsx"],"names":[],"mappings":"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","file":"WishlistPage-SITS7J5U.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/chunk-CXBNSFGJ.js

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

package/dist/{chunk-SZF6BRU7.js.map → chunk-CXBNSFGJ.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-SZF6BRU7.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-CXBNSFGJ.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-7IVZ652B.js → chunk-E7CWROFB.js}

@@ -1,4 +1,4 @@
-import { useOpeningHours } from './chunk-ACRX7R7T.js';
+import { useOpeningHours } from './chunk-NECVWHKY.js';
 import { useIsProduct } from './chunk-2ZRLSZ4V.js';
 import { useTranslation } from './chunk-TYNZ5B2B.js';
 import { useTwilight } from './chunk-DF6FBKDN.js';
@@ -54,5 +54,5 @@ function StoreClosedNotification(_props) {
 }
 
 export { StoreClosedNotification };
-//# sourceMappingURL=chunk-7IVZ652B.js.map
-//# sourceMappingURL=chunk-7IVZ652B.js.map
+//# sourceMappingURL=chunk-E7CWROFB.js.map
+//# sourceMappingURL=chunk-E7CWROFB.js.map

package/dist/{chunk-7IVZ652B.js.map → chunk-E7CWROFB.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-7IVZ652B.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-E7CWROFB.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-ACRX7R7T.js → chunk-NECVWHKY.js}

@@ -1,4 +1,4 @@
-import { Header } from './chunk-6JSTUUQE.js';
+import { Header } from './chunk-WKJUQQQI.js';
 import { Copyright } from './chunk-JKIRRMBU.js';
 import { useDevSettingsOverrides } from './chunk-2JV6WZ6O.js';
 import { color } from './chunk-VVZNW5CB.js';
@@ -13,7 +13,7 @@ import { FALLBACK_LOCALE, getLanguageInfo } from './chunk-T72DAX7R.js';
 import { WidgetHead } from './chunk-RJPPO3ET.js';
 import { HookSlot } from './chunk-Q7VWURUR.js';
 import { hookRegistry } from './chunk-GU2KUQVD.js';
-import { Image } from './chunk-EU53QVS4.js';
+import { Image } from './chunk-XOO53ERM.js';
 import { Link } from './chunk-AXW67SY7.js';
 import { LazyImageModal } from './chunk-CUG6VOLM.js';
 import { Toaster } from './chunk-OBSAH7K6.js';
@@ -105,7 +105,7 @@ function ThemeDocumentSync({
 }
 
 // src/utils/engine-version.ts
-var ENGINE_VERSION = "1.0.6" ;
+var ENGINE_VERSION = "1.0.8" ;
 
 // src/providers/twilight-init.ts
 function getSalla() {
@@ -208,7 +208,7 @@ var navigationSetups = {
 };
 var routeDocumentSyncs = {
   tanstack: lazy(
-    () => import('./document-class-MMT7FFNM.js').then((m) => ({
+    () => import('./document-class-75UY33EG.js').then((m) => ({
       default: m.TanStackDocumentSync
     }))
   )
@@ -740,7 +740,7 @@ var LazySiftSnippet = lazy(
   () => import('./SiftSnippet-5FCU6TR6.js').then((m) => ({ default: m.SiftSnippet }))
 );
 var LazyStoreClosedNotification = lazy(
-  () => import('./StoreClosedNotification-VPKITMXV.js').then((m) => ({
+  () => import('./StoreClosedNotification-Z5IDU62B.js').then((m) => ({
     default: m.StoreClosedNotification
   }))
 );
@@ -1203,5 +1203,5 @@ function useStore() {
 }
 
 export { Footer, MasterLayout, TwilightProvider, registerDefaultHooks, registerDocumentSync, routeDocumentSyncs, useBreadcrumbs, useDate, useGtm, useMoney, useNumber, useOpeningHours, usePageConfig, useStore };
-//# sourceMappingURL=chunk-ACRX7R7T.js.map
-//# sourceMappingURL=chunk-ACRX7R7T.js.map
+//# sourceMappingURL=chunk-NECVWHKY.js.map
+//# sourceMappingURL=chunk-NECVWHKY.js.map