@oneblink/apps-react 2.3.0-beta.2 → 2.3.0-beta.4

package/dist/form-elements/FormElementEmail.d.ts

@@ -1,14 +1,14 @@
-import * as React from 'react';
-import { FormTypes } from '@oneblink/types';
-import { FormElementValueChangeHandler } from '../types/form';
-declare type Props = {
-    id: string;
-    element: FormTypes.EmailElement;
-    value: unknown;
-    onChange: FormElementValueChangeHandler<string>;
-    displayValidationMessage: boolean;
-    validationMessage: string | undefined;
-};
-declare function FormElementEmail({ id, element, value, onChange, validationMessage, displayValidationMessage, }: Props): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof FormElementEmail>;
-export default _default;
+import * as React from 'react';
+import { FormTypes } from '@oneblink/types';
+import { FormElementValueChangeHandler } from '../types/form';
+declare type Props = {
+    id: string;
+    element: FormTypes.EmailElement;
+    value: unknown;
+    onChange: FormElementValueChangeHandler<string>;
+    displayValidationMessage: boolean;
+    validationMessage: string | undefined;
+};
+declare function FormElementEmail({ id, element, value, onChange, validationMessage, displayValidationMessage, }: Props): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof FormElementEmail>;
+export default _default;

package/dist/form-elements/FormElementEmail.js

@@ -1,23 +1,23 @@
-import * as React from 'react';
-import CopyToClipboardButton from '../components/renderer/CopyToClipboardButton';
-import useBooleanState from '../hooks/useBooleanState';
-import LookupButton from '../components/renderer/LookupButton';
-import FormElementLabelContainer from '../components/renderer/FormElementLabelContainer';
-function FormElementEmail({ id, element, value, onChange, validationMessage, displayValidationMessage, }) {
-    const [isDirty, setIsDirty] = useBooleanState(false);
-    const text = typeof value === 'string' ? value : '';
-    return (React.createElement("div", { className: "cypress-email-element" },
-        React.createElement(FormElementLabelContainer, { className: "ob-email", id: id, element: element, required: element.required },
-            React.createElement("div", { className: "field has-addons" },
-                React.createElement("div", { className: "control is-expanded has-icons-right" },
-                    React.createElement("input", { type: "email", placeholder: element.placeholderValue, id: id, name: element.name, className: "input ob-input cypress-email-control", value: text, onChange: (e) => onChange(element, e.target.value || undefined), required: element.required, disabled: element.readOnly, onBlur: setIsDirty }),
-                    React.createElement("span", { className: "ob-input-icon icon is-small is-right" },
-                        React.createElement("i", { className: "material-icons is-size-5" }, "email"))),
-                !!element.readOnly && !!value && (React.createElement("div", { className: "control" },
-                    React.createElement(CopyToClipboardButton, { className: "button is-input-addon copy-button cypress-copy-to-clipboard-button", text: text }))),
-                React.createElement(LookupButton, { isInputButton: true, value: value, validationMessage: validationMessage })),
-            (isDirty || displayValidationMessage) && !!validationMessage && (React.createElement("div", { role: "alert", className: "has-margin-top-8" },
-                React.createElement("div", { className: "has-text-danger ob-error__text cypress-validation-message" }, validationMessage))))));
-}
-export default React.memo(FormElementEmail);
+import * as React from 'react';
+import CopyToClipboardButton from '../components/renderer/CopyToClipboardButton';
+import useBooleanState from '../hooks/useBooleanState';
+import LookupButton from '../components/renderer/LookupButton';
+import FormElementLabelContainer from '../components/renderer/FormElementLabelContainer';
+function FormElementEmail({ id, element, value, onChange, validationMessage, displayValidationMessage, }) {
+    const [isDirty, setIsDirty] = useBooleanState(false);
+    const text = typeof value === 'string' ? value : '';
+    return (React.createElement("div", { className: "cypress-email-element" },
+        React.createElement(FormElementLabelContainer, { className: "ob-email", id: id, element: element, required: element.required },
+            React.createElement("div", { className: "field has-addons" },
+                React.createElement("div", { className: "control is-expanded has-icons-right" },
+                    React.createElement("input", { type: "email", placeholder: element.placeholderValue, id: id, name: element.name, className: "input ob-input cypress-email-control", value: text, onChange: (e) => onChange(element, e.target.value || undefined), required: element.required, disabled: element.readOnly, onBlur: setIsDirty }),
+                    React.createElement("span", { className: "ob-input-icon icon is-small is-right" },
+                        React.createElement("i", { className: "material-icons is-size-5" }, "email"))),
+                !!element.readOnly && !!value && (React.createElement("div", { className: "control" },
+                    React.createElement(CopyToClipboardButton, { className: "button is-input-addon copy-button cypress-copy-to-clipboard-button", text: text }))),
+                React.createElement(LookupButton, { isInputButton: true, value: value, validationMessage: validationMessage })),
+            (isDirty || displayValidationMessage) && !!validationMessage && (React.createElement("div", { role: "alert", className: "has-margin-top-8" },
+                React.createElement("div", { className: "has-text-danger ob-error__text cypress-validation-message" }, validationMessage))))));
+}
+export default React.memo(FormElementEmail);
 //# sourceMappingURL=FormElementEmail.js.map

