@oneuptime/common 14.0.13 → 14.0.14

package/build/dist/UI/Components/ModelSwitch/ModelSwitchRow.js

@@ -0,0 +1,201 @@
+import { Yellow } from "../../../Types/BrandColors";
+import IconProp from "../../../Types/Icon/IconProp";
+import API from "../../Utils/API/API";
+import ModelAPI from "../../Utils/ModelAPI/ModelAPI";
+import PermissionGate from "../../Utils/PermissionGate";
+import useTranslator from "../../Utils/UseTranslator";
+import { ButtonStyleType } from "../Button/Button";
+import Icon from "../Icon/Icon";
+import ConfirmModal from "../Modal/ConfirmModal";
+import Pill from "../Pill/Pill";
+import Toggle from "../Toggle/Toggle";
+import { announceModelSwitchSaved, subscribeToModelSwitchSaved, } from "./ModelSwitchEvents";
+import { getPlanNeededToChangeColumn, getStoredValueForSwitch, } from "./ModelSwitchUtil";
+import React, { useEffect, useId, useMemo, useRef, useState, } from "react";
+export var ModelSwitchSaveState;
+(function (ModelSwitchSaveState) {
+    ModelSwitchSaveState["Idle"] = "Idle";
+    // Its dialog is open.
+    ModelSwitchSaveState["Confirming"] = "Confirming";
+    ModelSwitchSaveState["Saving"] = "Saving";
+    ModelSwitchSaveState["Saved"] = "Saved";
+})(ModelSwitchSaveState || (ModelSwitchSaveState = {}));
+const ModelSwitchRow = (props) => {
+    var _a, _b;
+    const translator = useTranslator();
+    const source = `model-switch-${useId()}`;
+    const [isOn, setIsOn] = useState(props.initialValue);
+    const [saveState, setSaveState] = useState(ModelSwitchSaveState.Idle);
+    const [error, setError] = useState("");
+    const [pending, setPending] = useState(null);
+    /*
+     * Set at once, where the state above lands on the next render: two presses
+     * before the switch has drawn itself locked must not save twice.
+     */
+    const isBusyRef = useRef(false);
+    /*
+     * The change the dialog is asking about, taken by the first answer: a
+     * second press of its button before it closes finds nothing to save.
+     */
+    const pendingRef = useRef(null);
+    // The callbacks of the latest render, for the subscription below.
+    const latestPropsRef = useRef(props);
+    latestPropsRef.current = props;
+    const model = useMemo(() => {
+        return new props.modelType();
+    }, [props.modelType]);
+    const modelIdString = props.modelId.toString();
+    const updateGate = PermissionGate.checkColumnUpdate(model, props.column);
+    const planNeeded = getPlanNeededToChangeColumn(model, props.column);
+    useEffect(() => {
+        return subscribeToModelSwitchSaved({
+            modelType: props.modelType,
+            modelId: props.modelId,
+            column: props.column,
+            source: source,
+            onSaved: (stored) => {
+                var _a, _b;
+                // A change of its own in flight has the last word.
+                if (isBusyRef.current) {
+                    return;
+                }
+                const nextIsOn = latestPropsRef.current.isInverted
+                    ? !stored
+                    : stored;
+                setIsOn(nextIsOn);
+                setError("");
+                setSaveState(ModelSwitchSaveState.Idle);
+                (_b = (_a = latestPropsRef.current).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, nextIsOn);
+            },
+        });
+    }, [props.modelType, modelIdString, props.column, source]);
+    const save = async (value, previous) => {
+        var _a, _b;
+        isBusyRef.current = true;
+        setSaveState(ModelSwitchSaveState.Saving);
+        setError("");
+        const stored = getStoredValueForSwitch({
+            isOn: value,
+            isInverted: props.isInverted,
+        });
+        const modelAPI = props.modelAPI || ModelAPI;
+        try {
+            await modelAPI.updateById({
+                modelType: props.modelType,
+                id: props.modelId,
+                data: {
+                    [props.column]: stored,
+                },
+            });
+            isBusyRef.current = false;
+            setSaveState(ModelSwitchSaveState.Saved);
+            announceModelSwitchSaved({
+                modelType: props.modelType,
+                modelId: props.modelId,
+                column: props.column,
+                value: stored,
+                source: source,
+            });
+            (_a = props.onSaved) === null || _a === void 0 ? void 0 : _a.call(props, value);
+        }
+        catch (err) {
+            isBusyRef.current = false;
+            setIsOn(previous);
+            (_b = props.onChange) === null || _b === void 0 ? void 0 : _b.call(props, previous);
+            setSaveState(ModelSwitchSaveState.Idle);
+            setError(API.getFriendlyMessage(err));
+        }
+    };
+    const change = (value) => {
+        var _a, _b;
+        if (isBusyRef.current || !updateGate.isAllowed) {
+            return;
+        }
+        const previous = isOn;
+        /*
+         * The switch has already moved (it keeps its own state, and follows
+         * `value` only when `value` changes): the row follows it, so that a
+         * refusal or a cancelled dialog - which puts `value` back - moves the
+         * switch back too.
+         */
+        setIsOn(value);
+        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value);
+        setError("");
+        const confirmation = (_b = props.getConfirmation) === null || _b === void 0 ? void 0 : _b.call(props, value);
+        if (confirmation) {
+            isBusyRef.current = true;
+            pendingRef.current = { previous, value, confirmation };
+            setPending(pendingRef.current);
+            setSaveState(ModelSwitchSaveState.Confirming);
+            return;
+        }
+        void save(value, previous);
+    };
+    const cancelPending = () => {
+        var _a;
+        const cancelled = pendingRef.current;
+        if (!cancelled) {
+            return;
+        }
+        pendingRef.current = null;
+        isBusyRef.current = false;
+        setIsOn(cancelled.previous);
+        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, cancelled.previous);
+        setPending(null);
+        setSaveState(ModelSwitchSaveState.Idle);
+    };
+    const confirmPending = () => {
+        const confirmed = pendingRef.current;
+        if (!confirmed) {
+            return;
+        }
+        pendingRef.current = null;
+        setPending(null);
+        void save(confirmed.value, confirmed.previous);
+    };
+    const descriptionText = (_a = props.getDescription) === null || _a === void 0 ? void 0 : _a.call(props, isOn);
+    // Translated here, as one element: the Toggle would look a string up again.
+    const description = descriptionText || props.note ? (React.createElement(React.Fragment, null,
+        descriptionText ? translator.translateText(descriptionText) : "",
+        descriptionText && props.note ? " " : "",
+        props.note ? translator.translateText(props.note) : "")) : undefined;
+    const isLocked = saveState === ModelSwitchSaveState.Saving ||
+        saveState === ModelSwitchSaveState.Confirming ||
+        !updateGate.isAllowed;
+    const getSaveStateElement = () => {
+        if (saveState === ModelSwitchSaveState.Saving) {
+            return (React.createElement("span", { className: "text-gray-500" }, translator.translateText("Saving…")));
+        }
+        if (saveState === ModelSwitchSaveState.Saved) {
+            return (React.createElement("span", { className: "inline-flex items-center gap-1 text-emerald-700" },
+                React.createElement(Icon, { icon: IconProp.Check, className: "h-4 w-4" }),
+                translator.translateText("Saved")));
+        }
+        return null;
+    };
+    const hasSaveState = saveState === ModelSwitchSaveState.Saving ||
+        saveState === ModelSwitchSaveState.Saved;
+    return (
+    /*
+     * The "Saved" status and the plan's pill sit to the right of the
+     * switch's text from sm up. On a phone they go under the text, lined up
+     * with it (the switch is 44px and 12px from its text: pl-14), so the
+     * sentence keeps the width. Each brings its own top margin there, and the
+     * column its own left margin from sm up, so a row with neither takes no
+     * more room than its switch.
+     */
+    React.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start sm:justify-between", "data-testid": props.dataTestId ? `${props.dataTestId}-row` : undefined },
+        React.createElement("div", { className: "min-w-0 flex-1" },
+            React.createElement(Toggle, { title: props.title, description: description, value: isOn, disabled: isLocked, tooltip: updateGate.disabledReason, error: error || undefined, dataTestId: props.dataTestId, onChange: (value) => {
+                    change(value);
+                } })),
+        React.createElement("div", { className: `flex flex-shrink-0 flex-wrap items-center gap-x-3 pl-14 text-sm sm:pl-0 sm:pt-0.5 ${hasSaveState || planNeeded ? "sm:ml-4" : ""}` },
+            React.createElement("span", { role: "status", className: hasSaveState ? "mt-2 inline-flex sm:mt-0" : "inline-flex", "data-testid": props.dataTestId ? `${props.dataTestId}-status` : undefined }, getSaveStateElement()),
+            planNeeded ? (React.createElement("span", { className: "mt-2 inline-flex sm:mt-0" },
+                React.createElement(Pill, { text: translator.translateTemplate("{{planName}} Plan", {
+                        planName: planNeeded,
+                    }), color: Yellow }))) : (React.createElement(React.Fragment, null))),
+        pending ? (React.createElement(ConfirmModal, { title: pending.confirmation.title, description: pending.confirmation.description, submitButtonText: pending.confirmation.submitButtonText, submitButtonType: (_b = pending.confirmation.submitButtonType) !== null && _b !== void 0 ? _b : ButtonStyleType.PRIMARY, onClose: cancelPending, onSubmit: confirmPending })) : (React.createElement(React.Fragment, null))));
+};
+export default ModelSwitchRow;
+//# sourceMappingURL=ModelSwitchRow.js.map

package/build/dist/UI/Components/ModelSwitch/ModelSwitchRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModelSwitchRow.js","sourceRoot":"","sources":["../../../../../UI/Components/ModelSwitch/ModelSwitchRow.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/ModelSwitch/ModelSwitchUtil.js

@@ -0,0 +1,60 @@
+import SubscriptionPlan from "../../../Types/Billing/SubscriptionPlan";
+import { getAllEnvVars } from "../../Config";
+import ProjectUtil from "../../Utils/Project";
+/*
+ * The plan this project would need to change the column, or null when it
+ * can. Fails open, like the dashboard's other plan notes: with billing off
+ * (getCurrentPlan is null on every self-hosted install and outside a
+ * project, as in the admin dashboard), or a plan it cannot tell, it says
+ * nothing, and the server - which refuses the change below the plan anyway
+ * - has the last word.
+ */
+export const getPlanNeededToChangeColumn = (model, column) => {
+    const currentPlan = ProjectUtil.getCurrentPlan();
+    if (!currentPlan) {
+        return null;
+    }
+    const billing = model.getColumnBillingAccessControl(column);
+    if (!billing || !billing.update) {
+        return null;
+    }
+    try {
+        return SubscriptionPlan.isFeatureAccessibleOnCurrentPlan(billing.update, currentPlan, getAllEnvVars())
+            ? null
+            : billing.update;
+    }
+    catch (_a) {
+        // A plan this dashboard cannot read is no reason to say anything.
+        return null;
+    }
+};
+/*
+ * What a boolean column holds when nothing was ever written to it: the
+ * default its model declares, or false when it declares none (a nullable
+ * column the server leaves empty reads as off everywhere else, too).
+ */
+export const getColumnBooleanDefault = (model, column) => {
+    let metadata;
+    try {
+        metadata = model.getTableColumnMetadata(column);
+    }
+    catch (_a) {
+        metadata = undefined;
+    }
+    return (metadata === null || metadata === void 0 ? void 0 : metadata.defaultValue) === true;
+};
+/*
+ * Whether the switch is on for what the column holds. An inverted switch is
+ * on while its column is false: a column that stores what to turn off
+ * ("Disable Monitoring", "Do not add global probes") behind a switch that
+ * reads on = happening. Nothing stored reads as the column's default.
+ */
+export const isModelSwitchOn = (data) => {
+    const value = typeof data.stored === "boolean" ? data.stored : data.defaultValue;
+    return data.isInverted ? !value : value;
+};
+// What the column stores for a switch that is on or off.
+export const getStoredValueForSwitch = (data) => {
+    return data.isInverted ? !data.isOn : data.isOn;
+};
+//# sourceMappingURL=ModelSwitchUtil.js.map

