@multiplatform.one/backoffice 6.3.0

package/dist/cjs/chrome/help-about-dialog.native.js

@@ -0,0 +1,146 @@
+"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 help_about_dialog_exports = {};
+__export(help_about_dialog_exports, {
+  HelpAboutDialog: () => HelpAboutDialog
+});
+module.exports = __toCommonJS(help_about_dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
+var import_react = require("react");
+var import_react_i18next = require("react-i18next");
+var import_i18n = require("../i18n/index.native.js");
+var import_useFrappeApp = require("../shared/useFrappeApp.native.js");
+function HelpAboutDialog(param) {
+  var {
+    open,
+    onOpenChange
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var app = (0, import_useFrappeApp.useFrappeApp)();
+  var [versions, setVersions] = (0, import_react.useState)(void 0);
+  var [loading, setLoading] = (0, import_react.useState)(false);
+  var [failed, setFailed] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(function () {
+    if (!open || !app || versions) return;
+    var cancelled = false;
+    setLoading(true);
+    setFailed(false);
+    app.call().get("frappe.utils.change_log.get_versions").then(function (response) {
+      var _ref;
+      var _response_payload;
+      if (cancelled) return;
+      setVersions((_ref = (_response_payload = response.payload) === null || _response_payload === void 0 ? void 0 : _response_payload.message) !== null && _ref !== void 0 ? _ref : {});
+    }).catch(function () {
+      if (cancelled) return;
+      setFailed(true);
+    }).finally(function () {
+      if (!cancelled) setLoading(false);
+    });
+    return function () {
+      cancelled = true;
+    };
+  }, [open, app, versions]);
+  var entries = versions ? Object.entries(versions) : [];
+  var unavailable = !app || failed || versions !== void 0 && entries.length === 0;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog, {
+    modal: true,
+    open,
+    onOpenChange,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.Dialog.Portal, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog.Overlay, {
+        backgroundColor: "$shadow6"
+      }, "overlay"), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.DialogContent, {
+        width: 420,
+        maxWidth: "90%",
+        "data-testid": "backoffice-help-about-dialog",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog.Title, {
+          size: "$6",
+          children: t("help.aboutTitle", "About")
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog.Description, {
+          asChild: true,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Paragraph, {
+            size: "$3",
+            color: "$color11",
+            children: t("help.aboutTagline", "Backoffice is the multiplatform.one recreation of the Frappe Desk \u2014 one codebase across web, mobile, and desktop.")
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+          gap: "$2",
+          marginTop: "$2",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
+            size: "$2",
+            fontWeight: "700",
+            color: "$color10",
+            textTransform: "uppercase",
+            children: t("help.installedApps", "Installed Apps")
+          }), loading && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+            padding: "$3",
+            justifyContent: "center",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Spinner, {
+              size: "small"
+            })
+          }), !loading && unavailable && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Paragraph, {
+            size: "$3",
+            color: "$color10",
+            children: t("help.versionsUnavailable", "Version information is unavailable.")
+          }), !loading && entries.map(function (param2) {
+            var [key, info] = param2;
+            var _info_branch;
+            return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+              gap: "$3",
+              alignItems: "baseline",
+              justifyContent: "space-between",
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
+                size: "$3",
+                fontWeight: "600",
+                flex: 1,
+                numberOfLines: 1,
+                children: info.title || key
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
+                size: "$3",
+                color: "$color11",
+                flexShrink: 0,
+                children: info.version ? `v${info.version}${info.branch ? ` (${info.branch})` : ""}` : (_info_branch = info.branch) !== null && _info_branch !== void 0 ? _info_branch : "\u2014"
+              })]
+            }, key);
+          })]
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+          justifyContent: "flex-end",
+          marginTop: "$4",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog.Close, {
+            asChild: true,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Button, {
+              size: "$3",
+              children: t("help.close", "Close")
+            })
+          })
+        })]
+      }, "content")]
+    })
+  });
+}
+//# sourceMappingURL=help-about-dialog.native.js.map

