@salla.sa/twilight-theme-engine 1.0.61 → 1.0.63

package/dist/{Breadcrumb-NXXVZJJD.js → Breadcrumb-4DUAJK3V.js}

@@ -1,12 +1,13 @@
-import { useBreadcrumbs } from './chunk-2U3PUO3V.js';
-import './chunk-3YVAYIM4.js';
+import { useBreadcrumbs } from './chunk-EIJXSBL6.js';
+import './chunk-4KTY2FT6.js';
 import './chunk-JKIRRMBU.js';
 import './chunk-2JV6WZ6O.js';
 import './chunk-UIOLSYKV.js';
 import './chunk-VVZNW5CB.js';
 import './chunk-2XGQSJKH.js';
-import './chunk-WH225GEC.js';
-import './chunk-TFB3QXYH.js';
+import './chunk-I62RENKM.js';
+import './chunk-ZGHRSRDO.js';
+import './chunk-GOPUP26T.js';
 import './chunk-C5X6CVXC.js';
 import './chunk-UZKTK6YV.js';
 import './chunk-5X2UFNKY.js';
@@ -18,19 +19,19 @@ import './chunk-N2S25NXP.js';
 import './chunk-TP3LCGE7.js';
 import './chunk-Z653O7MX.js';
 import './chunk-ZCH7W7DZ.js';
-import './chunk-3U26OMNO.js';
+import './chunk-PWBMSGMU.js';
 import './chunk-JWXJPJBO.js';
 import './chunk-CW625T2E.js';
+import './chunk-7V36I5GT.js';
 import './chunk-BVSJPBJ6.js';
 import './chunk-GBWCXUPD.js';
 import './chunk-OAMIDZKW.js';
 import './chunk-TYNZ5B2B.js';
 import './chunk-T72DAX7R.js';
-import './chunk-YMVLYYLU.js';
 import './chunk-RJPPO3ET.js';
 import './chunk-Q7VWURUR.js';
 import './chunk-GU2KUQVD.js';
-import './chunk-TLAEW7TB.js';
+import './chunk-UH5ZXDEO.js';
 import { Link } from './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-SKLEJJ6M.js';
@@ -154,5 +155,5 @@ function Breadcrumb({ page, className }) {
 }
 
 export { Breadcrumb };
-//# sourceMappingURL=Breadcrumb-NXXVZJJD.js.map
-//# sourceMappingURL=Breadcrumb-NXXVZJJD.js.map
+//# sourceMappingURL=Breadcrumb-4DUAJK3V.js.map
+//# sourceMappingURL=Breadcrumb-4DUAJK3V.js.map

