@stytch/react 20.0.0-next.0 → 20.0.0-next.1

package/dist/esm/packages/web/src/ui/components/molecules/OtpInput.mjs

@@ -1,6 +1,6 @@
 import React__default, { useState, useMemo } from 'react';
 import { useLingui } from '../../../../../../node_modules/@lingui/react/dist/index.mjs';
-import classNames from '../../../../../../_virtual/index3.mjs';
+import classNames from '../../../../../../_virtual/index.mjs';
 import { OTPInput as Lt } from '../../../../../../node_modules/input-otp/dist/index.mjs';
 import modules_6ff17004 from './OtpInput.module.css.mjs';
 

package/dist/esm/packages/web/src/ui/components/molecules/PasswordStrengthCheck.mjs

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import classNames from '../../../../../../_virtual/index3.mjs';
+import classNames from '../../../../../../_virtual/index.mjs';
 import { useLingui } from '../../../../../../node_modules/@lingui/react/dist/index.mjs';
 import VisuallyHidden from '../atoms/VisuallyHidden.mjs';
 import modules_8479f250 from './PasswordStrengthCheck.module.css.mjs';

package/dist/esm/packages/web/src/ui/components/molecules/PhoneInput.mjs

@@ -92,10 +92,9 @@ error, ...additionalProps })=>{
         ...inputProps.input,
         ...hasPasskeys ? passwordManagerDisableAutofillProps : {},
         ...additionalProps
-    }), error && /*#__PURE__*/ React__default.createElement(ErrorText, {
-        className: modules_2f821ae3.error,
-        ...inputProps.error
-    }, error));
+    }), error && /*#__PURE__*/ React__default.createElement("div", {
+        className: modules_2f821ae3.error
+    }, /*#__PURE__*/ React__default.createElement(ErrorText, inputProps.error, error)));
 };
 
 export { PhoneInput as default, getPhoneNumberProps };

package/dist/esm/packages/web/src/ui/components/molecules/PhoneInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneInput.mjs","sources":["../../../../../../../../../web/src/ui/components/molecules/PhoneInput.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { useLingui } from '@lingui/react/macro';\nimport { COUNTRIES_LIST, CountryCode, ParsedPhoneNumberResponse } from '@stytch/core';\nimport Input from './Input';\nimport { formatNumber } from '../../../utils/handleParsePhoneNumber';\nimport { passwordManagerDisableAutofillProps } from '../../../utils/passwordManagerDisableAutofillProps';\nimport ErrorText from './ErrorText';\nimport { useErrorProps } from '../../../utils/accessibility';\nimport { Chevron } from '../../../assets';\nimport { ClientsideServicesProvider } from '../../../ClientsideServicesProvider';\nimport styles from './PhoneInput.module.css';\n\n// What the library returns by default for the US\nconst DEFAULT_TEL_PLACEHOLDER = '(201) 555-0123';\n\nexport const getPhoneNumberProps = (\n  clientsideServices: ClientsideServicesProvider,\n): Pick<PhoneInputProps, 'getExampleNumber' | 'parsePhoneNumber'> => ({\n  getExampleNumber: (countryCode: CountryCode) =>\n    clientsideServices.getExamplePhoneNumber({ regionCode: countryCode }).then((res) => res.phoneNumber),\n\n  parsePhoneNumber: (phoneNumber: string, countryCode?: CountryCode) =>\n    clientsideServices.parsedPhoneNumber({\n      phoneNumber,\n      regionCode: countryCode,\n    }),\n});\n\nexport type PhoneInputProps = {\n  phone: string;\n  setPhone: (phone: string) => void;\n  country: CountryCode;\n  setCountry: (country: CountryCode) => void;\n  parsePhoneNumber: (phoneNumber: string, countryCode?: CountryCode) => Promise<ParsedPhoneNumberResponse>;\n  getExampleNumber: (countryCode: CountryCode) => Promise<string | undefined>;\n  hasPasskeys?: boolean;\n  error?: string;\n};\n\nconst PhoneInput = ({\n  phone,\n  setPhone,\n  country,\n  setCountry,\n  parsePhoneNumber,\n  getExampleNumber,\n  hasPasskeys,\n  // Handle error ourselves instead of delegating down to <Input>\n  // since the layout would be wrong in that case (it would appear to the right of the <select>)\n  error,\n  ...additionalProps\n}: PhoneInputProps) => {\n  const { t } = useLingui();\n\n  const inputProps = useErrorProps(error);\n  const countryFormatter = new Intl.DisplayNames(['en'], { type: 'region' });\n  const [placeholder, setPlaceholder] = useState(DEFAULT_TEL_PLACEHOLDER);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [phoneValue, setPhoneValue] = useState(phone);\n\n  return (\n    <div className={styles.container}>\n      <select\n        aria-label={t({ id: 'formField.countryCode.label', message: 'Country code' })}\n        className={styles.select}\n        autoComplete=\"tel-country-code\"\n        value={country}\n        onChange={async (e) => {\n          const userInput = e.target.value as CountryCode;\n          setCountry(userInput);\n          inputRef.current?.focus();\n\n          const newPlaceholder = await Promise.race([\n            getExampleNumber(country), //\n            new Promise<undefined>((resolve) => setTimeout(() => resolve(undefined), 100)),\n          ]);\n\n          if (userInput !== e.target.value) return;\n          setPlaceholder(newPlaceholder ?? DEFAULT_TEL_PLACEHOLDER);\n        }}\n      >\n        {Object.entries(COUNTRIES_LIST).map(([code, number]) => (\n          <option key={code} value={code}>\n            {/* Hide the name of the selected country so it doesn't show up in the <select> */}\n            {code !== country ? `+${number} ${countryFormatter.of(code)}` : `+${number}`}\n          </option>\n        ))}\n      </select>\n\n      <Chevron className={styles.chevron} role=\"presentation\" />\n\n      <Input\n        id=\"phone-input\"\n        label={t({ id: 'formField.phone.label', message: 'Phone number' })}\n        hideLabel\n        ref={inputRef}\n        type=\"tel\"\n        autoComplete={hasPasskeys ? 'username webauthn' : 'tel-national'}\n        containerClassName={styles.phone}\n        value={phoneValue}\n        placeholder={placeholder}\n        onChange={async (e) => {\n          const userInput = e.target.value;\n          setPhoneValue(userInput);\n\n          const national = await formatNumber({\n            parsePhoneNumber,\n            phoneNumber: userInput,\n            country,\n          });\n\n          // Disregard stale results\n          if (userInput !== e.target.value) {\n            return;\n          }\n\n          setPhone(national);\n          setPhoneValue(national);\n        }}\n        required\n        {...inputProps.input}\n        // We want to block 1PW's autofill when passkeys is enabled for now\n        // (it is breaking to our integration)\n        {...(hasPasskeys ? passwordManagerDisableAutofillProps : {})}\n        {...additionalProps}\n      />\n\n      {error && (\n        <ErrorText className={styles.error} {...inputProps.error}>\n          {error}\n        </ErrorText>\n      )}\n    </div>\n  );\n};\n\nexport default PhoneInput;\n"],"names":["DEFAULT_TEL_PLACEHOLDER","getPhoneNumberProps","clientsideServices","getExampleNumber","countryCode","getExamplePhoneNumber","regionCode","then","res","phoneNumber","parsePhoneNumber","parsedPhoneNumber","PhoneInput","phone","setPhone","country","setCountry","hasPasskeys","error","additionalProps","useLingui","inputProps","useErrorProps","countryFormatter","Intl","DisplayNames","type","placeholder","setPlaceholder","useState","inputRef","useRef","phoneValue","setPhoneValue","React","div","className","styles","container","select","aria-label","autoComplete","value","onChange","e","userInput","target","current","focus","newPlaceholder","Promise","race","resolve","setTimeout","undefined","Object","entries","COUNTRIES_LIST","map","code","number","option","key","of","Chevron","chevron","role","Input","id","label","hideLabel","ref","containerClassName","national","formatNumber","required","input","passwordManagerDisableAutofillProps","ErrorText"],"mappings":"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"}
+{"version":3,"file":"PhoneInput.mjs","sources":["../../../../../../../../../web/src/ui/components/molecules/PhoneInput.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { useLingui } from '@lingui/react/macro';\nimport { COUNTRIES_LIST, CountryCode, ParsedPhoneNumberResponse } from '@stytch/core';\nimport Input from './Input';\nimport { formatNumber } from '../../../utils/handleParsePhoneNumber';\nimport { passwordManagerDisableAutofillProps } from '../../../utils/passwordManagerDisableAutofillProps';\nimport ErrorText from './ErrorText';\nimport { useErrorProps } from '../../../utils/accessibility';\nimport { Chevron } from '../../../assets';\nimport { ClientsideServicesProvider } from '../../../ClientsideServicesProvider';\nimport styles from './PhoneInput.module.css';\n\n// What the library returns by default for the US\nconst DEFAULT_TEL_PLACEHOLDER = '(201) 555-0123';\n\nexport const getPhoneNumberProps = (\n  clientsideServices: ClientsideServicesProvider,\n): Pick<PhoneInputProps, 'getExampleNumber' | 'parsePhoneNumber'> => ({\n  getExampleNumber: (countryCode: CountryCode) =>\n    clientsideServices.getExamplePhoneNumber({ regionCode: countryCode }).then((res) => res.phoneNumber),\n\n  parsePhoneNumber: (phoneNumber: string, countryCode?: CountryCode) =>\n    clientsideServices.parsedPhoneNumber({\n      phoneNumber,\n      regionCode: countryCode,\n    }),\n});\n\nexport type PhoneInputProps = {\n  phone: string;\n  setPhone: (phone: string) => void;\n  country: CountryCode;\n  setCountry: (country: CountryCode) => void;\n  parsePhoneNumber: (phoneNumber: string, countryCode?: CountryCode) => Promise<ParsedPhoneNumberResponse>;\n  getExampleNumber: (countryCode: CountryCode) => Promise<string | undefined>;\n  hasPasskeys?: boolean;\n  error?: string;\n};\n\nconst PhoneInput = ({\n  phone,\n  setPhone,\n  country,\n  setCountry,\n  parsePhoneNumber,\n  getExampleNumber,\n  hasPasskeys,\n  // Handle error ourselves instead of delegating down to <Input>\n  // since the layout would be wrong in that case (it would appear to the right of the <select>)\n  error,\n  ...additionalProps\n}: PhoneInputProps) => {\n  const { t } = useLingui();\n\n  const inputProps = useErrorProps(error);\n  const countryFormatter = new Intl.DisplayNames(['en'], { type: 'region' });\n  const [placeholder, setPlaceholder] = useState(DEFAULT_TEL_PLACEHOLDER);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [phoneValue, setPhoneValue] = useState(phone);\n\n  return (\n    <div className={styles.container}>\n      <select\n        aria-label={t({ id: 'formField.countryCode.label', message: 'Country code' })}\n        className={styles.select}\n        autoComplete=\"tel-country-code\"\n        value={country}\n        onChange={async (e) => {\n          const userInput = e.target.value as CountryCode;\n          setCountry(userInput);\n          inputRef.current?.focus();\n\n          const newPlaceholder = await Promise.race([\n            getExampleNumber(country), //\n            new Promise<undefined>((resolve) => setTimeout(() => resolve(undefined), 100)),\n          ]);\n\n          if (userInput !== e.target.value) return;\n          setPlaceholder(newPlaceholder ?? DEFAULT_TEL_PLACEHOLDER);\n        }}\n      >\n        {Object.entries(COUNTRIES_LIST).map(([code, number]) => (\n          <option key={code} value={code}>\n            {/* Hide the name of the selected country so it doesn't show up in the <select> */}\n            {code !== country ? `+${number} ${countryFormatter.of(code)}` : `+${number}`}\n          </option>\n        ))}\n      </select>\n\n      <Chevron className={styles.chevron} role=\"presentation\" />\n\n      <Input\n        id=\"phone-input\"\n        label={t({ id: 'formField.phone.label', message: 'Phone number' })}\n        hideLabel\n        ref={inputRef}\n        type=\"tel\"\n        autoComplete={hasPasskeys ? 'username webauthn' : 'tel-national'}\n        containerClassName={styles.phone}\n        value={phoneValue}\n        placeholder={placeholder}\n        onChange={async (e) => {\n          const userInput = e.target.value;\n          setPhoneValue(userInput);\n\n          const national = await formatNumber({\n            parsePhoneNumber,\n            phoneNumber: userInput,\n            country,\n          });\n\n          // Disregard stale results\n          if (userInput !== e.target.value) {\n            return;\n          }\n\n          setPhone(national);\n          setPhoneValue(national);\n        }}\n        required\n        {...inputProps.input}\n        // We want to block 1PW's autofill when passkeys is enabled for now\n        // (it is breaking to our integration)\n        {...(hasPasskeys ? passwordManagerDisableAutofillProps : {})}\n        {...additionalProps}\n      />\n\n      {error && (\n        <div className={styles.error}>\n          <ErrorText {...inputProps.error}>{error}</ErrorText>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default PhoneInput;\n"],"names":["DEFAULT_TEL_PLACEHOLDER","getPhoneNumberProps","clientsideServices","getExampleNumber","countryCode","getExamplePhoneNumber","regionCode","then","res","phoneNumber","parsePhoneNumber","parsedPhoneNumber","PhoneInput","phone","setPhone","country","setCountry","hasPasskeys","error","additionalProps","useLingui","inputProps","useErrorProps","countryFormatter","Intl","DisplayNames","type","placeholder","setPlaceholder","useState","inputRef","useRef","phoneValue","setPhoneValue","React","div","className","styles","container","select","aria-label","autoComplete","value","onChange","e","userInput","target","current","focus","newPlaceholder","Promise","race","resolve","setTimeout","undefined","Object","entries","COUNTRIES_LIST","map","code","number","option","key","of","Chevron","chevron","role","Input","id","label","hideLabel","ref","containerClassName","national","formatNumber","required","input","passwordManagerDisableAutofillProps","ErrorText"],"mappings":"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"}

