@erpsquad/common 1.8.44 → 1.8.46

package/dist/views/form-builder/form-fields/index.esm.js

@@ -1,354 +0,0 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { memo, useCallback, useMemo } from "react";
-import DynamicInput from "../../../components/form-control/form-builder/form-builder-element/text/index.esm.js";
-import DynamicCheckBox from "../../../components/form-control/form-builder/form-builder-element/checkbox/index.esm.js";
-import DynamicTable from "../../../components/form-control/form-builder/form-builder-element/table/index.esm.js";
-import DynamicElementHOC from "../../../components/form-control/form-builder/form-builder-element/dynamic-element-hoc/index.esm.js";
-import DynamicRadioButton from "../../../components/form-control/form-builder/form-builder-element/radio-button/index.esm.js";
-import DynamicToggleButton from "../../../components/form-control/form-builder/form-builder-element/toggle-button/index.esm.js";
-import DynamicInfo from "../../../components/form-control/form-builder/form-builder-element/info/index.esm.js";
-import DynamicMedia from "../../../components/form-control/form-builder/form-builder-element/media/index.esm.js";
-import DynamicTime from "../../../components/form-control/form-builder/form-builder-element/time/index.esm.js";
-import DynamicDate from "../../../components/form-control/form-builder/form-builder-element/date/index.esm.js";
-import DynamicSelect from "../../../components/form-control/form-builder/form-builder-element/select/index.esm.js";
-import DynamicPhone from "../../../components/form-control/form-builder/form-builder-element/phone/index.esm.js";
-import Grid from "../../../node_modules/@mui/material/Grid/Grid/index.esm.js";
-const FormField = memo(({
-  field,
-  index,
-  gridItemSize,
-  activeMember,
-  control,
-  t,
-  element,
-  images,
-  elementJSON,
-  remove,
-  move,
-  handleElementSelection,
-  setElementSwap,
-  handleDuplicateElement,
-  setSelectedHoc,
-  setActiveMember
-}) => {
-  const hocProps = useMemo(() => ({
-    activeIndex: activeMember === index,
-    removeElement: remove,
-    index,
-    onClick: handleElementSelection,
-    swap: move,
-    elementSwap: () => setElementSwap(true),
-    handleDuplicate: handleDuplicateElement,
-    setElementHoc: () => {
-      setSelectedHoc("");
-      setActiveMember(void 0);
-    }
-  }), [
-    activeMember,
-    index,
-    remove,
-    handleElementSelection,
-    move,
-    setElementSwap,
-    handleDuplicateElement,
-    setSelectedHoc,
-    setActiveMember
-  ]);
-  const commonFieldProps = useMemo(() => ({
-    key: field.id,
-    position: index,
-    placeholder: t(field.placeholder || ""),
-    label: t(field.label),
-    formControl: control,
-    name: "message",
-    fieldArrayName: "members",
-    required: field.is_required,
-    formType: "builder",
-    typeOfField: field.type,
-    disabled: true
-  }), [field.id, field.placeholder, field.label, field.is_required, field.type, index, t, control]);
-  const renderFieldContent = useCallback(() => {
-    const { field_type } = field;
-    switch (field_type) {
-      case element.text.field_type:
-        return /* @__PURE__ */ jsx(
-          DynamicInput,
-          {
-            ...commonFieldProps,
-            type: field_type,
-            defaultValue: field.default_value,
-            is_multiline: field.is_multiline,
-            min: field.min_length,
-            max: field.max_length
-          }
-        );
-      case element.email.field_type:
-        return /* @__PURE__ */ jsx(
-          DynamicInput,
-          {
-            ...commonFieldProps,
-            type: field_type,
-            defaultValue: field.default_value,
-            endIcon: /* @__PURE__ */ jsx("img", { src: images.sms, alt: "email" })
-          }
-        );
-      case element.number.field_type:
-        return /* @__PURE__ */ jsx(
-          DynamicInput,
-          {
-            ...commonFieldProps,
-            type: field_type,
-            defaultValue: field.default_value,
-            min: field.min_length,
-            max: field.max_length,
-            float_step: field.float_step
-          }
-        );
-      case element.phone.field_type:
-        return /* @__PURE__ */ jsx(
-          DynamicPhone,
-          {
-            ...commonFieldProps,
-            type: field_type,
-            default_value: field.default_value
-          }
-        );
-      case element.select.field_type:
-        return /* @__PURE__ */ jsx(
-          DynamicSelect,
-          {
-            ...commonFieldProps,
-            options: field.options,
-            defaultValue: field.default_value,
-            is_multiselect: field.is_multiselect
-          }
-        );
-      case element.date.field_type:
-        return /* @__PURE__ */ jsx(
-          DynamicDate,
-          {
-            ...commonFieldProps,
-            defaultValue: field.default_value,
-            is_future_dates_allowed: field.is_future_dates_allowed,
-            is_past_dates_allowed: field.is_past_dates_allowed,
-            disable: true
-          }
-        );
-      case element.time.field_type:
-        return /* @__PURE__ */ jsx(
-          DynamicTime,
-          {
-            ...commonFieldProps,
-            option: field.option
-          }
-        );
-      case element.url.field_type:
-        return /* @__PURE__ */ jsx(
-          DynamicInput,
-          {
-            ...commonFieldProps,
-            type: field_type,
-            defaultValue: field.default_value,
-            endIcon: /* @__PURE__ */ jsx("img", { src: images.url, alt: "url" })
-          }
-        );
-      case element.currency.field_type:
-        return /* @__PURE__ */ jsx(
-          DynamicInput,
-          {
-            ...commonFieldProps,
-            type: field_type,
-            defaultValue: field.default_value,
-            endIcon: /* @__PURE__ */ jsx("img", { src: images.dollar, alt: "currency" })
-          }
-        );
-      case element.file.field_type:
-      case element.image.field_type:
-        return /* @__PURE__ */ jsx(
-          DynamicMedia,
-          {
-            ...commonFieldProps,
-            type: field_type,
-            max_size: field.max_size
-          }
-        );
-      case element.geoLocation.field_type:
-        return /* @__PURE__ */ jsx(
-          DynamicInput,
-          {
-            ...commonFieldProps,
-            type: field_type,
-            defaultValue: field.default_value,
-            endIcon: /* @__PURE__ */ jsx("img", { src: images.location, alt: "location" })
-          }
-        );
-      case element.relation.field_type:
-        return /* @__PURE__ */ jsx(
-          DynamicInput,
-          {
-            ...commonFieldProps,
-            type: field_type,
-            defaultValue: field.default_value,
-            is_multiline: field.is_multiline,
-            min: field.min_length,
-            max: field.max_length,
-            label: /* @__PURE__ */ jsxs(
-              "span",
-              {
-                className: "formSection--Relation",
-                "data-position": index,
-                "data-name": `members.${index}.message`,
-                children: [
-                  t(field.label),
-                  /* @__PURE__ */ jsx("img", { src: images.relation, alt: "relation" })
-                ]
-              }
-            )
-          }
-        );
-      case element.info.field_type:
-        return /* @__PURE__ */ jsx(
-          DynamicInfo,
-          {
-            ...commonFieldProps,
-            defaultValue: field.default_value
-          }
-        );
-      case element.toggleButton.field_type:
-        return /* @__PURE__ */ jsx(
-          DynamicToggleButton,
-          {
-            ...commonFieldProps,
-            title: t(field.title || ""),
-            titlePosition: elementJSON == null ? void 0 : elementJSON.title_position
-          }
-        );
-      case element.radioButton.field_type:
-        return /* @__PURE__ */ jsx(
-          DynamicRadioButton,
-          {
-            ...commonFieldProps,
-            options: field.options,
-            display: field.display,
-            titlePosition: elementJSON == null ? void 0 : elementJSON.title_position
-          }
-        );
-      case element.tagsInput.field_type:
-        return /* @__PURE__ */ jsx(
-          DynamicInput,
-          {
-            ...commonFieldProps,
-            type: field_type,
-            defaultValue: field.default_value,
-            is_multiline: field.is_multiline,
-            min: field.min_length,
-            max: field.max_length
-          }
-        );
-      case element.checkbox.field_type:
-        return /* @__PURE__ */ jsx(
-          DynamicCheckBox,
-          {
-            ...commonFieldProps,
-            title: t(field.title || ""),
-            titlePosition: field.title_position
-          }
-        );
-      case element.table.field_type:
-        return /* @__PURE__ */ jsx(
-          DynamicTable,
-          {
-            ...commonFieldProps,
-            columns: field.table_columns || (elementJSON == null ? void 0 : elementJSON.table_columns) || []
-          }
-        );
-      default:
-        console.warn(`Unknown field type: ${field_type}`);
-        return null;
-    }
-  }, [field, commonFieldProps, element, images, elementJSON, t, index]);
-  return /* @__PURE__ */ jsx(Grid, { item: true, xs: gridItemSize, children: /* @__PURE__ */ jsx(
-    DynamicElementHOC,
-    {
-      ...hocProps,
-      element: field.field_type,
-      children: renderFieldContent()
-    }
-  ) });
-});
-FormField.displayName = "FormField";
-const FormFields = memo(({
-  sectionMembers,
-  members,
-  activeMember,
-  control,
-  t,
-  element,
-  images,
-  elementJSON,
-  remove,
-  move,
-  handleElementSelection,
-  setElementSwap,
-  handleDuplicateElement,
-  setSelectedHoc,
-  setActiveMember
-}) => {
-  const calculateGridSize = useCallback((field) => {
-    if (field.is_fullwidth || field.field_type === "table") return 12;
-    if (field.custom_width) return field.custom_width;
-    return 6;
-  }, []);
-  const renderedFields = useMemo(() => {
-    return sectionMembers.map((field) => {
-      const index = members.findIndex((member) => member === field);
-      const gridItemSize = calculateGridSize(field);
-      return /* @__PURE__ */ jsx(
-        FormField,
-        {
-          field,
-          index,
-          gridItemSize,
-          activeMember,
-          control,
-          t,
-          element,
-          images,
-          elementJSON,
-          remove,
-          move,
-          handleElementSelection,
-          setElementSwap,
-          handleDuplicateElement,
-          setSelectedHoc,
-          setActiveMember
-        },
-        `${field.id}-${index}`
-      );
-    });
-  }, [
-    sectionMembers,
-    members,
-    activeMember,
-    control,
-    t,
-    element,
-    images,
-    elementJSON,
-    remove,
-    move,
-    handleElementSelection,
-    setElementSwap,
-    handleDuplicateElement,
-    setSelectedHoc,
-    setActiveMember,
-    calculateGridSize,
-    elementJSON == null ? void 0 : elementJSON.field_type
-  ]);
-  return /* @__PURE__ */ jsx(Fragment, { children: renderedFields });
-});
-FormFields.displayName = "FormFields";
-export {
-  FormFields as default
-};
-//# sourceMappingURL=index.esm.js.map

