ublo-lib 1.31.43 → 1.32.0

package/es/common/components/custom-contact-form/attachment.js

@@ -1,211 +1,119 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import classNames from "classnames";
 import * as Messages from "./messages";
 import * as Icons from "./icons";
 import { convertToFileList } from "./utils";
 import css from "./attachment.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function Attachment({
-  lang,
-  name,
-  label,
-  settings,
-  data,
-  setData
-}) {
-  const ref = React.useRef();
-  const [dragging, setDragging] = React.useState(false);
-  const [error, setError] = React.useState(false);
-  const items = data?.attachment?.value || [];
-  const {
-    attachmentAllowed,
-    attachmentMaxSize,
-    attachmentAuthorizedFormats,
-    attachmentMaxFiles
-  } = settings;
-  const splittedFormats = attachmentAuthorizedFormats?.split(",");
-  const formatedAuthorizedFormats = splittedFormats?.map((format, i) => `${i > 0 ? "," : ""} ${getFormatName(format)}`);
-  const handleDrop = React.useCallback(files => {
-    const authorizedSelectionFormats = files.every(file => splittedFormats.includes(file.type));
-    if (!authorizedSelectionFormats) {
-      return {
-        error: Messages.get(lang, "attachmentFormatError")
-      };
-    }
-    const authorizedSelectionFileNumber = files.length > 0 && files.length <= attachmentMaxFiles - items.length;
-    if (!authorizedSelectionFileNumber) {
-      return {
-        error: Messages.get(lang, "attachmentNumberError")
-      };
-    }
-    const maxSizeinOctet = attachmentMaxSize * 1000000;
-    const authorizedSelectionFileSize = files.every(file => file.size < maxSizeinOctet);
-    if (!authorizedSelectionFileSize) {
-      return {
-        error: Messages.get(lang, "attachmentSizeError")
-      };
-    }
-    return {
-      success: true
+export default function Attachment({ lang, name, label, settings, data, setData, }) {
+    const ref = React.useRef();
+    const [dragging, setDragging] = React.useState(false);
+    const [error, setError] = React.useState(false);
+    const items = data?.attachment?.value || [];
+    const { attachmentAllowed, attachmentMaxSize, attachmentAuthorizedFormats, attachmentMaxFiles, } = settings;
+    const splittedFormats = attachmentAuthorizedFormats?.split(",");
+    const formatedAuthorizedFormats = splittedFormats?.map((format, i) => `${i > 0 ? "," : ""} ${getFormatName(format)}`);
+    const handleDrop = React.useCallback((files) => {
+        const authorizedSelectionFormats = files.every((file) => splittedFormats.includes(file.type));
+        if (!authorizedSelectionFormats) {
+            return { error: Messages.get(lang, "attachmentFormatError") };
+        }
+        const authorizedSelectionFileNumber = files.length > 0 && files.length <= attachmentMaxFiles - items.length;
+        if (!authorizedSelectionFileNumber) {
+            return { error: Messages.get(lang, "attachmentNumberError") };
+        }
+        const maxSizeinOctet = attachmentMaxSize * 1000000;
+        const authorizedSelectionFileSize = files.every((file) => file.size < maxSizeinOctet);
+        if (!authorizedSelectionFileSize) {
+            return { error: Messages.get(lang, "attachmentSizeError") };
+        }
+        return { success: true };
+    }, [attachmentMaxFiles, attachmentMaxSize, items.length, lang, splittedFormats]);
+    const onChange = React.useCallback((e) => {
+        const files = Array.from((e.dataTransfer || e.target).files || []);
+        const { success, error } = handleDrop(files);
+        if (success) {
+            setData((data) => {
+                const currentFiles = data?.attachment?.value || [];
+                const newFiles = convertToFileList([...currentFiles, ...files]);
+                return {
+                    ...data,
+                    attachment: { value: newFiles, valid: true },
+                };
+            });
+        }
+        else {
+            setError(error);
+            setTimeout(() => setError(undefined), 5000);
+        }
+    }, [handleDrop, setData]);
+    const removeItem = (name) => {
+        const newItems = convertToFileList(Array.from(items).filter((item) => item.name !== name));
+        setData((data) => ({
+            ...data,
+            attachment: { value: newItems, valid: true },
+        }));
     };
-  }, [attachmentMaxFiles, attachmentMaxSize, items.length, lang, splittedFormats]);
-  const onChange = React.useCallback(e => {
-    const files = Array.from((e.dataTransfer || e.target).files || []);
-    const {
-      success,
-      error
-    } = handleDrop(files);
-    if (success) {
-      setData(data => {
-        const currentFiles = data?.attachment?.value || [];
-        const newFiles = convertToFileList([...currentFiles, ...files]);
-        return {
-          ...data,
-          attachment: {
-            value: newFiles,
-            valid: true
-          }
-        };
-      });
-    } else {
-      setError(error);
-      setTimeout(() => setError(undefined), 5000);
-    }
-  }, [handleDrop, setData]);
-  const removeItem = name => {
-    const newItems = convertToFileList(Array.from(items).filter(item => item.name !== name));
-    setData(data => ({
-      ...data,
-      attachment: {
-        value: newItems,
-        valid: true
-      }
-    }));
-  };
-  const onDragIn = React.useCallback(e => {
-    e.preventDefault();
-    e.stopPropagation();
-    if (e.dataTransfer.items) {
-      setError(undefined);
-      setDragging(e.dataTransfer.items.length > 0);
-    }
-  }, []);
-  const onDragOut = React.useCallback(e => {
-    e.preventDefault();
-    e.stopPropagation();
-    setDragging(false);
-  }, []);
-  const onDrop = React.useCallback(e => {
-    e.preventDefault();
-    e.stopPropagation();
-    onChange(e);
-    e.dataTransfer.clearData();
-    setDragging(false);
-  }, [onChange]);
-  const onDragOver = e => {
-    e.preventDefault();
-    e.stopPropagation();
-  };
-  React.useEffect(() => {
-    const container = ref.current;
-    if (container) {
-      container.addEventListener("dragenter", onDragIn);
-      container.addEventListener("dragleave", onDragOut);
-      container.addEventListener("drop", onDrop);
-      container.addEventListener("dragover", onDragOver);
-      return () => {
-        container.removeEventListener("dragover", onDragOver);
-        container.removeEventListener("drop", onDrop);
-        container.removeEventListener("dragleave", onDragOut);
-        container.removeEventListener("dragenter", onDragIn);
-      };
-    }
-  }, [onDragIn, onDragOut, onDrop]);
-  const overlayMessage = error || dragging && Messages.get(lang, "attachmentOverlay");
-  const attachmentcss = classNames(css.attachment, {
-    [css.attachmentDragging]: dragging
-  });
-  const overlaycss = classNames(css.inputOverlay, {
-    [css.inputOverlayError]: error
-  });
-  if (!attachmentAllowed) return null;
-  return _jsxs("div", {
-    className: attachmentcss,
-    children: [_jsxs("label", {
-      className: css.label,
-      htmlFor: name,
-      children: [label && _jsx("span", {
-        children: label
-      }), _jsxs("div", {
-        ref: ref,
-        className: css.input,
-        children: [items.length ? _jsx("div", {
-          className: css.items,
-          children: Array.from(items).map((item, i) => _jsx(Item, {
-            item: item,
-            removeItem: removeItem
-          }, i))
-        }) : _jsxs("div", {
-          className: css.placeholder,
-          children: [_jsx(Icons.Upload, {
-            className: css.placeholderIcon
-          }), Messages.get(lang, "attachmentPlaceholder")]
-        }), (error || dragging) && _jsx("div", {
-          className: overlaycss,
-          children: overlayMessage
-        })]
-      }), _jsx("input", {
-        id: name,
-        className: css.uploadInput,
-        type: "file",
-        accept: attachmentAuthorizedFormats,
-        disabled: !attachmentAllowed,
-        onChange: onChange,
-        multiple: attachmentMaxFiles > 1
-      })]
-    }), _jsxs("div", {
-      className: css.helper,
-      children: [_jsx("b", {
-        children: attachmentMaxFiles
-      }), " ", Messages.get(lang, "attachmentHelper1"), ".", " ", _jsx("b", {
-        children: attachmentMaxSize
-      }), Messages.get(lang, "attachmentHelper2"), ".", " ", Messages.get(lang, "attachmentHelper3"), " ", _jsx("b", {
-        children: formatedAuthorizedFormats
-      }), "."]
-    })]
-  });
+    const onDragIn = React.useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (e.dataTransfer.items) {
+            setError(undefined);
+            setDragging(e.dataTransfer.items.length > 0);
+        }
+    }, []);
+    const onDragOut = React.useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setDragging(false);
+    }, []);
+    const onDrop = React.useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        onChange(e);
+        e.dataTransfer.clearData();
+        setDragging(false);
+    }, [onChange]);
+    const onDragOver = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+    };
+    React.useEffect(() => {
+        const container = ref.current;
+        if (container) {
+            container.addEventListener("dragenter", onDragIn);
+            container.addEventListener("dragleave", onDragOut);
+            container.addEventListener("drop", onDrop);
+            container.addEventListener("dragover", onDragOver);
+            return () => {
+                container.removeEventListener("dragover", onDragOver);
+                container.removeEventListener("drop", onDrop);
+                container.removeEventListener("dragleave", onDragOut);
+                container.removeEventListener("dragenter", onDragIn);
+            };
+        }
+    }, [onDragIn, onDragOut, onDrop]);
+    const overlayMessage = error || (dragging && Messages.get(lang, "attachmentOverlay"));
+    const attachmentcss = classNames(css.attachment, {
+        [css.attachmentDragging]: dragging,
+    });
+    const overlaycss = classNames(css.inputOverlay, {
+        [css.inputOverlayError]: error,
+    });
+    if (!attachmentAllowed)
+        return null;
+    return (_jsxs("div", { className: attachmentcss, children: [_jsxs("label", { className: css.label, htmlFor: name, children: [label && _jsx("span", { children: label }), _jsxs("div", { ref: ref, className: css.input, children: [items.length ? (_jsx("div", { className: css.items, children: Array.from(items).map((item, i) => (_jsx(Item, { item: item, removeItem: removeItem }, i))) })) : (_jsxs("div", { className: css.placeholder, children: [_jsx(Icons.Upload, { className: css.placeholderIcon }), Messages.get(lang, "attachmentPlaceholder")] })), (error || dragging) && (_jsx("div", { className: overlaycss, children: overlayMessage }))] }), _jsx("input", { id: name, className: css.uploadInput, type: "file", accept: attachmentAuthorizedFormats, disabled: !attachmentAllowed, onChange: onChange, multiple: attachmentMaxFiles > 1 })] }), _jsxs("div", { className: css.helper, children: [_jsx("b", { children: attachmentMaxFiles }), " ", Messages.get(lang, "attachmentHelper1"), ".", " ", _jsx("b", { children: attachmentMaxSize }), Messages.get(lang, "attachmentHelper2"), ".", " ", Messages.get(lang, "attachmentHelper3"), " ", _jsx("b", { children: formatedAuthorizedFormats }), "."] })] }));
 }
