@akbarsafari00/bonyan-content-manager 5.52.1-fa.2

package/dist/admin/pages/EditView/components/FormInputs/Relations/Relations.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Relations.mjs","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/Relations/Relations.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport {\r\n  type InputProps,\r\n  useField,\r\n  useForm,\r\n  useNotification,\r\n  useFocusInputField,\r\n  useRBAC,\r\n  useIsDesktop,\r\n} from '@strapi/admin/strapi-admin';\r\nimport {\r\n  Box,\r\n  Combobox,\r\n  ComboboxOption,\r\n  Flex,\r\n  IconButton,\r\n  TextButton,\r\n  Typography,\r\n  VisuallyHidden,\r\n  useComposedRefs,\r\n  Link,\r\n  Field,\r\n  FlexComponent,\r\n  BoxComponent,\r\n  EmptyStateLayout,\r\n} from '@strapi/design-system';\r\nimport { Cross, Drag, ArrowClockwise, Link as LinkIcon, Plus, WarningCircle } from '@strapi/icons';\r\nimport { generateNKeysBetween } from 'fractional-indexing';\r\nimport { getEmptyImage } from 'react-dnd-html5-backend';\r\nimport { useIntl } from 'react-intl';\r\nimport { FixedSizeList, ListChildComponentProps } from 'react-window';\r\nimport { styled } from 'styled-components';\r\n\r\nimport { RelationDragPreviewProps } from '../../../../../components/DragPreviews/RelationDragPreview';\r\nimport { COLLECTION_TYPES } from '../../../../../constants/collections';\r\nimport { ItemTypes } from '../../../../../constants/dragAndDrop';\r\nimport { PERMISSIONS } from '../../../../../constants/plugin';\r\nimport { DocumentRBAC, useDocumentRBAC } from '../../../../../features/DocumentRBAC';\r\nimport { useDebounce } from '../../../../../hooks/useDebounce';\r\nimport { useDocument } from '../../../../../hooks/useDocument';\r\nimport { type DocumentMeta, useDocumentContext } from '../../../../../hooks/useDocumentContext';\r\nimport { type EditFieldLayout } from '../../../../../hooks/useDocumentLayout';\r\nimport {\r\n  DROP_SENSITIVITY,\r\n  UseDragAndDropOptions,\r\n  useDragAndDrop,\r\n} from '../../../../../hooks/useDragAndDrop';\r\nimport {\r\n  useGetRelationsQuery,\r\n  useLazySearchRelationsQuery,\r\n  RelationResult,\r\n} from '../../../../../services/relations';\r\nimport { type MainField } from '../../../../../utils/attributes';\r\nimport { setIn } from '../../../../../utils/objects';\r\nimport { getRelationLabel } from '../../../../../utils/relations';\r\nimport { getTranslation } from '../../../../../utils/translations';\r\nimport { DocumentStatus } from '../../DocumentStatus';\r\nimport { useComponent } from '../ComponentContext';\r\nimport { RelationModalRenderer, getCollectionType } from '../Relations/RelationModal';\r\n\r\nimport type { FindAvailable } from '../../../../../../../shared/contracts/relations';\r\nimport type { Schema } from '@strapi/types';\r\n\r\n/**\r\n * Remove a relation, whether it's been already saved or not.\r\n * It's used both in RelationsList, where the \"remove relation\" button is, and in the input,\r\n * because we sometimes need to remove a previous relation when selecting a new one.\r\n */\r\nfunction useHandleDisconnect(fieldName: string, consumerName: string) {\r\n  const field = useField<RelationsFormValue>(fieldName);\r\n  const removeFieldRow = useForm(consumerName, (state) => state.removeFieldRow);\r\n  const addFieldRow = useForm(consumerName, (state) => state.addFieldRow);\r\n\r\n  const handleDisconnect = React.useCallback<ListItemProps['data']['handleDisconnect']>(\r\n    (relation) => {\r\n      if (field.value && field.value.connect) {\r\n        /**\r\n         * A relation will exist in the `connect` array _if_ it has\r\n         * been added without saving. In this case, we just remove it\r\n         * from the connect array\r\n         */\r\n        const indexOfRelationInConnectArray = field.value.connect.findIndex(\r\n          (rel: NonNullable<RelationsFormValue['connect']>[number]) => rel.id === relation.id\r\n        );\r\n\r\n        if (indexOfRelationInConnectArray >= 0) {\r\n          removeFieldRow(`${fieldName}.connect`, indexOfRelationInConnectArray);\r\n          return;\r\n        }\r\n      }\r\n\r\n      addFieldRow(`${fieldName}.disconnect`, {\r\n        id: relation.id,\r\n        status: relation.status,\r\n        apiData: {\r\n          id: relation.id,\r\n          documentId: relation.documentId,\r\n          locale: relation.locale,\r\n        },\r\n      });\r\n    },\r\n    [addFieldRow, field.value, fieldName, removeFieldRow]\r\n  );\r\n\r\n  return handleDisconnect;\r\n}\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * RelationsField\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst RELATIONS_TO_DISPLAY = 5;\r\nconst ONE_WAY_RELATIONS = ['oneWay', 'oneToOne', 'manyToOne', 'oneToManyMorph', 'oneToOneMorph'];\r\nconst EMPTY_RELATION_RESULTS: RelationResult[] = [];\r\n\r\ntype RelationPosition =\r\n  | (Pick<RelationResult, 'status' | 'locale'> & {\r\n      before: string;\r\n      start?: never;\r\n      end?: never;\r\n    })\r\n  | { start: boolean; before?: never; end?: never; status?: never; locale?: never }\r\n  | { end: boolean; before?: never; start?: never; status?: never; locale?: never };\r\n\r\ninterface Relation extends Pick<RelationResult, 'documentId' | 'id' | 'locale' | 'status'> {\r\n  href: string;\r\n  label: string;\r\n  position?: RelationPosition;\r\n  __temp_key__: string;\r\n  apiData?: {\r\n    documentId: RelationResult['documentId'];\r\n    id: RelationResult['id'];\r\n    locale?: RelationResult['locale'];\r\n    position: RelationPosition;\r\n    // Added this property to prevent call useDocument with a not temporary relation (one already saved in the database)\r\n    isTemporary?: boolean;\r\n  };\r\n}\r\n\r\ninterface RelationsFieldProps\r\n  extends Omit<Extract<EditFieldLayout, { type: 'relation' }>, 'size' | 'hint'>,\r\n    Pick<InputProps, 'hint'> {}\r\n\r\nexport interface RelationsFormValue {\r\n  connect?: Relation[];\r\n  disconnect?: Pick<Relation, 'id' | 'status'>[];\r\n}\r\n\r\n/**\r\n * TODO: we get a rather ugly flash when we remove a single relation from the list leaving\r\n * no other relations when we press save. The initial relation re-renders, probably because\r\n * of the lag in the Form cleaning it's \"disconnect\" array, whilst our data has not been invalidated.\r\n *\r\n * Could we invalidate relation data on the document actions? Should we?\r\n */\r\n\r\n/**\r\n * @internal\r\n * @description The relations field holds a lot of domain logic for handling relations which is rather complicated\r\n * At present we do not expose this to plugin developers, however, they are able to overwrite it themselves should\r\n * they wish to do so.\r\n */\r\nconst RelationsField = React.forwardRef<HTMLDivElement, RelationsFieldProps>(\r\n  ({ disabled, label, ...props }, ref) => {\r\n    const { currentDocument, currentDocumentMeta } = useDocumentContext('RelationsField');\r\n\r\n    const [currentPage, setCurrentPage] = React.useState(1);\r\n\r\n    // Use the documentId from the actual document, not the params (meta)\r\n    const documentId = currentDocument.document?.documentId;\r\n\r\n    const { formatMessage } = useIntl();\r\n\r\n    const isMorph = props.attribute.relation.toLowerCase().includes('morph');\r\n    const isDisabled = isMorph || disabled;\r\n    // @ts-expect-error – `targetModel` exists on supported non-morph relations (morph is disabled).\r\n    const targetModel = props.attribute.targetModel;\r\n\r\n    const componentId = useComponent('RelationsField', (state) => state.id);\r\n    const componentUID = useComponent('RelationsField', (state) => state.uid);\r\n\r\n    const isSubmitting = useForm('RelationsList', (state) => state.isSubmitting);\r\n\r\n    React.useEffect(() => {\r\n      setCurrentPage(1);\r\n    }, [isSubmitting]);\r\n\r\n    const component = componentUID ? currentDocument.components[componentUID] : undefined;\r\n\r\n    /**\r\n     * We'll always have a documentId in a created entry, so we look for a componentId first.\r\n     * Same with `uid` and `documentModel`.\r\n     * The componentId is empty when adding a new component in a repeatable. Let it be null to skip isRelatedToCurrentDocument\r\n     */\r\n    const model = componentUID || currentDocumentMeta.model;\r\n    const id = componentUID ? componentId?.toString() : documentId;\r\n\r\n    /**\r\n     * The `name` prop is a complete path to the field, e.g. `field1.field2.field3`.\r\n     * Where the above example would a nested field within two components, however\r\n     * we only require the field on the component not the complete path since we query\r\n     * individual components. Therefore we split the string and take the last item.\r\n     */\r\n    const [targetField] = props.name.split('.').slice(-1);\r\n\r\n    const schemaAttributes = component\r\n      ? (component.attributes ?? {})\r\n      : (currentDocument.schema?.attributes ?? {});\r\n\r\n    /**\r\n     * Confirm the target field is related to the current document.\r\n     * Since relations can exist in a modal on top of the root document,\r\n     * we need to ensure we are fetching relations for the correct document (root document vs related document),\r\n     */\r\n    const isRelatedToCurrentDocument =\r\n      Object.values(schemaAttributes).filter(\r\n        (attribute) =>\r\n          attribute.type === 'relation' &&\r\n          'target' in attribute &&\r\n          'target' in props.attribute &&\r\n          attribute.target === props.attribute.target\r\n      ).length > 0;\r\n\r\n    const { data, isLoading, isFetching } = useGetRelationsQuery(\r\n      {\r\n        model,\r\n        targetField,\r\n        // below we don't run the query if there is no id.\r\n        id,\r\n        params: {\r\n          ...currentDocumentMeta.params,\r\n          pageSize: RELATIONS_TO_DISPLAY,\r\n          page: currentPage,\r\n        },\r\n      },\r\n      {\r\n        refetchOnMountOrArgChange: true,\r\n        skip: !id || !isRelatedToCurrentDocument,\r\n      }\r\n    );\r\n\r\n    const handleLoadMore = () => {\r\n      setCurrentPage((prev) => prev + 1);\r\n    };\r\n\r\n    const field = useField<RelationsFormValue>(props.name);\r\n    const onChangeRelationField = field.onChange as (eventOrPath: string, value?: unknown) => void;\r\n    const serverData = data?.results ?? EMPTY_RELATION_RESULTS;\r\n\r\n    const isFetchingMoreRelations = isLoading || isFetching;\r\n\r\n    const realServerRelationsCount = data?.pagination ? data.pagination.total : 0;\r\n\r\n    /**\r\n     * Items that are already connected, but reordered would be in\r\n     * this list, so to get an accurate figure, we remove them.\r\n     */\r\n    const relationsConnected =\r\n      (field.value?.connect ?? []).filter(\r\n        (rel: Relation) => serverData.findIndex((relation) => relation.id === rel.id) === -1\r\n      ).length ?? 0;\r\n    const relationsDisconnected = field.value?.disconnect?.length ?? 0;\r\n\r\n    const relationsCount = realServerRelationsCount + relationsConnected - relationsDisconnected;\r\n\r\n    /**\r\n     * This is it, the source of truth for reordering in conjunction with partial loading & updating\r\n     * of relations. Relations on load are given __temp_key__ when fetched, because we don't want to\r\n     * create brand new keys everytime the data updates, just keep adding them onto the newly loaded ones.\r\n     */\r\n    const relations = React.useMemo(() => {\r\n      const ctx = {\r\n        field: field.value,\r\n        href: `../${COLLECTION_TYPES}/${targetModel}`,\r\n        mainField: props.mainField,\r\n      };\r\n\r\n      /**\r\n       * Tidy up our data.\r\n       */\r\n      const withoutConnected = removeConnected(ctx)([...serverData]);\r\n      const withoutDisconnected = removeDisconnected(ctx)(withoutConnected);\r\n      const transformedRels = addLabelAndHref(ctx)(withoutDisconnected);\r\n\r\n      /**\r\n       * Connect items (e.g. from fill-from-locale) may lack href/label. Ensure they have them\r\n       * so ListItem's getCollectionType(href) and display work correctly.\r\n       */\r\n      const connectItems = (field.value?.connect ?? []).map((rel: Relation) => {\r\n        const urlLocaleParam = rel.locale ? `?plugins[i18n][locale]=${rel.locale}` : '';\r\n        if (rel.href) return rel;\r\n        return {\r\n          ...rel,\r\n          label: rel.label ?? getRelationLabel(rel, props.mainField),\r\n          href: `../${COLLECTION_TYPES}/${targetModel}/${rel.documentId}${urlLocaleParam}`,\r\n        };\r\n      });\r\n\r\n      /**\r\n       * THIS IS CRUCIAL. If you don't sort by the __temp_key__ which comes from fractional indexing\r\n       * then the list will be in the wrong order.\r\n       */\r\n      return [...transformedRels, ...connectItems].sort((a, b) => {\r\n        if (a.__temp_key__ < b.__temp_key__) return -1;\r\n        if (a.__temp_key__ > b.__temp_key__) return 1;\r\n        return 0;\r\n      });\r\n    }, [serverData, field.value, targetModel, props.mainField]);\r\n\r\n    const handleDisconnect = useHandleDisconnect(props.name, 'RelationsField');\r\n\r\n    const handleConnect = React.useCallback<RelationsInputProps['onChange']>(\r\n      (relation) => {\r\n        const [lastItemInList] = relations.slice(-1);\r\n        const item = {\r\n          id: relation.id,\r\n          apiData: {\r\n            id: relation.id,\r\n            documentId: relation.documentId,\r\n            locale: relation.locale,\r\n            isTemporary: true,\r\n          },\r\n          status: relation.status,\r\n          /**\r\n           * If there's a last item, that's the first key we use to generate out next one.\r\n           */\r\n          __temp_key__: generateNKeysBetween(lastItemInList?.__temp_key__ ?? null, null, 1)[0],\r\n          // Fallback to `id` if there is no `mainField` value, which will overwrite the above `id` property with the exact same data.\r\n          [props.mainField?.name ?? 'documentId']: relation[props.mainField?.name ?? 'documentId'],\r\n          label: getRelationLabel(relation, props.mainField),\r\n          href: `../${COLLECTION_TYPES}/${targetModel}/${relation.documentId}?${relation.locale ? `plugins[i18n][locale]=${relation.locale}` : ''}`,\r\n        };\r\n\r\n        if (ONE_WAY_RELATIONS.includes(props.attribute.relation)) {\r\n          // Remove any existing relation so they can be replaced with the new one\r\n          field.value?.connect?.forEach(handleDisconnect);\r\n          relations.forEach(handleDisconnect);\r\n\r\n          onChangeRelationField(`${props.name}.connect`, [item]);\r\n        } else {\r\n          onChangeRelationField(`${props.name}.connect`, [...(field.value?.connect ?? []), item]);\r\n        }\r\n      },\r\n      [\r\n        field,\r\n        handleDisconnect,\r\n        onChangeRelationField,\r\n        props.attribute.relation,\r\n        props.mainField,\r\n        props.name,\r\n        relations,\r\n        targetModel,\r\n      ]\r\n    );\r\n\r\n    return (\r\n      <Flex\r\n        ref={ref}\r\n        direction=\"column\"\r\n        gap={3}\r\n        justifyContent=\"space-between\"\r\n        alignItems=\"stretch\"\r\n        wrap=\"wrap\"\r\n      >\r\n        <StyledFlex direction=\"column\" alignItems=\"start\" gap={2} width=\"100%\">\r\n          <MemoizedRelationsComboboxInput\r\n            disabled={isDisabled}\r\n            // NOTE: we should not default to using the documentId if the component is being created (componentUID is undefined)\r\n            id={id}\r\n            label={`${label} ${relationsCount > 0 ? `(${relationsCount})` : ''}`}\r\n            model={model}\r\n            onChange={handleConnect}\r\n            isRelatedToCurrentDocument={isRelatedToCurrentDocument}\r\n            {...props}\r\n          />\r\n          {data?.pagination && data.pagination.pageCount > data.pagination.page ? (\r\n            <TextButton\r\n              disabled={isFetchingMoreRelations}\r\n              onClick={handleLoadMore}\r\n              loading={isFetchingMoreRelations}\r\n              startIcon={<ArrowClockwise />}\r\n              // prevent the label from line-wrapping\r\n              shrink={0}\r\n            >\r\n              {formatMessage({\r\n                id: getTranslation('relation.loadMore'),\r\n                defaultMessage: 'Load More',\r\n              })}\r\n            </TextButton>\r\n          ) : null}\r\n        </StyledFlex>\r\n        <MemoizedRelationsList\r\n          data={relations}\r\n          serverData={serverData}\r\n          disabled={isDisabled}\r\n          name={props.name}\r\n          isLoading={isFetchingMoreRelations}\r\n          relationType={props.attribute.relation}\r\n          targetModel={targetModel}\r\n          documentParams={currentDocumentMeta.params}\r\n          mainField={props.mainField}\r\n        />\r\n      </Flex>\r\n    );\r\n  }\r\n);\r\n\r\n/**\r\n * TODO: this can be removed once we stop shipping Inputs with\r\n * labels wrapped round in DS@2.\r\n */\r\nconst StyledFlex = styled<FlexComponent>(Flex)`\r\n  & > div {\r\n    width: 100%;\r\n  }\r\n`;\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Relation Transformations\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface TransformationContext extends Pick<RelationsFieldProps, 'mainField'> {\r\n  field?: RelationsFormValue;\r\n  href: string;\r\n}\r\n\r\n/**\r\n * If it's in the connected array, it can get out of our data array,\r\n * we'll be putting it back in later and sorting it anyway.\r\n */\r\nconst removeConnected =\r\n  ({ field }: TransformationContext) =>\r\n  (relations: RelationResult[]) => {\r\n    return relations.filter((relation) => {\r\n      const connectedRelations = field?.connect ?? [];\r\n\r\n      return connectedRelations.findIndex((rel) => rel.id === relation.id) === -1;\r\n    });\r\n  };\r\n\r\n/**\r\n * @description Removes relations that are in the `disconnect` array of the field\r\n */\r\nconst removeDisconnected =\r\n  ({ field }: TransformationContext) =>\r\n  (relations: RelationResult[]): RelationResult[] =>\r\n    relations.filter((relation) => {\r\n      const disconnectedRelations = field?.disconnect ?? [];\r\n\r\n      return disconnectedRelations.findIndex((rel) => rel.id === relation.id) === -1;\r\n    });\r\n\r\n/**\r\n * @description Adds a label and href to the relation object we use this to render\r\n * a better UI where we can link to the relation and display a human-readable label.\r\n */\r\nconst addLabelAndHref =\r\n  ({ mainField, href }: TransformationContext) =>\r\n  (relations: RelationResult[]): Relation[] =>\r\n    relations.map((relation) => {\r\n      return {\r\n        ...relation,\r\n        // Fallback to `id` if there is no `mainField` value, which will overwrite the above `documentId` property with the exact same data.\r\n        [mainField?.name ?? 'documentId']: relation[mainField?.name ?? 'documentId'],\r\n        label: getRelationLabel(relation, mainField),\r\n        href: `${href}/${relation.documentId}?${relation.locale ? `plugins[i18n][locale]=${relation.locale}` : ''}`,\r\n      };\r\n    });\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * RelationsInput\r\n * -----------------------------------------------------------------------------------------------*/\r\ninterface RelationsInputProps extends Omit<RelationsFieldProps, 'type'> {\r\n  id?: string;\r\n  model: string;\r\n  isRelatedToCurrentDocument: boolean;\r\n  onChange: (\r\n    relation: Pick<RelationResult, 'documentId' | 'id' | 'locale' | 'status'> & {\r\n      [key: string]: unknown;\r\n    }\r\n  ) => void;\r\n}\r\n\r\n/**\r\n * @description Contains all the logic for the combobox that can search\r\n * for relations and then add them to the field's connect array.\r\n */\r\nconst RelationsInput = ({\r\n  hint,\r\n  id,\r\n  model,\r\n  label,\r\n  labelAction,\r\n  name,\r\n  mainField,\r\n  placeholder,\r\n  required,\r\n  unique: _unique,\r\n  'aria-label': _ariaLabel,\r\n  onChange,\r\n  isRelatedToCurrentDocument,\r\n  ...props\r\n}: RelationsInputProps) => {\r\n  const [searchParams, setSearchParams] = React.useState({\r\n    _q: '',\r\n    page: 1,\r\n  });\r\n  const { toggleNotification } = useNotification();\r\n  const { currentDocumentMeta } = useDocumentContext('RelationsInput');\r\n  const { formatMessage } = useIntl();\r\n\r\n  const field = useField<RelationsFormValue>(name);\r\n  // @ts-expect-error – `targetModel` exists on supported non-morph relations (morph is disabled).\r\n  const targetModel = props.attribute.targetModel;\r\n\r\n  const searchParamsDebounced = useDebounce(searchParams, 300);\r\n  const [searchForTrigger, { data, isLoading }] = useLazySearchRelationsQuery();\r\n\r\n  /**\r\n   * Because we're using a lazy query, we need to trigger the search\r\n   * when the component mounts and when the search params change.\r\n   * We also need to trigger the search when the field value changes\r\n   * so that we can filter out the relations that are already connected.\r\n   */\r\n  React.useEffect(() => {\r\n    /**\r\n     * The `name` prop is a complete path to the field, e.g. `field1.field2.field3`.\r\n     * Where the above example would a nested field within two components, however\r\n     * we only require the field on the component not the complete path since we query\r\n     * individual components. Therefore we split the string and take the last item.\r\n     */\r\n    const [targetField] = name.split('.').slice(-1);\r\n\r\n    // Return early if there is no relation to the document\r\n    if (!isRelatedToCurrentDocument) return;\r\n\r\n    searchForTrigger({\r\n      model,\r\n      targetField,\r\n      params: {\r\n        ...currentDocumentMeta.params,\r\n        id: id ?? '',\r\n        pageSize: 10,\r\n        idsToInclude: field.value?.disconnect?.map((rel) => rel.id.toString()) ?? [],\r\n        idsToOmit: field.value?.connect?.map((rel) => rel.id.toString()) ?? [],\r\n        ...searchParamsDebounced,\r\n      },\r\n    });\r\n  }, [\r\n    field.value?.connect,\r\n    field.value?.disconnect,\r\n    id,\r\n    model,\r\n    name,\r\n    searchForTrigger,\r\n    searchParamsDebounced,\r\n    isRelatedToCurrentDocument,\r\n    currentDocumentMeta.params,\r\n  ]);\r\n\r\n  const hasNextPage = data?.pagination ? data.pagination.page < data.pagination.pageCount : false;\r\n\r\n  const handleChange = React.useCallback(\r\n    (relationId?: string) => {\r\n      if (!relationId) {\r\n        return;\r\n      }\r\n\r\n      const options = data?.results ?? [];\r\n      const relation = options.find((opt) => opt.id.toString() === relationId);\r\n\r\n      if (!relation) {\r\n        // This is very unlikely to happen, but it ensures we don't have any data for.\r\n        console.error(\r\n          \"You've tried to add a relation with an id that does not exist in the options you can see, this is likely a bug with Strapi. Please open an issue.\"\r\n        );\r\n\r\n        toggleNotification({\r\n          message: formatMessage({\r\n            id: getTranslation('relation.error-adding-relation'),\r\n            defaultMessage: 'An error occurred while trying to add the relation.',\r\n          }),\r\n          type: 'danger',\r\n        });\r\n\r\n        return;\r\n      }\r\n\r\n      /**\r\n       * You need to give this relation a correct _temp_key_ but\r\n       * this component doesn't know about those ones, you can't rely\r\n       * on the connect array because that doesn't hold items that haven't\r\n       * moved. So use a callback to fill in the gaps when connecting.\r\n       *\r\n       */\r\n      onChange(relation);\r\n    },\r\n    [data, formatMessage, onChange, toggleNotification]\r\n  );\r\n\r\n  const relation = React.useMemo(\r\n    () =>\r\n      ({\r\n        collectionType: COLLECTION_TYPES,\r\n        model: targetModel,\r\n        documentId: '',\r\n        params: currentDocumentMeta.params,\r\n      }) as DocumentMeta,\r\n    [currentDocumentMeta.params, targetModel]\r\n  );\r\n\r\n  const {\r\n    permissions = [],\r\n    isLoading: isLoadingPermissions,\r\n    error,\r\n  } = useRBAC(\r\n    PERMISSIONS.map((action) => ({\r\n      action,\r\n      subject: relation.model,\r\n    }))\r\n  );\r\n\r\n  if (error) {\r\n    return (\r\n      <Flex alignItems=\"center\" height=\"100%\" justifyContent=\"center\">\r\n        <EmptyStateLayout\r\n          icon={<WarningCircle width=\"16rem\" />}\r\n          content={formatMessage({\r\n            id: 'anErrorOccurred',\r\n            defaultMessage: 'Whoops! Something went wrong. Please, try again.',\r\n          })}\r\n        />\r\n      </Flex>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Field.Root error={field.error} hint={hint} name={name} required={required}>\r\n      <Field.Label action={labelAction}>{label}</Field.Label>\r\n      <DocumentRBAC permissions={permissions} model={relation.model}>\r\n        <MemoizedRelationModalWithContext\r\n          relation={relation}\r\n          name={name}\r\n          placeholder={placeholder}\r\n          hasNextPage={hasNextPage}\r\n          isLoadingPermissions={isLoadingPermissions}\r\n          isLoadingSearchRelations={isLoading}\r\n          handleChange={handleChange}\r\n          setSearchParams={setSearchParams}\r\n          data={data}\r\n          mainField={mainField}\r\n          fieldValue={field.value}\r\n          {...props}\r\n        />\r\n      </DocumentRBAC>\r\n      <Field.Error />\r\n      <Field.Hint />\r\n    </Field.Root>\r\n  );\r\n};\r\n\r\nconst MemoizedRelationsComboboxInput = React.memo(RelationsInput);\r\n\r\ninterface RelationModalWithContextProps\r\n  extends Omit<RelationsInputProps, 'onChange' | 'label' | 'model' | 'isRelatedToCurrentDocument'> {\r\n  relation: DocumentMeta;\r\n  hasNextPage: boolean;\r\n  isLoadingSearchRelations: boolean;\r\n  isLoadingPermissions: boolean;\r\n  handleChange: (relationId?: string) => void;\r\n  data?: FindAvailable.Response;\r\n  fieldValue?: RelationsFormValue;\r\n  setSearchParams: React.Dispatch<\r\n    React.SetStateAction<{\r\n      _q: string;\r\n      page: number;\r\n    }>\r\n  >;\r\n}\r\n\r\nconst RelationModalWithContext = ({\r\n  relation,\r\n  name,\r\n  placeholder,\r\n  hasNextPage,\r\n  isLoadingSearchRelations,\r\n  isLoadingPermissions,\r\n  handleChange,\r\n  mainField,\r\n  setSearchParams,\r\n  fieldValue,\r\n  data,\r\n  ...props\r\n}: RelationModalWithContextProps) => {\r\n  const [textValue, setTextValue] = React.useState<string | undefined>('');\r\n  const { formatMessage } = useIntl();\r\n  const canCreate = useDocumentRBAC('RelationModalWrapper', (state) => state.canCreate);\r\n  const fieldRef = useFocusInputField<HTMLInputElement>(name);\r\n  const componentUID = useComponent('RelationsField', (state) => state.uid);\r\n  const getParentFormValues = useForm('RelationModalWrapper', (state) => state.getValues);\r\n  const getParentFormValuesWithCurrentRelation = () => {\r\n    return setIn(getParentFormValues(), name, fieldValue);\r\n  };\r\n\r\n  const handleLoadMore = () => {\r\n    if (!data || !data.pagination) {\r\n      return;\r\n    } else if (data.pagination.page < data.pagination.pageCount) {\r\n      setSearchParams((s) => ({ ...s, page: s.page + 1 }));\r\n    }\r\n  };\r\n\r\n  const options = data?.results ?? [];\r\n\r\n  React.useLayoutEffect(() => {\r\n    setTextValue('');\r\n  }, [fieldValue]);\r\n\r\n  const handleSearch = async (search: string) => {\r\n    setSearchParams((s) => ({ ...s, _q: search, page: 1 }));\r\n  };\r\n  return (\r\n    <RelationModalRenderer>\r\n      {({ dispatch }) => (\r\n        <Combobox\r\n          ref={fieldRef}\r\n          creatable=\"visible\"\r\n          creatableDisabled={!canCreate}\r\n          createMessage={() =>\r\n            formatMessage({\r\n              id: getTranslation('relation.create'),\r\n              defaultMessage: 'Create a relation',\r\n            })\r\n          }\r\n          onCreateOption={() => {\r\n            if (canCreate) {\r\n              dispatch({\r\n                type: 'GO_TO_RELATION',\r\n                payload: {\r\n                  document: relation,\r\n                  shouldBypassConfirmation: false,\r\n                  fieldToConnect: name,\r\n                  fieldToConnectUID: componentUID,\r\n                  getParentFormValues: getParentFormValuesWithCurrentRelation,\r\n                },\r\n              });\r\n            }\r\n          }}\r\n          creatableStartIcon={<Plus fill=\"neutral500\" />}\r\n          name={name}\r\n          autocomplete={{ type: 'list', filter: 'contains' }}\r\n          placeholder={\r\n            placeholder ||\r\n            formatMessage({\r\n              id: getTranslation('relation.add'),\r\n              defaultMessage: 'Add relation',\r\n            })\r\n          }\r\n          hasMoreItems={hasNextPage}\r\n          loading={isLoadingSearchRelations || isLoadingPermissions}\r\n          onOpenChange={() => {\r\n            handleSearch(textValue ?? '');\r\n          }}\r\n          noOptionsMessage={() =>\r\n            formatMessage({\r\n              id: getTranslation('relation.notAvailable'),\r\n              defaultMessage: 'No relations available',\r\n            })\r\n          }\r\n          loadingMessage={formatMessage({\r\n            id: getTranslation('relation.isLoading'),\r\n            defaultMessage: 'Relations are loading',\r\n          })}\r\n          onLoadMore={handleLoadMore}\r\n          textValue={textValue}\r\n          onChange={handleChange}\r\n          onTextValueChange={(text) => {\r\n            setTextValue(text);\r\n          }}\r\n          onInputChange={(event) => {\r\n            handleSearch(event.currentTarget.value);\r\n          }}\r\n          {...props}\r\n        >\r\n          {options?.map((opt) => {\r\n            const textValue = getRelationLabel(opt, mainField);\r\n\r\n            return (\r\n              <ComboboxOption key={opt.id} value={opt.id.toString()} textValue={textValue}>\r\n                <Flex gap={2} justifyContent=\"space-between\">\r\n                  <Flex gap={2}>\r\n                    <LinkIcon fill=\"neutral500\" />\r\n                    <Typography ellipsis>{textValue}</Typography>\r\n                  </Flex>\r\n                  {opt.status ? <DocumentStatus status={opt.status} /> : null}\r\n                </Flex>\r\n              </ComboboxOption>\r\n            );\r\n          })}\r\n        </Combobox>\r\n      )}\r\n    </RelationModalRenderer>\r\n  );\r\n};\r\n\r\nconst MemoizedRelationModalWithContext = React.memo(RelationModalWithContext);\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * RelationsList\r\n * -----------------------------------------------------------------------------------------------*/\r\nconst RELATION_ITEM_HEIGHT = 50;\r\nconst RELATION_GUTTER = 4;\r\n\r\ninterface RelationsListProps extends Pick<RelationsFieldProps, 'disabled' | 'name'> {\r\n  data: Relation[];\r\n  isLoading?: boolean;\r\n  relationType: Schema.Attribute.RelationKind.Any;\r\n  /**\r\n   * The existing relations connected on the server. We need these to diff against.\r\n   */\r\n  serverData: RelationResult[];\r\n  targetModel: string;\r\n  documentParams?: DocumentMeta['params'];\r\n  mainField?: MainField;\r\n}\r\n\r\nconst RelationsList = ({\r\n  data,\r\n  serverData,\r\n  disabled,\r\n  name,\r\n  isLoading,\r\n  relationType,\r\n  targetModel,\r\n  documentParams,\r\n  mainField,\r\n}: RelationsListProps) => {\r\n  const ariaDescriptionId = React.useId();\r\n  const { formatMessage } = useIntl();\r\n  const listRef = React.useRef<FixedSizeList>(null);\r\n  const outerListRef = React.useRef<HTMLUListElement>(null);\r\n  const [overflow, setOverflow] = React.useState<'top' | 'bottom' | 'top-bottom'>();\r\n  const [liveText, setLiveText] = React.useState('');\r\n  const field = useField<RelationsFormValue>(name);\r\n  const onChangeRelationField = field.onChange as (eventOrPath: string, value?: unknown) => void;\r\n\r\n  React.useEffect(() => {\r\n    if (data.length <= RELATIONS_TO_DISPLAY) {\r\n      return setOverflow(undefined);\r\n    }\r\n\r\n    const handleNativeScroll = (e: Event) => {\r\n      const el = e.target as HTMLUListElement;\r\n      const parentScrollContainerHeight = (el.parentNode as HTMLDivElement).scrollHeight;\r\n      const maxScrollBottom = el.scrollHeight - el.scrollTop;\r\n\r\n      if (el.scrollTop === 0) {\r\n        return setOverflow('bottom');\r\n      }\r\n\r\n      if (maxScrollBottom === parentScrollContainerHeight) {\r\n        return setOverflow('top');\r\n      }\r\n\r\n      return setOverflow('top-bottom');\r\n    };\r\n\r\n    const outerListRefCurrent = outerListRef?.current;\r\n\r\n    if (!isLoading && data.length > 0 && outerListRefCurrent) {\r\n      outerListRef.current.addEventListener('scroll', handleNativeScroll);\r\n    }\r\n\r\n    return () => {\r\n      if (outerListRefCurrent) {\r\n        outerListRefCurrent.removeEventListener('scroll', handleNativeScroll);\r\n      }\r\n    };\r\n  }, [isLoading, data.length]);\r\n\r\n  const getItemPos = React.useCallback(\r\n    (index: number) => `${index + 1} of ${data.length}`,\r\n    [data.length]\r\n  );\r\n\r\n  const handleMoveItem = React.useCallback<NonNullable<UseDragAndDropOptions['onMoveItem']>>(\r\n    (newIndex, oldIndex) => {\r\n      const item = data[oldIndex];\r\n\r\n      setLiveText(\r\n        formatMessage(\r\n          {\r\n            id: getTranslation('dnd.reorder'),\r\n            defaultMessage: '{item}, moved. New position in list: {position}.',\r\n          },\r\n          {\r\n            item: item.label ?? item.documentId,\r\n            position: getItemPos(newIndex),\r\n          }\r\n        )\r\n      );\r\n\r\n      /**\r\n       * Splicing mutates the array, so we need to create a new array\r\n       */\r\n      const newData = [...data];\r\n      const currentRow = data[oldIndex];\r\n\r\n      const startKey =\r\n        oldIndex > newIndex ? newData[newIndex - 1]?.__temp_key__ : newData[newIndex]?.__temp_key__;\r\n      const endKey =\r\n        oldIndex > newIndex ? newData[newIndex]?.__temp_key__ : newData[newIndex + 1]?.__temp_key__;\r\n\r\n      /**\r\n       * We're moving the relation between two other relations, so\r\n       * we need to generate a new key that keeps the order\r\n       */\r\n      const [newKey] = generateNKeysBetween(startKey, endKey, 1);\r\n\r\n      newData.splice(oldIndex, 1);\r\n      newData.splice(newIndex, 0, { ...currentRow, __temp_key__: newKey });\r\n\r\n      /**\r\n       * Now we diff against the server to understand what's different so we\r\n       * can keep the connect array nice and tidy. It also needs reversing because\r\n       * we reverse the relations from the server in the first place.\r\n       */\r\n      const connectedRelations = newData\r\n        .reduce<Relation[]>((acc, relation, currentIndex, array) => {\r\n          const relationOnServer = serverData.find((oldRelation) => oldRelation.id === relation.id);\r\n\r\n          const relationInFront = array[currentIndex + 1];\r\n\r\n          if (!relationOnServer || relationOnServer.__temp_key__ !== relation.__temp_key__) {\r\n            const position =\r\n              currentIndex === 0\r\n                ? { start: true }\r\n                : relationInFront\r\n                  ? {\r\n                      before: relationInFront.documentId ?? relationInFront.apiData?.documentId,\r\n                      locale: relationInFront.locale,\r\n                      status:\r\n                        'publishedAt' in relationInFront && relationInFront.publishedAt\r\n                          ? ('published' as Relation['status'])\r\n                          : ('draft' as Relation['status']),\r\n                    }\r\n                  : { end: true };\r\n\r\n            const relationWithPosition: Relation = {\r\n              ...relation,\r\n              apiData: {\r\n                id: relation.id,\r\n                documentId: relation.documentId ?? relation.apiData?.documentId ?? '',\r\n                locale: relation.locale || relation.apiData?.locale,\r\n                isTemporary: relation.apiData?.isTemporary,\r\n                position,\r\n              },\r\n            };\r\n\r\n            return [...acc, relationWithPosition];\r\n          }\r\n\r\n          return acc;\r\n        }, [])\r\n        .toReversed();\r\n\r\n      onChangeRelationField(`${name}.connect`, connectedRelations);\r\n    },\r\n    [data, serverData, name, formatMessage, getItemPos, onChangeRelationField]\r\n  );\r\n\r\n  const handleGrabItem = React.useCallback<NonNullable<UseDragAndDropOptions['onGrabItem']>>(\r\n    (index) => {\r\n      const item = data[index];\r\n\r\n      setLiveText(\r\n        formatMessage(\r\n          {\r\n            id: getTranslation('dnd.grab-item'),\r\n            defaultMessage: `{item}, grabbed. Current position in list: {position}. Press up and down arrow to change position, Spacebar to drop, Escape to cancel.`,\r\n          },\r\n          {\r\n            item: item.label ?? item.documentId,\r\n            position: getItemPos(index),\r\n          }\r\n        )\r\n      );\r\n    },\r\n    [data, formatMessage, getItemPos]\r\n  );\r\n\r\n  const handleDropItem = React.useCallback<NonNullable<UseDragAndDropOptions['onDropItem']>>(\r\n    (index) => {\r\n      const { href: _href, label, ...item } = data[index];\r\n\r\n      setLiveText(\r\n        formatMessage(\r\n          {\r\n            id: getTranslation('dnd.drop-item'),\r\n            defaultMessage: `{item}, dropped. Final position in list: {position}.`,\r\n          },\r\n          {\r\n            item: label ?? item.documentId,\r\n            position: getItemPos(index),\r\n          }\r\n        )\r\n      );\r\n    },\r\n    [data, formatMessage, getItemPos]\r\n  );\r\n\r\n  const handleCancel = React.useCallback<NonNullable<UseDragAndDropOptions['onCancel']>>(\r\n    (index) => {\r\n      const item = data[index];\r\n\r\n      setLiveText(\r\n        formatMessage(\r\n          {\r\n            id: getTranslation('dnd.cancel-item'),\r\n            defaultMessage: '{item}, dropped. Re-order cancelled.',\r\n          },\r\n          {\r\n            item: item.label ?? item.documentId,\r\n          }\r\n        )\r\n      );\r\n    },\r\n    [data, formatMessage]\r\n  );\r\n\r\n  const handleDisconnect = useHandleDisconnect(name, 'RelationsList');\r\n\r\n  /**\r\n   * These relation types will only ever have one item\r\n   * in their list, so you can't reorder a single item!\r\n   */\r\n  const canReorder = !ONE_WAY_RELATIONS.includes(relationType);\r\n\r\n  const dynamicListHeight =\r\n    data.length > RELATIONS_TO_DISPLAY\r\n      ? Math.min(data.length, RELATIONS_TO_DISPLAY) * (RELATION_ITEM_HEIGHT + RELATION_GUTTER) +\r\n        RELATION_ITEM_HEIGHT / 2\r\n      : Math.min(data.length, RELATIONS_TO_DISPLAY) * (RELATION_ITEM_HEIGHT + RELATION_GUTTER);\r\n\r\n  const itemData = React.useMemo(\r\n    () => ({\r\n      ariaDescribedBy: ariaDescriptionId,\r\n      canDrag: canReorder,\r\n      disabled,\r\n      documentParams,\r\n      handleCancel,\r\n      handleDropItem,\r\n      handleGrabItem,\r\n      handleMoveItem,\r\n      name,\r\n      handleDisconnect,\r\n      relations: data,\r\n      targetModel,\r\n      mainField,\r\n    }),\r\n    [\r\n      ariaDescriptionId,\r\n      canReorder,\r\n      disabled,\r\n      documentParams,\r\n      handleCancel,\r\n      handleDisconnect,\r\n      handleDropItem,\r\n      handleGrabItem,\r\n      handleMoveItem,\r\n      name,\r\n      data,\r\n      targetModel,\r\n      mainField,\r\n    ]\r\n  );\r\n\r\n  return (\r\n    <ShadowBox $overflowDirection={overflow}>\r\n      <VisuallyHidden id={ariaDescriptionId}>\r\n        {formatMessage({\r\n          id: getTranslation('dnd.instructions'),\r\n          defaultMessage: `Press spacebar to grab and re-order`,\r\n        })}\r\n      </VisuallyHidden>\r\n      <VisuallyHidden aria-live=\"assertive\">{liveText}</VisuallyHidden>\r\n      {/* @ts-expect-error – width is expected, but we've not needed to pass it before. */}\r\n      <FixedSizeList\r\n        height={dynamicListHeight}\r\n        ref={listRef}\r\n        outerRef={outerListRef}\r\n        itemCount={data.length}\r\n        itemSize={RELATION_ITEM_HEIGHT + RELATION_GUTTER}\r\n        itemData={itemData}\r\n        itemKey={(index) => data[index].id}\r\n        innerElementType=\"ol\"\r\n      >\r\n        {ListItem}\r\n      </FixedSizeList>\r\n    </ShadowBox>\r\n  );\r\n};\r\n\r\nconst MemoizedRelationsList = React.memo(RelationsList);\r\n\r\nconst ShadowBox = styled<BoxComponent>(Box)<{\r\n  $overflowDirection?: 'top-bottom' | 'top' | 'bottom';\r\n}>`\r\n  position: relative;\r\n  overflow: hidden;\r\n  flex: 1;\r\n\r\n  &:before,\r\n  &:after {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 4px;\r\n    z-index: 1;\r\n  }\r\n\r\n  &:before {\r\n    /* TODO: as for DS Table component we would need this to be handled by the DS theme */\r\n    content: '';\r\n    background: linear-gradient(rgba(3, 3, 5, 0.2) 0%, rgba(0, 0, 0, 0) 100%);\r\n    top: 0;\r\n    opacity: ${({ $overflowDirection }) =>\r\n      $overflowDirection === 'top-bottom' || $overflowDirection === 'top' ? 1 : 0};\r\n    transition: opacity 0.2s ease-in-out;\r\n  }\r\n\r\n  &:after {\r\n    /* TODO: as for DS Table component we would need this to be handled by the DS theme */\r\n    content: '';\r\n    background: linear-gradient(0deg, rgba(3, 3, 5, 0.2) 0%, rgba(0, 0, 0, 0) 100%);\r\n    bottom: 0;\r\n    opacity: ${({ $overflowDirection }) =>\r\n      $overflowDirection === 'top-bottom' || $overflowDirection === 'bottom' ? 1 : 0};\r\n    transition: opacity 0.2s ease-in-out;\r\n  }\r\n`;\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * ListItem\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface ListItemProps extends Pick<ListChildComponentProps, 'style' | 'index'> {\r\n  data: {\r\n    ariaDescribedBy: string;\r\n    canDrag?: boolean;\r\n    disabled?: boolean;\r\n    handleCancel: UseDragAndDropOptions['onCancel'];\r\n    handleDropItem: UseDragAndDropOptions['onDropItem'];\r\n    handleGrabItem: UseDragAndDropOptions['onGrabItem'];\r\n    handleMoveItem: UseDragAndDropOptions['onMoveItem'];\r\n    handleDisconnect: (relation: Relation) => void;\r\n    name: string;\r\n    relations: Relation[];\r\n    targetModel: string;\r\n    documentParams?: DocumentMeta['params'];\r\n    mainField?: MainField;\r\n  };\r\n}\r\n\r\nconst RelationRow = styled<FlexComponent>(Flex)`\r\n  padding-top: calc(${({ theme }) => theme.spaces[1]} - 1px); // minus the border width\r\n  padding-bottom: calc(${({ theme }) => theme.spaces[1]} - 1px); // minus the border width\r\n\r\n  ${({ theme }) => theme.breakpoints.medium} {\r\n    padding-top: ${({ theme }) => theme.spaces[2]};\r\n    padding-bottom: ${({ theme }) => theme.spaces[2]};\r\n  }\r\n`;\r\n\r\nconst ListItem = React.memo(({ data, index, style }: ListItemProps) => {\r\n  const {\r\n    ariaDescribedBy,\r\n    canDrag = false,\r\n    disabled = false,\r\n    handleCancel,\r\n    handleDisconnect,\r\n    handleDropItem,\r\n    handleGrabItem,\r\n    handleMoveItem,\r\n    name,\r\n    relations,\r\n    targetModel,\r\n    documentParams,\r\n    mainField,\r\n  } = data;\r\n  const isDesktop = useIsDesktop();\r\n\r\n  const { formatMessage } = useIntl();\r\n\r\n  const {\r\n    href,\r\n    id,\r\n    label: originalLabel,\r\n    status: originalStatus,\r\n    documentId,\r\n    apiData,\r\n    locale,\r\n  } = relations[index];\r\n\r\n  /**\r\n   * The code above attempts to retrieve the updated value of a relation that has not yet been saved.\r\n   * This is necessary when a relation modal is opened, and the mainField or its status is updated.\r\n   * These changes need to be reflected in the initial relation field.\r\n   */\r\n  const collectionType = getCollectionType(href)!;\r\n  const isTemporary = apiData?.isTemporary ?? false;\r\n  const { document } = useDocument(\r\n    {\r\n      collectionType,\r\n      model: targetModel,\r\n      documentId: documentId ?? apiData?.documentId,\r\n      params: documentParams,\r\n    },\r\n    { skip: !isTemporary }\r\n  );\r\n  const label = isTemporary && document ? getRelationLabel(document, mainField) : originalLabel;\r\n  const status = isTemporary && document ? document?.status : originalStatus;\r\n\r\n  const [{ handlerId, isDragging, handleKeyDown }, relationRef, dropRef, dragRef, dragPreviewRef] =\r\n    useDragAndDrop<number, Omit<RelationDragPreviewProps, 'width'>, HTMLDivElement>(\r\n      canDrag && !disabled,\r\n      {\r\n        type: `${ItemTypes.RELATION}_${name}`,\r\n        index,\r\n        item: {\r\n          displayedValue: label,\r\n          status,\r\n          id: id,\r\n          index,\r\n        },\r\n        onMoveItem: handleMoveItem,\r\n        onDropItem: handleDropItem,\r\n        onGrabItem: handleGrabItem,\r\n        onCancel: handleCancel,\r\n        dropSensitivity: DROP_SENSITIVITY.REGULAR,\r\n      }\r\n    );\r\n\r\n  const composedRefs = useComposedRefs<HTMLDivElement>(relationRef, dragRef);\r\n\r\n  React.useEffect(() => {\r\n    dragPreviewRef(getEmptyImage());\r\n  }, [dragPreviewRef]);\r\n\r\n  const safeDocumentId = documentId ?? apiData?.documentId;\r\n  const safeLocale = locale ?? apiData?.locale ?? null;\r\n  const documentMeta = React.useMemo(\r\n    () =>\r\n      ({\r\n        documentId: safeDocumentId,\r\n        model: targetModel,\r\n        collectionType: getCollectionType(href)!,\r\n        params: {\r\n          locale: safeLocale,\r\n        },\r\n      }) as DocumentMeta,\r\n    [safeDocumentId, href, safeLocale, targetModel]\r\n  );\r\n\r\n  return (\r\n    <Box\r\n      style={style}\r\n      tag=\"li\"\r\n      ref={dropRef}\r\n      aria-describedby={ariaDescribedBy}\r\n      cursor={canDrag ? 'all-scroll' : 'default'}\r\n    >\r\n      {isDragging ? (\r\n        <RelationItemPlaceholder />\r\n      ) : (\r\n        <RelationRow\r\n          paddingTop={2}\r\n          paddingBottom={2}\r\n          paddingLeft={canDrag ? 2 : 4}\r\n          paddingRight={4}\r\n          hasRadius\r\n          borderColor=\"neutral200\"\r\n          background={disabled ? 'neutral150' : 'neutral0'}\r\n          justifyContent=\"space-between\"\r\n          ref={composedRefs}\r\n          data-handler-id={handlerId}\r\n        >\r\n          <FlexWrapper gap={1}>\r\n            {canDrag && isDesktop ? (\r\n              <IconButton\r\n                tag=\"div\"\r\n                role=\"button\"\r\n                tabIndex={0}\r\n                withTooltip={false}\r\n                label={formatMessage({\r\n                  id: getTranslation('components.RelationInput.icon-button-aria-label'),\r\n                  defaultMessage: 'Drag',\r\n                })}\r\n                variant=\"ghost\"\r\n                onKeyDown={handleKeyDown}\r\n                disabled={disabled}\r\n              >\r\n                <Drag />\r\n              </IconButton>\r\n            ) : null}\r\n            <Flex width=\"100%\" minWidth={0} gap={4} justifyContent=\"space-between\">\r\n              <Box flex={1} minWidth={0} paddingTop={1} paddingBottom={1}>\r\n                <RelationModalRenderer relation={documentMeta}>{label}</RelationModalRenderer>\r\n              </Box>\r\n              {status ? <DocumentStatus status={status} /> : null}\r\n            </Flex>\r\n          </FlexWrapper>\r\n          <Box paddingLeft={4}>\r\n            <IconButton\r\n              onClick={() => handleDisconnect(relations[index])}\r\n              disabled={disabled}\r\n              label={formatMessage({\r\n                id: getTranslation('relation.disconnect'),\r\n                defaultMessage: 'Remove',\r\n              })}\r\n              variant=\"ghost\"\r\n              size=\"S\"\r\n            >\r\n              <Cross />\r\n            </IconButton>\r\n          </Box>\r\n        </RelationRow>\r\n      )}\r\n    </Box>\r\n  );\r\n});\r\n\r\nconst FlexWrapper = styled<FlexComponent>(Flex)`\r\n  width: 100%;\r\n  /* Used to prevent endAction to be pushed out of container */\r\n  min-width: 0;\r\n\r\n  & > div[role='button'] {\r\n    cursor: all-scroll;\r\n  }\r\n`;\r\n\r\nconst DisconnectButton = styled.button`\r\n  svg path {\r\n    fill: ${({ theme, disabled }) =>\r\n      disabled ? theme.colors.neutral600 : theme.colors.neutral500};\r\n  }\r\n\r\n  &:hover svg path,\r\n  &:focus svg path {\r\n    fill: ${({ theme, disabled }) => !disabled && theme.colors.neutral600};\r\n  }\r\n`;\r\n\r\nconst LinkEllipsis = styled(Link)`\r\n  display: block;\r\n\r\n  & > span {\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    display: block;\r\n  }\r\n`;\r\n\r\nconst RelationItemPlaceholder = () => (\r\n  <Box\r\n    paddingTop={2}\r\n    paddingBottom={2}\r\n    paddingLeft={4}\r\n    paddingRight={4}\r\n    hasRadius\r\n    borderStyle=\"dashed\"\r\n    borderColor=\"primary600\"\r\n    borderWidth=\"1px\"\r\n    background=\"primary100\"\r\n    height={`calc(100% - ${RELATION_GUTTER}px)`}\r\n  />\r\n);\r\n\r\nconst MemoizedRelationsField = React.memo(RelationsField);\r\n\r\nexport { MemoizedRelationsField as RelationsInput, FlexWrapper, DisconnectButton, LinkEllipsis };\r\nexport type { RelationsFieldProps };\r\n"],"names":["useHandleDisconnect","fieldName","consumerName","field","useField","removeFieldRow","useForm","state","addFieldRow","handleDisconnect","React","useCallback","relation","value","connect","indexOfRelationInConnectArray","findIndex","rel","id","status","apiData","documentId","locale","RELATIONS_TO_DISPLAY","ONE_WAY_RELATIONS","EMPTY_RELATION_RESULTS","RelationsField","forwardRef","disabled","label","props","ref","currentDocument","currentDocumentMeta","useDocumentContext","currentPage","setCurrentPage","useState","document","formatMessage","useIntl","isMorph","attribute","toLowerCase","includes","isDisabled","targetModel","componentId","useComponent","componentUID","uid","isSubmitting","useEffect","component","components","undefined","model","toString","targetField","name","split","slice","schemaAttributes","attributes","schema","isRelatedToCurrentDocument","Object","values","filter","type","target","length","data","isLoading","isFetching","useGetRelationsQuery","params","pageSize","page","refetchOnMountOrArgChange","skip","handleLoadMore","prev","onChangeRelationField","onChange","serverData","results","isFetchingMoreRelations","realServerRelationsCount","pagination","total","relationsConnected","relationsDisconnected","disconnect","relationsCount","relations","useMemo","ctx","href","COLLECTION_TYPES","mainField","withoutConnected","removeConnected","withoutDisconnected","removeDisconnected","transformedRels","addLabelAndHref","connectItems","map","urlLocaleParam","getRelationLabel","sort","a","b","__temp_key__","handleConnect","lastItemInList","item","isTemporary","generateNKeysBetween","forEach","_jsxs","Flex","direction","gap","justifyContent","alignItems","wrap","StyledFlex","width","_jsx","MemoizedRelationsComboboxInput","pageCount","TextButton","onClick","loading","startIcon","ArrowClockwise","shrink","getTranslation","defaultMessage","MemoizedRelationsList","relationType","documentParams","styled","connectedRelations","disconnectedRelations","RelationsInput","hint","labelAction","placeholder","required","unique","_unique","_ariaLabel","searchParams","setSearchParams","_q","toggleNotification","useNotification","searchParamsDebounced","useDebounce","searchForTrigger","useLazySearchRelationsQuery","idsToInclude","idsToOmit","hasNextPage","handleChange","relationId","options","find","opt","console","error","message","collectionType","permissions","isLoadingPermissions","useRBAC","PERMISSIONS","action","subject","height","EmptyStateLayout","icon","WarningCircle","content","Field","Root","Label","DocumentRBAC","MemoizedRelationModalWithContext","isLoadingSearchRelations","fieldValue","Error","Hint","memo","RelationModalWithContext","textValue","setTextValue","canCreate","useDocumentRBAC","fieldRef","useFocusInputField","getParentFormValues","getValues","getParentFormValuesWithCurrentRelation","setIn","s","useLayoutEffect","handleSearch","search","RelationModalRenderer","dispatch","Combobox","creatable","creatableDisabled","createMessage","onCreateOption","payload","shouldBypassConfirmation","fieldToConnect","fieldToConnectUID","creatableStartIcon","Plus","fill","autocomplete","hasMoreItems","onOpenChange","noOptionsMessage","loadingMessage","onLoadMore","onTextValueChange","text","onInputChange","event","currentTarget","ComboboxOption","LinkIcon","Typography","ellipsis","DocumentStatus","RELATION_ITEM_HEIGHT","RELATION_GUTTER","RelationsList","ariaDescriptionId","useId","listRef","useRef","outerListRef","overflow","setOverflow","liveText","setLiveText","handleNativeScroll","e","el","parentScrollContainerHeight","parentNode","scrollHeight","maxScrollBottom","scrollTop","outerListRefCurrent","current","addEventListener","removeEventListener","getItemPos","index","handleMoveItem","newIndex","oldIndex","position","newData","currentRow","startKey","endKey","newKey","splice","reduce","acc","currentIndex","array","relationOnServer","oldRelation","relationInFront","start","before","publishedAt","end","relationWithPosition","toReversed","handleGrabItem","handleDropItem","_href","handleCancel","canReorder","dynamicListHeight","Math","min","itemData","ariaDescribedBy","canDrag","ShadowBox","$overflowDirection","VisuallyHidden","aria-live","FixedSizeList","outerRef","itemCount","itemSize","itemKey","innerElementType","ListItem","Box","RelationRow","theme","spaces","breakpoints","medium","style","isDesktop","useIsDesktop","originalLabel","originalStatus","getCollectionType","useDocument","handlerId","isDragging","handleKeyDown","relationRef","dropRef","dragRef","dragPreviewRef","useDragAndDrop","ItemTypes","RELATION","displayedValue","onMoveItem","onDropItem","onGrabItem","onCancel","dropSensitivity","DROP_SENSITIVITY","REGULAR","composedRefs","useComposedRefs","getEmptyImage","safeDocumentId","safeLocale","documentMeta","tag","aria-describedby","cursor","RelationItemPlaceholder","paddingTop","paddingBottom","paddingLeft","paddingRight","hasRadius","borderColor","background","data-handler-id","FlexWrapper","IconButton","role","tabIndex","withTooltip","variant","onKeyDown","Drag","minWidth","flex","size","Cross","DisconnectButton","button","colors","neutral600","neutral500","LinkEllipsis","Link","borderStyle","borderWidth","MemoizedRelationsField"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA;;;;AAIC,IACD,SAASA,mBAAAA,CAAoBC,SAAiB,EAAEC,YAAoB,EAAA;AAClE,IAAA,MAAMC,QAAQC,QAAAA,CAA6BH,SAAAA,CAAAA;AAC3C,IAAA,MAAMI,iBAAiBC,OAAAA,CAAQJ,YAAAA,EAAc,CAACK,KAAAA,GAAUA,MAAMF,cAAc,CAAA;AAC5E,IAAA,MAAMG,cAAcF,OAAAA,CAAQJ,YAAAA,EAAc,CAACK,KAAAA,GAAUA,MAAMC,WAAW,CAAA;AAEtE,IAAA,MAAMC,gBAAAA,GAAmBC,KAAAA,CAAMC,WAAW,CACxC,CAACC,QAAAA,GAAAA;AACC,QAAA,IAAIT,MAAMU,KAAK,IAAIV,MAAMU,KAAK,CAACC,OAAO,EAAE;AACtC;;;;AAIC,YACD,MAAMC,6BAAAA,GAAgCZ,KAAAA,CAAMU,KAAK,CAACC,OAAO,CAACE,SAAS,CACjE,CAACC,GAAAA,GAA4DA,GAAAA,CAAIC,EAAE,KAAKN,SAASM,EAAE,CAAA;AAGrF,YAAA,IAAIH,iCAAiC,CAAA,EAAG;AACtCV,gBAAAA,cAAAA,CAAe,CAAA,EAAGJ,SAAAA,CAAU,QAAQ,CAAC,EAAEc,6BAAAA,CAAAA;AACvC,gBAAA;AACF,YAAA;AACF,QAAA;AAEAP,QAAAA,WAAAA,CAAY,CAAA,EAAGP,SAAAA,CAAU,WAAW,CAAC,EAAE;AACrCiB,YAAAA,EAAAA,EAAIN,SAASM,EAAE;AACfC,YAAAA,MAAAA,EAAQP,SAASO,MAAM;YACvBC,OAAAA,EAAS;AACPF,gBAAAA,EAAAA,EAAIN,SAASM,EAAE;AACfG,gBAAAA,UAAAA,EAAYT,SAASS,UAAU;AAC/BC,gBAAAA,MAAAA,EAAQV,SAASU;AACnB;AACF,SAAA,CAAA;IACF,CAAA,EACA;AAACd,QAAAA,WAAAA;AAAaL,QAAAA,KAAAA,CAAMU,KAAK;AAAEZ,QAAAA,SAAAA;AAAWI,QAAAA;AAAe,KAAA,CAAA;IAGvD,OAAOI,gBAAAA;AACT;AAEA;;AAEkG,qGAElG,MAAMc,oBAAAA,GAAuB,CAAA;AAC7B,MAAMC,iBAAAA,GAAoB;AAAC,IAAA,QAAA;AAAU,IAAA,UAAA;AAAY,IAAA,WAAA;AAAa,IAAA,gBAAA;AAAkB,IAAA;AAAgB,CAAA;AAChG,MAAMC,yBAA2C,EAAE;AAmCnD;;;;;;;;;;;AAaC,IACD,MAAMC,cAAAA,iBAAiBhB,KAAAA,CAAMiB,UAAU,CACrC,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGC,OAAO,EAAEC,GAAAA,GAAAA;AAC9B,IAAA,MAAM,EAAEC,eAAe,EAAEC,mBAAmB,EAAE,GAAGC,kBAAAA,CAAmB,gBAAA,CAAA;AAEpE,IAAA,MAAM,CAACC,WAAAA,EAAaC,cAAAA,CAAe,GAAG1B,KAAAA,CAAM2B,QAAQ,CAAC,CAAA,CAAA;;IAGrD,MAAMhB,UAAAA,GAAaW,eAAAA,CAAgBM,QAAQ,EAAEjB,UAAAA;IAE7C,MAAM,EAAEkB,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAE1B,MAAMC,OAAAA,GAAUX,MAAMY,SAAS,CAAC9B,QAAQ,CAAC+B,WAAW,EAAA,CAAGC,QAAQ,CAAC,OAAA,CAAA;AAChE,IAAA,MAAMC,aAAaJ,OAAAA,IAAWb,QAAAA;;AAE9B,IAAA,MAAMkB,WAAAA,GAAchB,KAAAA,CAAMY,SAAS,CAACI,WAAW;AAE/C,IAAA,MAAMC,cAAcC,YAAAA,CAAa,gBAAA,EAAkB,CAACzC,KAAAA,GAAUA,MAAMW,EAAE,CAAA;AACtE,IAAA,MAAM+B,eAAeD,YAAAA,CAAa,gBAAA,EAAkB,CAACzC,KAAAA,GAAUA,MAAM2C,GAAG,CAAA;AAExE,IAAA,MAAMC,eAAe7C,OAAAA,CAAQ,eAAA,EAAiB,CAACC,KAAAA,GAAUA,MAAM4C,YAAY,CAAA;AAE3EzC,IAAAA,KAAAA,CAAM0C,SAAS,CAAC,IAAA;QACdhB,cAAAA,CAAe,CAAA,CAAA;IACjB,CAAA,EAAG;AAACe,QAAAA;AAAa,KAAA,CAAA;AAEjB,IAAA,MAAME,YAAYJ,YAAAA,GAAejB,eAAAA,CAAgBsB,UAAU,CAACL,aAAa,GAAGM,SAAAA;AAE5E;;;;AAIC,QACD,MAAMC,KAAAA,GAAQP,YAAAA,IAAgBhB,mBAAAA,CAAoBuB,KAAK;IACvD,MAAMtC,EAAAA,GAAK+B,YAAAA,GAAeF,WAAAA,EAAaU,QAAAA,EAAAA,GAAapC,UAAAA;AAEpD;;;;;AAKC,QACD,MAAM,CAACqC,WAAAA,CAAY,GAAG5B,KAAAA,CAAM6B,IAAI,CAACC,KAAK,CAAC,GAAA,CAAA,CAAKC,KAAK,CAAC,EAAC,CAAA;IAEnD,MAAMC,gBAAAA,GAAmBT,SAAAA,GACpBA,SAAAA,CAAUU,UAAU,IAAI,EAAC,GACzB/B,eAAAA,CAAgBgC,MAAM,EAAED,UAAAA,IAAc,EAAC;AAE5C;;;;AAIC,QACD,MAAME,0BAAAA,GACJC,MAAAA,CAAOC,MAAM,CAACL,gBAAAA,CAAAA,CAAkBM,MAAM,CACpC,CAAC1B,SAAAA,GACCA,SAAAA,CAAU2B,IAAI,KAAK,UAAA,IACnB,QAAA,IAAY3B,SAAAA,IACZ,QAAA,IAAYZ,KAAAA,CAAMY,SAAS,IAC3BA,SAAAA,CAAU4B,MAAM,KAAKxC,KAAAA,CAAMY,SAAS,CAAC4B,MAAM,CAAA,CAC7CC,MAAM,GAAG,CAAA;IAEb,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAEC,UAAU,EAAE,GAAGC,oBAAAA,CACtC;AACEnB,QAAAA,KAAAA;AACAE,QAAAA,WAAAA;;AAEAxC,QAAAA,EAAAA;QACA0D,MAAAA,EAAQ;AACN,YAAA,GAAG3C,oBAAoB2C,MAAM;YAC7BC,QAAAA,EAAUtD,oBAAAA;YACVuD,IAAAA,EAAM3C;AACR;KACF,EACA;QACE4C,yBAAAA,EAA2B,IAAA;QAC3BC,IAAAA,EAAM,CAAC9D,MAAM,CAAC+C;AAChB,KAAA,CAAA;AAGF,IAAA,MAAMgB,cAAAA,GAAiB,IAAA;QACrB7C,cAAAA,CAAe,CAAC8C,OAASA,IAAAA,GAAO,CAAA,CAAA;AAClC,IAAA,CAAA;IAEA,MAAM/E,KAAAA,GAAQC,QAAAA,CAA6B0B,KAAAA,CAAM6B,IAAI,CAAA;IACrD,MAAMwB,qBAAAA,GAAwBhF,MAAMiF,QAAQ;IAC5C,MAAMC,UAAAA,GAAab,MAAMc,OAAAA,IAAW7D,sBAAAA;AAEpC,IAAA,MAAM8D,0BAA0Bd,SAAAA,IAAaC,UAAAA;AAE7C,IAAA,MAAMc,2BAA2BhB,IAAAA,EAAMiB,UAAAA,GAAajB,KAAKiB,UAAU,CAACC,KAAK,GAAG,CAAA;AAE5E;;;AAGC,QACD,MAAMC,kBAAAA,GACJ,CAACxF,KAAAA,CAAMU,KAAK,EAAEC,OAAAA,IAAW,EAAC,EAAGsD,MAAM,CACjC,CAACnD,GAAAA,GAAkBoE,UAAAA,CAAWrE,SAAS,CAAC,CAACJ,QAAAA,GAAaA,QAAAA,CAASM,EAAE,KAAKD,GAAAA,CAAIC,EAAE,CAAA,KAAM,EAAC,CAAA,CACnFqD,MAAM,IAAI,CAAA;AACd,IAAA,MAAMqB,qBAAAA,GAAwBzF,KAAAA,CAAMU,KAAK,EAAEgF,YAAYtB,MAAAA,IAAU,CAAA;IAEjE,MAAMuB,cAAAA,GAAiBN,2BAA2BG,kBAAAA,GAAqBC,qBAAAA;AAEvE;;;;AAIC,QACD,MAAMG,SAAAA,GAAYrF,KAAAA,CAAMsF,OAAO,CAAC,IAAA;AAC9B,QAAA,MAAMC,GAAAA,GAAM;AACV9F,YAAAA,KAAAA,EAAOA,MAAMU,KAAK;AAClBqF,YAAAA,IAAAA,EAAM,CAAC,GAAG,EAAEC,gBAAAA,CAAiB,CAAC,EAAErD,WAAAA,CAAAA,CAAa;AAC7CsD,YAAAA,SAAAA,EAAWtE,MAAMsE;AACnB,SAAA;AAEA;;UAGA,MAAMC,gBAAAA,GAAmBC,eAAAA,CAAgBL,GAAAA,CAAAA,CAAK;AAAIZ,YAAAA,GAAAA;AAAW,SAAA,CAAA;QAC7D,MAAMkB,mBAAAA,GAAsBC,mBAAmBP,GAAAA,CAAAA,CAAKI,gBAAAA,CAAAA;QACpD,MAAMI,eAAAA,GAAkBC,gBAAgBT,GAAAA,CAAAA,CAAKM,mBAAAA,CAAAA;AAE7C;;;AAGC,UACD,MAAMI,YAAAA,GAAe,CAACxG,KAAAA,CAAMU,KAAK,EAAEC,OAAAA,IAAW,EAAC,EAAG8F,GAAG,CAAC,CAAC3F,GAAAA,GAAAA;YACrD,MAAM4F,cAAAA,GAAiB5F,GAAAA,CAAIK,MAAM,GAAG,CAAC,uBAAuB,EAAEL,GAAAA,CAAIK,MAAM,CAAA,CAAE,GAAG,EAAA;YAC7E,IAAIL,GAAAA,CAAIiF,IAAI,EAAE,OAAOjF,GAAAA;YACrB,OAAO;AACL,gBAAA,GAAGA,GAAG;AACNY,gBAAAA,KAAAA,EAAOZ,IAAIY,KAAK,IAAIiF,gBAAAA,CAAiB7F,GAAAA,EAAKa,MAAMsE,SAAS,CAAA;AACzDF,gBAAAA,IAAAA,EAAM,CAAC,GAAG,EAAEC,gBAAAA,CAAiB,CAAC,EAAErD,WAAAA,CAAY,CAAC,EAAE7B,GAAAA,CAAII,UAAU,CAAA,EAAGwF,cAAAA,CAAAA;AAClE,aAAA;AACF,QAAA,CAAA,CAAA;AAEA;;;AAGC,UACD,OAAO;AAAIJ,YAAAA,GAAAA,eAAAA;AAAoBE,YAAAA,GAAAA;SAAa,CAACI,IAAI,CAAC,CAACC,CAAAA,EAAGC,CAAAA,GAAAA;AACpD,YAAA,IAAID,EAAEE,YAAY,GAAGD,EAAEC,YAAY,EAAE,OAAO,EAAC;AAC7C,YAAA,IAAIF,EAAEE,YAAY,GAAGD,CAAAA,CAAEC,YAAY,EAAE,OAAO,CAAA;YAC5C,OAAO,CAAA;AACT,QAAA,CAAA,CAAA;IACF,CAAA,EAAG;AAAC7B,QAAAA,UAAAA;AAAYlF,QAAAA,KAAAA,CAAMU,KAAK;AAAEiC,QAAAA,WAAAA;AAAahB,QAAAA,KAAAA,CAAMsE;AAAU,KAAA,CAAA;AAE1D,IAAA,MAAM3F,gBAAAA,GAAmBT,mBAAAA,CAAoB8B,KAAAA,CAAM6B,IAAI,EAAE,gBAAA,CAAA;AAEzD,IAAA,MAAMwD,aAAAA,GAAgBzG,KAAAA,CAAMC,WAAW,CACrC,CAACC,QAAAA,GAAAA;AACC,QAAA,MAAM,CAACwG,cAAAA,CAAe,GAAGrB,SAAAA,CAAUlC,KAAK,CAAC,EAAC,CAAA;AAC1C,QAAA,MAAMwD,IAAAA,GAAO;AACXnG,YAAAA,EAAAA,EAAIN,SAASM,EAAE;YACfE,OAAAA,EAAS;AACPF,gBAAAA,EAAAA,EAAIN,SAASM,EAAE;AACfG,gBAAAA,UAAAA,EAAYT,SAASS,UAAU;AAC/BC,gBAAAA,MAAAA,EAAQV,SAASU,MAAM;gBACvBgG,WAAAA,EAAa;AACf,aAAA;AACAnG,YAAAA,MAAAA,EAAQP,SAASO,MAAM;AACvB;;cAGA+F,YAAAA,EAAcK,qBAAqBH,cAAAA,EAAgBF,YAAAA,IAAgB,MAAM,IAAA,EAAM,CAAA,CAAE,CAAC,CAAA,CAAE;;AAEpF,YAAA,CAACpF,KAAAA,CAAMsE,SAAS,EAAEzC,IAAAA,IAAQ,YAAA,GAAe/C,QAAQ,CAACkB,KAAAA,CAAMsE,SAAS,EAAEzC,IAAAA,IAAQ,YAAA,CAAa;YACxF9B,KAAAA,EAAOiF,gBAAAA,CAAiBlG,QAAAA,EAAUkB,KAAAA,CAAMsE,SAAS,CAAA;YACjDF,IAAAA,EAAM,CAAC,GAAG,EAAEC,gBAAAA,CAAiB,CAAC,EAAErD,WAAAA,CAAY,CAAC,EAAElC,QAAAA,CAASS,UAAU,CAAC,CAAC,EAAET,QAAAA,CAASU,MAAM,GAAG,CAAC,sBAAsB,EAAEV,QAAAA,CAASU,MAAM,CAAA,CAAE,GAAG,EAAA,CAAA;AACvI,SAAA;AAEA,QAAA,IAAIE,kBAAkBoB,QAAQ,CAACd,MAAMY,SAAS,CAAC9B,QAAQ,CAAA,EAAG;;YAExDT,KAAAA,CAAMU,KAAK,EAAEC,OAAAA,EAAS0G,OAAAA,CAAQ/G,gBAAAA,CAAAA;AAC9BsF,YAAAA,SAAAA,CAAUyB,OAAO,CAAC/G,gBAAAA,CAAAA;AAElB0E,YAAAA,qBAAAA,CAAsB,GAAGrD,KAAAA,CAAM6B,IAAI,CAAC,QAAQ,CAAC,EAAE;AAAC0D,gBAAAA;AAAK,aAAA,CAAA;QACvD,CAAA,MAAO;AACLlC,YAAAA,qBAAAA,CAAsB,GAAGrD,KAAAA,CAAM6B,IAAI,CAAC,QAAQ,CAAC,EAAE;mBAAKxD,KAAAA,CAAMU,KAAK,EAAEC,OAAAA,IAAW,EAAE;AAAGuG,gBAAAA;AAAK,aAAA,CAAA;AACxF,QAAA;IACF,CAAA,EACA;AACElH,QAAAA,KAAAA;AACAM,QAAAA,gBAAAA;AACA0E,QAAAA,qBAAAA;QACArD,KAAAA,CAAMY,SAAS,CAAC9B,QAAQ;AACxBkB,QAAAA,KAAAA,CAAMsE,SAAS;AACftE,QAAAA,KAAAA,CAAM6B,IAAI;AACVoC,QAAAA,SAAAA;AACAjD,QAAAA;AACD,KAAA,CAAA;AAGH,IAAA,qBACE2E,IAAA,CAACC,IAAAA,EAAAA;QACC3F,GAAAA,EAAKA,GAAAA;QACL4F,SAAAA,EAAU,QAAA;QACVC,GAAAA,EAAK,CAAA;QACLC,cAAAA,EAAe,eAAA;QACfC,UAAAA,EAAW,SAAA;QACXC,IAAAA,EAAK,MAAA;;0BAELN,IAAA,CAACO,UAAAA,EAAAA;gBAAWL,SAAAA,EAAU,QAAA;gBAASG,UAAAA,EAAW,OAAA;gBAAQF,GAAAA,EAAK,CAAA;gBAAGK,KAAAA,EAAM,MAAA;;kCAC9DC,GAAA,CAACC,8BAAAA,EAAAA;wBACCvG,QAAAA,EAAUiB,UAAAA;;wBAEV3B,EAAAA,EAAIA,EAAAA;AACJW,wBAAAA,KAAAA,EAAO,CAAA,EAAGA,KAAAA,CAAM,CAAC,EAAEiE,cAAAA,GAAiB,CAAA,GAAI,CAAC,CAAC,EAAEA,cAAAA,CAAe,CAAC,CAAC,GAAG,EAAA,CAAA,CAAI;wBACpEtC,KAAAA,EAAOA,KAAAA;wBACP4B,QAAAA,EAAU+B,aAAAA;wBACVlD,0BAAAA,EAA4BA,0BAAAA;AAC3B,wBAAA,GAAGnC;;oBAEL0C,IAAAA,EAAMiB,UAAAA,IAAcjB,IAAAA,CAAKiB,UAAU,CAAC2C,SAAS,GAAG5D,IAAAA,CAAKiB,UAAU,CAACX,IAAI,iBACnEoD,GAAA,CAACG,UAAAA,EAAAA;wBACCzG,QAAAA,EAAU2D,uBAAAA;wBACV+C,OAAAA,EAASrD,cAAAA;wBACTsD,OAAAA,EAAShD,uBAAAA;AACTiD,wBAAAA,SAAAA,gBAAWN,GAAA,CAACO,cAAAA,EAAAA,EAAAA,CAAAA;;wBAEZC,MAAAA,EAAQ,CAAA;kCAEPnG,aAAAA,CAAc;AACbrB,4BAAAA,EAAAA,EAAIyH,cAAAA,CAAe,mBAAA,CAAA;4BACnBC,cAAAA,EAAgB;AAClB,yBAAA;AAEA,qBAAA,CAAA,GAAA;;;0BAENV,GAAA,CAACW,qBAAAA,EAAAA;gBACCrE,IAAAA,EAAMuB,SAAAA;gBACNV,UAAAA,EAAYA,UAAAA;gBACZzD,QAAAA,EAAUiB,UAAAA;AACVc,gBAAAA,IAAAA,EAAM7B,MAAM6B,IAAI;gBAChBc,SAAAA,EAAWc,uBAAAA;gBACXuD,YAAAA,EAAchH,KAAAA,CAAMY,SAAS,CAAC9B,QAAQ;gBACtCkC,WAAAA,EAAaA,WAAAA;AACbiG,gBAAAA,cAAAA,EAAgB9G,oBAAoB2C,MAAM;AAC1CwB,gBAAAA,SAAAA,EAAWtE,MAAMsE;;;;AAIzB,CAAA,CAAA;AAGF;;;AAGC,IACD,MAAM4B,UAAAA,GAAagB,MAAAA,CAAsBtB,IAAAA,CAAK,CAAC;;;;AAI/C,CAAC;AAWD;;;AAGC,IACD,MAAMpB,eAAAA,GACJ,CAAC,EAAEnG,KAAK,EAAyB,GACjC,CAAC4F,SAAAA,GAAAA;QACC,OAAOA,SAAAA,CAAU3B,MAAM,CAAC,CAACxD,QAAAA,GAAAA;YACvB,MAAMqI,kBAAAA,GAAqB9I,KAAAA,EAAOW,OAAAA,IAAW,EAAE;YAE/C,OAAOmI,kBAAAA,CAAmBjI,SAAS,CAAC,CAACC,GAAAA,GAAQA,GAAAA,CAAIC,EAAE,KAAKN,QAAAA,CAASM,EAAE,CAAA,KAAM,EAAC;AAC5E,QAAA,CAAA,CAAA;AACF,IAAA,CAAA;AAEF;;AAEC,IACD,MAAMsF,kBAAAA,GACJ,CAAC,EAAErG,KAAK,EAAyB,GACjC,CAAC4F,SAAAA,GACCA,SAAAA,CAAU3B,MAAM,CAAC,CAACxD,QAAAA,GAAAA;YAChB,MAAMsI,qBAAAA,GAAwB/I,KAAAA,EAAO0F,UAAAA,IAAc,EAAE;YAErD,OAAOqD,qBAAAA,CAAsBlI,SAAS,CAAC,CAACC,GAAAA,GAAQA,GAAAA,CAAIC,EAAE,KAAKN,QAAAA,CAASM,EAAE,CAAA,KAAM,EAAC;AAC/E,QAAA,CAAA,CAAA;AAEJ;;;AAGC,IACD,MAAMwF,eAAAA,GACJ,CAAC,EAAEN,SAAS,EAAEF,IAAI,EAAyB,GAC3C,CAACH,SAAAA,GACCA,SAAAA,CAAUa,GAAG,CAAC,CAAChG,QAAAA,GAAAA;YACb,OAAO;AACL,gBAAA,GAAGA,QAAQ;;gBAEX,CAACwF,SAAAA,EAAWzC,QAAQ,YAAA,GAAe/C,QAAQ,CAACwF,SAAAA,EAAWzC,QAAQ,YAAA,CAAa;AAC5E9B,gBAAAA,KAAAA,EAAOiF,iBAAiBlG,QAAAA,EAAUwF,SAAAA,CAAAA;AAClCF,gBAAAA,IAAAA,EAAM,GAAGA,IAAAA,CAAK,CAAC,EAAEtF,QAAAA,CAASS,UAAU,CAAC,CAAC,EAAET,SAASU,MAAM,GAAG,CAAC,sBAAsB,EAAEV,SAASU,MAAM,CAAA,CAAE,GAAG,EAAA,CAAA;AACzG,aAAA;AACF,QAAA,CAAA,CAAA;AAgBJ;;;AAGC,IACD,MAAM6H,cAAAA,GAAiB,CAAC,EACtBC,IAAI,EACJlI,EAAE,EACFsC,KAAK,EACL3B,KAAK,EACLwH,WAAW,EACX1F,IAAI,EACJyC,SAAS,EACTkD,WAAW,EACXC,QAAQ,EACRC,QAAQC,OAAO,EACf,YAAA,EAAcC,UAAU,EACxBtE,QAAQ,EACRnB,0BAA0B,EAC1B,GAAGnC,KAAAA,EACiB,GAAA;AACpB,IAAA,MAAM,CAAC6H,YAAAA,EAAcC,eAAAA,CAAgB,GAAGlJ,KAAAA,CAAM2B,QAAQ,CAAC;QACrDwH,EAAAA,EAAI,EAAA;QACJ/E,IAAAA,EAAM;AACR,KAAA,CAAA;IACA,MAAM,EAAEgF,kBAAkB,EAAE,GAAGC,eAAAA,EAAAA;AAC/B,IAAA,MAAM,EAAE9H,mBAAmB,EAAE,GAAGC,kBAAAA,CAAmB,gBAAA,CAAA;IACnD,MAAM,EAAEK,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B,IAAA,MAAMrC,QAAQC,QAAAA,CAA6BuD,IAAAA,CAAAA;;AAE3C,IAAA,MAAMb,WAAAA,GAAchB,KAAAA,CAAMY,SAAS,CAACI,WAAW;IAE/C,MAAMkH,qBAAAA,GAAwBC,YAAYN,YAAAA,EAAc,GAAA,CAAA;IACxD,MAAM,CAACO,kBAAkB,EAAE1F,IAAI,EAAEC,SAAS,EAAE,CAAC,GAAG0F,2BAAAA,EAAAA;AAEhD;;;;;MAMAzJ,KAAAA,CAAM0C,SAAS,CAAC,IAAA;AACd;;;;;QAMA,MAAM,CAACM,WAAAA,CAAY,GAAGC,IAAAA,CAAKC,KAAK,CAAC,GAAA,CAAA,CAAKC,KAAK,CAAC,EAAC,CAAA;;AAG7C,QAAA,IAAI,CAACI,0BAAAA,EAA4B;QAEjCiG,gBAAAA,CAAiB;AACf1G,YAAAA,KAAAA;AACAE,YAAAA,WAAAA;YACAkB,MAAAA,EAAQ;AACN,gBAAA,GAAG3C,oBAAoB2C,MAAM;AAC7B1D,gBAAAA,EAAAA,EAAIA,EAAAA,IAAM,EAAA;gBACV2D,QAAAA,EAAU,EAAA;AACVuF,gBAAAA,YAAAA,EAAcjK,KAAAA,CAAMU,KAAK,EAAEgF,UAAAA,EAAYe,GAAAA,CAAI,CAAC3F,GAAAA,GAAQA,GAAAA,CAAIC,EAAE,CAACuC,QAAQ,EAAA,CAAA,IAAO,EAAE;AAC5E4G,gBAAAA,SAAAA,EAAWlK,KAAAA,CAAMU,KAAK,EAAEC,OAAAA,EAAS8F,GAAAA,CAAI,CAAC3F,GAAAA,GAAQA,GAAAA,CAAIC,EAAE,CAACuC,QAAQ,EAAA,CAAA,IAAO,EAAE;AACtE,gBAAA,GAAGuG;AACL;AACF,SAAA,CAAA;IACF,CAAA,EAAG;AACD7J,QAAAA,KAAAA,CAAMU,KAAK,EAAEC,OAAAA;AACbX,QAAAA,KAAAA,CAAMU,KAAK,EAAEgF,UAAAA;AACb3E,QAAAA,EAAAA;AACAsC,QAAAA,KAAAA;AACAG,QAAAA,IAAAA;AACAuG,QAAAA,gBAAAA;AACAF,QAAAA,qBAAAA;AACA/F,QAAAA,0BAAAA;AACAhC,QAAAA,mBAAAA,CAAoB2C;AACrB,KAAA,CAAA;AAED,IAAA,MAAM0F,WAAAA,GAAc9F,IAAAA,EAAMiB,UAAAA,GAAajB,IAAAA,CAAKiB,UAAU,CAACX,IAAI,GAAGN,IAAAA,CAAKiB,UAAU,CAAC2C,SAAS,GAAG,KAAA;AAE1F,IAAA,MAAMmC,YAAAA,GAAe7J,KAAAA,CAAMC,WAAW,CACpC,CAAC6J,UAAAA,GAAAA;AACC,QAAA,IAAI,CAACA,UAAAA,EAAY;AACf,YAAA;AACF,QAAA;QAEA,MAAMC,OAAAA,GAAUjG,IAAAA,EAAMc,OAAAA,IAAW,EAAE;QACnC,MAAM1E,QAAAA,GAAW6J,OAAAA,CAAQC,IAAI,CAAC,CAACC,MAAQA,GAAAA,CAAIzJ,EAAE,CAACuC,QAAQ,EAAA,KAAO+G,UAAAA,CAAAA;AAE7D,QAAA,IAAI,CAAC5J,QAAAA,EAAU;;AAEbgK,YAAAA,OAAAA,CAAQC,KAAK,CACX,mJAAA,CAAA;YAGFf,kBAAAA,CAAmB;AACjBgB,gBAAAA,OAAAA,EAASvI,aAAAA,CAAc;AACrBrB,oBAAAA,EAAAA,EAAIyH,cAAAA,CAAe,gCAAA,CAAA;oBACnBC,cAAAA,EAAgB;AAClB,iBAAA,CAAA;gBACAvE,IAAAA,EAAM;AACR,aAAA,CAAA;AAEA,YAAA;AACF,QAAA;AAEA;;;;;;AAMC,UACDe,QAAAA,CAASxE,QAAAA,CAAAA;IACX,CAAA,EACA;AAAC4D,QAAAA,IAAAA;AAAMjC,QAAAA,aAAAA;AAAe6C,QAAAA,QAAAA;AAAU0E,QAAAA;AAAmB,KAAA,CAAA;AAGrD,IAAA,MAAMlJ,QAAAA,GAAWF,KAAAA,CAAMsF,OAAO,CAC5B,KACG;YACC+E,cAAAA,EAAgB5E,gBAAAA;YAChB3C,KAAAA,EAAOV,WAAAA;YACPzB,UAAAA,EAAY,EAAA;AACZuD,YAAAA,MAAAA,EAAQ3C,oBAAoB2C;AAC9B,SAAA,CAAA,EACF;AAAC3C,QAAAA,mBAAAA,CAAoB2C,MAAM;AAAE9B,QAAAA;AAAY,KAAA,CAAA;AAG3C,IAAA,MAAM,EACJkI,WAAAA,GAAc,EAAE,EAChBvG,SAAAA,EAAWwG,oBAAoB,EAC/BJ,KAAK,EACN,GAAGK,QACFC,WAAAA,CAAYvE,GAAG,CAAC,CAACwE,UAAY;AAC3BA,YAAAA,MAAAA;AACAC,YAAAA,OAAAA,EAASzK,SAAS4C;SACpB,CAAA,CAAA,CAAA;AAGF,IAAA,IAAIqH,KAAAA,EAAO;AACT,QAAA,qBACE3C,GAAA,CAACR,IAAAA,EAAAA;YAAKI,UAAAA,EAAW,QAAA;YAASwD,MAAAA,EAAO,MAAA;YAAOzD,cAAAA,EAAe,QAAA;AACrD,YAAA,QAAA,gBAAAK,GAAA,CAACqD,gBAAAA,EAAAA;AACCC,gBAAAA,IAAAA,gBAAMtD,GAAA,CAACuD,aAAAA,EAAAA;oBAAcxD,KAAAA,EAAM;;AAC3ByD,gBAAAA,OAAAA,EAASnJ,aAAAA,CAAc;oBACrBrB,EAAAA,EAAI,iBAAA;oBACJ0H,cAAAA,EAAgB;AAClB,iBAAA;;;AAIR,IAAA;IAEA,qBACEnB,IAAA,CAACkE,MAAMC,IAAI,EAAA;AAACf,QAAAA,KAAAA,EAAO1K,MAAM0K,KAAK;QAAEzB,IAAAA,EAAMA,IAAAA;QAAMzF,IAAAA,EAAMA,IAAAA;QAAM4F,QAAAA,EAAUA,QAAAA;;AAChE,0BAAArB,GAAA,CAACyD,MAAME,KAAK,EAAA;gBAACT,MAAAA,EAAQ/B,WAAAA;AAAcxH,gBAAAA,QAAAA,EAAAA;;0BACnCqG,GAAA,CAAC4D,YAAAA,EAAAA;gBAAad,WAAAA,EAAaA,WAAAA;AAAaxH,gBAAAA,KAAAA,EAAO5C,SAAS4C,KAAK;AAC3D,gBAAA,QAAA,gBAAA0E,GAAA,CAAC6D,gCAAAA,EAAAA;oBACCnL,QAAAA,EAAUA,QAAAA;oBACV+C,IAAAA,EAAMA,IAAAA;oBACN2F,WAAAA,EAAaA,WAAAA;oBACbgB,WAAAA,EAAaA,WAAAA;oBACbW,oBAAAA,EAAsBA,oBAAAA;oBACtBe,wBAAAA,EAA0BvH,SAAAA;oBAC1B8F,YAAAA,EAAcA,YAAAA;oBACdX,eAAAA,EAAiBA,eAAAA;oBACjBpF,IAAAA,EAAMA,IAAAA;oBACN4B,SAAAA,EAAWA,SAAAA;AACX6F,oBAAAA,UAAAA,EAAY9L,MAAMU,KAAK;AACtB,oBAAA,GAAGiB;;;AAGR,0BAAAoG,GAAA,CAACyD,MAAMO,KAAK,EAAA,EAAA,CAAA;AACZ,0BAAAhE,GAAA,CAACyD,MAAMQ,IAAI,EAAA,EAAA;;;AAGjB,CAAA;AAEA,MAAMhE,8BAAAA,iBAAiCzH,KAAAA,CAAM0L,IAAI,CAACjD,cAAAA,CAAAA;AAmBlD,MAAMkD,wBAAAA,GAA2B,CAAC,EAChCzL,QAAQ,EACR+C,IAAI,EACJ2F,WAAW,EACXgB,WAAW,EACX0B,wBAAwB,EACxBf,oBAAoB,EACpBV,YAAY,EACZnE,SAAS,EACTwD,eAAe,EACfqC,UAAU,EACVzH,IAAI,EACJ,GAAG1C,KAAAA,EAC2B,GAAA;AAC9B,IAAA,MAAM,CAACwK,SAAAA,EAAWC,YAAAA,CAAa,GAAG7L,KAAAA,CAAM2B,QAAQ,CAAqB,EAAA,CAAA;IACrE,MAAM,EAAEE,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMgK,YAAYC,eAAAA,CAAgB,sBAAA,EAAwB,CAAClM,KAAAA,GAAUA,MAAMiM,SAAS,CAAA;AACpF,IAAA,MAAME,WAAWC,kBAAAA,CAAqChJ,IAAAA,CAAAA;AACtD,IAAA,MAAMV,eAAeD,YAAAA,CAAa,gBAAA,EAAkB,CAACzC,KAAAA,GAAUA,MAAM2C,GAAG,CAAA;AACxE,IAAA,MAAM0J,sBAAsBtM,OAAAA,CAAQ,sBAAA,EAAwB,CAACC,KAAAA,GAAUA,MAAMsM,SAAS,CAAA;AACtF,IAAA,MAAMC,sCAAAA,GAAyC,IAAA;QAC7C,OAAOC,KAAAA,CAAMH,uBAAuBjJ,IAAAA,EAAMsI,UAAAA,CAAAA;AAC5C,IAAA,CAAA;AAEA,IAAA,MAAMhH,cAAAA,GAAiB,IAAA;AACrB,QAAA,IAAI,CAACT,IAAAA,IAAQ,CAACA,IAAAA,CAAKiB,UAAU,EAAE;AAC7B,YAAA;QACF,CAAA,MAAO,IAAIjB,IAAAA,CAAKiB,UAAU,CAACX,IAAI,GAAGN,IAAAA,CAAKiB,UAAU,CAAC2C,SAAS,EAAE;YAC3DwB,eAAAA,CAAgB,CAACoD,KAAO;AAAE,oBAAA,GAAGA,CAAC;oBAAElI,IAAAA,EAAMkI,CAAAA,CAAElI,IAAI,GAAG;iBAAE,CAAA,CAAA;AACnD,QAAA;AACF,IAAA,CAAA;IAEA,MAAM2F,OAAAA,GAAUjG,IAAAA,EAAMc,OAAAA,IAAW,EAAE;AAEnC5E,IAAAA,KAAAA,CAAMuM,eAAe,CAAC,IAAA;QACpBV,YAAAA,CAAa,EAAA,CAAA;IACf,CAAA,EAAG;AAACN,QAAAA;AAAW,KAAA,CAAA;AAEf,IAAA,MAAMiB,eAAe,OAAOC,MAAAA,GAAAA;QAC1BvD,eAAAA,CAAgB,CAACoD,KAAO;AAAE,gBAAA,GAAGA,CAAC;gBAAEnD,EAAAA,EAAIsD,MAAAA;gBAAQrI,IAAAA,EAAM;aAAE,CAAA,CAAA;AACtD,IAAA,CAAA;AACA,IAAA,qBACEoD,GAAA,CAACkF,qBAAAA,EAAAA;AACE,QAAA,QAAA,EAAA,CAAC,EAAEC,QAAQ,EAAE,iBACZnF,GAAA,CAACoF,QAAAA,EAAAA;gBACCvL,GAAAA,EAAK2K,QAAAA;gBACLa,SAAAA,EAAU,SAAA;AACVC,gBAAAA,iBAAAA,EAAmB,CAAChB,SAAAA;AACpBiB,gBAAAA,aAAAA,EAAe,IACblL,aAAAA,CAAc;AACZrB,wBAAAA,EAAAA,EAAIyH,cAAAA,CAAe,iBAAA,CAAA;wBACnBC,cAAAA,EAAgB;AAClB,qBAAA,CAAA;gBAEF8E,cAAAA,EAAgB,IAAA;AACd,oBAAA,IAAIlB,SAAAA,EAAW;wBACba,QAAAA,CAAS;4BACPhJ,IAAAA,EAAM,gBAAA;4BACNsJ,OAAAA,EAAS;gCACPrL,QAAAA,EAAU1B,QAAAA;gCACVgN,wBAAAA,EAA0B,KAAA;gCAC1BC,cAAAA,EAAgBlK,IAAAA;gCAChBmK,iBAAAA,EAAmB7K,YAAAA;gCACnB2J,mBAAAA,EAAqBE;AACvB;AACF,yBAAA,CAAA;AACF,oBAAA;AACF,gBAAA,CAAA;AACAiB,gBAAAA,kBAAAA,gBAAoB7F,GAAA,CAAC8F,IAAAA,EAAAA;oBAAKC,IAAAA,EAAK;;gBAC/BtK,IAAAA,EAAMA,IAAAA;gBACNuK,YAAAA,EAAc;oBAAE7J,IAAAA,EAAM,MAAA;oBAAQD,MAAAA,EAAQ;AAAW,iBAAA;AACjDkF,gBAAAA,WAAAA,EACEA,eACA/G,aAAAA,CAAc;AACZrB,oBAAAA,EAAAA,EAAIyH,cAAAA,CAAe,cAAA,CAAA;oBACnBC,cAAAA,EAAgB;AAClB,iBAAA,CAAA;gBAEFuF,YAAAA,EAAc7D,WAAAA;AACd/B,gBAAAA,OAAAA,EAASyD,wBAAAA,IAA4Bf,oBAAAA;gBACrCmD,YAAAA,EAAc,IAAA;AACZlB,oBAAAA,YAAAA,CAAaZ,SAAAA,IAAa,EAAA,CAAA;AAC5B,gBAAA,CAAA;AACA+B,gBAAAA,gBAAAA,EAAkB,IAChB9L,aAAAA,CAAc;AACZrB,wBAAAA,EAAAA,EAAIyH,cAAAA,CAAe,uBAAA,CAAA;wBACnBC,cAAAA,EAAgB;AAClB,qBAAA,CAAA;AAEF0F,gBAAAA,cAAAA,EAAgB/L,aAAAA,CAAc;AAC5BrB,oBAAAA,EAAAA,EAAIyH,cAAAA,CAAe,oBAAA,CAAA;oBACnBC,cAAAA,EAAgB;AAClB,iBAAA,CAAA;gBACA2F,UAAAA,EAAYtJ,cAAAA;gBACZqH,SAAAA,EAAWA,SAAAA;gBACXlH,QAAAA,EAAUmF,YAAAA;AACViE,gBAAAA,iBAAAA,EAAmB,CAACC,IAAAA,GAAAA;oBAClBlC,YAAAA,CAAakC,IAAAA,CAAAA;AACf,gBAAA,CAAA;AACAC,gBAAAA,aAAAA,EAAe,CAACC,KAAAA,GAAAA;oBACdzB,YAAAA,CAAayB,KAAAA,CAAMC,aAAa,CAAC/N,KAAK,CAAA;AACxC,gBAAA,CAAA;AACC,gBAAA,GAAGiB,KAAK;AAER2I,gBAAAA,QAAAA,EAAAA,OAAAA,EAAS7D,IAAI,CAAC+D,GAAAA,GAAAA;oBACb,MAAM2B,SAAAA,GAAYxF,iBAAiB6D,GAAAA,EAAKvE,SAAAA,CAAAA;AAExC,oBAAA,qBACE8B,GAAA,CAAC2G,cAAAA,EAAAA;wBAA4BhO,KAAAA,EAAO8J,GAAAA,CAAIzJ,EAAE,CAACuC,QAAQ,EAAA;wBAAI6I,SAAAA,EAAWA,SAAAA;AAChE,wBAAA,QAAA,gBAAA7E,IAAA,CAACC,IAAAA,EAAAA;4BAAKE,GAAAA,EAAK,CAAA;4BAAGC,cAAAA,EAAe,eAAA;;8CAC3BJ,IAAA,CAACC,IAAAA,EAAAA;oCAAKE,GAAAA,EAAK,CAAA;;sDACTM,GAAA,CAAC4G,IAAAA,EAAAA;4CAASb,IAAAA,EAAK;;sDACf/F,GAAA,CAAC6G,UAAAA,EAAAA;4CAAWC,QAAQ,EAAA,IAAA;AAAE1C,4CAAAA,QAAAA,EAAAA;;;;gCAEvB3B,GAAAA,CAAIxJ,MAAM,iBAAG+G,GAAA,CAAC+G,cAAAA,EAAAA;AAAe9N,oCAAAA,MAAAA,EAAQwJ,IAAIxJ;AAAa,iCAAA,CAAA,GAAA;;;AANtCwJ,qBAAAA,EAAAA,GAAAA,CAAIzJ,EAAE,CAAA;AAU/B,gBAAA,CAAA;;;AAKV,CAAA;AAEA,MAAM6K,gCAAAA,iBAAmCrL,KAAAA,CAAM0L,IAAI,CAACC,wBAAAA,CAAAA;AAEpD;;AAEkG,qGAClG,MAAM6C,oBAAAA,GAAuB,EAAA;AAC7B,MAAMC,eAAAA,GAAkB,CAAA;AAexB,MAAMC,aAAAA,GAAgB,CAAC,EACrB5K,IAAI,EACJa,UAAU,EACVzD,QAAQ,EACR+B,IAAI,EACJc,SAAS,EACTqE,YAAY,EACZhG,WAAW,EACXiG,cAAc,EACd3C,SAAS,EACU,GAAA;IACnB,MAAMiJ,iBAAAA,GAAoB3O,MAAM4O,KAAK,EAAA;IACrC,MAAM,EAAE/M,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAM+M,OAAAA,GAAU7O,KAAAA,CAAM8O,MAAM,CAAgB,IAAA,CAAA;IAC5C,MAAMC,YAAAA,GAAe/O,KAAAA,CAAM8O,MAAM,CAAmB,IAAA,CAAA;AACpD,IAAA,MAAM,CAACE,QAAAA,EAAUC,WAAAA,CAAY,GAAGjP,MAAM2B,QAAQ,EAAA;AAC9C,IAAA,MAAM,CAACuN,QAAAA,EAAUC,WAAAA,CAAY,GAAGnP,KAAAA,CAAM2B,QAAQ,CAAC,EAAA,CAAA;AAC/C,IAAA,MAAMlC,QAAQC,QAAAA,CAA6BuD,IAAAA,CAAAA;IAC3C,MAAMwB,qBAAAA,GAAwBhF,MAAMiF,QAAQ;AAE5C1E,IAAAA,KAAAA,CAAM0C,SAAS,CAAC,IAAA;QACd,IAAIoB,IAAAA,CAAKD,MAAM,IAAIhD,oBAAAA,EAAsB;AACvC,YAAA,OAAOoO,WAAAA,CAAYpM,SAAAA,CAAAA;AACrB,QAAA;AAEA,QAAA,MAAMuM,qBAAqB,CAACC,CAAAA,GAAAA;YAC1B,MAAMC,EAAAA,GAAKD,EAAEzL,MAAM;AACnB,YAAA,MAAM2L,2BAAAA,GAA+BD,EAAAA,CAAGE,UAAU,CAAoBC,YAAY;AAClF,YAAA,MAAMC,eAAAA,GAAkBJ,EAAAA,CAAGG,YAAY,GAAGH,GAAGK,SAAS;YAEtD,IAAIL,EAAAA,CAAGK,SAAS,KAAK,CAAA,EAAG;AACtB,gBAAA,OAAOV,WAAAA,CAAY,QAAA,CAAA;AACrB,YAAA;AAEA,YAAA,IAAIS,oBAAoBH,2BAAAA,EAA6B;AACnD,gBAAA,OAAON,WAAAA,CAAY,KAAA,CAAA;AACrB,YAAA;AAEA,YAAA,OAAOA,WAAAA,CAAY,YAAA,CAAA;AACrB,QAAA,CAAA;AAEA,QAAA,MAAMW,sBAAsBb,YAAAA,EAAcc,OAAAA;AAE1C,QAAA,IAAI,CAAC9L,SAAAA,IAAaD,IAAAA,CAAKD,MAAM,GAAG,KAAK+L,mBAAAA,EAAqB;AACxDb,YAAAA,YAAAA,CAAac,OAAO,CAACC,gBAAgB,CAAC,QAAA,EAAUV,kBAAAA,CAAAA;AAClD,QAAA;QAEA,OAAO,IAAA;AACL,YAAA,IAAIQ,mBAAAA,EAAqB;gBACvBA,mBAAAA,CAAoBG,mBAAmB,CAAC,QAAA,EAAUX,kBAAAA,CAAAA;AACpD,YAAA;AACF,QAAA,CAAA;IACF,CAAA,EAAG;AAACrL,QAAAA,SAAAA;AAAWD,QAAAA,IAAAA,CAAKD;AAAO,KAAA,CAAA;AAE3B,IAAA,MAAMmM,UAAAA,GAAahQ,KAAAA,CAAMC,WAAW,CAClC,CAACgQ,KAAAA,GAAkB,CAAA,EAAGA,KAAAA,GAAQ,CAAA,CAAE,IAAI,EAAEnM,IAAAA,CAAKD,MAAM,EAAE,EACnD;AAACC,QAAAA,IAAAA,CAAKD;AAAO,KAAA,CAAA;AAGf,IAAA,MAAMqM,cAAAA,GAAiBlQ,KAAAA,CAAMC,WAAW,CACtC,CAACkQ,QAAAA,EAAUC,QAAAA,GAAAA;QACT,MAAMzJ,IAAAA,GAAO7C,IAAI,CAACsM,QAAAA,CAAS;AAE3BjB,QAAAA,WAAAA,CACEtN,aAAAA,CACE;AACErB,YAAAA,EAAAA,EAAIyH,cAAAA,CAAe,aAAA,CAAA;YACnBC,cAAAA,EAAgB;SAClB,EACA;AACEvB,YAAAA,IAAAA,EAAMA,IAAAA,CAAKxF,KAAK,IAAIwF,IAAAA,CAAKhG,UAAU;AACnC0P,YAAAA,QAAAA,EAAUL,UAAAA,CAAWG,QAAAA;AACvB,SAAA,CAAA,CAAA;AAIJ;;AAEC,UACD,MAAMG,OAAAA,GAAU;AAAIxM,YAAAA,GAAAA;AAAK,SAAA;QACzB,MAAMyM,UAAAA,GAAazM,IAAI,CAACsM,QAAAA,CAAS;AAEjC,QAAA,MAAMI,QAAAA,GACJJ,QAAAA,GAAWD,QAAAA,GAAWG,OAAO,CAACH,QAAAA,GAAW,CAAA,CAAE,EAAE3J,YAAAA,GAAe8J,OAAO,CAACH,QAAAA,CAAS,EAAE3J,YAAAA;AACjF,QAAA,MAAMiK,MAAAA,GACJL,QAAAA,GAAWD,QAAAA,GAAWG,OAAO,CAACH,QAAAA,CAAS,EAAE3J,YAAAA,GAAe8J,OAAO,CAACH,QAAAA,GAAW,CAAA,CAAE,EAAE3J,YAAAA;AAEjF;;;AAGC,UACD,MAAM,CAACkK,MAAAA,CAAO,GAAG7J,oBAAAA,CAAqB2J,UAAUC,MAAAA,EAAQ,CAAA,CAAA;QAExDH,OAAAA,CAAQK,MAAM,CAACP,QAAAA,EAAU,CAAA,CAAA;QACzBE,OAAAA,CAAQK,MAAM,CAACR,QAAAA,EAAU,CAAA,EAAG;AAAE,YAAA,GAAGI,UAAU;YAAE/J,YAAAA,EAAckK;AAAO,SAAA,CAAA;AAElE;;;;UAKA,MAAMnI,qBAAqB+H,OAAAA,CACxBM,MAAM,CAAa,CAACC,GAAAA,EAAK3Q,UAAU4Q,YAAAA,EAAcC,KAAAA,GAAAA;YAChD,MAAMC,gBAAAA,GAAmBrM,UAAAA,CAAWqF,IAAI,CAAC,CAACiH,cAAgBA,WAAAA,CAAYzQ,EAAE,KAAKN,QAAAA,CAASM,EAAE,CAAA;AAExF,YAAA,MAAM0Q,eAAAA,GAAkBH,KAAK,CAACD,YAAAA,GAAe,CAAA,CAAE;AAE/C,YAAA,IAAI,CAACE,gBAAAA,IAAoBA,gBAAAA,CAAiBxK,YAAY,KAAKtG,QAAAA,CAASsG,YAAY,EAAE;gBAChF,MAAM6J,QAAAA,GACJS,iBAAiB,CAAA,GACb;oBAAEK,KAAAA,EAAO;AAAK,iBAAA,GACdD,eAAAA,GACE;AACEE,oBAAAA,MAAAA,EAAQF,eAAAA,CAAgBvQ,UAAU,IAAIuQ,eAAAA,CAAgBxQ,OAAO,EAAEC,UAAAA;AAC/DC,oBAAAA,MAAAA,EAAQsQ,gBAAgBtQ,MAAM;AAC9BH,oBAAAA,MAAAA,EACE,aAAA,IAAiByQ,eAAAA,IAAmBA,eAAAA,CAAgBG,WAAW,GAC1D,WAAA,GACA;iBACT,GACA;oBAAEC,GAAAA,EAAK;AAAK,iBAAA;AAEpB,gBAAA,MAAMC,oBAAAA,GAAiC;AACrC,oBAAA,GAAGrR,QAAQ;oBACXQ,OAAAA,EAAS;AACPF,wBAAAA,EAAAA,EAAIN,SAASM,EAAE;AACfG,wBAAAA,UAAAA,EAAYT,SAASS,UAAU,IAAIT,QAAAA,CAASQ,OAAO,EAAEC,UAAAA,IAAc,EAAA;AACnEC,wBAAAA,MAAAA,EAAQV,QAAAA,CAASU,MAAM,IAAIV,QAAAA,CAASQ,OAAO,EAAEE,MAAAA;wBAC7CgG,WAAAA,EAAa1G,QAAAA,CAASQ,OAAO,EAAEkG,WAAAA;AAC/ByJ,wBAAAA;AACF;AACF,iBAAA;gBAEA,OAAO;AAAIQ,oBAAAA,GAAAA,GAAAA;AAAKU,oBAAAA;AAAqB,iBAAA;AACvC,YAAA;YAEA,OAAOV,GAAAA;QACT,CAAA,EAAG,EAAE,EACJW,UAAU,EAAA;AAEb/M,QAAAA,qBAAAA,CAAsB,CAAA,EAAGxB,IAAAA,CAAK,QAAQ,CAAC,EAAEsF,kBAAAA,CAAAA;IAC3C,CAAA,EACA;AAACzE,QAAAA,IAAAA;AAAMa,QAAAA,UAAAA;AAAY1B,QAAAA,IAAAA;AAAMpB,QAAAA,aAAAA;AAAemO,QAAAA,UAAAA;AAAYvL,QAAAA;AAAsB,KAAA,CAAA;AAG5E,IAAA,MAAMgN,cAAAA,GAAiBzR,KAAAA,CAAMC,WAAW,CACtC,CAACgQ,KAAAA,GAAAA;QACC,MAAMtJ,IAAAA,GAAO7C,IAAI,CAACmM,KAAAA,CAAM;AAExBd,QAAAA,WAAAA,CACEtN,aAAAA,CACE;AACErB,YAAAA,EAAAA,EAAIyH,cAAAA,CAAe,eAAA,CAAA;YACnBC,cAAAA,EAAgB,CAAC,sIAAsI;SACzJ,EACA;AACEvB,YAAAA,IAAAA,EAAMA,IAAAA,CAAKxF,KAAK,IAAIwF,IAAAA,CAAKhG,UAAU;AACnC0P,YAAAA,QAAAA,EAAUL,UAAAA,CAAWC,KAAAA;AACvB,SAAA,CAAA,CAAA;IAGN,CAAA,EACA;AAACnM,QAAAA,IAAAA;AAAMjC,QAAAA,aAAAA;AAAemO,QAAAA;AAAW,KAAA,CAAA;AAGnC,IAAA,MAAM0B,cAAAA,GAAiB1R,KAAAA,CAAMC,WAAW,CACtC,CAACgQ,KAAAA,GAAAA;QACC,MAAM,EAAEzK,IAAAA,EAAMmM,KAAK,EAAExQ,KAAK,EAAE,GAAGwF,IAAAA,EAAM,GAAG7C,IAAI,CAACmM,KAAAA,CAAM;AAEnDd,QAAAA,WAAAA,CACEtN,aAAAA,CACE;AACErB,YAAAA,EAAAA,EAAIyH,cAAAA,CAAe,eAAA,CAAA;YACnBC,cAAAA,EAAgB,CAAC,oDAAoD;SACvE,EACA;YACEvB,IAAAA,EAAMxF,KAAAA,IAASwF,KAAKhG,UAAU;AAC9B0P,YAAAA,QAAAA,EAAUL,UAAAA,CAAWC,KAAAA;AACvB,SAAA,CAAA,CAAA;IAGN,CAAA,EACA;AAACnM,QAAAA,IAAAA;AAAMjC,QAAAA,aAAAA;AAAemO,QAAAA;AAAW,KAAA,CAAA;AAGnC,IAAA,MAAM4B,YAAAA,GAAe5R,KAAAA,CAAMC,WAAW,CACpC,CAACgQ,KAAAA,GAAAA;QACC,MAAMtJ,IAAAA,GAAO7C,IAAI,CAACmM,KAAAA,CAAM;AAExBd,QAAAA,WAAAA,CACEtN,aAAAA,CACE;AACErB,YAAAA,EAAAA,EAAIyH,cAAAA,CAAe,iBAAA,CAAA;YACnBC,cAAAA,EAAgB;SAClB,EACA;AACEvB,YAAAA,IAAAA,EAAMA,IAAAA,CAAKxF,KAAK,IAAIwF,IAAAA,CAAKhG;AAC3B,SAAA,CAAA,CAAA;IAGN,CAAA,EACA;AAACmD,QAAAA,IAAAA;AAAMjC,QAAAA;AAAc,KAAA,CAAA;IAGvB,MAAM9B,gBAAAA,GAAmBT,oBAAoB2D,IAAAA,EAAM,eAAA,CAAA;AAEnD;;;AAGC,MACD,MAAM4O,UAAAA,GAAa,CAAC/Q,iBAAAA,CAAkBoB,QAAQ,CAACkG,YAAAA,CAAAA;IAE/C,MAAM0J,iBAAAA,GACJhO,IAAAA,CAAKD,MAAM,GAAGhD,oBAAAA,GACVkR,IAAAA,CAAKC,GAAG,CAAClO,IAAAA,CAAKD,MAAM,EAAEhD,oBAAAA,CAAAA,IAAyB2N,oBAAAA,GAAuBC,eAAc,CAAA,GACpFD,oBAAAA,GAAuB,CAAA,GACvBuD,IAAAA,CAAKC,GAAG,CAAClO,IAAAA,CAAKD,MAAM,EAAEhD,oBAAAA,CAAAA,IAAyB2N,oBAAAA,GAAuBC,eAAc,CAAA;AAE1F,IAAA,MAAMwD,QAAAA,GAAWjS,KAAAA,CAAMsF,OAAO,CAC5B,KAAO;YACL4M,eAAAA,EAAiBvD,iBAAAA;YACjBwD,OAAAA,EAASN,UAAAA;AACT3Q,YAAAA,QAAAA;AACAmH,YAAAA,cAAAA;AACAuJ,YAAAA,YAAAA;AACAF,YAAAA,cAAAA;AACAD,YAAAA,cAAAA;AACAvB,YAAAA,cAAAA;AACAjN,YAAAA,IAAAA;AACAlD,YAAAA,gBAAAA;YACAsF,SAAAA,EAAWvB,IAAAA;AACX1B,YAAAA,WAAAA;AACAsD,YAAAA;AACF,SAAA,CAAA,EACA;AACEiJ,QAAAA,iBAAAA;AACAkD,QAAAA,UAAAA;AACA3Q,QAAAA,QAAAA;AACAmH,QAAAA,cAAAA;AACAuJ,QAAAA,YAAAA;AACA7R,QAAAA,gBAAAA;AACA2R,QAAAA,cAAAA;AACAD,QAAAA,cAAAA;AACAvB,QAAAA,cAAAA;AACAjN,QAAAA,IAAAA;AACAa,QAAAA,IAAAA;AACA1B,QAAAA,WAAAA;AACAsD,QAAAA;AACD,KAAA,CAAA;AAGH,IAAA,qBACEqB,IAAA,CAACqL,SAAAA,EAAAA;QAAUC,kBAAAA,EAAoBrD,QAAAA;;0BAC7BxH,GAAA,CAAC8K,cAAAA,EAAAA;gBAAe9R,EAAAA,EAAImO,iBAAAA;0BACjB9M,aAAAA,CAAc;AACbrB,oBAAAA,EAAAA,EAAIyH,cAAAA,CAAe,kBAAA,CAAA;oBACnBC,cAAAA,EAAgB,CAAC,mCAAmC;AACtD,iBAAA;;0BAEFV,GAAA,CAAC8K,cAAAA,EAAAA;gBAAeC,WAAAA,EAAU,WAAA;AAAarD,gBAAAA,QAAAA,EAAAA;;0BAEvC1H,GAAA,CAACgL,aAAAA,EAAAA;gBACC5H,MAAAA,EAAQkH,iBAAAA;gBACRzQ,GAAAA,EAAKwN,OAAAA;gBACL4D,QAAAA,EAAU1D,YAAAA;AACV2D,gBAAAA,SAAAA,EAAW5O,KAAKD,MAAM;AACtB8O,gBAAAA,QAAAA,EAAUnE,oBAAAA,GAAuBC,eAAAA;gBACjCwD,QAAAA,EAAUA,QAAAA;AACVW,gBAAAA,OAAAA,EAAS,CAAC3C,KAAAA,GAAUnM,IAAI,CAACmM,KAAAA,CAAM,CAACzP,EAAE;gBAClCqS,gBAAAA,EAAiB,IAAA;AAEhBC,gBAAAA,QAAAA,EAAAA;;;;AAIT,CAAA;AAEA,MAAM3K,qBAAAA,iBAAwBnI,KAAAA,CAAM0L,IAAI,CAACgD,aAAAA,CAAAA;AAEzC,MAAM0D,SAAAA,GAAY9J,MAAAA,CAAqByK,GAAAA,CAErC,CAAC;;;;;;;;;;;;;;;;;;aAkBU,EAAE,CAAC,EAAEV,kBAAkB,EAAE,GAChCA,uBAAuB,YAAA,IAAgBA,kBAAAA,KAAuB,KAAA,GAAQ,CAAA,GAAI,CAAA,CAAE;;;;;;;;;aASrE,EAAE,CAAC,EAAEA,kBAAkB,EAAE,GAChCA,uBAAuB,YAAA,IAAgBA,kBAAAA,KAAuB,QAAA,GAAW,CAAA,GAAI,CAAA,CAAE;;;AAGrF,CAAC;AAwBD,MAAMW,WAAAA,GAAc1K,MAAAA,CAAsBtB,IAAAA,CAAK,CAAC;oBAC5B,EAAE,CAAC,EAAEiM,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;uBAC9B,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;;EAEtD,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAME,WAAW,CAACC,MAAM,CAAC;iBAC3B,EAAE,CAAC,EAAEH,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;oBAC9B,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;;AAErD,CAAC;AAED,MAAMJ,QAAAA,iBAAW9S,KAAAA,CAAM0L,IAAI,CAAC,CAAC,EAAE5H,IAAI,EAAEmM,KAAK,EAAEoD,KAAK,EAAiB,GAAA;AAChE,IAAA,MAAM,EACJnB,eAAe,EACfC,OAAAA,GAAU,KAAK,EACfjR,QAAAA,GAAW,KAAK,EAChB0Q,YAAY,EACZ7R,gBAAgB,EAChB2R,cAAc,EACdD,cAAc,EACdvB,cAAc,EACdjN,IAAI,EACJoC,SAAS,EACTjD,WAAW,EACXiG,cAAc,EACd3C,SAAS,EACV,GAAG5B,IAAAA;AACJ,IAAA,MAAMwP,SAAAA,GAAYC,YAAAA,EAAAA;IAElB,MAAM,EAAE1R,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAE1B,MAAM,EACJ0D,IAAI,EACJhF,EAAE,EACFW,KAAAA,EAAOqS,aAAa,EACpB/S,MAAAA,EAAQgT,cAAc,EACtB9S,UAAU,EACVD,OAAO,EACPE,MAAM,EACP,GAAGyE,SAAS,CAAC4K,KAAAA,CAAM;AAEpB;;;;MAKA,MAAM5F,iBAAiBqJ,iBAAAA,CAAkBlO,IAAAA,CAAAA;IACzC,MAAMoB,WAAAA,GAAclG,SAASkG,WAAAA,IAAe,KAAA;AAC5C,IAAA,MAAM,EAAEhF,QAAQ,EAAE,GAAG+R,WAAAA,CACnB;AACEtJ,QAAAA,cAAAA;QACAvH,KAAAA,EAAOV,WAAAA;AACPzB,QAAAA,UAAAA,EAAYA,cAAcD,OAAAA,EAASC,UAAAA;QACnCuD,MAAAA,EAAQmE;KACV,EACA;AAAE/D,QAAAA,IAAAA,EAAM,CAACsC;AAAY,KAAA,CAAA;AAEvB,IAAA,MAAMzF,KAAAA,GAAQyF,WAAAA,IAAehF,QAAAA,GAAWwE,gBAAAA,CAAiBxE,UAAU8D,SAAAA,CAAAA,GAAa8N,aAAAA;AAChF,IAAA,MAAM/S,MAAAA,GAASmG,WAAAA,IAAehF,QAAAA,GAAWA,QAAAA,EAAUnB,MAAAA,GAASgT,cAAAA;AAE5D,IAAA,MAAM,CAAC,EAAEG,SAAS,EAAEC,UAAU,EAAEC,aAAa,EAAE,EAAEC,WAAAA,EAAaC,SAASC,OAAAA,EAASC,cAAAA,CAAe,GAC7FC,cAAAA,CACEhC,OAAAA,IAAW,CAACjR,QAAAA,EACZ;AACEyC,QAAAA,IAAAA,EAAM,GAAGyQ,SAAAA,CAAUC,QAAQ,CAAC,CAAC,EAAEpR,IAAAA,CAAAA,CAAM;AACrCgN,QAAAA,KAAAA;QACAtJ,IAAAA,EAAM;YACJ2N,cAAAA,EAAgBnT,KAAAA;AAChBV,YAAAA,MAAAA;YACAD,EAAAA,EAAIA,EAAAA;AACJyP,YAAAA;AACF,SAAA;QACAsE,UAAAA,EAAYrE,cAAAA;QACZsE,UAAAA,EAAY9C,cAAAA;QACZ+C,UAAAA,EAAYhD,cAAAA;QACZiD,QAAAA,EAAU9C,YAAAA;AACV+C,QAAAA,eAAAA,EAAiBC,iBAAiBC;AACpC,KAAA,CAAA;IAGJ,MAAMC,YAAAA,GAAeC,gBAAgChB,WAAAA,EAAaE,OAAAA,CAAAA;AAElEjU,IAAAA,KAAAA,CAAM0C,SAAS,CAAC,IAAA;QACdwR,cAAAA,CAAec,aAAAA,EAAAA,CAAAA;IACjB,CAAA,EAAG;AAACd,QAAAA;AAAe,KAAA,CAAA;IAEnB,MAAMe,cAAAA,GAAiBtU,cAAcD,OAAAA,EAASC,UAAAA;IAC9C,MAAMuU,UAAAA,GAAatU,MAAAA,IAAUF,OAAAA,EAASE,MAAAA,IAAU,IAAA;AAChD,IAAA,MAAMuU,YAAAA,GAAenV,KAAAA,CAAMsF,OAAO,CAChC,KACG;YACC3E,UAAAA,EAAYsU,cAAAA;YACZnS,KAAAA,EAAOV,WAAAA;AACPiI,YAAAA,cAAAA,EAAgBqJ,iBAAAA,CAAkBlO,IAAAA,CAAAA;YAClCtB,MAAAA,EAAQ;gBACNtD,MAAAA,EAAQsU;AACV;AACF,SAAA,CAAA,EACF;AAACD,QAAAA,cAAAA;AAAgBzP,QAAAA,IAAAA;AAAM0P,QAAAA,UAAAA;AAAY9S,QAAAA;AAAY,KAAA,CAAA;AAGjD,IAAA,qBACEoF,GAAA,CAACuL,GAAAA,EAAAA;QACCM,KAAAA,EAAOA,KAAAA;QACP+B,GAAAA,EAAI,IAAA;QACJ/T,GAAAA,EAAK2S,OAAAA;QACLqB,kBAAAA,EAAkBnD,eAAAA;AAClBoD,QAAAA,MAAAA,EAAQnD,UAAU,YAAA,GAAe,SAAA;kBAEhC0B,UAAAA,iBACCrM,GAAA,CAAC+N,6CAEDxO,IAAA,CAACiM,WAAAA,EAAAA;YACCwC,UAAAA,EAAY,CAAA;YACZC,aAAAA,EAAe,CAAA;AACfC,YAAAA,WAAAA,EAAavD,UAAU,CAAA,GAAI,CAAA;YAC3BwD,YAAAA,EAAc,CAAA;YACdC,SAAS,EAAA,IAAA;YACTC,WAAAA,EAAY,YAAA;AACZC,YAAAA,UAAAA,EAAY5U,WAAW,YAAA,GAAe,UAAA;YACtCiG,cAAAA,EAAe,eAAA;YACf9F,GAAAA,EAAKyT,YAAAA;YACLiB,iBAAAA,EAAiBnC,SAAAA;;8BAEjB7M,IAAA,CAACiP,WAAAA,EAAAA;oBAAY9O,GAAAA,EAAK,CAAA;;AACfiL,wBAAAA,OAAAA,IAAWmB,0BACV9L,GAAA,CAACyO,UAAAA,EAAAA;4BACCb,GAAAA,EAAI,KAAA;4BACJc,IAAAA,EAAK,QAAA;4BACLC,QAAAA,EAAU,CAAA;4BACVC,WAAAA,EAAa,KAAA;AACbjV,4BAAAA,KAAAA,EAAOU,aAAAA,CAAc;AACnBrB,gCAAAA,EAAAA,EAAIyH,cAAAA,CAAe,iDAAA,CAAA;gCACnBC,cAAAA,EAAgB;AAClB,6BAAA,CAAA;4BACAmO,OAAAA,EAAQ,OAAA;4BACRC,SAAAA,EAAWxC,aAAAA;4BACX5S,QAAAA,EAAUA,QAAAA;AAEV,4BAAA,QAAA,gBAAAsG,GAAA,CAAC+O,IAAAA,EAAAA,EAAAA;AAED,yBAAA,CAAA,GAAA,IAAA;sCACJxP,IAAA,CAACC,IAAAA,EAAAA;4BAAKO,KAAAA,EAAM,MAAA;4BAAOiP,QAAAA,EAAU,CAAA;4BAAGtP,GAAAA,EAAK,CAAA;4BAAGC,cAAAA,EAAe,eAAA;;8CACrDK,GAAA,CAACuL,GAAAA,EAAAA;oCAAI0D,IAAAA,EAAM,CAAA;oCAAGD,QAAAA,EAAU,CAAA;oCAAGhB,UAAAA,EAAY,CAAA;oCAAGC,aAAAA,EAAe,CAAA;AACvD,oCAAA,QAAA,gBAAAjO,GAAA,CAACkF,qBAAAA,EAAAA;wCAAsBxM,QAAAA,EAAUiV,YAAAA;AAAehU,wCAAAA,QAAAA,EAAAA;;;AAEjDV,gCAAAA,MAAAA,iBAAS+G,GAAA,CAAC+G,cAAAA,EAAAA;oCAAe9N,MAAAA,EAAQA;AAAa,iCAAA,CAAA,GAAA;;;;;8BAGnD+G,GAAA,CAACuL,GAAAA,EAAAA;oBAAI2C,WAAAA,EAAa,CAAA;AAChB,oBAAA,QAAA,gBAAAlO,GAAA,CAACyO,UAAAA,EAAAA;AACCrO,wBAAAA,OAAAA,EAAS,IAAM7H,gBAAAA,CAAiBsF,SAAS,CAAC4K,KAAAA,CAAM,CAAA;wBAChD/O,QAAAA,EAAUA,QAAAA;AACVC,wBAAAA,KAAAA,EAAOU,aAAAA,CAAc;AACnBrB,4BAAAA,EAAAA,EAAIyH,cAAAA,CAAe,qBAAA,CAAA;4BACnBC,cAAAA,EAAgB;AAClB,yBAAA,CAAA;wBACAmO,OAAAA,EAAQ,OAAA;wBACRK,IAAAA,EAAK,GAAA;AAEL,wBAAA,QAAA,gBAAAlP,GAAA,CAACmP,KAAAA,EAAAA,EAAAA;;;;;;AAOf,CAAA,CAAA;AAEA,MAAMX,WAAAA,GAAc1N,MAAAA,CAAsBtB,IAAAA,CAAK,CAAC;;;;;;;;AAQhD;AAEA,MAAM4P,gBAAAA,GAAmBtO,MAAAA,CAAOuO,MAAM,CAAC;;AAE7B,UAAA,EAAE,CAAC,EAAE5D,KAAK,EAAE/R,QAAQ,EAAE,GAC1BA,QAAAA,GAAW+R,KAAAA,CAAM6D,MAAM,CAACC,UAAU,GAAG9D,MAAM6D,MAAM,CAACE,UAAU,CAAC;;;;;AAKzD,UAAA,EAAE,CAAC,EAAE/D,KAAK,EAAE/R,QAAQ,EAAE,GAAK,CAACA,QAAAA,IAAY+R,KAAAA,CAAM6D,MAAM,CAACC,UAAU,CAAC;;AAE1E;AAEA,MAAME,YAAAA,GAAe3O,MAAAA,CAAO4O,MAAAA,CAAK,CAAC;;;;;;;;;AASlC;AAEA,MAAM3B,uBAAAA,GAA0B,kBAC9B/N,GAAA,CAACuL,GAAAA,EAAAA;QACCyC,UAAAA,EAAY,CAAA;QACZC,aAAAA,EAAe,CAAA;QACfC,WAAAA,EAAa,CAAA;QACbC,YAAAA,EAAc,CAAA;QACdC,SAAS,EAAA,IAAA;QACTuB,WAAAA,EAAY,QAAA;QACZtB,WAAAA,EAAY,YAAA;QACZuB,WAAAA,EAAY,KAAA;QACZtB,UAAAA,EAAW,YAAA;AACXlL,QAAAA,MAAAA,EAAQ,CAAC,YAAY,EAAE6D,eAAAA,CAAgB,GAAG;;AAI9C,MAAM4I,sBAAAA,iBAAyBrX,KAAAA,CAAM0L,IAAI,CAAC1K,cAAAA;;;;"}

package/dist/admin/pages/EditView/components/FormInputs/UID.js

@@ -0,0 +1,299 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var Icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var styledComponents = require('styled-components');
+var useDebounce = require('../../../../hooks/useDebounce.js');
+var useDocumentContext = require('../../../../hooks/useDocumentContext.js');
+var router = require('../../../../router.js');
+var uid = require('../../../../services/uid.js');
+var api = require('../../../../utils/api.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+/* -------------------------------------------------------------------------------------------------
+ * InputUID
+ * -----------------------------------------------------------------------------------------------*/ const UID_REGEX = /^[A-Za-z0-9-_.~]*$/;
+const UIDInput = /*#__PURE__*/ React__namespace.forwardRef(({ hint, label, labelAction, name, required, attribute = {}, ...props }, ref)=>{
+    const { currentDocumentMeta } = useDocumentContext.useDocumentContext('UIDInput');
+    const allFormValues = strapiAdmin.useForm('InputUID', (form)=>form.values);
+    const [availability, setAvailability] = React__namespace.useState();
+    const [showRegenerate, setShowRegenerate] = React__namespace.useState(false);
+    const isCloning = reactRouterDom.useMatch(router.CLONE_PATH) !== null;
+    const field = strapiAdmin.useField(name);
+    const debouncedValue = useDebounce.useDebounce(field.value, 300);
+    const hasChanged = debouncedValue !== field.initialValue;
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler();
+    const { formatMessage } = reactIntl.useIntl();
+    const [{ query }] = strapiAdmin.useQueryParams();
+    const params = React__namespace.useMemo(()=>api.buildValidParams(query), [
+        query
+    ]);
+    const { regex } = attribute;
+    const validationRegExp = regex ? new RegExp(regex) : UID_REGEX;
+    const trimmedDebouncedValue = debouncedValue?.trim() ?? '';
+    const { data: defaultGeneratedUID, isLoading: isGeneratingDefaultUID, error: apiError } = uid.useGetDefaultUIDQuery({
+        contentTypeUID: currentDocumentMeta.model,
+        field: name,
+        data: {
+            id: currentDocumentMeta.documentId ?? '',
+            ...allFormValues
+        },
+        params
+    }, {
+        skip: field.value !== undefined && field.value !== '' || !required
+    });
+    React__namespace.useEffect(()=>{
+        if (apiError) {
+            toggleNotification({
+                type: 'warning',
+                message: formatAPIError(apiError)
+            });
+        }
+    }, [
+        apiError,
+        formatAPIError,
+        toggleNotification
+    ]);
+    /**
+     * If the defaultGeneratedUID is available, then we set it as the value,
+     * but we also want to set it as the initialValue too.
+     */ React__namespace.useEffect(()=>{
+        if (defaultGeneratedUID && field.value === undefined) {
+            field.onChange(name, defaultGeneratedUID);
+        }
+    }, [
+        defaultGeneratedUID,
+        field,
+        name
+    ]);
+    const [generateUID, { isLoading: isGeneratingUID }] = uid.useGenerateUIDMutation();
+    const handleRegenerateClick = async ()=>{
+        try {
+            const res = await generateUID({
+                contentTypeUID: currentDocumentMeta.model,
+                field: name,
+                data: {
+                    id: currentDocumentMeta.documentId ?? '',
+                    ...allFormValues
+                },
+                params
+            });
+            if ('data' in res) {
+                field.onChange(name, res.data);
+            } else {
+                toggleNotification({
+                    type: 'danger',
+                    message: formatAPIError(res.error)
+                });
+            }
+        } catch  {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error',
+                    defaultMessage: 'An error occurred.'
+                })
+            });
+        }
+    };
+    const { data: availabilityData, isLoading: isCheckingAvailability, error: availabilityError } = uid.useGetAvailabilityQuery({
+        contentTypeUID: currentDocumentMeta.model,
+        field: name,
+        value: trimmedDebouncedValue,
+        params
+    }, {
+        // Don't check availability if the value is empty or wasn't changed
+        skip: !((hasChanged || isCloning) && trimmedDebouncedValue !== '' && validationRegExp.test(trimmedDebouncedValue))
+    });
+    React__namespace.useEffect(()=>{
+        if (availabilityError) {
+            toggleNotification({
+                type: 'warning',
+                message: formatAPIError(availabilityError)
+            });
+        }
+    }, [
+        availabilityError,
+        formatAPIError,
+        toggleNotification
+    ]);
+    React__namespace.useEffect(()=>{
+        /**
+       * always store the data in state because that way as seen below
+       * we can then remove the data to stop showing the label.
+       */ setAvailability(availabilityData);
+        let timer;
+        if (availabilityData?.isAvailable) {
+            timer = window.setTimeout(()=>{
+                setAvailability(undefined);
+            }, 4000);
+        }
+        return ()=>{
+            if (timer) {
+                clearTimeout(timer);
+            }
+        };
+    }, [
+        availabilityData
+    ]);
+    const isLoading = isGeneratingDefaultUID || isGeneratingUID || isCheckingAvailability;
+    const fieldRef = strapiAdmin.useFocusInputField(name);
+    const composedRefs = designSystem.useComposedRefs(ref, fieldRef);
+    const shouldShowAvailability = (hasChanged || isCloning) && trimmedDebouncedValue !== '' && availability && !showRegenerate;
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+        hint: hint,
+        name: name,
+        error: field.error,
+        required: required,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                action: labelAction,
+                children: label
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.TextInput, {
+                ref: composedRefs,
+                disabled: props.disabled,
+                endAction: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                    position: "relative",
+                    gap: 1,
+                    children: [
+                        shouldShowAvailability && /*#__PURE__*/ jsxRuntime.jsxs(TextValidation, {
+                            alignItems: "center",
+                            gap: 1,
+                            justifyContent: "flex-end",
+                            $available: !!availability?.isAvailable,
+                            "data-not-here-outer": true,
+                            position: "absolute",
+                            pointerEvents: "none",
+                            right: 6,
+                            width: "100px",
+                            children: [
+                                availability?.isAvailable ? /*#__PURE__*/ jsxRuntime.jsx(Icons.CheckCircle, {}) : /*#__PURE__*/ jsxRuntime.jsx(Icons.WarningCircle, {}),
+                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                    textColor: availability.isAvailable ? 'success600' : 'danger600',
+                                    variant: "pi",
+                                    children: formatMessage(availability.isAvailable ? {
+                                        id: 'content-manager.components.uid.available',
+                                        defaultMessage: 'Available'
+                                    } : {
+                                        id: 'content-manager.components.uid.unavailable',
+                                        defaultMessage: 'Unavailable'
+                                    })
+                                })
+                            ]
+                        }),
+                        !props.disabled && /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                            children: [
+                                showRegenerate && /*#__PURE__*/ jsxRuntime.jsx(TextValidation, {
+                                    alignItems: "center",
+                                    justifyContent: "flex-end",
+                                    gap: 1,
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                        textColor: "primary600",
+                                        variant: "pi",
+                                        children: formatMessage({
+                                            id: 'content-manager.components.uid.regenerate',
+                                            defaultMessage: 'Regenerate'
+                                        })
+                                    })
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsx(FieldActionWrapper, {
+                                    onClick: handleRegenerateClick,
+                                    label: formatMessage({
+                                        id: 'content-manager.components.uid.regenerate',
+                                        defaultMessage: 'Regenerate'
+                                    }),
+                                    onMouseEnter: ()=>setShowRegenerate(true),
+                                    onMouseLeave: ()=>setShowRegenerate(false),
+                                    children: isLoading ? /*#__PURE__*/ jsxRuntime.jsx(LoadingWrapper, {
+                                        "data-testid": "loading-wrapper",
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(Icons.Loader, {})
+                                    }) : /*#__PURE__*/ jsxRuntime.jsx(Icons.ArrowClockwise, {})
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                onChange: field.onChange,
+                value: field.value ?? '',
+                ...props,
+                type: "text"
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Error, {}),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Hint, {})
+        ]
+    });
+});
+/* -------------------------------------------------------------------------------------------------
+ * FieldActionWrapper
+ * -----------------------------------------------------------------------------------------------*/ const FieldActionWrapper = styledComponents.styled(designSystem.Field.Action)`
+  width: 1.6rem;
+
+  svg {
+    height: 1.6rem;
+    width: 1.6rem;
+    path {
+      fill: ${({ theme })=>theme.colors.neutral400};
+    }
+  }
+
+  svg:hover {
+    path {
+      fill: ${({ theme })=>theme.colors.primary600};
+    }
+  }
+`;
+/* -------------------------------------------------------------------------------------------------
+ * TextValidation
+ * -----------------------------------------------------------------------------------------------*/ const TextValidation = styledComponents.styled(designSystem.Flex)`
+  svg {
+    height: 1.2rem;
+    width: 1.2rem;
+
+    path {
+      fill: ${({ theme, $available })=>$available ? theme.colors.success600 : theme.colors.danger600};
+    }
+  }
+`;
+/* -------------------------------------------------------------------------------------------------
+ * LoadingWrapper
+ * -----------------------------------------------------------------------------------------------*/ const rotation = styledComponents.keyframes`
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
+`;
+const LoadingWrapper = styledComponents.styled(designSystem.Flex)`
+  animation: ${rotation} 2s infinite linear;
+`;
+const MemoizedUIDInput = /*#__PURE__*/ React__namespace.memo(UIDInput);
+
+exports.UIDInput = MemoizedUIDInput;
+//# sourceMappingURL=UID.js.map

