@integry/sdk 4.5.41 → 4.5.43

package/package.json

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

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

@@ -21,6 +21,7 @@ interface ObjectFieldProps {
     parentFieldId?: string,
     index?: number,
   ) => void;
+  onChangeInFlow?: (val: string) => void;
   apiHandler: any;
   isArray?: boolean; // New prop to check if the input is an array
   activityOutputData: any;
@@ -95,6 +96,7 @@ const ObjectField = (props: ObjectFieldProps) => {
     connectedAccount,
     appName,
     onChange,
+    onChangeInFlow,
     apiHandler,
     isArray = false, // Default to false
     activityOutputData,
@@ -102,6 +104,7 @@ const ObjectField = (props: ObjectFieldProps) => {
   } = props;
   const [objectArray, setObjectArray] = useState<FieldObject[]>([{}]); // Start with one empty object in the array
   const [showAddMoreOption, setShowAddMoreOption] = useState(true);
+  const [objectHasFields, setObjectHasFields] = useState(true);
 
   let templateFields = [];
 
@@ -109,9 +112,10 @@ const ObjectField = (props: ObjectFieldProps) => {
     if (field.template_fields.length > 0) {
       templateFields = field.template_fields;
     } else if (field.type === 'TEXTAREA' || field.type === 'DYNAMIC') {
-      if (field.data_type === 'OBJECT[]') {
+      if (field.data_type === 'OBJECT[]' || field.data_type === 'OBJECT') {
         field.type = 'TEXTAREA';
         setShowAddMoreOption(false);
+        setObjectHasFields(false);
       }
 
       templateFields = [field];
@@ -122,6 +126,7 @@ const ObjectField = (props: ObjectFieldProps) => {
     field.properties = null;
     templateFields = [field];
     setShowAddMoreOption(false);
+    setObjectHasFields(false);
   }
   const normalizedField = {
     ...field,
@@ -146,15 +151,22 @@ const ObjectField = (props: ObjectFieldProps) => {
     setObjectArray(updatedObjectArray);
 
     // Optionally trigger the parent change handler
+    const isFlow = !field.properties && !!field.template_fields;
     if (isArray) {
-      onChange(
-        fieldId,
-        updatedObjectArray,
-        dataType,
-        field.is_required,
-        field.id,
-        index,
-      );
+      if (isFlow && onChangeInFlow) {
+        onChangeInFlow(value);
+      } else {
+        onChange(
+          fieldId,
+          updatedObjectArray,
+          dataType,
+          field.is_required,
+          field.id,
+          index,
+        );
+      }
+    } else if (isFlow && onChangeInFlow) {
+      onChangeInFlow(value);
     } else {
       onChange(fieldId, value, dataType, field.is_required, field.id);
     }
@@ -328,8 +340,9 @@ const ObjectField = (props: ObjectFieldProps) => {
       ${objectArray.map(
         (_, index) =>
           html`
-            <div class="${styles.objectFieldWrap}">
-              <div class="${styles.label}">
+            <div class="${objectHasFields ? styles.objectFieldWrap : ''}">
+              ${objectHasFields &&
+              html`<div class="${styles.label}">
                 <label class="${styles.subLabel}">
                   <div>
                     ${field.title}${isArray ? ` ${index + 1}` : ''}
@@ -371,7 +384,7 @@ const ObjectField = (props: ObjectFieldProps) => {
                   </div>
                   <div>${field.description}</div>
                 </label>
-              </div>
+              </div>`}
               ${renderFields(normalizedField.properties, index)}
             </div>
           `,

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

@@ -1560,6 +1560,16 @@ class ActionForm extends Component<ActionFormPropsType, ActionFormStateType> {
                                   <${ObjectField}
                                       field=${el}
                                       onChange=${this.onFieldChange}
+                                      onChangeInFlow=${(val: string) => {
+                                        this.onFieldChange({
+                                          stepId: step.id,
+                                          fieldId: el.id,
+                                          value: val,
+                                          isRequired: el.is_required,
+                                          machineName:
+                                            el.activity_field?.machine_name,
+                                        });
+                                      }}
                                       apiHandler=${this.props.apiHandler}
                                       isArray=${fieldType === 'OBJECT[]'}
                                       activityOutputData=${this.arrayToNestedJSONWithFirstValue(