@rytass/bpm-core-react 0.3.0 → 0.3.1

package/dist/chunks/delegations-C5PzZ5Kn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"delegations-C5PzZ5Kn.js","names":[],"sources":["../../src/views/admin/delegations/delegations.module.scss","../../src/views/admin/delegations/AdminDelegationsView.tsx"],"sourcesContent":[".delegationModalFields {\n  display: grid;\n  gap: 12px;\n  width: 100%;\n\n  :global(.mzn-form-field--horizontal) {\n    align-items: flex-start;\n  }\n\n  :global(.mzn-form-field--horizontal .mzn-form-field__label-area) {\n    flex: 0 0 112px;\n    width: 112px;\n    min-width: 112px;\n    white-space: nowrap;\n  }\n\n  :global(.mzn-form-field--horizontal .mzn-form-field__label) {\n    flex-wrap: nowrap;\n    white-space: nowrap;\n  }\n\n  :global(.mzn-form-field--horizontal .mzn-form-field__data-entry) {\n    flex: 1 1 auto;\n    align-items: stretch;\n    min-width: 0;\n    max-width: none;\n  }\n\n  :global(.mzn-form-field__control-field-slot--main) {\n    width: 100%;\n    min-width: 0;\n  }\n\n  :global(.mzn-auto-complete) {\n    width: 100%;\n    min-width: 0;\n  }\n\n  :global(.mzn-input),\n  :global(.mzn-input-container),\n  :global(.mzn-select),\n  :global(.mzn-select-trigger),\n  :global(.mzn-text-field) {\n    width: 100%;\n    min-width: 0 !important;\n  }\n\n  :global(.mzn-select-trigger__input) {\n    width: 100%;\n    min-width: 0 !important;\n    text-overflow: ellipsis;\n  }\n}\n\n.delegationFilterArea {\n  width: calc(100vw - 272px);\n\n  :global(.mzn-filter-area__actions) {\n    display: none;\n  }\n\n  :global(.mzn-filter-area__row) {\n    align-items: flex-start;\n  }\n\n  :global(.mzn-form-field__label-area) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__control-field-slot--main) {\n    width: 100%;\n    min-width: 0;\n  }\n\n  :global(.mzn-auto-complete) {\n    width: 100%;\n  }\n}\n\n.memberNameWithTooltip {\n  cursor: help;\n  text-decoration: underline dotted;\n  text-underline-offset: 3px;\n}\n","'use client';\n\nimport {\n  ChangeEvent,\n  Key,\n  ReactElement,\n  RefCallback,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport {\n  AutoComplete,\n  Badge,\n  Button,\n  DateTimePicker,\n  Filter,\n  FilterArea,\n  FilterLine,\n  FormField,\n  Input,\n  Modal,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Select,\n  Tab,\n  TabItem,\n  Table,\n  Tooltip,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { PlusIcon } from '@mezzanine-ui/icons';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport { FormFieldLayout } from '@mezzanine-ui/core/form';\nimport { BPMFormField } from '../../../components/bpm-form-field';\nimport styles from './delegations.module.scss';\nimport { formatDateTime } from '../../../lib/format-date-time';\nimport { useAuth } from '../../../lib/auth-provider';\nimport { AppLayout } from '../../../components/app-navigation';\nimport {\n  DelegationRuleRecord,\n  DelegationRuleStatus,\n  DelegationScopeType,\n  MemberProfileRecord,\n  createDelegationRule,\n  listDelegationRulesPage,\n  revokeDelegationRule,\n  searchMembers,\n} from '@rytass/bpm-core-client/workflow';\nimport {\n  ApprovalTemplateRecord,\n  listApprovalTemplates,\n} from '@rytass/bpm-core-client/template';\n\ntype MemberOption = Readonly<{\n  displayName: string;\n  email: string | null;\n  id: string;\n  name: string;\n}>;\n\ntype TemplateOption = Readonly<{\n  id: string;\n  name: string;\n}>;\n\ntype ScopeOption = Readonly<{\n  id: DelegationScopeType;\n  name: string;\n}>;\n\ntype ScopeFilterOption = Readonly<{\n  id: 'ALL_SCOPES' | DelegationScopeType;\n  name: string;\n  scopeType: DelegationScopeType | null;\n}>;\n\ntype DelegationRuleRow = Readonly<\n  Record<string, unknown> &\n    DelegationRuleRecord & {\n      agentEmail: string | null;\n      agentName: string;\n      key: string;\n      principalEmail: string | null;\n      principalName: string;\n      scopeLabel: string;\n    }\n>;\n\nconst DELEGATION_MODAL_FIELD_LAYOUT = FormFieldLayout.HORIZONTAL;\nconst DELEGATION_PAGE_SIZE_OPTIONS = [10, 20, 50];\nconst DELEGATION_STATUS_TABS: readonly {\n  readonly key: DelegationStatusTabKey;\n  readonly label: string;\n}[] = [\n  { key: 'ALL', label: '全部' },\n  { key: 'ACTIVE', label: '啟用中' },\n  { key: 'REVOKED', label: '已撤銷' },\n  { key: 'EXPIRED', label: '已過期' },\n];\n\ntype DelegationStatusTabKey = 'ALL' | DelegationRuleStatus;\n\nconst SCOPE_OPTIONS: readonly ScopeOption[] = [\n  { id: 'ALL', name: '全部簽核' },\n  { id: 'TEMPLATE_LIST', name: '指定模板' },\n];\n\nconst SCOPE_FILTER_OPTIONS: readonly ScopeFilterOption[] = [\n  { id: 'ALL_SCOPES', name: '全部範圍', scopeType: null },\n  { id: 'ALL', name: '全部簽核', scopeType: 'ALL' },\n  { id: 'TEMPLATE_LIST', name: '指定模板', scopeType: 'TEMPLATE_LIST' },\n];\n\nexport interface AdminDelegationsViewProps {\n  readonly activeHref?: string;\n}\n\nexport function AdminDelegationsView({\n  activeHref = '/admin/delegations',\n}: AdminDelegationsViewProps = {}): ReactElement {\n  const { member } = useAuth();\n  const currentMemberId = member?.memberId ?? null;\n  const [agentMember, setAgentMember] = useState<MemberOption | null>(null);\n  const [endAt, setEndAt] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [memberLoading, setMemberLoading] = useState(false);\n  const [memberOptions, setMemberOptions] = useState<readonly MemberOption[]>(\n    [],\n  );\n  const [principalFilterMember, setPrincipalFilterMember] =\n    useState<MemberOption | null>(null);\n  const [agentFilterMember, setAgentFilterMember] =\n    useState<MemberOption | null>(null);\n  const [modalOpen, setModalOpen] = useState(false);\n  const [principalMember, setPrincipalMember] = useState<MemberOption | null>(\n    null,\n  );\n  const [priority, setPriority] = useState('100');\n  const [rulePage, setRulePage] = useState(1);\n  const [rulePageSize, setRulePageSize] = useState(10);\n  const [ruleStatus, setRuleStatus] = useState<DelegationStatusTabKey>('ALL');\n  const [ruleTotalCount, setRuleTotalCount] = useState(0);\n  const [rules, setRules] = useState<readonly DelegationRuleRecord[]>([]);\n  const [saving, setSaving] = useState(false);\n  const [scopeTemplates, setScopeTemplates] = useState<\n    readonly TemplateOption[]\n  >([]);\n  const [scopeFilterType, setScopeFilterType] = useState<ScopeFilterOption>(\n    SCOPE_FILTER_OPTIONS[0],\n  );\n  const [scopeType, setScopeType] = useState<ScopeOption>(SCOPE_OPTIONS[0]);\n  const [startAt, setStartAt] = useState('');\n  const [templateLoading, setTemplateLoading] = useState(false);\n  const [templateOptions, setTemplateOptions] = useState<\n    readonly TemplateOption[]\n  >([]);\n\n  const refreshRules = useCallback(async (): Promise<void> => {\n    setLoading(true);\n    setError(null);\n\n    try {\n      const [rulePageResult, members] = await Promise.all([\n        listDelegationRulesPage({\n          agentMemberId: agentFilterMember?.id ?? null,\n          includeInactive: true,\n          page: rulePage,\n          pageSize: rulePageSize,\n          principalMemberId: principalFilterMember?.id ?? null,\n          scopeType: scopeFilterType.scopeType,\n          status: ruleStatus === 'ALL' ? null : ruleStatus,\n        }),\n        searchMembers(''),\n      ]);\n\n      setRules(rulePageResult.rules);\n      setRuleTotalCount(rulePageResult.totalCount);\n      setMemberOptions(members.map(readMemberOption));\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [\n    agentFilterMember,\n    principalFilterMember,\n    rulePage,\n    rulePageSize,\n    ruleStatus,\n    scopeFilterType,\n  ]);\n\n  useEffect((): void => {\n    void refreshRules();\n  }, [refreshRules]);\n\n  const membersById = useMemo(\n    (): ReadonlyMap<string, MemberOption> =>\n      new Map(memberOptions.map((option) => [option.id, option])),\n    [memberOptions],\n  );\n  const rows = useMemo(\n    (): DelegationRuleRow[] =>\n      rules.map((rule) => ({\n        ...rule,\n        agentEmail: membersById.get(rule.agentMemberId)?.email ?? null,\n        agentName:\n          membersById.get(rule.agentMemberId)?.displayName ??\n          rule.agentMemberId,\n        key: rule.id,\n        principalEmail: membersById.get(rule.principalMemberId)?.email ?? null,\n        principalName:\n          membersById.get(rule.principalMemberId)?.displayName ??\n          rule.principalMemberId,\n        scopeLabel: readScopeLabel(rule),\n      })),\n    [membersById, rules],\n  );\n  const selectedScopeType =\n    SCOPE_OPTIONS.find((option) => option.id === scopeType.id) ??\n    SCOPE_OPTIONS[0];\n  const columns = useMemo(\n    (): TableColumn<DelegationRuleRow>[] => [\n      {\n        key: 'principal',\n        render: (record: DelegationRuleRow): ReactElement => (\n          <MemberNameWithEmailTooltip\n            email={record.principalEmail}\n            name={record.principalName}\n          />\n        ),\n        title: '原簽核人',\n        width: 220,\n      },\n      {\n        key: 'agent',\n        render: (record: DelegationRuleRow): ReactElement => (\n          <MemberNameWithEmailTooltip\n            email={record.agentEmail}\n            name={record.agentName}\n          />\n        ),\n        title: '代理人',\n        width: 220,\n      },\n      { dataIndex: 'scopeLabel', key: 'scope', title: '代理範圍', width: 220 },\n      {\n        key: 'status',\n        render: (record: DelegationRuleRow): ReactElement => (\n          <DelegationStatusBadge status={record.status} />\n        ),\n        title: '狀態',\n        width: 120,\n      },\n      { dataIndex: 'priority', key: 'priority', title: '優先序', width: 100 },\n      {\n        key: 'startAt',\n        render: (record: DelegationRuleRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {formatDateTime(record.startAt)}\n          </Typography>\n        ),\n        title: '開始時間',\n        width: 220,\n      },\n      {\n        key: 'endAt',\n        render: (record: DelegationRuleRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {record.endAt ? formatDateTime(record.endAt) : '-'}\n          </Typography>\n        ),\n        title: '結束時間',\n        width: 220,\n      },\n    ],\n    [],\n  );\n  const handleRevoke = useCallback(\n    async (id: string): Promise<void> => {\n      if (!currentMemberId) {\n        return;\n      }\n\n      setError(null);\n\n      try {\n        await revokeDelegationRule({\n          id,\n          revokedByMemberId: currentMemberId,\n        });\n        await refreshRules();\n      } catch (requestError: unknown) {\n        setError(readErrorMessage(requestError));\n      }\n    },\n    [currentMemberId, refreshRules],\n  );\n  const tableActions = useMemo(\n    (): TableActions<DelegationRuleRow> => ({\n      render: (\n        record,\n      ): ReturnType<TableActions<DelegationRuleRow>['render']> =>\n        record.status === 'ACTIVE'\n          ? [\n              {\n                name: '撤銷',\n                onClick: (): void => void handleRevoke(record.id),\n              },\n            ]\n          : [],\n      variant: 'destructive-secondary',\n      width: 88,\n    }),\n    [handleRevoke],\n  );\n\n  async function handleSearchMembers(searchText: string): Promise<void> {\n    setMemberLoading(true);\n\n    try {\n      setMemberOptions((await searchMembers(searchText)).map(readMemberOption));\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setMemberLoading(false);\n    }\n  }\n\n  async function handleSearchTemplates(\n    searchText: string,\n    selectedOptions: readonly TemplateOption[] = scopeTemplates,\n  ): Promise<void> {\n    setTemplateLoading(true);\n\n    try {\n      const nextOptions = (await listApprovalTemplates()).map(\n        readTemplateOption,\n      );\n\n      setTemplateOptions(\n        mergeTemplateOptions(\n          selectedOptions,\n          filterTemplateOptions(nextOptions, searchText),\n        ),\n      );\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setTemplateLoading(false);\n    }\n  }\n\n  function openCreateModal(): void {\n    setAgentMember(null);\n    setEndAt('');\n    setPrincipalMember(null);\n    setPriority('100');\n    setScopeTemplates([]);\n    setScopeType(SCOPE_OPTIONS[0]);\n    setStartAt('');\n    setTemplateOptions([]);\n    void handleSearchTemplates('', []);\n    setModalOpen(true);\n  }\n\n  function closeCreateModal(): void {\n    if (saving) {\n      return;\n    }\n\n    setModalOpen(false);\n  }\n\n  async function handleCreate(): Promise<void> {\n    if (!currentMemberId) {\n      return;\n    }\n\n    if (!principalMember || !agentMember) {\n      setError('請選擇原簽核人與代理人');\n      return;\n    }\n\n    if (selectedScopeType.id === 'TEMPLATE_LIST' && scopeTemplates.length < 1) {\n      setError('請選擇至少一個簽核模板');\n      return;\n    }\n\n    if (isInvalidDelegationDateRange(startAt, endAt)) {\n      setError('結束時間必須晚於起始時間');\n      return;\n    }\n\n    setSaving(true);\n    setError(null);\n\n    try {\n      await createDelegationRule({\n        agentMemberId: agentMember.id,\n        createdByMemberId: currentMemberId,\n        endAt: endAt || null,\n        principalMemberId: principalMember.id,\n        priority: Number(priority) || 100,\n        requiresConfirmation: false,\n        scopeConditionCel: null,\n        scopeTemplateIds:\n          selectedScopeType.id === 'TEMPLATE_LIST'\n            ? scopeTemplates.map((template) => template.id)\n            : [],\n        scopeType: selectedScopeType.id,\n        startAt: startAt || null,\n      });\n      setModalOpen(false);\n      if (rulePage === 1) {\n        await refreshRules();\n      } else {\n        setRulePage(1);\n      }\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  return (\n    <AppLayout activeHref={activeHref}>\n        <PageHeader>\n          <ContentHeader\n            description=\"設定簽核代理規則，讓符合範圍的待簽任務自動改派給代理人。\"\n            title=\"代理設定\"\n          >\n            <Button\n              icon={PlusIcon}\n              iconType=\"leading\"\n              onClick={openCreateModal}\n              variant=\"base-primary\"\n            >\n              建立代理\n            </Button>\n          </ContentHeader>\n        </PageHeader>\n\n        <SectionGroup>\n          <Section\n            filterArea={\n              <FilterArea className={styles.delegationFilterArea}>\n                <FilterLine>\n                  <Filter span={2}>\n                    <MemberAutoCompleteField\n                      hideLabel\n                      label=\"原簽核人\"\n                      loading={memberLoading}\n                      name=\"principalFilterMemberId\"\n                      onChange={(option): void => {\n                        setPrincipalFilterMember(option);\n                        setRulePage(1);\n                      }}\n                      onSearch={handleSearchMembers}\n                      options={memberOptions}\n                      required={false}\n                      layout={FormFieldLayout.VERTICAL}\n                      size=\"sub\"\n                      value={principalFilterMember}\n                    />\n                  </Filter>\n                  <Filter span={2}>\n                    <MemberAutoCompleteField\n                      hideLabel\n                      label=\"代理人\"\n                      loading={memberLoading}\n                      name=\"agentFilterMemberId\"\n                      onChange={(option): void => {\n                        setAgentFilterMember(option);\n                        setRulePage(1);\n                      }}\n                      onSearch={handleSearchMembers}\n                      options={memberOptions}\n                      required={false}\n                      layout={FormFieldLayout.VERTICAL}\n                      size=\"sub\"\n                      value={agentFilterMember}\n                    />\n                  </Filter>\n                  <Filter span={2}>\n                    <FormField\n                      fullWidth\n                      layout={FormFieldLayout.VERTICAL}\n                      name=\"scopeFilterType\"\n                    >\n                      <Select\n                        clearable={false}\n                        fullWidth\n                        onChange={(option): void => {\n                          setScopeFilterType(readScopeFilterOption(option));\n                          setRulePage(1);\n                        }}\n                        options={[...SCOPE_FILTER_OPTIONS]}\n                        placeholder=\"代理範圍\"\n                        size=\"sub\"\n                        value={scopeFilterType}\n                      />\n                    </FormField>\n                  </Filter>\n                </FilterLine>\n              </FilterArea>\n            }\n            tab={\n              <Tab\n                activeKey={ruleStatus}\n                onChange={(activeKey): void => {\n                  setRuleStatus(readDelegationStatusTabKey(activeKey));\n                  setRulePage(1);\n                }}\n              >\n                {DELEGATION_STATUS_TABS.map((statusTab) => (\n                  <TabItem key={statusTab.key}>{statusTab.label}</TabItem>\n                ))}\n              </Tab>\n            }\n          >\n            {error ? (\n              <Typography color=\"text-error\" variant=\"body\">\n                {error}\n              </Typography>\n            ) : null}\n            <Table\n              actions={tableActions}\n              columns={columns}\n              dataSource={rows}\n              fullWidth\n              loading={loading}\n              pagination={{\n                current: rulePage,\n                onChange: (page): void => {\n                  setRulePage(page);\n                },\n                onChangePageSize: (pageSize): void => {\n                  setRulePage(1);\n                  setRulePageSize(pageSize);\n                },\n                pageSize: rulePageSize,\n                pageSizeLabel: '每頁筆數',\n                pageSizeOptions: DELEGATION_PAGE_SIZE_OPTIONS,\n                renderResultSummary: (from, to, total): string =>\n                  `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n                showPageSizeOptions: true,\n                total: ruleTotalCount,\n              }}\n            />\n          </Section>\n        </SectionGroup>\n\n        <Modal\n          cancelText=\"取消\"\n          confirmButtonProps={{\n            disabled: !principalMember || !agentMember,\n          }}\n          confirmText=\"建立代理\"\n          loading={saving}\n          modalType=\"standard\"\n          onCancel={closeCreateModal}\n          onClose={closeCreateModal}\n          onConfirm={(): void => void handleCreate()}\n          open={modalOpen}\n          showModalFooter\n          showModalHeader\n          size=\"regular\"\n          supportingText=\"代理生效後，後續建立的待簽任務會依範圍自動指派。\"\n          title=\"建立代理\"\n        >\n          <div className={styles.delegationModalFields}>\n            <MemberAutoCompleteField\n              label=\"原簽核人\"\n              loading={memberLoading}\n              name=\"principalMemberId\"\n              onChange={setPrincipalMember}\n              onSearch={handleSearchMembers}\n              options={memberOptions}\n              value={principalMember}\n            />\n            <MemberAutoCompleteField\n              label=\"代理人\"\n              loading={memberLoading}\n              name=\"agentMemberId\"\n              onChange={setAgentMember}\n              onSearch={handleSearchMembers}\n              options={memberOptions}\n              value={agentMember}\n            />\n            <BPMFormField label=\"代理範圍\" name=\"scopeType\" required>\n              <Select\n                clearable={false}\n                fullWidth\n                onChange={(option): void =>\n                  setScopeType(readScopeOptionFromValue(option))\n                }\n                options={[...SCOPE_OPTIONS]}\n                value={selectedScopeType}\n              />\n            </BPMFormField>\n            {selectedScopeType.id === 'TEMPLATE_LIST' ? (\n              <BPMFormField label=\"簽核模板\" name=\"scopeTemplateIds\" required>\n                <AutoComplete\n                  asyncData\n                  disabledOptionsFilter\n                  emptyText=\"沒有符合的模板\"\n                  inputProps={{\n                    autoCapitalize: 'none',\n                    autoCorrect: 'off',\n                    name: 'scopeTemplateIds',\n                    spellCheck: false,\n                  }}\n                  loading={templateLoading}\n                  loadingText=\"搜尋模板中...\"\n                  mode=\"multiple\"\n                  onChange={(nextTemplates): void => {\n                    const selectedTemplates =\n                      readTemplateOptionsFromValue(nextTemplates);\n\n                    setScopeTemplates(selectedTemplates);\n                    setTemplateOptions((currentOptions) =>\n                      mergeTemplateOptions(selectedTemplates, currentOptions),\n                    );\n                  }}\n                  onSearch={handleSearchTemplates}\n                  onVisibilityChange={(open): void => {\n                    if (open) {\n                      void handleSearchTemplates('');\n                    }\n                  }}\n                  options={[...templateOptions]}\n                  overflowStrategy=\"wrap\"\n                  placeholder=\"搜尋並選取簽核模板\"\n                  searchDebounceTime={300}\n                  value={[...scopeTemplates]}\n                />\n              </BPMFormField>\n            ) : null}\n            <BPMFormField label=\"優先序\" name=\"priority\">\n              <Input\n                fullWidth\n                onChange={(event: ChangeEvent<HTMLInputElement>): void =>\n                  setPriority(event.target.value)\n                }\n                value={priority}\n                variant=\"base\"\n              />\n            </BPMFormField>\n            <BPMFormField label=\"起始時間\" name=\"startAt\">\n              <DateTimePicker\n                formatDate=\"YYYY-MM-DD\"\n                formatTime=\"HH:mm\"\n                fullWidth\n                hideSecond\n                onChange={(nextValue): void =>\n                  setStartAt(formatDelegationDateTimePickerValue(nextValue))\n                }\n                placeholderLeft=\"留空立即生效\"\n                placeholderRight=\"選擇時間\"\n                value={readDelegationDateTimePickerValue(startAt)}\n              />\n            </BPMFormField>\n            <BPMFormField label=\"結束時間\" name=\"endAt\">\n              <DateTimePicker\n                formatDate=\"YYYY-MM-DD\"\n                formatTime=\"HH:mm\"\n                fullWidth\n                hideSecond\n                onChange={(nextValue): void =>\n                  setEndAt(formatDelegationDateTimePickerValue(nextValue))\n                }\n                placeholderLeft=\"可留空\"\n                placeholderRight=\"選擇時間\"\n                value={readDelegationDateTimePickerValue(endAt)}\n              />\n            </BPMFormField>\n          </div>\n        </Modal>\n      </AppLayout>\n  );\n}\n\nfunction MemberAutoCompleteField({\n  hideLabel = false,\n  label,\n  layout = DELEGATION_MODAL_FIELD_LAYOUT,\n  loading,\n  name,\n  onChange,\n  onSearch,\n  options,\n  required = true,\n  size,\n  value,\n}: {\n  readonly hideLabel?: boolean;\n  readonly label: string;\n  readonly layout?: FormFieldLayout;\n  readonly loading: boolean;\n  readonly name: string;\n  readonly onChange: (option: MemberOption | null) => void;\n  readonly onSearch: (searchText: string) => Promise<void>;\n  readonly options: readonly MemberOption[];\n  readonly required?: boolean;\n  readonly size?: 'main' | 'sub';\n  readonly value: MemberOption | null;\n}): ReactElement {\n  const autoComplete = (\n    <AutoComplete\n      asyncData\n      disabledOptionsFilter\n      emptyText=\"沒有符合的成員\"\n      inputProps={{\n        autoCapitalize: 'none',\n        autoCorrect: 'off',\n        name,\n        spellCheck: false,\n      }}\n      loading={loading}\n      loadingText=\"搜尋成員中...\"\n      mode=\"single\"\n      onChange={(option): void => onChange(readMemberOptionFromValue(option))}\n      onSearch={onSearch}\n      onSearchTextChange={(searchText): void =>\n        onChange(readUniqueMemberOption(searchText, options))\n      }\n      onVisibilityChange={(open): void => {\n        if (open) {\n          void onSearch('');\n        }\n      }}\n      options={[...options]}\n      placeholder={hideLabel ? label : '搜尋姓名或信箱'}\n      searchDebounceTime={300}\n      size={size}\n      value={value}\n    />\n  );\n\n  if (hideLabel) {\n    return (\n      <FormField fullWidth layout={layout} name={name}>\n        {autoComplete}\n      </FormField>\n    );\n  }\n\n  return (\n    <BPMFormField label={label} layout={layout} name={name} required={required}>\n      {autoComplete}\n    </BPMFormField>\n  );\n}\n\nfunction readMemberOption(member: MemberProfileRecord): MemberOption {\n  return {\n    displayName: member.name,\n    email: member.email,\n    id: member.memberId,\n    name: `${member.name} · ${member.email}`,\n  };\n}\n\nfunction readMemberOptionFromValue(value: unknown): MemberOption | null {\n  if (!isRecord(value)) {\n    return null;\n  }\n\n  const id = value.id;\n  const name = value.name;\n  const email = value.email;\n  const displayName = value.displayName;\n\n  return typeof id === 'string' && typeof name === 'string'\n    ? {\n        displayName: typeof displayName === 'string' ? displayName : name,\n        email: typeof email === 'string' ? email : null,\n        id,\n        name,\n      }\n    : null;\n}\n\nfunction MemberNameWithEmailTooltip({\n  email,\n  name,\n}: {\n  readonly email: string | null;\n  readonly name: string;\n}): ReactElement {\n  if (!email) {\n    return <span>{name}</span>;\n  }\n\n  return (\n    <Tooltip title={email}>\n      {({ onMouseEnter, onMouseLeave, ref }): ReactElement => (\n        <span\n          className={styles.memberNameWithTooltip}\n          onMouseEnter={onMouseEnter}\n          onMouseLeave={onMouseLeave}\n          ref={ref as RefCallback<HTMLSpanElement>}\n        >\n          {name}\n        </span>\n      )}\n    </Tooltip>\n  );\n}\n\nfunction readUniqueMemberOption(\n  searchText: string,\n  options: readonly MemberOption[],\n): MemberOption | null {\n  const normalizedSearchText = searchText.trim().toLocaleLowerCase();\n\n  if (!normalizedSearchText) {\n    return null;\n  }\n\n  const matches = options.filter((option) =>\n    [option.id, option.name, option.email ?? ''].some((value) =>\n      value.toLocaleLowerCase().includes(normalizedSearchText),\n    ),\n  );\n\n  return matches.length === 1 ? (matches[0] ?? null) : null;\n}\n\nfunction readTemplateOption(template: ApprovalTemplateRecord): TemplateOption {\n  return {\n    id: template.id,\n    name: template.name,\n  };\n}\n\nfunction readTemplateOptionsFromValue(\n  value: readonly unknown[],\n): readonly TemplateOption[] {\n  return value.flatMap((item): readonly TemplateOption[] => {\n    if (!isRecord(item)) {\n      return [];\n    }\n\n    const id = item.id;\n    const name = item.name;\n\n    return typeof id === 'string' && typeof name === 'string'\n      ? [{ id, name }]\n      : [];\n  });\n}\n\nfunction filterTemplateOptions(\n  options: readonly TemplateOption[],\n  searchText: string,\n): readonly TemplateOption[] {\n  const normalizedSearchText = searchText.trim().toLocaleLowerCase();\n\n  if (!normalizedSearchText) {\n    return options;\n  }\n\n  return options.filter((option) =>\n    [option.id, option.name].some((value) =>\n      value.toLocaleLowerCase().includes(normalizedSearchText),\n    ),\n  );\n}\n\nfunction mergeTemplateOptions(\n  selectedOptions: readonly TemplateOption[],\n  availableOptions: readonly TemplateOption[],\n): readonly TemplateOption[] {\n  return [...selectedOptions, ...availableOptions].reduce<TemplateOption[]>(\n    (options, option) =>\n      options.some((currentOption) => currentOption.id === option.id)\n        ? options\n        : [...options, option],\n    [],\n  );\n}\n\nfunction readScopeOptionFromValue(value: unknown): ScopeOption {\n  if (!isRecord(value) || !isSelectableDelegationScopeType(value.id)) {\n    return SCOPE_OPTIONS[0];\n  }\n\n  return (\n    SCOPE_OPTIONS.find((option) => option.id === value.id) ?? SCOPE_OPTIONS[0]\n  );\n}\n\nfunction readScopeFilterOption(value: unknown): ScopeFilterOption {\n  if (!isRecord(value)) {\n    return SCOPE_FILTER_OPTIONS[0];\n  }\n\n  const id = value.id;\n\n  return (\n    SCOPE_FILTER_OPTIONS.find((option) => option.id === id) ??\n    SCOPE_FILTER_OPTIONS[0]\n  );\n}\n\nfunction isSelectableDelegationScopeType(\n  value: unknown,\n): value is ScopeOption['id'] {\n  return value === 'ALL' || value === 'TEMPLATE_LIST';\n}\n\nfunction readScopeLabel(rule: DelegationRuleRecord): string {\n  if (rule.scopeType === 'ALL') {\n    return '全部簽核';\n  }\n\n  if (rule.scopeType === 'TEMPLATE_LIST') {\n    return `指定模板：${rule.scopeTemplateIds.length}`;\n  }\n\n  return rule.scopeConditionCel ? `條件：${rule.scopeConditionCel}` : '條件式';\n}\n\nfunction DelegationStatusBadge({\n  status,\n}: {\n  readonly status: DelegationRuleRecord['status'];\n}): ReactElement {\n  if (status === 'ACTIVE') {\n    return <Badge size=\"sub\" text=\"啟用中\" variant=\"dot-success\" />;\n  }\n\n  if (status === 'REVOKED') {\n    return <Badge size=\"sub\" text=\"已撤銷\" variant=\"dot-inactive\" />;\n  }\n\n  if (status === 'EXPIRED') {\n    return <Badge size=\"sub\" text=\"已過期\" variant=\"dot-warning\" />;\n  }\n\n  return <Badge size=\"sub\" text={status} variant=\"dot-info\" />;\n}\n\nfunction readDelegationStatusTabKey(activeKey: Key): DelegationStatusTabKey {\n  if (\n    activeKey === 'ACTIVE' ||\n    activeKey === 'REVOKED' ||\n    activeKey === 'EXPIRED'\n  ) {\n    return activeKey;\n  }\n\n  return 'ALL';\n}\n\nfunction readDelegationDateTimePickerValue(value: string): string | undefined {\n  const date = value ? parseDelegationDateTimeValue(value) : null;\n\n  return date\n    ? `${formatDateParts(date)}T${padDatePart(date.getHours())}:${padDatePart(\n        date.getMinutes(),\n      )}`\n    : undefined;\n}\n\nfunction formatDelegationDateTimePickerValue(\n  value: string | undefined,\n): string {\n  const date = value ? parseDelegationDateTimeValue(value) : null;\n\n  return date ? date.toISOString() : '';\n}\n\nfunction isInvalidDelegationDateRange(startAt: string, endAt: string): boolean {\n  if (!startAt || !endAt) {\n    return false;\n  }\n\n  const startDate = parseDelegationDateTimeValue(startAt);\n  const endDate = parseDelegationDateTimeValue(endAt);\n\n  return !!startDate && !!endDate && endDate.getTime() <= startDate.getTime();\n}\n\nfunction parseDelegationDateTimeValue(value: string): Date | null {\n  if (value.endsWith('Z') || /[+-]\\d{2}:\\d{2}$/.test(value)) {\n    const parsedDate = new Date(value);\n\n    return Number.isNaN(parsedDate.getTime()) ? null : parsedDate;\n  }\n\n  const [datePart = '', timePart = '00:00'] = value.split('T');\n  const [year = 0, month = 1, day = 1] = datePart.split('-').map(Number);\n  const [hour = 0, minute = 0] = timePart.split(':').map(Number);\n  const parsedDate = new Date(year, month - 1, day, hour, minute);\n\n  return Number.isNaN(parsedDate.getTime()) ? null : parsedDate;\n}\n\nfunction formatDateParts(date: Date): string {\n  return `${date.getFullYear()}-${padDatePart(date.getMonth() + 1)}-${padDatePart(\n    date.getDate(),\n  )}`;\n}\n\nfunction padDatePart(value: number): string {\n  return String(value).padStart(2, '0');\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n\nfunction isRecord(value: unknown): value is Readonly<Record<string, unknown>> {\n  return typeof value === 'object' && value !== null;\n}\n"],"mappings":"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"}