package/build/dist/UI/Components/ModelSwitch/ModelSwitchUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModelSwitchUtil.js","sourceRoot":"","sources":["../../../../../UI/Components/ModelSwitch/ModelSwitchUtil.ts"],"names":[],"mappings":"AAEA,OAAO,gBAEN,MAAM,yCAAyC,CAAC;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,WAAW,MAAM,qBAAqB,CAAC;AAuB9C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAGjB,CAAC,KAAgB,EAAE,MAAc,EAAmB,EAAE;IAC3E,MAAM,WAAW,GAAoB,WAAW,CAAC,cAAc,EAAE,CAAC;IAElE,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,OAAO,GACX,KAAK,CAAC,6BAA6B,CAAC,MAAM,CAAC,CAAC;IAE9C,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QAChC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,CAAC;QACH,OAAO,gBAAgB,CAAC,gCAAgC,CACtD,OAAO,CAAC,MAAM,EACd,WAAW,EACX,aAAa,EAAE,CAChB;YACC,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC;IACrB,CAAC;IAAC,WAAM,CAAC;QACP,kEAAkE;QAClE,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAGrB,CAAC,KAAgB,EAAE,MAAc,EAAW,EAAE;IAC3D,IAAI,QAAyC,CAAC;IAE9C,IAAI,CAAC;QACH,QAAQ,GAAG,KAAK,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;IAClD,CAAC;IAAC,WAAM,CAAC;QACP,QAAQ,GAAG,SAAS,CAAC;IACvB,CAAC;IAED,OAAO,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,YAAY,MAAK,IAAI,CAAC;AACzC,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,eAAe,GAIZ,CAAC,IAIhB,EAAW,EAAE;IACZ,MAAM,KAAK,GACT,OAAO,IAAI,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC;IAErE,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;AAC1C,CAAC,CAAC;AAEF,yDAAyD;AACzD,MAAM,CAAC,MAAM,uBAAuB,GAGpB,CAAC,IAGhB,EAAW,EAAE;IACZ,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;AAClD,CAAC,CAAC"}