package/dist/cjs/chrome/help-about-dialog.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","help_about_dialog_exports","__export","HelpAboutDialog","module","exports","import_jsx_runtime","require","import_components","import_react","import_react_i18next","import_i18n","import_useFrappeApp","param","open","onOpenChange","t","useTranslation","BACKOFFICE_I18N_NAMESPACE","app","useFrappeApp","versions","setVersions","useState","loading","setLoading","failed","setFailed","useEffect","cancelled","call","get","then","response","_ref","_response_payload","payload","message","catch","finally","entries","Object","unavailable","length","jsx","Dialog","modal","children","jsxs","Portal","Overlay","backgroundColor","DialogContent","width","maxWidth","Title","size","Description","asChild","Paragraph"],"sources":["../../../src/chrome/help-about-dialog.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,yBAAA;AAAAC,QAAA,CAAAD,yBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAQAC,MAAA,CAAAC,OAAA,GAAAT,YASO,CAAAK,yBAAA;AACP,IAAAK,kBAAoC,GAAAC,OAAA;AACpC,IAAAC,iBAAA,GAAAD,OAA+B;AAC/B,IAAAE,YAAA,GAA0CF,OAAA;AAC1C,IAAAG,oBAAA,GAA6BH,OAAA;AAuDrB,IAAAI,WAAA,GAAAJ,OAAA;AArCD,IAAAK,mBAAS,GAAgBL,OAAQ,mCAAsC;AAC5E,SAAMJ,eAAQA,CAAAU,KAAA;EACd;IAAMC,IAAA;IAAAC;EAAM,IAAAF,KAAA;EACZ;IAAMG;EAAC,QAAAN,oBAAyB,CAAAO,cAAA,EAAAN,WAAuD,CAASO,yBAAA;EAChG,IAAAC,GAAO,OAAAP,mBAAmB,CAAIQ,YAAA;EAC9B,KAAAC,QAAO,EAAQC,WAAS,MAAI,EAAAb,YAAA,CAAAc,QAAS,OAAK;EAE1C,KAAAC,OAAA,EAAAC,UAAA,IAAU,IAAAhB,YAAM,CAAAc,QAAA;EACd,KAAAG,MAAK,EAAAC,SAAS,CAAO,OAAAlB,YAAU,CAAAc,QAAA;EAC/B,IAAAd,YAAI,CAAAmB,SAAY;IAChB,KAAAd,IAAA,IAAW,CAAAK,GAAI,IAAAE,QAAA;IACf,IAAAQ,SAAU,GAAK;IACfJ,UACQ,CACL,IAAwB;IAEvBE,SAAI,OAAW;IACfR,GAAA,CAAAW,IAAA,GAAAC,GAAY,uCAA+B,EAAAC,IAAA,WAAAC,QAAA;MAC5C,IACAC,IAAM;MACL,IAAIC,iBAAW;MACf,IAAAN,SAAU,EAAI;MACfP,WACQ,EAAAY,IAAM,IAAAC,iBAAA,GAAAF,QAAA,CAAAG,OAAA,cAAAD,iBAAA,uBAAAA,iBAAA,CAAAE,OAAA,cAAAH,IAAA,cAAAA,IAAA;IACb,GAAAI,KAAK,aAAW;MACjB,IAAAT,SAAA;MACHF,SAAO,KAAM;IACX,GAAAY,OAAA,aAAY;MACd,KAAAV,SAAA,EAAAJ,UAAA;IACF,CAAG,CAAC;IAEJ,OAAM,YAAU;MAChBI,SAAM,OAAc;IAEpB;EAGM,IACAf,IAAA,EAAAK,GAAC,EAAAE,QAAA;EAEQ,IAAAmB,OACP,GAAAnB,QAAS,GAAAoB,MAAA,CAAAD,OAAA,CAAAnB,QAAA;EAAA,IAAAqB,WACT,IAAAvB,GAAY,IAAAO,MAAA,IAAAL,QAAA,eAAAmB,OAAA,CAAAG,MAAA;EAAA,OAEZ,mBAAArC,kBAAA,CAAAsC,GAAA,EAAApC,iBAAA,CAAAqC,MAAA;IAAAC,KAAA;IAAuDhC,IAAA;IAGlDC,YACC;IAAAgC,QACA,qBAAAzC,kBAAA,CAAA0C,IAAA,EAAAxC,iBAAA,CAAAqC,MAAA,CAAAI,MAAA;MAAAF,QAEJ,EACF,gBACA,IAAAzC,kBAAA,CAAAsC,GAAA,EAAApC,iBAAC,CAAAqC,MAAA,CAAAK,OAAO;QACNC,eAAA;MAEA,YACC,GAGC,eAEW,IAAA7C,kBACX,CAAA0C,IAAA,EAAAxC,iBAAA,CAAA4C,aAAC;QAEDC,KAEA;QAGIC,QAAA;QAEA,aACA;QAIAP,QARW,EASb,CACD,eACL,IAAAzC,kBAAA,CAAAsC,GAAA,EAAApC,iBAAA,CAAAqC,MAAA,CAAAU,KAAA;UACAC,IAAA;UAIAT,QAAA,EAAA/B,CAAA;QAAA,IA9CI,mBAAAV,kBAAA,CAAAsC,GAAA,EAAApC,iBAAA,CAAAqC,MAAA,CAAAY,WAAA;UA+CNC,OAAA;UAEJX,QAAA,qBAAAzC,kBAAA,CAAAsC,GAAA,EAAApC,iBAAA,CAAAmD,SAAA;YAEJH,IAAA","ignoreList":[]}

