{"version":3,"file":"O_BUB0jL.js","sources":["../../../src/components/intercom/EmailForm.vue","../../../src/views/Login.vue"],"sourcesContent":["<template>\n  <v-dialog v-model=\"showModal\" max-width=\"600\">\n    <v-card>\n      <v-card-title>\n        <h3>Contact Us</h3>\n      </v-card-title>\n      <v-card-text>\n        <v-layout>\n          <v-form ref=\"contactUsEmailFormElement\" class=\"w-full\">\n            <v-text-field\n              id=\"contactus-email\"\n              variant=\"outlined\"\n              label=\"E-mail\"\n              name=\"contactus-email\"\n              class=\"mt-2\"\n              prepend-inner-icon=\"mdi-account-circle\"\n              v-model=\"email\"\n              autocomplete=\"false\"\n              :rules=\"[validators.required, validators.email]\"\n              @keyup.enter.stop=\"submit\"\n              @keydown.space.prevent\n            />\n          </v-form>\n        </v-layout>\n      </v-card-text>\n      <v-card-actions>\n        <v-btn color=\"gray\" variant=\"flat\" @click=\"showModal = false\"> Cancel </v-btn>\n        <v-spacer></v-spacer>\n        <v-btn @click=\"submit\" color=\"green darken-1\" variant=\"flat\"> OK </v-btn>\n      </v-card-actions>\n    </v-card>\n  </v-dialog>\n</template>\n\n<script setup lang=\"ts\">\nimport { validators } from \"@/library/helpers\";\nimport { globalStore } from \"@/store-pinia\";\nimport { computed, nextTick, ref } from \"vue-demi\";\n\nconst email = ref<string | null>(null);\nconst contactUsEmailFormElement = ref<HTMLFormElement | null>(null);\n\nconst showModal = computed({\n  get: () => globalStore.intercom?.showEmailForm,\n  set: (value) => {\n    if (!value) email.value = null;\n    globalStore.setState({ intercom: { ...(globalStore.intercom || {}), showEmailForm: value } });\n  },\n});\n\nconst submit = async () => {\n  const { valid } = (await contactUsEmailFormElement.value?.validate()) || {};\n  if (!!valid) {\n    globalStore.setState({ intercom: { ...(globalStore.intercom || {}), email: email.value, showEmailForm: false, show: true } });\n    nextTick(() => {\n      email.value = null;\n    });\n  }\n};\n</script>\n","<template>\n  <UnauthenticatedPageContainer :busy=\"busy\">\n    <div :class=\"`auth-header__${authStore.role} auth-header`\">\n      <div v-if=\"route.params.status\">\n        <h1 v-if=\"route.params.status === 'success'\">{{ authStore.roleName }} Account Verified</h1>\n        <h1 v-if=\"route.params.status === 'verify-error'\">Account Verification Error</h1>\n      </div>\n      <h1 v-else>Plugzio {{ authStore.roleName }} Dashboard</h1>\n      <p class=\"mt-2 mb-0 text-center\">\n        <span v-if=\"successPage\">Please sign in with your new account</span>\n        <span v-else-if=\"authStore.role === 'user'\">Login to activate a device, monitor usage and access your wallet</span>\n        <span v-else-if=\"authStore.role === 'owner'\">Login to manage your devices, view analytics and access your wallets</span>\n        <span v-else>For Customer Service</span>\n      </p>\n    </div>\n    <v-alert v-model=\"error\" icon=\"mdi-alert\" color=\"error\" id=\"error\" closable close-icon=\"mdi-close-circle\">{{ error_message }}</v-alert>\n    <div class=\"text-field-area\">\n      <v-form ref=\"loginFormElement\" @submit.prevent=\"signIn\">\n        <v-text-field\n          id=\"login-email\"\n          variant=\"outlined\"\n          label=\"E-mail\"\n          :name=\"`${authStore.role}-username`\"\n          ref=\"usernameBox\"\n          v-model=\"login.client_id\"\n          :error=\"!!error\"\n          autocomplete=\"off\"\n          :rules=\"[validators.required]\"\n          @keyup.enter.stop=\"signIn\"\n          @keydown.space.prevent\n          prepend-inner-icon=\"mdi-account-circle\"\n          class=\"mb-3 mt-3\"\n        />\n        <v-text-field\n          id=\"login-password\"\n          variant=\"outlined\"\n          persistent-hint\n          label=\"Password\"\n          :name=\"`${authStore.role}-password`\"\n          ref=\"passwordBox\"\n          v-model=\"login.client_secret\"\n          :error=\"!!error\"\n          :type=\"showPassword ? 'text' : 'password'\"\n          autocomplete=\"off\"\n          :rules=\"[validators.required]\"\n          @keyup.enter.stop=\"signIn\"\n          prepend-inner-icon=\"mdi-key\"\n        >\n          <template v-slot:append-inner>\n            <v-icon @click=\"showPassword = !showPassword\" :icon=\"showPassword ? 'mdi-eye' : 'mdi-eye-off'\" />\n          </template>\n        </v-text-field>\n        <v-col v-if=\"isMobileApplication\" class=\"login-checkbox-container\">\n          <v-checkbox class=\"mt-0 pt-0 mx-auto my-auto\" color=\"success\" v-model=\"rememberLoginCredential\" hide-details />\n          <span class=\"white-space__nowrap w-full justify-start d-flex items-center text-center\"> Remember Login Credentials </span>\n        </v-col>\n      </v-form>\n      <v-btn id=\"sign-in\" class=\"plugzio-button d-flex mt-3 mb-5 mx-auto text-center\" variant=\"outlined\" rounded @click.stop.prevent=\"signIn\">SIGN IN</v-btn>\n      <template v-if=\"authStore.role !== 'admin'\">\n        <div>\n          <v-btn\n            id=\"register-new-account\"\n            class=\"d-flex mb-2 mx-auto text-xs-center\"\n            style=\"color: #0d920d\"\n            flat\n            rounded\n            @click=\"$router.push({ name: `${authStore.roleSetting.routePrefix}register` })\"\n          >\n            Sign Up for an Account\n          </v-btn>\n        </div>\n        <div>\n          <v-btn\n            id=\"forgot-password\"\n            class=\"d-flex mb-2 mx-auto text-xs-center\"\n            flat\n            rounded\n            style=\"color: #777777\"\n            @click=\"$router.push({ name: `${authStore.roleSetting.routePrefix}forgot-password` })\"\n          >\n            Forgot Password\n          </v-btn>\n        </div>\n        <div>\n          <v-btn id=\"contact-us\" class=\"d-flex mb-2 mx-auto text-xs-center\" flat rounded style=\"color: #777777\" @click=\"globalStore.toggleIntercom()\">Contact Us</v-btn>\n        </div>\n      </template>\n      <Policy class=\"mt-4 mb-2\" />\n    </div>\n    <IntercomEmailForm />\n  </UnauthenticatedPageContainer>\n</template>\n\n<script setup lang=\"ts\">\nimport IntercomEmailForm from \"@/components/intercom/EmailForm.vue\";\nimport Policy from \"@/components/policy/Policy.vue\";\nimport { LOCALSTORAGE_KEYS } from \"@/constants\";\nimport UnauthenticatedPageContainer from \"@/containers/UnauthenticatedPageContainer.vue\";\nimport Api from \"@/library/apis/Api\";\nimport { validators } from \"@/library/helpers\";\nimport RouteHelpers from \"@/library/helpers/RouteHelpers\";\nimport { authStore, globalStore } from \"@/store-pinia\";\nimport { Capacitor } from \"@capacitor/core\";\n\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from \"vue-demi\";\nimport { useRoute, useRouter } from \"vue-router\";\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst loginFormElement = ref<HTMLElement | any>(null);\nconst login = ref({\n  client_id: \"\",\n  client_secret: \"\",\n});\nconst showPassword = ref(false);\nconst error = ref(false);\nconst error_message = ref(\"\");\nconst busy = ref(false);\nconst successPage = computed(() => route.name === \"registered\" || route.name === \"owner-registered\");\nconst rememberLoginCredential = ref(false);\nconst savedCredentials = computed(() => localStorage[LOCALSTORAGE_KEYS.SAVED_CREDENTIALS]);\nconst isMobileApplication = computed(() => Capacitor.isNativePlatform());\n\nconst signIn = async () => {\n  const { valid } = (await loginFormElement.value?.validate()) || {};\n  if (!!valid) {\n    if (!navigator.onLine) {\n      error.value = false;\n      error_message.value = \"No internet connection. Check your network settings and try again.\";\n      return;\n    }\n    busy.value = true;\n    authStore\n      .login(login.value.client_id, login.value.client_secret, rememberLoginCredential.value)\n      .then(() => {\n        nextTick(() => {\n          let redirectTo = `${authStore.roleSetting.routePrefix}dashboard`;\n          if (authStore.isOwner) redirectTo = \"owner-account-selection\";\n          router.push({ name: redirectTo });\n          if (localStorage.getItem(LOCALSTORAGE_KEYS.SAVED_CREDENTIALS)) {\n            globalStore.snackbar.show = true;\n            globalStore.snackbar.message = \"Login credentials saved\";\n          }\n        });\n      })\n      .catch(() => {\n        busy.value = false;\n        error.value = true;\n        error_message.value = \"Invalid Credentials\";\n      });\n  }\n};\n\nconst checkVerificationUrl = () => {\n  if (route.path === \"/login/verify\") {\n    busy.value = true;\n    verify();\n  }\n};\nconst verify = () => {\n  let url = localStorage.getItem(\"verify\");\n  if (!url) {\n    busy.value = false;\n    router.push({ path: \"/login\" });\n    return false;\n  }\n  Api.runApi(\"GET\", url)\n    .then(() => {\n      router.push({ path: `/login/success` });\n    })\n    .catch((e) => {\n      const msg = e.response && e.response.data ? e.response.data : e;\n      alert(msg);\n      router.push({ path: `/login/verify-error` });\n    })\n    .finally(() => {\n      busy.value = false;\n      localStorage.removeItem(\"verify\");\n    });\n};\nonMounted(() => {\n  if (authStore.isAuthenticated) {\n    router.push({ name: `${authStore.roleSetting.routePrefix}dashboard` });\n    return;\n  }\n  globalStore.reloadOnStateChange = false;\n  loginFormElement.value.reset();\n  nextTick(() => {\n    if (authStore.role === \"user\" && savedCredentials.value && isMobileApplication.value) {\n      const credentials = JSON.parse(savedCredentials.value);\n      login.value.client_id = decodeURIComponent(credentials.username);\n      login.value.client_secret = decodeURIComponent(credentials.password);\n      rememberLoginCredential.value = true;\n    }\n    if (authStore.role === \"owner\") {\n      if (!RouteHelpers.isLocal()) RouteHelpers.redirectToCorrectUrl();\n      else if (!successPage.value) authStore.role === \"owner\" ? router.push({ name: \"owner-login\" }) : router.push({ name: \"login\" });\n    }\n    checkVerificationUrl();\n  });\n});\n\nonBeforeUnmount(() => {\n  globalStore.reloadOnStateChange = true;\n});\n\nwatch(\n  () => route,\n  () => {\n    checkVerificationUrl();\n  }\n);\nwatch(\n  () => rememberLoginCredential.value,\n  (newVal) => {\n    if (newVal === undefined || newVal === null) return;\n    if (!newVal && localStorage.getItem(LOCALSTORAGE_KEYS.SAVED_CREDENTIALS)) {\n      localStorage.removeItem(LOCALSTORAGE_KEYS.SAVED_CREDENTIALS);\n      loginFormElement.value.reset();\n      globalStore.snackbar.show = true;\n      globalStore.snackbar.message = \"Login credentials cleared\";\n    }\n  }\n);\nwatch(\n  () => login.value.client_id,\n  (newVal, oldVal) => {\n    nextTick(() => {\n      if (newVal && oldVal !== newVal) login.value.client_id = login.value.client_id.toLowerCase().trim();\n    });\n  }\n);\n</script>\n\n<style lang=\"scss\">\n@import \"@/styles/_customs.scss\";\n</style>\n"],"names":["email","ref","contactUsEmailFormElement","showModal","computed","_a","globalStore","value","submit","valid","nextTick","route","useRoute","router","useRouter","loginFormElement","login","showPassword","error","error_message","busy","successPage","rememberLoginCredential","savedCredentials","LOCALSTORAGE_KEYS","isMobileApplication","Capacitor","signIn","authStore","redirectTo","checkVerificationUrl","verify","url","Api","msg","onMounted","credentials","RouteHelpers","onBeforeUnmount","watch","newVal","oldVal"],"mappings":"kXAuCM,MAAAA,EAAQC,EAAmB,IAAI,EAC/BC,EAA4BD,EAA4B,IAAI,EAE5DE,EAAYC,EAAS,CACzB,IAAK,IAAA,OAAM,OAAAC,EAAAC,EAAY,WAAZ,YAAAD,EAAsB,eACjC,IAAME,GAAU,CACTA,IAAOP,EAAM,MAAQ,MAC1BM,EAAY,SAAS,CAAE,SAAU,CAAE,GAAIA,EAAY,UAAY,GAAK,cAAeC,CAAM,CAAG,CAAA,CAC9F,CAAA,CACD,EAEKC,EAAS,SAAY,OACnB,KAAA,CAAE,MAAAC,GAAW,OAAMJ,EAAAH,EAA0B,QAA1B,YAAAG,EAAiC,aAAe,GACnEI,IACJH,EAAY,SAAS,CAAE,SAAU,CAAE,GAAIA,EAAY,UAAY,CAAK,EAAA,MAAON,EAAM,MAAO,cAAe,GAAO,KAAM,IAAQ,EAC5HU,EAAS,IAAM,CACbV,EAAM,MAAQ,IAAA,CACf,EACH,66CCkDF,MAAMW,EAAQC,IACRC,EAASC,IAETC,EAAmBd,EAAuB,IAAI,EAC9Ce,EAAQf,EAAI,CAChB,UAAW,GACX,cAAe,EAAA,CAChB,EACKgB,EAAehB,EAAI,EAAK,EACxBiB,EAAQjB,EAAI,EAAK,EACjBkB,EAAgBlB,EAAI,EAAE,EACtBmB,EAAOnB,EAAI,EAAK,EAChBoB,EAAcjB,EAAS,IAAMO,EAAM,OAAS,cAAgBA,EAAM,OAAS,kBAAkB,EAC7FW,EAA0BrB,EAAI,EAAK,EACnCsB,EAAmBnB,EAAS,IAAM,aAAaoB,EAAkB,iBAAiB,CAAC,EACnFC,EAAsBrB,EAAS,IAAMsB,GAAU,iBAAkB,CAAA,EAEjEC,EAAS,SAAY,OACnB,KAAA,CAAE,MAAAlB,GAAW,OAAMJ,EAAAU,EAAiB,QAAjB,YAAAV,EAAwB,aAAe,GAC5D,GAAEI,EAAO,CACP,GAAA,CAAC,UAAU,OAAQ,CACrBS,EAAM,MAAQ,GACdC,EAAc,MAAQ,qEACtB,MACF,CACAC,EAAK,MAAQ,GAEVQ,EAAA,MAAMZ,EAAM,MAAM,UAAWA,EAAM,MAAM,cAAeM,EAAwB,KAAK,EACrF,KAAK,IAAM,CACVZ,EAAS,IAAM,CACb,IAAImB,EAAa,GAAGD,EAAU,YAAY,WAAW,YACjDA,EAAU,UAAsBC,EAAA,2BACpChB,EAAO,KAAK,CAAE,KAAMgB,CAAY,CAAA,EAC5B,aAAa,QAAQL,EAAkB,iBAAiB,IAC1DlB,EAAY,SAAS,KAAO,GAC5BA,EAAY,SAAS,QAAU,0BACjC,CACD,CAAA,CACF,EACA,MAAM,IAAM,CACXc,EAAK,MAAQ,GACbF,EAAM,MAAQ,GACdC,EAAc,MAAQ,qBAAA,CACvB,CACL,CAAA,EAGIW,EAAuB,IAAM,CAC7BnB,EAAM,OAAS,kBACjBS,EAAK,MAAQ,GACNW,IACT,EAEIA,EAAS,IAAM,CACf,IAAAC,EAAM,aAAa,QAAQ,QAAQ,EACvC,GAAI,CAACA,EACH,OAAAZ,EAAK,MAAQ,GACbP,EAAO,KAAK,CAAE,KAAM,QAAU,CAAA,EACvB,GAEToB,GAAI,OAAO,MAAOD,CAAG,EAClB,KAAK,IAAM,CACVnB,EAAO,KAAK,CAAE,KAAM,gBAAkB,CAAA,CAAA,CACvC,EACA,MAAO,GAAM,CACN,MAAAqB,EAAM,EAAE,UAAY,EAAE,SAAS,KAAO,EAAE,SAAS,KAAO,EAC9D,MAAMA,CAAG,EACTrB,EAAO,KAAK,CAAE,KAAM,qBAAuB,CAAA,CAAA,CAC5C,EACA,QAAQ,IAAM,CACbO,EAAK,MAAQ,GACb,aAAa,WAAW,QAAQ,CAAA,CACjC,CAAA,EAEL,OAAAe,EAAU,IAAM,CACd,GAAIP,EAAU,gBAAiB,CACtBf,EAAA,KAAK,CAAE,KAAM,GAAGe,EAAU,YAAY,WAAW,YAAa,EACrE,MACF,CACAtB,EAAY,oBAAsB,GAClCS,EAAiB,MAAM,QACvBL,EAAS,IAAM,CACb,GAAIkB,EAAU,OAAS,QAAUL,EAAiB,OAASE,EAAoB,MAAO,CACpF,MAAMW,EAAc,KAAK,MAAMb,EAAiB,KAAK,EACrDP,EAAM,MAAM,UAAY,mBAAmBoB,EAAY,QAAQ,EAC/DpB,EAAM,MAAM,cAAgB,mBAAmBoB,EAAY,QAAQ,EACnEd,EAAwB,MAAQ,EAClC,CACIM,EAAU,OAAS,UAChBS,EAAa,QAAQ,EAChBhB,EAAY,UAAiB,OAAS,QAAUR,EAAO,KAAK,CAAE,KAAM,aAAe,CAAA,EAAIA,EAAO,KAAK,CAAE,KAAM,QAAS,KADpF,qBAAqB,GAG5CiB,GAAA,CACtB,CAAA,CACF,EAEDQ,EAAgB,IAAM,CACpBhC,EAAY,oBAAsB,EAAA,CACnC,EAEDiC,EACE,IAAM5B,EACN,IAAM,CACiBmB,GACvB,CAAA,EAEFS,EACE,IAAMjB,EAAwB,MAC7BkB,GAAW,CACkBA,GAAW,MACnC,CAACA,GAAU,aAAa,QAAQhB,EAAkB,iBAAiB,IACxD,aAAA,WAAWA,EAAkB,iBAAiB,EAC3DT,EAAiB,MAAM,QACvBT,EAAY,SAAS,KAAO,GAC5BA,EAAY,SAAS,QAAU,4BAEnC,CAAA,EAEFiC,EACE,IAAMvB,EAAM,MAAM,UAClB,CAACwB,EAAQC,IAAW,CAClB/B,EAAS,IAAM,CACT8B,GAAUC,IAAWD,IAAcxB,EAAA,MAAM,UAAYA,EAAM,MAAM,UAAU,YAAY,EAAE,KAAK,EAAA,CACnG,CACH,CAAA"}