-function Item({
-  item,
-  removeItem
-}) {
-  const {
-    name
-  } = item;
-  const onRemoveClick = e => {
-    e.stopPropagation();
-    e.preventDefault();
-    removeItem(name);
-  };
-  return _jsxs("div", {
-    className: css.item,
-    onClick: undefined,
-    children: [_jsx("button", {
-      className: css.itemRemove,
-      onClick: onRemoveClick,
-      children: _jsx(Icons.Bin, {
-        className: css.itemRemoveIcon
-      })
-    }), _jsx(Icons.File, {
-      className: css.itemIcon
-    }), _jsx("span", {
-      className: css.itemName,
-      children: name
-    })]
-  });
+function Item({ item, removeItem }) {
+    const { name } = item;
+    const onRemoveClick = (e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        removeItem(name);
+    };
+    return (_jsxs("div", { className: css.item, onClick: undefined, children: [_jsx("button", { className: css.itemRemove, onClick: onRemoveClick, children: _jsx(Icons.Bin, { className: css.itemRemoveIcon }) }), _jsx(Icons.File, { className: css.itemIcon }), _jsx("span", { className: css.itemName, children: name })] }));
 }
 function getFormatName(format) {
-  const splittedName = format.split("/");
-  return splittedName[splittedName.length - 1];
-}
+    const splittedName = format.split("/");
+    return splittedName[splittedName.length - 1];
+}

