@salla.sa/twilight-components 2.14.449 → 2.14.451

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

@@ -64,20 +64,24 @@ const SallaBottomAlert$1 = /*@__PURE__*/ proxyCustomElement(class SallaBottomAle
             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');
-            salla.helpers.setNested(salla.lang.messages['ar.trans'], 'common.elements.more_details', 'تفاصيل أكثر');
-            salla.helpers.setNested(salla.lang.messages['en.trans'], 'common.elements.more_details', 'More Details');
-            salla.helpers.setNested(salla.lang.messages['ar.trans'], 'common.elements.store_price', 'سعر المتجر');
-            salla.helpers.setNested(salla.lang.messages['en.trans'], 'common.elements.store_price', 'Store Price');
-            salla.helpers.setNested(salla.lang.messages['ar.trans'], 'common.elements.the_developer', 'المطور');
-            salla.helpers.setNested(salla.lang.messages['en.trans'], 'common.elements.the_developer', 'the developer');
-            salla.helpers.setNested(salla.lang.messages['ar.trans'], 'common.elements.store_price_details', 'السعر يشمل');
-            salla.helpers.setNested(salla.lang.messages['en.trans'], 'common.elements.store_price_details', 'Price Includes');
-            salla.helpers.setNested(salla.lang.messages['ar.trans'], 'common.elements.salla', 'سلة');
-            salla.helpers.setNested(salla.lang.messages['en.trans'], 'common.elements.salla', 'Salla');
-            salla.helpers.setNested(salla.lang.messages['ar.trans'], 'common.elements.store_is_available_for_purchase', 'هذا المتجر تطويري ومتاح للشراء من');
-            salla.helpers.setNested(salla.lang.messages['en.trans'], 'common.elements.store_is_available_for_purchase', 'This ready store is available for purchase from');
-            salla.helpers.setNested(salla.lang.messages['ar.trans'], 'common.elements.ready_stores', 'المتاجر الجاهزة');
-            salla.helpers.setNested(salla.lang.messages['en.trans'], 'common.elements.ready_stores', 'Ready Stores');
+            const arTrans = salla.lang.messages?.['ar.trans'];
+            const enTrans = salla.lang.messages?.['en.trans'];
+            if (!arTrans || !enTrans)
+                return;
+            salla.helpers.setNested(arTrans, 'common.elements.more_details', 'تفاصيل أكثر');
+            salla.helpers.setNested(enTrans, 'common.elements.more_details', 'More Details');
+            salla.helpers.setNested(arTrans, 'common.elements.store_price', 'سعر المتجر');
+            salla.helpers.setNested(enTrans, 'common.elements.store_price', 'Store Price');
+            salla.helpers.setNested(arTrans, 'common.elements.the_developer', 'المطور');
+            salla.helpers.setNested(enTrans, 'common.elements.the_developer', 'the developer');
+            salla.helpers.setNested(arTrans, 'common.elements.store_price_details', 'السعر يشمل');
+            salla.helpers.setNested(enTrans, 'common.elements.store_price_details', 'Price Includes');
+            salla.helpers.setNested(arTrans, 'common.elements.salla', 'سلة');
+            salla.helpers.setNested(enTrans, 'common.elements.salla', 'Salla');
+            salla.helpers.setNested(arTrans, 'common.elements.store_is_available_for_purchase', 'هذا المتجر تطويري ومتاح للشراء من');
+            salla.helpers.setNested(enTrans, 'common.elements.store_is_available_for_purchase', 'This ready store is available for purchase from');
+            salla.helpers.setNested(arTrans, 'common.elements.ready_stores', 'المتاجر الجاهزة');
+            salla.helpers.setNested(enTrans, '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');
@@ -150,9 +154,9 @@ const SallaBottomAlert$1 = /*@__PURE__*/ proxyCustomElement(class SallaBottomAle
     }
     render() {
         const hasTemplate = this.template && typeof this.template === 'object' && Object.keys(this.template).length > 0;
-        return (h(Host, { key: 'fd021792f85aa7bb528909614dcb5c3b12d6d00a', class: `s-bottom-alert-wrapper ${hasTemplate ? 's-bottom-alert-wrapper-with-template' : ''}` }, hasTemplate && (h("div", { key: '7b7adc3efe5c3b50d468c280d8b5bedddb73bb4b', class: "s-bottom-alert-logo-section" }, h("img", { key: '1dbfdc8baefb71635772bdad548fb626bae7627b', src: "https://cdn.salla.network/images/logo/logo-light.svg", alt: "Salla", class: "s-bottom-alert-logo" }), h("span", { key: 'b4b372c13427f9753023ff642c38489d724e6820', class: "s-bottom-alert-logo-text" }, this.readyStores))), h("div", { key: '8cef155a60f7d3a5847da0b4ef090bb8fc8ae928', class: "s-bottom-alert-content" }, h("div", { key: '106ba8bcfcc56d3042d78bd102888b10bf70587d', class: "flex items-center gap-2" }, h("div", { key: '718695a0f5d376bcc056747074f006ceccf1f98b', class: "s-bottom-alert-icon" }, this.icon ? h("i", { class: this.icon }) : h("i", { innerHTML: infoIcon })), h("div", { key: '465bee0bb124482ec169925917fd15f3ce472fba', class: "s-bottom-alert-message" }, this.message ? (this.message) : hasTemplate ? (h("span", { class: "flex flex-wrap items-center gap-1" }, this.defaultMessage, h("span", { class: {
+        return (h(Host, { key: 'b9eaef26dfe11005441af53a6413ec0ff0568cc6', class: `s-bottom-alert-wrapper ${hasTemplate ? 's-bottom-alert-wrapper-with-template' : ''}` }, hasTemplate && (h("div", { key: 'd47d95804f5146f8b692b200bf285a8547e758fa', class: "s-bottom-alert-logo-section" }, h("img", { key: 'cf20a9f6b77b11e27c2c282ee40c490fc9d31525', src: "https://cdn.salla.network/images/logo/logo-light.svg", alt: "Salla", class: "s-bottom-alert-logo" }), h("span", { key: 'd13eeaa4cc8918cf7a38925526f659e1041c1e8a', class: "s-bottom-alert-logo-text" }, this.readyStores))), h("div", { key: 'beac912a924cb879ca4b0fbc270febdd61c8822c', class: "s-bottom-alert-content" }, h("div", { key: '75ef41821088475f1715adcf3a54d8705a8bf2cc', class: "flex items-center gap-2" }, h("div", { key: '97c4f14fefc046d0f12249c7fc4ea25e436dfd98', class: "s-bottom-alert-icon" }, this.icon ? h("i", { class: this.icon }) : h("i", { innerHTML: infoIcon })), h("div", { key: '0e4f8dc0c15ea1ff3390ef5b494e9f4216eeb5db', class: "s-bottom-alert-message" }, this.message ? (this.message) : hasTemplate ? (h("span", { class: "flex flex-wrap items-center gap-1" }, this.defaultMessage, h("span", { class: {
                 's-bottom-alert-message-highlight': true,
-            }, "aria-label": "Developer" }, this.salla), h("span", { innerHTML: salla.money(this.template.price) }))) : (this.defaultMessage))), this.type !== 'banner' && (h("div", { key: 'd860b7fba86b1273a0d257c3ec082d44f01340cc', class: hasTemplate ? 's-bottom-alert-actions-group' : 's-bottom-alert-action' }, hasTemplate ? (this.loading ? (h("salla-loading", { size: "20" })) : (h("div", { class: "s-bottom-alert-actions-group-container" }, h("a", { class: "s-bottom-alert-action-link", onClick: () => this.handleAction() }, this.actionLabel || this.moreDetailsLabel), this.templateData?.link ? (h("button", { type: "button", class: "s-bottom-alert-action-purchase-button", onClick: () => window.open(this.templateData?.link, '_blank') }, this.buyTheTemplate)) : null))) : (h("salla-button", { href: this.actionUrl, size: "medium", onClick: () => this.handleAction(), width: "normal" }, this.actionLabel || this.defaultActionLabel)))), this.type === 'popup' && this.popup())));
+            }, "aria-label": "Developer" }, this.salla), h("span", { innerHTML: salla.money(this.template.price) }))) : (this.defaultMessage))), this.type !== 'banner' && (h("div", { key: 'dd6807a1bd8d78fe440e7d37371ed6bf31b3ac65', class: hasTemplate ? 's-bottom-alert-actions-group' : 's-bottom-alert-action' }, hasTemplate ? (this.loading ? (h("salla-loading", { size: "20" })) : (h("div", { class: "s-bottom-alert-actions-group-container" }, h("a", { class: "s-bottom-alert-action-link", onClick: () => this.handleAction() }, this.actionLabel || this.moreDetailsLabel), this.templateData?.link ? (h("button", { type: "button", class: "s-bottom-alert-action-purchase-button", onClick: () => window.open(this.templateData?.link, '_blank') }, this.buyTheTemplate)) : null))) : (h("salla-button", { href: this.actionUrl, size: "medium", onClick: () => this.handleAction(), width: "normal" }, this.actionLabel || this.defaultActionLabel)))), this.type === 'popup' && this.popup())));
     }
     get host() { return this; }
     static get style() { return sallaBottomAlertCss; }