@salla.sa/twilight-components 2.11.76 → 2.11.78

package/dist/cjs/salla-button_37.cjs.entry.js

@@ -2715,7 +2715,7 @@ const SallaCountDown = class {
     return salla.helpers.number(digit, this.digits === 'en');
   }
   startCountDown() {
-    let countDownDate = new Date(this.date);
+    let countDownDate = new Date(this.date.replace(/-/g, "/"));
     if (this.endOfDay || this.date.split(' ').length === 1) {
       countDownDate.setHours(23, 59, 59, 999);
     }
@@ -20800,6 +20800,7 @@ const SallaFileUpload = class {
     let fileInput = this.getFormDataFileInput();
     fileInput.type = 'hidden';
     fileInput.value = this.value;
+    this.hiddenInput.value = this.value;
     fileInput.dispatchEvent(new window.Event('change', { bubbles: true }));
     return this.uploaded.emit(this.value);
   }
@@ -20886,7 +20887,7 @@ const SallaFileUpload = class {
     return (index.h(index.Host, { class: {
         "s-file-upload": true,
         "s-file-upload-profile-image": this.profileImage,
-      } }, index.h("input", { type: "file", name: this.name, value: this.value, ref: ele => this.fileUploader = ele, required: this.required, class: "s-file-upload-wrapper s-file-upload-input", accept: this.accept }), index.h("input", { class: "s-file-upload-hidden-input", name: 'hidden-' + this.name, required: this.required, value: this.value, ref: input => this.hiddenInput = input })));
+      } }, index.h("input", { type: "file", name: this.name, value: this.value, ref: ele => this.fileUploader = ele, required: this.required, class: "s-file-upload-wrapper s-file-upload-input", accept: this.accept }), index.h("input", { class: "s-hidden", name: 'hidden-' + this.name, required: this.required, value: this.value, ref: input => this.hiddenInput = input })));
   }
   componentDidLoad() {
     let files = this.getFiles();
@@ -22837,12 +22838,17 @@ const SallaMap = class {
               lng: this.lng,
               address: this.formattedAddress ? this.formattedAddress : null,
             };
-            this.mapInput.value = `${points.lat}, ${points.lng}`;
             salla.event.emit('salla-map::selected', points);
             this.selected.emit(points);
             this.selectedLat = points.lat;
             this.selectedLng = points.lng;
             this.getPositionAddress(new google.maps.LatLng(points.lat, points.lng), true);
+            if (!this.selectedLat || !this.selectedLng) {
+              this.mapInput.value = null;
+            }
+            else {
+              this.mapInput.value = `${this.selectedLat}, ${this.selectedLng}`;
+            }
             this.mapInput.dispatchEvent(new window.Event('change', { bubbles: true }));
             this.locationModal.close();
           } }, this.confirmButtonTitle)
@@ -22854,7 +22860,7 @@ const SallaMap = class {
         this.locationModal = modal;
       } }, this.getLocationModal()), index.h("slot", { name: "button" }, index.h("salla-button", { onClick: () => {
         this.open();
-      }, color: "primary", class: "s-map-location-button" }, index.h("span", { class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : Location }), this.formattedAddress ? (index.h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), index.h("input", { type: "hidden", name: this.name, required: this.required, value: this.getLatLng(), ref: color => this.mapInput = color })));
+      }, color: "primary", class: "s-map-location-button" }, index.h("span", { class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : Location }), this.formattedAddress ? (index.h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), index.h("input", { class: "s-hidden", name: this.name, required: this.required, value: this.getLatLng(), ref: color => this.mapInput = color })));
   }
   get host() { return index.getElement(this); }
 };
@@ -26328,36 +26334,47 @@ const SallaQuickOrder = class {
     const parsedToDOM = new DOMParser().parseFromString(agreement_text, 'text/html');
     return parsedToDOM.documentElement.innerText.substring(0, length) + '...';
   }
