form-craft-package 1.9.9 → 1.9.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "form-craft-package",
-  "version": "1.9.9",
+  "version": "1.9.10",
   "main": "index.ts",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",

package/src/components/common/custom-hooks/use-duplicate-on-blur.hook.ts

@@ -0,0 +1,88 @@
+import { FormInstance } from 'antd'
+import { useEffect, useMemo, useRef } from 'react'
+import { useBlurEventBus } from '../duplicate-entry-checker/blur-event-bus-provider'
+import { IDuplicateCheckConfigGroup } from '../../../types'
+import apiClient from '../../../api/client'
+import { FormPreservedItemKeys } from '../../../enums'
+
+interface IUseDuplicateOnBlur {
+  formRef: FormInstance
+  formKey?: string
+  formDataId?: string
+  groups?: IDuplicateCheckConfigGroup[]
+  debounceMs?: number
+}
+
+export function useDuplicateOnBlur(
+  { formRef, formKey, formDataId, groups, debounceMs = 0 }: IUseDuplicateOnBlur,
+  onResult: (isDuplicateFound: boolean) => void,
+) {
+  const { subscribeBlurEvent: subscribe } = useBlurEventBus()
+
+  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null)
+  const abortRef = useRef<AbortController | null>(null)
+
+  const relevantFieldGroups = useMemo(() => {
+    if (!Array.isArray(groups)) return []
+
+    return groups.map((group) => group.fields)
+  }, [groups])
+
+  useEffect(() => {
+    if (!formKey) return
+
+    const unsub = subscribe((blurredField) => {
+      const fieldClone: string = Array.isArray(blurredField) ? blurredField.join('.') : (blurredField as string)
+
+      const fieldGroup = relevantFieldGroups.find((g) => g.includes(`Data.${fieldClone}`))
+
+      if (!fieldGroup) return
+
+      const formValues = formRef.getFieldsValue(true)
+
+      if (fieldGroup.some((f) => !formValues[f.replace('Data.', '')])) return
+
+      if (timerRef.current) clearTimeout(timerRef.current)
+
+      timerRef.current = setTimeout(async () => {
+        formRef.setFieldValue([FormPreservedItemKeys.DuplicateCheckPending], true)
+
+        // cancel previous request
+        if (abortRef.current) abortRef.current.abort()
+        abortRef.current = new AbortController()
+
+        const matchKeyValuePairs = {
+          DeletedDate: null,
+          ...fieldGroup.reduce((acc, f) => ({ ...acc, [f]: formValues[f.replace('Data.', '')] }), {}),
+        }
+        const reqData = { project: JSON.stringify({ _id: '$_id' }), match: JSON.stringify(matchKeyValuePairs) }
+
+        try {
+          const res = await apiClient.post(`/api/site/${formKey}/get`, reqData)
+          if (res.status === 200) {
+            const isRecordFound = res.data.data.filter(({ _id }: { _id: string }) => _id !== formDataId).length > 0
+
+            const matchFilterKeysOnly = Object.keys(matchKeyValuePairs).join('::')
+
+            // set the match filter with the result to display error upon submit button
+            formRef.setFieldsValue({
+              [FormPreservedItemKeys.DuplicateDataFound]: { [matchFilterKeysOnly]: isRecordFound },
+            })
+
+            onResult(isRecordFound)
+          }
+        } catch (e: any) {
+          if (e?.name === 'AbortError') return
+        }
+
+        formRef.setFieldValue([FormPreservedItemKeys.DuplicateCheckPending], false)
+      }, debounceMs)
+    })
+
+    return () => {
+      unsub()
+      if (timerRef.current) clearTimeout(timerRef.current)
+      if (abortRef.current) abortRef.current.abort()
+    }
+  }, [subscribe, relevantFieldGroups, formKey, formDataId, formRef, debounceMs])
+}

package/src/components/common/custom-hooks/use-preserved-form-items.hook.ts

@@ -11,6 +11,14 @@ export const useFormPreservedItemValues = (formRef?: FormInstance): IFormValues
     form: formRef,
     preserve: true,
   })
