New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@clerk/shared

Package Overview
Dependencies
Maintainers
7
Versions
2190
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@clerk/shared - npm Package Compare versions

Comparing version 0.22.0-staging.8538cd0 to 0.22.0-staging.da77928

dist/cjs/hooks/usePagesOrInfinite.js

153

dist/cjs/hooks/useOrganizationList.js
"use strict";
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;

@@ -20,10 +18,2 @@ var __export = (target, all) => {

};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);

@@ -35,103 +25,51 @@ var useOrganizationList_exports = {};

module.exports = __toCommonJS(useOrganizationList_exports);
var import_react = require("react");
var import_swr = __toESM(require("swr"));
var import_infinite = __toESM(require("swr/infinite"));
var import_contexts = require("./contexts");
var import_usePagesOrInfinite = require("./usePagesOrInfinite");
const useOrganizationList = (params) => {
const { userInvitations } = params || {};
const shouldUseDefaultOptions = userInvitations === true;
const [paginatedPage, setPaginatedPage] = (0, import_react.useState)(shouldUseDefaultOptions ? 1 : userInvitations?.initialPage ?? 1);
const initialPageRef = (0, import_react.useRef)(shouldUseDefaultOptions ? 1 : userInvitations?.initialPage ?? 1);
const pageSizeRef = (0, import_react.useRef)(shouldUseDefaultOptions ? 10 : userInvitations?.pageSize ?? 10);
const triggerInfinite = shouldUseDefaultOptions ? false : !!userInvitations?.infinite;
const internalKeepPreviousData = shouldUseDefaultOptions ? false : !!userInvitations?.keepPreviousData;
const internalStatus = shouldUseDefaultOptions ? "pending" : userInvitations?.status ?? "pending";
const userInvitationsSafeValues = (0, import_usePagesOrInfinite.useWithSafeValues)(userInvitations, {
initialPage: 1,
pageSize: 10,
status: "pending",
keepPreviousData: false,
infinite: false
});
const clerk = (0, import_contexts.useClerkInstanceContext)();
const user = (0, import_contexts.useUserContext)();
const paginatedParams = typeof userInvitations === "undefined" ? void 0 : {
initialPage: paginatedPage,
pageSize: pageSizeRef.current,
status: internalStatus
const userInvitationsParams = typeof userInvitations === "undefined" ? void 0 : {
initialPage: userInvitationsSafeValues.initialPage,
pageSize: userInvitationsSafeValues.pageSize,
status: userInvitationsSafeValues.status
};
const canFetch = !!(clerk.loaded && user);
const fetchInvitations = () => user.getOrganizationInvitations(paginatedParams);
const isClerkLoaded = !!(clerk.loaded && user);
const {
data: userInvitationsData,
isValidating: userInvitationsValidating,
isLoading: userInvitationsLoading,
error: userInvitationsError,
mutate: userInvitationsMutate
} = (0, import_swr.default)(
!triggerInfinite && canFetch && paginatedParams ? cacheKey("userInvitations", user, paginatedParams) : null,
fetchInvitations,
{ keepPreviousData: internalKeepPreviousData }
);
const getInfiniteKey = (pageIndex, previousPageData) => {
if (!canFetch || !paginatedParams || !triggerInfinite) {
return null;
data: isomorphicData,
count: isomorphicCount,
isLoading: isomorphicIsLoading,
isFetching: isomorphicIsFetching,
isError: isomorphicIsError,
page: isomorphicPage,
pageCount,
fetchPage: isomorphicSetPage,
fetchNext,
fetchPrevious,
hasNextPage,
hasPreviousPage,
unstable__mutate
} = (0, import_usePagesOrInfinite.usePagesOrInfinite)(
{
...userInvitationsParams
},
user?.getOrganizationInvitations,
{
keepPreviousData: userInvitationsSafeValues.keepPreviousData,
infinite: userInvitationsSafeValues.infinite,
enabled: !!userInvitationsParams
},
{
type: "userInvitations",
userId: user?.id
}
return cacheKey("userInvitations", user, {
initialPage: initialPageRef.current + pageIndex,
pageSize: pageSizeRef.current,
status: internalStatus
});
};
const {
data: userInvitationsDataInfinite,
isLoading: userInvitationsLoadingInfinite,
isValidating: userInvitationsInfiniteValidating,
error: userInvitationsInfiniteError,
size,
setSize,
mutate: userInvitationsInfiniteMutate
} = (0, import_infinite.default)(getInfiniteKey, ({ initialPage, pageSize, status }) => {
return user.getOrganizationInvitations({
initialPage,
pageSize,
status
});
});
const isomorphicPage = (0, import_react.useMemo)(() => {
if (triggerInfinite) {
return size;
}
return paginatedPage;
}, [triggerInfinite, size, paginatedPage]);
const isomorphicSetPage = (0, import_react.useCallback)(
(numberOrgFn) => {
if (triggerInfinite) {
void setSize(numberOrgFn);
return;
}
return setPaginatedPage(numberOrgFn);
},
[setSize]
);
const isomorphicData = (0, import_react.useMemo)(() => {
if (triggerInfinite) {
return userInvitationsDataInfinite?.map((a) => a?.data).flat() ?? [];
}
return userInvitationsData?.data ?? [];
}, [triggerInfinite, userInvitationsDataInfinite, userInvitationsData]);
const isomorphicCount = (0, import_react.useMemo)(() => {
if (triggerInfinite) {
return userInvitationsDataInfinite?.[userInvitationsDataInfinite?.length - 1]?.total_count || 0;
}
return userInvitationsData?.total_count ?? 0;
}, [triggerInfinite, userInvitationsDataInfinite, userInvitationsData]);
const isomorphicIsLoading = triggerInfinite ? userInvitationsLoadingInfinite : userInvitationsLoading;
const isomorphicIsFetching = triggerInfinite ? userInvitationsInfiniteValidating : userInvitationsValidating;
const isomorphicIsError = !!(triggerInfinite ? userInvitationsInfiniteError : userInvitationsError);
const fetchNext = (0, import_react.useCallback)(() => {
isomorphicSetPage((n) => Math.max(0, n + 1));
}, [isomorphicSetPage]);
const fetchPrevious = (0, import_react.useCallback)(() => {
isomorphicSetPage((n) => Math.max(0, n - 1));
}, [isomorphicSetPage]);
const offsetCount = (initialPageRef.current - 1) * pageSizeRef.current;
const pageCount = Math.ceil((isomorphicCount - offsetCount) / pageSizeRef.current);
const hasNextPage = isomorphicCount - offsetCount * pageSizeRef.current > isomorphicPage * pageSizeRef.current;
const hasPreviousPage = (isomorphicPage - 1) * pageSizeRef.current > offsetCount * pageSizeRef.current;
const unstable__mutate = triggerInfinite ? userInvitationsInfiniteMutate : userInvitationsMutate;
if (!clerk.loaded || !user) {
if (!isClerkLoaded) {
return {

@@ -160,3 +98,3 @@ isLoaded: false,

return {
isLoaded: canFetch,
isLoaded: isClerkLoaded,
organizationList: createOrganizationList(user.organizationMemberships),

@@ -188,11 +126,2 @@ setActive: clerk.setActive,

}
function cacheKey(type, user, pagination) {
return {
type,
userId: user.id,
initialPage: pagination.initialPage,
pageSize: pagination.pageSize,
status: pagination.status
};
}
// Annotate the CommonJS export names for ESM import in node:

@@ -199,0 +128,0 @@ 0 && (module.exports = {

@@ -1,102 +0,50 @@

import { useCallback, useMemo, useRef, useState } from "react";
import useSWR from "swr";
import useSWRInfinite from "swr/infinite";
import { useClerkInstanceContext, useUserContext } from "./contexts";
import { usePagesOrInfinite, useWithSafeValues } from "./usePagesOrInfinite";
const useOrganizationList = (params) => {
const { userInvitations } = params || {};
const shouldUseDefaultOptions = userInvitations === true;
const [paginatedPage, setPaginatedPage] = useState(shouldUseDefaultOptions ? 1 : userInvitations?.initialPage ?? 1);
const initialPageRef = useRef(shouldUseDefaultOptions ? 1 : userInvitations?.initialPage ?? 1);
const pageSizeRef = useRef(shouldUseDefaultOptions ? 10 : userInvitations?.pageSize ?? 10);
const triggerInfinite = shouldUseDefaultOptions ? false : !!userInvitations?.infinite;
const internalKeepPreviousData = shouldUseDefaultOptions ? false : !!userInvitations?.keepPreviousData;
const internalStatus = shouldUseDefaultOptions ? "pending" : userInvitations?.status ?? "pending";
const userInvitationsSafeValues = useWithSafeValues(userInvitations, {
initialPage: 1,
pageSize: 10,
status: "pending",
keepPreviousData: false,
infinite: false
});
const clerk = useClerkInstanceContext();
const user = useUserContext();
const paginatedParams = typeof userInvitations === "undefined" ? void 0 : {
initialPage: paginatedPage,
pageSize: pageSizeRef.current,
status: internalStatus
const userInvitationsParams = typeof userInvitations === "undefined" ? void 0 : {
initialPage: userInvitationsSafeValues.initialPage,
pageSize: userInvitationsSafeValues.pageSize,
status: userInvitationsSafeValues.status
};
const canFetch = !!(clerk.loaded && user);
const fetchInvitations = () => user.getOrganizationInvitations(paginatedParams);
const isClerkLoaded = !!(clerk.loaded && user);
const {
data: userInvitationsData,
isValidating: userInvitationsValidating,
isLoading: userInvitationsLoading,
error: userInvitationsError,
mutate: userInvitationsMutate
} = useSWR(
!triggerInfinite && canFetch && paginatedParams ? cacheKey("userInvitations", user, paginatedParams) : null,
fetchInvitations,
{ keepPreviousData: internalKeepPreviousData }
);
const getInfiniteKey = (pageIndex, previousPageData) => {
if (!canFetch || !paginatedParams || !triggerInfinite) {
return null;
data: isomorphicData,
count: isomorphicCount,
isLoading: isomorphicIsLoading,
isFetching: isomorphicIsFetching,
isError: isomorphicIsError,
page: isomorphicPage,
pageCount,
fetchPage: isomorphicSetPage,
fetchNext,
fetchPrevious,
hasNextPage,
hasPreviousPage,
unstable__mutate
} = usePagesOrInfinite(
{
...userInvitationsParams
},
user?.getOrganizationInvitations,
{
keepPreviousData: userInvitationsSafeValues.keepPreviousData,
infinite: userInvitationsSafeValues.infinite,
enabled: !!userInvitationsParams
},
{
type: "userInvitations",
userId: user?.id
}
return cacheKey("userInvitations", user, {
initialPage: initialPageRef.current + pageIndex,
pageSize: pageSizeRef.current,
status: internalStatus
});
};
const {
data: userInvitationsDataInfinite,
isLoading: userInvitationsLoadingInfinite,
isValidating: userInvitationsInfiniteValidating,
error: userInvitationsInfiniteError,
size,
setSize,
mutate: userInvitationsInfiniteMutate
} = useSWRInfinite(getInfiniteKey, ({ initialPage, pageSize, status }) => {
return user.getOrganizationInvitations({
initialPage,
pageSize,
status
});
});
const isomorphicPage = useMemo(() => {
if (triggerInfinite) {
return size;
}
return paginatedPage;
}, [triggerInfinite, size, paginatedPage]);
const isomorphicSetPage = useCallback(
(numberOrgFn) => {
if (triggerInfinite) {
void setSize(numberOrgFn);
return;
}
return setPaginatedPage(numberOrgFn);
},
[setSize]
);
const isomorphicData = useMemo(() => {
if (triggerInfinite) {
return userInvitationsDataInfinite?.map((a) => a?.data).flat() ?? [];
}
return userInvitationsData?.data ?? [];
}, [triggerInfinite, userInvitationsDataInfinite, userInvitationsData]);
const isomorphicCount = useMemo(() => {
if (triggerInfinite) {
return userInvitationsDataInfinite?.[userInvitationsDataInfinite?.length - 1]?.total_count || 0;
}
return userInvitationsData?.total_count ?? 0;
}, [triggerInfinite, userInvitationsDataInfinite, userInvitationsData]);
const isomorphicIsLoading = triggerInfinite ? userInvitationsLoadingInfinite : userInvitationsLoading;
const isomorphicIsFetching = triggerInfinite ? userInvitationsInfiniteValidating : userInvitationsValidating;
const isomorphicIsError = !!(triggerInfinite ? userInvitationsInfiniteError : userInvitationsError);
const fetchNext = useCallback(() => {
isomorphicSetPage((n) => Math.max(0, n + 1));
}, [isomorphicSetPage]);
const fetchPrevious = useCallback(() => {
isomorphicSetPage((n) => Math.max(0, n - 1));
}, [isomorphicSetPage]);
const offsetCount = (initialPageRef.current - 1) * pageSizeRef.current;
const pageCount = Math.ceil((isomorphicCount - offsetCount) / pageSizeRef.current);
const hasNextPage = isomorphicCount - offsetCount * pageSizeRef.current > isomorphicPage * pageSizeRef.current;
const hasPreviousPage = (isomorphicPage - 1) * pageSizeRef.current > offsetCount * pageSizeRef.current;
const unstable__mutate = triggerInfinite ? userInvitationsInfiniteMutate : userInvitationsMutate;
if (!clerk.loaded || !user) {
if (!isClerkLoaded) {
return {

@@ -125,3 +73,3 @@ isLoaded: false,

return {
isLoaded: canFetch,
isLoaded: isClerkLoaded,
organizationList: createOrganizationList(user.organizationMemberships),

@@ -153,11 +101,2 @@ setActive: clerk.setActive,

}
function cacheKey(type, user, pagination) {
return {
type,
userId: user.id,
initialPage: pagination.initialPage,
pageSize: pagination.pageSize,
status: pagination.status
};
}
export {

@@ -164,0 +103,0 @@ useOrganizationList

{
"name": "@clerk/shared",
"version": "0.22.0-staging.8538cd0",
"version": "0.22.0-staging.da77928",
"description": "Internal package utils used by the Clerk SDKs",

@@ -38,3 +38,3 @@ "types": "./dist/types/index.d.ts",

"devDependencies": {
"@clerk/types": "3.50.0-staging.8538cd0",
"@clerk/types": "3.50.0-staging.da77928",
"@types/glob-to-regexp": "0.4.1",

@@ -41,0 +41,0 @@ "@types/js-cookie": "3.0.2",

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc