@workos-inc/widgets 1.18.0-next.1788904392369 → 1.18.0

package/dist/cjs/lib/pipes.d.cts

@@ -1,9 +1,9 @@
-import { DataIntegration, SharedDataConnection } from '../api/endpoint.cjs';
+import * as React$1 from 'react';
+import { DataIntegration, SharedDataConnection, DataInstallation, DataIntegrationConfigField } from '../api/endpoint.cjs';
 import { WidgetRootDomProps } from './utils.cjs';
 import '@tanstack/react-query';
 import '../api/widgets-api-client.cjs';
 import './elements.cjs';
-import 'react';
 import '@radix-ui/themes';
 import '@radix-ui/themes/props';
 import '../dialog-CGXwsXVe.cjs';
@@ -43,11 +43,87 @@ interface PipesSectionsProps extends PipesProps {
     /** Names the owning organization in the shared section's description. */
     organizationName?: string;
 }
+/**
+ * Who will own the resulting installation. Members connect their own account
+ * through the personal authorize endpoint; administrators connect an account
+ * on the organization's behalf through the organization one.
+ */
+type ConnectionOwner = "user" | "organization";
+declare const useOpenDataIntegrationAuthorizeUrl: (integration: DataIntegration, owner?: ConnectionOwner) => (config?: Record<string, string>) => Promise<void>;
+/**
+ * Returns the provider-declared `installation`-scope config fields that the
+ * integration has not pinned a value for, sorted by descriptor `order`. These
+ * are the fields the connect flow must prompt for (pin / prompt-if-unset).
+ */
+declare function getUnpinnedInstallationFields(integration: DataIntegration): DataIntegrationConfigField[];
+/**
+ * The single connect dialog for all non-API (OAuth) providers. When the
+ * provider declares unpinned `installation`-scope config fields (e.g. a Zendesk
+ * subdomain), it opens on a field-collection step (values validated against the
+ * descriptor `required` / `pattern`) before the redirect explainer; otherwise
+ * it opens directly on the explainer. Collected values are submitted as
+ * `config` on the POST authorize call. Controlled so it backs the initial
+ * connect flow, the dual-method OAuth option, and reauthorization.
+ */
+declare function ConnectDialog({ integration, fields, open, onOpenChange, owner, }: {
+    integration: DataIntegration;
+    fields: DataIntegrationConfigField[];
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    owner?: ConnectionOwner;
+}): React$1.JSX.Element;
+/**
+ * Stores an API key for the integration: the member's own installation, or,
+ * with `owner="organization"`, the one the organization shares with everyone
+ * (`installation` then names that shared account).
+ */
+declare function ApiKeyDialog({ integration, installation, owner, open, onOpenChange, }: {
+    integration: DataIntegration;
+    installation?: DataInstallation | null;
+    owner?: ConnectionOwner;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}): React$1.JSX.Element;
+/**
+ * Connect form for the `client_credentials` auth method: the provider's client
+ * id and secret plus any unpinned `installation`-scope config fields, rendered
+ * generically from the descriptors via {@link ConfigFieldInputs}. Submits to
+ * PUT `/DataIntegrations/:slug/client-credentials`, which also handles
+ * replacing the credentials of an existing client-credentials installation.
+ *
+ * For an existing installation the form is prefilled from it: the client id as
+ * received, the stored secret as a redacted mask that clears on focus (the
+ * real value is never sent to the widget, so a new secret must be re-entered
+ * to save), and the config fields from `installation.config`. `config` is only
+ * included in the payload when the user edits a config field, since the API
+ * keeps the stored config when the key is absent; when it is included it is
+ * the full round-tripped object, because the write replaces config wholesale.
+ */
+declare function ClientCredentialsDialog({ integration, installation, owner, fields, open, onOpenChange, }: {
+    integration: DataIntegration;
+    installation?: DataInstallation | null;
+    owner?: ConnectionOwner;
+    fields: DataIntegrationConfigField[];
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}): React$1.JSX.Element;
 interface PipesLoadingProps extends WidgetRootDomProps {
     count: number;
 }
 declare const PipesLoading: React.FC<PipesLoadingProps>;
+/**
+ * Stands in for the rows a list has none of. Filtering is client-side, so an
+ * empty list can say whether nothing is enabled yet or a `filter` emptied it.
+ */
+declare function PipesEmptyItem({ isFiltered }: {
+    isFiltered: boolean;
+}): React$1.JSX.Element;
 declare const Pipes: React.FC<PipesProps>;