package/dist/views/form-builder/form-fields/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/views/form-builder/form-fields.tsx"],"sourcesContent":["// React imports\r\nimport React, { memo, useMemo, useCallback } from 'react';\r\n\r\n// Material UI imports\r\nimport { Grid } from '@mui/material';\r\n\r\n// ERP Common imports - Form builder elements\r\nimport DynamicInput from '@/components/form-control/form-builder/form-builder-element/text';\r\nimport DynamicCheckBox from '@/components/form-control/form-builder/form-builder-element/checkbox';\r\nimport DynamicTable from '@/components/form-control/form-builder/form-builder-element/table';\r\nimport DynamicElementHOC from '@/components/form-control/form-builder/form-builder-element/dynamic-element-hoc';\r\nimport DynamicRadioButton from '@/components/form-control/form-builder/form-builder-element/radio-button';\r\nimport DynamicToggleButton from '@/components/form-control/form-builder/form-builder-element/toggle-button';\r\nimport DynamicInfo from '@/components/form-control/form-builder/form-builder-element/info';\r\nimport DynamicMedia from '@/components/form-control/form-builder/form-builder-element/media';\r\nimport DynamicTime from '@/components/form-control/form-builder/form-builder-element/time';\r\nimport DynamicDate from '@/components/form-control/form-builder/form-builder-element/date';\r\nimport DynamicSelect from '@/components/form-control/form-builder/form-builder-element/select';\r\nimport DynamicPhone from '@/components/form-control/form-builder/form-builder-element/phone';\r\n\r\n// Types\r\ninterface IField {\r\n  id: string;\r\n  field_type: string;\r\n  placeholder?: string;\r\n  label: string;\r\n  default_value?: any;\r\n  is_multiline?: boolean;\r\n  is_required?: boolean;\r\n  min_length?: number;\r\n  max_length?: number;\r\n  is_fullwidth?: boolean;\r\n  custom_width?: number;\r\n  options?: any[];\r\n  is_multiselect?: boolean;\r\n  is_future_dates_allowed?: boolean;\r\n  is_past_dates_allowed?: boolean;\r\n  option?: any;\r\n  max_size?: number;\r\n  title?: string;\r\n  display?: string;\r\n  title_position?: string;\r\n  table_columns?: any[];\r\n  float_step?: number;\r\n  type: string;\r\n}\r\n\r\ninterface FormFieldsProps {\r\n  sectionMembers: IField[];\r\n  // Add other required props with proper types\r\n  members: IField[];\r\n  activeMember?: number;\r\n  control: any;\r\n  t: (key: string) => string;\r\n  element: any;\r\n  images: any;\r\n  elementJSON?: any;\r\n  remove: (index: number) => void;\r\n  move: (from: number, to: number) => void;\r\n  handleElementSelection: (e: any) => void;\r\n  setElementSwap: (value: boolean) => void;\r\n  handleDuplicateElement: (index: number) => void;\r\n  setSelectedHoc: (value: string) => void;\r\n  setActiveMember: (value: number | undefined) => void;\r\n}\r\n\r\n// Field type mapping for better maintainability\r\nconst FIELD_TYPE_MAP = {\r\n  TEXT: 'text',\r\n  EMAIL: 'email',\r\n  NUMBER: 'number',\r\n  PHONE: 'phone',\r\n  SELECT: 'select',\r\n  DATE: 'date',\r\n  TIME: 'time',\r\n  URL: 'url',\r\n  CURRENCY: 'currency',\r\n  FILE: 'file',\r\n  IMAGE: 'image',\r\n  GEO_LOCATION: 'geoLocation',\r\n  RELATION: 'relation',\r\n  INFO: 'info',\r\n  TOGGLE_BUTTON: 'toggleButton',\r\n  RADIO_BUTTON: 'radioButton',\r\n  TAGS_INPUT: 'tagsInput',\r\n  CHECKBOX: 'checkbox',\r\n  TABLE: 'table'\r\n} as const;\r\n\r\n// Memoized individual field component\r\nconst FormField = memo<{\r\n  field: IField;\r\n  index: number;\r\n  gridItemSize: number;\r\n  activeMember?: number;\r\n  control: any;\r\n  t: (key: string) => string;\r\n  element: any;\r\n  images: any;\r\n  elementJSON?: any;\r\n  remove: (index: number) => void;\r\n  move: (from: number, to: number) => void;\r\n  handleElementSelection: (e: any) => void;\r\n  setElementSwap: (value: boolean) => void;\r\n  handleDuplicateElement: (index: number) => void;\r\n  setSelectedHoc: (value: string) => void;\r\n  setActiveMember: (value: number | undefined) => void;\r\n}>(({\r\n  field,\r\n  index,\r\n  gridItemSize,\r\n  activeMember,\r\n  control,\r\n  t,\r\n  element,\r\n  images,\r\n  elementJSON,\r\n  remove,\r\n  move,\r\n  handleElementSelection,\r\n  setElementSwap,\r\n  handleDuplicateElement,\r\n  setSelectedHoc,\r\n  setActiveMember\r\n}) => {\r\n  // Common HOC props - memoized to prevent unnecessary re-renders\r\n  const hocProps = useMemo(() => ({\r\n    activeIndex: activeMember === index,\r\n    removeElement: remove,\r\n    index,\r\n    onClick: handleElementSelection,\r\n    swap: move,\r\n    elementSwap: () => setElementSwap(true),\r\n    handleDuplicate: handleDuplicateElement,\r\n    setElementHoc: () => {\r\n      setSelectedHoc(\"\");\r\n      setActiveMember(undefined);\r\n    }\r\n  }), [\r\n    activeMember, \r\n    index, \r\n    remove, \r\n    handleElementSelection, \r\n    move, \r\n    setElementSwap, \r\n    handleDuplicateElement, \r\n    setSelectedHoc, \r\n    setActiveMember\r\n  ]);\r\n\r\n  // Common field props - memoized to prevent unnecessary re-renders\r\n  const commonFieldProps = useMemo(() => ({\r\n    key: field.id,\r\n    position: index,\r\n    placeholder: t(field.placeholder || ''),\r\n    label: t(field.label),\r\n    formControl: control,\r\n    name: \"message\",\r\n    fieldArrayName: \"members\",\r\n    required: field.is_required,\r\n    formType: \"builder\" as const,\r\n    typeOfField: field.type,\r\n    disabled: true\r\n  }), [field.id, field.placeholder, field.label, field.is_required, field.type, index, t, control]);\r\n\r\n  // Render field based on type\r\n  const renderFieldContent = useCallback(() => {\r\n    const { field_type } = field;\r\n\r\n    switch (field_type) {\r\n      case element.text.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            is_multiline={field.is_multiline}\r\n            min={field.min_length}\r\n            max={field.max_length}\r\n          />\r\n        );\r\n\r\n      case element.email.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            endIcon={<img src={images.sms} alt=\"email\" />}\r\n          />\r\n        );\r\n\r\n      case element.number.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            min={field.min_length}\r\n            max={field.max_length}\r\n            float_step={field.float_step}\r\n          />\r\n        );\r\n\r\n      case element.phone.field_type:\r\n        return (\r\n          <DynamicPhone\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            default_value={field.default_value}\r\n          />\r\n        );\r\n\r\n      case element.select.field_type:\r\n        return (\r\n          <DynamicSelect\r\n            {...commonFieldProps}\r\n            options={field.options}\r\n            defaultValue={field.default_value}\r\n            is_multiselect={field.is_multiselect}\r\n          />\r\n        );\r\n\r\n      case element.date.field_type:\r\n        return (\r\n          <DynamicDate\r\n            {...commonFieldProps}\r\n            defaultValue={field.default_value}\r\n            is_future_dates_allowed={field.is_future_dates_allowed}\r\n            is_past_dates_allowed={field.is_past_dates_allowed}\r\n            disable={true}\r\n          />\r\n        );\r\n\r\n      case element.time.field_type:\r\n        return (\r\n          <DynamicTime\r\n            {...commonFieldProps}\r\n            option={field.option}\r\n          />\r\n        );\r\n\r\n      case element.url.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            endIcon={<img src={images.url} alt=\"url\" />}\r\n          />\r\n        );\r\n\r\n      case element.currency.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            endIcon={<img src={images.dollar} alt=\"currency\" />}\r\n          />\r\n        );\r\n\r\n      case element.file.field_type:\r\n      case element.image.field_type:\r\n        return (\r\n          <DynamicMedia\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            max_size={field.max_size}\r\n          />\r\n        );\r\n\r\n      case element.geoLocation.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            endIcon={<img src={images.location} alt=\"location\" />}\r\n          />\r\n        );\r\n\r\n      case element.relation.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            is_multiline={field.is_multiline}\r\n            min={field.min_length}\r\n            max={field.max_length}\r\n            label={\r\n              <span\r\n                className=\"formSection--Relation\"\r\n                data-position={index}\r\n                data-name={`members.${index}.message`}\r\n              >\r\n                {t(field.label)}\r\n                <img src={images.relation} alt=\"relation\" />\r\n              </span>\r\n            }\r\n          />\r\n        );\r\n\r\n      case element.info.field_type:\r\n        return (\r\n          <DynamicInfo\r\n            {...commonFieldProps}\r\n            defaultValue={field.default_value}\r\n          />\r\n        );\r\n\r\n      case element.toggleButton.field_type:\r\n        return (\r\n          <DynamicToggleButton\r\n            {...commonFieldProps}\r\n            title={t(field.title || '')}\r\n            titlePosition={elementJSON?.title_position}\r\n          />\r\n        );\r\n\r\n      case element.radioButton.field_type:\r\n        return (\r\n          <DynamicRadioButton\r\n            {...commonFieldProps}\r\n            options={field.options}\r\n            display={field.display}\r\n            titlePosition={elementJSON?.title_position}\r\n          />\r\n        );\r\n\r\n      case element.tagsInput.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            is_multiline={field.is_multiline}\r\n            min={field.min_length}\r\n            max={field.max_length}\r\n          />\r\n        );\r\n\r\n      case element.checkbox.field_type:\r\n        return (\r\n          <DynamicCheckBox\r\n            {...commonFieldProps}\r\n            title={t(field.title || '')}\r\n            titlePosition={field.title_position}\r\n          />\r\n        );\r\n\r\n      case element.table.field_type:\r\n        return (\r\n          <DynamicTable\r\n            {...commonFieldProps}\r\n            columns={field.table_columns || elementJSON?.table_columns || []}\r\n          />\r\n        );\r\n\r\n      default:\r\n        console.warn(`Unknown field type: ${field_type}`);\r\n        return null;\r\n    }\r\n  }, [field, commonFieldProps, element, images, elementJSON, t, index]);\r\n\r\n  return (\r\n    <Grid item xs={gridItemSize}>\r\n      <DynamicElementHOC\r\n        {...hocProps}\r\n        element={field.field_type}\r\n      >\r\n        {renderFieldContent()}\r\n      </DynamicElementHOC>\r\n    </Grid>\r\n  );\r\n});\r\n\r\nFormField.displayName = 'FormField';\r\n\r\n// Main component\r\nconst FormFields: React.FC<FormFieldsProps> = memo(({\r\n  sectionMembers,\r\n  members,\r\n  activeMember,\r\n  control,\r\n  t,\r\n  element,\r\n  images,\r\n  elementJSON,\r\n  remove,\r\n  move,\r\n  handleElementSelection,\r\n  setElementSwap,\r\n  handleDuplicateElement,\r\n  setSelectedHoc,\r\n  setActiveMember\r\n}) => {\r\n  // Memoize grid item size calculation\r\n  const calculateGridSize = useCallback((field: IField): number => {\r\n    if (field.is_fullwidth || field.field_type === \"table\") return 12;\r\n    if (field.custom_width) return field.custom_width;\r\n    return 6;\r\n  }, []);\r\n\r\n  // Memoize the rendered fields\r\n  const renderedFields = useMemo(() => {\r\n    return sectionMembers.map((field: IField) => {\r\n      const index = members.findIndex(member => member === field);\r\n      const gridItemSize = calculateGridSize(field);\r\n\r\n      return (\r\n        <FormField\r\n          key={`${field.id}-${index}`} // Better key for React reconciliation\r\n          field={field}\r\n          index={index}\r\n          gridItemSize={gridItemSize}\r\n          activeMember={activeMember}\r\n          control={control}\r\n          t={t}\r\n          element={element}\r\n          images={images}\r\n          elementJSON={elementJSON}\r\n          remove={remove}\r\n          move={move}\r\n          handleElementSelection={handleElementSelection}\r\n          setElementSwap={setElementSwap}\r\n          handleDuplicateElement={handleDuplicateElement}\r\n          setSelectedHoc={setSelectedHoc}\r\n          setActiveMember={setActiveMember}\r\n        />\r\n      );\r\n    });\r\n  }, [\r\n    sectionMembers,\r\n    members,\r\n    activeMember,\r\n    control,\r\n    t,\r\n    element,\r\n    images,\r\n    elementJSON,\r\n    remove,\r\n    move,\r\n    handleElementSelection,\r\n    setElementSwap,\r\n    handleDuplicateElement,\r\n    setSelectedHoc,\r\n    setActiveMember,\r\n    calculateGridSize,\r\n    elementJSON?.field_type\r\n  ]);\r\n\r\n  return <>{renderedFields}</>;\r\n});\r\n\r\nFormFields.displayName = 'FormFields';\r\n\r\nexport default FormFields;"],"names":[],"mappings":";;;;;;;;;;;;;;;AA0FA,MAAM,YAAY,KAiBf,CAAC;AAAA,EACF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AAEJ,QAAM,WAAW,QAAQ,OAAO;AAAA,IAC9B,aAAa,iBAAiB;AAAA,IAC9B,eAAe;AAAA,IACf;AAAA,IACA,SAAS;AAAA,IACT,MAAM;AAAA,IACN,aAAa,MAAM,eAAe,IAAI;AAAA,IACtC,iBAAiB;AAAA,IACjB,eAAe,MAAM;AACnB,qBAAe,EAAE;AACjB,sBAAgB,MAAS;AAAA,IAC3B;AAAA,EAAA,IACE;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAGD,QAAM,mBAAmB,QAAQ,OAAO;AAAA,IACtC,KAAK,MAAM;AAAA,IACX,UAAU;AAAA,IACV,aAAa,EAAE,MAAM,eAAe,EAAE;AAAA,IACtC,OAAO,EAAE,MAAM,KAAK;AAAA,IACpB,aAAa;AAAA,IACb,MAAM;AAAA,IACN,gBAAgB;AAAA,IAChB,UAAU,MAAM;AAAA,IAChB,UAAU;AAAA,IACV,aAAa,MAAM;AAAA,IACnB,UAAU;AAAA,EAAA,IACR,CAAC,MAAM,IAAI,MAAM,aAAa,MAAM,OAAO,MAAM,aAAa,MAAM,MAAM,OAAO,GAAG,OAAO,CAAC;AAGhG,QAAM,qBAAqB,YAAY,MAAM;AAC3C,UAAM,EAAE,eAAe;AAEvB,YAAQ,YAAA;AAAA,MACN,KAAK,QAAQ,KAAK;AAChB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,MAAM;AAAA,YACN,cAAc,MAAM;AAAA,YACpB,cAAc,MAAM;AAAA,YACpB,KAAK,MAAM;AAAA,YACX,KAAK,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAIjB,KAAK,QAAQ,MAAM;AACjB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,MAAM;AAAA,YACN,cAAc,MAAM;AAAA,YACpB,SAAS,oBAAC,OAAA,EAAI,KAAK,OAAO,KAAK,KAAI,QAAA,CAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MAIjD,KAAK,QAAQ,OAAO;AAClB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,MAAM;AAAA,YACN,cAAc,MAAM;AAAA,YACpB,KAAK,MAAM;AAAA,YACX,KAAK,MAAM;AAAA,YACX,YAAY,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAIxB,KAAK,QAAQ,MAAM;AACjB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,MAAM;AAAA,YACN,eAAe,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAI3B,KAAK,QAAQ,OAAO;AAClB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,SAAS,MAAM;AAAA,YACf,cAAc,MAAM;AAAA,YACpB,gBAAgB,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAI5B,KAAK,QAAQ,KAAK;AAChB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,cAAc,MAAM;AAAA,YACpB,yBAAyB,MAAM;AAAA,YAC/B,uBAAuB,MAAM;AAAA,YAC7B,SAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MAIf,KAAK,QAAQ,KAAK;AAChB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,QAAQ,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAIpB,KAAK,QAAQ,IAAI;AACf,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,MAAM;AAAA,YACN,cAAc,MAAM;AAAA,YACpB,SAAS,oBAAC,OAAA,EAAI,KAAK,OAAO,KAAK,KAAI,MAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAI/C,KAAK,QAAQ,SAAS;AACpB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,MAAM;AAAA,YACN,cAAc,MAAM;AAAA,YACpB,SAAS,oBAAC,OAAA,EAAI,KAAK,OAAO,QAAQ,KAAI,WAAA,CAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MAIvD,KAAK,QAAQ,KAAK;AAAA,MAClB,KAAK,QAAQ,MAAM;AACjB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,MAAM;AAAA,YACN,UAAU,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAItB,KAAK,QAAQ,YAAY;AACvB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,MAAM;AAAA,YACN,cAAc,MAAM;AAAA,YACpB,SAAS,oBAAC,OAAA,EAAI,KAAK,OAAO,UAAU,KAAI,WAAA,CAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MAIzD,KAAK,QAAQ,SAAS;AACpB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,MAAM;AAAA,YACN,cAAc,MAAM;AAAA,YACpB,cAAc,MAAM;AAAA,YACpB,KAAK,MAAM;AAAA,YACX,KAAK,MAAM;AAAA,YACX,OACE;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,iBAAe;AAAA,gBACf,aAAW,WAAW,KAAK;AAAA,gBAE1B,UAAA;AAAA,kBAAA,EAAE,MAAM,KAAK;AAAA,sCACb,OAAA,EAAI,KAAK,OAAO,UAAU,KAAI,WAAA,CAAW;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAC5C;AAAA,QAAA;AAAA,MAKR,KAAK,QAAQ,KAAK;AAChB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,cAAc,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAI1B,KAAK,QAAQ,aAAa;AACxB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,OAAO,EAAE,MAAM,SAAS,EAAE;AAAA,YAC1B,eAAe,2CAAa;AAAA,UAAA;AAAA,QAAA;AAAA,MAIlC,KAAK,QAAQ,YAAY;AACvB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,SAAS,MAAM;AAAA,YACf,SAAS,MAAM;AAAA,YACf,eAAe,2CAAa;AAAA,UAAA;AAAA,QAAA;AAAA,MAIlC,KAAK,QAAQ,UAAU;AACrB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,MAAM;AAAA,YACN,cAAc,MAAM;AAAA,YACpB,cAAc,MAAM;AAAA,YACpB,KAAK,MAAM;AAAA,YACX,KAAK,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAIjB,KAAK,QAAQ,SAAS;AACpB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,OAAO,EAAE,MAAM,SAAS,EAAE;AAAA,YAC1B,eAAe,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAI3B,KAAK,QAAQ,MAAM;AACjB,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,SAAS,MAAM,kBAAiB,2CAAa,kBAAiB,CAAA;AAAA,UAAC;AAAA,QAAA;AAAA,MAIrE;AACE,gBAAQ,KAAK,uBAAuB,UAAU,EAAE;AAChD,eAAO;AAAA,IAAA;AAAA,EAEb,GAAG,CAAC,OAAO,kBAAkB,SAAS,QAAQ,aAAa,GAAG,KAAK,CAAC;AAEpE,SACE,oBAAC,MAAA,EAAK,MAAI,MAAC,IAAI,cACb,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,SAAS,MAAM;AAAA,MAEd,UAAA,mBAAA;AAAA,IAAmB;AAAA,EAAA,GAExB;AAEJ,CAAC;AAED,UAAU,cAAc;AAGxB,MAAM,aAAwC,KAAK,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AAEJ,QAAM,oBAAoB,YAAY,CAAC,UAA0B;AAC/D,QAAI,MAAM,gBAAgB,MAAM,eAAe,QAAS,QAAO;AAC/D,QAAI,MAAM,aAAc,QAAO,MAAM;AACrC,WAAO;AAAA,EACT,GAAG,CAAA,CAAE;AAGL,QAAM,iBAAiB,QAAQ,MAAM;AACnC,WAAO,eAAe,IAAI,CAAC,UAAkB;AAC3C,YAAM,QAAQ,QAAQ,UAAU,CAAA,WAAU,WAAW,KAAK;AAC1D,YAAM,eAAe,kBAAkB,KAAK;AAE5C,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,QAhBK,GAAG,MAAM,EAAE,IAAI,KAAK;AAAA,MAAA;AAAA,IAmB/B,CAAC;AAAA,EACH,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,2CAAa;AAAA,EAAA,CACd;AAED,yCAAU,UAAA,eAAA,CAAe;AAC3B,CAAC;AAED,WAAW,cAAc;"}

