@rytass/bpm-core-react 0.16.2 → 0.17.1

package/dist/views/templates/designer/designer-version-labels.d.cts

@@ -0,0 +1,12 @@
+/**
+ * Header line of the designer. A published template version is named
+ * explicitly because the bound form's own version sits right below it, and a
+ * reader seeing only "v1" there takes it for the template's version.
+ */
+export declare function readTemplateVersionDescription(input: {
+    draftVersion: number | null;
+    hasPublishedVersion: boolean;
+    publishedVersion: number | null;
+}): string;
+/** The bound form's version, labelled so it is not mistaken for the template's. */
+export declare function readFormVersionLabel(formName: string, version: number): string;

package/dist/views/templates/designer/dry-run-assignee-label.d.cts

@@ -0,0 +1,28 @@
+type NamedRecord = Readonly<{
+    id: string;
+    name: string;
+}>;
+type FormFieldRecord = Readonly<{
+    fieldKey: string;
+    label: string;
+}>;
+export type DryRunAssigneeDirectory = Readonly<{
+    /** Fields of the schema the dry run samples, to name a member placeholder. */
+    formFields: readonly FormFieldRecord[];
+    /** Display name of a real member id, or `null` when it is not known. */
+    memberName: (memberId: string) => string | null;
+    orgUnits: readonly NamedRecord[];
+    positions: readonly NamedRecord[];
+}>;
+/**
+ * The dry run cannot know who a position / org-unit / manager-chain resolver
+ * would pick (that depends on the submitter and the directory at submit
+ * time), so the engine reports a `<kind>:<ids>` placeholder instead of a
+ * member id. This turns each placeholder into a sentence a template author can
+ * read; a real member id becomes the member's name, and anything else is
+ * returned untouched so an unexpected value stays visible.
+ *
+ * The placeholder shapes mirror `resolveDryRunAssigneeMemberId` in the engine.
+ */
+export declare function readDryRunAssigneeLabel(assignee: string, directory: DryRunAssigneeDirectory): string;
+export {};

package/dist/views/templates/designer/dry-run-sample-data.d.cts

@@ -0,0 +1,9 @@
+import { FormDefinitionSchema } from '@rytass/bpm-core-shared/form';
+export declare function readDryRunSampleFormData(schema: FormDefinitionSchema | null): Readonly<Record<string, unknown>>;
+/**
+ * Sample value of a member field: a placeholder the dry-run result labels as
+ * "whoever this field names", never the dry-run initiator — a real submitter
+ * picks someone else, and sampling the initiator would make a node that
+ * excludes the initiator look skipped or stopped when it would not be.
+ */
+export declare function readDryRunFormMemberPlaceholder(fieldKey: string): string;

package/dist/views/templates/designer/dynamic-form-resolver-options.d.cts

@@ -0,0 +1,35 @@
+import { FormDefinitionSchema } from '@rytass/bpm-core-shared/form';
+export type MemberFieldOption = Readonly<{
+    id: string;
+    name: string;
+    /**
+     * Set when the field can be empty at submit time (optional, hidden by a
+     * visibility rule, or a store-only hidden field); the node would then find no
+     * approver, so publishing refuses it. Still selectable, so the stored choice
+     * stays visible until the form or the node is fixed.
+     */
+    warning?: string;
+}>;
+export type DynamicFormFieldChoice = Readonly<{
+    /** What the picker offers; includes the stale stored key when there is one. */
+    options: readonly MemberFieldOption[];
+    /** Hint under the picker, or `null` when nothing needs saying. */
+    problem: string | null;
+    selected: MemberFieldOption | null;
+}>;
+export declare const NO_MEMBER_FIELD_HINT = "\u8868\u55AE\u4E2D\u6C92\u6709\u300C\u4EBA\u54E1\u9078\u64C7\u300D\u6B04\u4F4D\uFF0C\u8ACB\u5148\u5230\u8868\u55AE\u8A2D\u8A08\u52A0\u5165";
+/** Only member fields can feed a 依表單欄位指定 approver resolver. */
+export declare function readMemberFieldOptions(schema: FormDefinitionSchema | null): readonly MemberFieldOption[];
+/**
+ * The member-field picker for the 依表單欄位指定 resolver. A stored `formPath`
+ * that no longer names a member field of the bound form (the form was switched
+ * or edited, or the template came from the API) stays visible as its own
+ * option together with a warning, instead of being cleared behind the user's
+ * back — the resolver stays invalid until a real field is chosen.
+ */
+export declare function readDynamicFormFieldChoice(schema: FormDefinitionSchema | null, formPath: string): DynamicFormFieldChoice;
+/**
+ * 依表單欄位：<label>; the field key when the form does not have it (any
+ * more), and a marker when the key names something that is not a member field.
+ */
+export declare function readDynamicFormSummary(schema: FormDefinitionSchema | null, formPath: string): string;

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/designer-2YvjP_GU.cjs");exports.TemplateDesignerView=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/designer-ttAqv859.cjs");exports.TemplateDesignerView=e.t;

