@salla.sa/twilight-theme-engine 1.0.146 → 1.0.147

package/dist/{CartSummary-V4HYUEPB.js.map → CartSummary-ZWBB3R3X.js.map}

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

package/dist/{Copyright-JLIFLENS.js → Copyright-SG3C7STC.js}

@@ -1,5 +1,5 @@
 import { useTranslation } from './chunk-TYNZ5B2B.js';
-import './chunk-FTH3XLIN.js';
+import './chunk-FR6K5DBJ.js';
 import { Link } from './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-SKLEJJ6M.js';
@@ -22,5 +22,5 @@ function Copyright({ storeName = "" }) {
 }
 
 export { Copyright };
-//# sourceMappingURL=Copyright-JLIFLENS.js.map
-//# sourceMappingURL=Copyright-JLIFLENS.js.map
+//# sourceMappingURL=Copyright-SG3C7STC.js.map
+//# sourceMappingURL=Copyright-SG3C7STC.js.map

package/dist/{Copyright-JLIFLENS.js.map → Copyright-SG3C7STC.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/layout/Copyright.tsx"],"names":[],"mappings":";;;;;;;;;;AAUO,SAAS,SAAA,CAAU,EAAE,SAAA,GAAY,EAAA,EAAG,EAAmB;AAC5D,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAC7B,EAAA,MAAM,IAAA,GAAA,iBAAO,IAAI,IAAA,EAAK,EAAE,WAAA,EAAY;AAEpC,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,CAAA,CAAE,2BAA2B,WAAW,CAAA;AAAA,IAAE,KAAA;AAAA,IAAI,IAAA;AAAA,IAAM,GAAA;AAAA,wBACpD,IAAA,EAAA,EAAK,EAAA,EAAG,GAAA,EAAI,SAAA,EAAU,sBACpB,QAAA,EAAA,SAAA,EACH,CAAA;AAAA,IAAQ;AAAA,GAAA,EACV,CAAA;AAEJ","file":"Copyright-JLIFLENS.js","sourcesContent":["import { useTranslation } from '../../providers/I18nProvider';\nimport { Link } from '../common';\n\nexport interface CopyrightProps {\n  storeName?: string;\n}\n\n/**\n * Simple copyright component - shows \"Copyright | Year StoreName | Powered by Salla\"\n */\nexport function Copyright({ storeName = '' }: CopyrightProps) {\n  const { t } = useTranslation();\n  const year = new Date().getFullYear();\n\n  return (\n    <>\n      {t('blocks.footer.copyright', 'Copyright')} | {year}{' '}\n      <Link to=\"/\" className=\"hover:text-primary\">\n        {storeName}\n      </Link>{' '}\n    </>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/layout/Copyright.tsx"],"names":[],"mappings":";;;;;;;;;;AAUO,SAAS,SAAA,CAAU,EAAE,SAAA,GAAY,EAAA,EAAG,EAAmB;AAC5D,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAC7B,EAAA,MAAM,IAAA,GAAA,iBAAO,IAAI,IAAA,EAAK,EAAE,WAAA,EAAY;AAEpC,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,CAAA,CAAE,2BAA2B,WAAW,CAAA;AAAA,IAAE,KAAA;AAAA,IAAI,IAAA;AAAA,IAAM,GAAA;AAAA,wBACpD,IAAA,EAAA,EAAK,EAAA,EAAG,GAAA,EAAI,SAAA,EAAU,sBACpB,QAAA,EAAA,SAAA,EACH,CAAA;AAAA,IAAQ;AAAA,GAAA,EACV,CAAA;AAEJ","file":"Copyright-SG3C7STC.js","sourcesContent":["import { useTranslation } from '../../providers/I18nProvider';\nimport { Link } from '../common';\n\nexport interface CopyrightProps {\n  storeName?: string;\n}\n\n/**\n * Simple copyright component - shows \"Copyright | Year StoreName | Powered by Salla\"\n */\nexport function Copyright({ storeName = '' }: CopyrightProps) {\n  const { t } = useTranslation();\n  const year = new Date().getFullYear();\n\n  return (\n    <>\n      {t('blocks.footer.copyright', 'Copyright')} | {year}{' '}\n      <Link to=\"/\" className=\"hover:text-primary\">\n        {storeName}\n      </Link>{' '}\n    </>\n  );\n}\n"]}

package/dist/{CustomerLayout-JSIYPWY4.js → CustomerLayout-OZCEEEL5.js}

@@ -1,25 +1,25 @@
-import './chunk-BKSVKSAW.js';
+import './chunk-NMYYHEPN.js';
 import './chunk-Q77J3D2W.js';
-import './chunk-F7S2QA3D.js';
-import './chunk-PCYZMJUC.js';
+import './chunk-HAGJ2W6O.js';
+import './chunk-3XRZEYOO.js';
 import './chunk-5V4W3GBI.js';
 import './chunk-X55R4VVK.js';
 import './chunk-YL6X3ZMG.js';
-import './chunk-YEBA44IV.js';
+import './chunk-5C4ENAQA.js';
 import './chunk-OXMUPNMH.js';
-import './chunk-5EN3XZ32.js';
+import './chunk-GEJDHAP5.js';
 import './chunk-VVZNW5CB.js';
 import './chunk-EGI7F57E.js';
 import './chunk-GD26FI4J.js';
 import './chunk-SLBO4SEE.js';
 import './chunk-MGG4XAJ5.js';
-import { useLocation } from './chunk-VEVFVWF3.js';
+import { useLocation } from './chunk-N7E6KO5Q.js';
 import { RouteId } from './chunk-OUW6WESU.js';
 import './chunk-IHOUADLX.js';
 import './chunk-HI5V5X3S.js';
-import { useUser } from './chunk-3O6BB7SI.js';
-import './chunk-A4Y5BVJN.js';
-import './chunk-MVT5AF2A.js';
+import { useUser } from './chunk-JZTNZ6C7.js';
+import './chunk-LZ6RMZPJ.js';
+import './chunk-6T55LXJL.js';
 import './chunk-Z653O7MX.js';
 import './chunk-ZCH7W7DZ.js';
 import './chunk-H7LRGY7U.js';
@@ -29,16 +29,16 @@ import './chunk-7V36I5GT.js';
 import './chunk-6WI7R2BD.js';
 import './chunk-M5WTY3EH.js';
 import './chunk-OAMIDZKW.js';
-import './chunk-YDRURQ2W.js';
+import './chunk-RMV5X6GY.js';
 import './chunk-OQIIJRAS.js';
 import './chunk-V2ZDTY6H.js';
-import './chunk-VDY3VY7S.js';
+import './chunk-E6SVWI3B.js';
 import './chunk-5XDPAKF5.js';
 import './chunk-GCPEMNSU.js';
-import './chunk-2DUN6DZK.js';
+import './chunk-GIKY54MI.js';
 import './chunk-Z5M4YYWT.js';
 import { useTranslation } from './chunk-TYNZ5B2B.js';
-import { LazyBreadcrumb } from './chunk-FTH3XLIN.js';
+import { LazyBreadcrumb } from './chunk-FR6K5DBJ.js';
 import './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-SKLEJJ6M.js';
@@ -101,5 +101,5 @@ function CustomerLayout({ children, page }) {
 }
 
 export { CustomerLayout };
-//# sourceMappingURL=CustomerLayout-JSIYPWY4.js.map
-//# sourceMappingURL=CustomerLayout-JSIYPWY4.js.map
+//# sourceMappingURL=CustomerLayout-OZCEEEL5.js.map
+//# sourceMappingURL=CustomerLayout-OZCEEEL5.js.map

package/dist/{CustomerLayout-JSIYPWY4.js.map → CustomerLayout-OZCEEEL5.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/layout/CustomerLayout.tsx"],"names":[],"mappings":"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","file":"CustomerLayout-JSIYPWY4.js","sourcesContent":["import { useMemo } from 'react';\nimport { 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 { useTranslation } from '../../providers/I18nProvider';\nimport { useLocation } from '../../providers/NavigationProvider';\nimport type { Page } from '../../types';\nimport { RouteId } from '../../router/route-ids';\n\ninterface CustomerLayoutProps extends LayoutProps {\n  page?: Page;\n}\n\nexport function CustomerLayout({ children, page }: CustomerLayoutProps) {\n  const { data: user } = useUser();\n  const { t } = useTranslation();\n  const { pathname } = useLocation();\n\n  // Twig's salla-breadcrumb puts \"My account\" before every customer page but these two.\n  const crumbPage = useMemo(() => {\n    if (\n      !page ||\n      page.breadcrumbs?.length ||\n      ([RouteId.CUSTOMER_PROFILE, RouteId.CUSTOMER_WISHLIST] as string[]).includes(page.slug)\n    ) {\n      return page;\n    }\n    return {\n      ...page,\n      breadcrumbs: [\n        { name: t('common.titles.home'), url: '/' },\n        { name: t('common.titles.profile'), url: '/account/profile' },\n        { name: page.title, url: pathname },\n      ],\n    };\n  }, [page, pathname, t]);\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          {crumbPage && (\n            <Breadcrumb page={crumbPage} className=\"breadcrumbs w-full py-5 self-start\" />\n          )}\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 === RouteId.CUSTOMER_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"]}
+{"version":3,"sources":["../src/components/layout/CustomerLayout.tsx"],"names":[],"mappings":"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","file":"CustomerLayout-OZCEEEL5.js","sourcesContent":["import { useMemo } from 'react';\nimport { 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 { useTranslation } from '../../providers/I18nProvider';\nimport { useLocation } from '../../providers/NavigationProvider';\nimport type { Page } from '../../types';\nimport { RouteId } from '../../router/route-ids';\n\ninterface CustomerLayoutProps extends LayoutProps {\n  page?: Page;\n}\n\nexport function CustomerLayout({ children, page }: CustomerLayoutProps) {\n  const { data: user } = useUser();\n  const { t } = useTranslation();\n  const { pathname } = useLocation();\n\n  // Twig's salla-breadcrumb puts \"My account\" before every customer page but these two.\n  const crumbPage = useMemo(() => {\n    if (\n      !page ||\n      page.breadcrumbs?.length ||\n      ([RouteId.CUSTOMER_PROFILE, RouteId.CUSTOMER_WISHLIST] as string[]).includes(page.slug)\n    ) {\n      return page;\n    }\n    return {\n      ...page,\n      breadcrumbs: [\n        { name: t('common.titles.home'), url: '/' },\n        { name: t('common.titles.profile'), url: '/account/profile' },\n        { name: page.title, url: pathname },\n      ],\n    };\n  }, [page, pathname, t]);\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          {crumbPage && (\n            <Breadcrumb page={crumbPage} className=\"breadcrumbs w-full py-5 self-start\" />\n          )}\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 === RouteId.CUSTOMER_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/{Footer-BNIVXKRM.js → Footer-F6H52J6C.js}

@@ -1,9 +1,9 @@
-export { Footer } from './chunk-PCYZMJUC.js';
+export { Footer } from './chunk-3XRZEYOO.js';
 import './chunk-OQIIJRAS.js';
 import './chunk-5XDPAKF5.js';
 import './chunk-GCPEMNSU.js';
 import './chunk-TYNZ5B2B.js';
-import './chunk-FTH3XLIN.js';
+import './chunk-FR6K5DBJ.js';
 import './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-SKLEJJ6M.js';
@@ -13,5 +13,5 @@ import './chunk-T72DAX7R.js';
 import './chunk-DF6FBKDN.js';
 import './chunk-VYGA5AT5.js';
 import './chunk-DGUM43GV.js';
-//# sourceMappingURL=Footer-BNIVXKRM.js.map
-//# sourceMappingURL=Footer-BNIVXKRM.js.map
+//# sourceMappingURL=Footer-F6H52J6C.js.map
+//# sourceMappingURL=Footer-F6H52J6C.js.map

package/dist/{Footer-BNIVXKRM.js.map → Footer-F6H52J6C.js.map}

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

package/dist/{Header-DI3OK5TC.js → Header-IZ22UIE4.js}

@@ -1,14 +1,14 @@
-export { Header } from './chunk-F7S2QA3D.js';
-import './chunk-VEVFVWF3.js';
+export { Header } from './chunk-HAGJ2W6O.js';
+import './chunk-N7E6KO5Q.js';
 import './chunk-OUW6WESU.js';
-import './chunk-YDRURQ2W.js';
-import './chunk-VDY3VY7S.js';
+import './chunk-RMV5X6GY.js';
+import './chunk-E6SVWI3B.js';
 import './chunk-5XDPAKF5.js';
 import './chunk-GCPEMNSU.js';
-import './chunk-2DUN6DZK.js';
+import './chunk-GIKY54MI.js';
 import './chunk-Z5M4YYWT.js';
 import './chunk-TYNZ5B2B.js';
-import './chunk-FTH3XLIN.js';
+import './chunk-FR6K5DBJ.js';
 import './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-SKLEJJ6M.js';
@@ -20,5 +20,5 @@ import './chunk-T72DAX7R.js';
 import './chunk-DF6FBKDN.js';
 import './chunk-VYGA5AT5.js';
 import './chunk-DGUM43GV.js';
-//# sourceMappingURL=Header-DI3OK5TC.js.map
-//# sourceMappingURL=Header-DI3OK5TC.js.map
+//# sourceMappingURL=Header-IZ22UIE4.js.map
+//# sourceMappingURL=Header-IZ22UIE4.js.map

package/dist/{Header-DI3OK5TC.js.map → Header-IZ22UIE4.js.map}

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

package/dist/{LatestProducts-PEIN355E.js → LatestProducts-EUROHOV5.js}

@@ -1,29 +1,29 @@
 import { NoContent } from './chunk-33FWLJXY.js';
-import { product, parseNextPageToken } from './chunk-7PPNAVBF.js';
-import { ProductCard } from './chunk-JOHFXU4C.js';
+import { product, parseNextPageToken } from './chunk-6JTIZQEJ.js';
+import { ProductCard } from './chunk-H3JEKVHZ.js';
 import './chunk-Y32RHCOH.js';
-import './chunk-BKSVKSAW.js';
+import './chunk-NMYYHEPN.js';
 import './chunk-Q77J3D2W.js';
-import './chunk-F7S2QA3D.js';
-import './chunk-PCYZMJUC.js';
+import './chunk-HAGJ2W6O.js';
+import './chunk-3XRZEYOO.js';
 import './chunk-5V4W3GBI.js';
 import './chunk-X55R4VVK.js';
 import './chunk-YL6X3ZMG.js';
-import './chunk-YEBA44IV.js';
+import './chunk-5C4ENAQA.js';
 import './chunk-OXMUPNMH.js';
-import './chunk-5EN3XZ32.js';
+import './chunk-GEJDHAP5.js';
 import './chunk-VVZNW5CB.js';
 import './chunk-EGI7F57E.js';
 import './chunk-GD26FI4J.js';
 import './chunk-SLBO4SEE.js';
 import './chunk-MGG4XAJ5.js';
-import './chunk-VEVFVWF3.js';
+import './chunk-N7E6KO5Q.js';
 import './chunk-OUW6WESU.js';
 import './chunk-IHOUADLX.js';
 import './chunk-HI5V5X3S.js';
-import './chunk-3O6BB7SI.js';
-import './chunk-A4Y5BVJN.js';
-import './chunk-MVT5AF2A.js';
+import './chunk-JZTNZ6C7.js';
+import './chunk-LZ6RMZPJ.js';
+import './chunk-6T55LXJL.js';
 import './chunk-Z653O7MX.js';
 import './chunk-ZCH7W7DZ.js';
 import './chunk-H7LRGY7U.js';
@@ -33,16 +33,16 @@ import './chunk-7V36I5GT.js';
 import './chunk-6WI7R2BD.js';
 import './chunk-M5WTY3EH.js';
 import './chunk-OAMIDZKW.js';
-import './chunk-YDRURQ2W.js';
+import './chunk-RMV5X6GY.js';
 import './chunk-OQIIJRAS.js';
 import './chunk-V2ZDTY6H.js';
-import './chunk-VDY3VY7S.js';
+import './chunk-E6SVWI3B.js';
 import './chunk-5XDPAKF5.js';
 import './chunk-GCPEMNSU.js';
-import './chunk-2DUN6DZK.js';
+import './chunk-GIKY54MI.js';
 import './chunk-Z5M4YYWT.js';
 import { useTranslation } from './chunk-TYNZ5B2B.js';
-import './chunk-FTH3XLIN.js';
+import './chunk-FR6K5DBJ.js';
 import './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-SKLEJJ6M.js';
@@ -104,5 +104,5 @@ function LatestProducts({ data }) {
 }
 
 export { LatestProducts };
-//# sourceMappingURL=LatestProducts-PEIN355E.js.map
-//# sourceMappingURL=LatestProducts-PEIN355E.js.map
+//# sourceMappingURL=LatestProducts-EUROHOV5.js.map
+//# sourceMappingURL=LatestProducts-EUROHOV5.js.map

package/dist/{LatestProducts-PEIN355E.js.map → LatestProducts-EUROHOV5.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/home/LatestProducts.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBO,SAAS,cAAA,CAAe,EAAE,IAAA,EAAK,EAAwB;AAC5D,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAC7B,EAAA,MAAM,OAAA,GAAU,OAAsB,IAAI,CAAA;AAE1C,EAAA,MAAM,MAAA,GAAS,YAAY,YAAY;AACrC,IAAA,MAAM,MAAA,GAAS,MAAM,OAAA,CAAQ,IAAA,CAAK,EAAE,MAAA,EAAQ,QAAA,EAAU,GAAG,kBAAA,CAAmB,OAAA,CAAQ,OAAO,CAAA,EAAG,CAAA;AAC9F,IAAA,OAAA,CAAQ,UAAU,MAAA,CAAO,IAAA;AACzB,IAAA,OAAO,MAAA;AAAA,EACT,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAI,QAAA,EAAA,IAAA,CAAK,KAAA,IAAS,CAAA,CAAE,6BAAA,EAA+B,iBAAiB,CAAA,EAAE,CAAA,EACzE,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,MAAA;AAAA,QACA,IAAA,EAAK,UAAA;AAAA,QACL,cAAA,EAAe,gCAAA;AAAA,QACf,QAAA,sBAAW,mBAAA,EAAA,EAAoB,CAAA;AAAA,QAC/B,YAAA,EAAa,MAAA;AAAA,QACb,aAAA,EAAe,CAAA;AAAA,QACf,KAAA,kBACE,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,oBAAA;AAAA,YACL,OAAA,EAAS,CAAA,CAAE,8BAAA,EAAgC,oCAAoC;AAAA;AAAA,SACjF;AAAA,QAEF,GAAG,CAAC,GAAA,EAAK,aAAa,CAAA,CAAE,GAAA,EAAK,YAAY,GAAG,CAAA;AAAA,QAE3C,WAAC,QAAA,KACA,QAAA,CAAS,GAAA,CAAI,CAAC,MAAM,KAAA,qBAClB,GAAA;AAAA,UAAC,WAAA;AAAA,UAAA;AAAA,YAEC,OAAA,EAAS,IAAA;AAAA,YACT,aAAA,EAAe,CAAC,CAAC,IAAA,CAAK,YAAY,KAAA,GAAQ;AAAA,WAAA;AAAA,UAFrC,IAAA,CAAK;AAAA,SAIb;AAAA;AAAA;AAEL,GAAA,EACF,CAAA;AAEJ","file":"LatestProducts-PEIN355E.js","sourcesContent":["import { useCallback, useRef } from 'react';\nimport { ProductCardSkeleton, SallaProductsList } from '@salla.sa/twilight-components-react';\nimport { parseNextPageToken, product } from '../../api/product';\nimport { ProductCard } from '../product/ProductCard';\nimport { NoContent } from '../common/NoContent';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport type { Product } from '../../types';\n\nexport interface LatestProductsProps {\n  data: {\n    title?: string;\n    priority?: boolean;\n    [key: string]: unknown;\n  };\n}\n\n/**\n * Twig's `latest-products` block (the Store app's LatestProductsWidget): the store's newest\n * products, loading more as the customer scrolls. A home page with no blocks shows it.\n */\nexport function LatestProducts({ data }: LatestProductsProps) {\n  const { t } = useTranslation();\n  const nextRef = useRef<string | null>(null);\n\n  const loader = useCallback(async () => {\n    const result = await product.list({ source: 'latest', ...parseNextPageToken(nextRef.current) });\n    nextRef.current = result.next;\n    return result;\n  }, []);\n\n  return (\n    <>\n      <div className=\"s-block__title\">\n        <h2>{data.title || t('blocks.home.latest_products', 'Latest Products')}</h2>\n      </div>\n      <SallaProductsList<Product>\n        loader={loader}\n        mode=\"infinite\"\n        itemsClassName=\"s-products-list-vertical-cards\"\n        skeleton={<ProductCardSkeleton />}\n        skeletonType=\"item\"\n        skeletonCount={8}\n        empty={\n          <NoContent\n            icon=\"sicon-shopping-bag\"\n            message={t('pages.categories.no_products', 'No products found in this category')}\n          />\n        }\n        t={(key, fallback) => t(key, fallback || key)}\n      >\n        {(products) =>\n          products.map((item, index) => (\n            <ProductCard\n              key={item.id}\n              product={item}\n              imagePriority={!!data.priority && index < 2}\n            />\n          ))\n        }\n      </SallaProductsList>\n    </>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/home/LatestProducts.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBO,SAAS,cAAA,CAAe,EAAE,IAAA,EAAK,EAAwB;AAC5D,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAC7B,EAAA,MAAM,OAAA,GAAU,OAAsB,IAAI,CAAA;AAE1C,EAAA,MAAM,MAAA,GAAS,YAAY,YAAY;AACrC,IAAA,MAAM,MAAA,GAAS,MAAM,OAAA,CAAQ,IAAA,CAAK,EAAE,MAAA,EAAQ,QAAA,EAAU,GAAG,kBAAA,CAAmB,OAAA,CAAQ,OAAO,CAAA,EAAG,CAAA;AAC9F,IAAA,OAAA,CAAQ,UAAU,MAAA,CAAO,IAAA;AACzB,IAAA,OAAO,MAAA;AAAA,EACT,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAI,QAAA,EAAA,IAAA,CAAK,KAAA,IAAS,CAAA,CAAE,6BAAA,EAA+B,iBAAiB,CAAA,EAAE,CAAA,EACzE,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,MAAA;AAAA,QACA,IAAA,EAAK,UAAA;AAAA,QACL,cAAA,EAAe,gCAAA;AAAA,QACf,QAAA,sBAAW,mBAAA,EAAA,EAAoB,CAAA;AAAA,QAC/B,YAAA,EAAa,MAAA;AAAA,QACb,aAAA,EAAe,CAAA;AAAA,QACf,KAAA,kBACE,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,oBAAA;AAAA,YACL,OAAA,EAAS,CAAA,CAAE,8BAAA,EAAgC,oCAAoC;AAAA;AAAA,SACjF;AAAA,QAEF,GAAG,CAAC,GAAA,EAAK,aAAa,CAAA,CAAE,GAAA,EAAK,YAAY,GAAG,CAAA;AAAA,QAE3C,WAAC,QAAA,KACA,QAAA,CAAS,GAAA,CAAI,CAAC,MAAM,KAAA,qBAClB,GAAA;AAAA,UAAC,WAAA;AAAA,UAAA;AAAA,YAEC,OAAA,EAAS,IAAA;AAAA,YACT,aAAA,EAAe,CAAC,CAAC,IAAA,CAAK,YAAY,KAAA,GAAQ;AAAA,WAAA;AAAA,UAFrC,IAAA,CAAK;AAAA,SAIb;AAAA;AAAA;AAEL,GAAA,EACF,CAAA;AAEJ","file":"LatestProducts-EUROHOV5.js","sourcesContent":["import { useCallback, useRef } from 'react';\nimport { ProductCardSkeleton, SallaProductsList } from '@salla.sa/twilight-components-react';\nimport { parseNextPageToken, product } from '../../api/product';\nimport { ProductCard } from '../product/ProductCard';\nimport { NoContent } from '../common/NoContent';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport type { Product } from '../../types';\n\nexport interface LatestProductsProps {\n  data: {\n    title?: string;\n    priority?: boolean;\n    [key: string]: unknown;\n  };\n}\n\n/**\n * Twig's `latest-products` block (the Store app's LatestProductsWidget): the store's newest\n * products, loading more as the customer scrolls. A home page with no blocks shows it.\n */\nexport function LatestProducts({ data }: LatestProductsProps) {\n  const { t } = useTranslation();\n  const nextRef = useRef<string | null>(null);\n\n  const loader = useCallback(async () => {\n    const result = await product.list({ source: 'latest', ...parseNextPageToken(nextRef.current) });\n    nextRef.current = result.next;\n    return result;\n  }, []);\n\n  return (\n    <>\n      <div className=\"s-block__title\">\n        <h2>{data.title || t('blocks.home.latest_products', 'Latest Products')}</h2>\n      </div>\n      <SallaProductsList<Product>\n        loader={loader}\n        mode=\"infinite\"\n        itemsClassName=\"s-products-list-vertical-cards\"\n        skeleton={<ProductCardSkeleton />}\n        skeletonType=\"item\"\n        skeletonCount={8}\n        empty={\n          <NoContent\n            icon=\"sicon-shopping-bag\"\n            message={t('pages.categories.no_products', 'No products found in this category')}\n          />\n        }\n        t={(key, fallback) => t(key, fallback || key)}\n      >\n        {(products) =>\n          products.map((item, index) => (\n            <ProductCard\n              key={item.id}\n              product={item}\n              imagePriority={!!data.priority && index < 2}\n            />\n          ))\n        }\n      </SallaProductsList>\n    </>\n  );\n}\n"]}

package/dist/{LoyaltyPage-GV6WMYVE.js → LoyaltyPage-V6UL2JG3.js}

@@ -1,25 +1,25 @@
-import './chunk-BKSVKSAW.js';
+import './chunk-NMYYHEPN.js';
 import './chunk-Q77J3D2W.js';
-import './chunk-F7S2QA3D.js';
-import './chunk-PCYZMJUC.js';
+import './chunk-HAGJ2W6O.js';
+import './chunk-3XRZEYOO.js';
 import './chunk-5V4W3GBI.js';
 import './chunk-X55R4VVK.js';
 import './chunk-YL6X3ZMG.js';
-import './chunk-YEBA44IV.js';
+import './chunk-5C4ENAQA.js';
 import './chunk-OXMUPNMH.js';
-import './chunk-5EN3XZ32.js';
+import './chunk-GEJDHAP5.js';
 import './chunk-VVZNW5CB.js';
 import './chunk-EGI7F57E.js';
 import './chunk-GD26FI4J.js';
 import './chunk-SLBO4SEE.js';
 import './chunk-MGG4XAJ5.js';
-import './chunk-VEVFVWF3.js';
+import './chunk-N7E6KO5Q.js';
 import './chunk-OUW6WESU.js';
 import './chunk-IHOUADLX.js';
 import './chunk-HI5V5X3S.js';
-import './chunk-3O6BB7SI.js';
-import './chunk-A4Y5BVJN.js';
-import './chunk-MVT5AF2A.js';
+import './chunk-JZTNZ6C7.js';
+import './chunk-LZ6RMZPJ.js';
+import './chunk-6T55LXJL.js';
 import './chunk-Z653O7MX.js';
 import './chunk-ZCH7W7DZ.js';
 import './chunk-H7LRGY7U.js';
@@ -29,16 +29,16 @@ import './chunk-7V36I5GT.js';
 import './chunk-6WI7R2BD.js';
 import './chunk-M5WTY3EH.js';
 import './chunk-OAMIDZKW.js';
-import './chunk-YDRURQ2W.js';
+import './chunk-RMV5X6GY.js';
 import './chunk-OQIIJRAS.js';
 import './chunk-V2ZDTY6H.js';
-import './chunk-VDY3VY7S.js';
+import './chunk-E6SVWI3B.js';
 import { HookSlot } from './chunk-5XDPAKF5.js';
 import './chunk-GCPEMNSU.js';
-import './chunk-2DUN6DZK.js';
+import './chunk-GIKY54MI.js';
 import './chunk-Z5M4YYWT.js';
 import './chunk-TYNZ5B2B.js';
-import { LazyBreadcrumb } from './chunk-FTH3XLIN.js';
+import { LazyBreadcrumb } from './chunk-FR6K5DBJ.js';
 import './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-SKLEJJ6M.js';
@@ -70,5 +70,5 @@ function LoyaltyPage({ page }) {
 }
 
 export { LoyaltyPage };
-//# sourceMappingURL=LoyaltyPage-GV6WMYVE.js.map
-//# sourceMappingURL=LoyaltyPage-GV6WMYVE.js.map
+//# sourceMappingURL=LoyaltyPage-V6UL2JG3.js.map
+//# sourceMappingURL=LoyaltyPage-V6UL2JG3.js.map

package/dist/{LoyaltyPage-GV6WMYVE.js.map → LoyaltyPage-V6UL2JG3.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/routes/loyalty/LoyaltyPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,SAAS,WAAA,CAAY,EAAE,IAAA,EAAK,EAAqB;AACtD,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,MAAK,eAAA,EAAgB,CAAA;AAAA,oBAC/B,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,kBAAW,IAAA,EAAY,CAAA;AAAA,0BACvB,mBAAA,EAAA,EAAoB;AAAA,KAAA,EACvB,CAAA;AAAA,oBACA,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,aAAA,EAAc;AAAA,GAAA,EAC/B,CAAA;AAEJ","file":"LoyaltyPage-GV6WMYVE.js","sourcesContent":["import { SallaLoyaltyProgram } from '@salla.sa/twilight-components-react/loyalty-program';\nimport type { LoyaltyPageProps } from './types';\nimport { Breadcrumb } from '../../components/common';\nimport { HookSlot } from '../../hooks';\n\nexport function LoyaltyPage({ page }: LoyaltyPageProps) {\n  return (\n    <>\n      <HookSlot name=\"loyalty:start\" />\n      <div className=\"container mb-20\">\n        <Breadcrumb page={page} />\n        <SallaLoyaltyProgram />\n      </div>\n      <HookSlot name=\"loyalty:end\" />\n    </>\n  );\n}\n"]}
+{"version":3,"sources":["../src/routes/loyalty/LoyaltyPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,SAAS,WAAA,CAAY,EAAE,IAAA,EAAK,EAAqB;AACtD,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,MAAK,eAAA,EAAgB,CAAA;AAAA,oBAC/B,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,kBAAW,IAAA,EAAY,CAAA;AAAA,0BACvB,mBAAA,EAAA,EAAoB;AAAA,KAAA,EACvB,CAAA;AAAA,oBACA,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,aAAA,EAAc;AAAA,GAAA,EAC/B,CAAA;AAEJ","file":"LoyaltyPage-V6UL2JG3.js","sourcesContent":["import { SallaLoyaltyProgram } from '@salla.sa/twilight-components-react/loyalty-program';\nimport type { LoyaltyPageProps } from './types';\nimport { Breadcrumb } from '../../components/common';\nimport { HookSlot } from '../../hooks';\n\nexport function LoyaltyPage({ page }: LoyaltyPageProps) {\n  return (\n    <>\n      <HookSlot name=\"loyalty:start\" />\n      <div className=\"container mb-20\">\n        <Breadcrumb page={page} />\n        <SallaLoyaltyProgram />\n      </div>\n      <HookSlot name=\"loyalty:end\" />\n    </>\n  );\n}\n"]}

package/dist/{LoyaltyPointsPage-QNOVSCKB.js → LoyaltyPointsPage-DSUGI2WQ.js}

@@ -1,11 +1,11 @@
-import { LazyCustomerLayout } from './chunk-K4YRFOFA.js';
-import './chunk-YDRURQ2W.js';
+import { LazyCustomerLayout } from './chunk-7QXWREJU.js';
+import './chunk-RMV5X6GY.js';
 import './chunk-OQIIJRAS.js';
 import './chunk-V2ZDTY6H.js';
-import './chunk-VDY3VY7S.js';
+import './chunk-E6SVWI3B.js';
 import './chunk-5XDPAKF5.js';
 import './chunk-GCPEMNSU.js';
-import './chunk-2DUN6DZK.js';
+import './chunk-GIKY54MI.js';
 import './chunk-Z5M4YYWT.js';
 import './chunk-TYNZ5B2B.js';
 import './chunk-XMRNYUQY.js';
@@ -23,5 +23,5 @@ function LoyaltyPointsPage({ page }) {
 }
 
 export { LoyaltyPointsPage };
-//# sourceMappingURL=LoyaltyPointsPage-QNOVSCKB.js.map
-//# sourceMappingURL=LoyaltyPointsPage-QNOVSCKB.js.map
+//# sourceMappingURL=LoyaltyPointsPage-DSUGI2WQ.js.map
+//# sourceMappingURL=LoyaltyPointsPage-DSUGI2WQ.js.map

package/dist/{LoyaltyPointsPage-QNOVSCKB.js.map → LoyaltyPointsPage-DSUGI2WQ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/routes/loyalty/LoyaltyPointsPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAIO,SAAS,iBAAA,CAAkB,EAAE,IAAA,EAAK,EAA2B;AAClE,EAAA,uBACE,GAAA,CAAC,kBAAA,EAAA,EAAe,IAAA,EACd,QAAA,kBAAA,GAAA,CAAC,6BAA0B,CAAA,EAC7B,CAAA;AAEJ","file":"LoyaltyPointsPage-QNOVSCKB.js","sourcesContent":["import { SallaLoyaltyPointsHistory } from '@salla.sa/twilight-components-react/loyalty-points-history';\nimport type { LoyaltyPointsPageProps } from './types';\nimport { CustomerLayout } from '../../components/layout';\n\nexport function LoyaltyPointsPage({ page }: LoyaltyPointsPageProps) {\n  return (\n    <CustomerLayout page={page}>\n      <SallaLoyaltyPointsHistory />\n    </CustomerLayout>\n  );\n}\n"]}
+{"version":3,"sources":["../src/routes/loyalty/LoyaltyPointsPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAIO,SAAS,iBAAA,CAAkB,EAAE,IAAA,EAAK,EAA2B;AAClE,EAAA,uBACE,GAAA,CAAC,kBAAA,EAAA,EAAe,IAAA,EACd,QAAA,kBAAA,GAAA,CAAC,6BAA0B,CAAA,EAC7B,CAAA;AAEJ","file":"LoyaltyPointsPage-DSUGI2WQ.js","sourcesContent":["import { SallaLoyaltyPointsHistory } from '@salla.sa/twilight-components-react/loyalty-points-history';\nimport type { LoyaltyPointsPageProps } from './types';\nimport { CustomerLayout } from '../../components/layout';\n\nexport function LoyaltyPointsPage({ page }: LoyaltyPointsPageProps) {\n  return (\n    <CustomerLayout page={page}>\n      <SallaLoyaltyPointsHistory />\n    </CustomerLayout>\n  );\n}\n"]}

package/dist/{MainMenu-IN5HUX3U.js → MainMenu-L6SYV24F.js}

@@ -1,8 +1,8 @@
-import { menu } from './chunk-C5P2C2NR.js';
-import './chunk-2DUN6DZK.js';
+import { menu } from './chunk-DQG7IMT3.js';
+import './chunk-GIKY54MI.js';
 import './chunk-Z5M4YYWT.js';
 import { useTranslation } from './chunk-TYNZ5B2B.js';
-import './chunk-FTH3XLIN.js';
+import './chunk-FR6K5DBJ.js';
 import { Link } from './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-SKLEJJ6M.js';
@@ -70,5 +70,5 @@ function MainMenu() {
 }
 
 export { MainMenu };
-//# sourceMappingURL=MainMenu-IN5HUX3U.js.map
-//# sourceMappingURL=MainMenu-IN5HUX3U.js.map
+//# sourceMappingURL=MainMenu-L6SYV24F.js.map
+//# sourceMappingURL=MainMenu-L6SYV24F.js.map

package/dist/{MainMenu-IN5HUX3U.js.map → MainMenu-L6SYV24F.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/navigation/MainMenu.tsx"],"names":["MainMenuSkeleton"],"mappings":"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","file":"MainMenu-IN5HUX3U.js","sourcesContent":["import { useMemo, memo } from 'react';\nimport { useQuery } from '@tanstack/react-query';\nimport { useTwilight } from '../../providers/twilight-context';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { Link } from '../common';\nimport { menu } from '../../api/menu';\nimport type { MenuItem } from '../../types';\n\nconst SKELETON_ITEMS = [\n  { id: 'first', width: 'w-16' },\n  { id: 'second', width: 'w-20' },\n  { id: 'third', width: 'w-24' },\n  { id: 'fourth', width: 'w-16' },\n  { id: 'fifth', width: 'w-20' },\n];\n\nconst MainMenuSkeleton = memo(function MainMenuSkeleton() {\n  return (\n    <nav>\n      <ul className=\"main-menu\">\n        {SKELETON_ITEMS.map(({ id, width }) => (\n          <li key={id} className=\"!hidden lg:!block root-level\">\n            <Link to=\"#\">\n              <span className={`inline-block animate-pulse rounded bg-gray-200 h-4 ${width}`} />\n            </Link>\n          </li>\n        ))}\n      </ul>\n    </nav>\n  );\n});\n\nexport function MainMenu() {\n  const { theme } = useTwilight();\n  const { data: menus = [], isLoading } = useQuery(menu.queries.header());\n  const { t } = useTranslation();\n\n  const { visibleMenus, hiddenMenus } = useMemo(() => {\n    const enableMore = theme?.settings?.is_more_button_enabled;\n    const visibleCount = 7;\n\n    if (enableMore && menus.length > visibleCount) {\n      return {\n        visibleMenus: menus.slice(0, visibleCount),\n        hiddenMenus: menus.slice(visibleCount),\n      };\n    }\n\n    return { visibleMenus: menus, hiddenMenus: [] };\n  }, [menus, theme?.settings?.enable_more_menu, theme?.settings?.is_more_button_enabled]);\n\n  if (isLoading) {\n    return <MainMenuSkeleton />;\n  }\n\n  const renderItem = (item: MenuItem, isChild = false, inMoreMenu = false) => {\n    const hasChildren = item.has_children && item.children && item.children.length > 0;\n    const showDropdown = hasChildren && !inMoreMenu;\n\n    return (\n      <li\n        key={item.id}\n        className={`${isChild ? 'relative' : '!hidden lg:!block root-level'} ${hasChildren ? 'has-children' : ''}`}\n      >\n        <Link to={item.url}>\n          <span>{item.title}</span>\n        </Link>\n        {showDropdown && (\n          <div className=\"sub-menu w-56\">\n            <ul>{item?.children?.map((child: MenuItem) => renderItem(child, true))}</ul>\n          </div>\n        )}\n      </li>\n    );\n  };\n\n  return (\n    <nav>\n      <ul className=\"main-menu\">\n        {visibleMenus.map((item) => renderItem(item))}\n        {hiddenMenus.length > 0 && (\n          <li id=\"more-menu-dropdown\" className=\"!hidden lg:!block root-level has-children\">\n            {/* No destination, so no href: the tab index keeps it reachable by keyboard. */}\n            <Link to=\"#\" {...{ tabIndex: 0 }}>\n              <span>{t('common.titles.more', 'More')}</span>\n            </Link>\n            <div className=\"sub-menu w-56\">\n              <ul>{hiddenMenus.map((item) => renderItem(item, true, true))}</ul>\n            </div>\n          </li>\n        )}\n      </ul>\n    </nav>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/navigation/MainMenu.tsx"],"names":["MainMenuSkeleton"],"mappings":"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","file":"MainMenu-L6SYV24F.js","sourcesContent":["import { useMemo, memo } from 'react';\nimport { useQuery } from '@tanstack/react-query';\nimport { useTwilight } from '../../providers/twilight-context';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { Link } from '../common';\nimport { menu } from '../../api/menu';\nimport type { MenuItem } from '../../types';\n\nconst SKELETON_ITEMS = [\n  { id: 'first', width: 'w-16' },\n  { id: 'second', width: 'w-20' },\n  { id: 'third', width: 'w-24' },\n  { id: 'fourth', width: 'w-16' },\n  { id: 'fifth', width: 'w-20' },\n];\n\nconst MainMenuSkeleton = memo(function MainMenuSkeleton() {\n  return (\n    <nav>\n      <ul className=\"main-menu\">\n        {SKELETON_ITEMS.map(({ id, width }) => (\n          <li key={id} className=\"!hidden lg:!block root-level\">\n            <Link to=\"#\">\n              <span className={`inline-block animate-pulse rounded bg-gray-200 h-4 ${width}`} />\n            </Link>\n          </li>\n        ))}\n      </ul>\n    </nav>\n  );\n});\n\nexport function MainMenu() {\n  const { theme } = useTwilight();\n  const { data: menus = [], isLoading } = useQuery(menu.queries.header());\n  const { t } = useTranslation();\n\n  const { visibleMenus, hiddenMenus } = useMemo(() => {\n    const enableMore = theme?.settings?.is_more_button_enabled;\n    const visibleCount = 7;\n\n    if (enableMore && menus.length > visibleCount) {\n      return {\n        visibleMenus: menus.slice(0, visibleCount),\n        hiddenMenus: menus.slice(visibleCount),\n      };\n    }\n\n    return { visibleMenus: menus, hiddenMenus: [] };\n  }, [menus, theme?.settings?.enable_more_menu, theme?.settings?.is_more_button_enabled]);\n\n  if (isLoading) {\n    return <MainMenuSkeleton />;\n  }\n\n  const renderItem = (item: MenuItem, isChild = false, inMoreMenu = false) => {\n    const hasChildren = item.has_children && item.children && item.children.length > 0;\n    const showDropdown = hasChildren && !inMoreMenu;\n\n    return (\n      <li\n        key={item.id}\n        className={`${isChild ? 'relative' : '!hidden lg:!block root-level'} ${hasChildren ? 'has-children' : ''}`}\n      >\n        <Link to={item.url}>\n          <span>{item.title}</span>\n        </Link>\n        {showDropdown && (\n          <div className=\"sub-menu w-56\">\n            <ul>{item?.children?.map((child: MenuItem) => renderItem(child, true))}</ul>\n          </div>\n        )}\n      </li>\n    );\n  };\n\n  return (\n    <nav>\n      <ul className=\"main-menu\">\n        {visibleMenus.map((item) => renderItem(item))}\n        {hiddenMenus.length > 0 && (\n          <li id=\"more-menu-dropdown\" className=\"!hidden lg:!block root-level has-children\">\n            {/* No destination, so no href: the tab index keeps it reachable by keyboard. */}\n            <Link to=\"#\" {...{ tabIndex: 0 }}>\n              <span>{t('common.titles.more', 'More')}</span>\n            </Link>\n            <div className=\"sub-menu w-56\">\n              <ul>{hiddenMenus.map((item) => renderItem(item, true, true))}</ul>\n            </div>\n          </li>\n        )}\n      </ul>\n    </nav>\n  );\n}\n"]}

package/dist/{MasterLayout-GHAXKYOR.js → MasterLayout-35PAQI5L.js}

@@ -1,25 +1,25 @@
-export { MasterLayout } from './chunk-BKSVKSAW.js';
+export { MasterLayout } from './chunk-NMYYHEPN.js';
 import './chunk-Q77J3D2W.js';
-import './chunk-F7S2QA3D.js';
-import './chunk-PCYZMJUC.js';
+import './chunk-HAGJ2W6O.js';
+import './chunk-3XRZEYOO.js';
 import './chunk-5V4W3GBI.js';
 import './chunk-X55R4VVK.js';
 import './chunk-YL6X3ZMG.js';
-import './chunk-YEBA44IV.js';
+import './chunk-5C4ENAQA.js';
 import './chunk-OXMUPNMH.js';
-import './chunk-5EN3XZ32.js';
+import './chunk-GEJDHAP5.js';
 import './chunk-VVZNW5CB.js';
 import './chunk-EGI7F57E.js';
 import './chunk-GD26FI4J.js';
 import './chunk-SLBO4SEE.js';
 import './chunk-MGG4XAJ5.js';
-import './chunk-VEVFVWF3.js';
+import './chunk-N7E6KO5Q.js';
 import './chunk-OUW6WESU.js';
 import './chunk-IHOUADLX.js';
 import './chunk-HI5V5X3S.js';
-import './chunk-3O6BB7SI.js';
-import './chunk-A4Y5BVJN.js';
-import './chunk-MVT5AF2A.js';
+import './chunk-JZTNZ6C7.js';
+import './chunk-LZ6RMZPJ.js';
+import './chunk-6T55LXJL.js';
 import './chunk-Z653O7MX.js';
 import './chunk-ZCH7W7DZ.js';
 import './chunk-H7LRGY7U.js';
@@ -29,16 +29,16 @@ import './chunk-7V36I5GT.js';
 import './chunk-6WI7R2BD.js';
 import './chunk-M5WTY3EH.js';
 import './chunk-OAMIDZKW.js';
-import './chunk-YDRURQ2W.js';
+import './chunk-RMV5X6GY.js';
 import './chunk-OQIIJRAS.js';
 import './chunk-V2ZDTY6H.js';
-import './chunk-VDY3VY7S.js';
+import './chunk-E6SVWI3B.js';
 import './chunk-5XDPAKF5.js';
 import './chunk-GCPEMNSU.js';
-import './chunk-2DUN6DZK.js';
+import './chunk-GIKY54MI.js';
 import './chunk-Z5M4YYWT.js';
 import './chunk-TYNZ5B2B.js';
-import './chunk-FTH3XLIN.js';
+import './chunk-FR6K5DBJ.js';
 import './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-SKLEJJ6M.js';
@@ -55,5 +55,5 @@ import './chunk-T72DAX7R.js';
 import './chunk-DF6FBKDN.js';
 import './chunk-VYGA5AT5.js';
 import './chunk-DGUM43GV.js';
-//# sourceMappingURL=MasterLayout-GHAXKYOR.js.map
-//# sourceMappingURL=MasterLayout-GHAXKYOR.js.map
+//# sourceMappingURL=MasterLayout-35PAQI5L.js.map
+//# sourceMappingURL=MasterLayout-35PAQI5L.js.map

package/dist/{MasterLayout-GHAXKYOR.js.map → MasterLayout-35PAQI5L.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"MasterLayout-GHAXKYOR.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"MasterLayout-35PAQI5L.js"}