@multiplatform.one/backoffice 6.4.2 → 6.6.0

package/dist/cjs/form/FormErrorBoundary.native.js

@@ -0,0 +1,230 @@
+"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 FormErrorBoundary_exports = {};
+__export(FormErrorBoundary_exports, {
+  FormErrorBoundary: () => FormErrorBoundary,
+  wrapFieldWithErrorBoundary: () => wrapFieldWithErrorBoundary
+});
+module.exports = __toCommonJS(FormErrorBoundary_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_components = require("@multiplatform.one/components");
+var import_theme = require("@multiplatform.one/theme");
+var import_react2 = require("react");
+var import_react_i18next = require("react-i18next");
+var import_i18n = require("../i18n/index.native.js");
+function _assert_this_initialized(self) {
+  if (self === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+  return self;
+}
+function _call_super(_this, derived, args) {
+  derived = _get_prototype_of(derived);
+  return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
+}
+function _class_call_check(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, descriptor.key, descriptor);
+  }
+}
+function _create_class(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  return Constructor;
+}
+function _define_property(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _get_prototype_of(o) {
+  _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o2) {
+    return o2.__proto__ || Object.getPrototypeOf(o2);
+  };
+  return _get_prototype_of(o);
+}
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function");
+  }
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      writable: true,
+      configurable: true
+    }
+  });
+  if (superClass) _set_prototype_of(subClass, superClass);
+}
+function _possible_constructor_return(self, call) {
+  if (call && (_type_of(call) === "object" || typeof call === "function")) {
+    return call;
+  }
+  return _assert_this_initialized(self);
+}
+function _set_prototype_of(o, p) {
+  _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o2, p2) {
+    o2.__proto__ = p2;
+    return o2;
+  };
+  return _set_prototype_of(o, p);
+}
+function _type_of(obj) {
+  "@swc/helpers - typeof";
+
+  return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _is_native_reflect_construct() {
+  try {
+    var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+  } catch (_) {}
+  return (_is_native_reflect_construct = function () {
+    return !!result;
+  })();
+}
+var logger = console;
+function FormErrorFallback(param) {
+  var {
+    label,
+    errorTitle,
+    error,
+    onRetry,
+    testID
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+    ...knobProps.gap,
+    minWidth: 0,
+    testID,
+    children: [label ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      fontSize: "$3",
+      fontWeight: "600",
+      color: "$color11",
+      numberOfLines: 1,
+      children: label
+    }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.AsyncBoundary, {
+      compact: true,
+      error,
+      onRetry,
+      errorTitle: errorTitle !== null && errorTitle !== void 0 ? errorTitle : t("fieldRenderError", "This field failed to render")
+    })]
+  });
+}
+var FormErrorBoundary = /* @__PURE__ */function (Component2) {
+  "use strict";
+
+  _inherits(FormErrorBoundary2, Component2);
+  function FormErrorBoundary2() {
+    _class_call_check(this, FormErrorBoundary2);
+    var _this;
+    _this = _call_super(this, FormErrorBoundary2, arguments), _define_property(_this, "state", {
+      error: void 0,
+      resetNonce: 0
+    }), _define_property(_this, "handleRetry", function () {
+      _this.setState(function (prev) {
+        return {
+          error: void 0,
+          resetNonce: prev.resetNonce + 1
+        };
+      });
+    });
+    return _this;
+  }
+  _create_class(FormErrorBoundary2, [{
+    key: "componentDidCatch",
+    value: function componentDidCatch(error, errorInfo) {
+      logger.warn("[backoffice] form render error contained", {
+        error,
+        errorInfo
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      if (this.state.error) {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormErrorFallback, {
+          label: this.props.label,
+          errorTitle: this.props.errorTitle,
+          error: this.state.error,
+          onRetry: this.handleRetry,
+          testID: this.props.testID
+        });
+      }
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.default.Fragment, {
+        children: this.props.children
+      }, this.state.resetNonce);
+    }
+  }], [{
+    key: "getDerivedStateFromError",
+    value: function getDerivedStateFromError(error) {
+      return {
+        error
+      };
+    }
+  }]);
+  return FormErrorBoundary2;
+}(import_react2.Component);
+function wrapFieldWithErrorBoundary(rendered, field) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormErrorBoundary, {
+    label: field.label,
+    testID: `form-field-error-${field.name}`,
+    children: rendered
+  }, field.name);
+}
+//# sourceMappingURL=FormErrorBoundary.native.js.map

