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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salla.sa/twilight-theme-engine",
-  "version": "1.0.63",
+  "version": "1.0.65",
   "publishConfig": {
     "access": "public"
   },

package/dist/CartSummary-Z25JDFWN.js.map

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

package/dist/CustomerLayout-A6DVYYC3.js.map

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

package/dist/OrderSinglePage-7LIUMNRB.js

@@ -1,502 +0,0 @@
-import { order } from './chunk-YEY3SO23.js';
-import { usePageConfig, useDate, useMoney } from './chunk-EIJXSBL6.js';
-import './chunk-4KTY2FT6.js';
-import './chunk-JKIRRMBU.js';
-import './chunk-2JV6WZ6O.js';
-import './chunk-UIOLSYKV.js';
-import './chunk-VVZNW5CB.js';
-import './chunk-2XGQSJKH.js';
-import { useNavigate, useLocation } from './chunk-I62RENKM.js';
-import './chunk-ZGHRSRDO.js';
-import './chunk-GOPUP26T.js';
-import './chunk-C5X6CVXC.js';
-import { useUser } from './chunk-UZKTK6YV.js';
-import './chunk-5X2UFNKY.js';
-import './chunk-P3OPJL6I.js';
-import './chunk-WY4IYO3G.js';
-import './chunk-TYLKNVQA.js';
-import './chunk-SR4OTLTJ.js';
-import './chunk-N2S25NXP.js';
-import './chunk-TP3LCGE7.js';
-import './chunk-Z653O7MX.js';
-import './chunk-ZCH7W7DZ.js';
-import './chunk-PWBMSGMU.js';
-import './chunk-JWXJPJBO.js';
-import './chunk-CW625T2E.js';
-import './chunk-7V36I5GT.js';
-import './chunk-BVSJPBJ6.js';
-import './chunk-GBWCXUPD.js';
-import './chunk-OAMIDZKW.js';
-import { useTranslation } from './chunk-TYNZ5B2B.js';
-import './chunk-T72DAX7R.js';
-import './chunk-RJPPO3ET.js';
-import { HookSlot } from './chunk-Q7VWURUR.js';
-import './chunk-GU2KUQVD.js';
-import { Image } from './chunk-UH5ZXDEO.js';
-import { Link } from './chunk-AXW67SY7.js';
-import './chunk-BYMOPN2S.js';
-import './chunk-SKLEJJ6M.js';
-import { useAsyncFn } from './chunk-6BZ5TKEV.js';
-import './chunk-FZKRSGLP.js';
-import './chunk-CUG6VOLM.js';
-import './chunk-HX3YKS5W.js';
-import './chunk-OBSAH7K6.js';
-import { useTwilight } from './chunk-DF6FBKDN.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 { SallaEditOrderButton } from '@salla.sa/twilight-components-react/edit-order-button';
-import { SallaOrderBranch } from '@salla.sa/twilight-components-react/order-branch';
-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, page }) {
-  const { t, direction } = useTranslation();
-  usePageConfig(page);
-  const { store } = useTwilight();
-  const { data: user } = useUser();
-  const navigate = useNavigate();
-  const location = useLocation();
-  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(Number(order2.id));
-    setShowReorderModal(false);
-    navigate("/cart");
-  }, [navigate, order2.id]);
-  const [cancelState, handleCancel] = useAsyncFn(async () => {
-    await window.salla?.order.cancel(Number(order2.id));
-    setShowCancelModal(false);
-    navigate(location.pathname, { replace: true });
-  }, [navigate, order2.id, location.pathname]);
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx(HookSlot, { name: "customer:orders.single.details.start" }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 flex-wrap", children: [
-      order2.type === "buy_as_gift" || order2.source?.type === "buy_as_gift" ? /* @__PURE__ */ jsxs("span", { className: "inline-block text-primary", children: [
-        /* @__PURE__ */ jsx("i", { className: "sicon-gift-sharing" }),
-        "\xA0",
-        t("pages.orders.gift_tag", "Gift order")
-      ] }) : /* @__PURE__ */ jsx("span", {}),
-      /* @__PURE__ */ jsx(SallaEditOrderButton, { orderId: String(order2.id) })
-    ] }),
-    /* @__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) => /* @__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"
-                    }
-                  )
-                ] })
-              },
-              trackingUrl
-            ))
-          ] }),
-          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")
-              ]
-            }
-          )
-        ] })
-      ] })
-    ] }) }) }),
-    /* @__PURE__ */ jsx(SallaOrderBranch, { stackCards: true }),
-    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.options && item.options.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-3", children: [
-            /* @__PURE__ */ jsx("h3", { className: "mb-2 text-sm font-bold", children: t("pages.cart.item_options", "Product Options") }),
-            /* @__PURE__ */ jsx("div", { className: "rounded-md border border-gray-200 divide-y divide-gray-200", children: item.options.map((option) => /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: "flex items-center justify-between gap-4 px-4 py-2.5 text-sm",
-                children: [
-                  /* @__PURE__ */ jsx("span", { className: "font-normal text-gray-500", children: option.name }),
-                  option.is_image ? /* @__PURE__ */ jsx(
-                    Image,
-                    {
-                      src: option.value,
-                      alt: option.name,
-                      className: "h-7 w-7 rounded-md object-cover"
-                    }
-                  ) : option.color ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx(
-                      "span",
-                      {
-                        className: "h-4 w-4 rounded-full border border-gray-200",
-                        style: { backgroundColor: option.color }
-                      }
-                    ),
-                    /* @__PURE__ */ jsx("b", { children: option.value })
-                  ] }) : /* @__PURE__ */ jsx("b", { children: option.value })
-                ]
-              },
-              option.name
-            )) })
-          ] }),
-          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) => /* @__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") })
-                  }
-                )
-              ]
-            },
-            `${attachment.type}:${attachment.url}`
-          )) }) })
-        ]
-      },
-      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?.map(
-        (rating) => rating.type === "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?.map(
-                (img) => img && /* @__PURE__ */ jsx(
-                  Image,
-                  {
-                    className: "w-20 h-20 object-cover rounded-md mt-2 mr-2 inline-block",
-                    src: img,
-                    alt: ""
-                  },
-                  img
-                )
-              )
-            ] })
-          },
-          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-7LIUMNRB.js.map
-//# sourceMappingURL=OrderSinglePage-7LIUMNRB.js.map