package/dist/cjs/chrome/help-shortcuts-dialog.cjs

@@ -0,0 +1,155 @@
+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 help_shortcuts_dialog_exports = {};
+__export(help_shortcuts_dialog_exports, {
+  HelpShortcutsDialog: () => HelpShortcutsDialog
+});
+module.exports = __toCommonJS(help_shortcuts_dialog_exports);
+var import_components = require("@multiplatform.one/components");
+var import_react_i18next = require("react-i18next");
+var import_i18n = require("../i18n/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function getModLabel() {
+  if (typeof navigator !== "undefined" && /Mac|iPhone|iPad|iPod/i.test(String(navigator.platform ?? ""))) {
+    return "\u2318";
+  }
+  return "Ctrl";
+}
+function KeyChip({
+  label
+}) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+    borderWidth: 1,
+    borderColor: "$borderColor",
+    backgroundColor: "$color2",
+    borderRadius: "$2",
+    paddingHorizontal: "$2",
+    paddingVertical: "$1",
+    minWidth: 28,
+    justifyContent: "center",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
+      size: "$1",
+      fontWeight: "600",
+      children: label
+    })
+  });
+}
+function ShortcutRow({
+  combos,
+  description
+}) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+    gap: "$3",
+    alignItems: "center",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+      width: 150,
+      gap: "$1",
+      alignItems: "center",
+      flexWrap: "wrap",
+      flexShrink: 0,
+      children: combos.map((combo, comboIndex) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        gap: "$1",
+        alignItems: "center",
+        children: [comboIndex > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
+          size: "$2",
+          color: "$color10",
+          children: "/"
+        }), combo.map((key, keyIndex) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+          gap: "$1",
+          alignItems: "center",
+          children: [keyIndex > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
+            size: "$2",
+            color: "$color10",
+            children: "+"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(KeyChip, {
+            label: key
+          })]
+        }, key))]
+      }, combo.join("+")))
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
+      size: "$3",
+      flex: 1,
+      children: description
+    })]
+  });
+}
+function HelpShortcutsDialog({
+  open,
+  onOpenChange
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const mod = getModLabel();
+  const rows = [{
+    combos: [[mod, "K"], [mod, "G"]],
+    description: t("help.shortcutFocusSearch", "Open the command palette")
+  }, {
+    combos: [[mod, "S"]],
+    description: t("help.shortcutSaveForm", "Save the open document")
+  }, {
+    combos: [["Esc"]],
+    description: t("help.shortcutCloseOverlays", "Close dialogs and menus")
+  }];
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog, {
+    modal: true,
+    open,
+    onOpenChange,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.Dialog.Portal, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog.Overlay, {
+        backgroundColor: "$shadow6"
+      }, "overlay"), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.DialogContent, {
+        width: 440,
+        maxWidth: "90%",
+        "data-testid": "backoffice-help-shortcuts-dialog",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog.Title, {
+          size: "$6",
+          children: t("help.shortcutsTitle", "Keyboard Shortcuts")
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog.Description, {
+          asChild: true,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Paragraph, {
+            size: "$3",
+            color: "$color11",
+            children: t("help.shortcutsIntro", "Shortcuts available across the backoffice (web).")
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          gap: "$3",
+          marginTop: "$2",
+          children: rows.map(row => /* @__PURE__ */(0, import_jsx_runtime.jsx)(ShortcutRow, {
+            ...row
+          }, row.description))
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+          justifyContent: "flex-end",
+          marginTop: "$4",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog.Close, {
+            asChild: true,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Button, {
+              size: "$3",
+              children: t("help.close", "Close")
+            })
+          })
+        })]
+      }, "content")]
+    })
+  });
+}

