@integry/sdk 4.6.65 → 4.6.67

package/package.json

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

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

@@ -1812,7 +1812,22 @@ class ActionForm extends Component<ActionFormPropsType, ActionFormStateType> {
                                     ><//>
                                   </div>
                                 `;
-                              case 'DYNAMIC':
+                              case 'DYNAMIC': {
+                                let fieldVal = null;
+                                if (this.props.onFieldChangeCallback) {
+                                  if (
+                                    Object.prototype.hasOwnProperty.call(
+                                      this.state.dynamicFieldsData || {},
+                                      el.activity_field?.machine_name || '',
+                                    )
+                                  ) {
+                                    fieldVal = this.state.dynamicFieldsData[
+                                      el.activity_field?.machine_name || ''
+                                    ];
+                                  } else {
+                                    fieldVal = el.default_value;
+                                  }
+                                }
                                 return html`
                                   <div
                                     key=${el.id}
@@ -1824,6 +1839,7 @@ class ActionForm extends Component<ActionFormPropsType, ActionFormStateType> {
                                     <${DynamicField}
                                       stepId=${selectedStep.id}
                                       dynamicField=${el}
+                                      objectValue=${fieldVal}
                                       endpointData=${JSON.stringify({
                                         authorization_id:
                                           (this.props.stepMapping &&
@@ -1867,9 +1883,28 @@ class ActionForm extends Component<ActionFormPropsType, ActionFormStateType> {
                                         .refreshRootStepData}
                                       parentFieldChanged=${this.state
                                         .parentFieldChanged}
+                                      onChangeCallback=${this.props
+                                        .onFieldChangeCallback
+                                        ? (val: any) => {
+                                            if (
+                                              this.props.onFieldChangeCallback
+                                            ) {
+                                              this.onFieldChange({
+                                                stepId: step.id,
+                                                fieldId: el.id,
+                                                value: val,
+                                                isRequired: el.is_required,
+                                                machineName:
+                                                  el.activity_field
+                                                    ?.machine_name,
+                                              });
+                                            }
+                                          }
+                                        : null}
                                     />
                                   </div>
                                 `;
+                              }
                               case 'SECTION':
                                 return html`
                                   <div

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

@@ -27,6 +27,8 @@ export type DynamicFieldsProps = {
   placeHolder?: string;
   refreshRootStepData?: (callback?: any) => void;
   parentFieldChanged?: boolean;
+  onChangeCallback?: (val: any) => void;
+  objectValue?: any;
 } & StoreType;
 
 interface DynamicDataItem {
@@ -52,9 +54,12 @@ const DynamicFields = (props: DynamicFieldsProps) => {
     placeHolder = '',
     refreshRootStepData,
     parentFieldChanged = false,
+    onChangeCallback = () => null,
+    objectValue = {},
   } = props;
   const [dynamicItems, setDynamicItems] = useState<DynamicDataItem[]>([]);
   const [loading, setLoading] = useState<boolean>(true);
+  const [customFieldsData, setCustomFieldsData] = useState<any>(objectValue);
   const [
     isErrorOnLoadingCustomFields,
     setIsErrorOnLoadingCustomFields,
@@ -149,12 +154,22 @@ const DynamicFields = (props: DynamicFieldsProps) => {
       });
     });
 
-    props.setStepMappingData({
-      stepId,
-      fieldId: dynamicField.id,
-      id: machineName,
-      value: valSubstituded,
-    });
+    if (onChangeCallback && objectValue !== null) {
+      const data = {
+        ...customFieldsData,
+        [machineName]: val,
+      };
+      setCustomFieldsData(data);
+
+      onChangeCallback(data);
+    } else {
+      props.setStepMappingData({
+        stepId,
+        fieldId: dynamicField.id,
+        id: machineName,
+        value: valSubstituded,
+      });
+    }
   };
 
   return html`
@@ -171,10 +186,9 @@ const DynamicFields = (props: DynamicFieldsProps) => {
               ? props.stepDataMapping[stepId][dynamicField.id]
               : ({} as { objectValue: Record<string, string | number> });
             let fieldVal = '';
-            const parsedVal = ele.objectValue as Record<
-              string,
-              string | number
-            >;
+            const parsedVal =
+              objectValue ||
+              (ele.objectValue as Record<string, string | number>);
             if (parsedVal && parsedVal[el.id]) {
               fieldVal = `${parsedVal[el.id]}`;
             }