package/build/dist/UI/Components/ModelSwitch/ModelSwitchesCard.js

@@ -0,0 +1,116 @@
+import API from "../../Utils/API/API";
+import ModelAPI from "../../Utils/ModelAPI/ModelAPI";
+import Card from "../Card/Card";
+import ComponentLoader from "../ComponentLoader/ComponentLoader";
+import ErrorMessage from "../ErrorMessage/ErrorMessage";
+import ModelSwitchRow from "./ModelSwitchRow";
+import { getColumnBooleanDefault, isModelSwitchOn, } from "./ModelSwitchUtil";
+import React, { useEffect, useRef, useState, } from "react";
+const ModelSwitchesCard = (props) => {
+    const [positions, setPositions] = useState(null);
+    const [isLoading, setIsLoading] = useState(true);
+    const [error, setError] = useState("");
+    /*
+     * Bumped by every read: an answer for a read the card has moved on from
+     * (another record, a retry) is dropped.
+     */
+    const readRef = useRef(0);
+    const modelIdString = props.modelId.toString();
+    // The columns, as one string, so a new array of the same switches is no change.
+    const columnsKey = props.switches
+        .map((definition) => {
+        return definition.column;
+    })
+        .join(",");
+    const fetchItem = async () => {
+        var _a, _b;
+        const read = readRef.current + 1;
+        readRef.current = read;
+        setIsLoading(true);
+        setError("");
+        const modelAPI = props.modelAPI || ModelAPI;
+        const select = Object.assign({}, (props.select || {}));
+        for (const definition of props.switches) {
+            select[definition.column] = true;
+        }
+        try {
+            const item = await modelAPI.getItem({
+                modelType: props.modelType,
+                id: props.modelId,
+                select: select,
+            });
+            if (read !== readRef.current) {
+                return;
+            }
+            if (!item) {
+                setPositions(null);
+                setError("Item not found");
+            }
+            else {
+                const model = new props.modelType();
+                const readPositions = {};
+                for (const definition of props.switches) {
+                    readPositions[definition.column] = isModelSwitchOn({
+                        stored: item[definition.column],
+                        defaultValue: getColumnBooleanDefault(model, definition.column),
+                        isInverted: definition.isInverted,
+                    });
+                }
+                setPositions(readPositions);
+                (_a = props.onLoaded) === null || _a === void 0 ? void 0 : _a.call(props, item);
+                for (const definition of props.switches) {
+                    (_b = props.onChange) === null || _b === void 0 ? void 0 : _b.call(props, definition.column, Boolean(readPositions[definition.column]));
+                }
+            }
+        }
+        catch (err) {
+            if (read !== readRef.current) {
+                return;
+            }
+            setPositions(null);
+            setError(API.getFriendlyMessage(err));
+        }
+        setIsLoading(false);
+    };
+    useEffect(() => {
+        void fetchItem();
+        return () => {
+            readRef.current += 1;
+        };
+    }, [modelIdString, columnsKey]);
+    const getBody = () => {
+        if (isLoading) {
+            return React.createElement(ComponentLoader, null);
+        }
+        if (error || !positions) {
+            return (React.createElement(ErrorMessage, { message: error || "Item not found", onRefreshClick: () => {
+                    void fetchItem();
+                } }));
+        }
+        return (
+        /*
+         * Full-bleed rows, ruled like the card's own header rule, as on the
+         * project's Notification Channels card and the status page's "What
+         * your status page shows".
+         */
+        React.createElement("div", { className: "-mx-5 -mb-6 divide-y divide-gray-200 border-t border-gray-200 md:-mx-6" }, props.switches.map((definition) => {
+            return (React.createElement("div", { className: "px-5 py-4 md:px-6", 
+                /*
+                 * Keyed on the record too, so a switch read for one record
+                 * never shows on the next one's card.
+                 */
+                key: `${modelIdString}-${definition.column}` },
+                React.createElement(ModelSwitchRow, { modelType: props.modelType, modelId: props.modelId, column: definition.column, initialValue: Boolean(positions[definition.column]), title: definition.title, getDescription: definition.getDescription, note: definition.note, isInverted: definition.isInverted, getConfirmation: definition.getConfirmation, modelAPI: props.modelAPI, onChange: (isOn) => {
+                        var _a;
+                        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, definition.column, isOn);
+                    }, onSaved: (isOn) => {
+                        var _a;
+                        (_a = props.onSaved) === null || _a === void 0 ? void 0 : _a.call(props, definition.column, isOn);
+                    }, dataTestId: definition.dataTestId })));
+        })));
+    };
+    return (React.createElement(Card, { title: props.cardTitle, description: props.cardDescription },
+        React.createElement("div", { "data-testid": props.dataTestId }, getBody())));
+};
+export default ModelSwitchesCard;
+//# sourceMappingURL=ModelSwitchesCard.js.map

