{"version":3,"file":"accountList.js","sources":["../../src/api/user.js","../../src/components/accountList.vue"],"sourcesContent":["import { get,put,post } from '../libs/http';\n\nconst getUserInfo = (params) => {\n  return get('/api/v2/user/me', params);\n}\n\nconst getTestUserToken = (params) => {\n  return get('/api/v2/auth/local/user', params);\n}\n\nconst shopifyQuickLogin = (params) => {\n  return get('/api/v2/auth/local/user/shopify-quick-login', params);\n}\n\nconst shopifyBindAccount = (params) => {\n  return post('/api/v2/auth/shopify/account-group/bindShop', params);\n}\n\nconst updateUserInfo = (params) => {\n  return put('/api/v2/user/me', params, {\n    headers: {\n      'content-type': 'application/json'\n    }\n  });\n}\n\nconst getUserLevel = (accountGroupID) => {\n  return get(`/api-server/customer_settings/company_config?accountGroupId=${accountGroupID}`);\n}\n\nconst getHealthValue = (accountGroupId) => {\n  return get('/api-server/ad_scoring/get_health?accountGroupId=' + accountGroupId);\n}\nconst getMenus = (customerLevel, accountGroupID) => {\n  return get(`/api-server/customer_settings/get_menus?customerLevel=${customerLevel}&accountGroupId=${accountGroupID}`);\n}\nconst updateMenus = (accountGroupId) => {\n  return put('/api-server/customer_settings/update_menu?accountGroupId=' + accountGroupId);\n}\n\nconst getCompany = (company) => {\n  return get('/api-server/customer_settings/check_company_config?company=' + company);\n}\n\nexport {\n  getUserInfo,\n  updateUserInfo,\n  getTestUserToken,\n  getUserLevel,\n  shopifyQuickLogin,\n  getHealthValue,\n  getMenus,\n  updateMenus,\n  getCompany,\n  shopifyBindAccount\n}\n","<template>\n  <el-popover :width=\"300\" :placement=\"position\" trigger=\"click\">\n    <template #reference>\n      <div class=\"company-name company border-line\">\n        <span class=\"icon\">{{ userInfo.username[0] }}</span>\n        <div>\n          <div class=\"name\">{{ userInfo.username }}</div>\n          <div class=\"email\">{{ currentAccountGroup.company }}</div>\n          <!-- <div class=\"email\">{{ currentAccountGroup.accountGroupId }}</div> -->\n        </div>\n        <el-icon class=\"el-icon--right\"><arrow-right /></el-icon>\n      </div>\n    </template>\n    <div class=\"company-name border-line\">\n      <span class=\"icon\">{{ userInfo.username[0] }}</span>\n      <div>\n        <div class=\"name\">{{ userInfo.username }}</div>\n        <div class=\"email\">{{ userInfo.email }}</div>\n      </div>\n    </div>\n    <div class=\"company-name\" v-if=\"accountGroupRule\">\n      <el-icon class=\"account-el-icon\"><Switch /></el-icon>\n      <div>\n        <div class=\"name\">{{ $t('main.switchGroup') }}</div>\n      </div>\n    </div>\n    <div v-if=\"accountGroups.length > 1\" class=\"border-line\">\n      <el-input placeholder=\"Search\" class=\"search-input\" v-model=\"accountFilter\"></el-input>\n      <div class=\"account-box\">\n        <div v-for=\"(item, index) in filterAccounts\" :key=\"index\" class=\"account-group-box\">\n          <span class=\"account-group\" @click=\"changedGroup(item)\">{{ item.company }} {{ item.status == 'process' ? \"(process)\" : ''}}</span>\n          <el-icon @click=\"copyShareLink(item)\" class=\"share\"><Share /></el-icon>\n        </div>\n      </div>\n    </div>\n    <div class=\"company-name sign-out add-group\" @click=\"newGroup\">\n      <el-icon class=\"account-el-icon\"><CirclePlus /></el-icon>\n      <div>\n        <div class=\"name\">{{ $t('main.addGroup') }}</div>\n      </div>\n    </div>\n    <div class=\"company-name sign-out\">\n      <el-icon class=\"account-el-icon\"><Right /></el-icon>\n      <div>\n        <div class=\"name\" @click=\"userLogout\">{{ $t('main.signOut') }}</div>\n      </div>\n    </div>\n  </el-popover>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, computed } from 'vue'\nimport { find } from 'lodash'\nimport { ArrowRight, Switch, CirclePlus, Right, Share } from '@element-plus/icons-vue'\nimport { useStore } from 'vuex'\nimport { useRouter } from 'vue-router'\nimport { ElMessage } from 'element-plus'\nimport { updateUserInfo } from \"@/api/user\"\n\n// Define props\nconst props = defineProps({\n  data: {\n    type: Object,\n    required: true,\n    default: () => ({\n      userInfo: {},\n      accountGroups: [],\n      accountGroupId: '',\n      position: ''\n    })\n  }\n})\n\n// Initialize Vuex store and router\nconst store = useStore()\nconst router = useRouter()\n\n// Initialize refs\nconst userInfo = ref(props.data.userInfo || {})\nconst accountGroups = ref(props.data.accountGroups || [])\nconst accountGroupId = ref(props.data.accountGroupId || '')\nconst position = ref(props.data.position || '')\n\n// Find the current account group\nconst currentAccountGroup = ref(find(accountGroups.value, o => accountGroupId.value === o.accountGroupId) || {})\nconst accountGroupRule = ref(currentAccountGroup.value.groupRole === 'superAdmin')\n\n// Initialize account filter\nconst accountFilter = ref('')\n\n// Compute filtered accounts\nconst filterAccounts = computed(() => {\n  if (!accountFilter.value) {\n    // 如果用户是 admin，显示所有账户\n    if (currentAccountGroup.value.groupRole === 'admin') {\n      return accountGroups.value\n    }\n    // 如果用户是 owner，只显示自己的账户\n    return accountGroups.value.filter((item: any) => {\n      return item.accountGroupId === accountGroupId.value\n    })\n  }\n  \n  // 搜索过滤逻辑\n  return accountGroups.value.filter((item: any) => {\n    // admin 可以搜索所有账户\n    if (currentAccountGroup.value.groupRole === 'admin') {\n      return item.company.toLowerCase().includes(accountFilter.value.toLowerCase())\n    }\n    // owner 只能搜索自己的账户\n    return item.accountGroupId === accountGroupId.value && \n           item.company.toLowerCase().includes(accountFilter.value.toLowerCase())\n  })\n})\n\n// Define methods\nconst userLogout = () => {\n  store.commit('commitAccountgroupID', '')\n  store.commit('removeToken', '')\n  router.push('/login')\n}\n\nconst newGroup = () => {\n  window.location.href = `${window.location.protocol}//${window.location.host}/?accountGroupId=${accountGroupId.value}&addNew=1`\n}\n\nconst changedGroup = (group: any) => {\n  userInfo.value.activeAccountGroup = group.accountGroupId\n  updateUserInfo(userInfo.value).then(() => {\n    if (group.status && group.status === 'process') {\n      window.location.href = `${window.location.protocol}//${window.location.host}/?accountGroupId=${group.accountGroupId}&addNew=2`\n    } else {\n      ElMessage.success('Successfully switched account groups')\n      window.location.href = `${window.location.protocol}//${window.location.host}/?accountGroupId=${group.accountGroupId}`\n    }\n  })\n}\n\nconst copyShareLink = (group: any) => {\n  navigator.clipboard.writeText(`${window.location.protocol}//${window.location.host}/?accountGroupId=${group.accountGroupId}&name=${group.company}`).then(\n      () => {\n        ElMessage({\n          message: 'Successfully copied to clipboard',\n          type: 'success',\n          duration: 5000\n        })\n      },\n      (error) => {\n        console.error('Copy failed', error)\n        ElMessage({\n          message: 'Please try again',\n          type: 'warning',\n          duration: 5000\n        })\n      }\n  )\n}\n</script>\n\n<style lang=\"less\" scoped>\n.border-line {\n  border-bottom: solid 1px #d5d5d5;\n}\n.account-group-box {\n  display: flex;\n  justify-content: space-between;\n  padding: 3px 3px 3px 0;\n  &:hover {\n    border-bottom: solid 1px #f5f4f4;\n  }\n}\n.account-group {\n  cursor: pointer;\n  padding: 0 0 5px 33px;\n  font-family: Montserrat;\n  font-size: 12px;\n  font-stretch: normal;\n  font-style: normal;\n  line-height: normal;\n  letter-spacing: 0.1px;\n  color: #0e3655;\n  &:hover {\n    color: #33c081;\n  }\n}\n.share {\n  cursor: pointer;\n  font-family: Montserrat;\n  font-size: 12px;\n  font-stretch: normal;\n  font-style: normal;\n  line-height: normal;\n  color: #0e3655;\n  &:hover {\n    color: #33c081;\n  }\n}\n.account-box {\n  max-height: 400px;\n  overflow: scroll;\n}\n.search-input {\n  width: 160px;\n  margin: 10px 30px;\n}\n.company-name {\n  display: flex;\n  align-items: center;\n  padding: 5px;\n  .name {\n    font-family: Montserrat;\n    font-size: 14px;\n    font-weight: 500;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: normal;\n    letter-spacing: 0.13px;\n    color: #0e3655;\n  }\n  .email {\n    font-family: Montserrat;\n    font-size: 12px;\n    font-weight: 500;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: normal;\n    letter-spacing: 0.09px;\n    color: #6d6d6d;\n  }\n}\n.company {\n  padding-left: 20px;\n}\n.icon {\n  width: 25px;\n  height: 25px;\n  display: inline-block;\n  background: #33c081;\n  border-radius: 20px;\n  text-align: center;\n  line-height: 25px;\n  margin-right: 10px;\n  color: white;\n  font-weight: 700;\n}\n.sign-out {\n  cursor: pointer;\n  &:hover {\n    color: #33c081;\n    .name {\n      color: #33c081;\n    }\n  }\n}\n.account-el-icon {\n  width: 33px;\n  height: 25px;\n}\n</style>\n"],"names":["getUserInfo","params","get","getTestUserToken","shopifyQuickLogin","shopifyBindAccount","post","updateUserInfo","put","headers","getUserLevel","accountGroupID","getMenus","customerLevel","getCompany","company","props","__props","store","useStore","router","useRouter","userInfo","ref","data","accountGroups","accountGroupId","position","currentAccountGroup","find","value","o","accountGroupRule","groupRole","accountFilter","filterAccounts","computed","filter","item","toLowerCase","includes","userLogout","commit","push","newGroup","window","location","href","protocol","host","group","activeAccountGroup","then","status","ElMessage","success","navigator","clipboard","writeText","message","type","duration","error"],"mappings":"maAEMA,MAAAA,EAA0BC,GACvBC,EAAI,kBAAmBD,GAG1BE,EAA+BF,GAC5BC,EAAI,0BAA2BD,GAGlCG,EAAgCH,GAC7BC,EAAI,8CAA+CD,GAGtDI,EAAiCJ,GAC9BK,EAAK,8CAA+CL,GAGvDM,EAA6BN,GAC1BO,EAAI,kBAAmBP,EAAQ,CACpCQ,QAAS,CACP,eAAgB,sBAKhBC,EAAmCC,GAChCT,EAAI,+DAA+DS,KAMtEC,EAAWA,CAACC,EAAeF,IACxBT,EAAI,yDAAyDW,oBAAgCF,KAMhGG,EAA0BC,GACvBb,EAAI,8DAAgEa,2fCmB7E,MAAMC,EAAQC,EAcRC,EAAQC,IACRC,EAASC,IAGTC,EAAWC,EAAIP,EAAMQ,KAAKF,UAAY,CAAA,GACtCG,EAAgBF,EAAIP,EAAMQ,KAAKC,eAAiB,IAChDC,EAAiBH,EAAIP,EAAMQ,KAAKE,gBAAkB,IAClDC,EAAWJ,EAAIP,EAAMQ,KAAKG,UAAY,IAGtCC,EAAsBL,EAAIM,OAAKJ,EAAcK,OAAYJ,GAAAA,EAAeI,QAAUC,EAAEL,kBAAmB,CAAE,GACzGM,EAAmBT,EAA4C,eAAxCK,EAAoBE,MAAMG,WAGjDC,EAAgBX,EAAI,IAGpBY,EAAiBC,GAAS,IACzBF,EAAcJ,MAYZL,EAAcK,MAAMO,QAAsBC,IAEH,UAAxCV,EAAoBE,MAAMG,WAIvBK,EAAKZ,iBAAmBA,EAAeI,QAHrCQ,EAAKvB,QAAQwB,cAAcC,SAASN,EAAcJ,MAAMS,iBAbrB,UAAxCX,EAAoBE,MAAMG,UACrBR,EAAcK,MAGhBL,EAAcK,MAAMO,QAAsBC,GACxCA,EAAKZ,iBAAmBA,EAAeI,UAiB9CW,EAAaA,KACXC,EAAAA,OAAO,uBAAwB,IAC/BA,EAAAA,OAAO,cAAe,IAC5BtB,EAAOuB,KAAK,SAAQ,EAGhBC,EAAWA,KACfC,OAAOC,SAASC,KAAO,GAAGF,OAAOC,SAASE,aAAaH,OAAOC,SAASG,wBAAwBvB,EAAeI,gBAAK,q8BAGhFoB,IAC1BpB,EAAAA,MAAMqB,mBAAqBD,EAAMxB,oBAC1CnB,EAAee,EAASQ,OAAOsB,MAAK,KAC9BF,EAAMG,QAA2B,YAAjBH,EAAMG,OACxBR,OAAOC,SAASC,KAAO,GAAGF,OAAOC,SAASE,aAAaH,OAAOC,SAASG,wBAAwBC,EAAMxB,2BAErG4B,EAAUC,QAAQ,wCAClBV,OAAOC,SAASC,KAAO,GAAGF,OAAOC,SAASE,aAAaH,OAAOC,SAASG,wBAAwBC,EAAMxB,iBACvG,IARkBwB,IAAeA,wFAYCA,SACpCM,UAAUC,UAAUC,UAAU,GAAGb,OAAOC,SAASE,aAAaH,OAAOC,SAASG,wBAAwBC,EAAMxB,uBAAuBwB,EAAMnC,WAAWqC,MAChJ,KACYE,EAAA,CACRK,QAAS,mCACTC,KAAM,UACNC,SAAU,KACX,IAEQC,IAECR,EAAA,CACRK,QAAS,mBACTC,KAAM,UACNC,SAAU,KACX,IAfcX,IAAeA"}