package/dist/views/templates/designer/index.d.cts

@@ -0,0 +1 @@
+export * from './TemplateDesignerView.cjs';

package/dist/views/templates/designer/index.d.ts

@@ -1 +1 @@
-export * from './TemplateDesignerView';
+export * from './TemplateDesignerView.js';

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

@@ -1 +1 @@
-export { t as TemplateDesignerView } from "../../../chunks/designer-B-cfiob9.js";
+export { t as TemplateDesignerView } from "../../../chunks/designer-BiywgNXs.js";

package/dist/views/templates/designer/notify-webhook-designer.d.cts

@@ -0,0 +1,74 @@
+import { FormFieldDefinition } from '@rytass/bpm-core-shared/form';
+import { NotifyWebhookBindingSource, NotifyWebhookContextPath, NotifyWebhookParameterType, NotifyWebhookTarget, WorkflowDefinition } from '@rytass/bpm-core-shared/workflow';
+import { NotifyWebhookEndpointContract } from '@rytass/bpm-core-shared/workflow-graph';
+export type NotifyWebhookBindingKind = NotifyWebhookBindingSource['kind'];
+/** The catalog fields the designer reads; a subset of the client record. */
+export interface NotifyWebhookDesignerEndpoint extends NotifyWebhookEndpointContract {
+    readonly deprecated: boolean;
+    readonly description: string | null;
+    /** Switched off by an administrator (database endpoints). */
+    readonly disabled?: boolean;
+    readonly key: string;
+    readonly label: string;
+    readonly parameters: readonly {
+        readonly description: string | null;
+        readonly key: string;
+        readonly label: string;
+        readonly required: boolean;
+        readonly type: NotifyWebhookParameterType;
+    }[];
+    /** `DATABASE` endpoints are maintained in the back office. */
+    readonly source?: 'DATABASE' | 'REGISTRY';
+    readonly version: number;
+}
+type DesignerParameter = NotifyWebhookDesignerEndpoint['parameters'][number];
+export declare const NOTIFY_WEBHOOK_CONTEXT_PATH_LABELS: Readonly<Record<NotifyWebhookContextPath, string>>;
+export declare const NOTIFY_WEBHOOK_PARAMETER_TYPE_LABELS: Readonly<Record<NotifyWebhookParameterType, string>>;
+export declare function readNotifyWebhookEndpointOptionId(endpoint: {
+    readonly key: string;
+    readonly version: number;
+}): string;
+export declare function findNotifyWebhookEndpoint(endpoints: readonly NotifyWebhookDesignerEndpoint[], reference: {
+    readonly key: string;
+    readonly version: number;
+}): NotifyWebhookDesignerEndpoint | null;
+/**
+ * The sources a parameter can take. A `CONTEXT` path is always a string, and
+ * a `CONSTANT` cannot hold a list, so those are only offered where they fit.
+ */
+export declare function readNotifyWebhookBindingKinds(type: NotifyWebhookParameterType): readonly NotifyWebhookBindingKind[];
+export declare function readCompatibleFormFields(formFields: readonly FormFieldDefinition[], type: NotifyWebhookParameterType): readonly FormFieldDefinition[];
+/** The value a binding starts with when its source kind is picked. */
+export declare function createNotifyWebhookBindingSource(kind: NotifyWebhookBindingKind, parameter: DesignerParameter, formFields: readonly FormFieldDefinition[]): NotifyWebhookBindingSource;
+/**
+ * Reads a typed constant from a text input. A number parameter takes plain
+ * decimals only (no `0x1f`, no exponent); anything else, including a number
+ * still being typed such as `1.`, stays text so the publish check can point
+ * at it instead of the input silently changing what was typed.
+ */
+export declare function readNotifyWebhookConstantValue(type: NotifyWebhookParameterType, raw: string): boolean | number | string | null;
+/**
+ * Whether the editor can render a node's `webhooks` at all. Parsed JSON is
+ * saved as a draft without the structural lint, so a hand-edited list may
+ * hold values the editor would throw on.
+ */
+export declare function isNotifyWebhookListEditable(webhooks: unknown): boolean;
+/** Sets, or with `null` removes, the binding for one parameter. */
+export declare function setNotifyWebhookBinding(target: NotifyWebhookTarget, parameter: string, from: NotifyWebhookBindingSource | null): NotifyWebhookTarget;
+/**
+ * Points a target at another endpoint, keeping the id (deliveries are keyed
+ * by it) and every binding whose parameter the new endpoint still declares
+ * with a type the bound value fits.
+ */
+export declare function switchNotifyWebhookEndpoint(target: NotifyWebhookTarget, endpoint: NotifyWebhookDesignerEndpoint, formFields: readonly FormFieldDefinition[]): NotifyWebhookTarget;
+/**
+ * The publish check the backend runs against the catalog, worded for the
+ * designer. Only structurally valid targets are checked; shape problems are
+ * already reported by the shared structural lint.
+ */
+export declare function readNotifyWebhookDesignerIssues({ definition, endpoints, formFields, }: {
+    readonly definition: WorkflowDefinition;
+    readonly endpoints: readonly NotifyWebhookDesignerEndpoint[];
+    readonly formFields: readonly FormFieldDefinition[];
+}): readonly string[];
+export {};

package/dist/views/templates/designer/position-level-options.d.cts

@@ -0,0 +1,17 @@
+import { PositionRecord } from '@rytass/bpm-core-client/organization';
+export type PositionLevelOption = Readonly<{
+    id: string;
+    name: string;
+    value: number;
+}>;
+type PositionLevelSource = Pick<PositionRecord, 'level' | 'name'>;
+/**
+ * One option per distinct position level in the directory, highest first, each
+ * labelled with the positions sitting on that level. A saved level that no
+ * position carries (positions deleted or not loaded yet) is still offered so
+ * the select never renders blank and the stored value is not silently changed.
+ */
+export declare function readMinPositionLevelOptions(positions: readonly PositionLevelSource[], currentLevel: number): readonly PositionLevelOption[];
+/** The highest level in the directory, or `1` when there are no positions. */
+export declare function readDefaultMinPositionLevel(positions: readonly PositionLevelSource[]): number;
+export {};

package/dist/views/templates/designer/use-workflow-chat.d.cts

@@ -0,0 +1,21 @@
+import { UseChatHelpers } from '@ai-sdk/react';
+import { UIMessage } from 'ai';
+import { WorkflowDesignerController } from './use-workflow-designer-controller.cjs';
+/**
+ * Connects the workflow designer chat UI to the LLM.
+ *
+ * The server route (`@rytass/bpm-core-react/next/workflow-chat-route`) advertises
+ * the workflow tools with no `execute`, so every tool call is forwarded here.
+ * `onToolCall` runs it against the same {@link WorkflowDesignerController} the UI
+ * uses — so the assistant draws on the canvas exactly as a user would — and feeds
+ * the resulting snapshot back to the model, forming the observe→act loop.
+ *
+ * All tools are dynamic on the client (their names are not statically wired into
+ * `useChat`), so we handle (not skip) `toolCall.dynamic`.
+ */
+export interface UseWorkflowChatOptions {
+    readonly controller: WorkflowDesignerController;
+    /** Chat API route. Defaults to same-origin `/api/chat`. */
+    readonly api?: string;
+}
+export declare function useWorkflowChat({ controller, api, }: UseWorkflowChatOptions): UseChatHelpers<UIMessage>;

package/dist/views/templates/designer/use-workflow-chat.d.ts

@@ -1,6 +1,6 @@
 import { UseChatHelpers } from '@ai-sdk/react';
 import { UIMessage } from 'ai';
