@rytass/bpm-core-react 0.17.6 → 0.17.7

package/dist/views/instances/new/index.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/rolldown-runtime-BocRIvOZ.cjs"),t=require("../../../chunks/router-adapter--gYs13E8.cjs"),n=require("../../../chunks/auth-provider-4BeCw7cI.cjs"),r=require("../../../chunks/format-date-time-D-cx5M8z.cjs"),i=require("../../../chunks/routes-config-C1j_vFKo.cjs"),a=require("../../../chunks/FormRendererView-DRFi_IH7.cjs");let o=require("react"),s=require("@mezzanine-ui/react"),c=require("react/jsx-runtime"),l=require("@rytass/bpm-core-client/workflow"),u=require("@mezzanine-ui/react/ContentHeader");u=e.t(u,1);let d=require("@mezzanine-ui/icons"),f=require("@rytass/bpm-core-client/form");var p={display:`grid`,gap:16};function m(e={}){return(0,c.jsx)(o.Suspense,{fallback:(0,c.jsx)(g,{}),children:(0,c.jsx)(h,{templateId:e.templateId??void 0})})}function h({templateId:e}){let m=t.r(),h=i.r(),{member:g}=n.n(),v=g?.memberId??null,y=e??null,[b,x]=(0,o.useState)(null),[S,C]=(0,o.useState)({}),[w,T]=(0,o.useState)([]),[E,D]=(0,o.useState)(null),[O,k]=(0,o.useState)({}),[A,j]=(0,o.useState)(!0),[M,N]=(0,o.useState)(!1),[P,F]=(0,o.useState)({}),I=(0,o.useCallback)((e,t)=>{F(n=>{let r=n[e];return r?.hasValue===t.hasValue&&r.status===t.status?n:{...n,[e]:{hasValue:t.hasValue,status:t.status}}})},[]);(0,o.useEffect)(()=>{y?V(y):B()},[y]);let L=(0,o.useMemo)(()=>w.map(e=>({...e,key:e.id,updatedAt:r.t(e.updatedAt),versionLabel:`v${e.version}`})),[w]),R=(0,o.useMemo)(()=>[{dataIndex:`name`,key:`name`,title:`模板名稱`,width:240},{dataIndex:`versionLabel`,key:`versionLabel`,title:`發布版本`,width:120},{dataIndex:`updatedAt`,key:`updatedAt`,title:`更新時間`,width:220}],[]),z=(0,o.useMemo)(()=>({render:e=>[{name:`發起`,onClick:()=>m.push(h.caseNew(e.id)),variant:`base-primary`}],variant:`base-secondary`,width:88}),[m]);async function B(){j(!0),D(null),x(null),F({});try{T(await(0,l.listLaunchableTemplates)())}catch(e){D(_(e))}finally{j(!1)}}async function V(e){j(!0),D(null),T([]),F({});try{x(await(0,l.readLaunchContext)(e))}catch(e){D(_(e))}finally{j(!1)}}async function H(){if(!b||!v)return;N(!0),D(null),k({});let e=a.o(Object.values(P));if(e){D(e),N(!1);return}let t=(0,f.buildFormRendererValues)(b.formVersion.schema.fields,S),n=(0,f.validateFormRendererValues)({schema:b.formVersion.schema,uiSchema:b.formVersion.uiSchema,values:t});if(!n.valid)k(n.errors),D(`請先補齊必填欄位。`),n.firstInvalidFieldKey&&(0,f.focusFormRendererField)(n.firstInvalidFieldKey),N(!1);else try{let e=await(0,l.submitApprovalInstance)({formData:t,initiatorMemberId:v,templateId:b.template.id,title:(0,l.readFormDataCaseTitle)({fallbackTitle:b.template.name,formData:t,schema:b.formVersion.schema,uiSchema:b.formVersion.uiSchema})});m.push(h.caseDetail(e))}catch(e){D(_(e))}finally{N(!1)}}async function U(e,t){if(!v)throw Error(`尚未登入，無法上傳附件`);return{id:(await(0,l.uploadAttachment)({file:t,formFieldPath:`form.${e.fieldKey}`})).id}}return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(s.PageHeader,{children:(0,c.jsx)(u.default,{description:b?`${b.template.name} · 表單 v${b.formVersion.version}`:`選擇可發起的已發布模板後填寫表單內容。`,title:`發起簽核`,children:b?(0,c.jsx)(s.Button,{disabled:A||M,icon:d.CheckedIcon,iconType:`leading`,onClick:H,variant:`base-primary`,children:`送出`}):null})}),(0,c.jsx)(s.SectionGroup,{children:(0,c.jsx)(s.Section,{children:(0,c.jsxs)(`div`,{style:p,children:[E?(0,c.jsx)(s.Typography,{color:`text-error`,variant:`body`,children:E}):null,A?(0,c.jsx)(s.Typography,{color:`text-neutral`,variant:`body`,children:`載入中...`}):null,b?(0,c.jsx)(a.t,{dataSourceContext:{kind:`runtime`,templateId:b.template.id},errors:O,maxWidth:480,onChange:e=>{C(e),k({})},onDataSourceStateChange:I,onUploadAttachment:U,schema:b.formVersion.schema,singleColumn:!0,uiSchema:b.formVersion.uiSchema,value:S}):null,!y&&!A?L.length>0?(0,c.jsx)(s.Table,{actions:z,columns:R,dataSource:L,fullWidth:!0}):(0,c.jsx)(s.Typography,{color:`text-neutral`,variant:`body`,children:`目前沒有可發起的已發布模板。`}):null]})})})]})}function g(){return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(s.PageHeader,{children:(0,c.jsx)(u.default,{description:`選擇可發起的已發布模板後填寫表單內容。`,title:`發起簽核`})}),(0,c.jsx)(s.SectionGroup,{children:(0,c.jsx)(s.Section,{children:(0,c.jsx)(s.Typography,{color:`text-neutral`,variant:`body`,children:`載入中...`})})})]})}function _(e){return(0,f.readFormDataSourceErrorMessage)(e)||(e instanceof Error?e.message:`發生未知錯誤`)}exports.InstanceNewView=m;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/rolldown-runtime-BocRIvOZ.cjs"),t=require("../../../chunks/router-adapter--gYs13E8.cjs"),n=require("../../../chunks/auth-provider-4BeCw7cI.cjs"),r=require("../../../chunks/format-date-time-D-cx5M8z.cjs"),i=require("../../../chunks/routes-config-C1j_vFKo.cjs"),a=require("../../../chunks/approver-filled-form-D1DmqDVP.cjs"),o=require("../../../chunks/FormRendererView-GpsE03np.cjs");let s=require("react"),c=require("@mezzanine-ui/react"),l=require("react/jsx-runtime"),u=require("@rytass/bpm-core-client/workflow"),d=require("@mezzanine-ui/react/ContentHeader");d=e.t(d,1);let f=require("@mezzanine-ui/icons"),p=require("@rytass/bpm-core-client/form");var m={display:`grid`,gap:16};function h(e={}){return(0,l.jsx)(s.Suspense,{fallback:(0,l.jsx)(_,{}),children:(0,l.jsx)(g,{templateId:e.templateId??void 0})})}function g({templateId:e}){let h=t.r(),g=i.r(),{member:_}=n.n(),y=_?.memberId??null,b=e??null,[x,S]=(0,s.useState)(null),[C,w]=(0,s.useState)({}),[T,E]=(0,s.useState)([]),[D,O]=(0,s.useState)(null),[k,A]=(0,s.useState)({}),[j,M]=(0,s.useState)(!0),[N,P]=(0,s.useState)(!1),[F,I]=(0,s.useState)({}),L=(0,s.useMemo)(()=>x?a.n(x.formVersion.schema,x.templateVersion.workflowDefinition):null,[x]),R=(0,s.useCallback)((e,t)=>{I(n=>{let r=n[e];return r?.hasValue===t.hasValue&&r.status===t.status?n:{...n,[e]:{hasValue:t.hasValue,status:t.status}}})},[]);(0,s.useEffect)(()=>{b?U(b):H()},[b]);let z=(0,s.useMemo)(()=>T.map(e=>({...e,key:e.id,updatedAt:r.t(e.updatedAt),versionLabel:`v${e.version}`})),[T]),B=(0,s.useMemo)(()=>[{dataIndex:`name`,key:`name`,title:`模板名稱`,width:240},{dataIndex:`versionLabel`,key:`versionLabel`,title:`發布版本`,width:120},{dataIndex:`updatedAt`,key:`updatedAt`,title:`更新時間`,width:220}],[]),V=(0,s.useMemo)(()=>({render:e=>[{name:`發起`,onClick:()=>h.push(g.caseNew(e.id)),variant:`base-primary`}],variant:`base-secondary`,width:88}),[h]);async function H(){M(!0),O(null),S(null),I({});try{E(await(0,u.listLaunchableTemplates)())}catch(e){O(v(e))}finally{M(!1)}}async function U(e){M(!0),O(null),E([]),I({});try{S(await(0,u.readLaunchContext)(e))}catch(e){O(v(e))}finally{M(!1)}}async function W(){if(!x||!L||!y)return;P(!0),O(null),A({});let e=o.o(Object.values(F));if(e){O(e),P(!1);return}let t=a.r((0,p.buildFormRendererValues)(L.fields,C),x.templateVersion.workflowDefinition),n=(0,p.validateFormRendererValues)({schema:L,uiSchema:x.formVersion.uiSchema,values:t});if(!n.valid)A(n.errors),O(`請先補齊必填欄位。`),n.firstInvalidFieldKey&&(0,p.focusFormRendererField)(n.firstInvalidFieldKey),P(!1);else try{let e=await(0,u.submitApprovalInstance)({formData:t,initiatorMemberId:y,templateId:x.template.id,title:(0,u.readFormDataCaseTitle)({fallbackTitle:x.template.name,formData:t,schema:L,uiSchema:x.formVersion.uiSchema})});h.push(g.caseDetail(e))}catch(e){O(v(e))}finally{P(!1)}}async function G(e,t){if(!y)throw Error(`尚未登入，無法上傳附件`);return{id:(await(0,u.uploadAttachment)({file:t,formFieldPath:`form.${e.fieldKey}`})).id}}return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(c.PageHeader,{children:(0,l.jsx)(d.default,{description:x?`${x.template.name} · 表單 v${x.formVersion.version}`:`選擇可發起的已發布模板後填寫表單內容。`,title:`發起簽核`,children:x?(0,l.jsx)(c.Button,{disabled:j||N,icon:f.CheckedIcon,iconType:`leading`,onClick:W,variant:`base-primary`,children:`送出`}):null})}),(0,l.jsx)(c.SectionGroup,{children:(0,l.jsx)(c.Section,{children:(0,l.jsxs)(`div`,{style:m,children:[D?(0,l.jsx)(c.Typography,{color:`text-error`,variant:`body`,children:D}):null,j?(0,l.jsx)(c.Typography,{color:`text-neutral`,variant:`body`,children:`載入中...`}):null,x&&L?(0,l.jsx)(o.t,{dataSourceContext:{kind:`runtime`,templateId:x.template.id},errors:k,maxWidth:480,onChange:e=>{w(e),A({})},onDataSourceStateChange:R,onUploadAttachment:G,schema:L,singleColumn:!0,uiSchema:x.formVersion.uiSchema,value:C}):null,!b&&!j?z.length>0?(0,l.jsx)(c.Table,{actions:V,columns:B,dataSource:z,fullWidth:!0}):(0,l.jsx)(c.Typography,{color:`text-neutral`,variant:`body`,children:`目前沒有可發起的已發布模板。`}):null]})})})]})}function _(){return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(c.PageHeader,{children:(0,l.jsx)(d.default,{description:`選擇可發起的已發布模板後填寫表單內容。`,title:`發起簽核`})}),(0,l.jsx)(c.SectionGroup,{children:(0,l.jsx)(c.Section,{children:(0,l.jsx)(c.Typography,{color:`text-neutral`,variant:`body`,children:`載入中...`})})})]})}function v(e){return(0,p.readFormDataSourceErrorMessage)(e)||(e instanceof Error?e.message:`發生未知錯誤`)}exports.InstanceNewView=h;
 //# sourceMappingURL=index.cjs.map

package/dist/views/instances/new/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["Suspense","useRouterAdapter","useBPMRoutes","useAuth","useState","useCallback","useMemo","formatDateTime","listLaunchableTemplates","readLaunchContext","readFormDataSourceSubmissionBlockMessage","buildFormRendererValues","validateFormRendererValues","submitApprovalInstance","readFormDataCaseTitle","uploadAttachment","_Fragment","PageHeader","ContentHeader","Button","CheckedIcon","SectionGroup","Section","Typography","FormRenderer","Table","readFormDataSourceErrorMessage","require_rolldown_runtime","require_router_adapter","require_auth_provider","require_format_date_time","require_routes_config","require_FormRendererView","react","_mezzanine_ui_react","react_jsx_runtime","_rytass_bpm_core_client_workflow","_mezzanine_ui_react_ContentHeader","_mezzanine_ui_icons","_rytass_bpm_core_client_form","FORM_SECTION_STYLE","InstanceNewView","NewApprovalInstanceLoading","NewApprovalInstanceContent","props","templateIdProp","router","routes","currentMemberId","member","templateId","context","setContext","formValues","setFormValues","templates","setTemplates","error","setError","formErrors","setFormErrors","loading","setLoading","submitting","setSubmitting","dataSourceStates","setDataSourceStates","handleDataSourceStateChange","currentState","currentStates","fieldKey","state","refreshContext","refreshTemplates","rows","template","columns","tableActions","record","requestError","readErrorMessage","nextTemplateId","handleSubmit","dataSourceBlockMessage","submittedValues","validation","instanceId","handleUploadAttachment","field","values"],"sources":["../../../../src/views/instances/new/InstanceNewView.tsx"],"sourcesContent":["'use client';\n\nimport {\n  CSSProperties,\n  ReactElement,\n  Suspense,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport {\n  Button,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Table,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { CheckedIcon } from '@mezzanine-ui/icons';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport { FormFieldDefinition } from '@rytass/bpm-core-shared/form';\nimport {\n  buildFormRendererValues,\n  focusFormRendererField,\n  FormRendererValues,\n  readFormDataSourceErrorMessage,\n  validateFormRendererValues,\n} from '@rytass/bpm-core-client/form';\nimport {\n  LaunchContext,\n  LaunchableTemplateRecord,\n  listLaunchableTemplates,\n  readFormDataCaseTitle,\n  readLaunchContext,\n  submitApprovalInstance,\n  uploadAttachment,\n} from '@rytass/bpm-core-client/workflow';\nimport { formatDateTime } from '../../../lib/format-date-time';\nimport { useAuth } from '../../../lib/auth-provider';\nimport { useRouterAdapter } from '../../../lib/router-adapter';\nimport { useBPMRoutes } from '../../../lib/routes-config';\nimport { FormRenderer } from '../../forms/renderer/FormRendererView';\nimport {\n  readFormDataSourceSubmissionBlockMessage,\n  type FormDataSourceFieldState,\n} from '../../forms/renderer/form-data-source-field';\n\nconst FORM_SECTION_STYLE: CSSProperties = {\n  display: 'grid',\n  gap: 16,\n};\n\ntype LaunchableTemplateRow = Readonly<\n  Record<string, unknown> &\n    LaunchableTemplateRecord & {\n      key: string;\n      versionLabel: string;\n    }\n>;\n\nexport interface InstanceNewViewProps {\n  /**\n   * Optional template id pre-selected by the host. The Server Component\n   * page should read `?templateId=` from its `searchParams` and pass the\n   * value through this prop.\n   */\n  readonly templateId?: string | null;\n}\n\n/**\n * Framework-agnostic view for the BPM \"發起簽核\" launch page. Mechanical port\n * of `apps/client/src/app/instances/new/page.tsx` — picks a launchable\n * template and submits the launch form.\n */\nexport function InstanceNewView(\n  props: InstanceNewViewProps = {},\n): ReactElement {\n  return (\n    <Suspense fallback={<NewApprovalInstanceLoading />}>\n      <NewApprovalInstanceContent templateId={props.templateId ?? undefined} />\n    </Suspense>\n  );\n}\n\nfunction NewApprovalInstanceContent({\n  templateId: templateIdProp,\n}: {\n  readonly templateId?: string;\n}): ReactElement {\n  const router = useRouterAdapter();\n  const routes = useBPMRoutes();\n  const { member } = useAuth();\n  const currentMemberId = member?.memberId ?? null;\n  const templateId = templateIdProp ?? null;\n  const [context, setContext] = useState<LaunchContext | null>(null);\n  const [formValues, setFormValues] = useState<FormRendererValues>({});\n  const [templates, setTemplates] = useState<\n    readonly LaunchableTemplateRecord[]\n  >([]);\n  const [error, setError] = useState<string | null>(null);\n  const [formErrors, setFormErrors] = useState<\n    Readonly<Record<string, string>>\n  >({});\n  const [loading, setLoading] = useState(true);\n  const [submitting, setSubmitting] = useState(false);\n  const [dataSourceStates, setDataSourceStates] = useState<\n    Readonly<\n      Record<string, Pick<FormDataSourceFieldState, 'hasValue' | 'status'>>\n    >\n  >({});\n\n  const handleDataSourceStateChange = useCallback(\n    (\n      fieldKey: string,\n      state: Pick<\n        FormDataSourceFieldState,\n        'hasValue' | 'invalidValues' | 'status'\n      >,\n    ): void => {\n      setDataSourceStates((currentStates) => {\n        const currentState = currentStates[fieldKey];\n\n        if (\n          currentState?.hasValue === state.hasValue &&\n          currentState.status === state.status\n        ) {\n          return currentStates;\n        }\n\n        return {\n          ...currentStates,\n          [fieldKey]: {\n            hasValue: state.hasValue,\n            status: state.status,\n          },\n        };\n      });\n    },\n    [],\n  );\n\n  useEffect((): void => {\n    if (!templateId) {\n      void refreshTemplates();\n\n      return;\n    }\n\n    void refreshContext(templateId);\n  }, [templateId]);\n\n  const rows = useMemo(\n    (): LaunchableTemplateRow[] =>\n      templates.map((template) => ({\n        ...template,\n        key: template.id,\n        updatedAt: formatDateTime(template.updatedAt),\n        versionLabel: `v${template.version}`,\n      })),\n    [templates],\n  );\n  const columns = useMemo(\n    (): TableColumn<LaunchableTemplateRow>[] => [\n      { dataIndex: 'name', key: 'name', title: '模板名稱', width: 240 },\n      {\n        dataIndex: 'versionLabel',\n        key: 'versionLabel',\n        title: '發布版本',\n        width: 120,\n      },\n      {\n        dataIndex: 'updatedAt',\n        key: 'updatedAt',\n        title: '更新時間',\n        width: 220,\n      },\n    ],\n    [],\n  );\n  const tableActions = useMemo(\n    (): TableActions<LaunchableTemplateRow> => ({\n      render: (\n        record,\n      ): ReturnType<TableActions<LaunchableTemplateRow>['render']> => [\n        {\n          name: '發起',\n          onClick: (): void =>\n            router.push(routes.caseNew(record.id)),\n          variant: 'base-primary',\n        },\n      ],\n      variant: 'base-secondary',\n      width: 88,\n    }),\n    [router],\n  );\n\n  async function refreshTemplates(): Promise<void> {\n    setLoading(true);\n    setError(null);\n    setContext(null);\n    setDataSourceStates({});\n\n    try {\n      setTemplates(await listLaunchableTemplates());\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  async function refreshContext(nextTemplateId: string): Promise<void> {\n    setLoading(true);\n    setError(null);\n    setTemplates([]);\n    setDataSourceStates({});\n\n    try {\n      setContext(await readLaunchContext(nextTemplateId));\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  async function handleSubmit(): Promise<void> {\n    if (!context || !currentMemberId) {\n      return;\n    }\n\n    setSubmitting(true);\n    setError(null);\n    setFormErrors({});\n\n    const dataSourceBlockMessage = readFormDataSourceSubmissionBlockMessage(\n      Object.values(dataSourceStates),\n    );\n\n    if (dataSourceBlockMessage) {\n      setError(dataSourceBlockMessage);\n      setSubmitting(false);\n\n      return;\n    }\n\n    // What the renderer shows, not just what has been touched: a table seeds\n    // its `minRows` rows and a field can carry a `defaultValue`, and neither\n    // reaches this state until the filler edits something. Validating and\n    // submitting the raw state would reject a table the user can plainly see\n    // rows in — and submit a default the backend never receives.\n    const submittedValues = buildFormRendererValues(\n      context.formVersion.schema.fields,\n      formValues,\n    );\n    const validation = validateFormRendererValues({\n      schema: context.formVersion.schema,\n      uiSchema: context.formVersion.uiSchema,\n      values: submittedValues,\n    });\n\n    if (!validation.valid) {\n      setFormErrors(validation.errors);\n      setError('請先補齊必填欄位。');\n\n      if (validation.firstInvalidFieldKey) {\n        focusFormRendererField(validation.firstInvalidFieldKey);\n      }\n\n      setSubmitting(false);\n\n      return;\n    }\n\n    try {\n      const instanceId = await submitApprovalInstance({\n        formData: submittedValues,\n        initiatorMemberId: currentMemberId,\n        templateId: context.template.id,\n        title: readFormDataCaseTitle({\n          fallbackTitle: context.template.name,\n          formData: submittedValues,\n          schema: context.formVersion.schema,\n          uiSchema: context.formVersion.uiSchema,\n        }),\n      });\n\n      router.push(routes.caseDetail(instanceId));\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setSubmitting(false);\n    }\n  }\n\n  async function handleUploadAttachment(\n    field: FormFieldDefinition,\n    file: File,\n  ): Promise<{ readonly id: string }> {\n    if (!currentMemberId) {\n      throw new Error('尚未登入，無法上傳附件');\n    }\n\n    const attachment = await uploadAttachment({\n      file,\n      formFieldPath: `form.${field.fieldKey}`,\n    });\n\n    return { id: attachment.id };\n  }\n\n  return (\n    <>\n        <PageHeader>\n          <ContentHeader\n            description={\n              context\n                ? `${context.template.name} · 表單 v${context.formVersion.version}`\n                : '選擇可發起的已發布模板後填寫表單內容。'\n            }\n            title=\"發起簽核\"\n          >\n            {context ? (\n              <Button\n                disabled={loading || submitting}\n                icon={CheckedIcon}\n                iconType=\"leading\"\n                onClick={handleSubmit}\n                variant=\"base-primary\"\n              >\n                送出\n              </Button>\n            ) : null}\n          </ContentHeader>\n        </PageHeader>\n\n        <SectionGroup>\n          <Section>\n            <div style={FORM_SECTION_STYLE}>\n              {error ? (\n                <Typography color=\"text-error\" variant=\"body\">\n                  {error}\n                </Typography>\n              ) : null}\n\n              {loading ? (\n                <Typography color=\"text-neutral\" variant=\"body\">\n                  載入中...\n                </Typography>\n              ) : null}\n\n              {context ? (\n                <FormRenderer\n                  dataSourceContext={{\n                    kind: 'runtime',\n                    templateId: context.template.id,\n                  }}\n                  errors={formErrors}\n                  maxWidth={480}\n                  onChange={(values): void => {\n                    setFormValues(values);\n                    setFormErrors({});\n                  }}\n                  onDataSourceStateChange={handleDataSourceStateChange}\n                  onUploadAttachment={handleUploadAttachment}\n                  schema={context.formVersion.schema}\n                  singleColumn\n                  uiSchema={context.formVersion.uiSchema}\n                  value={formValues}\n                />\n              ) : null}\n\n              {!templateId && !loading ? (\n                rows.length > 0 ? (\n                  <Table\n                    actions={tableActions}\n                    columns={columns}\n                    dataSource={rows}\n                    fullWidth\n                  />\n                ) : (\n                  <Typography color=\"text-neutral\" variant=\"body\">\n                    目前沒有可發起的已發布模板。\n                  </Typography>\n                )\n              ) : null}\n            </div>\n          </Section>\n        </SectionGroup>\n      </>\n  );\n}\n\nfunction NewApprovalInstanceLoading(): ReactElement {\n  return (\n    <>\n        <PageHeader>\n          <ContentHeader\n            description=\"選擇可發起的已發布模板後填寫表單內容。\"\n            title=\"發起簽核\"\n          />\n        </PageHeader>\n\n        <SectionGroup>\n          <Section>\n            <Typography color=\"text-neutral\" variant=\"body\">\n              載入中...\n            </Typography>\n          </Section>\n        </SectionGroup>\n      </>\n  );\n}\n\nfunction readErrorMessage(error: unknown): string {\n  // DataSource failures arrive as stable codes so the backend never leaks\n  // upstream transport detail; translate them instead of showing the raw code.\n  const dataSourceMessage = readFormDataSourceErrorMessage(error);\n\n  if (dataSourceMessage) {\n    return dataSourceMessage;\n  }\n\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.cjs","names":["Suspense","useRouterAdapter","useBPMRoutes","useAuth","useState","useMemo","readApplicantFormSchema","useCallback","formatDateTime","listLaunchableTemplates","readLaunchContext","readFormDataSourceSubmissionBlockMessage","readApplicantSubmission","buildFormRendererValues","validateFormRendererValues","submitApprovalInstance","readFormDataCaseTitle","uploadAttachment","_Fragment","PageHeader","ContentHeader","Button","CheckedIcon","SectionGroup","Section","Typography","FormRenderer","Table","readFormDataSourceErrorMessage","require_rolldown_runtime","require_router_adapter","require_auth_provider","require_format_date_time","require_routes_config","require_approver_filled_form","require_FormRendererView","react","_mezzanine_ui_react","react_jsx_runtime","_rytass_bpm_core_client_workflow","_mezzanine_ui_react_ContentHeader","_mezzanine_ui_icons","_rytass_bpm_core_client_form","FORM_SECTION_STYLE","InstanceNewView","NewApprovalInstanceLoading","NewApprovalInstanceContent","props","templateIdProp","router","routes","currentMemberId","member","templateId","context","setContext","formValues","setFormValues","templates","setTemplates","error","setError","formErrors","setFormErrors","loading","setLoading","submitting","setSubmitting","dataSourceStates","setDataSourceStates","applicantSchema","handleDataSourceStateChange","currentState","currentStates","fieldKey","state","refreshContext","refreshTemplates","rows","template","columns","tableActions","record","requestError","readErrorMessage","nextTemplateId","handleSubmit","dataSourceBlockMessage","submittedValues","validation","instanceId","handleUploadAttachment","field","values"],"sources":["../../../../src/views/instances/new/InstanceNewView.tsx"],"sourcesContent":["'use client';\n\nimport {\n  CSSProperties,\n  ReactElement,\n  Suspense,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport {\n  Button,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Table,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { CheckedIcon } from '@mezzanine-ui/icons';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport { FormFieldDefinition } from '@rytass/bpm-core-shared/form';\nimport {\n  buildFormRendererValues,\n  focusFormRendererField,\n  FormRendererValues,\n  readFormDataSourceErrorMessage,\n  validateFormRendererValues,\n} from '@rytass/bpm-core-client/form';\nimport {\n  LaunchContext,\n  LaunchableTemplateRecord,\n  listLaunchableTemplates,\n  readFormDataCaseTitle,\n  readLaunchContext,\n  submitApprovalInstance,\n  uploadAttachment,\n} from '@rytass/bpm-core-client/workflow';\nimport {\n  readApplicantFormSchema,\n  readApplicantSubmission,\n} from '../approver-filled-form';\nimport { formatDateTime } from '../../../lib/format-date-time';\nimport { useAuth } from '../../../lib/auth-provider';\nimport { useRouterAdapter } from '../../../lib/router-adapter';\nimport { useBPMRoutes } from '../../../lib/routes-config';\nimport { FormRenderer } from '../../forms/renderer/FormRendererView';\nimport {\n  readFormDataSourceSubmissionBlockMessage,\n  type FormDataSourceFieldState,\n} from '../../forms/renderer/form-data-source-field';\n\nconst FORM_SECTION_STYLE: CSSProperties = {\n  display: 'grid',\n  gap: 16,\n};\n\ntype LaunchableTemplateRow = Readonly<\n  Record<string, unknown> &\n    LaunchableTemplateRecord & {\n      key: string;\n      versionLabel: string;\n    }\n>;\n\nexport interface InstanceNewViewProps {\n  /**\n   * Optional template id pre-selected by the host. The Server Component\n   * page should read `?templateId=` from its `searchParams` and pass the\n   * value through this prop.\n   */\n  readonly templateId?: string | null;\n}\n\n/**\n * Framework-agnostic view for the BPM \"發起簽核\" launch page. Mechanical port\n * of `apps/client/src/app/instances/new/page.tsx` — picks a launchable\n * template and submits the launch form.\n */\nexport function InstanceNewView(\n  props: InstanceNewViewProps = {},\n): ReactElement {\n  return (\n    <Suspense fallback={<NewApprovalInstanceLoading />}>\n      <NewApprovalInstanceContent templateId={props.templateId ?? undefined} />\n    </Suspense>\n  );\n}\n\nfunction NewApprovalInstanceContent({\n  templateId: templateIdProp,\n}: {\n  readonly templateId?: string;\n}): ReactElement {\n  const router = useRouterAdapter();\n  const routes = useBPMRoutes();\n  const { member } = useAuth();\n  const currentMemberId = member?.memberId ?? null;\n  const templateId = templateIdProp ?? null;\n  const [context, setContext] = useState<LaunchContext | null>(null);\n  const [formValues, setFormValues] = useState<FormRendererValues>({});\n  const [templates, setTemplates] = useState<\n    readonly LaunchableTemplateRecord[]\n  >([]);\n  const [error, setError] = useState<string | null>(null);\n  const [formErrors, setFormErrors] = useState<\n    Readonly<Record<string, string>>\n  >({});\n  const [loading, setLoading] = useState(true);\n  const [submitting, setSubmitting] = useState(false);\n  const [dataSourceStates, setDataSourceStates] = useState<\n    Readonly<\n      Record<string, Pick<FormDataSourceFieldState, 'hasValue' | 'status'>>\n    >\n  >({});\n\n  // The form the applicant sees: approver-filled fields are not theirs to fill\n  // (the server drops them), so they are left out of everything below.\n  const applicantSchema = useMemo(\n    () =>\n      context\n        ? readApplicantFormSchema(\n            context.formVersion.schema,\n            context.templateVersion.workflowDefinition,\n          )\n        : null,\n    [context],\n  );\n\n  const handleDataSourceStateChange = useCallback(\n    (\n      fieldKey: string,\n      state: Pick<\n        FormDataSourceFieldState,\n        'hasValue' | 'invalidValues' | 'status'\n      >,\n    ): void => {\n      setDataSourceStates((currentStates) => {\n        const currentState = currentStates[fieldKey];\n\n        if (\n          currentState?.hasValue === state.hasValue &&\n          currentState.status === state.status\n        ) {\n          return currentStates;\n        }\n\n        return {\n          ...currentStates,\n          [fieldKey]: {\n            hasValue: state.hasValue,\n            status: state.status,\n          },\n        };\n      });\n    },\n    [],\n  );\n\n  useEffect((): void => {\n    if (!templateId) {\n      void refreshTemplates();\n\n      return;\n    }\n\n    void refreshContext(templateId);\n  }, [templateId]);\n\n  const rows = useMemo(\n    (): LaunchableTemplateRow[] =>\n      templates.map((template) => ({\n        ...template,\n        key: template.id,\n        updatedAt: formatDateTime(template.updatedAt),\n        versionLabel: `v${template.version}`,\n      })),\n    [templates],\n  );\n  const columns = useMemo(\n    (): TableColumn<LaunchableTemplateRow>[] => [\n      { dataIndex: 'name', key: 'name', title: '模板名稱', width: 240 },\n      {\n        dataIndex: 'versionLabel',\n        key: 'versionLabel',\n        title: '發布版本',\n        width: 120,\n      },\n      {\n        dataIndex: 'updatedAt',\n        key: 'updatedAt',\n        title: '更新時間',\n        width: 220,\n      },\n    ],\n    [],\n  );\n  const tableActions = useMemo(\n    (): TableActions<LaunchableTemplateRow> => ({\n      render: (\n        record,\n      ): ReturnType<TableActions<LaunchableTemplateRow>['render']> => [\n        {\n          name: '發起',\n          onClick: (): void =>\n            router.push(routes.caseNew(record.id)),\n          variant: 'base-primary',\n        },\n      ],\n      variant: 'base-secondary',\n      width: 88,\n    }),\n    [router],\n  );\n\n  async function refreshTemplates(): Promise<void> {\n    setLoading(true);\n    setError(null);\n    setContext(null);\n    setDataSourceStates({});\n\n    try {\n      setTemplates(await listLaunchableTemplates());\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  async function refreshContext(nextTemplateId: string): Promise<void> {\n    setLoading(true);\n    setError(null);\n    setTemplates([]);\n    setDataSourceStates({});\n\n    try {\n      setContext(await readLaunchContext(nextTemplateId));\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  async function handleSubmit(): Promise<void> {\n    if (!context || !applicantSchema || !currentMemberId) {\n      return;\n    }\n\n    setSubmitting(true);\n    setError(null);\n    setFormErrors({});\n\n    const dataSourceBlockMessage = readFormDataSourceSubmissionBlockMessage(\n      Object.values(dataSourceStates),\n    );\n\n    if (dataSourceBlockMessage) {\n      setError(dataSourceBlockMessage);\n      setSubmitting(false);\n\n      return;\n    }\n\n    // What the renderer shows, not just what has been touched: a table seeds\n    // its `minRows` rows and a field can carry a `defaultValue`, and neither\n    // reaches this state until the filler edits something. Validating and\n    // submitting the raw state would reject a table the user can plainly see\n    // rows in — and submit a default the backend never receives.\n    const submittedValues = readApplicantSubmission(\n      buildFormRendererValues(applicantSchema.fields, formValues),\n      context.templateVersion.workflowDefinition,\n    );\n    const validation = validateFormRendererValues({\n      schema: applicantSchema,\n      uiSchema: context.formVersion.uiSchema,\n      values: submittedValues,\n    });\n\n    if (!validation.valid) {\n      setFormErrors(validation.errors);\n      setError('請先補齊必填欄位。');\n\n      if (validation.firstInvalidFieldKey) {\n        focusFormRendererField(validation.firstInvalidFieldKey);\n      }\n\n      setSubmitting(false);\n\n      return;\n    }\n\n    try {\n      const instanceId = await submitApprovalInstance({\n        formData: submittedValues,\n        initiatorMemberId: currentMemberId,\n        templateId: context.template.id,\n        title: readFormDataCaseTitle({\n          fallbackTitle: context.template.name,\n          formData: submittedValues,\n          schema: applicantSchema,\n          uiSchema: context.formVersion.uiSchema,\n        }),\n      });\n\n      router.push(routes.caseDetail(instanceId));\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setSubmitting(false);\n    }\n  }\n\n  async function handleUploadAttachment(\n    field: FormFieldDefinition,\n    file: File,\n  ): Promise<{ readonly id: string }> {\n    if (!currentMemberId) {\n      throw new Error('尚未登入，無法上傳附件');\n    }\n\n    const attachment = await uploadAttachment({\n      file,\n      formFieldPath: `form.${field.fieldKey}`,\n    });\n\n    return { id: attachment.id };\n  }\n\n  return (\n    <>\n        <PageHeader>\n          <ContentHeader\n            description={\n              context\n                ? `${context.template.name} · 表單 v${context.formVersion.version}`\n                : '選擇可發起的已發布模板後填寫表單內容。'\n            }\n            title=\"發起簽核\"\n          >\n            {context ? (\n              <Button\n                disabled={loading || submitting}\n                icon={CheckedIcon}\n                iconType=\"leading\"\n                onClick={handleSubmit}\n                variant=\"base-primary\"\n              >\n                送出\n              </Button>\n            ) : null}\n          </ContentHeader>\n        </PageHeader>\n\n        <SectionGroup>\n          <Section>\n            <div style={FORM_SECTION_STYLE}>\n              {error ? (\n                <Typography color=\"text-error\" variant=\"body\">\n                  {error}\n                </Typography>\n              ) : null}\n\n              {loading ? (\n                <Typography color=\"text-neutral\" variant=\"body\">\n                  載入中...\n                </Typography>\n              ) : null}\n\n              {context && applicantSchema ? (\n                <FormRenderer\n                  dataSourceContext={{\n                    kind: 'runtime',\n                    templateId: context.template.id,\n                  }}\n                  errors={formErrors}\n                  maxWidth={480}\n                  onChange={(values): void => {\n                    setFormValues(values);\n                    setFormErrors({});\n                  }}\n                  onDataSourceStateChange={handleDataSourceStateChange}\n                  onUploadAttachment={handleUploadAttachment}\n                  schema={applicantSchema}\n                  singleColumn\n                  uiSchema={context.formVersion.uiSchema}\n                  value={formValues}\n                />\n              ) : null}\n\n              {!templateId && !loading ? (\n                rows.length > 0 ? (\n                  <Table\n                    actions={tableActions}\n                    columns={columns}\n                    dataSource={rows}\n                    fullWidth\n                  />\n                ) : (\n                  <Typography color=\"text-neutral\" variant=\"body\">\n                    目前沒有可發起的已發布模板。\n                  </Typography>\n                )\n              ) : null}\n            </div>\n          </Section>\n        </SectionGroup>\n      </>\n  );\n}\n\nfunction NewApprovalInstanceLoading(): ReactElement {\n  return (\n    <>\n        <PageHeader>\n          <ContentHeader\n            description=\"選擇可發起的已發布模板後填寫表單內容。\"\n            title=\"發起簽核\"\n          />\n        </PageHeader>\n\n        <SectionGroup>\n          <Section>\n            <Typography color=\"text-neutral\" variant=\"body\">\n              載入中...\n            </Typography>\n          </Section>\n        </SectionGroup>\n      </>\n  );\n}\n\nfunction readErrorMessage(error: unknown): string {\n  // DataSource failures arrive as stable codes so the backend never leaks\n  // upstream transport detail; translate them instead of showing the raw code.\n  const dataSourceMessage = readFormDataSourceErrorMessage(error);\n\n  if (dataSourceMessage) {\n    return dataSourceMessage;\n  }\n\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n"],"mappings":"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"}

package/dist/views/instances/new/index.js

@@ -3,28 +3,29 @@ import { r as e } from "../../../chunks/router-adapter-DftlFTOd.js";
 import { n as t } from "../../../chunks/auth-provider-B5oPmvk2.js";
 import { t as n } from "../../../chunks/format-date-time-CB-LxzqT.js";
 import { r } from "../../../chunks/routes-config-yZbESPlw.js";
-import { o as i, t as a } from "../../../chunks/FormRendererView-cZGOOjU5.js";
-import { Suspense as o, useCallback as ee, useEffect as s, useMemo as c, useState as l } from "react";
-import { Button as u, PageHeader as d, Section as f, SectionGroup as p, Table as m, Typography as h } from "@mezzanine-ui/react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-import { listLaunchableTemplates as y, readFormDataCaseTitle as b, readLaunchContext as x, submitApprovalInstance as S, uploadAttachment as C } from "@rytass/bpm-core-client/workflow";
-import w from "@mezzanine-ui/react/ContentHeader";
-import { CheckedIcon as T } from "@mezzanine-ui/icons";
-import { buildFormRendererValues as E, focusFormRendererField as D, readFormDataSourceErrorMessage as O, validateFormRendererValues as k } from "@rytass/bpm-core-client/form";
+import { n as i, r as a } from "../../../chunks/approver-filled-form-DuQGPtNB.js";
+import { o, t as s } from "../../../chunks/FormRendererView-BsTwZkqU.js";
+import { Suspense as c, useCallback as ee, useEffect as l, useMemo as u, useState as d } from "react";
+import { Button as f, PageHeader as p, Section as m, SectionGroup as h, Table as te, Typography as g } from "@mezzanine-ui/react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { listLaunchableTemplates as b, readFormDataCaseTitle as x, readLaunchContext as S, submitApprovalInstance as C, uploadAttachment as w } from "@rytass/bpm-core-client/workflow";
+import T from "@mezzanine-ui/react/ContentHeader";
+import { CheckedIcon as E } from "@mezzanine-ui/icons";
+import { buildFormRendererValues as D, focusFormRendererField as O, readFormDataSourceErrorMessage as k, validateFormRendererValues as ne } from "@rytass/bpm-core-client/form";
 //#region src/views/instances/new/InstanceNewView.tsx
-var A = {
+var re = {
 	display: "grid",
 	gap: 16
 };
-function j(e = {}) {
-	return /* @__PURE__ */ _(o, {
-		fallback: /* @__PURE__ */ _(N, {}),
-		children: /* @__PURE__ */ _(M, { templateId: e.templateId ?? void 0 })
+function A(e = {}) {
+	return /* @__PURE__ */ v(c, {
+		fallback: /* @__PURE__ */ v(M, {}),
+		children: /* @__PURE__ */ v(j, { templateId: e.templateId ?? void 0 })
 	});
 }
-function M({ templateId: o }) {
-	let O = e(), j = r(), { member: M } = t(), N = M?.memberId ?? null, F = o ?? null, [I, L] = l(null), [R, z] = l({}), [B, V] = l([]), [H, U] = l(null), [W, G] = l({}), [K, q] = l(!0), [J, Y] = l(!1), [X, Z] = l({}), Q = ee((e, t) => {
-		Z((n) => {
+function j({ templateId: c }) {
+	let k = e(), A = r(), { member: j } = t(), M = j?.memberId ?? null, P = c ?? null, [F, I] = d(null), [L, R] = d({}), [z, B] = d([]), [V, H] = d(null), [U, W] = d({}), [G, K] = d(!0), [q, J] = d(!1), [Y, X] = d({}), Z = u(() => F ? i(F.formVersion.schema, F.templateVersion.workflowDefinition) : null, [F]), ie = ee((e, t) => {
+		X((n) => {
 			let r = n[e];
 			return r?.hasValue === t.hasValue && r.status === t.status ? n : {
 				...n,
@@ -35,15 +36,15 @@ function M({ templateId: o }) {
 			};
 		});
 	}, []);
-	s(() => {
-		F ? ie(F) : re();
-	}, [F]);
-	let $ = c(() => B.map((e) => ({
+	l(() => {
+		P ? se(P) : $();
+	}, [P]);
+	let Q = u(() => z.map((e) => ({
 		...e,
 		key: e.id,
 		updatedAt: n(e.updatedAt),
 		versionLabel: `v${e.version}`
-	})), [B]), te = c(() => [
+	})), [z]), ae = u(() => [
 		{
 			dataIndex: "name",
 			key: "name",
@@ -62,122 +63,122 @@ function M({ templateId: o }) {
 			title: "更新時間",
 			width: 220
 		}
-	], []), ne = c(() => ({
+	], []), oe = u(() => ({
 		render: (e) => [{
 			name: "發起",
-			onClick: () => O.push(j.caseNew(e.id)),
+			onClick: () => k.push(A.caseNew(e.id)),
 			variant: "base-primary"
 		}],
 		variant: "base-secondary",
 		width: 88
-	}), [O]);
-	async function re() {
-		q(!0), U(null), L(null), Z({});
+	}), [k]);
+	async function $() {
+		K(!0), H(null), I(null), X({});
 		try {
-			V(await y());
+			B(await b());
 		} catch (e) {
-			U(P(e));
+			H(N(e));
 		} finally {
-			q(!1);
+			K(!1);
 		}
 	}
-	async function ie(e) {
-		q(!0), U(null), V([]), Z({});
+	async function se(e) {
+		K(!0), H(null), B([]), X({});
 		try {
-			L(await x(e));
+			I(await S(e));
 		} catch (e) {
-			U(P(e));
+			H(N(e));
 		} finally {
-			q(!1);
+			K(!1);
 		}
 	}
-	async function ae() {
-		if (!I || !N) return;
-		Y(!0), U(null), G({});
-		let e = i(Object.values(X));
+	async function ce() {
+		if (!F || !Z || !M) return;
+		J(!0), H(null), W({});
+		let e = o(Object.values(Y));
 		if (e) {
-			U(e), Y(!1);
+			H(e), J(!1);
 			return;
 		}
-		let t = E(I.formVersion.schema.fields, R), n = k({
-			schema: I.formVersion.schema,
-			uiSchema: I.formVersion.uiSchema,
+		let t = a(D(Z.fields, L), F.templateVersion.workflowDefinition), n = ne({
+			schema: Z,
+			uiSchema: F.formVersion.uiSchema,
 			values: t
 		});
-		if (!n.valid) G(n.errors), U("請先補齊必填欄位。"), n.firstInvalidFieldKey && D(n.firstInvalidFieldKey), Y(!1);
+		if (!n.valid) W(n.errors), H("請先補齊必填欄位。"), n.firstInvalidFieldKey && O(n.firstInvalidFieldKey), J(!1);
 		else try {
-			let e = await S({
+			let e = await C({
 				formData: t,
-				initiatorMemberId: N,
-				templateId: I.template.id,
-				title: b({
-					fallbackTitle: I.template.name,
+				initiatorMemberId: M,
+				templateId: F.template.id,
+				title: x({
+					fallbackTitle: F.template.name,
 					formData: t,
-					schema: I.formVersion.schema,
-					uiSchema: I.formVersion.uiSchema
+					schema: Z,
+					uiSchema: F.formVersion.uiSchema
 				})
 			});
-			O.push(j.caseDetail(e));
+			k.push(A.caseDetail(e));
 		} catch (e) {
-			U(P(e));
+			H(N(e));
 		} finally {
-			Y(!1);
+			J(!1);
 		}
 	}
-	async function oe(e, t) {
-		if (!N) throw Error("尚未登入，無法上傳附件");
-		return { id: (await C({
+	async function le(e, t) {
+		if (!M) throw Error("尚未登入，無法上傳附件");
+		return { id: (await w({
 			file: t,
 			formFieldPath: `form.${e.fieldKey}`
 		})).id };
 	}
-	return /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(d, { children: /* @__PURE__ */ _(w, {
-		description: I ? `${I.template.name} · 表單 v${I.formVersion.version}` : "選擇可發起的已發布模板後填寫表單內容。",
+	return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(p, { children: /* @__PURE__ */ v(T, {
+		description: F ? `${F.template.name} · 表單 v${F.formVersion.version}` : "選擇可發起的已發布模板後填寫表單內容。",
 		title: "發起簽核",
-		children: I ? /* @__PURE__ */ _(u, {
-			disabled: K || J,
-			icon: T,
+		children: F ? /* @__PURE__ */ v(f, {
+			disabled: G || q,
+			icon: E,
 			iconType: "leading",
-			onClick: ae,
+			onClick: ce,
 			variant: "base-primary",
 			children: "送出"
 		}) : null
-	}) }), /* @__PURE__ */ _(p, { children: /* @__PURE__ */ _(f, { children: /* @__PURE__ */ v("div", {
-		style: A,
+	}) }), /* @__PURE__ */ v(h, { children: /* @__PURE__ */ v(m, { children: /* @__PURE__ */ y("div", {
+		style: re,
 		children: [
-			H ? /* @__PURE__ */ _(h, {
+			V ? /* @__PURE__ */ v(g, {
 				color: "text-error",
 				variant: "body",
-				children: H
+				children: V
 			}) : null,
-			K ? /* @__PURE__ */ _(h, {
+			G ? /* @__PURE__ */ v(g, {
 				color: "text-neutral",
 				variant: "body",
 				children: "載入中..."
 			}) : null,
-			I ? /* @__PURE__ */ _(a, {
+			F && Z ? /* @__PURE__ */ v(s, {
 				dataSourceContext: {
 					kind: "runtime",
-					templateId: I.template.id
+					templateId: F.template.id
 				},
-				errors: W,
+				errors: U,
 				maxWidth: 480,
 				onChange: (e) => {
-					z(e), G({});
+					R(e), W({});
 				},
-				onDataSourceStateChange: Q,
-				onUploadAttachment: oe,
-				schema: I.formVersion.schema,
+				onDataSourceStateChange: ie,
+				onUploadAttachment: le,
+				schema: Z,
 				singleColumn: !0,
-				uiSchema: I.formVersion.uiSchema,
-				value: R
+				uiSchema: F.formVersion.uiSchema,
+				value: L
 			}) : null,
-			!F && !K ? $.length > 0 ? /* @__PURE__ */ _(m, {
-				actions: ne,
-				columns: te,
-				dataSource: $,
+			!P && !G ? Q.length > 0 ? /* @__PURE__ */ v(te, {
+				actions: oe,
+				columns: ae,
+				dataSource: Q,
 				fullWidth: !0
-			}) : /* @__PURE__ */ _(h, {
+			}) : /* @__PURE__ */ v(g, {
 				color: "text-neutral",
 				variant: "body",
 				children: "目前沒有可發起的已發布模板。"
@@ -185,20 +186,20 @@ function M({ templateId: o }) {
 		]
 	}) }) })] });
 }
-function N() {
-	return /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(d, { children: /* @__PURE__ */ _(w, {
+function M() {
+	return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(p, { children: /* @__PURE__ */ v(T, {
 		description: "選擇可發起的已發布模板後填寫表單內容。",
 		title: "發起簽核"
-	}) }), /* @__PURE__ */ _(p, { children: /* @__PURE__ */ _(f, { children: /* @__PURE__ */ _(h, {
+	}) }), /* @__PURE__ */ v(h, { children: /* @__PURE__ */ v(m, { children: /* @__PURE__ */ v(g, {
 		color: "text-neutral",
 		variant: "body",
 		children: "載入中..."
 	}) }) })] });
 }
-function P(e) {
-	return O(e) || (e instanceof Error ? e.message : "發生未知錯誤");
+function N(e) {
+	return k(e) || (e instanceof Error ? e.message : "發生未知錯誤");
 }
 //#endregion
-export { j as InstanceNewView };
+export { A as InstanceNewView };
 
 //# sourceMappingURL=index.js.map

package/dist/views/instances/new/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Fragment","useRouterAdapter","useAuth","formatDateTime","readFormDataSourceSubmissionBlockMessage","FormRenderer","Fragment$1","ContentHeader","FORM_SECTION_STYLE","InstanceNewView","Suspense","NewApprovalInstanceLoading","NewApprovalInstanceContent","props","templateIdProp","router","routes","useBPMRoutes","currentMemberId","member","templateId","context","setContext","useState","formValues","setFormValues","templates","setTemplates","error","setError","formErrors","setFormErrors","loading","setLoading","submitting","setSubmitting","dataSourceStates","setDataSourceStates","handleDataSourceStateChange","useCallback","currentState","currentStates","fieldKey","state","refreshContext","refreshTemplates","rows","useMemo","template","columns","tableActions","record","listLaunchableTemplates","requestError","readErrorMessage","readLaunchContext","nextTemplateId","handleSubmit","dataSourceBlockMessage","submittedValues","buildFormRendererValues","validation","validateFormRendererValues","focusFormRendererField","instanceId","submitApprovalInstance","readFormDataCaseTitle","handleUploadAttachment","uploadAttachment","field","PageHeader","Button","CheckedIcon","SectionGroup","Section","Typography","values","Table","readFormDataSourceErrorMessage"],"sources":["../../../../src/views/instances/new/InstanceNewView.tsx"],"sourcesContent":["'use client';\n\nimport {\n  CSSProperties,\n  ReactElement,\n  Suspense,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport {\n  Button,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Table,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { CheckedIcon } from '@mezzanine-ui/icons';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport { FormFieldDefinition } from '@rytass/bpm-core-shared/form';\nimport {\n  buildFormRendererValues,\n  focusFormRendererField,\n  FormRendererValues,\n  readFormDataSourceErrorMessage,\n  validateFormRendererValues,\n} from '@rytass/bpm-core-client/form';\nimport {\n  LaunchContext,\n  LaunchableTemplateRecord,\n  listLaunchableTemplates,\n  readFormDataCaseTitle,\n  readLaunchContext,\n  submitApprovalInstance,\n  uploadAttachment,\n} from '@rytass/bpm-core-client/workflow';\nimport { formatDateTime } from '../../../lib/format-date-time';\nimport { useAuth } from '../../../lib/auth-provider';\nimport { useRouterAdapter } from '../../../lib/router-adapter';\nimport { useBPMRoutes } from '../../../lib/routes-config';\nimport { FormRenderer } from '../../forms/renderer/FormRendererView';\nimport {\n  readFormDataSourceSubmissionBlockMessage,\n  type FormDataSourceFieldState,\n} from '../../forms/renderer/form-data-source-field';\n\nconst FORM_SECTION_STYLE: CSSProperties = {\n  display: 'grid',\n  gap: 16,\n};\n\ntype LaunchableTemplateRow = Readonly<\n  Record<string, unknown> &\n    LaunchableTemplateRecord & {\n      key: string;\n      versionLabel: string;\n    }\n>;\n\nexport interface InstanceNewViewProps {\n  /**\n   * Optional template id pre-selected by the host. The Server Component\n   * page should read `?templateId=` from its `searchParams` and pass the\n   * value through this prop.\n   */\n  readonly templateId?: string | null;\n}\n\n/**\n * Framework-agnostic view for the BPM \"發起簽核\" launch page. Mechanical port\n * of `apps/client/src/app/instances/new/page.tsx` — picks a launchable\n * template and submits the launch form.\n */\nexport function InstanceNewView(\n  props: InstanceNewViewProps = {},\n): ReactElement {\n  return (\n    <Suspense fallback={<NewApprovalInstanceLoading />}>\n      <NewApprovalInstanceContent templateId={props.templateId ?? undefined} />\n    </Suspense>\n  );\n}\n\nfunction NewApprovalInstanceContent({\n  templateId: templateIdProp,\n}: {\n  readonly templateId?: string;\n}): ReactElement {\n  const router = useRouterAdapter();\n  const routes = useBPMRoutes();\n  const { member } = useAuth();\n  const currentMemberId = member?.memberId ?? null;\n  const templateId = templateIdProp ?? null;\n  const [context, setContext] = useState<LaunchContext | null>(null);\n  const [formValues, setFormValues] = useState<FormRendererValues>({});\n  const [templates, setTemplates] = useState<\n    readonly LaunchableTemplateRecord[]\n  >([]);\n  const [error, setError] = useState<string | null>(null);\n  const [formErrors, setFormErrors] = useState<\n    Readonly<Record<string, string>>\n  >({});\n  const [loading, setLoading] = useState(true);\n  const [submitting, setSubmitting] = useState(false);\n  const [dataSourceStates, setDataSourceStates] = useState<\n    Readonly<\n      Record<string, Pick<FormDataSourceFieldState, 'hasValue' | 'status'>>\n    >\n  >({});\n\n  const handleDataSourceStateChange = useCallback(\n    (\n      fieldKey: string,\n      state: Pick<\n        FormDataSourceFieldState,\n        'hasValue' | 'invalidValues' | 'status'\n      >,\n    ): void => {\n      setDataSourceStates((currentStates) => {\n        const currentState = currentStates[fieldKey];\n\n        if (\n          currentState?.hasValue === state.hasValue &&\n          currentState.status === state.status\n        ) {\n          return currentStates;\n        }\n\n        return {\n          ...currentStates,\n          [fieldKey]: {\n            hasValue: state.hasValue,\n            status: state.status,\n          },\n        };\n      });\n    },\n    [],\n  );\n\n  useEffect((): void => {\n    if (!templateId) {\n      void refreshTemplates();\n\n      return;\n    }\n\n    void refreshContext(templateId);\n  }, [templateId]);\n\n  const rows = useMemo(\n    (): LaunchableTemplateRow[] =>\n      templates.map((template) => ({\n        ...template,\n        key: template.id,\n        updatedAt: formatDateTime(template.updatedAt),\n        versionLabel: `v${template.version}`,\n      })),\n    [templates],\n  );\n  const columns = useMemo(\n    (): TableColumn<LaunchableTemplateRow>[] => [\n      { dataIndex: 'name', key: 'name', title: '模板名稱', width: 240 },\n      {\n        dataIndex: 'versionLabel',\n        key: 'versionLabel',\n        title: '發布版本',\n        width: 120,\n      },\n      {\n        dataIndex: 'updatedAt',\n        key: 'updatedAt',\n        title: '更新時間',\n        width: 220,\n      },\n    ],\n    [],\n  );\n  const tableActions = useMemo(\n    (): TableActions<LaunchableTemplateRow> => ({\n      render: (\n        record,\n      ): ReturnType<TableActions<LaunchableTemplateRow>['render']> => [\n        {\n          name: '發起',\n          onClick: (): void =>\n            router.push(routes.caseNew(record.id)),\n          variant: 'base-primary',\n        },\n      ],\n      variant: 'base-secondary',\n      width: 88,\n    }),\n    [router],\n  );\n\n  async function refreshTemplates(): Promise<void> {\n    setLoading(true);\n    setError(null);\n    setContext(null);\n    setDataSourceStates({});\n\n    try {\n      setTemplates(await listLaunchableTemplates());\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  async function refreshContext(nextTemplateId: string): Promise<void> {\n    setLoading(true);\n    setError(null);\n    setTemplates([]);\n    setDataSourceStates({});\n\n    try {\n      setContext(await readLaunchContext(nextTemplateId));\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  async function handleSubmit(): Promise<void> {\n    if (!context || !currentMemberId) {\n      return;\n    }\n\n    setSubmitting(true);\n    setError(null);\n    setFormErrors({});\n\n    const dataSourceBlockMessage = readFormDataSourceSubmissionBlockMessage(\n      Object.values(dataSourceStates),\n    );\n\n    if (dataSourceBlockMessage) {\n      setError(dataSourceBlockMessage);\n      setSubmitting(false);\n\n      return;\n    }\n\n    // What the renderer shows, not just what has been touched: a table seeds\n    // its `minRows` rows and a field can carry a `defaultValue`, and neither\n    // reaches this state until the filler edits something. Validating and\n    // submitting the raw state would reject a table the user can plainly see\n    // rows in — and submit a default the backend never receives.\n    const submittedValues = buildFormRendererValues(\n      context.formVersion.schema.fields,\n      formValues,\n    );\n    const validation = validateFormRendererValues({\n      schema: context.formVersion.schema,\n      uiSchema: context.formVersion.uiSchema,\n      values: submittedValues,\n    });\n\n    if (!validation.valid) {\n      setFormErrors(validation.errors);\n      setError('請先補齊必填欄位。');\n\n      if (validation.firstInvalidFieldKey) {\n        focusFormRendererField(validation.firstInvalidFieldKey);\n      }\n\n      setSubmitting(false);\n\n      return;\n    }\n\n    try {\n      const instanceId = await submitApprovalInstance({\n        formData: submittedValues,\n        initiatorMemberId: currentMemberId,\n        templateId: context.template.id,\n        title: readFormDataCaseTitle({\n          fallbackTitle: context.template.name,\n          formData: submittedValues,\n          schema: context.formVersion.schema,\n          uiSchema: context.formVersion.uiSchema,\n        }),\n      });\n\n      router.push(routes.caseDetail(instanceId));\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setSubmitting(false);\n    }\n  }\n\n  async function handleUploadAttachment(\n    field: FormFieldDefinition,\n    file: File,\n  ): Promise<{ readonly id: string }> {\n    if (!currentMemberId) {\n      throw new Error('尚未登入，無法上傳附件');\n    }\n\n    const attachment = await uploadAttachment({\n      file,\n      formFieldPath: `form.${field.fieldKey}`,\n    });\n\n    return { id: attachment.id };\n  }\n\n  return (\n    <>\n        <PageHeader>\n          <ContentHeader\n            description={\n              context\n                ? `${context.template.name} · 表單 v${context.formVersion.version}`\n                : '選擇可發起的已發布模板後填寫表單內容。'\n            }\n            title=\"發起簽核\"\n          >\n            {context ? (\n              <Button\n                disabled={loading || submitting}\n                icon={CheckedIcon}\n                iconType=\"leading\"\n                onClick={handleSubmit}\n                variant=\"base-primary\"\n              >\n                送出\n              </Button>\n            ) : null}\n          </ContentHeader>\n        </PageHeader>\n\n        <SectionGroup>\n          <Section>\n            <div style={FORM_SECTION_STYLE}>\n              {error ? (\n                <Typography color=\"text-error\" variant=\"body\">\n                  {error}\n                </Typography>\n              ) : null}\n\n              {loading ? (\n                <Typography color=\"text-neutral\" variant=\"body\">\n                  載入中...\n                </Typography>\n              ) : null}\n\n              {context ? (\n                <FormRenderer\n                  dataSourceContext={{\n                    kind: 'runtime',\n                    templateId: context.template.id,\n                  }}\n                  errors={formErrors}\n                  maxWidth={480}\n                  onChange={(values): void => {\n                    setFormValues(values);\n                    setFormErrors({});\n                  }}\n                  onDataSourceStateChange={handleDataSourceStateChange}\n                  onUploadAttachment={handleUploadAttachment}\n                  schema={context.formVersion.schema}\n                  singleColumn\n                  uiSchema={context.formVersion.uiSchema}\n                  value={formValues}\n                />\n              ) : null}\n\n              {!templateId && !loading ? (\n                rows.length > 0 ? (\n                  <Table\n                    actions={tableActions}\n                    columns={columns}\n                    dataSource={rows}\n                    fullWidth\n                  />\n                ) : (\n                  <Typography color=\"text-neutral\" variant=\"body\">\n                    目前沒有可發起的已發布模板。\n                  </Typography>\n                )\n              ) : null}\n            </div>\n          </Section>\n        </SectionGroup>\n      </>\n  );\n}\n\nfunction NewApprovalInstanceLoading(): ReactElement {\n  return (\n    <>\n        <PageHeader>\n          <ContentHeader\n            description=\"選擇可發起的已發布模板後填寫表單內容。\"\n            title=\"發起簽核\"\n          />\n        </PageHeader>\n\n        <SectionGroup>\n          <Section>\n            <Typography color=\"text-neutral\" variant=\"body\">\n              載入中...\n            </Typography>\n          </Section>\n        </SectionGroup>\n      </>\n  );\n}\n\nfunction readErrorMessage(error: unknown): string {\n  // DataSource failures arrive as stable codes so the backend never leaks\n  // upstream transport detail; translate them instead of showing the raw code.\n  const dataSourceMessage = readFormDataSourceErrorMessage(error);\n\n  if (dataSourceMessage) {\n    return dataSourceMessage;\n  }\n\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_Fragment","useRouterAdapter","useAuth","formatDateTime","readApplicantFormSchema","readApplicantSubmission","FormRenderer","Fragment$1","ContentHeader","FORM_SECTION_STYLE","InstanceNewView","Suspense","NewApprovalInstanceLoading","NewApprovalInstanceContent","props","templateIdProp","router","routes","useBPMRoutes","currentMemberId","member","templateId","context","setContext","useState","formValues","setFormValues","templates","setTemplates","error","setError","formErrors","setFormErrors","loading","setLoading","submitting","setSubmitting","dataSourceStates","setDataSourceStates","applicantSchema","useMemo","handleDataSourceStateChange","useCallback","currentState","currentStates","fieldKey","state","refreshContext","refreshTemplates","rows","template","columns","tableActions","record","listLaunchableTemplates","requestError","readErrorMessage","readLaunchContext","nextTemplateId","handleSubmit","dataSourceBlockMessage","readFormDataSourceSubmissionBlockMessage","submittedValues","buildFormRendererValues","validation","validateFormRendererValues","focusFormRendererField","instanceId","submitApprovalInstance","readFormDataCaseTitle","handleUploadAttachment","uploadAttachment","field","PageHeader","Button","CheckedIcon","SectionGroup","Section","Typography","values","Table","readFormDataSourceErrorMessage"],"sources":["../../../../src/views/instances/new/InstanceNewView.tsx"],"sourcesContent":["'use client';\n\nimport {\n  CSSProperties,\n  ReactElement,\n  Suspense,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport {\n  Button,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Table,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { CheckedIcon } from '@mezzanine-ui/icons';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport { FormFieldDefinition } from '@rytass/bpm-core-shared/form';\nimport {\n  buildFormRendererValues,\n  focusFormRendererField,\n  FormRendererValues,\n  readFormDataSourceErrorMessage,\n  validateFormRendererValues,\n} from '@rytass/bpm-core-client/form';\nimport {\n  LaunchContext,\n  LaunchableTemplateRecord,\n  listLaunchableTemplates,\n  readFormDataCaseTitle,\n  readLaunchContext,\n  submitApprovalInstance,\n  uploadAttachment,\n} from '@rytass/bpm-core-client/workflow';\nimport {\n  readApplicantFormSchema,\n  readApplicantSubmission,\n} from '../approver-filled-form';\nimport { formatDateTime } from '../../../lib/format-date-time';\nimport { useAuth } from '../../../lib/auth-provider';\nimport { useRouterAdapter } from '../../../lib/router-adapter';\nimport { useBPMRoutes } from '../../../lib/routes-config';\nimport { FormRenderer } from '../../forms/renderer/FormRendererView';\nimport {\n  readFormDataSourceSubmissionBlockMessage,\n  type FormDataSourceFieldState,\n} from '../../forms/renderer/form-data-source-field';\n\nconst FORM_SECTION_STYLE: CSSProperties = {\n  display: 'grid',\n  gap: 16,\n};\n\ntype LaunchableTemplateRow = Readonly<\n  Record<string, unknown> &\n    LaunchableTemplateRecord & {\n      key: string;\n      versionLabel: string;\n    }\n>;\n\nexport interface InstanceNewViewProps {\n  /**\n   * Optional template id pre-selected by the host. The Server Component\n   * page should read `?templateId=` from its `searchParams` and pass the\n   * value through this prop.\n   */\n  readonly templateId?: string | null;\n}\n\n/**\n * Framework-agnostic view for the BPM \"發起簽核\" launch page. Mechanical port\n * of `apps/client/src/app/instances/new/page.tsx` — picks a launchable\n * template and submits the launch form.\n */\nexport function InstanceNewView(\n  props: InstanceNewViewProps = {},\n): ReactElement {\n  return (\n    <Suspense fallback={<NewApprovalInstanceLoading />}>\n      <NewApprovalInstanceContent templateId={props.templateId ?? undefined} />\n    </Suspense>\n  );\n}\n\nfunction NewApprovalInstanceContent({\n  templateId: templateIdProp,\n}: {\n  readonly templateId?: string;\n}): ReactElement {\n  const router = useRouterAdapter();\n  const routes = useBPMRoutes();\n  const { member } = useAuth();\n  const currentMemberId = member?.memberId ?? null;\n  const templateId = templateIdProp ?? null;\n  const [context, setContext] = useState<LaunchContext | null>(null);\n  const [formValues, setFormValues] = useState<FormRendererValues>({});\n  const [templates, setTemplates] = useState<\n    readonly LaunchableTemplateRecord[]\n  >([]);\n  const [error, setError] = useState<string | null>(null);\n  const [formErrors, setFormErrors] = useState<\n    Readonly<Record<string, string>>\n  >({});\n  const [loading, setLoading] = useState(true);\n  const [submitting, setSubmitting] = useState(false);\n  const [dataSourceStates, setDataSourceStates] = useState<\n    Readonly<\n      Record<string, Pick<FormDataSourceFieldState, 'hasValue' | 'status'>>\n    >\n  >({});\n\n  // The form the applicant sees: approver-filled fields are not theirs to fill\n  // (the server drops them), so they are left out of everything below.\n  const applicantSchema = useMemo(\n    () =>\n      context\n        ? readApplicantFormSchema(\n            context.formVersion.schema,\n            context.templateVersion.workflowDefinition,\n          )\n        : null,\n    [context],\n  );\n\n  const handleDataSourceStateChange = useCallback(\n    (\n      fieldKey: string,\n      state: Pick<\n        FormDataSourceFieldState,\n        'hasValue' | 'invalidValues' | 'status'\n      >,\n    ): void => {\n      setDataSourceStates((currentStates) => {\n        const currentState = currentStates[fieldKey];\n\n        if (\n          currentState?.hasValue === state.hasValue &&\n          currentState.status === state.status\n        ) {\n          return currentStates;\n        }\n\n        return {\n          ...currentStates,\n          [fieldKey]: {\n            hasValue: state.hasValue,\n            status: state.status,\n          },\n        };\n      });\n    },\n    [],\n  );\n\n  useEffect((): void => {\n    if (!templateId) {\n      void refreshTemplates();\n\n      return;\n    }\n\n    void refreshContext(templateId);\n  }, [templateId]);\n\n  const rows = useMemo(\n    (): LaunchableTemplateRow[] =>\n      templates.map((template) => ({\n        ...template,\n        key: template.id,\n        updatedAt: formatDateTime(template.updatedAt),\n        versionLabel: `v${template.version}`,\n      })),\n    [templates],\n  );\n  const columns = useMemo(\n    (): TableColumn<LaunchableTemplateRow>[] => [\n      { dataIndex: 'name', key: 'name', title: '模板名稱', width: 240 },\n      {\n        dataIndex: 'versionLabel',\n        key: 'versionLabel',\n        title: '發布版本',\n        width: 120,\n      },\n      {\n        dataIndex: 'updatedAt',\n        key: 'updatedAt',\n        title: '更新時間',\n        width: 220,\n      },\n    ],\n    [],\n  );\n  const tableActions = useMemo(\n    (): TableActions<LaunchableTemplateRow> => ({\n      render: (\n        record,\n      ): ReturnType<TableActions<LaunchableTemplateRow>['render']> => [\n        {\n          name: '發起',\n          onClick: (): void =>\n            router.push(routes.caseNew(record.id)),\n          variant: 'base-primary',\n        },\n      ],\n      variant: 'base-secondary',\n      width: 88,\n    }),\n    [router],\n  );\n\n  async function refreshTemplates(): Promise<void> {\n    setLoading(true);\n    setError(null);\n    setContext(null);\n    setDataSourceStates({});\n\n    try {\n      setTemplates(await listLaunchableTemplates());\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  async function refreshContext(nextTemplateId: string): Promise<void> {\n    setLoading(true);\n    setError(null);\n    setTemplates([]);\n    setDataSourceStates({});\n\n    try {\n      setContext(await readLaunchContext(nextTemplateId));\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  async function handleSubmit(): Promise<void> {\n    if (!context || !applicantSchema || !currentMemberId) {\n      return;\n    }\n\n    setSubmitting(true);\n    setError(null);\n    setFormErrors({});\n\n    const dataSourceBlockMessage = readFormDataSourceSubmissionBlockMessage(\n      Object.values(dataSourceStates),\n    );\n\n    if (dataSourceBlockMessage) {\n      setError(dataSourceBlockMessage);\n      setSubmitting(false);\n\n      return;\n    }\n\n    // What the renderer shows, not just what has been touched: a table seeds\n    // its `minRows` rows and a field can carry a `defaultValue`, and neither\n    // reaches this state until the filler edits something. Validating and\n    // submitting the raw state would reject a table the user can plainly see\n    // rows in — and submit a default the backend never receives.\n    const submittedValues = readApplicantSubmission(\n      buildFormRendererValues(applicantSchema.fields, formValues),\n      context.templateVersion.workflowDefinition,\n    );\n    const validation = validateFormRendererValues({\n      schema: applicantSchema,\n      uiSchema: context.formVersion.uiSchema,\n      values: submittedValues,\n    });\n\n    if (!validation.valid) {\n      setFormErrors(validation.errors);\n      setError('請先補齊必填欄位。');\n\n      if (validation.firstInvalidFieldKey) {\n        focusFormRendererField(validation.firstInvalidFieldKey);\n      }\n\n      setSubmitting(false);\n\n      return;\n    }\n\n    try {\n      const instanceId = await submitApprovalInstance({\n        formData: submittedValues,\n        initiatorMemberId: currentMemberId,\n        templateId: context.template.id,\n        title: readFormDataCaseTitle({\n          fallbackTitle: context.template.name,\n          formData: submittedValues,\n          schema: applicantSchema,\n          uiSchema: context.formVersion.uiSchema,\n        }),\n      });\n\n      router.push(routes.caseDetail(instanceId));\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setSubmitting(false);\n    }\n  }\n\n  async function handleUploadAttachment(\n    field: FormFieldDefinition,\n    file: File,\n  ): Promise<{ readonly id: string }> {\n    if (!currentMemberId) {\n      throw new Error('尚未登入，無法上傳附件');\n    }\n\n    const attachment = await uploadAttachment({\n      file,\n      formFieldPath: `form.${field.fieldKey}`,\n    });\n\n    return { id: attachment.id };\n  }\n\n  return (\n    <>\n        <PageHeader>\n          <ContentHeader\n            description={\n              context\n                ? `${context.template.name} · 表單 v${context.formVersion.version}`\n                : '選擇可發起的已發布模板後填寫表單內容。'\n            }\n            title=\"發起簽核\"\n          >\n            {context ? (\n              <Button\n                disabled={loading || submitting}\n                icon={CheckedIcon}\n                iconType=\"leading\"\n                onClick={handleSubmit}\n                variant=\"base-primary\"\n              >\n                送出\n              </Button>\n            ) : null}\n          </ContentHeader>\n        </PageHeader>\n\n        <SectionGroup>\n          <Section>\n            <div style={FORM_SECTION_STYLE}>\n              {error ? (\n                <Typography color=\"text-error\" variant=\"body\">\n                  {error}\n                </Typography>\n              ) : null}\n\n              {loading ? (\n                <Typography color=\"text-neutral\" variant=\"body\">\n                  載入中...\n                </Typography>\n              ) : null}\n\n              {context && applicantSchema ? (\n                <FormRenderer\n                  dataSourceContext={{\n                    kind: 'runtime',\n                    templateId: context.template.id,\n                  }}\n                  errors={formErrors}\n                  maxWidth={480}\n                  onChange={(values): void => {\n                    setFormValues(values);\n                    setFormErrors({});\n                  }}\n                  onDataSourceStateChange={handleDataSourceStateChange}\n                  onUploadAttachment={handleUploadAttachment}\n                  schema={applicantSchema}\n                  singleColumn\n                  uiSchema={context.formVersion.uiSchema}\n                  value={formValues}\n                />\n              ) : null}\n\n              {!templateId && !loading ? (\n                rows.length > 0 ? (\n                  <Table\n                    actions={tableActions}\n                    columns={columns}\n                    dataSource={rows}\n                    fullWidth\n                  />\n                ) : (\n                  <Typography color=\"text-neutral\" variant=\"body\">\n                    目前沒有可發起的已發布模板。\n                  </Typography>\n                )\n              ) : null}\n            </div>\n          </Section>\n        </SectionGroup>\n      </>\n  );\n}\n\nfunction NewApprovalInstanceLoading(): ReactElement {\n  return (\n    <>\n        <PageHeader>\n          <ContentHeader\n            description=\"選擇可發起的已發布模板後填寫表單內容。\"\n            title=\"發起簽核\"\n          />\n        </PageHeader>\n\n        <SectionGroup>\n          <Section>\n            <Typography color=\"text-neutral\" variant=\"body\">\n              載入中...\n            </Typography>\n          </Section>\n        </SectionGroup>\n      </>\n  );\n}\n\nfunction readErrorMessage(error: unknown): string {\n  // DataSource failures arrive as stable codes so the backend never leaks\n  // upstream transport detail; translate them instead of showing the raw code.\n  const dataSourceMessage = readFormDataSourceErrorMessage(error);\n\n  if (dataSourceMessage) {\n    return dataSourceMessage;\n  }\n\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n"],"mappings":"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"}

package/dist/views/instances/viewer-field-access.d.cts

@@ -0,0 +1,22 @@
+import { ResolvedFieldAccess } from '@rytass/bpm-core-shared';
+import { ActivityLogRecord, ApprovalInstanceRecord, TaskRecord } from '@rytass/bpm-core-client/workflow';
+/**
+ * The nodes that have produced a non-ad-hoc task (docs/08 §8.3): every
+ * `TASK_CREATED` whose task is not ad hoc. The task decides, not the log
+ * payload — the original task reopened after a refused pre-approval carries an
+ * `adhocDirectiveId` too, yet it is the node's own task. A log whose task is
+ * not in `tasks` is skipped, since nothing tells whether it was ad hoc.
+ */
+export declare function readRevealedNodeIds(activityLogs: readonly ActivityLogRecord[], tasks: readonly TaskRecord[]): ReadonlySet<string>;
+/**
+ * What the viewer may see and edit per top-level form field (ADR 20 §3.3).
+ * `actingTask` is the task the viewer may act on now, or `null` for the
+ * applicant, an administrator or a closed instance, who get the revealed
+ * fields read-only and nothing else editable.
+ */
+export declare function readViewerFieldAccess({ activityLogs, actingTask, instance, tasks, }: {
+    readonly activityLogs: readonly ActivityLogRecord[];
+    readonly actingTask: TaskRecord | null;
+    readonly instance: Pick<ApprovalInstanceRecord, 'formDefinitionSnapshot' | 'workflowSnapshot'>;
+    readonly tasks: readonly TaskRecord[];
+}): Readonly<Record<string, ResolvedFieldAccess>>;

package/dist/views/instances/viewer-field-access.d.ts

@@ -0,0 +1,22 @@
+import { ResolvedFieldAccess } from '@rytass/bpm-core-shared';
+import { ActivityLogRecord, ApprovalInstanceRecord, TaskRecord } from '@rytass/bpm-core-client/workflow';
+/**
+ * The nodes that have produced a non-ad-hoc task (docs/08 §8.3): every
+ * `TASK_CREATED` whose task is not ad hoc. The task decides, not the log
+ * payload — the original task reopened after a refused pre-approval carries an
+ * `adhocDirectiveId` too, yet it is the node's own task. A log whose task is
+ * not in `tasks` is skipped, since nothing tells whether it was ad hoc.
+ */
+export declare function readRevealedNodeIds(activityLogs: readonly ActivityLogRecord[], tasks: readonly TaskRecord[]): ReadonlySet<string>;
+/**
+ * What the viewer may see and edit per top-level form field (ADR 20 §3.3).
+ * `actingTask` is the task the viewer may act on now, or `null` for the
+ * applicant, an administrator or a closed instance, who get the revealed
+ * fields read-only and nothing else editable.
+ */
+export declare function readViewerFieldAccess({ activityLogs, actingTask, instance, tasks, }: {
+    readonly activityLogs: readonly ActivityLogRecord[];
+    readonly actingTask: TaskRecord | null;
+    readonly instance: Pick<ApprovalInstanceRecord, 'formDefinitionSnapshot' | 'workflowSnapshot'>;
+    readonly tasks: readonly TaskRecord[];
+}): Readonly<Record<string, ResolvedFieldAccess>>;

package/dist/views/templates/compose/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/compose-DOEaPfEC.cjs");exports.EMPTY_COMPOSE_FORM_SCHEMA=e.n,exports.EMPTY_COMPOSE_FORM_UI_SCHEMA=e.r,exports.TemplateComposeWizardView=e.t,exports.useTemplateComposeWizard=e.i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/compose-DjEJi5Dv.cjs");exports.EMPTY_COMPOSE_FORM_SCHEMA=e.n,exports.EMPTY_COMPOSE_FORM_UI_SCHEMA=e.r,exports.TemplateComposeWizardView=e.t,exports.useTemplateComposeWizard=e.i;

package/dist/views/templates/compose/index.js

@@ -1 +1 @@
-export { n as EMPTY_COMPOSE_FORM_SCHEMA, r as EMPTY_COMPOSE_FORM_UI_SCHEMA, t as TemplateComposeWizardView, i as useTemplateComposeWizard } from "../../../chunks/compose-v1Vcw9hE.js";
+export { n as EMPTY_COMPOSE_FORM_SCHEMA, r as EMPTY_COMPOSE_FORM_UI_SCHEMA, t as TemplateComposeWizardView, i as useTemplateComposeWizard } from "../../../chunks/compose-WekGZj74.js";

package/dist/views/templates/designer/field-access-matrix/FieldAccessMatrixDrawer.d.cts

@@ -0,0 +1,33 @@
+import { ReactElement } from 'react';
+import { FieldAccessChoice, FieldAccessMatrixEntry } from '@rytass/bpm-core-shared';
+import { FormDefinitionSchema } from '@rytass/bpm-core-shared/form';
+import { WorkflowDefinition } from '@rytass/bpm-core-shared/workflow';
+import { BPMLanguage } from '../../../../lib/language-provider.cjs';
+export interface FieldAccessMatrixDrawerProps {
+    readonly definition: WorkflowDefinition;
+    readonly formSchema: FormDefinitionSchema | null;
+    readonly language: BPMLanguage;
+    /**
+     * Called with the whole matrix, only when it differs from `definition`.
+     * Answers why it could not be applied, or `null` once it was.
+     */
+    readonly onApply: (entries: readonly FieldAccessMatrixEntry[]) => string | null;
+    readonly onClose: () => void;
+    readonly open: boolean;
+}
+/** Sets one cell of the draft; `DEFAULT` removes its entry. */
+export declare function updateFieldAccessDraft(entries: readonly FieldAccessMatrixEntry[], nodeId: string, fieldKey: string, choice: FieldAccessChoice): readonly FieldAccessMatrixEntry[];
+/**
+ * The cells edited in the drawer (`draft` against `initial`), laid onto the
+ * entries the flow holds now. An undo or an assistant edit made while the
+ * drawer was open keeps every cell the drawer did not touch, and a node that
+ * stopped being a user task meanwhile is dropped.
+ */
+export declare function rebaseFieldAccessDraft(current: readonly FieldAccessMatrixEntry[], initial: readonly FieldAccessMatrixEntry[], draft: readonly FieldAccessMatrixEntry[], userTaskIds: ReadonlySet<string>): readonly FieldAccessMatrixEntry[];
+/**
+ * The 欄位與關卡總覽 (ADR 20 §3.3): one row per form field, one column per
+ * user task in flow order, edited as a draft and written in one
+ * `setFieldAccessMatrix` on 套用. The checks are recomputed from the draft
+ * with the publish lint's own rules, so a conflict shows before applying.
+ */
+export declare function FieldAccessMatrixDrawer({ definition, formSchema, language, onApply, onClose, open, }: FieldAccessMatrixDrawerProps): ReactElement;