{"version":3,"file":"VXS1DraE.js","sources":["../../../../components/ColorPicker.vue","../../../../components/client-group/SlideOver.vue"],"sourcesContent":["<template>\n  <div>\n    <Label v-if=\"label\">{{ label }}</Label>\n    <div class=\"box-inner box-inner--padding grid grid-cols-8 gap-2\">\n      <ToolTip\n        v-for=\"color in colors\"\n        :key=\"color.name\"\n        :text=\"$t('color.' + color.name)\"\n      >\n        <div\n          class=\"relative cursor-pointer hover:scale-105\"\n          :style=\"{\n            backgroundColor: color.color,\n            color: color.textColor,\n            paddingTop: '100%',\n          }\"\n          @click=\"selectedColor = color.name\"\n        >\n          <div\n            v-if=\"selectedColor === color.name\"\n            class=\"absolute inset-0 flex items-center justify-center\"\n          >\n            <CheckIcon class=\"size-6\" aria-hidden=\"true\" />\n          </div>\n        </div>\n      </ToolTip>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { CheckIcon } from '@heroicons/vue/24/outline';\nimport { colors } from '@/util/colors';\n\nconst props = defineProps({\n  modelValue: {\n    type: String,\n    required: true,\n  },\n  label: {\n    type: String,\n    default: undefined,\n  },\n});\n\nconst emit = defineEmits(['update:modelValue']);\n\nconst selectedColor = computed({\n  get: () => props.modelValue,\n  set: (newValue) => emit('update:modelValue', newValue),\n});\n</script>\n","<template>\n  <div>\n    <SlideOver\n      v-model=\"open\"\n      id=\"client-group-slide-over\"\n      :title=\"\n        editing\n          ? $t('components.client-group-slide-over.edit-client-group')\n          : $t('components.client-group-slide-over.new-client-group')\n      \"\n      :closeable=\"!loading && !isDeleteModalVisible\"\n      :loading-overlay=\"loading\"\n    >\n      <Input\n        v-model=\"editClientGroup.name\"\n        id=\"name\"\n        :label=\"$t('general.name')\"\n        required\n      />\n\n      <Textarea\n        v-model=\"editClientGroup.description\"\n        id=\"description\"\n        :label=\"$t('general.description')\"\n      />\n\n      <ColorPicker\n        v-model=\"editClientGroup.color\"\n        :label=\"$t('general.choose-color')\"\n      />\n\n      <template #footer>\n        <Button\n          v-if=\"editing\"\n          type=\"secondary\"\n          size=\"lg\"\n          icon-only\n          :disabled=\"loading\"\n          @click=\"isDeleteModalVisible = true\"\n        >\n          <TrashIcon class=\"size-4 text-red-500\" aria-hidden=\"true\" />\n        </Button>\n        <Button type=\"secondary\" size=\"lg\" :disabled=\"loading\" @click=\"cancel\">\n          {{ $t('general.cancel') }}\n        </Button>\n        <Button\n          size=\"lg\"\n          :loading=\"loading\"\n          :disabled=\"!changed\"\n         \n          @click=\"saveClientGroup\"\n        >\n          {{\n            $t(\n              'components.client-group-slide-over.' +\n                (editing ? 'save-group' : 'create-group')\n            )\n          }}\n        </Button>\n      </template>\n    </SlideOver>\n\n    <ModalConfirmDelete\n      v-model=\"isDeleteModalVisible\"\n      :title=\"$t('inventory.client-groups.delete-client-groups')\"\n      :text=\"$t('inventory.client-groups.delete-client-groups-text')\"\n      :loading=\"loadingDelete\"\n      @confirmed=\"deleteClientGroup\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nexport const defaultClientGroup: CreateClientGroup = {\n  name: '',\n  description: '',\n  color: 'indigo',\n  rolloutId: '',\n};\n\nexport type CreateClientGroup = Omit<\n  ClientGroup,\n  '_id' | 'orgId' | 'created' | 'updated'\n>;\n</script>\n\n<script lang=\"ts\" setup>\nimport { isEqual } from 'lodash';\nimport { klona } from 'klona';\nimport { TrashIcon } from '@heroicons/vue/20/solid';\nimport type { ClientGroup, Rollout } from '@/types';\nimport { useNotifications } from '~~/stores/notifications';\nimport {\n  getGeneralErrorMap,\n  getNotificationDataByMap,\n  type ErrorMapItem,\n} from '~/util/error';\n\nconst props = defineProps({\n  modelValue: {\n    type: Boolean,\n    required: true,\n  },\n  clientGroup: {\n    type: Object as PropType<ClientGroup | CreateClientGroup>,\n    default: () => defaultClientGroup,\n  },\n});\n\nconst emit = defineEmits(['update:modelValue', 'saved', 'deleted']);\n\nconst i18n = useI18n();\n\nconst editClientGroup = ref<ClientGroup | CreateClientGroup>(\n  klona(props.clientGroup)\n);\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (value) => emit('update:modelValue', value),\n});\n\nconst changed = computed(\n  () => !isEqual(props.clientGroup, editClientGroup.value)\n);\nconst editing = computed(() => !isEqual(props.clientGroup, defaultClientGroup));\n\nwatch(\n  computed(() => props.modelValue),\n  (newValue) => {\n    if (newValue) {\n      editClientGroup.value = klona(props.clientGroup);\n      loading.value = false;\n      loadingDelete.value = false;\n    }\n  }\n);\n\nconst { $client } = useNuxtApp();\nconst { selectedRollout } = useRolloutRouting();\nconst notificationsStore = useNotifications();\n\nconst isDeleteModalVisible = ref(false);\n\nconst loading = ref(false);\nconst loadingDelete = ref(false);\n\nconst cancel = () => {\n  if (!loading.value) {\n    if (!editing.value) {\n      open.value = false;\n    } else if (changed.value) {\n      editClientGroup.value = klona(props.clientGroup);\n    } else {\n      open.value = false;\n    }\n  }\n};\n\nconst saveClientGroup = async () => {\n  if (!editClientGroup.value?.name?.length) {\n    notificationsStore.createIncompleteNotification();\n    return;\n  }\n\n  if (loading.value || !changed.value) {\n    return;\n  }\n\n  loading.value = true;\n  try {\n    if (editing.value) {\n      await $client.clientGroup.update.mutate({\n        ...(editClientGroup.value as ClientGroup),\n        rolloutId: (selectedRollout.value as Rollout)._id,\n      });\n    } else {\n      await $client.clientGroup.create.mutate({\n        ...editClientGroup.value,\n        rolloutId: (selectedRollout.value as Rollout)._id,\n      } as CreateClientGroup);\n    }\n    open.value = false;\n\n    emit('saved');\n  } catch (error) {\n    loading.value = false;\n\n    const errorMap: ErrorMapItem[] = getGeneralErrorMap(i18n);\n\n    const messageData = getNotificationDataByMap(\n      i18n,\n      errorMap,\n      error as Error\n    );\n\n    useErrorHandler(error, {\n      type: 'error',\n      title: messageData.title,\n      message: messageData.message,\n    });\n  }\n};\n\nconst deleteClientGroup = async () => {\n  if (loadingDelete.value) {\n    return;\n  }\n\n  loadingDelete.value = true;\n  try {\n    await $client.clientGroup.delete.mutate({\n      ids: [(editClientGroup.value as ClientGroup)._id],\n      rolloutId: (selectedRollout.value as Rollout)._id,\n    });\n\n    open.value = false;\n    isDeleteModalVisible.value = false;\n\n    emit('deleted');\n  } catch (error) {\n    useErrorHandler(error, {\n      type: 'error',\n      title: i18n.t('error-messages.something-went-wrong'),\n      message: i18n.t('error-messages.please-contact-key-account-manager'),\n    });\n    loadingDelete.value = false;\n  }\n};\n</script>\n"],"names":["props","__props","emit","__emit","selectedColor","computed","newValue","defaultClientGroup","i18n","useI18n","editClientGroup","ref","klona","open","value","changed","isEqual","editing","watch","loading","loadingDelete","$client","useNuxtApp","selectedRollout","useRolloutRouting","notificationsStore","useNotifications","isDeleteModalVisible","cancel","saveClientGroup","_b","_a","error","errorMap","getGeneralErrorMap","messageData","getNotificationDataByMap","useErrorHandler","deleteClientGroup"],"mappings":"4vCAkCA,MAAAA,EAAAC,EAWAC,EAAAC,EAEAC,EAAAC,EAAA,CAA+B,IAAA,IAAAL,EAAA,WACZ,IAAAM,GAAAJ,EAAA,oBAAAI,CAAA,CACoC,CAAA,4gBCwBhDC,EAAA,CAA8C,KAAA,GAC7C,YAAA,GACO,MAAA,SACN,UAAA,EAET,iLAoBA,MAAAP,EAAAC,EAWAC,EAAAC,EAEAK,EAAAC,GAAA,EAEAC,EAAAC,EAAwBC,EAAAZ,EAAA,WAAA,CACC,EAGzBa,EAAAR,EAAA,CAAsB,IAAA,IAAAL,EAAA,WACH,IAAAc,GAAAZ,EAAA,oBAAAY,CAAA,CAC8B,CAAA,EAGjDC,EAAAV,EAAgB,IAAA,CAAAW,EAAAA,QAAAhB,EAAA,YAAAU,EAAA,KAAA,CACyC,EAEzDO,EAAAZ,EAAA,IAAA,CAAAW,EAAA,QAAAhB,EAAA,YAAAO,CAAA,CAAA,EAEAW,GAAAb,EAAA,IAAAL,EAAA,UAAA,EACiCM,GAAA,CAE7BA,IACEI,EAAA,MAAAE,EAAAZ,EAAA,WAAA,EACAmB,EAAA,MAAA,GACAC,EAAA,MAAA,GACF,CACF,EAGF,KAAA,CAAA,QAAAC,CAAA,EAAAC,GAAA,EACA,CAAA,gBAAAC,CAAA,EAAAC,GAAA,EACAC,EAAAC,GAAA,EAEAC,EAAAhB,EAAA,EAAA,EAEAQ,EAAAR,EAAA,EAAA,EACAS,EAAAT,EAAA,EAAA,EAEAiB,EAAA,IAAA,CACET,EAAA,QACEF,EAAA,OACeF,EAAA,MAEbL,EAAA,MAAAE,EAAAZ,EAAA,WAAA,EAFAa,EAAA,MAAA,GAMJ,EAGFgB,EAAA,SAAA,SACE,GAAA,GAAAC,GAAAC,EAAArB,EAAA,QAAA,YAAAqB,EAAA,OAAA,MAAAD,EAAA,QAAA,CACEL,EAAA,6BAAA,EACA,MAAA,CAGF,GAAA,EAAAN,EAAA,OAAA,CAAAJ,EAAA,OAIA,CAAAI,EAAA,MAAA,GACA,GAAA,CACEF,EAAA,MACE,MAAAI,EAAA,YAAA,OAAA,OAAA,CAAwC,GAAAX,EAAA,MAClB,UAAAa,EAAA,MAAA,GAC0B,CAAA,EAGhD,MAAAF,EAAA,YAAA,OAAA,OAAA,CAAwC,GAAAX,EAAA,MACnB,UAAAa,EAAA,MAAA,GAC2B,CAAA,EAGlDV,EAAA,MAAA,GAEAX,EAAA,OAAA,CAAY,OAAA8B,EAAA,CAEZb,EAAA,MAAA,GAEA,MAAAc,EAAAC,GAAA1B,CAAA,EAEA2B,EAAAC,GAAoB5B,EAClByB,EACAD,CACA,EAGFK,EAAAL,EAAA,CAAuB,KAAA,QACf,MAAAG,EAAA,MACa,QAAAA,EAAA,OACE,CAAA,CACtB,EACH,EAGFG,EAAA,SAAA,CACE,GAAA,CAAAlB,EAAA,MAIA,CAAAA,EAAA,MAAA,GACA,GAAA,CACE,MAAAC,EAAA,YAAA,OAAA,OAAA,CAAwC,IAAA,CAAAX,EAAA,MAAA,GAAA,EACU,UAAAa,EAAA,MAAA,GACF,CAAA,EAGhDV,EAAA,MAAA,GACAc,EAAA,MAAA,GAEAzB,EAAA,SAAA,CAAc,OAAA8B,EAAA,CAEdK,EAAAL,EAAA,CAAuB,KAAA,QACf,MAAAxB,EAAA,EAAA,qCAAA,EAC6C,QAAAA,EAAA,EAAA,mDAAA,CACgB,CAAA,EAErEY,EAAA,MAAA,EAAsB,EACxB"}