@workos-inc/widgets 1.11.0 → 1.12.0-next.1778098442416

package/dist/cjs/api/endpoint.d.cts

@@ -565,7 +565,7 @@ type DataIntegration = {
     slug: string;
     integrationType: "asana" | "attio" | "box" | "cal-dot-com" | "calendly" | "confluence" | "datadog" | "dropbox" | "frame-io" | "front" | "github" | "gitlab" | "gmail" | "gong" | "google" | "google-calendar" | "google-drive" | "helpscout" | "hubspot" | "intercom" | "intralinks" | "jira" | "linear" | "microsoft" | "microsoft-onedrive" | "microsoft-onenote" | "microsoft-outlook" | "microsoft-outlook-calendar" | "microsoft-sharepoint" | "microsoft-teams" | "microsoft-todo" | "notion" | "prefect" | "pydantic-logfire" | "quickbooks" | "salesforce" | "sentry" | "slack" | "snowflake" | "stripe" | "xero" | "zendesk" | "zoom" | string;
     ownership: "userland_user" | "organization";
-    credentialsType: "shared" | "custom";
+    credentialsType: "shared" | "custom" | "organization";
     scopes?: string[] | null;
     createdAt: string;
     updatedAt: string;

package/dist/cjs/api-keys.client.cjs

@@ -34,21 +34,46 @@ var import_use_permissions = require("./lib/use-permissions.js");
 var import_api_keys_context = require("./lib/api-keys/api-keys-context.js");
 var import_api_key = require("./lib/api/api-key.js");
 var import_create_api_key = require("./lib/api-keys/create-api-key.js");
-const ApiKeys = ({ authToken, ...domProps }) => {
+var import_user_api_keys = require("./lib/user-api-keys/user-api-keys.js");
+var import_user_api_key = require("./lib/api/user-api-key.js");
+var import_user_api_keys_context = require("./lib/user-api-keys/user-api-keys-context.js");
+var import_create_user_api_key = require("./lib/user-api-keys/create-user-api-key.js");
+const USER_API_KEY_PERMISSION_SCOPES = [
+  "widgets:user-api-keys:manage-self",
+  "widgets:user-api-keys:manage-all"
+];
+const USER_API_KEY_MANAGE_ALL_SCOPE = "widgets:user-api-keys:manage-all";
+function hasPermission(permissions, scope) {
+  return permissions?.includes(scope) ?? false;
+}
+function canManageUserApiKeys(permissions) {
+  return USER_API_KEY_PERMISSION_SCOPES.some(
+    (scope) => hasPermission(permissions, scope)
+  );
+}
+const ApiKeys = ({
+  authToken,
+  scope = "organization",
+  ...domProps
+}) => {
   const baseUrl = (0, import_widgets_context.useWorkOsApiUrl)();
+  const ErrorComponent = scope === "organization" ? import_api_keys.ApiKeysError : import_user_api_keys.UserApiKeysError;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_error_boundary.ErrorBoundary,
     {
-      fallbackRender: ({ error }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_api_keys.ApiKeysError, { ...domProps, error }),
+      fallbackRender: ({ error }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorComponent, { ...domProps, error }),
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_api_provider.ApiProvider,
         {
-          widgetType: "api-keys",
+          widgetType: scope === "organization" ? "api-keys" : "user-api-keys",
           authToken,
           baseUrl,
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_api_keys_context.ApiKeysContextProvider, { children: [
+          children: scope === "organization" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_api_keys_context.ApiKeysContextProvider, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_create_api_key.CreateApiKeyDialog, {}),
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ApiKeysImpl, { ...domProps })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_user_api_keys_context.UserApiKeysContextProvider, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CreateUserApiKeyDialogGate, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UserApiKeysImpl, { ...domProps })
           ] })
         }
       )
@@ -85,6 +110,49 @@ const ApiKeysImpl = (props) => {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_api_keys.ApiKeysError, { error: apiKeys.error, ...props });
 };
