ublo-lib 1.31.44 → 1.32.1

package/es/common/components/custom-contact-form/attachment.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 * as Messages from "./messages";
@@ -5,14 +6,13 @@ import * as Icons from "./icons";
 import { convertToFileList } from "./utils";
 import css from "./attachment.module.css";
 export default function Attachment({ lang, name, label, settings, data, setData, }) {
-    var _a;
     const ref = React.useRef();
     const [dragging, setDragging] = React.useState(false);
     const [error, setError] = React.useState(false);
-    const items = ((_a = data === null || data === void 0 ? void 0 : data.attachment) === null || _a === void 0 ? void 0 : _a.value) || [];
+    const items = data?.attachment?.value || [];
     const { attachmentAllowed, attachmentMaxSize, attachmentAuthorizedFormats, attachmentMaxFiles, } = settings;
-    const splittedFormats = attachmentAuthorizedFormats === null || attachmentAuthorizedFormats === void 0 ? void 0 : attachmentAuthorizedFormats.split(",");
-    const formatedAuthorizedFormats = splittedFormats === null || splittedFormats === void 0 ? void 0 : splittedFormats.map((format, i) => `${i > 0 ? "," : ""} ${getFormatName(format)}`);
+    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) {
@@ -34,10 +34,12 @@ export default function Attachment({ lang, name, label, settings, data, setData,
         const { success, error } = handleDrop(files);
         if (success) {
             setData((data) => {
-                var _a;
-                const currentFiles = ((_a = data === null || data === void 0 ? void 0 : data.attachment) === null || _a === void 0 ? void 0 : _a.value) || [];
+                const currentFiles = data?.attachment?.value || [];
                 const newFiles = convertToFileList([...currentFiles, ...files]);
-                return Object.assign(Object.assign({}, data), { attachment: { value: newFiles, valid: true } });
+                return {
+                    ...data,
+                    attachment: { value: newFiles, valid: true },
+                };
             });
         }
         else {
@@ -47,7 +49,10 @@ export default function Attachment({ lang, name, label, settings, data, setData,
     }, [handleDrop, setData]);
     const removeItem = (name) => {
         const newItems = convertToFileList(Array.from(items).filter((item) => item.name !== name));
-        setData((data) => (Object.assign(Object.assign({}, data), { attachment: { value: newItems, valid: true } })));
+        setData((data) => ({
+            ...data,
+            attachment: { value: newItems, valid: true },
+        }));
     };
     const onDragIn = React.useCallback((e) => {
         e.preventDefault();
@@ -97,28 +102,7 @@ export default function Attachment({ lang, name, label, settings, data, setData,
     });
     if (!attachmentAllowed)
         return null;
-    return (<div className={attachmentcss}>
-      <label className={css.label} htmlFor={name}>
-        {label && <span>{label}</span>}
-        <div ref={ref} className={css.input}>
-          {items.length ? (<div className={css.items}>
-              {Array.from(items).map((item, i) => (<Item key={i} item={item} removeItem={removeItem}/>))}
-            </div>) : (<div className={css.placeholder}>
-              <Icons.Upload className={css.placeholderIcon}/>
-              {Messages.get(lang, "attachmentPlaceholder")}
-            </div>)}
-          {(error || dragging) && (<div className={overlaycss}>{overlayMessage}</div>)}
-        </div>
-        <input id={name} className={css.uploadInput} type="file" accept={attachmentAuthorizedFormats} disabled={!attachmentAllowed} onChange={onChange} multiple={attachmentMaxFiles > 1}/>
-      </label>
-      <div className={css.helper}>
-        <b>{attachmentMaxFiles}</b> {Messages.get(lang, "attachmentHelper1")}.{" "}
-        <b>{attachmentMaxSize}</b>
-        {Messages.get(lang, "attachmentHelper2")}.{" "}
-        {Messages.get(lang, "attachmentHelper3")}{" "}
-        <b>{formatedAuthorizedFormats}</b>.
-      </div>
-    </div>);
+    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;
@@ -127,13 +111,7 @@ function Item({ item, removeItem }) {
         e.preventDefault();
         removeItem(name);
     };
-    return (<div className={css.item} onClick={undefined}>
-      <button className={css.itemRemove} onClick={onRemoveClick}>
-        <Icons.Bin className={css.itemRemoveIcon}/>
-      </button>
-      <Icons.File className={css.itemIcon}/>
-      <span className={css.itemName}>{name}</span>
-    </div>);
+    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("/");

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

@@ -21,4 +21,5 @@ type Props = {
 };
 declare const _default: React.MemoExoticComponent<typeof CustomContactFormWithSnackbar>;
 export default _default;
-declare function CustomContactFormWithSnackbar(props: Props): React.JSX.Element;
+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

@@ -0,0 +1,90 @@
+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";
+import Field from "./field";
+import { SnackbarProvider, useSnackbar } from "dt-design-system/es/snackbar";
+import Button from "dt-design-system/es/button";
+import * as Messages from "./messages";
+import * as Icons from "./icons";
+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";
+export default React.memo(CustomContactFormWithSnackbar);
+function CustomContactFormWithSnackbar(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;
+                }
+                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") }));
+    }
+    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

@@ -6,5 +6,5 @@ export default function Field({ kind, name, field, data, setData, settings, pres
     setData: any;
     settings: any;
     presets: any;
-}): React.JSX.Element;
-import * as React from "react";
+}): 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"}

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

@@ -1,12 +1,4 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import classNames from "classnames";
 import { useUbloContext } from "ublo/with-ublo";
@@ -26,9 +18,9 @@ export default function Field({ kind, name, field, data, setData, settings, pres
     const { type, label, hidden, fullWidth, required } = field;
     const [activated, setActivated] = React.useState(false);
     const [valid, setValid] = React.useState(!required || false);
-    const presetValues = presets === null || presets === void 0 ? void 0 : presets.values;
+    const presetValues = presets?.values;
     const disablePresetedFields = presetValues &&
-        (presets === null || presets === void 0 ? void 0 : presets.disableFields) !== false &&
+        presets?.disableFields !== false &&
         Object.keys(presets.values).includes(name);
     const isTitle = type === "title";
     const classes = classNames({
@@ -36,11 +28,11 @@ export default function Field({ kind, name, field, data, setData, settings, pres
         [css.fieldHidden]: hidden,
     });
     if (isTitle)
-        return <div className={css.title}>{label}</div>;
+        return _jsx("div", { className: css.title, children: label });
     if (type === "attachment") {
-        return (<Attachment lang={lang} name={name} label={label} data={data} setData={setData} settings={settings}/>);
+        return (_jsx(Attachment, { lang: lang, name: name, label: label, data: data, setData: setData, settings: settings }));
     }
-    return (<Inner site={config.site} kind={kind} label={label} lang={lang} name={name} classes={classes} field={field} data={data} setData={setData} disabled={disablePresetedFields} activated={activated} setActivated={setActivated} valid={valid} setValid={setValid}/>);
+    return (_jsx(Inner, { site: config.site, kind: kind, label: label, lang: lang, name: name, classes: classes, field: field, data: data, setData: setData, disabled: disablePresetedFields, activated: activated, setActivated: setActivated, valid: valid, setValid: setValid }));
 }
 function Inner({ site, lang, label, kind, name, classes, field, data, setData, disabled, activated, setActivated, valid, setValid, }) {
     const { icon, type, className, options: fieldOptions = [], placeholder, required, autoSizing, min, max, } = field;
@@ -50,41 +42,42 @@ function Inner({ site, lang, label, kind, name, classes, field, data, setData, d
     });
     const Tag = getTag(type);
     const onChange = React.useCallback((eventOrValue) => {
-        var _a;
-        const value = ((_a = eventOrValue === null || eventOrValue === void 0 ? void 0 : eventOrValue.target) === null || _a === void 0 ? void 0 : _a.value) || eventOrValue;
-        const isAutoFilled = document.activeElement !== (eventOrValue === null || eventOrValue === void 0 ? void 0 : eventOrValue.target);
+        const value = eventOrValue?.target?.value || eventOrValue;
+        const isAutoFilled = document.activeElement !== eventOrValue?.target;
         if (type === "number" || isAutoFilled) {
             const isValid = validate(type, value, required);
-            setData((data) => (Object.assign(Object.assign({}, data), { [name]: Object.assign(Object.assign({}, data[name]), { value, valid: isValid }) })));
+            setData((data) => ({
+                ...data,
+                [name]: { ...data[name], value, valid: isValid },
+            }));
             setValid(isValid);
             setActivated(true);
             return;
         }
-        setData((data) => (Object.assign(Object.assign({}, data), { [name]: Object.assign(Object.assign({}, data[name]), { value }) })));
+        setData((data) => ({ ...data, [name]: { ...data[name], value } }));
     }, [name, required, setActivated, setData, setValid, type]);
     const props = getProps(type, name, fieldClasses, data, required, placeholder, autoSizing, onChange, min, max);
     const onBlur = (e) => {
         const { value } = e.target;
         const isValid = validate(type, value, required);
-        setData((data) => (Object.assign(Object.assign({}, data), { [name]: Object.assign(Object.assign({}, data[name]), { valid: isValid }) })));
+        setData((data) => ({ ...data, [name]: { ...data[name], valid: isValid } }));
         setValid(isValid);
         setActivated(true);
     };
     React.useEffect(() => {
         if (name === "subject") {
-            const getSubjects = () => __awaiter(this, void 0, void 0, function* () {
-                var _a;
+            const getSubjects = async () => {
                 const body = kind ? { kind } : {};
-                const subjects = yield Fetcher.post(`https://contacts.valraiso.net/api/subjects/${site}`, body);
-                if ((subjects === null || subjects === void 0 ? void 0 : subjects.length) === 1) {
-                    const value = ((_a = subjects === null || subjects === void 0 ? void 0 : subjects[0]) === null || _a === void 0 ? void 0 : _a.value) || "";
+                const subjects = await Fetcher.post(`https://contacts.valraiso.net/api/subjects/${site}`, body);
+                if (subjects?.length === 1) {
+                    const value = subjects?.[0]?.value || "";
                     onChange(value);
                     setOptions(subjects);
                 }
                 else {
                     setOptions(["", ...subjects]);
                 }
-            });
+            };
             getSubjects();
         }
     }, [kind, name, onChange, site]);
@@ -94,7 +87,7 @@ function Inner({ site, lang, label, kind, name, classes, field, data, setData, d
         activated &&
         !valid &&
         Messages.get(lang, FIELD_TESTS_ERROR_CODES[type]);
-    return (<Tag icon={icon} label={fieldLabel} options={options} disabled={disabled} valid={isInputValid} error={errorMessage} onBlur={onBlur} {...props}/>);
+    return (_jsx(Tag, { icon: icon, label: fieldLabel, options: options, disabled: disabled, valid: isInputValid, error: errorMessage, onBlur: onBlur, ...props }));
 }
 function getTag(type) {
     switch (type) {
@@ -120,18 +113,23 @@ function getProps(type, name, className, data, required, placeholder, autoSizing
         required,
     };
     if (type === "textarea") {
-        return Object.assign({ onValueChange: onChange, autoSizing }, commonProps);
+        return { onValueChange: onChange, autoSizing, ...commonProps };
     }
     if (type === "multiple-select") {
-        return Object.assign(Object.assign({ onChange }, commonProps), { values: commonProps.value, onBlur: undefined });
+        return {
+            onChange,
+            ...commonProps,
+            values: commonProps.value,
+            onBlur: undefined,
+        };
     }
     if (type === "select") {
-        return Object.assign({ onValueChange: onChange }, commonProps);
+        return { onValueChange: onChange, ...commonProps };
     }
     if (type === "number") {
-        return Object.assign({ withInput: true, onChange, min, max }, commonProps);
+        return { withInput: true, onChange, min, max, ...commonProps };
     }
-    return Object.assign({ type, onValueChange: onChange }, commonProps);
+    return { type, onValueChange: onChange, ...commonProps };
 }
 function getLabel(lang, label, required) {
     if (!required)

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

@@ -1,5 +1,5 @@
-export function Upload(props: any): React.JSX.Element;
-export function File(props: any): React.JSX.Element;
-export function Bin(props: any): React.JSX.Element;
-export function Spinner(props: any): React.JSX.Element;
-import * as React from "react";
+export function Upload(props: any): import("react/jsx-runtime").JSX.Element;
+export function File(props: any): import("react/jsx-runtime").JSX.Element;
+export function Bin(props: any): import("react/jsx-runtime").JSX.Element;
+export function Spinner(props: any): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=icons.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../src/common/components/custom-contact-form/icons.js"],"names":[],"mappings":"AAEA,4EASC;AAED,0EAOC;AAED,yEAYC;AAED,6EAMC"}

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

@@ -1,44 +1,17 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 export function Upload(props) {
-    return (<Icon {...props}>
-      <path d="M11.3 11.3a1 1 0 0 1 1.4 0l4 4a1 1 0 0 1-1.4 1.4L12 13.42l-3.3 3.3a1 1 0 0 1-1.4-1.42l4-4Z"/>
-      <path d="M12 11a1 1 0 0 1 1 1v9a1 1 0 1 1-2 0v-9a1 1 0 0 1 1-1Z"/>
-      <path d="M8.66 2a9 9 0 0 1 8.82 6H18a6 6 0 0 1 2.87 11.27 1 1 0 0 1-.96-1.76A4 4 0 0 0 18 10h-1.26a1 1 0 0 1-.97-.75 7 7 0 1 0-12.02 6.39 1 1 0 1 1-1.5 1.32A9 9 0 0 1 8.66 2.01Z"/>
-      <path d="M11.3 11.3a1 1 0 0 1 1.4 0l4 4a1 1 0 0 1-1.4 1.4L12 13.42l-3.3 3.3a1 1 0 0 1-1.4-1.42l4-4Z"/>
-    </Icon>);
+    return (_jsxs(Icon, { ...props, children: [_jsx("path", { d: "M11.3 11.3a1 1 0 0 1 1.4 0l4 4a1 1 0 0 1-1.4 1.4L12 13.42l-3.3 3.3a1 1 0 0 1-1.4-1.42l4-4Z" }), _jsx("path", { d: "M12 11a1 1 0 0 1 1 1v9a1 1 0 1 1-2 0v-9a1 1 0 0 1 1-1Z" }), _jsx("path", { d: "M8.66 2a9 9 0 0 1 8.82 6H18a6 6 0 0 1 2.87 11.27 1 1 0 0 1-.96-1.76A4 4 0 0 0 18 10h-1.26a1 1 0 0 1-.97-.75 7 7 0 1 0-12.02 6.39 1 1 0 1 1-1.5 1.32A9 9 0 0 1 8.66 2.01Z" }), _jsx("path", { d: "M11.3 11.3a1 1 0 0 1 1.4 0l4 4a1 1 0 0 1-1.4 1.4L12 13.42l-3.3 3.3a1 1 0 0 1-1.4-1.42l4-4Z" })] }));
 }
 export function File(props) {
-    return (<Icon {...props}>
-      <path d="M3.88 1.88A3 3 0 0 1 6 1h7a1 1 0 0 1 .7.3l7 7a1 1 0 0 1 .3.7v11a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V4a3 3 0 0 1 .88-2.12ZM6 3a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V9.41L12.59 3H6Z"/>
-      <path d="M13 1a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2h-7a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1Z"/>
-    </Icon>);
+    return (_jsxs(Icon, { ...props, children: [_jsx("path", { d: "M3.88 1.88A3 3 0 0 1 6 1h7a1 1 0 0 1 .7.3l7 7a1 1 0 0 1 .3.7v11a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V4a3 3 0 0 1 .88-2.12ZM6 3a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V9.41L12.59 3H6Z" }), _jsx("path", { d: "M13 1a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2h-7a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1Z" })] }));
 }
 export function Bin(props) {
-    return (<Icon {...props}>
-      <path d="M2 6a1 1 0 011-1h18a1 1 0 110 2H3a1 1 0 01-1-1z"/>
-      <path fillRule="evenodd" clipRule="evenodd" d="M10 3a1 1 0 00-1 1v1h6V4a1 1 0 00-1-1h-4zm7 2V4a3 3 0 00-3-3h-4a3 3 0 00-3 3v1H5a1 1 0 00-1 1v14a3 3 0 003 3h10a3 3 0 003-3V6a1 1 0 00-1-1h-2zM6 7v13a1 1 0 001 1h10a1 1 0 001-1V7H6z"/>
-      <path d="M10 10a1 1 0 011 1v6a1 1 0 11-2 0v-6a1 1 0 011-1zM14 10a1 1 0 011 1v6a1 1 0 11-2 0v-6a1 1 0 011-1z"/>
-    </Icon>);
+    return (_jsxs(Icon, { ...props, children: [_jsx("path", { d: "M2 6a1 1 0 011-1h18a1 1 0 110 2H3a1 1 0 01-1-1z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 3a1 1 0 00-1 1v1h6V4a1 1 0 00-1-1h-4zm7 2V4a3 3 0 00-3-3h-4a3 3 0 00-3 3v1H5a1 1 0 00-1 1v14a3 3 0 003 3h10a3 3 0 003-3V6a1 1 0 00-1-1h-2zM6 7v13a1 1 0 001 1h10a1 1 0 001-1V7H6z" }), _jsx("path", { d: "M10 10a1 1 0 011 1v6a1 1 0 11-2 0v-6a1 1 0 011-1zM14 10a1 1 0 011 1v6a1 1 0 11-2 0v-6a1 1 0 011-1z" })] }));
 }
 export function Spinner(props) {
-    return (<Icon {...props}>
-      <path d="M10.7 3V1.4a1.3 1.3 0 012.6 0V3c0 .7-.6 1.3-1.3 1.3-.7 0-1.3-.6-1.3-1.3zM10.7 22.7V21a1.3 1.3 0 012.6 0v1.8c0 .7-.6 1.3-1.3 1.3-.7 0-1.3-.6-1.3-1.3zM17.4 6.6c-.5-.5-.5-1.3 0-1.8l1.3-1.3a1.3 1.3 0 111.8 1.8l-1.3 1.3a1.3 1.3 0 01-1.8 0zM3.5 20.5c-.5-.5-.5-1.3 0-1.8l1.3-1.3a1.3 1.3 0 011.8 1.8l-1.3 1.3a1.3 1.3 0 01-1.8 0zM21 13.3a1.3 1.3 0 110-2.6h1.7c.7 0 1.3.6 1.3 1.3 0 .7-.6 1.3-1.3 1.3H21zM1.3 13.3a1.3 1.3 0 110-2.6H3a1.3 1.3 0 010 2.6H1.3zM18.7 20.5l-1.3-1.3a1.3 1.3 0 011.8-1.8l1.3 1.3a1.3 1.3 0 01-1 2.2l-.8-.4zM4.8 6.6L3.5 5.3a1.3 1.3 0 011.8-1.8l1.3 1.3a1.3 1.3 0 01-1.8 1.8z"/>
-    </Icon>);
+    return (_jsx(Icon, { ...props, children: _jsx("path", { d: "M10.7 3V1.4a1.3 1.3 0 012.6 0V3c0 .7-.6 1.3-1.3 1.3-.7 0-1.3-.6-1.3-1.3zM10.7 22.7V21a1.3 1.3 0 012.6 0v1.8c0 .7-.6 1.3-1.3 1.3-.7 0-1.3-.6-1.3-1.3zM17.4 6.6c-.5-.5-.5-1.3 0-1.8l1.3-1.3a1.3 1.3 0 111.8 1.8l-1.3 1.3a1.3 1.3 0 01-1.8 0zM3.5 20.5c-.5-.5-.5-1.3 0-1.8l1.3-1.3a1.3 1.3 0 011.8 1.8l-1.3 1.3a1.3 1.3 0 01-1.8 0zM21 13.3a1.3 1.3 0 110-2.6h1.7c.7 0 1.3.6 1.3 1.3 0 .7-.6 1.3-1.3 1.3H21zM1.3 13.3a1.3 1.3 0 110-2.6H3a1.3 1.3 0 010 2.6H1.3zM18.7 20.5l-1.3-1.3a1.3 1.3 0 011.8-1.8l1.3 1.3a1.3 1.3 0 01-1 2.2l-.8-.4zM4.8 6.6L3.5 5.3a1.3 1.3 0 011.8-1.8l1.3 1.3a1.3 1.3 0 01-1.8 1.8z" }) }));
 }
-function Icon(_a) {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return (<svg viewBox="0 0 24 24" {...props}>
-      {children}
-    </svg>);
+function Icon({ children, ...props }) {
+    return (_jsx("svg", { viewBox: "0 0 24 24", ...props, children: children }));
 }

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

@@ -1,2 +1,3 @@
 export default CustomContactForm;
 import CustomContactForm from "./custom-contact-form";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/components/custom-contact-form/index.js"],"names":[],"mappings":";8BAA8B,uBAAuB"}

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

@@ -1 +1,2 @@
 export function get(lang: any, id: any): any;
+//# sourceMappingURL=messages.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../../../src/common/components/custom-contact-form/messages.js"],"names":[],"mappings":"AA8FA,6CAIC"}

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

@@ -27,3 +27,4 @@ export function send({ site, data, fields, subjectPrefix, subjectSuffix, kind, }
     subjectSuffix: any;
     kind: any;
 }): Promise<any>;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/common/components/custom-contact-form/utils.js"],"names":[],"mappings":"AAwBA,yFAiCC;AAyDD,qDAQC;;;;;;;;;AA9GD;;;;;;;;EAQE;AAuCK,oEAQN;AAEM,uDAIN;AAEM;;;;;;;iBAqCN"}

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

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import * as Fetcher from "../../utils/fetcher";
 export const TESTS = {
     text: /^[^%]{2,}$/,
@@ -28,29 +19,37 @@ export const FIELD_TESTS_ERROR_CODES = {
 const IGNORED_FIELDS = ["title", "subject", "attachment", "checkbox"];
 export function getInitialFormState(fields, presets, existingSubject) {
     return Object.keys(fields).reduce((acc, key) => {
-        var _a, _b, _c, _d, _e;
         const field = fields[key];
         const { required, type } = field;
         if (type === "title")
             return acc;
         if (key === "subject") {
-            const value = (_a = (existingSubject || (presets === null || presets === void 0 ? void 0 : presets[key]))) !== null && _a !== void 0 ? _a : "";
-            return Object.assign(Object.assign({}, acc), { [key]: { value, valid: true } });
+            const value = (existingSubject || presets?.[key]) ?? "";
+            return { ...acc, [key]: { value, valid: true } };
         }
         if (type === "checkbox") {
-            const value = (_b = presets === null || presets === void 0 ? void 0 : presets[key]) !== null && _b !== void 0 ? _b : false;
-            return Object.assign(Object.assign({}, acc), { [key]: { value, valid: validate(type, value, required) } });
+            const value = presets?.[key] ?? false;
+            return {
+                ...acc,
+                [key]: { value, valid: validate(type, value, required) },
+            };
         }
         if (type === "number") {
-            const value = (_d = (_c = presets === null || presets === void 0 ? void 0 : presets[key]) !== null && _c !== void 0 ? _c : field === null || field === void 0 ? void 0 : field.min) !== null && _d !== void 0 ? _d : 0;
-            return Object.assign(Object.assign({}, acc), { [key]: { value, valid: validate(type, value, required) } });
+            const value = presets?.[key] ?? field?.min ?? 0;
+            return {
+                ...acc,
+                [key]: { value, valid: validate(type, value, required) },
+            };
         }
         if (type === "multiple-select") {
-            const value = (presets === null || presets === void 0 ? void 0 : presets[key].length) || [];
-            return Object.assign(Object.assign({}, acc), { [key]: { value, valid: validate(type, value, required) } });
+            const value = presets?.[key].length || [];
+            return {
+                ...acc,
+                [key]: { value, valid: validate(type, value, required) },
+            };
         }
-        const value = (_e = presets === null || presets === void 0 ? void 0 : presets[key]) !== null && _e !== void 0 ? _e : "";
-        return Object.assign(Object.assign({}, acc), { [key]: { value, valid: validate(type, value, required) } });
+        const value = presets?.[key] ?? "";
+        return { ...acc, [key]: { value, valid: validate(type, value, required) } };
     }, {});
 }
 export const validate = (type, value, required) => {
@@ -72,7 +71,7 @@ export const convertToFileList = (list) => {
     list.forEach((item) => dataTransfer.items.add(item));
     return dataTransfer.files;
 };
-export const send = ({ site, data, fields, subjectPrefix, subjectSuffix, kind, }) => __awaiter(void 0, void 0, void 0, function* () {
+export const send = async ({ site, data, fields, subjectPrefix, subjectSuffix, kind, }) => {
     const endpoint = `https://contacts.valraiso.net/api/contact/${site}`;
     const dataKeys = Object.keys(data);
     const formData = new window.FormData();
@@ -99,19 +98,17 @@ export const send = ({ site, data, fields, subjectPrefix, subjectSuffix, kind, }
     if (kind) {
         formData.append("kind", kind);
     }
-    const response = yield fetch(endpoint, { method: "POST", body: formData });
-    const json = yield response.json();
+    const response = await fetch(endpoint, { method: "POST", body: formData });
+    const json = await response.json();
     return json;
-});
-export function getSettings(site) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const endpoint = `https://contacts.valraiso.net/api/settings/${site}`;
-        try {
-            const response = yield Fetcher.get(endpoint);
-            return response;
-        }
-        catch (e) {
-            return undefined;
-        }
-    });
+};
+export async function getSettings(site) {
+    const endpoint = `https://contacts.valraiso.net/api/settings/${site}`;
+    try {
+        const response = await Fetcher.get(endpoint);
+        return response;
+    }
+    catch (e) {
+        return undefined;
+    }
 }

package/es/common/components/date-picker/calendar.d.ts

@@ -10,5 +10,5 @@ export default function Calendar({ date, display, stayDates, min, max, onSubmit,
     singleDate: any;
     submitOnSelectionEnd: any;
     disableConfirmModal: any;
-}): React.JSX.Element;
-import * as React from "react";
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=calendar.d.ts.map

package/es/common/components/date-picker/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../src/common/components/date-picker/calendar.js"],"names":[],"mappings":"AAeA;;;;;;;;;;;;4CAoPC"}