Files
vuefilemanager/public/chunks/upgrade-billing.js
2021-08-31 16:09:11 +02:00

1 line
48 KiB
JavaScript
Vendored

(window.webpackJsonp=window.webpackJsonp||[]).push([[68],{"+lJL":function(e,t,a){var r=a("CUCI");"string"==typeof r&&(r=[[e.i,r,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};a("aET+")(r,i);r.locals&&(e.exports=r.locals)},"1wHr":function(e,t,a){"use strict";a("aKcM")},"2Sb1":function(e,t,a){"use strict";var r={name:"PageHeader",props:["title","canBack"],components:{ChevronLeftIcon:a("CjXH").h}},i=(a("1wHr"),a("KHd+")),o=Object(i.a)(r,(function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"page-header"},[e.canBack?a("div",{staticClass:"go-back",on:{click:function(t){return e.$router.back()}}},[a("chevron-left-icon",{attrs:{size:"17"}})],1):e._e(),e._v(" "),a("div",{staticClass:"content"},[a("h1",{staticClass:"title"},[e._v(e._s(e.title))])])])}),[],!1,null,"8bbfeb00",null);t.a=o.exports},"4TWA":function(e,t,a){"use strict";var r=a("CjXH"),i=a("LvDl"),o={name:"SelectInput",props:["placeholder","options","isError","default"],components:{Edit2Icon:r.u,UserIcon:r.nb,ChevronDownIcon:r.g},watch:{query:Object(i.debounce)((function(e){this.searchedResults=Object(i.omitBy)(this.options,(function(t){return!t.label.toLowerCase().includes(e.toLowerCase())}))}),200)},computed:{isSearching:function(){return this.searchedResults&&""!==this.query},optionList:function(){return this.isSearching?this.searchedResults:this.options}},data:function(){return{searchedResults:void 0,selected:void 0,isOpen:!1,query:""}},methods:{selectOption:function(e){this.$emit("input",e.value),this.selected=e,this.isOpen=!1},openMenu:function(){var e=this;this.isOpen=!this.isOpen,this.isOpen&&this.$nextTick((function(){return e.$refs.search.focus()}))}},created:function(){var e=this;this.default&&(this.selected=this.options.find((function(t){return t.value===e.default})))}},n=(a("hloS"),a("KHd+")),s=Object(n.a)(o,(function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"select"},[a("div",{staticClass:"input-area",class:{"is-active":e.isOpen,"is-error":e.isError},on:{click:e.openMenu}},[e.selected?a("div",{staticClass:"selected"},[e.selected.icon?a("div",{staticClass:"option-icon"},["user"===e.selected.icon?a("user-icon",{staticClass:"text-theme dark-text-theme",attrs:{size:"14"}}):e._e(),e._v(" "),"user-edit"===e.selected.icon?a("edit2-icon",{staticClass:"text-theme dark-text-theme",attrs:{size:"14"}}):e._e()],1):e._e(),e._v(" "),a("span",{staticClass:"option-value"},[e._v(e._s(e.selected.label))])]):e._e(),e._v(" "),e.selected?e._e():a("div",{staticClass:"not-selected"},[a("span",{staticClass:"option-value placehoder"},[e._v(e._s(e.placeholder))])]),e._v(" "),a("chevron-down-icon",{staticClass:"chevron",attrs:{size:"19"}})],1),e._v(" "),a("transition",{attrs:{name:"slide-in"}},[e.isOpen?a("div",{staticClass:"input-options"},[e.options.length>5?a("div",{staticClass:"select-search"},[a("input",{directives:[{name:"model",rawName:"v-model",value:e.query,expression:"query"}],ref:"search",staticClass:"search-input focus-border-theme",attrs:{type:"text",placeholder:e.$t("select_search_placeholder")},domProps:{value:e.query},on:{input:function(t){t.target.composing||(e.query=t.target.value)}}})]):e._e(),e._v(" "),a("ul",{staticClass:"option-list"},e._l(e.optionList,(function(t,r){return a("li",{key:r,staticClass:"option-item",on:{click:function(a){return e.selectOption(t)}}},[t.icon?a("div",{staticClass:"option-icon"},["user"===t.icon?a("user-icon",{attrs:{size:"14"}}):e._e(),e._v(" "),"user-edit"===t.icon?a("edit2-icon",{attrs:{size:"14"}}):e._e()],1):e._e(),e._v(" "),a("span",{staticClass:"option-value"},[e._v(e._s(t.label))])])})),0)]):e._e()])],1)}),[],!1,null,"97dc0128",null);t.a=s.exports},"55Le":function(e,t,a){"use strict";a("Yg8N")},"5iZi":function(e,t,a){var r=a("lNml");"string"==typeof r&&(r=[[e.i,r,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};a("aET+")(r,i);r.locals&&(e.exports=r.locals)},"7w3u":function(e,t,a){"use strict";a("5iZi")},CUCI:function(e,t,a){(e.exports=a("I1BE")(!1)).push([e.i,".info-box[data-v-9270269e]{padding:20px;border-radius:8px;margin-bottom:32px;background:#f4f5f6;text-align:left}.info-box.error[data-v-9270269e]{background:rgba(253,57,122,.1)}.info-box.error a[data-v-9270269e],.info-box.error p[data-v-9270269e]{color:#fd397a}.info-box.error a[data-v-9270269e]{text-decoration:underline}.info-box p[data-v-9270269e]{line-height:1.6;word-break:break-word;font-weight:600}.info-box p[data-v-9270269e],.info-box p[data-v-9270269e] a{font-size:15px}.info-box p[data-v-9270269e] b{font-size:15px;font-weight:700}.info-box a[data-v-9270269e],.info-box b[data-v-9270269e]{font-weight:700}.info-box a[data-v-9270269e]{font-size:.9375em;line-height:1.6}.info-box ul[data-v-9270269e]{margin-top:15px}.info-box ul[data-v-9270269e],.info-box ul li[data-v-9270269e],.info-box ul li a[data-v-9270269e]{display:block}@media only screen and (max-width:690px){.info-box[data-v-9270269e]{padding:15px}}.dark-mode .info-box[data-v-9270269e]{background:#1e2024}.dark-mode .info-box p[data-v-9270269e],.dark-mode .info-box ul li[data-v-9270269e]{color:#bec6cf}",""])},"D4g/":function(e,t,a){(e.exports=a("I1BE")(!1)).push([e.i,".page-header[data-v-8bbfeb00]{display:flex;align-items:center;background:#fff;z-index:9;width:100%;position:sticky;top:0;padding-top:20px;padding-bottom:20px}.page-header .title[data-v-8bbfeb00]{font-size:1.125em;font-weight:700;color:#1b2539}.page-header .go-back[data-v-8bbfeb00]{margin-right:10px;cursor:pointer}.page-header .go-back svg[data-v-8bbfeb00]{vertical-align:middle;margin-top:-4px}@media only screen and (max-width:960px){.page-header .title[data-v-8bbfeb00]{font-size:1.125em}}@media only screen and (max-width:690px){.page-header[data-v-8bbfeb00]{display:none}}.dark-mode .page-header[data-v-8bbfeb00]{background:#151515}.dark-mode .page-header .title[data-v-8bbfeb00]{color:#bec6cf}.dark-mode .page-header .icon path[data-v-8bbfeb00]{fill:#00bc7e}",""])},D62o:function(e,t,a){"use strict";var r=a("xCqy"),i=a("CjXH"),o={name:"MobileHeader",props:["title"],components:{ChevronLeftIcon:i.h,MenuIcon:i.P},methods:{showMobileNavigation:function(){r.a.$emit("mobile-menu:show","user-navigation")},goBack:function(){this.$router.back()}}},n=(a("ayom"),a("KHd+")),s=Object(n.a)(o,(function(){var e=this.$createElement,t=this._self._c||e;return t("header",{staticClass:"mobile-header"},[t("div",{staticClass:"go-back",on:{click:this.goBack}},[t("chevron-left-icon",{staticClass:"icon",attrs:{size:"17"}})],1),this._v(" "),t("div",{staticClass:"location-name"},[this._v(this._s(this.title))]),this._v(" "),t("div",{staticClass:"mobile-menu",on:{click:this.showMobileNavigation}},[t("menu-icon",{staticClass:"icon",attrs:{size:"17"}})],1)])}),[],!1,null,"39c25ac0",null);t.a=s.exports},E47O:function(e,t,a){var r=a("HnsD");"string"==typeof r&&(r=[[e.i,r,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};a("aET+")(r,i);r.locals&&(e.exports=r.locals)},GxOr:function(e,t,a){"use strict";a.r(t);var r=a("o0o1"),i=a.n(r),o=a("A5+z"),n=a("wz3J"),s=a("4TWA"),d=a("eZ9V"),l=a("D62o"),c=a("Nv84"),p=a("KnjL"),u=a("kPoH"),m=a("2Sb1"),v=a("zTYo"),b=a("CjXH"),f=a("TJPC"),g=a("L2JU"),h=a("xCqy"),_=a("vDqi"),x=a.n(_);function y(e,t,a,r,i,o,n){try{var s=e[o](n),d=s.value}catch(e){return void a(e)}s.done?t(d):Promise.resolve(d).then(r,i)}function w(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,r)}return a}function k(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?w(Object(a),!0).forEach((function(t){C(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):w(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function C(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var P=void 0,O=void 0,$={name:"UpgradePlan",components:{ValidationProvider:o.ValidationProvider,ValidationObserver:o.ValidationObserver,PlanPricingTables:n.a,CreditCardIcon:b.p,MobileHeader:l.a,SelectInput:s.a,ButtonBase:c.a,PageHeader:m.a,ColorLabel:u.a,FormLabel:d.a,required:f.a,Spinner:v.a,InfoBox:p.a},computed:k(k({},Object(g.b)(["requestedPlan","config","countries"])),{},{billing:function(){return this.$store.getters.user.data.relationships.settings.data.attributes},taxRates:function(){var e=this;return this.requestedPlan.data.attributes.tax_rates.find((function(t){return t.country===e.billing.country}))}}),data:function(){return{complete:!1,stripeOptions:{hidePostalCode:!1},isLoading:!0,isSubmitted:!1,PaymentMethods:void 0,defaultPaymentMethod:void 0,errorMessage:void 0,isError:!1,payByNewCard:!1,clientSecret:void 0}},methods:{initStripe:function(){var e=(P=Stripe(this.config.stripe_public_key)).elements();(O=e.create("card")).mount(this.$refs.stripeCard)},payByNewCardForm:function(){this.payByNewCard=!0,this.isError=!1},successOrder:function(){this.$store.dispatch("getAppData"),h.a.$emit("toaster",{type:"success",message:this.$t("toaster.account_upgraded")}),this.$router.push({name:"Subscription"})},errorOrder:function(e){402===e.response.status&&(window.location.href=e.response.data.message),400===e.response.status&&(this.isError=!0,this.errorMessage=e.response.data.message),500===e.response.status&&(this.isError=!0,this.errorMessage=e.response.data.message,h.a.$emit("alert:open",{title:this.$t("popup_error.title"),message:this.$t("popup_error.message")}))},submitOrder:function(){var e,t=this;return(e=i.a.mark((function e(){var a,r,o;return i.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.$refs.order.validate();case 2:if(e.sent){e.next=5;break}return e.abrupt("return");case 5:if(t.isError=!1,t.isSubmitted=!0,t.defaultPaymentMethod&&!t.payByNewCard){e.next=14;break}return e.next=10,P.confirmCardSetup(t.clientSecret,{payment_method:{card:O}});case 10:a=e.sent,r=a.setupIntent,(o=a.error)?(t.isError=!0,t.isSubmitted=!1,t.errorMessage=o.message):x.a.post("/api/user/subscription/upgrade",{billing:{billing_address:t.billing.address,billing_city:t.billing.city,billing_country:t.billing.country,billing_name:t.billing.name,billing_phone_number:t.billing.phone_number,billing_postal_code:t.billing.postal_code,billing_state:t.billing.state},plan:t.requestedPlan,payment:{type:"stripe",meta:{pm:r.payment_method}}}).then((function(){t.successOrder()})).catch((function(e){t.errorOrder(e)})).finally((function(){t.isSubmitted=!1}));case 14:t.defaultPaymentMethod&&!t.payByNewCard&&x.a.post("/api/user/subscription/upgrade",{billing:{billing_address:t.billing.address,billing_city:t.billing.city,billing_country:t.billing.country,billing_name:t.billing.name,billing_phone_number:t.billing.phone_number,billing_postal_code:t.billing.postal_code,billing_state:t.billing.state},plan:t.requestedPlan,payment:{type:"stripe"}}).then((function(){t.successOrder()})).catch((function(e){t.errorOrder(e)})).finally((function(){t.isSubmitted=!1}));case 15:case"end":return e.stop()}}),e)})),function(){var t=this,a=arguments;return new Promise((function(r,i){var o=e.apply(t,a);function n(e){y(o,r,i,n,s,"next",e)}function s(e){y(o,r,i,n,s,"throw",e)}n(void 0)}))})()}},mounted:function(){this.requestedPlan?this.initStripe():this.$router.push({name:"UpgradePlan"})},created:function(){var e=this;x.a.get("/api/user/subscription/setup-intent").then((function(t){e.clientSecret=t.data.client_secret})).catch((function(){e.$isSomethingWrong()})),x.a.get("/api/user/subscription/payment-cards").then((function(t){e.defaultPaymentMethod=t.data.default,e.PaymentMethods=t.data.others})).catch((function(){e.$isSomethingWrong()})).finally((function(){e.isLoading=!1}))}},z=(a("k1PI"),a("KHd+")),E=Object(z.a)($,(function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{attrs:{id:"single-page"}},[a("div",{directives:[{name:"show",rawName:"v-show",value:!e.isLoading,expression:"! isLoading"}],staticClass:"large-width center-page",attrs:{id:"page-content"}},[a("MobileHeader",{attrs:{title:e.$t(e.$router.currentRoute.meta.title)}}),e._v(" "),a("div",{staticClass:"content-page"},[a("div",{staticClass:"plan-title"},[a("credit-card-icon",{staticClass:"title-icon text-theme",attrs:{size:"42"}}),e._v(" "),a("h1",[e._v(e._s(e.$t("page_upgrade_account.title")))]),e._v(" "),a("h2",[e._v(e._s(e.$t("page_upgrade_account.desription")))])],1),e._v(" "),a("div",{staticClass:"order"},[a("div",{staticClass:"steps"},[a("div",{staticClass:"payment-card"},[a("FormLabel",[e._v(e._s(e.$t("page_upgrade_account.section_card")))]),e._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:!e.defaultPaymentMethod||e.payByNewCard,expression:"! defaultPaymentMethod || payByNewCard"}],staticClass:"register-card"},[e.config.isDemo||e.config.isDev?a("InfoBox",[a("p",[e._v("For test your payment please use "),a("b",{staticClass:"text-theme"},[e._v("4242 4242 4242 4242")]),e._v(" or "),a("b",{staticClass:"text-theme"},[e._v("5555 5555 5555 4444")]),e._v(" as a card number, "),a("b",{staticClass:"text-theme"},[e._v("11/22")]),e._v("\n as the expiration date and "),a("b",{staticClass:"text-theme"},[e._v("123")]),e._v(" as CVC number and ZIP "),a("b",{staticClass:"text-theme"},[e._v("12345")]),e._v(".")])]):e._e(),e._v(" "),a("div",{ref:"stripeCard",staticClass:"stripe-card",class:{"is-error":e.isError}}),e._v(" "),e.isError?a("div",{staticClass:"card-error-message"},[a("span",[e._v(e._s(e.errorMessage))])]):e._e()],1),e._v(" "),e.defaultPaymentMethod&&!e.payByNewCard?a("div",{staticClass:"registered-cards"},[a("div",{staticClass:"credit-card",class:{"is-error":e.isError}},[a("div",{staticClass:"card-number"},[a("img",{staticClass:"credit-card-icon",attrs:{src:e.$getCreditCardBrand(e.defaultPaymentMethod.data.attributes.brand),alt:e.defaultPaymentMethod.data.attributes.brand}}),e._v(" "),a("div",{staticClass:"credit-card-numbers"},[e._v("\n •••• "+e._s(e.defaultPaymentMethod.data.attributes.last4)+"\n ")]),e._v(" "),a("ColorLabel",{attrs:{color:"purple"}},[e._v(e._s(e.$t("global.default")))])],1),e._v(" "),a("div",{staticClass:"expiration-date"},[a("span",[e._v(e._s(e.defaultPaymentMethod.data.attributes.exp_month)+" / "+e._s(e.defaultPaymentMethod.data.attributes.exp_year))])])]),e._v(" "),e.isError?e._e():a("div",{staticClass:"change-payment"},[a("span",[e._v("\n "+e._s(e.$t("page_upgrade_account.change_payment.you_can"))+"\n ")]),e._v(" "),e.PaymentMethods.data.length>0?a("router-link",{attrs:{to:{name:"PaymentMethods"}}},[e._v("\n "+e._s(e.$t("page_upgrade_account.change_payment.change_payment"))+"\n ")]):e._e(),e._v(" "),e.PaymentMethods.data.length>0?a("span",[e._v("\n "+e._s(e.$t("global.or"))+"\n ")]):e._e(),e._v(" "),a("a",{on:{click:e.payByNewCardForm}},[e._v("\n "+e._s(e.$t("page_upgrade_account.change_payment.pay_by_new_card"))+"\n ")])],1),e._v(" "),e.isError?a("div",{staticClass:"card-error-message"},[a("span",[e._v(e._s(e.errorMessage))]),e._v(" "),a("span",{staticClass:"link",on:{click:e.payByNewCardForm}},[e._v("\n "+e._s(e.$t("page_upgrade_account.errors.pay_by_another_card"))+"\n ")]),e._v(" "),a("span",[e._v("\n "+e._s(e.$t("global.or"))+"\n ")]),e._v(" "),a("router-link",{staticClass:"link",attrs:{to:{name:"PaymentMethods"}}},[e._v("\n "+e._s(e.$t("page_upgrade_account.change_payment.change_payment"))+"\n ")])],1):e._e()]):e._e()],1),e._v(" "),e.billing?a("div",{staticClass:"billing"},[a("FormLabel",[e._v(e._s(e.$t("page_upgrade_account.section_billing")))]),e._v(" "),a("ValidationObserver",{ref:"order",staticClass:"form block-form",attrs:{tag:"form"},scopedSlots:e._u([{key:"default",fn:function(t){t.invalid;return[a("div",{staticClass:"form block-form"},[a("div",{staticClass:"block-wrapper"},[a("label",[e._v(e._s(e.$t("user_settings.name"))+":")]),e._v(" "),a("ValidationProvider",{staticClass:"input-wrapper",attrs:{tag:"div",mode:"passive",rules:"required",name:"billing_name"},scopedSlots:e._u([{key:"default",fn:function(t){var r=t.errors;return[a("input",{directives:[{name:"model",rawName:"v-model",value:e.billing.name,expression:"billing.name"}],staticClass:"focus-border-theme",class:{"is-error":r[0]},attrs:{placeholder:e.$t("user_settings.name_plac"),type:"text"},domProps:{value:e.billing.name},on:{input:function(t){t.target.composing||e.$set(e.billing,"name",t.target.value)}}}),e._v(" "),r[0]?a("span",{staticClass:"error-message"},[e._v(e._s(r[0]))]):e._e()]}}],null,!0)})],1),e._v(" "),a("div",{staticClass:"block-wrapper"},[a("label",[e._v(e._s(e.$t("user_settings.address"))+":")]),e._v(" "),a("ValidationProvider",{staticClass:"input-wrapper",attrs:{tag:"div",mode:"passive",rules:"required",name:"billing_address"},scopedSlots:e._u([{key:"default",fn:function(t){var r=t.errors;return[a("input",{directives:[{name:"model",rawName:"v-model",value:e.billing.address,expression:"billing.address"}],staticClass:"focus-border-theme",class:{"is-error":r[0]},attrs:{placeholder:e.$t("user_settings.address_plac"),type:"text"},domProps:{value:e.billing.address},on:{input:function(t){t.target.composing||e.$set(e.billing,"address",t.target.value)}}}),e._v(" "),r[0]?a("span",{staticClass:"error-message"},[e._v(e._s(r[0]))]):e._e()]}}],null,!0)})],1),e._v(" "),a("div",{staticClass:"wrapper-inline"},[a("div",{staticClass:"block-wrapper"},[a("label",[e._v(e._s(e.$t("user_settings.city"))+":")]),e._v(" "),a("ValidationProvider",{staticClass:"input-wrapper",attrs:{tag:"div",mode:"passive",rules:"required",name:"billing_city"},scopedSlots:e._u([{key:"default",fn:function(t){var r=t.errors;return[a("input",{directives:[{name:"model",rawName:"v-model",value:e.billing.city,expression:"billing.city"}],staticClass:"focus-border-theme",class:{"is-error":r[0]},attrs:{placeholder:e.$t("user_settings.city_plac"),type:"text"},domProps:{value:e.billing.city},on:{input:function(t){t.target.composing||e.$set(e.billing,"city",t.target.value)}}}),e._v(" "),r[0]?a("span",{staticClass:"error-message"},[e._v(e._s(r[0]))]):e._e()]}}],null,!0)})],1),e._v(" "),a("div",{staticClass:"block-wrapper"},[a("label",[e._v(e._s(e.$t("user_settings.postal_code"))+":")]),e._v(" "),a("ValidationProvider",{staticClass:"input-wrapper",attrs:{tag:"div",mode:"passive",rules:"required",name:"billing_postal_code"},scopedSlots:e._u([{key:"default",fn:function(t){var r=t.errors;return[a("input",{directives:[{name:"model",rawName:"v-model",value:e.billing.postal_code,expression:"billing.postal_code"}],staticClass:"focus-border-theme",class:{"is-error":r[0]},attrs:{placeholder:e.$t("user_settings.postal_code_plac"),type:"text"},domProps:{value:e.billing.postal_code},on:{input:function(t){t.target.composing||e.$set(e.billing,"postal_code",t.target.value)}}}),e._v(" "),r[0]?a("span",{staticClass:"error-message"},[e._v(e._s(r[0]))]):e._e()]}}],null,!0)})],1)]),e._v(" "),a("div",{staticClass:"block-wrapper"},[a("label",[e._v(e._s(e.$t("user_settings.country"))+":")]),e._v(" "),a("ValidationProvider",{staticClass:"input-wrapper",attrs:{tag:"div",mode:"passive",rules:"required",name:"billing_country"},scopedSlots:e._u([{key:"default",fn:function(t){var r=t.errors;return[a("SelectInput",{attrs:{default:e.billing.country,options:e.countries,placeholder:e.$t("user_settings.country_plac"),isError:r[0]},model:{value:e.billing.country,callback:function(t){e.$set(e.billing,"country",t)},expression:"billing.country"}}),e._v(" "),r[0]?a("span",{staticClass:"error-message"},[e._v(e._s(r[0]))]):e._e()]}}],null,!0)})],1),e._v(" "),a("div",{staticClass:"block-wrapper"},[a("label",[e._v(e._s(e.$t("user_settings.state"))+":")]),e._v(" "),a("ValidationProvider",{staticClass:"input-wrapper",attrs:{tag:"div",mode:"passive",rules:"required",name:"billing_state"},scopedSlots:e._u([{key:"default",fn:function(t){var r=t.errors;return[a("input",{directives:[{name:"model",rawName:"v-model",value:e.billing.state,expression:"billing.state"}],staticClass:"focus-border-theme",class:{"is-error":r[0]},attrs:{placeholder:e.$t("user_settings.state_plac"),type:"text"},domProps:{value:e.billing.state},on:{input:function(t){t.target.composing||e.$set(e.billing,"state",t.target.value)}}}),e._v(" "),a("small",{staticClass:"input-help"},[e._v("\n State, county, province, or region.\n ")]),e._v(" "),r[0]?a("span",{staticClass:"error-message"},[e._v(e._s(r[0]))]):e._e()]}}],null,!0)})],1),e._v(" "),a("div",{staticClass:"block-wrapper"},[a("label",[e._v(e._s(e.$t("user_settings.phone_number"))+":")]),e._v(" "),a("ValidationProvider",{staticClass:"input-wrapper",attrs:{tag:"div",mode:"passive",rules:"required",name:"billing_phone_number"},scopedSlots:e._u([{key:"default",fn:function(t){var r=t.errors;return[a("input",{directives:[{name:"model",rawName:"v-model",value:e.billing.phone_number,expression:"billing.phone_number"}],staticClass:"focus-border-theme",class:{"is-error":r[0]},attrs:{placeholder:e.$t("user_settings.phone_number_plac"),type:"text"},domProps:{value:e.billing.phone_number},on:{input:function(t){t.target.composing||e.$set(e.billing,"phone_number",t.target.value)}}}),e._v(" "),r[0]?a("span",{staticClass:"error-message"},[e._v(e._s(r[0]))]):e._e()]}}],null,!0)})],1)])]}}],null,!1,1811729775)})],1):e._e()]),e._v(" "),a("div",{staticClass:"summary"},[a("FormLabel",[e._v(e._s(e.$t("page_upgrade_account.section_summary")))]),e._v(" "),e.requestedPlan?a("div",{staticClass:"summary-list",class:{"is-error":e.isError}},[a("div",{staticClass:"row"},[a("div",{staticClass:"cell"},[a("b",[e._v(e._s(e.requestedPlan.data.attributes.name))]),e._v(" "),a("small",[e._v(e._s(e.$t("page_upgrade_account.summary.period")))])]),e._v(" "),a("div",{staticClass:"cell"},[a("b",[e._v(e._s(e.requestedPlan.data.attributes.price))])])]),e._v(" "),e.taxRates?a("div",{staticClass:"row"},[a("div",{staticClass:"cell"},[a("b",[e._v(e._s(e.$t("page_upgrade_account.summary.vat"))+" - ("+e._s(e.userTaxRates.country)+" "+e._s(e.userTaxRates.percentage)+"%)")])]),e._v(" "),a("div",{staticClass:"cell"},[a("b",[e._v(e._s(e.userTaxRates.plan_price_formatted))])])]):e._e(),e._v(" "),e.taxRates?e._e():a("div",{staticClass:"row"},[a("div",{staticClass:"cell"},[a("b",[e._v(e._s(e.$t("global.total")))])]),e._v(" "),a("div",{staticClass:"cell"},[a("b",[e._v(e._s(e.requestedPlan.data.attributes.price))])])]),e._v(" "),e.taxRates?a("div",{staticClass:"row"},[a("div",{staticClass:"cell"},[a("b",[e._v(e._s(e.$t("page_upgrade_account.summary.total_with_vat")))])]),e._v(" "),a("div",{staticClass:"cell"},[a("b",[e._v(e._s(e.userTaxRates.plan_price_formatted))])])]):e._e(),e._v(" "),a("ButtonBase",{staticClass:"next-submit",attrs:{disabled:e.isSubmitted,loading:e.isSubmitted,type:"submit","button-style":"theme-solid"},nativeOn:{click:function(t){return e.submitOrder(t)}}},[e._v("\n "+e._s(e.$t("page_upgrade_account.summary.submit_button"))+"\n ")]),e._v(" "),e.isError?a("p",{staticClass:"error-message"},[e._v(e._s(e.errorMessage))]):e._e(),e._v(" "),a("small",{staticClass:"disclaimer"},[e._v("\n "+e._s(e.$t("page_upgrade_account.summary.submit_disclaimer",{app:e.config.app_name}))+"\n ")])],1):e._e()],1)])])],1),e._v(" "),e.isLoading?a("div",{attrs:{id:"loader"}},[a("Spinner")],1):e._e()])}),[],!1,null,"56e214e2",null);t.default=E.exports},HnsD:function(e,t,a){(e.exports=a("I1BE")(!1)).push([e.i,".form[data-v-56e214e2]{max-width:700px}.form.inline-form[data-v-56e214e2]{display:flex;position:relative;justify-content:center;margin:0 auto}.form.inline-form .input-wrapper[data-v-56e214e2]{position:relative}.form.inline-form .input-wrapper .error-message[data-v-56e214e2]{position:absolute;left:0;bottom:-25px}.form.block-form .switch-wrapper[data-v-56e214e2]{padding-bottom:13px;margin-bottom:13px;border-bottom:1px solid #f4f5f6}.form.block-form .switch-wrapper[data-v-56e214e2]:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}.form.block-form .wrapper-inline[data-v-56e214e2]{display:flex;margin:0 -15px}.form.block-form .wrapper-inline .block-wrapper[data-v-56e214e2]{width:100%;padding:0 15px}.form.block-form .block-wrapper[data-v-56e214e2]{margin-bottom:32px}.form.block-form .block-wrapper label[data-v-56e214e2]{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-56e214e2]:last-child{margin-bottom:0}.form.block-form .button[data-v-56e214e2]{margin-top:50px}.form .inline-wrapper[data-v-56e214e2]{display:flex;align-items:center;justify-content:space-between}.form .inline-wrapper .switch-label .input-help[data-v-56e214e2]{padding-top:0}.form .inline-wrapper .switch-label .input-label[data-v-56e214e2]{font-weight:700;color:#1b2539;font-size:1em;margin-bottom:5px}.input-help[data-v-56e214e2]{font-size:.75em;color:rgba(27,37,57,.7);line-height:1.35;padding-top:10px;display:block}.single-line-form[data-v-56e214e2]{display:flex}.single-line-form .submit-button[data-v-56e214e2]{margin-left:20px}.error-message[data-v-56e214e2]{font-size:.875em;color:#fd397a;padding-top:5px;display:block;text-align:left}textarea[data-v-56e214e2]{width:100%}input[type=email][data-v-56e214e2],input[type=number][data-v-56e214e2],input[type=password][data-v-56e214e2],input[type=text][data-v-56e214e2],textarea[data-v-56e214e2]{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-56e214e2],input[type=number].is-error[data-v-56e214e2],input[type=password].is-error[data-v-56e214e2],input[type=text].is-error[data-v-56e214e2],textarea.is-error[data-v-56e214e2]{border-color:#fd397a}input[type=email][data-v-56e214e2]::-moz-placeholder,input[type=number][data-v-56e214e2]::-moz-placeholder,input[type=password][data-v-56e214e2]::-moz-placeholder,input[type=text][data-v-56e214e2]::-moz-placeholder,textarea[data-v-56e214e2]::-moz-placeholder{color:rgba(27,37,57,.5);font-size:.9375em}input[type=email][data-v-56e214e2]:-ms-input-placeholder,input[type=number][data-v-56e214e2]:-ms-input-placeholder,input[type=password][data-v-56e214e2]:-ms-input-placeholder,input[type=text][data-v-56e214e2]:-ms-input-placeholder,textarea[data-v-56e214e2]:-ms-input-placeholder{color:rgba(27,37,57,.5);font-size:.9375em}input[type=email][data-v-56e214e2]::placeholder,input[type=number][data-v-56e214e2]::placeholder,input[type=password][data-v-56e214e2]::placeholder,input[type=text][data-v-56e214e2]::placeholder,textarea[data-v-56e214e2]::placeholder{color:rgba(27,37,57,.5);font-size:.9375em}input[type=email][disabled][data-v-56e214e2],input[type=number][disabled][data-v-56e214e2],input[type=password][disabled][data-v-56e214e2],input[type=text][disabled][data-v-56e214e2],textarea[disabled][data-v-56e214e2]{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-56e214e2]{width:38px!important;height:40px;border:none;outline:none;background:none;min-width:0!important}.additional-link[data-v-56e214e2]{font-size:1em;margin-top:50px;display:block}.additional-link a[data-v-56e214e2],.additional-link b[data-v-56e214e2]{cursor:pointer}.additional-link a[data-v-56e214e2]:hover,.additional-link b[data-v-56e214e2]:hover{text-decoration:underline}@media only screen and (max-width:1024px){.form[data-v-56e214e2]{max-width:100%}}@media only screen and (max-width:960px){.form .button[data-v-56e214e2]{margin-top:20px;width:100%;margin-left:0;margin-right:0}.form input[data-v-56e214e2],.form textarea[data-v-56e214e2]{width:100%;min-width:100%}.form.block-form .block-wrapper[data-v-56e214e2]{display:block}.form.block-form .block-wrapper label[data-v-56e214e2]{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-56e214e2]{margin-top:25px;margin-left:0;margin-right:0}.form.inline-form[data-v-56e214e2]{display:block}.form.inline-form .input-wrapper .error-message[data-v-56e214e2]{position:relative;bottom:0}.form .button[data-v-56e214e2]{padding:14px 32px}.single-line-form[data-v-56e214e2]{display:block}.single-line-form .submit-button[data-v-56e214e2]{margin-left:0;margin-top:20px;width:100%}input[type=email][data-v-56e214e2],input[type=number][data-v-56e214e2],input[type=password][data-v-56e214e2],input[type=text][data-v-56e214e2],textarea[data-v-56e214e2]{padding:14px 20px}}@media only screen and (max-width:690px){.form.block-form .wrapper-inline[data-v-56e214e2]{display:block}}.dark-mode .form .input-help[data-v-56e214e2]{color:#7d858c}.dark-mode .form.block-form .block-wrapper label[data-v-56e214e2],.dark-mode .form .inline-wrapper .switch-label .input-label[data-v-56e214e2]{color:#bec6cf}.dark-mode input[type=email][data-v-56e214e2],.dark-mode input[type=number][data-v-56e214e2],.dark-mode input[type=password][data-v-56e214e2],.dark-mode input[type=text][data-v-56e214e2],.dark-mode textarea[data-v-56e214e2]{border-color:#1e2024;background:#1e2024;color:#bec6cf}.dark-mode input[type=email][data-v-56e214e2]::-moz-placeholder,.dark-mode input[type=number][data-v-56e214e2]::-moz-placeholder,.dark-mode input[type=password][data-v-56e214e2]::-moz-placeholder,.dark-mode input[type=text][data-v-56e214e2]::-moz-placeholder,.dark-mode textarea[data-v-56e214e2]::-moz-placeholder{color:#7d858c}.dark-mode input[type=email][data-v-56e214e2]:-ms-input-placeholder,.dark-mode input[type=number][data-v-56e214e2]:-ms-input-placeholder,.dark-mode input[type=password][data-v-56e214e2]:-ms-input-placeholder,.dark-mode input[type=text][data-v-56e214e2]:-ms-input-placeholder,.dark-mode textarea[data-v-56e214e2]:-ms-input-placeholder{color:#7d858c}.dark-mode input[type=email][data-v-56e214e2]::placeholder,.dark-mode input[type=number][data-v-56e214e2]::placeholder,.dark-mode input[type=password][data-v-56e214e2]::placeholder,.dark-mode input[type=text][data-v-56e214e2]::placeholder,.dark-mode textarea[data-v-56e214e2]::placeholder{color:#7d858c}.dark-mode input[type=email][disabled][data-v-56e214e2],.dark-mode input[type=number][disabled][data-v-56e214e2],.dark-mode input[type=password][disabled][data-v-56e214e2],.dark-mode input[type=text][disabled][data-v-56e214e2],.dark-mode textarea[disabled][data-v-56e214e2]{background:#1e2024;color:rgba(125,133,140,.8);-webkit-text-fill-color:rgba(125,133,140,.8)}.dark-mode .popup-wrapper input[type=email][data-v-56e214e2],.dark-mode .popup-wrapper input[type=number][data-v-56e214e2],.dark-mode .popup-wrapper input[type=password][data-v-56e214e2],.dark-mode .popup-wrapper input[type=text][data-v-56e214e2],.dark-mode .popup-wrapper textarea[data-v-56e214e2]{background:#25272c}.change-payment[data-v-56e214e2]{padding-top:10px}.change-payment span[data-v-56e214e2]{font-weight:600}.change-payment a[data-v-56e214e2]{cursor:pointer;font-weight:700}.change-payment a[data-v-56e214e2]:hover{text-decoration:underline}.change-payment a[data-v-56e214e2],.change-payment span[data-v-56e214e2]{color:rgba(27,37,57,.7);font-size:.875em}.card-error-message[data-v-56e214e2]{padding-top:10px}.card-error-message a[data-v-56e214e2],.card-error-message span[data-v-56e214e2]{font-size:.875em;font-weight:600;color:#fd397a}.card-error-message .link[data-v-56e214e2],.card-error-message a[data-v-56e214e2]{text-decoration:underline;cursor:pointer}.card-error-message .link[data-v-56e214e2]:hover,.card-error-message a[data-v-56e214e2]:hover{text-decoration:none}.registered-cards[data-v-56e214e2]{margin-bottom:50px}.register-card[data-v-56e214e2]{margin-bottom:55px}.credit-card[data-v-56e214e2]{display:flex;align-items:center;justify-content:space-between;padding:15px;background:#f4f5f6;border-radius:8px;margin-top:20px}.credit-card.is-error[data-v-56e214e2]{box-shadow:0 0 7px rgba(253,57,122,.3);border:2px solid #fd397a;border-radius:4px}.credit-card span[data-v-56e214e2]{font-weight:700}.credit-card .card-number[data-v-56e214e2]{display:flex}.credit-card .credit-card-numbers[data-v-56e214e2]{vertical-align:middle;margin-right:10px}.credit-card .credit-card-icon[data-v-56e214e2]{vertical-align:middle;max-height:20px;margin-right:8px}.stripe-card[data-v-56e214e2]{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.is-error[data-v-56e214e2]{box-shadow:0 0 7px rgba(253,57,122,.3);border:2px solid #fd397a;border-radius:4px}.stripe-card.StripeElement--focus[data-v-56e214e2]{box-shadow:0 1px 3px 0 #cfd7df}.stripe-card.StripeElement--invalid[data-v-56e214e2]{border-color:#fa755a}.stripe-card.StripeElement--webkit-autofill[data-v-56e214e2]{background-color:#fefde5!important}.stripe-card iframe .InputContainer .InputElement[data-v-56e214e2]{color:#fff}.summary-list[data-v-56e214e2]{box-shadow:0 7px 20px 5px rgba(26,36,55,.06);border-radius:8px;position:sticky;padding:25px;top:30px}.summary-list.is-error[data-v-56e214e2]{border:2px solid #fd397a;box-shadow:0 7px 20px 5px rgba(253,57,122,.06)}.summary-list .error-message[data-v-56e214e2]{font-weight:600}.summary-list .next-submit[data-v-56e214e2]{width:100%;margin-top:20px}.summary-list .disclaimer[data-v-56e214e2]{font-size:.75em;line-height:1.6;display:block;margin-top:12px}.summary-list .row[data-v-56e214e2]{display:flex;justify-content:space-between;padding:15px 0}.summary-list .row[data-v-56e214e2]:first-child{padding-top:0}.summary-list .row[data-v-56e214e2]:last-of-type{border-top:1px solid #f8f8f8;padding-bottom:0}.summary-list .row:last-of-type b[data-v-56e214e2]{font-weight:800}.summary-list .cell b[data-v-56e214e2]{display:block;font-size:1.125em}.summary-list .cell small[data-v-56e214e2]{color:rgba(27,37,57,.7);font-size:.75em}.order[data-v-56e214e2]{display:flex;margin-bottom:30px}.order .steps[data-v-56e214e2]{flex:0 0 65%;padding-right:30px}.order .steps .form[data-v-56e214e2]{max-width:100%}.order .summary[data-v-56e214e2]{flex:0 0 34%}.plan-title[data-v-56e214e2]{text-align:center;max-width:600px;margin:0 auto 80px}.plan-title circle[data-v-56e214e2],.plan-title line[data-v-56e214e2],.plan-title path[data-v-56e214e2],.plan-title polyline[data-v-56e214e2],.plan-title rect[data-v-56e214e2]{color:inherit}.plan-title h1[data-v-56e214e2]{font-size:2.375em;font-weight:800;margin-bottom:5px}.plan-title h2[data-v-56e214e2]{font-size:1.25em;font-weight:500}.dark-mode .plan-title h1[data-v-56e214e2]{color:#bec6cf}.dark-mode .plan-title h2[data-v-56e214e2]{color:#7d858c}.dark-mode .credit-card[data-v-56e214e2]{background:#1e2024}.dark-mode .credit-card .credit-card-numbers[data-v-56e214e2],.dark-mode .credit-card span[data-v-56e214e2]{color:#bec6cf}.dark-mode .change-payment span[data-v-56e214e2]{color:#7d858c}.dark-mode .change-payment a[data-v-56e214e2]{color:#00bc7e}.dark-mode .summary-list[data-v-56e214e2]{background:#1e2024}.dark-mode .summary-list .disclaimer[data-v-56e214e2]{color:#7d858c}.dark-mode .summary-list .row[data-v-56e214e2]:last-of-type{border-top:1px solid hsla(0,0%,100%,.02)}.dark-mode .summary-list .cell b[data-v-56e214e2],.dark-mode .summary-list .row:last-of-type b[data-v-56e214e2]{color:#bec6cf}.dark-mode .summary-list .cell small[data-v-56e214e2]{color:#7d858c}.dark-mode .stripe-card[data-v-56e214e2]{border:1px solid transparent;box-shadow:none}.dark-mode .stripe-card.StripeElement--webkit-autofill[data-v-56e214e2]{background-color:#1e2024!important}.dark-mode .stripe-card.StripeElement--focus[data-v-56e214e2]{box-shadow:none;border-color:#00bc7e;box-shadow:0 1px 5px rgba(0,188,126,.3)}@media only screen and (max-width:960px){.order[data-v-56e214e2]{display:block}.order .steps[data-v-56e214e2]{margin-bottom:70px}}",""])},KnjL:function(e,t,a){"use strict";var r={name:"InfoBox",props:["type"]},i=(a("lo+G"),a("KHd+")),o=Object(i.a)(r,(function(){var e=this.$createElement;return(this._self._c||e)("div",{staticClass:"info-box",class:this.type},[this._t("default")],2)}),[],!1,null,"9270269e",null);t.a=o.exports},Pb6s:function(e,t,a){(e.exports=a("I1BE")(!1)).push([e.i,".mobile-header[data-v-39c25ac0]{padding:10px 0;text-align:center;background:#fff;position:sticky;display:none;z-index:6;top:0}.mobile-header>div[data-v-39c25ac0]{flex-grow:1;align-self:center;white-space:nowrap}.mobile-header .go-back[data-v-39c25ac0]{text-align:left}.mobile-header .location-name[data-v-39c25ac0]{line-height:1;text-align:center;width:100%;vertical-align:middle;font-size:.9375em;color:#1b2539;font-weight:700;max-width:220px;overflow:hidden;text-overflow:ellipsis;display:inline-block}.mobile-header .mobile-menu[data-v-39c25ac0]{text-align:right}.mobile-header .icon[data-v-39c25ac0]{vertical-align:middle;margin-top:-4px}@media only screen and (max-width:690px){.mobile-header[data-v-39c25ac0]{display:flex;margin-bottom:15px}}.dark-mode .mobile-header[data-v-39c25ac0]{background:#151515}.dark-mode .mobile-header .location-name[data-v-39c25ac0]{color:#bec6cf}",""])},TJPC:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));function r(e){return null==e}function i(e){return Array.isArray(e)&&0===e.length}var o={validate:function(e,t){var a=(void 0===t?{allowFalse:!0}:t).allowFalse,o={valid:!1,required:!0};return r(e)||i(e)?o:!1!==e||a?(o.valid=!!String(e).trim().length,o):o},params:[{name:"allowFalse",default:!0}],computesRequired:!0}},Tmk1:function(e,t,a){(e.exports=a("I1BE")(!1)).push([e.i,".form-label[data-v-78e6a51e]{display:flex;align-items:center;margin-bottom:30px}.form-label .icon[data-v-78e6a51e]{margin-right:10px}.form-label .icon circle[data-v-78e6a51e],.form-label .icon line[data-v-78e6a51e],.form-label .icon path[data-v-78e6a51e],.form-label .icon rect[data-v-78e6a51e]{color:inherit}.form-label .label[data-v-78e6a51e]{font-size:1.125em;font-weight:700}.dark-mode .form-label .label[data-v-78e6a51e]{color:#bec6cf}",""])},Yg8N:function(e,t,a){var r=a("Tmk1");"string"==typeof r&&(r=[[e.i,r,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};a("aET+")(r,i);r.locals&&(e.exports=r.locals)},aKcM:function(e,t,a){var r=a("D4g/");"string"==typeof r&&(r=[[e.i,r,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};a("aET+")(r,i);r.locals&&(e.exports=r.locals)},ayom:function(e,t,a){"use strict";a("uXZy")},"bwO/":function(e,t,a){var r=a("plv3");"string"==typeof r&&(r=[[e.i,r,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};a("aET+")(r,i);r.locals&&(e.exports=r.locals)},c3Oi:function(e,t,a){"use strict";a("gU9B")},eZ9V:function(e,t,a){"use strict";var r=a("CjXH"),i={name:"FormLabel",props:["icon"],components:{KeyIcon:r.J,Edit2Icon:r.u,SettingsIcon:r.cb,SmartphoneIcon:r.eb}},o=(a("55Le"),a("KHd+")),n=Object(o.a)(i,(function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"form-label"},[e.icon?e._e():a("edit-2-icon",{staticClass:"icon text-theme dark-text-theme",attrs:{size:"22"}}),e._v(" "),"settings"===e.icon?a("settings-icon",{staticClass:"icon text-theme dark-text-theme",attrs:{size:"22"}}):e._e(),e._v(" "),"smartphone"===e.icon?a("smartphone-icon",{staticClass:"icon text-theme dark-text-theme",attrs:{size:"22"}}):e._e(),e._v(" "),"key"===e.icon?a("key-icon",{staticClass:"icon text-theme dark-text-theme",attrs:{size:"22"}}):e._e(),e._v(" "),a("b",{staticClass:"label"},[e._t("default")],2)],1)}),[],!1,null,"78e6a51e",null);t.a=n.exports},gU9B:function(e,t,a){var r=a("q2eN");"string"==typeof r&&(r=[[e.i,r,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};a("aET+")(r,i);r.locals&&(e.exports=r.locals)},hloS:function(e,t,a){"use strict";a("bwO/")},k1PI:function(e,t,a){"use strict";a("E47O")},kPoH:function(e,t,a){"use strict";var r={name:"ColorLabel",props:["color"]},i=(a("7w3u"),a("KHd+")),o=Object(i.a)(r,(function(){var e=this.$createElement;return(this._self._c||e)("b",{staticClass:"color-label",class:this.color},[this._t("default")],2)}),[],!1,null,"00f26e1e",null);t.a=o.exports},lNml:function(e,t,a){(e.exports=a("I1BE")(!1)).push([e.i,".color-label[data-v-00f26e1e]{text-transform:capitalize;font-size:.75em;display:inline-block;border-radius:6px;font-weight:700;padding:4px 6px}.color-label.purple[data-v-00f26e1e]{color:#9d66fe;background:rgba(157,102,254,.1)}.color-label.yellow[data-v-00f26e1e]{color:#ffbd2d;background:rgba(255,189,45,.1)}.color-label.green[data-v-00f26e1e]{color:#00bc7e;background:rgba(0,188,126,.1)}.color-label.red[data-v-00f26e1e]{color:#fd397a;background:rgba(253,57,122,.1)}",""])},"lo+G":function(e,t,a){"use strict";a("+lJL")},plv3:function(e,t,a){(e.exports=a("I1BE")(!1)).push([e.i,".select[data-v-97dc0128]{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.select-search[data-v-97dc0128]{background:#fff;position:sticky;top:0;padding:13px}.select-search .search-input[data-v-97dc0128]{border:1px solid transparent;background:#f4f5f6;transition:all .15s ease;font-size:.875em;border-radius:8px;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight:700;outline:0;width:100%}.input-options[data-v-97dc0128]{box-shadow:0 5px 15px rgba(0,0,0,.12);background:#fff;border-radius:8px;position:absolute;overflow:hidden;top:65px;left:0;right:0;z-index:9;max-height:295px;overflow-y:auto}.input-options .option-item[data-v-97dc0128]{padding:13px 20px;display:block;cursor:pointer}.input-options .option-item[data-v-97dc0128]:hover{color:#00bc7e;background:#f4f5f6}.input-options .option-item[data-v-97dc0128]:last-child{border-bottom:none}.input-area[data-v-97dc0128]{border:1px solid transparent;justify-content:space-between;box-shadow:0 1px 5px rgba(0,0,0,.12);align-items:center;border-radius:8px;padding:13px 20px;display:flex;outline:0;width:100%;cursor:pointer}.input-area[data-v-97dc0128],.input-area .chevron[data-v-97dc0128]{transition:all .15s ease}.input-area.is-active .chevron[data-v-97dc0128]{transform:rotate(180deg)}.input-area.is-error[data-v-97dc0128]{border-color:#fd397a;box-shadow:0 0 7px rgba(253,57,122,.3)}.option-icon[data-v-97dc0128]{width:20px;display:inline-block;font-size:.625em}.option-icon svg[data-v-97dc0128]{margin-top:-4px;vertical-align:middle}.option-icon svg circle[data-v-97dc0128],.option-icon svg line[data-v-97dc0128],.option-icon svg path[data-v-97dc0128]{color:inherit}.option-value[data-v-97dc0128]{font-size:.875em;font-weight:700;width:100%;vertical-align:middle}.option-value.placehoder[data-v-97dc0128]{color:rgba(27,37,57,.5)}.slide-in-enter-active[data-v-97dc0128]{transition:all .15s ease}.slide-in-enter[data-v-97dc0128]{opacity:0;transform:translateY(-50px)}.dark-mode .select-search[data-v-97dc0128]{background:#1e2024}.dark-mode .select-search .search-input[data-v-97dc0128]{background:#151515}.dark-mode .input-area[data-v-97dc0128]{background:#1e2024;border-color:#1e2024}.dark-mode .popup-wrapper .input-area[data-v-97dc0128]{background:#25272c}.dark-mode .input-options[data-v-97dc0128]{background:#1e2024}.dark-mode .input-options .option-item[data-v-97dc0128]{border-bottom:none}.dark-mode .input-options .option-item[data-v-97dc0128]:hover{background:#2a2c32}.dark-mode .input-options .option-item:hover .option-icon circle[data-v-97dc0128],.dark-mode .input-options .option-item:hover .option-icon path[data-v-97dc0128]{color:inherit}.dark-mode .input-options .option-item[data-v-97dc0128]:last-child{border-bottom:none}.dark-mode .option-value.placehoder[data-v-97dc0128]{color:#7d858c}",""])},q2eN:function(e,t,a){(e.exports=a("I1BE")(!1)).push([e.i,".plan[data-v-7fd88204]{text-align:center;flex:0 0 33%;padding:0 25px;margin-bottom:45px}.plan .plan-wrapper[data-v-7fd88204]{box-shadow:0 7px 20px 5px rgba(26,36,55,.03);padding:25px;border-radius:8px;transition:all .3s ease}.plan .plan-wrapper[data-v-7fd88204]:hover{transform:translateY(-20px) scale(1.05);box-shadow:0 15px 25px 5px rgba(26,36,55,.08)}.plan .plan-header .icon circle[data-v-7fd88204],.plan .plan-header .icon line[data-v-7fd88204],.plan .plan-header .icon path[data-v-7fd88204],.plan .plan-header .icon polyline[data-v-7fd88204],.plan .plan-header .icon rect[data-v-7fd88204]{color:inherit}.plan .plan-header .title[data-v-7fd88204]{font-size:1.375em;font-weight:800}.plan .plan-header .description[data-v-7fd88204]{font-size:.875em;font-weight:600}.plan .plan-features[data-v-7fd88204]{margin:65px 0}.plan .plan-features .storage-size[data-v-7fd88204]{font-size:3em;font-weight:900;line-height:1.1}.plan .plan-features .storage-description[data-v-7fd88204]{display:block;font-size:.9375em;font-weight:800}.plan .plan-footer .sign-in-button[data-v-7fd88204]{width:100%;text-align:center}.plan .plan-footer .price[data-v-7fd88204]{font-size:1.125em;display:block;margin-bottom:20px}.plan .plan-footer .price .vat-disclaimer[data-v-7fd88204]{font-size:.6875em;color:#1b2539;display:block;font-weight:300;opacity:.45;margin-top:5px}.plans-wrapper[data-v-7fd88204]{display:flex;flex-wrap:wrap;margin:0 -25px;justify-content:center}@media only screen and (max-width:960px){.plans-wrapper[data-v-7fd88204]{display:block;margin:0}}.dark-mode .plan .plan-wrapper[data-v-7fd88204]{background:#1e2024}.dark-mode .plan .plan-header .title[data-v-7fd88204]{color:#bec6cf}.dark-mode .plan .plan-header .description[data-v-7fd88204]{color:#7d858c}.dark-mode .plan .plan-features .storage-description[data-v-7fd88204],.dark-mode .plan .plan-features .storage-size[data-v-7fd88204]{color:#bec6cf}.dark-mode .plan .plan-footer .sign-in-button[data-v-7fd88204]{background:rgba(0,188,126,.1)}.dark-mode .plan .plan-footer .sign-in-button[data-v-7fd88204] .content{color:#00bc7e}.dark-mode .plan .plan-footer .price .vat-disclaimer[data-v-7fd88204]{color:#bec6cf}",""])},uXZy:function(e,t,a){var r=a("Pb6s");"string"==typeof r&&(r=[[e.i,r,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};a("aET+")(r,i);r.locals&&(e.exports=r.locals)},wz3J:function(e,t,a){"use strict";var r=a("Nv84"),i=a("CjXH"),o=a("L2JU"),n=a("vDqi"),s=a.n(n);function d(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,r)}return a}function l(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var c={name:"PlanPricingTables",components:{HardDriveIcon:i.F,ButtonBase:r.a},props:["customRoute"],data:function(){return{plans:void 0}},computed:function(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?d(Object(a),!0).forEach((function(t){l(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):d(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}({},Object(o.b)(["user"])),methods:{selectPlan:function(e){this.$emit("selected-plan",e);var t=this.customRoute?this.customRoute:"UpgradeBilling";this.$router.push({name:t})}},created:function(){var e=this;s.a.get("/api/pricing").then((function(t){e.plans=t.data.filter((function(t){return t.data.attributes.capacity>e.user.data.attributes.storage_capacity})),e.$emit("load",!1)}))}},p=(a("c3Oi"),a("KHd+")),u=Object(p.a)(c,(function(){var e=this,t=e.$createElement,a=e._self._c||t;return e.plans?a("div",{staticClass:"plans-wrapper"},e._l(e.plans,(function(t,r){return a("article",{key:r,staticClass:"plan"},[a("div",{staticClass:"plan-wrapper"},[a("header",{staticClass:"plan-header"},[a("div",{staticClass:"icon"},[a("hard-drive-icon",{staticClass:"text-theme",attrs:{size:"26"}})],1),e._v(" "),a("h1",{staticClass:"title"},[e._v(e._s(t.data.attributes.name))]),e._v(" "),a("h2",{staticClass:"description"},[e._v(e._s(t.data.attributes.description))])]),e._v(" "),a("section",{staticClass:"plan-features"},[a("b",{staticClass:"storage-size"},[e._v(e._s(t.data.attributes.capacity_formatted))]),e._v(" "),a("span",{staticClass:"storage-description"},[e._v(e._s(e.$t("page_pricing_tables.storage_capacity")))])]),e._v(" "),a("footer",{staticClass:"plan-footer"},[a("b",{staticClass:"price text-theme"},[e._v("\n "+e._s(t.data.attributes.price)+"/"+e._s(e.$t("global.monthly_ac"))+"\n "),t.data.attributes.tax_rates.length>0?a("small",{staticClass:"vat-disclaimer"},[e._v(e._s(e.$t("page_pricing_tables.vat_excluded")))]):e._e()]),e._v(" "),a("ButtonBase",{staticClass:"sign-in-button",attrs:{type:"submit","button-style":"secondary"},nativeOn:{click:function(a){return e.selectPlan(t)}}},[e._v("\n "+e._s(e.$t("global.get_it"))+"\n ")])],1)])])})),0):e._e()}),[],!1,null,"7fd88204",null);t.a=u.exports}}]);