package/dist/Breadcrumb-4DUAJK3V.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/common/BreadcrumbTrail.tsx","../src/components/common/BreadcrumbJsonLd.tsx","../src/components/common/Breadcrumb.tsx"],"names":["BreadcrumbTrail","jsx","jsxs","Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAM,iBAAA,GAAoB,CAAA;AAO1B,IAAM,cAAc,sBAClB,IAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,OAAA,EAAQ,KAAA;AAAA,IACR,KAAA,EAAM,4BAAA;AAAA,IACN,KAAA,EAAM,IAAA;AAAA,IACN,MAAA,EAAO,IAAA;AAAA,IACP,OAAA,EAAQ,WAAA;AAAA,IACR,aAAA,EAAY,MAAA;AAAA,IAEZ,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,WAAM,QAAA,EAAA,qBAAA,EAAmB,CAAA;AAAA,sBAC1B,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,8DAAA,EAA+D;AAAA;AAAA;AACzE,CAAA;AAGF,SAAS,cAAc,KAAA,EAAmC;AACxD,EAAA,IAAI,KAAA,CAAM,MAAA,IAAU,iBAAA,EAAmB,OAAO,KAAA;AAE9C,EAAA,OAAO,CAAC,KAAA,CAAM,CAAC,CAAA,EAAG,EAAE,IAAA,EAAM,QAAA,EAAK,GAAA,EAAK,EAAA,EAAG,EAAG,GAAG,KAAA,CAAM,KAAA,CAAM,EAAE,CAAC,CAAA;AAC9D;AAEO,IAAM,eAAA,GAAkB,IAAA,CAAK,SAASA,gBAAAA,CAAgB;AAAA,EAC3D,KAAA;AAAA,EACA;AACF,CAAA,EAAyB;AACvB,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAE9C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,WAAA,CAAY,KAAK,CAAA;AAAA,EACnB,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,IAAI,KAAA,CAAM,MAAA,KAAW,CAAA,EAAG,OAAO,IAAA;AAE/B,EAAA,MAAM,YAAA,GAAe,QAAA,GAAW,KAAA,GAAQ,aAAA,CAAc,KAAK,CAAA;AAE3D,EAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAW,aAAa,yBAAA,EAA2B,YAAA,EAAW,cACjE,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,WAAU,sBAAA,EAAuB,SAAA,EAAS,MAAC,QAAA,EAAS,mCAAA,EACrD,uBAAa,GAAA,CAAI,CAAC,MAAM,KAAA,KAAU;AACjC,IAAA,MAAM,MAAA,GAAS,KAAA,KAAU,YAAA,CAAa,MAAA,GAAS,CAAA;AAC/C,IAAA,MAAM,UAAA,GAAa,IAAA,CAAK,IAAA,KAAS,QAAA,IAAO,CAAC,IAAA,CAAK,GAAA;AAE9C,IAAA,uBACE,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QAEC,WAAW,CAAC,mBAAA,EAAqB,UAAA,GAAa,4BAAA,GAA+B,EAAE,CAAA,CAAE,IAAA;AAAA,UAC/E;AAAA,SACF;AAAA,QACA,cAAA,EAAc,SAAS,MAAA,GAAS,MAAA;AAAA,QAChC,QAAA,EAAS,iBAAA;AAAA,QACT,SAAA,EAAS,IAAA;AAAA,QACT,QAAA,EAAS,6BAAA;AAAA,QAER,QAAA,EAAA;AAAA,UAAA,UAAA,mBACC,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,SAAS,MAAM;AACb,gBAAA,WAAA,CAAY,IAAI,CAAA;AAAA,cAClB,CAAA;AAAA,cACA,SAAA,EAAU,gDAAA;AAAA,cACV,YAAA,EAAW,sBAAA;AAAA,cAEX,8BAAC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,WAAU,QAAA,EAAA,oBAAA,EAE7C;AAAA;AAAA,WACF,GACE,yBACF,GAAA,CAAC,MAAA,EAAA,EAAK,UAAS,MAAA,EAAQ,QAAA,EAAA,IAAA,CAAK,IAAA,EAAK,CAAA,mBAEjC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAI,IAAA,CAAK,GAAA,EAAK,QAAA,EAAS,MAAA,EAC3B,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,QAAA,EAAS,MAAA,EAAQ,QAAA,EAAA,IAAA,CAAK,IAAA,EAAK,CAAA,EACnC,CAAA;AAAA,4BACA,GAAA,CAAC,UAAK,aAAA,EAAY,MAAA,EAAO,WAAU,gCAAA,EACjC,QAAA,kBAAA,GAAA,CAAC,eAAY,CAAA,EACf,CAAA;AAAA,4BACA,GAAA,CAAC,UAAK,QAAA,EAAS,UAAA,EAAW,SAAS,MAAA,CAAO,KAAA,GAAQ,CAAC,CAAA,EAAG;AAAA,WAAA,EACxD,CAAA;AAAA,UAED,MAAA,wBAAW,MAAA,EAAA,EAAK,QAAA,EAAS,YAAW,OAAA,EAAS,MAAA,CAAO,KAAA,GAAQ,CAAC,CAAA,EAAG;AAAA;AAAA,OAAA;AAAA,MAnC5D,CAAA,EAAG,IAAA,CAAK,GAAG,CAAA,CAAA,EAAI,KAAK,IAAI,CAAA;AAAA,KAoC/B;AAAA,EAEJ,CAAC,GACH,CAAA,EACF,CAAA;AAEJ,CAAC,CAAA;ACzFD,SAAS,aAAA,CAAc,QAAgB,IAAA,EAAsB;AAC3D,EAAA,IAAI,IAAA,CAAK,UAAA,CAAW,MAAM,CAAA,EAAG,OAAO,IAAA;AACpC,EAAA,OAAO,MAAA,GAAS,IAAA;AAClB;AAEO,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAO,MAAA,EAAO,EAA0B;AACzE,EAAA,IAAI,KAAA,CAAM,MAAA,KAAW,CAAA,EAAG,OAAO,IAAA;AAE/B,EAAA,MAAM,MAAA,GAAS;AAAA,IACb,UAAA,EAAY,oBAAA;AAAA,IACZ,OAAA,EAAS,gBAAA;AAAA,IACT,eAAA,EAAiB,KAAA,CAAM,GAAA,CAAI,CAAC,MAAM,KAAA,KAAU;AAC1C,MAAA,MAAM,MAAA,GAAS,KAAA,KAAU,KAAA,CAAM,MAAA,GAAS,CAAA;AACxC,MAAA,MAAM,GAAA,GAAM,aAAA,CAAc,MAAA,EAAQ,IAAA,CAAK,GAAG,CAAA;AAC1C,MAAA,OAAO;AAAA,QACL,OAAA,EAAS,UAAA;AAAA,QACT,UAAU,KAAA,GAAQ,CAAA;AAAA,QAClB,MAAM,IAAA,CAAK,IAAA;AAAA,QACX,GAAI,SAAS,EAAE,KAAA,EAAO,KAAI,GAAI,EAAE,MAAM,GAAA;AAAI,OAC5C;AAAA,IACF,CAAC;AAAA,GACH;AAEA,EAAA,MAAM,IAAA,GAAO,IAAA,CAAK,SAAA,CAAU,MAAM,CAAA;AAElC,EAAA,uBACEC,GAAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,qBAAA;AAAA,MACL,wBAAA,EAAwB,IAAA;AAAA,MACxB,uBAAA,EAAyB,EAAE,MAAA,EAAQ,IAAA;AAAK;AAAA,GAC1C;AAEJ;AC5BO,SAAS,UAAA,CAAW,EAAE,IAAA,EAAM,SAAA,EAAU,EAAoB;AAC/D,EAAA,MAAM,EAAE,KAAA,EAAO,KAAA,EAAM,GAAI,WAAA,EAAY;AACrC,EAAA,MAAM,kBAAA,GAAqB,KAAA,CAAM,QAAA,CAAS,sBAAA,IAA0B,IAAA;AACpE,EAAA,MAAM,SAAS,KAAA,CAAM,GAAA;AAErB,EAAA,MAAM,KAAA,GAAQ,eAAe,IAAI,CAAA;AAEjC,EAAA,IAAI,CAAC,oBAAoB,OAAO,IAAA;AAEhC,EAAA,uBACEC,IAAAA,CAAAC,QAAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAF,GAAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAc,SAAA,EAAsB,CAAA;AAAA,oBACrDA,GAAAA,CAAC,gBAAA,EAAA,EAAiB,KAAA,EAAc,MAAA,EAAgB;AAAA,GAAA,EAClD,CAAA;AAEJ","file":"Breadcrumb-4DUAJK3V.js","sourcesContent":["import { memo, useState, useEffect } from 'react';\nimport type { Breadcrumb } from '../../types';\nimport { Link } from './Link';\n\nconst MAX_VISIBLE_ITEMS = 4;\n\ninterface BreadcrumbTrailProps {\n  items: Breadcrumb[];\n  className?: string;\n}\n\nconst ChevronIcon = () => (\n  <svg\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"32\"\n    height=\"32\"\n    viewBox=\"0 0 32 32\"\n    aria-hidden=\"true\"\n  >\n    <title>keyboard_arrow_left</title>\n    <path d=\"M20.563 22.104l-1.875 1.875-8-8 8-8 1.875 1.875-6.125 6.125z\"></path>\n  </svg>\n);\n\nfunction truncateItems(items: Breadcrumb[]): Breadcrumb[] {\n  if (items.length <= MAX_VISIBLE_ITEMS) return items;\n\n  return [items[0], { name: '…', url: '' }, ...items.slice(-2)];\n}\n\nexport const BreadcrumbTrail = memo(function BreadcrumbTrail({\n  items,\n  className,\n}: BreadcrumbTrailProps) {\n  const [expanded, setExpanded] = useState(false);\n\n  useEffect(() => {\n    setExpanded(false);\n  }, [items]);\n\n  if (items.length === 0) return null;\n\n  const displayItems = expanded ? items : truncateItems(items);\n\n  return (\n    <nav className={className ?? 'breadcrumbs w-full py-5'} aria-label=\"Breadcrumb\">\n      <ol className=\"s-breadcrumb-wrapper\" itemScope itemType=\"https://schema.org/BreadcrumbList\">\n        {displayItems.map((item, index) => {\n          const isLast = index === displayItems.length - 1;\n          const isEllipsis = item.name === '…' && !item.url;\n\n          return (\n            <li\n              key={`${item.url}-${item.name}`}\n              className={['s-breadcrumb-item', isEllipsis ? 'cursor-pointer select-none' : ''].join(\n                ' '\n              )}\n              aria-current={isLast ? 'page' : undefined}\n              itemProp=\"itemListElement\"\n              itemScope\n              itemType=\"https://schema.org/ListItem\"\n            >\n              {isEllipsis ? (\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    setExpanded(true);\n                  }}\n                  className=\"inline-flex items-center gap-1 hover:underline\"\n                  aria-label=\"Show all breadcrumbs\"\n                >\n                  <span aria-hidden=\"true\" className=\"text-xs\">\n                    •••\n                  </span>\n                </button>\n              ) : isLast ? (\n                <span itemProp=\"name\">{item.name}</span>\n              ) : (\n                <>\n                  <Link to={item.url} itemProp=\"item\">\n                    <span itemProp=\"name\">{item.name}</span>\n                  </Link>\n                  <span aria-hidden=\"true\" className=\"s-breadcrumb-arrow inline-flex\">\n                    <ChevronIcon />\n                  </span>\n                  <meta itemProp=\"position\" content={String(index + 1)} />\n                </>\n              )}\n              {isLast && <meta itemProp=\"position\" content={String(index + 1)} />}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n});\n","import type { Breadcrumb } from '../../types';\n\ninterface BreadcrumbJsonLdProps {\n  items: Breadcrumb[];\n  origin: string;\n}\n\nfunction toAbsoluteUrl(origin: string, path: string): string {\n  if (path.startsWith('http')) return path;\n  return origin + path;\n}\n\nexport function BreadcrumbJsonLd({ items, origin }: BreadcrumbJsonLdProps) {\n  if (items.length === 0) return null;\n\n  const schema = {\n    '@context': 'https://schema.org',\n    '@type': 'BreadcrumbList',\n    itemListElement: items.map((item, index) => {\n      const isLast = index === items.length - 1;\n      const url = toAbsoluteUrl(origin, item.url);\n      return {\n        '@type': 'ListItem',\n        position: index + 1,\n        name: item.name,\n        ...(isLast ? { '@id': url } : { item: url }),\n      };\n    }),\n  };\n\n  const html = JSON.stringify(schema);\n\n  return (\n    <script\n      type=\"application/ld+json\"\n      suppressHydrationWarning\n      dangerouslySetInnerHTML={{ __html: html }}\n    />\n  );\n}\n","import type { Page } from '../../types';\nimport { useBreadcrumbs } from '../../hooks/useBreadcrumbs';\nimport { useTwilight } from '../../providers/TwilightProvider';\nimport { BreadcrumbTrail } from './BreadcrumbTrail';\nimport { BreadcrumbJsonLd } from './BreadcrumbJsonLd';\n\nexport interface BreadcrumbProps {\n  page?: Page | null;\n  className?: string;\n}\n\nexport function Breadcrumb({ page, className }: BreadcrumbProps) {\n  const { theme, store } = useTwilight();\n  const breadcrumbsEnabled = theme.settings.is_breadcrumbs_enabled ?? true;\n  const origin = store.url;\n\n  const items = useBreadcrumbs(page);\n\n  if (!breadcrumbsEnabled) return null;\n\n  return (\n    <>\n      <BreadcrumbTrail items={items} className={className} />\n      <BreadcrumbJsonLd items={items} origin={origin} />\n    </>\n  );\n}\n"]}