+declare function PipesSection({ title, description, children, }: {
+    title: React.ReactNode;
+    description: React.ReactNode;
+    children: React.ReactNode;
+}): React$1.JSX.Element;
 /**
  * The sectioned member experience: the connections the organization shares,
  * then the member's own. The two lanes come from different endpoints and are
@@ -63,4 +139,4 @@ interface PipesErrorProps extends WidgetRootDomProps {
 }
 declare const PipesError: React.FC<PipesErrorProps>;
 
-export { Pipes, PipesError, type PipesErrorProps, PipesLoading, type PipesLoadingProps, type PipesProps, PipesSections, type PipesSectionsProps };
+export { ApiKeyDialog, ClientCredentialsDialog, ConnectDialog, type ConnectionOwner, Pipes, PipesEmptyItem, PipesError, type PipesErrorProps, PipesLoading, type PipesLoadingProps, type PipesProps, PipesSection, PipesSections, type PipesSectionsProps, getUnpinnedInstallationFields, useOpenDataIntegrationAuthorizeUrl };

package/dist/cjs/pipes-admin.client.cjs

@@ -28,9 +28,14 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_api_provider = require("./api/api-provider.js");
 var import_widgets_context = require("./lib/widgets-context.js");
 var import_pipes_admin = require("./lib/pipes-admin.js");
+var import_endpoint = require("./api/endpoint.js");
 var import_use_is_hydrated = require("./lib/use-is-hydrated.js");
 var import_error_boundary = require("./lib/error-boundary.js");
-const PipesAdmin = ({ authToken, ...domProps }) => {
+const PipesAdmin = ({
+  authToken,
+  enableSharedConnections,
+  ...domProps
+}) => {
   const baseUrl = (0, import_widgets_context.useWorkOsApiUrl)();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_error_boundary.ErrorBoundary,
@@ -42,13 +47,25 @@ const PipesAdmin = ({ authToken, ...domProps }) => {
           widgetType: "pipes-admin",
           authToken,
           baseUrl,
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PipesAdminImpl, { ...domProps })
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            PipesAdminImpl,
+            {
+              enableSharedConnections,
+              ...domProps
+            }
+          )
         }
       )
     }
   );
 };
-const PipesAdminImpl = (props) => {
+const PipesAdminImpl = ({
+  enableSharedConnections,
+  ...props
+}) => {
+  return enableSharedConnections ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PipesAdminSectionsImpl, { ...props }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PipesAdminProviderSettingsImpl, { ...props });
+};
+const PipesAdminProviderSettingsImpl = (props) => {
   const isHydrated = (0, import_use_is_hydrated.useIsHydrated)();
   const integrations = (0, import_pipes_admin.useManageableIntegrations)();
   if (!isHydrated || integrations.isLoading) {
@@ -59,6 +76,31 @@ const PipesAdminImpl = (props) => {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_pipes_admin.PipesAdmin, { integrations: integrations.data, ...props });
 };
+const PipesAdminSectionsImpl = (props) => {
+  const isHydrated = (0, import_use_is_hydrated.useIsHydrated)();
+  const integrations = (0, import_pipes_admin.useManageableIntegrations)();
+  const shared = (0, import_pipes_admin.useOrganizationOwnedIntegrations)();
+  const organizations = (0, import_endpoint.useOrganizations)();
+  const organizationName = organizations.data?.data.find(
+    (organization) => organization.current
+  )?.name;
+  if (!isHydrated || integrations.isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_pipes_admin.PipesAdminLoading, { count: 6, ...props });
+  }
+  if (integrations.isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_pipes_admin.PipesAdminError, { error: integrations.error, ...props });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_pipes_admin.PipesAdminSections,
+    {
+      integrations: integrations.data,
+      sharedIntegrations: shared.data,
+      isSharedLoading: shared.isLoading,
+      organizationName,
+      ...props
+    }
+  );
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   PipesAdmin,

package/dist/cjs/pipes-admin.client.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/pipes-admin.client.tsx"],"sourcesContent":["\"use client\";\nimport { ApiProvider, AuthToken } from \"./api/api-provider.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport {\n  PipesAdmin as PipesAdminPresentational,\n  PipesAdminError,\n  PipesAdminLoading,\n  useManageableIntegrations,\n} from \"./lib/pipes-admin.js\";\nimport type {\n  PipesAdminErrorProps,\n  PipesAdminLoadingProps,\n} from \"./lib/pipes-admin.js\";\nimport { useIsHydrated } from \"./lib/use-is-hydrated.js\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\nimport { WidgetRootDomProps } from \"./lib/utils.js\";\n\ninterface PipesAdminProps extends WidgetRootDomProps {\n  authToken: AuthToken;\n}\n\nconst PipesAdmin: React.FC<PipesAdminProps> = ({ authToken, ...domProps }) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <PipesAdminError {...domProps} error={error} />\n      )}\n    >\n      <ApiProvider\n        widgetType=\"pipes-admin\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <PipesAdminImpl {...domProps} />\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\nconst PipesAdminImpl = (props: Omit<PipesAdminProps, \"authToken\">) => {\n  const isHydrated = useIsHydrated();\n  const integrations = useManageableIntegrations();\n\n  if (!isHydrated || integrations.isLoading) {\n    return <PipesAdminLoading count={6} {...props} />;\n  }\n\n  if (integrations.isError) {\n    return <PipesAdminError error={integrations.error} {...props} />;\n  }\n\n  return (\n    <PipesAdminPresentational integrations={integrations.data} {...props} />\n  );\n};\n\nexport type { PipesAdminProps, PipesAdminLoadingProps, PipesAdminErrorProps };\nexport { PipesAdmin, PipesAdminLoading, PipesAdminError };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2BQ;AA1BR,0BAAuC;AACvC,6BAAgC;AAChC,yBAKO;AAKP,6BAA8B;AAC9B,4BAA8B;AAO9B,MAAM,aAAwC,CAAC,EAAE,WAAW,GAAG,SAAS,MAAM;AAC5E,QAAM,cAAU,wCAAgB;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MACvB,4CAAC,sCAAiB,GAAG,UAAU,OAAc;AAAA,MAG/C;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX;AAAA,UACA;AAAA,UAEA,sDAAC,kBAAgB,GAAG,UAAU;AAAA;AAAA,MAChC;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,iBAAiB,CAAC,UAA8C;AACpE,QAAM,iBAAa,sCAAc;AACjC,QAAM,mBAAe,8CAA0B;AAE/C,MAAI,CAAC,cAAc,aAAa,WAAW;AACzC,WAAO,4CAAC,wCAAkB,OAAO,GAAI,GAAG,OAAO;AAAA,EACjD;AAEA,MAAI,aAAa,SAAS;AACxB,WAAO,4CAAC,sCAAgB,OAAO,aAAa,OAAQ,GAAG,OAAO;AAAA,EAChE;AAEA,SACE,4CAAC,mBAAAA,YAAA,EAAyB,cAAc,aAAa,MAAO,GAAG,OAAO;AAE1E;","names":["PipesAdminPresentational"]}
+{"version":3,"sources":["../../src/pipes-admin.client.tsx"],"sourcesContent":["\"use client\";\nimport { ApiProvider, AuthToken } from \"./api/api-provider.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport {\n  PipesAdmin as PipesAdminPresentational,\n  PipesAdminSections as PipesAdminSectionsPresentational,\n  PipesAdminError,\n  PipesAdminLoading,\n  useManageableIntegrations,\n  useOrganizationOwnedIntegrations,\n} from \"./lib/pipes-admin.js\";\nimport type {\n  PipesAdminErrorProps,\n  PipesAdminLoadingProps,\n} from \"./lib/pipes-admin.js\";\nimport { useOrganizations } from \"./api/endpoint.js\";\nimport { useIsHydrated } from \"./lib/use-is-hydrated.js\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\nimport { WidgetRootDomProps } from \"./lib/utils.js\";\n\ninterface PipesAdminProps extends WidgetRootDomProps {\n  authToken: AuthToken;\n  /**\n   * Opt in to the sectioned administrator experience: the connections the\n   * organization owns and shares with everyone (which the administrator can\n   * configure, connect, reauthorize and disconnect), followed by the provider\n   * settings that govern what members may connect to on their own.\n   *\n   * The two sections are fetched separately, so provider settings render as\n   * soon as they resolve regardless of the shared section.\n   *\n   * Defaults to `false`, which renders the single unsectioned provider\n   * settings list and never requests organization-owned connections.\n   */\n  enableSharedConnections?: boolean;\n}\n\nconst PipesAdmin: React.FC<PipesAdminProps> = ({\n  authToken,\n  enableSharedConnections,\n  ...domProps\n}) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <PipesAdminError {...domProps} error={error} />\n      )}\n    >\n      <ApiProvider\n        widgetType=\"pipes-admin\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <PipesAdminImpl\n          enableSharedConnections={enableSharedConnections}\n          {...domProps}\n        />\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\n// The two experiences are separate components so the opt-out path mounts no\n// organization-owned hook at all, and therefore issues exactly the requests it\n// always has.\nconst PipesAdminImpl = ({\n  enableSharedConnections,\n  ...props\n}: Omit<PipesAdminProps, \"authToken\">) => {\n  return enableSharedConnections ? (\n    <PipesAdminSectionsImpl {...props} />\n  ) : (\n    <PipesAdminProviderSettingsImpl {...props} />\n  );\n};\n\ntype PipesAdminImplProps = Omit<\n  PipesAdminProps,\n  \"authToken\" | \"enableSharedConnections\"\n>;\n\nconst PipesAdminProviderSettingsImpl = (props: PipesAdminImplProps) => {\n  const isHydrated = useIsHydrated();\n  const integrations = useManageableIntegrations();\n\n  if (!isHydrated || integrations.isLoading) {\n    return <PipesAdminLoading count={6} {...props} />;\n  }\n\n  if (integrations.isError) {\n    return <PipesAdminError error={integrations.error} {...props} />;\n  }\n\n  return (\n    <PipesAdminPresentational integrations={integrations.data} {...props} />\n  );\n};\n\nconst PipesAdminSectionsImpl = (props: PipesAdminImplProps) => {\n  const isHydrated = useIsHydrated();\n  const integrations = useManageableIntegrations();\n  // Both sections have their own cache entry and resolve independently:\n  // provider settings render as soon as they arrive, and a slow or failing\n  // organization request only affects the shared section.\n  const shared = useOrganizationOwnedIntegrations();\n  const organizations = useOrganizations();\n  const organizationName = organizations.data?.data.find(\n    (organization) => organization.current,\n  )?.name;\n\n  if (!isHydrated || integrations.isLoading) {\n    return <PipesAdminLoading count={6} {...props} />;\n  }\n\n  if (integrations.isError) {\n    return <PipesAdminError error={integrations.error} {...props} />;\n  }\n\n  return (\n    <PipesAdminSectionsPresentational\n      integrations={integrations.data}\n      sharedIntegrations={shared.data}\n      isSharedLoading={shared.isLoading}\n      organizationName={organizationName}\n      {...props}\n    />\n  );\n};\n\nexport type { PipesAdminProps, PipesAdminLoadingProps, PipesAdminErrorProps };\nexport { PipesAdmin, PipesAdminLoading, PipesAdminError };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+CQ;AA9CR,0BAAuC;AACvC,6BAAgC;AAChC,yBAOO;AAKP,sBAAiC;AACjC,6BAA8B;AAC9B,4BAA8B;AAoB9B,MAAM,aAAwC,CAAC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,cAAU,wCAAgB;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MACvB,4CAAC,sCAAiB,GAAG,UAAU,OAAc;AAAA,MAG/C;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX;AAAA,UACA;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACC,GAAG;AAAA;AAAA,UACN;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAKA,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA,GAAG;AACL,MAA0C;AACxC,SAAO,0BACL,4CAAC,0BAAwB,GAAG,OAAO,IAEnC,4CAAC,kCAAgC,GAAG,OAAO;AAE/C;AAOA,MAAM,iCAAiC,CAAC,UAA+B;AACrE,QAAM,iBAAa,sCAAc;AACjC,QAAM,mBAAe,8CAA0B;AAE/C,MAAI,CAAC,cAAc,aAAa,WAAW;AACzC,WAAO,4CAAC,wCAAkB,OAAO,GAAI,GAAG,OAAO;AAAA,EACjD;AAEA,MAAI,aAAa,SAAS;AACxB,WAAO,4CAAC,sCAAgB,OAAO,aAAa,OAAQ,GAAG,OAAO;AAAA,EAChE;AAEA,SACE,4CAAC,mBAAAA,YAAA,EAAyB,cAAc,aAAa,MAAO,GAAG,OAAO;AAE1E;AAEA,MAAM,yBAAyB,CAAC,UAA+B;AAC7D,QAAM,iBAAa,sCAAc;AACjC,QAAM,mBAAe,8CAA0B;AAI/C,QAAM,aAAS,qDAAiC;AAChD,QAAM,oBAAgB,kCAAiB;AACvC,QAAM,mBAAmB,cAAc,MAAM,KAAK;AAAA,IAChD,CAAC,iBAAiB,aAAa;AAAA,EACjC,GAAG;AAEH,MAAI,CAAC,cAAc,aAAa,WAAW;AACzC,WAAO,4CAAC,wCAAkB,OAAO,GAAI,GAAG,OAAO;AAAA,EACjD;AAEA,MAAI,aAAa,SAAS;AACxB,WAAO,4CAAC,sCAAgB,OAAO,aAAa,OAAQ,GAAG,OAAO;AAAA,EAChE;AAEA,SACE;AAAA,IAAC,mBAAAC;AAAA,IAAA;AAAA,MACC,cAAc,aAAa;AAAA,MAC3B,oBAAoB,OAAO;AAAA,MAC3B,iBAAiB,OAAO;AAAA,MACxB;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":["PipesAdminPresentational","PipesAdminSectionsPresentational"]}