package/build/dist/UI/Components/ModelSwitch/ModelSwitchesCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModelSwitchesCard.js","sourceRoot":"","sources":["../../../../../UI/Components/ModelSwitch/ModelSwitchesCard.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/ModelSwitch/useSaveModelSwitch.js

@@ -0,0 +1,68 @@
+import ObjectID from "../../../Types/ObjectID";
+import API from "../../Utils/API/API";
+import ModelAPI from "../../Utils/ModelAPI/ModelAPI";
+import PermissionGate from "../../Utils/PermissionGate";
+import { announceModelSwitchSaved } from "./ModelSwitchEvents";
+import { useCallback, useMemo, useRef, useState, } from "react";
+const useSaveModelSwitch = (data) => {
+    // The record a save is out for, if any.
+    const [savingFor, setSavingFor] = useState(null);
+    const [failure, setFailure] = useState(null);
+    // Set at once: two presses before the button locks must not save twice.
+    const isSavingRef = useRef(false);
+    // The latest call's options, for a save that outlives a render.
+    const latestRef = useRef(data);
+    latestRef.current = data;
+    const modelIdString = data.modelId.toString();
+    const model = useMemo(() => {
+        return new data.modelType();
+    }, [data.modelType]);
+    const gate = PermissionGate.checkColumnUpdate(model, data.column);
+    const save = useCallback(() => {
+        if (isSavingRef.current || !gate.isAllowed) {
+            return;
+        }
+        isSavingRef.current = true;
+        setSavingFor(modelIdString);
+        setFailure(null);
+        const current = latestRef.current;
+        const modelId = new ObjectID(modelIdString);
+        const modelAPI = current.modelAPI || ModelAPI;
+        const run = async () => {
+            var _a;
+            try {
+                await modelAPI.updateById({
+                    modelType: current.modelType,
+                    id: modelId,
+                    data: {
+                        [current.column]: current.value,
+                    },
+                });
+                announceModelSwitchSaved({
+                    modelType: current.modelType,
+                    modelId: modelId,
+                    column: current.column,
+                    value: current.value,
+                });
+                (_a = current.onSaved) === null || _a === void 0 ? void 0 : _a.call(current);
+            }
+            catch (err) {
+                setFailure({
+                    modelId: modelIdString,
+                    message: API.getFriendlyMessage(err),
+                });
+            }
+            isSavingRef.current = false;
+            setSavingFor(null);
+        };
+        void run();
+    }, [modelIdString, gate.isAllowed]);
+    return {
+        gate,
+        isSaving: savingFor === modelIdString,
+        error: (failure === null || failure === void 0 ? void 0 : failure.modelId) === modelIdString ? failure.message : "",
+        save,
+    };
+};
+export default useSaveModelSwitch;
+//# sourceMappingURL=useSaveModelSwitch.js.map

package/build/dist/UI/Components/ModelSwitch/useSaveModelSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSaveModelSwitch.js","sourceRoot":"","sources":["../../../../../UI/Components/ModelSwitch/useSaveModelSwitch.ts"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/ModelTable/BaseModelTable.js

@@ -3202,6 +3202,7 @@ const BaseModelTable = (props) => {
             modelIdToEdit: modalType === ModalType.Edit && currentEditableItem
                 ? new ObjectID(currentEditableItem["_id"])
                 : undefined,
+            existingItems: modalType === ModalType.Create ? data : undefined,
         })) : (React.createElement(React.Fragment, null)),
         showDeleteConfirmModal && (React.createElement(ConfirmModal, { title: (deleteConfirmation === null || deleteConfirmation === void 0 ? void 0 : deleteConfirmation.title) ||
                 translateNamedAction(translator, {