-import { WorkflowDesignerController } from './use-workflow-designer-controller';
+import { WorkflowDesignerController } from './use-workflow-designer-controller.js';
 /**
  * Connects the workflow designer chat UI to the LLM.
  *

package/dist/views/templates/designer/use-workflow-designer-controller.d.cts

@@ -0,0 +1,41 @@
+import { WorkflowCommand, WorkflowCommandResult, WorkflowDesignerState, WorkflowMacroCommand, WorkflowDirectory, WorkflowSnapshot, WorkflowTool, WorkflowToolResult } from '@rytass/bpm-core-shared';
+import { WorkflowDefinition } from '@rytass/bpm-core-shared/workflow';
+/**
+ * Bridges the pure, framework-agnostic workflow command layer
+ * (`@rytass/bpm-core-shared`) to React. It owns the {@link WorkflowDesignerState}
+ * and is the single dispatch path through which both the designer UI and the
+ * LLM assistant mutate the workflow — guaranteeing the assistant can do exactly
+ * what a user can.
+ *
+ * The pure reducer only describes logical structure; this hook injects the
+ * pixel concern: whenever a command reports `effects.layout`, the supplied
+ * `layout` function (dagre) recomputes node positions, and `onLayout` is invoked
+ * so the host can refit the viewport.
+ */
+export interface UseWorkflowDesignerControllerOptions {
+    readonly initialState: WorkflowDesignerState;
+    /** Recompute node pixel positions (dagre) — runs after topology changes. */
+    readonly layout: (definition: WorkflowDefinition) => WorkflowDefinition;
+    /** Notified with the laid-out definition so the host can refit the viewport. */
+    readonly onLayout?: (definition: WorkflowDefinition) => void;
+    /** Org directory backing the LLM's member/org lookup query tools. */
+    readonly directory?: WorkflowDirectory;
+}
+export interface WorkflowDesignerController {
+    readonly state: WorkflowDesignerState;
+    readonly snapshot: WorkflowSnapshot;
+    /** The advertised LLM tool catalog (JSON Schema input contracts). */
+    readonly tools: readonly WorkflowTool[];
+    /** Dispatch a single primitive command. */
+    readonly dispatch: (command: WorkflowCommand) => WorkflowCommandResult;
+    /** Dispatch a high-level macro command. */
+    readonly dispatchMacro: (command: WorkflowMacroCommand) => WorkflowCommandResult;
+    /** Execute an LLM tool call by name; mutations commit + relayout. Async
+     * because directory query tools may fetch from the host. */
+    readonly executeTool: (toolName: string, input: unknown) => Promise<WorkflowToolResult>;
+    /** Replace the whole state (e.g. after loading a draft from the server). */
+    readonly replaceState: (next: WorkflowDesignerState | ((current: WorkflowDesignerState) => WorkflowDesignerState)) => void;
+    /** Imperatively read the latest committed state (avoids stale closures). */
+    readonly getState: () => WorkflowDesignerState;
+}
+export declare function useWorkflowDesignerController({ directory, initialState, layout, onLayout, }: UseWorkflowDesignerControllerOptions): WorkflowDesignerController;

package/dist/views/templates/designer/workflow-chat-drawer.d.cts

@@ -0,0 +1,16 @@
+import { ReactElement } from 'react';
+import { WorkflowDesignerController } from './use-workflow-designer-controller.cjs';
+/**
+ * Right-side AI assistant drawer for the workflow designer. Users describe the
+ * flow in natural language; the assistant draws it on the canvas by driving the
+ * shared workflow toolset through {@link useWorkflowChat}. The layout (canvas +
+ * 420px panel) is untouched — this slides over it.
+ */
+export interface WorkflowChatDrawerProps {
+    readonly controller: WorkflowDesignerController;
+    readonly open: boolean;
+    readonly onClose: () => void;
+    /** Chat API route. Defaults to same-origin `/api/chat`. */
+    readonly api?: string;
+}
+export declare function WorkflowChatDrawer({ api, controller, onClose, open, }: WorkflowChatDrawerProps): ReactElement;