package/dist/cjs/pipes-admin.client.d.cts

@@ -19,6 +19,19 @@ import '@radix-ui/themes/components/select';
 
 interface PipesAdminProps extends WidgetRootDomProps {
     authToken: AuthToken;
+    /**
+     * Opt in to the sectioned administrator experience: the connections the
+     * organization owns and shares with everyone (which the administrator can
+     * configure, connect, reauthorize and disconnect), followed by the provider
+     * settings that govern what members may connect to on their own.
+     *
+     * The two sections are fetched separately, so provider settings render as
+     * soon as they resolve regardless of the shared section.
+     *
+     * Defaults to `false`, which renders the single unsectioned provider
+     * settings list and never requests organization-owned connections.
+     */
+    enableSharedConnections?: boolean;
 }
 declare const PipesAdmin: React.FC<PipesAdminProps>;
 

package/dist/esm/lib/pipes-admin.d.ts

@@ -1,9 +1,9 @@
-import { DataIntegrationConfiguration } from '../api/endpoint.js';
+import * as React from 'react';
+import { DataIntegrationConfiguration, OrganizationDataIntegration } from '../api/endpoint.js';
 import { WidgetRootDomProps } from './utils.js';
 import '@tanstack/react-query';
 import '../api/widgets-api-client.js';
 import './elements.js';