package/dist/chunks/delegations-DOGDvybX.cjs

@@ -0,0 +1,2 @@
+"use client";require('../delegations2.css');const e=require("./app-navigation-C_mbz7jx.cjs"),t=require("./auth-provider-BV8Iiwfb.cjs"),n=require("./format-date-time-isOa3e9q.cjs"),r=require("./bpm-form-field-Bc6k4ZEO.cjs");let i=require("react"),a=require("@mezzanine-ui/react"),o=require("react/jsx-runtime"),s=require("@rytass/bpm-core-client/workflow"),c=require("@mezzanine-ui/icons"),l=require("@mezzanine-ui/react/ContentHeader");l=e.o(l,1);let u=require("@mezzanine-ui/core/form"),ee=require("@rytass/bpm-core-client/template");var d={delegationFilterArea:`bpm_delegationFilterArea_hAA4C`,delegationModalFields:`bpm_delegationModalFields_1aOVW`,memberNameWithTooltip:`bpm_memberNameWithTooltip_6Mojc`},f=u.FormFieldLayout.HORIZONTAL,te=[10,20,50],ne=[{key:`ALL`,label:`全部`},{key:`ACTIVE`,label:`啟用中`},{key:`REVOKED`,label:`已撤銷`},{key:`EXPIRED`,label:`已過期`}],p=[{id:`ALL_SCOPES`,name:`全部範圍`,scopeType:null},{id:`ALL`,name:`全部簽核`,scopeType:`ALL`},{id:`TEMPLATE_LIST`,name:`指定模板`,scopeType:`TEMPLATE_LIST`}],m=[{id:`ALL`,name:`全部簽核`},{id:`TEMPLATE_LIST`,name:`指定模板`}];function h({activeHref:f=`/delegations`}={}){let{member:h}=t.n(),_=h?.memberId??null,[v,b]=(0,i.useState)(null),[C,w]=(0,i.useState)(``),[T,D]=(0,i.useState)(null),[me,O]=(0,i.useState)(!0),[he,k]=(0,i.useState)(!1),[A,j]=(0,i.useState)([]),[ge,M]=(0,i.useState)(!1),[N,P]=(0,i.useState)(1),[F,_e]=(0,i.useState)(10),[I,ve]=(0,i.useState)(`ALL`),[ye,be]=(0,i.useState)(0),[L,xe]=(0,i.useState)([]),[R,z]=(0,i.useState)(!1),[B,Se]=(0,i.useState)(p[0]),[V,H]=(0,i.useState)([]),[Ce,U]=(0,i.useState)(m[0]),[W,G]=(0,i.useState)(``),[we,K]=(0,i.useState)(!1),[Te,q]=(0,i.useState)([]),J=(0,i.useCallback)(async()=>{if(!_){O(!1);return}O(!0),D(null);try{let[e,t]=await Promise.all([(0,s.listDelegationRulesPage)({includeInactive:!0,page:N,pageSize:F,principalMemberId:_,scopeType:B.scopeType,status:I===`ALL`?null:I}),(0,s.searchMembers)(``)]);xe(e.rules),be(e.totalCount),j(t.map(g))}catch(e){D(E(e))}finally{O(!1)}},[_,N,F,I,B]);(0,i.useEffect)(()=>{J()},[J]);let Y=(0,i.useMemo)(()=>new Map(A.map(e=>[e.id,e])),[A]),Ee=(0,i.useMemo)(()=>L.map(e=>({...e,agentEmail:Y.get(e.agentMemberId)?.email??null,agentName:Y.get(e.agentMemberId)?.displayName??e.agentMemberId,key:e.id,scopeLabel:le(e)})),[Y,L]),X=m.find(e=>e.id===Ce.id)??m[0],De=(0,i.useMemo)(()=>[{key:`agent`,render:e=>(0,o.jsx)(ie,{email:e.agentEmail,name:e.agentName}),title:`代理人`,width:220},{dataIndex:`scopeLabel`,key:`scope`,title:`代理範圍`,width:220},{key:`status`,render:e=>(0,o.jsx)(de,{status:e.status}),title:`狀態`,width:120},{key:`startAt`,render:e=>(0,o.jsx)(a.Typography,{component:`span`,variant:`body`,children:n.t(e.startAt)}),title:`開始時間`,width:220},{key:`endAt`,render:e=>(0,o.jsx)(a.Typography,{component:`span`,variant:`body`,children:e.endAt?n.t(e.endAt):`-`}),title:`結束時間`,width:220}],[]),Z=(0,i.useCallback)(async e=>{if(_){D(null);try{await(0,s.revokeDelegationRule)({id:e,revokedByMemberId:_}),await J()}catch(e){D(E(e))}}},[_,J]),Oe=(0,i.useMemo)(()=>({render:e=>e.status===`ACTIVE`?[{name:`撤銷`,onClick:()=>void Z(e.id)}]:[],variant:`destructive-secondary`,width:88}),[Z]);async function ke(e){k(!0);try{j((await(0,s.searchMembers)(e)).map(g))}catch(e){D(E(e))}finally{k(!1)}}async function Q(e,t=V){K(!0);try{q(y(t,se((await(0,ee.listApprovalTemplates)()).map(ae),e)))}catch(e){D(E(e))}finally{K(!1)}}function Ae(){b(null),w(``),H([]),U(m[0]),G(``),q([]),Q(``,[]),M(!0)}function $(){R||M(!1)}async function je(){if(_){if(!v){D(`請選擇代理人`);return}if(v.id===_){D(`代理人不可設定為自己`);return}if(X.id===`TEMPLATE_LIST`&&V.length<1){D(`請選擇至少一個簽核模板`);return}if(pe(W,C)){D(`結束時間必須晚於起始時間`);return}z(!0),D(null);try{await(0,s.createDelegationRule)({agentMemberId:v.id,createdByMemberId:_,endAt:C||null,principalMemberId:_,priority:100,requiresConfirmation:!1,scopeConditionCel:null,scopeTemplateIds:X.id===`TEMPLATE_LIST`?V.map(e=>e.id):[],scopeType:X.id,startAt:W||null}),M(!1),N===1?await J():P(1)}catch(e){D(E(e))}finally{z(!1)}}}return(0,o.jsxs)(e.t,{activeHref:f,children:[(0,o.jsx)(a.PageHeader,{children:(0,o.jsx)(l.default,{description:`設定自己的簽核代理，讓指定期間內的新待簽任務自動交由代理人處理。`,title:`我的代理`,children:(0,o.jsx)(a.Button,{icon:c.PlusIcon,iconType:`leading`,onClick:Ae,variant:`base-primary`,children:`建立代理`})})}),(0,o.jsx)(a.SectionGroup,{children:(0,o.jsxs)(a.Section,{filterArea:(0,o.jsx)(a.FilterArea,{className:d.delegationFilterArea,size:`sub`,children:(0,o.jsx)(a.FilterLine,{children:(0,o.jsx)(a.Filter,{span:2,children:(0,o.jsx)(a.FormField,{fullWidth:!0,layout:u.FormFieldLayout.VERTICAL,name:`scopeFilterType`,children:(0,o.jsx)(a.Select,{clearable:!1,fullWidth:!0,onChange:e=>{Se(ce(e)),P(1)},options:[...p],placeholder:`代理範圍`,size:`sub`,value:B})})})})}),tab:(0,o.jsx)(a.Tab,{activeKey:I,onChange:e=>{ve(fe(e)),P(1)},children:ne.map(e=>(0,o.jsx)(a.TabItem,{children:e.label},e.key))}),children:[T?(0,o.jsx)(a.Typography,{color:`text-error`,variant:`body`,children:T}):null,(0,o.jsx)(a.Table,{actions:Oe,columns:De,dataSource:Ee,fullWidth:!0,loading:me,pagination:{current:N,onChange:e=>{P(e)},onChangePageSize:e=>{P(1),_e(e)},pageSize:F,pageSizeLabel:`每頁筆數`,pageSizeOptions:te,renderResultSummary:(e,t,n)=>`顯示 ${e}-${t} 筆，共 ${n} 筆`,showPageSizeOptions:!0,total:ye}})]})}),(0,o.jsx)(a.Modal,{cancelText:`取消`,confirmButtonProps:{disabled:!v},confirmText:`建立代理`,loading:R,modalType:`standard`,onCancel:$,onClose:$,onConfirm:()=>void je(),open:ge,showModalFooter:!0,showModalHeader:!0,size:`regular`,supportingText:`代理生效後，後續建立的待簽任務會依範圍自動指派給代理人。`,title:`建立個人代理`,children:(0,o.jsxs)(`div`,{className:d.delegationModalFields,children:[(0,o.jsx)(re,{label:`代理人`,loading:he,name:`agentMemberId`,onChange:b,onSearch:ke,options:A,value:v}),(0,o.jsx)(r.t,{label:`代理範圍`,name:`scopeType`,required:!0,children:(0,o.jsx)(a.Select,{clearable:!1,fullWidth:!0,onChange:e=>U(ue(e)),options:[...m],placeholder:`選擇代理範圍`,value:X})}),X.id===`TEMPLATE_LIST`?(0,o.jsx)(r.t,{label:`簽核模板`,name:`scopeTemplateIds`,required:!0,children:(0,o.jsx)(a.AutoComplete,{asyncData:!0,disabledOptionsFilter:!0,emptyText:`沒有符合的模板`,inputProps:{autoCapitalize:`none`,autoCorrect:`off`,name:`scopeTemplateIds`,spellCheck:!1},loading:we,loadingText:`搜尋模板中...`,mode:`multiple`,onChange:e=>{let t=oe(e);H(t),q(e=>y(t,e))},onSearch:Q,onVisibilityChange:e=>{e&&Q(``)},options:[...Te],overflowStrategy:`wrap`,placeholder:`搜尋並選取簽核模板`,searchDebounceTime:300,value:[...V]})}):null,(0,o.jsx)(r.t,{label:`起始時間`,name:`startAt`,children:(0,o.jsx)(a.DateTimePicker,{formatDate:`YYYY-MM-DD`,formatTime:`HH:mm`,fullWidth:!0,hideSecond:!0,onChange:e=>G(S(e)),placeholderLeft:`留空立即生效`,placeholderRight:`選擇時間`,value:x(W)})}),(0,o.jsx)(r.t,{label:`結束時間`,name:`endAt`,children:(0,o.jsx)(a.DateTimePicker,{formatDate:`YYYY-MM-DD`,formatTime:`HH:mm`,fullWidth:!0,hideSecond:!0,onChange:e=>w(S(e)),placeholderLeft:`可留空`,placeholderRight:`選擇時間`,value:x(C)})})]})})]})}function re({label:e,loading:t,name:n,onChange:i,onSearch:s,options:c,value:l}){return(0,o.jsx)(r.t,{label:e,layout:f,name:n,required:!0,children:(0,o.jsx)(a.AutoComplete,{asyncData:!0,disabledOptionsFilter:!0,emptyText:`沒有符合的成員`,inputProps:{autoCapitalize:`none`,autoCorrect:`off`,name:n,spellCheck:!1},loading:t,loadingText:`搜尋成員中...`,mode:`single`,onChange:e=>i(_(e)),onSearch:s,onSearchTextChange:e=>i(v(e,c)),onVisibilityChange:e=>{e&&s(``)},options:[...c],placeholder:`搜尋姓名或信箱`,searchDebounceTime:300,value:l})})}function ie({email:e,name:t}){return e?(0,o.jsx)(a.Tooltip,{title:e,children:({onMouseEnter:e,onMouseLeave:n,ref:r})=>(0,o.jsx)(`span`,{className:d.memberNameWithTooltip,onMouseEnter:e,onMouseLeave:n,ref:r,children:t})}):(0,o.jsx)(`span`,{children:t})}function g(e){return{displayName:e.name,email:e.email,id:e.memberId,name:`${e.name} (${e.email})`}}function _(e){if(!D(e))return null;let t=e.displayName,n=e.email,r=e.id,i=e.name;return typeof r==`string`&&typeof i==`string`?{displayName:typeof t==`string`?t:i,email:typeof n==`string`?n:null,id:r,name:i}:null}function v(e,t){let n=e.trim().toLocaleLowerCase();if(!n)return null;let r=t.filter(e=>[e.id,e.name,e.email??``].some(e=>e.toLocaleLowerCase().includes(n)));return r.length===1?r[0]??null:null}function ae(e){return{id:e.id,name:e.name}}function oe(e){return e.flatMap(e=>{if(!D(e))return[];let t=e.id,n=e.name;return typeof t==`string`&&typeof n==`string`?[{id:t,name:n}]:[]})}function se(e,t){let n=t.trim().toLocaleLowerCase();return n?e.filter(e=>[e.id,e.name].some(e=>e.toLocaleLowerCase().includes(n))):e}function y(e,t){return[...e,...t].reduce((e,t)=>e.some(e=>e.id===t.id)?e:[...e,t],[])}function ce(e){if(!D(e))return p[0];let t=e.id;return p.find(e=>e.id===t)??p[0]}function le(e){return e.scopeType===`ALL`?`全部簽核`:e.scopeType===`TEMPLATE_LIST`?`指定模板：${e.scopeTemplateIds.length}`:e.scopeConditionCel?`條件：${e.scopeConditionCel}`:`條件式`}function ue(e){return!D(e)||!b(e.id)?m[0]:m.find(t=>t.id===e.id)??m[0]}function b(e){return e===`ALL`||e===`TEMPLATE_LIST`}function de({status:e}){return e===`ACTIVE`?(0,o.jsx)(a.Badge,{size:`sub`,text:`啟用中`,variant:`dot-success`}):e===`REVOKED`?(0,o.jsx)(a.Badge,{size:`sub`,text:`已撤銷`,variant:`dot-inactive`}):e===`EXPIRED`?(0,o.jsx)(a.Badge,{size:`sub`,text:`已過期`,variant:`dot-warning`}):(0,o.jsx)(a.Badge,{size:`sub`,text:e,variant:`dot-info`})}function fe(e){return e===`ACTIVE`||e===`REVOKED`||e===`EXPIRED`?e:`ALL`}function x(e){let t=e?C(e):null;return t?`${w(t)}T${T(t.getHours())}:${T(t.getMinutes())}`:void 0}function S(e){let t=e?C(e):null;return t?t.toISOString():``}function pe(e,t){if(!e||!t)return!1;let n=C(e),r=C(t);return!!n&&!!r&&r.getTime()<=n.getTime()}function C(e){if(e.endsWith(`Z`)||/[+-]\d{2}:\d{2}$/.test(e)){let t=new Date(e);return Number.isNaN(t.getTime())?null:t}let[t=``,n=`00:00`]=e.split(`T`),[r=0,i=1,a=1]=t.split(`-`).map(Number),[o=0,s=0]=n.split(`:`).map(Number),c=new Date(r,i-1,a,o,s);return Number.isNaN(c.getTime())?null:c}function w(e){return`${e.getFullYear()}-${T(e.getMonth()+1)}-${T(e.getDate())}`}function T(e){return String(e).padStart(2,`0`)}function E(e){return e instanceof Error?e.message:`發生未知錯誤`}function D(e){return typeof e==`object`&&!!e}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});
+//# sourceMappingURL=delegations-DOGDvybX.cjs.map

