@multiplatform.one/backoffice 6.4.3 → 6.7.0

package/dist/jsx/form/DocFormScreen.native.js

@@ -0,0 +1,843 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var DocFormScreen_exports = {};
+__export(DocFormScreen_exports, {
+  DocFormScreen: () => DocFormScreen
+});
+module.exports = __toCommonJS(DocFormScreen_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_components = require("@multiplatform.one/components");
+var import_forms = require("@multiplatform.one/forms");
+var import_frappe_ui = require("@multiplatform.one/frappe-ui");
+var import_theme = require("@multiplatform.one/theme");
+var import_react2 = require("@phosphor-icons/react");
+var import_react3 = require("react");
+var import_react_i18next = require("react-i18next");
+var import_BackofficeProvider = require("../config/BackofficeProvider.native.js");
+var import_i18n = require("../i18n/index.native.js");
+var import_useDocinfo = require("../shared/useDocinfo.native.js");
+var import_useRecentVisit = require("../shared/useRecentVisit.native.js");
+var import_useDoctypeMeta = require("../shared/useDoctypeMeta.native.js");
+var import_useUserRoles = require("../shared/useUserRoles.native.js");
+var import_createPrefill = require("./createPrefill.native.js");
+var import_docinfo = require("./docinfo.native.js");
+var import_fieldPermissions = require("./fieldPermissions.native.js");
+var import_formActions = require("./formActions.native.js");
+var import_FormDialogs = require("./FormDialogs.native.js");
+var import_FormErrorBoundary = require("./FormErrorBoundary.native.js");
+var import_formLayout = require("./formLayout.native.js");
+var import_FormConnections = require("./FormConnections.native.js");
+var import_FormHeaderCluster = require("./FormHeaderCluster.native.js");
+var import_FormSidebarPanel = require("./FormSidebarPanel.native.js");
+var import_FormTimeline = require("./FormTimeline.native.js");
+var import_FormToolbar = require("./FormToolbar.native.js");
+var import_timeline_utils = require("./timeline-utils.native.js");
+var import_platformHooks = require("./platformHooks.native.js");
+var import_useFormEngine = require("./useFormEngine.native.js");
+var CONNECTIONS_TAB = "__connections";
+function DocFormScreen(param) {
+  var {
+    doctype,
+    name,
+    readOnly,
+    hiddenSections,
+    hiddenFields,
+    defaults,
+    onSaved,
+    onDeleted,
+    actionOverrides
+  } = param;
+  var _ref, _ref1;
+  var _engine_baseline, _meta_links, _bodyTabs_, _bodyTabs_1;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var navigator = (0, import_BackofficeProvider.useBackofficeNavigator)();
+  var paths = (0, import_BackofficeProvider.useBackofficePaths)();
+  var capabilities = (0, import_BackofficeProvider.useBackofficeCapabilities)();
+  var {
+    actions,
+    slots,
+    emitEvent
+  } = (0, import_BackofficeProvider.useBackofficeConfig)();
+  var sizeClass = (0, import_theme.useLayoutSizeClass)();
+  var config = (0, import_frappe_ui.useFrappeConfig)();
+  var isCreate = name === "new";
+  var docName = isCreate ? void 0 : name;
+  (0, import_useRecentVisit.useRecentVisit)(isCreate || (config === null || config === void 0 ? void 0 : config.fixtures) ? void 0 : {
+    label: `${doctype}: ${name}`,
+    path: paths.form(doctype, name)
+  });
+  var defaultsKey = defaults ? JSON.stringify(defaults) : void 0;
+  (0, import_react3.useMemo)(function () {
+    if (!isCreate || !defaultsKey) return;
+    var parsed = JSON.parse(defaultsKey);
+    if (Object.keys(parsed).length > 0) (0, import_createPrefill.setCreatePrefill)(doctype, parsed);
+  }, [doctype, defaultsKey, isCreate]);
+  (0, import_react3.useEffect)(function () {
+    if (!isCreate) emitEvent({
+      type: "doc-opened",
+      doctype,
+      name
+    });
+  }, [isCreate, doctype, name, emitEvent]);
+  var connection = (0, import_react3.useMemo)(function () {
+    return (config === null || config === void 0 ? void 0 : config.baseURL) ? {
+      baseURL: config.baseURL,
+      socketPort: config.socketPort,
+      auth: config.auth,
+      syncOptions: config.syncOptions,
+      fixtures: config.fixtures
+    } : void 0;
+  }, [config]);
+  var {
+    meta,
+    loading: isMetaLoading,
+    error: metaError,
+    reload: refetchMeta
+  } = (0, import_useDoctypeMeta.useDoctypeMeta)(doctype);
+  var engine = (0, import_useFormEngine.useFormEngine)(connection, doctype, docName, meta, t);
+  (0, import_react3.useEffect)(function () {
+    if (metaError && !meta) emitEvent({
+      type: "error",
+      error: metaError,
+      context: "form-meta"
+    });
+  }, [metaError, meta, emitEvent]);
+  var {
+    docinfo,
+    reload: reloadDocinfo
+  } = (0, import_useDocinfo.useDocinfo)(doctype, name);
+  var refreshDocinfo = (0, import_react3.useCallback)(function () {
+    if (docName) (0, import_useDocinfo.invalidateDocinfo)(doctype, docName);
+    reloadDocinfo();
+  }, [doctype, docName, reloadDocinfo]);
+  var modifiedStamp = typeof ((_engine_baseline = engine.baseline) === null || _engine_baseline === void 0 ? void 0 : _engine_baseline.modified) === "string" ? engine.baseline.modified : void 0;
+  var stampRef = (0, import_react3.useRef)(void 0);
+  (0, import_react3.useEffect)(function () {
+    stampRef.current = void 0;
+  }, [doctype, name]);
+  (0, import_react3.useEffect)(function () {
+    if (!docName || !modifiedStamp) return;
+    if (stampRef.current === modifiedStamp) return;
+    var isFirstLoad = stampRef.current === void 0;
+    stampRef.current = modifiedStamp;
+    if (!isFirstLoad) {
+      (0, import_useDocinfo.invalidateDocinfo)(doctype, docName);
+      reloadDocinfo();
+    }
+  }, [modifiedStamp, docName, doctype, reloadDocinfo]);
+  var perms = (0, import_react3.useMemo)(function () {
+    var _ref2;
+    var docPerms = (0, import_docinfo.normalizeDocPermissions)(docinfo === null || docinfo === void 0 ? void 0 : docinfo.permissions);
+    if (docPerms) {
+      return {
+        write: !!docPerms.write,
+        create: !!docPerms.create,
+        delete: !!docPerms.delete,
+        submit: !!docPerms.submit,
+        cancel: !!docPerms.cancel,
+        amend: !!docPerms.amend,
+        email: !!docPerms.email,
+        print: !!docPerms.print
+      };
+    }
+    var rules = (_ref2 = meta === null || meta === void 0 ? void 0 : meta.permissions) !== null && _ref2 !== void 0 ? _ref2 : [];
+    var anyRole = function anyRole2(key) {
+      return rules.some(function (rule) {
+        return !rule.permlevel && !!rule[key];
+      });
+    };
+    return {
+      write: rules.length === 0 || anyRole("write"),
+      create: rules.length === 0 || anyRole("create"),
+      delete: anyRole("delete"),
+      submit: anyRole("submit"),
+      cancel: anyRole("cancel"),
+      amend: anyRole("amend"),
+      email: rules.length === 0 || anyRole("email"),
+      print: rules.length === 0 || anyRole("print")
+    };
+  }, [docinfo === null || docinfo === void 0 ? void 0 : docinfo.permissions, meta === null || meta === void 0 ? void 0 : meta.permissions]);
+  var isSubmittable = !!(meta === null || meta === void 0 ? void 0 : meta.is_submittable);
+  var formReadOnly = !!readOnly || !!(meta === null || meta === void 0 ? void 0 : meta.read_only) || engine.wasDeleted || !isCreate && !perms.write || isCreate && !perms.create;
+  var {
+    roles
+  } = (0, import_useUserRoles.useUserRoles)();
+  var permLevels = (0, import_react3.useMemo)(function () {
+    return (0, import_fieldPermissions.buildPermLevelMatrix)(meta === null || meta === void 0 ? void 0 : meta.permissions, roles);
+  }, [meta === null || meta === void 0 ? void 0 : meta.permissions, roles]);
+  var formTabs = (0, import_react3.useMemo)(function () {
+    if (!meta) return [];
+    return (0, import_formLayout.buildFormTabs)({
+      fields: meta.fields,
+      // depends_on evaluates against the doc plus desk's ambient context:
+      // __islocal (unsaved doc flag) and the session user behind
+      // `frappe.session.user` references.
+      doc: {
+        ...engine.doc,
+        __islocal: isCreate ? 1 : 0,
+        ...(engine.currentUser ? {
+          __session_user: engine.currentUser
+        } : {})
+      },
+      docstatus: engine.docstatus,
+      formReadOnly,
+      isCreate,
+      detailsLabel: t("detailsTab", "Details"),
+      permLevels,
+      hiddenFields,
+      hiddenSections
+    });
+  }, [meta, engine.doc, engine.currentUser, engine.docstatus, formReadOnly, isCreate, permLevels, hiddenFields, hiddenSections, t]);
+  var [activeTab, setActiveTab] = (0, import_react3.useState)(void 0);
+  var showConnections = !isCreate && !!connection && ((_ref = meta === null || meta === void 0 ? void 0 : (_meta_links = meta.links) === null || _meta_links === void 0 ? void 0 : _meta_links.some(function (link) {
+    return !link.hidden;
+  })) !== null && _ref !== void 0 ? _ref : false);
+  var [pendingNav, setPendingNav] = (0, import_react3.useState)(void 0);
+  var navigate = (0, import_react3.useCallback)(function (href) {
+    if (engine.isDirty) {
+      setPendingNav(href);
+      return;
+    }
+    navigator.navigate(href);
+  }, [engine.isDirty, navigator]);
+  (0, import_platformHooks.useBeforeUnloadGuard)(engine.isDirty);
+  var backGuard = (0, import_platformHooks.useNavigationDirtyGuard)(engine.isDirty);
+  var [confirmAction, setConfirmAction] = (0, import_react3.useState)(void 0);
+  var [renameOpen, setRenameOpen] = (0, import_react3.useState)(false);
+  var [emailOpen, setEmailOpen] = (0, import_react3.useState)(false);
+  var [validationSummary, setValidationSummary] = (0, import_react3.useState)(void 0);
+  var handleSave = (0, import_react3.useCallback)(async function () {
+    var validationErrors = engine.validate();
+    var errorFields = Object.keys(validationErrors);
+    if (errorFields.length > 0) {
+      var owner = formTabs.find(function (tab) {
+        return tab.schema.fields.some(function (field) {
+          return errorFields.includes(field.name);
+        });
+      });
+      if (owner) setActiveTab(owner.key);
+      setValidationSummary(t("validationSummary", "Cannot save \u2014 {{count}} required field(s) are missing.", {
+        count: errorFields.length
+      }));
+    } else {
+      setValidationSummary(void 0);
+    }
+    var savedName = await engine.save();
+    if (!savedName) return;
+    setValidationSummary(void 0);
+    (0, import_useDocinfo.invalidateDocinfo)(doctype, savedName);
+    emitEvent({
+      type: "doc-saved",
+      doctype,
+      name: savedName,
+      isNew: isCreate
+    });
+    onSaved === null || onSaved === void 0 ? void 0 : onSaved({
+      ...engine.doc,
+      name: savedName
+    });
+    if (isCreate) {
+      navigator.replace(paths.form(doctype, savedName));
+    } else {
+      reloadDocinfo();
+    }
+  }, [engine, formTabs, isCreate, navigator, paths, doctype, reloadDocinfo, t, emitEvent, onSaved]);
+  (0, import_platformHooks.useSaveShortcut)(!formReadOnly, function () {
+    if (engine.isDirty || isCreate) void handleSave();
+  });
+  var handleAmend = (0, import_react3.useCallback)(function () {
+    if (!meta || !docName) return;
+    (0, import_createPrefill.setCreatePrefill)(doctype, {
+      ...(0, import_formLayout.buildCopyValues)(meta.fields, engine.doc),
+      amended_from: docName
+    });
+    navigator.navigate(paths.newDoc(doctype));
+  }, [meta, docName, doctype, engine.doc, navigator, paths]);
+  var handleDuplicate = (0, import_react3.useCallback)(function () {
+    if (!meta) return;
+    (0, import_createPrefill.setCreatePrefill)(doctype, (0, import_formLayout.buildCopyValues)(meta.fields, engine.doc));
+    navigator.navigate(paths.newDoc(doctype));
+  }, [meta, doctype, engine.doc, navigator, paths]);
+  var handleRename = (0, import_react3.useCallback)(async function (newName) {
+    if (!connection || !docName) return;
+    try {
+      var resolved = await (0, import_formActions.renameDoc)((0, import_formActions.createHttpClient)(connection), doctype, docName, newName);
+      navigator.replace(paths.form(doctype, resolved));
+    } catch (unused) {}
+  },
+  // rename_doc rejections (permissions / duplicates) leave the doc as-is.
+  [connection, docName, doctype, navigator, paths]);
+  var titleFieldValue = (meta === null || meta === void 0 ? void 0 : meta.title_field) && typeof engine.doc[meta.title_field] === "string" ?
+  // Title fields can hold rich text (e.g. ToDo.description = "<p>…</p>");
+  // strip to plain text so the breadcrumb + toolbar heading don't show
+  // literal HTML tags.
+  (0, import_timeline_utils.htmlToText)(engine.doc[meta.title_field]) : void 0;
+  var title = isCreate ? t("newDocTitle", "New {{doctype}}", {
+    doctype
+  }) : titleFieldValue || name;
+  var menuItems = (0, import_react3.useMemo)(function () {
+    if (isCreate) return [];
+    var items = [{
+      key: "reload",
+      label: t("menuReload", "Reload"),
+      icon: "reload",
+      onSelect: function onSelect() {
+        engine.reload();
+        setValidationSummary(void 0);
+        refetchMeta();
+        (0, import_useDocinfo.invalidateDocinfo)(doctype, name);
+        reloadDocinfo();
+      }
+    }, {
+      key: "duplicate",
+      label: t("menuDuplicate", "Duplicate"),
+      icon: "duplicate",
+      onSelect: handleDuplicate
+    }];
+    if ((meta === null || meta === void 0 ? void 0 : meta.allow_rename) && perms.write) {
+      items.push({
+        key: "rename",
+        label: t("menuRename", "Rename"),
+        icon: "rename",
+        onSelect: function onSelect() {
+          return setRenameOpen(true);
+        }
+      });
+    }
+    if (capabilities.print.enabled && (0, import_platformHooks.canOpenNewTab)() && perms.print && connection) {
+      items.push({
+        key: "print",
+        label: t("menuPrint", "Print"),
+        icon: "print",
+        onSelect: function onSelect() {
+          var base = connection.baseURL.replace(/\/$/, "");
+          (0, import_platformHooks.openInNewTab)(`${base}/printview?doctype=${encodeURIComponent(doctype)}&name=${encodeURIComponent(name)}&format=Standard`);
+        }
+      });
+    }
+    if (capabilities.email.enabled && perms.email) {
+      items.push({
+        key: "email",
+        label: t("menuEmail", "Email"),
+        icon: "email",
+        onSelect: function onSelect() {
+          return setEmailOpen(true);
+        }
+      });
+    }
+    if (showConnections) {
+      items.push({
+        key: "links",
+        label: t("menuLinks", "Links"),
+        icon: "links",
+        onSelect: function onSelect() {
+          return setActiveTab(CONNECTIONS_TAB);
+        }
+      });
+    }
+    items.push({
+      key: "jump-list",
+      label: t("menuJumpToList", "Jump to {{doctype}} List", {
+        doctype
+      }),
+      icon: "list",
+      onSelect: function onSelect() {
+        return navigate(paths.list(doctype));
+      }
+    });
+    if (capabilities.newDoc.enabled && perms.create) {
+      items.push({
+        key: "new",
+        label: t("menuNew", "New {{doctype}}", {
+          doctype
+        }),
+        icon: "new",
+        onSelect: function onSelect() {
+          return navigate(paths.newDoc(doctype));
+        }
+      });
+    }
+    if (perms.delete) {
+      items.push({
+        key: "delete",
+        label: t("menuDelete", "Delete"),
+        icon: "delete",
+        destructive: true,
+        onSelect: function onSelect() {
+          return setConfirmAction("delete");
+        }
+      });
+    }
+    return items;
+  }, [isCreate, t, engine, refetchMeta, reloadDocinfo, handleDuplicate, meta === null || meta === void 0 ? void 0 : meta.allow_rename, perms, connection, doctype, name, showConnections, navigate, paths, capabilities]);
+  var effectiveMenuItems = (0, import_react3.useMemo)(function () {
+    var _ref2;
+    var hidden = new Set((_ref2 = actionOverrides === null || actionOverrides === void 0 ? void 0 : actionOverrides.hide) !== null && _ref2 !== void 0 ? _ref2 : []);
+    var items = menuItems.filter(function (item) {
+      return !hidden.has(item.key);
+    });
+    var injected = [...(0, import_BackofficeProvider.actionsForDoctype)(actions.form, doctype), ...(0, import_BackofficeProvider.actionsForDoctype)(actionOverrides === null || actionOverrides === void 0 ? void 0 : actionOverrides.extra, doctype)];
+    var _iteratorNormalCompletion = true,
+      _didIteratorError = false,
+      _iteratorError = void 0;
+    try {
+      var _loop = function () {
+        var action = _step.value;
+        items.push({
+          key: `host:${action.id}`,
+          label: action.label,
+          onSelect: function onSelect() {
+            return action.onPress({
+              doctype,
+              ...(docName ? {
+                name: docName
+              } : {})
+            });
+          }
+        });
+      };
+      for (var _iterator = injected[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) _loop();
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return != null) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+    return items;
+  }, [menuItems, actions.form, actionOverrides, doctype, docName]);
+  if (!(config === null || config === void 0 ? void 0 : config.baseURL) || !connection) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+      flex: 1,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.EmptyState, {
+        title: t("noFrappe", "Frappe is not configured"),
+        description: t("noFrappeHint", "Pass a frappe connection to BackofficeProvider to point the backoffice at a bench.")
+      })
+    });
+  }
+  if (isMetaLoading && !meta) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+      flex: 1,
+      ...knobProps.panelPadding,
+      testID: "doc-form-skeleton",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.AsyncSkeleton, {
+        layout: "generic"
+      })
+    });
+  }
+  if (metaError && !meta) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+      flex: 1,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.EmptyState, {
+        title: t("metaError", "Could not load {{doctype}}", {
+          doctype
+        }),
+        description: metaError.message
+      })
+    });
+  }
+  if (!isCreate && engine.notFound) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+      flex: 1,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.EmptyState, {
+        title: t("docNotFound", "{{doctype}} {{name}} not found", {
+          doctype,
+          name
+        }),
+        description: t("docNotFoundHint", "The document does not exist or you do not have permission to read it."),
+        action: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Button, {
+          icon: import_react2.ListBulletsIcon,
+          onPress: function onPress() {
+            return navigator.navigate(paths.list(doctype));
+          },
+          children: t("backToList", "Back to {{doctype}} list", {
+            doctype
+          })
+        })
+      })
+    });
+  }
+  if (!isCreate && engine.isLoading) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+      flex: 1,
+      ...knobProps.panelPadding,
+      testID: "doc-form-skeleton",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.AsyncSkeleton, {
+        layout: "generic"
+      })
+    });
+  }
+  var indicator = (0, import_FormToolbar.resolveIndicator)({
+    isCreate,
+    isDirty: engine.isDirty,
+    docstatus: engine.docstatus,
+    isSubmittable,
+    statusValue: typeof engine.doc.status === "string" ? engine.doc.status : void 0,
+    states: meta === null || meta === void 0 ? void 0 : meta.states
+  });
+  var canSave = !formReadOnly && (isCreate ? perms.create : perms.write && engine.docstatus === 0);
+  var canSubmit = !isCreate && isSubmittable && engine.docstatus === 0 && !engine.isDirty && perms.submit && !engine.wasDeleted;
+  var canCancel = !isCreate && isSubmittable && engine.docstatus === 1 && perms.cancel && !engine.wasDeleted;
+  var canAmend = !isCreate && isSubmittable && engine.docstatus === 2 && perms.amend && !engine.wasDeleted;
+  var breadcrumbs = [{
+    label: t("home", "Home"),
+    href: paths.home()
+  }, {
+    label: doctype,
+    href: paths.list(doctype)
+  }, {
+    label: isCreate ? t("newCrumb", "New") : title
+  }];
+  var promptNamed = isCreate && (0, import_formLayout.isPromptNamed)(meta === null || meta === void 0 ? void 0 : meta.autoname, meta === null || meta === void 0 ? void 0 : meta.naming_rule);
+  var sidebarStacked = sizeClass === "compact";
+  var bodyTabs = [...formTabs.map(function (tab) {
+    return {
+      value: tab.key,
+      label: tab.label,
+      content: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+        ...knobProps.gapLg,
+        paddingTop: "$3",
+        children: (
+        /* Containment at two granularities: each field renders behind its
+        own boundary (a broken field degrades to an inline error slot;
+        siblings stay editable), and the whole tab body behind another
+        (a SchemaForm-level crash costs one tab, not the route). */
+        /* @__PURE__ */
+        (0, import_jsx_runtime.jsx)(import_FormErrorBoundary.FormErrorBoundary, {
+          errorTitle: t("formTabRenderError", "This form tab failed to render"),
+          testID: `form-tab-error-${tab.key}`,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_frappe_ui.SchemaForm, {
+            schema: tab.schema,
+            doc: engine.doc,
+            setValue: engine.setValue,
+            errors: engine.errors,
+            disabled: formReadOnly || engine.isSaving,
+            sectionHeadingLevel: 2,
+            renderFieldWrapper: import_FormErrorBoundary.wrapFieldWithErrorBoundary
+          })
+        }))
+      })
+    };
+  }), ...(showConnections ? [{
+    value: CONNECTIONS_TAB,
+    label: t("connectionsTab", "Connections"),
+    content: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+      paddingTop: "$3",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FormConnections.FormConnections, {
+        doctype,
+        name,
+        meta
+      })
+    })
+  }] : [])];
+  var effectiveTab = activeTab && bodyTabs.some(function (tab) {
+    return tab.value === activeTab;
+  }) ? activeTab : (_bodyTabs_ = bodyTabs[0]) === null || _bodyTabs_ === void 0 ? void 0 : _bodyTabs_.value;
+  var formBody =
+  // No flex here: formBody now lives inside COLUMN containers (both
+  // branches below), where `flex={1}` means flex-basis:0 — the body would
+  // stop contributing height and the timeline/sidebar would paint over it.
+  /* @__PURE__ */
+  (0, import_jsx_runtime.jsxs)(import_components.YStack, {
+    minWidth: 0,
+    ...knobProps.gapLg,
+    children: [promptNamed && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+      ...knobProps.gap,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+        label: t("namePrompt", "Name"),
+        value: typeof engine.doc.name === "string" ? engine.doc.name : "",
+        onChangeText: function onChangeText(value) {
+          return engine.setValue("name", value);
+        },
+        placeholder: t("namePromptPlaceholder", "New document name"),
+        error: engine.errors.name
+      })
+    }), bodyTabs.length > 1 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Tabs, {
+      items: bodyTabs,
+      value: effectiveTab,
+      onChange: setActiveTab,
+      lazyMount: true
+    }) : (_ref1 = (_bodyTabs_1 = bodyTabs[0]) === null || _bodyTabs_1 === void 0 ? void 0 : _bodyTabs_1.content) !== null && _ref1 !== void 0 ? _ref1 : null, engine.errors.general && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      color: "$red10",
+      fontSize: "$3",
+      role: "alert",
+      children: engine.errors.general
+    })]
+  });
+  var timeline = capabilities.timeline.enabled && !isCreate && docName ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FormTimeline.FormTimeline, {
+    doctype,
+    name: docName
+  }) : null;
+  var sidebar = !isCreate && docName && meta ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FormSidebarPanel.FormSidebarPanel, {
+    doctype,
+    name: docName,
+    meta,
+    doc: engine.doc,
+    docinfo,
+    currentUser: engine.currentUser,
+    onRefresh: refreshDocinfo,
+    stacked: sidebarStacked
+  }) : null;
+  var toolbar = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FormToolbar.FormToolbar, {
+    breadcrumbs,
+    onNavigate: navigate,
+    title,
+    indicator,
+    showIndicator: !!meta,
+    isSaving: engine.isSaving,
+    cluster: !isCreate && docName ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FormHeaderCluster.FormHeaderCluster, {
+      doctype,
+      name: docName,
+      docinfo,
+      currentUser: engine.currentUser,
+      onRefresh: refreshDocinfo
+    }) : void 0,
+    canSave,
+    canSubmit,
+    canCancel,
+    canAmend,
+    onSave: function onSave() {
+      return void handleSave();
+    },
+    onSubmit: function onSubmit() {
+      return setConfirmAction("submit");
+    },
+    onCancel: function onCancel() {
+      return setConfirmAction("cancel");
+    },
+    onAmend: handleAmend,
+    menuItems: effectiveMenuItems
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+    flex: 1,
+    children: [slots.renderFormHeader ? slots.renderFormHeader({
+      doctype,
+      ...(docName ? {
+        name: docName
+      } : {}),
+      defaultContent: toolbar
+    }) : toolbar, engine.wasDeleted && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+      role: "alert",
+      ...knobProps.containerRadius,
+      ...knobProps.panelPadding,
+      marginHorizontal: "$3",
+      backgroundColor: "$red3",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+        color: "$red11",
+        fontSize: "$3",
+        children: t("deletedBanner", "This document was deleted on the server. Fields are read-only.")
+      })
+    }), validationSummary && !engine.wasDeleted && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+      role: "alert",
+      ...knobProps.containerRadius,
+      ...knobProps.panelPadding,
+      marginHorizontal: "$3",
+      backgroundColor: "$red3",
+      testID: "doc-form-validation-summary",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+        color: "$red11",
+        fontSize: "$3",
+        children: validationSummary
+      })
+    }), engine.conflict && !engine.wasDeleted && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+      role: "status",
+      alignItems: "center",
+      justifyContent: "space-between",
+      ...knobProps.containerRadius,
+      ...knobProps.panelPadding,
+      marginHorizontal: "$3",
+      backgroundColor: "$orange3",
+      gap: "$3",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+        color: "$orange11",
+        fontSize: "$3",
+        flex: 1,
+        children: t("conflictBanner", "This document changed on the server while you were editing.")
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+        color: "$orange11",
+        fontSize: "$3",
+        fontWeight: "700",
+        cursor: "pointer",
+        role: "button",
+        "aria-label": t("reloadDoc", "Reload"),
+        onPress: engine.reload,
+        children: t("reloadDoc", "Reload")
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ScrollView, {
+      flex: 1,
+      children: sidebarStacked ?
+      // Compact: form body → metadata accordion → timeline (the accordion
+      // must not hide below the activity feed's long scroll).
+      /* @__PURE__ */
+      (0, import_jsx_runtime.jsxs)(import_components.YStack, {
+        ...knobProps.panelPadding,
+        ...knobProps.gapLg,
+        children: [formBody, sidebar, timeline]
+      }) :
+      // Wide: main column (body + timeline) with the compact metadata
+      // rail keeping its trailing position.
+      /* @__PURE__ */
+      (0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        ...knobProps.panelPadding,
+        ...knobProps.gapLg,
+        alignItems: "flex-start",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+          flex: 1,
+          minWidth: 0,
+          ...knobProps.gapLg,
+          children: [formBody, timeline]
+        }), sidebar]
+      })
+    }), /* Lifecycle confirms */
+    /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ConfirmDialog, {
+      open: confirmAction === "submit",
+      onOpenChange: function onOpenChange(open) {
+        return !open && setConfirmAction(void 0);
+      },
+      title: t("submitConfirmTitle", "Submit {{doctype}}?", {
+        doctype
+      }),
+      body: t("submitConfirmBody", "After submitting, the document becomes read-only and can only be cancelled or amended."),
+      confirmLabel: t("submit", "Submit"),
+      warning: true,
+      onConfirm: function onConfirm() {
+        setConfirmAction(void 0);
+        void engine.submit().then(function (ok) {
+          if (ok) reloadDocinfo();
+        });
+      }
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ConfirmDialog, {
+      open: confirmAction === "cancel",
+      onOpenChange: function onOpenChange(open) {
+        return !open && setConfirmAction(void 0);
+      },
+      title: t("cancelConfirmTitle", "Cancel {{doctype}}?", {
+        doctype
+      }),
+      body: t("cancelConfirmBody", "Cancelling marks the document as void. You can amend it into a new draft afterwards."),
+      confirmLabel: t("cancelAction", "Cancel"),
+      destructive: true,
+      onConfirm: function onConfirm() {
+        setConfirmAction(void 0);
+        void engine.cancel().then(function (ok) {
+          if (ok) reloadDocinfo();
+        });
+      }
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ConfirmDialog, {
+      open: confirmAction === "delete",
+      onOpenChange: function onOpenChange(open) {
+        return !open && setConfirmAction(void 0);
+      },
+      title: t("deleteConfirmTitle", "Delete {{doctype}} {{name}}?", {
+        doctype,
+        name: title
+      }),
+      body: t("deleteConfirmBody", "This action cannot be undone."),
+      confirmLabel: t("menuDelete", "Delete"),
+      destructive: true,
+      onConfirm: function onConfirm() {
+        setConfirmAction(void 0);
+        void engine.remove().then(function (ok) {
+          if (ok) {
+            (0, import_useDocinfo.invalidateDocinfo)(doctype, name);
+            emitEvent({
+              type: "doc-deleted",
+              doctype,
+              name
+            });
+            if (onDeleted) onDeleted();else navigator.replace(paths.list(doctype));
+          }
+        });
+      }
+    }), /* Unsaved-changes nav guard (in-app navigate() + router-level back) */
+    /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ConfirmDialog, {
+      open: !!pendingNav || backGuard.blocked,
+      onOpenChange: function onOpenChange(open) {
+        if (open) return;
+        setPendingNav(void 0);
+        backGuard.reset();
+      },
+      title: t("unsavedTitle", "Discard unsaved changes?"),
+      body: t("unsavedBody", "You have unsaved changes that will be lost if you leave this page."),
+      confirmLabel: t("leave", "Leave"),
+      warning: true,
+      onConfirm: function onConfirm() {
+        if (backGuard.blocked) {
+          backGuard.proceed();
+          return;
+        }
+        var target = pendingNav;
+        setPendingNav(void 0);
+        if (target) navigator.navigate(target);
+      }
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FormDialogs.RenameDialog, {
+      open: renameOpen,
+      onOpenChange: setRenameOpen,
+      currentName: name,
+      onRename: function onRename(newName) {
+        setRenameOpen(false);
+        void handleRename(newName);
+      }
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FormDialogs.EmailDialog, {
+      open: emailOpen,
+      onOpenChange: setEmailOpen,
+      defaultSubject: `${doctype}: ${title}`,
+      onSend: function onSend(args) {
+        setEmailOpen(false);
+        if (!docName) return;
+        void (0, import_formActions.sendEmail)((0, import_formActions.createHttpClient)(connection), {
+          doctype,
+          name: docName,
+          ...args
+        }).catch(function () {}).finally(reloadDocinfo);
+      }
+    })]
+  });
+}
+//# sourceMappingURL=DocFormScreen.native.js.map