@salla.sa/twilight-theme-engine 1.0.0-beta.4

package/dist/CartSummary-OKDGVSX2.js

@@ -0,0 +1,236 @@
+import { stripUnsafeHtml } from './chunk-RUHSV4Z6.js';
+import { useMoney } from './chunk-GLM3RPCP.js';
+import './chunk-QTDGM2SO.js';
+import './chunk-5Q6PFLDN.js';
+import './chunk-GO34DE35.js';
+import './chunk-VVZNW5CB.js';
+import './chunk-LBUMC5PB.js';
+import './chunk-MTONGOJD.js';
+import './chunk-2FU6CVSB.js';
+import './chunk-I5Z4NJBB.js';
+import './chunk-TCSNNCRH.js';
+import './chunk-2TB2LTL2.js';
+import './chunk-QYL5OHAV.js';
+import './chunk-KIPZQN3Y.js';
+import './chunk-Z653O7MX.js';
+import './chunk-ZCH7W7DZ.js';
+import './chunk-SSRNIBVV.js';
+import './chunk-GN34LCTG.js';
+import './chunk-CW625T2E.js';
+import { useCoupon } from './chunk-BVSJPBJ6.js';
+import './chunk-GBWCXUPD.js';
+import './chunk-UIX3W2PN.js';
+import { useTranslation } from './chunk-VVRYP6IL.js';
+import './chunk-T72DAX7R.js';
+import './chunk-YMVLYYLU.js';
+import './chunk-RYBA3JDM.js';
+import { HookSlot } from './chunk-25SSLQAJ.js';
+import './chunk-J37AYLWL.js';
+import './chunk-2KF5JJU6.js';
+import './chunk-TZ4YD5CU.js';
+import './chunk-XUI3TRXF.js';
+import './chunk-6BZ5TKEV.js';
+import './chunk-UE3BUFZI.js';
+import './chunk-3DCZJDDK.js';
+import './chunk-3UHSMGPY.js';
+import './chunk-MXQCE3KA.js';
+import './chunk-BWFBVXT3.js';
+import './chunk-DGUM43GV.js';
+import { useCallback } from 'react';
+import { SallaLoyalty } from '@salla.sa/twilight-components-react/loyalty';
+import { SallaGifting } from '@salla.sa/twilight-components-react/gifting';
+import { SallaButton } from '@salla.sa/twilight-components-react/button';
+import { SallaTieredOffer } from '@salla.sa/twilight-components-react/tiered-offer';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function CartSummary({
+  cart,
+  applyCouponEnabled = true,
+  taxAmount,
+  loyalty,
+  gift,
+  loyaltyPoints
+}) {
+  const { t } = useTranslation();
+  const { format } = useMoney();
+  const handleCartSubmit = useCallback(async () => {
+    try {
+      await window.salla?.cart.submit();
+    } catch {
+    }
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { className: "sticky top-24 w-full lg:w-96 rtl:lg:mr-8 ltr:lg:ml-8", children: [
+    /* @__PURE__ */ jsx(HookSlot, { name: "cart:summary.start" }),
+    cart.free_shipping_bar && /* @__PURE__ */ jsx(FreeShippingBar, { freeShippingBar: cart.free_shipping_bar }),
+    loyalty && loyaltyPoints && /* @__PURE__ */ jsx("div", { className: "shadow-default mb-5 rounded-md p-3 xs:p-7 bg-white", children: /* @__PURE__ */ jsx(
+      SallaLoyalty,
+      {
+        customerPoints: loyaltyPoints,
+        prizePoints: loyalty.prize.points,
+        prizeTitle: loyalty.prize.title
+      }
+    ) }),
+    gift?.enabled && /* @__PURE__ */ jsx("div", { id: "cart-gifting", className: "shadow-default bg-white xs:p-2 rounded-md mb-5 relative", children: /* @__PURE__ */ jsx(
+      SallaGifting,
+      {
+        id: "salla-gifting",
+        className: "mt-5",
+        widgetTitle: t("pages.cart.gift_widget_title", "Send as a gift"),
+        widgetSubtitle: gift.text,
+        ...gift.type ? { [gift.type + "Products"]: true } : {},
+        vertical: true
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "shadow-default bg-white p-5 xs:p-7 rounded-md mb-5 relative transition-height duration-1000", children: [
+      /* @__PURE__ */ jsx("h2", { className: "font-bold text-sm mb-5", children: t("pages.cart.summary", "Order Summary") }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm mb-5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-gray-500", children: taxAmount ? t("pages.cart.items_total_without_tax", "Items total (excl. tax)") : t("pages.cart.items_total", "Items total") }),
+        /* @__PURE__ */ jsx("b", { id: "sub-total", children: format(cart.sub_total) })
+      ] }),
+      cart.options?.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm mb-5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-gray-500", children: t("pages.cart.order_options_total", "Options total") }),
+        /* @__PURE__ */ jsx("b", { id: "cart-options-total", children: format(cart.options_total ?? void 0) })
+      ] }),
+      cart.has_shipping && /* @__PURE__ */ jsxs("div", { id: "shipping-cost", className: "flex justify-between text-sm mb-5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-gray-500", children: t("pages.cart.shipping_cost", "Shipping cost") }),
+        /* @__PURE__ */ jsx("b", { children: format(cart.real_shipping_cost) })
+      ] }),
+      applyCouponEnabled && /* @__PURE__ */ jsx(CouponInput, { initialCoupon: cart.coupon ?? void 0 }),
+      !!cart.total_discount && /* @__PURE__ */ jsxs("div", { id: "total-discount", className: "flex justify-between text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-gray-500 block h-10", children: t("pages.cart.discount", "Discount") }),
+        /* @__PURE__ */ jsxs("b", { children: [
+          "- ",
+          format(cart.total_discount)
+        ] })
+      ] }),
+      !!taxAmount && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm mb-5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-gray-500", children: t("pages.cart.VAT_tax_amount", "VAT Tax Amount") }),
+        /* @__PURE__ */ jsx("b", { id: "tax-amount", children: format(taxAmount) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-lg mb-5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-gray-500", children: t("pages.cart.final_total", "Total") }),
+        /* @__PURE__ */ jsx("b", { "data-cart-total": true, children: format(cart.total) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "cart-submit-wrap", children: [
+        /* @__PURE__ */ jsx(HookSlot, { name: "cart:submit.start" }),
+        /* @__PURE__ */ jsx(
+          SallaButton,
+          {
+            id: "cart-submit",
+            loaderPosition: "center",
+            width: "wide",
+            onClick: handleCartSubmit,
+            children: t("pages.cart.complete_order", "Complete Order")
+          }
+        ),
+        /* @__PURE__ */ jsx(HookSlot, { name: "cart:submit.end" })
+      ] }),
+      /* @__PURE__ */ jsx(HookSlot, { name: "cart:summary.end" })
+    ] }),
+    /* @__PURE__ */ jsx(SallaTieredOffer, {})
+  ] });
+}
+function FreeShippingBar({
+  freeShippingBar
+}) {
+  const isFree = freeShippingBar.has_free_shipping;
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: "shadow-default bg-white p-5 xs:p-7 rounded-md mb-5 relative", id: "free-shipping", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex rtl:space-x-reverse space-x-3 items-center", children: [
+      /* @__PURE__ */ jsx("i", { className: "bg-primary text-white rounded-icon sicon-shipping-fast" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx("h4", { className: "shipping-item font-bold text-sm mb-1.5", children: t("pages.cart.free_shipping", "Free Shipping") }),
+        /* @__PURE__ */ jsx("p", { className: "shipping-item text-sm text-gray-500", children: isFree ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              id: "free-shipping-msg",
+              dangerouslySetInnerHTML: {
+                __html: stripUnsafeHtml(
+                  t("pages.cart.has_free_shipping", "You have free shipping!")
+                )
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "emoji", id: "free-shipping-applied", children: "\u{1F389}" })
+        ] }) : /* @__PURE__ */ jsx(
+          "span",
+          {
+            id: "free-shipping-msg",
+            dangerouslySetInnerHTML: {
+              __html: stripUnsafeHtml(
+                t(
+                  "pages.cart.free_shipping_alert",
+                  "Get free shipping when you add :amount more"
+                ).replace(":amount", String(freeShippingBar.remaining))
+              )
+            }
+          }
+        ) })
+      ] })
+    ] }),
+    !isFree && /* @__PURE__ */ jsx("div", { className: "mt-8 bg-border-color rounded-full", id: "free-shipping-bar", children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "progress-bg transition-all duration-500 h-2.5 bg-primary relative rounded-full flex justify-end",
+        style: { width: `${freeShippingBar.percent}%` },
+        children: /* @__PURE__ */ jsx("i", { className: "inline-block sicon-shipping-fast absolute -top-5 rtl:left-0 ltr:right-0" })
+      }
+    ) })
+  ] });
+}
+function CouponInput({ initialCoupon }) {
+  const { t } = useTranslation();
+  const { value, error, apply, remove } = useCoupon();
+  const appliedCoupon = value ?? initialCoupon;
+  const handleApplyCoupon = useCallback(
+    async (event) => {
+      event.preventDefault();
+      const formData = new FormData(event.currentTarget);
+      const code = formData.get("coupon");
+      if (code?.trim()) {
+        await apply(code.trim());
+      }
+    },
+    [apply]
+  );
+  const handleRemoveCoupon = useCallback(async () => {
+    await remove();
+  }, [remove]);
+  return /* @__PURE__ */ jsxs("form", { className: "border-t border-gray-200 border-b py-5 mb-5", onSubmit: handleApplyCoupon, children: [
+    /* @__PURE__ */ jsx("label", { htmlFor: "coupon-input", className: "block text-sm", children: t("pages.cart.have_coupon", "Have a coupon?") }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-2.5 relative", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          placeholder: t("pages.cart.coupon_placeholder", "Enter coupon code"),
+          disabled: !!appliedCoupon,
+          className: "rtl:pl-24 ltr:pr-24 form-input",
+          defaultValue: appliedCoupon,
+          id: "coupon-input",
+          name: "coupon",
+          "aria-label": t("pages.cart.apply_coupon", "Apply coupon"),
+          type: "text"
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        SallaButton,
+        {
+          type: "submit",
+          className: `btn--coupon ${appliedCoupon ? "has-coupon btn--danger" : "has-not-coupon btn--default"}`,
+          loaderPosition: "center",
+          onClick: appliedCoupon ? handleRemoveCoupon : void 0,
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "coupon-text", children: appliedCoupon ? "" : t("pages.cart.apply_coupon_btn", "Apply") }),
+            appliedCoupon && /* @__PURE__ */ jsx("i", { className: "sicon-cancel icon text-xl w-8" })
+          ]
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsx("span", { className: "text-xs text-red-700", id: "coupon-error", children: error })
+  ] });
+}
+
+export { CartSummary };
+//# sourceMappingURL=CartSummary-OKDGVSX2.js.map
+//# sourceMappingURL=CartSummary-OKDGVSX2.js.map

