vuefilemanager/public/chunks/settings-create-payment-methods.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[36],{"+t0u":function(t,e,a){var r=a("QO4y");"string"==typeof r&&(r=[[t.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};a("aET+")(r,o);r.locals&&(t.exports=r.locals)},"5pbA":function(t,e,a){"use strict";var r=a("+t0u");a.n(r).a},"6gqG":function(t,e,a){var r=a("ydEr");"string"==typeof r&&(r=[[t.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};a("aET+")(r,o);r.locals&&(t.exports=r.locals)},"7OGm":function(t,e,a){"use strict";var r=a("6gqG");a.n(r).a},Idvm:function(t,e,a){var r=a("lig4");"string"==typeof r&&(r=[[t.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};a("aET+")(r,o);r.locals&&(t.exports=r.locals)},KnjL:function(t,e,a){"use strict";var r={name:"InfoBox",props:["type"]},o=(a("7OGm"),a("KHd+")),i=Object(o.a)(r,(function(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"info-box",class:this.type},[this._t("default")],2)}),[],!1,null,"bf43be5e",null);e.a=i.exports},L7Ue:function(t,e,a){"use strict";var r=a("NvmD");a.n(r).a},NvmD:function(t,e,a){var r=a("hURb");"string"==typeof r&&(r=[[t.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};a("aET+")(r,o);r.locals&&(t.exports=r.locals)},QO4y:function(t,e,a){(t.exports=a("I1BE")(!1)).push([t.i,"",""])},V8xj:function(t,e,a){"use strict";a.r(e);var r=a("o0o1"),o=a.n(r),i=a("gahf"),d=a("xxrA"),n=a("eZ9V"),s=a("Nv84"),p=a("qefO"),l=a("KnjL"),b=a("L2JU"),f=a("xCqy"),c=a("vDqi"),u=a.n(c);function m(t,e,a,r,o,i,d){try{var n=t[i](d),s=n.value}catch(t){return void a(t)}n.done?e(s):Promise.resolve(s).then(r,o)}function v(t,e){var a=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),a.push.apply(a,r)}return a}function x(t,e,a){return e in t?Object.defineProperty(t,e,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[e]=a,t}var h=void 0,g=void 0,y={name:"CreatePaymentMethod",components:{PageTabGroup:i.a,SwitchInput:d.a,ButtonBase:s.a,FormLabel:n.a,PageTab:p.a,InfoBox:l.a},computed:function(t){for(var e=1;e<arguments.length;e++){var a=null!=arguments[e]?arguments[e]:{};e%2?v(Object(a),!0).forEach((function(e){x(t,e,a[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):v(Object(a)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(a,e))}))}return t}({},Object(b.b)(["config"])),data:function(){return{errorMessage:void 0,isError:!1,stripeOptions:{hidePostalCode:!1},isSubmitted:!1,isDisabledSubmit:!0,defaultPaymentMethod:!0,clientSecret:void 0}},methods:{registerCard:function(){var t,e=this;return(t=o.a.mark((function t(){var a,r,i;return o.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(h||g||e.$refs.stripeCard.classList.contains("StripeElement")){t.next=2;break}return t.abrupt("return");case 2:return e.isSubmitted=!0,t.next=5,h.confirmCardSetup(e.clientSecret,{payment_method:{card:g}});case 5:a=t.sent,r=a.setupIntent,i=a.error,r&&u.a.post("/api/user/payment-cards",{token:r.payment_method,default:e.defaultPaymentMethod}).then((function(){f.a.$emit("toaster",{type:"success",message:e.$t("toaster.card_new_add")}),e.$router.push({name:"PaymentMethods"})})).catch((function(){f.a.$emit("alert:open",{title:e.$t("popup_error.title"),message:e.$t("popup_error.message")})})).finally((function(){e.isSubmitted=!1})),i&&(e.isError=!0,e.isSubmitted=!1,e.errorMessage=i.message);case 10:case"end":return t.stop()}}),t)})),function(){var e=this,a=arguments;return new Promise((function(r,o){var i=t.apply(e,a);function d(t){m(i,r,o,d,n,"next",t)}function n(t){m(i,r,o,d,n,"throw",t)}d(void 0)}))})()},initStripe:function(){var t=(h=Stripe(this.config.stripe_public_key)).elements();(g=t.create("card")).mount(this.$refs.stripeCard),this.isDisabledSubmit=!1}},mounted:function(){var t=this,e=document.createElement("script");e.setAttribute("src","https://js.stripe.com/v3/"),document.head.appendChild(e),u.a.get("/api/stripe/setup-intent").then((function(e){t.clientSecret=e.data.client_secret,t.initStripe()}))}},w=(a("L7Ue"),a("KHd+")),_=Object(w.a)(y,(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("PageTab",[a("PageTabGroup",[a("div",{staticClass:"form block-form"},[a("FormLabel",[t._v(t._s(t.$t("user_payments.add_card")))]),t._v(" "),a("div",{staticClass:"register-card"},[a("InfoBox",{directives:[{name:"show",rawName:"v-show",value:t.config.isDemo,expression:"config.isDemo"}]},[a("p",[t._v("For test your payment please use "),a("b",[t._v("4242 4242 4242 4242")]),t._v(" or "),a("b",[t._v("5555 5555 5555 4444")]),t._v(" as a card number, "),a("b",[t._v("11/22")]),t._v("\n                        as the expiration date and "),a("b",[t._v("123")]),t._v(" as CVC number and ZIP "),a("b",[t._v("12345")]),t._v(".")])]),t._v(" "),a("div",{staticClass:"block-wrapper"},[a("label",[t._v(t._s(t.$t("user_payments.card_field_title"))+":")]),t._v(" "),a("div",{ref:"stripeCard",staticClass:"stripe-card",class:{"is-error":t.isError}},[a("span",{staticClass:"loading"},[t._v("\n                            "+t._s(t.$t("user_payments.field_loading"))+"\n                        ")])]),t._v(" "),t.isError?a("div",{staticClass:"card-error-message"},[a("span",[t._v(t._s(t.errorMessage))])]):t._e()])],1),t._v(" "),a("div",{staticClass:"block-wrapper"},[a("div",{staticClass:"input-wrapper"},[a("div",{staticClass:"inline-wrapper"},[a("div",{staticClass:"switch-label"},[a("label",{staticClass:"input-label"},[t._v(t._s(t.$t("user_add_card.default_title"))+":")]),t._v(" "),a("small",{staticClass:"input-help"},[t._v(t._s(t.$t("user_add_card.default_description")))])]),t._v(" "),a("SwitchInput",{staticClass:"switch",attrs:{state:t.defaultPaymentMethod},model:{value:t.defaultPaymentMethod,callback:function(e){t.defaultPaymentMethod=e},expression:"defaultPaymentMethod"}})],1)])]),t._v(" "),a("ButtonBase",{attrs:{loading:t.isSubmitted,"button-style":t.isDisabledSubmit?"secondary":"theme",type:"submit"},nativeOn:{click:function(e){return t.registerCard(e)}}},[t._v("\n                "+t._s(t.$t("user_payments.store_card"))+"\n            ")])],1)])],1)}),[],!1,null,"4d66f24b",null);e.default=_.exports},Xk6H:function(t,e,a){"use strict";var r=a("Idvm");a.n(r).a},eZ9V:function(t,e,a){"use strict";var r={name:"FormLabel",components:{Edit2Icon:a("CjXH").n}},o=(a("Xk6H"),a("KHd+")),i=Object(o.a)(r,(function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"form-label"},[e("edit-2-icon",{staticClass:"icon",attrs:{size:"22"}}),this._v(" "),e("b",{staticClass:"label"},[this._t("default")],2)],1)}),[],!1,null,"c1157a8e",null);e.a=i.exports},gahf:function(t,e,a){"use strict";var r={name:"PageTabGroup"},o=(a("yI2c"),a("KHd+")),i=Object(o.a)(r,(function(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"page-tab-group"},[this._t("default")],2)}),[],!1,null,"1bb470e4",null);e.a=i.exports},hURb:function(t,e,a){(t.exports=a("I1BE")(!1)).push([t.i,".form[data-v-4d66f24b]{max-width:700px}.form.inline-form[data-v-4d66f24b]{display:flex;position:relative;justify-content:center;margin:0 auto}.form.inline-form .input-wrapper[data-v-4d66f24b]{position:relative}.form.inline-form .input-wrapper .error-message[data-v-4d66f24b]{position:absolute;left:0;bottom:-25px}.form.block-form .wrapper-inline[data-v-4d66f24b]{display:flex;margin:0 -15px}.form.block-form .wrapper-inline .block-wrapper[data-v-4d66f24b]{width:100%;padding:0 15px}.form.block-form .block-wrapper[data-v-4d66f24b]{margin-bottom:32px}.form.block-form .block-wrapper label[data-v-4d66f24b]{font-size:.875em;color:rgba(27,37,57,.8);font-weight:700;display:block;margin-bottom:7px;text-align:left}.form.block-form .block-wrapper[data-v-4d66f24b]:last-child{margin-bottom:0}.form.block-form .button[data-v-4d66f24b]{margin-top:50px}.form .inline-wrapper[data-v-4d66f24b]{display:flex;align-items:center;justify-content:space-between}.form .inline-wrapper .switch-label .input-help[data-v-4d66f24b]{padding-top:0}.form .inline-wrapper .switch-label .input-label[data-v-4d66f24b]{font-weight:700;color:#1b2539;font-size:1em;margin-bottom:5px}.form .input-help[data-v-4d66f24b]{font-size:.75em;color:rgba(27,37,57,.7);line-height:1.35;padding-top:10px;display:block}.single-line-form[data-v-4d66f24b]{display:flex}.single-line-form .submit-button[data-v-4d66f24b]{margin-left:20px}.error-message[data-v-4d66f24b]{font-size:.875em;color:#fd397a;padding-top:5px;display:block;text-align:left}textarea[data-v-4d66f24b]{width:100%}input[type=email][data-v-4d66f24b],input[type=number][data-v-4d66f24b],input[type=password][data-v-4d66f24b],input[type=text][data-v-4d66f24b],textarea[data-v-4d66f24b]{border:1px solid transparent;transition:all .15s ease;font-size:1em;border-radius:8px;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight:700;outline:0;width:100%;box-shadow:0 1px 5px rgba(0,0,0,.12)}input[type=email].is-error[data-v-4d66f24b],input[type=number].is-error[data-v-4d66f24b],input[type=password].is-error[data-v-4d66f24b],input[type=text].is-error[data-v-4d66f24b],textarea.is-error[data-v-4d66f24b]{border-color:#fd397a;box-shadow:0 1px 5px rgba(253,57,122,.3)}input[type=email][data-v-4d66f24b]::-moz-placeholder,input[type=number][data-v-4d66f24b]::-moz-placeholder,input[type=password][data-v-4d66f24b]::-moz-placeholder,input[type=text][data-v-4d66f24b]::-moz-placeholder,textarea[data-v-4d66f24b]::-moz-placeholder{color:rgba(27,37,57,.5);font-size:.9375em}input[type=email][data-v-4d66f24b]:-ms-input-placeholder,input[type=number][data-v-4d66f24b]:-ms-input-placeholder,input[type=password][data-v-4d66f24b]:-ms-input-placeholder,input[type=text][data-v-4d66f24b]:-ms-input-placeholder,textarea[data-v-4d66f24b]:-ms-input-placeholder{color:rgba(27,37,57,.5);font-size:.9375em}input[type=email][data-v-4d66f24b]::placeholder,input[type=number][data-v-4d66f24b]::placeholder,input[type=password][data-v-4d66f24b]::placeholder,input[type=text][data-v-4d66f24b]::placeholder,textarea[data-v-4d66f24b]::placeholder{color:rgba(27,37,57,.5);font-size:.9375em}input[type=email][data-v-4d66f24b]:focus,input[type=number][data-v-4d66f24b]:focus,input[type=password][data-v-4d66f24b]:focus,input[type=text][data-v-4d66f24b]:focus,textarea[data-v-4d66f24b]:focus{border-color:#00bc7e;box-shadow:0 1px 5px rgba(0,188,126,.3)}input[type=email][disabled][data-v-4d66f24b],input[type=number][disabled][data-v-4d66f24b],input[type=password][disabled][data-v-4d66f24b],input[type=text][disabled][data-v-4d66f24b],textarea[disabled][data-v-4d66f24b]{background:#fff;color:rgba(27,37,57,.8);-webkit-text-fill-color:rgba(27,37,57,.8);opacity:1;cursor:not-allowed}.additional-link[data-v-4d66f24b]{font-size:1em;margin-top:50px;display:block;color:#1b2539}.additional-link a[data-v-4d66f24b],.additional-link b[data-v-4d66f24b]{color:#00bc7e;cursor:pointer}.additional-link a[data-v-4d66f24b]:hover,.additional-link b[data-v-4d66f24b]:hover{text-decoration:underline}@media only screen and (max-width:1024px){.form[data-v-4d66f24b]{max-width:100%}}@media only screen and (max-width:960px){.form .button[data-v-4d66f24b]{margin-top:20px;width:100%;margin-left:0;margin-right:0}.form input[data-v-4d66f24b],.form textarea[data-v-4d66f24b]{width:100%;min-width:100%}.form.block-form .block-wrapper[data-v-4d66f24b]{display:block}.form.block-form .block-wrapper label[data-v-4d66f24b]{width:100%;padding-right:0;display:block;margin-bottom:7px;text-align:left!important;font-size:.875em;padding-top:0}.form.block-form .button[data-v-4d66f24b]{margin-top:25px;margin-left:0;margin-right:0}.form.inline-form[data-v-4d66f24b]{display:block}.form.inline-form .input-wrapper .error-message[data-v-4d66f24b]{position:relative;bottom:0}.form .button[data-v-4d66f24b]{padding:14px 32px}.single-line-form[data-v-4d66f24b]{display:block}.single-line-form .submit-button[data-v-4d66f24b]{margin-left:0;margin-top:20px;width:100%}input[type=email][data-v-4d66f24b],input[type=number][data-v-4d66f24b],input[type=password][data-v-4d66f24b],input[type=text][data-v-4d66f24b],textarea[data-v-4d66f24b]{padding:14px 20px}}@media only screen and (max-width:690px){.form.block-form .wrapper-inline[data-v-4d66f24b]{display:block}}@media (prefers-color-scheme:dark){.form .input-help[data-v-4d66f24b]{color:#7d858c}.form.block-form .block-wrapper label[data-v-4d66f24b],.form .inline-wrapper .switch-label .input-label[data-v-4d66f24b]{color:#bec6cf}input[type=email][data-v-4d66f24b],input[type=number][data-v-4d66f24b],input[type=password][data-v-4d66f24b],input[type=text][data-v-4d66f24b],textarea[data-v-4d66f24b]{border-color:#1e2024;background:#1e2024;color:#bec6cf}input[type=email][data-v-4d66f24b]::-moz-placeholder,input[type=number][data-v-4d66f24b]::-moz-placeholder,input[type=password][data-v-4d66f24b]::-moz-placeholder,input[type=text][data-v-4d66f24b]::-moz-placeholder,textarea[data-v-4d66f24b]::-moz-placeholder{color:#7d858c}input[type=email][data-v-4d66f24b]:-ms-input-placeholder,input[type=number][data-v-4d66f24b]:-ms-input-placeholder,input[type=password][data-v-4d66f24b]:-ms-input-placeholder,input[type=text][data-v-4d66f24b]:-ms-input-placeholder,textarea[data-v-4d66f24b]:-ms-input-placeholder{color:#7d858c}input[type=email][data-v-4d66f24b]::placeholder,input[type=number][data-v-4d66f24b]::placeholder,input[type=password][data-v-4d66f24b]::placeholder,input[type=text][data-v-4d66f24b]::placeholder,textarea[data-v-4d66f24b]::placeholder{color:#7d858c}input[type=email][disabled][data-v-4d66f24b],input[type=number][disabled][data-v-4d66f24b],input[type=password][disabled][data-v-4d66f24b],input[type=text][disabled][data-v-4d66f24b],textarea[disabled][data-v-4d66f24b]{background:#1e2024;color:rgba(125,133,140,.8);-webkit-text-fill-color:rgba(125,133,140,.8)}}.register-card[data-v-4d66f24b]{margin-bottom:25px}.stripe-card[data-v-4d66f24b]{box-sizing:border-box;padding:13px 20px;border:1px solid transparent;border-radius:4px;background-color:#fff;box-shadow:0 1px 3px 0 #e6ebf1;transition:box-shadow .15s ease}.stripe-card[data-v-4d66f24b]:not(.StripeElement){background:#f4f5f6;padding:14px 20px}.stripe-card:not(.StripeElement) .loading[data-v-4d66f24b]{font-size:.875em;font-weight:700}.stripe-card.is-error[data-v-4d66f24b]{box-shadow:0 0 7px rgba(253,57,122,.3);border:2px solid #fd397a;border-radius:4px}.stripe-card.StripeElement--focus[data-v-4d66f24b]{box-shadow:0 1px 3px 0 #cfd7df}.stripe-card.StripeElement--invalid[data-v-4d66f24b]{border-color:#fa755a}.stripe-card.StripeElement--webkit-autofill[data-v-4d66f24b]{background-color:#fefde5!important}.stripe-card iframe .InputContainer .InputElement[data-v-4d66f24b]{color:#fff}.card-error-message[data-v-4d66f24b]{padding-top:10px}.card-error-message a[data-v-4d66f24b],.card-error-message span[data-v-4d66f24b]{font-size:.875em;font-weight:600;color:#fd397a}.card-error-message .link[data-v-4d66f24b],.card-error-message a[data-v-4d66f24b]{text-decoration:underline;cursor:pointer}.card-error-message .link[data-v-4d66f24b]:hover,.card-error-message a[data-v-4d66f24b]:hover{text-decoration:none}",""])},lig4:function(t,e,a){(t.exports=a("I1BE")(!1)).push([t.i,".form-label[data-v-c1157a8e]{display:flex;align-items:center;margin-bottom:30px}.form-label .icon[data-v-c1157a8e]{margin-right:10px}.form-label .icon path[data-v-c1157a8e]{stroke:#00bc7e}.form-label .label[data-v-c1157a8e]{font-size:1.125em;font-weight:700}@media (prefers-color-scheme:dark){.form-label .label[data-v-c1157a8e]{color:#bec6cf}}",""])},oDxr:function(t,e,a){(t.exports=a("I1BE")(!1)).push([t.i,".page-tab-group[data-v-1bb470e4]{margin-bottom:65px}",""])},qefO:function(t,e,a){"use strict";var r={name:"PageTab",props:["isLoading"],components:{Spinner:a("zTYo").a}},o=(a("5pbA"),a("KHd+")),i=Object(o.a)(r,(function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"page-tab"},[e("div",{directives:[{name:"show",rawName:"v-show",value:this.isLoading,expression:"isLoading"}],attrs:{id:"loader"}},[e("Spinner")],1),this._v(" "),this._t("default")],2)}),[],!1,null,"4339da66",null);e.a=i.exports},yI2c:function(t,e,a){"use strict";var r=a("zlQ3");a.n(r).a},ydEr:function(t,e,a){(t.exports=a("I1BE")(!1)).push([t.i,".info-box[data-v-bf43be5e]{padding:20px;border-radius:8px;margin-bottom:32px;background:#f4f5f6;text-align:left}.info-box.error[data-v-bf43be5e]{background:rgba(253,57,122,.1)}.info-box.error a[data-v-bf43be5e],.info-box.error p[data-v-bf43be5e]{color:#fd397a}.info-box.error a[data-v-bf43be5e]{text-decoration:underline}.info-box p[data-v-bf43be5e]{font-size:.9375em;line-height:1.6;word-break:break-word;font-weight:600}.info-box p[data-v-bf43be5e] a{color:#00bc7e}.info-box a[data-v-bf43be5e],.info-box b[data-v-bf43be5e]{font-weight:700;color:#00bc7e}.info-box a[data-v-bf43be5e]{font-size:.9375em;line-height:1.6}.info-box ul[data-v-bf43be5e]{margin-top:15px}.info-box ul[data-v-bf43be5e],.info-box ul li[data-v-bf43be5e],.info-box ul li a[data-v-bf43be5e]{display:block}@media only screen and (max-width:690px){.info-box[data-v-bf43be5e]{padding:15px}}@media (prefers-color-scheme:dark){.info-box[data-v-bf43be5e]{background:#1e2024}.info-box p[data-v-bf43be5e],.info-box ul li[data-v-bf43be5e]{color:#bec6cf}}",""])},zlQ3:function(t,e,a){var r=a("oDxr");"string"==typeof r&&(r=[[t.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};a("aET+")(r,o);r.locals&&(t.exports=r.locals)}}]);