@multiplatform.one/backoffice 6.4.3 → 6.6.0

package/dist/jsx/form/FormDialogs.mjs

@@ -0,0 +1,152 @@
+import { ConfirmDialog, Text, YStack } from "@multiplatform.one/components";
+import { Input, TextArea } from "@multiplatform.one/forms";
+import { Link } from "@multiplatform.one/frappe-ui";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { BACKOFFICE_I18N_NAMESPACE } from "../i18n/index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function RenameDialog({
+  open,
+  onOpenChange,
+  currentName,
+  onRename
+}) {
+  const {
+    t
+  } = useTranslation(BACKOFFICE_I18N_NAMESPACE);
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const [value, setValue] = useState(currentName);
+  useEffect(() => {
+    if (!open) setValue(currentName);
+  }, [open, currentName]);
+  return /* @__PURE__ */jsx(ConfirmDialog, {
+    open,
+    onOpenChange,
+    title: t("renameTitle", "Rename document"),
+    confirmLabel: t("rename", "Rename"),
+    confirmDisabled: !value.trim() || value.trim() === currentName,
+    confirmDisabledReason: t("renameDisabled", "Enter a different name"),
+    onConfirm: () => onRename(value.trim()),
+    children: /* @__PURE__ */jsxs(YStack, {
+      ...knobProps.gap,
+      children: [/* @__PURE__ */jsx(Text, {
+        color: "$color11",
+        fontSize: "$3",
+        children: t("renameBody", "New name for {{name}}:", {
+          name: currentName
+        })
+      }), /* @__PURE__ */jsx(Input, {
+        value,
+        onChangeText: setValue,
+        inputProps: {
+          "aria-label": t("newName", "New name"),
+          autoFocus: true
+        }
+      })]
+    })
+  });
+}
+function EmailDialog({
+  open,
+  onOpenChange,
+  defaultSubject,
+  onSend
+}) {
+  const {
+    t
+  } = useTranslation(BACKOFFICE_I18N_NAMESPACE);
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const [recipients, setRecipients] = useState("");
+  const [subject, setSubject] = useState(defaultSubject);
+  const [content, setContent] = useState("");
+  useEffect(() => {
+    if (!open) {
+      setRecipients("");
+      setSubject(defaultSubject);
+      setContent("");
+    }
+  }, [open, defaultSubject]);
+  return /* @__PURE__ */jsx(ConfirmDialog, {
+    open,
+    onOpenChange,
+    title: t("emailTitle", "New Email"),
+    confirmLabel: t("send", "Send"),
+    confirmDisabled: !recipients.trim() || !subject.trim(),
+    confirmDisabledReason: t("emailDisabled", "Recipients and subject are required"),
+    onConfirm: () => onSend({
+      recipients: recipients.trim(),
+      subject: subject.trim(),
+      content
+    }),
+    children: /* @__PURE__ */jsxs(YStack, {
+      ...knobProps.gap,
+      minWidth: 280,
+      children: [/* @__PURE__ */jsx(Input, {
+        value: recipients,
+        onChangeText: setRecipients,
+        placeholder: t("emailTo", "To (comma-separated emails)"),
+        inputProps: {
+          "aria-label": t("emailTo", "To (comma-separated emails)"),
+          autoFocus: true
+        }
+      }), /* @__PURE__ */jsx(Input, {
+        value: subject,
+        onChangeText: setSubject,
+        placeholder: t("emailSubject", "Subject"),
+        inputProps: {
+          "aria-label": t("emailSubject", "Subject")
+        }
+      }), /* @__PURE__ */jsx(TextArea, {
+        value: content,
+        onChangeText: setContent,
+        placeholder: t("emailMessage", "Message"),
+        minRows: 4,
+        textAreaProps: {
+          "aria-label": t("emailMessage", "Message")
+        }
+      })]
+    })
+  });
+}
+function AssignDialog({
+  open,
+  onOpenChange,
+  onAssign
+}) {
+  const {
+    t
+  } = useTranslation(BACKOFFICE_I18N_NAMESPACE);
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const [user, setUser] = useState("");
+  useEffect(() => {
+    if (open) setUser("");
+  }, [open]);
+  return /* @__PURE__ */jsx(ConfirmDialog, {
+    open,
+    onOpenChange,
+    title: t("assignTitle", "Add assignment"),
+    confirmLabel: t("assign", "Assign"),
+    confirmDisabled: !user,
+    confirmDisabledReason: t("assignDisabled", "Pick a user first"),
+    onConfirm: () => onAssign(user),
+    children: /* @__PURE__ */jsx(YStack, {
+      ...knobProps.gap,
+      minWidth: 280,
+      children: /* @__PURE__ */jsx(Link, {
+        label: t("assignTo", "Assign to"),
+        doctype: "User",
+        value: user,
+        onChange: value => setUser(value === null || value === void 0 ? "" : String(value))
+      })
+    })
+  });
+}
+export { AssignDialog, EmailDialog, RenameDialog };
+//# sourceMappingURL=FormDialogs.mjs.map