package/dist/chunks/delegations-DOGDvybX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"delegations-DOGDvybX.cjs","names":[],"sources":["../../src/views/delegations/delegations.module.scss","../../src/views/delegations/DelegationsView.tsx"],"sourcesContent":[".delegationFilterArea {\n  :global(.mzn-filter-area__actions) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__label-area) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__control-field-slot--main) {\n    width: 100%;\n    min-width: 0;\n  }\n}\n\n.delegationModalFields {\n  display: grid;\n  gap: 12px;\n  width: 100%;\n\n  :global(.mzn-form-field--horizontal) {\n    align-items: flex-start;\n  }\n\n  :global(.mzn-form-field--horizontal .mzn-form-field__label-area) {\n    flex: 0 0 112px;\n    width: 112px;\n    min-width: 112px;\n    white-space: nowrap;\n  }\n\n  :global(.mzn-form-field--horizontal .mzn-form-field__label) {\n    flex-wrap: nowrap;\n    white-space: nowrap;\n  }\n\n  :global(.mzn-form-field--horizontal .mzn-form-field__data-entry) {\n    flex: 1 1 auto;\n    align-items: stretch;\n    min-width: 0;\n    max-width: none;\n  }\n\n  :global(.mzn-form-field__control-field-slot--main) {\n    width: 100%;\n    min-width: 0;\n  }\n\n  :global(.mzn-autocomplete) {\n    width: 100%;\n    min-width: 0;\n  }\n\n  :global(.mzn-input),\n  :global(.mzn-input-container),\n  :global(.mzn-picker),\n  :global(.mzn-select),\n  :global(.mzn-select-trigger),\n  :global(.mzn-text-field) {\n    width: 100%;\n    min-width: 0 !important;\n  }\n\n  :global(.mzn-select-trigger__input) {\n    width: 100%;\n    min-width: 0 !important;\n    text-overflow: ellipsis;\n  }\n}\n\n.memberNameWithTooltip {\n  cursor: help;\n  text-decoration: underline dotted;\n  text-underline-offset: 3px;\n}\n","'use client';\n\nimport {\n  Key,\n  ReactElement,\n  RefCallback,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport {\n  AutoComplete,\n  Badge,\n  Button,\n  DateTimePicker,\n  Filter,\n  FilterArea,\n  FilterLine,\n  FormField,\n  Modal,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Select,\n  Tab,\n  TabItem,\n  Table,\n  Tooltip,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { PlusIcon } from '@mezzanine-ui/icons';\nimport { FormFieldLayout } from '@mezzanine-ui/core/form';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport { BPMFormField } from '../../components/bpm-form-field';\nimport { formatDateTime } from '../../lib/format-date-time';\nimport { AppLayout } from '../../components/app-navigation';\nimport { useAuth } from '../../lib/auth-provider';\nimport {\n  DelegationRuleRecord,\n  DelegationRuleStatus,\n  DelegationScopeType,\n  MemberProfileRecord,\n  createDelegationRule,\n  listDelegationRulesPage,\n  revokeDelegationRule,\n  searchMembers,\n} from '@rytass/bpm-core-client/workflow';\nimport {\n  ApprovalTemplateRecord,\n  listApprovalTemplates,\n} from '@rytass/bpm-core-client/template';\nimport styles from './delegations.module.scss';\n\ntype DelegationStatusTabKey = 'ALL' | DelegationRuleStatus;\n\ntype MemberOption = Readonly<{\n  displayName: string;\n  email: string | null;\n  id: string;\n  name: string;\n}>;\n\ntype ScopeOption = Readonly<{\n  id: DelegationScopeType;\n  name: string;\n}>;\n\ntype ScopeFilterOption = Readonly<{\n  id: 'ALL_SCOPES' | DelegationScopeType;\n  name: string;\n  scopeType: DelegationScopeType | null;\n}>;\n\ntype TemplateOption = Readonly<{\n  id: string;\n  name: string;\n}>;\n\ntype DelegationRuleRow = Readonly<\n  Record<string, unknown> &\n    DelegationRuleRecord & {\n      agentEmail: string | null;\n      agentName: string;\n      key: string;\n      scopeLabel: string;\n    }\n>;\n\nconst DELEGATION_MODAL_FIELD_LAYOUT = FormFieldLayout.HORIZONTAL;\nconst DELEGATION_PAGE_SIZE_OPTIONS = [10, 20, 50];\nconst DELEGATION_STATUS_TABS: readonly {\n  readonly key: DelegationStatusTabKey;\n  readonly label: string;\n}[] = [\n  { key: 'ALL', label: '全部' },\n  { key: 'ACTIVE', label: '啟用中' },\n  { key: 'REVOKED', label: '已撤銷' },\n  { key: 'EXPIRED', label: '已過期' },\n];\nconst SCOPE_FILTER_OPTIONS: readonly ScopeFilterOption[] = [\n  { id: 'ALL_SCOPES', name: '全部範圍', scopeType: null },\n  { id: 'ALL', name: '全部簽核', scopeType: 'ALL' },\n  { id: 'TEMPLATE_LIST', name: '指定模板', scopeType: 'TEMPLATE_LIST' },\n];\nconst SCOPE_OPTIONS: readonly ScopeOption[] = [\n  { id: 'ALL', name: '全部簽核' },\n  { id: 'TEMPLATE_LIST', name: '指定模板' },\n];\n\nexport interface DelegationsViewProps {\n  readonly activeHref?: string;\n}\n\nexport function DelegationsView({\n  activeHref = '/delegations',\n}: DelegationsViewProps = {}): ReactElement {\n  const { member } = useAuth();\n  const currentMemberId = member?.memberId ?? null;\n  const [agentMember, setAgentMember] = useState<MemberOption | null>(null);\n  const [endAt, setEndAt] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [memberLoading, setMemberLoading] = useState(false);\n  const [memberOptions, setMemberOptions] = useState<readonly MemberOption[]>(\n    [],\n  );\n  const [modalOpen, setModalOpen] = useState(false);\n  const [rulePage, setRulePage] = useState(1);\n  const [rulePageSize, setRulePageSize] = useState(10);\n  const [ruleStatus, setRuleStatus] = useState<DelegationStatusTabKey>('ALL');\n  const [ruleTotalCount, setRuleTotalCount] = useState(0);\n  const [rules, setRules] = useState<readonly DelegationRuleRecord[]>([]);\n  const [saving, setSaving] = useState(false);\n  const [scopeFilterType, setScopeFilterType] = useState<ScopeFilterOption>(\n    SCOPE_FILTER_OPTIONS[0],\n  );\n  const [scopeTemplates, setScopeTemplates] = useState<\n    readonly TemplateOption[]\n  >([]);\n  const [scopeType, setScopeType] = useState<ScopeOption>(SCOPE_OPTIONS[0]);\n  const [startAt, setStartAt] = useState('');\n  const [templateLoading, setTemplateLoading] = useState(false);\n  const [templateOptions, setTemplateOptions] = useState<\n    readonly TemplateOption[]\n  >([]);\n\n  const refreshRules = useCallback(async (): Promise<void> => {\n    if (!currentMemberId) {\n      setLoading(false);\n      return;\n    }\n\n    setLoading(true);\n    setError(null);\n\n    try {\n      const [rulePageResult, members] = await Promise.all([\n        listDelegationRulesPage({\n          includeInactive: true,\n          page: rulePage,\n          pageSize: rulePageSize,\n          principalMemberId: currentMemberId,\n          scopeType: scopeFilterType.scopeType,\n          status: ruleStatus === 'ALL' ? null : ruleStatus,\n        }),\n        searchMembers(''),\n      ]);\n\n      setRules(rulePageResult.rules);\n      setRuleTotalCount(rulePageResult.totalCount);\n      setMemberOptions(members.map(readMemberOption));\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [currentMemberId, rulePage, rulePageSize, ruleStatus, scopeFilterType]);\n\n  useEffect((): void => {\n    void refreshRules();\n  }, [refreshRules]);\n\n  const membersById = useMemo(\n    (): ReadonlyMap<string, MemberOption> =>\n      new Map(memberOptions.map((option) => [option.id, option])),\n    [memberOptions],\n  );\n  const rows = useMemo(\n    (): DelegationRuleRow[] =>\n      rules.map((rule) => ({\n        ...rule,\n        agentEmail: membersById.get(rule.agentMemberId)?.email ?? null,\n        agentName:\n          membersById.get(rule.agentMemberId)?.displayName ??\n          rule.agentMemberId,\n        key: rule.id,\n        scopeLabel: readScopeLabel(rule),\n      })),\n    [membersById, rules],\n  );\n  const selectedScopeType =\n    SCOPE_OPTIONS.find((option) => option.id === scopeType.id) ??\n    SCOPE_OPTIONS[0];\n  const columns = useMemo(\n    (): TableColumn<DelegationRuleRow>[] => [\n      {\n        key: 'agent',\n        render: (record: DelegationRuleRow): ReactElement => (\n          <MemberNameWithEmailTooltip\n            email={record.agentEmail}\n            name={record.agentName}\n          />\n        ),\n        title: '代理人',\n        width: 220,\n      },\n      { dataIndex: 'scopeLabel', key: 'scope', title: '代理範圍', width: 220 },\n      {\n        key: 'status',\n        render: (record: DelegationRuleRow): ReactElement => (\n          <DelegationStatusBadge status={record.status} />\n        ),\n        title: '狀態',\n        width: 120,\n      },\n      {\n        key: 'startAt',\n        render: (record: DelegationRuleRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {formatDateTime(record.startAt)}\n          </Typography>\n        ),\n        title: '開始時間',\n        width: 220,\n      },\n      {\n        key: 'endAt',\n        render: (record: DelegationRuleRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {record.endAt ? formatDateTime(record.endAt) : '-'}\n          </Typography>\n        ),\n        title: '結束時間',\n        width: 220,\n      },\n    ],\n    [],\n  );\n  const handleRevoke = useCallback(\n    async (id: string): Promise<void> => {\n      if (!currentMemberId) {\n        return;\n      }\n\n      setError(null);\n\n      try {\n        await revokeDelegationRule({\n          id,\n          revokedByMemberId: currentMemberId,\n        });\n        await refreshRules();\n      } catch (requestError: unknown) {\n        setError(readErrorMessage(requestError));\n      }\n    },\n    [currentMemberId, refreshRules],\n  );\n  const tableActions = useMemo(\n    (): TableActions<DelegationRuleRow> => ({\n      render: (\n        record,\n      ): ReturnType<TableActions<DelegationRuleRow>['render']> =>\n        record.status === 'ACTIVE'\n          ? [\n              {\n                name: '撤銷',\n                onClick: (): void => void handleRevoke(record.id),\n              },\n            ]\n          : [],\n      variant: 'destructive-secondary',\n      width: 88,\n    }),\n    [handleRevoke],\n  );\n\n  async function handleSearchMembers(searchText: string): Promise<void> {\n    setMemberLoading(true);\n\n    try {\n      setMemberOptions((await searchMembers(searchText)).map(readMemberOption));\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setMemberLoading(false);\n    }\n  }\n\n  async function handleSearchTemplates(\n    searchText: string,\n    selectedOptions: readonly TemplateOption[] = scopeTemplates,\n  ): Promise<void> {\n    setTemplateLoading(true);\n\n    try {\n      const nextOptions = (await listApprovalTemplates()).map(\n        readTemplateOption,\n      );\n\n      setTemplateOptions(\n        mergeTemplateOptions(\n          selectedOptions,\n          filterTemplateOptions(nextOptions, searchText),\n        ),\n      );\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setTemplateLoading(false);\n    }\n  }\n\n  function openCreateModal(): void {\n    setAgentMember(null);\n    setEndAt('');\n    setScopeTemplates([]);\n    setScopeType(SCOPE_OPTIONS[0]);\n    setStartAt('');\n    setTemplateOptions([]);\n    void handleSearchTemplates('', []);\n    setModalOpen(true);\n  }\n\n  function closeCreateModal(): void {\n    if (saving) {\n      return;\n    }\n\n    setModalOpen(false);\n  }\n\n  async function handleCreate(): Promise<void> {\n    if (!currentMemberId) {\n      return;\n    }\n\n    if (!agentMember) {\n      setError('請選擇代理人');\n      return;\n    }\n\n    if (agentMember.id === currentMemberId) {\n      setError('代理人不可設定為自己');\n      return;\n    }\n\n    if (selectedScopeType.id === 'TEMPLATE_LIST' && scopeTemplates.length < 1) {\n      setError('請選擇至少一個簽核模板');\n      return;\n    }\n\n    if (isInvalidDelegationDateRange(startAt, endAt)) {\n      setError('結束時間必須晚於起始時間');\n      return;\n    }\n\n    setSaving(true);\n    setError(null);\n\n    try {\n      await createDelegationRule({\n        agentMemberId: agentMember.id,\n        createdByMemberId: currentMemberId,\n        endAt: endAt || null,\n        principalMemberId: currentMemberId,\n        priority: 100,\n        requiresConfirmation: false,\n        scopeConditionCel: null,\n        scopeTemplateIds:\n          selectedScopeType.id === 'TEMPLATE_LIST'\n            ? scopeTemplates.map((template) => template.id)\n            : [],\n        scopeType: selectedScopeType.id,\n        startAt: startAt || null,\n      });\n      setModalOpen(false);\n\n      if (rulePage === 1) {\n        await refreshRules();\n      } else {\n        setRulePage(1);\n      }\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  return (\n    <AppLayout activeHref={activeHref}>\n        <PageHeader>\n          <ContentHeader\n            description=\"設定自己的簽核代理，讓指定期間內的新待簽任務自動交由代理人處理。\"\n            title=\"我的代理\"\n          >\n            <Button\n              icon={PlusIcon}\n              iconType=\"leading\"\n              onClick={openCreateModal}\n              variant=\"base-primary\"\n            >\n              建立代理\n            </Button>\n          </ContentHeader>\n        </PageHeader>\n\n        <SectionGroup>\n          <Section\n            filterArea={\n              <FilterArea className={styles.delegationFilterArea} size=\"sub\">\n                <FilterLine>\n                  <Filter span={2}>\n                    <FormField\n                      fullWidth\n                      layout={FormFieldLayout.VERTICAL}\n                      name=\"scopeFilterType\"\n                    >\n                      <Select\n                        clearable={false}\n                        fullWidth\n                        onChange={(option): void => {\n                          setScopeFilterType(readScopeFilterOption(option));\n                          setRulePage(1);\n                        }}\n                        options={[...SCOPE_FILTER_OPTIONS]}\n                        placeholder=\"代理範圍\"\n                        size=\"sub\"\n                        value={scopeFilterType}\n                      />\n                    </FormField>\n                  </Filter>\n                </FilterLine>\n              </FilterArea>\n            }\n            tab={\n              <Tab\n                activeKey={ruleStatus}\n                onChange={(activeKey): void => {\n                  setRuleStatus(readDelegationStatusTabKey(activeKey));\n                  setRulePage(1);\n                }}\n              >\n                {DELEGATION_STATUS_TABS.map((statusTab) => (\n                  <TabItem key={statusTab.key}>{statusTab.label}</TabItem>\n                ))}\n              </Tab>\n            }\n          >\n            {error ? (\n              <Typography color=\"text-error\" variant=\"body\">\n                {error}\n              </Typography>\n            ) : null}\n            <Table\n              actions={tableActions}\n              columns={columns}\n              dataSource={rows}\n              fullWidth\n              loading={loading}\n              pagination={{\n                current: rulePage,\n                onChange: (page): void => {\n                  setRulePage(page);\n                },\n                onChangePageSize: (pageSize): void => {\n                  setRulePage(1);\n                  setRulePageSize(pageSize);\n                },\n                pageSize: rulePageSize,\n                pageSizeLabel: '每頁筆數',\n                pageSizeOptions: DELEGATION_PAGE_SIZE_OPTIONS,\n                renderResultSummary: (from, to, total): string =>\n                  `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n                showPageSizeOptions: true,\n                total: ruleTotalCount,\n              }}\n            />\n          </Section>\n        </SectionGroup>\n\n        <Modal\n          cancelText=\"取消\"\n          confirmButtonProps={{\n            disabled: !agentMember,\n          }}\n          confirmText=\"建立代理\"\n          loading={saving}\n          modalType=\"standard\"\n          onCancel={closeCreateModal}\n          onClose={closeCreateModal}\n          onConfirm={(): void => void handleCreate()}\n          open={modalOpen}\n          showModalFooter\n          showModalHeader\n          size=\"regular\"\n          supportingText=\"代理生效後，後續建立的待簽任務會依範圍自動指派給代理人。\"\n          title=\"建立個人代理\"\n        >\n          <div className={styles.delegationModalFields}>\n            <MemberAutoCompleteField\n              label=\"代理人\"\n              loading={memberLoading}\n              name=\"agentMemberId\"\n              onChange={setAgentMember}\n              onSearch={handleSearchMembers}\n              options={memberOptions}\n              value={agentMember}\n            />\n            <BPMFormField label=\"代理範圍\" name=\"scopeType\" required>\n              <Select\n                clearable={false}\n                fullWidth\n                onChange={(option): void =>\n                  setScopeType(readScopeOptionFromValue(option))\n                }\n                options={[...SCOPE_OPTIONS]}\n                placeholder=\"選擇代理範圍\"\n                value={selectedScopeType}\n              />\n            </BPMFormField>\n            {selectedScopeType.id === 'TEMPLATE_LIST' ? (\n              <BPMFormField label=\"簽核模板\" name=\"scopeTemplateIds\" required>\n                <AutoComplete\n                  asyncData\n                  disabledOptionsFilter\n                  emptyText=\"沒有符合的模板\"\n                  inputProps={{\n                    autoCapitalize: 'none',\n                    autoCorrect: 'off',\n                    name: 'scopeTemplateIds',\n                    spellCheck: false,\n                  }}\n                  loading={templateLoading}\n                  loadingText=\"搜尋模板中...\"\n                  mode=\"multiple\"\n                  onChange={(nextTemplates): void => {\n                    const selectedTemplates =\n                      readTemplateOptionsFromValue(nextTemplates);\n\n                    setScopeTemplates(selectedTemplates);\n                    setTemplateOptions((currentOptions) =>\n                      mergeTemplateOptions(selectedTemplates, currentOptions),\n                    );\n                  }}\n                  onSearch={handleSearchTemplates}\n                  onVisibilityChange={(open): void => {\n                    if (open) {\n                      void handleSearchTemplates('');\n                    }\n                  }}\n                  options={[...templateOptions]}\n                  overflowStrategy=\"wrap\"\n                  placeholder=\"搜尋並選取簽核模板\"\n                  searchDebounceTime={300}\n                  value={[...scopeTemplates]}\n                />\n              </BPMFormField>\n            ) : null}\n            <BPMFormField label=\"起始時間\" name=\"startAt\">\n              <DateTimePicker\n                formatDate=\"YYYY-MM-DD\"\n                formatTime=\"HH:mm\"\n                fullWidth\n                hideSecond\n                onChange={(nextValue): void =>\n                  setStartAt(formatDelegationDateTimePickerValue(nextValue))\n                }\n                placeholderLeft=\"留空立即生效\"\n                placeholderRight=\"選擇時間\"\n                value={readDelegationDateTimePickerValue(startAt)}\n              />\n            </BPMFormField>\n            <BPMFormField label=\"結束時間\" name=\"endAt\">\n              <DateTimePicker\n                formatDate=\"YYYY-MM-DD\"\n                formatTime=\"HH:mm\"\n                fullWidth\n                hideSecond\n                onChange={(nextValue): void =>\n                  setEndAt(formatDelegationDateTimePickerValue(nextValue))\n                }\n                placeholderLeft=\"可留空\"\n                placeholderRight=\"選擇時間\"\n                value={readDelegationDateTimePickerValue(endAt)}\n              />\n            </BPMFormField>\n          </div>\n        </Modal>\n      </AppLayout>\n  );\n}\n\nfunction MemberAutoCompleteField({\n  label,\n  loading,\n  name,\n  onChange,\n  onSearch,\n  options,\n  value,\n}: {\n  readonly label: string;\n  readonly loading: boolean;\n  readonly name: string;\n  readonly onChange: (option: MemberOption | null) => void;\n  readonly onSearch: (searchText: string) => Promise<void>;\n  readonly options: readonly MemberOption[];\n  readonly value: MemberOption | null;\n}): ReactElement {\n  return (\n    <BPMFormField\n      label={label}\n      layout={DELEGATION_MODAL_FIELD_LAYOUT}\n      name={name}\n      required\n    >\n      <AutoComplete\n        asyncData\n        disabledOptionsFilter\n        emptyText=\"沒有符合的成員\"\n        inputProps={{\n          autoCapitalize: 'none',\n          autoCorrect: 'off',\n          name,\n          spellCheck: false,\n        }}\n        loading={loading}\n        loadingText=\"搜尋成員中...\"\n        mode=\"single\"\n        onChange={(option): void => onChange(readMemberOptionFromValue(option))}\n        onSearch={onSearch}\n        onSearchTextChange={(searchText): void =>\n          onChange(readUniqueMemberOption(searchText, options))\n        }\n        onVisibilityChange={(open): void => {\n          if (open) {\n            void onSearch('');\n          }\n        }}\n        options={[...options]}\n        placeholder=\"搜尋姓名或信箱\"\n        searchDebounceTime={300}\n        value={value}\n      />\n    </BPMFormField>\n  );\n}\n\nfunction MemberNameWithEmailTooltip({\n  email,\n  name,\n}: {\n  readonly email: string | null;\n  readonly name: string;\n}): ReactElement {\n  if (!email) {\n    return <span>{name}</span>;\n  }\n\n  return (\n    <Tooltip title={email}>\n      {({ onMouseEnter, onMouseLeave, ref }): ReactElement => (\n        <span\n          className={styles.memberNameWithTooltip}\n          onMouseEnter={onMouseEnter}\n          onMouseLeave={onMouseLeave}\n          ref={ref as RefCallback<HTMLSpanElement>}\n        >\n          {name}\n        </span>\n      )}\n    </Tooltip>\n  );\n}\n\nfunction readMemberOption(member: MemberProfileRecord): MemberOption {\n  return {\n    displayName: member.name,\n    email: member.email,\n    id: member.memberId,\n    name: `${member.name} (${member.email})`,\n  };\n}\n\nfunction readMemberOptionFromValue(value: unknown): MemberOption | null {\n  if (!isRecord(value)) {\n    return null;\n  }\n\n  const displayName = value.displayName;\n  const email = value.email;\n  const id = value.id;\n  const name = value.name;\n\n  return typeof id === 'string' && typeof name === 'string'\n    ? {\n        displayName: typeof displayName === 'string' ? displayName : name,\n        email: typeof email === 'string' ? email : null,\n        id,\n        name,\n      }\n    : null;\n}\n\nfunction readUniqueMemberOption(\n  searchText: string,\n  options: readonly MemberOption[],\n): MemberOption | null {\n  const normalizedSearchText = searchText.trim().toLocaleLowerCase();\n\n  if (!normalizedSearchText) {\n    return null;\n  }\n\n  const matches = options.filter((option) =>\n    [option.id, option.name, option.email ?? ''].some((value) =>\n      value.toLocaleLowerCase().includes(normalizedSearchText),\n    ),\n  );\n\n  return matches.length === 1 ? (matches[0] ?? null) : null;\n}\n\nfunction readTemplateOption(template: ApprovalTemplateRecord): TemplateOption {\n  return {\n    id: template.id,\n    name: template.name,\n  };\n}\n\nfunction readTemplateOptionsFromValue(\n  value: readonly unknown[],\n): readonly TemplateOption[] {\n  return value.flatMap((item): readonly TemplateOption[] => {\n    if (!isRecord(item)) {\n      return [];\n    }\n\n    const id = item.id;\n    const name = item.name;\n\n    return typeof id === 'string' && typeof name === 'string'\n      ? [{ id, name }]\n      : [];\n  });\n}\n\nfunction filterTemplateOptions(\n  options: readonly TemplateOption[],\n  searchText: string,\n): readonly TemplateOption[] {\n  const normalizedSearchText = searchText.trim().toLocaleLowerCase();\n\n  if (!normalizedSearchText) {\n    return options;\n  }\n\n  return options.filter((option) =>\n    [option.id, option.name].some((value) =>\n      value.toLocaleLowerCase().includes(normalizedSearchText),\n    ),\n  );\n}\n\nfunction mergeTemplateOptions(\n  selectedOptions: readonly TemplateOption[],\n  availableOptions: readonly TemplateOption[],\n): readonly TemplateOption[] {\n  return [...selectedOptions, ...availableOptions].reduce<TemplateOption[]>(\n    (options, option) =>\n      options.some((currentOption) => currentOption.id === option.id)\n        ? options\n        : [...options, option],\n    [],\n  );\n}\n\nfunction readScopeFilterOption(value: unknown): ScopeFilterOption {\n  if (!isRecord(value)) {\n    return SCOPE_FILTER_OPTIONS[0];\n  }\n\n  const id = value.id;\n\n  return (\n    SCOPE_FILTER_OPTIONS.find((option) => option.id === id) ??\n    SCOPE_FILTER_OPTIONS[0]\n  );\n}\n\nfunction readScopeLabel(rule: DelegationRuleRecord): string {\n  if (rule.scopeType === 'ALL') {\n    return '全部簽核';\n  }\n\n  if (rule.scopeType === 'TEMPLATE_LIST') {\n    return `指定模板：${rule.scopeTemplateIds.length}`;\n  }\n\n  return rule.scopeConditionCel ? `條件：${rule.scopeConditionCel}` : '條件式';\n}\n\nfunction readScopeOptionFromValue(value: unknown): ScopeOption {\n  if (!isRecord(value) || !isSelectableDelegationScopeType(value.id)) {\n    return SCOPE_OPTIONS[0];\n  }\n\n  return (\n    SCOPE_OPTIONS.find((option) => option.id === value.id) ?? SCOPE_OPTIONS[0]\n  );\n}\n\nfunction isSelectableDelegationScopeType(\n  value: unknown,\n): value is ScopeOption['id'] {\n  return value === 'ALL' || value === 'TEMPLATE_LIST';\n}\n\nfunction DelegationStatusBadge({\n  status,\n}: {\n  readonly status: DelegationRuleRecord['status'];\n}): ReactElement {\n  if (status === 'ACTIVE') {\n    return <Badge size=\"sub\" text=\"啟用中\" variant=\"dot-success\" />;\n  }\n\n  if (status === 'REVOKED') {\n    return <Badge size=\"sub\" text=\"已撤銷\" variant=\"dot-inactive\" />;\n  }\n\n  if (status === 'EXPIRED') {\n    return <Badge size=\"sub\" text=\"已過期\" variant=\"dot-warning\" />;\n  }\n\n  return <Badge size=\"sub\" text={status} variant=\"dot-info\" />;\n}\n\nfunction readDelegationStatusTabKey(activeKey: Key): DelegationStatusTabKey {\n  if (\n    activeKey === 'ACTIVE' ||\n    activeKey === 'REVOKED' ||\n    activeKey === 'EXPIRED'\n  ) {\n    return activeKey;\n  }\n\n  return 'ALL';\n}\n\nfunction readDelegationDateTimePickerValue(value: string): string | undefined {\n  const date = value ? parseDelegationDateTimeValue(value) : null;\n\n  return date\n    ? `${formatDateParts(date)}T${padDatePart(date.getHours())}:${padDatePart(\n        date.getMinutes(),\n      )}`\n    : undefined;\n}\n\nfunction formatDelegationDateTimePickerValue(\n  value: string | undefined,\n): string {\n  const date = value ? parseDelegationDateTimeValue(value) : null;\n\n  return date ? date.toISOString() : '';\n}\n\nfunction isInvalidDelegationDateRange(startAt: string, endAt: string): boolean {\n  if (!startAt || !endAt) {\n    return false;\n  }\n\n  const startDate = parseDelegationDateTimeValue(startAt);\n  const endDate = parseDelegationDateTimeValue(endAt);\n\n  return !!startDate && !!endDate && endDate.getTime() <= startDate.getTime();\n}\n\nfunction parseDelegationDateTimeValue(value: string): Date | null {\n  if (value.endsWith('Z') || /[+-]\\d{2}:\\d{2}$/.test(value)) {\n    const parsedDate = new Date(value);\n\n    return Number.isNaN(parsedDate.getTime()) ? null : parsedDate;\n  }\n\n  const [datePart = '', timePart = '00:00'] = value.split('T');\n  const [year = 0, month = 1, day = 1] = datePart.split('-').map(Number);\n  const [hour = 0, minute = 0] = timePart.split(':').map(Number);\n  const parsedDate = new Date(year, month - 1, day, hour, minute);\n\n  return Number.isNaN(parsedDate.getTime()) ? null : parsedDate;\n}\n\nfunction formatDateParts(date: Date): string {\n  return `${date.getFullYear()}-${padDatePart(date.getMonth() + 1)}-${padDatePart(\n    date.getDate(),\n  )}`;\n}\n\nfunction padDatePart(value: number): string {\n  return String(value).padStart(2, '0');\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n\nfunction isRecord(value: unknown): value is Readonly<Record<string, unknown>> {\n  return typeof value === 'object' && value !== null;\n}\n"],"mappings":"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"}

