@erpsquad/common 1.8.46 → 1.8.48

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

@@ -0,0 +1,355 @@
+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 {
+  FormField,
+  FormFields as default
+};
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +1 @@
+{"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 { FormField };\nexport default FormFields;"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,24 @@
+"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"),n=require("../../../components/form-control/form-builder/form-builder-element/table/index.js"),r=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"),m=require("../../../components/form-control/form-builder/form-builder-element/info/index.js"),s=require("../../../components/form-control/form-builder/form-builder-element/media/index.js"),u=require("../../../components/form-control/form-builder/form-builder-element/time/index.js"),d=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:y,activeMember:b,control:j,t:v,element:h,images:g,elementJSON:D,remove:q,move:I,handleElementSelection:S,setElementSwap:w,handleDuplicateElement:E,setSelectedHoc:M,setActiveMember:V})=>{const F=t.useMemo(()=>({activeIndex:b===x,removeElement:q,index:x,onClick:S,swap:I,elementSwap:()=>w(!0),handleDuplicate:E,setElementHoc:()=>{M(""),V(void 0)}}),[b,x,q,S,I,w,E,M,V]),N=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]),k=t.useCallback(()=>{const{field_type:t}=_;switch(t){case h.text.field_type:/* @__PURE__ */
+return e.jsx(l.DynamicInput,{...N,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.DynamicInput,{...N,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.DynamicInput,{...N,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.DynamicPhone,{...N,type:t,default_value:_.default_value});case h.select.field_type:/* @__PURE__ */
+return e.jsx(c.DynamicSelect,{...N,options:_.options,defaultValue:_.default_value,is_multiselect:_.is_multiselect});case h.date.field_type:/* @__PURE__ */
+return e.jsx(d.DynamicDate,{...N,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(u.DynamicTime,{...N,option:_.option});case h.url.field_type:/* @__PURE__ */
+return e.jsx(l.DynamicInput,{...N,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.DynamicInput,{...N,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(s.DynamicMedia,{...N,type:t,max_size:_.max_size});case h.geoLocation.field_type:/* @__PURE__ */
+return e.jsx(l.DynamicInput,{...N,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.DynamicInput,{...N,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(m.DynamicInfo,{...N,defaultValue:_.default_value});case h.toggleButton.field_type:/* @__PURE__ */
+return e.jsx(a.default,{...N,title:v(_.title||""),titlePosition:null==D?void 0:D.title_position});case h.radioButton.field_type:/* @__PURE__ */
+return e.jsx(o.default,{...N,options:_.options,display:_.display,titlePosition:null==D?void 0:D.title_position});case h.tagsInput.field_type:/* @__PURE__ */
+return e.jsx(l.DynamicInput,{...N,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,{...N,title:v(_.title||""),titlePosition:_.title_position});case h.table.field_type:/* @__PURE__ */
+return e.jsx(n.default,{...N,columns:_.table_columns||(null==D?void 0:D.table_columns)||[]});default:return null}},[_,N,h,g,D,v,x]);/* @__PURE__ */
+return e.jsx(p.default,{item:!0,xs:y,children:/* @__PURE__ */e.jsx(r.DynamicElementHOC,{...F,element:_.field_type,children:k()})})});_.displayName="FormField";const x=t.memo(({sectionMembers:l,members:i,activeMember:n,control:r,t:o,element:a,images:m,elementJSON:s,remove:u,move:d,handleElementSelection:c,setElementSwap:f,handleDuplicateElement:p,setSelectedHoc:x,setActiveMember:y})=>{const b=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=b(t);/* @__PURE__ */
+return e.jsx(_,{field:t,index:l,gridItemSize:j,activeMember:n,control:r,t:o,element:a,images:m,elementJSON:s,remove:u,move:d,handleElementSelection:c,setElementSwap:f,handleDuplicateElement:p,setSelectedHoc:x,setActiveMember:y},`${t.id}-${l}`)}),[l,i,n,r,o,a,m,s,u,d,c,f,p,x,y,b,null==s?void 0:s.field_type]);/* @__PURE__ */
+return e.jsx(e.Fragment,{children:j})});x.displayName="FormFields",exports.FormField=_,exports.default=x;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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 { FormField };\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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"}

package/dist/views/form-builder/redux/actionCreator/index.esm.js

@@ -1,4 +1,4 @@
-import { getV1FormBuilderId, patchV1FormBuilderId, getV1FormBuilderFieldsId, setBaseUrl } from "../../../../api-client/api.system-feature/api/index.esm.js";
+import { patchV1FormBuilderId, getV1FormBuilderId, getV1FormBuilderFieldsId, setBaseUrl } from "../../../../api-client/api.system-feature/api/index.esm.js";
 import { createAsyncThunk } from "@reduxjs/toolkit";
 import { getToken } from "../../../../utils/common/index.esm.js";
 setBaseUrl(`${"https://apidev.erpforce.co"}/system-feature`);

package/dist/views/form-builder/redux/reducer/index.esm.js

@@ -82,7 +82,12 @@ const formBuilderListSlice = createSlice({
     });
   }
 });
+const { setFormData, setPaginationModel } = formBuilderListSlice.actions;
+var reducer = formBuilderListSlice.reducer;
 export {
-  formBuilderListSlice
+  reducer as default,
+  formBuilderListSlice,
+  setFormData,
+  setPaginationModel
 };
 //# sourceMappingURL=index.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/views/form-builder/redux/reducer.ts"],"sourcesContent":["import { createSlice } from '@reduxjs/toolkit';\r\nimport {\r\n  getFieldsByFormId,\r\n  getFormDataById,\r\n  patchFormDataById,\r\n\r\n} from \"./actionCreator\";\r\nimport initialState from \"./state\";\r\n\r\nconst isJsonParse = (json: string) => {\r\n  try {\r\n    return JSON.parse(json);\r\n  } catch (error) {\r\n    return false;\r\n  }\r\n};\r\n\r\nexport const formBuilderListSlice = createSlice({\r\n  name: \"formBuilder/getAllFormData\",\r\n  initialState,\r\n  reducers: {\r\n    setFormData: (state, action) => {\r\n      state.formData = action.payload\r\n    },\r\n    setPaginationModel(state, action) {\r\n      state.paginationModel = { ...state.paginationModel, ...action.payload };\r\n    },\r\n  },\r\n  extraReducers: (builder) => {\r\n    /*--------------------------------GET Handle Pending State ---------------------------------*/\r\n\r\n\r\n\r\n    /*--------------------------------GET BY ID Handle Pending State ---------------------------------*/\r\n\r\n    builder.addCase(getFormDataById.pending, (state) => {\r\n      state.isLoading = true;\r\n      state.isError = false;\r\n      state.error = '';\r\n      state.formData = [];\r\n    });\r\n\r\n    /*--------------------------------GET BY ID Handle fullfiled State ---------------------------------*/\r\n    builder.addCase(getFormDataById.fulfilled, (state, action: any) => {\r\n      state.isLoading = false;\r\n      state.isError = false;\r\n      state.formData = action?.payload?.data?.form?.fields;\r\n      state.error = \"\";\r\n    });\r\n\r\n    /*--------------------------------GET BY ID Handle Rejected State ---------------------------------*/\r\n    builder.addCase(getFormDataById.rejected, (state, action) => {\r\n      state.isLoading = false;\r\n      state.isError = true;\r\n      state.error = action.error.message || \"\";\r\n    });\r\n    /*--------------------------------Patch Handle Pending State ---------------------------------*/\r\n\r\n    builder.addCase(patchFormDataById.pending, (state) => {\r\n      // state.isLoading = true;\r\n      // state.isError = false;\r\n      // state.isSuccess = false;\r\n      // state.error = \"\";\r\n    });\r\n\r\n    /*--------------------------------Patch Handle fullfiled State ---------------------------------*/\r\n    builder.addCase(patchFormDataById.fulfilled, (state) => {\r\n      state.isLoading = false;\r\n      state.isError = false;\r\n      // state.formData = [];\r\n      state.error = \"\";\r\n      state.isSuccess = true;\r\n    });\r\n\r\n    /*--------------------------------Patch Handle Rejected State ---------------------------------*/\r\n    builder.addCase(patchFormDataById.rejected, (state, action) => {\r\n      const error: string = isJsonParse(action.error?.message)?.message || action.error.message || \"Something went wrong\";\r\n      state.isLoading = false;\r\n      state.isError = true;\r\n      state.error = error;\r\n      state.isSuccess = false;\r\n    });\r\n\r\n\r\n\r\n\r\n    /*--------------------------------Get Fields By Form ID handle pending state ---------------------------------*/\r\n    builder.addCase(getFieldsByFormId.pending, (state) => {\r\n      state.isLoading = true;\r\n    });\r\n    /*--------------------------------Get Fields By Form ID handle fullfilled state ---------------------------------*/\r\n    builder.addCase(getFieldsByFormId.fulfilled, (state, action) => {\r\n      const incomingFields = action.payload;\r\n      if (incomingFields.length) {\r\n        let fields = {};\r\n        incomingFields.forEach((field: any) => {\r\n          for (const key in field) {\r\n            fields = {\r\n              ...fields,\r\n              [key]: field[key],\r\n            };\r\n          }\r\n        });\r\n        state.fields = fields;\r\n        state.isLoading = false;\r\n      }\r\n    });\r\n    /*--------------------------------Get Fields By Form ID handle rejected state ---------------------------------*/\r\n    builder.addCase(getFieldsByFormId.rejected, (state, action) => {\r\n      const message = `Fields API: ${isJsonParse(action.error.message as string)?.message ||\r\n        action.error.message\r\n        }`;\r\n      state.isLoading = false;\r\n      state.isError = true;\r\n      state.error = message;\r\n    });\r\n    /*--------------------------------Patch Handle Pending State ---------------------------------*/\r\n  },\r\n});\r\n\r\nexport const { setFormData, setPaginationModel } = formBuilderListSlice.actions;\r\n\r\nexport default formBuilderListSlice.reducer;\r\n"],"names":["initialState","state"],"mappings":";;;AASA,MAAM,cAAc,CAAC,SAAiB;AACpC,MAAI;AACF,WAAO,KAAK,MAAM,IAAI;AAAA,EACxB,SAAS,OAAO;AACd,WAAO;AAAA,EACT;AACF;AAEO,MAAM,uBAAuB,YAAY;AAAA,EAC9C,MAAM;AAAA,EAAA,cACNA;AAAAA,EACA,UAAU;AAAA,IACR,aAAa,CAACC,QAAO,WAAW;AAC9B,MAAAA,OAAM,WAAW,OAAO;AAAA,IAC1B;AAAA,IACA,mBAAmBA,QAAO,QAAQ;AAChC,MAAAA,OAAM,kBAAkB,EAAE,GAAGA,OAAM,iBAAiB,GAAG,OAAO,QAAA;AAAA,IAChE;AAAA,EAAA;AAAA,EAEF,eAAe,CAAC,YAAY;AAO1B,YAAQ,QAAQ,gBAAgB,SAAS,CAACA,WAAU;AAClD,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,QAAQ;AACd,MAAAA,OAAM,WAAW,CAAA;AAAA,IACnB,CAAC;AAGD,YAAQ,QAAQ,gBAAgB,WAAW,CAACA,QAAO,WAAgB;;AACjE,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,YAAW,kDAAQ,YAAR,mBAAiB,SAAjB,mBAAuB,SAAvB,mBAA6B;AAC9C,MAAAA,OAAM,QAAQ;AAAA,IAChB,CAAC;AAGD,YAAQ,QAAQ,gBAAgB,UAAU,CAACA,QAAO,WAAW;AAC3D,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,QAAQ,OAAO,MAAM,WAAW;AAAA,IACxC,CAAC;AAGD,YAAQ,QAAQ,kBAAkB,SAAS,CAACA,WAAU;AAAA,IAKtD,CAAC;AAGD,YAAQ,QAAQ,kBAAkB,WAAW,CAACA,WAAU;AACtD,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,UAAU;AAEhB,MAAAA,OAAM,QAAQ;AACd,MAAAA,OAAM,YAAY;AAAA,IACpB,CAAC;AAGD,YAAQ,QAAQ,kBAAkB,UAAU,CAACA,QAAO,WAAW;;AAC7D,YAAM,UAAgB,kBAAY,YAAO,UAAP,mBAAc,OAAO,MAAjC,mBAAoC,YAAW,OAAO,MAAM,WAAW;AAC7F,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,QAAQ;AACd,MAAAA,OAAM,YAAY;AAAA,IACpB,CAAC;AAMD,YAAQ,QAAQ,kBAAkB,SAAS,CAACA,WAAU;AACpD,MAAAA,OAAM,YAAY;AAAA,IACpB,CAAC;AAED,YAAQ,QAAQ,kBAAkB,WAAW,CAACA,QAAO,WAAW;AAC9D,YAAM,iBAAiB,OAAO;AAC9B,UAAI,eAAe,QAAQ;AACzB,YAAI,SAAS,CAAA;AACb,uBAAe,QAAQ,CAAC,UAAe;AACrC,qBAAW,OAAO,OAAO;AACvB,qBAAS;AAAA,cACP,GAAG;AAAA,cACH,CAAC,GAAG,GAAG,MAAM,GAAG;AAAA,YAAA;AAAA,UAEpB;AAAA,QACF,CAAC;AACD,QAAAA,OAAM,SAAS;AACf,QAAAA,OAAM,YAAY;AAAA,MACpB;AAAA,IACF,CAAC;AAED,YAAQ,QAAQ,kBAAkB,UAAU,CAACA,QAAO,WAAW;;AAC7D,YAAM,UAAU,iBAAe,iBAAY,OAAO,MAAM,OAAiB,MAA1C,mBAA6C,YAC1E,OAAO,MAAM,OACb;AACF,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,QAAQ;AAAA,IAChB,CAAC;AAAA,EAEH;AACF,CAAC;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/views/form-builder/redux/reducer.ts"],"sourcesContent":["import { createSlice } from '@reduxjs/toolkit';\r\nimport {\r\n  getFieldsByFormId,\r\n  getFormDataById,\r\n  patchFormDataById,\r\n\r\n} from \"./actionCreator\";\r\nimport initialState from \"./state\";\r\n\r\nconst isJsonParse = (json: string) => {\r\n  try {\r\n    return JSON.parse(json);\r\n  } catch (error) {\r\n    return false;\r\n  }\r\n};\r\n\r\nexport const formBuilderListSlice = createSlice({\r\n  name: \"formBuilder/getAllFormData\",\r\n  initialState,\r\n  reducers: {\r\n    setFormData: (state, action) => {\r\n      state.formData = action.payload\r\n    },\r\n    setPaginationModel(state, action) {\r\n      state.paginationModel = { ...state.paginationModel, ...action.payload };\r\n    },\r\n  },\r\n  extraReducers: (builder) => {\r\n    /*--------------------------------GET Handle Pending State ---------------------------------*/\r\n\r\n\r\n\r\n    /*--------------------------------GET BY ID Handle Pending State ---------------------------------*/\r\n\r\n    builder.addCase(getFormDataById.pending, (state) => {\r\n      state.isLoading = true;\r\n      state.isError = false;\r\n      state.error = '';\r\n      state.formData = [];\r\n    });\r\n\r\n    /*--------------------------------GET BY ID Handle fullfiled State ---------------------------------*/\r\n    builder.addCase(getFormDataById.fulfilled, (state, action: any) => {\r\n      state.isLoading = false;\r\n      state.isError = false;\r\n      state.formData = action?.payload?.data?.form?.fields;\r\n      state.error = \"\";\r\n    });\r\n\r\n    /*--------------------------------GET BY ID Handle Rejected State ---------------------------------*/\r\n    builder.addCase(getFormDataById.rejected, (state, action) => {\r\n      state.isLoading = false;\r\n      state.isError = true;\r\n      state.error = action.error.message || \"\";\r\n    });\r\n    /*--------------------------------Patch Handle Pending State ---------------------------------*/\r\n\r\n    builder.addCase(patchFormDataById.pending, (state) => {\r\n      // state.isLoading = true;\r\n      // state.isError = false;\r\n      // state.isSuccess = false;\r\n      // state.error = \"\";\r\n    });\r\n\r\n    /*--------------------------------Patch Handle fullfiled State ---------------------------------*/\r\n    builder.addCase(patchFormDataById.fulfilled, (state) => {\r\n      state.isLoading = false;\r\n      state.isError = false;\r\n      // state.formData = [];\r\n      state.error = \"\";\r\n      state.isSuccess = true;\r\n    });\r\n\r\n    /*--------------------------------Patch Handle Rejected State ---------------------------------*/\r\n    builder.addCase(patchFormDataById.rejected, (state, action) => {\r\n      const error: string = isJsonParse(action.error?.message)?.message || action.error.message || \"Something went wrong\";\r\n      state.isLoading = false;\r\n      state.isError = true;\r\n      state.error = error;\r\n      state.isSuccess = false;\r\n    });\r\n\r\n\r\n\r\n\r\n    /*--------------------------------Get Fields By Form ID handle pending state ---------------------------------*/\r\n    builder.addCase(getFieldsByFormId.pending, (state) => {\r\n      state.isLoading = true;\r\n    });\r\n    /*--------------------------------Get Fields By Form ID handle fullfilled state ---------------------------------*/\r\n    builder.addCase(getFieldsByFormId.fulfilled, (state, action) => {\r\n      const incomingFields = action.payload;\r\n      if (incomingFields.length) {\r\n        let fields = {};\r\n        incomingFields.forEach((field: any) => {\r\n          for (const key in field) {\r\n            fields = {\r\n              ...fields,\r\n              [key]: field[key],\r\n            };\r\n          }\r\n        });\r\n        state.fields = fields;\r\n        state.isLoading = false;\r\n      }\r\n    });\r\n    /*--------------------------------Get Fields By Form ID handle rejected state ---------------------------------*/\r\n    builder.addCase(getFieldsByFormId.rejected, (state, action) => {\r\n      const message = `Fields API: ${isJsonParse(action.error.message as string)?.message ||\r\n        action.error.message\r\n        }`;\r\n      state.isLoading = false;\r\n      state.isError = true;\r\n      state.error = message;\r\n    });\r\n    /*--------------------------------Patch Handle Pending State ---------------------------------*/\r\n  },\r\n});\r\n\r\nexport const { setFormData, setPaginationModel } = formBuilderListSlice.actions;\r\n\r\nexport default formBuilderListSlice.reducer;\r\n"],"names":["initialState","state"],"mappings":";;;AASA,MAAM,cAAc,CAAC,SAAiB;AACpC,MAAI;AACF,WAAO,KAAK,MAAM,IAAI;AAAA,EACxB,SAAS,OAAO;AACd,WAAO;AAAA,EACT;AACF;AAEO,MAAM,uBAAuB,YAAY;AAAA,EAC9C,MAAM;AAAA,EAAA,cACNA;AAAAA,EACA,UAAU;AAAA,IACR,aAAa,CAACC,QAAO,WAAW;AAC9B,MAAAA,OAAM,WAAW,OAAO;AAAA,IAC1B;AAAA,IACA,mBAAmBA,QAAO,QAAQ;AAChC,MAAAA,OAAM,kBAAkB,EAAE,GAAGA,OAAM,iBAAiB,GAAG,OAAO,QAAA;AAAA,IAChE;AAAA,EAAA;AAAA,EAEF,eAAe,CAAC,YAAY;AAO1B,YAAQ,QAAQ,gBAAgB,SAAS,CAACA,WAAU;AAClD,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,QAAQ;AACd,MAAAA,OAAM,WAAW,CAAA;AAAA,IACnB,CAAC;AAGD,YAAQ,QAAQ,gBAAgB,WAAW,CAACA,QAAO,WAAgB;;AACjE,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,YAAW,kDAAQ,YAAR,mBAAiB,SAAjB,mBAAuB,SAAvB,mBAA6B;AAC9C,MAAAA,OAAM,QAAQ;AAAA,IAChB,CAAC;AAGD,YAAQ,QAAQ,gBAAgB,UAAU,CAACA,QAAO,WAAW;AAC3D,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,QAAQ,OAAO,MAAM,WAAW;AAAA,IACxC,CAAC;AAGD,YAAQ,QAAQ,kBAAkB,SAAS,CAACA,WAAU;AAAA,IAKtD,CAAC;AAGD,YAAQ,QAAQ,kBAAkB,WAAW,CAACA,WAAU;AACtD,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,UAAU;AAEhB,MAAAA,OAAM,QAAQ;AACd,MAAAA,OAAM,YAAY;AAAA,IACpB,CAAC;AAGD,YAAQ,QAAQ,kBAAkB,UAAU,CAACA,QAAO,WAAW;;AAC7D,YAAM,UAAgB,kBAAY,YAAO,UAAP,mBAAc,OAAO,MAAjC,mBAAoC,YAAW,OAAO,MAAM,WAAW;AAC7F,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,QAAQ;AACd,MAAAA,OAAM,YAAY;AAAA,IACpB,CAAC;AAMD,YAAQ,QAAQ,kBAAkB,SAAS,CAACA,WAAU;AACpD,MAAAA,OAAM,YAAY;AAAA,IACpB,CAAC;AAED,YAAQ,QAAQ,kBAAkB,WAAW,CAACA,QAAO,WAAW;AAC9D,YAAM,iBAAiB,OAAO;AAC9B,UAAI,eAAe,QAAQ;AACzB,YAAI,SAAS,CAAA;AACb,uBAAe,QAAQ,CAAC,UAAe;AACrC,qBAAW,OAAO,OAAO;AACvB,qBAAS;AAAA,cACP,GAAG;AAAA,cACH,CAAC,GAAG,GAAG,MAAM,GAAG;AAAA,YAAA;AAAA,UAEpB;AAAA,QACF,CAAC;AACD,QAAAA,OAAM,SAAS;AACf,QAAAA,OAAM,YAAY;AAAA,MACpB;AAAA,IACF,CAAC;AAED,YAAQ,QAAQ,kBAAkB,UAAU,CAACA,QAAO,WAAW;;AAC7D,YAAM,UAAU,iBAAe,iBAAY,OAAO,MAAM,OAAiB,MAA1C,mBAA6C,YAC1E,OAAO,MAAM,OACb;AACF,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,QAAQ;AAAA,IAChB,CAAC;AAAA,EAEH;AACF,CAAC;AAEM,MAAM,EAAE,aAAa,mBAAA,IAAuB,qBAAqB;AAExE,IAAA,UAAe,qBAAqB;"}

package/dist/views/form-builder/redux/reducer/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@reduxjs/toolkit"),r=require("../actionCreator/index.js"),a=require("../state/index.js");const o=e=>{try{return JSON.parse(e)}catch(r){return!1}},d=e.createSlice({name:"formBuilder/getAllFormData",initialState:a.state,reducers:{setFormData:(e,r)=>{e.formData=r.payload},setPaginationModel(e,r){e.paginationModel={...e.paginationModel,...r.payload}}},extraReducers:e=>{e.addCase(r.getFormDataById.pending,e=>{e.isLoading=!0,e.isError=!1,e.error="",e.formData=[]}),e.addCase(r.getFormDataById.fulfilled,(e,r)=>{var a,o,d;e.isLoading=!1,e.isError=!1,e.formData=null==(d=null==(o=null==(a=null==r?void 0:r.payload)?void 0:a.data)?void 0:o.form)?void 0:d.fields,e.error=""}),e.addCase(r.getFormDataById.rejected,(e,r)=>{e.isLoading=!1,e.isError=!0,e.error=r.error.message||""}),e.addCase(r.patchFormDataById.pending,e=>{}),e.addCase(r.patchFormDataById.fulfilled,e=>{e.isLoading=!1,e.isError=!1,e.error="",e.isSuccess=!0}),e.addCase(r.patchFormDataById.rejected,(e,r)=>{var a,d;const s=(null==(d=o(null==(a=r.error)?void 0:a.message))?void 0:d.message)||r.error.message||"Something went wrong";e.isLoading=!1,e.isError=!0,e.error=s,e.isSuccess=!1}),e.addCase(r.getFieldsByFormId.pending,e=>{e.isLoading=!0}),e.addCase(r.getFieldsByFormId.fulfilled,(e,r)=>{const a=r.payload;if(a.length){let r={};a.forEach(e=>{for(const a in e)r={...r,[a]:e[a]}}),e.fields=r,e.isLoading=!1}}),e.addCase(r.getFieldsByFormId.rejected,(e,r)=>{var a;const d=`Fields API: ${(null==(a=o(r.error.message))?void 0:a.message)||r.error.message}`;e.isLoading=!1,e.isError=!0,e.error=d})}});exports.formBuilderListSlice=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@reduxjs/toolkit"),r=require("../actionCreator/index.js"),a=require("../state/index.js");const o=e=>{try{return JSON.parse(e)}catch(r){return!1}},d=e.createSlice({name:"formBuilder/getAllFormData",initialState:a.state,reducers:{setFormData:(e,r)=>{e.formData=r.payload},setPaginationModel(e,r){e.paginationModel={...e.paginationModel,...r.payload}}},extraReducers:e=>{e.addCase(r.getFormDataById.pending,e=>{e.isLoading=!0,e.isError=!1,e.error="",e.formData=[]}),e.addCase(r.getFormDataById.fulfilled,(e,r)=>{var a,o,d;e.isLoading=!1,e.isError=!1,e.formData=null==(d=null==(o=null==(a=null==r?void 0:r.payload)?void 0:a.data)?void 0:o.form)?void 0:d.fields,e.error=""}),e.addCase(r.getFormDataById.rejected,(e,r)=>{e.isLoading=!1,e.isError=!0,e.error=r.error.message||""}),e.addCase(r.patchFormDataById.pending,e=>{}),e.addCase(r.patchFormDataById.fulfilled,e=>{e.isLoading=!1,e.isError=!1,e.error="",e.isSuccess=!0}),e.addCase(r.patchFormDataById.rejected,(e,r)=>{var a,d;const s=(null==(d=o(null==(a=r.error)?void 0:a.message))?void 0:d.message)||r.error.message||"Something went wrong";e.isLoading=!1,e.isError=!0,e.error=s,e.isSuccess=!1}),e.addCase(r.getFieldsByFormId.pending,e=>{e.isLoading=!0}),e.addCase(r.getFieldsByFormId.fulfilled,(e,r)=>{const a=r.payload;if(a.length){let r={};a.forEach(e=>{for(const a in e)r={...r,[a]:e[a]}}),e.fields=r,e.isLoading=!1}}),e.addCase(r.getFieldsByFormId.rejected,(e,r)=>{var a;const d=`Fields API: ${(null==(a=o(r.error.message))?void 0:a.message)||r.error.message}`;e.isLoading=!1,e.isError=!0,e.error=d})}}),{setFormData:s,setPaginationModel:t}=d.actions;var i=d.reducer;exports.default=i,exports.formBuilderListSlice=d,exports.setFormData=s,exports.setPaginationModel=t;
 //# sourceMappingURL=index.js.map

