npm - @stytch/vanilla-js - Versions diffs - 6.0.4 → 6.0.5 - Mend

@stytch/vanilla-js 6.0.4 → 6.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1083) hide show

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

	@@ -1 +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":";;;;;;;;;;;;;;AAcA,MAAMA,~~cAAAA~~,GAAiBC,MAAAA,CAAOC,OAAO,CAACC,YAAYC,GAAG,CAAC,CAAC,CAACC,KAAK,EAAEC,WAAW,EAAE,CAAC,IAAM;QACjFC,KAAAA,EAAOF,GAAAA;QACPG,KAAAA,EAAOF;KACT,CAAA,CAAA;MACaG,uBAAAA,GAA0B,IAAA;IACrC,MAAM,EAAEC,QAAQ,EAAE,GAAGC,uBAAAA,EAAAA;IACrB,MAAM,CAACN,GAAAA,EAAKO,MAAAA,CAAO,GAAGC,CAAAA,EAAAA;AACtB,IAAA,MAAM,CAACP,WAAAA,EAAaQ,cAAAA,CAAe,GAAGD,CAAAA,CAAiB,EAAA,CAAA;AACvD,IAAA,MAAME,YAAYT,WAAAA,IAAeD,GAAAA;AAEjC,IAAA,MAAMW,MAAAA,GAASC,eAAAA,EAAAA;IACf,MAAM,EAAEC,MAAM,EAAE,GAAGC,YAAAA,EAAAA;IAEnB,MAAMC,YAAAA,GAAeC,EACnB,OAAOC,CAAAA,GAAAA;AACLA,QAAAA,CAAAA,CAAEC,cAAc,EAAA;AAEhB,QAAA,IAAI,CAACR,SAAAA,EAAW;AACd,YAAA;AACF,QAAA;QAEA,MAAMS,QAAAA,GAAW,MAAMN,MAAAA,CAAO,aAAA,EAAe,UAAA;AAC3C,YAAA,MAAMO,MAAAA,GAAS;gBAAEC,YAAAA,EAAcpB,WAAAA;gBAAaqB,iBAAAA,EAAmBtB;AAAI,aAAA;AACnE,YAAA,MAAMuB,SAAS,MAAMZ,MAAAA,CAAOa,IAAI,CAACC,gBAAgB,CAACL,MAAAA,CAAAA;YAClD,MAAMM,UAAAA,GAAaH,OAAOG,UAAU;AAEpCb,YAAAA,MAAAA,CAAOc,kBAAAA,CAAmBD,UAAAA,CAAWE,eAAe,CAAA,EAAG,OAAOC,GAAAA,GAAAA;AAC5D,gBAAA,IAAIA,GAAAA,EAAK;oBACP,OAAO;AACL,wBAAA,GAAGA,GAAG;wBACNC,sBAAAA,EAAwB;AACtBC,4BAAAA,aAAAA,EAAeL,WAAWK,aAAa;AACvCV,4BAAAA,YAAAA,EAAcK,WAAWL;AAC3B;AACF,qBAAA;AACF,gBAAA;AACF,YAAA,CAAA,CAAA;YACA,OAAOK,UAAAA;AACT,QAAA,CAAA,CAAA;AAEA,QAAA,IAAIP,QAAAA,EAAU;YACZd,QAAAA,CAAS;gBACP2B,MAAAA,EAAQ,wBAAA;gBACRZ,MAAAA,EAAQ;oBACNM,UAAAA,EAAYP;AACd;AACF,aAAA,CAAA;AACF,QAAA;IACF,CAAA,EACA;AAACT,QAAAA,SAAAA;AAAWC,QAAAA,MAAAA,CAAOa,IAAI;AAAEvB,QAAAA,WAAAA;AAAaD,QAAAA,GAAAA;AAAKa,QAAAA,MAAAA;AAAQR,QAAAA;AAAS,KAAA,CAAA;AAG9D,IAAA,qBACE4B,EAAA,CAAA,aAAA,CAACC,MAAAA,EAAAA;QAAKC,QAAAA,EAAUpB;qBACdkB,EAAA,CAAA,aAAA,CAACG,OAAAA,EAAAA;QAAQC,aAAAA,EAAc,QAAA;QAASC,GAAAA,EAAK;qBACnCL,EAAA,CAAA,aAAA,CAACM,UAAAA,EAAAA;QAAWC,OAAAA,EAAQ;AAAK,KAAA,EAAA,wBAAA,CAAA,gBACzBP,EAAA,CAAA,aAAA,CAACG,OAAAA,EAAAA;QAAQC,aAAAA,EAAc;qBACrBJ,EAAA,CAAA,aAAA,CAACM,UAAAA,EAAAA,IAAAA,EAAW,mCACZN,EAAA,CAAA,aAAA,CAACQ,MAAAA,EAAAA;QACCC,KAAAA,EAAO,GAAA;QACPC,WAAAA,EAAY,QAAA;QACZzC,KAAAA,EAAOF,GAAAA;QACP4C,WAAAA,EAAajD,~~cAAAA~~;QACbkD,QAAAA,EAAU,CAAC3C,QAAUK,MAAAA,CAAOL,KAAAA;uBAGhC+B,EAAA,CAAA,aAAA,CAACG,OAAAA,EAAAA;QAAQC,aAAAA,EAAc;qBACrBJ,EAAA,CAAA,aAAA,CAACM,UAAAA,EAAAA,IAAAA,EAAW,iEACZN,EAAA,CAAA,aAAA,CAACa,KAAAA,EAAAA;QAAM5C,KAAAA,EAAOD,WAAAA;QAAa4C,QAAAA,EAAU,CAAC3C,QAAUO,cAAAA,CAAeP,KAAAA,CAAAA;QAAQyC,WAAAA,EAAY;uBAErFV,EAAA,CAAA,aAAA,CAACM,UAAAA,EAAAA,IAAAA,EAAW,+KAIZN,EAAA,CAAA,aAAA,CAACG,OAAAA,EAAAA;QAAQC,aAAAA,EAAc,KAAA;QAAMC,GAAAA,EAAK;qBAChCL,EAAA,CAAA,aAAA,CAACc,MAAAA,EAAAA;QACCP,OAAAA,EAAQ,OAAA;QACRQ,OAAAA,EAAS,IAAA;YACP3C,QAAAA,CAAS;gBAAE2B,MAAAA,EAAQ;AAAiB,aAAA,CAAA;AACtC,QAAA;AACD,KAAA,EAAA,QAAA,CAAA,gBAGDC,EAAA,CAAA,aAAA,CAACc,MAAAA,EAAAA;QAAOE,IAAAA,EAAK,QAAA;AAASC,QAAAA,QAAAA,EAAU,CAACxC;AAAW,KAAA,EAAA,QAAA,CAAA,CAAA,CAAA,CAAA;AAOtD;;;;"}
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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"}

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