package/dist/cjs/chrome/help-shortcuts-dialog.native.js

@@ -0,0 +1,168 @@
+"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 help_shortcuts_dialog_exports = {};
+__export(help_shortcuts_dialog_exports, {
+  HelpShortcutsDialog: () => HelpShortcutsDialog
+});
+module.exports = __toCommonJS(help_shortcuts_dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
+var import_react_i18next = require("react-i18next");
+var import_i18n = require("../i18n/index.native.js");
+function getModLabel() {
+  var _navigator_platform;
+  if (typeof navigator !== "undefined" && /Mac|iPhone|iPad|iPod/i.test(String((_navigator_platform = navigator.platform) !== null && _navigator_platform !== void 0 ? _navigator_platform : ""))) {
+    return "\u2318";
+  }
+  return "Ctrl";
+}
+function KeyChip(param) {
+  var {
+    label
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+    borderWidth: 1,
+    borderColor: "$borderColor",
+    backgroundColor: "$color2",
+    borderRadius: "$2",
+    paddingHorizontal: "$2",
+    paddingVertical: "$1",
+    minWidth: 28,
+    justifyContent: "center",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
+      size: "$1",
+      fontWeight: "600",
+      children: label
+    })
+  });
+}
+function ShortcutRow(param) {
+  var {
+    combos,
+    description
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+    gap: "$3",
+    alignItems: "center",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+      width: 150,
+      gap: "$1",
+      alignItems: "center",
+      flexWrap: "wrap",
+      flexShrink: 0,
+      children: combos.map(function (combo, comboIndex) {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+          gap: "$1",
+          alignItems: "center",
+          children: [comboIndex > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
+            size: "$2",
+            color: "$color10",
+            children: "/"
+          }), combo.map(function (key, keyIndex) {
+            return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+              gap: "$1",
+              alignItems: "center",
+              children: [keyIndex > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
+                size: "$2",
+                color: "$color10",
+                children: "+"
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(KeyChip, {
+                label: key
+              })]
+            }, key);
+          })]
+        }, combo.join("+"));
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
+      size: "$3",
+      flex: 1,
+      children: description
+    })]
+  });
+}
+function HelpShortcutsDialog(param) {
+  var {
+    open,
+    onOpenChange
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var mod = getModLabel();
+  var rows = [{
+    combos: [[mod, "K"], [mod, "G"]],
+    description: t("help.shortcutFocusSearch", "Open the command palette")
+  }, {
+    combos: [[mod, "S"]],
+    description: t("help.shortcutSaveForm", "Save the open document")
+  }, {
+    combos: [["Esc"]],
+    description: t("help.shortcutCloseOverlays", "Close dialogs and menus")
+  }];
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog, {
+    modal: true,
+    open,
+    onOpenChange,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.Dialog.Portal, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog.Overlay, {
+        backgroundColor: "$shadow6"
+      }, "overlay"), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.DialogContent, {
+        width: 440,
+        maxWidth: "90%",
+        "data-testid": "backoffice-help-shortcuts-dialog",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog.Title, {
+          size: "$6",
+          children: t("help.shortcutsTitle", "Keyboard Shortcuts")
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog.Description, {
+          asChild: true,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Paragraph, {
+            size: "$3",
+            color: "$color11",
+            children: t("help.shortcutsIntro", "Shortcuts available across the backoffice (web).")
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          gap: "$3",
+          marginTop: "$2",
+          children: rows.map(function (row) {
+            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ShortcutRow, {
+              ...row
+            }, row.description);
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+          justifyContent: "flex-end",
+          marginTop: "$4",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog.Close, {
+            asChild: true,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Button, {
+              size: "$3",
+              children: t("help.close", "Close")
+            })
+          })
+        })]
+      }, "content")]
+    })
+  });
+}
+//# sourceMappingURL=help-shortcuts-dialog.native.js.map

