@integry/sdk 4.6.48 → 4.6.49

package/package.json

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

package/src/components/form/FunctionField/styles.module.scss

@@ -7,7 +7,7 @@
 .functionFieldLabel {
   display: block;
   margin-bottom: 0.5rem;
-  font-size: 13px;
+  font-size: 12px;
 }
 
 .functionFieldAddBtn {
@@ -87,6 +87,7 @@
   padding: 1.25rem 1.5rem;
   border-bottom: 1px solid #e5e7eb;
   position: relative;
+  padding-bottom: 0;
 }
 
 .functionFieldModalTitle {
@@ -100,6 +101,7 @@
   margin: 0.5rem 0 0;
   font-size: 0.875rem;
   color: #6b7280;
+  margin-bottom: 10px;
 }
 
 .functionFieldCloseBtn {

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

@@ -27,6 +27,7 @@ interface ObjectFieldProps {
   activityOutputData: any;
   activityOutputDataRaw: any;
   objectValue?: any;
+  isDisabled?: boolean;
 }
 
 type Option = {
@@ -108,6 +109,7 @@ const ObjectField = (props: ObjectFieldProps) => {
     activityOutputData,
     activityOutputDataRaw,
     objectValue,
+    isDisabled = false,
   } = props;
   const [objectArray, setObjectArray] = useState<FieldObject[]>(
     Array.isArray(objectValue) ? objectValue : [{}],
@@ -339,6 +341,7 @@ const ObjectField = (props: ObjectFieldProps) => {
                 isEditable=${true}
                 allowTagsInText=${activityOutputDataRaw}
                 fieldId=${`${field.id}_${fieldName}`}
+                isDisabled=${isDisabled}
               ><//>
             `}
             ${fieldType === 'TEXTAREA' &&
@@ -374,6 +377,7 @@ const ObjectField = (props: ObjectFieldProps) => {
                       fieldDetails?.meta?.machine_name || ''
                     ] || ''
                   : formatValueForTextarea(objectValue)}
+                isDisabled=${isDisabled}
               ><//>
             `}
             ${fieldType === 'CHECKBOX' &&
@@ -403,6 +407,7 @@ const ObjectField = (props: ObjectFieldProps) => {
                 placeholder="${placeholder}"
                 isRequired="${fieldDetails.meta.is_required}"
                 isDynamic=${true}
+                isDisabled=${isDisabled}
                 endpointUrl=${fieldDetails.meta.ui.ui_field?.data_source?.url ||
                 ''}
                 options=${options}
@@ -432,6 +437,7 @@ const ObjectField = (props: ObjectFieldProps) => {
                 placeholder="${placeholder}"
                 isRequired="${fieldDetails.meta.is_required}"
                 isDynamic=${false}
+                isDisabled=${isDisabled}
                 endpointUrl=${JSON.stringify(
                   fieldDetails.meta.ui.ui_field?.options,
                 ) || ''}

package/src/features/common/AuthSelectorV2/styles.module.scss

@@ -106,6 +106,9 @@
       &.readonly {
         // width: 70%;
       }
+      svg {
+        vertical-align: baseline;
+      }
     }
     .deleteIcon {
       width: 20px;

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

@@ -34,6 +34,7 @@ export type DynamicFieldsProps = {
   dataSourceBody?: any;
   parentFieldsChanged?: boolean;
   value?: any;
+  isDisabled?: boolean;
 } & StoreType;
 
 interface DynamicDataItem {
@@ -63,6 +64,7 @@ const DynamicTypedFields = (props: DynamicFieldsProps) => {
     activityOutputDataRaw,
     value,
     onChange,
+    isDisabled = false,
   } = props;
   const [dynamicItems, setDynamicItems] = useState<DynamicDataItem[]>([]);
   const [loading, setLoading] = useState<boolean>(true);
@@ -159,7 +161,7 @@ const DynamicTypedFields = (props: DynamicFieldsProps) => {
         : html`
             ${dynamicItems.map(
               (el) => html`
-                <div class=${styles.dynamicFieldWrapper}>
+                <div class=${styles.dynamicTypedFieldWrapper}>
                   <${MultipurposeField}
                     id="${el.id}"
                     title="${el.title}"
@@ -177,6 +179,7 @@ const DynamicTypedFields = (props: DynamicFieldsProps) => {
                     isMappable=${Object.entries(activityOutputData || {})
                       .length > 0}
                     allowTagsInText=${true}
+                    isDisabled=${isDisabled}
                   ><//>
                 </div>
               `,

package/src/features/common/DynamicTypedField/styles.module.scss

@@ -65,3 +65,9 @@ a.optionsRefresh {
   cursor: pointer;
   text-decoration: none;
 }
+.dynamicTypedFieldWrapper {
+  [class^='styles-module_readonlyHint'] {
+    top: 24px;
+    height: 37px;
+  }
+}

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

@@ -899,6 +899,7 @@ class FunctionForm extends Component<
                       this.props.variables || {},
                     )}
                     value=${this.state.dynamicFieldDataState[field.id] || {}}
+                    isDisabled=${isAIAssisted}
                   />
                 `,
               )}
@@ -931,6 +932,7 @@ class FunctionForm extends Component<
                       activityOutputDataRaw=${JSONToActivityOutputData(
                         this.props.variables || {},
                       )}
+                      isDisabled=${isAIAssisted}
                     />
                   `,
                 )}