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

package/dist/NotificationsPage-V6UIPDJD.js

@@ -0,0 +1,84 @@
+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 './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 { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function NotificationItem({ notification }) {
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: notification.url,
+      className: `s-notifications-item s-notifications-item-shadow${notification.is_read ? " s-notifications-item-read" : ""}`,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "s-notifications-item-icon", children: /* @__PURE__ */ jsx(
+          "i",
+          {
+            className: `s-notifications-item-icon sicon-bell-ring${!notification.is_read ? " s-notifications-item-icon-new" : ""}`
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "s-notifications-item-content", children: [
+          /* @__PURE__ */ jsxs("div", { className: "s-notifications-item-content-leading", children: [
+            /* @__PURE__ */ jsx("h4", { children: notification.title }),
+            /* @__PURE__ */ jsx("p", { children: notification.body })
+          ] }),
+          /* @__PURE__ */ jsxs("span", { className: "s-notifications-item-content-trailing", children: [
+            /* @__PURE__ */ jsx("i", { className: "sicon-time s-notifications-item-content-trailing-icon" }),
+            /* @__PURE__ */ jsx("span", { children: notification.time_ago })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function NotificationsPage({ notifications }) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(HookSlot, { name: "customer:notifications.items.start" }),
+    /* @__PURE__ */ jsx("div", { className: "s-notifications-wrapper", children: notifications.length > 0 ? /* @__PURE__ */ jsx("div", { className: "s-notifications-container space-y-2", children: notifications.map((item) => /* @__PURE__ */ jsx(NotificationItem, { notification: item }, item.id)) }) : /* @__PURE__ */ jsx(
+      LazyNoContent,
+      {
+        icon: "sicon-bell-ring",
+        message: t("blocks.header.no_notifications", "No notifications")
+      }
+    ) }),
+    /* @__PURE__ */ jsx(HookSlot, { name: "customer:notifications.items.end" })
+  ] });
+}
+
+export { NotificationsPage };
+//# sourceMappingURL=NotificationsPage-V6UIPDJD.js.map
+//# sourceMappingURL=NotificationsPage-V6UIPDJD.js.map

package/dist/NotificationsPage-V6UIPDJD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/routes/account/notifications/NotificationsPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,SAAS,gBAAA,CAAiB,EAAE,YAAA,EAAa,EAAmC;AAC1E,EAAA,uBACE,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,MAAM,YAAA,CAAa,GAAA;AAAA,MACnB,SAAA,EAAW,CAAA,gDAAA,EAAmD,YAAA,CAAa,OAAA,GAAU,+BAA+B,EAAE,CAAA,CAAA;AAAA,MAEtH,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,2BAAA,EACd,QAAA,kBAAA,GAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,WAAW,CAAA,yCAAA,EAA4C,CAAC,YAAA,CAAa,OAAA,GAAU,mCAAmC,EAAE,CAAA;AAAA;AAAA,SACrH,EACH,CAAA;AAAA,wBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8BAAA,EACb,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,sCAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAA,EAAA,EAAI,uBAAa,KAAA,EAAM,CAAA;AAAA,4BACxB,GAAA,CAAC,GAAA,EAAA,EAAG,QAAA,EAAA,YAAA,CAAa,IAAA,EAAK;AAAA,WAAA,EACxB,CAAA;AAAA,0BACA,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uCAAA,EACd,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,GAAA,EAAA,EAAE,WAAU,uDAAA,EAAwD,CAAA;AAAA,4BACrE,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,YAAA,CAAa,QAAA,EAAS;AAAA,WAAA,EAC/B;AAAA,SAAA,EACF;AAAA;AAAA;AAAA,GACF;AAEJ;AAEO,SAAS,iBAAA,CAAkB,EAAE,aAAA,EAAc,EAA2B;AAC3E,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAE7B,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,MAAK,oCAAA,EAAqC,CAAA;AAAA,oBACpD,GAAA,CAAC,SAAI,SAAA,EAAU,yBAAA,EACZ,wBAAc,MAAA,GAAS,CAAA,mBACtB,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qCAAA,EACZ,wBAAc,GAAA,CAAI,CAAC,IAAA,qBAClB,GAAA,CAAC,gBAAA,EAAA,EAA+B,YAAA,EAAc,QAAvB,IAAA,CAAK,EAAwB,CACrD,CAAA,EACH,CAAA,mBAEA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,iBAAA;AAAA,QACL,OAAA,EAAS,CAAA,CAAE,gCAAA,EAAkC,kBAAkB;AAAA;AAAA,KACjE,EAEJ,CAAA;AAAA,oBACA,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,kCAAA,EAAmC;AAAA,GAAA,EACpD,CAAA;AAEJ","file":"NotificationsPage-V6UIPDJD.js","sourcesContent":["import { HookSlot } from '../../../hooks';\nimport { NoContent } from '../../../components/common';\nimport { useTranslation } from '../../../providers/i18n';\nimport type { NotificationsPageProps, Notification } from './types';\n\nfunction NotificationItem({ notification }: { notification: Notification }) {\n  return (\n    <a\n      href={notification.url}\n      className={`s-notifications-item s-notifications-item-shadow${notification.is_read ? ' s-notifications-item-read' : ''}`}\n    >\n      <span className=\"s-notifications-item-icon\">\n        <i\n          className={`s-notifications-item-icon sicon-bell-ring${!notification.is_read ? ' s-notifications-item-icon-new' : ''}`}\n        ></i>\n      </span>\n      <div className=\"s-notifications-item-content\">\n        <div className=\"s-notifications-item-content-leading\">\n          <h4>{notification.title}</h4>\n          <p>{notification.body}</p>\n        </div>\n        <span className=\"s-notifications-item-content-trailing\">\n          <i className=\"sicon-time s-notifications-item-content-trailing-icon\"></i>\n          <span>{notification.time_ago}</span>\n        </span>\n      </div>\n    </a>\n  );\n}\n\nexport function NotificationsPage({ notifications }: NotificationsPageProps) {\n  const { t } = useTranslation();\n\n  return (\n    <>\n      <HookSlot name=\"customer:notifications.items.start\" />\n      <div className=\"s-notifications-wrapper\">\n        {notifications.length > 0 ? (\n          <div className=\"s-notifications-container space-y-2\">\n            {notifications.map((item: Notification) => (\n              <NotificationItem key={item.id} notification={item} />\n            ))}\n          </div>\n        ) : (\n          <NoContent\n            icon=\"sicon-bell-ring\"\n            message={t('blocks.header.no_notifications', 'No notifications')}\n          />\n        )}\n      </div>\n      <HookSlot name=\"customer:notifications.items.end\" />\n    </>\n  );\n}\n"]}

package/dist/OrderSinglePage-ZMEKPLE3.js

@@ -0,0 +1,441 @@
+import { order } from './chunk-N5RSKJP4.js';
+import { useDate, useMoney } from './chunk-GLM3RPCP.js';
+import './chunk-QTDGM2SO.js';
+import './chunk-5Q6PFLDN.js';
+import { useNavigate } from './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 { 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 { Image } from './chunk-2KF5JJU6.js';
+import { Link } from './chunk-TZ4YD5CU.js';
+import './chunk-XUI3TRXF.js';
+import { useAsyncFn } from './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 { memo, useState } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { SallaButton } from '@salla.sa/twilight-components-react/button';
+import { SallaOrderDetails } from '@salla.sa/twilight-components-react/order-details';
+import { SallaRatingStars } from '@salla.sa/twilight-components-react/rating-stars';
+import { SallaRatingModal } from '@salla.sa/twilight-components-react/rating-modal';
+import { SallaModal } from '@salla.sa/twilight-components-react/modal';
+import { SallaOrderTotalsCard } from '@salla.sa/twilight-components-react/order-totals-card';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var ContentSkeleton = memo(function ContentSkeleton2() {
+  return /* @__PURE__ */ jsxs("div", { className: "animate-pulse bg-white rounded-md p-5 space-y-3", children: [
+    /* @__PURE__ */ jsx("div", { className: "h-4 bg-gray-200 rounded w-1/3" }),
+    /* @__PURE__ */ jsx("div", { className: "h-4 bg-gray-200 rounded w-2/3" }),
+    /* @__PURE__ */ jsx("div", { className: "h-4 bg-gray-200 rounded w-1/2" })
+  ] });
+});
+function OrderSinglePage({ order: order2 }) {
+  const { t, direction } = useTranslation();
+  const { store } = useTwilight();
+  const { data: user } = useUser();
+  const navigate = useNavigate();
+  const { format: formatDate } = useDate();
+  const { format } = useMoney();
+  const [showReorderModal, setShowReorderModal] = useState(false);
+  const [showCancelModal, setShowCancelModal] = useState(false);
+  const { data: shipments, isLoading: isLoadingShipments } = useQuery({
+    ...order.queries.shipments(String(order2.id)),
+    enabled: order2.features.shippable
+  });
+  const { data: ratings, isLoading: isLoadingRatings } = useQuery({
+    ...order.queries.ratings(String(order2.id)),
+    enabled: order2.actions.rateable
+  });
+  const [reorderState, handleReorder] = useAsyncFn(async () => {
+    await window.salla?.order.createCartFromOrder();
+    setShowReorderModal(false);
+    navigate("/cart");
+  }, [navigate]);
+  const [cancelState, handleCancel] = useAsyncFn(async () => {
+    await window.salla?.order.cancel();
+    setShowCancelModal(false);
+    navigate(window.location.pathname, { replace: true });
+  }, [navigate]);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(HookSlot, { name: "customer:orders.single.details.start" }),
+    /* @__PURE__ */ jsx("table", { className: "min-w-full rounded-md overflow-hidden", children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { className: "bg-white overflow-hidden flex md:table-row flex-row md:flex-row flex-wrap md:flex-no-wrap py-1.5 md:py-0", children: [
+      /* @__PURE__ */ jsxs("td", { className: "single-order-header-item w-full md:w-auto px-3 md:px-6 py-2 md:py-4 md:h-20 whitespace-nowrap text-sm", children: [
+        /* @__PURE__ */ jsx("div", { className: "rtl:ml-2 ltr:mr-2 font-normal text-gray-400", children: t("pages.orders.date") }),
+        /* @__PURE__ */ jsx("b", { children: formatDate(order2.created_at.date) })
+      ] }),
+      /* @__PURE__ */ jsxs("td", { className: "single-order-header-item flex justify-between items-center w-full md:w-auto px-3 md:px-6 py-2 md:py-4 md:h-20 whitespace-nowrap text-sm", children: [
+        /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: "text-primary inline-flex items-center rtl:space-x-reverse space-x-1",
+            style: { color: order2.status.color },
+            children: [
+              order2.status.icon && /* @__PURE__ */ jsx("i", { className: `mt-1 ${order2.status.icon}` }),
+              /* @__PURE__ */ jsx("span", { children: order2.status.name })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          order2.type === "quote" && /* @__PURE__ */ jsx("span", { className: "text-red-500 ml-4", children: t("pages.orders.your_order_is_under_review") }),
+          /* @__PURE__ */ jsxs("div", { className: "flex space-x-2 rtl:space-x-reverse text-start flex-none px-2", children: [
+            order2.urls.digital_content && /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: order2.urls.digital_content,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "salla-button salla-button--small",
+                children: /* @__PURE__ */ jsxs("span", { className: "salla-button-text", children: [
+                  t("pages.orders.digital"),
+                  /* @__PURE__ */ jsx(
+                    "i",
+                    {
+                      className: user && direction === "rtl" ? "sicon-arrow-up-left" : "sicon-arrow-up-right"
+                    }
+                  )
+                ] })
+              }
+            ),
+            order2.urls.tracking?.map((trackingUrl, index) => /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: trackingUrl,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "salla-button salla-button--small",
+                children: /* @__PURE__ */ jsxs("span", { className: "salla-button-text", children: [
+                  t("pages.orders.tracking"),
+                  /* @__PURE__ */ jsx(
+                    "i",
+                    {
+                      className: user && direction === "rtl" ? "sicon-arrow-up-left" : "sicon-arrow-up-right"
+                    }
+                  )
+                ] })
+              },
+              index
+            ))
+          ] }),
+          order2.urls.receipt && /* @__PURE__ */ jsxs(
+            SallaButton,
+            {
+              fill: "outline",
+              size: "small",
+              onClick: () => window.open(
+                order2.urls.receipt,
+                "_blank",
+                "toolbar=yes, scrollbars=yes, resizable=yes, width=900, height=700"
+              ),
+              children: [
+                /* @__PURE__ */ jsx("i", { className: "sicon-printer2 v-align" }),
+                t("pages.orders.print")
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] }) }) }),
+    order2.refund_message && /* @__PURE__ */ jsx("div", { className: "min-w-full rounded-md overflow-hidden", children: /* @__PURE__ */ jsxs("div", { className: "bg-white flex items-center gap-1 rounded-md px-3 py-5 md:px-5", children: [
+      /* @__PURE__ */ jsx("i", { className: "sicon-refund h-6 w-6" }),
+      /* @__PURE__ */ jsx(
+        "p",
+        {
+          className: "font-medium text-base",
+          dangerouslySetInnerHTML: { __html: order2.refund_message }
+        }
+      )
+    ] }) }),
+    order2.actions.rateable && /* @__PURE__ */ jsxs("div", { className: "rating-header gradient-bg center-between", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h2", { className: "font-bold mb-1", children: t("pages.order.order_rating_title") }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm", children: t("pages.order.order_rating_message") })
+      ] }),
+      /* @__PURE__ */ jsx(
+        SallaButton,
+        {
+          color: "light",
+          className: "btn--rounded-full !text-primary",
+          onClick: () => window.salla?.event.dispatch("rating::open"),
+          children: t("pages.rating.rate")
+        }
+      )
+    ] }),
+    store.settings?.rating?.allow_update && ratings && ratings.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 bg-blue-50 border border-blue-200 text-blue-500 px-2 py-3 rounded-md text-sm", children: [
+      /* @__PURE__ */ jsx("i", { className: "sicon-info" }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        t("pages.order.can_edit_or_delete_your_review_within"),
+        " ",
+        store.settings?.rating?.update_period,
+        " ",
+        t("pages.order.days_since_added"),
+        "."
+      ] })
+    ] }),
+    order2.features.shippable && (isLoadingShipments ? /* @__PURE__ */ jsx(ContentSkeleton, {}) : shipments?.map((shipment) => /* @__PURE__ */ jsx("div", { className: "shipping-orders", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row justify-between md:items-center bg-white px-5 py-3 border-b border-gray-100 rounded-t-md text-sm space-y-4 md:space-y-0", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2 rtl:space-x-reverse", children: [
+        /* @__PURE__ */ jsx(
+          Image,
+          {
+            src: shipment.logo,
+            className: "max-w-16 max-h-8",
+            alt: shipment.name,
+            aspectRatio: "2/1"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { children: shipment.name })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex space-x-5 rtl:space-x-reverse", children: [
+        shipment.number && /* @__PURE__ */ jsxs("span", { children: [
+          t("pages.orders.shipment_no"),
+          ":",
+          " ",
+          /* @__PURE__ */ jsx("span", { className: "font-bold", children: shipment.number })
+        ] }),
+        shipment.tracking_url && /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: shipment.tracking_url,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "salla-button salla-button--link",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "sicon-shipping rtl:ml-1 ltr:mr-1" }),
+              t("pages.orders.tracking_url")
+            ]
+          }
+        )
+      ] })
+    ] }) }, shipment.id))),
+    order2.items.map((item) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-order-item-id": item.id,
+        "data-order-item-product-id": item.product?.id,
+        className: "order-item bg-white p-5 border-b border-gray-100 first:rounded-t-md last:rounded-b-md last:border-none",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "mb-5 last:mb-0", children: [
+            item.product ? /* @__PURE__ */ jsxs("div", { className: "flex rtl:space-x-reverse space-x-5 mb-4", children: [
+              /* @__PURE__ */ jsx(Link, { to: item.product.url, className: "shrink-0", children: /* @__PURE__ */ jsx(
+                Image,
+                {
+                  src: item.image || "/images/placeholder.png",
+                  alt: item.name,
+                  className: `w-18 h-14 object-${item.image ? "cover" : "contain"} rounded-md`
+                }
+              ) }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(
+                  Link,
+                  {
+                    to: item.product.url,
+                    className: "block leading-5 mb-1.5 md:text-base font-semibold transition-colors text-gray-500 hover:text-primary",
+                    children: item.name
+                  }
+                ),
+                /* @__PURE__ */ jsx("b", { children: format(item.amounts.amount?.amount, {
+                  currency: item.amounts.amount?.currency
+                }) })
+              ] })
+            ] }) : /* @__PURE__ */ jsxs("div", { className: "w-full flex justify-between text-sm py-2.5", children: [
+              /* @__PURE__ */ jsx("span", { className: "w-40 inline-block font-normal", children: item.name }),
+              /* @__PURE__ */ jsx("b", { children: format(item.amounts.amount?.amount, { currency: item.amounts.amount?.currency }) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "w-full flex justify-between text-sm py-2.5", children: [
+              /* @__PURE__ */ jsx("span", { className: "w-40 inline-block font-normal", children: t("pages.products.quantity", "Quantity") }),
+              /* @__PURE__ */ jsx("b", { children: item.quantity })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm py-2.5", children: [
+              /* @__PURE__ */ jsx("span", { className: "w-40 inline-block font-normal", children: t("pages.products.price", "Price") }),
+              /* @__PURE__ */ jsx("b", { children: format(item.amounts.cost?.amount, { currency: item.amounts.cost?.currency }) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm py-2.5", children: [
+              /* @__PURE__ */ jsx("span", { className: "w-40 inline-block font-normal", children: t("pages.cart.total", "Total") }),
+              /* @__PURE__ */ jsx("b", { children: format(item.amounts.total?.amount, { currency: item.amounts.total?.currency }) })
+            ] })
+          ] }),
+          item.availability_date && /* @__PURE__ */ jsxs("div", { className: "flex gap-2 text-sm py-2.5 text-blue-500", children: [
+            /* @__PURE__ */ jsx("i", { className: "sicon-info" }),
+            /* @__PURE__ */ jsxs("span", { children: [
+              t("pages.products.expected_to_be"),
+              ": ",
+              /* @__PURE__ */ jsx("b", { children: item.availability_date })
+            ] })
+          ] }),
+          item.product?.type === "booking" && item.product_reservations && item.product_reservations.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+            item.booking_location && /* @__PURE__ */ jsx("ul", { className: "font-medium text-xs text-gray-600", children: /* @__PURE__ */ jsxs("li", { className: "py-1 flex justify-between items-baseline", children: [
+              /* @__PURE__ */ jsx("span", { className: "mt-5 mb-3.5 text-sm font-bold", children: t("common.elements.location") }),
+              /* @__PURE__ */ jsx("span", { className: "text-unicode", children: item.booking_location })
+            ] }) }),
+            /* @__PURE__ */ jsx("h3", { className: "mt-5 mb-3.5 text-sm font-bold", children: item.product_reservations.length > 1 ? t("pages.cart.reservations") : t("pages.cart.item_options") }),
+            /* @__PURE__ */ jsx("div", { className: "rounded-md p-4 border border-gray-200 mb-2", children: /* @__PURE__ */ jsx(SallaOrderDetails, { orderDetails: JSON.stringify(item) }) })
+          ] }),
+          !(item.product?.type === "booking" && item.product_reservations && item.product_reservations.length > 0) && /* @__PURE__ */ jsx(SallaOrderDetails, { orderDetails: JSON.stringify(item) }),
+          item.note && /* @__PURE__ */ jsxs("p", { className: "mt-3 text-sm text-gray-500", children: [
+            /* @__PURE__ */ jsxs("span", { children: [
+              t("common.elements.note", "Note"),
+              ": "
+            ] }),
+            item.note
+          ] }),
+          item.attachments && item.attachments.length > 0 && /* @__PURE__ */ jsx("div", { className: "flow-root rounded-md px-4 border border-gray-200", children: /* @__PURE__ */ jsx("dl", { className: "text-sm text-dark divide-y divide-border-color", children: item.attachments.map((attachment, i) => /* @__PURE__ */ jsxs("div", { className: "py-3.5 md:flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx("dt", { className: "mb-2 md:mb-0", children: t("pages.products.attachments") }),
+            /* @__PURE__ */ jsx(
+              "dd",
+              {
+                className: `font-medium ${attachment.type === "image" ? "text-gray-900" : "text-xs"}`,
+                children: attachment.type === "image" && attachment.url ? /* @__PURE__ */ jsx("div", { className: "flex rtl:space-x-reverse space-x-2.5", children: /* @__PURE__ */ jsx("a", { href: attachment.url, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ jsx(
+                  Image,
+                  {
+                    className: "h-7 w-7 object-cover rounded-md",
+                    src: attachment.url,
+                    alt: item.name
+                  }
+                ) }) }) : /* @__PURE__ */ jsx("a", { href: attachment.url, children: t("pages.orders.file_url") })
+              }
+            )
+          ] }, i)) }) })
+        ]
+      },
+      item.id
+    )),
+    /* @__PURE__ */ jsx(SallaOrderTotalsCard, { amounts: JSON.stringify(order2.amounts), ...{} }),
+    (order2.actions.reorderable || order2.actions.cancellable || order2.actions.payable) && /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-md p-5 divide-y divide-border-color space-y-4", children: [
+      (order2.actions.reorderable || order2.actions.payable) && /* @__PURE__ */ jsx("div", { className: order2.actions.payable ? "flex-center" : "center-between", children: order2.actions.payable ? (order2.payment?.pending_payment_ends_at ?? 0) === 0 ? /* @__PURE__ */ jsx("span", { className: "text-red-500", children: t("pages.orders.pending_payment_expired") }) : order2.urls.checkout ? /* @__PURE__ */ jsxs(SallaButton, { width: "wide", href: order2.urls.checkout, children: [
+        /* @__PURE__ */ jsx("i", { className: "sicon sicon-wallet rtl:ml-2 ltr:mr-2" }),
+        /* @__PURE__ */ jsx("span", { children: t("pages.orders.finish_payment") })
+      ] }) : /* @__PURE__ */ jsx("span", { className: "text-red-500", children: t("pages.orders.pending_payment_expired") }) : user ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "text-sm", children: [
+          /* @__PURE__ */ jsx("h3", { className: "font-bold text-lg leading-none mb-1", children: t("pages.orders.reorder") }),
+          /* @__PURE__ */ jsx("p", { className: "text-gray-500", children: t("pages.orders.reorder_description") })
+        ] }),
+        /* @__PURE__ */ jsxs(SallaButton, { onClick: () => setShowReorderModal(true), children: [
+          /* @__PURE__ */ jsx("i", { className: "sicon sicon-rotate rtl:ml-2 ltr:mr-2" }),
+          /* @__PURE__ */ jsx("span", { children: t("pages.orders.reorder") })
+        ] })
+      ] }) : null }),
+      order2.actions.cancellable && /* @__PURE__ */ jsxs("div", { className: "center-between pt-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "text-sm", children: [
+          /* @__PURE__ */ jsx("h3", { className: "font-bold text-lg leading-none mb-1", children: t("pages.orders.cancel") }),
+          /* @__PURE__ */ jsx("p", { className: "text-gray-500", children: t("pages.order.order_cancelation_desc") })
+        ] }),
+        /* @__PURE__ */ jsxs(SallaButton, { shape: "link", color: "danger", onClick: () => setShowCancelModal(true), children: [
+          /* @__PURE__ */ jsx("i", { className: "sicon sicon-cancel-circle rtl:ml-2 ltr:mr-2" }),
+          /* @__PURE__ */ jsx("span", { children: t("pages.orders.cancel") })
+        ] })
+      ] })
+    ] }),
+    isLoadingRatings ? /* @__PURE__ */ jsx(ContentSkeleton, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      ratings?.filter((r) => r.type === "rating").map((rating) => /* @__PURE__ */ jsx(
+        "section",
+        {
+          className: "flex justify-between items-start bg-white p-5 rounded-md",
+          children: /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "mb-2", children: rating.content }),
+            /* @__PURE__ */ jsx(SallaRatingStars, { withLabel: true, size: "small", value: rating.rating }),
+            rating.images?.filter(Boolean).map((img, i) => /* @__PURE__ */ jsx(
+              Image,
+              {
+                className: "w-20 h-20 object-cover rounded-md mt-2 mr-2 inline-block",
+                src: img,
+                alt: ""
+              },
+              i
+            ))
+          ] })
+        },
+        rating.id
+      )),
+      (() => {
+        const shippingRating = ratings?.find((r) => r.type === "shipping");
+        return shippingRating && /* @__PURE__ */ jsx("section", { className: "flex justify-between items-start bg-white p-5 rounded-md", children: /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-lg font-bold mb-5", children: t("pages.rating.rate_shipping") }),
+          /* @__PURE__ */ jsx("p", { className: "mb-2", children: shippingRating.content }),
+          /* @__PURE__ */ jsx(SallaRatingStars, { withLabel: true, value: shippingRating.rating })
+        ] }) });
+      })(),
+      (() => {
+        const testimonialRating = ratings?.find((r) => r.type === "testimonial");
+        return testimonialRating && /* @__PURE__ */ jsx("section", { className: "flex justify-between items-start bg-white p-5 rounded-md", children: /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-lg font-bold mb-5", children: t("pages.rating.rate_the_store") }),
+          /* @__PURE__ */ jsx("p", { className: "mb-2", children: testimonialRating.content }),
+          /* @__PURE__ */ jsx(SallaRatingStars, { withLabel: true, value: testimonialRating.rating })
+        ] }) });
+      })()
+    ] }),
+    /* @__PURE__ */ jsx(HookSlot, { name: "customer:orders.single.details.end" }),
+    order2.actions.rateable && /* @__PURE__ */ jsx(SallaRatingModal, {}),
+    user && order2.actions.reorderable && showReorderModal && /* @__PURE__ */ jsx(
+      SallaModal,
+      {
+        width: "sm",
+        subTitle: t("pages.orders.reorder_confirmation"),
+        iconStyle: "success",
+        children: /* @__PURE__ */ jsxs("div", { slot: "footer", className: "grid grid-cols-2 gap-3", children: [
+          /* @__PURE__ */ jsx(SallaButton, { width: "wide", onClick: handleReorder, disabled: reorderState.loading, children: reorderState.loading ? /* @__PURE__ */ jsx("span", { className: "loader loader--small" }) : t("common.elements.ok") }),
+          /* @__PURE__ */ jsx(
+            SallaButton,
+            {
+              className: "w-full",
+              fill: "outline",
+              color: "light",
+              onClick: () => setShowReorderModal(false),
+              disabled: reorderState.loading,
+              children: t("common.elements.cancel")
+            }
+          )
+        ] })
+      }
+    ),
+    order2.actions.cancellable && showCancelModal && /* @__PURE__ */ jsx(SallaModal, { width: "sm", subTitle: t("pages.orders.cancel_confirmation"), iconStyle: "error", children: /* @__PURE__ */ jsxs("div", { slot: "footer", className: "grid grid-cols-2 gap-3", children: [
+      /* @__PURE__ */ jsx(
+        SallaButton,
+        {
+          color: "danger",
+          className: "w-full cursor-pointer",
+          onClick: handleCancel,
+          disabled: cancelState.loading,
+          children: cancelState.loading ? /* @__PURE__ */ jsx("span", { className: "loader loader--small" }) : t("common.elements.ok")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SallaButton,
+        {
+          className: "w-full",
+          fill: "outline",
+          color: "light",
+          onClick: () => setShowCancelModal(false),
+          disabled: cancelState.loading,
+          children: t("common.elements.cancel")
+        }
+      )
+    ] }) })
+  ] });
+}
+
+export { OrderSinglePage };
+//# sourceMappingURL=OrderSinglePage-ZMEKPLE3.js.map
+//# sourceMappingURL=OrderSinglePage-ZMEKPLE3.js.map