@salla.sa/twilight-components 3.0.26 → 3.0.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{Helper-Di1G8EnP.js → Helper-CFeUiEPn.js} +1 -1
- package/dist/cjs/{filepond-DU_-t59i.js → filepond-Cn3JTrL1.js} +1 -1
- package/dist/cjs/{filepond-plugin-file-poster-CYpSqb6i.js → filepond-plugin-file-poster-BOIM6p80.js} +1 -1
- package/dist/cjs/{filepond-plugin-file-validate-size-a_tUhUBx.js → filepond-plugin-file-validate-size-YTjl_kR1.js} +1 -1
- package/dist/cjs/{filepond-plugin-file-validate-type-D_X7irXu.js → filepond-plugin-file-validate-type-ByB9Nk2o.js} +1 -1
- package/dist/cjs/{filepond-plugin-image-edit-BRP3GZ31.js → filepond-plugin-image-edit-DT7UG1he.js} +1 -1
- package/dist/cjs/{filepond-plugin-image-exif-orientation-CiHIpg-4.js → filepond-plugin-image-exif-orientation-CNqCjRvG.js} +1 -1
- package/dist/cjs/{filepond-plugin-image-preview-CKT6x8T1.js → filepond-plugin-image-preview-dsQXwutz.js} +1 -1
- package/dist/cjs/{index-BLPUgwXq.js → index-DF5Yp06H.js} +2 -2
- package/dist/cjs/{intlTelInput-CyL5UDfU.js → intlTelInput-CRlVjvSW.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/salla-accordion-body_2.cjs.entry.js +1 -1
- package/dist/cjs/salla-accordion_6.cjs.entry.js +2 -2
- package/dist/cjs/salla-add-product-button_5.cjs.entry.js +2 -2
- package/dist/cjs/salla-advertisement.cjs.entry.js +1 -1
- package/dist/cjs/salla-alert_2.cjs.entry.js +1 -1
- package/dist/cjs/salla-app-install-alert.cjs.entry.js +1 -1
- package/dist/cjs/salla-applied-filters.cjs.entry.js +2 -2
- package/dist/cjs/salla-apps-icons.cjs.entry.js +1 -1
- package/dist/cjs/salla-attachment-view_9.cjs.entry.js +11 -11
- package/dist/cjs/salla-badge.cjs.entry.js +1 -1
- package/dist/cjs/salla-basket-gap.cjs.entry.js +1 -1
- package/dist/cjs/salla-bullet-delivery_3.cjs.entry.js +1 -1
- package/dist/cjs/salla-cart-coupons.cjs.entry.js +1 -1
- package/dist/cjs/salla-cart-item-offers_2.cjs.entry.js +1 -1
- package/dist/cjs/salla-cart-summary-card.cjs.entry.js +1 -1
- package/dist/cjs/salla-cashback-banner.cjs.entry.js +1 -1
- package/dist/cjs/salla-comment-factors.cjs.entry.js +1 -1
- package/dist/cjs/salla-comment-form_9.cjs.entry.js +2 -2
- package/dist/cjs/salla-conditional-offer.cjs.entry.js +1 -1
- package/dist/cjs/salla-contacts.cjs.entry.js +1 -1
- package/dist/cjs/salla-cookies-bar.cjs.entry.js +1 -1
- package/dist/cjs/salla-count-down.cjs.entry.js +1 -1
- package/dist/cjs/salla-custom-fields.cjs.entry.js +1 -1
- package/dist/cjs/salla-delivery-promise.cjs.entry.js +1 -1
- package/dist/cjs/salla-edit-order-button.cjs.entry.js +1 -1
- package/dist/cjs/salla-filters-widget.cjs.entry.js +2 -2
- package/dist/cjs/salla-filters.cjs.entry.js +2 -2
- package/dist/cjs/salla-free-shipping-banner.cjs.entry.js +1 -1
- package/dist/cjs/salla-free-shipping-tag.cjs.entry.js +1 -1
- package/dist/cjs/salla-fulfillment-methods.cjs.entry.js +1 -1
- package/dist/cjs/salla-gift-card-redeem_2.cjs.entry.js +1 -1
- package/dist/cjs/salla-gifting.cjs.entry.js +1 -1
- package/dist/cjs/salla-hook.cjs.entry.js +1 -1
- package/dist/cjs/salla-infinite-scroll.cjs.entry.js +2 -2
- package/dist/cjs/salla-installment.cjs.entry.js +1 -1
- package/dist/cjs/salla-list-tile.cjs.entry.js +1 -1
- package/dist/cjs/salla-localization-modal.cjs.entry.js +1 -1
- package/dist/cjs/salla-login-modal.cjs.entry.js +1 -1
- package/dist/cjs/salla-loyalty-banner_10.cjs.entry.js +1 -1
- package/dist/cjs/salla-loyalty-exchange-product-card.cjs.entry.js +1 -1
- package/dist/cjs/salla-loyalty-points-banner.cjs.entry.js +1 -1
- package/dist/cjs/salla-loyalty-points-history.cjs.entry.js +1 -1
- package/dist/cjs/salla-loyalty-prize-item.cjs.entry.js +1 -1
- package/dist/cjs/salla-loyalty.cjs.entry.js +1 -1
- package/dist/cjs/salla-maintenance-alert.cjs.entry.js +1 -1
- package/dist/cjs/salla-map_3.cjs.entry.js +1 -1
- package/dist/cjs/salla-menu.cjs.entry.js +1 -1
- package/dist/cjs/salla-metadata.cjs.entry.js +1 -1
- package/dist/cjs/salla-mobile-update-modal.cjs.entry.js +1 -1
- package/dist/cjs/salla-multiple-bundle-product-cart_2.cjs.entry.js +1 -1
- package/dist/cjs/salla-multiple-bundle-product-options-modal_2.cjs.entry.js +1 -1
- package/dist/cjs/salla-multiple-bundle-product.cjs.entry.js +1 -1
- package/dist/cjs/salla-next-order-coupon.cjs.entry.js +1 -1
- package/dist/cjs/salla-notification-item_2.cjs.entry.js +2 -2
- package/dist/cjs/salla-offer-modal.cjs.entry.js +1 -1
- package/dist/cjs/salla-offer.cjs.entry.js +1 -1
- package/dist/cjs/salla-order-branch.cjs.entry.js +1 -1
- package/dist/cjs/salla-order-cancel.cjs.entry.js +1 -1
- package/dist/cjs/salla-order-details-multiple-bundle-product.cjs.entry.js +1 -1
- package/dist/cjs/salla-order-details-options.cjs.entry.js +1 -1
- package/dist/cjs/salla-order-details.cjs.entry.js +1 -1
- package/dist/cjs/salla-order-edit-item.cjs.entry.js +1 -1
- package/dist/cjs/salla-order-edit-product-card.cjs.entry.js +1 -1
- package/dist/cjs/salla-order-edit.cjs.entry.js +1 -1
- package/dist/cjs/salla-order-items.cjs.entry.js +1 -1
- package/dist/cjs/salla-order-options-modal.cjs.entry.js +1 -1
- package/dist/cjs/salla-order-payment.cjs.entry.js +1 -1
- package/dist/cjs/salla-order-rewards.cjs.entry.js +1 -1
- package/dist/cjs/salla-order-shipments.cjs.entry.js +1 -1
- package/dist/cjs/salla-order-summary.cjs.entry.js +1 -1
- package/dist/cjs/salla-order-totals-card.cjs.entry.js +1 -1
- package/dist/cjs/salla-orders.cjs.entry.js +2 -2
- package/dist/cjs/salla-payments.cjs.entry.js +1 -1
- package/dist/cjs/salla-placeholder.cjs.entry.js +1 -1
- package/dist/cjs/salla-price-range.cjs.entry.js +1 -1
- package/dist/cjs/salla-product-card-embed.cjs.entry.js +1 -1
- package/dist/cjs/salla-product-card.cjs.entry.js +1 -1
- package/dist/cjs/salla-product-size-guide.cjs.entry.js +1 -1
- package/dist/cjs/salla-products-list.cjs.entry.js +2 -2
- package/dist/cjs/salla-products-slider.cjs.entry.js +2 -2
- package/dist/cjs/salla-quick-order.cjs.entry.js +1 -1
- package/dist/cjs/salla-rating-modal-v2.cjs.entry.js +2 -2
- package/dist/cjs/salla-rating-modal.cjs.entry.js +2 -2
- package/dist/cjs/salla-review-factors-tags.cjs.entry.js +1 -1
- package/dist/cjs/salla-review-order-item.cjs.entry.js +1 -1
- package/dist/cjs/salla-scopes.cjs.entry.js +1 -1
- package/dist/cjs/salla-search-product-card.cjs.entry.js +1 -1
- package/dist/cjs/salla-search.cjs.entry.js +2 -2
- package/dist/cjs/salla-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/salla-social-share.cjs.entry.js +1 -1
- package/dist/cjs/salla-social.cjs.entry.js +1 -1
- package/dist/cjs/salla-tab-content_3.cjs.entry.js +1 -1
- package/dist/cjs/salla-thank-you-header.cjs.entry.js +1 -1
- package/dist/cjs/salla-thank-you-page.cjs.entry.js +1 -1
- package/dist/cjs/salla-tiered-offer.cjs.entry.js +1 -1
- package/dist/cjs/salla-trust-badges.cjs.entry.js +1 -1
- package/dist/cjs/salla-user-menu.cjs.entry.js +1 -1
- package/dist/cjs/salla-user-profile.cjs.entry.js +1 -1
- package/dist/cjs/salla-user-settings.cjs.entry.js +1 -1
- package/dist/cjs/salla-verify.cjs.entry.js +1 -1
- package/dist/cjs/salla-wallet.cjs.entry.js +1 -1
- package/dist/cjs/salla-wishlist-actions.cjs.entry.js +1 -1
- package/dist/cjs/salla-wishlist-summary.cjs.entry.js +2 -2
- package/dist/cjs/twilight.cjs.js +1 -1
- package/dist/cjs/{vanilla-picker-C9AVuYe1.js → vanilla-picker-qYmOs8Yb.js} +1 -1
- package/dist/components/index.js +2 -2
- package/dist/docs.json +1 -1
- package/dist/esm/{Helper-CFEqaSN-.js → Helper-DE5KHY4U.js} +1 -1
- package/dist/esm/{filepond-BfW_OXid.js → filepond-DbayHaoA.js} +1 -1
- package/dist/esm/{filepond-plugin-file-poster-CsMiL-wZ.js → filepond-plugin-file-poster-Dy8NIhDv.js} +1 -1
- package/dist/esm/{filepond-plugin-file-validate-size-BuxVUFKn.js → filepond-plugin-file-validate-size-Bn4zxXDf.js} +1 -1
- package/dist/esm/{filepond-plugin-file-validate-type-Dq94isoe.js → filepond-plugin-file-validate-type-DmygkxtH.js} +1 -1
- package/dist/esm/{filepond-plugin-image-edit-CEVstXlA.js → filepond-plugin-image-edit-BuO-l19h.js} +1 -1
- package/dist/esm/{filepond-plugin-image-exif-orientation-BhViRs-X.js → filepond-plugin-image-exif-orientation-COCmniWP.js} +1 -1
- package/dist/esm/{filepond-plugin-image-preview-BrscXNqJ.js → filepond-plugin-image-preview-D1i9Fj6F.js} +1 -1
- package/dist/esm/{index-g-_4am8C.js → index-DvJClBwJ.js} +2 -2
- package/dist/esm/{intlTelInput-PsSXBr__.js → intlTelInput-WsfvuLBW.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/salla-accordion-body_2.entry.js +1 -1
- package/dist/esm/salla-accordion_6.entry.js +2 -2
- package/dist/esm/salla-add-product-button_5.entry.js +2 -2
- package/dist/esm/salla-advertisement.entry.js +1 -1
- package/dist/esm/salla-alert_2.entry.js +1 -1
- package/dist/esm/salla-app-install-alert.entry.js +1 -1
- package/dist/esm/salla-applied-filters.entry.js +2 -2
- package/dist/esm/salla-apps-icons.entry.js +1 -1
- package/dist/esm/salla-attachment-view_9.entry.js +11 -11
- package/dist/esm/salla-badge.entry.js +1 -1
- package/dist/esm/salla-basket-gap.entry.js +1 -1
- package/dist/esm/salla-bullet-delivery_3.entry.js +1 -1
- package/dist/esm/salla-cart-coupons.entry.js +1 -1
- package/dist/esm/salla-cart-item-offers_2.entry.js +1 -1
- package/dist/esm/salla-cart-summary-card.entry.js +1 -1
- package/dist/esm/salla-cashback-banner.entry.js +1 -1
- package/dist/esm/salla-comment-factors.entry.js +1 -1
- package/dist/esm/salla-comment-form_9.entry.js +2 -2
- package/dist/esm/salla-conditional-offer.entry.js +1 -1
- package/dist/esm/salla-contacts.entry.js +1 -1
- package/dist/esm/salla-cookies-bar.entry.js +1 -1
- package/dist/esm/salla-count-down.entry.js +1 -1
- package/dist/esm/salla-custom-fields.entry.js +1 -1
- package/dist/esm/salla-delivery-promise.entry.js +1 -1
- package/dist/esm/salla-edit-order-button.entry.js +1 -1
- package/dist/esm/salla-filters-widget.entry.js +2 -2
- package/dist/esm/salla-filters.entry.js +2 -2
- package/dist/esm/salla-free-shipping-banner.entry.js +1 -1
- package/dist/esm/salla-free-shipping-tag.entry.js +1 -1
- package/dist/esm/salla-fulfillment-methods.entry.js +1 -1
- package/dist/esm/salla-gift-card-redeem_2.entry.js +1 -1
- package/dist/esm/salla-gifting.entry.js +1 -1
- package/dist/esm/salla-hook.entry.js +1 -1
- package/dist/esm/salla-infinite-scroll.entry.js +2 -2
- package/dist/esm/salla-installment.entry.js +1 -1
- package/dist/esm/salla-list-tile.entry.js +1 -1
- package/dist/esm/salla-localization-modal.entry.js +1 -1
- package/dist/esm/salla-login-modal.entry.js +1 -1
- package/dist/esm/salla-loyalty-banner_10.entry.js +1 -1
- package/dist/esm/salla-loyalty-exchange-product-card.entry.js +1 -1
- package/dist/esm/salla-loyalty-points-banner.entry.js +1 -1
- package/dist/esm/salla-loyalty-points-history.entry.js +1 -1
- package/dist/esm/salla-loyalty-prize-item.entry.js +1 -1
- package/dist/esm/salla-loyalty.entry.js +1 -1
- package/dist/esm/salla-maintenance-alert.entry.js +1 -1
- package/dist/esm/salla-map_3.entry.js +1 -1
- package/dist/esm/salla-menu.entry.js +1 -1
- package/dist/esm/salla-metadata.entry.js +1 -1
- package/dist/esm/salla-mobile-update-modal.entry.js +1 -1
- package/dist/esm/salla-multiple-bundle-product-cart_2.entry.js +1 -1
- package/dist/esm/salla-multiple-bundle-product-options-modal_2.entry.js +1 -1
- package/dist/esm/salla-multiple-bundle-product.entry.js +1 -1
- package/dist/esm/salla-next-order-coupon.entry.js +1 -1
- package/dist/esm/salla-notification-item_2.entry.js +2 -2
- package/dist/esm/salla-offer-modal.entry.js +1 -1
- package/dist/esm/salla-offer.entry.js +1 -1
- package/dist/esm/salla-order-branch.entry.js +1 -1
- package/dist/esm/salla-order-cancel.entry.js +1 -1
- package/dist/esm/salla-order-details-multiple-bundle-product.entry.js +1 -1
- package/dist/esm/salla-order-details-options.entry.js +1 -1
- package/dist/esm/salla-order-details.entry.js +1 -1
- package/dist/esm/salla-order-edit-item.entry.js +1 -1
- package/dist/esm/salla-order-edit-product-card.entry.js +1 -1
- package/dist/esm/salla-order-edit.entry.js +1 -1
- package/dist/esm/salla-order-items.entry.js +1 -1
- package/dist/esm/salla-order-options-modal.entry.js +1 -1
- package/dist/esm/salla-order-payment.entry.js +1 -1
- package/dist/esm/salla-order-rewards.entry.js +1 -1
- package/dist/esm/salla-order-shipments.entry.js +1 -1
- package/dist/esm/salla-order-summary.entry.js +1 -1
- package/dist/esm/salla-order-totals-card.entry.js +1 -1
- package/dist/esm/salla-orders.entry.js +2 -2
- package/dist/esm/salla-payments.entry.js +1 -1
- package/dist/esm/salla-placeholder.entry.js +1 -1
- package/dist/esm/salla-price-range.entry.js +1 -1
- package/dist/esm/salla-product-card-embed.entry.js +1 -1
- package/dist/esm/salla-product-card.entry.js +1 -1
- package/dist/esm/salla-product-size-guide.entry.js +1 -1
- package/dist/esm/salla-products-list.entry.js +2 -2
- package/dist/esm/salla-products-slider.entry.js +2 -2
- package/dist/esm/salla-quick-order.entry.js +1 -1
- package/dist/esm/salla-rating-modal-v2.entry.js +2 -2
- package/dist/esm/salla-rating-modal.entry.js +2 -2
- package/dist/esm/salla-review-factors-tags.entry.js +1 -1
- package/dist/esm/salla-review-order-item.entry.js +1 -1
- package/dist/esm/salla-scopes.entry.js +1 -1
- package/dist/esm/salla-search-product-card.entry.js +1 -1
- package/dist/esm/salla-search.entry.js +2 -2
- package/dist/esm/salla-skeleton.entry.js +1 -1
- package/dist/esm/salla-social-share.entry.js +1 -1
- package/dist/esm/salla-social.entry.js +1 -1
- package/dist/esm/salla-tab-content_3.entry.js +1 -1
- package/dist/esm/salla-thank-you-header.entry.js +1 -1
- package/dist/esm/salla-thank-you-page.entry.js +1 -1
- package/dist/esm/salla-tiered-offer.entry.js +1 -1
- package/dist/esm/salla-trust-badges.entry.js +1 -1
- package/dist/esm/salla-user-menu.entry.js +1 -1
- package/dist/esm/salla-user-profile.entry.js +1 -1
- package/dist/esm/salla-user-settings.entry.js +1 -1
- package/dist/esm/salla-verify.entry.js +1 -1
- package/dist/esm/salla-wallet.entry.js +1 -1
- package/dist/esm/salla-wishlist-actions.entry.js +1 -1
- package/dist/esm/salla-wishlist-summary.entry.js +2 -2
- package/dist/esm/twilight.js +2 -2
- package/dist/esm/{vanilla-picker-D3lgt9go.js → vanilla-picker-DdilrJ6c.js} +1 -1
- package/dist/twilight/{p-7f4f300a.entry.js → p-00c35c9f.entry.js} +1 -1
- package/dist/twilight/{p-0207dae4.entry.js → p-00f9aefc.entry.js} +1 -1
- package/dist/twilight/{p-f581bb32.entry.js → p-029f809b.entry.js} +1 -1
- package/dist/twilight/{p-e776afcd.entry.js → p-02a06dcb.entry.js} +1 -1
- package/dist/twilight/{p-f0ab3933.entry.js → p-03dc3837.entry.js} +1 -1
- package/dist/twilight/{p-14311053.entry.js → p-054f32c4.entry.js} +1 -1
- package/dist/twilight/{p-1d31b983.entry.js → p-069df650.entry.js} +1 -1
- package/dist/twilight/{p-a2147ef3.entry.js → p-0a1a172d.entry.js} +1 -1
- package/dist/twilight/{p-f6981856.entry.js → p-0ac5f79f.entry.js} +1 -1
- package/dist/twilight/{p-78a7b46e.entry.js → p-0c1bbd55.entry.js} +1 -1
- package/dist/twilight/{p-496f950b.entry.js → p-0c4e99b4.entry.js} +1 -1
- package/dist/twilight/{p-2db9ee05.entry.js → p-0c65d35a.entry.js} +1 -1
- package/dist/twilight/{p-8783aa81.entry.js → p-0d357ae2.entry.js} +1 -1
- package/dist/twilight/{p-1b6d84a8.entry.js → p-0ded0dc1.entry.js} +1 -1
- package/dist/twilight/{p-4b8bb969.entry.js → p-13309e4e.entry.js} +1 -1
- package/dist/twilight/{p-329b7cc2.entry.js → p-16d49b35.entry.js} +1 -1
- package/dist/twilight/{p-aa5be7cf.entry.js → p-19896b94.entry.js} +1 -1
- package/dist/twilight/{p-5350ba07.entry.js → p-1b6b5a3c.entry.js} +1 -1
- package/dist/twilight/{p-73612f04.entry.js → p-1ce1b6dc.entry.js} +1 -1
- package/dist/twilight/{p-79f9403a.entry.js → p-1d1bef93.entry.js} +1 -1
- package/dist/twilight/{p-fffd562d.entry.js → p-1fce7e50.entry.js} +1 -1
- package/dist/twilight/{p-54eec74a.entry.js → p-1ff27daa.entry.js} +1 -1
- package/dist/twilight/{p-058e4be3.entry.js → p-22db0366.entry.js} +1 -1
- package/dist/twilight/{p-d02dee6d.entry.js → p-24abaa09.entry.js} +1 -1
- package/dist/twilight/{p-a255167f.entry.js → p-29349910.entry.js} +1 -1
- package/dist/twilight/{p-63c982e1.entry.js → p-29e3685e.entry.js} +1 -1
- package/dist/twilight/{p-a21bc7ee.entry.js → p-301a42aa.entry.js} +1 -1
- package/dist/twilight/{p-8016f122.entry.js → p-30919203.entry.js} +1 -1
- package/dist/twilight/{p-62a3394a.entry.js → p-309edef2.entry.js} +1 -1
- package/dist/twilight/{p-710a42d2.entry.js → p-3356b015.entry.js} +1 -1
- package/dist/twilight/{p-c861b955.entry.js → p-366403da.entry.js} +1 -1
- package/dist/twilight/{p-4247db1a.entry.js → p-36ee91e5.entry.js} +1 -1
- package/dist/twilight/{p-1df3fe4a.entry.js → p-388e49fe.entry.js} +1 -1
- package/dist/twilight/{p-db2b9499.entry.js → p-3a5604b1.entry.js} +1 -1
- package/dist/twilight/{p-02006b3a.entry.js → p-3eae2216.entry.js} +1 -1
- package/dist/twilight/{p-78240cb3.entry.js → p-41b57414.entry.js} +1 -1
- package/dist/twilight/{p-84b9416e.entry.js → p-43eb35a7.entry.js} +1 -1
- package/dist/twilight/{p-95f8caa0.entry.js → p-44621e3a.entry.js} +1 -1
- package/dist/twilight/{p-965c3ee8.entry.js → p-450cdcc4.entry.js} +1 -1
- package/dist/twilight/{p-81ec67d8.entry.js → p-46ae40a3.entry.js} +1 -1
- package/dist/twilight/{p-6070b995.entry.js → p-4d5abe91.entry.js} +1 -1
- package/dist/twilight/{p-98b24f1d.entry.js → p-4e9c9419.entry.js} +1 -1
- package/dist/twilight/{p-e59a8901.entry.js → p-50898992.entry.js} +1 -1
- package/dist/twilight/{p-ae4ea8c9.entry.js → p-52011986.entry.js} +1 -1
- package/dist/twilight/{p-d304b8fc.entry.js → p-52e24b0f.entry.js} +1 -1
- package/dist/twilight/{p-2834a4d3.entry.js → p-536a1841.entry.js} +1 -1
- package/dist/twilight/{p-a185d836.entry.js → p-5865e825.entry.js} +1 -1
- package/dist/twilight/{p-fbff3efd.entry.js → p-591694a7.entry.js} +1 -1
- package/dist/twilight/{p-0d94c90e.entry.js → p-60cd3462.entry.js} +1 -1
- package/dist/twilight/{p-3fedd652.entry.js → p-628ef86c.entry.js} +1 -1
- package/dist/twilight/{p-0ce6514e.entry.js → p-630cce26.entry.js} +1 -1
- package/dist/twilight/{p-0f7db4a1.entry.js → p-6569bfee.entry.js} +1 -1
- package/dist/twilight/{p-12038aef.entry.js → p-66f02fad.entry.js} +1 -1
- package/dist/twilight/{p-ee7e6ce9.entry.js → p-6936e0a4.entry.js} +1 -1
- package/dist/twilight/{p-1dcbbbbf.entry.js → p-6c5bd5ad.entry.js} +1 -1
- package/dist/twilight/{p-55861492.entry.js → p-6d0ad265.entry.js} +1 -1
- package/dist/twilight/{p-2907057d.entry.js → p-6e79128e.entry.js} +1 -1
- package/dist/twilight/{p-ff890108.entry.js → p-6ff4df6b.entry.js} +1 -1
- package/dist/twilight/{p-8cbbe961.entry.js → p-73f1697f.entry.js} +1 -1
- package/dist/twilight/{p-c0423cfc.entry.js → p-741cc4a4.entry.js} +1 -1
- package/dist/twilight/{p-685a61fa.entry.js → p-74e3b033.entry.js} +1 -1
- package/dist/twilight/{p-87ba0ca2.entry.js → p-7e421e8a.entry.js} +1 -1
- package/dist/twilight/{p-6432401e.entry.js → p-8056b437.entry.js} +1 -1
- package/dist/twilight/{p-83a1123b.entry.js → p-84b35a50.entry.js} +1 -1
- package/dist/twilight/{p-2e4ce75b.entry.js → p-85bf4c43.entry.js} +1 -1
- package/dist/twilight/{p-49cd89d1.entry.js → p-85e43124.entry.js} +1 -1
- package/dist/twilight/{p-93a85463.entry.js → p-8a614038.entry.js} +1 -1
- package/dist/twilight/{p-DjCyIWR1.js → p-8iHhuUVM.js} +1 -1
- package/dist/twilight/{p-2d3b29d9.entry.js → p-93439ac4.entry.js} +1 -1
- package/dist/twilight/{p-f16bdaf5.entry.js → p-963eb26d.entry.js} +1 -1
- package/dist/twilight/{p-a76a2a5d.entry.js → p-989e3cd6.entry.js} +1 -1
- package/dist/twilight/{p-a7aa162c.entry.js → p-98cf67a5.entry.js} +1 -1
- package/dist/twilight/{p-e3d37ab2.entry.js → p-9ec3124c.entry.js} +1 -1
- package/dist/twilight/{p-da63cbf0.entry.js → p-9ed41657.entry.js} +1 -1
- package/dist/twilight/{p-CWi90iJ1.js → p-B1r6DqQZ.js} +1 -1
- package/dist/twilight/{p-CB552NRi.js → p-B8bJ6Bp4.js} +1 -1
- package/dist/twilight/{p-9h9-vkr9.js → p-BAfdlulm.js} +1 -1
- package/dist/twilight/{p-WsiD2WP-.js → p-BHVWJBhN.js} +1 -1
- package/dist/twilight/{p-MEqjtc_i.js → p-BddjrRgx.js} +1 -1
- package/dist/twilight/{p-EXd4paYi.js → p-CeKF1bL-.js} +1 -1
- package/dist/twilight/{p-g-_4am8C.js → p-DvJClBwJ.js} +1 -1
- package/dist/twilight/{p-_ulhlUUw.js → p-FYANWJHV.js} +1 -1
- package/dist/twilight/{p-ByR59DTl.js → p-UebnA4Q1.js} +2 -2
- package/dist/twilight/{p-cf3285f1.entry.js → p-a460c4be.entry.js} +1 -1
- package/dist/twilight/{p-c96e9150.entry.js → p-a7297a33.entry.js} +1 -1
- package/dist/twilight/{p-e0387b79.entry.js → p-ac4b8722.entry.js} +1 -1
- package/dist/twilight/{p-0e423424.entry.js → p-accfd79c.entry.js} +1 -1
- package/dist/twilight/{p-64ae09b4.entry.js → p-adfdfe9d.entry.js} +1 -1
- package/dist/twilight/{p-22271248.entry.js → p-ae1c28e0.entry.js} +1 -1
- package/dist/twilight/{p-d204326c.entry.js → p-b06cad39.entry.js} +1 -1
- package/dist/twilight/{p-dba5b89a.entry.js → p-b47ffe8e.entry.js} +1 -1
- package/dist/twilight/{p-8ec7866e.entry.js → p-be357093.entry.js} +1 -1
- package/dist/twilight/{p-152ac425.entry.js → p-c1b6d4ba.entry.js} +1 -1
- package/dist/twilight/{p-801eb7d8.entry.js → p-c9e04a12.entry.js} +1 -1
- package/dist/twilight/{p-ac31a382.entry.js → p-ca20c66e.entry.js} +1 -1
- package/dist/twilight/{p-5166cd84.entry.js → p-cc84061b.entry.js} +1 -1
- package/dist/twilight/{p-72e13a12.entry.js → p-cefd664d.entry.js} +1 -1
- package/dist/twilight/{p-f2718aec.entry.js → p-d1fac437.entry.js} +1 -1
- package/dist/twilight/{p-3c2e7bef.entry.js → p-d6015b0c.entry.js} +1 -1
- package/dist/twilight/{p-7fc9a0bf.entry.js → p-d6728c04.entry.js} +1 -1
- package/dist/twilight/{p-151df172.entry.js → p-d7537ab1.entry.js} +1 -1
- package/dist/twilight/{p-ad95bb9a.entry.js → p-d81a6a32.entry.js} +1 -1
- package/dist/twilight/{p-e0dc2c2d.entry.js → p-d8856c7b.entry.js} +1 -1
- package/dist/twilight/{p-92cbac49.entry.js → p-da3c7ee3.entry.js} +1 -1
- package/dist/twilight/{p-025e30c7.entry.js → p-e276cb82.entry.js} +1 -1
- package/dist/twilight/{p-ba601791.entry.js → p-e73bc00f.entry.js} +1 -1
- package/dist/twilight/{p-e8921db3.entry.js → p-e785df2d.entry.js} +1 -1
- package/dist/twilight/{p-ec9434d9.entry.js → p-e81d544a.entry.js} +1 -1
- package/dist/twilight/{p-76e238b3.entry.js → p-e8414134.entry.js} +1 -1
- package/dist/twilight/{p-cdd8e44a.entry.js → p-ea0de552.entry.js} +1 -1
- package/dist/twilight/{p-f7f8d758.entry.js → p-ea58a665.entry.js} +1 -1
- package/dist/twilight/{p-12dcb9a0.entry.js → p-f6b86d47.entry.js} +1 -1
- package/dist/twilight/{p-74602eb0.entry.js → p-fbd7def8.entry.js} +1 -1
- package/dist/twilight/{p-B6WlUws-.js → p-zPvqMpJX.js} +1 -1
- package/dist/twilight/twilight.esm.js +1 -1
- package/package.json +5 -5
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Crafted with ❤ by Salla
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,f as t,h as o,a as r}from"./p-g-_4am8C.js";import{t as i}from"./p-CxrJQ3Jf.js";import{S as a}from"./p-Ctkfc4K-.js";import{T as l,C as s}from"./p-DRvZV5oe.js";const d=class{constructor(t){e(this,t),this.offer=null,this.hasError=!1,this.translationLoaded=!1,this.addToCartLabel=salla.lang.get("pages.cart.add_to_cart"),this.categorySlot=this.host.querySelector('[slot="category"]')?.innerHTML||'<span class="s-offer-modal-badge-icon">{tagIcon}</span><span class="s-offer-modal-badge-text">{name}</span>'}connectedCallback(){this.offerModalOpenListener=e=>this.open(e),this.offerExistedListener=e=>{salla.storage.get("remember-offer-"+e.id)?salla.log("User selected to don't show this offer again."):this.open(e.product_id)},salla.event.on("offer-modal::open",this.offerModalOpenListener),salla.product.event.onOfferExisted(this.offerExistedListener),this.langUnsubscribe=salla.lang.subscribe((()=>{this.addToCartLabel=salla.lang.get("pages.cart.add_to_cart"),this.translationLoaded=!0,t(this)}))}disconnectedCallback(){salla.event.off("offer-modal::open",this.offerModalOpenListener),salla.product.event.offOfferExisted(this.offerExistedListener),this.langUnsubscribe?.()}emitPromotionViewed(e){e&&salla.event.emit("promotion::viewed",[{id:e.id?.toString(),creative:e.message,name:e.name,position:`${this.offer_type}_offer_modal`,type:e.offer_type,source:"offer_popup"}])}emitPromotionClicked(e){e&&salla.event.emit("promotion::clicked",[{id:e.id?.toString(),creative:e.message,name:e.name,position:`${this.offer_type}_offer_modal`,type:e.offer_type,source:"offer_popup"}])}async open(e){return this.productID=e,this.hasError=!1,this.modal.loading(),await salla.api.withoutNotifier((()=>salla.product.offers(e))).then((e=>{e.data&&e.data.length&&(this.modal.open(),this.showOffer(e.data[0]))})).catch((e=>{this.hasError=!0,this.errorMessage=e.response?.data?.error?.message||e.response?.data,this.modal.open()})).finally((()=>{this.modal.visible&&setTimeout((()=>this.modal.stopLoading()),1e3)}))}async showOffer(e){this.offer=e,this.offer_name=e.name,this.offer_message=e.message,this.offer.get.discounts_table?this.offer_type="discounts-table":this.offer.get.products?.length?this.offer_type="products":this.offer.get.categories?.length?this.offer_type="categories":this.offer.get.brands?.length?this.offer_type="brands":this.offer.get.tags?.length&&(this.offer_type="tags"),this.modal.setTitle(this.offer_name),this.emitPromotionViewed(this.offer)}rememberMe(e){salla.storage.set("remember-offer-"+this.offer.id,e.target.checked)}addToCart(e){this.emitPromotionClicked(this.offer),salla.api.withoutNotifier((()=>salla.cart.quickAdd(this.productID,e,this.offer_type))).then((()=>this.modal.close()))}getOfferConditions(){const e=this.offer.buy||{},t=this.offer.get||{},r=this.offer.branches||[],a=e.payment_methods||[],l=e.min_amount>0,s=e.min_items>0,d=t.max_discount_amount>0;return l||s||d||a.length||r.length?o("div",{class:"s-offer-modal-conditions"},l&&o("p",{class:"s-offer-modal-condition",innerHTML:i("pages.offer.min_spend_amount",{amount:salla.money(e.min_amount),currency:""},`بحد أدنى ${salla.money(e.min_amount)} من مبلغ الشراء`)}),s&&o("p",{class:"s-offer-modal-condition"},i("pages.offer.min_items",{items:e.min_items},`بحد أدنى ${e.min_items} منتجات`)),d&&o("p",{class:"s-offer-modal-condition",innerHTML:i("pages.offer.max_discount_amount",{amount:salla.money(t.max_discount_amount),currency:""},`بحد أقصى ${salla.money(t.max_discount_amount)} للخصم`)}),!!a.length&&o("div",{class:"s-offer-modal-condition-group"},o("span",{class:"s-offer-modal-condition-label"},i("pages.offer.payment_methods",{},"طرق الدفع")),o("div",{class:"s-offer-modal-condition-items"},a.map((e=>o("span",{class:"s-offer-modal-badge-text"},e.name))))),!!r.length&&o("div",{class:"s-offer-modal-condition-group"},o("span",{class:"s-offer-modal-condition-label"},i("pages.offer.available_branches",{},"الفروع المتاحة")),o("div",{class:"s-offer-modal-condition-items"},r.map((e=>o("span",{class:"s-offer-modal-badge-text"},e.name)))))):null}getOfferContent(){return this.offer.get.discounts_table?[this.getDiscountsTable(),this.getOfferTargets()]:this.getOfferTargets()}getDiscountsTable(){return o("div",{class:"s-offer-modal-discount-table"},o("table",null,o("tbody",null,this.offer.get.discounts_table?.map((e=>o("tr",null,o("td",null,e.text),o("td",{class:"s-offer-modal-discount-table-cell"},o("salla-button",{fill:"outline",shape:"btn",color:"primary",size:"medium",width:"normal",onClick:()=>this.addToCart(e.quantity)},this.addToCartLabel))))))))}getOfferTargets(){if(this.offer.get.products?.length){const e=this.offer.get.products?.length||0,t={slidesPerView:"auto",spaceBetween:16,breakpoints:{768:{slidesPerView:Math.min(2,e),spaceBetween:16},1024:{slidesPerView:Math.min(3,e),spaceBetween:16}}};return o("salla-products-slider",{key:(this.offer.get.products?.map((e=>e.id))||[]).join(","),source:"selected","source-value":`[${(this.offer.get.products?.map((e=>e.id))||[]).join(",")}]`,"slider-config":JSON.stringify(t)})}return this.offer.get.categories?.length?o("salla-slider",{type:"carousel",class:{"s-offer-modal-slider-centered":this.offer.get.categories?.length<=2,"s-offer-modal-slider":!0},id:"offer-modal-slider","controls-outer":!0,"show-controls":this.offer.get.categories?.length<=2?"false":"true"},o("div",{slot:"items"},this.offer.get.categories.map((e=>o("a",{href:e.urls.customer,class:"s-offer-modal-badge s-offer-modal-slider-item s-offer-modal-cat-item",innerHTML:this.categorySlot.replace(/\{tagIcon\}/g,l).replace(/\{name\}/g,e.name).replace(/\{url\}/g,e.urls.customer)}))))):this.offer.get.brands?.length?o("salla-slider",{type:"carousel",class:{"s-offer-modal-slider-centered":this.offer.get.brands?.length<=2,"s-offer-modal-slider":!0},id:"offer-modal-slider","controls-outer":!0,"show-controls":this.offer.get.brands?.length<=2?"false":"true"},o("div",{slot:"items"},this.offer.get.brands.map((e=>o("a",{href:e.url||salla.url.create("brands",e.id),class:"s-offer-modal-badge s-offer-modal-slider-item s-offer-modal-brand-item"},o("div",{class:"s-offer-modal-brand-logo"},o("img",{src:e.logo,alt:e.name})),o("span",{class:"s-offer-modal-badge-text"},e.name)))))):this.offer.get.tags?.length?o("salla-slider",{type:"carousel",class:{"s-offer-modal-slider-centered":this.offer.get.tags?.length<=2,"s-offer-modal-slider":!0},id:"offer-modal-slider","controls-outer":!0,"show-controls":this.offer.get.tags?.length<=2?"false":"true"},o("div",{slot:"items"},this.offer.get.tags.map((e=>o("a",{href:e.url||salla.url.create("tags",e.id),class:"s-offer-modal-badge s-offer-modal-slider-item s-offer-modal-tag-item"},o("span",{class:"s-offer-modal-badge-icon",innerHTML:l}),o("span",{class:"s-offer-modal-badge-text"},e.name)))))):void 0}render(){return o("salla-modal",{key:"13fb1ed1ed84c3ef9faad5fc0835fed357fc4ec3","has-skeleton":!0,"sub-title":this.offer_message,ref:e=>this.modal=e,isLoading:!0,class:`s-offer-modal-type-${this.offer_type?this.offer_type:""}`},o("div",{key:"37d364587488539197cec349d189f3fd269b3cde",slot:"loading"},o("div",{key:"fc4b422b907f43ba53c3a6cd96a0ca27eeac7124",class:"s-offer-modal-skeleton"},o("div",{key:"15cba0491543e04dca01121d5c8ce530fdb0b4e7",class:"s-offer-modal-skeleton-header"},o("salla-skeleton",{key:"56e0d722c299c64ea246e4b98c103e53f7525327",type:"circle",height:"80px",width:"80px"}),o("salla-skeleton",{key:"8457bda654d11e9eea6ac99e5e11d81f3a58ef7f",height:"15px",width:"50%"}),o("salla-skeleton",{key:"be8e93976308fce340a9551b0c2accbf5acf7b53",height:"10px",width:"30%"})),o("div",{key:"c72416643dc794111a6730309303036f28abf6a8",class:"s-offer-modal-skeleton-items"},[...Array(3)].map((()=>o("div",{class:"s-offer-modal-skeleton-item"},o("salla-skeleton",{height:"9rem"}),o("div",{class:"s-offer-modal-skeleton-item-title"},o("salla-skeleton",{height:"15px",width:"100%"})),o("div",{class:"s-offer-modal-skeleton-item-subtitle"},o("salla-skeleton",{height:"9px",width:"50%"}),o("div",{innerHTML:s})))))),o("div",{key:"b852d619415d80af27082fddbb08c4705650a9b8",class:"s-offer-modal-skeleton-footer"},o("salla-skeleton",{key:"6931be27ea963a526ab5ed518eaa3367c7664891",height:"15px",width:"50%"}),o("salla-skeleton",{key:"1c76adb679a040d52cc693ea7d3f44f43735a96f",height:"15px",width:"30%"})))),this.hasError||null===this.offer?o("salla-placeholder",{class:"s-loyalty-placeholder",alignment:"center"},this.errorMessage?o("span",{slot:"description"},this.errorMessage):""):[o("span",{slot:"icon",class:"s-offer-modal-header-icon",innerHTML:a}),this.getOfferContent(),this.getOfferConditions(),o("div",{class:"s-offer-modal-footer",slot:"footer"},this.offer.formatted_date?o("p",{class:"s-offer-modal-expiry"},salla.lang.get("pages.products.offer_expires_in")," ",this.offer.formatted_date):"",o("label",{class:"s-offer-modal-remember-label"},o("input",{type:"checkbox",onChange:e=>this.rememberMe(e),class:"s-offer-modal-remember-input"})," ",salla.lang.get("common.elements.remember_my_choice")))])}get host(){return r(this)}};d.style='/*!twlt*/.s-offer-modal-type-products .s-modal-body{min-height:690px;position:relative}.visible{visibility:visible}.table{display:table}.outline{outline-style:solid}.s-loyalty-placeholder{display:flex;align-items:center;justify-content:center}.btn{display:inline-flex;flex:1 1 0%;align-items:center;justify-content:center;white-space:nowrap;border-radius:0.375rem;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:0.625rem;padding-top:0.5rem;font-size:0.875rem;line-height:1.25rem;font-weight:700;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.btn:hover{opacity:0.8}.s-modal-header{flex-direction:column}.s-offer-modal-body{display:flex;overflow-x:auto;margin-left:-32px;margin-right:-32px;padding-left:32px;padding-right:32px;gap:24px;padding-bottom:32px;-webkit-overflow-scrolling:touch}.s-offer-modal-body::-webkit-scrollbar{display:none}.s-offer-modal-badge{margin-bottom:0.625rem;display:inline-flex;align-items:center;justify-content:center;border-radius:1.5rem;--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding-top:0.625rem;padding-bottom:0.625rem;padding-left:1rem;padding-right:1rem;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-offer-modal-badge:where([dir="ltr"],[dir="ltr"] *){margin-left:0.625rem}.s-offer-modal-badge:where([dir="rtl"],[dir="rtl"] *){margin-left:0.625rem}.s-offer-modal-badge-icon:where([dir="ltr"],[dir="ltr"] *){margin-left:0.375rem}.s-offer-modal-badge-icon:where([dir="rtl"],[dir="rtl"] *){margin-left:0.375rem}.s-offer-modal-badge-icon svg{margin-bottom:1rem;display:inline-block;height:1.5rem;width:1.5rem;fill:var(--color-primary)}.s-offer-modal-badge-text{font-size:0.875rem;line-height:1.25rem;font-weight:700}.s-offer-modal-cat-item.swiper-slide{margin-top:1rem;margin-bottom:1rem;display:flex;height:9rem;max-width:180px;flex-direction:column;align-items:center;justify-content:center;border-radius:0.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.75rem;text-align:center;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms}.s-offer-modal-cat-item.swiper-slide:hover{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.s-offer-modal-brand-item.swiper-slide{margin-top:1rem;margin-bottom:1rem;display:flex;height:9rem;max-width:180px;flex-direction:column;align-items:center;justify-content:center;border-radius:0.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.75rem;text-align:center;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms}.s-offer-modal-brand-item.swiper-slide:hover{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.s-offer-modal-brand-logo{margin-bottom:0.75rem;height:4rem;width:4rem;object-fit:contain}.s-offer-modal-brand-logo img{height:100%;width:100%;object-fit:contain}.s-offer-modal-tag-item.swiper-slide{margin-top:1rem;margin-bottom:1rem;display:flex;height:9rem;max-width:180px;flex-direction:column;align-items:center;justify-content:center;border-radius:0.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.75rem;text-align:center;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms}.s-offer-modal-tag-item.swiper-slide:hover{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.s-offer-modal-product.swiper-slide{display:flex;width:70%;flex-shrink:0;flex-grow:1;flex-direction:column}@media (min-width: 640px){.s-offer-modal-product.swiper-slide{width:40%}}@media (min-width: 1024px){.s-offer-modal-product.swiper-slide{width:28%}}.s-offer-modal-product-image-wrap{position:relative;margin-bottom:1rem;display:block;height:8rem;overflow:hidden;border-radius:0.375rem;--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.s-offer-modal-product-image{height:100%;width:100%;object-fit:cover}.s-offer-modal-not-available{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.s-offer-modal-product-info{margin-bottom:1rem}.s-offer-modal-product-name{margin-bottom:0.375rem;display:inline-block;width:11rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.5rem;--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1));transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-offer-modal-product-name:hover{color:var(--color-primary)}.s-offer-modal-product-price{margin-bottom:1.25rem;display:flex;width:100%;align-items:center;font-size:0.875rem;line-height:1.25rem;font-weight:700}@media (min-width: 768px){.s-offer-modal-product-price{margin-bottom:0px}}@media (min-width: 640px){.s-offer-modal-product-price:where([dir="ltr"],[dir="ltr"] *){margin-left:0.5rem}.s-offer-modal-product-price:where([dir="rtl"],[dir="rtl"] *){margin-right:0.5rem}}.s-offer-modal-product-sale-price{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.s-offer-modal-product-old-price{margin-left:0.25rem;margin-right:0.25rem;font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));text-decoration-line:line-through}.s-offer-modal-btn-wrap{margin-top:auto}.s-offer-modal-header-icon{display:inline-flex;height:4rem;width:4rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}@media (min-width: 640px){.s-offer-modal-header-icon{margin-left:auto;margin-right:auto;margin-bottom:1rem;height:5rem;width:5rem}}.s-offer-modal-header-icon:where([dir="ltr"],[dir="ltr"] *){margin-right:0.5rem}@media (min-width: 640px){.s-offer-modal-header-icon:where([dir="ltr"],[dir="ltr"] *){margin-right:0px}}.s-offer-modal-header-icon:where([dir="rtl"],[dir="rtl"] *){margin-left:0.5rem}@media (min-width: 640px){.s-offer-modal-header-icon:where([dir="rtl"],[dir="rtl"] *){margin-left:0px}}.s-offer-modal-header-icon svg{height:1.75rem;width:1.75rem;flex-shrink:0;fill:#9ca3af}.s-offer-modal-footer{margin-top:1rem;display:flex;flex-direction:column;justify-content:space-between;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.s-offer-modal-footer{margin-top:2rem;flex-direction:row}}.s-offer-modal-expiry{margin-bottom:1.25rem}@media (min-width: 768px){.s-offer-modal-expiry{margin-bottom:0px}}.s-offer-modal-remember-label{display:flex;cursor:pointer;font-size:0.875rem;line-height:1.25rem;font-weight:500;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-offer-modal-remember-label:hover{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.s-offer-modal-remember-label:where([dir="ltr"],[dir="ltr"] *){margin-left:0.5rem}.s-offer-modal-remember-label:where([dir="rtl"],[dir="rtl"] *){margin-right:0.5rem}}.s-offer-modal-remember-input{height:1.5rem;width:1.5rem;border-radius:0.375rem;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));color:var(--color-primary)}.s-offer-modal-remember-input:focus{--tw-ring-color:transparent}.s-offer-modal-slider-centered .swiper-wrapper{justify-content:center}.s-offer-modal-slider-centered .s-offer-modal-slider-item{display:flex;max-width:28%;flex-shrink:0;flex-grow:1;flex-direction:column}.s-offer-modal-skeleton{display:flex;flex-direction:column;align-items:center;justify-content:center}.s-offer-modal-skeleton-items{margin-top:1.5rem;margin-bottom:1.5rem;display:flex;width:100%;align-items:center}.s-offer-modal-skeleton-item{position:relative;margin-right:1.25rem;width:33.333333%;cursor:unset !important;text-align:center}.s-offer-modal-skeleton-item:last-child{margin-right:0px}.s-offer-modal-skeleton-item:where([dir="rtl"],[dir="rtl"] *){margin-right:0px;margin-left:1.25rem}.s-offer-modal-skeleton-item:last-child:where([dir="rtl"],[dir="rtl"] *){margin-left:0px}.s-offer-modal-skeleton-header{width:100%}.s-offer-modal-skeleton-header salla-skeleton{margin-left:auto;margin-right:auto}.s-offer-modal-skeleton-header salla-skeleton:nth-child(1){margin-bottom:1.25rem}.s-offer-modal-skeleton-header salla-skeleton:nth-child(2){margin-bottom:0.75rem}.s-offer-modal-skeleton-header salla-skeleton:nth-child(3){margin-bottom:1.25rem}.s-offer-modal-skeleton-item-subtitle{display:flex;width:100%;align-items:center;justify-content:space-between}.s-offer-modal-skeleton-item-subtitle div svg{height:1rem;width:1rem;fill:currentColor;--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.s-offer-modal-skeleton-item-title{margin-top:0.75rem;margin-bottom:0.75rem}.s-offer-modal-skeleton-footer{margin-top:1.5rem;display:flex;width:100%;align-items:center;justify-content:space-between}.s-offer-modal-discount-table{width:100%;border-width:1px;--tw-border-opacity:1;border-color:rgb(238 238 238 / var(--tw-border-opacity, 1))}.s-offer-modal-discount-table table{width:100%;text-align:left;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(119 119 119 / var(--tw-text-opacity, 1))}.s-offer-modal-discount-table tr{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(238 238 238 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(252 252 252 / var(--tw-bg-opacity, 1))}.s-offer-modal-discount-table tr:last-child{border-bottom-width:0px}.s-offer-modal-discount-table tr td{padding-top:1rem;padding-bottom:1rem;padding-left:1.5rem;padding-right:1.5rem}.s-offer-modal-discount-table tr td:where([dir="rtl"],[dir="rtl"] *){text-align:right}.s-offer-modal-discount-table-cell{text-align:right}.s-offer-modal-discount-table-cell:where([dir="rtl"],[dir="rtl"] *){text-align:left !important}.s-offer-modal-type-discounts-table .s-modal-body{position:relative !important}.s-offer-modal-conditions{margin-top:1rem;display:flex;flex-direction:column;gap:0.5rem;text-align:center}.s-offer-modal-condition{font-size:13px;line-height:17px;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-offer-modal-condition-group{display:flex;flex-direction:column;align-items:center;gap:0.25rem}.s-offer-modal-condition-label{font-size:13px;font-weight:700;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-offer-modal-condition-items{display:flex;flex-wrap:wrap;justify-content:center;column-gap:0.75rem;row-gap:0.25rem}';export{d as salla_offer_modal}
|
|
4
|
+
import{r as e,f as t,h as o,a as r}from"./p-DvJClBwJ.js";import{t as i}from"./p-CxrJQ3Jf.js";import{S as a}from"./p-Ctkfc4K-.js";import{T as l,C as s}from"./p-DRvZV5oe.js";const d=class{constructor(t){e(this,t),this.offer=null,this.hasError=!1,this.translationLoaded=!1,this.addToCartLabel=salla.lang.get("pages.cart.add_to_cart"),this.categorySlot=this.host.querySelector('[slot="category"]')?.innerHTML||'<span class="s-offer-modal-badge-icon">{tagIcon}</span><span class="s-offer-modal-badge-text">{name}</span>'}connectedCallback(){this.offerModalOpenListener=e=>this.open(e),this.offerExistedListener=e=>{salla.storage.get("remember-offer-"+e.id)?salla.log("User selected to don't show this offer again."):this.open(e.product_id)},salla.event.on("offer-modal::open",this.offerModalOpenListener),salla.product.event.onOfferExisted(this.offerExistedListener),this.langUnsubscribe=salla.lang.subscribe((()=>{this.addToCartLabel=salla.lang.get("pages.cart.add_to_cart"),this.translationLoaded=!0,t(this)}))}disconnectedCallback(){salla.event.off("offer-modal::open",this.offerModalOpenListener),salla.product.event.offOfferExisted(this.offerExistedListener),this.langUnsubscribe?.()}emitPromotionViewed(e){e&&salla.event.emit("promotion::viewed",[{id:e.id?.toString(),creative:e.message,name:e.name,position:`${this.offer_type}_offer_modal`,type:e.offer_type,source:"offer_popup"}])}emitPromotionClicked(e){e&&salla.event.emit("promotion::clicked",[{id:e.id?.toString(),creative:e.message,name:e.name,position:`${this.offer_type}_offer_modal`,type:e.offer_type,source:"offer_popup"}])}async open(e){return this.productID=e,this.hasError=!1,this.modal.loading(),await salla.api.withoutNotifier((()=>salla.product.offers(e))).then((e=>{e.data&&e.data.length&&(this.modal.open(),this.showOffer(e.data[0]))})).catch((e=>{this.hasError=!0,this.errorMessage=e.response?.data?.error?.message||e.response?.data,this.modal.open()})).finally((()=>{this.modal.visible&&setTimeout((()=>this.modal.stopLoading()),1e3)}))}async showOffer(e){this.offer=e,this.offer_name=e.name,this.offer_message=e.message,this.offer.get.discounts_table?this.offer_type="discounts-table":this.offer.get.products?.length?this.offer_type="products":this.offer.get.categories?.length?this.offer_type="categories":this.offer.get.brands?.length?this.offer_type="brands":this.offer.get.tags?.length&&(this.offer_type="tags"),this.modal.setTitle(this.offer_name),this.emitPromotionViewed(this.offer)}rememberMe(e){salla.storage.set("remember-offer-"+this.offer.id,e.target.checked)}addToCart(e){this.emitPromotionClicked(this.offer),salla.api.withoutNotifier((()=>salla.cart.quickAdd(this.productID,e,this.offer_type))).then((()=>this.modal.close()))}getOfferConditions(){const e=this.offer.buy||{},t=this.offer.get||{},r=this.offer.branches||[],a=e.payment_methods||[],l=e.min_amount>0,s=e.min_items>0,d=t.max_discount_amount>0;return l||s||d||a.length||r.length?o("div",{class:"s-offer-modal-conditions"},l&&o("p",{class:"s-offer-modal-condition",innerHTML:i("pages.offer.min_spend_amount",{amount:salla.money(e.min_amount),currency:""},`بحد أدنى ${salla.money(e.min_amount)} من مبلغ الشراء`)}),s&&o("p",{class:"s-offer-modal-condition"},i("pages.offer.min_items",{items:e.min_items},`بحد أدنى ${e.min_items} منتجات`)),d&&o("p",{class:"s-offer-modal-condition",innerHTML:i("pages.offer.max_discount_amount",{amount:salla.money(t.max_discount_amount),currency:""},`بحد أقصى ${salla.money(t.max_discount_amount)} للخصم`)}),!!a.length&&o("div",{class:"s-offer-modal-condition-group"},o("span",{class:"s-offer-modal-condition-label"},i("pages.offer.payment_methods",{},"طرق الدفع")),o("div",{class:"s-offer-modal-condition-items"},a.map((e=>o("span",{class:"s-offer-modal-badge-text"},e.name))))),!!r.length&&o("div",{class:"s-offer-modal-condition-group"},o("span",{class:"s-offer-modal-condition-label"},i("pages.offer.available_branches",{},"الفروع المتاحة")),o("div",{class:"s-offer-modal-condition-items"},r.map((e=>o("span",{class:"s-offer-modal-badge-text"},e.name)))))):null}getOfferContent(){return this.offer.get.discounts_table?[this.getDiscountsTable(),this.getOfferTargets()]:this.getOfferTargets()}getDiscountsTable(){return o("div",{class:"s-offer-modal-discount-table"},o("table",null,o("tbody",null,this.offer.get.discounts_table?.map((e=>o("tr",null,o("td",null,e.text),o("td",{class:"s-offer-modal-discount-table-cell"},o("salla-button",{fill:"outline",shape:"btn",color:"primary",size:"medium",width:"normal",onClick:()=>this.addToCart(e.quantity)},this.addToCartLabel))))))))}getOfferTargets(){if(this.offer.get.products?.length){const e=this.offer.get.products?.length||0,t={slidesPerView:"auto",spaceBetween:16,breakpoints:{768:{slidesPerView:Math.min(2,e),spaceBetween:16},1024:{slidesPerView:Math.min(3,e),spaceBetween:16}}};return o("salla-products-slider",{key:(this.offer.get.products?.map((e=>e.id))||[]).join(","),source:"selected","source-value":`[${(this.offer.get.products?.map((e=>e.id))||[]).join(",")}]`,"slider-config":JSON.stringify(t)})}return this.offer.get.categories?.length?o("salla-slider",{type:"carousel",class:{"s-offer-modal-slider-centered":this.offer.get.categories?.length<=2,"s-offer-modal-slider":!0},id:"offer-modal-slider","controls-outer":!0,"show-controls":this.offer.get.categories?.length<=2?"false":"true"},o("div",{slot:"items"},this.offer.get.categories.map((e=>o("a",{href:e.urls.customer,class:"s-offer-modal-badge s-offer-modal-slider-item s-offer-modal-cat-item",innerHTML:this.categorySlot.replace(/\{tagIcon\}/g,l).replace(/\{name\}/g,e.name).replace(/\{url\}/g,e.urls.customer)}))))):this.offer.get.brands?.length?o("salla-slider",{type:"carousel",class:{"s-offer-modal-slider-centered":this.offer.get.brands?.length<=2,"s-offer-modal-slider":!0},id:"offer-modal-slider","controls-outer":!0,"show-controls":this.offer.get.brands?.length<=2?"false":"true"},o("div",{slot:"items"},this.offer.get.brands.map((e=>o("a",{href:e.url||salla.url.create("brands",e.id),class:"s-offer-modal-badge s-offer-modal-slider-item s-offer-modal-brand-item"},o("div",{class:"s-offer-modal-brand-logo"},o("img",{src:e.logo,alt:e.name})),o("span",{class:"s-offer-modal-badge-text"},e.name)))))):this.offer.get.tags?.length?o("salla-slider",{type:"carousel",class:{"s-offer-modal-slider-centered":this.offer.get.tags?.length<=2,"s-offer-modal-slider":!0},id:"offer-modal-slider","controls-outer":!0,"show-controls":this.offer.get.tags?.length<=2?"false":"true"},o("div",{slot:"items"},this.offer.get.tags.map((e=>o("a",{href:e.url||salla.url.create("tags",e.id),class:"s-offer-modal-badge s-offer-modal-slider-item s-offer-modal-tag-item"},o("span",{class:"s-offer-modal-badge-icon",innerHTML:l}),o("span",{class:"s-offer-modal-badge-text"},e.name)))))):void 0}render(){return o("salla-modal",{key:"13fb1ed1ed84c3ef9faad5fc0835fed357fc4ec3","has-skeleton":!0,"sub-title":this.offer_message,ref:e=>this.modal=e,isLoading:!0,class:`s-offer-modal-type-${this.offer_type?this.offer_type:""}`},o("div",{key:"37d364587488539197cec349d189f3fd269b3cde",slot:"loading"},o("div",{key:"fc4b422b907f43ba53c3a6cd96a0ca27eeac7124",class:"s-offer-modal-skeleton"},o("div",{key:"15cba0491543e04dca01121d5c8ce530fdb0b4e7",class:"s-offer-modal-skeleton-header"},o("salla-skeleton",{key:"56e0d722c299c64ea246e4b98c103e53f7525327",type:"circle",height:"80px",width:"80px"}),o("salla-skeleton",{key:"8457bda654d11e9eea6ac99e5e11d81f3a58ef7f",height:"15px",width:"50%"}),o("salla-skeleton",{key:"be8e93976308fce340a9551b0c2accbf5acf7b53",height:"10px",width:"30%"})),o("div",{key:"c72416643dc794111a6730309303036f28abf6a8",class:"s-offer-modal-skeleton-items"},[...Array(3)].map((()=>o("div",{class:"s-offer-modal-skeleton-item"},o("salla-skeleton",{height:"9rem"}),o("div",{class:"s-offer-modal-skeleton-item-title"},o("salla-skeleton",{height:"15px",width:"100%"})),o("div",{class:"s-offer-modal-skeleton-item-subtitle"},o("salla-skeleton",{height:"9px",width:"50%"}),o("div",{innerHTML:s})))))),o("div",{key:"b852d619415d80af27082fddbb08c4705650a9b8",class:"s-offer-modal-skeleton-footer"},o("salla-skeleton",{key:"6931be27ea963a526ab5ed518eaa3367c7664891",height:"15px",width:"50%"}),o("salla-skeleton",{key:"1c76adb679a040d52cc693ea7d3f44f43735a96f",height:"15px",width:"30%"})))),this.hasError||null===this.offer?o("salla-placeholder",{class:"s-loyalty-placeholder",alignment:"center"},this.errorMessage?o("span",{slot:"description"},this.errorMessage):""):[o("span",{slot:"icon",class:"s-offer-modal-header-icon",innerHTML:a}),this.getOfferContent(),this.getOfferConditions(),o("div",{class:"s-offer-modal-footer",slot:"footer"},this.offer.formatted_date?o("p",{class:"s-offer-modal-expiry"},salla.lang.get("pages.products.offer_expires_in")," ",this.offer.formatted_date):"",o("label",{class:"s-offer-modal-remember-label"},o("input",{type:"checkbox",onChange:e=>this.rememberMe(e),class:"s-offer-modal-remember-input"})," ",salla.lang.get("common.elements.remember_my_choice")))])}get host(){return r(this)}};d.style='/*!twlt*/.s-offer-modal-type-products .s-modal-body{min-height:690px;position:relative}.visible{visibility:visible}.table{display:table}.outline{outline-style:solid}.s-loyalty-placeholder{display:flex;align-items:center;justify-content:center}.btn{display:inline-flex;flex:1 1 0%;align-items:center;justify-content:center;white-space:nowrap;border-radius:0.375rem;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:0.625rem;padding-top:0.5rem;font-size:0.875rem;line-height:1.25rem;font-weight:700;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.btn:hover{opacity:0.8}.s-modal-header{flex-direction:column}.s-offer-modal-body{display:flex;overflow-x:auto;margin-left:-32px;margin-right:-32px;padding-left:32px;padding-right:32px;gap:24px;padding-bottom:32px;-webkit-overflow-scrolling:touch}.s-offer-modal-body::-webkit-scrollbar{display:none}.s-offer-modal-badge{margin-bottom:0.625rem;display:inline-flex;align-items:center;justify-content:center;border-radius:1.5rem;--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding-top:0.625rem;padding-bottom:0.625rem;padding-left:1rem;padding-right:1rem;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-offer-modal-badge:where([dir="ltr"],[dir="ltr"] *){margin-left:0.625rem}.s-offer-modal-badge:where([dir="rtl"],[dir="rtl"] *){margin-left:0.625rem}.s-offer-modal-badge-icon:where([dir="ltr"],[dir="ltr"] *){margin-left:0.375rem}.s-offer-modal-badge-icon:where([dir="rtl"],[dir="rtl"] *){margin-left:0.375rem}.s-offer-modal-badge-icon svg{margin-bottom:1rem;display:inline-block;height:1.5rem;width:1.5rem;fill:var(--color-primary)}.s-offer-modal-badge-text{font-size:0.875rem;line-height:1.25rem;font-weight:700}.s-offer-modal-cat-item.swiper-slide{margin-top:1rem;margin-bottom:1rem;display:flex;height:9rem;max-width:180px;flex-direction:column;align-items:center;justify-content:center;border-radius:0.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.75rem;text-align:center;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms}.s-offer-modal-cat-item.swiper-slide:hover{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.s-offer-modal-brand-item.swiper-slide{margin-top:1rem;margin-bottom:1rem;display:flex;height:9rem;max-width:180px;flex-direction:column;align-items:center;justify-content:center;border-radius:0.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.75rem;text-align:center;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms}.s-offer-modal-brand-item.swiper-slide:hover{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.s-offer-modal-brand-logo{margin-bottom:0.75rem;height:4rem;width:4rem;object-fit:contain}.s-offer-modal-brand-logo img{height:100%;width:100%;object-fit:contain}.s-offer-modal-tag-item.swiper-slide{margin-top:1rem;margin-bottom:1rem;display:flex;height:9rem;max-width:180px;flex-direction:column;align-items:center;justify-content:center;border-radius:0.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.75rem;text-align:center;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms}.s-offer-modal-tag-item.swiper-slide:hover{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.s-offer-modal-product.swiper-slide{display:flex;width:70%;flex-shrink:0;flex-grow:1;flex-direction:column}@media (min-width: 640px){.s-offer-modal-product.swiper-slide{width:40%}}@media (min-width: 1024px){.s-offer-modal-product.swiper-slide{width:28%}}.s-offer-modal-product-image-wrap{position:relative;margin-bottom:1rem;display:block;height:8rem;overflow:hidden;border-radius:0.375rem;--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.s-offer-modal-product-image{height:100%;width:100%;object-fit:cover}.s-offer-modal-not-available{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.s-offer-modal-product-info{margin-bottom:1rem}.s-offer-modal-product-name{margin-bottom:0.375rem;display:inline-block;width:11rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.5rem;--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1));transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-offer-modal-product-name:hover{color:var(--color-primary)}.s-offer-modal-product-price{margin-bottom:1.25rem;display:flex;width:100%;align-items:center;font-size:0.875rem;line-height:1.25rem;font-weight:700}@media (min-width: 768px){.s-offer-modal-product-price{margin-bottom:0px}}@media (min-width: 640px){.s-offer-modal-product-price:where([dir="ltr"],[dir="ltr"] *){margin-left:0.5rem}.s-offer-modal-product-price:where([dir="rtl"],[dir="rtl"] *){margin-right:0.5rem}}.s-offer-modal-product-sale-price{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.s-offer-modal-product-old-price{margin-left:0.25rem;margin-right:0.25rem;font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));text-decoration-line:line-through}.s-offer-modal-btn-wrap{margin-top:auto}.s-offer-modal-header-icon{display:inline-flex;height:4rem;width:4rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}@media (min-width: 640px){.s-offer-modal-header-icon{margin-left:auto;margin-right:auto;margin-bottom:1rem;height:5rem;width:5rem}}.s-offer-modal-header-icon:where([dir="ltr"],[dir="ltr"] *){margin-right:0.5rem}@media (min-width: 640px){.s-offer-modal-header-icon:where([dir="ltr"],[dir="ltr"] *){margin-right:0px}}.s-offer-modal-header-icon:where([dir="rtl"],[dir="rtl"] *){margin-left:0.5rem}@media (min-width: 640px){.s-offer-modal-header-icon:where([dir="rtl"],[dir="rtl"] *){margin-left:0px}}.s-offer-modal-header-icon svg{height:1.75rem;width:1.75rem;flex-shrink:0;fill:#9ca3af}.s-offer-modal-footer{margin-top:1rem;display:flex;flex-direction:column;justify-content:space-between;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.s-offer-modal-footer{margin-top:2rem;flex-direction:row}}.s-offer-modal-expiry{margin-bottom:1.25rem}@media (min-width: 768px){.s-offer-modal-expiry{margin-bottom:0px}}.s-offer-modal-remember-label{display:flex;cursor:pointer;font-size:0.875rem;line-height:1.25rem;font-weight:500;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-offer-modal-remember-label:hover{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.s-offer-modal-remember-label:where([dir="ltr"],[dir="ltr"] *){margin-left:0.5rem}.s-offer-modal-remember-label:where([dir="rtl"],[dir="rtl"] *){margin-right:0.5rem}}.s-offer-modal-remember-input{height:1.5rem;width:1.5rem;border-radius:0.375rem;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));color:var(--color-primary)}.s-offer-modal-remember-input:focus{--tw-ring-color:transparent}.s-offer-modal-slider-centered .swiper-wrapper{justify-content:center}.s-offer-modal-slider-centered .s-offer-modal-slider-item{display:flex;max-width:28%;flex-shrink:0;flex-grow:1;flex-direction:column}.s-offer-modal-skeleton{display:flex;flex-direction:column;align-items:center;justify-content:center}.s-offer-modal-skeleton-items{margin-top:1.5rem;margin-bottom:1.5rem;display:flex;width:100%;align-items:center}.s-offer-modal-skeleton-item{position:relative;margin-right:1.25rem;width:33.333333%;cursor:unset !important;text-align:center}.s-offer-modal-skeleton-item:last-child{margin-right:0px}.s-offer-modal-skeleton-item:where([dir="rtl"],[dir="rtl"] *){margin-right:0px;margin-left:1.25rem}.s-offer-modal-skeleton-item:last-child:where([dir="rtl"],[dir="rtl"] *){margin-left:0px}.s-offer-modal-skeleton-header{width:100%}.s-offer-modal-skeleton-header salla-skeleton{margin-left:auto;margin-right:auto}.s-offer-modal-skeleton-header salla-skeleton:nth-child(1){margin-bottom:1.25rem}.s-offer-modal-skeleton-header salla-skeleton:nth-child(2){margin-bottom:0.75rem}.s-offer-modal-skeleton-header salla-skeleton:nth-child(3){margin-bottom:1.25rem}.s-offer-modal-skeleton-item-subtitle{display:flex;width:100%;align-items:center;justify-content:space-between}.s-offer-modal-skeleton-item-subtitle div svg{height:1rem;width:1rem;fill:currentColor;--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.s-offer-modal-skeleton-item-title{margin-top:0.75rem;margin-bottom:0.75rem}.s-offer-modal-skeleton-footer{margin-top:1.5rem;display:flex;width:100%;align-items:center;justify-content:space-between}.s-offer-modal-discount-table{width:100%;border-width:1px;--tw-border-opacity:1;border-color:rgb(238 238 238 / var(--tw-border-opacity, 1))}.s-offer-modal-discount-table table{width:100%;text-align:left;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(119 119 119 / var(--tw-text-opacity, 1))}.s-offer-modal-discount-table tr{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(238 238 238 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(252 252 252 / var(--tw-bg-opacity, 1))}.s-offer-modal-discount-table tr:last-child{border-bottom-width:0px}.s-offer-modal-discount-table tr td{padding-top:1rem;padding-bottom:1rem;padding-left:1.5rem;padding-right:1.5rem}.s-offer-modal-discount-table tr td:where([dir="rtl"],[dir="rtl"] *){text-align:right}.s-offer-modal-discount-table-cell{text-align:right}.s-offer-modal-discount-table-cell:where([dir="rtl"],[dir="rtl"] *){text-align:left !important}.s-offer-modal-type-discounts-table .s-modal-body{position:relative !important}.s-offer-modal-conditions{margin-top:1rem;display:flex;flex-direction:column;gap:0.5rem;text-align:center}.s-offer-modal-condition{font-size:13px;line-height:17px;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-offer-modal-condition-group{display:flex;flex-direction:column;align-items:center;gap:0.25rem}.s-offer-modal-condition-label{font-size:13px;font-weight:700;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-offer-modal-condition-items{display:flex;flex-wrap:wrap;justify-content:center;column-gap:0.75rem;row-gap:0.25rem}';export{d as salla_offer_modal}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Crafted with ❤ by Salla
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as o,H as i}from"./p-g-_4am8C.js";import{l as a}from"./p-BChI23pG.js";const l=t=>t?new Date(Number(t)).toLocaleDateString(salla.lang.locale,{weekday:"long",year:"numeric",month:"long",day:"numeric",hour:"numeric"}):"",s=class{constructor(o){t(this,o),this.loyaltyPointsArray=[],this.balance=0,this.isLoadingLoyalty=!1,this.nextPageUrlLoyalty="",this.handleClick=()=>{this.loadMoreLoyaltyPoints()}}async componentWillLoad(){try{await salla.onReady(),await salla.lang.onLoaded(),await this.loadLoyaltyPoints()}catch(t){salla?.logger?.warn?.("salla-loyalty-points-history: init failed",t)}}async loadLoyaltyPoints(){this.isLoadingLoyalty=!0;try{let t="/balance/points?page=1",o=await salla.api.request(t);this.loyaltyPointsArray=o.data,this.balance=o.balance,this.nextPageUrlLoyalty=o.cursor.next}catch(t){console.error("Error loading loyalty points transactions",t)}finally{this.isLoadingLoyalty=!1}}async loadMoreLoyaltyPoints(){if(this.nextPageUrlLoyalty){this.isLoadingLoyalty=!0;try{let t=await salla.api.request(this.nextPageUrlLoyalty);this.loyaltyPointsArray=[...this.loyaltyPointsArray,...t.data],this.nextPageUrlLoyalty=t.cursor?.next||""}catch(t){console.error("Error loading more loyalty points",t)}finally{this.isLoadingLoyalty=!1}}}render(){return o(i,{key:"c287ba322275b06ef75c1de641183f59012d2260"},o("div",{key:"d2c3c36f61377a7600f9e41d1ab8b5965ebf5616"},this.isLoadingLoyalty?o("salla-loading",null):o("div",null,o("table",{class:"s-loyalty-points-history-table"},o("tbody",null,o("tr",null,o("td",null,o("div",{class:"s-loyalty-points-history-balance-container"},o("i",{class:"s-loyalty-points-history-balance-icon sicon-gift"}),o("div",null,o("div",{class:"s-loyalty-points-history-balance-value"},this.balance," ",salla.lang.get("pages.loyalty_program.point")),o("div",{class:"s-loyalty-points-history-balance-label"},salla.lang.get("pages.loyalty_program.your_points")))))))),this.loyaltyPointsArray.length>0?o("div",null,o("table",{class:"s-loyalty-points-history-table"},o("thead",{class:"s-loyalty-points-history-table-head"},o("tr",null,o("th",{scope:"col",class:"s-loyalty-points-history-table-head-tr-th"},salla.lang.get("pages.wallet.points")),o("th",{scope:"col",class:"s-loyalty-points-history-table-head-tr-th"},salla.lang.get("pages.wallet.date")),o("th",{scope:"col",class:"s-loyalty-points-history-table-head-tr-th"},salla.lang.get("pages.wallet.expiry_date")),o("th",{scope:"col",class:"s-loyalty-points-history-table-head-tr-th"},salla.lang.get("common.elements.note")),o("th",{scope:"col",class:"s-loyalty-points-history-table-head-tr-th"},salla.lang.get("common.elements.status")))),o("tbody",null,this.loyaltyPointsArray.map((t=>o("tr",{class:"s-loyalty-points-history-table-tbody-tr"},o("td",{class:"s-loyalty-points-history-table-tbody-tr-td"},o("div",{class:"s-loyalty-points-history-table-tbody-tr-td-content"},o("span",{class:"s-loyalty-points-history-mobile-title"},salla.lang.get("pages.wallet.points"),":"),o("span",null,"plus"===t?.type?"+":"",t?.amount||""," ",salla.lang.get("pages.loyalty_program.point")))),o("td",{class:"s-loyalty-points-history-table-tbody-tr-td"},o("div",{class:"s-loyalty-points-history-table-tbody-tr-td-content"},o("span",{class:"s-loyalty-points-history-mobile-title"},salla.lang.get("pages.wallet.date"),":"),o("span",null,l(t?.created_at?1e3*Number(t.created_at):void 0)))),o("td",{class:"s-loyalty-points-history-table-tbody-tr-td"},o("div",{class:"s-loyalty-points-history-table-tbody-tr-td-content"},o("span",{class:"s-loyalty-points-history-mobile-title"},salla.lang.get("pages.wallet.expiry_date"),":"),o("span",null,l(t?.expires_at?1e3*Number(t.expires_at):void 0)))),o("td",{class:"s-loyalty-points-history-table-tbody-tr-td"},o("div",{class:"s-loyalty-points-history-table-tbody-tr-td-content"},o("span",{class:"s-loyalty-points-history-mobile-title"},salla.lang.get("common.elements.note"),":"),o("span",null,(t=>{if(!t)return"";try{const o=t.toLowerCase(),i=salla.lang.get(`pages.loyalty_program.${o}`);return i===`pages.loyalty_program.${o}`?t:i}catch{return t}})(t?.key)))),o("td",{class:"s-loyalty-points-history-table-tbody-tr-td"},o("div",{class:"s-loyalty-points-history-table-tbody-tr-td-content"},o("span",{class:"s-loyalty-points-history-mobile-title"},salla.lang.get("common.elements.status"),":"),o("div",{class:{"s-loyalty-points-history-table-transaction-status":!0,"s-loyalty-points-history-table-transaction-status-pending":"pending"===t?.status_key,"s-loyalty-points-history-table-transaction-status-revoked":"revoked"===t?.status_key,"s-loyalty-points-history-table-transaction-status-used":"used"===t?.status_key,"s-loyalty-points-history-table-transaction-status-expired":"expired"===t?.status_key}},t?.status)))))))),o("div",{class:"s-loyalty-points-history-load-more"},!!this.nextPageUrlLoyalty&&o("salla-button",{onClick:this.handleClick,loading:this.isLoadingLoyalty},salla.lang.get("common.elements.load_more")))):o("div",{class:"s-loyalty-points-history-table-empty-state"},o("span",{innerHTML:a}),o("div",{class:"s-loyalty-points-history-table-placeholder-title"},salla.lang.get("pages.loyalty_program.no_loyality_points_title")),o("div",{class:"s-loyalty-points-history-table-placeholder-sub-title"},salla.lang.get("pages.loyalty_program.no_loyality_points_sub_title"))))))}};s.style='/*!twlt*/:host{display:block}.table{display:table}.s-loyalty-points-history-balance-container{display:flex;align-items:center;justify-content:flex-start;gap:1rem}.s-loyalty-points-history-balance-value{font-size:1.25rem;line-height:1.75rem;font-weight:600}.s-loyalty-points-history-balance-label{font-weight:400;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-loyalty-points-history-balance-icon{height:52px;width:52px;border-radius:9999px;background-color:var(--color-primary-reverse);padding-top:16px;padding-bottom:16px;padding-left:13px;padding-right:13px;font-size:25px;color:var(--color-primary)}.s-loyalty-points-history-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.625rem * var(--tw-space-y-reverse))}@media (min-width: 768px){.s-loyalty-points-history-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}}.s-loyalty-points-history-mobile-title{display:inline-block;width:8rem;font-weight:400;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.s-loyalty-points-history-mobile-title{display:none}}.s-loyalty-points-history-reference-id{display:none}@media (min-width: 768px){.s-loyalty-points-history-reference-id{display:inline-block}}.s-loyalty-points-history-buy-as-gift-icon{margin-left:0.25rem;margin-right:0.25rem;display:inline-block;color:var(--color-primary)}.s-loyalty-points-history-copy-to-clipboard-button{display:flex;align-items:center}@media (min-width: 768px){.s-loyalty-points-history-copy-to-clipboard-button{display:none}}.s-loyalty-points-history-copy-to-clipboard-button salla-button{position:relative}.s-loyalty-points-history-copy-to-clipboard-button-icon{pointer-events:none;font-size:0.75rem;line-height:1rem}.s-loyalty-points-history-copy-to-clipboard-button-icon:where([dir="ltr"],[dir="ltr"] *){margin-left:0.25rem}.s-loyalty-points-history-copy-to-clipboard-button-icon:where([dir="rtl"],[dir="rtl"] *){margin-right:0.25rem}@media (min-width: 768px){.s-loyalty-points-history-status-container{margin-left:0px;margin-right:0px}}.s-loyalty-points-history-status-container:where([dir="ltr"],[dir="ltr"] *){margin-left:auto}.s-loyalty-points-history-status-container:where([dir="rtl"],[dir="rtl"] *){margin-right:auto}.s-loyalty-points-history-status-container i{margin-top:0.25rem}.s-loyalty-points-history-status-container i:where([dir="ltr"],[dir="ltr"] *){margin-right:0.25rem}.s-loyalty-points-history-status-container i:where([dir="rtl"],[dir="rtl"] *){margin-left:0.25rem}.s-loyalty-points-history-rated-text{--tw-text-opacity:1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.s-loyalty-points-history-unrated-text{--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.s-loyalty-points-history-no-content{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;padding-top:2.5rem;padding-bottom:5rem;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-loyalty-points-history-no-content .icon{margin-bottom:1rem;display:flex;height:8rem;width:8rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));font-size:3rem;line-height:1;--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.s-loyalty-points-history-no-content p{margin-bottom:1rem;font-size:1rem;line-height:1.5rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-loyalty-points-history-table{min-width:100%;border-collapse:separate}@media (min-width: 768px){.s-loyalty-points-history-table{margin-bottom:-0.75rem;--tw-border-spacing-y:1.25rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}}.s-loyalty-points-history-table-head{margin-bottom:1.25rem;display:none;--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}@media (min-width: 768px){.s-loyalty-points-history-table-head{display:table-header-group}}.s-loyalty-points-history-table-head-tr-th{padding-left:1.5rem;padding-right:1.5rem;text-align:start;font-size:0.875rem;line-height:1.25rem;font-weight:500;text-transform:uppercase;letter-spacing:0.05em}.s-loyalty-points-history-table-head-tr-th:where([dir="ltr"],[dir="ltr"] *){text-align:left}.s-loyalty-points-history-table-head-tr-th:last-child:where([dir="ltr"],[dir="ltr"] *){text-align:right}.s-loyalty-points-history-table-head-tr-th:where([dir="rtl"],[dir="rtl"] *){text-align:right}.s-loyalty-points-history-table-head-tr-th:last-child:where([dir="rtl"],[dir="rtl"] *){text-align:left}.s-loyalty-points-history-table-tbody-tr{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;overflow:hidden;border-radius:var(--s-radius, 0.25rem);border-bottom-width:8px;border-top-width:8px;--tw-border-opacity:1;border-color:rgb(249 250 251 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.5rem;transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms}@media (min-width: 768px){.s-loyalty-points-history-table-tbody-tr{display:table-row;flex-direction:row;flex-wrap:nowrap;padding:0px}}.s-loyalty-points-history-table-tbody-tr-td{width:100%;white-space:nowrap;font-size:0.875rem;line-height:1.25rem}.s-loyalty-points-history-table-tbody-tr-td:first-child{font-weight:700}@media (min-width: 768px){.s-loyalty-points-history-table-tbody-tr-td{height:5rem;width:auto}.s-loyalty-points-history-table-tbody-tr-td:last-child{text-align:end}.s-loyalty-points-history-table-tbody-tr-td:first-child:where([dir="ltr"],[dir="ltr"] *){border-top-left-radius:0.375rem;border-bottom-left-radius:0.375rem}.s-loyalty-points-history-table-tbody-tr-td:first-child:where([dir="rtl"],[dir="rtl"] *){border-top-right-radius:0.375rem;border-bottom-right-radius:0.375rem}}.s-loyalty-points-history-table-tbody-tr-td:first-child{font-weight:700}.s-loyalty-points-history-table-tbody-tr-td-content{position:relative;display:flex;align-items:center;justify-content:space-between;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.75rem;line-height:1rem}@media (min-width: 768px){.s-loyalty-points-history-table-tbody-tr-td-content{padding-left:1.5rem;padding-right:1.5rem;padding-top:1.5rem;padding-bottom:1.5rem}}.s-loyalty-points-history-table-tbody-tr-td-content:where([dir="ltr"],[dir="ltr"] *){padding-right:0.5rem}.s-loyalty-points-history-table-tbody-tr-td-content:where([dir="rtl"],[dir="rtl"] *){padding-left:0.5rem}.s-loyalty-points-history-table-tbody-tr a{position:absolute;top:0px;bottom:0px;display:block;width:100%}.s-loyalty-points-history-table-tbody-tr a:where([dir="ltr"],[dir="ltr"] *){left:0px}.s-loyalty-points-history-table-tbody-tr a:where([dir="rtl"],[dir="rtl"] *){right:0px}.s-loyalty-points-history-table-empty-state{display:flex;flex-direction:column;align-items:center;font-size:80px}.s-loyalty-points-history-table-empty-state i{margin-bottom:2rem;margin-top:4rem;font-size:80px;color:var(--infinte-color)}.s-loyalty-points-history-table-placeholder-title{padding:0.75rem;text-align:center;font-size:1.25rem;line-height:1.75rem;font-weight:700}.s-loyalty-points-history-table-placeholder-sub-title{text-align:center;font-size:0.875rem;line-height:1.25rem;font-weight:400;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-loyalty-points-history-load-more{margin-top:1rem;display:flex;justify-content:center}.s-loyalty-points-history-table-transaction-status{display:flex;width:max-content;align-items:center;border-radius:20px;--tw-bg-opacity:1;background-color:rgb(255 246 235 / var(--tw-bg-opacity, 1));padding-top:6px;padding-bottom:6px;padding-left:19px;padding-right:19px;--tw-text-opacity:1;color:rgb(164 111 41 / var(--tw-text-opacity, 1))}.s-loyalty-points-history-table-transaction-status-pending{--tw-bg-opacity:1;background-color:rgb(255 246 235 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(164 111 41 / var(--tw-text-opacity, 1))}.s-loyalty-points-history-table-transaction-status-used{--tw-bg-opacity:1;background-color:rgb(239 251 246 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(0 175 108 / var(--tw-text-opacity, 1))}.s-loyalty-points-history-table-transaction-status-revoked{--tw-bg-opacity:1;background-color:rgb(254 236 236 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(245 81 87 / var(--tw-text-opacity, 1))}.s-loyalty-points-history-table-transaction-status-expired{--tw-bg-opacity:1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(158 158 158 / var(--tw-text-opacity, 1))}';export{s as salla_loyalty_points_history}
|
|
4
|
+
import{r as t,h as o,H as i}from"./p-DvJClBwJ.js";import{l as a}from"./p-BChI23pG.js";const l=t=>t?new Date(Number(t)).toLocaleDateString(salla.lang.locale,{weekday:"long",year:"numeric",month:"long",day:"numeric",hour:"numeric"}):"",s=class{constructor(o){t(this,o),this.loyaltyPointsArray=[],this.balance=0,this.isLoadingLoyalty=!1,this.nextPageUrlLoyalty="",this.handleClick=()=>{this.loadMoreLoyaltyPoints()}}async componentWillLoad(){try{await salla.onReady(),await salla.lang.onLoaded(),await this.loadLoyaltyPoints()}catch(t){salla?.logger?.warn?.("salla-loyalty-points-history: init failed",t)}}async loadLoyaltyPoints(){this.isLoadingLoyalty=!0;try{let t="/balance/points?page=1",o=await salla.api.request(t);this.loyaltyPointsArray=o.data,this.balance=o.balance,this.nextPageUrlLoyalty=o.cursor.next}catch(t){console.error("Error loading loyalty points transactions",t)}finally{this.isLoadingLoyalty=!1}}async loadMoreLoyaltyPoints(){if(this.nextPageUrlLoyalty){this.isLoadingLoyalty=!0;try{let t=await salla.api.request(this.nextPageUrlLoyalty);this.loyaltyPointsArray=[...this.loyaltyPointsArray,...t.data],this.nextPageUrlLoyalty=t.cursor?.next||""}catch(t){console.error("Error loading more loyalty points",t)}finally{this.isLoadingLoyalty=!1}}}render(){return o(i,{key:"c287ba322275b06ef75c1de641183f59012d2260"},o("div",{key:"d2c3c36f61377a7600f9e41d1ab8b5965ebf5616"},this.isLoadingLoyalty?o("salla-loading",null):o("div",null,o("table",{class:"s-loyalty-points-history-table"},o("tbody",null,o("tr",null,o("td",null,o("div",{class:"s-loyalty-points-history-balance-container"},o("i",{class:"s-loyalty-points-history-balance-icon sicon-gift"}),o("div",null,o("div",{class:"s-loyalty-points-history-balance-value"},this.balance," ",salla.lang.get("pages.loyalty_program.point")),o("div",{class:"s-loyalty-points-history-balance-label"},salla.lang.get("pages.loyalty_program.your_points")))))))),this.loyaltyPointsArray.length>0?o("div",null,o("table",{class:"s-loyalty-points-history-table"},o("thead",{class:"s-loyalty-points-history-table-head"},o("tr",null,o("th",{scope:"col",class:"s-loyalty-points-history-table-head-tr-th"},salla.lang.get("pages.wallet.points")),o("th",{scope:"col",class:"s-loyalty-points-history-table-head-tr-th"},salla.lang.get("pages.wallet.date")),o("th",{scope:"col",class:"s-loyalty-points-history-table-head-tr-th"},salla.lang.get("pages.wallet.expiry_date")),o("th",{scope:"col",class:"s-loyalty-points-history-table-head-tr-th"},salla.lang.get("common.elements.note")),o("th",{scope:"col",class:"s-loyalty-points-history-table-head-tr-th"},salla.lang.get("common.elements.status")))),o("tbody",null,this.loyaltyPointsArray.map((t=>o("tr",{class:"s-loyalty-points-history-table-tbody-tr"},o("td",{class:"s-loyalty-points-history-table-tbody-tr-td"},o("div",{class:"s-loyalty-points-history-table-tbody-tr-td-content"},o("span",{class:"s-loyalty-points-history-mobile-title"},salla.lang.get("pages.wallet.points"),":"),o("span",null,"plus"===t?.type?"+":"",t?.amount||""," ",salla.lang.get("pages.loyalty_program.point")))),o("td",{class:"s-loyalty-points-history-table-tbody-tr-td"},o("div",{class:"s-loyalty-points-history-table-tbody-tr-td-content"},o("span",{class:"s-loyalty-points-history-mobile-title"},salla.lang.get("pages.wallet.date"),":"),o("span",null,l(t?.created_at?1e3*Number(t.created_at):void 0)))),o("td",{class:"s-loyalty-points-history-table-tbody-tr-td"},o("div",{class:"s-loyalty-points-history-table-tbody-tr-td-content"},o("span",{class:"s-loyalty-points-history-mobile-title"},salla.lang.get("pages.wallet.expiry_date"),":"),o("span",null,l(t?.expires_at?1e3*Number(t.expires_at):void 0)))),o("td",{class:"s-loyalty-points-history-table-tbody-tr-td"},o("div",{class:"s-loyalty-points-history-table-tbody-tr-td-content"},o("span",{class:"s-loyalty-points-history-mobile-title"},salla.lang.get("common.elements.note"),":"),o("span",null,(t=>{if(!t)return"";try{const o=t.toLowerCase(),i=salla.lang.get(`pages.loyalty_program.${o}`);return i===`pages.loyalty_program.${o}`?t:i}catch{return t}})(t?.key)))),o("td",{class:"s-loyalty-points-history-table-tbody-tr-td"},o("div",{class:"s-loyalty-points-history-table-tbody-tr-td-content"},o("span",{class:"s-loyalty-points-history-mobile-title"},salla.lang.get("common.elements.status"),":"),o("div",{class:{"s-loyalty-points-history-table-transaction-status":!0,"s-loyalty-points-history-table-transaction-status-pending":"pending"===t?.status_key,"s-loyalty-points-history-table-transaction-status-revoked":"revoked"===t?.status_key,"s-loyalty-points-history-table-transaction-status-used":"used"===t?.status_key,"s-loyalty-points-history-table-transaction-status-expired":"expired"===t?.status_key}},t?.status)))))))),o("div",{class:"s-loyalty-points-history-load-more"},!!this.nextPageUrlLoyalty&&o("salla-button",{onClick:this.handleClick,loading:this.isLoadingLoyalty},salla.lang.get("common.elements.load_more")))):o("div",{class:"s-loyalty-points-history-table-empty-state"},o("span",{innerHTML:a}),o("div",{class:"s-loyalty-points-history-table-placeholder-title"},salla.lang.get("pages.loyalty_program.no_loyality_points_title")),o("div",{class:"s-loyalty-points-history-table-placeholder-sub-title"},salla.lang.get("pages.loyalty_program.no_loyality_points_sub_title"))))))}};s.style='/*!twlt*/:host{display:block}.table{display:table}.s-loyalty-points-history-balance-container{display:flex;align-items:center;justify-content:flex-start;gap:1rem}.s-loyalty-points-history-balance-value{font-size:1.25rem;line-height:1.75rem;font-weight:600}.s-loyalty-points-history-balance-label{font-weight:400;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-loyalty-points-history-balance-icon{height:52px;width:52px;border-radius:9999px;background-color:var(--color-primary-reverse);padding-top:16px;padding-bottom:16px;padding-left:13px;padding-right:13px;font-size:25px;color:var(--color-primary)}.s-loyalty-points-history-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.625rem * var(--tw-space-y-reverse))}@media (min-width: 768px){.s-loyalty-points-history-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}}.s-loyalty-points-history-mobile-title{display:inline-block;width:8rem;font-weight:400;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.s-loyalty-points-history-mobile-title{display:none}}.s-loyalty-points-history-reference-id{display:none}@media (min-width: 768px){.s-loyalty-points-history-reference-id{display:inline-block}}.s-loyalty-points-history-buy-as-gift-icon{margin-left:0.25rem;margin-right:0.25rem;display:inline-block;color:var(--color-primary)}.s-loyalty-points-history-copy-to-clipboard-button{display:flex;align-items:center}@media (min-width: 768px){.s-loyalty-points-history-copy-to-clipboard-button{display:none}}.s-loyalty-points-history-copy-to-clipboard-button salla-button{position:relative}.s-loyalty-points-history-copy-to-clipboard-button-icon{pointer-events:none;font-size:0.75rem;line-height:1rem}.s-loyalty-points-history-copy-to-clipboard-button-icon:where([dir="ltr"],[dir="ltr"] *){margin-left:0.25rem}.s-loyalty-points-history-copy-to-clipboard-button-icon:where([dir="rtl"],[dir="rtl"] *){margin-right:0.25rem}@media (min-width: 768px){.s-loyalty-points-history-status-container{margin-left:0px;margin-right:0px}}.s-loyalty-points-history-status-container:where([dir="ltr"],[dir="ltr"] *){margin-left:auto}.s-loyalty-points-history-status-container:where([dir="rtl"],[dir="rtl"] *){margin-right:auto}.s-loyalty-points-history-status-container i{margin-top:0.25rem}.s-loyalty-points-history-status-container i:where([dir="ltr"],[dir="ltr"] *){margin-right:0.25rem}.s-loyalty-points-history-status-container i:where([dir="rtl"],[dir="rtl"] *){margin-left:0.25rem}.s-loyalty-points-history-rated-text{--tw-text-opacity:1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.s-loyalty-points-history-unrated-text{--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.s-loyalty-points-history-no-content{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;padding-top:2.5rem;padding-bottom:5rem;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-loyalty-points-history-no-content .icon{margin-bottom:1rem;display:flex;height:8rem;width:8rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));font-size:3rem;line-height:1;--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.s-loyalty-points-history-no-content p{margin-bottom:1rem;font-size:1rem;line-height:1.5rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-loyalty-points-history-table{min-width:100%;border-collapse:separate}@media (min-width: 768px){.s-loyalty-points-history-table{margin-bottom:-0.75rem;--tw-border-spacing-y:1.25rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}}.s-loyalty-points-history-table-head{margin-bottom:1.25rem;display:none;--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}@media (min-width: 768px){.s-loyalty-points-history-table-head{display:table-header-group}}.s-loyalty-points-history-table-head-tr-th{padding-left:1.5rem;padding-right:1.5rem;text-align:start;font-size:0.875rem;line-height:1.25rem;font-weight:500;text-transform:uppercase;letter-spacing:0.05em}.s-loyalty-points-history-table-head-tr-th:where([dir="ltr"],[dir="ltr"] *){text-align:left}.s-loyalty-points-history-table-head-tr-th:last-child:where([dir="ltr"],[dir="ltr"] *){text-align:right}.s-loyalty-points-history-table-head-tr-th:where([dir="rtl"],[dir="rtl"] *){text-align:right}.s-loyalty-points-history-table-head-tr-th:last-child:where([dir="rtl"],[dir="rtl"] *){text-align:left}.s-loyalty-points-history-table-tbody-tr{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;overflow:hidden;border-radius:var(--s-radius, 0.25rem);border-bottom-width:8px;border-top-width:8px;--tw-border-opacity:1;border-color:rgb(249 250 251 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.5rem;transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms}@media (min-width: 768px){.s-loyalty-points-history-table-tbody-tr{display:table-row;flex-direction:row;flex-wrap:nowrap;padding:0px}}.s-loyalty-points-history-table-tbody-tr-td{width:100%;white-space:nowrap;font-size:0.875rem;line-height:1.25rem}.s-loyalty-points-history-table-tbody-tr-td:first-child{font-weight:700}@media (min-width: 768px){.s-loyalty-points-history-table-tbody-tr-td{height:5rem;width:auto}.s-loyalty-points-history-table-tbody-tr-td:last-child{text-align:end}.s-loyalty-points-history-table-tbody-tr-td:first-child:where([dir="ltr"],[dir="ltr"] *){border-top-left-radius:0.375rem;border-bottom-left-radius:0.375rem}.s-loyalty-points-history-table-tbody-tr-td:first-child:where([dir="rtl"],[dir="rtl"] *){border-top-right-radius:0.375rem;border-bottom-right-radius:0.375rem}}.s-loyalty-points-history-table-tbody-tr-td:first-child{font-weight:700}.s-loyalty-points-history-table-tbody-tr-td-content{position:relative;display:flex;align-items:center;justify-content:space-between;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.75rem;line-height:1rem}@media (min-width: 768px){.s-loyalty-points-history-table-tbody-tr-td-content{padding-left:1.5rem;padding-right:1.5rem;padding-top:1.5rem;padding-bottom:1.5rem}}.s-loyalty-points-history-table-tbody-tr-td-content:where([dir="ltr"],[dir="ltr"] *){padding-right:0.5rem}.s-loyalty-points-history-table-tbody-tr-td-content:where([dir="rtl"],[dir="rtl"] *){padding-left:0.5rem}.s-loyalty-points-history-table-tbody-tr a{position:absolute;top:0px;bottom:0px;display:block;width:100%}.s-loyalty-points-history-table-tbody-tr a:where([dir="ltr"],[dir="ltr"] *){left:0px}.s-loyalty-points-history-table-tbody-tr a:where([dir="rtl"],[dir="rtl"] *){right:0px}.s-loyalty-points-history-table-empty-state{display:flex;flex-direction:column;align-items:center;font-size:80px}.s-loyalty-points-history-table-empty-state i{margin-bottom:2rem;margin-top:4rem;font-size:80px;color:var(--infinte-color)}.s-loyalty-points-history-table-placeholder-title{padding:0.75rem;text-align:center;font-size:1.25rem;line-height:1.75rem;font-weight:700}.s-loyalty-points-history-table-placeholder-sub-title{text-align:center;font-size:0.875rem;line-height:1.25rem;font-weight:400;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-loyalty-points-history-load-more{margin-top:1rem;display:flex;justify-content:center}.s-loyalty-points-history-table-transaction-status{display:flex;width:max-content;align-items:center;border-radius:20px;--tw-bg-opacity:1;background-color:rgb(255 246 235 / var(--tw-bg-opacity, 1));padding-top:6px;padding-bottom:6px;padding-left:19px;padding-right:19px;--tw-text-opacity:1;color:rgb(164 111 41 / var(--tw-text-opacity, 1))}.s-loyalty-points-history-table-transaction-status-pending{--tw-bg-opacity:1;background-color:rgb(255 246 235 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(164 111 41 / var(--tw-text-opacity, 1))}.s-loyalty-points-history-table-transaction-status-used{--tw-bg-opacity:1;background-color:rgb(239 251 246 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(0 175 108 / var(--tw-text-opacity, 1))}.s-loyalty-points-history-table-transaction-status-revoked{--tw-bg-opacity:1;background-color:rgb(254 236 236 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(245 81 87 / var(--tw-text-opacity, 1))}.s-loyalty-points-history-table-transaction-status-expired{--tw-bg-opacity:1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(158 158 158 / var(--tw-text-opacity, 1))}';export{s as salla_loyalty_points_history}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Crafted with ❤ by Salla
|
|
3
3
|
*/
|
|
4
|
-
import{r,c as t,h as e}from"./p-g-_4am8C.js";const a=class{constructor(e){r(this,e),this.loyaltyProductExchange=t(this,"loyaltyProductExchange")}componentWillLoad(){this.hasCustomCard=!!customElements.get("custom-salla-product-card")}render(){const r="string"==typeof this.product?JSON.parse(this.product):this.product;return e("div",{key:"21e67765b725b3df78a191f3e2e722818288efe6",class:"s-loyalty-exchange-card"},this.hasCustomCard?e("custom-salla-product-card",{product:r,hideAddBtn:!0}):e("salla-product-card",{"hide-add-btn":!0,product:r}),e("div",{key:"8848d809767d6b708424a66d532d9c37b6e9c012",class:"s-loyalty-exchange-card-btn"},e("salla-button",{key:"9d23449b4c39ed4d4409e1bccd22cea0ff7f6f09",fill:"outline",width:"wide",onClick:()=>this.loyaltyProductExchange.emit({productId:r.id})},salla.lang.get("pages.loyalty_program.redeem_reward"))))}};a.style='/*!twlt*/@media (max-width: 639px){.s-loyalty-program-modal .s-modal-body{position:relative !important;left:unset !important;bottom:unset !important;max-height:100dvh;overflow-y:auto !important}}.s-loyalty-exchange-card salla-product-card .s-product-card-image,.s-loyalty-exchange-card custom-salla-product-card .s-product-card-image{flex:none;aspect-ratio:1;overflow:hidden}.s-loyalty-exchange-card-btn{padding:0 1.25rem 1.25rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid>*{flex:1 1 100%;min-width:0;touch-action:pan-y}@media (min-width: 640px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 1rem) / 2)}}@media (min-width: 768px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 2rem) / 3)}}.s-loyalty-program-reward-details-products-grid>*:only-child{max-width:320px;margin-inline:auto}.s-loyalty-program-reward-details-products-grid:has(>*:nth-child(3))>*{flex-grow:0}.mb-5{margin-bottom:1.25rem}.mt-5{margin-top:1.25rem}.block{display:block}.p-4{padding:1rem}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.s-loyalty-program-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.625rem * var(--tw-space-y-reverse))}.s-loyalty-program-container{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}@media (min-width: 768px){.s-loyalty-program-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}}.s-loyalty-program-login-action{margin-left:auto;margin-right:auto;display:block;width:16rem;border-radius:0.375rem;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem}.s-loyalty-program-login-action-dark{background-color:var(--color-primary-dark);--tw-text-opacity:1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.s-loyalty-program-login-action-light{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-loyalty-program-outline-section{padding-top:5rem;padding-bottom:4rem}.s-loyalty-program-profile-wrapper{margin-left:auto;margin-right:auto;max-width:56rem;--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.s-loyalty-program-item{padding:2rem;text-align:center}.s-loyalty-program-content{position:relative}.s-loyalty-program-icon-container{position:relative}.s-loyalty-program-icon{position:absolute;bottom:0px;right:50%;margin-right:-0.5rem;--tw-translate-x:50%;--tw-scale-x:1.5;--tw-scale-y:1.5;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:1.5rem;line-height:2rem;--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.s-loyalty-program-icon svg{height:1.5rem;width:1.5rem;fill:currentColor}.s-loyalty-program-title{margin-top:1rem;font-size:1.125rem;font-weight:700;line-height:3rem;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-loyalty-program-description{font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-loyalty-program-section{margin-left:auto;margin-right:auto;max-width:100%;padding-left:1.25rem;padding-right:1.25rem}.s-loyalty-program-header{text-align:center}.s-loyalty-program-main-title{font-size:1.5rem;line-height:3rem;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-loyalty-program-subtitle{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-loyalty-program-list{margin-left:auto;margin-right:auto;margin-top:2rem;display:grid;max-width:80rem;grid-template-columns:repeat(1, minmax(0, 1fr));gap:1rem}@media (min-width: 768px){.s-loyalty-program-list{grid-template-columns:repeat(3, minmax(0, 1fr));gap:7rem}}.s-loyalty-program-hero-container{position:relative}.s-loyalty-program-hero-background{position:relative;display:grid;min-height:20rem;width:100%;place-items:center;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));background-color:var(--color-primary-light);background-size:cover;background-position:center;background-repeat:no-repeat;padding-left:1.25rem;padding-right:1.25rem;padding-top:4rem;padding-bottom:4rem}.s-loyalty-program-text-gradient{background-image:linear-gradient(to top, var(--tw-gradient-stops));--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:#d1d5db var(--tw-gradient-to-position);background-clip:text;font-size:6rem;line-height:1;font-weight:700;color:transparent;opacity:0.7}.s-loyalty-program-points-action-incomplete{display:block;background-color:var(--color-primary-light);--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-loyalty-program-hero-overlay{position:absolute;inset:0px;--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));opacity:0.5}.s-loyalty-program-hero-content{z-index:10}.s-loyalty-program-hero-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.s-loyalty-program-hero-content{text-align:center}.s-loyalty-program-hero-title{margin-bottom:1rem;font-size:1.875rem;line-height:2.25rem;font-weight:600;line-height:1.25}@media (min-width: 768px){.s-loyalty-program-hero-title{font-size:3rem;line-height:1}}.s-loyalty-program-hero-description{margin-left:auto;margin-right:auto;max-width:24rem;font-size:1rem;font-weight:300;line-height:1.5rem}@media (min-width: 768px){.s-loyalty-program-hero-description{max-width:36rem}}.s-loyalty-program-hero-footer{position:absolute;width:100%;padding-left:1.25rem;padding-right:1.25rem}.s-loyalty-program-hero-slot-container{bottom:0px;margin-left:auto;margin-right:auto;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-loyalty-program-hero-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-loyalty-program-hero-gray{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.s-loyalty-program-rewards-container{margin-left:auto;margin-right:auto;max-width:80rem;--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}@media (min-width: 640px){.s-loyalty-program-rewards-container{padding-left:2.5rem;padding-right:2.5rem}}@media (min-width: 768px){.s-loyalty-program-rewards-container{margin-top:1.5rem}}@media (min-width: 1536px){.s-loyalty-program-rewards-container{padding-left:0px;padding-right:0px}}.s-loyalty-program-rewards-heading-mobile{margin-left:auto;margin-right:auto;margin-top:1.5rem;margin-bottom:1.5rem;width:max-content;font-size:1.875rem;line-height:3rem;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.s-loyalty-program-rewards-heading-mobile{display:none}}.s-loyalty-program-rewards-heading-desktop{display:none;font-size:1.875rem;line-height:3rem;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.s-loyalty-program-rewards-heading-desktop{display:block}}.s-loyalty-program-rewards-tab-items{margin-top:0px;margin-bottom:0px;display:flex;padding-left:1rem;padding-right:1rem}@media (min-width: 768px){.s-loyalty-program-rewards-tab-items{margin-top:0.5rem;margin-bottom:0.5rem;padding-left:0px;padding-right:0px}}.s-loyalty-program-rewards-container salla-tab-content{padding-left:1rem;padding-right:1rem}@media (min-width: 768px){.s-loyalty-program-rewards-container salla-tab-content{padding-left:0px;padding-right:0px}}.s-loyalty-program-rewards-container .s-tabs-content-wrapper{padding:0px}@media (min-width: 768px){.s-loyalty-program-rewards-container .s-tabs-content-wrapper{padding-top:1rem}}.s-loyalty-program-rewards-container .swiper{padding-left:1rem;padding-right:1rem}@media (min-width: 768px){.s-loyalty-program-rewards-container .swiper{padding-left:0px;padding-right:0px}}.s-loyalty-program-rewards-action-base{margin-left:auto;margin-right:auto;display:block;width:100%;max-width:24rem;border-radius:0.375rem;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;text-align:center;font-size:0.75rem;line-height:1rem}@media (min-width: 768px){.s-loyalty-program-rewards-action-base{font-size:0.875rem;line-height:1.25rem}}.s-loyalty-program-rewards-action-on{background-color:var(--color-primary-light);--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-loyalty-program-rewards-action-off{cursor:not-allowed;--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-loyalty-program-rewards-action-confirm{position:relative;display:block;background-color:var(--color-primary);color:var(--color-primary-reverse)}.s-loyalty-program-rewards-action-cancel{border-width:1px;--tw-border-opacity:1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1));background-image:none;--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.s-loyalty-program-rewards-img{height:100%;width:100%;object-fit:cover}.s-loyalty-program-rewards-points{font-weight:300}.s-loyalty-program-rewards-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-loyalty-program-rewards-modal-action{width:100%;border-top-width:1px;--tw-border-opacity:1;border-top-color:rgb(243 244 246 / var(--tw-border-opacity, 1));padding-left:3rem;padding-right:3rem;padding-top:1.25rem;padding-bottom:1.25rem;text-align:center}.s-loyalty-program-reward-container{overflow:hidden;border-radius:0.75rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.s-loyalty-program-reward-xs{width:11rem}.s-loyalty-program-reward-host{width:11rem}@media (min-width: 768px){.s-loyalty-program-reward-host{width:auto}}.s-loyalty-program-reward-img{height:9rem;width:100%}@media (min-width: 768px){.s-loyalty-program-reward-img{height:12rem}}.s-loyalty-program-reward-content{padding:0.5rem}@media (min-width: 768px){.s-loyalty-program-reward-content{padding:1rem}}.s-loyalty-program-reward-points{font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.s-loyalty-program-reward-title{margin-top:0.75rem;font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-loyalty-program-reward-name{margin-top:0.25rem;font-size:0.875rem;line-height:1.25rem;font-weight:500}@media (min-width: 768px){.s-loyalty-program-reward-name{font-size:1.125rem;line-height:1.75rem}}.s-loyalty-program-rewards-container .s-tabs-header{display:flex;align-items:center;justify-content:space-between;border-style:none}.s-loyalty-program-rewards-container .s-tabs-header div{order:1}.s-loyalty-program-rewards-container .s-tabs-header-item{position:relative;margin:0px;display:flex;width:max-content;align-items:center;justify-content:center;gap:0.5rem;border-radius:0.5rem;background-color:transparent;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.s-loyalty-program-rewards-container .s-tabs-bg-normal{background-color:transparent;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-loyalty-program-rewards-container-cart .s-tabs-bg-normal{background-color:transparent;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-loyalty-program-rewards-container-cart .s-tabs-header-item{display:flex;width:max-content;align-items:center;justify-content:center;gap:0.5rem;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem;font-size:0.875rem;line-height:1.25rem}.s-loyalty-program-rewards-container-cart .s-tabs-content-wrapper{padding:0px}.s-loyalty-program-rewards-container-cart .s-tabs-header{overflow-x:auto;border-bottom-width:1px;border-color:var(--color-primary-light);padding-left:1.25rem;padding-right:1.25rem}@media (min-width: 640px){.s-loyalty-program-rewards-container-cart .s-tabs-header{margin-left:1.25rem;margin-right:1.25rem;padding-left:0px;padding-right:0px}}.s-loyalty-program-rewards-container-cart .swiper{padding:1.25rem}.s-loyalty-program-rewards-cart-header{margin-top:2.5rem;margin-bottom:2.5rem;margin-left:0px;margin-right:0px;display:flex;gap:1rem;padding-top:0px;padding-bottom:0px;padding-left:1.25rem;padding-right:1.25rem}.s-loyalty-program-rewards-container-cart .s-slider-block__title-nav{width:100%}.s-loyalty-program-rewards-container .s-tabs-active{background-color:var(--color-primary-light);--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-loyalty-program-rewards-container-cart .s-tabs-active{background-color:var(--color-primary-light);--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-loyalty-program-panel-content{display:flex;flex-direction:column;justify-content:space-around}.s-loyalty-program-panel-content h1{font-size:1.25rem;line-height:1.75rem;font-weight:700}.s-loyalty-program-panel-content p{font-size:0.875rem;line-height:1.25rem;font-weight:400}.s-loyalty-program-points-wrapper{padding-left:1rem;padding-right:1rem}@media (min-width: 768px){.s-loyalty-program-points-wrapper{margin-left:1.25rem;margin-right:1.25rem}}.s-loyalty-program-points-section{border-radius:1rem;--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1.25rem}@media (min-width: 1024px){.s-loyalty-program-points-section{padding:4rem}}.s-loyalty-program-points-header{text-align:center}.s-loyalty-program-points-title{font-size:1.5rem;line-height:2.25rem;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-loyalty-program-points-description{margin-top:1rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-loyalty-program-points-spacer{height:2.5rem}.s-loyalty-program-points-list-one{margin-left:auto;margin-right:auto;max-width:80rem}.s-loyalty-program-points-list-two{margin-left:auto;margin-right:auto;display:grid;max-width:80rem;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1.25rem}.s-loyalty-program-points-list-multi{margin-left:auto;margin-right:auto;display:grid;max-width:80rem;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1.25rem}@media (min-width: 1024px){.s-loyalty-program-points-list-multi{grid-template-columns:repeat(3, minmax(0, 1fr))}}.s-loyalty-program-points-modal-header{display:flex;align-items:center;justify-content:space-between;border-top-left-radius:0.75rem;border-top-right-radius:0.75rem;padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}.s-loyalty-program-points-modal-info{width:100%;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.s-loyalty-program-points-modal-main{display:flex;flex-direction:column;align-items:center}.s-loyalty-program-points-modal-main>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))}.s-loyalty-program-points-modal-main{padding-top:3rem;padding-bottom:2rem}.s-loyalty-program-points-badge-points{font-weight:300}.s-loyalty-program-points-modal-details{width:100%;padding-left:1rem;padding-right:1rem}@media (min-width: 768px){.s-loyalty-program-points-modal-details{padding-left:3rem;padding-right:3rem}}.s-loyalty-program-point-subheading{margin-top:1rem;margin-bottom:1rem;width:100%;padding-left:1rem;padding-right:1rem}@media (min-width: 768px){.s-loyalty-program-point-subheading{padding-left:3rem;padding-right:3rem}}.s-loyalty-program-point-subheading h2{font-size:1.125rem;line-height:1.75rem;font-weight:700}.s-loyalty-program-point-subheading p{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-loyalty-program-points-modal-list{width:100%;padding-left:1rem;padding-right:1rem}@media (min-width: 768px){.s-loyalty-program-points-modal-list{padding-left:3rem;padding-right:3rem}}.s-loyalty-program-points-modal-list-wrapper{width:100%;border-radius:1rem;border-width:1px}.s-loyalty-program-points-modal-list-item{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity:1;border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity, 1));padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1.25rem;padding-right:1.25rem}.s-loyalty-program-points-modal-list-item:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.s-loyalty-program-points-modal-list-item a{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1));text-decoration-line:underline}.s-loyalty-program-points-chains-wrapper{width:100%;border-radius:1rem;border-width:1px;padding:1.25rem}.s-loyalty-program-points-modal-action{width:100%;border-top-width:1px;--tw-border-opacity:1;border-top-color:rgb(243 244 246 / var(--tw-border-opacity, 1));padding-left:3rem;padding-right:3rem;padding-top:1.25rem;padding-bottom:1.25rem;text-align:center}.s-loyalty-program-points-modal-action a{margin-top:0px;padding-left:6rem;padding-right:6rem}.s-loyalty-program-points-action{margin-left:auto;margin-right:auto;margin-top:0.5rem;display:block;max-width:max-content;white-space:nowrap;border-radius:0.375rem;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.25rem;padding-bottom:0.25rem;font-weight:500}@media (min-width: 768px){.s-loyalty-program-points-action{padding-left:2rem;padding-right:2rem}}.s-loyalty-program-points-action-completed{--tw-bg-opacity:1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(236 253 245 / var(--tw-text-opacity, 1))}.s-loyalty-program-points-more-button{margin-left:auto;margin-right:auto;display:block;width:100%;max-width:20rem;border-radius:0.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1));padding-top:0.5rem;padding-bottom:0.5rem;font-weight:400;--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.s-loyalty-program-points-chain-list{margin:0px;list-style-type:none}.s-loyalty-program-points-chain-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.s-loyalty-program-points-chain-list{padding:0px}.s-loyalty-program-points-chain-item{display:flex}.s-loyalty-program-points-chain-item>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.s-loyalty-program-points-chain-item:last-child{margin-bottom:0px}.s-loyalty-program-points-chain-item:where([dir="rtl"],[dir="rtl"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-loyalty-program-points-chain-item-wrapper{display:flex;width:2.5rem;flex-shrink:0;flex-direction:column;align-items:center}.s-loyalty-program-points-chain-icon{display:flex;width:2.5rem;flex-shrink:0;flex-direction:column;align-items:center}.s-loyalty-program-points-chain-line{margin-top:0.625rem;margin-bottom:0.625rem;height:2.25rem;border-width:1px;border-style:dashed;--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.s-loyalty-program-points-chain-content{display:block}.s-loyalty-program-points-chain-description{margin-top:0.5rem}.s-loyalty-program-points-completed-note{padding-top:0.5rem;font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-loyalty-program-points-badge-desktop{margin-top:0.5rem;display:none}@media (min-width: 768px){.s-loyalty-program-points-badge-desktop{display:block}}.s-loyalty-program-points-badge-mobile{margin-top:0.5rem;font-size:0.75rem;line-height:1rem;font-weight:300}@media (min-width: 768px){.s-loyalty-program-points-badge-mobile{display:none}}.s-loyalty-program-point-wrapper{display:flex;flex-direction:column;align-items:center;overflow:hidden;border-radius:1.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-top:1rem;padding-bottom:1rem;padding-left:0.5rem;padding-right:0.5rem}@media (min-width: 768px){.s-loyalty-program-point-wrapper{padding:1.5rem;padding-bottom:2rem}}.s-loyalty-program-point-icon-container{margin-left:auto;margin-right:auto;display:flex;height:3.5rem;width:3.5rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.s-loyalty-program-point-description{margin-top:0.5rem;white-space:nowrap;font-weight:700}.s-loyalty-program-point-details-branches{padding:1rem;font-size:1rem;line-height:1.5rem}.s-loyalty-program-point-details-branches h2{font-size:1rem;line-height:1.5rem;font-weight:700}.s-loyalty-program-point-details-branches p{font-size:0.875rem;line-height:1.25rem;line-height:2;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-loyalty-program-profile-container{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:1rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left:1.5rem;padding-right:1.5rem;padding-top:1.25rem;padding-bottom:1.25rem}.s-loyalty-program-profile-points-section{margin-top:0.25rem}.s-loyalty-program-profile-label{font-size:0.75rem;line-height:1rem;font-weight:400}.s-loyalty-program-profile-points{font-size:1.125rem;line-height:1.75rem;color:var(--color-primary-dark)}.s-loyalty-program-profile-points-value{font-size:1.25rem;line-height:1.75rem;font-weight:700}.s-loyalty-program-profile-icon{display:grid;height:3rem;width:3rem;place-items:center;border-radius:9999px;background-color:var(--color-primary-light);font-size:1.125rem;line-height:1.75rem;color:var(--color-primary-reverse)}.s-loyalty-program-profile-icon svg{height:1.25rem;width:1.25rem;fill:currentColor}.s-loyalty-program-circle-base{margin-left:auto;margin-right:auto;display:grid;place-items:center;border-radius:9999px}.s-loyalty-program-circle-size-xs{height:2rem;min-height:2rem;width:2rem}.s-loyalty-program-circle-size-xs svg{height:0.875rem;width:0.875rem}.s-loyalty-program-circle-size-sm{height:3.5rem;min-height:3.5rem;width:3.5rem;font-size:1.25rem;line-height:1.75rem}.s-loyalty-program-circle-size-md{height:4rem;min-height:4rem;width:4rem}.s-loyalty-program-circle-size-lg{height:5rem;min-height:5rem;width:5rem}.s-loyalty-program-circle-size-xl{height:4rem;width:4rem;font-size:1.5rem;line-height:2rem}@media (min-width: 768px){.s-loyalty-program-circle-size-xl{height:5rem;width:5rem}}.s-loyalty-program-circle-variant-fill{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.s-loyalty-program-circle-variant-outline{border-width:1px;--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.s-loyalty-program-circle-variant-outline-primary{border-width:1px;border-color:var(--color-primary);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));color:var(--color-primary)}.s-loyalty-program-back-btn{display:inline-flex;flex-shrink:0;cursor:pointer;align-items:center;border-width:0px;background-color:transparent;padding:0.25rem}.s-loyalty-program-back-btn span{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.s-loyalty-program-back-btn span:where([dir="ltr"],[dir="ltr"] *){padding-right:1rem}.s-loyalty-program-back-btn span:where([dir="rtl"],[dir="rtl"] *){padding-left:1rem}.s-loyalty-program-reward-details-header{margin:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}@media (min-width: 768px){.s-loyalty-program-reward-details-header{margin:3rem}}.s-loyalty-program-aspect-container{position:relative;margin-left:auto;margin-right:auto;height:10rem;width:100%;overflow:hidden;border-radius:0.75rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}@media (min-width: 768px){.s-loyalty-program-aspect-container{height:12rem}}.s-loyalty-program-aspect-container img{position:absolute;top:0px;left:0px;height:100%;width:100%;object-fit:cover}.s-loyalty-program-terms-and-conditions{margin-left:1rem;margin-right:1rem;border-radius:1rem;border-width:1px;padding:1rem;padding-bottom:0px}@media (min-width: 768px){.s-loyalty-program-terms-and-conditions{margin-left:2rem;margin-right:2rem}}.s-loyalty-program-terms-and-conditions-heading{font-size:0.875rem;line-height:1.25rem;font-weight:700}.s-loyalty-program-terms-and-conditions-list{margin-top:0.5rem}.s-loyalty-program-terms-and-conditions-list>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.s-loyalty-program-terms-and-conditions-item{display:flex;justify-content:space-between;padding-top:1rem;padding-bottom:1rem}.s-loyalty-program-terms-and-conditions-content{font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-loyalty-program-reward-info-message{margin-left:2rem;margin-right:2rem;margin-top:2.5rem;margin-bottom:1rem}.s-loyalty-program-reward-info-message>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}@media (min-width: 768px){.s-loyalty-program-reward-info-message{margin-left:3rem;margin-right:3rem}}.s-loyalty-program-reward-info-message-heading{font-size:0.875rem;line-height:1.25rem;font-weight:700}.s-loyalty-program-reward-info-message-content{font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-loyalty-program-reward-details .s-tabs-header{margin-top:0.5rem;margin-bottom:0.5rem;margin-left:1rem;margin-right:1rem;display:flex}.s-loyalty-program-reward-details .s-tabs-header>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}.s-loyalty-program-reward-details .s-tabs-header{border-style:none}@media (min-width: 768px){.s-loyalty-program-reward-details .s-tabs-header{margin-left:3rem;margin-right:3rem}}.s-loyalty-program-reward-details .s-tabs-header:where([dir="rtl"],[dir="rtl"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-loyalty-program-reward-details .s-tabs-header-item{display:flex;width:max-content;align-items:center}.s-loyalty-program-reward-details .s-tabs-header-item>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}.s-loyalty-program-reward-details .s-tabs-header-item{border-radius:9999px;padding-top:0.25rem;padding-bottom:0.25rem;padding-left:1rem;padding-right:1rem}.s-loyalty-program-reward-details .s-tabs-header-item:where([dir="rtl"],[dir="rtl"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-loyalty-program-reward-details .s-tabs-bg-normal{background-color:transparent;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-loyalty-program-reward-details .s-tabs-active{background-color:var(--color-primary-light);font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-loyalty-program-reward-details .s-tabs-header-item span{font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.s-loyalty-program-reward-details-tab-icon svg{height:1rem;width:1rem;fill:currentColor}.s-loyalty-program-reward-details-items-wrapper>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.s-loyalty-program-reward-details-categories-wrapper{margin-left:1rem;margin-right:1rem;padding-bottom:1.5rem}@media (min-width: 768px){.s-loyalty-program-reward-details-categories-wrapper{margin-left:3rem;margin-right:3rem}}.s-loyalty-program-reward-details-categories{border-radius:1rem;border-width:1px;padding:1rem;padding-bottom:0.5rem}.s-loyalty-program-reward-details-categories-heading{font-size:0.875rem;line-height:1.25rem;font-weight:700}.s-loyalty-program-reward-details-categories-list{margin-top:0.5rem;display:flex;flex-wrap:wrap;gap:0.5rem}.s-loyalty-program-reward-details-categories-list>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.s-loyalty-program-reward-details-categories-list:where([dir="rtl"],[dir="rtl"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-loyalty-program-reward-details-categories-item{display:flex;width:max-content;align-items:center}.s-loyalty-program-reward-details-categories-item>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.25rem * var(--tw-space-x-reverse));margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))}.s-loyalty-program-reward-details-categories-item{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.s-loyalty-program-reward-details-categories-item:hover{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1));text-decoration-line:underline}.s-loyalty-program-reward-details-categories-item:where([dir="rtl"],[dir="rtl"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-loyalty-program-reward-details-categories-item svg{height:0.75rem;width:0.75rem;fill:currentColor}.s-loyalty-program-reward-details-categories-item-content{font-size:0.75rem;line-height:1rem}.s-loyalty-program-reward-details-items-brands{margin-left:1rem;margin-right:1rem;padding-top:1.5rem;padding-bottom:1.5rem}@media (min-width: 768px){.s-loyalty-program-reward-details-items-brands{margin-left:3rem;margin-right:3rem}}.s-loyalty-program-reward-details-items-brands>div{border-radius:1rem;border-width:1px;padding-top:1rem;padding-bottom:1rem}.s-loyalty-program-reward-details-items-brands>div h2{padding-left:1rem;padding-right:1rem;font-size:0.875rem;line-height:1.25rem;font-weight:700}.s-loyalty-program-reward-details-items-brands>div salla-slider{margin-top:0.75rem;padding-left:1rem;padding-right:1rem}.s-loyalty-program-rewards-container .swiper-wrapper{padding-bottom:1.25rem}.s-loyalty-program-reward-brand-item{height:6rem;width:6rem;overflow:hidden;border-radius:0.5rem;border-width:1px}.s-loyalty-program-reward-brand-item img{height:100%;width:100%;object-fit:cover}.s-loyalty-program-reward-details-items-products{margin-left:1rem;margin-right:1rem;padding-top:1.5rem;padding-bottom:1.5rem}@media (min-width: 768px){.s-loyalty-program-reward-details-items-products{margin-left:3rem;margin-right:3rem}}.s-loyalty-program-reward-details-items-products salla-products-slider{margin-bottom:0px;margin-top:0.75rem;display:block}.s-loyalty-program-reward-details-items-products h2{font-size:0.875rem;line-height:1.25rem;font-weight:700}.s-loyalty-program-reward-details-products-grid{margin-top:0.75rem;display:flex;flex-wrap:wrap;gap:1rem}@media (min-width: 768px){.s-loyalty-program-slider-arrows .s-slider-v-centered .s-slider-block__title-nav{display:none}}.s-loyalty-program-slider-arrows-edges .s-slider-v-centered .s-slider-block__title-nav{width:100%}@media (min-width: 768px){.s-loyalty-program-slider-arrows-edges .s-slider-v-centered .s-slider-block__title-nav{display:none}}.s-loyalty-program-slider-arrows .s-slider-v-centered .swiper-button-disabled{visibility:hidden}.s-loyalty-program-slider-arrows-edges .s-slider-v-centered .swiper-button-disabled{visibility:hidden}.s-loyalty-program-tabs-hider .s-tabs-header{border-style:none}.s-loyalty-program-tabs-hider salla-tab-header{display:none}.s-loyalty-program-banner-container{margin-top:1rem;margin-bottom:1rem;display:flex;width:100%;align-items:center;justify-content:space-between;border-radius:0.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.25rem}.s-loyalty-program-banner-container>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0.5rem}.s-loyalty-program-banner-container-banner-title{font-size:1rem;line-height:1.5rem;font-weight:700;--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.s-loyalty-program-banner-container-banner-subtitle{font-size:0.75rem;line-height:1rem;font-weight:400;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-loyalty-program-banner-container button{display:flex;width:max-content;align-items:center}.s-loyalty-program-banner-container button>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}.s-loyalty-program-banner-container button{white-space:nowrap;border-radius:0.375rem;border-width:1px;border-color:var(--color-primary);padding-left:0.75rem;padding-right:0.75rem;padding-top:0.25rem;padding-bottom:0.25rem;color:var(--color-primary)}.s-loyalty-program-banner-container button:where([dir="rtl"],[dir="rtl"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-loyalty-program-banner-container button svg{height:1rem;width:1rem;fill:currentColor}.s-loyalty-program-modal-scrollable-content{padding-bottom:2.5rem}@media (min-width: 768px){.s-loyalty-program-modal-scrollable-content{max-height:100vh;overflow-y:auto}}.s-loyalty-program-exchange-heading{display:flex;flex-direction:column;align-items:center}.s-loyalty-program-exchange-heading>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))}.s-loyalty-program-exchange-heading{padding-top:1rem;padding-bottom:1rem}.s-loyalty-program-exchange-heading h2{margin-top:1.5rem}.s-loyalty-program-exchange-btns{margin-left:auto;margin-right:auto;display:flex;width:100%;max-width:24rem;gap:1rem}.s-loyalty-program-exchange-loading{position:absolute;top:50%;left:50%}.s-loyalty-program-panel-exchange-wrapper{margin-bottom:1.25rem;border-radius:0.375rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.75rem;--tw-shadow:5px 10px 30px #2B2D340D;--tw-shadow-colored:5px 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}@media (min-width: 480px){.s-loyalty-program-panel-exchange-wrapper{padding:1.75rem}}.s-loyalty-program-after-exchange .s-list-tile-item{position:relative;justify-content:space-between;overflow:hidden;border-radius:var(--s-radius, 0.25rem);background-color:var(--color-primary);padding-top:0.75rem;padding-bottom:0.75rem}.s-loyalty-program-after-exchange .s-list-tile-item .s-list-tile-item-title{font-size:0.875rem;line-height:1.25rem}.s-loyalty-program-after-exchange-title{font-size:0.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.s-loyalty-program-after-exchange-reset{height:1.5rem}.s-loyalty-program-after-exchange-reset button{--tw-border-opacity:1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1));font-size:0.875rem;line-height:1.25rem}.s-loyalty-program-after-exchange-reset button span{display:flex;--tw-scale-x:.75;--tw-scale-y:.75;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;justify-content:center}.s-loyalty-program-after-exchange-reset button svg{height:1.5rem;width:1.5rem;fill:#f87171}.s-loyalty-program-after-exchange-reset button:hover svg{fill:#fff}.s-loyalty-program-after-exchange-action{display:flex;align-items:center;justify-content:center}.s-loyalty-program-panel-widget .s-list-tile-item{padding:0px !important}.s-loyalty-program-panel-widget-icon{display:flex;height:4rem;width:4rem;align-items:center;justify-content:center;border-radius:9999px;background-color:var(--color-primary)}.s-loyalty-program-panel-widget-icon>svg{width:1.5rem;fill:#fff}.s-loyalty-program-rewards-tab-icon svg{height:1.25rem;width:1.25rem;fill:currentColor}';export{a as salla_loyalty_exchange_product_card}
|
|
4
|
+
import{r,c as t,h as e}from"./p-DvJClBwJ.js";const a=class{constructor(e){r(this,e),this.loyaltyProductExchange=t(this,"loyaltyProductExchange")}componentWillLoad(){this.hasCustomCard=!!customElements.get("custom-salla-product-card")}render(){const r="string"==typeof this.product?JSON.parse(this.product):this.product;return e("div",{key:"21e67765b725b3df78a191f3e2e722818288efe6",class:"s-loyalty-exchange-card"},this.hasCustomCard?e("custom-salla-product-card",{product:r,hideAddBtn:!0}):e("salla-product-card",{"hide-add-btn":!0,product:r}),e("div",{key:"8848d809767d6b708424a66d532d9c37b6e9c012",class:"s-loyalty-exchange-card-btn"},e("salla-button",{key:"9d23449b4c39ed4d4409e1bccd22cea0ff7f6f09",fill:"outline",width:"wide",onClick:()=>this.loyaltyProductExchange.emit({productId:r.id})},salla.lang.get("pages.loyalty_program.redeem_reward"))))}};a.style='/*!twlt*/@media (max-width: 639px){.s-loyalty-program-modal .s-modal-body{position:relative !important;left:unset !important;bottom:unset !important;max-height:100dvh;overflow-y:auto !important}}.s-loyalty-exchange-card salla-product-card .s-product-card-image,.s-loyalty-exchange-card custom-salla-product-card .s-product-card-image{flex:none;aspect-ratio:1;overflow:hidden}.s-loyalty-exchange-card-btn{padding:0 1.25rem 1.25rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid>*{flex:1 1 100%;min-width:0;touch-action:pan-y}@media (min-width: 640px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 1rem) / 2)}}@media (min-width: 768px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 2rem) / 3)}}.s-loyalty-program-reward-details-products-grid>*:only-child{max-width:320px;margin-inline:auto}.s-loyalty-program-reward-details-products-grid:has(>*:nth-child(3))>*{flex-grow:0}.mb-5{margin-bottom:1.25rem}.mt-5{margin-top:1.25rem}.block{display:block}.p-4{padding:1rem}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.s-loyalty-program-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.625rem * var(--tw-space-y-reverse))}.s-loyalty-program-container{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}@media (min-width: 768px){.s-loyalty-program-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}}.s-loyalty-program-login-action{margin-left:auto;margin-right:auto;display:block;width:16rem;border-radius:0.375rem;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem}.s-loyalty-program-login-action-dark{background-color:var(--color-primary-dark);--tw-text-opacity:1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.s-loyalty-program-login-action-light{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-loyalty-program-outline-section{padding-top:5rem;padding-bottom:4rem}.s-loyalty-program-profile-wrapper{margin-left:auto;margin-right:auto;max-width:56rem;--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.s-loyalty-program-item{padding:2rem;text-align:center}.s-loyalty-program-content{position:relative}.s-loyalty-program-icon-container{position:relative}.s-loyalty-program-icon{position:absolute;bottom:0px;right:50%;margin-right:-0.5rem;--tw-translate-x:50%;--tw-scale-x:1.5;--tw-scale-y:1.5;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:1.5rem;line-height:2rem;--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.s-loyalty-program-icon svg{height:1.5rem;width:1.5rem;fill:currentColor}.s-loyalty-program-title{margin-top:1rem;font-size:1.125rem;font-weight:700;line-height:3rem;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-loyalty-program-description{font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-loyalty-program-section{margin-left:auto;margin-right:auto;max-width:100%;padding-left:1.25rem;padding-right:1.25rem}.s-loyalty-program-header{text-align:center}.s-loyalty-program-main-title{font-size:1.5rem;line-height:3rem;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-loyalty-program-subtitle{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-loyalty-program-list{margin-left:auto;margin-right:auto;margin-top:2rem;display:grid;max-width:80rem;grid-template-columns:repeat(1, minmax(0, 1fr));gap:1rem}@media (min-width: 768px){.s-loyalty-program-list{grid-template-columns:repeat(3, minmax(0, 1fr));gap:7rem}}.s-loyalty-program-hero-container{position:relative}.s-loyalty-program-hero-background{position:relative;display:grid;min-height:20rem;width:100%;place-items:center;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));background-color:var(--color-primary-light);background-size:cover;background-position:center;background-repeat:no-repeat;padding-left:1.25rem;padding-right:1.25rem;padding-top:4rem;padding-bottom:4rem}.s-loyalty-program-text-gradient{background-image:linear-gradient(to top, var(--tw-gradient-stops));--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:#d1d5db var(--tw-gradient-to-position);background-clip:text;font-size:6rem;line-height:1;font-weight:700;color:transparent;opacity:0.7}.s-loyalty-program-points-action-incomplete{display:block;background-color:var(--color-primary-light);--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-loyalty-program-hero-overlay{position:absolute;inset:0px;--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));opacity:0.5}.s-loyalty-program-hero-content{z-index:10}.s-loyalty-program-hero-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.s-loyalty-program-hero-content{text-align:center}.s-loyalty-program-hero-title{margin-bottom:1rem;font-size:1.875rem;line-height:2.25rem;font-weight:600;line-height:1.25}@media (min-width: 768px){.s-loyalty-program-hero-title{font-size:3rem;line-height:1}}.s-loyalty-program-hero-description{margin-left:auto;margin-right:auto;max-width:24rem;font-size:1rem;font-weight:300;line-height:1.5rem}@media (min-width: 768px){.s-loyalty-program-hero-description{max-width:36rem}}.s-loyalty-program-hero-footer{position:absolute;width:100%;padding-left:1.25rem;padding-right:1.25rem}.s-loyalty-program-hero-slot-container{bottom:0px;margin-left:auto;margin-right:auto;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-loyalty-program-hero-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-loyalty-program-hero-gray{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.s-loyalty-program-rewards-container{margin-left:auto;margin-right:auto;max-width:80rem;--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}@media (min-width: 640px){.s-loyalty-program-rewards-container{padding-left:2.5rem;padding-right:2.5rem}}@media (min-width: 768px){.s-loyalty-program-rewards-container{margin-top:1.5rem}}@media (min-width: 1536px){.s-loyalty-program-rewards-container{padding-left:0px;padding-right:0px}}.s-loyalty-program-rewards-heading-mobile{margin-left:auto;margin-right:auto;margin-top:1.5rem;margin-bottom:1.5rem;width:max-content;font-size:1.875rem;line-height:3rem;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.s-loyalty-program-rewards-heading-mobile{display:none}}.s-loyalty-program-rewards-heading-desktop{display:none;font-size:1.875rem;line-height:3rem;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.s-loyalty-program-rewards-heading-desktop{display:block}}.s-loyalty-program-rewards-tab-items{margin-top:0px;margin-bottom:0px;display:flex;padding-left:1rem;padding-right:1rem}@media (min-width: 768px){.s-loyalty-program-rewards-tab-items{margin-top:0.5rem;margin-bottom:0.5rem;padding-left:0px;padding-right:0px}}.s-loyalty-program-rewards-container salla-tab-content{padding-left:1rem;padding-right:1rem}@media (min-width: 768px){.s-loyalty-program-rewards-container salla-tab-content{padding-left:0px;padding-right:0px}}.s-loyalty-program-rewards-container .s-tabs-content-wrapper{padding:0px}@media (min-width: 768px){.s-loyalty-program-rewards-container .s-tabs-content-wrapper{padding-top:1rem}}.s-loyalty-program-rewards-container .swiper{padding-left:1rem;padding-right:1rem}@media (min-width: 768px){.s-loyalty-program-rewards-container .swiper{padding-left:0px;padding-right:0px}}.s-loyalty-program-rewards-action-base{margin-left:auto;margin-right:auto;display:block;width:100%;max-width:24rem;border-radius:0.375rem;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;text-align:center;font-size:0.75rem;line-height:1rem}@media (min-width: 768px){.s-loyalty-program-rewards-action-base{font-size:0.875rem;line-height:1.25rem}}.s-loyalty-program-rewards-action-on{background-color:var(--color-primary-light);--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-loyalty-program-rewards-action-off{cursor:not-allowed;--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-loyalty-program-rewards-action-confirm{position:relative;display:block;background-color:var(--color-primary);color:var(--color-primary-reverse)}.s-loyalty-program-rewards-action-cancel{border-width:1px;--tw-border-opacity:1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1));background-image:none;--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.s-loyalty-program-rewards-img{height:100%;width:100%;object-fit:cover}.s-loyalty-program-rewards-points{font-weight:300}.s-loyalty-program-rewards-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-loyalty-program-rewards-modal-action{width:100%;border-top-width:1px;--tw-border-opacity:1;border-top-color:rgb(243 244 246 / var(--tw-border-opacity, 1));padding-left:3rem;padding-right:3rem;padding-top:1.25rem;padding-bottom:1.25rem;text-align:center}.s-loyalty-program-reward-container{overflow:hidden;border-radius:0.75rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.s-loyalty-program-reward-xs{width:11rem}.s-loyalty-program-reward-host{width:11rem}@media (min-width: 768px){.s-loyalty-program-reward-host{width:auto}}.s-loyalty-program-reward-img{height:9rem;width:100%}@media (min-width: 768px){.s-loyalty-program-reward-img{height:12rem}}.s-loyalty-program-reward-content{padding:0.5rem}@media (min-width: 768px){.s-loyalty-program-reward-content{padding:1rem}}.s-loyalty-program-reward-points{font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.s-loyalty-program-reward-title{margin-top:0.75rem;font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-loyalty-program-reward-name{margin-top:0.25rem;font-size:0.875rem;line-height:1.25rem;font-weight:500}@media (min-width: 768px){.s-loyalty-program-reward-name{font-size:1.125rem;line-height:1.75rem}}.s-loyalty-program-rewards-container .s-tabs-header{display:flex;align-items:center;justify-content:space-between;border-style:none}.s-loyalty-program-rewards-container .s-tabs-header div{order:1}.s-loyalty-program-rewards-container .s-tabs-header-item{position:relative;margin:0px;display:flex;width:max-content;align-items:center;justify-content:center;gap:0.5rem;border-radius:0.5rem;background-color:transparent;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.s-loyalty-program-rewards-container .s-tabs-bg-normal{background-color:transparent;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-loyalty-program-rewards-container-cart .s-tabs-bg-normal{background-color:transparent;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-loyalty-program-rewards-container-cart .s-tabs-header-item{display:flex;width:max-content;align-items:center;justify-content:center;gap:0.5rem;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem;font-size:0.875rem;line-height:1.25rem}.s-loyalty-program-rewards-container-cart .s-tabs-content-wrapper{padding:0px}.s-loyalty-program-rewards-container-cart .s-tabs-header{overflow-x:auto;border-bottom-width:1px;border-color:var(--color-primary-light);padding-left:1.25rem;padding-right:1.25rem}@media (min-width: 640px){.s-loyalty-program-rewards-container-cart .s-tabs-header{margin-left:1.25rem;margin-right:1.25rem;padding-left:0px;padding-right:0px}}.s-loyalty-program-rewards-container-cart .swiper{padding:1.25rem}.s-loyalty-program-rewards-cart-header{margin-top:2.5rem;margin-bottom:2.5rem;margin-left:0px;margin-right:0px;display:flex;gap:1rem;padding-top:0px;padding-bottom:0px;padding-left:1.25rem;padding-right:1.25rem}.s-loyalty-program-rewards-container-cart .s-slider-block__title-nav{width:100%}.s-loyalty-program-rewards-container .s-tabs-active{background-color:var(--color-primary-light);--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-loyalty-program-rewards-container-cart .s-tabs-active{background-color:var(--color-primary-light);--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-loyalty-program-panel-content{display:flex;flex-direction:column;justify-content:space-around}.s-loyalty-program-panel-content h1{font-size:1.25rem;line-height:1.75rem;font-weight:700}.s-loyalty-program-panel-content p{font-size:0.875rem;line-height:1.25rem;font-weight:400}.s-loyalty-program-points-wrapper{padding-left:1rem;padding-right:1rem}@media (min-width: 768px){.s-loyalty-program-points-wrapper{margin-left:1.25rem;margin-right:1.25rem}}.s-loyalty-program-points-section{border-radius:1rem;--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1.25rem}@media (min-width: 1024px){.s-loyalty-program-points-section{padding:4rem}}.s-loyalty-program-points-header{text-align:center}.s-loyalty-program-points-title{font-size:1.5rem;line-height:2.25rem;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-loyalty-program-points-description{margin-top:1rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-loyalty-program-points-spacer{height:2.5rem}.s-loyalty-program-points-list-one{margin-left:auto;margin-right:auto;max-width:80rem}.s-loyalty-program-points-list-two{margin-left:auto;margin-right:auto;display:grid;max-width:80rem;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1.25rem}.s-loyalty-program-points-list-multi{margin-left:auto;margin-right:auto;display:grid;max-width:80rem;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1.25rem}@media (min-width: 1024px){.s-loyalty-program-points-list-multi{grid-template-columns:repeat(3, minmax(0, 1fr))}}.s-loyalty-program-points-modal-header{display:flex;align-items:center;justify-content:space-between;border-top-left-radius:0.75rem;border-top-right-radius:0.75rem;padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}.s-loyalty-program-points-modal-info{width:100%;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.s-loyalty-program-points-modal-main{display:flex;flex-direction:column;align-items:center}.s-loyalty-program-points-modal-main>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))}.s-loyalty-program-points-modal-main{padding-top:3rem;padding-bottom:2rem}.s-loyalty-program-points-badge-points{font-weight:300}.s-loyalty-program-points-modal-details{width:100%;padding-left:1rem;padding-right:1rem}@media (min-width: 768px){.s-loyalty-program-points-modal-details{padding-left:3rem;padding-right:3rem}}.s-loyalty-program-point-subheading{margin-top:1rem;margin-bottom:1rem;width:100%;padding-left:1rem;padding-right:1rem}@media (min-width: 768px){.s-loyalty-program-point-subheading{padding-left:3rem;padding-right:3rem}}.s-loyalty-program-point-subheading h2{font-size:1.125rem;line-height:1.75rem;font-weight:700}.s-loyalty-program-point-subheading p{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-loyalty-program-points-modal-list{width:100%;padding-left:1rem;padding-right:1rem}@media (min-width: 768px){.s-loyalty-program-points-modal-list{padding-left:3rem;padding-right:3rem}}.s-loyalty-program-points-modal-list-wrapper{width:100%;border-radius:1rem;border-width:1px}.s-loyalty-program-points-modal-list-item{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity:1;border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity, 1));padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1.25rem;padding-right:1.25rem}.s-loyalty-program-points-modal-list-item:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.s-loyalty-program-points-modal-list-item a{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1));text-decoration-line:underline}.s-loyalty-program-points-chains-wrapper{width:100%;border-radius:1rem;border-width:1px;padding:1.25rem}.s-loyalty-program-points-modal-action{width:100%;border-top-width:1px;--tw-border-opacity:1;border-top-color:rgb(243 244 246 / var(--tw-border-opacity, 1));padding-left:3rem;padding-right:3rem;padding-top:1.25rem;padding-bottom:1.25rem;text-align:center}.s-loyalty-program-points-modal-action a{margin-top:0px;padding-left:6rem;padding-right:6rem}.s-loyalty-program-points-action{margin-left:auto;margin-right:auto;margin-top:0.5rem;display:block;max-width:max-content;white-space:nowrap;border-radius:0.375rem;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.25rem;padding-bottom:0.25rem;font-weight:500}@media (min-width: 768px){.s-loyalty-program-points-action{padding-left:2rem;padding-right:2rem}}.s-loyalty-program-points-action-completed{--tw-bg-opacity:1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(236 253 245 / var(--tw-text-opacity, 1))}.s-loyalty-program-points-more-button{margin-left:auto;margin-right:auto;display:block;width:100%;max-width:20rem;border-radius:0.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1));padding-top:0.5rem;padding-bottom:0.5rem;font-weight:400;--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.s-loyalty-program-points-chain-list{margin:0px;list-style-type:none}.s-loyalty-program-points-chain-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.s-loyalty-program-points-chain-list{padding:0px}.s-loyalty-program-points-chain-item{display:flex}.s-loyalty-program-points-chain-item>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.s-loyalty-program-points-chain-item:last-child{margin-bottom:0px}.s-loyalty-program-points-chain-item:where([dir="rtl"],[dir="rtl"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-loyalty-program-points-chain-item-wrapper{display:flex;width:2.5rem;flex-shrink:0;flex-direction:column;align-items:center}.s-loyalty-program-points-chain-icon{display:flex;width:2.5rem;flex-shrink:0;flex-direction:column;align-items:center}.s-loyalty-program-points-chain-line{margin-top:0.625rem;margin-bottom:0.625rem;height:2.25rem;border-width:1px;border-style:dashed;--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.s-loyalty-program-points-chain-content{display:block}.s-loyalty-program-points-chain-description{margin-top:0.5rem}.s-loyalty-program-points-completed-note{padding-top:0.5rem;font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-loyalty-program-points-badge-desktop{margin-top:0.5rem;display:none}@media (min-width: 768px){.s-loyalty-program-points-badge-desktop{display:block}}.s-loyalty-program-points-badge-mobile{margin-top:0.5rem;font-size:0.75rem;line-height:1rem;font-weight:300}@media (min-width: 768px){.s-loyalty-program-points-badge-mobile{display:none}}.s-loyalty-program-point-wrapper{display:flex;flex-direction:column;align-items:center;overflow:hidden;border-radius:1.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-top:1rem;padding-bottom:1rem;padding-left:0.5rem;padding-right:0.5rem}@media (min-width: 768px){.s-loyalty-program-point-wrapper{padding:1.5rem;padding-bottom:2rem}}.s-loyalty-program-point-icon-container{margin-left:auto;margin-right:auto;display:flex;height:3.5rem;width:3.5rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.s-loyalty-program-point-description{margin-top:0.5rem;white-space:nowrap;font-weight:700}.s-loyalty-program-point-details-branches{padding:1rem;font-size:1rem;line-height:1.5rem}.s-loyalty-program-point-details-branches h2{font-size:1rem;line-height:1.5rem;font-weight:700}.s-loyalty-program-point-details-branches p{font-size:0.875rem;line-height:1.25rem;line-height:2;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-loyalty-program-profile-container{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:1rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left:1.5rem;padding-right:1.5rem;padding-top:1.25rem;padding-bottom:1.25rem}.s-loyalty-program-profile-points-section{margin-top:0.25rem}.s-loyalty-program-profile-label{font-size:0.75rem;line-height:1rem;font-weight:400}.s-loyalty-program-profile-points{font-size:1.125rem;line-height:1.75rem;color:var(--color-primary-dark)}.s-loyalty-program-profile-points-value{font-size:1.25rem;line-height:1.75rem;font-weight:700}.s-loyalty-program-profile-icon{display:grid;height:3rem;width:3rem;place-items:center;border-radius:9999px;background-color:var(--color-primary-light);font-size:1.125rem;line-height:1.75rem;color:var(--color-primary-reverse)}.s-loyalty-program-profile-icon svg{height:1.25rem;width:1.25rem;fill:currentColor}.s-loyalty-program-circle-base{margin-left:auto;margin-right:auto;display:grid;place-items:center;border-radius:9999px}.s-loyalty-program-circle-size-xs{height:2rem;min-height:2rem;width:2rem}.s-loyalty-program-circle-size-xs svg{height:0.875rem;width:0.875rem}.s-loyalty-program-circle-size-sm{height:3.5rem;min-height:3.5rem;width:3.5rem;font-size:1.25rem;line-height:1.75rem}.s-loyalty-program-circle-size-md{height:4rem;min-height:4rem;width:4rem}.s-loyalty-program-circle-size-lg{height:5rem;min-height:5rem;width:5rem}.s-loyalty-program-circle-size-xl{height:4rem;width:4rem;font-size:1.5rem;line-height:2rem}@media (min-width: 768px){.s-loyalty-program-circle-size-xl{height:5rem;width:5rem}}.s-loyalty-program-circle-variant-fill{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.s-loyalty-program-circle-variant-outline{border-width:1px;--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.s-loyalty-program-circle-variant-outline-primary{border-width:1px;border-color:var(--color-primary);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));color:var(--color-primary)}.s-loyalty-program-back-btn{display:inline-flex;flex-shrink:0;cursor:pointer;align-items:center;border-width:0px;background-color:transparent;padding:0.25rem}.s-loyalty-program-back-btn span{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.s-loyalty-program-back-btn span:where([dir="ltr"],[dir="ltr"] *){padding-right:1rem}.s-loyalty-program-back-btn span:where([dir="rtl"],[dir="rtl"] *){padding-left:1rem}.s-loyalty-program-reward-details-header{margin:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}@media (min-width: 768px){.s-loyalty-program-reward-details-header{margin:3rem}}.s-loyalty-program-aspect-container{position:relative;margin-left:auto;margin-right:auto;height:10rem;width:100%;overflow:hidden;border-radius:0.75rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}@media (min-width: 768px){.s-loyalty-program-aspect-container{height:12rem}}.s-loyalty-program-aspect-container img{position:absolute;top:0px;left:0px;height:100%;width:100%;object-fit:cover}.s-loyalty-program-terms-and-conditions{margin-left:1rem;margin-right:1rem;border-radius:1rem;border-width:1px;padding:1rem;padding-bottom:0px}@media (min-width: 768px){.s-loyalty-program-terms-and-conditions{margin-left:2rem;margin-right:2rem}}.s-loyalty-program-terms-and-conditions-heading{font-size:0.875rem;line-height:1.25rem;font-weight:700}.s-loyalty-program-terms-and-conditions-list{margin-top:0.5rem}.s-loyalty-program-terms-and-conditions-list>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.s-loyalty-program-terms-and-conditions-item{display:flex;justify-content:space-between;padding-top:1rem;padding-bottom:1rem}.s-loyalty-program-terms-and-conditions-content{font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-loyalty-program-reward-info-message{margin-left:2rem;margin-right:2rem;margin-top:2.5rem;margin-bottom:1rem}.s-loyalty-program-reward-info-message>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}@media (min-width: 768px){.s-loyalty-program-reward-info-message{margin-left:3rem;margin-right:3rem}}.s-loyalty-program-reward-info-message-heading{font-size:0.875rem;line-height:1.25rem;font-weight:700}.s-loyalty-program-reward-info-message-content{font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-loyalty-program-reward-details .s-tabs-header{margin-top:0.5rem;margin-bottom:0.5rem;margin-left:1rem;margin-right:1rem;display:flex}.s-loyalty-program-reward-details .s-tabs-header>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}.s-loyalty-program-reward-details .s-tabs-header{border-style:none}@media (min-width: 768px){.s-loyalty-program-reward-details .s-tabs-header{margin-left:3rem;margin-right:3rem}}.s-loyalty-program-reward-details .s-tabs-header:where([dir="rtl"],[dir="rtl"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-loyalty-program-reward-details .s-tabs-header-item{display:flex;width:max-content;align-items:center}.s-loyalty-program-reward-details .s-tabs-header-item>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}.s-loyalty-program-reward-details .s-tabs-header-item{border-radius:9999px;padding-top:0.25rem;padding-bottom:0.25rem;padding-left:1rem;padding-right:1rem}.s-loyalty-program-reward-details .s-tabs-header-item:where([dir="rtl"],[dir="rtl"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-loyalty-program-reward-details .s-tabs-bg-normal{background-color:transparent;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-loyalty-program-reward-details .s-tabs-active{background-color:var(--color-primary-light);font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-loyalty-program-reward-details .s-tabs-header-item span{font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.s-loyalty-program-reward-details-tab-icon svg{height:1rem;width:1rem;fill:currentColor}.s-loyalty-program-reward-details-items-wrapper>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.s-loyalty-program-reward-details-categories-wrapper{margin-left:1rem;margin-right:1rem;padding-bottom:1.5rem}@media (min-width: 768px){.s-loyalty-program-reward-details-categories-wrapper{margin-left:3rem;margin-right:3rem}}.s-loyalty-program-reward-details-categories{border-radius:1rem;border-width:1px;padding:1rem;padding-bottom:0.5rem}.s-loyalty-program-reward-details-categories-heading{font-size:0.875rem;line-height:1.25rem;font-weight:700}.s-loyalty-program-reward-details-categories-list{margin-top:0.5rem;display:flex;flex-wrap:wrap;gap:0.5rem}.s-loyalty-program-reward-details-categories-list>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.s-loyalty-program-reward-details-categories-list:where([dir="rtl"],[dir="rtl"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-loyalty-program-reward-details-categories-item{display:flex;width:max-content;align-items:center}.s-loyalty-program-reward-details-categories-item>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.25rem * var(--tw-space-x-reverse));margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))}.s-loyalty-program-reward-details-categories-item{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.s-loyalty-program-reward-details-categories-item:hover{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1));text-decoration-line:underline}.s-loyalty-program-reward-details-categories-item:where([dir="rtl"],[dir="rtl"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-loyalty-program-reward-details-categories-item svg{height:0.75rem;width:0.75rem;fill:currentColor}.s-loyalty-program-reward-details-categories-item-content{font-size:0.75rem;line-height:1rem}.s-loyalty-program-reward-details-items-brands{margin-left:1rem;margin-right:1rem;padding-top:1.5rem;padding-bottom:1.5rem}@media (min-width: 768px){.s-loyalty-program-reward-details-items-brands{margin-left:3rem;margin-right:3rem}}.s-loyalty-program-reward-details-items-brands>div{border-radius:1rem;border-width:1px;padding-top:1rem;padding-bottom:1rem}.s-loyalty-program-reward-details-items-brands>div h2{padding-left:1rem;padding-right:1rem;font-size:0.875rem;line-height:1.25rem;font-weight:700}.s-loyalty-program-reward-details-items-brands>div salla-slider{margin-top:0.75rem;padding-left:1rem;padding-right:1rem}.s-loyalty-program-rewards-container .swiper-wrapper{padding-bottom:1.25rem}.s-loyalty-program-reward-brand-item{height:6rem;width:6rem;overflow:hidden;border-radius:0.5rem;border-width:1px}.s-loyalty-program-reward-brand-item img{height:100%;width:100%;object-fit:cover}.s-loyalty-program-reward-details-items-products{margin-left:1rem;margin-right:1rem;padding-top:1.5rem;padding-bottom:1.5rem}@media (min-width: 768px){.s-loyalty-program-reward-details-items-products{margin-left:3rem;margin-right:3rem}}.s-loyalty-program-reward-details-items-products salla-products-slider{margin-bottom:0px;margin-top:0.75rem;display:block}.s-loyalty-program-reward-details-items-products h2{font-size:0.875rem;line-height:1.25rem;font-weight:700}.s-loyalty-program-reward-details-products-grid{margin-top:0.75rem;display:flex;flex-wrap:wrap;gap:1rem}@media (min-width: 768px){.s-loyalty-program-slider-arrows .s-slider-v-centered .s-slider-block__title-nav{display:none}}.s-loyalty-program-slider-arrows-edges .s-slider-v-centered .s-slider-block__title-nav{width:100%}@media (min-width: 768px){.s-loyalty-program-slider-arrows-edges .s-slider-v-centered .s-slider-block__title-nav{display:none}}.s-loyalty-program-slider-arrows .s-slider-v-centered .swiper-button-disabled{visibility:hidden}.s-loyalty-program-slider-arrows-edges .s-slider-v-centered .swiper-button-disabled{visibility:hidden}.s-loyalty-program-tabs-hider .s-tabs-header{border-style:none}.s-loyalty-program-tabs-hider salla-tab-header{display:none}.s-loyalty-program-banner-container{margin-top:1rem;margin-bottom:1rem;display:flex;width:100%;align-items:center;justify-content:space-between;border-radius:0.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.25rem}.s-loyalty-program-banner-container>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0.5rem}.s-loyalty-program-banner-container-banner-title{font-size:1rem;line-height:1.5rem;font-weight:700;--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.s-loyalty-program-banner-container-banner-subtitle{font-size:0.75rem;line-height:1rem;font-weight:400;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-loyalty-program-banner-container button{display:flex;width:max-content;align-items:center}.s-loyalty-program-banner-container button>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}.s-loyalty-program-banner-container button{white-space:nowrap;border-radius:0.375rem;border-width:1px;border-color:var(--color-primary);padding-left:0.75rem;padding-right:0.75rem;padding-top:0.25rem;padding-bottom:0.25rem;color:var(--color-primary)}.s-loyalty-program-banner-container button:where([dir="rtl"],[dir="rtl"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-loyalty-program-banner-container button svg{height:1rem;width:1rem;fill:currentColor}.s-loyalty-program-modal-scrollable-content{padding-bottom:2.5rem}@media (min-width: 768px){.s-loyalty-program-modal-scrollable-content{max-height:100vh;overflow-y:auto}}.s-loyalty-program-exchange-heading{display:flex;flex-direction:column;align-items:center}.s-loyalty-program-exchange-heading>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))}.s-loyalty-program-exchange-heading{padding-top:1rem;padding-bottom:1rem}.s-loyalty-program-exchange-heading h2{margin-top:1.5rem}.s-loyalty-program-exchange-btns{margin-left:auto;margin-right:auto;display:flex;width:100%;max-width:24rem;gap:1rem}.s-loyalty-program-exchange-loading{position:absolute;top:50%;left:50%}.s-loyalty-program-panel-exchange-wrapper{margin-bottom:1.25rem;border-radius:0.375rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.75rem;--tw-shadow:5px 10px 30px #2B2D340D;--tw-shadow-colored:5px 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}@media (min-width: 480px){.s-loyalty-program-panel-exchange-wrapper{padding:1.75rem}}.s-loyalty-program-after-exchange .s-list-tile-item{position:relative;justify-content:space-between;overflow:hidden;border-radius:var(--s-radius, 0.25rem);background-color:var(--color-primary);padding-top:0.75rem;padding-bottom:0.75rem}.s-loyalty-program-after-exchange .s-list-tile-item .s-list-tile-item-title{font-size:0.875rem;line-height:1.25rem}.s-loyalty-program-after-exchange-title{font-size:0.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.s-loyalty-program-after-exchange-reset{height:1.5rem}.s-loyalty-program-after-exchange-reset button{--tw-border-opacity:1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1));font-size:0.875rem;line-height:1.25rem}.s-loyalty-program-after-exchange-reset button span{display:flex;--tw-scale-x:.75;--tw-scale-y:.75;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;justify-content:center}.s-loyalty-program-after-exchange-reset button svg{height:1.5rem;width:1.5rem;fill:#f87171}.s-loyalty-program-after-exchange-reset button:hover svg{fill:#fff}.s-loyalty-program-after-exchange-action{display:flex;align-items:center;justify-content:center}.s-loyalty-program-panel-widget .s-list-tile-item{padding:0px !important}.s-loyalty-program-panel-widget-icon{display:flex;height:4rem;width:4rem;align-items:center;justify-content:center;border-radius:9999px;background-color:var(--color-primary)}.s-loyalty-program-panel-widget-icon>svg{width:1.5rem;fill:#fff}.s-loyalty-program-rewards-tab-icon svg{height:1.25rem;width:1.25rem;fill:currentColor}';export{a as salla_loyalty_exchange_product_card}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Crafted with ❤ by Salla
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as t,H as a,a as n}from"./p-
|
|
4
|
+
import{r as e,h as t,H as a,a as n}from"./p-DvJClBwJ.js";import{C as i}from"./p-BsLF_HK7.js";const r=class{constructor(t){e(this,t)}componentWillLoad(){this.title=salla.config.get("maintenance_details.title"),this.message=salla.config.get("maintenance_details.message");const e="undefined"!=typeof window&&!window.matchMedia("(min-width: 768px)").matches;this.buttonTitle=e?salla.config.get("maintenance_details.button_title"):salla.config.get("maintenance_details.button_full_title")}closeAlert(){salla.storage.set("hide_salla-maintenance-alert_at",Date.now()),this.host.style.display="none"}render(){return t(a,{key:"06df8854c0261034486bbb6370fd73c40fa56847",class:"s-maintenance-alert-wrapper"},t("button",{key:"c0c8b25dfd8adcb1aa4ea49ab2b14cdc70bc2e44",class:"s-maintenance-alert-close",innerHTML:i,onClick:()=>this.closeAlert()}),t("div",{key:"d3e3a0dd6640fed7f63aa57035e1ec879efddff8",class:"s-maintenance-alert-content"},t("div",{key:"57baf44c422be89ab00b440202eb52173611a40a",class:"s-maintenance-alert-container"},t("div",{key:"e647004c7ed8a5d340060ff2ea912fdef52fa966",class:"s-maintenance-alert-icon"},t("img",{key:"ea51111ddb62fec33811ec123967879f3eaed9e9",src:salla.url.cdn("images/alert.png"),alt:"Alert"})),t("div",{key:"cc7849f3830cb317c0cee8d993e5571401e6778d",class:"s-maintenance-alert-text"},t("h2",{key:"96c6137f547559a23a738b8fb149a8dd953142e4"},this.title),t("p",{key:"55e0e96701255be2c9fe78bf5aae7c35cf214eb1"},this.message))),t("div",{key:"0903c3d5d32a8797b09500415fbcf2793234d2d3"},t("a",{key:"dc3913e283c2adc3ffad747c7fb5cfa93f9f890d",class:"s-maintenance-alert-btn",href:salla.config.get("maintenance_details.button_url")},this.buttonTitle))))}componentDidLoad(){let e=salla.storage.get("hide_salla-maintenance-alert_at");e&&(Date.now()-e)/1e3/60<60&&this.closeAlert()}get host(){return n(this)}};r.style='/*!twlt*/.s-maintenance-alert-wrapper{display:flex;min-height:40px;width:100%;flex-direction:row;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(26, 38, 61, var(--tw-bg-opacity));padding:0.25rem 0.5rem;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.s-maintenance-alert-wrapper a{transition:0.35s cubic-bezier(0.2, 1, 0.3, 1)}.s-maintenance-alert-wrapper *{color:inherit}@media (min-width: 640px){.s-maintenance-alert-wrapper{padding-left:2rem;padding-right:2rem}}.s-maintenance-alert-content{margin-top:1rem;margin-bottom:1rem;display:flex;width:100%;align-items:center;justify-content:space-between}@media (min-width: 640px){.s-maintenance-alert-content{padding-left:2rem;padding-right:2rem}}.s-maintenance-alert-container{display:flex;align-items:center}.s-maintenance-alert-icon{margin-right:1.25rem;display:none}@media (min-width: 640px){.s-maintenance-alert-icon{display:block}}.s-maintenance-alert-text h2{margin-bottom:0.5rem;font-size:0.875rem;font-weight:700;line-height:1.4}@media (min-width: 640px){.s-maintenance-alert-text h2{font-size:1.5rem;line-height:2rem}}.s-maintenance-alert-text p{margin:0px;text-align:right;font-size:10px;line-height:1.2}@media (min-width: 640px){.s-maintenance-alert-text p{text-align:center;font-size:0.75rem;line-height:1}}.s-maintenance-alert-btn{position:relative;margin-left:4px;margin-right:4px;display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;border-radius:0.125rem;border-width:1px;--tw-border-opacity:1;border-color:rgba(93, 213, 196, var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(93, 213, 196, var(--tw-bg-opacity));padding:0.5rem;text-align:center;vertical-align:middle;font-size:0.875rem;font-weight:400;line-height:1.4;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.s-maintenance-alert-btn:hover{--tw-bg-opacity:1;background-color:rgba(53, 203, 181, var(--tw-bg-opacity))}.s-maintenance-alert-btn *{pointer-events:none}[dir=rtl] .s-maintenance-alert-btn{margin-left:1.25rem;margin-right:0}@media (min-width: 640px){.s-maintenance-alert-btn{padding:0.5rem 1rem}}.s-maintenance-alert-wrapper{position:relative;display:flex;min-height:40px;width:100%;flex-direction:row;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgb(26 38 61 / var(--tw-bg-opacity, 1));padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.s-maintenance-alert-wrapper{padding-left:2rem;padding-right:2rem}}.s-maintenance-alert-wrapper a{transition:0.35s cubic-bezier(0.2, 1, 0.3, 1)}.s-maintenance-alert-wrapper *{color:inherit}.s-maintenance-alert-close{position:absolute;top:0.25rem;right:0.25rem}@media (min-width: 768px){.s-maintenance-alert-close{top:0.75rem;right:0.75rem}}.s-maintenance-alert-close:where([dir="rtl"],[dir="rtl"] *){right:unset;left:0.25rem}@media (min-width: 768px){.s-maintenance-alert-close:where([dir="rtl"],[dir="rtl"] *){left:0.75rem}}.s-maintenance-alert-close svg{height:1rem;width:1rem;fill:#fff}@media (min-width: 768px){.s-maintenance-alert-close svg{height:1.25rem;width:1.25rem}}.s-maintenance-alert-content{margin-top:1rem;margin-bottom:1rem;display:flex;width:100%;align-items:center;justify-content:space-between}@media (min-width: 640px){.s-maintenance-alert-content{padding-left:2rem;padding-right:2rem}}.s-maintenance-alert-container{display:flex;align-items:center}.s-maintenance-alert-icon{margin-right:1.25rem;display:none}@media (min-width: 640px){.s-maintenance-alert-icon{display:block}}.s-maintenance-alert-icon:where([dir="rtl"],[dir="rtl"] *){margin-left:1.25rem;margin-right:0px}.s-maintenance-alert-text h2{margin-bottom:0.5rem;font-size:0.875rem;line-height:1.25rem;font-weight:700;line-height:1.4}@media (min-width: 640px){.s-maintenance-alert-text h2{font-size:1.5rem;line-height:2rem}}.s-maintenance-alert-text p{margin:0px;text-align:right;font-size:10px;line-height:1.2}@media (min-width: 640px){.s-maintenance-alert-text p{text-align:center;font-size:0.75rem;line-height:1rem;line-height:1}}.s-maintenance-alert-btn{position:relative;margin-left:4px;margin-right:4px;display:inline-block;cursor:pointer;user-select:none;white-space:nowrap;border-radius:0.125rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(93 213 196 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(93 213 196 / var(--tw-bg-opacity, 1));padding:0.5rem;text-align:center;vertical-align:middle;font-size:0.875rem;line-height:1.25rem;font-weight:400;line-height:1.4;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-maintenance-alert-btn:hover{--tw-bg-opacity:1;background-color:rgb(53 203 181 / var(--tw-bg-opacity, 1))}@media (min-width: 640px){.s-maintenance-alert-btn{padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem}}';export{r as salla_maintenance_alert}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Crafted with ❤ by Salla
|
|
3
3
|
*/
|
|
4
|
-
import{r as a,f as e,h as i,a as t}from"./p-g-_4am8C.js";const l=class{constructor(e){a(this,e),this.hasLoaded=!1,this.isAttached=!1,this.localizationOpenListener=()=>this.open(),this.currencyOpenListener=()=>this.openUnlessNative(),this.languageOpenListener=()=>this.openUnlessNative(),this.languageNames={ar:"العربية",en:"English",sq:"shqip",hy:"հայերէն",bg:"български",zh:"汉语",hr:"hrvatski",cs:"čeština",da:"dansk",nl:"dutch",et:"eesti keel",fi:"suomen kieli",fr:"Français",de:"Deutsch",el:"Ελληνικά",hi:"हिन्दी",hu:"magyar",ind:"bahasa Indonesia",ga:"Gaeilge",it:"Italiano",ja:"日本語",ko:"한국어",lv:"latviešu",mt:"Maltese",fa:"فارسی",pl:"Polish",pt:"português",ro:"română",ru:"русский",sl:"slovenščina",es:"Español",sv:"svenska",tl:"Tagalog (Filipino)",tr:"Türkçe",uk:"украї́нська",ur:"اُردُو",ms:"Bahasa Malaysia"},this.currenciesList={SAR:{en:"Saudi Riyal",ar:"ريال سعودي",symbol:"ر.س"},USD:{en:"US Dollar",ar:"دولار أمريكي",symbol:"$"},EUR:{en:"Euro",ar:"يورو",symbol:"€"},AED:{en:"UAE Dirham",ar:"درهم اماراتي",symbol:"د.إ"},KWD:{en:"Kuwaiti Dinar",ar:"دينار كويتي",symbol:"د.ك"},BHD:{en:"Bahraini Dinar",ar:"دينار بحريني",symbol:"د.ب"},QAR:{en:"Qatari Riyal",ar:"ريال قطري",symbol:"ر.ق"},OMR:{en:"Omani Rial",ar:"ريال عماني",symbol:"ر.ع"},AUD:{en:"Australian Dollar",ar:"دولار استرالي",symbol:"$"},CAD:{en:"Canadian Dollar",ar:"دولار كندي",symbol:"$"},CNY:{en:"Renminbi",ar:"رنمينبي",symbol:"¥"},EGP:{en:"Egyptian Pound",ar:"جنيه مصري",symbol:"ج.م"},GBP:{en:"Pound Sterling",ar:"جنيه استرليني",symbol:"£"},IDR:{en:"Indonesian Rupiah",ar:"روبية إندونيسية",symbol:"Rp"},INR:{en:"Indian Rupee",ar:"روبية هندية",symbol:"₹"},JPY:{en:"Japanese Yen",ar:"ين ياباني",symbol:"¥"},MYR:{en:"Malaysian Ringgit",ar:"رينغيت ماليزي",symbol:"RM"},PKR:{en:"Pakistani Rupee",ar:"روبية باكستانية",symbol:"Rs."},SEK:{en:"Swedish Krona",ar:"كرونة سويدية",symbol:"kr"},SGD:{en:"Singapore Dollar",ar:"دولار سنغافوري",symbol:"$"},TRY:{en:"Turkish Lira",ar:"ليرة تركية",symbol:"₺"},IQD:{en:"Iraqi Dinar",ar:"دينار عراقي",symbol:"د.ع"},LBP:{en:"Lebanese Pound",ar:"ليرة لبنانية",symbol:"ل.ل"},MRO:{en:"Mauritanian Ouguiya",ar:"أوقية موريتانية",symbol:"UM"},SDG:{en:"Sudanese Pound",ar:"جنيه سوداني",symbol:"SDG"},SYP:{en:"Syrian Pound",ar:"ليرة سورية",symbol:"ل.س"},TND:{en:"Tunisian Dinar",ar:"دينار تونسي",symbol:"د.ت"},JOD:{en:"Jordanian Dinar",ar:"دينار أردني",symbol:"JOD"},DZD:{en:"Algerian Dinar",ar:"دينار جزائري",symbol:"دج"},MAD:{en:"Moroccan Dirham",ar:"درهم مغربي",symbol:"د.م."},LYD:{en:"Libyan Dinar",ar:"دينار ليبي",symbol:"LD"},YER:{en:"Yemeni Riyal",ar:"ريال يمني",symbol:"ر.ي"},ILS:{en:"New Shekel",ar:"شيكل جديد",symbol:"₪"}},this.arabicCurrencies=["SAR","AED","KWD","BHD","QAR","OMR","EGP","IQD","LBP","SYP","TND","DZD","MAD","YER"],this.translationLoaded=!1,this.languages=[],this.currencies=[],this.hasError=!1,this.showTrigger=!1,this.languageSlot=this.host.querySelector('[slot="language"]')?.innerHTML||'<label class="s-localization-modal-label" for="lang-{code}"><span>{name}</span></label>',this.currencySlot=this.host.querySelector('[slot="currency"]')?.innerHTML||'<label class="s-localization-modal-label" for="currency-{code}"><span>{name}</span><small class="s-localization-modal-currency">{symbol}</small></label>'}connectedCallback(){this.isAttached=!0,this.hasLoaded&&this.bindOpenListeners(),this.langUnsubscribe=salla.lang.subscribe((()=>{this.translationLoaded=!0,e(this)}))}disconnectedCallback(){this.isAttached=!1,Salla.event.off("localization::open",this.localizationOpenListener),Salla.event.off("currency::open",this.currencyOpenListener),Salla.event.off("language::open",this.languageOpenListener),this.langUnsubscribe?.()}bindOpenListeners(){this.isAttached&&(Salla.event.on("localization::open",this.localizationOpenListener),Salla.event.on("currency::open",this.currencyOpenListener),Salla.event.on("language::open",this.languageOpenListener))}async componentWillLoad(){await Salla.onReady(),await Salla.lang.onLoaded(),this.hasLoaded=!0,this.bindOpenListeners(),this.language||(this.language=Salla.config.get("user.language_code")),this.currency||(this.currency=Salla.config.get("user.currency_code")),Salla.api.withoutNotifier((()=>this.getCurrencies())).catch((()=>null))}openUnlessNative(){Salla.config.isMobileApp()||this.open()}async open(){return this.modal.open(),await Salla.api.withoutNotifier((()=>this.getLanguages())).then((()=>this.getCurrencies())).then((()=>{this.languages.length<2&&this.currencies.length<2&&this.modal.close()})).catch((a=>{console.log(a),this.hasError=!0,this.errorMessage=a.response?.data?.error?.message||a.response?.data})).finally((()=>this.modal.stopLoading()))}async close(){return this.modal.close()}getCurrency(a){const e=a||this.currency;if(this.currenciesList[e])return this.currenciesList[e];const i=this.currencies.find((a=>a.code===e));if(i){const a=this.escapeHtml(String(i.name||e));return{en:a,ar:a,symbol:this.escapeHtml(String((i.symbol||"").trim()||e))}}return{en:"Saudi Riyal",ar:"ريال سعودي",symbol:"ر.س"}}getLanguageName(){return this.languageNames[this.language]||this.language||""}getCurrencySymbol(a){return"SAR"===(a=a||this.currency)?'<i class="sicon-sar"></i>':"ar"!==this.language&&this.arabicCurrencies.includes(a)?a:this.getCurrency(a).symbol}getCurrencyName(a){return"ar"===this.language?this.getCurrency(a).ar:this.getCurrency(a).en}escapeHtml(a){return a.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}async getLanguages(){return this.languages.length>1?null:await Salla.config.languages().then((a=>this.languages=a))}async getCurrencies(){return this.currencies.length>1?null:await Salla.config.currencies().then((a=>this.currencies=Object.values(a||{})))}onChangeCurrency(a){this.currency=a.target.value}onChangeLanguage(a){this.language=a.target.value}async submit(){let a;this.btn.load().then((()=>{if(this.currency){if(this.currency!==Salla.config.get("user.currency_code","SAR"))return a=window.location.href,Salla.currency.api.change(this.currency)}else Salla.log("There is no currency!")})).then((()=>{this.language!==Salla.config.get("user.language_code","ar")&&(a=Salla.helpers.addParamToUrl("lang",this.language))})).then((()=>{Salla.cookie.set("s-lang",this.language),Salla.cookie.set("s-curr",this.currency)})).then((()=>this.btn.stop())).then((()=>this.close())).then((()=>{a&&(window.location.href=a.replace(`/${Salla.config.get("user.language_code")}/`,`/${this.language}/`))}))}render(){return[this.showTrigger?i("button",{type:"button",onClick:()=>this.open(),class:"s-localization-modal-trigger-btn"},i("span",null,this.getLanguageName()),i("span",{class:"s-localization-modal-trigger-separator"},"|")," ",i("span",{innerHTML:this.getCurrencySymbol()})):"",i("salla-modal",{key:"f9d068ad678442956baf42eb13d344b302b3eb61",isLoading:!0,class:"s-hidden",ref:a=>this.modal=a,width:"xs"},i("div",{key:"32d8724d52bfe912f1df5fe30c115fb7089d3ee3",slot:"loading"},i("div",{key:"e1db00221c8736e8d29aa3ff6a2f701468e453e9",class:"s-localization-modal-skeleton"},i("salla-skeleton",{key:"420cafb13ba187b6e13565b97377083c3878d7e2",width:"25%",height:"15px"}),i("div",{key:"3012668293ce2edd792f76a180d3a3f0f3a4f19b",class:"s-localization-modal-skeleton-content"},[...Array(4)].map((()=>i("div",{class:"s-localization-modal-skeleton-item"},i("div",{class:"s-localization-modal-skeleton-item-flex"},i("salla-skeleton",{type:"circle",height:"16px",width:"16px"}),i("salla-skeleton",{height:"10px",width:"100px"})),i("salla-skeleton",{height:"15px",width:"20px"}))))),i("salla-skeleton",{key:"de569459de27aa8d75f1ba06ad44ca1746753f08",width:"25%",height:"15px"}),i("div",{key:"a2c912b32e31dbfc571c2dabb82414fa1be7f7f4",class:"s-localization-modal-skeleton-content"},[...Array(4)].map((()=>i("div",{class:"s-localization-modal-skeleton-item"},i("div",{class:"s-localization-modal-skeleton-item-flex"},i("salla-skeleton",{type:"circle",height:"16px",width:"16px"}),i("salla-skeleton",{height:"10px",width:"100px"})),i("salla-skeleton",{height:"15px",width:"20px"}))))),i("salla-skeleton",{key:"ccf4ee9d98af55d3369e15c5a557f0ce5fcbb61a",height:"40px",width:"100%"}))),this.hasError?i("salla-placeholder",{alignment:"center"},i("span",{slot:"description"},this.errorMessage)):i("div",{class:"s-localization-modal-inner"},this.languages.length>1?i("div",{class:"s-localization-modal-section"},i("label",{class:"s-localization-modal-title"},Salla.lang.get("common.titles.language")),i("div",{class:"s-localization-modal-section-inner"},this.languages.length<6?this.languages.map((a=>i("div",{class:"s-localization-modal-item"},i("input",{class:"s-localization-modal-input",type:"radio",checked:this.language==a.iso_code,onChange:()=>this.language=a.iso_code,name:"language",id:"lang-"+a.code.toLowerCase(),value:a.code}),i("div",{class:"s-localization-modal-label-slot",id:"language-slot",innerHTML:this.languageSlot.replace(/\{name\}/g,a.name).replace(/\{code\}/g,a.code).replace(/\{country_code\}/g,a.country_code)})))):i("select",{class:"s-localization-modal-select",name:"language",onChange:a=>this.onChangeLanguage(a)},this.languages.map((a=>i("option",{value:a.code,selected:this.language==a.code},a.name)))))):"",this.currencies.length>1?i("div",{class:"s-localization-modal-section"},i("label",{class:"s-localization-modal-title"},Salla.lang.get("common.titles.currency")),i("div",{class:"s-localization-modal-section-inner"},this.currencies.length<6?this.currencies.map((a=>i("div",{class:"s-localization-modal-item"},i("input",{class:"s-localization-modal-input",type:"radio",name:"currency",checked:this.currency==a.code,onChange:()=>this.currency=a.code,id:"currency-"+a.code,value:a.code}),i("div",{class:"s-localization-modal-label-slot",id:"currency-slot",innerHTML:this.currencySlot.replace(/\{name\}/g,this.getCurrencyName(a.code)).replace(/\{code\}/g,a.code).replace(/\{symbol\}/g,this.getCurrencySymbol(a.code)).replace(/\{country_code\}/g,a.country_code)})))):i("select",{class:"s-localization-modal-select",name:"currency",onChange:a=>this.onChangeCurrency(a)},this.currencies.map((a=>i("option",{value:a.code,selected:this.currency==a.code},a.name)))))):"",i("salla-button",{width:"wide",ref:a=>this.btn=a,onClick:()=>this.submit()},Salla.lang.get("common.elements.ok"))))]}componentDidRender(){this.host.querySelectorAll("#currency-slot").forEach((a=>a.replaceWith(a.firstChild))),this.host.querySelectorAll("#language-slot").forEach((a=>a.replaceWith(a.firstChild)))}get host(){return t(this)}};l.style='/*!twlt*/.s-hidden{display:none}.btn{display:inline-flex;flex:1 1 0%;align-items:center;justify-content:center;white-space:nowrap;border-radius:0.375rem;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:0.625rem;padding-top:0.5rem;font-size:0.875rem;line-height:1.25rem;font-weight:700;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.btn:hover{opacity:0.8}.s-hidden{display:none}.s-localization-modal-trigger-btn{display:inline-flex;width:100%;flex-grow:0;flex-basis:0px;align-items:center;justify-content:center;white-space:nowrap;border-radius:9999px;background-color:rgb(229 231 235 / 0.5);padding-left:0.875rem;padding-right:0.875rem;padding-top:0.5rem;padding-bottom:0.5rem;font-size:0.875rem;line-height:1.25rem;font-weight:500;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-localization-modal-trigger-btn:hover{background-color:rgb(229 231 235 / 0.7)}.s-localization-modal-trigger-separator{margin-left:0.375rem;margin-right:0.375rem}.s-localization-modal-title{font-size:1rem;line-height:1.5rem;font-weight:500;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-localization-modal-section{margin-bottom:2rem}.s-localization-modal-label-slot{flex-grow:1}.s-localization-modal-inner{width:100%}.s-localization-modal-section-inner{margin-top:1rem}.s-localization-modal-section-inner>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.s-localization-modal-item{display:flex;align-items:center}.s-localization-modal-input{height:1rem;width:1rem;--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));color:var(--color-primary)}.s-localization-modal-input:focus{--tw-ring-color:var(--color-primary)}.s-localization-modal-label{display:flex;flex-grow:1;cursor:pointer;align-items:center;justify-content:space-between;font-weight:500;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-localization-modal-label:where([dir="ltr"],[dir="ltr"] *){margin-left:0.75rem}.s-localization-modal-label:where([dir="rtl"],[dir="rtl"] *){margin-right:0.75rem}.s-localization-modal-flag{border-radius:0.125rem}.s-localization-modal-currency{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-localization-modal-select{height:2.5rem;width:100%;appearance:none;border-radius:0.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));background-position:right;background-repeat:no-repeat;padding-left:1rem;padding-right:1rem;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-localization-modal-select:focus{border-color:var(--color-primary)}.s-localization-modal-select:where([dir="rtl"],[dir="rtl"] *){background-position:left}.s-localization-modal-skeleton-content{margin-top:2rem;margin-bottom:2rem;display:flex;flex-direction:column}.s-localization-modal-skeleton-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.s-localization-modal-skeleton-item{display:flex;align-items:center;justify-content:space-between}.s-localization-modal-skeleton-item-flex{display:flex;align-items:center}.s-localization-modal-skeleton-item-flex salla-skeleton:nth-child(1){margin-right:0.75rem}.s-localization-modal-skeleton-item-flex salla-skeleton:nth-child(1):where([dir="rtl"],[dir="rtl"] *){margin-right:0px;margin-left:0.75rem}';export{l as salla_localization_modal}
|
|
4
|
+
import{r as a,f as e,h as i,a as t}from"./p-DvJClBwJ.js";const l=class{constructor(e){a(this,e),this.hasLoaded=!1,this.isAttached=!1,this.localizationOpenListener=()=>this.open(),this.currencyOpenListener=()=>this.openUnlessNative(),this.languageOpenListener=()=>this.openUnlessNative(),this.languageNames={ar:"العربية",en:"English",sq:"shqip",hy:"հայերէն",bg:"български",zh:"汉语",hr:"hrvatski",cs:"čeština",da:"dansk",nl:"dutch",et:"eesti keel",fi:"suomen kieli",fr:"Français",de:"Deutsch",el:"Ελληνικά",hi:"हिन्दी",hu:"magyar",ind:"bahasa Indonesia",ga:"Gaeilge",it:"Italiano",ja:"日本語",ko:"한국어",lv:"latviešu",mt:"Maltese",fa:"فارسی",pl:"Polish",pt:"português",ro:"română",ru:"русский",sl:"slovenščina",es:"Español",sv:"svenska",tl:"Tagalog (Filipino)",tr:"Türkçe",uk:"украї́нська",ur:"اُردُو",ms:"Bahasa Malaysia"},this.currenciesList={SAR:{en:"Saudi Riyal",ar:"ريال سعودي",symbol:"ر.س"},USD:{en:"US Dollar",ar:"دولار أمريكي",symbol:"$"},EUR:{en:"Euro",ar:"يورو",symbol:"€"},AED:{en:"UAE Dirham",ar:"درهم اماراتي",symbol:"د.إ"},KWD:{en:"Kuwaiti Dinar",ar:"دينار كويتي",symbol:"د.ك"},BHD:{en:"Bahraini Dinar",ar:"دينار بحريني",symbol:"د.ب"},QAR:{en:"Qatari Riyal",ar:"ريال قطري",symbol:"ر.ق"},OMR:{en:"Omani Rial",ar:"ريال عماني",symbol:"ر.ع"},AUD:{en:"Australian Dollar",ar:"دولار استرالي",symbol:"$"},CAD:{en:"Canadian Dollar",ar:"دولار كندي",symbol:"$"},CNY:{en:"Renminbi",ar:"رنمينبي",symbol:"¥"},EGP:{en:"Egyptian Pound",ar:"جنيه مصري",symbol:"ج.م"},GBP:{en:"Pound Sterling",ar:"جنيه استرليني",symbol:"£"},IDR:{en:"Indonesian Rupiah",ar:"روبية إندونيسية",symbol:"Rp"},INR:{en:"Indian Rupee",ar:"روبية هندية",symbol:"₹"},JPY:{en:"Japanese Yen",ar:"ين ياباني",symbol:"¥"},MYR:{en:"Malaysian Ringgit",ar:"رينغيت ماليزي",symbol:"RM"},PKR:{en:"Pakistani Rupee",ar:"روبية باكستانية",symbol:"Rs."},SEK:{en:"Swedish Krona",ar:"كرونة سويدية",symbol:"kr"},SGD:{en:"Singapore Dollar",ar:"دولار سنغافوري",symbol:"$"},TRY:{en:"Turkish Lira",ar:"ليرة تركية",symbol:"₺"},IQD:{en:"Iraqi Dinar",ar:"دينار عراقي",symbol:"د.ع"},LBP:{en:"Lebanese Pound",ar:"ليرة لبنانية",symbol:"ل.ل"},MRO:{en:"Mauritanian Ouguiya",ar:"أوقية موريتانية",symbol:"UM"},SDG:{en:"Sudanese Pound",ar:"جنيه سوداني",symbol:"SDG"},SYP:{en:"Syrian Pound",ar:"ليرة سورية",symbol:"ل.س"},TND:{en:"Tunisian Dinar",ar:"دينار تونسي",symbol:"د.ت"},JOD:{en:"Jordanian Dinar",ar:"دينار أردني",symbol:"JOD"},DZD:{en:"Algerian Dinar",ar:"دينار جزائري",symbol:"دج"},MAD:{en:"Moroccan Dirham",ar:"درهم مغربي",symbol:"د.م."},LYD:{en:"Libyan Dinar",ar:"دينار ليبي",symbol:"LD"},YER:{en:"Yemeni Riyal",ar:"ريال يمني",symbol:"ر.ي"},ILS:{en:"New Shekel",ar:"شيكل جديد",symbol:"₪"}},this.arabicCurrencies=["SAR","AED","KWD","BHD","QAR","OMR","EGP","IQD","LBP","SYP","TND","DZD","MAD","YER"],this.translationLoaded=!1,this.languages=[],this.currencies=[],this.hasError=!1,this.showTrigger=!1,this.languageSlot=this.host.querySelector('[slot="language"]')?.innerHTML||'<label class="s-localization-modal-label" for="lang-{code}"><span>{name}</span></label>',this.currencySlot=this.host.querySelector('[slot="currency"]')?.innerHTML||'<label class="s-localization-modal-label" for="currency-{code}"><span>{name}</span><small class="s-localization-modal-currency">{symbol}</small></label>'}connectedCallback(){this.isAttached=!0,this.hasLoaded&&this.bindOpenListeners(),this.langUnsubscribe=salla.lang.subscribe((()=>{this.translationLoaded=!0,e(this)}))}disconnectedCallback(){this.isAttached=!1,Salla.event.off("localization::open",this.localizationOpenListener),Salla.event.off("currency::open",this.currencyOpenListener),Salla.event.off("language::open",this.languageOpenListener),this.langUnsubscribe?.()}bindOpenListeners(){this.isAttached&&(Salla.event.on("localization::open",this.localizationOpenListener),Salla.event.on("currency::open",this.currencyOpenListener),Salla.event.on("language::open",this.languageOpenListener))}async componentWillLoad(){await Salla.onReady(),await Salla.lang.onLoaded(),this.hasLoaded=!0,this.bindOpenListeners(),this.language||(this.language=Salla.config.get("user.language_code")),this.currency||(this.currency=Salla.config.get("user.currency_code")),Salla.api.withoutNotifier((()=>this.getCurrencies())).catch((()=>null))}openUnlessNative(){Salla.config.isMobileApp()||this.open()}async open(){return this.modal.open(),await Salla.api.withoutNotifier((()=>this.getLanguages())).then((()=>this.getCurrencies())).then((()=>{this.languages.length<2&&this.currencies.length<2&&this.modal.close()})).catch((a=>{console.log(a),this.hasError=!0,this.errorMessage=a.response?.data?.error?.message||a.response?.data})).finally((()=>this.modal.stopLoading()))}async close(){return this.modal.close()}getCurrency(a){const e=a||this.currency;if(this.currenciesList[e])return this.currenciesList[e];const i=this.currencies.find((a=>a.code===e));if(i){const a=this.escapeHtml(String(i.name||e));return{en:a,ar:a,symbol:this.escapeHtml(String((i.symbol||"").trim()||e))}}return{en:"Saudi Riyal",ar:"ريال سعودي",symbol:"ر.س"}}getLanguageName(){return this.languageNames[this.language]||this.language||""}getCurrencySymbol(a){return"SAR"===(a=a||this.currency)?'<i class="sicon-sar"></i>':"ar"!==this.language&&this.arabicCurrencies.includes(a)?a:this.getCurrency(a).symbol}getCurrencyName(a){return"ar"===this.language?this.getCurrency(a).ar:this.getCurrency(a).en}escapeHtml(a){return a.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}async getLanguages(){return this.languages.length>1?null:await Salla.config.languages().then((a=>this.languages=a))}async getCurrencies(){return this.currencies.length>1?null:await Salla.config.currencies().then((a=>this.currencies=Object.values(a||{})))}onChangeCurrency(a){this.currency=a.target.value}onChangeLanguage(a){this.language=a.target.value}async submit(){let a;this.btn.load().then((()=>{if(this.currency){if(this.currency!==Salla.config.get("user.currency_code","SAR"))return a=window.location.href,Salla.currency.api.change(this.currency)}else Salla.log("There is no currency!")})).then((()=>{this.language!==Salla.config.get("user.language_code","ar")&&(a=Salla.helpers.addParamToUrl("lang",this.language))})).then((()=>{Salla.cookie.set("s-lang",this.language),Salla.cookie.set("s-curr",this.currency)})).then((()=>this.btn.stop())).then((()=>this.close())).then((()=>{a&&(window.location.href=a.replace(`/${Salla.config.get("user.language_code")}/`,`/${this.language}/`))}))}render(){return[this.showTrigger?i("button",{type:"button",onClick:()=>this.open(),class:"s-localization-modal-trigger-btn"},i("span",null,this.getLanguageName()),i("span",{class:"s-localization-modal-trigger-separator"},"|")," ",i("span",{innerHTML:this.getCurrencySymbol()})):"",i("salla-modal",{key:"f9d068ad678442956baf42eb13d344b302b3eb61",isLoading:!0,class:"s-hidden",ref:a=>this.modal=a,width:"xs"},i("div",{key:"32d8724d52bfe912f1df5fe30c115fb7089d3ee3",slot:"loading"},i("div",{key:"e1db00221c8736e8d29aa3ff6a2f701468e453e9",class:"s-localization-modal-skeleton"},i("salla-skeleton",{key:"420cafb13ba187b6e13565b97377083c3878d7e2",width:"25%",height:"15px"}),i("div",{key:"3012668293ce2edd792f76a180d3a3f0f3a4f19b",class:"s-localization-modal-skeleton-content"},[...Array(4)].map((()=>i("div",{class:"s-localization-modal-skeleton-item"},i("div",{class:"s-localization-modal-skeleton-item-flex"},i("salla-skeleton",{type:"circle",height:"16px",width:"16px"}),i("salla-skeleton",{height:"10px",width:"100px"})),i("salla-skeleton",{height:"15px",width:"20px"}))))),i("salla-skeleton",{key:"de569459de27aa8d75f1ba06ad44ca1746753f08",width:"25%",height:"15px"}),i("div",{key:"a2c912b32e31dbfc571c2dabb82414fa1be7f7f4",class:"s-localization-modal-skeleton-content"},[...Array(4)].map((()=>i("div",{class:"s-localization-modal-skeleton-item"},i("div",{class:"s-localization-modal-skeleton-item-flex"},i("salla-skeleton",{type:"circle",height:"16px",width:"16px"}),i("salla-skeleton",{height:"10px",width:"100px"})),i("salla-skeleton",{height:"15px",width:"20px"}))))),i("salla-skeleton",{key:"ccf4ee9d98af55d3369e15c5a557f0ce5fcbb61a",height:"40px",width:"100%"}))),this.hasError?i("salla-placeholder",{alignment:"center"},i("span",{slot:"description"},this.errorMessage)):i("div",{class:"s-localization-modal-inner"},this.languages.length>1?i("div",{class:"s-localization-modal-section"},i("label",{class:"s-localization-modal-title"},Salla.lang.get("common.titles.language")),i("div",{class:"s-localization-modal-section-inner"},this.languages.length<6?this.languages.map((a=>i("div",{class:"s-localization-modal-item"},i("input",{class:"s-localization-modal-input",type:"radio",checked:this.language==a.iso_code,onChange:()=>this.language=a.iso_code,name:"language",id:"lang-"+a.code.toLowerCase(),value:a.code}),i("div",{class:"s-localization-modal-label-slot",id:"language-slot",innerHTML:this.languageSlot.replace(/\{name\}/g,a.name).replace(/\{code\}/g,a.code).replace(/\{country_code\}/g,a.country_code)})))):i("select",{class:"s-localization-modal-select",name:"language",onChange:a=>this.onChangeLanguage(a)},this.languages.map((a=>i("option",{value:a.code,selected:this.language==a.code},a.name)))))):"",this.currencies.length>1?i("div",{class:"s-localization-modal-section"},i("label",{class:"s-localization-modal-title"},Salla.lang.get("common.titles.currency")),i("div",{class:"s-localization-modal-section-inner"},this.currencies.length<6?this.currencies.map((a=>i("div",{class:"s-localization-modal-item"},i("input",{class:"s-localization-modal-input",type:"radio",name:"currency",checked:this.currency==a.code,onChange:()=>this.currency=a.code,id:"currency-"+a.code,value:a.code}),i("div",{class:"s-localization-modal-label-slot",id:"currency-slot",innerHTML:this.currencySlot.replace(/\{name\}/g,this.getCurrencyName(a.code)).replace(/\{code\}/g,a.code).replace(/\{symbol\}/g,this.getCurrencySymbol(a.code)).replace(/\{country_code\}/g,a.country_code)})))):i("select",{class:"s-localization-modal-select",name:"currency",onChange:a=>this.onChangeCurrency(a)},this.currencies.map((a=>i("option",{value:a.code,selected:this.currency==a.code},a.name)))))):"",i("salla-button",{width:"wide",ref:a=>this.btn=a,onClick:()=>this.submit()},Salla.lang.get("common.elements.ok"))))]}componentDidRender(){this.host.querySelectorAll("#currency-slot").forEach((a=>a.replaceWith(a.firstChild))),this.host.querySelectorAll("#language-slot").forEach((a=>a.replaceWith(a.firstChild)))}get host(){return t(this)}};l.style='/*!twlt*/.s-hidden{display:none}.btn{display:inline-flex;flex:1 1 0%;align-items:center;justify-content:center;white-space:nowrap;border-radius:0.375rem;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:0.625rem;padding-top:0.5rem;font-size:0.875rem;line-height:1.25rem;font-weight:700;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.btn:hover{opacity:0.8}.s-hidden{display:none}.s-localization-modal-trigger-btn{display:inline-flex;width:100%;flex-grow:0;flex-basis:0px;align-items:center;justify-content:center;white-space:nowrap;border-radius:9999px;background-color:rgb(229 231 235 / 0.5);padding-left:0.875rem;padding-right:0.875rem;padding-top:0.5rem;padding-bottom:0.5rem;font-size:0.875rem;line-height:1.25rem;font-weight:500;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-localization-modal-trigger-btn:hover{background-color:rgb(229 231 235 / 0.7)}.s-localization-modal-trigger-separator{margin-left:0.375rem;margin-right:0.375rem}.s-localization-modal-title{font-size:1rem;line-height:1.5rem;font-weight:500;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-localization-modal-section{margin-bottom:2rem}.s-localization-modal-label-slot{flex-grow:1}.s-localization-modal-inner{width:100%}.s-localization-modal-section-inner{margin-top:1rem}.s-localization-modal-section-inner>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.s-localization-modal-item{display:flex;align-items:center}.s-localization-modal-input{height:1rem;width:1rem;--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));color:var(--color-primary)}.s-localization-modal-input:focus{--tw-ring-color:var(--color-primary)}.s-localization-modal-label{display:flex;flex-grow:1;cursor:pointer;align-items:center;justify-content:space-between;font-weight:500;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-localization-modal-label:where([dir="ltr"],[dir="ltr"] *){margin-left:0.75rem}.s-localization-modal-label:where([dir="rtl"],[dir="rtl"] *){margin-right:0.75rem}.s-localization-modal-flag{border-radius:0.125rem}.s-localization-modal-currency{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-localization-modal-select{height:2.5rem;width:100%;appearance:none;border-radius:0.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));background-position:right;background-repeat:no-repeat;padding-left:1rem;padding-right:1rem;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-localization-modal-select:focus{border-color:var(--color-primary)}.s-localization-modal-select:where([dir="rtl"],[dir="rtl"] *){background-position:left}.s-localization-modal-skeleton-content{margin-top:2rem;margin-bottom:2rem;display:flex;flex-direction:column}.s-localization-modal-skeleton-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.s-localization-modal-skeleton-item{display:flex;align-items:center;justify-content:space-between}.s-localization-modal-skeleton-item-flex{display:flex;align-items:center}.s-localization-modal-skeleton-item-flex salla-skeleton:nth-child(1){margin-right:0.75rem}.s-localization-modal-skeleton-item-flex salla-skeleton:nth-child(1):where([dir="rtl"],[dir="rtl"] *){margin-right:0px;margin-left:0.75rem}';export{l as salla_localization_modal}
|