zammad/app/frontend/apps/mobile/entities/organization/composables/useOrganizationDetail.ts

// Copyright (C) 2012-2024 Zammad Foundation, https://zammad-foundation.org/

import { computed, nextTick, ref, watch } from 'vue'

import { useObjectAttributes } from '#shared/entities/object-attributes/composables/useObjectAttributes.ts'
import { useErrorHandler } from '#shared/errors/useErrorHandler.ts'
import type {
  OrganizationUpdatesSubscriptionVariables,
  OrganizationUpdatesSubscription,
} from '#shared/graphql/types.ts'
import { EnumObjectManagerObjects } from '#shared/graphql/types.ts'
import { QueryHandler } from '#shared/server/apollo/handler/index.ts'

import { useOrganizationLazyQuery } from '../graphql/queries/organization.api.ts'
import { OrganizationUpdatesDocument } from '../graphql/subscriptions/organizationUpdates.api.ts'

export const useOrganizationDetail = () => {
  const internalId = ref(0)
  const fetchMembersCount = ref<Maybe<number>>(3)

  const { createQueryErrorHandler } = useErrorHandler()

  const organizationQuery = new QueryHandler(
    useOrganizationLazyQuery(
      () => ({
        organizationInternalId: internalId.value,
        membersCount: 3,
      }),
      () => ({ enabled: internalId.value > 0 }),
    ),
    {
      errorCallback: createQueryErrorHandler({
        notFound: __(
          'Organization with specified ID was not found. Try checking the URL for errors.',
        ),
        forbidden: __(
          'You have insufficient rights to view this organization.',
        ),
      }),
    },
  )

  const loadOrganization = (id: number) => {
    internalId.value = id
    nextTick(() => {
      organizationQuery.load()
    })
  }

  const organizationResult = organizationQuery.result()
  const loading = organizationQuery.loading()

  const organization = computed(() => organizationResult.value?.organization)

  const loadAllMembers = () => {
    const organizationInternalId = organization.value?.internalId
    if (!organizationInternalId) {
      return
    }

    organizationQuery
      .refetch({
        organizationInternalId,
        membersCount: null,
      })
      .then(() => {
        fetchMembersCount.value = null
      })
  }

  const { attributes: objectAttributes } = useObjectAttributes(
    EnumObjectManagerObjects.Organization,
  )

  watch(
    () => organization.value?.id,
    (organizationId) => {
      if (!organizationId) {
        return
      }

      organizationQuery.subscribeToMore<
        OrganizationUpdatesSubscriptionVariables,
        OrganizationUpdatesSubscription
      >(() => ({
        document: OrganizationUpdatesDocument,
        variables: {
          organizationId,
          membersCount: fetchMembersCount.value,
        },
      }))
    },
    { immediate: true },
  )

  return {
    loading,
    organizationQuery,
    organization,
    objectAttributes,
    loadOrganization,
    loadAllMembers,
  }
}