package/dist/jsx/form/FormDialogs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["ConfirmDialog","Text","YStack","Input","TextArea","Link","useResolvedKnobs","useEffect","useState","useTranslation","BACKOFFICE_I18N_NAMESPACE","jsx","jsxs","RenameDialog","open","onOpenChange","currentName","onRename","t","knobProps","value","setValue","title","confirmLabel","confirmDisabled","trim","confirmDisabledReason","onConfirm","children","gap","color","fontSize","name","onChangeText","inputProps","autoFocus","EmailDialog","defaultSubject","onSend","recipients","setRecipients","subject","setSubject","content","setContent","minWidth","placeholder","minRows","textAreaProps","AssignDialog","onAssign","user","setUser","label","doctype","onChange","String"],"sources":["../../../src/form/FormDialogs.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,193 @@
+"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 FormDialogs_exports = {};
+__export(FormDialogs_exports, {
+  AssignDialog: () => AssignDialog,
+  EmailDialog: () => EmailDialog,
+  RenameDialog: () => RenameDialog
+});
+module.exports = __toCommonJS(FormDialogs_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("react");
+var import_react_i18next = require("react-i18next");
+var import_i18n = require("../i18n/index.native.js");
+function RenameDialog(param) {
+  var {
+    open,
+    onOpenChange,
+    currentName,
+    onRename
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [value, setValue] = (0, import_react.useState)(currentName);
+  (0, import_react.useEffect)(function () {
+    if (!open) setValue(currentName);
+  }, [open, currentName]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ConfirmDialog, {
+    open,
+    onOpenChange,
+    title: t("renameTitle", "Rename document"),
+    confirmLabel: t("rename", "Rename"),
+    confirmDisabled: !value.trim() || value.trim() === currentName,
+    confirmDisabledReason: t("renameDisabled", "Enter a different name"),
+    onConfirm: function onConfirm() {
+      return onRename(value.trim());
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+      ...knobProps.gap,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+        color: "$color11",
+        fontSize: "$3",
+        children: t("renameBody", "New name for {{name}}:", {
+          name: currentName
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+        value,
+        onChangeText: setValue,
+        inputProps: {
+          "aria-label": t("newName", "New name"),
+          autoFocus: true
+        }
+      })]
+    })
+  });
+}
+function EmailDialog(param) {
+  var {
+    open,
+    onOpenChange,
+    defaultSubject,
+    onSend
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [recipients, setRecipients] = (0, import_react.useState)("");
+  var [subject, setSubject] = (0, import_react.useState)(defaultSubject);
+  var [content, setContent] = (0, import_react.useState)("");
+  (0, import_react.useEffect)(function () {
+    if (!open) {
+      setRecipients("");
+      setSubject(defaultSubject);
+      setContent("");
+    }
+  }, [open, defaultSubject]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ConfirmDialog, {
+    open,
+    onOpenChange,
+    title: t("emailTitle", "New Email"),
+    confirmLabel: t("send", "Send"),
+    confirmDisabled: !recipients.trim() || !subject.trim(),
+    confirmDisabledReason: t("emailDisabled", "Recipients and subject are required"),
+    onConfirm: function onConfirm() {
+      return onSend({
+        recipients: recipients.trim(),
+        subject: subject.trim(),
+        content
+      });
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+      ...knobProps.gap,
+      minWidth: 280,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+        value: recipients,
+        onChangeText: setRecipients,
+        placeholder: t("emailTo", "To (comma-separated emails)"),
+        inputProps: {
+          "aria-label": t("emailTo", "To (comma-separated emails)"),
+          autoFocus: true
+        }
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+        value: subject,
+        onChangeText: setSubject,
+        placeholder: t("emailSubject", "Subject"),
+        inputProps: {
+          "aria-label": t("emailSubject", "Subject")
+        }
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.TextArea, {
+        value: content,
+        onChangeText: setContent,
+        placeholder: t("emailMessage", "Message"),
+        minRows: 4,
+        textAreaProps: {
+          "aria-label": t("emailMessage", "Message")
+        }
+      })]
+    })
+  });
+}
+function AssignDialog(param) {
+  var {
+    open,
+    onOpenChange,
+    onAssign
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [user, setUser] = (0, import_react.useState)("");
+  (0, import_react.useEffect)(function () {
+    if (open) setUser("");
+  }, [open]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ConfirmDialog, {
+    open,
+    onOpenChange,
+    title: t("assignTitle", "Add assignment"),
+    confirmLabel: t("assign", "Assign"),
+    confirmDisabled: !user,
+    confirmDisabledReason: t("assignDisabled", "Pick a user first"),
+    onConfirm: function onConfirm() {
+      return onAssign(user);
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+      ...knobProps.gap,
+      minWidth: 280,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_frappe_ui.Link, {
+        label: t("assignTo", "Assign to"),
+        doctype: "User",
+        value: user,
+        onChange: function onChange(value) {
+          return setUser(value === null || value === void 0 ? "" : String(value));
+        }
+      })
+    })
+  });
+}
+//# sourceMappingURL=FormDialogs.native.js.map

