@salla.sa/twilight-components
Version:
Salla Web Component
4 lines • 9.65 kB
JavaScript
/*!
* Crafted with ❤ by Salla
*/
import{r as s,h as e,H as t}from"./p-Dbv0I4re.js";var a='\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>user-off</title>\n<path d="M10.837 19.309c-4.963 1.284-8.171 4.303-8.171 7.691v3.667c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-3.667c0-2.101 2.48-4.155 6.172-5.109 0.713-0.184 1.141-0.912 0.957-1.625-0.184-0.711-0.908-1.137-1.625-0.956zM12.859 3.715c0.933-0.685 2.020-1.048 3.141-1.048 2.941 0 5.333 2.392 5.333 5.333 0 1.121-0.363 2.208-1.048 3.141-0.436 0.593-0.308 1.428 0.284 1.864 0.239 0.175 0.515 0.259 0.788 0.259 0.411 0 0.815-0.188 1.076-0.544 1.025-1.393 1.567-3.025 1.567-4.72 0-4.412-3.588-8-8-8-1.695 0-3.327 0.541-4.721 1.567-0.592 0.435-0.72 1.269-0.284 1.864 0.436 0.593 1.269 0.721 1.864 0.284zM31.609 29.724l-29.333-29.333c-0.521-0.521-1.364-0.521-1.885 0s-0.521 1.364 0 1.885l29.333 29.333c0.26 0.26 0.601 0.391 0.943 0.391s0.683-0.131 0.943-0.391c0.521-0.521 0.521-1.364 0-1.885z"></path>\n</svg>\n';const i=class{constructor(e){s(this,e),this.deactivateAccount=salla.lang.get("pages.profile.deactivate_account"),this.promotionalMsgs=salla.lang.get("pages.profile.promotional_messages"),this.hideMyName=salla.lang.get("pages.profile.hide_my_name"),this.hideMyNameDesc=salla.lang.get("pages.profile.hide_my_name_desc"),this.deactivateDesc=salla.lang.get("pages.profile.deactivate_account_description"),this.promotionalMsgsDesc=salla.lang.get("pages.profile.promotional_messages_description"),this.sorryForLeavingText=salla.lang.get("pages.profile.warning_for_deactivate"),this.warningText=salla.lang.get("pages.profile.sorry_for_leaving"),this.keepAccount=salla.lang.get("pages.profile.keep_account"),this.buttonLoading=!1,this.canHideName=salla.config.get("store.settings.rating.can_customer_hide_name"),salla.onReady((()=>{this.isHiddenName=salla.config.get("user.is_hidden_name"),this.isNotifiable=salla.config.get("user.is_notifiable"),this.canHideName=salla.config.get("store.settings.rating.can_customer_hide_name"),this.isNotifiable&&this.isHiddenName||salla.event.on("profile::info.fetched",(s=>{this.isHiddenName=s.data.is_hidden_name,this.isNotifiable=s.data.is_notifiable}))})),salla.lang.onLoaded((()=>{this.deactivateAccount=salla.lang.get("pages.profile.deactivate_account"),this.promotionalMsgs=salla.lang.get("pages.profile.promotional_messages"),this.hideMyName=salla.lang.get("pages.profile.hide_my_name"),this.hideMyNameDesc=salla.lang.get("pages.profile.hide_my_name_desc"),this.deactivateDesc=salla.lang.get("pages.profile.deactivate_account_description"),this.promotionalMsgsDesc=salla.lang.get("pages.profile.promotional_messages_description"),this.warningText=salla.lang.get("pages.profile.warning_for_deactivate"),this.sorryForLeavingText=salla.lang.get("pages.profile.sorry_for_leaving"),this.keepAccount=salla.lang.get("pages.profile.keep_account")}))}toggleSetting(s,e){salla.profile.updateSettings({name:s,value:e.target.checked})}capitalizeText(s){return s.charAt(0).toUpperCase()+s.slice(1)}openDeactivateModal(){this.confirmationModal.setTitle(this.capitalizeText(this.deactivateAccount)),this.confirmationModal.open()}async deleteAccount(){await salla.profile.delete().finally((()=>this.confirmationModal.close()))}render(){return e(t,{key:"35629ae7a818db4d058b5de6a4ad7a2410fd769a",class:"s-user-settings-wrapper"},this.canHideName&&e("div",{key:"088ff650127df0e6e4fda37dc9769ebe7a050cfa",class:"s-user-settings-section"},e("salla-list-tile",{key:"dc71e681761440cb875d3de11b3d1a13def55a5c"},e("div",{key:"44b1c2e02b981712467b5d494e1d8e8c30cefc5d",slot:"icon",class:"s-user-settings-section-icon"},e("span",{key:"cb4f89d7f81526be268ac7ac7cf407f458eee32a",innerHTML:'\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>user-cancel</title>\n<path d="M29.885 16l1.724-1.724c0.521-0.521 0.521-1.364 0-1.885s-1.364-0.521-1.885 0l-1.724 1.724-1.724-1.724c-0.521-0.521-1.364-0.521-1.885 0s-0.521 1.364 0 1.885l1.724 1.724-1.724 1.724c-0.521 0.521-0.521 1.364 0 1.885 0.26 0.26 0.601 0.391 0.943 0.391s0.683-0.131 0.943-0.391l1.724-1.724 1.724 1.724c0.26 0.26 0.601 0.391 0.943 0.391s0.683-0.131 0.943-0.391c0.521-0.521 0.521-1.364 0-1.885zM10.667 16c4.043 0 7.333-3.289 7.333-7.333s-3.291-7.333-7.333-7.333-7.333 3.289-7.333 7.333 3.291 7.333 7.333 7.333zM10.667 4c2.573 0 4.667 2.093 4.667 4.667s-2.093 4.667-4.667 4.667-4.667-2.093-4.667-4.667 2.093-4.667 4.667-4.667zM10.667 18.667c-5.881 0-10.667 3.813-10.667 8.5v2.167c0 0.736 0.596 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-2.167c0-3.217 3.588-5.833 8-5.833s8 2.616 8 5.833v2.167c0 0.736 0.596 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-2.167c0-4.687-4.785-8.5-10.667-8.5z"></path>\n</svg>\n'})),e("div",{key:"2be07d40cd1b2082e08f391d43f6fb292e707c51",slot:"title",class:"s-user-settings-section-title"},this.capitalizeText(this.hideMyName)),e("div",{key:"ab4702331a6b59f974794e1c6f95505541273db7",slot:"subtitle",class:"s-user-settings-section-subtitle"},this.capitalizeText(this.hideMyNameDesc)),e("div",{key:"92615b95a6f669e4925a17b6a11ef9146d182d62",slot:"action",class:"s-user-settings-section-action"},e("label",{key:"d99cd97d0baf75c75fc8e2ba6fd403109295658f",class:"s-toggle"},e("input",{key:"52997c851e7ffff021d267d9cc839d19a1b940b9",class:"s-toggle-input",checked:this.isHiddenName,onChange:s=>this.toggleSetting("is_hidden_name",s),type:"checkbox"}),e("div",{key:"f2418d8595800b8e2af231aab82714137bad4e5c",class:"s-toggle-switcher"}))))),e("div",{key:"ca9641927d0c2e09345078a16e06445f1961d05d",class:"s-user-settings-section"},e("salla-list-tile",{key:"55075a73c15fda0fb94291e41d528b066d2a808d"},e("div",{key:"20e5894110f485f2ed75fdc6f0d54b647d1d4a48",slot:"icon",class:"s-user-settings-section-icon"},e("span",{key:"c616fe981cd2a7ceb8090c44fe353b5504f5b0e1",innerHTML:'\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>bullhorn</title>\n<path d="M30.129 0.264c-0.339-0.252-0.776-0.328-1.179-0.208l-24.951 7.485v-0.216c0-0.736-0.597-1.333-1.333-1.333s-1.333 0.597-1.333 1.333v14.667c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-0.112l3.448 1.207-0.595 1.704c-0.321 1.019-0.227 2.103 0.267 3.051s1.327 1.647 2.345 1.968l6.359 2.004c0.399 0.127 0.804 0.187 1.201 0.187 1.699 0 3.277-1.091 3.812-2.785l0.423-1.295 7.633 2.672c0.143 0.049 0.292 0.075 0.44 0.075 0.273 0 0.543-0.084 0.772-0.247 0.352-0.249 0.561-0.655 0.561-1.087v-28c0-0.421-0.199-0.819-0.537-1.069zM18.297 28.4c-0.221 0.701-0.973 1.089-1.673 0.871l-6.357-2.004c-0.34-0.108-0.617-0.34-0.781-0.656s-0.196-0.676-0.101-0.977l0.581-1.665 8.777 3.072zM28 27.453l-24-8.4v-8.728l24-7.2z"></path>\n</svg>\n'})),e("div",{key:"c1dc47211d07cc1ea25e2ce284f460c2eb6d4f7b",slot:"title",class:"s-user-settings-section-title"},this.capitalizeText(this.promotionalMsgs)),e("div",{key:"185e058888078b556a359acb6cc1ae080f01ad81",slot:"subtitle",class:"s-user-settings-section-subtitle"},this.capitalizeText(this.promotionalMsgsDesc)),e("div",{key:"f54597f7f3c9126c57d34a5aba3ccd84752efbea",slot:"action",class:"s-user-settings-section-action"},e("label",{key:"3386b76fc2d590b3a3734716429a8317a80fcc0b",class:"s-toggle"},e("input",{key:"d2d9ce3f8e3110715d84e9b407b878e341567fc6",class:"s-toggle-input",checked:this.isNotifiable,onChange:s=>this.toggleSetting("is_notifiable",s),type:"checkbox"}),e("div",{key:"267b474fb32cbabdf53ff8fd2fe69df87875819d",class:"s-toggle-switcher"}))))),e("div",{key:"80d86e89c87bceddddd461faeede4dfc8f4b3301",class:"s-user-settings-section s-user-settings-section-deactivate-user"},e("salla-list-tile",{key:"b95c175905cde9d4fae8487d1a85329db890873f"},e("div",{key:"1e32b08bceb6bf299ea1e59545d7c539cb2ddce1",slot:"icon",class:"s-user-settings-section-icon"},e("span",{key:"f1322819a6f07dff92f9956c0149b173f283407e",innerHTML:a})),e("div",{key:"5d2ddaf6c03c8809f7e86b33fa421e73d048957e",slot:"title",class:"s-user-settings-section-title"},this.capitalizeText(this.deactivateAccount)),e("div",{key:"0578e54cc49334ad081641b2ccd5b98d81e547ed",slot:"subtitle",class:"s-user-settings-section-subtitle"},this.capitalizeText(this.deactivateDesc)),e("div",{key:"30d6697be785def178352999d437f67798a03ed5",slot:"action",class:"s-user-settings-section-action"},e("salla-button",{key:"b0ecec87180902892081999d0c96da33cda58d26",fill:"outline",color:"danger",shape:"btn",size:"medium",width:"normal",onClick:()=>this.openDeactivateModal()},this.capitalizeText(this.deactivateAccount))))),e("salla-modal",{key:"b2015afb2f495f080d6757a57408ccd3e823b1ed",width:"sm",subTitle:this.capitalizeText(this.sorryForLeavingText),ref:s=>this.confirmationModal=s},e("span",{key:"e9391b722fe6c23853664cd5558c289e7fff427a",slot:"icon",class:"s-user-settings-confirmation-icon",innerHTML:a}),e("div",{key:"fffaa51055598f66f479e90676649eac4a06148c",class:"s-user-settings-confirmation"},e("div",{key:"2d7044a63ada034d44de97a875903967de4fa7f0",class:"s-user-settings-confirmation-warning"},this.capitalizeText(this.warningText)),e("div",{key:"f79c44b10a20b187c4f5a849b7e40c3c71eb0194",class:"s-user-settings-confirmation-actions"},e("salla-button",{key:"b41c685894464f38f8a590482532a46851702ee7",width:"wide",onClick:()=>this.confirmationModal.close()},this.capitalizeText(this.keepAccount)),e("salla-button",{key:"3520e6c0bd7475a6ad3b004ec0a20c3993ebb45f",fill:"outline",loading:this.buttonLoading,width:"wide",onClick:()=>this.deleteAccount()},this.capitalizeText(this.deactivateAccount))))))}};i.style="";export{i as salla_user_settings}