@wso2/am-core-ui 0.0.17 → 0.0.19

package/dist/index-CGDYgUCH.js

@@ -0,0 +1,711 @@
+import { c as Q } from "react/compiler-runtime";
+import { jsx as e, jsxs as i, Fragment as se } from "react/jsx-runtime";
+import { useNavigate as le, useParams as W, generatePath as _, Routes as ce, Route as L, Navigate as de } from "react-router-dom";
+import { ar as Y, cb as q, z as he, g as F, P as J, ch as M } from "./index-B_Z0MwXk.js";
+import { useState as Z, useMemo as V, Fragment as pe } from "react";
+import { SearchBar as ue, ListingTable as r, Stack as c, Skeleton as I, Alert as B, Typography as h, Avatar as me, Tooltip as O, IconButton as ee, Grid as m, Card as w, CardContent as ve, Box as $, List as G, ListSubheader as ge, Divider as ye, Chip as fe, ListItemButton as xe, ListItemIcon as Ie, ListItemText as be } from "@wso2/oxygen-ui";
+import { AlertTriangle as P, KeyRound as X, Search as Ce, Copy as ne, Users as te, Shield as ie, Folder as re, CheckCircle as ke, LayoutGrid as we } from "@wso2/oxygen-ui-icons-react";
+import "@tanstack/react-query";
+import { c as oe } from "./clipboard-YAzStmkw.js";
+const ae = "Thunder", j = {
+  fontFamily: "monospace",
+  color: "text.secondary",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap",
+  display: "block"
+}, Te = (n, t) => [ae, n.title, n.instance.envName, n.instance.issuerUrl, n.instance.tokenUrl].join(" ").toLowerCase().includes(t);
+function Ne() {
+  const n = le(), {
+    orgId: t
+  } = W(), {
+    pushSnackBar: o
+  } = Y(), [d, T] = Z(""), {
+    data: v,
+    isLoading: C,
+    error: k
+  } = q({
+    orgName: t
+  }), {
+    data: g,
+    isLoading: y
+  } = he({
+    orgName: t
+  }), b = C || y, f = k, p = V(() => v?.thunderInstances ?? [], [v]), N = V(() => {
+    const s = new Map(p.map((a) => [a.envName, a])), l = [], u = /* @__PURE__ */ new Set();
+    for (const a of g ?? []) {
+      u.add(a.name);
+      const U = s.get(a.name);
+      U && l.push({
+        key: a.name,
+        title: a.displayName || a.name,
+        instance: U
+      });
+    }
+    for (const a of p)
+      u.has(a.envName) || l.push({
+        key: a.envName,
+        title: a.displayName || a.envName,
+        instance: a
+      });
+    const S = d.trim().toLowerCase();
+    return S ? l.filter((a) => Te(a, S)) : l;
+  }, [g, p, d]), z = (s, l) => {
+    s.stopPropagation(), oe(l).then((u) => {
+      o(u ? {
+        message: "Token endpoint copied to clipboard",
+        type: "success"
+      } : {
+        message: "Failed to copy token endpoint",
+        type: "error"
+      });
+    });
+  }, E = (s) => {
+    n(_(F.children.org.children.thunderInstances.children.view.path, {
+      orgId: t ?? "",
+      envName: s.envName
+    }));
+  }, x = e(ue, {
+    placeholder: "Search identity providers...",
+    size: "small",
+    fullWidth: !0,
+    value: d,
+    onChange: (s) => T(s.target.value),
+    disabled: b
+  });
+  return b ? e(r.Container, {
+    disablePaper: !0,
+    children: e(c, {
+      spacing: 1,
+      mt: 1,
+      children: Array.from({
+        length: 3
+      }).map((s, l) => i(c, {
+        direction: "row",
+        alignItems: "center",
+        spacing: 2,
+        sx: {
+          px: 2,
+          py: 1.5,
+          borderRadius: 1,
+          border: "1px solid",
+          borderColor: "divider",
+          bgcolor: "background.paper"
+        },
+        children: [e(I, {
+          variant: "circular",
+          width: 36,
+          height: 36
+        }), e(I, {
+          variant: "text",
+          width: 160,
+          height: 20,
+          sx: {
+            flex: 1
+          }
+        }), e(I, {
+          variant: "rounded",
+          width: 96,
+          height: 24
+        }), e(I, {
+          variant: "rounded",
+          width: 24,
+          height: 24
+        })]
+      }, l))
+    })
+  }) : f ? e(B, {
+    severity: "error",
+    icon: e(P, {
+      size: 18
+    }),
+    children: "Failed to load identity providers. Please try again."
+  }) : p.length === 0 ? e(r.Container, {
+    children: e(r.EmptyState, {
+      illustration: e(X, {
+        size: 64
+      }),
+      title: "No identity providers",
+      description: "Add an environment first. Each environment automatically gets a Thunder identity provider."
+    })
+  }) : i(c, {
+    spacing: 1,
+    children: [x, N.length === 0 ? e(r.Container, {
+      children: e(r.EmptyState, {
+        illustration: e(Ce, {
+          size: 64
+        }),
+        title: "No identity providers found",
+        description: "Try a different keyword or clear the search filter."
+      })
+    }) : e(c, {
+      pt: 3,
+      children: e(r.Container, {
+        disablePaper: !0,
+        children: i(r, {
+          variant: "card",
+          children: [e(r.Head, {
+            children: i(r.Row, {
+              children: [e(r.Cell, {
+                width: "240px",
+                children: "Identity Provider"
+              }), e(r.Cell, {
+                children: "Issuer"
+              }), e(r.Cell, {
+                children: "Token Endpoint"
+              })]
+            })
+          }), e(r.Body, {
+            children: N.map(({
+              key: s,
+              title: l,
+              instance: u
+            }) => i(pe, {
+              children: [e(r.Row, {
+                children: e(r.Cell, {
+                  colSpan: 3,
+                  sx: {
+                    "&&": {
+                      border: 0,
+                      p: 0
+                    }
+                  },
+                  children: e(h, {
+                    variant: "overline",
+                    color: "text.secondary",
+                    children: l
+                  })
+                })
+              }), i(r.Row, {
+                variant: "card",
+                hover: !0,
+                clickable: !0,
+                onClick: () => E(u),
+                children: [e(r.Cell, {
+                  children: e(r.CellIcon, {
+                    icon: e(me, {
+                      sx: {
+                        width: 28,
+                        height: 28,
+                        bgcolor: "primary.main",
+                        color: "primary.contrastText"
+                      },
+                      children: e(X, {
+                        size: 16
+                      })
+                    }),
+                    primary: ae,
+                    secondary: "System identity provider"
+                  })
+                }), e(r.Cell, {
+                  children: e(h, {
+                    variant: "caption",
+                    sx: {
+                      ...j,
+                      maxWidth: 280
+                    },
+                    children: u.issuerUrl
+                  })
+                }), e(r.Cell, {
+                  children: i(c, {
+                    direction: "row",
+                    alignItems: "center",
+                    spacing: 1,
+                    children: [e(h, {
+                      variant: "caption",
+                      sx: {
+                        ...j,
+                        maxWidth: 320
+                      },
+                      children: u.tokenUrl
+                    }), e(O, {
+                      title: "Copy token endpoint",
+                      children: e(ee, {
+                        size: "small",
+                        onClick: (S) => z(S, u.tokenUrl),
+                        children: e(ne, {
+                          size: 14
+                        })
+                      })
+                    })]
+                  })
+                })]
+              })]
+            }, s))
+          })]
+        })
+      })
+    })]
+  });
+}
+function A({
+  illustration: n,
+  title: t
+}) {
+  return e(r.EmptyState, {
+    illustration: n,
+    title: `${t} — Coming Soon`,
+    description: "This feature is under development.",
+    minHeight: 220,
+    // The content pane now has a real computed height (it stretches to
+    // match the sidebar nav card), so without this the empty state only
+    // takes up its 220px minHeight and sits pinned to the top instead of
+    // sitting centered in the pane.
+    sx: {
+      height: "100%"
+    }
+  });
+}
+function D({
+  label: n,
+  value: t,
+  monospace: o = !1
+}) {
+  return e(w, {
+    variant: "outlined",
+    sx: {
+      p: 2,
+      height: "100%"
+    },
+    children: i(c, {
+      spacing: 0.5,
+      children: [e(h, {
+        variant: "caption",
+        color: "text.secondary",
+        sx: {
+          fontWeight: 500
+        },
+        children: n
+      }), e(h, {
+        variant: "body2",
+        sx: {
+          fontFamily: o ? "monospace" : void 0,
+          wordBreak: "break-all"
+        },
+        children: t
+      })]
+    })
+  });
+}
+function R({
+  label: n,
+  value: t,
+  onCopy: o
+}) {
+  return e(w, {
+    variant: "outlined",
+    sx: {
+      height: "100%"
+    },
+    children: e(ve, {
+      sx: {
+        p: 2,
+        "&:last-child": {
+          pb: 2
+        }
+      },
+      children: i(c, {
+        spacing: 0.5,
+        children: [e(h, {
+          variant: "caption",
+          color: "text.secondary",
+          sx: {
+            fontWeight: 500
+          },
+          children: n
+        }), i(c, {
+          direction: "row",
+          alignItems: "center",
+          spacing: 1,
+          children: [e(h, {
+            variant: "body2",
+            sx: {
+              fontFamily: "monospace",
+              wordBreak: "break-all",
+              flex: 1,
+              fontSize: "0.8rem"
+            },
+            children: t
+          }), e(O, {
+            title: `Copy ${n}`,
+            children: e(ee, {
+              size: "small",
+              onClick: () => o(t, n),
+              sx: {
+                flexShrink: 0
+              },
+              children: e(ne, {
+                size: 14
+              })
+            })
+          })]
+        })]
+      })
+    })
+  });
+}
+function Se({
+  instance: n,
+  onCopy: t
+}) {
+  return i(c, {
+    spacing: 3,
+    children: [i(c, {
+      spacing: 1.5,
+      children: [e(h, {
+        variant: "subtitle2",
+        fontWeight: 600,
+        children: "OAuth2 Endpoints"
+      }), i(m, {
+        container: !0,
+        spacing: 2,
+        children: [e(m, {
+          size: {
+            xs: 12,
+            sm: 6,
+            md: 4
+          },
+          children: e(R, {
+            label: "Token Endpoint",
+            value: n.tokenUrl,
+            onCopy: t
+          })
+        }), e(m, {
+          size: {
+            xs: 12,
+            sm: 6,
+            md: 4
+          },
+          children: e(R, {
+            label: "JWKS Endpoint",
+            value: n.jwksUrl,
+            onCopy: t
+          })
+        }), e(m, {
+          size: {
+            xs: 12,
+            sm: 6,
+            md: 4
+          },
+          children: e(R, {
+            label: "Issuer URL",
+            value: n.issuerUrl,
+            onCopy: t
+          })
+        })]
+      })]
+    }), i(c, {
+      spacing: 1.5,
+      children: [e(h, {
+        variant: "subtitle2",
+        fontWeight: 600,
+        children: "Infrastructure"
+      }), i(m, {
+        container: !0,
+        spacing: 2,
+        children: [e(m, {
+          size: {
+            xs: 12,
+            sm: 6
+          },
+          children: e(D, {
+            label: "Kubernetes Namespace",
+            value: n.namespace,
+            monospace: !0
+          })
+        }), e(m, {
+          size: {
+            xs: 12,
+            sm: 6
+          },
+          children: e(D, {
+            label: "Environment",
+            value: n.envName,
+            monospace: !0
+          })
+        })]
+      })]
+    })]
+  });
+}
+const ze = {
+  label: "Overview",
+  icon: e(we, {
+    size: 18
+  })
+}, Ee = [{
+  label: "Agents",
+  icon: e(te, {
+    size: 18
+  })
+}, {
+  label: "Roles",
+  icon: e(ie, {
+    size: 18
+  })
+}, {
+  label: "Groups",
+  icon: e(re, {
+    size: 18
+  })
+}], Le = {
+  minWidth: 36,
+  color: "primary.main"
+}, Ae = {
+  minWidth: 36,
+  color: "inherit"
+}, Re = {
+  color: "text.secondary"
+}, Be = {
+  color: "inherit"
+};
+function H({
+  tab: n,
+  isActive: t,
+  onClick: o
+}) {
+  return i(xe, {
+    selected: t,
+    onClick: o,
+    children: [e(Ie, {
+      sx: t ? Le : Ae,
+      children: n.icon
+    }), e(be, {
+      primary: n.label,
+      sx: t ? Re : Be
+    })]
+  });
+}
+const Pe = () => {
+  const n = Q(12), {
+    orgId: t,
+    envName: o
+  } = W(), [d, T] = Z(0), {
+    pushSnackBar: v
+  } = Y();
+  let C;
+  n[0] !== t ? (C = {
+    orgName: t
+  }, n[0] = t, n[1] = C) : C = n[1];
+  const {
+    data: k,
+    isLoading: g,
+    error: y
+  } = q(C);
+  let b;
+  if (n[2] !== k?.thunderInstances || n[3] !== o || n[4] !== y || n[5] !== g || n[6] !== t || n[7] !== v || n[8] !== d) {
+    const f = k?.thunderInstances.find((x) => x.envName === o);
+    let p;
+    n[10] !== v ? (p = (x, s) => {
+      oe(x).then((l) => {
+        v(l ? {
+          message: `${s} copied to clipboard`,
+          type: "success"
+        } : {
+          message: `Failed to copy ${s}`,
+          type: "error"
+        });
+      });
+    }, n[10] = v, n[11] = p) : p = n[11];
+    const N = p, z = f?.displayName || f?.envName || o || "", E = _(F.children.org.children.thunderInstances.path, {
+      orgId: t ?? ""
+    });
+    b = e(se, {
+      children: i(J, {
+        title: z,
+        backHref: E,
+        backLabel: "Back to Identity Providers",
+        disableIcon: !0,
+        isLoading: g,
+        titleTail: f && !y ? e(O, {
+          title: "Thunder identity provider is active for this environment",
+          children: e(fe, {
+            icon: e(ke, {
+              size: 14
+            }),
+            label: "Active",
+            size: "small",
+            color: "success",
+            variant: "outlined"
+          })
+        }) : void 0,
+        children: [g && i(c, {
+          spacing: 3,
+          children: [e(m, {
+            container: !0,
+            spacing: 2,
+            children: [0, 1, 2, 3].map(We)
+          }), e(w, {
+            variant: "outlined",
+            sx: {
+              p: 3
+            },
+            children: i(c, {
+              spacing: 2,
+              children: [e(I, {
+                variant: "text",
+                width: 140,
+                height: 24
+              }), e(I, {
+                variant: "rounded",
+                height: 80
+              })]
+            })
+          })]
+        }), !!y && e(B, {
+          severity: "error",
+          icon: e(P, {
+            size: 18
+          }),
+          children: "Failed to load identity provider. Please try again."
+        }), !g && !y && !f && i(B, {
+          severity: "warning",
+          icon: e(P, {
+            size: 18
+          }),
+          children: ['Identity provider for environment "', o, '" was not found.']
+        }), f && !y && i(w, {
+          variant: "outlined",
+          sx: {
+            display: "flex",
+            overflow: "hidden",
+            minHeight: "calc(70vh - 64px)"
+          },
+          children: [i($, {
+            component: "nav",
+            sx: {
+              width: 200,
+              flexShrink: 0,
+              overflowY: "auto",
+              p: 2
+            },
+            children: [e(G, {
+              children: e(H, {
+                tab: ze,
+                isActive: d === 0,
+                onClick: () => T(0)
+              })
+            }), e(G, {
+              subheader: e(ge, {
+                disableGutters: !0,
+                disableSticky: !0,
+                children: e(h, {
+                  variant: "overline",
+                  children: "Identity Management"
+                })
+              }),
+              children: Ee.map((x, s) => {
+                const l = s + 1;
+                return e(H, {
+                  tab: x,
+                  isActive: d === l,
+                  onClick: () => T(l)
+                }, x.label);
+              })
+            })]
+          }), e(ye, {
+            orientation: "vertical",
+            flexItem: !0
+          }), i($, {
+            sx: {
+              flex: 1,
+              minWidth: 0,
+              overflowY: "auto",
+              p: 3
+            },
+            children: [d === 0 && e(Se, {
+              instance: f,
+              onCopy: N
+            }), d === 1 && e(A, {
+              illustration: e(te, {
+                size: 48
+              }),
+              title: "Agents"
+            }), d === 2 && e(A, {
+              illustration: e(ie, {
+                size: 48
+              }),
+              title: "Roles"
+            }), d === 3 && e(A, {
+              illustration: e(re, {
+                size: 48
+              }),
+              title: "Groups"
+            })]
+          })]
+        })]
+      })
+    }), n[2] = k?.thunderInstances, n[3] = o, n[4] = y, n[5] = g, n[6] = t, n[7] = v, n[8] = d, n[9] = b;
+  } else
+    b = n[9];
+  return b;
+};
+function We(n) {
+  return e(m, {
+    size: {
+      xs: 12,
+      sm: 6,
+      md: 3
+    },
+    children: e(w, {
+      variant: "outlined",
+      sx: {
+        p: 2,
+        height: "100%"
+      },
+      children: i(c, {
+        spacing: 0.5,
+        children: [e(I, {
+          variant: "text",
+          width: "40%",
+          height: 14
+        }), e(I, {
+          variant: "text",
+          width: "85%",
+          height: 20
+        })]
+      })
+    })
+  }, n);
+}
+const K = () => {
+  const n = Q(2), {
+    orgId: t
+  } = W();
+  let o;
+  return n[0] !== t ? (o = i(ce, {
+    children: [e(L, {
+      index: !0,
+      element: e(J, {
+        title: "Identity Providers",
+        description: "Environment-scoped OAuth2 identity providers for agent authentication",
+        disableIcon: !0,
+        children: e(Ne, {})
+      })
+    }), e(L, {
+      path: "view/:envName",
+      element: e(Pe, {})
+    }), e(L, {
+      path: "*",
+      element: e(de, {
+        to: _(F.children.org.children.thunderInstances.path, {
+          orgId: t
+        })
+      })
+    })]
+  }), n[0] = t, n[1] = o) : o = n[1], o;
+}, je = {
+  title: M.title,
+  description: "Environment-scoped agent identity providers for agent authentication",
+  icon: M.icon,
+  path: "/thunder-instances",
+  component: K,
+  levels: {
+    organization: K
+  }
+};
+export {
+  K as ThunderInstancesOrganization,
+  je as thunderInstancesMetaData,
+  M as thunderInstancesMetadata
+};