package/dist/jsx/form/FormDialogs.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","FormDialogs_exports","AssignDialog","EmailDialog","RenameDialog","module","exports","import_jsx_runtime","require","import_components","import_forms","import_frappe_ui","import_theme","import_react","import_react_i18next","import_i18n","param","open","onOpenChange","currentName","onRename","t","useTranslation","BACKOFFICE_I18N_NAMESPACE","knobProps","useResolvedKnobs","setValue","useState","useEffect","jsx","ConfirmDialog","title","confirmLabel","confirmDisabled","trim","confirmDisabledReason","onConfirm","children","jsxs","YStack","gap","Text","color","fontSize","Input","onChangeText","inputProps","autoFocus","defaultSubject","onSend","recipients","setRecipients","subject","setSubject","content","setContent","minWidth","placeholder","TextArea"],"sources":["../../../src/form/FormDialogs.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/form/FormErrorBoundary.mjs

@@ -0,0 +1,85 @@
+import React from "react";
+import { AsyncBoundary, Text, YStack } from "@multiplatform.one/components";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Component } from "react";
+import { useTranslation } from "react-i18next";
+import { BACKOFFICE_I18N_NAMESPACE } from "../i18n/index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const logger = console;
+function FormErrorFallback({
+  label,
+  errorTitle,
+  error,
+  onRetry,
+  testID
+}) {
+  const {
+    t
+  } = useTranslation(BACKOFFICE_I18N_NAMESPACE);
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */jsxs(YStack, {
+    ...knobProps.gap,
+    minWidth: 0,
+    testID,
+    children: [label ? /* @__PURE__ */jsx(Text, {
+      fontSize: "$3",
+      fontWeight: "600",
+      color: "$color11",
+      numberOfLines: 1,
+      children: label
+    }) : null, /* @__PURE__ */jsx(AsyncBoundary, {
+      compact: true,
+      error,
+      onRetry,
+      errorTitle: errorTitle ?? t("fieldRenderError", "This field failed to render")
+    })]
+  });
+}
+class FormErrorBoundary extends Component {
+  static getDerivedStateFromError(error) {
+    return {
+      error
+    };
+  }
+  state = {
+    error: void 0,
+    resetNonce: 0
+  };
+  componentDidCatch(error, errorInfo) {
+    logger.warn("[backoffice] form render error contained", {
+      error,
+      errorInfo
+    });
+  }
+  handleRetry = () => {
+    this.setState(prev => ({
+      error: void 0,
+      resetNonce: prev.resetNonce + 1
+    }));
+  };
+  render() {
+    if (this.state.error) {
+      return /* @__PURE__ */jsx(FormErrorFallback, {
+        label: this.props.label,
+        errorTitle: this.props.errorTitle,
+        error: this.state.error,
+        onRetry: this.handleRetry,
+        testID: this.props.testID
+      });
+    }
+    return /* @__PURE__ */jsx(React.Fragment, {
+      children: this.props.children
+    }, this.state.resetNonce);
+  }
+}
+function wrapFieldWithErrorBoundary(rendered, field) {
+  return /* @__PURE__ */jsx(FormErrorBoundary, {
+    label: field.label,
+    testID: `form-field-error-${field.name}`,
+    children: rendered
+  }, field.name);
+}
+export { FormErrorBoundary, wrapFieldWithErrorBoundary };
+//# sourceMappingURL=FormErrorBoundary.mjs.map

