{"version":3,"file":"CVz09i7r.js","sources":["../../../../components/client/SlideOver.vue"],"sourcesContent":["<template>\n  <SlideOver\n    v-model=\"open\"\n    id=\"create-client-slide-over\"\n    :title=\"$t('inventory.clients.new-client')\"\n    :closeable=\"!loading\"\n    :loading-overlay=\"loading\"\n  >\n    <Input\n      v-model=\"editClient.name\"\n      id=\"name\"\n      :label=\"$t('general.name')\"\n      required\n    />\n\n    <Textarea\n      v-model=\"editClient.description\"\n      id=\"description\"\n      :label=\"$t('general.description')\"\n    />\n\n    <Select\n      v-model=\"editClient.inventory\"\n      :auto-complete-collection=\"DATABASE_AUTOCOMPLETE_COLLECTION.Inventory\"\n      :query-params=\"{ rolloutId }\"\n      :label=\"$t('general.inventory')\"\n      :placeholder=\"$t('general.select-inventory-placeholder')\"\n      :clearable=\"false\"\n      :disabled=\"\n        (preselectedInventory && isInventorySelectionDisabled) ||\n          loadingInventory\n      \"\n      required\n    />\n\n    <template v-if=\"!loadingInventory && populatedInventory\">\n      <CustomFieldSyncElement\n        v-for=\"customField in requiredCustomFields\"\n        :key=\"customField._id\"\n        :model-value=\"customFieldValues[customField._id]\"\n        :custom-field=\"customField\"\n        @update:model-value=\"\n          (newValue) => (customFieldValues[customField._id] = newValue)\n        \"\n      />\n    </template>\n    <Spinner v-else-if=\"editClient.inventory\" colored />\n\n    <template #footer>\n      <div class=\"flex flex-auto items-center justify-between space-x-2\">\n        <Checkbox\n          v-model=\"keepSlideOverOpened\"\n          id=\"keep-slide-over-opened\"\n          label=\"Create another client\"\n        />\n\n        <div class=\"flex space-x-2\">\n          <Button\n            type=\"secondary\"\n            size=\"lg\"\n            :disabled=\"loading\"\n            @click=\"cancel\"\n          >\n            {{ $t('general.cancel') }}\n          </Button>\n          <Button\n            size=\"lg\"\n            :loading=\"loading\"\n            :disabled=\"!changed || !populatedInventory\"\n           \n            @click=\"saveClient\"\n          >\n            {{ $t('inventory.clients.create-client') }}\n          </Button>\n        </div>\n      </div>\n    </template>\n  </SlideOver>\n</template>\n\n<script lang=\"ts\">\nexport type CreateClient = Pick<Client, 'inventory' | 'name' | 'description'>;\n\nexport const defaultClient: CreateClient = {\n  inventory: undefined as unknown as Inventory,\n  name: '',\n  description: '',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { isEqual } from 'lodash';\nimport { klona } from 'klona';\nimport { TRPCClientError } from '@trpc/client';\nimport { DATABASE_AUTOCOMPLETE_COLLECTION } from '@/types';\nimport type {\n  Client,\n  CustomField,\n  Inventory,\n  Rollout,\n  CustomFieldValues,\n} from '@/types';\nimport { ErrorType } from '@/types/error';\n\nimport { useNotifications } from '@/stores/notifications';\n\nconst props = defineProps({\n  modelValue: {\n    type: Boolean,\n    required: true,\n  },\n  preselectedInventory: {\n    type: Object as PropType<Inventory>,\n  },\n  isInventorySelectionDisabled: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nconst emit = defineEmits(['update:modelValue', 'updated']);\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (value) => emit('update:modelValue', value),\n});\n\nconst keepSlideOverOpened = ref(false);\n\nconst editClient = ref<CreateClient>(klona(defaultClient));\n\nconst { selectedRollout, getRolloutRelativeLink } = useRolloutRouting();\nconst rolloutId = computed(() => (selectedRollout.value as Rollout)._id);\n\n// Displaying custom fields that are required for the selected inventory\nconst populatedInventory = ref<Inventory>();\nconst customFieldValues = ref<CustomFieldValues>({});\n\nconst requiredCustomFields = computed(() => {\n  return (\n    populatedInventory.value?.customFieldGroups?.reduce((res, group) => {\n      return [...res, ...group.customFields.filter((field) => field.required)];\n    }, [] as CustomField[]) ?? []\n  );\n});\n\nconst changed = computed(() => !isEqual(defaultClient, editClient.value));\n\nconst loading = ref(false);\n\nconst cancel = () => {\n  if (!loading.value) {\n    open.value = false;\n  }\n};\n\nconst resetClient = () => {\n  editClient.value = klona(defaultClient);\n  customFieldValues.value = {};\n\n  loading.value = false;\n\n  if (props.preselectedInventory) {\n    editClient.value.inventory = props.preselectedInventory;\n  }\n};\n\nwatch(\n  computed(() => props.modelValue),\n  (newValue) => {\n    if (newValue) {\n      keepSlideOverOpened.value = false;\n      resetClient();\n    }\n  }\n);\n\nwatch(\n  computed(() => editClient.value.inventory),\n  (newValue) => {\n    if (newValue) {\n      if (newValue.customFieldGroups) {\n        populatedInventory.value = newValue;\n      } else if (\n        !populatedInventory.value ||\n        populatedInventory.value._id !== newValue._id\n      ) {\n        fetchInventory(newValue._id);\n      }\n    } else {\n      populatedInventory.value = undefined;\n    }\n  }\n);\n\n// Requests\n\nconst { $client } = useNuxtApp();\nconst notificationsStore = useNotifications();\nconst i18n = useI18n();\n\nconst loadingInventory = ref(false);\n\nconst fetchInventory = async (inventoryId: string) => {\n  if (loadingInventory.value) {\n    return;\n  }\n\n  loadingInventory.value = true;\n  try {\n    const { item: inventory } = await $client.inventory.getById.query({\n      _id: inventoryId,\n    });\n\n    customFieldValues.value = {};\n    populatedInventory.value = inventory;\n  } catch (error) {\n    useErrorHandler(error);\n  } finally {\n    loadingInventory.value = false;\n  }\n};\n\nconst isClientFormValid = () => {\n  if (!editClient.value?.name?.length || !editClient.value?.inventory?._id) {\n    notificationsStore.createIncompleteNotification();\n    return false;\n  }\n\n  if (\n    requiredCustomFields.value.length &&\n    requiredCustomFields.value.some(\n      (field) => !customFieldValues.value[field._id]?.length\n    )\n  ) {\n    notificationsStore.createIncompleteNotification();\n    return false;\n  }\n\n  return true;\n};\n\nconst saveClient = async () => {\n  if (loading.value || !changed.value || !isClientFormValid()) {\n    return;\n  }\n\n  loading.value = true;\n  try {\n    const result = await $client.client.create.mutate({\n      name: editClient.value.name,\n      description: editClient.value.description,\n      inventory: editClient.value.inventory._id,\n      customFieldValues: customFieldValues.value,\n    });\n\n    const client = result.item as unknown as Client;\n\n    emit('updated');\n\n    notificationsStore.createNotification({\n      type: 'success',\n      title: client.name,\n      message: i18n.t('settings.client.created-message'),\n      link: getRolloutRelativeLink('/inventory/clients/view/' + client._id),\n    });\n\n    if (keepSlideOverOpened.value) {\n      resetClient();\n    } else {\n      open.value = false;\n    }\n  } catch (err) {\n    loading.value = false;\n\n    const errorMap = [\n      {\n        type: ErrorType.CLIENT_LIMIT_EXCEEDED,\n        message: 'settings.client.error.client-limit-exceeded-message',\n        title: 'settings.client.error.client-limit-exceeded-title',\n      },\n      {\n        type: ErrorType.NAME_ALREADY_EXISTS,\n        message: 'settings.client.error.client-name-already-exists-message',\n        title: 'settings.client.error.client-name-already-exists-title',\n      },\n      {\n        type: ErrorType.NAME_IS_MANDATORY,\n        message: 'settings.client.error.client-name-is-mandatory-message',\n        title: 'settings.client.error.client-name-is-mandatory-title',\n      },\n      {\n        type: ErrorType.NOT_VALID,\n        message: 'error-messages.invalid-value',\n      },\n    ];\n\n    const message =\n      errorMap.find(\n        (item) =>\n          err instanceof TRPCClientError &&\n          (item.type === err.message || err.data?.zodError?.includes(item.type))\n      )?.message ?? 'error-messages.something-went-wrong';\n\n    const title =\n      errorMap.find(\n        (item) =>\n          err instanceof TRPCClientError &&\n          (item.type === err.message || err.data?.zodError?.includes(item.type))\n      )?.title ?? 'settings.client.error.client-create-error-title';\n\n    useErrorHandler(err, {\n      type: 'error',\n      title: i18n.t(title),\n      message: i18n.t(message),\n    });\n  }\n};\n</script>\n"],"names":["defaultClient","props","__props","emit","__emit","open","computed","value","keepSlideOverOpened","ref","editClient","klona","selectedRollout","getRolloutRelativeLink","useRolloutRouting","rolloutId","populatedInventory","customFieldValues","requiredCustomFields","_b","_a","res","group","field","changed","isEqual","loading","cancel","resetClient","watch","newValue","fetchInventory","$client","useNuxtApp","notificationsStore","useNotifications","i18n","useI18n","loadingInventory","inventoryId","inventory","error","useErrorHandler","isClientFormValid","_d","_c","saveClient","client","err","errorMap","ErrorType","message","item","TRPCClientError","title"],"mappings":"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"}