@rytass/bpm-core-react 0.2.0

package/dist/chunks/LoginView-BED07v-7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginView-BED07v-7.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(router, 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(router, 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(\n  router: { searchParams?(): URLSearchParams },\n  fallback: string | undefined,\n): string {\n  const params = router.searchParams?.() ?? readBrowserSearchParams();\n  const next = params.get('next');\n  if (!next || !next.startsWith('/') || next.startsWith('//')) {\n    return fallback ?? '/';\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/LoginView-a1iu3cfc.js

@@ -0,0 +1,157 @@
+"use client";
+import { r as e } from "./router-adapter-BdHZXLS3.js";
+import { n as t } from "./auth-provider-TTO9eNZV.js";
+import { useCallback as n, useEffect as r, useState as i } from "react";
+import { Button as a, Input as o, Typography as s } from "@mezzanine-ui/react";
+import { listApiTestMembers as c } from "@rytass/bpm-core-client";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { LoginIcon as d } from "@mezzanine-ui/icons";
+import '../LoginView.css';var f = {
+	loginPage: "bpm_loginPage_BjzaI",
+	loginPanel: "bpm_loginPanel_xo0TW",
+	brand: "bpm_brand_KVmvZ",
+	brandLogo: "bpm_brandLogo_jxEAG",
+	form: "bpm_form_rKKP2",
+	demoUsers: "bpm_demoUsers_g-5Hd",
+	demoUserList: "bpm_demoUserList_IxtKp",
+	demoUserButton: "bpm_demoUserButton_YdkSa"
+}, p = "/rytass-logo.png", m = "lin.ceo@example.internal", h = "demo";
+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(_(w, x));
+	}, [
+		x,
+		T,
+		D,
+		w
+	]), r(() => {
+		(async () => {
+			try {
+				k(await c());
+			} catch {
+				k([]);
+			}
+		})();
+	}, []);
+	let R = n(async (e) => {
+		e.preventDefault(), j(null), L(!0);
+		try {
+			await E({
+				identifier: M,
+				password: P
+			}), w.replace(_(w, x));
+		} catch (e) {
+			j(y(e));
+		} finally {
+			L(!1);
+		}
+	}, [
+		x,
+		M,
+		E,
+		P,
+		w
+	]);
+	function z(e) {
+		N(e.target.value);
+	}
+	function B(e) {
+		F(e.target.value);
+	}
+	return /* @__PURE__ */ l("main", {
+		className: f.loginPage,
+		children: /* @__PURE__ */ u("section", {
+			className: f.loginPanel,
+			children: [
+				/* @__PURE__ */ u("div", {
+					className: f.brand,
+					children: [/* @__PURE__ */ l("img", {
+						alt: "",
+						className: f.brandLogo,
+						src: g
+					}), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l(s, {
+						variant: "h3",
+						children: S
+					}), /* @__PURE__ */ l(s, {
+						color: "text-neutral",
+						variant: "body",
+						children: C
+					})] })]
+				}),
+				/* @__PURE__ */ u("form", {
+					className: f.form,
+					onSubmit: R,
+					children: [
+						/* @__PURE__ */ u("label", { children: [/* @__PURE__ */ l(s, {
+							color: "text-neutral",
+							variant: "caption",
+							children: "帳號"
+						}), /* @__PURE__ */ l(o, {
+							fullWidth: !0,
+							name: "identifier",
+							onChange: z,
+							placeholder: "member id 或 email",
+							value: M
+						})] }),
+						/* @__PURE__ */ u("label", { children: [/* @__PURE__ */ l(s, {
+							color: "text-neutral",
+							variant: "caption",
+							children: "密碼"
+						}), /* @__PURE__ */ l(o, {
+							fullWidth: !0,
+							inputType: "password",
+							name: "password",
+							onChange: B,
+							value: P,
+							variant: "password"
+						})] }),
+						A ? /* @__PURE__ */ l(s, {
+							color: "text-error",
+							variant: "body",
+							children: A
+						}) : null,
+						/* @__PURE__ */ l(a, {
+							disabled: I,
+							icon: d,
+							iconType: "leading",
+							type: "submit",
+							variant: "base-primary",
+							children: "登入"
+						})
+					]
+				}),
+				O.length ? /* @__PURE__ */ u("div", {
+					className: f.demoUsers,
+					children: [/* @__PURE__ */ l(s, {
+						color: "text-neutral",
+						variant: "caption",
+						children: "測試帳號"
+					}), /* @__PURE__ */ l("div", {
+						className: f.demoUserList,
+						children: O.map((e) => /* @__PURE__ */ u("button", {
+							className: f.demoUserButton,
+							onClick: () => N(e.email),
+							type: "button",
+							children: [/* @__PURE__ */ l("span", { children: e.name }), /* @__PURE__ */ l("span", { children: e.email })]
+						}, e.memberId))
+					})]
+				}) : null
+			]
+		})
+	});
+}
+function _(e, t) {
+	let n = (e.searchParams?.() ?? v()).get("next");
+	return !n || !n.startsWith("/") || n.startsWith("//") ? t ?? "/" : n;
+}
+function v() {
+	return typeof window > "u" ? new URLSearchParams() : new URLSearchParams(window.location.search);
+}
+function y(e) {
+	return e instanceof Error ? e.message : "登入失敗";
+}
+//#endregion
+export { g as t };
+
+//# sourceMappingURL=LoginView-a1iu3cfc.js.map

