@lokalise/harmony 2.1.0-exp-testingContracts.5 → 2.1.0-exp-testingContracts.7

package/dist/harmony31.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony31.cjs","sources":["../src/features/auth/frontend/hooks/useAuthenticatedProjectContributor.ts"],"sourcesContent":["import type { HeaderBuilder } from '@features/auth/core/headers/headerBuilder'\nimport {\n\tretrieveContributorKeys,\n\tuseRetrieveContributorQuery,\n} from '@features/publicApi/hooks/useRetrieveContributorQuery'\nimport type {\n\tContributorApiBaseHeader,\n\tRetrieveContributorPathParams,\n} from '@features/publicApi/types/contributorTypes'\nimport type { Wretch } from 'wretch'\nimport { useAuthenticatedSessionPayload } from './useAuthenticatedSessionPayload'\n\n/**\n * Uses the payload attached to the JWT to request the contributor information\n * of the provided project for the authenticated user.\n * This required an active JWT token to be present in the cookie.\n *\n * @param wretchClient - Wretch instance configured to a public API instance.\n * @param headers - The headers to attach to the request.\n * @param projectId - The ID of the project to retrieve the contributor information.\n */\nexport function useAuthenticatedProjectContributor<T>(\n\twretchClient: Wretch<T>,\n\theaders: HeaderBuilder<ContributorApiBaseHeader>,\n\tprojectId: string,\n) {\n\tconst payload = useAuthenticatedSessionPayload()\n\n\tconst contributor: RetrieveContributorPathParams['contributor'] = payload?.userId\n\t\t? { id: payload.userId }\n\t\t: { authenticatedUser: true }\n\n\treturn useRetrieveContributorQuery(wretchClient, headers, {\n\t\tqueryKey: retrieveContributorKeys.projectUserKey({ project: { id: projectId }, contributor }),\n\t\tenabled: payload !== undefined,\n\t})\n}\n"],"names":["useAuthenticatedSessionPayload","useRetrieveContributorQuery","retrieveContributorKeys"],"mappings":";;;;AAqBgB,SAAA,mCACf,cACA,SACA,WACC;AACD,QAAM,UAAUA,+BAAAA,+BAA+B;AAEzC,QAAA,eAA4D,mCAAS,UACxE,EAAE,IAAI,QAAQ,OAAO,IACrB,EAAE,mBAAmB,KAAK;AAEtB,SAAAC,4BAAA,4BAA4B,cAAc,SAAS;AAAA,IACzD,UAAUC,4BAAAA,wBAAwB,eAAe,EAAE,SAAS,EAAE,IAAI,aAAa,aAAa;AAAA,IAC5F,SAAS,YAAY;AAAA,EAAA,CACrB;AACF;;"}
+{"version":3,"file":"harmony31.cjs","sources":["../src/features/permissions/components/TeamActionResolverContextProvider.tsx"],"sourcesContent":["import { teamContext } from '@features/permissions/context/ActionsContext'\nimport type { TeamRole } from '@features/permissions/types'\nimport type { PropsWithChildren } from 'react'\n\ntype TeamActionResolverContextProviderProps = PropsWithChildren<{\n\tteamRole: TeamRole | undefined\n}>\n\n/**\n * Provides the current team role to the permissions context for all child components.\n *\n * Use this provider to make the user's team role available to the permissions\n * system within a subtree of your React component tree.\n * This is useful for conditionally enabling or restricting features based on the user's role in a team.\n *\n * @param teamRole The current team role (e.g. 'admin', 'owner', 'biller', 'member').\n * @param children The subtree of React elements that will have access to the team role context.\n *\n * @example\n * <TeamActionResolverContextProvider teamRole=\"admin\">\n *   <MyComponent />\n * </TeamActionResolverContextProvider>\n */\nexport const TeamActionResolverContextProvider = ({\n\tteamRole,\n\tchildren,\n}: TeamActionResolverContextProviderProps) => {\n\treturn <teamContext.Provider value={teamRole}>{children}</teamContext.Provider>\n}\n"],"names":["teamContext"],"mappings":";;;;AAuBO,MAAM,oCAAoC,CAAC;AAAA,EACjD;AAAA,EACA;AACD,MAA8C;AAC7C,wCAAQA,eAAAA,YAAY,UAAZ,EAAqB,OAAO,UAAW,UAAS;AACzD;;"}

package/dist/harmony31.mjs

@@ -1,14 +1,12 @@
-import { useRetrieveContributorQuery, retrieveContributorKeys } from "./harmony72.mjs";
-import { useAuthenticatedSessionPayload } from "./harmony29.mjs";
-function useAuthenticatedProjectContributor(wretchClient, headers, projectId) {
-  const payload = useAuthenticatedSessionPayload();
-  const contributor = (payload == null ? void 0 : payload.userId) ? { id: payload.userId } : { authenticatedUser: true };
-  return useRetrieveContributorQuery(wretchClient, headers, {
-    queryKey: retrieveContributorKeys.projectUserKey({ project: { id: projectId }, contributor }),
-    enabled: payload !== void 0
-  });
-}
+import { jsx } from "react/jsx-runtime";
+import { teamContext } from "./harmony122.mjs";
+const TeamActionResolverContextProvider = ({
+  teamRole,
+  children
+}) => {
+  return /* @__PURE__ */ jsx(teamContext.Provider, { value: teamRole, children });
+};
 export {
-  useAuthenticatedProjectContributor
+  TeamActionResolverContextProvider
 };
 //# sourceMappingURL=harmony31.mjs.map

package/dist/harmony31.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony31.mjs","sources":["../src/features/auth/frontend/hooks/useAuthenticatedProjectContributor.ts"],"sourcesContent":["import type { HeaderBuilder } from '@features/auth/core/headers/headerBuilder'\nimport {\n\tretrieveContributorKeys,\n\tuseRetrieveContributorQuery,\n} from '@features/publicApi/hooks/useRetrieveContributorQuery'\nimport type {\n\tContributorApiBaseHeader,\n\tRetrieveContributorPathParams,\n} from '@features/publicApi/types/contributorTypes'\nimport type { Wretch } from 'wretch'\nimport { useAuthenticatedSessionPayload } from './useAuthenticatedSessionPayload'\n\n/**\n * Uses the payload attached to the JWT to request the contributor information\n * of the provided project for the authenticated user.\n * This required an active JWT token to be present in the cookie.\n *\n * @param wretchClient - Wretch instance configured to a public API instance.\n * @param headers - The headers to attach to the request.\n * @param projectId - The ID of the project to retrieve the contributor information.\n */\nexport function useAuthenticatedProjectContributor<T>(\n\twretchClient: Wretch<T>,\n\theaders: HeaderBuilder<ContributorApiBaseHeader>,\n\tprojectId: string,\n) {\n\tconst payload = useAuthenticatedSessionPayload()\n\n\tconst contributor: RetrieveContributorPathParams['contributor'] = payload?.userId\n\t\t? { id: payload.userId }\n\t\t: { authenticatedUser: true }\n\n\treturn useRetrieveContributorQuery(wretchClient, headers, {\n\t\tqueryKey: retrieveContributorKeys.projectUserKey({ project: { id: projectId }, contributor }),\n\t\tenabled: payload !== undefined,\n\t})\n}\n"],"names":[],"mappings":";;AAqBgB,SAAA,mCACf,cACA,SACA,WACC;AACD,QAAM,UAAU,+BAA+B;AAEzC,QAAA,eAA4D,mCAAS,UACxE,EAAE,IAAI,QAAQ,OAAO,IACrB,EAAE,mBAAmB,KAAK;AAEtB,SAAA,4BAA4B,cAAc,SAAS;AAAA,IACzD,UAAU,wBAAwB,eAAe,EAAE,SAAS,EAAE,IAAI,aAAa,aAAa;AAAA,IAC5F,SAAS,YAAY;AAAA,EAAA,CACrB;AACF;"}
+{"version":3,"file":"harmony31.mjs","sources":["../src/features/permissions/components/TeamActionResolverContextProvider.tsx"],"sourcesContent":["import { teamContext } from '@features/permissions/context/ActionsContext'\nimport type { TeamRole } from '@features/permissions/types'\nimport type { PropsWithChildren } from 'react'\n\ntype TeamActionResolverContextProviderProps = PropsWithChildren<{\n\tteamRole: TeamRole | undefined\n}>\n\n/**\n * Provides the current team role to the permissions context for all child components.\n *\n * Use this provider to make the user's team role available to the permissions\n * system within a subtree of your React component tree.\n * This is useful for conditionally enabling or restricting features based on the user's role in a team.\n *\n * @param teamRole The current team role (e.g. 'admin', 'owner', 'biller', 'member').\n * @param children The subtree of React elements that will have access to the team role context.\n *\n * @example\n * <TeamActionResolverContextProvider teamRole=\"admin\">\n *   <MyComponent />\n * </TeamActionResolverContextProvider>\n */\nexport const TeamActionResolverContextProvider = ({\n\tteamRole,\n\tchildren,\n}: TeamActionResolverContextProviderProps) => {\n\treturn <teamContext.Provider value={teamRole}>{children}</teamContext.Provider>\n}\n"],"names":[],"mappings":";;AAuBO,MAAM,oCAAoC,CAAC;AAAA,EACjD;AAAA,EACA;AACD,MAA8C;AAC7C,6BAAQ,YAAY,UAAZ,EAAqB,OAAO,UAAW,UAAS;AACzD;"}