+  const duplicateDataMatches = Form.useWatch(FormPreservedItemKeys.DuplicateDataFound, {
+    form: formRef,
+    preserve: true,
+  })
+  const isDuplicateCheckPending = Form.useWatch(FormPreservedItemKeys.DuplicateCheckPending, {
+    form: formRef,
+    preserve: true,
+  })
 
   return {
     [FormPreservedItemKeys.BaseServerUrl]: baseServerUrl,
@@ -19,6 +27,9 @@ export const useFormPreservedItemValues = (formRef?: FormInstance): IFormValues
     [FormPreservedItemKeys.SignatureFields]: signatureFields,
     [FormPreservedItemKeys.IsPublic]: isPublic,
     [FormPreservedItemKeys.FormNotifications]: formNotifications,
+    [FormPreservedItemKeys.DuplicateDataFound]:
+      duplicateDataMatches && Object.values(duplicateDataMatches).some((result) => result),
+    [FormPreservedItemKeys.DuplicateCheckPending]: isDuplicateCheckPending,
   }
 }
 

package/src/components/common/duplicate-entry-checker/blur-event-bus-provider.tsx

@@ -0,0 +1,43 @@
+// blur-event-bus.tsx
+import React, { createContext, useContext, useRef, useCallback } from 'react'
+
+type BlurEventPayload = string | (string | number)[]
+
+type Subscriber = (payload: BlurEventPayload) => void
+
+const BlurEventBusContext = createContext<{
+  publishBlurEvent: (payload: BlurEventPayload) => void
+  subscribeBlurEvent: (fn: Subscriber) => () => void
+} | null>(null)
+
+export const BlurEventBusProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
+  const subsRef = useRef(new Set<Subscriber>())
+
+  const publishBlurEvent = useCallback((payload: BlurEventPayload) => {
+    subsRef.current.forEach((fn) => fn(payload))
+  }, [])
+
+  const subscribeBlurEvent = useCallback((fn: Subscriber) => {
+    subsRef.current.add(fn)
+    return () => subsRef.current.delete(fn)
+  }, [])
+
+  return (
+    <BlurEventBusContext.Provider value={{ publishBlurEvent, subscribeBlurEvent }}>
+      {children}
+    </BlurEventBusContext.Provider>
+  )
+}
+
+export const useBlurEventBus = () => {
+  const ctx = useContext(BlurEventBusContext)
+  if (!ctx) throw new Error('useBlurEventBus must be used inside <BlurBusProvider>')
+  return ctx
+}
+
+export function useBlurEventPublisher(field: string | (string | number)[]) {
+  const { publishBlurEvent } = useBlurEventBus()
+  return {
+    onBlur: () => publishBlurEvent(field),
+  }
+}

package/src/components/common/duplicate-entry-checker/duplicate-warning.modal.tsx

