FileMaster

Edit File: p-e1796797.entry.js

import{r as e,h as t,a as s}from"./p-e97fde0a.js";import{a}from"./p-dd3464cd.js";import{o as i}from"./p-b719a497.js";import{a as n}from"./p-401e165e.js";import"./p-d3366af3.js";const c=":host{display:block;position:relative}.payment-methods-list{display:grid;gap:0.5em}.payment-methods-list sc-heading a{text-decoration:none;font-weight:var(--sc-font-weight-semibold);display:inline-flex;align-items:center;gap:0.25em;color:var(--sc-color-primary-500)}.payment-id{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}";const d=c;const r=class{constructor(t){e(this,t);this.query=undefined;this.heading=undefined;this.isCustomer=undefined;this.canDetachDefaultPaymentMethod=false;this.paymentMethods=[];this.loading=undefined;this.busy=undefined;this.error=undefined;this.hasTitleSlot=undefined;this.editPaymentMethod=false;this.deletePaymentMethod=false;this.cascadeDefaultPaymentMethod=false}componentWillLoad(){i(this.el,(()=>this.getPaymentMethods()));this.handleSlotChange()}handleSlotChange(){this.hasTitleSlot=!!this.el.querySelector('[slot="title"]')}async deleteMethod(){var e;if(!this.deletePaymentMethod)return;try{this.busy=true;await a({path:`surecart/v1/payment_methods/${(e=this.deletePaymentMethod)===null||e===void 0?void 0:e.id}/detach`,method:"PATCH"});this.paymentMethods=this.paymentMethods.filter((e=>{var t;return e.id!==((t=this.deletePaymentMethod)===null||t===void 0?void 0:t.id)}));this.deletePaymentMethod=false}catch(e){alert((e===null||e===void 0?void 0:e.messsage)||wp.i18n.__("Something went wrong","surecart"))}finally{this.busy=false}}async setDefault(){var e,t,s;if(!this.editPaymentMethod)return;try{this.error="";this.busy=true;await a({path:`surecart/v1/customers/${(t=(e=this.editPaymentMethod)===null||e===void 0?void 0:e.customer)===null||t===void 0?void 0:t.id}`,method:"PATCH",data:{default_payment_method:(s=this.editPaymentMethod)===null||s===void 0?void 0:s.id,cascade_default_payment_method:this.cascadeDefaultPaymentMethod}});this.editPaymentMethod=false}catch(e){this.error=(e===null||e===void 0?void 0:e.message)||wp.i18n.__("Something went wrong","surecart")}finally{this.busy=false}try{this.busy=true;this.paymentMethods=await a({path:n(`surecart/v1/payment_methods/`,{expand:["card","customer","billing_agreement","paypal_account","payment_instrument","bank_account"],...this.query})})}catch(e){this.error=(e===null||e===void 0?void 0:e.message)||wp.i18n.__("Something went wrong","surecart")}finally{this.busy=false}}async getPaymentMethods(){if(!this.isCustomer){return}try{this.loading=true;this.paymentMethods=await a({path:n(`surecart/v1/payment_methods/`,{expand:["card","customer","billing_agreement","paypal_account","payment_instrument","bank_account"],...this.query,per_page:100})})}catch(e){console.error(this.error);this.error=(e===null||e===void 0?void 0:e.message)||wp.i18n.__("Something went wrong","surecart")}finally{this.loading=false}}renderLoading(){return t("sc-card",{noPadding:true},t("sc-stacked-list",null,t("sc-stacked-list-row",{style:{"--columns":"4"},"mobile-size":500},[...Array(4)].map((()=>t("sc-skeleton",{style:{width:"100px",display:"inline-block"}}))))))}renderEmpty(){return t("div",null,t("sc-divider",{style:{"--spacing":"0"}}),t("slot",{name:"empty"},t("sc-empty",{icon:"credit-card"},wp.i18n.__("You don't have any saved payment methods.","surecart"))))}renderPaymentMethodActions(e){const{id:s,customer:a}=e;if(typeof a==="string")return;if(a.default_payment_method===s&&!this.canDetachDefaultPaymentMethod)return;return t("sc-dropdown",{placement:"bottom-end",slot:"suffix"},t("sc-icon",{role:"button",tabIndex:0,name:"more-horizontal",slot:"trigger"}),t("sc-menu",null,a.default_payment_method!==s&&t("sc-menu-item",{onClick:()=>this.editPaymentMethod=e},wp.i18n.__("Make Default","surecart")),t("sc-menu-item",{onClick:()=>this.deletePaymentMethod=e},wp.i18n.__("Delete","surecart"))))}renderList(){return this.paymentMethods.map((e=>{const{id:s,card:a,customer:i,live_mode:n,billing_agreement:c,paypal_account:d}=e;return t("sc-stacked-list-row",{style:{"--columns":c?"2":"3"}},t("sc-payment-method",{paymentMethod:e}),t("div",{class:"payment-id"},!!(a===null||a===void 0?void 0:a.exp_month)&&t("span",null,wp.i18n.__("Exp.","surecart"),a===null||a===void 0?void 0:a.exp_month,"/",a===null||a===void 0?void 0:a.exp_year),!!d&&(d===null||d===void 0?void 0:d.email)),t("sc-flex",{"justify-content":"flex-start","align-items":"center",style:{"--spacing":"0.5em",marginLeft:"auto"}},typeof i!=="string"&&(i===null||i===void 0?void 0:i.default_payment_method)===s&&t("sc-tag",{type:"info"},wp.i18n.__("Default","surecart")),!n&&t("sc-tag",{type:"warning"},wp.i18n.__("Test","surecart"))),this.renderPaymentMethodActions(e))}))}renderContent(){var e;if(!this.isCustomer){return this.renderEmpty()}if(this.loading){return this.renderLoading()}if(((e=this.paymentMethods)===null||e===void 0?void 0:e.length)===0){return this.renderEmpty()}return t("sc-card",{"no-padding":true},t("sc-stacked-list",null,this.renderList()))}handleEditPaymentMethodChange(){this.cascadeDefaultPaymentMethod=false}render(){return t("sc-dashboard-module",{key:"00129316def0cf2b3da434d65e4bcd5e13e8ef4f",class:"payment-methods-list",error:this.error},t("span",{key:"aba4d557000707928d9c5a711a9900792a80be66",slot:"heading"},t("slot",{key:"2b142bc93b75f16909353fb275d659c9ed94f5e1",name:"heading"},this.heading||wp.i18n.__("Payment Methods","surecart"))),this.isCustomer&&t("sc-flex",{key:"c9a33a6679975522b4d006a1a282ee4a0d3f99e0",slot:"end"},t("sc-button",{key:"f9729094d39e3fdf1f4955561cd0602fabe44c59",type:"link",href:n(window.location.href,{action:"index",model:"charge"})},t("sc-icon",{key:"82fd4fd7834a3c03039ea440852e92a0bb3f180e",name:"clock",slot:"prefix"}),wp.i18n.__("Payment History","surecart")),t("sc-button",{key:"f012e21ae0f925a6f76504b02bdcf122e5f8c2f2",type:"link",href:n(window.location.href,{action:"create",model:"payment_method"})},t("sc-icon",{key:"c050e647ed8341c43f3ce917961689d3146e290f",name:"plus",slot:"prefix"}),wp.i18n.__("Add","surecart"))),this.renderContent(),t("sc-dialog",{key:"38268cb16a8de3b8883edb8111be247bc6558f54",open:!!this.editPaymentMethod,label:wp.i18n.__("Update Default Payment Method","surecart"),onScRequestClose:()=>this.editPaymentMethod=false},t("sc-alert",{key:"2c168d7c2ffeab49c4583237369fec616feb2fc5",type:"danger",open:!!this.error},this.error),t("sc-flex",{key:"47ef7c14abe131000a406db38bd77cfad230e99b",flexDirection:"column",style:{"--sc-flex-column-gap":"var(--sc-spacing-small)"}},t("sc-alert",{key:"f5e36c2ef7112076cd5576eefc4117a0f4fe0306",type:"info",open:true},wp.i18n.__("A default payment method will be used as a fallback in case other payment methods get removed from a subscription.","surecart")),t("sc-switch",{key:"7773330e9b66b07ba44e44e30c950501f7c26bdd",checked:this.cascadeDefaultPaymentMethod,onScChange:e=>this.cascadeDefaultPaymentMethod=e.target.checked},wp.i18n.__("Update All Subscriptions","surecart"),t("span",{key:"57dd021ef75234e6bab96ebc1848a31ba9d89432",slot:"description"},wp.i18n.__("Update all existing subscriptions to use this payment method","surecart")))),t("div",{key:"884e1183423e177e174a93d807b5b8473472bdb2",slot:"footer"},t("sc-button",{key:"1c60a922d7e3e829a634abba1a1bc8d8ffc275cf",type:"text",onClick:()=>this.editPaymentMethod=false},wp.i18n.__("Cancel","surecart")),t("sc-button",{key:"880bafee8aff69edf429e55e6d71f31d15cf74f7",type:"primary",onClick:()=>this.setDefault()},wp.i18n.__("Make Default","surecart"))),this.busy&&t("sc-block-ui",{key:"4c19dcbc1f02c8e9c3099b2ae621b729362b29f8",spinner:true})),t("sc-dialog",{key:"e96940d8ac719a68a914450fd9cd34f52285f95c",open:!!this.deletePaymentMethod,label:wp.i18n.__("Delete Payment Method","surecart"),onScRequestClose:()=>this.deletePaymentMethod=false},t("sc-alert",{key:"efe88952d55c35f769c4c627f62e7745654a37ce",type:"danger",open:!!this.error},this.error),t("sc-text",{key:"8e209ccd4e6a43083723f4cd3b3b14f0be1ce764"},wp.i18n.__("Are you sure you want to remove this payment method?","surecart")),t("div",{key:"b600fa7a7cd3383a924dc602a3bd4f5a84a367c0",slot:"footer"},t("sc-button",{key:"e2cfdb3d7f0db3c4c86beedcd234207566a2a941",type:"text",onClick:()=>this.deletePaymentMethod=false},wp.i18n.__("Cancel","surecart")),t("sc-button",{key:"31cc0d5077436250d1efe33a7b0c3b99d60f3b9b",type:"primary",onClick:()=>this.deleteMethod()},wp.i18n.__("Delete","surecart"))),this.busy&&t("sc-block-ui",{key:"01124f57070cda5751fb4e2481d36bb19242ff3e",spinner:true})),this.busy&&t("sc-block-ui",{key:"3c52e6a39a8fe953340eadffbddf7ce745fa6913",spinner:true}))}get el(){return s(this)}static get watchers(){return{editPaymentMethod:["handleEditPaymentMethodChange"]}}};r.style=d;export{r as sc_payment_methods_list};
//# sourceMappingURL=p-e1796797.entry.js.map

Back