@integry/sdk 4.7.36 → 4.7.38

package/package.json

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

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

@@ -2041,6 +2041,7 @@ class ActionForm extends Component<ActionFormPropsType, ActionFormStateType> {
                               }
                               case 'CUSTOM_FIELDS': {
                                 let fieldVal = null;
+                                let fieldMappedVal = null;
                                 let elParentFields = [];
                                 if (
                                   el.activity_field?.parent_fields &&
@@ -2067,6 +2068,20 @@ class ActionForm extends Component<ActionFormPropsType, ActionFormStateType> {
                                   } else {
                                     fieldVal = el.default_value;
                                   }
+                                } else {
+                                  fieldMappedVal = this.props.stepDataMapping[
+                                    selectedStep.id
+                                  ]
+                                    ? this.props.stepDataMapping[
+                                        selectedStep.id
+                                      ][el.id]
+                                    : ({} as {
+                                        objectValue: Record<
+                                          string,
+                                          string | number
+                                        >;
+                                      });
+                                  fieldMappedVal = fieldMappedVal?.objectValue;
                                 }
 
                                 return html`
@@ -2080,6 +2095,7 @@ class ActionForm extends Component<ActionFormPropsType, ActionFormStateType> {
                                     }`}
                                   >
                                     <${DynamicTypedField}
+                                      stepId=${selectedStep.id}
                                       dynamicField=${el}
                                       endpointData=${JSON.stringify({
                                         authorization_id:
@@ -2162,7 +2178,7 @@ class ActionForm extends Component<ActionFormPropsType, ActionFormStateType> {
                                       JSONToActivityOutputData(
                                         this.props.tagsTree || {},
                                       )}
-                                      value=${fieldVal}
+                                      value=${fieldVal || fieldMappedVal}
                                       allowWorkspaceConnectedAccounts=${!!this
                                         .props.onFieldChangeCallback}
                                     />

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

@@ -62,6 +62,7 @@ interface ApiResponse {
 
 const DynamicTypedFields = (props: DynamicFieldsProps) => {
   const {
+    stepId,
     dynamicField,
     sourceFlowIntegrataionInvocationUrl = '',
     selectedAuthId = '',
@@ -78,6 +79,8 @@ const DynamicTypedFields = (props: DynamicFieldsProps) => {
     allowWorkspaceConnectedAccounts = false,
     tagsTree = null,
     showMenuOnLeft = false,
+    appName = '',
+    placeHolder = '',
   } = props;
 
   const [dynamicItems, setDynamicItems] = useState<DynamicDataItem[]>([]);
@@ -314,6 +317,13 @@ const DynamicTypedFields = (props: DynamicFieldsProps) => {
         onChangeCallback(
           JSON.stringify(isArray ? newFieldSets : newFieldSets[0]),
         );
+      } else {
+        props.setStepMappingData({
+          stepId,
+          fieldId: dynamicField.id,
+          id: fieldId,
+          value: val,
+        });
       }
 
       return newFieldSets;
@@ -325,6 +335,16 @@ const DynamicTypedFields = (props: DynamicFieldsProps) => {
     onFieldSetChange(0, id, val, type);
   };
 
+  const getPlaceholder = () => {
+    let placeHolderValue = 'Enter text or map to fields...';
+    if (placeHolder) {
+      placeHolderValue = placeHolder;
+    } else if (appName) {
+      placeHolderValue = `Enter text or map to ${appName} fields...`;
+    }
+    return placeHolderValue;
+  };
+
   return html`
     <div>
       ${loading
@@ -367,7 +387,7 @@ const DynamicTypedFields = (props: DynamicFieldsProps) => {
                               <${MultipurposeField}
                                 id="${`${setIndex}_${el.id}`}"
                                 title="${el.title}"
-                                placeholder="${dynamicField.placeholder}"
+                                placeholder=${getPlaceholder()}
                                 isRequired="${el.is_required !== undefined
                                   ? el.is_required
                                   : dynamicField.is_required}"
@@ -424,7 +444,7 @@ const DynamicTypedFields = (props: DynamicFieldsProps) => {
                         <${MultipurposeField}
                           id="${el.id}"
                           title="${el.title}"
-                          placeholder="${dynamicField.placeholder}"
+                          placeholder=${getPlaceholder()}
                           isRequired="${el.is_required !== undefined
                             ? el.is_required
                             : dynamicField.is_required}"