package/dist/chunks/LoginView-a1iu3cfc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginView-a1iu3cfc.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(router, 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(router, 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(\n  router: { searchParams?(): URLSearchParams },\n  fallback: string | undefined,\n): string {\n  const params = router.searchParams?.() ?? readBrowserSearchParams();\n  const next = params.get('next');\n  if (!next || !next.startsWith('/') || next.startsWith('//')) {\n    return fallback ?? '/';\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/RootClientView-rXJt4TDd.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("./router-adapter-BybHrCNP.cjs");let t=require("react"),n=require("react/jsx-runtime"),r=require("next/navigation");function i(e={}){return null}function a(){let a=(0,r.useRouter)(),o=(0,r.usePathname)(),s=(0,r.useSearchParams)(),c=(0,t.useMemo)(()=>({pathname:o,push:e=>a.push(e),replace:e=>a.replace(e),back:()=>a.back(),searchParams:()=>new URLSearchParams(s?.toString()??``)}),[a,o,s]);return(0,t.useEffect)(()=>{c.replace(`/dashboard`)},[c]),(0,n.jsx)(e.t,{value:c,children:(0,n.jsx)(i,{})})}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=RootClientView-rXJt4TDd.cjs.map

package/dist/chunks/RootClientView-rXJt4TDd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RootClientView-rXJt4TDd.cjs","names":[],"sources":["../../src/views/root/RootView.tsx","../../src/pages/root/RootClientView.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactElement } from 'react';\n\nexport interface RootViewProps {}\n\n/**\n * Framework-agnostic placeholder for the BPM root path. Server-side redirect\n * to `/dashboard` is the consumer's responsibility (Next.js `middleware.ts`\n * or `app/page.tsx`). This view renders nothing so it can be safely mounted\n * during the redirect flash.\n *\n * Mechanical port of `apps/client/src/app/page.tsx`.\n */\nexport function RootView(_props: RootViewProps = {}): ReactElement | null {\n  return null;\n}\n","'use client';\n\nimport { useEffect, useMemo, type ReactElement } from 'react';\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation';\nimport {\n  RouterAdapterProvider,\n  type RouterAdapter,\n} from '../../lib/router-adapter';\nimport { RootView } from '../../views/root/RootView';\n\n/**\n * Next.js App Router client shim for the BPM root path. Performs a\n * `router.replace('/dashboard')` redirect via the adapter on mount so the\n * host root path lands users on the dashboard without a Server Component\n * redirect.\n */\nexport default function RootClientView(): ReactElement | null {\n  const nextRouter = useRouter();\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n\n  const adapter = useMemo<RouterAdapter>(\n    () => ({\n      pathname,\n      push: (href: string): void => nextRouter.push(href),\n      replace: (href: string): void => nextRouter.replace(href),\n      back: (): void => nextRouter.back(),\n      searchParams: (): URLSearchParams =>\n        new URLSearchParams(searchParams?.toString() ?? ''),\n    }),\n    [nextRouter, pathname, searchParams],\n  );\n\n  useEffect((): void => {\n    adapter.replace('/dashboard');\n  }, [adapter]);\n\n  return (\n    <RouterAdapterProvider value={adapter}>\n      <RootView />\n    </RouterAdapterProvider>\n  );\n}\n"],"mappings":"iJAcA,SAAgB,EAAS,EAAwB,CAAC,EAAwB,CACxE,OAAO,IACT,CCAA,SAAwB,GAAsC,CAC5D,IAAM,GAAA,EAAA,EAAA,WAAuB,EACvB,GAAA,EAAA,EAAA,aAAuB,EACvB,GAAA,EAAA,EAAA,iBAA+B,EAE/B,GAAA,EAAA,EAAA,cACG,CACL,WACA,KAAO,GAAuB,EAAW,KAAK,CAAI,EAClD,QAAU,GAAuB,EAAW,QAAQ,CAAI,EACxD,SAAkB,EAAW,KAAK,EAClC,iBACE,IAAI,gBAAgB,GAAc,SAAS,GAAK,EAAE,CACtD,GACA,CAAC,EAAY,EAAU,CAAY,CACrC,EAMA,OAJA,EAAA,EAAA,eAAsB,CACpB,EAAQ,QAAQ,YAAY,CAC9B,EAAG,CAAC,CAAO,CAAC,GAGV,EAAA,EAAA,KAAC,EAAA,EAAD,CAAuB,MAAO,YAC5B,EAAA,EAAA,KAAC,EAAD,CAAW,CAAA,CACU,CAAA,CAE3B"}

package/dist/chunks/RootClientView-wAkXUEZw.js

@@ -0,0 +1,34 @@
+"use client";
+import { t as e } from "./router-adapter-BdHZXLS3.js";
+import { useEffect as t, useMemo as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { usePathname as i, useRouter as a, useSearchParams as o } from "next/navigation";
+//#region src/views/root/RootView.tsx
+function s(e = {}) {
+	return null;
+}
+//#endregion
+//#region src/pages/root/RootClientView.tsx
+function c() {
+	let c = a(), l = i(), u = o(), d = n(() => ({
+		pathname: l,
+		push: (e) => c.push(e),
+		replace: (e) => c.replace(e),
+		back: () => c.back(),
+		searchParams: () => new URLSearchParams(u?.toString() ?? "")
+	}), [
+		c,
+		l,
+		u
+	]);
+	return t(() => {
+		d.replace("/dashboard");
+	}, [d]), /* @__PURE__ */ r(e, {
+		value: d,
+		children: /* @__PURE__ */ r(s, {})
+	});
+}
+//#endregion
+export { c as t };
+
+//# sourceMappingURL=RootClientView-wAkXUEZw.js.map

package/dist/chunks/RootClientView-wAkXUEZw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RootClientView-wAkXUEZw.js","names":[],"sources":["../../src/views/root/RootView.tsx","../../src/pages/root/RootClientView.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactElement } from 'react';\n\nexport interface RootViewProps {}\n\n/**\n * Framework-agnostic placeholder for the BPM root path. Server-side redirect\n * to `/dashboard` is the consumer's responsibility (Next.js `middleware.ts`\n * or `app/page.tsx`). This view renders nothing so it can be safely mounted\n * during the redirect flash.\n *\n * Mechanical port of `apps/client/src/app/page.tsx`.\n */\nexport function RootView(_props: RootViewProps = {}): ReactElement | null {\n  return null;\n}\n","'use client';\n\nimport { useEffect, useMemo, type ReactElement } from 'react';\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation';\nimport {\n  RouterAdapterProvider,\n  type RouterAdapter,\n} from '../../lib/router-adapter';\nimport { RootView } from '../../views/root/RootView';\n\n/**\n * Next.js App Router client shim for the BPM root path. Performs a\n * `router.replace('/dashboard')` redirect via the adapter on mount so the\n * host root path lands users on the dashboard without a Server Component\n * redirect.\n */\nexport default function RootClientView(): ReactElement | null {\n  const nextRouter = useRouter();\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n\n  const adapter = useMemo<RouterAdapter>(\n    () => ({\n      pathname,\n      push: (href: string): void => nextRouter.push(href),\n      replace: (href: string): void => nextRouter.replace(href),\n      back: (): void => nextRouter.back(),\n      searchParams: (): URLSearchParams =>\n        new URLSearchParams(searchParams?.toString() ?? ''),\n    }),\n    [nextRouter, pathname, searchParams],\n  );\n\n  useEffect((): void => {\n    adapter.replace('/dashboard');\n  }, [adapter]);\n\n  return (\n    <RouterAdapterProvider value={adapter}>\n      <RootView />\n    </RouterAdapterProvider>\n  );\n}\n"],"mappings":";;;;;;AAcA,SAAgB,EAAS,IAAwB,CAAC,GAAwB;CACxE,OAAO;AACT;;;ACAA,SAAwB,IAAsC;CAC5D,IAAM,IAAa,EAAU,GACvB,IAAW,EAAY,GACvB,IAAe,EAAgB,GAE/B,IAAU,SACP;EACL;EACA,OAAO,MAAuB,EAAW,KAAK,CAAI;EAClD,UAAU,MAAuB,EAAW,QAAQ,CAAI;EACxD,YAAkB,EAAW,KAAK;EAClC,oBACE,IAAI,gBAAgB,GAAc,SAAS,KAAK,EAAE;CACtD,IACA;EAAC;EAAY;EAAU;CAAY,CACrC;CAMA,OAJA,QAAsB;EACpB,EAAQ,QAAQ,YAAY;CAC9B,GAAG,CAAC,CAAO,CAAC,GAGV,kBAAC,GAAD;EAAuB,OAAO;YAC5B,kBAAC,GAAD,CAAW,CAAA;CACU,CAAA;AAE3B"}

package/dist/chunks/SearchView-CgXPssgE.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("./approval-instance-list-page-DIAmwhvl.cjs");let t=require("react/jsx-runtime");function n(n={}){return(0,t.jsx)(e.t,{activeHref:`/search`,defaultState:null,description:`以關鍵字與狀態查詢你有權限查看的簽核案件。`,emptyMessage:`沒有符合條件的簽核案件。`,searchPlaceholder:`關鍵字：搜尋案件、發起人、模板或狀態`,title:`案件搜尋`,view:`ALL`})}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});
+//# sourceMappingURL=SearchView-CgXPssgE.cjs.map

package/dist/chunks/SearchView-CgXPssgE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchView-CgXPssgE.cjs","names":[],"sources":["../../src/views/search/SearchView.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactElement } from 'react';\nimport { ApprovalInstanceListPage } from '../../components/approval-instance-list-page';\n\nexport interface SearchViewProps {}\n\n/**\n * Framework-agnostic view for the BPM case search page — list of all\n * instances the current member has visibility on. Mechanical port of\n * `apps/client/src/app/search/page.tsx`.\n */\nexport function SearchView(_props: SearchViewProps = {}): ReactElement {\n  return (\n    <ApprovalInstanceListPage\n      activeHref=\"/search\"\n      defaultState={null}\n      description=\"以關鍵字與狀態查詢你有權限查看的簽核案件。\"\n      emptyMessage=\"沒有符合條件的簽核案件。\"\n      searchPlaceholder=\"關鍵字：搜尋案件、發起人、模板或狀態\"\n      title=\"案件搜尋\"\n      view=\"ALL\"\n    />\n  );\n}\n"],"mappings":"8GAYA,SAAgB,EAAW,EAA0B,CAAC,EAAiB,CACrE,OACE,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,WAAW,UACX,aAAc,KACd,YAAY,wBACZ,aAAa,eACb,kBAAkB,qBAClB,MAAM,OACN,KAAK,KACN,CAAA,CAEL"}

