@salla.sa/twilight-components 3.0.24 → 3.0.26

package/dist/twilight/p-919650b7.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r,f as e,h as s,H as t}from"./p-CtoXzf1y.js";import{C as i}from"./p-CTtM5VoO.js";import{S as a}from"./p-C_pGXoBk.js";import{s as o}from"./p-BQHBj1u_.js";class n{async run(r){this.abort();const{signal:e}=this.controller=new AbortController;try{const s=await r(e);return e.aborted?{aborted:!0}:{aborted:!1,result:s}}catch(r){if(e.aborted)return{aborted:!0};throw r}}abort(){this.controller?.abort()}}const l=class{constructor(e){r(this,e),this.stickyCta=!1,this.shipments=[],this.request=new n,this.keepFirstExpanded=!1,this.itemIndex={byId:new Map,byUniqueName:new Map}}async componentWillLoad(){if(this.indexItems(this.items),await salla.onReady(),this.readInitialShipments(this.initialShipments),null==this.items)return this.fetchShipments();this.fetchShipments()}readInitialShipments(r){if(this.enabled)try{const e="string"==typeof r?JSON.parse(r):r;this.shipments=Array.isArray(e)?e:[]}catch{this.shipments=[]}else this.shipments=[]}async onOrderIdChange(){this.shipments=[],await this.fetchShipments()}connectedCallback(){this.langUnsubscribe=salla.lang.subscribe((()=>e(this)))}disconnectedCallback(){this.request.abort(),this.langUnsubscribe?.()}async openTrackingSheet(){await(this.sheet?.open())}async fetchShipments(){if(this.request.abort(),!this.enabled)return;const r=this.orderId||salla.config.get("page.id");if(r)try{const{aborted:e,result:s}=await this.request.run((e=>salla.order.api.getShipments(r,e)));if(e)return;const t=s?.data,i=Array.isArray(t)?t:Array.isArray(t?.data)?t.data:[];if(!i.length)return;this.keepFirstExpanded=!1===this.fallbackCard?.collapsed,this.shipments=i.every((r=>r.products?.length))||!this.shipments.length?i:this.shipments.map(((r,e)=>{const s=i.length===this.shipments.length?i[e]:void 0,t=i.find((e=>null!=e.id&&null!=r.id&&String(e.id)===String(r.id)))??(!s||null!=s.id&&null!=r.id?void 0:s);return t?{...r,...t,products:t.products?.length?t.products:r.products}:r}))}catch(r){const e=r?.response?.data?.error?.message||r?.response?.data?.message;e&&salla.notify.error(e)}}label(r,e){return salla.lang.getWithDefault(r,e)}get enabled(){return salla.config.get("store.features",[]).includes("thankyou-page-multi-shipments")}get isSplit(){return this.shipments.length>1}slaText(r){if(r.sla)return r.sla;const e=r.estimated_delivery_at?new Date(r.estimated_delivery_at.replace(" ","T")).getTime():NaN,s=Math.ceil((e-Date.now())/864e5);return!Number.isFinite(s)||s<1?"":1===s?salla.lang.get("pages.thank_you.arrives_within_day"):salla.lang.get("pages.thank_you.arrives_within_days").replace(":days",salla.helpers.number(s))}trackingNumber(r){const e=r.number;return e&&0!==Number(e)?String(e):""}async copyTracking(r){try{await navigator.clipboard.writeText(r),salla.notify.success(this.label("common.elements.copied","تم النسخ"))}catch{}}shipmentTitle(r){return this.isSplit?salla.lang.get("pages.thank_you.shipment_number").replace(":number",salla.helpers.number(r+1)):salla.lang.get("pages.orders.shipment_details")}renderTracking(r){const e=this.trackingNumber(r);return e?s("button",{type:"button",class:"s-order-shipments-tracking",title:salla.lang.get("common.elements.copy"),onClick:()=>this.copyTracking(e)},s("span",{dir:"ltr"},"#",e),s("span",{innerHTML:i})):s("span",{class:"s-order-shipments-placeholder"},salla.lang.get("pages.thank_you.tracking_placeholder"))}renderCarrier(r){return s("div",{class:"s-order-shipments-carrier"},r.logo?s("img",{src:r.logo,class:"s-order-shipments-logo",alt:r.name||""}):null,s("div",{class:"s-order-shipments-carrier-text"},s("div",{class:"s-order-shipments-carrier-row"},this.slaText(r)?s("b",{class:"s-order-shipments-sla"},this.slaText(r)):null,s("div",{class:"s-order-shipments-info"},this.renderTracking(r))),r.name?s("span",{class:"s-order-shipments-name"},r.name):null))}renderTrackButton(r,e=!1){const t=o(r.tracking_url)||null,i=t?salla.lang.get("pages.orders.tracking"):salla.lang.get("pages.thank_you.track_after_ready");return s("a",{class:{"s-order-shipments-track":!0,"s-order-shipments-track-primary":e},href:t||void 0,target:t?"_blank":void 0,rel:t?"noopener":void 0,"aria-disabled":String(!t)},s("span",{innerHTML:a}),s("span",null,i))}indexItems(r){let e=[];try{const s="string"==typeof r?JSON.parse(r):r;Array.isArray(s)&&(e=s)}catch{}const s=new Map,t=new Map;for(const r of e)null!=r.id&&s.set(String(r.id),r),t.set(r.name,t.has(r.name)?null:r);const i=new Map([...t].filter((([,r])=>r)));this.itemIndex={byId:s,byUniqueName:i}}shipmentItems(r){if(!r.products?.length)return this.isSplit?[]:this.items;const{byId:e,byUniqueName:s}=this.itemIndex;return r.products.map((r=>{const t=null!=r.id&&e.get(String(r.id))||s.get(r.name);return{...r,price:t?.price??r.price,url:r.url??t?.url}}))}renderShipment(r,e){return s("salla-order-items",{class:"s-order-shipments-card",currency:this.currency,items:this.shipmentItems(r),cardTitle:this.shipmentTitle(e),summary:this.slaText(r)||void 0,logo:r.logo||void 0,collapsed:!(0===e&&this.keepFirstExpanded)},s("div",{slot:"footer",class:"s-order-shipments-footer"},this.renderCarrier(r),this.renderTrackButton(r)))}renderSheet(){return s("salla-modal",{class:"s-order-shipments-modal",position:"middle",width:"md",ref:r=>{this.sheet=r,r?.setTitle?.(salla.lang.get("pages.thank_you.shipments_details"))}},s("div",{class:"s-order-shipments-sheet"},this.shipments.map(((r,e)=>s("div",{class:"s-order-shipments-sheet-item"},s("span",{class:"s-order-shipments-title"},this.shipmentTitle(e)),s("div",{class:"s-order-shipments-thumbs"},(r.products||[]).map((r=>s("span",{class:"s-order-shipments-thumb",title:r.name},r.image?s("img",{src:r.image,alt:r.name}):null)))),this.renderCarrier(r),this.renderTrackButton(r))))))}renderCta(){return this.isSplit?s("button",{type:"button",class:"s-order-shipments-track s-order-shipments-track-primary",onClick:()=>this.openTrackingSheet()},s("span",{innerHTML:a}),s("span",null,salla.lang.get("pages.orders.tracking"))):this.renderTrackButton(this.shipments[0],!0)}renderFallbackCard(){return s("salla-order-items",{ref:r=>this.fallbackCard=r,currency:this.currency,items:this.items,collapsed:!0})}renderUngroupedCard(){return s("salla-order-items",{ref:r=>this.fallbackCard=r,currency:this.currency,items:this.items,collapsed:!this.keepFirstExpanded},s("div",{slot:"footer",class:"s-order-shipments-footer"},this.shipments.map(((r,e)=>s("div",{class:"s-order-shipments-shipment-tracking"},s("span",{class:"s-order-shipments-title"},this.shipmentTitle(e)),this.renderCarrier(r),this.renderTrackButton(r))))))}render(){if(!this.shipments.length)return null!=this.items?s(t,{class:"s-order-shipments-wrapper"},this.renderFallbackCard()):s(t,{class:"s-order-shipments-empty"});const r=!this.isSplit||null==this.items||this.shipments.every((r=>r.products?.length));return s(t,{class:"s-order-shipments-wrapper"},s("div",{class:"s-order-shipments-list"},r?this.shipments.map(((r,e)=>this.renderShipment(r,e))):this.renderUngroupedCard()),this.stickyCta?s("div",{class:"s-order-shipments-cta"},this.renderCta()):null,this.isSplit?this.renderSheet():null)}static get watchers(){return{initialShipments:["readInitialShipments"],orderId:["onOrderIdChange"],items:["indexItems"]}}};l.style='/*!twlt*/:host{display:flex;flex-direction:column}@media not all and (min-width: 768px){.s-order-shipments-cta{position:fixed;left:0px;right:0px;bottom:0px;z-index:40;border-top-width:1px;border-color:var(--color-border,#eee);background-color:var(--color-surface,#fff);padding:1rem}.s-order-shipments-modal .s-modal-body{position:fixed;bottom:0px;left:0px;margin-top:0px;margin-bottom:0px;max-width:none;border-bottom-right-radius:0px;border-bottom-left-radius:0px;max-height:calc(100vh - 2rem) !important;overflow-y:auto !important;overflow-x:hidden !important}.s-order-shipments-modal .s-modal-body.s-modal-entering{--tw-translate-y:0px;--tw-scale-x:1;--tw-scale-y:1;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-order-shipments-modal .s-modal-body.s-modal-leaving{--tw-translate-y:1rem;--tw-scale-x:1;--tw-scale-y:1;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-order-shipments-wrapper:has(.s-order-shipments-cta):not(.s-thank-you-page-wrapper *){padding-bottom:calc(6rem + env(safe-area-inset-bottom, 0px))}}.fixed{position:fixed}.sticky{position:sticky}.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-order-shipments-wrapper{display:flex;flex-direction:column;gap:1.5rem}.s-order-shipments-empty{display:none}.s-order-shipments-list{display:flex;flex-direction:column;gap:0.75rem}.s-order-shipments-card{display:block}.s-order-shipments-footer{display:flex;flex-direction:column;gap:1.5rem}.s-order-shipments-shipment-tracking{display:flex;flex-direction:column;gap:0.75rem}.s-order-shipments-carrier{display:flex;align-items:flex-start;gap:0.75rem}.s-order-shipments-logo{height:2.5rem;width:2.5rem;flex-shrink:0;border-radius:0.5rem;border-width:1px;border-color:var(--color-border,#eee);object-fit:contain;padding:0.125rem}.s-order-shipments-carrier-text{display:flex;min-width:0px;flex:1 1 0%;flex-direction:column;gap:0.125rem;font-size:0.75rem;line-height:1rem;color:var(--color-text-primary,#333)}.s-order-shipments-carrier-row{display:flex;width:100%;align-items:center;gap:1rem}.s-order-shipments-sla{min-width:0px;flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.s-order-shipments-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-order-shipments-info{margin-inline-start:auto;flex-shrink:0;font-size:0.75rem;line-height:1rem;color:var(--color-text-secondary,#666)}.s-order-shipments-tracking{display:inline-flex;cursor:pointer;align-items:center;gap:0.25rem;border-width:0px;background-color:transparent;padding:0px;color:currentColor}.s-order-shipments-tracking svg{height:0.875rem;width:0.875rem;fill:currentColor}.s-order-shipments-placeholder{display:inline-flex;align-items:center;gap:0.25rem}.s-order-shipments-track{display:inline-flex;min-height:2.5rem;width:100%;cursor:pointer;align-items:center;justify-content:center;gap:0.5rem;border-radius:0.5rem;border-width:1px;border-color:var(--color-border,#eee);background-color:transparent;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;font-size:0.875rem;line-height:1.25rem;font-weight:700;color:var(--color-primary);text-decoration-line:none}.s-order-shipments-track svg{height:1rem;width:1rem;fill:currentColor}.s-order-shipments-track[aria-disabled=\'true\']{pointer-events:none;color:var(--color-text-secondary,#999)}.s-order-shipments-track-primary{min-height:3rem;border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-primary-reverse)}@media (min-width: 768px){.s-order-shipments-cta{order:-1}}.s-order-shipments-sheet{display:flex;flex-direction:column;gap:0.75rem}@media (min-width: 768px){.s-order-shipments-sheet{gap:1.5rem}}.s-order-shipments-sheet-item{display:flex;flex-direction:column;gap:0.75rem;border-radius:1rem;border-width:1px;border-color:var(--color-border-light,#f4f4f4);padding:0.75rem}.s-order-shipments-title{font-size:0.875rem;line-height:1.25rem;font-weight:700;color:var(--color-primary)}.s-order-shipments-thumbs{display:flex;gap:0.5rem;overflow-x:auto}.s-order-shipments-thumb{display:inline-flex;height:2.75rem;width:2.75rem;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:0.75rem;border-width:1px;border-color:var(--color-border-light,#f4f4f4)}.s-order-shipments-thumb img{display:block;height:100%;width:100%;object-fit:cover}.s-order-shipments-track-primary[aria-disabled=\'true\']{border-color:color-mix(in srgb,var(--color-primary) 60%,white);background-color:color-mix(in srgb,var(--color-primary) 60%,white);color:var(--color-primary-reverse)}.s-order-shipments-sheet-item .s-order-shipments-thumbs{margin-top:0.25rem}.s-order-shipments-sheet-item .s-order-shipments-carrier{border-top-width:1px;border-color:var(--color-border-light,#f4f4f4);padding-top:0.75rem}.s-order-shipments-sheet-item .s-order-shipments-logo{height:2.75rem;width:2.75rem;padding:0.125rem}.s-order-shipments-modal .s-modal-body{border-top-left-radius:1rem;border-top-right-radius:1rem}@media (min-width: 768px){.s-order-shipments-modal .s-modal-body{max-width:42rem;border-radius:1rem}}.s-order-shipments-modal .s-modal-padding{padding:1rem}@media (min-width: 768px){.s-order-shipments-modal .s-modal-padding{padding:2rem}}.s-order-shipments-modal .s-modal-header-inner{margin-bottom:0.75rem}@media (min-width: 768px){.s-order-shipments-modal .s-modal-header-inner{margin-bottom:1.5rem}}.s-order-shipments-modal .s-modal-header-content{text-align:start}@media (min-width: 768px){.s-order-shipments-modal .s-modal-header-content{text-align:start}}.s-order-shipments-modal .s-modal-title{margin-bottom:0px;font-size:1.125rem;line-height:1.75rem;color:var(--color-primary)}@media (min-width: 768px){.s-order-shipments-modal .s-modal-title{margin-bottom:0px}}.s-order-shipments-modal .s-modal-close{display:none}@media (min-width: 768px){.s-order-shipments-modal .s-modal-close{top:2rem;display:block;width:1.5rem;padding-left:0px;padding-right:0px}.s-order-shipments-modal .s-modal-close:where([dir="ltr"],[dir="ltr"] *){right:2rem}.s-order-shipments-modal .s-modal-close:where([dir="rtl"],[dir="rtl"] *){left:2rem}.s-order-shipments-modal .s-modal-close svg{width:1.5rem}}.s-thank-you-page-wrapper .s-order-shipments-list .s-order-shipments-carrier-text,.s-thank-you-page-wrapper .s-order-shipments-list .s-order-shipments-info{font-size:0.875rem;line-height:1.25rem}.s-thank-you-page-wrapper .s-order-shipments-list .s-order-shipments-track,.s-thank-you-page-wrapper .s-order-shipments-cta .s-order-shipments-track{font-size:1rem;line-height:1.5rem}.s-thank-you-page-wrapper .s-order-shipments-list .s-order-shipments-track svg,.s-thank-you-page-wrapper .s-order-shipments-cta .s-order-shipments-track svg,.s-thank-you-page-wrapper .s-order-shipments-list .s-order-shipments-tracking svg{height:1.25rem;width:1.25rem}.s-thank-you-page-wrapper .s-order-shipments-footer{gap:1rem}@media (min-width: 640px){.s-thank-you-page-wrapper .s-order-shipments-footer{gap:1.5rem}}.s-thank-you-page-wrapper .s-order-shipments-carrier-row{flex-wrap:wrap;column-gap:0.75rem;row-gap:0.5rem}.s-thank-you-page-wrapper .s-order-shipments-info{max-width:100%;word-break:break-all}.s-thank-you-page-wrapper .s-order-shipments-tracking{max-width:100%}';export{l as salla_order_shipments}