package/es/common/components/custom-contact-form/custom-contact-form.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+type Props = {
+    kind?: string;
+    title?: string;
+    fields: Record<string, Record<string, string | number | boolean>>;
+    presets?: {
+        values?: Record<string, string | number>;
+        setter?: React.Dispatch<React.SetStateAction<Record<string, string> | undefined>>;
+        allowReset?: boolean;
+        disableFields?: boolean;
+    };
+    className?: string;
+    innerClassName?: string;
+    subject?: {
+        prefix?: string;
+        suffix?: string;
+    };
+    onSubmit?: (data: any) => void;
+    customSend?: (data: any) => Promise<unknown>;
+    sendButtonText?: string;
+};
+declare const _default: React.MemoExoticComponent<typeof CustomContactFormWithSnackbar>;
+export default _default;
+declare function CustomContactFormWithSnackbar(props: Props): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=custom-contact-form.d.ts.map

package/es/common/components/custom-contact-form/custom-contact-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-contact-form.d.ts","sourceRoot":"","sources":["../../../../src/common/components/custom-contact-form/custom-contact-form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC;IAClE,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;QACzC,MAAM,CAAC,EAAE,KAAK,CAAC,QAAQ,CACrB,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC,CACzD,CAAC;QACF,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,aAAa,CAAC,EAAE,OAAO,CAAC;KACzB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,QAAQ,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACxC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;;AAkBF,wBAAyD;AAEzD,iBAAS,6BAA6B,CAAC,KAAK,EAAE,KAAK,2CAMlD"}