package/dist/chunks/SearchView-WXMbZwRw.js

@@ -0,0 +1,19 @@
+"use client";
+import { t as e } from "./approval-instance-list-page-B6vAGvOb.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/views/search/SearchView.tsx
+function n(n = {}) {
+	return /* @__PURE__ */ t(e, {
+		activeHref: "/search",
+		defaultState: null,
+		description: "以關鍵字與狀態查詢你有權限查看的簽核案件。",
+		emptyMessage: "沒有符合條件的簽核案件。",
+		searchPlaceholder: "關鍵字：搜尋案件、發起人、模板或狀態",
+		title: "案件搜尋",
+		view: "ALL"
+	});
+}
+//#endregion
+export { n as t };
+
+//# sourceMappingURL=SearchView-WXMbZwRw.js.map

package/dist/chunks/SearchView-WXMbZwRw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchView-WXMbZwRw.js","names":[],"sources":["../../src/views/search/SearchView.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactElement } from 'react';\nimport { ApprovalInstanceListPage } from '../../components/approval-instance-list-page';\n\nexport interface SearchViewProps {}\n\n/**\n * Framework-agnostic view for the BPM case search page — list of all\n * instances the current member has visibility on. Mechanical port of\n * `apps/client/src/app/search/page.tsx`.\n */\nexport function SearchView(_props: SearchViewProps = {}): ReactElement {\n  return (\n    <ApprovalInstanceListPage\n      activeHref=\"/search\"\n      defaultState={null}\n      description=\"以關鍵字與狀態查詢你有權限查看的簽核案件。\"\n      emptyMessage=\"沒有符合條件的簽核案件。\"\n      searchPlaceholder=\"關鍵字：搜尋案件、發起人、模板或狀態\"\n      title=\"案件搜尋\"\n      view=\"ALL\"\n    />\n  );\n}\n"],"mappings":";;;;AAYA,SAAgB,EAAW,IAA0B,CAAC,GAAiB;CACrE,OACE,kBAAC,GAAD;EACE,YAAW;EACX,cAAc;EACd,aAAY;EACZ,cAAa;EACb,mBAAkB;EAClB,OAAM;EACN,MAAK;CACN,CAAA;AAEL"}

package/dist/chunks/SentView-BTDoFBrG.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("./approval-instance-list-page-DIAmwhvl.cjs");let t=require("react/jsx-runtime");function n(n={}){return(0,t.jsx)(e.t,{activeHref:`/sent`,defaultState:null,description:`查看由你發起的簽核案件與目前流程狀態。`,emptyMessage:`目前沒有由你發起的簽核案件。`,searchPlaceholder:`關鍵字：搜尋案件、發起人、模板或狀態`,title:`我發起的`,view:`SENT`})}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});
+//# sourceMappingURL=SentView-BTDoFBrG.cjs.map

package/dist/chunks/SentView-BTDoFBrG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SentView-BTDoFBrG.cjs","names":[],"sources":["../../src/views/sent/SentView.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactElement } from 'react';\nimport { ApprovalInstanceListPage } from '../../components/approval-instance-list-page';\n\nexport interface SentViewProps {}\n\n/**\n * Framework-agnostic view for the BPM \"sent\" inbox — instances the current\n * member has initiated. Mechanical port of\n * `apps/client/src/app/sent/page.tsx`.\n */\nexport function SentView(_props: SentViewProps = {}): ReactElement {\n  return (\n    <ApprovalInstanceListPage\n      activeHref=\"/sent\"\n      defaultState={null}\n      description=\"查看由你發起的簽核案件與目前流程狀態。\"\n      emptyMessage=\"目前沒有由你發起的簽核案件。\"\n      searchPlaceholder=\"關鍵字：搜尋案件、發起人、模板或狀態\"\n      title=\"我發起的\"\n      view=\"SENT\"\n    />\n  );\n}\n"],"mappings":"8GAYA,SAAgB,EAAS,EAAwB,CAAC,EAAiB,CACjE,OACE,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,WAAW,QACX,aAAc,KACd,YAAY,sBACZ,aAAa,iBACb,kBAAkB,qBAClB,MAAM,OACN,KAAK,MACN,CAAA,CAEL"}