+const CreateUserApiKeyDialogGate = () => {
+  const { permissions } = (0, import_api_provider.useApi)();
+  const canCreate = canManageUserApiKeys(permissions);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_create_user_api_key.CreateUserApiKeyDialog, { canCreate });
+};
+const UserApiKeysImpl = (props) => {
+  const isApiReady = (0, import_api_provider.useApiReady)();
+  const apiKeys = (0, import_user_api_key.useUserApiKeys)();
+  const { state } = (0, import_user_api_keys_context.useUserApiKeysContext)();
+  const { permissions } = (0, import_api_provider.useApi)();
+  const canCreate = canManageUserApiKeys(permissions);
+  const canManageAll = hasPermission(
+    permissions,
+    USER_API_KEY_MANAGE_ALL_SCOPE
+  );
+  (0, import_user_api_key.useListUserApiKeyPermissions)({ limit: 100 });
+  const permissionsQuery = (0, import_use_permissions.usePermissions)(USER_API_KEY_PERMISSION_SCOPES);
+  if (!isApiReady || apiKeys.isLoading || permissionsQuery.isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_user_api_keys.UserApiKeysLoading, { canManageAll, ...props });
+  }
+  if (permissionsQuery.isError || apiKeys.isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_user_api_keys.UserApiKeysError,
+      {
+        error: permissionsQuery.error || apiKeys.error,
+        ...props
+      }
+    );
+  }
+  if (apiKeys.isSuccess) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_user_api_keys.UserApiKeys,
+      {
+        apiKeys: apiKeys.data,
+        searchQuery: state.searchQuery,
+        canCreate,
+        canManageAll,
+        ...props
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_user_api_keys.UserApiKeysLoading, { canManageAll, ...props });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ApiKeys,