@@ -0,0 +1,116 @@
+import { Divider, FormInstance, Modal } from 'antd'
+import { useMemo } from 'react'
+import { useTranslation } from '../custom-hooks'
+import { Button_FillerPortal } from '../button'
+import { FormPreservedItemKeys, TranslationTextSubTypeEnum, TranslationTextTypeEnum } from '../../../enums'
+import { FaExclamationTriangle } from 'react-icons/fa'
+import { useNavigate } from 'react-router-dom'
+import { DUPLICATE_CHECK_TRANSLATION_KEY } from '../../../constants'
+
+export default function DuplicateWarningModal({ formRef, formId, closeModal }: IDuplicateWarningModal) {
+  const navigate = useNavigate()
+  const { t } = useTranslation(formId)
+
+  const [title, primaryMessage, secondaryMessage, okText, cancelText] = useMemo(
+    () =>
+      t([
+        {
+          key: DUPLICATE_CHECK_TRANSLATION_KEY,
+          type: TranslationTextTypeEnum.Label,
+          subType: TranslationTextSubTypeEnum.ConfirmationTitle,
+        },
+        {
+          key: DUPLICATE_CHECK_TRANSLATION_KEY,
+          type: TranslationTextTypeEnum.Label,
+          subType: TranslationTextSubTypeEnum.ConfirmationMsg,
+        },
+        {
+          key: DUPLICATE_CHECK_TRANSLATION_KEY,
+          type: TranslationTextTypeEnum.Description,
+        },
+        {
+          key: DUPLICATE_CHECK_TRANSLATION_KEY,
+          type: TranslationTextTypeEnum.Label,
+          subType: TranslationTextSubTypeEnum.ConfirmationOk,
+        },
+        {
+          key: DUPLICATE_CHECK_TRANSLATION_KEY,
+          type: TranslationTextTypeEnum.Label,
+          subType: TranslationTextSubTypeEnum.ConfirmationCancel,
+        },
+      ]),
+    [],
+  )
+
+  const fieldLabels: string[] = useMemo(() => {
+    const duplicateDataKeys = formRef?.getFieldValue(FormPreservedItemKeys.DuplicateDataFound)
+    if (!duplicateDataKeys) return []
+
+    const matchFilterKeys = Object.entries(duplicateDataKeys).reduce((acc: string[], [matchKeysString, result]) => {
+      if (acc.length || !result) return acc
+
+      return matchKeysString.replaceAll('Data.', '').split('::')
+    }, [])
+
+    return t(
+      matchFilterKeys
+        .filter((key) => key !== 'DeletedDate')
+        .map((key) => ({ key, type: TranslationTextTypeEnum.Label })),
+    ) as string[]
+  }, [formRef])
+
+  return (
+    <Modal
+      open
+      title={
+        <div className="flex items-center gap-2 text-warning font-normal">
+          <FaExclamationTriangle className="text-warning" />
+          {title || 'Duplicate Entry Found'}
+        </div>
+      }
+      width={600}
+      maskClosable={false}
+      closable={false}
+      footer={
+        <div className="grid grid-cols-[max-content_max-content] gap-2 justify-between">
+          <Button_FillerPortal
+            danger
+            outline
+            onClick={() => {
+              navigate(-1)
+            }}
+          >
+            {cancelText || 'Cancel and Discard Entry'}
+          </Button_FillerPortal>
+          <Button_FillerPortal primary outline onClick={closeModal}>
+            {okText || 'Continue Editing Entry'}
+          </Button_FillerPortal>
+        </div>
+      }
+    >
+      <div className="flex flex-col items-center gap-2">
+        <div className="text-16 text-center">
+          {primaryMessage || 'We’ve found an existing record with the same details.'}
+        </div>
+        <div className="text-gray-500 text-[15px] text-center">
+          {secondaryMessage || 'Duplicate entries are not allowed in the system.'}
+        </div>
+      </div>
+      {fieldLabels.length > 0 && (
+        <>
+          <Divider />
+          <div className="bg-background w-full rounded-md p-2 flex flex-col gap-1">
+            <span className="font-bold text-primary">Duplicate data found on the following field(s):</span>
+            <div className="flex gap-2">{fieldLabels.join(', ')}</div>
+          </div>
+        </>
+      )}
+    </Modal>
+  )
+}
+
+interface IDuplicateWarningModal {
+  formRef?: FormInstance
+  formId?: number
+  closeModal: () => void
+}

package/src/components/common/duplicate-entry-checker/index.tsx

@@ -0,0 +1,34 @@
+import { FormInstance } from 'antd'
+import { useLazyModalOpener } from '../custom-hooks'
+import { IDuplicateCheckConfig } from '../../../types'
+import { useDuplicateOnBlur } from '../custom-hooks/use-duplicate-on-blur.hook'
+import { lazy } from 'react'
+
+const DuplicateWarningModal = lazy(() => import('./duplicate-warning.modal'))
+
+export default function DuplicateEntryChecker({
+  formRef,
+  formId,
+  formKey,
+  formDataId,
+  duplicateCheckConfig,
+}: IDuplicateEntryChecker) {
+  const { isModalOpen, openModal, closeModal } = useLazyModalOpener()
+
+  useDuplicateOnBlur({ formRef, formKey, formDataId, groups: duplicateCheckConfig?.groups }, (isDuplicateFound) => {
+    if (isDuplicateFound) openModal()
+    else closeModal()
+  })
+
+  if (!isModalOpen) return
+
+  return <DuplicateWarningModal formRef={formRef} formId={formId} closeModal={closeModal} />
+}
+
+interface IDuplicateEntryChecker {
+  formRef: FormInstance
+  formId?: number
+  formKey?: string
+  formDataId: string
+  duplicateCheckConfig?: IDuplicateCheckConfig
+}

package/src/components/form/1-list/index.tsx

@@ -8,8 +8,17 @@ import { getProjectionKey, mergeJoins } from '../../../functions'
 import { useCacheFormLayoutConfig } from '../../common/custom-hooks/use-cache-form-layout-config.hook'
 import { useNotification } from '../../common/custom-hooks'
 import { translationStore } from '../../common/custom-hooks/use-translation.hook/store'
+import { BlurEventBusProvider } from '../../common/duplicate-entry-checker/blur-event-bus-provider'
 
