{"version":3,"file":"template.customers.login.js?v=ad15ec7c4eb802426bdd","mappings":"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","sources":["webpack://ratandboa/./src/entry-points/customers.login.js","webpack://ratandboa/./src/components/Spinner.vue","webpack://ratandboa/./src/components/Spinner.vue?7342","webpack://ratandboa/./src/views/Login.vue","webpack://ratandboa/./src/views/Login.vue?680b"],"sourcesContent":["import initVueApp from \"@/core.js\";\nconst component = require(`./../views/Login.vue`).default;\ninitVueApp(component);\n","<template>\n  <div class=\"loader\">Loading...</div>\n</template>\n\n<script>\nexport default {\n  name: \"Spinner\",\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.loader {\n  font-size: 10px;\n  margin: 50px auto;\n  text-indent: -9999em;\n  width: 11em;\n  height: 11em;\n  border-radius: 50%;\n  background: $color-grey-dark;\n  background: -moz-linear-gradient(\n    left,\n    $color-grey-dark 10%,\n    rgba(255, 255, 255, 0) 42%\n  );\n  background: -webkit-linear-gradient(\n    left,\n    $color-grey-dark 10%,\n    rgba(255, 255, 255, 0) 42%\n  );\n  background: -o-linear-gradient(\n    left,\n    $color-grey-dark 10%,\n    rgba(255, 255, 255, 0) 42%\n  );\n  background: -ms-linear-gradient(\n    left,\n    $color-grey-dark 10%,\n    rgba(255, 255, 255, 0) 42%\n  );\n  background: linear-gradient(\n    to right,\n    $color-grey-dark 10%,\n    rgba(255, 255, 255, 0) 42%\n  );\n  position: relative;\n  -webkit-animation: load3 1.4s infinite linear;\n  animation: load3 1.4s infinite linear;\n  -webkit-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n}\n.loader:before {\n  width: 50%;\n  height: 50%;\n  background: $color-grey-dark;\n  border-radius: 100% 0 0 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  content: \"\";\n}\n.loader:after {\n  background: white;\n  width: 75%;\n  height: 75%;\n  border-radius: 50%;\n  content: \"\";\n  margin: auto;\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n}\n@-webkit-keyframes load3 {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n@keyframes load3 {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n</style>\n","import { render } from \"./Spinner.vue?vue&type=template&id=bae1bd50&scoped=true\"\nimport script from \"./Spinner.vue?vue&type=script&lang=js\"\nexport * from \"./Spinner.vue?vue&type=script&lang=js\"\n\nimport \"./Spinner.vue?vue&type=style&index=0&id=bae1bd50&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/runner/work/rb-redev/rb-redev/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-bae1bd50\"]])\n\nexport default __exports__","<template>\n  <div class=\"container login-page\">\n    <Menu v-if=\"!accessToken\">\n      <template #heading>\n        <h1>Account</h1>\n      </template>\n      <template #content>\n        <template v-if=\"!showForgottenPassword\">\n          <div class=\"container\">\n            <Tabs>\n              <Tab name=\"Login to your account\">\n                <SingleSignOn />\n                <LoginForm @success=\"handleLoginSuccess\" />\n                <div class=\"forgotten-password-button\">\n                  <Button\n                    type=\"button\"\n                    width=\"full\"\n                    theme=\"secondary\"\n                    @click=\"showForgottenPassword = true\"\n                  >\n                    Forgotten password?\n                  </Button>\n                </div>\n              </Tab>\n              <Tab name=\"New customer?\">\n                <RegisterPanel />\n              </Tab>\n            </Tabs>\n          </div>\n        </template>\n\n        <AccountRecovery v-if=\"showForgottenPassword\" />\n      </template>\n    </Menu>\n\n    <Menu v-else>\n      <template #heading>\n        <h1>Account</h1>\n      </template>\n      <template #content>\n        <div class=\"container\">\n          <template v-if=\"!error\">\n            <p class=\"u__text-align--center\">Please wait while we log you in</p>\n            <Spinner />\n          </template>\n          <template v-else>\n            <p class=\"error u__text-align--center\">{{ error }}</p>\n          </template>\n        </div>\n      </template>\n    </Menu>\n  </div>\n</template>\n\n<script>\nimport { mapActions, mapState } from \"vuex\";\n\nimport LoginForm from \"@/components/account/LoginForm.vue\";\nimport RegisterPanel from \"@/components/account/RegisterPanel.vue\";\nimport Button from \"@/components/ButtonV3.vue\";\nimport Menu from \"@/components/Menu\";\nimport SingleSignOn from \"@/components/SingleSignOn.vue\";\nimport Spinner from \"@/components/Spinner.vue\";\nimport Tab from \"@/components/Tab.vue\";\nimport Tabs from \"@/components/Tabs.vue\";\nimport AccountRecovery from \"@/components/account/AccountRecovery.vue\";\n\nexport default {\n  name: \"LoginPage\",\n  components: {\n    LoginForm,\n    RegisterPanel,\n    AccountRecovery,\n    SingleSignOn,\n    Tabs,\n    Tab,\n    Spinner,\n    Button,\n    Menu,\n  },\n  data() {\n    return {\n      showForgottenPassword: false,\n      accessToken: null,\n      error: false,\n    };\n  },\n  computed: {\n    ...mapState(\"auth\", [\"multipassAccount\"]),\n  },\n  async created() {\n    const params = new Proxy(new URLSearchParams(window.location.search), {\n      get: (searchParams, prop) => searchParams.get(prop),\n    });\n\n    this.accessToken = params.token;\n    const returnUrl = params.return_url;\n\n    if (this.accessToken) {\n      try {\n        const resp = await this.attemptSSOLogin({\n          accessToken: this.accessToken,\n          returnUrl,\n        });\n\n        if (resp) {\n          window.location.href = this.multipassAccount.url;\n        } else {\n          throw new Error(\"No customer found\");\n        }\n      } catch (error) {\n        console.error(error);\n        this.error = \"Something went wrong. Please try again.\";\n      }\n    }\n  },\n  methods: {\n    ...mapActions(\"auth\", [\"setCustomerAccessToken\", \"attemptSSOLogin\"]),\n    handleLoginSuccess() {\n      window.location.href = this.multipassAccount.url;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.error {\n  color: $color-red;\n}\n\n.login-page {\n  width: 100%;\n  max-width: 500px;\n  margin: 30px auto 0;\n}\n\n.forgotten-password-button {\n  margin-top: 10px;\n}\n</style>\n","import { render } from \"./Login.vue?vue&type=template&id=60a8a793&scoped=true\"\nimport script from \"./Login.vue?vue&type=script&lang=js\"\nexport * from \"./Login.vue?vue&type=script&lang=js\"\n\nimport \"./Login.vue?vue&type=style&index=0&id=60a8a793&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/runner/work/rb-redev/rb-redev/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-60a8a793\"]])\n\nexport default __exports__"],"names":["component","require","initVueApp","class","name","_createElementBlock","_hoisted_1","_createElementVNode","components","LoginForm","RegisterPanel","AccountRecovery","SingleSignOn","Tabs","Tab","Spinner","Button","Menu","data","showForgottenPassword","accessToken","error","computed","mapState","created","params","Proxy","URLSearchParams","window","location","search","get","searchParams","prop","this","token","returnUrl","return_url","attemptSSOLogin","Error","href","multipassAccount","url","console","methods","mapActions","handleLoginSuccess","$data","_createBlock","_component_Menu","key","heading","_withCtx","_hoisted_6","content","_hoisted_7","_hoisted_9","_toDisplayString","_Fragment","_hoisted_8","_createVNode","_component_Spinner","_hoisted_2","_hoisted_3","_component_Tabs","_component_Tab","_component_SingleSignOn","_component_LoginForm","onSuccess","$options","_hoisted_4","_component_Button","type","width","theme","onClick","_cache","$event","_component_RegisterPanel","_component_AccountRecovery"],"sourceRoot":""}