-  loadquickOrderSettings() {
-    return salla.api.withoutNotifier(() => salla.api.cart.getQuickOrderSettings().then(res => {
-      var _a, _b, _c;
-      this.isAvailable = true;
-      this.quickOrderTitle = res.data.title;
-      this.subTitle = res.data.sub_title;
-      this.payButtonTitle = res.data.order_now_button;
-      this.isEmailRequired = res.data.is_email_required;
-      this.isTermsRequired = res.data.show_agreement;
-      this.agreementText = res.data.agreement;
-      this.confirmPayButtonTitle = res.data.confirm_button;
-      this.thanksMessage = res.data.thanks_message;
-      this.quickOrderStyle = res.data.style;
-      this.user = salla.config.get('user') || salla.storage.get('user') || {};
-      this.countryCode = ((_a = this.user) === null || _a === void 0 ? void 0 : _a.country_code) || this.countryCode;
-      // make email required if user is gust or is required from server
-      this.isEmailRequired = ((_b = this.user) === null || _b === void 0 ? void 0 : _b.email) ? false : this.isEmailRequired;
-      // check if one click is available
-      this.oneClick = ((_c = this.user) === null || _c === void 0 ? void 0 : _c.email) && !this.isTermsRequired;
-    }));
+  loadQuickOrderSettings() {
+    var _a, _b, _c;
+    let data = salla.config.get('store.settings.product.quick_order');
+    if (!data) {
+      return Promise.resolve();
+    }
+    this.user = salla.config.get('user') || salla.storage.get('user') || {};
+    this.countryCode = ((_a = this.user) === null || _a === void 0 ? void 0 : _a.country_code) || this.countryCode;
+    // make email required if user is gust or is required from server
+    this.isEmailRequired = ((_b = this.user) === null || _b === void 0 ? void 0 : _b.email) ? false : this.isEmailRequired;
+    // check if one click is available
+    this.oneClick = (_c = this.user) === null || _c === void 0 ? void 0 : _c.email;
+    this.initComponentData(data);
+    return Promise.resolve();
+    // return salla.api.withoutNotifier(() => salla.api.cart.getQuickOrderSettings().then(res => this.initComponentData(res.data)));
+  }
+  initComponentData(data) {
+    this.quickOrderTitle = data.title;
+    this.subTitle = data.sub_title;
+    this.payButtonTitle = data.order_now_button;
+    this.isEmailRequired = data.is_email_required;
+    this.isTermsRequired = data.show_agreement;
+    this.agreementText = data.agreement;
+    this.confirmPayButtonTitle = data.confirm_button;
+    this.thanksMessage = data.thanks_message;
+    this.quickOrderStyle = data.style;
+    this.isAvailable = true;
   }
   componentWillLoad() {
-    return new Promise(resolve => salla.onReady(() => this.loadquickOrderSettings().then(resolve)));
+    return new Promise(resolve => salla.onReady(() => this.loadQuickOrderSettings().then(resolve)));
   }
   render() {
     if (!this.isAvailable) {
       return;
     }
     if (this.submitSucess) {
-      return (index.h(index.Host, { class: "s-quick-order" }, index.h("div", { class: 's-quick-order-confirm', style: { backgroundColor: salla.config.get('theme.color.primary') + '10', borderColor: salla.config.get('theme.color.primary') + '10', color: salla.config.get('theme.color.primary') } }, index.h("i", { innerHTML: CelebrationIcon }), index.h("span", null, this.thanksMessage))));
+      return (index.h(index.Host, { class: "s-quick-order" }, index.h("div", { class: 's-quick-order-confirm', style: {
+          backgroundColor: salla.config.get('theme.color.primary') + '10',
+          borderColor: salla.config.get('theme.color.primary') + '10',
+          color: salla.config.get('theme.color.primary')
+        } }, index.h("i", { innerHTML: CelebrationIcon }), index.h("span", null, this.thanksMessage))));
     }
     return (index.h(index.Host, { class: `s-quick-order s-quick-order-${this.getDarkOrLight()}` }, index.h("div", { class: `s-quick-order-container s-quick-order-${this.quickOrderStyle}`, style: { backgroundColor: this.getStyleColor() } }, index.h("div", { class: "s-quick-order-button-cont" }, index.h("div", null, index.h("h3", null, this.quickOrderTitle), index.h("p", null, this.subTitle)), index.h("salla-button", { class: this.expanded ? "s-quick-order-btn-close" : "", onClick: (e) => this.submit(e, true), color: this.getBtnColor() }, this.oneClick
       ? this.confirmPayButtonTitle : this.expanded ? index.h("i", { innerHTML: Cancel$1 }) : this.confirmPayButtonTitle)), index.h("form", { onSubmit: (e) => this.submit(e), class: 's-quick-order-expandable ' + (this.expanded ? 's-quick-order-shown' : '') }, Salla.config.isGuest() &&

package/dist/cjs/salla-product-options.cjs.entry.js

@@ -160,8 +160,12 @@ const SallaProductOptions = class {
       data.detail = detail;
     }
     let optionElement = event.target.closest('.s-product-options-option');
-    if (event.target.value || event.type == 'added') {
-      optionElement.classList.remove('s-product-options-option-error');
+    if (event.target.value
+      || ((option.type == DisplayType.FILE || option.type == DisplayType.IMAGE) && event.type === 'added')
+      || (option.type == DisplayType.MAP && event.type === 'selected' && (event.target.lat && event.target.lng))) {
+      setTimeout(() => {
+        optionElement.classList.remove('s-product-options-option-error');
+      }, 200);
     }
     const index = this.selectedOptions.findIndex(option => option.option_id === data.option.id);
     index > -1 ? this.selectedOptions[index] = Object.assign(Object.assign({}, data.detail), { option_id: data.option.id }) : this.selectedOptions.push(Object.assign(Object.assign({}, data.detail), { option_id: data.option.id }));
@@ -298,7 +302,7 @@ const SallaProductOptions = class {
         + (detail.additional_price ? ` <p> (${salla.money(detail.additional_price)}) </p>` : '');
     }
     return detail.name
-      + ((outOfStock && this.isOptionDetailOut(detail)) ? ` - ${this.outOfStockText}` : '')
+      + ((outOfStock && this.isOptionDetailOut(detail)) ? ` - ${salla.lang.get("pages.products.out_of_stock")}` : '')
       + (detail.additional_price ? ` (${salla.money(detail.additional_price)})` : '');
   }
   isOptionDetailOut(detail) {

package/dist/collection/components/salla-count-down/salla-count-down.js

@@ -44,7 +44,7 @@ export class SallaCountDown {
     return salla.helpers.number(digit, this.digits === 'en');
   }
   startCountDown() {
-    let countDownDate = new Date(this.date);
+    let countDownDate = new Date(this.date.replace(/-/g, "/"));
     if (this.endOfDay || this.date.split(' ').length === 1) {
       countDownDate.setHours(23, 59, 59, 999);
     }

package/dist/collection/components/salla-file-upload/salla-file-upload.js

@@ -165,6 +165,7 @@ export class SallaFileUpload {
     let fileInput = this.getFormDataFileInput();
     fileInput.type = 'hidden';
     fileInput.value = this.value;
+    this.hiddenInput.value = this.value;
     fileInput.dispatchEvent(new window.Event('change', { bubbles: true }));
     return this.uploaded.emit(this.value);
   }
@@ -253,7 +254,7 @@ export class SallaFileUpload {
         "s-file-upload-profile-image": this.profileImage,
       } },
       h("input", { type: "file", name: this.name, value: this.value, ref: ele => this.fileUploader = ele, required: this.required, class: "s-file-upload-wrapper s-file-upload-input", accept: this.accept }),
-      h("input", { class: "s-file-upload-hidden-input", name: 'hidden-' + this.name, required: this.required, value: this.value, ref: input => this.hiddenInput = input })));
+      h("input", { class: "s-hidden", name: 'hidden-' + this.name, required: this.required, value: this.value, ref: input => this.hiddenInput = input })));
   }
   componentDidLoad() {
     let files = this.getFiles();

package/dist/collection/components/salla-map/salla-map.js

@@ -258,12 +258,17 @@ export class SallaMap {
                   lng: this.lng,
                   address: this.formattedAddress ? this.formattedAddress : null,
                 };
-                this.mapInput.value = `${points.lat}, ${points.lng}`;
                 salla.event.emit('salla-map::selected', points);
                 this.selected.emit(points);
                 this.selectedLat = points.lat;
                 this.selectedLng = points.lng;
                 this.getPositionAddress(new google.maps.LatLng(points.lat, points.lng), true);
+                if (!this.selectedLat || !this.selectedLng) {
+                  this.mapInput.value = null;
+                }
+                else {
+                  this.mapInput.value = `${this.selectedLat}, ${this.selectedLng}`;
+                }
                 this.mapInput.dispatchEvent(new window.Event('change', { bubbles: true }));
                 this.locationModal.close();
               } }, this.confirmButtonTitle)
