function PublicationItem()

in apps/chat/src/components/Chat/Publish/PublicationItemsList.tsx [78:216]
126 lines of code
14 McCabe index (conditional complexity)

function PublicationItem({
  path,
  children,
  entity,
  type,
  publishAction,
  parentFolderNames = [],
  onChangeVersion,
}: PublicationItemProps) {
  const { t } = useTranslation(Translation.Chat);

  const [isVersionInvalid, setIsVersionInvalid] = useState(false);
  const [version, setVersion] = useState('');

  const publicVersionGroups = useAppSelector(
    PublicationSelectors.selectPublicVersionGroups,
  );

  const handleVersionChange = (e: ChangeEvent<HTMLInputElement>) => {
    const versionParts = e.target.value.split('.');

    if (
      versionParts.length < 4 &&
      versionParts.filter(Boolean).every((part) => /^\d+$/.test(part))
    ) {
      setVersion(e.target.value);
      onChangeVersion(entity.id, e.target.value);
    }
  };

  const constructedPublicId = constructPath(
    getRootId({
      featureType: EnumMapper.getFeatureTypeBySharingType(type),
      bucket: PUBLIC_URL_PREFIX,
    }),
    path,
    ...parentFolderNames,
    splitEntityId(entity.id).name,
  );

  const allVersions = useMemo(
    () => publicVersionGroups[constructedPublicId]?.allVersions,
    [constructedPublicId, publicVersionGroups],
  );

  const latestVersion = useMemo(() => {
    if (allVersions) {
      return findLatestVersion(allVersions.map(({ version }) => version));
    }

    return undefined;
  }, [allVersions]);

  useEffect(() => {
    const versionParts = latestVersion?.split('.');

    if (versionParts && isVersionValid(latestVersion)) {
      versionParts[2] = String(+versionParts[2] + 1);
      setVersion(versionParts.join('.'));
      onChangeVersion(entity.id, versionParts.join('.'));
    } else {
      setVersion(DEFAULT_VERSION);
      onChangeVersion(entity.id, DEFAULT_VERSION);
    }
  }, [entity.id, latestVersion, onChangeVersion]);

  const isVersionAllowed =
    !allVersions ||
    !allVersions.some((versionGroup) => version === versionGroup.version);

  const handleBlur = () => {
    if (!isVersionValid(version)) {
      setIsVersionInvalid(true);
    }
  };

  return (
    <div className="flex w-full items-center gap-2">
      {children}
      {publishAction !== PublishActions.DELETE ? (
        <>
          <PublicVersionSelector
            textBeforeSelector={t('Last: ')}
            publicVersionGroupId={constructPath(
              getRootId({
                featureType: EnumMapper.getFeatureTypeBySharingType(type),
                bucket: PUBLIC_URL_PREFIX,
              }),
              path,
              getIdWithoutRootPathSegments(entity.id),
            )}
            readonly
            groupVersions
          />
          <div className="relative">
            {!isVersionAllowed ||
              (isVersionInvalid && (
                <Tooltip
                  tooltip={
                    !isVersionAllowed
                      ? t('This version already exists')
                      : t(
                          'Version format is invalid (example: {{defaultVersion}})',
                          {
                            defaultVersion: DEFAULT_VERSION,
                          },
                        )
                  }
                  contentClassName="text-error text-xs"
                  triggerClassName="pl-0.5 absolute text-error top-1/2 -translate-y-1/2"
                >
                  <IconAlertCircle size={14} />
                </Tooltip>
              ))}
            <input
              onBlur={handleBlur}
              onFocus={() => setIsVersionInvalid(false)}
              value={version}
              onChange={handleVersionChange}
              placeholder={DEFAULT_VERSION}
              className={classNames(
                'm-0 h-[24px] w-[70px] border-b bg-transparent p-1 pl-[18px] text-right text-xs outline-none placeholder:text-secondary',
                isVersionAllowed
                  ? 'border-primary focus-visible:border-accent-primary'
                  : 'border-b-error',
                isVersionInvalid && 'border-b-error',
              )}
              data-qa="version"
            />
          </div>
        </>
      ) : (
        <span className="shrink-0 text-xs text-error" data-qa="version">
          {entity.publicationInfo?.version ?? NA_VERSION}
        </span>
      )}
    </div>
  );
}