package/dist/{CartItem-XRWTSJB5.js → CartItem-T4N3HMXU.js}

@@ -1,12 +1,13 @@
-import { useMoney } from './chunk-2U3PUO3V.js';
-import './chunk-3YVAYIM4.js';
+import { useMoney } from './chunk-EIJXSBL6.js';
+import './chunk-4KTY2FT6.js';
 import './chunk-JKIRRMBU.js';
 import './chunk-2JV6WZ6O.js';
 import './chunk-UIOLSYKV.js';
 import './chunk-VVZNW5CB.js';
 import './chunk-2XGQSJKH.js';
-import './chunk-WH225GEC.js';
-import './chunk-TFB3QXYH.js';
+import './chunk-I62RENKM.js';
+import './chunk-ZGHRSRDO.js';
+import './chunk-GOPUP26T.js';
 import './chunk-C5X6CVXC.js';
 import './chunk-UZKTK6YV.js';
 import './chunk-5X2UFNKY.js';
@@ -18,19 +19,19 @@ import './chunk-N2S25NXP.js';
 import './chunk-TP3LCGE7.js';
 import './chunk-Z653O7MX.js';
 import './chunk-ZCH7W7DZ.js';
-import './chunk-3U26OMNO.js';
+import './chunk-PWBMSGMU.js';
 import './chunk-JWXJPJBO.js';
 import './chunk-CW625T2E.js';
+import './chunk-7V36I5GT.js';
 import './chunk-BVSJPBJ6.js';
 import './chunk-GBWCXUPD.js';
 import './chunk-OAMIDZKW.js';
 import { useTranslation } from './chunk-TYNZ5B2B.js';
 import './chunk-T72DAX7R.js';
-import './chunk-YMVLYYLU.js';
 import './chunk-RJPPO3ET.js';
 import './chunk-Q7VWURUR.js';
 import './chunk-GU2KUQVD.js';
-import { Image } from './chunk-TLAEW7TB.js';
+import { Image } from './chunk-UH5ZXDEO.js';
 import { Link } from './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-SKLEJJ6M.js';
@@ -45,6 +46,7 @@ import { SallaCartItemOffers } from '@salla.sa/twilight-components-react/cart-it
 import { SallaQuantityInput } from '@salla.sa/twilight-components-react/quantity-input';
 import { SallaButton } from '@salla.sa/twilight-components-react/button';
 import { SallaProductOptions } from '@salla.sa/twilight-components-react/product-options';