@@ -284,7 +289,7 @@ export class SallaMap {
             this.locateButtonEdit,
             " | ",
             this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))),
-      h("input", { type: "hidden", name: this.name, required: this.required, value: this.getLatLng(), ref: color => this.mapInput = color })));
+      h("input", { class: "s-hidden", name: this.name, required: this.required, value: this.getLatLng(), ref: color => this.mapInput = color })));
   }
   static get is() { return "salla-map"; }
   static get originalStyleUrls() { return {

package/dist/collection/components/salla-product-options/salla-product-options.js

@@ -114,8 +114,12 @@ export class SallaProductOptions {
       data.detail = detail;
     }
     let optionElement = event.target.closest('.s-product-options-option');
-    if (event.target.value || event.type == 'added') {
-      optionElement.classList.remove('s-product-options-option-error');
+    if (event.target.value
+      || ((option.type == DisplayType.FILE || option.type == DisplayType.IMAGE) && event.type === 'added')
+      || (option.type == DisplayType.MAP && event.type === 'selected' && (event.target.lat && event.target.lng))) {
+      setTimeout(() => {
+        optionElement.classList.remove('s-product-options-option-error');
+      }, 200);
     }
     const index = this.selectedOptions.findIndex(option => option.option_id === data.option.id);
     index > -1 ? this.selectedOptions[index] = Object.assign(Object.assign({}, data.detail), { option_id: data.option.id }) : this.selectedOptions.push(Object.assign(Object.assign({}, data.detail), { option_id: data.option.id }));
@@ -274,7 +278,7 @@ export class SallaProductOptions {
         + (detail.additional_price ? ` <p> (${salla.money(detail.additional_price)}) </p>` : '');
     }
     return detail.name
-      + ((outOfStock && this.isOptionDetailOut(detail)) ? ` - ${this.outOfStockText}` : '')
+      + ((outOfStock && this.isOptionDetailOut(detail)) ? ` - ${salla.lang.get("pages.products.out_of_stock")}` : '')
       + (detail.additional_price ? ` (${salla.money(detail.additional_price)})` : '');
   }
   isOptionDetailOut(detail) {

package/dist/collection/components/salla-quick-order/salla-quick-order.js

@@ -147,29 +147,36 @@ export class SallaQuickOrder {
     const parsedToDOM = new DOMParser().parseFromString(agreement_text, 'text/html');
     return parsedToDOM.documentElement.innerText.substring(0, length) + '...';
   }
-  loadquickOrderSettings() {
-    return salla.api.withoutNotifier(() => salla.api.cart.getQuickOrderSettings().then(res => {
-      var _a, _b, _c;
-      this.isAvailable = true;
-      this.quickOrderTitle = res.data.title;
-      this.subTitle = res.data.sub_title;
-      this.payButtonTitle = res.data.order_now_button;
-      this.isEmailRequired = res.data.is_email_required;
-      this.isTermsRequired = res.data.show_agreement;
-      this.agreementText = res.data.agreement;
-      this.confirmPayButtonTitle = res.data.confirm_button;
-      this.thanksMessage = res.data.thanks_message;
-      this.quickOrderStyle = res.data.style;
-      this.user = salla.config.get('user') || salla.storage.get('user') || {};
-      this.countryCode = ((_a = this.user) === null || _a === void 0 ? void 0 : _a.country_code) || this.countryCode;
-      // make email required if user is gust or is required from server
-      this.isEmailRequired = ((_b = this.user) === null || _b === void 0 ? void 0 : _b.email) ? false : this.isEmailRequired;
-      // check if one click is available
-      this.oneClick = ((_c = this.user) === null || _c === void 0 ? void 0 : _c.email) && !this.isTermsRequired;
-    }));
+  loadQuickOrderSettings() {
+    var _a, _b, _c;
+    let data = salla.config.get('store.settings.product.quick_order');
+    if (!data) {
+      return Promise.resolve();
+    }
+    this.user = salla.config.get('user') || salla.storage.get('user') || {};
+    this.countryCode = ((_a = this.user) === null || _a === void 0 ? void 0 : _a.country_code) || this.countryCode;
+    // make email required if user is gust or is required from server
+    this.isEmailRequired = ((_b = this.user) === null || _b === void 0 ? void 0 : _b.email) ? false : this.isEmailRequired;
+    // check if one click is available
+    this.oneClick = (_c = this.user) === null || _c === void 0 ? void 0 : _c.email;
+    this.initComponentData(data);
+    return Promise.resolve();
+    // return salla.api.withoutNotifier(() => salla.api.cart.getQuickOrderSettings().then(res => this.initComponentData(res.data)));
+  }
+  initComponentData(data) {
+    this.quickOrderTitle = data.title;
+    this.subTitle = data.sub_title;
+    this.payButtonTitle = data.order_now_button;
+    this.isEmailRequired = data.is_email_required;
+    this.isTermsRequired = data.show_agreement;
+    this.agreementText = data.agreement;
+    this.confirmPayButtonTitle = data.confirm_button;
+    this.thanksMessage = data.thanks_message;
+    this.quickOrderStyle = data.style;
+    this.isAvailable = true;
   }
   componentWillLoad() {
-    return new Promise(resolve => salla.onReady(() => this.loadquickOrderSettings().then(resolve)));
+    return new Promise(resolve => salla.onReady(() => this.loadQuickOrderSettings().then(resolve)));
   }
   render() {
     if (!this.isAvailable) {
@@ -177,7 +184,11 @@ export class SallaQuickOrder {
     }
     if (this.submitSucess) {
       return (h(Host, { class: "s-quick-order" },
-        h("div", { class: 's-quick-order-confirm', style: { backgroundColor: salla.config.get('theme.color.primary') + '10', borderColor: salla.config.get('theme.color.primary') + '10', color: salla.config.get('theme.color.primary') } },
+        h("div", { class: 's-quick-order-confirm', style: {
+            backgroundColor: salla.config.get('theme.color.primary') + '10',
+            borderColor: salla.config.get('theme.color.primary') + '10',
+            color: salla.config.get('theme.color.primary')
+          } },
           h("i", { innerHTML: CelebrationIcon }),
           h("span", null, this.thanksMessage))));
     }

package/dist/components/salla-count-down.js

@@ -49,7 +49,7 @@ const SallaCountDown$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     return salla.helpers.number(digit, this.digits === 'en');
   }
   startCountDown() {
-    let countDownDate = new Date(this.date);
+    let countDownDate = new Date(this.date.replace(/-/g, "/"));
     if (this.endOfDay || this.date.split(' ').length === 1) {
       countDownDate.setHours(23, 59, 59, 999);
     }

package/dist/components/salla-file-upload2.js

@@ -15267,6 +15267,7 @@ const SallaFileUpload = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     let fileInput = this.getFormDataFileInput();
     fileInput.type = 'hidden';
     fileInput.value = this.value;
+    this.hiddenInput.value = this.value;
     fileInput.dispatchEvent(new window.Event('change', { bubbles: true }));
     return this.uploaded.emit(this.value);
   }
@@ -15353,7 +15354,7 @@ const SallaFileUpload = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     return (h(Host, { class: {
         "s-file-upload": true,
         "s-file-upload-profile-image": this.profileImage,
-      } }, h("input", { type: "file", name: this.name, value: this.value, ref: ele => this.fileUploader = ele, required: this.required, class: "s-file-upload-wrapper s-file-upload-input", accept: this.accept }), h("input", { class: "s-file-upload-hidden-input", name: 'hidden-' + this.name, required: this.required, value: this.value, ref: input => this.hiddenInput = input })));
+      } }, h("input", { type: "file", name: this.name, value: this.value, ref: ele => this.fileUploader = ele, required: this.required, class: "s-file-upload-wrapper s-file-upload-input", accept: this.accept }), h("input", { class: "s-hidden", name: 'hidden-' + this.name, required: this.required, value: this.value, ref: input => this.hiddenInput = input })));
   }
   componentDidLoad() {
     let files = this.getFiles();

package/dist/components/salla-map2.js

@@ -689,12 +689,17 @@ const SallaMap = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
               lng: this.lng,
               address: this.formattedAddress ? this.formattedAddress : null,
             };
-            this.mapInput.value = `${points.lat}, ${points.lng}`;
             salla.event.emit('salla-map::selected', points);
             this.selected.emit(points);
             this.selectedLat = points.lat;
             this.selectedLng = points.lng;
             this.getPositionAddress(new google.maps.LatLng(points.lat, points.lng), true);
+            if (!this.selectedLat || !this.selectedLng) {
+              this.mapInput.value = null;
+            }
+            else {
+              this.mapInput.value = `${this.selectedLat}, ${this.selectedLng}`;
+            }
             this.mapInput.dispatchEvent(new window.Event('change', { bubbles: true }));
             this.locationModal.close();
           } }, this.confirmButtonTitle)
