@salla.sa/twilight-components/dist/twilight/p-3a67bf02.entry.js

Salla Web Component

/*!
 * Crafted with ❤ by Salla
 */
import{r as e,h as s,H as a}from"./p-D4I5TLtE.js";var t='\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(s){e(this,s),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",(e=>{this.isHiddenName=e.data.is_hidden_name,this.isNotifiable=e.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(e,s){salla.profile.updateSettings({name:e,value:s.target.checked})}capitalizeText(e){return e.charAt(0).toUpperCase()+e.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 s(a,{key:"7ebde1b251239daf505e3ed7460d8bd21eefcb1c",class:"s-user-settings-wrapper"},this.canHideName&&s("div",{key:"ba44ce4314ef6df6a85227e5f7db5428f63c0dde",class:"s-user-settings-section"},s("salla-list-tile",{key:"ae83ddc78aa668dc44ae9c32001d401b051c6503"},s("div",{key:"da59b1543b7d0352505db2146579183abc57d4ac",slot:"icon",class:"s-user-settings-section-icon"},s("span",{key:"95999a4a02fe57158473d64847d2ad861b79384c",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'})),s("div",{key:"416e8c839f0ee9c89ca725829594c75c7baa7b49",slot:"title",class:"s-user-settings-section-title"},this.capitalizeText(this.hideMyName)),s("div",{key:"798935472d17bc427990eb0d4cb1f3172ef7c244",slot:"subtitle",class:"s-user-settings-section-subtitle"},this.capitalizeText(this.hideMyNameDesc)),s("div",{key:"bd455f1375fa73e4dde76075f4e18dd55a7ae859",slot:"action",class:"s-user-settings-section-action"},s("label",{key:"9148274bf7a0faccbe282531107882c072e4e918",class:"s-toggle"},s("input",{key:"ed079fe4e696edb5ca1e3ef2ff594a787a2030c4",class:"s-toggle-input",checked:this.isHiddenName,onChange:e=>this.toggleSetting("is_hidden_name",e),type:"checkbox"}),s("div",{key:"1ab8d7680e75a743ab7c92bc533dd3466e00d6bc",class:"s-toggle-switcher"}))))),s("div",{key:"e2beb47cd5983c0d499b44d24e2abdfd7d3bc932",class:"s-user-settings-section"},s("salla-list-tile",{key:"15dc8a7e21faeaedb6a8b12093959d0dca89cc6a"},s("div",{key:"2e2633ced498512feaf9af090eb2554190a6601c",slot:"icon",class:"s-user-settings-section-icon"},s("span",{key:"c25d328af60bdb56af88a5783ebed45a9ab662d5",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'})),s("div",{key:"26a2262d700f6326acfd23455c36ccb0bbc30c90",slot:"title",class:"s-user-settings-section-title"},this.capitalizeText(this.promotionalMsgs)),s("div",{key:"5a86ab74e912a2eb8ef618c8c2a0fce9635e21ab",slot:"subtitle",class:"s-user-settings-section-subtitle"},this.capitalizeText(this.promotionalMsgsDesc)),s("div",{key:"fce21eb942724cd3e662d1fa28998dd569800807",slot:"action",class:"s-user-settings-section-action"},s("label",{key:"2d5c5fe21af1b7b4618d568aac807477377456b9",class:"s-toggle"},s("input",{key:"6141b9aee3d7f08c1614e18622734c985f00698d",class:"s-toggle-input",checked:this.isNotifiable,onChange:e=>this.toggleSetting("is_notifiable",e),type:"checkbox"}),s("div",{key:"bb1d05fa73a6a2683fd13bbfcfda9c6da33eec5c",class:"s-toggle-switcher"}))))),s("div",{key:"725a865983025acca1fc7e38aa8ca242977e0cec",class:"s-user-settings-section s-user-settings-section-deactivate-user"},s("salla-list-tile",{key:"f78022f0df1fa056218cc04f634020c91e13a1de"},s("div",{key:"0e64bb2523b466f01c73392104f433ede50d5511",slot:"icon",class:"s-user-settings-section-icon"},s("span",{key:"96a246978ddc161debca6a33ca9b33c76a28c671",innerHTML:t})),s("div",{key:"1b9e41414830b0d08524517959a316c410b0263e",slot:"title",class:"s-user-settings-section-title"},this.capitalizeText(this.deactivateAccount)),s("div",{key:"23baf125e4c2f93185ce23c0e75b1cdf8218bddf",slot:"subtitle",class:"s-user-settings-section-subtitle"},this.capitalizeText(this.deactivateDesc)),s("div",{key:"c8d12d145ebc670fd43843682983c3a7ee9fd2c2",slot:"action",class:"s-user-settings-section-action"},s("salla-button",{key:"94eede53889d66f641dd24492c38d2350b0901c8",fill:"outline",color:"danger",shape:"btn",size:"medium",width:"normal",onClick:()=>this.openDeactivateModal()},this.capitalizeText(this.deactivateAccount))))),s("salla-modal",{key:"6e6132d1d2fef544b5c504c66bc8dd84aba2a3a4",width:"sm",subTitle:this.capitalizeText(this.sorryForLeavingText),ref:e=>this.confirmationModal=e},s("span",{key:"914742e0cb4b2b089e56c7139f2cbd4c677da85c",slot:"icon",class:"s-user-settings-confirmation-icon",innerHTML:t}),s("div",{key:"1980c63604f16ea75fafa9f3889ca29441a02e42",class:"s-user-settings-confirmation"},s("div",{key:"82deb3934516d6132dcc006b7fde1937838b201b",class:"s-user-settings-confirmation-warning"},this.capitalizeText(this.warningText)),s("div",{key:"7219b0aec0f4e3c6a269f476623929d1d993a754",class:"s-user-settings-confirmation-actions"},s("salla-button",{key:"6e5421e168e6c2b1fd04842b98e57e9bfd13c018",width:"wide",onClick:()=>this.confirmationModal.close()},this.capitalizeText(this.keepAccount)),s("salla-button",{key:"b44fa27e4afee3cadb52c39286f6130d1f6eb2a8",fill:"outline",loading:this.buttonLoading,width:"wide",onClick:()=>this.deleteAccount()},this.capitalizeText(this.deactivateAccount))))))}};i.style="";export{i as salla_user_settings}