package/dist/esm/packages/web/src/ui/components/organisms/EmailConfirmationView.mjs

@@ -3,12 +3,15 @@ import { useLingui, Trans } from '../../../../../../node_modules/@lingui/react/d
 import EmailActionLayout from '../molecules/EmailActionLayout.mjs';
 import { EmailProviderLink, emailProviderInfo } from '../molecules/EmailProviderLink.mjs';
 import Button from '../atoms/Button.mjs';
+import { useTimeRemaining } from '../atoms/Countdown.mjs';
+import VerticalTransition from '../atoms/VerticalTransition.mjs';
 
 /**
  * Base component for the two EmailConfirmation in B2B and B2C. This component controls the presentation
  * and do not have any of the B2C/B2B specific code
- */ const EmailConfirmationView = ({ emailDomain, reset, email, showGoBack = true })=>{
+ */ const EmailConfirmationView = ({ emailDomain, email, goBack, resend, countdown, isSubmitting })=>{
     const { i18n: $__i18n, _: $__ } = useLingui();
+    const [timeRemaining, active] = useTimeRemaining(countdown?.expiration ?? 0);
     return /*#__PURE__*/ React__default.createElement(EmailActionLayout, {
         header: $__i18n._({
             id: "emailConfirmation.title",
@@ -33,9 +36,29 @@ import Button from '../atoms/Button.mjs';
         }), /*#__PURE__*/ React__default.createElement(EmailProviderLink, {
             emailDomain: emailDomain,
             providerInfo: emailProviderInfo.outlook
-        }), showGoBack && /*#__PURE__*/ React__default.createElement(Button, {
+        }), resend && countdown && /*#__PURE__*/ React__default.createElement(Button, {
+            variant: "outline",
+            disabled: isSubmitting || active,
+            onClick: ()=>{
+                countdown.start(15);
+                resend().catch(()=>countdown.clear());
+            }
+        }, /*#__PURE__*/ React__default.createElement(VerticalTransition, {
+            primary: $__i18n._({
+                id: "button.resendEmail",
+                message: "Resend email"
+            }),
+            secondary: $__i18n._({
+                id: "emailConfirmation.emailSent",
+                message: "Email sent! Try again in {timeRemaining}s",
+                values: {
+                    timeRemaining: timeRemaining
+                }
+            }),
+            triggered: active
+        })), goBack && /*#__PURE__*/ React__default.createElement(Button, {
             variant: "ghost",
-            onClick: reset
+            onClick: goBack
         }, $__i18n._({
             id: "button.goBack",
             message: "Go back"

package/dist/esm/packages/web/src/ui/components/organisms/EmailConfirmationView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EmailConfirmationView.mjs","sources":["../../../../../../../../../web/src/ui/components/organisms/EmailConfirmationView.tsx"],"sourcesContent":["import React from 'react';\nimport { Trans } from '@lingui/react';\nimport { useLingui } from '@lingui/react/macro';\nimport EmailActionLayout from '../molecules/EmailActionLayout';\nimport { EmailProviderLink, emailProviderInfo } from '../molecules/EmailProviderLink';\nimport Button from '../atoms/Button';\n\n/**\n * Base component for the two EmailConfirmation in B2B and B2C. This component controls the presentation\n * and do not have any of the B2C/B2B specific code\n */\nexport const EmailConfirmationView = ({\n  emailDomain,\n  reset,\n  email,\n  showGoBack = true,\n}: {\n  emailDomain: string | null;\n  reset: () => void;\n  email: string;\n  showGoBack?: boolean;\n}) => {\n  const { t } = useLingui();\n  return (\n    <EmailActionLayout\n      header={t({ id: 'emailConfirmation.title', message: 'Check your email' })}\n      description={\n        <Trans\n          id=\"emailConfirmation.content\"\n          message=\"An email was sent to <bold>{email}</bold>.\"\n          components={{ bold: <b /> }}\n          values={{ email }}\n        />\n      }\n      additionalActions={\n        <>\n          <EmailProviderLink emailDomain={emailDomain} providerInfo={emailProviderInfo.gmail} />\n          <EmailProviderLink emailDomain={emailDomain} providerInfo={emailProviderInfo.yahoo} />\n          <EmailProviderLink emailDomain={emailDomain} providerInfo={emailProviderInfo.outlook} />\n\n          {showGoBack && (\n            <Button variant=\"ghost\" onClick={reset}>\n              {t({ id: 'button.goBack', message: 'Go back' })}\n            </Button>\n          )}\n        </>\n      }\n    />\n  );\n};\n"],"names":["EmailConfirmationView","emailDomain","reset","email","showGoBack","useLingui","React","EmailActionLayout","header","description","Trans","id","message","components","bold","b","values","additionalActions","EmailProviderLink","providerInfo","emailProviderInfo","gmail","yahoo","outlook","Button","variant","onClick"],"mappings":";;;;;;AAOA;;;AAGC,IACM,MAAMA,qBAAAA,GAAwB,CAAC,EACpCC,WAAW,EACXC,KAAK,EACLC,KAAK,EACLC,UAAAA,GAAa,IAAI,EAMlB,GAAA;AACC,IAAA,MAAM,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,GAAA,EAAA,GAAQC,SAAAA,EAAAA;AACd,IAAA,qBACEC,cAAA,CAAA,aAAA,CAACC,iBAAAA,EAAAA;QACCC,MAAM,EAAA,OAAA,CAAA,CAAA,CAAA;;;;AACNC,QAAAA,WAAAA,gBACEH,cAAA,CAAA,aAAA,CAACI,KAAAA,EAAAA;YACCC,EAAAA,EAAG,2BAAA;YACHC,OAAAA,EAAQ,4CAAA;YACRC,UAAAA,EAAY;AAAEC,gBAAAA,IAAAA,gBAAMR,cAAA,CAAA,aAAA,CAACS,GAAAA,EAAAA,IAAAA;AAAK,aAAA;YAC1BC,MAAAA,EAAQ;AAAEb,gBAAAA;AAAM;;AAGpBc,QAAAA,iBAAAA,gBACEX,0EACEA,cAAA,CAAA,aAAA,CAACY,iBAAAA,EAAAA;YAAkBjB,WAAAA,EAAaA,WAAAA;AAAakB,YAAAA,YAAAA,EAAcC,kBAAkBC;0BAC7Ef,cAAA,CAAA,aAAA,CAACY,iBAAAA,EAAAA;YAAkBjB,WAAAA,EAAaA,WAAAA;AAAakB,YAAAA,YAAAA,EAAcC,kBAAkBE;0BAC7EhB,cAAA,CAAA,aAAA,CAACY,iBAAAA,EAAAA;YAAkBjB,WAAAA,EAAaA,WAAAA;AAAakB,YAAAA,YAAAA,EAAcC,kBAAkBG;AAE5EnB,SAAAA,CAAAA,EAAAA,UAAAA,kBACCE,cAAA,CAAA,aAAA,CAACkB,MAAAA,EAAAA;YAAOC,OAAAA,EAAQ,OAAA;YAAQC,OAAAA,EAASxB;;;;;;AAQ7C;;;;"}
+{"version":3,"file":"EmailConfirmationView.mjs","sources":["../../../../../../../../../web/src/ui/components/organisms/EmailConfirmationView.tsx"],"sourcesContent":["import React from 'react';\nimport { Trans } from '@lingui/react';\nimport { useLingui } from '@lingui/react/macro';\nimport EmailActionLayout from '../molecules/EmailActionLayout';\nimport { EmailProviderLink, emailProviderInfo } from '../molecules/EmailProviderLink';\nimport Button from '../atoms/Button';\nimport { Countdown, useTimeRemaining } from '../atoms/Countdown';\nimport VerticalTransition from '../atoms/VerticalTransition';\n\n/**\n * Base component for the two EmailConfirmation in B2B and B2C. This component controls the presentation\n * and do not have any of the B2C/B2B specific code\n */\nexport const EmailConfirmationView = ({\n  emailDomain,\n  email,\n  goBack,\n  resend,\n  countdown,\n  isSubmitting,\n}: {\n  emailDomain: string | null;\n  email: string;\n  goBack?: () => void;\n  resend?: () => Promise<void>;\n  countdown?: Countdown;\n  isSubmitting?: boolean;\n}) => {\n  const { t } = useLingui();\n  const [timeRemaining, active] = useTimeRemaining(countdown?.expiration ?? 0);\n\n  return (\n    <EmailActionLayout\n      header={t({ id: 'emailConfirmation.title', message: 'Check your email' })}\n      description={\n        <Trans\n          id=\"emailConfirmation.content\"\n          message=\"An email was sent to <bold>{email}</bold>.\"\n          components={{ bold: <b /> }}\n          values={{ email }}\n        />\n      }\n      additionalActions={\n        <>\n          <EmailProviderLink emailDomain={emailDomain} providerInfo={emailProviderInfo.gmail} />\n          <EmailProviderLink emailDomain={emailDomain} providerInfo={emailProviderInfo.yahoo} />\n          <EmailProviderLink emailDomain={emailDomain} providerInfo={emailProviderInfo.outlook} />\n\n          {resend && countdown && (\n            <Button\n              variant=\"outline\"\n              disabled={isSubmitting || active}\n              onClick={() => {\n                countdown.start(15);\n                resend().catch(() => countdown.clear());\n              }}\n            >\n              <VerticalTransition\n                primary={t({ id: 'button.resendEmail', message: 'Resend email' })}\n                secondary={t({\n                  id: 'emailConfirmation.emailSent',\n                  message: `Email sent! Try again in ${timeRemaining}s`,\n                })}\n                triggered={active}\n              />\n            </Button>\n          )}\n\n          {goBack && (\n            <Button variant=\"ghost\" onClick={goBack}>\n              {t({ id: 'button.goBack', message: 'Go back' })}\n            </Button>\n          )}\n        </>\n      }\n    />\n  );\n};\n"],"names":["EmailConfirmationView","emailDomain","email","goBack","resend","countdown","isSubmitting","useLingui","timeRemaining","active","useTimeRemaining","expiration","React","EmailActionLayout","header","description","Trans","id","message","components","bold","b","values","additionalActions","EmailProviderLink","providerInfo","emailProviderInfo","gmail","yahoo","outlook","Button","variant","disabled","onClick","start","catch","clear","VerticalTransition","primary","secondary","triggered"],"mappings":";;;;;;;;AASA;;;AAGC,IACM,MAAMA,qBAAAA,GAAwB,CAAC,EACpCC,WAAW,EACXC,KAAK,EACLC,MAAM,EACNC,MAAM,EACNC,SAAS,EACTC,YAAY,EAQb,GAAA;AACC,IAAA,MAAM,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,GAAA,EAAA,GAAQC,SAAAA,EAAAA;AACd,IAAA,MAAM,CAACC,aAAAA,EAAeC,MAAAA,CAAO,GAAGC,gBAAAA,CAAiBL,WAAWM,UAAAA,IAAc,CAAA,CAAA;AAE1E,IAAA,qBACEC,cAAA,CAAA,aAAA,CAACC,iBAAAA,EAAAA;QACCC,MAAM,EAAA,OAAA,CAAA,CAAA,CAAA;;;;AACNC,QAAAA,WAAAA,gBACEH,cAAA,CAAA,aAAA,CAACI,KAAAA,EAAAA;YACCC,EAAAA,EAAG,2BAAA;YACHC,OAAAA,EAAQ,4CAAA;YACRC,UAAAA,EAAY;AAAEC,gBAAAA,IAAAA,gBAAMR,cAAA,CAAA,aAAA,CAACS,GAAAA,EAAAA,IAAAA;AAAK,aAAA;YAC1BC,MAAAA,EAAQ;AAAEpB,gBAAAA;AAAM;;AAGpBqB,QAAAA,iBAAAA,gBACEX,0EACEA,cAAA,CAAA,aAAA,CAACY,iBAAAA,EAAAA;YAAkBvB,WAAAA,EAAaA,WAAAA;AAAawB,YAAAA,YAAAA,EAAcC,kBAAkBC;0BAC7Ef,cAAA,CAAA,aAAA,CAACY,iBAAAA,EAAAA;YAAkBvB,WAAAA,EAAaA,WAAAA;AAAawB,YAAAA,YAAAA,EAAcC,kBAAkBE;0BAC7EhB,cAAA,CAAA,aAAA,CAACY,iBAAAA,EAAAA;YAAkBvB,WAAAA,EAAaA,WAAAA;AAAawB,YAAAA,YAAAA,EAAcC,kBAAkBG;AAE5EzB,SAAAA,CAAAA,EAAAA,MAAAA,IAAUC,2BACTO,cAAA,CAAA,aAAA,CAACkB,MAAAA,EAAAA;YACCC,OAAAA,EAAQ,SAAA;AACRC,YAAAA,QAAAA,EAAU1B,YAAAA,IAAgBG,MAAAA;YAC1BwB,OAAAA,EAAS,IAAA;AACP5B,gBAAAA,SAAAA,CAAU6B,KAAK,CAAC,EAAA,CAAA;AAChB9B,gBAAAA,MAAAA,EAAAA,CAAS+B,KAAK,CAAC,IAAM9B,SAAAA,CAAU+B,KAAK,EAAA,CAAA;AACtC,YAAA;yBAEAxB,cAAA,CAAA,aAAA,CAACyB,kBAAAA,EAAAA;YACCC,OAAO,EAAA,OAAA,CAAA,CAAA,CAAA;;;;YACPC,SAAS,EAAA,OAAA,CAAA,CAAA,CAAA;;;;AAE8B/B,oBAAAA,aAAAA,EAAAA;;;YAEvCgC,SAAAA,EAAW/B;AAKhBN,SAAAA,CAAAA,CAAAA,EAAAA,MAAAA,kBACCS,cAAA,CAAA,aAAA,CAACkB,MAAAA,EAAAA;YAAOC,OAAAA,EAAQ,OAAA;YAAQE,OAAAA,EAAS9B;;;;;;AAQ7C;;;;"}

package/dist/esm/packages/web/src/ui/components/organisms/IDPConsentManifest.mjs

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import { useLingui } from '../../../../../../node_modules/@lingui/react/dist/index.mjs';
-import classNames from '../../../../../../_virtual/index3.mjs';
+import classNames from '../../../../../../_virtual/index.mjs';
 import Typography from '../atoms/Typography.mjs';
 import Column from '../atoms/Column.mjs';
 import { Chevron } from '../../../assets/chevron.mjs';

package/dist/esm/packages/web/src/ui/components/organisms/OneTapError.mjs

@@ -1,5 +1,5 @@
 import 'react';
-import '../../../../../../_virtual/index3.mjs';
+import '../../../../../../_virtual/index.mjs';
 import '../atoms/Typography.module.css.mjs';
 
 const OneTapErrors = {

package/dist/esm/packages/web/src/ui/components/organisms/ResendOTPButton.mjs

@@ -15,10 +15,10 @@ const ResendOTPButton = ({ isSubmitting, resendOTP, countdown })=>{
             resendOTP().catch(()=>countdown.clear());
         }
     }, /*#__PURE__*/ React__default.createElement(VerticalTransition, {
-        primary: /*#__PURE__*/ React__default.createElement("span", null, $__i18n._({
+        primary: $__i18n._({
             id: "passcode.resendCode",
             message: "Resend code"
-        })),
+        }),
         secondary: $__i18n._({
             id: "passcode.codeSent",
             message: "Code sent! Try again in {timeRemaining}s",

package/dist/esm/packages/web/src/ui/components/organisms/ResendOTPButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ResendOTPButton.mjs","sources":["../../../../../../../../../web/src/ui/components/organisms/ResendOTPButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Countdown, useTimeRemaining } from '../atoms/Countdown';\nimport { useLingui } from '@lingui/react/macro';\nimport Button from '../atoms/Button';\nimport VerticalTransition from '../atoms/VerticalTransition';\n\nexport type ResendOTPButtonProps = {\n  isSubmitting: boolean;\n  resendOTP: () => Promise<void>;\n  countdown: Countdown;\n};\n\nexport const ResendOTPButton = ({ isSubmitting, resendOTP, countdown }: ResendOTPButtonProps) => {\n  const { t } = useLingui();\n\n  const [timeRemaining, active] = useTimeRemaining(countdown.expiration);\n\n  return (\n    <Button\n      variant=\"outline\"\n      disabled={isSubmitting || active}\n      onClick={() => {\n        countdown.start(15);\n        resendOTP().catch(() => countdown.clear());\n      }}\n    >\n      <VerticalTransition\n        primary={<span>{t({ id: 'passcode.resendCode', message: 'Resend code' })}</span>}\n        secondary={t({ id: 'passcode.codeSent', message: `Code sent! Try again in ${timeRemaining}s` })}\n        triggered={active}\n      />\n    </Button>\n  );\n};\n"],"names":["ResendOTPButton","isSubmitting","resendOTP","countdown","useLingui","timeRemaining","active","useTimeRemaining","expiration","React","Button","variant","disabled","onClick","start","catch","clear","VerticalTransition","primary","span","secondary","triggered"],"mappings":";;;;;;AAYO,MAAMA,kBAAkB,CAAC,EAAEC,YAAY,EAAEC,SAAS,EAAEC,SAAS,EAAwB,GAAA;AAC1F,IAAA,MAAM,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,GAAA,EAAA,GAAQC,SAAAA,EAAAA;AAEd,IAAA,MAAM,CAACC,aAAAA,EAAeC,MAAAA,CAAO,GAAGC,gBAAAA,CAAiBJ,UAAUK,UAAU,CAAA;AAErE,IAAA,qBACEC,cAAA,CAAA,aAAA,CAACC,MAAAA,EAAAA;QACCC,OAAAA,EAAQ,SAAA;AACRC,QAAAA,QAAAA,EAAUX,YAAAA,IAAgBK,MAAAA;QAC1BO,OAAAA,EAAS,IAAA;AACPV,YAAAA,SAAAA,CAAUW,KAAK,CAAC,EAAA,CAAA;AAChBZ,YAAAA,SAAAA,EAAAA,CAAYa,KAAK,CAAC,IAAMZ,SAAAA,CAAUa,KAAK,EAAA,CAAA;AACzC,QAAA;qBAEAP,cAAA,CAAA,aAAA,CAACQ,kBAAAA,EAAAA;AACCC,QAAAA,OAAAA,gBAAST,cAAA,CAAA,aAAA,CAACU,MAAAA,EAAAA,IAAAA,EAAAA,OAAAA,CAAAA,CAAAA,CAAAA;;;;QACVC,SAAS,EAAA,OAAA,CAAA,CAAA,CAAA;;;;AAAmEf,gBAAAA,aAAAA,EAAAA;;;QAC5EgB,SAAAA,EAAWf;;AAInB;;;;"}
+{"version":3,"file":"ResendOTPButton.mjs","sources":["../../../../../../../../../web/src/ui/components/organisms/ResendOTPButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Countdown, useTimeRemaining } from '../atoms/Countdown';\nimport { useLingui } from '@lingui/react/macro';\nimport Button from '../atoms/Button';\nimport VerticalTransition from '../atoms/VerticalTransition';\n\nexport type ResendOTPButtonProps = {\n  isSubmitting: boolean;\n  resendOTP: () => Promise<void>;\n  countdown: Countdown;\n};\n\nexport const ResendOTPButton = ({ isSubmitting, resendOTP, countdown }: ResendOTPButtonProps) => {\n  const { t } = useLingui();\n\n  const [timeRemaining, active] = useTimeRemaining(countdown.expiration);\n\n  return (\n    <Button\n      variant=\"outline\"\n      disabled={isSubmitting || active}\n      onClick={() => {\n        countdown.start(15);\n        resendOTP().catch(() => countdown.clear());\n      }}\n    >\n      <VerticalTransition\n        primary={t({ id: 'passcode.resendCode', message: 'Resend code' })}\n        secondary={t({ id: 'passcode.codeSent', message: `Code sent! Try again in ${timeRemaining}s` })}\n        triggered={active}\n      />\n    </Button>\n  );\n};\n"],"names":["ResendOTPButton","isSubmitting","resendOTP","countdown","useLingui","timeRemaining","active","useTimeRemaining","expiration","React","Button","variant","disabled","onClick","start","catch","clear","VerticalTransition","primary","secondary","triggered"],"mappings":";;;;;;AAYO,MAAMA,kBAAkB,CAAC,EAAEC,YAAY,EAAEC,SAAS,EAAEC,SAAS,EAAwB,GAAA;AAC1F,IAAA,MAAM,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,GAAA,EAAA,GAAQC,SAAAA,EAAAA;AAEd,IAAA,MAAM,CAACC,aAAAA,EAAeC,MAAAA,CAAO,GAAGC,gBAAAA,CAAiBJ,UAAUK,UAAU,CAAA;AAErE,IAAA,qBACEC,cAAA,CAAA,aAAA,CAACC,MAAAA,EAAAA;QACCC,OAAAA,EAAQ,SAAA;AACRC,QAAAA,QAAAA,EAAUX,YAAAA,IAAgBK,MAAAA;QAC1BO,OAAAA,EAAS,IAAA;AACPV,YAAAA,SAAAA,CAAUW,KAAK,CAAC,EAAA,CAAA;AAChBZ,YAAAA,SAAAA,EAAAA,CAAYa,KAAK,CAAC,IAAMZ,SAAAA,CAAUa,KAAK,EAAA,CAAA;AACzC,QAAA;qBAEAP,cAAA,CAAA,aAAA,CAACQ,kBAAAA,EAAAA;QACCC,OAAO,EAAA,OAAA,CAAA,CAAA,CAAA;;;;QACPC,SAAS,EAAA,OAAA,CAAA,CAAA,CAAA;;;;AAAmEd,gBAAAA,aAAAA,EAAAA;;;QAC5Ee,SAAAA,EAAWd;;AAInB;;;;"}

package/dist/esm/packages/web/src/ui/react/adminPortal/AdminPortalMemberManagement.mjs

@@ -2,49 +2,7 @@ import React__default from 'react';
 import { invariant } from '../utils/invariant.mjs';
 import { useIsMounted__INTERNAL, useStytchB2BClient } from '../b2b/StytchB2BContext.mjs';
 import { noProviderError } from '../utils/errors.mjs';
-import '../../../adminPortal/MuiClassNameSetup.mjs';
-import '../../../adminPortal/MainContainer.mjs';
-import '../../../adminPortal/StytchClientContext.mjs';
-import '../../../adminPortal/shared/components/Toast.mjs';
-import '../../../adminPortal/shared/components/Typography.mjs';
-import '../../../../../../_virtual/index.mjs';
-import '../../../../../../_virtual/index2.mjs';
-import '../../../../../../node_modules/swr/_internal/dist/index.mjs';
-import '../../../adminPortal/components/Button.mjs';
-import '../../../adminPortal/components/Modal.mjs';
-import '../../../adminPortal/components/PageLoadingIndicator.mjs';
-import '../../../adminPortal/components/Tag.mjs';
-import '../../../utils/deepEqual.mjs';
-import '../../../adminPortal/shared/components/CopyableText.mjs';
-import '../../../adminPortal/shared/utils/clickToCopyUtils.mjs';
-import '../../../adminPortal/components/Code.mjs';
-import '../../../adminPortal/shared/components/Label.mjs';
-import '../../../adminPortal/shared/components/Input.mjs';
-import '../../../adminPortal/shared/components/EmbeddedTable.mjs';
-import '../../../adminPortal/shared/components/TableActions.mjs';
-import '../../../adminPortal/shared/components/Select.mjs';
-import '../../../adminPortal/shared/components/MenuItem.mjs';
-import '../../../adminPortal/components/SettingsContainer.mjs';
-import '../../../adminPortal/shared/components/InfoIcon.mjs';
-import '../../../adminPortal/shared/components/Tooltip.mjs';
-import '../../../adminPortal/sso/AttributeMappingTable.mjs';
-import '../../../adminPortal/sso/IdpSelect.mjs';
-import '../../../adminPortal/components/PaddedContainer.mjs';
-import '../../../adminPortal/shared/components/Screenshot.mjs';
-import '../../../adminPortal/components/Switch.mjs';
-import '../../../adminPortal/components/Autocomplete.mjs';
-import '../../../adminPortal/components/Table.mjs';
-import '../../../adminPortal/components/ActionMenu.mjs';
-import '../../../adminPortal/components/Alert.mjs';
-import '../../../adminPortal/components/PaginatedTable.mjs';
-import '../../../adminPortal/shared/components/SearchBar.mjs';
-import '../../../adminPortal/components/Checkbox.mjs';
-import '../../../adminPortal/components/PaddingLeft.mjs';
-import '../../../adminPortal/components/Divider.mjs';
-import '../../../adminPortal/shared/components/RowItem.mjs';
-import '../../../adminPortal/components/Radio.mjs';
 import { AdminPortalMemberManagementContainer } from '../../../adminPortal/memberManagement/AdminPortalMemberManagementContainer.mjs';
-import '../../../adminPortal/scim/SCIMNewConnectionScreen.mjs';
 
 /**
  * The Admin Portal member management UI component.

package/dist/esm/packages/web/src/ui/react/adminPortal/AdminPortalMemberManagement.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AdminPortalMemberManagement.mjs","sources":["../../../../../../../../../web/src/ui/react/adminPortal/AdminPortalMemberManagement.tsx"],"sourcesContent":["import React from 'react';\nimport { StytchProjectConfigurationInput } from '@stytch/core/public';\nimport { invariant } from '../utils/invariant';\nimport { useIsMounted__INTERNAL, useStytchB2BClient } from '../b2b/StytchB2BContext';\nimport { noProviderError } from '../utils/errors';\nimport { ExcludeInjectedOptions } from './makeAdminPortalComponent';\nimport { AdminPortalMemberManagementContainer as AdminPortalMemberManagementContainer } from '../../../adminPortal';\nimport { AdminPortalMemberManagementMountOptions } from '../../../adminPortal/memberManagement/AdminPortalMemberManagementContainer';\n\nexport type AdminPortalMemberManagementProps<\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n> = ExcludeInjectedOptions<AdminPortalMemberManagementMountOptions<TProjectConfiguration>>;\n\n/**\n * The Admin Portal member management UI component.\n * This component must be rendered within a {@link StytchB2BProvider}.\n *\n * See the {@link https://stytch.com/docs/b2b/sdks/javascript-sdk online reference}\n */\nexport const AdminPortalMemberManagement = <TProjectConfiguration extends StytchProjectConfigurationInput>(\n  props: AdminPortalMemberManagementProps<TProjectConfiguration>,\n) => {\n  invariant(useIsMounted__INTERNAL(), noProviderError('<AdminPortalMemberManagement />', 'StytchB2BProvider'));\n  const stytchClient = useStytchB2BClient<TProjectConfiguration>();\n\n  return <AdminPortalMemberManagementContainer client={stytchClient} {...props} />;\n};\n"],"names":["AdminPortalMemberManagement","props","invariant","useIsMounted__INTERNAL","noProviderError","stytchClient","useStytchB2BClient","React","AdminPortalMemberManagementContainer","client"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA;;;;;IAMO,MAAMA,2BAAAA,GAA8B,CACzCC,KAAAA,GAAAA;IAEAC,SAAAA,CAAUC,sBAAAA,EAAAA,EAA0BC,gBAAgB,iCAAA,EAAmC,mBAAA,CAAA,CAAA;AACvF,IAAA,MAAMC,YAAAA,GAAeC,kBAAAA,EAAAA;AAErB,IAAA,qBAAOC,cAAA,CAAA,aAAA,CAACC,oCAAAA,EAAAA;QAAqCC,MAAAA,EAAQJ,YAAAA;AAAe,QAAA,GAAGJ;;AACzE;;;;"}
+{"version":3,"file":"AdminPortalMemberManagement.mjs","sources":["../../../../../../../../../web/src/ui/react/adminPortal/AdminPortalMemberManagement.tsx"],"sourcesContent":["import React from 'react';\nimport { StytchProjectConfigurationInput } from '@stytch/core/public';\nimport { invariant } from '../utils/invariant';\nimport { useIsMounted__INTERNAL, useStytchB2BClient } from '../b2b/StytchB2BContext';\nimport { noProviderError } from '../utils/errors';\nimport { ExcludeInjectedOptions } from './makeAdminPortalComponent';\nimport { AdminPortalMemberManagementContainer as AdminPortalMemberManagementContainer } from '../../../adminPortal';\nimport { AdminPortalMemberManagementMountOptions } from '../../../adminPortal/memberManagement/AdminPortalMemberManagementContainer';\n\nexport type AdminPortalMemberManagementProps<\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n> = ExcludeInjectedOptions<AdminPortalMemberManagementMountOptions<TProjectConfiguration>>;\n\n/**\n * The Admin Portal member management UI component.\n * This component must be rendered within a {@link StytchB2BProvider}.\n *\n * See the {@link https://stytch.com/docs/b2b/sdks/javascript-sdk online reference}\n */\nexport const AdminPortalMemberManagement = <TProjectConfiguration extends StytchProjectConfigurationInput>(\n  props: AdminPortalMemberManagementProps<TProjectConfiguration>,\n) => {\n  invariant(useIsMounted__INTERNAL(), noProviderError('<AdminPortalMemberManagement />', 'StytchB2BProvider'));\n  const stytchClient = useStytchB2BClient<TProjectConfiguration>();\n\n  return <AdminPortalMemberManagementContainer client={stytchClient} {...props} />;\n};\n"],"names":["AdminPortalMemberManagement","props","invariant","useIsMounted__INTERNAL","noProviderError","stytchClient","useStytchB2BClient","React","AdminPortalMemberManagementContainer","client"],"mappings":";;;;;;AAaA;;;;;IAMO,MAAMA,2BAAAA,GAA8B,CACzCC,KAAAA,GAAAA;IAEAC,SAAAA,CAAUC,sBAAAA,EAAAA,EAA0BC,gBAAgB,iCAAA,EAAmC,mBAAA,CAAA,CAAA;AACvF,IAAA,MAAMC,YAAAA,GAAeC,kBAAAA,EAAAA;AAErB,IAAA,qBAAOC,cAAA,CAAA,aAAA,CAACC,oCAAAA,EAAAA;QAAqCC,MAAAA,EAAQJ,YAAAA;AAAe,QAAA,GAAGJ;;AACzE;;;;"}

package/dist/esm/packages/web/src/ui/react/adminPortal/AdminPortalOrgSettings.mjs

@@ -2,47 +2,7 @@ import React__default from 'react';
 import { invariant } from '../utils/invariant.mjs';
 import { noProviderError } from '../utils/errors.mjs';
 import { useIsMounted__INTERNAL, useStytchB2BClient } from '../b2b/StytchB2BContext.mjs';
-import '../../../adminPortal/MuiClassNameSetup.mjs';
-import '../../../adminPortal/MainContainer.mjs';
-import '../../../adminPortal/StytchClientContext.mjs';
-import '../../../adminPortal/shared/components/Toast.mjs';
-import '../../../adminPortal/shared/components/Typography.mjs';
-import '../../../../../../_virtual/index.mjs';
-import '../../../../../../_virtual/index2.mjs';
-import '../../../../../../node_modules/swr/_internal/dist/index.mjs';
-import '../../../adminPortal/components/Button.mjs';
-import '../../../adminPortal/components/Modal.mjs';
-import '../../../adminPortal/components/PageLoadingIndicator.mjs';
-import '../../../adminPortal/components/Tag.mjs';
-import '../../../utils/deepEqual.mjs';
-import '../../../adminPortal/shared/components/CopyableText.mjs';
-import '../../../adminPortal/shared/utils/clickToCopyUtils.mjs';
-import '../../../adminPortal/components/Code.mjs';
-import '../../../adminPortal/shared/components/Label.mjs';
-import '../../../adminPortal/shared/components/Input.mjs';
-import '../../../adminPortal/shared/components/EmbeddedTable.mjs';
-import '../../../adminPortal/shared/components/TableActions.mjs';
-import '../../../adminPortal/shared/components/Select.mjs';
-import '../../../adminPortal/shared/components/MenuItem.mjs';
-import '../../../adminPortal/components/SettingsContainer.mjs';
-import '../../../adminPortal/shared/components/InfoIcon.mjs';
-import '../../../adminPortal/shared/components/Tooltip.mjs';
-import '../../../adminPortal/sso/AttributeMappingTable.mjs';
-import '../../../adminPortal/sso/IdpSelect.mjs';
-import '../../../adminPortal/components/PaddedContainer.mjs';
-import '../../../adminPortal/shared/components/Screenshot.mjs';
-import '../../../adminPortal/components/Switch.mjs';
-import '../../../adminPortal/components/Autocomplete.mjs';
-import '../../../adminPortal/components/Table.mjs';
-import '../../../adminPortal/components/ActionMenu.mjs';
-import '../../../adminPortal/components/Alert.mjs';
-import '../../../adminPortal/components/PaginatedTable.mjs';
-import '../../../adminPortal/shared/components/SearchBar.mjs';
 import { AdminPortalOrgSettingsContainer } from '../../../adminPortal/settings/AdminPortalOrgSettingsContainer.mjs';
-import '../../../adminPortal/components/Checkbox.mjs';
-import '../../../adminPortal/memberManagement/MemberStatus.mjs';
-import '../../../adminPortal/memberManagement/MemberListScreen.mjs';
-import '../../../adminPortal/scim/SCIMNewConnectionScreen.mjs';
 
 /**
  * The Admin Portal Organization Settings UI component.

package/dist/esm/packages/web/src/ui/react/adminPortal/AdminPortalOrgSettings.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AdminPortalOrgSettings.mjs","sources":["../../../../../../../../../web/src/ui/react/adminPortal/AdminPortalOrgSettings.tsx"],"sourcesContent":["import React from 'react';\nimport { StytchProjectConfigurationInput } from '@stytch/core/public';\nimport { ExcludeInjectedOptions } from './makeAdminPortalComponent';\nimport { invariant } from '../utils/invariant';\nimport { noProviderError } from '../utils/errors';\nimport { useStytchB2BClient } from '../b2b';\nimport { useIsMounted__INTERNAL } from '../b2b/StytchB2BContext';\nimport { AdminPortalOrgSettingsContainer as AdminPortalOrgSettingsContainer } from '../../../adminPortal';\nimport { AdminPortalOrgSettingsMountOptions } from '../../../adminPortal/settings/AdminPortalOrgSettingsContainer';\n\nexport type AdminPortalOrgSettingsProps<\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n> = ExcludeInjectedOptions<AdminPortalOrgSettingsMountOptions<TProjectConfiguration>>;\n\n/**\n * The Admin Portal Organization Settings UI component.\n * This component must be rendered within a {@link StytchB2BProvider}.\n *\n * See the {@link https://stytch.com/docs/b2b/sdks/javascript-sdk online reference}\n */\nexport const AdminPortalOrgSettings = <TProjectConfiguration extends StytchProjectConfigurationInput>(\n  props: AdminPortalOrgSettingsProps<TProjectConfiguration>,\n) => {\n  invariant(useIsMounted__INTERNAL(), noProviderError('<AdminPortalMemberManagement />', 'StytchB2BProvider'));\n  const stytchClient = useStytchB2BClient<TProjectConfiguration>();\n\n  return <AdminPortalOrgSettingsContainer client={stytchClient} {...props} />;\n};\n"],"names":["AdminPortalOrgSettings","props","invariant","useIsMounted__INTERNAL","noProviderError","stytchClient","useStytchB2BClient","React","AdminPortalOrgSettingsContainer","client"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA;;;;;IAMO,MAAMA,sBAAAA,GAAyB,CACpCC,KAAAA,GAAAA;IAEAC,SAAAA,CAAUC,sBAAAA,EAAAA,EAA0BC,gBAAgB,iCAAA,EAAmC,mBAAA,CAAA,CAAA;AACvF,IAAA,MAAMC,YAAAA,GAAeC,kBAAAA,EAAAA;AAErB,IAAA,qBAAOC,cAAA,CAAA,aAAA,CAACC,+BAAAA,EAAAA;QAAgCC,MAAAA,EAAQJ,YAAAA;AAAe,QAAA,GAAGJ;;AACpE;;;;"}
+{"version":3,"file":"AdminPortalOrgSettings.mjs","sources":["../../../../../../../../../web/src/ui/react/adminPortal/AdminPortalOrgSettings.tsx"],"sourcesContent":["import React from 'react';\nimport { StytchProjectConfigurationInput } from '@stytch/core/public';\nimport { ExcludeInjectedOptions } from './makeAdminPortalComponent';\nimport { invariant } from '../utils/invariant';\nimport { noProviderError } from '../utils/errors';\nimport { useStytchB2BClient } from '../b2b';\nimport { useIsMounted__INTERNAL } from '../b2b/StytchB2BContext';\nimport { AdminPortalOrgSettingsContainer as AdminPortalOrgSettingsContainer } from '../../../adminPortal';\nimport { AdminPortalOrgSettingsMountOptions } from '../../../adminPortal/settings/AdminPortalOrgSettingsContainer';\n\nexport type AdminPortalOrgSettingsProps<\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n> = ExcludeInjectedOptions<AdminPortalOrgSettingsMountOptions<TProjectConfiguration>>;\n\n/**\n * The Admin Portal Organization Settings UI component.\n * This component must be rendered within a {@link StytchB2BProvider}.\n *\n * See the {@link https://stytch.com/docs/b2b/sdks/javascript-sdk online reference}\n */\nexport const AdminPortalOrgSettings = <TProjectConfiguration extends StytchProjectConfigurationInput>(\n  props: AdminPortalOrgSettingsProps<TProjectConfiguration>,\n) => {\n  invariant(useIsMounted__INTERNAL(), noProviderError('<AdminPortalMemberManagement />', 'StytchB2BProvider'));\n  const stytchClient = useStytchB2BClient<TProjectConfiguration>();\n\n  return <AdminPortalOrgSettingsContainer client={stytchClient} {...props} />;\n};\n"],"names":["AdminPortalOrgSettings","props","invariant","useIsMounted__INTERNAL","noProviderError","stytchClient","useStytchB2BClient","React","AdminPortalOrgSettingsContainer","client"],"mappings":";;;;;;AAcA;;;;;IAMO,MAAMA,sBAAAA,GAAyB,CACpCC,KAAAA,GAAAA;IAEAC,SAAAA,CAAUC,sBAAAA,EAAAA,EAA0BC,gBAAgB,iCAAA,EAAmC,mBAAA,CAAA,CAAA;AACvF,IAAA,MAAMC,YAAAA,GAAeC,kBAAAA,EAAAA;AAErB,IAAA,qBAAOC,cAAA,CAAA,aAAA,CAACC,+BAAAA,EAAAA;QAAgCC,MAAAA,EAAQJ,YAAAA;AAAe,QAAA,GAAGJ;;AACpE;;;;"}

package/dist/esm/packages/web/src/ui/react/adminPortal/AdminPortalSCIM.mjs

@@ -2,49 +2,6 @@ import React__default from 'react';
 import { invariant } from '../utils/invariant.mjs';
 import { useIsMounted__INTERNAL, useStytchB2BClient } from '../b2b/StytchB2BContext.mjs';
 import { noProviderError } from '../utils/errors.mjs';
-import '../../../adminPortal/MuiClassNameSetup.mjs';
-import '../../../adminPortal/MainContainer.mjs';
-import '../../../adminPortal/StytchClientContext.mjs';
-import '../../../adminPortal/shared/components/Toast.mjs';
-import '../../../adminPortal/shared/components/Typography.mjs';
-import '../../../../../../_virtual/index.mjs';
-import '../../../../../../_virtual/index2.mjs';
-import '../../../../../../node_modules/swr/_internal/dist/index.mjs';
-import '../../../adminPortal/components/Button.mjs';
-import '../../../adminPortal/components/Modal.mjs';
-import '../../../adminPortal/components/PageLoadingIndicator.mjs';
-import '../../../adminPortal/components/Tag.mjs';
-import '../../../utils/deepEqual.mjs';
-import '../../../adminPortal/shared/components/CopyableText.mjs';
-import '../../../adminPortal/shared/utils/clickToCopyUtils.mjs';
-import '../../../adminPortal/components/Code.mjs';
-import '../../../adminPortal/shared/components/Label.mjs';
-import '../../../adminPortal/shared/components/Input.mjs';
-import '../../../adminPortal/shared/components/EmbeddedTable.mjs';
-import '../../../adminPortal/shared/components/TableActions.mjs';
-import '../../../adminPortal/shared/components/Select.mjs';
-import '../../../adminPortal/shared/components/MenuItem.mjs';
-import '../../../adminPortal/components/SettingsContainer.mjs';
-import '../../../adminPortal/shared/components/InfoIcon.mjs';
-import '../../../adminPortal/shared/components/Tooltip.mjs';
-import '../../../adminPortal/sso/AttributeMappingTable.mjs';
-import '../../../adminPortal/sso/IdpSelect.mjs';
-import '../../../adminPortal/components/PaddedContainer.mjs';
-import '../../../adminPortal/shared/components/Screenshot.mjs';
-import '../../../adminPortal/components/Switch.mjs';
-import '../../../adminPortal/components/Autocomplete.mjs';
-import '../../../adminPortal/components/Table.mjs';
-import '../../../adminPortal/components/ActionMenu.mjs';
-import '../../../adminPortal/components/Alert.mjs';
-import '../../../adminPortal/components/PaginatedTable.mjs';
-import '../../../adminPortal/shared/components/SearchBar.mjs';
-import '../../../adminPortal/components/Checkbox.mjs';
-import '../../../adminPortal/components/PaddingLeft.mjs';
-import '../../../adminPortal/components/Divider.mjs';
-import '../../../adminPortal/shared/components/RowItem.mjs';
-import '../../../adminPortal/components/Radio.mjs';
-import '../../../adminPortal/memberManagement/MemberStatus.mjs';
-import '../../../adminPortal/memberManagement/MemberListScreen.mjs';
 import { AdminPortalSCIMContainer } from '../../../adminPortal/scim/AdminPortalSCIMContainer.mjs';
 
 /**

package/dist/esm/packages/web/src/ui/react/adminPortal/AdminPortalSCIM.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AdminPortalSCIM.mjs","sources":["../../../../../../../../../web/src/ui/react/adminPortal/AdminPortalSCIM.tsx"],"sourcesContent":["import React from 'react';\nimport { StytchProjectConfigurationInput } from '@stytch/core/public';\nimport { ExcludeInjectedOptions } from './makeAdminPortalComponent';\nimport { invariant } from '../utils/invariant';\nimport { useIsMounted__INTERNAL } from '../b2b/StytchB2BContext';\nimport { noProviderError } from '../utils/errors';\nimport { useStytchB2BClient } from '../b2b';\nimport { AdminPortalSCIMContainer as AdminPortalSCIMContainer } from '../../../adminPortal';\nimport { AdminPortalSCIMMountOptions } from '../../../adminPortal/scim/AdminPortalSCIMContainer';\n\nexport type AdminPortalSCIMProps<\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n> = ExcludeInjectedOptions<AdminPortalSCIMMountOptions<TProjectConfiguration>>;\n\n/**\n * The Admin Portal SCIM UI component.\n * This component must be rendered within a {@link StytchB2BProvider}.\n *\n * See the {@link https://stytch.com/docs/b2b/sdks/javascript-sdk online reference}\n */\nexport const AdminPortalSCIM = <TProjectConfiguration extends StytchProjectConfigurationInput>(\n  props: AdminPortalSCIMProps<TProjectConfiguration>,\n) => {\n  invariant(useIsMounted__INTERNAL(), noProviderError('<AdminPortalMemberManagement />', 'StytchB2BProvider'));\n  const stytchClient = useStytchB2BClient<TProjectConfiguration>();\n\n  return <AdminPortalSCIMContainer client={stytchClient} {...props} />;\n};\n"],"names":["AdminPortalSCIM","props","invariant","useIsMounted__INTERNAL","noProviderError","stytchClient","useStytchB2BClient","React","AdminPortalSCIMContainer","client"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA;;;;;IAMO,MAAMA,eAAAA,GAAkB,CAC7BC,KAAAA,GAAAA;IAEAC,SAAAA,CAAUC,sBAAAA,EAAAA,EAA0BC,gBAAgB,iCAAA,EAAmC,mBAAA,CAAA,CAAA;AACvF,IAAA,MAAMC,YAAAA,GAAeC,kBAAAA,EAAAA;AAErB,IAAA,qBAAOC,cAAA,CAAA,aAAA,CAACC,wBAAAA,EAAAA;QAAyBC,MAAAA,EAAQJ,YAAAA;AAAe,QAAA,GAAGJ;;AAC7D;;;;"}
+{"version":3,"file":"AdminPortalSCIM.mjs","sources":["../../../../../../../../../web/src/ui/react/adminPortal/AdminPortalSCIM.tsx"],"sourcesContent":["import React from 'react';\nimport { StytchProjectConfigurationInput } from '@stytch/core/public';\nimport { ExcludeInjectedOptions } from './makeAdminPortalComponent';\nimport { invariant } from '../utils/invariant';\nimport { useIsMounted__INTERNAL } from '../b2b/StytchB2BContext';\nimport { noProviderError } from '../utils/errors';\nimport { useStytchB2BClient } from '../b2b';\nimport { AdminPortalSCIMContainer as AdminPortalSCIMContainer } from '../../../adminPortal';\nimport { AdminPortalSCIMMountOptions } from '../../../adminPortal/scim/AdminPortalSCIMContainer';\n\nexport type AdminPortalSCIMProps<\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n> = ExcludeInjectedOptions<AdminPortalSCIMMountOptions<TProjectConfiguration>>;\n\n/**\n * The Admin Portal SCIM UI component.\n * This component must be rendered within a {@link StytchB2BProvider}.\n *\n * See the {@link https://stytch.com/docs/b2b/sdks/javascript-sdk online reference}\n */\nexport const AdminPortalSCIM = <TProjectConfiguration extends StytchProjectConfigurationInput>(\n  props: AdminPortalSCIMProps<TProjectConfiguration>,\n) => {\n  invariant(useIsMounted__INTERNAL(), noProviderError('<AdminPortalMemberManagement />', 'StytchB2BProvider'));\n  const stytchClient = useStytchB2BClient<TProjectConfiguration>();\n\n  return <AdminPortalSCIMContainer client={stytchClient} {...props} />;\n};\n"],"names":["AdminPortalSCIM","props","invariant","useIsMounted__INTERNAL","noProviderError","stytchClient","useStytchB2BClient","React","AdminPortalSCIMContainer","client"],"mappings":";;;;;;AAcA;;;;;IAMO,MAAMA,eAAAA,GAAkB,CAC7BC,KAAAA,GAAAA;IAEAC,SAAAA,CAAUC,sBAAAA,EAAAA,EAA0BC,gBAAgB,iCAAA,EAAmC,mBAAA,CAAA,CAAA;AACvF,IAAA,MAAMC,YAAAA,GAAeC,kBAAAA,EAAAA;AAErB,IAAA,qBAAOC,cAAA,CAAA,aAAA,CAACC,wBAAAA,EAAAA;QAAyBC,MAAAA,EAAQJ,YAAAA;AAAe,QAAA,GAAGJ;;AAC7D;;;;"}

package/dist/esm/packages/web/src/ui/react/adminPortal/AdminPortalSSO.mjs

@@ -2,43 +2,7 @@ import React__default from 'react';
 import { invariant } from '../utils/invariant.mjs';
 import { useIsMounted__INTERNAL, useStytchB2BClient } from '../b2b/StytchB2BContext.mjs';
 import { noProviderError } from '../utils/errors.mjs';
-import '../../../adminPortal/MuiClassNameSetup.mjs';
 import { AdminPortalSSOContainer } from '../../../adminPortal/sso/AdminPortalSSOContainer.mjs';
-import '../../../adminPortal/MainContainer.mjs';
-import '../../../adminPortal/StytchClientContext.mjs';
-import '../../../adminPortal/shared/components/Toast.mjs';
-import '../../../adminPortal/shared/components/Typography.mjs';
-import '../../../../../../_virtual/index.mjs';
-import '../../../adminPortal/components/SettingsContainer.mjs';
-import '../../../adminPortal/shared/components/Input.mjs';
-import '../../../adminPortal/components/Button.mjs';
-import '../../../adminPortal/shared/components/CopyableText.mjs';
-import '../../../adminPortal/shared/utils/clickToCopyUtils.mjs';
-import '../../../adminPortal/components/Code.mjs';
-import '../../../adminPortal/shared/components/Label.mjs';
-import '../../../../../../_virtual/index2.mjs';
-import '../../../../../../node_modules/swr/_internal/dist/index.mjs';
-import '../../../adminPortal/components/PageLoadingIndicator.mjs';
-import '../../../adminPortal/components/Switch.mjs';
-import '../../../adminPortal/components/Checkbox.mjs';
-import '../../../adminPortal/components/Alert.mjs';
-import '../../../adminPortal/components/PaddingLeft.mjs';
-import '../../../adminPortal/shared/components/InfoIcon.mjs';
-import '../../../adminPortal/shared/components/Tooltip.mjs';
-import '../../../adminPortal/components/Table.mjs';
-import '../../../adminPortal/components/Tag.mjs';
-import '../../../adminPortal/components/Modal.mjs';
-import '../../../adminPortal/shared/components/Select.mjs';
-import '../../../adminPortal/shared/components/MenuItem.mjs';
-import '../../../adminPortal/components/Autocomplete.mjs';
-import '../../../adminPortal/components/Divider.mjs';
-import '../../../adminPortal/shared/components/RowItem.mjs';
-import '../../../adminPortal/components/Radio.mjs';
-import '../../../adminPortal/shared/components/EmbeddedTable.mjs';
-import '../../../adminPortal/shared/components/TableActions.mjs';
-import '../../../adminPortal/memberManagement/MemberStatus.mjs';
-import '../../../adminPortal/memberManagement/MemberListScreen.mjs';
-import '../../../adminPortal/scim/SCIMNewConnectionScreen.mjs';
 
 /**
  * The Admin Portal SSO UI component.

package/dist/esm/packages/web/src/ui/react/adminPortal/AdminPortalSSO.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AdminPortalSSO.mjs","sources":["../../../../../../../../../web/src/ui/react/adminPortal/AdminPortalSSO.tsx"],"sourcesContent":["import React from 'react';\nimport { StytchProjectConfigurationInput } from '@stytch/core/public';\nimport { ExcludeInjectedOptions } from './makeAdminPortalComponent';\nimport { invariant } from '../utils/invariant';\nimport { useIsMounted__INTERNAL } from '../b2b/StytchB2BContext';\nimport { noProviderError } from '../utils/errors';\nimport { useStytchB2BClient } from '../b2b';\nimport { AdminPortalSSOContainer } from '../../../adminPortal';\nimport { AdminPortalSSOMountOptions } from '../../../adminPortal/sso/AdminPortalSSOContainer';\n\nexport type AdminPortalSSOProps<\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n> = ExcludeInjectedOptions<AdminPortalSSOMountOptions<TProjectConfiguration>>;\n\n/**\n * The Admin Portal SSO UI component.\n * This component must be rendered within a {@link StytchB2BProvider}.\n *\n * See the {@link https://stytch.com/docs/b2b/sdks/javascript-sdk online reference}\n */\nexport const AdminPortalSSO = <TProjectConfiguration extends StytchProjectConfigurationInput>(\n  props: AdminPortalSSOProps<TProjectConfiguration>,\n) => {\n  invariant(useIsMounted__INTERNAL(), noProviderError('<AdminPortalMemberManagement />', 'StytchB2BProvider'));\n  const stytchClient = useStytchB2BClient<TProjectConfiguration>();\n\n  return <AdminPortalSSOContainer client={stytchClient} {...props} />;\n};\n"],"names":["AdminPortalSSO","props","invariant","useIsMounted__INTERNAL","noProviderError","stytchClient","useStytchB2BClient","React","AdminPortalSSOContainer","client"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA;;;;;IAMO,MAAMA,cAAAA,GAAiB,CAC5BC,KAAAA,GAAAA;IAEAC,SAAAA,CAAUC,sBAAAA,EAAAA,EAA0BC,gBAAgB,iCAAA,EAAmC,mBAAA,CAAA,CAAA;AACvF,IAAA,MAAMC,YAAAA,GAAeC,kBAAAA,EAAAA;AAErB,IAAA,qBAAOC,cAAA,CAAA,aAAA,CAACC,uBAAAA,EAAAA;QAAwBC,MAAAA,EAAQJ,YAAAA;AAAe,QAAA,GAAGJ;;AAC5D;;;;"}
+{"version":3,"file":"AdminPortalSSO.mjs","sources":["../../../../../../../../../web/src/ui/react/adminPortal/AdminPortalSSO.tsx"],"sourcesContent":["import React from 'react';\nimport { StytchProjectConfigurationInput } from '@stytch/core/public';\nimport { ExcludeInjectedOptions } from './makeAdminPortalComponent';\nimport { invariant } from '../utils/invariant';\nimport { useIsMounted__INTERNAL } from '../b2b/StytchB2BContext';\nimport { noProviderError } from '../utils/errors';\nimport { useStytchB2BClient } from '../b2b';\nimport { AdminPortalSSOContainer } from '../../../adminPortal';\nimport { AdminPortalSSOMountOptions } from '../../../adminPortal/sso/AdminPortalSSOContainer';\n\nexport type AdminPortalSSOProps<\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n> = ExcludeInjectedOptions<AdminPortalSSOMountOptions<TProjectConfiguration>>;\n\n/**\n * The Admin Portal SSO UI component.\n * This component must be rendered within a {@link StytchB2BProvider}.\n *\n * See the {@link https://stytch.com/docs/b2b/sdks/javascript-sdk online reference}\n */\nexport const AdminPortalSSO = <TProjectConfiguration extends StytchProjectConfigurationInput>(\n  props: AdminPortalSSOProps<TProjectConfiguration>,\n) => {\n  invariant(useIsMounted__INTERNAL(), noProviderError('<AdminPortalMemberManagement />', 'StytchB2BProvider'));\n  const stytchClient = useStytchB2BClient<TProjectConfiguration>();\n\n  return <AdminPortalSSOContainer client={stytchClient} {...props} />;\n};\n"],"names":["AdminPortalSSO","props","invariant","useIsMounted__INTERNAL","noProviderError","stytchClient","useStytchB2BClient","React","AdminPortalSSOContainer","client"],"mappings":";;;;;;AAcA;;;;;IAMO,MAAMA,cAAAA,GAAiB,CAC5BC,KAAAA,GAAAA;IAEAC,SAAAA,CAAUC,sBAAAA,EAAAA,EAA0BC,gBAAgB,iCAAA,EAAmC,mBAAA,CAAA,CAAA;AACvF,IAAA,MAAMC,YAAAA,GAAeC,kBAAAA,EAAAA;AAErB,IAAA,qBAAOC,cAAA,CAAA,aAAA,CAACC,uBAAAA,EAAAA;QAAwBC,MAAAA,EAAQJ,YAAAA;AAAe,QAAA,GAAGJ;;AAC5D;;;;"}

package/dist/esm/packages/web/src/ui/react/b2b/Stytch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Stytch.mjs","sources":["../../../../../../../../../web/src/ui/react/b2b/Stytch.tsx"],"sourcesContent":["import { Callbacks, StringsOptions, StytchProjectConfigurationInput } from '@stytch/core/public';\nimport { PresentationConfig, StytchB2BLoginConfig } from '../../../types';\nimport { AppContainer } from '../../b2b/App';\nimport { createB2BComponent } from '../bindings/createB2BComponent';\n\nexport interface StytchB2BProps<\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n> extends StringsOptions {\n  /**\n   * An optional {@link PresentationConfig} to customize the UI presentation.\n   */\n  presentation?: PresentationConfig;\n  /**\n   * An optional {@link Callbacks} object.\n   *\n   * @example\n   * {\n   *   onError: ({message}) => {\n   *      console.error('Stytch error', message)\n   *   }\n   * }\n   *\n   * @example\n   * {\n   *   onEvent: ({type, data}) => {\n   *     if(type === StytchEventType.B2BMagicLinkAuthenticate) {\n   *       console.log('Logged in with', data);\n   *     }\n   *   }\n   * }\n   */\n  callbacks?: Callbacks<TProjectConfiguration>;\n  /**\n   * A {@link StytchB2BLoginConfig} object. Add products and product-specific config to this object to change the login methods shown.\n   *\n   *\n   * @example\n   * {\n   *   products: [B2BProducts.emailMagicLinks],\n   *   authFlowType: \"Discovery\",\n   *   emailMagicLinksOptions: {\n   *     discoveryRedirectURL: 'https://example.com/authenticate',\n   *   },\n   *   sessionOptions: {\n   *     sessionDurationMinutes: 60,\n   *   },\n   * }\n   *\n   * @example\n   * {\n   *   products: [B2BProducts.emailMagicLinks, B2BProducts.sso],\n   *   authFlowType: \"Organization\",\n   *   emailMagicLinksOptions: {\n   *     loginRedirectURL: 'https://example.com/authenticate',\n   *     signupRedirectURL: 'https://example.com/authenticate',\n   *   },\n   *   ssoOptions: {\n   *     loginRedirectURL: 'https://example.com/authenticate',\n   *     signupRedirectURL: 'https://example.com/authenticate',\n   *   },\n   *   sessionOptions: {\n   *     sessionDurationMinutes: 60,\n   *   },\n   * }\n   */\n  config: StytchB2BLoginConfig;\n}\n\n/**\n * The Stytch B2B UI component.\n * This component can only be used with a Stytch B2B UI Client\n * passed into the StytchB2BProvider.\n *\n * See the {@link https://stytch.com/docs/b2b/sdks online reference}\n *\n * @example\n * <StytchB2B\n *   config={{\n *     authFlowType: \"Organization\",\n *     emailMagicLinksOptions: {\n *       loginRedirectURL: 'https://example.com/authenticate',\n *       signupRedirectURL: 'https://example.com/authenticate',\n *     },\n *     ssoOptions: {\n *       loginRedirectURL: 'https://example.com/authenticate',\n *       signupRedirectURL: 'https://example.com/authenticate',\n *     },\n *     sessionOptions: {\n *       sessionDurationMinutes: 60,\n *     }\n *   }}\n *   presentation={{\n *     theme: { primary: '#0577CA' },\n *     options: {},\n *   }}\n *   callbacks={{\n *     onEvent: (event) => console.log(event)\n *   }}\n * />\n */\nexport const StytchB2B = createB2BComponent('StytchB2B', AppContainer);\n"],"names":["StytchB2B","createB2BComponent","AppContainer"],"mappings":";;;AAoEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BC,IACM,MAAMA,SAAAA,GAAYC,kBAAAA,CAAmB,aAAaC,YAAAA;;;;"}
+{"version":3,"file":"Stytch.mjs","sources":["../../../../../../../../../web/src/ui/react/b2b/Stytch.tsx"],"sourcesContent":["import { Callbacks, StringsOptions, StytchProjectConfigurationInput } from '@stytch/core/public';\nimport { PresentationConfig, StytchB2BUIConfig } from '../../../types';\nimport { AppContainer } from '../../b2b/App';\nimport { createB2BComponent } from '../bindings/createB2BComponent';\n\nexport interface StytchB2BProps<\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n> extends StringsOptions {\n  /**\n   * An optional {@link PresentationConfig} to customize the UI presentation.\n   */\n  presentation?: PresentationConfig;\n  /**\n   * An optional {@link Callbacks} object.\n   *\n   * @example\n   * {\n   *   onError: ({message}) => {\n   *      console.error('Stytch error', message)\n   *   }\n   * }\n   *\n   * @example\n   * {\n   *   onEvent: ({type, data}) => {\n   *     if(type === StytchEventType.B2BMagicLinkAuthenticate) {\n   *       console.log('Logged in with', data);\n   *     }\n   *   }\n   * }\n   */\n  callbacks?: Callbacks<TProjectConfiguration>;\n  /**\n   * A {@link StytchB2BUIConfig} object. Add products and product-specific config to this object to change the login methods shown.\n   *\n   *\n   * @example\n   * {\n   *   products: [B2BProducts.emailMagicLinks],\n   *   authFlowType: \"Discovery\",\n   *   emailMagicLinksOptions: {\n   *     discoveryRedirectURL: 'https://example.com/authenticate',\n   *   },\n   *   sessionOptions: {\n   *     sessionDurationMinutes: 60,\n   *   },\n   * }\n   *\n   * @example\n   * {\n   *   products: [B2BProducts.emailMagicLinks, B2BProducts.sso],\n   *   authFlowType: \"Organization\",\n   *   emailMagicLinksOptions: {\n   *     loginRedirectURL: 'https://example.com/authenticate',\n   *     signupRedirectURL: 'https://example.com/authenticate',\n   *   },\n   *   ssoOptions: {\n   *     loginRedirectURL: 'https://example.com/authenticate',\n   *     signupRedirectURL: 'https://example.com/authenticate',\n   *   },\n   *   sessionOptions: {\n   *     sessionDurationMinutes: 60,\n   *   },\n   * }\n   */\n  config: StytchB2BUIConfig;\n}\n\n/**\n * The Stytch B2B UI component.\n * This component can only be used with a Stytch B2B UI Client\n * passed into the StytchB2BProvider.\n *\n * See the {@link https://stytch.com/docs/b2b/sdks online reference}\n *\n * @example\n * <StytchB2B\n *   config={{\n *     authFlowType: \"Organization\",\n *     emailMagicLinksOptions: {\n *       loginRedirectURL: 'https://example.com/authenticate',\n *       signupRedirectURL: 'https://example.com/authenticate',\n *     },\n *     ssoOptions: {\n *       loginRedirectURL: 'https://example.com/authenticate',\n *       signupRedirectURL: 'https://example.com/authenticate',\n *     },\n *     sessionOptions: {\n *       sessionDurationMinutes: 60,\n *     }\n *   }}\n *   presentation={{\n *     theme: { primary: '#0577CA' },\n *     options: {},\n *   }}\n *   callbacks={{\n *     onEvent: (event) => console.log(event)\n *   }}\n * />\n */\nexport const StytchB2B = createB2BComponent('StytchB2B', AppContainer);\n"],"names":["StytchB2B","createB2BComponent","AppContainer"],"mappings":";;;AAoEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BC,IACM,MAAMA,SAAAA,GAAYC,kBAAAA,CAAmB,aAAaC,YAAAA;;;;"}

package/dist/esm/packages/web/src/ui/react/bindings/createB2BComponent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"createB2BComponent.mjs","sources":["../../../../../../../../../web/src/ui/react/bindings/createB2BComponent.tsx"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from 'react';\nimport { StytchProjectConfigurationInput } from '@stytch/core/public';\nimport { injectCssIntoNode, injectGlobalStyle } from '@stytch/internal-style-injector';\nimport { ComponentType } from 'react';\nimport { invariant } from '../utils/invariant';\nimport { useStytchB2BClient, useIsMounted__INTERNAL } from '../b2b/StytchB2BContext';\nimport { noProviderError, serverRenderError } from '../utils/errors';\nimport { StytchB2BClient } from '../../../b2b/StytchB2BClient';\nimport { StytchB2BLoginConfig } from '../../../types';\nimport { createPortal } from 'react-dom';\n\n// Mirrors createB2CComponent and createWebComponent\nexport function createB2BComponent<\n  Props extends {\n    client: StytchB2BClient<TProjectConfiguration>;\n    config?: StytchB2BLoginConfig;\n  },\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n>(name: string, Component: ComponentType<Props>) {\n  const Wrapped: ComponentType<Omit<Props, 'client'>> = (props) => {\n    serverRenderError(name);\n    invariant(useIsMounted__INTERNAL(), noProviderError(`<${name} />`));\n\n    const client = useStytchB2BClient<TProjectConfiguration>();\n\n    const shadow = props.config?.enableShadowDOM;\n    const root = useRef<HTMLDivElement>(null);\n    const [mountPoint, setMountPoint] = useState<HTMLDivElement>();\n\n    useLayoutEffect(() => {\n      if (shadow) {\n        if (!root.current || root.current.shadowRoot) return;\n        const shadowRoot = root.current.attachShadow({ mode: 'open' });\n        const mountPoint = document.createElement('div');\n\n        shadowRoot.appendChild(injectCssIntoNode());\n        shadowRoot.appendChild(mountPoint);\n\n        setMountPoint(mountPoint);\n      } else {\n        injectGlobalStyle();\n      }\n    }, [shadow]);\n\n    const element = <Component {...(props as Props)} client={client} />;\n    if (shadow) {\n      return <div ref={root}>{mountPoint && createPortal(element, mountPoint)}</div>;\n    } else {\n      return element;\n    }\n  };\n\n  Wrapped.displayName = name;\n  return Wrapped;\n}\n"],"names":["createB2BComponent","name","Component","Wrapped","props","invariant","useIsMounted__INTERNAL","noProviderError","client","useStytchB2BClient","shadow","config","enableShadowDOM","root","useRef","mountPoint","setMountPoint","useState","useLayoutEffect","current","shadowRoot","attachShadow","mode","document","createElement","appendChild","injectCssIntoNode","injectGlobalStyle","element","React","div","ref","createPortal","displayName"],"mappings":";;;;;;;AAWA;AACO,SAASA,kBAAAA,CAMdC,IAAY,EAAEC,SAA+B,EAAA;AAC7C,IAAA,MAAMC,UAAgD,CAACC,KAAAA,GAAAA;AAErDC,QAAAA,SAAAA,CAAUC,0BAA0BC,eAAAA,CAAgB,CAAC,CAAC,EAAEN,IAAAA,CAAK,GAAG,CAAC,CAAA,CAAA;AAEjE,QAAA,MAAMO,MAAAA,GAASC,kBAAAA,EAAAA;QAEf,MAAMC,MAAAA,GAASN,KAAAA,CAAMO,MAAM,EAAEC,eAAAA;AAC7B,QAAA,MAAMC,OAAOC,MAAAA,CAAuB,IAAA,CAAA;QACpC,MAAM,CAACC,UAAAA,EAAYC,aAAAA,CAAc,GAAGC,QAAAA,EAAAA;QAEpCC,eAAAA,CAAgB,IAAA;AACd,YAAA,IAAIR,MAAAA,EAAQ;gBACV,IAAI,CAACG,KAAKM,OAAO,IAAIN,KAAKM,OAAO,CAACC,UAAU,EAAE;AAC9C,gBAAA,MAAMA,UAAAA,GAAaP,IAAAA,CAAKM,OAAO,CAACE,YAAY,CAAC;oBAAEC,IAAAA,EAAM;AAAO,iBAAA,CAAA;gBAC5D,MAAMP,UAAAA,GAAaQ,QAAAA,CAASC,aAAa,CAAC,KAAA,CAAA;AAE1CJ,gBAAAA,UAAAA,CAAWK,WAAW,CAACC,iBAAAA,EAAAA,CAAAA;AACvBN,gBAAAA,UAAAA,CAAWK,WAAW,CAACV,UAAAA,CAAAA;gBAEvBC,aAAAA,CAAcD,UAAAA,CAAAA;YAChB,CAAA,MAAO;AACLY,gBAAAA,iBAAAA,EAAAA;AACF,YAAA;QACF,CAAA,EAAG;AAACjB,YAAAA;AAAO,SAAA,CAAA;AAEX,QAAA,MAAMkB,wBAAUC,cAAA,CAAA,aAAA,CAAC3B,SAAAA,EAAAA;AAAW,YAAA,GAAIE,KAAK;YAAYI,MAAAA,EAAQA;;AACzD,QAAA,IAAIE,MAAAA,EAAQ;AACV,YAAA,qBAAOmB,cAAA,CAAA,aAAA,CAACC,KAAAA,EAAAA;gBAAIC,GAAAA,EAAKlB;AAAOE,aAAAA,EAAAA,UAAAA,kBAAciB,aAAaJ,OAAAA,EAASb,UAAAA,CAAAA,CAAAA;QAC9D,CAAA,MAAO;YACL,OAAOa,OAAAA;AACT,QAAA;AACF,IAAA,CAAA;AAEAzB,IAAAA,OAAAA,CAAQ8B,WAAW,GAAGhC,IAAAA;IACtB,OAAOE,OAAAA;AACT;;;;"}
+{"version":3,"file":"createB2BComponent.mjs","sources":["../../../../../../../../../web/src/ui/react/bindings/createB2BComponent.tsx"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from 'react';\nimport { StytchProjectConfigurationInput } from '@stytch/core/public';\nimport { injectCssIntoNode, injectGlobalStyle } from '@stytch/internal-style-injector';\nimport { ComponentType } from 'react';\nimport { invariant } from '../utils/invariant';\nimport { useStytchB2BClient, useIsMounted__INTERNAL } from '../b2b/StytchB2BContext';\nimport { noProviderError, serverRenderError } from '../utils/errors';\nimport { StytchB2BClient } from '../../../b2b/StytchB2BClient';\nimport { StytchB2BUIConfig } from '../../../types';\nimport { createPortal } from 'react-dom';\n\n// Mirrors createB2CComponent and createWebComponent\nexport function createB2BComponent<\n  Props extends {\n    client: StytchB2BClient<TProjectConfiguration>;\n    config?: StytchB2BUIConfig;\n  },\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n>(name: string, Component: ComponentType<Props>) {\n  const Wrapped: ComponentType<Omit<Props, 'client'>> = (props) => {\n    serverRenderError(name);\n    invariant(useIsMounted__INTERNAL(), noProviderError(`<${name} />`));\n\n    const client = useStytchB2BClient<TProjectConfiguration>();\n\n    const shadow = props.config?.enableShadowDOM;\n    const root = useRef<HTMLDivElement>(null);\n    const [mountPoint, setMountPoint] = useState<HTMLDivElement>();\n\n    useLayoutEffect(() => {\n      if (shadow) {\n        if (!root.current || root.current.shadowRoot) return;\n        const shadowRoot = root.current.attachShadow({ mode: 'open' });\n        const mountPoint = document.createElement('div');\n\n        shadowRoot.appendChild(injectCssIntoNode());\n        shadowRoot.appendChild(mountPoint);\n\n        setMountPoint(mountPoint);\n      } else {\n        injectGlobalStyle();\n      }\n    }, [shadow]);\n\n    const element = <Component {...(props as Props)} client={client} />;\n    if (shadow) {\n      return <div ref={root}>{mountPoint && createPortal(element, mountPoint)}</div>;\n    } else {\n      return element;\n    }\n  };\n\n  Wrapped.displayName = name;\n  return Wrapped;\n}\n"],"names":["createB2BComponent","name","Component","Wrapped","props","invariant","useIsMounted__INTERNAL","noProviderError","client","useStytchB2BClient","shadow","config","enableShadowDOM","root","useRef","mountPoint","setMountPoint","useState","useLayoutEffect","current","shadowRoot","attachShadow","mode","document","createElement","appendChild","injectCssIntoNode","injectGlobalStyle","element","React","div","ref","createPortal","displayName"],"mappings":";;;;;;;AAWA;AACO,SAASA,kBAAAA,CAMdC,IAAY,EAAEC,SAA+B,EAAA;AAC7C,IAAA,MAAMC,UAAgD,CAACC,KAAAA,GAAAA;AAErDC,QAAAA,SAAAA,CAAUC,0BAA0BC,eAAAA,CAAgB,CAAC,CAAC,EAAEN,IAAAA,CAAK,GAAG,CAAC,CAAA,CAAA;AAEjE,QAAA,MAAMO,MAAAA,GAASC,kBAAAA,EAAAA;QAEf,MAAMC,MAAAA,GAASN,KAAAA,CAAMO,MAAM,EAAEC,eAAAA;AAC7B,QAAA,MAAMC,OAAOC,MAAAA,CAAuB,IAAA,CAAA;QACpC,MAAM,CAACC,UAAAA,EAAYC,aAAAA,CAAc,GAAGC,QAAAA,EAAAA;QAEpCC,eAAAA,CAAgB,IAAA;AACd,YAAA,IAAIR,MAAAA,EAAQ;gBACV,IAAI,CAACG,KAAKM,OAAO,IAAIN,KAAKM,OAAO,CAACC,UAAU,EAAE;AAC9C,gBAAA,MAAMA,UAAAA,GAAaP,IAAAA,CAAKM,OAAO,CAACE,YAAY,CAAC;oBAAEC,IAAAA,EAAM;AAAO,iBAAA,CAAA;gBAC5D,MAAMP,UAAAA,GAAaQ,QAAAA,CAASC,aAAa,CAAC,KAAA,CAAA;AAE1CJ,gBAAAA,UAAAA,CAAWK,WAAW,CAACC,iBAAAA,EAAAA,CAAAA;AACvBN,gBAAAA,UAAAA,CAAWK,WAAW,CAACV,UAAAA,CAAAA;gBAEvBC,aAAAA,CAAcD,UAAAA,CAAAA;YAChB,CAAA,MAAO;AACLY,gBAAAA,iBAAAA,EAAAA;AACF,YAAA;QACF,CAAA,EAAG;AAACjB,YAAAA;AAAO,SAAA,CAAA;AAEX,QAAA,MAAMkB,wBAAUC,cAAA,CAAA,aAAA,CAAC3B,SAAAA,EAAAA;AAAW,YAAA,GAAIE,KAAK;YAAYI,MAAAA,EAAQA;;AACzD,QAAA,IAAIE,MAAAA,EAAQ;AACV,YAAA,qBAAOmB,cAAA,CAAA,aAAA,CAACC,KAAAA,EAAAA;gBAAIC,GAAAA,EAAKlB;AAAOE,aAAAA,EAAAA,UAAAA,kBAAciB,aAAaJ,OAAAA,EAASb,UAAAA,CAAAA,CAAAA;QAC9D,CAAA,MAAO;YACL,OAAOa,OAAAA;AACT,QAAA;AACF,IAAA,CAAA;AAEAzB,IAAAA,OAAAA,CAAQ8B,WAAW,GAAGhC,IAAAA;IACtB,OAAOE,OAAAA;AACT;;;;"}

package/dist/esm/packages/web/src/utils/crypto.mjs

@@ -1,5 +1,5 @@
 import 'react';
-import { b as bs58Exports } from '../../../../_virtual/index4.mjs';
+import { b as bs58Exports } from '../../../../_virtual/index3.mjs';
 import { GenericWalletIcon } from '../assets/genericWallet.mjs';
 import '../assets/logo.module.css.mjs';
 import { BinanceIcon } from '../assets/logo-color/Binance.mjs';

package/dist/esm-dev/_virtual/index.mjs

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs } from './_commonjsHelpers.mjs';
-import { __require as requireLodash_merge } from '../node_modules/lodash.merge/index.mjs';
+import { __require as requireClassnames } from '../node_modules/classnames/index.mjs';
 
-var lodash_mergeExports = requireLodash_merge();
-var merge = /*@__PURE__*/getDefaultExportFromCjs(lodash_mergeExports);
+var classnamesExports = requireClassnames();
+var classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
 
-export { merge as default };
+export { classNames as default };
 //# sourceMappingURL=index.mjs.map

package/dist/esm-dev/_virtual/index3.mjs

@@ -1,8 +1,6 @@
-import { getDefaultExportFromCjs } from './_commonjsHelpers.mjs';
-import { __require as requireClassnames } from '../node_modules/classnames/index.mjs';
+import { __require as requireBs58 } from '../node_modules/bs58/index.mjs';
 
-var classnamesExports = requireClassnames();
-var classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
+var bs58Exports = requireBs58();
 
-export { classNames as default };
+export { bs58Exports as b };
 //# sourceMappingURL=index3.mjs.map

package/dist/esm-dev/_virtual/index3.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index3.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"index3.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/esm-dev/_virtual/index4.mjs

@@ -1,6 +1,8 @@
-import { __require as requireBs58 } from '../node_modules/bs58/index.mjs';
+import { getDefaultExportFromCjs } from './_commonjsHelpers.mjs';
+import { __require as requireLodash_merge } from '../node_modules/lodash.merge/index.mjs';
 
-var bs58Exports = requireBs58();
+var lodash_mergeExports = requireLodash_merge();
+var merge = /*@__PURE__*/getDefaultExportFromCjs(lodash_mergeExports);
 
-export { bs58Exports as b };
+export { merge as default };
 //# sourceMappingURL=index4.mjs.map

package/dist/esm-dev/_virtual/index4.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index4.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index4.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/esm-dev/_virtual/index6.mjs

@@ -1,4 +1,4 @@
-var shim = {exports: {}};
+var lodash_merge = {exports: {}};
 
-export { shim as __module };
+export { lodash_merge as __module };
 //# sourceMappingURL=index6.mjs.map

package/dist/esm-dev/_virtual/index7.mjs

@@ -1,4 +1,4 @@
-var lodash_merge = {exports: {}};
+var shim = {exports: {}};
 
-export { lodash_merge as __module };
+export { shim as __module };
 //# sourceMappingURL=index7.mjs.map