+import { useHostAttributes } from '@salla.sa/twilight-theme-engine/hooks/useHostAttributes';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 function toNumber(value) {
@@ -56,12 +58,77 @@ function moneyCurrency(value) {
   if (typeof value !== "object") return void 0;
   return value.currency;
 }
+function CartItemPrices({ item }) {
+  const { format } = useMoney();
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+    item.offer && /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-500 line-through item-regular-price", children: format(toNumber(item.product_price), {
+      currency: moneyCurrency(item.product_price)
+    }) }),
+    item.is_on_sale && /* @__PURE__ */ jsx("span", { className: "inline-flex gap-1 leading-4 text-sm text-gray-500 line-through item-original-price", children: format(toNumber(item.original_price), {
+      currency: moneyCurrency(item.original_price)
+    }) }),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: `inline-flex gap-1 leading-4 item-price ${item.has_discount ? "text-red-800" : "text-sm text-gray-500"}`,
+        children: format(toNumber(item.price), { currency: moneyCurrency(item.price) })
+      }
+    )
+  ] });
+}
+function CartItemQuantity({ item }) {
+  const { t } = useTranslation();
+  const quantityRef = useHostAttributes({
+    max: item.max_quantity,
+    value: item.quantity,
+    name: "quantity"
+  });
+  if (item.type === "donating") return /* @__PURE__ */ jsx("span", {});
+  if (item.is_hidden_quantity) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "hidden",
+          value: item.quantity,
+          name: "quantity",
+          "aria-label": t("pages.products.quantity")
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "w-10 text-center", children: item.quantity })
+    ] });
+  }
+  return /* @__PURE__ */ jsx(
+    SallaQuantityInput,
+    {
+      ref: quantityRef,
+      cartItemId: item.id,
+      max: item.max_quantity ?? void 0,
+      className: "transition transition-color duration-300",
+      "aria-label": t("pages.products.quantity"),
+      value: item.quantity,
+      name: "quantity"
+    },
+    `${item.id}-${item.quantity}`
+  );
+}
+function CartItemTotal({ item }) {
+  const { t } = useTranslation();
+  const { format } = useMoney();
+  const total = item.detailed_offers?.length ? item.total_special_price : item.total;
+  return /* @__PURE__ */ jsxs("p", { className: "text-primary flex-none font-bold text-sm rtl:md:pl-12 ltr:md:pr-12", children: [
+    /* @__PURE__ */ jsxs("span", { children: [
+      t("pages.cart.total"),
+      ":"
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: "inline-block item-total", children: item.is_available ? format(toNumber(total), { currency: moneyCurrency(total) }) : t("pages.products.out_of_stock") })
+  ] });
+}
 var handleChange = (e) => {
   window.salla?.form.onChange("cart.updateItem", e);
 };
 function CartItem({ item, isFirst = false }) {
   const { t } = useTranslation();
-  const { format } = useMoney();
   const handleDelete = async () => {
     await window.salla?.cart.deleteItem(item.id);
     document.querySelector(`#item-${item.id}`)?.remove();
@@ -82,27 +149,13 @@ function CartItem({ item, isFirst = false }) {
               priority: isFirst
             }
           ),
-          isFreeProduct && /* @__PURE__ */ jsx("div", { className: "free-ribbon absolute top-[11px] right-[-38px] w-32 bg-red-600 text-white text-xs font-bold text-center py-1 rotate-45 shadow-md", children: t("pages.loyalty_program.free_product", "Free") })
+          isFreeProduct && /* @__PURE__ */ jsx("div", { className: "free-ribbon absolute top-[11px] right-[-38px] w-32 bg-red-600 text-white text-xs font-bold text-center py-1 rotate-45 shadow-md", children: t("pages.loyalty_program.free_product") })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
           /* @__PURE__ */ jsx("div", { className: "text-gray-900 leading-6 text-lg font-bold", children: /* @__PURE__ */ jsx(Link, { to: item.url, className: "text-base", children: item.product_name }) }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
-            item.offer && /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-500 line-through item-regular-price", children: format(toNumber(item.product_price), {
-              currency: moneyCurrency(item.product_price)
-            }) }),
-            item.is_on_sale && /* @__PURE__ */ jsx("span", { className: "inline-flex gap-1 leading-4 text-sm text-gray-500 line-through item-original-price", children: format(toNumber(item.original_price), {
-              currency: moneyCurrency(item.original_price)
-            }) }),
-            /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: `inline-flex gap-1 leading-4 item-price ${item.has_discount ? "text-red-800" : "text-sm text-gray-500"}`,
-                children: format(toNumber(item.price), { currency: moneyCurrency(item.price) })
-              }
-            )
-          ] }),
+          /* @__PURE__ */ jsx(CartItemPrices, { item }),
           item.weight_label && /* @__PURE__ */ jsxs("p", { className: "text-sm text-gray-500", children: [
-            t("pages.cart.weight", "Weight"),
+            t("pages.products.weight"),
             ": ",
             /* @__PURE__ */ jsx("span", { children: item.weight_label })
           ] }),
@@ -122,37 +175,8 @@ function CartItem({ item, isFirst = false }) {
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "border-t border-b border-gray-200 py-3 md:p-0 md:border-none mt-5 md:mt-0 flex gap-8 justify-between items-center md:items-start", children: [
-        item.type === "donating" ? /* @__PURE__ */ jsx("span", {}) : item.is_hidden_quantity ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "hidden",
-              value: item.quantity,
-              name: "quantity",
-              "aria-label": t("pages.products.quantity", "Quantity")
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { className: "w-10 text-center", children: item.quantity })
-        ] }) : /* @__PURE__ */ jsx(
-          SallaQuantityInput,
-          {
-            cartItemId: item.id,
-            max: item.max_quantity ?? void 0,
-            className: "transition transition-color duration-300",
-            "aria-label": t("pages.products.quantity", "Quantity"),
-            value: item.quantity,
-            name: "quantity"
-          }
-        ),
-        /* @__PURE__ */ jsxs("p", { className: "text-primary flex-none font-bold text-sm rtl:md:pl-12 ltr:md:pr-12", children: [
-          /* @__PURE__ */ jsxs("span", { children: [
-            t("pages.cart.total", "Total"),
-            ":"
-          ] }),
-          /* @__PURE__ */ jsx("span", { className: "inline-block item-total", children: item.is_available ? item.detailed_offers?.length ? format(toNumber(item.total_special_price), {
-            currency: moneyCurrency(item.total_special_price)
-          }) : format(toNumber(item.total), { currency: moneyCurrency(item.total) }) : t("pages.products.out_of_stock", "Out of Stock") })
-        ] })
+        /* @__PURE__ */ jsx(CartItemQuantity, { item }),
+        /* @__PURE__ */ jsx(CartItemTotal, { item })
       ] })
     ] }),
     item.options && item.options.length > 0 && /* @__PURE__ */ jsx(SallaProductOptions, { options: JSON.stringify(item.options), productId: item.product_id }),
@@ -164,7 +188,7 @@ function CartItem({ item, isFirst = false }) {
         size: "small",
         color: "danger",
         className: "btn--delete",
-        ariaLabel: t("common.elements.remove", "Remove from the cart"),
+        ariaLabel: t("common.elements.remove"),
         onClick: handleDelete,
         children: /* @__PURE__ */ jsx("i", { className: "sicon-cancel" })
       }
@@ -173,5 +197,5 @@ function CartItem({ item, isFirst = false }) {
 }
 
 export { CartItem };
-//# sourceMappingURL=CartItem-XRWTSJB5.js.map
-//# sourceMappingURL=CartItem-XRWTSJB5.js.map
+//# sourceMappingURL=CartItem-T4N3HMXU.js.map
+//# sourceMappingURL=CartItem-T4N3HMXU.js.map

