@stytch/nextjs 22.0.2 → 22.0.3

package/dist/esm/packages/web/src/adminPortal/scim/SCIMConnectionDetailsSection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SCIMConnectionDetailsSection.mjs","sources":["../../../../../../../../web/src/adminPortal/scim/SCIMConnectionDetailsSection.tsx"],"sourcesContent":["import { SCIMConnection } from '@stytch/core/public';\nimport React, { useMemo } from 'react';\n\nimport { FlexBox } from '../components/FlexBox';\nimport { SCIMFields } from '../components/ScimFields';\nimport { DEFAULT_BASE_URL_LABEL, Field, getFieldBy, getSCIMIdpInfo, SCIMIdpInfo } from './scimInfo';\n\nexport const DetailsSection = ({ connection }: { connection: SCIMConnection }) => {\n  const { displayName }: SCIMIdpInfo = getSCIMIdpInfo(connection.identity_provider);\n\n  const detailsFields: Field<'base_url' | 'display_name'>[] = useMemo(() => {\n    const baseUrlField = getFieldBy({ idp: connection.identity_provider, key: 'base_url' }) ?? {\n      label: DEFAULT_BASE_URL_LABEL,\n      value: connection.base_url,\n      isCopyable: true,\n    };\n\n    return [\n      {\n        label: 'SCIM Connection Display Name',\n        scimConnectionKey: 'display_name',\n      },\n      {\n        label: 'IdP',\n        value: displayName,\n      },\n      baseUrlField,\n    ];\n  }, [connection.base_url, connection.identity_provider, displayName]);\n\n  return (\n    <FlexBox flexDirection=\"column\" gap={2}>\n      <SCIMFields connection={connection} fields={detailsFields} />\n    </FlexBox>\n  );\n};\n"],"names":["DetailsSection","connection","displayName","getSCIMIdpInfo","identity_provider","detailsFields","useMemo","baseUrlField","getFieldBy","idp","key","label","DEFAULT_BASE_URL_LABEL","value","base_url","isCopyable","scimConnectionKey","React","FlexBox","flexDirection","gap","SCIMFields","fields"],"mappings":";;;;;AAOO,MAAMA,gBAAAA,GAAiB,CAAC,EAAEC,UAAU,EAAkC,GAAA;AAC3E,IAAA,MAAM,EAAEC,WAAW,EAAE,GAAgBC,cAAAA,CAAeF,WAAWG,iBAAiB,CAAA;AAEhF,IAAA,MAAMC,gBAAsDC,OAAAA,CAAQ,IAAA;AAClE,QAAA,MAAMC,eAAeC,UAAAA,CAAW;AAAEC,YAAAA,GAAAA,EAAKR,WAAWG,iBAAiB;YAAEM,GAAAA,EAAK;SAAW,CAAA,IAAM;YACzFC,KAAAA,EAAOC,sBAAAA;AACPC,YAAAA,KAAAA,EAAOZ,WAAWa,QAAQ;YAC1BC,UAAAA,EAAY;AACd,SAAA;QAEA,OAAO;AACL,YAAA;gBACEJ,KAAAA,EAAO,8BAAA;gBACPK,iBAAAA,EAAmB;AACrB,aAAA;AACA,YAAA;gBACEL,KAAAA,EAAO,KAAA;gBACPE,KAAAA,EAAOX;AACT,aAAA;AACAK,YAAAA;AACD,SAAA;IACH,CAAA,EAAG;AAACN,QAAAA,UAAAA,CAAWa,QAAQ;AAAEb,QAAAA,UAAAA,CAAWG,iBAAiB;AAAEF,QAAAA;AAAY,KAAA,CAAA;AAEnE,IAAA,qBACEe,cAAA,CAAA,aAAA,CAACC,OAAAA,EAAAA;QAAQC,aAAAA,EAAc,QAAA;QAASC,GAAAA,EAAK;qBACnCH,cAAA,CAAA,aAAA,CAACI,UAAAA,EAAAA;QAAWpB,UAAAA,EAAYA,UAAAA;QAAYqB,MAAAA,EAAQjB;;AAGlD;;;;"}
+{"version":3,"file":"SCIMConnectionDetailsSection.mjs","sources":["../../../../../../../../web/src/adminPortal/scim/SCIMConnectionDetailsSection.tsx"],"sourcesContent":["import { SCIMConnection } from '@stytch/core/public';\nimport React, { useMemo } from 'react';\n\nimport { FlexBox } from '../components/FlexBox';\nimport { SCIMFields } from '../components/ScimFields';\nimport { DEFAULT_BASE_URL_LABEL, Field, getFieldBy, getSCIMIdpInfo, SCIMIdpInfo } from './scimInfo';\n\nexport const DetailsSection = ({ connection }: { connection: SCIMConnection }) => {\n  const { displayName }: SCIMIdpInfo = getSCIMIdpInfo(connection.identity_provider);\n\n  const detailsFields: Field<'base_url' | 'display_name'>[] = useMemo(() => {\n    const baseUrlField = getFieldBy({ idp: connection.identity_provider, key: 'base_url' }) ?? {\n      label: DEFAULT_BASE_URL_LABEL,\n      value: connection.base_url,\n      isCopyable: true,\n    };\n\n    return [\n      {\n        label: 'SCIM Connection Display Name',\n        scimConnectionKey: 'display_name',\n      },\n      {\n        label: 'IdP',\n        value: displayName,\n      },\n      baseUrlField,\n    ];\n  }, [connection.base_url, connection.identity_provider, displayName]);\n\n  return (\n    <FlexBox flexDirection=\"column\" gap={2}>\n      <SCIMFields connection={connection} fields={detailsFields} />\n    </FlexBox>\n  );\n};\n"],"names":["DetailsSection","connection","displayName","getSCIMIdpInfo","identity_provider","detailsFields","useMemo","baseUrlField","getFieldBy","idp","key","label","DEFAULT_BASE_URL_LABEL","value","base_url","isCopyable","scimConnectionKey","React","FlexBox","flexDirection","gap","SCIMFields","fields"],"mappings":";;;;;AAOO,MAAMA,cAAAA,GAAiB,CAAC,EAAEC,UAAU,EAAkC,GAAA;AAC3E,IAAA,MAAM,EAAEC,WAAW,EAAE,GAAgBC,cAAAA,CAAeF,WAAWG,iBAAiB,CAAA;AAEhF,IAAA,MAAMC,gBAAsDC,OAAAA,CAAQ,IAAA;AAClE,QAAA,MAAMC,eAAeC,UAAAA,CAAW;AAAEC,YAAAA,GAAAA,EAAKR,WAAWG,iBAAiB;YAAEM,GAAAA,EAAK;SAAW,CAAA,IAAM;YACzFC,KAAAA,EAAOC,sBAAAA;AACPC,YAAAA,KAAAA,EAAOZ,WAAWa,QAAQ;YAC1BC,UAAAA,EAAY;AACd,SAAA;QAEA,OAAO;AACL,YAAA;gBACEJ,KAAAA,EAAO,8BAAA;gBACPK,iBAAAA,EAAmB;AACrB,aAAA;AACA,YAAA;gBACEL,KAAAA,EAAO,KAAA;gBACPE,KAAAA,EAAOX;AACT,aAAA;AACAK,YAAAA;AACD,SAAA;IACH,CAAA,EAAG;AAACN,QAAAA,UAAAA,CAAWa,QAAQ;AAAEb,QAAAA,UAAAA,CAAWG,iBAAiB;AAAEF,QAAAA;AAAY,KAAA,CAAA;AAEnE,IAAA,qBACEe,cAAA,CAAA,aAAA,CAACC,OAAAA,EAAAA;QAAQC,aAAAA,EAAc,QAAA;QAASC,GAAAA,EAAK;qBACnCH,cAAA,CAAA,aAAA,CAACI,UAAAA,EAAAA;QAAWpB,UAAAA,EAAYA,UAAAA;QAAYqB,MAAAA,EAAQjB;;AAGlD;;;;"}

package/dist/esm/packages/web/src/adminPortal/scim/SCIMConnectionRoleAssignmentsSection.mjs

@@ -18,7 +18,7 @@ import { useRoleAutocomplete } from '../utils/useRoleAutocomplete.mjs';
 import { useRoleDisplayInfo } from '../utils/useRoleDisplayInfo.mjs';
 import { useScimConnectionGroups } from '../utils/useScimConnectionGroups.mjs';
 
-const RoleAssignmentsSection$1 = ({ connection, useBlockNavigation })=>{
+const RoleAssignmentsSection = ({ connection, useBlockNavigation })=>{
     const { data: scimConnectionGroups, isLoading: isLoadingScimGroups } = useScimConnectionGroups({
         shouldFetch: true
     });
@@ -200,5 +200,5 @@ const RoleAssignmentsSection$1 = ({ connection, useBlockNavigation })=>{
     }, "No roles assigned."));
 };
 
-export { RoleAssignmentsSection$1 as RoleAssignmentsSection };
+export { RoleAssignmentsSection };
 //# sourceMappingURL=SCIMConnectionRoleAssignmentsSection.mjs.map