package/dist/CartSummary-OKDGVSX2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/cart/CartSummary.tsx"],"names":[],"mappings":"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","file":"CartSummary-OKDGVSX2.js","sourcesContent":["import { useCallback } from 'react';\nimport { HookSlot } from '../../hooks/HookSlot';\nimport { useTranslation } from '../../providers/i18n';\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-F3HLYXFJ.js

@@ -0,0 +1,9 @@
+export { Copyright } from './chunk-5Q6PFLDN.js';
+import './chunk-VVRYP6IL.js';
+import './chunk-T72DAX7R.js';
+import './chunk-2KF5JJU6.js';
+import './chunk-TZ4YD5CU.js';
+import './chunk-XUI3TRXF.js';
+import './chunk-DGUM43GV.js';
+//# sourceMappingURL=Copyright-F3HLYXFJ.js.map
+//# sourceMappingURL=Copyright-F3HLYXFJ.js.map

package/dist/Copyright-F3HLYXFJ.js.map

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

package/dist/CurrencySymbol-TARAYUOT.js

@@ -0,0 +1,11 @@
+import './chunk-DGUM43GV.js';
+import { jsx } from 'react/jsx-runtime';
+
+function CurrencySymbol({ currency }) {
+  if (currency === "SAR") return /* @__PURE__ */ jsx("i", { className: "sicon-sar", "aria-hidden": "true" });
+  return /* @__PURE__ */ jsx("span", { children: currency });
+}
+
+export { CurrencySymbol };
+//# sourceMappingURL=CurrencySymbol-TARAYUOT.js.map
+//# sourceMappingURL=CurrencySymbol-TARAYUOT.js.map

