@stytch/nextjs 22.0.2 → 22.0.3

package/dist/esm-dev/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-dev/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-dev/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-dev/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-dev/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',

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

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.mjs","sources":["../../../../../../../../../web/src/adminPortal/shared/components/SearchBar.tsx"],"sourcesContent":["import SearchIcon from '@mui/icons-material/Search';\nimport { styled, SxProps, Theme } from '@mui/material';\nimport React, { useCallback, useEffect, useState } from 'react';\n\nimport { Keys } from '../utils/keys';\nimport { InjectedComponents } from './componentInjection';\nimport { InputCoreProps } from './Input';\n\nconst SearchBarContainer = styled('div')({\n  position: 'relative',\n  width: '100%',\n});\n\nconst IconContainer = styled('div')(({ theme }) => ({\n  alignItems: 'center',\n  display: 'flex',\n  justifyContent: 'center',\n  position: 'absolute',\n  bottom: 0,\n  marginBottom: theme.spacing(1),\n}));\n\nconst SearchIconContainer = styled(IconContainer)(({ theme }) => ({\n  padding: theme.spacing(0.5, 1, 0, 1),\n}));\n\nconst SlashIconContainer = styled(IconContainer)(({ theme }) => ({\n  bottom: -2,\n  right: 0,\n  display: 'flex',\n  position: 'absolute',\n  alignItems: 'center',\n  marginBottom: theme.spacing(1),\n  justifyContent: 'center',\n  marginRight: theme.spacing(1),\n}));\n\nconst SlashIcon = styled('div')(({ theme }) => ({\n  border: '1px solid',\n  borderRadius: theme.shape.borderRadius,\n  padding: theme.spacing(0, 1),\n}));\n\nconst SearchInputContainer = styled('div')(({ theme }) => ({\n  '& input': {\n    paddingLeft: `${theme.spacing(4)} !important`,\n    paddingRight: `${theme.spacing(6)} !important`,\n  },\n  '&:hover': {\n    cursor: 'pointer',\n  },\n}));\n\nexport type SearchBarCoreProps = Pick<InputCoreProps, 'label' | 'id' | 'onChange' | 'placeholder' | 'value'>;\n\nexport const SearchBarCore = ({\n  InputComponent: Input,\n  searchIconContainerSx,\n  slashIconSx,\n  slashIconContainerSx,\n  ...inputProps\n}: SearchBarCoreProps &\n  InjectedComponents<'Input'> & {\n    searchIconContainerSx?: SxProps<Theme>;\n    slashIconSx?: SxProps<Theme>;\n    slashIconContainerSx?: SxProps<Theme>;\n  }): JSX.Element => {\n  const [inputRef, setInputRef] = useState<HTMLInputElement | null>(null);\n  const [focused, setFocused] = useState(false);\n  const onFocus = useCallback(() => setFocused(true), []);\n  const onBlur = useCallback(() => setFocused(false), []);\n\n  useEffect(() => {\n    const handleKey = (e: KeyboardEvent) => {\n      if (inputRef && !focused) {\n        if ((e.metaKey && e.key === Keys.K) || e.key === Keys.ForwardSlash) {\n          e.stopPropagation();\n          inputRef.focus();\n          if (e.key === Keys.ForwardSlash) {\n            e.preventDefault();\n          }\n        }\n      }\n    };\n\n    document.addEventListener('keydown', handleKey);\n\n    return () => document.removeEventListener('keydown', handleKey);\n  }, [inputRef, focused]);\n\n  return (\n    <SearchBarContainer>\n      <SearchIconContainer sx={searchIconContainerSx}>\n        <SearchIcon fontSize=\"small\" />\n      </SearchIconContainer>\n      <SlashIconContainer sx={slashIconContainerSx}>\n        <SlashIcon sx={slashIconSx}>/</SlashIcon>\n      </SlashIconContainer>\n      <SearchInputContainer>\n        <Input {...inputProps} fullWidth inputRef={setInputRef} onBlur={onBlur} onFocus={onFocus} />\n      </SearchInputContainer>\n    </SearchBarContainer>\n  );\n};\n"],"names":["SearchBarContainer","styled","position","width","IconContainer","theme","alignItems","display","justifyContent","bottom","marginBottom","spacing","SearchIconContainer","padding","SlashIconContainer","right","marginRight","SlashIcon","border","borderRadius","shape","SearchInputContainer","paddingLeft","paddingRight","cursor","SearchBarCore","InputComponent","Input","searchIconContainerSx","slashIconSx","slashIconContainerSx","inputProps","inputRef","setInputRef","useState","focused","setFocused","onFocus","useCallback","onBlur","useEffect","handleKey","e","metaKey","key","Keys","K","ForwardSlash","stopPropagation","focus","preventDefault","document","addEventListener","removeEventListener","React","sx","SearchIcon","fontSize","fullWidth"],"mappings":"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"}
+{"version":3,"file":"SearchBar.mjs","sources":["../../../../../../../../../web/src/adminPortal/shared/components/SearchBar.tsx"],"sourcesContent":["import SearchIcon from '@mui/icons-material/Search';\nimport { styled, SxProps, Theme } from '@mui/material';\nimport React, { useCallback, useEffect, useState } from 'react';\n\nimport { Keys } from '../utils/keys';\nimport { InjectedComponents } from './componentInjection';\nimport { InputCoreProps } from './Input';\n\nconst SearchBarContainer = styled('div')({\n  position: 'relative',\n  width: '100%',\n});\n\nconst IconContainer = styled('div')(({ theme }) => ({\n  alignItems: 'center',\n  display: 'flex',\n  justifyContent: 'center',\n  position: 'absolute',\n  bottom: 0,\n  marginBottom: theme.spacing(1),\n}));\n\nconst SearchIconContainer = styled(IconContainer)(({ theme }) => ({\n  padding: theme.spacing(0.5, 1, 0, 1),\n}));\n\nconst SlashIconContainer = styled(IconContainer)(({ theme }) => ({\n  bottom: -2,\n  right: 0,\n  display: 'flex',\n  position: 'absolute',\n  alignItems: 'center',\n  marginBottom: theme.spacing(1),\n  justifyContent: 'center',\n  marginRight: theme.spacing(1),\n}));\n\nconst SlashIcon = styled('div')(({ theme }) => ({\n  border: '1px solid',\n  borderRadius: theme.shape.borderRadius,\n  padding: theme.spacing(0, 1),\n}));\n\nconst SearchInputContainer = styled('div')(({ theme }) => ({\n  '& input': {\n    paddingLeft: `${theme.spacing(4)} !important`,\n    paddingRight: `${theme.spacing(6)} !important`,\n  },\n  '&:hover': {\n    cursor: 'pointer',\n  },\n}));\n\nexport type SearchBarCoreProps = Pick<InputCoreProps, 'label' | 'id' | 'onChange' | 'placeholder' | 'value'>;\n\nexport const SearchBarCore = ({\n  InputComponent: Input,\n  searchIconContainerSx,\n  slashIconSx,\n  slashIconContainerSx,\n  ...inputProps\n}: SearchBarCoreProps &\n  InjectedComponents<'Input'> & {\n    searchIconContainerSx?: SxProps<Theme>;\n    slashIconSx?: SxProps<Theme>;\n    slashIconContainerSx?: SxProps<Theme>;\n  }): JSX.Element => {\n  const [inputRef, setInputRef] = useState<HTMLInputElement | null>(null);\n  const [focused, setFocused] = useState(false);\n  const onFocus = useCallback(() => setFocused(true), []);\n  const onBlur = useCallback(() => setFocused(false), []);\n\n  useEffect(() => {\n    const handleKey = (e: KeyboardEvent) => {\n      if (inputRef && !focused) {\n        if ((e.metaKey && e.key === Keys.K) || e.key === Keys.ForwardSlash) {\n          e.stopPropagation();\n          inputRef.focus();\n          if (e.key === Keys.ForwardSlash) {\n            e.preventDefault();\n          }\n        }\n      }\n    };\n\n    document.addEventListener('keydown', handleKey);\n\n    return () => document.removeEventListener('keydown', handleKey);\n  }, [inputRef, focused]);\n\n  return (\n    <SearchBarContainer>\n      <SearchIconContainer sx={searchIconContainerSx}>\n        <SearchIcon fontSize=\"small\" />\n      </SearchIconContainer>\n      <SlashIconContainer sx={slashIconContainerSx}>\n        <SlashIcon sx={slashIconSx}>/</SlashIcon>\n      </SlashIconContainer>\n      <SearchInputContainer>\n        <Input {...inputProps} fullWidth inputRef={setInputRef} onBlur={onBlur} onFocus={onFocus} />\n      </SearchInputContainer>\n    </SearchBarContainer>\n  );\n};\n"],"names":["SearchBarContainer","styled","position","width","IconContainer","theme","alignItems","display","justifyContent","bottom","marginBottom","spacing","SearchIconContainer","padding","SlashIconContainer","right","marginRight","SlashIcon","border","borderRadius","shape","SearchInputContainer","paddingLeft","paddingRight","cursor","SearchBarCore","InputComponent","Input","searchIconContainerSx","slashIconSx","slashIconContainerSx","inputProps","inputRef","setInputRef","useState","focused","setFocused","onFocus","useCallback","onBlur","useEffect","handleKey","e","metaKey","key","Keys","K","ForwardSlash","stopPropagation","focus","preventDefault","document","addEventListener","removeEventListener","React","sx","SearchIcon","fontSize","fullWidth"],"mappings":"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"}