package/dist/chunks/delegations-DkDBWOQ7.cjs

@@ -0,0 +1,2 @@
+"use client";require('../delegations.css');const e=require("./app-navigation-C_mbz7jx.cjs"),t=require("./auth-provider-BV8Iiwfb.cjs"),n=require("./format-date-time-isOa3e9q.cjs"),r=require("./bpm-form-field-Bc6k4ZEO.cjs");let i=require("react"),a=require("@mezzanine-ui/react"),o=require("react/jsx-runtime"),s=require("@rytass/bpm-core-client/workflow"),c=require("@mezzanine-ui/icons"),l=require("@mezzanine-ui/react/ContentHeader");l=e.o(l,1);let u=require("@mezzanine-ui/core/form"),d=require("@rytass/bpm-core-client/template");var f={delegationModalFields:`bpm_delegationModalFields_gUlCQ`,delegationFilterArea:`bpm_delegationFilterArea_QDZkw`,memberNameWithTooltip:`bpm_memberNameWithTooltip_RggTW`},ee=u.FormFieldLayout.HORIZONTAL,p=[10,20,50],m=[{key:`ALL`,label:`全部`},{key:`ACTIVE`,label:`啟用中`},{key:`REVOKED`,label:`已撤銷`},{key:`EXPIRED`,label:`已過期`}],h=[{id:`ALL`,name:`全部簽核`},{id:`TEMPLATE_LIST`,name:`指定模板`}],g=[{id:`ALL_SCOPES`,name:`全部範圍`,scopeType:null},{id:`ALL`,name:`全部簽核`,scopeType:`ALL`},{id:`TEMPLATE_LIST`,name:`指定模板`,scopeType:`TEMPLATE_LIST`}];function _({activeHref:ee=`/admin/delegations`}={}){let{member:_}=t.n(),b=_?.memberId??null,[x,C]=(0,i.useState)(null),[E,D]=(0,i.useState)(``),[O,A]=(0,i.useState)(null),[de,fe]=(0,i.useState)(!0),[j,pe]=(0,i.useState)(!1),[M,me]=(0,i.useState)([]),[N,he]=(0,i.useState)(null),[P,ge]=(0,i.useState)(null),[_e,F]=(0,i.useState)(!1),[I,L]=(0,i.useState)(null),[R,z]=(0,i.useState)(`100`),[B,V]=(0,i.useState)(1),[H,ve]=(0,i.useState)(10),[U,ye]=(0,i.useState)(`ALL`),[be,xe]=(0,i.useState)(0),[W,Se]=(0,i.useState)([]),[Ce,we]=(0,i.useState)(!1),[G,Te]=(0,i.useState)([]),[K,Ee]=(0,i.useState)(g[0]),[De,Oe]=(0,i.useState)(h[0]),[q,ke]=(0,i.useState)(``),[Ae,je]=(0,i.useState)(!1),[Me,J]=(0,i.useState)([]),Y=(0,i.useCallback)(async()=>{fe(!0),A(null);try{let[e,t]=await Promise.all([(0,s.listDelegationRulesPage)({agentMemberId:P?.id??null,includeInactive:!0,page:B,pageSize:H,principalMemberId:N?.id??null,scopeType:K.scopeType,status:U===`ALL`?null:U}),(0,s.searchMembers)(``)]);Se(e.rules),xe(e.totalCount),me(t.map(y))}catch(e){A(k(e))}finally{fe(!1)}},[P,N,B,H,U,K]);(0,i.useEffect)(()=>{Y()},[Y]);let X=(0,i.useMemo)(()=>new Map(M.map(e=>[e.id,e])),[M]),Ne=(0,i.useMemo)(()=>W.map(e=>({...e,agentEmail:X.get(e.agentMemberId)?.email??null,agentName:X.get(e.agentMemberId)?.displayName??e.agentMemberId,key:e.id,principalEmail:X.get(e.principalMemberId)?.email??null,principalName:X.get(e.principalMemberId)?.displayName??e.principalMemberId,scopeLabel:se(e)})),[X,W]),Z=h.find(e=>e.id===De.id)??h[0],Pe=(0,i.useMemo)(()=>[{key:`principal`,render:e=>(0,o.jsx)(te,{email:e.principalEmail,name:e.principalName}),title:`原簽核人`,width:220},{key:`agent`,render:e=>(0,o.jsx)(te,{email:e.agentEmail,name:e.agentName}),title:`代理人`,width:220},{dataIndex:`scopeLabel`,key:`scope`,title:`代理範圍`,width:220},{key:`status`,render:e=>(0,o.jsx)(ce,{status:e.status}),title:`狀態`,width:120},{dataIndex:`priority`,key:`priority`,title:`優先序`,width:100},{key:`startAt`,render:e=>(0,o.jsx)(a.Typography,{component:`span`,variant:`body`,children:n.t(e.startAt)}),title:`開始時間`,width:220},{key:`endAt`,render:e=>(0,o.jsx)(a.Typography,{component:`span`,variant:`body`,children:e.endAt?n.t(e.endAt):`-`}),title:`結束時間`,width:220}],[]),Fe=(0,i.useCallback)(async e=>{if(b){A(null);try{await(0,s.revokeDelegationRule)({id:e,revokedByMemberId:b}),await Y()}catch(e){A(k(e))}}},[b,Y]),Ie=(0,i.useMemo)(()=>({render:e=>e.status===`ACTIVE`?[{name:`撤銷`,onClick:()=>void Fe(e.id)}]:[],variant:`destructive-secondary`,width:88}),[Fe]);async function Q(e){pe(!0);try{me((await(0,s.searchMembers)(e)).map(y))}catch(e){A(k(e))}finally{pe(!1)}}async function $(e,t=G){je(!0);try{J(S(t,ie((await(0,d.listApprovalTemplates)()).map(ne),e)))}catch(e){A(k(e))}finally{je(!1)}}function Le(){C(null),D(``),L(null),z(`100`),Te([]),Oe(h[0]),ke(``),J([]),$(``,[]),F(!0)}function Re(){Ce||F(!1)}async function ze(){if(b){if(!I||!x){A(`請選擇原簽核人與代理人`);return}if(Z.id===`TEMPLATE_LIST`&&G.length<1){A(`請選擇至少一個簽核模板`);return}if(ue(q,E)){A(`結束時間必須晚於起始時間`);return}we(!0),A(null);try{await(0,s.createDelegationRule)({agentMemberId:x.id,createdByMemberId:b,endAt:E||null,principalMemberId:I.id,priority:Number(R)||100,requiresConfirmation:!1,scopeConditionCel:null,scopeTemplateIds:Z.id===`TEMPLATE_LIST`?G.map(e=>e.id):[],scopeType:Z.id,startAt:q||null}),F(!1),B===1?await Y():V(1)}catch(e){A(k(e))}finally{we(!1)}}}return(0,o.jsxs)(e.t,{activeHref:ee,children:[(0,o.jsx)(a.PageHeader,{children:(0,o.jsx)(l.default,{description:`設定簽核代理規則，讓符合範圍的待簽任務自動改派給代理人。`,title:`代理設定`,children:(0,o.jsx)(a.Button,{icon:c.PlusIcon,iconType:`leading`,onClick:Le,variant:`base-primary`,children:`建立代理`})})}),(0,o.jsx)(a.SectionGroup,{children:(0,o.jsxs)(a.Section,{filterArea:(0,o.jsx)(a.FilterArea,{className:f.delegationFilterArea,children:(0,o.jsxs)(a.FilterLine,{children:[(0,o.jsx)(a.Filter,{span:2,children:(0,o.jsx)(v,{hideLabel:!0,label:`原簽核人`,loading:j,name:`principalFilterMemberId`,onChange:e=>{he(e),V(1)},onSearch:Q,options:M,required:!1,layout:u.FormFieldLayout.VERTICAL,size:`sub`,value:N})}),(0,o.jsx)(a.Filter,{span:2,children:(0,o.jsx)(v,{hideLabel:!0,label:`代理人`,loading:j,name:`agentFilterMemberId`,onChange:e=>{ge(e),V(1)},onSearch:Q,options:M,required:!1,layout:u.FormFieldLayout.VERTICAL,size:`sub`,value:P})}),(0,o.jsx)(a.Filter,{span:2,children:(0,o.jsx)(a.FormField,{fullWidth:!0,layout:u.FormFieldLayout.VERTICAL,name:`scopeFilterType`,children:(0,o.jsx)(a.Select,{clearable:!1,fullWidth:!0,onChange:e=>{Ee(oe(e)),V(1)},options:[...g],placeholder:`代理範圍`,size:`sub`,value:K})})})]})}),tab:(0,o.jsx)(a.Tab,{activeKey:U,onChange:e=>{ye(le(e)),V(1)},children:m.map(e=>(0,o.jsx)(a.TabItem,{children:e.label},e.key))}),children:[O?(0,o.jsx)(a.Typography,{color:`text-error`,variant:`body`,children:O}):null,(0,o.jsx)(a.Table,{actions:Ie,columns:Pe,dataSource:Ne,fullWidth:!0,loading:de,pagination:{current:B,onChange:e=>{V(e)},onChangePageSize:e=>{V(1),ve(e)},pageSize:H,pageSizeLabel:`每頁筆數`,pageSizeOptions:p,renderResultSummary:(e,t,n)=>`顯示 ${e}-${t} 筆，共 ${n} 筆`,showPageSizeOptions:!0,total:be}})]})}),(0,o.jsx)(a.Modal,{cancelText:`取消`,confirmButtonProps:{disabled:!I||!x},confirmText:`建立代理`,loading:Ce,modalType:`standard`,onCancel:Re,onClose:Re,onConfirm:()=>void ze(),open:_e,showModalFooter:!0,showModalHeader:!0,size:`regular`,supportingText:`代理生效後，後續建立的待簽任務會依範圍自動指派。`,title:`建立代理`,children:(0,o.jsxs)(`div`,{className:f.delegationModalFields,children:[(0,o.jsx)(v,{label:`原簽核人`,loading:j,name:`principalMemberId`,onChange:L,onSearch:Q,options:M,value:I}),(0,o.jsx)(v,{label:`代理人`,loading:j,name:`agentMemberId`,onChange:C,onSearch:Q,options:M,value:x}),(0,o.jsx)(r.t,{label:`代理範圍`,name:`scopeType`,required:!0,children:(0,o.jsx)(a.Select,{clearable:!1,fullWidth:!0,onChange:e=>Oe(ae(e)),options:[...h],value:Z})}),Z.id===`TEMPLATE_LIST`?(0,o.jsx)(r.t,{label:`簽核模板`,name:`scopeTemplateIds`,required:!0,children:(0,o.jsx)(a.AutoComplete,{asyncData:!0,disabledOptionsFilter:!0,emptyText:`沒有符合的模板`,inputProps:{autoCapitalize:`none`,autoCorrect:`off`,name:`scopeTemplateIds`,spellCheck:!1},loading:Ae,loadingText:`搜尋模板中...`,mode:`multiple`,onChange:e=>{let t=re(e);Te(t),J(e=>S(t,e))},onSearch:$,onVisibilityChange:e=>{e&&$(``)},options:[...Me],overflowStrategy:`wrap`,placeholder:`搜尋並選取簽核模板`,searchDebounceTime:300,value:[...G]})}):null,(0,o.jsx)(r.t,{label:`優先序`,name:`priority`,children:(0,o.jsx)(a.Input,{fullWidth:!0,onChange:e=>z(e.target.value),value:R,variant:`base`})}),(0,o.jsx)(r.t,{label:`起始時間`,name:`startAt`,children:(0,o.jsx)(a.DateTimePicker,{formatDate:`YYYY-MM-DD`,formatTime:`HH:mm`,fullWidth:!0,hideSecond:!0,onChange:e=>ke(T(e)),placeholderLeft:`留空立即生效`,placeholderRight:`選擇時間`,value:w(q)})}),(0,o.jsx)(r.t,{label:`結束時間`,name:`endAt`,children:(0,o.jsx)(a.DateTimePicker,{formatDate:`YYYY-MM-DD`,formatTime:`HH:mm`,fullWidth:!0,hideSecond:!0,onChange:e=>D(T(e)),placeholderLeft:`可留空`,placeholderRight:`選擇時間`,value:w(E)})})]})})]})}function v({hideLabel:e=!1,label:t,layout:n=ee,loading:i,name:s,onChange:c,onSearch:l,options:u,required:d=!0,size:f,value:p}){let m=(0,o.jsx)(a.AutoComplete,{asyncData:!0,disabledOptionsFilter:!0,emptyText:`沒有符合的成員`,inputProps:{autoCapitalize:`none`,autoCorrect:`off`,name:s,spellCheck:!1},loading:i,loadingText:`搜尋成員中...`,mode:`single`,onChange:e=>c(b(e)),onSearch:l,onSearchTextChange:e=>c(x(e,u)),onVisibilityChange:e=>{e&&l(``)},options:[...u],placeholder:e?t:`搜尋姓名或信箱`,searchDebounceTime:300,size:f,value:p});return e?(0,o.jsx)(a.FormField,{fullWidth:!0,layout:n,name:s,children:m}):(0,o.jsx)(r.t,{label:t,layout:n,name:s,required:d,children:m})}function y(e){return{displayName:e.name,email:e.email,id:e.memberId,name:`${e.name} · ${e.email}`}}function b(e){if(!A(e))return null;let t=e.id,n=e.name,r=e.email,i=e.displayName;return typeof t==`string`&&typeof n==`string`?{displayName:typeof i==`string`?i:n,email:typeof r==`string`?r:null,id:t,name:n}:null}function te({email:e,name:t}){return e?(0,o.jsx)(a.Tooltip,{title:e,children:({onMouseEnter:e,onMouseLeave:n,ref:r})=>(0,o.jsx)(`span`,{className:f.memberNameWithTooltip,onMouseEnter:e,onMouseLeave:n,ref:r,children:t})}):(0,o.jsx)(`span`,{children:t})}function x(e,t){let n=e.trim().toLocaleLowerCase();if(!n)return null;let r=t.filter(e=>[e.id,e.name,e.email??``].some(e=>e.toLocaleLowerCase().includes(n)));return r.length===1?r[0]??null:null}function ne(e){return{id:e.id,name:e.name}}function re(e){return e.flatMap(e=>{if(!A(e))return[];let t=e.id,n=e.name;return typeof t==`string`&&typeof n==`string`?[{id:t,name:n}]:[]})}function ie(e,t){let n=t.trim().toLocaleLowerCase();return n?e.filter(e=>[e.id,e.name].some(e=>e.toLocaleLowerCase().includes(n))):e}function S(e,t){return[...e,...t].reduce((e,t)=>e.some(e=>e.id===t.id)?e:[...e,t],[])}function ae(e){return!A(e)||!C(e.id)?h[0]:h.find(t=>t.id===e.id)??h[0]}function oe(e){if(!A(e))return g[0];let t=e.id;return g.find(e=>e.id===t)??g[0]}function C(e){return e===`ALL`||e===`TEMPLATE_LIST`}function se(e){return e.scopeType===`ALL`?`全部簽核`:e.scopeType===`TEMPLATE_LIST`?`指定模板：${e.scopeTemplateIds.length}`:e.scopeConditionCel?`條件：${e.scopeConditionCel}`:`條件式`}function ce({status:e}){return e===`ACTIVE`?(0,o.jsx)(a.Badge,{size:`sub`,text:`啟用中`,variant:`dot-success`}):e===`REVOKED`?(0,o.jsx)(a.Badge,{size:`sub`,text:`已撤銷`,variant:`dot-inactive`}):e===`EXPIRED`?(0,o.jsx)(a.Badge,{size:`sub`,text:`已過期`,variant:`dot-warning`}):(0,o.jsx)(a.Badge,{size:`sub`,text:e,variant:`dot-info`})}function le(e){return e===`ACTIVE`||e===`REVOKED`||e===`EXPIRED`?e:`ALL`}function w(e){let t=e?E(e):null;return t?`${D(t)}T${O(t.getHours())}:${O(t.getMinutes())}`:void 0}function T(e){let t=e?E(e):null;return t?t.toISOString():``}function ue(e,t){if(!e||!t)return!1;let n=E(e),r=E(t);return!!n&&!!r&&r.getTime()<=n.getTime()}function E(e){if(e.endsWith(`Z`)||/[+-]\d{2}:\d{2}$/.test(e)){let t=new Date(e);return Number.isNaN(t.getTime())?null:t}let[t=``,n=`00:00`]=e.split(`T`),[r=0,i=1,a=1]=t.split(`-`).map(Number),[o=0,s=0]=n.split(`:`).map(Number),c=new Date(r,i-1,a,o,s);return Number.isNaN(c.getTime())?null:c}function D(e){return`${e.getFullYear()}-${O(e.getMonth()+1)}-${O(e.getDate())}`}function O(e){return String(e).padStart(2,`0`)}function k(e){return e instanceof Error?e.message:`發生未知錯誤`}function A(e){return typeof e==`object`&&!!e}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}});
+//# sourceMappingURL=delegations-DkDBWOQ7.cjs.map

