npm - @salla.sa/twilight-components - Versions diffs - 2.11.86 → 2.11.88 - Mend

@salla.sa/twilight-components 2.11.86 → 2.11.88

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (481) hide show

package/dist/components/salla-gifting.js CHANGED Viewed

@@ -488,3 +488,5 @@ const SallaGifting = SallaGifting$1;
 const defineCustomElement = defineCustomElement$1;
 export { SallaGifting, defineCustomElement };
+//# sourceMappingURL=salla-gifting.js.map

package/dist/components/salla-gifting.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-gifting.js","mappings":"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","names":["SallaGifting"],"sources":["./src/components/salla-gifting/salla-gifting.scss?tag=salla-gifting","./src/components/salla-gifting/salla-gifting.tsx"],"sourcesContent":[".s-gifting-steps-wrapper {\n transition: .2s cubic-bezier(.55, 0, .1, 1) 0s;\n}\n\n.s-gifting-select{\n background-image: url(\"data:image/svg+xml;utf8,<svg version='1.1' fill='gray' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><title>keyboard_arrow_down</title><path d='M9.875 11.104l6.125 6.125 6.125-6.125 1.875 1.875-8 8-8-8z'></path></svg>\");\n background-size: 24px;\n background-repeat: no-repeat;\n background-position: 99%;\n appearance: none;\n}\n// dir rtl\n[dir=rtl] .s-gifting-select{\n background-position: 5px;\n}","import anime from 'animejs';\nimport {GiftResponse, GiftImage, GiftText} from './gift-schema'\nimport {Component, h, Prop, State, Method} from '@stencil/core';\nimport Images from '../../assets/svg/images.svg';\nimport LeftArrow from '../../assets/svg/arrow-left.svg';\nimport Cancel from '../../assets/svg/cancel.svg';\nimport GiftSharing from '../../assets/svg/gift-sharing.svg';\nimport {GiftToCardDTO, Phone} from './intefaces';\n\n@Component({\n tag: 'salla-gifting',\n styleUrl: 'salla-gifting.scss',\n})\nexport class SallaGifting {\n constructor() {\n salla.lang.onLoaded(() => {\n this.selectImageOrUpload = salla.lang.get('blocks.buy_as_gift.select_image_or_upload');\n this.selectImageForYourGift = salla.lang.get('blocks.buy_as_gift.select_image_for_your_gift');\n this.sectionTitle = salla.lang.get('blocks.buy_as_gift.gift_the_one_you_love');\n this.sectionSubtitle = salla.lang.get('blocks.buy_as_gift.gift_the_one_you_love_message')\n this.sectionBtnText = salla.lang.get('blocks.buy_as_gift.send_as_a_gift');\n this.giftDetails = salla.lang.get('blocks.buy_as_gift.gift_details');\n this.selectGiftMessage = salla.lang.get('blocks.buy_as_gift.select_gift_message');\n this.giftCustomText = salla.lang.get('blocks.buy_as_gift.gift_custom_text');\n this.textId = salla.lang.get('blocks.buy_as_gift.text_id');\n this.incorrectGiftText = salla.lang.get('blocks.buy_as_gift.incorrect_gift_text');\n this.nextStep = salla.lang.get('blocks.buy_as_gift.next_step');\n this.senderNameLabel = salla.lang.get('blocks.buy_as_gift.sender_name');\n this.receiverNameFieldLabel = salla.lang.get('blocks.buy_as_gift.receiver_name');\n this.receiverMobileFieldLabel = salla.lang.get('blocks.buy_as_gift.receiver_mobile');\n this.receiverEmailFieldLabel = salla.lang.get('blocks.buy_as_gift.receiver_email');\n this.emailPlaceholder = salla.lang.get('common.elements.email_placeholder');\n this.sendLater = salla.lang.get('blocks.buy_as_gift.send_later');\n this.selectSendDateAndTime = salla.lang.get('blocks.buy_as_gift.select_send_date_and_time');\n this.canNotEditOrderAfterSelectDate = salla.lang.get('blocks.buy_as_gift.can_not_edit_order_after_select_date');\n this.sendGift = salla.lang.get('blocks.buy_as_gift.send_gift');\n this.donationRequired = salla.lang.get('pages.products.donation_amount_required');\n this.currentLang = salla.lang.locale\n });\n }\n\n private modal: HTMLSallaModalElement;\n private uploader?: HTMLDivElement;\n private stepsWrapper?: HTMLDivElement;\n private textSelect?: HTMLDivElement;\n private customTextArea?: HTMLDivElement;\n private textArea?: HTMLTextAreaElement;\n private calendarFormGroup?: HTMLDivElement;\n private step1Elems?: HTMLDivElement;\n private step2Elems?: HTMLDivElement;\n\n @State() sectionTitle: string;\n @State() sectionSubtitle: string;\n @State() sectionBtnText: string;\n @State() giftDetails: string;\n @State() selectImageForYourGift: string = salla.lang.get('blocks.buy_as_gift.select_image_or_upload');\n @State() selectImageOrUpload: string;\n @State() selectGiftMessage: string;\n @State() giftCustomText: string;\n @State() textId: string;\n @State() incorrectGiftText: string;\n @State() nextStep: string;\n @State() senderNameLabel: string;\n @State() receiverNameFieldLabel: string;\n @State() receiverMobileFieldLabel: string;\n @State() receiverEmailFieldLabel: string;\n @State() emailPlaceholder: string;\n @State() sendLater: string;\n @State() selectSendDateAndTime: string;\n @State() canNotEditOrderAfterSelectDate: string;\n @State() sendGift: string;\n @State() donationRequired: string;\n @State() currentStep: number = 1;\n @State() showCalendar: boolean = false;\n @State() showGiftText: boolean = false;\n @State() currentLang: string = '';\n @State() parentClass: string = \"is-current-step-1\";\n @State() errors: object = {};\n\n @State() gift: GiftResponse = undefined;\n @State() selectedGiftTextOption: string = undefined;\n\n @State() showTextArea: boolean = false;\n\n /// Gift Form Data\n @State() selectedImage: string = undefined;\n @State() uploadedImage: string = undefined;\n @State() selectedText: string = undefined;\n @State() senderName: string;\n @State() errorMessage: string;\n @State() hasError: boolean = false;\n @State() quantity: number;\n @State() deliveryDate: string;\n @State() timeZone?: string = null;\n // Receiver Data\n @State() receiverName: string;\n @State() receiverMobile: string;\n @State() receiverCountryCode: string;\n @State() receiverEmail: string;\n\n\n /**\n * The product id for which the gifting system is required.\n */\n @Prop() productId: number;\n\n /**\n * Widget subtitle\n */\n @Prop() widgetSubtitle: string;\n\n componentDidLoad() {\n salla.event.product.onPriceUpdated(() => {\n const quantityInput = document.querySelector('.s-quantity-input-input') as HTMLElement\n // @ts-ignore\n this.quantity = quantityInput.value\n });\n }\n\n /**\n * Show / Open the gifting modal window\n */\n @Method()\n async open() {\n if (salla.config.isGuest()) {\n salla.event.dispatch('login::open');\n return;\n }\n this.modal.open()\n return await salla.api.withoutNotifier(() => salla.product.getGiftDetails(this.productId))\n .then((response) => {\n this.gift = response.data;\n this.senderName = this.gift.sender_name;\n })\n .catch(e => {\n this.hasError = true;\n this.errorMessage = e.response?.data?.error?.message || e.response?.data;\n })\n .finally(() => this.modal.stopLoading());\n }\n\n /**\n *\n * Hide / close the gifting modal window\n */\n @Method()\n async close() {\n return this.modal.close();\n }\n\n\n /**\n * Update the modal height based on the changes on the inner elements height for a specific step OR just a pass a new fixed height\n */\n private async setWrapperHeight(asStep = 1, delay = 250, additionSpace = 0, newHeight = 0) {\n let currentStep: HTMLElement = document.querySelector(`.gift-step-${asStep}`) as HTMLElement;\n setTimeout(() => {\n let currentStepHeight: number = currentStep.offsetHeight;\n if (newHeight) {\n this.stepsWrapper.style.height = `${newHeight}px`;\n } else {\n this.stepsWrapper.style.height = currentStepHeight + additionSpace + 'px';\n }\n }, delay)\n }\n\n private toggleCalendar() {\n this.showCalendar = !this.showCalendar;\n this.setWrapperHeight(2, 150, 0);\n }\n\n private toggleGiftText(event) {\n this.textSelect?.classList.remove('s-form-has-error');\n let dataID = event.target.children[event.target.selectedIndex].getAttribute('data-id')\n let customID = dataID == \"custom\";\n this.showGiftText = customID;\n\n if (dataID) {\n this.selectedGiftTextOption = dataID\n customID ? this.selectedText = undefined : this.selectedText = event.target.value\n this.setWrapperHeight(1, 150, 5);\n } else {\n // empty textarea value\n this.textArea.value = '';\n this.selectedText = undefined\n this.selectedGiftTextOption = undefined\n this.setWrapperHeight(1, 150, -15);\n }\n\n }\n\n /**\n *\n * Go to the step 2\n */\n @Method()\n async goToStep2() {\n if (!this.selectedGiftTextOption) {\n this.textSelect.classList.add('s-form-has-error');\n this.customTextArea.classList.remove('s-form-has-error');\n return;\n } else if (this.selectedGiftTextOption == 'custom' && !this.selectedText) {\n this.textSelect.classList.remove('s-form-has-error');\n this.customTextArea.classList.add('s-form-has-error');\n return;\n } else {\n this.textSelect.classList.remove('s-form-has-error');\n this.customTextArea.classList.remove('s-form-has-error');\n }\n this.setWrapperHeight(2, 600, 0);\n\n let stepNextAnime = new anime.timeline();\n stepNextAnime.add({\n targets: this.step1Elems.querySelectorAll('.anime-item'),\n opacity: [1, 0],\n translateX: [0, 50],\n delay: anime.stagger(70),\n // easing: 'easeOutExpo',\n duration: 1200,\n })\n .add({\n targets: '.gift-step-2',\n translateX: ['-110%', 0],\n opacity: [0, 1],\n }, '-=1800')\n .add({\n targets: this.step2Elems.querySelectorAll('.anime-item'),\n opacity: [0, 1],\n translateX: [-50, 0],\n delay: anime.stagger(70),\n duration: 1200,\n complete: () => {\n this.step2Elems.querySelectorAll('.anime-item').forEach(item => {\n item.classList.remove('opacity-0')\n item.removeAttribute('style');\n })\n }\n }, '-=1200')\n this.currentStep = 2;\n this.parentClass = `is-current-step-${this.currentStep}`\n }\n\n /**\n *\n * Go to the step 1\n */\n goToStep1(e) {\n e.preventDefault();\n let stepBackAnime = new anime.timeline({\n autoplay: false,\n });\n\n stepBackAnime.add({\n targets: this.step2Elems.querySelectorAll('.anime-item'),\n opacity: [1, 0],\n translateX: [0, -50],\n delay: anime.stagger(70),\n // easing: 'easeOutExpo',\n duration: 1200,\n })\n .add({\n targets: '.gift-step-1',\n translateX: ['110%', 0],\n opacity: [0, 1],\n }, '-=1800')\n .add({\n targets: this.step1Elems.querySelectorAll('.anime-item'),\n opacity: [0, 1],\n translateX: [50, 0],\n delay: anime.stagger(70),\n duration: 1200,\n complete: () => {\n this.step1Elems.querySelectorAll('.anime-item').forEach(item => {\n item.classList.remove('opacity-0')\n item.removeAttribute('style');\n })\n }\n }, '-=1200')\n\n stepBackAnime.play();\n this.setWrapperHeight(1, 600, 0);\n this.currentStep = 1;\n this.parentClass = `is-current-step-${this.currentStep}`\n }\n\n private getFilepondPlaceholder() {\n return `<div class=\"s-gifting-filepond-placeholder\"><span class=\"s-gifting-filepond-placeholder-icon\">${Images}</span><p class=\"s-gifting-filepond-placeholder-text\">${this.selectImageOrUpload ? this.selectImageOrUpload : ''}</p></div>`\n }\n\n setPreview(image: GiftImage) {\n this.uploader?.classList.add('has-bg')\n var bg = document.querySelector('.filepond-bg') ? document.querySelector('.filepond-bg') as HTMLElement : document.createElement('div') as HTMLElement;\n bg.classList.add('filepond-bg')\n bg.classList.remove('s-hidden')\n bg.style.backgroundImage = \"url('\" + image.url + \"')\"\n this.uploader?.querySelector('.filepond--root').appendChild(bg);\n this.uploadedImage = image.url;\n if (!!this.gift && this.gift.gift_images.length) {\n this.setWrapperHeight(1, 150, 0);\n }\n }\n\n removePreview() {\n this.uploader.classList.remove('has-bg');\n let bg = document.querySelector('.filepond-bg') as HTMLElement;\n bg.removeAttribute('style');\n bg.classList.add('s-hidden');\n this.handleRemoveImage()\n }\n\n private handleTextAreaChange(event) {\n this.selectedText = event.target.value;\n this.customTextArea.classList.remove('s-form-has-error');\n }\n\n private handleSenderName(event) {\n this.senderName = event.target.value;\n }\n\n private handleReceiverName(event) {\n this.receiverName = event.target.value;\n }\n\n private handleUploadImage(img) {\n this.uploadedImage = img;\n if (!!this.gift && this.gift.gift_images.length) {\n this.setWrapperHeight(1, 150, 0);\n }\n }\n\n private handleRemoveImage() {\n this.uploadedImage = '';\n if (!!this.gift && this.gift.gift_images.length) {\n this.setWrapperHeight(1, 150, 0);\n }\n }\n\n // private handleReceiverEmail(event) {\n // this.receiverEmail = event.target.value;\n // }\n\n private handlePhoneInputChange(event) {\n let phone: Phone = event.detail;\n this.receiverMobile = phone.number;\n this.receiverCountryCode = phone.country_code;\n }\n\n private handleDateTimePicker(event) {\n this.deliveryDate = event.detail;\n }\n\n private getCalendarClasses() {\n return {\n \"s-form-group\": true,\n \"anime-item\": true,\n \"s-gifting-calendar\": true,\n \"shown\": this.showCalendar,\n \"hide\": !this.showCalendar,\n \"s-form-has-error\": !!this.errors && this.errors['deliver_at']\n }\n }\n\n private async submitForm() {\n // @ts-ignore\n const donatingAmount = document.querySelector('#donating-amount')?.value\n this.calendarFormGroup.classList.remove('s-form-has-error');\n if (!!this.errors) {\n this.errors = {}\n this.setWrapperHeight(2, 150, 0);\n }\n if (this.showCalendar && !this.deliveryDate) {\n this.calendarFormGroup.classList.add('s-form-has-error');\n return;\n }\n let payload: GiftToCardDTO = {\n text: this.selectedText,\n sender_name: this.senderName,\n quantity: this.quantity,\n deliver_at: this.showCalendar ? this.deliveryDate : null,\n image_url: this.uploadedImage ?? this.selectedImage,\n donation_amount: donatingAmount ? donatingAmount : null,\n receiver: {\n name: this.receiverName,\n country_code: this.receiverCountryCode,\n mobile: this.receiverMobile\n }\n }\n return await salla.product.addGiftToCart(this.productId, payload, true).then((resp) => {\n console.log(resp);\n this.modal.close()\n }).catch((e) => {\n if (e.response.status == 422) {\n this.errors = e.response.data.error.fields\n } else {\n console.log(e);\n }\n this.setWrapperHeight(2, 150, 0);\n })\n }\n\n render() {\n return [\n <div>\n <salla-list-tile class=\"s-gifting-widget\">\n <div slot=\"title\">\n <h3>{this.sectionTitle}</h3>\n </div>\n <div slot=\"subtitle\">\n <div>{!!this.widgetSubtitle ? this.widgetSubtitle : this.sectionSubtitle}</div>\n </div>\n <div slot=\"action\">\n <salla-button class=\"s-gifting-widget-action\" color=\"gray\" onClick={() => this.open()}>\n <span innerHTML={GiftSharing}></span>  \n <span>{this.sectionBtnText}</span>\n </salla-button>\n </div>\n </salla-list-tile>\n\n <salla-modal id='salla-gifting-modal' isLoading={true} class=\"s-gifting-modal\" width=\"sm\"\n ref={modal => this.modal = modal}>\n <div slot=\"loading\">\n <div class=\"s-gifting-skeleton\">\n <div class=\"s-gifting-modal-header\">\n <salla-skeleton type='circle' height='5rem' width='5rem'></salla-skeleton>\n <h2 class=\"s-gifting-modal-title\">\n <div class=\"s-gifting-modal-badge-wrapper\">\n <salla-skeleton height='15px' width='150px'></salla-skeleton>\n </div>\n </h2>\n </div>\n <div class=\"s-gifting-skeleton-content\">\n <salla-skeleton height='10px' width='150px'></salla-skeleton>\n <salla-skeleton height='230px'></salla-skeleton>\n <salla-skeleton height='10px' width='150px'></salla-skeleton>\n <salla-skeleton height='30px'></salla-skeleton>\n <salla-skeleton height='40px'></salla-skeleton>\n </div>\n </div>\n </div>\n <slot name=\"header\"/>\n {!!this.hasError ?\n <salla-placeholder alignment=\"center\">\n <span slot=\"title\">{this.errorMessage || salla.lang.get('common.errors.empty_results')}</span>\n <span slot=\"description\"> </span>\n </salla-placeholder>\n :\n [\n <div class=\"s-gifting-modal-header\">\n <span class=\"s-gifting-modal-icon\">\n <span innerHTML={GiftSharing}></span>\n </span>\n <h2 class=\"s-gifting-modal-title\">\n <div class=\"s-gifting-modal-badge-wrapper\">\n <div class=\"s-gifting-modal-badge\">\n <span><span>{this.currentStep}</span>/2</span>\n </div>\n <span>{this.giftDetails}</span>\n </div>\n </h2>\n </div>,\n <div class={\"s-gifting-steps-wrapper \" + this.parentClass} ref={el => this.stepsWrapper = el}>\n <div class=\"s-gifting-step-one gift-step-1\" ref={el => this.step1Elems = el}>\n <div class=\"s-gifting-modal-uploader-title anime-item\">\n {this.selectImageForYourGift}\n </div>\n <div class=\"s-gifting-modal-uploader anime-item\" ref={el => this.uploader = el as HTMLDivElement}>\n <span class=\"s-gifting-remove-preview\" onClick={() => this.removePreview()} innerHTML={Cancel}/>\n {this.selectImageOrUpload && <salla-file-upload\n instant-upload={true}\n name=\"image_url\"\n url={salla.url.api(salla.product.api.getUrl('giftImage'))}\n onUploaded={event => this.handleUploadImage(event.detail)}\n labelIdle={this.getFilepondPlaceholder()}\n onRemoved={() => this.handleRemoveImage()}/>}\n\n </div>\n <div class=\"anime-item\">\n {!this.uploadedImage && !!this.gift && this.gift.gift_images.length > 0 ?\n <salla-slider\n id=\"gifting-slider\"\n loop={false}\n //todo:: it looks bad attribute\n controls-outer={true}\n class=\"s-gifting-slider\"\n type=\"carousel\">\n <div slot=\"items\">\n {this.gift?.gift_images.map((item: GiftImage) =>\n <img class=\"s-gifting-image s-gifting-clickable\" src={item.url}\n onClick={() => this.setPreview(item)} alt={`${item.id}`}/>\n )}\n </div>\n </salla-slider>\n : \"\"}\n </div>\n <div class=\"anime-item\">\n\n <div class=\"s-form-group s-gifting-selectText\" ref={el => this.textSelect = el as HTMLDivElement}>\n <select id=\"gift-text-selection\" name=\"gift-text-selection\"\n class=\"s-form-control s-gifting-select\" onChange={e => this.toggleGiftText(e)}>\n <option data-id={null} selected>{this.selectGiftMessage}</option>\n {this.gift?.gift_texts.map((txt: GiftText) =>\n <option data-id={txt.id} value={txt.text} key={txt.id}>{txt.text}</option>\n )}\n <option data-id=\"custom\">{this.giftCustomText}</option>\n </select>\n </div>\n\n <div\n class={this.showGiftText ? \"s-form-group s-gifting-textarea shown\" : \"s-form-group s-gifting-textarea hide\"}\n ref={(el) => this.customTextArea = el}>\n <label htmlFor=\"gift-custom-text\" class=\"s-form-label\">{this.giftCustomText}</label>\n <div class=\"mt-1\">\n <textarea onInput={(event) => this.handleTextAreaChange(event)} rows={4}\n ref={(el) => this.textArea = el} name=\"gift-custom-text\" id=\"gift-custom-text\"\n class=\"s-form-control\"/>\n </div>\n </div>\n </div>\n\n <div class=\"anime-item\">\n\n <salla-button color=\"primary\" width=\"wide\" onClick={() => this.goToStep2()}>\n <span>{this.nextStep}</span>\n </salla-button>\n </div>\n\n </div>\n <div class=\"s-gifting-step-two gift-step-2\" ref={el => this.step2Elems = el}>\n <div\n 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\"}>\n <label htmlFor=\"sender_name\" class=\"s-form-label\">{this.senderNameLabel}</label>\n <input type=\"text\"\n class=\"s-form-control\"\n name=\"sender_name\"\n id=\"sender_name\"\n value={this.senderName}\n onInput={(event) => this.handleSenderName(event)}\n placeholder=\"\"\n />\n {this.errors && this.errors['sender_name'] ?\n <span class=\"text-danger text-xs\">{this.errors['sender_name']}</span> : ''}\n </div>\n <div\n 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\"}>\n <label htmlFor=\"receiver_name\" class=\"s-form-label\">{this.receiverNameFieldLabel}</label>\n <input type=\"text\"\n class=\"s-form-control\"\n name=\"receiver_name\"\n id=\"receiver_name\"\n value=\"\"\n onInput={(event) => this.handleReceiverName(event)}\n placeholder=\"\"\n />\n {this.errors && this.errors['receiver.name'] ?\n <span class=\"text-danger text-xs\">{this.errors['receiver.name']}</span> : ''}\n </div>\n <div\n 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\"}>\n <label class=\"s-form-label\">{this.receiverMobileFieldLabel}</label>\n <salla-tel-input class=\"s-gifting-tel-input\" phone={this.receiverMobile}\n countryCode={this.receiverCountryCode}\n onPhoneEntered={(e) => this.handlePhoneInputChange(e)}/>\n {this.errors && this.errors['receiver.mobile'] ?\n <span class=\"text-danger text-xs\">{this.errors['receiver.mobile']}</span> : ''}\n </div>\n <div class=\"anime-item opacity-0\">\n <label class=\"s-gifting-schedule s-gifting-clickable\" htmlFor=\"schedule\">\n <input type=\"checkbox\" name='schedule' id='schedule' onChange={() => this.toggleCalendar()}\n class=\"s-checkbox\"/>\n <span class=\"s-form-label\"> {this.sendLater} </span>\n </label>\n\n </div>\n <div class={this.getCalendarClasses()} ref={(el) => this.calendarFormGroup = el}>\n <label class=\"s-form-label\">{this.selectSendDateAndTime}</label>\n <salla-datetime-picker value={this.deliveryDate} placeholder={this.selectSendDateAndTime}\n enable-time date-format=\"Y-m-d h:i K\"\n onPicked={(event) => this.handleDateTimePicker(event)}\n >\n </salla-datetime-picker>\n <span class=\"s-gifting-calendar-hint\">{this.canNotEditOrderAfterSelectDate}</span>\n </div>\n <div class=\"s-gifting-step-two-footer anime-item opacity-0\">\n <a href=\"#!\" innerHTML={LeftArrow} onClick={(e) => this.goToStep1(e)}/>\n\n <salla-button onClick={() => this.submitForm()} color=\"primary\" width='wide'>\n <span>{this.sendGift}</span>\n </salla-button>\n </div>\n </div>\n </div>]\n }\n <slot name=\"footer\"/>\n </salla-modal>\n </div>\n\n ]\n }\n\n}\n"],"version":3}