package/dist/esm-dev/packages/web/src/adminPortal/shared/components/Toast.mjs

@@ -13,10 +13,10 @@ import IconButton from '../../../../../../node_modules/@mui/material/IconButton/
 const StyledSnackbar = styled(Snackbar)(({ theme })=>({
         bottom: theme.spacing(5)
     }));
-const CloseButton$1 = styled(IconButton)(({ theme })=>({
+const CloseButton = styled(IconButton)(({ theme })=>({
         padding: theme.spacing(0.5)
     }));
-const StyledAlert$1 = styled(Alert)(({ theme })=>({
+const StyledAlert = styled(Alert)(({ theme })=>({
         [`& .${alertClasses.icon}`]: {
             marginRight: theme.spacing(1)
         },
@@ -35,11 +35,11 @@ const StyledAlert$1 = styled(Alert)(({ theme })=>({
         alignItems: 'center',
         '& p': {}
     }));
-const DEFAULT_STATE$1 = {
+const DEFAULT_STATE = {
     openToast: noop,
     closeToast: noop
 };
-const ToastContext = /*#__PURE__*/ createContext(DEFAULT_STATE$1);
+const ToastContext = /*#__PURE__*/ createContext(DEFAULT_STATE);
 const useToast = ()=>useContext(ToastContext);
 const ToastContextProviderCore = ({ children, alertSx, closeIconSx, errorIconSx, successIconSx, errorSx, successSx, TypographyComponent: Typography })=>{
     const [open, setOpen] = useState(false);
@@ -78,9 +78,9 @@ const ToastContextProviderCore = ({ children, alertSx, closeIconSx, errorIconSx,
             vertical: 'bottom'
         },
         open: open
-    }, /*#__PURE__*/ React__default.createElement(StyledAlert$1, {
+    }, /*#__PURE__*/ React__default.createElement(StyledAlert, {
         sx: mergeSx(alertSx, toastType === 'error' ? errorSx : successSx),
-        action: /*#__PURE__*/ React__default.createElement(CloseButton$1, {
+        action: /*#__PURE__*/ React__default.createElement(CloseButton, {
             onClick: closeToast,
             size: "large"
         }, /*#__PURE__*/ React__default.createElement(CloseIcon, {

package/dist/esm-dev/packages/web/src/adminPortal/shared/components/Toast.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.mjs","sources":["../../../../../../../../../web/src/adminPortal/shared/components/Toast.tsx"],"sourcesContent":["import CheckCircleIcon from '@mui/icons-material/CheckCircle';\nimport CloseIcon from '@mui/icons-material/Close';\nimport ErrorIcon from '@mui/icons-material/Error';\nimport { IconButton, Snackbar, styled, SxProps, Theme } from '@mui/material';\nimport MUIAlert, { alertClasses } from '@mui/material/Alert';\nimport React, {\n  createContext,\n  FC,\n  PropsWithChildren,\n  ReactNode,\n  useCallback,\n  useContext,\n  useRef,\n  useState,\n} from 'react';\n\nimport { mergeSx } from '../utils/mergeSx';\nimport { noop } from '../utils/noop';\nimport { InjectedComponents } from './componentInjection';\n\nconst StyledSnackbar = styled(Snackbar)(({ theme }) => ({\n  bottom: theme.spacing(5),\n}));\n\nconst CloseButton = styled(IconButton)(({ theme }) => ({\n  padding: theme.spacing(0.5),\n}));\n\nconst StyledAlert = styled(MUIAlert)<{ type: ToastType }>(({ theme }) => ({\n  [`& .${alertClasses.icon}`]: {\n    marginRight: theme.spacing(1),\n  },\n  [`& .${alertClasses.message}`]: {\n    padding: 0,\n  },\n  [`& .${alertClasses.action}`]: {\n    marginRight: theme.spacing(-0.5),\n  },\n  [theme.breakpoints.down('sm')]: {\n    width: '100%',\n  },\n  width: 512,\n  padding: theme.spacing(1, 1.5),\n  display: 'flex',\n  alignItems: 'center',\n  '& p': {},\n}));\n\ntype ToastType = 'success' | 'error';\n\ntype ToastContextType = {\n  // openDurationMS represents the time in milliseconds\n  openToast(options: { text: ReactNode; type: ToastType; openDurationMS?: number }): void;\n  closeToast(): void;\n};\n\nconst DEFAULT_STATE: ToastContextType = {\n  openToast: noop,\n  closeToast: noop,\n};\n\nexport const ToastContext = createContext<ToastContextType>(DEFAULT_STATE);\n\nexport const useToast = (): ToastContextType => useContext(ToastContext);\n\nexport type ToastContextProviderCoreProps = PropsWithChildren & {\n  alertSx?: SxProps<Theme>;\n  closeIconSx?: SxProps<Theme>;\n  errorIconSx?: SxProps<Theme>;\n  successIconSx?: SxProps<Theme>;\n  errorSx?: SxProps<Theme>;\n  successSx?: SxProps<Theme>;\n};\n\nexport const ToastContextProviderCore: FC<ToastContextProviderCoreProps & InjectedComponents<'Typography'>> = ({\n  children,\n  alertSx,\n  closeIconSx,\n  errorIconSx,\n  successIconSx,\n  errorSx,\n  successSx,\n  TypographyComponent: Typography,\n}) => {\n  const [open, setOpen] = useState(false);\n  const [toastText, setToastText] = useState('');\n  const [toastType, setToastType] = useState<ToastType>('success');\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n  const closeToast = () => setOpen(false);\n\n  const triggerOpen = useCallback((openDurationMS: number) => {\n    setOpen(true);\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n    }\n    timeoutRef.current = setTimeout(() => {\n      setOpen(false);\n    }, openDurationMS);\n  }, []);\n\n  // Without this useCallback, the value of openToast changes on every render\n  // causing downstream code shaped like\n  // `useEffect(() => ..., [openToast])`\n  // to run again, which we don't want to do\n  const openToast = useCallback(\n    ({ type, text, openDurationMS = 5000 }: { text: string; type: ToastType; openDurationMS?: number }) => {\n      setToastType(type);\n      setToastText(text);\n      triggerOpen(openDurationMS);\n    },\n    [triggerOpen],\n  );\n\n  return (\n    <ToastContext.Provider\n      value={{\n        openToast,\n        closeToast,\n      }}\n    >\n      <StyledSnackbar anchorOrigin={{ horizontal: 'center', vertical: 'bottom' }} open={open}>\n        <StyledAlert\n          sx={mergeSx(alertSx, toastType === 'error' ? errorSx : successSx)}\n          action={\n            <CloseButton onClick={closeToast} size=\"large\">\n              <CloseIcon\n                fontSize=\"small\"\n                sx={mergeSx(closeIconSx, toastType === 'error' ? errorIconSx : successIconSx)}\n              />\n            </CloseButton>\n          }\n          elevation={6}\n          icon={\n            toastType === 'error' ? (\n              <ErrorIcon fontSize=\"small\" sx={errorIconSx} />\n            ) : (\n              <CheckCircleIcon fontSize=\"small\" sx={successIconSx} />\n            )\n          }\n          type={toastType}\n          variant=\"filled\"\n        >\n          <Typography variant=\"body2\">{toastText}</Typography>\n        </StyledAlert>\n      </StyledSnackbar>\n      {children}\n    </ToastContext.Provider>\n  );\n};\n"],"names":["StyledSnackbar","styled","Snackbar","theme","bottom","spacing","CloseButton","IconButton","padding","StyledAlert","MUIAlert","alertClasses","icon","marginRight","message","action","breakpoints","down","width","display","alignItems","DEFAULT_STATE","openToast","noop","closeToast","ToastContext","createContext","useToast","useContext","ToastContextProviderCore","children","alertSx","closeIconSx","errorIconSx","successIconSx","errorSx","successSx","TypographyComponent","Typography","open","setOpen","useState","toastText","setToastText","toastType","setToastType","timeoutRef","useRef","triggerOpen","useCallback","openDurationMS","current","clearTimeout","setTimeout","type","text","React","Provider","value","anchorOrigin","horizontal","vertical","sx","mergeSx","onClick","size","CloseIcon","fontSize","elevation","ErrorIcon","CheckCircleIcon","variant"],"mappings":"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"}
+{"version":3,"file":"Toast.mjs","sources":["../../../../../../../../../web/src/adminPortal/shared/components/Toast.tsx"],"sourcesContent":["import CheckCircleIcon from '@mui/icons-material/CheckCircle';\nimport CloseIcon from '@mui/icons-material/Close';\nimport ErrorIcon from '@mui/icons-material/Error';\nimport { IconButton, Snackbar, styled, SxProps, Theme } from '@mui/material';\nimport MUIAlert, { alertClasses } from '@mui/material/Alert';\nimport React, {\n  createContext,\n  FC,\n  PropsWithChildren,\n  ReactNode,\n  useCallback,\n  useContext,\n  useRef,\n  useState,\n} from 'react';\n\nimport { mergeSx } from '../utils/mergeSx';\nimport { noop } from '../utils/noop';\nimport { InjectedComponents } from './componentInjection';\n\nconst StyledSnackbar = styled(Snackbar)(({ theme }) => ({\n  bottom: theme.spacing(5),\n}));\n\nconst CloseButton = styled(IconButton)(({ theme }) => ({\n  padding: theme.spacing(0.5),\n}));\n\nconst StyledAlert = styled(MUIAlert)<{ type: ToastType }>(({ theme }) => ({\n  [`& .${alertClasses.icon}`]: {\n    marginRight: theme.spacing(1),\n  },\n  [`& .${alertClasses.message}`]: {\n    padding: 0,\n  },\n  [`& .${alertClasses.action}`]: {\n    marginRight: theme.spacing(-0.5),\n  },\n  [theme.breakpoints.down('sm')]: {\n    width: '100%',\n  },\n  width: 512,\n  padding: theme.spacing(1, 1.5),\n  display: 'flex',\n  alignItems: 'center',\n  '& p': {},\n}));\n\ntype ToastType = 'success' | 'error';\n\ntype ToastContextType = {\n  // openDurationMS represents the time in milliseconds\n  openToast(options: { text: ReactNode; type: ToastType; openDurationMS?: number }): void;\n  closeToast(): void;\n};\n\nconst DEFAULT_STATE: ToastContextType = {\n  openToast: noop,\n  closeToast: noop,\n};\n\nexport const ToastContext = createContext<ToastContextType>(DEFAULT_STATE);\n\nexport const useToast = (): ToastContextType => useContext(ToastContext);\n\nexport type ToastContextProviderCoreProps = PropsWithChildren & {\n  alertSx?: SxProps<Theme>;\n  closeIconSx?: SxProps<Theme>;\n  errorIconSx?: SxProps<Theme>;\n  successIconSx?: SxProps<Theme>;\n  errorSx?: SxProps<Theme>;\n  successSx?: SxProps<Theme>;\n};\n\nexport const ToastContextProviderCore: FC<ToastContextProviderCoreProps & InjectedComponents<'Typography'>> = ({\n  children,\n  alertSx,\n  closeIconSx,\n  errorIconSx,\n  successIconSx,\n  errorSx,\n  successSx,\n  TypographyComponent: Typography,\n}) => {\n  const [open, setOpen] = useState(false);\n  const [toastText, setToastText] = useState('');\n  const [toastType, setToastType] = useState<ToastType>('success');\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n  const closeToast = () => setOpen(false);\n\n  const triggerOpen = useCallback((openDurationMS: number) => {\n    setOpen(true);\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n    }\n    timeoutRef.current = setTimeout(() => {\n      setOpen(false);\n    }, openDurationMS);\n  }, []);\n\n  // Without this useCallback, the value of openToast changes on every render\n  // causing downstream code shaped like\n  // `useEffect(() => ..., [openToast])`\n  // to run again, which we don't want to do\n  const openToast = useCallback(\n    ({ type, text, openDurationMS = 5000 }: { text: string; type: ToastType; openDurationMS?: number }) => {\n      setToastType(type);\n      setToastText(text);\n      triggerOpen(openDurationMS);\n    },\n    [triggerOpen],\n  );\n\n  return (\n    <ToastContext.Provider\n      value={{\n        openToast,\n        closeToast,\n      }}\n    >\n      <StyledSnackbar anchorOrigin={{ horizontal: 'center', vertical: 'bottom' }} open={open}>\n        <StyledAlert\n          sx={mergeSx(alertSx, toastType === 'error' ? errorSx : successSx)}\n          action={\n            <CloseButton onClick={closeToast} size=\"large\">\n              <CloseIcon\n                fontSize=\"small\"\n                sx={mergeSx(closeIconSx, toastType === 'error' ? errorIconSx : successIconSx)}\n              />\n            </CloseButton>\n          }\n          elevation={6}\n          icon={\n            toastType === 'error' ? (\n              <ErrorIcon fontSize=\"small\" sx={errorIconSx} />\n            ) : (\n              <CheckCircleIcon fontSize=\"small\" sx={successIconSx} />\n            )\n          }\n          type={toastType}\n          variant=\"filled\"\n        >\n          <Typography variant=\"body2\">{toastText}</Typography>\n        </StyledAlert>\n      </StyledSnackbar>\n      {children}\n    </ToastContext.Provider>\n  );\n};\n"],"names":["StyledSnackbar","styled","Snackbar","theme","bottom","spacing","CloseButton","IconButton","padding","StyledAlert","MUIAlert","alertClasses","icon","marginRight","message","action","breakpoints","down","width","display","alignItems","DEFAULT_STATE","openToast","noop","closeToast","ToastContext","createContext","useToast","useContext","ToastContextProviderCore","children","alertSx","closeIconSx","errorIconSx","successIconSx","errorSx","successSx","TypographyComponent","Typography","open","setOpen","useState","toastText","setToastText","toastType","setToastType","timeoutRef","useRef","triggerOpen","useCallback","openDurationMS","current","clearTimeout","setTimeout","type","text","React","Provider","value","anchorOrigin","horizontal","vertical","sx","mergeSx","onClick","size","CloseIcon","fontSize","elevation","ErrorIcon","CheckCircleIcon","variant"],"mappings":"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"}

package/dist/esm-dev/packages/web/src/adminPortal/sso/AppDetails.mjs

@@ -10,7 +10,7 @@ import { Screenshot } from '../shared/components/Screenshot.mjs';
 import { useOrgInfo } from '../utils/useOrgInfo.mjs';
 import { getIdpAndConnectionInfo } from './IdpInfo.mjs';
 
-const OktaSamlInstructions$3 = ({ connection: connectionProp })=>{
+const OktaSamlInstructions = ({ connection: connectionProp })=>{
     const { connection, idp } = getIdpAndConnectionInfo(connectionProp);
     return /*#__PURE__*/ React__default.createElement(InstructionSet, null, /*#__PURE__*/ React__default.createElement(Instruction, null, "Under ", /*#__PURE__*/ React__default.createElement("b", null, "SAML Settings → General"), " within the app setup flow, input the following values:"), /*#__PURE__*/ React__default.createElement(PaddedContainer, null, /*#__PURE__*/ React__default.createElement(SettingsList, null, /*#__PURE__*/ React__default.createElement(IdpField, {
         title: idp.acsUrlLabel,
@@ -34,7 +34,7 @@ const OktaSamlInstructions$3 = ({ connection: connectionProp })=>{
         value: "Create and update"
     }))));
 };
-const EntraSamlInstructions$3 = ({ connection: connectionProp })=>{
+const EntraSamlInstructions = ({ connection: connectionProp })=>{
     const { connection, idp } = getIdpAndConnectionInfo(connectionProp);
     return /*#__PURE__*/ React__default.createElement(InstructionSet, null, /*#__PURE__*/ React__default.createElement(Instruction, null, "Within your new application navigate to the ", /*#__PURE__*/ React__default.createElement("b", null, "Single Sign-On"), " page in the left-hand navigation of the application view, and select ", /*#__PURE__*/ React__default.createElement("b", null, "SAML"), "."), /*#__PURE__*/ React__default.createElement(Instruction, null, "Within the ", /*#__PURE__*/ React__default.createElement("b", null, "Set up Single Sign-On with SAML page"), ", select the ", /*#__PURE__*/ React__default.createElement("b", null, "Edit"), " button on Step 1:", ' ', /*#__PURE__*/ React__default.createElement("b", null, "Basic SAML Configuration"), " and add the following values:"), /*#__PURE__*/ React__default.createElement(PaddedContainer, null, /*#__PURE__*/ React__default.createElement(SettingsList, null, /*#__PURE__*/ React__default.createElement(IdpField, {
         title: idp.audienceUriLabel,
@@ -52,7 +52,7 @@ const EntraSamlInstructions$3 = ({ connection: connectionProp })=>{
         alt: "Entra Basic SAML Config"
     }), /*#__PURE__*/ React__default.createElement(Instruction, null, "Leave the ", /*#__PURE__*/ React__default.createElement("b", null, "Optional"), " fields empty (Sign on URL, Relay State, and Logout URL) and click ", /*#__PURE__*/ React__default.createElement("b", null, "Save"), "."));
 };
-const GoogleSamlInstructions$2 = ({ connection: connectionProp })=>{
+const GoogleSamlInstructions = ({ connection: connectionProp })=>{
     const { connection, idp } = getIdpAndConnectionInfo(connectionProp);
     return /*#__PURE__*/ React__default.createElement(InstructionSet, null, /*#__PURE__*/ React__default.createElement("div", null, /*#__PURE__*/ React__default.createElement(Instruction, null, "Under ", /*#__PURE__*/ React__default.createElement("b", null, "Service provider details"), " input the following:"), /*#__PURE__*/ React__default.createElement(PaddedContainer, null, /*#__PURE__*/ React__default.createElement(SettingsList, null, /*#__PURE__*/ React__default.createElement(IdpField, {
         title: idp.acsUrlLabel,
@@ -67,7 +67,7 @@ const GoogleSamlInstructions$2 = ({ connection: connectionProp })=>{
         alt: "Google SAML SP Details"
     }), /*#__PURE__*/ React__default.createElement(Instruction, null, "Click ", /*#__PURE__*/ React__default.createElement("b", null, "Continue"), "."));
 };
-const OktaOidcInstructions$2 = ({ connection: connectionProp })=>{
+const OktaOidcInstructions = ({ connection: connectionProp })=>{
     const { connection, idp } = getIdpAndConnectionInfo(connectionProp);
     const { data } = useOrgInfo();
     const organizationName = data?.organization_name ?? '';
@@ -79,7 +79,7 @@ const OktaOidcInstructions$2 = ({ connection: connectionProp })=>{
         alt: "Okta access type"
     }), /*#__PURE__*/ React__default.createElement(Instruction, null, "Click save."));
 };
-const EntraOidcInstructions$2 = ({ connection: connectionProp })=>{
+const EntraOidcInstructions = ({ connection: connectionProp })=>{
     const { connection, idp } = getIdpAndConnectionInfo(connectionProp);
     return /*#__PURE__*/ React__default.createElement(InstructionSet, null, /*#__PURE__*/ React__default.createElement(Instruction, null, "Within the App Registration page, navigate to the ", /*#__PURE__*/ React__default.createElement("b", null, "Authentication"), " page from the left-hand navigation and under ", /*#__PURE__*/ React__default.createElement("b", null, "Platform configurations"), " select ", /*#__PURE__*/ React__default.createElement("b", null, "Add a platform"), " and choose ", /*#__PURE__*/ React__default.createElement("b", null, "Web"), " as the platform type."), /*#__PURE__*/ React__default.createElement(Screenshot, {
         src: adminPortalAssets.entraOidcAuthSetup,
@@ -117,15 +117,15 @@ const AppDetails = ({ connection: connectionProp })=>{
     if (type === 'saml') {
         switch(connection.identity_provider){
             case 'okta':
-                return /*#__PURE__*/ React__default.createElement(OktaSamlInstructions$3, {
+                return /*#__PURE__*/ React__default.createElement(OktaSamlInstructions, {
                     connection: connection
                 });
             case 'microsoft-entra':
-                return /*#__PURE__*/ React__default.createElement(EntraSamlInstructions$3, {
+                return /*#__PURE__*/ React__default.createElement(EntraSamlInstructions, {
                     connection: connection
                 });
             case 'google-workspace':
-                return /*#__PURE__*/ React__default.createElement(GoogleSamlInstructions$2, {
+                return /*#__PURE__*/ React__default.createElement(GoogleSamlInstructions, {
                     connection: connection
                 });
         }
@@ -133,11 +133,11 @@ const AppDetails = ({ connection: connectionProp })=>{
     if (type === 'oidc') {
         switch(connection.identity_provider){
             case 'okta':
-                return /*#__PURE__*/ React__default.createElement(OktaOidcInstructions$2, {
+                return /*#__PURE__*/ React__default.createElement(OktaOidcInstructions, {
                     connection: connection
                 });
             case 'microsoft-entra':
-                return /*#__PURE__*/ React__default.createElement(EntraOidcInstructions$2, {
+                return /*#__PURE__*/ React__default.createElement(EntraOidcInstructions, {
                     connection: connection
                 });
         }

package/dist/esm-dev/packages/web/src/adminPortal/sso/AppDetails.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AppDetails.mjs","sources":["../../../../../../../../web/src/adminPortal/sso/AppDetails.tsx"],"sourcesContent":["import { adminPortalAssets } from '@stytch/internal-assets';\nimport React from 'react';\n\nimport { CopyableText } from '../components/CopyableText';\nimport { IdpField } from '../components/IdpField';\nimport { Instruction } from '../components/Instruction';\nimport { InstructionSet } from '../components/InstructionSet';\nimport { PaddedContainer } from '../components/PaddedContainer';\nimport { SettingsList } from '../components/SettingsList';\nimport { Screenshot } from '../shared/components/Screenshot';\nimport { useOrgInfo } from '../utils/useOrgInfo';\nimport { getIdpAndConnectionInfo } from './IdpInfo';\nimport { OIDCTaggedConnection, SAMLTaggedConnection, TaggedConnection } from './TaggedConnection';\n\nconst OktaSamlInstructions = ({ connection: connectionProp }: { connection: SAMLTaggedConnection }) => {\n  const { connection, idp } = getIdpAndConnectionInfo(connectionProp);\n\n  return (\n    <InstructionSet>\n      <Instruction>\n        Under <b>SAML Settings → General</b> within the app setup flow, input the following values:\n      </Instruction>\n      <PaddedContainer>\n        <SettingsList>\n          <IdpField title={idp.acsUrlLabel} value={connection.acs_url} isCopyable={true} />\n          <IdpField title=\"Single sign-on URL (as both Recipient and Destination URL)\" value=\"selected\" />\n          <IdpField title={idp.audienceUriLabel} value={connection.audience_uri} isCopyable={true} />\n          <IdpField title={idp.nameIdFormatLabel} value=\"EmailAddress\" />\n          <IdpField title=\"Application username\" value=\"Email\" />\n          <IdpField title=\"Update application username on\" value=\"Create and update\" />\n        </SettingsList>\n      </PaddedContainer>\n    </InstructionSet>\n  );\n};\n\nconst EntraSamlInstructions = ({ connection: connectionProp }: { connection: SAMLTaggedConnection }) => {\n  const { connection, idp } = getIdpAndConnectionInfo(connectionProp);\n\n  return (\n    <InstructionSet>\n      <Instruction>\n        Within your new application navigate to the <b>Single Sign-On</b> page in the left-hand navigation of the\n        application view, and select <b>SAML</b>.\n      </Instruction>\n      <Instruction>\n        Within the <b>Set up Single Sign-On with SAML page</b>, select the <b>Edit</b> button on Step 1:{' '}\n        <b>Basic SAML Configuration</b> and add the following values:\n      </Instruction>\n      <PaddedContainer>\n        <SettingsList>\n          <IdpField title={idp.audienceUriLabel} value={connection.audience_uri} isCopyable={true} />\n          <IdpField title={idp.acsUrlLabel} value={connection.acs_url} isCopyable={true} />\n        </SettingsList>\n      </PaddedContainer>\n      <Screenshot src={adminPortalAssets.entraSetupSso} alt=\"Entra Setup SSO\" />\n      <Screenshot src={adminPortalAssets.entraBasicSamlConfig} alt=\"Entra Basic SAML Config\" />\n      <Instruction>\n        Leave the <b>Optional</b> fields empty (Sign on URL, Relay State, and Logout URL) and click <b>Save</b>.\n      </Instruction>\n    </InstructionSet>\n  );\n};\n\nconst GoogleSamlInstructions = ({ connection: connectionProp }: { connection: SAMLTaggedConnection }) => {\n  const { connection, idp } = getIdpAndConnectionInfo(connectionProp);\n\n  return (\n    <InstructionSet>\n      <div>\n        <Instruction>\n          Under <b>Service provider details</b> input the following:\n        </Instruction>\n        <PaddedContainer>\n          <SettingsList>\n            <IdpField title={idp.acsUrlLabel} value={connection.acs_url} isCopyable={true} />\n            <IdpField title={idp.audienceUriLabel} value={connection.audience_uri} isCopyable={true} />\n          </SettingsList>\n        </PaddedContainer>\n      </div>\n      <Instruction>\n        Under <b>Name ID → Name ID format</b> select <b>EMAIL</b> from the dropdown.\n      </Instruction>\n      <Instruction>\n        Under <b>Name ID</b> select <b>Basic information → Primary email</b> from the dropdown.\n      </Instruction>\n      <Screenshot src={adminPortalAssets.googleSamlSpDetails} alt=\"Google SAML SP Details\" />\n      <Instruction>\n        Click <b>Continue</b>.\n      </Instruction>\n    </InstructionSet>\n  );\n};\n\nconst OktaOidcInstructions = ({ connection: connectionProp }: { connection: OIDCTaggedConnection }) => {\n  const { connection, idp } = getIdpAndConnectionInfo(connectionProp);\n\n  const { data } = useOrgInfo();\n  const organizationName = data?.organization_name ?? '';\n\n  return (\n    <InstructionSet>\n      <Instruction>\n        Under <b>General Settings</b> name your application {organizationName}.\n      </Instruction>\n      <Instruction>\n        Select <b>Authorization code</b> as the <b>Grant Type</b>.\n      </Instruction>\n      <Screenshot src={adminPortalAssets.oktaGrantType} alt=\"Okta grant type\" />\n      <div>\n        <Instruction>\n          Add the following value as a <b>{idp.redirectUrlLabel}</b>:\n        </Instruction>\n        <PaddedContainer>\n          <CopyableText>{connection.redirect_url}</CopyableText>\n        </PaddedContainer>\n      </div>\n      <div>\n        <Instruction>\n          Under <b>Assignments</b> specify whether you want to allow everyone in application to access, or only a subset\n          of your users. You can change this value later.\n        </Instruction>\n        <PaddedContainer>\n          <Instruction>\n            If you want all users to be able to access {organizationName} make sure to also enable Just-in-Time\n            Provisioning via this SSO Connection.\n          </Instruction>\n        </PaddedContainer>\n      </div>\n      <Screenshot src={adminPortalAssets.oktaAccessType} alt=\"Okta access type\" />\n      <Instruction>Click save.</Instruction>\n    </InstructionSet>\n  );\n};\n\nconst EntraOidcInstructions = ({ connection: connectionProp }: { connection: OIDCTaggedConnection }) => {\n  const { connection, idp } = getIdpAndConnectionInfo(connectionProp);\n\n  return (\n    <InstructionSet>\n      <Instruction>\n        Within the App Registration page, navigate to the <b>Authentication</b> page from the left-hand navigation and\n        under <b>Platform configurations</b> select <b>Add a platform</b> and choose <b>Web</b> as the platform type.\n      </Instruction>\n      <Screenshot src={adminPortalAssets.entraOidcAuthSetup} alt=\"Entra OIDC Auth Setup\" />\n      <div>\n        <Instruction>\n          In the <b>Configure web</b> page, enter the following value as the <b>Redirect URI</b>:\n        </Instruction>\n        <PaddedContainer>\n          <SettingsList>\n            <IdpField title={idp.redirectUrlLabel} value={connection.redirect_url} isCopyable={true} />\n          </SettingsList>\n        </PaddedContainer>\n        <Screenshot src={adminPortalAssets.entraOidcConfigureRedirectUri} alt=\"Entra OIDC Configure Redirect URI\" />\n      </div>\n      <Instruction>\n        Leave all other fields blank and click <b>Configure</b> to save.\n      </Instruction>\n    </InstructionSet>\n  );\n};\n\nexport const DefaultAppDetails = ({ connection: connectionProp }: { connection: TaggedConnection }) => {\n  const { connection, idp, type } = getIdpAndConnectionInfo(connectionProp);\n\n  return (\n    <SettingsList>\n      {type === 'saml' && (\n        <>\n          <IdpField title={idp.acsUrlLabel} value={connection.acs_url} isCopyable={true} />\n          <IdpField title={idp.audienceUriLabel} value={connection.audience_uri} isCopyable={true} />\n          <IdpField title={idp.nameIdFormatLabel} value={idp.nameIdFormatValue} />\n        </>\n      )}\n      {type === 'oidc' && <IdpField title={idp.redirectUrlLabel} value={connection.redirect_url} isCopyable={true} />}\n    </SettingsList>\n  );\n};\n\nexport const AppDetails = ({ connection: connectionProp }: { connection: TaggedConnection }) => {\n  const { connection, type } = getIdpAndConnectionInfo(connectionProp);\n\n  if (type === 'saml') {\n    switch (connection.identity_provider) {\n      case 'okta':\n        return <OktaSamlInstructions connection={connection} />;\n      case 'microsoft-entra':\n        return <EntraSamlInstructions connection={connection} />;\n      case 'google-workspace':\n        return <GoogleSamlInstructions connection={connection} />;\n    }\n  }\n\n  if (type === 'oidc') {\n    switch (connection.identity_provider) {\n      case 'okta':\n        return <OktaOidcInstructions connection={connection} />;\n      case 'microsoft-entra':\n        return <EntraOidcInstructions connection={connection} />;\n    }\n  }\n\n  return <DefaultAppDetails connection={connection} />;\n};\n"],"names":["OktaSamlInstructions","connection","connectionProp","idp","getIdpAndConnectionInfo","React","InstructionSet","Instruction","b","PaddedContainer","SettingsList","IdpField","title","acsUrlLabel","value","acs_url","isCopyable","audienceUriLabel","audience_uri","nameIdFormatLabel","EntraSamlInstructions","Screenshot","src","adminPortalAssets","entraSetupSso","alt","entraBasicSamlConfig","GoogleSamlInstructions","div","googleSamlSpDetails","OktaOidcInstructions","data","useOrgInfo","organizationName","organization_name","oktaGrantType","redirectUrlLabel","CopyableText","redirect_url","oktaAccessType","EntraOidcInstructions","entraOidcAuthSetup","entraOidcConfigureRedirectUri","DefaultAppDetails","type","nameIdFormatValue","AppDetails","identity_provider"],"mappings":"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"}
+{"version":3,"file":"AppDetails.mjs","sources":["../../../../../../../../web/src/adminPortal/sso/AppDetails.tsx"],"sourcesContent":["import { adminPortalAssets } from '@stytch/internal-assets';\nimport React from 'react';\n\nimport { CopyableText } from '../components/CopyableText';\nimport { IdpField } from '../components/IdpField';\nimport { Instruction } from '../components/Instruction';\nimport { InstructionSet } from '../components/InstructionSet';\nimport { PaddedContainer } from '../components/PaddedContainer';\nimport { SettingsList } from '../components/SettingsList';\nimport { Screenshot } from '../shared/components/Screenshot';\nimport { useOrgInfo } from '../utils/useOrgInfo';\nimport { getIdpAndConnectionInfo } from './IdpInfo';\nimport { OIDCTaggedConnection, SAMLTaggedConnection, TaggedConnection } from './TaggedConnection';\n\nconst OktaSamlInstructions = ({ connection: connectionProp }: { connection: SAMLTaggedConnection }) => {\n  const { connection, idp } = getIdpAndConnectionInfo(connectionProp);\n\n  return (\n    <InstructionSet>\n      <Instruction>\n        Under <b>SAML Settings → General</b> within the app setup flow, input the following values:\n      </Instruction>\n      <PaddedContainer>\n        <SettingsList>\n          <IdpField title={idp.acsUrlLabel} value={connection.acs_url} isCopyable={true} />\n          <IdpField title=\"Single sign-on URL (as both Recipient and Destination URL)\" value=\"selected\" />\n          <IdpField title={idp.audienceUriLabel} value={connection.audience_uri} isCopyable={true} />\n          <IdpField title={idp.nameIdFormatLabel} value=\"EmailAddress\" />\n          <IdpField title=\"Application username\" value=\"Email\" />\n          <IdpField title=\"Update application username on\" value=\"Create and update\" />\n        </SettingsList>\n      </PaddedContainer>\n    </InstructionSet>\n  );\n};\n\nconst EntraSamlInstructions = ({ connection: connectionProp }: { connection: SAMLTaggedConnection }) => {\n  const { connection, idp } = getIdpAndConnectionInfo(connectionProp);\n\n  return (\n    <InstructionSet>\n      <Instruction>\n        Within your new application navigate to the <b>Single Sign-On</b> page in the left-hand navigation of the\n        application view, and select <b>SAML</b>.\n      </Instruction>\n      <Instruction>\n        Within the <b>Set up Single Sign-On with SAML page</b>, select the <b>Edit</b> button on Step 1:{' '}\n        <b>Basic SAML Configuration</b> and add the following values:\n      </Instruction>\n      <PaddedContainer>\n        <SettingsList>\n          <IdpField title={idp.audienceUriLabel} value={connection.audience_uri} isCopyable={true} />\n          <IdpField title={idp.acsUrlLabel} value={connection.acs_url} isCopyable={true} />\n        </SettingsList>\n      </PaddedContainer>\n      <Screenshot src={adminPortalAssets.entraSetupSso} alt=\"Entra Setup SSO\" />\n      <Screenshot src={adminPortalAssets.entraBasicSamlConfig} alt=\"Entra Basic SAML Config\" />\n      <Instruction>\n        Leave the <b>Optional</b> fields empty (Sign on URL, Relay State, and Logout URL) and click <b>Save</b>.\n      </Instruction>\n    </InstructionSet>\n  );\n};\n\nconst GoogleSamlInstructions = ({ connection: connectionProp }: { connection: SAMLTaggedConnection }) => {\n  const { connection, idp } = getIdpAndConnectionInfo(connectionProp);\n\n  return (\n    <InstructionSet>\n      <div>\n        <Instruction>\n          Under <b>Service provider details</b> input the following:\n        </Instruction>\n        <PaddedContainer>\n          <SettingsList>\n            <IdpField title={idp.acsUrlLabel} value={connection.acs_url} isCopyable={true} />\n            <IdpField title={idp.audienceUriLabel} value={connection.audience_uri} isCopyable={true} />\n          </SettingsList>\n        </PaddedContainer>\n      </div>\n      <Instruction>\n        Under <b>Name ID → Name ID format</b> select <b>EMAIL</b> from the dropdown.\n      </Instruction>\n      <Instruction>\n        Under <b>Name ID</b> select <b>Basic information → Primary email</b> from the dropdown.\n      </Instruction>\n      <Screenshot src={adminPortalAssets.googleSamlSpDetails} alt=\"Google SAML SP Details\" />\n      <Instruction>\n        Click <b>Continue</b>.\n      </Instruction>\n    </InstructionSet>\n  );\n};\n\nconst OktaOidcInstructions = ({ connection: connectionProp }: { connection: OIDCTaggedConnection }) => {\n  const { connection, idp } = getIdpAndConnectionInfo(connectionProp);\n\n  const { data } = useOrgInfo();\n  const organizationName = data?.organization_name ?? '';\n\n  return (\n    <InstructionSet>\n      <Instruction>\n        Under <b>General Settings</b> name your application {organizationName}.\n      </Instruction>\n      <Instruction>\n        Select <b>Authorization code</b> as the <b>Grant Type</b>.\n      </Instruction>\n      <Screenshot src={adminPortalAssets.oktaGrantType} alt=\"Okta grant type\" />\n      <div>\n        <Instruction>\n          Add the following value as a <b>{idp.redirectUrlLabel}</b>:\n        </Instruction>\n        <PaddedContainer>\n          <CopyableText>{connection.redirect_url}</CopyableText>\n        </PaddedContainer>\n      </div>\n      <div>\n        <Instruction>\n          Under <b>Assignments</b> specify whether you want to allow everyone in application to access, or only a subset\n          of your users. You can change this value later.\n        </Instruction>\n        <PaddedContainer>\n          <Instruction>\n            If you want all users to be able to access {organizationName} make sure to also enable Just-in-Time\n            Provisioning via this SSO Connection.\n          </Instruction>\n        </PaddedContainer>\n      </div>\n      <Screenshot src={adminPortalAssets.oktaAccessType} alt=\"Okta access type\" />\n      <Instruction>Click save.</Instruction>\n    </InstructionSet>\n  );\n};\n\nconst EntraOidcInstructions = ({ connection: connectionProp }: { connection: OIDCTaggedConnection }) => {\n  const { connection, idp } = getIdpAndConnectionInfo(connectionProp);\n\n  return (\n    <InstructionSet>\n      <Instruction>\n        Within the App Registration page, navigate to the <b>Authentication</b> page from the left-hand navigation and\n        under <b>Platform configurations</b> select <b>Add a platform</b> and choose <b>Web</b> as the platform type.\n      </Instruction>\n      <Screenshot src={adminPortalAssets.entraOidcAuthSetup} alt=\"Entra OIDC Auth Setup\" />\n      <div>\n        <Instruction>\n          In the <b>Configure web</b> page, enter the following value as the <b>Redirect URI</b>:\n        </Instruction>\n        <PaddedContainer>\n          <SettingsList>\n            <IdpField title={idp.redirectUrlLabel} value={connection.redirect_url} isCopyable={true} />\n          </SettingsList>\n        </PaddedContainer>\n        <Screenshot src={adminPortalAssets.entraOidcConfigureRedirectUri} alt=\"Entra OIDC Configure Redirect URI\" />\n      </div>\n      <Instruction>\n        Leave all other fields blank and click <b>Configure</b> to save.\n      </Instruction>\n    </InstructionSet>\n  );\n};\n\nexport const DefaultAppDetails = ({ connection: connectionProp }: { connection: TaggedConnection }) => {\n  const { connection, idp, type } = getIdpAndConnectionInfo(connectionProp);\n\n  return (\n    <SettingsList>\n      {type === 'saml' && (\n        <>\n          <IdpField title={idp.acsUrlLabel} value={connection.acs_url} isCopyable={true} />\n          <IdpField title={idp.audienceUriLabel} value={connection.audience_uri} isCopyable={true} />\n          <IdpField title={idp.nameIdFormatLabel} value={idp.nameIdFormatValue} />\n        </>\n      )}\n      {type === 'oidc' && <IdpField title={idp.redirectUrlLabel} value={connection.redirect_url} isCopyable={true} />}\n    </SettingsList>\n  );\n};\n\nexport const AppDetails = ({ connection: connectionProp }: { connection: TaggedConnection }) => {\n  const { connection, type } = getIdpAndConnectionInfo(connectionProp);\n\n  if (type === 'saml') {\n    switch (connection.identity_provider) {\n      case 'okta':\n        return <OktaSamlInstructions connection={connection} />;\n      case 'microsoft-entra':\n        return <EntraSamlInstructions connection={connection} />;\n      case 'google-workspace':\n        return <GoogleSamlInstructions connection={connection} />;\n    }\n  }\n\n  if (type === 'oidc') {\n    switch (connection.identity_provider) {\n      case 'okta':\n        return <OktaOidcInstructions connection={connection} />;\n      case 'microsoft-entra':\n        return <EntraOidcInstructions connection={connection} />;\n    }\n  }\n\n  return <DefaultAppDetails connection={connection} />;\n};\n"],"names":["OktaSamlInstructions","connection","connectionProp","idp","getIdpAndConnectionInfo","React","InstructionSet","Instruction","b","PaddedContainer","SettingsList","IdpField","title","acsUrlLabel","value","acs_url","isCopyable","audienceUriLabel","audience_uri","nameIdFormatLabel","EntraSamlInstructions","Screenshot","src","adminPortalAssets","entraSetupSso","alt","entraBasicSamlConfig","GoogleSamlInstructions","div","googleSamlSpDetails","OktaOidcInstructions","data","useOrgInfo","organizationName","organization_name","oktaGrantType","redirectUrlLabel","CopyableText","redirect_url","oktaAccessType","EntraOidcInstructions","entraOidcAuthSetup","entraOidcConfigureRedirectUri","DefaultAppDetails","type","nameIdFormatValue","AppDetails","identity_provider"],"mappings":"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"}

package/dist/esm-dev/packages/web/src/adminPortal/sso/CreateApplication.mjs

@@ -7,14 +7,14 @@ import { Screenshot } from '../shared/components/Screenshot.mjs';
 import { useProjectName } from '../utils/useProjectName.mjs';
 import { getIdpAndConnectionInfo } from './IdpInfo.mjs';
 
-const OktaSamlInstructions$2 = ()=>{
+const OktaSamlInstructions = ()=>{
     const projectName = useProjectName();
     return /*#__PURE__*/ React__default.createElement(InstructionSet, null, /*#__PURE__*/ React__default.createElement(Instruction, null, "In the Okta Admin Dashboard navigate to ", /*#__PURE__*/ React__default.createElement("b", null, "Applications"), " on the left hand side, and select", ' ', /*#__PURE__*/ React__default.createElement("b", null, "Create App Integration"), "."), /*#__PURE__*/ React__default.createElement(Screenshot, {
         src: adminPortalAssets.oktaCreateAppIntegration,
         alt: "Okta Create App Integration"
     }), /*#__PURE__*/ React__default.createElement(Instruction, null, "Select ", /*#__PURE__*/ React__default.createElement("b", null, "SAML 2.0"), " and continue to the the General Settings form, setting ", projectName, " or similar as the name of the application before continuing on to the ", /*#__PURE__*/ React__default.createElement("b", null, "Configure SAML"), " page."));
 };
-const EntraSamlInstructions$2 = ()=>{
+const EntraSamlInstructions = ()=>{
     const projectName = useProjectName();
     return /*#__PURE__*/ React__default.createElement(InstructionSet, null, /*#__PURE__*/ React__default.createElement(Instruction, null, "Log into the ", /*#__PURE__*/ React__default.createElement("b", null, "Microsoft Entra Admin Center"), " and navigate to ", /*#__PURE__*/ React__default.createElement("b", null, "Applications → Enterprise applications"), ' ', "on the left hand navigation bar."), /*#__PURE__*/ React__default.createElement(Screenshot, {
         src: adminPortalAssets.entraCreateNewApplication,
@@ -24,7 +24,7 @@ const EntraSamlInstructions$2 = ()=>{
         alt: "Entra Create Own App"
     }), /*#__PURE__*/ React__default.createElement(Instruction, null, "Name your application ", projectName, " or something similar, and choose", ' ', /*#__PURE__*/ React__default.createElement("b", null, "Integrate any other application you don't find in the gallery (Non-gallery)"), " from the toggle options."), /*#__PURE__*/ React__default.createElement(Instruction, null, "Click ", /*#__PURE__*/ React__default.createElement("b", null, "Create"), "."));
 };
-const GoogleSamlInstructions$1 = ()=>{
+const GoogleSamlInstructions = ()=>{
     const projectName = useProjectName();
     return /*#__PURE__*/ React__default.createElement(InstructionSet, null, /*#__PURE__*/ React__default.createElement(Instruction, null, "In the ", /*#__PURE__*/ React__default.createElement("b", null, "Google Workspace Admin Console"), " select ", /*#__PURE__*/ React__default.createElement("b", null, "Apps → Web and mobile apps"), " from the left-hand side navigation."), /*#__PURE__*/ React__default.createElement(Screenshot, {
         src: adminPortalAssets.googleAppsTab,
@@ -34,7 +34,7 @@ const GoogleSamlInstructions$1 = ()=>{
         alt: "Google Add SAML App"
     }), /*#__PURE__*/ React__default.createElement(Instruction, null, "Name your application ", projectName, " or something similar and an optional description. Click ", /*#__PURE__*/ React__default.createElement("b", null, "Continue"), "."));
 };
-const OktaOidcInstructions$1 = ()=>{
+const OktaOidcInstructions = ()=>{
     return /*#__PURE__*/ React__default.createElement(InstructionSet, null, /*#__PURE__*/ React__default.createElement("div", null, /*#__PURE__*/ React__default.createElement(Instruction, null, "In the Okta Admin Dashboard navigate to ", /*#__PURE__*/ React__default.createElement("b", null, "Applications"), " on the left hand side, and select", ' ', /*#__PURE__*/ React__default.createElement("b", null, "Create App Integration"), "."), /*#__PURE__*/ React__default.createElement(Screenshot, {
         src: adminPortalAssets.oktaCreateAppIntegration,
         alt: "Okta Create App Integration"
@@ -43,7 +43,7 @@ const OktaOidcInstructions$1 = ()=>{
         alt: "Okta OIDC app type"
     }))), /*#__PURE__*/ React__default.createElement(Instruction, null, "Click Next."));
 };
-const EntraOidcInstructions$1 = ()=>{
+const EntraOidcInstructions = ()=>{
     const projectName = useProjectName();
     return /*#__PURE__*/ React__default.createElement(InstructionSet, null, /*#__PURE__*/ React__default.createElement(Instruction, null, "Log into the ", /*#__PURE__*/ React__default.createElement("b", null, "Microsoft Entra Admin Center"), " and navigate to ", /*#__PURE__*/ React__default.createElement("b", null, "Applications → App registrations"), " on the left hand navigation bar."), /*#__PURE__*/ React__default.createElement(Instruction, null, "Within the App registrations tab, select ", /*#__PURE__*/ React__default.createElement("b", null, "New Registration"), " from the top navigation."), /*#__PURE__*/ React__default.createElement(Screenshot, {
         src: adminPortalAssets.entraOidcAppRegistrations,
@@ -58,19 +58,19 @@ const CreateApplication = ({ connection: connectionProp })=>{
     if (type === 'saml') {
         switch(connection.identity_provider){
             case 'okta':
-                return /*#__PURE__*/ React__default.createElement(OktaSamlInstructions$2, null);
+                return /*#__PURE__*/ React__default.createElement(OktaSamlInstructions, null);
             case 'microsoft-entra':
-                return /*#__PURE__*/ React__default.createElement(EntraSamlInstructions$2, null);
+                return /*#__PURE__*/ React__default.createElement(EntraSamlInstructions, null);
             case 'google-workspace':
-                return /*#__PURE__*/ React__default.createElement(GoogleSamlInstructions$1, null);
+                return /*#__PURE__*/ React__default.createElement(GoogleSamlInstructions, null);
         }
     }
     if (type === 'oidc') {
         switch(connection.identity_provider){
             case 'okta':
-                return /*#__PURE__*/ React__default.createElement(OktaOidcInstructions$1, null);
+                return /*#__PURE__*/ React__default.createElement(OktaOidcInstructions, null);
             case 'microsoft-entra':
-                return /*#__PURE__*/ React__default.createElement(EntraOidcInstructions$1, null);
+                return /*#__PURE__*/ React__default.createElement(EntraOidcInstructions, null);
         }
     }
     return /*#__PURE__*/ React__default.createElement(React__default.Fragment, null);

package/dist/esm-dev/packages/web/src/adminPortal/sso/CreateApplication.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CreateApplication.mjs","sources":["../../../../../../../../web/src/adminPortal/sso/CreateApplication.tsx"],"sourcesContent":["import { adminPortalAssets } from '@stytch/internal-assets';\nimport React from 'react';\n\nimport { Instruction } from '../components/Instruction';\nimport { InstructionSet } from '../components/InstructionSet';\nimport { PaddedContainer } from '../components/PaddedContainer';\nimport { Screenshot } from '../shared/components/Screenshot';\nimport { useProjectName } from '../utils/useProjectName';\nimport { getIdpAndConnectionInfo } from './IdpInfo';\nimport { TaggedConnection } from './TaggedConnection';\n\nconst OktaSamlInstructions = () => {\n  const projectName = useProjectName();\n\n  return (\n    <InstructionSet>\n      <Instruction>\n        In the Okta Admin Dashboard navigate to <b>Applications</b> on the left hand side, and select{' '}\n        <b>Create App Integration</b>.\n      </Instruction>\n      <Screenshot src={adminPortalAssets.oktaCreateAppIntegration} alt=\"Okta Create App Integration\" />\n      <Instruction>\n        Select <b>SAML 2.0</b> and continue to the the General Settings form, setting {projectName} or similar as the\n        name of the application before continuing on to the <b>Configure SAML</b> page.\n      </Instruction>\n    </InstructionSet>\n  );\n};\n\nconst EntraSamlInstructions = () => {\n  const projectName = useProjectName();\n\n  return (\n    <InstructionSet>\n      <Instruction>\n        Log into the <b>Microsoft Entra Admin Center</b> and navigate to <b>Applications → Enterprise applications</b>{' '}\n        on the left hand navigation bar.\n      </Instruction>\n      <Screenshot src={adminPortalAssets.entraCreateNewApplication} alt=\"Entra Create New Application\" />\n      <Instruction>\n        Within the All Applications tab, select <b>New Application</b> and then from within the Microsoft Entra Gallery\n        page select the <b>Create your own application</b> option.\n      </Instruction>\n      <Screenshot src={adminPortalAssets.entraCreateOwnApp} alt=\"Entra Create Own App\" />\n      <Instruction>\n        Name your application {projectName} or something similar, and choose{' '}\n        <b>Integrate any other application you don&apos;t find in the gallery (Non-gallery)</b> from the toggle options.\n      </Instruction>\n      <Instruction>\n        Click <b>Create</b>.\n      </Instruction>\n    </InstructionSet>\n  );\n};\n\nconst GoogleSamlInstructions = () => {\n  const projectName = useProjectName();\n\n  return (\n    <InstructionSet>\n      <Instruction>\n        In the <b>Google Workspace Admin Console</b> select <b>Apps → Web and mobile apps</b> from the left-hand side\n        navigation.\n      </Instruction>\n      <Screenshot src={adminPortalAssets.googleAppsTab} alt=\"Google Apps Tab\" />\n      <Instruction>\n        Select <b>Add custom app</b> from the <b>Add app</b> dropdown.\n      </Instruction>\n      <Screenshot src={adminPortalAssets.googleAddSamlApp} alt=\"Google Add SAML App\" />\n      <Instruction>\n        Name your application {projectName} or something similar and an optional description. Click <b>Continue</b>.\n      </Instruction>\n    </InstructionSet>\n  );\n};\n\nconst OktaOidcInstructions = () => {\n  return (\n    <InstructionSet>\n      <div>\n        <Instruction>\n          In the Okta Admin Dashboard navigate to <b>Applications</b> on the left hand side, and select{' '}\n          <b>Create App Integration</b>.\n        </Instruction>\n        <Screenshot src={adminPortalAssets.oktaCreateAppIntegration} alt=\"Okta Create App Integration\" />\n        <Instruction>On the following page, select the following options:</Instruction>\n        <PaddedContainer>\n          <Instruction>Sign-in method: OIDC - OpenID Connect</Instruction>\n          <Instruction>Application type: Web Application</Instruction>\n          <Screenshot src={adminPortalAssets.oktaOidcAppType} alt=\"Okta OIDC app type\" />\n        </PaddedContainer>\n      </div>\n      <Instruction>Click Next.</Instruction>\n    </InstructionSet>\n  );\n};\n\nconst EntraOidcInstructions = () => {\n  const projectName = useProjectName();\n\n  return (\n    <InstructionSet>\n      <Instruction>\n        Log into the <b>Microsoft Entra Admin Center</b> and navigate to <b>Applications → App registrations</b> on the\n        left hand navigation bar.\n      </Instruction>\n      <Instruction>\n        Within the App registrations tab, select <b>New Registration</b> from the top navigation.\n      </Instruction>\n      <Screenshot src={adminPortalAssets.entraOidcAppRegistrations} alt=\"Entra OIDC App Registrations\" />\n      <Instruction>\n        Name your application {projectName} or something similar, and select{' '}\n        <b>Accounts in this organizational directory only (Default Directory only - Single tenant)</b> for{' '}\n        <b>Supported account types</b>.\n      </Instruction>\n      <Screenshot src={adminPortalAssets.entraOidcRegisterApp} alt=\"Entra OIDC Register App\" />\n      <Instruction>\n        Click <b>Register</b>.\n      </Instruction>\n    </InstructionSet>\n  );\n};\n\nexport const CreateApplication = ({ connection: connectionProp }: { connection: TaggedConnection }) => {\n  const { connection, type } = getIdpAndConnectionInfo(connectionProp);\n\n  if (type === 'saml') {\n    switch (connection.identity_provider) {\n      case 'okta':\n        return <OktaSamlInstructions />;\n      case 'microsoft-entra':\n        return <EntraSamlInstructions />;\n      case 'google-workspace':\n        return <GoogleSamlInstructions />;\n    }\n  }\n\n  if (type === 'oidc') {\n    switch (connection.identity_provider) {\n      case 'okta':\n        return <OktaOidcInstructions />;\n      case 'microsoft-entra':\n        return <EntraOidcInstructions />;\n    }\n  }\n\n  return <></>;\n};\n"],"names":["OktaSamlInstructions","projectName","useProjectName","React","InstructionSet","Instruction","b","Screenshot","src","adminPortalAssets","oktaCreateAppIntegration","alt","EntraSamlInstructions","entraCreateNewApplication","entraCreateOwnApp","GoogleSamlInstructions","googleAppsTab","googleAddSamlApp","OktaOidcInstructions","div","PaddedContainer","oktaOidcAppType","EntraOidcInstructions","entraOidcAppRegistrations","entraOidcRegisterApp","CreateApplication","connection","connectionProp","type","getIdpAndConnectionInfo","identity_provider"],"mappings":"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"}
+{"version":3,"file":"CreateApplication.mjs","sources":["../../../../../../../../web/src/adminPortal/sso/CreateApplication.tsx"],"sourcesContent":["import { adminPortalAssets } from '@stytch/internal-assets';\nimport React from 'react';\n\nimport { Instruction } from '../components/Instruction';\nimport { InstructionSet } from '../components/InstructionSet';\nimport { PaddedContainer } from '../components/PaddedContainer';\nimport { Screenshot } from '../shared/components/Screenshot';\nimport { useProjectName } from '../utils/useProjectName';\nimport { getIdpAndConnectionInfo } from './IdpInfo';\nimport { TaggedConnection } from './TaggedConnection';\n\nconst OktaSamlInstructions = () => {\n  const projectName = useProjectName();\n\n  return (\n    <InstructionSet>\n      <Instruction>\n        In the Okta Admin Dashboard navigate to <b>Applications</b> on the left hand side, and select{' '}\n        <b>Create App Integration</b>.\n      </Instruction>\n      <Screenshot src={adminPortalAssets.oktaCreateAppIntegration} alt=\"Okta Create App Integration\" />\n      <Instruction>\n        Select <b>SAML 2.0</b> and continue to the the General Settings form, setting {projectName} or similar as the\n        name of the application before continuing on to the <b>Configure SAML</b> page.\n      </Instruction>\n    </InstructionSet>\n  );\n};\n\nconst EntraSamlInstructions = () => {\n  const projectName = useProjectName();\n\n  return (\n    <InstructionSet>\n      <Instruction>\n        Log into the <b>Microsoft Entra Admin Center</b> and navigate to <b>Applications → Enterprise applications</b>{' '}\n        on the left hand navigation bar.\n      </Instruction>\n      <Screenshot src={adminPortalAssets.entraCreateNewApplication} alt=\"Entra Create New Application\" />\n      <Instruction>\n        Within the All Applications tab, select <b>New Application</b> and then from within the Microsoft Entra Gallery\n        page select the <b>Create your own application</b> option.\n      </Instruction>\n      <Screenshot src={adminPortalAssets.entraCreateOwnApp} alt=\"Entra Create Own App\" />\n      <Instruction>\n        Name your application {projectName} or something similar, and choose{' '}\n        <b>Integrate any other application you don&apos;t find in the gallery (Non-gallery)</b> from the toggle options.\n      </Instruction>\n      <Instruction>\n        Click <b>Create</b>.\n      </Instruction>\n    </InstructionSet>\n  );\n};\n\nconst GoogleSamlInstructions = () => {\n  const projectName = useProjectName();\n\n  return (\n    <InstructionSet>\n      <Instruction>\n        In the <b>Google Workspace Admin Console</b> select <b>Apps → Web and mobile apps</b> from the left-hand side\n        navigation.\n      </Instruction>\n      <Screenshot src={adminPortalAssets.googleAppsTab} alt=\"Google Apps Tab\" />\n      <Instruction>\n        Select <b>Add custom app</b> from the <b>Add app</b> dropdown.\n      </Instruction>\n      <Screenshot src={adminPortalAssets.googleAddSamlApp} alt=\"Google Add SAML App\" />\n      <Instruction>\n        Name your application {projectName} or something similar and an optional description. Click <b>Continue</b>.\n      </Instruction>\n    </InstructionSet>\n  );\n};\n\nconst OktaOidcInstructions = () => {\n  return (\n    <InstructionSet>\n      <div>\n        <Instruction>\n          In the Okta Admin Dashboard navigate to <b>Applications</b> on the left hand side, and select{' '}\n          <b>Create App Integration</b>.\n        </Instruction>\n        <Screenshot src={adminPortalAssets.oktaCreateAppIntegration} alt=\"Okta Create App Integration\" />\n        <Instruction>On the following page, select the following options:</Instruction>\n        <PaddedContainer>\n          <Instruction>Sign-in method: OIDC - OpenID Connect</Instruction>\n          <Instruction>Application type: Web Application</Instruction>\n          <Screenshot src={adminPortalAssets.oktaOidcAppType} alt=\"Okta OIDC app type\" />\n        </PaddedContainer>\n      </div>\n      <Instruction>Click Next.</Instruction>\n    </InstructionSet>\n  );\n};\n\nconst EntraOidcInstructions = () => {\n  const projectName = useProjectName();\n\n  return (\n    <InstructionSet>\n      <Instruction>\n        Log into the <b>Microsoft Entra Admin Center</b> and navigate to <b>Applications → App registrations</b> on the\n        left hand navigation bar.\n      </Instruction>\n      <Instruction>\n        Within the App registrations tab, select <b>New Registration</b> from the top navigation.\n      </Instruction>\n      <Screenshot src={adminPortalAssets.entraOidcAppRegistrations} alt=\"Entra OIDC App Registrations\" />\n      <Instruction>\n        Name your application {projectName} or something similar, and select{' '}\n        <b>Accounts in this organizational directory only (Default Directory only - Single tenant)</b> for{' '}\n        <b>Supported account types</b>.\n      </Instruction>\n      <Screenshot src={adminPortalAssets.entraOidcRegisterApp} alt=\"Entra OIDC Register App\" />\n      <Instruction>\n        Click <b>Register</b>.\n      </Instruction>\n    </InstructionSet>\n  );\n};\n\nexport const CreateApplication = ({ connection: connectionProp }: { connection: TaggedConnection }) => {\n  const { connection, type } = getIdpAndConnectionInfo(connectionProp);\n\n  if (type === 'saml') {\n    switch (connection.identity_provider) {\n      case 'okta':\n        return <OktaSamlInstructions />;\n      case 'microsoft-entra':\n        return <EntraSamlInstructions />;\n      case 'google-workspace':\n        return <GoogleSamlInstructions />;\n    }\n  }\n\n  if (type === 'oidc') {\n    switch (connection.identity_provider) {\n      case 'okta':\n        return <OktaOidcInstructions />;\n      case 'microsoft-entra':\n        return <EntraOidcInstructions />;\n    }\n  }\n\n  return <></>;\n};\n"],"names":["OktaSamlInstructions","projectName","useProjectName","React","InstructionSet","Instruction","b","Screenshot","src","adminPortalAssets","oktaCreateAppIntegration","alt","EntraSamlInstructions","entraCreateNewApplication","entraCreateOwnApp","GoogleSamlInstructions","googleAppsTab","googleAddSamlApp","OktaOidcInstructions","div","PaddedContainer","oktaOidcAppType","EntraOidcInstructions","entraOidcAppRegistrations","entraOidcRegisterApp","CreateApplication","connection","connectionProp","type","getIdpAndConnectionInfo","identity_provider"],"mappings":"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"}