package/dist/form-elements/FormElementFile.d.ts

@@ -1,13 +1,13 @@
-import * as React from 'react';
-import { FormTypes } from '@oneblink/types';
-import { OnChange } from '../hooks/attachments/useAttachment';
-import { Attachment } from '../types/attachments';
-declare type Props = {
-    element: FormTypes.FilesElement;
-    onRemove: (id: string) => void;
-    file: Attachment;
-    disableUpload: boolean;
-    onChange: OnChange;
-};
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;
+import * as React from 'react';
+import { FormTypes } from '@oneblink/types';
+import { OnChange } from '../hooks/attachments/useAttachment';
+import { Attachment } from '../types/attachments';
+declare type Props = {
+    element: FormTypes.FilesElement;
+    onRemove: (id: string) => void;
+    file: Attachment;
+    disableUpload: boolean;
+    onChange: OnChange;
+};
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;

package/dist/form-elements/FormElementFile.js

@@ -1,32 +1,32 @@
-import * as React from 'react';
-import downloadAttachment from '../services/download-file';
-import useAttachment from '../hooks/attachments/useAttachment';
-import FileCard from '../components/renderer/attachments/FileCard';
-const FormElementFile = ({ element, onRemove, file, onChange, disableUpload, }) => {
-    const attachmentResult = useAttachment(file, element, onChange, disableUpload);
-    const handleRemove = React.useCallback(() => {
-        if (!file.type) {
-            return onRemove(file.id);
-        }
-        return onRemove(file._id);
-    }, [file, onRemove]);
-    const handleDownload = React.useCallback(async () => {
-        await downloadAttachment(file);
-    }, [file]);
-    const handleRetry = React.useMemo(() => {
-        if (file.type === 'ERROR' && file.data) {
-            return () => {
-                onChange(file._id, {
-                    type: 'NEW',
-                    _id: file._id,
-                    data: file.data,
-                    fileName: file.fileName,
-                    isPrivate: file.isPrivate,
-                });
-            };
-        }
-    }, [file, onChange]);
-    return (React.createElement(FileCard, { element: element, isUploading: attachmentResult.isUploading, isUploadPaused: disableUpload, uploadErrorMessage: attachmentResult.uploadErrorMessage, loadImageUrlError: attachmentResult.loadImageUrlError, isLoadingImageUrl: attachmentResult.isLoadingImageUrl, imageUrl: attachmentResult.imageUrl, fileName: file.fileName, onDownload: attachmentResult.canDownload ? handleDownload : undefined, onRemove: handleRemove, onRetry: handleRetry, progress: attachmentResult.progress }));
-};
-export default React.memo(FormElementFile);
+import * as React from 'react';
+import downloadAttachment from '../services/download-file';
+import useAttachment from '../hooks/attachments/useAttachment';
+import FileCard from '../components/renderer/attachments/FileCard';
+const FormElementFile = ({ element, onRemove, file, onChange, disableUpload, }) => {
+    const attachmentResult = useAttachment(file, element, onChange, disableUpload);
+    const handleRemove = React.useCallback(() => {
+        if (!file.type) {
+            return onRemove(file.id);
+        }
+        return onRemove(file._id);
+    }, [file, onRemove]);
+    const handleDownload = React.useCallback(async () => {
+        await downloadAttachment(file);
+    }, [file]);
+    const handleRetry = React.useMemo(() => {
+        if (file.type === 'ERROR' && file.data) {
+            return () => {
+                onChange(file._id, {
+                    type: 'NEW',
+                    _id: file._id,
+                    data: file.data,
+                    fileName: file.fileName,
+                    isPrivate: file.isPrivate,
+                });
+            };
+        }
+    }, [file, onChange]);
+    return (React.createElement(FileCard, { element: element, isUploading: attachmentResult.isUploading, isUploadPaused: disableUpload, uploadErrorMessage: attachmentResult.uploadErrorMessage, loadImageUrlError: attachmentResult.loadImageUrlError, isLoadingImageUrl: attachmentResult.isLoadingImageUrl, imageUrl: attachmentResult.imageUrl, fileName: file.fileName, onDownload: attachmentResult.canDownload ? handleDownload : undefined, onRemove: handleRemove, onRetry: handleRetry, progress: attachmentResult.progress }));
+};
+export default React.memo(FormElementFile);
 //# sourceMappingURL=FormElementFile.js.map

package/dist/form-elements/FormElementFiles.d.ts

@@ -1,15 +1,15 @@
-import * as React from 'react';
-import { FormTypes } from '@oneblink/types';
-import { Attachment } from '../types/attachments';
-import { FormElementValueChangeHandler } from '../types/form';
-export declare function stringifyAttachments(value: Attachment[] | undefined): string;
-declare function FormElementFiles({ id, element, value, onChange, validationMessage, displayValidationMessage, }: {
-    id: string;
-    element: FormTypes.FilesElement;
-    value?: Attachment[];
-    onChange: FormElementValueChangeHandler<Attachment[]>;
-    displayValidationMessage: boolean;
-    validationMessage: string | undefined;
-}): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof FormElementFiles>;
-export default _default;
+import * as React from 'react';
+import { FormTypes } from '@oneblink/types';
+import { Attachment } from '../types/attachments';
+import { FormElementValueChangeHandler } from '../types/form';
+export declare function stringifyAttachments(value: Attachment[] | undefined): string;
+declare function FormElementFiles({ id, element, value, onChange, validationMessage, displayValidationMessage, }: {
+    id: string;
+    element: FormTypes.FilesElement;
+    value?: Attachment[];
+    onChange: FormElementValueChangeHandler<Attachment[]>;
+    displayValidationMessage: boolean;
+    validationMessage: string | undefined;
+}): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof FormElementFiles>;
+export default _default;

package/dist/form-elements/FormElementFiles.js

@@ -1,43 +1,43 @@
-import * as React from 'react';
-import FormElementLabelContainer from '../components/renderer/FormElementLabelContainer';
-import FormElementFile from './FormElementFile';
-import useAttachments from '../hooks/attachments/useAttachments';
-import { checkFileNameIsValid, checkFileNameExtensionIsValid, } from '../services/form-validation';
-export function stringifyAttachments(value) {
-    if (value === null || value === void 0 ? void 0 : value.every((attachment) => !attachment.type)) {
-        return JSON.stringify(value);
-    }
-    return '';
-}
-function FormElementFiles({ id, element, value, onChange, validationMessage, displayValidationMessage, }) {
-    const { isDirty, addAttachments, removeAttachment, changeAttachment } = useAttachments(element, onChange);
-    const inputRef = React.useRef(null);
-    const handleAdd = React.useCallback(() => {
-        if (!inputRef.current)
-            return;
-        // RESET HTML FILE INPUT VALUE SO FILES PREVIOUSLY ADDED AND REMOVED ARE RECOGNISED
-        inputRef.current.value = '';
-        inputRef.current.click();
-    }, []);
-    const attachments = value || [];
-    return (React.createElement("div", { className: "cypress-files-element" },
-        React.createElement(FormElementLabelContainer, { className: "ob-files", element: element, id: id, required: !!element.minEntries },
-            React.createElement("input", { ref: inputRef, type: "file", name: element.name, id: id, className: "file-input ob-input", multiple: element.maxEntries !== 1, disabled: element.readOnly, onChange: (event) => addAttachments(event.target.files ? Array.from(event.target.files) : []) }),
-            React.createElement("div", { className: "control cypress-files-control" },
-                React.createElement("div", { className: "columns is-multiline" },
-                    attachments.map((attachment) => {
-                        return (React.createElement(FormElementFile, { key: attachment.type ? attachment._id : attachment.id, element: element, onRemove: removeAttachment, file: attachment, onChange: changeAttachment, disableUpload: (!!element.maxEntries &&
-                                attachments.length > element.maxEntries) ||
-                                !checkFileNameIsValid(element, attachment.fileName) ||
-                                !checkFileNameExtensionIsValid(element, attachment.fileName) }));
-                    }),
-                    !element.readOnly &&
-                        (!element.maxEntries ||
-                            attachments.length < element.maxEntries) && (React.createElement("div", { className: "column is-one-quarter" },
-                        React.createElement("button", { type: "button", className: "button ob-files__add-new-button", onClick: handleAdd },
-                            React.createElement("i", { className: "material-icons icon-x-large" }, "add")))))),
-            (isDirty || displayValidationMessage) && !!validationMessage && (React.createElement("div", { role: "alert", className: "has-margin-top-8" },
-                React.createElement("div", { className: "has-text-danger ob-error__text cypress-validation-message" }, validationMessage))))));
-}
-export default React.memo(FormElementFiles);
+import * as React from 'react';
+import FormElementLabelContainer from '../components/renderer/FormElementLabelContainer';
+import FormElementFile from './FormElementFile';
+import useAttachments from '../hooks/attachments/useAttachments';
+import { checkFileNameIsValid, checkFileNameExtensionIsValid, } from '../services/form-validation';
+export function stringifyAttachments(value) {
+    if (value === null || value === void 0 ? void 0 : value.every((attachment) => !attachment.type)) {
+        return JSON.stringify(value);
+    }
+    return '';
+}
+function FormElementFiles({ id, element, value, onChange, validationMessage, displayValidationMessage, }) {
+    const { isDirty, addAttachments, removeAttachment, changeAttachment } = useAttachments(element, onChange);
+    const inputRef = React.useRef(null);
+    const handleAdd = React.useCallback(() => {
+        if (!inputRef.current)
+            return;
+        // RESET HTML FILE INPUT VALUE SO FILES PREVIOUSLY ADDED AND REMOVED ARE RECOGNISED
+        inputRef.current.value = '';
+        inputRef.current.click();
+    }, []);
+    const attachments = value || [];
+    return (React.createElement("div", { className: "cypress-files-element" },
+        React.createElement(FormElementLabelContainer, { className: "ob-files", element: element, id: id, required: !!element.minEntries },
+            React.createElement("input", { ref: inputRef, type: "file", name: element.name, id: id, className: "file-input ob-input", multiple: element.maxEntries !== 1, disabled: element.readOnly, onChange: (event) => addAttachments(event.target.files ? Array.from(event.target.files) : []) }),
+            React.createElement("div", { className: "control cypress-files-control" },
+                React.createElement("div", { className: "columns is-multiline" },
+                    attachments.map((attachment) => {
+                        return (React.createElement(FormElementFile, { key: attachment.type ? attachment._id : attachment.id, element: element, onRemove: removeAttachment, file: attachment, onChange: changeAttachment, disableUpload: (!!element.maxEntries &&
+                                attachments.length > element.maxEntries) ||
+                                !checkFileNameIsValid(element, attachment.fileName) ||
+                                !checkFileNameExtensionIsValid(element, attachment.fileName) }));
+                    }),
+                    !element.readOnly &&
+                        (!element.maxEntries ||
+                            attachments.length < element.maxEntries) && (React.createElement("div", { className: "column is-one-quarter" },
+                        React.createElement("button", { type: "button", className: "button ob-files__add-new-button", onClick: handleAdd },
+                            React.createElement("i", { className: "material-icons icon-x-large" }, "add")))))),
+            (isDirty || displayValidationMessage) && !!validationMessage && (React.createElement("div", { role: "alert", className: "has-margin-top-8" },
+                React.createElement("div", { className: "has-text-danger ob-error__text cypress-validation-message" }, validationMessage))))));
+}
+export default React.memo(FormElementFiles);
 //# sourceMappingURL=FormElementFiles.js.map

package/dist/form-elements/FormElementForm.d.ts

@@ -1,17 +1,17 @@
-import { FormTypes } from '@oneblink/types';
-import * as React from 'react';
-import { FormElementConditionallyShown, FormElementLookupHandler, FormElementValidation, FormElementValueChangeHandler, FormSubmissionModel } from '../types/form';
-export declare type Props = {
-    formId: number;
-    id: string;
-    element: FormTypes.FormFormElement | FormTypes.InfoPageElement;
-    value: FormSubmissionModel | undefined;
-    onChange: FormElementValueChangeHandler<FormSubmissionModel>;
-    onLookup: FormElementLookupHandler;
-    formElementValidation: FormElementValidation | undefined;
-    displayValidationMessages: boolean;
-    formElementConditionallyShown: FormElementConditionallyShown | undefined;
-};
-declare function FormElementForm({ formId, element, value, id, formElementValidation, displayValidationMessages, formElementConditionallyShown, onChange, onLookup, }: Props): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof FormElementForm>;
-export default _default;
+import { FormTypes } from '@oneblink/types';
+import * as React from 'react';
+import { FormElementConditionallyShown, FormElementLookupHandler, FormElementValidation, FormElementValueChangeHandler, FormSubmissionModel } from '../types/form';
+export declare type Props = {
+    formId: number;
+    id: string;
+    element: FormTypes.FormFormElement | FormTypes.InfoPageElement;
+    value: FormSubmissionModel | undefined;
+    onChange: FormElementValueChangeHandler<FormSubmissionModel>;
+    onLookup: FormElementLookupHandler;
+    formElementValidation: FormElementValidation | undefined;
+    displayValidationMessages: boolean;
+    formElementConditionallyShown: FormElementConditionallyShown | undefined;
+};
+declare function FormElementForm({ formId, element, value, id, formElementValidation, displayValidationMessages, formElementConditionallyShown, onChange, onLookup, }: Props): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof FormElementForm>;
+export default _default;

package/dist/form-elements/FormElementForm.js

