vuefilemanager/public/chunks/upgrade-plan.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[69],{"/VZ9":function(a,t,e){var i=e("va5u");"string"==typeof i&&(i=[[a.i,i,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};e("aET+")(i,o);i.locals&&(a.exports=i.locals)},"1wHr":function(a,t,e){"use strict";e("aKcM")},"2Sb1":function(a,t,e){"use strict";var i={name:"PageHeader",props:["title","canBack"],components:{ChevronLeftIcon:e("CjXH").h}},o=(e("1wHr"),e("KHd+")),r=Object(o.a)(i,(function(){var a=this,t=a.$createElement,e=a._self._c||t;return e("div",{staticClass:"page-header"},[a.canBack?e("div",{staticClass:"go-back",on:{click:function(t){return a.$router.back()}}},[e("chevron-left-icon",{attrs:{size:"17"}})],1):a._e(),a._v(" "),e("div",{staticClass:"content"},[e("h1",{staticClass:"title"},[a._v(a._s(a.title))])])])}),[],!1,null,"8bbfeb00",null);t.a=r.exports},"4zU4":function(a,t,e){"use strict";e.r(t);var i=e("wz3J"),o=e("D62o"),r=e("2Sb1"),n=e("zTYo"),d=e("CjXH"),p=(e("vDqi"),{name:"UpgradePlan",components:{PlanPricingTables:i.a,MobileHeader:o.a,PageHeader:r.a,CloudIcon:d.k,Spinner:n.a},data:function(){return{isLoading:!0}},methods:{onLoadPricingTables:function(a){this.isLoading=a},onSelectTable:function(a){this.$store.commit("STORE_REQUESTED_PLAN",a)}},beforeMount:function(){var a=document.createElement("script");a.setAttribute("src","https://js.stripe.com/v3/"),document.head.appendChild(a)},mounted:function(){this.$store.dispatch("getAppData")}}),l=(e("VTp0"),e("KHd+")),s=Object(l.a)(p,(function(){var a=this,t=a.$createElement,e=a._self._c||t;return e("div",{attrs:{id:"single-page"}},[e("div",{directives:[{name:"show",rawName:"v-show",value:!a.isLoading,expression:"! isLoading"}],staticClass:"large-width center-page",attrs:{id:"page-content"}},[e("MobileHeader",{attrs:{title:a.$t(a.$router.currentRoute.meta.title)}}),a._v(" "),e("div",{staticClass:"content-page"},[e("div",{staticClass:"plan-title"},[e("cloud-icon",{staticClass:"title-icon text-theme",attrs:{size:"42"}}),a._v(" "),e("h1",[a._v(a._s(a.$t("page_pricing_tables.title")))]),a._v(" "),e("h2",[a._v(a._s(a.$t("page_pricing_tables.description")))])],1),a._v(" "),e("PlanPricingTables",{on:{load:a.onLoadPricingTables,"selected-plan":a.onSelectTable}})],1)],1),a._v(" "),a.isLoading?e("div",{attrs:{id:"loader"}},[e("Spinner")],1):a._e()])}),[],!1,null,"8f2aa896",null);t.default=s.exports},"D4g/":function(a,t,e){(a.exports=e("I1BE")(!1)).push([a.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(a,t,e){"use strict";var i=e("xCqy"),o=e("CjXH"),r={name:"MobileHeader",props:["title"],components:{ChevronLeftIcon:o.h,MenuIcon:o.P},methods:{showMobileNavigation:function(){i.a.$emit("mobile-menu:show","user-navigation")},goBack:function(){this.$router.back()}}},n=(e("ayom"),e("KHd+")),d=Object(n.a)(r,(function(){var a=this.$createElement,t=this._self._c||a;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=d.exports},Pb6s:function(a,t,e){(a.exports=e("I1BE")(!1)).push([a.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}",""])},VTp0:function(a,t,e){"use strict";e("/VZ9")},aKcM:function(a,t,e){var i=e("D4g/");"string"==typeof i&&(i=[[a.i,i,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};e("aET+")(i,o);i.locals&&(a.exports=i.locals)},ayom:function(a,t,e){"use strict";e("uXZy")},c3Oi:function(a,t,e){"use strict";e("gU9B")},gU9B:function(a,t,e){var i=e("q2eN");"string"==typeof i&&(i=[[a.i,i,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};e("aET+")(i,o);i.locals&&(a.exports=i.locals)},q2eN:function(a,t,e){(a.exports=e("I1BE")(!1)).push([a.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(a,t,e){var i=e("Pb6s");"string"==typeof i&&(i=[[a.i,i,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};e("aET+")(i,o);i.locals&&(a.exports=i.locals)},va5u:function(a,t,e){(a.exports=e("I1BE")(!1)).push([a.i,".form[data-v-8f2aa896]{max-width:700px}.form.inline-form[data-v-8f2aa896]{display:flex;position:relative;justify-content:center;margin:0 auto}.form.inline-form .input-wrapper[data-v-8f2aa896]{position:relative}.form.inline-form .input-wrapper .error-message[data-v-8f2aa896]{position:absolute;left:0;bottom:-25px}.form.block-form .switch-wrapper[data-v-8f2aa896]{padding-bottom:13px;margin-bottom:13px;border-bottom:1px solid #f4f5f6}.form.block-form .switch-wrapper[data-v-8f2aa896]:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}.form.block-form .wrapper-inline[data-v-8f2aa896]{display:flex;margin:0 -15px}.form.block-form .wrapper-inline .block-wrapper[data-v-8f2aa896]{width:100%;padding:0 15px}.form.block-form .block-wrapper[data-v-8f2aa896]{margin-bottom:32px}.form.block-form .block-wrapper label[data-v-8f2aa896]{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-8f2aa896]:last-child{margin-bottom:0}.form.block-form .button[data-v-8f2aa896]{margin-top:50px}.form .inline-wrapper[data-v-8f2aa896]{display:flex;align-items:center;justify-content:space-between}.form .inline-wrapper .switch-label .input-help[data-v-8f2aa896]{padding-top:0}.form .inline-wrapper .switch-label .input-label[data-v-8f2aa896]{font-weight:700;color:#1b2539;font-size:1em;margin-bottom:5px}.input-help[data-v-8f2aa896]{font-size:.75em;color:rgba(27,37,57,.7);line-height:1.35;padding-top:10px;display:block}.single-line-form[data-v-8f2aa896]{display:flex}.single-line-form .submit-button[data-v-8f2aa896]{margin-left:20px}.error-message[data-v-8f2aa896]{font-size:.875em;color:#fd397a;padding-top:5px;display:block;text-align:left}textarea[data-v-8f2aa896]{width:100%}input[type=email][data-v-8f2aa896],input[type=number][data-v-8f2aa896],input[type=password][data-v-8f2aa896],input[type=text][data-v-8f2aa896],textarea[data-v-8f2aa896]{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-8f2aa896],input[type=number].is-error[data-v-8f2aa896],input[type=password].is-error[data-v-8f2aa896],input[type=text].is-error[data-v-8f2aa896],textarea.is-error[data-v-8f2aa896]{border-color:#fd397a}input[type=email][data-v-8f2aa896]::-moz-placeholder,input[type=number][data-v-8f2aa896]::-moz-placeholder,input[type=password][data-v-8f2aa896]::-moz-placeholder,input[type=text][data-v-8f2aa896]::-moz-placeholder,textarea[data-v-8f2aa896]::-moz-placeholder{color:rgba(27,37,57,.5);font-size:.9375em}input[type=email][data-v-8f2aa896]:-ms-input-placeholder,input[type=number][data-v-8f2aa896]:-ms-input-placeholder,input[type=password][data-v-8f2aa896]:-ms-input-placeholder,input[type=text][data-v-8f2aa896]:-ms-input-placeholder,textarea[data-v-8f2aa896]:-ms-input-placeholder{color:rgba(27,37,57,.5);font-size:.9375em}input[type=email][data-v-8f2aa896]::placeholder,input[type=number][data-v-8f2aa896]::placeholder,input[type=password][data-v-8f2aa896]::placeholder,input[type=text][data-v-8f2aa896]::placeholder,textarea[data-v-8f2aa896]::placeholder{color:rgba(27,37,57,.5);font-size:.9375em}input[type=email][disabled][data-v-8f2aa896],input[type=number][disabled][data-v-8f2aa896],input[type=password][disabled][data-v-8f2aa896],input[type=text][disabled][data-v-8f2aa896],textarea[disabled][data-v-8f2aa896]{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-8f2aa896]{width:38px!important;height:40px;border:none;outline:none;background:none;min-width:0!important}.additional-link[data-v-8f2aa896]{font-size:1em;margin-top:50px;display:block}.additional-link a[data-v-8f2aa896],.additional-link b[data-v-8f2aa896]{cursor:pointer}.additional-link a[data-v-8f2aa896]:hover,.additional-link b[data-v-8f2aa896]:hover{text-decoration:underline}@media only screen and (max-width:1024px){.form[data-v-8f2aa896]{max-width:100%}}@media only screen and (max-width:960px){.form .button[data-v-8f2aa896]{margin-top:20px;width:100%;margin-left:0;margin-right:0}.form input[data-v-8f2aa896],.form textarea[data-v-8f2aa896]{width:100%;min-width:100%}.form.block-form .block-wrapper[data-v-8f2aa896]{display:block}.form.block-form .block-wrapper label[data-v-8f2aa896]{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-8f2aa896]{margin-top:25px;margin-left:0;margin-right:0}.form.inline-form[data-v-8f2aa896]{display:block}.form.inline-form .input-wrapper .error-message[data-v-8f2aa896]{position:relative;bottom:0}.form .button[data-v-8f2aa896]{padding:14px 32px}.single-line-form[data-v-8f2aa896]{display:block}.single-line-form .submit-button[data-v-8f2aa896]{margin-left:0;margin-top:20px;width:100%}input[type=email][data-v-8f2aa896],input[type=number][data-v-8f2aa896],input[type=password][data-v-8f2aa896],input[type=text][data-v-8f2aa896],textarea[data-v-8f2aa896]{padding:14px 20px}}@media only screen and (max-width:690px){.form.block-form .wrapper-inline[data-v-8f2aa896]{display:block}}.dark-mode .form .input-help[data-v-8f2aa896]{color:#7d858c}.dark-mode .form.block-form .block-wrapper label[data-v-8f2aa896],.dark-mode .form .inline-wrapper .switch-label .input-label[data-v-8f2aa896]{color:#bec6cf}.dark-mode input[type=email][data-v-8f2aa896],.dark-mode input[type=number][data-v-8f2aa896],.dark-mode input[type=password][data-v-8f2aa896],.dark-mode input[type=text][data-v-8f2aa896],.dark-mode textarea[data-v-8f2aa896]{border-color:#1e2024;background:#1e2024;color:#bec6cf}.dark-mode input[type=email][data-v-8f2aa896]::-moz-placeholder,.dark-mode input[type=number][data-v-8f2aa896]::-moz-placeholder,.dark-mode input[type=password][data-v-8f2aa896]::-moz-placeholder,.dark-mode input[type=text][data-v-8f2aa896]::-moz-placeholder,.dark-mode textarea[data-v-8f2aa896]::-moz-placeholder{color:#7d858c}.dark-mode input[type=email][data-v-8f2aa896]:-ms-input-placeholder,.dark-mode input[type=number][data-v-8f2aa896]:-ms-input-placeholder,.dark-mode input[type=password][data-v-8f2aa896]:-ms-input-placeholder,.dark-mode input[type=text][data-v-8f2aa896]:-ms-input-placeholder,.dark-mode textarea[data-v-8f2aa896]:-ms-input-placeholder{color:#7d858c}.dark-mode input[type=email][data-v-8f2aa896]::placeholder,.dark-mode input[type=number][data-v-8f2aa896]::placeholder,.dark-mode input[type=password][data-v-8f2aa896]::placeholder,.dark-mode input[type=text][data-v-8f2aa896]::placeholder,.dark-mode textarea[data-v-8f2aa896]::placeholder{color:#7d858c}.dark-mode input[type=email][disabled][data-v-8f2aa896],.dark-mode input[type=number][disabled][data-v-8f2aa896],.dark-mode input[type=password][disabled][data-v-8f2aa896],.dark-mode input[type=text][disabled][data-v-8f2aa896],.dark-mode textarea[disabled][data-v-8f2aa896]{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-8f2aa896],.dark-mode .popup-wrapper input[type=number][data-v-8f2aa896],.dark-mode .popup-wrapper input[type=password][data-v-8f2aa896],.dark-mode .popup-wrapper input[type=text][data-v-8f2aa896],.dark-mode .popup-wrapper textarea[data-v-8f2aa896]{background:#25272c}.plan-title[data-v-8f2aa896]{text-align:center;max-width:600px;margin:0 auto 80px}.plan-title circle[data-v-8f2aa896],.plan-title line[data-v-8f2aa896],.plan-title path[data-v-8f2aa896],.plan-title polyline[data-v-8f2aa896],.plan-title rect[data-v-8f2aa896]{color:inherit}.plan-title h1[data-v-8f2aa896]{font-size:2.375em;font-weight:800;margin-bottom:5px}.plan-title h2[data-v-8f2aa896]{font-size:1.25em;font-weight:500}.dark-mode .plan-title h1[data-v-8f2aa896]{color:#bec6cf}.dark-mode .plan-title h2[data-v-8f2aa896]{color:#7d858c}",""])},wz3J:function(a,t,e){"use strict";var i=e("Nv84"),o=e("CjXH"),r=e("L2JU"),n=e("vDqi"),d=e.n(n);function p(a,t){var e=Object.keys(a);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(a);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(a,t).enumerable}))),e.push.apply(e,i)}return e}function l(a,t,e){return t in a?Object.defineProperty(a,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):a[t]=e,a}var s={name:"PlanPricingTables",components:{HardDriveIcon:o.F,ButtonBase:i.a},props:["customRoute"],data:function(){return{plans:void 0}},computed:function(a){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?p(Object(e),!0).forEach((function(t){l(a,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(e)):p(Object(e)).forEach((function(t){Object.defineProperty(a,t,Object.getOwnPropertyDescriptor(e,t))}))}return a}({},Object(r.b)(["user"])),methods:{selectPlan:function(a){this.$emit("selected-plan",a);var t=this.customRoute?this.customRoute:"UpgradeBilling";this.$router.push({name:t})}},created:function(){var a=this;d.a.get("/api/pricing").then((function(t){a.plans=t.data.filter((function(t){return t.data.attributes.capacity>a.user.data.attributes.storage_capacity})),a.$emit("load",!1)}))}},c=(e("c3Oi"),e("KHd+")),f=Object(c.a)(s,(function(){var a=this,t=a.$createElement,e=a._self._c||t;return a.plans?e("div",{staticClass:"plans-wrapper"},a._l(a.plans,(function(t,i){return e("article",{key:i,staticClass:"plan"},[e("div",{staticClass:"plan-wrapper"},[e("header",{staticClass:"plan-header"},[e("div",{staticClass:"icon"},[e("hard-drive-icon",{staticClass:"text-theme",attrs:{size:"26"}})],1),a._v(" "),e("h1",{staticClass:"title"},[a._v(a._s(t.data.attributes.name))]),a._v(" "),e("h2",{staticClass:"description"},[a._v(a._s(t.data.attributes.description))])]),a._v(" "),e("section",{staticClass:"plan-features"},[e("b",{staticClass:"storage-size"},[a._v(a._s(t.data.attributes.capacity_formatted))]),a._v(" "),e("span",{staticClass:"storage-description"},[a._v(a._s(a.$t("page_pricing_tables.storage_capacity")))])]),a._v(" "),e("footer",{staticClass:"plan-footer"},[e("b",{staticClass:"price text-theme"},[a._v("\n                    "+a._s(t.data.attributes.price)+"/"+a._s(a.$t("global.monthly_ac"))+"\n                    "),t.data.attributes.tax_rates.length>0?e("small",{staticClass:"vat-disclaimer"},[a._v(a._s(a.$t("page_pricing_tables.vat_excluded")))]):a._e()]),a._v(" "),e("ButtonBase",{staticClass:"sign-in-button",attrs:{type:"submit","button-style":"secondary"},nativeOn:{click:function(e){return a.selectPlan(t)}}},[a._v("\n                    "+a._s(a.$t("global.get_it"))+"\n                ")])],1)])])})),0):a._e()}),[],!1,null,"7fd88204",null);t.a=f.exports}}]);