package/dist/chunks/SentView-CdOL92Rq.js

@@ -0,0 +1,19 @@
+"use client";
+import { t as e } from "./approval-instance-list-page-B6vAGvOb.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/views/sent/SentView.tsx
+function n(n = {}) {
+	return /* @__PURE__ */ t(e, {
+		activeHref: "/sent",
+		defaultState: null,
+		description: "查看由你發起的簽核案件與目前流程狀態。",
+		emptyMessage: "目前沒有由你發起的簽核案件。",
+		searchPlaceholder: "關鍵字：搜尋案件、發起人、模板或狀態",
+		title: "我發起的",
+		view: "SENT"
+	});
+}
+//#endregion
+export { n as t };
+
+//# sourceMappingURL=SentView-CdOL92Rq.js.map

package/dist/chunks/SentView-CdOL92Rq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SentView-CdOL92Rq.js","names":[],"sources":["../../src/views/sent/SentView.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactElement } from 'react';\nimport { ApprovalInstanceListPage } from '../../components/approval-instance-list-page';\n\nexport interface SentViewProps {}\n\n/**\n * Framework-agnostic view for the BPM \"sent\" inbox — instances the current\n * member has initiated. Mechanical port of\n * `apps/client/src/app/sent/page.tsx`.\n */\nexport function SentView(_props: SentViewProps = {}): ReactElement {\n  return (\n    <ApprovalInstanceListPage\n      activeHref=\"/sent\"\n      defaultState={null}\n      description=\"查看由你發起的簽核案件與目前流程狀態。\"\n      emptyMessage=\"目前沒有由你發起的簽核案件。\"\n      searchPlaceholder=\"關鍵字：搜尋案件、發起人、模板或狀態\"\n      title=\"我發起的\"\n      view=\"SENT\"\n    />\n  );\n}\n"],"mappings":";;;;AAYA,SAAgB,EAAS,IAAwB,CAAC,GAAiB;CACjE,OACE,kBAAC,GAAD;EACE,YAAW;EACX,cAAc;EACd,aAAY;EACZ,cAAa;EACb,mBAAkB;EAClB,OAAM;EACN,MAAK;CACN,CAAA;AAEL"}

package/dist/chunks/SettingsNotificationsView-B6F6fa7U.js

@@ -0,0 +1,194 @@
+"use client";
+import { n as e } from "./auth-provider-TTO9eNZV.js";
+import { t } from "./app-navigation-CATITRM7.js";
+import { useEffect as n, useState as r } from "react";
+import { Filter as i, FilterArea as a, FilterLine as o, FormField as s, Layout as c, PageHeader as l, RadioGroup as u, Section as d, SectionGroup as f, Typography as p } from "@mezzanine-ui/react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { readNotificationPreference as g, updateNotificationPreference as _ } from "@rytass/bpm-core-client/workflow";
+import v from "@mezzanine-ui/react/ContentHeader";
+import { FormFieldLayout as y } from "@mezzanine-ui/core/form";
+import '../SettingsNotificationsView.css';var b = {
+	preferenceFilter: "bpm_preferenceFilter_snhMa",
+	segmentFilterControl: "bpm_segmentFilterControl_piBnq",
+	segmentFilterLabel: "bpm_segmentFilterLabel_U0z8J"
+}, x = [{
+	id: "INSTANT",
+	name: "即時通知"
+}, {
+	id: "DAILY",
+	name: "每日摘要"
+}], S = [{
+	id: "ON",
+	name: "開"
+}, {
+	id: "OFF",
+	name: "關"
+}], C = {
+	emailDigestMode: "INSTANT",
+	emailEnabled: !0,
+	inAppEnabled: !0,
+	memberId: "",
+	quietHoursEnd: null,
+	quietHoursStart: null,
+	updatedAt: ""
+};
+function w({ activeHref: w = "/settings/notifications" } = {}) {
+	let { member: A } = e(), j = A?.memberId ?? null, [M, N] = r(C), [P, F] = r(!0), [I, L] = r(!1), [R, z] = r(null);
+	n(() => {
+		j && (F(!0), z(null), g(j).then((e) => {
+			N(e);
+		}).catch((e) => {
+			z(k(e));
+		}).finally(() => {
+			F(!1);
+		}));
+	}, [j]);
+	async function B(e) {
+		if (!j || I) return;
+		let t = M;
+		N(e), L(!0);
+		try {
+			N(await _({
+				emailDigestMode: e.emailDigestMode,
+				emailEnabled: e.emailEnabled,
+				inAppEnabled: e.inAppEnabled,
+				memberId: j,
+				quietHoursEnd: e.quietHoursEnd,
+				quietHoursStart: e.quietHoursStart
+			}));
+		} catch (e) {
+			N(t), z(k(e));
+		} finally {
+			L(!1);
+		}
+	}
+	let V = P || I;
+	return /* @__PURE__ */ h(c, { children: [/* @__PURE__ */ m(t, { activeHref: w }), /* @__PURE__ */ h(c.Main, { children: [/* @__PURE__ */ m(l, { children: /* @__PURE__ */ m(v, {
+		description: "調整站內通知、Email 通知與摘要頻率。",
+		title: "通知設定"
+	}) }), /* @__PURE__ */ m(f, { children: /* @__PURE__ */ m(d, {
+		filterArea: /* @__PURE__ */ m(a, {
+			className: b.preferenceFilter,
+			isDirty: !1,
+			children: /* @__PURE__ */ h(o, { children: [
+				/* @__PURE__ */ m(i, {
+					minWidth: 160,
+					span: 1,
+					children: /* @__PURE__ */ m(s, {
+						layout: y.VERTICAL,
+						name: "inAppEnabled",
+						style: T,
+						children: /* @__PURE__ */ h("div", {
+							className: b.segmentFilterControl,
+							children: [/* @__PURE__ */ m("span", {
+								className: b.segmentFilterLabel,
+								children: "站內通知"
+							}), /* @__PURE__ */ m(u, {
+								disabled: V,
+								name: "inAppEnabled",
+								onChange: (e) => {
+									B({
+										...M,
+										inAppEnabled: D(e.target.value)
+									});
+								},
+								options: [...S],
+								size: "sub",
+								type: "segment",
+								value: O(M.inAppEnabled)
+							})]
+						})
+					})
+				}),
+				/* @__PURE__ */ m(i, {
+					minWidth: 180,
+					span: 1,
+					children: /* @__PURE__ */ m(s, {
+						layout: y.VERTICAL,
+						name: "emailEnabled",
+						style: T,
+						children: /* @__PURE__ */ h("div", {
+							className: b.segmentFilterControl,
+							children: [/* @__PURE__ */ m("span", {
+								className: b.segmentFilterLabel,
+								children: "Email 通知"
+							}), /* @__PURE__ */ m(u, {
+								disabled: V,
+								name: "emailEnabled",
+								onChange: (e) => {
+									B({
+										...M,
+										emailEnabled: D(e.target.value)
+									});
+								},
+								options: [...S],
+								size: "sub",
+								type: "segment",
+								value: O(M.emailEnabled)
+							})]
+						})
+					})
+				}),
+				/* @__PURE__ */ m(i, {
+					minWidth: 280,
+					span: 2,
+					children: /* @__PURE__ */ m(s, {
+						fullWidth: !0,
+						layout: y.VERTICAL,
+						name: "emailDigestMode",
+						style: T,
+						children: /* @__PURE__ */ h("div", {
+							className: b.segmentFilterControl,
+							children: [/* @__PURE__ */ m("span", {
+								className: b.segmentFilterLabel,
+								children: "Email 頻率"
+							}), /* @__PURE__ */ m(u, {
+								disabled: V,
+								name: "emailDigestMode",
+								onChange: (e) => {
+									B({
+										...M,
+										emailDigestMode: E(e.target.value)
+									});
+								},
+								options: [...x],
+								size: "sub",
+								type: "segment",
+								value: M.emailDigestMode
+							})]
+						})
+					})
+				})
+			] })
+		}),
+		children: R ? /* @__PURE__ */ m(p, {
+			color: "text-error",
+			variant: "body",
+			children: R
+		}) : /* @__PURE__ */ m(p, {
+			color: "text-neutral",
+			variant: "body",
+			children: "偏好設定會立即生效。"
+		})
+	}) })] })] });
+}
+var T = {
+	minWidth: 0,
+	whiteSpace: "nowrap"
+};
+function E(e) {
+	return e === "DAILY" ? "DAILY" : "INSTANT";
+}
+function D(e) {
+	return e !== "OFF";
+}
+function O(e) {
+	return e ? "ON" : "OFF";
+}
+function k(e) {
+	return e instanceof Error ? e.message : "發生未知錯誤";
+}
+//#endregion
+export { w as t };
+
+//# sourceMappingURL=SettingsNotificationsView-B6F6fa7U.js.map