package/dist/components/salla-infinite-scroll.js CHANGED Viewed

@@ -112,3 +112,5 @@ const SallaInfiniteScroll = SallaInfiniteScroll$1;
 const defineCustomElement = defineCustomElement$1;
 export { SallaInfiniteScroll, defineCustomElement };
+//# sourceMappingURL=salla-infinite-scroll.js.map

package/dist/components/salla-infinite-scroll.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-infinite-scroll.js","mappings":";;;;;;AAAA,MAAM,sBAAsB,GAAG,EAAE;;MCKpBA,qBAAmB;EAC9B;;;;;;IAuBQ,aAAQ,GAAW,EAAE,CAAC;;;;IAIL,aAAQ,GAAY,KAAK,CAAC;;;;IAI3C,cAAS,GAAW,uBAAuB,CAAC;;;;IAI5C,SAAI,GAAW,2BAA2B,CAAC;IAlCjD,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5C,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,2BAA2B,CAAC;IACpD,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG;;;;iBAIX,IAAI,CAAC,QAAQ;iEACmC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,2BAA2B,CAAC;;WAEjG,CAAC;IACR,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC/D,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;MAClB,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC;MACpG,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,gCAAgC,CAAC,CAAC;MAClH,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,qCAAqC,CAAC,CAAC;KACzH,CAAC,CAAC;GACJ;EA2BO,OAAO,CAAC,SAAS,GAAG,IAAI;IAC9B,IAAI,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC1D,MAAM,CAAC,oBAAoB,CAAC,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC,CAAC;IACxF,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;GAC/D;EAED,MAAM;IACJ,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC;MAC7B,EAAC,IAAI,IAAC,KAAK,EAAC,6BAA6B,IACvC,eAAQ,CACH,GAAG,EAAE,CAAC;GAChB;EAED,gBAAgB;IACd,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;MAC9B,OAAO;KACR;IACD,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACzD,IAAI,IAAI,GAAG,IAAI,CAAC;IAChB,IAAI,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE;MAC5D,OAAO,EAAE,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,KAAK;MACvC,eAAe,EAAE,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG,KAAK;MAC5C,QAAQ,EAAE,IAAI,CAAC,QAAQ;MACvB,aAAa,EAAE,6EAA6E;MAC5F,MAAM,EAAE,2BAA2B;MACnC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,eAAe,CAAC;MAClD,MAAM,EAAE,IAAI,CAAC,IAAI;MACjB,IAAI,EAAE;QACJ,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,EAAE,OAAO,IAAI,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC;OAC7E;KACF,CAAC;OACC,EAAE,CAAC,SAAS,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;OACnC,EAAE,CAAC,MAAM,EAAE;MACV,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;MAEpB,IAAI,SAAS,CAAC,SAAS,IAAI,CAAC,EAAE;QAC5B,SAAS,CAAC,MAAM,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC;OAC3C;MAED,IAAI,SAAS,CAAC,SAAS,IAAI,CAAC,EAAE;QAC5B,SAAS,CAAC,MAAM,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC;OAC1C;KACF,CAAC;OACD,EAAE,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;GAC3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SallaInfiniteScroll"],"sources":["./src/components/salla-infinite-scroll/salla-infinite-scroll.scss?tag=salla-infinite-scroll","./src/components/salla-infinite-scroll/salla-infinite-scroll.tsx"],"sourcesContent":["/*\n* Salla Infinite Scroll Component: used in latest-products page, comments, brands, orders and so on..\n* You can use these classes to target the elements in the component.\n*/\n\n.s-infinite-scroll {\n &-wrapper {\n \n }\n // last & error message wrapper.\n &-status{\n\n }\n // the message that displys after reaching the last page.\n &-last {\n \n }\n // the message that displys if there is an error on loading\n &-error {\n \n }\n // Load more button\n &-btn{\n // button text\n &-text{\n\n }\n // spinner loader\n &-loader{\n\n }\n }\n}","import { Component, Element, h, Host, Prop, State } from '@stencil/core';\nimport Helper from '../../Helpers/Helper';\n/**\n */\n@Component({ tag: 'salla-infinite-scroll', styleUrl: 'salla-infinite-scroll.scss' })\nexport class SallaInfiniteScroll {\n constructor() {\n this.status = document.createElement('div');\n this.status.className = 's-infinite-scroll-wrapper';\n this.status.innerHTML = `<div class=\"s-infinite-scroll-status\" style=\"display:none\">\n <p class=\"s-infinite-scroll-last infinite-scroll-last\"></p>\n <p class=\"s-infinite-scroll-error infinite-scroll-error\"></p>\n </div>\n <a href=\"${this.nextPage}\" class=\"s-infinite-scroll-btn s-button-btn s-button-primary\">\n <span class=\"s-button-text s-infinite-scroll-btn-text\">${salla.lang.get('common.elements.load_more')}</span>\n <span class=\"s-button-loader s-button-loader-center s-infinite-scroll-btn-loader\" style=\"display: none\"></span>\n </a>`;\n this.btnLoader = this.status.querySelector('.s-button-loader');\n salla.lang.onLoaded(() => {\n this.status.querySelector('.s-button-text').innerHTML = salla.lang.get('common.elements.load_more');\n this.status.querySelector('.s-infinite-scroll-last').innerHTML = salla.lang.get('common.elements.end_of_content');\n this.status.querySelector('.s-infinite-scroll-error').innerHTML = salla.lang.get('common.elements.failed_to_load_more');\n });\n }\n\n\n /**\n * Next Page element\n */\n @Prop() nextPage: string = '';\n /**\n * Is there is need to autoload next page when scroll `next-page-autoload|next-page.autoload`\n */\n @Prop({ mutable: true }) autoload: boolean = false;\n /**\n * Class selector to know the container if it's not the host `<salla-infinite-scroll>`\n */\n @Prop() container: string = 'salla-infinite-scroll';\n /**\n * Class selector to know list items\n */\n @Prop() item: string = 'salla-infinite-scroll > *';\n @State() loadMore: string;\n @State() noMore: string;\n @State() failedToLoad: string;\n private readonly status: HTMLDivElement;\n private btnLoader: HTMLAnchorElement;\n\n @Element() host: HTMLElement;\n\n private loading(isLoading = true) {\n let btnText = this.status.querySelector('.s-button-text');\n Helper.toggleElementClassIf(btnText, 's-button-hide', 's-button-show', () => isLoading);\n this.btnLoader.style.display = isLoading ? 'inherit' : 'none';\n }\n\n render() {\n return this.nextPage.length > 1 ?\n <Host class=\"s-infinite-scroll-container\">\n <slot />\n </Host> : '';\n }\n\n componentDidLoad() {\n if (this.nextPage.length === 0) {\n return;\n }\n this.host.insertAdjacentElement('afterend', this.status);\n let that = this;\n let infScroll = salla.infiniteScroll.initiate(this.container, {\n history: this.autoload ? 'push' : false,\n scrollThreshold: this.autoload ? 400 : false,\n nextPage: this.nextPage,\n checkLastPage: 'salla-infinite-scroll[next-page*=\":\"],salla-infinite-scroll[next-page*=\".\"]',\n status: '.s-infinite-scroll-status',\n button: this.status.querySelector('.s-button-btn'),\n append: this.item,\n path: function () {\n return that.nextPage.replace(/page\\=(\\d)/g, 'page=' + (this.loadCount + 2));\n },\n })\n .on('request', () => this.loading())\n .on('load', () => {\n this.loading(false);\n\n if (infScroll.pageIndex == 2) {\n infScroll.option({ loadOnScroll: false });\n }\n\n if (infScroll.pageIndex == 3) {\n infScroll.option({ loadOnScroll: true });\n }\n })\n .on('error', () => this.loading(false));\n }\n}\n"],"version":3}

package/dist/components/salla-installment.js CHANGED Viewed

@@ -146,3 +146,5 @@ const SallaInstallment = SallaInstallment$1;
 const defineCustomElement = defineCustomElement$1;
 export { SallaInstallment, defineCustomElement };
+//# sourceMappingURL=salla-installment.js.map

package/dist/components/salla-installment.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-installment.js","mappings":";;;;;AAAA,MAAM,mBAAmB,GAAG,mvGAAmvG;;MCOlwGA,kBAAgB;EAI3B;;;IAHQ,uBAAkB,GAAY,KAAK,CAAC;IACpC,2BAAsB,GAAW,CAAC,CAAC;;;;IAqBnC,aAAQ,GAAW,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;;;;IAI1D,aAAQ,GAAW,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;IAtBhE,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;MAClB,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC;MACpE,IAAI,WAAW,EAAE;QACf,IAAI,CAAC,cAAc,GAAG,WAAW,CAAC,QAAQ,CAAC,oBAAoB,CAAC,CAAC;QACjE,IAAI,CAAC,aAAa,GAAG,WAAW,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC;QAC/D,IAAI,CAAC,cAAc,GAAG,WAAW,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;OAC1D;MACD,IAAI,CAAC,kBAAkB,EAAE,CAAC;KAC3B,CAAC,CAAC;GACJ;EAmBD,MAAM;IACJ,QACE,EAAC,IAAI,QACF,IAAI,CAAC,cAAc;MAClB,WAAK,KAAK,EAAC,uBAAuB,gBACjB,IAAI,CAAC,KAAK,mBACP,IAAI,CAAC,QAAQ,eACjB,IAAI,CAAC,QAAQ,uBACN,aAAa,GAC9B;QACJ,EAAE,EAEL,IAAI,CAAC,aAAa;MACjB,WAAK,EAAE,EAAC,mBAAmB,IACzB,WAAK,EAAE,EAAC,YAAY,GAAO,CACvB;QACJ,EAAE,EAEL,IAAI,CAAC,cAAc;MAClB,WAAK,KAAK,EAAC,gBAAgB,IAEzB,WAAK,KAAK,EAAC,cAAc,GAAO,CAC5B;QACJ,EAAE,CACD,EACP;GACH;EAED,kBAAkB;;IAEhB,IAAI,IAAI,CAAC,cAAc,EAAE;MACvB,IAAI,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;MAC9C,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,oDAAoD,CAAC,CAAC;MACjF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;MAClC,MAAM,CAAC,MAAM,GAAG;QACd,MAAM,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAC,CAAC,CAAA;QACtD,UAAU,CAAC;UACT,MAAM,CAAC,mBAAmB,CAAC,MAAM,EAAE,CAAA;SACpC,EAAE,GAAG,CAAC,CAAA;OACR,CAAA;KACF;;IAGD,IAAI,IAAI,CAAC,aAAa,EAAE;MACtB,IAAI,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;MAC9C,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,0CAA0C,CAAC,CAAC;MACvE,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;MAClC,MAAM,CAAC,MAAM,GAAG;QACd,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;QACrC,IAAI,UAAU,CAAC;UACb,QAAQ,EAAE,aAAa;UACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;UACvB,KAAK,EAAE,IAAI,CAAC,KAAK;UACjB,IAAI,EAAE,IAAI,CAAC,QAAQ;SACpB,CAAC,CAAC;QACH,QAAQ,CAAC,gBAAgB,CAAC,4BAA4B,CAAC,CAAC,OAAO,CAAC,UAAU,OAAO;UAC/E,OAAO,CAAC,YAAY,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;SACjD,CAAC,CAAC;OACJ,CAAA;;MAED,IAAI,CAAC,iBAAiB,EAAE,CAAC;KAC1B;;IAGD,IAAI,IAAI,CAAC,cAAc,EAAE;MACvB,IAAI,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;MAC9D,IAAI,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;MACnD,MAAM,CAAC,YAAY,GAAG;QACpB,WAAW,EAAE,CAAC,iBAAiB,CAAC;QAChC,YAAY,EAAE,CAAC,eAAe,CAAC;QAC/B,eAAe,EAAE,CAAC;QAClB,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,YAAY,EAAE,kCAAkC,GAAG,MAAM,GAAG,iBAAiB;;QAE7E,OAAO,EAAE,KAAK,GAAG,eAAe,GAAG,eAAe;QAClD,OAAO,EAAE,KAAK,GAAG,wCAAwC,GAAG,aAAa;QACzE,SAAS,EAAE,IAAI;QACf,KAAK,EAAE,IAAI,CAAC,KAAK;;;OAGlB,CAAA;MAED,IAAI,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;MAE9C,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC,CAAC;MACzE,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;;;;KAInC;GAEF;;;;;EAMD,iBAAiB;IACf,IAAI,IAAI,CAAC,kBAAkB,IAAI,IAAI,CAAC,sBAAsB,GAAG,CAAC,EAAE;MAC9D,OAAO;KACR;IACD,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAC9B,UAAU,CAAC;MACT,IAAI,KAAK,GAAQ,QAAQ,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;MAC/D,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,6CAA6C,CAAC,GAAG,IAAI,CAAC;MACrG,IAAI,KAAK,EAAE;QACT,KAAK,CAAC,KAAK,GAAG,yCAAyC,CAAC;QACxD,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;OAChC;WAAM;QACL,IAAI,CAAC,iBAAiB,EAAE,CAAC;OAC1B;KACF,EAAE,IAAI,CAAC,sBAAsB,GAAG,GAAG,CAAC,CAAA;GACtC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SallaInstallment"],"sources":["./src/components/salla-installment/salla-installment.scss?tag=salla-installment","./src/components/salla-installment/salla-installment.tsx"],"sourcesContent":["/*\n The whole installment methods is a third-party widgets,\n So there aren't a custom classes (as other components) to style them.\n*/\n\nsalla-installment:empty {\n display: none;\n}\n/*\n* Installment::Tabby\n*/\n#tabbyPromoWrapper {\n background: white;\n border-radius: 0.375rem;\n transition: box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n margin-bottom: 20px;\n\n .salla-y &{\n border: 1px solid var(--color-grey-dark);\n border-radius: 12px\n }\n\n &:hover{\n box-shadow: 0 0 #0000, 0 0 #0000, 5px 10px 30px #2B2D340D;\n }\n\n #tabbyPromo {\n * {\n font-family: var(--font-main);\n }\n\n > div > div {\n max-width: none;\n //padding: 15px;\n box-shadow: none;\n border: none;\n }\n\n .tabby-promo-snippet {\n max-width: 100%;\n min-height: 100px;\n padding: 18px 20px;\n // border-color: var(--color-grey-dark);\n border: none !important;\n\n\n &__text, &__link {\n font-size: var(--font-sm);\n color: var(--color-text) !important;\n }\n\n &__link {\n font-weight: bold;\n }\n }\n }\n}\n\n.tabby-promo-wrapper {\n #tabby-promo {\n font-family: var(--font-main) !important;\n\n .tabby-promo {\n &__feature-title {\n font-size: var(--font-md);\n }\n\n &__feature-desc {\n font-size: var(--font-sm);\n line-height: 20px;\n }\n }\n }\n}\n\n/*\n* Installment::Tamara & Spotii\n*/\n.tamara-product-widget{\n margin-bottom: 20px;\n}\n\n.tamara-product-widget,\n.spotii-wrapper {\n min-height: 100px;\n position: relative;\n color: var(--color-text);\n font-size: var(--font-sm);\n line-height: 1.25;\n padding: 18px 20px 18px 100px !important;\n background: white;\n border-radius: 0.375rem;\n transition: box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n\n .salla-y &{\n border-radius: 12px;\n border: 1px solid var(--color-grey-dark);\n }\n\n &:hover{\n box-shadow: 0 0 #0000, 0 0 #0000, 5px 10px 30px #2B2D340D;\n }\n .spotii-logo {\n float: left;\n margin: 0 0 0 -75px;\n }\n}\n.ltr .tamara-product-widget,\n.ltr .spotii-wrapper{\n text-align: left;\n padding: 18px 100px 18px 20px !important;\n .spotii-logo {\n float: right;\n margin: 0 -75px 0 0;\n }\n .spotii-product-widget {\n text-align: left !important;\n }\n}\n\n.spotii-wrapper {\n margin-bottom: 20px;\n .spotii-promo {\n font-size: var(--font-md);\n }\n\n .spotii-product-widget {\n font-size: var(--font-sm) !important;\n margin-top: 10px;\n }\n}\n\n.tamara-product-widget{\n .tamara-logo {\n position: absolute;\n left: 20px;\n top: 18px;\n margin: 0 !important;\n\n .ltr &{\n right: 20px;\n left: auto;\n }\n }\n\n span {\n font-family: var(--font-main);\n font-size: var(--font-sm);\n color: var(--color-text);\n\n &:last-child {\n display: block;\n position: relative;\n margin-top: 8px;\n }\n }\n}\n\n.tamara-popup {\n &__wrap {\n overflow: auto !important;\n }\n}\n","import {Component, Host, h, Prop, State} from '@stencil/core';\n\n@Component({\n tag: 'salla-installment',\n styleUrl: 'salla-installment.scss',\n})\n\nexport class SallaInstallment {\n private tabbyBorderRemoved: boolean = false;\n private tabbyRemoveBorderTries: number = 0;\n\n constructor() {\n salla.lang.onLoaded(() => {\n const installment = salla.config.get('store.settings.installments');\n if (installment) {\n this.tamaraIsActive = installment.includes('tamara_installment');\n this.tabbyIsActive = installment.includes('tabby_installment');\n this.spotiiIsActive = installment.includes('spotii_pay');\n }\n this.renderInstallments();\n });\n }\n\n /**\n * Current product price\n */\n @Prop() price: string;\n /**\n * Language code\n */\n @Prop() language: string = salla.config.get('user.language_code');\n /**\n * Currency code\n */\n @Prop() currency: string = salla.config.get('user.currency_code');\n\n @State() tamaraIsActive: boolean;\n @State() tabbyIsActive: boolean;\n @State() spotiiIsActive: boolean;\n\n render() {\n return (\n <Host>\n {this.tamaraIsActive ?\n <div class=\"tamara-product-widget\"\n data-price={this.price}\n data-currency={this.currency}\n data-lang={this.language}\n data-payment-type=\"installment\">\n </div>\n : ''}\n\n {this.tabbyIsActive ?\n <div id=\"tabbyPromoWrapper\">\n <div id=\"tabbyPromo\"></div>\n </div>\n : ''}\n\n {this.spotiiIsActive ?\n <div class=\"spotii-wrapper\">\n {/*No need for the price, the price already in the page, and also tammara & tabby doesn't have price */}\n <div class=\"spotii-promo\"></div>\n </div>\n : ''}\n </Host>\n );\n }\n\n renderInstallments() {\n // Tamara\n if (this.tamaraIsActive) {\n var script = document.createElement('script');\n script.setAttribute('src', 'https://cdn.tamara.co/widget/product-widget.min.js');\n document.head.appendChild(script);\n script.onload = () => {\n window.TamaraProductWidget.init({lang: this.language})\n setTimeout(() => {\n window.TamaraProductWidget.render()\n }, 300)\n }\n }\n\n // tabby\n if (this.tabbyIsActive) {\n var script = document.createElement('script');\n script.setAttribute('src', 'https://checkout.tabby.ai/tabby-promo.js');\n document.head.appendChild(script);\n script.onload = () => {\n const TabbyPromo = window.TabbyPromo;\n new TabbyPromo({\n selector: '#tabbyPromo',\n currency: this.currency,\n price: this.price,\n lang: this.language,\n });\n document.querySelectorAll('.tabby-promo-snippet__logo').forEach(function (element) {\n element.setAttribute('aria-label', 'Tabby Logo')\n });\n }\n //this is workaround to remove the default border and add margin\n this.removeTabbyBorder();\n }\n\n // Spotii\n if (this.spotiiIsActive) {\n let amount = salla.money((Number(this.price) / 3).toFixed(2));\n let isRTL = salla.config.get('theme.is_rtl', true);\n window.spotiiConfig = {\n targetXPath: ['.spotii-wrapper'],\n renderToPath: ['.spotii-promo'],\n numberOfPayment: 3,\n currency: this.currency,\n templateLine: \"${textOne} ${number} ${textTwo} \" + amount + \"${logo} ${info}\",\n //todo:: translate these\n textOne: isRTL ? \"جزء الدفع على\" : \"Split it into\",\n textTwo: isRTL ? \"أقساط متساوية بدون تكاليف اضافية بقيمة\" : \"payments of\",\n textThree: \"مع\",\n price: this.price,\n // forcedShow: false,\n // merchantID: null,\n }\n\n var script = document.createElement('script');\n\n script.setAttribute('src', salla.url.cdn('js/price-widget-ar-salla.js'));\n document.head.appendChild(script);\n // script.onload = () => {\n // // setTimeout()\n // }\n }\n\n }\n\n /**\n * this is workaround to remove the default border and add margin\n * we will try to remove tabby border 5 times for 7.5 seconds\n */\n removeTabbyBorder() {\n if (this.tabbyBorderRemoved || this.tabbyRemoveBorderTries > 5) {\n return;\n }\n this.tabbyRemoveBorderTries++;\n setTimeout(() => {\n let promo: any = document.querySelector('#tabbyPromo>div>div');\n promo = promo ? promo.shadowRoot.querySelector('div[class^=\"styles__tabby-promo-snippet--\"]') : null;\n if (promo) {\n promo.style = 'border: none; margin: 15px 0!important;';\n this.tabbyBorderRemoved = true;\n } else {\n this.removeTabbyBorder();\n }\n }, this.tabbyRemoveBorderTries * 500)\n }\n}\n"],"version":3}

package/dist/components/salla-list-tile.js CHANGED Viewed

@@ -7,3 +7,5 @@ const SallaListTile = SallaListTile$1;
 const defineCustomElement = defineCustomElement$1;
 export { SallaListTile, defineCustomElement };
+//# sourceMappingURL=salla-list-tile.js.map

package/dist/components/salla-list-tile.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"file":"salla-list-tile.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/salla-list-tile2.js CHANGED Viewed

@@ -48,3 +48,5 @@ function defineCustomElement() {
 defineCustomElement();
 export { SallaListTile as S, defineCustomElement as d };
+//# sourceMappingURL=salla-list-tile2.js.map

package/dist/components/salla-list-tile2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-list-tile2.js","mappings":";;;;;AAAA,MAAM,gBAAgB,GAAG,EAAE;;MCad,aAAa;EAL1B;;;;;;IAUU,SAAI,GAAuB,SAAS,CAAC;;;;IAKrC,WAAM,GAA0D,OAAO,CAAC;GA+BjF;EA7BS,aAAa;IACnB,OAAO;MACL,kBAAkB,EAAE,IAAI;MACxB,uBAAuB,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;KACrC,CAAA;GACF;EAED,MAAM;IACJ,QACE,EAAC,IAAI,QACH,SAAG,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,IAClE,WAAK,KAAK,EAAC,uBAAuB,IAChC,YAAM,IAAI,EAAC,MAAM,GAAE,CACf,EACN,WAAK,KAAK,EAAC,0BAA0B,IACnC,WAAK,KAAK,EAAC,wBAAwB,IACjC,YAAM,IAAI,EAAC,OAAO,GAAE,CAChB,EACN,WAAK,KAAK,EAAC,2BAA2B,IACpC,YAAM,IAAI,EAAC,UAAU,GAAE,CACnB,CACF,EACN,WAAK,KAAK,EAAC,yBAAyB,IAClC,YAAM,IAAI,EAAC,QAAQ,GAAE,CACjB,CACJ,CACC,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/salla-list-tile/salla-list-tile.scss?tag=salla-list-tile","./src/components/salla-list-tile/salla-list-tile.tsx"],"sourcesContent":["","import {Component, Host, h, Prop} from '@stencil/core';\n\n/**\n * @slot icon - An icon to display before the title.\n * @slot title - The primary content of the list tile.\n * @slot subtitle - Additional content displayed below the title.\n * @slot action - An element to display after the title.\n */\n@Component({\n tag: 'salla-list-tile',\n styleUrl: 'salla-list-tile.scss',\n shadow: false,\n})\nexport class SallaListTile {\n\n /**\n * Designates the component as anchor and applies the `href` attribute.\n */\n @Prop() href: string | undefined = undefined;\n\n /**\n * Designates the target attribute. This should only be applied when using the `href` prop.\n */\n @Prop() target: \"_blank\" | \"_self\" | \"_parent\" | \"_top\" | \"framename\" = \"_self\";\n\n private generateClass() {\n return {\n \"s-list-tile-item\": true,\n \"s-list-tile-item-href\": !!this.href\n }\n }\n\n render() {\n return (\n <Host>\n <a class={this.generateClass()} href={this.href} target={this.target}>\n <div class=\"s-list-tile-item-icon\">\n <slot name='icon'/>\n </div>\n <div class=\"s-list-tile-item-content\">\n <div class=\"s-list-tile-item-title\">\n <slot name='title'/>\n </div>\n <div class=\"s-list-tile-item-subtitle\">\n <slot name=\"subtitle\"/>\n </div>\n </div>\n <div class=\"s-list-tile-item-action\">\n <slot name='action'/>\n </div>\n </a>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/salla-loading.js CHANGED Viewed

@@ -7,3 +7,5 @@ const SallaLoading = SallaLoading$1;
 const defineCustomElement = defineCustomElement$1;
 export { SallaLoading, defineCustomElement };
+//# sourceMappingURL=salla-loading.js.map

package/dist/components/salla-loading.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"file":"salla-loading.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/salla-loading2.js CHANGED Viewed

@@ -52,3 +52,5 @@ function defineCustomElement() {
 defineCustomElement();
 export { SallaLoading as S, defineCustomElement as d };
+//# sourceMappingURL=salla-loading2.js.map

package/dist/components/salla-loading2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-loading2.js","mappings":";;;;;AAAA,MAAM,eAAe,GAAG,whBAAwhB;;MCMniB,YAAY;EAJzB;;;;;;IAQU,SAAI,GAAoB,EAAE,CAAC;;;;IAK3B,UAAK,GAAoB,CAAC,CAAC;;;;IAK3B,UAAK,GAAW,SAAS,CAAC;;;;IAK1B,YAAO,GAAW,SAAS,CAAA;GAapC;EAXC,MAAM;IACJ,QACE,EAAC,IAAI,IAAC,KAAK,EAAC,qBAAqB,IAC/B,0BAAiB,MAAM,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,KAAK,EAAC,WAAW,EAAC,OAAO,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IACjN,YAAM,CAAC,EAAC,8WAA8W,EAAC,IAAI,EAAC,cAAc,GAAG,EAC7Y,YAAM,CAAC,EAAC,+kBAA+kB,EAAC,IAAI,EAAC,aAAa,GAAG,CACzmB,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/salla-loading/salla-loading.scss?tag=salla-loading","./src/components/salla-loading/salla-loading.tsx"],"sourcesContent":["\n.s-loading {\n animation: spin 1s linear infinite;\n fill: var(--color-primary)\n}\n\n\n.s-loading-container {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'salla-loading',\n styleUrl: 'salla-loading.scss',\n})\nexport class SallaLoading {\n /**\n * Sets the diameter of the circle in pixels, Defaults to `32`\n */\n @Prop() size: number | string = 32;\n\n /**\n * Sets the stroke of the circle (border) in pixels, Defaults to `4`\n */\n @Prop() width: number | string = 2;\n\n /**\n * Spinner content color.\n */\n @Prop() color: string = undefined; // TODO: Should be replaced with primary color (variable)\n\n /**\n * Spinner background color.\n */\n @Prop() bgColor: string = \"#e5e7eb\"\n\n render() {\n return (\n <Host class=\"s-loading-container\">\n <svg aria-hidden=\"true\" style={{ width: `${this.size}px`, height: `${this.size}px`, fill: this.color, color: this.bgColor }} class=\"s-loading\" viewBox=\"0 0 100 101\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z\" fill=\"currentColor\" />\n <path d=\"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z\" fill=\"currentFill\" />\n </svg>\n </Host>\n );\n }\n\n}\n"],"version":3}

package/dist/components/salla-localization-modal.js CHANGED Viewed

@@ -197,3 +197,5 @@ const SallaLocalizationModal = SallaLocalizationModal$1;
 const defineCustomElement = defineCustomElement$1;
 export { SallaLocalizationModal, defineCustomElement };
+//# sourceMappingURL=salla-localization-modal.js.map

package/dist/components/salla-localization-modal.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-localization-modal.js","mappings":"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","names":["SallaLocalizationModal"],"sources":["./src/components/salla-localization-modal/salla-localization-modal.scss?tag=salla-localization-modal","./src/components/salla-localization-modal/salla-localization-modal.tsx"],"sourcesContent":["\n/*\n* Salla Localization Component: Languages & Currencies popup modal\n* You can use these classes to target the elements in the component.\n*/\n\n.s-localization-modal {\n &-title {\n\n }\n &-section {\n\n }\n &-section-inner {\n\n }\n &-item {\n\n }\n &-input {\n\n }\n &-label-slot {\n \n }\n &-label {\n\n }\n &-flag {\n\n }\n &-currency {\n\n }\n // dropdwon select, displys if the itmes length is more thant 5 items.\n &-select {\n background-image: url(\"data:image/svg+xml;utf8,<svg fill='gray' 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>\");\n }\n}\n\n\n\n// Flags imported from Int-tel-input\n// used in tel-input & localiztions components\n.iti__flag {\n $item-width-maps: (ac: 20px, ad: 20px, ae: 20px, af: 20px, ag: 20px, ai: 20px, al: 20px, am: 20px, ao: 20px, aq: 20px, ar: 20px, as: 20px, at: 20px, au: 20px, aw: 20px, ax: 20px, az: 20px, ba: 20px, bb: 20px, bd: 20px, be: 18px, bf: 20px, bg: 20px, bh: 20px, bi: 20px, bj: 20px, bl: 20px, bm: 20px, bn: 20px, bo: 20px, bq: 20px, br: 20px, bs: 20px, bt: 20px, bv: 20px, bw: 20px, by: 20px, bz: 20px, ca: 20px, cc: 20px, cd: 20px, cf: 20px, cg: 20px, ch: 15px, ci: 20px, ck: 20px, cl: 20px, cm: 20px, cn: 20px, co: 20px, cp: 20px, cr: 20px, cu: 20px, cv: 20px, cw: 20px, cx: 20px, cy: 20px, cz: 20px, de: 20px, dg: 20px, dj: 20px, dk: 20px, dm: 20px, do: 20px, dz: 20px, ea: 20px, ec: 20px, ee: 20px, eg: 20px, eh: 20px, er: 20px, es: 20px, et: 20px, eu: 20px, fi: 20px, fj: 20px, fk: 20px, fm: 20px, fo: 20px, fr: 20px, ga: 20px, gb: 20px, gd: 20px, ge: 20px, gf: 20px, gg: 20px, gh: 20px, gi: 20px, gl: 20px, gm: 20px, gn: 20px, gp: 20px, gq: 20px, gr: 20px, gs: 20px, gt: 20px, gu: 20px, gw: 20px, gy: 20px, hk: 20px, hm: 20px, hn: 20px, hr: 20px, ht: 20px, hu: 20px, ic: 20px, id: 20px, ie: 20px, il: 20px, im: 20px, in: 20px, io: 20px, iq: 20px, ir: 20px, is: 20px, it: 20px, je: 20px, jm: 20px, jo: 20px, jp: 20px, ke: 20px, kg: 20px, kh: 20px, ki: 20px, km: 20px, kn: 20px, kp: 20px, kr: 20px, kw: 20px, ky: 20px, kz: 20px, la: 20px, lb: 20px, lc: 20px, li: 20px, lk: 20px, lr: 20px, ls: 20px, lt: 20px, lu: 20px, lv: 20px, ly: 20px, ma: 20px, mc: 19px, md: 20px, me: 20px, mf: 20px, mg: 20px, mh: 20px, mk: 20px, ml: 20px, mm: 20px, mn: 20px, mo: 20px, mp: 20px, mq: 20px, mr: 20px, ms: 20px, mt: 20px, mu: 20px, mv: 20px, mw: 20px, mx: 20px, my: 20px, mz: 20px, na: 20px, nc: 20px, ne: 18px, nf: 20px, ng: 20px, ni: 20px, nl: 20px, no: 20px, np: 13px, nr: 20px, nu: 20px, nz: 20px, om: 20px, pa: 20px, pe: 20px, pf: 20px, pg: 20px, ph: 20px, pk: 20px, pl: 20px, pm: 20px, pn: 20px, pr: 20px, ps: 20px, pt: 20px, pw: 20px, py: 20px, qa: 20px, re: 20px, ro: 20px, rs: 20px, ru: 20px, rw: 20px, sa: 20px, sb: 20px, sc: 20px, sd: 20px, se: 20px, sg: 20px, sh: 20px, si: 20px, sj: 20px, sk: 20px, sl: 20px, sm: 20px, sn: 20px, so: 20px, sr: 20px, ss: 20px, st: 20px, sv: 20px, sx: 20px, sy: 20px, sz: 20px, ta: 20px, tc: 20px, td: 20px, tf: 20px, tg: 20px, th: 20px, tj: 20px, tk: 20px, tl: 20px, tm: 20px, tn: 20px, to: 20px, tr: 20px, tt: 20px, tv: 20px, tw: 20px, tz: 20px, ua: 20px, ug: 20px, um: 20px, un: 20px, us: 20px, uy: 20px, uz: 20px, va: 15px, vc: 20px, ve: 20px, vg: 20px, vi: 20px, vn: 20px, vu: 20px, wf: 20px, ws: 20px, xk: 20px, ye: 20px, yt: 20px, za: 20px, zm: 20px, zw: 20px, );\n \n $standard-country: 'ac';\n width: map-get($item-width-maps, $standard-country);\n\n @each $key, $width in $item-width-maps {\n @if $width != map-get($item-width-maps, $standard-country) {\n &.iti__#{$key} {\n width: $width;\n }\n }\n }\n\n @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n background-size: 5652px 15px;\n }\n\n &.iti__ac {\n height: 10px;\n background-position: 0px 0px;\n }\n &.iti__ad {\n height: 14px;\n background-position: -22px 0px;\n }\n &.iti__ae {\n height: 10px;\n background-position: -44px 0px;\n }\n &.iti__af {\n height: 14px;\n background-position: -66px 0px;\n }\n &.iti__ag {\n height: 14px;\n background-position: -88px 0px;\n }\n &.iti__ai {\n height: 10px;\n background-position: -110px 0px;\n }\n &.iti__al {\n height: 15px;\n background-position: -132px 0px;\n }\n &.iti__am {\n height: 10px;\n background-position: -154px 0px;\n }\n &.iti__ao {\n height: 14px;\n background-position: -176px 0px;\n }\n &.iti__aq {\n height: 14px;\n background-position: -198px 0px;\n }\n &.iti__ar {\n height: 13px;\n background-position: -220px 0px;\n }\n &.iti__as {\n height: 10px;\n background-position: -242px 0px;\n }\n &.iti__at {\n height: 14px;\n background-position: -264px 0px;\n }\n &.iti__au {\n height: 10px;\n background-position: -286px 0px;\n }\n &.iti__aw {\n height: 14px;\n background-position: -308px 0px;\n }\n &.iti__ax {\n height: 13px;\n background-position: -330px 0px;\n }\n &.iti__az {\n height: 10px;\n background-position: -352px 0px;\n }\n &.iti__ba {\n height: 10px;\n background-position: -374px 0px;\n }\n &.iti__bb {\n height: 14px;\n background-position: -396px 0px;\n }\n &.iti__bd {\n height: 12px;\n background-position: -418px 0px;\n }\n &.iti__be {\n height: 15px;\n background-position: -440px 0px;\n }\n &.iti__bf {\n height: 14px;\n background-position: -460px 0px;\n }\n &.iti__bg {\n height: 12px;\n background-position: -482px 0px;\n }\n &.iti__bh {\n height: 12px;\n background-position: -504px 0px;\n }\n &.iti__bi {\n height: 12px;\n background-position: -526px 0px;\n }\n &.iti__bj {\n height: 14px;\n background-position: -548px 0px;\n }\n &.iti__bl {\n height: 14px;\n background-position: -570px 0px;\n }\n &.iti__bm {\n height: 10px;\n background-position: -592px 0px;\n }\n &.iti__bn {\n height: 10px;\n background-position: -614px 0px;\n }\n &.iti__bo {\n height: 14px;\n background-position: -636px 0px;\n }\n &.iti__bq {\n height: 14px;\n background-position: -658px 0px;\n }\n &.iti__br {\n height: 14px;\n background-position: -680px 0px;\n }\n &.iti__bs {\n height: 10px;\n background-position: -702px 0px;\n }\n &.iti__bt {\n height: 14px;\n background-position: -724px 0px;\n }\n &.iti__bv {\n height: 15px;\n background-position: -746px 0px;\n }\n &.iti__bw {\n height: 14px;\n background-position: -768px 0px;\n }\n &.iti__by {\n height: 10px;\n background-position: -790px 0px;\n }\n &.iti__bz {\n height: 14px;\n background-position: -812px 0px;\n }\n &.iti__ca {\n height: 10px;\n background-position: -834px 0px;\n }\n &.iti__cc {\n height: 10px;\n background-position: -856px 0px;\n }\n &.iti__cd {\n height: 15px;\n background-position: -878px 0px;\n }\n &.iti__cf {\n height: 14px;\n background-position: -900px 0px;\n }\n &.iti__cg {\n height: 14px;\n background-position: -922px 0px;\n }\n &.iti__ch {\n height: 15px;\n background-position: -944px 0px;\n }\n &.iti__ci {\n height: 14px;\n background-position: -961px 0px;\n }\n &.iti__ck {\n height: 10px;\n background-position: -983px 0px;\n }\n &.iti__cl {\n height: 14px;\n background-position: -1005px 0px;\n }\n &.iti__cm {\n height: 14px;\n background-position: -1027px 0px;\n }\n &.iti__cn {\n height: 14px;\n background-position: -1049px 0px;\n }\n &.iti__co {\n height: 14px;\n background-position: -1071px 0px;\n }\n &.iti__cp {\n height: 14px;\n background-position: -1093px 0px;\n }\n &.iti__cr {\n height: 12px;\n background-position: -1115px 0px;\n }\n &.iti__cu {\n height: 10px;\n background-position: -1137px 0px;\n }\n &.iti__cv {\n height: 12px;\n background-position: -1159px 0px;\n }\n &.iti__cw {\n height: 14px;\n background-position: -1181px 0px;\n }\n &.iti__cx {\n height: 10px;\n background-position: -1203px 0px;\n }\n &.iti__cy {\n height: 14px;\n background-position: -1225px 0px;\n }\n &.iti__cz {\n height: 14px;\n background-position: -1247px 0px;\n }\n &.iti__de {\n height: 12px;\n background-position: -1269px 0px;\n }\n &.iti__dg {\n height: 10px;\n background-position: -1291px 0px;\n }\n &.iti__dj {\n height: 14px;\n background-position: -1313px 0px;\n }\n &.iti__dk {\n height: 15px;\n background-position: -1335px 0px;\n }\n &.iti__dm {\n height: 10px;\n background-position: -1357px 0px;\n }\n &.iti__do {\n height: 14px;\n background-position: -1379px 0px;\n }\n &.iti__dz {\n height: 14px;\n background-position: -1401px 0px;\n }\n &.iti__ea {\n height: 14px;\n background-position: -1423px 0px;\n }\n &.iti__ec {\n height: 14px;\n background-position: -1445px 0px;\n }\n &.iti__ee {\n height: 13px;\n background-position: -1467px 0px;\n }\n &.iti__eg {\n height: 14px;\n background-position: -1489px 0px;\n }\n &.iti__eh {\n height: 10px;\n background-position: -1511px 0px;\n }\n &.iti__er {\n height: 10px;\n background-position: -1533px 0px;\n }\n &.iti__es {\n height: 14px;\n background-position: -1555px 0px;\n }\n &.iti__et {\n height: 10px;\n background-position: -1577px 0px;\n }\n &.iti__eu {\n height: 14px;\n background-position: -1599px 0px;\n }\n &.iti__fi {\n height: 12px;\n background-position: -1621px 0px;\n }\n &.iti__fj {\n height: 10px;\n background-position: -1643px 0px;\n }\n &.iti__fk {\n height: 10px;\n background-position: -1665px 0px;\n }\n &.iti__fm {\n height: 11px;\n background-position: -1687px 0px;\n }\n &.iti__fo {\n height: 15px;\n background-position: -1709px 0px;\n }\n &.iti__fr {\n height: 14px;\n background-position: -1731px 0px;\n }\n &.iti__ga {\n height: 15px;\n background-position: -1753px 0px;\n }\n &.iti__gb {\n height: 10px;\n background-position: -1775px 0px;\n }\n &.iti__gd {\n height: 12px;\n background-position: -1797px 0px;\n }\n &.iti__ge {\n height: 14px;\n background-position: -1819px 0px;\n }\n &.iti__gf {\n height: 14px;\n background-position: -1841px 0px;\n }\n &.iti__gg {\n height: 14px;\n background-position: -1863px 0px;\n }\n &.iti__gh {\n height: 14px;\n background-position: -1885px 0px;\n }\n &.iti__gi {\n height: 10px;\n background-position: -1907px 0px;\n }\n &.iti__gl {\n height: 14px;\n background-position: -1929px 0px;\n }\n &.iti__gm {\n height: 14px;\n background-position: -1951px 0px;\n }\n &.iti__gn {\n height: 14px;\n background-position: -1973px 0px;\n }\n &.iti__gp {\n height: 14px;\n background-position: -1995px 0px;\n }\n &.iti__gq {\n height: 14px;\n background-position: -2017px 0px;\n }\n &.iti__gr {\n height: 14px;\n background-position: -2039px 0px;\n }\n &.iti__gs {\n height: 10px;\n background-position: -2061px 0px;\n }\n &.iti__gt {\n height: 13px;\n background-position: -2083px 0px;\n }\n &.iti__gu {\n height: 11px;\n background-position: -2105px 0px;\n }\n &.iti__gw {\n height: 10px;\n background-position: -2127px 0px;\n }\n &.iti__gy {\n height: 12px;\n background-position: -2149px 0px;\n }\n &.iti__hk {\n height: 14px;\n background-position: -2171px 0px;\n }\n &.iti__hm {\n height: 10px;\n background-position: -2193px 0px;\n }\n &.iti__hn {\n height: 10px;\n background-position: -2215px 0px;\n }\n &.iti__hr {\n height: 10px;\n background-position: -2237px 0px;\n }\n &.iti__ht {\n height: 12px;\n background-position: -2259px 0px;\n }\n &.iti__hu {\n height: 10px;\n background-position: -2281px 0px;\n }\n &.iti__ic {\n height: 14px;\n background-position: -2303px 0px;\n }\n &.iti__id {\n height: 14px;\n background-position: -2325px 0px;\n }\n &.iti__ie {\n height: 10px;\n background-position: -2347px 0px;\n }\n &.iti__il {\n height: 15px;\n background-position: -2369px 0px;\n }\n &.iti__im {\n height: 10px;\n background-position: -2391px 0px;\n }\n &.iti__in {\n height: 14px;\n background-position: -2413px 0px;\n }\n &.iti__io {\n height: 10px;\n background-position: -2435px 0px;\n }\n &.iti__iq {\n height: 14px;\n background-position: -2457px 0px;\n }\n &.iti__ir {\n height: 12px;\n background-position: -2479px 0px;\n }\n &.iti__is {\n height: 15px;\n background-position: -2501px 0px;\n }\n &.iti__it {\n height: 14px;\n background-position: -2523px 0px;\n }\n &.iti__je {\n height: 12px;\n background-position: -2545px 0px;\n }\n &.iti__jm {\n height: 10px;\n background-position: -2567px 0px;\n }\n &.iti__jo {\n height: 10px;\n background-position: -2589px 0px;\n }\n &.iti__jp {\n height: 14px;\n background-position: -2611px 0px;\n }\n &.iti__ke {\n height: 14px;\n background-position: -2633px 0px;\n }\n &.iti__kg {\n height: 12px;\n background-position: -2655px 0px;\n }\n &.iti__kh {\n height: 13px;\n background-position: -2677px 0px;\n }\n &.iti__ki {\n height: 10px;\n background-position: -2699px 0px;\n }\n &.iti__km {\n height: 12px;\n background-position: -2721px 0px;\n }\n &.iti__kn {\n height: 14px;\n background-position: -2743px 0px;\n }\n &.iti__kp {\n height: 10px;\n background-position: -2765px 0px;\n }\n &.iti__kr {\n height: 14px;\n background-position: -2787px 0px;\n }\n &.iti__kw {\n height: 10px;\n background-position: -2809px 0px;\n }\n &.iti__ky {\n height: 10px;\n background-position: -2831px 0px;\n }\n &.iti__kz {\n height: 10px;\n background-position: -2853px 0px;\n }\n &.iti__la {\n height: 14px;\n background-position: -2875px 0px;\n }\n &.iti__lb {\n height: 14px;\n background-position: -2897px 0px;\n }\n &.iti__lc {\n height: 10px;\n background-position: -2919px 0px;\n }\n &.iti__li {\n height: 12px;\n background-position: -2941px 0px;\n }\n &.iti__lk {\n height: 10px;\n background-position: -2963px 0px;\n }\n &.iti__lr {\n height: 11px;\n background-position: -2985px 0px;\n }\n &.iti__ls {\n height: 14px;\n background-position: -3007px 0px;\n }\n &.iti__lt {\n height: 12px;\n background-position: -3029px 0px;\n }\n &.iti__lu {\n height: 12px;\n background-position: -3051px 0px;\n }\n &.iti__lv {\n height: 10px;\n background-position: -3073px 0px;\n }\n &.iti__ly {\n height: 10px;\n background-position: -3095px 0px;\n }\n &.iti__ma {\n height: 14px;\n background-position: -3117px 0px;\n }\n &.iti__mc {\n height: 15px;\n background-position: -3139px 0px;\n }\n &.iti__md {\n height: 10px;\n background-position: -3160px 0px;\n }\n &.iti__me {\n height: 10px;\n background-position: -3182px 0px;\n }\n &.iti__mf {\n height: 14px;\n background-position: -3204px 0px;\n }\n &.iti__mg {\n height: 14px;\n background-position: -3226px 0px;\n }\n &.iti__mh {\n height: 11px;\n background-position: -3248px 0px;\n }\n &.iti__mk {\n height: 10px;\n background-position: -3270px 0px;\n }\n &.iti__ml {\n height: 14px;\n background-position: -3292px 0px;\n }\n &.iti__mm {\n height: 14px;\n background-position: -3314px 0px;\n }\n &.iti__mn {\n height: 10px;\n background-position: -3336px 0px;\n }\n &.iti__mo {\n height: 14px;\n background-position: -3358px 0px;\n }\n &.iti__mp {\n height: 10px;\n background-position: -3380px 0px;\n }\n &.iti__mq {\n height: 14px;\n background-position: -3402px 0px;\n }\n &.iti__mr {\n height: 14px;\n background-position: -3424px 0px;\n }\n &.iti__ms {\n height: 10px;\n background-position: -3446px 0px;\n }\n &.iti__mt {\n height: 14px;\n background-position: -3468px 0px;\n }\n &.iti__mu {\n height: 14px;\n background-position: -3490px 0px;\n }\n &.iti__mv {\n height: 14px;\n background-position: -3512px 0px;\n }\n &.iti__mw {\n height: 14px;\n background-position: -3534px 0px;\n }\n &.iti__mx {\n height: 12px;\n background-position: -3556px 0px;\n }\n &.iti__my {\n height: 10px;\n background-position: -3578px 0px;\n }\n &.iti__mz {\n height: 14px;\n background-position: -3600px 0px;\n }\n &.iti__na {\n height: 14px;\n background-position: -3622px 0px;\n }\n &.iti__nc {\n height: 10px;\n background-position: -3644px 0px;\n }\n &.iti__ne {\n height: 15px;\n background-position: -3666px 0px;\n }\n &.iti__nf {\n height: 10px;\n background-position: -3686px 0px;\n }\n &.iti__ng {\n height: 10px;\n background-position: -3708px 0px;\n }\n &.iti__ni {\n height: 12px;\n background-position: -3730px 0px;\n }\n &.iti__nl {\n height: 14px;\n background-position: -3752px 0px;\n }\n &.iti__no {\n height: 15px;\n background-position: -3774px 0px;\n }\n &.iti__np {\n height: 15px;\n background-position: -3796px 0px;\n }\n &.iti__nr {\n height: 10px;\n background-position: -3811px 0px;\n }\n &.iti__nu {\n height: 10px;\n background-position: -3833px 0px;\n }\n &.iti__nz {\n height: 10px;\n background-position: -3855px 0px;\n }\n &.iti__om {\n height: 10px;\n background-position: -3877px 0px;\n }\n &.iti__pa {\n height: 14px;\n background-position: -3899px 0px;\n }\n &.iti__pe {\n height: 14px;\n background-position: -3921px 0px;\n }\n &.iti__pf {\n height: 14px;\n background-position: -3943px 0px;\n }\n &.iti__pg {\n height: 15px;\n background-position: -3965px 0px;\n }\n &.iti__ph {\n height: 10px;\n background-position: -3987px 0px;\n }\n &.iti__pk {\n height: 14px;\n background-position: -4009px 0px;\n }\n &.iti__pl {\n height: 13px;\n background-position: -4031px 0px;\n }\n &.iti__pm {\n height: 14px;\n background-position: -4053px 0px;\n }\n &.iti__pn {\n height: 10px;\n background-position: -4075px 0px;\n }\n &.iti__pr {\n height: 14px;\n background-position: -4097px 0px;\n }\n &.iti__ps {\n height: 10px;\n background-position: -4119px 0px;\n }\n &.iti__pt {\n height: 14px;\n background-position: -4141px 0px;\n }\n &.iti__pw {\n height: 13px;\n background-position: -4163px 0px;\n }\n &.iti__py {\n height: 11px;\n background-position: -4185px 0px;\n }\n &.iti__qa {\n height: 8px;\n background-position: -4207px 0px;\n }\n &.iti__re {\n height: 14px;\n background-position: -4229px 0px;\n }\n &.iti__ro {\n height: 14px;\n background-position: -4251px 0px;\n }\n &.iti__rs {\n height: 14px;\n background-position: -4273px 0px;\n }\n &.iti__ru {\n height: 14px;\n background-position: -4295px 0px;\n }\n &.iti__rw {\n height: 14px;\n background-position: -4317px 0px;\n }\n &.iti__sa {\n height: 14px;\n background-position: -4339px 0px;\n }\n &.iti__sb {\n height: 10px;\n background-position: -4361px 0px;\n }\n &.iti__sc {\n height: 10px;\n background-position: -4383px 0px;\n }\n &.iti__sd {\n height: 10px;\n background-position: -4405px 0px;\n }\n &.iti__se {\n height: 13px;\n background-position: -4427px 0px;\n }\n &.iti__sg {\n height: 14px;\n background-position: -4449px 0px;\n }\n &.iti__sh {\n height: 10px;\n background-position: -4471px 0px;\n }\n &.iti__si {\n height: 10px;\n background-position: -4493px 0px;\n }\n &.iti__sj {\n height: 15px;\n background-position: -4515px 0px;\n }\n &.iti__sk {\n height: 14px;\n background-position: -4537px 0px;\n }\n &.iti__sl {\n height: 14px;\n background-position: -4559px 0px;\n }\n &.iti__sm {\n height: 15px;\n background-position: -4581px 0px;\n }\n &.iti__sn {\n height: 14px;\n background-position: -4603px 0px;\n }\n &.iti__so {\n height: 14px;\n background-position: -4625px 0px;\n }\n &.iti__sr {\n height: 14px;\n background-position: -4647px 0px;\n }\n &.iti__ss {\n height: 10px;\n background-position: -4669px 0px;\n }\n &.iti__st {\n height: 10px;\n background-position: -4691px 0px;\n }\n &.iti__sv {\n height: 12px;\n background-position: -4713px 0px;\n }\n &.iti__sx {\n height: 14px;\n background-position: -4735px 0px;\n }\n &.iti__sy {\n height: 14px;\n background-position: -4757px 0px;\n }\n &.iti__sz {\n height: 14px;\n background-position: -4779px 0px;\n }\n &.iti__ta {\n height: 10px;\n background-position: -4801px 0px;\n }\n &.iti__tc {\n height: 10px;\n background-position: -4823px 0px;\n }\n &.iti__td {\n height: 14px;\n background-position: -4845px 0px;\n }\n &.iti__tf {\n height: 14px;\n background-position: -4867px 0px;\n }\n &.iti__tg {\n height: 13px;\n background-position: -4889px 0px;\n }\n &.iti__th {\n height: 14px;\n background-position: -4911px 0px;\n }\n &.iti__tj {\n height: 10px;\n background-position: -4933px 0px;\n }\n &.iti__tk {\n height: 10px;\n background-position: -4955px 0px;\n }\n &.iti__tl {\n height: 10px;\n background-position: -4977px 0px;\n }\n &.iti__tm {\n height: 14px;\n background-position: -4999px 0px;\n }\n &.iti__tn {\n height: 14px;\n background-position: -5021px 0px;\n }\n &.iti__to {\n height: 10px;\n background-position: -5043px 0px;\n }\n &.iti__tr {\n height: 14px;\n background-position: -5065px 0px;\n }\n &.iti__tt {\n height: 12px;\n background-position: -5087px 0px;\n }\n &.iti__tv {\n height: 10px;\n background-position: -5109px 0px;\n }\n &.iti__tw {\n height: 14px;\n background-position: -5131px 0px;\n }\n &.iti__tz {\n height: 14px;\n background-position: -5153px 0px;\n }\n &.iti__ua {\n height: 14px;\n background-position: -5175px 0px;\n }\n &.iti__ug {\n height: 14px;\n background-position: -5197px 0px;\n }\n &.iti__um {\n height: 11px;\n background-position: -5219px 0px;\n }\n &.iti__un {\n height: 14px;\n background-position: -5241px 0px;\n }\n &.iti__us {\n height: 11px;\n background-position: -5263px 0px;\n }\n &.iti__uy {\n height: 14px;\n background-position: -5285px 0px;\n }\n &.iti__uz {\n height: 10px;\n background-position: -5307px 0px;\n }\n &.iti__va {\n height: 15px;\n background-position: -5329px 0px;\n }\n &.iti__vc {\n height: 14px;\n background-position: -5346px 0px;\n }\n &.iti__ve {\n height: 14px;\n background-position: -5368px 0px;\n }\n &.iti__vg {\n height: 10px;\n background-position: -5390px 0px;\n }\n &.iti__vi {\n height: 14px;\n background-position: -5412px 0px;\n }\n &.iti__vn {\n height: 14px;\n background-position: -5434px 0px;\n }\n &.iti__vu {\n height: 12px;\n background-position: -5456px 0px;\n }\n &.iti__wf {\n height: 14px;\n background-position: -5478px 0px;\n }\n &.iti__ws {\n height: 10px;\n background-position: -5500px 0px;\n }\n &.iti__xk {\n height: 15px;\n background-position: -5522px 0px;\n }\n &.iti__ye {\n height: 14px;\n background-position: -5544px 0px;\n }\n &.iti__yt {\n height: 14px;\n background-position: -5566px 0px;\n }\n &.iti__za {\n height: 14px;\n background-position: -5588px 0px;\n }\n &.iti__zm {\n height: 14px;\n background-position: -5610px 0px;\n }\n &.iti__zw {\n height: 10px;\n background-position: -5632px 0px;\n }\n}\n\n.iti__flag {\n height: 15px;\n box-shadow: 0px 0px 1px 0px #888;\n background-image: url(\"https://cdn.salla.network/images/flags.png\");\n background-repeat: no-repeat;\n // empty state\n background-color: #f5f7f9;\n background-position: 20px 0;\n}\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n .iti__flag {\n background-image: url(\"https://cdn.salla.network/images/flags@2x.png\");\n }\n}\n.iti__flag.iti__np {\n background-color: transparent;\n}","import { Component, Element, h, Method, Prop, State } from '@stencil/core';\n/**\n * @slot header - The top of the modal.\n * @slot footer - Replaces the bottom button.\n * @slot language - Replaces language label, has replaceable props `{name}`, `{code}`, `{country_code}`.\n * @slot currency - Replaces currency label, has replaceable props `{name}`, `{code}`, `{country_code}`.\n */\n@Component({ tag: 'salla-localization-modal', styleUrl: 'salla-localization-modal.scss' })\n\nexport class SallaLocalizationModal {\n constructor() {\n salla.event.on('localization::open', () => this.open());\n\n salla.lang.onLoaded(() => {\n this.translationLoaded = true;\n });\n\n /**\n * letting developer to insert his own slot like:\n * <salla-localization>\n * <div slot=\"language\">...{name}....</div>\n * <div slot=\"currency\">...{name}....</div>\n * </salla-localization>\n * Because scoped templates not supported in stencil );\n * we made a workaround to pass language & currency attributes, then replace names in rendering\n */\n this.languageSlot = this.host.querySelector('[slot=\"language\"]')?.innerHTML || '<label class=\"s-localization-modal-label\" for=\"lang-{code}\"><span>{name}</span><div class=\"s-localization-modal-flag flag iti__flag iti__{country_code}\"></div></label>';\n this.currencySlot = this.host.querySelector('[slot=\"currency\"]')?.innerHTML || '<label class=\"s-localization-modal-label\" for=\"currency-{code}\"><span>{name}</span><small class=\"s-localization-modal-currency\">{code}</small></label>';\n }\n\n private modal: HTMLSallaModalElement;\n private btn: HTMLSallaButtonElement;\n private readonly languageSlot: string;\n private readonly currencySlot: string;\n\n @State() translationLoaded: boolean = false;\n @State() languages: Array<any> = [];\n @State() currencies: Array<any> = [];\n @State() hasError: boolean = false;\n @State() errorMessage: string;\n\n\n\n /**\n * Current language (existing or newly selected)\n */\n @Prop({ mutable: true, reflect: true }) language: string = salla.config.get('user.language_code');\n\n /**\n * Current currency (existing or newly selected)\n */\n @Prop({ mutable: true, reflect: true }) currency: string = salla.config.get('user.currency_code');\n\n @Element() host: HTMLElement;\n\n /**\n * open the component\n */\n @Method()\n async open() {\n this.modal.open()\n return await salla.api.withoutNotifier(() => this.getLanguages())\n .then(() => this.getCurrencies())\n .then(() => {\n if (this.languages.length < 2 && this.currencies.length < 2) {\n this.modal.close();\n }\n })\n .catch(e => {\n console.log(e)\n this.hasError = true;\n this.errorMessage = e.response?.data?.error?.message || e.response?.data;\n })\n .finally(() => this.modal.stopLoading());\n }\n\n /**\n * Hide the component\n */\n @Method()\n async close() {\n return this.modal.close();\n }\n\n private async getLanguages() {\n this.language = this.language || salla.config.get('user.language_code');\n return this.languages.length > 1 ? null : await salla.config.languages().then(data => this.languages = data);\n }\n\n private async getCurrencies() {\n this.currency = this.currency || salla.config.get('user.currency_code');\n return this.currencies.length > 1 ? null : await salla.config.currencies().then(data => this.currencies = Object.values(data || {}));\n }\n\n private onChangeCurrency(event) {\n this.currency = event.target.value;\n }\n\n private onChangeLanguage(event) {\n this.language = event.target.value;\n }\n\n /**\n * Change currency and language to the selected ones.\n */\n @Method()\n async submit() {\n let url: string;\n this.btn.load()\n .then(() => {\n if (!this.currency) {\n salla.log('There is no currency!');\n return;\n }\n if (this.currency === salla.config.get('user.currency_code', 'SAR')) {\n return;\n }\n url = window.location.href;\n return salla.currency.api.change(this.currency);\n })\n .then(() => {\n if (this.language !== salla.config.get('user.language_code', 'ar')) {\n url = salla.helpers.addParamToUrl('lang', this.language)\n }\n })\n .then(() => this.btn.stop())\n .then(() => this.close())\n .then(() => {\n if(url){\n window.location.href = url.replace(`/${salla.config.get('user.language_code')}/`,`/${this.language}/`);\n }\n });\n }\n\n render() {\n return (\n <salla-modal isLoading={true} class=\"s-hidden\" ref={modal => this.modal = modal as HTMLSallaModalElement} width=\"xs\">\n <div slot='loading'>\n <div class=\"s-localization-modal-skeleton\">\n <salla-skeleton width='25%' height='15px'></salla-skeleton>\n <div class=\"s-localization-modal-skeleton-content\">\n {[...Array(4)].map(() =>\n <div class=\"s-localization-modal-skeleton-item\">\n <div class=\"s-localization-modal-skeleton-item-flex\">\n <salla-skeleton type='circle' height='16px' width='16px'></salla-skeleton>\n <salla-skeleton height='10px' width='100px'></salla-skeleton>\n </div>\n <salla-skeleton height='15px' width='20px'></salla-skeleton>\n </div>\n )}\n </div>\n <salla-skeleton width='25%' height='15px'></salla-skeleton>\n <div class=\"s-localization-modal-skeleton-content\">\n {[...Array(4)].map(() =>\n <div class=\"s-localization-modal-skeleton-item\">\n <div class=\"s-localization-modal-skeleton-item-flex\">\n <salla-skeleton type='circle' height='16px' width='16px'></salla-skeleton>\n <salla-skeleton height='10px' width='100px'></salla-skeleton>\n </div>\n <salla-skeleton height='15px' width='20px'></salla-skeleton>\n </div>\n )}\n </div>\n <salla-skeleton height='40px' width='100%'></salla-skeleton>\n </div>\n </div>\n {!!this.hasError ?\n <salla-placeholder alignment=\"center\">\n <span slot=\"description\">{this.errorMessage}</span>\n </salla-placeholder> :\n <div class=\"s-localization-modal-inner\">\n {this.languages.length > 1 ?\n <div class=\"s-localization-modal-section\">\n <label class=\"s-localization-modal-title\">{salla.lang.get('common.titles.language')}</label>\n <div class=\"s-localization-modal-section-inner\">\n {this.languages.length < 6 || this.currencies.length == 1 ?\n this.languages.map(lang =>\n <div class=\"s-localization-modal-item\">\n <input class=\"s-localization-modal-input\" type=\"radio\"\n checked={this.language == lang.iso_code}\n onChange={() => this.language = lang.iso_code}\n name=\"language\"\n id={'lang-' + lang.code.toLowerCase()}\n value={lang.code} />\n <div class=\"s-localization-modal-label-slot\" id=\"language-slot\" innerHTML={this.languageSlot\n .replace(/\\{name\\}/g, lang.name)\n .replace(/\\{code\\}/g, lang.code)\n .replace(/\\{country_code\\}/g, lang.country_code)}></div>\n </div>\n ) :\n <select class=\"s-localization-modal-select\" name=\"language\" onChange={e => this.onChangeLanguage(e)}>\n {this.languages.map(lang =>\n <option value={lang.code} selected={this.language == lang.code}>{lang.name}</option>\n )}\n </select>\n }\n </div>\n </div>\n : ''\n }\n\n {this.currencies.length > 1 ?\n <div class=\"s-localization-modal-section\">\n <label class=\"s-localization-modal-title\">{salla.lang.get('common.titles.currency')}</label>\n <div class=\"s-localization-modal-section-inner\">\n {this.currencies.length < 6 || this.languages.length == 1 ?\n this.currencies.map(currency =>\n <div class=\"s-localization-modal-item\">\n <input class=\"s-localization-modal-input\" type=\"radio\"\n name=\"currency\"\n checked={this.currency == currency.code}\n onChange={() => this.currency = currency.code}\n id={'currency-' + currency.code}\n value={currency.code} />\n <div class=\"s-localization-modal-label-slot\" id=\"currency-slot\" innerHTML={this.currencySlot\n .replace(/\\{name\\}/g, currency.name)\n .replace(/\\{code\\}/g, currency.code)\n .replace(/\\{country_code\\}/g, currency.country_code)}></div>\n </div>\n ) :\n <select class=\"s-localization-modal-select\" name=\"currency\" onChange={e => this.onChangeCurrency(e)}>\n {this.currencies.map(currency =>\n <option value={currency.code} selected={this.currency == currency.code}>{currency.name}</option>\n )}\n </select>\n }\n </div>\n </div>\n : ''\n }\n <salla-button width=\"wide\" ref={btn => this.btn = btn} onClick={() => this.submit()}>\n {salla.lang.get('common.elements.ok')}\n </salla-button>\n </div>\n }\n </salla-modal>\n );\n }\n\n /**\n * to reduce dom levels we will move slot data into the parent dom\n */\n componentDidRender() {\n this.host.querySelectorAll('#currency-slot').forEach(el => el.replaceWith(el.firstChild));\n this.host.querySelectorAll('#language-slot').forEach(el => el.replaceWith(el.firstChild));\n }\n}\n"],"version":3}

package/dist/components/salla-login-modal.js CHANGED Viewed

@@ -359,3 +359,5 @@ const SallaLoginModal = SallaLoginModal$1;
 const defineCustomElement = defineCustomElement$1;
 export { SallaLoginModal, defineCustomElement };
+//# sourceMappingURL=salla-login-modal.js.map

package/dist/components/salla-login-modal.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-login-modal.js","mappings":"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","names":["SallaLoginModal","EmailIcon"],"sources":["./src/components/salla-login-modal/intefaces.ts","./src/components/salla-login-modal/salla-login-modal.scss?tag=salla-login-modal","./src/components/salla-login-modal/salla-login-modal.tsx"],"sourcesContent":["export interface CustomField {\n id: number;\n label: string;\n description: string;\n type: string;\n required: boolean;\n}\n\nexport enum CustomFieldType {\n TEXT = 'text',\n NUMBER = 'number',\n PHOTO = 'photo'\n}","/*\n* Salla Login Component: login popup modal\n* You can use these classes to target the elements in the component.\n*/\n\n.s-login-modal {\n &-sub-title {\n\n }\n &-main-btn {\n \n }\n &-main-btn-icon {\n\n }\n &-main-btn-text {\n\n }\n &-main-btn-arrow {\n\n }\n &-label {\n\n }\n &-input {\n\n }\n &-otp-input {\n\n }\n &-link {\n\n }\n &-error-message {\n\n }\n &-wrapper {\n\n }\n &-tab {\n\n }\n &-active {\n\n }\n &-unactive {\n\n }\n}\n","import {Component, Element, h, Listen, Method, Prop, State} from '@stencil/core';\nimport UserIcon from \"../../assets/svg/user.svg\";\nimport PhoneIcon from \"../../assets/svg/phone.svg\";\nimport EmailIcon from \"../../assets/svg/mail.svg\";\nimport CameraIcon from '../../assets/svg/camera.svg';\nimport KeyboardArrowRightIcon from \"../../assets/svg/keyboard_arrow_right.svg\";\nimport ArrowRightIcon from \"../../assets/svg/arrow-right.svg\";\nimport Helper from '../../Helpers/Helper';\nimport {CustomField, CustomFieldType} from './intefaces';\n\n/**\n * @slot footer - The footer of modal\n * @slot before-login-type - placeholder position\n * @slot after-login-type - placeholder position\n * @slot before-login-mobile - placeholder position\n * @slot after-login-mobile - placeholder position\n * @slot before-login-email - placeholder position\n * @slot after-login-email - placeholder position\n * @slot before-registration - placeholder position\n * @slot after-registration - placeholder position\n */\n@Component({\n tag: 'salla-login-modal',\n styleUrl: 'salla-login-modal.scss'\n})\n\n\nexport class SallaLoginModal {\n constructor() {\n\n this.title = this.host.title || salla.lang.get('blocks.header.login');\n this.host.removeAttribute('title');\n\n this.emailErrorMsg = salla.lang.get('common.elements.email_is_valid');\n this.firstNameErrorMsg = salla.lang.get('common.errors.field_required', {attribute: salla.lang.get('pages.profile.first_name')});\n this.lastNameErrorMsg = salla.lang.get('common.errors.field_required', {attribute: salla.lang.get('pages.profile.last_name')});\n\n salla.lang.onLoaded(() => {\n this.translationLoaded = true;\n this.title = salla.lang.get('blocks.header.login');\n this.dragAndDrop = salla.lang.get('common.uploader.drag_and_drop');\n this.browseFromFiles = salla.lang.get('common.uploader.browse');\n this.updateTranslations();\n });\n\n salla.event.on('login::open', (event) => this.open(event));\n salla.onReady( () => {\n this.isEmailAllowed = salla.config.get('store.settings.auth.email_allowed', this.isEmailAllowed);\n this.isMobileAllowed = salla.config.get('store.settings.auth.mobile_allowed', this.isMobileAllowed);\n this.isEmailRequired = salla.config.get('store.settings.auth.is_email_required', this.isEmailRequired);\n });\n }\n\n @Element() host: HTMLElement;\n /**\n * Does the merchant allow to login using email\n */\n @Prop({mutable: true}) isEmailAllowed: boolean ;\n /**\n * Does the merchant/current location for visitor allow to login using mobile, By default outside KSA is `false`\n */\n @Prop({mutable: true}) isMobileAllowed: boolean = true;\n /**\n * Does the merchant require registration with email & mobile\n */\n @Prop({mutable: true}) isEmailRequired: boolean = false;\n\n /**\n * Once the api verify success, it will be login the customer in web pages\n */\n @Prop({reflect: true}) supportWebAuth: boolean = true;\n\n private modal: HTMLSallaModalElement;\n private homeTab: HTMLDivElement;\n private mobileTab: HTMLDivElement;\n private emailTab: HTMLDivElement;\n private verifyTab: HTMLSallaVerifyElement;\n private registrationTab: HTMLDivElement;\n private regTelInput: HTMLSallaTelInputElement;\n private regEmail: HTMLInputElement;\n private customFieldsWrapper: HTMLDivElement;\n private loginTelInput: HTMLSallaTelInputElement;\n private loginEmail: HTMLInputElement;\n private firstName: HTMLInputElement;\n private lastName: HTMLInputElement;\n private smsBtn: HTMLSallaButtonElement;\n private emailBtn: HTMLSallaButtonElement;\n private regBtn: HTMLSallaButtonElement;\n\n @State() currentTabName = 'home'\n @State() regType: 'phone' | 'email' = 'phone';\n\n\n @State() translationLoaded: boolean = false;\n @State() title: string;\n @State() emailErrorMsg: string;\n @State() firstNameErrorMsg: string;\n @State() lastNameErrorMsg: string;\n\n @State() dragAndDrop: string = salla.lang.get('common.uploader.drag_and_drop');\n @State() browseFromFiles: string = salla.lang.get('common.uploader.browse');\n @State() customFields: CustomField[] = [];\n\n private customFieldsValues: Object = {};\n @State() uploadedImage: string = undefined;\n\n @Listen('verified', {target: 'window'})\n /**\n * @param {CustomEvent|{details:{case:'new_customer'|'authenticated', redirect_url:string|null}}} event\n */\n onVerified(event) {\n salla.log('verified', event);\n //there is a case when force login is activated & is new user, it will return case inside error key., so cover it.\n let verifyCase = event.detail?.data.case || event.detail?.error.case;\n if (!verifyCase) {\n salla.log('verified but without case!');\n return;\n }\n\n if (verifyCase === \"new_customer\") {\n this.customFields = event.detail?.data?.custom_fields || [];\n return this.showTab(this.registrationTab);\n }\n\n if (!salla.auth.canRedirect()) {\n salla.log('Will not auto redirect or reload, due to `salla.auth.canRedirect()`');\n this.modal.close();\n return;\n }\n\n if (event.detail.data.redirect_url) {\n return window.location.href = event.detail.data.redirect_url;\n }\n\n /**\n * we don't want to reload the page if this is not web auth\n * because we'll need the token in the page itself and its there\n * todo :: store the user data in storage for non-web auth and set the config.user from it\n */\n if (this.supportWebAuth) {\n window.location.reload();\n } else {\n this.modal.close();\n }\n }\n\n updateTranslations() {\n this.emailErrorMsg = salla.lang.get('common.elements.email_is_valid');\n this.firstNameErrorMsg = salla.lang.get('common.errors.field_required', {attribute: salla.lang.get('pages.profile.first_name')});\n this.lastNameErrorMsg = salla.lang.get('common.errors.field_required', {attribute: salla.lang.get('pages.profile.last_name')});\n this.modal?.setTitle(this.title);\n }\n\n /**\n * Open login component\n */\n @Method()\n // @ts-ignore\n async open(event = null) {\n // todo :: support change the settings from event details\n // if(event && event.hasOwnProperty('isEmailAllowed')){\n // this.isEmailAllowed = event?.isEmailAllowed;\n // }\n //\n // if(event && event.hasOwnProperty('isMobileAllowed')){\n // this.isMobileAllowed = event?.isMobileAllowed;\n // }\n\n if (this.isEmailAllowed && this.isMobileAllowed) {\n this.showTab(this.homeTab);\n } else if (this.isEmailAllowed) {\n this.showTab(this.emailTab);\n } else if (this.isMobileAllowed) {\n this.showTab(this.mobileTab);\n }\n return this.modal.open();\n }\n\n private showTab(tab, evt?) {\n evt?.preventDefault();\n this.currentTabName = tab.getAttribute('data-name');\n\n // todo:: use better way for resize the modal\n // setTimeout(() => this.modal.querySelector('.s-login-modal-wrapper')?.setAttribute('style', 'height:' + tab?.scrollHeight + 'px'));\n\n if ([this.mobileTab, this.emailTab].includes(tab)) {\n this.regType = tab === this.mobileTab ? 'phone' : 'email';\n }\n\n const input = tab.querySelector('input[type=\"tel\"], input[type=\"email\"]');\n input && setTimeout(() => {\n input.focus();\n }, 100); \n\n this.modal?.setTitle(this.currentTabName === 'registration' ? salla.lang.get('common.titles.registration') : this.title);\n\n return this;\n }\n\n private typing = (e, submitMethod = null) => {\n const error = e.target.nextElementSibling;\n e.target.classList.remove('s-has-error');\n error?.classList.contains('s-login-modal-error-message') && (error.innerText = '');\n //it was sending two requests for send two verification requests\n submitMethod && e.key == 'Enter' && submitMethod();\n }\n\n private loginBySMS = async (event = null) => {\n event?.preventDefault();\n const {phone, countryCode} = await this.loginTelInput.getValues();\n const isPhoneValid = await this.loginTelInput.isValid();\n if (!isPhoneValid) {\n return;\n }\n\n this.login(this.smsBtn, {type: 'mobile', phone: phone, country_code: countryCode});\n\n return false;\n }\n\n private loginByEmail = (event = null) => {\n event?.preventDefault();\n if (!Helper.isValidEmail(this.loginEmail.value)) {\n this.validateField(this.loginEmail, this.emailErrorMsg);\n return;\n }\n\n this.login(this.emailBtn, {type: 'email', email: this.loginEmail.value});\n }\n\n private login(btn: HTMLSallaButtonElement, data) {\n btn.load()\n .then(() => btn.disable())\n .then(() => salla.auth.api.login(data))\n .then(() => this.showTab(this.verifyTab))\n .then(() => this.verifyTab.open(data))\n .finally(() => btn.stop() && btn.enable());\n }\n\n private newUser = async () => {\n const {\n phone: regPhone,\n countryCode\n } = this.regType == \"email\" ? await this.regTelInput.getValues() : await this.loginTelInput.getValues(),\n emailValue = this.regEmail.value || this.loginEmail?.value\n await this.newUserValidation();\n await this.regBtn.load();\n await this.regBtn.disable();\n\n let data: any = {\n first_name: this.firstName.value,\n last_name: this.lastName.value,\n phone: regPhone || this.loginTelInput.phone,\n country_code: countryCode,\n verified_by: this.regType,\n custom_fields: this.customFieldsValues,\n };\n emailValue && (data = {...data, email: emailValue});\n this.verifyTab.getCode()\n .then(code => salla.auth.api.register({...data, code}))\n .then(() => salla.auth.canRedirect && window.location.reload())\n .catch((error) => {\n salla.logger.error(error);\n this.regBtn.stop() && this.regBtn.enable()\n })\n }\n\n private async newUserValidation() {\n const isLogByPhone = this.regType == \"phone\",\n isLogByEmail = this.regType == \"email\",\n emailValue = this.regEmail.value || (isLogByEmail && this.loginEmail.value),\n isEmailValid = Helper.isValidEmail(emailValue),\n isFirstNameValid = this.firstName.value.length > 0,\n isLastNameValid = this.lastName.value.length > 0,\n isPhoneValid = await this.regTelInput.isValid() || isLogByPhone && await this.loginTelInput.isValid(),\n emailValidation = (emailValue && isEmailValid) || (!emailValue && !this.isEmailRequired);\n\n // Custom Fields Validation\n var isCustomFieldValid = true;\n //we should make sure that there is text nodes between children\n this.customFieldsWrapper.childNodes\n .forEach((field: HTMLSallaFileUploadElement | HTMLInputElement) => {\n this.customFieldsValues[field.id] = field['value'];\n if (!field.required || this.customFieldsValues[field.id].length) {\n return;\n }\n isCustomFieldValid = false;\n const errorMsg: string = salla.lang.get('common.errors.field_required', {attribute: field.title});\n this.validateField(field, errorMsg)\n });\n\n if (emailValidation && isPhoneValid && isFirstNameValid && isLastNameValid && isCustomFieldValid) return;\n !isEmailValid && this.validateField(this.regEmail, this.emailErrorMsg);\n !isFirstNameValid && this.validateField(this.firstName, this.firstNameErrorMsg);\n !isLastNameValid && this.validateField(this.lastName, this.lastNameErrorMsg);\n throw 'Please insert required fields';\n }\n\n private getFilepondPlaceholder() {\n return `<div class=\"s-login-modal-filepond-placeholder\"><span class=\"s-login-modal-filepond-placeholder-icon\">${CameraIcon}</span><p class=\"s-login-modal-filepond-placeholder-text\">${this.dragAndDrop}</p> <span class=\"filepond--label-action\">${this.browseFromFiles}</span></div>`\n }\n\n // eslint-disable-next-line @stencil/own-methods-must-be-private\n validateField(field: HTMLInputElement | HTMLSallaFileUploadElement, errorMsg: string) {\n field.classList.add('s-has-error');\n field.nextElementSibling['innerText'] = '* ' + errorMsg;\n }\n\n generateTabClasses(tabName) {\n return {\n 's-login-modal-tab': tabName !== 'registration' && tabName !== 'otp',\n \"s-hidden\": this.currentTabName !== tabName,\n \"s-show\": this.currentTabName === tabName,\n 's-login-modal-unactive': tabName !== 'registration' && tabName !== 'otp' && this.currentTabName !== tabName,\n 's-login-modal-active': tabName !== 'registration' && tabName !== 'otp' && this.currentTabName === tabName\n }\n }\n\n generateRegClasses(regType) {\n return {\n \"mb-1.5\": true,\n \"s-hidden\": this.regType === regType\n }\n }\n\n render() {\n // @ts-ignore\n // @ts-ignore\n return (\n <salla-modal class=\"s-login-modal\" modal-title={this.title} ref={modal => this.modal = modal} width=\"xs\">\n <span slot='icon' class=\"s-login-modal-header-icon\" innerHTML={UserIcon}/>\n <div class=\"s-login-modal-wrapper\">\n\n {/* Tab 1 (Select Login Type)*/}\n {this.isEmailAllowed && this.isMobileAllowed ?\n <div class={this.generateTabClasses('home')} data-name=\"home\" ref={tab => this.homeTab = tab}>\n <p class=\"s-login-modal-sub-title\">{salla.lang.get('blocks.header.select_login_way')}</p>\n <slot name=\"before-login-type\"/>\n <a href=\"#\" class=\"s-login-modal-main-btn\" onClick={(evt) => this.showTab(this.mobileTab, evt)}>\n <span class=\"s-login-modal-main-btn-icon\" innerHTML={PhoneIcon}/>\n <span class=\"s-login-modal-main-btn-text\">{salla.lang.get('blocks.header.sms')}</span>\n <span class=\"s-login-modal-main-btn-arrow\" innerHTML={KeyboardArrowRightIcon}/>\n </a>\n <a href=\"#\" class=\"s-login-modal-main-btn\" onClick={(evt) => this.showTab(this.emailTab, evt)}>\n <span class=\"s-login-modal-main-btn-icon\" innerHTML={EmailIcon}/>\n <span class=\"s-login-modal-main-btn-text\">{salla.lang.get('common.elements.email')}</span>\n <span class=\"s-login-modal-main-btn-arrow\" innerHTML={KeyboardArrowRightIcon}/>\n </a>\n <slot name=\"after-login-type\"/>\n </div>\n : ''}\n\n\n {/* Tab 2 (Login By Mobile)*/}\n {this.isMobileAllowed ?\n <div class={this.generateTabClasses('login-phone')} data-name=\"login-phone\"\n ref={tab => this.mobileTab = tab}>\n <slot name=\"before-login-mobile\"/>\n <form onSubmit={(event) => this.loginBySMS(event)} method=\"POST\">\n <label class=\"s-login-modal-label\">{salla.lang.get('common.elements.mobile')}</label>\n <salla-tel-input tabindex=\"0\" ref={el => this.loginTelInput = el}\n onKeyDown={e => this.typing(e)}></salla-tel-input>\n {/* @ts-ignore */}\n <salla-button class=\"s-login-modal-enter-button\" type=\"submit\" loader-position='center' width=\"wide\" ref={b => this.smsBtn = b}>\n {salla.lang.get('blocks.header.enter')}\n </salla-button>\n </form>\n {this.isEmailAllowed ?\n <a href=\"#\" onClick={() => this.showTab(this.emailTab)}\n class=\"s-login-modal-link\">{salla.lang.get('blocks.header.login_by_email')}</a> : ''}\n <slot name=\"after-login-mobile\"/>\n </div> : ''}\n\n\n {/* Tab 3 (Login By Email)*/}\n {this.isEmailAllowed ?\n <div class={this.generateTabClasses('login-email')} data-name=\"login-email\"\n ref={tab => this.emailTab = tab}>\n <slot name=\"before-login-email\"/>\n <label class=\"s-login-modal-label\">{salla.lang.get('common.elements.email')}</label>\n <form onSubmit={() => this.loginByEmail(event)} method=\"POST\">\n <input type=\"email\" ref={el => this.loginEmail = el} onKeyDown={e => this.typing(e)}\n placeholder=\"your@email.com\"\n enterkeyhint=\"next\"\n class=\"s-login-modal-input s-ltr\"/>\n <span class=\"s-login-modal-error-message\"/>\n <salla-button loader-position='center' width=\"wide\" onClick={() => this.loginByEmail()}\n ref={b => this.emailBtn = b}>{salla.lang.get('blocks.header.enter')}</salla-button>\n </form>\n {this.isMobileAllowed ?\n <a href=\"#\" onClick={() => this.showTab(this.mobileTab)}\n class=\"s-login-modal-link\">{salla.lang.get('blocks.header.login_by_sms')}</a>\n : ''\n }\n <slot name=\"after-login-email\"/>\n </div> : ''}\n\n\n {/* Tab 4 (Verify OTP)*/}\n <salla-verify display=\"inline\" support-web-auth={this.supportWebAuth ? 'true' : 'false'}\n class={this.generateTabClasses('otp')} data-name=\"otp\" ref={tab => this.verifyTab = tab}\n autoReload={false}>\n <a onClick={() => this.showTab(this.regType == 'phone' ? this.mobileTab : this.emailTab)}\n class=\"s-verify-back\"\n innerHTML={ArrowRightIcon}\n slot=\"after-footer\"\n href=\"#\"/>\n </salla-verify>\n\n {/* Tab 5 (Register New User)*/}\n <div data-name=\"registration\" class={this.generateTabClasses('registration')}\n ref={tab => this.registrationTab = tab}>\n <slot name=\"before-registration\"/>\n <div>\n <label class=\"s-login-modal-label\">{salla.lang.get('blocks.header.your_name')}</label>\n <input type=\"text\" class=\"s-login-modal-input\" ref={el => this.firstName = el}\n onKeyDown={e => this.typing(e, this.newUser)}\n placeholder={salla.lang.get('pages.profile.first_name')}/>\n <span class=\"s-login-modal-error-message\"/>\n </div>\n\n <div>\n <label class=\"s-login-modal-label\">{salla.lang.get('pages.profile.last_name')}</label>\n <input type=\"text\" class=\"s-login-modal-input\" ref={el => this.lastName = el}\n onKeyDown={e => this.typing(e, this.newUser)}\n placeholder={salla.lang.get('pages.profile.last_name')}/>\n <span class=\"s-login-modal-error-message\"/>\n </div>\n\n <div class={this.generateRegClasses('phone')}>\n <label class=\"s-login-modal-label\">{salla.lang.get('common.elements.mobile')}</label>\n <salla-tel-input ref={el => this.regTelInput = el}\n onKeyDown={e => this.typing(e, this.newUser)}></salla-tel-input>\n </div>\n\n <div class={this.generateRegClasses('email')}>\n <label class=\"s-login-modal-label\">{salla.lang.get('common.elements.email')}</label>\n <input type=\"email\" ref={el => this.regEmail = el} onKeyDown={e => this.typing(e, this.newUser)}\n placeholder=\"your@email.com\"\n class=\"s-login-modal-input s-ltr\"/>\n <span class=\"s-login-modal-error-message\"/>\n </div>\n <div class=\"s-login-modal-custom-fields\" ref={el => this.customFieldsWrapper = el}>{\n this.customFields.map((field: CustomField) => [\n <label class=\"s-login-modal-label\">{field.label}</label>,\n field.type === CustomFieldType.PHOTO\n ? <salla-file-upload\n name=\"image\"\n instant-upload\n id={`${field.id}`}\n title={field.label}\n required={field.required}\n url={salla.url.get('upload-image')}\n // onUploaded={}\n labelIdle={this.getFilepondPlaceholder()}/>\n : <input\n type=\"text\"\n onKeyDown={e => this.typing(e, this.newUser)}\n onInput={el => field.type == CustomFieldType.NUMBER ? salla.helpers.inputDigitsOnly(el.target) : {}}\n placeholder={field.description}\n required={field.required}\n title={field.label}\n id={`${field.id}`}\n class=\"s-login-modal-input s-ltr\"/>,\n <span class=\"s-login-modal-error-message\"/>\n ])\n }</div>\n\n <salla-button loader-position='center' width=\"wide\" onClick={() => this.newUser()}\n ref={b => this.regBtn = b}>{salla.lang.get('blocks.header.register')}</salla-button>\n <slot name=\"after-registration\"/>\n </div>\n </div>\n </salla-modal>\n );\n }\n}\n\n"],"version":3}

package/dist/components/salla-loyalty-prize-item.js CHANGED Viewed

@@ -40,3 +40,5 @@ const SallaLoyaltyPrizeItem = SallaLoyaltyPrizeItem$1;
 const defineCustomElement = defineCustomElement$1;
 export { SallaLoyaltyPrizeItem, defineCustomElement };
+//# sourceMappingURL=salla-loyalty-prize-item.js.map

package/dist/components/salla-loyalty-prize-item.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-loyalty-prize-item.js","mappings":";;;;;AAAA,MAAM,wBAAwB,GAAG,2JAA2J;;MCQ/KA,uBAAqB;;;;;;EAY9B,gBAAgB;IACZ,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;GACzC;EAED,MAAM;IACF,QACI,EAAC,IAAI,QACD,WAAK,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,IAC1C,WAAK,KAAK,EAAC,4BAA4B,EAAC,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,GAAI,EACrF,WAAK,KAAK,EAAC,4BAA4B,IAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAO,EAC9D,WAAK,KAAK,EAAC,+BAA+B,IAAE,IAAI,CAAC,IAAI,CAAC,WAAW,CAAO,EACxE,WAAK,KAAK,EAAC,6BAA6B,IAAE,IAAI,CAAC,IAAI,CAAC,WAAW,YAAc,CAC3E,CACH,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SallaLoyaltyPrizeItem"],"sources":["./src/components/salla-loyalty/salla-loyalty-prize-item.scss?tag=salla-loyalty-prize-item","./src/components/salla-loyalty/salla-loyalty-prize-item.tsx"],"sourcesContent":["\nsalla-loyalty-prize-item:hover {\n box-shadow: 0 5px 15px 1px rgb(0 0 0 / 4%)!important;\n}\n\n","import { Component, h, Prop, Host, Event, EventEmitter } from '@stencil/core';\nimport { Item } from \"./loyalty-schema\"\n\n\n@Component({\n tag: 'salla-loyalty-prize-item',\n styleUrl: 'salla-loyalty-prize-item.scss',\n})\nexport class SallaLoyaltyPrizeItem {\n\n /**\n * Prize item to be displayed in this component.\n */\n @Prop() item: Item;\n\n /**\n * Event emmited when the user select this item.\n */\n @Event() prizeItemSelected: EventEmitter<Item>\n\n onPrizeItemClick() {\n this.prizeItemSelected.emit(this.item)\n }\n\n render() {\n return (\n <Host>\n <div onClick={this.onPrizeItemClick.bind(this)}>\n <img class=\"s-loyalty-prize-item-image\" src={this.item.image} alt={this.item.name} />\n <div class=\"s-loyalty-prize-item-title\">{this.item.name}</div>\n <div class=\"s-loyalty-prize-item-subtitle\">{this.item.description}</div>\n <div class=\"s-loyalty-prize-item-points\">{this.item.cost_points} Points</div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/salla-loyalty.js CHANGED Viewed

@@ -315,3 +315,5 @@ const SallaLoyalty = SallaLoyalty$1;
 const defineCustomElement = defineCustomElement$1;
 export { SallaLoyalty, defineCustomElement };
+//# sourceMappingURL=salla-loyalty.js.map

package/dist/components/salla-loyalty.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-loyalty.js","mappings":"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","names":["SallaLoyalty","CancelIcon","Star2"],"sources":["./src/components/salla-loyalty/salla-loyalty.scss?tag=salla-loyalty","./src/components/salla-loyalty/salla-loyalty.tsx"],"sourcesContent":["","import {Item, LoyaltyProgram, Prize} from './loyalty-schema';\nimport {Component, h, Method, Prop, State} from '@stencil/core';\nimport Star2 from '../../assets/svg/star2.svg';\nimport Star3 from '../../assets/svg/star3.svg';\nimport CancelIcon from '../../assets/svg/cancel.svg';\nimport GiftImg from '../../assets/svg/flat.svg';\n\n/**\n * @slot widget - When used, will activate the component and needs to emit `loyalty::open` event to open the modal. If not provided the default value will be used.\n * @slot points-applied-widget - Widget to show information about the already exchanged points. It should have it's own resetting action and call the `resetExchange` method. If not provided, it will use the default value.\n */\n@Component({\n tag: 'salla-loyalty',\n styleUrl: 'salla-loyalty.scss',\n})\nexport class SallaLoyalty {\n\n constructor() {\n salla.event.on('loyalty::open', () => this.open());\n\n salla.auth.event.onLoggedIn(() => {\n this.is_loggedin = true\n })\n\n salla.lang.onLoaded(() => {\n this.guestMessage = salla.lang.get('pages.loyalty_program.guest_message');\n this.translationLoaded = true;\n })\n\n salla.cart.event.onUpdated(cart => {\n this.prizePoints = cart.loyalty.prize?.points;\n this.prizeTitle = cart.loyalty.prize?.title;\n this.customerPoints = cart.loyalty.customer_points || this.customerPoints;\n })\n }\n\n private modal: HTMLSallaModalElement;\n private confirmationModal: HTMLSallaModalElement;\n\n @State() loyaltyProgram: LoyaltyProgram = undefined;\n @State() buttonLoading: boolean = false;\n @State() selectedItem: Item | undefined = undefined;\n @State() askConfirmation: boolean = false;\n @State() is_loggedin: boolean = false;\n @State() hasError: boolean = false;\n\n @State() errorMessage: string;\n\n //todo:: drop it\n @State() translationLoaded: boolean;\n\n /**\n * The exchanged prize point\n */\n @Prop({mutable: true, reflect: true}) prizePoints: string | number;\n\n /**\n * Available customer points with which they can exchange.\n */\n @Prop({mutable: true, reflect: true}) customerPoints: number;\n\n /**\n * The prize title\n */\n @Prop({mutable: true, reflect: true}) prizeTitle: string;\n\n /**\n * Does the merchant allow to login using email\n */\n @Prop() allowEmail: boolean = true;\n\n /**\n * Does the merchant/current location for visitor allow to login using mobile, By default outside KSA is `false`\n */\n @Prop() allowMobile: boolean = true;\n\n /**\n * Does the merchant require registration with email & mobile\n */\n @Prop() requireEmail: boolean = false;\n\n //todo:: change it to state\n /**\n * Message to show for guest users.\n */\n @Prop({mutable: true}) guestMessage: string\n\n\n private setSelectedPrizeItem(item) {\n if (!this.selectedItem || this.selectedItem?.id != item.id) {\n this.selectedItem = item;\n } else {\n this.selectedItem = undefined\n }\n }\n\n private handleLongText(text: string) {\n if (text.length > 150) {\n return text.substring(0, 150) + '...';\n }\n\n return text;\n }\n\n private prizeItem(item: Item) {\n let klass = {\n 's-loyalty-prize-item-selected': !!this.selectedItem && this.selectedItem?.id == item.id,\n \"s-loyalty-prize-item\": true\n }\n return <div onClick={() => this.setSelectedPrizeItem(item)} class={klass}>\n <img class=\"s-loyalty-prize-item-image\" src={item.image} alt={item.name}/>\n <div class=\"s-loyalty-prize-item-title\">{item.name}</div>\n <div class=\"s-loyalty-prize-item-subtitle\">{this.handleLongText(item.description)}</div>\n <div class=\"s-loyalty-prize-item-points\">\n {item.cost_points} {salla.lang.get('pages.loyalty_program.point')}\n <div class=\"s-loyalty-prize-item-check\">\n <div></div>\n </div>\n </div>\n </div>\n }\n\n private getConfirmationModal() {\n return [\n <salla-placeholder alignment=\"center\" icon={Star3} class=\"s-loyalty-confirmation-modal-content\">\n <div slot=\"title\" class=\"s-loyalty-confirmation-title\">\n {salla.lang.get('pages.loyalty_program.exchange_points')}\n </div>\n <div slot=\"description\">\n {salla.lang.get('pages.loyalty_program.are_you_sure_to_exchange')} ( <strong>{this.selectedItem?.cost_points}</strong> {salla.lang.get('pages.loyalty_program.point')} ) {salla.lang.get('pages.loyalty_program.for')} ( <strong>{this.selectedItem?.name}</strong> )\n </div>\n </salla-placeholder>,\n <div class=\"s-loyalty-confirmation-actions\">\n <salla-button fill='outline' width=\"wide\"\n onClick={() => this.cancelProcess()}>{salla.lang.get('pages.loyalty_program.cancellation')}</salla-button>\n <salla-button loading={this.buttonLoading} width=\"wide\"\n onClick={() => this.exchangeLoyaltyPoint()}>{salla.lang.get('pages.loyalty_program.confirm')}</salla-button>\n </div>\n ]\n }\n\n private getAfterExchangeUI() {\n return <slot name='points-applied-widget'>\n <salla-list-tile class=\"s-loyalty-after-exchange\">\n <div slot=\"title\" class=\"s-loyalty-after-exchange-title\">\n {this.prizeTitle}   -   {this.prizePoints} {salla.lang.get('pages.loyalty_program.point')}\n </div>\n <div slot='action' class=\"s-loyalty-after-exchange-action\">\n <salla-button class=\"s-loyalty-after-exchange-reset\" shape=\"icon\" fill='outline' color=\"danger\" size=\"small\"\n onClick={() => this.resetExchange()}>\n <span innerHTML={CancelIcon}/>\n </salla-button>\n </div>\n </salla-list-tile>\n </slot>\n }\n\n /**\n * Show loyalty modal\n */\n @Method()\n async open() {\n if (!this.is_loggedin) return salla.event.dispatch('login::open');\n this.modal?.open()\n return await salla.loyalty.getProgram()\n .then(response => this.loyaltyProgram = response.data)\n .catch(e => {\n this.hasError = true;\n this.errorMessage = e.response?.data?.error?.message || e.response?.data;\n })\n .finally(() => this.modal?.stopLoading())\n\n }\n\n /**\n *\n * Hide loyalty modal\n */\n @Method()\n async close() {\n return this.modal.close();\n }\n\n /**\n *\n * Cancel Exchanged prizes\n */\n @Method()\n async resetExchange() {\n return await salla.loyalty.reset();\n }\n\n /**\n * Open Confirmation modal\n */\n private async openConfirmation() {\n return await this.modal.close()\n .then(() => this.confirmationModal?.open())\n .catch(e => console.log(e))\n }\n\n /**\n * Cancel process\n */\n private async cancelProcess() {\n return await this.confirmationModal.close()\n .then(() => this.selectedItem = null)\n .catch(e => console.log(e))\n }\n\n /**\n * Exchange loyalty points with the selected prize item\n * @param {number} loyalty_prize_id\n *\n */\n @Method()\n async exchangeLoyaltyPoint() {\n this.buttonLoading = true;\n return await salla.loyalty.exchange(this.selectedItem?.id)\n .then(() => this.selectedItem.key == \"FREE_PRODUCT\" && salla.url.is_page('cart') && window.location.reload())\n .finally(() => {\n this.buttonLoading = false;\n this.cancelProcess()\n }\n )\n }\n\n render() {\n\n // A. when the exchange is done, and we have the final prize points to show it in cart page\n if (this.prizePoints) {\n return this.getAfterExchangeUI();\n }\n\n //todo:: change all translations to states\n return [\n <slot name='widget'>\n {/* B. he wants to use the default widget by pass the customer points . */}\n {\n this.customerPoints ?\n <salla-list-tile class='s-loyalty-widget'>\n <div slot=\"icon\" class=\"s-loyalty-widget-icon\" innerHTML={Star2}/>\n <div slot=\"subtitle\">\n {this.customerPoints ? salla.lang.get('pages.loyalty_program.cart_total_point_summary', {\"balance\": this.customerPoints}) : this.guestMessage}\n <salla-button shape=\"link\" color=\"primary\" onClick={() => salla.event.dispatch(\"loyalty::open\")}>\n {this.customerPoints ? salla.lang.get('pages.loyalty_program.cart_point_exchange_now') : salla.lang.get('blocks.header.login')}\n </salla-button>\n </div>\n </salla-list-tile> :\n ''\n }\n </slot>,\n <salla-modal noPadding width=\"sm\"\n ref={modal => this.confirmationModal = modal}>\n {this.getConfirmationModal()}\n </salla-modal>,\n <salla-modal isLoading={true} has-skeleton={true} width=\"md\" ref={modal => this.modal = modal}>\n <div slot=\"loading\">\n <div class=\"s-loyalty-skeleton\">\n <salla-list-tile class=\"s-loyalty-header\">\n <div slot=\"icon\" class=\"s-loyalty-header-icon\">\n <salla-skeleton type=\"circle\" height='6rem' width='6rem'/>\n </div>\n\n <div slot=\"title\" class=\"s-loyalty-header-title mb-5\">\n <salla-skeleton height='15px' width='50%'/>\n </div>\n <div slot=\"subtitle\" class=\"s-loyalty-header-subtitle\">\n <salla-skeleton height='10px'/>\n <salla-skeleton height='10px' width='75%'/>\n </div>\n\n </salla-list-tile>\n <div class=\"s-loyalty-skeleton-cards\">\n {[...Array(3)].map(() =>\n <div class=\"s-loyalty-prize-item swiper-slide\">\n <salla-skeleton height='9rem'/>\n <div class=\"s-loyalty-prize-item-title\">\n <salla-skeleton height='15px' width='75%'/>\n </div>\n <div class=\"s-loyalty-prize-item-subtitle\">\n <salla-skeleton height='10px' width='50%'/>\n <salla-skeleton height='10px' width='25%'/>\n </div>\n <div class=\"s-loyalty-prize-item-points\">\n <salla-skeleton height='15px' width='100px'/>\n <div class=\"s-loyalty-prize-item-check\">\n <salla-skeleton height='1rem' width='1rem' type='circle'/>\n </div>\n </div>\n </div>\n )}\n </div>\n </div>\n </div>\n {\n !this.hasError && !!this.loyaltyProgram ?\n [\n <salla-list-tile id='s-loyalty-header' class=\"s-loyalty-header\">\n <div slot=\"icon\" class=\"s-loyalty-header-icon\" innerHTML={GiftImg}/>\n\n <div slot=\"title\" class=\"s-loyalty-header-title\">\n {this.loyaltyProgram.prize_promotion_title}\n </div>\n\n <div slot=\"subtitle\" class=\"s-loyalty-header-subtitle\">\n {this.loyaltyProgram.prize_promotion_description}\n </div>\n\n </salla-list-tile>,\n <salla-tabs>\n {this.loyaltyProgram.prizes.map((prize: Prize) =>\n <salla-tab-header slot=\"header\" name={prize.title}>\n <span>{prize.title}</span>\n </salla-tab-header>\n )}\n {this.loyaltyProgram.prizes.map((prize: Prize, index) =>\n <salla-tab-content slot=\"content\" name={prize.title}>\n <salla-slider\n class=\"s-loyalty-slider\"\n loop={false}\n controls-outer={true}\n id={'loyalty-popup-slider-' + index}\n type=\"carousel\">\n <div slot='items'>\n {prize.items.map((item: Item) =>\n this.prizeItem(item)\n )}\n </div>\n </salla-slider>\n </salla-tab-content>\n )}\n </salla-tabs>,\n <salla-button disabled={!this.selectedItem} width=\"wide\"\n class=\"s-loyalty-program-redeem-btn\"\n onClick={() => this.openConfirmation()}>{salla.lang.get('pages.loyalty_program.exchange_points')}</salla-button>,\n\n ]\n : <salla-placeholder class=\"s-loyalty-placeholder\" alignment=\"center\">\n {!!this.errorMessage ? <span slot=\"description\">{this.errorMessage}</span> : ''}\n </salla-placeholder>\n }\n </salla-modal>,\n ];\n }\n\n componentDidLoad() {\n this.is_loggedin = salla.config.isUser()\n }\n}\n"],"version":3}

package/dist/components/salla-map.js CHANGED Viewed

@@ -7,3 +7,5 @@ const SallaMap = SallaMap$1;
 const defineCustomElement = defineCustomElement$1;
 export { SallaMap, defineCustomElement };
+//# sourceMappingURL=salla-map.js.map

package/dist/components/salla-map.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"file":"salla-map.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/salla-map2.js CHANGED Viewed

@@ -772,3 +772,5 @@ function defineCustomElement() {
 defineCustomElement();
 export { SallaMap as S, defineCustomElement as d };
+//# sourceMappingURL=salla-map2.js.map