@integry/sdk 4.6.1 → 4.6.3

package/package.json

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

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

@@ -1,5 +1,5 @@
 import { html } from 'htm/preact';
-import { useState } from 'preact/hooks';
+import { useState, useEffect } from 'preact/hooks';
 import { Input } from '@/components/Input';
 import { TextArea } from '@/components/TextArea';
 import { CheckboxGroup } from '@/components/CheckboxGroup';
@@ -107,7 +107,9 @@ const ObjectField = (props: ObjectFieldProps) => {
     activityOutputDataRaw,
     objectValue,
   } = props;
-  const [objectArray, setObjectArray] = useState<FieldObject[]>([{}]); // Start with one empty object in the array
+  const [objectArray, setObjectArray] = useState<FieldObject[]>(
+    Array.isArray(objectValue) ? objectValue : [{}],
+  ); // Start with one empty object in the array
   const [showAddMoreOption, setShowAddMoreOption] = useState(true);
   const [objectHasFields, setObjectHasFields] = useState(true);
 
@@ -158,6 +160,21 @@ const ObjectField = (props: ObjectFieldProps) => {
     );
   }
 
+  useEffect(() => {
+    let objectValueCopy = objectValue;
+    if (typeof objectValue === 'string' && objectValue.length > 0) {
+      // if default value was sent as a strinfiyed object
+      objectValueCopy = JSON.parse(objectValue);
+    }
+    if (objectValueCopy) {
+      if (Array.isArray(objectValueCopy)) {
+        setObjectArray(objectValueCopy);
+      } else {
+        setObjectArray([objectValueCopy]);
+      }
+    }
+  }, [objectValue]);
+
   // Method to handle field changes for each object in the array
   const handleFieldChange = (
     index: number,
@@ -280,7 +297,9 @@ const ObjectField = (props: ObjectFieldProps) => {
                 activityOutputData=${activityOutputData}
                 activityOutputDataRaw=${activityOutputDataRaw}
                 description="${fieldDetails.meta.description_for_users}"
-                value=${(objectArray[objectIndex] || {})[fieldName] || ''}
+                value=${(objectArray[objectIndex] || {})[
+                  fieldDetails?.meta?.machine_name || ''
+                ] || ''}
                 placeholder="${placeholder}"
                 onChange=${(val: any) => {
                   const valueReceived =

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

@@ -186,6 +186,34 @@ class ActionForm extends Component<ActionFormPropsType, ActionFormStateType> {
     return requiredFieldsWithValues;
   };
 
+  makeTagSourceFunctionBody = (
+    obj: any,
+    sourceData: any,
+    sourceStepName: string,
+  ): any => {
+    if (typeof obj === 'string') {
+      return obj.replace(
+        new RegExp(`{[^}]*\\.${sourceStepName}\\.([a-zA-Z0-9_]+)}`, 'g'),
+        (_, key) => sourceData[key] ?? `{${sourceStepName}.${key}}`, // Preserve if not found
+      );
+    }
+    if (Array.isArray(obj)) {
+      return obj.map((item) =>
+        this.makeTagSourceFunctionBody(item, sourceData, sourceStepName),
+      );
+    }
+    if (typeof obj === 'object' && obj !== null) {
+      return Object.fromEntries(
+        Object.entries(obj).map(([key, value]) => [
+          key,
+          this.makeTagSourceFunctionBody(value, sourceData, sourceStepName),
+        ]),
+      );
+    }
+
+    return obj; // Default return for non-string, non-object, non-array types
+  };
+
   refreshRootStepData = async (callback?: any) => {
     const triggerStep = this.props.genericData.stepWithActivityOutput;
     if (triggerStep) {
@@ -247,8 +275,20 @@ class ActionForm extends Component<ActionFormPropsType, ActionFormStateType> {
             const isFunctionSource = stepTagsSource.activity_output_url.includes(
               'functions/',
             );
+            const tagSourceFunctionInvocationDetails =
+              stepTagsSource.tag_source_function_invocation_details;
+            const tagSourceFunctionBody =
+              isFunctionSource && tagSourceFunctionInvocationDetails
+                ? this.makeTagSourceFunctionBody(
+                    tagSourceFunctionInvocationDetails.body,
+                    sourceStepData,
+                    stepTagsSource.form_step_machine_name,
+                  )
+                : {};
             const callDynamicDataEndpointMethod = isFunctionSource
-              ? 'POST'
+              ? tagSourceFunctionInvocationDetails
+                ? tagSourceFunctionInvocationDetails.method
+                : 'POST'
               : 'GET';
 
             props.apiHandler
@@ -262,6 +302,7 @@ class ActionForm extends Component<ActionFormPropsType, ActionFormStateType> {
                 {
                   authorization_id: `${props.stepMapping[stepIdOfSourceStep].selectedAuthId}`,
                   ...sourceStepData,
+                  ...tagSourceFunctionBody,
                 },
                 callDynamicDataEndpointMethod,
               )