package/dist/chunks/SettingsNotificationsView-B6F6fa7U.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsNotificationsView-B6F6fa7U.js","names":[],"sources":["../../src/views/settings/notifications/notification-settings.module.scss","../../src/views/settings/notifications/SettingsNotificationsView.tsx"],"sourcesContent":[".preferenceFilter {\n  :global(.mzn-filter-area__actions) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__label-area) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__control-field-slot--main) {\n    width: 100%;\n    min-width: 0;\n  }\n}\n\n.segmentFilterControl {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  min-width: 0;\n  white-space: nowrap;\n\n  :global(.mzn-input-check-group--segmented) {\n    align-self: flex-start;\n    transform: translateY(-7px);\n  }\n}\n\n.segmentFilterLabel {\n  flex: 0 0 auto;\n  color: var(--mzn-color-text-primary, #1f2937);\n  font-size: 13px;\n  line-height: 16px;\n}\n","'use client';\n\nimport {\n  ChangeEvent,\n  CSSProperties,\n  ReactElement,\n  useEffect,\n  useState,\n} from 'react';\nimport {\n  Filter,\n  FilterArea,\n  FilterLine,\n  FormField,\n  Layout,\n  PageHeader,\n  RadioGroup,\n  Section,\n  SectionGroup,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { FormFieldLayout } from '@mezzanine-ui/core/form';\nimport { useAuth } from '../../../lib/auth-provider';\nimport { AppNavigation } from '../../../components/app-navigation';\nimport {\n  NotificationDigestMode,\n  NotificationPreferenceRecord,\n  readNotificationPreference,\n  updateNotificationPreference,\n} from '@rytass/bpm-core-client/workflow';\nimport styles from './notification-settings.module.scss';\n\ninterface DigestOption {\n  readonly id: NotificationDigestMode;\n  readonly name: string;\n}\n\ntype EnabledSegmentValue = 'OFF' | 'ON';\n\ninterface EnabledSegmentOption {\n  readonly id: EnabledSegmentValue;\n  readonly name: string;\n}\n\nconst DIGEST_OPTIONS: readonly DigestOption[] = [\n  { id: 'INSTANT', name: '即時通知' },\n  { id: 'DAILY', name: '每日摘要' },\n];\n\nconst ENABLED_SEGMENT_OPTIONS: readonly EnabledSegmentOption[] = [\n  { id: 'ON', name: '開' },\n  { id: 'OFF', name: '關' },\n];\n\nconst DEFAULT_PREFERENCE: NotificationPreferenceRecord = {\n  emailDigestMode: 'INSTANT',\n  emailEnabled: true,\n  inAppEnabled: true,\n  memberId: '',\n  quietHoursEnd: null,\n  quietHoursStart: null,\n  updatedAt: '',\n};\n\nexport interface SettingsNotificationsViewProps {\n  readonly activeHref?: string;\n}\n\nexport function SettingsNotificationsView({\n  activeHref = '/settings/notifications',\n}: SettingsNotificationsViewProps = {}): ReactElement {\n  const { member } = useAuth();\n  const currentMemberId = member?.memberId ?? null;\n  const [preference, setPreference] =\n    useState<NotificationPreferenceRecord>(DEFAULT_PREFERENCE);\n  const [loading, setLoading] = useState(true);\n  const [saving, setSaving] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect((): void => {\n    if (!currentMemberId) {\n      return;\n    }\n\n    setLoading(true);\n    setError(null);\n\n    readNotificationPreference(currentMemberId)\n      .then((nextPreference): void => {\n        setPreference(nextPreference);\n      })\n      .catch((requestError: unknown): void => {\n        setError(readErrorMessage(requestError));\n      })\n      .finally((): void => {\n        setLoading(false);\n      });\n  }, [currentMemberId]);\n\n  async function handlePreferenceChange(\n    nextPreference: NotificationPreferenceRecord,\n  ): Promise<void> {\n    if (!currentMemberId || saving) {\n      return;\n    }\n\n    const previousPreference = preference;\n    setPreference(nextPreference);\n    setSaving(true);\n\n    try {\n      setPreference(\n        await updateNotificationPreference({\n          emailDigestMode: nextPreference.emailDigestMode,\n          emailEnabled: nextPreference.emailEnabled,\n          inAppEnabled: nextPreference.inAppEnabled,\n          memberId: currentMemberId,\n          quietHoursEnd: nextPreference.quietHoursEnd,\n          quietHoursStart: nextPreference.quietHoursStart,\n        }),\n      );\n    } catch (requestError: unknown) {\n      setPreference(previousPreference);\n      setError(readErrorMessage(requestError));\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  const controlsDisabled = loading || saving;\n\n  return (\n    <Layout>\n      <AppNavigation activeHref={activeHref} />\n\n      <Layout.Main>\n        <PageHeader>\n          <ContentHeader\n            description=\"調整站內通知、Email 通知與摘要頻率。\"\n            title=\"通知設定\"\n          />\n        </PageHeader>\n\n        <SectionGroup>\n          <Section\n            filterArea={\n              <FilterArea className={styles.preferenceFilter} isDirty={false}>\n                <FilterLine>\n                  <Filter minWidth={160} span={1}>\n                    <FormField\n                      layout={FormFieldLayout.VERTICAL}\n                      name=\"inAppEnabled\"\n                      style={FILTER_FIELD_STYLE}\n                    >\n                      <div className={styles.segmentFilterControl}>\n                        <span className={styles.segmentFilterLabel}>\n                          站內通知\n                        </span>\n                        <RadioGroup\n                          disabled={controlsDisabled}\n                          name=\"inAppEnabled\"\n                          onChange={(\n                            event: ChangeEvent<HTMLInputElement>,\n                          ): void => {\n                            void handlePreferenceChange({\n                              ...preference,\n                              inAppEnabled: readEnabledSegmentValue(\n                                event.target.value,\n                              ),\n                            });\n                          }}\n                          options={[...ENABLED_SEGMENT_OPTIONS]}\n                          size=\"sub\"\n                          type=\"segment\"\n                          value={readEnabledSegmentValueId(\n                            preference.inAppEnabled,\n                          )}\n                        />\n                      </div>\n                    </FormField>\n                  </Filter>\n                  <Filter minWidth={180} span={1}>\n                    <FormField\n                      layout={FormFieldLayout.VERTICAL}\n                      name=\"emailEnabled\"\n                      style={FILTER_FIELD_STYLE}\n                    >\n                      <div className={styles.segmentFilterControl}>\n                        <span className={styles.segmentFilterLabel}>\n                          Email 通知\n                        </span>\n                        <RadioGroup\n                          disabled={controlsDisabled}\n                          name=\"emailEnabled\"\n                          onChange={(\n                            event: ChangeEvent<HTMLInputElement>,\n                          ): void => {\n                            void handlePreferenceChange({\n                              ...preference,\n                              emailEnabled: readEnabledSegmentValue(\n                                event.target.value,\n                              ),\n                            });\n                          }}\n                          options={[...ENABLED_SEGMENT_OPTIONS]}\n                          size=\"sub\"\n                          type=\"segment\"\n                          value={readEnabledSegmentValueId(\n                            preference.emailEnabled,\n                          )}\n                        />\n                      </div>\n                    </FormField>\n                  </Filter>\n                  <Filter minWidth={280} span={2}>\n                    <FormField\n                      fullWidth\n                      layout={FormFieldLayout.VERTICAL}\n                      name=\"emailDigestMode\"\n                      style={FILTER_FIELD_STYLE}\n                    >\n                      <div className={styles.segmentFilterControl}>\n                        <span className={styles.segmentFilterLabel}>\n                          Email 頻率\n                        </span>\n                        <RadioGroup\n                          disabled={controlsDisabled}\n                          name=\"emailDigestMode\"\n                          onChange={(\n                            event: ChangeEvent<HTMLInputElement>,\n                          ): void => {\n                            void handlePreferenceChange({\n                              ...preference,\n                              emailDigestMode: readDigestMode(\n                                event.target.value,\n                              ),\n                            });\n                          }}\n                          options={[...DIGEST_OPTIONS]}\n                          size=\"sub\"\n                          type=\"segment\"\n                          value={preference.emailDigestMode}\n                        />\n                      </div>\n                    </FormField>\n                  </Filter>\n                </FilterLine>\n              </FilterArea>\n            }\n          >\n            {error ? (\n              <Typography color=\"text-error\" variant=\"body\">\n                {error}\n              </Typography>\n            ) : (\n              <Typography color=\"text-neutral\" variant=\"body\">\n                偏好設定會立即生效。\n              </Typography>\n            )}\n          </Section>\n        </SectionGroup>\n      </Layout.Main>\n    </Layout>\n  );\n}\n\nconst FILTER_FIELD_STYLE = {\n  minWidth: 0,\n  whiteSpace: 'nowrap',\n} satisfies CSSProperties;\n\nfunction readDigestMode(value: unknown): NotificationDigestMode {\n  return value === 'DAILY' ? 'DAILY' : 'INSTANT';\n}\n\nfunction readEnabledSegmentValue(value: unknown): boolean {\n  return value !== 'OFF';\n}\n\nfunction readEnabledSegmentValueId(enabled: boolean): EnabledSegmentValue {\n  return enabled ? 'ON' : 'OFF';\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n"],"mappings":"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"}

package/dist/chunks/SettingsNotificationsView-Bnz0CmoJ.cjs

@@ -0,0 +1,2 @@
+"use client";require('../SettingsNotificationsView.css');const e=require("./app-navigation-DAC5gFbG.cjs"),t=require("./auth-provider-D2P-qWmY.cjs");let n=require("react"),r=require("@mezzanine-ui/react"),i=require("react/jsx-runtime"),a=require("@rytass/bpm-core-client/workflow"),o=require("@mezzanine-ui/react/ContentHeader");o=e.o(o,1);let s=require("@mezzanine-ui/core/form");var c={preferenceFilter:`bpm_preferenceFilter_snhMa`,segmentFilterControl:`bpm_segmentFilterControl_piBnq`,segmentFilterLabel:`bpm_segmentFilterLabel_U0z8J`},l=[{id:`INSTANT`,name:`即時通知`},{id:`DAILY`,name:`每日摘要`}],u=[{id:`ON`,name:`開`},{id:`OFF`,name:`關`}],d={emailDigestMode:`INSTANT`,emailEnabled:!0,inAppEnabled:!0,memberId:``,quietHoursEnd:null,quietHoursStart:null,updatedAt:``};function f({activeHref:f=`/settings/notifications`}={}){let{member:v}=t.n(),y=v?.memberId??null,[b,x]=(0,n.useState)(d),[S,C]=(0,n.useState)(!0),[w,T]=(0,n.useState)(!1),[E,D]=(0,n.useState)(null);(0,n.useEffect)(()=>{y&&(C(!0),D(null),(0,a.readNotificationPreference)(y).then(e=>{x(e)}).catch(e=>{D(_(e))}).finally(()=>{C(!1)}))},[y]);async function O(e){if(!y||w)return;let t=b;x(e),T(!0);try{x(await(0,a.updateNotificationPreference)({emailDigestMode:e.emailDigestMode,emailEnabled:e.emailEnabled,inAppEnabled:e.inAppEnabled,memberId:y,quietHoursEnd:e.quietHoursEnd,quietHoursStart:e.quietHoursStart}))}catch(e){x(t),D(_(e))}finally{T(!1)}}let k=S||w;return(0,i.jsxs)(r.Layout,{children:[(0,i.jsx)(e.t,{activeHref:f}),(0,i.jsxs)(r.Layout.Main,{children:[(0,i.jsx)(r.PageHeader,{children:(0,i.jsx)(o.default,{description:`調整站內通知、Email 通知與摘要頻率。`,title:`通知設定`})}),(0,i.jsx)(r.SectionGroup,{children:(0,i.jsx)(r.Section,{filterArea:(0,i.jsx)(r.FilterArea,{className:c.preferenceFilter,isDirty:!1,children:(0,i.jsxs)(r.FilterLine,{children:[(0,i.jsx)(r.Filter,{minWidth:160,span:1,children:(0,i.jsx)(r.FormField,{layout:s.FormFieldLayout.VERTICAL,name:`inAppEnabled`,style:p,children:(0,i.jsxs)(`div`,{className:c.segmentFilterControl,children:[(0,i.jsx)(`span`,{className:c.segmentFilterLabel,children:`站內通知`}),(0,i.jsx)(r.RadioGroup,{disabled:k,name:`inAppEnabled`,onChange:e=>{O({...b,inAppEnabled:h(e.target.value)})},options:[...u],size:`sub`,type:`segment`,value:g(b.inAppEnabled)})]})})}),(0,i.jsx)(r.Filter,{minWidth:180,span:1,children:(0,i.jsx)(r.FormField,{layout:s.FormFieldLayout.VERTICAL,name:`emailEnabled`,style:p,children:(0,i.jsxs)(`div`,{className:c.segmentFilterControl,children:[(0,i.jsx)(`span`,{className:c.segmentFilterLabel,children:`Email 通知`}),(0,i.jsx)(r.RadioGroup,{disabled:k,name:`emailEnabled`,onChange:e=>{O({...b,emailEnabled:h(e.target.value)})},options:[...u],size:`sub`,type:`segment`,value:g(b.emailEnabled)})]})})}),(0,i.jsx)(r.Filter,{minWidth:280,span:2,children:(0,i.jsx)(r.FormField,{fullWidth:!0,layout:s.FormFieldLayout.VERTICAL,name:`emailDigestMode`,style:p,children:(0,i.jsxs)(`div`,{className:c.segmentFilterControl,children:[(0,i.jsx)(`span`,{className:c.segmentFilterLabel,children:`Email 頻率`}),(0,i.jsx)(r.RadioGroup,{disabled:k,name:`emailDigestMode`,onChange:e=>{O({...b,emailDigestMode:m(e.target.value)})},options:[...l],size:`sub`,type:`segment`,value:b.emailDigestMode})]})})})]})}),children:E?(0,i.jsx)(r.Typography,{color:`text-error`,variant:`body`,children:E}):(0,i.jsx)(r.Typography,{color:`text-neutral`,variant:`body`,children:`偏好設定會立即生效。`})})})]})]})}var p={minWidth:0,whiteSpace:`nowrap`};function m(e){return e===`DAILY`?`DAILY`:`INSTANT`}function h(e){return e!==`OFF`}function g(e){return e?`ON`:`OFF`}function _(e){return e instanceof Error?e.message:`發生未知錯誤`}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});
+//# sourceMappingURL=SettingsNotificationsView-Bnz0CmoJ.cjs.map