package/dist/views/templates/designer/workflow-chat-drawer.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { WorkflowDesignerController } from './use-workflow-designer-controller';
+import { WorkflowDesignerController } from './use-workflow-designer-controller.js';
 /**
  * Right-side AI assistant drawer for the workflow designer. Users describe the
  * flow in natural language; the assistant draws it on the canvas by driving the

package/dist/views/templates/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/format-date-time-D-cx5M8z.cjs"),r=require("../../chunks/routes-config-C1j_vFKo.cjs"),i=require("../../chunks/categories-DjENouRm.cjs"),a=require("./versions/index.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/core/form"),d=require("@mezzanine-ui/react/ContentHeader");d=e.t(d,1);let f=require("@mezzanine-ui/icons"),p=require("@rytass/bpm-core-client/template");var m=[10,20,50],h=[{key:`ALL`,label:`全部`},{key:`PUBLISHED`,label:`已發布`},{key:`DRAFT`,label:`草稿`}],g=100;function _(){let e=t.r(),a=r.r(),[_,O]=(0,o.useState)([]),[k,A]=(0,o.useState)(C),[j,M]=(0,o.useState)([]),[N,P]=(0,o.useState)(new Set),[F,I]=(0,o.useState)(null),[L,R]=(0,o.useState)(!0),[z,B]=(0,o.useState)(1),[V,H]=(0,o.useState)(10),[U,W]=(0,o.useState)(``),[G,K]=(0,o.useState)(`ALL`),[q,J]=(0,o.useState)(0),[Y,X]=(0,o.useState)(null),Z=(0,o.useRef)(0),Q=(0,o.useCallback)(async()=>{let e=Z.current+1;Z.current=e,R(!0),I(null),P(new Set),(0,l.listLaunchableTemplates)().then(t=>{e===Z.current&&P(new Set(t.map(e=>e.id)))}).catch(()=>{e===Z.current&&P(new Set)});try{let[t,n]=await Promise.all([(0,p.listApprovalTemplatesPage)({categoryId:k.categoryId,page:z,pageSize:V,searchText:U,status:G===`ALL`?null:G}),(0,p.listApprovalTemplateCategoriesPage)({page:1,pageSize:g,searchText:``,status:`ACTIVE`})]);if(e!==Z.current)return;M([...n.categories.map(w)]),O(t.templates),J(t.totalCount)}catch(t){e===Z.current&&I(v(t))}finally{e===Z.current&&R(!1)}},[k,z,V,U,G]);(0,o.useEffect)(()=>{Q()},[Q]);let $=(0,o.useCallback)(async e=>{X(e.id),I(null);try{await(e.isActive?(0,p.deactivateApprovalTemplate)(e.id):(0,p.activateApprovalTemplate)(e.id)),await Q()}catch(e){I(v(e))}finally{X(null)}},[Q]),ee=(0,o.useMemo)(()=>_.map(e=>({...e,categoryLabel:D(e),key:e.id,status:e.currentVersionId?`PUBLISHED`:`DRAFT`,updatedAt:n.t(e.updatedAt)})),[_]),te=(0,o.useMemo)(()=>[{dataIndex:`name`,key:`name`,title:`模板名稱`,width:220},{key:`status`,render:e=>(0,c.jsx)(b,{status:e.status}),title:`狀態`,width:120},{key:`isActive`,render:e=>(0,c.jsx)(x,{isActive:e.isActive}),title:`服務狀態`,width:120},{key:`category`,render:e=>(0,c.jsx)(S,{record:e}),title:`分類`,width:160},{dataIndex:`updatedAt`,key:`updatedAt`,title:`更新時間`,width:220}],[]),ne=(0,o.useMemo)(()=>({render:t=>[{disabled:e=>!N.has(e.id),name:`發起`,onClick:()=>e.push(a.caseNew(t.id)),variant:`base-primary`},{name:`設計`,onClick:()=>e.push(a.templateDesigner(t.id))},{name:`版本`,onClick:()=>e.push(a.templateVersions(t.id))},{disabled:e=>Y===e.id,name:t.isActive?`停用`:`啟用`,onClick:e=>{$(e)},variant:t.isActive?`destructive-secondary`:`base-secondary`}],variant:`base-secondary`,width:264}),[Y,N,e,$]);return(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(s.PageHeader,{children:(0,c.jsx)(d.default,{description:`建立流程模板、維護草稿與發布版本。`,title:`簽核模板`,children:(0,c.jsx)(s.Button,{icon:f.PlusIcon,iconType:`leading`,onClick:()=>e.push(a.templateCompose()),variant:`base-primary`,children:`建立模板`})})}),(0,c.jsx)(s.SectionGroup,{children:(0,c.jsxs)(s.Section,{filterArea:(0,c.jsx)(s.FilterArea,{className:i.n.templateFilterArea,size:`sub`,children:(0,c.jsxs)(s.FilterLine,{children:[(0,c.jsx)(s.Filter,{span:3,children:(0,c.jsx)(s.FormField,{fullWidth:!0,layout:u.FormFieldLayout.VERTICAL,name:`templateSearchText`,children:(0,c.jsx)(s.Input,{fullWidth:!0,onChange:e=>{W(e.target.value),B(1)},placeholder:`關鍵字：搜尋模板名稱、分類或描述`,size:`sub`,value:U,variant:`base`})})}),(0,c.jsx)(s.Filter,{span:2,children:(0,c.jsx)(s.FormField,{fullWidth:!0,layout:u.FormFieldLayout.VERTICAL,name:`templateCategoryFilter`,children:(0,c.jsx)(s.Select,{clearable:!1,fullWidth:!0,onChange:e=>{A(T(e,j)),B(1)},options:[C,...j],placeholder:`分類`,renderValue:e=>`分類：${E(e)}`,size:`sub`,value:k})})})]})}),tab:(0,c.jsx)(s.Tab,{activeKey:G,onChange:e=>{K(y(e)),B(1)},children:h.map(e=>(0,c.jsx)(s.TabItem,{children:e.label},e.key))}),children:[F?(0,c.jsx)(s.Typography,{color:`text-error`,variant:`body`,children:F}):null,(0,c.jsx)(s.Table,{actions:ne,columns:te,dataSource:ee,fullWidth:!0,loading:L,pagination:{current:z,onChange:e=>{B(e)},onChangePageSize:e=>{B(1),H(e)},pageSize:V,pageSizeLabel:`每頁筆數`,pageSizeOptions:m,renderResultSummary:(e,t,n)=>`顯示 ${e}-${t} 筆，共 ${n} 筆`,showPageSizeOptions:!0,total:q}})]})})]})})}function v(e){return e instanceof Error?e.message:`發生未知錯誤`}function y(e){return e===`PUBLISHED`||e===`DRAFT`?e:`ALL`}function b({status:e}){return e===`PUBLISHED`?(0,c.jsx)(s.Badge,{size:`sub`,text:`已發布`,variant:`dot-success`}):(0,c.jsx)(s.Badge,{size:`sub`,text:`草稿`,variant:`dot-inactive`})}function x({isActive:e}){return e?(0,c.jsx)(s.Badge,{size:`sub`,text:`啟用中`,variant:`dot-success`}):(0,c.jsx)(s.Badge,{size:`sub`,text:`已停用`,variant:`dot-inactive`})}function S({record:e}){return e.categoryDetail?.isActive===!1?(0,c.jsx)(s.Badge,{size:`sub`,text:`${e.categoryLabel}（停用）`,variant:`dot-inactive`}):(0,c.jsx)(s.Typography,{component:`span`,variant:`body`,children:e.categoryLabel})}var C={categoryId:null,id:`ALL_CATEGORIES`,name:`全部分類`};function w(e){return{categoryId:e.id,id:e.id,name:e.name}}function T(e,t){if(!O(e))return C;let n=typeof e.id==`string`?e.id:null;return n===C.id?C:t.find(e=>e.id===n)??C}function E(e){return Array.isArray(e)||!O(e)?C.name:typeof e.name==`string`?e.name:C.name}function D(e){return e.categoryDetail?.name??e.category??`未分類`}function O(e){return typeof e==`object`&&!!e}exports.TemplateCategoriesView=i.t,exports.TemplateVersionsView=a.TemplateVersionsView,exports.TemplatesView=_;
+"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/format-date-time-D-cx5M8z.cjs"),r=require("../../chunks/routes-config-C1j_vFKo.cjs"),i=require("../../chunks/categories-AxxhqjLZ.cjs"),a=require("./versions/index.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/core/form"),d=require("@mezzanine-ui/react/ContentHeader");d=e.t(d,1);let f=require("@mezzanine-ui/icons"),p=require("@rytass/bpm-core-client/template");var m=[10,20,50],h=[{key:`ALL`,label:`全部`},{key:`PUBLISHED`,label:`已發布`},{key:`DRAFT`,label:`草稿`}],g=100;function _(){let e=t.r(),a=r.r(),[_,O]=(0,o.useState)([]),[k,A]=(0,o.useState)(C),[j,M]=(0,o.useState)([]),[N,P]=(0,o.useState)(new Set),[F,I]=(0,o.useState)(null),[L,R]=(0,o.useState)(!0),[z,B]=(0,o.useState)(1),[V,H]=(0,o.useState)(10),[U,W]=(0,o.useState)(``),[G,K]=(0,o.useState)(`ALL`),[q,J]=(0,o.useState)(0),[Y,X]=(0,o.useState)(null),Z=(0,o.useRef)(0),Q=(0,o.useCallback)(async()=>{let e=Z.current+1;Z.current=e,R(!0),I(null),P(new Set),(0,l.listLaunchableTemplates)().then(t=>{e===Z.current&&P(new Set(t.map(e=>e.id)))}).catch(()=>{e===Z.current&&P(new Set)});try{let[t,n]=await Promise.all([(0,p.listApprovalTemplatesPage)({categoryId:k.categoryId,page:z,pageSize:V,searchText:U,status:G===`ALL`?null:G}),(0,p.listApprovalTemplateCategoriesPage)({page:1,pageSize:g,searchText:``,status:`ACTIVE`})]);if(e!==Z.current)return;M([...n.categories.map(w)]),O(t.templates),J(t.totalCount)}catch(t){e===Z.current&&I(v(t))}finally{e===Z.current&&R(!1)}},[k,z,V,U,G]);(0,o.useEffect)(()=>{Q()},[Q]);let $=(0,o.useCallback)(async e=>{X(e.id),I(null);try{await(e.isActive?(0,p.deactivateApprovalTemplate)(e.id):(0,p.activateApprovalTemplate)(e.id)),await Q()}catch(e){I(v(e))}finally{X(null)}},[Q]),ee=(0,o.useMemo)(()=>_.map(e=>({...e,categoryLabel:D(e),key:e.id,status:e.currentVersionId?`PUBLISHED`:`DRAFT`,updatedAt:n.t(e.updatedAt)})),[_]),te=(0,o.useMemo)(()=>[{dataIndex:`name`,key:`name`,title:`模板名稱`,width:220},{key:`status`,render:e=>(0,c.jsx)(b,{status:e.status}),title:`狀態`,width:120},{key:`isActive`,render:e=>(0,c.jsx)(x,{isActive:e.isActive}),title:`服務狀態`,width:120},{key:`category`,render:e=>(0,c.jsx)(S,{record:e}),title:`分類`,width:160},{dataIndex:`updatedAt`,key:`updatedAt`,title:`更新時間`,width:220}],[]),ne=(0,o.useMemo)(()=>({render:t=>[{disabled:e=>!N.has(e.id),name:`發起`,onClick:()=>e.push(a.caseNew(t.id)),variant:`base-primary`},{name:`設計`,onClick:()=>e.push(a.templateDesigner(t.id))},{name:`版本`,onClick:()=>e.push(a.templateVersions(t.id))},{disabled:e=>Y===e.id,name:t.isActive?`停用`:`啟用`,onClick:e=>{$(e)},variant:t.isActive?`destructive-secondary`:`base-secondary`}],variant:`base-secondary`,width:264}),[Y,N,e,$]);return(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(s.PageHeader,{children:(0,c.jsx)(d.default,{description:`建立流程模板、維護草稿與發布版本。`,title:`簽核模板`,children:(0,c.jsx)(s.Button,{icon:f.PlusIcon,iconType:`leading`,onClick:()=>e.push(a.templateCompose()),variant:`base-primary`,children:`建立模板`})})}),(0,c.jsx)(s.SectionGroup,{children:(0,c.jsxs)(s.Section,{filterArea:(0,c.jsx)(s.FilterArea,{className:i.n.templateFilterArea,size:`sub`,children:(0,c.jsxs)(s.FilterLine,{children:[(0,c.jsx)(s.Filter,{span:3,children:(0,c.jsx)(s.FormField,{fullWidth:!0,layout:u.FormFieldLayout.VERTICAL,name:`templateSearchText`,children:(0,c.jsx)(s.Input,{fullWidth:!0,onChange:e=>{W(e.target.value),B(1)},placeholder:`關鍵字：搜尋模板名稱、分類或描述`,size:`sub`,value:U,variant:`base`})})}),(0,c.jsx)(s.Filter,{span:2,children:(0,c.jsx)(s.FormField,{fullWidth:!0,layout:u.FormFieldLayout.VERTICAL,name:`templateCategoryFilter`,children:(0,c.jsx)(s.Select,{clearable:!1,fullWidth:!0,onChange:e=>{A(T(e,j)),B(1)},options:[C,...j],placeholder:`分類`,renderValue:e=>`分類：${E(e)}`,size:`sub`,value:k})})})]})}),tab:(0,c.jsx)(s.Tab,{activeKey:G,onChange:e=>{K(y(e)),B(1)},children:h.map(e=>(0,c.jsx)(s.TabItem,{children:e.label},e.key))}),children:[F?(0,c.jsx)(s.Typography,{color:`text-error`,variant:`body`,children:F}):null,(0,c.jsx)(s.Table,{actions:ne,columns:te,dataSource:ee,fullWidth:!0,loading:L,pagination:{current:z,onChange:e=>{B(e)},onChangePageSize:e=>{B(1),H(e)},pageSize:V,pageSizeLabel:`每頁筆數`,pageSizeOptions:m,renderResultSummary:(e,t,n)=>`顯示 ${e}-${t} 筆，共 ${n} 筆`,showPageSizeOptions:!0,total:q}})]})})]})})}function v(e){return e instanceof Error?e.message:`發生未知錯誤`}function y(e){return e===`PUBLISHED`||e===`DRAFT`?e:`ALL`}function b({status:e}){return e===`PUBLISHED`?(0,c.jsx)(s.Badge,{size:`sub`,text:`已發布`,variant:`dot-success`}):(0,c.jsx)(s.Badge,{size:`sub`,text:`草稿`,variant:`dot-inactive`})}function x({isActive:e}){return e?(0,c.jsx)(s.Badge,{size:`sub`,text:`啟用中`,variant:`dot-success`}):(0,c.jsx)(s.Badge,{size:`sub`,text:`已停用`,variant:`dot-inactive`})}function S({record:e}){return e.categoryDetail?.isActive===!1?(0,c.jsx)(s.Badge,{size:`sub`,text:`${e.categoryLabel}（停用）`,variant:`dot-inactive`}):(0,c.jsx)(s.Typography,{component:`span`,variant:`body`,children:e.categoryLabel})}var C={categoryId:null,id:`ALL_CATEGORIES`,name:`全部分類`};function w(e){return{categoryId:e.id,id:e.id,name:e.name}}function T(e,t){if(!O(e))return C;let n=typeof e.id==`string`?e.id:null;return n===C.id?C:t.find(e=>e.id===n)??C}function E(e){return Array.isArray(e)||!O(e)?C.name:typeof e.name==`string`?e.name:C.name}function D(e){return e.categoryDetail?.name??e.category??`未分類`}function O(e){return typeof e==`object`&&!!e}exports.TemplateCategoriesView=i.t,exports.TemplateVersionsView=a.TemplateVersionsView,exports.TemplatesView=_;
 //# sourceMappingURL=index.cjs.map

package/dist/views/templates/index.d.cts

@@ -0,0 +1,3 @@
+export * from './TemplatesView.cjs';
+export * from './categories/index.cjs';
+export * from './versions/index.cjs';

package/dist/views/templates/index.d.ts

@@ -1,3 +1,3 @@
-export * from './TemplatesView';
-export * from './categories';
-export * from './versions';
+export * from './TemplatesView.js';
+export * from './categories/index.js';
+export * from './versions/index.js';

package/dist/views/templates/index.js

@@ -2,7 +2,7 @@
 import { r as e } from "../../chunks/router-adapter-DftlFTOd.js";
 import { t } from "../../chunks/format-date-time-CB-LxzqT.js";
 import { r as n } from "../../chunks/routes-config-yZbESPlw.js";
-import { n as ee, t as r } from "../../chunks/categories-1gKxeEqw.js";
+import { n as ee, t as r } from "../../chunks/categories-riC33J_j.js";
 import { TemplateVersionsView as i } from "./versions/index.js";
 import { useCallback as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
 import { Badge as u, Button as te, Filter as d, FilterArea as ne, FilterLine as re, FormField as f, Input as p, PageHeader as m, Section as h, SectionGroup as ie, Select as ae, Tab as oe, TabItem as se, Table as ce, Typography as g } from "@mezzanine-ui/react";

package/dist/views/templates/versions/TemplateVersionsView.d.cts

@@ -0,0 +1,5 @@
+import { ReactElement } from 'react';
+export interface TemplateVersionsViewProps {
+    readonly templateId: string;
+}
+export declare function TemplateVersionsView({ templateId, }: TemplateVersionsViewProps): ReactElement;

package/dist/views/templates/versions/index.d.cts

@@ -0,0 +1 @@
+export * from './TemplateVersionsView.cjs';

package/dist/views/templates/versions/index.d.ts

@@ -1 +1 @@
-export * from './TemplateVersionsView';
+export * from './TemplateVersionsView.js';

package/dist/views/workflow/index.d.cts

@@ -0,0 +1,4 @@
+export * from '../inbox/index.cjs';
+export * from '../sent/index.cjs';
+export * from '../cc/index.cjs';
+export * from '../search/index.cjs';

package/dist/views/workflow/index.d.ts

@@ -1,4 +1,4 @@
-export * from '../inbox';
-export * from '../sent';
-export * from '../cc';
-export * from '../search';
+export * from '../inbox/index.js';
+export * from '../sent/index.js';
+export * from '../cc/index.js';
+export * from '../search/index.js';