@@ -706,7 +711,7 @@ const SallaMap = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         this.locationModal = modal;
       } }, this.getLocationModal()), h("slot", { name: "button" }, h("salla-button", { onClick: () => {
         this.open();
-      }, color: "primary", class: "s-map-location-button" }, h("span", { class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : Location }), this.formattedAddress ? (h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), h("input", { type: "hidden", name: this.name, required: this.required, value: this.getLatLng(), ref: color => this.mapInput = color })));
+      }, color: "primary", class: "s-map-location-button" }, h("span", { class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : Location }), this.formattedAddress ? (h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), h("input", { class: "s-hidden", name: this.name, required: this.required, value: this.getLatLng(), ref: color => this.mapInput = color })));
   }
   get host() { return this; }
   static get style() { return sallaMapCss; }

package/dist/components/salla-product-options.js

@@ -166,8 +166,12 @@ const SallaProductOptions$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
       data.detail = detail;
     }
     let optionElement = event.target.closest('.s-product-options-option');
-    if (event.target.value || event.type == 'added') {
-      optionElement.classList.remove('s-product-options-option-error');
+    if (event.target.value
+      || ((option.type == DisplayType.FILE || option.type == DisplayType.IMAGE) && event.type === 'added')
+      || (option.type == DisplayType.MAP && event.type === 'selected' && (event.target.lat && event.target.lng))) {
+      setTimeout(() => {
+        optionElement.classList.remove('s-product-options-option-error');
+      }, 200);
     }
     const index = this.selectedOptions.findIndex(option => option.option_id === data.option.id);
     index > -1 ? this.selectedOptions[index] = Object.assign(Object.assign({}, data.detail), { option_id: data.option.id }) : this.selectedOptions.push(Object.assign(Object.assign({}, data.detail), { option_id: data.option.id }));
@@ -304,7 +308,7 @@ const SallaProductOptions$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
         + (detail.additional_price ? ` <p> (${salla.money(detail.additional_price)}) </p>` : '');
     }
     return detail.name