package/dist/views/form-builder/form-fields/index.js

@@ -1,24 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("../../../components/form-control/form-builder/form-builder-element/text/index.js"),i=require("../../../components/form-control/form-builder/form-builder-element/checkbox/index.js"),r=require("../../../components/form-control/form-builder/form-builder-element/table/index.js"),n=require("../../../components/form-control/form-builder/form-builder-element/dynamic-element-hoc/index.js"),o=require("../../../components/form-control/form-builder/form-builder-element/radio-button/index.js"),a=require("../../../components/form-control/form-builder/form-builder-element/toggle-button/index.js"),d=require("../../../components/form-control/form-builder/form-builder-element/info/index.js"),u=require("../../../components/form-control/form-builder/form-builder-element/media/index.js"),s=require("../../../components/form-control/form-builder/form-builder-element/time/index.js"),m=require("../../../components/form-control/form-builder/form-builder-element/date/index.js"),c=require("../../../components/form-control/form-builder/form-builder-element/select/index.js"),f=require("../../../components/form-control/form-builder/form-builder-element/phone/index.js"),p=require("../../../node_modules/@mui/material/Grid/Grid/index.js");const _=t.memo(({field:_,index:x,gridItemSize:b,activeMember:y,control:j,t:v,element:h,images:g,elementJSON:q,remove:S,move:w,handleElementSelection:E,setElementSwap:M,handleDuplicateElement:V,setSelectedHoc:I,setActiveMember:N})=>{const k=t.useMemo(()=>({activeIndex:y===x,removeElement:S,index:x,onClick:E,swap:w,elementSwap:()=>M(!0),handleDuplicate:V,setElementHoc:()=>{I(""),N(void 0)}}),[y,x,S,E,w,M,V,I,N]),F=t.useMemo(()=>({key:_.id,position:x,placeholder:v(_.placeholder||""),label:v(_.label),formControl:j,name:"message",fieldArrayName:"members",required:_.is_required,formType:"builder",typeOfField:_.type,disabled:!0}),[_.id,_.placeholder,_.label,_.is_required,_.type,x,v,j]),O=t.useCallback(()=>{const{field_type:t}=_;switch(t){case h.text.field_type:/* @__PURE__ */
-return e.jsx(l.default,{...F,type:t,defaultValue:_.default_value,is_multiline:_.is_multiline,min:_.min_length,max:_.max_length});case h.email.field_type:/* @__PURE__ */
-return e.jsx(l.default,{...F,type:t,defaultValue:_.default_value,endIcon:/* @__PURE__ */e.jsx("img",{src:g.sms,alt:"email"})});case h.number.field_type:/* @__PURE__ */
-return e.jsx(l.default,{...F,type:t,defaultValue:_.default_value,min:_.min_length,max:_.max_length,float_step:_.float_step});case h.phone.field_type:/* @__PURE__ */
-return e.jsx(f.default,{...F,type:t,default_value:_.default_value});case h.select.field_type:/* @__PURE__ */
-return e.jsx(c.default,{...F,options:_.options,defaultValue:_.default_value,is_multiselect:_.is_multiselect});case h.date.field_type:/* @__PURE__ */
-return e.jsx(m.default,{...F,defaultValue:_.default_value,is_future_dates_allowed:_.is_future_dates_allowed,is_past_dates_allowed:_.is_past_dates_allowed,disable:!0});case h.time.field_type:/* @__PURE__ */
-return e.jsx(s.default,{...F,option:_.option});case h.url.field_type:/* @__PURE__ */
-return e.jsx(l.default,{...F,type:t,defaultValue:_.default_value,endIcon:/* @__PURE__ */e.jsx("img",{src:g.url,alt:"url"})});case h.currency.field_type:/* @__PURE__ */
-return e.jsx(l.default,{...F,type:t,defaultValue:_.default_value,endIcon:/* @__PURE__ */e.jsx("img",{src:g.dollar,alt:"currency"})});case h.file.field_type:case h.image.field_type:/* @__PURE__ */
-return e.jsx(u.default,{...F,type:t,max_size:_.max_size});case h.geoLocation.field_type:/* @__PURE__ */
-return e.jsx(l.default,{...F,type:t,defaultValue:_.default_value,endIcon:/* @__PURE__ */e.jsx("img",{src:g.location,alt:"location"})});case h.relation.field_type:/* @__PURE__ */
-return e.jsx(l.default,{...F,type:t,defaultValue:_.default_value,is_multiline:_.is_multiline,min:_.min_length,max:_.max_length,label:/* @__PURE__ */e.jsxs("span",{className:"formSection--Relation","data-position":x,"data-name":`members.${x}.message`,children:[v(_.label),
-/* @__PURE__ */e.jsx("img",{src:g.relation,alt:"relation"})]})});case h.info.field_type:/* @__PURE__ */
-return e.jsx(d.default,{...F,defaultValue:_.default_value});case h.toggleButton.field_type:/* @__PURE__ */
-return e.jsx(a.default,{...F,title:v(_.title||""),titlePosition:null==q?void 0:q.title_position});case h.radioButton.field_type:/* @__PURE__ */
-return e.jsx(o.default,{...F,options:_.options,display:_.display,titlePosition:null==q?void 0:q.title_position});case h.tagsInput.field_type:/* @__PURE__ */
-return e.jsx(l.default,{...F,type:t,defaultValue:_.default_value,is_multiline:_.is_multiline,min:_.min_length,max:_.max_length});case h.checkbox.field_type:/* @__PURE__ */
-return e.jsx(i.default,{...F,title:v(_.title||""),titlePosition:_.title_position});case h.table.field_type:/* @__PURE__ */
-return e.jsx(r.default,{...F,columns:_.table_columns||(null==q?void 0:q.table_columns)||[]});default:return null}},[_,F,h,g,q,v,x]);/* @__PURE__ */
-return e.jsx(p.default,{item:!0,xs:b,children:/* @__PURE__ */e.jsx(n.default,{...k,element:_.field_type,children:O()})})});_.displayName="FormField";const x=t.memo(({sectionMembers:l,members:i,activeMember:r,control:n,t:o,element:a,images:d,elementJSON:u,remove:s,move:m,handleElementSelection:c,setElementSwap:f,handleDuplicateElement:p,setSelectedHoc:x,setActiveMember:b})=>{const y=t.useCallback(e=>e.is_fullwidth||"table"===e.field_type?12:e.custom_width?e.custom_width:6,[]),j=t.useMemo(()=>l.map(t=>{const l=i.findIndex(e=>e===t),j=y(t);/* @__PURE__ */
-return e.jsx(_,{field:t,index:l,gridItemSize:j,activeMember:r,control:n,t:o,element:a,images:d,elementJSON:u,remove:s,move:m,handleElementSelection:c,setElementSwap:f,handleDuplicateElement:p,setSelectedHoc:x,setActiveMember:b},`${t.id}-${l}`)}),[l,i,r,n,o,a,d,u,s,m,c,f,p,x,b,y,null==u?void 0:u.field_type]);/* @__PURE__ */
-return e.jsx(e.Fragment,{children:j})});x.displayName="FormFields",exports.default=x;
-//# sourceMappingURL=index.js.map

