{"version":3,"sources":["webpack:///./src/components/LoadingSpinner.vue?cc34","webpack:///./src/views/Register.vue","webpack:///./src/views/Register.vue?cea8","webpack:///./src/components/LoadingSpinner.vue","webpack:///./src/components/LoadingSpinner.vue?db5a"],"names":["class","style","width","height","fill","viewBox","aria-hidden","id","x","y","patternUnits","src","alt","xmlns","fill-rule","d","clip-rule","for","stroke","stroke-linecap","stroke-linejoin","stroke-width","sectionData","topText","middleText","showSuccess","message","showFailure","isLoading","createAccount","setUserData","$event","target","value","name","type","autocomplete","required","disabled","hasEssentialFields","passwordsMatch","perks","description","icon","newUser","Password","Email","IsActive","MaxNumberOfVideos","MaxNumberOfImages","IsAccountPrivate","IsPremium","Country","Radius","ProfileImageUUID","HeroImageUUID","IsFlatRate","City","Province","Username","About","FirstName","LastName","WebsiteUrl","Phone","Categories","BillingEmailAddress","Company","BillingAddress","BillingApartment","BillingCity","BillingProvince","BillingPostalCode","BillingCountry","Address","ZipPostalCode","OtherImagesUUID","VideoUUID","components","LoadingSpinner","setup","executeRecaptcha","recaptchaLoaded","recaptcha","gtoken","validateRecaptcha","resp","data","status","isValidRecaptcha","created","this","getLoginCookie","emitter","emit","fetchOcData","methods","fetchPageData","event","preventDefault","generateProfileUrl","CreateCustomer","Message","document","getElementById","click","sessionStorage","setItem","field","password1","password2","checkEssentialFields","randomChars","result","i","charAt","Math","floor","random","length","p1","p2","render"],"mappings":"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","file":"js/chunk-3bb63667.d40d6873.js","sourcesContent":["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-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-loader-v16/dist/index.js??ref--0-1!./LoadingSpinner.vue?vue&type=style&index=0&id=86502b7c&lang=css\"","<template>\r\n  <div v-if=\"sectionData\">\r\n    <div class=\"bg-gray-50 relative z-20\">\r\n      <svg class=\"hidden lg:block absolute top-0 right-0  -mr-20\"  style=\"z-index:-1\" width=\"404\" height=\"384\" fill=\"none\" viewBox=\"0 0 404 384\" aria-hidden=\"true\">\r\n        <defs>\r\n          <pattern id=\"de316486-4a29-4312-bdfc-fbce2132a2c1\" x=\"0\" y=\"0\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\">\r\n            <rect x=\"0\" y=\"0\" width=\"4\" height=\"4\" class=\"text-gray-200\" fill=\"currentColor\" />\r\n          </pattern>\r\n        </defs>\r\n        <rect width=\"404\" height=\"384\" fill=\"url(#de316486-4a29-4312-bdfc-fbce2132a2c1)\" />\r\n      </svg>\r\n      <div class=\"max-w-7xl mx-auto py-24 sm:px-2 sm:py-24 lg:px-4 sm:pb-0 pb-0\">\r\n        <div class=\"max-w-2xl mx-auto px-4 lg:max-w-none\">\r\n          <div\r\n            class=\"grid grid-cols-1 items-center gap-y-10 gap-x-16 lg:grid-cols-2\"\r\n          >\r\n            <div>\r\n              <h2 class=\"\r\n              mt-1\r\n              text-4xl\r\n              font-extrabold\r\n              text-gray-900\r\n              sm:text-5xl\r\n              sm:tracking-tight\r\n              lg:text-6xl\r\n            \">\r\n                {{ sectionData[0].topText }}\r\n              </h2>\r\n              <p class=\"mt-4 text-gray-500\">\r\n                {{ sectionData[0].middleText }}\r\n              </p>\r\n            </div>\r\n            <div\r\n              class=\"aspect-w-3 aspect-h-2 bg-gray-100 rounded-lg overflow-hidden\"\r\n            >\r\n              <img\r\n                src=\"https://tailwindui.com/img/ecommerce-images/incentives-07-hero.jpg\"\r\n                alt=\"\"\r\n                class=\"object-center object-cover\"\r\n              />\r\n            </div>\r\n          </div>\r\n          <div class=\"relative top-24 mt-4\">\r\n            <div class=\"bg-white shadow-xl border-gray-50 border-t rounded-lg\">\r\n              <h2 class=\"sr-only\">Our perks</h2>\r\n              <div\r\n                class=\"\r\n                  max-w-7xl\r\n                  mx-auto\r\n                  divide-y divide-gray-200\r\n                  py-8 lg:flex lg:justify-center lg:divide-y-0 lg:divide-x\r\n                \"\r\n              >\r\n                <div class=\"lg:py-0 lg:w-1/3 lg:flex-none\">\r\n                  <div\r\n                    class=\"\r\n                      text-center\r\n                      max-w-xs\r\n                      mx-auto\r\n                      px-4\r\n                      rounded-xl\r\n                      lg:max-w-none lg:px-8\r\n                    \"\r\n                  >\r\n                    <img src=\"Step1.svg\" class=\"h-20 w-20 mx-auto\"> \r\n                    <div class=\"mt-4\">\r\n                      <h3 class=\"font-bold text-gray-900 text-base\">\r\n                        {{ sectionData[1].topText }}\r\n                      </h3>\r\n                      <p class=\"mt-1 text-base text-gray-500\">\r\n                        {{ sectionData[1].middleText }}\r\n                      </p>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"py-8 lg:py-0 lg:w-1/3 lg:flex-none\">\r\n                  <div\r\n                    class=\"\r\n                      text-center\r\n                      mx-auto\r\n                      px-4 lg:px-8\r\n                    \"\r\n                  >\r\n                  \r\n                    <img src=\"Step2.svg\" class=\"h-20 w-20 mx-auto\"> \r\n                    <div class=\"mt-4\">\r\n                      <h3 class=\"font-bold text-gray-900 text-base\">\r\n                        {{ sectionData[2].topText }}\r\n                      </h3>\r\n                      <p class=\"mt-1 text-gray-500 text-base\">{{ sectionData[2].middleText }}</p>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"py-8 lg:py-0 lg:w-1/3 lg:flex-none\">\r\n                  <div\r\n                    class=\"\r\n                      max-w-xs\r\n                      mx-auto\r\n                      px-4\r\n                      text-center\r\n                      lg:max-w-none lg:px-8\r\n                    \"\r\n                  >\r\n                  <img src=\"Step3.svg\" class=\"h-20 w-20 mx-auto\"> \r\n                    <div class=\"mt-4\">\r\n                      <h3 class=\"font-bold text-base text-gray-900\">\r\n                        {{ sectionData[3].topText }}\r\n                      </h3>\r\n                      <p class=\"mt-1 text-base text-gray-500\">\r\n                        {{ sectionData[3].middleText }}</p>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div\r\n      class=\"bg-white border-b border-gray-100 flex flex-col pt-36 justify-center py-24 px-6 lg:px-8 relative\"\r\n      id=\"register\"\r\n    >\r\n          <svg class=\"hidden lg:block absolute top-0 right-0 -mt-20 -mr-20 z-10\" width=\"404\" height=\"384\" fill=\"none\" viewBox=\"0 0 404 384\" aria-hidden=\"true\">\r\n              <defs>\r\n                <pattern id=\"de316486-4a29-4312-bdfc-fbce2132a2c1\" x=\"0\" y=\"0\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\">\r\n                  <rect x=\"0\" y=\"0\" width=\"4\" height=\"4\" class=\"text-gray-200\" fill=\"currentColor\" />\r\n                </pattern>\r\n              </defs>\r\n              <rect width=\"404\" height=\"384\" fill=\"url(#de316486-4a29-4312-bdfc-fbce2132a2c1)\" />\r\n            </svg>\r\n            <svg class=\"hidden lg:block absolute bottom-0 left-0 -ml-20 z-10\" width=\"404\" height=\"384\" fill=\"none\" viewBox=\"0 0 404 384\" aria-hidden=\"true\">\r\n                <defs>\r\n                  <pattern id=\"de316486-4a29-4312-bdfc-fbce2132a2c1\" x=\"0\" y=\"0\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\">\r\n                    <rect x=\"0\" y=\"0\" width=\"4\" height=\"4\" class=\"text-gray-200\" fill=\"currentColor\" />\r\n                  </pattern>\r\n                </defs>\r\n                <rect width=\"404\" height=\"384\" fill=\"url(#de316486-4a29-4312-bdfc-fbce2132a2c1)\" />\r\n              </svg>\r\n\r\n      <div class=\"sm:mx-auto relative z-20\">\r\n        <h2 class=\"\r\n              mt-1\r\n              text-4xl\r\n              font-extrabold\r\n              text-gray-900\r\n              sm:text-5xl\r\n              sm:tracking-tight\r\n              lg:text-6xl\r\n              text-center \">\r\n          {{ sectionData[4].topText }}\r\n        </h2>\r\n        <div class=\"relative text-lg text-gray-700 font-medium mt-4 mb-4\">\r\n          <p class=\"relative text-center mb-5\">{{ sectionData[4].middleText }}</p>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"mt-4 sm:mx-auto sm:w-full sm:max-w-xl  relative z-20\">\r\n        <div class=\"border-t border-gray-50  py-8 px-4 shadow-xl sm:rounded-lg sm:px-10 bg-white\">\r\n          <!-- Registration succeeded message -->\r\n          <div v-if=\"showSuccess\" class=\"rounded-md bg-green-50 p-4 mb-8\">\r\n            <div class=\"flex\">\r\n              <div class=\"flex-shrink-0\">\r\n                <!-- Heroicon name: solid/check-circle -->\r\n                <svg class=\"h-5 w-5 text-green-400\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\r\n                  <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\" />\r\n                </svg>\r\n              </div>\r\n              <div class=\"ml-3\">\r\n                <h3 class=\"text-sm font-medium text-green-800\">\r\n                  {{ message }}\r\n                </h3>\r\n                <!--<div class=\"mt-2 text-sm text-green-700\">\r\n                  <p class=\"text-green-700  text-sm\">\r\n                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid pariatur, ipsum similique veniam.\r\n                  </p>\r\n                </div>-->\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <!-- Login failed message -->\r\n          <div v-if=\"showFailure\" class=\"rounded-md bg-red-50 p-4 mb-4\">\r\n            <div class=\"flex\">\r\n              <div class=\"flex-shrink-0\">\r\n                <!-- Heroicon name: solid/x-circle -->\r\n                <svg\r\n                  class=\"h-5 w-5 text-red-400\"\r\n                  xmlns=\"http://www.w3.org/2000/svg\"\r\n                  viewBox=\"0 0 20 20\"\r\n                  fill=\"currentColor\"\r\n                  aria-hidden=\"true\"\r\n                >\r\n                  <path\r\n                    fill-rule=\"evenodd\"\r\n                    d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z\"\r\n                    clip-rule=\"evenodd\"\r\n                  />\r\n                </svg>\r\n              </div>\r\n              <div class=\"ml-3\">\r\n                <h3 class=\"text-sm font-medium text-red-800\">Failed to register</h3>\r\n                <div class=\"mt-2 text-red-700\">\r\n                  <p class=\" text-red-700 text-sm \">{{ message }}</p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <LoadingSpinner v-if=\"isLoading\" class=\"justify-center items-center\"/>\r\n          <form v-if=\"!isLoading\" class=\"space-y-6\" @submit=\"createAccount\">\r\n            <div>\r\n              <label for=\"email\" class=\"block text-sm font-medium text-gray-700\">\r\n                Email address\r\n              </label>\r\n              <div class=\"mt-1 relative\">\r\n                <div class=\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none\"><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" class=\"h-5 w-5 text-gray-400\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"></path></svg></div>\r\n                <input\r\n                  @input=\"setUserData('Email', $event.target.value)\"\r\n                  id=\"email\"\r\n                  name=\"email\"\r\n                  type=\"email\"\r\n                  autocomplete=\"email\"\r\n                  required=\"\"\r\n                  class=\"\r\n                    appearance-none\r\n                    block\r\n                    w-full\r\n                    px-3\r\n                    py-2\r\n                    pl-10\r\n                    border border-gray-300\r\n                    rounded-md\r\n                    shadow-sm\r\n                    placeholder-gray-400\r\n                    focus:outline-none\r\n                    focus:ring-indigo-500\r\n                    focus:border-indigo-500\r\n                    sm:text-sm\r\n                  \"\r\n                />\r\n              </div>\r\n            </div>\r\n\r\n            <div>\r\n              <label\r\n                for=\"password\"\r\n                class=\"block text-sm font-medium text-gray-700\"\r\n              >\r\n                Password\r\n              </label>\r\n              <div class=\"mt-1\">\r\n                <input\r\n                  @input=\"setUserData('Password', $event.target.value)\"\r\n                  id=\"password\"\r\n                  name=\"password\"\r\n                  type=\"password\"\r\n                  autocomplete=\"current-password\"\r\n                  required=\"\"\r\n                  class=\"\r\n                    appearance-none\r\n                    block\r\n                    w-full\r\n                    border border-gray-300\r\n                    rounded-md\r\n                    shadow-sm\r\n                    placeholder-gray-400\r\n                    focus:outline-none\r\n                    focus:ring-indigo-500\r\n                    focus:border-indigo-500\r\n                    sm:text-sm\r\n                  \"\r\n                />\r\n              </div>\r\n            </div>\r\n\r\n            <div>\r\n              <label\r\n                for=\"password\"\r\n                class=\"block text-sm font-medium text-gray-700\"\r\n              >\r\n                Confirm Password\r\n              </label>\r\n              <div class=\"mt-1\">\r\n                <input\r\n                  @input=\"setUserData('Password', $event.target.value)\"\r\n                  id=\"password2\"\r\n                  name=\"password\"\r\n                  type=\"password\"\r\n                  autocomplete=\"current-password\"\r\n                  required=\"\"\r\n                  class=\"\r\n                    appearance-none\r\n                    block\r\n                    w-full\r\n                    border border-gray-300\r\n                    rounded-md\r\n                    shadow-sm\r\n                    placeholder-gray-400\r\n                    focus:outline-none\r\n                    focus:ring-indigo-500\r\n                    focus:border-indigo-500\r\n                    sm:text-sm\r\n                  \"\r\n                />\r\n              </div>\r\n            </div>\r\n\r\n            <div>\r\n              <button\r\n                class=\"\r\n                  w-full\r\n                  flex\r\n                  justify-center\r\n                  whitespace-nowrap\r\n                  inline-flex\r\n                  items-center\r\n                  justify-center\r\n                  bg-origin-border\r\n                  px-4\r\n                  py-2\r\n                  border border-transparent\r\n                  rounded-md\r\n                  shadow-sm\r\n                  text-base\r\n                  font-medium\r\n                  text-white\r\n                \"\r\n                :disabled=\"!hasEssentialFields && passwordsMatch\"\r\n                v-bind:class=\"[\r\n                  hasEssentialFields && passwordsMatch\r\n                    ? 'bg-gradient-to-r from-blue-500 to-blue-700 hover:bg-blue-700 hover:to-blue-500'\r\n                    : 'bg-gradient-to-r from-blue-500 to-blue-700 opacity-70 cursor-not-allowed',\r\n                  ]\"\r\n              >\r\n                Create my profile!\r\n              </button>\r\n              <!-- <router-link\r\n                to=\"/Dashboard\"\r\n                :onclick=\"createAccount()\"\r\n                class=\"\r\n                  w-full\r\n                  flex\r\n                  justify-center\r\n                  whitespace-nowrap\r\n                  inline-flex\r\n                  items-center\r\n                  justify-center\r\n                  bg-gradient-to-r\r\n                  from-blue-500\r\n                  to-blue-700\r\n                  bg-origin-border\r\n                  px-4\r\n                  py-2\r\n                  border border-transparent\r\n                  rounded-md\r\n                  shadow-sm\r\n                  text-base\r\n                  font-medium\r\n                  text-white\r\n                  hover:from-blue-700 hover:to-blue-500\r\n                \"\r\n              >\r\n                Create my profile!\r\n              </router-link> -->\r\n            </div>\r\n          </form>\r\n\r\n          <div class=\"mt-6\">\r\n            <div class=\"relative\">\r\n              <div class=\"absolute inset-0 flex items-center\">\r\n                <div class=\"w-full border-t border-gray-300\" />\r\n              </div>\r\n              <div class=\"relative flex justify-center text-sm\">\r\n                <span class=\"px-2 bg-white text-gray-800 font-medium\">\r\n                  Already have an account?\r\n                </span>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"mt-6 grid grid-cols-1 gap-3\">\r\n              <div>\r\n                <a href=\"/login\" class=\"router-link-active router-link-exact-active w-full\r\n              whitespace-nowrap\r\n              inline-flex\r\n              items-center\r\n              justify-center\r\n              bg-gradient-to-r\r\n              from-indigo-500\r\n              to-indigo-700\r\n              bg-origin-border\r\n              px-4\r\n              py-2\r\n              border border-transparent\r\n              rounded-md\r\n              shadow-sm\r\n              text-base\r\n              font-medium\r\n              text-white\r\n              hover:from-indigo-700 hover:to-indigo-500\" id=\"\" aria-current=\"page\"> Sign In </a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport LoadingSpinner from \"../components/LoadingSpinner.vue\";\r\nimport { CalendarIcon, RefreshIcon, TruckIcon } from \"@heroicons/vue/outline\";\r\nimport { OcContentService } from \"../services/ocContentService\";\r\nimport { NopService } from \"../services/nopService\";\r\nimport { CookieService } from '../services/cookieService';\r\nimport { useReCaptcha } from 'vue-recaptcha-v3'\r\n\r\nconst perks = [\r\n  {\r\n    name: \"10-year all-inclusive warranty\",\r\n    description: \"We’ll replace it with a new one\",\r\n    icon: CalendarIcon,\r\n  },\r\n  {\r\n    name: \"Free shipping on returns\",\r\n    description: \"Send it back for free\",\r\n    icon: RefreshIcon,\r\n  },\r\n  {\r\n    name: \"Free, contactless delivery\",\r\n    description: \"The shipping is on us\",\r\n    icon: TruckIcon,\r\n  },\r\n];\r\n\r\nconst newUser = {\r\n    Password:\"\",\r\n    Email:\"\",\r\n    IsActive: true,\r\n    MaxNumberOfVideos: 4, //default value\r\n    MaxNumberOfImages:4, //default value\r\n    IsAccountPrivate:true, //default value\r\n    IsPremium:false, //default value\r\n    Country:\"Canada\", //default value\r\n    Radius:0, //default value\r\n    ProfileImageUUID:\"1ae7caba-848a-465f-8cc7-952235f60bc2\", //default value\r\n    HeroImageUUID:\"8db14653-96d1-411f-a314-49592d808884\", //default value\r\n    IsFlatRate: false, //default value\r\n    City:\"\",\r\n    Province:\"\",\r\n    Username:\"\",\r\n    About:\"\",\r\n    FirstName:\"\",\r\n    LastName:\"\",\r\n    WebsiteUrl:\"\",   \r\n    Phone:\"\",\r\n    Categories:\"\",\r\n    BillingEmailAddress:\"\",\r\n    Company:\"\",\r\n    BillingAddress:\"\",\r\n    BillingApartment:\"\",\r\n    BillingCity:\"\",\r\n    BillingProvince:\"\",\r\n    BillingPostalCode:\"\",\r\n    BillingCountry:\"\",\r\n    Address:\"\",\r\n    ZipPostalCode:\"\",\r\n    OtherImagesUUID:\"\",\r\n    VideoUUID:\"\"\r\n  }\r\n\r\nexport default {\r\n  components: {\r\n    LoadingSpinner\r\n  },\r\n  setup() {\r\n    const { executeRecaptcha, recaptchaLoaded } = useReCaptcha()\r\n\r\n    const recaptcha = async () => {\r\n      // (optional) Wait until recaptcha has been loaded.\r\n      await recaptchaLoaded()\r\n      // Execute reCAPTCHA with action \"login\".\r\n      const gtoken = await executeRecaptcha('login')\r\n      // Do stuff with the received token.\r\n      let resp = await NopService.validateRecaptcha(gtoken)\r\n      return (resp.data.status == 1)\r\n    }\r\n    return {\r\n      recaptcha,\r\n      perks,\r\n      newUser,\r\n    };\r\n  },\r\n  data() {\r\n    return {\r\n      sectionData: null,\r\n      passwordsMatch: false,\r\n      showFailure: false,\r\n      showSuccess: false,\r\n      message: \"\",\r\n      isLoading: false,\r\n      hasEssentialFields: false,\r\n      isValidRecaptcha: false,\r\n    }\r\n  },\r\n  created() {\r\n    this.isLoading = true;\r\n    //need to do this to check whether the nav bar needs to be updated\r\n    if (!CookieService.getLoginCookie()) {\r\n      this.emitter.emit(\"logged-in\", false);\r\n    }\r\n    this.fetchOcData();\r\n    this.isLoading = false;\r\n  },\r\n  methods: {\r\n    async fetchOcData() {\r\n      this.sectionData = await OcContentService.fetchPageData(\r\n        \"Register\",\r\n        \"KrickersSectionContent\"\r\n      );\r\n    },\r\n    async createAccount(event) {\r\n      event.preventDefault()\r\n      //READ THIS:\r\n      //https://stackoverflow.com/questions/42091805/add-event-listener-to-router-link-component-using-v-on-directive-vuejs\r\n      this.isValidRecaptcha = await this.recaptcha();\r\n      if (this.isValidRecaptcha && this.passwordsMatch) {\r\n        this.isLoading = true;\r\n        this.showSuccess = false;\r\n        this.showFailure = false;\r\n        this.generateProfileUrl();\r\n        let resp = await NopService.CreateCustomer(this.newUser);\r\n        if (resp.data.Message === \"Customer has been registered successfully\") { //MAKE SURE THIS CONDITIONAL DOES A PROPER CHECK TO ENSURE THE USER WAS CREATED\r\n          this.showSuccess = true;\r\n          this.message = \"Please check your email for a verification link.\";\r\n          // let loginDetails = {\r\n          //   Password: newUser.Password,\r\n          //   Email: resp.data.Data.Email\r\n          // }\r\n          // resp = await NopService.LogIn(loginDetails, false);\r\n          // if (resp.data.Status == 1) {\r\n          //   //login was successful\r\n          //   this.emitter.emit(\"logged-in\", true);\r\n          //   this.$router.push({ path: 'Dashboard' })\r\n          // }\r\n          // else {\r\n          //   this.showFailure = true;\r\n          //   this.message = resp.data.Message;\r\n          // }\r\n        }\r\n        else {\r\n          this.showFailure = true;\r\n          this.message = resp.data.Message;\r\n        }\r\n        this.isLoading = false;\r\n      }\r\n      //THIS WAS COPIED FROM THE PART THAT CALLS createAccount()\r\n      document.getElementById('signInButton').click();\r\n      sessionStorage.setItem('login','true');\r\n    },\r\n    setUserData(field, value) {\r\n      this.newUser[field] = value;\r\n      let password1 = document.getElementById(\"password\").value;\r\n      let password2 = document.getElementById(\"password2\").value;\r\n      this.passwordsMatch = password1 === password2;\r\n      this.checkEssentialFields(password1, password2)\r\n    },\r\n    generateProfileUrl() {\r\n      if (!this.newUser.Username) {\r\n        var randomChars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\r\n        var result = '';\r\n        for ( var i = 0; i < 20; i++ ) {\r\n            result += randomChars.charAt(Math.floor(Math.random() * randomChars.length));\r\n        }\r\n        this.newUser.Username = result;\r\n      }\r\n    },\r\n    checkEssentialFields(p1, p2) {\r\n      if (this.newUser.Email && p1 && p2) {\r\n        this.hasEssentialFields = true;\r\n      }\r\n      else {\r\n        this.hasEssentialFields = false;\r\n      }\r\n    }\r\n  }\r\n};\r\n</script>","import { render } from \"./Register.vue?vue&type=template&id=691072e9\"\nimport script from \"./Register.vue?vue&type=script&lang=js\"\nexport * from \"./Register.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","<template>\r\n  <!-- <div class=\"flex justify-center items-center\">\r\n    <div\r\n      class=\"\r\n        loader\r\n        ease-linear\r\n        rounded-full\r\n        border-8 border-t-8 border-gray-200\r\n        h-32\r\n        w-32\r\n      \"\r\n    ></div>\r\n  </div> -->\r\n  <div class=\"flex justify-center items-center\">\r\n    <div\r\n      class=\"\r\n        animate-spin\r\n        rounded-full\r\n        h-32\r\n        w-32\r\n        border-t-2 border-b-2 border-purple-500\r\n      \">\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  setup() {},\r\n};\r\n</script>\r\n<style>\r\n  /* .loader {\r\n    border-top-color: #3498db;\r\n    -webkit-animation: spinner 1.5s linear infinite;\r\n    animation: spinner 1.5s linear infinite;\r\n  }\r\n\r\n  @-webkit-keyframes spinner {\r\n    0% {\r\n      -webkit-transform: rotate(0deg);\r\n    }\r\n    100% {\r\n      -webkit-transform: rotate(360deg);\r\n    }\r\n  }\r\n\r\n  @keyframes spinner {\r\n    0% {\r\n      transform: rotate(0deg);\r\n    }\r\n    100% {\r\n      transform: rotate(360deg);\r\n    }\r\n  } */\r\n</style>","import { render } from \"./LoadingSpinner.vue?vue&type=template&id=86502b7c\"\nimport script from \"./LoadingSpinner.vue?vue&type=script&lang=js\"\nexport * from \"./LoadingSpinner.vue?vue&type=script&lang=js\"\n\nimport \"./LoadingSpinner.vue?vue&type=style&index=0&id=86502b7c&lang=css\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}