@salla.sa/twilight-components 2.14.393 → 2.14.395

package/dist/components/salla-loyalty.js

@@ -1,4 +1,307 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{transformTag as a,proxyCustomElement as l,HTMLElement as s,h as t}from"@stencil/core/internal/client";import{R as e}from"./star2.js";import{C as i}from"./cancel.js";import{d as o}from"./salla-button2.js";import{d as n}from"./salla-list-tile2.js";import{d as r}from"./salla-loading2.js";import{d as c}from"./salla-modal2.js";import{d as h}from"./salla-placeholder2.js";import{d}from"./salla-skeleton2.js";import{d as m}from"./salla-slider2.js";import{d as p}from"./salla-tab-content2.js";import{d as y}from"./salla-tab-header2.js";import{d as g}from"./salla-tabs2.js";const f=l(class extends s{constructor(a){super(),!1!==a&&this.__registerHost(),this.selectedItem=void 0,this.allowEmail=!0,this.allowMobile=!0,this.requireEmail=!1,salla.event.on("loyalty::open",(()=>this.open())),salla.auth.event.onLoggedIn((()=>{this.is_loggedin=!0})),salla.onReady((()=>{this.is_loggedin=salla.config.isUser()})),salla.lang.onLoaded((()=>{this.guestMessage=salla.lang.get("pages.loyalty_program.guest_message"),this.translationLoaded=!0})),salla.cart.event.onUpdated((a=>{this.prizePoints=a.loyalty.prize?.points,this.prizeTitle=a.loyalty.prize?.title,this.customerPoints=a.loyalty.customer_points||this.customerPoints}))}setSelectedPrizeItem(a){this.selectedItem=this.selectedItem&&this.selectedItem?.id==a.id?void 0:a}handleLongText(a){return a.length>150?a.substring(0,150)+"...":a}prizeItem(a){return t("div",{onClick:()=>this.setSelectedPrizeItem(a),class:{"s-loyalty-prize-item-selected":!!this.selectedItem&&this.selectedItem?.id==a.id,"s-loyalty-prize-item":!0}},t("img",{class:"s-loyalty-prize-item-image",src:a.image,alt:a.name}),t("div",{class:"s-loyalty-prize-item-title"},a.name),t("div",{class:"s-loyalty-prize-item-subtitle"},this.handleLongText(a.description)),t("div",{class:"s-loyalty-prize-item-points"},a.cost_points," ",salla.lang.get("pages.loyalty_program.point"),t("div",{class:"s-loyalty-prize-item-check"},t("div",null))))}getConfirmationModal(){return[t("salla-placeholder",{alignment:"center",icon:'<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80">\n<title>star3</title>\n  <defs>\n    <style>\n      .a {\n        fill: none !important;\n      }\n\n      .b {\n        fill: #ff9e01;\n      }\n\n      .c {\n        fill: #fff;\n        opacity: 0.1;\n      }\n\n    </style>\n  </defs>\n  <g transform="translate(-683 -269)">\n    <rect class="a" width="80" height="80" transform="translate(683 269)" />\n    <g transform="translate(684.539 261.216)">\n      <path class="b"\n        d="M110.117,37.062,90.024,35.2,82.043,16.665a1.61,1.61,0,0,0-2.958,0L71.1,35.2,51.011,37.062a1.61,1.61,0,0,0-.914,2.813l15.16,13.318L60.821,72.878a1.61,1.61,0,0,0,2.393,1.739l17.351-10.3,17.351,10.3a1.61,1.61,0,0,0,2.393-1.739L95.871,53.192l15.16-13.318A1.61,1.61,0,0,0,110.117,37.062Z"\n        transform="translate(-42.104 -4.011)" />\n      <g transform="translate(0 10.971)">\n        <path class="b"\n          d="M93.54,12.016c1.024,1.423,3.915,7.533,5.568,11.094a.559.559,0,0,1-.891.641c-2.853-2.7-7.73-7.377-8.754-8.8a2.512,2.512,0,0,1,4.077-2.935Z"\n          transform="translate(-75.621 -10.971)" />\n        <path class="b"\n          d="M360.909,12.016c-1.024,1.423-3.915,7.533-5.568,11.094a.559.559,0,0,0,.891.641c2.853-2.7,7.73-7.377,8.754-8.8a2.512,2.512,0,0,0-4.077-2.935Z"\n          transform="translate(-301.908 -10.971)" />\n        <path class="b"\n          d="M427.538,284.659c-1.667-.543-8.366-1.441-12.261-1.934a.559.559,0,0,0-.34,1.044c3.436,1.9,9.377,5.123,11.044,5.666a2.512,2.512,0,0,0,1.558-4.776Z"\n          transform="translate(-352.351 -241.894)" />\n        <path class="b"\n          d="M1.734,284.659c1.667-.543,8.366-1.441,12.261-1.934a.559.559,0,0,1,.34,1.044c-3.436,1.9-9.377,5.123-11.044,5.666a2.512,2.512,0,0,1-1.558-4.776Z"\n          transform="translate(0 -241.894)" />\n        <path class="b"\n          d="M239.794,412.414c0-1.753,1.224-8.4,1.963-12.257a.559.559,0,0,1,1.1,0c.739,3.855,1.963,10.5,1.963,12.257a2.512,2.512,0,0,1-5.023,0Z"\n          transform="translate(-203.768 -341.301)" />\n      </g>\n      <path class="c"\n        d="M84.945,23.4l-2.9-6.74a1.61,1.61,0,0,0-2.958,0L71.1,35.2,51.011,37.062a1.61,1.61,0,0,0-.914,2.813l15.16,13.318L60.821,72.878a1.61,1.61,0,0,0,2.393,1.739l2.309-1.371A125,125,0,0,1,84.945,23.4Z"\n        transform="translate(-42.104 -4.011)" />\n    </g>\n  </g>\n</svg>\n',class:"s-loyalty-confirmation-modal-content"},t("div",{slot:"title",class:"s-loyalty-confirmation-title"},salla.lang.get("pages.loyalty_program.exchange_points")),t("div",{slot:"description"},salla.lang.get("pages.loyalty_program.are_you_sure_to_exchange")," ( ",t("strong",null,this.selectedItem?.cost_points)," ",salla.lang.get("pages.loyalty_program.point")," ) ",salla.lang.get("pages.loyalty_program.for")," ( ",t("strong",null,this.selectedItem?.name)," )")),t("div",{class:"s-loyalty-confirmation-actions"},t("salla-button",{fill:"outline",width:"wide",onClick:()=>this.cancelProcess()},salla.lang.get("pages.loyalty_program.cancellation")),t("salla-button",{loading:this.buttonLoading,width:"wide",onClick:()=>this.exchangeLoyaltyPoint()},salla.lang.get("pages.loyalty_program.confirm")))]}getAfterExchangeUI(){return t("slot",{name:"points-applied-widget"},t("salla-list-tile",{class:"s-loyalty-after-exchange"},t("div",{slot:"title",class:"s-loyalty-after-exchange-title"},this.prizeTitle,"   -   ",this.prizePoints," ",salla.lang.get("pages.loyalty_program.point")),t("div",{slot:"action",class:"s-loyalty-after-exchange-action"},t("salla-button",{class:"s-loyalty-after-exchange-reset",shape:"icon",fill:"outline",color:"danger",size:"small",onClick:()=>this.resetExchange()},t("span",{innerHTML:i})))))}async open(){return this.is_loggedin?(this.modal?.open(),await salla.loyalty.getProgram().then((a=>{this.loyaltyProgram=a.data})).catch((a=>{this.hasError=!0,this.errorMessage=a.response?.data?.error?.message||a.response?.data})).finally((()=>this.modal?.stopLoading()))):salla.event.dispatch("login::open")}async close(){return this.modal.close()}async resetExchange(){return await salla.loyalty.reset()}async openConfirmation(){return await this.modal.close().then((()=>this.confirmationModal?.open())).catch((a=>console.log(a)))}async cancelProcess(){return await this.confirmationModal.close().then((()=>this.selectedItem=null)).catch((a=>console.log(a)))}async exchangeLoyaltyPoint(){return this.buttonLoading=!0,await salla.loyalty.exchange(this.selectedItem?.id).then((()=>"FREE_PRODUCT"==this.selectedItem.key&&salla.url.is_page("cart")&&window.location.reload())).finally((()=>{this.buttonLoading=!1,this.cancelProcess()}))}render(){return this.prizePoints?this.getAfterExchangeUI():[t("slot",{name:"widget"},this.customerPoints?t("salla-list-tile",{class:"s-loyalty-widget"},t("div",{slot:"icon",class:"s-loyalty-widget-icon",innerHTML:e}),t("div",{slot:"subtitle"},this.customerPoints?salla.lang.get("pages.loyalty_program.cart_total_point_summary",{balance:this.customerPoints}):this.guestMessage,t("salla-button",{shape:"link",color:"primary",onClick:()=>salla.event.dispatch("loyalty::open")},this.customerPoints?salla.lang.get("pages.loyalty_program.cart_point_exchange_now"):salla.lang.get("blocks.header.login")))):""),t("salla-modal",{noPadding:!0,width:"sm",ref:a=>this.confirmationModal=a},this.getConfirmationModal()),t("salla-modal",{isLoading:!0,"has-skeleton":!0,width:"md",ref:a=>this.modal=a},t("div",{slot:"loading"},t("div",{class:"s-loyalty-skeleton"},t("salla-list-tile",{class:"s-loyalty-header"},t("div",{slot:"icon",class:"s-loyalty-header-icon"},t("salla-skeleton",{type:"circle",height:"6rem",width:"6rem"})),t("div",{slot:"title",class:"s-loyalty-header-title mb-5"},t("salla-skeleton",{height:"15px",width:"50%"})),t("div",{slot:"subtitle",class:"s-loyalty-header-subtitle"},t("salla-skeleton",{height:"10px"}),t("salla-skeleton",{height:"10px",width:"75%"}))),t("div",{class:"s-loyalty-skeleton-cards"},[...[,,,]].map((()=>t("div",{class:"s-loyalty-prize-item swiper-slide"},t("salla-skeleton",{height:"9rem"}),t("div",{class:"s-loyalty-prize-item-title"},t("salla-skeleton",{height:"15px",width:"75%"})),t("div",{class:"s-loyalty-prize-item-subtitle"},t("salla-skeleton",{height:"10px",width:"50%"}),t("salla-skeleton",{height:"10px",width:"25%"})),t("div",{class:"s-loyalty-prize-item-points"},t("salla-skeleton",{height:"15px",width:"100px"}),t("div",{class:"s-loyalty-prize-item-check"},t("salla-skeleton",{height:"1rem",width:"1rem",type:"circle"}))))))))),!this.hasError&&this.loyaltyProgram?[t("salla-list-tile",{id:"s-loyalty-header",class:"s-loyalty-header"},t("div",{slot:"icon",class:"s-loyalty-header-icon",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="54.079" height="53.191" viewBox="0 0 54.079 53.191"><defs><style>.a{fill:#ee9d0d;}.b{fill:#c7830b;}.c{fill:#ea2b2d;}.d{fill:#cb2527;}.e{fill:#6699ce;}.f{fill:#faa6b2;}.g{fill:#a6deff;}.h{fill:#eeb436;}.i{fill:#f72d2f;}</style></defs><path class="a" d="M40,248H77.3v25.88a2.1,2.1,0,0,1-2.1,2.1H42.1a2.1,2.1,0,0,1-2.1-2.1Z" transform="translate(-38.135 -222.787)"/><path class="b" d="M250.632,248.711v12.755L236.2,248h13.67Z" transform="translate(-211.463 -222.787)"/><path class="b" d="M333.957,336v3.207L330.52,336Z" transform="translate(-294.787 -300.528)"/><path class="c" d="M226.194,32.048l-.5.185a5.035,5.035,0,0,0-3.072,3.292l-.468,1.585-.759.414a5.035,5.035,0,0,0-2.422,3l8.865,8.271,5.09-5.456.262-6.205a5.191,5.191,0,0,0-7-5.083Z" transform="translate(-196.246 -31.722)"/><path class="c" d="M358.628,175.48l-.15.509a5.034,5.034,0,0,1-3.072,3.292l-1.55.577-.359.785a5.034,5.034,0,0,1-2.822,2.624L341.81,175l5.09-5.455,6.172-.69a5.191,5.191,0,0,1,5.555,6.629Z" transform="translate(-304.761 -152.837)"/><path class="d" d="M168,248h7.461v27.978H168Z" transform="translate(-151.213 -222.787)"/><path class="c" d="M40,336H77.3v7.461H40Z" transform="translate(-38.135 -300.528)"/><path class="d" d="M333.957,336v3.207L330.52,336Z" transform="translate(-294.787 -300.528)"/><path class="a" d="M2.1,0H40.8a2.1,2.1,0,0,1,2.1,2.1V9.326H0V2.1A2.1,2.1,0,0,1,2.1,0Z" transform="matrix(0.731, 0.682, -0.682, 0.731, 18.641, 4.976)"/><path class="d" d="M0,0H9.326V9.326H0Z" transform="matrix(0.731, 0.682, -0.682, 0.731, 30.912, 16.424)"/><path class="d" d="M286.857,79.389a.931.931,0,0,1-.74-.365l-.615-.8a12.516,12.516,0,0,1-2.528-9,.933.933,0,0,1,1.855.2,10.66,10.66,0,0,0,2.153,7.667l.615.8a.933.933,0,0,1-.739,1.5Z" transform="translate(-252.718 -64.113)"/><path class="c" d="M185.485,178.151l-.039.014a30.78,30.78,0,0,1-12.034,1.906l-2.381-.1,4.092,3.817-1.181,4,3.728-1.206a30.775,30.775,0,0,0,9.833-5.315l.71-.572Z" transform="translate(-153.891 -161.081)"/><path class="d" d="M363.834,194.779a12.51,12.51,0,0,1-6.93-2.1l-.843-.559a.933.933,0,1,1,1.031-1.554l.842.558a10.659,10.659,0,0,0,7.8,1.618.933.933,0,1,1,.328,1.836A12.663,12.663,0,0,1,363.834,194.779Z" transform="translate(-316.982 -171.914)"/><path class="c" d="M275,202.524l-.012.04a30.776,30.776,0,0,0-1.069,12.137l.265,2.369-4.092-3.817-3.909,1.455.945-3.8a30.776,30.776,0,0,1,4.622-10.177l.521-.748Z" transform="translate(-237.949 -180.364)"/><circle class="e" cx="1.865" cy="1.865" r="1.865" transform="translate(10.259 0.032)"/><circle class="f" cx="1.865" cy="1.865" r="1.865" transform="translate(0 21.482)"/><path class="g" d="M36.663,36.663a.933.933,0,0,1-.885-.638l-.048-.143a2.946,2.946,0,0,0-2.8-2.017.933.933,0,1,1,0-1.865A4.808,4.808,0,0,1,37.5,35.292l.048.143a.933.933,0,0,1-.885,1.228Z" transform="translate(-31.067 -31.968)"/><path class="g" d="M79.493,194.438a.929.929,0,0,1-.506-.15l-.185-.12a2.074,2.074,0,0,0-2.192-.047.933.933,0,0,1-.947-1.607,3.929,3.929,0,0,1,4.153.088l.185.12a.933.933,0,0,1-.508,1.716Z" transform="translate(-69.235 -173.283)"/><path class="h" d="M27.751,85.141l2.88,2.644,3.811-.874-1.624,3.556,2.008,3.354-3.884-.446-2.569,2.946L27.6,92.49,24,90.957l3.4-1.922Z" transform="translate(-24 -78.914)"/><path class="h" d="M82.174,227.375l-.959,3.772,2.564,2.928-3.884.254L77.9,237.673l-1.442-3.615-3.8-.862,2.993-2.488-.353-3.876,3.291,2.078Z" transform="translate(-66.992 -204.086)"/><path class="i" d="M300.471,141.9l-5.455-5.09,5.09-5.456a8.342,8.342,0,0,1,5.455,5.09Z" transform="translate(-263.422 -119.737)"/></svg>'}),t("div",{slot:"title",class:"s-loyalty-header-title"},this.loyaltyProgram.prize_promotion_title),t("div",{slot:"subtitle",class:"s-loyalty-header-subtitle"},this.loyaltyProgram.prize_promotion_description)),t("salla-tabs",null,this.loyaltyProgram.prizes.map((a=>t("salla-tab-header",{slot:"header",name:a.title},t("span",null,a.title)))),this.loyaltyProgram.prizes.map(((a,l)=>t("salla-tab-content",{slot:"content",name:a.title},t("salla-slider",{class:"s-loyalty-slider",loop:!1,"controls-outer":!0,id:"loyalty-popup-slider-"+l,type:"carousel"},t("div",{slot:"items"},a.items.map((a=>this.prizeItem(a))))))))),t("salla-button",{disabled:!this.selectedItem,width:"wide",class:"s-loyalty-program-redeem-btn",onClick:()=>this.openConfirmation()},salla.lang.get("pages.loyalty_program.exchange_points"))]:t("salla-placeholder",{class:"s-loyalty-placeholder",alignment:"center"},this.errorMessage?t("span",{slot:"description"},this.errorMessage):""))]}static get style(){return""}},[260,"salla-loyalty",{prizePoints:[1544,"prize-points"],customerPoints:[1538,"customer-points"],prizeTitle:[1537,"prize-title"],allowEmail:[4,"allow-email"],allowMobile:[4,"allow-mobile"],requireEmail:[4,"require-email"],guestMessage:[1025,"guest-message"],loyaltyProgram:[32],buttonLoading:[32],selectedItem:[32],askConfirmation:[32],is_loggedin:[32],hasError:[32],errorMessage:[32],translationLoaded:[32],open:[64],close:[64],resetExchange:[64],exchangeLoyaltyPoint:[64]}]);function u(){"undefined"!=typeof customElements&&["salla-loyalty","salla-button","salla-list-tile","salla-loading","salla-modal","salla-placeholder","salla-skeleton","salla-slider","salla-tab-content","salla-tab-header","salla-tabs"].forEach((l=>{switch(l){case"salla-loyalty":customElements.get(a(l))||customElements.define(a(l),f);break;case"salla-button":customElements.get(a(l))||o();break;case"salla-list-tile":customElements.get(a(l))||n();break;case"salla-loading":customElements.get(a(l))||r();break;case"salla-modal":customElements.get(a(l))||c();break;case"salla-placeholder":customElements.get(a(l))||h();break;case"salla-skeleton":customElements.get(a(l))||d();break;case"salla-slider":customElements.get(a(l))||m();break;case"salla-tab-content":customElements.get(a(l))||p();break;case"salla-tab-header":customElements.get(a(l))||y();break;case"salla-tabs":customElements.get(a(l))||g()}}))}u();const b=f,w=u;export{b as SallaLoyalty,w as defineCustomElement}
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { R as Rate } from './star2.js';
+import { C as Cancel } from './cancel.js';
+import { d as defineCustomElement$b } from './salla-button2.js';
+import { d as defineCustomElement$a } from './salla-list-tile2.js';
+import { d as defineCustomElement$9 } from './salla-loading2.js';
+import { d as defineCustomElement$8 } from './salla-modal2.js';
+import { d as defineCustomElement$7 } from './salla-placeholder2.js';
+import { d as defineCustomElement$6 } from './salla-skeleton2.js';
+import { d as defineCustomElement$5 } from './salla-slider2.js';
+import { d as defineCustomElement$4 } from './salla-tab-content2.js';
+import { d as defineCustomElement$3 } from './salla-tab-header2.js';
+import { d as defineCustomElement$2 } from './salla-tabs2.js';
+
+var Star3 = `<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80">
+<title>star3</title>
+  <defs>
+    <style>
+      .a {
+        fill: none !important;
+      }
+
+      .b {
+        fill: #ff9e01;
+      }
+
+      .c {
+        fill: #fff;
+        opacity: 0.1;
+      }
+
+    </style>
+  </defs>
+  <g transform="translate(-683 -269)">
+    <rect class="a" width="80" height="80" transform="translate(683 269)" />
+    <g transform="translate(684.539 261.216)">
+      <path class="b"
+        d="M110.117,37.062,90.024,35.2,82.043,16.665a1.61,1.61,0,0,0-2.958,0L71.1,35.2,51.011,37.062a1.61,1.61,0,0,0-.914,2.813l15.16,13.318L60.821,72.878a1.61,1.61,0,0,0,2.393,1.739l17.351-10.3,17.351,10.3a1.61,1.61,0,0,0,2.393-1.739L95.871,53.192l15.16-13.318A1.61,1.61,0,0,0,110.117,37.062Z"
+        transform="translate(-42.104 -4.011)" />
+      <g transform="translate(0 10.971)">
+        <path class="b"
+          d="M93.54,12.016c1.024,1.423,3.915,7.533,5.568,11.094a.559.559,0,0,1-.891.641c-2.853-2.7-7.73-7.377-8.754-8.8a2.512,2.512,0,0,1,4.077-2.935Z"
+          transform="translate(-75.621 -10.971)" />
+        <path class="b"
+          d="M360.909,12.016c-1.024,1.423-3.915,7.533-5.568,11.094a.559.559,0,0,0,.891.641c2.853-2.7,7.73-7.377,8.754-8.8a2.512,2.512,0,0,0-4.077-2.935Z"
+          transform="translate(-301.908 -10.971)" />
+        <path class="b"
+          d="M427.538,284.659c-1.667-.543-8.366-1.441-12.261-1.934a.559.559,0,0,0-.34,1.044c3.436,1.9,9.377,5.123,11.044,5.666a2.512,2.512,0,0,0,1.558-4.776Z"
+          transform="translate(-352.351 -241.894)" />
+        <path class="b"
+          d="M1.734,284.659c1.667-.543,8.366-1.441,12.261-1.934a.559.559,0,0,1,.34,1.044c-3.436,1.9-9.377,5.123-11.044,5.666a2.512,2.512,0,0,1-1.558-4.776Z"
+          transform="translate(0 -241.894)" />
+        <path class="b"
+          d="M239.794,412.414c0-1.753,1.224-8.4,1.963-12.257a.559.559,0,0,1,1.1,0c.739,3.855,1.963,10.5,1.963,12.257a2.512,2.512,0,0,1-5.023,0Z"
+          transform="translate(-203.768 -341.301)" />
+      </g>
+      <path class="c"
+        d="M84.945,23.4l-2.9-6.74a1.61,1.61,0,0,0-2.958,0L71.1,35.2,51.011,37.062a1.61,1.61,0,0,0-.914,2.813l15.16,13.318L60.821,72.878a1.61,1.61,0,0,0,2.393,1.739l2.309-1.371A125,125,0,0,1,84.945,23.4Z"
+        transform="translate(-42.104 -4.011)" />
+    </g>
+  </g>
+</svg>
+`;
+
+var GiftImg = `<svg xmlns="http://www.w3.org/2000/svg" width="54.079" height="53.191" viewBox="0 0 54.079 53.191"><defs><style>.a{fill:#ee9d0d;}.b{fill:#c7830b;}.c{fill:#ea2b2d;}.d{fill:#cb2527;}.e{fill:#6699ce;}.f{fill:#faa6b2;}.g{fill:#a6deff;}.h{fill:#eeb436;}.i{fill:#f72d2f;}</style></defs><path class="a" d="M40,248H77.3v25.88a2.1,2.1,0,0,1-2.1,2.1H42.1a2.1,2.1,0,0,1-2.1-2.1Z" transform="translate(-38.135 -222.787)"/><path class="b" d="M250.632,248.711v12.755L236.2,248h13.67Z" transform="translate(-211.463 -222.787)"/><path class="b" d="M333.957,336v3.207L330.52,336Z" transform="translate(-294.787 -300.528)"/><path class="c" d="M226.194,32.048l-.5.185a5.035,5.035,0,0,0-3.072,3.292l-.468,1.585-.759.414a5.035,5.035,0,0,0-2.422,3l8.865,8.271,5.09-5.456.262-6.205a5.191,5.191,0,0,0-7-5.083Z" transform="translate(-196.246 -31.722)"/><path class="c" d="M358.628,175.48l-.15.509a5.034,5.034,0,0,1-3.072,3.292l-1.55.577-.359.785a5.034,5.034,0,0,1-2.822,2.624L341.81,175l5.09-5.455,6.172-.69a5.191,5.191,0,0,1,5.555,6.629Z" transform="translate(-304.761 -152.837)"/><path class="d" d="M168,248h7.461v27.978H168Z" transform="translate(-151.213 -222.787)"/><path class="c" d="M40,336H77.3v7.461H40Z" transform="translate(-38.135 -300.528)"/><path class="d" d="M333.957,336v3.207L330.52,336Z" transform="translate(-294.787 -300.528)"/><path class="a" d="M2.1,0H40.8a2.1,2.1,0,0,1,2.1,2.1V9.326H0V2.1A2.1,2.1,0,0,1,2.1,0Z" transform="matrix(0.731, 0.682, -0.682, 0.731, 18.641, 4.976)"/><path class="d" d="M0,0H9.326V9.326H0Z" transform="matrix(0.731, 0.682, -0.682, 0.731, 30.912, 16.424)"/><path class="d" d="M286.857,79.389a.931.931,0,0,1-.74-.365l-.615-.8a12.516,12.516,0,0,1-2.528-9,.933.933,0,0,1,1.855.2,10.66,10.66,0,0,0,2.153,7.667l.615.8a.933.933,0,0,1-.739,1.5Z" transform="translate(-252.718 -64.113)"/><path class="c" d="M185.485,178.151l-.039.014a30.78,30.78,0,0,1-12.034,1.906l-2.381-.1,4.092,3.817-1.181,4,3.728-1.206a30.775,30.775,0,0,0,9.833-5.315l.71-.572Z" transform="translate(-153.891 -161.081)"/><path class="d" d="M363.834,194.779a12.51,12.51,0,0,1-6.93-2.1l-.843-.559a.933.933,0,1,1,1.031-1.554l.842.558a10.659,10.659,0,0,0,7.8,1.618.933.933,0,1,1,.328,1.836A12.663,12.663,0,0,1,363.834,194.779Z" transform="translate(-316.982 -171.914)"/><path class="c" d="M275,202.524l-.012.04a30.776,30.776,0,0,0-1.069,12.137l.265,2.369-4.092-3.817-3.909,1.455.945-3.8a30.776,30.776,0,0,1,4.622-10.177l.521-.748Z" transform="translate(-237.949 -180.364)"/><circle class="e" cx="1.865" cy="1.865" r="1.865" transform="translate(10.259 0.032)"/><circle class="f" cx="1.865" cy="1.865" r="1.865" transform="translate(0 21.482)"/><path class="g" d="M36.663,36.663a.933.933,0,0,1-.885-.638l-.048-.143a2.946,2.946,0,0,0-2.8-2.017.933.933,0,1,1,0-1.865A4.808,4.808,0,0,1,37.5,35.292l.048.143a.933.933,0,0,1-.885,1.228Z" transform="translate(-31.067 -31.968)"/><path class="g" d="M79.493,194.438a.929.929,0,0,1-.506-.15l-.185-.12a2.074,2.074,0,0,0-2.192-.047.933.933,0,0,1-.947-1.607,3.929,3.929,0,0,1,4.153.088l.185.12a.933.933,0,0,1-.508,1.716Z" transform="translate(-69.235 -173.283)"/><path class="h" d="M27.751,85.141l2.88,2.644,3.811-.874-1.624,3.556,2.008,3.354-3.884-.446-2.569,2.946L27.6,92.49,24,90.957l3.4-1.922Z" transform="translate(-24 -78.914)"/><path class="h" d="M82.174,227.375l-.959,3.772,2.564,2.928-3.884.254L77.9,237.673l-1.442-3.615-3.8-.862,2.993-2.488-.353-3.876,3.291,2.078Z" transform="translate(-66.992 -204.086)"/><path class="i" d="M300.471,141.9l-5.455-5.09,5.09-5.456a8.342,8.342,0,0,1,5.455,5.09Z" transform="translate(-263.422 -119.737)"/></svg>`;
+
+const sallaLoyaltyCss = "";
+
+const SallaLoyalty$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoyalty extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.selectedItem = undefined;
+        /**
+         * Does the merchant allow to login using email
+         */
+        this.allowEmail = true;
+        /**
+         * Does the merchant/current location for visitor allow to login using mobile, By default outside KSA is `false`
+         */
+        this.allowMobile = true;
+        /**
+         * Does the merchant require registration with email & mobile
+         */
+        this.requireEmail = false;
+        salla.event.on('loyalty::open', () => this.open());
+        salla.auth.event.onLoggedIn(() => {
+            this.is_loggedin = true;
+        });
+        salla.onReady(() => {
+            this.is_loggedin = salla.config.isUser();
+        });
+        salla.lang.onLoaded(() => {
+            this.guestMessage = salla.lang.get('pages.loyalty_program.guest_message');
+            this.translationLoaded = true;
+        });
+        salla.cart.event.onUpdated(cart => {
+            this.prizePoints = cart.loyalty.prize?.points;
+            this.prizeTitle = cart.loyalty.prize?.title;
+            this.customerPoints = cart.loyalty.customer_points || this.customerPoints;
+        });
+    }
+    setSelectedPrizeItem(item) {
+        if (!this.selectedItem || this.selectedItem?.id != item.id) {
+            this.selectedItem = item;
+        }
+        else {
+            this.selectedItem = undefined;
+        }
+    }
+    handleLongText(text) {
+        if (text.length > 150) {
+            return text.substring(0, 150) + '...';
+        }
+        return text;
+    }
+    prizeItem(item) {
+        let klass = {
+            's-loyalty-prize-item-selected': !!this.selectedItem && this.selectedItem?.id == item.id,
+            "s-loyalty-prize-item": true
+        };
+        return h("div", { onClick: () => this.setSelectedPrizeItem(item), class: klass }, h("img", { class: "s-loyalty-prize-item-image", src: item.image, alt: item.name }), h("div", { class: "s-loyalty-prize-item-title" }, item.name), h("div", { class: "s-loyalty-prize-item-subtitle" }, this.handleLongText(item.description)), h("div", { class: "s-loyalty-prize-item-points" }, item.cost_points, " ", salla.lang.get('pages.loyalty_program.point'), h("div", { class: "s-loyalty-prize-item-check" }, h("div", null))));
+    }
+    getConfirmationModal() {
+        return [
+            h("salla-placeholder", { alignment: "center", icon: Star3, class: "s-loyalty-confirmation-modal-content" }, h("div", { slot: "title", class: "s-loyalty-confirmation-title" }, salla.lang.get('pages.loyalty_program.exchange_points')), h("div", { slot: "description" }, salla.lang.get('pages.loyalty_program.are_you_sure_to_exchange'), " ( ", h("strong", null, this.selectedItem?.cost_points), " ", salla.lang.get('pages.loyalty_program.point'), " ) ", salla.lang.get('pages.loyalty_program.for'), " ( ", h("strong", null, this.selectedItem?.name), " )")),
+            h("div", { class: "s-loyalty-confirmation-actions" }, h("salla-button", { fill: 'outline', width: "wide", onClick: () => this.cancelProcess() }, salla.lang.get('pages.loyalty_program.cancellation')), h("salla-button", { loading: this.buttonLoading, width: "wide", onClick: () => this.exchangeLoyaltyPoint() }, salla.lang.get('pages.loyalty_program.confirm')))
+        ];
+    }
+    getAfterExchangeUI() {
+        return h("slot", { name: 'points-applied-widget' }, h("salla-list-tile", { class: "s-loyalty-after-exchange" }, h("div", { slot: "title", class: "s-loyalty-after-exchange-title" }, this.prizeTitle, " \u00A0 - \u00A0 ", this.prizePoints, " ", salla.lang.get('pages.loyalty_program.point')), h("div", { slot: 'action', class: "s-loyalty-after-exchange-action" }, h("salla-button", { class: "s-loyalty-after-exchange-reset", shape: "icon", fill: 'outline', color: "danger", size: "small", onClick: () => this.resetExchange() }, h("span", { innerHTML: Cancel })))));
+    }
+    /**
+     * Show loyalty modal
+     */
+    async open() {
+        if (!this.is_loggedin)
+            return salla.event.dispatch('login::open');
+        this.modal?.open();
+        return await salla.loyalty.getProgram()
+            .then(response => {
+            this.loyaltyProgram = response.data;
+        })
+            .catch(e => {
+            this.hasError = true;
+            this.errorMessage = e.response?.data?.error?.message || e.response?.data;
+        })
+            .finally(() => this.modal?.stopLoading());
+    }
+    /**
+     *
+     * Hide loyalty modal
+     */
+    async close() {
+        return this.modal.close();
+    }
+    /**
+     *
+     * Cancel Exchanged prizes
+     */
+    async resetExchange() {
+        return await salla.loyalty.reset();
+    }
+    /**
+     * Open Confirmation modal
+     */
+    async openConfirmation() {
+        return await this.modal.close()
+            .then(() => this.confirmationModal?.open())
+            .catch(e => console.log(e));
+    }
+    /**
+     * Cancel process
+     */
+    async cancelProcess() {
+        return await this.confirmationModal.close()
+            .then(() => this.selectedItem = null)
+            .catch(e => console.log(e));
+    }
+    /**
+     * Exchange loyalty points with the selected prize item
+     * @param {number} loyalty_prize_id
+     *
+     */
+    async exchangeLoyaltyPoint() {
+        this.buttonLoading = true;
+        return await salla.loyalty.exchange(this.selectedItem?.id)
+            .then(() => this.selectedItem.key == "FREE_PRODUCT" && salla.url.is_page('cart') && window.location.reload())
+            .finally(() => {
+            this.buttonLoading = false;
+            this.cancelProcess();
+        });
+    }
+    render() {
+        // A. when the exchange is done, and we have the final prize points to show it in cart page
+        if (this.prizePoints) {
+            return this.getAfterExchangeUI();
+        }
+        //todo:: change all translations to states
+        return [
+            h("slot", { name: 'widget' }, this.customerPoints ?
+                h("salla-list-tile", { class: 's-loyalty-widget' }, h("div", { slot: "icon", class: "s-loyalty-widget-icon", innerHTML: Rate }), h("div", { slot: "subtitle" }, this.customerPoints ? salla.lang.get('pages.loyalty_program.cart_total_point_summary', { "balance": this.customerPoints }) : this.guestMessage, h("salla-button", { shape: "link", color: "primary", onClick: () => salla.event.dispatch("loyalty::open") }, this.customerPoints ? salla.lang.get('pages.loyalty_program.cart_point_exchange_now') : salla.lang.get('blocks.header.login')))) :
+                ''),
+            h("salla-modal", { noPadding: true, width: "sm", ref: modal => this.confirmationModal = modal }, this.getConfirmationModal()),
+            h("salla-modal", { isLoading: true, "has-skeleton": true, width: "md", ref: modal => this.modal = modal }, h("div", { slot: "loading" }, h("div", { class: "s-loyalty-skeleton" }, h("salla-list-tile", { class: "s-loyalty-header" }, h("div", { slot: "icon", class: "s-loyalty-header-icon" }, h("salla-skeleton", { type: "circle", height: '6rem', width: '6rem' })), h("div", { slot: "title", class: "s-loyalty-header-title mb-5" }, h("salla-skeleton", { height: '15px', width: '50%' })), h("div", { slot: "subtitle", class: "s-loyalty-header-subtitle" }, h("salla-skeleton", { height: '10px' }), h("salla-skeleton", { height: '10px', width: '75%' }))), h("div", { class: "s-loyalty-skeleton-cards" }, [...Array(3)].map(() => h("div", { class: "s-loyalty-prize-item swiper-slide" }, h("salla-skeleton", { height: '9rem' }), h("div", { class: "s-loyalty-prize-item-title" }, h("salla-skeleton", { height: '15px', width: '75%' })), h("div", { class: "s-loyalty-prize-item-subtitle" }, h("salla-skeleton", { height: '10px', width: '50%' }), h("salla-skeleton", { height: '10px', width: '25%' })), h("div", { class: "s-loyalty-prize-item-points" }, h("salla-skeleton", { height: '15px', width: '100px' }), h("div", { class: "s-loyalty-prize-item-check" }, h("salla-skeleton", { height: '1rem', width: '1rem', type: 'circle' })))))))), !this.hasError && !!this.loyaltyProgram ?
+                [
+                    h("salla-list-tile", { id: 's-loyalty-header', class: "s-loyalty-header" }, h("div", { slot: "icon", class: "s-loyalty-header-icon", innerHTML: GiftImg }), h("div", { slot: "title", class: "s-loyalty-header-title" }, this.loyaltyProgram.prize_promotion_title), h("div", { slot: "subtitle", class: "s-loyalty-header-subtitle" }, this.loyaltyProgram.prize_promotion_description)),
+                    h("salla-tabs", null, this.loyaltyProgram.prizes.map((prize) => h("salla-tab-header", { slot: "header", name: prize.title }, h("span", null, prize.title))), this.loyaltyProgram.prizes.map((prize, index) => h("salla-tab-content", { slot: "content", name: prize.title }, h("salla-slider", { class: "s-loyalty-slider", loop: false, "controls-outer": true, id: 'loyalty-popup-slider-' + index, type: "carousel" }, h("div", { slot: 'items' }, prize.items.map((item) => this.prizeItem(item))))))),
+                    h("salla-button", { disabled: !this.selectedItem, width: "wide", class: "s-loyalty-program-redeem-btn", onClick: () => this.openConfirmation() }, salla.lang.get('pages.loyalty_program.exchange_points')),
+                ]
+                : h("salla-placeholder", { class: "s-loyalty-placeholder", alignment: "center" }, !!this.errorMessage ? h("span", { slot: "description" }, this.errorMessage) : '')),
+        ];
+    }
+    static get style() { return sallaLoyaltyCss; }
+}, [4, "salla-loyalty", {
+        "prizePoints": [1544, "prize-points"],
+        "customerPoints": [1538, "customer-points"],
+        "prizeTitle": [1537, "prize-title"],
+        "allowEmail": [4, "allow-email"],
+        "allowMobile": [4, "allow-mobile"],
+        "requireEmail": [4, "require-email"],
+        "guestMessage": [1025, "guest-message"],
+        "loyaltyProgram": [32],
+        "buttonLoading": [32],
+        "selectedItem": [32],
+        "askConfirmation": [32],
+        "is_loggedin": [32],
+        "hasError": [32],
+        "errorMessage": [32],
+        "translationLoaded": [32],
+        "open": [64],
+        "close": [64],
+        "resetExchange": [64],
+        "exchangeLoyaltyPoint": [64]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-loyalty", "salla-button", "salla-list-tile", "salla-loading", "salla-modal", "salla-placeholder", "salla-skeleton", "salla-slider", "salla-tab-content", "salla-tab-header", "salla-tabs"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-loyalty":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaLoyalty$1);
+            }
+            break;
+        case "salla-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "salla-list-tile":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "salla-loading":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "salla-modal":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "salla-placeholder":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "salla-skeleton":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "salla-slider":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "salla-tab-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "salla-tab-header":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "salla-tabs":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SallaLoyalty = SallaLoyalty$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaLoyalty, defineCustomElement };

package/dist/components/salla-maintenance-alert.js

@@ -1,4 +1,60 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{transformTag as e,proxyCustomElement as t,HTMLElement as a,h as n,Host as i}from"@stencil/core/internal/client";import{C as r}from"./cancel.js";const c=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost()}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 n(i,{key:"4e41b03a4ebe9b05b15f499128fbaef8a2665a1e",class:"s-maintenance-alert-wrapper"},n("button",{key:"c45b83d1381d7e98adca32d92531c181ae9281e4",class:"s-maintenance-alert-close",innerHTML:r,onClick:()=>this.closeAlert()}),n("div",{key:"c48a139c8bfc999bfce517ac689c2c5be8a8a70a",class:"s-maintenance-alert-content"},n("div",{key:"75a52a15cc98759c7646a37e61822c7392256743",class:"s-maintenance-alert-container"},n("div",{key:"c2151b20d570186d3be79ea440d03e3044766544",class:"s-maintenance-alert-icon"},n("img",{key:"9752b18e5fce36412448a941ba90b3332ac185fa",src:salla.url.cdn("images/alert.png"),alt:"Alert"})),n("div",{key:"23d13d46adb0d89c31aa28666a0664253cbd5d6b",class:"s-maintenance-alert-text"},n("h2",{key:"abdb593bfd90571dee3ee9f918640fbf508a2d69"},this.title),n("p",{key:"6c0bd117d161add2abadfadd5f344572c2596f6f"},this.message))),n("div",{key:"5d6c815b7fa86822665a16a588fa02da19e62ca8"},n("a",{key:"90c6ff46c169e685cff7becae06b7e67042e9d41",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 this}static get style(){return".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}}"}},[0,"salla-maintenance-alert",{title:[32],message:[32],buttonTitle:[32]}]);function l(){"undefined"!=typeof customElements&&["salla-maintenance-alert"].forEach((t=>{"salla-maintenance-alert"===t&&(customElements.get(e(t))||customElements.define(e(t),c))}))}l();const s=c,o=l;export{s as SallaMaintenanceAlert,o as defineCustomElement}
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { C as Cancel } from './cancel.js';
+
+const sallaMaintenanceAlertCss = ".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}}";
+
+const SallaMaintenanceAlert$1 = /*@__PURE__*/ proxyCustomElement(class SallaMaintenanceAlert extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    componentWillLoad() {
+        this.title = salla.config.get('maintenance_details.title');
+        this.message = salla.config.get('maintenance_details.message');
+        // Use matchMedia instead of window.innerWidth to avoid forced reflow (Lighthouse/PageSpeed)
+        const isMobile = typeof window !== 'undefined' && !window.matchMedia('(min-width: 768px)').matches;
+        this.buttonTitle = isMobile ? 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 (h(Host, { key: '4e41b03a4ebe9b05b15f499128fbaef8a2665a1e', class: "s-maintenance-alert-wrapper" }, h("button", { key: 'c45b83d1381d7e98adca32d92531c181ae9281e4', class: "s-maintenance-alert-close", innerHTML: Cancel, onClick: () => this.closeAlert() }), h("div", { key: 'c48a139c8bfc999bfce517ac689c2c5be8a8a70a', class: "s-maintenance-alert-content" }, h("div", { key: '75a52a15cc98759c7646a37e61822c7392256743', class: "s-maintenance-alert-container" }, h("div", { key: 'c2151b20d570186d3be79ea440d03e3044766544', class: "s-maintenance-alert-icon" }, h("img", { key: '9752b18e5fce36412448a941ba90b3332ac185fa', src: salla.url.cdn('images/alert.png'), alt: "Alert" })), h("div", { key: '23d13d46adb0d89c31aa28666a0664253cbd5d6b', class: "s-maintenance-alert-text" }, h("h2", { key: 'abdb593bfd90571dee3ee9f918640fbf508a2d69' }, this.title), h("p", { key: '6c0bd117d161add2abadfadd5f344572c2596f6f' }, this.message))), h("div", { key: '5d6c815b7fa86822665a16a588fa02da19e62ca8' }, h("a", { key: '90c6ff46c169e685cff7becae06b7e67042e9d41', class: "s-maintenance-alert-btn", href: salla.config.get('maintenance_details.button_url') }, this.buttonTitle)))));
+    }
+    componentDidLoad() {
+        //auto-hide the alert if close button is clicked before one hour
+        let hidden_at = salla.storage.get('hide_salla-maintenance-alert_at');
+        if (hidden_at && ((Date.now() - hidden_at) / 1000 / 60) < 60) {
+            this.closeAlert();
+        }
+    }
+    get host() { return this; }
+    static get style() { return sallaMaintenanceAlertCss; }
+}, [0, "salla-maintenance-alert", {
+        "title": [32],
+        "message": [32],
+        "buttonTitle": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-maintenance-alert"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-maintenance-alert":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaMaintenanceAlert$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SallaMaintenanceAlert = SallaMaintenanceAlert$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaMaintenanceAlert, defineCustomElement };

package/dist/components/salla-map.js

@@ -1,4 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{S as a,d as s}from"./salla-map2.js";const o=a,m=s;export{o as SallaMap,m as defineCustomElement}
+import { S as SallaMap$1, d as defineCustomElement$1 } from './salla-map2.js';
+
+const SallaMap = SallaMap$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaMap, defineCustomElement };