package/dist/chunks/delegations-DkDBWOQ7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"delegations-DkDBWOQ7.cjs","names":[],"sources":["../../src/views/admin/delegations/delegations.module.scss","../../src/views/admin/delegations/AdminDelegationsView.tsx"],"sourcesContent":[".delegationModalFields {\n  display: grid;\n  gap: 12px;\n  width: 100%;\n\n  :global(.mzn-form-field--horizontal) {\n    align-items: flex-start;\n  }\n\n  :global(.mzn-form-field--horizontal .mzn-form-field__label-area) {\n    flex: 0 0 112px;\n    width: 112px;\n    min-width: 112px;\n    white-space: nowrap;\n  }\n\n  :global(.mzn-form-field--horizontal .mzn-form-field__label) {\n    flex-wrap: nowrap;\n    white-space: nowrap;\n  }\n\n  :global(.mzn-form-field--horizontal .mzn-form-field__data-entry) {\n    flex: 1 1 auto;\n    align-items: stretch;\n    min-width: 0;\n    max-width: none;\n  }\n\n  :global(.mzn-form-field__control-field-slot--main) {\n    width: 100%;\n    min-width: 0;\n  }\n\n  :global(.mzn-auto-complete) {\n    width: 100%;\n    min-width: 0;\n  }\n\n  :global(.mzn-input),\n  :global(.mzn-input-container),\n  :global(.mzn-select),\n  :global(.mzn-select-trigger),\n  :global(.mzn-text-field) {\n    width: 100%;\n    min-width: 0 !important;\n  }\n\n  :global(.mzn-select-trigger__input) {\n    width: 100%;\n    min-width: 0 !important;\n    text-overflow: ellipsis;\n  }\n}\n\n.delegationFilterArea {\n  width: calc(100vw - 272px);\n\n  :global(.mzn-filter-area__actions) {\n    display: none;\n  }\n\n  :global(.mzn-filter-area__row) {\n    align-items: flex-start;\n  }\n\n  :global(.mzn-form-field__label-area) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__control-field-slot--main) {\n    width: 100%;\n    min-width: 0;\n  }\n\n  :global(.mzn-auto-complete) {\n    width: 100%;\n  }\n}\n\n.memberNameWithTooltip {\n  cursor: help;\n  text-decoration: underline dotted;\n  text-underline-offset: 3px;\n}\n","'use client';\n\nimport {\n  ChangeEvent,\n  Key,\n  ReactElement,\n  RefCallback,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport {\n  AutoComplete,\n  Badge,\n  Button,\n  DateTimePicker,\n  Filter,\n  FilterArea,\n  FilterLine,\n  FormField,\n  Input,\n  Modal,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Select,\n  Tab,\n  TabItem,\n  Table,\n  Tooltip,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { PlusIcon } from '@mezzanine-ui/icons';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport { FormFieldLayout } from '@mezzanine-ui/core/form';\nimport { BPMFormField } from '../../../components/bpm-form-field';\nimport styles from './delegations.module.scss';\nimport { formatDateTime } from '../../../lib/format-date-time';\nimport { useAuth } from '../../../lib/auth-provider';\nimport { AppLayout } from '../../../components/app-navigation';\nimport {\n  DelegationRuleRecord,\n  DelegationRuleStatus,\n  DelegationScopeType,\n  MemberProfileRecord,\n  createDelegationRule,\n  listDelegationRulesPage,\n  revokeDelegationRule,\n  searchMembers,\n} from '@rytass/bpm-core-client/workflow';\nimport {\n  ApprovalTemplateRecord,\n  listApprovalTemplates,\n} from '@rytass/bpm-core-client/template';\n\ntype MemberOption = Readonly<{\n  displayName: string;\n  email: string | null;\n  id: string;\n  name: string;\n}>;\n\ntype TemplateOption = Readonly<{\n  id: string;\n  name: string;\n}>;\n\ntype ScopeOption = Readonly<{\n  id: DelegationScopeType;\n  name: string;\n}>;\n\ntype ScopeFilterOption = Readonly<{\n  id: 'ALL_SCOPES' | DelegationScopeType;\n  name: string;\n  scopeType: DelegationScopeType | null;\n}>;\n\ntype DelegationRuleRow = Readonly<\n  Record<string, unknown> &\n    DelegationRuleRecord & {\n      agentEmail: string | null;\n      agentName: string;\n      key: string;\n      principalEmail: string | null;\n      principalName: string;\n      scopeLabel: string;\n    }\n>;\n\nconst DELEGATION_MODAL_FIELD_LAYOUT = FormFieldLayout.HORIZONTAL;\nconst DELEGATION_PAGE_SIZE_OPTIONS = [10, 20, 50];\nconst DELEGATION_STATUS_TABS: readonly {\n  readonly key: DelegationStatusTabKey;\n  readonly label: string;\n}[] = [\n  { key: 'ALL', label: '全部' },\n  { key: 'ACTIVE', label: '啟用中' },\n  { key: 'REVOKED', label: '已撤銷' },\n  { key: 'EXPIRED', label: '已過期' },\n];\n\ntype DelegationStatusTabKey = 'ALL' | DelegationRuleStatus;\n\nconst SCOPE_OPTIONS: readonly ScopeOption[] = [\n  { id: 'ALL', name: '全部簽核' },\n  { id: 'TEMPLATE_LIST', name: '指定模板' },\n];\n\nconst SCOPE_FILTER_OPTIONS: readonly ScopeFilterOption[] = [\n  { id: 'ALL_SCOPES', name: '全部範圍', scopeType: null },\n  { id: 'ALL', name: '全部簽核', scopeType: 'ALL' },\n  { id: 'TEMPLATE_LIST', name: '指定模板', scopeType: 'TEMPLATE_LIST' },\n];\n\nexport interface AdminDelegationsViewProps {\n  readonly activeHref?: string;\n}\n\nexport function AdminDelegationsView({\n  activeHref = '/admin/delegations',\n}: AdminDelegationsViewProps = {}): ReactElement {\n  const { member } = useAuth();\n  const currentMemberId = member?.memberId ?? null;\n  const [agentMember, setAgentMember] = useState<MemberOption | null>(null);\n  const [endAt, setEndAt] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [memberLoading, setMemberLoading] = useState(false);\n  const [memberOptions, setMemberOptions] = useState<readonly MemberOption[]>(\n    [],\n  );\n  const [principalFilterMember, setPrincipalFilterMember] =\n    useState<MemberOption | null>(null);\n  const [agentFilterMember, setAgentFilterMember] =\n    useState<MemberOption | null>(null);\n  const [modalOpen, setModalOpen] = useState(false);\n  const [principalMember, setPrincipalMember] = useState<MemberOption | null>(\n    null,\n  );\n  const [priority, setPriority] = useState('100');\n  const [rulePage, setRulePage] = useState(1);\n  const [rulePageSize, setRulePageSize] = useState(10);\n  const [ruleStatus, setRuleStatus] = useState<DelegationStatusTabKey>('ALL');\n  const [ruleTotalCount, setRuleTotalCount] = useState(0);\n  const [rules, setRules] = useState<readonly DelegationRuleRecord[]>([]);\n  const [saving, setSaving] = useState(false);\n  const [scopeTemplates, setScopeTemplates] = useState<\n    readonly TemplateOption[]\n  >([]);\n  const [scopeFilterType, setScopeFilterType] = useState<ScopeFilterOption>(\n    SCOPE_FILTER_OPTIONS[0],\n  );\n  const [scopeType, setScopeType] = useState<ScopeOption>(SCOPE_OPTIONS[0]);\n  const [startAt, setStartAt] = useState('');\n  const [templateLoading, setTemplateLoading] = useState(false);\n  const [templateOptions, setTemplateOptions] = useState<\n    readonly TemplateOption[]\n  >([]);\n\n  const refreshRules = useCallback(async (): Promise<void> => {\n    setLoading(true);\n    setError(null);\n\n    try {\n      const [rulePageResult, members] = await Promise.all([\n        listDelegationRulesPage({\n          agentMemberId: agentFilterMember?.id ?? null,\n          includeInactive: true,\n          page: rulePage,\n          pageSize: rulePageSize,\n          principalMemberId: principalFilterMember?.id ?? null,\n          scopeType: scopeFilterType.scopeType,\n          status: ruleStatus === 'ALL' ? null : ruleStatus,\n        }),\n        searchMembers(''),\n      ]);\n\n      setRules(rulePageResult.rules);\n      setRuleTotalCount(rulePageResult.totalCount);\n      setMemberOptions(members.map(readMemberOption));\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [\n    agentFilterMember,\n    principalFilterMember,\n    rulePage,\n    rulePageSize,\n    ruleStatus,\n    scopeFilterType,\n  ]);\n\n  useEffect((): void => {\n    void refreshRules();\n  }, [refreshRules]);\n\n  const membersById = useMemo(\n    (): ReadonlyMap<string, MemberOption> =>\n      new Map(memberOptions.map((option) => [option.id, option])),\n    [memberOptions],\n  );\n  const rows = useMemo(\n    (): DelegationRuleRow[] =>\n      rules.map((rule) => ({\n        ...rule,\n        agentEmail: membersById.get(rule.agentMemberId)?.email ?? null,\n        agentName:\n          membersById.get(rule.agentMemberId)?.displayName ??\n          rule.agentMemberId,\n        key: rule.id,\n        principalEmail: membersById.get(rule.principalMemberId)?.email ?? null,\n        principalName:\n          membersById.get(rule.principalMemberId)?.displayName ??\n          rule.principalMemberId,\n        scopeLabel: readScopeLabel(rule),\n      })),\n    [membersById, rules],\n  );\n  const selectedScopeType =\n    SCOPE_OPTIONS.find((option) => option.id === scopeType.id) ??\n    SCOPE_OPTIONS[0];\n  const columns = useMemo(\n    (): TableColumn<DelegationRuleRow>[] => [\n      {\n        key: 'principal',\n        render: (record: DelegationRuleRow): ReactElement => (\n          <MemberNameWithEmailTooltip\n            email={record.principalEmail}\n            name={record.principalName}\n          />\n        ),\n        title: '原簽核人',\n        width: 220,\n      },\n      {\n        key: 'agent',\n        render: (record: DelegationRuleRow): ReactElement => (\n          <MemberNameWithEmailTooltip\n            email={record.agentEmail}\n            name={record.agentName}\n          />\n        ),\n        title: '代理人',\n        width: 220,\n      },\n      { dataIndex: 'scopeLabel', key: 'scope', title: '代理範圍', width: 220 },\n      {\n        key: 'status',\n        render: (record: DelegationRuleRow): ReactElement => (\n          <DelegationStatusBadge status={record.status} />\n        ),\n        title: '狀態',\n        width: 120,\n      },\n      { dataIndex: 'priority', key: 'priority', title: '優先序', width: 100 },\n      {\n        key: 'startAt',\n        render: (record: DelegationRuleRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {formatDateTime(record.startAt)}\n          </Typography>\n        ),\n        title: '開始時間',\n        width: 220,\n      },\n      {\n        key: 'endAt',\n        render: (record: DelegationRuleRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {record.endAt ? formatDateTime(record.endAt) : '-'}\n          </Typography>\n        ),\n        title: '結束時間',\n        width: 220,\n      },\n    ],\n    [],\n  );\n  const handleRevoke = useCallback(\n    async (id: string): Promise<void> => {\n      if (!currentMemberId) {\n        return;\n      }\n\n      setError(null);\n\n      try {\n        await revokeDelegationRule({\n          id,\n          revokedByMemberId: currentMemberId,\n        });\n        await refreshRules();\n      } catch (requestError: unknown) {\n        setError(readErrorMessage(requestError));\n      }\n    },\n    [currentMemberId, refreshRules],\n  );\n  const tableActions = useMemo(\n    (): TableActions<DelegationRuleRow> => ({\n      render: (\n        record,\n      ): ReturnType<TableActions<DelegationRuleRow>['render']> =>\n        record.status === 'ACTIVE'\n          ? [\n              {\n                name: '撤銷',\n                onClick: (): void => void handleRevoke(record.id),\n              },\n            ]\n          : [],\n      variant: 'destructive-secondary',\n      width: 88,\n    }),\n    [handleRevoke],\n  );\n\n  async function handleSearchMembers(searchText: string): Promise<void> {\n    setMemberLoading(true);\n\n    try {\n      setMemberOptions((await searchMembers(searchText)).map(readMemberOption));\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setMemberLoading(false);\n    }\n  }\n\n  async function handleSearchTemplates(\n    searchText: string,\n    selectedOptions: readonly TemplateOption[] = scopeTemplates,\n  ): Promise<void> {\n    setTemplateLoading(true);\n\n    try {\n      const nextOptions = (await listApprovalTemplates()).map(\n        readTemplateOption,\n      );\n\n      setTemplateOptions(\n        mergeTemplateOptions(\n          selectedOptions,\n          filterTemplateOptions(nextOptions, searchText),\n        ),\n      );\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setTemplateLoading(false);\n    }\n  }\n\n  function openCreateModal(): void {\n    setAgentMember(null);\n    setEndAt('');\n    setPrincipalMember(null);\n    setPriority('100');\n    setScopeTemplates([]);\n    setScopeType(SCOPE_OPTIONS[0]);\n    setStartAt('');\n    setTemplateOptions([]);\n    void handleSearchTemplates('', []);\n    setModalOpen(true);\n  }\n\n  function closeCreateModal(): void {\n    if (saving) {\n      return;\n    }\n\n    setModalOpen(false);\n  }\n\n  async function handleCreate(): Promise<void> {\n    if (!currentMemberId) {\n      return;\n    }\n\n    if (!principalMember || !agentMember) {\n      setError('請選擇原簽核人與代理人');\n      return;\n    }\n\n    if (selectedScopeType.id === 'TEMPLATE_LIST' && scopeTemplates.length < 1) {\n      setError('請選擇至少一個簽核模板');\n      return;\n    }\n\n    if (isInvalidDelegationDateRange(startAt, endAt)) {\n      setError('結束時間必須晚於起始時間');\n      return;\n    }\n\n    setSaving(true);\n    setError(null);\n\n    try {\n      await createDelegationRule({\n        agentMemberId: agentMember.id,\n        createdByMemberId: currentMemberId,\n        endAt: endAt || null,\n        principalMemberId: principalMember.id,\n        priority: Number(priority) || 100,\n        requiresConfirmation: false,\n        scopeConditionCel: null,\n        scopeTemplateIds:\n          selectedScopeType.id === 'TEMPLATE_LIST'\n            ? scopeTemplates.map((template) => template.id)\n            : [],\n        scopeType: selectedScopeType.id,\n        startAt: startAt || null,\n      });\n      setModalOpen(false);\n      if (rulePage === 1) {\n        await refreshRules();\n      } else {\n        setRulePage(1);\n      }\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  return (\n    <AppLayout activeHref={activeHref}>\n        <PageHeader>\n          <ContentHeader\n            description=\"設定簽核代理規則，讓符合範圍的待簽任務自動改派給代理人。\"\n            title=\"代理設定\"\n          >\n            <Button\n              icon={PlusIcon}\n              iconType=\"leading\"\n              onClick={openCreateModal}\n              variant=\"base-primary\"\n            >\n              建立代理\n            </Button>\n          </ContentHeader>\n        </PageHeader>\n\n        <SectionGroup>\n          <Section\n            filterArea={\n              <FilterArea className={styles.delegationFilterArea}>\n                <FilterLine>\n                  <Filter span={2}>\n                    <MemberAutoCompleteField\n                      hideLabel\n                      label=\"原簽核人\"\n                      loading={memberLoading}\n                      name=\"principalFilterMemberId\"\n                      onChange={(option): void => {\n                        setPrincipalFilterMember(option);\n                        setRulePage(1);\n                      }}\n                      onSearch={handleSearchMembers}\n                      options={memberOptions}\n                      required={false}\n                      layout={FormFieldLayout.VERTICAL}\n                      size=\"sub\"\n                      value={principalFilterMember}\n                    />\n                  </Filter>\n                  <Filter span={2}>\n                    <MemberAutoCompleteField\n                      hideLabel\n                      label=\"代理人\"\n                      loading={memberLoading}\n                      name=\"agentFilterMemberId\"\n                      onChange={(option): void => {\n                        setAgentFilterMember(option);\n                        setRulePage(1);\n                      }}\n                      onSearch={handleSearchMembers}\n                      options={memberOptions}\n                      required={false}\n                      layout={FormFieldLayout.VERTICAL}\n                      size=\"sub\"\n                      value={agentFilterMember}\n                    />\n                  </Filter>\n                  <Filter span={2}>\n                    <FormField\n                      fullWidth\n                      layout={FormFieldLayout.VERTICAL}\n                      name=\"scopeFilterType\"\n                    >\n                      <Select\n                        clearable={false}\n                        fullWidth\n                        onChange={(option): void => {\n                          setScopeFilterType(readScopeFilterOption(option));\n                          setRulePage(1);\n                        }}\n                        options={[...SCOPE_FILTER_OPTIONS]}\n                        placeholder=\"代理範圍\"\n                        size=\"sub\"\n                        value={scopeFilterType}\n                      />\n                    </FormField>\n                  </Filter>\n                </FilterLine>\n              </FilterArea>\n            }\n            tab={\n              <Tab\n                activeKey={ruleStatus}\n                onChange={(activeKey): void => {\n                  setRuleStatus(readDelegationStatusTabKey(activeKey));\n                  setRulePage(1);\n                }}\n              >\n                {DELEGATION_STATUS_TABS.map((statusTab) => (\n                  <TabItem key={statusTab.key}>{statusTab.label}</TabItem>\n                ))}\n              </Tab>\n            }\n          >\n            {error ? (\n              <Typography color=\"text-error\" variant=\"body\">\n                {error}\n              </Typography>\n            ) : null}\n            <Table\n              actions={tableActions}\n              columns={columns}\n              dataSource={rows}\n              fullWidth\n              loading={loading}\n              pagination={{\n                current: rulePage,\n                onChange: (page): void => {\n                  setRulePage(page);\n                },\n                onChangePageSize: (pageSize): void => {\n                  setRulePage(1);\n                  setRulePageSize(pageSize);\n                },\n                pageSize: rulePageSize,\n                pageSizeLabel: '每頁筆數',\n                pageSizeOptions: DELEGATION_PAGE_SIZE_OPTIONS,\n                renderResultSummary: (from, to, total): string =>\n                  `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n                showPageSizeOptions: true,\n                total: ruleTotalCount,\n              }}\n            />\n          </Section>\n        </SectionGroup>\n\n        <Modal\n          cancelText=\"取消\"\n          confirmButtonProps={{\n            disabled: !principalMember || !agentMember,\n          }}\n          confirmText=\"建立代理\"\n          loading={saving}\n          modalType=\"standard\"\n          onCancel={closeCreateModal}\n          onClose={closeCreateModal}\n          onConfirm={(): void => void handleCreate()}\n          open={modalOpen}\n          showModalFooter\n          showModalHeader\n          size=\"regular\"\n          supportingText=\"代理生效後，後續建立的待簽任務會依範圍自動指派。\"\n          title=\"建立代理\"\n        >\n          <div className={styles.delegationModalFields}>\n            <MemberAutoCompleteField\n              label=\"原簽核人\"\n              loading={memberLoading}\n              name=\"principalMemberId\"\n              onChange={setPrincipalMember}\n              onSearch={handleSearchMembers}\n              options={memberOptions}\n              value={principalMember}\n            />\n            <MemberAutoCompleteField\n              label=\"代理人\"\n              loading={memberLoading}\n              name=\"agentMemberId\"\n              onChange={setAgentMember}\n              onSearch={handleSearchMembers}\n              options={memberOptions}\n              value={agentMember}\n            />\n            <BPMFormField label=\"代理範圍\" name=\"scopeType\" required>\n              <Select\n                clearable={false}\n                fullWidth\n                onChange={(option): void =>\n                  setScopeType(readScopeOptionFromValue(option))\n                }\n                options={[...SCOPE_OPTIONS]}\n                value={selectedScopeType}\n              />\n            </BPMFormField>\n            {selectedScopeType.id === 'TEMPLATE_LIST' ? (\n              <BPMFormField label=\"簽核模板\" name=\"scopeTemplateIds\" required>\n                <AutoComplete\n                  asyncData\n                  disabledOptionsFilter\n                  emptyText=\"沒有符合的模板\"\n                  inputProps={{\n                    autoCapitalize: 'none',\n                    autoCorrect: 'off',\n                    name: 'scopeTemplateIds',\n                    spellCheck: false,\n                  }}\n                  loading={templateLoading}\n                  loadingText=\"搜尋模板中...\"\n                  mode=\"multiple\"\n                  onChange={(nextTemplates): void => {\n                    const selectedTemplates =\n                      readTemplateOptionsFromValue(nextTemplates);\n\n                    setScopeTemplates(selectedTemplates);\n                    setTemplateOptions((currentOptions) =>\n                      mergeTemplateOptions(selectedTemplates, currentOptions),\n                    );\n                  }}\n                  onSearch={handleSearchTemplates}\n                  onVisibilityChange={(open): void => {\n                    if (open) {\n                      void handleSearchTemplates('');\n                    }\n                  }}\n                  options={[...templateOptions]}\n                  overflowStrategy=\"wrap\"\n                  placeholder=\"搜尋並選取簽核模板\"\n                  searchDebounceTime={300}\n                  value={[...scopeTemplates]}\n                />\n              </BPMFormField>\n            ) : null}\n            <BPMFormField label=\"優先序\" name=\"priority\">\n              <Input\n                fullWidth\n                onChange={(event: ChangeEvent<HTMLInputElement>): void =>\n                  setPriority(event.target.value)\n                }\n                value={priority}\n                variant=\"base\"\n              />\n            </BPMFormField>\n            <BPMFormField label=\"起始時間\" name=\"startAt\">\n              <DateTimePicker\n                formatDate=\"YYYY-MM-DD\"\n                formatTime=\"HH:mm\"\n                fullWidth\n                hideSecond\n                onChange={(nextValue): void =>\n                  setStartAt(formatDelegationDateTimePickerValue(nextValue))\n                }\n                placeholderLeft=\"留空立即生效\"\n                placeholderRight=\"選擇時間\"\n                value={readDelegationDateTimePickerValue(startAt)}\n              />\n            </BPMFormField>\n            <BPMFormField label=\"結束時間\" name=\"endAt\">\n              <DateTimePicker\n                formatDate=\"YYYY-MM-DD\"\n                formatTime=\"HH:mm\"\n                fullWidth\n                hideSecond\n                onChange={(nextValue): void =>\n                  setEndAt(formatDelegationDateTimePickerValue(nextValue))\n                }\n                placeholderLeft=\"可留空\"\n                placeholderRight=\"選擇時間\"\n                value={readDelegationDateTimePickerValue(endAt)}\n              />\n            </BPMFormField>\n          </div>\n        </Modal>\n      </AppLayout>\n  );\n}\n\nfunction MemberAutoCompleteField({\n  hideLabel = false,\n  label,\n  layout = DELEGATION_MODAL_FIELD_LAYOUT,\n  loading,\n  name,\n  onChange,\n  onSearch,\n  options,\n  required = true,\n  size,\n  value,\n}: {\n  readonly hideLabel?: boolean;\n  readonly label: string;\n  readonly layout?: FormFieldLayout;\n  readonly loading: boolean;\n  readonly name: string;\n  readonly onChange: (option: MemberOption | null) => void;\n  readonly onSearch: (searchText: string) => Promise<void>;\n  readonly options: readonly MemberOption[];\n  readonly required?: boolean;\n  readonly size?: 'main' | 'sub';\n  readonly value: MemberOption | null;\n}): ReactElement {\n  const autoComplete = (\n    <AutoComplete\n      asyncData\n      disabledOptionsFilter\n      emptyText=\"沒有符合的成員\"\n      inputProps={{\n        autoCapitalize: 'none',\n        autoCorrect: 'off',\n        name,\n        spellCheck: false,\n      }}\n      loading={loading}\n      loadingText=\"搜尋成員中...\"\n      mode=\"single\"\n      onChange={(option): void => onChange(readMemberOptionFromValue(option))}\n      onSearch={onSearch}\n      onSearchTextChange={(searchText): void =>\n        onChange(readUniqueMemberOption(searchText, options))\n      }\n      onVisibilityChange={(open): void => {\n        if (open) {\n          void onSearch('');\n        }\n      }}\n      options={[...options]}\n      placeholder={hideLabel ? label : '搜尋姓名或信箱'}\n      searchDebounceTime={300}\n      size={size}\n      value={value}\n    />\n  );\n\n  if (hideLabel) {\n    return (\n      <FormField fullWidth layout={layout} name={name}>\n        {autoComplete}\n      </FormField>\n    );\n  }\n\n  return (\n    <BPMFormField label={label} layout={layout} name={name} required={required}>\n      {autoComplete}\n    </BPMFormField>\n  );\n}\n\nfunction readMemberOption(member: MemberProfileRecord): MemberOption {\n  return {\n    displayName: member.name,\n    email: member.email,\n    id: member.memberId,\n    name: `${member.name} · ${member.email}`,\n  };\n}\n\nfunction readMemberOptionFromValue(value: unknown): MemberOption | null {\n  if (!isRecord(value)) {\n    return null;\n  }\n\n  const id = value.id;\n  const name = value.name;\n  const email = value.email;\n  const displayName = value.displayName;\n\n  return typeof id === 'string' && typeof name === 'string'\n    ? {\n        displayName: typeof displayName === 'string' ? displayName : name,\n        email: typeof email === 'string' ? email : null,\n        id,\n        name,\n      }\n    : null;\n}\n\nfunction MemberNameWithEmailTooltip({\n  email,\n  name,\n}: {\n  readonly email: string | null;\n  readonly name: string;\n}): ReactElement {\n  if (!email) {\n    return <span>{name}</span>;\n  }\n\n  return (\n    <Tooltip title={email}>\n      {({ onMouseEnter, onMouseLeave, ref }): ReactElement => (\n        <span\n          className={styles.memberNameWithTooltip}\n          onMouseEnter={onMouseEnter}\n          onMouseLeave={onMouseLeave}\n          ref={ref as RefCallback<HTMLSpanElement>}\n        >\n          {name}\n        </span>\n      )}\n    </Tooltip>\n  );\n}\n\nfunction readUniqueMemberOption(\n  searchText: string,\n  options: readonly MemberOption[],\n): MemberOption | null {\n  const normalizedSearchText = searchText.trim().toLocaleLowerCase();\n\n  if (!normalizedSearchText) {\n    return null;\n  }\n\n  const matches = options.filter((option) =>\n    [option.id, option.name, option.email ?? ''].some((value) =>\n      value.toLocaleLowerCase().includes(normalizedSearchText),\n    ),\n  );\n\n  return matches.length === 1 ? (matches[0] ?? null) : null;\n}\n\nfunction readTemplateOption(template: ApprovalTemplateRecord): TemplateOption {\n  return {\n    id: template.id,\n    name: template.name,\n  };\n}\n\nfunction readTemplateOptionsFromValue(\n  value: readonly unknown[],\n): readonly TemplateOption[] {\n  return value.flatMap((item): readonly TemplateOption[] => {\n    if (!isRecord(item)) {\n      return [];\n    }\n\n    const id = item.id;\n    const name = item.name;\n\n    return typeof id === 'string' && typeof name === 'string'\n      ? [{ id, name }]\n      : [];\n  });\n}\n\nfunction filterTemplateOptions(\n  options: readonly TemplateOption[],\n  searchText: string,\n): readonly TemplateOption[] {\n  const normalizedSearchText = searchText.trim().toLocaleLowerCase();\n\n  if (!normalizedSearchText) {\n    return options;\n  }\n\n  return options.filter((option) =>\n    [option.id, option.name].some((value) =>\n      value.toLocaleLowerCase().includes(normalizedSearchText),\n    ),\n  );\n}\n\nfunction mergeTemplateOptions(\n  selectedOptions: readonly TemplateOption[],\n  availableOptions: readonly TemplateOption[],\n): readonly TemplateOption[] {\n  return [...selectedOptions, ...availableOptions].reduce<TemplateOption[]>(\n    (options, option) =>\n      options.some((currentOption) => currentOption.id === option.id)\n        ? options\n        : [...options, option],\n    [],\n  );\n}\n\nfunction readScopeOptionFromValue(value: unknown): ScopeOption {\n  if (!isRecord(value) || !isSelectableDelegationScopeType(value.id)) {\n    return SCOPE_OPTIONS[0];\n  }\n\n  return (\n    SCOPE_OPTIONS.find((option) => option.id === value.id) ?? SCOPE_OPTIONS[0]\n  );\n}\n\nfunction readScopeFilterOption(value: unknown): ScopeFilterOption {\n  if (!isRecord(value)) {\n    return SCOPE_FILTER_OPTIONS[0];\n  }\n\n  const id = value.id;\n\n  return (\n    SCOPE_FILTER_OPTIONS.find((option) => option.id === id) ??\n    SCOPE_FILTER_OPTIONS[0]\n  );\n}\n\nfunction isSelectableDelegationScopeType(\n  value: unknown,\n): value is ScopeOption['id'] {\n  return value === 'ALL' || value === 'TEMPLATE_LIST';\n}\n\nfunction readScopeLabel(rule: DelegationRuleRecord): string {\n  if (rule.scopeType === 'ALL') {\n    return '全部簽核';\n  }\n\n  if (rule.scopeType === 'TEMPLATE_LIST') {\n    return `指定模板：${rule.scopeTemplateIds.length}`;\n  }\n\n  return rule.scopeConditionCel ? `條件：${rule.scopeConditionCel}` : '條件式';\n}\n\nfunction DelegationStatusBadge({\n  status,\n}: {\n  readonly status: DelegationRuleRecord['status'];\n}): ReactElement {\n  if (status === 'ACTIVE') {\n    return <Badge size=\"sub\" text=\"啟用中\" variant=\"dot-success\" />;\n  }\n\n  if (status === 'REVOKED') {\n    return <Badge size=\"sub\" text=\"已撤銷\" variant=\"dot-inactive\" />;\n  }\n\n  if (status === 'EXPIRED') {\n    return <Badge size=\"sub\" text=\"已過期\" variant=\"dot-warning\" />;\n  }\n\n  return <Badge size=\"sub\" text={status} variant=\"dot-info\" />;\n}\n\nfunction readDelegationStatusTabKey(activeKey: Key): DelegationStatusTabKey {\n  if (\n    activeKey === 'ACTIVE' ||\n    activeKey === 'REVOKED' ||\n    activeKey === 'EXPIRED'\n  ) {\n    return activeKey;\n  }\n\n  return 'ALL';\n}\n\nfunction readDelegationDateTimePickerValue(value: string): string | undefined {\n  const date = value ? parseDelegationDateTimeValue(value) : null;\n\n  return date\n    ? `${formatDateParts(date)}T${padDatePart(date.getHours())}:${padDatePart(\n        date.getMinutes(),\n      )}`\n    : undefined;\n}\n\nfunction formatDelegationDateTimePickerValue(\n  value: string | undefined,\n): string {\n  const date = value ? parseDelegationDateTimeValue(value) : null;\n\n  return date ? date.toISOString() : '';\n}\n\nfunction isInvalidDelegationDateRange(startAt: string, endAt: string): boolean {\n  if (!startAt || !endAt) {\n    return false;\n  }\n\n  const startDate = parseDelegationDateTimeValue(startAt);\n  const endDate = parseDelegationDateTimeValue(endAt);\n\n  return !!startDate && !!endDate && endDate.getTime() <= startDate.getTime();\n}\n\nfunction parseDelegationDateTimeValue(value: string): Date | null {\n  if (value.endsWith('Z') || /[+-]\\d{2}:\\d{2}$/.test(value)) {\n    const parsedDate = new Date(value);\n\n    return Number.isNaN(parsedDate.getTime()) ? null : parsedDate;\n  }\n\n  const [datePart = '', timePart = '00:00'] = value.split('T');\n  const [year = 0, month = 1, day = 1] = datePart.split('-').map(Number);\n  const [hour = 0, minute = 0] = timePart.split(':').map(Number);\n  const parsedDate = new Date(year, month - 1, day, hour, minute);\n\n  return Number.isNaN(parsedDate.getTime()) ? null : parsedDate;\n}\n\nfunction formatDateParts(date: Date): string {\n  return `${date.getFullYear()}-${padDatePart(date.getMonth() + 1)}-${padDatePart(\n    date.getDate(),\n  )}`;\n}\n\nfunction padDatePart(value: number): string {\n  return String(value).padStart(2, '0');\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n\nfunction isRecord(value: unknown): value is Readonly<Record<string, unknown>> {\n  return typeof value === 'object' && value !== null;\n}\n"],"mappings":"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"}