package/dist/CurrencySymbol-TARAYUOT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/common/CurrencySymbol.tsx"],"names":[],"mappings":";;;AAIO,SAAS,cAAA,CAAe,EAAE,QAAA,EAAS,EAAyB;AACjE,EAAA,IAAI,QAAA,KAAa,OAAO,uBAAO,GAAA,CAAC,OAAE,SAAA,EAAU,WAAA,EAAY,eAAY,MAAA,EAAO,CAAA;AAC3E,EAAA,uBAAO,GAAA,CAAC,UAAM,QAAA,EAAA,QAAA,EAAS,CAAA;AACzB","file":"CurrencySymbol-TARAYUOT.js","sourcesContent":["/**\n * Renders a currency symbol.\n * SAR uses the dedicated `sicon-sar` icon; all other currencies render as text.\n */\nexport function CurrencySymbol({ currency }: { currency: string }) {\n  if (currency === 'SAR') return <i className=\"sicon-sar\" aria-hidden=\"true\" />;\n  return <span>{currency}</span>;\n}\n"]}

package/dist/CustomerLayout-LB4E2LHT.js

@@ -0,0 +1,68 @@
+import './chunk-GLM3RPCP.js';
+import './chunk-QTDGM2SO.js';
+import './chunk-5Q6PFLDN.js';
+import './chunk-GO34DE35.js';
+import './chunk-VVZNW5CB.js';
+import './chunk-LBUMC5PB.js';
+import './chunk-MTONGOJD.js';
+import './chunk-2FU6CVSB.js';
+import { useUser } from './chunk-I5Z4NJBB.js';
+import './chunk-TCSNNCRH.js';
+import './chunk-2TB2LTL2.js';
+import './chunk-QYL5OHAV.js';
+import './chunk-KIPZQN3Y.js';
+import './chunk-Z653O7MX.js';
+import './chunk-ZCH7W7DZ.js';
+import './chunk-SSRNIBVV.js';
+import './chunk-GN34LCTG.js';
+import './chunk-CW625T2E.js';
+import './chunk-BVSJPBJ6.js';
+import './chunk-GBWCXUPD.js';
+import './chunk-UIX3W2PN.js';
+import './chunk-VVRYP6IL.js';
+import './chunk-T72DAX7R.js';
+import './chunk-YMVLYYLU.js';
+import './chunk-RYBA3JDM.js';
+import './chunk-25SSLQAJ.js';
+import './chunk-J37AYLWL.js';
+import { LazyBreadcrumb } from './chunk-2KF5JJU6.js';
+import './chunk-TZ4YD5CU.js';
+import './chunk-XUI3TRXF.js';
+import './chunk-6BZ5TKEV.js';
+import './chunk-UE3BUFZI.js';
+import './chunk-3DCZJDDK.js';
+import './chunk-3UHSMGPY.js';
+import './chunk-MXQCE3KA.js';
+import './chunk-BWFBVXT3.js';
+import './chunk-DGUM43GV.js';
+import { SallaFileUpload } from '@salla.sa/twilight-components-react/file-upload';
+import { SallaUserMenu } from '@salla.sa/twilight-components-react/user-menu';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function CustomerLayout({ children, page }) {
+  const { data: user } = useUser();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "profile-header gradient-bg", children: /* @__PURE__ */ jsx("div", { className: "container relative flex justify-between h-full items-center", children: page && /* @__PURE__ */ jsx(LazyBreadcrumb, { page, className: "breadcrumbs w-full py-5 self-start" }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "container lg:mb-24", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start flex-col lg:flex-row justify-center", children: [
+      /* @__PURE__ */ jsxs(
+        "nav",
+        {
+          "aria-label": "Sidebar",
+          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",
+          children: [
+            page?.slug === "profile" && /* @__PURE__ */ jsx("div", { className: "text-center md:mb-9", children: /* @__PURE__ */ jsx("div", { className: "h-20 w-20 m-auto avatar-wrap bg-gray-100 rounded-full overflow-hidden", children: /* @__PURE__ */ jsx(SallaFileUpload, { profileImage: true, value: user?.avatar, children: /* @__PURE__ */ jsx("span", { className: "avatar-placeholder flex justify-center items-center flex-col w-full h-full", children: /* @__PURE__ */ jsx("span", { className: "sicon-user text-2xl text-gray-400" }) }) }) }) }),
+            /* @__PURE__ */ jsx("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsx(SallaUserMenu, { inline: true }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "main-content w-full flex-1 lg:pt-10 max-w-3xl", children: [
+        page?.title && /* @__PURE__ */ jsx("h1", { className: "font-bold text-lg text-center sm:rtl:text-right sm:ltr:text-left mb-2", children: page.title }),
+        children
+      ] })
+    ] }) })
+  ] });
+}
+
+export { CustomerLayout };
+//# sourceMappingURL=CustomerLayout-LB4E2LHT.js.map
+//# sourceMappingURL=CustomerLayout-LB4E2LHT.js.map