package/dist/cjs/form/FormErrorBoundary.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FormErrorBoundary_exports","__export","FormErrorBoundary","wrapFieldWithErrorBoundary","module","exports","import_jsx_runtime","require","import_react","__toESM","import_components","import_theme","import_react2","import_react_i18next","import_i18n","_assert_this_initialized","self","ReferenceError","_call_super","_this","derived","args","_get_prototype_of","_possible_constructor_return","_is_native_reflect_construct","Reflect","construct","constructor","apply","_class_call_check","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_create_class","protoProps","staticProps","prototype","_define_property","obj","o","setPrototypeOf","getPrototypeOf","o2","__proto__","_inherits","subClass","superClass","create","_set_prototype_of"],"sources":["../../../src/form/FormErrorBoundary.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/form/FormHeaderCluster.cjs

@@ -0,0 +1,153 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var FormHeaderCluster_exports = {};
+__export(FormHeaderCluster_exports, {
+  FormHeaderCluster: () => FormHeaderCluster
+});
+module.exports = __toCommonJS(FormHeaderCluster_exports);
+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_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_react_i18next = require("react-i18next");
+var import_BackofficeProvider = require("../config/BackofficeProvider.cjs");
+var import_i18n = require("../i18n/index.cjs");
+var import_useFrappeApp = require("../shared/useFrappeApp.cjs");
+var import_sidebar_dialogs = require("./sidebar-dialogs.cjs");
+var import_sidebar_people = require("./sidebar-people.cjs");
+var import_sidebar_rpc = require("./sidebar-rpc.cjs");
+var import_sidebar_utils = require("./sidebar-utils.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const MAX_ASSIGNEE_AVATARS = 3;
+function FormHeaderCluster({
+  doctype,
+  name,
+  docinfo,
+  currentUser,
+  onRefresh
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const app = (0, import_useFrappeApp.useFrappeApp)();
+  const config = (0, import_frappe_ui.useFrappeConfig)();
+  const capabilities = (0, import_BackofficeProvider.useBackofficeCapabilities)();
+  const theme = (0, import_components.useTheme)();
+  const [busy, setBusy] = (0, import_react2.useState)(void 0);
+  const [assignOpen, setAssignOpen] = (0, import_react2.useState)(false);
+  if (!docinfo) return null;
+  const userInfo = docinfo.user_info ?? {};
+  const userLabel = id => userInfo[id]?.fullname || id;
+  const userImage = id => {
+    const image = userInfo[id]?.image;
+    return typeof image === "string" && image ? (0, import_sidebar_utils.toAbsoluteUrl)(config?.baseURL, image) : void 0;
+  };
+  const assignees = [...new Set((docinfo.assignments ?? []).flatMap(assignment => typeof assignment.owner === "string" && assignment.owner ? [assignment.owner] : []))];
+  const likers = [...new Set((docinfo.like_logs ?? []).flatMap(log => typeof log.owner === "string" && log.owner ? [log.owner] : []))];
+  const likedByMe = Boolean(currentUser) && likers.includes(currentUser);
+  const isFollowed = Boolean(docinfo.is_document_followed);
+  const run = async (kind, action) => {
+    if (busy || !app) return;
+    setBusy(kind);
+    try {
+      await action();
+    } catch {} finally {
+      onRefresh();
+      setBusy(void 0);
+    }
+  };
+  const mutedColor = typeof theme.color11?.val === "string" ? theme.color11.val : void 0;
+  const likedColor = typeof theme.red10?.val === "string" ? theme.red10.val : mutedColor;
+  const pressFloor = (0, import_theme.pressTargetStyle)();
+  const showAssignments = capabilities.assignments.enabled;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+    alignItems: "center",
+    flexShrink: 0,
+    testID: "form-header-cluster",
+    children: [showAssignments && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sidebar_people.SidebarAvatarStrip, {
+      items: assignees.map(assignee => ({
+        id: assignee,
+        label: userLabel(assignee),
+        image: userImage(assignee)
+      })),
+      max: MAX_ASSIGNEE_AVATARS
+    }), app && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [showAssignments && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+        chromeless: true,
+        ...pressFloor,
+        icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.UserCirclePlusIcon, {
+          size: 18,
+          color: mutedColor
+        }),
+        loading: busy === "assign",
+        "aria-label": t("assignTitle", "Add assignment"),
+        onPress: () => setAssignOpen(true),
+        testID: "form-header-assign"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+        chromeless: true,
+        ...pressFloor,
+        icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.HeartIcon, {
+          size: 18,
+          weight: likedByMe ? "fill" : "regular",
+          color: likedByMe ? likedColor : mutedColor
+        }),
+        loading: busy === "like",
+        "aria-pressed": likedByMe,
+        "aria-label": likedByMe ? t("unlike", "Unlike") : t("like", "Like"),
+        onPress: () => {
+          void run("like", () => (0, import_sidebar_rpc.toggleLike)(app, doctype, name, !likedByMe));
+        },
+        testID: "form-header-like",
+        children: likers.length > 0 ? String(likers.length) : void 0
+      }), currentUser &&
+      // Hidden (not disabled) while the session probe resolves —
+      // DG-ST-03 hide beats a flashing explained-disable in chrome.
+      /* @__PURE__ */
+      (0, import_jsx_runtime.jsx)(import_forms.Button, {
+        chromeless: true,
+        ...pressFloor,
+        icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.BellIcon, {
+          size: 18,
+          weight: isFollowed ? "fill" : "regular",
+          color: mutedColor
+        }),
+        loading: busy === "follow",
+        "aria-pressed": isFollowed,
+        "aria-label": isFollowed ? t("unfollowDocument", "Unfollow document") : t("followDocument", "Follow document"),
+        onPress: () => {
+          const user = currentUser;
+          void run("follow", () => isFollowed ? (0, import_sidebar_rpc.unfollowDocument)(app, doctype, name, user) : (0, import_sidebar_rpc.followDocument)(app, doctype, name, user));
+        },
+        testID: "form-header-follow"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sidebar_dialogs.SidebarAssignDialog, {
+        open: assignOpen,
+        onOpenChange: setAssignOpen,
+        onAssign: (user, description) => {
+          void run("assign", () => (0, import_sidebar_rpc.addAssignment)(app, doctype, name, [user], description));
+        }
+      })]
+    })]
+  });
+}