package/dist/CartItem-T4N3HMXU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/cart/CartItem.tsx"],"names":[],"mappings":"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","file":"CartItem-T4N3HMXU.js","sourcesContent":["import type { Money, CartItem as CartItemType } from '../../types';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { useMoney } from '../../hooks/useMoney';\nimport { Link, Image } from '../common';\nimport { SallaCartItemOffers } from '@salla.sa/twilight-components-react/cart-item-offers';\nimport { SallaQuantityInput } from '@salla.sa/twilight-components-react/quantity-input';\nimport { SallaButton } from '@salla.sa/twilight-components-react/button';\nimport { SallaProductOptions } from '@salla.sa/twilight-components-react/product-options';\nimport { useHostAttributes } from '@salla.sa/twilight-theme-engine/hooks/useHostAttributes';\n\ninterface CartItemProps {\n  item: CartItemType;\n  isFirst?: boolean;\n}\n\nfunction toNumber(value: number | Money | undefined): number | undefined {\n  if (value === undefined) return undefined;\n  if (typeof value === 'number') return value;\n  return value.amount;\n}\n\nfunction moneyCurrency(value: number | Money | undefined): string | undefined {\n  if (typeof value !== 'object') return undefined;\n  return value.currency;\n}\n\nfunction CartItemPrices({ item }: { item: CartItemType }) {\n  const { format } = useMoney();\n  return (\n    <div className=\"flex items-center gap-2 flex-wrap\">\n      {item.offer && (\n        <span className=\"text-sm text-gray-500 line-through item-regular-price\">\n          {format(toNumber(item.product_price), {\n            currency: moneyCurrency(item.product_price),\n          })}\n        </span>\n      )}\n\n      {item.is_on_sale && (\n        <span className=\"inline-flex gap-1 leading-4 text-sm text-gray-500 line-through item-original-price\">\n          {format(toNumber(item.original_price), {\n            currency: moneyCurrency(item.original_price),\n          })}\n        </span>\n      )}\n\n      <span\n        className={`inline-flex gap-1 leading-4 item-price ${item.has_discount ? 'text-red-800' : 'text-sm text-gray-500'}`}\n      >\n        {format(toNumber(item.price), { currency: moneyCurrency(item.price) })}\n      </span>\n    </div>\n  );\n}\n\nfunction CartItemQuantity({ item }: { item: CartItemType }) {\n  const { t } = useTranslation();\n  const quantityRef = useHostAttributes({\n    max: item.max_quantity,\n    value: item.quantity,\n    name: 'quantity',\n  });\n\n  if (item.type === 'donating') return <span></span>;\n\n  if (item.is_hidden_quantity) {\n    return (\n      <>\n        <input\n          type=\"hidden\"\n          value={item.quantity}\n          name=\"quantity\"\n          aria-label={t('pages.products.quantity')}\n        />\n        <span className=\"w-10 text-center\">{item.quantity}</span>\n      </>\n    );\n  }\n\n  return (\n    <SallaQuantityInput\n      // The loaded component reads `value` only once, so remount when the quantity changes.\n      key={`${item.id}-${item.quantity}`}\n      ref={quantityRef}\n      cartItemId={item.id}\n      max={item.max_quantity ?? undefined}\n      className=\"transition transition-color duration-300\"\n      aria-label={t('pages.products.quantity')}\n      value={item.quantity}\n      name=\"quantity\"\n    />\n  );\n}\n\nfunction CartItemTotal({ item }: { item: CartItemType }) {\n  const { t } = useTranslation();\n  const { format } = useMoney();\n  const total = item.detailed_offers?.length ? item.total_special_price : item.total;\n  return (\n    <p className=\"text-primary flex-none font-bold text-sm rtl:md:pl-12 ltr:md:pr-12\">\n      <span>{t('pages.cart.total')}:</span>\n      <span className=\"inline-block item-total\">\n        {item.is_available\n          ? format(toNumber(total), { currency: moneyCurrency(total) })\n          : t('pages.products.out_of_stock')}\n      </span>\n    </p>\n  );\n}\n\nconst handleChange = (e: React.ChangeEvent<HTMLFormElement>) => {\n  window.salla?.form.onChange('cart.updateItem', e);\n};\n\nexport function CartItem({ item, isFirst = false }: CartItemProps) {\n  const { t } = useTranslation();\n\n  const handleDelete = async () => {\n    await window.salla?.cart.deleteItem(item.id);\n    document.querySelector(`#item-${item.id}`)?.remove();\n  };\n\n  const isFreeProduct = toNumber(item.price) === 0 && item.has_discount;\n\n  return (\n    <form onChange={handleChange} id={`item-${item.id}`}>\n      <section className=\"cart-item bg-white p-5 xs:p-7 rounded-md mb-5 relative\">\n        <input type=\"hidden\" name=\"id\" value={item.id} />\n\n        <div className=\"md:flex rtl:space-x-reverse md:space-x-12 items-start justify-between mb-8 last:mb-0\">\n          <div className=\"flex flex-1 rtl:space-x-reverse space-x-4\">\n            <Link to={item.url} className=\"relative overflow-hidden shrink-0\">\n              <Image\n                src={item.product_image}\n                alt={item.product_name}\n                className=\"flex-none w-24 h-20 border border-gray-200 bg-gray-100 rounded-md object-center object-cover\"\n                aspectRatio=\"6/5\"\n                priority={isFirst}\n              />\n\n              {isFreeProduct && (\n                <div className=\"free-ribbon absolute top-[11px] right-[-38px] w-32 bg-red-600 text-white text-xs font-bold text-center py-1 rotate-45 shadow-md\">\n                  {/* Twig: trans('pages.loyalty_program.free_product') */}\n                  {t('pages.loyalty_program.free_product')}\n                </div>\n              )}\n            </Link>\n\n            <div className=\"space-y-1\">\n              <div className=\"text-gray-900 leading-6 text-lg font-bold\">\n                <Link to={item.url} className=\"text-base\">\n                  {item.product_name}\n                </Link>\n              </div>\n\n              <CartItemPrices item={item} />\n\n              {item.weight_label && (\n                <p className=\"text-sm text-gray-500\">\n                  {t('pages.products.weight')}: <span>{item.weight_label}</span>\n                </p>\n              )}\n\n              {/* Twig: class=\"{{ item.detailed_offers ? 'hidden' : '' }}\": hide old offer when detailed_offers present */}\n              {item.offer && !item.detailed_offers?.length && (\n                <span className=\"old-offers flex items-center gap-1 mx-1.5\">\n                  <i className=\"sicon-discount-calculator text-gray-500 offer-icon\"></i>\n                  <span className=\"text-sm text-gray-500 offer-name\">{item.offer.names}</span>\n                </span>\n              )}\n\n              {item.detailed_offers && item.detailed_offers.length > 0 && (\n                <SallaCartItemOffers\n                  quantity={item.quantity}\n                  itemId={String(item.id) as any}\n                  productPrice={toNumber(item.product_price) ?? 0}\n                  offers={JSON.stringify(item.detailed_offers)}\n                />\n              )}\n            </div>\n          </div>\n\n          <div className=\"border-t border-b border-gray-200 py-3 md:p-0 md:border-none mt-5 md:mt-0 flex gap-8 justify-between items-center md:items-start\">\n            <CartItemQuantity item={item} />\n\n            <CartItemTotal item={item} />\n          </div>\n        </div>\n\n        {/* Twig: {% include 'pages.partials.product.options' with {product:item} %} */}\n        {item.options && item.options.length > 0 && (\n          <SallaProductOptions options={JSON.stringify(item.options)} productId={item.product_id} />\n        )}\n\n        <span className=\"absolute top-1.5 rtl:left-1.5 ltr:right-1.5 rtl:xs:left-5 ltr:xs:right-5 xs:top-5\">\n          <SallaButton\n            type=\"button\"\n            shape=\"icon\"\n            size=\"small\"\n            color=\"danger\"\n            className=\"btn--delete\"\n            ariaLabel={t('common.elements.remove')}\n            onClick={handleDelete}\n          >\n            <i className=\"sicon-cancel\"></i>\n          </SallaButton>\n        </span>\n      </section>\n    </form>\n  );\n}\n"]}

