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

package/dist/ThankYouPage-C7PA3RJP.js

@@ -0,0 +1,236 @@
+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 './chunk-I5Z4NJBB.js';
+import './chunk-TCSNNCRH.js';
+import './chunk-2TB2LTL2.js';
+import './chunk-QYL5OHAV.js';
+import './chunk-KIPZQN3Y.js';
+import { useAsset } from './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 { 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 { Link } from './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 { useTwilight } from './chunk-BWFBVXT3.js';
+import './chunk-DGUM43GV.js';
+import { useState, useEffect } from 'react';
+import { useCopyToClipboard } from '@uidotdev/usehooks';
+import { SallaButton } from '@salla.sa/twilight-components-react/button';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function ThankYouPage({ order, thank_you_title, messages = [] }) {
+  const { store } = useTwilight();
+  const { t } = useTranslation();
+  const title = thank_you_title ?? t("common.titles.thank_you");
+  const [invoiceSent, setInvoiceSent] = useState(order.email_sent ?? true);
+  const [invoiceMessage, setInvoiceMessage] = useState(null);
+  const [, copyToClipboard] = useCopyToClipboard();
+  const { cdn } = useAsset();
+  useEffect(() => {
+    const salla = window.salla;
+    if (!salla?.order?.event?.onInvoiceSent) return;
+    const handleInvoiceSent = (res) => {
+      setInvoiceMessage(res.data?.message || "Invoice sent successfully");
+      setInvoiceSent(true);
+    };
+    salla.order.event.onInvoiceSent(handleInvoiceSent);
+    return () => {
+      salla.event.off("order::invoice.sent", handleInvoiceSent);
+    };
+  }, []);
+  const handleShowOrder = () => {
+    const salla = window.salla;
+    salla?.order?.show({
+      order_id: String(order.id),
+      url: order.urls?.customer ?? ""
+    });
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(HookSlot, { name: "thank-you:start" }),
+    /* @__PURE__ */ jsx("div", { className: "h-52 -mb-52 w-full bg-primary rtl:right-0 ltr:left-0 relative -z-1", children: /* @__PURE__ */ jsx(
+      "svg",
+      {
+        className: "text-primary absolute top-full",
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 1440 320",
+        children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            className: "fill-current",
+            fillOpacity: "1",
+            d: "M0,96L120,112C240,128,480,160,720,165.3C960,171,1200,149,1320,138.7L1440,128L1440,0L1320,0C1200,0,960,0,720,0C480,0,240,0,120,0L0,0Z"
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "container mb-20", children: [
+      /* @__PURE__ */ jsx("nav", { className: "w-full py-5", children: /* @__PURE__ */ jsxs("ol", { className: "list-reset flex items-center text-sm text-primary-reverse", children: [
+        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { to: "/", className: "fix-align text-primary-reverse", children: "Home" }) }),
+        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("i", { className: "sicon-keyboard_arrow_left mx-2" }) }),
+        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("span", { className: "fix-align", children: title }) })
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "bg-white p-4 md:p-8 rounded-md mb-6 md:mb-8", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center pt-16 pb-10", children: [
+          /* @__PURE__ */ jsx("div", { className: "rtl:-scale-x-100", children: /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: cdn("/images/delivery-bro.svg"),
+              alt: title,
+              className: "thanks-item opacity-0 w-40 mb-8"
+            }
+          ) }),
+          /* @__PURE__ */ jsx("h1", { className: "font-bold text-lg mb-2.5 thanks-item opacity-0", children: title }),
+          /* @__PURE__ */ jsxs("p", { className: "thanks-item opacity-0 text-gray-500 max-w-xs text-center text-sm leading-6 mb-6", children: [
+            "Order ID",
+            " ",
+            /* @__PURE__ */ jsxs(
+              SallaButton,
+              {
+                className: "relative",
+                onClick: () => copyToClipboard(String(order.reference_id)),
+                color: "dark",
+                shape: "link",
+                children: [
+                  /* @__PURE__ */ jsxs("span", { children: [
+                    "#",
+                    order.reference_id
+                  ] }),
+                  /* @__PURE__ */ jsx("i", { className: "copy-icon sicon-swap-stroke pointer-events-none rtl:mr-1 ltr:ml-1" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(SallaButton, { onClick: handleShowOrder, children: [
+            /* @__PURE__ */ jsx("i", { className: "sicon-newspaper rtl:ml-1 ltr:mr-1" }),
+            "Order Details"
+          ] })
+        ] }),
+        order.instructions && /* @__PURE__ */ jsx(
+          "article",
+          {
+            className: "article article--main article--small text-center",
+            dangerouslySetInnerHTML: { __html: order.instructions }
+          }
+        ),
+        messages.map((message, index) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "flex flex-col items-center pt-1 pb-10 justify-start rtl:space-x-reverse space-x-2",
+            children: /* @__PURE__ */ jsx("span", { className: "font-bold", children: message })
+          },
+          index
+        )),
+        /* @__PURE__ */ jsx(HookSlot, { name: "thank-you:items.start" }),
+        /* @__PURE__ */ jsx(HookSlot, { name: "thank-you:items.end" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "lg:flex rtl:space-x-reverse lg:space-x-8", children: [
+        invoiceSent ? /* @__PURE__ */ jsxs("div", { className: "duration-500 hover:shadow-default flex-1 bg-white p-8 rounded-md mb-6 md:mb-10 flex flex-col items-center justify-center", children: [
+          /* @__PURE__ */ jsx("div", { className: "bg-gray-100 rounded-icon w-12 h-12 mb-2.5", children: /* @__PURE__ */ jsx("i", { className: "sicon-newspaper-alt text-xl" }) }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm mb-2.5", children: "Email sent to" }),
+          /* @__PURE__ */ jsx("b", { className: "text-sm", children: order.customer?.email }),
+          invoiceMessage && /* @__PURE__ */ jsx("p", { className: "text-sm text-green-600 mt-2", children: invoiceMessage })
+        ] }) : /* @__PURE__ */ jsx(
+          "div",
+          {
+            id: "invoice-form",
+            className: invoiceMessage ? "thankyou-block sent" : "thankyou-block",
+            children: invoiceMessage ? /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+              /* @__PURE__ */ jsx("div", { className: "bg-gray-100 rounded-icon w-12 h-12 mb-2.5 mx-auto", children: /* @__PURE__ */ jsx("i", { className: "sicon-newspaper-alt text-xl" }) }),
+              /* @__PURE__ */ jsx("p", { className: "text-sm", dangerouslySetInnerHTML: { __html: invoiceMessage } })
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("div", { className: "bg-gray-100 rounded-icon w-12 h-12 mb-2.5", children: /* @__PURE__ */ jsx("i", { className: "sicon-newspaper-alt text-xl" }) }),
+              /* @__PURE__ */ jsx("p", { className: "text-sm mb-2.5", children: "Resend invoice email" }),
+              /* @__PURE__ */ jsx(
+                "form",
+                {
+                  onSubmit: (e) => {
+                    e.preventDefault();
+                    window.salla?.form.onSubmit("order.sendInvoice", e);
+                  },
+                  children: /* @__PURE__ */ jsxs("div", { className: "flex max-w-3xl w-full", children: [
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "email",
+                        className: "form-input rtl:rounded-l-none ltr:rounded-r-none rtl:border-l-0 ltr:border-r-0 !w-[160px] sm:!w-[220px]",
+                        placeholder: "your@email.com",
+                        required: true,
+                        name: "email"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      SallaButton,
+                      {
+                        type: "submit",
+                        loaderPosition: "center",
+                        className: "rtl:rounded-r-none ltr:rounded-l-none lg:w-24 h-10",
+                        children: /* @__PURE__ */ jsx("span", { className: "btn__text", children: "Send" })
+                      }
+                    )
+                  ] })
+                }
+              )
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "thankyou-block", children: [
+          /* @__PURE__ */ jsx("div", { className: "bg-gray-100 rounded-icon w-12 h-12 mb-2.5", children: /* @__PURE__ */ jsx("i", { className: "sicon-mail-letter text-xl" }) }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm mb-2.5", children: "Support" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex rtl:space-x-reverse space-x-6", children: [
+            store.contacts.mobile && /* @__PURE__ */ jsxs("div", { className: "text-sm unicode flex items-center", children: [
+              /* @__PURE__ */ jsx("i", { className: "sicon-phone" }),
+              /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: `tel:${store.contacts.mobile}`,
+                  className: "hover:text-primary transition",
+                  children: /* @__PURE__ */ jsx("b", { className: "unicode mx-1.5", children: store.contacts.mobile })
+                }
+              )
+            ] }),
+            store.contacts.whatsapp && /* @__PURE__ */ jsxs("div", { className: "text-sm unicode flex items-center", children: [
+              /* @__PURE__ */ jsx("i", { className: "sicon-whatsapp" }),
+              /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: `https://wa.me/${store.contacts.whatsapp.replace(/[\s+-]/g, "")}`,
+                  className: "hover:text-primary transition",
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  children: /* @__PURE__ */ jsx("b", { className: "unicode mx-1.5", children: store.contacts.whatsapp })
+                }
+              )
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(HookSlot, { name: "thank-you:end" })
+    ] })
+  ] });
+}
+
+export { ThankYouPage };
+//# sourceMappingURL=ThankYouPage-C7PA3RJP.js.map
+//# sourceMappingURL=ThankYouPage-C7PA3RJP.js.map

package/dist/ThankYouPage-C7PA3RJP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/routes/thank-you/ThankYouPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,SAAS,aAAa,EAAE,KAAA,EAAO,iBAAiB,QAAA,GAAW,IAAG,EAAsB;AACzF,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,WAAA,EAAY;AAC9B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAC7B,EAAA,MAAM,KAAA,GAAQ,eAAA,IAAmB,CAAA,CAAE,yBAAyB,CAAA;AAC5D,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,IAAI,QAAA,CAAS,KAAA,CAAM,cAAc,IAAI,CAAA;AACvE,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAwB,IAAI,CAAA;AACxE,EAAA,MAAM,GAAG,eAAe,CAAA,GAAI,kBAAA,EAAmB;AAC/C,EAAA,MAAM,EAAE,GAAA,EAAI,GAAI,QAAA,EAAS;AAGzB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,QAAQ,MAAA,CAAO,KAAA;AACrB,IAAA,IAAI,CAAC,KAAA,EAAO,KAAA,EAAO,KAAA,EAAO,aAAA,EAAe;AAEzC,IAAA,MAAM,iBAAA,GAAoB,CAAC,GAAA,KAAyC;AAClE,MAAA,iBAAA,CAAkB,GAAA,CAAI,IAAA,EAAM,OAAA,IAAW,2BAA2B,CAAA;AAClE,MAAA,cAAA,CAAe,IAAI,CAAA;AAAA,IACrB,CAAA;AAEA,IAAA,KAAA,CAAM,KAAA,CAAM,KAAA,CAAM,aAAA,CAAc,iBAAiB,CAAA;AAEjD,IAAA,OAAO,MAAM;AACX,MAAA,KAAA,CAAM,KAAA,CAAM,GAAA,CAAI,qBAAA,EAAuB,iBAAiD,CAAA;AAAA,IAC1F,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,kBAAkB,MAAM;AAE5B,IAAA,MAAM,QAAQ,MAAA,CAAO,KAAA;AAGrB,IAAA,KAAA,EAAO,OAAO,IAAA,CAAK;AAAA,MACjB,QAAA,EAAU,MAAA,CAAO,KAAA,CAAM,EAAE,CAAA;AAAA,MACzB,GAAA,EAAK,KAAA,CAAM,IAAA,EAAM,QAAA,IAAY;AAAA,KAC9B,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,MAAK,iBAAA,EAAkB,CAAA;AAAA,oBAEjC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oEAAA,EACb,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,gCAAA;AAAA,QACV,KAAA,EAAM,4BAAA;AAAA,QACN,OAAA,EAAQ,cAAA;AAAA,QAER,QAAA,kBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,cAAA;AAAA,YACV,WAAA,EAAY,GAAA;AAAA,YACZ,CAAA,EAAE;AAAA;AAAA;AACH;AAAA,KACH,EACF,CAAA;AAAA,oBAEA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,aAAA,EACb,QAAA,kBAAA,IAAA,CAAC,IAAA,EAAA,EAAG,WAAU,2DAAA,EACZ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,IAAA,EAAA,EACC,8BAAC,IAAA,EAAA,EAAK,EAAA,EAAG,KAAI,SAAA,EAAU,gCAAA,EAAiC,kBAExD,CAAA,EACF,CAAA;AAAA,4BACC,IAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,kCAAiC,CAAA,EAChD,CAAA;AAAA,4BACC,IAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,UAAK,SAAA,EAAU,WAAA,EAAa,iBAAM,CAAA,EACrC;AAAA,OAAA,EACF,CAAA,EACF,CAAA;AAAA,sBAEA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6CAAA,EACb,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wCAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,kBAAA,EACb,QAAA,kBAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,GAAA,EAAK,IAAI,0BAA0B,CAAA;AAAA,cACnC,GAAA,EAAK,KAAA;AAAA,cACL,SAAA,EAAU;AAAA;AAAA,WACZ,EACF,CAAA;AAAA,0BACA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,gDAAA,EAAkD,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,0BACtE,IAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,iFAAA,EAAkF,QAAA,EAAA;AAAA,YAAA,UAAA;AAAA,YACpF,GAAA;AAAA,4BACT,IAAA;AAAA,cAAC,WAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAU,UAAA;AAAA,gBACV,SAAS,MAAM,eAAA,CAAgB,MAAA,CAAO,KAAA,CAAM,YAAY,CAAC,CAAA;AAAA,gBACzD,KAAA,EAAM,MAAA;AAAA,gBACN,KAAA,EAAM,MAAA;AAAA,gBAEN,QAAA,EAAA;AAAA,kCAAA,IAAA,CAAC,MAAA,EAAA,EAAK,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,oBAAE,KAAA,CAAM;AAAA,mBAAA,EAAa,CAAA;AAAA,kCAC3B,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,mEAAA,EAAoE;AAAA;AAAA;AAAA;AACnF,WAAA,EACF,CAAA;AAAA,0BACA,IAAA,CAAC,WAAA,EAAA,EAAY,OAAA,EAAS,eAAA,EACpB,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,GAAA,EAAA,EAAE,WAAU,mCAAA,EAAoC,CAAA;AAAA,YAAI;AAAA,WAAA,EAEvD;AAAA,SAAA,EACF,CAAA;AAAA,QAEE,MAAoC,YAAA,oBACpC,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,kDAAA;AAAA,YACV,uBAAA,EAAyB,EAAE,MAAA,EAAS,KAAA,CAAmC,YAAA;AAAa;AAAA,SACtF;AAAA,QAGD,QAAA,CAAS,GAAA,CAAI,CAAC,OAAA,EAAS,KAAA,qBACtB,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YAEC,SAAA,EAAU,mFAAA;AAAA,YAEV,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAA,EAAa,QAAA,EAAA,OAAA,EAAQ;AAAA,WAAA;AAAA,UAHhC;AAAA,SAKR,CAAA;AAAA,wBAED,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,uBAAA,EAAwB,CAAA;AAAA,wBACvC,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,qBAAA,EAAsB;AAAA,OAAA,EACvC,CAAA;AAAA,sBAEA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0CAAA,EACZ,QAAA,EAAA;AAAA,QAAA,WAAA,mBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0HAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,SAAI,SAAA,EAAU,2CAAA,EACb,8BAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+BAA8B,CAAA,EAC7C,CAAA;AAAA,0BACA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,gBAAA,EAAiB,QAAA,EAAA,eAAA,EAAa,CAAA;AAAA,8BAC1C,GAAA,EAAA,EAAE,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,KAAA,CAAM,UAAU,KAAA,EAAM,CAAA;AAAA,UAC7C,cAAA,oBAAkB,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+BAA+B,QAAA,EAAA,cAAA,EAAe;AAAA,SAAA,EAChF,CAAA,mBAEA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAG,cAAA;AAAA,YACH,SAAA,EAAW,iBAAiB,qBAAA,GAAwB,gBAAA;AAAA,YAEnD,QAAA,EAAA,cAAA,mBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,aAAA,EACb,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,SAAI,SAAA,EAAU,mDAAA,EACb,8BAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+BAA8B,CAAA,EAC7C,CAAA;AAAA,8BACA,GAAA,CAAC,OAAE,SAAA,EAAU,SAAA,EAAU,yBAAyB,EAAE,MAAA,EAAQ,gBAAe,EAAG;AAAA,aAAA,EAC9E,oBAEA,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,SAAI,SAAA,EAAU,2CAAA,EACb,8BAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+BAA8B,CAAA,EAC7C,CAAA;AAAA,8BACA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,gBAAA,EAAiB,QAAA,EAAA,sBAAA,EAAoB,CAAA;AAAA,8BAClD,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,QAAA,EAAU,CAAC,CAAA,KAAM;AACf,oBAAA,CAAA,CAAE,cAAA,EAAe;AACjB,oBAAA,MAAA,CAAO,KAAA,EAAO,IAAA,CAAK,QAAA,CAAS,mBAAA,EAAqB,CAAC,CAAA;AAAA,kBACpD,CAAA;AAAA,kBAEA,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EACb,QAAA,EAAA;AAAA,oCAAA,GAAA;AAAA,sBAAC,OAAA;AAAA,sBAAA;AAAA,wBACC,IAAA,EAAK,OAAA;AAAA,wBACL,SAAA,EAAU,yGAAA;AAAA,wBACV,WAAA,EAAY,gBAAA;AAAA,wBACZ,QAAA,EAAQ,IAAA;AAAA,wBACR,IAAA,EAAK;AAAA;AAAA,qBACP;AAAA,oCACA,GAAA;AAAA,sBAAC,WAAA;AAAA,sBAAA;AAAA,wBACC,IAAA,EAAK,QAAA;AAAA,wBACL,cAAA,EAAe,QAAA;AAAA,wBACf,SAAA,EAAU,oDAAA;AAAA,wBAEV,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAA,EAAY,QAAA,EAAA,MAAA,EAAI;AAAA;AAAA;AAClC,mBAAA,EACF;AAAA;AAAA;AACF,aAAA,EACF;AAAA;AAAA,SAEJ;AAAA,wBAGF,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,SAAI,SAAA,EAAU,2CAAA,EACb,8BAAC,GAAA,EAAA,EAAE,SAAA,EAAU,6BAA4B,CAAA,EAC3C,CAAA;AAAA,0BACA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,gBAAA,EAAiB,QAAA,EAAA,SAAA,EAAO,CAAA;AAAA,0BAErC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oCAAA,EACZ,QAAA,EAAA;AAAA,YAAA,KAAA,CAAM,QAAA,CAAS,MAAA,oBACd,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,mCAAA,EACb,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,GAAA,EAAA,EAAE,WAAU,aAAA,EAAc,CAAA;AAAA,8BAC3B,GAAA;AAAA,gBAAC,GAAA;AAAA,gBAAA;AAAA,kBACC,IAAA,EAAM,CAAA,IAAA,EAAO,KAAA,CAAM,QAAA,CAAS,MAAM,CAAA,CAAA;AAAA,kBAClC,SAAA,EAAU,+BAAA;AAAA,kBAEV,8BAAC,GAAA,EAAA,EAAE,SAAA,EAAU,gBAAA,EAAkB,QAAA,EAAA,KAAA,CAAM,SAAS,MAAA,EAAO;AAAA;AAAA;AACvD,aAAA,EACF,CAAA;AAAA,YAGD,MAAM,QAAA,CAAS,QAAA,oBACd,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,mCAAA,EACb,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,GAAA,EAAA,EAAE,WAAU,gBAAA,EAAiB,CAAA;AAAA,8BAC9B,GAAA;AAAA,gBAAC,GAAA;AAAA,gBAAA;AAAA,kBACC,IAAA,EAAM,iBAAiB,KAAA,CAAM,QAAA,CAAS,SAAS,OAAA,CAAQ,SAAA,EAAW,EAAE,CAAC,CAAA,CAAA;AAAA,kBACrE,SAAA,EAAU,+BAAA;AAAA,kBACV,MAAA,EAAO,QAAA;AAAA,kBACP,GAAA,EAAI,qBAAA;AAAA,kBAEJ,8BAAC,GAAA,EAAA,EAAE,SAAA,EAAU,gBAAA,EAAkB,QAAA,EAAA,KAAA,CAAM,SAAS,QAAA,EAAS;AAAA;AAAA;AACzD,aAAA,EACF;AAAA,WAAA,EAEJ;AAAA,SAAA,EACF;AAAA,OAAA,EACF,CAAA;AAAA,sBAEA,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,eAAA,EAAgB;AAAA,KAAA,EACjC;AAAA,GAAA,EACF,CAAA;AAEJ","file":"ThankYouPage-C7PA3RJP.js","sourcesContent":["import { useState, useEffect } from 'react';\nimport { useCopyToClipboard } from '@uidotdev/usehooks';\nimport { SallaButton } from '@salla.sa/twilight-components-react/button';\nimport { Link } from '../../components/common';\nimport { HookSlot, useAsset } from '../../hooks';\nimport type { ThankYouPageProps } from './types';\nimport { useTwilight } from '../../providers/twilight-context';\nimport { useTranslation } from '../../providers/i18n';\n\n// todo:: clean up page props\nexport function ThankYouPage({ order, thank_you_title, messages = [] }: ThankYouPageProps) {\n  const { store } = useTwilight();\n  const { t } = useTranslation();\n  const title = thank_you_title ?? t('common.titles.thank_you');\n  const [invoiceSent, setInvoiceSent] = useState(order.email_sent ?? true);\n  const [invoiceMessage, setInvoiceMessage] = useState<string | null>(null);\n  const [, copyToClipboard] = useCopyToClipboard();\n  const { cdn } = useAsset();\n\n  // Listen for invoice sent event (matches thankyou.js)\n  useEffect(() => {\n    const salla = window.salla;\n    if (!salla?.order?.event?.onInvoiceSent) return;\n\n    const handleInvoiceSent = (res: { data?: { message?: string } }) => {\n      setInvoiceMessage(res.data?.message || 'Invoice sent successfully');\n      setInvoiceSent(true);\n    };\n\n    salla.order.event.onInvoiceSent(handleInvoiceSent);\n\n    return () => {\n      salla.event.off('order::invoice.sent', handleInvoiceSent as (...args: unknown[]) => void);\n    };\n  }, []);\n\n  const handleShowOrder = () => {\n    // Show order details modal\n    const salla = window.salla as unknown as {\n      order?: { show: (params: { order_id: string; url: string }) => void };\n    };\n    salla?.order?.show({\n      order_id: String(order.id),\n      url: order.urls?.customer ?? '',\n    });\n  };\n\n  return (\n    <>\n      <HookSlot name=\"thank-you:start\" />\n\n      <div className=\"h-52 -mb-52 w-full bg-primary rtl:right-0 ltr:left-0 relative -z-1\">\n        <svg\n          className=\"text-primary absolute top-full\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 1440 320\"\n        >\n          <path\n            className=\"fill-current\"\n            fillOpacity=\"1\"\n            d=\"M0,96L120,112C240,128,480,160,720,165.3C960,171,1200,149,1320,138.7L1440,128L1440,0L1320,0C1200,0,960,0,720,0C480,0,240,0,120,0L0,0Z\"\n          ></path>\n        </svg>\n      </div>\n\n      <div className=\"container mb-20\">\n        <nav className=\"w-full py-5\">\n          <ol className=\"list-reset flex items-center text-sm text-primary-reverse\">\n            <li>\n              <Link to=\"/\" className=\"fix-align text-primary-reverse\">\n                Home\n              </Link>\n            </li>\n            <li>\n              <i className=\"sicon-keyboard_arrow_left mx-2\"></i>\n            </li>\n            <li>\n              <span className=\"fix-align\">{title}</span>\n            </li>\n          </ol>\n        </nav>\n\n        <div className=\"bg-white p-4 md:p-8 rounded-md mb-6 md:mb-8\">\n          <div className=\"flex flex-col items-center pt-16 pb-10\">\n            <div className=\"rtl:-scale-x-100\">\n              <img\n                src={cdn('/images/delivery-bro.svg')}\n                alt={title}\n                className=\"thanks-item opacity-0 w-40 mb-8\"\n              />\n            </div>\n            <h1 className=\"font-bold text-lg mb-2.5 thanks-item opacity-0\">{title}</h1>\n            <p className=\"thanks-item opacity-0 text-gray-500 max-w-xs text-center text-sm leading-6 mb-6\">\n              Order ID{' '}\n              <SallaButton\n                className=\"relative\"\n                onClick={() => copyToClipboard(String(order.reference_id))}\n                color=\"dark\"\n                shape=\"link\"\n              >\n                <span>#{order.reference_id}</span>\n                <i className=\"copy-icon sicon-swap-stroke pointer-events-none rtl:mr-1 ltr:ml-1\"></i>\n              </SallaButton>\n            </p>\n            <SallaButton onClick={handleShowOrder}>\n              <i className=\"sicon-newspaper rtl:ml-1 ltr:mr-1\"></i>\n              Order Details\n            </SallaButton>\n          </div>\n\n          {(order as { instructions?: string }).instructions && (\n            <article\n              className=\"article article--main article--small text-center\"\n              dangerouslySetInnerHTML={{ __html: (order as { instructions: string }).instructions }}\n            />\n          )}\n\n          {messages.map((message, index) => (\n            <div\n              key={index}\n              className=\"flex flex-col items-center pt-1 pb-10 justify-start rtl:space-x-reverse space-x-2\"\n            >\n              <span className=\"font-bold\">{message}</span>\n            </div>\n          ))}\n\n          <HookSlot name=\"thank-you:items.start\" />\n          <HookSlot name=\"thank-you:items.end\" />\n        </div>\n\n        <div className=\"lg:flex rtl:space-x-reverse lg:space-x-8\">\n          {invoiceSent ? (\n            <div className=\"duration-500 hover:shadow-default flex-1 bg-white p-8 rounded-md mb-6 md:mb-10 flex flex-col items-center justify-center\">\n              <div className=\"bg-gray-100 rounded-icon w-12 h-12 mb-2.5\">\n                <i className=\"sicon-newspaper-alt text-xl\"></i>\n              </div>\n              <p className=\"text-sm mb-2.5\">Email sent to</p>\n              <b className=\"text-sm\">{order.customer?.email}</b>\n              {invoiceMessage && <p className=\"text-sm text-green-600 mt-2\">{invoiceMessage}</p>}\n            </div>\n          ) : (\n            <div\n              id=\"invoice-form\"\n              className={invoiceMessage ? 'thankyou-block sent' : 'thankyou-block'}\n            >\n              {invoiceMessage ? (\n                <div className=\"text-center\">\n                  <div className=\"bg-gray-100 rounded-icon w-12 h-12 mb-2.5 mx-auto\">\n                    <i className=\"sicon-newspaper-alt text-xl\"></i>\n                  </div>\n                  <p className=\"text-sm\" dangerouslySetInnerHTML={{ __html: invoiceMessage }} />\n                </div>\n              ) : (\n                <>\n                  <div className=\"bg-gray-100 rounded-icon w-12 h-12 mb-2.5\">\n                    <i className=\"sicon-newspaper-alt text-xl\"></i>\n                  </div>\n                  <p className=\"text-sm mb-2.5\">Resend invoice email</p>\n                  <form\n                    onSubmit={(e) => {\n                      e.preventDefault();\n                      window.salla?.form.onSubmit('order.sendInvoice', e);\n                    }}\n                  >\n                    <div className=\"flex max-w-3xl w-full\">\n                      <input\n                        type=\"email\"\n                        className=\"form-input rtl:rounded-l-none ltr:rounded-r-none rtl:border-l-0 ltr:border-r-0 !w-[160px] sm:!w-[220px]\"\n                        placeholder=\"your@email.com\"\n                        required\n                        name=\"email\"\n                      />\n                      <SallaButton\n                        type=\"submit\"\n                        loaderPosition=\"center\"\n                        className=\"rtl:rounded-r-none ltr:rounded-l-none lg:w-24 h-10\"\n                      >\n                        <span className=\"btn__text\">Send</span>\n                      </SallaButton>\n                    </div>\n                  </form>\n                </>\n              )}\n            </div>\n          )}\n\n          <div className=\"thankyou-block\">\n            <div className=\"bg-gray-100 rounded-icon w-12 h-12 mb-2.5\">\n              <i className=\"sicon-mail-letter text-xl\"></i>\n            </div>\n            <p className=\"text-sm mb-2.5\">Support</p>\n\n            <div className=\"flex rtl:space-x-reverse space-x-6\">\n              {store.contacts.mobile && (\n                <div className=\"text-sm unicode flex items-center\">\n                  <i className=\"sicon-phone\"></i>\n                  <a\n                    href={`tel:${store.contacts.mobile}`}\n                    className=\"hover:text-primary transition\"\n                  >\n                    <b className=\"unicode mx-1.5\">{store.contacts.mobile}</b>\n                  </a>\n                </div>\n              )}\n\n              {store.contacts.whatsapp && (\n                <div className=\"text-sm unicode flex items-center\">\n                  <i className=\"sicon-whatsapp\"></i>\n                  <a\n                    href={`https://wa.me/${store.contacts.whatsapp.replace(/[\\s+-]/g, '')}`}\n                    className=\"hover:text-primary transition\"\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                  >\n                    <b className=\"unicode mx-1.5\">{store.contacts.whatsapp}</b>\n                  </a>\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n\n        <HookSlot name=\"thank-you:end\" />\n      </div>\n    </>\n  );\n}\n"]}

package/dist/TwilightBundles-5F2H75VV.js

@@ -0,0 +1,46 @@
+import './chunk-DGUM43GV.js';
+import { useEffect } from 'react';
+
+function TwilightBundles() {
+  useEffect(() => {
+    if (document.getElementById("twilight-bundles-assets")) {
+      return;
+    }
+    const bundlesUrl = "https://cdn.assets.salla.network/prod/@salla.sa/twilight-bundles/latest/twilight-bundles.js";
+    const injectBundles = () => {
+      window.twilightBundlesObserver?.disconnect?.();
+      if (document.getElementById("twilight-bundles-assets")) {
+        return;
+      }
+      const script = document.createElement("script");
+      script.type = "module";
+      script.src = bundlesUrl;
+      script.defer = true;
+      script.id = "twilight-bundles-assets";
+      document.head.appendChild(script);
+    };
+    const observer = new MutationObserver((mutations) => {
+      for (const mutation of mutations) {
+        for (const node of mutation.addedNodes) {
+          if (node.nodeType === 1 && node.tagName?.toLowerCase() === "salla-custom-component") {
+            injectBundles();
+            return;
+          }
+        }
+      }
+    });
+    observer.observe(document.body, { childList: true, subtree: true });
+    window.twilightBundlesObserver = observer;
+    if (document.querySelector("salla-custom-component")) {
+      injectBundles();
+    }
+    return () => {
+      observer.disconnect();
+    };
+  }, []);
+  return null;
+}
+
+export { TwilightBundles };
+//# sourceMappingURL=TwilightBundles-5F2H75VV.js.map
+//# sourceMappingURL=TwilightBundles-5F2H75VV.js.map

package/dist/TwilightBundles-5F2H75VV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tracking/TwilightBundles.tsx"],"names":[],"mappings":";;;AAWO,SAAS,eAAA,GAAwB;AACtC,EAAA,SAAA,CAAU,MAAM;AAEd,IAAA,IAAI,QAAA,CAAS,cAAA,CAAe,yBAAyB,CAAA,EAAG;AACtD,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,UAAA,GACJ,6FAAA;AAEF,IAAA,MAAM,gBAAgB,MAAM;AAE1B,MAAA,MAAA,CAAO,yBAAyB,UAAA,IAAa;AAE7C,MAAA,IAAI,QAAA,CAAS,cAAA,CAAe,yBAAyB,CAAA,EAAG;AACtD,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,MAAA,GAAS,QAAA,CAAS,aAAA,CAAc,QAAQ,CAAA;AAC9C,MAAA,MAAA,CAAO,IAAA,GAAO,QAAA;AACd,MAAA,MAAA,CAAO,GAAA,GAAM,UAAA;AACb,MAAA,MAAA,CAAO,KAAA,GAAQ,IAAA;AACf,MAAA,MAAA,CAAO,EAAA,GAAK,yBAAA;AACZ,MAAA,QAAA,CAAS,IAAA,CAAK,YAAY,MAAM,CAAA;AAAA,IAClC,CAAA;AAGA,IAAA,MAAM,QAAA,GAAW,IAAI,gBAAA,CAAiB,CAAC,SAAA,KAAc;AACnD,MAAA,KAAA,MAAW,YAAY,SAAA,EAAW;AAChC,QAAA,KAAA,MAAW,IAAA,IAAQ,SAAS,UAAA,EAAY;AACtC,UAAA,IACE,KAAK,QAAA,KAAa,CAAA,IACjB,KAAiB,OAAA,EAAS,WAAA,OAAkB,wBAAA,EAC7C;AACA,YAAA,aAAA,EAAc;AACd,YAAA;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF,CAAC,CAAA;AAED,IAAA,QAAA,CAAS,OAAA,CAAQ,SAAS,IAAA,EAAM,EAAE,WAAW,IAAA,EAAM,OAAA,EAAS,MAAM,CAAA;AAClE,IAAA,MAAA,CAAO,uBAAA,GAA0B,QAAA;AAGjC,IAAA,IAAI,QAAA,CAAS,aAAA,CAAc,wBAAwB,CAAA,EAAG;AACpD,MAAA,aAAA,EAAc;AAAA,IAChB;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,UAAA,EAAW;AAAA,IACtB,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,IAAA;AACT","file":"TwilightBundles-5F2H75VV.js","sourcesContent":["import { useEffect } from 'react';\n\n/**\n * TwilightBundles - Injects twilight bundles script when custom components are detected.\n *\n * Mirrors PHP TwilightThemesAdditionsWidget:\n * - Sets up MutationObserver to watch for `salla-custom-component` tags\n * - Injects bundles script when a custom component is detected\n * - Uses importmap for lit dependencies\n * - Runs only once\n */\nexport function TwilightBundles(): null {\n  useEffect(() => {\n    // Check if already injected\n    if (document.getElementById('twilight-bundles-assets')) {\n      return;\n    }\n\n    const bundlesUrl =\n      'https://cdn.assets.salla.network/prod/@salla.sa/twilight-bundles/latest/twilight-bundles.js';\n\n    const injectBundles = () => {\n      // Disconnect observer since we only need to inject once\n      window.twilightBundlesObserver?.disconnect?.();\n\n      if (document.getElementById('twilight-bundles-assets')) {\n        return;\n      }\n\n      const script = document.createElement('script');\n      script.type = 'module';\n      script.src = bundlesUrl;\n      script.defer = true;\n      script.id = 'twilight-bundles-assets';\n      document.head.appendChild(script);\n    };\n\n    // Set up MutationObserver to watch for salla-custom-component\n    const observer = new MutationObserver((mutations) => {\n      for (const mutation of mutations) {\n        for (const node of mutation.addedNodes) {\n          if (\n            node.nodeType === 1 &&\n            (node as Element).tagName?.toLowerCase() === 'salla-custom-component'\n          ) {\n            injectBundles();\n            return;\n          }\n        }\n      }\n    });\n\n    observer.observe(document.body, { childList: true, subtree: true });\n    window.twilightBundlesObserver = observer;\n\n    // Check if component already exists on mount\n    if (document.querySelector('salla-custom-component')) {\n      injectBundles();\n    }\n\n    return () => {\n      observer.disconnect();\n    };\n  }, []);\n\n  return null;\n}\n"]}

package/dist/WalletPage-66XGZKO7.js

@@ -0,0 +1,189 @@
+import { wallet } from './chunk-6NBBXERE.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 './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 { LazyNoContent } 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 { memo, useRef, useCallback } from 'react';
+import { ItemsList } from '@salla.sa/twilight-components-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var TransactionRow = memo(function TransactionRow2({
+  transaction
+}) {
+  const { t, locale } = useTranslation();
+  const { format: formatMoney } = useMoney();
+  const formatTimestamp = (ts) => {
+    if (!ts) return "";
+    return new Date(ts * 1e3).toLocaleDateString(locale, {
+      weekday: "long",
+      year: "numeric",
+      month: "long",
+      day: "numeric",
+      hour: "numeric"
+    });
+  };
+  const actionTypeClass = transaction.action_type === "cashback" ? "s-wallet-table-transaction-status-cashback" : transaction.action_type === "refund" ? "s-wallet-table-transaction-status-refund" : transaction.action_type === "purchase_by_wallet" ? "s-wallet-table-transaction-status-purchase" : "";
+  return /* @__PURE__ */ jsxs("tr", { className: "s-wallet-table-tbody-tr s-wallet-table-tbody-tr-shadow animated", children: [
+    /* @__PURE__ */ jsx("td", { className: "s-wallet-table-tbody-tr-td", children: /* @__PURE__ */ jsxs("div", { className: "s-wallet-table-tbody-tr-td-content", children: [
+      /* @__PURE__ */ jsxs("span", { className: "s-wallet-mobile-title", children: [
+        t("pages.wallet.transaction_number"),
+        ":"
+      ] }),
+      transaction.id && /* @__PURE__ */ jsxs("span", { className: "hidden md:inline-block", children: [
+        "#",
+        transaction.id
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex items-center md:hidden", children: transaction.id && /* @__PURE__ */ jsxs("span", { children: [
+        "#",
+        transaction.id
+      ] }) })
+    ] }) }),
+    /* @__PURE__ */ jsx("td", { className: "s-wallet-table-tbody-tr-td", children: /* @__PURE__ */ jsxs("div", { className: "s-wallet-table-tbody-tr-td-content", children: [
+      /* @__PURE__ */ jsxs("span", { className: "s-wallet-mobile-title", children: [
+        t("pages.wallet.amount"),
+        ":"
+      ] }),
+      /* @__PURE__ */ jsx("div", { children: formatMoney(transaction.amount, { type: "general" }) })
+    ] }) }),
+    /* @__PURE__ */ jsx("td", { className: "s-wallet-table-tbody-tr-td", children: /* @__PURE__ */ jsxs("div", { className: "s-wallet-table-tbody-tr-td-content", children: [
+      /* @__PURE__ */ jsxs("span", { className: "s-wallet-mobile-title", children: [
+        t("pages.wallet.date"),
+        ":"
+      ] }),
+      transaction.created_at ? formatTimestamp(transaction.created_at) : ""
+    ] }) }),
+    /* @__PURE__ */ jsx("td", { className: "s-wallet-table-tbody-tr-td", children: /* @__PURE__ */ jsxs("div", { className: "s-wallet-table-tbody-tr-td-content", children: [
+      /* @__PURE__ */ jsxs("span", { className: "s-wallet-mobile-title", children: [
+        t("pages.wallet.order_no"),
+        ":"
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: "rtl:mr-auto ltr:ml-auto md:mx-0", children: transaction.order_id && /* @__PURE__ */ jsxs("span", { children: [
+        "#",
+        transaction.order_id
+      ] }) })
+    ] }) }),
+    /* @__PURE__ */ jsx("td", { className: "s-wallet-table-tbody-tr-td", children: /* @__PURE__ */ jsxs("div", { className: "s-wallet-table-tbody-tr-td-content", children: [
+      /* @__PURE__ */ jsxs("span", { className: "s-wallet-mobile-title", children: [
+        t("pages.wallet.expiry_date"),
+        ":"
+      ] }),
+      /* @__PURE__ */ jsx("span", { children: transaction.expired_at ? formatTimestamp(transaction.expired_at) : "" })
+    ] }) }),
+    /* @__PURE__ */ jsx("td", { className: "s-wallet-table-tbody-tr-td", children: /* @__PURE__ */ jsxs("div", { className: "s-wallet-table-tbody-tr-td-content", children: [
+      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("span", { className: "s-wallet-mobile-title", children: [
+        t("pages.wallet.transaction_type"),
+        ":"
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: `s-wallet-table-transaction-status-default ${actionTypeClass}`, children: [
+        !!transaction.description && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            "i",
+            {
+              id: transaction.id.toString(),
+              className: "sicon-information text-lg rtl:ml-4 ltr:mr-4 s-wallet-table-transaction-status-icon-success"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "salla-tooltip",
+            {
+              text: transaction.description,
+              targetId: transaction.id.toString()
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("span", { children: transaction.title })
+      ] })
+    ] }) })
+  ] });
+});
+function WalletPage({ query, transactions, balance, pagination }) {
+  const { t } = useTranslation();
+  const { format: formatMoney } = useMoney();
+  const nextPageRef = useRef(query.page + 1);
+  const loader = useCallback(async () => {
+    const pageToLoad = nextPageRef.current;
+    const result = await wallet.list({ page: pageToLoad });
+    nextPageRef.current = pageToLoad + 1;
+    return {
+      items: result.items,
+      next: result.next
+    };
+  }, []);
+  if (transactions.length === 0) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(HookSlot, { name: "customer:wallet.transactions.start" }),
+      /* @__PURE__ */ jsx(LazyNoContent, { icon: "sicon-full-wallet", message: `${t("pages.wallet.no_transactions")}` }),
+      /* @__PURE__ */ jsx(HookSlot, { name: "customer:wallet.transactions.end" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(HookSlot, { name: "customer:wallet.transactions.start" }),
+    /* @__PURE__ */ jsx("table", { className: "s-wallet-table", children: /* @__PURE__ */ jsx("tbody", { className: "s-wallet-table-tbody", children: /* @__PURE__ */ jsx("tr", { className: "s-table__tr", children: /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: "s-wallet-table-balance-container", children: [
+      /* @__PURE__ */ jsx("i", { className: "s-wallet-table-balance-icon sicon-wallet" }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { children: formatMoney(balance, { type: "general" }) }),
+        /* @__PURE__ */ jsx("div", { className: "font-normal text-gray-400", children: t("pages.wallet.balance") })
+      ] })
+    ] }) }) }) }) }),
+    /* @__PURE__ */ jsx("h2", { className: "mt-8", children: t("pages.wallet.title") }),
+    /* @__PURE__ */ jsxs("table", { className: "s-wallet-table", children: [
+      /* @__PURE__ */ jsx("thead", { className: "s-wallet-table-head", children: /* @__PURE__ */ jsxs("tr", { className: "s-wallet-table-head-tr", children: [
+        /* @__PURE__ */ jsx("th", { scope: "col", children: t("pages.wallet.transaction_number") }),
+        /* @__PURE__ */ jsx("th", { scope: "col", className: "s-wallet-table-head-tr-th", children: t("pages.wallet.amount") }),
+        /* @__PURE__ */ jsx("th", { scope: "col", className: "s-wallet-table-head-tr-th", children: t("pages.wallet.date") }),
+        /* @__PURE__ */ jsx("th", { scope: "col", className: "s-wallet-table-head-tr-th", children: t("pages.wallet.order_no") }),
+        /* @__PURE__ */ jsx("th", { scope: "col", className: "s-wallet-table-head-tr-th", children: t("pages.wallet.expiry_date") }),
+        /* @__PURE__ */ jsx("th", { scope: "col", className: "s-wallet-table-head-tr-th", children: t("pages.wallet.transaction_type") })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { className: "s-wallet-table-tbody", children: /* @__PURE__ */ jsx(
+        ItemsList,
+        {
+          items: transactions,
+          loader,
+          mode: pagination.next ? "infinite" : "static",
+          itemsAs: "Fragment",
+          t: (key, fallback) => t(key, fallback || key),
+          children: (items) => items.map((transaction) => /* @__PURE__ */ jsx(TransactionRow, { transaction }, transaction.id))
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(HookSlot, { name: "customer:wallet.transactions.end" })
+  ] });
+}
+
+export { WalletPage };
+//# sourceMappingURL=WalletPage-66XGZKO7.js.map
+//# sourceMappingURL=WalletPage-66XGZKO7.js.map

package/dist/WalletPage-66XGZKO7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/routes/account/wallet/WalletPage.tsx"],"names":["TransactionRow"],"mappings":"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","file":"WalletPage-66XGZKO7.js","sourcesContent":["import { memo, useCallback, useRef } from 'react';\nimport { ItemsList } from '@salla.sa/twilight-components-react';\nimport { wallet } from '../../../api/wallet';\nimport type { TransactionItem } from '../../../api/wallet';\nimport { HookSlot, useMoney } from '../../../hooks';\nimport { useTranslation } from '../../../providers/i18n';\nimport type { WalletPageProps } from './types';\nimport { NoContent } from '../../../components/common';\n\nconst TransactionRow = memo(function TransactionRow({\n  transaction,\n}: {\n  transaction: TransactionItem;\n}) {\n  const { t, locale } = useTranslation();\n  const { format: formatMoney } = useMoney();\n\n  const formatTimestamp = (ts: number) => {\n    if (!ts) return '';\n    return new Date(ts * 1000).toLocaleDateString(locale, {\n      weekday: 'long',\n      year: 'numeric',\n      month: 'long',\n      day: 'numeric',\n      hour: 'numeric',\n    });\n  };\n\n  const actionTypeClass =\n    transaction.action_type === 'cashback'\n      ? 's-wallet-table-transaction-status-cashback'\n      : transaction.action_type === 'refund'\n        ? 's-wallet-table-transaction-status-refund'\n        : transaction.action_type === 'purchase_by_wallet'\n          ? 's-wallet-table-transaction-status-purchase'\n          : '';\n\n  return (\n    <tr className=\"s-wallet-table-tbody-tr s-wallet-table-tbody-tr-shadow animated\">\n      <td className=\"s-wallet-table-tbody-tr-td\">\n        <div className=\"s-wallet-table-tbody-tr-td-content\">\n          <span className=\"s-wallet-mobile-title\">{t('pages.wallet.transaction_number')}:</span>\n          {transaction.id && <span className=\"hidden md:inline-block\">#{transaction.id}</span>}\n          <div className=\"flex items-center md:hidden\">\n            {transaction.id && <span>#{transaction.id}</span>}\n          </div>\n        </div>\n      </td>\n\n      <td className=\"s-wallet-table-tbody-tr-td\">\n        <div className=\"s-wallet-table-tbody-tr-td-content\">\n          <span className=\"s-wallet-mobile-title\">{t('pages.wallet.amount')}:</span>\n          <div>{formatMoney(transaction.amount, { type: 'general' })}</div>\n        </div>\n      </td>\n\n      <td className=\"s-wallet-table-tbody-tr-td\">\n        <div className=\"s-wallet-table-tbody-tr-td-content\">\n          <span className=\"s-wallet-mobile-title\">{t('pages.wallet.date')}:</span>\n          {transaction.created_at ? formatTimestamp(transaction.created_at) : ''}\n        </div>\n      </td>\n\n      <td className=\"s-wallet-table-tbody-tr-td\">\n        <div className=\"s-wallet-table-tbody-tr-td-content\">\n          <span className=\"s-wallet-mobile-title\">{t('pages.wallet.order_no')}:</span>\n          <span className=\"rtl:mr-auto ltr:ml-auto md:mx-0\">\n            {transaction.order_id && <span>#{transaction.order_id}</span>}\n          </span>\n        </div>\n      </td>\n\n      <td className=\"s-wallet-table-tbody-tr-td\">\n        <div className=\"s-wallet-table-tbody-tr-td-content\">\n          <span className=\"s-wallet-mobile-title\">{t('pages.wallet.expiry_date')}:</span>\n          <span>{transaction.expired_at ? formatTimestamp(transaction.expired_at) : ''}</span>\n        </div>\n      </td>\n\n      <td className=\"s-wallet-table-tbody-tr-td\">\n        <div className=\"s-wallet-table-tbody-tr-td-content\">\n          <div>\n            <span className=\"s-wallet-mobile-title\">{t('pages.wallet.transaction_type')}:</span>\n          </div>\n          <div className={`s-wallet-table-transaction-status-default ${actionTypeClass}`}>\n            {!!transaction.description && (\n              <>\n                <i\n                  id={transaction.id.toString()}\n                  className=\"sicon-information text-lg rtl:ml-4 ltr:mr-4 s-wallet-table-transaction-status-icon-success\"\n                />\n                <salla-tooltip\n                  text={transaction.description}\n                  targetId={transaction.id.toString()}\n                />\n              </>\n            )}\n            <span>{transaction.title}</span>\n          </div>\n        </div>\n      </td>\n    </tr>\n  );\n});\n\nexport function WalletPage({ query, transactions, balance, pagination }: WalletPageProps) {\n  const { t } = useTranslation();\n\n  const { format: formatMoney } = useMoney();\n\n  const nextPageRef = useRef(query.page + 1);\n\n  const loader = useCallback(async () => {\n    const pageToLoad = nextPageRef.current;\n    const result = await wallet.list({ page: pageToLoad });\n\n    nextPageRef.current = pageToLoad + 1;\n\n    return {\n      items: result.items,\n      next: result.next,\n    };\n  }, []);\n\n  if (transactions.length === 0) {\n    return (\n      <>\n        <HookSlot name=\"customer:wallet.transactions.start\" />\n        <NoContent icon=\"sicon-full-wallet\" message={`${t('pages.wallet.no_transactions')}`} />\n        <HookSlot name=\"customer:wallet.transactions.end\" />\n      </>\n    );\n  }\n\n  return (\n    <>\n      <HookSlot name=\"customer:wallet.transactions.start\" />\n      <table className=\"s-wallet-table\">\n        <tbody className=\"s-wallet-table-tbody\">\n          <tr className=\"s-table__tr\">\n            <td>\n              <div className=\"s-wallet-table-balance-container\">\n                <i className=\"s-wallet-table-balance-icon sicon-wallet\" />\n                <div>\n                  <div>{formatMoney(balance, { type: 'general' })}</div>\n                  <div className=\"font-normal text-gray-400\">{t('pages.wallet.balance')}</div>\n                </div>\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n\n      <h2 className=\"mt-8\">{t('pages.wallet.title')}</h2>\n      <table className=\"s-wallet-table\">\n        <thead className=\"s-wallet-table-head\">\n          <tr className=\"s-wallet-table-head-tr\">\n            <th scope=\"col\">{t('pages.wallet.transaction_number')}</th>\n            <th scope=\"col\" className=\"s-wallet-table-head-tr-th\">\n              {t('pages.wallet.amount')}\n            </th>\n            <th scope=\"col\" className=\"s-wallet-table-head-tr-th\">\n              {t('pages.wallet.date')}\n            </th>\n            <th scope=\"col\" className=\"s-wallet-table-head-tr-th\">\n              {t('pages.wallet.order_no')}\n            </th>\n            <th scope=\"col\" className=\"s-wallet-table-head-tr-th\">\n              {t('pages.wallet.expiry_date')}\n            </th>\n            <th scope=\"col\" className=\"s-wallet-table-head-tr-th\">\n              {t('pages.wallet.transaction_type')}\n            </th>\n          </tr>\n        </thead>\n        <tbody className=\"s-wallet-table-tbody\">\n          <ItemsList<TransactionItem>\n            items={transactions}\n            loader={loader}\n            mode={pagination.next ? 'infinite' : 'static'}\n            itemsAs=\"Fragment\"\n            t={(key, fallback) => t(key, fallback || key)}\n          >\n            {(items) =>\n              items.map((transaction) => (\n                <TransactionRow key={transaction.id} transaction={transaction} />\n              ))\n            }\n          </ItemsList>\n        </tbody>\n      </table>\n      <HookSlot name=\"customer:wallet.transactions.end\" />\n    </>\n  );\n}\n"]}

package/dist/WidgetHead-FXEPCB23.js

@@ -0,0 +1,7 @@
+export { WidgetHead, pushEqualHeightConfig } from './chunk-RYBA3JDM.js';
+import './chunk-25SSLQAJ.js';
+import './chunk-J37AYLWL.js';
+import './chunk-BWFBVXT3.js';
+import './chunk-DGUM43GV.js';
+//# sourceMappingURL=WidgetHead-FXEPCB23.js.map
+//# sourceMappingURL=WidgetHead-FXEPCB23.js.map

package/dist/WidgetHead-FXEPCB23.js.map

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