package/dist/cjs/form/FormHeaderCluster.native.js

@@ -0,0 +1,177 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var FormHeaderCluster_exports = {};
+__export(FormHeaderCluster_exports, {
+  FormHeaderCluster: () => FormHeaderCluster
+});
+module.exports = __toCommonJS(FormHeaderCluster_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+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_react = require("@phosphor-icons/react");
+var import_react2 = 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_useFrappeApp = require("../shared/useFrappeApp.native.js");
+var import_sidebar_dialogs = require("./sidebar-dialogs.native.js");
+var import_sidebar_people = require("./sidebar-people.native.js");
+var import_sidebar_rpc = require("./sidebar-rpc.native.js");
+var import_sidebar_utils = require("./sidebar-utils.native.js");
+var MAX_ASSIGNEE_AVATARS = 3;
+function FormHeaderCluster(param) {
+  var {
+    doctype,
+    name,
+    docinfo,
+    currentUser,
+    onRefresh
+  } = param;
+  var _docinfo_user_info, _docinfo_assignments, _docinfo_like_logs;
+  var _theme_color11, _theme_red10;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var app = (0, import_useFrappeApp.useFrappeApp)();
+  var config = (0, import_frappe_ui.useFrappeConfig)();
+  var capabilities = (0, import_BackofficeProvider.useBackofficeCapabilities)();
+  var theme = (0, import_components.useTheme)();
+  var [busy, setBusy] = (0, import_react2.useState)(void 0);
+  var [assignOpen, setAssignOpen] = (0, import_react2.useState)(false);
+  if (!docinfo) return null;
+  var userInfo = (_docinfo_user_info = docinfo.user_info) !== null && _docinfo_user_info !== void 0 ? _docinfo_user_info : {};
+  var userLabel = function userLabel2(id) {
+    var _userInfo_id;
+    return ((_userInfo_id = userInfo[id]) === null || _userInfo_id === void 0 ? void 0 : _userInfo_id.fullname) || id;
+  };
+  var userImage = function userImage2(id) {
+    var _userInfo_id;
+    var image = (_userInfo_id = userInfo[id]) === null || _userInfo_id === void 0 ? void 0 : _userInfo_id.image;
+    return typeof image === "string" && image ? (0, import_sidebar_utils.toAbsoluteUrl)(config === null || config === void 0 ? void 0 : config.baseURL, image) : void 0;
+  };
+  var assignees = [...new Set(((_docinfo_assignments = docinfo.assignments) !== null && _docinfo_assignments !== void 0 ? _docinfo_assignments : []).flatMap(function (assignment) {
+    return typeof assignment.owner === "string" && assignment.owner ? [assignment.owner] : [];
+  }))];
+  var likers = [...new Set(((_docinfo_like_logs = docinfo.like_logs) !== null && _docinfo_like_logs !== void 0 ? _docinfo_like_logs : []).flatMap(function (log) {
+    return typeof log.owner === "string" && log.owner ? [log.owner] : [];
+  }))];
+  var likedByMe = Boolean(currentUser) && likers.includes(currentUser);
+  var isFollowed = Boolean(docinfo.is_document_followed);
+  var run = async function run2(kind, action) {
+    if (busy || !app) return;
+    setBusy(kind);
+    try {
+      await action();
+    } catch (unused) {} finally {
+      onRefresh();
+      setBusy(void 0);
+    }
+  };
+  var mutedColor = typeof ((_theme_color11 = theme.color11) === null || _theme_color11 === void 0 ? void 0 : _theme_color11.val) === "string" ? theme.color11.val : void 0;
+  var likedColor = typeof ((_theme_red10 = theme.red10) === null || _theme_red10 === void 0 ? void 0 : _theme_red10.val) === "string" ? theme.red10.val : mutedColor;
+  var pressFloor = (0, import_theme.pressTargetStyle)();
+  var showAssignments = capabilities.assignments.enabled;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+    alignItems: "center",
+    flexShrink: 0,
+    testID: "form-header-cluster",
+    children: [showAssignments && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sidebar_people.SidebarAvatarStrip, {
+      items: assignees.map(function (assignee) {
+        return {
+          id: assignee,
+          label: userLabel(assignee),
+          image: userImage(assignee)
+        };
+      }),
+      max: MAX_ASSIGNEE_AVATARS
+    }), app && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [showAssignments && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+        chromeless: true,
+        ...pressFloor,
+        icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.UserCirclePlusIcon, {
+          size: 18,
+          color: mutedColor
+        }),
+        loading: busy === "assign",
+        "aria-label": t("assignTitle", "Add assignment"),
+        onPress: function onPress() {
+          return setAssignOpen(true);
+        },
+        testID: "form-header-assign"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+        chromeless: true,
+        ...pressFloor,
+        icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.HeartIcon, {
+          size: 18,
+          weight: likedByMe ? "fill" : "regular",
+          color: likedByMe ? likedColor : mutedColor
+        }),
+        loading: busy === "like",
+        "aria-pressed": likedByMe,
+        "aria-label": likedByMe ? t("unlike", "Unlike") : t("like", "Like"),
+        onPress: function onPress() {
+          void run("like", function () {
+            return (0, import_sidebar_rpc.toggleLike)(app, doctype, name, !likedByMe);
+          });
+        },
+        testID: "form-header-like",
+        children: likers.length > 0 ? String(likers.length) : void 0
+      }), currentUser &&
+      // Hidden (not disabled) while the session probe resolves —
+      // DG-ST-03 hide beats a flashing explained-disable in chrome.
+      /* @__PURE__ */
+      (0, import_jsx_runtime.jsx)(import_forms.Button, {
+        chromeless: true,
+        ...pressFloor,
+        icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.BellIcon, {
+          size: 18,
+          weight: isFollowed ? "fill" : "regular",
+          color: mutedColor
+        }),
+        loading: busy === "follow",
+        "aria-pressed": isFollowed,
+        "aria-label": isFollowed ? t("unfollowDocument", "Unfollow document") : t("followDocument", "Follow document"),
+        onPress: function onPress() {
+          var user = currentUser;
+          void run("follow", function () {
+            return isFollowed ? (0, import_sidebar_rpc.unfollowDocument)(app, doctype, name, user) : (0, import_sidebar_rpc.followDocument)(app, doctype, name, user);
+          });
+        },
+        testID: "form-header-follow"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sidebar_dialogs.SidebarAssignDialog, {
+        open: assignOpen,
+        onOpenChange: setAssignOpen,
+        onAssign: function onAssign(user, description) {
+          void run("assign", function () {
+            return (0, import_sidebar_rpc.addAssignment)(app, doctype, name, [user], description);
+          });
+        }
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=FormHeaderCluster.native.js.map

package/dist/cjs/form/FormHeaderCluster.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FormHeaderCluster_exports","__export","FormHeaderCluster","module","exports","import_jsx_runtime","require","import_components","import_forms","import_frappe_ui","import_theme","import_react","import_react2","import_react_i18next","import_BackofficeProvider","import_i18n","import_useFrappeApp","import_sidebar_dialogs","import_sidebar_people","import_sidebar_rpc","import_sidebar_utils","MAX_ASSIGNEE_AVATARS","param","doctype","name","docinfo","currentUser","onRefresh","_docinfo_user_info","_docinfo_assignments","_docinfo_like_logs","_theme_color11","_theme_red10","t","useTranslation","BACKOFFICE_I18N_NAMESPACE","app","useFrappeApp","config","useFrappeConfig","capabilities","useBackofficeCapabilities","theme","useTheme","busy","setBusy","useState","assignOpen","setAssignOpen","userInfo","user_info","userLabel","userLabel2","id","_userInfo_id","fullname","userImage","userImage2","image","toAbsoluteUrl","baseURL","assignees","Set","assignments","flatMap","assignment","owner","likers","like_logs","log","likedByMe","Boolean","includes","isFollowed","is_document_followed","run","run2","kind","action","unused","mutedColor","color11","val","likedColor","red10","pressFloor","pressTargetStyle","showAssignments","enabled","jsxs","XStack","alignItems","flexShrink","testID","children","jsx","SidebarAvatarStrip","items","map","assignee","label","max","Fragment","Button","chromeless","icon","UserCirclePlusIcon","size","color","loading","onPress","HeartIcon","weight","toggleLike","length","String","BellIcon","user","unfollowDocument","followDocument","SidebarAssignDialog","open","onOpenChange","onAssign","description","addAssignment"],"sources":["../../../src/form/FormHeaderCluster.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}