@plumile/backoffice-react 0.1.88 → 0.1.91

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/lib/esm/{AcceptInvitationScreen-dnOvRx4Z.js → AcceptInvitationScreen-DLc4aovr.js} +8 -7
  2. package/lib/esm/AcceptInvitationScreen-DLc4aovr.js.map +1 -0
  3. package/lib/esm/{AuthPanel-DiHejPoq.js → AuthPanel-BaIRFGbX.js} +2 -2
  4. package/lib/esm/{AuthPanel-DiHejPoq.js.map → AuthPanel-BaIRFGbX.js.map} +1 -1
  5. package/lib/esm/{BackofficeAcceptInvitationPage-CGht2ka0.js → BackofficeAcceptInvitationPage-D0dZnrV7.js} +4 -4
  6. package/lib/esm/{BackofficeAcceptInvitationPage-CGht2ka0.js.map → BackofficeAcceptInvitationPage-D0dZnrV7.js.map} +1 -1
  7. package/lib/esm/{BackofficeDashboardPage-h1OWb_rV.js → BackofficeDashboardPage-YWvoQODn.js} +33 -33
  8. package/lib/esm/{BackofficeDashboardPage-h1OWb_rV.js.map → BackofficeDashboardPage-YWvoQODn.js.map} +1 -1
  9. package/lib/esm/{BackofficeDetailPayload-iVx66o_6.js → BackofficeDetailPayload-P61MDRLE.js} +2 -2
  10. package/lib/esm/{BackofficeDetailPayload-iVx66o_6.js.map → BackofficeDetailPayload-P61MDRLE.js.map} +1 -1
  11. package/lib/esm/{BackofficeEntityActionFormDialog-V4QXnvpy.js → BackofficeEntityActionFormDialog-BgRTJ_JS.js} +3 -4
  12. package/lib/esm/{BackofficeEntityActionFormDialog-V4QXnvpy.js.map → BackofficeEntityActionFormDialog-BgRTJ_JS.js.map} +1 -1
  13. package/lib/esm/{BackofficeEntityDetailPage-CIyGKwVP.js → BackofficeEntityDetailPage-DPFXbJxC.js} +34 -34
  14. package/lib/esm/{BackofficeEntityDetailPage-CIyGKwVP.js.map → BackofficeEntityDetailPage-DPFXbJxC.js.map} +1 -1
  15. package/lib/esm/{BackofficeEntityListPage-DmZozSNk.js → BackofficeEntityListPage-C8Ucmc_E.js} +3 -4
  16. package/lib/esm/{BackofficeEntityListPage-DmZozSNk.js.map → BackofficeEntityListPage-C8Ucmc_E.js.map} +1 -1
  17. package/lib/esm/{useBackofficeReactTranslation-WfXU8kCf.js → BackofficeErrorBoundary-BwRVSDHU.js} +3 -9
  18. package/lib/esm/BackofficeErrorBoundary-BwRVSDHU.js.map +1 -0
  19. package/lib/esm/{BackofficeLayoutPage-DtFDn_nU.js → BackofficeLayoutPage-j3VUX3Tu.js} +35 -35
  20. package/lib/esm/{BackofficeLayoutPage-DtFDn_nU.js.map → BackofficeLayoutPage-j3VUX3Tu.js.map} +1 -1
  21. package/lib/esm/{BackofficeLoginPage-BvOPqbKO.js → BackofficeLoginPage-BkQHm0x6.js} +7 -6
  22. package/lib/esm/{BackofficeLoginPage-BvOPqbKO.js.map → BackofficeLoginPage-BkQHm0x6.js.map} +1 -1
  23. package/lib/esm/{BackofficePasswordResetCompletePage-ZLhghfhC.js → BackofficePasswordResetCompletePage-CF_0t3Nq.js} +4 -5
  24. package/lib/esm/BackofficePasswordResetCompletePage-CF_0t3Nq.js.map +1 -0
  25. package/lib/esm/{BackofficePasswordResetRequestPage-BLNHQD79.js → BackofficePasswordResetRequestPage-BJOrQXcy.js} +4 -4
  26. package/lib/esm/BackofficePasswordResetRequestPage-BJOrQXcy.js.map +1 -0
  27. package/lib/esm/{BackofficeVerifyEmailPage-BSTtLXdx.js → BackofficeVerifyEmailPage-C81LlsNM.js} +4 -5
  28. package/lib/esm/BackofficeVerifyEmailPage-C81LlsNM.js.map +1 -0
  29. package/lib/esm/{EntityFilterValue-B5ZGHO_u.js → EntityFilterValue-BWUdPBwp.js} +10 -9
  30. package/lib/esm/{EntityFilterValue-B5ZGHO_u.js.map → EntityFilterValue-BWUdPBwp.js.map} +1 -1
  31. package/lib/esm/{EntityIdPickerDialog-DbTnDU4v.js → EntityIdPickerDialog-Yhmr-WsV.js} +9 -9
  32. package/lib/esm/{EntityIdPickerDialog-DbTnDU4v.js.map → EntityIdPickerDialog-Yhmr-WsV.js.map} +1 -1
  33. package/lib/esm/{LazyBackofficeEntityActionFormDialog-BE3wVfU6.js → LazyBackofficeEntityActionFormDialog-DVPQyWlr.js} +8 -7
  34. package/lib/esm/{LazyBackofficeEntityActionFormDialog-BE3wVfU6.js.map → LazyBackofficeEntityActionFormDialog-DVPQyWlr.js.map} +1 -1
  35. package/lib/esm/{PasswordResetCompleteScreen-B0P_tZg2.js → PasswordResetCompleteScreen-Cgg96DPo.js} +6 -5
  36. package/lib/esm/PasswordResetCompleteScreen-Cgg96DPo.js.map +1 -0
  37. package/lib/esm/{PasswordResetRequestScreen-p9s0dblR.js → PasswordResetRequestScreen-I1nFvGLd.js} +6 -5
  38. package/lib/esm/PasswordResetRequestScreen-I1nFvGLd.js.map +1 -0
  39. package/lib/esm/{VerifyEmailScreen--9lxOGlW.js → VerifyEmailScreen-Br5KyHjg.js} +7 -6
  40. package/lib/esm/VerifyEmailScreen-Br5KyHjg.js.map +1 -0
  41. package/lib/esm/backoffice-react.js +843 -1012
  42. package/lib/esm/backoffice-react.js.map +1 -1
  43. package/lib/esm/loginPage.css-B7Io_DuU.js +6 -0
  44. package/lib/esm/loginPage.css-B7Io_DuU.js.map +1 -0
  45. package/lib/esm/{synchronizeAuthStatusQuery-By_lNCnP.js → synchronizeAuthStatusQuery-1juorUEX.js} +47 -46
  46. package/lib/esm/synchronizeAuthStatusQuery-1juorUEX.js.map +1 -0
  47. package/lib/esm/{useAuth-OVPPa9bO.js → useAuth-BdSNpGqe.js} +43 -42
  48. package/lib/esm/useAuth-BdSNpGqe.js.map +1 -0
  49. package/lib/esm/{useBackofficeAuth-BvEoEqnB.js → useBackofficeAuth-C16Euw2X.js} +3 -3
  50. package/lib/esm/{useBackofficeAuth-BvEoEqnB.js.map → useBackofficeAuth-C16Euw2X.js.map} +1 -1
  51. package/lib/esm/{useBackofficeLazyValue-Dnii1_dE.js → useBackofficeLazyValue-Bh_13h8A.js} +2 -2
  52. package/lib/esm/{useBackofficeLazyValue-Dnii1_dE.js.map → useBackofficeLazyValue-Bh_13h8A.js.map} +1 -1
  53. package/lib/esm/useBackofficeReactTranslation-Btt58EIo.js +18 -0
  54. package/lib/esm/useBackofficeReactTranslation-Btt58EIo.js.map +1 -0
  55. package/lib/types/hooks/useBackofficeSessionAuth.d.ts.map +1 -1
  56. package/lib/types/i18n/resources.d.ts +211 -409
  57. package/lib/types/i18n/resources.d.ts.map +1 -1
  58. package/lib/types/pages/BackofficeLoginPage.d.ts.map +1 -1
  59. package/lib/types/provider/BackofficeProvider.d.ts.map +1 -1
  60. package/lib/types/provider/types.d.ts +4 -0
  61. package/lib/types/provider/types.d.ts.map +1 -1
  62. package/package.json +7 -5
  63. package/lib/esm/AcceptInvitationScreen-dnOvRx4Z.js.map +0 -1
  64. package/lib/esm/BackofficeConfigContext-R0t1owTI.js +0 -12
  65. package/lib/esm/BackofficeConfigContext-R0t1owTI.js.map +0 -1
  66. package/lib/esm/BackofficePasswordResetCompletePage-ZLhghfhC.js.map +0 -1
  67. package/lib/esm/BackofficePasswordResetRequestPage-BLNHQD79.js.map +0 -1
  68. package/lib/esm/BackofficeVerifyEmailPage-BSTtLXdx.js.map +0 -1
  69. package/lib/esm/PasswordResetCompleteScreen-B0P_tZg2.js.map +0 -1
  70. package/lib/esm/PasswordResetRequestScreen-p9s0dblR.js.map +0 -1
  71. package/lib/esm/VerifyEmailScreen--9lxOGlW.js.map +0 -1
  72. package/lib/esm/loginPage.css-CBJ1Ozm5.js +0 -12
  73. package/lib/esm/loginPage.css-CBJ1Ozm5.js.map +0 -1
  74. package/lib/esm/synchronizeAuthStatusQuery-By_lNCnP.js.map +0 -1
  75. package/lib/esm/useAuth-OVPPa9bO.js.map +0 -1
  76. package/lib/esm/useBackofficeReactTranslation-WfXU8kCf.js.map +0 -1
  77. package/lib/types/i18n/useSharedTranslation.d.ts +0 -3
  78. package/lib/types/i18n/useSharedTranslation.d.ts.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"BackofficeEntityActionFormDialog-V4QXnvpy.js","names":[],"sources":["../../src/components/backoffice/actions/backofficeEntityActionFormDialog.css.ts","../../src/components/backoffice/actions/BackofficeEntityActionFormDialog.tsx"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const form = sprinkles({\n display: 'flex',\n flexDirection: 'column',\n gap: 3,\n});\n\nexport const actions = sprinkles({\n display: 'flex',\n justifyContent: 'flex-end',\n gap: 2,\n});\n\nexport const checkboxGroup = sprinkles({\n display: 'flex',\n flexDirection: 'column',\n gap: 2,\n});\n\nexport const resultSection = sprinkles({\n display: 'flex',\n flexDirection: 'column',\n gap: 2,\n});\n\nexport const fieldError = sprinkles({\n fontSize: 'xs',\n color: 'error',\n});\n\nexport const fieldDescription = sprinkles({\n fontSize: 'xs',\n color: 'secondary',\n});\n","import {\n type FormEvent,\n type JSX,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useState,\n} from 'react';\nimport type { TFunction } from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\nimport {\n type MutationPayloadBase,\n resolveMutationOutcome,\n} from '../../../relay/mutationResult.js';\nimport {\n BackofficeFormSection,\n Button,\n CheckboxField,\n Form,\n FormErrorBanner,\n FormGroup,\n HighlightCode,\n Input,\n Label,\n Modal,\n SimpleSelect,\n Textarea,\n useToast,\n} from '@plumile/ui';\nimport type {\n BackofficeEntityActionFormFieldSpec,\n BackofficeEntityFormMutationActionSpec,\n I18nLabel,\n} from '@plumile/backoffice-core/types.js';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../../../provider/BackofficeConfigContext.js';\nimport { EntityIdFilterField } from '../filters/EntityIdFilterField.js';\nimport { EntityIdPickerDialog } from '../pickers/EntityIdPickerDialog.js';\nimport {\n resolveToastSpec,\n resolveToastViewActions,\n} from './toastViewAction.js';\n\nconst { commitMutation, useRelayEnvironment } = ReactRelay;\nimport { RoutingContext } from '@plumile/router';\n\nimport * as styles from './backofficeEntityActionFormDialog.css.js';\n\nexport type BackofficeEntityActionFormDialogProps<Node> = {\n isOpen: boolean;\n action: BackofficeEntityFormMutationActionSpec<Node>;\n node: Node;\n onClose: () => void;\n onSuccess?: () => void;\n};\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n return label(tApp);\n};\n\nconst isPlainObject = (value: unknown): value is Record<string, unknown> => {\n return typeof value === 'object' && value != null && !Array.isArray(value);\n};\n\nconst extractMutationPayload = (\n response: unknown,\n): MutationPayloadBase | null => {\n if (!isPlainObject(response)) {\n return null;\n }\n\n for (const value of Object.values(response)) {\n if (isPlainObject(value) && ('status' in value || 'result' in value)) {\n return value;\n }\n }\n\n return null;\n};\n\nconst buildDefaultValues = (\n fields: readonly BackofficeEntityActionFormFieldSpec[],\n): Record<string, unknown> => {\n const output: Record<string, unknown> = {};\n fields.forEach((field) => {\n if (field.kind === 'boolean') {\n output[field.id] = field.defaultValue ?? false;\n return;\n }\n if (field.kind === 'multiEnum') {\n output[field.id] = field.defaultValue ?? [];\n return;\n }\n if (field.defaultValue != null) {\n output[field.id] = field.defaultValue;\n return;\n }\n output[field.id] = '';\n });\n return output;\n};\n\nconst normalizeInitialValue = (\n field: BackofficeEntityActionFormFieldSpec,\n value: unknown,\n): unknown => {\n if (field.kind === 'number') {\n if (typeof value === 'number') {\n return String(value);\n }\n if (typeof value === 'string') {\n return value;\n }\n return '';\n }\n if (field.kind === 'multiEnum') {\n if (Array.isArray(value)) {\n return value.filter((entry): entry is string => {\n return typeof entry === 'string' && entry.trim() !== '';\n });\n }\n return [];\n }\n if (field.kind === 'boolean') {\n return value === true;\n }\n if (typeof value === 'string') {\n return value;\n }\n return value ?? '';\n};\n\nconst buildInitialValues = <Node,>(\n action: BackofficeEntityFormMutationActionSpec<Node>,\n node: Node,\n): Record<string, unknown> => {\n const defaults = buildDefaultValues(action.fields);\n if (action.getInitialValues == null) {\n return defaults;\n }\n const overrides = action.getInitialValues(node);\n const next: Record<string, unknown> = { ...defaults };\n action.fields.forEach((field) => {\n if (!(field.id in overrides)) {\n return;\n }\n next[field.id] = normalizeInitialValue(field, overrides[field.id]);\n });\n return next;\n};\n\nexport const BackofficeEntityActionFormDialog = <Node,>({\n isOpen,\n action,\n node,\n onClose,\n onSuccess,\n}: BackofficeEntityActionFormDialogProps<Node>): JSX.Element | null => {\n const { t: tApp } = useTranslation();\n const { t } = useBackofficeReactTranslation();\n const { entities } = useBackofficeConfig();\n const routing = useContext(RoutingContext);\n const environment = useRelayEnvironment();\n const toast = useToast();\n\n const [values, setValues] = useState<Record<string, unknown>>({});\n const [formError, setFormError] = useState<string | null>(null);\n const [fieldErrors, setFieldErrors] = useState<Record<string, string>>({});\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [resultValue, setResultValue] = useState<string | null>(null);\n const [resultResponse, setResultResponse] = useState<unknown>(null);\n const [activeEntityPicker, setActiveEntityPicker] = useState<{\n fieldId: string;\n entity: string;\n label: string;\n } | null>(null);\n\n useEffect(() => {\n if (!isOpen) {\n return;\n }\n setValues(buildInitialValues(action, node));\n setFormError(null);\n setFieldErrors({});\n setResultValue(null);\n setResultResponse(null);\n }, [action, isOpen, node]);\n\n const setFieldValue = useCallback((fieldId: string, value: unknown) => {\n setValues((current) => {\n return { ...current, [fieldId]: value };\n });\n setFieldErrors((current) => {\n if (current[fieldId] == null) {\n return current;\n }\n const { [fieldId]: removedValue, ...next } = current;\n return next;\n });\n }, []);\n\n const title = resolveLabel(action.label, tApp);\n\n const resolveRequiredError = useCallback(\n (fieldLabel: string): string => {\n return t('actions.form.errors.required', {\n label: fieldLabel,\n });\n },\n [t],\n );\n\n const resolveInvalidNumberError = useCallback(\n (fieldLabel: string): string => {\n return t('actions.form.errors.invalidNumber', {\n label: fieldLabel,\n });\n },\n [t],\n );\n\n const resolveInvalidJsonError = useCallback(\n (fieldLabel: string): string => {\n return t('actions.form.errors.invalidJson', {\n label: fieldLabel,\n });\n },\n [t],\n );\n\n const resolveInvalidJsonObjectError = useCallback(\n (fieldLabel: string): string => {\n return t('actions.form.errors.invalidJsonObject', {\n label: fieldLabel,\n });\n },\n [t],\n );\n\n const resolveInvalidJsonArrayError = useCallback(\n (fieldLabel: string): string => {\n return t('actions.form.errors.invalidJsonArray', {\n label: fieldLabel,\n });\n },\n [t],\n );\n\n const buildPayload = useCallback(():\n | { values: Record<string, unknown> }\n | { error: string; fieldId?: string } => {\n const output: Record<string, unknown> = {};\n\n for (const field of action.fields) {\n const fieldLabel = resolveLabel(field.label, tApp);\n const rawValue = values[field.id];\n\n switch (field.kind) {\n case 'text': {\n let value = '';\n if (typeof rawValue === 'string') {\n value = rawValue.trim();\n }\n if (value === '') {\n if (field.required) {\n return {\n error: resolveRequiredError(fieldLabel),\n fieldId: field.id,\n };\n }\n break;\n }\n output[field.id] = value;\n break;\n }\n case 'number': {\n let valueString = '';\n if (typeof rawValue === 'string') {\n valueString = rawValue.trim();\n } else if (\n typeof rawValue === 'number' &&\n Number.isFinite(rawValue)\n ) {\n valueString = String(rawValue);\n }\n if (valueString === '') {\n if (field.required) {\n return {\n error: resolveRequiredError(fieldLabel),\n fieldId: field.id,\n };\n }\n break;\n }\n const parsed = Number(valueString);\n if (!Number.isFinite(parsed)) {\n return {\n error: resolveInvalidNumberError(fieldLabel),\n fieldId: field.id,\n };\n }\n output[field.id] = parsed;\n break;\n }\n case 'json': {\n let valueString = '';\n if (typeof rawValue === 'string') {\n valueString = rawValue.trim();\n }\n if (valueString === '') {\n if (field.required) {\n return {\n error: resolveRequiredError(fieldLabel),\n fieldId: field.id,\n };\n }\n break;\n }\n let parsed: unknown;\n try {\n parsed = JSON.parse(valueString);\n } catch {\n return {\n error: resolveInvalidJsonError(fieldLabel),\n fieldId: field.id,\n };\n }\n\n const jsonType = field.jsonType ?? 'object';\n if (jsonType === 'object' && !isPlainObject(parsed)) {\n return {\n error: resolveInvalidJsonObjectError(fieldLabel),\n fieldId: field.id,\n };\n }\n if (jsonType === 'array' && !Array.isArray(parsed)) {\n return {\n error: resolveInvalidJsonArrayError(fieldLabel),\n fieldId: field.id,\n };\n }\n\n output[field.id] = parsed;\n break;\n }\n case 'enum': {\n let value = '';\n if (typeof rawValue === 'string') {\n value = rawValue.trim();\n }\n if (value === '') {\n if (field.required) {\n return {\n error: resolveRequiredError(fieldLabel),\n fieldId: field.id,\n };\n }\n break;\n }\n output[field.id] = value;\n break;\n }\n case 'boolean': {\n output[field.id] = rawValue === true;\n break;\n }\n case 'entityId': {\n let value = '';\n if (typeof rawValue === 'string') {\n value = rawValue.trim();\n }\n if (value === '') {\n if (field.required) {\n return {\n error: resolveRequiredError(fieldLabel),\n fieldId: field.id,\n };\n }\n break;\n }\n output[field.id] = value;\n break;\n }\n case 'multiEnum': {\n let list: string[] = [];\n if (Array.isArray(rawValue)) {\n list = rawValue.filter((entry): entry is string => {\n return typeof entry === 'string' && entry.trim() !== '';\n });\n }\n if (list.length === 0) {\n if (field.required) {\n return {\n error: resolveRequiredError(fieldLabel),\n fieldId: field.id,\n };\n }\n break;\n }\n output[field.id] = list;\n break;\n }\n default: {\n break;\n }\n }\n }\n\n return { values: output };\n }, [\n action.fields,\n resolveInvalidJsonArrayError,\n resolveInvalidJsonError,\n resolveInvalidJsonObjectError,\n resolveInvalidNumberError,\n resolveRequiredError,\n tApp,\n values,\n ]);\n\n const handleSubmit = useCallback(() => {\n if (isSubmitting) {\n return;\n }\n\n setFormError(null);\n setFieldErrors({});\n\n const payload = buildPayload();\n if ('error' in payload) {\n setFormError(payload.error);\n if (payload.fieldId != null) {\n setFieldErrors({ [payload.fieldId]: payload.error });\n }\n return;\n }\n\n let variables: ReturnType<typeof action.getVariables>;\n try {\n variables = action.getVariables(node, payload.values);\n } catch (error) {\n let message = t('actions.form.errors.invalidPayload');\n if (error instanceof Error) {\n message = error.message;\n }\n setFormError(message);\n return;\n }\n\n setIsSubmitting(true);\n commitMutation(environment, {\n mutation: action.mutation,\n variables,\n updater: (store) => {\n action.updater?.(store, node);\n },\n onCompleted: (response) => {\n setIsSubmitting(false);\n const mutationPayload = extractMutationPayload(response);\n if (mutationPayload != null) {\n let defaultErrorMessage = t('actions.form.errors.invalidPayload');\n if (action.toasts?.error?.message != null) {\n defaultErrorMessage = resolveLabel(\n action.toasts.error.message,\n tApp,\n );\n } else if (action.toasts?.error?.title != null) {\n defaultErrorMessage = resolveLabel(action.toasts.error.title, tApp);\n }\n\n const outcome = resolveMutationOutcome(mutationPayload, {\n defaultErrorMessage,\n mapReason: (reason) => {\n const mapped = action.mapErrorReason?.(reason, node);\n if (mapped == null) {\n return null;\n }\n if (typeof mapped === 'function') {\n return resolveLabel(mapped, tApp);\n }\n return String(mapped);\n },\n });\n if (!outcome.ok) {\n const error = new Error(outcome.message);\n setFormError(outcome.message);\n action.onError?.(error, node);\n if (action.toasts?.error != null) {\n const toastTitle = resolveLabel(action.toasts.error.title, tApp);\n let toastMessage: string | undefined;\n if (action.toasts.error.message != null) {\n toastMessage = resolveLabel(action.toasts.error.message, tApp);\n }\n toast.error(toastTitle, toastMessage);\n }\n return;\n }\n }\n\n action.onCompleted?.(response, node);\n\n let hasCustomResult = false;\n if (action.result?.render != null) {\n const renderedResult = action.result.render(response, node);\n if (renderedResult != null) {\n hasCustomResult = true;\n setResultResponse(response);\n }\n }\n if (action.toasts?.success != null) {\n const toastSpec = resolveToastSpec(action.toasts.success, tApp);\n const toastActions = resolveToastViewActions({\n toast: action.toasts.success,\n response,\n node,\n tApp,\n entities,\n defaultLabel: t('actions.view'),\n navigateTo: (to) => {\n routing?.history.push({ pathname: to });\n },\n });\n toast.push({\n kind: 'info',\n title: toastSpec.title,\n message: toastSpec.message,\n actions: toastActions,\n });\n }\n\n if (action.result != null) {\n const nextValue = action.result.getValue(response, node);\n if (typeof nextValue === 'string' && nextValue.trim() !== '') {\n setResultValue(nextValue);\n onSuccess?.();\n return;\n }\n }\n\n if (hasCustomResult) {\n onSuccess?.();\n return;\n }\n\n onSuccess?.();\n onClose();\n },\n onError: (error) => {\n setIsSubmitting(false);\n action.onError?.(error, node);\n if (action.toasts?.error != null) {\n const toastTitle = resolveLabel(action.toasts.error.title, tApp);\n let toastMessage: string | undefined;\n if (action.toasts.error.message != null) {\n toastMessage = resolveLabel(action.toasts.error.message, tApp);\n }\n toast.error(toastTitle, toastMessage);\n }\n },\n });\n }, [\n action,\n buildPayload,\n entities,\n environment,\n isSubmitting,\n node,\n onClose,\n onSuccess,\n routing?.history,\n t,\n tApp,\n toast,\n ]);\n\n const handleFormSubmit = useCallback(\n (event: FormEvent<HTMLFormElement>) => {\n event.preventDefault();\n handleSubmit();\n },\n [handleSubmit],\n );\n\n const resultLabel = useMemo(() => {\n if (action.result == null) {\n return null;\n }\n return resolveLabel(action.result.label, tApp);\n }, [action.result, tApp]);\n\n const resultRender = useMemo(() => {\n if (action.result?.render == null || resultResponse == null) {\n return null;\n }\n return action.result.render(resultResponse, node);\n }, [action.result, node, resultResponse]);\n\n const showResult =\n (resultValue != null && resultLabel != null) || resultRender != null;\n\n const submitLabel = resolveLabel(action.label, tApp);\n\n if (!isOpen) {\n return null;\n }\n\n return (\n <>\n <Modal\n isOpen={isOpen}\n onClose={onClose}\n title={title}\n footer={\n <div className={styles.actions}>\n <Button\n type=\"button\"\n variant=\"secondary\"\n size=\"small\"\n onClick={onClose}\n >\n {t('actions.form.cancel')}\n </Button>\n {!showResult && (\n <Button\n type=\"submit\"\n variant=\"primary\"\n size=\"small\"\n disabled={isSubmitting}\n onClick={handleSubmit}\n >\n {submitLabel}\n </Button>\n )}\n </div>\n }\n >\n <Form onSubmit={handleFormSubmit} className={styles.form}>\n <FormErrorBanner message={formError} />\n <BackofficeFormSection>\n {action.fields.map((field) => {\n const fieldLabel = resolveLabel(field.label, tApp);\n let fieldDescription: string | null = null;\n if (field.description != null) {\n fieldDescription = resolveLabel(field.description, tApp);\n }\n\n switch (field.kind) {\n case 'text': {\n const rawValue = values[field.id];\n let value = '';\n if (typeof rawValue === 'string') {\n value = rawValue;\n }\n let placeholder: string | undefined;\n if (field.placeholder != null) {\n placeholder = resolveLabel(field.placeholder, tApp);\n }\n return (\n <FormGroup key={field.id}>\n <Label>{fieldLabel}</Label>\n {fieldDescription != null && (\n <span className={styles.fieldDescription}>\n {fieldDescription}\n </span>\n )}\n <Input\n type=\"text\"\n value={value}\n placeholder={placeholder}\n onChange={(event) => {\n setFieldValue(field.id, event.target.value);\n }}\n fullWidth\n />\n {fieldErrors[field.id] != null && (\n <span className={styles.fieldError}>\n {fieldErrors[field.id]}\n </span>\n )}\n </FormGroup>\n );\n }\n case 'number': {\n const rawValue = values[field.id];\n let value = '';\n if (typeof rawValue === 'string') {\n value = rawValue;\n }\n let placeholder: string | undefined;\n if (field.placeholder != null) {\n placeholder = resolveLabel(field.placeholder, tApp);\n }\n return (\n <FormGroup key={field.id}>\n <Label>{fieldLabel}</Label>\n {fieldDescription != null && (\n <span className={styles.fieldDescription}>\n {fieldDescription}\n </span>\n )}\n <Input\n type=\"number\"\n value={value}\n placeholder={placeholder}\n onChange={(event) => {\n setFieldValue(field.id, event.target.value);\n }}\n fullWidth\n />\n {fieldErrors[field.id] != null && (\n <span className={styles.fieldError}>\n {fieldErrors[field.id]}\n </span>\n )}\n </FormGroup>\n );\n }\n case 'json': {\n const rawValue = values[field.id];\n let value = '';\n if (typeof rawValue === 'string') {\n value = rawValue;\n }\n let placeholder: string | undefined;\n if (field.placeholder != null) {\n placeholder = resolveLabel(field.placeholder, tApp);\n }\n return (\n <FormGroup key={field.id}>\n <Label>{fieldLabel}</Label>\n {fieldDescription != null && (\n <span className={styles.fieldDescription}>\n {fieldDescription}\n </span>\n )}\n <Textarea\n value={value}\n placeholder={placeholder}\n rows={8}\n onChange={(event) => {\n setFieldValue(field.id, event.target.value);\n }}\n fullWidth\n />\n {fieldErrors[field.id] != null && (\n <span className={styles.fieldError}>\n {fieldErrors[field.id]}\n </span>\n )}\n </FormGroup>\n );\n }\n case 'enum': {\n const rawValue = values[field.id];\n let selected = '';\n if (typeof rawValue === 'string') {\n selected = rawValue;\n }\n const options = field.options.map((option) => {\n return {\n id: option.value,\n value: option.value,\n label: resolveLabel(option.label, tApp),\n };\n });\n return (\n <FormGroup key={field.id}>\n <Label>{fieldLabel}</Label>\n {fieldDescription != null && (\n <span className={styles.fieldDescription}>\n {fieldDescription}\n </span>\n )}\n <SimpleSelect\n options={options}\n value={selected}\n placeholder={fieldLabel}\n onChange={(nextValue) => {\n setFieldValue(field.id, nextValue);\n }}\n />\n {fieldErrors[field.id] != null && (\n <span className={styles.fieldError}>\n {fieldErrors[field.id]}\n </span>\n )}\n </FormGroup>\n );\n }\n case 'boolean': {\n const checked = values[field.id] === true;\n return (\n <FormGroup key={field.id}>\n {fieldDescription != null && (\n <span className={styles.fieldDescription}>\n {fieldDescription}\n </span>\n )}\n <CheckboxField\n label={fieldLabel}\n checked={checked}\n onChange={(event) => {\n setFieldValue(field.id, event.target.checked);\n }}\n />\n {fieldErrors[field.id] != null && (\n <span className={styles.fieldError}>\n {fieldErrors[field.id]}\n </span>\n )}\n </FormGroup>\n );\n }\n case 'entityId': {\n const rawValue = values[field.id];\n let value = '';\n if (typeof rawValue === 'string') {\n value = rawValue;\n }\n return (\n <FormGroup key={field.id}>\n <Label>{fieldLabel}</Label>\n {fieldDescription != null && (\n <span className={styles.fieldDescription}>\n {fieldDescription}\n </span>\n )}\n <EntityIdFilterField\n label={fieldLabel}\n value={value}\n onPick={() => {\n setActiveEntityPicker({\n fieldId: field.id,\n entity: field.entity,\n label: fieldLabel,\n });\n }}\n onClear={() => {\n setFieldValue(field.id, '');\n }}\n />\n {fieldErrors[field.id] != null && (\n <span className={styles.fieldError}>\n {fieldErrors[field.id]}\n </span>\n )}\n </FormGroup>\n );\n }\n case 'multiEnum': {\n const rawValue = values[field.id];\n let selected: string[] = [];\n if (Array.isArray(rawValue)) {\n selected = rawValue.filter((entry): entry is string => {\n return typeof entry === 'string';\n });\n }\n return (\n <FormGroup key={field.id}>\n <Label>{fieldLabel}</Label>\n {fieldDescription != null && (\n <span className={styles.fieldDescription}>\n {fieldDescription}\n </span>\n )}\n <div className={styles.checkboxGroup}>\n {field.options.map((option) => {\n const optionLabel = resolveLabel(option.label, tApp);\n const isChecked = selected.includes(option.value);\n return (\n <CheckboxField\n key={option.value}\n label={optionLabel}\n checked={isChecked}\n onChange={(event) => {\n let nextList = selected;\n if (event.target.checked) {\n if (!selected.includes(option.value)) {\n nextList = [...selected, option.value];\n }\n } else {\n nextList = selected.filter((value) => {\n return value !== option.value;\n });\n }\n setFieldValue(field.id, nextList);\n }}\n />\n );\n })}\n </div>\n {fieldErrors[field.id] != null && (\n <span className={styles.fieldError}>\n {fieldErrors[field.id]}\n </span>\n )}\n </FormGroup>\n );\n }\n default: {\n return null;\n }\n }\n })}\n </BackofficeFormSection>\n\n {showResult && (\n <div className={styles.resultSection}>\n {resultValue != null && resultLabel != null && (\n <HighlightCode\n badgeLabel={resultLabel}\n copyCode={resultValue}\n fallbackCodeText={resultValue}\n />\n )}\n {resultRender}\n </div>\n )}\n </Form>\n </Modal>\n <EntityIdPickerDialog\n isOpen={activeEntityPicker != null}\n entity={activeEntityPicker?.entity ?? ''}\n title={activeEntityPicker?.label ?? ''}\n onClose={() => {\n setActiveEntityPicker(null);\n }}\n onSelectId={(id) => {\n if (activeEntityPicker == null) {\n return;\n }\n setFieldValue(activeEntityPicker.fieldId, id);\n setActiveEntityPicker(null);\n }}\n />\n </>\n );\n};\n\nexport default BackofficeEntityActionFormDialog;\n"],"mappings":";;;;;;;;;;;;sHC8CM,EAAE,gBAAA,IAAgB,qBAAA,OAAwB,GAa1C,KAAgB,GAAkB,MAC/B,EAAM,EAAK,EAGd,KAAiB,MACd,OAAO,KAAU,cAAY,KAAiB,CAAC,MAAM,QAAQ,EAAM,EAGtE,MACJ,MAC+B;AAC/B,KAAI,CAAC,EAAc,EAAS,CAC1B,QAAO;AAGT,MAAK,IAAM,KAAS,OAAO,OAAO,EAAS,CACzC,KAAI,EAAc,EAAM,KAAK,YAAY,KAAS,YAAY,GAC5D,QAAO;AAIX,QAAO;GAGH,KACJ,MAC4B;CAC5B,IAAM,IAAkC,EAAE;AAgB1C,QAfA,EAAO,SAAS,MAAU;AACxB,MAAI,EAAM,SAAS,WAAW;AAC5B,KAAO,EAAM,MAAM,EAAM,gBAAgB;AACzC;;AAEF,MAAI,EAAM,SAAS,aAAa;AAC9B,KAAO,EAAM,MAAM,EAAM,gBAAgB,EAAE;AAC3C;;AAEF,MAAI,EAAM,gBAAgB,MAAM;AAC9B,KAAO,EAAM,MAAM,EAAM;AACzB;;AAEF,IAAO,EAAM,MAAM;GACnB,EACK;GAGH,KACJ,GACA,MAEI,EAAM,SAAS,WACb,OAAO,KAAU,WACZ,OAAO,EAAM,GAElB,OAAO,KAAU,WACZ,IAEF,KAEL,EAAM,SAAS,cACb,MAAM,QAAQ,EAAM,GACf,EAAM,QAAQ,MACZ,OAAO,KAAU,YAAY,EAAM,MAAM,KAAK,GACrD,GAEG,EAAE,GAEP,EAAM,SAAS,YACV,MAAU,KAEf,OAAO,KAAU,WACZ,IAEF,KAAS,IAGZ,MACJ,GACA,MAC4B;CAC5B,IAAM,IAAW,EAAmB,EAAO,OAAO;AAClD,KAAI,EAAO,oBAAoB,KAC7B,QAAO;CAET,IAAM,IAAY,EAAO,iBAAiB,EAAK,EACzC,IAAgC,EAAE,GAAG,GAAU;AAOrD,QANA,EAAO,OAAO,SAAS,MAAU;AACzB,IAAM,MAAM,MAGlB,EAAK,EAAM,MAAM,EAAsB,GAAO,EAAU,EAAM,IAAI;GAClE,EACK;GAGI,KAA2C,EACtD,WACA,WACA,SACA,YACA,mBACqE;CACrE,IAAM,EAAE,GAAG,MAAS,IAAgB,EAC9B,EAAE,SAAM,GAA+B,EACvC,EAAE,gBAAa,GAAqB,EACpC,IAAU,GAAW,GAAe,EACpC,IAAc,IAAqB,EACnC,IAAQ,IAAU,EAElB,CAAC,GAAQ,KAAa,EAAkC,EAAE,CAAC,EAC3D,CAAC,IAAW,KAAgB,EAAwB,KAAK,EACzD,CAAC,GAAa,KAAkB,EAAiC,EAAE,CAAC,EACpE,CAAC,GAAc,KAAmB,EAAS,GAAM,EACjD,CAAC,GAAa,KAAkB,EAAwB,KAAK,EAC7D,CAAC,GAAgB,KAAqB,EAAkB,KAAK,EAC7D,CAAC,GAAoB,KAAyB,EAI1C,KAAK;AAEf,UAAgB;AACT,QAGL,EAAU,GAAmB,GAAQ,EAAK,CAAC,EAC3C,EAAa,KAAK,EAClB,EAAe,EAAE,CAAC,EAClB,EAAe,KAAK,EACpB,EAAkB,KAAK;IACtB;EAAC;EAAQ;EAAQ;EAAK,CAAC;CAE1B,IAAM,IAAgB,GAAa,GAAiB,MAAmB;AAIrE,EAHA,GAAW,OACF;GAAE,GAAG;IAAU,IAAU;GAAO,EACvC,EACF,GAAgB,MAAY;AAC1B,OAAI,EAAQ,MAAY,KACtB,QAAO;GAET,IAAM,GAAG,IAAU,GAAc,GAAG,MAAS;AAC7C,UAAO;IACP;IACD,EAAE,CAAC,EAEA,KAAQ,EAAa,EAAO,OAAO,EAAK,EAExC,IAAuB,GAC1B,MACQ,EAAE,gCAAgC,EACvC,OAAO,GACR,CAAC,EAEJ,CAAC,EAAE,CACJ,EAEK,IAA4B,GAC/B,MACQ,EAAE,qCAAqC,EAC5C,OAAO,GACR,CAAC,EAEJ,CAAC,EAAE,CACJ,EAEK,IAA0B,GAC7B,MACQ,EAAE,mCAAmC,EAC1C,OAAO,GACR,CAAC,EAEJ,CAAC,EAAE,CACJ,EAEK,IAAgC,GACnC,MACQ,EAAE,yCAAyC,EAChD,OAAO,GACR,CAAC,EAEJ,CAAC,EAAE,CACJ,EAEK,IAA+B,GAClC,MACQ,EAAE,wCAAwC,EAC/C,OAAO,GACR,CAAC,EAEJ,CAAC,EAAE,CACJ,EAEK,IAAe,QAEsB;EACzC,IAAM,IAAkC,EAAE;AAE1C,OAAK,IAAM,KAAS,EAAO,QAAQ;GACjC,IAAM,IAAa,EAAa,EAAM,OAAO,EAAK,EAC5C,IAAW,EAAO,EAAM;AAE9B,WAAQ,EAAM,MAAd;IACE,KAAK,QAAQ;KACX,IAAI,IAAQ;AAIZ,SAHI,OAAO,KAAa,aACtB,IAAQ,EAAS,MAAM,GAErB,MAAU,IAAI;AAChB,UAAI,EAAM,SACR,QAAO;OACL,OAAO,EAAqB,EAAW;OACvC,SAAS,EAAM;OAChB;AAEH;;AAEF,OAAO,EAAM,MAAM;AACnB;;IAEF,KAAK,UAAU;KACb,IAAI,IAAc;AASlB,SARI,OAAO,KAAa,WACtB,IAAc,EAAS,MAAM,GAE7B,OAAO,KAAa,YACpB,OAAO,SAAS,EAAS,KAEzB,IAAc,OAAO,EAAS,GAE5B,MAAgB,IAAI;AACtB,UAAI,EAAM,SACR,QAAO;OACL,OAAO,EAAqB,EAAW;OACvC,SAAS,EAAM;OAChB;AAEH;;KAEF,IAAM,IAAS,OAAO,EAAY;AAClC,SAAI,CAAC,OAAO,SAAS,EAAO,CAC1B,QAAO;MACL,OAAO,EAA0B,EAAW;MAC5C,SAAS,EAAM;MAChB;AAEH,OAAO,EAAM,MAAM;AACnB;;IAEF,KAAK,QAAQ;KACX,IAAI,IAAc;AAIlB,SAHI,OAAO,KAAa,aACtB,IAAc,EAAS,MAAM,GAE3B,MAAgB,IAAI;AACtB,UAAI,EAAM,SACR,QAAO;OACL,OAAO,EAAqB,EAAW;OACvC,SAAS,EAAM;OAChB;AAEH;;KAEF,IAAI;AACJ,SAAI;AACF,UAAS,KAAK,MAAM,EAAY;aAC1B;AACN,aAAO;OACL,OAAO,EAAwB,EAAW;OAC1C,SAAS,EAAM;OAChB;;KAGH,IAAM,IAAW,EAAM,YAAY;AACnC,SAAI,MAAa,YAAY,CAAC,EAAc,EAAO,CACjD,QAAO;MACL,OAAO,EAA8B,EAAW;MAChD,SAAS,EAAM;MAChB;AAEH,SAAI,MAAa,WAAW,CAAC,MAAM,QAAQ,EAAO,CAChD,QAAO;MACL,OAAO,EAA6B,EAAW;MAC/C,SAAS,EAAM;MAChB;AAGH,OAAO,EAAM,MAAM;AACnB;;IAEF,KAAK,QAAQ;KACX,IAAI,IAAQ;AAIZ,SAHI,OAAO,KAAa,aACtB,IAAQ,EAAS,MAAM,GAErB,MAAU,IAAI;AAChB,UAAI,EAAM,SACR,QAAO;OACL,OAAO,EAAqB,EAAW;OACvC,SAAS,EAAM;OAChB;AAEH;;AAEF,OAAO,EAAM,MAAM;AACnB;;IAEF,KAAK;AACH,OAAO,EAAM,MAAM,MAAa;AAChC;IAEF,KAAK,YAAY;KACf,IAAI,IAAQ;AAIZ,SAHI,OAAO,KAAa,aACtB,IAAQ,EAAS,MAAM,GAErB,MAAU,IAAI;AAChB,UAAI,EAAM,SACR,QAAO;OACL,OAAO,EAAqB,EAAW;OACvC,SAAS,EAAM;OAChB;AAEH;;AAEF,OAAO,EAAM,MAAM;AACnB;;IAEF,KAAK,aAAa;KAChB,IAAI,IAAiB,EAAE;AAMvB,SALI,MAAM,QAAQ,EAAS,KACzB,IAAO,EAAS,QAAQ,MACf,OAAO,KAAU,YAAY,EAAM,MAAM,KAAK,GACrD,GAEA,EAAK,WAAW,GAAG;AACrB,UAAI,EAAM,SACR,QAAO;OACL,OAAO,EAAqB,EAAW;OACvC,SAAS,EAAM;OAChB;AAEH;;AAEF,OAAO,EAAM,MAAM;AACnB;;IAEF,QACE;;;AAKN,SAAO,EAAE,QAAQ,GAAQ;IACxB;EACD,EAAO;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEI,IAAe,QAAkB;AACrC,MAAI,EACF;AAIF,EADA,EAAa,KAAK,EAClB,EAAe,EAAE,CAAC;EAElB,IAAM,IAAU,GAAc;AAC9B,MAAI,WAAW,GAAS;AAEtB,GADA,EAAa,EAAQ,MAAM,EACvB,EAAQ,WAAW,QACrB,EAAe,GAAG,EAAQ,UAAU,EAAQ,OAAO,CAAC;AAEtD;;EAGF,IAAI;AACJ,MAAI;AACF,OAAY,EAAO,aAAa,GAAM,EAAQ,OAAO;WAC9C,GAAO;GACd,IAAI,IAAU,EAAE,qCAAqC;AAIrD,GAHI,aAAiB,UACnB,IAAU,EAAM,UAElB,EAAa,EAAQ;AACrB;;AAIF,EADA,EAAgB,GAAK,EACrB,GAAe,GAAa;GAC1B,UAAU,EAAO;GACjB;GACA,UAAU,MAAU;AAClB,MAAO,UAAU,GAAO,EAAK;;GAE/B,cAAc,MAAa;AACzB,MAAgB,GAAM;IACtB,IAAM,IAAkB,GAAuB,EAAS;AACxD,QAAI,KAAmB,MAAM;KAC3B,IAAI,IAAsB,EAAE,qCAAqC;AACjE,KAAI,EAAO,QAAQ,OAAO,WAAW,OAK1B,EAAO,QAAQ,OAAO,SAAS,SACxC,IAAsB,EAAa,EAAO,OAAO,MAAM,OAAO,EAAK,IALnE,IAAsB,EACpB,EAAO,OAAO,MAAM,SACpB,EACD;KAKH,IAAM,IAAU,EAAuB,GAAiB;MACtD;MACA,YAAY,MAAW;OACrB,IAAM,IAAS,EAAO,iBAAiB,GAAQ,EAAK;AAOpD,cANI,KAAU,OACL,OAEL,OAAO,KAAW,aACb,EAAa,GAAQ,EAAK,GAE5B,OAAO,EAAO;;MAExB,CAAC;AACF,SAAI,CAAC,EAAQ,IAAI;MACf,IAAM,IAAY,MAAM,EAAQ,QAAQ;AAGxC,UAFA,EAAa,EAAQ,QAAQ,EAC7B,EAAO,UAAU,GAAO,EAAK,EACzB,EAAO,QAAQ,SAAS,MAAM;OAChC,IAAM,IAAa,EAAa,EAAO,OAAO,MAAM,OAAO,EAAK,EAC5D;AAIJ,OAHI,EAAO,OAAO,MAAM,WAAW,SACjC,IAAe,EAAa,EAAO,OAAO,MAAM,SAAS,EAAK,GAEhE,EAAM,MAAM,GAAY,EAAa;;AAEvC;;;AAIJ,MAAO,cAAc,GAAU,EAAK;IAEpC,IAAI,IAAkB;AAQtB,QAPI,EAAO,QAAQ,UAAU,QACJ,EAAO,OAAO,OAAO,GAAU,EAClD,IAAkB,SACpB,IAAkB,IAClB,EAAkB,EAAS,GAG3B,EAAO,QAAQ,WAAW,MAAM;KAClC,IAAM,IAAY,EAAiB,EAAO,OAAO,SAAS,EAAK,EACzD,IAAe,EAAwB;MAC3C,OAAO,EAAO,OAAO;MACrB;MACA;MACA;MACA;MACA,cAAc,EAAE,eAAe;MAC/B,aAAa,MAAO;AAClB,UAAS,QAAQ,KAAK,EAAE,UAAU,GAAI,CAAC;;MAE1C,CAAC;AACF,OAAM,KAAK;MACT,MAAM;MACN,OAAO,EAAU;MACjB,SAAS,EAAU;MACnB,SAAS;MACV,CAAC;;AAGJ,QAAI,EAAO,UAAU,MAAM;KACzB,IAAM,IAAY,EAAO,OAAO,SAAS,GAAU,EAAK;AACxD,SAAI,OAAO,KAAc,YAAY,EAAU,MAAM,KAAK,IAAI;AAE5D,MADA,EAAe,EAAU,EACzB,KAAa;AACb;;;AAIJ,QAAI,GAAiB;AACnB,UAAa;AACb;;AAIF,IADA,KAAa,EACb,GAAS;;GAEX,UAAU,MAAU;AAGlB,QAFA,EAAgB,GAAM,EACtB,EAAO,UAAU,GAAO,EAAK,EACzB,EAAO,QAAQ,SAAS,MAAM;KAChC,IAAM,IAAa,EAAa,EAAO,OAAO,MAAM,OAAO,EAAK,EAC5D;AAIJ,KAHI,EAAO,OAAO,MAAM,WAAW,SACjC,IAAe,EAAa,EAAO,OAAO,MAAM,SAAS,EAAK,GAEhE,EAAM,MAAM,GAAY,EAAa;;;GAG1C,CAAC;IACD;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,GAAS;EACT;EACA;EACA;EACD,CAAC,EAEI,KAAmB,GACtB,MAAsC;AAErC,EADA,EAAM,gBAAgB,EACtB,GAAc;IAEhB,CAAC,EAAa,CACf,EAEK,IAAc,QACd,EAAO,UAAU,OACZ,OAEF,EAAa,EAAO,OAAO,OAAO,EAAK,EAC7C,CAAC,EAAO,QAAQ,EAAK,CAAC,EAEnB,IAAe,QACf,EAAO,QAAQ,UAAU,QAAQ,KAAkB,OAC9C,OAEF,EAAO,OAAO,OAAO,GAAgB,EAAK,EAChD;EAAC,EAAO;EAAQ;EAAM;EAAe,CAAC,EAEnC,IACH,KAAe,QAAQ,KAAe,QAAS,KAAgB,MAE5D,KAAc,EAAa,EAAO,OAAO,EAAK;AAMpD,QAJK,IAKH,kBAAA,IAAA,EAAA,UAAA,CACE,kBAAC,IAAD;EACU;EACC;EACF;EACP,QACE,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACE,kBAAC,GAAD;IACE,MAAK;IACL,SAAQ;IACR,MAAK;IACL,SAAS;cAER,EAAE,sBAAsB;IAClB,CAAA,EACR,CAAC,KACA,kBAAC,GAAD;IACE,MAAK;IACL,SAAQ;IACR,MAAK;IACL,UAAU;IACV,SAAS;cAER;IACM,CAAA,CAEP;;YAGR,kBAAC,IAAD;GAAM,UAAU;GAAkB,WAAW;aAA7C;IACE,kBAAC,IAAD,EAAiB,SAAS,IAAa,CAAA;IACvC,kBAAC,IAAD,EAAA,UACG,EAAO,OAAO,KAAK,MAAU;KAC5B,IAAM,IAAa,EAAa,EAAM,OAAO,EAAK,EAC9C,IAAkC;AAKtC,aAJI,EAAM,eAAe,SACvB,IAAmB,EAAa,EAAM,aAAa,EAAK,GAGlD,EAAM,MAAd;MACE,KAAK,QAAQ;OACX,IAAM,IAAW,EAAO,EAAM,KAC1B,IAAQ;AACZ,OAAI,OAAO,KAAa,aACtB,IAAQ;OAEV,IAAI;AAIJ,cAHI,EAAM,eAAe,SACvB,IAAc,EAAa,EAAM,aAAa,EAAK,GAGnD,kBAAC,GAAD,EAAA,UAAA;QACE,kBAAC,GAAD,EAAA,UAAQ,GAAmB,CAAA;QAC1B,KAAoB,QACnB,kBAAC,QAAD;SAAM,WAAW;mBACd;SACI,CAAA;QAET,kBAAC,GAAD;SACE,MAAK;SACE;SACM;SACb,WAAW,MAAU;AACnB,YAAc,EAAM,IAAI,EAAM,OAAO,MAAM;;SAE7C,WAAA;SACA,CAAA;QACD,EAAY,EAAM,OAAO,QACxB,kBAAC,QAAD;SAAM,WAAW;mBACd,EAAY,EAAM;SACd,CAAA;QAEC,EAAA,EArBI,EAAM,GAqBV;;MAGhB,KAAK,UAAU;OACb,IAAM,IAAW,EAAO,EAAM,KAC1B,IAAQ;AACZ,OAAI,OAAO,KAAa,aACtB,IAAQ;OAEV,IAAI;AAIJ,cAHI,EAAM,eAAe,SACvB,IAAc,EAAa,EAAM,aAAa,EAAK,GAGnD,kBAAC,GAAD,EAAA,UAAA;QACE,kBAAC,GAAD,EAAA,UAAQ,GAAmB,CAAA;QAC1B,KAAoB,QACnB,kBAAC,QAAD;SAAM,WAAW;mBACd;SACI,CAAA;QAET,kBAAC,GAAD;SACE,MAAK;SACE;SACM;SACb,WAAW,MAAU;AACnB,YAAc,EAAM,IAAI,EAAM,OAAO,MAAM;;SAE7C,WAAA;SACA,CAAA;QACD,EAAY,EAAM,OAAO,QACxB,kBAAC,QAAD;SAAM,WAAW;mBACd,EAAY,EAAM;SACd,CAAA;QAEC,EAAA,EArBI,EAAM,GAqBV;;MAGhB,KAAK,QAAQ;OACX,IAAM,IAAW,EAAO,EAAM,KAC1B,IAAQ;AACZ,OAAI,OAAO,KAAa,aACtB,IAAQ;OAEV,IAAI;AAIJ,cAHI,EAAM,eAAe,SACvB,IAAc,EAAa,EAAM,aAAa,EAAK,GAGnD,kBAAC,GAAD,EAAA,UAAA;QACE,kBAAC,GAAD,EAAA,UAAQ,GAAmB,CAAA;QAC1B,KAAoB,QACnB,kBAAC,QAAD;SAAM,WAAW;mBACd;SACI,CAAA;QAET,kBAAC,IAAD;SACS;SACM;SACb,MAAM;SACN,WAAW,MAAU;AACnB,YAAc,EAAM,IAAI,EAAM,OAAO,MAAM;;SAE7C,WAAA;SACA,CAAA;QACD,EAAY,EAAM,OAAO,QACxB,kBAAC,QAAD;SAAM,WAAW;mBACd,EAAY,EAAM;SACd,CAAA;QAEC,EAAA,EArBI,EAAM,GAqBV;;MAGhB,KAAK,QAAQ;OACX,IAAM,IAAW,EAAO,EAAM,KAC1B,IAAW;AACf,OAAI,OAAO,KAAa,aACtB,IAAW;OAEb,IAAM,IAAU,EAAM,QAAQ,KAAK,OAC1B;QACL,IAAI,EAAO;QACX,OAAO,EAAO;QACd,OAAO,EAAa,EAAO,OAAO,EAAK;QACxC,EACD;AACF,cACE,kBAAC,GAAD,EAAA,UAAA;QACE,kBAAC,GAAD,EAAA,UAAQ,GAAmB,CAAA;QAC1B,KAAoB,QACnB,kBAAC,QAAD;SAAM,WAAW;mBACd;SACI,CAAA;QAET,kBAAC,IAAD;SACW;SACT,OAAO;SACP,aAAa;SACb,WAAW,MAAc;AACvB,YAAc,EAAM,IAAI,EAAU;;SAEpC,CAAA;QACD,EAAY,EAAM,OAAO,QACxB,kBAAC,QAAD;SAAM,WAAW;mBACd,EAAY,EAAM;SACd,CAAA;QAEC,EAAA,EApBI,EAAM,GAoBV;;MAGhB,KAAK,WAAW;OACd,IAAM,IAAU,EAAO,EAAM,QAAQ;AACrC,cACE,kBAAC,GAAD,EAAA,UAAA;QACG,KAAoB,QACnB,kBAAC,QAAD;SAAM,WAAW;mBACd;SACI,CAAA;QAET,kBAAC,GAAD;SACE,OAAO;SACE;SACT,WAAW,MAAU;AACnB,YAAc,EAAM,IAAI,EAAM,OAAO,QAAQ;;SAE/C,CAAA;QACD,EAAY,EAAM,OAAO,QACxB,kBAAC,QAAD;SAAM,WAAW;mBACd,EAAY,EAAM;SACd,CAAA;QAEC,EAAA,EAlBI,EAAM,GAkBV;;MAGhB,KAAK,YAAY;OACf,IAAM,IAAW,EAAO,EAAM,KAC1B,IAAQ;AAIZ,cAHI,OAAO,KAAa,aACtB,IAAQ,IAGR,kBAAC,GAAD,EAAA,UAAA;QACE,kBAAC,GAAD,EAAA,UAAQ,GAAmB,CAAA;QAC1B,KAAoB,QACnB,kBAAC,QAAD;SAAM,WAAW;mBACd;SACI,CAAA;QAET,kBAAC,GAAD;SACE,OAAO;SACA;SACP,cAAc;AACZ,YAAsB;WACpB,SAAS,EAAM;WACf,QAAQ,EAAM;WACd,OAAO;WACR,CAAC;;SAEJ,eAAe;AACb,YAAc,EAAM,IAAI,GAAG;;SAE7B,CAAA;QACD,EAAY,EAAM,OAAO,QACxB,kBAAC,QAAD;SAAM,WAAW;mBACd,EAAY,EAAM;SACd,CAAA;QAEC,EAAA,EA1BI,EAAM,GA0BV;;MAGhB,KAAK,aAAa;OAChB,IAAM,IAAW,EAAO,EAAM,KAC1B,IAAqB,EAAE;AAM3B,cALI,MAAM,QAAQ,EAAS,KACzB,IAAW,EAAS,QAAQ,MACnB,OAAO,KAAU,SACxB,GAGF,kBAAC,GAAD,EAAA,UAAA;QACE,kBAAC,GAAD,EAAA,UAAQ,GAAmB,CAAA;QAC1B,KAAoB,QACnB,kBAAC,QAAD;SAAM,WAAW;mBACd;SACI,CAAA;QAET,kBAAC,OAAD;SAAK,WAAW;mBACb,EAAM,QAAQ,KAAK,MAIhB,kBAAC,GAAD;UAEE,OALgB,EAAa,EAAO,OAAO,EAKpC;UACP,SALc,EAAS,SAAS,EAAO,MAK9B;UACT,WAAW,MAAU;WACnB,IAAI,IAAW;AAUf,WATI,EAAM,OAAO,UACV,EAAS,SAAS,EAAO,MAAM,KAClC,IAAW,CAAC,GAAG,GAAU,EAAO,MAAM,IAGxC,IAAW,EAAS,QAAQ,MACnB,MAAU,EAAO,MACxB,EAEJ,EAAc,EAAM,IAAI,EAAS;;UAEnC,EAhBK,EAAO,MAgBZ,CAEJ;SACE,CAAA;QACL,EAAY,EAAM,OAAO,QACxB,kBAAC,QAAD;SAAM,WAAW;mBACd,EAAY,EAAM;SACd,CAAA;QAEC,EAAA,EAtCI,EAAM,GAsCV;;MAGhB,QACE,QAAO;;MAGX,EACoB,CAAA;IAEvB,KACC,kBAAC,OAAD;KAAK,WAAW;eAAhB,CACG,KAAe,QAAQ,KAAe,QACrC,kBAAC,IAAD;MACE,YAAY;MACZ,UAAU;MACV,kBAAkB;MAClB,CAAA,EAEH,EACG;;IAEH;;EACD,CAAA,EACR,kBAAC,GAAD;EACE,QAAQ,KAAsB;EAC9B,QAAQ,GAAoB,UAAU;EACtC,OAAO,GAAoB,SAAS;EACpC,eAAe;AACb,KAAsB,KAAK;;EAE7B,aAAa,MAAO;AACd,QAAsB,SAG1B,EAAc,EAAmB,SAAS,EAAG,EAC7C,EAAsB,KAAK;;EAE7B,CAAA,CACD,EAAA,CAAA,GA5UI"}
1
+ {"version":3,"file":"BackofficeEntityActionFormDialog-BgRTJ_JS.js","names":[],"sources":["../../src/components/backoffice/actions/backofficeEntityActionFormDialog.css.ts","../../src/components/backoffice/actions/BackofficeEntityActionFormDialog.tsx"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const form = sprinkles({\n display: 'flex',\n flexDirection: 'column',\n gap: 3,\n});\n\nexport const actions = sprinkles({\n display: 'flex',\n justifyContent: 'flex-end',\n gap: 2,\n});\n\nexport const checkboxGroup = sprinkles({\n display: 'flex',\n flexDirection: 'column',\n gap: 2,\n});\n\nexport const resultSection = sprinkles({\n display: 'flex',\n flexDirection: 'column',\n gap: 2,\n});\n\nexport const fieldError = sprinkles({\n fontSize: 'xs',\n color: 'error',\n});\n\nexport const fieldDescription = sprinkles({\n fontSize: 'xs',\n color: 'secondary',\n});\n","import {\n type FormEvent,\n type JSX,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useState,\n} from 'react';\nimport type { TFunction } from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\nimport {\n type MutationPayloadBase,\n resolveMutationOutcome,\n} from '../../../relay/mutationResult.js';\nimport {\n BackofficeFormSection,\n Button,\n CheckboxField,\n Form,\n FormErrorBanner,\n FormGroup,\n HighlightCode,\n Input,\n Label,\n Modal,\n SimpleSelect,\n Textarea,\n useToast,\n} from '@plumile/ui';\nimport type {\n BackofficeEntityActionFormFieldSpec,\n BackofficeEntityFormMutationActionSpec,\n I18nLabel,\n} from '@plumile/backoffice-core/types.js';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../../../provider/BackofficeConfigContext.js';\nimport { EntityIdFilterField } from '../filters/EntityIdFilterField.js';\nimport { EntityIdPickerDialog } from '../pickers/EntityIdPickerDialog.js';\nimport {\n resolveToastSpec,\n resolveToastViewActions,\n} from './toastViewAction.js';\n\nconst { commitMutation, useRelayEnvironment } = ReactRelay;\nimport { RoutingContext } from '@plumile/router';\n\nimport * as styles from './backofficeEntityActionFormDialog.css.js';\n\nexport type BackofficeEntityActionFormDialogProps<Node> = {\n isOpen: boolean;\n action: BackofficeEntityFormMutationActionSpec<Node>;\n node: Node;\n onClose: () => void;\n onSuccess?: () => void;\n};\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n return label(tApp);\n};\n\nconst isPlainObject = (value: unknown): value is Record<string, unknown> => {\n return typeof value === 'object' && value != null && !Array.isArray(value);\n};\n\nconst extractMutationPayload = (\n response: unknown,\n): MutationPayloadBase | null => {\n if (!isPlainObject(response)) {\n return null;\n }\n\n for (const value of Object.values(response)) {\n if (isPlainObject(value) && ('status' in value || 'result' in value)) {\n return value;\n }\n }\n\n return null;\n};\n\nconst buildDefaultValues = (\n fields: readonly BackofficeEntityActionFormFieldSpec[],\n): Record<string, unknown> => {\n const output: Record<string, unknown> = {};\n fields.forEach((field) => {\n if (field.kind === 'boolean') {\n output[field.id] = field.defaultValue ?? false;\n return;\n }\n if (field.kind === 'multiEnum') {\n output[field.id] = field.defaultValue ?? [];\n return;\n }\n if (field.defaultValue != null) {\n output[field.id] = field.defaultValue;\n return;\n }\n output[field.id] = '';\n });\n return output;\n};\n\nconst normalizeInitialValue = (\n field: BackofficeEntityActionFormFieldSpec,\n value: unknown,\n): unknown => {\n if (field.kind === 'number') {\n if (typeof value === 'number') {\n return String(value);\n }\n if (typeof value === 'string') {\n return value;\n }\n return '';\n }\n if (field.kind === 'multiEnum') {\n if (Array.isArray(value)) {\n return value.filter((entry): entry is string => {\n return typeof entry === 'string' && entry.trim() !== '';\n });\n }\n return [];\n }\n if (field.kind === 'boolean') {\n return value === true;\n }\n if (typeof value === 'string') {\n return value;\n }\n return value ?? '';\n};\n\nconst buildInitialValues = <Node,>(\n action: BackofficeEntityFormMutationActionSpec<Node>,\n node: Node,\n): Record<string, unknown> => {\n const defaults = buildDefaultValues(action.fields);\n if (action.getInitialValues == null) {\n return defaults;\n }\n const overrides = action.getInitialValues(node);\n const next: Record<string, unknown> = { ...defaults };\n action.fields.forEach((field) => {\n if (!(field.id in overrides)) {\n return;\n }\n next[field.id] = normalizeInitialValue(field, overrides[field.id]);\n });\n return next;\n};\n\nexport const BackofficeEntityActionFormDialog = <Node,>({\n isOpen,\n action,\n node,\n onClose,\n onSuccess,\n}: BackofficeEntityActionFormDialogProps<Node>): JSX.Element | null => {\n const { t: tApp } = useTranslation();\n const { t } = useBackofficeReactTranslation();\n const { entities } = useBackofficeConfig();\n const routing = useContext(RoutingContext);\n const environment = useRelayEnvironment();\n const toast = useToast();\n\n const [values, setValues] = useState<Record<string, unknown>>({});\n const [formError, setFormError] = useState<string | null>(null);\n const [fieldErrors, setFieldErrors] = useState<Record<string, string>>({});\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [resultValue, setResultValue] = useState<string | null>(null);\n const [resultResponse, setResultResponse] = useState<unknown>(null);\n const [activeEntityPicker, setActiveEntityPicker] = useState<{\n fieldId: string;\n entity: string;\n label: string;\n } | null>(null);\n\n useEffect(() => {\n if (!isOpen) {\n return;\n }\n setValues(buildInitialValues(action, node));\n setFormError(null);\n setFieldErrors({});\n setResultValue(null);\n setResultResponse(null);\n }, [action, isOpen, node]);\n\n const setFieldValue = useCallback((fieldId: string, value: unknown) => {\n setValues((current) => {\n return { ...current, [fieldId]: value };\n });\n setFieldErrors((current) => {\n if (current[fieldId] == null) {\n return current;\n }\n const { [fieldId]: removedValue, ...next } = current;\n return next;\n });\n }, []);\n\n const title = resolveLabel(action.label, tApp);\n\n const resolveRequiredError = useCallback(\n (fieldLabel: string): string => {\n return t('actions.form.errors.required', {\n label: fieldLabel,\n });\n },\n [t],\n );\n\n const resolveInvalidNumberError = useCallback(\n (fieldLabel: string): string => {\n return t('actions.form.errors.invalidNumber', {\n label: fieldLabel,\n });\n },\n [t],\n );\n\n const resolveInvalidJsonError = useCallback(\n (fieldLabel: string): string => {\n return t('actions.form.errors.invalidJson', {\n label: fieldLabel,\n });\n },\n [t],\n );\n\n const resolveInvalidJsonObjectError = useCallback(\n (fieldLabel: string): string => {\n return t('actions.form.errors.invalidJsonObject', {\n label: fieldLabel,\n });\n },\n [t],\n );\n\n const resolveInvalidJsonArrayError = useCallback(\n (fieldLabel: string): string => {\n return t('actions.form.errors.invalidJsonArray', {\n label: fieldLabel,\n });\n },\n [t],\n );\n\n const buildPayload = useCallback(():\n | { values: Record<string, unknown> }\n | { error: string; fieldId?: string } => {\n const output: Record<string, unknown> = {};\n\n for (const field of action.fields) {\n const fieldLabel = resolveLabel(field.label, tApp);\n const rawValue = values[field.id];\n\n switch (field.kind) {\n case 'text': {\n let value = '';\n if (typeof rawValue === 'string') {\n value = rawValue.trim();\n }\n if (value === '') {\n if (field.required) {\n return {\n error: resolveRequiredError(fieldLabel),\n fieldId: field.id,\n };\n }\n break;\n }\n output[field.id] = value;\n break;\n }\n case 'number': {\n let valueString = '';\n if (typeof rawValue === 'string') {\n valueString = rawValue.trim();\n } else if (\n typeof rawValue === 'number' &&\n Number.isFinite(rawValue)\n ) {\n valueString = String(rawValue);\n }\n if (valueString === '') {\n if (field.required) {\n return {\n error: resolveRequiredError(fieldLabel),\n fieldId: field.id,\n };\n }\n break;\n }\n const parsed = Number(valueString);\n if (!Number.isFinite(parsed)) {\n return {\n error: resolveInvalidNumberError(fieldLabel),\n fieldId: field.id,\n };\n }\n output[field.id] = parsed;\n break;\n }\n case 'json': {\n let valueString = '';\n if (typeof rawValue === 'string') {\n valueString = rawValue.trim();\n }\n if (valueString === '') {\n if (field.required) {\n return {\n error: resolveRequiredError(fieldLabel),\n fieldId: field.id,\n };\n }\n break;\n }\n let parsed: unknown;\n try {\n parsed = JSON.parse(valueString);\n } catch {\n return {\n error: resolveInvalidJsonError(fieldLabel),\n fieldId: field.id,\n };\n }\n\n const jsonType = field.jsonType ?? 'object';\n if (jsonType === 'object' && !isPlainObject(parsed)) {\n return {\n error: resolveInvalidJsonObjectError(fieldLabel),\n fieldId: field.id,\n };\n }\n if (jsonType === 'array' && !Array.isArray(parsed)) {\n return {\n error: resolveInvalidJsonArrayError(fieldLabel),\n fieldId: field.id,\n };\n }\n\n output[field.id] = parsed;\n break;\n }\n case 'enum': {\n let value = '';\n if (typeof rawValue === 'string') {\n value = rawValue.trim();\n }\n if (value === '') {\n if (field.required) {\n return {\n error: resolveRequiredError(fieldLabel),\n fieldId: field.id,\n };\n }\n break;\n }\n output[field.id] = value;\n break;\n }\n case 'boolean': {\n output[field.id] = rawValue === true;\n break;\n }\n case 'entityId': {\n let value = '';\n if (typeof rawValue === 'string') {\n value = rawValue.trim();\n }\n if (value === '') {\n if (field.required) {\n return {\n error: resolveRequiredError(fieldLabel),\n fieldId: field.id,\n };\n }\n break;\n }\n output[field.id] = value;\n break;\n }\n case 'multiEnum': {\n let list: string[] = [];\n if (Array.isArray(rawValue)) {\n list = rawValue.filter((entry): entry is string => {\n return typeof entry === 'string' && entry.trim() !== '';\n });\n }\n if (list.length === 0) {\n if (field.required) {\n return {\n error: resolveRequiredError(fieldLabel),\n fieldId: field.id,\n };\n }\n break;\n }\n output[field.id] = list;\n break;\n }\n default: {\n break;\n }\n }\n }\n\n return { values: output };\n }, [\n action.fields,\n resolveInvalidJsonArrayError,\n resolveInvalidJsonError,\n resolveInvalidJsonObjectError,\n resolveInvalidNumberError,\n resolveRequiredError,\n tApp,\n values,\n ]);\n\n const handleSubmit = useCallback(() => {\n if (isSubmitting) {\n return;\n }\n\n setFormError(null);\n setFieldErrors({});\n\n const payload = buildPayload();\n if ('error' in payload) {\n setFormError(payload.error);\n if (payload.fieldId != null) {\n setFieldErrors({ [payload.fieldId]: payload.error });\n }\n return;\n }\n\n let variables: ReturnType<typeof action.getVariables>;\n try {\n variables = action.getVariables(node, payload.values);\n } catch (error) {\n let message = t('actions.form.errors.invalidPayload');\n if (error instanceof Error) {\n message = error.message;\n }\n setFormError(message);\n return;\n }\n\n setIsSubmitting(true);\n commitMutation(environment, {\n mutation: action.mutation,\n variables,\n updater: (store) => {\n action.updater?.(store, node);\n },\n onCompleted: (response) => {\n setIsSubmitting(false);\n const mutationPayload = extractMutationPayload(response);\n if (mutationPayload != null) {\n let defaultErrorMessage = t('actions.form.errors.invalidPayload');\n if (action.toasts?.error?.message != null) {\n defaultErrorMessage = resolveLabel(\n action.toasts.error.message,\n tApp,\n );\n } else if (action.toasts?.error?.title != null) {\n defaultErrorMessage = resolveLabel(action.toasts.error.title, tApp);\n }\n\n const outcome = resolveMutationOutcome(mutationPayload, {\n defaultErrorMessage,\n mapReason: (reason) => {\n const mapped = action.mapErrorReason?.(reason, node);\n if (mapped == null) {\n return null;\n }\n if (typeof mapped === 'function') {\n return resolveLabel(mapped, tApp);\n }\n return String(mapped);\n },\n });\n if (!outcome.ok) {\n const error = new Error(outcome.message);\n setFormError(outcome.message);\n action.onError?.(error, node);\n if (action.toasts?.error != null) {\n const toastTitle = resolveLabel(action.toasts.error.title, tApp);\n let toastMessage: string | undefined;\n if (action.toasts.error.message != null) {\n toastMessage = resolveLabel(action.toasts.error.message, tApp);\n }\n toast.error(toastTitle, toastMessage);\n }\n return;\n }\n }\n\n action.onCompleted?.(response, node);\n\n let hasCustomResult = false;\n if (action.result?.render != null) {\n const renderedResult = action.result.render(response, node);\n if (renderedResult != null) {\n hasCustomResult = true;\n setResultResponse(response);\n }\n }\n if (action.toasts?.success != null) {\n const toastSpec = resolveToastSpec(action.toasts.success, tApp);\n const toastActions = resolveToastViewActions({\n toast: action.toasts.success,\n response,\n node,\n tApp,\n entities,\n defaultLabel: t('actions.view'),\n navigateTo: (to) => {\n routing?.history.push({ pathname: to });\n },\n });\n toast.push({\n kind: 'info',\n title: toastSpec.title,\n message: toastSpec.message,\n actions: toastActions,\n });\n }\n\n if (action.result != null) {\n const nextValue = action.result.getValue(response, node);\n if (typeof nextValue === 'string' && nextValue.trim() !== '') {\n setResultValue(nextValue);\n onSuccess?.();\n return;\n }\n }\n\n if (hasCustomResult) {\n onSuccess?.();\n return;\n }\n\n onSuccess?.();\n onClose();\n },\n onError: (error) => {\n setIsSubmitting(false);\n action.onError?.(error, node);\n if (action.toasts?.error != null) {\n const toastTitle = resolveLabel(action.toasts.error.title, tApp);\n let toastMessage: string | undefined;\n if (action.toasts.error.message != null) {\n toastMessage = resolveLabel(action.toasts.error.message, tApp);\n }\n toast.error(toastTitle, toastMessage);\n }\n },\n });\n }, [\n action,\n buildPayload,\n entities,\n environment,\n isSubmitting,\n node,\n onClose,\n onSuccess,\n routing?.history,\n t,\n tApp,\n toast,\n ]);\n\n const handleFormSubmit = useCallback(\n (event: FormEvent<HTMLFormElement>) => {\n event.preventDefault();\n handleSubmit();\n },\n [handleSubmit],\n );\n\n const resultLabel = useMemo(() => {\n if (action.result == null) {\n return null;\n }\n return resolveLabel(action.result.label, tApp);\n }, [action.result, tApp]);\n\n const resultRender = useMemo(() => {\n if (action.result?.render == null || resultResponse == null) {\n return null;\n }\n return action.result.render(resultResponse, node);\n }, [action.result, node, resultResponse]);\n\n const showResult =\n (resultValue != null && resultLabel != null) || resultRender != null;\n\n const submitLabel = resolveLabel(action.label, tApp);\n\n if (!isOpen) {\n return null;\n }\n\n return (\n <>\n <Modal\n isOpen={isOpen}\n onClose={onClose}\n title={title}\n footer={\n <div className={styles.actions}>\n <Button\n type=\"button\"\n variant=\"secondary\"\n size=\"small\"\n onClick={onClose}\n >\n {t('actions.form.cancel')}\n </Button>\n {!showResult && (\n <Button\n type=\"submit\"\n variant=\"primary\"\n size=\"small\"\n disabled={isSubmitting}\n onClick={handleSubmit}\n >\n {submitLabel}\n </Button>\n )}\n </div>\n }\n >\n <Form onSubmit={handleFormSubmit} className={styles.form}>\n <FormErrorBanner message={formError} />\n <BackofficeFormSection>\n {action.fields.map((field) => {\n const fieldLabel = resolveLabel(field.label, tApp);\n let fieldDescription: string | null = null;\n if (field.description != null) {\n fieldDescription = resolveLabel(field.description, tApp);\n }\n\n switch (field.kind) {\n case 'text': {\n const rawValue = values[field.id];\n let value = '';\n if (typeof rawValue === 'string') {\n value = rawValue;\n }\n let placeholder: string | undefined;\n if (field.placeholder != null) {\n placeholder = resolveLabel(field.placeholder, tApp);\n }\n return (\n <FormGroup key={field.id}>\n <Label>{fieldLabel}</Label>\n {fieldDescription != null && (\n <span className={styles.fieldDescription}>\n {fieldDescription}\n </span>\n )}\n <Input\n type=\"text\"\n value={value}\n placeholder={placeholder}\n onChange={(event) => {\n setFieldValue(field.id, event.target.value);\n }}\n fullWidth\n />\n {fieldErrors[field.id] != null && (\n <span className={styles.fieldError}>\n {fieldErrors[field.id]}\n </span>\n )}\n </FormGroup>\n );\n }\n case 'number': {\n const rawValue = values[field.id];\n let value = '';\n if (typeof rawValue === 'string') {\n value = rawValue;\n }\n let placeholder: string | undefined;\n if (field.placeholder != null) {\n placeholder = resolveLabel(field.placeholder, tApp);\n }\n return (\n <FormGroup key={field.id}>\n <Label>{fieldLabel}</Label>\n {fieldDescription != null && (\n <span className={styles.fieldDescription}>\n {fieldDescription}\n </span>\n )}\n <Input\n type=\"number\"\n value={value}\n placeholder={placeholder}\n onChange={(event) => {\n setFieldValue(field.id, event.target.value);\n }}\n fullWidth\n />\n {fieldErrors[field.id] != null && (\n <span className={styles.fieldError}>\n {fieldErrors[field.id]}\n </span>\n )}\n </FormGroup>\n );\n }\n case 'json': {\n const rawValue = values[field.id];\n let value = '';\n if (typeof rawValue === 'string') {\n value = rawValue;\n }\n let placeholder: string | undefined;\n if (field.placeholder != null) {\n placeholder = resolveLabel(field.placeholder, tApp);\n }\n return (\n <FormGroup key={field.id}>\n <Label>{fieldLabel}</Label>\n {fieldDescription != null && (\n <span className={styles.fieldDescription}>\n {fieldDescription}\n </span>\n )}\n <Textarea\n value={value}\n placeholder={placeholder}\n rows={8}\n onChange={(event) => {\n setFieldValue(field.id, event.target.value);\n }}\n fullWidth\n />\n {fieldErrors[field.id] != null && (\n <span className={styles.fieldError}>\n {fieldErrors[field.id]}\n </span>\n )}\n </FormGroup>\n );\n }\n case 'enum': {\n const rawValue = values[field.id];\n let selected = '';\n if (typeof rawValue === 'string') {\n selected = rawValue;\n }\n const options = field.options.map((option) => {\n return {\n id: option.value,\n value: option.value,\n label: resolveLabel(option.label, tApp),\n };\n });\n return (\n <FormGroup key={field.id}>\n <Label>{fieldLabel}</Label>\n {fieldDescription != null && (\n <span className={styles.fieldDescription}>\n {fieldDescription}\n </span>\n )}\n <SimpleSelect\n options={options}\n value={selected}\n placeholder={fieldLabel}\n onChange={(nextValue) => {\n setFieldValue(field.id, nextValue);\n }}\n />\n {fieldErrors[field.id] != null && (\n <span className={styles.fieldError}>\n {fieldErrors[field.id]}\n </span>\n )}\n </FormGroup>\n );\n }\n case 'boolean': {\n const checked = values[field.id] === true;\n return (\n <FormGroup key={field.id}>\n {fieldDescription != null && (\n <span className={styles.fieldDescription}>\n {fieldDescription}\n </span>\n )}\n <CheckboxField\n label={fieldLabel}\n checked={checked}\n onChange={(event) => {\n setFieldValue(field.id, event.target.checked);\n }}\n />\n {fieldErrors[field.id] != null && (\n <span className={styles.fieldError}>\n {fieldErrors[field.id]}\n </span>\n )}\n </FormGroup>\n );\n }\n case 'entityId': {\n const rawValue = values[field.id];\n let value = '';\n if (typeof rawValue === 'string') {\n value = rawValue;\n }\n return (\n <FormGroup key={field.id}>\n <Label>{fieldLabel}</Label>\n {fieldDescription != null && (\n <span className={styles.fieldDescription}>\n {fieldDescription}\n </span>\n )}\n <EntityIdFilterField\n label={fieldLabel}\n value={value}\n onPick={() => {\n setActiveEntityPicker({\n fieldId: field.id,\n entity: field.entity,\n label: fieldLabel,\n });\n }}\n onClear={() => {\n setFieldValue(field.id, '');\n }}\n />\n {fieldErrors[field.id] != null && (\n <span className={styles.fieldError}>\n {fieldErrors[field.id]}\n </span>\n )}\n </FormGroup>\n );\n }\n case 'multiEnum': {\n const rawValue = values[field.id];\n let selected: string[] = [];\n if (Array.isArray(rawValue)) {\n selected = rawValue.filter((entry): entry is string => {\n return typeof entry === 'string';\n });\n }\n return (\n <FormGroup key={field.id}>\n <Label>{fieldLabel}</Label>\n {fieldDescription != null && (\n <span className={styles.fieldDescription}>\n {fieldDescription}\n </span>\n )}\n <div className={styles.checkboxGroup}>\n {field.options.map((option) => {\n const optionLabel = resolveLabel(option.label, tApp);\n const isChecked = selected.includes(option.value);\n return (\n <CheckboxField\n key={option.value}\n label={optionLabel}\n checked={isChecked}\n onChange={(event) => {\n let nextList = selected;\n if (event.target.checked) {\n if (!selected.includes(option.value)) {\n nextList = [...selected, option.value];\n }\n } else {\n nextList = selected.filter((value) => {\n return value !== option.value;\n });\n }\n setFieldValue(field.id, nextList);\n }}\n />\n );\n })}\n </div>\n {fieldErrors[field.id] != null && (\n <span className={styles.fieldError}>\n {fieldErrors[field.id]}\n </span>\n )}\n </FormGroup>\n );\n }\n default: {\n return null;\n }\n }\n })}\n </BackofficeFormSection>\n\n {showResult && (\n <div className={styles.resultSection}>\n {resultValue != null && resultLabel != null && (\n <HighlightCode\n badgeLabel={resultLabel}\n copyCode={resultValue}\n fallbackCodeText={resultValue}\n />\n )}\n {resultRender}\n </div>\n )}\n </Form>\n </Modal>\n <EntityIdPickerDialog\n isOpen={activeEntityPicker != null}\n entity={activeEntityPicker?.entity ?? ''}\n title={activeEntityPicker?.label ?? ''}\n onClose={() => {\n setActiveEntityPicker(null);\n }}\n onSelectId={(id) => {\n if (activeEntityPicker == null) {\n return;\n }\n setFieldValue(activeEntityPicker.fieldId, id);\n setActiveEntityPicker(null);\n }}\n />\n </>\n );\n};\n\nexport default BackofficeEntityActionFormDialog;\n"],"mappings":"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"}
@@ -1,15 +1,15 @@
1
1
  import { t as e } from "./useRelayEnvironment-vQ86aW-n.js";
2
- import { n as t } from "./BackofficeConfigContext-R0t1owTI.js";
3
- import { n, t as r } from "./useBackofficeReactTranslation-WfXU8kCf.js";
4
- import { n as i } from "./EntityIdPickerDialog-DbTnDU4v.js";
5
- import { a, n as o, r as s, t as c } from "./BackofficeDetailPayload-iVx66o_6.js";
2
+ import { r as t, t as n } from "./useBackofficeReactTranslation-Btt58EIo.js";
3
+ import { t as r } from "./BackofficeErrorBoundary-BwRVSDHU.js";
4
+ import { n as i } from "./EntityIdPickerDialog-Yhmr-WsV.js";
5
+ import { a, n as o, r as s, t as c } from "./BackofficeDetailPayload-P61MDRLE.js";
6
6
  import { i as l } from "./mutationResult-CcQMY13J.js";
7
7
  import { t as u } from "./pageResolution-hAQA5C6S.js";
8
8
  import { n as d, t as f } from "./BackofficeRightPageLayout-DZQvIHnj.js";
9
9
  import { n as p, t as m } from "./toastViewAction-BGTS7vqm.js";
10
10
  import { n as h } from "./buildBreadcrumbs-CqF9Nh6x.js";
11
11
  import { n as g } from "./BackofficeEntityDetailLayoutContext-C_tBqkVq.js";
12
- import { i as _, n as ee, r as v, t as y } from "./LazyBackofficeEntityActionFormDialog-BE3wVfU6.js";
12
+ import { i as _, n as ee, r as v, t as y } from "./LazyBackofficeEntityActionFormDialog-DVPQyWlr.js";
13
13
  import { Fragment as b, Suspense as x, createElement as S, useCallback as C, useContext as w, useMemo as T, useState as E } from "react";
14
14
  import { useTranslation as D } from "react-i18next";
15
15
  import { HttpRedirect as O, Link as k, RoutingContext as A } from "@plumile/router";
@@ -21,8 +21,8 @@ import { BACKOFFICE_DATE_TIME_OPTIONS as ye, BACKOFFICE_LIST_REFETCH_POLICY as b
21
21
  import { buildBackofficeFallbackListHref as Se, buildBackofficeListHref as Ce, buildBackofficeListLink as we } from "@plumile/backoffice-core/state/buildListHref.js";
22
22
  import { setWhereValue as Te } from "@plumile/backoffice-core/filters/where.js";
23
23
  //#region src/components/backoffice/scaffolds/BackofficeEntityDetailScaffold.tsx
24
- var Ee = ({ node: e, render: t, notFound: n }) => {
25
- let { t: i } = r(), a = n ?? i("detail.notFound");
24
+ var Ee = ({ node: e, render: t, notFound: r }) => {
25
+ let { t: i } = n(), a = r ?? i("detail.notFound");
26
26
  return e == null ? /* @__PURE__ */ J(q, { children: a }) : t(e) ?? /* @__PURE__ */ J(q, { children: a });
27
27
  }, De = "txvbqb9ip txvbqbcp txvbqbao7", Oe = "_1lzrtns0 txvbqb9ip txvbqbcp", ke = "_1lzrtns1", Ae = ({ tone: e, icon: t, label: n }) => {
28
28
  let r = t != null, i = null;
@@ -48,14 +48,14 @@ var Ee = ({ node: e, render: t, notFound: n }) => {
48
48
  className: Me,
49
49
  children: t
50
50
  })]
51
- }), Pe = "txvbqb9ip txvbqbai7 txvbqbaop", Fe = "txvbqb9ip txvbqbai7 txvbqbao7 txvbqblb7 txvbqb1ry", Ie = "txvbqb1cp txvbqb1qg txvbqbwp txvbqbv45", Le = "txvbqb9ip txvbqbai7 txvbqbany", Re = "txvbqbal7 txvbqb8y txvbqbva3", ze = "txvbqbamp", Be = "txvbqb8y", Ve = ({ title: e, description: t, items: n }) => {
52
- let { t: i } = r();
53
- return n.length === 0 ? null : /* @__PURE__ */ J(s, {
51
+ }), Pe = "txvbqb9ip txvbqbai7 txvbqbaop", Fe = "txvbqb9ip txvbqbai7 txvbqbao7 txvbqblb7 txvbqb1ry", Ie = "txvbqb1cp txvbqb1qg txvbqbwp txvbqbv45", Le = "txvbqb9ip txvbqbai7 txvbqbany", Re = "txvbqbal7 txvbqb8y txvbqbva3", ze = "txvbqbamp", Be = "txvbqb8y", Ve = ({ title: e, description: t, items: r }) => {
52
+ let { t: i } = n();
53
+ return r.length === 0 ? null : /* @__PURE__ */ J(s, {
54
54
  title: e,
55
55
  description: t,
56
56
  children: /* @__PURE__ */ J("div", {
57
57
  className: Pe,
58
- children: n.map((e, t) => {
58
+ children: r.map((e, t) => {
59
59
  let n = i("common.notAvailable");
60
60
  return e.details != null && (n = o(e.details)), /* @__PURE__ */ Y("div", {
61
61
  className: me(Fe, Ie),
@@ -76,8 +76,8 @@ var Ee = ({ node: e, render: t, notFound: n }) => {
76
76
  })
77
77
  })
78
78
  });
79
- }, { useLazyLoadQuery: He, usePaginationFragment: Ue } = ge, We = ({ title: e, config: t, entities: n, whereKey: i, value: a, path: o }) => {
80
- let { t: s } = D(), { t: c } = r();
79
+ }, { useLazyLoadQuery: He, usePaginationFragment: Ue } = ge, We = ({ title: e, config: t, entities: r, whereKey: i, value: a, path: o }) => {
80
+ let { t: s } = D(), { t: c } = n();
81
81
  if (t.list.kind === "records") return null;
82
82
  let l = t.list, u = t.listDefaults ?? l.defaultState ?? {
83
83
  where: null,
@@ -99,11 +99,11 @@ var Ee = ({ node: e, render: t, notFound: n }) => {
99
99
  tApp: s,
100
100
  t: c,
101
101
  resolveEntityHref: (e, t) => {
102
- let r = n[e];
103
- return r == null ? null : r.routes.detail(t);
102
+ let n = r[e];
103
+ return n == null ? null : n.routes.detail(t);
104
104
  }
105
105
  }), [
106
- n,
106
+ r,
107
107
  l.columns,
108
108
  c,
109
109
  s
@@ -158,14 +158,14 @@ var Ee = ({ node: e, render: t, notFound: n }) => {
158
158
  value: a,
159
159
  path: o
160
160
  });
161
- }, Ke = ({ title: e, target: t, whereKey: r, value: i, path: a }) => /* @__PURE__ */ J(n, {
161
+ }, Ke = ({ title: e, target: t, whereKey: n, value: i, path: a }) => /* @__PURE__ */ J(r, {
162
162
  fallback: () => /* @__PURE__ */ J(M, { rows: 6 }),
163
163
  children: /* @__PURE__ */ J(x, {
164
164
  fallback: /* @__PURE__ */ J(M, { rows: 6 }),
165
165
  children: /* @__PURE__ */ J(Ge, {
166
166
  title: e,
167
167
  targetId: t,
168
- whereKey: r,
168
+ whereKey: n,
169
169
  value: i,
170
170
  path: a
171
171
  })
@@ -174,11 +174,11 @@ var Ee = ({ node: e, render: t, notFound: n }) => {
174
174
  //#endregion
175
175
  //#region src/i18n/useBackofficeFormats.ts
176
176
  function Ze() {
177
- let { t: e } = r();
177
+ let { t: e } = n();
178
178
  function t(t) {
179
179
  return e("format.number", { value: t });
180
180
  }
181
- function n(t) {
181
+ function r(t) {
182
182
  return e("format.currency", { value: t });
183
183
  }
184
184
  function i(t) {
@@ -186,7 +186,7 @@ function Ze() {
186
186
  }
187
187
  return {
188
188
  formatNumber: t,
189
- formatCurrency: n,
189
+ formatCurrency: r,
190
190
  formatPercent: i
191
191
  };
192
192
  }
@@ -688,22 +688,22 @@ var Qe = (e) => e.pages.map((t) => ({
688
688
  });
689
689
  default: throw Error(`Unsupported flag icon: ${String(e)}`);
690
690
  }
691
- }, pt = ({ config: n, prepared: i }) => {
692
- let { t: o } = D(), { t: _ } = r(), { formatNumber: ee, formatCurrency: v, formatPercent: b } = Ze(), { entities: x, entityRegistry: S } = t(), { layoutView: C } = g(), M = w(A), ie = e(), P = he(), [le, F] = E({}), [fe, I] = E(null), L = u({
693
- mainPage: n.pages.mainPage,
694
- subPages: n.pages.subPages,
691
+ }, pt = ({ config: r, prepared: i }) => {
692
+ let { t: o } = D(), { t: _ } = n(), { formatNumber: ee, formatCurrency: v, formatPercent: b } = Ze(), { entities: x, entityRegistry: S } = t(), { layoutView: C } = g(), M = w(A), ie = e(), P = he(), [le, F] = E({}), [fe, I] = E(null), L = u({
693
+ mainPage: r.pages.mainPage,
694
+ subPages: r.pages.subPages,
695
695
  activePagePath: i.pagePath,
696
696
  node: C
697
- }), R = L.activePage ?? n.pages.mainPage, z = L.pages.length > 0 ? L.pages : [n.pages.mainPage], B = (e, t) => {
697
+ }), R = L.activePage ?? r.pages.mainPage, z = L.pages.length > 0 ? L.pages : [r.pages.mainPage], B = (e, t) => {
698
698
  F((n) => n[e] === t ? n : {
699
699
  ...n,
700
700
  [e]: t
701
701
  });
702
- }, { page: V } = n, H = ve(V.query, i.pageQuery), U = V.resolveNode(H, {
702
+ }, { page: V } = r, H = ve(V.query, i.pageQuery), U = V.resolveNode(H, {
703
703
  id: i.id,
704
704
  detailId: i.detailId
705
705
  });
706
- if (U == null) throw new O(n.routes.list);
706
+ if (U == null) throw new O(r.routes.list);
707
707
  let W = K(V.fragment, U), pe = T(() => Object.fromEntries(V.content.flatMap((e) => e.kind === "section" ? e.fields.flatMap((e) => e.type === "relation" ? [e.entity] : []) : []).flatMap((e) => {
708
708
  let t = x[e];
709
709
  return t?.hasList === !0 ? [[e, t.routes.list]] : [];
@@ -711,11 +711,11 @@ var Qe = (e) => e.pages.map((t) => ({
711
711
  return /* @__PURE__ */ J(Ee, {
712
712
  node: W,
713
713
  render: (e) => {
714
- let t = V.toView(e), r = Qe({
714
+ let t = V.toView(e), n = Qe({
715
715
  pages: z,
716
716
  id: i.id,
717
717
  tApp: o,
718
- detailPageHref: n.routes.detailPage
718
+ detailPageHref: r.routes.detailPage
719
719
  }), u = (e, t) => {
720
720
  let n = x[e];
721
721
  return n == null ? null : n.routes.detail(t);
@@ -740,7 +740,7 @@ var Qe = (e) => e.pages.map((t) => ({
740
740
  });
741
741
  }
742
742
  };
743
- }, w = ut(n.header, C, {
743
+ }, w = ut(r.header, C, {
744
744
  tApp: o,
745
745
  t: _,
746
746
  resolveEntityHref: u,
@@ -759,7 +759,7 @@ var Qe = (e) => e.pages.map((t) => ({
759
759
  }),
760
760
  renderBadgeRow: (e) => /* @__PURE__ */ J(a, { items: e })
761
761
  }), T = h({
762
- config: n,
762
+ config: r,
763
763
  tApp: o,
764
764
  entityId: i.id,
765
765
  layoutView: C,
@@ -994,7 +994,7 @@ var Qe = (e) => e.pages.map((t) => ({
994
994
  children: /* @__PURE__ */ J(j, { items: w.items })
995
995
  }) : null, ge = L.length > 0, K = null;
996
996
  return z.length > 1 && (K = /* @__PURE__ */ J(re, {
997
- items: r,
997
+ items: n,
998
998
  activeId: R.id,
999
999
  onChange: () => {}
1000
1000
  })), /* @__PURE__ */ Y(f, {
@@ -1041,4 +1041,4 @@ var Qe = (e) => e.pages.map((t) => ({
1041
1041
  //#endregion
1042
1042
  export { mt as BackofficeEntityDetailPage, mt as default };
1043
1043
 
1044
- //# sourceMappingURL=BackofficeEntityDetailPage-CIyGKwVP.js.map
1044
+ //# sourceMappingURL=BackofficeEntityDetailPage-DPFXbJxC.js.map