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

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