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

(window.webpackJsonp=window.webpackJsonp||[]).push([[46],{"1L+q":function(a,t,e){"use strict";e("4EzG")},"3sV/":function(a,t,e){(a.exports=e("I1BE")(!1)).push([a.i,".page-tab-group[data-v-445d3e0e]{margin-bottom:65px}",""])},"4EzG":function(a,t,e){var r=e("jexE");"string"==typeof r&&(r=[[a.i,r,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};e("aET+")(r,i);r.locals&&(a.exports=r.locals)},"5hN9":function(a,t,e){(a.exports=e("I1BE")(!1)).push([a.i,"",""])},"8N1S":function(a,t,e){var r=e("3sV/");"string"==typeof r&&(r=[[a.i,r,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};e("aET+")(r,i);r.locals&&(a.exports=r.locals)},"9sCX":function(a,t,e){"use strict";e("8N1S")},BfOa:function(a,t,e){var r=e("5hN9");"string"==typeof r&&(r=[[a.i,r,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};e("aET+")(r,i);r.locals&&(a.exports=r.locals)},Daia:function(a,t,e){(a.exports=e("I1BE")(!1)).push([a.i,".form[data-v-a9719364]{max-width:700px}.form.inline-form[data-v-a9719364]{display:flex;position:relative;justify-content:center;margin:0 auto}.form.inline-form .input-wrapper[data-v-a9719364]{position:relative}.form.inline-form .input-wrapper .error-message[data-v-a9719364]{position:absolute;left:0;bottom:-25px}.form.block-form .wrapper-inline[data-v-a9719364]{display:flex;margin:0 -15px}.form.block-form .wrapper-inline .block-wrapper[data-v-a9719364]{width:100%;padding:0 15px}.form.block-form .block-wrapper[data-v-a9719364]{margin-bottom:32px}.form.block-form .block-wrapper label[data-v-a9719364]{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-a9719364]:last-child{margin-bottom:0}.form.block-form .button[data-v-a9719364]{margin-top:50px}.form .inline-wrapper[data-v-a9719364]{display:flex;align-items:center;justify-content:space-between}.form .inline-wrapper .switch-label .input-help[data-v-a9719364]{padding-top:0}.form .inline-wrapper .switch-label .input-label[data-v-a9719364]{font-weight:700;color:#1b2539;font-size:1em;margin-bottom:5px}.form .input-help[data-v-a9719364]{font-size:.75em;color:rgba(27,37,57,.7);line-height:1.35;padding-top:10px;display:block}.single-line-form[data-v-a9719364]{display:flex}.single-line-form .submit-button[data-v-a9719364]{margin-left:20px}.error-message[data-v-a9719364]{font-size:.875em;color:#fd397a;padding-top:5px;display:block;text-align:left}textarea[data-v-a9719364]{width:100%}input[type=email][data-v-a9719364],input[type=number][data-v-a9719364],input[type=password][data-v-a9719364],input[type=text][data-v-a9719364],textarea[data-v-a9719364]{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-a9719364],input[type=number].is-error[data-v-a9719364],input[type=password].is-error[data-v-a9719364],input[type=text].is-error[data-v-a9719364],textarea.is-error[data-v-a9719364]{border-color:#fd397a}input[type=email][data-v-a9719364]::-moz-placeholder,input[type=number][data-v-a9719364]::-moz-placeholder,input[type=password][data-v-a9719364]::-moz-placeholder,input[type=text][data-v-a9719364]::-moz-placeholder,textarea[data-v-a9719364]::-moz-placeholder{color:rgba(27,37,57,.5);font-size:.9375em}input[type=email][data-v-a9719364]:-ms-input-placeholder,input[type=number][data-v-a9719364]:-ms-input-placeholder,input[type=password][data-v-a9719364]:-ms-input-placeholder,input[type=text][data-v-a9719364]:-ms-input-placeholder,textarea[data-v-a9719364]:-ms-input-placeholder{color:rgba(27,37,57,.5);font-size:.9375em}input[type=email][data-v-a9719364]::placeholder,input[type=number][data-v-a9719364]::placeholder,input[type=password][data-v-a9719364]::placeholder,input[type=text][data-v-a9719364]::placeholder,textarea[data-v-a9719364]::placeholder{color:rgba(27,37,57,.5);font-size:.9375em}input[type=email][disabled][data-v-a9719364],input[type=number][disabled][data-v-a9719364],input[type=password][disabled][data-v-a9719364],input[type=text][disabled][data-v-a9719364],textarea[disabled][data-v-a9719364]{background:#fff;color:rgba(27,37,57,.8);-webkit-text-fill-color:rgba(27,37,57,.8);opacity:1;cursor:not-allowed}input[type=color][data-v-a9719364]{width:38px!important;height:40px;border:none;outline:none;background:none;min-width:0!important}.additional-link[data-v-a9719364]{font-size:1em;margin-top:50px;display:block}.additional-link a[data-v-a9719364],.additional-link b[data-v-a9719364]{cursor:pointer}.additional-link a[data-v-a9719364]:hover,.additional-link b[data-v-a9719364]:hover{text-decoration:underline}@media only screen and (max-width:1024px){.form[data-v-a9719364]{max-width:100%}}@media only screen and (max-width:960px){.form .button[data-v-a9719364]{margin-top:20px;width:100%;margin-left:0;margin-right:0}.form input[data-v-a9719364],.form textarea[data-v-a9719364]{width:100%;min-width:100%}.form.block-form .block-wrapper[data-v-a9719364]{display:block}.form.block-form .block-wrapper label[data-v-a9719364]{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-a9719364]{margin-top:25px;margin-left:0;margin-right:0}.form.inline-form[data-v-a9719364]{display:block}.form.inline-form .input-wrapper .error-message[data-v-a9719364]{position:relative;bottom:0}.form .button[data-v-a9719364]{padding:14px 32px}.single-line-form[data-v-a9719364]{display:block}.single-line-form .submit-button[data-v-a9719364]{margin-left:0;margin-top:20px;width:100%}input[type=email][data-v-a9719364],input[type=number][data-v-a9719364],input[type=password][data-v-a9719364],input[type=text][data-v-a9719364],textarea[data-v-a9719364]{padding:14px 20px}}@media only screen and (max-width:690px){.form.block-form .wrapper-inline[data-v-a9719364]{display:block}}@media (prefers-color-scheme:dark){.form .input-help[data-v-a9719364]{color:#7d858c}.form.block-form .block-wrapper label[data-v-a9719364],.form .inline-wrapper .switch-label .input-label[data-v-a9719364]{color:#bec6cf}input[type=email][data-v-a9719364],input[type=number][data-v-a9719364],input[type=password][data-v-a9719364],input[type=text][data-v-a9719364],textarea[data-v-a9719364]{border-color:#1e2024;background:#1e2024;color:#bec6cf}input[type=email][data-v-a9719364]::-moz-placeholder,input[type=number][data-v-a9719364]::-moz-placeholder,input[type=password][data-v-a9719364]::-moz-placeholder,input[type=text][data-v-a9719364]::-moz-placeholder,textarea[data-v-a9719364]::-moz-placeholder{color:#7d858c}input[type=email][data-v-a9719364]:-ms-input-placeholder,input[type=number][data-v-a9719364]:-ms-input-placeholder,input[type=password][data-v-a9719364]:-ms-input-placeholder,input[type=text][data-v-a9719364]:-ms-input-placeholder,textarea[data-v-a9719364]:-ms-input-placeholder{color:#7d858c}input[type=email][data-v-a9719364]::placeholder,input[type=number][data-v-a9719364]::placeholder,input[type=password][data-v-a9719364]::placeholder,input[type=text][data-v-a9719364]::placeholder,textarea[data-v-a9719364]::placeholder{color:#7d858c}input[type=email][disabled][data-v-a9719364],input[type=number][disabled][data-v-a9719364],input[type=password][disabled][data-v-a9719364],input[type=text][disabled][data-v-a9719364],textarea[disabled][data-v-a9719364]{background:#1e2024;color:rgba(125,133,140,.8);-webkit-text-fill-color:rgba(125,133,140,.8)}.popup-wrapper input[type=email][data-v-a9719364],.popup-wrapper input[type=number][data-v-a9719364],.popup-wrapper input[type=password][data-v-a9719364],.popup-wrapper input[type=text][data-v-a9719364],.popup-wrapper textarea[data-v-a9719364]{background:#25272c}}.register-card[data-v-a9719364]{margin-bottom:25px}.stripe-card[data-v-a9719364]{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-a9719364]:not(.StripeElement){background:#f4f5f6;padding:14px 20px}.stripe-card:not(.StripeElement) .loading[data-v-a9719364]{font-size:.875em;font-weight:700}.stripe-card.is-error[data-v-a9719364]{box-shadow:0 0 7px rgba(253,57,122,.3);border:2px solid #fd397a;border-radius:4px}.stripe-card.StripeElement--focus[data-v-a9719364]{box-shadow:0 1px 3px 0 #cfd7df}.stripe-card.StripeElement--invalid[data-v-a9719364]{border-color:#fa755a}.stripe-card.StripeElement--webkit-autofill[data-v-a9719364]{background-color:#fefde5!important}.stripe-card iframe .InputContainer .InputElement[data-v-a9719364]{color:#fff}.card-error-message[data-v-a9719364]{padding-top:10px}.card-error-message a[data-v-a9719364],.card-error-message span[data-v-a9719364]{font-size:.875em;font-weight:600;color:#fd397a}.card-error-message .link[data-v-a9719364],.card-error-message a[data-v-a9719364]{text-decoration:underline;cursor:pointer}.card-error-message .link[data-v-a9719364]:hover,.card-error-message a[data-v-a9719364]:hover{text-decoration:none}",""])},DwNM:function(a,t,e){var r=e("Daia");"string"==typeof r&&(r=[[a.i,r,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};e("aET+")(r,i);r.locals&&(a.exports=r.locals)},"H++a":function(a,t,e){"use strict";e("DwNM")},KnjL:function(a,t,e){"use strict";var r={name:"InfoBox",props:["type"]},i=(e("pFam"),e("KHd+")),o=Object(i.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,"8e7c42f6",null);t.a=o.exports},LedX:function(a,t,e){"use strict";e("WEWl")},"Qqv+":function(a,t,e){var r=e("biqn");"string"==typeof r&&(r=[[a.i,r,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};e("aET+")(r,i);r.locals&&(a.exports=r.locals)},V8xj:function(a,t,e){"use strict";e.r(t);var r=e("o0o1"),i=e.n(r),o=e("gahf"),n=e("xxrA"),s=e("eZ9V"),p=e("Nv84"),d=e("qefO"),l=e("KnjL"),c=e("L2JU"),u=e("xCqy"),f=e("vDqi"),m=e.n(f);function v(a,t,e,r,i,o,n){try{var s=a[o](n),p=s.value}catch(a){return void e(a)}s.done?t(p):Promise.resolve(p).then(r,i)}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 h(a,t,e){return t in a?Object.defineProperty(a,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):a[t]=e,a}var x=void 0,g=void 0,w={name:"CreatePaymentMethod",components:{PageTabGroup:o.a,SwitchInput:n.a,ButtonBase:p.a,FormLabel:s.a,PageTab:d.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){h(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=i.a.mark((function a(){var e,r,o;return i.a.wrap((function(a){for(;;)switch(a.prev=a.next){case 0:if(x||g||t.$refs.stripeCard.classList.contains("StripeElement")){a.next=2;break}return a.abrupt("return");case 2:return t.isSubmitted=!0,a.next=5,x.confirmCardSetup(t.clientSecret,{payment_method:{card:g}});case 5:e=a.sent,r=e.setupIntent,o=e.error,r&&m.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})),o&&(t.isError=!0,t.isSubmitted=!1,t.errorMessage=o.message);case 10:case"end":return a.stop()}}),a)})),function(){var t=this,e=arguments;return new Promise((function(r,i){var o=a.apply(t,e);function n(a){v(o,r,i,n,s,"next",a)}function s(a){v(o,r,i,n,s,"throw",a)}n(void 0)}))})()},initStripe:function(){var a=(x=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),m.a.get("/api/user/subscription/setup-intent").then((function(t){a.clientSecret=t.data.client_secret,a.initStripe()}))}},y=(e("H++a"),e("KHd+")),_=Object(y.a)(w,(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"},[a.config.isDemo||a.config.isDev?e("InfoBox",[e("p",[a._v("For test your payment please use "),e("b",{staticClass:"text-theme"},[a._v("4242 4242 4242 4242")]),a._v(" or "),e("b",{staticClass:"text-theme"},[a._v("5555 5555 5555 4444")]),a._v(" as a card number, "),e("b",{staticClass:"text-theme"},[a._v("11/22")]),a._v("\n                        as the expiration date and "),e("b",{staticClass:"text-theme"},[a._v("123")]),a._v(" as CVC number and ZIP "),e("b",{staticClass:"text-theme"},[a._v("12345")]),a._v(".")])]):a._e(),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,"a9719364",null);t.default=_.exports},WEWl:function(a,t,e){var r=e("sGz8");"string"==typeof r&&(r=[[a.i,r,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};e("aET+")(r,i);r.locals&&(a.exports=r.locals)},biqn:function(a,t,e){(a.exports=e("I1BE")(!1)).push([a.i,".info-box[data-v-8e7c42f6]{padding:20px;border-radius:8px;margin-bottom:32px;background:#f4f5f6;text-align:left}.info-box.error[data-v-8e7c42f6]{background:rgba(253,57,122,.1)}.info-box.error a[data-v-8e7c42f6],.info-box.error p[data-v-8e7c42f6]{color:#fd397a}.info-box.error a[data-v-8e7c42f6]{text-decoration:underline}.info-box p[data-v-8e7c42f6]{line-height:1.6;word-break:break-word;font-weight:600}.info-box p[data-v-8e7c42f6],.info-box p[data-v-8e7c42f6] a{font-size:15px}.info-box p[data-v-8e7c42f6] b{font-size:15px;font-weight:700}.info-box a[data-v-8e7c42f6],.info-box b[data-v-8e7c42f6]{font-weight:700}.info-box a[data-v-8e7c42f6]{font-size:.9375em;line-height:1.6}.info-box ul[data-v-8e7c42f6]{margin-top:15px}.info-box ul[data-v-8e7c42f6],.info-box ul li[data-v-8e7c42f6],.info-box ul li a[data-v-8e7c42f6]{display:block}@media only screen and (max-width:690px){.info-box[data-v-8e7c42f6]{padding:15px}}@media (prefers-color-scheme:dark){.info-box[data-v-8e7c42f6]{background:#1e2024}.info-box p[data-v-8e7c42f6],.info-box ul li[data-v-8e7c42f6]{color:#bec6cf}}",""])},eZ9V:function(a,t,e){"use strict";var r=e("CjXH"),i={name:"FormLabel",props:["icon"],components:{Edit2Icon:r.s,SettingsIcon:r.Z}},o=(e("1L+q"),e("KHd+")),n=Object(o.a)(i,(function(){var a=this.$createElement,t=this._self._c||a;return t("div",{staticClass:"form-label"},[this.icon?this._e():t("edit-2-icon",{staticClass:"icon text-theme",attrs:{size:"22"}}),this._v(" "),"settings"===this.icon?t("settings-icon",{staticClass:"icon text-theme",attrs:{size:"22"}}):this._e(),this._v(" "),t("b",{staticClass:"label"},[this._t("default")],2)],1)}),[],!1,null,"10bcab7e",null);t.a=n.exports},gahf:function(a,t,e){"use strict";var r={name:"PageTabGroup"},i=(e("9sCX"),e("KHd+")),o=Object(i.a)(r,(function(){var a=this.$createElement;return(this._self._c||a)("div",{staticClass:"page-tab-group"},[this._t("default")],2)}),[],!1,null,"445d3e0e",null);t.a=o.exports},hJ7W:function(a,t,e){"use strict";e("BfOa")},jexE:function(a,t,e){(a.exports=e("I1BE")(!1)).push([a.i,".form-label[data-v-10bcab7e]{display:flex;align-items:center;margin-bottom:30px}.form-label .icon[data-v-10bcab7e]{margin-right:10px}.form-label .icon circle[data-v-10bcab7e],.form-label .icon path[data-v-10bcab7e]{color:inherit}.form-label .label[data-v-10bcab7e]{font-size:1.125em;font-weight:700}@media (prefers-color-scheme:dark){.form-label .label[data-v-10bcab7e]{color:#bec6cf}}",""])},pFam:function(a,t,e){"use strict";e("Qqv+")},qefO:function(a,t,e){"use strict";var r={name:"PageTab",props:["isLoading"],components:{Spinner:e("zTYo").a}},i=(e("hJ7W"),e("KHd+")),o=Object(i.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,"71034d34",null);t.a=o.exports},sGz8:function(a,t,e){(a.exports=e("I1BE")(!1)).push([a.i,".input-wrapper[data-v-421ca226]{display:flex;width:100%}.input-wrapper .input-label[data-v-421ca226]{color:#1b2539}.input-wrapper .switch-content[data-v-421ca226]{width:100%}.input-wrapper .switch-content[data-v-421ca226]:last-child{width:80px}.switch[data-v-421ca226]{width:50px;height:28px;background:#f1f1f5;position:relative}.switch[data-v-421ca226],.switch .switch-button[data-v-421ca226]{border-radius:50px;display:block;transition:all .3s ease}.switch .switch-button[data-v-421ca226]{width:22px;height:22px;background:#fff;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px rgba(37,38,94,.1);cursor:pointer}.switch.active .switch-button[data-v-421ca226]{left:25px}@media (prefers-color-scheme:dark){.switch[data-v-421ca226]{background:#1e2024}.popup-wrapper .switch[data-v-421ca226]{background:#25272c}}",""])},xxrA:function(a,t,e){"use strict";var r={name:"SwitchInput",props:["label","name","state","info"],data:function(){return{isSwitched:void 0}},methods:{changeState:function(){this.isSwitched=!this.isSwitched,this.$emit("input",this.isSwitched)}},mounted:function(){this.isSwitched=this.state}},i=(e("LedX"),e("KHd+")),o=Object(i.a)(r,(function(){var a=this,t=a.$createElement,e=a._self._c||t;return e("div",{staticClass:"input-wrapper"},[e("div",{staticClass:"switch-content"},[a.label?e("label",{staticClass:"input-label"},[a._v(a._s(a.label)+":")]):a._e(),a._v(" "),a.info?e("small",{staticClass:"input-info"},[a._v(a._s(a.info))]):a._e()]),a._v(" "),e("div",{staticClass:"switch-content text-right"},[e("div",{staticClass:"switch",class:{active:a.isSwitched},on:{click:a.changeState}},[e("div",{staticClass:"switch-button"})])])])}),[],!1,null,"421ca226",null);t.a=o.exports}}]);