package/dist/views/form-builder/redux/reducer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/views/form-builder/redux/reducer.ts"],"sourcesContent":["import { createSlice } from '@reduxjs/toolkit';\r\nimport {\r\n  getFieldsByFormId,\r\n  getFormDataById,\r\n  patchFormDataById,\r\n\r\n} from \"./actionCreator\";\r\nimport initialState from \"./state\";\r\n\r\nconst isJsonParse = (json: string) => {\r\n  try {\r\n    return JSON.parse(json);\r\n  } catch (error) {\r\n    return false;\r\n  }\r\n};\r\n\r\nexport const formBuilderListSlice = createSlice({\r\n  name: \"formBuilder/getAllFormData\",\r\n  initialState,\r\n  reducers: {\r\n    setFormData: (state, action) => {\r\n      state.formData = action.payload\r\n    },\r\n    setPaginationModel(state, action) {\r\n      state.paginationModel = { ...state.paginationModel, ...action.payload };\r\n    },\r\n  },\r\n  extraReducers: (builder) => {\r\n    /*--------------------------------GET Handle Pending State ---------------------------------*/\r\n\r\n\r\n\r\n    /*--------------------------------GET BY ID Handle Pending State ---------------------------------*/\r\n\r\n    builder.addCase(getFormDataById.pending, (state) => {\r\n      state.isLoading = true;\r\n      state.isError = false;\r\n      state.error = '';\r\n      state.formData = [];\r\n    });\r\n\r\n    /*--------------------------------GET BY ID Handle fullfiled State ---------------------------------*/\r\n    builder.addCase(getFormDataById.fulfilled, (state, action: any) => {\r\n      state.isLoading = false;\r\n      state.isError = false;\r\n      state.formData = action?.payload?.data?.form?.fields;\r\n      state.error = \"\";\r\n    });\r\n\r\n    /*--------------------------------GET BY ID Handle Rejected State ---------------------------------*/\r\n    builder.addCase(getFormDataById.rejected, (state, action) => {\r\n      state.isLoading = false;\r\n      state.isError = true;\r\n      state.error = action.error.message || \"\";\r\n    });\r\n    /*--------------------------------Patch Handle Pending State ---------------------------------*/\r\n\r\n    builder.addCase(patchFormDataById.pending, (state) => {\r\n      // state.isLoading = true;\r\n      // state.isError = false;\r\n      // state.isSuccess = false;\r\n      // state.error = \"\";\r\n    });\r\n\r\n    /*--------------------------------Patch Handle fullfiled State ---------------------------------*/\r\n    builder.addCase(patchFormDataById.fulfilled, (state) => {\r\n      state.isLoading = false;\r\n      state.isError = false;\r\n      // state.formData = [];\r\n      state.error = \"\";\r\n      state.isSuccess = true;\r\n    });\r\n\r\n    /*--------------------------------Patch Handle Rejected State ---------------------------------*/\r\n    builder.addCase(patchFormDataById.rejected, (state, action) => {\r\n      const error: string = isJsonParse(action.error?.message)?.message || action.error.message || \"Something went wrong\";\r\n      state.isLoading = false;\r\n      state.isError = true;\r\n      state.error = error;\r\n      state.isSuccess = false;\r\n    });\r\n\r\n\r\n\r\n\r\n    /*--------------------------------Get Fields By Form ID handle pending state ---------------------------------*/\r\n    builder.addCase(getFieldsByFormId.pending, (state) => {\r\n      state.isLoading = true;\r\n    });\r\n    /*--------------------------------Get Fields By Form ID handle fullfilled state ---------------------------------*/\r\n    builder.addCase(getFieldsByFormId.fulfilled, (state, action) => {\r\n      const incomingFields = action.payload;\r\n      if (incomingFields.length) {\r\n        let fields = {};\r\n        incomingFields.forEach((field: any) => {\r\n          for (const key in field) {\r\n            fields = {\r\n              ...fields,\r\n              [key]: field[key],\r\n            };\r\n          }\r\n        });\r\n        state.fields = fields;\r\n        state.isLoading = false;\r\n      }\r\n    });\r\n    /*--------------------------------Get Fields By Form ID handle rejected state ---------------------------------*/\r\n    builder.addCase(getFieldsByFormId.rejected, (state, action) => {\r\n      const message = `Fields API: ${isJsonParse(action.error.message as string)?.message ||\r\n        action.error.message\r\n        }`;\r\n      state.isLoading = false;\r\n      state.isError = true;\r\n      state.error = message;\r\n    });\r\n    /*--------------------------------Patch Handle Pending State ---------------------------------*/\r\n  },\r\n});\r\n\r\nexport const { setFormData, setPaginationModel } = formBuilderListSlice.actions;\r\n\r\nexport default formBuilderListSlice.reducer;\r\n"],"names":["isJsonParse","json","JSON","parse","error","formBuilderListSlice","createSlice","name","initialState","reducers","setFormData","state","action","formData","payload","setPaginationModel","paginationModel","extraReducers","builder","addCase","getFormDataById","pending","isLoading","isError","fulfilled","_c","_b","_a","data","form","fields","rejected","message","patchFormDataById","isSuccess","getFieldsByFormId","incomingFields","length","forEach","field","key"],"mappings":"4KASA,MAAMA,EAAeC,IACnB,IACE,OAAOC,KAAKC,MAAMF,EACpB,OAASG,GACP,OAAO,CACT,GAGWC,EAAuBC,EAAAA,YAAY,CAC9CC,KAAM,6BAAAC,aACNA,EAAAA,MACAC,SAAU,CACRC,YAAa,CAACC,EAAOC,KACnBD,EAAME,SAAWD,EAAOE,SAE1B,kBAAAC,CAAmBJ,EAAOC,GACxBD,EAAMK,gBAAkB,IAAKL,EAAMK,mBAAoBJ,EAAOE,QAChE,GAEFG,cAAgBC,IAOdA,EAAQC,QAAQC,EAAAA,gBAAgBC,QAAUV,IACxCA,EAAMW,WAAY,EAClBX,EAAMY,SAAU,EAChBZ,EAAMP,MAAQ,GACdO,EAAME,SAAW,KAInBK,EAAQC,QAAQC,EAAAA,gBAAgBI,UAAW,CAACb,EAAOC,eACjDD,EAAMW,WAAY,EAClBX,EAAMY,SAAU,EAChBZ,EAAME,SAAW,OAAAY,EAAA,OAAAC,EAAA,OAAAC,EAAA,MAAAf,OAAA,EAAAA,EAAQE,kBAASc,WAAjB,EAAAF,EAAuBG,WAAvB,EAAAJ,EAA6BK,OAC9CnB,EAAMP,MAAQ,KAIhBc,EAAQC,QAAQC,EAAAA,gBAAgBW,SAAU,CAACpB,EAAOC,KAChDD,EAAMW,WAAY,EAClBX,EAAMY,SAAU,EAChBZ,EAAMP,MAAQQ,EAAOR,MAAM4B,SAAW,KAIxCd,EAAQC,QAAQc,EAAAA,kBAAkBZ,QAAUV,OAQ5CO,EAAQC,QAAQc,EAAAA,kBAAkBT,UAAYb,IAC5CA,EAAMW,WAAY,EAClBX,EAAMY,SAAU,EAEhBZ,EAAMP,MAAQ,GACdO,EAAMuB,WAAY,IAIpBhB,EAAQC,QAAQc,EAAAA,kBAAkBF,SAAU,CAACpB,EAAOC,aAClD,MAAMR,GAAgB,OAAAsB,EAAA1B,EAAY,OAAA2B,EAAAf,EAAOR,YAAP,EAAAuB,EAAcK,eAA1B,EAAAN,EAAoCM,UAAWpB,EAAOR,MAAM4B,SAAW,uBAC7FrB,EAAMW,WAAY,EAClBX,EAAMY,SAAU,EAChBZ,EAAMP,MAAQA,EACdO,EAAMuB,WAAY,IAOpBhB,EAAQC,QAAQgB,EAAAA,kBAAkBd,QAAUV,IAC1CA,EAAMW,WAAY,IAGpBJ,EAAQC,QAAQgB,EAAAA,kBAAkBX,UAAW,CAACb,EAAOC,KACnD,MAAMwB,EAAiBxB,EAAOE,QAC9B,GAAIsB,EAAeC,OAAQ,CACzB,IAAIP,EAAS,CAAA,EACbM,EAAeE,QAASC,IACtB,IAAA,MAAWC,KAAOD,EAChBT,EAAS,IACJA,EACHU,CAACA,GAAMD,EAAMC,MAInB7B,EAAMmB,OAASA,EACfnB,EAAMW,WAAY,CACpB,IAGFJ,EAAQC,QAAQgB,EAAAA,kBAAkBJ,SAAU,CAACpB,EAAOC,WAClD,MAAMoB,EAAU,gBAAe,OAAAL,EAAA3B,EAAYY,EAAOR,MAAM4B,eAAzB,EAAAL,EAA6CK,UAC1EpB,EAAOR,MAAM4B,UAEfrB,EAAMW,WAAY,EAClBX,EAAMY,SAAU,EAChBZ,EAAMP,MAAQ4B"}
+{"version":3,"file":"index.js","sources":["../../../../../src/views/form-builder/redux/reducer.ts"],"sourcesContent":["import { createSlice } from '@reduxjs/toolkit';\r\nimport {\r\n  getFieldsByFormId,\r\n  getFormDataById,\r\n  patchFormDataById,\r\n\r\n} from \"./actionCreator\";\r\nimport initialState from \"./state\";\r\n\r\nconst isJsonParse = (json: string) => {\r\n  try {\r\n    return JSON.parse(json);\r\n  } catch (error) {\r\n    return false;\r\n  }\r\n};\r\n\r\nexport const formBuilderListSlice = createSlice({\r\n  name: \"formBuilder/getAllFormData\",\r\n  initialState,\r\n  reducers: {\r\n    setFormData: (state, action) => {\r\n      state.formData = action.payload\r\n    },\r\n    setPaginationModel(state, action) {\r\n      state.paginationModel = { ...state.paginationModel, ...action.payload };\r\n    },\r\n  },\r\n  extraReducers: (builder) => {\r\n    /*--------------------------------GET Handle Pending State ---------------------------------*/\r\n\r\n\r\n\r\n    /*--------------------------------GET BY ID Handle Pending State ---------------------------------*/\r\n\r\n    builder.addCase(getFormDataById.pending, (state) => {\r\n      state.isLoading = true;\r\n      state.isError = false;\r\n      state.error = '';\r\n      state.formData = [];\r\n    });\r\n\r\n    /*--------------------------------GET BY ID Handle fullfiled State ---------------------------------*/\r\n    builder.addCase(getFormDataById.fulfilled, (state, action: any) => {\r\n      state.isLoading = false;\r\n      state.isError = false;\r\n      state.formData = action?.payload?.data?.form?.fields;\r\n      state.error = \"\";\r\n    });\r\n\r\n    /*--------------------------------GET BY ID Handle Rejected State ---------------------------------*/\r\n    builder.addCase(getFormDataById.rejected, (state, action) => {\r\n      state.isLoading = false;\r\n      state.isError = true;\r\n      state.error = action.error.message || \"\";\r\n    });\r\n    /*--------------------------------Patch Handle Pending State ---------------------------------*/\r\n\r\n    builder.addCase(patchFormDataById.pending, (state) => {\r\n      // state.isLoading = true;\r\n      // state.isError = false;\r\n      // state.isSuccess = false;\r\n      // state.error = \"\";\r\n    });\r\n\r\n    /*--------------------------------Patch Handle fullfiled State ---------------------------------*/\r\n    builder.addCase(patchFormDataById.fulfilled, (state) => {\r\n      state.isLoading = false;\r\n      state.isError = false;\r\n      // state.formData = [];\r\n      state.error = \"\";\r\n      state.isSuccess = true;\r\n    });\r\n\r\n    /*--------------------------------Patch Handle Rejected State ---------------------------------*/\r\n    builder.addCase(patchFormDataById.rejected, (state, action) => {\r\n      const error: string = isJsonParse(action.error?.message)?.message || action.error.message || \"Something went wrong\";\r\n      state.isLoading = false;\r\n      state.isError = true;\r\n      state.error = error;\r\n      state.isSuccess = false;\r\n    });\r\n\r\n\r\n\r\n\r\n    /*--------------------------------Get Fields By Form ID handle pending state ---------------------------------*/\r\n    builder.addCase(getFieldsByFormId.pending, (state) => {\r\n      state.isLoading = true;\r\n    });\r\n    /*--------------------------------Get Fields By Form ID handle fullfilled state ---------------------------------*/\r\n    builder.addCase(getFieldsByFormId.fulfilled, (state, action) => {\r\n      const incomingFields = action.payload;\r\n      if (incomingFields.length) {\r\n        let fields = {};\r\n        incomingFields.forEach((field: any) => {\r\n          for (const key in field) {\r\n            fields = {\r\n              ...fields,\r\n              [key]: field[key],\r\n            };\r\n          }\r\n        });\r\n        state.fields = fields;\r\n        state.isLoading = false;\r\n      }\r\n    });\r\n    /*--------------------------------Get Fields By Form ID handle rejected state ---------------------------------*/\r\n    builder.addCase(getFieldsByFormId.rejected, (state, action) => {\r\n      const message = `Fields API: ${isJsonParse(action.error.message as string)?.message ||\r\n        action.error.message\r\n        }`;\r\n      state.isLoading = false;\r\n      state.isError = true;\r\n      state.error = message;\r\n    });\r\n    /*--------------------------------Patch Handle Pending State ---------------------------------*/\r\n  },\r\n});\r\n\r\nexport const { setFormData, setPaginationModel } = formBuilderListSlice.actions;\r\n\r\nexport default formBuilderListSlice.reducer;\r\n"],"names":["isJsonParse","json","JSON","parse","error","formBuilderListSlice","createSlice","name","initialState","reducers","setFormData","state","action","formData","payload","setPaginationModel","paginationModel","extraReducers","builder","addCase","getFormDataById","pending","isLoading","isError","fulfilled","_c","_b","_a","data","form","fields","rejected","message","patchFormDataById","isSuccess","getFieldsByFormId","incomingFields","length","forEach","field","key","actions","reducer"],"mappings":"4KASA,MAAMA,EAAeC,IACnB,IACE,OAAOC,KAAKC,MAAMF,EACpB,OAASG,GACP,OAAO,CACT,GAGWC,EAAuBC,EAAAA,YAAY,CAC9CC,KAAM,6BAAAC,aACNA,EAAAA,MACAC,SAAU,CACRC,YAAa,CAACC,EAAOC,KACnBD,EAAME,SAAWD,EAAOE,SAE1B,kBAAAC,CAAmBJ,EAAOC,GACxBD,EAAMK,gBAAkB,IAAKL,EAAMK,mBAAoBJ,EAAOE,QAChE,GAEFG,cAAgBC,IAOdA,EAAQC,QAAQC,EAAAA,gBAAgBC,QAAUV,IACxCA,EAAMW,WAAY,EAClBX,EAAMY,SAAU,EAChBZ,EAAMP,MAAQ,GACdO,EAAME,SAAW,KAInBK,EAAQC,QAAQC,EAAAA,gBAAgBI,UAAW,CAACb,EAAOC,eACjDD,EAAMW,WAAY,EAClBX,EAAMY,SAAU,EAChBZ,EAAME,SAAW,OAAAY,EAAA,OAAAC,EAAA,OAAAC,EAAA,MAAAf,OAAA,EAAAA,EAAQE,kBAASc,WAAjB,EAAAF,EAAuBG,WAAvB,EAAAJ,EAA6BK,OAC9CnB,EAAMP,MAAQ,KAIhBc,EAAQC,QAAQC,EAAAA,gBAAgBW,SAAU,CAACpB,EAAOC,KAChDD,EAAMW,WAAY,EAClBX,EAAMY,SAAU,EAChBZ,EAAMP,MAAQQ,EAAOR,MAAM4B,SAAW,KAIxCd,EAAQC,QAAQc,EAAAA,kBAAkBZ,QAAUV,OAQ5CO,EAAQC,QAAQc,EAAAA,kBAAkBT,UAAYb,IAC5CA,EAAMW,WAAY,EAClBX,EAAMY,SAAU,EAEhBZ,EAAMP,MAAQ,GACdO,EAAMuB,WAAY,IAIpBhB,EAAQC,QAAQc,EAAAA,kBAAkBF,SAAU,CAACpB,EAAOC,aAClD,MAAMR,GAAgB,OAAAsB,EAAA1B,EAAY,OAAA2B,EAAAf,EAAOR,YAAP,EAAAuB,EAAcK,eAA1B,EAAAN,EAAoCM,UAAWpB,EAAOR,MAAM4B,SAAW,uBAC7FrB,EAAMW,WAAY,EAClBX,EAAMY,SAAU,EAChBZ,EAAMP,MAAQA,EACdO,EAAMuB,WAAY,IAOpBhB,EAAQC,QAAQgB,EAAAA,kBAAkBd,QAAUV,IAC1CA,EAAMW,WAAY,IAGpBJ,EAAQC,QAAQgB,EAAAA,kBAAkBX,UAAW,CAACb,EAAOC,KACnD,MAAMwB,EAAiBxB,EAAOE,QAC9B,GAAIsB,EAAeC,OAAQ,CACzB,IAAIP,EAAS,CAAA,EACbM,EAAeE,QAASC,IACtB,IAAA,MAAWC,KAAOD,EAChBT,EAAS,IACJA,EACHU,CAACA,GAAMD,EAAMC,MAInB7B,EAAMmB,OAASA,EACfnB,EAAMW,WAAY,CACpB,IAGFJ,EAAQC,QAAQgB,EAAAA,kBAAkBJ,SAAU,CAACpB,EAAOC,WAClD,MAAMoB,EAAU,gBAAe,OAAAL,EAAA3B,EAAYY,EAAOR,MAAM4B,eAAzB,EAAAL,EAA6CK,UAC1EpB,EAAOR,MAAM4B,UAEfrB,EAAMW,WAAY,EAClBX,EAAMY,SAAU,EAChBZ,EAAMP,MAAQ4B,QAMPtB,YAAEA,EAAAK,mBAAaA,GAAuBV,EAAqBoC,QAExE,IAAAC,EAAerC,EAAqBqC"}