-export function FormDataListComponent({
+export function FormDataListComponent(props: IFormDataListComponent) {
+  return (
+    <BlurEventBusProvider>
+      <FormDataListComponentChild {...props} />
+    </BlurEventBusProvider>
+  )
+}
+
+function FormDataListComponentChild({
   formId,
   companyKey,
   baseServerUrl,

package/src/components/form/2-details/index.tsx

@@ -13,6 +13,8 @@ import { PageViewTypEnum, DeviceBreakpointEnum, FormPreservedItemKeys, LOCAL_STO
 import { useCacheFormLayoutConfig } from '../../common/custom-hooks/use-cache-form-layout-config.hook'
 import { translationStore } from '../../common/custom-hooks/use-translation.hook/store'
 import { ELEMENTS_DEFAULT_CLASS } from '../../../constants'
+import { BlurEventBusProvider } from '../../common/duplicate-entry-checker/blur-event-bus-provider'
+import DuplicateEntryChecker from '../../common/duplicate-entry-checker'
 import {
   handleHiddenSet,
   useSetHiddenNodes,
@@ -34,7 +36,15 @@ import {
   queryParamsToObject,
 } from '../../../functions/forms'
 
-export default function FormDataDetailsComponent({
+export default function FormDataDetailsComponent(props: IFormDataDetailsComponent) {
+  return (
+    <BlurEventBusProvider>
+      <FormDataDetailsComponentChild {...props} />
+    </BlurEventBusProvider>
+  )
+}
+
+function FormDataDetailsComponentChild({
   isPublic,
   formId,
   formKey,
@@ -193,47 +203,56 @@ export default function FormDataDetailsComponent({
   if (isNotFound) return <NotFound />
 
   return (
-    <Form
-      layout="vertical"
-      name="dynamic_form_data_form"
-      form={formDataRef}
-      className={ELEMENTS_DEFAULT_CLASS.DataDetailsForm}
-      onValuesChange={(_changed, allValues) => {
-        handleDisabledSet(allValues, currentBreakpoint, cachedConfig?.detailsConfig, formDataId)
-        handleHiddenSet(allValues, currentBreakpoint, cachedConfig?.detailsConfig, formDataId)
-      }}
-    >
-      {layout.map((row, rowIdx) => (
-        <LayoutRendererRow
-          key={rowIdx}
-          rowData={row}
-          isTopLevel
-          formContext={{
-            detailPageFormId: formId,
-            formId,
-            formKey,
-            formDataId,
-            formRef: formDataRef,
-            companyKey,
-          }}
-          elements={cachedConfig.detailsConfig.elements}
-          renderButton={(btnProps) => (
-            <DynamicFormButtonRender
-              displayStateProps={btnProps as IDynamicButton_DisplayStateProps}
-              formContext={{
-                detailPageFormId: formId,
-                formId,
-                formKey,
-                formDataId,
-                formRef: formDataRef,
-                companyKey,
-              }}
-              onCustomFunctionCall={onCustomFunctionCall}
-            />
-          )}
-        />
-      ))}
-    </Form>
+    <>
+      <DuplicateEntryChecker
+        formRef={formDataRef}
+        formId={formId}
+        formKey={formKey}
+        formDataId={formDataId}
+        duplicateCheckConfig={cachedConfig.detailsConfig.duplicateCheckConfig}
+      />
+      <Form
+        layout="vertical"
+        name="dynamic_form_data_form"
+        form={formDataRef}
+        className={ELEMENTS_DEFAULT_CLASS.DataDetailsForm}
+        onValuesChange={(_changed, allValues) => {
+          handleDisabledSet(allValues, currentBreakpoint, cachedConfig?.detailsConfig, formDataId)
+          handleHiddenSet(allValues, currentBreakpoint, cachedConfig?.detailsConfig, formDataId)
+        }}
+      >
+        {layout.map((row, rowIdx) => (
+          <LayoutRendererRow
+            key={rowIdx}
+            rowData={row}
+            isTopLevel
+            formContext={{
+              detailPageFormId: formId,
+              formId,
+              formKey,
+              formDataId,
+              formRef: formDataRef,
+              companyKey,
+            }}
+            elements={cachedConfig.detailsConfig.elements}
+            renderButton={(btnProps) => (
+              <DynamicFormButtonRender
+                displayStateProps={btnProps as IDynamicButton_DisplayStateProps}
+                formContext={{
+                  detailPageFormId: formId,
+                  formId,
+                  formKey,
+                  formDataId,
+                  formRef: formDataRef,
+                  companyKey,
+                }}
+                onCustomFunctionCall={onCustomFunctionCall}
+              />
+            )}
+          />
+        ))}
+      </Form>
+    </>
   )
 }
 

package/src/components/form/layout-renderer/3-element/1-dynamic-button/index.tsx

@@ -1,5 +1,5 @@
-import { useFindDynamiForm, useNotification } from '../../../../common/custom-hooks'
-import { memo, useCallback, useMemo, useRef, useState } from 'react'
+import { useFindDynamiForm, useLazyModalOpener, useNotification } from '../../../../common/custom-hooks'
+import { lazy, memo, useCallback, useMemo, useRef, useState } from 'react'
 import { useFormPreservedItemValues } from '../../../../common/custom-hooks/use-preserved-form-items.hook'
 import { useDuplicateDataAction } from './use-duplicate-data.hook'
 import { useDeleteDataAction } from './use-delete-data.hook'
@@ -36,16 +36,24 @@ import {
   TranslationTextTypeEnum,
 } from '../../../../../enums'
 
+const DuplicateWarningModal = lazy(() => import('../../../../common/duplicate-entry-checker/duplicate-warning.modal'))
+
 export const DynamicFormButtonRender = memo((props: IDynamicButton) => {
   const { displayStateProps = {}, formContext = {}, onCustomFunctionCall = () => {} } = props
   const { btnProps, btnKey } = displayStateProps as IDynamicButton_DisplayStateProps
   const { formDataId, formRef } = formContext as IFormContext
+  const duplicateCheckModal = useLazyModalOpener()
 
   const { getFormById } = useFindDynamiForm()
   const { success, warning, error, confirmModal } = useNotification()
   const [loading, setLoading] = useState(false) // disables button
   const [dataLoadingType, setDataLoadingType] = useState<FormLoadingModalTypeEnum | undefined>() // displays loading modal
-  const { isPublic = false, submissionPdfConfig } = useFormPreservedItemValues(formRef)
+  const {
+    isPublic = false,
+    submissionPdfConfig,
+    isDuplicateDataFound,
+    isDuplicateCheckPending,
+  } = useFormPreservedItemValues(formRef)
 
   const { t } = useTranslation(formContext.formId)
   const isElementHidden = useIsNodeHidden(btnKey)
@@ -283,6 +291,7 @@ export const DynamicFormButtonRender = memo((props: IDynamicButton) => {
     formDataId,
     isPublic,
     submissionPdfConfig,
+    isDuplicateDataFound,
     onFunctionCall,
     onDuplicateData,
     onDeleteData,
@@ -300,10 +309,18 @@ export const DynamicFormButtonRender = memo((props: IDynamicButton) => {
     <>
       <Button_FillerPortal
         {...getButtonRenderProps(btnProps)}
-        loading={loading}
+        loading={loading || duplicateCheckModal.isPendingTransition || isDuplicateCheckPending}
         disabled={isElementDisabled}
         className={`${ELEMENTS_DEFAULT_CLASS.Button} w-full ${isElementHidden ? 'hidden' : ''}`}
         onClick={(e) => {
+          if (
+            btnProps.primaryAction.category === ButtonActionCategoryEnum.SaveDataChanges &&
+            (isDuplicateDataFound || isDuplicateCheckPending)
+          ) {
+            duplicateCheckModal.openModal()
+            return
+          }
+
           if (
             isPublic &&
             isNewFormDataPage(formDataId) &&
@@ -346,6 +363,13 @@ export const DynamicFormButtonRender = memo((props: IDynamicButton) => {
         />
       )}
       {ChooseTemplateReportModal}
+      {duplicateCheckModal.isModalOpen && (
+        <DuplicateWarningModal
+          formRef={formContext.detailPageFormRef || formContext.formRef}
+          formId={formContext.detailPageFormId}
+          closeModal={duplicateCheckModal.closeModal}
+        />
+      )}
     </>
   )
 })

package/src/components/form/layout-renderer/3-element/2-field-element.tsx

@@ -9,6 +9,7 @@ import { IDataSanitization, IValidationRule } from '../../../../types'
 import CurrencyField from '../../../common/currency-field'
 import { ELEMENTS_DEFAULT_CLASS } from '../../../../constants'
 import { Checkbox, Form, Input, Select, Radio, InputNumber, DatePicker, Modal, Switch, FormInstance } from 'antd'
+import { useBlurEventPublisher } from '../../../common/duplicate-entry-checker/blur-event-bus-provider'
 
 interface ILayoutRenderer_FieldElement {
   children: () => IMapperFieldObj | IMapperFieldObj[]
@@ -58,6 +59,7 @@ const FieldFormItemWrapper = ({
   formId?: number
 }) => {
   const { name, nameFullPath, label, hasNoLabel, type, validations, sanitization, disabled } = field
+  const { onBlur } = useBlurEventPublisher(name)
 
   return (
     <Fragment key={fieldIdx}>
@@ -82,7 +84,7 @@ const FieldFormItemWrapper = ({
         {type === ElementTypeEnum.ColorPicker ? (
           <CustomColorField formRef={formRef} name={nameFullPath} disabled={disabled} />
         ) : (
-          getField(field)
+          getField({ ...field, onBlur })
         )}
       </Form.Item>
       {disabled && type !== ElementTypeEnum.Checkbox && <DisabledFieldIndicator />}
@@ -239,13 +241,16 @@ const fieldRenderers: Partial<Record<ElementTypeEnum, FieldRenderer>> = {
       allowClear
     />
   ),
-  [ElementTypeEnum.ShortInput]: ({ placeholder, disabled, name }) => (
+  [ElementTypeEnum.ShortInput]: ({ placeholder, disabled, name, onBlur }) => (
     <Input
       id={name as string}
       className={ELEMENTS_DEFAULT_CLASS.Input}
       placeholder={placeholder as string}
       disabled={disabled}
       autoComplete="off"
+      onBlur={(e) => {
+        onBlur?.(e.currentTarget.value)
+      }}
     />
   ),
 }
@@ -279,6 +284,7 @@ interface IMapperFieldObj {
   decimalPoint?: number
   mode?: 'multiple' | 'tags'
   disabledDate?: (date: Dayjs) => boolean
+  onBlur?: (currentValue: any) => void
 }
 
 interface ISelectOption {

package/src/constants.ts

@@ -175,7 +175,12 @@ export const BSON_DATA_IDENTIFIER_PREFIXES = {
   Number: 'Number__',
 }
 export const DEFAULT_FORM_SCHEMA_DATA: IFormSchema = {
-  detailsConfig: { elements: {}, layouts: { [DeviceBreakpointEnum.Default]: [] }, dataFetchConfig: { joins: [] } },
+  detailsConfig: {
+    elements: {},
+    layouts: { [DeviceBreakpointEnum.Default]: [] },
+    dataFetchConfig: { joins: [] },
+    duplicateCheckConfig: { isEnabled: false },
+  },
   dataListConfig: {
     listType: FormDataListViewTypeEnum.Table,
     columns: [],
@@ -184,6 +189,7 @@ export const DEFAULT_FORM_SCHEMA_DATA: IFormSchema = {
   generateConfig: { submissionPdf: { enabled: false } },
   relationships: [],
   translations: {},
+  notificationsConfig: { notifications: [] },
 }
 export const REACT_QUERY_CLIENT = new QueryClient({
   defaultOptions: {
@@ -227,3 +233,4 @@ export const ELEMENTS_DEFAULT_CLASS = {
   Button: 'fc-button',
   AutoComplete: 'fc-auto-complete',
 }
+export const DUPLICATE_CHECK_TRANSLATION_KEY = 'DuplicateCheck'

package/src/enums/form.enum.ts

@@ -140,6 +140,8 @@ export enum FormPreservedItemKeys {
   IsPublic = 'isPublic',
   IsDetailsDataSet = 'isDetailsDataSet',
   FormNotifications = 'formNotifications',
+  DuplicateDataFound = 'isDuplicateDataFound',
+  DuplicateCheckPending = 'isDuplicateCheckPending',
 }
 export enum DataCategoryEnum {
   Number = 'Number',

package/src/types/forms/index.ts

@@ -27,7 +27,10 @@ export interface IFormConfigDetails {
 }
 export interface IFormSchema {
   isRelationshipForm?: boolean
-  detailsConfig: IDndLayoutStructure_Responsive & { dataFetchConfig?: IFormDataDetailsFetchConfig }
+  detailsConfig: IDndLayoutStructure_Responsive & {
+    dataFetchConfig?: IFormDataDetailsFetchConfig
+    duplicateCheckConfig?: IDuplicateCheckConfig
+  }
   dataListConfig: IFormDataListConfig
   generateConfig: IFormGenerateConfig
   relationships?: IFormRelationshipConfig[]
@@ -38,6 +41,14 @@ export interface IFormSchema {
   }
 }
 
+export interface IDuplicateCheckConfig {
+  isEnabled?: boolean
+  groups?: IDuplicateCheckConfigGroup[]
+}
+export interface IDuplicateCheckConfigGroup {
+  fields: string[]
+}
+
 export interface IFormDataDetailsFetchConfig {
   joins?: IFormJoin[]
 }