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

package/dist/OrderSinglePage-ZMEKPLE3.js.map

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

package/dist/OrdersPage-EAATVPYK.js

@@ -0,0 +1,184 @@
+import { order } from './chunk-N5RSKJP4.js';
+import { useDate, 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 { 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 './chunk-BWFBVXT3.js';
+import './chunk-DGUM43GV.js';
+import { useRef, useCallback, useState } from 'react';
+import { useCopyToClipboard } from '@uidotdev/usehooks';
+import { ItemsList } from '@salla.sa/twilight-components-react';
+import { SallaButton } from '@salla.sa/twilight-components-react/button';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function OrdersPage({ orders, cursor, query }) {
+  const { t } = useTranslation();
+  const cursorRef = useRef(cursor?.next ?? null);
+  const prevQueryRef = useRef(query);
+  if (prevQueryRef.current !== query) {
+    prevQueryRef.current = query;
+    cursorRef.current = cursor?.next ?? null;
+  }
+  const loader = useCallback(async () => {
+    if (!cursorRef.current) return { items: [], next: null };
+    const response = await order.list({
+      cursor: cursorRef.current,
+      status: query?.status,
+      feedback_status: query?.feedback_status
+    });
+    cursorRef.current = response.cursor?.next ?? null;
+    return {
+      items: response.data,
+      next: response.cursor?.next ?? null
+    };
+  }, [query]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(HookSlot, { name: "customer:orders.index.items.start" }),
+    orders.length === 0 ? /* @__PURE__ */ jsx(LazyNoContent, { icon: "sicon-packed-box", message: t("pages.orders.non_orders") }) : /* @__PURE__ */ jsx(
+      ItemsList,
+      {
+        items: orders,
+        loader: cursor?.next ? loader : void 0,
+        mode: "button",
+        className: "s-orders-wrapper",
+        t: (key, fallback) => t(key, fallback ?? ""),
+        children: (items) => /* @__PURE__ */ jsxs("table", { className: "s-orders-table", children: [
+          /* @__PURE__ */ jsx("thead", { className: "s-orders-table-head", children: /* @__PURE__ */ jsxs("tr", { className: "s-orders-table-head-tr", children: [
+            /* @__PURE__ */ jsx("th", { className: "s-orders-table-head-tr-th", scope: "col", children: t("pages.thank_you.order_id") }),
+            /* @__PURE__ */ jsx("th", { className: "s-orders-table-head-tr-th", scope: "col", children: t("pages.orders.total") }),
+            /* @__PURE__ */ jsx("th", { className: "s-orders-table-head-tr-th", scope: "col", children: t("pages.orders.date") }),
+            /* @__PURE__ */ jsx("th", { className: "s-orders-table-head-tr-th", scope: "col", children: t("pages.orders.status") })
+          ] }) }),
+          /* @__PURE__ */ jsx("tbody", { className: "s-orders-table-tbody", children: items.map((orderItem) => /* @__PURE__ */ jsx(OrderRow, { order: orderItem }, orderItem.id)) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(HookSlot, { name: "customer:orders.index.items.end" })
+  ] });
+}
+function OrderRow({ order: order2 }) {
+  const { t, isRTL } = useTranslation();
+  const { format: formatDate } = useDate();
+  const { format: formatMoney } = useMoney();
+  const [, copyToClipboard] = useCopyToClipboard();
+  const [copied, setCopied] = useState(false);
+  const orderUrl = `/account/orders/${order2.id}`;
+  const handleCopy = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    copyToClipboard(String(order2.reference_id));
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1e3);
+  };
+  return /* @__PURE__ */ jsxs("tr", { className: "s-orders-table-tbody-tr s-orders-table-tbody-tr-shadow", children: [
+    /* @__PURE__ */ jsx("td", { className: "s-orders-table-tbody-tr-td", children: /* @__PURE__ */ jsxs("div", { className: "s-orders-table-tbody-tr-td-content", children: [
+      /* @__PURE__ */ jsxs("span", { className: "s-orders-mobile-title", children: [
+        t("pages.thank_you.order_id"),
+        ":"
+      ] }),
+      /* @__PURE__ */ jsxs("span", { className: "s-orders-reference-id hidden md:inline-block", children: [
+        "#",
+        order2.reference_id
+      ] }),
+      /* @__PURE__ */ jsx(Link, { to: orderUrl, "aria-label": t("pages.thank_you.order_id") }),
+      /* @__PURE__ */ jsx("div", { className: "s-orders-copy-to-clipboard-button flex items-center md:hidden", children: /* @__PURE__ */ jsx(
+        SallaButton,
+        {
+          className: `relative ${copied ? "copied" : "code-to-copy"}`,
+          color: "dark",
+          shape: "link",
+          "data-content": order2.reference_id.toString(),
+          onClick: handleCopy,
+          children: isRTL ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("i", { className: "sicon-swap-stroke s-orders-copy-to-clipboard-button-icon pointer-events-none rtl:mr-1 ltr:ml-1" }),
+            /* @__PURE__ */ jsxs("span", { children: [
+              "#",
+              order2.reference_id
+            ] })
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("span", { children: [
+              "#",
+              order2.reference_id
+            ] }),
+            /* @__PURE__ */ jsx("i", { className: "sicon-swap-stroke s-orders-copy-to-clipboard-button-icon pointer-events-none rtl:mr-1 ltr:ml-1" })
+          ] })
+        }
+      ) })
+    ] }) }),
+    /* @__PURE__ */ jsx("td", { className: "s-orders-table-tbody-tr-td", children: /* @__PURE__ */ jsxs("div", { className: "s-orders-table-tbody-tr-td-content", children: [
+      /* @__PURE__ */ jsxs("span", { className: "s-orders-mobile-title", children: [
+        t("pages.orders.total"),
+        ":"
+      ] }),
+      formatMoney(order2.amounts.total.amount, { currency: order2.amounts.total.currency }),
+      /* @__PURE__ */ jsx(Link, { to: orderUrl, "aria-label": t("pages.orders.total") })
+    ] }) }),
+    /* @__PURE__ */ jsx("td", { className: "s-orders-table-tbody-tr-td", children: /* @__PURE__ */ jsxs("div", { className: "s-orders-table-tbody-tr-td-content", children: [
+      /* @__PURE__ */ jsxs("span", { className: "s-orders-mobile-title", children: [
+        t("pages.orders.date"),
+        ":"
+      ] }),
+      formatDate(order2.created_at.date),
+      /* @__PURE__ */ jsx(Link, { to: orderUrl, "aria-label": t("pages.orders.date") })
+    ] }) }),
+    /* @__PURE__ */ jsx("td", { className: "s-orders-table-tbody-tr-td", children: /* @__PURE__ */ jsxs("div", { className: "s-orders-table-tbody-tr-td-content", children: [
+      /* @__PURE__ */ jsxs("span", { className: "s-orders-mobile-title", children: [
+        t("pages.orders.status"),
+        ":"
+      ] }),
+      /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: "s-orders-status-container rtl:mr-auto ltr:ml-auto md:mx-0",
+          style: order2.status.color ? { color: order2.status.color } : void 0,
+          children: [
+            order2.status.icon && /* @__PURE__ */ jsx("i", { className: `mt-1 ${order2.status.icon}` }),
+            /* @__PURE__ */ jsx("span", { children: order2.status.name })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "i",
+        {
+          className: `sicon-star2 s-orders-status-rated ${order2.features.is_read ? "s-orders-rated-text" : "s-orders-unrated-text"}`
+        }
+      ),
+      /* @__PURE__ */ jsx(Link, { to: orderUrl, "aria-label": t("pages.orders.status") })
+    ] }) })
+  ] });
+}
+
+export { OrdersPage };
+//# sourceMappingURL=OrdersPage-EAATVPYK.js.map
+//# sourceMappingURL=OrdersPage-EAATVPYK.js.map

package/dist/OrdersPage-EAATVPYK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/routes/account/orders/OrdersPage.tsx"],"names":["order"],"mappings":"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","file":"OrdersPage-EAATVPYK.js","sourcesContent":["import { useState, useRef, useCallback } from 'react';\nimport { useCopyToClipboard } from '@uidotdev/usehooks';\nimport { ItemsList } from '@salla.sa/twilight-components-react';\nimport { SallaButton } from '@salla.sa/twilight-components-react/button';\nimport { HookSlot, useDate, useMoney } from '../../../hooks';\nimport { NoContent, Link } from '../../../components/common';\nimport { useTranslation } from '../../../providers/i18n';\nimport { order } from '../../../api/order';\nimport type { OrdersPageProps, OrderListItem } from './types';\n\nexport function OrdersPage({ orders, cursor, query }: OrdersPageProps) {\n  const { t } = useTranslation();\n  const cursorRef = useRef<string | null>(cursor?.next ?? null);\n  const prevQueryRef = useRef(query);\n  if (prevQueryRef.current !== query) {\n    prevQueryRef.current = query;\n    cursorRef.current = cursor?.next ?? null;\n  }\n\n  const loader = useCallback(async () => {\n    if (!cursorRef.current) return { items: [], next: null };\n\n    const response = await order.list({\n      cursor: cursorRef.current,\n      status: query?.status,\n      feedback_status: query?.feedback_status,\n    });\n    cursorRef.current = response.cursor?.next ?? null;\n    return {\n      items: response.data,\n      next: response.cursor?.next ?? null,\n    };\n  }, [query]);\n\n  return (\n    <>\n      <HookSlot name=\"customer:orders.index.items.start\" />\n\n      {orders.length === 0 ? (\n        <NoContent icon=\"sicon-packed-box\" message={t('pages.orders.non_orders')} />\n      ) : (\n        <ItemsList\n          items={orders}\n          loader={cursor?.next ? loader : undefined}\n          mode=\"button\"\n          className=\"s-orders-wrapper\"\n          t={(key, fallback) => t(key, fallback ?? '')}\n        >\n          {(items: OrderListItem[]) => (\n            <table className=\"s-orders-table\">\n              <thead className=\"s-orders-table-head\">\n                <tr className=\"s-orders-table-head-tr\">\n                  <th className=\"s-orders-table-head-tr-th\" scope=\"col\">\n                    {t('pages.thank_you.order_id')}\n                  </th>\n                  <th className=\"s-orders-table-head-tr-th\" scope=\"col\">\n                    {t('pages.orders.total')}\n                  </th>\n                  <th className=\"s-orders-table-head-tr-th\" scope=\"col\">\n                    {t('pages.orders.date')}\n                  </th>\n                  <th className=\"s-orders-table-head-tr-th\" scope=\"col\">\n                    {t('pages.orders.status')}\n                  </th>\n                </tr>\n              </thead>\n              <tbody className=\"s-orders-table-tbody\">\n                {items.map((orderItem) => (\n                  <OrderRow key={orderItem.id} order={orderItem} />\n                ))}\n              </tbody>\n            </table>\n          )}\n        </ItemsList>\n      )}\n\n      <HookSlot name=\"customer:orders.index.items.end\" />\n    </>\n  );\n}\n\nfunction OrderRow({ order }: { order: OrderListItem }) {\n  const { t, isRTL } = useTranslation();\n  const { format: formatDate } = useDate();\n  const { format: formatMoney } = useMoney();\n  const [, copyToClipboard] = useCopyToClipboard();\n  const [copied, setCopied] = useState(false);\n  const orderUrl = `/account/orders/${order.id}`;\n\n  const handleCopy = (e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    copyToClipboard(String(order.reference_id));\n    setCopied(true);\n    setTimeout(() => setCopied(false), 1000);\n  };\n\n  return (\n    <tr className=\"s-orders-table-tbody-tr s-orders-table-tbody-tr-shadow\">\n      <td className=\"s-orders-table-tbody-tr-td\">\n        <div className=\"s-orders-table-tbody-tr-td-content\">\n          <span className=\"s-orders-mobile-title\">{t('pages.thank_you.order_id')}:</span>\n          <span className=\"s-orders-reference-id hidden md:inline-block\">\n            #{order.reference_id}\n          </span>\n          <Link to={orderUrl} aria-label={t('pages.thank_you.order_id')} />\n          <div className=\"s-orders-copy-to-clipboard-button flex items-center md:hidden\">\n            <SallaButton\n              className={`relative ${copied ? 'copied' : 'code-to-copy'}`}\n              color=\"dark\"\n              shape=\"link\"\n              data-content={order.reference_id.toString()}\n              onClick={handleCopy}\n            >\n              {isRTL ? (\n                <>\n                  <i className=\"sicon-swap-stroke s-orders-copy-to-clipboard-button-icon pointer-events-none rtl:mr-1 ltr:ml-1\" />\n                  <span>#{order.reference_id}</span>\n                </>\n              ) : (\n                <>\n                  <span>#{order.reference_id}</span>\n                  <i className=\"sicon-swap-stroke s-orders-copy-to-clipboard-button-icon pointer-events-none rtl:mr-1 ltr:ml-1\" />\n                </>\n              )}\n            </SallaButton>\n          </div>\n        </div>\n      </td>\n\n      <td className=\"s-orders-table-tbody-tr-td\">\n        <div className=\"s-orders-table-tbody-tr-td-content\">\n          <span className=\"s-orders-mobile-title\">{t('pages.orders.total')}:</span>\n          {formatMoney(order.amounts.total.amount, { currency: order.amounts.total.currency })}\n          <Link to={orderUrl} aria-label={t('pages.orders.total')} />\n        </div>\n      </td>\n\n      <td className=\"s-orders-table-tbody-tr-td\">\n        <div className=\"s-orders-table-tbody-tr-td-content\">\n          <span className=\"s-orders-mobile-title\">{t('pages.orders.date')}:</span>\n          {formatDate(order.created_at.date)}\n          <Link to={orderUrl} aria-label={t('pages.orders.date')} />\n        </div>\n      </td>\n\n      <td className=\"s-orders-table-tbody-tr-td\">\n        <div className=\"s-orders-table-tbody-tr-td-content\">\n          <span className=\"s-orders-mobile-title\">{t('pages.orders.status')}:</span>\n          <span\n            className=\"s-orders-status-container rtl:mr-auto ltr:ml-auto md:mx-0\"\n            style={order.status.color ? { color: order.status.color } : undefined}\n          >\n            {order.status.icon && <i className={`mt-1 ${order.status.icon}`} />}\n            <span>{order.status.name}</span>\n          </span>\n          <i\n            className={`sicon-star2 s-orders-status-rated ${\n              order.features.is_read ? 's-orders-rated-text' : 's-orders-unrated-text'\n            }`}\n          />\n          <Link to={orderUrl} aria-label={t('pages.orders.status')} />\n        </div>\n      </td>\n    </tr>\n  );\n}\n"]}

package/dist/PageSingle-Y6ARZ5LS.js

@@ -0,0 +1,28 @@
+import { useComments } from './chunk-YMVLYYLU.js';
+import { LazyBreadcrumb } from './chunk-2KF5JJU6.js';
+import './chunk-TZ4YD5CU.js';
+import './chunk-XUI3TRXF.js';
+import './chunk-DGUM43GV.js';
+import { useMemo } from 'react';
+import { SallaComments } from '@salla.sa/twilight-components-react/comments';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function PageSingle({ page }) {
+  const { commentsKey } = useComments();
+  const cleanContent = useMemo(() => {
+    if (!page.content) return "";
+    return page.content.replace(/ /g, " ");
+  }, [page.content]);
+  return /* @__PURE__ */ jsxs("div", { className: "container", children: [
+    /* @__PURE__ */ jsx(LazyBreadcrumb, { page }),
+    /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxs("div", { className: "content content--single-page w-full lg:w-10/12 bg-white rounded p-6 lg:p-8 mt-4 lg:mt-12", children: [
+      /* @__PURE__ */ jsx("h1", { className: "font-bold text-2xl mb-6", children: page.title }),
+      cleanContent && /* @__PURE__ */ jsx("div", { className: "content-entry", dangerouslySetInnerHTML: { __html: cleanContent } }),
+      page.id && /* @__PURE__ */ jsx(SallaComments, { itemId: Number(page.id), type: "page" }, commentsKey)
+    ] }) })
+  ] }, page.slug);
+}
+
+export { PageSingle };
+//# sourceMappingURL=PageSingle-Y6ARZ5LS.js.map
+//# sourceMappingURL=PageSingle-Y6ARZ5LS.js.map

