@open-formulieren/formio-builder/lib/esm/registry/cosignV1/edit.js

An opinionated Formio webform builder for Open Forms

import { jsxs as i, jsx as t } from "react/jsx-runtime";
import { useContext as l } from "react";
import { useIntl as u, FormattedMessage as p } from "react-intl";
import { useAsync as d } from "react-use";
import h from "../../components/builder/label.js";
import c from "../../components/builder/description.js";
import { Tabs as f, TabList as b, TabPanel as e } from "../../components/formio/tabs.js";
import "clsx";
import { useErrorChecker as g } from "../../utils/errors.js";
/* empty css                                           */
import "@floating-ui/react";
/* empty css                                     */
import "formik";
import { BuilderContext as y } from "../../context.js";
import "@formio/vanilla-text-mask";
import "formiojs";
import "lodash";
/* empty css                                 */
import P from "../../components/formio/select.js";
import "dompurify";
import "../../components/formio/datagrid.js";
import { LABELS as s } from "../../components/builder/messages.js";
import { useDeriveComponentKey as C } from "../../components/builder/key.js";
import T from "../../components/builder/hidden.js";
import "@ckeditor/ckeditor5-react";
import "../../components/CKEditor.js";
/* empty css                                     */
import "../addressNL/edit.js";
import "../validation.js";
/* empty css                        */
import "../bsn/edit.js";
import "../checkbox/edit.js";
import "../children/edit.js";
import "../columns/edit.js";
import "zod";
/* empty css                       */
import "../content/edit.js";
import "../cosignV2/edit.js";
import "../cosignV2/edit-validation.js";
import "../currency/edit.js";
import "../currency/edit-validation.js";
import "../customerProfile/edit.js";
import "../customerProfile/edit-validation.js";
import "../customerProfile/preview.js";
import "../date/edit.js";
import "../date/edit-validation.js";
import "../datetime/edit.js";
import "../datetime/edit-validation.js";
import "../editgrid/edit.js";
/* empty css                                                          */
import "../email/edit.js";
import "../email/edit-validation.js";
/* empty css                     */
import "../fieldset/edit.js";
import "../file/edit.js";
import "../file/edit-validation.js";
import "../iban/edit.js";
import "../iban/edit-validation.js";
import "../licenseplate/edit.js";
import "../licenseplate/edit-validation.js";
import "proj4leaflet";
import "../map/edit.js";
import "@open-formulieren/leaflet-tools/lib/tiles.js";
import "@open-formulieren/leaflet-tools";
import "react-leaflet";
import "react-leaflet-draw";
/* empty css                   */
import "../npFamilyMembers/edit.js";
import "../number/edit.js";
import "../number/edit-validation.js";
import "../partners/edit.js";
import "../phonenumber/edit.js";
import "../postcode/edit.js";
import "../postcode/edit-validation.js";
import "../radio/edit.js";
import "../select/edit.js";
import "../selectboxes/edit.js";
import "../signature/edit.js";
import "react-signature-canvas";
import "../softRequiredErrors/edit.js";
import "../textarea/edit.js";
import "../textarea/edit-validation.js";
import "../textfield/edit.js";
import "../time/edit.js";
import "../../components/builder/prefill/identifierRole.js";
import { ComponentTranslations as v } from "../../components/builder/i18n.js";
import { Basic as A, Translations as L } from "../../components/builder/tabs.js";
import "@open-formulieren/monaco-json-editor";
import "../../components/builder/values/values-src.js";
/* empty css                                              */
const E = () => {
  const o = u();
  C();
  const {
    hasAnyError: r
  } = g();
  return /* @__PURE__ */ i(f, { children: [
    /* @__PURE__ */ i(b, { children: [
      /* @__PURE__ */ t(A, { hasErrors: r("label", "description", "authPlugin", "hidden") }),
      /* @__PURE__ */ t(L, { hasErrors: r("openForms.translations") })
    ] }),
    /* @__PURE__ */ i(e, { children: [
      /* @__PURE__ */ t(h, {}),
      /* @__PURE__ */ t(c, {}),
      /* @__PURE__ */ t(M, {}),
      /* @__PURE__ */ t(T, {})
    ] }),
    /* @__PURE__ */ t(e, { children: /* @__PURE__ */ t(v, { propertyLabels: {
      label: o.formatMessage(s.label),
      description: o.formatMessage(s.description)
    } }) })
  ] });
};
E.defaultValues = {
  // basic tab
  label: "",
  key: "",
  description: "",
  hidden: !1,
  authPlugin: ""
};
function x(o) {
  return o !== void 0;
}
const M = () => {
  const {
    getAuthPlugins: o
  } = l(y), {
    value: r,
    loading: n,
    error: m
  } = d(async () => await o(), []);
  if (m)
    throw m;
  const a = x(r) ? r : [];
  return /* @__PURE__ */ t(P, { name: "authPlugin", label: /* @__PURE__ */ t(p, { id: "lOSmt+", defaultMessage: [{
    type: 0,
    value: "Authentication method"
  }] }), description: /* @__PURE__ */ t(p, { id: "Su4nqf", defaultMessage: [{
    type: 0,
    value: "Which authentication method the co-signer must use. Note that this must be an authentication method available on the form."
  }] }), isLoading: n, options: a, valueProperty: "id" });
};
export {
  M as AuthPlugin,
  E as default
};