-import 'react';
 import '@radix-ui/themes';
 import '@radix-ui/themes/props';
 import '../dialog-CGXwsXVe.js';
@@ -29,6 +29,18 @@ declare function useManageableIntegrations(): {
     isError: boolean;
     error: unknown;
 };
+/**
+ * Integrations the organization owns and shares with everyone, with the
+ * organization's configuration and the actions the server allows on them.
+ * Gated on the same manage permission as provider settings, but cached
+ * separately so the two sections resolve independently. Like the member
+ * widget, a failed attempt drops the section rather than leaving skeletons up
+ * for the whole retry sequence.
+ */
+declare function useOrganizationOwnedIntegrations(): {
+    data: OrganizationDataIntegration[];
+    isLoading: boolean;
+};
 interface PipesAdminProps extends WidgetRootDomProps {
     integrations: DataIntegrationConfiguration[];
 }
@@ -38,6 +50,30 @@ interface PipesAdminProps extends WidgetRootDomProps {
  * Presentational — the client wrapper fetches via `useManageableIntegrations`.
  */
 declare const PipesAdmin: React.FC<PipesAdminProps>;
+interface PipesAdminSectionsProps extends PipesAdminProps {
+    /**
+     * Organization-owned integrations, as returned by the organization
+     * endpoint. Empty while loading, when the organization owns nothing, and
+     * when the request failed.
+     */
+    sharedIntegrations: OrganizationDataIntegration[];
+    /** Renders the shared section as skeleton rows while it resolves. */
+    isSharedLoading?: boolean;
+    /** Names the owning organization in the shared section's description. */
+    organizationName?: string;
+}
+/**
+ * The sectioned administrator experience: the connections the organization
+ * owns and shares with everyone, then the provider settings governing what
+ * members may connect on their own. The two lanes come from different
+ * endpoints and are never merged — the same provider can legitimately appear
+ * in both, once as the organization's own account and once as the policy for
+ * members' personal accounts.
+ *
+ * The shared section is omitted when the organization owns nothing or the
+ * request failed, leaving provider settings on their own.
+ */
+declare const PipesAdminSections: React.FC<PipesAdminSectionsProps>;
 interface PipesAdminLoadingProps extends WidgetRootDomProps {
     count: number;
 }
@@ -47,4 +83,4 @@ interface PipesAdminErrorProps extends WidgetRootDomProps {
 }
 declare const PipesAdminError: React.FC<PipesAdminErrorProps>;
 
-export { PipesAdmin, PipesAdminError, type PipesAdminErrorProps, PipesAdminLoading, type PipesAdminLoadingProps, type PipesAdminProps, useManageableIntegrations };
+export { PipesAdmin, PipesAdminError, type PipesAdminErrorProps, PipesAdminLoading, type PipesAdminLoadingProps, type PipesAdminProps, PipesAdminSections, type PipesAdminSectionsProps, useManageableIntegrations, useOrganizationOwnedIntegrations };