-      + ((outOfStock && this.isOptionDetailOut(detail)) ? ` - ${this.outOfStockText}` : '')
+      + ((outOfStock && this.isOptionDetailOut(detail)) ? ` - ${salla.lang.get("pages.products.out_of_stock")}` : '')
       + (detail.additional_price ? ` (${salla.money(detail.additional_price)})` : '');
   }
   isOptionDetailOut(detail) {

package/dist/components/salla-quick-order.js

@@ -175,36 +175,47 @@ const SallaQuickOrder$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     const parsedToDOM = new DOMParser().parseFromString(agreement_text, 'text/html');
     return parsedToDOM.documentElement.innerText.substring(0, length) + '...';
   }
-  loadquickOrderSettings() {
-    return salla.api.withoutNotifier(() => salla.api.cart.getQuickOrderSettings().then(res => {
-      var _a, _b, _c;
-      this.isAvailable = true;
-      this.quickOrderTitle = res.data.title;
-      this.subTitle = res.data.sub_title;
-      this.payButtonTitle = res.data.order_now_button;
-      this.isEmailRequired = res.data.is_email_required;
-      this.isTermsRequired = res.data.show_agreement;
-      this.agreementText = res.data.agreement;
-      this.confirmPayButtonTitle = res.data.confirm_button;
-      this.thanksMessage = res.data.thanks_message;
-      this.quickOrderStyle = res.data.style;
-      this.user = salla.config.get('user') || salla.storage.get('user') || {};
-      this.countryCode = ((_a = this.user) === null || _a === void 0 ? void 0 : _a.country_code) || this.countryCode;
-      // make email required if user is gust or is required from server
-      this.isEmailRequired = ((_b = this.user) === null || _b === void 0 ? void 0 : _b.email) ? false : this.isEmailRequired;
-      // check if one click is available
-      this.oneClick = ((_c = this.user) === null || _c === void 0 ? void 0 : _c.email) && !this.isTermsRequired;
-    }));
+  loadQuickOrderSettings() {
+    var _a, _b, _c;
+    let data = salla.config.get('store.settings.product.quick_order');
+    if (!data) {
+      return Promise.resolve();
+    }
+    this.user = salla.config.get('user') || salla.storage.get('user') || {};
+    this.countryCode = ((_a = this.user) === null || _a === void 0 ? void 0 : _a.country_code) || this.countryCode;
+    // make email required if user is gust or is required from server
+    this.isEmailRequired = ((_b = this.user) === null || _b === void 0 ? void 0 : _b.email) ? false : this.isEmailRequired;
+    // check if one click is available
+    this.oneClick = (_c = this.user) === null || _c === void 0 ? void 0 : _c.email;
+    this.initComponentData(data);
+    return Promise.resolve();
+    // return salla.api.withoutNotifier(() => salla.api.cart.getQuickOrderSettings().then(res => this.initComponentData(res.data)));
+  }
+  initComponentData(data) {
+    this.quickOrderTitle = data.title;
+    this.subTitle = data.sub_title;
+    this.payButtonTitle = data.order_now_button;
+    this.isEmailRequired = data.is_email_required;
+    this.isTermsRequired = data.show_agreement;
+    this.agreementText = data.agreement;
+    this.confirmPayButtonTitle = data.confirm_button;
+    this.thanksMessage = data.thanks_message;
+    this.quickOrderStyle = data.style;
+    this.isAvailable = true;
   }
   componentWillLoad() {
-    return new Promise(resolve => salla.onReady(() => this.loadquickOrderSettings().then(resolve)));
+    return new Promise(resolve => salla.onReady(() => this.loadQuickOrderSettings().then(resolve)));
   }
   render() {
     if (!this.isAvailable) {
       return;
     }
     if (this.submitSucess) {
-      return (h(Host, { class: "s-quick-order" }, h("div", { class: 's-quick-order-confirm', style: { backgroundColor: salla.config.get('theme.color.primary') + '10', borderColor: salla.config.get('theme.color.primary') + '10', color: salla.config.get('theme.color.primary') } }, h("i", { innerHTML: CelebrationIcon }), h("span", null, this.thanksMessage))));
+      return (h(Host, { class: "s-quick-order" }, h("div", { class: 's-quick-order-confirm', style: {
+          backgroundColor: salla.config.get('theme.color.primary') + '10',
+          borderColor: salla.config.get('theme.color.primary') + '10',
+          color: salla.config.get('theme.color.primary')
+        } }, h("i", { innerHTML: CelebrationIcon }), h("span", null, this.thanksMessage))));
     }
     return (h(Host, { class: `s-quick-order s-quick-order-${this.getDarkOrLight()}` }, h("div", { class: `s-quick-order-container s-quick-order-${this.quickOrderStyle}`, style: { backgroundColor: this.getStyleColor() } }, h("div", { class: "s-quick-order-button-cont" }, h("div", null, h("h3", null, this.quickOrderTitle), h("p", null, this.subTitle)), h("salla-button", { class: this.expanded ? "s-quick-order-btn-close" : "", onClick: (e) => this.submit(e, true), color: this.getBtnColor() }, this.oneClick
       ? this.confirmPayButtonTitle : this.expanded ? h("i", { innerHTML: Cancel }) : this.confirmPayButtonTitle)), h("form", { onSubmit: (e) => this.submit(e), class: 's-quick-order-expandable ' + (this.expanded ? 's-quick-order-shown' : '') }, Salla.config.isGuest() &&

package/dist/esm/salla-button_37.entry.js

@@ -2711,7 +2711,7 @@ const SallaCountDown = class {
     return salla.helpers.number(digit, this.digits === 'en');
   }
   startCountDown() {
-    let countDownDate = new Date(this.date);
+    let countDownDate = new Date(this.date.replace(/-/g, "/"));
     if (this.endOfDay || this.date.split(' ').length === 1) {
       countDownDate.setHours(23, 59, 59, 999);
     }
@@ -20796,6 +20796,7 @@ const SallaFileUpload = class {
     let fileInput = this.getFormDataFileInput();
     fileInput.type = 'hidden';
     fileInput.value = this.value;
+    this.hiddenInput.value = this.value;
     fileInput.dispatchEvent(new window.Event('change', { bubbles: true }));
     return this.uploaded.emit(this.value);
   }
@@ -20882,7 +20883,7 @@ const SallaFileUpload = class {
     return (h(Host, { class: {
         "s-file-upload": true,
         "s-file-upload-profile-image": this.profileImage,
-      } }, h("input", { type: "file", name: this.name, value: this.value, ref: ele => this.fileUploader = ele, required: this.required, class: "s-file-upload-wrapper s-file-upload-input", accept: this.accept }), h("input", { class: "s-file-upload-hidden-input", name: 'hidden-' + this.name, required: this.required, value: this.value, ref: input => this.hiddenInput = input })));
+      } }, h("input", { type: "file", name: this.name, value: this.value, ref: ele => this.fileUploader = ele, required: this.required, class: "s-file-upload-wrapper s-file-upload-input", accept: this.accept }), h("input", { class: "s-hidden", name: 'hidden-' + this.name, required: this.required, value: this.value, ref: input => this.hiddenInput = input })));
   }
   componentDidLoad() {
     let files = this.getFiles();
@@ -22833,12 +22834,17 @@ const SallaMap = class {
               lng: this.lng,
               address: this.formattedAddress ? this.formattedAddress : null,
             };
-            this.mapInput.value = `${points.lat}, ${points.lng}`;
             salla.event.emit('salla-map::selected', points);
             this.selected.emit(points);
             this.selectedLat = points.lat;
             this.selectedLng = points.lng;
             this.getPositionAddress(new google.maps.LatLng(points.lat, points.lng), true);
+            if (!this.selectedLat || !this.selectedLng) {
+              this.mapInput.value = null;
+            }
+            else {
+              this.mapInput.value = `${this.selectedLat}, ${this.selectedLng}`;
+            }
             this.mapInput.dispatchEvent(new window.Event('change', { bubbles: true }));
             this.locationModal.close();
           } }, this.confirmButtonTitle)
@@ -22850,7 +22856,7 @@ const SallaMap = class {
         this.locationModal = modal;
       } }, this.getLocationModal()), h("slot", { name: "button" }, h("salla-button", { onClick: () => {
         this.open();
-      }, color: "primary", class: "s-map-location-button" }, h("span", { class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : Location }), this.formattedAddress ? (h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), h("input", { type: "hidden", name: this.name, required: this.required, value: this.getLatLng(), ref: color => this.mapInput = color })));
+      }, color: "primary", class: "s-map-location-button" }, h("span", { class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : Location }), this.formattedAddress ? (h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), h("input", { class: "s-hidden", name: this.name, required: this.required, value: this.getLatLng(), ref: color => this.mapInput = color })));
   }
   get host() { return getElement(this); }
 };