package/dist/cjs/chrome/help-shortcuts-dialog.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","help_shortcuts_dialog_exports","__export","HelpShortcutsDialog","module","exports","import_jsx_runtime","require","import_components","import_react_i18next","import_i18n","getModLabel","_navigator_platform","navigator","test","String","platform","KeyChip","param","label","jsx","XStack","borderWidth","borderColor","backgroundColor","borderRadius","paddingHorizontal","paddingVertical","minWidth","justifyContent","children","SizableText","size","fontWeight","ShortcutRow","combos","description","jsxs","gap","alignItems","width","flexWrap","flexShrink","map","combo","comboIndex","color","key","keyIndex","join","flex"],"sources":["../../../src/chrome/help-shortcuts-dialog.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,6BAAA;AAAAC,QAAA,CAAAD,6BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAOAC,MAAA,CAAAC,OAAA,GAAAT,YAQO,CAAAK,6BAAA;AACP,IAAAK,kBAAA,GAAAC,OAA+B;AAC/B,IAAAC,iBAA0C,GAAAD,OAAA;AA8BpC,IAAAE,oBAAA,GAAAF,OAAA;AAtBN,IAAAG,WAAS,GAAAH,OAAsB;AAC7B,SACEI,WAAOA,CAAA;EAGP,IAAAC,mBAAO;EACT,WAAAC,SAAA,4CAAAC,IAAA,CAAAC,MAAA,EAAAH,mBAAA,GAAAC,SAAA,CAAAG,QAAA,cAAAJ,mBAAA,cAAAA,mBAAA;IACA,OAAO;EACT;EAEA,OAAS;AACP;AACE,SAACK,QAAAC,KAAA;EAAA;IAAAC;EAAA,IAAAD,KAAA;EAAA,OACC,eAAa,IAAAZ,kBAAA,CAAAc,GAAA,EAAAZ,iBAAA,CAAAa,MAAA;IAAAC,WACb;IAAYC,WACZ,gBAAgB;IAAAC,eAChB,EAAa;IAAAC,YACb;IAAkBC,iBAClB,EAAgB;IAAAC,eACN;IAAAC,QACV;IAAeC,cAEf;IAEAC,QAAA,qBAAAxB,kBAAA,CAAAc,GAAA,EAAAZ,iBAAA,CAAAuB,WAAA;MACFC,IAAA;MAEJC,UAAA;MAQAH,QAAS,EAAAX;IACP;EAEI;AAGO;AAGC,SAEDe,WAAWA,CAAAhB,KAAK;EAEZ;IAAAiB,MAAA;IAAAC;EACC,IAAAlB,KAAA;EAEA,OAEF,mBAAAZ,kBAAA,CAAA+B,IAAC,EAAA7B,iBAAe,CAAAa,MAAK;IAAAiB,GAAA,MANV;IAQdC,UAfU,EAAM,QAgBnB;IAGJT,QAAA,GAGF,mBAAAxB,kBAAA,CAAAc,GAAA,EAAAZ,iBAAA,CAAAa,MAAA;MAEJmB,KAAA;MAEOF,GAAS;MACRC,UAAI,EAAI;MACRE,QAAM;MAENC,UAA2B;MAC/BZ,QAAA,EAAAK,MAAA,CAAAQ,GAAA,WAAAC,KAAA,EAAAC,UAAA;QACE,OAAQ,mBAAAvC,kBAAA,CAAA+B,IAAA,EAAA7B,iBAAA,CAAAa,MAAA;UACLiB,GAAK,EAAG;UACRC,UAAQ;UACXT,QAAA,GACAe,UAAe,wBAA4B,GAAAvC,kBAAA,CAAAc,GAAA,EAA0BZ,iBAAA,CAAAuB,WAAA;YACvEC,IAAA;YACAc,KAAA;YACYhB,QAAQ,EAAC;UACnB,IACFc,KAAA,CAAAD,GAAA,WAAAI,GAAA,EAAAC,QAAA;YACA,0BAAA1C,kBAAA,CAAA+B,IAAA,EAAA7B,iBAAA,CAAAa,MAAA;cACYiB,GAAK,EAAC;cAChBC,UAAe;cACjBT,QAAA,GACFkB,QAAA,2BAAA1C,kBAAA,CAAAc,GAAA,EAAAZ,iBAAA,CAAAuB,WAAA;gBAGEC,IAAA;gBAEIc,KAAA;gBACAhB,QAAA;cAAC,uBAAAxB,kBAAA,CAAAc,GAAA,EAAAH,OAAA;gBAEQE,KAAA,EAAA4B;cACE;YAGT,GAAAA,GAAA;UAAA;QAMA,GAAAH,KAAA,CAAAK,IAAA;MAIA;IAKA,uBAAA3C,kBAAA,CAAAc,GAAA,EAAAZ,iBAAA,CAAAuB,WAAA;MApBIC,IAAA;MAqBNkB,IAAA;MAEJpB,QAAA,EAAAM;IAEJ","ignoreList":[]}

