payment-frontend.js 26.4 KB
(window.webpackWcBlocksJsonp=window.webpackWcBlocksJsonp||[]).push([[51],{152:function(e,t,n){"use strict";var c=n(0);n(220),t.a=()=>Object(c.createElement)("span",{className:"wc-block-components-spinner","aria-hidden":"true"})},153:function(e,t,n){"use strict";var c=n(0),o=n(1),a=n(5),s=n.n(a),r=(n(221),n(152));t.a=e=>{let{children:t,className:n,screenReaderLabel:a,showSpinner:i=!1,isLoading:l=!0}=e;return Object(c.createElement)("div",{className:s()(n,{"wc-block-components-loading-mask":l})},l&&i&&Object(c.createElement)(r.a,null),Object(c.createElement)("div",{className:s()({"wc-block-components-loading-mask__children":l}),"aria-hidden":l},t),l&&Object(c.createElement)("span",{className:"screen-reader-text"},a||Object(o.__)("Loading…","woocommerce")))}},21:function(e,t,n){"use strict";var c=n(0),o=n(5),a=n.n(o);t.a=e=>{let t,{label:n,screenReaderLabel:o,wrapperElement:s,wrapperProps:r={}}=e;const i=null!=n,l=null!=o;return!i&&l?(t=s||"span",r={...r,className:a()(r.className,"screen-reader-text")},Object(c.createElement)(t,r,o)):(t=s||c.Fragment,i&&l&&n!==o?Object(c.createElement)(t,r,Object(c.createElement)("span",{"aria-hidden":"true"},n),Object(c.createElement)("span",{className:"screen-reader-text"},o)):Object(c.createElement)(t,r,n))}},220:function(e,t){},221:function(e,t){},280:function(e,t,n){"use strict";var c=n(0),o=n(4),a=n(5),s=n.n(a),r=n(1),i=n(25),l=n(128),d=n(57);function p(e){switch(e){case"success":case"warning":case"info":return"polite";case"error":default:return"assertive"}}t.a=function({className:e,status:t="info",children:n,spokenMessage:a=n,onRemove:m=o.noop,isDismissible:u=!0,actions:b=[],politeness:h=p(t),__unstableHTML:g,onDismiss:v=o.noop}){!function(e,t){const n="string"==typeof e?e:Object(c.renderToString)(e);Object(c.useEffect)(()=>{n&&Object(i.speak)(n,t)},[n,t])}(a,h);const O=s()(e,"components-notice","is-"+t,{"is-dismissible":u});return g&&(n=Object(c.createElement)(c.RawHTML,null,n)),Object(c.createElement)("div",{className:O},Object(c.createElement)("div",{className:"components-notice__content"},n,Object(c.createElement)("div",{className:"components-notice__actions"},b.map(({className:e,label:t,isPrimary:n,variant:o,noDefaultClasses:a=!1,onClick:r,url:i},l)=>{let p=o;return"primary"===o||a||(p=i?"link":"secondary"),void 0===p&&n&&(p="primary"),Object(c.createElement)(d.a,{key:l,href:i,variant:p,onClick:i?void 0:r,className:s()("components-notice__action",e)},t)}))),u&&Object(c.createElement)(d.a,{className:"components-notice__dismiss",icon:l.a,label:Object(r.__)("Dismiss this notice"),onClick:e=>{var t;null==e||null===(t=e.preventDefault)||void 0===t||t.call(e),v(),m()},showTooltip:!1}))}},287:function(e,t,n){"use strict";var c=n(0),o=n(5),a=n.n(o),s=n(291);t.a=e=>{let{checked:t,name:n,onChange:o,option:r}=e;const{value:i,label:l,description:d,secondaryLabel:p,secondaryDescription:m}=r;return Object(c.createElement)("label",{className:a()("wc-block-components-radio-control__option",{"wc-block-components-radio-control__option-checked":t}),htmlFor:`${n}-${i}`},Object(c.createElement)("input",{id:`${n}-${i}`,className:"wc-block-components-radio-control__input",type:"radio",name:n,value:i,onChange:e=>o(e.target.value),checked:t,"aria-describedby":a()({[`${n}-${i}__label`]:l,[`${n}-${i}__secondary-label`]:p,[`${n}-${i}__description`]:d,[`${n}-${i}__secondary-description`]:m})}),Object(c.createElement)(s.a,{id:`${n}-${i}`,label:l,secondaryLabel:p,description:d,secondaryDescription:m}))}},291:function(e,t,n){"use strict";var c=n(0);t.a=e=>{let{label:t,secondaryLabel:n,description:o,secondaryDescription:a,id:s}=e;return Object(c.createElement)("div",{className:"wc-block-components-radio-control__option-layout"},Object(c.createElement)("div",{className:"wc-block-components-radio-control__label-group"},t&&Object(c.createElement)("span",{id:s&&s+"__label",className:"wc-block-components-radio-control__label"},t),n&&Object(c.createElement)("span",{id:s&&s+"__secondary-label",className:"wc-block-components-radio-control__secondary-label"},n)),Object(c.createElement)("div",{className:"wc-block-components-radio-control__description-group"},o&&Object(c.createElement)("span",{id:s&&s+"__description",className:"wc-block-components-radio-control__description"},o),a&&Object(c.createElement)("span",{id:s&&s+"__secondary-description",className:"wc-block-components-radio-control__secondary-description"},a)))}},292:function(e,t,n){"use strict";var c=n(15),o=n.n(c),a=n(0),s=n(5),r=n.n(s);n(293),t.a=e=>{let{children:t,className:n,headingLevel:c,...s}=e;const i=r()("wc-block-components-title",n),l="h"+c;return Object(a.createElement)(l,o()({className:i},s),t)}},293:function(e,t){},296:function(e,t){},297:function(e,t,n){"use strict";var c=n(1);t.a=e=>{let{defaultTitle:t=Object(c.__)("Step","woocommerce"),defaultDescription:n=Object(c.__)("Step description text.","woocommerce"),defaultShowStepNumber:o=!0}=e;return{title:{type:"string",default:t},description:{type:"string",default:n},showStepNumber:{type:"boolean",default:o}}}},303:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var c=n(1),o=n(7),a=n(3),s=n(23),r=n(41);const i=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";const{cartCoupons:t,cartIsLoading:n}=Object(r.a)(),{createErrorNotice:i}=Object(o.useDispatch)("core/notices"),{createNotice:l}=Object(o.useDispatch)("core/notices"),{setValidationErrors:d}=Object(o.useDispatch)(a.VALIDATION_STORE_KEY),{applyCoupon:p,removeCoupon:m,isApplyingCoupon:u,isRemovingCoupon:b}=Object(o.useSelect)((e,t)=>{let{dispatch:n}=t;const c=e(a.CART_STORE_KEY),o=n(a.CART_STORE_KEY);return{applyCoupon:o.applyCoupon,removeCoupon:o.removeCoupon,isApplyingCoupon:c.isApplyingCoupon(),isRemovingCoupon:c.isRemovingCoupon(),receiveApplyingCoupon:o.receiveApplyingCoupon}},[i,l]),h=t=>{p(t).then(n=>{!0===n&&l("info",Object(c.sprintf)(
/* translators: %s coupon code. */
Object(c.__)('Coupon code "%s" has been applied to your cart.',"woocommerce"),t),{id:"coupon-form",type:"snackbar",context:e})}).catch(e=>{d({coupon:{message:Object(s.decodeEntities)(e.message),hidden:!1}}),receiveApplyingCoupon("")})},g=t=>{m(t).then(n=>{!0===n&&l("info",Object(c.sprintf)(
/* translators: %s coupon code. */
Object(c.__)('Coupon code "%s" has been removed from your cart.',"woocommerce"),t),{id:"coupon-form",type:"snackbar",context:e})}).catch(t=>{i(t.message,{id:"coupon-form",context:e}),receiveApplyingCoupon("")})};return{appliedCoupons:t,isLoading:n,applyCoupon:h,removeCoupon:g,isApplyingCoupon:u,isRemovingCoupon:b}}},304:function(e,t){},305:function(e,t,n){"use strict";var c=n(0),o=n(5),a=n.n(o),s=n(10),r=n(287);n(306);const i=e=>{let{className:t="",id:n,selected:o,onChange:l,options:d=[]}=e;const p=Object(s.useInstanceId)(i),m=n||p;return d.length?Object(c.createElement)("div",{className:a()("wc-block-components-radio-control",t)},d.map(e=>Object(c.createElement)(r.a,{key:`${m}-${e.value}`,name:"radio-control-"+m,checked:e.value===o,option:e,onChange:t=>{l(t),"function"==typeof e.onChange&&e.onChange(t)}}))):null};t.a=i},306:function(e,t){},311:function(e,t,n){"use strict";var c=n(15),o=n.n(c),a=n(0),s=n(5),r=n.n(s);const i=e=>"wc-block-components-payment-method-icon wc-block-components-payment-method-icon--"+e;var l=e=>{let{id:t,src:n=null,alt:c=""}=e;return n?Object(a.createElement)("img",{className:i(t),src:n,alt:c}):null},d=n(36);const p=[{id:"alipay",alt:"Alipay",src:d.l+"payment-methods/alipay.svg"},{id:"amex",alt:"American Express",src:d.l+"payment-methods/amex.svg"},{id:"bancontact",alt:"Bancontact",src:d.l+"payment-methods/bancontact.svg"},{id:"diners",alt:"Diners Club",src:d.l+"payment-methods/diners.svg"},{id:"discover",alt:"Discover",src:d.l+"payment-methods/discover.svg"},{id:"eps",alt:"EPS",src:d.l+"payment-methods/eps.svg"},{id:"giropay",alt:"Giropay",src:d.l+"payment-methods/giropay.svg"},{id:"ideal",alt:"iDeal",src:d.l+"payment-methods/ideal.svg"},{id:"jcb",alt:"JCB",src:d.l+"payment-methods/jcb.svg"},{id:"laser",alt:"Laser",src:d.l+"payment-methods/laser.svg"},{id:"maestro",alt:"Maestro",src:d.l+"payment-methods/maestro.svg"},{id:"mastercard",alt:"Mastercard",src:d.l+"payment-methods/mastercard.svg"},{id:"multibanco",alt:"Multibanco",src:d.l+"payment-methods/multibanco.svg"},{id:"p24",alt:"Przelewy24",src:d.l+"payment-methods/p24.svg"},{id:"sepa",alt:"Sepa",src:d.l+"payment-methods/sepa.svg"},{id:"sofort",alt:"Sofort",src:d.l+"payment-methods/sofort.svg"},{id:"unionpay",alt:"Union Pay",src:d.l+"payment-methods/unionpay.svg"},{id:"visa",alt:"Visa",src:d.l+"payment-methods/visa.svg"},{id:"wechat",alt:"WeChat",src:d.l+"payment-methods/wechat.svg"}];var m=n(24);n(304),t.a=e=>{let{icons:t=[],align:n="center",className:c}=e;const s=(e=>{const t={};return e.forEach(e=>{let n={};"string"==typeof e&&(n={id:e,alt:e,src:null}),"object"==typeof e&&(n={id:e.id||"",alt:e.alt||"",src:e.src||null}),n.id&&Object(m.a)(n.id)&&!t[n.id]&&(t[n.id]=n)}),Object.values(t)})(t);if(0===s.length)return null;const i=r()("wc-block-components-payment-method-icons",{"wc-block-components-payment-method-icons--align-left":"left"===n,"wc-block-components-payment-method-icons--align-right":"right"===n},c);return Object(a.createElement)("div",{className:i},s.map(e=>{const t={...e,...(n=e.id,p.find(e=>e.id===n)||{})};var n;return Object(a.createElement)(l,o()({key:"payment-method-icon-"+e.id},t))}))}},327:function(e,t,n){"use strict";var c=n(0),o=n(5),a=n.n(o),s=n(292);n(296);const r=e=>{let{title:t,stepHeadingContent:n}=e;return Object(c.createElement)("div",{className:"wc-block-components-checkout-step__heading"},Object(c.createElement)(s.a,{"aria-hidden":"true",className:"wc-block-components-checkout-step__title",headingLevel:"2"},t),!!n&&Object(c.createElement)("span",{className:"wc-block-components-checkout-step__heading-content"},n))};t.a=e=>{let{id:t,className:n,title:o,legend:s,description:i,children:l,disabled:d=!1,showStepNumber:p=!0,stepHeadingContent:m=(()=>{})}=e;const u=s||o?"fieldset":"div";return Object(c.createElement)(u,{className:a()(n,"wc-block-components-checkout-step",{"wc-block-components-checkout-step--with-step-number":p,"wc-block-components-checkout-step--disabled":d}),id:t,disabled:d},!(!s&&!o)&&Object(c.createElement)("legend",{className:"screen-reader-text"},s||o),!!o&&Object(c.createElement)(r,{title:o,stepHeadingContent:m()}),Object(c.createElement)("div",{className:"wc-block-components-checkout-step__container"},!!i&&Object(c.createElement)("p",{className:"wc-block-components-checkout-step__description"},i),Object(c.createElement)("div",{className:"wc-block-components-checkout-step__content"},l)))}},349:function(e,t){},350:function(e,t,n){"use strict";var c=n(17),o=n.n(c),a=n(0),s=n(1),r=n(8),i=n(2),l=n(11),d=n(64);class p extends r.Component{constructor(){super(...arguments),o()(this,"state",{errorMessage:"",hasError:!1})}static getDerivedStateFromError(e){return{errorMessage:e.message,hasError:!0}}render(){const{hasError:e,errorMessage:t}=this.state,{isEditor:n}=this.props;if(e){let e=Object(s.__)("We are experiencing difficulties with this payment method. Please contact us for assistance.","woocommerce");(n||i.CURRENT_USER_IS_ADMIN)&&(e=t||Object(s.__)("There was an error with this payment method. Please verify it's configured correctly.","woocommerce"));const c=[{id:"0",content:e,isDismissible:!1,status:"error"}];return Object(a.createElement)(l.StoreNoticesContainer,{additionalNotices:c,context:d.noticeContexts.PAYMENTS})}return this.props.children}}p.defaultProps={isEditor:!1},t.a=p},370:function(e,t,n){"use strict";var c=n(9),o=n(0),a=n(5),s=n.n(a),r=n(10),i=n(43);t.a=function({icon:e,children:t,label:n,instructions:a,className:l,notices:d,preview:p,isColumnLayout:m,...u}){const[b,{width:h}]=Object(r.useResizeObserver)();let g;"number"==typeof h&&(g={"is-large":h>=480,"is-medium":h>=160&&h<480,"is-small":h<160});const v=s()("components-placeholder",l,g),O=s()("components-placeholder__fieldset",{"is-column-layout":m});return Object(o.createElement)("div",Object(c.a)({},u,{className:v}),b,d,p&&Object(o.createElement)("div",{className:"components-placeholder__preview"},p),Object(o.createElement)("div",{className:"components-placeholder__label"},Object(o.createElement)(i.a,{icon:e}),n),!!a&&Object(o.createElement)("div",{className:"components-placeholder__instructions"},a),Object(o.createElement)("div",{className:O},t))}},407:function(e,t,n){"use strict";var c=n(0),o=n(12);const a=Object(c.createElement)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(c.createElement)(o.Path,{fillRule:"evenodd",d:"M5.5 9.5v-2h13v2h-13zm0 3v4h13v-4h-13zM4 7a1 1 0 011-1h14a1 1 0 011 1v10a1 1 0 01-1 1H5a1 1 0 01-1-1V7z",clipRule:"evenodd"}));t.a=a},418:function(e,t){},427:function(e,t,n){"use strict";n.d(t,"a",(function(){return x}));var c=n(1),o=n(42),a=n(0),s=n(5),r=n.n(s),i=n(12),l=Object(a.createElement)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(a.createElement)("g",{fill:"none",fillRule:"evenodd"},Object(a.createElement)("path",{d:"M0 0h24v24H0z"}),Object(a.createElement)("path",{fill:"#000",fillRule:"nonzero",d:"M17.3 8v1c1 .2 1.4.9 1.4 1.7h-1c0-.6-.3-1-1-1-.8 0-1.3.4-1.3.9 0 .4.3.6 1.4 1 1 .2 2 .6 2 1.9 0 .9-.6 1.4-1.5 1.5v1H16v-1c-.9-.1-1.6-.7-1.7-1.7h1c0 .6.4 1 1.3 1 1 0 1.2-.5 1.2-.8 0-.4-.2-.8-1.3-1.1-1.3-.3-2.1-.8-2.1-1.8 0-.9.7-1.5 1.6-1.6V8h1.3zM12 10v1H6v-1h6zm2-2v1H6V8h8zM2 4v16h20V4H2zm2 14V6h16v12H4z"}),Object(a.createElement)("path",{stroke:"#000",strokeLinecap:"round",d:"M6 16c2.6 0 3.9-3 1.7-3-2 0-1 3 1.5 3 1 0 1-.8 2.8-.8"}))),d=Object(a.createElement)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(a.createElement)(i.Path,{fillRule:"evenodd",d:"M18.646 9H20V8l-1-.5L12 4 5 7.5 4 8v1h14.646zm-3-1.5L12 5.677 8.354 7.5h7.292zm-7.897 9.44v-6.5h-1.5v6.5h1.5zm5-6.5v6.5h-1.5v-6.5h1.5zm5 0v6.5h-1.5v-6.5h1.5zm2.252 8.81c0 .414-.334.75-.748.75H4.752a.75.75 0 010-1.5h14.5a.75.75 0 01.749.75z",clipRule:"evenodd"})),p=Object(a.createElement)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(a.createElement)(i.Path,{d:"M3.25 12a8.75 8.75 0 1117.5 0 8.75 8.75 0 01-17.5 0zM12 4.75a7.25 7.25 0 100 14.5 7.25 7.25 0 000-14.5zm-1.338 4.877c-.314.22-.412.452-.412.623 0 .171.098.403.412.623.312.218.783.377 1.338.377.825 0 1.605.233 2.198.648.59.414 1.052 1.057 1.052 1.852 0 .795-.461 1.438-1.052 1.852-.41.286-.907.486-1.448.582v.316a.75.75 0 01-1.5 0v-.316a3.64 3.64 0 01-1.448-.582c-.59-.414-1.052-1.057-1.052-1.852a.75.75 0 011.5 0c0 .171.098.403.412.623.312.218.783.377 1.338.377s1.026-.159 1.338-.377c.314-.22.412-.452.412-.623 0-.171-.098-.403-.412-.623-.312-.218-.783-.377-1.338-.377-.825 0-1.605-.233-2.198-.648-.59-.414-1.052-1.057-1.052-1.852 0-.795.461-1.438 1.052-1.852a3.64 3.64 0 011.448-.582V7.5a.75.75 0 011.5 0v.316c.54.096 1.039.296 1.448.582.59.414 1.052 1.057 1.052 1.852a.75.75 0 01-1.5 0c0-.171-.098-.403-.412-.623-.312-.218-.783-.377-1.338-.377s-1.026.159-1.338.377z"})),m=n(407),u=n(94),b=n(24),h=n(19);n(349);const g={bank:d,bill:p,card:m.a,checkPayment:l};var v=e=>{let{icon:t="",text:n=""}=e;const c=!!t,o=Object(a.useCallback)(e=>c&&Object(b.a)(e)&&Object(h.b)(g,e),[c]),s=r()("wc-block-components-payment-method-label",{"wc-block-components-payment-method-label--with-icon":c});return Object(a.createElement)("span",{className:s},o(t)?Object(a.createElement)(u.a,{icon:g[t]}):t,n)},O=n(311),y=n(2),j=n(22),_=n.n(j),E=n(153),k=n(7),w=n(3),S=n(11),f=n(41),P=n(303),C=n(45),N=n(86),M=n(126),T=n(87);const R=(e,t)=>{const n=[],o=(t,n)=>{const c=n+"_tax",o=Object(h.b)(e,n)&&Object(b.a)(e[n])?parseInt(e[n],10):0;return{key:n,label:t,value:o,valueWithTax:o+(Object(h.b)(e,c)&&Object(b.a)(e[c])?parseInt(e[c],10):0)}};return n.push(o(Object(c.__)("Subtotal:","woocommerce"),"total_items")),n.push(o(Object(c.__)("Fees:","woocommerce"),"total_fees")),n.push(o(Object(c.__)("Discount:","woocommerce"),"total_discount")),n.push({key:"total_tax",label:Object(c.__)("Taxes:","woocommerce"),value:parseInt(e.total_tax,10),valueWithTax:parseInt(e.total_tax,10)}),t&&n.push(o(Object(c.__)("Shipping:","woocommerce"),"total_shipping")),n};var A=n(123);const x=()=>{const{onCheckoutBeforeProcessing:e,onCheckoutValidationBeforeProcessing:t,onCheckoutAfterProcessingWithSuccess:n,onCheckoutAfterProcessingWithError:s,onSubmit:r}=Object(N.b)(),{isCalculating:i,isComplete:l,isIdle:d,isProcessing:p,customerId:m}=Object(k.useSelect)(e=>{const t=e(w.CHECKOUT_STORE_KEY);return{isComplete:t.isComplete(),isIdle:t.isIdle(),isProcessing:t.isProcessing(),customerId:t.getCustomerId(),isCalculating:t.isCalculating()}}),{paymentStatus:u,activePaymentMethod:b,shouldSavePayment:h}=Object(k.useSelect)(e=>{const t=e(w.PAYMENT_STORE_KEY);return{paymentStatus:{isPristine:t.isPaymentPristine(),isStarted:t.isPaymentStarted(),isProcessing:t.isPaymentProcessing(),isFinished:t.isPaymentFinished(),hasError:t.hasPaymentError(),hasFailed:t.isPaymentFailed(),isSuccessful:t.isPaymentSuccess(),isDoingExpressPayment:t.isExpressPaymentMethodActive()},activePaymentMethod:t.getActivePaymentMethod(),shouldSavePayment:t.getShouldSavePaymentMethod()}}),{__internalSetExpressPaymentError:g}=Object(k.useDispatch)(w.PAYMENT_STORE_KEY),{onPaymentProcessing:j}=Object(M.b)(),{shippingErrorStatus:x,shippingErrorTypes:I,onShippingRateSuccess:D,onShippingRateFail:Y,onShippingRateSelectSuccess:L,onShippingRateSelectFail:z}=Object(T.b)(),{shippingRates:$,isLoadingRates:F,selectedRates:K,isSelectingRate:V,selectShippingRate:H,needsShipping:B}=Object(A.a)(),{billingAddress:W,shippingAddress:U}=Object(k.useSelect)(e=>e(w.CART_STORE_KEY).getCustomerData()),{setShippingAddress:G}=Object(k.useDispatch)(w.CART_STORE_KEY),{cartItems:J,cartFees:q,cartTotals:Q,extensions:X}=Object(f.a)(),{appliedCoupons:Z}=Object(P.a)(),ee=Object(a.useRef)(R(Q,B)),te=Object(a.useRef)({label:Object(c.__)("Total","woocommerce"),value:parseInt(Q.total_price,10)});Object(a.useEffect)(()=>{ee.current=R(Q,B),te.current={label:Object(c.__)("Total","woocommerce"),value:parseInt(Q.total_price,10)}},[Q,B]);const ne=Object(a.useCallback)((function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";_()("setExpressPaymentError should only be used by Express Payment Methods (using the provided onError handler).",{alternative:"",plugin:"woocommerce-gutenberg-products-block",link:"https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/4228"}),g(e)}),[g]);return{activePaymentMethod:b,billing:{appliedCoupons:Z,billingAddress:W,billingData:W,cartTotal:te.current,cartTotalItems:ee.current,currency:Object(o.getCurrencyFromPriceResponse)(Q),customerId:m,displayPricesIncludingTax:Object(y.getSetting)("displayCartPricesIncludingTax",!1)},cartData:{cartItems:J,cartFees:q,extensions:X},checkoutStatus:{isCalculating:i,isComplete:l,isIdle:d,isProcessing:p},components:{LoadingMask:E.a,PaymentMethodIcons:O.a,PaymentMethodLabel:v,ValidationInputError:S.ValidationInputError},emitResponse:{noticeContexts:C.d,responseTypes:C.e},eventRegistration:{onCheckoutAfterProcessingWithError:s,onCheckoutAfterProcessingWithSuccess:n,onCheckoutBeforeProcessing:e,onCheckoutValidationBeforeProcessing:t,onPaymentProcessing:j,onShippingRateFail:Y,onShippingRateSelectFail:z,onShippingRateSelectSuccess:L,onShippingRateSuccess:D},onSubmit:r,paymentStatus:u,setExpressPaymentError:ne,shippingData:{isSelectingRate:V,needsShipping:B,selectedRates:K,setSelectedRates:H,setShippingAddress:G,shippingAddress:U,shippingRates:$,shippingRatesLoading:F},shippingStatus:{shippingErrorStatus:x,shippingErrorTypes:I},shouldSavePayment:h}}},463:function(e,t,n){"use strict";n.r(t);var c=n(0),o=n(5),a=n.n(o),s=n(41),r=n(140),i=n(327),l=n(7),d=n(3),p=n(11),m=n(1),u=n(21),b=n(370),h=n(57),g=n(280),v=n(94),O=n(407),y=n(2),j=n(40);n(418);const _=()=>Object(c.createElement)(b.a,{icon:Object(c.createElement)(v.a,{icon:O.a}),label:Object(m.__)("Payment methods","woocommerce"),className:"wc-block-checkout__no-payment-methods-placeholder"},Object(c.createElement)("span",{className:"wc-block-checkout__no-payment-methods-placeholder-description"},Object(m.__)("Your store does not have any payment methods that support the Checkout block. Once you have configured a compatible payment method it will be displayed here.","woocommerce")),Object(c.createElement)(h.a,{isSecondary:!0,href:y.ADMIN_URL+"admin.php?page=wc-settings&tab=checkout",target:"_blank",rel:"noopener noreferrer"},Object(m.__)("Configure Payment Methods","woocommerce"))),E=()=>Object(c.createElement)(g.a,{isDismissible:!1,className:a()("wc-block-checkout__no-payment-methods-notice","woocommerce-message","woocommerce-error")},Object(m.__)("There are no payment methods available. This may be an error on our side. Please contact us if you need any help placing your order.","woocommerce"));var k=()=>{const{isEditor:e}=Object(j.a)();return e?Object(c.createElement)(_,null):Object(c.createElement)(E,null)},w=n(427),S=n(69),f=n(10),P=n(287),C=Object(f.withInstanceId)(e=>{let{className:t,instanceId:n,id:o,selected:s,onChange:r,options:i=[]}=e;const l=o||n;return i.length&&Object(c.createElement)("div",{className:a()("wc-block-components-radio-control",t)},i.map(e=>{const t="object"==typeof e&&"content"in e,n=e.value===s;return Object(c.createElement)("div",{className:"wc-block-components-radio-control-accordion-option",key:e.value},Object(c.createElement)(P.a,{name:"radio-control-"+l,checked:n,option:e,onChange:t=>{r(t),"function"==typeof e.onChange&&e.onChange(t)}}),t&&n&&Object(c.createElement)("div",{className:a()("wc-block-components-radio-control-accordion-content",{"wc-block-components-radio-control-accordion-content-hide":!n})},e.content))}))}),N=n(18),M=n(350),T=e=>{let{children:t,showSaveOption:n}=e;const{isEditor:o}=Object(j.a)(),{shouldSavePaymentMethod:a,customerId:s}=Object(l.useSelect)(e=>{const t=e(d.PAYMENT_STORE_KEY),n=e(d.CHECKOUT_STORE_KEY);return{shouldSavePaymentMethod:t.getShouldSavePaymentMethod(),customerId:n.getCustomerId()}}),{__internalSetShouldSavePaymentMethod:r}=Object(l.useDispatch)(d.PAYMENT_STORE_KEY);return Object(c.createElement)(M.a,{isEditor:o},t,s>0&&n&&Object(c.createElement)(p.CheckboxControl,{className:"wc-block-components-payment-methods__save-card-info",label:Object(m.__)("Save payment information to my account for future purchases.","woocommerce"),checked:a,onChange:()=>r(!a)}))},R=n(45),A=n(110),x=()=>{const{activeSavedToken:e,activePaymentMethod:t,isExpressPaymentMethodActive:n,savedPaymentMethods:o,availablePaymentMethods:s}=Object(l.useSelect)(e=>{const t=e(A.a);return{activeSavedToken:t.getActiveSavedToken(),activePaymentMethod:t.getActivePaymentMethod(),isExpressPaymentMethodActive:t.isExpressPaymentMethodActive(),savedPaymentMethods:t.getSavedPaymentMethods(),availablePaymentMethods:t.getAvailablePaymentMethods()}}),{__internalSetActivePaymentMethod:r}=Object(l.useDispatch)(A.a),i=Object(N.getPaymentMethods)(),{...d}=Object(w.a)(),{removeNotice:p}=Object(l.useDispatch)("core/notices"),{dispatchCheckoutEvent:m}=Object(S.a)(),{isEditor:u}=Object(j.a)(),b=Object.keys(s).map(e=>{const{edit:t,content:n,label:o,supports:a}=i[e],s=u?t:n;return{value:e,label:"string"==typeof o?o:Object(c.cloneElement)(o,{components:d.components}),name:"wc-saved-payment-method-token-"+e,content:Object(c.createElement)(T,{showSaveOption:a.showSaveOption},Object(c.cloneElement)(s,{__internalSetActivePaymentMethod:r,...d}))}}),h=Object(c.useCallback)(e=>{r(e),p("wc-payment-error",R.d.PAYMENTS),m("set-active-payment-method",{value:e})},[m,p,r]),g=0===Object.keys(o).length&&1===Object.keys(i).length,v=a()({"disable-radio-control":g});return n?null:Object(c.createElement)(C,{id:"wc-payment-method-options",className:v,selected:e?null:t,onChange:h,options:b})},I=n(305);const D=e=>{let{method:t,expires:n}=e;return Object(m.sprintf)(
/* translators: %1$s is referring to the payment method brand, %2$s is referring to the last 4 digits of the payment card, %3$s is referring to the expiry date.  */
Object(m.__)("%1$s ending in %2$s (expires %3$s)","woocommerce"),t.brand,t.last4,n)},Y=e=>{let{method:t}=e;return t.brand&&t.last4?Object(m.sprintf)(
/* translators: %1$s is referring to the payment method brand, %2$s is referring to the last 4 digits of the payment card. */
Object(m.__)("%1$s ending in %2$s","woocommerce"),t.brand,t.last4):Object(m.sprintf)(
/* translators: %s is the name of the payment method gateway. */
Object(m.__)("Saved token for %s","woocommerce"),t.gateway)};var L=()=>{var e,t;const{activeSavedToken:n,activePaymentMethod:o,savedPaymentMethods:a}=Object(l.useSelect)(e=>e(d.PAYMENT_STORE_KEY).getState()),{__internalSetActivePaymentMethod:s}=Object(l.useDispatch)(d.PAYMENT_STORE_KEY),r=Object(N.getPaymentMethods)(),i=Object(w.a)(),{removeNotice:p}=Object(l.useDispatch)("core/notices"),{dispatchCheckoutEvent:m}=Object(S.a)(),u=Object(c.useMemo)(()=>Object.keys(a).flatMap(e=>a[e].map(t=>{const n="cc"===e||"echeck"===e,c=t.method.gateway;return{name:"wc-saved-payment-method-token-"+c,label:n?D(t):Y(t),value:t.tokenId.toString(),onChange:e=>{s(c,{token:e,payment_method:c,[`wc-${c}-payment-token`]:e.toString(),isSavedToken:!0}),p("wc-payment-error",R.d.PAYMENTS),m("set-active-payment-method",{paymentMethodSlug:c})}}})).filter(Boolean),[a,s,p,m]),b=n&&r[o]&&null!==(e=r[o])&&void 0!==e&&e.savedTokenComponent?Object(c.cloneElement)(null===(t=r[o])||void 0===t?void 0:t.savedTokenComponent,{token:n,...i}):null;return u.length>0?Object(c.createElement)(c.Fragment,null,Object(c.createElement)(I.a,{id:"wc-payment-method-saved-tokens",selected:n,options:u,onChange:()=>{}}),b):null},z=()=>{const{paymentMethodsInitialized:e,availablePaymentMethods:t,savedPaymentMethods:n}=Object(l.select)(d.PAYMENT_STORE_KEY).getState();return e&&0===Object.keys(t).length?Object(c.createElement)(k,null):Object(c.createElement)(c.Fragment,null,Object(c.createElement)(L,null),Object.keys(n).length>0&&Object(c.createElement)(u.a,{label:Object(m.__)("Use another payment method.","woocommerce"),screenReaderLabel:Object(m.__)("Other available payment methods","woocommerce"),wrapperElement:"p",wrapperProps:{className:["wc-block-components-checkout-step__description wc-block-components-checkout-step__description-payments-aligned"]}}),Object(c.createElement)(x,null))},$=()=>Object(c.createElement)(z,null),F=n(297),K={...Object(F.a)({defaultTitle:Object(m.__)("Payment options","woocommerce"),defaultDescription:""}),className:{type:"string",default:""},lock:{type:"object",default:{move:!0,remove:!0}}};t.default=Object(r.withFilteredAttributes)(K)(e=>{let{title:t,description:n,showStepNumber:o,children:r,className:m}=e;const u=Object(l.useSelect)(e=>e(d.CHECKOUT_STORE_KEY).isProcessing()),{cartNeedsPayment:b}=Object(s.a)();return b?Object(c.createElement)(i.a,{id:"payment-method",disabled:u,className:a()("wc-block-checkout__payment-method",m),title:t,description:n,showStepNumber:o},Object(c.createElement)(p.StoreNoticesContainer,{context:R.d.PAYMENTS}),Object(c.createElement)($,null),r):null})},64:function(e,t,n){}}]);