ublo-lib 1.20.5 → 1.20.7

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

@@ -0,0 +1,24 @@
+import * as React from "react";
+type Props = {
+    kind?: string;
+    title?: string;
+    fields: any;
+    presets?: {
+        values?: Record<string, any>;
+        setter?: React.Dispatch<React.SetStateAction<Record<string, any> | undefined>>;
+        allowReset?: boolean;
+        disableFields?: boolean;
+    };
+    className?: string;
+    innerClassName?: string;
+    subject?: {
+        prefix?: string;
+        suffix?: string;
+    };
+    onSubmit?: (data: any) => void;
+    customSend?: (data: any) => Promise<any>;
+};
+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,GAAG,CAAC;IACZ,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAC7B,MAAM,CAAC,EAAE,KAAK,CAAC,QAAQ,CACrB,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,CAAC,CACtD,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,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;CAC1C,CAAC;;AASF,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,151 +11,82 @@ 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
-}) {
-  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 = () => {
-    document.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, }) {
+    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) {
+            // @ts-ignore
+            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 {
+            // @ts-ignore
+            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(undefined);
+                    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: [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: [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.js

@@ -36,7 +36,7 @@ export default function Field({
   const [activated, setActivated] = React.useState(false);
   const [valid, setValid] = React.useState(!required || false);
   const presetValues = presets?.values;
-  const disablePresetedFields = presetValues && presets?.disableFields && Object.keys(presets.values).includes(name);
+  const disablePresetedFields = presetValues && presets?.disableFields !== false && Object.keys(presets.values).includes(name);
   const isTitle = type === "title";
   const classes = classNames({
     [css.fieldFullWidth]: isTitle || fullWidth,

package/es/common/components/plausible/services/send-goal.d.ts

@@ -2,6 +2,6 @@ type Revenue = {
     currency: string;
     amount: number;
 };
-export default function sendGoal(goal: string, props: Record<string, any>, revenue?: Revenue): void;
+export default function sendGoal(goal: string, props?: Record<string, any>, revenue?: Revenue): void;
 export {};
 //# sourceMappingURL=send-goal.d.ts.map

package/es/common/components/plausible/services/send-goal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"send-goal.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/plausible/services/send-goal.ts"],"names":[],"mappings":"AAEA,KAAK,OAAO,GAAG;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAC9B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1B,OAAO,CAAC,EAAE,OAAO,QAIlB"}
+{"version":3,"file":"send-goal.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/plausible/services/send-goal.ts"],"names":[],"mappings":"AAEA,KAAK,OAAO,GAAG;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAC9B,IAAI,EAAE,MAAM,EACZ,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,OAAO,CAAC,EAAE,OAAO,QAIlB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.20.5",
+  "version": "1.20.7",
   "peerDependencies": {
     "dt-design-system": "^3.1.5",
     "leaflet": "^1.9.1",