package/dist/cjs/chrome/notifications-data.cjs

@@ -0,0 +1,190 @@
+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 notifications_data_exports = {};
+__export(notifications_data_exports, {
+  useNotifications: () => useNotifications
+});
+module.exports = __toCommonJS(notifications_data_exports);
+var import_frappe = require("@multiplatform.one/frappe");
+var import_frappe_ui = require("@multiplatform.one/frappe-ui");
+var import_react = require("react");
+var import_useFrappeApp = require("../shared/useFrappeApp.cjs");
+var import_notifications_utils = require("./notifications-utils.cjs");
+const NOTIFICATION_FIELDS = ["name", "subject", "type", "document_type", "document_name", "read", "from_user", "creation"];
+const NOTIFICATION_WINDOW_LIMIT = 100;
+const MARK_AS_READ_METHOD = "frappe.desk.doctype.notification_log.notification_log.mark_as_read";
+const MARK_ALL_AS_READ_METHOD = "frappe.desk.doctype.notification_log.notification_log.mark_all_as_read";
+const sessionUserCache = /* @__PURE__ */new WeakMap();
+function useNotificationsSessionUser(fixtureMode) {
+  const app = (0, import_useFrappeApp.useFrappeApp)();
+  const [state, setState] = (0, import_react.useState)({
+    resolved: false
+  });
+  (0, import_react.useEffect)(() => {
+    if (fixtureMode || !app) {
+      setState({
+        resolved: true
+      });
+      return;
+    }
+    let cancelled = false;
+    let promise = sessionUserCache.get(app);
+    if (!promise) {
+      promise = app.call().get("frappe.auth.get_logged_user").then(res => {
+        const user = res.payload?.message;
+        return user && user !== "Guest" ? user : void 0;
+      }).catch(() => {
+        sessionUserCache.delete(app);
+        return void 0;
+      });
+      sessionUserCache.set(app, promise);
+    }
+    promise.then(user => {
+      if (!cancelled) setState({
+        user,
+        resolved: true
+      });
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [app, fixtureMode]);
+  return state;
+}
+async function setReadViaSetValue(app, name) {
+  await app.call().post("frappe.client.set_value", {
+    doctype: "Notification Log",
+    name,
+    fieldname: "read",
+    value: 1
+  });
+}
+async function markAsReadOnServer(app, name) {
+  try {
+    await app.call().post(MARK_AS_READ_METHOD, {
+      docname: name
+    });
+  } catch {
+    await setReadViaSetValue(app, name);
+  }
+}
+async function markAllAsReadOnServer(app, unreadNames) {
+  try {
+    await app.call().post(MARK_ALL_AS_READ_METHOD, {});
+  } catch {
+    await Promise.all(unreadNames.map(name => setReadViaSetValue(app, name)));
+  }
+}
+function useNotifications() {
+  const config = (0, import_frappe_ui.useFrappeConfig)();
+  const app = (0, import_useFrappeApp.useFrappeApp)();
+  const fixtureMode = Boolean(config?.fixtures);
+  const {
+    user: sessionUser,
+    resolved: sessionResolved
+  } = useNotificationsSessionUser(fixtureMode);
+  const connectionConfig = (0, import_react.useMemo)(() => config ? {
+    baseURL: config.baseURL,
+    socketPort: config.socketPort,
+    auth: config.auth,
+    syncOptions: config.syncOptions,
+    socketOptions: config.socketOptions,
+    fixtures: config.fixtures
+  } : void 0, [config]);
+  const ready = Boolean(connectionConfig) && (fixtureMode || Boolean(sessionUser));
+  const collection = (0, import_frappe.useFrappeCollection)(ready ? connectionConfig : void 0, "Notification Log", {
+    fields: NOTIFICATION_FIELDS,
+    filters: !fixtureMode && sessionUser ? [["for_user", "=", sessionUser]] : void 0,
+    orderBy: {
+      field: "creation",
+      order: import_frappe.Order.Desc
+    },
+    limit: NOTIFICATION_WINDOW_LIMIT
+  });
+  const {
+    data: rawData,
+    isLoading: queryLoading
+  } = (0, import_frappe.useLiveQuery)(q => collection ? q.from({
+    _notification: collection
+  }) : null, [collection]);
+  const [readOverrides, setReadOverrides] = (0, import_react.useState)(/* @__PURE__ */new Set());
+  const items = (0, import_react.useMemo)(() => {
+    const docs = rawData ?? [];
+    return docs.filter(doc => doc.name).map(doc => ({
+      ...doc,
+      unread: !doc.read && !readOverrides.has(doc.name),
+      subjectText: (0, import_notifications_utils.stripHtmlToText)(doc.subject),
+      timestampMs: (0, import_notifications_utils.parseFrappeTimestamp)(doc.creation)
+    })).sort((a, b) => (b.timestampMs ?? 0) - (a.timestampMs ?? 0) || a.name.localeCompare(b.name));
+  }, [rawData, readOverrides]);
+  const unreadCount = (0, import_react.useMemo)(() => items.filter(item => item.unread).length, [items]);
+  const isLoading = Boolean(connectionConfig) && !fixtureMode && !sessionResolved ||
+  // Session resolved without a user (Guest / unreachable bench): settle on
+  // an empty feed instead of skeleting forever.
+  ready && (collection === void 0 || Boolean(queryLoading));
+  const addOverrides = (0, import_react.useCallback)(names => {
+    if (!names.length) return;
+    setReadOverrides(prev => {
+      const next = new Set(prev);
+      for (const name of names) next.add(name);
+      return next;
+    });
+  }, []);
+  const removeOverrides = (0, import_react.useCallback)(names => {
+    if (!names.length) return;
+    setReadOverrides(prev => {
+      const next = new Set(prev);
+      for (const name of names) next.delete(name);
+      return next;
+    });
+  }, []);
+  const markAsRead = (0, import_react.useCallback)(async name => {
+    addOverrides([name]);
+    if (fixtureMode || !app) return;
+    try {
+      await markAsReadOnServer(app, name);
+    } catch (err) {
+      removeOverrides([name]);
+      throw err;
+    }
+  }, [app, fixtureMode, addOverrides, removeOverrides]);
+  const markAllAsRead = (0, import_react.useCallback)(async () => {
+    const unreadNames = items.filter(item => item.unread).map(item => item.name);
+    if (!unreadNames.length) return;
+    addOverrides(unreadNames);
+    if (fixtureMode || !app) return;
+    try {
+      await markAllAsReadOnServer(app, unreadNames);
+    } catch (err) {
+      removeOverrides(unreadNames);
+      throw err;
+    }
+  }, [app, fixtureMode, items, addOverrides, removeOverrides]);
+  return (0, import_react.useMemo)(() => ({
+    items,
+    unreadCount,
+    isLoading,
+    markAsRead,
+    markAllAsRead
+  }), [items, unreadCount, isLoading, markAsRead, markAllAsRead]);
+}