package/dist/chunks/detail-B2gcOPkd.cjs

@@ -0,0 +1,2 @@
+"use client";require('../detail.css');const e=require("./app-navigation-C_mbz7jx.cjs"),t=require("./auth-provider-BV8Iiwfb.cjs"),n=require("./format-date-time-isOa3e9q.cjs"),r=require("./bpm-form-field-Bc6k4ZEO.cjs"),i=require("./FormRendererView-BwVsH2eX.cjs");let a=require("react"),o=require("@mezzanine-ui/react"),s=require("react/jsx-runtime"),c=require("@rytass/bpm-core-client/workflow"),l=require("@mezzanine-ui/icons"),u=require("@mezzanine-ui/react/ContentHeader");u=e.o(u,1);let d=require("@rytass/bpm-core-client/form"),f=require("@xyflow/react"),p=require("dagre");p=e.o(p,1);let m=require("@mezzanine-ui/core/stepper"),h=require("react-pdf");var g={root:`bpm_root_ehm7w`,toolbar:`bpm_toolbar_R-tis`,pageControls:`bpm_pageControls_jM-rC`,zoomControls:`bpm_zoomControls_7RAbJ`,counter:`bpm_counter_ILUsD`,viewport:`bpm_viewport_DQXms`,page:`bpm_page_Cv5Rg`,state:`bpm_state_bpgp3`},ee=760,_=920,te=320,ne=32,re=.75,ie=1.75,ae=.25;function oe({filename:e,fileUrl:t,onDownload:n}){let r=(0,a.useRef)(null),[i,c]=(0,a.useState)(null),[u,d]=(0,a.useState)(1),[f,p]=(0,a.useState)(1),[m,oe]=(0,a.useState)(ee);(0,a.useEffect)(()=>{let e=r.current;if(!e||typeof ResizeObserver>`u`)return;let t=new ResizeObserver(e=>{let t=e[0]?.contentRect.width;t&&oe(t)});return t.observe(e),()=>t.disconnect()},[]),(0,a.useEffect)(()=>{c(null),d(1),p(1)},[t]);let y=(0,a.useMemo)(()=>{let e=Math.max(te,m-ne);return Math.round(Math.min(_,e)*f)},[f,m]),se=(0,a.useCallback)(e=>{c(e.numPages),d(1)},[]),b=u>1,x=i!==null&&u<i,ce=f>re,le=f<ie,S=i===null?`第 ${u} 頁`:`第 ${u} / ${i} 頁`,ue=`${Math.round(f*100)}%`;return(0,s.jsxs)(`section`,{"aria-label":`${e} PDF 預覽`,className:g.root,children:[(0,s.jsxs)(`div`,{className:g.toolbar,children:[(0,s.jsxs)(`div`,{className:g.pageControls,"aria-label":`頁面切換`,children:[(0,s.jsx)(o.Button,{"aria-label":`上一頁`,disabled:!b,icon:l.ChevronLeftIcon,onClick:()=>{d(e=>Math.max(1,e-1))},size:`minor`,variant:`base-secondary`}),(0,s.jsx)(o.Typography,{className:g.counter,component:`span`,variant:`body`,children:S}),(0,s.jsx)(o.Button,{"aria-label":`下一頁`,disabled:!x,icon:l.ChevronRightIcon,onClick:()=>{d(e=>i===null?e:Math.min(i,e+1))},size:`minor`,variant:`base-secondary`})]}),(0,s.jsxs)(`div`,{className:g.zoomControls,"aria-label":`縮放`,children:[(0,s.jsx)(o.Button,{"aria-label":`縮小`,disabled:!ce,icon:l.ZoomOutIcon,onClick:()=>{p(e=>Math.max(re,e-ae))},size:`minor`,variant:`base-secondary`}),(0,s.jsx)(o.Typography,{className:g.counter,component:`span`,variant:`body`,children:ue}),(0,s.jsx)(o.Button,{"aria-label":`放大`,disabled:!le,icon:l.ZoomInIcon,onClick:()=>{p(e=>Math.min(ie,e+ae))},size:`minor`,variant:`base-secondary`})]}),n?(0,s.jsx)(o.Button,{icon:l.DownloadIcon,iconType:`leading`,onClick:n,size:`minor`,variant:`base-primary`,children:`下載`}):null]}),(0,s.jsx)(`div`,{className:g.viewport,ref:r,children:(0,s.jsx)(h.Document,{error:(0,s.jsx)(v,{message:`PDF 無法載入。`}),file:t,loading:(0,s.jsx)(v,{message:`正在載入 PDF...`}),noData:(0,s.jsx)(v,{message:`沒有可預覽的 PDF。`}),onLoadSuccess:se,children:(0,s.jsx)(h.Page,{className:g.page,loading:(0,s.jsx)(v,{message:`正在載入頁面...`}),pageNumber:u,renderAnnotationLayer:!0,renderTextLayer:!0,width:y})})})]})}function v({message:e}){return(0,s.jsx)(`div`,{className:g.state,children:(0,s.jsx)(o.Typography,{color:`text-neutral`,variant:`body`,children:e})})}var y={display:`grid`,gap:16},se={display:`flex`,flexWrap:`wrap`,gap:8},b=184,x=96,ce={display:`grid`,gap:16},le={display:`grid`,gap:12,width:`100%`},S={minWidth:`100%`,width:`100%`},ue={display:`grid`,gap:12,width:`100%`},de={background:`#f8fafc`,border:`1px solid #e2e8f0`,borderRadius:8,height:`min(64vh, 620px)`,minHeight:440,overflow:`hidden`,width:`min(80vw, 1040px)`},C={background:`#ffffff`,border:`1px solid #cbd5e1`,borderRadius:8,boxShadow:`0 8px 18px rgba(15, 23, 42, 0.08)`,display:`grid`,gap:6,minHeight:82,padding:12,width:184},w={borderRadius:999,fontSize:12,fontWeight:600,justifySelf:`start`,lineHeight:`18px`,padding:`0 8px`},fe={color:`#64748b`,fontSize:12,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},T={opacity:0},pe={display:`flex`,flexWrap:`wrap`,gap:8},me={alignItems:`center`,background:`#ffffff`,border:`1px solid #cbd5e1`,borderRadius:8,color:`#334155`,display:`inline-flex`,fontSize:12,fontWeight:600,gap:6,lineHeight:`20px`,padding:`4px 8px`},he={cursor:`help`,textDecoration:`underline dotted`,textUnderlineOffset:3},ge={color:`var(--mzn-color-text-error)`};function _e(e){e&&(e.style.width=`100%`)}var ve={workflowRuntime:Ye};function ye({instanceId:p}){let{member:m}=t.n(),h=m?.memberId??null,[g,ee]=(0,a.useState)([]),[_,te]=(0,a.useState)(null),[ne,re]=(0,a.useState)([]),[ie,ae]=(0,a.useState)([]),[v,b]=(0,a.useState)([]),[x,C]=(0,a.useState)(null),[w,fe]=(0,a.useState)([]),[T,he]=(0,a.useState)([]),[ge,ye]=(0,a.useState)([]),[D,O]=(0,a.useState)(null),[k,De]=(0,a.useState)(!0),[A,j]=(0,a.useState)(!1),[M,N]=(0,a.useState)(!1),[ke,Ae]=(0,a.useState)(``),[je,P]=(0,a.useState)(!1),[Me,F]=(0,a.useState)(``),[I,L]=(0,a.useState)(null),[Ne,R]=(0,a.useState)(!1),[Pe,z]=(0,a.useState)(``),[Fe,B]=(0,a.useState)(!1),[H,U]=(0,a.useState)(null),[Ve,W]=(0,a.useState)(``),[G,K]=(0,a.useState)(null),[Ge,Ke]=(0,a.useState)(!1),[q,qe]=(0,a.useState)([]),[Je,Ye]=(0,a.useState)(!1),[$e,J]=(0,a.useState)({}),[et,tt]=(0,a.useState)({}),[Y,rt]=(0,a.useState)(null),[it,at]=(0,a.useState)(null),ot=Me.trim(),st=ke.trim(),ct=Pe.trim(),lt=Ve.trim();(0,a.useEffect)(()=>{kt()},[h,p]),(0,a.useEffect)(()=>{tt(_?.formData??{})},[_]);let X=(0,a.useMemo)(()=>w.find(e=>ze(e,h)&&(e.status===`PENDING`||e.status===`IN_PROGRESS`))??null,[h,w]),Z=(0,a.useMemo)(()=>X&&_?_.workflowSnapshot.nodes.find(e=>e.id===X.nodeId)??null:null,[X,_]),ut=(0,a.useMemo)(()=>Z&&_?Ie(_.workflowSnapshot,Z):[],[Z,_]),dt=Z?.type===`userTask`&&Z.data.returnBehavior.allowReturn,ft=ut.find(e=>e.id===H)??ut[0]??null,pt=!!(_&&_.initiatorMemberId===h&&(_.state===`RUNNING`||_.state===`RETURNED`)),Q=!!(_&&_.initiatorMemberId===h&&_.state===`RETURNED`),mt=(0,a.useMemo)(()=>new Map(ge.map(e=>[e.memberId,e])),[ge]),ht=(0,a.useMemo)(()=>w.map(e=>({...e,assigneeLabel:Re(e,mt),key:e.id,nodeLabel:V(e.nodeId,_?.workflowSnapshot??null),statusLabel:Le(e.status)})),[_,mt,w]),gt=(0,a.useMemo)(()=>Te(ne),[ne]),_t=(0,a.useMemo)(()=>new Map(v.map(e=>[e.id,e])),[v]),vt=(0,a.useMemo)(()=>Ee(g,w,T,_?.workflowSnapshot??null,_?.state??`RUNNING`,mt,gt,_t,x),[g,_,mt,x,_t,gt,w,T]),yt=(0,a.useMemo)(()=>Oe(vt),[vt]),$=(0,a.useMemo)(()=>_?Ze(_.workflowSnapshot):null,[_]),bt=(0,a.useMemo)(()=>_&&$?Xe($,w,T,_.state):[],[_,$,w,T]),xt=(0,a.useMemo)(()=>$?Qe($):[],[$]),St=(0,a.useMemo)(()=>_?nt(_.workflowSnapshot):[],[_]),Ct=(0,a.useMemo)(()=>[{dataIndex:`nodeLabel`,key:`nodeLabel`,title:`節點`,width:180},{key:`assigneeMemberId`,title:`處理者`,render:e=>(0,s.jsx)(o.Typography,{component:`span`,variant:`body`,children:e.assigneeLabel}),width:180},{dataIndex:`statusLabel`,key:`statusLabel`,title:`狀態`,width:120},{key:`createdAt`,render:e=>(0,s.jsx)(o.Typography,{component:`span`,variant:`body`,children:n.t(e.createdAt)}),title:`建立時間`,width:220}],[]),wt=(0,a.useMemo)(()=>ie.map(e=>({attachment:e,createdAt:e.createdAt,filename:e.filename,id:e.id,key:e.id,mimeType:e.mimeType,sizeLabel:be(Number(e.sizeBytes))})),[ie]),Tt=(0,a.useMemo)(()=>[{dataIndex:`filename`,key:`filename`,title:`檔名`,width:260},{dataIndex:`mimeType`,key:`mimeType`,title:`類型`,width:180},{dataIndex:`sizeLabel`,key:`sizeLabel`,title:`大小`,width:120},{key:`createdAt`,render:e=>(0,s.jsx)(o.Typography,{component:`span`,variant:`body`,children:n.t(e.createdAt)}),title:`上傳時間`,width:220}],[]),Et=(0,a.useMemo)(()=>({render:e=>[...e.mimeType===`application/pdf`?[{icon:l.FileSearchIcon,iconType:`leading`,name:`預覽`,onClick:()=>{Mt(e.attachment)}}]:[],{icon:l.DownloadIcon,iconType:`leading`,name:`下載`,onClick:()=>{jt(e.attachment)}}],variant:`base-secondary`,width:160}),[]),Dt=(0,a.useMemo)(()=>v.map(e=>({algorithm:e.algorithm,hashLabel:xe(e.signedPayloadHash),key:e.id,keyVersion:e.keyVersion,signedAtLabel:n.t(e.signedAt),signerMemberId:e.signerMemberId})),[v]),Ot=(0,a.useMemo)(()=>[{dataIndex:`signerMemberId`,key:`signerMemberId`,title:`簽章者`,width:160},{dataIndex:`algorithm`,key:`algorithm`,title:`演算法`,width:150},{dataIndex:`keyVersion`,key:`keyVersion`,title:`Key 版本`,width:100},{dataIndex:`hashLabel`,key:`hashLabel`,title:`Payload Hash`,width:180},{dataIndex:`signedAtLabel`,key:`signedAtLabel`,title:`簽章時間`,width:220}],[]);async function kt(){De(!0),O(null);try{let e=await(0,c.readApprovalInstance)(p);ee(e.activityLogs),te(e.instance),fe(e.tasks),he(e.workflowTokens);let[t,n,r,i]=await Promise.all([we(e.tasks),Ce(e),(0,c.listAttachments)(e.instance.id),(0,c.readInstanceSignatures)(e.instance.id)]);re(t),ye(n),ae(r),b(i.signatures),C(i.verification)}catch(e){O(E(e))}finally{De(!1)}}async function At(e,t){if(!h)throw Error(`尚未登入，無法上傳附件`);return{id:(await(0,c.uploadAttachment)({file:t,formFieldPath:`form.${e.fieldKey}`})).id}}async function jt(e){if(!h)return;let t=await(0,c.readAttachmentDownloadUrl)({id:e.id});window.open(t,`_blank`,`noopener,noreferrer`)}async function Mt(e){if(!h)return;let t=await(0,c.readAttachmentPreviewUrl)({id:e.id});rt(e),at(t)}async function Nt({action:e,comment:t,returnToNodeId:n=null,transferToMemberId:r=null}){if(!(!h||!X)){j(!0),O(null);try{await(0,c.decideTask)({action:e,comment:t,decidedByMemberId:h,returnToNodeId:n,taskId:X.id,transferToMemberId:r}),R(!1),B(!1),Ye(!1),F(``),z(``),W(``),K(null),U(null),L(null),await kt()}catch(e){O(E(e))}finally{j(!1)}}}function Pt(){F(``),L(null),R(!0)}function Ft(){A||(R(!1),F(``),L(null))}function It(){z(``),U(ut[0]?.id??null),B(!0)}function Lt(){A||(B(!1),z(``),U(null))}function Rt(){W(``),K(null),Ye(!0),Bt(``)}function zt(){A||(Ye(!1),W(``),K(null))}async function Bt(e){Ke(!0);try{qe((await(0,c.searchMembers)(e)).filter(e=>e.memberId!==h).map(He))}catch(e){O(E(e))}finally{Ke(!1)}}async function Vt(){if(!ot){L(`請輸入拒絕原因`);return}await Nt({action:`REJECTED`,comment:ot})}async function Ht(){if(!G){O(`請選擇轉派對象`);return}await Nt({action:`TRANSFERRED`,comment:lt||null,transferToMemberId:G.id})}async function Ut(){await Nt({action:`RETURNED`,comment:ct||null,returnToNodeId:ft?.id??null})}async function Wt(){if(!(!h||!_||!pt)){if(j(!0),O(null),J({}),_.formDefinitionSnapshot.schema&&_.formDefinitionSnapshot.uiSchema){let e=(0,d.validateFormRendererValues)({schema:_.formDefinitionSnapshot.schema,uiSchema:_.formDefinitionSnapshot.uiSchema,values:et});if(!e.valid){J(e.errors),O(`請先補齊必填欄位。`),e.firstInvalidFieldKey&&(0,d.focusFormRendererField)(e.firstInvalidFieldKey),j(!1);return}}try{await(0,c.cancelApprovalInstance)({cancelledByMemberId:h,comment:st||null,instanceId:_.id}),Ae(``),P(!1),await kt()}catch(e){O(E(e))}finally{j(!1)}}}async function Gt(){if(!(!h||!_||!Q)){j(!0),O(null);try{await(0,c.resubmitApprovalInstance)({formData:et,initiatorMemberId:h,instanceId:_.id,title:_.title}),await kt()}catch(e){O(E(e))}finally{j(!1)}}}return(0,s.jsxs)(e.t,{activeHref:`/inbox`,children:[(0,s.jsx)(o.PageHeader,{children:(0,s.jsxs)(u.default,{description:_?`${Be(_.state)} · ${n.t(_.startedAt)}`:`載入案件內容。`,title:_?.title??`簽核案件`,children:[_?(0,s.jsx)(o.Button,{"aria-label":`查看流程圖`,icon:l.ShareIcon,iconType:`icon-only`,onClick:()=>N(!0),title:`查看流程圖`,variant:`base-secondary`,children:`流程圖`}):null,pt?(0,s.jsx)(o.Button,{disabled:A,icon:l.DangerousOutlineIcon,iconType:`leading`,onClick:()=>P(!0),variant:`destructive-secondary`,children:`取消案件`}):null,X?(0,s.jsxs)(s.Fragment,{children:[dt?(0,s.jsx)(o.Button,{disabled:A,icon:l.RefreshCcwIcon,iconType:`leading`,onClick:It,variant:`base-secondary`,children:`退回`}):null,(0,s.jsx)(o.Button,{disabled:A,icon:l.UserIcon,iconType:`leading`,onClick:Rt,variant:`base-secondary`,children:`轉派`}),(0,s.jsx)(o.Button,{disabled:A,icon:l.DangerousOutlineIcon,iconType:`leading`,onClick:Pt,variant:`destructive-secondary`,children:`拒絕`}),(0,s.jsx)(o.Button,{disabled:A,icon:l.CheckedIcon,iconType:`leading`,onClick:()=>void Nt({action:`APPROVED`,comment:null}),variant:`base-primary`,children:`同意`})]}):null]})}),(0,s.jsxs)(o.SectionGroup,{children:[(0,s.jsx)(o.Section,{children:(0,s.jsxs)(`div`,{style:y,children:[D?(0,s.jsx)(o.Typography,{color:`text-error`,variant:`body`,children:D}):null,k?(0,s.jsx)(o.Typography,{color:`text-neutral`,variant:`body`,children:`載入中...`}):null,_?.formDefinitionSnapshot.schema&&_.formDefinitionSnapshot.uiSchema?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(i.t,{errors:$e,onChange:e=>{tt(e),J({})},onUploadAttachment:Q?At:void 0,readonly:!Q,schema:_.formDefinitionSnapshot.schema,uiSchema:_.formDefinitionSnapshot.uiSchema,value:Q?et:_.formData}),Q?(0,s.jsx)(`div`,{style:se,children:(0,s.jsx)(o.Button,{disabled:A,icon:l.RefreshCcwIcon,iconType:`leading`,onClick:()=>void Gt(),variant:`base-primary`,children:`重新送出`})}):null]}):(0,s.jsx)(o.Typography,{color:`text-neutral`,variant:`body`,children:`此案件沒有可顯示的表單快照。`})]})}),(0,s.jsx)(o.Section,{children:(0,s.jsxs)(`div`,{style:y,children:[(0,s.jsx)(o.Typography,{component:`h2`,variant:`h3`,children:`附件`}),wt.length>0?(0,s.jsx)(o.Table,{actions:Et,columns:Tt,dataSource:wt,fullWidth:!0}):(0,s.jsx)(o.Typography,{color:`text-neutral`,variant:`body`,children:`此案件沒有附件。`})]})}),(0,s.jsxs)(o.Section,{children:[(0,s.jsx)(o.Typography,{component:`h2`,variant:`h3`,children:`任務`}),(0,s.jsx)(o.Table,{columns:Ct,dataSource:ht,fullWidth:!0})]}),(0,s.jsx)(o.Section,{children:(0,s.jsxs)(`div`,{style:y,children:[(0,s.jsx)(o.Typography,{component:`h2`,variant:`h3`,children:`簽章`}),(0,s.jsx)(o.Typography,{color:x?.valid?`text-success`:`text-error`,variant:`body`,children:x?x.valid?`簽章鏈已驗證，共 ${x.checkedCount} 筆。`:`簽章鏈驗證失敗：${x.errors.join(`、`)}`:`尚無簽章紀錄。`}),Dt.length>0?(0,s.jsx)(o.Table,{columns:Ot,dataSource:Dt,fullWidth:!0}):null]})}),(0,s.jsx)(o.Section,{children:(0,s.jsxs)(`div`,{style:y,children:[(0,s.jsx)(o.Typography,{component:`h2`,variant:`h3`,children:`歷程`}),vt.length>0?(0,s.jsx)(o.Stepper,{currentStep:yt,orientation:`vertical`,type:`dot`,children:vt.map(e=>(0,s.jsx)(Se,{descriptionParts:e.descriptionParts,error:e.error,forcePending:e.forcePending,title:e.title},e.id))}):(0,s.jsx)(o.Typography,{color:`text-neutral`,variant:`body`,children:`尚無歷程紀錄。`})]})})]}),_?(0,s.jsx)(o.Modal,{modalType:`standard`,onClose:()=>N(!1),open:M,showModalHeader:!0,size:`wide`,supportingText:`${Be(_.state)} · ${n.t(_.startedAt)}`,title:`流程圖`,children:(0,s.jsxs)(`div`,{style:ce,children:[(0,s.jsx)(`div`,{style:de,children:(0,s.jsxs)(f.ReactFlow,{edges:xt,fitView:!0,fitViewOptions:{padding:.18},maxZoom:1.2,minZoom:.2,nodes:bt,nodesDraggable:!1,nodesFocusable:!1,nodeTypes:ve,panOnDrag:!0,proOptions:{hideAttribution:!0},children:[(0,s.jsx)(f.Background,{}),(0,s.jsx)(f.Controls,{showInteractive:!1})]})}),St.length>0?(0,s.jsx)(`div`,{style:pe,children:St.map(e=>(0,s.jsx)(`span`,{style:me,children:e},e))}):null]})}):null,(0,s.jsx)(o.Modal,{modalType:`standard`,onClose:()=>{rt(null),at(null)},open:!!(Y&&it),showModalHeader:!0,size:`wide`,supportingText:Y?.filename??void 0,title:`PDF 預覽`,children:it?(0,s.jsx)(oe,{filename:Y?.filename??`PDF 預覽`,fileUrl:it,onDownload:Y?()=>void jt(Y):void 0}):null}),(0,s.jsx)(o.Modal,{cancelText:`保留案件`,confirmButtonProps:{variant:`destructive-primary`},confirmText:`確認取消`,loading:A,modalStatusType:`error`,modalType:`standard`,onCancel:()=>P(!1),onClose:()=>P(!1),onConfirm:()=>void Wt(),open:je,showModalFooter:!0,showModalHeader:!0,supportingText:`取消後會關閉目前待簽任務與候選簽核人。`,title:`取消案件`,children:(0,s.jsxs)(`div`,{style:y,children:[(0,s.jsxs)(o.Typography,{variant:`body`,children:[`確定要取消「`,_?.title??``,`」嗎？`]}),(0,s.jsx)(r.t,{label:`取消原因`,name:`cancelComment`,children:(0,s.jsx)(o.Textarea,{onChange:e=>Ae(e.target.value),placeholder:`可填寫取消原因`,resize:`vertical`,rows:3,value:ke})})]})}),(0,s.jsx)(o.Modal,{cancelText:`取消`,confirmButtonProps:{disabled:!ot,variant:`destructive-primary`},confirmText:`送出拒絕`,loading:A,modalStatusType:`error`,modalType:`standard`,onCancel:Ft,onClose:Ft,onConfirm:()=>void Vt(),open:Ne,showModalFooter:!0,showModalHeader:!0,size:`regular`,supportingText:`拒絕案件時必須留下原因，供發起人與後續追蹤查看。`,title:`拒絕原因`,children:(0,s.jsxs)(`div`,{style:le,children:[(0,s.jsx)(r.t,{label:`拒絕原因`,name:`rejectReason`,required:!0,children:(0,s.jsx)(o.Textarea,{autoFocus:!0,onChange:e=>{F(e.target.value),L(null)},placeholder:`請說明拒絕原因`,ref:_e,resize:`vertical`,rows:4,style:S,type:I?`error`:`default`,value:Me})}),I?(0,s.jsx)(o.Typography,{color:`text-error`,variant:`body`,children:I}):null]})}),(0,s.jsx)(o.Modal,{cancelText:`取消`,confirmButtonProps:{disabled:!G},confirmText:`送出轉派`,loading:A,modalType:`standard`,onCancel:zt,onClose:zt,onConfirm:()=>void Ht(),open:Je,showModalFooter:!0,showModalHeader:!0,size:`regular`,supportingText:`轉派後，原任務會保留轉派紀錄，新的待簽任務會指派給指定成員。`,title:`轉派簽核`,children:(0,s.jsxs)(`div`,{style:ue,children:[(0,s.jsx)(r.t,{label:`轉派對象`,name:`transferToMemberId`,required:!0,children:(0,s.jsx)(o.AutoComplete,{asyncData:!0,disabledOptionsFilter:!0,emptyText:`沒有符合的成員`,inputProps:{autoCapitalize:`none`,autoCorrect:`off`,name:`transfer-member-search`,spellCheck:!1},loading:Ge,loadingText:`搜尋成員中...`,mode:`single`,onChange:e=>K(Ue(e)),onSearch:Bt,onSearchTextChange:e=>K(We(e,q)),onVisibilityChange:e=>{e&&Bt(``)},options:[...q],placeholder:`搜尋姓名或信箱`,searchDebounceTime:300,value:G})}),(0,s.jsx)(r.t,{label:`轉派說明`,name:`transferComment`,children:(0,s.jsx)(o.Textarea,{onChange:e=>W(e.target.value),placeholder:`可補充轉派原因`,ref:_e,resize:`vertical`,rows:4,style:S,value:Ve})})]})}),(0,s.jsx)(o.Modal,{cancelText:`取消`,confirmButtonProps:{disabled:!ft},confirmText:`送出退回`,loading:A,modalType:`standard`,onCancel:Lt,onClose:Lt,onConfirm:()=>void Ut(),open:Fe,showModalFooter:!0,showModalHeader:!0,size:`regular`,supportingText:`退回後，流程會回到指定節點並等待重新處理。`,title:`退回簽核`,children:(0,s.jsxs)(`div`,{style:ue,children:[(0,s.jsx)(r.t,{label:`退回節點`,name:`returnTargetNodeId`,required:!0,children:(0,s.jsx)(o.Select,{clearable:!1,fullWidth:!0,onChange:e=>U(e?.id??null),options:[...ut],placeholder:`選擇退回節點`,value:ft})}),(0,s.jsx)(r.t,{label:`退回說明`,name:`returnComment`,children:(0,s.jsx)(o.Textarea,{onChange:e=>z(e.target.value),placeholder:`可補充需要修改的內容`,ref:_e,resize:`vertical`,rows:4,style:S,value:Pe})})]})})]})}function E(e){return e instanceof Error?e.message:`發生未知錯誤`}function be(e){return!Number.isFinite(e)||e<=0?`-`:e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/1024/1024).toFixed(1)} MB`}function xe(e){return e.length>16?`${e.slice(0,12)}...`:e}function D(...e){return e.filter(e=>q(e??null)).join(` `)}var Se=(0,a.forwardRef)(function({className:e,descriptionParts:t,error:n,forcePending:r=!1,index:i=0,orientation:c,status:l=`pending`,title:u,type:d=`number`,...f},p){let h=r?`pending`:l;return(0,s.jsxs)(`div`,{...f,className:D(m.stepClasses.host,d===`dot`?m.stepClasses.dot:null,n&&h!==`processing`?m.stepClasses.error:null,c===`horizontal`?m.stepClasses.horizontal:null,d===`number`?m.stepClasses.number:null,h===`pending`?m.stepClasses.pending:null,h===`processing`?m.stepClasses.processing:null,n&&h===`processing`?m.stepClasses.processingError:null,!n&&h===`succeeded`?m.stepClasses.succeeded:null,c===`vertical`?m.stepClasses.vertical:null,e),ref:p,children:[d===`dot`?(0,s.jsx)(`span`,{className:D(m.stepClasses.statusIndicator,m.stepClasses.statusIndicatorDot)}):(0,s.jsx)(`span`,{className:m.stepClasses.statusIndicator,children:i+1}),(0,s.jsxs)(`div`,{className:m.stepClasses.textContainer,children:[(0,s.jsxs)(o.Typography,{className:m.stepClasses.title,variant:`label-primary-highlight`,children:[u,(0,s.jsx)(`span`,{className:m.stepClasses.titleConnectLine})]}),t.length>0?(0,s.jsx)(o.Typography,{className:m.stepClasses.description,variant:`caption`,children:t.map((e,t)=>(0,s.jsxs)(a.Fragment,{children:[t>0?` · `:null,O(e)]},`${e.type}-${t}`))}):null]})]})});function O(e){return e.type===`text`?e.text:e.type===`dangerText`?(0,s.jsx)(`span`,{style:ge,children:e.text}):e.email?(0,s.jsxs)(s.Fragment,{children:[e.prefix,`：`,(0,s.jsx)(o.Tooltip,{title:e.email,children:({onMouseEnter:t,onMouseLeave:n,ref:r})=>(0,s.jsx)(`span`,{"data-testid":e.memberId?`member-tooltip-${e.memberId}`:void 0,onMouseEnter:t,onMouseLeave:n,ref:r,style:he,children:e.label})})]}):`${e.prefix}：${e.label}`}async function Ce({activityLogs:e,tasks:t}){let n=[...new Set([...e.map(e=>e.actorMemberId),...t.map(e=>e.assigneeMemberId),...t.map(e=>e.originalAssigneeMemberId),...t.flatMap(e=>e.candidateMemberIds),...t.flatMap(e=>K(e.delegationChainJson).flatMap(e=>[e.from,e.to]))].filter(q))];try{return await(0,c.resolveMemberProfiles)(n)}catch{return[]}}async function we(e){return(await Promise.all(e.map(e=>(0,c.listTaskDecisions)(e.id)))).flat()}function Te(e){return e.reduce((e,t)=>{let n=e.get(t.taskId),r=!n||new Date(t.decidedAt).getTime()>new Date(n.decidedAt).getTime()?t:n;return new Map(e).set(t.taskId,r)},new Map)}function Ee(e,t,n,r,i,a,o,s,c){let l=e.filter(N).map(e=>{let t=Ne(e),n=B(e.nodeId,r);return{descriptionParts:[k(n?`節點：${n}`:`節點：全流程`),A(`操作者`,e.actorMemberId,a,`系統`),k(`時間：${Ve(e.createdAt)}`),...Fe(e,t,r,o,s,c,a)].filter(M),error:U(e,t),id:e.id,title:R(e.eventType,t)}}),u=t.filter(Je).map(e=>({descriptionParts:[k(`節點：${V(e.nodeId,r)}`),A(`處理者`,e.assigneeMemberId,a,`未指定`),k(`建立時間：${Ve(e.createdAt)}`)].filter(M),error:!1,id:`pending-task-${e.id}`,title:e.status===`IN_PROGRESS`?`簽核處理中`:`等待簽核處理`})),d=new Set([...e.filter(N).map(e=>e.nodeId),...t.map(e=>e.nodeId)].filter(q)),f=r?Ae(r,t,n,i,d).map(e=>({descriptionParts:[k(`${J(e.type)} · 尚未抵達`)].filter(M),error:!1,forcePending:!0,id:`future-node-${e.id}`,title:L(e)})):[];return[...l,...u,...f]}function k(e){return q(e)?{text:e,type:`text`}:null}function De(e){return q(e)?{text:e,type:`dangerText`}:null}function A(e,t,n,r){let i=t?n.get(t):null;return{email:i?.email??null,label:i?.name??r,memberId:t,prefix:e,type:`member`}}function j(e,t){if(!e)return`-`;let n=t.get(e);return n?`${n.name}（${n.email}）`:e}function M(e){return!!e}function Oe(e){let t=e.findIndex(e=>e.id.startsWith(`pending-task-`)||e.id.startsWith(`future-node-`));return t===-1?e.length:t}function N(e){return e.eventType===`INSTANCE_STARTED`||e.eventType===`TASK_DECIDED`||e.eventType===`SLA_TRIGGERED`}function ke(e,t,n,r,i){if(e.type===`startEvent`||i.has(e.id))return!1;if(r===`REJECTED`)return!0;let a=$e(e,t,n,r);return a.tone===`neutral`||a.tone===`waiting`}function Ae(e,t,n,r,i){if(r!==`RUNNING`&&r!==`REJECTED`)return[];let a=e.nodes.filter(e=>ke(e,t,n,r,i)),o=je(e,a,t,n,i),s=new Map(e.nodes.map((e,t)=>[e.id,t]));return a.filter(e=>o.has(e.id)).sort((e,t)=>{let n=o.get(e.id)??0,r=o.get(t.id)??0;return n===r?e.position.x===t.position.x?e.position.y===t.position.y?(s.get(e.id)??0)-(s.get(t.id)??0):e.position.y-t.position.y:e.position.x-t.position.x:n-r})}function je(e,t,n,r,i){let a=new Set(t.map(e=>e.id)),o=e.edges.reduce((e,t)=>{let n=[...e.get(t.source)??[],t.target];return new Map(e).set(t.source,n)},new Map);return P(e,n,r,i).reduce((e,t)=>I(e,Me(t,o,a)),new Map)}function P(e,t,n,r){let i=n.filter(e=>e.status===`ACTIVE`||e.status===`WAITING`).map(e=>e.currentNodeId),a=t.filter(Je).map(e=>e.nodeId),o=e.nodes.filter(e=>r.has(e.id)).map(e=>e.id),s=[...new Set([...i,...a,...o])],c=e.nodes.filter(e=>e.type===`startEvent`).map(e=>e.id);return s.length>0?s:c}function Me(e,t,n){return F([{distance:0,nodeId:e}],t,n)}function F(e,t,n,r=new Set,i=new Map){let[a,...o]=e;if(!a)return i;if(r.has(a.nodeId))return F(o,t,n,r,i);let s=new Set(r).add(a.nodeId),c=n.has(a.nodeId)?new Map(i).set(a.nodeId,Math.min(i.get(a.nodeId)??a.distance,a.distance)):i;return F([...o,...(t.get(a.nodeId)??[]).map(e=>({distance:a.distance+1,nodeId:e}))],t,n,s,c)}function I(e,t){return[...t.entries()].reduce((e,[t,n])=>new Map(e).set(t,Math.min(e.get(t)??n,n)),e)}function L(e){return e.type===`userTask`?`未來簽核：${e.data.label}`:e.type===`serviceTask`?`未來知會：${e.data.label}`:e.type===`exclusiveGateway`?`未來分流：${e.data.label}`:e.type===`parallelGateway`?`未來匯合：${e.data.label}`:e.type===`endEvent`?`流程完成：${e.data.label}`:`未來節點：${e.data.label}`}function Ne(e){try{let t=JSON.parse(e.payloadJson);return qe(t)?t:{}}catch{return{}}}function R(e,t){return e===`INSTANCE_STARTED`?`案件已發起`:e===`TOKEN_CREATED`?`流程路徑已建立`:e===`ENGINE_PROCESS_REQUESTED`?`流程引擎已處理`:e===`TOKEN_ADVANCED`?`流程已前進`:e===`TASK_CREATED`?`待簽任務已建立`:e===`TASK_DECIDED`?Pe(W(t,`action`)):e===`SLA_TRIGGERED`?`時限提醒已觸發`:e}function Pe(e){return e===`APPROVED`?`已同意`:e===`REJECTED`?`已拒絕`:e===`RETURNED`?`已退回`:e===`TRANSFERRED`?`已轉派`:`簽核已決議`}function z(e,t,n,r){if(e.eventType===`TASK_CREATED`){let e=W(t,`assigneeMemberId`),n=W(t,`originalAssigneeMemberId`);if(!e){let e=G(t,`candidateMemberIds`);return e.length?`候選簽核人：${e.map(e=>j(e,r)).join(`、`)}`:null}let i=j(e,r),a=j(n,r);return n&&n!==e?`待簽人：${i}（原簽核人：${a}）`:`待簽人：${i}`}if(e.eventType===`TASK_DECIDED`){let e=W(t,`action`),n=W(t,`comment`),i=e?`決議：${H(e)}`:null,a=W(t,`transferToMemberId`);return e===`REJECTED`&&n?[i,`拒絕原因：${n}`].filter(q).join(` · `):e===`TRANSFERRED`?[i,`轉派給：${j(a,r)}`].filter(q).join(` · `):i}if(e.eventType===`TOKEN_ADVANCED`){let e=W(t,`action`);if(e)return`流程結果：${H(e)}`;let r=Ke(t,`arrivedCount`),i=Ke(t,`requiredCount`);if(r!==null&&i!==null)return`等待匯合：${r}/${i}`;let a=W(t,`fromNodeId`),o=W(t,`toNodeId`);if(a&&o)return`由 ${V(a,n)} 前進至 ${V(o,n)}`}if(e.eventType===`ENGINE_PROCESS_REQUESTED`){let e=W(t,`state`);return e?`案件狀態：${Be(e)}`:null}return null}function Fe(e,t,n,r,i,a,o){if(e.eventType!==`TASK_DECIDED`)return[k(z(e,t,n,o))].filter(M);let s=e.taskId?r.get(e.taskId):null,c=W(t,`action`)??s?.action??null,l=W(t,`comment`)??s?.comment??null,u=W(t,`transferToMemberId`)??s?.transferToMemberId??null,d=W(t,`signatureId`)??s?.signatureId??null,f=d?i.get(d):null;return[k(c?`決議：${H(c)}`:null),c===`REJECTED`?De(`拒絕原因：${l??`-`}`):null,c===`RETURNED`?k(`退回說明：${l??`-`}`):null,c===`TRANSFERRED`?k(`轉派給：${j(u,o)}`):null,c===`TRANSFERRED`?k(`轉派說明：${l??`-`}`):null,f?k(a?.valid?`簽章：已驗證（${xe(f.signedPayloadHash)}）`:`簽章：待檢查（${xe(f.signedPayloadHash)}）`):null].filter(M)}function B(e,t){return e?V(e,t):null}function V(e,t){return t?.nodes.find(t=>t.id===e)?.data.label??e}function Ie(e,t){if(t.type!==`userTask`||!t.data.returnBehavior.allowReturn)return[];if(t.data.returnBehavior.allowedTargets===`ANY`)return e.nodes.filter(e=>e.id!==t.id).map(e=>({id:e.id,name:`${e.data.label}（${J(e.type)}）`}));let n=t.data.returnBehavior.allowedTargets===`INITIATOR`?e.nodes.find(e=>e.type===`startEvent`)?.id:e.edges.find(e=>e.target===t.id)?.source,r=e.nodes.find(e=>e.id===n);return r?[{id:r.id,name:`${r.data.label}（${J(r.type)}）`}]:[]}function H(e){return e===`APPROVED`?`同意`:e===`REJECTED`?`拒絕`:e===`RETURNED`?`退回`:e===`TRANSFERRED`?`轉派`:e}function Le(e){return e===`PENDING`?`待處理`:e===`IN_PROGRESS`?`處理中`:e===`COMPLETED`?`已完成`:e===`CANCELLED`?`已取消`:e===`TRANSFERRED`?`已轉派`:e}function Re(e,t=new Map){let n=K(e.delegationChainJson);if(!e.assigneeMemberId)return e.candidateMemberIds.length?`候選 ${e.candidateMemberIds.map(e=>j(e,t)).join(`、`)}`:`未指定`;let r=j(e.assigneeMemberId,t),i=j(e.originalAssigneeMemberId,t);return n.length===0||e.originalAssigneeMemberId===e.assigneeMemberId?r:`${r}（原：${i}）`}function ze(e,t){return t?e.assigneeMemberId===t||e.candidateMemberIds.includes(t):!1}function Be(e){return e===`APPROVED`?`已同意`:e===`CANCELLED`?`已取消`:e===`DRAFT`?`草稿`:e===`EXPIRED`?`已逾期`:e===`REJECTED`?`已拒絕`:e===`RETURNED`?`已退回`:e===`RUNNING`?`進行中`:e}function U(e,t){return e.eventType===`SLA_TRIGGERED`||W(t,`action`)===`REJECTED`||W(t,`instanceState`)===`REJECTED`}function Ve(e){return n.t(e)}function W(e,t){let n=e[t];return typeof n==`string`?n:null}function G(e,t){let n=e[t];return Array.isArray(n)?n.filter(e=>typeof e==`string`):[]}function He(e){return{email:e.email,id:e.memberId,name:`${e.name} · ${e.email}`}}function Ue(e){if(!qe(e))return null;let t=e.email,n=e.id,r=e.name;return typeof n==`string`&&typeof r==`string`?{email:typeof t==`string`?t:null,id:n,name:r}:null}function We(e,t){let n=e.trim().toLocaleLowerCase();if(!n)return null;let r=t.filter(e=>[e.id,e.name,e.email??``].some(e=>e.toLocaleLowerCase().includes(n)));return r.length===1?r[0]??null:null}function K(e){try{let t=JSON.parse(e);return Array.isArray(t)?t.map(e=>qe(e)?Ge(e):null).filter(e=>e!==null):[]}catch{return[]}}function Ge(e){let t=W(e,`from`),n=W(e,`to`),r=W(e,`reason`);return!t||!n||!r?null:{from:t,reason:r,ruleId:W(e,`ruleId`),to:n}}function Ke(e,t){let n=e[t];return typeof n==`number`?n:null}function q(e){return typeof e==`string`&&e.trim().length>0}function qe(e){return typeof e==`object`&&!!e}function Je(e){return e.status===`PENDING`||e.status===`IN_PROGRESS`}function Ye({data:e}){return(0,s.jsxs)(`div`,{style:et(e.tone),children:[(0,s.jsx)(f.Handle,{isConnectable:!1,position:f.Position.Left,style:T,type:`target`}),(0,s.jsx)(o.Typography,{component:`span`,ellipsis:!0,title:e.label,variant:`label-primary`,children:e.label}),(0,s.jsx)(`span`,{style:tt(e.tone),children:e.statusLabel}),(0,s.jsx)(`span`,{title:e.secondaryLabel,style:fe,children:e.secondaryLabel||e.kindLabel}),(0,s.jsx)(f.Handle,{isConnectable:!1,position:f.Position.Right,style:T,type:`source`})]})}function Xe(e,t,n,r){return e.nodes.map(e=>{let i=$e(e,t,n,r);return{data:{kindLabel:J(e.type),label:e.data.label,secondaryLabel:i.secondaryLabel,statusLabel:i.statusLabel,tone:i.tone},id:e.id,position:e.position,sourcePosition:f.Position.Right,targetPosition:f.Position.Left,type:`workflowRuntime`}})}function Ze(e){let t=new p.graphlib.Graph;return t.setDefaultEdgeLabel(()=>({})),t.setGraph({nodesep:56,rankdir:`LR`,ranksep:120}),e.nodes.forEach(e=>{t.setNode(e.id,{height:x,width:b})}),e.edges.forEach(e=>{t.setEdge(e.source,e.target)}),p.layout(t),{...e,nodes:e.nodes.map(e=>{let n=t.node(e.id);return n?{...e,position:{x:n.x-b/2,y:n.y-x/2}}:e})}}function Qe(e){return e.edges.map(e=>{let t=Y(e);return{animated:!1,id:e.id,label:t,labelBgBorderRadius:6,labelBgPadding:[8,4],labelBgStyle:{fill:e.data.isDefault?`#f8fafc`:`#eff6ff`,stroke:e.data.isDefault?`#64748b`:`#2563eb`,strokeWidth:1},labelShowBg:!!t,labelStyle:{fill:e.data.isDefault?`#475569`:`#2563eb`,fontSize:12,fontWeight:600},source:e.source,style:{stroke:`#475569`,strokeWidth:1.5},target:e.target,type:e.type??`smoothstep`}})}function $e(e,t,n,r){let i=t.filter(t=>t.nodeId===e.id),a=i.find(e=>e.status===`PENDING`||e.status===`IN_PROGRESS`),o=i.find(e=>e.status===`CANCELLED`),s=i.find(e=>e.status===`COMPLETED`),c=n.filter(t=>t.currentNodeId===e.id),l=c.find(e=>e.status===`ACTIVE`),u=c.find(e=>e.status===`WAITING`);return a?{secondaryLabel:`處理者 ${Re(a)}`,statusLabel:`待處理`,tone:`current`}:o?{secondaryLabel:`已取消 ${Re(o)}`,statusLabel:`已取消`,tone:`cancelled`}:s?{secondaryLabel:`已完成 ${Re(s)}`,statusLabel:`已完成`,tone:`completed`}:l?{secondaryLabel:`token ${l.id}`,statusLabel:`執行中`,tone:`current`}:u?{secondaryLabel:`token ${u.id}`,statusLabel:`等待前置`,tone:`waiting`}:e.type===`startEvent`?{secondaryLabel:`流程已發起`,statusLabel:`已發起`,tone:`completed`}:e.type===`endEvent`&&r!==`RUNNING`?{secondaryLabel:r,statusLabel:r===`REJECTED`?`已拒絕`:`已完成`,tone:r===`REJECTED`?`cancelled`:`completed`}:{secondaryLabel:J(e.type),statusLabel:`未抵達`,tone:`neutral`}}function J(e){return e===`startEvent`?`開始`:e===`endEvent`?`完成`:e===`userTask`?`簽核節點`:e===`serviceTask`?`知會節點`:e===`exclusiveGateway`?`條件分流`:`平行處理`}function et(e){return e===`current`?{...C,border:`1px solid var(--mzn-color-primary, #0057ff)`,boxShadow:`0 0 0 3px rgba(0, 87, 255, 0.14)`}:e===`completed`?{...C,border:`1px solid #16a34a`}:e===`cancelled`?{...C,border:`1px solid #dc2626`,opacity:.72}:e===`waiting`?{...C,border:`1px dashed #64748b`}:C}function tt(e){let t=w;return e===`current`?{...t,background:`#eff6ff`,color:`#2563eb`}:e===`completed`?{...t,background:`#f0fdf4`,color:`#15803d`}:e===`cancelled`?{...t,background:`#fef2f2`,color:`#dc2626`}:e===`waiting`?{...t,background:`#f8fafc`,color:`#475569`}:{...t,background:`#f1f5f9`,color:`#64748b`}}function Y(e){return e.data.label?e.data.label:e.data.isDefault?`其他情況`:e.data.condition??``}function nt(e){return e.edges.map(Y).filter(e=>e.trim().length>0)}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return ye}});
+//# sourceMappingURL=detail-B2gcOPkd.cjs.map