nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-18 00:02:15 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
oasis
vuefilemanager/public/chunks/upgrade-billing.js
MakingCG 15a6ad6166 Application Build
2021-05-19 13:35:56 +00:00

1 line
48 KiB
JavaScript
Vendored
Raw Permalink Blame History

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