package/dist/CustomerLayout-LB4E2LHT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/CustomerLayout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,SAAS,cAAA,CAAe,EAAE,QAAA,EAAU,IAAA,EAAK,EAAwB;AACtE,EAAA,MAAM,EAAE,IAAA,EAAM,IAAA,EAAK,GAAI,OAAA,EAAQ;AAE/B,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,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-LB4E2LHT.js","sourcesContent":["import { useUser } from '../../hooks';\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  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/ErrorPage-TK4U3ENF.js

@@ -0,0 +1,6 @@
+export { ErrorPage } from './chunk-FBFPH5BB.js';
+import './chunk-VVRYP6IL.js';
+import './chunk-T72DAX7R.js';
+import './chunk-DGUM43GV.js';
+//# sourceMappingURL=ErrorPage-TK4U3ENF.js.map
+//# sourceMappingURL=ErrorPage-TK4U3ENF.js.map

package/dist/ErrorPage-TK4U3ENF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ErrorPage-TK4U3ENF.js"}

package/dist/Footer-UVCSKTW3.js

@@ -0,0 +1,39 @@
+export { Footer } from './chunk-GLM3RPCP.js';
+import './chunk-QTDGM2SO.js';
+import './chunk-5Q6PFLDN.js';
+import './chunk-GO34DE35.js';
+import './chunk-VVZNW5CB.js';
+import './chunk-LBUMC5PB.js';
+import './chunk-MTONGOJD.js';
+import './chunk-2FU6CVSB.js';
+import './chunk-I5Z4NJBB.js';
+import './chunk-TCSNNCRH.js';
+import './chunk-2TB2LTL2.js';
+import './chunk-QYL5OHAV.js';
+import './chunk-KIPZQN3Y.js';
+import './chunk-Z653O7MX.js';
+import './chunk-ZCH7W7DZ.js';
+import './chunk-SSRNIBVV.js';
+import './chunk-GN34LCTG.js';
+import './chunk-CW625T2E.js';
+import './chunk-BVSJPBJ6.js';
+import './chunk-GBWCXUPD.js';
+import './chunk-UIX3W2PN.js';
+import './chunk-VVRYP6IL.js';
+import './chunk-T72DAX7R.js';
+import './chunk-YMVLYYLU.js';
+import './chunk-RYBA3JDM.js';
+import './chunk-25SSLQAJ.js';
+import './chunk-J37AYLWL.js';
+import './chunk-2KF5JJU6.js';
+import './chunk-TZ4YD5CU.js';
+import './chunk-XUI3TRXF.js';
+import './chunk-6BZ5TKEV.js';
+import './chunk-UE3BUFZI.js';
+import './chunk-3DCZJDDK.js';
+import './chunk-3UHSMGPY.js';
+import './chunk-MXQCE3KA.js';
+import './chunk-BWFBVXT3.js';
+import './chunk-DGUM43GV.js';
+//# sourceMappingURL=Footer-UVCSKTW3.js.map
+//# sourceMappingURL=Footer-UVCSKTW3.js.map