@@ -26324,36 +26330,47 @@ const SallaQuickOrder = class {
     const parsedToDOM = new DOMParser().parseFromString(agreement_text, 'text/html');
     return parsedToDOM.documentElement.innerText.substring(0, length) + '...';
   }
-  loadquickOrderSettings() {
-    return salla.api.withoutNotifier(() => salla.api.cart.getQuickOrderSettings().then(res => {
-      var _a, _b, _c;
-      this.isAvailable = true;
-      this.quickOrderTitle = res.data.title;
-      this.subTitle = res.data.sub_title;
-      this.payButtonTitle = res.data.order_now_button;
-      this.isEmailRequired = res.data.is_email_required;
-      this.isTermsRequired = res.data.show_agreement;
-      this.agreementText = res.data.agreement;
-      this.confirmPayButtonTitle = res.data.confirm_button;
-      this.thanksMessage = res.data.thanks_message;
-      this.quickOrderStyle = res.data.style;
-      this.user = salla.config.get('user') || salla.storage.get('user') || {};
-      this.countryCode = ((_a = this.user) === null || _a === void 0 ? void 0 : _a.country_code) || this.countryCode;
-      // make email required if user is gust or is required from server
-      this.isEmailRequired = ((_b = this.user) === null || _b === void 0 ? void 0 : _b.email) ? false : this.isEmailRequired;
-      // check if one click is available
-      this.oneClick = ((_c = this.user) === null || _c === void 0 ? void 0 : _c.email) && !this.isTermsRequired;
-    }));
+  loadQuickOrderSettings() {
+    var _a, _b, _c;
+    let data = salla.config.get('store.settings.product.quick_order');
+    if (!data) {
+      return Promise.resolve();
+    }
+    this.user = salla.config.get('user') || salla.storage.get('user') || {};
+    this.countryCode = ((_a = this.user) === null || _a === void 0 ? void 0 : _a.country_code) || this.countryCode;
+    // make email required if user is gust or is required from server
+    this.isEmailRequired = ((_b = this.user) === null || _b === void 0 ? void 0 : _b.email) ? false : this.isEmailRequired;
+    // check if one click is available
+    this.oneClick = (_c = this.user) === null || _c === void 0 ? void 0 : _c.email;
+    this.initComponentData(data);
+    return Promise.resolve();
+    // return salla.api.withoutNotifier(() => salla.api.cart.getQuickOrderSettings().then(res => this.initComponentData(res.data)));
+  }
+  initComponentData(data) {
+    this.quickOrderTitle = data.title;
+    this.subTitle = data.sub_title;
+    this.payButtonTitle = data.order_now_button;
+    this.isEmailRequired = data.is_email_required;
+    this.isTermsRequired = data.show_agreement;
+    this.agreementText = data.agreement;
+    this.confirmPayButtonTitle = data.confirm_button;
+    this.thanksMessage = data.thanks_message;
+    this.quickOrderStyle = data.style;
+    this.isAvailable = true;
   }
   componentWillLoad() {
-    return new Promise(resolve => salla.onReady(() => this.loadquickOrderSettings().then(resolve)));
+    return new Promise(resolve => salla.onReady(() => this.loadQuickOrderSettings().then(resolve)));
   }
   render() {
     if (!this.isAvailable) {
       return;
     }
     if (this.submitSucess) {
-      return (h(Host, { class: "s-quick-order" }, h("div", { class: 's-quick-order-confirm', style: { backgroundColor: salla.config.get('theme.color.primary') + '10', borderColor: salla.config.get('theme.color.primary') + '10', color: salla.config.get('theme.color.primary') } }, h("i", { innerHTML: CelebrationIcon }), h("span", null, this.thanksMessage))));
+      return (h(Host, { class: "s-quick-order" }, h("div", { class: 's-quick-order-confirm', style: {
+          backgroundColor: salla.config.get('theme.color.primary') + '10',
+          borderColor: salla.config.get('theme.color.primary') + '10',
+          color: salla.config.get('theme.color.primary')
+        } }, h("i", { innerHTML: CelebrationIcon }), h("span", null, this.thanksMessage))));
     }
     return (h(Host, { class: `s-quick-order s-quick-order-${this.getDarkOrLight()}` }, h("div", { class: `s-quick-order-container s-quick-order-${this.quickOrderStyle}`, style: { backgroundColor: this.getStyleColor() } }, h("div", { class: "s-quick-order-button-cont" }, h("div", null, h("h3", null, this.quickOrderTitle), h("p", null, this.subTitle)), h("salla-button", { class: this.expanded ? "s-quick-order-btn-close" : "", onClick: (e) => this.submit(e, true), color: this.getBtnColor() }, this.oneClick
       ? this.confirmPayButtonTitle : this.expanded ? h("i", { innerHTML: Cancel$1 }) : this.confirmPayButtonTitle)), h("form", { onSubmit: (e) => this.submit(e), class: 's-quick-order-expandable ' + (this.expanded ? 's-quick-order-shown' : '') }, Salla.config.isGuest() &&

package/dist/esm/salla-product-options.entry.js

@@ -156,8 +156,12 @@ const SallaProductOptions = class {
       data.detail = detail;
     }
     let optionElement = event.target.closest('.s-product-options-option');
-    if (event.target.value || event.type == 'added') {
-      optionElement.classList.remove('s-product-options-option-error');
+    if (event.target.value
+      || ((option.type == DisplayType.FILE || option.type == DisplayType.IMAGE) && event.type === 'added')
+      || (option.type == DisplayType.MAP && event.type === 'selected' && (event.target.lat && event.target.lng))) {
+      setTimeout(() => {
+        optionElement.classList.remove('s-product-options-option-error');
+      }, 200);
     }
     const index = this.selectedOptions.findIndex(option => option.option_id === data.option.id);
     index > -1 ? this.selectedOptions[index] = Object.assign(Object.assign({}, data.detail), { option_id: data.option.id }) : this.selectedOptions.push(Object.assign(Object.assign({}, data.detail), { option_id: data.option.id }));
@@ -294,7 +298,7 @@ const SallaProductOptions = class {
         + (detail.additional_price ? ` <p> (${salla.money(detail.additional_price)}) </p>` : '');
     }
     return detail.name
-      + ((outOfStock && this.isOptionDetailOut(detail)) ? ` - ${this.outOfStockText}` : '')
+      + ((outOfStock && this.isOptionDetailOut(detail)) ? ` - ${salla.lang.get("pages.products.out_of_stock")}` : '')
       + (detail.additional_price ? ` (${salla.money(detail.additional_price)})` : '');
   }
   isOptionDetailOut(detail) {