unifyedx-storybook-new 0.1.81 → 0.1.82

package/dist/unifyedx-storybook-new.es.js

@@ -77186,6 +77186,47 @@ const FullConfigPage = ({
     overview = {},
     configuration = []
   } = config;
+  const processedConfiguration = configuration.map((section) => {
+    if (section.type === "section" && section.fields) {
+      const processedFields = [...section.fields];
+      const appkeyFieldIndex = processedFields.findIndex((field) => field.key === "appkey");
+      if (appkeyFieldIndex !== -1) {
+        const appkeyField = processedFields[appkeyFieldIndex];
+        processedFields[appkeyFieldIndex] = {
+          ...appkeyField,
+          default: appid,
+          value: appid,
+          disabled: true,
+          placeholder: appid
+        };
+        const displaynameFieldExists = processedFields.some((field) => field.key === "displayname");
+        if (!displaynameFieldExists) {
+          const displaynameField = {
+            key: "displayname",
+            label: "Display Name",
+            fieldtype: "text",
+            default: appid,
+            value: appid,
+            placeholder: "Enter display name",
+            required: false
+          };
+          processedFields.splice(appkeyFieldIndex + 1, 0, displaynameField);
+        } else {
+          const displaynameFieldIndex = processedFields.findIndex((field) => field.key === "displayname");
+          processedFields[displaynameFieldIndex] = {
+            ...processedFields[displaynameFieldIndex],
+            default: appid,
+            value: appid
+          };
+        }
+      }
+      return {
+        ...section,
+        fields: processedFields
+      };
+    }
+    return section;
+  });
   const defaultPageHeader = {
     heading: "App Details",
     subHeading: "View app details and customize configurations to align with institutional requirements.",
@@ -77210,8 +77251,19 @@ const FullConfigPage = ({
       console.log("User cancelled the cancel action - modal closed, data preserved");
     }
   }, []);
+  const getDisplayName = () => {
+    for (const section of processedConfiguration) {
+      if (section.type === "section" && section.fields) {
+        const displaynameField = section.fields.find((field) => field.key === "displayname");
+        if (displaynameField) {
+          return displaynameField.default || displaynameField.value || appid;
+        }
+      }
+    }
+    return appid;
+  };
   const defaultAppletHeader = {
-    heading: "Application",
+    heading: getDisplayName(),
     subHeading: "Application configuration and details",
     tags: [],
     ...appletHeader
@@ -77237,7 +77289,7 @@ const FullConfigPage = ({
   };
   const tabs = [
     { label: "Overview", content: renderOverview(defaultOverview) },
-    { label: "Configuration", content: /* @__PURE__ */ jsx(DynamicConfig, { appid, configdata: { configuration }, disableApi, onCancel: handleCancelRequest }) }
+    { label: "Configuration", content: /* @__PURE__ */ jsx(DynamicConfig, { appid, configdata: { configuration: processedConfiguration }, disableApi, onCancel: handleCancelRequest }) }
   ];
   function renderIcon(icon) {
     if (!icon) {