@rytass/bpm-core-react 0.13.3 → 0.13.5

package/dist/chunks/{login-9bCXyjbX.cjs.map → login-AtVxZBsC.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"login-9bCXyjbX.cjs","names":[],"sources":["../../src/views/login/login.module.scss","../../src/views/login/LoginView.tsx"],"sourcesContent":[".loginPage {\n  align-items: center;\n  background: var(--mzn-color-bg-body);\n  display: flex;\n  min-height: 100vh;\n  justify-content: center;\n  padding: 32px;\n}\n\n.loginPanel {\n  border: 1px solid var(--mzn-color-border);\n  border-radius: 8px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  gap: 28px;\n  max-width: 440px;\n  padding: 32px;\n  width: 100%;\n}\n\n.brand {\n  align-items: center;\n  display: flex;\n  gap: 14px;\n}\n\n.brandLogo {\n  border-radius: 8px;\n  height: 40px;\n  width: 40px;\n  object-fit: contain;\n}\n\n.form {\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n}\n\n.demoUsers {\n  border-top: 1px solid var(--mzn-color-border);\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding-top: 20px;\n}\n\n.demoUserList {\n  display: grid;\n  gap: 8px;\n}\n\n.demoUserButton {\n  background: transparent;\n  border: 1px solid var(--mzn-color-border);\n  border-radius: 6px;\n  color: inherit;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  font: inherit;\n  gap: 2px;\n  padding: 10px 12px;\n  text-align: left;\n}\n\n.demoUserButton:hover {\n  border-color: var(--mzn-color-primary);\n}\n\n.demoUserButton span:last-child {\n  color: var(--mzn-color-text-secondary);\n  font-size: 12px;\n}\n","'use client';\n\nimport {\n  useCallback,\n  useEffect,\n  useState,\n  type ChangeEvent,\n  type FormEvent,\n  type ReactElement,\n} from 'react';\nimport { Button, Input, Typography } from '@mezzanine-ui/react';\nimport { LoginIcon } from '@mezzanine-ui/icons';\nimport {\n  listApiTestMembers,\n  type ApiPublicMember,\n} from '@rytass/bpm-core-client';\nimport { useAuth } from '../../lib/auth-provider';\nimport { useRouterAdapter } from '../../lib/router-adapter';\nimport styles from './login.module.scss';\n\nexport interface LoginViewProps {\n  /**\n   * Logo image URL. Renders an inline `<img>` so the view stays framework\n   * agnostic (no `next/image` dependency). Defaults to\n   * `/rytass-logo.png` — host should serve a static asset at that path or\n   * override via this prop.\n   */\n  readonly logoSrc?: string;\n  /**\n   * Pre-fill the identifier input. Defaults to the seeded demo account\n   * email so the form is usable out of the box.\n   */\n  readonly defaultIdentifier?: string;\n  /**\n   * Pre-fill the password input. Defaults to the seeded demo password\n   * (`'demo'`). Production hosts should pass an empty string.\n   */\n  readonly defaultPassword?: string;\n  /**\n   * Custom redirect target after a successful login. Defaults to reading\n   * `?next=` from the host router's search params, falling back to `'/'`.\n   */\n  readonly defaultNextPath?: string;\n  /**\n   * Override the BPM admin brand title shown above the form. Defaults to\n   * `'BPM Admin'`.\n   */\n  readonly brandTitle?: string;\n  /**\n   * Override the brand subtitle shown above the form. Defaults to\n   * `'BPM API 登入'`.\n   */\n  readonly brandSubtitle?: string;\n}\n\nconst DEFAULT_LOGO = '/rytass-logo.png';\nconst DEFAULT_IDENTIFIER = 'lin.ceo@example.internal';\nconst DEFAULT_PASSWORD = 'demo';\n\n/**\n * Login UI for the BPM admin host. Renders the brand mark, identifier /\n * password fields, and a \"test members\" picker fed by\n * `listApiTestMembers()`. Self-contained: composes Mezzanine UI primitives,\n * reads the auth context, and uses the host router adapter to redirect on\n * success.\n *\n * Wrap with `<AuthProvider>` (and indirectly `<RouterAdapterProvider>`)\n * higher in the tree. The `pages/login` subpath ships a thin Next.js\n * wrapper that exports `default` (Server Component) and `metadata`.\n */\nexport function LoginView({\n  logoSrc = DEFAULT_LOGO,\n  defaultIdentifier = DEFAULT_IDENTIFIER,\n  defaultPassword = DEFAULT_PASSWORD,\n  defaultNextPath,\n  brandTitle = 'BPM Admin',\n  brandSubtitle = 'BPM API 登入',\n}: LoginViewProps = {}): ReactElement {\n  const router = useRouterAdapter();\n  const { loading, login, member } = useAuth();\n  const [testMembers, setTestMembers] = useState<readonly ApiPublicMember[]>(\n    [],\n  );\n  const [error, setError] = useState<string | null>(null);\n  const [identifier, setIdentifier] = useState(defaultIdentifier);\n  const [password, setPassword] = useState(defaultPassword);\n  const [submitting, setSubmitting] = useState(false);\n\n  useEffect((): void => {\n    if (loading || !member) return;\n    router.replace(resolveNextPath(defaultNextPath));\n  }, [defaultNextPath, loading, member, router]);\n\n  useEffect((): void => {\n    void (async () => {\n      try {\n        setTestMembers(await listApiTestMembers());\n      } catch {\n        setTestMembers([]);\n      }\n    })();\n  }, []);\n\n  const handleSubmit = useCallback(\n    async (event: FormEvent<HTMLFormElement>): Promise<void> => {\n      event.preventDefault();\n      setError(null);\n      setSubmitting(true);\n      try {\n        await login({ identifier, password });\n        router.replace(resolveNextPath(defaultNextPath));\n      } catch (loginError: unknown) {\n        setError(readErrorMessage(loginError));\n      } finally {\n        setSubmitting(false);\n      }\n    },\n    [defaultNextPath, identifier, login, password, router],\n  );\n\n  function handleIdentifierChange(event: ChangeEvent<HTMLInputElement>): void {\n    setIdentifier(event.target.value);\n  }\n  function handlePasswordChange(event: ChangeEvent<HTMLInputElement>): void {\n    setPassword(event.target.value);\n  }\n\n  return (\n    <main className={styles.loginPage}>\n      <section className={styles.loginPanel}>\n        <div className={styles.brand}>\n          <img alt=\"\" className={styles.brandLogo} src={logoSrc} />\n          <div>\n            <Typography variant=\"h3\">{brandTitle}</Typography>\n            <Typography color=\"text-neutral\" variant=\"body\">\n              {brandSubtitle}\n            </Typography>\n          </div>\n        </div>\n\n        <form className={styles.form} onSubmit={handleSubmit}>\n          <label>\n            <Typography color=\"text-neutral\" variant=\"caption\">\n              帳號\n            </Typography>\n            <Input\n              fullWidth\n              name=\"identifier\"\n              onChange={handleIdentifierChange}\n              placeholder=\"member id 或 email\"\n              value={identifier}\n            />\n          </label>\n\n          <label>\n            <Typography color=\"text-neutral\" variant=\"caption\">\n              密碼\n            </Typography>\n            <Input\n              fullWidth\n              inputType=\"password\"\n              name=\"password\"\n              onChange={handlePasswordChange}\n              value={password}\n              variant=\"password\"\n            />\n          </label>\n\n          {error ? (\n            <Typography color=\"text-error\" variant=\"body\">\n              {error}\n            </Typography>\n          ) : null}\n\n          <Button\n            disabled={submitting}\n            icon={LoginIcon}\n            iconType=\"leading\"\n            type=\"submit\"\n            variant=\"base-primary\"\n          >\n            登入\n          </Button>\n        </form>\n\n        {testMembers.length ? (\n          <div className={styles.demoUsers}>\n            <Typography color=\"text-neutral\" variant=\"caption\">\n              測試帳號\n            </Typography>\n            <div className={styles.demoUserList}>\n              {testMembers.map((testMember) => (\n                <button\n                  className={styles.demoUserButton}\n                  key={testMember.memberId}\n                  onClick={(): void => setIdentifier(testMember.email)}\n                  type=\"button\"\n                >\n                  <span>{testMember.name}</span>\n                  <span>{testMember.email}</span>\n                </button>\n              ))}\n            </div>\n          </div>\n        ) : null}\n      </section>\n    </main>\n  );\n}\n\nfunction resolveNextPath(fallback: string | undefined): string {\n  if (fallback && fallback.startsWith('/') && !fallback.startsWith('//')) {\n    return fallback;\n  }\n  const params = readBrowserSearchParams();\n  const next = params.get('next');\n  if (!next || !next.startsWith('/') || next.startsWith('//')) {\n    return '/';\n  }\n  return next;\n}\n\nfunction readBrowserSearchParams(): URLSearchParams {\n  if (typeof window === 'undefined') return new URLSearchParams();\n  return new URLSearchParams(window.location.search);\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '登入失敗';\n}\n"],"mappings":"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"}
+{"version":3,"file":"login-AtVxZBsC.cjs","names":[],"sources":["../../src/views/login/login.module.scss","../../src/views/login/LoginView.tsx"],"sourcesContent":[".loginPage {\n  align-items: center;\n  background: var(--mzn-color-bg-body);\n  display: flex;\n  min-height: 100vh;\n  justify-content: center;\n  padding: 32px;\n}\n\n.loginPanel {\n  border: 1px solid var(--mzn-color-border);\n  border-radius: 8px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  gap: 28px;\n  max-width: 440px;\n  padding: 32px;\n  width: 100%;\n}\n\n.brand {\n  align-items: center;\n  display: flex;\n  gap: 14px;\n}\n\n.brandLogo {\n  border-radius: 8px;\n  height: 40px;\n  width: 40px;\n  object-fit: contain;\n}\n\n.form {\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n}\n\n.demoUsers {\n  border-top: 1px solid var(--mzn-color-border);\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding-top: 20px;\n}\n\n.demoUserList {\n  display: grid;\n  gap: 8px;\n}\n\n.demoUserButton {\n  background: transparent;\n  border: 1px solid var(--mzn-color-border);\n  border-radius: 6px;\n  color: inherit;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  font: inherit;\n  gap: 2px;\n  padding: 10px 12px;\n  text-align: left;\n}\n\n.demoUserButton:hover {\n  border-color: var(--mzn-color-primary);\n}\n\n.demoUserButton span:last-child {\n  color: var(--mzn-color-text-secondary);\n  font-size: 12px;\n}\n","'use client';\n\nimport {\n  useCallback,\n  useEffect,\n  useState,\n  type ChangeEvent,\n  type FormEvent,\n  type ReactElement,\n} from 'react';\nimport { Button, Input, Typography } from '@mezzanine-ui/react';\nimport { LoginIcon } from '@mezzanine-ui/icons';\nimport {\n  listApiTestMembers,\n  type ApiPublicMember,\n} from '@rytass/bpm-core-client';\nimport { useAuth } from '../../lib/auth-provider';\nimport { useRouterAdapter } from '../../lib/router-adapter';\nimport styles from './login.module.scss';\n\nexport interface LoginViewProps {\n  /**\n   * Logo image URL. Renders an inline `<img>` so the view stays framework\n   * agnostic (no `next/image` dependency). Defaults to\n   * `/rytass-logo.png` — host should serve a static asset at that path or\n   * override via this prop.\n   */\n  readonly logoSrc?: string;\n  /**\n   * Pre-fill the identifier input. Defaults to the seeded demo account\n   * email so the form is usable out of the box.\n   */\n  readonly defaultIdentifier?: string;\n  /**\n   * Pre-fill the password input. Defaults to the seeded demo password\n   * (`'demo'`). Production hosts should pass an empty string.\n   */\n  readonly defaultPassword?: string;\n  /**\n   * Custom redirect target after a successful login. Defaults to reading\n   * `?next=` from the host router's search params, falling back to `'/'`.\n   */\n  readonly defaultNextPath?: string;\n  /**\n   * Override the BPM admin brand title shown above the form. Defaults to\n   * `'BPM Admin'`.\n   */\n  readonly brandTitle?: string;\n  /**\n   * Override the brand subtitle shown above the form. Defaults to\n   * `'BPM API 登入'`.\n   */\n  readonly brandSubtitle?: string;\n}\n\nconst DEFAULT_LOGO = '/rytass-logo.png';\nconst DEFAULT_IDENTIFIER = 'lin.ceo@example.internal';\nconst DEFAULT_PASSWORD = 'demo';\n\n/**\n * Login UI for the BPM admin host. Renders the brand mark, identifier /\n * password fields, and a \"test members\" picker fed by\n * `listApiTestMembers()`. Self-contained: composes Mezzanine UI primitives,\n * reads the auth context, and uses the host router adapter to redirect on\n * success.\n *\n * Wrap with `<AuthProvider>` (and indirectly `<RouterAdapterProvider>`)\n * higher in the tree. The `pages/login` subpath ships a thin Next.js\n * wrapper that exports `default` (Server Component) and `metadata`.\n */\nexport function LoginView({\n  logoSrc = DEFAULT_LOGO,\n  defaultIdentifier = DEFAULT_IDENTIFIER,\n  defaultPassword = DEFAULT_PASSWORD,\n  defaultNextPath,\n  brandTitle = 'BPM Admin',\n  brandSubtitle = 'BPM API 登入',\n}: LoginViewProps = {}): ReactElement {\n  const router = useRouterAdapter();\n  const { loading, login, member } = useAuth();\n  const [testMembers, setTestMembers] = useState<readonly ApiPublicMember[]>(\n    [],\n  );\n  const [error, setError] = useState<string | null>(null);\n  const [identifier, setIdentifier] = useState(defaultIdentifier);\n  const [password, setPassword] = useState(defaultPassword);\n  const [submitting, setSubmitting] = useState(false);\n\n  useEffect((): void => {\n    if (loading || !member) return;\n    router.replace(resolveNextPath(defaultNextPath));\n  }, [defaultNextPath, loading, member, router]);\n\n  useEffect((): void => {\n    void (async () => {\n      try {\n        setTestMembers(await listApiTestMembers());\n      } catch {\n        setTestMembers([]);\n      }\n    })();\n  }, []);\n\n  const handleSubmit = useCallback(\n    async (event: FormEvent<HTMLFormElement>): Promise<void> => {\n      event.preventDefault();\n      setError(null);\n      setSubmitting(true);\n      try {\n        await login({ identifier, password });\n        router.replace(resolveNextPath(defaultNextPath));\n      } catch (loginError: unknown) {\n        setError(readErrorMessage(loginError));\n      } finally {\n        setSubmitting(false);\n      }\n    },\n    [defaultNextPath, identifier, login, password, router],\n  );\n\n  function handleIdentifierChange(event: ChangeEvent<HTMLInputElement>): void {\n    setIdentifier(event.target.value);\n  }\n  function handlePasswordChange(event: ChangeEvent<HTMLInputElement>): void {\n    setPassword(event.target.value);\n  }\n\n  return (\n    <main className={styles.loginPage}>\n      <section className={styles.loginPanel}>\n        <div className={styles.brand}>\n          <img alt=\"\" className={styles.brandLogo} src={logoSrc} />\n          <div>\n            <Typography variant=\"h3\">{brandTitle}</Typography>\n            <Typography color=\"text-neutral\" variant=\"body\">\n              {brandSubtitle}\n            </Typography>\n          </div>\n        </div>\n\n        <form className={styles.form} onSubmit={handleSubmit}>\n          <label>\n            <Typography color=\"text-neutral\" variant=\"caption\">\n              帳號\n            </Typography>\n            <Input\n              fullWidth\n              name=\"identifier\"\n              onChange={handleIdentifierChange}\n              placeholder=\"member id 或 email\"\n              value={identifier}\n            />\n          </label>\n\n          <label>\n            <Typography color=\"text-neutral\" variant=\"caption\">\n              密碼\n            </Typography>\n            <Input\n              fullWidth\n              inputType=\"password\"\n              name=\"password\"\n              onChange={handlePasswordChange}\n              value={password}\n              variant=\"password\"\n            />\n          </label>\n\n          {error ? (\n            <Typography color=\"text-error\" variant=\"body\">\n              {error}\n            </Typography>\n          ) : null}\n\n          <Button\n            disabled={submitting}\n            icon={LoginIcon}\n            iconType=\"leading\"\n            type=\"submit\"\n            variant=\"base-primary\"\n          >\n            登入\n          </Button>\n        </form>\n\n        {testMembers.length ? (\n          <div className={styles.demoUsers}>\n            <Typography color=\"text-neutral\" variant=\"caption\">\n              測試帳號\n            </Typography>\n            <div className={styles.demoUserList}>\n              {testMembers.map((testMember) => (\n                <button\n                  className={styles.demoUserButton}\n                  key={testMember.memberId}\n                  onClick={(): void => setIdentifier(testMember.email)}\n                  type=\"button\"\n                >\n                  <span>{testMember.name}</span>\n                  <span>{testMember.email}</span>\n                </button>\n              ))}\n            </div>\n          </div>\n        ) : null}\n      </section>\n    </main>\n  );\n}\n\nfunction resolveNextPath(fallback: string | undefined): string {\n  if (fallback && fallback.startsWith('/') && !fallback.startsWith('//')) {\n    return fallback;\n  }\n  const params = readBrowserSearchParams();\n  const next = params.get('next');\n  if (!next || !next.startsWith('/') || next.startsWith('//')) {\n    return '/';\n  }\n  return next;\n}\n\nfunction readBrowserSearchParams(): URLSearchParams {\n  if (typeof window === 'undefined') return new URLSearchParams();\n  return new URLSearchParams(window.location.search);\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '登入失敗';\n}\n"],"mappings":"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"}

