@integry/sdk 4.5.42 → 4.5.45

package/package.json

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

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

@@ -21,10 +21,12 @@ 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;
   activityOutputDataRaw: any;
+  objectValue?: any;
 }
 
 type Option = {
@@ -95,13 +97,16 @@ const ObjectField = (props: ObjectFieldProps) => {
     connectedAccount,
     appName,
     onChange,
+    onChangeInFlow,
     apiHandler,
     isArray = false, // Default to false
     activityOutputData,
     activityOutputDataRaw,
+    objectValue,
   } = 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 = [];
 
@@ -112,6 +117,7 @@ const ObjectField = (props: ObjectFieldProps) => {
       if (field.data_type === 'OBJECT[]' || field.data_type === 'OBJECT') {
         field.type = 'TEXTAREA';
         setShowAddMoreOption(false);
+        setObjectHasFields(false);
       }
 
       templateFields = [field];
@@ -122,6 +128,7 @@ const ObjectField = (props: ObjectFieldProps) => {
     field.properties = null;
     templateFields = [field];
     setShowAddMoreOption(false);
+    setObjectHasFields(false);
   }
   const normalizedField = {
     ...field,
@@ -146,15 +153,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);
     }
@@ -278,6 +292,7 @@ const ObjectField = (props: ObjectFieldProps) => {
                 isMappable=${activityOutputDataRaw &&
                 Object.entries(activityOutputDataRaw).length > 0}
                 allowTagsInText=${activityOutputDataRaw}
+                value=${objectValue}
               ><//>
             `}
             ${fieldType === 'CHECKBOX' &&
@@ -328,8 +343,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 +387,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(
@@ -1571,6 +1581,16 @@ class ActionForm extends Component<ActionFormPropsType, ActionFormStateType> {
                                     activityOutputDataRaw=${
                                       this.props.activityOutputData
                                     }
+                                    objectValue=${
+                                      (selectedStepData &&
+                                        selectedStepData[el.id] &&
+                                        selectedStepData[el.id].value &&
+                                        selectedStepData[el.id].value !==
+                                          'x-integry-skipped-field' &&
+                                        selectedStepData[el.id].value) ||
+                                      el.default_value ||
+                                      ''
+                                    }
                                     />
                                     </${ConfigureFieldWrapper}>
                                   </div>