@@ -19,13 +19,13 @@ const validateConfig = (config)=>{
         throw new Error('mfaAuthMethods must contain at least one value');
     }
 };
-const routeMap = {
+const routeMap$1 = {
     orgSettingsScreen: OrgSettingsScreen
 };
-const initialRoute = {
+const initialRoute$1 = {
     screen: 'orgSettingsScreen'
 };
-const Content = ()=>{
+const Content$1 = ()=>{
     const { self, fromCache } = useSelf();
     const { error: adminPortalConfigError } = useAdminPortalConfig({
         shouldFetch: !!self
@@ -44,9 +44,9 @@ const Content = ()=>{
         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__*/ wn.createElement(OrgSettingsRouterProvider, {
-        initialRoute: initialRoute
+        initialRoute: initialRoute$1
     }, /*#__PURE__*/ wn.createElement(OrgSettingsRouter, {
-        routeMap: routeMap
+        routeMap: routeMap$1
     })));
 };
 const AdminPortalOrgSettingsContainer = (props)=>{
@@ -66,8 +66,8 @@ const AdminPortalOrgSettingsContainer = (props)=>{
     ]);
     return /*#__PURE__*/ wn.createElement(AdminPortalWrapper, {
         options: props
-    }, /*#__PURE__*/ wn.createElement(Content, null));
+    }, /*#__PURE__*/ wn.createElement(Content$1, null));
 };
-export { AdminPortalOrgSettingsContainer, Content };
+export { AdminPortalOrgSettingsContainer, Content$1 as Content };
 //# sourceMappingURL=AdminPortalOrgSettingsContainer.mjs.map

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

	@@ -1 +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,~~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,EAAA,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,EAAA,CAAA,aAAA,CAACO,yBAAAA,EAAAA;QAA0BrB,YAAAA,EAAcA;qBACvCc,EAAA,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,CAAAA,CAAOJ,KAAAA,CAAMK,MAAM,CAAA;;IAEzCC,CAAAA,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,CAAAA,CAAU,IAAA;QACRvC,cAAAA,CAAekC,QAAAA,CAAAA;IACjB,CAAA,EAAG;AAACA,QAAAA;AAAS,KAAA,CAAA;AAEb,IAAA,qBACEX,EAAA,CAAA,aAAA,CAACuB,kBAAAA,EAAAA;QAAmBC,OAAAA,EAASd;qBAC3BV,EAAA,CAAA,aAAA,CAACZ,~~OAAAA~~,EAAAA,IAAAA,CAAAA,CAAAA;AAGP;;;;"}
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,EAAA,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,EAAA,CAAA,aAAA,CAACO,yBAAAA,EAAAA;QAA0BrB,YAAAA,EAAcA;qBACvCc,EAAA,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,CAAAA,CAAOJ,KAAAA,CAAMK,MAAM,CAAA;;IAEzCC,CAAAA,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,CAAAA,CAAU,IAAA;QACRvC,cAAAA,CAAekC,QAAAA,CAAAA;IACjB,CAAA,EAAG;AAACA,QAAAA;AAAS,KAAA,CAAA;AAEb,IAAA,qBACEX,EAAA,CAAA,aAAA,CAACuB,kBAAAA,EAAAA;QAAmBC,OAAAA,EAASd;qBAC3BV,EAAA,CAAA,aAAA,CAACZ,SAAAA,EAAAA,IAAAA,CAAAA,CAAAA;AAGP;;;;"}

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

@@ -32,7 +32,7 @@ const allowedMfaMethodsLabelMap = {
     sms_otp: 'SMS OTP',
     totp: 'TOTP'
 };
-const useMutateAuthSettings = ()=>{
+const useMutateAuthSettings$1 = ()=>{
     const { mutate } = useMutateOrganization();
     const setOrgAuthSettings = (mutatedProperties)=>{
         return mutate(mutatedProperties, {
@@ -155,7 +155,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();
+    const { setOrgAuthSettings } = useMutateAuthSettings$1();
     const { data: adminPortalConfig } = useAdminPortalConfig({
         shouldFetch: true
     });

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

	@@ -1 +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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"}
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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"}

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

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

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

	@@ -1 +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,~~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,EAAA,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;;;;"}
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,EAAA,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;;;;"}

package/dist/esm/packages/web/src/adminPortal/shared/components/Checkbox.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 import wn from '../../../../../../node_modules/preact/compat/dist/compat.module.mjs';
 import styled from '../../../../../../node_modules/@mui/material/styles/styled.mjs';
-import Checkbox from '../../../../../../node_modules/@mui/material/Checkbox/Checkbox.mjs';
 import FormControlLabel from '../../../../../../node_modules/@mui/material/FormControlLabel/FormControlLabel.mjs';
+import Checkbox from '../../../../../../node_modules/@mui/material/Checkbox/Checkbox.mjs';
 const CheckboxContainer = styled(FormControlLabel)(({ theme })=>({
         display: 'flex',

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

@@ -1,16 +1,16 @@
 import wn from '../../../../../../node_modules/preact/compat/dist/compat.module.mjs';
 import { validateRowKey, getTableCellValue } from '../utils/tableUtils.mjs';
 import { TABLE_ACTIONS_HEADER, TableActionsContainer } from './TableActions.mjs';
-import TableContainer from '../../../../../../node_modules/@mui/material/TableContainer/TableContainer.mjs';
 import styled from '../../../../../../node_modules/@mui/material/styles/styled.mjs';
+import Table from '../../../../../../node_modules/@mui/material/Table/Table.mjs';
+import TableCell from '../../../../../../node_modules/@mui/material/TableCell/TableCell.mjs';
+import TableContainer from '../../../../../../node_modules/@mui/material/TableContainer/TableContainer.mjs';
 import TableHead from '../../../../../../node_modules/@mui/material/TableHead/TableHead.mjs';
 import TableRow from '../../../../../../node_modules/@mui/material/TableRow/TableRow.mjs';
 import TableBody from '../../../../../../node_modules/@mui/material/TableBody/TableBody.mjs';
-import Table from '../../../../../../node_modules/@mui/material/Table/Table.mjs';
-import TableCell from '../../../../../../node_modules/@mui/material/TableCell/TableCell.mjs';
 import { useCallback as T, useState as h, useEffect as p } from '../../../../../../node_modules/preact/hooks/dist/hooks.module.mjs';
-const StyledTable = styled(Table)(({ hasActions })=>[
+const StyledTable$1 = styled(Table)(({ hasActions })=>[
         // For some reason with position sticky, the table is 2px wider than the container
         hasActions && {
             width: 'calc(100% - 2px)'
@@ -57,7 +57,7 @@ const EmbeddedTableCore = ({ itemRenderer, items, rowKeyExtractor, getItemAction
         items,
         getId
     ]); // eslint-disable-line react-hooks/exhaustive-deps
-    return /*#__PURE__*/ wn.createElement(TableContainer, null, /*#__PURE__*/ wn.createElement(StyledTable, {
+    return /*#__PURE__*/ wn.createElement(TableContainer, null, /*#__PURE__*/ wn.createElement(StyledTable$1, {
         hasActions: Boolean(getItemActionProps)
     }, /*#__PURE__*/ wn.createElement(TableHead, null, /*#__PURE__*/ wn.createElement(TableRow, null, itemRenderer.map((column)=>/*#__PURE__*/ wn.createElement(StyleTabledCell, {
             key: `col-header-${column.title}`,

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

	@@ -1 +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":";;;;;;;;;;;;AAkBA,MAAMA,~~cAAcC~~,MAAAA,CAAOC,KAAAA,CAAAA,CAAgC,CAAC,EAAEC,UAAU,EAAE,GAAK;;QAE7EA,UAAAA,IAAc;YAAEC,KAAAA,EAAO;AAAmB;AAC3C,KAAA,CAAA;AAED,MAAMC,eAAAA,GAAkBJ,OAAOK,SAAAA,CAAAA,CAC7B,CAAC,EAAEC,SAAS,EAAEC,cAAc,EAAE,GAAK;AACjC,QAAA;YACE,OAAA,EAAS;gBACPC,UAAAA,EAAY;AACd;AACF,SAAA;QACAF,SAAAA,IAAa;YACXG,QAAAA,EAAU,QAAA;YACVC,KAAAA,EAAO,CAAA;YACPP,KAAAA,EAAO;AACT,SAAA;QACAI,cAAAA,IAAkB;YAChBI,YAAAA,EAAc;AAChB;AACD,KAAA,CAAA;AAkBI,MAAMC,iBAAAA,GAAoB,CAA6C,EAC5EC,YAAY,EACZC,KAAK,EACLC,eAAe,EACfC,kBAAkB,EAClBC,QAAQ,EACRC,YAAY,EACZC,gBAAgB,EAChBC,aAAa,EACbC,qBAAAA,EAAuBC,YAAY,EACnCC,mBAAAA,EAAqBC,UAAU,EAC+C,GAAA;AAC9EC,IAAAA,cAAAA,CAAeX,KAAAA,EAAOC,eAAAA,CAAAA;AAEtB,IAAA,MAAMW,KAAAA,GAAQC,CAAAA,CACZ,CAACC,IAAAA,GAAab,eAAAA,GAAkBA,eAAAA,CAAgBa,IAAAA,CAAAA,GAAQ,OAAOA,IAAAA,KAAS,QAAA,GAAWA,IAAAA,GAAQA,IAAAA,CAAKC,EAAE,EAClG;AAACd,QAAAA;AAAgB,KAAA,CAAA;IAGnB,MAAMe,SAAAA,GAAYX,oBAAoB,EAAC;IACvC,MAAM,CAACY,UAAAA,EAAYC,aAAAA,CAAc,GAAGC,CAAAA,CAClCnB,KAAAA,CAAMoB,MAAM,CAAC,CAACC,GAAAA,EAAKP,IAAAA,IAAU;AAAE,YAAA,GAAGO,GAAG;YAAE,CAACT,KAAAA,CAAME,QAAQE;AAAU,SAAA,GAAI,EAAC,CAAA,CAAA;IAGvE,MAAMM,YAAAA,GAAe,CAACR,IAAAA,EAASS,KAAAA,GAAAA;AAC7B,QAAA,MAAMR,KAAKH,KAAAA,CAAME,IAAAA,CAAAA;QACjBI,aAAAA,CAAc,CAACM,aAAe;AAAE,gBAAA,GAAGA,SAAS;AAAE,gBAAA,CAACT,KAAKQ;aAAM,CAAA,CAAA;AAC5D,IAAA,CAAA;IAEAE,CAAAA,CAAU,IAAA;AACRP,QAAAA,aAAAA,CAAclB,MAAMoB,MAAM,CAAC,CAACC,GAAAA,EAAKP,QAAU;AAAE,gBAAA,GAAGO,GAAG;AAAE,gBAAA,CAACT,MAAME,IAAAA,CAAAA,GAAQG,UAAU,CAACL,KAAAA,CAAME,MAAM,IAAIE;AAAU,aAAA,GAAI,EAAC,CAAA,CAAA;IAChH,CAAA,EAAG;AAAChB,QAAAA,KAAAA;AAAOY,QAAAA;AAAM,KAAA,CAAA,CAAA;IAEjB,qBACEc,EAAA,CAAA,aAAA,CAACC,oCACCD,EAAA,CAAA,aAAA,CAACzC,~~WAAAA~~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"}
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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"}

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

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

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

	@@ -1 +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,~~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,EAAA,CAAA,aAAA,CAACR~~,+BACCQ~~,EAAA,CAAA,aAAA,CAACD,OAAAA,EAAAA;QAAQE,IAAAA,EAAML;qBACbI,EAAA,CAAA,aAAA,CAACE,YAAAA,EAAAA;AAAaC,QAAAA,SAAAA,EAAWN,KAAAA,IAAS,SAAA;QAAWO,QAAAA,EAAS;;AAI9D;;;;"}
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,EAAA,CAAA,aAAA,CAACR,iCACCQ,EAAA,CAAA,aAAA,CAACD,OAAAA,EAAAA;QAAQE,IAAAA,EAAML;qBACbI,EAAA,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/PaginatedTable.mjs CHANGED Viewed

@@ -2,10 +2,10 @@ import wn from '../../../../../../node_modules/preact/compat/dist/compat.module.
 import { useUniqueId } from '../../../utils/uniqueId.mjs';
 import { useToast } from './Toast.mjs';
 import styled from '../../../../../../node_modules/@mui/material/styles/styled.mjs';
-import CircularProgress from '../../../../../../node_modules/@mui/material/CircularProgress/CircularProgress.mjs';
-import TablePagination from '../../../../../../node_modules/@mui/material/TablePagination/TablePagination.mjs';
 import tablePaginationClasses from '../../../../../../node_modules/@mui/material/TablePagination/tablePaginationClasses.mjs';
 import iconButtonClasses from '../../../../../../node_modules/@mui/material/IconButton/iconButtonClasses.mjs';
+import CircularProgress from '../../../../../../node_modules/@mui/material/CircularProgress/CircularProgress.mjs';
+import TablePagination from '../../../../../../node_modules/@mui/material/TablePagination/TablePagination.mjs';
 import { useRef as _ } from '../../../../../../node_modules/preact/hooks/dist/hooks.module.mjs';
 const DEFAULT_TABLE_ROWS_PER_PAGE = 20;

package/dist/esm/packages/web/src/adminPortal/shared/components/Radio.mjs CHANGED Viewed

@@ -1,8 +1,8 @@
 import wn from '../../../../../../node_modules/preact/compat/dist/compat.module.mjs';
 import styled from '../../../../../../node_modules/@mui/material/styles/styled.mjs';
-import Radio from '../../../../../../node_modules/@mui/material/Radio/Radio.mjs';
 import FormControlLabel from '../../../../../../node_modules/@mui/material/FormControlLabel/FormControlLabel.mjs';
 import radioClasses from '../../../../../../node_modules/@mui/material/Radio/radioClasses.mjs';
+import Radio from '../../../../../../node_modules/@mui/material/Radio/Radio.mjs';
 const StyledFormControlLabel = styled(FormControlLabel)(({ theme })=>({
         marginLeft: theme.spacing(-0.25),

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

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

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

	@@ -1 +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":";;;;;;AAQA,MAAMA,kBAAAA,GAAqBC,OAAO,KAAA,CAAA,CAAO;IACvCC,QAAAA,EAAU,UAAA;IACVC,KAAAA,EAAO;AACT,CAAA,CAAA;AAEA,MAAMC,~~aAAAA~~,GAAgBH,OAAO,KAAA,CAAA,CAAO,CAAC,EAAEI,KAAK,EAAE,IAAM;QAClDC,UAAAA,EAAY,QAAA;QACZC,OAAAA,EAAS,MAAA;QACTC,cAAAA,EAAgB,QAAA;QAChBN,QAAAA,EAAU,UAAA;QACVO,MAAAA,EAAQ,CAAA;QACRC,YAAAA,EAAcL,KAAAA,CAAMM,OAAO,CAAC,CAAA;KAC9B,CAAA,CAAA;AAEA,MAAMC,mBAAAA,GAAsBX,OAAOG,~~aAAAA~~,CAAAA,CAAe,CAAC,EAAEC,KAAK,EAAE,IAAM;AAChEQ,QAAAA,OAAAA,EAASR,KAAAA,CAAMM,OAAO,CAAC,GAAA,EAAK,GAAG,CAAA,EAAG,CAAA;KACpC,CAAA,CAAA;AAEA,MAAMG,kBAAAA,GAAqBb,OAAOG,~~aAAAA~~,CAAAA,CAAe,CAAC,EAAEC,KAAK,EAAE,IAAM;AAC/DI,QAAAA,MAAAA,EAAQ,EAAC;QACTM,KAAAA,EAAO,CAAA;QACPR,OAAAA,EAAS,MAAA;QACTL,QAAAA,EAAU,UAAA;QACVI,UAAAA,EAAY,QAAA;QACZI,YAAAA,EAAcL,KAAAA,CAAMM,OAAO,CAAC,CAAA,CAAA;QAC5BH,cAAAA,EAAgB,QAAA;QAChBQ,WAAAA,EAAaX,KAAAA,CAAMM,OAAO,CAAC,CAAA;KAC7B,CAAA,CAAA;AAEA,MAAMM,SAAAA,GAAYhB,OAAO,KAAA,CAAA,CAAO,CAAC,EAAEI,KAAK,EAAE,IAAM;QAC9Ca,MAAAA,EAAQ,WAAA;QACRC,YAAAA,EAAcd,KAAAA,CAAMe,KAAK,CAACD,YAAY;QACtCN,OAAAA,EAASR,KAAAA,CAAMM,OAAO,CAAC,CAAA,EAAG,CAAA;KAC5B,CAAA,CAAA;AAEA,MAAMU,oBAAAA,GAAuBpB,OAAO,KAAA,CAAA,CAAO,CAAC,EAAEI,KAAK,EAAE,IAAM;QACzD,SAAA,EAAW;AACTiB,YAAAA,WAAAA,EAAa,GAAGjB,KAAAA,CAAMM,OAAO,CAAC,CAAA,CAAA,CAAG,WAAW,CAAC;AAC7CY,YAAAA,YAAAA,EAAc,GAAGlB,KAAAA,CAAMM,OAAO,CAAC,CAAA,CAAA,CAAG,WAAW;AAC/C,SAAA;QACA,SAAA,EAAW;YACTa,MAAAA,EAAQ;AACV;KACF,CAAA,CAAA;AAIO,MAAMC,aAAAA,GAAgB,CAAC,EAC5BC,gBAAgBC,KAAK,EACrBC,qBAAqB,EACrBC,WAAW,EACXC,oBAAoB,EACpB,GAAGC,UAAAA,EAMF,GAAA;AACD,IAAA,MAAM,CAACC,QAAAA,EAAUC,WAAAA,CAAY,GAAGC,CAAAA,CAAkC,IAAA,CAAA;AAClE,IAAA,MAAM,CAACC,OAAAA,EAASC,UAAAA,CAAW,GAAGF,CAAAA,CAAS,KAAA,CAAA;AACvC,IAAA,MAAMG,OAAAA,GAAUC,CAAAA,CAAY,IAAMF,UAAAA,CAAW,OAAO,EAAE,CAAA;AACtD,IAAA,MAAMG,MAAAA,GAASD,CAAAA,CAAY,IAAMF,UAAAA,CAAW,QAAQ,EAAE,CAAA;IAEtDI,CAAAA,CAAU,IAAA;AACR,QAAA,MAAMC,YAAY,CAACC,CAAAA,GAAAA;YACjB,IAAIV,QAAAA,IAAY,CAACG,OAAAA,EAAS;AACxB,gBAAA,IAAI,CAACO,CAAEC,OAAO,IAAID,EAAEE,GAAG,KAAKC,IAAAA,CAAKC,CAAC,IAAKJ,CAAAA,CAAEE,GAAG,KAAKC,IAAAA,CAAKE,YAAY,EAAE;AAClEL,oBAAAA,CAAAA,CAAEM,eAAe,EAAA;AACjBhB,oBAAAA,QAAAA,CAASiB,KAAK,EAAA;AACd,oBAAA,IAAIP,CAAAA,CAAEE,GAAG,KAAKC,IAAAA,CAAKE,YAAY,EAAE;AAC/BL,wBAAAA,CAAAA,CAAEQ,cAAc,EAAA;AAClB,oBAAA;AACF,gBAAA;AACF,YAAA;AACF,QAAA,CAAA;QAEAC,QAAAA,CAASC,gBAAgB,CAAC,SAAA,EAAWX,SAAAA,CAAAA;AAErC,QAAA,OAAO,IAAMU,QAAAA,CAASE,mBAAmB,CAAC,SAAA,EAAWZ,SAAAA,CAAAA;IACvD,CAAA,EAAG;AAACT,QAAAA,QAAAA;AAAUG,QAAAA;AAAQ,KAAA,CAAA;IAEtB,qBACEmB,EAAA,CAAA,aAAA,CAACtD,wCACCsD,EAAA,CAAA,aAAA,CAAC1C,mBAAAA,EAAAA;QAAoB2C,EAAAA,EAAI3B;qBACvB0B,EAAA,CAAA,aAAA,CAACE,UAAAA,EAAAA;QAAWC,QAAAA,EAAS;uBAEvBH,EAAA,CAAA,aAAA,CAACxC,kBAAAA,EAAAA;QAAmByC,EAAAA,EAAIzB;qBACtBwB,EAAA,CAAA,aAAA,CAACrC,SAAAA,EAAAA;QAAUsC,EAAAA,EAAI1B;OAAa,GAAA,CAAA,CAAA,gBAE9ByB,EAAA,CAAA,aAAA,CAACjC,0CACCiC,EAAA,CAAA,aAAA,CAAC3B,KAAAA,EAAAA;AAAO,QAAA,GAAGI,UAAU;QAAE2B,SAAAA,EAAAA,IAAAA;QAAU1B,QAAAA,EAAUC,WAAAA;QAAaM,MAAAA,EAAQA,MAAAA;QAAQF,OAAAA,EAASA;;AAIzF;;;;"}
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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"}

package/dist/esm/packages/web/src/adminPortal/shared/components/Table.mjs CHANGED Viewed

@@ -2,15 +2,15 @@ import ChevronRightIcon from '../../../../../../node_modules/@mui/icons-material
 import wn from '../../../../../../node_modules/preact/compat/dist/compat.module.mjs';
 import { useUniqueId } from '../../../utils/uniqueId.mjs';
 import { mergeSx } from '../utils/mergeSx.mjs';
-import { validateRowKey, getTableCellValue } from '../utils/tableUtils.mjs';
+import { getTableCellValue, validateRowKey } from '../utils/tableUtils.mjs';
 import { TABLE_ACTIONS_HEADER } from './TableActions.mjs';
-import TableContainer from '../../../../../../node_modules/@mui/material/TableContainer/TableContainer.mjs';
 import styled from '../../../../../../node_modules/@mui/material/styles/styled.mjs';
-import TableHead from '../../../../../../node_modules/@mui/material/TableHead/TableHead.mjs';
-import TableRow$1 from '../../../../../../node_modules/@mui/material/TableRow/TableRow.mjs';
-import TableBody from '../../../../../../node_modules/@mui/material/TableBody/TableBody.mjs';
 import Table from '../../../../../../node_modules/@mui/material/Table/Table.mjs';
+import TableRow$1 from '../../../../../../node_modules/@mui/material/TableRow/TableRow.mjs';
 import TableCell$1 from '../../../../../../node_modules/@mui/material/TableCell/TableCell.mjs';
+import TableContainer from '../../../../../../node_modules/@mui/material/TableContainer/TableContainer.mjs';
+import TableHead from '../../../../../../node_modules/@mui/material/TableHead/TableHead.mjs';
+import TableBody from '../../../../../../node_modules/@mui/material/TableBody/TableBody.mjs';
 import IconButton from '../../../../../../node_modules/@mui/material/IconButton/IconButton.mjs';
 import Collapse from '../../../../../../node_modules/@mui/material/Collapse/Collapse.mjs';
 import { useState as h, useEffect as p } from '../../../../../../node_modules/preact/hooks/dist/hooks.module.mjs';