package/es/common/components/custom-contact-form/custom-contact-form.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import classNames from "classnames";
 import { useUbloContext } from "ublo/with-ublo";
@@ -10,155 +11,80 @@ import * as DTIcons from "dt-design-system/es/icons";
 import * as Plausible from "../plausible";
 import { getInitialFormState, getSettings, send } from "./utils";
 import css from "./custom-contact-form.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 export default React.memo(CustomContactFormWithSnackbar);
 function CustomContactFormWithSnackbar(props) {
-  return _jsx(SnackbarProvider, {
-    children: _jsx(CustomContactForm, {
-      ...props
-    })
-  });
+    return (_jsx(SnackbarProvider, { children: _jsx(CustomContactForm, { ...props }) }));
 }
-function CustomContactForm({
-  kind,
-  title,
-  fields,
-  presets,
-  className,
-  innerClassName,
-  subject,
-  onSubmit,
-  customSend,
-  sendButtonText
-}) {
-  const [data, setData] = React.useState(getInitialFormState(fields, presets?.values));
-  const [sending, setSending] = React.useState(false);
-  const [ready, setReady] = React.useState(false);
-  const [settings, setSettings] = React.useState();
-  const {
-    lang,
-    config
-  } = useUbloContext();
-  const {
-    site
-  } = config;
-  const snackbar = useSnackbar();
-  const isFormValid = Object.keys(data).every(key => data[key].valid);
-  const sendForm = async () => {
-    setSending(true);
-    const sendFunction = customSend || send;
-    const {
-      message,
-      error
-    } = await sendFunction({
-      site,
-      data,
-      fields,
-      subjectPrefix: subject?.prefix,
-      subjectSuffix: subject?.suffix,
-      kind
-    });
-    if (error) {
-      snackbar.show({
-        type: "error",
-        message: error
-      });
-    } else {
-      snackbar.show({
-        type: "success",
-        message: Messages.get(lang, "sent")
-      });
-      Plausible.sendGoal("Contact-us (other requests)");
-      setData(currentData => getInitialFormState(fields, undefined, currentData.subject?.value));
-      resetForm();
-    }
-    setSending(false);
-    onSubmit?.({
-      data,
-      message,
-      error
-    });
-  };
-  const resetForm = () => {
-    presets?.setter?.(undefined);
-    setData(currentData => getInitialFormState(fields, undefined, currentData.subject?.value));
-  };
-  const blurForm = () => {
-    const activeElement = document.activeElement;
-    if (activeElement) {
-      activeElement.blur();
-    }
-  };
-  React.useEffect(() => {
-    if (!ready && !settings) {
-      const init = async () => {
-        if (typeof customSend === "function") {
-          setReady(true);
-          setSettings({});
-          return;
+function CustomContactForm({ kind, title, fields, presets, className, innerClassName, subject, onSubmit, customSend, sendButtonText, }) {
+    const [data, setData] = React.useState(getInitialFormState(fields, presets?.values));
+    const [sending, setSending] = React.useState(false);
+    const [ready, setReady] = React.useState(false);
+    const [settings, setSettings] = React.useState();
+    const { lang, config } = useUbloContext();
+    const { site } = config;
+    const snackbar = useSnackbar();
+    const isFormValid = Object.keys(data).every((key) => data[key].valid);
+    const sendForm = async () => {
+        setSending(true);
+        const sendFunction = customSend || send;
+        const { message, error } = await sendFunction({
+            site,
+            data,
+            fields,
+            subjectPrefix: subject?.prefix,
+            subjectSuffix: subject?.suffix,
+            kind,
+        });
+        if (error) {
+            snackbar.show({ type: "error", message: error });
         }
-        const formSettings = await getSettings(site);
-        setSettings(formSettings);
-        setReady(true);
-      };
-      init();
-    }
-  }, [customSend, ready, settings, site]);
-  React.useEffect(() => {
-    setData(currentData => getInitialFormState(fields, presets?.values, currentData.subject?.value));
-  }, [fields, presets?.values]);
-  const classes = classNames(css.root, className);
-  const innerClasses = classNames(css.inner, {
-    [innerClassName]: innerClassName
-  });
-  const showSendingOverlay = !!settings?.attachmentAllowed && sending;
-  if (!ready) return null;
-  if (ready && !settings) {
-    return _jsx("div", {
-      className: css.root,
-      children: Messages.get(lang, "NO_SETTINGS_FOUND")
+        else {
+            snackbar.show({ type: "success", message: Messages.get(lang, "sent") });
+            Plausible.sendGoal("Contact-us (other requests)");
+            setData((currentData) => getInitialFormState(fields, undefined, currentData.subject?.value));
+            resetForm();
+        }
+        setSending(false);
+        onSubmit?.({ data, message, error });
+    };
+    const resetForm = () => {
+        presets?.setter?.(undefined);
+        setData((currentData) => getInitialFormState(fields, undefined, currentData.subject?.value));
+    };
+    const blurForm = () => {
+        const activeElement = document.activeElement;
+        if (activeElement) {
+            activeElement.blur();
+        }
+    };
+    React.useEffect(() => {
+        if (!ready && !settings) {
+            const init = async () => {
+                if (typeof customSend === "function") {
+                    setReady(true);
+                    setSettings({});
+                    return;
+                }
+                const formSettings = await getSettings(site);
+                setSettings(formSettings);
+                setReady(true);
+            };
+            init();
+        }
+    }, [customSend, ready, settings, site]);
+    React.useEffect(() => {
+        setData((currentData) => getInitialFormState(fields, presets?.values, currentData.subject?.value));
+    }, [fields, presets?.values]);
+    const classes = classNames(css.root, className);
+    const innerClasses = classNames(css.inner, {
+        [innerClassName]: innerClassName,
     });
-  }
-  const formKey = presets ? JSON.stringify(presets.values) : undefined;
-  return _jsxs("div", {
-    className: classes,
-    children: [title && _jsx("div", {
-      className: css.title,
-      children: title
-    }), _jsx("div", {
-      className: innerClasses,
-      children: Object.keys(fields).map(key => _jsx(Field, {
-        kind: kind,
-        name: key,
-        field: fields[key],
-        data: data,
-        setData: setData,
-        settings: settings,
-        presets: presets
-      }, key))
-    }), _jsxs("div", {
-      className: css.bottom,
-      children: [presets?.allowReset && _jsx(Button, {
-        className: css.resetButton,
-        disabled: sending,
-        onClick: resetForm,
-        children: Messages.get(lang, "reset")
-      }), _jsxs(Button, {
-        className: css.submitButton,
-        disabled: !isFormValid || sending,
-        onClick: sendForm,
-        onPointerEnter: blurForm,
-        children: [sendButtonText || Messages.get(lang, "send"), _jsx(DTIcons.Mail, {})]
-      })]
-    }), showSendingOverlay && _jsxs("div", {
-      className: css.sendingOverlay,
-      children: [_jsx(Icons.Spinner, {
-        className: css.sendingIcon
-      }), _jsx("span", {
-        className: css.sendingMessage,
-        children: Messages.get(lang, "sending")
-      })]
-    })]
-  }, formKey);
-}
+    const showSendingOverlay = !!settings?.attachmentAllowed && sending;
+    if (!ready)
+        return null;
+    if (ready && !settings) {
+        return (_jsx("div", { className: css.root, children: Messages.get(lang, "NO_SETTINGS_FOUND") }));
+    }
+    const formKey = presets ? JSON.stringify(presets.values) : undefined;
+    return (_jsxs("div", { className: classes, children: [title && _jsx("div", { className: css.title, children: title }), _jsx("div", { className: innerClasses, children: Object.keys(fields).map((key) => (_jsx(Field, { kind: kind, name: key, field: fields[key], data: data, setData: setData, settings: settings, presets: presets }, key))) }), _jsxs("div", { className: css.bottom, children: [presets?.allowReset && (_jsx(Button, { className: css.resetButton, disabled: sending, onClick: resetForm, children: Messages.get(lang, "reset") })), _jsxs(Button, { className: css.submitButton, disabled: !isFormValid || sending, onClick: sendForm, onPointerEnter: blurForm, children: [sendButtonText || Messages.get(lang, "send"), _jsx(DTIcons.Mail, {})] })] }), showSendingOverlay && (_jsxs("div", { className: css.sendingOverlay, children: [_jsx(Icons.Spinner, { className: css.sendingIcon }), _jsx("span", { className: css.sendingMessage, children: Messages.get(lang, "sending") })] }))] }, formKey));
+}

package/es/common/components/custom-contact-form/field.d.ts

@@ -0,0 +1,10 @@
+export default function Field({ kind, name, field, data, setData, settings, presets, }: {
+    kind: any;
+    name: any;
+    field: any;
+    data: any;
+    setData: any;
+    settings: any;
+    presets: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=field.d.ts.map

package/es/common/components/custom-contact-form/field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../../src/common/components/custom-contact-form/field.js"],"names":[],"mappings":"AAeA;;;;;;;;4CA4DC"}