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

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