@@ -1,64 +1,64 @@
-import * as React from 'react';
-import OneBlinkFormElements from '../components/renderer/OneBlinkFormElements';
-function FormElementForm({ formId, element, value, id, formElementValidation, displayValidationMessages, formElementConditionallyShown, onChange, onLookup, }) {
-    const handleNestedChange = React.useCallback((nestedElement, nestedElementValue) => {
-        if (nestedElement.type === 'page')
-            return;
-        onChange(element, (existingValue) => ({
-            ...existingValue,
-            [nestedElement.name]: typeof nestedElementValue === 'function'
-                ? nestedElementValue(existingValue ? existingValue[nestedElement.name] : undefined)
-                : nestedElementValue,
-        }));
-    }, [element, onChange]);
-    const handleLookup = React.useCallback((mergeLookupResults) => {
-        onLookup((currentFormSubmission) => {
-            let model = currentFormSubmission.submission[element.name];
-            const elements = currentFormSubmission.elements.map((formElement) => {
-                if (formElement.type === 'form' &&
-                    formElement.name === element.name &&
-                    Array.isArray(formElement.elements)) {
-                    const { elements, submission } = mergeLookupResults({
-                        elements: formElement.elements,
-                        submission: model,
-                    });
-                    model = submission;
-                    return {
-                        ...formElement,
-                        elements,
-                    };
-                }
-                return formElement;
-            });
-            const submission = {
-                ...currentFormSubmission.submission,
-                [element.name]: model,
-            };
-            return {
-                elements,
-                submission,
-            };
-        });
-    }, [element.name, onLookup]);
-    const validation = React.useMemo(() => {
-        return !!formElementValidation &&
-            typeof formElementValidation !== 'string' &&
-            formElementValidation.type === 'formElements'
-            ? formElementValidation.formElements
-            : undefined;
-    }, [formElementValidation]);
-    const formElementsConditionallyShown = React.useMemo(() => {
-        return formElementConditionallyShown &&
-            formElementConditionallyShown.type === 'formElements'
-            ? formElementConditionallyShown.formElements
-            : undefined;
-    }, [formElementConditionallyShown]);
-    const parentElement = React.useMemo(() => {
-        return {
-            elements: Array.isArray(element.elements) ? element.elements : [],
-        };
-    }, [element.elements]);
-    return (React.createElement(OneBlinkFormElements, { formId: formId, formElementsValidation: validation, displayValidationMessages: displayValidationMessages, elements: parentElement.elements, onChange: handleNestedChange, onLookup: handleLookup, formElementsConditionallyShown: formElementsConditionallyShown, model: value || {}, parentElement: parentElement, idPrefix: `${id}_` }));
-}
-export default React.memo(FormElementForm);
+import * as React from 'react';
+import OneBlinkFormElements from '../components/renderer/OneBlinkFormElements';
+function FormElementForm({ formId, element, value, id, formElementValidation, displayValidationMessages, formElementConditionallyShown, onChange, onLookup, }) {
+    const handleNestedChange = React.useCallback((nestedElement, nestedElementValue) => {
+        if (nestedElement.type === 'page')
+            return;
+        onChange(element, (existingValue) => ({
+            ...existingValue,
+            [nestedElement.name]: typeof nestedElementValue === 'function'
+                ? nestedElementValue(existingValue ? existingValue[nestedElement.name] : undefined)
+                : nestedElementValue,
+        }));
+    }, [element, onChange]);
+    const handleLookup = React.useCallback((mergeLookupResults) => {
+        onLookup((currentFormSubmission) => {
+            let model = currentFormSubmission.submission[element.name];
+            const elements = currentFormSubmission.elements.map((formElement) => {
+                if (formElement.type === 'form' &&
+                    formElement.name === element.name &&
+                    Array.isArray(formElement.elements)) {
+                    const { elements, submission } = mergeLookupResults({
+                        elements: formElement.elements,
+                        submission: model,
+                    });
+                    model = submission;
+                    return {
+                        ...formElement,
+                        elements,
+                    };
+                }
+                return formElement;
+            });
+            const submission = {
+                ...currentFormSubmission.submission,
+                [element.name]: model,
+            };
+            return {
+                elements,
+                submission,
+            };
+        });
+    }, [element.name, onLookup]);
+    const validation = React.useMemo(() => {
+        return !!formElementValidation &&
+            typeof formElementValidation !== 'string' &&
+            formElementValidation.type === 'formElements'
+            ? formElementValidation.formElements
+            : undefined;
+    }, [formElementValidation]);
+    const formElementsConditionallyShown = React.useMemo(() => {
+        return formElementConditionallyShown &&
+            formElementConditionallyShown.type === 'formElements'
+            ? formElementConditionallyShown.formElements
+            : undefined;
+    }, [formElementConditionallyShown]);
+    const parentElement = React.useMemo(() => {
+        return {
+            elements: Array.isArray(element.elements) ? element.elements : [],
+        };
+    }, [element.elements]);
+    return (React.createElement(OneBlinkFormElements, { formId: formId, formElementsValidation: validation, displayValidationMessages: displayValidationMessages, elements: parentElement.elements, onChange: handleNestedChange, onLookup: handleLookup, formElementsConditionallyShown: formElementsConditionallyShown, model: value || {}, parentElement: parentElement, idPrefix: `${id}_` }));
+}
+export default React.memo(FormElementForm);
 //# sourceMappingURL=FormElementForm.js.map

