{"version":3,"file":"js/page-new-store.js","mappings":"gKAkBIA,EAAuB,CACvB,CAAEC,OAAQ,EAAGC,WAAY,QAASC,MAAO,GAAMC,OAAQ,GAAMC,MAAO,KACpE,CAAEJ,OAAQ,EAAGC,WAAY,UAAWC,MAAO,MAAOC,OAAQ,OAAQC,MAAO,KACzE,CAAEJ,OAAQ,EAAGC,WAAY,YAAaC,MAAO,IAAOC,OAAQ,IAAQC,MAAO,KAC3E,CAAEJ,OAAQ,GAAIC,WAAY,OAAQC,MAAO,IAAOC,OAAQ,IAAOC,MAAO,MClB9D,IDsBGC,EAAAA,GAAAA,OAAW,CACtBC,KAAM,eACNC,WAAY,CACRC,YAAAA,EAAAA,GAEJC,KAAI,WACA,MAAO,CACHC,YAAaX,EAAM,GACnBY,cAAc,EACdC,WAAY,CAAEZ,OAAQ,EAAGa,MAAO,SAExC,EACAC,QAAO,WAGCC,EAAAA,KACAC,KAAKC,cAAa,EAE1B,EACAC,QAAS,CAELD,aAAc,SAAUE,GAEpBA,GACAC,SAASC,iBAAiB,QAASL,KAAKM,eAEpCC,OAAOC,WAAa,MACpBC,EAAAA,EAAAA,IAAS,uBAIbL,SAASM,oBAAoB,QAASV,KAAKM,eAE/CN,KAAKL,aAAeQ,CACpB,EAEJG,cAAe,SAAUK,GACTA,EAAMC,KAEdZ,KAAKL,cAAgC,KAAhBgB,EAAME,OAC3Bb,KAAKC,cAAa,EAC1B,EAEAa,aAAc,SAAWC,GACrBf,KAAKN,YAAcX,EAAMgC,GAEzBf,KAAKJ,WAAWZ,OAASgB,KAAKN,YAAYV,MAC9C,EAEAgC,YAAa,SAAWnB,GAEpBG,KAAKJ,WAAWC,MAAQA,EACxBG,KAAKC,cAAa,EACtB,EAEAgB,UAAW,WACPjB,KAAKC,cAAa,EACtB,EAEAiB,UAAW,WACPlB,KAAKC,cAAa,EACtB,GAGAkB,SAAU,CACNC,aAAY,WAER,OAAQpB,KAAKJ,WAAWC,OACpB,IAAK,QACD,OAAOG,KAAKN,YAAYR,MAC5B,IAAK,SACD,OAAOc,KAAKN,YAAYP,OAC5B,IAAK,QACD,OAAOa,KAAKN,YAAYN,MAE5B,OAAQ,CAChB,KClGI,CAAgB,CACxBiC,GAAI,iB,UCLRC,EAAOC,QAAUC,O","sources":["webpack://gbase.web/./dev/src/components/newstore/NewStoreApp.ts","webpack://gbase.web/./dev/src/isomorphic/pages/page-new-store.ts","webpack://gbase.web/external var \"recurly\""],"sourcesContent":["import Vue from \"vue\"\r\nimport { defineComponent } from 'vue';\r\nimport { scrollTo } from \"@/utils/windows\"\r\nimport {default as RecurlyForm, ChosenPlan} from \"../recurly-form/RecurlyForm\"\r\n\r\nimport \"@/components/vue-filters/numbers\";\r\nimport \"@/components/vue-filters/dates\";\r\n\r\nimport * as ModelState from \"@/utils/modelState\";\r\n\r\nclass PlanDetails {\r\n    length: number;\r\n    lengthText: string;\r\n    basic: number;\r\n    select: number;\r\n    elite: number;\r\n}\r\n\r\nvar plans: PlanDetails[] = [\r\n    { length: 1, lengthText: \"month\", basic: 35.0, select: 65.0, elite: 100.0 },\r\n    { length: 3, lengthText: \"quarter\", basic: 99.75, select: 185.25, elite: 285.0 },\r\n    { length: 6, lengthText: \"half-year\", basic: 189.0, select: 351.00, elite: 540.0 },\r\n    { length: 12, lengthText: \"year\", basic: 336.0, select: 624.0, elite: 960.0 }\r\n];\r\n\r\n\r\nexport default Vue.extend({\r\n    name: \"newstore-app\",\r\n    components: {\r\n        RecurlyForm\r\n    },   \r\n    data() {\r\n        return {             \r\n            planDetails: plans[0],\r\n            showingModal: false,\r\n            chosenPlan: { length: 1, level: \"basic\" } as ChosenPlan\r\n        };\r\n    },\r\n    mounted() {\r\n         console.log(\"NewStoreApp.mounted()\");\r\n\r\n        if (ModelState.haveModelErrors()) {\r\n            this.displayModal(true);\r\n        }\r\n    },\r\n    methods: {\r\n        // methodA: function() {},    \r\n        displayModal: function (show: boolean) {\r\n\r\n        if (show) {\r\n            document.addEventListener('keyup', this.closeOnCancel);\r\n\r\n            if (window.innerWidth < 960) {\r\n                scrollTo(\".js-signup-section\");\r\n            }\r\n\r\n        } else {\r\n            document.removeEventListener('keyup', this.closeOnCancel);\r\n        }\r\n        this.showingModal = show;\r\n        },\r\n    \r\n    closeOnCancel: function (event: KeyboardEvent) {\r\n        console.log(event.type);\r\n\r\n        if (this.showingModal && event.which === 27)\r\n            this.displayModal(false);\r\n    },\r\n\r\n    selectLength: function ( lengthIx: number ) {\r\n        this.planDetails = plans[lengthIx];\r\n     //   this.chosenLength = this.planDetails.length;\r\n        this.chosenPlan.length = this.planDetails.length;\r\n    },\r\n\r\n    selectLevel: function ( level: string ) {\r\n      //  this.chosenLevel = level;\r\n        this.chosenPlan.level = level;\r\n        this.displayModal(true);\r\n    },\r\n\r\n    showModal: function () {\r\n        this.displayModal(true);\r\n    },\r\n\r\n    hideModal: function () {\r\n        this.displayModal(false);\r\n    }\r\n   \r\n    },  \r\n    computed: {\r\n        theChosenFee() : number \r\n        {\r\n            switch (this.chosenPlan.level) {\r\n                case \"basic\":\r\n                    return this.planDetails.basic;\r\n                case \"select\":\r\n                    return this.planDetails.select;\r\n                case \"elite\":\r\n                    return this.planDetails.elite;\r\n                }\r\n                return -1;\r\n        }\r\n    },\r\n});\r\n\r\n\r\n","import NewStoreApp from \"@/components/newstore/NewStoreApp\";\r\n\r\nconsole.log(\"[app-load] page-new-store.ts\");\r\n\r\nconst nsa = new NewStoreApp({\r\n    el: \"#newstore-app\"\r\n});","module.exports = recurly;"],"names":["plans","length","lengthText","basic","select","elite","Vue","name","components","RecurlyForm","data","planDetails","showingModal","chosenPlan","level","mounted","ModelState","this","displayModal","methods","show","document","addEventListener","closeOnCancel","window","innerWidth","scrollTo","removeEventListener","event","type","which","selectLength","lengthIx","selectLevel","showModal","hideModal","computed","theChosenFee","el","module","exports","recurly"],"sourceRoot":""}