package/dist/views/form-builder/form-fields/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/views/form-builder/form-fields.tsx"],"sourcesContent":["// React imports\r\nimport React, { memo, useMemo, useCallback } from 'react';\r\n\r\n// Material UI imports\r\nimport { Grid } from '@mui/material';\r\n\r\n// ERP Common imports - Form builder elements\r\nimport DynamicInput from '@/components/form-control/form-builder/form-builder-element/text';\r\nimport DynamicCheckBox from '@/components/form-control/form-builder/form-builder-element/checkbox';\r\nimport DynamicTable from '@/components/form-control/form-builder/form-builder-element/table';\r\nimport DynamicElementHOC from '@/components/form-control/form-builder/form-builder-element/dynamic-element-hoc';\r\nimport DynamicRadioButton from '@/components/form-control/form-builder/form-builder-element/radio-button';\r\nimport DynamicToggleButton from '@/components/form-control/form-builder/form-builder-element/toggle-button';\r\nimport DynamicInfo from '@/components/form-control/form-builder/form-builder-element/info';\r\nimport DynamicMedia from '@/components/form-control/form-builder/form-builder-element/media';\r\nimport DynamicTime from '@/components/form-control/form-builder/form-builder-element/time';\r\nimport DynamicDate from '@/components/form-control/form-builder/form-builder-element/date';\r\nimport DynamicSelect from '@/components/form-control/form-builder/form-builder-element/select';\r\nimport DynamicPhone from '@/components/form-control/form-builder/form-builder-element/phone';\r\n\r\n// Types\r\ninterface IField {\r\n  id: string;\r\n  field_type: string;\r\n  placeholder?: string;\r\n  label: string;\r\n  default_value?: any;\r\n  is_multiline?: boolean;\r\n  is_required?: boolean;\r\n  min_length?: number;\r\n  max_length?: number;\r\n  is_fullwidth?: boolean;\r\n  custom_width?: number;\r\n  options?: any[];\r\n  is_multiselect?: boolean;\r\n  is_future_dates_allowed?: boolean;\r\n  is_past_dates_allowed?: boolean;\r\n  option?: any;\r\n  max_size?: number;\r\n  title?: string;\r\n  display?: string;\r\n  title_position?: string;\r\n  table_columns?: any[];\r\n  float_step?: number;\r\n  type: string;\r\n}\r\n\r\ninterface FormFieldsProps {\r\n  sectionMembers: IField[];\r\n  // Add other required props with proper types\r\n  members: IField[];\r\n  activeMember?: number;\r\n  control: any;\r\n  t: (key: string) => string;\r\n  element: any;\r\n  images: any;\r\n  elementJSON?: any;\r\n  remove: (index: number) => void;\r\n  move: (from: number, to: number) => void;\r\n  handleElementSelection: (e: any) => void;\r\n  setElementSwap: (value: boolean) => void;\r\n  handleDuplicateElement: (index: number) => void;\r\n  setSelectedHoc: (value: string) => void;\r\n  setActiveMember: (value: number | undefined) => void;\r\n}\r\n\r\n// Field type mapping for better maintainability\r\nconst FIELD_TYPE_MAP = {\r\n  TEXT: 'text',\r\n  EMAIL: 'email',\r\n  NUMBER: 'number',\r\n  PHONE: 'phone',\r\n  SELECT: 'select',\r\n  DATE: 'date',\r\n  TIME: 'time',\r\n  URL: 'url',\r\n  CURRENCY: 'currency',\r\n  FILE: 'file',\r\n  IMAGE: 'image',\r\n  GEO_LOCATION: 'geoLocation',\r\n  RELATION: 'relation',\r\n  INFO: 'info',\r\n  TOGGLE_BUTTON: 'toggleButton',\r\n  RADIO_BUTTON: 'radioButton',\r\n  TAGS_INPUT: 'tagsInput',\r\n  CHECKBOX: 'checkbox',\r\n  TABLE: 'table'\r\n} as const;\r\n\r\n// Memoized individual field component\r\nconst FormField = memo<{\r\n  field: IField;\r\n  index: number;\r\n  gridItemSize: number;\r\n  activeMember?: number;\r\n  control: any;\r\n  t: (key: string) => string;\r\n  element: any;\r\n  images: any;\r\n  elementJSON?: any;\r\n  remove: (index: number) => void;\r\n  move: (from: number, to: number) => void;\r\n  handleElementSelection: (e: any) => void;\r\n  setElementSwap: (value: boolean) => void;\r\n  handleDuplicateElement: (index: number) => void;\r\n  setSelectedHoc: (value: string) => void;\r\n  setActiveMember: (value: number | undefined) => void;\r\n}>(({\r\n  field,\r\n  index,\r\n  gridItemSize,\r\n  activeMember,\r\n  control,\r\n  t,\r\n  element,\r\n  images,\r\n  elementJSON,\r\n  remove,\r\n  move,\r\n  handleElementSelection,\r\n  setElementSwap,\r\n  handleDuplicateElement,\r\n  setSelectedHoc,\r\n  setActiveMember\r\n}) => {\r\n  // Common HOC props - memoized to prevent unnecessary re-renders\r\n  const hocProps = useMemo(() => ({\r\n    activeIndex: activeMember === index,\r\n    removeElement: remove,\r\n    index,\r\n    onClick: handleElementSelection,\r\n    swap: move,\r\n    elementSwap: () => setElementSwap(true),\r\n    handleDuplicate: handleDuplicateElement,\r\n    setElementHoc: () => {\r\n      setSelectedHoc(\"\");\r\n      setActiveMember(undefined);\r\n    }\r\n  }), [\r\n    activeMember, \r\n    index, \r\n    remove, \r\n    handleElementSelection, \r\n    move, \r\n    setElementSwap, \r\n    handleDuplicateElement, \r\n    setSelectedHoc, \r\n    setActiveMember\r\n  ]);\r\n\r\n  // Common field props - memoized to prevent unnecessary re-renders\r\n  const commonFieldProps = useMemo(() => ({\r\n    key: field.id,\r\n    position: index,\r\n    placeholder: t(field.placeholder || ''),\r\n    label: t(field.label),\r\n    formControl: control,\r\n    name: \"message\",\r\n    fieldArrayName: \"members\",\r\n    required: field.is_required,\r\n    formType: \"builder\" as const,\r\n    typeOfField: field.type,\r\n    disabled: true\r\n  }), [field.id, field.placeholder, field.label, field.is_required, field.type, index, t, control]);\r\n\r\n  // Render field based on type\r\n  const renderFieldContent = useCallback(() => {\r\n    const { field_type } = field;\r\n\r\n    switch (field_type) {\r\n      case element.text.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            is_multiline={field.is_multiline}\r\n            min={field.min_length}\r\n            max={field.max_length}\r\n          />\r\n        );\r\n\r\n      case element.email.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            endIcon={<img src={images.sms} alt=\"email\" />}\r\n          />\r\n        );\r\n\r\n      case element.number.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            min={field.min_length}\r\n            max={field.max_length}\r\n            float_step={field.float_step}\r\n          />\r\n        );\r\n\r\n      case element.phone.field_type:\r\n        return (\r\n          <DynamicPhone\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            default_value={field.default_value}\r\n          />\r\n        );\r\n\r\n      case element.select.field_type:\r\n        return (\r\n          <DynamicSelect\r\n            {...commonFieldProps}\r\n            options={field.options}\r\n            defaultValue={field.default_value}\r\n            is_multiselect={field.is_multiselect}\r\n          />\r\n        );\r\n\r\n      case element.date.field_type:\r\n        return (\r\n          <DynamicDate\r\n            {...commonFieldProps}\r\n            defaultValue={field.default_value}\r\n            is_future_dates_allowed={field.is_future_dates_allowed}\r\n            is_past_dates_allowed={field.is_past_dates_allowed}\r\n            disable={true}\r\n          />\r\n        );\r\n\r\n      case element.time.field_type:\r\n        return (\r\n          <DynamicTime\r\n            {...commonFieldProps}\r\n            option={field.option}\r\n          />\r\n        );\r\n\r\n      case element.url.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            endIcon={<img src={images.url} alt=\"url\" />}\r\n          />\r\n        );\r\n\r\n      case element.currency.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            endIcon={<img src={images.dollar} alt=\"currency\" />}\r\n          />\r\n        );\r\n\r\n      case element.file.field_type:\r\n      case element.image.field_type:\r\n        return (\r\n          <DynamicMedia\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            max_size={field.max_size}\r\n          />\r\n        );\r\n\r\n      case element.geoLocation.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            endIcon={<img src={images.location} alt=\"location\" />}\r\n          />\r\n        );\r\n\r\n      case element.relation.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            is_multiline={field.is_multiline}\r\n            min={field.min_length}\r\n            max={field.max_length}\r\n            label={\r\n              <span\r\n                className=\"formSection--Relation\"\r\n                data-position={index}\r\n                data-name={`members.${index}.message`}\r\n              >\r\n                {t(field.label)}\r\n                <img src={images.relation} alt=\"relation\" />\r\n              </span>\r\n            }\r\n          />\r\n        );\r\n\r\n      case element.info.field_type:\r\n        return (\r\n          <DynamicInfo\r\n            {...commonFieldProps}\r\n            defaultValue={field.default_value}\r\n          />\r\n        );\r\n\r\n      case element.toggleButton.field_type:\r\n        return (\r\n          <DynamicToggleButton\r\n            {...commonFieldProps}\r\n            title={t(field.title || '')}\r\n            titlePosition={elementJSON?.title_position}\r\n          />\r\n        );\r\n\r\n      case element.radioButton.field_type:\r\n        return (\r\n          <DynamicRadioButton\r\n            {...commonFieldProps}\r\n            options={field.options}\r\n            display={field.display}\r\n            titlePosition={elementJSON?.title_position}\r\n          />\r\n        );\r\n\r\n      case element.tagsInput.field_type:\r\n        return (\r\n          <DynamicInput\r\n            {...commonFieldProps}\r\n            type={field_type}\r\n            defaultValue={field.default_value}\r\n            is_multiline={field.is_multiline}\r\n            min={field.min_length}\r\n            max={field.max_length}\r\n          />\r\n        );\r\n\r\n      case element.checkbox.field_type:\r\n        return (\r\n          <DynamicCheckBox\r\n            {...commonFieldProps}\r\n            title={t(field.title || '')}\r\n            titlePosition={field.title_position}\r\n          />\r\n        );\r\n\r\n      case element.table.field_type:\r\n        return (\r\n          <DynamicTable\r\n            {...commonFieldProps}\r\n            columns={field.table_columns || elementJSON?.table_columns || []}\r\n          />\r\n        );\r\n\r\n      default:\r\n        console.warn(`Unknown field type: ${field_type}`);\r\n        return null;\r\n    }\r\n  }, [field, commonFieldProps, element, images, elementJSON, t, index]);\r\n\r\n  return (\r\n    <Grid item xs={gridItemSize}>\r\n      <DynamicElementHOC\r\n        {...hocProps}\r\n        element={field.field_type}\r\n      >\r\n        {renderFieldContent()}\r\n      </DynamicElementHOC>\r\n    </Grid>\r\n  );\r\n});\r\n\r\nFormField.displayName = 'FormField';\r\n\r\n// Main component\r\nconst FormFields: React.FC<FormFieldsProps> = memo(({\r\n  sectionMembers,\r\n  members,\r\n  activeMember,\r\n  control,\r\n  t,\r\n  element,\r\n  images,\r\n  elementJSON,\r\n  remove,\r\n  move,\r\n  handleElementSelection,\r\n  setElementSwap,\r\n  handleDuplicateElement,\r\n  setSelectedHoc,\r\n  setActiveMember\r\n}) => {\r\n  // Memoize grid item size calculation\r\n  const calculateGridSize = useCallback((field: IField): number => {\r\n    if (field.is_fullwidth || field.field_type === \"table\") return 12;\r\n    if (field.custom_width) return field.custom_width;\r\n    return 6;\r\n  }, []);\r\n\r\n  // Memoize the rendered fields\r\n  const renderedFields = useMemo(() => {\r\n    return sectionMembers.map((field: IField) => {\r\n      const index = members.findIndex(member => member === field);\r\n      const gridItemSize = calculateGridSize(field);\r\n\r\n      return (\r\n        <FormField\r\n          key={`${field.id}-${index}`} // Better key for React reconciliation\r\n          field={field}\r\n          index={index}\r\n          gridItemSize={gridItemSize}\r\n          activeMember={activeMember}\r\n          control={control}\r\n          t={t}\r\n          element={element}\r\n          images={images}\r\n          elementJSON={elementJSON}\r\n          remove={remove}\r\n          move={move}\r\n          handleElementSelection={handleElementSelection}\r\n          setElementSwap={setElementSwap}\r\n          handleDuplicateElement={handleDuplicateElement}\r\n          setSelectedHoc={setSelectedHoc}\r\n          setActiveMember={setActiveMember}\r\n        />\r\n      );\r\n    });\r\n  }, [\r\n    sectionMembers,\r\n    members,\r\n    activeMember,\r\n    control,\r\n    t,\r\n    element,\r\n    images,\r\n    elementJSON,\r\n    remove,\r\n    move,\r\n    handleElementSelection,\r\n    setElementSwap,\r\n    handleDuplicateElement,\r\n    setSelectedHoc,\r\n    setActiveMember,\r\n    calculateGridSize,\r\n    elementJSON?.field_type\r\n  ]);\r\n\r\n  return <>{renderedFields}</>;\r\n});\r\n\r\nFormFields.displayName = 'FormFields';\r\n\r\nexport default FormFields;"],"names":["FormField","memo","field","index","gridItemSize","activeMember","control","t","element","images","elementJSON","remove","move","handleElementSelection","setElementSwap","handleDuplicateElement","setSelectedHoc","setActiveMember","hocProps","useMemo","activeIndex","removeElement","onClick","swap","elementSwap","handleDuplicate","setElementHoc","commonFieldProps","key","id","position","placeholder","label","formControl","name","fieldArrayName","required","is_required","formType","typeOfField","type","disabled","renderFieldContent","useCallback","field_type","text","jsx","DynamicInput","defaultValue","default_value","is_multiline","min","min_length","max","max_length","email","endIcon","src","sms","alt","number","float_step","phone","DynamicPhone","select","DynamicSelect","options","is_multiselect","date","DynamicDate","is_future_dates_allowed","is_past_dates_allowed","disable","time","DynamicTime","option","url","currency","dollar","file","image","DynamicMedia","max_size","geoLocation","location","relation","jsxs","className","children","info","DynamicInfo","toggleButton","DynamicToggleButton","title","titlePosition","title_position","radioButton","DynamicRadioButton","display","tagsInput","checkbox","DynamicCheckBox","table","DynamicTable","columns","table_columns","Grid","item","xs","DynamicElementHOC","displayName","FormFields","sectionMembers","members","calculateGridSize","is_fullwidth","custom_width","renderedFields","map","findIndex","member"],"mappings":"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"}