@clerk/chrome-extension 2.8.2-canary.v20251114223431 → 2.8.2-canary.v20251117114651

package/dist/cjs/background/index.js

@@ -429,7 +429,7 @@ var BrowserStorageCache = createBrowserStorageCache();
 var clerk;
 noRhc.Clerk.sdkMetadata = {
   name: "@clerk/chrome-extension",
-  version: "2.8.2-canary.v20251114223431"
+  version: "2.8.2-canary.v20251117114651"
 };
 async function createClerkClient({
   __experimental_syncHostListener = false,

package/dist/cjs/index.js

@@ -1823,6 +1823,23 @@ Possible fixes:
 Learn more: https://clerk.com/docs/components/clerk-provider`.trim());
   }
 }
+function createCacheKeys(params) {
+  return {
+    queryKey: [
+      params.stablePrefix,
+      params.authenticated,
+      params.tracked,
+      params.untracked
+    ],
+    invalidationKey: [
+      params.stablePrefix,
+      params.authenticated,
+      params.tracked
+    ],
+    stableKey: params.stablePrefix,
+    authenticated: params.authenticated
+  };
+}
 var useWithSafeValues = (params, defaultValues) => {
   var _a5, _b, _c;
   const shouldUseDefaults = typeof params === "boolean" && params;
@@ -1859,19 +1876,21 @@ var cachingSWRInfiniteOptions = {
   ...cachingSWROptions,
   revalidateFirstPage: false
 };
-var usePagesOrInfinite = (params, fetcher, config, cacheKeys) => {
+var usePagesOrInfinite = (params) => {
   var _a5, _b, _c, _d, _e, _f, _g;
-  const [paginatedPage, setPaginatedPage] = React7.useState((_a5 = params.initialPage) != null ? _a5 : 1);
-  const initialPageRef = React7.useRef((_b = params.initialPage) != null ? _b : 1);
-  const pageSizeRef = React7.useRef((_c = params.pageSize) != null ? _c : 10);
+  const { fetcher, config, keys } = params;
+  const [paginatedPage, setPaginatedPage] = React7.useState((_a5 = config.initialPage) != null ? _a5 : 1);
+  const initialPageRef = React7.useRef((_b = config.initialPage) != null ? _b : 1);
+  const pageSizeRef = React7.useRef((_c = config.pageSize) != null ? _c : 10);
   const enabled = (_d = config.enabled) != null ? _d : true;
   const cacheMode = config.__experimental_mode === "cache";
   const triggerInfinite = (_e = config.infinite) != null ? _e : false;
   const keepPreviousData = (_f = config.keepPreviousData) != null ? _f : false;
   const isSignedIn = config.isSignedIn;
   const pagesCacheKey = {
-    ...cacheKeys,
-    ...params,
+    type: keys.queryKey[0],
+    ...keys.queryKey[2],
+    ...keys.queryKey[3].args,
     initialPage: paginatedPage,
     pageSize: pageSizeRef.current
   };
@@ -1879,11 +1898,10 @@ var usePagesOrInfinite = (params, fetcher, config, cacheKeys) => {
   const shouldFetch = !triggerInfinite && enabled && (!cacheMode ? !!fetcher : true);
   const { data: swrData, isValidating: swrIsValidating, isLoading: swrIsLoading, error: swrError, mutate: swrMutate } = useSWR(typeof isSignedIn === "boolean" ? previousIsSignedIn === true && isSignedIn === false ? pagesCacheKey : isSignedIn ? shouldFetch ? pagesCacheKey : null : null : shouldFetch ? pagesCacheKey : null, !cacheMode && !!fetcher ? (cacheKeyParams) => {
     if (isSignedIn === false || shouldFetch === false) return null;
-    const requestParams = getDifferentKeys(cacheKeyParams, cacheKeys);
-    return fetcher({
-      ...params,
-      ...requestParams
-    });
+    return fetcher(getDifferentKeys(cacheKeyParams, {
+      type: keys.queryKey[0],
+      ...keys.queryKey[2]
+    }));
   } : null, {
     keepPreviousData,
     ...cachingSWROptions
@@ -1891,17 +1909,18 @@ var usePagesOrInfinite = (params, fetcher, config, cacheKeys) => {
   const { data: swrInfiniteData, isLoading: swrInfiniteIsLoading, isValidating: swrInfiniteIsValidating, error: swrInfiniteError, size, setSize, mutate: swrInfiniteMutate } = useSWRInfinite((pageIndex) => {
     if (!triggerInfinite || !enabled || isSignedIn === false) return null;
     return {
-      ...params,
-      ...cacheKeys,
+      type: keys.queryKey[0],
+      ...keys.queryKey[2],
+      ...keys.queryKey[3].args,
       initialPage: initialPageRef.current + pageIndex,
       pageSize: pageSizeRef.current
     };
   }, (cacheKeyParams) => {
-    const requestParams = getDifferentKeys(cacheKeyParams, cacheKeys);
-    return fetcher == null ? void 0 : fetcher({
-      ...params,
-      ...requestParams
+    const requestParams = getDifferentKeys(cacheKeyParams, {
+      type: keys.queryKey[0],
+      ...keys.queryKey[2]
     });
+    return fetcher == null ? void 0 : fetcher(requestParams);
   }, cachingSWRInfiniteOptions);
   const page = React7.useMemo(() => {
     if (triggerInfinite) return size;
@@ -2040,37 +2059,73 @@ function useOrganization(params) {
     pageSize: invitationsSafeValues.pageSize,
     status: invitationsSafeValues.status
   };
-  const domains = usePagesOrInfinite({ ...domainParams }, organization == null ? void 0 : organization.getDomains, {
-    keepPreviousData: domainSafeValues.keepPreviousData,
-    infinite: domainSafeValues.infinite,
-    enabled: !!domainParams
-  }, {
-    type: "domains",
-    organizationId: organization == null ? void 0 : organization.id
+  const domains = usePagesOrInfinite({
+    fetcher: organization == null ? void 0 : organization.getDomains,
+    config: {
+      keepPreviousData: domainSafeValues.keepPreviousData,
+      infinite: domainSafeValues.infinite,
+      enabled: !!domainParams,
+      isSignedIn: Boolean(organization),
+      initialPage: domainSafeValues.initialPage,
+      pageSize: domainSafeValues.pageSize
+    },
+    keys: createCacheKeys({
+      stablePrefix: "domains",
+      authenticated: Boolean(organization),
+      tracked: { organizationId: organization == null ? void 0 : organization.id },
+      untracked: { args: domainParams }
+    })
   });
-  const membershipRequests = usePagesOrInfinite({ ...membershipRequestParams }, organization == null ? void 0 : organization.getMembershipRequests, {
-    keepPreviousData: membershipRequestSafeValues.keepPreviousData,
-    infinite: membershipRequestSafeValues.infinite,
-    enabled: !!membershipRequestParams
-  }, {
-    type: "membershipRequests",
-    organizationId: organization == null ? void 0 : organization.id
+  const membershipRequests = usePagesOrInfinite({
+    fetcher: organization == null ? void 0 : organization.getMembershipRequests,
+    config: {
+      keepPreviousData: membershipRequestSafeValues.keepPreviousData,
+      infinite: membershipRequestSafeValues.infinite,
+      enabled: !!membershipRequestParams,
+      isSignedIn: Boolean(organization),
+      initialPage: membershipRequestSafeValues.initialPage,
+      pageSize: membershipRequestSafeValues.pageSize
+    },
+    keys: createCacheKeys({
+      stablePrefix: "membershipRequests",
+      authenticated: Boolean(organization),
+      tracked: { organizationId: organization == null ? void 0 : organization.id },
+      untracked: { args: membershipRequestParams }
+    })
   });
-  const memberships = usePagesOrInfinite(membersParams || {}, organization == null ? void 0 : organization.getMemberships, {
-    keepPreviousData: membersSafeValues.keepPreviousData,
-    infinite: membersSafeValues.infinite,
-    enabled: !!membersParams
-  }, {
-    type: "members",
-    organizationId: organization == null ? void 0 : organization.id
+  const memberships = usePagesOrInfinite({
+    fetcher: organization == null ? void 0 : organization.getMemberships,
+    config: {
+      keepPreviousData: membersSafeValues.keepPreviousData,
+      infinite: membersSafeValues.infinite,
+      enabled: !!membersParams,
+      isSignedIn: Boolean(organization),
+      initialPage: membersSafeValues.initialPage,
+      pageSize: membersSafeValues.pageSize
+    },
+    keys: createCacheKeys({
+      stablePrefix: "members",
+      authenticated: Boolean(organization),
+      tracked: { organizationId: organization == null ? void 0 : organization.id },
+      untracked: { args: membersParams }
+    })
   });
-  const invitations = usePagesOrInfinite({ ...invitationsParams }, organization == null ? void 0 : organization.getInvitations, {
-    keepPreviousData: invitationsSafeValues.keepPreviousData,
-    infinite: invitationsSafeValues.infinite,
-    enabled: !!invitationsParams
-  }, {
-    type: "invitations",
-    organizationId: organization == null ? void 0 : organization.id
+  const invitations = usePagesOrInfinite({
+    fetcher: organization == null ? void 0 : organization.getInvitations,
+    config: {
+      keepPreviousData: invitationsSafeValues.keepPreviousData,
+      infinite: invitationsSafeValues.infinite,
+      enabled: !!invitationsParams,
+      isSignedIn: Boolean(organization),
+      initialPage: invitationsSafeValues.initialPage,
+      pageSize: invitationsSafeValues.pageSize
+    },
+    keys: createCacheKeys({
+      stablePrefix: "invitations",
+      authenticated: Boolean(organization),
+      tracked: { organizationId: organization == null ? void 0 : organization.id },
+      untracked: { args: invitationsParams }
+    })
   });
   if (organization === void 0) return {
     isLoaded: false,
@@ -2168,29 +2223,56 @@ function useOrganizationList(params) {
     status: userSuggestionsSafeValues.status
   };
   const isClerkLoaded = !!(clerk2.loaded && user);
-  const memberships = usePagesOrInfinite(userMembershipsParams || {}, user == null ? void 0 : user.getOrganizationMemberships, {
-    keepPreviousData: userMembershipsSafeValues.keepPreviousData,
-    infinite: userMembershipsSafeValues.infinite,
-    enabled: !!userMembershipsParams
-  }, {
-    type: "userMemberships",
-    userId: user == null ? void 0 : user.id
+  const memberships = usePagesOrInfinite({
+    fetcher: user == null ? void 0 : user.getOrganizationMemberships,
+    config: {
+      keepPreviousData: userMembershipsSafeValues.keepPreviousData,
+      infinite: userMembershipsSafeValues.infinite,
+      enabled: !!userMembershipsParams,
+      isSignedIn: Boolean(user),
+      initialPage: userMembershipsSafeValues.initialPage,
+      pageSize: userMembershipsSafeValues.pageSize
+    },
+    keys: createCacheKeys({
+      stablePrefix: "userMemberships",
+      authenticated: Boolean(user),
+      tracked: { userId: user == null ? void 0 : user.id },
+      untracked: { args: userMembershipsParams }
+    })
   });
-  const invitations = usePagesOrInfinite({ ...userInvitationsParams }, user == null ? void 0 : user.getOrganizationInvitations, {
-    keepPreviousData: userInvitationsSafeValues.keepPreviousData,
-    infinite: userInvitationsSafeValues.infinite,
-    enabled: !!userInvitationsParams
-  }, {
-    type: "userInvitations",
-    userId: user == null ? void 0 : user.id
+  const invitations = usePagesOrInfinite({
+    fetcher: user == null ? void 0 : user.getOrganizationInvitations,
+    config: {
+      keepPreviousData: userInvitationsSafeValues.keepPreviousData,
+      infinite: userInvitationsSafeValues.infinite,
+      enabled: !!userInvitationsParams,
+      isSignedIn: Boolean(user),
+      initialPage: userInvitationsSafeValues.initialPage,
+      pageSize: userInvitationsSafeValues.pageSize
+    },
+    keys: createCacheKeys({
+      stablePrefix: "userInvitations",
+      authenticated: Boolean(user),
+      tracked: { userId: user == null ? void 0 : user.id },
+      untracked: { args: userInvitationsParams }
+    })
   });
-  const suggestions = usePagesOrInfinite({ ...userSuggestionsParams }, user == null ? void 0 : user.getOrganizationSuggestions, {
-    keepPreviousData: userSuggestionsSafeValues.keepPreviousData,
-    infinite: userSuggestionsSafeValues.infinite,
-    enabled: !!userSuggestionsParams
-  }, {
-    type: "userSuggestions",
-    userId: user == null ? void 0 : user.id
+  const suggestions = usePagesOrInfinite({
+    fetcher: user == null ? void 0 : user.getOrganizationSuggestions,
+    config: {
+      keepPreviousData: userSuggestionsSafeValues.keepPreviousData,
+      infinite: userSuggestionsSafeValues.infinite,
+      enabled: !!userSuggestionsParams,
+      isSignedIn: Boolean(user),
+      initialPage: userSuggestionsSafeValues.initialPage,
+      pageSize: userSuggestionsSafeValues.pageSize
+    },
+    keys: createCacheKeys({
+      stablePrefix: "userSuggestions",
+      authenticated: Boolean(user),
+      tracked: { userId: user == null ? void 0 : user.id },
+      untracked: { args: userSuggestionsParams }
+    })
   });
   if (!isClerkLoaded) return {
     isLoaded: false,
@@ -3737,8 +3819,8 @@ var APIKeys = withClerk(
       ClerkHostRenderer,
       {
         component,
-        mount: clerk2.mountApiKeys,
-        unmount: clerk2.unmountApiKeys,
+        mount: clerk2.mountAPIKeys,
+        unmount: clerk2.unmountAPIKeys,
         updateProps: clerk2.__unstable__updateProps,
         props,
         rootProps: rendererRootProps
@@ -4317,7 +4399,7 @@ if (typeof globalThis.__BUILD_DISABLE_RHC__ === "undefined") {
 }
 var SDK_METADATA = {
   name: "@clerk/clerk-react",
-  version: "5.55.1-canary.v20251114223431",
+  version: "5.56.0-canary.v20251117114651",
   environment: process.env.NODE_ENV
 };
 var _status;
@@ -4356,7 +4438,7 @@ var _IsomorphicClerk = class _IsomorphicClerk2 {
     this.premountMethodCalls = /* @__PURE__ */ new Map();
     this.premountWaitlistNodes = /* @__PURE__ */ new Map();
     this.premountPricingTableNodes = /* @__PURE__ */ new Map();
-    this.premountApiKeysNodes = /* @__PURE__ */ new Map();
+    this.premountAPIKeysNodes = /* @__PURE__ */ new Map();
     this.premountOAuthConsentNodes = /* @__PURE__ */ new Map();
     this.premountTaskChooseOrganizationNodes = /* @__PURE__ */ new Map();
     this.premountAddListenerCalls = /* @__PURE__ */ new Map();
@@ -4625,8 +4707,8 @@ var _IsomorphicClerk = class _IsomorphicClerk2 {
       this.premountPricingTableNodes.forEach((props, node) => {
         clerkjs.mountPricingTable(node, props);
       });
-      this.premountApiKeysNodes.forEach((props, node) => {
-        clerkjs.mountApiKeys(node, props);
+      this.premountAPIKeysNodes.forEach((props, node) => {
+        clerkjs.mountAPIKeys(node, props);
       });
       this.premountOAuthConsentNodes.forEach((props, node) => {
         clerkjs.__internal_mountOAuthConsent(node, props);
@@ -4976,18 +5058,18 @@ var _IsomorphicClerk = class _IsomorphicClerk2 {
         this.premountPricingTableNodes.delete(node);
       }
     };
-    this.mountApiKeys = (node, props) => {
+    this.mountAPIKeys = (node, props) => {
       if (this.clerkjs && this.loaded) {
-        this.clerkjs.mountApiKeys(node, props);
+        this.clerkjs.mountAPIKeys(node, props);
       } else {
-        this.premountApiKeysNodes.set(node, props);
+        this.premountAPIKeysNodes.set(node, props);
       }
     };
-    this.unmountApiKeys = (node) => {
+    this.unmountAPIKeys = (node) => {
       if (this.clerkjs && this.loaded) {
-        this.clerkjs.unmountApiKeys(node);
+        this.clerkjs.unmountAPIKeys(node);
       } else {
-        this.premountApiKeysNodes.delete(node);
+        this.premountAPIKeysNodes.delete(node);
       }
     };
     this.__internal_mountOAuthConsent = (node, props) => {
@@ -5861,7 +5943,7 @@ var BrowserStorageCache = createBrowserStorageCache();
 var clerk;
 noRhc.Clerk.sdkMetadata = {
   name: "@clerk/chrome-extension",
-  version: "2.8.2-canary.v20251114223431"
+  version: "2.8.2-canary.v20251117114651"
 };
 async function createClerkClient({
   __experimental_syncHostListener = false,