@burdenoff/microfe-organization 2026.510.110

package/dist/organization-management/modules/organizations/components/OrganizationForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationForm.js","names":[],"sources":["../../../../../src/organization-management/modules/organizations/components/OrganizationForm.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport { Loader2 } from 'lucide-react';\nimport { ZodError } from 'zod';\nimport { useGetOrganizationBySlugLazyQuery } from '../../../../generated/global-operations';\nimport { useDebouncedValue } from '../../../shared/hooks/useDebouncedValue';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport type { CreateOrganizationInput, UpdateOrganizationInput, Organization } from '../types';\nimport { createOrganizationSchema, updateOrganizationSchema } from '../schemas';\n\ninterface OrganizationFormProps {\n  organization?: Organization | null;\n  tenantId?: string;\n  tenantName?: string;\n  onSubmit: (data: CreateOrganizationInput | UpdateOrganizationInput) => Promise<void>;\n  onCancel: () => void;\n  loading?: boolean;\n}\n\ntype SlugStatus =\n  | { tone: 'muted'; message: string }\n  | { tone: 'success'; message: string }\n  | { tone: 'warning'; message: string };\n\nfunction slugify(value: string): string {\n  return value\n    .toLowerCase()\n    .trim()\n    .replace(/[^a-z0-9\\s-]/g, '')\n    .replace(/\\s+/g, '-')\n    .replace(/-+/g, '-')\n    .replace(/^-|-$/g, '');\n}\n\nfunction getSlugStatusClassName(tone: SlugStatus['tone']): string {\n  switch (tone) {\n    case 'success':\n      return 'text-[var(--color-status-success-text)]';\n    case 'warning':\n      return 'text-[var(--color-status-warning-text)]';\n    default:\n      return 'text-[var(--color-text-muted)]';\n  }\n}\n\nexport function OrganizationForm({\n  organization,\n  tenantId,\n  tenantName,\n  onSubmit,\n  onCancel,\n  loading,\n}: OrganizationFormProps) {\n  const tr = useTr();\n  const isCreateMode = !organization;\n  const currentOrganizationId = organization?.id ?? null;\n  const [formData, setFormData] = useState({\n    name: organization?.name || '',\n    slug: organization?.slug || '',\n    description: organization?.description || '',\n    logo: organization?.logo || '',\n    website: organization?.website || '',\n    tenantId: tenantId || organization?.tenantId || '',\n  });\n\n  const [errors, setErrors] = useState<Record<string, string>>({});\n  const [hasManualSlugEdits, setHasManualSlugEdits] = useState(false);\n  const [slugStatus, setSlugStatus] = useState<SlugStatus>({\n    tone: 'muted',\n    message: tr(\n      'organizations.form.slugAutoGenerated',\n      'Slug is auto-generated from the organization name.'\n    ),\n  });\n  const slugRequestIdRef = useRef(0);\n  const lastAdjustedSlugRef = useRef<string | null>(null);\n  const lastAdjustedBaseSlugRef = useRef<string | null>(null);\n  const debouncedSlug = useDebouncedValue(formData.slug, 350);\n  const [fetchOrganizationBySlug] = useGetOrganizationBySlugLazyQuery({\n    fetchPolicy: 'network-only',\n  });\n\n  const tenantDisplayValue = useMemo(() => {\n    if (!formData.tenantId) {\n      return '';\n    }\n\n    if (tenantName) {\n      return `${tenantName} (${formData.tenantId})`;\n    }\n\n    return formData.tenantId;\n  }, [formData.tenantId, tenantName]);\n\n  useEffect(() => {\n    if (!isCreateMode || tenantId === undefined) {\n      return;\n    }\n\n    setFormData((previousState) => {\n      if (previousState.tenantId === tenantId) {\n        return previousState;\n      }\n\n      return {\n        ...previousState,\n        tenantId,\n      };\n    });\n  }, [isCreateMode, tenantId]);\n\n  useEffect(() => {\n    if (!isCreateMode) {\n      return;\n    }\n\n    const generatedSlug = slugify(formData.name);\n    lastAdjustedSlugRef.current = null;\n    lastAdjustedBaseSlugRef.current = null;\n\n    if (!hasManualSlugEdits) {\n      setFormData((previousState) => ({\n        ...previousState,\n        slug: generatedSlug,\n      }));\n    }\n\n    if (!generatedSlug) {\n      setSlugStatus({\n        tone: 'muted',\n        message: tr(\n          'organizations.form.slugAutoGenerated',\n          'Slug is auto-generated from the organization name.'\n        ),\n      });\n    }\n  }, [formData.name, hasManualSlugEdits, isCreateMode, tr]);\n\n  useEffect(() => {\n    if (!isCreateMode) {\n      return;\n    }\n\n    if (!formData.tenantId || !debouncedSlug) {\n      lastAdjustedSlugRef.current = null;\n      lastAdjustedBaseSlugRef.current = null;\n      setSlugStatus({\n        tone: 'muted',\n        message: tr(\n          'organizations.form.slugAutoGenerated',\n          'Slug is auto-generated from the organization name.'\n        ),\n      });\n      return;\n    }\n\n    if (lastAdjustedSlugRef.current === debouncedSlug && lastAdjustedBaseSlugRef.current !== null) {\n      setSlugStatus({\n        tone: 'warning',\n        message: `${tr('organizations.form.slugAdjustedTo', 'Slug adjusted to')} “${debouncedSlug}” ${tr('organizations.form.slugBecause', 'because')} “${lastAdjustedBaseSlugRef.current}” ${tr('organizations.form.slugAlreadyTaken', 'is already taken.')}`,\n      });\n      return;\n    }\n\n    let isCancelled = false;\n    const requestId = ++slugRequestIdRef.current;\n\n    const resolveAvailableSlug = async () => {\n      setSlugStatus({\n        tone: 'muted',\n        message: tr('organizations.form.slugChecking', 'Checking slug availability…'),\n      });\n\n      const baseSlug = debouncedSlug;\n      let suffix = 2;\n      let candidateSlug = baseSlug;\n\n      while (true) {\n        const result = await fetchOrganizationBySlug({\n          variables: {\n            tenantId: formData.tenantId,\n            slug: candidateSlug,\n          },\n        });\n\n        if (isCancelled || slugRequestIdRef.current !== requestId) {\n          return;\n        }\n\n        const existingOrganizationId = (\n          result.data?.organizationBySlug as { id?: string } | null | undefined\n        )?.id;\n        if (!existingOrganizationId || existingOrganizationId === currentOrganizationId) {\n          if (candidateSlug !== baseSlug) {\n            lastAdjustedSlugRef.current = candidateSlug;\n            lastAdjustedBaseSlugRef.current = baseSlug;\n            setFormData((previousState) => {\n              if (previousState.slug !== baseSlug) {\n                return previousState;\n              }\n\n              return {\n                ...previousState,\n                slug: candidateSlug,\n              };\n            });\n\n            setSlugStatus({\n              tone: 'warning',\n              message: `${tr('organizations.form.slugAdjustedTo', 'Slug adjusted to')} “${candidateSlug}” ${tr('organizations.form.slugBecause', 'because')} “${baseSlug}” ${tr('organizations.form.slugAlreadyTaken', 'is already taken.')}`,\n            });\n          } else {\n            lastAdjustedSlugRef.current = null;\n            lastAdjustedBaseSlugRef.current = null;\n            setSlugStatus({\n              tone: 'success',\n              message: `${tr('organizations.form.slugPrefix', 'Slug')} “${candidateSlug}” ${tr('organizations.form.slugAvailable', 'is available.')}`,\n            });\n          }\n\n          return;\n        }\n\n        candidateSlug = `${baseSlug}-${suffix}`;\n        suffix += 1;\n      }\n    };\n\n    void resolveAvailableSlug();\n\n    return () => {\n      isCancelled = true;\n    };\n  }, [\n    currentOrganizationId,\n    debouncedSlug,\n    fetchOrganizationBySlug,\n    formData.tenantId,\n    isCreateMode,\n    tr,\n  ]);\n\n  const validate = () => {\n    try {\n      const schema = organization ? updateOrganizationSchema : createOrganizationSchema;\n      schema.parse(formData);\n      setErrors({});\n      return true;\n    } catch (error) {\n      if (error instanceof ZodError) {\n        const newErrors: Record<string, string> = {};\n        error.issues.forEach((issue) => {\n          const path = issue.path.join('.');\n          newErrors[path] = issue.message;\n        });\n        setErrors(newErrors);\n      }\n      return false;\n    }\n  };\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n\n    if (!validate()) {\n      return;\n    }\n\n    const submitData = organization\n      ? {\n          // Update only changed fields\n          name: formData.name !== organization.name ? formData.name : undefined,\n          description:\n            formData.description !== organization.description ? formData.description : undefined,\n          logo: formData.logo !== organization.logo ? formData.logo : undefined,\n          website: formData.website !== organization.website ? formData.website : undefined,\n        }\n      : {\n          // Create with all fields\n          tenantId: formData.tenantId,\n          name: formData.name,\n          slug: formData.slug,\n          description: formData.description || undefined,\n          logo: formData.logo || undefined,\n          website: formData.website || undefined,\n        };\n\n    await onSubmit(submitData);\n  };\n\n  return (\n    <form onSubmit={handleSubmit} className=\"space-y-6\">\n      {/* Tenant ID (only for create) */}\n      {isCreateMode && (\n        <div>\n          <label\n            htmlFor=\"tenantId\"\n            className=\"block text-sm font-medium text-[var(--color-text-primary)] mb-1\"\n          >\n            {tr('organizations.form.tenant', 'Tenant')}{' '}\n            <span className=\"text-[var(--color-status-error-text)]\">*</span>\n          </label>\n          {tenantId ? (\n            <input\n              id=\"tenantId\"\n              type=\"text\"\n              value={tenantDisplayValue}\n              className=\"\n                w-full px-3 py-2\n                bg-[var(--color-bg-muted)]\n                border border-[var(--color-border-default)]\n                rounded-lg\n                text-[var(--color-text-primary)]\n                placeholder:text-[var(--color-text-muted)]\n                disabled:cursor-not-allowed\n              \"\n              disabled\n              readOnly\n              aria-label={tr('organizations.form.selectedTenant', 'Selected tenant')}\n            />\n          ) : (\n            <input\n              id=\"tenantId\"\n              type=\"text\"\n              value={formData.tenantId}\n              onChange={(e) => setFormData({ ...formData, tenantId: e.target.value })}\n              className=\"\n                w-full px-3 py-2\n                bg-[var(--color-bg-surface)]\n                border border-[var(--color-border-default)]\n                rounded-lg\n                text-[var(--color-text-primary)]\n                placeholder:text-[var(--color-text-muted)]\n                focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)]\n                disabled:bg-[var(--color-bg-muted)] disabled:cursor-not-allowed\n              \"\n              placeholder={tr('organizations.form.tenantPlaceholder', 'Enter tenant ID')}\n              disabled={loading}\n              required\n              autoComplete=\"off\"\n            />\n          )}\n          {errors.tenantId && (\n            <p className=\"mt-1 text-sm text-[var(--color-status-error-text)]\">{errors.tenantId}</p>\n          )}\n        </div>\n      )}\n\n      {/* Name */}\n      <div>\n        <label\n          htmlFor=\"name\"\n          className=\"block text-sm font-medium text-[var(--color-text-primary)] mb-1\"\n        >\n          {tr('organizations.form.name', 'Organization Name')}{' '}\n          <span className=\"text-[var(--color-status-error-text)]\">*</span>\n        </label>\n        <input\n          id=\"name\"\n          type=\"text\"\n          value={formData.name}\n          onChange={(e) => setFormData({ ...formData, name: e.target.value })}\n          className=\"\n            w-full px-3 py-2\n            bg-[var(--color-bg-surface)]\n            border border-[var(--color-border-default)]\n            rounded-lg\n            text-[var(--color-text-primary)]\n            placeholder:text-[var(--color-text-muted)]\n            focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)]\n            disabled:bg-[var(--color-bg-muted)] disabled:cursor-not-allowed\n          \"\n          placeholder={tr('organizations.form.namePlaceholder', 'Enter organization name')}\n          disabled={loading}\n          required\n          autoComplete=\"organization\"\n        />\n        {errors.name && (\n          <p className=\"mt-1 text-sm text-[var(--color-status-error-text)]\">{errors.name}</p>\n        )}\n      </div>\n\n      {/* Slug */}\n      <div>\n        <label\n          htmlFor=\"slug\"\n          className=\"block text-sm font-medium text-[var(--color-text-primary)] mb-1\"\n        >\n          {tr('common.slug', 'Slug')}{' '}\n          <span className=\"text-[var(--color-status-error-text)]\">*</span>\n        </label>\n        <input\n          id=\"slug\"\n          type=\"text\"\n          value={formData.slug}\n          onChange={(e) => {\n            setHasManualSlugEdits(true);\n            lastAdjustedSlugRef.current = null;\n            lastAdjustedBaseSlugRef.current = null;\n            setFormData({\n              ...formData,\n              slug: slugify(e.target.value),\n            });\n          }}\n          className=\"\n            w-full px-3 py-2\n            bg-[var(--color-bg-surface)]\n            border border-[var(--color-border-default)]\n            rounded-lg\n            text-[var(--color-text-primary)]\n            placeholder:text-[var(--color-text-muted)]\n            focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)]\n            disabled:bg-[var(--color-bg-muted)] disabled:cursor-not-allowed\n          \"\n          placeholder={tr('organizations.form.slugPlaceholder', 'organization-slug')}\n          disabled={loading || !!organization}\n          required={!organization}\n          autoComplete=\"off\"\n        />\n        <p\n          className={`text-xs mt-1 ${getSlugStatusClassName(\n            isCreateMode ? slugStatus.tone : 'muted'\n          )}`}\n        >\n          {isCreateMode\n            ? slugStatus.message\n            : tr(\n                'organizations.form.slugImmutable',\n                'Lowercase letters, numbers, and hyphens only. Cannot be changed after creation.'\n              )}\n        </p>\n        {errors.slug && (\n          <p className=\"mt-1 text-sm text-[var(--color-status-error-text)]\">{errors.slug}</p>\n        )}\n      </div>\n\n      {/* Description */}\n      <div>\n        <label\n          htmlFor=\"description\"\n          className=\"block text-sm font-medium text-[var(--color-text-primary)] mb-1\"\n        >\n          {tr('common.description', 'Description')}\n        </label>\n        <textarea\n          id=\"description\"\n          value={formData.description}\n          onChange={(e) => setFormData({ ...formData, description: e.target.value })}\n          rows={4}\n          className=\"\n            w-full px-3 py-2\n            bg-[var(--color-bg-surface)]\n            border border-[var(--color-border-default)]\n            rounded-lg\n            text-[var(--color-text-primary)]\n            placeholder:text-[var(--color-text-muted)]\n            focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)]\n            disabled:bg-[var(--color-bg-muted)] disabled:cursor-not-allowed\n          \"\n          placeholder={tr(\n            'organizations.form.descriptionPlaceholder',\n            'Enter organization description'\n          )}\n          disabled={loading}\n          autoComplete=\"off\"\n        />\n      </div>\n\n      {/* Logo URL */}\n      <div>\n        <label\n          htmlFor=\"logo\"\n          className=\"block text-sm font-medium text-[var(--color-text-primary)] mb-1\"\n        >\n          {tr('organizations.form.logoUrl', 'Logo URL')}\n        </label>\n        <input\n          id=\"logo\"\n          type=\"url\"\n          value={formData.logo}\n          onChange={(e) => setFormData({ ...formData, logo: e.target.value })}\n          className=\"\n            w-full px-3 py-2\n            bg-[var(--color-bg-surface)]\n            border border-[var(--color-border-default)]\n            rounded-lg\n            text-[var(--color-text-primary)]\n            placeholder:text-[var(--color-text-muted)]\n            focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)]\n            disabled:bg-[var(--color-bg-muted)] disabled:cursor-not-allowed\n          \"\n          placeholder=\"https://example.com/logo.png\"\n          disabled={loading}\n          autoComplete=\"url\"\n        />\n      </div>\n\n      {/* Website */}\n      <div>\n        <label\n          htmlFor=\"website\"\n          className=\"block text-sm font-medium text-[var(--color-text-primary)] mb-1\"\n        >\n          {tr('organizations.detail.website', 'Website')}\n        </label>\n        <input\n          id=\"website\"\n          type=\"url\"\n          value={formData.website}\n          onChange={(e) => setFormData({ ...formData, website: e.target.value })}\n          className=\"\n            w-full px-3 py-2\n            bg-[var(--color-bg-surface)]\n            border border-[var(--color-border-default)]\n            rounded-lg\n            text-[var(--color-text-primary)]\n            placeholder:text-[var(--color-text-muted)]\n            focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)]\n            disabled:bg-[var(--color-bg-muted)] disabled:cursor-not-allowed\n          \"\n          placeholder=\"https://example.com\"\n          disabled={loading}\n          autoComplete=\"url\"\n        />\n      </div>\n\n      {/* Form Actions */}\n      <div className=\"flex flex-col gap-3 border-t border-[var(--color-border-default)] pt-4 sm:flex-row\">\n        <button\n          type=\"submit\"\n          disabled={loading}\n          className=\"\n            inline-flex items-center gap-2 px-6 py-2.5\n            bg-[var(--color-action-primary-bg)]\n            text-[var(--color-action-primary-text)]\n            rounded-lg\n            hover:opacity-90 hover:scale-[1.02]\n            active:scale-[0.98]\n            transition-all duration-200\n            font-medium\n            disabled:opacity-50 disabled:cursor-not-allowed\n            sm:min-w-[220px]\n          \"\n        >\n          {loading && <Loader2 size={16} className=\"animate-spin\" />}\n          {organization\n            ? tr('organizations.form.updateSubmit', 'Update Organization')\n            : tr('organizations.create.button', 'Create Organization')}\n        </button>\n\n        <button\n          type=\"button\"\n          onClick={onCancel}\n          disabled={loading}\n          className=\"\n            px-6 py-2.5\n            bg-transparent\n            text-[var(--color-text-primary)]\n            border border-[var(--color-border-default)]\n            rounded-lg\n            hover:bg-[var(--color-bg-subtle)]\n            active:scale-[0.98]\n            transition-all duration-200\n            font-medium\n            disabled:opacity-50 disabled:cursor-not-allowed\n            sm:min-w-[140px]\n          \"\n        >\n          {tr('common.cancel', 'Cancel')}\n        </button>\n      </div>\n    </form>\n  );\n}\n"],"mappings":";;;;;;;;;AAuBA,SAAS,EAAQ,GAAuB;AACtC,QAAO,EACJ,aAAa,CACb,MAAM,CACN,QAAQ,iBAAiB,GAAG,CAC5B,QAAQ,QAAQ,IAAI,CACpB,QAAQ,OAAO,IAAI,CACnB,QAAQ,UAAU,GAAG;;AAG1B,SAAS,EAAuB,GAAkC;AAChE,SAAQ,GAAR;EACE,KAAK,UACH,QAAO;EACT,KAAK,UACH,QAAO;EACT,QACE,QAAO;;;AAIb,SAAgB,EAAiB,EAC/B,iBACA,aACA,eACA,aACA,aACA,cACwB;CACxB,IAAM,IAAK,GAAO,EACZ,IAAe,CAAC,GAChB,IAAwB,GAAc,MAAM,MAC5C,CAAC,GAAU,KAAe,EAAS;EACvC,MAAM,GAAc,QAAQ;EAC5B,MAAM,GAAc,QAAQ;EAC5B,aAAa,GAAc,eAAe;EAC1C,MAAM,GAAc,QAAQ;EAC5B,SAAS,GAAc,WAAW;EAClC,UAAU,KAAY,GAAc,YAAY;EACjD,CAAC,EAEI,CAAC,GAAQ,KAAa,EAAiC,EAAE,CAAC,EAC1D,CAAC,GAAoB,KAAyB,EAAS,GAAM,EAC7D,CAAC,GAAY,KAAiB,EAAqB;EACvD,MAAM;EACN,SAAS,EACP,wCACA,qDACD;EACF,CAAC,EACI,IAAmB,EAAO,EAAE,EAC5B,IAAsB,EAAsB,KAAK,EACjD,IAA0B,EAAsB,KAAK,EACrD,IAAgB,EAAkB,EAAS,MAAM,IAAI,EACrD,CAAC,KAA2B,EAAkC,EAClE,aAAa,gBACd,CAAC,EAEI,IAAqB,QACpB,EAAS,WAIV,IACK,GAAG,EAAW,IAAI,EAAS,SAAS,KAGtC,EAAS,WAPP,IAQR,CAAC,EAAS,UAAU,EAAW,CAAC;AA8CnC,CA5CA,QAAgB;AACV,GAAC,KAAgB,MAAa,KAAA,KAIlC,GAAa,MACP,EAAc,aAAa,IACtB,IAGF;GACL,GAAG;GACH;GACD,CACD;IACD,CAAC,GAAc,EAAS,CAAC,EAE5B,QAAgB;AACd,MAAI,CAAC,EACH;EAGF,IAAM,IAAgB,EAAQ,EAAS,KAAK;AAW5C,EAVA,EAAoB,UAAU,MAC9B,EAAwB,UAAU,MAE7B,KACH,GAAa,OAAmB;GAC9B,GAAG;GACH,MAAM;GACP,EAAE,EAGA,KACH,EAAc;GACZ,MAAM;GACN,SAAS,EACP,wCACA,qDACD;GACF,CAAC;IAEH;EAAC,EAAS;EAAM;EAAoB;EAAc;EAAG,CAAC,EAEzD,QAAgB;AACd,MAAI,CAAC,EACH;AAGF,MAAI,CAAC,EAAS,YAAY,CAAC,GAAe;AAGxC,GAFA,EAAoB,UAAU,MAC9B,EAAwB,UAAU,MAClC,EAAc;IACZ,MAAM;IACN,SAAS,EACP,wCACA,qDACD;IACF,CAAC;AACF;;AAGF,MAAI,EAAoB,YAAY,KAAiB,EAAwB,YAAY,MAAM;AAC7F,KAAc;IACZ,MAAM;IACN,SAAS,GAAG,EAAG,qCAAqC,mBAAmB,CAAC,IAAI,EAAc,IAAI,EAAG,kCAAkC,UAAU,CAAC,IAAI,EAAwB,QAAQ,IAAI,EAAG,uCAAuC,oBAAoB;IACrP,CAAC;AACF;;EAGF,IAAI,IAAc,IACZ,IAAY,EAAE,EAAiB;AAiErC,UA/D6B,YAAY;AACvC,KAAc;IACZ,MAAM;IACN,SAAS,EAAG,mCAAmC,8BAA8B;IAC9E,CAAC;GAEF,IAAM,IAAW,GACb,IAAS,GACT,IAAgB;AAEpB,YAAa;IACX,IAAM,IAAS,MAAM,EAAwB,EAC3C,WAAW;KACT,UAAU,EAAS;KACnB,MAAM;KACP,EACF,CAAC;AAEF,QAAI,KAAe,EAAiB,YAAY,EAC9C;IAGF,IAAM,IACJ,EAAO,MAAM,oBACZ;AACH,QAAI,CAAC,KAA0B,MAA2B,GAAuB;AAC/E,KAAI,MAAkB,KAmBpB,EAAoB,UAAU,MAC9B,EAAwB,UAAU,MAClC,EAAc;MACZ,MAAM;MACN,SAAS,GAAG,EAAG,iCAAiC,OAAO,CAAC,IAAI,EAAc,IAAI,EAAG,oCAAoC,gBAAgB;MACtI,CAAC,KAvBF,EAAoB,UAAU,GAC9B,EAAwB,UAAU,GAClC,GAAa,MACP,EAAc,SAAS,IAIpB;MACL,GAAG;MACH,MAAM;MACP,GANQ,EAOT,EAEF,EAAc;MACZ,MAAM;MACN,SAAS,GAAG,EAAG,qCAAqC,mBAAmB,CAAC,IAAI,EAAc,IAAI,EAAG,kCAAkC,UAAU,CAAC,IAAI,EAAS,IAAI,EAAG,uCAAuC,oBAAoB;MAC9N,CAAC;AAUJ;;AAIF,IADA,IAAgB,GAAG,EAAS,GAAG,KAC/B,KAAU;;MAIa,QAEd;AACX,OAAc;;IAEf;EACD;EACA;EACA;EACA,EAAS;EACT;EACA;EACD,CAAC;CAEF,IAAM,UAAiB;AACrB,MAAI;AAIF,WAHe,IAAe,IAA2B,GAClD,MAAM,EAAS,EACtB,EAAU,EAAE,CAAC,EACN;WACA,GAAO;AACd,OAAI,aAAiB,GAAU;IAC7B,IAAM,IAAoC,EAAE;AAK5C,IAJA,EAAM,OAAO,SAAS,MAAU;KAC9B,IAAM,IAAO,EAAM,KAAK,KAAK,IAAI;AACjC,OAAU,KAAQ,EAAM;MACxB,EACF,EAAU,EAAU;;AAEtB,UAAO;;;AAiCX,QACE,kBAAC,QAAD;EAAM,UA9Ba,OAAO,MAAuB;AACjD,KAAE,gBAAgB,EAEb,GAAU,IAuBf,MAAM,EAnBa,IACf;IAEE,MAAM,EAAS,SAAS,EAAa,OAAuB,KAAA,IAAhB,EAAS;IACrD,aACE,EAAS,gBAAgB,EAAa,cAAqC,KAAA,IAAvB,EAAS;IAC/D,MAAM,EAAS,SAAS,EAAa,OAAuB,KAAA,IAAhB,EAAS;IACrD,SAAS,EAAS,YAAY,EAAa,UAA6B,KAAA,IAAnB,EAAS;IAC/D,GACD;IAEE,UAAU,EAAS;IACnB,MAAM,EAAS;IACf,MAAM,EAAS;IACf,aAAa,EAAS,eAAe,KAAA;IACrC,MAAM,EAAS,QAAQ,KAAA;IACvB,SAAS,EAAS,WAAW,KAAA;IAC9B,CAEqB;;EAII,WAAU;YAAxC;GAEG,KACC,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,SAAD;KACE,SAAQ;KACR,WAAU;eAFZ;MAIG,EAAG,6BAA6B,SAAS;MAAE;MAC5C,kBAAC,QAAD;OAAM,WAAU;iBAAwC;OAAQ,CAAA;MAC1D;;IACP,IACC,kBAAC,SAAD;KACE,IAAG;KACH,MAAK;KACL,OAAO;KACP,WAAU;KASV,UAAA;KACA,UAAA;KACA,cAAY,EAAG,qCAAqC,kBAAkB;KACtE,CAAA,GAEF,kBAAC,SAAD;KACE,IAAG;KACH,MAAK;KACL,OAAO,EAAS;KAChB,WAAW,MAAM,EAAY;MAAE,GAAG;MAAU,UAAU,EAAE,OAAO;MAAO,CAAC;KACvE,WAAU;KAUV,aAAa,EAAG,wCAAwC,kBAAkB;KAC1E,UAAU;KACV,UAAA;KACA,cAAa;KACb,CAAA;IAEH,EAAO,YACN,kBAAC,KAAD;KAAG,WAAU;eAAsD,EAAO;KAAa,CAAA;IAErF,EAAA,CAAA;GAIR,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,SAAD;KACE,SAAQ;KACR,WAAU;eAFZ;MAIG,EAAG,2BAA2B,oBAAoB;MAAE;MACrD,kBAAC,QAAD;OAAM,WAAU;iBAAwC;OAAQ,CAAA;MAC1D;;IACR,kBAAC,SAAD;KACE,IAAG;KACH,MAAK;KACL,OAAO,EAAS;KAChB,WAAW,MAAM,EAAY;MAAE,GAAG;MAAU,MAAM,EAAE,OAAO;MAAO,CAAC;KACnE,WAAU;KAUV,aAAa,EAAG,sCAAsC,0BAA0B;KAChF,UAAU;KACV,UAAA;KACA,cAAa;KACb,CAAA;IACD,EAAO,QACN,kBAAC,KAAD;KAAG,WAAU;eAAsD,EAAO;KAAS,CAAA;IAEjF,EAAA,CAAA;GAGN,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,SAAD;KACE,SAAQ;KACR,WAAU;eAFZ;MAIG,EAAG,eAAe,OAAO;MAAE;MAC5B,kBAAC,QAAD;OAAM,WAAU;iBAAwC;OAAQ,CAAA;MAC1D;;IACR,kBAAC,SAAD;KACE,IAAG;KACH,MAAK;KACL,OAAO,EAAS;KAChB,WAAW,MAAM;AAIf,MAHA,EAAsB,GAAK,EAC3B,EAAoB,UAAU,MAC9B,EAAwB,UAAU,MAClC,EAAY;OACV,GAAG;OACH,MAAM,EAAQ,EAAE,OAAO,MAAM;OAC9B,CAAC;;KAEJ,WAAU;KAUV,aAAa,EAAG,sCAAsC,oBAAoB;KAC1E,UAAU,KAAW,CAAC,CAAC;KACvB,UAAU,CAAC;KACX,cAAa;KACb,CAAA;IACF,kBAAC,KAAD;KACE,WAAW,gBAAgB,EACzB,IAAe,EAAW,OAAO,QAClC;eAEA,IACG,EAAW,UACX,EACE,oCACA,kFACD;KACH,CAAA;IACH,EAAO,QACN,kBAAC,KAAD;KAAG,WAAU;eAAsD,EAAO;KAAS,CAAA;IAEjF,EAAA,CAAA;GAGN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;IACE,SAAQ;IACR,WAAU;cAET,EAAG,sBAAsB,cAAc;IAClC,CAAA,EACR,kBAAC,YAAD;IACE,IAAG;IACH,OAAO,EAAS;IAChB,WAAW,MAAM,EAAY;KAAE,GAAG;KAAU,aAAa,EAAE,OAAO;KAAO,CAAC;IAC1E,MAAM;IACN,WAAU;IAUV,aAAa,EACX,6CACA,iCACD;IACD,UAAU;IACV,cAAa;IACb,CAAA,CACE,EAAA,CAAA;GAGN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;IACE,SAAQ;IACR,WAAU;cAET,EAAG,8BAA8B,WAAW;IACvC,CAAA,EACR,kBAAC,SAAD;IACE,IAAG;IACH,MAAK;IACL,OAAO,EAAS;IAChB,WAAW,MAAM,EAAY;KAAE,GAAG;KAAU,MAAM,EAAE,OAAO;KAAO,CAAC;IACnE,WAAU;IAUV,aAAY;IACZ,UAAU;IACV,cAAa;IACb,CAAA,CACE,EAAA,CAAA;GAGN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;IACE,SAAQ;IACR,WAAU;cAET,EAAG,gCAAgC,UAAU;IACxC,CAAA,EACR,kBAAC,SAAD;IACE,IAAG;IACH,MAAK;IACL,OAAO,EAAS;IAChB,WAAW,MAAM,EAAY;KAAE,GAAG;KAAU,SAAS,EAAE,OAAO;KAAO,CAAC;IACtE,WAAU;IAUV,aAAY;IACZ,UAAU;IACV,cAAa;IACb,CAAA,CACE,EAAA,CAAA;GAGN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,UAAD;KACE,MAAK;KACL,UAAU;KACV,WAAU;eAHZ,CAgBG,KAAW,kBAAC,GAAD;MAAS,MAAM;MAAI,WAAU;MAAiB,CAAA,EACzD,IACG,EAAG,mCAAmC,sBAAsB,GAC5D,EAAG,+BAA+B,sBAAsB,CACrD;QAET,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,UAAU;KACV,WAAU;eAcT,EAAG,iBAAiB,SAAS;KACvB,CAAA,CACL;;GACD"}

package/dist/organization-management/modules/organizations/components/OrganizationStatusBadge.d.ts

@@ -0,0 +1,13 @@
+import { OrganizationStatus } from '../types';
+
+interface OrganizationStatusBadgeProps {
+    status: OrganizationStatus;
+    showIcon?: boolean;
+}
+/**
+ * OrganizationStatusBadge
+ * Displays the status of an organization with color coding and optional icon
+ */
+export declare function OrganizationStatusBadge({ status, showIcon }: OrganizationStatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=OrganizationStatusBadge.d.ts.map

package/dist/organization-management/modules/organizations/components/OrganizationStatusBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationStatusBadge.d.ts","sourceRoot":"","sources":["../../../../../src/organization-management/modules/organizations/components/OrganizationStatusBadge.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,UAAU,4BAA4B;IACpC,MAAM,EAAE,kBAAkB,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,EAAE,MAAM,EAAE,QAAe,EAAE,EAAE,4BAA4B,2CA2DhG"}

package/dist/organization-management/modules/organizations/components/OrganizationStatusBadge.js

@@ -0,0 +1,49 @@
+import { OrganizationStatus as e } from "../../../shared/types/graphql.js";
+import { useCallback as t } from "react";
+import { CircleAlert as n, CircleCheck as r, CircleX as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/organization-management/modules/organizations/components/OrganizationStatusBadge.tsx
+function c({ status: c, showIcon: l = !0 }) {
+	let { t: u } = s(), d = t((e, t) => {
+		let n = u(e);
+		return n === e ? t : n;
+	}, [u]), f = (() => {
+		switch (c) {
+			case e.ACTIVE: return {
+				label: d("organizations.status.active", "Active"),
+				icon: r,
+				className: "bg-[var(--color-status-success-bgSubtle)] text-[var(--color-status-success-text)] border-[var(--color-status-success-border)]"
+			};
+			case e.INACTIVE: return {
+				label: d("organizations.status.inactive", "Inactive"),
+				icon: i,
+				className: "bg-[var(--color-bg-muted)] text-[var(--color-text-secondary)] border-[var(--color-border-default)]"
+			};
+			case e.ARCHIVED: return {
+				label: d("organizations.status.archived", "Archived"),
+				icon: n,
+				className: "bg-[var(--color-status-warning-bgSubtle)] text-[var(--color-status-warning-text)] border-[var(--color-status-warning-border)]"
+			};
+			default: return {
+				label: c,
+				icon: n,
+				className: "bg-[var(--color-bg-muted)] text-[var(--color-text-secondary)] border-[var(--color-border-default)]"
+			};
+		}
+	})(), p = f.icon;
+	return /* @__PURE__ */ o("span", {
+		className: `
+        inline-flex items-center gap-1.5 px-2.5 py-1
+        rounded-full text-xs font-medium
+        border
+        transition-colors duration-200
+        ${f.className}
+      `,
+		children: [l && /* @__PURE__ */ a(p, { size: 14 }), f.label]
+	});
+}
+//#endregion
+export { c as OrganizationStatusBadge };
+
+//# sourceMappingURL=OrganizationStatusBadge.js.map

package/dist/organization-management/modules/organizations/components/OrganizationStatusBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationStatusBadge.js","names":[],"sources":["../../../../../src/organization-management/modules/organizations/components/OrganizationStatusBadge.tsx"],"sourcesContent":["import { CircleCheck, CircleX, CircleAlert } from 'lucide-react';\nimport { useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { OrganizationStatus } from '../types';\n\ninterface OrganizationStatusBadgeProps {\n  status: OrganizationStatus;\n  showIcon?: boolean;\n}\n\n/**\n * OrganizationStatusBadge\n * Displays the status of an organization with color coding and optional icon\n */\nexport function OrganizationStatusBadge({ status, showIcon = true }: OrganizationStatusBadgeProps) {\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string) => {\n      const translated = t(key);\n      return translated === key ? fallback : translated;\n    },\n    [t]\n  );\n  const getStatusConfig = () => {\n    switch (status) {\n      case OrganizationStatus.ACTIVE:\n        return {\n          label: tr('organizations.status.active', 'Active'),\n          icon: CircleCheck,\n          className:\n            'bg-[var(--color-status-success-bgSubtle)] text-[var(--color-status-success-text)] border-[var(--color-status-success-border)]',\n        };\n      case OrganizationStatus.INACTIVE:\n        return {\n          label: tr('organizations.status.inactive', 'Inactive'),\n          icon: CircleX,\n          className:\n            'bg-[var(--color-bg-muted)] text-[var(--color-text-secondary)] border-[var(--color-border-default)]',\n        };\n      case OrganizationStatus.ARCHIVED:\n        return {\n          label: tr('organizations.status.archived', 'Archived'),\n          icon: CircleAlert,\n          className:\n            'bg-[var(--color-status-warning-bgSubtle)] text-[var(--color-status-warning-text)] border-[var(--color-status-warning-border)]',\n        };\n      default:\n        return {\n          label: status,\n          icon: CircleAlert,\n          className:\n            'bg-[var(--color-bg-muted)] text-[var(--color-text-secondary)] border-[var(--color-border-default)]',\n        };\n    }\n  };\n\n  const config = getStatusConfig();\n  const Icon = config.icon;\n\n  return (\n    <span\n      className={`\n        inline-flex items-center gap-1.5 px-2.5 py-1\n        rounded-full text-xs font-medium\n        border\n        transition-colors duration-200\n        ${config.className}\n      `}\n    >\n      {showIcon && <Icon size={14} />}\n      {config.label}\n    </span>\n  );\n}\n"],"mappings":";;;;;;AAcA,SAAgB,EAAwB,EAAE,WAAQ,cAAW,MAAsC;CACjG,IAAM,EAAE,SAAM,GAAS,EACjB,IAAK,GACR,GAAa,MAAqB;EACjC,IAAM,IAAa,EAAE,EAAI;AACzB,SAAO,MAAe,IAAM,IAAW;IAEzC,CAAC,EAAE,CACJ,EAkCK,WAjCwB;AAC5B,UAAQ,GAAR;GACE,KAAK,EAAmB,OACtB,QAAO;IACL,OAAO,EAAG,+BAA+B,SAAS;IAClD,MAAM;IACN,WACE;IACH;GACH,KAAK,EAAmB,SACtB,QAAO;IACL,OAAO,EAAG,iCAAiC,WAAW;IACtD,MAAM;IACN,WACE;IACH;GACH,KAAK,EAAmB,SACtB,QAAO;IACL,OAAO,EAAG,iCAAiC,WAAW;IACtD,MAAM;IACN,WACE;IACH;GACH,QACE,QAAO;IACL,OAAO;IACP,MAAM;IACN,WACE;IACH;;KAIyB,EAC1B,IAAO,EAAO;AAEpB,QACE,kBAAC,QAAD;EACE,WAAW;;;;;UAKP,EAAO,UAAU;;YANvB,CASG,KAAY,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA,EAC9B,EAAO,MACH"}

package/dist/organization-management/modules/organizations/hooks/useOrganizations.d.ts

@@ -0,0 +1,86 @@
+import { Organization, OrganizationFilterInput, CreateOrganizationInput, UpdateOrganizationInput } from '../types';
+
+/**
+ * Hook to fetch organizations with filtering and pagination
+ */
+export declare function useOrganizations(filter?: OrganizationFilterInput, limit?: number, offset?: number, enabled?: boolean): {
+    organizations: Organization[];
+    total: any;
+    limit: any;
+    offset: any;
+    hasMore: any;
+    loading: boolean;
+    error: import('@apollo/client').ApolloError | undefined;
+    refetch: (variables?: any) => Promise<import('@apollo/client').ApolloQueryResult<Types.GetOrganizationsQuery>>;
+    fetchMore: <TFetchData = Types.GetOrganizationsQuery, TFetchVars extends import('@apollo/client').OperationVariables = Types.GetOrganizationsQueryVariables>(fetchMoreOptions: import('@apollo/client').FetchMoreQueryOptions<TFetchVars, TFetchData> & {
+        updateQuery?: ((previousQueryResult: any, options: {
+            fetchMoreResult: import('@apollo/client').Unmasked<TFetchData>;
+            variables: TFetchVars;
+        }) => any) | undefined;
+    }) => Promise<import('@apollo/client').ApolloQueryResult<TFetchData>>;
+};
+/**
+ * Hook to fetch a single organization by ID
+ */
+export declare function useOrganization(id: string): {
+    organization: Organization | undefined;
+    loading: boolean;
+    error: import('@apollo/client').ApolloError | undefined;
+    refetch: (variables?: any) => Promise<import('@apollo/client').ApolloQueryResult<Types.GetOrganizationQuery>>;
+};
+/**
+ * Hook to fetch an organization by slug
+ */
+export declare function useOrganizationBySlug(tenantId: string, slug: string): {
+    organization: Organization | undefined;
+    loading: boolean;
+    error: import('@apollo/client').ApolloError | undefined;
+    refetch: (variables?: any) => Promise<import('@apollo/client').ApolloQueryResult<Types.GetOrganizationBySlugQuery>>;
+};
+/**
+ * Hook to fetch organizations by tenant ID
+ */
+export declare function useOrganizationsByTenant(tenantId: string, limit?: number, offset?: number): {
+    organizations: Organization[];
+    total: any;
+    limit: any;
+    offset: any;
+    hasMore: any;
+    loading: boolean;
+    error: import('@apollo/client').ApolloError | undefined;
+    refetch: (variables?: any) => Promise<import('@apollo/client').ApolloQueryResult<Types.GetOrganizationsByTenantQuery>>;
+    fetchMore: <TFetchData = Types.GetOrganizationsByTenantQuery, TFetchVars extends import('@apollo/client').OperationVariables = Types.GetOrganizationsByTenantQueryVariables>(fetchMoreOptions: import('@apollo/client').FetchMoreQueryOptions<TFetchVars, TFetchData> & {
+        updateQuery?: ((previousQueryResult: any, options: {
+            fetchMoreResult: import('@apollo/client').Unmasked<TFetchData>;
+            variables: TFetchVars;
+        }) => any) | undefined;
+    }) => Promise<import('@apollo/client').ApolloQueryResult<TFetchData>>;
+};
+/**
+ * Hook to create a new organization
+ */
+export declare function useCreateOrganization(): {
+    createOrganization: (input: CreateOrganizationInput) => Promise<import('@apollo/client').FetchResult<Types.CreateOrganizationMutation>>;
+    data: any;
+    loading: boolean;
+    error: import('@apollo/client').ApolloError | undefined;
+};
+/**
+ * Hook to update an organization
+ */
+export declare function useUpdateOrganization(): {
+    updateOrganization: (id: string, input: UpdateOrganizationInput) => Promise<import('@apollo/client').FetchResult<Types.UpdateOrganizationMutation>>;
+    data: any;
+    loading: boolean;
+    error: import('@apollo/client').ApolloError | undefined;
+};
+/**
+ * Hook to delete an organization
+ */
+export declare function useDeleteOrganization(): {
+    deleteOrganization: (id: string) => Promise<import('@apollo/client').FetchResult<Types.DeleteOrganizationMutation>>;
+    data: any;
+    loading: boolean;
+    error: import('@apollo/client').ApolloError | undefined;
+};
+//# sourceMappingURL=useOrganizations.d.ts.map

package/dist/organization-management/modules/organizations/hooks/useOrganizations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOrganizations.d.ts","sourceRoot":"","sources":["../../../../../src/organization-management/modules/organizations/hooks/useOrganizations.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,YAAY,EACZ,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACxB,MAAM,UAAU,CAAC;AA8BlB;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,CAAC,EAAE,uBAAuB,EAChC,KAAK,GAAE,MAAW,EAClB,MAAM,GAAE,MAAU,EAClB,OAAO,GAAE,OAAc;;;;;;;;;;;;;;;EAoBxB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAAE,EAAE,MAAM;;;;;EAgBzC;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM;kBAStB,YAAY,GAAG,SAAS;;;;EAKrE;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,GAAE,MAAW,EAAE,MAAM,GAAE,MAAU;;;;;;;;;;;;;;;EAmBhG;AAED;;GAEG;AACH,wBAAgB,qBAAqB;gCAKC,uBAAuB;;;;EAuC5D;AAED;;GAEG;AACH,wBAAgB,qBAAqB;6BAKF,MAAM,SAAS,uBAAuB;;;;EAuCxE;AAED;;GAEG;AACH,wBAAgB,qBAAqB;6BAKF,MAAM;;;;EAuCxC"}

package/dist/organization-management/modules/organizations/hooks/useOrganizations.js

@@ -0,0 +1,164 @@
+import { useCreateOrganizationMutation as e, useDeleteOrganizationMutation as t, useGetOrganizationQuery as n, useGetOrganizationsQuery as r, useUpdateOrganizationMutation as i } from "../../../../generated/global-operations.js";
+import { useOrganizationEventEmitter as a } from "../../../hooks/useOrganizationEventEmitter.js";
+import { logger as o, redactId as s } from "../../../shared/logger.js";
+import { executeRecaptcha as c } from "../../../shared/recaptcha.js";
+//#region src/organization-management/modules/organizations/hooks/useOrganizations.ts
+function l(e) {
+	return e?.graphQLErrors?.[0]?.extensions?.code;
+}
+function u(e) {
+	return e instanceof Error ? e.message : e?.message ?? "Unknown error";
+}
+function d(e, t = 20, n = 0, i = !0) {
+	let { data: a, loading: o, error: s, refetch: c, fetchMore: l } = r({
+		variables: {
+			filter: e,
+			limit: t,
+			offset: n
+		},
+		skip: !i,
+		fetchPolicy: "cache-first",
+		nextFetchPolicy: "cache-first"
+	});
+	return {
+		organizations: a?.organizations?.items || [],
+		total: a?.organizations?.total || 0,
+		limit: a?.organizations?.limit || t,
+		offset: a?.organizations?.offset || n,
+		hasMore: a?.organizations?.hasMore || !1,
+		loading: o,
+		error: s,
+		refetch: c,
+		fetchMore: l
+	};
+}
+function f(e) {
+	let { data: t, loading: r, error: i, refetch: a } = n({
+		variables: { id: e },
+		skip: !e,
+		fetchPolicy: "cache-first",
+		nextFetchPolicy: "cache-first"
+	}), o = t?.organization;
+	return {
+		organization: o,
+		loading: r && !o,
+		error: i,
+		refetch: a
+	};
+}
+function p() {
+	let { emit: t } = a(), [n, { data: r, loading: i, error: d }] = e();
+	return {
+		createOrganization: async (e) => {
+			o.info("mutation.start", { name: "createOrganization" });
+			try {
+				let r = await c("organization_create"), i = await n({ variables: { input: {
+					...e,
+					...r ? { recaptchaToken: r } : {}
+				} } }), a = i.data?.createOrganization?.id;
+				return t("organization.created", {
+					organizationId: a,
+					source: "microfe-organization"
+				}), o.info("mutation.success", {
+					name: "createOrganization",
+					organizationId: s(a)
+				}), i;
+			} catch (e) {
+				let n = l(e), r = u(e);
+				throw t("organization.create_failed", {
+					source: "microfe-organization",
+					errorCode: n,
+					errorMessage: r
+				}), o.error("mutation.failed", {
+					name: "createOrganization",
+					errorCode: n,
+					errorMessage: r
+				}, e), e;
+			}
+		},
+		data: r,
+		loading: i,
+		error: d
+	};
+}
+function m() {
+	let { emit: e } = a(), [t, { data: n, loading: r, error: c }] = i();
+	return {
+		updateOrganization: async (n, r) => {
+			o.info("mutation.start", {
+				name: "updateOrganization",
+				organizationId: s(n)
+			});
+			try {
+				let i = await t({ variables: {
+					id: n,
+					input: r
+				} });
+				return e("organization.updated", {
+					organizationId: n,
+					source: "microfe-organization"
+				}), o.info("mutation.success", {
+					name: "updateOrganization",
+					organizationId: s(n)
+				}), i;
+			} catch (t) {
+				let r = l(t), i = u(t);
+				throw e("organization.update_failed", {
+					organizationId: n,
+					source: "microfe-organization",
+					errorCode: r,
+					errorMessage: i
+				}), o.error("mutation.failed", {
+					name: "updateOrganization",
+					organizationId: s(n),
+					errorCode: r,
+					errorMessage: i
+				}, t), t;
+			}
+		},
+		data: n,
+		loading: r,
+		error: c
+	};
+}
+function h() {
+	let { emit: e } = a(), [n, { data: r, loading: i, error: c }] = t();
+	return {
+		deleteOrganization: async (t) => {
+			o.info("mutation.start", {
+				name: "deleteOrganization",
+				organizationId: s(t)
+			});
+			try {
+				let r = await n({ variables: { id: t } });
+				return e("organization.deleted", {
+					organizationId: t,
+					source: "microfe-organization"
+				}), o.info("mutation.success", {
+					name: "deleteOrganization",
+					organizationId: s(t)
+				}), r;
+			} catch (n) {
+				let r = l(n), i = u(n);
+				throw e("organization.delete_failed", {
+					organizationId: t,
+					source: "microfe-organization",
+					errorCode: r,
+					errorMessage: i
+				}), o.error("mutation.failed", {
+					name: "deleteOrganization",
+					organizationId: s(t),
+					errorCode: r,
+					errorMessage: i
+				}, n), n;
+			}
+		},
+		data: r,
+		loading: i,
+		error: c
+	};
+}
+//#endregion
+export { p as useCreateOrganization, h as useDeleteOrganization, f as useOrganization, d as useOrganizations, m as useUpdateOrganization };
+
+//# sourceMappingURL=useOrganizations.js.map

package/dist/organization-management/modules/organizations/hooks/useOrganizations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOrganizations.js","names":[],"sources":["../../../../../src/organization-management/modules/organizations/hooks/useOrganizations.ts"],"sourcesContent":["import {\n  useGetOrganizationsQuery,\n  useGetOrganizationQuery,\n  useGetOrganizationBySlugQuery,\n  useGetOrganizationsByTenantQuery,\n  useCreateOrganizationMutation,\n  useUpdateOrganizationMutation,\n  useDeleteOrganizationMutation,\n} from '../../../../generated/global-operations';\nimport type {\n  Organization,\n  OrganizationFilterInput,\n  CreateOrganizationInput,\n  UpdateOrganizationInput,\n} from '../types';\nimport { useOrganizationEventEmitter } from '../../../hooks/useOrganizationEventEmitter';\nimport { logger, redactId } from '../../../shared/logger';\nimport { executeRecaptcha } from '../../../shared/recaptcha';\n\ninterface GraphqlExtensions {\n  code?: string;\n}\n\ninterface GraphqlError {\n  message?: string;\n  extensions?: GraphqlExtensions;\n}\n\ninterface ApolloLikeError {\n  message?: string;\n  graphQLErrors?: ReadonlyArray<GraphqlError>;\n}\n\nfunction extractErrorCode(error: unknown): string | undefined {\n  const apolloError = error as ApolloLikeError | undefined;\n  return apolloError?.graphQLErrors?.[0]?.extensions?.code;\n}\n\nfunction extractErrorMessage(error: unknown): string {\n  if (error instanceof Error) return error.message;\n  const apolloError = error as ApolloLikeError | undefined;\n  return apolloError?.message ?? 'Unknown error';\n}\n\n/**\n * Hook to fetch organizations with filtering and pagination\n */\nexport function useOrganizations(\n  filter?: OrganizationFilterInput,\n  limit: number = 20,\n  offset: number = 0,\n  enabled: boolean = true\n) {\n  const { data, loading, error, refetch, fetchMore } = useGetOrganizationsQuery({\n    variables: { filter, limit, offset },\n    skip: !enabled,\n    fetchPolicy: 'cache-first',\n    nextFetchPolicy: 'cache-first',\n  });\n\n  return {\n    organizations: (data?.organizations?.items as Organization[]) || [],\n    total: data?.organizations?.total || 0,\n    limit: data?.organizations?.limit || limit,\n    offset: data?.organizations?.offset || offset,\n    hasMore: data?.organizations?.hasMore || false,\n    loading,\n    error,\n    refetch,\n    fetchMore,\n  };\n}\n\n/**\n * Hook to fetch a single organization by ID\n */\nexport function useOrganization(id: string) {\n  const { data, loading, error, refetch } = useGetOrganizationQuery({\n    variables: { id },\n    skip: !id,\n    fetchPolicy: 'cache-first',\n    nextFetchPolicy: 'cache-first',\n  });\n\n  const organization = data?.organization as Organization | undefined;\n\n  return {\n    organization,\n    loading: loading && !organization,\n    error,\n    refetch,\n  };\n}\n\n/**\n * Hook to fetch an organization by slug\n */\nexport function useOrganizationBySlug(tenantId: string, slug: string) {\n  const { data, loading, error, refetch } = useGetOrganizationBySlugQuery({\n    variables: { tenantId, slug },\n    skip: !tenantId || !slug,\n    fetchPolicy: 'cache-first',\n    nextFetchPolicy: 'cache-first',\n  });\n\n  return {\n    organization: data?.organizationBySlug as Organization | undefined,\n    loading,\n    error,\n    refetch,\n  };\n}\n\n/**\n * Hook to fetch organizations by tenant ID\n */\nexport function useOrganizationsByTenant(tenantId: string, limit: number = 20, offset: number = 0) {\n  const { data, loading, error, refetch, fetchMore } = useGetOrganizationsByTenantQuery({\n    variables: { tenantId, limit, offset },\n    skip: !tenantId,\n    fetchPolicy: 'cache-first',\n    nextFetchPolicy: 'cache-first',\n  });\n\n  return {\n    organizations: (data?.organizations?.items as Organization[]) || [],\n    total: data?.organizations?.total || 0,\n    limit: data?.organizations?.limit || limit,\n    offset: data?.organizations?.offset || offset,\n    hasMore: data?.organizations?.hasMore || false,\n    loading,\n    error,\n    refetch,\n    fetchMore,\n  };\n}\n\n/**\n * Hook to create a new organization\n */\nexport function useCreateOrganization() {\n  const { emit } = useOrganizationEventEmitter();\n  const [createOrganization, { data, loading, error }] = useCreateOrganizationMutation();\n\n  return {\n    createOrganization: async (input: CreateOrganizationInput) => {\n      logger.info('mutation.start', { name: 'createOrganization' });\n      try {\n        const recaptchaToken = await executeRecaptcha('organization_create');\n        const result = await createOrganization({\n          variables: {\n            input: {\n              ...input,\n              ...(recaptchaToken ? { recaptchaToken } : {}),\n            },\n          },\n        });\n        const organizationId = result.data?.createOrganization?.id;\n        emit('organization.created', { organizationId, source: 'microfe-organization' });\n        logger.info('mutation.success', {\n          name: 'createOrganization',\n          organizationId: redactId(organizationId),\n        });\n        return result;\n      } catch (mutationError) {\n        const errorCode = extractErrorCode(mutationError);\n        const errorMessage = extractErrorMessage(mutationError);\n        emit('organization.create_failed', {\n          source: 'microfe-organization',\n          errorCode,\n          errorMessage,\n        });\n        logger.error(\n          'mutation.failed',\n          { name: 'createOrganization', errorCode, errorMessage },\n          mutationError\n        );\n        throw mutationError;\n      }\n    },\n    data,\n    loading,\n    error,\n  };\n}\n\n/**\n * Hook to update an organization\n */\nexport function useUpdateOrganization() {\n  const { emit } = useOrganizationEventEmitter();\n  const [updateOrganization, { data, loading, error }] = useUpdateOrganizationMutation();\n\n  return {\n    updateOrganization: async (id: string, input: UpdateOrganizationInput) => {\n      logger.info('mutation.start', {\n        name: 'updateOrganization',\n        organizationId: redactId(id),\n      });\n      try {\n        const result = await updateOrganization({ variables: { id, input } });\n        emit('organization.updated', { organizationId: id, source: 'microfe-organization' });\n        logger.info('mutation.success', {\n          name: 'updateOrganization',\n          organizationId: redactId(id),\n        });\n        return result;\n      } catch (mutationError) {\n        const errorCode = extractErrorCode(mutationError);\n        const errorMessage = extractErrorMessage(mutationError);\n        emit('organization.update_failed', {\n          organizationId: id,\n          source: 'microfe-organization',\n          errorCode,\n          errorMessage,\n        });\n        logger.error(\n          'mutation.failed',\n          {\n            name: 'updateOrganization',\n            organizationId: redactId(id),\n            errorCode,\n            errorMessage,\n          },\n          mutationError\n        );\n        throw mutationError;\n      }\n    },\n    data,\n    loading,\n    error,\n  };\n}\n\n/**\n * Hook to delete an organization\n */\nexport function useDeleteOrganization() {\n  const { emit } = useOrganizationEventEmitter();\n  const [deleteOrganization, { data, loading, error }] = useDeleteOrganizationMutation();\n\n  return {\n    deleteOrganization: async (id: string) => {\n      logger.info('mutation.start', {\n        name: 'deleteOrganization',\n        organizationId: redactId(id),\n      });\n      try {\n        const result = await deleteOrganization({ variables: { id } });\n        emit('organization.deleted', { organizationId: id, source: 'microfe-organization' });\n        logger.info('mutation.success', {\n          name: 'deleteOrganization',\n          organizationId: redactId(id),\n        });\n        return result;\n      } catch (mutationError) {\n        const errorCode = extractErrorCode(mutationError);\n        const errorMessage = extractErrorMessage(mutationError);\n        emit('organization.delete_failed', {\n          organizationId: id,\n          source: 'microfe-organization',\n          errorCode,\n          errorMessage,\n        });\n        logger.error(\n          'mutation.failed',\n          {\n            name: 'deleteOrganization',\n            organizationId: redactId(id),\n            errorCode,\n            errorMessage,\n          },\n          mutationError\n        );\n        throw mutationError;\n      }\n    },\n    data,\n    loading,\n    error,\n  };\n}\n"],"mappings":"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"}

package/dist/organization-management/modules/organizations/pages/OrganizationCreatePage.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Organization Create Page
+ * Form to create a new organization
+ */
+export declare function OrganizationCreatePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OrganizationCreatePage.d.ts.map

package/dist/organization-management/modules/organizations/pages/OrganizationCreatePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationCreatePage.d.ts","sourceRoot":"","sources":["../../../../../src/organization-management/modules/organizations/pages/OrganizationCreatePage.tsx"],"names":[],"mappings":"AAaA;;;GAGG;AACH,wBAAgB,sBAAsB,4CAyGrC"}

package/dist/organization-management/modules/organizations/pages/OrganizationCreatePage.js

@@ -0,0 +1,76 @@
+import { useOrgConsole as e } from "../../../providers/OrgConsoleProvider.js";
+import { toast as t } from "../../../../node_modules/sonner/dist/index.js";
+import { useCreateOrganization as n } from "../hooks/useOrganizations.js";
+import { useTr as r } from "../../../shared/hooks/useTr.js";
+import { LoadingState as i } from "../../../shared/components/feedback/LoadingState.js";
+import { PERMISSIONS as a } from "../../../constants/permissions.js";
+import { useOrganizationPageView as o } from "../../../hooks/useOrganizationPageView.js";
+import { useTenants as s } from "../../workspaces/hooks/useWorkspaces.js";
+import { OrganizationForm as c } from "../components/OrganizationForm.js";
+import { ArrowLeft as l } from "lucide-react";
+import { usePermissions as u } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/organization-management/modules/organizations/pages/OrganizationCreatePage.tsx
+function p() {
+	o("organizations.create");
+	let p = r(), { navigate: m, basePath: h = "/organizations", tenantId: g } = e(), { hasPermission: _, isLoading: v } = u(), { createOrganization: y, loading: b } = n(), { tenants: x } = s(100, 0, !0), S = g ? x.find((e) => e.id === g) : x.length === 1 ? x[0] : void 0, C = async (e) => {
+		try {
+			let n = await y(e);
+			if (n.errors?.length) throw Error(n.errors[0]?.message ?? p("organizations.create.failed", "Failed to create organization"));
+			n.data?.createOrganization && (t.success(p("organizations.create.success", "Organization created successfully")), m(`${h}/${n.data.createOrganization.id}`));
+		} catch (e) {
+			t.error(e instanceof Error ? e.message : p("organizations.create.failed", "Failed to create organization"));
+		}
+	}, w = () => {
+		m(h);
+	};
+	return v ? /* @__PURE__ */ d("div", {
+		className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
+		children: /* @__PURE__ */ d(i, { message: p("common.loadingPermissions", "Loading permissions...") })
+	}) : _(a.ORG_CREATE) ? /* @__PURE__ */ f("div", {
+		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-300",
+		children: [/* @__PURE__ */ f("div", {
+			className: "mb-6",
+			children: [
+				/* @__PURE__ */ f("button", {
+					onClick: w,
+					className: "\n            inline-flex items-center gap-2 mb-4\n            text-[var(--color-text-secondary)]\n            hover:text-[var(--color-text-primary)]\n            active:scale-[0.98]\n            transition-all duration-200\n          ",
+					children: [/* @__PURE__ */ d(l, { size: 20 }), /* @__PURE__ */ d("span", {
+						className: "text-sm font-medium",
+						children: p("organizations.create.back", "Back to Organizations")
+					})]
+				}),
+				/* @__PURE__ */ d("h1", {
+					className: "text-3xl font-bold text-[var(--color-text-primary)] mb-2",
+					children: p("organizations.create.title", "Create Organization")
+				}),
+				/* @__PURE__ */ d("p", {
+					className: "text-[var(--color-text-secondary)]",
+					children: p("organizations.create.subtitle", "Add a new organization to a tenant")
+				})
+			]
+		}), /* @__PURE__ */ d("div", {
+			className: "max-w-2xl",
+			children: /* @__PURE__ */ d("div", {
+				className: "bg-[var(--color-bg-surface)] border border-[var(--color-border-default)] rounded-lg p-6 shadow-[var(--shadow-elevation-1)]",
+				children: /* @__PURE__ */ d(c, {
+					tenantId: g || S?.id,
+					tenantName: S?.name,
+					onSubmit: C,
+					onCancel: w,
+					loading: b
+				})
+			})
+		})]
+	}) : /* @__PURE__ */ d("div", {
+		className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
+		children: /* @__PURE__ */ d("div", {
+			className: "p-8 text-center text-[var(--color-text-secondary)]",
+			children: p("organizations.create.noPermission", "You don't have permission to create organizations.")
+		})
+	});
+}
+//#endregion
+export { p as OrganizationCreatePage };
+
+//# sourceMappingURL=OrganizationCreatePage.js.map

package/dist/organization-management/modules/organizations/pages/OrganizationCreatePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationCreatePage.js","names":[],"sources":["../../../../../src/organization-management/modules/organizations/pages/OrganizationCreatePage.tsx"],"sourcesContent":["import { ArrowLeft } from 'lucide-react';\nimport { toast } from 'sonner';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport { useCreateOrganization } from '../hooks/useOrganizations';\nimport { useTenants } from '../../workspaces/hooks/useWorkspaces';\nimport { OrganizationForm } from '../components/OrganizationForm';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { PERMISSIONS } from '../../../constants/permissions';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport { useOrganizationPageView } from '../../../hooks/useOrganizationPageView';\nimport type { CreateOrganizationInput, UpdateOrganizationInput } from '../types';\n\n/**\n * Organization Create Page\n * Form to create a new organization\n */\nexport function OrganizationCreatePage() {\n  useOrganizationPageView('organizations.create');\n  const tr = useTr();\n  const { navigate, basePath = '/organizations', tenantId } = useOrgConsole();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const { createOrganization, loading } = useCreateOrganization();\n  const { tenants } = useTenants(100, 0, true);\n\n  const selectedTenant = tenantId\n    ? tenants.find((tenant) => tenant.id === tenantId)\n    : tenants.length === 1\n      ? tenants[0]\n      : undefined;\n\n  const handleSubmit = async (data: CreateOrganizationInput | UpdateOrganizationInput) => {\n    try {\n      const createData = data as CreateOrganizationInput;\n      const result = await createOrganization(createData);\n      if (result.errors?.length) {\n        throw new Error(\n          result.errors[0]?.message ??\n            tr('organizations.create.failed', 'Failed to create organization')\n        );\n      }\n\n      if (result.data?.createOrganization) {\n        toast.success(tr('organizations.create.success', 'Organization created successfully'));\n        navigate(`${basePath}/${result.data.createOrganization.id}`);\n      }\n    } catch (error) {\n      toast.error(\n        error instanceof Error\n          ? error.message\n          : tr('organizations.create.failed', 'Failed to create organization')\n      );\n    }\n  };\n\n  const handleCancel = () => {\n    navigate(basePath);\n  };\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <LoadingState message={tr('common.loadingPermissions', 'Loading permissions...')} />\n      </div>\n    );\n  }\n\n  if (!hasPermission(PERMISSIONS.ORG_CREATE)) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <div className=\"p-8 text-center text-[var(--color-text-secondary)]\">\n          {tr(\n            'organizations.create.noPermission',\n            \"You don't have permission to create organizations.\"\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-300\">\n      {/* Page Header */}\n      <div className=\"mb-6\">\n        <button\n          onClick={handleCancel}\n          className=\"\n            inline-flex items-center gap-2 mb-4\n            text-[var(--color-text-secondary)]\n            hover:text-[var(--color-text-primary)]\n            active:scale-[0.98]\n            transition-all duration-200\n          \"\n        >\n          <ArrowLeft size={20} />\n          <span className=\"text-sm font-medium\">\n            {tr('organizations.create.back', 'Back to Organizations')}\n          </span>\n        </button>\n\n        <h1 className=\"text-3xl font-bold text-[var(--color-text-primary)] mb-2\">\n          {tr('organizations.create.title', 'Create Organization')}\n        </h1>\n        <p className=\"text-[var(--color-text-secondary)]\">\n          {tr('organizations.create.subtitle', 'Add a new organization to a tenant')}\n        </p>\n      </div>\n\n      {/* Form Card */}\n      <div className=\"max-w-2xl\">\n        <div className=\"bg-[var(--color-bg-surface)] border border-[var(--color-border-default)] rounded-lg p-6 shadow-[var(--shadow-elevation-1)]\">\n          <OrganizationForm\n            tenantId={tenantId || selectedTenant?.id}\n            tenantName={selectedTenant?.name}\n            onSubmit={handleSubmit}\n            onCancel={handleCancel}\n            loading={loading}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAiBA,SAAgB,IAAyB;AACvC,GAAwB,uBAAuB;CAC/C,IAAM,IAAK,GAAO,EACZ,EAAE,aAAU,cAAW,kBAAkB,gBAAa,GAAe,EACrE,EAAE,kBAAe,WAAW,MAAuB,GAAgB,EACnE,EAAE,uBAAoB,eAAY,GAAuB,EACzD,EAAE,eAAY,EAAW,KAAK,GAAG,GAAK,EAEtC,IAAiB,IACnB,EAAQ,MAAM,MAAW,EAAO,OAAO,EAAS,GAChD,EAAQ,WAAW,IACjB,EAAQ,KACR,KAAA,GAEA,IAAe,OAAO,MAA4D;AACtF,MAAI;GAEF,IAAM,IAAS,MAAM,EADF,EACgC;AACnD,OAAI,EAAO,QAAQ,OACjB,OAAU,MACR,EAAO,OAAO,IAAI,WAChB,EAAG,+BAA+B,gCAAgC,CACrE;AAGH,GAAI,EAAO,MAAM,uBACf,EAAM,QAAQ,EAAG,gCAAgC,oCAAoC,CAAC,EACtF,EAAS,GAAG,EAAS,GAAG,EAAO,KAAK,mBAAmB,KAAK;WAEvD,GAAO;AACd,KAAM,MACJ,aAAiB,QACb,EAAM,UACN,EAAG,+BAA+B,gCAAgC,CACvE;;IAIC,UAAqB;AACzB,IAAS,EAAS;;AAwBpB,QArBI,IAEA,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAc,SAAS,EAAG,6BAA6B,yBAAyB,EAAI,CAAA;EAChF,CAAA,GAIL,EAAc,EAAY,WAAW,GAcxC,kBAAC,OAAD;EAAK,WAAU;YAAf,CAEE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,UAAD;KACE,SAAS;KACT,WAAU;eAFZ,CAUE,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA,EACvB,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAG,6BAA6B,wBAAwB;MACpD,CAAA,CACA;;IAET,kBAAC,MAAD;KAAI,WAAU;eACX,EAAG,8BAA8B,sBAAsB;KACrD,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eACV,EAAG,iCAAiC,qCAAqC;KACxE,CAAA;IACA;MAGN,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KACE,UAAU,KAAY,GAAgB;KACtC,YAAY,GAAgB;KAC5B,UAAU;KACV,UAAU;KACD;KACT,CAAA;IACE,CAAA;GACF,CAAA,CACF;MAnDJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aACZ,EACC,qCACA,qDACD;GACG,CAAA;EACF,CAAA"}

package/dist/organization-management/modules/organizations/pages/OrganizationDetailPage.d.ts

@@ -0,0 +1,2 @@
+export declare function OrganizationDetailPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OrganizationDetailPage.d.ts.map

package/dist/organization-management/modules/organizations/pages/OrganizationDetailPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationDetailPage.d.ts","sourceRoot":"","sources":["../../../../../src/organization-management/modules/organizations/pages/OrganizationDetailPage.tsx"],"names":[],"mappings":"AA4BA,wBAAgB,sBAAsB,4CAiVrC"}