{"version":3,"sources":["webpack:///./node_modules/vue-spinner/src/ClipLoader.vue?4bb1","webpack:///./src/views/Auth/Components/VerifyAccount.vue","webpack:///./node_modules/vue-spinner/src/ClipLoader.vue","webpack:///./node_modules/vue-spinner/src/ClipLoader.vue?7433","webpack:///./src/views/Auth/Components/VerifyAccount.vue?6a6e","webpack:///./src/views/Auth/Components/VerifyAccount.vue?0126"],"names":["class","_createElementVNode","_createElementBlock","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_createVNode","_component_b_alert","show","dismissible","variant","_component_clip_loader","loading","_ctx","color","$data","size","style","$options","$props","name","props","type","Boolean","default","String","radius","computed","spinnerStyle","height","this","width","borderWidth","borderStyle","borderColor","borderRadius","background","__exports__","components","ClipLoader","data","code","mounted","$route","params","verifyAccount","setTimeout","$router","push","path","methods","mapActions","render"],"mappings":"yIAAA,W,yJCCQA,MAAM,W,kXASDA,MAAM,2B,GACRA,MAAM,a,QACTC,gCAA6B,MAAzBD,MAAM,eAAa,U,GAClBA,MAAM,2B,GACJA,MAAM,oC,GAwBJA,MAAM,6C,QACTC,gCAAwC,UAApC,mCAA+B,I,GAC9BD,MAAM,gB,wJAvCvBE,gCAqDO,OArDPC,EAqDO,CApDLC,EAQAH,gCA2CU,UA3CVI,EA2CU,CA1CRJ,gCAyCM,MAzCNK,EAyCM,CAxCJC,EACAN,gCAsCM,MAtCNO,EAsCM,CArCJP,gCAoCM,MApCNQ,EAoCM,CAZJR,gCAWM,MAXNS,EAWM,CAVJC,EACAV,gCAQM,MARNW,EAQM,CAPJC,yBAMUC,GANDC,KAAA,GAAKC,YAAA,GAAYC,QAAQ,W,8BAC/B,IAGD,8BAHC,qFAGD,yBAA0EC,GAA5DC,QAASC,UAAUC,MAAOC,QAAQC,KAAMH,Q,4EC5CnEpB,MAAM,a,qFAAXE,gCAGQ,MAHRC,EAGQ,CAFJF,gCACM,OADDD,MAAM,SAAgBwB,MAAK,4BAAEC,iB,4BADPC,aAOhB,OAEbC,KAAM,aAENC,MAAO,CACLT,QAAS,CACPU,KAAMC,QACNC,SAAS,GAEZV,MAAO,CACJQ,KAAMG,OACND,QAAS,WAEZR,KAAM,CACHM,KAAMG,OACND,QAAS,QAEXE,OAAQ,CACNJ,KAAMG,OACND,QAAS,SAGbG,SAAU,CACRC,eACE,MAAO,CACLC,OAAQC,KAAKd,KACbe,MAAOD,KAAKd,KACZgB,YAAa,MACbC,YAAa,QACbC,YAAaJ,KAAKhB,MAAQ,IAAMgB,KAAKhB,MAAQ,eAC7CqB,aAAcL,KAAKJ,OACnBU,WAAY,kB,iCChCpB,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,KAErD,Q,YFkDA,GACbC,WAAY,CACVC,cAEFC,OACE,MAAO,CACLC,KAAM,GACN3B,MAAO,YAIX4B,UACMZ,KAAKa,OAAOC,QACVd,KAAKa,OAAOC,OAAOH,OACrBX,KAAKe,cAAcf,KAAKa,OAAOC,OAAOH,MACtCK,WAAY,IAAMhB,KAAKiB,QAAQC,KAAK,CAAEC,KAAM,WAAY,OAI9DC,QAAS,IACJC,eAAW,OAAQ,CAAC,oB,UGxE3B,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,gB,kCCTf,W","file":"js/chunk-64c64cd0.e81bf5e2.js","sourcesContent":["export * from \"-!../../mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../vue-loader-v16/dist/stylePostLoader.js!../../postcss-loader/src/index.js??ref--7-oneOf-1-2!../../cache-loader/dist/cjs.js??ref--1-0!../../vue-loader-v16/dist/index.js??ref--1-1!./ClipLoader.vue?vue&type=style&index=0&id=7edc50d8&lang=css\"","<template>\r\n  <main class=\"no-main\">\r\n    <div class=\"ps-breadcrumb\">\r\n      <div class=\"container-fluid-sy\">\r\n        <ul class=\"ps-breadcrumb__list\">\r\n          <li class=\"active\"><a href=\"#\">Home</a></li>\r\n          <li><a href=\"javascript:void(0);\">Account Verification </a></li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n    <section class=\"section--order-tracking\">\r\n      <div class=\"container\">\r\n        <h2 class=\"page__title\"></h2>\r\n        <div class=\"order-tracking__content\">\r\n          <div class=\"order-tracking__form text-center\">\r\n            <!-- <form>\r\n              <div class=\"form-row\">\r\n                <div class=\"col-12 text-center\">\r\n                    <h3>You're ready to shopping!</h3>\r\n                  <p>\r\n                    <b> Congratulations,</b><br />\r\n                    We've verified your account.\r\n                  </p>\r\n                </div>\r\n                <div class=\"col-12 text\">\r\n                  <img\r\n                    class=\"okpng mx-auto d-block\"\r\n                    src=\"../../../assets/img/ok.png\"\r\n                    alt=\"ok\"\r\n                  />\r\n                </div>\r\n                <div class=\"col-12 form-group-block\">\r\n                  <router-link class=\"btn ps-button\" :to=\"{ name: 'login' }\">\r\n                    Continue\r\n                  </router-link>\r\n                </div>\r\n              </div>\r\n            </form> -->\r\n            <div class=\"account-verification-successful container\">\r\n              <h2>Account Verification Successful</h2>\r\n              <div class=\"success mt-3\">\r\n                <b-alert show dismissible variant=\"success\"\r\n                  >Your email has been successfully verified. You will be\r\n                  redirected in a moment...\r\n\r\n                  <clip-loader :loading=\"loading\" :color=\"color\" :size=\"size\"></clip-loader>\r\n                  \r\n                </b-alert>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  </main>\r\n</template>\r\n<script>\r\nimport ClipLoader  from \"vue-spinner/src/ClipLoader.vue\";\r\nimport { mapActions } from \"vuex\";\r\nexport default {\r\n  components: {\r\n    ClipLoader \r\n  },\r\n  data() {\r\n    return {\r\n      code: \"\",\r\n      color: '#e97027',\r\n    };\r\n  },\r\n\r\n  mounted() {\r\n    if (this.$route.params) {\r\n      if (this.$route.params.code) {\r\n        this.verifyAccount(this.$route.params.code);\r\n        setTimeout( () => this.$router.push({ path: '/login'}), 3000);\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    ...mapActions(\"auth\", [\"verifyAccount\"]),\r\n  }\r\n};\r\n</script>\r\n<style scoped>\r\n.icon-check {\r\n  width: 300px;\r\n}\r\n.okpng {\r\n  width: 100px;\r\n}\r\n.order-tracking__form {\r\n  max-width: 900px;\r\n}\r\n</style>","<template>\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-clip\" v-bind:style=\"spinnerStyle\">\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'ClipLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n  \tcolor: { \n      type: String,\n      default: '#5dc596'\n    },\n  \tsize: {\n      type: String,\n      default: '35px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  computed: {\n    spinnerStyle () {\n      return {\n        height: this.size,\n        width: this.size,\n        borderWidth: '2px',\n        borderStyle: 'solid',\n        borderColor: this.color + ' ' + this.color + ' transparent',\n        borderRadius: this.radius,\n        background: 'transparent'\n      }\n    }\n  }\n}\n</script>\n\n<style>\n.v-spinner\n{\n/*\t  font-size: 10px; \n\n    width: 60px;\n    height: 40px;*/\n    /*margin: 25px auto;*/\n    text-align: center;\n \n}\n\n.v-spinner .v-clip\n{\n    -webkit-animation: v-clipDelay 0.75s 0s infinite linear;\n            animation: v-clipDelay 0.75s 0s infinite linear;\n    -webkit-animation-fill-mode: both;\n\t          animation-fill-mode: both;\n\n    display: inline-block;\n}\n\n@-webkit-keyframes v-clipDelay\n{\n    0%\n    {\n        -webkit-transform: rotate(0deg) scale(1);\n                transform: rotate(0deg) scale(1);\n    }\n    50%\n    {\n        -webkit-transform: rotate(180deg) scale(0.8);\n                transform: rotate(180deg) scale(0.8);\n    }\n    100%\n    {\n        -webkit-transform: rotate(360deg) scale(1);\n                transform: rotate(360deg) scale(1);\n    }\n}\n\n@keyframes v-clipDelay\n{\n    0%\n    {\n        -webkit-transform: rotate(0deg) scale(1);\n                transform: rotate(0deg) scale(1);\n    }\n    50%\n    {\n        -webkit-transform: rotate(180deg) scale(0.8);\n                transform: rotate(180deg) scale(0.8);\n    }\n    100%\n    {\n        -webkit-transform: rotate(360deg) scale(1);\n                transform: rotate(360deg) scale(1);\n    }\n}\n</style>\n","import { render } from \"./ClipLoader.vue?vue&type=template&id=7edc50d8\"\nimport script from \"./ClipLoader.vue?vue&type=script&lang=js\"\nexport * from \"./ClipLoader.vue?vue&type=script&lang=js\"\n\nimport \"./ClipLoader.vue?vue&type=style&index=0&id=7edc50d8&lang=css\"\n\nimport exportComponent from \"C:\\\\Apps\\\\Projects\\\\Suyee Family Marketing\\\\web\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./VerifyAccount.vue?vue&type=template&id=ad76189e&scoped=true\"\nimport script from \"./VerifyAccount.vue?vue&type=script&lang=js\"\nexport * from \"./VerifyAccount.vue?vue&type=script&lang=js\"\n\nimport \"./VerifyAccount.vue?vue&type=style&index=0&id=ad76189e&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Apps\\\\Projects\\\\Suyee Family Marketing\\\\web\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-ad76189e\"]])\n\nexport default __exports__","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./VerifyAccount.vue?vue&type=style&index=0&id=ad76189e&scoped=true&lang=css\""],"sourceRoot":""}