package/dist/twilight/p-ebe45961.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as t,h as e,H as o,a}from"./p-CtoXzf1y.js";import{C as r}from"./p-gFG8By9O.js";import{I as s}from"./p-C-tzSDxw.js";import{s as i}from"./p-CxrJQ3Jf.js";const l=class{constructor(e){t(this,e),this.variant="info"}renderIcon(){const t=this.icon||this.variant;if("none"===t)return null;switch(t){case"success":return e("svg",{viewBox:"0 0 24 24",width:"20",height:"20",fill:"currentColor"},e("path",{d:"M9 16.2l-3.5-3.5L4 14.2l5 5 11-11-1.5-1.5z"}));case"warning":return e("svg",{viewBox:"0 0 24 24",width:"20",height:"20",fill:"currentColor"},e("path",{d:"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"}));case"error":return e("svg",{viewBox:"0 0 24 24",width:"20",height:"20",fill:"currentColor"},e("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 \n                     10 10 10-4.48 10-10S17.52 2 12 2zm5 \n                     13.59L15.59 17 12 13.41 8.41 17 \n                     7 15.59 10.59 12 7 8.41 8.41 7 \n                     12 10.59 15.59 7 17 8.41 13.41 \n                     12 17 15.59z"}));default:return e("span",{innerHTML:'<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M9.99935 18.3332C5.39697 18.3332 1.66602 14.6022 1.66602 9.99984C1.66602 5.39746 5.39697 1.6665 9.99935 1.6665C14.6017 1.6665 18.3327 5.39746 18.3327 9.99984C18.3327 14.6022 14.6017 18.3332 9.99935 18.3332ZM9.99935 16.6665C13.6813 16.6665 16.666 13.6818 16.666 9.99984C16.666 6.31794 13.6813 3.33317 9.99935 3.33317C6.31745 3.33317 3.33268 6.31794 3.33268 9.99984C3.33268 13.6818 6.31745 16.6665 9.99935 16.6665ZM9.16602 5.83317H10.8327V7.49984H9.16602V5.83317ZM9.16602 9.1665H10.8327V14.1665H9.16602V9.1665Z" fill="#417AC8"/>\n</svg>\n'})}}render(){return e(o,{key:"71805281122dfa7252d86f2f1ae898a253242189",class:`s-alert-wrapper s-alert-${this.variant}`},e("span",{key:"6d771816e11e074c670b5b06d8408a58c351bf76",class:"s-alert-icon"},this.renderIcon()),e("span",{key:"d9a9280ab96d5e2e87ccf3598ff7d1d8f77f464b",class:"s-alert-text"},this.message,e("slot",{key:"73955ef17f4d71ac1ada5665e2b0d6dc73959e16"})))}};l.style="/*!twlt*/:host{display:block}.s-alert-wrapper{display:flex;align-items:center;justify-content:flex-end;border-radius:0.375rem;border-width:1px;border-color:transparent;padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem;font-size:0.75rem;line-height:1.5rem}.s-alert-info{--tw-border-opacity:1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.s-alert-success{--tw-border-opacity:1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.s-alert-warning{--tw-border-opacity:1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.s-alert-error{--tw-border-opacity:1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.s-alert-icon{margin-left:0.5rem;display:flex;align-items:center}.s-alert-text{flex:1 1 0%;text-align:start}";const n=class{constructor(e){t(this,e),this.storeId=salla.config.get("store.id"),this.template=salla.config.get("store.template"),this.loading=!1,this.templateData={},this.defaultMessage=salla.lang.getWithDefault("common.elements.store_is_available_for_purchase","هذا المتجر تطويري ومتاح للشراء من"),this.defaultActionLabel=salla.lang.get("common.elements.know_more"),this.storeFeatures=salla.lang.get("common.elements.store_features"),this.storeDetails=salla.lang.get("common.elements.store_details"),this.storePrice=salla.lang.getWithDefault("common.elements.store_price","سعر المتجر"),this.storePriceDetails=salla.lang.getWithDefault("common.elements.store_price_details","السعر يشمل"),this.theDeveloper=salla.lang.get("common.elements.the_developer"),this.templateInformation=salla.lang.get("common.elements.template_information"),this.buyTheTemplate=salla.lang.get("common.elements.buy_the_template"),this.isRtl=salla.config.get("theme.is_rtl",!0),this.storeName=salla.config.get("store.name"),this.salla=salla.lang.getWithDefault("common.elements.salla","سلة"),this.readyStores=salla.lang.getWithDefault("common.elements.ready_stores","المتاجر الجاهزة"),this.moreDetailsLabel=salla.lang.getWithDefault("common.elements.more_details","تفاصيل أكثر"),this.type="popup"}connectedCallback(){this.langUnsubscribe=salla.lang.subscribe((()=>{this.defaultMessage=salla.lang.get("common.elements.experimental_and_available_store"),this.defaultActionLabel=salla.lang.get("common.elements.know_more"),this.storeFeatures=salla.lang.get("common.elements.store_features"),this.storeDetails=salla.lang.get("common.elements.store_details"),this.templateInformation=salla.lang.get("common.elements.template_information"),this.buyTheTemplate=salla.lang.get("common.elements.buy_the_template");const t=salla.lang.messages?.["ar.trans"],e=salla.lang.messages?.["en.trans"];t&&e&&(i("ar.trans","common.elements.more_details","تفاصيل أكثر"),i("en.trans","common.elements.more_details","More Details"),i("ar.trans","common.elements.store_price","سعر المتجر"),i("en.trans","common.elements.store_price","Store Price"),i("ar.trans","common.elements.the_developer","المطور"),i("en.trans","common.elements.the_developer","the developer"),i("ar.trans","common.elements.store_price_details","السعر يشمل"),i("en.trans","common.elements.store_price_details","Price Includes"),i("ar.trans","common.elements.salla","سلة"),i("en.trans","common.elements.salla","Salla"),i("ar.trans","common.elements.store_is_available_for_purchase","هذا المتجر تطويري ومتاح للشراء من"),i("en.trans","common.elements.store_is_available_for_purchase","This ready store is available for purchase from"),i("ar.trans","common.elements.ready_stores","المتاجر الجاهزة"),i("en.trans","common.elements.ready_stores","Ready Stores"),setTimeout((()=>{this.storePrice=salla.lang.get("common.elements.store_price"),this.theDeveloper=salla.lang.get("common.elements.the_developer"),this.storePriceDetails=salla.lang.getWithDefault("common.elements.store_price_details","السعر يشمل"),this.salla=salla.lang.getWithDefault("common.elements.salla","سلة"),this.defaultMessage=salla.lang.getWithDefault("common.elements.store_is_available_for_purchase","هذا المتجر تطويري ومتاح للشراء من"),this.readyStores=salla.lang.getWithDefault("common.elements.ready_stores","المتاجر الجاهزة"),this.moreDetailsLabel=salla.lang.getWithDefault("common.elements.more_details","More Details")}),100))}))}disconnectedCallback(){this.langUnsubscribe?.()}componentDidLoad(){this.template&&"object"==typeof this.template&&Object.keys(this.template).length>0&&this.fetchTemplateData()}open(){return this.drawer.open()}fetchTemplateData(){if(!Object.keys(this.templateData).length)return this.loading=!0,salla.api.request("/store/template",{},"get",{"Store-Identifier":this.storeId}).then((t=>{this.templateData=t.data,this.loading=!1})).catch((()=>{this.loading=!1}))}handleAction(){"link"===this.type&&(window.location.href=this.actionUrl),"popup"===this.type&&this.open()}popup(){return e("salla-drawer",{class:"s-bottom-alert-modal",ref:t=>this.drawer=t,"no-padding":!0,onLoad:()=>{this.drawer&&Object.keys(this.templateData).length&&this.drawer.setTitle(this.storeDetails+" "+this.storeName)}},Object.keys(this.templateData).length?[e("div",{class:"s-bottom-alert-modal-inner s-scrollbar"},e("div",{class:{"s-bottom-alert-modal-content":!0}},this.templateData?.features?[e("div",{class:"s-bottom-alert-modal-content-title"},e("i",{innerHTML:s,class:"s-bottom-alert-modal-content-icon"}),e("span",null,this.storeFeatures)),e("div",{class:"s-bottom-alert-modal-content-features",innerHTML:this.templateData?.features})]:""),e("div",{class:{"s-bottom-alert-modal-content":!0,"s-bottom-alert-modal-content-extra-padding":this.templateData?.price}},this.templateData?.features?[e("div",{class:"s-bottom-alert-modal-content-title"},e("i",{innerHTML:'\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>money-card</title>\n<path d="M17.333 14.667h-2.667c-0.736 0-1.333-0.599-1.333-1.333s0.597-1.333 1.333-1.333h4c0.737 0 1.333-0.597 1.333-1.333s-0.596-1.333-1.333-1.333h-1.333v-1.333c0-0.736-0.596-1.333-1.333-1.333s-1.333 0.597-1.333 1.333v1.333c-2.205 0-4 1.795-4 4s1.795 4 4 4h2.667c0.736 0 1.333 0.597 1.333 1.333s-0.597 1.333-1.333 1.333h-4c-0.737 0-1.333 0.596-1.333 1.333s0.596 1.333 1.333 1.333h1.333v1.333c0 0.737 0.596 1.333 1.333 1.333s1.333-0.596 1.333-1.333v-1.333c2.205 0 4-1.795 4-4s-1.795-4-4-4zM28 2.667h-24c-2.205 0-4 1.795-4 4v18.667c0 2.205 1.795 4 4 4h24c2.205 0 4-1.795 4-4v-18.667c0-2.205-1.795-4-4-4zM29.333 25.333c0 0.736-0.597 1.333-1.333 1.333h-24c-0.736 0-1.333-0.597-1.333-1.333v-18.667c0-0.735 0.597-1.333 1.333-1.333h24c0.736 0 1.333 0.599 1.333 1.333z"></path>\n</svg>\n',class:"s-bottom-alert-modal-content-icon"}),e("span",null,this.storePriceDetails)),e("div",{class:"s-bottom-alert-modal-content-price-details"},this.templateData?.price_details?.items.map((t=>e("div",{class:"s-bottom-alert-modal-content-price-details-item"},e("i",{innerHTML:'\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>check-circle</title>\n<path d="M19.557 11.26l-4.593 6.891-2.891-1.927c-0.616-0.411-1.441-0.243-1.849 0.369-0.409 0.612-0.244 1.441 0.369 1.849l4 2.667c0.228 0.152 0.485 0.224 0.739 0.224 0.431 0 0.855-0.208 1.111-0.593l5.333-8c0.409-0.612 0.244-1.441-0.369-1.849-0.616-0.411-1.443-0.243-1.849 0.369zM16 0c-8.823 0-16 7.177-16 16s7.177 16 16 16 16-7.177 16-16-7.177-16-16-16zM16 29.333c-7.352 0-13.333-5.981-13.333-13.333s5.981-13.333 13.333-13.333 13.333 5.981 13.333 13.333-5.981 13.333-13.333 13.333z"></path>\n</svg>\n',class:"s-bottom-alert-modal-content-price-details-item-icon"}),e("span",{class:"s-bottom-alert-modal-content-price-details-item-name"},t.name),e("span",{class:"s-bottom-alert-modal-content-price-details-item-price",innerHTML:salla.money(t.price)})))))]:""),this.templateData?.link?e("div",{class:"s-bottom-alert-modal-content-footer"},e("salla-button",{color:"primary",size:"medium",width:"wide",href:this.templateData?.link},e("i",{innerHTML:r}),this.buyTheTemplate)):"")]:"")}render(){const t=this.template&&"object"==typeof this.template&&Object.keys(this.template).length>0;return e(o,{key:"e3aa3e9170abe209c668d986cdee8a1e218796b5",class:"s-bottom-alert-wrapper "+(t?"s-bottom-alert-wrapper-with-template":"")},t&&e("div",{key:"92c6cce5cee33c11f8efe6365e647967fa7f5233",class:"s-bottom-alert-logo-section"},e("img",{key:"4ad9449846a7e30daaa1b6bcc9739c91073e8c37",src:"https://cdn.salla.network/images/logo/logo-light.svg",alt:"Salla",class:"s-bottom-alert-logo"}),e("span",{key:"7075d44f4a2c73661f491a9dd66cc59bda60db58",class:"s-bottom-alert-logo-text"},this.readyStores)),e("div",{key:"d0f63ff07acd57b6f7f5663dc40e533a1cab6b99",class:"s-bottom-alert-content"},e("div",{key:"bbacb8bba096ab59ccba5faf90c7a9d67b618831",class:"flex items-center gap-2"},e("div",{key:"8d6fd88b4865d9eb736bad0caf37aabd48e462f2",class:"s-bottom-alert-icon"},e("i",this.icon?{class:this.icon}:{innerHTML:'\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>info</title>\n<path d="M16 13.333c-0.737 0-1.333 0.596-1.333 1.333v9.333c0 0.737 0.596 1.333 1.333 1.333s1.333-0.596 1.333-1.333v-9.333c0-0.737-0.596-1.333-1.333-1.333zM16 7.987c-0.737 0-1.333 0.596-1.333 1.333v0.013c0 0.737 0.596 1.327 1.333 1.327s1.333-0.603 1.333-1.34-0.596-1.333-1.333-1.333zM16 0c-8.823 0-16 7.177-16 16s7.177 16 16 16 16-7.177 16-16-7.177-16-16-16zM16 29.333c-7.352 0-13.333-5.981-13.333-13.333s5.981-13.333 13.333-13.333 13.333 5.981 13.333 13.333-5.981 13.333-13.333 13.333z"></path>\n</svg>\n'})),e("div",{key:"92beef20dc89d12250dfcd4a07f5eaa0d69e9612",class:"s-bottom-alert-message"},this.message?this.message:t?e("span",{class:"flex flex-wrap items-center gap-1"},this.defaultMessage,e("span",{class:{"s-bottom-alert-message-highlight":!0},"aria-label":"Developer"},this.salla),e("span",{innerHTML:salla.money(this.template.price)})):this.defaultMessage)),"banner"!==this.type&&e("div",{key:"86d72792e488df2c1cd18929c8e4d92fac27488f",class:t?"s-bottom-alert-actions-group":"s-bottom-alert-action"},t?this.loading?e("salla-loading",{size:"20"}):e("div",{class:"s-bottom-alert-actions-group-container"},e("a",{class:"s-bottom-alert-action-link",onClick:()=>this.handleAction()},this.actionLabel||this.moreDetailsLabel),this.templateData?.link?e("button",{type:"button",class:"s-bottom-alert-action-purchase-button",onClick:()=>window.open(this.templateData?.link,"_blank")},this.buyTheTemplate):null):e("salla-button",{href:this.actionUrl,size:"medium",onClick:()=>this.handleAction(),width:"normal"},this.actionLabel||this.defaultActionLabel)),"popup"===this.type&&this.popup()))}get host(){return a(this)}};n.style="/*!twlt*/:host{display:block}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-1{gap:0.25rem}.gap-2{gap:0.5rem}.s-scrollbar::-webkit-scrollbar{width:5px}.s-scrollbar::-webkit-scrollbar-track{background-color:#eee}.s-scrollbar::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.s-bottom-alert-wrapper{position:fixed;bottom:0px;z-index:50;display:flex;min-height:4rem;width:100%;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-primary);padding-left:0.625rem;padding-right:0.625rem;padding-top:0.625rem;padding-bottom:0.625rem}@media (min-width: 768px){.s-bottom-alert-wrapper{padding-left:2.5rem;padding-right:2.5rem}}.s-bottom-alert-wrapper-with-template{flex-direction:column;align-items:center;justify-content:space-between;--tw-bg-opacity:1;background-color:rgb(0 73 86 / var(--tw-bg-opacity, 1));font-family:PingARLT,system-ui;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.s-bottom-alert-wrapper-with-template{flex-direction:row}}.s-bottom-alert-logo-section{display:flex;align-items:center;gap:0.5rem;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem}.s-bottom-alert-logo{height:auto;width:3rem}.s-bottom-alert-logo-text{font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity:1;color:rgb(186 243 230 / var(--tw-text-opacity, 1))}.s-bottom-alert-icon svg{height:1rem;width:1rem;fill:#fff}.s-bottom-alert-message{font-size:0.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-bottom-alert-message-highlight{cursor:default;font-size:1rem;line-height:1.5rem;font-weight:700}.s-bottom-alert-message-splitter{margin-left:0.5rem;margin-right:0.5rem}.s-bottom-alert-message-link{cursor:pointer;text-decoration-line:underline}.s-bottom-alert-content{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:1rem}@media (min-width: 768px){.s-bottom-alert-content{flex-direction:row}}.s-bottom-alert-action button{background-color:var(--color-primary-reverse);font-size:0.875rem;line-height:1.25rem;color:var(--color-primary)}.s-bottom-alert-actions-group{display:flex;align-items:center;gap:1rem}.s-bottom-alert-action-link{cursor:pointer;font-size:0.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(186 243 230 / var(--tw-text-opacity, 1));text-decoration-line:underline;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-bottom-alert-action-link:hover{opacity:0.8}.s-bottom-alert-action-purchase-button{border-radius:0.375rem;--tw-bg-opacity:1;background-color:rgb(186 243 230 / var(--tw-bg-opacity, 1));padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;--tw-text-opacity:1;color:rgb(0 73 86 / var(--tw-text-opacity, 1))}.s-bottom-alert-actions-group-container{display:flex;align-items:center;gap:1rem}.s-bottom-alert-modal .s-modal-body{padding-top:1rem;padding-bottom:1rem}.s-bottom-alert-modal-cover img{height:300px;width:100%;object-fit:cover}.s-bottom-alert-modal-inner{max-height:80vh;overflow-y:auto;overflow-x:hidden;padding-left:1rem;padding-right:1rem}.s-bottom-alert-modal-content-title{margin-top:1rem;margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:700;color:var(--color-primary-dark)}.s-bottom-alert-modal-content-icon svg{height:1.25rem;width:1.25rem;fill:var(--color-primary-dark)}.s-bottom-alert-modal-content-extra-padding{padding-bottom:100px}.s-bottom-alert-modal-content hr{margin-top:1rem}.s-bottom-alert-modal-content-screenshots{margin-top:1rem;margin-bottom:1rem}.s-bottom-alert-modal-content-screenshot.swiper-slide{height:200px !important;width:370px !important}.s-bottom-alert-modal-content-screenshot img{height:100%;width:100%;object-fit:cover}.s-bottom-alert-modal-content-footer button .s-button-text{display:flex;align-items:center;gap:0.5rem}.s-bottom-alert-modal-content-footer{position:fixed;left:0px;right:0px;bottom:0px;z-index:2;width:100%;--tw-bg-opacity:1;background-color:rgb(252 252 252 / var(--tw-bg-opacity, 1));padding:0.625rem}.s-bottom-alert-modal-content-price-details{display:flex;flex-direction:column;gap:0.5rem}.s-bottom-alert-modal-content-price-details-item{display:flex;align-items:center;gap:0.375rem}.s-bottom-alert-modal-content-price-details-item-icon svg{height:1rem;width:1rem;fill:var(--color-primary-dark)}.s-bottom-alert-modal-content-price-details-item-name{--tw-text-opacity:1;color:rgb(68 68 68 / var(--tw-text-opacity, 1))}.s-bottom-alert-modal-content-price-details-item-price{font-weight:500;--tw-text-opacity:1;color:rgb(102 102 102 / var(--tw-text-opacity, 1))}.s-bottom-alert-modal-price-wrapper{margin-bottom:0.625rem;display:flex;align-items:center;justify-content:space-between;font-size:1rem;line-height:1.5rem}.s-bottom-alert-modal-price-wrapper-amount{font-size:1.125rem;line-height:1.75rem;font-weight:700}";export{l as salla_alert,n as salla_bottom_alert}