package/dist/chunks/SettingsNotificationsView-Bnz0CmoJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsNotificationsView-Bnz0CmoJ.cjs","names":[],"sources":["../../src/views/settings/notifications/notification-settings.module.scss","../../src/views/settings/notifications/SettingsNotificationsView.tsx"],"sourcesContent":[".preferenceFilter {\n  :global(.mzn-filter-area__actions) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__label-area) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__control-field-slot--main) {\n    width: 100%;\n    min-width: 0;\n  }\n}\n\n.segmentFilterControl {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  min-width: 0;\n  white-space: nowrap;\n\n  :global(.mzn-input-check-group--segmented) {\n    align-self: flex-start;\n    transform: translateY(-7px);\n  }\n}\n\n.segmentFilterLabel {\n  flex: 0 0 auto;\n  color: var(--mzn-color-text-primary, #1f2937);\n  font-size: 13px;\n  line-height: 16px;\n}\n","'use client';\n\nimport {\n  ChangeEvent,\n  CSSProperties,\n  ReactElement,\n  useEffect,\n  useState,\n} from 'react';\nimport {\n  Filter,\n  FilterArea,\n  FilterLine,\n  FormField,\n  Layout,\n  PageHeader,\n  RadioGroup,\n  Section,\n  SectionGroup,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { FormFieldLayout } from '@mezzanine-ui/core/form';\nimport { useAuth } from '../../../lib/auth-provider';\nimport { AppNavigation } from '../../../components/app-navigation';\nimport {\n  NotificationDigestMode,\n  NotificationPreferenceRecord,\n  readNotificationPreference,\n  updateNotificationPreference,\n} from '@rytass/bpm-core-client/workflow';\nimport styles from './notification-settings.module.scss';\n\ninterface DigestOption {\n  readonly id: NotificationDigestMode;\n  readonly name: string;\n}\n\ntype EnabledSegmentValue = 'OFF' | 'ON';\n\ninterface EnabledSegmentOption {\n  readonly id: EnabledSegmentValue;\n  readonly name: string;\n}\n\nconst DIGEST_OPTIONS: readonly DigestOption[] = [\n  { id: 'INSTANT', name: '即時通知' },\n  { id: 'DAILY', name: '每日摘要' },\n];\n\nconst ENABLED_SEGMENT_OPTIONS: readonly EnabledSegmentOption[] = [\n  { id: 'ON', name: '開' },\n  { id: 'OFF', name: '關' },\n];\n\nconst DEFAULT_PREFERENCE: NotificationPreferenceRecord = {\n  emailDigestMode: 'INSTANT',\n  emailEnabled: true,\n  inAppEnabled: true,\n  memberId: '',\n  quietHoursEnd: null,\n  quietHoursStart: null,\n  updatedAt: '',\n};\n\nexport interface SettingsNotificationsViewProps {\n  readonly activeHref?: string;\n}\n\nexport function SettingsNotificationsView({\n  activeHref = '/settings/notifications',\n}: SettingsNotificationsViewProps = {}): ReactElement {\n  const { member } = useAuth();\n  const currentMemberId = member?.memberId ?? null;\n  const [preference, setPreference] =\n    useState<NotificationPreferenceRecord>(DEFAULT_PREFERENCE);\n  const [loading, setLoading] = useState(true);\n  const [saving, setSaving] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect((): void => {\n    if (!currentMemberId) {\n      return;\n    }\n\n    setLoading(true);\n    setError(null);\n\n    readNotificationPreference(currentMemberId)\n      .then((nextPreference): void => {\n        setPreference(nextPreference);\n      })\n      .catch((requestError: unknown): void => {\n        setError(readErrorMessage(requestError));\n      })\n      .finally((): void => {\n        setLoading(false);\n      });\n  }, [currentMemberId]);\n\n  async function handlePreferenceChange(\n    nextPreference: NotificationPreferenceRecord,\n  ): Promise<void> {\n    if (!currentMemberId || saving) {\n      return;\n    }\n\n    const previousPreference = preference;\n    setPreference(nextPreference);\n    setSaving(true);\n\n    try {\n      setPreference(\n        await updateNotificationPreference({\n          emailDigestMode: nextPreference.emailDigestMode,\n          emailEnabled: nextPreference.emailEnabled,\n          inAppEnabled: nextPreference.inAppEnabled,\n          memberId: currentMemberId,\n          quietHoursEnd: nextPreference.quietHoursEnd,\n          quietHoursStart: nextPreference.quietHoursStart,\n        }),\n      );\n    } catch (requestError: unknown) {\n      setPreference(previousPreference);\n      setError(readErrorMessage(requestError));\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  const controlsDisabled = loading || saving;\n\n  return (\n    <Layout>\n      <AppNavigation activeHref={activeHref} />\n\n      <Layout.Main>\n        <PageHeader>\n          <ContentHeader\n            description=\"調整站內通知、Email 通知與摘要頻率。\"\n            title=\"通知設定\"\n          />\n        </PageHeader>\n\n        <SectionGroup>\n          <Section\n            filterArea={\n              <FilterArea className={styles.preferenceFilter} isDirty={false}>\n                <FilterLine>\n                  <Filter minWidth={160} span={1}>\n                    <FormField\n                      layout={FormFieldLayout.VERTICAL}\n                      name=\"inAppEnabled\"\n                      style={FILTER_FIELD_STYLE}\n                    >\n                      <div className={styles.segmentFilterControl}>\n                        <span className={styles.segmentFilterLabel}>\n                          站內通知\n                        </span>\n                        <RadioGroup\n                          disabled={controlsDisabled}\n                          name=\"inAppEnabled\"\n                          onChange={(\n                            event: ChangeEvent<HTMLInputElement>,\n                          ): void => {\n                            void handlePreferenceChange({\n                              ...preference,\n                              inAppEnabled: readEnabledSegmentValue(\n                                event.target.value,\n                              ),\n                            });\n                          }}\n                          options={[...ENABLED_SEGMENT_OPTIONS]}\n                          size=\"sub\"\n                          type=\"segment\"\n                          value={readEnabledSegmentValueId(\n                            preference.inAppEnabled,\n                          )}\n                        />\n                      </div>\n                    </FormField>\n                  </Filter>\n                  <Filter minWidth={180} span={1}>\n                    <FormField\n                      layout={FormFieldLayout.VERTICAL}\n                      name=\"emailEnabled\"\n                      style={FILTER_FIELD_STYLE}\n                    >\n                      <div className={styles.segmentFilterControl}>\n                        <span className={styles.segmentFilterLabel}>\n                          Email 通知\n                        </span>\n                        <RadioGroup\n                          disabled={controlsDisabled}\n                          name=\"emailEnabled\"\n                          onChange={(\n                            event: ChangeEvent<HTMLInputElement>,\n                          ): void => {\n                            void handlePreferenceChange({\n                              ...preference,\n                              emailEnabled: readEnabledSegmentValue(\n                                event.target.value,\n                              ),\n                            });\n                          }}\n                          options={[...ENABLED_SEGMENT_OPTIONS]}\n                          size=\"sub\"\n                          type=\"segment\"\n                          value={readEnabledSegmentValueId(\n                            preference.emailEnabled,\n                          )}\n                        />\n                      </div>\n                    </FormField>\n                  </Filter>\n                  <Filter minWidth={280} span={2}>\n                    <FormField\n                      fullWidth\n                      layout={FormFieldLayout.VERTICAL}\n                      name=\"emailDigestMode\"\n                      style={FILTER_FIELD_STYLE}\n                    >\n                      <div className={styles.segmentFilterControl}>\n                        <span className={styles.segmentFilterLabel}>\n                          Email 頻率\n                        </span>\n                        <RadioGroup\n                          disabled={controlsDisabled}\n                          name=\"emailDigestMode\"\n                          onChange={(\n                            event: ChangeEvent<HTMLInputElement>,\n                          ): void => {\n                            void handlePreferenceChange({\n                              ...preference,\n                              emailDigestMode: readDigestMode(\n                                event.target.value,\n                              ),\n                            });\n                          }}\n                          options={[...DIGEST_OPTIONS]}\n                          size=\"sub\"\n                          type=\"segment\"\n                          value={preference.emailDigestMode}\n                        />\n                      </div>\n                    </FormField>\n                  </Filter>\n                </FilterLine>\n              </FilterArea>\n            }\n          >\n            {error ? (\n              <Typography color=\"text-error\" variant=\"body\">\n                {error}\n              </Typography>\n            ) : (\n              <Typography color=\"text-neutral\" variant=\"body\">\n                偏好設定會立即生效。\n              </Typography>\n            )}\n          </Section>\n        </SectionGroup>\n      </Layout.Main>\n    </Layout>\n  );\n}\n\nconst FILTER_FIELD_STYLE = {\n  minWidth: 0,\n  whiteSpace: 'nowrap',\n} satisfies CSSProperties;\n\nfunction readDigestMode(value: unknown): NotificationDigestMode {\n  return value === 'DAILY' ? 'DAILY' : 'INSTANT';\n}\n\nfunction readEnabledSegmentValue(value: unknown): boolean {\n  return value !== 'OFF';\n}\n\nfunction readEnabledSegmentValueId(enabled: boolean): EnabledSegmentValue {\n  return enabled ? 'ON' : 'OFF';\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n"],"mappings":"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"}