package/dist/cjs/api-keys.client.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/api-keys.client.tsx"],"sourcesContent":["\"use client\";\nimport { ApiProvider, AuthToken, useApiReady } from \"./api/api-provider.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport {\n  ApiKeysLoading,\n  ApiKeys as ApiKeysPresentational,\n  ApiKeysError,\n} from \"./lib/api-keys/api-keys.js\";\nimport type {\n  ApiKeysLoadingProps,\n  ApiKeysErrorProps,\n} from \"./lib/api-keys/api-keys.js\";\nimport { useListOrganizationApiKeyPermissions } from \"./api/endpoint.js\";\nimport * as React from \"react\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\nimport { usePermissions } from \"./lib/use-permissions.js\";\nimport {\n  ApiKeysContextProvider,\n  useApiKeysContext,\n} from \"./lib/api-keys/api-keys-context.js\";\nimport { useApiKeys } from \"./lib/api/api-key.js\";\nimport { CreateApiKeyDialog } from \"./lib/api-keys/create-api-key.js\";\nimport type { WidgetRootDomProps } from \"./lib/utils.js\";\n\ninterface ApiKeysProps extends WidgetRootDomProps {\n  authToken: AuthToken;\n}\n\nconst ApiKeys: React.FC<ApiKeysProps> = ({ authToken, ...domProps }) => {\n  const baseUrl = useWorkOsApiUrl();\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <ApiKeysError {...domProps} error={error} />\n      )}\n    >\n      <ApiProvider\n        widgetType=\"api-keys\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <ApiKeysContextProvider>\n          <CreateApiKeyDialog />\n          <ApiKeysImpl {...domProps} />\n        </ApiKeysContextProvider>\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\nconst ApiKeysImpl = (props: WidgetRootDomProps) => {\n  const isApiReady = useApiReady();\n  const apiKeys = useApiKeys();\n  const { state } = useApiKeysContext();\n  useListOrganizationApiKeyPermissions({ limit: 100 });\n  const permissionsQuery = usePermissions(\"widgets:api-keys:manage\");\n\n  if (!isApiReady || apiKeys.isLoading || permissionsQuery.isLoading) {\n    return <ApiKeysLoading {...props} />;\n  }\n\n  if (permissionsQuery.isError || apiKeys.isError) {\n    return (\n      <ApiKeysError\n        error={permissionsQuery.error || apiKeys.error}\n        {...props}\n      />\n    );\n  }\n\n  if (apiKeys.isSuccess) {\n    return (\n      <ApiKeysPresentational\n        apiKeys={apiKeys.data}\n        searchQuery={state.searchQuery}\n        {...props}\n      />\n    );\n  }\n\n  return <ApiKeysError error={apiKeys.error} {...props} />;\n};\n\nexport type { ApiKeysProps, ApiKeysLoadingProps, ApiKeysErrorProps };\nexport { ApiKeys, ApiKeysLoading, ApiKeysError };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCQ;AAhCR,0BAAoD;AACpD,6BAAgC;AAChC,sBAIO;AAKP,sBAAqD;AAErD,4BAA8B;AAC9B,6BAA+B;AAC/B,8BAGO;AACP,qBAA2B;AAC3B,4BAAmC;AAOnC,MAAM,UAAkC,CAAC,EAAE,WAAW,GAAG,SAAS,MAAM;AACtE,QAAM,cAAU,wCAAgB;AAChC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MACvB,4CAAC,gCAAc,GAAG,UAAU,OAAc;AAAA,MAG5C;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX;AAAA,UACA;AAAA,UAEA,uDAAC,kDACC;AAAA,wDAAC,4CAAmB;AAAA,YACpB,4CAAC,eAAa,GAAG,UAAU;AAAA,aAC7B;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,cAAc,CAAC,UAA8B;AACjD,QAAM,iBAAa,iCAAY;AAC/B,QAAM,cAAU,2BAAW;AAC3B,QAAM,EAAE,MAAM,QAAI,2CAAkB;AACpC,4DAAqC,EAAE,OAAO,IAAI,CAAC;AACnD,QAAM,uBAAmB,uCAAe,yBAAyB;AAEjE,MAAI,CAAC,cAAc,QAAQ,aAAa,iBAAiB,WAAW;AAClE,WAAO,4CAAC,kCAAgB,GAAG,OAAO;AAAA,EACpC;AAEA,MAAI,iBAAiB,WAAW,QAAQ,SAAS;AAC/C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,iBAAiB,SAAS,QAAQ;AAAA,QACxC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AAEA,MAAI,QAAQ,WAAW;AACrB,WACE;AAAA,MAAC,gBAAAA;AAAA,MAAA;AAAA,QACC,SAAS,QAAQ;AAAA,QACjB,aAAa,MAAM;AAAA,QAClB,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AAEA,SAAO,4CAAC,gCAAa,OAAO,QAAQ,OAAQ,GAAG,OAAO;AACxD;","names":["ApiKeysPresentational"]}
+{"version":3,"sources":["../../src/api-keys.client.tsx"],"sourcesContent":["\"use client\";\nimport {\n  ApiProvider,\n  AuthToken,\n  useApi,\n  useApiReady,\n} from \"./api/api-provider.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport {\n  ApiKeysLoading,\n  ApiKeys as ApiKeysPresentational,\n  ApiKeysError,\n} from \"./lib/api-keys/api-keys.js\";\nimport type {\n  ApiKeysLoadingProps,\n  ApiKeysErrorProps,\n} from \"./lib/api-keys/api-keys.js\";\nimport { useListOrganizationApiKeyPermissions } from \"./api/endpoint.js\";\nimport * as React from \"react\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\nimport { usePermissions } from \"./lib/use-permissions.js\";\nimport {\n  ApiKeysContextProvider,\n  useApiKeysContext,\n} from \"./lib/api-keys/api-keys-context.js\";\nimport { useApiKeys } from \"./lib/api/api-key.js\";\nimport { CreateApiKeyDialog } from \"./lib/api-keys/create-api-key.js\";\nimport {\n  UserApiKeysLoading,\n  UserApiKeys as UserApiKeysPresentational,\n  UserApiKeysError,\n} from \"./lib/user-api-keys/user-api-keys.js\";\nimport {\n  useListUserApiKeyPermissions,\n  useUserApiKeys,\n} from \"./lib/api/user-api-key.js\";\nimport {\n  UserApiKeysContextProvider,\n  useUserApiKeysContext,\n} from \"./lib/user-api-keys/user-api-keys-context.js\";\nimport { CreateUserApiKeyDialog } from \"./lib/user-api-keys/create-user-api-key.js\";\nimport type { WidgetRootDomProps } from \"./lib/utils.js\";\n\ninterface ApiKeysProps extends WidgetRootDomProps {\n  authToken: AuthToken;\n  scope?: \"organization\" | \"user\";\n}\n\nconst USER_API_KEY_PERMISSION_SCOPES = [\n  \"widgets:user-api-keys:manage-self\",\n  \"widgets:user-api-keys:manage-all\",\n] as const;\n\nconst USER_API_KEY_MANAGE_ALL_SCOPE = \"widgets:user-api-keys:manage-all\";\n\nfunction hasPermission(\n  permissions: string[] | undefined,\n  scope: (typeof USER_API_KEY_PERMISSION_SCOPES)[number],\n) {\n  return permissions?.includes(scope) ?? false;\n}\n\nfunction canManageUserApiKeys(permissions: string[] | undefined) {\n  return USER_API_KEY_PERMISSION_SCOPES.some((scope) =>\n    hasPermission(permissions, scope),\n  );\n}\n\nconst ApiKeys: React.FC<ApiKeysProps> = ({\n  authToken,\n  scope = \"organization\",\n  ...domProps\n}) => {\n  const baseUrl = useWorkOsApiUrl();\n  const ErrorComponent =\n    scope === \"organization\" ? ApiKeysError : UserApiKeysError;\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <ErrorComponent {...domProps} error={error} />\n      )}\n    >\n      <ApiProvider\n        widgetType={scope === \"organization\" ? \"api-keys\" : \"user-api-keys\"}\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        {scope === \"organization\" ? (\n          <ApiKeysContextProvider>\n            <CreateApiKeyDialog />\n            <ApiKeysImpl {...domProps} />\n          </ApiKeysContextProvider>\n        ) : (\n          <UserApiKeysContextProvider>\n            <CreateUserApiKeyDialogGate />\n            <UserApiKeysImpl {...domProps} />\n          </UserApiKeysContextProvider>\n        )}\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\nconst ApiKeysImpl = (props: WidgetRootDomProps) => {\n  const isApiReady = useApiReady();\n  const apiKeys = useApiKeys();\n  const { state } = useApiKeysContext();\n  useListOrganizationApiKeyPermissions({ limit: 100 });\n  const permissionsQuery = usePermissions(\"widgets:api-keys:manage\");\n\n  if (!isApiReady || apiKeys.isLoading || permissionsQuery.isLoading) {\n    return <ApiKeysLoading {...props} />;\n  }\n\n  if (permissionsQuery.isError || apiKeys.isError) {\n    return (\n      <ApiKeysError\n        error={permissionsQuery.error || apiKeys.error}\n        {...props}\n      />\n    );\n  }\n\n  if (apiKeys.isSuccess) {\n    return (\n      <ApiKeysPresentational\n        apiKeys={apiKeys.data}\n        searchQuery={state.searchQuery}\n        {...props}\n      />\n    );\n  }\n\n  return <ApiKeysError error={apiKeys.error} {...props} />;\n};\n\nconst CreateUserApiKeyDialogGate = () => {\n  const { permissions } = useApi();\n  const canCreate = canManageUserApiKeys(permissions);\n\n  return <CreateUserApiKeyDialog canCreate={canCreate} />;\n};\n\nconst UserApiKeysImpl = (props: WidgetRootDomProps) => {\n  const isApiReady = useApiReady();\n  const apiKeys = useUserApiKeys();\n  const { state } = useUserApiKeysContext();\n  const { permissions } = useApi();\n  const canCreate = canManageUserApiKeys(permissions);\n  const canManageAll = hasPermission(\n    permissions,\n    USER_API_KEY_MANAGE_ALL_SCOPE,\n  );\n\n  useListUserApiKeyPermissions({ limit: 100 });\n  const permissionsQuery = usePermissions(USER_API_KEY_PERMISSION_SCOPES);\n\n  if (!isApiReady || apiKeys.isLoading || permissionsQuery.isLoading) {\n    return <UserApiKeysLoading canManageAll={canManageAll} {...props} />;\n  }\n\n  if (permissionsQuery.isError || apiKeys.isError) {\n    return (\n      <UserApiKeysError\n        error={permissionsQuery.error || apiKeys.error}\n        {...props}\n      />\n    );\n  }\n\n  if (apiKeys.isSuccess) {\n    return (\n      <UserApiKeysPresentational\n        apiKeys={apiKeys.data}\n        searchQuery={state.searchQuery}\n        canCreate={canCreate}\n        canManageAll={canManageAll}\n        {...props}\n      />\n    );\n  }\n\n  return <UserApiKeysLoading canManageAll={canManageAll} {...props} />;\n};\n\nexport type { ApiKeysProps, ApiKeysLoadingProps, ApiKeysErrorProps };\nexport { ApiKeys, ApiKeysLoading, ApiKeysError };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgFQ;AA/ER,0BAKO;AACP,6BAAgC;AAChC,sBAIO;AAKP,sBAAqD;AAErD,4BAA8B;AAC9B,6BAA+B;AAC/B,8BAGO;AACP,qBAA2B;AAC3B,4BAAmC;AACnC,2BAIO;AACP,0BAGO;AACP,mCAGO;AACP,iCAAuC;AAQvC,MAAM,iCAAiC;AAAA,EACrC;AAAA,EACA;AACF;AAEA,MAAM,gCAAgC;AAEtC,SAAS,cACP,aACA,OACA;AACA,SAAO,aAAa,SAAS,KAAK,KAAK;AACzC;AAEA,SAAS,qBAAqB,aAAmC;AAC/D,SAAO,+BAA+B;AAAA,IAAK,CAAC,UAC1C,cAAc,aAAa,KAAK;AAAA,EAClC;AACF;AAEA,MAAM,UAAkC,CAAC;AAAA,EACvC;AAAA,EACA,QAAQ;AAAA,EACR,GAAG;AACL,MAAM;AACJ,QAAM,cAAU,wCAAgB;AAChC,QAAM,iBACJ,UAAU,iBAAiB,+BAAe;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MACvB,4CAAC,kBAAgB,GAAG,UAAU,OAAc;AAAA,MAG9C;AAAA,QAAC;AAAA;AAAA,UACC,YAAY,UAAU,iBAAiB,aAAa;AAAA,UACpD;AAAA,UACA;AAAA,UAEC,oBAAU,iBACT,6CAAC,kDACC;AAAA,wDAAC,4CAAmB;AAAA,YACpB,4CAAC,eAAa,GAAG,UAAU;AAAA,aAC7B,IAEA,6CAAC,2DACC;AAAA,wDAAC,8BAA2B;AAAA,YAC5B,4CAAC,mBAAiB,GAAG,UAAU;AAAA,aACjC;AAAA;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,cAAc,CAAC,UAA8B;AACjD,QAAM,iBAAa,iCAAY;AAC/B,QAAM,cAAU,2BAAW;AAC3B,QAAM,EAAE,MAAM,QAAI,2CAAkB;AACpC,4DAAqC,EAAE,OAAO,IAAI,CAAC;AACnD,QAAM,uBAAmB,uCAAe,yBAAyB;AAEjE,MAAI,CAAC,cAAc,QAAQ,aAAa,iBAAiB,WAAW;AAClE,WAAO,4CAAC,kCAAgB,GAAG,OAAO;AAAA,EACpC;AAEA,MAAI,iBAAiB,WAAW,QAAQ,SAAS;AAC/C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,iBAAiB,SAAS,QAAQ;AAAA,QACxC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AAEA,MAAI,QAAQ,WAAW;AACrB,WACE;AAAA,MAAC,gBAAAA;AAAA,MAAA;AAAA,QACC,SAAS,QAAQ;AAAA,QACjB,aAAa,MAAM;AAAA,QAClB,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AAEA,SAAO,4CAAC,gCAAa,OAAO,QAAQ,OAAQ,GAAG,OAAO;AACxD;AAEA,MAAM,6BAA6B,MAAM;AACvC,QAAM,EAAE,YAAY,QAAI,4BAAO;AAC/B,QAAM,YAAY,qBAAqB,WAAW;AAElD,SAAO,4CAAC,qDAAuB,WAAsB;AACvD;AAEA,MAAM,kBAAkB,CAAC,UAA8B;AACrD,QAAM,iBAAa,iCAAY;AAC/B,QAAM,cAAU,oCAAe;AAC/B,QAAM,EAAE,MAAM,QAAI,oDAAsB;AACxC,QAAM,EAAE,YAAY,QAAI,4BAAO;AAC/B,QAAM,YAAY,qBAAqB,WAAW;AAClD,QAAM,eAAe;AAAA,IACnB;AAAA,IACA;AAAA,EACF;AAEA,wDAA6B,EAAE,OAAO,IAAI,CAAC;AAC3C,QAAM,uBAAmB,uCAAe,8BAA8B;AAEtE,MAAI,CAAC,cAAc,QAAQ,aAAa,iBAAiB,WAAW;AAClE,WAAO,4CAAC,2CAAmB,cAA6B,GAAG,OAAO;AAAA,EACpE;AAEA,MAAI,iBAAiB,WAAW,QAAQ,SAAS;AAC/C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,iBAAiB,SAAS,QAAQ;AAAA,QACxC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AAEA,MAAI,QAAQ,WAAW;AACrB,WACE;AAAA,MAAC,qBAAAC;AAAA,MAAA;AAAA,QACC,SAAS,QAAQ;AAAA,QACjB,aAAa,MAAM;AAAA,QACnB;AAAA,QACA;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AAEA,SAAO,4CAAC,2CAAmB,cAA6B,GAAG,OAAO;AACpE;","names":["ApiKeysPresentational","UserApiKeysPresentational"]}

package/dist/cjs/api-keys.client.d.cts

@@ -20,6 +20,7 @@ import '@radix-ui/themes/components/select';
 
 interface ApiKeysProps extends WidgetRootDomProps {
     authToken: AuthToken;
+    scope?: "organization" | "user";
 }
 declare const ApiKeys: React.FC<ApiKeysProps>;