FileMaster

Edit File: sc-subscription-cancel2.js

import{proxyCustomElement,HTMLElement,createEvent,h,Fragment}from"@stencil/core/internal/client";import{a as apiFetch}from"./fetch.js";import{d as defineCustomElement$8}from"./sc-alert2.js";import{d as defineCustomElement$7}from"./sc-block-ui2.js";import{d as defineCustomElement$6}from"./sc-button2.js";import{d as defineCustomElement$5}from"./sc-dashboard-module2.js";import{d as defineCustomElement$4}from"./sc-flex2.js";import{d as defineCustomElement$3}from"./sc-icon2.js";import{d as defineCustomElement$2}from"./sc-skeleton2.js";import{d as defineCustomElement$1}from"./sc-spinner2.js";import{a as addQueryArgs}from"./add-query-args.js";const scSubscriptionCancelCss=":host{display:block;position:relative}.subscription-cancel{display:grid;gap:0.5em}.subscription-cancel__terms{color:var(--sc-color-gray-600);font-size:var(--sc-font-size-small)}",ScSubscriptionCancelStyle0=scSubscriptionCancelCss,ScSubscriptionCancel=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.scAbandon=createEvent(this,"scAbandon",7),this.scCancelled=createEvent(this,"scCancelled",7),this.heading=void 0,this.backUrl=void 0,this.successUrl=void 0,this.subscription=void 0,this.protocol=void 0,this.reason=void 0,this.comment=void 0,this.loading=void 0,this.busy=void 0,this.error=void 0}async cancelSubscription(){var e,s;try{this.error="",this.busy=!0,await apiFetch({path:addQueryArgs(`/surecart/v1/subscriptions/${null===(e=this.subscription)||void 0===e?void 0:e.id}/cancel`,{cancellation_act:{...this.comment?{comment:this.comment}:{},cancellation_reason_id:null===(s=this.reason)||void 0===s?void 0:s.id}}),method:"PATCH"}),this.scCancelled.emit()}catch(e){this.error=(null==e?void 0:e.message)||wp.i18n.__("Something went wrong","surecart"),this.busy=!1}}renderContent(){var e,s;return this.loading?this.renderLoading():h(Fragment,null,"pending"===(null===(e=null==this?void 0:this.protocol)||void 0===e?void 0:e.cancel_behavior)?h(Fragment,null,wp.i18n.__("Your plan will be canceled, but is still available until the end of your billing period on","surecart")," ",h("strong",null,null===(s=null==this?void 0:this.subscription)||void 0===s?void 0:s.current_period_end_at_date),". ",wp.i18n.__("If you change your mind, you can renew your subscription.","surecart")):h(Fragment,null,wp.i18n.__("Your plan will be canceled immediately and cannot be modified later.","surecart")))}renderLoading(){return h("div",{style:{padding:"0.5em"}},h("sc-skeleton",{style:{width:"30%",marginBottom:"0.75em"}}),h("sc-skeleton",{style:{width:"20%",marginBottom:"0.75em"}}),h("sc-skeleton",{style:{width:"40%"}}))}render(){var e,s;let t=this.heading||wp.i18n.__("Cancel your plan","surecart"),i=wp.i18n.__("Cancel Plan","surecart"),n=wp.i18n.__("Keep My Plan","surecart"),o=this.renderContent();return(null===(s=null===(e=null===window||void 0===window?void 0:window.wp)||void 0===e?void 0:e.hooks)||void 0===s?void 0:s.applyFilters)&&(t=window.wp.hooks.applyFilters("surecart_dashboard_subscription_cancel_popup_heading",t,null==this?void 0:this.subscription),i=window.wp.hooks.applyFilters("surecart_dashboard_subscription_cancel_popup_cancel_button_text",i,null==this?void 0:this.subscription),n=window.wp.hooks.applyFilters("surecart_dashboard_subscription_cancel_popup_keep_button_text",n,null==this?void 0:this.subscription),o=window.wp.hooks.applyFilters("surecart_dashboard_subscription_cancel_popup_content",o,null==this?void 0:this.subscription)),h("sc-dashboard-module",{key:"c9e619585fa1d6ba6a9d8edd8fa0b51e6f42c1ad",heading:t,class:"subscription-cancel",error:this.error,style:{"--sc-dashboard-module-spacing":"1em"}},h("div",{key:"684f08b40862b6d8f9447978d6353afaf898fd64",slot:"description"},o,h("slot",{key:"8b412d894dd053893c969b7a22980d0a7b85c705",name:"cancel-popup-content"})),h("sc-flex",{key:"f1bf64102797647dc53c863851a792f067d6f5e8",justifyContent:"flex-start"},h("sc-button",{key:"aea0ed915e6bd6bf32b43634167a07ad25f4bbeb",type:"primary",loading:this.loading||this.busy,disabled:this.loading||this.busy,onClick:()=>this.cancelSubscription()},i),h("sc-button",{key:"1b9762afd2c6318518986a530dd22d64759e7f7e",style:{color:"var(--sc-color-gray-500"},type:"text",onClick:()=>this.scAbandon.emit(),loading:this.loading||this.busy,disabled:this.loading||this.busy},n)),this.busy&&h("sc-block-ui",{key:"491a9bf40aa02bcd997a564b9ce050972064dd0b"}))}static get style(){return ScSubscriptionCancelStyle0}},[1,"sc-subscription-cancel",{heading:[1],backUrl:[1,"back-url"],successUrl:[1,"success-url"],subscription:[16],protocol:[16],reason:[16],comment:[1],loading:[32],busy:[32],error:[32]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["sc-subscription-cancel","sc-alert","sc-block-ui","sc-button","sc-dashboard-module","sc-flex","sc-icon","sc-skeleton","sc-spinner"].forEach((e=>{switch(e){case"sc-subscription-cancel":customElements.get(e)||customElements.define(e,ScSubscriptionCancel);break;case"sc-alert":customElements.get(e)||defineCustomElement$8();break;case"sc-block-ui":customElements.get(e)||defineCustomElement$7();break;case"sc-button":customElements.get(e)||defineCustomElement$6();break;case"sc-dashboard-module":customElements.get(e)||defineCustomElement$5();break;case"sc-flex":customElements.get(e)||defineCustomElement$4();break;case"sc-icon":customElements.get(e)||defineCustomElement$3();break;case"sc-skeleton":customElements.get(e)||defineCustomElement$2();break;case"sc-spinner":customElements.get(e)||defineCustomElement$1()}}))}export{ScSubscriptionCancel as S,defineCustomElement as d};

Back