package/dist/jsx/form/FormErrorBoundary.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","AsyncBoundary","Text","YStack","useResolvedKnobs","Component","useTranslation","BACKOFFICE_I18N_NAMESPACE","jsx","jsxs","logger","console","FormErrorFallback","label","errorTitle","error","onRetry","testID","t","knobProps","gap","minWidth","children","fontSize","fontWeight","color","numberOfLines","compact","FormErrorBoundary","getDerivedStateFromError","state","resetNonce","componentDidCatch","errorInfo","warn","handleRetry","setState","prev","render","props","Fragment","wrapFieldWithErrorBoundary","rendered","field","name"],"sources":["../../../src/form/FormErrorBoundary.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AA8BlB,SAASC,aAAA,EAAeC,IAAA,EAAMC,MAAA,QAAc;AAE5C,SAASC,gBAAA,QAAwB;AACjC,SAASC,SAAA,QAAiD;AAC1D,SAASC,cAAA,QAAsB;AAC/B,SAASC,yBAAA,QAAiC;AAuCtC,SAEIC,GAAA,EAFJC,IAAA;AArCJ,MAAMC,MAAA,GAASC,OAAA;AAqBf,SAASC,kBAAkB;EACzBC,KAAA;EACAC,UAAA;EACAC,KAAA;EACAC,OAAA;EACAC;AACF,GAMG;EACD,MAAM;IAAEC;EAAE,IAAIZ,cAAA,CAAeC,yBAAyB;EACtD,MAAM;IAAEY;EAAU,IAAIf,gBAAA,CAAiB;EACvC,OACE,eAAAK,IAAA,CAACN,MAAA;IAAQ,GAAGgB,SAAA,CAAUC,GAAA;IAAKC,QAAA,EAAU;IAAGJ,MAAA;IACrCK,QAAA,GAAAT,KAAA,GACC,eAAAL,GAAA,CAACN,IAAA;MAAKqB,QAAA,EAAS;MAAKC,UAAA,EAAW;MAAMC,KAAA,EAAM;MAAWC,aAAA,EAAe;MAClEJ,QAAA,EAAAT;IAAA,CACH,IACE,MACJ,eAAAL,GAAA,CAACP,aAAA;MACC0B,OAAA,EAAO;MACPZ,KAAA;MACAC,OAAA;MACAF,UAAA,EAAYA,UAAA,IAAcI,CAAA,CAAE,oBAAoB,6BAA6B;IAAA,CAC/E;EAAA,CACF;AAEJ;AAEO,MAAMU,iBAAA,SAA0BvB,SAAA,CAA0D;EAC/F,OAAOwB,yBAAyBd,KAAA,EAA+C;IAC7E,OAAO;MAAEA;IAAM;EACjB;EAEAe,KAAA,GAAgC;IAAEf,KAAA,EAAO;IAAWgB,UAAA,EAAY;EAAE;EAElEC,kBAAkBjB,KAAA,EAAckB,SAAA,EAAsB;IAEpDvB,MAAA,CAAOwB,IAAA,CAAK,4CAA4C;MAAEnB,KAAA;MAAOkB;IAAU,CAAC;EAC9E;EAEAE,WAAA,GAAcA,CAAA,KAAM;IAClB,KAAKC,QAAA,CAAUC,IAAA,KAAU;MAAEtB,KAAA,EAAO;MAAWgB,UAAA,EAAYM,IAAA,CAAKN,UAAA,GAAa;IAAE,EAAE;EACjF;EAEAO,OAAA,EAAS;IACP,IAAI,KAAKR,KAAA,CAAMf,KAAA,EAAO;MACpB,OACE,eAAAP,GAAA,CAACI,iBAAA;QACCC,KAAA,EAAO,KAAK0B,KAAA,CAAM1B,KAAA;QAClBC,UAAA,EAAY,KAAKyB,KAAA,CAAMzB,UAAA;QACvBC,KAAA,EAAO,KAAKe,KAAA,CAAMf,KAAA;QAClBC,OAAA,EAAS,KAAKmB,WAAA;QACdlB,MAAA,EAAQ,KAAKsB,KAAA,CAAMtB;MAAA,CACrB;IAEJ;IAGA,OAAO,eAAAT,GAAA,CAACR,KAAA,CAAMwC,QAAA,EAAN;MAA4ClB,QAAA,OAAKiB,KAAA,CAAMjB;IAAA,GAAnC,KAAKQ,KAAA,CAAMC,UAAiC;EAC1E;AACF;AAOO,SAASU,2BAA2BC,QAAA,EAAqBC,KAAA,EAA+B;EAC7F,OACE,eAAAnC,GAAA,CAACoB,iBAAA;IAECf,KAAA,EAAO8B,KAAA,CAAM9B,KAAA;IACbI,MAAA,EAAQ,oBAAoB0B,KAAA,CAAMC,IAAI;IAErCtB,QAAA,EAAAoB;EAAA,GAJIC,KAAA,CAAMC,IAKb;AAEJ","ignoreList":[]}

package/dist/jsx/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