package/dist/esm/packages/web/src/adminPortal/scim/SCIMConnectionRoleAssignmentsSection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SCIMConnectionRoleAssignmentsSection.mjs","sources":["../../../../../../../../web/src/adminPortal/scim/SCIMConnectionRoleAssignmentsSection.tsx"],"sourcesContent":["import Add from '@mui/icons-material/Add';\nimport { SCIMConnection } from '@stytch/core/public';\nimport React, { useMemo } from 'react';\n\nimport { isTruthy } from '../../utils/isTruthy';\nimport { Autocomplete } from '../components/Autocomplete';\nimport { Button } from '../components/Button';\nimport { FlexBox } from '../components/FlexBox';\nimport { PageLoadingIndicator } from '../components/PageLoadingIndicator';\nimport { Select } from '../components/Select';\nimport { SettingsContainer } from '../components/SettingsContainer';\nimport { Table } from '../components/Table';\nimport { TagList } from '../components/TagList';\nimport { Typography } from '../components/Typography';\nimport { UseBlockNavigation } from '../Router';\nimport { arraysHaveSameContents } from '../utils/arraysHaveSameContents';\nimport { useFormState } from '../utils/useFormState';\nimport { useMutateScimConnectionRoleAssignments } from '../utils/useMutateScimConnection';\nimport { useRbac } from '../utils/useRbac';\nimport { useRoleAutocomplete } from '../utils/useRoleAutocomplete';\nimport { useRoleDisplayInfo } from '../utils/useRoleDisplayInfo';\nimport { useScimConnectionGroups } from '../utils/useScimConnectionGroups';\n\ntype ScimGroupRoleAssignment = { groupId: string | undefined; roles: string[] };\n\nexport const RoleAssignmentsSection = ({\n  connection,\n  useBlockNavigation,\n}: {\n  connection: SCIMConnection;\n  useBlockNavigation: UseBlockNavigation;\n}) => {\n  const { data: scimConnectionGroups, isLoading: isLoadingScimGroups } = useScimConnectionGroups({\n    shouldFetch: true,\n  });\n\n  const { data: canGetOrgCustomRoles } = useRbac('stytch.custom-org-roles', 'get');\n\n  const { mutate: mutateScimConnection } = useMutateScimConnectionRoleAssignments();\n  const { getRoleIdDisplayName } = useRoleDisplayInfo(canGetOrgCustomRoles ?? false);\n\n  const scimGroups = useMemo(() => scimConnectionGroups?.scim_groups ?? [], [scimConnectionGroups]);\n  const scimRoleAssignments = connection?.scim_group_implicit_role_assignments;\n\n  const { groupIdToName, filteredGroupIdToRoles } = useMemo(() => {\n    const groupIdToNameMap = scimGroups.reduce(\n      (acc, val) => {\n        acc[val.group_id] = val.group_name;\n        return acc;\n      },\n      {} as Record<string, string>,\n    );\n\n    const groupIdToRolesMap = Object.keys(groupIdToNameMap).reduce(\n      (acc, groupId) => {\n        const scimRoleAssignment = scimRoleAssignments.find((roleAssignment) => roleAssignment.group_id === groupId);\n        if (!scimRoleAssignment) return acc;\n\n        if (!acc[groupId]) {\n          acc[groupId] = [];\n        }\n        acc[groupId].push(scimRoleAssignment.role_id);\n        return acc;\n      },\n      {} as Record<string, string[]>,\n    );\n\n    return {\n      groupIdToName: groupIdToNameMap,\n      // Filter out groups with no roles assigned\n      filteredGroupIdToRoles: Object.fromEntries(\n        Object.entries(groupIdToRolesMap).filter(([, roles]) => roles.length > 0),\n      ),\n    };\n  }, [scimGroups, scimRoleAssignments]);\n\n  const remoteState: { groupRoles: ScimGroupRoleAssignment[] } = useMemo(\n    () => ({\n      groupRoles: Object.entries(filteredGroupIdToRoles).map(([groupId, roles]) => ({\n        groupId,\n        roles,\n      })),\n    }),\n    [filteredGroupIdToRoles],\n  );\n  const { localState, setLocalState, editing, handleSetEditing } = useFormState({ remoteState });\n  const { groupRoles } = editing ? localState : remoteState;\n\n  const itemRenderer = [\n    {\n      title: 'Group',\n      getValue: ({ groupId }: ScimGroupRoleAssignment) => {\n        return (\n          <Typography variant=\"body2\" color=\"secondary\">\n            {groupId ? groupIdToName[groupId] : ''}\n          </Typography>\n        );\n      },\n      width: 300,\n    },\n    {\n      title: 'Role',\n      getValue: ({ roles }: ScimGroupRoleAssignment) => {\n        return <TagList tags={roles.map((role) => getRoleIdDisplayName(role))} />;\n      },\n    },\n  ];\n\n  const roleAutocompleteProps = useRoleAutocomplete({ includeOrgRoles: canGetOrgCustomRoles ?? false });\n\n  const groupIdsWithRoleAssignments = new Set(groupRoles.map(({ groupId }) => groupId));\n  const findAvailableGroupIds = (currentId: string | undefined) =>\n    Object.keys(groupIdToName).filter((groupId) => !groupIdsWithRoleAssignments.has(groupId) || groupId === currentId);\n  // Find the groupIds that do not have any roles assigned to them.\n  const availableGroupIds = findAvailableGroupIds(undefined);\n\n  const handleOnChange = ({\n    groupId: currentGroupId,\n    updatedGroupId,\n    updatedRoles,\n  }: {\n    groupId: string | undefined;\n    updatedGroupId: string | undefined;\n    updatedRoles: string[] | undefined;\n  }) => {\n    setLocalState((prevState) => ({\n      groupRoles: prevState.groupRoles.map((value) => {\n        if (value.groupId !== currentGroupId) {\n          return value;\n        }\n        return {\n          groupId: updatedGroupId ?? value.groupId,\n          roles: updatedRoles ?? value.roles,\n        };\n      }),\n    }));\n  };\n\n  const disableSave = arraysHaveSameContents(localState.groupRoles, remoteState.groupRoles);\n  const disableAdd =\n    (localState.groupRoles.length > 0\n      ? localState.groupRoles[localState.groupRoles.length - 1].groupId === undefined\n      : false) || !availableGroupIds.length;\n\n  const handleSave = async () => {\n    await mutateScimConnection({\n      connection_id: connection.connection_id,\n      scim_group_implicit_role_assignments: localState.groupRoles.flatMap(({ groupId, roles }) => {\n        return roles\n          .map((role) => {\n            if (groupId) {\n              return {\n                group_id: groupId,\n                role_id: role,\n              };\n            }\n          })\n          .filter(isTruthy);\n      }),\n    });\n  };\n\n  if (isLoadingScimGroups) {\n    return <PageLoadingIndicator />;\n  }\n\n  return (\n    <SettingsContainer\n      title=\"Role Assignments\"\n      hasCTA={Object.keys(groupIdToName).length > 0}\n      onSave={handleSave}\n      useBlockNavigation={useBlockNavigation}\n      editing={editing}\n      disableSave={disableSave}\n      setEditing={handleSetEditing}\n    >\n      <Typography variant=\"h4\">Group Roles</Typography>\n      {editing ? (\n        <FlexBox flexDirection=\"column\" gap={2}>\n          {localState.groupRoles.length > 0 ? (\n            <div>\n              {groupRoles.map(({ groupId, roles }, index) => {\n                const groupNameSelectItems = findAvailableGroupIds(groupId).map((groupId) => {\n                  return {\n                    value: groupId,\n                    label: groupIdToName[groupId],\n                  };\n                });\n                return (\n                  <FlexBox flexDirection=\"row\" gap={2} key={index} alignItems=\"center\">\n                    <Select\n                      labelColor=\"secondary\"\n                      width={300}\n                      label=\"Group name\"\n                      selectItems={groupNameSelectItems}\n                      placeholder=\"Select Group Name\"\n                      value={groupId}\n                      onChange={(value) => handleOnChange({ groupId, updatedGroupId: value, updatedRoles: undefined })}\n                    />\n                    <Autocomplete\n                      {...roleAutocompleteProps}\n                      label=\"Group Role\"\n                      fullWidth\n                      value={roles}\n                      onChange={(value) => handleOnChange({ groupId, updatedGroupId: undefined, updatedRoles: value })}\n                    />\n                  </FlexBox>\n                );\n              })}\n            </div>\n          ) : (\n            <Typography variant=\"body2\">No roles assigned.</Typography>\n          )}\n          <Button\n            disabled={disableAdd}\n            startIcon={<Add />}\n            variant=\"text\"\n            onClick={() => {\n              setLocalState(() => ({\n                groupRoles: [...groupRoles, { groupId: undefined, roles: [] }],\n              }));\n            }}\n          >\n            Add group roles\n          </Button>\n        </FlexBox>\n      ) : groupRoles.length > 0 ? (\n        <Table\n          titleVariant=\"caption\"\n          itemRenderer={itemRenderer}\n          items={groupRoles}\n          rowKeyExtractor={({ groupId }) => groupId ?? ''}\n          disableBottomBorder\n        />\n      ) : (\n        <Typography variant=\"body2\">No roles assigned.</Typography>\n      )}\n    </SettingsContainer>\n  );\n};\n"],"names":["RoleAssignmentsSection","connection","useBlockNavigation","data","scimConnectionGroups","isLoading","isLoadingScimGroups","useScimConnectionGroups","shouldFetch","canGetOrgCustomRoles","useRbac","mutate","mutateScimConnection","useMutateScimConnectionRoleAssignments","getRoleIdDisplayName","useRoleDisplayInfo","scimGroups","useMemo","scim_groups","scimRoleAssignments","scim_group_implicit_role_assignments","groupIdToName","filteredGroupIdToRoles","groupIdToNameMap","reduce","acc","val","group_id","group_name","groupIdToRolesMap","Object","keys","groupId","scimRoleAssignment","find","roleAssignment","push","role_id","fromEntries","entries","filter","roles","length","remoteState","groupRoles","map","localState","setLocalState","editing","handleSetEditing","useFormState","itemRenderer","title","getValue","React","Typography","variant","color","width","TagList","tags","role","roleAutocompleteProps","useRoleAutocomplete","includeOrgRoles","groupIdsWithRoleAssignments","Set","findAvailableGroupIds","currentId","has","availableGroupIds","undefined","handleOnChange","currentGroupId","updatedGroupId","updatedRoles","prevState","value","disableSave","arraysHaveSameContents","disableAdd","handleSave","connection_id","flatMap","isTruthy","PageLoadingIndicator","SettingsContainer","hasCTA","onSave","setEditing","FlexBox","flexDirection","gap","div","index","groupNameSelectItems","label","key","alignItems","Select","labelColor","selectItems","placeholder","onChange","Autocomplete","fullWidth","Button","disabled","startIcon","Add","onClick","Table","titleVariant","items","rowKeyExtractor","disableBottomBorder"],"mappings":"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"}
+{"version":3,"file":"SCIMConnectionRoleAssignmentsSection.mjs","sources":["../../../../../../../../web/src/adminPortal/scim/SCIMConnectionRoleAssignmentsSection.tsx"],"sourcesContent":["import Add from '@mui/icons-material/Add';\nimport { SCIMConnection } from '@stytch/core/public';\nimport React, { useMemo } from 'react';\n\nimport { isTruthy } from '../../utils/isTruthy';\nimport { Autocomplete } from '../components/Autocomplete';\nimport { Button } from '../components/Button';\nimport { FlexBox } from '../components/FlexBox';\nimport { PageLoadingIndicator } from '../components/PageLoadingIndicator';\nimport { Select } from '../components/Select';\nimport { SettingsContainer } from '../components/SettingsContainer';\nimport { Table } from '../components/Table';\nimport { TagList } from '../components/TagList';\nimport { Typography } from '../components/Typography';\nimport { UseBlockNavigation } from '../Router';\nimport { arraysHaveSameContents } from '../utils/arraysHaveSameContents';\nimport { useFormState } from '../utils/useFormState';\nimport { useMutateScimConnectionRoleAssignments } from '../utils/useMutateScimConnection';\nimport { useRbac } from '../utils/useRbac';\nimport { useRoleAutocomplete } from '../utils/useRoleAutocomplete';\nimport { useRoleDisplayInfo } from '../utils/useRoleDisplayInfo';\nimport { useScimConnectionGroups } from '../utils/useScimConnectionGroups';\n\ntype ScimGroupRoleAssignment = { groupId: string | undefined; roles: string[] };\n\nexport const RoleAssignmentsSection = ({\n  connection,\n  useBlockNavigation,\n}: {\n  connection: SCIMConnection;\n  useBlockNavigation: UseBlockNavigation;\n}) => {\n  const { data: scimConnectionGroups, isLoading: isLoadingScimGroups } = useScimConnectionGroups({\n    shouldFetch: true,\n  });\n\n  const { data: canGetOrgCustomRoles } = useRbac('stytch.custom-org-roles', 'get');\n\n  const { mutate: mutateScimConnection } = useMutateScimConnectionRoleAssignments();\n  const { getRoleIdDisplayName } = useRoleDisplayInfo(canGetOrgCustomRoles ?? false);\n\n  const scimGroups = useMemo(() => scimConnectionGroups?.scim_groups ?? [], [scimConnectionGroups]);\n  const scimRoleAssignments = connection?.scim_group_implicit_role_assignments;\n\n  const { groupIdToName, filteredGroupIdToRoles } = useMemo(() => {\n    const groupIdToNameMap = scimGroups.reduce(\n      (acc, val) => {\n        acc[val.group_id] = val.group_name;\n        return acc;\n      },\n      {} as Record<string, string>,\n    );\n\n    const groupIdToRolesMap = Object.keys(groupIdToNameMap).reduce(\n      (acc, groupId) => {\n        const scimRoleAssignment = scimRoleAssignments.find((roleAssignment) => roleAssignment.group_id === groupId);\n        if (!scimRoleAssignment) return acc;\n\n        if (!acc[groupId]) {\n          acc[groupId] = [];\n        }\n        acc[groupId].push(scimRoleAssignment.role_id);\n        return acc;\n      },\n      {} as Record<string, string[]>,\n    );\n\n    return {\n      groupIdToName: groupIdToNameMap,\n      // Filter out groups with no roles assigned\n      filteredGroupIdToRoles: Object.fromEntries(\n        Object.entries(groupIdToRolesMap).filter(([, roles]) => roles.length > 0),\n      ),\n    };\n  }, [scimGroups, scimRoleAssignments]);\n\n  const remoteState: { groupRoles: ScimGroupRoleAssignment[] } = useMemo(\n    () => ({\n      groupRoles: Object.entries(filteredGroupIdToRoles).map(([groupId, roles]) => ({\n        groupId,\n        roles,\n      })),\n    }),\n    [filteredGroupIdToRoles],\n  );\n  const { localState, setLocalState, editing, handleSetEditing } = useFormState({ remoteState });\n  const { groupRoles } = editing ? localState : remoteState;\n\n  const itemRenderer = [\n    {\n      title: 'Group',\n      getValue: ({ groupId }: ScimGroupRoleAssignment) => {\n        return (\n          <Typography variant=\"body2\" color=\"secondary\">\n            {groupId ? groupIdToName[groupId] : ''}\n          </Typography>\n        );\n      },\n      width: 300,\n    },\n    {\n      title: 'Role',\n      getValue: ({ roles }: ScimGroupRoleAssignment) => {\n        return <TagList tags={roles.map((role) => getRoleIdDisplayName(role))} />;\n      },\n    },\n  ];\n\n  const roleAutocompleteProps = useRoleAutocomplete({ includeOrgRoles: canGetOrgCustomRoles ?? false });\n\n  const groupIdsWithRoleAssignments = new Set(groupRoles.map(({ groupId }) => groupId));\n  const findAvailableGroupIds = (currentId: string | undefined) =>\n    Object.keys(groupIdToName).filter((groupId) => !groupIdsWithRoleAssignments.has(groupId) || groupId === currentId);\n  // Find the groupIds that do not have any roles assigned to them.\n  const availableGroupIds = findAvailableGroupIds(undefined);\n\n  const handleOnChange = ({\n    groupId: currentGroupId,\n    updatedGroupId,\n    updatedRoles,\n  }: {\n    groupId: string | undefined;\n    updatedGroupId: string | undefined;\n    updatedRoles: string[] | undefined;\n  }) => {\n    setLocalState((prevState) => ({\n      groupRoles: prevState.groupRoles.map((value) => {\n        if (value.groupId !== currentGroupId) {\n          return value;\n        }\n        return {\n          groupId: updatedGroupId ?? value.groupId,\n          roles: updatedRoles ?? value.roles,\n        };\n      }),\n    }));\n  };\n\n  const disableSave = arraysHaveSameContents(localState.groupRoles, remoteState.groupRoles);\n  const disableAdd =\n    (localState.groupRoles.length > 0\n      ? localState.groupRoles[localState.groupRoles.length - 1].groupId === undefined\n      : false) || !availableGroupIds.length;\n\n  const handleSave = async () => {\n    await mutateScimConnection({\n      connection_id: connection.connection_id,\n      scim_group_implicit_role_assignments: localState.groupRoles.flatMap(({ groupId, roles }) => {\n        return roles\n          .map((role) => {\n            if (groupId) {\n              return {\n                group_id: groupId,\n                role_id: role,\n              };\n            }\n          })\n          .filter(isTruthy);\n      }),\n    });\n  };\n\n  if (isLoadingScimGroups) {\n    return <PageLoadingIndicator />;\n  }\n\n  return (\n    <SettingsContainer\n      title=\"Role Assignments\"\n      hasCTA={Object.keys(groupIdToName).length > 0}\n      onSave={handleSave}\n      useBlockNavigation={useBlockNavigation}\n      editing={editing}\n      disableSave={disableSave}\n      setEditing={handleSetEditing}\n    >\n      <Typography variant=\"h4\">Group Roles</Typography>\n      {editing ? (\n        <FlexBox flexDirection=\"column\" gap={2}>\n          {localState.groupRoles.length > 0 ? (\n            <div>\n              {groupRoles.map(({ groupId, roles }, index) => {\n                const groupNameSelectItems = findAvailableGroupIds(groupId).map((groupId) => {\n                  return {\n                    value: groupId,\n                    label: groupIdToName[groupId],\n                  };\n                });\n                return (\n                  <FlexBox flexDirection=\"row\" gap={2} key={index} alignItems=\"center\">\n                    <Select\n                      labelColor=\"secondary\"\n                      width={300}\n                      label=\"Group name\"\n                      selectItems={groupNameSelectItems}\n                      placeholder=\"Select Group Name\"\n                      value={groupId}\n                      onChange={(value) => handleOnChange({ groupId, updatedGroupId: value, updatedRoles: undefined })}\n                    />\n                    <Autocomplete\n                      {...roleAutocompleteProps}\n                      label=\"Group Role\"\n                      fullWidth\n                      value={roles}\n                      onChange={(value) => handleOnChange({ groupId, updatedGroupId: undefined, updatedRoles: value })}\n                    />\n                  </FlexBox>\n                );\n              })}\n            </div>\n          ) : (\n            <Typography variant=\"body2\">No roles assigned.</Typography>\n          )}\n          <Button\n            disabled={disableAdd}\n            startIcon={<Add />}\n            variant=\"text\"\n            onClick={() => {\n              setLocalState(() => ({\n                groupRoles: [...groupRoles, { groupId: undefined, roles: [] }],\n              }));\n            }}\n          >\n            Add group roles\n          </Button>\n        </FlexBox>\n      ) : groupRoles.length > 0 ? (\n        <Table\n          titleVariant=\"caption\"\n          itemRenderer={itemRenderer}\n          items={groupRoles}\n          rowKeyExtractor={({ groupId }) => groupId ?? ''}\n          disableBottomBorder\n        />\n      ) : (\n        <Typography variant=\"body2\">No roles assigned.</Typography>\n      )}\n    </SettingsContainer>\n  );\n};\n"],"names":["RoleAssignmentsSection","connection","useBlockNavigation","data","scimConnectionGroups","isLoading","isLoadingScimGroups","useScimConnectionGroups","shouldFetch","canGetOrgCustomRoles","useRbac","mutate","mutateScimConnection","useMutateScimConnectionRoleAssignments","getRoleIdDisplayName","useRoleDisplayInfo","scimGroups","useMemo","scim_groups","scimRoleAssignments","scim_group_implicit_role_assignments","groupIdToName","filteredGroupIdToRoles","groupIdToNameMap","reduce","acc","val","group_id","group_name","groupIdToRolesMap","Object","keys","groupId","scimRoleAssignment","find","roleAssignment","push","role_id","fromEntries","entries","filter","roles","length","remoteState","groupRoles","map","localState","setLocalState","editing","handleSetEditing","useFormState","itemRenderer","title","getValue","React","Typography","variant","color","width","TagList","tags","role","roleAutocompleteProps","useRoleAutocomplete","includeOrgRoles","groupIdsWithRoleAssignments","Set","findAvailableGroupIds","currentId","has","availableGroupIds","undefined","handleOnChange","currentGroupId","updatedGroupId","updatedRoles","prevState","value","disableSave","arraysHaveSameContents","disableAdd","handleSave","connection_id","flatMap","isTruthy","PageLoadingIndicator","SettingsContainer","hasCTA","onSave","setEditing","FlexBox","flexDirection","gap","div","index","groupNameSelectItems","label","key","alignItems","Select","labelColor","selectItems","placeholder","onChange","Autocomplete","fullWidth","Button","disabled","startIcon","Add","onClick","Table","titleVariant","items","rowKeyExtractor","disableBottomBorder"],"mappings":"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"}

package/dist/esm/packages/web/src/adminPortal/scim/SCIMNewConnectionScreen.mjs

@@ -11,7 +11,7 @@ import { useStytchClient } from '../utils/useStytchClient.mjs';
 import { scimIdpMap } from './scimInfo.mjs';
 import { useScimRouterController } from './SCIMRouter.mjs';
 
-const idpSelectItems$1 = Object.entries(scimIdpMap).map(([idp, { displayName }])=>({
+const idpSelectItems = Object.entries(scimIdpMap).map(([idp, { displayName }])=>({
         value: idp,
         label: displayName
     }));
@@ -76,7 +76,7 @@ const SCIMNewConnectionScreen = ()=>{
         width: 360,
         placeholder: "Select",
         value: idp,
-        selectItems: idpSelectItems$1,
+        selectItems: idpSelectItems,
         onChange: (value)=>setIdp(value)
     })), /*#__PURE__*/ React__default.createElement(FlexBox, {
         flexDirection: "column"

package/dist/esm/packages/web/src/adminPortal/scim/SCIMNewConnectionScreen.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SCIMNewConnectionScreen.mjs","sources":["../../../../../../../../web/src/adminPortal/scim/SCIMNewConnectionScreen.tsx"],"sourcesContent":["import { Organization } from '@stytch/core/public';\nimport React, { useCallback, useState } from 'react';\nimport { useSWRConfig } from 'swr';\n\nimport { Button } from '../components/Button';\nimport { FlexBox } from '../components/FlexBox';\nimport { Input } from '../components/Input';\nimport { Select } from '../components/Select';\nimport { Typography } from '../components/Typography';\nimport { organizationGetKey } from '../utils/organizationGetKey';\nimport { useStytchClient } from '../utils/useStytchClient';\nimport { KnownSCIMIdp, scimIdpMap } from './scimInfo';\nimport { useScimRouterController } from './SCIMRouter';\n\nconst idpSelectItems = Object.entries(scimIdpMap).map(([idp, { displayName }]) => ({\n  value: idp,\n  label: displayName,\n}));\nexport const SCIMNewConnectionScreen = () => {\n  const { navigate } = useScimRouterController();\n  const [idp, setIdp] = useState<KnownSCIMIdp>();\n  const [displayName, setDisplayName] = useState<string>('');\n  const canCreate = displayName && idp;\n\n  const client = useStytchClient();\n  const { mutate } = useSWRConfig();\n\n  const handleSubmit = useCallback<React.FormEventHandler<HTMLFormElement>>(\n    async (e) => {\n      e.preventDefault();\n\n      if (!canCreate) {\n        return;\n      }\n\n      const response = await mutate('scim_create', async () => {\n        const params = { display_name: displayName, identity_provider: idp };\n        const result = await client.scim.createConnection(params);\n        const connection = result.connection;\n\n        mutate(organizationGetKey(connection.organization_id), async (org?: Organization | null) => {\n          if (org) {\n            return {\n              ...org,\n              scim_active_connection: {\n                connection_id: connection.connection_id,\n                display_name: connection.display_name,\n              },\n            };\n          }\n        });\n        return connection;\n      });\n\n      if (response) {\n        navigate({\n          screen: 'newConnectionConfigure',\n          params: {\n            connection: response,\n          },\n        });\n      }\n    },\n    [canCreate, client.scim, displayName, idp, mutate, navigate],\n  );\n\n  return (\n    <form onSubmit={handleSubmit}>\n      <FlexBox flexDirection=\"column\" gap={3}>\n        <Typography variant=\"h2\">Create SCIM Connection</Typography>\n        <FlexBox flexDirection=\"column\">\n          <Typography>Select your IdP.</Typography>\n          <Select\n            width={360}\n            placeholder=\"Select\"\n            value={idp}\n            selectItems={idpSelectItems}\n            onChange={(value) => setIdp(value)}\n          />\n        </FlexBox>\n        <FlexBox flexDirection=\"column\">\n          <Typography>Enter a display name for your SCIM connection.</Typography>\n          <Input value={displayName} onChange={(value) => setDisplayName(value)} placeholder=\"Display name\" />\n        </FlexBox>\n        <Typography>\n          Once you click “Create” the SCIM connection will be created. If you need to change your IdP after this, you\n          will need to delete the connection and recreate.\n        </Typography>\n        <FlexBox flexDirection=\"row\" gap={2}>\n          <Button\n            variant=\"ghost\"\n            onClick={() => {\n              navigate({ screen: 'scimConnection' });\n            }}\n          >\n            Cancel\n          </Button>\n          <Button type=\"submit\" disabled={!canCreate}>\n            Create\n          </Button>\n        </FlexBox>\n      </FlexBox>\n    </form>\n  );\n};\n"],"names":["idpSelectItems","Object","entries","scimIdpMap","map","idp","displayName","value","label","SCIMNewConnectionScreen","navigate","useScimRouterController","setIdp","useState","setDisplayName","canCreate","client","useStytchClient","mutate","useSWRConfig","handleSubmit","useCallback","e","preventDefault","response","params","display_name","identity_provider","result","scim","createConnection","connection","organizationGetKey","organization_id","org","scim_active_connection","connection_id","screen","React","form","onSubmit","FlexBox","flexDirection","gap","Typography","variant","Select","width","placeholder","selectItems","onChange","Input","Button","onClick","type","disabled"],"mappings":"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"}
+{"version":3,"file":"SCIMNewConnectionScreen.mjs","sources":["../../../../../../../../web/src/adminPortal/scim/SCIMNewConnectionScreen.tsx"],"sourcesContent":["import { Organization } from '@stytch/core/public';\nimport React, { useCallback, useState } from 'react';\nimport { useSWRConfig } from 'swr';\n\nimport { Button } from '../components/Button';\nimport { FlexBox } from '../components/FlexBox';\nimport { Input } from '../components/Input';\nimport { Select } from '../components/Select';\nimport { Typography } from '../components/Typography';\nimport { organizationGetKey } from '../utils/organizationGetKey';\nimport { useStytchClient } from '../utils/useStytchClient';\nimport { KnownSCIMIdp, scimIdpMap } from './scimInfo';\nimport { useScimRouterController } from './SCIMRouter';\n\nconst idpSelectItems = Object.entries(scimIdpMap).map(([idp, { displayName }]) => ({\n  value: idp,\n  label: displayName,\n}));\nexport const SCIMNewConnectionScreen = () => {\n  const { navigate } = useScimRouterController();\n  const [idp, setIdp] = useState<KnownSCIMIdp>();\n  const [displayName, setDisplayName] = useState<string>('');\n  const canCreate = displayName && idp;\n\n  const client = useStytchClient();\n  const { mutate } = useSWRConfig();\n\n  const handleSubmit = useCallback<React.FormEventHandler<HTMLFormElement>>(\n    async (e) => {\n      e.preventDefault();\n\n      if (!canCreate) {\n        return;\n      }\n\n      const response = await mutate('scim_create', async () => {\n        const params = { display_name: displayName, identity_provider: idp };\n        const result = await client.scim.createConnection(params);\n        const connection = result.connection;\n\n        mutate(organizationGetKey(connection.organization_id), async (org?: Organization | null) => {\n          if (org) {\n            return {\n              ...org,\n              scim_active_connection: {\n                connection_id: connection.connection_id,\n                display_name: connection.display_name,\n              },\n            };\n          }\n        });\n        return connection;\n      });\n\n      if (response) {\n        navigate({\n          screen: 'newConnectionConfigure',\n          params: {\n            connection: response,\n          },\n        });\n      }\n    },\n    [canCreate, client.scim, displayName, idp, mutate, navigate],\n  );\n\n  return (\n    <form onSubmit={handleSubmit}>\n      <FlexBox flexDirection=\"column\" gap={3}>\n        <Typography variant=\"h2\">Create SCIM Connection</Typography>\n        <FlexBox flexDirection=\"column\">\n          <Typography>Select your IdP.</Typography>\n          <Select\n            width={360}\n            placeholder=\"Select\"\n            value={idp}\n            selectItems={idpSelectItems}\n            onChange={(value) => setIdp(value)}\n          />\n        </FlexBox>\n        <FlexBox flexDirection=\"column\">\n          <Typography>Enter a display name for your SCIM connection.</Typography>\n          <Input value={displayName} onChange={(value) => setDisplayName(value)} placeholder=\"Display name\" />\n        </FlexBox>\n        <Typography>\n          Once you click “Create” the SCIM connection will be created. If you need to change your IdP after this, you\n          will need to delete the connection and recreate.\n        </Typography>\n        <FlexBox flexDirection=\"row\" gap={2}>\n          <Button\n            variant=\"ghost\"\n            onClick={() => {\n              navigate({ screen: 'scimConnection' });\n            }}\n          >\n            Cancel\n          </Button>\n          <Button type=\"submit\" disabled={!canCreate}>\n            Create\n          </Button>\n        </FlexBox>\n      </FlexBox>\n    </form>\n  );\n};\n"],"names":["idpSelectItems","Object","entries","scimIdpMap","map","idp","displayName","value","label","SCIMNewConnectionScreen","navigate","useScimRouterController","setIdp","useState","setDisplayName","canCreate","client","useStytchClient","mutate","useSWRConfig","handleSubmit","useCallback","e","preventDefault","response","params","display_name","identity_provider","result","scim","createConnection","connection","organizationGetKey","organization_id","org","scim_active_connection","connection_id","screen","React","form","onSubmit","FlexBox","flexDirection","gap","Typography","variant","Select","width","placeholder","selectItems","onChange","Input","Button","onClick","type","disabled"],"mappings":"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"}

package/dist/esm/packages/web/src/adminPortal/settings/AdminPortalOrgSettingsContainer.mjs

@@ -18,13 +18,13 @@ const validateConfig = (config)=>{
         throw new Error('mfaAuthMethods must contain at least one value');
     }
 };
-const routeMap$1 = {
+const routeMap = {
     orgSettingsScreen: OrgSettingsScreen
 };
-const initialRoute$1 = {
+const initialRoute = {
     screen: 'orgSettingsScreen'
 };
-const Content$1 = ()=>{
+const Content = ()=>{
     const { self, fromCache } = useSelf();
     const { error: adminPortalConfigError } = useAdminPortalConfig({
         shouldFetch: !!self
@@ -43,9 +43,9 @@ const Content$1 = ()=>{
         featureNotEnabledValue: 'Authentication & Access is not supported. Please contact your admin if you think this is a mistake.',
         noPermissionValue: 'You do not have permission to view Authentication & Access. Please contact your admin if you think this is a mistake.'
     }, /*#__PURE__*/ React__default.createElement(OrgSettingsRouterProvider, {
-        initialRoute: initialRoute$1
+        initialRoute: initialRoute
     }, /*#__PURE__*/ React__default.createElement(OrgSettingsRouter, {
-        routeMap: routeMap$1
+        routeMap: routeMap
     })));
 };
 const AdminPortalOrgSettingsContainer = (props)=>{
@@ -65,8 +65,8 @@ const AdminPortalOrgSettingsContainer = (props)=>{
     ]);
     return /*#__PURE__*/ React__default.createElement(AdminPortalWrapper, {
         options: props
-    }, /*#__PURE__*/ React__default.createElement(Content$1, null));
+    }, /*#__PURE__*/ React__default.createElement(Content, null));
 };
 
-export { AdminPortalOrgSettingsContainer, Content$1 as Content };
+export { AdminPortalOrgSettingsContainer, Content };
 //# sourceMappingURL=AdminPortalOrgSettingsContainer.mjs.map

package/dist/esm/packages/web/src/adminPortal/settings/AdminPortalOrgSettingsContainer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AdminPortalOrgSettingsContainer.mjs","sources":["../../../../../../../../web/src/adminPortal/settings/AdminPortalOrgSettingsContainer.tsx"],"sourcesContent":["import { EnumOrStringLiteral } from '@stytch/core';\nimport { B2BMFAProducts, StytchProjectConfigurationInput } from '@stytch/core/public';\nimport React, { useEffect, useRef } from 'react';\n\nimport { readB2BInternals } from '../../utils/internal';\nimport { AdminPortalB2BProducts } from '../AdminPortalB2BProducts';\nimport { AdminPortalWrapper } from '../AdminPortalWrapper';\nimport { MappedPropsFromRouteMap, RouterStateEntry } from '../Router';\nimport { useAdminPortalOrgUIConfig } from '../StytchClientContext';\nimport { AdminPortalCommonProps } from '../utils/AdminPortalCommonProps';\nimport { AdminPortalUIConfigRoleDisplayProvider } from '../utils/AdminPortalUIConfigRoleDisplayProvider';\nimport { FeatureStateComponent } from '../utils/FeatureStateComponent';\nimport { getFeatureState } from '../utils/getFeatureState';\nimport { useAdminPortalConfig } from '../utils/useAdminPortalConfig';\nimport { useSelf } from '../utils/useSelf';\nimport { OrgSettingsRouter, OrgSettingsRouterProvider } from './AdminPortalOrgRouter';\nimport { OrgSettingsScreen } from './OrgSettingsScreen';\n\nconst validateConfig = (config?: AdminPortalOrgUIConfig) => {\n  if (!config) return;\n  if (config.allowedAuthMethods?.length === 0) {\n    throw new Error('allowedAuthMethods must contain at least one value');\n  }\n  if (config.allowedMfaAuthMethods?.length === 0) {\n    throw new Error('mfaAuthMethods must contain at least one value');\n  }\n};\n/**\n * The UI configuration object for organization used in the Admin Portal.\n */\nexport interface AdminPortalOrgUIConfig extends AdminPortalUIConfigRoleDisplayProvider {\n  /**\n   * Specify the auth methods that a member can choose to enable when restricting the organization's allowed auth methods.\n   * If not specified, all auth methods are shown.\n   */\n  allowedAuthMethods?: EnumOrStringLiteral<AdminPortalB2BProducts>[];\n  /**\n   * Specify the MFA auth methods that a member can choose to enable when restricting the organization's allowed auth methods.\n   * If not specified, all auth methods are shown.\n   */\n  allowedMfaAuthMethods?: B2BMFAProducts[];\n}\nexport interface AdminPortalOrgSettingsMountOptions<\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n> extends AdminPortalCommonProps<TProjectConfiguration> {\n  /**\n   * An {@link AdminPortalOrgUIConfig} object containing custom configuration.\n   */\n  config?: AdminPortalOrgUIConfig;\n}\n\nconst routeMap = {\n  orgSettingsScreen: OrgSettingsScreen,\n};\n\nexport type OrgSettingsRouterMappedProps = MappedPropsFromRouteMap<typeof routeMap>;\n\nconst initialRoute = { screen: 'orgSettingsScreen' } satisfies RouterStateEntry<OrgSettingsRouterMappedProps>;\n\nexport const Content = () => {\n  const { self, fromCache } = useSelf();\n  const { error: adminPortalConfigError } = useAdminPortalConfig({\n    shouldFetch: !!self,\n  });\n\n  const orgSettingsState = getFeatureState({\n    self,\n    fromCache,\n    adminPortalConfigError: adminPortalConfigError,\n    isFeatureEnabled: true,\n    hasPermission: true,\n  });\n  return (\n    <FeatureStateComponent\n      featureState={orgSettingsState}\n      notLoggedInValue={'Please log in to manage Authentication & Access.'}\n      errorValue={\n        'Authentication & Access Settings could not be loaded. Please contact your admin if you think this is a mistake.'\n      }\n      featureNotEnabledValue={\n        'Authentication & Access is not supported. Please contact your admin if you think this is a mistake.'\n      }\n      noPermissionValue={\n        'You do not have permission to view Authentication & Access. Please contact your admin if you think this is a mistake.'\n      }\n    >\n      <OrgSettingsRouterProvider initialRoute={initialRoute}>\n        <OrgSettingsRouter routeMap={routeMap} />\n      </OrgSettingsRouterProvider>\n    </FeatureStateComponent>\n  );\n};\n\nexport const AdminPortalOrgSettingsContainer = <TProjectConfiguration extends StytchProjectConfigurationInput>(\n  props: AdminPortalOrgSettingsMountOptions<TProjectConfiguration>,\n) => {\n  const uiConfig = useAdminPortalOrgUIConfig();\n  const initialClient = useRef(props.client);\n  // only send an event on initial mount, even if the client changes\n  useEffect(() => {\n    readB2BInternals(initialClient.current).networkClient.logEvent({\n      name: 'render_b2b_admin_portal_org_settings',\n      details: {},\n    });\n  }, []);\n\n  useEffect(() => {\n    validateConfig(uiConfig);\n  }, [uiConfig]);\n\n  return (\n    <AdminPortalWrapper options={props}>\n      <Content />\n    </AdminPortalWrapper>\n  );\n};\n"],"names":["validateConfig","config","allowedAuthMethods","length","Error","allowedMfaAuthMethods","routeMap","orgSettingsScreen","OrgSettingsScreen","initialRoute","screen","Content","self","fromCache","useSelf","error","adminPortalConfigError","useAdminPortalConfig","shouldFetch","orgSettingsState","getFeatureState","isFeatureEnabled","hasPermission","React","FeatureStateComponent","featureState","notLoggedInValue","errorValue","featureNotEnabledValue","noPermissionValue","OrgSettingsRouterProvider","OrgSettingsRouter","AdminPortalOrgSettingsContainer","props","uiConfig","useAdminPortalOrgUIConfig","initialClient","useRef","client","useEffect","readB2BInternals","current","networkClient","logEvent","name","details","AdminPortalWrapper","options"],"mappings":";;;;;;;;;;;AAkBA,MAAMA,iBAAiB,CAACC,MAAAA,GAAAA;AACtB,IAAA,IAAI,CAACA,MAAAA,EAAQ;AACb,IAAA,IAAIA,MAAAA,CAAOC,kBAAkB,EAAEC,MAAAA,KAAW,CAAA,EAAG;AAC3C,QAAA,MAAM,IAAIC,KAAAA,CAAM,oDAAA,CAAA;AAClB,IAAA;AACA,IAAA,IAAIH,MAAAA,CAAOI,qBAAqB,EAAEF,MAAAA,KAAW,CAAA,EAAG;AAC9C,QAAA,MAAM,IAAIC,KAAAA,CAAM,gDAAA,CAAA;AAClB,IAAA;AACF,CAAA;AAyBA,MAAME,UAAAA,GAAW;IACfC,iBAAAA,EAAmBC;AACrB,CAAA;AAIA,MAAMC,cAAAA,GAAe;IAAEC,MAAAA,EAAQ;AAAoB,CAAA;MAEtCC,SAAAA,GAAU,IAAA;AACrB,IAAA,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGC,OAAAA,EAAAA;AAC5B,IAAA,MAAM,EAAEC,KAAAA,EAAOC,sBAAsB,EAAE,GAAGC,oBAAAA,CAAqB;AAC7DC,QAAAA,WAAAA,EAAa,CAAC,CAACN;AACjB,KAAA,CAAA;AAEA,IAAA,MAAMO,mBAAmBC,eAAAA,CAAgB;AACvCR,QAAAA,IAAAA;AACAC,QAAAA,SAAAA;QACAG,sBAAAA,EAAwBA,sBAAAA;QACxBK,gBAAAA,EAAkB,IAAA;QAClBC,aAAAA,EAAe;AACjB,KAAA,CAAA;AACA,IAAA,qBACEC,cAAA,CAAA,aAAA,CAACC,qBAAAA,EAAAA;QACCC,YAAAA,EAAcN,gBAAAA;QACdO,gBAAAA,EAAkB,kDAAA;QAClBC,UAAAA,EACE,iHAAA;QAEFC,sBAAAA,EACE,qGAAA;QAEFC,iBAAAA,EACE;qBAGFN,cAAA,CAAA,aAAA,CAACO,yBAAAA,EAAAA;QAA0BrB,YAAAA,EAAcA;qBACvCc,cAAA,CAAA,aAAA,CAACQ,iBAAAA,EAAAA;QAAkBzB,QAAAA,EAAUA;;AAIrC;AAEO,MAAM0B,kCAAkC,CAC7CC,KAAAA,GAAAA;AAEA,IAAA,MAAMC,QAAAA,GAAWC,yBAAAA,EAAAA;IACjB,MAAMC,aAAAA,GAAgBC,MAAAA,CAAOJ,KAAAA,CAAMK,MAAM,CAAA;;IAEzCC,SAAAA,CAAU,IAAA;AACRC,QAAAA,gBAAAA,CAAiBJ,cAAcK,OAAO,CAAA,CAAEC,aAAa,CAACC,QAAQ,CAAC;YAC7DC,IAAAA,EAAM,sCAAA;AACNC,YAAAA,OAAAA,EAAS;AACX,SAAA,CAAA;AACF,IAAA,CAAA,EAAG,EAAE,CAAA;IAELN,SAAAA,CAAU,IAAA;QACRvC,cAAAA,CAAekC,QAAAA,CAAAA;IACjB,CAAA,EAAG;AAACA,QAAAA;AAAS,KAAA,CAAA;AAEb,IAAA,qBACEX,cAAA,CAAA,aAAA,CAACuB,kBAAAA,EAAAA;QAAmBC,OAAAA,EAASd;qBAC3BV,cAAA,CAAA,aAAA,CAACZ,SAAAA,EAAAA,IAAAA,CAAAA,CAAAA;AAGP;;;;"}
+{"version":3,"file":"AdminPortalOrgSettingsContainer.mjs","sources":["../../../../../../../../web/src/adminPortal/settings/AdminPortalOrgSettingsContainer.tsx"],"sourcesContent":["import { EnumOrStringLiteral } from '@stytch/core';\nimport { B2BMFAProducts, StytchProjectConfigurationInput } from '@stytch/core/public';\nimport React, { useEffect, useRef } from 'react';\n\nimport { readB2BInternals } from '../../utils/internal';\nimport { AdminPortalB2BProducts } from '../AdminPortalB2BProducts';\nimport { AdminPortalWrapper } from '../AdminPortalWrapper';\nimport { MappedPropsFromRouteMap, RouterStateEntry } from '../Router';\nimport { useAdminPortalOrgUIConfig } from '../StytchClientContext';\nimport { AdminPortalCommonProps } from '../utils/AdminPortalCommonProps';\nimport { AdminPortalUIConfigRoleDisplayProvider } from '../utils/AdminPortalUIConfigRoleDisplayProvider';\nimport { FeatureStateComponent } from '../utils/FeatureStateComponent';\nimport { getFeatureState } from '../utils/getFeatureState';\nimport { useAdminPortalConfig } from '../utils/useAdminPortalConfig';\nimport { useSelf } from '../utils/useSelf';\nimport { OrgSettingsRouter, OrgSettingsRouterProvider } from './AdminPortalOrgRouter';\nimport { OrgSettingsScreen } from './OrgSettingsScreen';\n\nconst validateConfig = (config?: AdminPortalOrgUIConfig) => {\n  if (!config) return;\n  if (config.allowedAuthMethods?.length === 0) {\n    throw new Error('allowedAuthMethods must contain at least one value');\n  }\n  if (config.allowedMfaAuthMethods?.length === 0) {\n    throw new Error('mfaAuthMethods must contain at least one value');\n  }\n};\n/**\n * The UI configuration object for organization used in the Admin Portal.\n */\nexport interface AdminPortalOrgUIConfig extends AdminPortalUIConfigRoleDisplayProvider {\n  /**\n   * Specify the auth methods that a member can choose to enable when restricting the organization's allowed auth methods.\n   * If not specified, all auth methods are shown.\n   */\n  allowedAuthMethods?: EnumOrStringLiteral<AdminPortalB2BProducts>[];\n  /**\n   * Specify the MFA auth methods that a member can choose to enable when restricting the organization's allowed auth methods.\n   * If not specified, all auth methods are shown.\n   */\n  allowedMfaAuthMethods?: B2BMFAProducts[];\n}\nexport interface AdminPortalOrgSettingsMountOptions<\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n> extends AdminPortalCommonProps<TProjectConfiguration> {\n  /**\n   * An {@link AdminPortalOrgUIConfig} object containing custom configuration.\n   */\n  config?: AdminPortalOrgUIConfig;\n}\n\nconst routeMap = {\n  orgSettingsScreen: OrgSettingsScreen,\n};\n\nexport type OrgSettingsRouterMappedProps = MappedPropsFromRouteMap<typeof routeMap>;\n\nconst initialRoute = { screen: 'orgSettingsScreen' } satisfies RouterStateEntry<OrgSettingsRouterMappedProps>;\n\nexport const Content = () => {\n  const { self, fromCache } = useSelf();\n  const { error: adminPortalConfigError } = useAdminPortalConfig({\n    shouldFetch: !!self,\n  });\n\n  const orgSettingsState = getFeatureState({\n    self,\n    fromCache,\n    adminPortalConfigError: adminPortalConfigError,\n    isFeatureEnabled: true,\n    hasPermission: true,\n  });\n  return (\n    <FeatureStateComponent\n      featureState={orgSettingsState}\n      notLoggedInValue={'Please log in to manage Authentication & Access.'}\n      errorValue={\n        'Authentication & Access Settings could not be loaded. Please contact your admin if you think this is a mistake.'\n      }\n      featureNotEnabledValue={\n        'Authentication & Access is not supported. Please contact your admin if you think this is a mistake.'\n      }\n      noPermissionValue={\n        'You do not have permission to view Authentication & Access. Please contact your admin if you think this is a mistake.'\n      }\n    >\n      <OrgSettingsRouterProvider initialRoute={initialRoute}>\n        <OrgSettingsRouter routeMap={routeMap} />\n      </OrgSettingsRouterProvider>\n    </FeatureStateComponent>\n  );\n};\n\nexport const AdminPortalOrgSettingsContainer = <TProjectConfiguration extends StytchProjectConfigurationInput>(\n  props: AdminPortalOrgSettingsMountOptions<TProjectConfiguration>,\n) => {\n  const uiConfig = useAdminPortalOrgUIConfig();\n  const initialClient = useRef(props.client);\n  // only send an event on initial mount, even if the client changes\n  useEffect(() => {\n    readB2BInternals(initialClient.current).networkClient.logEvent({\n      name: 'render_b2b_admin_portal_org_settings',\n      details: {},\n    });\n  }, []);\n\n  useEffect(() => {\n    validateConfig(uiConfig);\n  }, [uiConfig]);\n\n  return (\n    <AdminPortalWrapper options={props}>\n      <Content />\n    </AdminPortalWrapper>\n  );\n};\n"],"names":["validateConfig","config","allowedAuthMethods","length","Error","allowedMfaAuthMethods","routeMap","orgSettingsScreen","OrgSettingsScreen","initialRoute","screen","Content","self","fromCache","useSelf","error","adminPortalConfigError","useAdminPortalConfig","shouldFetch","orgSettingsState","getFeatureState","isFeatureEnabled","hasPermission","React","FeatureStateComponent","featureState","notLoggedInValue","errorValue","featureNotEnabledValue","noPermissionValue","OrgSettingsRouterProvider","OrgSettingsRouter","AdminPortalOrgSettingsContainer","props","uiConfig","useAdminPortalOrgUIConfig","initialClient","useRef","client","useEffect","readB2BInternals","current","networkClient","logEvent","name","details","AdminPortalWrapper","options"],"mappings":";;;;;;;;;;;AAkBA,MAAMA,iBAAiB,CAACC,MAAAA,GAAAA;AACtB,IAAA,IAAI,CAACA,MAAAA,EAAQ;AACb,IAAA,IAAIA,MAAAA,CAAOC,kBAAkB,EAAEC,MAAAA,KAAW,CAAA,EAAG;AAC3C,QAAA,MAAM,IAAIC,KAAAA,CAAM,oDAAA,CAAA;AAClB,IAAA;AACA,IAAA,IAAIH,MAAAA,CAAOI,qBAAqB,EAAEF,MAAAA,KAAW,CAAA,EAAG;AAC9C,QAAA,MAAM,IAAIC,KAAAA,CAAM,gDAAA,CAAA;AAClB,IAAA;AACF,CAAA;AAyBA,MAAME,QAAAA,GAAW;IACfC,iBAAAA,EAAmBC;AACrB,CAAA;AAIA,MAAMC,YAAAA,GAAe;IAAEC,MAAAA,EAAQ;AAAoB,CAAA;MAEtCC,OAAAA,GAAU,IAAA;AACrB,IAAA,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGC,OAAAA,EAAAA;AAC5B,IAAA,MAAM,EAAEC,KAAAA,EAAOC,sBAAsB,EAAE,GAAGC,oBAAAA,CAAqB;AAC7DC,QAAAA,WAAAA,EAAa,CAAC,CAACN;AACjB,KAAA,CAAA;AAEA,IAAA,MAAMO,mBAAmBC,eAAAA,CAAgB;AACvCR,QAAAA,IAAAA;AACAC,QAAAA,SAAAA;QACAG,sBAAAA,EAAwBA,sBAAAA;QACxBK,gBAAAA,EAAkB,IAAA;QAClBC,aAAAA,EAAe;AACjB,KAAA,CAAA;AACA,IAAA,qBACEC,cAAA,CAAA,aAAA,CAACC,qBAAAA,EAAAA;QACCC,YAAAA,EAAcN,gBAAAA;QACdO,gBAAAA,EAAkB,kDAAA;QAClBC,UAAAA,EACE,iHAAA;QAEFC,sBAAAA,EACE,qGAAA;QAEFC,iBAAAA,EACE;qBAGFN,cAAA,CAAA,aAAA,CAACO,yBAAAA,EAAAA;QAA0BrB,YAAAA,EAAcA;qBACvCc,cAAA,CAAA,aAAA,CAACQ,iBAAAA,EAAAA;QAAkBzB,QAAAA,EAAUA;;AAIrC;AAEO,MAAM0B,kCAAkC,CAC7CC,KAAAA,GAAAA;AAEA,IAAA,MAAMC,QAAAA,GAAWC,yBAAAA,EAAAA;IACjB,MAAMC,aAAAA,GAAgBC,MAAAA,CAAOJ,KAAAA,CAAMK,MAAM,CAAA;;IAEzCC,SAAAA,CAAU,IAAA;AACRC,QAAAA,gBAAAA,CAAiBJ,cAAcK,OAAO,CAAA,CAAEC,aAAa,CAACC,QAAQ,CAAC;YAC7DC,IAAAA,EAAM,sCAAA;AACNC,YAAAA,OAAAA,EAAS;AACX,SAAA,CAAA;AACF,IAAA,CAAA,EAAG,EAAE,CAAA;IAELN,SAAAA,CAAU,IAAA;QACRvC,cAAAA,CAAekC,QAAAA,CAAAA;IACjB,CAAA,EAAG;AAACA,QAAAA;AAAS,KAAA,CAAA;AAEb,IAAA,qBACEX,cAAA,CAAA,aAAA,CAACuB,kBAAAA,EAAAA;QAAmBC,OAAAA,EAASd;qBAC3BV,cAAA,CAAA,aAAA,CAACZ,OAAAA,EAAAA,IAAAA,CAAAA,CAAAA;AAGP;;;;"}

package/dist/esm/packages/web/src/adminPortal/settings/OrgSettingsAuthenticationSettingsSection.mjs

@@ -31,7 +31,7 @@ const allowedMfaMethodsLabelMap = {
     sms_otp: 'SMS OTP',
     totp: 'TOTP'
 };
-const useMutateAuthSettings$1 = ()=>{
+const useMutateAuthSettings = ()=>{
     const { mutate } = useMutateOrganization();
     const setOrgAuthSettings = (mutatedProperties)=>{
         return mutate(mutatedProperties, {
@@ -154,7 +154,7 @@ const OrgSettingsAuthenticationSettingsSection = ({ orgInfo })=>{
     const { data: canSetAllowedAuthMethods } = useRbac('stytch.organization', 'update.settings.allowed-auth-methods');
     const { data: canSetMfaPolicy } = useRbac('stytch.organization', 'update.settings.mfa-policy');
     const { data: canSetAllowedMfaMethods } = useRbac('stytch.organization', 'update.settings.allowed-mfa-methods');
-    const { setOrgAuthSettings } = useMutateAuthSettings$1();
+    const { setOrgAuthSettings } = useMutateAuthSettings();
     const { data: adminPortalConfig } = useAdminPortalConfig({
         shouldFetch: true
     });

package/dist/esm/packages/web/src/adminPortal/settings/OrgSettingsAuthenticationSettingsSection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrgSettingsAuthenticationSettingsSection.mjs","sources":["../../../../../../../../web/src/adminPortal/settings/OrgSettingsAuthenticationSettingsSection.tsx"],"sourcesContent":["import {\n  B2BAllowedAuthMethods,\n  B2BAllowedMFAMethods,\n  B2BOrganizationsUpdateOptions,\n  Organization,\n} from '@stytch/core/public';\nimport React, { useCallback, useMemo } from 'react';\n\nimport { Alert } from '../components/Alert';\nimport { Checkbox } from '../components/Checkbox';\nimport { FlexBox } from '../components/FlexBox';\nimport { PaddingLeft } from '../components/PaddingLeft';\nimport { SettingsContainer, useSettingsContainer } from '../components/SettingsContainer';\nimport { SettingsSection } from '../components/SettingsSection';\nimport { Switch } from '../components/Switch';\nimport { Typography } from '../components/Typography';\nimport { arraysHaveSameContents } from '../utils/arraysHaveSameContents';\nimport { FormSectionBody } from '../utils/FormSectionBody';\nimport { useAdminPortalConfig } from '../utils/useAdminPortalConfig';\nimport { useAllowedAuthMethods } from '../utils/useAllowedAuthMethods';\nimport { useAllowedMfaMethods } from '../utils/useAllowedMfaMethods';\nimport { useFormState } from '../utils/useFormState';\nimport { useMutateOrganization } from '../utils/useMutateOrganization';\nimport { useRbac } from '../utils/useRbac';\nimport { useOrgSettingsRouterController } from './AdminPortalOrgRouter';\n\ninterface AuthSettingsFormState {\n  // Primary\n  authMethods: Organization['auth_methods'];\n  allowedAuthMethods: Organization['allowed_auth_methods'];\n  // Secondary\n  mfaPolicy: Organization['mfa_policy'];\n  mfaMethods: Organization['mfa_methods'];\n  allowedMfaMethods: Organization['allowed_mfa_methods'];\n\n  isPrimaryAuthAllAllowed: boolean;\n  isMfaPolicyRequiredForAll: boolean;\n  isSecondaryAuthAllAllowed: boolean;\n}\n\ninterface OrgSettingsAuthenticationSettingsBodyProps extends FormSectionBody<AuthSettingsFormState> {\n  canSetAllowedAuthMethods: boolean | undefined;\n  canSetMfaPolicy: boolean | undefined;\n  canSetAllowedMfaMethods: boolean | undefined;\n  orgConfigAuthMethods: B2BAllowedAuthMethods[];\n  orgConfigMfaMethods: B2BAllowedMFAMethods[];\n  mfaPolicyConfig: boolean | undefined;\n}\n\nconst allowedAuthMethodsLabelMap: Record<B2BAllowedAuthMethods, string> = {\n  magic_link: 'Email Magic Links',\n  sso: 'Single Sign-On',\n  google_oauth: 'Google OAuth',\n  microsoft_oauth: 'Microsoft OAuth',\n  hubspot_oauth: 'HubSpot OAuth',\n  slack_oauth: 'Slack OAuth',\n  github_oauth: 'GitHub OAuth',\n  password: 'Password',\n  email_otp: 'Email OTP',\n};\n\nconst allowedMfaMethodsLabelMap: Record<B2BAllowedMFAMethods, string> = {\n  sms_otp: 'SMS OTP',\n  totp: 'TOTP',\n};\n\nconst useMutateAuthSettings = () => {\n  const { mutate } = useMutateOrganization();\n\n  const setOrgAuthSettings = (mutatedProperties: Partial<B2BOrganizationsUpdateOptions>) => {\n    return mutate(mutatedProperties, {\n      errorMessage: 'Failed to update authorization details.',\n    });\n  };\n\n  return { setOrgAuthSettings };\n};\n\nconst OrgSettingsAuthenticationSettingsBody = ({\n  orgConfigAuthMethods,\n  orgConfigMfaMethods,\n  canSetAllowedAuthMethods,\n  canSetMfaPolicy,\n  canSetAllowedMfaMethods,\n  mfaPolicyConfig,\n  localState,\n  setLocalState,\n}: OrgSettingsAuthenticationSettingsBodyProps) => {\n  const { editing } = useSettingsContainer();\n\n  const handlePrimaryAuthChange = (value: boolean) => {\n    setLocalState((prevState) => ({\n      ...prevState,\n      isPrimaryAuthAllAllowed: value,\n    }));\n  };\n  const handleMfaPolicyChange = (value: boolean) => {\n    setLocalState((prevState) => ({\n      ...prevState,\n      isMfaPolicyRequiredForAll: value,\n    }));\n  };\n  const handleSecondaryAuthChange = (value: boolean) => {\n    setLocalState((prevState) => ({\n      ...prevState,\n      isSecondaryAuthAllAllowed: value,\n    }));\n  };\n\n  const isAuthMethodChecked = (authMethod: B2BAllowedAuthMethods) => {\n    return localState.allowedAuthMethods?.includes(authMethod);\n  };\n  const isMfaMethodChecked = (mfaMethod: B2BAllowedMFAMethods) => {\n    return localState.allowedMfaMethods?.includes(mfaMethod);\n  };\n\n  const handleAllowedAuthMethodClick = (authMethod: B2BAllowedAuthMethods) => {\n    if (localState.allowedAuthMethods!.includes(authMethod)) {\n      setLocalState((prevState) => ({\n        ...prevState,\n        allowedAuthMethods: prevState.allowedAuthMethods!.filter((method) => method !== authMethod),\n      }));\n    } else {\n      setLocalState((prevState) => ({\n        ...prevState,\n        allowedAuthMethods: [...prevState.allowedAuthMethods!, authMethod],\n      }));\n    }\n  };\n\n  const handleAllowedMfaMethodClick = (mfaMethod: B2BAllowedMFAMethods) => {\n    if (localState.allowedMfaMethods!.includes(mfaMethod)) {\n      setLocalState((prevState) => ({\n        ...prevState,\n        allowedMfaMethods: prevState.allowedMfaMethods?.filter((method) => method !== mfaMethod),\n      }));\n    } else {\n      setLocalState((prevState) => ({\n        ...prevState,\n        allowedMfaMethods: [...(prevState?.allowedMfaMethods ?? []), mfaMethod],\n      }));\n    }\n  };\n  return (\n    <FlexBox flexDirection=\"column\" gap={2}>\n      <SettingsSection title=\"Primary authentication\">\n        {editing &&\n          !localState.isPrimaryAuthAllAllowed &&\n          !!localState.allowedAuthMethods &&\n          localState.allowedAuthMethods!.length === 0 && (\n            <Alert>{'Please select at least one primary authentication method.'}</Alert>\n          )}\n        <Switch\n          readOnly={!editing || !canSetAllowedAuthMethods}\n          label={'Allow all primary auth methods'}\n          checked={localState.isPrimaryAuthAllAllowed}\n          onChange={handlePrimaryAuthChange}\n        />\n        {!localState.isPrimaryAuthAllAllowed && (\n          <PaddingLeft>\n            <FlexBox flexDirection=\"row\" flexWrap=\"wrap\">\n              {orgConfigAuthMethods.map((authMethod) => {\n                const label = allowedAuthMethodsLabelMap[authMethod];\n                return (\n                  <Checkbox\n                    key={authMethod}\n                    label={label}\n                    disabled={!editing}\n                    checked={isAuthMethodChecked(authMethod)}\n                    onClick={() => handleAllowedAuthMethodClick(authMethod)}\n                  />\n                );\n              })}\n            </FlexBox>\n          </PaddingLeft>\n        )}\n      </SettingsSection>\n      {mfaPolicyConfig && (\n        <SettingsSection title=\"Secondary authentication\">\n          {editing &&\n            !localState.isSecondaryAuthAllAllowed &&\n            !!localState.allowedMfaMethods &&\n            localState.allowedMfaMethods!.length === 0 && (\n              <Alert>{'Please select at least one secondary authentication method.'}</Alert>\n            )}\n          <Typography variant={'body2'}>\n            {'All members logging in will be required to set up one of the allowed secondary auth methods.'}\n          </Typography>\n          <Switch\n            readOnly={!editing || !canSetMfaPolicy}\n            label={'Require MFA for all users'}\n            checked={localState.isMfaPolicyRequiredForAll}\n            onChange={handleMfaPolicyChange}\n          />\n          <Switch\n            readOnly={!editing || !canSetAllowedMfaMethods}\n            label={'Allow all secondary auth methods'}\n            checked={localState.isSecondaryAuthAllAllowed}\n            onChange={handleSecondaryAuthChange}\n          />\n          {!localState.isSecondaryAuthAllAllowed && (\n            <PaddingLeft>\n              <FlexBox flexDirection=\"row\" flexWrap=\"wrap\">\n                {orgConfigMfaMethods.map((authMethod) => {\n                  const label = allowedMfaMethodsLabelMap[authMethod];\n                  return (\n                    <Checkbox\n                      key={authMethod}\n                      label={label}\n                      disabled={!editing || !canSetAllowedMfaMethods}\n                      checked={isMfaMethodChecked(authMethod)}\n                      onClick={() => handleAllowedMfaMethodClick(authMethod)}\n                    />\n                  );\n                })}\n              </FlexBox>\n            </PaddingLeft>\n          )}\n        </SettingsSection>\n      )}\n    </FlexBox>\n  );\n};\n\nexport const OrgSettingsAuthenticationSettingsSection = ({ orgInfo }: { orgInfo: Organization }) => {\n  const { data: canSetAllowedAuthMethods } = useRbac('stytch.organization', 'update.settings.allowed-auth-methods');\n  const { data: canSetMfaPolicy } = useRbac('stytch.organization', 'update.settings.mfa-policy');\n  const { data: canSetAllowedMfaMethods } = useRbac('stytch.organization', 'update.settings.allowed-mfa-methods');\n  const { setOrgAuthSettings } = useMutateAuthSettings();\n  const { data: adminPortalConfig } = useAdminPortalConfig({ shouldFetch: true });\n  const mfaPolicyConfig = adminPortalConfig?.organization_config.mfa_controls_enabled;\n\n  const orgConfigAuthMethods = useAllowedAuthMethods();\n  const orgConfigMfaMethods = useAllowedMfaMethods();\n\n  const remoteState = useMemo<AuthSettingsFormState>(\n    () => ({\n      authMethods: orgInfo.auth_methods,\n      allowedAuthMethods: orgInfo.allowed_auth_methods,\n      mfaPolicy: orgInfo.mfa_policy,\n      mfaMethods: orgInfo.mfa_methods,\n      allowedMfaMethods: orgInfo.allowed_mfa_methods,\n      isPrimaryAuthAllAllowed: orgInfo.auth_methods === 'ALL_ALLOWED',\n      isSecondaryAuthAllAllowed: orgInfo.mfa_methods === 'ALL_ALLOWED',\n      isMfaPolicyRequiredForAll: orgInfo.mfa_policy === 'REQUIRED_FOR_ALL',\n    }),\n    [\n      orgInfo.allowed_auth_methods,\n      orgInfo.allowed_mfa_methods,\n      orgInfo.auth_methods,\n      orgInfo.mfa_methods,\n      orgInfo.mfa_policy,\n    ],\n  );\n  const { localState, setLocalState, editing, handleSetEditing } = useFormState({ remoteState });\n\n  const { useBlockNavigation } = useOrgSettingsRouterController();\n\n  const handleSave = useCallback(async () => {\n    const mutatedProperties: Partial<B2BOrganizationsUpdateOptions> = {};\n    if (localState.isPrimaryAuthAllAllowed !== remoteState.isPrimaryAuthAllAllowed) {\n      mutatedProperties.auth_methods = localState.isPrimaryAuthAllAllowed ? 'ALL_ALLOWED' : 'RESTRICTED';\n    }\n    if (!arraysHaveSameContents(localState.allowedAuthMethods, remoteState.allowedAuthMethods)) {\n      mutatedProperties.allowed_auth_methods = localState.allowedAuthMethods;\n    }\n    if (localState.isSecondaryAuthAllAllowed !== remoteState.isSecondaryAuthAllAllowed) {\n      mutatedProperties.mfa_methods = localState.isSecondaryAuthAllAllowed ? 'ALL_ALLOWED' : 'RESTRICTED';\n    }\n    if (!arraysHaveSameContents(localState.allowedMfaMethods, remoteState.allowedMfaMethods)) {\n      mutatedProperties.allowed_mfa_methods = localState.allowedMfaMethods;\n    }\n    if (localState.isMfaPolicyRequiredForAll !== remoteState.isMfaPolicyRequiredForAll) {\n      mutatedProperties.mfa_policy = localState.isMfaPolicyRequiredForAll ? 'REQUIRED_FOR_ALL' : 'OPTIONAL';\n    }\n    if (Object.keys(mutatedProperties).length > 0) {\n      await setOrgAuthSettings(mutatedProperties);\n    }\n  }, [localState, remoteState, setOrgAuthSettings]);\n\n  const handleCancel = useCallback(() => {\n    setLocalState(remoteState);\n  }, [remoteState, setLocalState]);\n\n  const disableSave = useMemo(() => {\n    const isDeepEqual =\n      arraysHaveSameContents(localState.allowedAuthMethods, remoteState.allowedAuthMethods) &&\n      arraysHaveSameContents(localState.allowedMfaMethods, remoteState.allowedMfaMethods) &&\n      localState.isPrimaryAuthAllAllowed === remoteState.isPrimaryAuthAllAllowed &&\n      localState.isMfaPolicyRequiredForAll === remoteState.isMfaPolicyRequiredForAll &&\n      localState.isSecondaryAuthAllAllowed === remoteState.isSecondaryAuthAllAllowed;\n    const allowPrimaryAuth =\n      !localState.isPrimaryAuthAllAllowed &&\n      !!localState.allowedAuthMethods &&\n      localState.allowedAuthMethods!.length === 0;\n\n    const allowSecondaryAuth =\n      !localState.isSecondaryAuthAllAllowed &&\n      localState.allowedMfaMethods &&\n      localState.allowedMfaMethods!.length === 0;\n\n    return isDeepEqual || allowPrimaryAuth || allowSecondaryAuth;\n  }, [remoteState, localState]);\n  return (\n    <SettingsContainer\n      title=\"Authentication settings\"\n      hasCTA={canSetAllowedAuthMethods || canSetMfaPolicy || canSetAllowedMfaMethods}\n      onSave={handleSave}\n      useBlockNavigation={useBlockNavigation}\n      editing={editing}\n      setEditing={handleSetEditing}\n      disableSave={disableSave}\n      onCancel={handleCancel}\n    >\n      <OrgSettingsAuthenticationSettingsBody\n        canSetAllowedAuthMethods={canSetAllowedAuthMethods}\n        canSetMfaPolicy={canSetMfaPolicy}\n        canSetAllowedMfaMethods={canSetAllowedMfaMethods}\n        localState={localState}\n        setLocalState={setLocalState}\n        remoteState={remoteState}\n        orgConfigAuthMethods={orgConfigAuthMethods}\n        orgConfigMfaMethods={orgConfigMfaMethods}\n        mfaPolicyConfig={mfaPolicyConfig}\n      />\n    </SettingsContainer>\n  );\n};\n"],"names":["allowedAuthMethodsLabelMap","magic_link","sso","google_oauth","microsoft_oauth","hubspot_oauth","slack_oauth","github_oauth","password","email_otp","allowedMfaMethodsLabelMap","sms_otp","totp","useMutateAuthSettings","mutate","useMutateOrganization","setOrgAuthSettings","mutatedProperties","errorMessage","OrgSettingsAuthenticationSettingsBody","orgConfigAuthMethods","orgConfigMfaMethods","canSetAllowedAuthMethods","canSetMfaPolicy","canSetAllowedMfaMethods","mfaPolicyConfig","localState","setLocalState","editing","useSettingsContainer","handlePrimaryAuthChange","value","prevState","isPrimaryAuthAllAllowed","handleMfaPolicyChange","isMfaPolicyRequiredForAll","handleSecondaryAuthChange","isSecondaryAuthAllAllowed","isAuthMethodChecked","authMethod","allowedAuthMethods","includes","isMfaMethodChecked","mfaMethod","allowedMfaMethods","handleAllowedAuthMethodClick","filter","method","handleAllowedMfaMethodClick","React","FlexBox","flexDirection","gap","SettingsSection","title","length","Alert","Switch","readOnly","label","checked","onChange","PaddingLeft","flexWrap","map","Checkbox","key","disabled","onClick","Typography","variant","OrgSettingsAuthenticationSettingsSection","orgInfo","data","useRbac","adminPortalConfig","useAdminPortalConfig","shouldFetch","organization_config","mfa_controls_enabled","useAllowedAuthMethods","useAllowedMfaMethods","remoteState","useMemo","authMethods","auth_methods","allowed_auth_methods","mfaPolicy","mfa_policy","mfaMethods","mfa_methods","allowed_mfa_methods","handleSetEditing","useFormState","useBlockNavigation","useOrgSettingsRouterController","handleSave","useCallback","arraysHaveSameContents","Object","keys","handleCancel","disableSave","isDeepEqual","allowPrimaryAuth","allowSecondaryAuth","SettingsContainer","hasCTA","onSave","setEditing","onCancel"],"mappings":"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"}
+{"version":3,"file":"OrgSettingsAuthenticationSettingsSection.mjs","sources":["../../../../../../../../web/src/adminPortal/settings/OrgSettingsAuthenticationSettingsSection.tsx"],"sourcesContent":["import {\n  B2BAllowedAuthMethods,\n  B2BAllowedMFAMethods,\n  B2BOrganizationsUpdateOptions,\n  Organization,\n} from '@stytch/core/public';\nimport React, { useCallback, useMemo } from 'react';\n\nimport { Alert } from '../components/Alert';\nimport { Checkbox } from '../components/Checkbox';\nimport { FlexBox } from '../components/FlexBox';\nimport { PaddingLeft } from '../components/PaddingLeft';\nimport { SettingsContainer, useSettingsContainer } from '../components/SettingsContainer';\nimport { SettingsSection } from '../components/SettingsSection';\nimport { Switch } from '../components/Switch';\nimport { Typography } from '../components/Typography';\nimport { arraysHaveSameContents } from '../utils/arraysHaveSameContents';\nimport { FormSectionBody } from '../utils/FormSectionBody';\nimport { useAdminPortalConfig } from '../utils/useAdminPortalConfig';\nimport { useAllowedAuthMethods } from '../utils/useAllowedAuthMethods';\nimport { useAllowedMfaMethods } from '../utils/useAllowedMfaMethods';\nimport { useFormState } from '../utils/useFormState';\nimport { useMutateOrganization } from '../utils/useMutateOrganization';\nimport { useRbac } from '../utils/useRbac';\nimport { useOrgSettingsRouterController } from './AdminPortalOrgRouter';\n\ninterface AuthSettingsFormState {\n  // Primary\n  authMethods: Organization['auth_methods'];\n  allowedAuthMethods: Organization['allowed_auth_methods'];\n  // Secondary\n  mfaPolicy: Organization['mfa_policy'];\n  mfaMethods: Organization['mfa_methods'];\n  allowedMfaMethods: Organization['allowed_mfa_methods'];\n\n  isPrimaryAuthAllAllowed: boolean;\n  isMfaPolicyRequiredForAll: boolean;\n  isSecondaryAuthAllAllowed: boolean;\n}\n\ninterface OrgSettingsAuthenticationSettingsBodyProps extends FormSectionBody<AuthSettingsFormState> {\n  canSetAllowedAuthMethods: boolean | undefined;\n  canSetMfaPolicy: boolean | undefined;\n  canSetAllowedMfaMethods: boolean | undefined;\n  orgConfigAuthMethods: B2BAllowedAuthMethods[];\n  orgConfigMfaMethods: B2BAllowedMFAMethods[];\n  mfaPolicyConfig: boolean | undefined;\n}\n\nconst allowedAuthMethodsLabelMap: Record<B2BAllowedAuthMethods, string> = {\n  magic_link: 'Email Magic Links',\n  sso: 'Single Sign-On',\n  google_oauth: 'Google OAuth',\n  microsoft_oauth: 'Microsoft OAuth',\n  hubspot_oauth: 'HubSpot OAuth',\n  slack_oauth: 'Slack OAuth',\n  github_oauth: 'GitHub OAuth',\n  password: 'Password',\n  email_otp: 'Email OTP',\n};\n\nconst allowedMfaMethodsLabelMap: Record<B2BAllowedMFAMethods, string> = {\n  sms_otp: 'SMS OTP',\n  totp: 'TOTP',\n};\n\nconst useMutateAuthSettings = () => {\n  const { mutate } = useMutateOrganization();\n\n  const setOrgAuthSettings = (mutatedProperties: Partial<B2BOrganizationsUpdateOptions>) => {\n    return mutate(mutatedProperties, {\n      errorMessage: 'Failed to update authorization details.',\n    });\n  };\n\n  return { setOrgAuthSettings };\n};\n\nconst OrgSettingsAuthenticationSettingsBody = ({\n  orgConfigAuthMethods,\n  orgConfigMfaMethods,\n  canSetAllowedAuthMethods,\n  canSetMfaPolicy,\n  canSetAllowedMfaMethods,\n  mfaPolicyConfig,\n  localState,\n  setLocalState,\n}: OrgSettingsAuthenticationSettingsBodyProps) => {\n  const { editing } = useSettingsContainer();\n\n  const handlePrimaryAuthChange = (value: boolean) => {\n    setLocalState((prevState) => ({\n      ...prevState,\n      isPrimaryAuthAllAllowed: value,\n    }));\n  };\n  const handleMfaPolicyChange = (value: boolean) => {\n    setLocalState((prevState) => ({\n      ...prevState,\n      isMfaPolicyRequiredForAll: value,\n    }));\n  };\n  const handleSecondaryAuthChange = (value: boolean) => {\n    setLocalState((prevState) => ({\n      ...prevState,\n      isSecondaryAuthAllAllowed: value,\n    }));\n  };\n\n  const isAuthMethodChecked = (authMethod: B2BAllowedAuthMethods) => {\n    return localState.allowedAuthMethods?.includes(authMethod);\n  };\n  const isMfaMethodChecked = (mfaMethod: B2BAllowedMFAMethods) => {\n    return localState.allowedMfaMethods?.includes(mfaMethod);\n  };\n\n  const handleAllowedAuthMethodClick = (authMethod: B2BAllowedAuthMethods) => {\n    if (localState.allowedAuthMethods!.includes(authMethod)) {\n      setLocalState((prevState) => ({\n        ...prevState,\n        allowedAuthMethods: prevState.allowedAuthMethods!.filter((method) => method !== authMethod),\n      }));\n    } else {\n      setLocalState((prevState) => ({\n        ...prevState,\n        allowedAuthMethods: [...prevState.allowedAuthMethods!, authMethod],\n      }));\n    }\n  };\n\n  const handleAllowedMfaMethodClick = (mfaMethod: B2BAllowedMFAMethods) => {\n    if (localState.allowedMfaMethods!.includes(mfaMethod)) {\n      setLocalState((prevState) => ({\n        ...prevState,\n        allowedMfaMethods: prevState.allowedMfaMethods?.filter((method) => method !== mfaMethod),\n      }));\n    } else {\n      setLocalState((prevState) => ({\n        ...prevState,\n        allowedMfaMethods: [...(prevState?.allowedMfaMethods ?? []), mfaMethod],\n      }));\n    }\n  };\n  return (\n    <FlexBox flexDirection=\"column\" gap={2}>\n      <SettingsSection title=\"Primary authentication\">\n        {editing &&\n          !localState.isPrimaryAuthAllAllowed &&\n          !!localState.allowedAuthMethods &&\n          localState.allowedAuthMethods!.length === 0 && (\n            <Alert>{'Please select at least one primary authentication method.'}</Alert>\n          )}\n        <Switch\n          readOnly={!editing || !canSetAllowedAuthMethods}\n          label={'Allow all primary auth methods'}\n          checked={localState.isPrimaryAuthAllAllowed}\n          onChange={handlePrimaryAuthChange}\n        />\n        {!localState.isPrimaryAuthAllAllowed && (\n          <PaddingLeft>\n            <FlexBox flexDirection=\"row\" flexWrap=\"wrap\">\n              {orgConfigAuthMethods.map((authMethod) => {\n                const label = allowedAuthMethodsLabelMap[authMethod];\n                return (\n                  <Checkbox\n                    key={authMethod}\n                    label={label}\n                    disabled={!editing}\n                    checked={isAuthMethodChecked(authMethod)}\n                    onClick={() => handleAllowedAuthMethodClick(authMethod)}\n                  />\n                );\n              })}\n            </FlexBox>\n          </PaddingLeft>\n        )}\n      </SettingsSection>\n      {mfaPolicyConfig && (\n        <SettingsSection title=\"Secondary authentication\">\n          {editing &&\n            !localState.isSecondaryAuthAllAllowed &&\n            !!localState.allowedMfaMethods &&\n            localState.allowedMfaMethods!.length === 0 && (\n              <Alert>{'Please select at least one secondary authentication method.'}</Alert>\n            )}\n          <Typography variant={'body2'}>\n            {'All members logging in will be required to set up one of the allowed secondary auth methods.'}\n          </Typography>\n          <Switch\n            readOnly={!editing || !canSetMfaPolicy}\n            label={'Require MFA for all users'}\n            checked={localState.isMfaPolicyRequiredForAll}\n            onChange={handleMfaPolicyChange}\n          />\n          <Switch\n            readOnly={!editing || !canSetAllowedMfaMethods}\n            label={'Allow all secondary auth methods'}\n            checked={localState.isSecondaryAuthAllAllowed}\n            onChange={handleSecondaryAuthChange}\n          />\n          {!localState.isSecondaryAuthAllAllowed && (\n            <PaddingLeft>\n              <FlexBox flexDirection=\"row\" flexWrap=\"wrap\">\n                {orgConfigMfaMethods.map((authMethod) => {\n                  const label = allowedMfaMethodsLabelMap[authMethod];\n                  return (\n                    <Checkbox\n                      key={authMethod}\n                      label={label}\n                      disabled={!editing || !canSetAllowedMfaMethods}\n                      checked={isMfaMethodChecked(authMethod)}\n                      onClick={() => handleAllowedMfaMethodClick(authMethod)}\n                    />\n                  );\n                })}\n              </FlexBox>\n            </PaddingLeft>\n          )}\n        </SettingsSection>\n      )}\n    </FlexBox>\n  );\n};\n\nexport const OrgSettingsAuthenticationSettingsSection = ({ orgInfo }: { orgInfo: Organization }) => {\n  const { data: canSetAllowedAuthMethods } = useRbac('stytch.organization', 'update.settings.allowed-auth-methods');\n  const { data: canSetMfaPolicy } = useRbac('stytch.organization', 'update.settings.mfa-policy');\n  const { data: canSetAllowedMfaMethods } = useRbac('stytch.organization', 'update.settings.allowed-mfa-methods');\n  const { setOrgAuthSettings } = useMutateAuthSettings();\n  const { data: adminPortalConfig } = useAdminPortalConfig({ shouldFetch: true });\n  const mfaPolicyConfig = adminPortalConfig?.organization_config.mfa_controls_enabled;\n\n  const orgConfigAuthMethods = useAllowedAuthMethods();\n  const orgConfigMfaMethods = useAllowedMfaMethods();\n\n  const remoteState = useMemo<AuthSettingsFormState>(\n    () => ({\n      authMethods: orgInfo.auth_methods,\n      allowedAuthMethods: orgInfo.allowed_auth_methods,\n      mfaPolicy: orgInfo.mfa_policy,\n      mfaMethods: orgInfo.mfa_methods,\n      allowedMfaMethods: orgInfo.allowed_mfa_methods,\n      isPrimaryAuthAllAllowed: orgInfo.auth_methods === 'ALL_ALLOWED',\n      isSecondaryAuthAllAllowed: orgInfo.mfa_methods === 'ALL_ALLOWED',\n      isMfaPolicyRequiredForAll: orgInfo.mfa_policy === 'REQUIRED_FOR_ALL',\n    }),\n    [\n      orgInfo.allowed_auth_methods,\n      orgInfo.allowed_mfa_methods,\n      orgInfo.auth_methods,\n      orgInfo.mfa_methods,\n      orgInfo.mfa_policy,\n    ],\n  );\n  const { localState, setLocalState, editing, handleSetEditing } = useFormState({ remoteState });\n\n  const { useBlockNavigation } = useOrgSettingsRouterController();\n\n  const handleSave = useCallback(async () => {\n    const mutatedProperties: Partial<B2BOrganizationsUpdateOptions> = {};\n    if (localState.isPrimaryAuthAllAllowed !== remoteState.isPrimaryAuthAllAllowed) {\n      mutatedProperties.auth_methods = localState.isPrimaryAuthAllAllowed ? 'ALL_ALLOWED' : 'RESTRICTED';\n    }\n    if (!arraysHaveSameContents(localState.allowedAuthMethods, remoteState.allowedAuthMethods)) {\n      mutatedProperties.allowed_auth_methods = localState.allowedAuthMethods;\n    }\n    if (localState.isSecondaryAuthAllAllowed !== remoteState.isSecondaryAuthAllAllowed) {\n      mutatedProperties.mfa_methods = localState.isSecondaryAuthAllAllowed ? 'ALL_ALLOWED' : 'RESTRICTED';\n    }\n    if (!arraysHaveSameContents(localState.allowedMfaMethods, remoteState.allowedMfaMethods)) {\n      mutatedProperties.allowed_mfa_methods = localState.allowedMfaMethods;\n    }\n    if (localState.isMfaPolicyRequiredForAll !== remoteState.isMfaPolicyRequiredForAll) {\n      mutatedProperties.mfa_policy = localState.isMfaPolicyRequiredForAll ? 'REQUIRED_FOR_ALL' : 'OPTIONAL';\n    }\n    if (Object.keys(mutatedProperties).length > 0) {\n      await setOrgAuthSettings(mutatedProperties);\n    }\n  }, [localState, remoteState, setOrgAuthSettings]);\n\n  const handleCancel = useCallback(() => {\n    setLocalState(remoteState);\n  }, [remoteState, setLocalState]);\n\n  const disableSave = useMemo(() => {\n    const isDeepEqual =\n      arraysHaveSameContents(localState.allowedAuthMethods, remoteState.allowedAuthMethods) &&\n      arraysHaveSameContents(localState.allowedMfaMethods, remoteState.allowedMfaMethods) &&\n      localState.isPrimaryAuthAllAllowed === remoteState.isPrimaryAuthAllAllowed &&\n      localState.isMfaPolicyRequiredForAll === remoteState.isMfaPolicyRequiredForAll &&\n      localState.isSecondaryAuthAllAllowed === remoteState.isSecondaryAuthAllAllowed;\n    const allowPrimaryAuth =\n      !localState.isPrimaryAuthAllAllowed &&\n      !!localState.allowedAuthMethods &&\n      localState.allowedAuthMethods!.length === 0;\n\n    const allowSecondaryAuth =\n      !localState.isSecondaryAuthAllAllowed &&\n      localState.allowedMfaMethods &&\n      localState.allowedMfaMethods!.length === 0;\n\n    return isDeepEqual || allowPrimaryAuth || allowSecondaryAuth;\n  }, [remoteState, localState]);\n  return (\n    <SettingsContainer\n      title=\"Authentication settings\"\n      hasCTA={canSetAllowedAuthMethods || canSetMfaPolicy || canSetAllowedMfaMethods}\n      onSave={handleSave}\n      useBlockNavigation={useBlockNavigation}\n      editing={editing}\n      setEditing={handleSetEditing}\n      disableSave={disableSave}\n      onCancel={handleCancel}\n    >\n      <OrgSettingsAuthenticationSettingsBody\n        canSetAllowedAuthMethods={canSetAllowedAuthMethods}\n        canSetMfaPolicy={canSetMfaPolicy}\n        canSetAllowedMfaMethods={canSetAllowedMfaMethods}\n        localState={localState}\n        setLocalState={setLocalState}\n        remoteState={remoteState}\n        orgConfigAuthMethods={orgConfigAuthMethods}\n        orgConfigMfaMethods={orgConfigMfaMethods}\n        mfaPolicyConfig={mfaPolicyConfig}\n      />\n    </SettingsContainer>\n  );\n};\n"],"names":["allowedAuthMethodsLabelMap","magic_link","sso","google_oauth","microsoft_oauth","hubspot_oauth","slack_oauth","github_oauth","password","email_otp","allowedMfaMethodsLabelMap","sms_otp","totp","useMutateAuthSettings","mutate","useMutateOrganization","setOrgAuthSettings","mutatedProperties","errorMessage","OrgSettingsAuthenticationSettingsBody","orgConfigAuthMethods","orgConfigMfaMethods","canSetAllowedAuthMethods","canSetMfaPolicy","canSetAllowedMfaMethods","mfaPolicyConfig","localState","setLocalState","editing","useSettingsContainer","handlePrimaryAuthChange","value","prevState","isPrimaryAuthAllAllowed","handleMfaPolicyChange","isMfaPolicyRequiredForAll","handleSecondaryAuthChange","isSecondaryAuthAllAllowed","isAuthMethodChecked","authMethod","allowedAuthMethods","includes","isMfaMethodChecked","mfaMethod","allowedMfaMethods","handleAllowedAuthMethodClick","filter","method","handleAllowedMfaMethodClick","React","FlexBox","flexDirection","gap","SettingsSection","title","length","Alert","Switch","readOnly","label","checked","onChange","PaddingLeft","flexWrap","map","Checkbox","key","disabled","onClick","Typography","variant","OrgSettingsAuthenticationSettingsSection","orgInfo","data","useRbac","adminPortalConfig","useAdminPortalConfig","shouldFetch","organization_config","mfa_controls_enabled","useAllowedAuthMethods","useAllowedMfaMethods","remoteState","useMemo","authMethods","auth_methods","allowed_auth_methods","mfaPolicy","mfa_policy","mfaMethods","mfa_methods","allowed_mfa_methods","handleSetEditing","useFormState","useBlockNavigation","useOrgSettingsRouterController","handleSave","useCallback","arraysHaveSameContents","Object","keys","handleCancel","disableSave","isDeepEqual","allowPrimaryAuth","allowSecondaryAuth","SettingsContainer","hasCTA","onSave","setEditing","onCancel"],"mappings":"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"}

package/dist/esm/packages/web/src/adminPortal/shared/components/Button.mjs

@@ -8,7 +8,7 @@ const variantToMUIVariant = {
     primary: 'contained',
     text: 'text'
 };
-const StyledButton$1 = styled(Button)(({ theme, isCompact, iconOnly })=>[
+const StyledButton = styled(Button)(({ theme, isCompact, iconOnly })=>[
         {
             borderRadius: 3,
             boxShadow: 'none',
@@ -47,7 +47,7 @@ const StyledButton$1 = styled(Button)(({ theme, isCompact, iconOnly })=>[
     ]);
 const ButtonCore = ({ children, compact, variant, ...props })=>{
     const buttonVariant = variant ?? 'primary';
-    return /*#__PURE__*/ React__default.createElement(StyledButton$1, {
+    return /*#__PURE__*/ React__default.createElement(StyledButton, {
         ...props,
         iconOnly: !children,
         isCompact: compact,

package/dist/esm/packages/web/src/adminPortal/shared/components/Button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.mjs","sources":["../../../../../../../../../web/src/adminPortal/shared/components/Button.tsx"],"sourcesContent":["import {\n  Button as MUIButton,\n  buttonClasses,\n  ButtonProps as InternalButtonProps,\n  ButtonProps as MUIButtonProps,\n  styled,\n} from '@mui/material';\nimport React, { FC, MouseEventHandler, ReactNode } from 'react';\n\nexport type Variant = 'ghost' | 'primary' | 'text';\n\nconst variantToMUIVariant: Record<Variant, MUIButtonProps['variant']> = {\n  ghost: 'outlined',\n  primary: 'contained',\n  text: 'text',\n};\n\nconst StyledButton = styled(MUIButton)<{\n  isCompact?: boolean;\n  iconOnly: boolean;\n}>(({ theme, isCompact, iconOnly }) => [\n  {\n    borderRadius: 3,\n    boxShadow: 'none',\n    fontSize: theme.typography.body1.fontSize,\n    minHeight: 40,\n    whiteSpace: 'nowrap',\n    width: 'fit-content',\n    [`&.${buttonClasses.fullWidth}`]: {\n      width: '100%',\n    },\n    '&, &:active, &:hover': {\n      boxShadow: 'none',\n    },\n    [theme.breakpoints.down('sm')]: {\n      whiteSpace: 'unset',\n      minHeight: 'fit-content',\n    },\n  },\n  isCompact && {\n    [`& .${buttonClasses.startIcon}`]: {\n      marginRight: theme.spacing(0.5),\n    },\n    [`& .${buttonClasses.endIcon}`]: {\n      marginLeft: theme.spacing(0.5),\n    },\n    fontSize: theme.typography.body1.fontSize,\n    minHeight: 30,\n    padding: '0 10px',\n    minWidth: 'fit-content',\n  },\n  iconOnly && {\n    [`& .${buttonClasses.startIcon}, & .${buttonClasses.endIcon}`]: {\n      margin: 0,\n    },\n  },\n]);\n\nexport type ButtonCoreProps = {\n  autoFocus?: boolean;\n  children?: ReactNode;\n  compact?: boolean;\n  component?: 'span' | 'button' | 'div' | 'label';\n  disabled?: boolean;\n  endIcon?: ReactNode;\n  fullWidth?: boolean;\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n  startIcon?: ReactNode;\n  type?: InternalButtonProps['type'];\n  variant?: Variant;\n  warning?: boolean;\n\n  /**\n   * Should not be used directly! This is required for styled(Button) to work.\n   */\n  className?: string;\n};\n\nexport const ButtonCore: FC<ButtonCoreProps> = ({ children, compact, variant, ...props }): JSX.Element => {\n  const buttonVariant = variant ?? 'primary';\n  return (\n    <StyledButton {...props} iconOnly={!children} isCompact={compact} variant={variantToMUIVariant[buttonVariant]}>\n      {children}\n    </StyledButton>\n  );\n};\n"],"names":["variantToMUIVariant","ghost","primary","text","StyledButton","styled","MUIButton","theme","isCompact","iconOnly","borderRadius","boxShadow","fontSize","typography","body1","minHeight","whiteSpace","width","buttonClasses","fullWidth","breakpoints","down","startIcon","marginRight","spacing","endIcon","marginLeft","padding","minWidth","margin","ButtonCore","children","compact","variant","props","buttonVariant","React"],"mappings":";;;;;AAWA,MAAMA,mBAAAA,GAAkE;IACtEC,KAAAA,EAAO,UAAA;IACPC,OAAAA,EAAS,WAAA;IACTC,IAAAA,EAAM;AACR,CAAA;AAEA,MAAMC,cAAAA,GAAeC,MAAAA,CAAOC,MAAAA,CAAAA,CAGzB,CAAC,EAAEC,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAK;AACrC,QAAA;YACEC,YAAAA,EAAc,CAAA;YACdC,SAAAA,EAAW,MAAA;AACXC,YAAAA,QAAAA,EAAUL,KAAAA,CAAMM,UAAU,CAACC,KAAK,CAACF,QAAQ;YACzCG,SAAAA,EAAW,EAAA;YACXC,UAAAA,EAAY,QAAA;YACZC,KAAAA,EAAO,aAAA;AACP,YAAA,CAAC,CAAC,EAAE,EAAEC,cAAcC,SAAS,CAAA,CAAE,GAAG;gBAChCF,KAAAA,EAAO;AACT,aAAA;YACA,sBAAA,EAAwB;gBACtBN,SAAAA,EAAW;AACb,aAAA;AACA,YAAA,CAACJ,MAAMa,WAAW,CAACC,IAAI,CAAC,QAAQ;gBAC9BL,UAAAA,EAAY,OAAA;gBACZD,SAAAA,EAAW;AACb;AACF,SAAA;QACAP,SAAAA,IAAa;AACX,YAAA,CAAC,CAAC,GAAG,EAAEU,cAAcI,SAAS,CAAA,CAAE,GAAG;gBACjCC,WAAAA,EAAahB,KAAAA,CAAMiB,OAAO,CAAC,GAAA;AAC7B,aAAA;AACA,YAAA,CAAC,CAAC,GAAG,EAAEN,cAAcO,OAAO,CAAA,CAAE,GAAG;gBAC/BC,UAAAA,EAAYnB,KAAAA,CAAMiB,OAAO,CAAC,GAAA;AAC5B,aAAA;AACAZ,YAAAA,QAAAA,EAAUL,KAAAA,CAAMM,UAAU,CAACC,KAAK,CAACF,QAAQ;YACzCG,SAAAA,EAAW,EAAA;YACXY,OAAAA,EAAS,QAAA;YACTC,QAAAA,EAAU;AACZ,SAAA;QACAnB,QAAAA,IAAY;AACV,YAAA,CAAC,CAAC,GAAG,EAAES,aAAAA,CAAcI,SAAS,CAAC,KAAK,EAAEJ,aAAAA,CAAcO,OAAO,CAAA,CAAE,GAAG;gBAC9DI,MAAAA,EAAQ;AACV;AACF;AACD,KAAA,CAAA;AAsBM,MAAMC,UAAAA,GAAkC,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGC,KAAAA,EAAO,GAAA;AACtF,IAAA,MAAMC,gBAAgBF,OAAAA,IAAW,SAAA;AACjC,IAAA,qBACEG,cAAA,CAAA,aAAA,CAAChC,cAAAA,EAAAA;AAAc,QAAA,GAAG8B,KAAK;AAAEzB,QAAAA,QAAAA,EAAU,CAACsB,QAAAA;QAAUvB,SAAAA,EAAWwB,OAAAA;QAASC,OAAAA,EAASjC,mBAAmB,CAACmC,aAAAA;AAC5FJ,KAAAA,EAAAA,QAAAA,CAAAA;AAGP;;;;"}
+{"version":3,"file":"Button.mjs","sources":["../../../../../../../../../web/src/adminPortal/shared/components/Button.tsx"],"sourcesContent":["import {\n  Button as MUIButton,\n  buttonClasses,\n  ButtonProps as InternalButtonProps,\n  ButtonProps as MUIButtonProps,\n  styled,\n} from '@mui/material';\nimport React, { FC, MouseEventHandler, ReactNode } from 'react';\n\nexport type Variant = 'ghost' | 'primary' | 'text';\n\nconst variantToMUIVariant: Record<Variant, MUIButtonProps['variant']> = {\n  ghost: 'outlined',\n  primary: 'contained',\n  text: 'text',\n};\n\nconst StyledButton = styled(MUIButton)<{\n  isCompact?: boolean;\n  iconOnly: boolean;\n}>(({ theme, isCompact, iconOnly }) => [\n  {\n    borderRadius: 3,\n    boxShadow: 'none',\n    fontSize: theme.typography.body1.fontSize,\n    minHeight: 40,\n    whiteSpace: 'nowrap',\n    width: 'fit-content',\n    [`&.${buttonClasses.fullWidth}`]: {\n      width: '100%',\n    },\n    '&, &:active, &:hover': {\n      boxShadow: 'none',\n    },\n    [theme.breakpoints.down('sm')]: {\n      whiteSpace: 'unset',\n      minHeight: 'fit-content',\n    },\n  },\n  isCompact && {\n    [`& .${buttonClasses.startIcon}`]: {\n      marginRight: theme.spacing(0.5),\n    },\n    [`& .${buttonClasses.endIcon}`]: {\n      marginLeft: theme.spacing(0.5),\n    },\n    fontSize: theme.typography.body1.fontSize,\n    minHeight: 30,\n    padding: '0 10px',\n    minWidth: 'fit-content',\n  },\n  iconOnly && {\n    [`& .${buttonClasses.startIcon}, & .${buttonClasses.endIcon}`]: {\n      margin: 0,\n    },\n  },\n]);\n\nexport type ButtonCoreProps = {\n  autoFocus?: boolean;\n  children?: ReactNode;\n  compact?: boolean;\n  component?: 'span' | 'button' | 'div' | 'label';\n  disabled?: boolean;\n  endIcon?: ReactNode;\n  fullWidth?: boolean;\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n  startIcon?: ReactNode;\n  type?: InternalButtonProps['type'];\n  variant?: Variant;\n  warning?: boolean;\n\n  /**\n   * Should not be used directly! This is required for styled(Button) to work.\n   */\n  className?: string;\n};\n\nexport const ButtonCore: FC<ButtonCoreProps> = ({ children, compact, variant, ...props }): JSX.Element => {\n  const buttonVariant = variant ?? 'primary';\n  return (\n    <StyledButton {...props} iconOnly={!children} isCompact={compact} variant={variantToMUIVariant[buttonVariant]}>\n      {children}\n    </StyledButton>\n  );\n};\n"],"names":["variantToMUIVariant","ghost","primary","text","StyledButton","styled","MUIButton","theme","isCompact","iconOnly","borderRadius","boxShadow","fontSize","typography","body1","minHeight","whiteSpace","width","buttonClasses","fullWidth","breakpoints","down","startIcon","marginRight","spacing","endIcon","marginLeft","padding","minWidth","margin","ButtonCore","children","compact","variant","props","buttonVariant","React"],"mappings":";;;;;AAWA,MAAMA,mBAAAA,GAAkE;IACtEC,KAAAA,EAAO,UAAA;IACPC,OAAAA,EAAS,WAAA;IACTC,IAAAA,EAAM;AACR,CAAA;AAEA,MAAMC,YAAAA,GAAeC,MAAAA,CAAOC,MAAAA,CAAAA,CAGzB,CAAC,EAAEC,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAK;AACrC,QAAA;YACEC,YAAAA,EAAc,CAAA;YACdC,SAAAA,EAAW,MAAA;AACXC,YAAAA,QAAAA,EAAUL,KAAAA,CAAMM,UAAU,CAACC,KAAK,CAACF,QAAQ;YACzCG,SAAAA,EAAW,EAAA;YACXC,UAAAA,EAAY,QAAA;YACZC,KAAAA,EAAO,aAAA;AACP,YAAA,CAAC,CAAC,EAAE,EAAEC,cAAcC,SAAS,CAAA,CAAE,GAAG;gBAChCF,KAAAA,EAAO;AACT,aAAA;YACA,sBAAA,EAAwB;gBACtBN,SAAAA,EAAW;AACb,aAAA;AACA,YAAA,CAACJ,MAAMa,WAAW,CAACC,IAAI,CAAC,QAAQ;gBAC9BL,UAAAA,EAAY,OAAA;gBACZD,SAAAA,EAAW;AACb;AACF,SAAA;QACAP,SAAAA,IAAa;AACX,YAAA,CAAC,CAAC,GAAG,EAAEU,cAAcI,SAAS,CAAA,CAAE,GAAG;gBACjCC,WAAAA,EAAahB,KAAAA,CAAMiB,OAAO,CAAC,GAAA;AAC7B,aAAA;AACA,YAAA,CAAC,CAAC,GAAG,EAAEN,cAAcO,OAAO,CAAA,CAAE,GAAG;gBAC/BC,UAAAA,EAAYnB,KAAAA,CAAMiB,OAAO,CAAC,GAAA;AAC5B,aAAA;AACAZ,YAAAA,QAAAA,EAAUL,KAAAA,CAAMM,UAAU,CAACC,KAAK,CAACF,QAAQ;YACzCG,SAAAA,EAAW,EAAA;YACXY,OAAAA,EAAS,QAAA;YACTC,QAAAA,EAAU;AACZ,SAAA;QACAnB,QAAAA,IAAY;AACV,YAAA,CAAC,CAAC,GAAG,EAAES,aAAAA,CAAcI,SAAS,CAAC,KAAK,EAAEJ,aAAAA,CAAcO,OAAO,CAAA,CAAE,GAAG;gBAC9DI,MAAAA,EAAQ;AACV;AACF;AACD,KAAA,CAAA;AAsBM,MAAMC,UAAAA,GAAkC,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGC,KAAAA,EAAO,GAAA;AACtF,IAAA,MAAMC,gBAAgBF,OAAAA,IAAW,SAAA;AACjC,IAAA,qBACEG,cAAA,CAAA,aAAA,CAAChC,YAAAA,EAAAA;AAAc,QAAA,GAAG8B,KAAK;AAAEzB,QAAAA,QAAAA,EAAU,CAACsB,QAAAA;QAAUvB,SAAAA,EAAWwB,OAAAA;QAASC,OAAAA,EAASjC,mBAAmB,CAACmC,aAAAA;AAC5FJ,KAAAA,EAAAA,QAAAA,CAAAA;AAGP;;;;"}

package/dist/esm/packages/web/src/adminPortal/shared/components/EmbeddedTable.mjs

@@ -9,7 +9,7 @@ import TableBody from '../../../../../../node_modules/@mui/material/TableBody/Ta
 import Table from '../../../../../../node_modules/@mui/material/Table/Table.mjs';
 import TableCell from '../../../../../../node_modules/@mui/material/TableCell/TableCell.mjs';
 
-const StyledTable$1 = styled(Table)(({ hasActions })=>[
+const StyledTable = styled(Table)(({ hasActions })=>[
         // For some reason with position sticky, the table is 2px wider than the container
         hasActions && {
             width: 'calc(100% - 2px)'
@@ -56,7 +56,7 @@ const EmbeddedTableCore = ({ itemRenderer, items, rowKeyExtractor, getItemAction
         items,
         getId
     ]); // eslint-disable-line react-hooks/exhaustive-deps
-    return /*#__PURE__*/ React__default.createElement(TableContainer, null, /*#__PURE__*/ React__default.createElement(StyledTable$1, {
+    return /*#__PURE__*/ React__default.createElement(TableContainer, null, /*#__PURE__*/ React__default.createElement(StyledTable, {
         hasActions: Boolean(getItemActionProps)
     }, /*#__PURE__*/ React__default.createElement(TableHead, null, /*#__PURE__*/ React__default.createElement(TableRow, null, itemRenderer.map((column)=>/*#__PURE__*/ React__default.createElement(StyleTabledCell, {
             key: `col-header-${column.title}`,

package/dist/esm/packages/web/src/adminPortal/shared/components/EmbeddedTable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EmbeddedTable.mjs","sources":["../../../../../../../../../web/src/adminPortal/shared/components/EmbeddedTable.tsx"],"sourcesContent":["import {\n  styled,\n  SxProps,\n  Table,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TableRow,\n  Theme,\n} from '@mui/material';\nimport React, { ReactNode, useCallback, useEffect, useState } from 'react';\n\nimport { getTableCellValue, validateRowKey } from '../utils/tableUtils';\nimport { InjectedComponents } from './componentInjection';\nimport { TABLE_ACTIONS_HEADER, TableActionCoreProps, TableActionsContainer } from './TableActions';\nimport { TableItemRenderer } from './types';\n\nconst StyledTable = styled(Table)<{ hasActions: boolean }>(({ hasActions }) => [\n  // For some reason with position sticky, the table is 2px wider than the container\n  hasActions && { width: 'calc(100% - 2px)' },\n]);\n\nconst StyleTabledCell = styled(TableCell)<{ isActions?: boolean; isBottomAction?: boolean }>(\n  ({ isActions, isBottomAction }) => [\n    {\n      '& > p': {\n        whiteSpace: 'normal',\n      },\n    },\n    isActions && {\n      position: 'sticky',\n      right: 0,\n      width: '1%',\n    },\n    isBottomAction && {\n      borderBottom: 'none',\n    },\n  ],\n);\n\nexport type EmbeddedTableCoreProps<T> = {\n  itemRenderer: TableItemRenderer<T>[];\n  items: T[];\n  rowKeyExtractor?(item: T): string;\n  getItemActionProps?: (\n    item: T,\n    setState: (state: Record<string, unknown>) => void,\n    state?: Record<string, unknown>,\n  ) => TableActionCoreProps;\n  readOnly?: boolean;\n  initialItemState?: Record<string, unknown>;\n  bottomAction?: ReactNode;\n  tableHeaderSx?: SxProps<Theme>;\n};\n\nexport const EmbeddedTableCore = <T extends Record<string, unknown> | string>({\n  itemRenderer,\n  items,\n  rowKeyExtractor,\n  getItemActionProps,\n  readOnly,\n  bottomAction,\n  initialItemState,\n  tableHeaderSx,\n  TableActionsComponent: TableActions,\n  TypographyComponent: Typography,\n}: EmbeddedTableCoreProps<T> & InjectedComponents<'TableActions' | 'Typography'>): JSX.Element => {\n  validateRowKey(items, rowKeyExtractor);\n\n  const getId = useCallback(\n    (item: T) => (rowKeyExtractor ? rowKeyExtractor(item) : typeof item === 'string' ? item : (item.id as string)),\n    [rowKeyExtractor],\n  );\n\n  const itemState = initialItemState ?? {};\n  const [itemsState, setItemsState] = useState<Record<string, Record<string, unknown>>>(\n    items.reduce((acc, item) => ({ ...acc, [getId(item)]: itemState }), {}),\n  );\n\n  const setItemState = (item: T, state: Record<string, unknown>) => {\n    const id = getId(item);\n    setItemsState((prevState) => ({ ...prevState, [id]: state }));\n  };\n\n  useEffect(() => {\n    setItemsState(items.reduce((acc, item) => ({ ...acc, [getId(item)]: itemsState[getId(item)] ?? itemState }), {}));\n  }, [items, getId]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  return (\n    <TableContainer>\n      <StyledTable hasActions={Boolean(getItemActionProps)}>\n        <TableHead>\n          <TableRow>\n            {itemRenderer.map((column) => (\n              <StyleTabledCell key={`col-header-${column.title}`} sx={tableHeaderSx}>\n                <Typography variant=\"body2\">{column.title}</Typography>\n              </StyleTabledCell>\n            ))}\n            {!readOnly && getItemActionProps && (\n              <StyleTabledCell isActions sx={tableHeaderSx}>\n                <Typography variant=\"body2\">{TABLE_ACTIONS_HEADER}</Typography>\n              </StyleTabledCell>\n            )}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {items.map((item) => {\n            const id = getId(item);\n            return (\n              <TableRow key={id}>\n                {itemRenderer.map((column, i) => {\n                  const children = column.getValue(item, itemsState[id]);\n                  const value = getTableCellValue(children);\n\n                  return (\n                    <StyleTabledCell key={`col-${column.title}-${i}`}>\n                      {typeof value === 'string' ? <Typography variant=\"body2\">{value}</Typography> : value}\n                    </StyleTabledCell>\n                  );\n                })}\n                {!readOnly && getItemActionProps && (\n                  <StyleTabledCell isActions>\n                    <TableActions\n                      {...getItemActionProps(item, (state) => state && setItemState(item, state), itemsState[id])}\n                    />\n                  </StyleTabledCell>\n                )}\n              </TableRow>\n            );\n          })}\n          {!readOnly && bottomAction && (\n            <TableRow>\n              <StyleTabledCell\n                colSpan={getItemActionProps ? itemRenderer.length : itemRenderer.length - 1}\n                isBottomAction\n              />\n              <StyleTabledCell isActions isBottomAction>\n                <TableActionsContainer>{bottomAction}</TableActionsContainer>\n              </StyleTabledCell>\n            </TableRow>\n          )}\n        </TableBody>\n      </StyledTable>\n    </TableContainer>\n  );\n};\n"],"names":["StyledTable","styled","Table","hasActions","width","StyleTabledCell","TableCell","isActions","isBottomAction","whiteSpace","position","right","borderBottom","EmbeddedTableCore","itemRenderer","items","rowKeyExtractor","getItemActionProps","readOnly","bottomAction","initialItemState","tableHeaderSx","TableActionsComponent","TableActions","TypographyComponent","Typography","validateRowKey","getId","useCallback","item","id","itemState","itemsState","setItemsState","useState","reduce","acc","setItemState","state","prevState","useEffect","React","TableContainer","Boolean","TableHead","TableRow","map","column","key","title","sx","variant","TABLE_ACTIONS_HEADER","TableBody","i","children","getValue","value","getTableCellValue","colSpan","length","TableActionsContainer"],"mappings":"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"}
+{"version":3,"file":"EmbeddedTable.mjs","sources":["../../../../../../../../../web/src/adminPortal/shared/components/EmbeddedTable.tsx"],"sourcesContent":["import {\n  styled,\n  SxProps,\n  Table,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TableRow,\n  Theme,\n} from '@mui/material';\nimport React, { ReactNode, useCallback, useEffect, useState } from 'react';\n\nimport { getTableCellValue, validateRowKey } from '../utils/tableUtils';\nimport { InjectedComponents } from './componentInjection';\nimport { TABLE_ACTIONS_HEADER, TableActionCoreProps, TableActionsContainer } from './TableActions';\nimport { TableItemRenderer } from './types';\n\nconst StyledTable = styled(Table)<{ hasActions: boolean }>(({ hasActions }) => [\n  // For some reason with position sticky, the table is 2px wider than the container\n  hasActions && { width: 'calc(100% - 2px)' },\n]);\n\nconst StyleTabledCell = styled(TableCell)<{ isActions?: boolean; isBottomAction?: boolean }>(\n  ({ isActions, isBottomAction }) => [\n    {\n      '& > p': {\n        whiteSpace: 'normal',\n      },\n    },\n    isActions && {\n      position: 'sticky',\n      right: 0,\n      width: '1%',\n    },\n    isBottomAction && {\n      borderBottom: 'none',\n    },\n  ],\n);\n\nexport type EmbeddedTableCoreProps<T> = {\n  itemRenderer: TableItemRenderer<T>[];\n  items: T[];\n  rowKeyExtractor?(item: T): string;\n  getItemActionProps?: (\n    item: T,\n    setState: (state: Record<string, unknown>) => void,\n    state?: Record<string, unknown>,\n  ) => TableActionCoreProps;\n  readOnly?: boolean;\n  initialItemState?: Record<string, unknown>;\n  bottomAction?: ReactNode;\n  tableHeaderSx?: SxProps<Theme>;\n};\n\nexport const EmbeddedTableCore = <T extends Record<string, unknown> | string>({\n  itemRenderer,\n  items,\n  rowKeyExtractor,\n  getItemActionProps,\n  readOnly,\n  bottomAction,\n  initialItemState,\n  tableHeaderSx,\n  TableActionsComponent: TableActions,\n  TypographyComponent: Typography,\n}: EmbeddedTableCoreProps<T> & InjectedComponents<'TableActions' | 'Typography'>): JSX.Element => {\n  validateRowKey(items, rowKeyExtractor);\n\n  const getId = useCallback(\n    (item: T) => (rowKeyExtractor ? rowKeyExtractor(item) : typeof item === 'string' ? item : (item.id as string)),\n    [rowKeyExtractor],\n  );\n\n  const itemState = initialItemState ?? {};\n  const [itemsState, setItemsState] = useState<Record<string, Record<string, unknown>>>(\n    items.reduce((acc, item) => ({ ...acc, [getId(item)]: itemState }), {}),\n  );\n\n  const setItemState = (item: T, state: Record<string, unknown>) => {\n    const id = getId(item);\n    setItemsState((prevState) => ({ ...prevState, [id]: state }));\n  };\n\n  useEffect(() => {\n    setItemsState(items.reduce((acc, item) => ({ ...acc, [getId(item)]: itemsState[getId(item)] ?? itemState }), {}));\n  }, [items, getId]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  return (\n    <TableContainer>\n      <StyledTable hasActions={Boolean(getItemActionProps)}>\n        <TableHead>\n          <TableRow>\n            {itemRenderer.map((column) => (\n              <StyleTabledCell key={`col-header-${column.title}`} sx={tableHeaderSx}>\n                <Typography variant=\"body2\">{column.title}</Typography>\n              </StyleTabledCell>\n            ))}\n            {!readOnly && getItemActionProps && (\n              <StyleTabledCell isActions sx={tableHeaderSx}>\n                <Typography variant=\"body2\">{TABLE_ACTIONS_HEADER}</Typography>\n              </StyleTabledCell>\n            )}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {items.map((item) => {\n            const id = getId(item);\n            return (\n              <TableRow key={id}>\n                {itemRenderer.map((column, i) => {\n                  const children = column.getValue(item, itemsState[id]);\n                  const value = getTableCellValue(children);\n\n                  return (\n                    <StyleTabledCell key={`col-${column.title}-${i}`}>\n                      {typeof value === 'string' ? <Typography variant=\"body2\">{value}</Typography> : value}\n                    </StyleTabledCell>\n                  );\n                })}\n                {!readOnly && getItemActionProps && (\n                  <StyleTabledCell isActions>\n                    <TableActions\n                      {...getItemActionProps(item, (state) => state && setItemState(item, state), itemsState[id])}\n                    />\n                  </StyleTabledCell>\n                )}\n              </TableRow>\n            );\n          })}\n          {!readOnly && bottomAction && (\n            <TableRow>\n              <StyleTabledCell\n                colSpan={getItemActionProps ? itemRenderer.length : itemRenderer.length - 1}\n                isBottomAction\n              />\n              <StyleTabledCell isActions isBottomAction>\n                <TableActionsContainer>{bottomAction}</TableActionsContainer>\n              </StyleTabledCell>\n            </TableRow>\n          )}\n        </TableBody>\n      </StyledTable>\n    </TableContainer>\n  );\n};\n"],"names":["StyledTable","styled","Table","hasActions","width","StyleTabledCell","TableCell","isActions","isBottomAction","whiteSpace","position","right","borderBottom","EmbeddedTableCore","itemRenderer","items","rowKeyExtractor","getItemActionProps","readOnly","bottomAction","initialItemState","tableHeaderSx","TableActionsComponent","TableActions","TypographyComponent","Typography","validateRowKey","getId","useCallback","item","id","itemState","itemsState","setItemsState","useState","reduce","acc","setItemState","state","prevState","useEffect","React","TableContainer","Boolean","TableHead","TableRow","map","column","key","title","sx","variant","TABLE_ACTIONS_HEADER","TableBody","i","children","getValue","value","getTableCellValue","colSpan","length","TableActionsContainer"],"mappings":"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"}

package/dist/esm/packages/web/src/adminPortal/shared/components/InfoIcon.mjs

@@ -2,11 +2,11 @@ import React__default from 'react';
 import styled from '../../../../../../node_modules/@mui/material/styles/styled.mjs';
 import InfoOutlined from '../../../../../../node_modules/@mui/icons-material/esm/InfoOutlined.mjs';
 
-const Container$1 = styled('div')({
+const Container = styled('div')({
     width: 'fit-content'
 });
 const InfoIconCore = ({ tooltipText, color, TooltipComponent: Tooltip })=>{
-    return /*#__PURE__*/ React__default.createElement(Container$1, null, /*#__PURE__*/ React__default.createElement(Tooltip, {
+    return /*#__PURE__*/ React__default.createElement(Container, null, /*#__PURE__*/ React__default.createElement(Tooltip, {
         text: tooltipText
     }, /*#__PURE__*/ React__default.createElement(InfoOutlined, {
         htmlColor: color ?? 'inherit',

package/dist/esm/packages/web/src/adminPortal/shared/components/InfoIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InfoIcon.mjs","sources":["../../../../../../../../../web/src/adminPortal/shared/components/InfoIcon.tsx"],"sourcesContent":["import { InfoOutlined } from '@mui/icons-material';\nimport { styled } from '@mui/material';\nimport React from 'react';\n\nimport { InjectedComponents } from './componentInjection';\n\nconst Container = styled('div')({\n  width: 'fit-content',\n});\n\nexport type InfoIconCoreProps = {\n  tooltipText: string;\n  color?: string;\n};\n\nexport const InfoIconCore = ({\n  tooltipText,\n  color,\n  TooltipComponent: Tooltip,\n}: InfoIconCoreProps & InjectedComponents<'Tooltip'>): JSX.Element => {\n  return (\n    <Container>\n      <Tooltip text={tooltipText}>\n        <InfoOutlined htmlColor={color ?? 'inherit'} fontSize=\"inherit\" />\n      </Tooltip>\n    </Container>\n  );\n};\n"],"names":["Container","styled","width","InfoIconCore","tooltipText","color","TooltipComponent","Tooltip","React","text","InfoOutlined","htmlColor","fontSize"],"mappings":";;;;AAMA,MAAMA,WAAAA,GAAYC,OAAO,KAAA,CAAA,CAAO;IAC9BC,KAAAA,EAAO;AACT,CAAA,CAAA;AAOO,MAAMC,YAAAA,GAAe,CAAC,EAC3BC,WAAW,EACXC,KAAK,EACLC,gBAAAA,EAAkBC,OAAO,EACyB,GAAA;IAClD,qBACEC,cAAA,CAAA,aAAA,CAACR,iCACCQ,cAAA,CAAA,aAAA,CAACD,OAAAA,EAAAA;QAAQE,IAAAA,EAAML;qBACbI,cAAA,CAAA,aAAA,CAACE,YAAAA,EAAAA;AAAaC,QAAAA,SAAAA,EAAWN,KAAAA,IAAS,SAAA;QAAWO,QAAAA,EAAS;;AAI9D;;;;"}
+{"version":3,"file":"InfoIcon.mjs","sources":["../../../../../../../../../web/src/adminPortal/shared/components/InfoIcon.tsx"],"sourcesContent":["import { InfoOutlined } from '@mui/icons-material';\nimport { styled } from '@mui/material';\nimport React from 'react';\n\nimport { InjectedComponents } from './componentInjection';\n\nconst Container = styled('div')({\n  width: 'fit-content',\n});\n\nexport type InfoIconCoreProps = {\n  tooltipText: string;\n  color?: string;\n};\n\nexport const InfoIconCore = ({\n  tooltipText,\n  color,\n  TooltipComponent: Tooltip,\n}: InfoIconCoreProps & InjectedComponents<'Tooltip'>): JSX.Element => {\n  return (\n    <Container>\n      <Tooltip text={tooltipText}>\n        <InfoOutlined htmlColor={color ?? 'inherit'} fontSize=\"inherit\" />\n      </Tooltip>\n    </Container>\n  );\n};\n"],"names":["Container","styled","width","InfoIconCore","tooltipText","color","TooltipComponent","Tooltip","React","text","InfoOutlined","htmlColor","fontSize"],"mappings":";;;;AAMA,MAAMA,SAAAA,GAAYC,OAAO,KAAA,CAAA,CAAO;IAC9BC,KAAAA,EAAO;AACT,CAAA,CAAA;AAOO,MAAMC,YAAAA,GAAe,CAAC,EAC3BC,WAAW,EACXC,KAAK,EACLC,gBAAAA,EAAkBC,OAAO,EACyB,GAAA;IAClD,qBACEC,cAAA,CAAA,aAAA,CAACR,+BACCQ,cAAA,CAAA,aAAA,CAACD,OAAAA,EAAAA;QAAQE,IAAAA,EAAML;qBACbI,cAAA,CAAA,aAAA,CAACE,YAAAA,EAAAA;AAAaC,QAAAA,SAAAA,EAAWN,KAAAA,IAAS,SAAA;QAAWO,QAAAA,EAAS;;AAI9D;;;;"}

package/dist/esm/packages/web/src/adminPortal/shared/components/SearchBar.mjs

@@ -7,7 +7,7 @@ const SearchBarContainer = styled('div')({
     position: 'relative',
     width: '100%'
 });
-const IconContainer$1 = styled('div')(({ theme })=>({
+const IconContainer = styled('div')(({ theme })=>({
         alignItems: 'center',
         display: 'flex',
         justifyContent: 'center',
@@ -15,10 +15,10 @@ const IconContainer$1 = styled('div')(({ theme })=>({
         bottom: 0,
         marginBottom: theme.spacing(1)
     }));
-const SearchIconContainer = styled(IconContainer$1)(({ theme })=>({
+const SearchIconContainer = styled(IconContainer)(({ theme })=>({
         padding: theme.spacing(0.5, 1, 0, 1)
     }));
-const SlashIconContainer = styled(IconContainer$1)(({ theme })=>({
+const SlashIconContainer = styled(IconContainer)(({ theme })=>({
         bottom: -2,
         right: 0,
         display: 'flex',