package/dist/chunks/{login-BKxpLibd.js → login-C6qlTC6F.js}

@@ -19,7 +19,7 @@ import '../login.css';var f = {
 function g({ logoSrc: g = p, defaultIdentifier: v = m, defaultPassword: b = h, defaultNextPath: x, brandTitle: S = "BPM Admin", brandSubtitle: C = "BPM API 登入" } = {}) {
 	let w = e(), { loading: T, login: E, member: D } = t(), [O, k] = i([]), [A, j] = i(null), [M, N] = i(v), [P, F] = i(b), [I, L] = i(!1);
 	r(() => {
-		T || !D || w.replace(_(x));
+		!T && D && w.replace(_(x));
 	}, [
 		x,
 		T,
@@ -155,4 +155,4 @@ function y(e) {
 //#endregion
 export { g as t };
 
-//# sourceMappingURL=login-BKxpLibd.js.map
+//# sourceMappingURL=login-C6qlTC6F.js.map

package/dist/chunks/{login-BKxpLibd.js.map → login-C6qlTC6F.js.map}

@@ -1 +1 @@
-{"version":3,"file":"login-BKxpLibd.js","names":[],"sources":["../../src/views/login/login.module.scss","../../src/views/login/LoginView.tsx"],"sourcesContent":[".loginPage {\n  align-items: center;\n  background: var(--mzn-color-bg-body);\n  display: flex;\n  min-height: 100vh;\n  justify-content: center;\n  padding: 32px;\n}\n\n.loginPanel {\n  border: 1px solid var(--mzn-color-border);\n  border-radius: 8px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  gap: 28px;\n  max-width: 440px;\n  padding: 32px;\n  width: 100%;\n}\n\n.brand {\n  align-items: center;\n  display: flex;\n  gap: 14px;\n}\n\n.brandLogo {\n  border-radius: 8px;\n  height: 40px;\n  width: 40px;\n  object-fit: contain;\n}\n\n.form {\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n}\n\n.demoUsers {\n  border-top: 1px solid var(--mzn-color-border);\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding-top: 20px;\n}\n\n.demoUserList {\n  display: grid;\n  gap: 8px;\n}\n\n.demoUserButton {\n  background: transparent;\n  border: 1px solid var(--mzn-color-border);\n  border-radius: 6px;\n  color: inherit;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  font: inherit;\n  gap: 2px;\n  padding: 10px 12px;\n  text-align: left;\n}\n\n.demoUserButton:hover {\n  border-color: var(--mzn-color-primary);\n}\n\n.demoUserButton span:last-child {\n  color: var(--mzn-color-text-secondary);\n  font-size: 12px;\n}\n","'use client';\n\nimport {\n  useCallback,\n  useEffect,\n  useState,\n  type ChangeEvent,\n  type FormEvent,\n  type ReactElement,\n} from 'react';\nimport { Button, Input, Typography } from '@mezzanine-ui/react';\nimport { LoginIcon } from '@mezzanine-ui/icons';\nimport {\n  listApiTestMembers,\n  type ApiPublicMember,\n} from '@rytass/bpm-core-client';\nimport { useAuth } from '../../lib/auth-provider';\nimport { useRouterAdapter } from '../../lib/router-adapter';\nimport styles from './login.module.scss';\n\nexport interface LoginViewProps {\n  /**\n   * Logo image URL. Renders an inline `<img>` so the view stays framework\n   * agnostic (no `next/image` dependency). Defaults to\n   * `/rytass-logo.png` — host should serve a static asset at that path or\n   * override via this prop.\n   */\n  readonly logoSrc?: string;\n  /**\n   * Pre-fill the identifier input. Defaults to the seeded demo account\n   * email so the form is usable out of the box.\n   */\n  readonly defaultIdentifier?: string;\n  /**\n   * Pre-fill the password input. Defaults to the seeded demo password\n   * (`'demo'`). Production hosts should pass an empty string.\n   */\n  readonly defaultPassword?: string;\n  /**\n   * Custom redirect target after a successful login. Defaults to reading\n   * `?next=` from the host router's search params, falling back to `'/'`.\n   */\n  readonly defaultNextPath?: string;\n  /**\n   * Override the BPM admin brand title shown above the form. Defaults to\n   * `'BPM Admin'`.\n   */\n  readonly brandTitle?: string;\n  /**\n   * Override the brand subtitle shown above the form. Defaults to\n   * `'BPM API 登入'`.\n   */\n  readonly brandSubtitle?: string;\n}\n\nconst DEFAULT_LOGO = '/rytass-logo.png';\nconst DEFAULT_IDENTIFIER = 'lin.ceo@example.internal';\nconst DEFAULT_PASSWORD = 'demo';\n\n/**\n * Login UI for the BPM admin host. Renders the brand mark, identifier /\n * password fields, and a \"test members\" picker fed by\n * `listApiTestMembers()`. Self-contained: composes Mezzanine UI primitives,\n * reads the auth context, and uses the host router adapter to redirect on\n * success.\n *\n * Wrap with `<AuthProvider>` (and indirectly `<RouterAdapterProvider>`)\n * higher in the tree. The `pages/login` subpath ships a thin Next.js\n * wrapper that exports `default` (Server Component) and `metadata`.\n */\nexport function LoginView({\n  logoSrc = DEFAULT_LOGO,\n  defaultIdentifier = DEFAULT_IDENTIFIER,\n  defaultPassword = DEFAULT_PASSWORD,\n  defaultNextPath,\n  brandTitle = 'BPM Admin',\n  brandSubtitle = 'BPM API 登入',\n}: LoginViewProps = {}): ReactElement {\n  const router = useRouterAdapter();\n  const { loading, login, member } = useAuth();\n  const [testMembers, setTestMembers] = useState<readonly ApiPublicMember[]>(\n    [],\n  );\n  const [error, setError] = useState<string | null>(null);\n  const [identifier, setIdentifier] = useState(defaultIdentifier);\n  const [password, setPassword] = useState(defaultPassword);\n  const [submitting, setSubmitting] = useState(false);\n\n  useEffect((): void => {\n    if (loading || !member) return;\n    router.replace(resolveNextPath(defaultNextPath));\n  }, [defaultNextPath, loading, member, router]);\n\n  useEffect((): void => {\n    void (async () => {\n      try {\n        setTestMembers(await listApiTestMembers());\n      } catch {\n        setTestMembers([]);\n      }\n    })();\n  }, []);\n\n  const handleSubmit = useCallback(\n    async (event: FormEvent<HTMLFormElement>): Promise<void> => {\n      event.preventDefault();\n      setError(null);\n      setSubmitting(true);\n      try {\n        await login({ identifier, password });\n        router.replace(resolveNextPath(defaultNextPath));\n      } catch (loginError: unknown) {\n        setError(readErrorMessage(loginError));\n      } finally {\n        setSubmitting(false);\n      }\n    },\n    [defaultNextPath, identifier, login, password, router],\n  );\n\n  function handleIdentifierChange(event: ChangeEvent<HTMLInputElement>): void {\n    setIdentifier(event.target.value);\n  }\n  function handlePasswordChange(event: ChangeEvent<HTMLInputElement>): void {\n    setPassword(event.target.value);\n  }\n\n  return (\n    <main className={styles.loginPage}>\n      <section className={styles.loginPanel}>\n        <div className={styles.brand}>\n          <img alt=\"\" className={styles.brandLogo} src={logoSrc} />\n          <div>\n            <Typography variant=\"h3\">{brandTitle}</Typography>\n            <Typography color=\"text-neutral\" variant=\"body\">\n              {brandSubtitle}\n            </Typography>\n          </div>\n        </div>\n\n        <form className={styles.form} onSubmit={handleSubmit}>\n          <label>\n            <Typography color=\"text-neutral\" variant=\"caption\">\n              帳號\n            </Typography>\n            <Input\n              fullWidth\n              name=\"identifier\"\n              onChange={handleIdentifierChange}\n              placeholder=\"member id 或 email\"\n              value={identifier}\n            />\n          </label>\n\n          <label>\n            <Typography color=\"text-neutral\" variant=\"caption\">\n              密碼\n            </Typography>\n            <Input\n              fullWidth\n              inputType=\"password\"\n              name=\"password\"\n              onChange={handlePasswordChange}\n              value={password}\n              variant=\"password\"\n            />\n          </label>\n\n          {error ? (\n            <Typography color=\"text-error\" variant=\"body\">\n              {error}\n            </Typography>\n          ) : null}\n\n          <Button\n            disabled={submitting}\n            icon={LoginIcon}\n            iconType=\"leading\"\n            type=\"submit\"\n            variant=\"base-primary\"\n          >\n            登入\n          </Button>\n        </form>\n\n        {testMembers.length ? (\n          <div className={styles.demoUsers}>\n            <Typography color=\"text-neutral\" variant=\"caption\">\n              測試帳號\n            </Typography>\n            <div className={styles.demoUserList}>\n              {testMembers.map((testMember) => (\n                <button\n                  className={styles.demoUserButton}\n                  key={testMember.memberId}\n                  onClick={(): void => setIdentifier(testMember.email)}\n                  type=\"button\"\n                >\n                  <span>{testMember.name}</span>\n                  <span>{testMember.email}</span>\n                </button>\n              ))}\n            </div>\n          </div>\n        ) : null}\n      </section>\n    </main>\n  );\n}\n\nfunction resolveNextPath(fallback: string | undefined): string {\n  if (fallback && fallback.startsWith('/') && !fallback.startsWith('//')) {\n    return fallback;\n  }\n  const params = readBrowserSearchParams();\n  const next = params.get('next');\n  if (!next || !next.startsWith('/') || next.startsWith('//')) {\n    return '/';\n  }\n  return next;\n}\n\nfunction readBrowserSearchParams(): URLSearchParams {\n  if (typeof window === 'undefined') return new URLSearchParams();\n  return new URLSearchParams(window.location.search);\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '登入失敗';\n}\n"],"mappings":"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"}
+{"version":3,"file":"login-C6qlTC6F.js","names":[],"sources":["../../src/views/login/login.module.scss","../../src/views/login/LoginView.tsx"],"sourcesContent":[".loginPage {\n  align-items: center;\n  background: var(--mzn-color-bg-body);\n  display: flex;\n  min-height: 100vh;\n  justify-content: center;\n  padding: 32px;\n}\n\n.loginPanel {\n  border: 1px solid var(--mzn-color-border);\n  border-radius: 8px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  gap: 28px;\n  max-width: 440px;\n  padding: 32px;\n  width: 100%;\n}\n\n.brand {\n  align-items: center;\n  display: flex;\n  gap: 14px;\n}\n\n.brandLogo {\n  border-radius: 8px;\n  height: 40px;\n  width: 40px;\n  object-fit: contain;\n}\n\n.form {\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n}\n\n.demoUsers {\n  border-top: 1px solid var(--mzn-color-border);\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding-top: 20px;\n}\n\n.demoUserList {\n  display: grid;\n  gap: 8px;\n}\n\n.demoUserButton {\n  background: transparent;\n  border: 1px solid var(--mzn-color-border);\n  border-radius: 6px;\n  color: inherit;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  font: inherit;\n  gap: 2px;\n  padding: 10px 12px;\n  text-align: left;\n}\n\n.demoUserButton:hover {\n  border-color: var(--mzn-color-primary);\n}\n\n.demoUserButton span:last-child {\n  color: var(--mzn-color-text-secondary);\n  font-size: 12px;\n}\n","'use client';\n\nimport {\n  useCallback,\n  useEffect,\n  useState,\n  type ChangeEvent,\n  type FormEvent,\n  type ReactElement,\n} from 'react';\nimport { Button, Input, Typography } from '@mezzanine-ui/react';\nimport { LoginIcon } from '@mezzanine-ui/icons';\nimport {\n  listApiTestMembers,\n  type ApiPublicMember,\n} from '@rytass/bpm-core-client';\nimport { useAuth } from '../../lib/auth-provider';\nimport { useRouterAdapter } from '../../lib/router-adapter';\nimport styles from './login.module.scss';\n\nexport interface LoginViewProps {\n  /**\n   * Logo image URL. Renders an inline `<img>` so the view stays framework\n   * agnostic (no `next/image` dependency). Defaults to\n   * `/rytass-logo.png` — host should serve a static asset at that path or\n   * override via this prop.\n   */\n  readonly logoSrc?: string;\n  /**\n   * Pre-fill the identifier input. Defaults to the seeded demo account\n   * email so the form is usable out of the box.\n   */\n  readonly defaultIdentifier?: string;\n  /**\n   * Pre-fill the password input. Defaults to the seeded demo password\n   * (`'demo'`). Production hosts should pass an empty string.\n   */\n  readonly defaultPassword?: string;\n  /**\n   * Custom redirect target after a successful login. Defaults to reading\n   * `?next=` from the host router's search params, falling back to `'/'`.\n   */\n  readonly defaultNextPath?: string;\n  /**\n   * Override the BPM admin brand title shown above the form. Defaults to\n   * `'BPM Admin'`.\n   */\n  readonly brandTitle?: string;\n  /**\n   * Override the brand subtitle shown above the form. Defaults to\n   * `'BPM API 登入'`.\n   */\n  readonly brandSubtitle?: string;\n}\n\nconst DEFAULT_LOGO = '/rytass-logo.png';\nconst DEFAULT_IDENTIFIER = 'lin.ceo@example.internal';\nconst DEFAULT_PASSWORD = 'demo';\n\n/**\n * Login UI for the BPM admin host. Renders the brand mark, identifier /\n * password fields, and a \"test members\" picker fed by\n * `listApiTestMembers()`. Self-contained: composes Mezzanine UI primitives,\n * reads the auth context, and uses the host router adapter to redirect on\n * success.\n *\n * Wrap with `<AuthProvider>` (and indirectly `<RouterAdapterProvider>`)\n * higher in the tree. The `pages/login` subpath ships a thin Next.js\n * wrapper that exports `default` (Server Component) and `metadata`.\n */\nexport function LoginView({\n  logoSrc = DEFAULT_LOGO,\n  defaultIdentifier = DEFAULT_IDENTIFIER,\n  defaultPassword = DEFAULT_PASSWORD,\n  defaultNextPath,\n  brandTitle = 'BPM Admin',\n  brandSubtitle = 'BPM API 登入',\n}: LoginViewProps = {}): ReactElement {\n  const router = useRouterAdapter();\n  const { loading, login, member } = useAuth();\n  const [testMembers, setTestMembers] = useState<readonly ApiPublicMember[]>(\n    [],\n  );\n  const [error, setError] = useState<string | null>(null);\n  const [identifier, setIdentifier] = useState(defaultIdentifier);\n  const [password, setPassword] = useState(defaultPassword);\n  const [submitting, setSubmitting] = useState(false);\n\n  useEffect((): void => {\n    if (loading || !member) return;\n    router.replace(resolveNextPath(defaultNextPath));\n  }, [defaultNextPath, loading, member, router]);\n\n  useEffect((): void => {\n    void (async () => {\n      try {\n        setTestMembers(await listApiTestMembers());\n      } catch {\n        setTestMembers([]);\n      }\n    })();\n  }, []);\n\n  const handleSubmit = useCallback(\n    async (event: FormEvent<HTMLFormElement>): Promise<void> => {\n      event.preventDefault();\n      setError(null);\n      setSubmitting(true);\n      try {\n        await login({ identifier, password });\n        router.replace(resolveNextPath(defaultNextPath));\n      } catch (loginError: unknown) {\n        setError(readErrorMessage(loginError));\n      } finally {\n        setSubmitting(false);\n      }\n    },\n    [defaultNextPath, identifier, login, password, router],\n  );\n\n  function handleIdentifierChange(event: ChangeEvent<HTMLInputElement>): void {\n    setIdentifier(event.target.value);\n  }\n  function handlePasswordChange(event: ChangeEvent<HTMLInputElement>): void {\n    setPassword(event.target.value);\n  }\n\n  return (\n    <main className={styles.loginPage}>\n      <section className={styles.loginPanel}>\n        <div className={styles.brand}>\n          <img alt=\"\" className={styles.brandLogo} src={logoSrc} />\n          <div>\n            <Typography variant=\"h3\">{brandTitle}</Typography>\n            <Typography color=\"text-neutral\" variant=\"body\">\n              {brandSubtitle}\n            </Typography>\n          </div>\n        </div>\n\n        <form className={styles.form} onSubmit={handleSubmit}>\n          <label>\n            <Typography color=\"text-neutral\" variant=\"caption\">\n              帳號\n            </Typography>\n            <Input\n              fullWidth\n              name=\"identifier\"\n              onChange={handleIdentifierChange}\n              placeholder=\"member id 或 email\"\n              value={identifier}\n            />\n          </label>\n\n          <label>\n            <Typography color=\"text-neutral\" variant=\"caption\">\n              密碼\n            </Typography>\n            <Input\n              fullWidth\n              inputType=\"password\"\n              name=\"password\"\n              onChange={handlePasswordChange}\n              value={password}\n              variant=\"password\"\n            />\n          </label>\n\n          {error ? (\n            <Typography color=\"text-error\" variant=\"body\">\n              {error}\n            </Typography>\n          ) : null}\n\n          <Button\n            disabled={submitting}\n            icon={LoginIcon}\n            iconType=\"leading\"\n            type=\"submit\"\n            variant=\"base-primary\"\n          >\n            登入\n          </Button>\n        </form>\n\n        {testMembers.length ? (\n          <div className={styles.demoUsers}>\n            <Typography color=\"text-neutral\" variant=\"caption\">\n              測試帳號\n            </Typography>\n            <div className={styles.demoUserList}>\n              {testMembers.map((testMember) => (\n                <button\n                  className={styles.demoUserButton}\n                  key={testMember.memberId}\n                  onClick={(): void => setIdentifier(testMember.email)}\n                  type=\"button\"\n                >\n                  <span>{testMember.name}</span>\n                  <span>{testMember.email}</span>\n                </button>\n              ))}\n            </div>\n          </div>\n        ) : null}\n      </section>\n    </main>\n  );\n}\n\nfunction resolveNextPath(fallback: string | undefined): string {\n  if (fallback && fallback.startsWith('/') && !fallback.startsWith('//')) {\n    return fallback;\n  }\n  const params = readBrowserSearchParams();\n  const next = params.get('next');\n  if (!next || !next.startsWith('/') || next.startsWith('//')) {\n    return '/';\n  }\n  return next;\n}\n\nfunction readBrowserSearchParams(): URLSearchParams {\n  if (typeof window === 'undefined') return new URLSearchParams();\n  return new URLSearchParams(window.location.search);\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '登入失敗';\n}\n"],"mappings":"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"}

package/dist/chunks/{orgs-Cr_7zsAD.js → orgs-BpqVu5ka.js}

@@ -177,7 +177,7 @@ var W = {
 		if (!e) return;
 		k.current = null;
 		let t = O.current, n = R.nodes.find((t) => t.id === e);
-		!t || !n || t.setCenter(n.position.x + (n.width ?? K) / 2, n.position.y + (n.initialHeight ?? Ee) / 2, {
+		t && n && t.setCenter(n.position.x + (n.width ?? K) / 2, n.position.y + (n.initialHeight ?? Ee) / 2, {
 			duration: 200,
 			zoom: t.getZoom()
 		});
@@ -2084,4 +2084,4 @@ function Qt(e) {
 //#endregion
 export { mt as t };
 
-//# sourceMappingURL=orgs-Cr_7zsAD.js.map
+//# sourceMappingURL=orgs-BpqVu5ka.js.map