{"version":3,"sources":["webpack:///./src/views/Settings.vue","webpack:///./src/views/Settings.vue?2b14","webpack:///./src/views/Settings.vue?6f47","webpack:///./src/views/Settings.vue?d957"],"names":["class","translucent","mode","isLoading","user","name","fullscreen","collapse","email","optionsList","item","key","title","subCategories","category","index","action","isDangerous","hasOwnProperty","toggleValue","color","components","IonPage","IonContent","IonIcon","IonHeader","IonToolbar","IonToggle","IonTitle","setup","store","getters","dispatch","signUserOut","render"],"mappings":"sJAQeA,MAAM,yC,GACRA,MAAM,uB,GACCA,MAAM,0B,GAGHA,MAAM,e,GACLA,MAAM,kB,GAIbA,MAAM,sB,GAECA,MAAM,M,0QAnB5B,eAgCW,Q,wBA/BT,iBAIa,CAJb,eAIa,GAJDC,YAAA,IAAW,C,wBACrB,iBAEc,CAFd,eAEc,GAFDC,KAAK,OAAK,C,wBACrB,iBAAwD,CAAtC,EAAAC,U,wCAAlB,eAAwD,W,wBAA3B,iBAAe,C,8BAAZ,EAAAC,KAAKC,MAAI,O,2BAG7C,eAyBc,GAzBDC,WAAA,IAAU,C,wBACrB,iBAuBU,CAvBV,eAuBU,UAvBV,EAuBU,CAtBR,eAqBQ,MArBR,EAqBQ,CApBJ,eAOS,SAPT,EAOS,CANL,eAKa,GALDC,SAAS,YAAU,C,wBAC7B,iBAGc,CAHd,eAGc,Q,wBAFZ,iBAA2C,CAA3C,eAA2C,IAA3C,EAA2C,eAAjB,EAAAH,KAAKI,OAAK,GACpC,eAA+C,KAA/C,EAA+C,eAAjB,EAAAJ,KAAKC,MAAI,O,kBAI/C,eAWM,MAXN,EAWM,E,mBAVF,eASU,2BAT8B,EAAAI,aAAW,SAAnBC,G,wBAAhC,eASU,WATDV,MAAM,UAAuCW,IAAKD,EAAKE,O,CAC5D,eAAoC,KAApC,EAAoC,eAAlBF,EAAKE,OAAK,GAC5B,eAMK,Y,mBALD,eAIK,2BAJ4CF,EAAKG,eAAa,SAAtCC,EAAUC,G,wBAAvC,eAIK,MAJDf,MAAM,WAA4DW,IAAKI,G,CACvE,eAAkG,KAA9F,QAAOD,EAASE,OAAShB,MAAK,cAAiBc,EAASG,c,eAAkBH,EAAST,MAAI,gBAC1ES,EAASE,O,wCAA1B,eAA4E,G,MAA1CX,KAAK,8BACpBS,EAASE,QAAUF,EAASI,eAAc,gB,iBAA7D,eAA0I,G,iBAAnDJ,EAASK,Y,yCAATL,EAASK,YAAW,GAAEC,MAAM,W,kJCThI,iBAAgB,CAC3Bf,KAAM,WACNgB,WAAY,CAAEC,QAAA,OAASC,WAAA,OAAYC,QAAA,OAASC,UAAA,OAAWC,WAAA,OAAYC,UAAA,OAAWC,SAAA,QAC9EC,MAH2B,WAIvB,IAAMC,EAAQ,iBACR3B,EAAkC,gBAAS,kBAAM2B,EAAMC,QAAQ5B,aAC/DC,EAAO,gBAAS,kBAAM0B,EAAMC,QAAQ3B,QACpCK,EAAwB,CAC1B,CACIG,MAAO,UACPC,cAAe,CACX,CACIR,KAAM,sBACNY,aAAa,GAEjB,CACIZ,KAAM,kBACNY,aAAa,GAEjB,CACIZ,KAAM,UACNY,aAAa,GAEjB,CACIZ,KAAM,wBACNY,aAAa,KAIzB,CACIL,MAAO,WACPC,cAAe,CACX,CACIR,KAAM,2BACNY,aAAa,EACbE,aAAa,GAEjB,CACId,KAAM,eACNY,aAAa,EACbE,aAAa,GAEjB,CACId,KAAM,WACNY,aAAa,EACbD,OAAQ,kBAAMc,EAAME,SAAS,OAAYC,kBAMzD,MAAO,CAAE9B,YAAWC,OAAMK,kB,UC9DlC,EAAOyB,OAASA,EAED,gB,oCCPf,W","file":"js/chunk-99ef70ac.be9935a8.js","sourcesContent":["<template>\n  <ion-page>\n    <ion-header translucent>\n      <ion-toolbar mode=\"ios\">\n        <ion-title v-if=\"!isLoading\">{{ user.name }}</ion-title>\n      </ion-toolbar>\n    </ion-header>\n    <ion-content fullscreen>\n      <section class=\"settings container md:max-w-screen-md\">\n        <div class=\"settings__container\">\n            <header class=\"userDetails__container\">\n                <ion-header collapse=\"condense\">\n                  <ion-toolbar>\n                    <p class=\"user__email\">{{ user.email }}</p>\n                    <h1 class=\"h1 user__title\">{{ user.name }}</h1>\n                  </ion-toolbar>\n                </ion-header>\n            </header>\n            <div class=\"options__container\">                \n                <section class=\"options\" v-for=\"item in optionsList\" :key=\"item.title\">\n                    <h2 class=\"h2\">{{ item.title }}</h2>\n                    <ul>\n                        <li class=\"category\" v-for=\"(category, index) in item.subCategories\" :key=\"index\">\n                            <p @click=\"category.action\" :class=\"{'text-error': category.isDangerous }\">{{ category.name }}</p>\n                            <ion-icon v-if=\"!category.action\" name=\"chevron-forward-outline\"></ion-icon>\n                            <ion-toggle v-if=\"!category.action && category.hasOwnProperty('toggleValue')\" v-model=\"category.toggleValue\" color=\"primary\"></ion-toggle>\n                        </li>\n                    </ul>\n                </section>\n            </div>\n          </div>\n      </section>\n    </ion-content>\n  </ion-page>\n</template>\n\n<script lang=\"ts\">\nimport { computed, ComputedRef, defineComponent, Ref } from 'vue';\nimport { IonPage, IonContent, IonIcon, IonHeader, IonToolbar, IonToggle, IonTitle } from '@ionic/vue';\nimport { useStore, ActionTypes } from '@/store';\nimport User from '@/store/modules/auth/models/User';\n\ninterface Option {\n  title: string\n  subCategories: Array<{\n    name: string\n    isDangerous: boolean\n    toggleValue?: boolean\n    action?: () => void\n  }>\n}\n\nexport default defineComponent({\n    name: \"Settings\",\n    components: { IonPage, IonContent, IonIcon, IonHeader, IonToolbar, IonToggle, IonTitle },\n    setup() {\n        const store = useStore()\n        const isLoading: ComputedRef<boolean> = computed(() => store.getters.isLoading)\n        const user = computed(() => store.getters.user) as ComputedRef<User>\n        const optionsList: Option[] = [\n            {\n                title: \"Account\",\n                subCategories: [\n                    {\n                        name: \"Limits and features\",\n                        isDangerous: false\n                    },\n                    {\n                        name: \"Native currency\",\n                        isDangerous: false\n                    },\n                    {\n                        name: \"Privacy\",\n                        isDangerous: false\n                    },\n                    {\n                        name: \"Notification settings\",\n                        isDangerous: false\n                    },\n                ]\n            },\n            {\n                title: \"Security\",\n                subCategories: [\n                    {\n                        name: \"Require PIN / Biometrics\",\n                        isDangerous: false,\n                        toggleValue: false\n                    },\n                    {\n                        name: \"Privacy mode\",\n                        isDangerous: false,\n                        toggleValue: true\n                    },\n                    {\n                        name: \"Sign out\",\n                        isDangerous: true,\n                        action: () => store.dispatch(ActionTypes.signUserOut),\n                    }\n                ]\n            }\n        ]\n\n        return { isLoading, user, optionsList }\n    }\n})\n</script>\n\n<style>\n\n.user__email {\n  @apply font-medium mb-2;\n}\n\n.user__title {\n  @apply capitalize;\n}\n\n.options__container {\n  @apply my-8 flex flex-col;\n}\n\n.options {\n  @apply flex flex-col;\n}\n\n.options  ul {\n  @apply my-12;\n}\n\n.category {\n  @apply flex justify-between items-center my-12 text-lg;\n}\n\n.category:first-of-type {\n  @apply mt-0;\n}\n\n.category:last-of-type {\n  @apply mb-0;\n}\n\n.category .icon {\n  @apply w-5 h-5 text-white;\n}\n</style>","\nimport { computed, ComputedRef, defineComponent, Ref } from 'vue';\nimport { IonPage, IonContent, IonIcon, IonHeader, IonToolbar, IonToggle, IonTitle } from '@ionic/vue';\nimport { useStore, ActionTypes } from '@/store';\nimport User from '@/store/modules/auth/models/User';\n\ninterface Option {\n  title: string\n  subCategories: Array<{\n    name: string\n    isDangerous: boolean\n    toggleValue?: boolean\n    action?: () => void\n  }>\n}\n\nexport default defineComponent({\n    name: \"Settings\",\n    components: { IonPage, IonContent, IonIcon, IonHeader, IonToolbar, IonToggle, IonTitle },\n    setup() {\n        const store = useStore()\n        const isLoading: ComputedRef<boolean> = computed(() => store.getters.isLoading)\n        const user = computed(() => store.getters.user) as ComputedRef<User>\n        const optionsList: Option[] = [\n            {\n                title: \"Account\",\n                subCategories: [\n                    {\n                        name: \"Limits and features\",\n                        isDangerous: false\n                    },\n                    {\n                        name: \"Native currency\",\n                        isDangerous: false\n                    },\n                    {\n                        name: \"Privacy\",\n                        isDangerous: false\n                    },\n                    {\n                        name: \"Notification settings\",\n                        isDangerous: false\n                    },\n                ]\n            },\n            {\n                title: \"Security\",\n                subCategories: [\n                    {\n                        name: \"Require PIN / Biometrics\",\n                        isDangerous: false,\n                        toggleValue: false\n                    },\n                    {\n                        name: \"Privacy mode\",\n                        isDangerous: false,\n                        toggleValue: true\n                    },\n                    {\n                        name: \"Sign out\",\n                        isDangerous: true,\n                        action: () => store.dispatch(ActionTypes.signUserOut),\n                    }\n                ]\n            }\n        ]\n\n        return { isLoading, user, optionsList }\n    }\n})\n","import { render } from \"./Settings.vue?vue&type=template&id=60a34d2e\"\nimport script from \"./Settings.vue?vue&type=script&lang=ts\"\nexport * from \"./Settings.vue?vue&type=script&lang=ts\"\n\nimport \"./Settings.vue?vue&type=style&index=0&id=60a34d2e&lang=css\"\nscript.render = render\n\nexport default script","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Settings.vue?vue&type=style&index=0&id=60a34d2e&lang=css\""],"sourceRoot":""}