package/dist/admin/pages/EditView/components/FormInputs/UID.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UID.js","sources":["../../../../../../admin/src/pages/EditView/components/FormInputs/UID.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport {\r\n  type InputProps,\r\n  useField,\r\n  useForm,\r\n  useNotification,\r\n  useAPIErrorHandler,\r\n  useQueryParams,\r\n  useFocusInputField,\r\n} from '@strapi/admin/strapi-admin';\r\nimport {\r\n  Field,\r\n  Flex,\r\n  FlexComponent,\r\n  TextInput,\r\n  Typography,\r\n  useComposedRefs,\r\n} from '@strapi/design-system';\r\nimport { CheckCircle, WarningCircle, Loader, ArrowClockwise } from '@strapi/icons';\r\nimport { useIntl } from 'react-intl';\r\nimport { useMatch } from 'react-router-dom';\r\nimport { styled, keyframes } from 'styled-components';\r\n\r\nimport { useDebounce } from '../../../../hooks/useDebounce';\r\nimport { useDocumentContext } from '../../../../hooks/useDocumentContext';\r\nimport { CLONE_PATH } from '../../../../router';\r\nimport {\r\n  useGenerateUIDMutation,\r\n  useGetAvailabilityQuery,\r\n  useGetDefaultUIDQuery,\r\n} from '../../../../services/uid';\r\nimport { buildValidParams } from '../../../../utils/api';\r\n\r\nimport type { CheckUIDAvailability } from '../../../../../../shared/contracts/uid';\r\nimport type { Schema } from '@strapi/types';\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * InputUID\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst UID_REGEX = /^[A-Za-z0-9-_.~]*$/;\r\n\r\ninterface UIDInputProps extends Omit<InputProps, 'type'> {\r\n  attribute?: Pick<Schema.Attribute.UIDProperties, 'regex'>;\r\n  type: Schema.Attribute.TypeOf<Schema.Attribute.UID>;\r\n}\r\n\r\nconst UIDInput = React.forwardRef<HTMLInputElement, UIDInputProps>(\r\n  ({ hint, label, labelAction, name, required, attribute = {}, ...props }, ref) => {\r\n    const { currentDocumentMeta } = useDocumentContext('UIDInput');\r\n    const allFormValues = useForm('InputUID', (form) => form.values);\r\n    const [availability, setAvailability] = React.useState<CheckUIDAvailability.Response>();\r\n    const [showRegenerate, setShowRegenerate] = React.useState(false);\r\n    const isCloning = useMatch(CLONE_PATH) !== null;\r\n    const field = useField<string>(name);\r\n    const debouncedValue = useDebounce(field.value, 300);\r\n    const hasChanged = debouncedValue !== field.initialValue;\r\n    const { toggleNotification } = useNotification();\r\n    const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\r\n    const { formatMessage } = useIntl();\r\n    const [{ query }] = useQueryParams();\r\n    const params = React.useMemo(() => buildValidParams(query), [query]);\r\n\r\n    const { regex } = attribute;\r\n    const validationRegExp = regex ? new RegExp(regex) : UID_REGEX;\r\n    const trimmedDebouncedValue = debouncedValue?.trim() ?? '';\r\n\r\n    const {\r\n      data: defaultGeneratedUID,\r\n      isLoading: isGeneratingDefaultUID,\r\n      error: apiError,\r\n    } = useGetDefaultUIDQuery(\r\n      {\r\n        contentTypeUID: currentDocumentMeta.model,\r\n        field: name,\r\n        data: {\r\n          id: currentDocumentMeta.documentId ?? '',\r\n          ...allFormValues,\r\n        },\r\n        params,\r\n      },\r\n      {\r\n        skip: (field.value !== undefined && field.value !== '') || !required,\r\n      }\r\n    );\r\n\r\n    React.useEffect(() => {\r\n      if (apiError) {\r\n        toggleNotification({\r\n          type: 'warning',\r\n          message: formatAPIError(apiError),\r\n        });\r\n      }\r\n    }, [apiError, formatAPIError, toggleNotification]);\r\n\r\n    /**\r\n     * If the defaultGeneratedUID is available, then we set it as the value,\r\n     * but we also want to set it as the initialValue too.\r\n     */\r\n    React.useEffect(() => {\r\n      if (defaultGeneratedUID && field.value === undefined) {\r\n        field.onChange(name, defaultGeneratedUID);\r\n      }\r\n    }, [defaultGeneratedUID, field, name]);\r\n\r\n    const [generateUID, { isLoading: isGeneratingUID }] = useGenerateUIDMutation();\r\n\r\n    const handleRegenerateClick = async () => {\r\n      try {\r\n        const res = await generateUID({\r\n          contentTypeUID: currentDocumentMeta.model,\r\n          field: name,\r\n          data: { id: currentDocumentMeta.documentId ?? '', ...allFormValues },\r\n          params,\r\n        });\r\n\r\n        if ('data' in res) {\r\n          field.onChange(name, res.data);\r\n        } else {\r\n          toggleNotification({\r\n            type: 'danger',\r\n            message: formatAPIError(res.error),\r\n          });\r\n        }\r\n      } catch {\r\n        toggleNotification({\r\n          type: 'danger',\r\n          message: formatMessage({\r\n            id: 'notification.error',\r\n            defaultMessage: 'An error occurred.',\r\n          }),\r\n        });\r\n      }\r\n    };\r\n\r\n    const {\r\n      data: availabilityData,\r\n      isLoading: isCheckingAvailability,\r\n      error: availabilityError,\r\n    } = useGetAvailabilityQuery(\r\n      {\r\n        contentTypeUID: currentDocumentMeta.model,\r\n        field: name,\r\n        value: trimmedDebouncedValue,\r\n        params,\r\n      },\r\n      {\r\n        // Don't check availability if the value is empty or wasn't changed\r\n        skip: !(\r\n          (hasChanged || isCloning) &&\r\n          trimmedDebouncedValue !== '' &&\r\n          validationRegExp.test(trimmedDebouncedValue)\r\n        ),\r\n      }\r\n    );\r\n\r\n    React.useEffect(() => {\r\n      if (availabilityError) {\r\n        toggleNotification({\r\n          type: 'warning',\r\n          message: formatAPIError(availabilityError),\r\n        });\r\n      }\r\n    }, [availabilityError, formatAPIError, toggleNotification]);\r\n\r\n    React.useEffect(() => {\r\n      /**\r\n       * always store the data in state because that way as seen below\r\n       * we can then remove the data to stop showing the label.\r\n       */\r\n      setAvailability(availabilityData);\r\n\r\n      let timer: number;\r\n\r\n      if (availabilityData?.isAvailable) {\r\n        timer = window.setTimeout(() => {\r\n          setAvailability(undefined);\r\n        }, 4000);\r\n      }\r\n\r\n      return () => {\r\n        if (timer) {\r\n          clearTimeout(timer);\r\n        }\r\n      };\r\n    }, [availabilityData]);\r\n\r\n    const isLoading = isGeneratingDefaultUID || isGeneratingUID || isCheckingAvailability;\r\n\r\n    const fieldRef = useFocusInputField<HTMLInputElement>(name);\r\n    const composedRefs = useComposedRefs(ref, fieldRef);\r\n\r\n    const shouldShowAvailability =\r\n      (hasChanged || isCloning) && trimmedDebouncedValue !== '' && availability && !showRegenerate;\r\n\r\n    return (\r\n      <Field.Root hint={hint} name={name} error={field.error} required={required}>\r\n        <Field.Label action={labelAction}>{label}</Field.Label>\r\n        <TextInput\r\n          ref={composedRefs}\r\n          disabled={props.disabled}\r\n          endAction={\r\n            <Flex position=\"relative\" gap={1}>\r\n              {shouldShowAvailability && (\r\n                <TextValidation\r\n                  alignItems=\"center\"\r\n                  gap={1}\r\n                  justifyContent=\"flex-end\"\r\n                  $available={!!availability?.isAvailable}\r\n                  data-not-here-outer\r\n                  position=\"absolute\"\r\n                  pointerEvents=\"none\"\r\n                  right={6}\r\n                  width=\"100px\"\r\n                >\r\n                  {availability?.isAvailable ? <CheckCircle /> : <WarningCircle />}\r\n\r\n                  <Typography\r\n                    textColor={availability.isAvailable ? 'success600' : 'danger600'}\r\n                    variant=\"pi\"\r\n                  >\r\n                    {formatMessage(\r\n                      availability.isAvailable\r\n                        ? {\r\n                            id: 'content-manager.components.uid.available',\r\n                            defaultMessage: 'Available',\r\n                          }\r\n                        : {\r\n                            id: 'content-manager.components.uid.unavailable',\r\n                            defaultMessage: 'Unavailable',\r\n                          }\r\n                    )}\r\n                  </Typography>\r\n                </TextValidation>\r\n              )}\r\n\r\n              {!props.disabled && (\r\n                <>\r\n                  {showRegenerate && (\r\n                    <TextValidation alignItems=\"center\" justifyContent=\"flex-end\" gap={1}>\r\n                      <Typography textColor=\"primary600\" variant=\"pi\">\r\n                        {formatMessage({\r\n                          id: 'content-manager.components.uid.regenerate',\r\n                          defaultMessage: 'Regenerate',\r\n                        })}\r\n                      </Typography>\r\n                    </TextValidation>\r\n                  )}\r\n\r\n                  <FieldActionWrapper\r\n                    onClick={handleRegenerateClick}\r\n                    label={formatMessage({\r\n                      id: 'content-manager.components.uid.regenerate',\r\n                      defaultMessage: 'Regenerate',\r\n                    })}\r\n                    onMouseEnter={() => setShowRegenerate(true)}\r\n                    onMouseLeave={() => setShowRegenerate(false)}\r\n                  >\r\n                    {isLoading ? (\r\n                      <LoadingWrapper data-testid=\"loading-wrapper\">\r\n                        <Loader />\r\n                      </LoadingWrapper>\r\n                    ) : (\r\n                      <ArrowClockwise />\r\n                    )}\r\n                  </FieldActionWrapper>\r\n                </>\r\n              )}\r\n            </Flex>\r\n          }\r\n          onChange={field.onChange}\r\n          value={field.value ?? ''}\r\n          {...props}\r\n          type=\"text\"\r\n        />\r\n        <Field.Error />\r\n        <Field.Hint />\r\n      </Field.Root>\r\n    );\r\n  }\r\n);\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * FieldActionWrapper\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst FieldActionWrapper = styled(Field.Action)`\r\n  width: 1.6rem;\r\n\r\n  svg {\r\n    height: 1.6rem;\r\n    width: 1.6rem;\r\n    path {\r\n      fill: ${({ theme }) => theme.colors.neutral400};\r\n    }\r\n  }\r\n\r\n  svg:hover {\r\n    path {\r\n      fill: ${({ theme }) => theme.colors.primary600};\r\n    }\r\n  }\r\n`;\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * TextValidation\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst TextValidation = styled<FlexComponent>(Flex)<{ $available?: boolean }>`\r\n  svg {\r\n    height: 1.2rem;\r\n    width: 1.2rem;\r\n\r\n    path {\r\n      fill: ${({ theme, $available }) =>\r\n        $available ? theme.colors.success600 : theme.colors.danger600};\r\n    }\r\n  }\r\n`;\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * LoadingWrapper\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst rotation = keyframes`\r\n  from {\r\n    transform: rotate(0deg);\r\n  }\r\n  to {\r\n    transform: rotate(359deg);\r\n  }\r\n`;\r\n\r\nconst LoadingWrapper = styled<FlexComponent>(Flex)`\r\n  animation: ${rotation} 2s infinite linear;\r\n`;\r\n\r\nconst MemoizedUIDInput = React.memo(UIDInput);\r\n\r\nexport { MemoizedUIDInput as UIDInput };\r\nexport type { UIDInputProps };\r\n"],"names":["UID_REGEX","UIDInput","React","forwardRef","hint","label","labelAction","name","required","attribute","props","ref","currentDocumentMeta","useDocumentContext","allFormValues","useForm","form","values","availability","setAvailability","useState","showRegenerate","setShowRegenerate","isCloning","useMatch","CLONE_PATH","field","useField","debouncedValue","useDebounce","value","hasChanged","initialValue","toggleNotification","useNotification","_unstableFormatAPIError","formatAPIError","useAPIErrorHandler","formatMessage","useIntl","query","useQueryParams","params","useMemo","buildValidParams","regex","validationRegExp","RegExp","trimmedDebouncedValue","trim","data","defaultGeneratedUID","isLoading","isGeneratingDefaultUID","error","apiError","useGetDefaultUIDQuery","contentTypeUID","model","id","documentId","skip","undefined","useEffect","type","message","onChange","generateUID","isGeneratingUID","useGenerateUIDMutation","handleRegenerateClick","res","defaultMessage","availabilityData","isCheckingAvailability","availabilityError","useGetAvailabilityQuery","test","timer","isAvailable","window","setTimeout","clearTimeout","fieldRef","useFocusInputField","composedRefs","useComposedRefs","shouldShowAvailability","_jsxs","Field","Root","_jsx","Label","action","TextInput","disabled","endAction","Flex","position","gap","TextValidation","alignItems","justifyContent","$available","data-not-here-outer","pointerEvents","right","width","CheckCircle","WarningCircle","Typography","textColor","variant","_Fragment","FieldActionWrapper","onClick","onMouseEnter","onMouseLeave","LoadingWrapper","data-testid","Loader","ArrowClockwise","Error","Hint","styled","Action","theme","colors","neutral400","primary600","success600","danger600","rotation","keyframes","MemoizedUIDInput","memo"],"mappings":"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"}