package/dist/form-elements/FormElementFreshdeskDependentField.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { FormTypes } from '@oneblink/types';
-import { Props } from './FormElementForm';
-declare function FormElementFreshdeskDependentField({ element, ...props }: Omit<Props, 'element'> & {
-    element: FormTypes.FreshdeskDependentFieldElement;
-}): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof FormElementFreshdeskDependentField>;
-export default _default;
+import * as React from 'react';
+import { FormTypes } from '@oneblink/types';
+import { Props } from './FormElementForm';
+declare function FormElementFreshdeskDependentField({ element, ...props }: Omit<Props, 'element'> & {
+    element: FormTypes.FreshdeskDependentFieldElement;
+}): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof FormElementFreshdeskDependentField>;
+export default _default;

package/dist/form-elements/FormElementFreshdeskDependentField.js

@@ -1,16 +1,16 @@
-import * as React from 'react';
-import FormElementForm from './FormElementForm';
-import generateFreshdeskDependentFieldElements from '../services/generateFreshdeskDependentFieldElements';
-function FormElementFreshdeskDependentField({ element, ...props }) {
-    const formElement = React.useMemo(() => {
-        return {
-            ...element,
-            type: 'form',
-            formId: NaN,
-            elements: generateFreshdeskDependentFieldElements(element, props.value),
-        };
-    }, [element, props.value]);
-    return React.createElement(FormElementForm, { element: formElement, ...props });
-}
-export default React.memo(FormElementFreshdeskDependentField);
+import * as React from 'react';
+import FormElementForm from './FormElementForm';
+import generateFreshdeskDependentFieldElements from '../services/generateFreshdeskDependentFieldElements';
+function FormElementFreshdeskDependentField({ element, ...props }) {
+    const formElement = React.useMemo(() => {
+        return {
+            ...element,
+            type: 'form',
+            formId: NaN,
+            elements: generateFreshdeskDependentFieldElements(element, props.value),
+        };
+    }, [element, props.value]);
+    return React.createElement(FormElementForm, { element: formElement, ...props });
+}
+export default React.memo(FormElementFreshdeskDependentField);
 //# sourceMappingURL=FormElementFreshdeskDependentField.js.map

package/dist/form-elements/FormElementGeoscapeAddress.d.ts

@@ -1,15 +1,15 @@
-import * as React from 'react';
-import { FormTypes, GeoscapeTypes } from '@oneblink/types';
-import { FormElementValueChangeHandler } from '../types/form';
-declare type Props = {
-    formId: number;
-    id: string;
-    element: FormTypes.GeoscapeAddressElement;
-    value: GeoscapeTypes.GeoscapeAddress | undefined;
-    displayValidationMessage: boolean;
-    validationMessage: string | undefined;
-    onChange: FormElementValueChangeHandler<GeoscapeTypes.GeoscapeAddress>;
-};
-declare function FormElementGeoscapeAddress({ formId, id, element, value, displayValidationMessage, validationMessage, onChange, }: Props): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof FormElementGeoscapeAddress>;
-export default _default;
+import * as React from 'react';
+import { FormTypes, GeoscapeTypes } from '@oneblink/types';
+import { FormElementValueChangeHandler } from '../types/form';
+declare type Props = {
+    formId: number;
+    id: string;
+    element: FormTypes.GeoscapeAddressElement;
+    value: GeoscapeTypes.GeoscapeAddress | undefined;
+    displayValidationMessage: boolean;
+    validationMessage: string | undefined;
+    onChange: FormElementValueChangeHandler<GeoscapeTypes.GeoscapeAddress>;
+};
+declare function FormElementGeoscapeAddress({ formId, id, element, value, displayValidationMessage, validationMessage, onChange, }: Props): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof FormElementGeoscapeAddress>;
+export default _default;