package/dist/Footer-UVCSKTW3.js.map

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

package/dist/GoogleTag-4LHWC365.js

@@ -0,0 +1,52 @@
+import './chunk-DGUM43GV.js';
+import { useEffect } from 'react';
+
+function gtmScript(gtmId) {
+  return `
+window.dataLayer = window.dataLayer || [];
+(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','${gtmId}');
+
+window.dataLayer = new Proxy(window.dataLayer, {
+  set(target, property, value) {
+    target[property] = value;
+    if (typeof value === 'object') {
+      ['form_data', 'data', 'gateway', 'config', 'request', 'headers']
+        .forEach(function(key) { value && value.hasOwnProperty(key) && delete value[key]; });
+    }
+    return true;
+  }
+});
+`.trim();
+}
+function GoogleTagBody({ gtmIds }) {
+  const gtmId = gtmIds?.[0];
+  useEffect(() => {
+    if (!gtmId) return;
+    const script = document.createElement("script");
+    script.id = "gtm-script";
+    script.textContent = gtmScript(gtmId);
+    document.head.appendChild(script);
+    const noscript = document.createElement("noscript");
+    const iframe = document.createElement("iframe");
+    iframe.src = `https://www.googletagmanager.com/ns.html?id=${gtmId}`;
+    iframe.height = "0";
+    iframe.width = "0";
+    iframe.style.display = "none";
+    iframe.style.visibility = "hidden";
+    noscript.appendChild(iframe);
+    document.body.insertBefore(noscript, document.body.firstChild);
+    return () => {
+      document.getElementById("gtm-script")?.remove();
+      noscript.remove();
+    };
+  }, [gtmId]);
+  return null;
+}
+
+export { GoogleTagBody };
+//# sourceMappingURL=GoogleTag-4LHWC365.js.map
+//# sourceMappingURL=GoogleTag-4LHWC365.js.map