package/dist/{CartSummary-F6BY5APF.js → CartSummary-Z25JDFWN.js}

@@ -1,13 +1,14 @@
 import { stripUnsafeHtml } from './chunk-RUHSV4Z6.js';
-import { useMoney } from './chunk-2U3PUO3V.js';
-import './chunk-3YVAYIM4.js';
+import { useMoney } from './chunk-EIJXSBL6.js';
+import './chunk-4KTY2FT6.js';
 import './chunk-JKIRRMBU.js';
 import './chunk-2JV6WZ6O.js';
 import './chunk-UIOLSYKV.js';
 import './chunk-VVZNW5CB.js';
 import './chunk-2XGQSJKH.js';
-import './chunk-WH225GEC.js';
-import './chunk-TFB3QXYH.js';
+import './chunk-I62RENKM.js';
+import './chunk-ZGHRSRDO.js';
+import './chunk-GOPUP26T.js';
 import './chunk-C5X6CVXC.js';
 import './chunk-UZKTK6YV.js';
 import './chunk-5X2UFNKY.js';
@@ -19,19 +20,19 @@ import './chunk-N2S25NXP.js';
 import './chunk-TP3LCGE7.js';
 import './chunk-Z653O7MX.js';
 import './chunk-ZCH7W7DZ.js';
-import './chunk-3U26OMNO.js';
+import './chunk-PWBMSGMU.js';
 import './chunk-JWXJPJBO.js';
 import './chunk-CW625T2E.js';
+import './chunk-7V36I5GT.js';
 import { useCoupon } from './chunk-BVSJPBJ6.js';
 import './chunk-GBWCXUPD.js';
 import './chunk-OAMIDZKW.js';
 import { useTranslation } from './chunk-TYNZ5B2B.js';
 import './chunk-T72DAX7R.js';
-import './chunk-YMVLYYLU.js';
 import './chunk-RJPPO3ET.js';
 import { HookSlot } from './chunk-Q7VWURUR.js';
 import './chunk-GU2KUQVD.js';
-import './chunk-TLAEW7TB.js';
+import './chunk-UH5ZXDEO.js';
 import './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-SKLEJJ6M.js';
@@ -238,5 +239,5 @@ function CouponInput({ initialCoupon }) {
 }
 
 export { CartSummary };
-//# sourceMappingURL=CartSummary-F6BY5APF.js.map
-//# sourceMappingURL=CartSummary-F6BY5APF.js.map
+//# sourceMappingURL=CartSummary-Z25JDFWN.js.map
+//# sourceMappingURL=CartSummary-Z25JDFWN.js.map

