@integry/sdk 4.6.57 → 4.6.58

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@integry/sdk",
-  "version": "4.6.57",
+  "version": "4.6.58",
   "description": "Integry SDK",
   "main": "dist/umd/index.umd.js",
   "module": "dist/esm/index.csm.js",

package/src/components/MultipurposeField/Dropdown/index.tsx

@@ -553,7 +553,14 @@ const ListBox = (props: ListBoxProps) => {
     setSearchValue('');
     let fieldVal = el.value;
     if (isMultiSelect) {
-      let fieldIds = value ? JSON.parse(value) : [];
+      let fieldIds = [];
+      try {
+        if (value) {
+          fieldIds = JSON.parse(value);
+        }
+      } catch (e) {
+        fieldIds = [];
+      }
       fieldIds = Array.isArray(fieldIds) ? fieldIds : [String(fieldIds)];
       // check if el.id is already selected and then remove it
       if (fieldIds.includes(el.id)) {
@@ -625,7 +632,14 @@ const ListBox = (props: ListBoxProps) => {
   const getSelectedItem = useMemo(() => {
     let index = -1;
     if (isMultiSelect) {
-      let values = value ? JSON.parse(value) : [];
+      let values = [];
+      try {
+        if (value) {
+          values = JSON.parse(value);
+        }
+      } catch (e) {
+        values = [];
+      }
       values = Array.isArray(values) ? values : [String(values)];
       const indexes: any = [];
       const selectedValues =
@@ -653,7 +667,14 @@ const ListBox = (props: ListBoxProps) => {
   const getSelectedItemIcon = useMemo(() => {
     let index = -1;
     if (isMultiSelect) {
-      let values = value ? JSON.parse(value) : [];
+      let values = [];
+      try {
+        if (value) {
+          values = JSON.parse(value);
+        }
+      } catch (e) {
+        values = [];
+      }
       values = Array.isArray(values) ? values : [String(values)];
       const indexes: any = [];
       const selectedValues =

package/src/components/MultipurposeField/TagMenu/index.ts

@@ -216,10 +216,14 @@ const FieldDropdown = (props: FieldMenuProps) => {
   let selectedValues: any = [];
   if (value) {
     if (isMultiSelect) {
-      selectedValues = JSON.parse(value);
-      selectedValues = Array.isArray(selectedValues)
-        ? selectedValues
-        : [String(selectedValues)];
+      try {
+        selectedValues = JSON.parse(value);
+        selectedValues = Array.isArray(selectedValues)
+          ? selectedValues
+          : [String(selectedValues)];
+      } catch (e) {
+        selectedValues = [String(value)];
+      }
     } else {
       selectedValues = [value];
     }

package/src/components/form/ObjectField/index.ts

@@ -281,7 +281,19 @@ const ObjectField = (props: ObjectFieldProps) => {
   ) =>
     Object.entries(properties).map(([fieldName, fieldDetails], index) => {
       const fieldType = fieldDetails.meta.ui.ui_field?.type || 'TEXTFIELD';
-      const options: Option[] = fieldDetails.meta.ui.ui_field?.options || [];
+      let options: Option[] = fieldDetails.meta.ui.ui_field?.options || [];
+      if (fieldType === 'CHECKBOX') {
+        options = [
+          {
+            id: '0',
+            value: 'No',
+          },
+          {
+            id: '1',
+            value: 'Yes',
+          },
+        ];
+      }
       const placeholder =
         fieldDetails.meta.ui.placeholder ||
         (['DYNAMIC_DROPDOWN', 'STATIC_DROPDOWN'].includes(
@@ -380,22 +392,6 @@ const ObjectField = (props: ObjectFieldProps) => {
                 isDisabled=${isDisabled}
               ><//>
             `}
-            ${fieldType === 'CHECKBOX' &&
-            html`
-              <${CheckboxGroup}
-                fieldId="${fieldName}"
-                title="${fieldDetails.meta.title}"
-                value=${(objectArray[objectIndex] || {})[fieldName] || ''}
-                onChange=${(val: any) =>
-                  handleFieldChange(
-                    objectIndex,
-                    fieldName,
-                    val,
-                    fieldDetails.meta.ui.ui_field?.type || 'CHECKBOX',
-                    fieldDetails.meta.machine_name,
-                  )}
-              />
-            `}
             ${fieldType === 'DYNAMIC_DROPDOWN' &&
             html`
               <${ListBox}
@@ -426,33 +422,33 @@ const ObjectField = (props: ObjectFieldProps) => {
                 ''}
               />
             `}
-            ${fieldType === 'STATIC_DROPDOWN' &&
-            html`
-              <${ListBox}
-                key=${fieldName}
-                fieldId=${fieldName}
-                apiHandler=${apiHandler}
-                title=${fieldDetails.meta.title}
-                description=${fieldDetails.meta.description_for_users}
-                placeholder="${placeholder}"
-                isRequired="${fieldDetails.meta.is_required}"
-                isDynamic=${false}
-                isDisabled=${isDisabled}
-                endpointUrl=${JSON.stringify(
-                  fieldDetails.meta.ui.ui_field?.options,
-                ) || ''}
-                options=${options}
-                value=${(objectArray[objectIndex] || {})[fieldName] || ''}
-                onChange=${(val: any) =>
-                  handleFieldChange(
-                    objectIndex,
-                    fieldName,
-                    val,
-                    fieldDetails.meta.ui.ui_field?.type || 'DYNAMIC_DROPDOWN',
-                    fieldDetails.meta.machine_name,
-                  )}
-              />
-            `}
+            ${fieldType === 'STATIC_DROPDOWN' ||
+            (fieldType === 'CHECKBOX' &&
+              html`
+                <${ListBox}
+                  key=${`${fieldName}_${objectIndex}`}
+                  fieldId=${`${fieldName}_${objectIndex}`}
+                  apiHandler=${apiHandler}
+                  title=${fieldDetails.meta.title}
+                  description=${fieldDetails.meta.description_for_users}
+                  placeholder="${placeholder}"
+                  isRequired="${fieldDetails.meta.is_required}"
+                  isDynamic=${false}
+                  isDisabled=${isDisabled}
+                  endpointUrl=${JSON.stringify(options) || ''}
+                  options=${options}
+                  type=${fieldType}
+                  value=${(objectArray[objectIndex] || {})[fieldName] || ''}
+                  onChange=${(val: any) =>
+                    handleFieldChange(
+                      objectIndex,
+                      fieldName,
+                      val,
+                      fieldDetails.meta.ui.ui_field?.type || 'DYNAMIC_DROPDOWN',
+                      fieldDetails.meta.machine_name,
+                    )}
+                />
+              `)}
           <//>
         </div>
       `;

package/src/features/common/FunctionForm/index.ts

@@ -933,6 +933,9 @@ class FunctionForm extends Component<
                         this.props.variables || {},
                       )}
                       isDisabled=${isAIAssisted}
+                      objectValue=${this.state.dynamicFieldDataState[
+                        field.id
+                      ] || {}}
                     />
                   `,
                 )}