@rytass/bpm-core-react 0.3.7 → 0.4.0

package/dist/chunks/delegations-B2j-wNEO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"delegations-B2j-wNEO.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 { useBPMRoutes } from '../../../lib/routes-config';\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,\n}: AdminDelegationsViewProps = {}): ReactElement {\n  const routes = useBPMRoutes();\n  const resolvedActiveHref = activeHref ?? routes.adminDelegations();\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={resolvedActiveHref}>\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-CsB9ozLu.cjs

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"delegations-CsB9ozLu.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 { useBPMRoutes } from '../../lib/routes-config';\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,\n}: DelegationsViewProps = {}): ReactElement {\n  const routes = useBPMRoutes();\n  const resolvedActiveHref = activeHref ?? routes.delegations();\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={resolvedActiveHref}>\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-CvtwTXNP.cjs

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"delegations-CvtwTXNP.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 { useBPMRoutes } from '../../../lib/routes-config';\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,\n}: AdminDelegationsViewProps = {}): ReactElement {\n  const routes = useBPMRoutes();\n  const resolvedActiveHref = activeHref ?? routes.adminDelegations();\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={resolvedActiveHref}>\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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"}