FileMaster

Edit File: sc-stripe-payment-request2.js

import{proxyCustomElement,HTMLElement,createEvent,h}from"@stencil/core/internal/client";import{p as pure}from"./pure.js";import{s as state,o as onChange}from"./mutations2.js";import{d as createOrUpdateCheckout,f as finalizeCheckout}from"./index4.js";import{c as createErrorNotice}from"./mutations3.js";import{o as openWormhole}from"./consumer.js";import{d as defineCustomElement$2}from"./sc-alert2.js";import{d as defineCustomElement$1}from"./sc-icon2.js";const scStripePaymentRequestCss=":host{display:block}.or{display:none;margin:var(--sc-form-section-spacing) 0}.request--loaded .or{display:block}",ScStripePaymentRequestStyle0=scStripePaymentRequestCss,ScStripePaymentRequest=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.scFormSubmit=createEvent(this,"scFormSubmit",7),this.scPaid=createEvent(this,"scPaid",7),this.scPayError=createEvent(this,"scPayError",7),this.scSetState=createEvent(this,"scSetState",7),this.scPaymentRequestLoaded=createEvent(this,"scPaymentRequestLoaded",7),this.scUpdateOrderState=createEvent(this,"scUpdateOrderState",7),this.stripeAccountId=void 0,this.publishableKey=void 0,this.country="US",this.prices=void 0,this.label="total",this.amount=0,this.theme="dark",this.error=void 0,this.debug=!1,this.loaded=!1,this.debugError=void 0}async componentWillLoad(){if(!(null==this?void 0:this.publishableKey)||!(null==this?void 0:this.stripeAccountId))return!0;try{this.stripe=await pure.loadStripe(this.publishableKey,{stripeAccount:this.stripeAccountId}),this.elements=this.stripe.elements(),this.paymentRequest=this.stripe.paymentRequest({country:this.country,requestShipping:!0,requestPayerEmail:!0,shippingOptions:[{id:"free",label:"Free Shipping",detail:"No shipping required",amount:0}],...this.getRequestObject(null==state?void 0:state.checkout)})}catch(e){console.log((null==e?void 0:e.message)||wp.i18n.__("Stripe could not be loaded","surecart"))}}handleOrderChange(){this.paymentRequest&&(this.pendingEvent||this.paymentRequest.update(this.getRequestObject(null==state?void 0:state.checkout)))}handleLoaded(){this.scPaymentRequestLoaded.emit(!0)}handleErrorChange(){this.pendingEvent&&this.pendingEvent.complete("error")}async handleShippingChange(e){var t,i,n,o,s;const{shippingAddress:a,updateWith:r}=e;try{const e=await createOrUpdateCheckout({id:null===(t=null==state?void 0:state.checkout)||void 0===t?void 0:t.id,data:{shipping_address:{...(null==a?void 0:a.name)?{name:null==a?void 0:a.name}:{},...(null===(i=null==a?void 0:a.addressLine)||void 0===i?void 0:i[0])?{line_1:null===(n=null==a?void 0:a.addressLine)||void 0===n?void 0:n[0]}:{},...(null===(o=null==a?void 0:a.addressLine)||void 0===o?void 0:o[1])?{line_2:null===(s=null==a?void 0:a.addressLine)||void 0===s?void 0:s[1]}:{},...(null==a?void 0:a.city)?{city:null==a?void 0:a.city}:{},...(null==a?void 0:a.country)?{country:null==a?void 0:a.country}:{},...(null==a?void 0:a.postalCode)?{postal_code:null==a?void 0:a.postalCode}:{},...(null==a?void 0:a.region)?{state:null==a?void 0:a.region}:{}}}});r({status:"success",total:{amount:(null==e?void 0:e.amount_due)||0,label:wp.i18n.__("Total","surecart")}})}catch(e){e.updateWith({status:"invalid_shipping_address"})}}getName(e){var t,i,n,o,s;let a="";return a=Object.keys(this.prices||{}).filter((t=>this.prices[t].product===e.price.product.id)).length>1?`${null===(i=null===(t=null==e?void 0:e.price)||void 0===t?void 0:t.product)||void 0===i?void 0:i.name} – ${null===(n=null==e?void 0:e.price)||void 0===n?void 0:n.name}`:null===(s=null===(o=null==e?void 0:e.price)||void 0===o?void 0:o.product)||void 0===s?void 0:s.name,a}getRequestObject(e){var t;const i=((null===(t=null==e?void 0:e.line_items)||void 0===t?void 0:t.data)||[]).map((e=>({label:this.getName(e),amount:null!==e.ad_hoc_amount?e.ad_hoc_amount:e.subtotal_amount})));return{currency:state.currencyCode,total:{amount:(null==e?void 0:e.amount_due)||0,label:wp.i18n.__("Total","surecart")},displayItems:i}}componentDidLoad(){if(this.handleOrderChange(),this.removeCheckoutListener=onChange("checkout",(()=>this.handleOrderChange())),!this.elements)return;const e=this.elements.create("paymentRequestButton",{paymentRequest:this.paymentRequest,style:{paymentRequestButton:{theme:this.theme}}});this.paymentRequest.on("paymentmethod",(e=>this.handlePaymentMethod(e))),this.paymentRequest.on("shippingaddresschange",(async e=>await this.handleShippingChange(e))),this.paymentRequest.canMakePayment().then((t=>{t?(e.mount(this.request),this.loaded=!0):"https:"!==location.protocol?(this.debug&&(this.debugError=wp.i18n.__("You must serve this page over HTTPS to display express payment buttons.","surecart")),console.log("SSL needed to display payment buttons.")):(this.debug&&(this.debugError=wp.i18n.__("You do not have any wallets set up in your browser.","surecart")),console.log("No wallets available."))})).catch((e=>{console.error(e)}))}async handlePaymentMethod(e){var t,i,n,o,s;const{billing_details:a}=null==e?void 0:e.paymentMethod,{shippingAddress:r}=e;try{this.scSetState.emit("FINALIZE"),await createOrUpdateCheckout({id:null===(t=null==state?void 0:state.checkout)||void 0===t?void 0:t.id,data:{email:null==a?void 0:a.email,name:null==a?void 0:a.name,shipping_address:{...(null==r?void 0:r.name)?{name:null==r?void 0:r.name}:{},...(null===(i=null==r?void 0:r.addressLine)||void 0===i?void 0:i[0])?{line_1:null===(n=null==r?void 0:r.addressLine)||void 0===n?void 0:n[0]}:{},...(null===(o=null==r?void 0:r.addressLine)||void 0===o?void 0:o[1])?{line_2:null===(s=null==r?void 0:r.addressLine)||void 0===s?void 0:s[1]}:{},...(null==r?void 0:r.city)?{city:null==r?void 0:r.city}:{},...(null==r?void 0:r.country)?{country:null==r?void 0:r.country}:{},...(null==r?void 0:r.postalCode)?{postal_code:null==r?void 0:r.postalCode}:{},...(null==r?void 0:r.region)?{state:null==r?void 0:r.region}:{}}}});const d=await finalizeCheckout({id:null==state?void 0:state.checkout.id,query:{form_id:state.formId},processor:{id:"stripe",manual:!1}});this.scSetState.emit("PAYING"),await this.confirmPayment(d,e),this.scSetState.emit("PAID"),this.scPaid.emit(),e.complete("success")}catch(t){console.error(t),this.scPayError.emit(t),createErrorNotice(t),e.complete("fail")}finally{this.confirming=!1}}async confirmPayment(e,t){var i,n,o,s,a,r,d,l,u,c,p,h,m,v,y,f,g,b;if("finalized"!==(null==e?void 0:e.status))return;if(!(null===(o=null===(n=null===(i=null==e?void 0:e.payment_intent)||void 0===i?void 0:i.processor_data)||void 0===n?void 0:n.stripe)||void 0===o?void 0:o.client_secret))return;if(!(null===(r=null===(a=null===(s=null==e?void 0:e.payment_intent)||void 0===s?void 0:s.processor_data)||void 0===a?void 0:a.stripe)||void 0===r?void 0:r.type))return;if(!(null===(d=null==e?void 0:e.payment_intent)||void 0===d?void 0:d.external_intent_id))return;if(this.confirming)return;let _;if(this.confirming=!0,_="setup"==(null===(c=null===(u=null===(l=null==e?void 0:e.payment_intent)||void 0===l?void 0:l.processor_data)||void 0===u?void 0:u.stripe)||void 0===c?void 0:c.type)?await this.confirmCardSetup(null===(h=null===(p=null==e?void 0:e.payment_intent)||void 0===p?void 0:p.processor_data)||void 0===h?void 0:h.stripe.client_secret,t):await this.confirmCardPayment(null===(v=null===(m=null==e?void 0:e.payment_intent)||void 0===m?void 0:m.processor_data)||void 0===v?void 0:v.stripe.client_secret,t),null==_?void 0:_.error)throw _.error;if("requires_action"===(null===(y=null==_?void 0:_.paymentIntent)||void 0===y?void 0:y.status)||"requires_source_action"===(null===(f=null==_?void 0:_.paymentIntent)||void 0===f?void 0:f.status)){const t=await this.stripe.confirmCardPayment(null===(b=null===(g=null==e?void 0:e.payment_intent)||void 0===g?void 0:g.processor_data)||void 0===b?void 0:b.stripe.client_secret);if(t.error)throw t.error;return t}return _}confirmCardPayment(e,t){return this.stripe.confirmCardPayment(e,{payment_method:t.paymentMethod.id},{handleActions:!1})}confirmCardSetup(e,t){return this.stripe.confirmCardSetup(e,{payment_method:t.paymentMethod.id},{handleActions:!1})}disconnectedCallback(){this.removeCheckoutListener()}render(){return h("div",{key:"fbdf29067ae4119da7769158528998bbe5d19faf",class:{request:!0,"request--loaded":this.loaded}},this.debug&&this.debugError&&h("div",{key:"0b8a2ac38307bc4355ffccff1cf3e82fdcd6fb87"},h("slot",{key:"d1d1a674006d15219f12c14ae2acde719c067dab",name:"debug-fallback"}),h("sc-alert",{key:"1ce493a7d2c5ce406fff3180924309af8919fe4b",type:"info",open:!0},h("span",{key:"a2cdb8df40d66151e9362506263de20842f63982",slot:"title"},wp.i18n.__("Express Payment","surecart")),this.debugError)),h("div",{key:"38ef57b2a7625b0703f91a5608c123227c7e3e6c",class:"sc-payment-request-button",part:"button",ref:e=>this.request=e}))}get el(){return this}static get watchers(){return{loaded:["handleLoaded"],error:["handleErrorChange"]}}static get style(){return ScStripePaymentRequestStyle0}},[4,"sc-stripe-payment-request",{stripeAccountId:[1,"stripe-account-id"],publishableKey:[1,"publishable-key"],country:[1],prices:[16],label:[1],amount:[2],theme:[1],error:[16],debug:[4],loaded:[32],debugError:[32]},void 0,{loaded:["handleLoaded"],error:["handleErrorChange"]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["sc-stripe-payment-request","sc-alert","sc-icon"].forEach((e=>{switch(e){case"sc-stripe-payment-request":customElements.get(e)||customElements.define(e,ScStripePaymentRequest);break;case"sc-alert":customElements.get(e)||defineCustomElement$2();break;case"sc-icon":customElements.get(e)||defineCustomElement$1()}}))}openWormhole(ScStripePaymentRequest,["prices"],!1);export{ScStripePaymentRequest as S,defineCustomElement as d};

Back