Files
vuefilemanager/public/chunks/settings-create-payment-methods.js
2021-02-07 11:21:51 +01:00

1 line
18 KiB
JavaScript
Vendored

(window.webpackJsonp=window.webpackJsonp||[]).push([[36],{"+t0u":function(t,e,a){var n=a("QO4y");"string"==typeof n&&(n=[[t.i,n,""]]);var r={hmr:!0,transform:void 0,insertInto:void 0};a("aET+")(n,r);n.locals&&(t.exports=n.locals)},"5pbA":function(t,e,a){"use strict";var n=a("+t0u");a.n(n).a},Idvm:function(t,e,a){var n=a("lig4");"string"==typeof n&&(n=[[t.i,n,""]]);var r={hmr:!0,transform:void 0,insertInto:void 0};a("aET+")(n,r);n.locals&&(t.exports=n.locals)},L7Ue:function(t,e,a){"use strict";var n=a("NvmD");a.n(n).a},NvmD:function(t,e,a){var n=a("hURb");"string"==typeof n&&(n=[[t.i,n,""]]);var r={hmr:!0,transform:void 0,insertInto:void 0};a("aET+")(n,r);n.locals&&(t.exports=n.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 n=a("o0o1"),r=a.n(n),d=a("gahf"),i=a("xxrA"),o=a("eZ9V"),p=a("Nv84"),s=a("qefO"),l=a("KnjL"),b=a("L2JU"),c=a("xCqy"),f=a("vDqi"),u=a.n(f);function m(t,e,a,n,r,d,i){try{var o=t[d](i),p=o.value}catch(t){return void a(t)}o.done?e(p):Promise.resolve(p).then(n,r)}function v(t,e){var a=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),a.push.apply(a,n)}return a}function h(t,e,a){return e in t?Object.defineProperty(t,e,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[e]=a,t}var x=void 0,g=void 0,y={name:"CreatePaymentMethod",components:{PageTabGroup:d.a,SwitchInput:i.a,ButtonBase:p.a,FormLabel:o.a,PageTab:s.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){h(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=r.a.mark((function t(){var a,n,d;return r.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(x||g||e.$refs.stripeCard.classList.contains("StripeElement")){t.next=2;break}return t.abrupt("return");case 2:return e.isSubmitted=!0,t.next=5,x.confirmCardSetup(e.clientSecret,{payment_method:{card:g}});case 5:a=t.sent,n=a.setupIntent,d=a.error,n&&u.a.post("/api/user/payment-cards",{token:n.payment_method,default:e.defaultPaymentMethod}).then((function(){c.a.$emit("toaster",{type:"success",message:e.$t("toaster.card_new_add")}),e.$router.push({name:"PaymentMethods"})})).catch((function(){c.a.$emit("alert:open",{title:e.$t("popup_error.title"),message:e.$t("popup_error.message")})})).finally((function(){e.isSubmitted=!1})),d&&(e.isError=!0,e.isSubmitted=!1,e.errorMessage=d.message);case 10:case"end":return t.stop()}}),t)})),function(){var e=this,a=arguments;return new Promise((function(n,r){var d=t.apply(e,a);function i(t){m(d,n,r,i,o,"next",t)}function o(t){m(d,n,r,i,o,"throw",t)}i(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,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+")),k=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=k.exports},Xk6H:function(t,e,a){"use strict";var n=a("Idvm");a.n(n).a},eZ9V:function(t,e,a){"use strict";var n={name:"FormLabel",components:{Edit2Icon:a("CjXH").q}},r=(a("Xk6H"),a("KHd+")),d=Object(r.a)(n,(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=d.exports},gahf:function(t,e,a){"use strict";var n={name:"PageTabGroup"},r=(a("yI2c"),a("KHd+")),d=Object(r.a)(n,(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=d.exports},hURb:function(t,e,a){(t.exports=a("I1BE")(!1)).push([t.i,'.form[data-v-4d66f24b] {\n max-width: 700px;\n}\n.form.inline-form[data-v-4d66f24b] {\n display: flex;\n position: relative;\n justify-content: center;\n margin: 0 auto;\n}\n.form.inline-form .input-wrapper[data-v-4d66f24b] {\n position: relative;\n}\n.form.inline-form .input-wrapper .error-message[data-v-4d66f24b] {\n position: absolute;\n left: 0;\n bottom: -25px;\n}\n.form.block-form .wrapper-inline[data-v-4d66f24b] {\n display: flex;\n margin: 0 -15px;\n}\n.form.block-form .wrapper-inline .block-wrapper[data-v-4d66f24b] {\n width: 100%;\n padding: 0 15px;\n}\n.form.block-form .block-wrapper[data-v-4d66f24b] {\n margin-bottom: 32px;\n}\n.form.block-form .block-wrapper label[data-v-4d66f24b] {\n font-size: 0.875em;\n color: rgba(27, 37, 57, 0.8);\n font-weight: 700;\n display: block;\n margin-bottom: 7px;\n text-align: left;\n}\n.form.block-form .block-wrapper[data-v-4d66f24b]:last-child {\n margin-bottom: 0;\n}\n.form.block-form .button[data-v-4d66f24b] {\n margin-top: 50px;\n}\n.form .inline-wrapper[data-v-4d66f24b] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.form .inline-wrapper .switch-label .input-help[data-v-4d66f24b] {\n padding-top: 0;\n}\n.form .inline-wrapper .switch-label .input-label[data-v-4d66f24b] {\n font-weight: 700;\n color: #1B2539;\n font-size: 1em;\n margin-bottom: 5px;\n}\n.form .input-help[data-v-4d66f24b] {\n font-size: 0.75em;\n color: rgba(27, 37, 57, 0.7);\n line-height: 1.35;\n padding-top: 10px;\n display: block;\n}\n.single-line-form[data-v-4d66f24b] {\n display: flex;\n}\n.single-line-form .submit-button[data-v-4d66f24b] {\n margin-left: 20px;\n}\n.error-message[data-v-4d66f24b] {\n font-size: 0.875em;\n color: #fd397a;\n padding-top: 5px;\n display: block;\n text-align: left;\n}\ntextarea[data-v-4d66f24b] {\n width: 100%;\n}\ntextarea[data-v-4d66f24b],\ninput[type="password"][data-v-4d66f24b],\ninput[type="text"][data-v-4d66f24b],\ninput[type="number"][data-v-4d66f24b],\ninput[type="email"][data-v-4d66f24b] {\n border: 1px solid transparent;\n transition: 150ms all ease;\n font-size: 1em;\n border-radius: 8px;\n padding: 13px 20px;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n font-weight: 700;\n outline: 0;\n width: 100%;\n box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);\n}\ntextarea.is-error[data-v-4d66f24b],\ninput[type="password"].is-error[data-v-4d66f24b],\ninput[type="text"].is-error[data-v-4d66f24b],\ninput[type="number"].is-error[data-v-4d66f24b],\ninput[type="email"].is-error[data-v-4d66f24b] {\n border-color: #fd397a;\n box-shadow: 0 1px 5px rgba(253, 57, 122, 0.3);\n}\ntextarea[data-v-4d66f24b]::-webkit-input-placeholder, input[type="password"][data-v-4d66f24b]::-webkit-input-placeholder, input[type="text"][data-v-4d66f24b]::-webkit-input-placeholder, input[type="number"][data-v-4d66f24b]::-webkit-input-placeholder, input[type="email"][data-v-4d66f24b]::-webkit-input-placeholder {\n color: rgba(27, 37, 57, 0.5);\n font-size: 0.9375em;\n}\ntextarea[data-v-4d66f24b]::-moz-placeholder, input[type="password"][data-v-4d66f24b]::-moz-placeholder, input[type="text"][data-v-4d66f24b]::-moz-placeholder, input[type="number"][data-v-4d66f24b]::-moz-placeholder, input[type="email"][data-v-4d66f24b]::-moz-placeholder {\n color: rgba(27, 37, 57, 0.5);\n font-size: 0.9375em;\n}\ntextarea[data-v-4d66f24b]:-ms-input-placeholder, input[type="password"][data-v-4d66f24b]:-ms-input-placeholder, input[type="text"][data-v-4d66f24b]:-ms-input-placeholder, input[type="number"][data-v-4d66f24b]:-ms-input-placeholder, input[type="email"][data-v-4d66f24b]:-ms-input-placeholder {\n color: rgba(27, 37, 57, 0.5);\n font-size: 0.9375em;\n}\ntextarea[data-v-4d66f24b]::-ms-input-placeholder, input[type="password"][data-v-4d66f24b]::-ms-input-placeholder, input[type="text"][data-v-4d66f24b]::-ms-input-placeholder, input[type="number"][data-v-4d66f24b]::-ms-input-placeholder, input[type="email"][data-v-4d66f24b]::-ms-input-placeholder {\n color: rgba(27, 37, 57, 0.5);\n font-size: 0.9375em;\n}\ntextarea[data-v-4d66f24b]::placeholder,\ninput[type="password"][data-v-4d66f24b]::placeholder,\ninput[type="text"][data-v-4d66f24b]::placeholder,\ninput[type="number"][data-v-4d66f24b]::placeholder,\ninput[type="email"][data-v-4d66f24b]::placeholder {\n color: rgba(27, 37, 57, 0.5);\n font-size: 0.9375em;\n}\ntextarea[data-v-4d66f24b]:focus,\ninput[type="password"][data-v-4d66f24b]:focus,\ninput[type="text"][data-v-4d66f24b]:focus,\ninput[type="number"][data-v-4d66f24b]:focus,\ninput[type="email"][data-v-4d66f24b]:focus {\n border-color: #00BC7E;\n box-shadow: 0 1px 5px rgba(0, 188, 126, 0.3);\n}\ntextarea[disabled][data-v-4d66f24b],\ninput[type="password"][disabled][data-v-4d66f24b],\ninput[type="text"][disabled][data-v-4d66f24b],\ninput[type="number"][disabled][data-v-4d66f24b],\ninput[type="email"][disabled][data-v-4d66f24b] {\n background: white;\n color: rgba(27, 37, 57, 0.8);\n -webkit-text-fill-color: rgba(27, 37, 57, 0.8);\n opacity: 1;\n cursor: not-allowed;\n}\n.additional-link[data-v-4d66f24b] {\n font-size: 1em;\n margin-top: 50px;\n display: block;\n color: #1B2539;\n}\n.additional-link b[data-v-4d66f24b], .additional-link a[data-v-4d66f24b] {\n color: #00BC7E;\n cursor: pointer;\n}\n.additional-link b[data-v-4d66f24b]:hover, .additional-link a[data-v-4d66f24b]:hover {\n text-decoration: underline;\n}\n@media only screen and (max-width: 1024px) {\n.form[data-v-4d66f24b] {\n max-width: 100%;\n}\n}\n@media only screen and (max-width: 960px) {\n.form .button[data-v-4d66f24b] {\n margin-top: 20px;\n width: 100%;\n margin-left: 0;\n margin-right: 0;\n}\n.form input[data-v-4d66f24b], .form textarea[data-v-4d66f24b] {\n width: 100%;\n min-width: 100%;\n}\n.form.block-form .block-wrapper[data-v-4d66f24b] {\n display: block;\n}\n.form.block-form .block-wrapper label[data-v-4d66f24b] {\n width: 100%;\n padding-right: 0;\n display: block;\n margin-bottom: 7px;\n text-align: left !important;\n font-size: 0.875em;\n padding-top: 0;\n}\n.form.block-form .button[data-v-4d66f24b] {\n margin-top: 25px;\n margin-left: 0;\n margin-right: 0;\n}\n.form.inline-form[data-v-4d66f24b] {\n display: block;\n}\n.form.inline-form .input-wrapper .error-message[data-v-4d66f24b] {\n position: relative;\n bottom: 0;\n}\n.form .button[data-v-4d66f24b] {\n padding: 14px 32px;\n}\n.single-line-form[data-v-4d66f24b] {\n display: block;\n}\n.single-line-form .submit-button[data-v-4d66f24b] {\n margin-left: 0;\n margin-top: 20px;\n width: 100%;\n}\ntextarea[data-v-4d66f24b],\n input[type="password"][data-v-4d66f24b],\n input[type="number"][data-v-4d66f24b],\n input[type="text"][data-v-4d66f24b],\n input[type="email"][data-v-4d66f24b] {\n padding: 14px 20px;\n}\n}\n@media only screen and (max-width: 690px) {\n.form.block-form .wrapper-inline[data-v-4d66f24b] {\n display: block;\n}\n}\n@media (prefers-color-scheme: dark) {\n.form .input-help[data-v-4d66f24b] {\n color: #7d858c;\n}\n.form.block-form .block-wrapper label[data-v-4d66f24b] {\n color: #bec6cf;\n}\n.form .inline-wrapper .switch-label .input-label[data-v-4d66f24b] {\n color: #bec6cf;\n}\ntextarea[data-v-4d66f24b],\n input[type="password"][data-v-4d66f24b],\n input[type="text"][data-v-4d66f24b],\n input[type="number"][data-v-4d66f24b],\n input[type="email"][data-v-4d66f24b] {\n border-color: #1e2024;\n background: #1e2024;\n color: #bec6cf;\n}\ntextarea[data-v-4d66f24b]::-webkit-input-placeholder, input[type="password"][data-v-4d66f24b]::-webkit-input-placeholder, input[type="text"][data-v-4d66f24b]::-webkit-input-placeholder, input[type="number"][data-v-4d66f24b]::-webkit-input-placeholder, input[type="email"][data-v-4d66f24b]::-webkit-input-placeholder {\n color: #7d858c;\n}\ntextarea[data-v-4d66f24b]::-moz-placeholder, input[type="password"][data-v-4d66f24b]::-moz-placeholder, input[type="text"][data-v-4d66f24b]::-moz-placeholder, input[type="number"][data-v-4d66f24b]::-moz-placeholder, input[type="email"][data-v-4d66f24b]::-moz-placeholder {\n color: #7d858c;\n}\ntextarea[data-v-4d66f24b]:-ms-input-placeholder, input[type="password"][data-v-4d66f24b]:-ms-input-placeholder, input[type="text"][data-v-4d66f24b]:-ms-input-placeholder, input[type="number"][data-v-4d66f24b]:-ms-input-placeholder, input[type="email"][data-v-4d66f24b]:-ms-input-placeholder {\n color: #7d858c;\n}\ntextarea[data-v-4d66f24b]::-ms-input-placeholder, input[type="password"][data-v-4d66f24b]::-ms-input-placeholder, input[type="text"][data-v-4d66f24b]::-ms-input-placeholder, input[type="number"][data-v-4d66f24b]::-ms-input-placeholder, input[type="email"][data-v-4d66f24b]::-ms-input-placeholder {\n color: #7d858c;\n}\ntextarea[data-v-4d66f24b]::placeholder,\n input[type="password"][data-v-4d66f24b]::placeholder,\n input[type="text"][data-v-4d66f24b]::placeholder,\n input[type="number"][data-v-4d66f24b]::placeholder,\n input[type="email"][data-v-4d66f24b]::placeholder {\n color: #7d858c;\n}\ntextarea[disabled][data-v-4d66f24b],\n input[type="password"][disabled][data-v-4d66f24b],\n input[type="text"][disabled][data-v-4d66f24b],\n input[type="number"][disabled][data-v-4d66f24b],\n input[type="email"][disabled][data-v-4d66f24b] {\n background: #1e2024;\n color: rgba(125, 133, 140, 0.8);\n -webkit-text-fill-color: rgba(125, 133, 140, 0.8);\n}\n}\n.register-card[data-v-4d66f24b] {\n margin-bottom: 25px;\n}\n.stripe-card[data-v-4d66f24b] {\n box-sizing: border-box;\n padding: 13px 20px;\n border: 1px solid transparent;\n border-radius: 4px;\n background-color: white;\n box-shadow: 0 1px 3px 0 #e6ebf1;\n transition: box-shadow 150ms ease;\n}\n.stripe-card[data-v-4d66f24b]:not(.StripeElement) {\n background: #f4f5f6;\n padding: 14px 20px;\n}\n.stripe-card:not(.StripeElement) .loading[data-v-4d66f24b] {\n font-size: 0.875em;\n font-weight: 700;\n}\n.stripe-card.is-error[data-v-4d66f24b] {\n box-shadow: 0 0 7px rgba(253, 57, 122, 0.3);\n border: 2px solid #fd397a;\n border-radius: 4px;\n}\n.stripe-card.StripeElement--focus[data-v-4d66f24b] {\n box-shadow: 0 1px 3px 0 #cfd7df;\n}\n.stripe-card.StripeElement--invalid[data-v-4d66f24b] {\n border-color: #fa755a;\n}\n.stripe-card.StripeElement--webkit-autofill[data-v-4d66f24b] {\n background-color: #fefde5 !important;\n}\n.stripe-card iframe .InputContainer .InputElement[data-v-4d66f24b] {\n color: white;\n}\n.card-error-message[data-v-4d66f24b] {\n padding-top: 10px;\n}\n.card-error-message span[data-v-4d66f24b], .card-error-message a[data-v-4d66f24b] {\n font-size: 0.875em;\n font-weight: 600;\n color: #fd397a;\n}\n.card-error-message .link[data-v-4d66f24b], .card-error-message a[data-v-4d66f24b] {\n text-decoration: underline;\n cursor: pointer;\n}\n.card-error-message .link[data-v-4d66f24b]:hover, .card-error-message a[data-v-4d66f24b]:hover {\n text-decoration: none;\n}\n',""])},lig4:function(t,e,a){(t.exports=a("I1BE")(!1)).push([t.i,".form-label[data-v-c1157a8e] {\n display: flex;\n align-items: center;\n margin-bottom: 30px;\n}\n.form-label .icon[data-v-c1157a8e] {\n margin-right: 10px;\n}\n.form-label .icon path[data-v-c1157a8e] {\n stroke: #00BC7E;\n}\n.form-label .label[data-v-c1157a8e] {\n font-size: 1.125em;\n font-weight: 700;\n}\n@media (prefers-color-scheme: dark) {\n.form-label .label[data-v-c1157a8e] {\n color: #bec6cf;\n}\n}\n",""])},oDxr:function(t,e,a){(t.exports=a("I1BE")(!1)).push([t.i,".page-tab-group[data-v-1bb470e4] {\n margin-bottom: 65px;\n}\n",""])},qefO:function(t,e,a){"use strict";var n={name:"PageTab",props:["isLoading"],components:{Spinner:a("zTYo").a}},r=(a("5pbA"),a("KHd+")),d=Object(r.a)(n,(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=d.exports},yI2c:function(t,e,a){"use strict";var n=a("zlQ3");a.n(n).a},zlQ3:function(t,e,a){var n=a("oDxr");"string"==typeof n&&(n=[[t.i,n,""]]);var r={hmr:!0,transform:void 0,insertInto:void 0};a("aET+")(n,r);n.locals&&(t.exports=n.locals)}}]);