@salla.sa/twilight-components 1.6.5 → 1.6.7

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

@@ -18816,11 +18816,12 @@ const GiftSharing = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-const sallaGiftingCss = ".s-gifting-steps-wrapper{transition:0.2s cubic-bezier(0.55, 0, 0.1, 1) 0s}.is-current-step-2 .gift-step-1,.is-current-step-1 .gift-step-2{pointer-events:none}.is-current-step-1 .gift-step-2{transform:translateX(105%)}.s-gifting-modal .s-modal-body::-webkit-scrollbar{display:none}.s-gifting-select{background-image:url(\"data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>\")}";
+const sallaGiftingCss = ".s-gifting-steps-wrapper{transition:0.2s cubic-bezier(0.55, 0, 0.1, 1) 0s}.s-gifting-select{background-image:url(\"data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>\")}";
 
 const SallaGifting = class {
   constructor(hostRef) {
     index$1.registerInstance(this, hostRef);
+    this.selectImageForYourGift = salla.lang.get('blocks.buy_as_gift.select_image_or_upload');
     this.currentStep = 1;
     this.showCalendar = false;
     this.showGiftText = false;
@@ -18839,6 +18840,7 @@ const SallaGifting = class {
     this.timeZone = null;
     salla.lang.onLoaded(() => {
       this.selectImageOrUpload = salla.lang.get('blocks.buy_as_gift.select_image_or_upload');
+      this.selectImageForYourGift = salla.lang.get('blocks.buy_as_gift.select_image_for_your_gift');
       this.step1Elems = document.querySelectorAll('.gift-step-1 .anime-item');
       this.step2Elems = document.querySelectorAll('.gift-step-2 .anime-item');
       this.imageCover = document.querySelector('.s-gifting-modal-uploader');
@@ -18850,7 +18852,6 @@ const SallaGifting = class {
       this.sectionSubtitle = salla.lang.get('blocks.buy_as_gift.gift_the_one_you_love_message');
       this.sectionBtnText = salla.lang.get('blocks.buy_as_gift.send_as_a_gift');
       this.giftDetails = salla.lang.get('blocks.buy_as_gift.gift_details');
-      this.selectImageForYourGift = salla.lang.get('blocks.buy_as_gift.select_image_for_your_gift');
       this.selectGiftMessage = salla.lang.get('blocks.buy_as_gift.select_gift_message');
       this.giftCustomText = salla.lang.get('blocks.buy_as_gift.gift_custom_text');
       this.textId = salla.lang.get('blocks.buy_as_gift.text_id');
@@ -18881,7 +18882,7 @@ const SallaGifting = class {
     })
       .catch(e => {
       var _a, _b, _c, _d;
-      this.hasError = true;
+      this.hasError = false;
       this.errorMessage = ((_c = (_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.message) || ((_d = e.response) === null || _d === void 0 ? void 0 : _d.data);
     })
       .finally(() => this.modal.stopLoading()));
@@ -18918,12 +18919,13 @@ const SallaGifting = class {
     let dataID = event.target.children[event.target.selectedIndex].getAttribute('data-id');
     let customID = dataID == "custom";
     this.showGiftText = customID;
-    // dataID ? this.selectedGiftTextOption = dataID : this.selectedGiftTextOption = undefined;
     if (dataID) {
       this.selectedGiftTextOption = dataID;
+      customID ? this.selectedText = undefined : this.selectedText = event.target.value;
       this.setWrapperHeight(1, 150, 0);
     }
     else {
+      this.selectedText = undefined;
       this.selectedGiftTextOption = undefined;
       this.setWrapperHeight(1, 150, -25);
     }
@@ -19132,6 +19134,7 @@ const SallaGifting = class {
     };
     return await salla.product.addGiftToCart(this.productId, payload, true).then((resp) => {
       console.log(resp);
+      this.modal.close();
     }).catch((e) => {
       if (e.response.status == 422) {
         this.errors = e.response.data.error.fields;
@@ -19153,7 +19156,7 @@ const SallaGifting = class {
             index$1.h("div", { class: "s-gifting-steps-wrapper steps-wrapper" }, index$1.h("div", { class: "s-gifting-step-one gift-step-1" }, index$1.h("div", { class: "s-gifting-modal-uploader-title anime-item opacity-0" }, this.selectImageForYourGift), index$1.h("div", { class: "s-gifting-modal-uploader anime-item opacity-0" }, index$1.h("span", { class: "s-gifting-remove-preview", onClick: () => this.removePreview(), innerHTML: Cancel }), this.selectImageOrUpload && index$1.h("salla-file-upload", { "instant-upload": true, labelIdle: this.getFilepondPlaceholder(), serverConfig: this.getServerConfig(), onRemove: () => this.handleRemoveImage() }, " ")), index$1.h("div", { class: "anime-item opacity-0" }, !this.uploadedImage && !!this.gift && this.gift.gift_images.length > 0 ?
               index$1.h("salla-swiper", { "space-between-items": "10", "item-per-view": "4" }, (_a = this.gift) === null || _a === void 0 ? void 0 : _a.gift_images.map((item) => index$1.h("img", { class: "s-gifting-image s-gifting-clickable", src: item.url, onClick: () => this.setPreview(item), alt: `${item.id}` })))
               : "", index$1.h("div", { class: "s-form-group s-gifting-selectText anime-item opacity-0" }, index$1.h("label", { htmlFor: "gift-text-selection", class: "s-form-label" }, this.selectGiftMessage), index$1.h("select", { id: "gift-text-selection", name: "gift-text-selection", class: "s-form-control s-gifting-select", onChange: e => this.toggleGiftText(e) }, index$1.h("option", { "data-id": null, selected: true }, this.selectGiftMessage), (_b = this.gift) === null || _b === void 0 ? void 0 :
-              _b.gift_texts.map((txt) => index$1.h("option", { "data-id": txt.id, value: txt.text, key: txt.id }, txt.text)), index$1.h("option", { "data-id": "custom" }, this.giftCustomText))), index$1.h("div", { class: this.showGiftText ? "s-form-group anime-item opacity-0 s-gifting-textarea shown" : "s-form-group s-gifting-textarea hide" }, index$1.h("label", { htmlFor: "gift-custom-text", class: "s-form-label" }, this.giftCustomText), index$1.h("div", { class: "mt-1" }, index$1.h("textarea", { onInput: (event) => this.handleTextAreaChange(event), rows: 4, name: "gift-custom-text", id: "gift-custom-text", class: "s-form-control" }))), index$1.h("div", { class: "anime-item opacity-0" }, index$1.h("salla-button", { color: "primary", width: "wide", onClick: () => this.goToStep2() }, index$1.h("span", null, this.nextStep))))), index$1.h("div", { class: "s-gifting-step-two gift-step-2" }, index$1.h("div", { class: this.errors && this.errors['sender_name'] ? "s-form-group s-form-has-error anime-item opacity-0" : "s-form-group anime-item opacity-0" }, index$1.h("label", { htmlFor: "sender_name", class: "s-form-label" }, this.senderNameLabel), index$1.h("input", { type: "text", class: "s-form-control", name: "sender_name", id: "sender_name", value: this.senderName, onInput: (event) => this.handleSenderName(event), placeholder: "" }), this.errors && this.errors['sender_name'] ? index$1.h("span", { class: "text-danger text-xs" }, this.errors['sender_name']) : ''), index$1.h("div", { class: this.errors && this.errors['receiver.name'] ? "s-form-group s-form-has-error anime-item opacity-0" : "s-form-group anime-item opacity-0" }, index$1.h("label", { htmlFor: "receiver_name", class: "s-form-label" }, this.receiverNameFieldLabel), index$1.h("input", { type: "text", class: "s-form-control", name: "receiver_name", id: "receiver_name", value: "", onInput: (event) => this.handleReceiverName(event), placeholder: "" }), this.errors && this.errors['receiver.name'] ? index$1.h("span", { class: "text-danger text-xs" }, this.errors['receiver.name']) : ''), index$1.h("div", { class: this.errors && this.errors['receiver.mobile'] ? "s-form-group s-form-has-error anime-item opacity-0" : "s-form-group anime-item opacity-0" }, index$1.h("label", { class: "s-form-label" }, this.receiverMobileFieldLabel), index$1.h("salla-tel-input", { class: "s-gifting-tel-input", phone: this.receiverMobile, countryCode: this.receiverCountryCode, onPhoneEntered: (e) => this.handlePhoneInputChange(e) }), this.errors && this.errors['receiver.mobile'] ? index$1.h("span", { class: "text-danger text-xs" }, this.errors['receiver.mobile']) : ''), index$1.h("div", { class: "anime-item opacity-0" }, index$1.h("label", { class: "s-gifting-schedule s-gifting-clickable", htmlFor: "schedule" }, index$1.h("input", { type: "checkbox", name: 'schedule', id: 'schedule', onChange: () => this.toggleCalendar(), class: "s-checkbox" }), index$1.h("span", { class: "s-form-label" }, " ", this.sendLater, " "))), index$1.h("div", { class: this.getCalendarClasses() }, index$1.h("label", { class: "s-form-label" }, this.selectSendDateAndTime), index$1.h("salla-datetime-picker", { value: this.deliveryDate, placeholder: this.selectSendDateAndTime, "enable-time": true, "date-format": "Y-m-d H:i", onPicked: (event) => this.handleDateTimePicker(event) }), index$1.h("span", { class: "s-gifting-calendar-hint" }, this.canNotEditOrderAfterSelectDate)), index$1.h("div", { class: "s-gifting-step-two-footer anime-item opacity-0" }, index$1.h("a", { href: "#!", innerHTML: this.currentLang == 'ar' ? ArrowRightIcon : ArrowLeftIcon, onClick: () => this.goToStep1() }), index$1.h("salla-button", { onClick: () => this.submitForm(), color: "primary", width: 'wide' }, index$1.h("span", null, this.sendGift)))))
+              _b.gift_texts.map((txt) => index$1.h("option", { "data-id": txt.id, value: txt.text, key: txt.id }, txt.text)), index$1.h("option", { "data-id": "custom" }, this.giftCustomText))), index$1.h("div", { class: this.showGiftText ? "s-form-group anime-item opacity-0 s-gifting-textarea shown" : "s-form-group s-gifting-textarea hide" }, index$1.h("label", { htmlFor: "gift-custom-text", class: "s-form-label" }, this.giftCustomText), index$1.h("div", { class: "mt-1" }, index$1.h("textarea", { onInput: (event) => this.handleTextAreaChange(event), rows: 4, name: "gift-custom-text", id: "gift-custom-text", class: "s-form-control" }))), index$1.h("div", { class: "anime-item opacity-0" }, index$1.h("salla-button", { color: "primary", width: "wide", onClick: () => this.goToStep2() }, index$1.h("span", null, this.nextStep))))), index$1.h("div", { class: "s-gifting-step-two gift-step-2" }, index$1.h("div", { class: this.errors && this.errors['sender_name'] ? "s-form-group s-form-has-error anime-item opacity-0" : "s-form-group anime-item opacity-0" }, index$1.h("label", { htmlFor: "sender_name", class: "s-form-label" }, this.senderNameLabel), index$1.h("input", { type: "text", class: "s-form-control", name: "sender_name", id: "sender_name", value: this.senderName, onInput: (event) => this.handleSenderName(event), placeholder: "" }), this.errors && this.errors['sender_name'] ? index$1.h("span", { class: "text-danger text-xs" }, this.errors['sender_name']) : ''), index$1.h("div", { class: this.errors && this.errors['receiver.name'] ? "s-form-group s-form-has-error anime-item opacity-0" : "s-form-group anime-item opacity-0" }, index$1.h("label", { htmlFor: "receiver_name", class: "s-form-label" }, this.receiverNameFieldLabel), index$1.h("input", { type: "text", class: "s-form-control", name: "receiver_name", id: "receiver_name", value: "", onInput: (event) => this.handleReceiverName(event), placeholder: "" }), this.errors && this.errors['receiver.name'] ? index$1.h("span", { class: "text-danger text-xs" }, this.errors['receiver.name']) : ''), index$1.h("div", { class: this.errors && this.errors['receiver.mobile'] ? "s-form-group s-form-has-error anime-item opacity-0" : "s-form-group anime-item opacity-0" }, index$1.h("label", { class: "s-form-label" }, this.receiverMobileFieldLabel), index$1.h("salla-tel-input", { class: "s-gifting-tel-input", phone: this.receiverMobile, countryCode: this.receiverCountryCode, onPhoneEntered: (e) => this.handlePhoneInputChange(e) }), this.errors && this.errors['receiver.mobile'] ? index$1.h("span", { class: "text-danger text-xs" }, this.errors['receiver.mobile']) : ''), index$1.h("div", { class: "anime-item opacity-0" }, index$1.h("label", { class: "s-gifting-schedule s-gifting-clickable", htmlFor: "schedule" }, index$1.h("input", { type: "checkbox", name: 'schedule', id: 'schedule', onChange: () => this.toggleCalendar(), class: "s-checkbox" }), index$1.h("span", { class: "s-form-label" }, " ", this.sendLater, " "))), index$1.h("div", { class: this.getCalendarClasses() }, index$1.h("label", { class: "s-form-label" }, this.selectSendDateAndTime), index$1.h("salla-datetime-picker", { value: this.deliveryDate, placeholder: this.selectSendDateAndTime, "enable-time": true, "date-format": "Y-m-d H:i K", onPicked: (event) => this.handleDateTimePicker(event) }), index$1.h("span", { class: "s-gifting-calendar-hint" }, this.canNotEditOrderAfterSelectDate)), index$1.h("div", { class: "s-gifting-step-two-footer anime-item opacity-0" }, index$1.h("a", { href: "#!", innerHTML: this.currentLang == 'ar' ? ArrowRightIcon : ArrowLeftIcon, onClick: () => this.goToStep1() }), index$1.h("salla-button", { onClick: () => this.submitForm(), color: "primary", width: 'wide' }, index$1.h("span", null, this.sendGift)))))
           ], index$1.h("slot", { name: "footer" })))
     ];
   }
@@ -20135,14 +20138,14 @@ const SallaOfferModal = class {
   async open(product_id) {
     //TODO:: make sure there is only one offer
     this.modal.open();
-    return salla.api.withoutNotifier(salla.product.offers(product_id))
+    return salla.api.withoutNotifier(salla.product.offers(product_id)
       .then(response => this.showOffer(response.data[0]))
       .catch(e => {
       var _a, _b, _c, _d;
       this.hasError = true;
       this.errorMessage = ((_c = (_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.message) || ((_d = e.response) === null || _d === void 0 ? void 0 : _d.data);
     })
-      .finally(() => setTimeout(() => { this.modal.stopLoading(); }, 1000));
+      .finally(() => setTimeout(() => { this.modal.stopLoading(); }, 1000)));
   }
   /**
    * Show offer details

package/dist/collection/components/salla-gifting/salla-gifting.css

@@ -2,19 +2,6 @@
   transition: 0.2s cubic-bezier(0.55, 0, 0.1, 1) 0s;
 }
 
-.is-current-step-2 .gift-step-1,
-.is-current-step-1 .gift-step-2 {
-  pointer-events: none;
-}
-
-.is-current-step-1 .gift-step-2 {
-  transform: translateX(105%);
-}
-
-.s-gifting-modal .s-modal-body::-webkit-scrollbar {
-  display: none;
-}
-
 .s-gifting-select {
   background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
 }

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

@@ -10,6 +10,7 @@ import Cancel from '../../assets/svg/cancel.svg';
 import GiftSharing from '../../assets/svg/gift-sharing.svg';
 export class SallaGifting {
   constructor() {
+    this.selectImageForYourGift = salla.lang.get('blocks.buy_as_gift.select_image_or_upload');
     this.currentStep = 1;
     this.showCalendar = false;
     this.showGiftText = false;
@@ -28,6 +29,7 @@ export class SallaGifting {
     this.timeZone = null;
     salla.lang.onLoaded(() => {
       this.selectImageOrUpload = salla.lang.get('blocks.buy_as_gift.select_image_or_upload');
+      this.selectImageForYourGift = salla.lang.get('blocks.buy_as_gift.select_image_for_your_gift');
       this.step1Elems = document.querySelectorAll('.gift-step-1 .anime-item');
       this.step2Elems = document.querySelectorAll('.gift-step-2 .anime-item');
       this.imageCover = document.querySelector('.s-gifting-modal-uploader');
@@ -39,7 +41,6 @@ export class SallaGifting {
       this.sectionSubtitle = salla.lang.get('blocks.buy_as_gift.gift_the_one_you_love_message');
       this.sectionBtnText = salla.lang.get('blocks.buy_as_gift.send_as_a_gift');
       this.giftDetails = salla.lang.get('blocks.buy_as_gift.gift_details');
-      this.selectImageForYourGift = salla.lang.get('blocks.buy_as_gift.select_image_for_your_gift');
       this.selectGiftMessage = salla.lang.get('blocks.buy_as_gift.select_gift_message');
       this.giftCustomText = salla.lang.get('blocks.buy_as_gift.gift_custom_text');
       this.textId = salla.lang.get('blocks.buy_as_gift.text_id');
@@ -70,7 +71,7 @@ export class SallaGifting {
     })
       .catch(e => {
       var _a, _b, _c, _d;
-      this.hasError = true;
+      this.hasError = false;
       this.errorMessage = ((_c = (_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.message) || ((_d = e.response) === null || _d === void 0 ? void 0 : _d.data);
     })
       .finally(() => this.modal.stopLoading()));
@@ -107,12 +108,13 @@ export class SallaGifting {
     let dataID = event.target.children[event.target.selectedIndex].getAttribute('data-id');
     let customID = dataID == "custom";
     this.showGiftText = customID;
-    // dataID ? this.selectedGiftTextOption = dataID : this.selectedGiftTextOption = undefined;
     if (dataID) {
       this.selectedGiftTextOption = dataID;
+      customID ? this.selectedText = undefined : this.selectedText = event.target.value;
       this.setWrapperHeight(1, 150, 0);
     }
     else {
+      this.selectedText = undefined;
       this.selectedGiftTextOption = undefined;
       this.setWrapperHeight(1, 150, -25);
     }
@@ -321,6 +323,7 @@ export class SallaGifting {
     };
     return await salla.product.addGiftToCart(this.productId, payload, true).then((resp) => {
       console.log(resp);
+      this.modal.close();
     }).catch((e) => {
       if (e.response.status == 422) {
         this.errors = e.response.data.error.fields;
@@ -420,7 +423,7 @@ export class SallaGifting {
                           " "))),
                     h("div", { class: this.getCalendarClasses() },
                       h("label", { class: "s-form-label" }, this.selectSendDateAndTime),
-                      h("salla-datetime-picker", { value: this.deliveryDate, placeholder: this.selectSendDateAndTime, "enable-time": true, "date-format": "Y-m-d H:i", onPicked: (event) => this.handleDateTimePicker(event) }),
+                      h("salla-datetime-picker", { value: this.deliveryDate, placeholder: this.selectSendDateAndTime, "enable-time": true, "date-format": "Y-m-d H:i K", onPicked: (event) => this.handleDateTimePicker(event) }),
                       h("span", { class: "s-gifting-calendar-hint" }, this.canNotEditOrderAfterSelectDate)),
                     h("div", { class: "s-gifting-step-two-footer anime-item opacity-0" },
                       h("a", { href: "#!", innerHTML: this.currentLang == 'ar' ? RightArrow : LeftArrow, onClick: () => this.goToStep1() }),

package/dist/collection/components/salla-offer-modal/salla-offer-modal.js

@@ -41,14 +41,14 @@ export class SallaOfferModal {
   async open(product_id) {
     //TODO:: make sure there is only one offer
     this.modal.open();
-    return salla.api.withoutNotifier(salla.product.offers(product_id))
+    return salla.api.withoutNotifier(salla.product.offers(product_id)
       .then(response => this.showOffer(response.data[0]))
       .catch(e => {
       var _a, _b, _c, _d;
       this.hasError = true;
       this.errorMessage = ((_c = (_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.message) || ((_d = e.response) === null || _d === void 0 ? void 0 : _d.data);
     })
-      .finally(() => setTimeout(() => { this.modal.stopLoading(); }, 1000));
+      .finally(() => setTimeout(() => { this.modal.stopLoading(); }, 1000)));
   }
   /**
    * Show offer details

package/dist/components/salla-gifting.js

@@ -29,12 +29,13 @@ const GiftSharing = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-const sallaGiftingCss = ".s-gifting-steps-wrapper{transition:0.2s cubic-bezier(0.55, 0, 0.1, 1) 0s}.is-current-step-2 .gift-step-1,.is-current-step-1 .gift-step-2{pointer-events:none}.is-current-step-1 .gift-step-2{transform:translateX(105%)}.s-gifting-modal .s-modal-body::-webkit-scrollbar{display:none}.s-gifting-select{background-image:url(\"data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>\")}";
+const sallaGiftingCss = ".s-gifting-steps-wrapper{transition:0.2s cubic-bezier(0.55, 0, 0.1, 1) 0s}.s-gifting-select{background-image:url(\"data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>\")}";
 
 const SallaGifting$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.selectImageForYourGift = salla.lang.get('blocks.buy_as_gift.select_image_or_upload');
     this.currentStep = 1;
     this.showCalendar = false;
     this.showGiftText = false;
@@ -53,6 +54,7 @@ const SallaGifting$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this.timeZone = null;
     salla.lang.onLoaded(() => {
       this.selectImageOrUpload = salla.lang.get('blocks.buy_as_gift.select_image_or_upload');
+      this.selectImageForYourGift = salla.lang.get('blocks.buy_as_gift.select_image_for_your_gift');
       this.step1Elems = document.querySelectorAll('.gift-step-1 .anime-item');
       this.step2Elems = document.querySelectorAll('.gift-step-2 .anime-item');
       this.imageCover = document.querySelector('.s-gifting-modal-uploader');
@@ -64,7 +66,6 @@ const SallaGifting$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
       this.sectionSubtitle = salla.lang.get('blocks.buy_as_gift.gift_the_one_you_love_message');
       this.sectionBtnText = salla.lang.get('blocks.buy_as_gift.send_as_a_gift');
       this.giftDetails = salla.lang.get('blocks.buy_as_gift.gift_details');
-      this.selectImageForYourGift = salla.lang.get('blocks.buy_as_gift.select_image_for_your_gift');
       this.selectGiftMessage = salla.lang.get('blocks.buy_as_gift.select_gift_message');
       this.giftCustomText = salla.lang.get('blocks.buy_as_gift.gift_custom_text');
       this.textId = salla.lang.get('blocks.buy_as_gift.text_id');
@@ -95,7 +96,7 @@ const SallaGifting$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     })
       .catch(e => {
       var _a, _b, _c, _d;
-      this.hasError = true;
+      this.hasError = false;
       this.errorMessage = ((_c = (_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.message) || ((_d = e.response) === null || _d === void 0 ? void 0 : _d.data);
     })
       .finally(() => this.modal.stopLoading()));
@@ -132,12 +133,13 @@ const SallaGifting$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     let dataID = event.target.children[event.target.selectedIndex].getAttribute('data-id');
     let customID = dataID == "custom";
     this.showGiftText = customID;
-    // dataID ? this.selectedGiftTextOption = dataID : this.selectedGiftTextOption = undefined;
     if (dataID) {
       this.selectedGiftTextOption = dataID;
+      customID ? this.selectedText = undefined : this.selectedText = event.target.value;
       this.setWrapperHeight(1, 150, 0);
     }
     else {
+      this.selectedText = undefined;
       this.selectedGiftTextOption = undefined;
       this.setWrapperHeight(1, 150, -25);
     }
@@ -346,6 +348,7 @@ const SallaGifting$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     };
     return await salla.product.addGiftToCart(this.productId, payload, true).then((resp) => {
       console.log(resp);
+      this.modal.close();
     }).catch((e) => {
       if (e.response.status == 422) {
         this.errors = e.response.data.error.fields;
@@ -367,7 +370,7 @@ const SallaGifting$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
             h("div", { class: "s-gifting-steps-wrapper steps-wrapper" }, h("div", { class: "s-gifting-step-one gift-step-1" }, h("div", { class: "s-gifting-modal-uploader-title anime-item opacity-0" }, this.selectImageForYourGift), h("div", { class: "s-gifting-modal-uploader anime-item opacity-0" }, h("span", { class: "s-gifting-remove-preview", onClick: () => this.removePreview(), innerHTML: Cancel }), this.selectImageOrUpload && h("salla-file-upload", { "instant-upload": true, labelIdle: this.getFilepondPlaceholder(), serverConfig: this.getServerConfig(), onRemove: () => this.handleRemoveImage() }, " ")), h("div", { class: "anime-item opacity-0" }, !this.uploadedImage && !!this.gift && this.gift.gift_images.length > 0 ?
               h("salla-swiper", { "space-between-items": "10", "item-per-view": "4" }, (_a = this.gift) === null || _a === void 0 ? void 0 : _a.gift_images.map((item) => h("img", { class: "s-gifting-image s-gifting-clickable", src: item.url, onClick: () => this.setPreview(item), alt: `${item.id}` })))
               : "", h("div", { class: "s-form-group s-gifting-selectText anime-item opacity-0" }, h("label", { htmlFor: "gift-text-selection", class: "s-form-label" }, this.selectGiftMessage), h("select", { id: "gift-text-selection", name: "gift-text-selection", class: "s-form-control s-gifting-select", onChange: e => this.toggleGiftText(e) }, h("option", { "data-id": null, selected: true }, this.selectGiftMessage), (_b = this.gift) === null || _b === void 0 ? void 0 :
-              _b.gift_texts.map((txt) => h("option", { "data-id": txt.id, value: txt.text, key: txt.id }, txt.text)), h("option", { "data-id": "custom" }, this.giftCustomText))), h("div", { class: this.showGiftText ? "s-form-group anime-item opacity-0 s-gifting-textarea shown" : "s-form-group s-gifting-textarea hide" }, h("label", { htmlFor: "gift-custom-text", class: "s-form-label" }, this.giftCustomText), h("div", { class: "mt-1" }, h("textarea", { onInput: (event) => this.handleTextAreaChange(event), rows: 4, name: "gift-custom-text", id: "gift-custom-text", class: "s-form-control" }))), h("div", { class: "anime-item opacity-0" }, h("salla-button", { color: "primary", width: "wide", onClick: () => this.goToStep2() }, h("span", null, this.nextStep))))), h("div", { class: "s-gifting-step-two gift-step-2" }, h("div", { class: this.errors && this.errors['sender_name'] ? "s-form-group s-form-has-error anime-item opacity-0" : "s-form-group anime-item opacity-0" }, h("label", { htmlFor: "sender_name", class: "s-form-label" }, this.senderNameLabel), h("input", { type: "text", class: "s-form-control", name: "sender_name", id: "sender_name", value: this.senderName, onInput: (event) => this.handleSenderName(event), placeholder: "" }), this.errors && this.errors['sender_name'] ? h("span", { class: "text-danger text-xs" }, this.errors['sender_name']) : ''), h("div", { class: this.errors && this.errors['receiver.name'] ? "s-form-group s-form-has-error anime-item opacity-0" : "s-form-group anime-item opacity-0" }, h("label", { htmlFor: "receiver_name", class: "s-form-label" }, this.receiverNameFieldLabel), h("input", { type: "text", class: "s-form-control", name: "receiver_name", id: "receiver_name", value: "", onInput: (event) => this.handleReceiverName(event), placeholder: "" }), this.errors && this.errors['receiver.name'] ? h("span", { class: "text-danger text-xs" }, this.errors['receiver.name']) : ''), h("div", { class: this.errors && this.errors['receiver.mobile'] ? "s-form-group s-form-has-error anime-item opacity-0" : "s-form-group anime-item opacity-0" }, h("label", { class: "s-form-label" }, this.receiverMobileFieldLabel), h("salla-tel-input", { class: "s-gifting-tel-input", phone: this.receiverMobile, countryCode: this.receiverCountryCode, onPhoneEntered: (e) => this.handlePhoneInputChange(e) }), this.errors && this.errors['receiver.mobile'] ? h("span", { class: "text-danger text-xs" }, this.errors['receiver.mobile']) : ''), h("div", { class: "anime-item opacity-0" }, h("label", { class: "s-gifting-schedule s-gifting-clickable", htmlFor: "schedule" }, h("input", { type: "checkbox", name: 'schedule', id: 'schedule', onChange: () => this.toggleCalendar(), class: "s-checkbox" }), h("span", { class: "s-form-label" }, " ", this.sendLater, " "))), h("div", { class: this.getCalendarClasses() }, h("label", { class: "s-form-label" }, this.selectSendDateAndTime), h("salla-datetime-picker", { value: this.deliveryDate, placeholder: this.selectSendDateAndTime, "enable-time": true, "date-format": "Y-m-d H:i", onPicked: (event) => this.handleDateTimePicker(event) }), h("span", { class: "s-gifting-calendar-hint" }, this.canNotEditOrderAfterSelectDate)), h("div", { class: "s-gifting-step-two-footer anime-item opacity-0" }, h("a", { href: "#!", innerHTML: this.currentLang == 'ar' ? ArrowRightIcon : LeftArrow, onClick: () => this.goToStep1() }), h("salla-button", { onClick: () => this.submitForm(), color: "primary", width: 'wide' }, h("span", null, this.sendGift)))))
+              _b.gift_texts.map((txt) => h("option", { "data-id": txt.id, value: txt.text, key: txt.id }, txt.text)), h("option", { "data-id": "custom" }, this.giftCustomText))), h("div", { class: this.showGiftText ? "s-form-group anime-item opacity-0 s-gifting-textarea shown" : "s-form-group s-gifting-textarea hide" }, h("label", { htmlFor: "gift-custom-text", class: "s-form-label" }, this.giftCustomText), h("div", { class: "mt-1" }, h("textarea", { onInput: (event) => this.handleTextAreaChange(event), rows: 4, name: "gift-custom-text", id: "gift-custom-text", class: "s-form-control" }))), h("div", { class: "anime-item opacity-0" }, h("salla-button", { color: "primary", width: "wide", onClick: () => this.goToStep2() }, h("span", null, this.nextStep))))), h("div", { class: "s-gifting-step-two gift-step-2" }, h("div", { class: this.errors && this.errors['sender_name'] ? "s-form-group s-form-has-error anime-item opacity-0" : "s-form-group anime-item opacity-0" }, h("label", { htmlFor: "sender_name", class: "s-form-label" }, this.senderNameLabel), h("input", { type: "text", class: "s-form-control", name: "sender_name", id: "sender_name", value: this.senderName, onInput: (event) => this.handleSenderName(event), placeholder: "" }), this.errors && this.errors['sender_name'] ? h("span", { class: "text-danger text-xs" }, this.errors['sender_name']) : ''), h("div", { class: this.errors && this.errors['receiver.name'] ? "s-form-group s-form-has-error anime-item opacity-0" : "s-form-group anime-item opacity-0" }, h("label", { htmlFor: "receiver_name", class: "s-form-label" }, this.receiverNameFieldLabel), h("input", { type: "text", class: "s-form-control", name: "receiver_name", id: "receiver_name", value: "", onInput: (event) => this.handleReceiverName(event), placeholder: "" }), this.errors && this.errors['receiver.name'] ? h("span", { class: "text-danger text-xs" }, this.errors['receiver.name']) : ''), h("div", { class: this.errors && this.errors['receiver.mobile'] ? "s-form-group s-form-has-error anime-item opacity-0" : "s-form-group anime-item opacity-0" }, h("label", { class: "s-form-label" }, this.receiverMobileFieldLabel), h("salla-tel-input", { class: "s-gifting-tel-input", phone: this.receiverMobile, countryCode: this.receiverCountryCode, onPhoneEntered: (e) => this.handlePhoneInputChange(e) }), this.errors && this.errors['receiver.mobile'] ? h("span", { class: "text-danger text-xs" }, this.errors['receiver.mobile']) : ''), h("div", { class: "anime-item opacity-0" }, h("label", { class: "s-gifting-schedule s-gifting-clickable", htmlFor: "schedule" }, h("input", { type: "checkbox", name: 'schedule', id: 'schedule', onChange: () => this.toggleCalendar(), class: "s-checkbox" }), h("span", { class: "s-form-label" }, " ", this.sendLater, " "))), h("div", { class: this.getCalendarClasses() }, h("label", { class: "s-form-label" }, this.selectSendDateAndTime), h("salla-datetime-picker", { value: this.deliveryDate, placeholder: this.selectSendDateAndTime, "enable-time": true, "date-format": "Y-m-d H:i K", onPicked: (event) => this.handleDateTimePicker(event) }), h("span", { class: "s-gifting-calendar-hint" }, this.canNotEditOrderAfterSelectDate)), h("div", { class: "s-gifting-step-two-footer anime-item opacity-0" }, h("a", { href: "#!", innerHTML: this.currentLang == 'ar' ? ArrowRightIcon : LeftArrow, onClick: () => this.goToStep1() }), h("salla-button", { onClick: () => this.submitForm(), color: "primary", width: 'wide' }, h("span", null, this.sendGift)))))
           ], h("slot", { name: "footer" })))
     ];
   }

package/dist/components/salla-offer-modal.js

@@ -69,14 +69,14 @@ const SallaOfferModal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
   async open(product_id) {
     //TODO:: make sure there is only one offer
     this.modal.open();
-    return salla.api.withoutNotifier(salla.product.offers(product_id))
+    return salla.api.withoutNotifier(salla.product.offers(product_id)
       .then(response => this.showOffer(response.data[0]))
       .catch(e => {
       var _a, _b, _c, _d;
       this.hasError = true;
       this.errorMessage = ((_c = (_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.message) || ((_d = e.response) === null || _d === void 0 ? void 0 : _d.data);
     })
-      .finally(() => setTimeout(() => { this.modal.stopLoading(); }, 1000));
+      .finally(() => setTimeout(() => { this.modal.stopLoading(); }, 1000)));
   }
   /**
    * Show offer details

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

@@ -18812,11 +18812,12 @@ const GiftSharing = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-const sallaGiftingCss = ".s-gifting-steps-wrapper{transition:0.2s cubic-bezier(0.55, 0, 0.1, 1) 0s}.is-current-step-2 .gift-step-1,.is-current-step-1 .gift-step-2{pointer-events:none}.is-current-step-1 .gift-step-2{transform:translateX(105%)}.s-gifting-modal .s-modal-body::-webkit-scrollbar{display:none}.s-gifting-select{background-image:url(\"data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>\")}";
+const sallaGiftingCss = ".s-gifting-steps-wrapper{transition:0.2s cubic-bezier(0.55, 0, 0.1, 1) 0s}.s-gifting-select{background-image:url(\"data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>\")}";
 
 const SallaGifting = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.selectImageForYourGift = salla.lang.get('blocks.buy_as_gift.select_image_or_upload');
     this.currentStep = 1;
     this.showCalendar = false;
     this.showGiftText = false;
@@ -18835,6 +18836,7 @@ const SallaGifting = class {
     this.timeZone = null;
     salla.lang.onLoaded(() => {
       this.selectImageOrUpload = salla.lang.get('blocks.buy_as_gift.select_image_or_upload');
+      this.selectImageForYourGift = salla.lang.get('blocks.buy_as_gift.select_image_for_your_gift');
       this.step1Elems = document.querySelectorAll('.gift-step-1 .anime-item');
       this.step2Elems = document.querySelectorAll('.gift-step-2 .anime-item');
       this.imageCover = document.querySelector('.s-gifting-modal-uploader');
@@ -18846,7 +18848,6 @@ const SallaGifting = class {
       this.sectionSubtitle = salla.lang.get('blocks.buy_as_gift.gift_the_one_you_love_message');
       this.sectionBtnText = salla.lang.get('blocks.buy_as_gift.send_as_a_gift');
       this.giftDetails = salla.lang.get('blocks.buy_as_gift.gift_details');
-      this.selectImageForYourGift = salla.lang.get('blocks.buy_as_gift.select_image_for_your_gift');
       this.selectGiftMessage = salla.lang.get('blocks.buy_as_gift.select_gift_message');
       this.giftCustomText = salla.lang.get('blocks.buy_as_gift.gift_custom_text');
       this.textId = salla.lang.get('blocks.buy_as_gift.text_id');
@@ -18877,7 +18878,7 @@ const SallaGifting = class {
     })
       .catch(e => {
       var _a, _b, _c, _d;
-      this.hasError = true;
+      this.hasError = false;
       this.errorMessage = ((_c = (_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.message) || ((_d = e.response) === null || _d === void 0 ? void 0 : _d.data);
     })
       .finally(() => this.modal.stopLoading()));
@@ -18914,12 +18915,13 @@ const SallaGifting = class {
     let dataID = event.target.children[event.target.selectedIndex].getAttribute('data-id');
     let customID = dataID == "custom";
     this.showGiftText = customID;
-    // dataID ? this.selectedGiftTextOption = dataID : this.selectedGiftTextOption = undefined;
     if (dataID) {
       this.selectedGiftTextOption = dataID;
+      customID ? this.selectedText = undefined : this.selectedText = event.target.value;
       this.setWrapperHeight(1, 150, 0);
     }
     else {
+      this.selectedText = undefined;
       this.selectedGiftTextOption = undefined;
       this.setWrapperHeight(1, 150, -25);
     }
@@ -19128,6 +19130,7 @@ const SallaGifting = class {
     };
     return await salla.product.addGiftToCart(this.productId, payload, true).then((resp) => {
       console.log(resp);
+      this.modal.close();
     }).catch((e) => {
       if (e.response.status == 422) {
         this.errors = e.response.data.error.fields;
@@ -19149,7 +19152,7 @@ const SallaGifting = class {
             h("div", { class: "s-gifting-steps-wrapper steps-wrapper" }, h("div", { class: "s-gifting-step-one gift-step-1" }, h("div", { class: "s-gifting-modal-uploader-title anime-item opacity-0" }, this.selectImageForYourGift), h("div", { class: "s-gifting-modal-uploader anime-item opacity-0" }, h("span", { class: "s-gifting-remove-preview", onClick: () => this.removePreview(), innerHTML: Cancel }), this.selectImageOrUpload && h("salla-file-upload", { "instant-upload": true, labelIdle: this.getFilepondPlaceholder(), serverConfig: this.getServerConfig(), onRemove: () => this.handleRemoveImage() }, " ")), h("div", { class: "anime-item opacity-0" }, !this.uploadedImage && !!this.gift && this.gift.gift_images.length > 0 ?
               h("salla-swiper", { "space-between-items": "10", "item-per-view": "4" }, (_a = this.gift) === null || _a === void 0 ? void 0 : _a.gift_images.map((item) => h("img", { class: "s-gifting-image s-gifting-clickable", src: item.url, onClick: () => this.setPreview(item), alt: `${item.id}` })))
               : "", h("div", { class: "s-form-group s-gifting-selectText anime-item opacity-0" }, h("label", { htmlFor: "gift-text-selection", class: "s-form-label" }, this.selectGiftMessage), h("select", { id: "gift-text-selection", name: "gift-text-selection", class: "s-form-control s-gifting-select", onChange: e => this.toggleGiftText(e) }, h("option", { "data-id": null, selected: true }, this.selectGiftMessage), (_b = this.gift) === null || _b === void 0 ? void 0 :
-              _b.gift_texts.map((txt) => h("option", { "data-id": txt.id, value: txt.text, key: txt.id }, txt.text)), h("option", { "data-id": "custom" }, this.giftCustomText))), h("div", { class: this.showGiftText ? "s-form-group anime-item opacity-0 s-gifting-textarea shown" : "s-form-group s-gifting-textarea hide" }, h("label", { htmlFor: "gift-custom-text", class: "s-form-label" }, this.giftCustomText), h("div", { class: "mt-1" }, h("textarea", { onInput: (event) => this.handleTextAreaChange(event), rows: 4, name: "gift-custom-text", id: "gift-custom-text", class: "s-form-control" }))), h("div", { class: "anime-item opacity-0" }, h("salla-button", { color: "primary", width: "wide", onClick: () => this.goToStep2() }, h("span", null, this.nextStep))))), h("div", { class: "s-gifting-step-two gift-step-2" }, h("div", { class: this.errors && this.errors['sender_name'] ? "s-form-group s-form-has-error anime-item opacity-0" : "s-form-group anime-item opacity-0" }, h("label", { htmlFor: "sender_name", class: "s-form-label" }, this.senderNameLabel), h("input", { type: "text", class: "s-form-control", name: "sender_name", id: "sender_name", value: this.senderName, onInput: (event) => this.handleSenderName(event), placeholder: "" }), this.errors && this.errors['sender_name'] ? h("span", { class: "text-danger text-xs" }, this.errors['sender_name']) : ''), h("div", { class: this.errors && this.errors['receiver.name'] ? "s-form-group s-form-has-error anime-item opacity-0" : "s-form-group anime-item opacity-0" }, h("label", { htmlFor: "receiver_name", class: "s-form-label" }, this.receiverNameFieldLabel), h("input", { type: "text", class: "s-form-control", name: "receiver_name", id: "receiver_name", value: "", onInput: (event) => this.handleReceiverName(event), placeholder: "" }), this.errors && this.errors['receiver.name'] ? h("span", { class: "text-danger text-xs" }, this.errors['receiver.name']) : ''), h("div", { class: this.errors && this.errors['receiver.mobile'] ? "s-form-group s-form-has-error anime-item opacity-0" : "s-form-group anime-item opacity-0" }, h("label", { class: "s-form-label" }, this.receiverMobileFieldLabel), h("salla-tel-input", { class: "s-gifting-tel-input", phone: this.receiverMobile, countryCode: this.receiverCountryCode, onPhoneEntered: (e) => this.handlePhoneInputChange(e) }), this.errors && this.errors['receiver.mobile'] ? h("span", { class: "text-danger text-xs" }, this.errors['receiver.mobile']) : ''), h("div", { class: "anime-item opacity-0" }, h("label", { class: "s-gifting-schedule s-gifting-clickable", htmlFor: "schedule" }, h("input", { type: "checkbox", name: 'schedule', id: 'schedule', onChange: () => this.toggleCalendar(), class: "s-checkbox" }), h("span", { class: "s-form-label" }, " ", this.sendLater, " "))), h("div", { class: this.getCalendarClasses() }, h("label", { class: "s-form-label" }, this.selectSendDateAndTime), h("salla-datetime-picker", { value: this.deliveryDate, placeholder: this.selectSendDateAndTime, "enable-time": true, "date-format": "Y-m-d H:i", onPicked: (event) => this.handleDateTimePicker(event) }), h("span", { class: "s-gifting-calendar-hint" }, this.canNotEditOrderAfterSelectDate)), h("div", { class: "s-gifting-step-two-footer anime-item opacity-0" }, h("a", { href: "#!", innerHTML: this.currentLang == 'ar' ? ArrowRightIcon : ArrowLeftIcon, onClick: () => this.goToStep1() }), h("salla-button", { onClick: () => this.submitForm(), color: "primary", width: 'wide' }, h("span", null, this.sendGift)))))
+              _b.gift_texts.map((txt) => h("option", { "data-id": txt.id, value: txt.text, key: txt.id }, txt.text)), h("option", { "data-id": "custom" }, this.giftCustomText))), h("div", { class: this.showGiftText ? "s-form-group anime-item opacity-0 s-gifting-textarea shown" : "s-form-group s-gifting-textarea hide" }, h("label", { htmlFor: "gift-custom-text", class: "s-form-label" }, this.giftCustomText), h("div", { class: "mt-1" }, h("textarea", { onInput: (event) => this.handleTextAreaChange(event), rows: 4, name: "gift-custom-text", id: "gift-custom-text", class: "s-form-control" }))), h("div", { class: "anime-item opacity-0" }, h("salla-button", { color: "primary", width: "wide", onClick: () => this.goToStep2() }, h("span", null, this.nextStep))))), h("div", { class: "s-gifting-step-two gift-step-2" }, h("div", { class: this.errors && this.errors['sender_name'] ? "s-form-group s-form-has-error anime-item opacity-0" : "s-form-group anime-item opacity-0" }, h("label", { htmlFor: "sender_name", class: "s-form-label" }, this.senderNameLabel), h("input", { type: "text", class: "s-form-control", name: "sender_name", id: "sender_name", value: this.senderName, onInput: (event) => this.handleSenderName(event), placeholder: "" }), this.errors && this.errors['sender_name'] ? h("span", { class: "text-danger text-xs" }, this.errors['sender_name']) : ''), h("div", { class: this.errors && this.errors['receiver.name'] ? "s-form-group s-form-has-error anime-item opacity-0" : "s-form-group anime-item opacity-0" }, h("label", { htmlFor: "receiver_name", class: "s-form-label" }, this.receiverNameFieldLabel), h("input", { type: "text", class: "s-form-control", name: "receiver_name", id: "receiver_name", value: "", onInput: (event) => this.handleReceiverName(event), placeholder: "" }), this.errors && this.errors['receiver.name'] ? h("span", { class: "text-danger text-xs" }, this.errors['receiver.name']) : ''), h("div", { class: this.errors && this.errors['receiver.mobile'] ? "s-form-group s-form-has-error anime-item opacity-0" : "s-form-group anime-item opacity-0" }, h("label", { class: "s-form-label" }, this.receiverMobileFieldLabel), h("salla-tel-input", { class: "s-gifting-tel-input", phone: this.receiverMobile, countryCode: this.receiverCountryCode, onPhoneEntered: (e) => this.handlePhoneInputChange(e) }), this.errors && this.errors['receiver.mobile'] ? h("span", { class: "text-danger text-xs" }, this.errors['receiver.mobile']) : ''), h("div", { class: "anime-item opacity-0" }, h("label", { class: "s-gifting-schedule s-gifting-clickable", htmlFor: "schedule" }, h("input", { type: "checkbox", name: 'schedule', id: 'schedule', onChange: () => this.toggleCalendar(), class: "s-checkbox" }), h("span", { class: "s-form-label" }, " ", this.sendLater, " "))), h("div", { class: this.getCalendarClasses() }, h("label", { class: "s-form-label" }, this.selectSendDateAndTime), h("salla-datetime-picker", { value: this.deliveryDate, placeholder: this.selectSendDateAndTime, "enable-time": true, "date-format": "Y-m-d H:i K", onPicked: (event) => this.handleDateTimePicker(event) }), h("span", { class: "s-gifting-calendar-hint" }, this.canNotEditOrderAfterSelectDate)), h("div", { class: "s-gifting-step-two-footer anime-item opacity-0" }, h("a", { href: "#!", innerHTML: this.currentLang == 'ar' ? ArrowRightIcon : ArrowLeftIcon, onClick: () => this.goToStep1() }), h("salla-button", { onClick: () => this.submitForm(), color: "primary", width: 'wide' }, h("span", null, this.sendGift)))))
           ], h("slot", { name: "footer" })))
     ];
   }
@@ -20131,14 +20134,14 @@ const SallaOfferModal = class {
   async open(product_id) {
     //TODO:: make sure there is only one offer
     this.modal.open();
-    return salla.api.withoutNotifier(salla.product.offers(product_id))
+    return salla.api.withoutNotifier(salla.product.offers(product_id)
       .then(response => this.showOffer(response.data[0]))
       .catch(e => {
       var _a, _b, _c, _d;
       this.hasError = true;
       this.errorMessage = ((_c = (_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.message) || ((_d = e.response) === null || _d === void 0 ? void 0 : _d.data);
     })
-      .finally(() => setTimeout(() => { this.modal.stopLoading(); }, 1000));
+      .finally(() => setTimeout(() => { this.modal.stopLoading(); }, 1000)));
   }
   /**
    * Show offer details