package/dist/CartSummary-Z25JDFWN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/cart/CartSummary.tsx"],"names":[],"mappings":"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","file":"CartSummary-Z25JDFWN.js","sourcesContent":["import { useCallback } from 'react';\nimport { HookSlot } from '../../hooks/HookSlot';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { useCoupon } from '../../hooks/useCoupon';\nimport { useMoney } from '../../hooks/useMoney';\nimport { stripUnsafeHtml } from '../../utils/sanitize';\nimport { SallaLoyalty } from '@salla.sa/twilight-components-react/loyalty';\nimport { SallaGifting } from '@salla.sa/twilight-components-react/gifting';\nimport { SallaButton } from '@salla.sa/twilight-components-react/button';\nimport { SallaTieredOffer } from '@salla.sa/twilight-components-react/tiered-offer';\nimport type { Cart } from '../../types';\n\ninterface CartSummaryProps {\n  cart: Cart;\n  applyCouponEnabled?: boolean;\n  taxAmount?: number;\n  loyalty?: Cart['loyalty'];\n  gift?: Cart['gift'];\n  loyaltyPoints?: number;\n}\n\nexport function CartSummary({\n  cart,\n  applyCouponEnabled = true,\n  taxAmount,\n  loyalty,\n  gift,\n  loyaltyPoints,\n}: CartSummaryProps) {\n  const { t } = useTranslation();\n  const { format } = useMoney();\n\n  const handleCartSubmit = useCallback(async () => {\n    try {\n      await window.salla?.cart.submit();\n    } catch {\n      // Error handling\n    }\n  }, []);\n\n  return (\n    <div className=\"sticky top-24 w-full lg:w-96 rtl:lg:mr-8 ltr:lg:ml-8\">\n      <HookSlot name=\"cart:summary.start\" />\n      {cart.free_shipping_bar && <FreeShippingBar freeShippingBar={cart.free_shipping_bar} />}\n\n      {/* Twig: {% if loyalty and user.loyalty_points %} — top-level page vars rendered inside sidebar */}\n      {loyalty && loyaltyPoints && (\n        <div className=\"shadow-default mb-5 rounded-md p-3 xs:p-7 bg-white\">\n          <SallaLoyalty\n            customerPoints={loyaltyPoints}\n            prizePoints={loyalty.prize.points}\n            prizeTitle={loyalty.prize.title}\n          />\n        </div>\n      )}\n\n      {/* Twig: {{gift.enabled ? '' : 'hidden'}} — top-level page var rendered inside sidebar */}\n      {gift?.enabled && (\n        <div id=\"cart-gifting\" className=\"shadow-default bg-white xs:p-2 rounded-md mb-5 relative\">\n          <SallaGifting\n            id=\"salla-gifting\"\n            className=\"mt-5\"\n            widgetTitle={t('pages.cart.gift_widget_title', 'Send as a gift')}\n            widgetSubtitle={gift.text}\n            {...(gift.type ? { [gift.type + 'Products']: true } : {})}\n            vertical\n          />\n        </div>\n      )}\n\n      <div className=\"shadow-default bg-white p-5 xs:p-7 rounded-md mb-5 relative transition-height duration-1000\">\n        <h2 className=\"font-bold text-sm mb-5\">{t('pages.cart.summary', 'Order Summary')}</h2>\n\n        <div className=\"flex justify-between text-sm mb-5\">\n          <span className=\"text-gray-500\">\n            {taxAmount\n              ? t('pages.cart.items_total_without_tax', 'Items total (excl. tax)')\n              : t('pages.cart.items_total', 'Items total')}\n          </span>\n          <b id=\"sub-total\">{format(cart.sub_total)}</b>\n        </div>\n\n        {cart.options?.length > 0 && (\n          <div className=\"flex justify-between text-sm mb-5\">\n            <span className=\"text-gray-500\">\n              {t('pages.cart.order_options_total', 'Options total')}\n            </span>\n            <b id=\"cart-options-total\">{format(cart.options_total ?? undefined)}</b>\n          </div>\n        )}\n\n        {cart.has_shipping && (\n          <div id=\"shipping-cost\" className=\"flex justify-between text-sm mb-5\">\n            <span className=\"text-gray-500\">{t('pages.cart.shipping_cost', 'Shipping cost')}</span>\n            <b>{format(cart.real_shipping_cost)}</b>\n          </div>\n        )}\n\n        {applyCouponEnabled && <CouponInput initialCoupon={cart.coupon ?? undefined} />}\n\n        {!!cart.total_discount && (\n          <div id=\"total-discount\" className=\"flex justify-between text-sm\">\n            <span className=\"text-gray-500 block h-10\">{t('pages.cart.discount', 'Discount')}</span>\n            <b>- {format(cart.total_discount)}</b>\n          </div>\n        )}\n\n        {!!taxAmount && (\n          <div className=\"flex justify-between text-sm mb-5\">\n            <span className=\"text-gray-500\">\n              {t('pages.cart.VAT_tax_amount', 'VAT Tax Amount')}\n            </span>\n            <b id=\"tax-amount\">{format(taxAmount)}</b>\n          </div>\n        )}\n\n        <div className=\"flex justify-between text-lg mb-5\">\n          <span className=\"text-gray-500\">{t('pages.cart.final_total', 'Total')}</span>\n          <b data-cart-total>{format(cart.total)}</b>\n        </div>\n\n        <div className=\"cart-submit-wrap\">\n          <HookSlot name=\"cart:submit.start\" />\n          <SallaButton\n            id=\"cart-submit\"\n            loaderPosition=\"center\"\n            width=\"wide\"\n            onClick={handleCartSubmit}\n          >\n            {t('pages.cart.complete_order', 'Complete Order')}\n          </SallaButton>\n          <HookSlot name=\"cart:submit.end\" />\n        </div>\n\n        <HookSlot name=\"cart:summary.end\" />\n      </div>\n\n      <SallaTieredOffer />\n    </div>\n  );\n}\n\nfunction FreeShippingBar({\n  freeShippingBar,\n}: {\n  freeShippingBar: NonNullable<Cart['free_shipping_bar']>;\n}) {\n  const isFree = freeShippingBar.has_free_shipping;\n  const { t } = useTranslation();\n\n  return (\n    <div className=\"shadow-default bg-white p-5 xs:p-7 rounded-md mb-5 relative\" id=\"free-shipping\">\n      <div className=\"flex rtl:space-x-reverse space-x-3 items-center\">\n        <i className=\"bg-primary text-white rounded-icon sicon-shipping-fast\"></i>\n        <div className=\"flex-1\">\n          <h4 className=\"shipping-item font-bold text-sm mb-1.5\">\n            {t('pages.cart.free_shipping', 'Free Shipping')}\n          </h4>\n          <p className=\"shipping-item text-sm text-gray-500\">\n            {isFree ? (\n              <>\n                <span\n                  id=\"free-shipping-msg\"\n                  dangerouslySetInnerHTML={{\n                    __html: stripUnsafeHtml(\n                      t('pages.cart.has_free_shipping', 'You have free shipping!')\n                    ),\n                  }}\n                />\n                <span className=\"emoji\" id=\"free-shipping-applied\">\n                  🎉\n                </span>\n              </>\n            ) : (\n              <span\n                id=\"free-shipping-msg\"\n                dangerouslySetInnerHTML={{\n                  __html: stripUnsafeHtml(\n                    t(\n                      'pages.cart.free_shipping_alert',\n                      'Get free shipping when you add :amount more'\n                    ).replace(':amount', String(freeShippingBar.remaining))\n                  ),\n                }}\n              />\n            )}\n          </p>\n        </div>\n      </div>\n      {!isFree && (\n        <div className=\"mt-8 bg-border-color rounded-full\" id=\"free-shipping-bar\">\n          <div\n            className=\"progress-bg transition-all duration-500 h-2.5 bg-primary relative rounded-full flex justify-end\"\n            style={{ width: `${freeShippingBar.percent}%` }}\n          >\n            <i className=\"inline-block sicon-shipping-fast absolute -top-5 rtl:left-0 ltr:right-0\"></i>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction CouponInput({ initialCoupon }: { initialCoupon?: string }) {\n  const { t } = useTranslation();\n  const { value, error, apply, remove } = useCoupon();\n\n  // Use initial coupon from cart if available\n  const appliedCoupon = value ?? initialCoupon;\n\n  const handleApplyCoupon = useCallback(\n    async (event: React.FormEvent<HTMLFormElement>) => {\n      event.preventDefault();\n      const formData = new FormData(event.currentTarget);\n      const code = formData.get('coupon') as string;\n      if (code?.trim()) {\n        await apply(code.trim());\n      }\n    },\n    [apply]\n  );\n\n  const handleRemoveCoupon = useCallback(async () => {\n    await remove();\n  }, [remove]);\n\n  return (\n    <form className=\"border-t border-gray-200 border-b py-5 mb-5\" onSubmit={handleApplyCoupon}>\n      <label htmlFor=\"coupon-input\" className=\"block text-sm\">\n        {t('pages.cart.have_coupon', 'Have a coupon?')}\n      </label>\n      <div className=\"mt-2.5 relative\">\n        <input\n          placeholder={t('pages.cart.coupon_placeholder', 'Enter coupon code')}\n          disabled={!!appliedCoupon}\n          className=\"rtl:pl-24 ltr:pr-24 form-input\"\n          defaultValue={appliedCoupon}\n          id=\"coupon-input\"\n          name=\"coupon\"\n          aria-label={t('pages.cart.apply_coupon', 'Apply coupon')}\n          type=\"text\"\n        />\n\n        <SallaButton\n          type=\"submit\"\n          className={`btn--coupon ${appliedCoupon ? 'has-coupon btn--danger' : 'has-not-coupon btn--default'}`}\n          loaderPosition=\"center\"\n          onClick={appliedCoupon ? handleRemoveCoupon : undefined}\n        >\n          <span className=\"coupon-text\">\n            {appliedCoupon ? '' : t('pages.cart.apply_coupon_btn', 'Apply')}\n          </span>\n          {appliedCoupon && <i className=\"sicon-cancel icon text-xl w-8\"></i>}\n        </SallaButton>\n      </div>\n      {error && (\n        <span className=\"text-xs text-red-700\" id=\"coupon-error\">\n          {error}\n        </span>\n      )}\n    </form>\n  );\n}\n"]}

package/dist/{Copyright-TEDF6HMC.js → Copyright-WNJIDKSR.js}

@@ -1,10 +1,10 @@
 export { Copyright } from './chunk-JKIRRMBU.js';
 import './chunk-TYNZ5B2B.js';
 import './chunk-T72DAX7R.js';
-import './chunk-TLAEW7TB.js';
+import './chunk-UH5ZXDEO.js';
 import './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-SKLEJJ6M.js';
 import './chunk-DGUM43GV.js';
-//# sourceMappingURL=Copyright-TEDF6HMC.js.map
-//# sourceMappingURL=Copyright-TEDF6HMC.js.map
+//# sourceMappingURL=Copyright-WNJIDKSR.js.map
+//# sourceMappingURL=Copyright-WNJIDKSR.js.map

package/dist/{Copyright-TEDF6HMC.js.map → Copyright-WNJIDKSR.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Copyright-TEDF6HMC.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Copyright-WNJIDKSR.js"}

package/dist/{CustomerLayout-T5BSTU6T.js → CustomerLayout-A6DVYYC3.js}

@@ -1,12 +1,13 @@
-import './chunk-2U3PUO3V.js';
-import './chunk-3YVAYIM4.js';
+import './chunk-EIJXSBL6.js';
+import './chunk-4KTY2FT6.js';
 import './chunk-JKIRRMBU.js';
 import './chunk-2JV6WZ6O.js';
 import './chunk-UIOLSYKV.js';
 import './chunk-VVZNW5CB.js';
 import './chunk-2XGQSJKH.js';
-import './chunk-WH225GEC.js';
-import './chunk-TFB3QXYH.js';
+import './chunk-I62RENKM.js';
+import './chunk-ZGHRSRDO.js';
+import './chunk-GOPUP26T.js';
 import './chunk-C5X6CVXC.js';
 import { useUser } from './chunk-UZKTK6YV.js';
 import './chunk-5X2UFNKY.js';
@@ -18,19 +19,19 @@ import './chunk-N2S25NXP.js';
 import './chunk-TP3LCGE7.js';
 import './chunk-Z653O7MX.js';
 import './chunk-ZCH7W7DZ.js';
-import './chunk-3U26OMNO.js';
+import './chunk-PWBMSGMU.js';
 import { useDocumentClass } from './chunk-JWXJPJBO.js';
 import './chunk-CW625T2E.js';
+import './chunk-7V36I5GT.js';
 import './chunk-BVSJPBJ6.js';
 import './chunk-GBWCXUPD.js';
 import './chunk-OAMIDZKW.js';
 import './chunk-TYNZ5B2B.js';
 import './chunk-T72DAX7R.js';
-import './chunk-YMVLYYLU.js';
 import './chunk-RJPPO3ET.js';
 import './chunk-Q7VWURUR.js';
 import './chunk-GU2KUQVD.js';
-import { LazyBreadcrumb } from './chunk-TLAEW7TB.js';
+import { LazyBreadcrumb } from './chunk-UH5ZXDEO.js';
 import './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-SKLEJJ6M.js';
@@ -71,5 +72,5 @@ function CustomerLayout({ children, page }) {
 }
 
 export { CustomerLayout };
-//# sourceMappingURL=CustomerLayout-T5BSTU6T.js.map
-//# sourceMappingURL=CustomerLayout-T5BSTU6T.js.map
+//# sourceMappingURL=CustomerLayout-A6DVYYC3.js.map
+//# sourceMappingURL=CustomerLayout-A6DVYYC3.js.map

package/dist/CustomerLayout-A6DVYYC3.js.map

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

package/dist/{Footer-IRX2WAEF.js → Footer-3YBOSAO5.js}

@@ -1,12 +1,13 @@
-export { Footer } from './chunk-2U3PUO3V.js';
-import './chunk-3YVAYIM4.js';
+export { Footer } from './chunk-EIJXSBL6.js';
+import './chunk-4KTY2FT6.js';
 import './chunk-JKIRRMBU.js';
 import './chunk-2JV6WZ6O.js';
 import './chunk-UIOLSYKV.js';
 import './chunk-VVZNW5CB.js';
 import './chunk-2XGQSJKH.js';
-import './chunk-WH225GEC.js';
-import './chunk-TFB3QXYH.js';
+import './chunk-I62RENKM.js';
+import './chunk-ZGHRSRDO.js';
+import './chunk-GOPUP26T.js';
 import './chunk-C5X6CVXC.js';
 import './chunk-UZKTK6YV.js';
 import './chunk-5X2UFNKY.js';
@@ -18,19 +19,19 @@ import './chunk-N2S25NXP.js';
 import './chunk-TP3LCGE7.js';
 import './chunk-Z653O7MX.js';
 import './chunk-ZCH7W7DZ.js';
-import './chunk-3U26OMNO.js';
+import './chunk-PWBMSGMU.js';
 import './chunk-JWXJPJBO.js';
 import './chunk-CW625T2E.js';
+import './chunk-7V36I5GT.js';
 import './chunk-BVSJPBJ6.js';
 import './chunk-GBWCXUPD.js';
 import './chunk-OAMIDZKW.js';
 import './chunk-TYNZ5B2B.js';
 import './chunk-T72DAX7R.js';
-import './chunk-YMVLYYLU.js';
 import './chunk-RJPPO3ET.js';
 import './chunk-Q7VWURUR.js';
 import './chunk-GU2KUQVD.js';
-import './chunk-TLAEW7TB.js';
+import './chunk-UH5ZXDEO.js';
 import './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-SKLEJJ6M.js';
@@ -41,5 +42,5 @@ import './chunk-HX3YKS5W.js';
 import './chunk-OBSAH7K6.js';
 import './chunk-DF6FBKDN.js';
 import './chunk-DGUM43GV.js';
-//# sourceMappingURL=Footer-IRX2WAEF.js.map
-//# sourceMappingURL=Footer-IRX2WAEF.js.map
+//# sourceMappingURL=Footer-3YBOSAO5.js.map
+//# sourceMappingURL=Footer-3YBOSAO5.js.map

package/dist/{Footer-IRX2WAEF.js.map → Footer-3YBOSAO5.js.map}

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

package/dist/{Header-HQKDTZSI.js → Header-6M7TVMSW.js}

@@ -1,17 +1,17 @@
-export { Header } from './chunk-3YVAYIM4.js';
-import './chunk-WH225GEC.js';
-import './chunk-TFB3QXYH.js';
+export { Header } from './chunk-4KTY2FT6.js';
+import './chunk-I62RENKM.js';
+import './chunk-ZGHRSRDO.js';
 import './chunk-SR4OTLTJ.js';
 import './chunk-N2S25NXP.js';
 import './chunk-TYNZ5B2B.js';
 import './chunk-T72DAX7R.js';
 import './chunk-Q7VWURUR.js';
 import './chunk-GU2KUQVD.js';
-import './chunk-TLAEW7TB.js';
+import './chunk-UH5ZXDEO.js';
 import './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-SKLEJJ6M.js';
 import './chunk-DF6FBKDN.js';
 import './chunk-DGUM43GV.js';
-//# sourceMappingURL=Header-HQKDTZSI.js.map
-//# sourceMappingURL=Header-HQKDTZSI.js.map
+//# sourceMappingURL=Header-6M7TVMSW.js.map
+//# sourceMappingURL=Header-6M7TVMSW.js.map

package/dist/{Header-HQKDTZSI.js.map → Header-6M7TVMSW.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Header-HQKDTZSI.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Header-6M7TVMSW.js"}