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

package/dist/esm/pipes-admin.client.js

@@ -4,13 +4,20 @@ import { ApiProvider } from "./api/api-provider.js";
 import { useWorkOsApiUrl } from "./lib/widgets-context.js";
 import {
   PipesAdmin as PipesAdminPresentational,
+  PipesAdminSections as PipesAdminSectionsPresentational,
   PipesAdminError,
   PipesAdminLoading,
-  useManageableIntegrations
+  useManageableIntegrations,
+  useOrganizationOwnedIntegrations
 } from "./lib/pipes-admin.js";
+import { useOrganizations } from "./api/endpoint.js";
 import { useIsHydrated } from "./lib/use-is-hydrated.js";
 import { ErrorBoundary } from "./lib/error-boundary.js";
-const PipesAdmin = ({ authToken, ...domProps }) => {
+const PipesAdmin = ({
+  authToken,
+  enableSharedConnections,
+  ...domProps
+}) => {
   const baseUrl = useWorkOsApiUrl();
   return /* @__PURE__ */ jsx(
     ErrorBoundary,
@@ -22,13 +29,25 @@ const PipesAdmin = ({ authToken, ...domProps }) => {
           widgetType: "pipes-admin",
           authToken,
           baseUrl,
-          children: /* @__PURE__ */ jsx(PipesAdminImpl, { ...domProps })
+          children: /* @__PURE__ */ jsx(
+            PipesAdminImpl,
+            {
+              enableSharedConnections,
+              ...domProps
+            }
+          )
         }
       )
     }
   );
 };
-const PipesAdminImpl = (props) => {
+const PipesAdminImpl = ({
+  enableSharedConnections,
+  ...props
+}) => {
+  return enableSharedConnections ? /* @__PURE__ */ jsx(PipesAdminSectionsImpl, { ...props }) : /* @__PURE__ */ jsx(PipesAdminProviderSettingsImpl, { ...props });
+};
+const PipesAdminProviderSettingsImpl = (props) => {
   const isHydrated = useIsHydrated();
   const integrations = useManageableIntegrations();
   if (!isHydrated || integrations.isLoading) {
@@ -39,6 +58,31 @@ const PipesAdminImpl = (props) => {
   }
   return /* @__PURE__ */ jsx(PipesAdminPresentational, { integrations: integrations.data, ...props });
 };
+const PipesAdminSectionsImpl = (props) => {
+  const isHydrated = useIsHydrated();
+  const integrations = useManageableIntegrations();
+  const shared = useOrganizationOwnedIntegrations();
+  const organizations = useOrganizations();
+  const organizationName = organizations.data?.data.find(
+    (organization) => organization.current
+  )?.name;
+  if (!isHydrated || integrations.isLoading) {
+    return /* @__PURE__ */ jsx(PipesAdminLoading, { count: 6, ...props });
+  }
+  if (integrations.isError) {
+    return /* @__PURE__ */ jsx(PipesAdminError, { error: integrations.error, ...props });
+  }
+  return /* @__PURE__ */ jsx(
+    PipesAdminSectionsPresentational,
+    {
+      integrations: integrations.data,
+      sharedIntegrations: shared.data,
+      isSharedLoading: shared.isLoading,
+      organizationName,
+      ...props
+    }
+  );
+};
 export {
   PipesAdmin,
   PipesAdminError,

package/dist/esm/pipes-admin.client.js.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":";AA2BQ;AA1BR,SAAS,mBAA8B;AACvC,SAAS,uBAAuB;AAChC;AAAA,EACE,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAKP,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAO9B,MAAM,aAAwC,CAAC,EAAE,WAAW,GAAG,SAAS,MAAM;AAC5E,QAAM,UAAU,gBAAgB;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MACvB,oBAAC,mBAAiB,GAAG,UAAU,OAAc;AAAA,MAG/C;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX;AAAA,UACA;AAAA,UAEA,8BAAC,kBAAgB,GAAG,UAAU;AAAA;AAAA,MAChC;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,iBAAiB,CAAC,UAA8C;AACpE,QAAM,aAAa,cAAc;AACjC,QAAM,eAAe,0BAA0B;AAE/C,MAAI,CAAC,cAAc,aAAa,WAAW;AACzC,WAAO,oBAAC,qBAAkB,OAAO,GAAI,GAAG,OAAO;AAAA,EACjD;AAEA,MAAI,aAAa,SAAS;AACxB,WAAO,oBAAC,mBAAgB,OAAO,aAAa,OAAQ,GAAG,OAAO;AAAA,EAChE;AAEA,SACE,oBAAC,4BAAyB,cAAc,aAAa,MAAO,GAAG,OAAO;AAE1E;","names":[]}
+{"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":";AA+CQ;AA9CR,SAAS,mBAA8B;AACvC,SAAS,uBAAuB;AAChC;AAAA,EACE,cAAc;AAAA,EACd,sBAAsB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAKP,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAoB9B,MAAM,aAAwC,CAAC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,UAAU,gBAAgB;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MACvB,oBAAC,mBAAiB,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,oBAAC,0BAAwB,GAAG,OAAO,IAEnC,oBAAC,kCAAgC,GAAG,OAAO;AAE/C;AAOA,MAAM,iCAAiC,CAAC,UAA+B;AACrE,QAAM,aAAa,cAAc;AACjC,QAAM,eAAe,0BAA0B;AAE/C,MAAI,CAAC,cAAc,aAAa,WAAW;AACzC,WAAO,oBAAC,qBAAkB,OAAO,GAAI,GAAG,OAAO;AAAA,EACjD;AAEA,MAAI,aAAa,SAAS;AACxB,WAAO,oBAAC,mBAAgB,OAAO,aAAa,OAAQ,GAAG,OAAO;AAAA,EAChE;AAEA,SACE,oBAAC,4BAAyB,cAAc,aAAa,MAAO,GAAG,OAAO;AAE1E;AAEA,MAAM,yBAAyB,CAAC,UAA+B;AAC7D,QAAM,aAAa,cAAc;AACjC,QAAM,eAAe,0BAA0B;AAI/C,QAAM,SAAS,iCAAiC;AAChD,QAAM,gBAAgB,iBAAiB;AACvC,QAAM,mBAAmB,cAAc,MAAM,KAAK;AAAA,IAChD,CAAC,iBAAiB,aAAa;AAAA,EACjC,GAAG;AAEH,MAAI,CAAC,cAAc,aAAa,WAAW;AACzC,WAAO,oBAAC,qBAAkB,OAAO,GAAI,GAAG,OAAO;AAAA,EACjD;AAEA,MAAI,aAAa,SAAS;AACxB,WAAO,oBAAC,mBAAgB,OAAO,aAAa,OAAQ,GAAG,OAAO;AAAA,EAChE;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAc,aAAa;AAAA,MAC3B,oBAAoB,OAAO;AAAA,MAC3B,iBAAiB,OAAO;AAAA,MACxB;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workos-inc/widgets",
-  "version": "1.18.0-next.1788904392369",
+  "version": "1.18.0",
   "license": "MIT",
   "repository": {
     "type": "git",