{"version":3,"file":"6QZfkWhX.js","sources":["../../../../composables/api-services/api-client-link.ts","../../../../components/client-link/SlideOver.vue"],"sourcesContent":["export type ClientLinkCreateRequest = {\n  orgId: string;\n  inwards: string;\n  outwards: string;\n  isAdvanced?: boolean;\n  sharedCustomFields?: string[];\n};\n\nexport type ClientLinkUpdateByIdRequest = ClientLinkCreateRequest & {\n  _id: string;\n};\n\nexport type ClientLinkUpdateResponse = {\n  _id: string;\n  created?: string;\n  updated?: string;\n} | null;\n\nexport type ClientLinkCreateResponse = {\n  item: {\n    _id?: string;\n    created?: string;\n    updated?: string;\n  };\n};\n\nexport function useApiClientLink() {\n  const { $client } = useNuxtApp();\n\n  const updateById = async (\n    request: ClientLinkUpdateByIdRequest\n  ): Promise<ClientLinkUpdateResponse> => {\n    const response = await $client.clientLink.updateById.mutate(request);\n\n    return response;\n  };\n\n  const create = async (\n    request: ClientLinkCreateRequest\n  ): Promise<ClientLinkCreateResponse> => {\n    const response = await $client.clientLink.create.mutate(request);\n\n    return response;\n  };\n\n  return { updateById, create };\n}\n","<template>\n  <div>\n    <SlideOver\n      v-model=\"open\"\n      id=\"client-link-slide-over\"\n      :title=\"\n        editing\n          ? $t('components.client-link-slide-over.edit-client-link')\n          : $t('components.client-link-slide-over.new-client-link')\n      \"\n      :closeable=\"!loading && !isDeleteModalVisible\"\n      :loading-overlay=\"loading\"\n    >\n      <Input\n        v-model=\"editClientLink.outwards\"\n        id=\"outwards\"\n        :label=\"$t('settings.client-links.outwards-name')\"\n        :placeholder=\"$t('settings.client-links.outwards-placeholder')\"\n        required\n      />\n\n      <Input\n        v-model=\"editClientLink.inwards\"\n        id=\"inwards\"\n        :label=\"$t('settings.client-links.inwards-name')\"\n        :placeholder=\"$t('settings.client-links.inwards-placeholder')\"\n        required\n      />\n\n      <Checkbox\n        v-model=\"isAdvancedSelected\"\n        id=\"clientLinkIsAdvanced\"\n        :label=\"$t('settings.client-links.is-advanced')\"\n        :description=\"$t('settings.client-links.advanced-description')\"\n      />\n\n      <TagsInput\n        v-if=\"isAdvancedSelected\"\n        v-model=\"selectedCustomFields\"\n        :auto-complete-collection=\"DATABASE_AUTOCOMPLETE_COLLECTION.CustomField\"\n        :label=\"$t('settings.client-links.shared-custom-fields')\"\n        :placeholder=\"\n          $t('components.client-filter-slide-over.select-custom-field')\n        \"\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=\"saveClientLink\"\n        >\n          {{\n            $t(\n              'components.client-link-slide-over.' +\n                (editing ? 'save-link' : 'create-link')\n            )\n          }}\n        </Button>\n      </template>\n    </SlideOver>\n\n    <ModalConfirmDelete\n      v-model=\"isDeleteModalVisible\"\n      :title=\"$t('settings.client-links.delete-client-links')\"\n      :text=\"$t('settings.client-links.delete-client-links-text')\"\n      :loading=\"loadingDelete\"\n      @confirmed=\"deleteClientLink\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nexport type CreateClientLink = Omit<ClientLink, '_id' | 'orgId'>;\n\nexport const defaultClientLink: CreateClientLink = {\n  inwards: '',\n  outwards: '',\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 { ClientLink } from '@/types';\nimport { ErrorType } from '@/types/error';\nimport { useNotifications } from '~~/stores/notifications';\nimport { useUserStore } from '@/stores/user';\nimport {\n  getGeneralErrorMap,\n  getNotificationDataByMap,\n  type ErrorMapItem,\n} from '~/util/error';\nimport { useApiClientLink } from '~/composables/api-services/api-client-link';\nimport { DATABASE_AUTOCOMPLETE_COLLECTION } from '@/types';\nimport { getChangedOrUndefined } from '~/util/compare-items';\n\nconst props = defineProps({\n  modelValue: {\n    type: Boolean,\n    required: true,\n  },\n  clientLink: {\n    type: Object as PropType<ClientLink | CreateClientLink>,\n    default: () => defaultClientLink,\n  },\n});\n\nconst editClientLink = ref<ClientLink | CreateClientLink>(\n  klona(props.clientLink)\n);\n\nwatch(\n  computed(() => props.modelValue),\n  (newValue) => {\n    if (newValue) {\n      editClientLink.value = klona(props.clientLink);\n      loading.value = false;\n      loadingDelete.value = false;\n    }\n  }\n);\n\nconst emit = defineEmits(['update:modelValue', 'saved']);\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (value) => emit('update:modelValue', value),\n});\n\nconst changed = computed(\n  () => !isEqual(props.clientLink, editClientLink.value)\n);\n\nconst editing = computed(() => !isEqual(props.clientLink, defaultClientLink));\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      editClientLink.value = klona(props.clientLink);\n    } else {\n      open.value = false;\n    }\n  }\n};\n\n// Advanced Client Link\nconst isAdvancedSelected = computed({\n  get: () => editClientLink.value.isAdvanced ?? false,\n  set: (newValue) => {\n    editClientLink.value.isAdvanced = newValue;\n  },\n});\n\nconst selectedCustomFields = computed({\n  get: () => editClientLink.value.sharedCustomFields ?? [],\n  set: (newValue) => {\n    editClientLink.value.sharedCustomFields = newValue;\n  },\n});\n\n// Requests\n\nconst { $client } = useNuxtApp();\nconst userStore = useUserStore();\nconst notificationsStore = useNotifications();\nconst i18n = useI18n();\nconst apiClientLink = useApiClientLink();\n\nconst saveClientLink = async () => {\n  if (\n    !editClientLink.value?.outwards?.length ||\n    !editClientLink.value?.inwards?.length\n  ) {\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      if (!('orgId' in editClientLink.value)) {\n        return new Error(ErrorType.UNKNOWN);\n      }\n      await apiClientLink.updateById({\n        ...editClientLink.value,\n        isAdvanced: getChangedOrUndefined(\n          props.clientLink,\n          editClientLink.value,\n          'isAdvanced'\n        ),\n        sharedCustomFields: getChangedOrUndefined(\n          props.clientLink,\n          editClientLink.value,\n          'sharedCustomFields'\n        )\n          ? editClientLink.value.sharedCustomFields?.map(\n            (customField) => customField._id\n          )\n          : undefined,\n      });\n    } else {\n      await apiClientLink.create({\n        orgId: userStore.user?.orgId ?? '',\n        ...editClientLink.value,\n        sharedCustomFields: editClientLink.value.sharedCustomFields?.map(\n          (customField) => customField._id\n        ),\n      });\n    }\n    open.value = false;\n\n    emit('saved');\n  } catch (err) {\n    loading.value = false;\n\n    const errorMap: ErrorMapItem[] = [\n      {\n        type: ErrorType.NAME_ALREADY_EXISTS,\n        message: i18n.t('settings.client-links.error.already-exists'),\n      },\n      {\n        type: ErrorType.ALREADY_LINKED,\n        message: i18n.t('settings.client-links.error.already-linked-update'),\n      },\n      ...getGeneralErrorMap(i18n),\n    ];\n\n    const messageData = getNotificationDataByMap(i18n, errorMap, err as Error, {\n      title: i18n.t(\n        'settings.client-links.error.could-not-add-client-link-title'\n      ),\n    });\n\n    useErrorHandler(err, {\n      type: 'error',\n      title: messageData.title,\n      message: messageData.message,\n    });\n  }\n};\n\nconst deleteClientLink = async () => {\n  if (loadingDelete.value) {\n    return;\n  }\n\n  loadingDelete.value = true;\n  try {\n    await $client.clientLink.deleteByIds.mutate({\n      ids: [(editClientLink.value as ClientLink)._id],\n    });\n\n    open.value = false;\n    emit('saved');\n  } catch (error) {\n    if (error instanceof Error && error.message === ErrorType.ALREADY_LINKED) {\n      useErrorHandler(error, {\n        type: 'error',\n        title: i18n.t('settings.client-links.error.already-linked-title'),\n        message: i18n.t('settings.client-links.error.already-linked-message'),\n      });\n    } else {\n      useErrorHandler(error, {\n        type: 'error',\n        message: i18n.t('error-messages.something-went-wrong'),\n      });\n    }\n  } finally {\n    loadingDelete.value = false;\n    isDeleteModalVisible.value = false;\n  }\n};\n</script>\n"],"names":["useApiClientLink","$client","useNuxtApp","request","defaultClientLink","props","__props","editClientLink","ref","klona","watch","computed","newValue","loading","loadingDelete","emit","__emit","open","value","changed","isEqual","editing","isDeleteModalVisible","cancel","isAdvancedSelected","selectedCustomFields","userStore","useUserStore","notificationsStore","useNotifications","i18n","useI18n","apiClientLink","saveClientLink","_b","_a","_d","_c","ErrorType","getChangedOrUndefined","_e","customField","_f","_g","err","errorMap","getGeneralErrorMap","messageData","getNotificationDataByMap","useErrorHandler","deleteClientLink","error"],"mappings":"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"}