package/dist/GoogleTag-4LHWC365.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tracking/GoogleTag.tsx"],"names":[],"mappings":";;;AAUA,SAAS,UAAU,KAAA,EAAuB;AACxC,EAAA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yCAAA,EAMkC,KAAK,CAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAY9C,IAAA,EAAK;AACP;AASO,SAAS,aAAA,CAAc,EAAE,MAAA,EAAO,EAA6B;AAClE,EAAA,MAAM,KAAA,GAAQ,SAAS,CAAC,CAAA;AAExB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,KAAA,EAAO;AAGZ,IAAA,MAAM,MAAA,GAAS,QAAA,CAAS,aAAA,CAAc,QAAQ,CAAA;AAC9C,IAAA,MAAA,CAAO,EAAA,GAAK,YAAA;AACZ,IAAA,MAAA,CAAO,WAAA,GAAc,UAAU,KAAK,CAAA;AACpC,IAAA,QAAA,CAAS,IAAA,CAAK,YAAY,MAAM,CAAA;AAGhC,IAAA,MAAM,QAAA,GAAW,QAAA,CAAS,aAAA,CAAc,UAAU,CAAA;AAClD,IAAA,MAAM,MAAA,GAAS,QAAA,CAAS,aAAA,CAAc,QAAQ,CAAA;AAC9C,IAAA,MAAA,CAAO,GAAA,GAAM,+CAA+C,KAAK,CAAA,CAAA;AACjE,IAAA,MAAA,CAAO,MAAA,GAAS,GAAA;AAChB,IAAA,MAAA,CAAO,KAAA,GAAQ,GAAA;AACf,IAAA,MAAA,CAAO,MAAM,OAAA,GAAU,MAAA;AACvB,IAAA,MAAA,CAAO,MAAM,UAAA,GAAa,QAAA;AAC1B,IAAA,QAAA,CAAS,YAAY,MAAM,CAAA;AAC3B,IAAA,QAAA,CAAS,IAAA,CAAK,YAAA,CAAa,QAAA,EAAU,QAAA,CAAS,KAAK,UAAU,CAAA;AAE7D,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,cAAA,CAAe,YAAY,CAAA,EAAG,MAAA,EAAO;AAC9C,MAAA,QAAA,CAAS,MAAA,EAAO;AAAA,IAClB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,OAAO,IAAA;AACT","file":"GoogleTag-4LHWC365.js","sourcesContent":["import { useEffect } from 'react';\n\nexport interface GoogleTagBodyProps {\n  /** GTM container IDs - if empty, renders nothing */\n  gtmIds?: string[];\n}\n\n/**\n * Generates the GTM head script content.\n */\nfunction gtmScript(gtmId: string): string {\n  return `\nwindow.dataLayer = window.dataLayer || [];\n(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n})(window,document,'script','dataLayer','${gtmId}');\n\nwindow.dataLayer = new Proxy(window.dataLayer, {\n  set(target, property, value) {\n    target[property] = value;\n    if (typeof value === 'object') {\n      ['form_data', 'data', 'gateway', 'config', 'request', 'headers']\n        .forEach(function(key) { value && value.hasOwnProperty(key) && delete value[key]; });\n    }\n    return true;\n  }\n});\n`.trim();\n}\n\n/**\n * GoogleTagBody - Injects GTM script and noscript iframe.\n *\n * Mirrors PHP GoogleTagHeadWidget + GoogleTagBodyWidget:\n * 1. Injects GTM script (gtm.js) into head via useEffect\n * 2. Injects noscript iframe at body start\n */\nexport function GoogleTagBody({ gtmIds }: GoogleTagBodyProps): null {\n  const gtmId = gtmIds?.[0];\n\n  useEffect(() => {\n    if (!gtmId) return;\n\n    // 1. Inject GTM script into head\n    const script = document.createElement('script');\n    script.id = 'gtm-script';\n    script.textContent = gtmScript(gtmId);\n    document.head.appendChild(script);\n\n    // 2. Inject noscript iframe at body start\n    const noscript = document.createElement('noscript');\n    const iframe = document.createElement('iframe');\n    iframe.src = `https://www.googletagmanager.com/ns.html?id=${gtmId}`;\n    iframe.height = '0';\n    iframe.width = '0';\n    iframe.style.display = 'none';\n    iframe.style.visibility = 'hidden';\n    noscript.appendChild(iframe);\n    document.body.insertBefore(noscript, document.body.firstChild);\n\n    return () => {\n      document.getElementById('gtm-script')?.remove();\n      noscript.remove();\n    };\n  }, [gtmId]);\n\n  return null;\n}\n"]}

package/dist/Header-BF6SPZJC.js

@@ -0,0 +1,15 @@
+export { Header } from './chunk-QTDGM2SO.js';
+import './chunk-GO34DE35.js';
+import './chunk-MTONGOJD.js';
+import './chunk-KIPZQN3Y.js';
+import './chunk-VVRYP6IL.js';
+import './chunk-T72DAX7R.js';
+import './chunk-25SSLQAJ.js';
+import './chunk-J37AYLWL.js';
+import './chunk-2KF5JJU6.js';
+import './chunk-TZ4YD5CU.js';
+import './chunk-XUI3TRXF.js';
+import './chunk-BWFBVXT3.js';
+import './chunk-DGUM43GV.js';
+//# sourceMappingURL=Header-BF6SPZJC.js.map
+//# sourceMappingURL=Header-BF6SPZJC.js.map

package/dist/Header-BF6SPZJC.js.map

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

package/dist/ImageModal-WLJM3WIE.js

@@ -0,0 +1,41 @@
+import { Modal } from './chunk-3UHSMGPY.js';
+import './chunk-DGUM43GV.js';
+import { useState, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ImageModal({ isOpen, onClose, src, alt = "", title, imgProps }) {
+  const [isLoaded, setIsLoaded] = useState(false);
+  const [currentSrc, setCurrentSrc] = useState("");
+  useEffect(() => {
+    if (src && src !== currentSrc) {
+      setIsLoaded(false);
+      setCurrentSrc(src);
+    }
+  }, [src, currentSrc]);
+  useEffect(() => {
+    if (!isOpen) {
+      setIsLoaded(false);
+    }
+  }, [isOpen]);
+  if (!src) return null;
+  return /* @__PURE__ */ jsxs(Modal, { isOpen, onClose, size: "lg", position: "center", children: [
+    /* @__PURE__ */ jsx(Modal.Header, { onClose, showCloseButton: true, children: title || "" }),
+    /* @__PURE__ */ jsxs(Modal.Body, { className: "flex items-center justify-center min-h-64", children: [
+      !isLoaded && /* @__PURE__ */ jsx("div", { className: "animate-pulse bg-gray-200 w-full h-64 rounded" }),
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          src,
+          alt,
+          className: `max-w-full max-h-[70vh] object-contain ${isLoaded ? "block" : "hidden"}`,
+          onLoad: () => setIsLoaded(true),
+          ...imgProps
+        }
+      )
+    ] })
+  ] });
+}
+
+export { ImageModal };
+//# sourceMappingURL=ImageModal-WLJM3WIE.js.map
+//# sourceMappingURL=ImageModal-WLJM3WIE.js.map

package/dist/ImageModal-WLJM3WIE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/modal/ImageModal.tsx"],"names":[],"mappings":";;;;;AAuCO,SAAS,UAAA,CAAW,EAAE,MAAA,EAAQ,OAAA,EAAS,KAAK,GAAA,GAAM,EAAA,EAAI,KAAA,EAAO,QAAA,EAAS,EAAoB;AAC/F,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAC9C,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,EAAE,CAAA;AAG/C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,GAAA,IAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,WAAA,CAAY,KAAK,CAAA;AACjB,MAAA,aAAA,CAAc,GAAG,CAAA;AAAA,IACnB;AAAA,EACF,CAAA,EAAG,CAAC,GAAA,EAAK,UAAU,CAAC,CAAA;AAGpB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,MAAA,EAAQ;AACX,MAAA,WAAA,CAAY,KAAK,CAAA;AAAA,IACnB;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,IAAI,CAAC,KAAK,OAAO,IAAA;AAEjB,EAAA,4BACG,KAAA,EAAA,EAAM,MAAA,EAAgB,SAAkB,IAAA,EAAK,IAAA,EAAK,UAAS,QAAA,EAC1D,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAM,MAAA,EAAN,EAAa,SAAkB,eAAA,EAAe,IAAA,EAC5C,mBAAS,EAAA,EACZ,CAAA;AAAA,oBACA,IAAA,CAAC,KAAA,CAAM,IAAA,EAAN,EAAW,WAAU,2CAAA,EACnB,QAAA,EAAA;AAAA,MAAA,CAAC,QAAA,oBAAY,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+CAAA,EAAgD,CAAA;AAAA,sBAC7E,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,GAAA;AAAA,UACA,SAAA,EAAW,CAAA,uCAAA,EAA0C,QAAA,GAAW,OAAA,GAAU,QAAQ,CAAA,CAAA;AAAA,UAClF,MAAA,EAAQ,MAAM,WAAA,CAAY,IAAI,CAAA;AAAA,UAC7B,GAAG;AAAA;AAAA;AACN,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ","file":"ImageModal-WLJM3WIE.js","sourcesContent":["/**\n * ImageModal - Modal for displaying images in full scale\n *\n * Used for previewing images like tax certificates, etc.\n *\n * @example\n * ```tsx\n * const [isOpen, setIsOpen] = useState(false);\n * const [imageSrc, setImageSrc] = useState('');\n *\n * <a onClick={() => { setImageSrc('/images/tax-certificate.jpg'); setIsOpen(true); }}>\n *   <img src=\"/images/tax-thumb.png\" />\n * </a>\n *\n * <ImageModal\n *   isOpen={isOpen}\n *   onClose={() => setIsOpen(false)}\n *   src={imageSrc}\n *   alt=\"Tax Certificate\"\n * />\n * ```\n */\n\nimport { useState, useEffect, type ImgHTMLAttributes } from 'react';\nimport { Modal } from './Modal';\n\nexport interface ImageModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  /** Image source URL */\n  src: string;\n  /** Alt text for the image */\n  alt?: string;\n  /** Title shown in modal header */\n  title?: string;\n  /** Additional props for the img element */\n  imgProps?: Omit<ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt'>;\n}\n\nexport function ImageModal({ isOpen, onClose, src, alt = '', title, imgProps }: ImageModalProps) {\n  const [isLoaded, setIsLoaded] = useState(false);\n  const [currentSrc, setCurrentSrc] = useState('');\n\n  // Reset loaded state when src changes\n  useEffect(() => {\n    if (src && src !== currentSrc) {\n      setIsLoaded(false);\n      setCurrentSrc(src);\n    }\n  }, [src, currentSrc]);\n\n  // Reset when modal closes\n  useEffect(() => {\n    if (!isOpen) {\n      setIsLoaded(false);\n    }\n  }, [isOpen]);\n\n  if (!src) return null;\n\n  return (\n    <Modal isOpen={isOpen} onClose={onClose} size=\"lg\" position=\"center\">\n      <Modal.Header onClose={onClose} showCloseButton>\n        {title || ''}\n      </Modal.Header>\n      <Modal.Body className=\"flex items-center justify-center min-h-64\">\n        {!isLoaded && <div className=\"animate-pulse bg-gray-200 w-full h-64 rounded\" />}\n        <img\n          src={src}\n          alt={alt}\n          className={`max-w-full max-h-[70vh] object-contain ${isLoaded ? 'block' : 'hidden'}`}\n          onLoad={() => setIsLoaded(true)}\n          {...imgProps}\n        />\n      </Modal.Body>\n    </Modal>\n  );\n}\n"]}