{"version":3,"file":"profile.js","sources":["../src/components/form/input-loader.vue","../src/modules/Profile/ProfileMobileNumber.vue","../src/modules/Profile/ProfileLayout.vue","../src/style/images/logo_main.png","../src/modules/Profile/Profile.ts"],"sourcesContent":["<template>\n  <div class=\"sForm__input sForm__input--loader\">\n    <span class=\"uk-icon-spin uk-icon-spinner\" /> Loading...\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {Component, Vue, Prop} from \"vue-property-decorator\";\nimport intTelInput from \"intl-tel-input\";\n\nimport \"intl-tel-input/build/css/intlTelInput.css\";\n\ndeclare var intlTelInputUtils: any;\n\n@Component({\n  // inheritAttrs: false\n})\nexport default class InputLoader extends Vue {\n\n}\n</script>\n\n<style scoped>\n</style>\n","<template>\n  <div>\n    <form\n      v-if=\"!showCodeVerification\"\n      action=\"\"\n      class=\"sForm\"\n      @submit.prevent=\"submit\"\n    >\n      <div class=\"sForm__row\">\n        <h1 class=\"sForm__title\">\n          Update your mobile number\n        </h1>\n\n        <p>By adding your mobile number to your account, you will be able to log in via SMS code.</p>\n\n        <div\n          v-if=\"errorMessage\"\n          class=\"uk-alert uk-alert-danger\"\n        >\n          {{ errorMessage }}\n        </div>\n\n        <div\n          v-if=\"successMessage\"\n          class=\"uk-alert uk-alert-success\"\n        >\n          {{ successMessage }}\n        </div>\n      </div>\n      <div\n        class=\"sForm__row sForm__row--input\"\n        :class=\"{'sForm__row--error': inputPhoneInvalid}\"\n      >\n        <label for=\"mobile_number\">Your mobile number:</label>\n        <InputPhone\n          v-if=\"!loadingProfile\"\n          id=\"mobile_number\"\n          v-model=\"mobileNumber\"\n          input-class=\"sForm__input\"\n          @edited=\"edited\"\n          @valid=\"validNumber = $event\"\n        />\n        <InputLoader v-else />\n        <div class=\"uk-text-right\">\n          <a\n            v-if=\"profile.data.mobile_number && !deleting\"\n            href=\"#\"\n            class=\"uk-text-danger\"\n            @click.prevent=\"deleteNumber\"\n          ><span class=\"uk-icon-close\" /> delete mobile number</a>\n          <BasicLoader\n            v-if=\"deleting\"\n            :inline=\"true\"\n            dots-size=\"8px\"\n            dot-color=\"#d85030\"\n            text=\"deleting number\"\n          />\n        </div>\n      </div>\n\n      <div\n        class=\"sForm__row\"\n      >\n        <button\n          v-if=\"!sendingRequest\"\n          class=\"sForm__btn\"\n          :disabled=\"!shouldValidateNumber\"\n        >\n          Verify your number\n        </button>\n        <div\n          v-if=\"sendingRequest\"\n          class=\"sForm__btn sForm__btn--disabled\"\n        >\n          <BasicLoader :show-text=\"false\" />\n        </div>\n      </div>\n    </form>\n\n    <form\n      v-if=\"showCodeVerification\"\n      action=\"\"\n      class=\"sForm\"\n      @submit.prevent=\"submitCode\"\n    >\n      <div class=\"sForm__row\">\n        <h1 class=\"sForm__title\">\n          Confirm your mobile number\n        </h1>\n\n        <p>\n          An SMS code was sent to <strong>{{ profile.data.mobile_number }}</strong>, please enter it to validate your\n          number.\n        </p>\n\n        <div\n          v-if=\"errorMessage\"\n          class=\"uk-alert uk-alert-danger\"\n        >\n          {{ errorMessage }}\n        </div>\n\n        <div\n          class=\"uk-alert\"\n        >\n          <div v-if=\"resendCodeCountdown > 0\">\n            If you haven't received it in {{\n              resendCodeCountdown\n            }}s you can request a new code.\n          </div>\n          <div v-else>\n            <a\n              href=\"#\"\n              @click.prevent=\"submit\"\n            ><span class=\"uk-icon-refresh\" /> Send a new code to <strong>{{ profile.data.mobile_number }}</strong></a>\n            <br><br>\n            <a\n              href=\"#\"\n              @click.prevent=\"showCodeVerification = false\"\n            ><span class=\"uk-icon-edit\" /> Edit your phone number</a>\n          </div>\n        </div>\n      </div>\n      <div\n        class=\"sForm__row sForm__row--input\"\n        :class=\"{'sForm__row--error': inputPhoneInvalid}\"\n      >\n        <label for=\"mobile_number\">Confirmation Code:</label>\n        <OTPInput\n          v-model=\"confirmationCode\"\n          :box-count=\"6\"\n          form-id=\"otp\"\n        />\n      </div>\n\n      <div\n        class=\"sForm__row\"\n      >\n        <button\n          v-if=\"!sendingRequest\"\n          class=\"sForm__btn\"\n        >\n          Validate\n        </button>\n        <div\n          v-if=\"sendingRequest\"\n          class=\"sForm__btn sForm__btn--disabled\"\n        >\n          <BasicLoader :show-text=\"false\" />\n        </div>\n      </div>\n    </form>\n\n    <p>\n      <a :href=\"'/edit/editprofile.php?id=' + profile.data.id\">Return to profile settings</a>\n    </p>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {Component, Vue, Watch} from \"vue-property-decorator\";\nimport \"../../style/forms.css\";\nimport InputPhone from \"../../components/form/input-phone.vue\";\nimport UserModel, {create, UserModelData} from \"../../models/UserModel\";\nimport OTPInput from \"../../components/misc/OTPInput.vue\";\nimport InputLoader from \"../../components/form/input-loader.vue\";\nimport BasicLoader from \"../../components/misc/basic-loader.vue\";\nimport ApiService from \"../../lib/api\";\n\n@Component({\n  components: {BasicLoader, InputPhone, InputLoader, OTPInput}\n})\nexport default class ProfileMobileNumber extends Vue {\n  validNumber = false;\n  loadingProfile = true;\n  showCodeVerification = false;\n  confirmationCode = '';\n\n  resendCodeCountdown = 0;\n  otpTimeout = 0;\n\n  mobileNumber = '';\n\n  sendingRequest = false;\n\n  errorMessage = '';\n  successMessage = '';\n\n  deleting = false;\n\n  get profile(): UserModel {\n    return this.$store.getters['profile/get'];\n  }\n\n  @Watch('profile', {immediate: true})\n  onProfileChanged(): void {\n    this.loadingProfile = !this.profile.exists();\n    this.mobileNumber = this.profile.data.mobile_number ?? '';\n  }\n\n  get shouldValidateNumber(): boolean {\n    if (!this.validNumber) {\n      return false;\n    }\n\n    if (!this.profile.data.mobile_number_confirmed || this.numberHasChanged) {\n      return true;\n    }\n\n    return false;\n  }\n\n  get inputPhoneInvalid(): boolean {\n    return !this.validNumber && this.numberHasChanged;\n  }\n\n  get numberHasChanged(): boolean {\n    let number = \"\";\n    if (this.mobileNumber) {\n      number = this.mobileNumber.replace(/\\s/g, \"\");\n    }\n    return this.profile.data.mobile_number !== number;\n  }\n\n  startResendCodeCountdown(): void {\n    if (this.resendCodeCountdown === 0) {\n      this.resendCodeCountdown = 30;\n\n      this.otpTimeout = setInterval(() => {\n        this.resendCodeCountdown -= 1;\n        if (this.resendCodeCountdown <= 0) {\n          clearInterval(this.otpTimeout);\n        }\n      }, 30000) as unknown as number;\n    }\n  }\n\n  resetMessages(): void {\n    this.errorMessage = '';\n    this.successMessage = '';\n  }\n\n  edited(e: InputPhoneEdited): void {\n    this.validNumber = e.valid;\n  }\n\n  submit(): void {\n    this.sendingRequest = true;\n    this.resetMessages();\n    this.$store.dispatch('profile/updateAttr', {attribute: 'mobile_number', value: this.mobileNumber})\n        .then((resp: ApiResponseSingle<UserModelData>) => {\n          if (resp.meta?.passwordless_init) {\n            this.showCodeVerification = true;\n            this.startResendCodeCountdown();\n          }\n\n          if (resp.data.mobile_number_confirmed) {\n            this.successMessage = \"Your mobile number has been updated.\";\n          }\n        }).catch((resp: ApiResponseError) => {\n      this.errorMessage = resp?.json?.errors?.length > 0 ? resp.json.errors[0].message : \"An error has occurred, please try again or contact support.\";\n    }).finally(() => {\n      this.sendingRequest = false;\n    });\n  }\n\n  deleteNumber(): void {\n    this.resetMessages();\n    this.deleting = true;\n    this.$store.dispatch('profile/deleteAttr', 'mobile_number').then(() => {\n      this.successMessage = 'Your mobile number has been deleted.';\n    }).finally(() => this.deleting = false);\n  }\n\n  submitCode(): void {\n    this.resetMessages();\n    this.sendingRequest = true;\n    ApiService.post('/profile/' + this.profile.data.id + '/mobile_number_otp', {\n      code: this.confirmationCode\n    }).then((resp: ApiResponseSingle<UserModelData>) => {\n      this.$store.dispatch('profile/fetch', this.profile.data.id);\n      this.showCodeVerification = false;\n      this.successMessage = \"Your mobile number has been updated.\";\n    }).catch((resp: ApiResponseError) => {\n      this.errorMessage = resp?.json?.errors?.length > 0 ? resp.json.errors[0].message : \"An error has occurred, please try again or contact support.\";\n    }).finally(() => {\n      this.sendingRequest = false;\n    });\n  }\n}\n</script>\n\n<style scoped>\n\n</style>\n","<template>\n  <div\n    class=\"ssoBox\"\n    :class=\"boxStyle\"\n  >\n    <div\n      v-if=\"branding\"\n      class=\"ssoBox__branding\"\n    >\n      <a\n        :href=\"siteUrl\"\n        title=\"Return to the website\"\n        target=\"_parent\"\n      >\n        <img\n          src=\"../../style/images/logo_main.png\"\n          alt=\"Soo Bahk Do Institute logo\"\n        >\n      </a>\n    </div>\n    <div class=\"ssoBox__content\">\n      <div\n        v-if=\"!profileBelongsToUser && profile.exists()\"\n        class=\"ssoBox__notice\"\n      >\n        You are editing the profile of {{ profile.data.user_name }}.\n      </div>\n      <router-view :key=\"$route.fullPath\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { Component, Vue } from \"vue-property-decorator\";\nimport \"./profile.css\";\nimport UserModel from \"../../models/UserModel\";\n\n@Component\nexport default class ProfileLayout extends Vue {\n  created() {\n    if (this.$route.params.id) {\n      this.$store.dispatch(\"profile/fetch\", this.$route.params.id);\n    }\n  }\n\n  get options(): ProfileAppOptions {\n    return this.$store.getters[\"profile/options\"];\n  }\n\n  get profileBelongsToUser(): boolean {\n    return this.profile.data.id === this.$store.getters[\"context/user\"].data.id;\n  }\n\n  get profile(): UserModel {\n    return this.$store.getters[\"profile/get\"];\n  }\n\n  get siteUrl(): string {\n    return this.$route.query.client as string ?? this.options.siteURL;\n  }\n\n  get branding(): boolean {\n    return this.$route.meta.branding ?? false;\n  }\n\n  get boxStyle(): string {\n    const cls = [];\n    if (this.$route.meta.transparent || this.$route.query?.style === \"transparent\") {\n      cls.push(\"ssoBox--transparent\");\n    }\n\n    if (this.$route.query.method === \"embedded\") {\n      cls.push(\"ssoBox--embedded\");\n    }\n\n    return cls.join(\" \");\n  }\n}\n</script>\n\n<style scoped>\n\n</style>\n","export default \"__VITE_ASSET__BoID31yJ__\"","import Vue from 'vue';\nimport ProfileMobileNumber from './ProfileMobileNumber.vue';\nimport ProfilePassword from './ProfilePassword.vue';\nimport ProfileLayout from './ProfileLayout.vue';\nimport vuexI18n from 'vuex-i18n';\nimport Vuex from 'vuex';\nimport VueRouter from 'vue-router';\n// import store from '../../store';\nimport context from '../../store/context';\nimport users from '../../store/users';\nimport profile from './store';\nimport Login from '../../components/user/Login.vue';\nimport Register from '../../components/user/Register.vue';\nimport PasswordReset from '../../components/user/PasswordReset.vue';\nimport ProfileEmail from './ProfileEmail.vue';\nimport Maintenance from \"../../Maintenance.vue\";\nimport ApiService from \"../../lib/api\";\nVue.use(Vuex);\nVue.use(VueRouter);\n\nconst store = new Vuex.Store({\n  modules: {\n    profile,\n    context,\n    users,\n  }\n});\n\nconst routes = [\n  {\n    path: '/account/login',\n    component: Login,\n    // component: Maintenance,\n    meta: {branding: true, httpRedirect: true, pageTitle: 'Log in to your Soo Bahk Do account'}\n  },\n  {\n    path: '/account/register',\n    component: Register,\n    // component: Maintenance,\n    meta: {branding: true, httpRedirect: true, pageTitle: 'Create a Soo Bahk Do account'}\n  },{\n    path: '/account/recover',\n    component: PasswordReset,\n    // component: Maintenance,\n    meta: {branding: true, httpRedirect: true, pageTitle: 'Reset your password'}\n  },\n  {\n    path: '/account/:id/edit/mobile_number',\n    component: ProfileMobileNumber,\n    meta: {transparent: true, pageTitle: 'Update your mobile number'}\n  },\n  {\n    path: '/account/:id/edit/password',\n    component: ProfilePassword,\n    meta: {transparent: true, popup: false, pageTitle: 'Update your password'}\n  },\n  {\n    path: '/account/:id/edit/email',\n    component: ProfileEmail,\n    meta: {transparent: true, popup: false, pageTitle: 'Update your email address'}\n  },\n];\n\nVue.use(vuexI18n.plugin, store);\nVue.i18n.set('en_US');\n\nconst router = new VueRouter({\n  mode: 'history',\n  routes,\n});\n\nrouter.beforeEach((to, from, next) => {\n  if (to?.meta?.pageTitle) {\n    document.title = to.meta.pageTitle;\n  }\n\n  next();\n});\n\nexport default function init(element: string, options: ProfileAppOptions): ProfileLayout {\n  ApiService.init(options.siteURL + '/api');\n  store.commit('profile/setOptions', options);\n  store.dispatch('context/fetchUser').catch(() => { return; });\n  return new ProfileLayout({\n    store: store,\n    router,\n  }).$mount(element);\n}\n\n"],"names":["InputLoader","Vue","__decorateClass","Component","ProfileMobileNumber","number","resp","ApiService","Watch","BasicLoader","InputPhone","OTPInput","ProfileLayout","cls","__$_require_63861027__","Vuex","VueRouter","store","profile","context","users","routes","Login","Register","PasswordReset","ProfilePassword","ProfileEmail","vuexI18n","router","to","from","next","init","element","options"],"mappings":"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"}