@workos-inc/widgets 1.18.0 → 1.19.0-next.1790102694835

package/dist/cjs/user-sessions.client.cjs

@@ -26,12 +26,10 @@ __export(user_sessions_client_exports, {
 module.exports = __toCommonJS(user_sessions_client_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_user_sessions = require("./lib/user-sessions.js");
-var import_endpoint = require("./api/endpoint.js");
+var import_hooks = require("./api/client-graphql/hooks.js");
 var import_api_provider = require("./api/api-provider.js");
 var import_widgets_context = require("./lib/widgets-context.js");
 var import_error_boundary = require("./lib/error-boundary.js");
-var import_react_query = require("@tanstack/react-query");
-var import_utils = require("./api/utils.js");
 const UserSessions = ({
   authToken,
   ...passthroughProps
@@ -61,20 +59,18 @@ const UserSessionsImpl = ({
   ...domProps
 }) => {
   const isApiReady = (0, import_api_provider.useApiReady)();
-  const sessionsQuery = (0, import_endpoint.useSessions)();
-  const currentSessionIdQuery = useCurrentSessionIdQuery(currentSessionId);
-  if (!isApiReady || sessionsQuery.isLoading || currentSessionIdQuery.isLoading) {
+  const sessionsQuery = (0, import_hooks.useClientGraphqlQuery)({
+    queryKey: (0, import_hooks.clientGraphqlQueryKey)("Sessions"),
+    queryFn: (sdk) => sdk.Sessions(),
+    select: (data) => data.sessions
+  });
+  if (!isApiReady || sessionsQuery.isLoading) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_user_sessions.UserSessionsLoading, { ...domProps });
   }
-  if (sessionsQuery.isError || currentSessionIdQuery.isError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_user_sessions.UserSessionsError,
-      {
-        error: sessionsQuery.error || currentSessionIdQuery.error,
-        ...domProps
-      }
-    );
+  if (sessionsQuery.isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_user_sessions.UserSessionsError, { error: sessionsQuery.error, ...domProps });
   }
+  const sessions = sessionsQuery.data ?? [];
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_error_boundary.ErrorBoundary,
     {
@@ -82,27 +78,14 @@ const UserSessionsImpl = ({
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_user_sessions.UserSessions,
         {
-          sessionsData: sessionsQuery.data?.data || [],
-          currentSessionId: currentSessionIdQuery.data ?? "",
+          sessionsData: sessions,
+          currentSessionId: currentSessionId ?? sessions.find((session) => session.isCurrent)?.id ?? "",
           ...domProps
         }
       )
     }
   );
 };
-function useCurrentSessionIdQuery(currentSessionId) {
-  const { authToken } = (0, import_api_provider.useApi)();
-  return (0, import_react_query.useQuery)({
-    queryKey: ["authToken", authToken],
-    queryFn: authToken ? async () => {
-      if (currentSessionId) {
-        return currentSessionId;
-      }
-      const { sid } = (0, import_utils.getClaims)(authToken);
-      return sid;
-    } : import_react_query.skipToken
-  });
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   UserSessions,

package/dist/cjs/user-sessions.client.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/user-sessions.client.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  UserSessionsError,\n  UserSessionsLoading,\n  UserSessions as UserSessionsPresentational,\n} from \"./lib/user-sessions.js\";\nimport type {\n  UserSessionsErrorProps,\n  UserSessionsLoadingProps,\n} from \"./lib/user-sessions.js\";\nimport { useSessions } from \"./api/endpoint.js\";\nimport { ApiProvider, useApi, useApiReady } from \"./api/api-provider.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\nimport { useQuery, skipToken } from \"@tanstack/react-query\";\nimport { getClaims } from \"./api/utils.js\";\nimport { WidgetRootDomProps } from \"./lib/utils.js\";\n\ntype UserSessionsWithoutCurrentSessionIdProps = {\n  authToken: () => Promise<string>;\n  currentSessionId?: never;\n};\n\ntype UserSessionsWithCurrentSessionIdProps = {\n  authToken: string;\n  currentSessionId: string;\n};\n\ntype UserSessionsProps = WidgetRootDomProps &\n  (\n    | UserSessionsWithoutCurrentSessionIdProps\n    | UserSessionsWithCurrentSessionIdProps\n  );\n\nconst UserSessions: React.FC<UserSessionsProps> = ({\n  authToken,\n  ...passthroughProps\n}) => {\n  const baseUrl = useWorkOsApiUrl();\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => {\n        const { currentSessionId, ...domProps } = passthroughProps;\n        return <UserSessionsError error={error} {...domProps} />;\n      }}\n    >\n      <ApiProvider\n        widgetType=\"user-sessions\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <UserSessionsImpl {...passthroughProps} />\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\ninterface UserSessionsImplProps extends WidgetRootDomProps {\n  currentSessionId?: string;\n}\n\nconst UserSessionsImpl: React.FC<UserSessionsImplProps> = ({\n  currentSessionId,\n  ...domProps\n}) => {\n  const isApiReady = useApiReady();\n  const sessionsQuery = useSessions();\n  const currentSessionIdQuery = useCurrentSessionIdQuery(currentSessionId);\n\n  if (\n    !isApiReady ||\n    sessionsQuery.isLoading ||\n    currentSessionIdQuery.isLoading\n  ) {\n    return <UserSessionsLoading {...domProps} />;\n  }\n\n  if (sessionsQuery.isError || currentSessionIdQuery.isError) {\n    return (\n      <UserSessionsError\n        error={sessionsQuery.error || currentSessionIdQuery.error}\n        {...domProps}\n      />\n    );\n  }\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <UserSessionsError error={error} {...domProps} />\n      )}\n    >\n      <UserSessionsPresentational\n        sessionsData={sessionsQuery.data?.data || []}\n        currentSessionId={currentSessionIdQuery.data ?? \"\"}\n        {...domProps}\n      />\n    </ErrorBoundary>\n  );\n};\n\nfunction useCurrentSessionIdQuery(currentSessionId?: string) {\n  const { authToken } = useApi();\n\n  return useQuery({\n    queryKey: [\"authToken\", authToken],\n    queryFn: authToken\n      ? async () => {\n          if (currentSessionId) {\n            return currentSessionId;\n          }\n\n          const { sid } = getClaims(authToken);\n          return sid;\n        }\n      : skipToken,\n  });\n}\n\nexport type {\n  UserSessionsProps,\n  UserSessionsLoadingProps,\n  UserSessionsErrorProps,\n};\nexport { UserSessions, UserSessionsLoading, UserSessionsError };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6Ce;AA1Cf,2BAIO;AAKP,sBAA4B;AAC5B,0BAAiD;AACjD,6BAAgC;AAChC,4BAA8B;AAC9B,yBAAoC;AACpC,mBAA0B;AAmB1B,MAAM,eAA4C,CAAC;AAAA,EACjD;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,cAAU,wCAAgB;AAChC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MAAM;AAC7B,cAAM,EAAE,kBAAkB,GAAG,SAAS,IAAI;AAC1C,eAAO,4CAAC,0CAAkB,OAAe,GAAG,UAAU;AAAA,MACxD;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX;AAAA,UACA;AAAA,UAEA,sDAAC,oBAAkB,GAAG,kBAAkB;AAAA;AAAA,MAC1C;AAAA;AAAA,EACF;AAEJ;AAMA,MAAM,mBAAoD,CAAC;AAAA,EACzD;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,iBAAa,iCAAY;AAC/B,QAAM,oBAAgB,6BAAY;AAClC,QAAM,wBAAwB,yBAAyB,gBAAgB;AAEvE,MACE,CAAC,cACD,cAAc,aACd,sBAAsB,WACtB;AACA,WAAO,4CAAC,4CAAqB,GAAG,UAAU;AAAA,EAC5C;AAEA,MAAI,cAAc,WAAW,sBAAsB,SAAS;AAC1D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,cAAc,SAAS,sBAAsB;AAAA,QACnD,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MACvB,4CAAC,0CAAkB,OAAe,GAAG,UAAU;AAAA,MAGjD;AAAA,QAAC,qBAAAA;AAAA,QAAA;AAAA,UACC,cAAc,cAAc,MAAM,QAAQ,CAAC;AAAA,UAC3C,kBAAkB,sBAAsB,QAAQ;AAAA,UAC/C,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,yBAAyB,kBAA2B;AAC3D,QAAM,EAAE,UAAU,QAAI,4BAAO;AAE7B,aAAO,6BAAS;AAAA,IACd,UAAU,CAAC,aAAa,SAAS;AAAA,IACjC,SAAS,YACL,YAAY;AACV,UAAI,kBAAkB;AACpB,eAAO;AAAA,MACT;AAEA,YAAM,EAAE,IAAI,QAAI,wBAAU,SAAS;AACnC,aAAO;AAAA,IACT,IACA;AAAA,EACN,CAAC;AACH;","names":["UserSessionsPresentational"]}
+{"version":3,"sources":["../../src/user-sessions.client.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  UserSessionsError,\n  UserSessionsLoading,\n  UserSessions as UserSessionsPresentational,\n} from \"./lib/user-sessions.js\";\nimport type {\n  UserSessionsErrorProps,\n  UserSessionsLoadingProps,\n} from \"./lib/user-sessions.js\";\nimport {\n  clientGraphqlQueryKey,\n  useClientGraphqlQuery,\n} from \"./api/client-graphql/hooks.js\";\nimport { ApiProvider, useApiReady } from \"./api/api-provider.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\nimport { WidgetRootDomProps } from \"./lib/utils.js\";\n\ntype UserSessionsWithoutCurrentSessionIdProps = {\n  authToken: () => Promise<string>;\n  currentSessionId?: never;\n};\n\ntype UserSessionsWithCurrentSessionIdProps = {\n  authToken: string;\n  currentSessionId: string;\n};\n\ntype UserSessionsProps = WidgetRootDomProps &\n  (\n    | UserSessionsWithoutCurrentSessionIdProps\n    | UserSessionsWithCurrentSessionIdProps\n  );\n\nconst UserSessions: React.FC<UserSessionsProps> = ({\n  authToken,\n  ...passthroughProps\n}) => {\n  const baseUrl = useWorkOsApiUrl();\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => {\n        const { currentSessionId, ...domProps } = passthroughProps;\n        return <UserSessionsError error={error} {...domProps} />;\n      }}\n    >\n      <ApiProvider\n        widgetType=\"user-sessions\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <UserSessionsImpl {...passthroughProps} />\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\ninterface UserSessionsImplProps extends WidgetRootDomProps {\n  currentSessionId?: string;\n}\n\nconst UserSessionsImpl: React.FC<UserSessionsImplProps> = ({\n  currentSessionId,\n  ...domProps\n}) => {\n  const isApiReady = useApiReady();\n  const sessionsQuery = useClientGraphqlQuery({\n    queryKey: clientGraphqlQueryKey(\"Sessions\"),\n    queryFn: (sdk) => sdk.Sessions(),\n    select: (data) => data.sessions,\n  });\n\n  if (!isApiReady || sessionsQuery.isLoading) {\n    return <UserSessionsLoading {...domProps} />;\n  }\n\n  if (sessionsQuery.isError) {\n    return <UserSessionsError error={sessionsQuery.error} {...domProps} />;\n  }\n\n  const sessions = sessionsQuery.data ?? [];\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <UserSessionsError error={error} {...domProps} />\n      )}\n    >\n      <UserSessionsPresentational\n        sessionsData={sessions}\n        currentSessionId={\n          currentSessionId ??\n          sessions.find((session) => session.isCurrent)?.id ??\n          \"\"\n        }\n        {...domProps}\n      />\n    </ErrorBoundary>\n  );\n};\n\nexport type {\n  UserSessionsProps,\n  UserSessionsLoadingProps,\n  UserSessionsErrorProps,\n};\nexport { UserSessions, UserSessionsLoading, UserSessionsError };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8Ce;AA3Cf,2BAIO;AAKP,mBAGO;AACP,0BAAyC;AACzC,6BAAgC;AAChC,4BAA8B;AAmB9B,MAAM,eAA4C,CAAC;AAAA,EACjD;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,cAAU,wCAAgB;AAChC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MAAM;AAC7B,cAAM,EAAE,kBAAkB,GAAG,SAAS,IAAI;AAC1C,eAAO,4CAAC,0CAAkB,OAAe,GAAG,UAAU;AAAA,MACxD;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX;AAAA,UACA;AAAA,UAEA,sDAAC,oBAAkB,GAAG,kBAAkB;AAAA;AAAA,MAC1C;AAAA;AAAA,EACF;AAEJ;AAMA,MAAM,mBAAoD,CAAC;AAAA,EACzD;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,iBAAa,iCAAY;AAC/B,QAAM,oBAAgB,oCAAsB;AAAA,IAC1C,cAAU,oCAAsB,UAAU;AAAA,IAC1C,SAAS,CAAC,QAAQ,IAAI,SAAS;AAAA,IAC/B,QAAQ,CAAC,SAAS,KAAK;AAAA,EACzB,CAAC;AAED,MAAI,CAAC,cAAc,cAAc,WAAW;AAC1C,WAAO,4CAAC,4CAAqB,GAAG,UAAU;AAAA,EAC5C;AAEA,MAAI,cAAc,SAAS;AACzB,WAAO,4CAAC,0CAAkB,OAAO,cAAc,OAAQ,GAAG,UAAU;AAAA,EACtE;AAEA,QAAM,WAAW,cAAc,QAAQ,CAAC;AAExC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MACvB,4CAAC,0CAAkB,OAAe,GAAG,UAAU;AAAA,MAGjD;AAAA,QAAC,qBAAAA;AAAA,QAAA;AAAA,UACC,cAAc;AAAA,UACd,kBACE,oBACA,SAAS,KAAK,CAAC,YAAY,QAAQ,SAAS,GAAG,MAC/C;AAAA,UAED,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EACF;AAEJ;","names":["UserSessionsPresentational"]}

package/dist/cjs/user-sessions.client.d.cts

@@ -1,6 +1,8 @@
 import * as React from 'react';
 export { UserSessionsError, UserSessionsErrorProps, UserSessionsLoading, UserSessionsLoadingProps } from './lib/user-sessions.cjs';
 import { WidgetRootDomProps } from './lib/utils.cjs';
+import './api/client-graphql/generated.cjs';
+import 'graphql-request';
 import './api/endpoint.cjs';
 import '@tanstack/react-query';
 import './api/widgets-api-client.cjs';

package/dist/cjs/users-management.client.cjs

@@ -25,7 +25,6 @@ __export(users_management_client_exports, {
 });
 module.exports = __toCommonJS(users_management_client_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_endpoint = require("./api/endpoint.js");
 var import_api_provider = require("./api/api-provider.js");
 var import_user = require("./lib/api/user.js");
 var import_users_management = require("./lib/users-management.js");
@@ -56,9 +55,7 @@ const UsersManagement = ({
 };
 const UsersManagementImpl = (props) => {
   const isApiReady = (0, import_api_provider.useApiReady)();
-  const rolesAndConfigQuery = (0, import_endpoint.useRolesAndConfig)({
-    query: { initialData: { roles: [], multipleRolesEnabled: false } }
-  });
+  const rolesAndConfigQuery = (0, import_user.useRolesAndConfig)();
   const usersQuery = (0, import_user.useUsers)();
   const permissionsQuery = (0, import_use_permissions.usePermissions)("widgets:users-table:manage");
   if (permissionsQuery.isLoading || usersQuery.isLoading || rolesAndConfigQuery.isLoading || usersQuery.isPending || !isApiReady) {

package/dist/cjs/users-management.client.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/users-management.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRolesAndConfig } from \"./api/endpoint.js\";\nimport { ApiProvider, AuthToken, useApiReady } from \"./api/api-provider.js\";\nimport * as React from \"react\";\nimport { useUsers } from \"./lib/api/user.js\";\nimport {\n  UsersManagementError,\n  UsersManagementLoading,\n  UsersManagement as UsersManagementPresentational,\n} from \"./lib/users-management.js\";\nimport type {\n  UsersManagementErrorProps,\n  UsersManagementLoadingProps,\n} from \"./lib/users-management.js\";\nimport { UsersManagementContextProvider } from \"./lib/users-management-context.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\nimport { usePermissions } from \"./lib/use-permissions.js\";\nimport type { WidgetRootDomProps } from \"./lib/utils.js\";\n\ninterface UsersManagementProps extends WidgetRootDomProps {\n  authToken: AuthToken;\n}\n\nconst UsersManagement: React.FC<UsersManagementProps> = ({\n  authToken,\n  ...domProps\n}) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <UsersManagementError error={error} {...domProps} />\n      )}\n    >\n      <ApiProvider\n        widgetType=\"user-management\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <UsersManagementContextProvider>\n          <UsersManagementImpl {...domProps} />\n        </UsersManagementContextProvider>\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\nconst UsersManagementImpl = (props: WidgetRootDomProps) => {\n  const isApiReady = useApiReady();\n  const rolesAndConfigQuery = useRolesAndConfig({\n    query: { initialData: { roles: [], multipleRolesEnabled: false } },\n  });\n  const usersQuery = useUsers();\n  const permissionsQuery = usePermissions(\"widgets:users-table:manage\");\n\n  if (\n    permissionsQuery.isLoading ||\n    usersQuery.isLoading ||\n    rolesAndConfigQuery.isLoading ||\n    usersQuery.isPending ||\n    !isApiReady\n  ) {\n    return <UsersManagementLoading {...props} />;\n  }\n\n  if (\n    permissionsQuery.isError ||\n    usersQuery.isError ||\n    rolesAndConfigQuery.isError\n  ) {\n    return (\n      <UsersManagementError\n        error={\n          permissionsQuery.error ||\n          usersQuery.error ||\n          rolesAndConfigQuery.error\n        }\n        {...props}\n      />\n    );\n  }\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <UsersManagementError error={error} {...props} />\n      )}\n    >\n      <UsersManagementPresentational\n        userData={usersQuery.data}\n        rolesData={rolesAndConfigQuery.data}\n        isPending={usersQuery.isFetching}\n        disableRolesFilter={\n          rolesAndConfigQuery.isPending || rolesAndConfigQuery.isFetching\n        }\n        {...props}\n      />\n    </ErrorBoundary>\n  );\n};\n\nexport type {\n  UsersManagementProps,\n  UsersManagementLoadingProps,\n  UsersManagementErrorProps,\n};\nexport { UsersManagement, UsersManagementLoading, UsersManagementError };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCQ;AAhCR,sBAAkC;AAClC,0BAAoD;AAEpD,kBAAyB;AACzB,8BAIO;AAKP,sCAA+C;AAC/C,6BAAgC;AAChC,4BAA8B;AAC9B,6BAA+B;AAO/B,MAAM,kBAAkD,CAAC;AAAA,EACvD;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,cAAU,wCAAgB;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MACvB,4CAAC,gDAAqB,OAAe,GAAG,UAAU;AAAA,MAGpD;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX;AAAA,UACA;AAAA,UAEA,sDAAC,kEACC,sDAAC,uBAAqB,GAAG,UAAU,GACrC;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,sBAAsB,CAAC,UAA8B;AACzD,QAAM,iBAAa,iCAAY;AAC/B,QAAM,0BAAsB,mCAAkB;AAAA,IAC5C,OAAO,EAAE,aAAa,EAAE,OAAO,CAAC,GAAG,sBAAsB,MAAM,EAAE;AAAA,EACnE,CAAC;AACD,QAAM,iBAAa,sBAAS;AAC5B,QAAM,uBAAmB,uCAAe,4BAA4B;AAEpE,MACE,iBAAiB,aACjB,WAAW,aACX,oBAAoB,aACpB,WAAW,aACX,CAAC,YACD;AACA,WAAO,4CAAC,kDAAwB,GAAG,OAAO;AAAA,EAC5C;AAEA,MACE,iBAAiB,WACjB,WAAW,WACX,oBAAoB,SACpB;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OACE,iBAAiB,SACjB,WAAW,SACX,oBAAoB;AAAA,QAErB,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MACvB,4CAAC,gDAAqB,OAAe,GAAG,OAAO;AAAA,MAGjD;AAAA,QAAC,wBAAAA;AAAA,QAAA;AAAA,UACC,UAAU,WAAW;AAAA,UACrB,WAAW,oBAAoB;AAAA,UAC/B,WAAW,WAAW;AAAA,UACtB,oBACE,oBAAoB,aAAa,oBAAoB;AAAA,UAEtD,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EACF;AAEJ;","names":["UsersManagementPresentational"]}
+{"version":3,"sources":["../../src/users-management.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { ApiProvider, AuthToken, useApiReady } from \"./api/api-provider.js\";\nimport * as React from \"react\";\nimport { useRolesAndConfig, useUsers } from \"./lib/api/user.js\";\nimport {\n  UsersManagementError,\n  UsersManagementLoading,\n  UsersManagement as UsersManagementPresentational,\n} from \"./lib/users-management.js\";\nimport type {\n  UsersManagementErrorProps,\n  UsersManagementLoadingProps,\n} from \"./lib/users-management.js\";\nimport { UsersManagementContextProvider } from \"./lib/users-management-context.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\nimport { usePermissions } from \"./lib/use-permissions.js\";\nimport type { WidgetRootDomProps } from \"./lib/utils.js\";\n\ninterface UsersManagementProps extends WidgetRootDomProps {\n  authToken: AuthToken;\n}\n\nconst UsersManagement: React.FC<UsersManagementProps> = ({\n  authToken,\n  ...domProps\n}) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <UsersManagementError error={error} {...domProps} />\n      )}\n    >\n      <ApiProvider\n        widgetType=\"user-management\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <UsersManagementContextProvider>\n          <UsersManagementImpl {...domProps} />\n        </UsersManagementContextProvider>\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\nconst UsersManagementImpl = (props: WidgetRootDomProps) => {\n  const isApiReady = useApiReady();\n  const rolesAndConfigQuery = useRolesAndConfig();\n  const usersQuery = useUsers();\n  const permissionsQuery = usePermissions(\"widgets:users-table:manage\");\n\n  if (\n    permissionsQuery.isLoading ||\n    usersQuery.isLoading ||\n    rolesAndConfigQuery.isLoading ||\n    usersQuery.isPending ||\n    !isApiReady\n  ) {\n    return <UsersManagementLoading {...props} />;\n  }\n\n  if (\n    permissionsQuery.isError ||\n    usersQuery.isError ||\n    rolesAndConfigQuery.isError\n  ) {\n    return (\n      <UsersManagementError\n        error={\n          permissionsQuery.error ||\n          usersQuery.error ||\n          rolesAndConfigQuery.error\n        }\n        {...props}\n      />\n    );\n  }\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <UsersManagementError error={error} {...props} />\n      )}\n    >\n      <UsersManagementPresentational\n        userData={usersQuery.data}\n        rolesData={rolesAndConfigQuery.data}\n        isPending={usersQuery.isFetching}\n        disableRolesFilter={\n          rolesAndConfigQuery.isPending || rolesAndConfigQuery.isFetching\n        }\n        {...props}\n      />\n    </ErrorBoundary>\n  );\n};\n\nexport type {\n  UsersManagementProps,\n  UsersManagementLoadingProps,\n  UsersManagementErrorProps,\n};\nexport { UsersManagement, UsersManagementLoading, UsersManagementError };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCQ;AA/BR,0BAAoD;AAEpD,kBAA4C;AAC5C,8BAIO;AAKP,sCAA+C;AAC/C,6BAAgC;AAChC,4BAA8B;AAC9B,6BAA+B;AAO/B,MAAM,kBAAkD,CAAC;AAAA,EACvD;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,cAAU,wCAAgB;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MACvB,4CAAC,gDAAqB,OAAe,GAAG,UAAU;AAAA,MAGpD;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX;AAAA,UACA;AAAA,UAEA,sDAAC,kEACC,sDAAC,uBAAqB,GAAG,UAAU,GACrC;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,sBAAsB,CAAC,UAA8B;AACzD,QAAM,iBAAa,iCAAY;AAC/B,QAAM,0BAAsB,+BAAkB;AAC9C,QAAM,iBAAa,sBAAS;AAC5B,QAAM,uBAAmB,uCAAe,4BAA4B;AAEpE,MACE,iBAAiB,aACjB,WAAW,aACX,oBAAoB,aACpB,WAAW,aACX,CAAC,YACD;AACA,WAAO,4CAAC,kDAAwB,GAAG,OAAO;AAAA,EAC5C;AAEA,MACE,iBAAiB,WACjB,WAAW,WACX,oBAAoB,SACpB;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OACE,iBAAiB,SACjB,WAAW,SACX,oBAAoB;AAAA,QAErB,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MACvB,4CAAC,gDAAqB,OAAe,GAAG,OAAO;AAAA,MAGjD;AAAA,QAAC,wBAAAA;AAAA,QAAA;AAAA,UACC,UAAU,WAAW;AAAA,UACrB,WAAW,oBAAoB;AAAA,UAC/B,WAAW,WAAW;AAAA,UACtB,oBACE,oBAAoB,aAAa,oBAAoB;AAAA,UAEtD,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EACF;AAEJ;","names":["UsersManagementPresentational"]}

package/dist/cjs/users-management.client.d.cts

@@ -2,8 +2,11 @@ import { AuthToken } from './api/api-provider.cjs';
 import * as React from 'react';
 export { UsersManagementError, UsersManagementErrorProps, UsersManagementLoading, UsersManagementLoadingProps } from './lib/users-management.cjs';
 import { WidgetRootDomProps } from './lib/utils.cjs';
-import './api/endpoint.cjs';
+import './user-CgBDfSHl.cjs';
+import './api/client-graphql/generated.cjs';
+import 'graphql-request';
 import '@tanstack/react-query';
+import './api/endpoint.cjs';
 import './api/widgets-api-client.cjs';
 import './lib/elements.cjs';
 import '@radix-ui/themes';

package/dist/cjs/utils.cjs

@@ -33,6 +33,7 @@ __export(utils_exports, {
 module.exports = __toCommonJS(utils_exports);
 var React = __toESM(require("react"), 1);
 var import_react_query = require("@tanstack/react-query");
+var import_hooks = require("./api/client-graphql/hooks.js");
 function useWidgetsInvalidator() {
   let queryClient;
   try {
@@ -46,7 +47,7 @@ function useWidgetsInvalidator() {
     await queryClient.invalidateQueries({ queryKey: ["authToken"] });
     await new Promise((resolve) => setTimeout(resolve, 1));
     return queryClient.invalidateQueries({
-      predicate: (query) => query.queryKey.some(
+      predicate: (query) => (0, import_hooks.isClientGraphqlQueryKey)(query.queryKey) || query.queryKey.some(
         (key) => typeof key === "string" && key.startsWith("/_widgets/")
       )
     });

package/dist/cjs/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useQueryClient, type QueryClient } from \"@tanstack/react-query\";\n\nfunction useWidgetsInvalidator() {\n  let queryClient: QueryClient;\n  try {\n    queryClient = useQueryClient();\n  } catch {\n    throw Error(\n      \"useWidgetsInvalidation must be used within the `WorkOsWidgets` provider component\",\n    );\n  }\n\n  return React.useCallback(async () => {\n    await queryClient.invalidateQueries({ queryKey: [\"authToken\"] });\n    // TODO: Unclear why, but invalidating other widgets' queries immediately\n    // after the authToken invalidation (even though it's async?) doesn't work,\n    // and We end up with stale data. Waiting for the next tick fixes this.\n    await new Promise((resolve) => setTimeout(resolve, 1));\n    return queryClient.invalidateQueries({\n      predicate: (query) =>\n        query.queryKey.some(\n          (key) => typeof key === \"string\" && key.startsWith(\"/_widgets/\"),\n        ),\n    });\n  }, [queryClient]);\n}\n\nexport { useWidgetsInvalidator as unstable_useWidgetsInvalidator };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,yBAAiD;AAEjD,SAAS,wBAAwB;AAC/B,MAAI;AACJ,MAAI;AACF,sBAAc,mCAAe;AAAA,EAC/B,QAAQ;AACN,UAAM;AAAA,MACJ;AAAA,IACF;AAAA,EACF;AAEA,SAAO,MAAM,YAAY,YAAY;AACnC,UAAM,YAAY,kBAAkB,EAAE,UAAU,CAAC,WAAW,EAAE,CAAC;AAI/D,UAAM,IAAI,QAAQ,CAAC,YAAY,WAAW,SAAS,CAAC,CAAC;AACrD,WAAO,YAAY,kBAAkB;AAAA,MACnC,WAAW,CAAC,UACV,MAAM,SAAS;AAAA,QACb,CAAC,QAAQ,OAAO,QAAQ,YAAY,IAAI,WAAW,YAAY;AAAA,MACjE;AAAA,IACJ,CAAC;AAAA,EACH,GAAG,CAAC,WAAW,CAAC;AAClB;","names":[]}
+{"version":3,"sources":["../../src/utils.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useQueryClient, type QueryClient } from \"@tanstack/react-query\";\nimport { isClientGraphqlQueryKey } from \"./api/client-graphql/hooks.js\";\n\nfunction useWidgetsInvalidator() {\n  let queryClient: QueryClient;\n  try {\n    queryClient = useQueryClient();\n  } catch {\n    throw Error(\n      \"useWidgetsInvalidation must be used within the `WorkOsWidgets` provider component\",\n    );\n  }\n\n  return React.useCallback(async () => {\n    await queryClient.invalidateQueries({ queryKey: [\"authToken\"] });\n    // TODO: Unclear why, but invalidating other widgets' queries immediately\n    // after the authToken invalidation (even though it's async?) doesn't work,\n    // and We end up with stale data. Waiting for the next tick fixes this.\n    await new Promise((resolve) => setTimeout(resolve, 1));\n    return queryClient.invalidateQueries({\n      predicate: (query) =>\n        isClientGraphqlQueryKey(query.queryKey) ||\n        query.queryKey.some(\n          (key) => typeof key === \"string\" && key.startsWith(\"/_widgets/\"),\n        ),\n    });\n  }, [queryClient]);\n}\n\nexport { useWidgetsInvalidator as unstable_useWidgetsInvalidator };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,yBAAiD;AACjD,mBAAwC;AAExC,SAAS,wBAAwB;AAC/B,MAAI;AACJ,MAAI;AACF,sBAAc,mCAAe;AAAA,EAC/B,QAAQ;AACN,UAAM;AAAA,MACJ;AAAA,IACF;AAAA,EACF;AAEA,SAAO,MAAM,YAAY,YAAY;AACnC,UAAM,YAAY,kBAAkB,EAAE,UAAU,CAAC,WAAW,EAAE,CAAC;AAI/D,UAAM,IAAI,QAAQ,CAAC,YAAY,WAAW,SAAS,CAAC,CAAC;AACrD,WAAO,YAAY,kBAAkB;AAAA,MACnC,WAAW,CAAC,cACV,sCAAwB,MAAM,QAAQ,KACtC,MAAM,SAAS;AAAA,QACb,CAAC,QAAQ,OAAO,QAAQ,YAAY,IAAI,WAAW,YAAY;AAAA,MACjE;AAAA,IACJ,CAAC;AAAA,EACH,GAAG,CAAC,WAAW,CAAC;AAClB;","names":[]}

package/dist/esm/admin-portal-audit-log-streaming.client.d.ts

@@ -16,6 +16,8 @@ import './dropdown-menu-BQ5LtvdR.js';
 import '@radix-ui/themes/components/dropdown-menu';
 import './select-KR89Qnvm.js';
 import '@radix-ui/themes/components/select';
+import './api/client-graphql/generated.js';
+import 'graphql-request';
 
 interface AdminPortalAuditLogStreamingProps extends WidgetRootDomProps {
     authToken: AuthToken;

package/dist/esm/admin-portal-audit-log-streaming.client.js

@@ -6,11 +6,12 @@ import {
   AdminPortalAuditLogStreaming as AdminPortalAuditLogStreamingPresentational,
   AdminPortalAuditLogStreamingButton
 } from "./lib/admin-portal-audit-log-streaming.js";
-import { ApiProvider, useApiReady } from "./api/api-provider.js";
+import { ApiProvider } from "./api/api-provider.js";
 import {
-  useGenerateAdminPortalLink,
-  useGetAuditLogStream
-} from "./api/endpoint.js";
+  clientGraphqlQueryKey,
+  useClientGraphqlMutation,
+  useClientGraphqlQuery
+} from "./api/client-graphql/hooks.js";
 import { useWorkOsApiUrl } from "./lib/widgets-context.js";
 import { ErrorBoundary } from "./lib/error-boundary.js";
 const AdminPortalAuditLogStreaming = ({ authToken, ...domProps }) => {
@@ -32,26 +33,23 @@ const AdminPortalAuditLogStreaming = ({ authToken, ...domProps }) => {
   );
 };
 const AdminPortalAuditLogStreamingImpl = (props) => {
-  const isApiReady = useApiReady();
-  const { mutate: generateAdminPortalLink, ...mutation } = useGenerateAdminPortalLink({
-    mutation: {
-      onSuccess: (data) => {
-        window.open(data.link, "_blank", "noopener,noreferrer");
-      }
+  const { mutate: generateAdminPortalLink, ...mutation } = useClientGraphqlMutation({
+    mutationFn: (sdk, intent) => sdk.CreateAdminPortalLink({ intent }),
+    onSuccess: (data) => {
+      window.open(
+        data.createAdminPortalLink.link,
+        "_blank",
+        "noopener,noreferrer"
+      );
     }
   });
-  const adminPortalLink = mutation.data?.link ?? null;
-  const query = useGetAuditLogStream({
-    query: {
-      enabled: isApiReady
-    }
+  const adminPortalLink = mutation.data?.createAdminPortalLink.link ?? null;
+  const query = useClientGraphqlQuery({
+    queryKey: clientGraphqlQueryKey("AuditLogStream"),
+    queryFn: (sdk) => sdk.AuditLogStream()
   });
   const initConfig = () => {
-    generateAdminPortalLink({
-      params: {
-        intent: "log_streams"
-      }
-    });
+    generateAdminPortalLink("LogStreams");
   };
   if (query.isLoading) {
     return /* @__PURE__ */ jsx(AdminPortalAuditLogStreamingLoading, { ...props });
@@ -60,8 +58,8 @@ const AdminPortalAuditLogStreamingImpl = (props) => {
     return /* @__PURE__ */ jsx(AdminPortalAuditLogStreamingError, { error: query.error, ...props });
   }
   if (query.data) {
-    const stream = query.data;
-    if (!Object.hasOwn(stream, "id")) {
+    const configuredStream = query.data.auditLogStream;
+    if (!configuredStream) {
       return /* @__PURE__ */ jsx(
         AdminPortalAuditLogStreamingPresentational,
         {
@@ -78,7 +76,6 @@ const AdminPortalAuditLogStreamingImpl = (props) => {
         }
       );
     }
-    const configuredStream = stream;
     const statusProps = (() => {
       switch (configuredStream.state) {
         case "Inactive":

package/dist/esm/admin-portal-audit-log-streaming.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/admin-portal-audit-log-streaming.client.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  AdminPortalAuditLogStreamingError,\n  AdminPortalAuditLogStreamingLoading,\n  AdminPortalAuditLogStreaming as AdminPortalAuditLogStreamingPresentational,\n  AdminPortalAuditLogStreamingButton,\n} from \"./lib/admin-portal-audit-log-streaming.js\";\nimport type { AdminPortalAuditLogStreamingStatusProps } from \"./lib/admin-portal-audit-log-streaming.js\";\nimport { ApiProvider, AuthToken, useApiReady } from \"./api/api-provider.js\";\nimport {\n  useGenerateAdminPortalLink,\n  useGetAuditLogStream,\n  type AuditLogStreamJSON,\n} from \"./api/endpoint.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\nimport { WidgetRootDomProps } from \"./lib/utils.js\";\n\ninterface AdminPortalAuditLogStreamingProps extends WidgetRootDomProps {\n  authToken: AuthToken;\n}\n\nconst AdminPortalAuditLogStreaming: React.FC<\n  AdminPortalAuditLogStreamingProps\n> = ({ authToken, ...domProps }) => {\n  const baseUrl = useWorkOsApiUrl();\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <AdminPortalAuditLogStreamingError error={error} {...domProps} />\n      )}\n    >\n      <ApiProvider\n        widgetType=\"admin-portal-audit-log-streaming\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <AdminPortalAuditLogStreamingImpl {...domProps} />\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\nconst AdminPortalAuditLogStreamingImpl = (props: WidgetRootDomProps) => {\n  const isApiReady = useApiReady();\n\n  const { mutate: generateAdminPortalLink, ...mutation } =\n    useGenerateAdminPortalLink({\n      mutation: {\n        onSuccess: (data) => {\n          window.open(data.link, \"_blank\", \"noopener,noreferrer\");\n        },\n      },\n    });\n\n  const adminPortalLink = mutation.data?.link ?? null;\n\n  const query = useGetAuditLogStream({\n    query: {\n      enabled: isApiReady,\n    },\n  });\n\n  const initConfig = () => {\n    generateAdminPortalLink({\n      params: {\n        intent: \"log_streams\",\n      },\n    });\n  };\n\n  if (query.isLoading) {\n    return <AdminPortalAuditLogStreamingLoading {...props} />;\n  }\n\n  if (query.isError) {\n    return <AdminPortalAuditLogStreamingError error={query.error} {...props} />;\n  }\n\n  if (query.data) {\n    const stream = query.data;\n\n    // Check if stream is configured (has id property)\n    // API returns empty object {} when no stream is configured\n    if (!Object.hasOwn(stream, \"id\")) {\n      return (\n        <AdminPortalAuditLogStreamingPresentational\n          {...props}\n          connectionStatus=\"NotConfigured\"\n          adminPortalOpenButton={\n            <AdminPortalAuditLogStreamingButton\n              isPending={mutation.isPending}\n              href={adminPortalLink}\n              initConfig={initConfig}\n            />\n          }\n        />\n      );\n    }\n\n    // Type assertion: we've confirmed stream has id, so it's AuditLogStreamJSON\n    const configuredStream = stream as AuditLogStreamJSON;\n\n    // Map API state to widget status\n    const statusProps: AdminPortalAuditLogStreamingStatusProps = (() => {\n      switch (configuredStream.state) {\n        case \"Inactive\":\n          return {\n            connectionStatus: \"Inactive\",\n            destinationType: configuredStream.type,\n          };\n        case \"Active\":\n          return {\n            connectionStatus: \"Active\",\n            destinationType: configuredStream.type,\n            lastSyncedEventId: configuredStream.lastSyncedEventId,\n          };\n        case \"Error\":\n          return {\n            connectionStatus: \"Error\",\n            destinationType: configuredStream.type,\n            lastSyncedEventId: configuredStream.lastSyncedEventId,\n          };\n        case \"Invalid\":\n          return {\n            connectionStatus: \"Error\",\n            destinationType: configuredStream.type,\n            lastSyncedEventId: configuredStream.lastSyncedEventId,\n          };\n        default:\n          // Fallback\n          return {\n            connectionStatus: \"Inactive\",\n            destinationType: configuredStream.type,\n          };\n      }\n    })();\n\n    return (\n      <ErrorBoundary\n        fallbackRender={({ error }) => (\n          <AdminPortalAuditLogStreamingError error={error} {...props} />\n        )}\n      >\n        <AdminPortalAuditLogStreamingPresentational\n          {...props}\n          {...statusProps}\n          adminPortalOpenButton={\n            <AdminPortalAuditLogStreamingButton\n              isPending={mutation.isPending}\n              href={adminPortalLink}\n              initConfig={initConfig}\n            />\n          }\n        />\n      </ErrorBoundary>\n    );\n  }\n\n  return <AdminPortalAuditLogStreamingLoading {...props} />;\n};\n\nexport { AdminPortalAuditLogStreaming };\nexport type { AdminPortalAuditLogStreamingProps };\nexport {\n  AdminPortalAuditLogStreamingLoading,\n  AdminPortalAuditLogStreamingError,\n} from \"./lib/admin-portal-audit-log-streaming.js\";\nexport {\n  AdminPortalAuditLogStreaming as AdminPortalAuditLogStreamingPresentational,\n  AdminPortalAuditLogStreamingButton,\n  type AdminPortalAuditLogStreamingStatusProps,\n} from \"./lib/admin-portal-audit-log-streaming.js\";\n"],"mappings":"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","names":["AdminPortalAuditLogStreamingLoading","AdminPortalAuditLogStreamingError","AdminPortalAuditLogStreaming","AdminPortalAuditLogStreamingButton"]}
+{"version":3,"sources":["../../src/admin-portal-audit-log-streaming.client.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  AdminPortalAuditLogStreamingError,\n  AdminPortalAuditLogStreamingLoading,\n  AdminPortalAuditLogStreaming as AdminPortalAuditLogStreamingPresentational,\n  AdminPortalAuditLogStreamingButton,\n} from \"./lib/admin-portal-audit-log-streaming.js\";\nimport type { AdminPortalAuditLogStreamingStatusProps } from \"./lib/admin-portal-audit-log-streaming.js\";\nimport { ApiProvider, AuthToken } from \"./api/api-provider.js\";\nimport {\n  clientGraphqlQueryKey,\n  useClientGraphqlMutation,\n  useClientGraphqlQuery,\n} from \"./api/client-graphql/hooks.js\";\nimport type { AdminPortalLinkIntent } from \"./api/client-graphql/generated.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\nimport { WidgetRootDomProps } from \"./lib/utils.js\";\n\ninterface AdminPortalAuditLogStreamingProps extends WidgetRootDomProps {\n  authToken: AuthToken;\n}\n\nconst AdminPortalAuditLogStreaming: React.FC<\n  AdminPortalAuditLogStreamingProps\n> = ({ authToken, ...domProps }) => {\n  const baseUrl = useWorkOsApiUrl();\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <AdminPortalAuditLogStreamingError error={error} {...domProps} />\n      )}\n    >\n      <ApiProvider\n        widgetType=\"admin-portal-audit-log-streaming\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <AdminPortalAuditLogStreamingImpl {...domProps} />\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\nconst AdminPortalAuditLogStreamingImpl = (props: WidgetRootDomProps) => {\n  const { mutate: generateAdminPortalLink, ...mutation } =\n    useClientGraphqlMutation({\n      mutationFn: (sdk, intent: AdminPortalLinkIntent) =>\n        sdk.CreateAdminPortalLink({ intent }),\n      onSuccess: (data) => {\n        window.open(\n          data.createAdminPortalLink.link,\n          \"_blank\",\n          \"noopener,noreferrer\",\n        );\n      },\n    });\n\n  const adminPortalLink = mutation.data?.createAdminPortalLink.link ?? null;\n\n  const query = useClientGraphqlQuery({\n    queryKey: clientGraphqlQueryKey(\"AuditLogStream\"),\n    queryFn: (sdk) => sdk.AuditLogStream(),\n  });\n\n  const initConfig = () => {\n    generateAdminPortalLink(\"LogStreams\");\n  };\n\n  if (query.isLoading) {\n    return <AdminPortalAuditLogStreamingLoading {...props} />;\n  }\n\n  if (query.isError) {\n    return <AdminPortalAuditLogStreamingError error={query.error} {...props} />;\n  }\n\n  if (query.data) {\n    const configuredStream = query.data.auditLogStream;\n\n    if (!configuredStream) {\n      return (\n        <AdminPortalAuditLogStreamingPresentational\n          {...props}\n          connectionStatus=\"NotConfigured\"\n          adminPortalOpenButton={\n            <AdminPortalAuditLogStreamingButton\n              isPending={mutation.isPending}\n              href={adminPortalLink}\n              initConfig={initConfig}\n            />\n          }\n        />\n      );\n    }\n\n    const statusProps: AdminPortalAuditLogStreamingStatusProps = (() => {\n      switch (configuredStream.state) {\n        case \"Inactive\":\n          return {\n            connectionStatus: \"Inactive\",\n            destinationType: configuredStream.type,\n          };\n        case \"Active\":\n          return {\n            connectionStatus: \"Active\",\n            destinationType: configuredStream.type,\n            lastSyncedEventId: configuredStream.lastSyncedEventId,\n          };\n        case \"Error\":\n          return {\n            connectionStatus: \"Error\",\n            destinationType: configuredStream.type,\n            lastSyncedEventId: configuredStream.lastSyncedEventId,\n          };\n        case \"Invalid\":\n          return {\n            connectionStatus: \"Error\",\n            destinationType: configuredStream.type,\n            lastSyncedEventId: configuredStream.lastSyncedEventId,\n          };\n        default:\n          // Fallback\n          return {\n            connectionStatus: \"Inactive\",\n            destinationType: configuredStream.type,\n          };\n      }\n    })();\n\n    return (\n      <ErrorBoundary\n        fallbackRender={({ error }) => (\n          <AdminPortalAuditLogStreamingError error={error} {...props} />\n        )}\n      >\n        <AdminPortalAuditLogStreamingPresentational\n          {...props}\n          {...statusProps}\n          adminPortalOpenButton={\n            <AdminPortalAuditLogStreamingButton\n              isPending={mutation.isPending}\n              href={adminPortalLink}\n              initConfig={initConfig}\n            />\n          }\n        />\n      </ErrorBoundary>\n    );\n  }\n\n  return <AdminPortalAuditLogStreamingLoading {...props} />;\n};\n\nexport { AdminPortalAuditLogStreaming };\nexport type { AdminPortalAuditLogStreamingProps };\nexport {\n  AdminPortalAuditLogStreamingLoading,\n  AdminPortalAuditLogStreamingError,\n} from \"./lib/admin-portal-audit-log-streaming.js\";\nexport {\n  AdminPortalAuditLogStreaming as AdminPortalAuditLogStreamingPresentational,\n  AdminPortalAuditLogStreamingButton,\n  type AdminPortalAuditLogStreamingStatusProps,\n} from \"./lib/admin-portal-audit-log-streaming.js\";\n"],"mappings":"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","names":["AdminPortalAuditLogStreamingLoading","AdminPortalAuditLogStreamingError","AdminPortalAuditLogStreaming","AdminPortalAuditLogStreamingButton"]}

package/dist/esm/admin-portal-domain-verification.client.d.ts

@@ -2,6 +2,8 @@ import * as React from 'react';
 export { AdminPortalDomainVerificationError, AdminPortalDomainVerificationErrorProps, AdminPortalDomainVerificationLoading, AdminPortalDomainVerificationLoadingProps } from './lib/admin-portal-domain-verification.js';
 import { AuthToken } from './api/api-provider.js';
 import { WidgetRootDomProps } from './lib/utils.js';
+import './api/client-graphql/generated.js';
+import 'graphql-request';
 import './api/endpoint.js';
 import '@tanstack/react-query';
 import './api/widgets-api-client.js';

package/dist/esm/admin-portal-domain-verification.client.js

@@ -7,16 +7,29 @@ import {
 } from "./lib/admin-portal-domain-verification.js";
 import { ApiProvider, useApiReady } from "./api/api-provider.js";
 import {
-  useListOrganizationDomains,
-  getListOrganizationDomainsQueryKey,
-  useDeleteOrganizationDomain,
-  useReverifyOrganizationDomain,
-  useGenerateAdminPortalLink
-} from "./api/endpoint.js";
+  clientGraphqlQueryKey,
+  useClientGraphqlMutation,
+  useClientGraphqlQuery
+} from "./api/client-graphql/hooks.js";
 import { useWorkOsApiUrl } from "./lib/widgets-context.js";
 import { ErrorBoundary } from "./lib/error-boundary.js";
 import { useQueryClient } from "@tanstack/react-query";
 import { openAdminPortalViaForm } from "./lib/utils.js";
+const DOMAINS_PAGE_SIZE = 100;
+async function listAllOrganizationDomains(sdk) {
+  const domains = [];
+  let after = null;
+  do {
+    const { organizationDomains } = await sdk.ListOrganizationDomains({
+      after,
+      limit: DOMAINS_PAGE_SIZE,
+      order: "Asc"
+    });
+    domains.push(...organizationDomains.data);
+    after = organizationDomains.listMetadata.after ?? null;
+  } while (after !== null);
+  return domains;
+}
 const AdminPortalDomainVerification = ({ authToken, ...domProps }) => {
   const baseUrl = useWorkOsApiUrl();
   return /* @__PURE__ */ jsx(
@@ -42,47 +55,40 @@ const AdminPortalDomainVerificationImpl = (props) => {
     data: organizationDomains,
     isLoading,
     error
-  } = useListOrganizationDomains();
-  const { mutate: generateAdminPortalLink, isPending } = useGenerateAdminPortalLink({
-    mutation: {
-      onSuccess: (data) => {
-        openAdminPortalViaForm(data.link, {
-          target: "_blank",
-          rel: "noopener noreferrer"
-        });
-      }
-    }
+  } = useClientGraphqlQuery({
+    queryKey: clientGraphqlQueryKey("ListOrganizationDomains"),
+    queryFn: listAllOrganizationDomains
   });
-  const { mutate: deleteDomain } = useDeleteOrganizationDomain({
-    mutation: {
-      onSuccess: () => {
-        queryClient.invalidateQueries({
-          queryKey: getListOrganizationDomainsQueryKey()
-        });
-      }
+  const invalidateDomains = () => {
+    queryClient.invalidateQueries({
+      queryKey: clientGraphqlQueryKey("ListOrganizationDomains")
+    });
+  };
+  const { mutate: generateAdminPortalLink, isPending } = useClientGraphqlMutation({
+    mutationFn: (sdk, intent) => sdk.CreateAdminPortalLink({ intent }),
+    onSuccess: (data) => {
+      openAdminPortalViaForm(data.createAdminPortalLink.link, {
+        target: "_blank",
+        rel: "noopener noreferrer"
+      });
     }
   });
-  const { mutate: reverifyDomain } = useReverifyOrganizationDomain({
-    mutation: {
-      onSuccess: () => {
-        queryClient.invalidateQueries({
-          queryKey: getListOrganizationDomainsQueryKey()
-        });
-      }
-    }
+  const { mutate: deleteDomain } = useClientGraphqlMutation({
+    mutationFn: (sdk, id) => sdk.DeleteOrganizationDomain({ id }),
+    onSuccess: invalidateDomains
+  });
+  const { mutate: reverifyDomain } = useClientGraphqlMutation({
+    mutationFn: (sdk, id) => sdk.ReverifyOrganizationDomain({ id }),
+    onSuccess: invalidateDomains
   });
   const handleAddDomain = () => {
-    generateAdminPortalLink({
-      params: {
-        intent: "domain_verification"
-      }
-    });
+    generateAdminPortalLink("DomainVerification");
   };
   const handleDeleteDomain = (domainId) => {
-    deleteDomain({ domainId });
+    deleteDomain(domainId);
   };
   const handleReverifyDomain = (domainId) => {
-    reverifyDomain({ domainId });
+    reverifyDomain(domainId);
   };
   if (!isApiReady || isLoading) {
     return /* @__PURE__ */ jsx(AdminPortalDomainVerificationLoading, { ...props });
@@ -90,7 +96,7 @@ const AdminPortalDomainVerificationImpl = (props) => {
   if (error) {
     return /* @__PURE__ */ jsx(AdminPortalDomainVerificationError, { error, ...props });
   }
-  const domains = organizationDomains?.data || [];
+  const domains = organizationDomains || [];
   return /* @__PURE__ */ jsx(
     ErrorBoundary,
     {

package/dist/esm/admin-portal-domain-verification.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/admin-portal-domain-verification.client.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  AdminPortalDomainVerificationError,\n  AdminPortalDomainVerificationLoading,\n  AdminPortalDomainVerification as AdminPortalDomainVerificationPresentational,\n} from \"./lib/admin-portal-domain-verification.js\";\nimport type {\n  AdminPortalDomainVerificationErrorProps,\n  AdminPortalDomainVerificationLoadingProps,\n} from \"./lib/admin-portal-domain-verification.js\";\nimport { ApiProvider, AuthToken, useApiReady } from \"./api/api-provider.js\";\nimport {\n  useListOrganizationDomains,\n  getListOrganizationDomainsQueryKey,\n  useDeleteOrganizationDomain,\n  useReverifyOrganizationDomain,\n  useGenerateAdminPortalLink,\n} from \"./api/endpoint.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { openAdminPortalViaForm, WidgetRootDomProps } from \"./lib/utils.js\";\n\ninterface AdminPortalDomainVerificationProps extends WidgetRootDomProps {\n  authToken: AuthToken;\n}\n\nconst AdminPortalDomainVerification: React.FC<\n  AdminPortalDomainVerificationProps\n> = ({ authToken, ...domProps }) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <AdminPortalDomainVerificationError error={error} {...domProps} />\n      )}\n    >\n      <ApiProvider\n        widgetType=\"admin-portal-domain-verification\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <AdminPortalDomainVerificationImpl {...domProps} />\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\nconst AdminPortalDomainVerificationImpl = (\n  props: Omit<AdminPortalDomainVerificationProps, \"authToken\">,\n) => {\n  const isApiReady = useApiReady();\n  const queryClient = useQueryClient();\n  const {\n    data: organizationDomains,\n    isLoading,\n    error,\n  } = useListOrganizationDomains();\n\n  const { mutate: generateAdminPortalLink, isPending } =\n    useGenerateAdminPortalLink({\n      mutation: {\n        onSuccess: (data) => {\n          openAdminPortalViaForm(data.link, {\n            target: \"_blank\",\n            rel: \"noopener noreferrer\",\n          });\n        },\n      },\n    });\n\n  const { mutate: deleteDomain } = useDeleteOrganizationDomain({\n    mutation: {\n      onSuccess: () => {\n        queryClient.invalidateQueries({\n          queryKey: getListOrganizationDomainsQueryKey(),\n        });\n      },\n    },\n  });\n\n  const { mutate: reverifyDomain } = useReverifyOrganizationDomain({\n    mutation: {\n      onSuccess: () => {\n        queryClient.invalidateQueries({\n          queryKey: getListOrganizationDomainsQueryKey(),\n        });\n      },\n    },\n  });\n\n  const handleAddDomain = () => {\n    generateAdminPortalLink({\n      params: {\n        intent: \"domain_verification\",\n      },\n    });\n  };\n\n  const handleDeleteDomain = (domainId: string) => {\n    deleteDomain({ domainId });\n  };\n\n  const handleReverifyDomain = (domainId: string) => {\n    reverifyDomain({ domainId });\n  };\n\n  if (!isApiReady || isLoading) {\n    return <AdminPortalDomainVerificationLoading {...props} />;\n  }\n\n  if (error) {\n    return <AdminPortalDomainVerificationError error={error} {...props} />;\n  }\n\n  const domains = organizationDomains?.data || [];\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <AdminPortalDomainVerificationError error={error} {...props} />\n      )}\n    >\n      <AdminPortalDomainVerificationPresentational\n        organizationDomains={domains}\n        onAddDomain={handleAddDomain}\n        onDeleteDomain={handleDeleteDomain}\n        onReverifyDomain={handleReverifyDomain}\n        isPending={isPending}\n        {...props}\n      />\n    </ErrorBoundary>\n  );\n};\n\nexport type {\n  AdminPortalDomainVerificationProps,\n  AdminPortalDomainVerificationLoadingProps,\n  AdminPortalDomainVerificationErrorProps,\n};\nexport {\n  AdminPortalDomainVerification,\n  AdminPortalDomainVerificationLoading,\n  AdminPortalDomainVerificationError,\n};\n"],"mappings":";AAqCQ;AAlCR;AAAA,EACE;AAAA,EACA;AAAA,EACA,iCAAiC;AAAA,OAC5B;AAKP,SAAS,aAAwB,mBAAmB;AACpD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAC/B,SAAS,8BAAkD;AAM3D,MAAM,gCAEF,CAAC,EAAE,WAAW,GAAG,SAAS,MAAM;AAClC,QAAM,UAAU,gBAAgB;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MACvB,oBAAC,sCAAmC,OAAe,GAAG,UAAU;AAAA,MAGlE;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX;AAAA,UACA;AAAA,UAEA,8BAAC,qCAAmC,GAAG,UAAU;AAAA;AAAA,MACnD;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,oCAAoC,CACxC,UACG;AACH,QAAM,aAAa,YAAY;AAC/B,QAAM,cAAc,eAAe;AACnC,QAAM;AAAA,IACJ,MAAM;AAAA,IACN;AAAA,IACA;AAAA,EACF,IAAI,2BAA2B;AAE/B,QAAM,EAAE,QAAQ,yBAAyB,UAAU,IACjD,2BAA2B;AAAA,IACzB,UAAU;AAAA,MACR,WAAW,CAAC,SAAS;AACnB,+BAAuB,KAAK,MAAM;AAAA,UAChC,QAAQ;AAAA,UACR,KAAK;AAAA,QACP,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF,CAAC;AAEH,QAAM,EAAE,QAAQ,aAAa,IAAI,4BAA4B;AAAA,IAC3D,UAAU;AAAA,MACR,WAAW,MAAM;AACf,oBAAY,kBAAkB;AAAA,UAC5B,UAAU,mCAAmC;AAAA,QAC/C,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF,CAAC;AAED,QAAM,EAAE,QAAQ,eAAe,IAAI,8BAA8B;AAAA,IAC/D,UAAU;AAAA,MACR,WAAW,MAAM;AACf,oBAAY,kBAAkB;AAAA,UAC5B,UAAU,mCAAmC;AAAA,QAC/C,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF,CAAC;AAED,QAAM,kBAAkB,MAAM;AAC5B,4BAAwB;AAAA,MACtB,QAAQ;AAAA,QACN,QAAQ;AAAA,MACV;AAAA,IACF,CAAC;AAAA,EACH;AAEA,QAAM,qBAAqB,CAAC,aAAqB;AAC/C,iBAAa,EAAE,SAAS,CAAC;AAAA,EAC3B;AAEA,QAAM,uBAAuB,CAAC,aAAqB;AACjD,mBAAe,EAAE,SAAS,CAAC;AAAA,EAC7B;AAEA,MAAI,CAAC,cAAc,WAAW;AAC5B,WAAO,oBAAC,wCAAsC,GAAG,OAAO;AAAA,EAC1D;AAEA,MAAI,OAAO;AACT,WAAO,oBAAC,sCAAmC,OAAe,GAAG,OAAO;AAAA,EACtE;AAEA,QAAM,UAAU,qBAAqB,QAAQ,CAAC;AAE9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,OAAAA,OAAM,MACvB,oBAAC,sCAAmC,OAAOA,QAAQ,GAAG,OAAO;AAAA,MAG/D;AAAA,QAAC;AAAA;AAAA,UACC,qBAAqB;AAAA,UACrB,aAAa;AAAA,UACb,gBAAgB;AAAA,UAChB,kBAAkB;AAAA,UAClB;AAAA,UACC,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EACF;AAEJ;","names":["error"]}
+{"version":3,"sources":["../../src/admin-portal-domain-verification.client.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  AdminPortalDomainVerificationError,\n  AdminPortalDomainVerificationLoading,\n  AdminPortalDomainVerification as AdminPortalDomainVerificationPresentational,\n} from \"./lib/admin-portal-domain-verification.js\";\nimport type {\n  AdminPortalDomainVerificationErrorProps,\n  AdminPortalDomainVerificationLoadingProps,\n} from \"./lib/admin-portal-domain-verification.js\";\nimport { ApiProvider, AuthToken, useApiReady } from \"./api/api-provider.js\";\nimport {\n  clientGraphqlQueryKey,\n  useClientGraphqlMutation,\n  useClientGraphqlQuery,\n} from \"./api/client-graphql/hooks.js\";\nimport type {\n  AdminPortalLinkIntent,\n  OrganizationDomainFieldsFragment,\n  Sdk,\n} from \"./api/client-graphql/generated.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { openAdminPortalViaForm, WidgetRootDomProps } from \"./lib/utils.js\";\n\nconst DOMAINS_PAGE_SIZE = 100;\n\nasync function listAllOrganizationDomains(\n  sdk: Sdk,\n): Promise<OrganizationDomainFieldsFragment[]> {\n  const domains: OrganizationDomainFieldsFragment[] = [];\n  let after: string | null = null;\n  do {\n    const { organizationDomains } = await sdk.ListOrganizationDomains({\n      after,\n      limit: DOMAINS_PAGE_SIZE,\n      order: \"Asc\",\n    });\n    domains.push(...organizationDomains.data);\n    after = organizationDomains.listMetadata.after ?? null;\n  } while (after !== null);\n  return domains;\n}\n\ninterface AdminPortalDomainVerificationProps extends WidgetRootDomProps {\n  authToken: AuthToken;\n}\n\nconst AdminPortalDomainVerification: React.FC<\n  AdminPortalDomainVerificationProps\n> = ({ authToken, ...domProps }) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <AdminPortalDomainVerificationError error={error} {...domProps} />\n      )}\n    >\n      <ApiProvider\n        widgetType=\"admin-portal-domain-verification\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <AdminPortalDomainVerificationImpl {...domProps} />\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\nconst AdminPortalDomainVerificationImpl = (\n  props: Omit<AdminPortalDomainVerificationProps, \"authToken\">,\n) => {\n  const isApiReady = useApiReady();\n  const queryClient = useQueryClient();\n  const {\n    data: organizationDomains,\n    isLoading,\n    error,\n  } = useClientGraphqlQuery({\n    queryKey: clientGraphqlQueryKey(\"ListOrganizationDomains\"),\n    queryFn: listAllOrganizationDomains,\n  });\n\n  const invalidateDomains = () => {\n    queryClient.invalidateQueries({\n      queryKey: clientGraphqlQueryKey(\"ListOrganizationDomains\"),\n    });\n  };\n\n  const { mutate: generateAdminPortalLink, isPending } =\n    useClientGraphqlMutation({\n      mutationFn: (sdk, intent: AdminPortalLinkIntent) =>\n        sdk.CreateAdminPortalLink({ intent }),\n      onSuccess: (data) => {\n        openAdminPortalViaForm(data.createAdminPortalLink.link, {\n          target: \"_blank\",\n          rel: \"noopener noreferrer\",\n        });\n      },\n    });\n\n  const { mutate: deleteDomain } = useClientGraphqlMutation({\n    mutationFn: (sdk, id: string) => sdk.DeleteOrganizationDomain({ id }),\n    onSuccess: invalidateDomains,\n  });\n\n  const { mutate: reverifyDomain } = useClientGraphqlMutation({\n    mutationFn: (sdk, id: string) => sdk.ReverifyOrganizationDomain({ id }),\n    onSuccess: invalidateDomains,\n  });\n\n  const handleAddDomain = () => {\n    generateAdminPortalLink(\"DomainVerification\");\n  };\n\n  const handleDeleteDomain = (domainId: string) => {\n    deleteDomain(domainId);\n  };\n\n  const handleReverifyDomain = (domainId: string) => {\n    reverifyDomain(domainId);\n  };\n\n  if (!isApiReady || isLoading) {\n    return <AdminPortalDomainVerificationLoading {...props} />;\n  }\n\n  if (error) {\n    return <AdminPortalDomainVerificationError error={error} {...props} />;\n  }\n\n  const domains = organizationDomains || [];\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <AdminPortalDomainVerificationError error={error} {...props} />\n      )}\n    >\n      <AdminPortalDomainVerificationPresentational\n        organizationDomains={domains}\n        onAddDomain={handleAddDomain}\n        onDeleteDomain={handleDeleteDomain}\n        onReverifyDomain={handleReverifyDomain}\n        isPending={isPending}\n        {...props}\n      />\n    </ErrorBoundary>\n  );\n};\n\nexport type {\n  AdminPortalDomainVerificationProps,\n  AdminPortalDomainVerificationLoadingProps,\n  AdminPortalDomainVerificationErrorProps,\n};\nexport {\n  AdminPortalDomainVerification,\n  AdminPortalDomainVerificationLoading,\n  AdminPortalDomainVerificationError,\n};\n"],"mappings":";AA2DQ;AAxDR;AAAA,EACE;AAAA,EACA;AAAA,EACA,iCAAiC;AAAA,OAC5B;AAKP,SAAS,aAAwB,mBAAmB;AACpD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAMP,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAC/B,SAAS,8BAAkD;AAE3D,MAAM,oBAAoB;AAE1B,eAAe,2BACb,KAC6C;AAC7C,QAAM,UAA8C,CAAC;AACrD,MAAI,QAAuB;AAC3B,KAAG;AACD,UAAM,EAAE,oBAAoB,IAAI,MAAM,IAAI,wBAAwB;AAAA,MAChE;AAAA,MACA,OAAO;AAAA,MACP,OAAO;AAAA,IACT,CAAC;AACD,YAAQ,KAAK,GAAG,oBAAoB,IAAI;AACxC,YAAQ,oBAAoB,aAAa,SAAS;AAAA,EACpD,SAAS,UAAU;AACnB,SAAO;AACT;AAMA,MAAM,gCAEF,CAAC,EAAE,WAAW,GAAG,SAAS,MAAM;AAClC,QAAM,UAAU,gBAAgB;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MACvB,oBAAC,sCAAmC,OAAe,GAAG,UAAU;AAAA,MAGlE;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX;AAAA,UACA;AAAA,UAEA,8BAAC,qCAAmC,GAAG,UAAU;AAAA;AAAA,MACnD;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,oCAAoC,CACxC,UACG;AACH,QAAM,aAAa,YAAY;AAC/B,QAAM,cAAc,eAAe;AACnC,QAAM;AAAA,IACJ,MAAM;AAAA,IACN;AAAA,IACA;AAAA,EACF,IAAI,sBAAsB;AAAA,IACxB,UAAU,sBAAsB,yBAAyB;AAAA,IACzD,SAAS;AAAA,EACX,CAAC;AAED,QAAM,oBAAoB,MAAM;AAC9B,gBAAY,kBAAkB;AAAA,MAC5B,UAAU,sBAAsB,yBAAyB;AAAA,IAC3D,CAAC;AAAA,EACH;AAEA,QAAM,EAAE,QAAQ,yBAAyB,UAAU,IACjD,yBAAyB;AAAA,IACvB,YAAY,CAAC,KAAK,WAChB,IAAI,sBAAsB,EAAE,OAAO,CAAC;AAAA,IACtC,WAAW,CAAC,SAAS;AACnB,6BAAuB,KAAK,sBAAsB,MAAM;AAAA,QACtD,QAAQ;AAAA,QACR,KAAK;AAAA,MACP,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAEH,QAAM,EAAE,QAAQ,aAAa,IAAI,yBAAyB;AAAA,IACxD,YAAY,CAAC,KAAK,OAAe,IAAI,yBAAyB,EAAE,GAAG,CAAC;AAAA,IACpE,WAAW;AAAA,EACb,CAAC;AAED,QAAM,EAAE,QAAQ,eAAe,IAAI,yBAAyB;AAAA,IAC1D,YAAY,CAAC,KAAK,OAAe,IAAI,2BAA2B,EAAE,GAAG,CAAC;AAAA,IACtE,WAAW;AAAA,EACb,CAAC;AAED,QAAM,kBAAkB,MAAM;AAC5B,4BAAwB,oBAAoB;AAAA,EAC9C;AAEA,QAAM,qBAAqB,CAAC,aAAqB;AAC/C,iBAAa,QAAQ;AAAA,EACvB;AAEA,QAAM,uBAAuB,CAAC,aAAqB;AACjD,mBAAe,QAAQ;AAAA,EACzB;AAEA,MAAI,CAAC,cAAc,WAAW;AAC5B,WAAO,oBAAC,wCAAsC,GAAG,OAAO;AAAA,EAC1D;AAEA,MAAI,OAAO;AACT,WAAO,oBAAC,sCAAmC,OAAe,GAAG,OAAO;AAAA,EACtE;AAEA,QAAM,UAAU,uBAAuB,CAAC;AAExC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,OAAAA,OAAM,MACvB,oBAAC,sCAAmC,OAAOA,QAAQ,GAAG,OAAO;AAAA,MAG/D;AAAA,QAAC;AAAA;AAAA,UACC,qBAAqB;AAAA,UACrB,aAAa;AAAA,UACb,gBAAgB;AAAA,UAChB,kBAAkB;AAAA,UAClB;AAAA,UACC,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EACF;AAEJ;","names":["error"]}