{"version":3,"sources":["webpack:///./src/services/AssetLabels/GetAssetLabels.js","webpack:///./src/store/usersStore.js","webpack:///./src/services/Users/GetUsers.js","webpack:///./node_modules/vue-simple-password-meter/dist/vue-simple-password-meter.umd.js","webpack:///./src/assets/cs-loader.png","webpack:///./src/views/v3/Clients/ActivateUserNext.vue","webpack:///./src/views/v3/Clients/ActivateUserNext.vue?74f6","webpack:///./src/views/v3/Clients/ActivateUserNext.vue?46da","webpack:///./src/assets/cs-logo.png"],"names":["GetAssetLabels","async","data","HttpClient","get","params","UserId","id","Promise","resolve","err","reject","useUsersStore","defineStore","users","ref","email","firstName","lastName","userTypeId","isDistributor","googleSheetLink","partnerPercentage","sheetName","youtube","twitch","instagram","tiktok","facebook","twitter","douyin","kuaishou","rumble","others","profilePictureUrl","csCode","isAdmin","computed","value","isSuperAdmin","isUser","assetLabels","assetLabelDataTable","columns","label","field","rows","getUsers","payload","getUserById","then","response","setIsDistributor","GetUsers","getAssetLabels","setSelectedAssetLabels","setDropdownValues","assignedDashboard","selectedArray","newArray","map","item","selected","item2","find","i2","document","r","createElement","appendChild","createTextNode","head","o","console","error","s","n","module","exports","this","e","t","c","a","_","m","x","C","k","v","test","i","u","l","d","length","h","p","f","name","props","password","String","emits","$emit","score","strength","scored","g","__vccOpts","w","openBlock","createElementBlock","class","normalizeClass","passwordClass","useTitle","usersStore","route","useRoute","router","useRouter","link","toastObject","title","state","message","color","icon","loadingSpinner","form","reactive","firstname","lastname","confirmPassword","isSamePassword","isSubmitBtnDisabled","onScore","isLinkValid","submit","formData","FormData","append","axios","post","status","undefined","push","catch","onBeforeMount","__exports__"],"mappings":"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","file":"js/chunk-1dd82ecc.2f00ec24.js","sourcesContent":["import { HttpClient } from \"../HttpClient\";\r\n/**\r\n * * Get Asset Label\r\n */\r\nexport const GetAssetLabels = async (id) => {\r\n\ttry {\r\n\t\tconst { data } = await HttpClient.get(\"api/assetLabels/List\", {\r\n\t\t\tparams: {\r\n\t\t\t\tUserId: id,\r\n\t\t\t},\r\n\t\t});\r\n\t\treturn await Promise.resolve(data);\r\n\t} catch (err) {\r\n\t\treturn Promise.reject(err);\r\n\t}\r\n};\r\n","import { defineStore } from \"pinia\";\r\nimport { computed, ref } from \"vue\";\r\nimport { GetUsers } from \"../services/Users/GetUsers\";\r\nimport { GetAssetLabels } from \"../services/AssetLabels/GetAssetLabels\";\r\n\r\nexport const useUsersStore = defineStore(\"users\", () => {\r\n  const users = ref({\r\n    email: \"\",\r\n    firstName: \"\",\r\n    id: \"\",\r\n    lastName: \"\",\r\n    userTypeId: \"\",\r\n    isDistributor: false,\r\n    googleSheetLink: null,\r\n    partnerPercentage: \"\",\r\n    sheetName: null,\r\n    youtube: \"\",\r\n    twitch: \"\",\r\n    instagram: \"\",\r\n    tiktok: \"\",\r\n    facebook: \"\",\r\n    twitter: \"\",\r\n    douyin: \"\",\r\n    kuaishou: \"\",\r\n    rumble: \"\",\r\n    others: \"\",\r\n    profilePictureUrl: null,\r\n    csCode: \"\",\r\n  });\r\n  const isAdmin = computed(() => {\r\n    return users.value.userTypeId == 1;\r\n  });\r\n  const isSuperAdmin = computed(() => {\r\n    return users.value.userTypeId == 4;\r\n  });\r\n  const isUser = computed(() => {\r\n    return users.value.userTypeId == 2 || users.value.userTypeId == 3;\r\n  });\r\n  const assetLabels = ref([]);\r\n  const assetLabelDataTable = ref({\r\n    columns: [{ label: \"Name\", field: \"name\" }],\r\n    rows: [],\r\n  });\r\n  const getUsers = (payload) => {\r\n    getUserById(payload?.UserId).then((response) => {\r\n      users.value = response;\r\n      setIsDistributor(users.value.userTypeId);\r\n    });\r\n  };\r\n  const getUserById = async (id) => {\r\n    const response = await GetUsers(id);\r\n    return response;\r\n  };\r\n  const setIsDistributor = (id) => {\r\n    if (id == 3) users.value.isDistributor = true;\r\n  };\r\n  const getAssetLabels = (payload) => {\r\n    GetAssetLabels(payload?.UserId).then((response) => {\r\n      setSelectedAssetLabels(response.data);\r\n      setDropdownValues();\r\n    });\r\n  };\r\n  const assignedDashboard = ref(1);\r\n  const setSelectedAssetLabels = (selectedArray) => {\r\n    const newArray = selectedArray.map((item) => {\r\n      return {\r\n        ...item,\r\n        selected: true,\r\n        assignedDashboard:\r\n          item.assignedDashboard != null ? item.assignedDashboard : null,\r\n      };\r\n    });\r\n    assetLabels.value = newArray;\r\n  };\r\n\r\n  const setDropdownValues = () => {\r\n    assetLabelDataTable.value.rows = assetLabelDataTable.value.rows.map(\r\n      (item) => {\r\n        const item2 = assetLabels.value.find((i2) => {\r\n          if (i2.id == item.id) return i2;\r\n        });\r\n        return item2 ? { ...item, ...item2 } : item;\r\n      }\r\n    );\r\n  };\r\n  return {\r\n    getUsers,\r\n    getUserById,\r\n    users,\r\n    getAssetLabels,\r\n    assetLabels,\r\n    assignedDashboard,\r\n    setDropdownValues,\r\n    assetLabelDataTable,\r\n    isAdmin,\r\n    isUser,\r\n    isSuperAdmin,\r\n  };\r\n});\r\n","import { HttpClient } from \"../HttpClient\";\r\n/**\r\n * * Get Users\r\n */\r\nexport const GetUsers = async (id) => {\r\n\ttry {\r\n\t\tconst { data } = await HttpClient.get(`api/users/${id}`);\r\n\t\treturn await Promise.resolve(data);\r\n\t} catch (err) {\r\n\t\treturn Promise.reject(err);\r\n\t}\r\n};\r\n","(function(){\"use strict\";try{if(typeof document!=\"undefined\"){var r=document.createElement(\"style\");r.appendChild(document.createTextNode(\".po-password-strength-bar{border-radius:2px;transition:all .2s linear;height:5px;margin-top:8px}.po-password-strength-bar.risky{background-color:#f95e68;width:10%}.po-password-strength-bar.guessable{background-color:#fb964d;width:32.5%}.po-password-strength-bar.weak{background-color:#fdd244;width:55%}.po-password-strength-bar.safe{background-color:#b0dc53;width:77.5%}.po-password-strength-bar.secure{background-color:#35cc62;width:100%}\")),document.head.appendChild(r)}}catch(o){console.error(\"vite-plugin-css-injected-by-js\",o)}})();\n(function(s,n){typeof exports==\"object\"&&typeof module<\"u\"?module.exports=n(require(\"vue\")):typeof define==\"function\"&&define.amd?define([\"vue\"],n):(s=typeof globalThis<\"u\"?globalThis:s||self,s[\"vue-simple-password-meter\"]=n(s.Vue))})(this,function(s){\"use strict\";const n=e=>{let t=0,r=0,o=0,c=0,a=0;const _=/[^A-Za-z0-9]/g,m=/(.*[a-z].*)/g,x=/(.*[A-Z].*)/g,C=/(.*[0-9].*)/g,k=/(\\w)(\\1+\\1+\\1+\\1+)/g,v=_.test(e),i=m.test(e),u=x.test(e),l=C.test(e),d=k.test(e);return e.length>4&&((i||u)&&l&&(a=1),u&&i&&(c=1),(i||u||l)&&v&&(o=1),e.length>8&&(r=1),e.length>12&&!d&&(r=2),e.length>25&&!d&&(r=3),t=r+o+c+a,t>4&&(t=4)),t},h=e=>{switch(e){case 0:return\"risky\";case 1:return\"guessable\";case 2:return\"weak\";case 3:return\"safe\";case 4:return\"secure\";default:return\"\"}},p=e=>{const t=n(e);return h(t)},f={name:\"PasswordMeter\",props:{password:String},emits:[\"score\"],computed:{passwordClass(){if(!this.password)return null;const e=p(this.password),t=n(this.password);return this.$emit(\"score\",{score:t,strength:e}),{[e]:!0,scored:!0}}}},y=\"\",g=(e,t)=>{const r=e.__vccOpts||e;for(const[o,c]of t)r[o]=c;return r};function w(e,t,r,o,c,a){return s.openBlock(),s.createElementBlock(\"div\",{class:s.normalizeClass([\"po-password-strength-bar\",a.passwordClass])},null,2)}return g(f,[[\"render\",w]])});\n","module.exports = __webpack_public_path__ + \"img/cs-loader.6cc976da.png\";","<template>\r\n    <MDBContainer fluid class=\"px-4\">\r\n        <div class=\"backdrop\" v-if=\"loadingSpinner\">\r\n            <div class=\"image-container d-flex justify-content-center align-items-center\">\r\n                <div class=\"loader\"></div>\r\n                <img src=\"@/assets/cs-loader.png\" alt=\"Loading image\">\r\n            </div>\r\n        </div>\r\n        <MDBRow center class=\"align-items-center\" style=\"height: 100vh\" v-if=\"!loadingSpinner\">\r\n            <MDBCol sm=\"4\">\r\n                <MDBCard>\r\n                    <MDBCardBody class=\"d-grid p-5\">\r\n                        <MDBCardTitle class=\"text-center mb-4\">\r\n                            <img src=\"@/assets/cs-logo.png\" height=\"50\" aria-hidden=\"true\" alt=\"CSD_Logo\" />\r\n                            <h5 class=\"mt-4 fw-bold\">Activate Account</h5>\r\n                        </MDBCardTitle>\r\n                        <MDBCardText v-if=\"!isLinkValid\">\r\n                            <div class=\"text-center mb-3\">\r\n                                <h5>This link is broken/invalid.</h5>\r\n                            </div>\r\n                        </MDBCardText>\r\n                        <MDBCardText v-else-if=\"isLinkValid\">\r\n                            <form id=\"activate-user\">\r\n                                <MDBInput label=\"Email\" v-model=\"form.email\" disabled />\r\n                                <MDBInput label=\"First Name\" v-model=\"form.firstname\" />\r\n                                <MDBInput label=\"Last Name\" v-model=\"form.lastname\" />\r\n                                <MDBInput label=\"Password\" type=\"password\" v-model=\"form.password\" />\r\n                                <MDBInput label=\"Confirm Password\" type=\"password\" v-model=\"confirmPassword\"\r\n                                    :helper=\"!isSamePassword ? 'Password does not match!' : ''\" />\r\n                                <password-meter @score=\"onScore\" :password=\"form.password\" />\r\n                            </form>\r\n                        </MDBCardText>\r\n                        <div class=\"d-flex justify-content-center gap-4\">\r\n                            <div class=\"text-center\">\r\n                                <router-link :to=\"{ name: 'Login' }\" custom v-slot=\"{ href, navigate }\">\r\n                                    <MDBBtn class=\"fw-bold\" tag=\"a\" color=\"primary\" @click.stop=\"navigate\" :href=\"href\"\r\n                                        size=\"md\">\r\n                                        Back to Login\r\n                                    </MDBBtn>\r\n                                </router-link>\r\n                            </div>\r\n                            <MDBBtn class=\"fw-bold\" v-if=\"isLinkValid\" style=\"background-color: #fc5818;\"\r\n                                color=\"primary\" @click=\"submit\" :disabled=\"isSubmitBtnDisabled\" size=\"md\">Activate\r\n                            </MDBBtn>\r\n                        </div>\r\n                    </MDBCardBody>\r\n                </MDBCard>\r\n            </MDBCol>\r\n        </MDBRow>\r\n        <MDBToast v-model=\"toastObject.state\" :delay=\"2000\" autohide position=\"top-right\" appendToBody stacking\r\n            width=\"350px\" :color=\"toastObject.color\" text=\"white\" :icon=\"toastObject.icon\">\r\n            <template #title> {{ toastObject.title }}</template>\r\n            {{ toastObject.message }}\r\n        </MDBToast>\r\n    </MDBContainer>\r\n</template>\r\n\r\n<script setup>\r\nimport PasswordMeter from \"vue-simple-password-meter\";\r\nimport { onBeforeMount, reactive, ref, computed } from \"vue\";\r\nimport axios from \"axios\";\r\nimport { useUsersStore } from \"@/store/usersStore\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { MDBToast, MDBContainer, MDBInput, MDBBtn, MDBCard, MDBCardBody, MDBCardTitle, MDBCardText, MDBRow, MDBCol } from \"mdb-vue-ui-kit\";\r\nimport { useTitle } from \"@vueuse/core\";\r\n\r\nuseTitle(\"Activate Account | Creator Shield\");\r\n\r\nconst usersStore = useUsersStore();\r\nconst route = useRoute();\r\nconst router = useRouter();\r\nconst link = route.params.link;\r\n\r\nconst toastObject = ref({\r\n    title: \"\",\r\n    state: false,\r\n    message: \"\",\r\n    color: \"\",\r\n    icon: \"\",\r\n});\r\n\r\nconst loadingSpinner = ref(false);\r\n\r\nconst form = reactive({\r\n    email: \"\",\r\n    firstname: \"\",\r\n    lastname: \"\",\r\n    password: \"\",\r\n});\r\n\r\nconst confirmPassword = ref(\"\");\r\nconst isSamePassword = computed(\r\n    () => form.password === confirmPassword.value\r\n);\r\n\r\nconst isSubmitBtnDisabled = computed(\r\n    () => !isSamePassword.value || form.firstname === \"\" || form.lastname === \"\" || score.value < 3\r\n);\r\n\r\nconst score = ref(null);\r\nconst onScore = (payload) => {\r\n    score.value = payload.score;\r\n};\r\n\r\nconst isLinkValid = ref(true);\r\n\r\nconst submit = () => {\r\n    let formData = new FormData();\r\n    formData.append(\"link\", link);\r\n    formData.append(\"email\", usersStore.users.email);\r\n    formData.append(\"lastname\", form.lastname);\r\n    formData.append(\"firstname\", form.firstname);\r\n    formData.append(\"password\", form.password);\r\n\r\n    loadingSpinner.value = true;\r\n    axios\r\n        .post(\"api/users/Register\", formData)\r\n        .then(function (response) {\r\n            if (response.status == 200) {\r\n                toastObject.value.state = true;\r\n                toastObject.value.title = \"Success!\";\r\n                toastObject.value.message = \"Successfully submitted!\";\r\n                toastObject.value.color = \"success\";\r\n                toastObject.value.icon = \"fas fa-check fa-lg me-2\";\r\n                loadingSpinner.value = false;\r\n                axios\r\n                    .post(\"/api/users/login\", {\r\n                        email: form.email,\r\n                        password: form.password\r\n                    })\r\n                    .then(function (response) {\r\n                        if (response.status === undefined) {\r\n                            toastObject.value.state = true;\r\n                            toastObject.value.title = \"Error!\";\r\n                            toastObject.value.message = \"An error occurred during request.\";\r\n                            toastObject.value.color = \"danger\";\r\n                            toastObject.value.icon = \"fas fa-exclamation-circle fa-lg me-2\";\r\n                            loadingSpinner.value = false;\r\n                        } else {\r\n                            router.push(\"/dashboard\");\r\n                        }\r\n                    })\r\n                    .catch(function () {\r\n                        toastObject.value.state = true;\r\n                        toastObject.value.title = \"Error!\";\r\n                        toastObject.value.message = \"An error occurred during request.\";\r\n                        toastObject.value.color = \"danger\";\r\n                        toastObject.value.icon = \"fas fa-exclamation-circle fa-lg me-2\";\r\n                        loadingSpinner.value = false;\r\n                    });\r\n            } else {\r\n                toastObject.value.state = true;\r\n                toastObject.value.title = \"Error!\";\r\n                toastObject.value.message = \"An error occurred during request.\";\r\n                toastObject.value.color = \"danger\";\r\n                toastObject.value.icon = \"fas fa-exclamation-circle fa-lg me-2\";\r\n                loadingSpinner.value = false;\r\n            }\r\n        })\r\n        .catch(function () {\r\n            toastObject.value.state = true;\r\n            toastObject.value.title = \"Error!\";\r\n            toastObject.value.message = \"An error occurred during request.\";\r\n            toastObject.value.color = \"danger\";\r\n            toastObject.value.icon = \"fas fa-exclamation-circle fa-lg me-2\";\r\n            loadingSpinner.value = false;\r\n        });\r\n};\r\n\r\nonBeforeMount(async () => {\r\n    loadingSpinner.value = true;\r\n\r\n    await axios\r\n        .get(\"api/users/\" + link + \"/activate\")\r\n        .then(function (response) {\r\n            isLinkValid.value = true;\r\n            if (response == undefined || response.status != 200 || response.message) {\r\n                isLinkValid.value = false;\r\n            } else {\r\n                form.email = response.data.email;\r\n            }\r\n            loadingSpinner.value = false;\r\n        })\r\n        .catch(function (error) {\r\n            isLinkValid.value = false;\r\n            toastObject.value.state = true;\r\n            toastObject.value.message = \"An error occurred during request \" + error;\r\n            toastObject.value.color = \"danger\";\r\n            toastObject.value.icon = \"fas fa-exclamation-circle fa-lg me-2\";\r\n        });\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n#activate-user {\r\n    display: grid;\r\n    row-gap: 15px;\r\n}\r\n\r\n.btn-primary {\r\n    background-color: #fc5818;\r\n}\r\n\r\n:deep(.form-outline .form-helper) {\r\n    color: red;\r\n}\r\n\r\n.image-container {\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.image-container .loader {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    margin: auto;\r\n    width: 50px;\r\n    height: 50px;\r\n    border: 3px solid rgba(0, 0, 0, 0.1);\r\n    border-top-color: rgb(153, 153, 153);\r\n    border-radius: 50%;\r\n    animation: BorderSpin 1s linear infinite;\r\n}\r\n\r\n.image-container img {\r\n    display: block;\r\n    width: 50px;\r\n    height: 50px;\r\n    border-radius: 50%;\r\n}\r\n\r\n@keyframes BorderSpin {\r\n    0% {\r\n        transform: rotate(0deg);\r\n    }\r\n\r\n    100% {\r\n        transform: rotate(360deg);\r\n    }\r\n}\r\n\r\n.backdrop {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n    z-index: 9999;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n</style>\r\n","import script from \"./ActivateUserNext.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ActivateUserNext.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ActivateUserNext.vue?vue&type=style&index=0&id=33d8c5e5&lang=scss&scoped=true\"\n\nimport exportComponent from \"D:\\\\a\\\\1\\\\s\\\\CSD.SPA\\\\ClientApp\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-33d8c5e5\"]])\n\nexport default __exports__","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./ActivateUserNext.vue?vue&type=style&index=0&id=33d8c5e5&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"img/cs-logo.c61329de.png\";"],"sourceRoot":""}