package/dist/harmony32.cjs

@@ -1,12 +1,18 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const ActionsContext = require("./harmony124.cjs");
-const FeatureFlagActionResolverContextProvider = ({
-  enabledFeatureFlags,
+const ActionsContext = require("./harmony122.cjs");
+const React = require("react");
+const ProjectActionResolverContextProvider = ({
+  projectType,
+  projectPermissions,
   children
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(ActionsContext.featureFlagContext.Provider, { value: enabledFeatureFlags, children });
+  const value = React.useMemo(
+    () => ({ projectType, permissions: projectPermissions }),
+    [projectType, projectPermissions]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(ActionsContext.projectPermissionsContext.Provider, { value, children });
 };
-exports.FeatureFlagActionResolverContextProvider = FeatureFlagActionResolverContextProvider;
+exports.ProjectActionResolverContextProvider = ProjectActionResolverContextProvider;
 //# sourceMappingURL=harmony32.cjs.map

package/dist/harmony32.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony32.cjs","sources":["../src/features/permissions/components/FeatureFlagActionResolverContextProvider.tsx"],"sourcesContent":["import { featureFlagContext } from '@features/permissions/context/ActionsContext'\nimport type { FeatureFlag } from '@features/permissions/types'\nimport type { PropsWithChildren } from 'react'\n\ntype FeatureFlagActionResolverContextProviderProps = PropsWithChildren<{\n\tenabledFeatureFlags: FeatureFlag[] | undefined\n}>\n\n/**\n * Provides enabled feature flags to the permissions context for all child components.\n *\n * Use this provider to make a set of feature flags available to the\n * permissions system within a subtree of your React component tree.\n * This is useful for conditionally enabling or disabling features based on the user's permissions or rollout status.\n *\n * @param enabledFeatureFlags An array of enabled feature flag identifiers (e.g. ['homeMarketingBeta']).\n * @param children The subtree of React elements that will have access to the feature flag context.\n *\n * @example\n * <FeatureFlagActionResolverContextProvider enabledFeatureFlags={[\"homeMarketingBeta\"]}>\n *   <MyComponent />\n * </FeatureFlagActionResolverContextProvider>\n */\n\nexport const FeatureFlagActionResolverContextProvider = ({\n\tenabledFeatureFlags,\n\tchildren,\n}: FeatureFlagActionResolverContextProviderProps) => {\n\treturn (\n\t\t<featureFlagContext.Provider value={enabledFeatureFlags}>\n\t\t\t{children}\n\t\t</featureFlagContext.Provider>\n\t)\n}\n"],"names":["featureFlagContext"],"mappings":";;;;AAwBO,MAAM,2CAA2C,CAAC;AAAA,EACxD;AAAA,EACA;AACD,MAAqD;AACpD,wCACEA,eAAAA,mBAAmB,UAAnB,EAA4B,OAAO,qBAClC,UACF;AAEF;;"}
+{"version":3,"file":"harmony32.cjs","sources":["../src/features/permissions/components/ProjectActionResolverContextProvider.tsx"],"sourcesContent":["import { projectPermissionsContext } from '@features/permissions/context/ActionsContext'\nimport type {\n\tLegacyProjectPermission,\n\tProjectPermission,\n\tProjectType,\n} from '@features/permissions/types'\nimport { type PropsWithChildren, useMemo } from 'react'\n\ntype ProjectActionResolverContextProviderProps = PropsWithChildren<{\n\tprojectPermissions: (ProjectPermission | LegacyProjectPermission)[]\n\tprojectType: ProjectType\n}>\n\n/**\n * Provides project permissions and project type to the permissions context for all child components.\n *\n * Use this provider to make a set of project-specific permissions and the project\n * type available to the permissions system within a subtree of your React component tree.\n * This is useful as you man not have a project context available at the top level of your application,\n * so this can be introduced at the level where you do have access to the project permissions and type.\n *\n * @param projectPermissions An array of project permission identifiers (e.g. ['tasks', 'upload', 'settings']).\n * @param projectType The type of the project (e.g. 'marketing', 'localization_files').\n * @param children The subtree of React elements that will have access to the project permissions context.\n *\n * @example\n * <ProjectActionResolverContextProvider projectPermissions={[\"tasks\", \"upload\"]} projectType=\"marketing\">\n *   <MyComponent />\n * </ProjectActionResolverContextProvider>\n */\nexport const ProjectActionResolverContextProvider = ({\n\tprojectType,\n\tprojectPermissions,\n\tchildren,\n}: ProjectActionResolverContextProviderProps) => {\n\tconst value = useMemo(\n\t\t() => ({ projectType, permissions: projectPermissions }),\n\t\t[projectType, projectPermissions],\n\t)\n\n\treturn (\n\t\t<projectPermissionsContext.Provider value={value}>\n\t\t\t{children}\n\t\t</projectPermissionsContext.Provider>\n\t)\n}\n"],"names":["useMemo","jsx","projectPermissionsContext"],"mappings":";;;;;AA8BO,MAAM,uCAAuC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AACD,MAAiD;AAChD,QAAM,QAAQA,MAAA;AAAA,IACb,OAAO,EAAE,aAAa,aAAa;IACnC,CAAC,aAAa,kBAAkB;AAAA,EACjC;AAEA,SACEC,2BAAAA,IAAAC,eAAAA,0BAA0B,UAA1B,EAAmC,OAClC,SACF,CAAA;AAEF;;"}

package/dist/harmony32.mjs

@@ -1,12 +1,18 @@
 import { jsx } from "react/jsx-runtime";
-import { featureFlagContext } from "./harmony124.mjs";
-const FeatureFlagActionResolverContextProvider = ({
-  enabledFeatureFlags,
+import { projectPermissionsContext } from "./harmony122.mjs";
+import { useMemo } from "react";
+const ProjectActionResolverContextProvider = ({
+  projectType,
+  projectPermissions,
   children
 }) => {
-  return /* @__PURE__ */ jsx(featureFlagContext.Provider, { value: enabledFeatureFlags, children });
+  const value = useMemo(
+    () => ({ projectType, permissions: projectPermissions }),
+    [projectType, projectPermissions]
+  );
+  return /* @__PURE__ */ jsx(projectPermissionsContext.Provider, { value, children });
 };
 export {
-  FeatureFlagActionResolverContextProvider
+  ProjectActionResolverContextProvider
 };
 //# sourceMappingURL=harmony32.mjs.map

package/dist/harmony32.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony32.mjs","sources":["../src/features/permissions/components/FeatureFlagActionResolverContextProvider.tsx"],"sourcesContent":["import { featureFlagContext } from '@features/permissions/context/ActionsContext'\nimport type { FeatureFlag } from '@features/permissions/types'\nimport type { PropsWithChildren } from 'react'\n\ntype FeatureFlagActionResolverContextProviderProps = PropsWithChildren<{\n\tenabledFeatureFlags: FeatureFlag[] | undefined\n}>\n\n/**\n * Provides enabled feature flags to the permissions context for all child components.\n *\n * Use this provider to make a set of feature flags available to the\n * permissions system within a subtree of your React component tree.\n * This is useful for conditionally enabling or disabling features based on the user's permissions or rollout status.\n *\n * @param enabledFeatureFlags An array of enabled feature flag identifiers (e.g. ['homeMarketingBeta']).\n * @param children The subtree of React elements that will have access to the feature flag context.\n *\n * @example\n * <FeatureFlagActionResolverContextProvider enabledFeatureFlags={[\"homeMarketingBeta\"]}>\n *   <MyComponent />\n * </FeatureFlagActionResolverContextProvider>\n */\n\nexport const FeatureFlagActionResolverContextProvider = ({\n\tenabledFeatureFlags,\n\tchildren,\n}: FeatureFlagActionResolverContextProviderProps) => {\n\treturn (\n\t\t<featureFlagContext.Provider value={enabledFeatureFlags}>\n\t\t\t{children}\n\t\t</featureFlagContext.Provider>\n\t)\n}\n"],"names":[],"mappings":";;AAwBO,MAAM,2CAA2C,CAAC;AAAA,EACxD;AAAA,EACA;AACD,MAAqD;AACpD,6BACE,mBAAmB,UAAnB,EAA4B,OAAO,qBAClC,UACF;AAEF;"}
+{"version":3,"file":"harmony32.mjs","sources":["../src/features/permissions/components/ProjectActionResolverContextProvider.tsx"],"sourcesContent":["import { projectPermissionsContext } from '@features/permissions/context/ActionsContext'\nimport type {\n\tLegacyProjectPermission,\n\tProjectPermission,\n\tProjectType,\n} from '@features/permissions/types'\nimport { type PropsWithChildren, useMemo } from 'react'\n\ntype ProjectActionResolverContextProviderProps = PropsWithChildren<{\n\tprojectPermissions: (ProjectPermission | LegacyProjectPermission)[]\n\tprojectType: ProjectType\n}>\n\n/**\n * Provides project permissions and project type to the permissions context for all child components.\n *\n * Use this provider to make a set of project-specific permissions and the project\n * type available to the permissions system within a subtree of your React component tree.\n * This is useful as you man not have a project context available at the top level of your application,\n * so this can be introduced at the level where you do have access to the project permissions and type.\n *\n * @param projectPermissions An array of project permission identifiers (e.g. ['tasks', 'upload', 'settings']).\n * @param projectType The type of the project (e.g. 'marketing', 'localization_files').\n * @param children The subtree of React elements that will have access to the project permissions context.\n *\n * @example\n * <ProjectActionResolverContextProvider projectPermissions={[\"tasks\", \"upload\"]} projectType=\"marketing\">\n *   <MyComponent />\n * </ProjectActionResolverContextProvider>\n */\nexport const ProjectActionResolverContextProvider = ({\n\tprojectType,\n\tprojectPermissions,\n\tchildren,\n}: ProjectActionResolverContextProviderProps) => {\n\tconst value = useMemo(\n\t\t() => ({ projectType, permissions: projectPermissions }),\n\t\t[projectType, projectPermissions],\n\t)\n\n\treturn (\n\t\t<projectPermissionsContext.Provider value={value}>\n\t\t\t{children}\n\t\t</projectPermissionsContext.Provider>\n\t)\n}\n"],"names":[],"mappings":";;;AA8BO,MAAM,uCAAuC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AACD,MAAiD;AAChD,QAAM,QAAQ;AAAA,IACb,OAAO,EAAE,aAAa,aAAa;IACnC,CAAC,aAAa,kBAAkB;AAAA,EACjC;AAEA,SACE,oBAAA,0BAA0B,UAA1B,EAAmC,OAClC,SACF,CAAA;AAEF;"}

package/dist/harmony33.cjs

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const ActionsContext = require("./harmony124.cjs");
-const TeamActionResolverContextProvider = ({
-  teamRole,
-  children
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(ActionsContext.teamContext.Provider, { value: teamRole, children });
+const useCanPerformAction = require("./harmony37.cjs");
+const CanPerformActionGuard = ({ action, children }) => {
+  const canPerformAction = useCanPerformAction.useCanPerformAction(action);
+  if (!canPerformAction) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
 };
-exports.TeamActionResolverContextProvider = TeamActionResolverContextProvider;
+exports.CanPerformActionGuard = CanPerformActionGuard;
 //# sourceMappingURL=harmony33.cjs.map

package/dist/harmony33.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony33.cjs","sources":["../src/features/permissions/components/TeamActionResolverContextProvider.tsx"],"sourcesContent":["import { teamContext } from '@features/permissions/context/ActionsContext'\nimport type { TeamRole } from '@features/permissions/types'\nimport type { PropsWithChildren } from 'react'\n\ntype TeamActionResolverContextProviderProps = PropsWithChildren<{\n\tteamRole: TeamRole | undefined\n}>\n\n/**\n * Provides the current team role to the permissions context for all child components.\n *\n * Use this provider to make the user's team role available to the permissions\n * system within a subtree of your React component tree.\n * This is useful for conditionally enabling or restricting features based on the user's role in a team.\n *\n * @param teamRole The current team role (e.g. 'admin', 'owner', 'biller', 'member').\n * @param children The subtree of React elements that will have access to the team role context.\n *\n * @example\n * <TeamActionResolverContextProvider teamRole=\"admin\">\n *   <MyComponent />\n * </TeamActionResolverContextProvider>\n */\nexport const TeamActionResolverContextProvider = ({\n\tteamRole,\n\tchildren,\n}: TeamActionResolverContextProviderProps) => {\n\treturn <teamContext.Provider value={teamRole}>{children}</teamContext.Provider>\n}\n"],"names":["teamContext"],"mappings":";;;;AAuBO,MAAM,oCAAoC,CAAC;AAAA,EACjD;AAAA,EACA;AACD,MAA8C;AAC7C,wCAAQA,eAAAA,YAAY,UAAZ,EAAqB,OAAO,UAAW,UAAS;AACzD;;"}
+{"version":3,"file":"harmony33.cjs","sources":["../src/features/permissions/components/CanPerformActionGuard.tsx"],"sourcesContent":["import type { Action } from '@features/permissions/action'\nimport { useCanPerformAction } from '@features/permissions/hooks/useCanPerformAction'\nimport type { PropsWithChildren } from 'react'\n\ntype CanPerformActionGuardProps = PropsWithChildren<{\n\taction: Action\n}>\n\n/**\n * Conditionally renders its children only if the current user has permission to perform the specified action.\n *\n * This component is useful for protecting UI elements or sections that\n * should only be accessible to users with certain permissions.\n * If the user does not have the required permission, nothing will be rendered.\n *\n * @param action The action to check permission for (e.g. 'accessMarketingProjects', 'deleteProjects').\n * @param children The content to render if the user has permission to perform the action.\n *\n * @example\n * <CanPerformActionGuard action=\"accessMarketingProjects\">\n *   <MarketingDashboard />\n * </CanPerformActionGuard>\n */\nexport const CanPerformActionGuard = ({ action, children }: CanPerformActionGuardProps) => {\n\tconst canPerformAction = useCanPerformAction(action)\n\n\tif (!canPerformAction) {\n\t\treturn null\n\t}\n\n\treturn <>{children}</>\n}\n"],"names":["useCanPerformAction"],"mappings":";;;;AAuBO,MAAM,wBAAwB,CAAC,EAAE,QAAQ,eAA2C;AACpF,QAAA,mBAAmBA,wCAAoB,MAAM;AAEnD,MAAI,CAAC,kBAAkB;AACf,WAAA;AAAA,EAAA;AAGR,+DAAU,UAAS;AACpB;;"}

package/dist/harmony33.mjs

@@ -1,12 +1,13 @@
-import { jsx } from "react/jsx-runtime";
-import { teamContext } from "./harmony124.mjs";
-const TeamActionResolverContextProvider = ({
-  teamRole,
-  children
-}) => {
-  return /* @__PURE__ */ jsx(teamContext.Provider, { value: teamRole, children });
+import { jsx, Fragment } from "react/jsx-runtime";
+import { useCanPerformAction } from "./harmony37.mjs";
+const CanPerformActionGuard = ({ action, children }) => {
+  const canPerformAction = useCanPerformAction(action);
+  if (!canPerformAction) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
 };
 export {
-  TeamActionResolverContextProvider
+  CanPerformActionGuard
 };
 //# sourceMappingURL=harmony33.mjs.map

package/dist/harmony33.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony33.mjs","sources":["../src/features/permissions/components/TeamActionResolverContextProvider.tsx"],"sourcesContent":["import { teamContext } from '@features/permissions/context/ActionsContext'\nimport type { TeamRole } from '@features/permissions/types'\nimport type { PropsWithChildren } from 'react'\n\ntype TeamActionResolverContextProviderProps = PropsWithChildren<{\n\tteamRole: TeamRole | undefined\n}>\n\n/**\n * Provides the current team role to the permissions context for all child components.\n *\n * Use this provider to make the user's team role available to the permissions\n * system within a subtree of your React component tree.\n * This is useful for conditionally enabling or restricting features based on the user's role in a team.\n *\n * @param teamRole The current team role (e.g. 'admin', 'owner', 'biller', 'member').\n * @param children The subtree of React elements that will have access to the team role context.\n *\n * @example\n * <TeamActionResolverContextProvider teamRole=\"admin\">\n *   <MyComponent />\n * </TeamActionResolverContextProvider>\n */\nexport const TeamActionResolverContextProvider = ({\n\tteamRole,\n\tchildren,\n}: TeamActionResolverContextProviderProps) => {\n\treturn <teamContext.Provider value={teamRole}>{children}</teamContext.Provider>\n}\n"],"names":[],"mappings":";;AAuBO,MAAM,oCAAoC,CAAC;AAAA,EACjD;AAAA,EACA;AACD,MAA8C;AAC7C,6BAAQ,YAAY,UAAZ,EAAqB,OAAO,UAAW,UAAS;AACzD;"}
+{"version":3,"file":"harmony33.mjs","sources":["../src/features/permissions/components/CanPerformActionGuard.tsx"],"sourcesContent":["import type { Action } from '@features/permissions/action'\nimport { useCanPerformAction } from '@features/permissions/hooks/useCanPerformAction'\nimport type { PropsWithChildren } from 'react'\n\ntype CanPerformActionGuardProps = PropsWithChildren<{\n\taction: Action\n}>\n\n/**\n * Conditionally renders its children only if the current user has permission to perform the specified action.\n *\n * This component is useful for protecting UI elements or sections that\n * should only be accessible to users with certain permissions.\n * If the user does not have the required permission, nothing will be rendered.\n *\n * @param action The action to check permission for (e.g. 'accessMarketingProjects', 'deleteProjects').\n * @param children The content to render if the user has permission to perform the action.\n *\n * @example\n * <CanPerformActionGuard action=\"accessMarketingProjects\">\n *   <MarketingDashboard />\n * </CanPerformActionGuard>\n */\nexport const CanPerformActionGuard = ({ action, children }: CanPerformActionGuardProps) => {\n\tconst canPerformAction = useCanPerformAction(action)\n\n\tif (!canPerformAction) {\n\t\treturn null\n\t}\n\n\treturn <>{children}</>\n}\n"],"names":[],"mappings":";;AAuBO,MAAM,wBAAwB,CAAC,EAAE,QAAQ,eAA2C;AACpF,QAAA,mBAAmB,oBAAoB,MAAM;AAEnD,MAAI,CAAC,kBAAkB;AACf,WAAA;AAAA,EAAA;AAGR,yCAAU,UAAS;AACpB;"}

package/dist/harmony34.cjs

@@ -1,18 +1,16 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const ActionsContext = require("./harmony124.cjs");
-const React = require("react");
-const ProjectActionResolverContextProvider = ({
-  projectType,
-  projectPermissions,
+const useCanPerformAllActions = require("./harmony38.cjs");
+const CanPerformAllActionsGuard = ({
+  actions,
   children
 }) => {
-  const value = React.useMemo(
-    () => ({ projectType, permissions: projectPermissions }),
-    [projectType, projectPermissions]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(ActionsContext.projectPermissionsContext.Provider, { value, children });
+  const canPerformAllActions = useCanPerformAllActions.useCanPerformAllActions(...actions);
+  if (!canPerformAllActions) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
 };
-exports.ProjectActionResolverContextProvider = ProjectActionResolverContextProvider;
+exports.CanPerformAllActionsGuard = CanPerformAllActionsGuard;
 //# sourceMappingURL=harmony34.cjs.map

package/dist/harmony34.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony34.cjs","sources":["../src/features/permissions/components/ProjectActionResolverContextProvider.tsx"],"sourcesContent":["import { projectPermissionsContext } from '@features/permissions/context/ActionsContext'\nimport type {\n\tLegacyProjectPermission,\n\tProjectPermission,\n\tProjectType,\n} from '@features/permissions/types'\nimport { type PropsWithChildren, useMemo } from 'react'\n\ntype ProjectActionResolverContextProviderProps = PropsWithChildren<{\n\tprojectPermissions: (ProjectPermission | LegacyProjectPermission)[]\n\tprojectType: ProjectType\n}>\n\n/**\n * Provides project permissions and project type to the permissions context for all child components.\n *\n * Use this provider to make a set of project-specific permissions and the project\n * type available to the permissions system within a subtree of your React component tree.\n * This is useful as you man not have a project context available at the top level of your application,\n * so this can be introduced at the level where you do have access to the project permissions and type.\n *\n * @param projectPermissions An array of project permission identifiers (e.g. ['tasks', 'upload', 'settings']).\n * @param projectType The type of the project (e.g. 'marketing', 'localization_files').\n * @param children The subtree of React elements that will have access to the project permissions context.\n *\n * @example\n * <ProjectActionResolverContextProvider projectPermissions={[\"tasks\", \"upload\"]} projectType=\"marketing\">\n *   <MyComponent />\n * </ProjectActionResolverContextProvider>\n */\nexport const ProjectActionResolverContextProvider = ({\n\tprojectType,\n\tprojectPermissions,\n\tchildren,\n}: ProjectActionResolverContextProviderProps) => {\n\tconst value = useMemo(\n\t\t() => ({ projectType, permissions: projectPermissions }),\n\t\t[projectType, projectPermissions],\n\t)\n\n\treturn (\n\t\t<projectPermissionsContext.Provider value={value}>\n\t\t\t{children}\n\t\t</projectPermissionsContext.Provider>\n\t)\n}\n"],"names":["useMemo","jsx","projectPermissionsContext"],"mappings":";;;;;AA8BO,MAAM,uCAAuC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AACD,MAAiD;AAChD,QAAM,QAAQA,MAAA;AAAA,IACb,OAAO,EAAE,aAAa,aAAa;IACnC,CAAC,aAAa,kBAAkB;AAAA,EACjC;AAEA,SACEC,2BAAAA,IAAAC,eAAAA,0BAA0B,UAA1B,EAAmC,OAClC,SACF,CAAA;AAEF;;"}
+{"version":3,"file":"harmony34.cjs","sources":["../src/features/permissions/components/CanPerformAllActionsGuard.tsx"],"sourcesContent":["import type { Action } from '@features/permissions/action'\nimport { useCanPerformAllActions } from '@features/permissions/hooks/useCanPerformAllActions'\nimport type { PropsWithChildren } from 'react'\n\ntype CanPerformAllActionsGuardProps = PropsWithChildren<{\n\tactions: Action[]\n}>\n\n/**\n * Conditionally renders its children only if the current user has permission to perform all the specified actions.\n *\n * This component is useful for protecting UI elements or sections that require multiple permissions.\n * If the user does not have all the required permissions, nothing will be rendered.\n *\n * @param actions An array of actions to check permissions for (e.g. ['accessMarketingProjects', 'deleteProjects']).\n * @param children The content to render if the user has permission to perform all actions.\n *\n * @example\n * <CanPerformAllActionsGuard actions={[\"accessMarketingProjects\", \"deleteProjects\"]}>\n *   <DangerZone />\n * </CanPerformAllActionsGuard>\n */\nexport const CanPerformAllActionsGuard = ({\n\tactions,\n\tchildren,\n}: CanPerformAllActionsGuardProps) => {\n\tconst canPerformAllActions = useCanPerformAllActions(...actions)\n\n\tif (!canPerformAllActions) {\n\t\treturn null\n\t}\n\n\treturn <>{children}</>\n}\n"],"names":["useCanPerformAllActions"],"mappings":";;;;AAsBO,MAAM,4BAA4B,CAAC;AAAA,EACzC;AAAA,EACA;AACD,MAAsC;AAC/B,QAAA,uBAAuBA,gDAAwB,GAAG,OAAO;AAE/D,MAAI,CAAC,sBAAsB;AACnB,WAAA;AAAA,EAAA;AAGR,+DAAU,UAAS;AACpB;;"}

package/dist/harmony34.mjs

@@ -1,18 +1,16 @@
-import { jsx } from "react/jsx-runtime";
-import { projectPermissionsContext } from "./harmony124.mjs";
-import { useMemo } from "react";
-const ProjectActionResolverContextProvider = ({
-  projectType,
-  projectPermissions,
+import { jsx, Fragment } from "react/jsx-runtime";
+import { useCanPerformAllActions } from "./harmony38.mjs";
+const CanPerformAllActionsGuard = ({
+  actions,
   children
 }) => {
-  const value = useMemo(
-    () => ({ projectType, permissions: projectPermissions }),
-    [projectType, projectPermissions]
-  );
-  return /* @__PURE__ */ jsx(projectPermissionsContext.Provider, { value, children });
+  const canPerformAllActions = useCanPerformAllActions(...actions);
+  if (!canPerformAllActions) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
 };
 export {
-  ProjectActionResolverContextProvider
+  CanPerformAllActionsGuard
 };
 //# sourceMappingURL=harmony34.mjs.map

package/dist/harmony34.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony34.mjs","sources":["../src/features/permissions/components/ProjectActionResolverContextProvider.tsx"],"sourcesContent":["import { projectPermissionsContext } from '@features/permissions/context/ActionsContext'\nimport type {\n\tLegacyProjectPermission,\n\tProjectPermission,\n\tProjectType,\n} from '@features/permissions/types'\nimport { type PropsWithChildren, useMemo } from 'react'\n\ntype ProjectActionResolverContextProviderProps = PropsWithChildren<{\n\tprojectPermissions: (ProjectPermission | LegacyProjectPermission)[]\n\tprojectType: ProjectType\n}>\n\n/**\n * Provides project permissions and project type to the permissions context for all child components.\n *\n * Use this provider to make a set of project-specific permissions and the project\n * type available to the permissions system within a subtree of your React component tree.\n * This is useful as you man not have a project context available at the top level of your application,\n * so this can be introduced at the level where you do have access to the project permissions and type.\n *\n * @param projectPermissions An array of project permission identifiers (e.g. ['tasks', 'upload', 'settings']).\n * @param projectType The type of the project (e.g. 'marketing', 'localization_files').\n * @param children The subtree of React elements that will have access to the project permissions context.\n *\n * @example\n * <ProjectActionResolverContextProvider projectPermissions={[\"tasks\", \"upload\"]} projectType=\"marketing\">\n *   <MyComponent />\n * </ProjectActionResolverContextProvider>\n */\nexport const ProjectActionResolverContextProvider = ({\n\tprojectType,\n\tprojectPermissions,\n\tchildren,\n}: ProjectActionResolverContextProviderProps) => {\n\tconst value = useMemo(\n\t\t() => ({ projectType, permissions: projectPermissions }),\n\t\t[projectType, projectPermissions],\n\t)\n\n\treturn (\n\t\t<projectPermissionsContext.Provider value={value}>\n\t\t\t{children}\n\t\t</projectPermissionsContext.Provider>\n\t)\n}\n"],"names":[],"mappings":";;;AA8BO,MAAM,uCAAuC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AACD,MAAiD;AAChD,QAAM,QAAQ;AAAA,IACb,OAAO,EAAE,aAAa,aAAa;IACnC,CAAC,aAAa,kBAAkB;AAAA,EACjC;AAEA,SACE,oBAAA,0BAA0B,UAA1B,EAAmC,OAClC,SACF,CAAA;AAEF;"}
+{"version":3,"file":"harmony34.mjs","sources":["../src/features/permissions/components/CanPerformAllActionsGuard.tsx"],"sourcesContent":["import type { Action } from '@features/permissions/action'\nimport { useCanPerformAllActions } from '@features/permissions/hooks/useCanPerformAllActions'\nimport type { PropsWithChildren } from 'react'\n\ntype CanPerformAllActionsGuardProps = PropsWithChildren<{\n\tactions: Action[]\n}>\n\n/**\n * Conditionally renders its children only if the current user has permission to perform all the specified actions.\n *\n * This component is useful for protecting UI elements or sections that require multiple permissions.\n * If the user does not have all the required permissions, nothing will be rendered.\n *\n * @param actions An array of actions to check permissions for (e.g. ['accessMarketingProjects', 'deleteProjects']).\n * @param children The content to render if the user has permission to perform all actions.\n *\n * @example\n * <CanPerformAllActionsGuard actions={[\"accessMarketingProjects\", \"deleteProjects\"]}>\n *   <DangerZone />\n * </CanPerformAllActionsGuard>\n */\nexport const CanPerformAllActionsGuard = ({\n\tactions,\n\tchildren,\n}: CanPerformAllActionsGuardProps) => {\n\tconst canPerformAllActions = useCanPerformAllActions(...actions)\n\n\tif (!canPerformAllActions) {\n\t\treturn null\n\t}\n\n\treturn <>{children}</>\n}\n"],"names":[],"mappings":";;AAsBO,MAAM,4BAA4B,CAAC;AAAA,EACzC;AAAA,EACA;AACD,MAAsC;AAC/B,QAAA,uBAAuB,wBAAwB,GAAG,OAAO;AAE/D,MAAI,CAAC,sBAAsB;AACnB,WAAA;AAAA,EAAA;AAGR,yCAAU,UAAS;AACpB;"}

package/dist/harmony35.cjs

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const useCanPerformAction = require("./harmony39.cjs");
-const CanPerformActionGuard = ({ action, children }) => {
-  const canPerformAction = useCanPerformAction.useCanPerformAction(action);
-  if (!canPerformAction) {
+const useCanPerformAnyAction = require("./harmony39.cjs");
+const CanPerformAnyActionGuard = ({ actions, children }) => {
+  const canPerformAnyAction = useCanPerformAnyAction.useCanPerformAnyAction(...actions);
+  if (!canPerformAnyAction) {
     return null;
   }
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
 };
-exports.CanPerformActionGuard = CanPerformActionGuard;
+exports.CanPerformAnyActionGuard = CanPerformAnyActionGuard;
 //# sourceMappingURL=harmony35.cjs.map

package/dist/harmony35.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony35.cjs","sources":["../src/features/permissions/components/CanPerformActionGuard.tsx"],"sourcesContent":["import type { Action } from '@features/permissions/action'\nimport { useCanPerformAction } from '@features/permissions/hooks/useCanPerformAction'\nimport type { PropsWithChildren } from 'react'\n\ntype CanPerformActionGuardProps = PropsWithChildren<{\n\taction: Action\n}>\n\n/**\n * Conditionally renders its children only if the current user has permission to perform the specified action.\n *\n * This component is useful for protecting UI elements or sections that\n * should only be accessible to users with certain permissions.\n * If the user does not have the required permission, nothing will be rendered.\n *\n * @param action The action to check permission for (e.g. 'accessMarketingProjects', 'deleteProjects').\n * @param children The content to render if the user has permission to perform the action.\n *\n * @example\n * <CanPerformActionGuard action=\"accessMarketingProjects\">\n *   <MarketingDashboard />\n * </CanPerformActionGuard>\n */\nexport const CanPerformActionGuard = ({ action, children }: CanPerformActionGuardProps) => {\n\tconst canPerformAction = useCanPerformAction(action)\n\n\tif (!canPerformAction) {\n\t\treturn null\n\t}\n\n\treturn <>{children}</>\n}\n"],"names":["useCanPerformAction"],"mappings":";;;;AAuBO,MAAM,wBAAwB,CAAC,EAAE,QAAQ,eAA2C;AACpF,QAAA,mBAAmBA,wCAAoB,MAAM;AAEnD,MAAI,CAAC,kBAAkB;AACf,WAAA;AAAA,EAAA;AAGR,+DAAU,UAAS;AACpB;;"}
+{"version":3,"file":"harmony35.cjs","sources":["../src/features/permissions/components/CanPerformAnyActionGuard.tsx"],"sourcesContent":["import type { Action } from '@features/permissions/action'\nimport { useCanPerformAnyAction } from '@features/permissions/hooks/useCanPerformAnyAction'\nimport type { PropsWithChildren } from 'react'\n\ntype CanPerformAnyActionGuardProps = PropsWithChildren<{\n\tactions: Action[]\n}>\n\n/**\n * Conditionally renders its children only if the current user has permission to perform at least one of the specified actions.\n *\n * This component is useful for showing UI elements or sections that should be\n * accessible if the user has any of a set of permissions.\n * If the user does not have any of the required permissions, nothing will be rendered.\n *\n * @param actions An array of actions to check permissions for (e.g. ['accessMarketingProjects', 'deleteProjects']).\n * @param children The content to render if the user has permission to perform any action.\n *\n * @example\n * <CanPerformAnyActionGuard actions={[\"accessMarketingProjects\", \"deleteProjects\"]}>\n *   <ProjectDetails />\n * </CanPerformAnyActionGuard>\n */\n\nexport const CanPerformAnyActionGuard = ({ actions, children }: CanPerformAnyActionGuardProps) => {\n\tconst canPerformAnyAction = useCanPerformAnyAction(...actions)\n\n\tif (!canPerformAnyAction) {\n\t\treturn null\n\t}\n\n\treturn <>{children}</>\n}\n"],"names":["useCanPerformAnyAction"],"mappings":";;;;AAwBO,MAAM,2BAA2B,CAAC,EAAE,SAAS,eAA8C;AAC3F,QAAA,sBAAsBA,8CAAuB,GAAG,OAAO;AAE7D,MAAI,CAAC,qBAAqB;AAClB,WAAA;AAAA,EAAA;AAGR,+DAAU,UAAS;AACpB;;"}

package/dist/harmony35.mjs

@@ -1,13 +1,13 @@
 import { jsx, Fragment } from "react/jsx-runtime";
-import { useCanPerformAction } from "./harmony39.mjs";
-const CanPerformActionGuard = ({ action, children }) => {
-  const canPerformAction = useCanPerformAction(action);
-  if (!canPerformAction) {
+import { useCanPerformAnyAction } from "./harmony39.mjs";
+const CanPerformAnyActionGuard = ({ actions, children }) => {
+  const canPerformAnyAction = useCanPerformAnyAction(...actions);
+  if (!canPerformAnyAction) {
     return null;
   }
   return /* @__PURE__ */ jsx(Fragment, { children });
 };
 export {
-  CanPerformActionGuard
+  CanPerformAnyActionGuard
 };
 //# sourceMappingURL=harmony35.mjs.map

package/dist/harmony35.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony35.mjs","sources":["../src/features/permissions/components/CanPerformActionGuard.tsx"],"sourcesContent":["import type { Action } from '@features/permissions/action'\nimport { useCanPerformAction } from '@features/permissions/hooks/useCanPerformAction'\nimport type { PropsWithChildren } from 'react'\n\ntype CanPerformActionGuardProps = PropsWithChildren<{\n\taction: Action\n}>\n\n/**\n * Conditionally renders its children only if the current user has permission to perform the specified action.\n *\n * This component is useful for protecting UI elements or sections that\n * should only be accessible to users with certain permissions.\n * If the user does not have the required permission, nothing will be rendered.\n *\n * @param action The action to check permission for (e.g. 'accessMarketingProjects', 'deleteProjects').\n * @param children The content to render if the user has permission to perform the action.\n *\n * @example\n * <CanPerformActionGuard action=\"accessMarketingProjects\">\n *   <MarketingDashboard />\n * </CanPerformActionGuard>\n */\nexport const CanPerformActionGuard = ({ action, children }: CanPerformActionGuardProps) => {\n\tconst canPerformAction = useCanPerformAction(action)\n\n\tif (!canPerformAction) {\n\t\treturn null\n\t}\n\n\treturn <>{children}</>\n}\n"],"names":[],"mappings":";;AAuBO,MAAM,wBAAwB,CAAC,EAAE,QAAQ,eAA2C;AACpF,QAAA,mBAAmB,oBAAoB,MAAM;AAEnD,MAAI,CAAC,kBAAkB;AACf,WAAA;AAAA,EAAA;AAGR,yCAAU,UAAS;AACpB;"}
+{"version":3,"file":"harmony35.mjs","sources":["../src/features/permissions/components/CanPerformAnyActionGuard.tsx"],"sourcesContent":["import type { Action } from '@features/permissions/action'\nimport { useCanPerformAnyAction } from '@features/permissions/hooks/useCanPerformAnyAction'\nimport type { PropsWithChildren } from 'react'\n\ntype CanPerformAnyActionGuardProps = PropsWithChildren<{\n\tactions: Action[]\n}>\n\n/**\n * Conditionally renders its children only if the current user has permission to perform at least one of the specified actions.\n *\n * This component is useful for showing UI elements or sections that should be\n * accessible if the user has any of a set of permissions.\n * If the user does not have any of the required permissions, nothing will be rendered.\n *\n * @param actions An array of actions to check permissions for (e.g. ['accessMarketingProjects', 'deleteProjects']).\n * @param children The content to render if the user has permission to perform any action.\n *\n * @example\n * <CanPerformAnyActionGuard actions={[\"accessMarketingProjects\", \"deleteProjects\"]}>\n *   <ProjectDetails />\n * </CanPerformAnyActionGuard>\n */\n\nexport const CanPerformAnyActionGuard = ({ actions, children }: CanPerformAnyActionGuardProps) => {\n\tconst canPerformAnyAction = useCanPerformAnyAction(...actions)\n\n\tif (!canPerformAnyAction) {\n\t\treturn null\n\t}\n\n\treturn <>{children}</>\n}\n"],"names":[],"mappings":";;AAwBO,MAAM,2BAA2B,CAAC,EAAE,SAAS,eAA8C;AAC3F,QAAA,sBAAsB,uBAAuB,GAAG,OAAO;AAE7D,MAAI,CAAC,qBAAqB;AAClB,WAAA;AAAA,EAAA;AAGR,yCAAU,UAAS;AACpB;"}

package/dist/harmony36.cjs

@@ -1,16 +1,17 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const useCanPerformAllActions = require("./harmony40.cjs");
-const CanPerformAllActionsGuard = ({
-  actions,
-  children
-}) => {
-  const canPerformAllActions = useCanPerformAllActions.useCanPerformAllActions(...actions);
-  if (!canPerformAllActions) {
-    return null;
+const useHasAllFeatureFlags = require("./harmony41.cjs");
+const useHasAnyFeatureFlags = require("./harmony40.cjs");
+const HasFeatureFlagGuard = ({ any, all, children }) => {
+  const hasAllFlags = useHasAllFeatureFlags.useHasAllFeatureFlags(...all ?? []);
+  const hasAnyFlags = useHasAnyFeatureFlags.useHasAnyFeatureFlags(...any ?? []);
+  const hasAll = all === void 0 || (all.length > 0 ? hasAllFlags : false);
+  const hasAny = any === void 0 || (any.length > 0 ? hasAnyFlags : false);
+  if (hasAll && hasAny) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  return null;
 };
-exports.CanPerformAllActionsGuard = CanPerformAllActionsGuard;
+exports.HasFeatureFlagGuard = HasFeatureFlagGuard;
 //# sourceMappingURL=harmony36.cjs.map

package/dist/harmony36.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony36.cjs","sources":["../src/features/permissions/components/CanPerformAllActionsGuard.tsx"],"sourcesContent":["import type { Action } from '@features/permissions/action'\nimport { useCanPerformAllActions } from '@features/permissions/hooks/useCanPerformAllActions'\nimport type { PropsWithChildren } from 'react'\n\ntype CanPerformAllActionsGuardProps = PropsWithChildren<{\n\tactions: Action[]\n}>\n\n/**\n * Conditionally renders its children only if the current user has permission to perform all the specified actions.\n *\n * This component is useful for protecting UI elements or sections that require multiple permissions.\n * If the user does not have all the required permissions, nothing will be rendered.\n *\n * @param actions An array of actions to check permissions for (e.g. ['accessMarketingProjects', 'deleteProjects']).\n * @param children The content to render if the user has permission to perform all actions.\n *\n * @example\n * <CanPerformAllActionsGuard actions={[\"accessMarketingProjects\", \"deleteProjects\"]}>\n *   <DangerZone />\n * </CanPerformAllActionsGuard>\n */\nexport const CanPerformAllActionsGuard = ({\n\tactions,\n\tchildren,\n}: CanPerformAllActionsGuardProps) => {\n\tconst canPerformAllActions = useCanPerformAllActions(...actions)\n\n\tif (!canPerformAllActions) {\n\t\treturn null\n\t}\n\n\treturn <>{children}</>\n}\n"],"names":["useCanPerformAllActions"],"mappings":";;;;AAsBO,MAAM,4BAA4B,CAAC;AAAA,EACzC;AAAA,EACA;AACD,MAAsC;AAC/B,QAAA,uBAAuBA,gDAAwB,GAAG,OAAO;AAE/D,MAAI,CAAC,sBAAsB;AACnB,WAAA;AAAA,EAAA;AAGR,+DAAU,UAAS;AACpB;;"}
+{"version":3,"file":"harmony36.cjs","sources":["../src/features/permissions/components/HasFeatureFlagGuard.tsx"],"sourcesContent":["import { useHasAllFeatureFlags } from '@features/permissions/hooks/useHasAllFeatureFlags'\nimport { useHasAnyFeatureFlags } from '@features/permissions/hooks/useHasAnyFeatureFlags'\nimport type { FeatureFlag } from '@features/permissions/types'\nimport type { PropsWithChildren } from 'react'\n\ntype HasFeatureFlagGuardProps = PropsWithChildren<{\n\tall?: FeatureFlag[]\n\tany?: FeatureFlag[]\n}>\n\nexport const HasFeatureFlagGuard = ({ any, all, children }: HasFeatureFlagGuardProps) => {\n\tconst hasAllFlags = useHasAllFeatureFlags(...(all ?? []))\n\tconst hasAnyFlags = useHasAnyFeatureFlags(...(any ?? []))\n\n\t// If you pass in an array with nothing in it, you don't have access!\n\tconst hasAll = all === undefined || (all.length > 0 ? hasAllFlags : false)\n\tconst hasAny = any === undefined || (any.length > 0 ? hasAnyFlags : false)\n\n\tif (hasAll && hasAny) {\n\t\treturn <>{children}</>\n\t}\n\n\treturn null\n}\n"],"names":["useHasAllFeatureFlags","useHasAnyFeatureFlags"],"mappings":";;;;;AAUO,MAAM,sBAAsB,CAAC,EAAE,KAAK,KAAK,eAAyC;AACxF,QAAM,cAAcA,sBAAAA,sBAAsB,GAAI,OAAO,CAAA,CAAG;AACxD,QAAM,cAAcC,sBAAAA,sBAAsB,GAAI,OAAO,CAAA,CAAG;AAGxD,QAAM,SAAS,QAAQ,WAAc,IAAI,SAAS,IAAI,cAAc;AACpE,QAAM,SAAS,QAAQ,WAAc,IAAI,SAAS,IAAI,cAAc;AAEpE,MAAI,UAAU,QAAQ;AACrB,iEAAU,UAAS;AAAA,EAAA;AAGb,SAAA;AACR;;"}

package/dist/harmony36.mjs

@@ -1,16 +1,17 @@
 import { jsx, Fragment } from "react/jsx-runtime";
-import { useCanPerformAllActions } from "./harmony40.mjs";
-const CanPerformAllActionsGuard = ({
-  actions,
-  children
-}) => {
-  const canPerformAllActions = useCanPerformAllActions(...actions);
-  if (!canPerformAllActions) {
-    return null;
+import { useHasAllFeatureFlags } from "./harmony41.mjs";
+import { useHasAnyFeatureFlags } from "./harmony40.mjs";
+const HasFeatureFlagGuard = ({ any, all, children }) => {
+  const hasAllFlags = useHasAllFeatureFlags(...all ?? []);
+  const hasAnyFlags = useHasAnyFeatureFlags(...any ?? []);
+  const hasAll = all === void 0 || (all.length > 0 ? hasAllFlags : false);
+  const hasAny = any === void 0 || (any.length > 0 ? hasAnyFlags : false);
+  if (hasAll && hasAny) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
   }
-  return /* @__PURE__ */ jsx(Fragment, { children });
+  return null;
 };
 export {
-  CanPerformAllActionsGuard
+  HasFeatureFlagGuard
 };
 //# sourceMappingURL=harmony36.mjs.map

package/dist/harmony36.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony36.mjs","sources":["../src/features/permissions/components/CanPerformAllActionsGuard.tsx"],"sourcesContent":["import type { Action } from '@features/permissions/action'\nimport { useCanPerformAllActions } from '@features/permissions/hooks/useCanPerformAllActions'\nimport type { PropsWithChildren } from 'react'\n\ntype CanPerformAllActionsGuardProps = PropsWithChildren<{\n\tactions: Action[]\n}>\n\n/**\n * Conditionally renders its children only if the current user has permission to perform all the specified actions.\n *\n * This component is useful for protecting UI elements or sections that require multiple permissions.\n * If the user does not have all the required permissions, nothing will be rendered.\n *\n * @param actions An array of actions to check permissions for (e.g. ['accessMarketingProjects', 'deleteProjects']).\n * @param children The content to render if the user has permission to perform all actions.\n *\n * @example\n * <CanPerformAllActionsGuard actions={[\"accessMarketingProjects\", \"deleteProjects\"]}>\n *   <DangerZone />\n * </CanPerformAllActionsGuard>\n */\nexport const CanPerformAllActionsGuard = ({\n\tactions,\n\tchildren,\n}: CanPerformAllActionsGuardProps) => {\n\tconst canPerformAllActions = useCanPerformAllActions(...actions)\n\n\tif (!canPerformAllActions) {\n\t\treturn null\n\t}\n\n\treturn <>{children}</>\n}\n"],"names":[],"mappings":";;AAsBO,MAAM,4BAA4B,CAAC;AAAA,EACzC;AAAA,EACA;AACD,MAAsC;AAC/B,QAAA,uBAAuB,wBAAwB,GAAG,OAAO;AAE/D,MAAI,CAAC,sBAAsB;AACnB,WAAA;AAAA,EAAA;AAGR,yCAAU,UAAS;AACpB;"}
+{"version":3,"file":"harmony36.mjs","sources":["../src/features/permissions/components/HasFeatureFlagGuard.tsx"],"sourcesContent":["import { useHasAllFeatureFlags } from '@features/permissions/hooks/useHasAllFeatureFlags'\nimport { useHasAnyFeatureFlags } from '@features/permissions/hooks/useHasAnyFeatureFlags'\nimport type { FeatureFlag } from '@features/permissions/types'\nimport type { PropsWithChildren } from 'react'\n\ntype HasFeatureFlagGuardProps = PropsWithChildren<{\n\tall?: FeatureFlag[]\n\tany?: FeatureFlag[]\n}>\n\nexport const HasFeatureFlagGuard = ({ any, all, children }: HasFeatureFlagGuardProps) => {\n\tconst hasAllFlags = useHasAllFeatureFlags(...(all ?? []))\n\tconst hasAnyFlags = useHasAnyFeatureFlags(...(any ?? []))\n\n\t// If you pass in an array with nothing in it, you don't have access!\n\tconst hasAll = all === undefined || (all.length > 0 ? hasAllFlags : false)\n\tconst hasAny = any === undefined || (any.length > 0 ? hasAnyFlags : false)\n\n\tif (hasAll && hasAny) {\n\t\treturn <>{children}</>\n\t}\n\n\treturn null\n}\n"],"names":[],"mappings":";;;AAUO,MAAM,sBAAsB,CAAC,EAAE,KAAK,KAAK,eAAyC;AACxF,QAAM,cAAc,sBAAsB,GAAI,OAAO,CAAA,CAAG;AACxD,QAAM,cAAc,sBAAsB,GAAI,OAAO,CAAA,CAAG;AAGxD,QAAM,SAAS,QAAQ,WAAc,IAAI,SAAS,IAAI,cAAc;AACpE,QAAM,SAAS,QAAQ,WAAc,IAAI,SAAS,IAAI,cAAc;AAEpE,MAAI,UAAU,QAAQ;AACrB,2CAAU,UAAS;AAAA,EAAA;AAGb,SAAA;AACR;"}

package/dist/harmony37.cjs

@@ -1,13 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const useCanPerformAnyAction = require("./harmony41.cjs");
-const CanPerformAnyActionGuard = ({ actions, children }) => {
-  const canPerformAnyAction = useCanPerformAnyAction.useCanPerformAnyAction(...actions);
-  if (!canPerformAnyAction) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+const useActionResolverPayload = require("./harmony123.cjs");
+const canPerformAction = require("./harmony42.cjs");
+const React = require("react");
+const useCanPerformAction = (action) => {
+  const payload = useActionResolverPayload.useActionResolverPayload();
+  return React.useMemo(() => canPerformAction.canPerformAction(action, payload), [action, payload]);
 };
-exports.CanPerformAnyActionGuard = CanPerformAnyActionGuard;
+exports.useCanPerformAction = useCanPerformAction;
 //# sourceMappingURL=harmony37.cjs.map

package/dist/harmony37.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony37.cjs","sources":["../src/features/permissions/components/CanPerformAnyActionGuard.tsx"],"sourcesContent":["import type { Action } from '@features/permissions/action'\nimport { useCanPerformAnyAction } from '@features/permissions/hooks/useCanPerformAnyAction'\nimport type { PropsWithChildren } from 'react'\n\ntype CanPerformAnyActionGuardProps = PropsWithChildren<{\n\tactions: Action[]\n}>\n\n/**\n * Conditionally renders its children only if the current user has permission to perform at least one of the specified actions.\n *\n * This component is useful for showing UI elements or sections that should be\n * accessible if the user has any of a set of permissions.\n * If the user does not have any of the required permissions, nothing will be rendered.\n *\n * @param actions An array of actions to check permissions for (e.g. ['accessMarketingProjects', 'deleteProjects']).\n * @param children The content to render if the user has permission to perform any action.\n *\n * @example\n * <CanPerformAnyActionGuard actions={[\"accessMarketingProjects\", \"deleteProjects\"]}>\n *   <ProjectDetails />\n * </CanPerformAnyActionGuard>\n */\n\nexport const CanPerformAnyActionGuard = ({ actions, children }: CanPerformAnyActionGuardProps) => {\n\tconst canPerformAnyAction = useCanPerformAnyAction(...actions)\n\n\tif (!canPerformAnyAction) {\n\t\treturn null\n\t}\n\n\treturn <>{children}</>\n}\n"],"names":["useCanPerformAnyAction"],"mappings":";;;;AAwBO,MAAM,2BAA2B,CAAC,EAAE,SAAS,eAA8C;AAC3F,QAAA,sBAAsBA,8CAAuB,GAAG,OAAO;AAE7D,MAAI,CAAC,qBAAqB;AAClB,WAAA;AAAA,EAAA;AAGR,+DAAU,UAAS;AACpB;;"}
+{"version":3,"file":"harmony37.cjs","sources":["../src/features/permissions/hooks/useCanPerformAction.ts"],"sourcesContent":["import type { Action } from '@features/permissions/action'\nimport { useActionResolverPayload } from '@features/permissions/hooks/useActionResolverPayload'\nimport { canPerformAction } from '@features/permissions/utils/canPerformAction'\nimport { useMemo } from 'react'\n\n/**\n * React hook to determine if the current user has permission to perform a specific action.\n *\n * This hook is useful for conditionally rendering UI elements or triggering logic\n * based on whether the user can perform a given action.\n * It leverages the permissions context and returns a boolean indicating the user's ability.\n *\n * @param action The action to check permission for (e.g. 'accessMarketingProjects', 'deleteProjects').\n * @returns {boolean} True if the user can perform the action, otherwise false.\n *\n * @example\n * // Check if the user can access marketing projects\n * const canAccess = useCanPerformAction(\"accessMarketingProjects\");\n * if (canAccess) {\n *   // show marketing dashboard\n * }\n */\nexport const useCanPerformAction = (action: Action): boolean => {\n\tconst payload = useActionResolverPayload()\n\n\treturn useMemo(() => canPerformAction(action, payload), [action, payload])\n}\n"],"names":["useActionResolverPayload","useMemo","canPerformAction"],"mappings":";;;;;AAsBa,MAAA,sBAAsB,CAAC,WAA4B;AAC/D,QAAM,UAAUA,yBAAAA,yBAAyB;AAElC,SAAAC,MAAA,QAAQ,MAAMC,iBAAAA,iBAAiB,QAAQ,OAAO,GAAG,CAAC,QAAQ,OAAO,CAAC;AAC1E;;"}

package/dist/harmony37.mjs

@@ -1,13 +1,11 @@
-import { jsx, Fragment } from "react/jsx-runtime";
-import { useCanPerformAnyAction } from "./harmony41.mjs";
-const CanPerformAnyActionGuard = ({ actions, children }) => {
-  const canPerformAnyAction = useCanPerformAnyAction(...actions);
-  if (!canPerformAnyAction) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children });
+import { useActionResolverPayload } from "./harmony123.mjs";
+import { canPerformAction } from "./harmony42.mjs";
+import { useMemo } from "react";
+const useCanPerformAction = (action) => {
+  const payload = useActionResolverPayload();
+  return useMemo(() => canPerformAction(action, payload), [action, payload]);
 };
 export {
-  CanPerformAnyActionGuard
+  useCanPerformAction
 };
 //# sourceMappingURL=harmony37.mjs.map

package/dist/harmony37.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony37.mjs","sources":["../src/features/permissions/components/CanPerformAnyActionGuard.tsx"],"sourcesContent":["import type { Action } from '@features/permissions/action'\nimport { useCanPerformAnyAction } from '@features/permissions/hooks/useCanPerformAnyAction'\nimport type { PropsWithChildren } from 'react'\n\ntype CanPerformAnyActionGuardProps = PropsWithChildren<{\n\tactions: Action[]\n}>\n\n/**\n * Conditionally renders its children only if the current user has permission to perform at least one of the specified actions.\n *\n * This component is useful for showing UI elements or sections that should be\n * accessible if the user has any of a set of permissions.\n * If the user does not have any of the required permissions, nothing will be rendered.\n *\n * @param actions An array of actions to check permissions for (e.g. ['accessMarketingProjects', 'deleteProjects']).\n * @param children The content to render if the user has permission to perform any action.\n *\n * @example\n * <CanPerformAnyActionGuard actions={[\"accessMarketingProjects\", \"deleteProjects\"]}>\n *   <ProjectDetails />\n * </CanPerformAnyActionGuard>\n */\n\nexport const CanPerformAnyActionGuard = ({ actions, children }: CanPerformAnyActionGuardProps) => {\n\tconst canPerformAnyAction = useCanPerformAnyAction(...actions)\n\n\tif (!canPerformAnyAction) {\n\t\treturn null\n\t}\n\n\treturn <>{children}</>\n}\n"],"names":[],"mappings":";;AAwBO,MAAM,2BAA2B,CAAC,EAAE,SAAS,eAA8C;AAC3F,QAAA,sBAAsB,uBAAuB,GAAG,OAAO;AAE7D,MAAI,CAAC,qBAAqB;AAClB,WAAA;AAAA,EAAA;AAGR,yCAAU,UAAS;AACpB;"}
+{"version":3,"file":"harmony37.mjs","sources":["../src/features/permissions/hooks/useCanPerformAction.ts"],"sourcesContent":["import type { Action } from '@features/permissions/action'\nimport { useActionResolverPayload } from '@features/permissions/hooks/useActionResolverPayload'\nimport { canPerformAction } from '@features/permissions/utils/canPerformAction'\nimport { useMemo } from 'react'\n\n/**\n * React hook to determine if the current user has permission to perform a specific action.\n *\n * This hook is useful for conditionally rendering UI elements or triggering logic\n * based on whether the user can perform a given action.\n * It leverages the permissions context and returns a boolean indicating the user's ability.\n *\n * @param action The action to check permission for (e.g. 'accessMarketingProjects', 'deleteProjects').\n * @returns {boolean} True if the user can perform the action, otherwise false.\n *\n * @example\n * // Check if the user can access marketing projects\n * const canAccess = useCanPerformAction(\"accessMarketingProjects\");\n * if (canAccess) {\n *   // show marketing dashboard\n * }\n */\nexport const useCanPerformAction = (action: Action): boolean => {\n\tconst payload = useActionResolverPayload()\n\n\treturn useMemo(() => canPerformAction(action, payload), [action, payload])\n}\n"],"names":[],"mappings":";;;AAsBa,MAAA,sBAAsB,CAAC,WAA4B;AAC/D,QAAM,UAAU,yBAAyB;AAElC,SAAA,QAAQ,MAAM,iBAAiB,QAAQ,OAAO,GAAG,CAAC,QAAQ,OAAO,CAAC;AAC1E;"}

package/dist/harmony38.cjs

@@ -1,17 +1,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const useHasAllFeatureFlags = require("./harmony43.cjs");
-const useHasAnyFeatureFlags = require("./harmony42.cjs");
-const HasFeatureFlagGuard = ({ any, all, children }) => {
-  const hasAllFlags = useHasAllFeatureFlags.useHasAllFeatureFlags(...all ?? []);
-  const hasAnyFlags = useHasAnyFeatureFlags.useHasAnyFeatureFlags(...any ?? []);
-  const hasAll = all === void 0 || (all.length > 0 ? hasAllFlags : false);
-  const hasAny = any === void 0 || (any.length > 0 ? hasAnyFlags : false);
-  if (hasAll && hasAny) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
-  }
-  return null;
+const useActionResolverPayload = require("./harmony123.cjs");
+const canPerformAction = require("./harmony42.cjs");
+const React = require("react");
+const useCanPerformAllActions = (...actions) => {
+  const payload = useActionResolverPayload.useActionResolverPayload();
+  return React.useMemo(
+    () => actions.every((action) => canPerformAction.canPerformAction(action, payload)),
+    [payload, actions.join()]
+  );
 };
-exports.HasFeatureFlagGuard = HasFeatureFlagGuard;
+exports.useCanPerformAllActions = useCanPerformAllActions;
 //# sourceMappingURL=harmony38.cjs.map