package/dist/PageSingle-Y6ARZ5LS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/routes/page/PageSingle.tsx"],"names":[],"mappings":";;;;;;;;;AAMO,SAAS,UAAA,CAAW,EAAE,IAAA,EAAK,EAAoB;AACpD,EAAA,MAAM,EAAE,WAAA,EAAY,GAAI,WAAA,EAAY;AAGpC,EAAA,MAAM,YAAA,GAAe,QAAQ,MAAM;AACjC,IAAA,IAAI,CAAC,IAAA,CAAK,OAAA,EAAS,OAAO,EAAA;AAE1B,IAAA,OAAO,IAAA,CAAK,OAAA,CAAQ,OAAA,CAAQ,SAAA,EAAW,GAAG,CAAA;AAAA,EAC5C,CAAA,EAAG,CAAC,IAAA,CAAK,OAAO,CAAC,CAAA;AAEjB,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAoB,SAAA,EAAU,WAAA,EAC7B,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,kBAAW,IAAA,EAAY,CAAA;AAAA,wBAEvB,KAAA,EAAA,EAAI,SAAA,EAAU,uBACb,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,0FAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,yBAAA,EAA2B,QAAA,EAAA,IAAA,CAAK,KAAA,EAAM,CAAA;AAAA,MACnD,YAAA,wBACE,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAgB,uBAAA,EAAyB,EAAE,MAAA,EAAQ,YAAA,EAAa,EAAG,CAAA;AAAA,MAEnF,IAAA,CAAK,EAAA,oBACJ,GAAA,CAAC,aAAA,EAAA,EAAgC,MAAA,EAAQ,MAAA,CAAO,IAAA,CAAK,EAAE,CAAA,EAAG,IAAA,EAAM,MAAA,EAAA,EAA5C,WAA2D;AAAA,KAAA,EAEnF,CAAA,EACF;AAAA,GAAA,EAAA,EAbQ,KAAK,IAcf,CAAA;AAEJ","file":"PageSingle-Y6ARZ5LS.js","sourcesContent":["import { useMemo } from 'react';\nimport { SallaComments } from '@salla.sa/twilight-components-react/comments';\nimport type { PageSingleProps } from './types';\nimport { Breadcrumb } from '../../components/common';\nimport { useComments } from '../../hooks/useComments';\n\nexport function PageSingle({ page }: PageSingleProps) {\n  const { commentsKey } = useComments();\n\n  // Clean content articles - matches app.js commonThings()\n  const cleanContent = useMemo(() => {\n    if (!page.content) return '';\n    // Replace &nbsp; entities with regular spaces\n    return page.content.replace(/&nbsp;/g, ' ');\n  }, [page.content]);\n\n  return (\n    <div key={page.slug} className=\"container\">\n      <Breadcrumb page={page} />\n\n      <div className=\"flex justify-center\">\n        <div className=\"content content--single-page w-full lg:w-10/12 bg-white rounded p-6 lg:p-8 mt-4 lg:mt-12\">\n          <h1 className=\"font-bold text-2xl mb-6\">{page.title}</h1>\n          {cleanContent && (\n            <div className=\"content-entry\" dangerouslySetInnerHTML={{ __html: cleanContent }} />\n          )}\n          {page.id && (\n            <SallaComments key={commentsKey} itemId={Number(page.id)} type={'page' as any} />\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/PreOrderNotification-ZVTGNV7K.js

@@ -0,0 +1,23 @@
+import { useTranslation } from './chunk-VVRYP6IL.js';
+import './chunk-T72DAX7R.js';
+import './chunk-DGUM43GV.js';
+import { jsx } from 'react/jsx-runtime';
+
+function PreOrderNotification() {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx(
+    "salla-alert",
+    {
+      className: "mb-5",
+      message: t(
+        "pages.cart.pre_order_shipping",
+        "Your order will be shipped when the pre-order product becomes available in the store."
+      ),
+      variant: "info"
+    }
+  );
+}
+
+export { PreOrderNotification };
+//# sourceMappingURL=PreOrderNotification-ZVTGNV7K.js.map
+//# sourceMappingURL=PreOrderNotification-ZVTGNV7K.js.map

package/dist/PreOrderNotification-ZVTGNV7K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/cart/PreOrderNotification.tsx"],"names":[],"mappings":";;;;;AAEO,SAAS,oBAAA,GAAuB;AACrC,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAE7B,EAAA,uBACE,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,MAAA;AAAA,MACV,OAAA,EAAS,CAAA;AAAA,QACP,+BAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,OAAA,EAAQ;AAAA;AAAA,GACV;AAEJ","file":"PreOrderNotification-ZVTGNV7K.js","sourcesContent":["import { useTranslation } from '../../providers/i18n';\n\nexport function PreOrderNotification() {\n  const { t } = useTranslation();\n\n  return (\n    <salla-alert\n      className=\"mb-5\"\n      message={t(\n        'pages.cart.pre_order_shipping',\n        'Your order will be shipped when the pre-order product becomes available in the store.'\n      )}\n      variant=\"info\"\n    />\n  );\n}\n"]}

package/dist/PriceQuoteButton-RAAPL4N4.js

@@ -0,0 +1,26 @@
+import { useTranslation } from './chunk-VVRYP6IL.js';
+import './chunk-T72DAX7R.js';
+import './chunk-DGUM43GV.js';
+import { SallaButton } from '@salla.sa/twilight-components-react/button';
+import { jsx } from 'react/jsx-runtime';
+
+function PriceQuoteButton() {
+  const { t } = useTranslation();
+  const handlePriceQuote = async () => {
+    await window.salla?.cart.api.priceQuote?.();
+  };
+  return /* @__PURE__ */ jsx(
+    SallaButton,
+    {
+      id: "request-price-quote-btn",
+      className: "btn--oval btn--md",
+      fill: "outline",
+      onClick: handlePriceQuote,
+      children: t("pages.cart.request_price_quote", "Request for Quotation")
+    }
+  );
+}
+
+export { PriceQuoteButton };
+//# sourceMappingURL=PriceQuoteButton-RAAPL4N4.js.map
+//# sourceMappingURL=PriceQuoteButton-RAAPL4N4.js.map

package/dist/PriceQuoteButton-RAAPL4N4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/cart/PriceQuoteButton.tsx"],"names":[],"mappings":";;;;;;AAGO,SAAS,gBAAA,GAAmB;AACjC,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAE7B,EAAA,MAAM,mBAAmB,YAAY;AACnC,IAAA,MAAM,MAAA,CAAO,KAAA,EAAO,IAAA,CAAK,GAAA,CAAI,UAAA,IAAa;AAAA,EAC5C,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAG,yBAAA;AAAA,MACH,SAAA,EAAU,mBAAA;AAAA,MACV,IAAA,EAAK,SAAA;AAAA,MACL,OAAA,EAAS,gBAAA;AAAA,MAER,QAAA,EAAA,CAAA,CAAE,kCAAkC,uBAAuB;AAAA;AAAA,GAC9D;AAEJ","file":"PriceQuoteButton-RAAPL4N4.js","sourcesContent":["import { SallaButton } from '@salla.sa/twilight-components-react/button';\nimport { useTranslation } from '../../providers/i18n';\n\nexport function PriceQuoteButton() {\n  const { t } = useTranslation();\n\n  const handlePriceQuote = async () => {\n    await window.salla?.cart.api.priceQuote?.();\n  };\n\n  return (\n    <SallaButton\n      id=\"request-price-quote-btn\"\n      className=\"btn--oval btn--md\"\n      fill=\"outline\"\n      onClick={handlePriceQuote}\n    >\n      {t('pages.cart.request_price_quote', 'Request for Quotation')}\n    </SallaButton>\n  );\n}\n"]}

package/dist/ProductDetails-KTY4ZSFM.js

@@ -0,0 +1,194 @@
+import { formatSallaPlural } from './chunk-BT6HEEAP.js';
+import './chunk-LBUMC5PB.js';
+import { useTranslation } from './chunk-VVRYP6IL.js';
+import './chunk-T72DAX7R.js';
+import { HookSlot } from './chunk-25SSLQAJ.js';
+import './chunk-J37AYLWL.js';
+import { Image, LazyCurrencySymbol } from './chunk-2KF5JJU6.js';
+import { Link } from './chunk-TZ4YD5CU.js';
+import './chunk-XUI3TRXF.js';
+import './chunk-BWFBVXT3.js';
+import './chunk-DGUM43GV.js';
+import { Fragment as Fragment$1, useState } from 'react';
+import { SallaRatingStars } from '@salla.sa/twilight-components-react/rating-stars';
+import { SallaSocialShare } from '@salla.sa/twilight-components-react/social-share';
+import { SallaButton } from '@salla.sa/twilight-components-react/button';
+import { SallaInstallment } from '@salla.sa/twilight-components-react/installment';
+import { SallaMetadata } from '@salla.sa/twilight-components-react/metadata';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function ProductDetails({ product, showTags = true }) {
+  const { t } = useTranslation();
+  const productHookContext = { product };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(HookSlot, { name: "product:single.description.start" /* PRODUCT_DESCRIPTION_START */, context: productHookContext }),
+    product.brand?.name && /* @__PURE__ */ jsx("div", { className: "product-brand mb-5 w-12", children: /* @__PURE__ */ jsx(Link, { className: "brand-logo", to: product.brand.url || "#", title: product.brand.name, children: /* @__PURE__ */ jsx(
+      Image,
+      {
+        className: "max-h-full object-contain",
+        src: product.brand.logo,
+        title: product.brand.name,
+        alt: product.brand.name,
+        aspectRatio: "1/1"
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx("h1", { className: "text-xl md:text-2xl leading-10 font-bold mb-6 text-gray-800", children: product.name }),
+    product.subtitle && /* @__PURE__ */ jsx("h2", { className: "product-entry__sub-title text-sm text-gray-500 leading-6 mb-2.5", children: product.subtitle }),
+    product.rating && /* @__PURE__ */ jsx(SallaRatingStars, { value: product.rating.stars, reviews: product.rating.count }),
+    product.is_taxable && /* @__PURE__ */ jsx("small", { className: "color-grey", children: t("pages.products.tax_included", "VAT Inclusive") }),
+    /* @__PURE__ */ jsx(ProductPrice, { product }),
+    /* @__PURE__ */ jsx(ProductDescription, { product }),
+    !!product.tags?.length && showTags && /* @__PURE__ */ jsx("div", { className: "mb-3", children: product.tags.map((tag, index) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      /* @__PURE__ */ jsx(
+        Link,
+        {
+          to: tag.url,
+          className: "rtl:ml-2 ltr:mr-2 inline-flex text-gray-500 hover:text-primary underline text-sm mb-1",
+          children: tag.name
+        }
+      ),
+      index < product.tags.length - 1 && ","
+    ] }, tag.name)) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex rtl:space-x-reverse space-x-3", children: [
+      /* @__PURE__ */ jsx(SallaSocialShare, { className: "inline-flex mb-5", "aria-label": "social share" }),
+      /* @__PURE__ */ jsx(
+        SallaButton,
+        {
+          className: "btn--wishlist animated hidden sm:inline-flex",
+          "data-id": product.id,
+          onClick: () => window.salla?.wishlist.toggle(product.id),
+          shape: "icon",
+          fill: "outline",
+          color: "light",
+          ariaLabel: "add to wishlist",
+          children: /* @__PURE__ */ jsx("i", { className: "sicon-heart" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(ProductQuantityInfo, { product }),
+    product.sku && /* @__PURE__ */ jsxs("div", { className: "mb-4 flex justify-between sm:grid sm:grid-cols-3 bg-white rounded-md px-4 py-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ jsx("i", { className: "sicon-barcode mx-1" }),
+        t("pages.products.sku", "SKU")
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "text-unicode", children: product.sku })
+    ] }),
+    product.show_availability && /* @__PURE__ */ jsx("section", { className: "bg-white p-5 rounded-md mb-5 last:mb-0", children: /* @__PURE__ */ jsxs("div", { className: "center-between", children: [
+      /* @__PURE__ */ jsxs("label", { className: "flex items-center text-base", children: [
+        /* @__PURE__ */ jsx("span", { className: "sicon-location rtl:ml-1 ltr:mr-1" }),
+        /* @__PURE__ */ jsx("span", { className: "inline-block", children: t("pages.products.availability", "Availability") })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "mt-1 sm:mt-0 sm:col-span-2 text-end", children: /* @__PURE__ */ jsx("div", { className: "flex rtl:space-x-reverse space-x-3", children: /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: "#!",
+          onClick: () => window.salla?.event?.dispatch("scopes::open", {
+            mode: "availability",
+            product_id: String(product.id)
+          }),
+          className: "group text-primary flex items-center justify-center",
+          children: [
+            /* @__PURE__ */ jsx("span", { children: t("pages.products.select_branch", "Select Branch") }),
+            /* @__PURE__ */ jsx("span", { className: "sicon-keyboard_arrow_left mr-2 transition-all group-hover:-translate-x-1" })
+          ]
+        }
+      ) }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(HookSlot, { name: "product:single.description" /* PRODUCT_DESCRIPTION */, context: productHookContext }),
+    /* @__PURE__ */ jsx(
+      SallaInstallment,
+      {
+        price: String(
+          typeof product.base_currency_price === "object" ? product.base_currency_price.amount : product.base_currency_price
+        )
+      }
+    ),
+    product.has_metadata && /* @__PURE__ */ jsx(SallaMetadata, {}),
+    /* @__PURE__ */ jsx(HookSlot, { name: "product:single.description.end" /* PRODUCT_DESCRIPTION_END */, context: productHookContext })
+  ] });
+}
+function ProductPrice({ product }) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: "flex whitespace-nowrap gap-4 items-center", children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `${product.is_on_sale ? "" : "hidden"} space-x-2 rtl:space-x-reverse whitespace-nowrap`,
+        children: [
+          /* @__PURE__ */ jsxs("p", { className: "text-red-800 font-bold text-xl inline-block", children: [
+            product.sale_price,
+            " ",
+            /* @__PURE__ */ jsx(LazyCurrencySymbol, { currency: product.currency })
+          ] }),
+          /* @__PURE__ */ jsxs("span", { className: "text-gray-500 line-through", children: [
+            product.regular_price,
+            " ",
+            /* @__PURE__ */ jsx(LazyCurrencySymbol, { currency: product.currency })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: `gap-4 ${product.is_on_sale ? "hidden" : "flex"}`, children: [
+      product.starting_price && /* @__PURE__ */ jsx("span", { children: t("pages.products.starting_price", "Starting from") }),
+      /* @__PURE__ */ jsxs("p", { className: "font-bold text-xl inline-block", children: [
+        product.starting_price ?? product.price,
+        " ",
+        /* @__PURE__ */ jsx(LazyCurrencySymbol, { currency: product.currency })
+      ] })
+    ] })
+  ] });
+}
+function ProductDescription({ product }) {
+  const { t } = useTranslation();
+  const [isExpanded, setIsExpanded] = useState(false);
+  if (!product.description) return null;
+  const description = product.description.replace(/&nbsp;/g, "\n");
+  if (product.has_read_more) {
+    return /* @__PURE__ */ jsxs("div", { className: "product__description p-2 px-5 sm:p-1 leading-7 mb-3", children: [
+      /* @__PURE__ */ jsx(
+        "article",
+        {
+          className: "article article--main relative leading-8 overflow-hidden transition-all duration-300 py-4",
+          id: "more-content",
+          style: { maxHeight: isExpanded ? "none" : "5.25rem" },
+          dangerouslySetInnerHTML: { __html: description }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "a",
+        {
+          id: "btn-show-more",
+          className: `link--primary inline-block mt-2 cursor-pointer ${isExpanded ? "is-expanded" : ""}`,
+          onClick: () => setIsExpanded(true),
+          children: t("pages.products.read_more", "Read more")
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "product__description p-2 px-5 sm:p-1 leading-7 mb-3", children: /* @__PURE__ */ jsx("article", { className: "article--main pb-1", dangerouslySetInnerHTML: { __html: description } }) });
+}
+function ProductQuantityInfo({ product }) {
+  const { t } = useTranslation();
+  if (product.sold_quantity == null && !product.can_show_remained_quantity) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "bg-white py-2.5 mb-5 rounded-md inline-flex text-sm", children: [
+    (product.sold_quantity ?? 0) > 0 && /* @__PURE__ */ jsxs("div", { className: "px-4 !text-red-800", children: [
+      /* @__PURE__ */ jsx("i", { className: "sicon-fire rtl:ml-1.5 ltr:mr-1.5" }),
+      " ",
+      t("pages.products.sold", "Sold"),
+      " ",
+      /* @__PURE__ */ jsx("span", { children: formatSallaPlural(t("pages.products.sold_times"), product.sold_quantity) })
+    ] }),
+    product.can_show_remained_quantity && /* @__PURE__ */ jsxs("div", { className: "px-4 rtl:even:border-r ltr:even:border-l even:border-gray-200", children: [
+      /* @__PURE__ */ jsx("i", { className: "!text-red-800 sicon-box-bankers rtl:ml-1.5 ltr:mr-1.5" }),
+      t("pages.products.remained", "Remained"),
+      ": ",
+      product.quantity
+    ] })
+  ] });
+}
+
+export { ProductDetails };
+//# sourceMappingURL=ProductDetails-KTY4ZSFM.js.map
+//# sourceMappingURL=ProductDetails-KTY4ZSFM.js.map