@salla.sa/twilight-components 2.14.558 → 2.14.560

package/dist/cjs/salla-user-settings.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BkcJlC9S.js');
+var index = require('./index-C9kC1kRK.js');
 
 var Bullhorn = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
@@ -556,7 +556,7 @@ const SallaUserSettings = class {
         return (index.h("salla-button", { fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeleteModal() }, this.capitalizeText(this.deleteAccount)));
     }
     render() {
-        return (index.h(index.Host, { key: 'ec31f48a8214240020804541d58e1745c429f2a5', class: "s-user-settings-wrapper" }, this.canHideName && (index.h("div", { key: '1a4fb3a3e47729891772838df0dca41f52e5d017', class: "s-user-settings-section" }, index.h("salla-list-tile", { key: 'f965243eca4953d588ea6ef27a581f00839482ff' }, index.h("div", { key: 'd08fb75de39b78c02455b9ede326e0563a675762', slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { key: '4bacfb410376c98a14c7289968293a5c06520bbd', innerHTML: UserCancel })), index.h("div", { key: '61bbccd47940a87db9faee8a6a305aff0b5f0783', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), index.h("div", { key: '3b02ec766d677d37d09df8ae91fae883b3e8b35d', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), index.h("div", { key: 'da7358399c5e1e8a94082585820f44e2de9d352d', slot: "action", class: "s-user-settings-section-action" }, index.h("label", { key: 'f64e96e150cd78ed41b104d845774ae31187a33e', class: "s-toggle" }, index.h("input", { key: '69b07baebf7c0869c37b29a920851be99dbfddc8', class: "s-toggle-input", checked: this.isHiddenName, onChange: e => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), index.h("div", { key: '94e8675dcb56084c0581fb26f96ce0122c8898e5', class: "s-toggle-switcher" })))))), index.h("div", { key: '940db4113264ca36dc5283d17597a85d85c4b5b4', class: "s-user-settings-section" }, index.h("salla-list-tile", { key: 'f6c8e5cbebb295826be0bfac8ae427df9cf692bf' }, index.h("div", { key: 'c81a3c392df36b97777d74521482266a9444a79c', slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { key: '1a5a19818579890be2ecb12848e30cf034f8569b', innerHTML: Bullhorn })), index.h("div", { key: '5849731b90184af7225d120b5e1077e49301e379', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), index.h("div", { key: '3aeda4ebfa9715d81272dd4be1e5b223f43d79fe', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), index.h("div", { key: '60db45c279de365c10ae40ba486afd8609f5d2b2', slot: "action", class: "s-user-settings-section-action" }, index.h("label", { key: '1b855ffd24570fe90badbd18bbab2c8032f320b7', class: "s-toggle" }, index.h("input", { key: '9cdd0d736ed9baf0f5628803a9a4b93c5389cc51', class: "s-toggle-input", checked: this.isNotifiable, onChange: e => this.toggleSetting('is_notifiable', e), type: "checkbox" }), index.h("div", { key: '35ba9556185bb4991fc91b343573e723cd888115', class: "s-toggle-switcher" }))))), this.isDeleteAccountEnabled ? (index.h("div", { class: "s-user-settings-section s-user-settings-section-delete-user" }, index.h("salla-list-tile", null, index.h("div", { slot: "icon", class: "s-user-settings-section-icon" }, this.renderUserDeleteIcon()), index.h("div", { slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deleteAccount)), index.h("div", { slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.isDeletePending ? this.deleteAccountPending : this.deleteAccountDesc)), index.h("div", { slot: "action", class: "s-user-settings-section-action" }, this.renderDeleteSectionAction())))) : (index.h("div", { class: "s-user-settings-section s-user-settings-section-deactivate-user" }, index.h("salla-list-tile", null, index.h("div", { slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { innerHTML: UserOff })), index.h("div", { slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), index.h("div", { slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), index.h("div", { slot: "action", class: "s-user-settings-section-action" }, index.h("salla-button", { fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount)))))), this.isDeleteAccountEnabled ? (index.h("salla-modal", { id: "salla-user-settings-delete-modal", width: "xs", centered: true, showBack: this.currentStep === 'otp', isClosable: this.currentStep !== 'success', iconStyle: this.currentStep === 'success' ? 'success' : undefined, onModalVisibilityChanged: e => this.handleModalVisibilityChanged(e), onModalBack: () => this.goBackFromOtp(), ref: modal => (this.confirmationModal = modal) }, this.currentStep !== 'success' ? (index.h("span", { slot: "icon", class: "s-user-settings-delete-icon" }, this.renderUserDeleteIcon())) : null, index.h("div", { key: this.currentStep, class: "s-user-settings-delete-step" }, this.renderDeleteStep()))) : (index.h("salla-modal", { width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => (this.confirmationModal = modal) }, index.h("span", { slot: "icon", class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), index.h("div", { class: "s-user-settings-confirmation" }, index.h("div", { class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), index.h("div", { class: "s-user-settings-confirmation-actions" }, index.h("salla-button", { width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), index.h("salla-button", { fill: "outline", loading: this.buttonLoading, width: "wide", onClick: () => this.confirmDeactivateAccount() }, this.capitalizeText(this.deactivateAccount))))))));
+        return (index.h(index.Host, { key: 'a281976a9dd190f20ddf5e1e7633cd954407d3b4', class: "s-user-settings-wrapper" }, this.canHideName && (index.h("div", { key: '7291eaadf516b3161d9e4fde3a5dcec7a42bb609', class: "s-user-settings-section" }, index.h("salla-list-tile", { key: '3e23e502b3031de5cfb0a49e9c8bc9756ada92af' }, index.h("div", { key: 'd426d601591da1f15c065bce33e4c7b12d0bf047', slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { key: 'e4900a0e5450bc100d22e62a22de331e96958a4c', innerHTML: UserCancel })), index.h("div", { key: 'ec6110960511382dd551421ffd3a036af506109b', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), index.h("div", { key: 'bdfc4e7f987a7ecd0e3cf8bfeee72f055297e2d6', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), index.h("div", { key: 'fad7eb6125789cdf3230314e62552452f4c84fc3', slot: "action", class: "s-user-settings-section-action" }, index.h("label", { key: 'f5676bc70508fddad0506410089aa7879e4ef5db', class: "s-toggle" }, index.h("input", { key: '6b57caa5797c1b7225094cf4241a95b7a521327a', class: "s-toggle-input", checked: this.isHiddenName, onChange: e => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), index.h("div", { key: '50073a68f078ae3592ea00581a9287f03371e122', class: "s-toggle-switcher" })))))), index.h("div", { key: 'e87388e12354cdd7559ff16c965bc51786d52af5', class: "s-user-settings-section" }, index.h("salla-list-tile", { key: 'fc020c81a28c42c0a98fda40ee6f6ffaaa5a20d4' }, index.h("div", { key: 'aa90688fca635da561e4eb77309e447d6f5e6b8b', slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { key: '6448e1268f3c88e72fff6259f195e4b43312253e', innerHTML: Bullhorn })), index.h("div", { key: 'ded7da656a1b484e4144c5d8605a55682f7de912', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), index.h("div", { key: 'a70d94920d012ac5a1d85b17f92b9ce733179569', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), index.h("div", { key: 'be1325b95063cc822ee4c62d7c7a20bae08fb287', slot: "action", class: "s-user-settings-section-action" }, index.h("label", { key: '181949e51caed49e6c05d10e1a1ae79472772ded', class: "s-toggle" }, index.h("input", { key: '76d423655ebab9004b130adea83f89ec92a27966', class: "s-toggle-input", checked: this.isNotifiable, onChange: e => this.toggleSetting('is_notifiable', e), type: "checkbox" }), index.h("div", { key: '44a1ac3c7c6b1f0ac12ccb8853d5c75317ecce2c', class: "s-toggle-switcher" }))))), this.isDeleteAccountEnabled ? (index.h("div", { class: "s-user-settings-section s-user-settings-section-delete-user" }, index.h("salla-list-tile", null, index.h("div", { slot: "icon", class: "s-user-settings-section-icon" }, this.renderUserDeleteIcon()), index.h("div", { slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deleteAccount)), index.h("div", { slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.isDeletePending ? this.deleteAccountPending : this.deleteAccountDesc)), index.h("div", { slot: "action", class: "s-user-settings-section-action" }, this.renderDeleteSectionAction())))) : (index.h("div", { class: "s-user-settings-section s-user-settings-section-deactivate-user" }, index.h("salla-list-tile", null, index.h("div", { slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { innerHTML: UserOff })), index.h("div", { slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), index.h("div", { slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), index.h("div", { slot: "action", class: "s-user-settings-section-action" }, index.h("salla-button", { fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount)))))), this.isDeleteAccountEnabled ? (index.h("salla-modal", { id: "salla-user-settings-delete-modal", width: "xs", centered: true, showBack: this.currentStep === 'otp', isClosable: this.currentStep !== 'success', iconStyle: this.currentStep === 'success' ? 'success' : undefined, onModalVisibilityChanged: e => this.handleModalVisibilityChanged(e), onModalBack: () => this.goBackFromOtp(), ref: modal => (this.confirmationModal = modal) }, this.currentStep !== 'success' ? (index.h("span", { slot: "icon", class: "s-user-settings-delete-icon" }, this.renderUserDeleteIcon())) : null, index.h("div", { key: this.currentStep, class: "s-user-settings-delete-step" }, this.renderDeleteStep()))) : (index.h("salla-modal", { width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => (this.confirmationModal = modal) }, index.h("span", { slot: "icon", class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), index.h("div", { class: "s-user-settings-confirmation" }, index.h("div", { class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), index.h("div", { class: "s-user-settings-confirmation-actions" }, index.h("salla-button", { width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), index.h("salla-button", { fill: "outline", loading: this.buttonLoading, width: "wide", onClick: () => this.confirmDeactivateAccount() }, this.capitalizeText(this.deactivateAccount))))))));
     }
 };
 SallaUserSettings.style = sallaUserSettingsCss;

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BkcJlC9S.js');
+var index = require('./index-C9kC1kRK.js');
 var mail = require('./mail-CO8cFZH7.js');
 
 var AndroidPhoneIcon = `<!-- Generated by IcoMoon.io -->

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BkcJlC9S.js');
+var index = require('./index-C9kC1kRK.js');
 
 const sallaWalletCss = "/*!twlt*/.s-wallet-table{min-width:100%}.s-wallet-table-balance-container{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:1rem}.s-wallet-table-balance-icon{border-radius:50%;width:52px;height:52px;font-size:25px;padding:16px 13px;background:var(--color-primary-reverse);color:var(--color-primary)}.s-wallet-table-empty-state{display:flex;flex-direction:column;align-items:center}.s-wallet-table-empty-state i{font-size:80px;margin:4rem 0 2rem;color:var(--infinte-color)}.s-wallet-table-transaction-status{padding:6px 19px !important;border-radius:20px;width:max-content;display:flex;align-items:center}.s-wallet-table-transaction-status-default{background:#fff6eb;color:#a46f29}.s-wallet-table-transaction-status-cashback{background:#effbf6;color:#00af6c}.s-wallet-table-transaction-status-refund{background:#ecf3fe;color:#5196f3}.s-wallet-table-transaction-status-purchase{background:#feecec;color:#f55157}.s-wallet-table-transaction-status-icons-success{color:#00af6c}.absolute{position:absolute}.relative{position:relative}.flex{display:flex}.table{display:table}.hidden{display:none}.items-center{align-items:center}.p-3{padding:0.75rem}.text-center{text-align:center}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-wallet-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.625rem * var(--tw-space-y-reverse))}@media (min-width: 768px){.s-wallet-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}}.s-wallet-mobile-title{display:inline-block;width:8rem;font-weight:400;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.s-wallet-mobile-title{display:none}}.s-wallet-reference-id{display:none}@media (min-width: 768px){.s-wallet-reference-id{display:inline-block}}.s-wallet-buy-as-gift-icon{margin-left:0.25rem;margin-right:0.25rem;display:inline-block;color:var(--color-primary)}.s-wallet-copy-to-clipboard-button{display:flex;align-items:center}@media (min-width: 768px){.s-wallet-copy-to-clipboard-button{display:none}}.s-wallet-copy-to-clipboard-button salla-button{position:relative}.s-wallet-copy-to-clipboard-button-icon{pointer-events:none;font-size:0.75rem;line-height:1rem}.s-wallet-copy-to-clipboard-button-icon:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-left:0.25rem}.s-wallet-copy-to-clipboard-button-icon:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-right:0.25rem}@media (min-width: 768px){.s-wallet-status-container{margin-left:0px;margin-right:0px}}.s-wallet-status-container:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-left:auto}.s-wallet-status-container:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-right:auto}.s-wallet-status-container i{margin-top:0.25rem}.s-wallet-status-container i:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-right:0.25rem}.s-wallet-status-container i:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-left:0.25rem}.s-wallet-rated-text{--tw-text-opacity:1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.s-wallet-unrated-text{--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.s-wallet-no-content{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;padding-top:2.5rem;padding-bottom:5rem;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-wallet-no-content .icon{margin-bottom:1rem;display:flex;height:8rem;width:8rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));font-size:3rem;line-height:1;--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.s-wallet-no-content p{margin-bottom:1rem;font-size:1rem;line-height:1.5rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-wallet-table{min-width:100%;border-collapse:separate}@media (min-width: 768px){.s-wallet-table{margin-bottom:-0.75rem;--tw-border-spacing-y:1.25rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}}.s-wallet-table-head{margin-bottom:1.25rem;display:none;--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}@media (min-width: 768px){.s-wallet-table-head{display:table-header-group}}.s-wallet-table-head-tr-th{padding-left:1.5rem;padding-right:1.5rem;text-align:start;font-size:0.875rem;line-height:1.25rem;font-weight:500;text-transform:uppercase;letter-spacing:0.05em}.s-wallet-table-head-tr-th:where([dir=\"ltr\"],[dir=\"ltr\"] *){text-align:left}.s-wallet-table-head-tr-th:last-child:where([dir=\"ltr\"],[dir=\"ltr\"] *){text-align:right}.s-wallet-table-head-tr-th:where([dir=\"rtl\"],[dir=\"rtl\"] *){text-align:right}.s-wallet-table-head-tr-th:last-child:where([dir=\"rtl\"],[dir=\"rtl\"] *){text-align:left}.s-wallet-table-tbody-tr{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;overflow:hidden;border-radius:var(--s-radius, 0.25rem);border-bottom-width:8px;border-top-width:8px;--tw-border-opacity:1;border-color:rgb(249 250 251 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.5rem;transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms}@media (min-width: 768px){.s-wallet-table-tbody-tr{display:table-row;flex-direction:row;flex-wrap:nowrap;padding:0px}}.s-wallet-table-tbody-tr-td{width:100%;white-space:nowrap;font-size:0.875rem;line-height:1.25rem}.s-wallet-table-tbody-tr-td:first-child{font-weight:700}@media (min-width: 768px){.s-wallet-table-tbody-tr-td{height:5rem;width:auto}.s-wallet-table-tbody-tr-td:last-child{text-align:end}.s-wallet-table-tbody-tr-td:first-child:where([dir=\"ltr\"],[dir=\"ltr\"] *){border-top-left-radius:0.375rem;border-bottom-left-radius:0.375rem}.s-wallet-table-tbody-tr-td:first-child:where([dir=\"rtl\"],[dir=\"rtl\"] *){border-top-right-radius:0.375rem;border-bottom-right-radius:0.375rem}}.s-wallet-table-tbody-tr-td:first-child{font-weight:700}.s-wallet-table-tbody-tr-td-content{position:relative;display:flex;align-items:center;justify-content:space-between;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.75rem;line-height:1rem}@media (min-width: 768px){.s-wallet-table-tbody-tr-td-content{padding-left:1.5rem;padding-right:1.5rem;padding-top:1.5rem;padding-bottom:1.5rem}}.s-wallet-table-tbody-tr-td-content:where([dir=\"ltr\"],[dir=\"ltr\"] *){padding-right:0.5rem}.s-wallet-table-tbody-tr-td-content:where([dir=\"rtl\"],[dir=\"rtl\"] *){padding-left:0.5rem}.s-wallet-table-tbody-tr a{position:absolute;top:0px;bottom:0px;display:block;width:100%}.s-wallet-table-tbody-tr a:where([dir=\"ltr\"],[dir=\"ltr\"] *){left:0px}.s-wallet-table-tbody-tr a:where([dir=\"rtl\"],[dir=\"rtl\"] *){right:0px}@media (min-width: 768px){.md\\:mx-0{margin-left:0px;margin-right:0px}.md\\:inline-block{display:inline-block}.md\\:hidden{display:none}}.ltr\\:ml-auto:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-left:auto}.ltr\\:mr-4:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-right:1rem}.rtl\\:ml-4:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-left:1rem}.rtl\\:mr-auto:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-right:auto}";
 

package/dist/cjs/salla-wishlist-actions.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BkcJlC9S.js');
+var index = require('./index-C9kC1kRK.js');
 
 const sallaWishlistActionsCss = "/*!twlt*/:host{display:block}.s-wishlist-actions-menu{min-width:200px;inset-inline-end:0;inset-inline-start:auto;list-style:none;margin:0;padding:4px 0;box-shadow:0 4px 16px rgba(0, 0, 0, 0.12)}.s-wishlist-actions-menu-item{display:block;width:100%;padding:10px 16px;text-align:start;font-size:0.875rem;color:#374151;background:transparent;cursor:pointer;white-space:nowrap}.s-wishlist-actions-menu-item:hover{background-color:#f3f4f6;color:var(--color-primary)}.s-wishlist-actions-panel{box-shadow:0 1px 3px rgba(0, 0, 0, 0.08)}.s-wishlist-actions-panel-select-all{user-select:none}.s-wishlist-actions-select-all:indeterminate,.s-wishlist-actions-select-all:indeterminate:hover,.s-wishlist-actions-select-all:indeterminate:focus{background-color:var(--color-primary);border-color:var(--color-primary)}.s-wishlist-actions-select-all:indeterminate::after{content:\"\";position:absolute;top:50%;left:50%;width:10px;height:2px;background:#fff;border:none;transform:translate(-50%, -50%)}.s-wishlist-actions-social-anchor{display:none}h1.s-wishlist-actions-page-title{text-align:start !important}.static{position:static}.absolute{position:absolute}.relative{position:relative}.z-20{z-index:20}.mb-3{margin-bottom:0.75rem}.mt-1{margin-top:0.25rem}.mt-3{margin-top:0.75rem}.flex{display:flex}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:0.5rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:0.5rem}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-4{padding:1rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.font-bold{font-weight:700}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}";
 
@@ -319,7 +319,7 @@ const SallaWishlistActions = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'f98d4568e05ea8ada4b2128764ece4b8ecf0e9b1' }, index.h("div", { key: '178e589f317fc00edfc2d96cb8d9b50313271061', class: "s-wishlist-actions" }, index.h("div", { key: 'be8dd06107f7771e665ae7bb5662a98ef6ed844f', class: "s-wishlist-actions-bar flex items-center justify-end gap-3 mb-3" }, index.h("div", { key: '4b22a0f0b996013adc598b4b5c7a7e85f59ae9cb', class: "s-wishlist-actions-dropdown relative" }, index.h("salla-button", { key: 'beb6be8e267af9b64fb8986a00cbe582d3089bca', color: "primary", fill: "outline", type: "button", disabled: !this.hasProducts, "aria-haspopup": "true", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: () => this.toggleMenu() }, index.h("div", { key: '11a5a5f0817b073fd77f843eeaea7821fe39b603', class: "flex flex-row justify-center items-center gap-2" }, index.h("svg", { key: '5b7bbbcc99d112e2fc8c22370c086cc07096f671', version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 32 32", style: { width: '16px', height: '16px' } }, index.h("path", { key: 'df1dfe257dab464c24bf4c30ed40013fbf9bb6bb', d: "M26.667 21.333c-1.699 0-3.196 0.812-4.173 2.052l-11.912-5.211c0.044-0.276 0.085-0.553 0.085-0.841 0-0.472-0.081-0.923-0.197-1.359l12.361-6.952c0.971 1.009 2.328 1.644 3.836 1.644 2.941 0 5.333-2.392 5.333-5.333s-2.392-5.333-5.333-5.333-5.333 2.392-5.333 5.333c0 0.472 0.081 0.923 0.197 1.359l-12.361 6.952c-0.971-1.009-2.328-1.644-3.836-1.644-2.941 0-5.333 2.392-5.333 5.333s2.392 5.333 5.333 5.333c1.699 0 3.196-0.812 4.173-2.052l11.912 5.211c-0.044 0.276-0.085 0.553-0.085 0.841 0 2.941 2.392 5.333 5.333 5.333s5.333-2.392 5.333-5.333-2.392-5.333-5.333-5.333zM26.667 2.667c1.471 0 2.667 1.196 2.667 2.667s-1.196 2.667-2.667 2.667-2.667-1.196-2.667-2.667 1.196-2.667 2.667-2.667zM5.333 20c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667zM26.667 29.333c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667z" })), this.shareLabel, index.h("svg", { key: '288e753722bd5001240cb9a20b766268343a1a2b', version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 32 32", style: { width: '16px', height: '16px' } }, index.h("path", { key: 'c3b23ff2f73fb4d8dda9ecf7e66c672db22af1f1', d: "M26.212 10.996c-0.556-0.484-1.396-0.428-1.881 0.127l-8.331 9.519-8.331-9.52c-0.485-0.555-1.327-0.611-1.881-0.125s-0.609 1.328-0.124 1.881l9.333 10.667c0.253 0.291 0.617 0.456 1.003 0.456s0.749-0.165 1.003-0.456l9.333-10.667c0.485-0.553 0.429-1.396-0.124-1.881z" })))), this.menuOpen && (index.h("ul", { key: '168954288e17549aca31b030701b2527f3dfe29a', class: "s-wishlist-actions-menu absolute z-20 mt-1 bg-white rounded-lg shadow overflow-hidden" }, index.h("li", { key: '233853081fe20fbe460c8a59cd986346bdf86a7e' }, index.h("button", { key: '51503bb20856bc0db7256fdad7e14782218c2d8b', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareAll() }, this.shareAllLabel)), index.h("li", { key: '3de41498ab832ca59b13eb3ceacea085bd739c99' }, index.h("button", { key: '02f19350401c0cea15cf4fbfb40b9fd3201a775f', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareSpecific() }, this.shareSpecificLabel))))), index.h("salla-social-share", { key: '5b50b216a0b3f26705bfb9d5fb08289171bfb9db', class: "s-wishlist-actions-social", ref: el => (this.socialShare = el), url: this.shareUrl, mode: "modal", modalTitle: this.shareModalTitle }, index.h("span", { key: 'a0526c7a5a42b3d227e8ee60ccae567539a78b32', slot: "widget", class: "s-wishlist-actions-social-anchor", "aria-hidden": "true" }))), this.specificMode && (index.h("div", { key: 'a4674671b6ebb3f24a89175094c179e28edd5356', class: "s-wishlist-actions-panel flex items-center justify-between gap-4 flex-wrap p-4 mt-3 mb-3 bg-white rounded-lg" }, index.h("label", { key: 'ac840ff8d4097a8a8a88a7b2b69616a2774a34ca', class: "s-wishlist-actions-panel-select-all flex items-center gap-2 cursor-pointer" }, index.h("input", { key: 'e237aad2710b60f89a063851c5073973bcfcde16', type: "checkbox", class: "s-products-list-select-checkbox s-wishlist-actions-select-all", checked: this.isAllSelected, ref: el => (this.selectAllCheckbox = el), "aria-label": this.selectAllLabel, onChange: () => this.toggleSelectAll() }), index.h("span", { key: 'f843c9b25131632ecd59b82848105dbc0d60e050', class: "s-wishlist-actions-panel-title text-sm font-bold text-gray-700" }, this.shareSpecificLabel, " (", this.selectedCount, ")")), index.h("div", { key: 'aebdee1c3b1128bde388ad3525ddb8b8e2224f6c', class: "s-wishlist-actions-panel-buttons flex items-center gap-2" }, index.h("salla-button", { key: 'cc978cf0b71194497525e691da25809246bbf15e', class: "s-wishlist-actions-cancel", color: "light", fill: "outline", type: "button", onClick: () => this.cancelSpecific() }, this.cancelLabel), index.h("salla-button", { key: '06693bd6ecea8b470bf63c7de4f5e0ffad4dd96b', class: "s-wishlist-actions-share", color: "primary", fill: "outline", type: "button", disabled: !this.selectedCount, loading: this.isSharing, onClick: () => this.shareSelected() }, this.shareLabel)))))));
+        return (index.h(index.Host, { key: 'f2c749d47b18d8e12fb7186eec0679083f14c990' }, index.h("div", { key: '218f5eb3b07c3e626e3677f856a515fe01833311', class: "s-wishlist-actions" }, index.h("div", { key: '5c6a4cea2b16baae3e4fda8f34173467e562072b', class: "s-wishlist-actions-bar flex items-center justify-end gap-3 mb-3" }, index.h("div", { key: '2753d439676740b4e67f31db1774a5294cd0c150', class: "s-wishlist-actions-dropdown relative" }, index.h("salla-button", { key: '13075fc30599a336fb92ecd9e90c72d38a541253', color: "primary", fill: "outline", type: "button", disabled: !this.hasProducts, "aria-haspopup": "true", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: () => this.toggleMenu() }, index.h("div", { key: 'd5ead5b3d4fd6c90d6fa01502e5a6437d37557c8', class: "flex flex-row justify-center items-center gap-2" }, index.h("svg", { key: '7c04668fba88f122d1920f9bed9a2e5308452721', version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 32 32", style: { width: '16px', height: '16px' } }, index.h("path", { key: '8d3190b697e81cae3ebfcfb6a9c0e82c7aea465f', d: "M26.667 21.333c-1.699 0-3.196 0.812-4.173 2.052l-11.912-5.211c0.044-0.276 0.085-0.553 0.085-0.841 0-0.472-0.081-0.923-0.197-1.359l12.361-6.952c0.971 1.009 2.328 1.644 3.836 1.644 2.941 0 5.333-2.392 5.333-5.333s-2.392-5.333-5.333-5.333-5.333 2.392-5.333 5.333c0 0.472 0.081 0.923 0.197 1.359l-12.361 6.952c-0.971-1.009-2.328-1.644-3.836-1.644-2.941 0-5.333 2.392-5.333 5.333s2.392 5.333 5.333 5.333c1.699 0 3.196-0.812 4.173-2.052l11.912 5.211c-0.044 0.276-0.085 0.553-0.085 0.841 0 2.941 2.392 5.333 5.333 5.333s5.333-2.392 5.333-5.333-2.392-5.333-5.333-5.333zM26.667 2.667c1.471 0 2.667 1.196 2.667 2.667s-1.196 2.667-2.667 2.667-2.667-1.196-2.667-2.667 1.196-2.667 2.667-2.667zM5.333 20c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667zM26.667 29.333c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667z" })), this.shareLabel, index.h("svg", { key: '1a55774c008f2e0d44f2074fdaa04290a61f799c', version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 32 32", style: { width: '16px', height: '16px' } }, index.h("path", { key: 'd7fe9393be3a8ff7b8d9f8ffa9eade5e8185ad80', d: "M26.212 10.996c-0.556-0.484-1.396-0.428-1.881 0.127l-8.331 9.519-8.331-9.52c-0.485-0.555-1.327-0.611-1.881-0.125s-0.609 1.328-0.124 1.881l9.333 10.667c0.253 0.291 0.617 0.456 1.003 0.456s0.749-0.165 1.003-0.456l9.333-10.667c0.485-0.553 0.429-1.396-0.124-1.881z" })))), this.menuOpen && (index.h("ul", { key: '5c35b61c80a3c148c647460a54c62beb239fb0f5', class: "s-wishlist-actions-menu absolute z-20 mt-1 bg-white rounded-lg shadow overflow-hidden" }, index.h("li", { key: '63a82032fb616eade7f23706647dc4a8a167fb37' }, index.h("button", { key: '3e586e54d47f960408486c69f23ad43486762059', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareAll() }, this.shareAllLabel)), index.h("li", { key: '1ae1a01dd873e989390686494809b4cb2361cad6' }, index.h("button", { key: '85bd5814e6a40fae55fdf797b4874cbd6058ef5d', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareSpecific() }, this.shareSpecificLabel))))), index.h("salla-social-share", { key: '7a944502b2916565810d52e17ed17d83a49b58a9', class: "s-wishlist-actions-social", ref: el => (this.socialShare = el), url: this.shareUrl, mode: "modal", modalTitle: this.shareModalTitle }, index.h("span", { key: '3b45e9700e6b02185c6ba2d145c35785520377ef', slot: "widget", class: "s-wishlist-actions-social-anchor", "aria-hidden": "true" }))), this.specificMode && (index.h("div", { key: '28ec1f084cdab3490b75ff0f4c79aa892884b64e', class: "s-wishlist-actions-panel flex items-center justify-between gap-4 flex-wrap p-4 mt-3 mb-3 bg-white rounded-lg" }, index.h("label", { key: '4a82c117309d60a3a7874ae3f258c139e40778dc', class: "s-wishlist-actions-panel-select-all flex items-center gap-2 cursor-pointer" }, index.h("input", { key: 'f72370d3bbd7887e14945bc7da5451f77664a764', type: "checkbox", class: "s-products-list-select-checkbox s-wishlist-actions-select-all", checked: this.isAllSelected, ref: el => (this.selectAllCheckbox = el), "aria-label": this.selectAllLabel, onChange: () => this.toggleSelectAll() }), index.h("span", { key: '7f7d513a5c06ffa27706519f40f33f5f86b3f581', class: "s-wishlist-actions-panel-title text-sm font-bold text-gray-700" }, this.shareSpecificLabel, " (", this.selectedCount, ")")), index.h("div", { key: '021dd377c7bdf777f61daac64ae5a5955decbe99', class: "s-wishlist-actions-panel-buttons flex items-center gap-2" }, index.h("salla-button", { key: '36edc191937c110806f1a1ab152db87712e3b63a', class: "s-wishlist-actions-cancel", color: "light", fill: "outline", type: "button", onClick: () => this.cancelSpecific() }, this.cancelLabel), index.h("salla-button", { key: '13b1fb46a21df09c6110b168adfa2d033d2d7f5b', class: "s-wishlist-actions-share", color: "primary", fill: "outline", type: "button", disabled: !this.selectedCount, loading: this.isSharing, onClick: () => this.shareSelected() }, this.shareLabel)))))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/twilight.cjs.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BkcJlC9S.js');
+var index = require('./index-C9kC1kRK.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*

package/dist/cjs/{vanilla-picker-COagKVR0.js → vanilla-picker-DhVgJ3k1.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BkcJlC9S.js');
+var index = require('./index-C9kC1kRK.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/collection/components/salla-bullet-delivery/salla-bullet-delivery.css

@@ -225,6 +225,9 @@
 .static {
   position: static;
 }
+.mb-1 {
+  margin-bottom: 0.25rem;
+}
 .inline {
   display: inline;
 }
@@ -246,9 +249,6 @@
 .gap-1 {
   gap: 0.25rem;
 }
-.gap-\[2px\] {
-  gap: 2px;
-}
 .text-start {
   text-align: start;
 }

package/dist/collection/components/salla-bullet-delivery/salla-bullet-delivery.js

@@ -2184,7 +2184,7 @@ export class SallaBulletDelivery {
                     if (!disabled)
                         onClick();
                 }
-            } }, h("input", { type: "radio", name: "saved_address", class: "s-bullet-delivery-radio", checked: selected, disabled: disabled }), h("span", { class: "s-bullet-delivery-address-map-icon", innerHTML: MiniMap, "aria-hidden": "true" }), h("div", { class: "s-bullet-delivery-address-content" }, h("div", { class: "s-bullet-delivery-address-lines" }, h("span", { class: "s-bullet-delivery-address-line1" }, line1), h("span", { class: "s-bullet-delivery-address-line2" }, line2)))));
+            } }, h("input", { type: "radio", name: "saved_address", class: "s-bullet-delivery-radio", checked: selected, disabled: disabled }), h("span", { class: "s-bullet-delivery-address-map-icon", innerHTML: MiniMap, "aria-hidden": "true" }), h("div", { class: "s-bullet-delivery-address-content" }, h("div", { class: "s-bullet-delivery-address-lines" }, h("span", { class: "s-bullet-delivery-address-line1", style: { textAlign: this.isRTL ? 'right' : 'left' } }, line1), h("span", { class: "s-bullet-delivery-address-line2", style: { textAlign: this.isRTL ? 'right' : 'left' } }, line2)))));
     }
     renderMapSection() {
         const isSA = isSaudiArabia(this.selectedCountry?.code ?? '');
@@ -2252,6 +2252,23 @@ export class SallaBulletDelivery {
                 "s-bullet-delivery-location-btn--loading": this.loadingNearestBranch,
             }, onClick: () => this.handleFindNearestBranch(), disabled: this.loadingNearestBranch }, this.loadingNearestBranch ? (h("span", { class: "s-bullet-delivery-location-icon", "aria-hidden": "true" }, h("salla-skeleton", { height: "18px", width: "18px" }))) : (h("span", { class: "s-bullet-delivery-location-icon", innerHTML: GPS, "aria-hidden": "true" })), h("span", null, Salla.lang.get("pages.checkout.nearest_to_my_location")))), this.locationError && this.activeTab === "branch" && (h("span", { class: "s-bullet-delivery-error" }, this.locationError))));
     }
+    /** Renders a branch's `preparation_time_range` as a localized "from - to <unit>" label. */
+    getPreparationTimeLabel(range) {
+        if (!range)
+            return null;
+        const unitKeys = {
+            hour: 'pages.checkout.preparation_time_hours',
+            minute: 'pages.checkout.preparation_time_minutes',
+            day: 'pages.checkout.preparation_time_days',
+        };
+        const key = unitKeys[range.from.unit];
+        if (!key)
+            return null;
+        return Salla.lang
+            .getWithDefault(key, 'من {from} إلى {to} دقائق')
+            ?.replace('{from}', String(range.from.value))
+            ?.replace('{to}', String(range.to.value));
+    }
     renderBranchList() {
         if (this.loadingBranches) {
             return (h("div", { class: "s-bullet-delivery-branches-wrap" }, h("div", { class: "s-bullet-delivery-branches-loading" }, [1, 2, 3, 4].map((v) => (h("div", { key: v, class: "s-bullet-delivery-branch-skeleton" }, h("salla-skeleton", { class: "s-bullet-delivery-branch-skeleton-radio", type: "circle", height: "16px", width: "16px" }), h("div", { class: "s-bullet-delivery-branch-skeleton-icon" }, h("salla-skeleton", { height: "34px", width: "34px" })), h("div", { class: "s-bullet-delivery-branch-skeleton-content" }, h("salla-skeleton", { class: "s-bullet-delivery-branch-skeleton-title", height: "12px", width: "124px" })), h("salla-skeleton", { class: "s-bullet-delivery-branch-skeleton-time", height: "12px", width: "88px" }), h("div", { class: "s-bullet-delivery-branch-skeleton-map" }, h("salla-skeleton", { height: "32px", width: "32px" }))))))));
@@ -2262,6 +2279,10 @@ export class SallaBulletDelivery {
         return (h("div", { class: "s-bullet-delivery-branches-wrap" }, h("ul", { class: "s-bullet-delivery-branches-list s-scrollbar" }, this.filteredBranches.map(branch => {
             const selectable = isBranchSelectable(branch);
             const readiness = branch?.pickup_readiness;
+            const locationText = [branch.country?.name, branch.city?.name, branch.district?.name]
+                .filter(Boolean)
+                .join(', ');
+            const preparationTimeLabel = this.getPreparationTimeLabel(branch.preparation_time_range);
             return (h("li", { key: branch.id, class: {
                     's-bullet-delivery-branch-item': true,
                     's-bullet-delivery-branch-item--selected': this.selectedBranch?.id === branch.id,
@@ -2272,7 +2293,7 @@ export class SallaBulletDelivery {
                         if (selectable)
                             this.handleBranchSelect(branch);
                     }
-                } }, h("input", { type: "radio", name: "branch", class: "s-bullet-delivery-radio", checked: this.selectedBranch?.id === branch.id, disabled: !selectable }), h("span", { class: "s-bullet-delivery-branch-icon", "aria-hidden": "true" }, h("span", { innerHTML: Store })), h("div", { class: "flex flex-col gap-[2px]" }, h("div", { class: "flex items-center gap-1" }, h("p", { class: "s-bullet-delivery-branch-name text-start" }, branch.name), readiness?.label && (h("p", { class: `branch-status-badge${readiness.color ? ` ${readiness.color}` : ''}` }, readiness.label))), branch.preparation_time ? (h("span", { class: "s-bullet-delivery-branch-prep text-start" }, h("i", { class: "sicon-clock" }), "\u00A0", h("span", { class: "first-letter-cap" }, branch.preparation_time))) : null, readiness?.detail_line && (h("span", { class: "s-bullet-delivery-branch-time text-start" }, h("i", { class: "sicon-store" }), "\u00A0", readiness.detail_line))), h("div", { style: {
+                } }, h("input", { type: "radio", name: "branch", class: "s-bullet-delivery-radio", checked: this.selectedBranch?.id === branch.id, disabled: !selectable }), h("span", { class: "s-bullet-delivery-branch-icon", "aria-hidden": "true" }, h("span", { innerHTML: Store })), h("div", { class: "flex flex-col" }, h("div", { class: "flex items-center gap-1 mb-1" }, h("p", { class: "s-bullet-delivery-branch-name text-start" }, branch.name), readiness?.label && (h("p", { class: `branch-status-badge${readiness.color ? ` ${readiness.color}` : ''}` }, readiness.label))), locationText ? (h("span", { class: "s-bullet-delivery-branch-prep", style: { fontSize: '0.8rem', lineHeight: '1.1rem', textAlign: this.isRTL ? 'right' : 'left' } }, h("i", { class: "sicon-location" }), "\u00A0", h("span", { class: "first-letter-cap" }, locationText))) : null, preparationTimeLabel ? (h("span", { class: "s-bullet-delivery-branch-prep", style: { fontSize: '0.8rem', lineHeight: '1.1rem', textAlign: this.isRTL ? 'right' : 'left' } }, h("i", { class: "sicon-clock" }), "\u00A0", h("span", { class: "first-letter-cap" }, Salla.lang.get('pages.checkout.pickup_duration'), ": ", preparationTimeLabel))) : null, readiness?.detail_line && (h("span", { class: "s-bullet-delivery-branch-prep", style: { fontSize: '0.8rem', lineHeight: '1.1rem', textAlign: this.isRTL ? 'right' : 'left' } }, h("i", { class: "sicon-store" }), "\u00A0", readiness.detail_line))), h("div", { style: {
                     width: 'full',
                     maxWidth: '50px',
                     marginInlineStart: 'auto',

package/dist/collection/components/salla-fulfillment-methods/salla-fulfillment-methods.css

@@ -73,6 +73,9 @@
   color: var(--color-text-secondary, #6b7280);
   line-height: 1;
 }
+.hidden {
+  display: none;
+}
 .shadow {
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);

package/dist/collection/components/salla-fulfillment-methods/salla-fulfillment-methods.js

@@ -4,42 +4,63 @@
 import { h, Host } from "@stencil/core";
 /**
  * @name SallaFulfillmentMethods
- * @description Displays product fulfillment options (pickup and delivery) as two side-by-side cards
+ * @description Displays product fulfillment options (pickup and delivery) as side-by-side cards.
+ * Renders only the card(s) the product actually supports, per `supports_pickup` / `supports_delivery`
+ * on the product-details response. Login Cycle, branch capabilities, and product-type eligibility are
+ * all decided server-side (see `ProductFulfillmentMethods` composer) — this component is render-only
+ * and must not re-check any of those rules on the front end.
  * @tag salla-fulfillment-methods
  */
 export class SallaFulfillmentMethods {
     constructor() {
         this.methods = [];
         this.shouldRender = false;
+        this.productId = null;
     }
-    async componentDidLoad() {
-        await Salla.onReady();
-        await Salla.lang.onLoaded();
-        if (!Salla.config.get('store.shipping.support_pickup'))
-            return;
-        this.shouldRender = true;
-        this.setLabels();
+    async componentWillLoad() {
+        try {
+            // page.id is server-injected, resolve it the same way salla-cashback-banner does
+            // for this same hook slot (product:single.*).
+            this.productId = this.host.dataset.productId || Salla.config.get('page.id');
+            await Salla.onReady();
+            await Salla.lang.onLoaded();
+            if (!this.productId)
+                return;
+            const response = await Salla.product.getDetails(this.productId, []).catch(() => null);
+            this.setLabels(response?.data ?? {});
+        }
+        catch (e) {
+            Salla?.logger?.warn?.('salla-fulfillment-methods: init failed', e);
+        }
     }
-    setLabels() {
-        this.methods = [
-            {
+    setLabels(flags) {
+        console.log('flags', flags);
+        const methods = [];
+        // Missing/undefined flags (BE not yet deployed, request failed) resolve to falsy → hidden.
+        // Never fall back to showing both cards.
+        if (flags?.supports_delivery) {
+            methods.push({
                 id: 'delivery',
                 title: Salla.lang.getWithDefault('pages.products.promise_delivery_title', 'متاح للتوصيل'),
                 subtitle: Salla.lang.getWithDefault('pages.products.promise_delivery_subtitle', 'طلبك يوصلك لباب البيت بسهولة.'),
                 iconClass: 'sicon-location',
-            },
-            {
+            });
+        }
+        if (flags?.supports_pickup) {
+            methods.push({
                 id: 'pickup',
                 title: Salla.lang.getWithDefault('pages.products.promise_pickup_title', 'متاح للاستلام'),
                 subtitle: Salla.lang.getWithDefault('pages.products.promise_pickup_subtitle', 'استلام فوري من أقرب فرع.'),
                 iconClass: 'sicon-store',
-            },
-        ];
+            });
+        }
+        this.methods = methods;
+        this.shouldRender = methods.length > 0;
     }
     render() {
         if (!this.shouldRender)
             return null;
-        return (h(Host, { class: "s-fulfillment-methods" }, h("div", { class: "s-fulfillment-methods-list" }, this.methods.map((method) => (h("div", { key: method.id, class: "s-fulfillment-methods-card" }, h("div", { class: "s-fulfillment-methods-content" }, h("div", { class: "s-fulfillment-methods-icon-wrap" }, h("i", { class: `${method.iconClass} s-fulfillment-methods-icon` })), h("div", { class: "s-fulfillment-methods-text" }, h("span", { class: "s-fulfillment-methods-title" }, method.title), h("span", { class: "s-fulfillment-methods-subtitle" }, method.subtitle)))))))));
+        return (h(Host, { class: "s-fulfillment-methods" }, h("div", { class: "s-fulfillment-methods-list" }, this.methods.map(method => (h("div", { key: method.id, class: "s-fulfillment-methods-card" }, h("div", { class: "s-fulfillment-methods-content" }, h("div", { class: "s-fulfillment-methods-icon-wrap" }, h("i", { class: `${method.iconClass} s-fulfillment-methods-icon` })), h("div", { class: "s-fulfillment-methods-text" }, h("span", { class: "s-fulfillment-methods-title" }, method.title), h("span", { class: "s-fulfillment-methods-subtitle" }, method.subtitle)))))))));
     }
     static get is() { return "salla-fulfillment-methods"; }
     static get originalStyleUrls() {
@@ -58,4 +79,5 @@ export class SallaFulfillmentMethods {
             "shouldRender": {}
         };
     }
+    static get elementRef() { return "host"; }
 }

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

@@ -42,12 +42,12 @@ export class SallaPayments {
     render() {
         const madeInKSA = !this.exclude.includes('made-in-ksa') && salla.config.get('store.settings.made_in_ksa');
         const sbcId = this.exclude.includes('sbc') ? null : salla.config.get('store.settings.certificate.id');
-        return (h(Host, { key: 'da9ffad7606b7a1f885df4843612c4221a835c15', class: "s-payments-list-wrap" }, h("ul", { key: '9a15cd4328a65261e1137d65600867fd89893892', class: "s-payments-list" }, madeInKSA && h("li", { key: '17964fbe6a411738ad026cd116e1a67676ae0ab6', class: "s-payments-list-item" }, h("img", { key: '36baae3d522f41f1ab07d75328318ee9f9ae3a19', width: 58, height: 58, decoding: "async", loading: "lazy", src: salla.url.cdn(`images/made-in-ksa.svg`, 58, 58), alt: "made in KSA certified" })), this.payments.map((payment) => (payment == "cod" ?
+        return (h(Host, { key: 'aaa2a9297d16666d9cf686aea17319026145ed1d', class: "s-payments-list-wrap" }, h("ul", { key: '0c9a19d7ba93555e897fdb5068572d90f64a87e5', class: "s-payments-list" }, madeInKSA && h("li", { key: '1da474ca870831495e7bee34e8e8ba538927c716', class: "s-payments-list-item" }, h("img", { key: '66b42b93ef788b7091e8343338182ffc93cae74f', width: 58, height: 58, decoding: "async", loading: "lazy", src: salla.url.cdn(`images/made-in-ksa.svg`, 58, 58), alt: "made in KSA certified" })), this.payments.map((payment) => (payment == "cod" ?
             h("div", { id: "cod-slot", innerHTML: this.codSlot
                     .replace(/\{image\}/g, this.paymentLogo(`cod`)) }) :
             h("div", { id: "payment-slot", innerHTML: this.paymentSlot
                     .replace(/\{image\}/g, this.paymentLogo(payment))
-                    .replace(/\{payment\}/g, payment) }))), sbcId && h("div", { key: '9f6c64efa03905a8584f8732bc7032ae686bef29', id: "sbc-slot", innerHTML: this.sbcSlot
+                    .replace(/\{payment\}/g, payment) }))), sbcId && h("div", { key: 'fd9c5984a1c6890dc9690f6e3969a76fed2f1501', id: "sbc-slot", innerHTML: this.sbcSlot
                 .replace(/\{image\}/g, salla.url.cdn(`images/sbc.png`, 58, 58))
                 .replace(/\{link\}/g, `https://eauthenticate.saudibusiness.gov.sa/certificate-details/${sbcId}`) }))));
     }
@@ -170,5 +170,5 @@ export class SallaPayments {
     static get elementRef() { return "host"; }
 }
 /** Slugs whose mini logo lives on the new assets CDN; add one when its logo is re-uploaded there. */
-SallaPayments.NEW_CDN_LOGOS = ['tabby_installment', 'emkan_installment'];
+SallaPayments.NEW_CDN_LOGOS = ['tabby_installment', 'emkan_installment', 'benefit', 'qpay'];
 SallaPayments.audited = false;

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

@@ -85,7 +85,12 @@ export class SallaReviews {
         });
     }
     render() {
-        return (h("div", { key: '24e50ca2634208ad3ffcb9ca503aa7e18331b3a1', class: "s-reviews-container" }, h("div", { key: 'a1632306fc1a92051d030707aab075c825537e01', class: "s-reviews-header-wrapper" }, h("h1", { key: 'e2a4df75011da111e89c1b732e7741ddf452b9d5', class: "s-reviews-header" }, this.testimonialText), !!this.displayAllLink ? (h("a", { href: this.displayAllURL, class: "s-reviews-display-all" }, this.displayAllLinkText, h("span", { class: "s-reviews-display-all-icon", innerHTML: IconArrowLeft }))) : null), h("salla-slider", { key: '89009e55e3a5121c241295efd510405b623f45c3', centered: true, "slides-per-view": 1, type: "testimonials", class: "s-reviews-testimonials-slider", "controls-outer": true, "auto-play": true, id: `testimonials-${this.source}-slider` }, h("div", { key: '8b6b8df42043c8ecdb05dbbc30ecacde297f0dda', slot: "items" }, this.reviews.map((item, index) => (h("div", { key: index, class: "s-reviews-swiper-slide" }, h("div", { class: "s-reviews-testimonial" }, h("div", { class: "s-reviews-testimonial__inner" }, h("div", { class: "s-reviews-testimonial__avatar" }, h("img", { src: 'images/s-empty.png', "data-src": item.avatar, alt: item.name ? item.name : 'testimonial-' + index, class: "lazy" })), h("div", { class: "s-reviews-testimonial__text" }, h("p", { innerHTML: item.content }), h("div", { class: "s-reviews-testimonial__name_wrapper" }, h("div", { class: "s-reviews-testimonial__info" }, item.name && h("h2", null, `${item.name}`)), h("div", { class: "s-reviews-testimonial__rating" }, h("salla-rating-stars", { size: "small", value: item.stars })))), h("span", { class: "s-reviews-testimonial__icon", innerHTML: IconQuoteOpen }))))))))));
+        // Nothing to show until reviews load; empty results keep it hidden so the
+        // "testimonials" header never renders over an empty slider.
+        if (!this.showReviews) {
+            return null;
+        }
+        return (h("div", { class: "s-reviews-container" }, h("div", { class: "s-reviews-header-wrapper" }, h("h1", { class: "s-reviews-header" }, this.testimonialText), !!this.displayAllLink ? (h("a", { href: this.displayAllURL, class: "s-reviews-display-all" }, this.displayAllLinkText, h("span", { class: "s-reviews-display-all-icon", innerHTML: IconArrowLeft }))) : null), h("salla-slider", { centered: true, "slides-per-view": 1, type: "testimonials", class: "s-reviews-testimonials-slider", "controls-outer": true, "auto-play": true, id: `testimonials-${this.source}-slider` }, h("div", { slot: "items" }, this.reviews.map((item, index) => (h("div", { key: index, class: "s-reviews-swiper-slide" }, h("div", { class: "s-reviews-testimonial" }, h("div", { class: "s-reviews-testimonial__inner" }, h("div", { class: "s-reviews-testimonial__avatar" }, h("img", { src: 'images/s-empty.png', "data-src": item.avatar, alt: item.name ? item.name : 'testimonial-' + index, class: "lazy" })), h("div", { class: "s-reviews-testimonial__text" }, h("p", { innerHTML: item.content }), h("div", { class: "s-reviews-testimonial__name_wrapper" }, h("div", { class: "s-reviews-testimonial__info" }, item.name && h("h2", null, `${item.name}`)), h("div", { class: "s-reviews-testimonial__rating" }, h("salla-rating-stars", { size: "small", value: item.stars })))), h("span", { class: "s-reviews-testimonial__icon", innerHTML: IconQuoteOpen }))))))))));
     }
     static get is() { return "salla-reviews"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-reviews-page/salla-reviews-page.js

@@ -142,7 +142,7 @@ export class SallaReviewsPage {
         return options.map(option => (h("option", { key: option.value, value: option.value, selected: option.value === this.sort }, option.label)));
     }
     render() {
-        return (h("host", { key: 'b82b491ae189f825367881b7b4f03ad64e471aae' }, h("div", { key: 'd124f10806cfabd1c1f85044786541011edff3ff', class: "s-reviews-page-header-wrapper" }, h("h2", { key: '30c58bb14bea27da968e874a0c1454a35e8db207', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: '8850771469ae20d1b07efcb45be58738de377e6d', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: '5a0060c5bdbfe4d37003b04d4c6368460be8cd38', class: "s-reviews-page-filter-wrapper" }, h("label", { key: '637d1aeec005ae662c6019c423ef3f1c3a6ff264', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: '5b68b9441d4647f12583c71da61958c30c0dcda6', onChange: (e) => this.handleSorting(e), disabled: !this.reviews.length, class: "s-reviews-page-filter" }, this.renderSortingOptions()))), this.reviews.length ? h("main", { class: "s-reviews-page-grid", ref: el => {
+        return (h("host", { key: '1ca6e12aafb0b83953a887286003dce5f47c9374' }, h("div", { key: '9a353471f58a1fe67800f9d0ac38b3f94095b107', class: "s-reviews-page-header-wrapper" }, h("h2", { key: '0fc9c963af765108e42f341ac7d70c8758e4677a', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: '13f2b001680a39440d3e5557bcfee46a92592ea4', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: 'fcb5e88a598d342d4cdeff4cfba0a85ea94b911e', class: "s-reviews-page-filter-wrapper" }, h("label", { key: 'e2c23398b1024647c1cfdc283392b94e3ce0e44c', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: '67f5f7748db13b7c6bdf3bbbb104d9f4b001df69', onChange: (e) => this.handleSorting(e), disabled: !this.reviews.length, class: "s-reviews-page-filter" }, this.renderSortingOptions()))), this.reviews.length ? h("main", { class: "s-reviews-page-grid", ref: el => {
                 this.wrapper = el;
             } }, this.reviews.map(review => (h("salla-review-card", { key: review.id, review: review }))))
             : h("div", { class: "s-products-list-placeholder" }, h("span", { innerHTML: ShoppingBag }), h("p", null, this.placeholderText)), this.pagination?.links?.next && this.reviews.length ? (h("div", { class: "s-reviews-page-load-more-container" }, h("salla-button", { class: "s-reviews-page-load-more-btn", loading: this.isLoading, onClick: () => this.infiniteScroll?.loadNextPage(), onKeyUp: () => this.infiniteScroll?.loadNextPage() }, this.langLoadMore))) : null));

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

@@ -69,6 +69,7 @@ export class SallaSearch {
                 salla.event.emit('salla-search::input.focused');
             },
             productClick: (product, position) => {
+                Helper.saveProductSource('search');
                 salla.event.emit('salla-search::product.clicked', [{ product, position }]);
             },
             recommendationClick: (term, source) => {
@@ -197,7 +198,7 @@ export class SallaSearch {
         this.inputValue.length < 3 ? this.container?.classList.remove('s-search-no-results') : '';
     }
     renderLegacyResults() {
-        return (h("div", { class: "s-search-results" }, this.results?.data.map(product => (h("a", { href: product.url + '?from=search-bar', class: {
+        return (h("div", { class: "s-search-results" }, this.results?.data.map(product => (h("a", { href: product.url + '?from=search-bar', onClick: () => Helper.saveProductSource('search'), class: {
                 's-search-product': true,
                 's-search-product-not-available': !product.is_available,
             }, innerHTML: this.productSlot

package/dist/collection/components/salla-searchable-dropdown/salla-searchable-dropdown.js

@@ -188,18 +188,18 @@ export class SallaSearchableDropdown {
     render() {
         const hasSelection = this.selectedItem != null;
         const listboxId = `${this.inputId}-listbox`;
-        return (h(Host, { key: '6661631ca1fbc9dee2c634fffa720e5f90ce3483', class: "s-searchable-dropdown" }, h("div", { key: '201df6fb1c7d201d93681acc3819d76be5da4c6a', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: '2a5a78700cb7c4f498140f91525e7264bcfa7555', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: 'ae3395c452ced56a8754466a5962acfaaef0c3b5', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: 'ca363dd594a146e9dedd6940c736e832f465d495', class: {
+        return (h(Host, { key: 'a9d8dd63b0dbc632572a6bb5f6885e5df1d6d8de', class: "s-searchable-dropdown" }, h("div", { key: 'e8e893796b20411ea11043de5119a0d91d5581e3', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: '4a352b4b9e88e6999ea786f05bfcc1ebe7a9d2f5', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: 'ee0695692ac805fbd9f2a464ae845e7f50da77b1', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: 'bdaa4e1e5b9992a8a4ac1a291c77f4a59d699111', class: {
                 's-searchable-dropdown-trigger': true,
                 's-searchable-dropdown-trigger--disabled': this.disabled || this.loading,
                 's-searchable-dropdown-trigger--open': this.isOpen,
-            }, role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": listboxId, "aria-disabled": this.disabled || this.loading ? 'true' : 'false', tabIndex: this.disabled || this.loading ? -1 : 0, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, hasSelection ? (h("span", { class: "s-searchable-dropdown-trigger-text" }, this.getDisplayName(this.selectedItem))) : (h("span", { class: "s-searchable-dropdown-trigger-placeholder" }, this.placeholder)), h("i", { key: '84e041b879c392a82bbaf0ebd21b50a1e035218d', class: {
+            }, role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": listboxId, "aria-disabled": this.disabled || this.loading ? 'true' : 'false', tabIndex: this.disabled || this.loading ? -1 : 0, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, hasSelection ? (h("span", { class: "s-searchable-dropdown-trigger-text" }, this.getDisplayName(this.selectedItem))) : (h("span", { class: "s-searchable-dropdown-trigger-placeholder" }, this.placeholder)), h("i", { key: '6ac4b2325e1154164fb029c2c02426fc88b12257', class: {
                 'sicon-keyboard_arrow_down': true,
                 's-searchable-dropdown-trigger-icon': true,
                 's-searchable-dropdown-trigger-icon--open': this.isOpen,
-            }, "aria-hidden": "true" })), this.isOpen && (h("div", { key: 'eeeb7a2c5f3ff05966150fada86eb26d38f38699', class: {
+            }, "aria-hidden": "true" })), this.isOpen && (h("div", { key: '9bf0065cf014b5e99997bf69c591388c9ba44ee9', class: {
                 's-searchable-dropdown-panel': true,
                 's-searchable-dropdown-panel--up': this.dropUp,
-            }, ref: (el) => (this.panelRef = el) }, this.searchable && (h("div", { key: '28bd784d25d2bb9928c2316aac029257140d19e9', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: '78add1451d050ce225fc3e14af352af4891735a3', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: '94644b386f64d1312511349f1eebafb56566754a', ref: (el) => (this.searchInputRef = el), id: this.inputId, type: "text", class: "s-searchable-dropdown-search-input", placeholder: this.placeholder, value: this.clientSearch ? this.clientSearchQuery : this.searchQuery, onInput: this.handleSearchInputChange, onKeyDown: this.handleSearchKeyDown, autocomplete: "off", "aria-autocomplete": "list", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId }))), h("div", { key: '5e7f218ded5baac0ad6fd92a04eae8948f7c9430', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
+            }, ref: (el) => (this.panelRef = el) }, this.searchable && (h("div", { key: '1f6b03cb1e718fc6283190bb0de3ea80b4646e67', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: '2dcdee4dfa87fbc38a0e1c1dd021aaa156d61cc3', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: '440f49eb67a8c850b217837cc017eea0b402fc20', ref: (el) => (this.searchInputRef = el), id: this.inputId, type: "text", class: "s-searchable-dropdown-search-input", placeholder: this.placeholder, value: this.clientSearch ? this.clientSearchQuery : this.searchQuery, onInput: this.handleSearchInputChange, onKeyDown: this.handleSearchKeyDown, autocomplete: "off", "aria-autocomplete": "list", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId }))), h("div", { key: 'feefb4edcff1bfa8a0e44c4ef0e4f6ae2ca77d9e', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
     }
     renderListContent() {
         if (this.searching || this.loading) {

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

@@ -22,7 +22,7 @@ export class SallaSkeleton {
             's-skeleton-item': true,
             's-skeleton-item-circular': this.type == 'circle',
         };
-        return (h(Host, { key: '363b803ca0428a575313a96b569ddab7f67b3703', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: 'bd1e4607e4753ef8b148a125b8d9bc60ca20dc72', class: classes }, "\u00A0")));
+        return (h(Host, { key: '77af51474bcf2166aa4afb8eaecc25c05b4715f7', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: '758d3ccc09bcb56625b8c1dd7161f529ffefaeed', class: classes }, "\u00A0")));
     }
     static get is() { return "salla-skeleton"; }
     static get originalStyleUrls() {

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

@@ -31,7 +31,7 @@ export class SallaSocial {
     }
     render() {
         const linksArray = this.getLinksArray();
-        return (h(Host, { key: 'd084cee5461e8e68ca735b86b6d453fe761280ad' }, h("ul", { key: 'e83912816c1b2f2ec1f00f1991b2ca1afd21ffe5', class: "s-social-list" }, linksArray.map((link) => (h("li", { class: "s-social-link" }, h("div", { id: "social-slot", innerHTML: this.socialSlot
+        return (h(Host, { key: '0a25838e41939241e920cd4741adb7d16a61560d' }, h("ul", { key: '1744c463a3f8feda441df53eac48fb4a8e92b524', class: "s-social-list" }, linksArray.map((link) => (h("li", { class: "s-social-link" }, h("div", { id: "social-slot", innerHTML: this.socialSlot
                 .replace(/\{icon\}/g, this.iconsList[link.type])
                 .replace(/\{type\}/g, link.type)
                 .replace(/\{link\}/g, link.value.toString()) })))))));

package/dist/collection/components/salla-social-share/salla-social-share.js

@@ -355,7 +355,7 @@ export class SallaSocialShare {
         })));
     }
     render() {
-        return (h("div", { key: '4de560059da2e2dd232bbcd693cd8ad937da9c8e', class: "s-social-share-wrapper" }, h("slot", { key: '7ab0a6d03088e0c741c5f432c6c8991db1f0e7b8', name: "widget" }, h("salla-button", { key: '574fc864d8552114ead6061740581d72521fd38d', "aria-label": "Share", onClick: () => this.handleShareClick(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: 'c8456382fec13bf8b9a429ca199780b242d7992e', innerHTML: this.opened ? Cancel : ShareAlt }))), this.mode === 'modal' ? this.renderModal() : this.renderPopupList()));
+        return (h("div", { key: '74ae37141053842dc1e1b36ddc2cf5817d5d1bdc', class: "s-social-share-wrapper" }, h("slot", { key: '30b2597ad462b2a47c2e6cfc5fb72c46b1797880', name: "widget" }, h("salla-button", { key: 'f3db20153c9a2df0ccf039bfd0adaef4f04449a2', "aria-label": "Share", onClick: () => this.handleShareClick(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: 'e2ca4cf8393b5c1acc78f60a42fcd5ff7c4315d2', innerHTML: this.opened ? Cancel : ShareAlt }))), this.mode === 'modal' ? this.renderModal() : this.renderPopupList()));
     }
     static get is() { return "salla-social-share"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-tabs/salla-tab-content.js

@@ -30,7 +30,7 @@ export class SallaTabContent {
             's-tabs-content': true,
             's-tabs-content-selected': this.isSelected
         };
-        return (h("div", { key: '12884a255f05baac9d70e8b0d2144a369fdd3cfc', class: classes }, h("slot", { key: '331d86d51ec576614e69e7190ab3cd9c31ed9117' })));
+        return (h("div", { key: '1c0f03941a4a37f7afb926d4bf7002910fbc6cad', class: classes }, h("slot", { key: 'f04243b5c619a8457bc41bef190440c430549ed9' })));
     }
     static get is() { return "salla-tab-content"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-tabs/salla-tab-header.js

@@ -52,7 +52,7 @@ export class SallaTabHeader {
             's-tabs-active': this.isSelected,
         };
         return [
-            h("div", { key: 'd9f961d47da1347b5b5f4677b3a3905f073b7b63', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: '056593968bd13d806fa34a481e5ab773e23e8084' })),
+            h("div", { key: '1f006a8a8e4e5ca2d27a001621203402d5765fc0', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: 'c4a036153eff97fc24d34db35c5d2937f9e9ece1' })),
         ];
     }
     static get is() { return "salla-tab-header"; }

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

@@ -50,7 +50,7 @@ export class SallaTabs {
     }
     render() {
         return [
-            h("div", { key: '84647185ccebd52494bfff8cf9468a833dfda468', class: "s-tabs" }, h("div", { key: 'bfec0faae20e236920197fc9a518cb3fae7e820e', class: "s-tabs-header" }, h("slot", { key: '51c0297a5c75395e867e7621780fd030253393dc', name: "header" })), h("div", { key: 'b3c155ba7de23b62de2f23d0b3ac4232937f7a57', class: "s-tabs-content-wrapper" }, h("slot", { key: '2d1d90a7bed705c01efb05a8ab1ea5be543d71dc', name: "content" })))
+            h("div", { key: 'e1739f5533b3b45e50fe0387a74479de7ea46965', class: "s-tabs" }, h("div", { key: '7eddaf514f3a3daf16c87789cda4b91223a4d6e2', class: "s-tabs-header" }, h("slot", { key: 'd878899ce681f3d99e910e9667261ff67a15825d', name: "header" })), h("div", { key: 'a1f7fb4b0fc589d5e2bad0bca96073a9e5b919d4', class: "s-tabs-content-wrapper" }, h("slot", { key: '7cc75788d2c8824be1d126d2fee01a44bc4da8c6', name: "content" })))
         ];
     }
     static get is() { return "salla-tabs"; }

package/dist/collection/components/salla-tel-input/salla-tel-input.js

@@ -138,7 +138,7 @@ export class SallaTelInput {
         }
     }
     render() {
-        return (h(Host, { key: '6e279f9a491d7ee129f4ccb7f64017c17bbb2229', class: "s-tel-input" }, h("input", { key: '5b0eabc113b9a766218be76e055d2cbc2f83365a', type: "tel", disabled: this.disabled, name: this.name, value: this.phone, onChange: (event) => this.handleCountryInput(event), ref: el => this.phoneInput = el, enterkeyhint: "next", autocomplete: "tel", class: "s-tel-input-control tel-input s-ltr" }), h("span", { key: 'f609b8bf28bceb61d06f9eaf3d06c26a4cabcc4e', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: '10bc24025a5932b85bfa5a1ede6e203e33dddb6f', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
+        return (h(Host, { key: 'aaf854dc9a005abf182fa4f1df3bb6ca7a2273fd', class: "s-tel-input" }, h("input", { key: '93e82604285107f8cf791fa03766d47c22151297', type: "tel", disabled: this.disabled, name: this.name, value: this.phone, onChange: (event) => this.handleCountryInput(event), ref: el => this.phoneInput = el, enterkeyhint: "next", autocomplete: "tel", class: "s-tel-input-control tel-input s-ltr" }), h("span", { key: '2ed465fcf44b673973203c3de95eda1c638ed829', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: 'da4714631df46c13b2caa0a2e2cf7b5c434c1257', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
     }
     componentDidLoad() {
         this.initPromise = this.initTelInput();

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

@@ -27,7 +27,7 @@ export class SallaTooltip {
     }
     render() {
         const validTheme = ['default', 'dark'].includes(this.theme) ? this.theme : 'default';
-        return (h("div", { key: 'c2172752ccc5634d2223042d359571d4ba4e6816', class: "s-tooltip-container" }, h("div", { key: 'b37b92c725bdad1ff3fc10caedd2fe98b506f5e7', class: `s-tooltip-item s-tooltip-item--${validTheme}`, style: { display: this.show ? 'block' : 'none' } }, this.text ? h("span", null, this.text) : h("slot", null))));
+        return (h("div", { key: '3ade782845e46f9701622d3a4a71b54dc7da37fb', class: "s-tooltip-container" }, h("div", { key: 'c0fba34cb9890151fa283436f6ce4033ca2f1172', class: `s-tooltip-item s-tooltip-item--${validTheme}`, style: { display: this.show ? 'block' : 'none' } }, this.text ? h("span", null, this.text) : h("slot", null))));
     }
     static get is() { return "salla-tooltip"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-user-settings/salla-user-settings.js

@@ -532,7 +532,7 @@ export class SallaUserSettings {
         return (h("salla-button", { fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeleteModal() }, this.capitalizeText(this.deleteAccount)));
     }
     render() {
-        return (h(Host, { key: 'ec31f48a8214240020804541d58e1745c429f2a5', class: "s-user-settings-wrapper" }, this.canHideName && (h("div", { key: '1a4fb3a3e47729891772838df0dca41f52e5d017', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'f965243eca4953d588ea6ef27a581f00839482ff' }, h("div", { key: 'd08fb75de39b78c02455b9ede326e0563a675762', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '4bacfb410376c98a14c7289968293a5c06520bbd', innerHTML: UserCancel })), h("div", { key: '61bbccd47940a87db9faee8a6a305aff0b5f0783', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: '3b02ec766d677d37d09df8ae91fae883b3e8b35d', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: 'da7358399c5e1e8a94082585820f44e2de9d352d', slot: "action", class: "s-user-settings-section-action" }, h("label", { key: 'f64e96e150cd78ed41b104d845774ae31187a33e', class: "s-toggle" }, h("input", { key: '69b07baebf7c0869c37b29a920851be99dbfddc8', class: "s-toggle-input", checked: this.isHiddenName, onChange: e => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '94e8675dcb56084c0581fb26f96ce0122c8898e5', class: "s-toggle-switcher" })))))), h("div", { key: '940db4113264ca36dc5283d17597a85d85c4b5b4', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'f6c8e5cbebb295826be0bfac8ae427df9cf692bf' }, h("div", { key: 'c81a3c392df36b97777d74521482266a9444a79c', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '1a5a19818579890be2ecb12848e30cf034f8569b', innerHTML: Bullhorn })), h("div", { key: '5849731b90184af7225d120b5e1077e49301e379', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: '3aeda4ebfa9715d81272dd4be1e5b223f43d79fe', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: '60db45c279de365c10ae40ba486afd8609f5d2b2', slot: "action", class: "s-user-settings-section-action" }, h("label", { key: '1b855ffd24570fe90badbd18bbab2c8032f320b7', class: "s-toggle" }, h("input", { key: '9cdd0d736ed9baf0f5628803a9a4b93c5389cc51', class: "s-toggle-input", checked: this.isNotifiable, onChange: e => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '35ba9556185bb4991fc91b343573e723cd888115', class: "s-toggle-switcher" }))))), this.isDeleteAccountEnabled ? (h("div", { class: "s-user-settings-section s-user-settings-section-delete-user" }, h("salla-list-tile", null, h("div", { slot: "icon", class: "s-user-settings-section-icon" }, this.renderUserDeleteIcon()), h("div", { slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deleteAccount)), h("div", { slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.isDeletePending ? this.deleteAccountPending : this.deleteAccountDesc)), h("div", { slot: "action", class: "s-user-settings-section-action" }, this.renderDeleteSectionAction())))) : (h("div", { class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", null, h("div", { slot: "icon", class: "s-user-settings-section-icon" }, h("span", { innerHTML: UserOff })), h("div", { slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { slot: "action", class: "s-user-settings-section-action" }, h("salla-button", { fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount)))))), this.isDeleteAccountEnabled ? (h("salla-modal", { id: "salla-user-settings-delete-modal", width: "xs", centered: true, showBack: this.currentStep === 'otp', isClosable: this.currentStep !== 'success', iconStyle: this.currentStep === 'success' ? 'success' : undefined, onModalVisibilityChanged: e => this.handleModalVisibilityChanged(e), onModalBack: () => this.goBackFromOtp(), ref: modal => (this.confirmationModal = modal) }, this.currentStep !== 'success' ? (h("span", { slot: "icon", class: "s-user-settings-delete-icon" }, this.renderUserDeleteIcon())) : null, h("div", { key: this.currentStep, class: "s-user-settings-delete-step" }, this.renderDeleteStep()))) : (h("salla-modal", { width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => (this.confirmationModal = modal) }, h("span", { slot: "icon", class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { class: "s-user-settings-confirmation" }, h("div", { class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { class: "s-user-settings-confirmation-actions" }, h("salla-button", { width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { fill: "outline", loading: this.buttonLoading, width: "wide", onClick: () => this.confirmDeactivateAccount() }, this.capitalizeText(this.deactivateAccount))))))));
+        return (h(Host, { key: 'a281976a9dd190f20ddf5e1e7633cd954407d3b4', class: "s-user-settings-wrapper" }, this.canHideName && (h("div", { key: '7291eaadf516b3161d9e4fde3a5dcec7a42bb609', class: "s-user-settings-section" }, h("salla-list-tile", { key: '3e23e502b3031de5cfb0a49e9c8bc9756ada92af' }, h("div", { key: 'd426d601591da1f15c065bce33e4c7b12d0bf047', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'e4900a0e5450bc100d22e62a22de331e96958a4c', innerHTML: UserCancel })), h("div", { key: 'ec6110960511382dd551421ffd3a036af506109b', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: 'bdfc4e7f987a7ecd0e3cf8bfeee72f055297e2d6', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: 'fad7eb6125789cdf3230314e62552452f4c84fc3', slot: "action", class: "s-user-settings-section-action" }, h("label", { key: 'f5676bc70508fddad0506410089aa7879e4ef5db', class: "s-toggle" }, h("input", { key: '6b57caa5797c1b7225094cf4241a95b7a521327a', class: "s-toggle-input", checked: this.isHiddenName, onChange: e => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '50073a68f078ae3592ea00581a9287f03371e122', class: "s-toggle-switcher" })))))), h("div", { key: 'e87388e12354cdd7559ff16c965bc51786d52af5', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'fc020c81a28c42c0a98fda40ee6f6ffaaa5a20d4' }, h("div", { key: 'aa90688fca635da561e4eb77309e447d6f5e6b8b', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '6448e1268f3c88e72fff6259f195e4b43312253e', innerHTML: Bullhorn })), h("div", { key: 'ded7da656a1b484e4144c5d8605a55682f7de912', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: 'a70d94920d012ac5a1d85b17f92b9ce733179569', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: 'be1325b95063cc822ee4c62d7c7a20bae08fb287', slot: "action", class: "s-user-settings-section-action" }, h("label", { key: '181949e51caed49e6c05d10e1a1ae79472772ded', class: "s-toggle" }, h("input", { key: '76d423655ebab9004b130adea83f89ec92a27966', class: "s-toggle-input", checked: this.isNotifiable, onChange: e => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '44a1ac3c7c6b1f0ac12ccb8853d5c75317ecce2c', class: "s-toggle-switcher" }))))), this.isDeleteAccountEnabled ? (h("div", { class: "s-user-settings-section s-user-settings-section-delete-user" }, h("salla-list-tile", null, h("div", { slot: "icon", class: "s-user-settings-section-icon" }, this.renderUserDeleteIcon()), h("div", { slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deleteAccount)), h("div", { slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.isDeletePending ? this.deleteAccountPending : this.deleteAccountDesc)), h("div", { slot: "action", class: "s-user-settings-section-action" }, this.renderDeleteSectionAction())))) : (h("div", { class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", null, h("div", { slot: "icon", class: "s-user-settings-section-icon" }, h("span", { innerHTML: UserOff })), h("div", { slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { slot: "action", class: "s-user-settings-section-action" }, h("salla-button", { fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount)))))), this.isDeleteAccountEnabled ? (h("salla-modal", { id: "salla-user-settings-delete-modal", width: "xs", centered: true, showBack: this.currentStep === 'otp', isClosable: this.currentStep !== 'success', iconStyle: this.currentStep === 'success' ? 'success' : undefined, onModalVisibilityChanged: e => this.handleModalVisibilityChanged(e), onModalBack: () => this.goBackFromOtp(), ref: modal => (this.confirmationModal = modal) }, this.currentStep !== 'success' ? (h("span", { slot: "icon", class: "s-user-settings-delete-icon" }, this.renderUserDeleteIcon())) : null, h("div", { key: this.currentStep, class: "s-user-settings-delete-step" }, this.renderDeleteStep()))) : (h("salla-modal", { width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => (this.confirmationModal = modal) }, h("span", { slot: "icon", class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { class: "s-user-settings-confirmation" }, h("div", { class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { class: "s-user-settings-confirmation-actions" }, h("salla-button", { width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { fill: "outline", loading: this.buttonLoading, width: "wide", onClick: () => this.confirmDeactivateAccount() }, this.capitalizeText(this.deactivateAccount))))))));
     }
     static get is() { return "salla-user-settings"; }
     static get originalStyleUrls() {