@oneblink/apps-react 2.14.0 → 2.14.1-beta.2

package/dist/components/formStore/table/generateColumns.js

@@ -219,13 +219,7 @@ const generateColumns = ({ formElements, onChangeParameters, filters, sorting, u
                 break;
             }
             case 'freshdeskDependentField': {
-                const [categoryFormElement, subCategoryFormElement, itemFormElement] = generateFreshdeskDependentFieldElements(formElement, 
-                // Setting this, because we need all 3 elements to be returned and each will only be returned if the preceding field had a value
-                {
-                    category: 'category',
-                    subCategory: 'subCategory',
-                    item: 'item',
-                });
+                const [categoryFormElement, subCategoryFormElement, itemFormElement] = generateFreshdeskDependentFieldElements(formElement);
                 generateColumns({
                     onChangeParameters,
                     formElements: [

package/dist/components/formStore/table/generateColumns.js.map

@@ -1 +1 @@
-{"version":3,"file":"generateColumns.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/generateColumns.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { FormStoreRecord } from '@oneblink/types/typescript/submissions'\nimport { Column as ColumnWithCell, CellProps } from 'react-table'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport FormElementTableCell from './FormElementTableCell'\nimport { formStoreService } from '@oneblink/apps'\nimport { OnChangeFilters } from '../../../hooks/useInfiniteScrollDataLoad'\nimport generateFreshdeskDependentFieldElements from '../../../services/generateFreshdeskDependentFieldElements'\n\nfunction generateSorting({\n  formElement,\n  parentElementNames,\n  sorting,\n}: {\n  formElement: FormTypes.FormElementWithName\n  parentElementNames: string[]\n  sorting: formStoreService.FormStoreParameters['sorting']\n}) {\n  switch (formElement.type) {\n    case 'text':\n    case 'textarea':\n    case 'number':\n    case 'email':\n    case 'telephone':\n    case 'barcodeScanner':\n    case 'date':\n    case 'datetime':\n    case 'time':\n    case 'calculation': {\n      const sortProperty = [\n        'submission',\n        ...parentElementNames,\n        formElement.name,\n      ].join('.')\n      return {\n        property: sortProperty,\n        direction: sorting?.find(({ property }) => property === sortProperty)\n          ?.direction,\n      }\n    }\n  }\n}\n\nfunction generateFilter({\n  formElement,\n  onChangeParameters,\n  rootSubmissionFilters,\n  parentElementNames,\n}: {\n  formElement: FormTypes.FormElementWithName\n  onChangeParameters: OnChangeFilters<formStoreService.FormStoreParameters>\n  rootSubmissionFilters: formStoreService.FormStoreFilters['submission']\n  parentElementNames: string[]\n}): ColumnWithCell<Record<string, unknown>>['filter'] {\n  function onChange<T>(\n    newValue: formStoreService.FormStoreFilter<T> | undefined,\n    shouldDebounce: boolean,\n  ) {\n    onChangeParameters((currentParameters) => {\n      let newSubmission = {\n        [formElement.name]: newValue,\n      }\n\n      if (parentElementNames.length) {\n        const copy = [...parentElementNames]\n        while (copy.length) {\n          const nestedSubmission = copy.reduce<\n            formStoreService.FormStoreFilters['submission']\n          >(\n            (memo, elementName) =>\n              memo?.[\n                elementName\n              ] as formStoreService.FormStoreFilters['submission'],\n            rootSubmissionFilters,\n          )\n          const elementName = copy.pop()\n          if (elementName) {\n            newSubmission = {\n              [elementName]: {\n                ...nestedSubmission,\n                ...newSubmission,\n              },\n            }\n          }\n        }\n      }\n\n      return {\n        ...currentParameters,\n        filters: {\n          ...currentParameters.filters,\n          submission: {\n            ...currentParameters.filters?.submission,\n            ...newSubmission,\n          },\n        },\n      }\n    }, shouldDebounce)\n  }\n\n  const submissionFilters = parentElementNames.reduce<\n    formStoreService.FormStoreFilters['submission']\n  >(\n    (memo, elementName) =>\n      memo?.[elementName] as formStoreService.FormStoreFilters['submission'],\n    rootSubmissionFilters,\n  )\n  switch (formElement.type) {\n    case 'text':\n    case 'textarea':\n    case 'email':\n    case 'telephone':\n    case 'barcodeScanner': {\n      return {\n        type: 'TEXT',\n        value: submissionFilters?.[formElement.name] as\n          | { $regex: string; $options?: string }\n          | undefined,\n        onChange,\n      }\n    }\n    case 'number':\n    case 'calculation': {\n      return {\n        type: 'NUMBER',\n        value: submissionFilters?.[formElement.name] as\n          | { $gte?: number; $lte?: number }\n          | undefined,\n        onChange,\n      }\n    }\n    case 'checkboxes':\n    case 'select':\n    case 'radio':\n    case 'autocomplete': {\n      const value = submissionFilters?.[formElement.name]\n      if (Array.isArray(formElement.options)) {\n        if (\n          (formElement.type === 'select' && formElement.multi) ||\n          formElement.type === 'checkboxes'\n        ) {\n          return {\n            type: 'OPTIONS_MULTIPLE',\n            value: value as { $elemMatch: { $in: string[] } } | undefined,\n            options: formElement.options,\n            onChange,\n          }\n        } else {\n          return {\n            type: 'OPTIONS_SINGLE',\n            value: value as { $in: string[] } | undefined,\n            options: formElement.options,\n            onChange,\n          }\n        }\n      } else {\n        return {\n          type: 'TEXT',\n          value: value as { $regex: string } | undefined,\n          onChange,\n        }\n      }\n    }\n    case 'boolean':\n      return {\n        type: 'BOOLEAN',\n        value: submissionFilters?.[formElement.name] as\n          | { $eq: boolean }\n          | undefined,\n        onChange,\n      }\n    case 'date': {\n      return {\n        type: 'DATE',\n        value: submissionFilters?.[formElement.name] as\n          | { $gte?: string; $lte?: string }\n          | undefined,\n        onChange,\n      }\n    }\n    case 'datetime':\n      return {\n        type: 'DATETIME',\n        value: submissionFilters?.[formElement.name] as\n          | { $gte?: string; $lte?: string }\n          | undefined,\n        onChange,\n      }\n    default: {\n      return undefined\n    }\n  }\n}\n\nconst generateColumns = <\n  T extends { submission: FormStoreRecord['submission'] },\n>({\n  formElements,\n  onChangeParameters,\n  filters,\n  sorting,\n  unwindRepeatableSets,\n  parentElementNames,\n  initialColumns,\n  allowCopy,\n}: {\n  formElements: (FormTypes.FormElement & { tooltip?: string })[]\n  onChangeParameters: OnChangeFilters<formStoreService.FormStoreParameters>\n  parentElementNames: string[]\n  initialColumns: Array<ColumnWithCell<T>>\n  allowCopy: boolean\n} & {\n  [P in keyof Required<formStoreService.FormStoreParameters>]:\n    | formStoreService.FormStoreParameters[P]\n    | undefined\n}) => {\n  return formElements.reduce<Array<ColumnWithCell<T>>>(\n    (columns, formElement) => {\n      if (unwindRepeatableSets && formElement.type === 'repeatableSet') {\n        generateColumns({\n          onChangeParameters,\n          formElements: formElement.elements,\n          parentElementNames: [...parentElementNames, formElement.name],\n          initialColumns: columns,\n          filters,\n          allowCopy,\n          sorting,\n          unwindRepeatableSets,\n        })\n        return columns\n      }\n      switch (formElement.type) {\n        case 'page':\n        case 'section': {\n          generateColumns({\n            onChangeParameters,\n            formElements: formElement.elements,\n            parentElementNames,\n            filters,\n            initialColumns: columns,\n            allowCopy,\n            sorting,\n            unwindRepeatableSets,\n          })\n          break\n        }\n        case 'form': {\n          if (formElement.elements) {\n            generateColumns({\n              onChangeParameters,\n              formElements: formElement.elements,\n              parentElementNames: [...parentElementNames, formElement.name],\n              initialColumns: columns,\n              filters,\n              allowCopy,\n              sorting,\n              unwindRepeatableSets,\n            })\n          }\n          break\n        }\n        case 'compliance': {\n          generateColumns({\n            onChangeParameters,\n            formElements: [\n              {\n                ...formElement,\n                tooltip: formElement.name,\n                type: 'radio',\n                name: 'value',\n                buttons: false,\n              },\n              {\n                ...formElement,\n                tooltip: `${formElement.name}_notes`,\n                type: 'textarea',\n                name: 'notes',\n                label: `${formElement.label} (Notes)`,\n              },\n              {\n                ...formElement,\n                tooltip: `${formElement.name}_media`,\n                type: 'files',\n                restrictFileTypes: false,\n                name: 'files',\n                label: `${formElement.label} (Media)`,\n              },\n            ],\n            parentElementNames: [...parentElementNames, formElement.name],\n            initialColumns: columns,\n            filters,\n            allowCopy,\n            sorting,\n            unwindRepeatableSets,\n          })\n          break\n        }\n        case 'freshdeskDependentField': {\n          const [categoryFormElement, subCategoryFormElement, itemFormElement] =\n            generateFreshdeskDependentFieldElements(\n              formElement,\n              // Setting this, because we need all 3 elements to be returned and each will only be returned if the preceding field had a value\n              {\n                category: 'category',\n                subCategory: 'subCategory',\n                item: 'item',\n              },\n            )\n          generateColumns({\n            onChangeParameters,\n            formElements: [\n              {\n                ...categoryFormElement,\n                tooltip: `${formElement.name}_category`,\n              },\n              {\n                ...subCategoryFormElement,\n                tooltip: `${formElement.name}_sub_category`,\n              },\n              {\n                ...itemFormElement,\n                tooltip: `${formElement.name}_item`,\n              },\n            ],\n            parentElementNames: [...parentElementNames, formElement.name],\n            initialColumns: columns,\n            filters,\n            allowCopy,\n            sorting,\n            unwindRepeatableSets,\n          })\n          break\n        }\n        case 'summary':\n        case 'captcha':\n        case 'html':\n        case 'heading':\n        case 'infoPage':\n        case 'image': {\n          break\n        }\n        default: {\n          columns.push({\n            formElementType: formElement.type,\n            id: ['FORM_ELEMENT', ...parentElementNames, formElement.name].join(\n              '_',\n            ),\n            sorting: generateSorting({\n              formElement,\n              sorting,\n              parentElementNames,\n            }),\n            headerText: formElement.label,\n            tooltip: formElement.tooltip || formElement.name,\n            filter: generateFilter({\n              parentElementNames,\n              formElement,\n              onChangeParameters,\n              rootSubmissionFilters: filters?.submission,\n            }),\n            Cell: ({ row: { original: formStoreRecord } }: CellProps<T>) => {\n              const submission = parentElementNames.reduce<\n                SubmissionTypes.S3SubmissionData['submission']\n              >(\n                (memo, elementName) =>\n                  memo?.[elementName] as FormStoreRecord['submission'],\n                formStoreRecord.submission,\n              )\n              return (\n                <FormElementTableCell\n                  formElement={formElement}\n                  submission={submission}\n                  allowCopy={allowCopy}\n                />\n              )\n            },\n          })\n          break\n        }\n      }\n      return columns\n    },\n    initialColumns,\n  )\n}\n\nexport default generateColumns\n"]}
+{"version":3,"file":"generateColumns.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/generateColumns.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { FormStoreRecord } from '@oneblink/types/typescript/submissions'\nimport { Column as ColumnWithCell, CellProps } from 'react-table'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport FormElementTableCell from './FormElementTableCell'\nimport { formStoreService } from '@oneblink/apps'\nimport { OnChangeFilters } from '../../../hooks/useInfiniteScrollDataLoad'\nimport generateFreshdeskDependentFieldElements from '../../../services/generateFreshdeskDependentFieldElements'\n\nfunction generateSorting({\n  formElement,\n  parentElementNames,\n  sorting,\n}: {\n  formElement: FormTypes.FormElementWithName\n  parentElementNames: string[]\n  sorting: formStoreService.FormStoreParameters['sorting']\n}) {\n  switch (formElement.type) {\n    case 'text':\n    case 'textarea':\n    case 'number':\n    case 'email':\n    case 'telephone':\n    case 'barcodeScanner':\n    case 'date':\n    case 'datetime':\n    case 'time':\n    case 'calculation': {\n      const sortProperty = [\n        'submission',\n        ...parentElementNames,\n        formElement.name,\n      ].join('.')\n      return {\n        property: sortProperty,\n        direction: sorting?.find(({ property }) => property === sortProperty)\n          ?.direction,\n      }\n    }\n  }\n}\n\nfunction generateFilter({\n  formElement,\n  onChangeParameters,\n  rootSubmissionFilters,\n  parentElementNames,\n}: {\n  formElement: FormTypes.FormElementWithName\n  onChangeParameters: OnChangeFilters<formStoreService.FormStoreParameters>\n  rootSubmissionFilters: formStoreService.FormStoreFilters['submission']\n  parentElementNames: string[]\n}): ColumnWithCell<Record<string, unknown>>['filter'] {\n  function onChange<T>(\n    newValue: formStoreService.FormStoreFilter<T> | undefined,\n    shouldDebounce: boolean,\n  ) {\n    onChangeParameters((currentParameters) => {\n      let newSubmission = {\n        [formElement.name]: newValue,\n      }\n\n      if (parentElementNames.length) {\n        const copy = [...parentElementNames]\n        while (copy.length) {\n          const nestedSubmission = copy.reduce<\n            formStoreService.FormStoreFilters['submission']\n          >(\n            (memo, elementName) =>\n              memo?.[\n                elementName\n              ] as formStoreService.FormStoreFilters['submission'],\n            rootSubmissionFilters,\n          )\n          const elementName = copy.pop()\n          if (elementName) {\n            newSubmission = {\n              [elementName]: {\n                ...nestedSubmission,\n                ...newSubmission,\n              },\n            }\n          }\n        }\n      }\n\n      return {\n        ...currentParameters,\n        filters: {\n          ...currentParameters.filters,\n          submission: {\n            ...currentParameters.filters?.submission,\n            ...newSubmission,\n          },\n        },\n      }\n    }, shouldDebounce)\n  }\n\n  const submissionFilters = parentElementNames.reduce<\n    formStoreService.FormStoreFilters['submission']\n  >(\n    (memo, elementName) =>\n      memo?.[elementName] as formStoreService.FormStoreFilters['submission'],\n    rootSubmissionFilters,\n  )\n  switch (formElement.type) {\n    case 'text':\n    case 'textarea':\n    case 'email':\n    case 'telephone':\n    case 'barcodeScanner': {\n      return {\n        type: 'TEXT',\n        value: submissionFilters?.[formElement.name] as\n          | { $regex: string; $options?: string }\n          | undefined,\n        onChange,\n      }\n    }\n    case 'number':\n    case 'calculation': {\n      return {\n        type: 'NUMBER',\n        value: submissionFilters?.[formElement.name] as\n          | { $gte?: number; $lte?: number }\n          | undefined,\n        onChange,\n      }\n    }\n    case 'checkboxes':\n    case 'select':\n    case 'radio':\n    case 'autocomplete': {\n      const value = submissionFilters?.[formElement.name]\n      if (Array.isArray(formElement.options)) {\n        if (\n          (formElement.type === 'select' && formElement.multi) ||\n          formElement.type === 'checkboxes'\n        ) {\n          return {\n            type: 'OPTIONS_MULTIPLE',\n            value: value as { $elemMatch: { $in: string[] } } | undefined,\n            options: formElement.options,\n            onChange,\n          }\n        } else {\n          return {\n            type: 'OPTIONS_SINGLE',\n            value: value as { $in: string[] } | undefined,\n            options: formElement.options,\n            onChange,\n          }\n        }\n      } else {\n        return {\n          type: 'TEXT',\n          value: value as { $regex: string } | undefined,\n          onChange,\n        }\n      }\n    }\n    case 'boolean':\n      return {\n        type: 'BOOLEAN',\n        value: submissionFilters?.[formElement.name] as\n          | { $eq: boolean }\n          | undefined,\n        onChange,\n      }\n    case 'date': {\n      return {\n        type: 'DATE',\n        value: submissionFilters?.[formElement.name] as\n          | { $gte?: string; $lte?: string }\n          | undefined,\n        onChange,\n      }\n    }\n    case 'datetime':\n      return {\n        type: 'DATETIME',\n        value: submissionFilters?.[formElement.name] as\n          | { $gte?: string; $lte?: string }\n          | undefined,\n        onChange,\n      }\n    default: {\n      return undefined\n    }\n  }\n}\n\nconst generateColumns = <\n  T extends { submission: FormStoreRecord['submission'] },\n>({\n  formElements,\n  onChangeParameters,\n  filters,\n  sorting,\n  unwindRepeatableSets,\n  parentElementNames,\n  initialColumns,\n  allowCopy,\n}: {\n  formElements: (FormTypes.FormElement & { tooltip?: string })[]\n  onChangeParameters: OnChangeFilters<formStoreService.FormStoreParameters>\n  parentElementNames: string[]\n  initialColumns: Array<ColumnWithCell<T>>\n  allowCopy: boolean\n} & {\n  [P in keyof Required<formStoreService.FormStoreParameters>]:\n    | formStoreService.FormStoreParameters[P]\n    | undefined\n}) => {\n  return formElements.reduce<Array<ColumnWithCell<T>>>(\n    (columns, formElement) => {\n      if (unwindRepeatableSets && formElement.type === 'repeatableSet') {\n        generateColumns({\n          onChangeParameters,\n          formElements: formElement.elements,\n          parentElementNames: [...parentElementNames, formElement.name],\n          initialColumns: columns,\n          filters,\n          allowCopy,\n          sorting,\n          unwindRepeatableSets,\n        })\n        return columns\n      }\n      switch (formElement.type) {\n        case 'page':\n        case 'section': {\n          generateColumns({\n            onChangeParameters,\n            formElements: formElement.elements,\n            parentElementNames,\n            filters,\n            initialColumns: columns,\n            allowCopy,\n            sorting,\n            unwindRepeatableSets,\n          })\n          break\n        }\n        case 'form': {\n          if (formElement.elements) {\n            generateColumns({\n              onChangeParameters,\n              formElements: formElement.elements,\n              parentElementNames: [...parentElementNames, formElement.name],\n              initialColumns: columns,\n              filters,\n              allowCopy,\n              sorting,\n              unwindRepeatableSets,\n            })\n          }\n          break\n        }\n        case 'compliance': {\n          generateColumns({\n            onChangeParameters,\n            formElements: [\n              {\n                ...formElement,\n                tooltip: formElement.name,\n                type: 'radio',\n                name: 'value',\n                buttons: false,\n              },\n              {\n                ...formElement,\n                tooltip: `${formElement.name}_notes`,\n                type: 'textarea',\n                name: 'notes',\n                label: `${formElement.label} (Notes)`,\n              },\n              {\n                ...formElement,\n                tooltip: `${formElement.name}_media`,\n                type: 'files',\n                restrictFileTypes: false,\n                name: 'files',\n                label: `${formElement.label} (Media)`,\n              },\n            ],\n            parentElementNames: [...parentElementNames, formElement.name],\n            initialColumns: columns,\n            filters,\n            allowCopy,\n            sorting,\n            unwindRepeatableSets,\n          })\n          break\n        }\n        case 'freshdeskDependentField': {\n          const [categoryFormElement, subCategoryFormElement, itemFormElement] =\n            generateFreshdeskDependentFieldElements(formElement)\n          generateColumns({\n            onChangeParameters,\n            formElements: [\n              {\n                ...categoryFormElement,\n                tooltip: `${formElement.name}_category`,\n              },\n              {\n                ...subCategoryFormElement,\n                tooltip: `${formElement.name}_sub_category`,\n              },\n              {\n                ...itemFormElement,\n                tooltip: `${formElement.name}_item`,\n              },\n            ],\n            parentElementNames: [...parentElementNames, formElement.name],\n            initialColumns: columns,\n            filters,\n            allowCopy,\n            sorting,\n            unwindRepeatableSets,\n          })\n          break\n        }\n        case 'summary':\n        case 'captcha':\n        case 'html':\n        case 'heading':\n        case 'infoPage':\n        case 'image': {\n          break\n        }\n        default: {\n          columns.push({\n            formElementType: formElement.type,\n            id: ['FORM_ELEMENT', ...parentElementNames, formElement.name].join(\n              '_',\n            ),\n            sorting: generateSorting({\n              formElement,\n              sorting,\n              parentElementNames,\n            }),\n            headerText: formElement.label,\n            tooltip: formElement.tooltip || formElement.name,\n            filter: generateFilter({\n              parentElementNames,\n              formElement,\n              onChangeParameters,\n              rootSubmissionFilters: filters?.submission,\n            }),\n            Cell: ({ row: { original: formStoreRecord } }: CellProps<T>) => {\n              const submission = parentElementNames.reduce<\n                SubmissionTypes.S3SubmissionData['submission']\n              >(\n                (memo, elementName) =>\n                  memo?.[elementName] as FormStoreRecord['submission'],\n                formStoreRecord.submission,\n              )\n              return (\n                <FormElementTableCell\n                  formElement={formElement}\n                  submission={submission}\n                  allowCopy={allowCopy}\n                />\n              )\n            },\n          })\n          break\n        }\n      }\n      return columns\n    },\n    initialColumns,\n  )\n}\n\nexport default generateColumns\n"]}

package/dist/components/renderer/FormElementLabelContainer.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Tooltip } from '@mui/material';
 import clsx from 'clsx';
-import useHint from '../../hooks/useHint';
+import useReplaceableHTML from '../../hooks/useReplaceableHTML';
 import QuillHTML from '../QuillHTML';
 function FormElementLabelContainer({ className, element, id, required, children, leading, }) {
     return (React.createElement("div", { className: clsx('ob-form__element', className) },
@@ -17,12 +17,12 @@ function FormElementLabelContainer({ className, element, id, required, children,
         children));
 }
 export function HintTooltip({ hint }) {
-    const html = useHint(hint);
+    const html = useReplaceableHTML(hint);
     return (React.createElement(Tooltip, { title: React.createElement(QuillHTML, { html: html, className: "ob-hint-tooltip" }), arrow: true, enterTouchDelay: 0, leaveTouchDelay: 10000 },
         React.createElement("i", { className: "material-icons has-text-grey-light ob-label__hint" }, "info")));
 }
 export function HintBelowLabel({ hint }) {
-    const html = useHint(hint);
+    const html = useReplaceableHTML(hint);
     return React.createElement(QuillHTML, { html: html, className: "ob-hint-text" });
 }
 export default React.memo(FormElementLabelContainer);

package/dist/components/renderer/FormElementLabelContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormElementLabelContainer.js","sourceRoot":"","sources":["../../../src/components/renderer/FormElementLabelContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,OAAO,MAAM,qBAAqB,CAAA;AACzC,OAAO,SAAS,MAAM,cAAc,CAAA;AAEpC,SAAS,yBAAyB,CAAC,EACjC,SAAS,EACT,OAAO,EACP,EAAE,EACF,QAAQ,EACR,QAAQ,EACR,OAAO,GAQR;IACC,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC;QACjD,6BAAK,SAAS,EAAC,2BAA2B;YACvC,OAAO;YACR,+BACE,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE;oBAC1B,gCAAgC,EAAE,QAAQ;iBAC3C,CAAC,EACF,OAAO,EAAE,EAAE,IAEV,OAAO,CAAC,KAAK,CACR;YACP,OAAO,CAAC,IAAI;gBACX,CAAC,OAAO,CAAC,YAAY,KAAK,SAAS,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAC/D,oBAAC,WAAW,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,GAAI,CACpC,CACC;QACL,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,YAAY,KAAK,aAAa,IAAI,CACzD,6BAAK,SAAS,EAAC,yBAAyB;YACtC,oBAAC,cAAc,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,GAAI,CAClC,CACP;QACA,QAAQ,CACL,CACP,CAAA;AACH,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,IAAI,EAAoB;IACpD,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAE1B,OAAO,CACL,oBAAC,OAAO,IACN,KAAK,EAAE,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,iBAAiB,GAAG,EAC5D,KAAK,QACL,eAAe,EAAE,CAAC,EAClB,eAAe,EAAE,KAAK;QAEtB,2BAAG,SAAS,EAAC,mDAAmD,WAAS,CACjE,CACX,CAAA;AACH,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAAE,IAAI,EAAoB;IACvD,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAE1B,OAAO,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,cAAc,GAAG,CAAA;AAC3D,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { Tooltip } from '@mui/material'\nimport clsx from 'clsx'\nimport { FormTypes } from '@oneblink/types'\nimport useHint from '../../hooks/useHint'\nimport QuillHTML from '../QuillHTML'\n\nfunction FormElementLabelContainer({\n  className,\n  element,\n  id,\n  required,\n  children,\n  leading,\n}: {\n  className: string\n  element: FormTypes.FormElementBase\n  id: string\n  required: boolean\n  children: React.ReactNode\n  leading?: React.ReactNode\n}) {\n  return (\n    <div className={clsx('ob-form__element', className)}>\n      <div className=\"label ob-label__container\">\n        {leading}\n        <label\n          className={clsx('ob-label', {\n            'ob-label__required is-required': required,\n          })}\n          htmlFor={id}\n        >\n          {element.label}\n        </label>\n        {element.hint &&\n          (element.hintPosition === 'TOOLTIP' || !element.hintPosition) && (\n            <HintTooltip hint={element.hint} />\n          )}\n      </div>\n      {element.hint && element.hintPosition === 'BELOW_LABEL' && (\n        <div className=\"ob-hint-text__container\">\n          <HintBelowLabel hint={element.hint} />\n        </div>\n      )}\n      {children}\n    </div>\n  )\n}\n\nexport function HintTooltip({ hint }: { hint: string }) {\n  const html = useHint(hint)\n\n  return (\n    <Tooltip\n      title={<QuillHTML html={html} className=\"ob-hint-tooltip\" />}\n      arrow\n      enterTouchDelay={0}\n      leaveTouchDelay={10000}\n    >\n      <i className=\"material-icons has-text-grey-light ob-label__hint\">info</i>\n    </Tooltip>\n  )\n}\n\nexport function HintBelowLabel({ hint }: { hint: string }) {\n  const html = useHint(hint)\n\n  return <QuillHTML html={html} className=\"ob-hint-text\" />\n}\n\nexport default React.memo(FormElementLabelContainer)\n"]}
+{"version":3,"file":"FormElementLabelContainer.js","sourceRoot":"","sources":["../../../src/components/renderer/FormElementLabelContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,kBAAkB,MAAM,gCAAgC,CAAA;AAC/D,OAAO,SAAS,MAAM,cAAc,CAAA;AAEpC,SAAS,yBAAyB,CAAC,EACjC,SAAS,EACT,OAAO,EACP,EAAE,EACF,QAAQ,EACR,QAAQ,EACR,OAAO,GAQR;IACC,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC;QACjD,6BAAK,SAAS,EAAC,2BAA2B;YACvC,OAAO;YACR,+BACE,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE;oBAC1B,gCAAgC,EAAE,QAAQ;iBAC3C,CAAC,EACF,OAAO,EAAE,EAAE,IAEV,OAAO,CAAC,KAAK,CACR;YACP,OAAO,CAAC,IAAI;gBACX,CAAC,OAAO,CAAC,YAAY,KAAK,SAAS,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAC/D,oBAAC,WAAW,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,GAAI,CACpC,CACC;QACL,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,YAAY,KAAK,aAAa,IAAI,CACzD,6BAAK,SAAS,EAAC,yBAAyB;YACtC,oBAAC,cAAc,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,GAAI,CAClC,CACP;QACA,QAAQ,CACL,CACP,CAAA;AACH,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,IAAI,EAAoB;IACpD,MAAM,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAA;IAErC,OAAO,CACL,oBAAC,OAAO,IACN,KAAK,EAAE,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,iBAAiB,GAAG,EAC5D,KAAK,QACL,eAAe,EAAE,CAAC,EAClB,eAAe,EAAE,KAAK;QAEtB,2BAAG,SAAS,EAAC,mDAAmD,WAAS,CACjE,CACX,CAAA;AACH,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAAE,IAAI,EAAoB;IACvD,MAAM,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAA;IAErC,OAAO,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,cAAc,GAAG,CAAA;AAC3D,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { Tooltip } from '@mui/material'\nimport clsx from 'clsx'\nimport { FormTypes } from '@oneblink/types'\nimport useReplaceableHTML from '../../hooks/useReplaceableHTML'\nimport QuillHTML from '../QuillHTML'\n\nfunction FormElementLabelContainer({\n  className,\n  element,\n  id,\n  required,\n  children,\n  leading,\n}: {\n  className: string\n  element: FormTypes.FormElementBase\n  id: string\n  required: boolean\n  children: React.ReactNode\n  leading?: React.ReactNode\n}) {\n  return (\n    <div className={clsx('ob-form__element', className)}>\n      <div className=\"label ob-label__container\">\n        {leading}\n        <label\n          className={clsx('ob-label', {\n            'ob-label__required is-required': required,\n          })}\n          htmlFor={id}\n        >\n          {element.label}\n        </label>\n        {element.hint &&\n          (element.hintPosition === 'TOOLTIP' || !element.hintPosition) && (\n            <HintTooltip hint={element.hint} />\n          )}\n      </div>\n      {element.hint && element.hintPosition === 'BELOW_LABEL' && (\n        <div className=\"ob-hint-text__container\">\n          <HintBelowLabel hint={element.hint} />\n        </div>\n      )}\n      {children}\n    </div>\n  )\n}\n\nexport function HintTooltip({ hint }: { hint: string }) {\n  const html = useReplaceableHTML(hint)\n\n  return (\n    <Tooltip\n      title={<QuillHTML html={html} className=\"ob-hint-tooltip\" />}\n      arrow\n      enterTouchDelay={0}\n      leaveTouchDelay={10000}\n    >\n      <i className=\"material-icons has-text-grey-light ob-label__hint\">info</i>\n    </Tooltip>\n  )\n}\n\nexport function HintBelowLabel({ hint }: { hint: string }) {\n  const html = useReplaceableHTML(hint)\n\n  return <QuillHTML html={html} className=\"ob-hint-text\" />\n}\n\nexport default React.memo(FormElementLabelContainer)\n"]}

package/dist/form-elements/FormElementFreshdeskDependentField.js

@@ -1,15 +1,30 @@
 import * as React from 'react';
 import FormElementForm from './FormElementForm';
-import generateFreshdeskDependentFieldElements from '../services/generateFreshdeskDependentFieldElements';
+import generateFreshdeskDependentFieldElements, { getNestedOptions, } from '../services/generateFreshdeskDependentFieldElements';
 function FormElementFreshdeskDependentField({ element, ...props }) {
+    const freshdeskElements = React.useMemo(() => generateFreshdeskDependentFieldElements(element), [element]);
     const formElement = React.useMemo(() => {
+        var _a;
+        const [categoryElement, subcategoryElement, itemElement] = freshdeskElements;
+        const elements = [categoryElement];
+        const value = props.value;
+        if ((_a = props.value) === null || _a === void 0 ? void 0 : _a.category) {
+            const subCategoryOptions = getNestedOptions(element.options, value === null || value === void 0 ? void 0 : value.category);
+            subcategoryElement.options = subCategoryOptions;
+            elements.push(subcategoryElement);
+            if (value === null || value === void 0 ? void 0 : value.subCategory) {
+                const itemOptions = getNestedOptions(subCategoryOptions, value === null || value === void 0 ? void 0 : value.subCategory);
+                itemElement.options = itemOptions;
+                elements.push(itemElement);
+            }
+        }
         return {
             ...element,
             type: 'form',
             formId: NaN,
-            elements: generateFreshdeskDependentFieldElements(element, props.value),
+            elements,
         };
-    }, [element, props.value]);
+    }, [element, props.value, freshdeskElements]);
     return React.createElement(FormElementForm, { element: formElement, ...props });
 }
 export default React.memo(FormElementFreshdeskDependentField);

package/dist/form-elements/FormElementFreshdeskDependentField.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormElementFreshdeskDependentField.js","sourceRoot":"","sources":["../../src/form-elements/FormElementFreshdeskDependentField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,eAA0B,MAAM,mBAAmB,CAAA;AAC1D,OAAO,uCAAuC,MAAM,qDAAqD,CAAA;AAEzG,SAAS,kCAAkC,CAAC,EAC1C,OAAO,EACP,GAAG,KAAK,EAGT;IACC,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAA4B,GAAG,EAAE;QAChE,OAAO;YACL,GAAG,OAAO;YACV,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,GAAG;YACX,QAAQ,EAAE,uCAAuC,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC;SACxE,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAE1B,OAAO,oBAAC,eAAe,IAAC,OAAO,EAAE,WAAW,KAAM,KAAK,GAAI,CAAA;AAC7D,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,kCAAkC,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { FormTypes } from '@oneblink/types'\nimport FormElementForm, { Props } from './FormElementForm'\nimport generateFreshdeskDependentFieldElements from '../services/generateFreshdeskDependentFieldElements'\n\nfunction FormElementFreshdeskDependentField({\n  element,\n  ...props\n}: Omit<Props, 'element'> & {\n  element: FormTypes.FreshdeskDependentFieldElement\n}) {\n  const formElement = React.useMemo<FormTypes.FormFormElement>(() => {\n    return {\n      ...element,\n      type: 'form',\n      formId: NaN,\n      elements: generateFreshdeskDependentFieldElements(element, props.value),\n    }\n  }, [element, props.value])\n\n  return <FormElementForm element={formElement} {...props} />\n}\n\nexport default React.memo(FormElementFreshdeskDependentField)\n"]}
+{"version":3,"file":"FormElementFreshdeskDependentField.js","sourceRoot":"","sources":["../../src/form-elements/FormElementFreshdeskDependentField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,eAA0B,MAAM,mBAAmB,CAAA;AAC1D,OAAO,uCAAuC,EAAE,EAC9C,gBAAgB,GACjB,MAAM,qDAAqD,CAAA;AAE5D,SAAS,kCAAkC,CAAC,EAC1C,OAAO,EACP,GAAG,KAAK,EAGT;IACC,MAAM,iBAAiB,GAAG,KAAK,CAAC,OAAO,CACrC,GAAG,EAAE,CAAC,uCAAuC,CAAC,OAAO,CAAC,EACtD,CAAC,OAAO,CAAC,CACV,CAAA;IAED,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAA4B,GAAG,EAAE;;QAChE,MAAM,CAAC,eAAe,EAAE,kBAAkB,EAAE,WAAW,CAAC,GAAG,iBAAiB,CAAA;QAC5E,MAAM,QAAQ,GAAG,CAAC,eAAe,CAAC,CAAA;QAClC,MAAM,KAAK,GAAG,KAAK,CAAC,KAEP,CAAA;QAEb,IAAI,MAAA,KAAK,CAAC,KAAK,0CAAE,QAAQ,EAAE;YACzB,MAAM,kBAAkB,GAAG,gBAAgB,CACzC,OAAO,CAAC,OAAO,EACf,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAChB,CAAA;YACD,kBAAkB,CAAC,OAAO,GAAG,kBAAkB,CAAA;YAC/C,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAA;YAEjC,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,EAAE;gBACtB,MAAM,WAAW,GAAG,gBAAgB,CAClC,kBAAkB,EAClB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,CACnB,CAAA;gBACD,WAAW,CAAC,OAAO,GAAG,WAAW,CAAA;gBACjC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;aAC3B;SACF;QAED,OAAO;YACL,GAAG,OAAO;YACV,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,GAAG;YACX,QAAQ;SACT,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAE7C,OAAO,oBAAC,eAAe,IAAC,OAAO,EAAE,WAAW,KAAM,KAAK,GAAI,CAAA;AAC7D,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,kCAAkC,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { FormTypes } from '@oneblink/types'\nimport FormElementForm, { Props } from './FormElementForm'\nimport generateFreshdeskDependentFieldElements, {\n  getNestedOptions,\n} from '../services/generateFreshdeskDependentFieldElements'\n\nfunction FormElementFreshdeskDependentField({\n  element,\n  ...props\n}: Omit<Props, 'element'> & {\n  element: FormTypes.FreshdeskDependentFieldElement\n}) {\n  const freshdeskElements = React.useMemo(\n    () => generateFreshdeskDependentFieldElements(element),\n    [element],\n  )\n\n  const formElement = React.useMemo<FormTypes.FormFormElement>(() => {\n    const [categoryElement, subcategoryElement, itemElement] = freshdeskElements\n    const elements = [categoryElement]\n    const value = props.value as\n      | FormTypes.FreshdeskDependentFieldElementValue\n      | undefined\n\n    if (props.value?.category) {\n      const subCategoryOptions = getNestedOptions(\n        element.options,\n        value?.category,\n      )\n      subcategoryElement.options = subCategoryOptions\n      elements.push(subcategoryElement)\n\n      if (value?.subCategory) {\n        const itemOptions = getNestedOptions(\n          subCategoryOptions,\n          value?.subCategory,\n        )\n        itemElement.options = itemOptions\n        elements.push(itemElement)\n      }\n    }\n\n    return {\n      ...element,\n      type: 'form',\n      formId: NaN,\n      elements,\n    }\n  }, [element, props.value, freshdeskElements])\n\n  return <FormElementForm element={formElement} {...props} />\n}\n\nexport default React.memo(FormElementFreshdeskDependentField)\n"]}

package/dist/form-elements/FormElementHTML.js

@@ -1,26 +1,8 @@
 import * as React from 'react';
-import sanitizeHtml from '../services/sanitize-html';
-import { RepeatableSetIndexContext } from './FormElementRepeatableSet';
-import useFormSubmissionModel from '../hooks/useFormSubmissionModelContext';
-import { submissionService } from '@oneblink/sdk-core';
-import { localisationService } from '@oneblink/apps';
+import useReplaceableHTML from '../hooks/useReplaceableHTML';
 import QuillHTML from '../components/QuillHTML';
 function FormElementHTML({ element }) {
-    const { formSubmissionModel, elements } = useFormSubmissionModel();
-    const index = React.useContext(RepeatableSetIndexContext);
-    const html = React.useMemo(() => {
-        let html = element.defaultValue;
-        html = html.replace('{INDEX}', (index + 1).toString());
-        html = submissionService.replaceElementValues(html, {
-            submission: formSubmissionModel,
-            formElements: elements,
-            formatCurrency: localisationService.formatCurrency,
-            formatDate: (v) => localisationService.formatDate(new Date(v)),
-            formatNumber: localisationService.formatNumber,
-            formatTime: (v) => localisationService.formatTime(new Date(v)),
-        });
-        return sanitizeHtml(html);
-    }, [element.defaultValue, elements, formSubmissionModel, index]);
+    const html = useReplaceableHTML(element.defaultValue);
     return (React.createElement("div", { className: "cypress-html-element" },
         React.createElement("div", { className: "ob-form__element ob-information cypress-html-element" },
             React.createElement(QuillHTML, { html: html, className: "cypress-html-element-content ob-information__content" }))));

package/dist/form-elements/FormElementHTML.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormElementHTML.js","sourceRoot":"","sources":["../../src/form-elements/FormElementHTML.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,YAAY,MAAM,2BAA2B,CAAA;AAEpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAA;AACtE,OAAO,sBAAsB,MAAM,wCAAwC,CAAA;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,SAAS,MAAM,yBAAyB,CAAA;AAM/C,SAAS,eAAe,CAAC,EAAE,OAAO,EAAS;IACzC,MAAM,EAAE,mBAAmB,EAAE,QAAQ,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAClE,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAA;IACzD,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,IAAI,GAAG,OAAO,CAAC,YAAY,CAAA;QAC/B,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAA;QAEtD,IAAI,GAAG,iBAAiB,CAAC,oBAAoB,CAAC,IAAI,EAAE;YAClD,UAAU,EAAE,mBAAmB;YAC/B,YAAY,EAAE,QAAQ;YACtB,cAAc,EAAE,mBAAmB,CAAC,cAAc;YAClD,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,mBAAmB,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC;YAC9D,YAAY,EAAE,mBAAmB,CAAC,YAAY;YAC9C,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,mBAAmB,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC;SAC/D,CAAC,CAAA;QAEF,OAAO,YAAY,CAAC,IAAI,CAAC,CAAA;IAC3B,CAAC,EAAE,CAAC,OAAO,CAAC,YAAY,EAAE,QAAQ,EAAE,mBAAmB,EAAE,KAAK,CAAC,CAAC,CAAA;IAEhE,OAAO,CACL,6BAAK,SAAS,EAAC,sBAAsB;QACnC,6BAAK,SAAS,EAAC,sDAAsD;YACnE,oBAAC,SAAS,IACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,sDAAsD,GAChE,CACE,CACF,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport sanitizeHtml from '../services/sanitize-html'\nimport { FormTypes } from '@oneblink/types'\nimport { RepeatableSetIndexContext } from './FormElementRepeatableSet'\nimport useFormSubmissionModel from '../hooks/useFormSubmissionModelContext'\nimport { submissionService } from '@oneblink/sdk-core'\nimport { localisationService } from '@oneblink/apps'\nimport QuillHTML from '../components/QuillHTML'\n\ntype Props = {\n  element: FormTypes.HtmlElement\n}\n\nfunction FormElementHTML({ element }: Props) {\n  const { formSubmissionModel, elements } = useFormSubmissionModel()\n  const index = React.useContext(RepeatableSetIndexContext)\n  const html = React.useMemo(() => {\n    let html = element.defaultValue\n    html = html.replace('{INDEX}', (index + 1).toString())\n\n    html = submissionService.replaceElementValues(html, {\n      submission: formSubmissionModel,\n      formElements: elements,\n      formatCurrency: localisationService.formatCurrency,\n      formatDate: (v) => localisationService.formatDate(new Date(v)),\n      formatNumber: localisationService.formatNumber,\n      formatTime: (v) => localisationService.formatTime(new Date(v)),\n    })\n\n    return sanitizeHtml(html)\n  }, [element.defaultValue, elements, formSubmissionModel, index])\n\n  return (\n    <div className=\"cypress-html-element\">\n      <div className=\"ob-form__element ob-information cypress-html-element\">\n        <QuillHTML\n          html={html}\n          className=\"cypress-html-element-content ob-information__content\"\n        />\n      </div>\n    </div>\n  )\n}\n\nexport default React.memo(FormElementHTML)\n"]}
+{"version":3,"file":"FormElementHTML.js","sourceRoot":"","sources":["../../src/form-elements/FormElementHTML.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,kBAAkB,MAAM,6BAA6B,CAAA;AAC5D,OAAO,SAAS,MAAM,yBAAyB,CAAA;AAM/C,SAAS,eAAe,CAAC,EAAE,OAAO,EAAS;IACzC,MAAM,IAAI,GAAG,kBAAkB,CAAC,OAAO,CAAC,YAAY,CAAC,CAAA;IAErD,OAAO,CACL,6BAAK,SAAS,EAAC,sBAAsB;QACnC,6BAAK,SAAS,EAAC,sDAAsD;YACnE,oBAAC,SAAS,IACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,sDAAsD,GAChE,CACE,CACF,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { FormTypes } from '@oneblink/types'\nimport useReplaceableHTML from '../hooks/useReplaceableHTML'\nimport QuillHTML from '../components/QuillHTML'\n\ntype Props = {\n  element: FormTypes.HtmlElement\n}\n\nfunction FormElementHTML({ element }: Props) {\n  const html = useReplaceableHTML(element.defaultValue)\n\n  return (\n    <div className=\"cypress-html-element\">\n      <div className=\"ob-form__element ob-information cypress-html-element\">\n        <QuillHTML\n          html={html}\n          className=\"cypress-html-element-content ob-information__content\"\n        />\n      </div>\n    </div>\n  )\n}\n\nexport default React.memo(FormElementHTML)\n"]}

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

@@ -13,7 +13,7 @@ type Props = {
     formElementValidation: FormElementValidation | undefined;
     displayValidationMessage: boolean;
 } & IsDirtyProps;
-export declare const RepeatableSetIndexContext: React.Context<number>;
+export declare function useRepeatableSetIndexText(text: string): string;
 declare function FormElementRepeatableSet({ formId, element, value, formElementValidation, id, isEven, displayValidationMessage, formElementConditionallyShown, onChange, onLookup, isDirty, setIsDirty, }: Props): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementRepeatableSet>;
 export default _default;

package/dist/form-elements/FormElementRepeatableSet.js

@@ -7,7 +7,11 @@ import Modal from '../components/renderer/Modal';
 import FormElementLabelContainer from '../components/renderer/FormElementLabelContainer';
 import useValidationClass from '../hooks/useValidationClass';
 import useFormElementRepeatableSetEntries from '../hooks/useFormElementRepeatableSetEntries';
-export const RepeatableSetIndexContext = React.createContext(0);
+const RepeatableSetIndexContext = React.createContext(0);
+export function useRepeatableSetIndexText(text) {
+    const index = React.useContext(RepeatableSetIndexContext);
+    return React.useMemo(() => text.replace('{INDEX}', (index + 1).toString()), [index, text]);
+}
 function FormElementRepeatableSet({ formId, element, value, formElementValidation, id, isEven, displayValidationMessage, formElementConditionallyShown, onChange, onLookup, isDirty, setIsDirty, }) {
     const entries = React.useMemo(() => (Array.isArray(value) ? value : []), [value]);
     const handleAddEntry = React.useCallback(() => {

package/dist/form-elements/FormElementRepeatableSet.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormElementRepeatableSet.js","sourceRoot":"","sources":["../../src/form-elements/FormElementRepeatableSet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,eAAe,MAAM,0BAA0B,CAAA;AACtD,OAAO,mBAAmB,MAAM,mCAAmC,CAAA;AACnE,OAAO,oBAAoB,MAAM,6CAA6C,CAAA;AAC9E,OAAO,KAAK,MAAM,8BAA8B,CAAA;AAEhD,OAAO,yBAAyB,MAAM,kDAAkD,CAAA;AACxF,OAAO,kBAAkB,MAAM,6BAA6B,CAAA;AAW5D,OAAO,kCAAkC,MAAM,6CAA6C,CAAA;AAe5F,MAAM,CAAC,MAAM,yBAAyB,GAAG,KAAK,CAAC,aAAa,CAAS,CAAC,CAAC,CAAA;AAEvE,SAAS,wBAAwB,CAAC,EAChC,MAAM,EACN,OAAO,EACP,KAAK,EACL,qBAAqB,EACrB,EAAE,EACF,MAAM,EACN,wBAAwB,EACxB,6BAA6B,EAC7B,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,UAAU,GACJ;IACN,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EACzC,CAAC,KAAK,CAAC,CACR,CAAA;IAED,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC5C,QAAQ,CAAC,OAAO,EAAE,CAAC,eAAe,EAAE,EAAE;YACpC,MAAM,UAAU,GAAG,CAAC,GAAG,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC,CAAA;YAC/C,MAAM,KAAK,GAAG,mBAAmB,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAA;YACvD,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;YACtB,OAAO,UAAU,CAAA;QACnB,CAAC,CAAC,CAAA;QACF,UAAU,EAAE,CAAA;IACd,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAA;IAEnC,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CACzC,CAAC,KAAa,EAAE,EAAE;QAChB,QAAQ,CAAC,OAAO,EAAE,CAAC,eAAe,EAAE,EAAE;YACpC,MAAM,UAAU,GAAG,CAAC,GAAG,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC,CAAA;YAC/C,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;YAC3B,OAAO,UAAU,CAAA;QACnB,CAAC,CAAC,CAAA;QACF,UAAU,EAAE,CAAA;IACd,CAAC,EACD,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC,CAChC,CAAA;IAED,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAC1C,CAAC,KAAa,EAAE,aAAoC,EAAE,KAAc,EAAE,EAAE;QACtE,IAAI,CAAC,CAAC,MAAM,IAAI,aAAa,CAAC,EAAE;YAC9B,OAAM;SACP;QACD,QAAQ,CAAC,OAAO,EAAE,CAAC,eAAe,EAAE,EAAE;YACpC,MAAM,UAAU,GAAG,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;gBAC1D,IAAI,CAAC,KAAK,KAAK,EAAE;oBACf,OAAO;wBACL,GAAG,KAAK;wBACR,CAAC,aAAa,CAAC,IAAI,CAAC,EAClB,OAAO,KAAK,KAAK,UAAU;4BACzB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;4BAClC,CAAC,CAAC,KAAK;qBACZ,CAAA;iBACF;qBAAM;oBACL,OAAO,KAAK,CAAA;iBACb;YACH,CAAC,CAAC,CAAA;YACF,OAAO,UAAU,CAAA;QACnB,CAAC,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,OAAO,EAAE,QAAQ,CAAC,CACpB,CAAA;IAED,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,GACpC,kCAAkC,CAAC,OAAO,CAAC,CAAA;IAE7C,MAAM,uBAAuB,GAAG,KAAK,CAAC,OAAO,CAC3C,GAAG,EAAE,CACH,CAAC,qBAAqB;QACtB,OAAO,qBAAqB,KAAK,QAAQ;QACzC,qBAAqB,CAAC,IAAI,KAAK,eAAe;QAC5C,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,qBAAqB,EAC3B,CAAC,qBAAqB,CAAC,CACxB,CAAA;IAED,MAAM,sCAAsC,GAC1C,6BAA6B;QAC7B,6BAA6B,CAAC,IAAI,KAAK,eAAe;QACpD,CAAC,CAAC,6BAA6B,CAAC,OAAO;QACvC,CAAC,CAAC,EAAE,CAAA;IAER,MAAM,EAAE,mBAAmB,EAAE,GAAG,kBAAkB,CAAC;QACjD,iBAAiB,EAAE,CAAC,uBAAuB;QAC3C,uBAAuB,EAAE,OAAO,IAAI,wBAAwB;QAC5D,cAAc,EAAE,kCAAkC;QAClD,gBAAgB,EAAE,oCAAoC;KACvD,CAAC,CAAA;IAEF,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CAAC,gCAAgC,EAAE,mBAAmB,CAAC;QAEtE,oBAAC,yBAAyB,IACxB,SAAS,EAAE,qBAAqB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,EACzD,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,CAAC,CAAC,aAAa,IAAI,aAAa,GAAG,CAAC;YAE7C,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBAC5B,OAAO,CACL,oBAAC,kBAAkB,IACjB,GAAG,EAAE,KAAK,EACV,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,kBAAkB,EAC5B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,iBAAiB,EAC3B,8BAA8B,EAC5B,sCAAsC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,EAE1D,sBAAsB,EACpB,uBAAuB;wBACvB,uBAAuB,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,EAEnD,yBAAyB,EAAE,wBAAwB,GACnD,CACH,CAAA;YACH,CAAC,CAAC;YACD,CAAC,CAAC,aAAa,IAAI,OAAO,CAAC,MAAM,GAAG,aAAa,CAAC,IAAI,CACrD,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,uEAAuE,EACjF,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,OAAO,CAAC,QAAQ;gBAE1B,8BAAM,SAAS,EAAC,MAAM;oBACpB,2BAAG,SAAS,EAAC,gBAAgB,UAAQ,CAChC;gBACN,CAAC,CAAC,OAAO,CAAC,gBAAgB,IAAI,CAC7B,kCAAO,OAAO,CAAC,gBAAgB,CAAQ,CACxC,CACM,CACV;YACA,CAAC,OAAO,IAAI,wBAAwB,CAAC;gBACpC,CAAC,CAAC,uBAAuB;gBACzB,CAAC,CAAC,uBAAuB,CAAC,GAAG,IAAI,CAC/B,6BAAK,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,kBAAkB;gBAC5C,6BAAK,SAAS,EAAC,2DAA2D,IACvE,uBAAuB,CAAC,GAAG,CACxB,CACF,CACP,CACuB,CACxB,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAA;AAqBnD,MAAM,kBAAkB,GAAG,KAAK,CAAC,IAAI,CACnC,SAAS,kBAAkB,CAAC,EAC1B,MAAM,EACN,EAAE,EACF,KAAK,EACL,MAAM,EACN,KAAK,EACL,OAAO,EACP,8BAA8B,EAC9B,yBAAyB,EACzB,sBAAsB,EACtB,QAAQ,EACR,QAAQ,EACR,QAAQ,GACgB;IACxB,MAAM,CAAC,kBAAkB,EAAE,aAAa,EAAE,YAAY,CAAC,GACrD,eAAe,CAAC,KAAK,CAAC,CAAA;IAExB,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,OAA8B,EAAE,KAAc,EAAE,EAAE;QACjD,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,CAAA;IACjC,CAAC,EACD,CAAC,KAAK,EAAE,QAAQ,CAAC,CAClB,CAAA;IAED,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,kBAAkB,EAAE,EAAE;QACrB,QAAQ,CAAC,CAAC,qBAAqB,EAAE,EAAE;YACjC,IAAI,QAAQ,GAAG,EAAE,CAAA;YACjB,MAAM,OAAO,GAAG,qBAAqB,CAAC,UAAU,CAC9C,OAAO,CAAC,IAAI,CACiB,CAAA;YAC/B,MAAM,QAAQ,GAAG,qBAAqB,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE;gBAClE,IACE,WAAW,CAAC,IAAI,KAAK,eAAe;oBACpC,WAAW,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI,EACjC;oBACA,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,kBAAkB,CAAC;wBAClD,QAAQ,EAAE,WAAW,CAAC,QAAQ;wBAC9B,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC;wBAC1B,kBAAkB,EAAE,qBAAqB,CAAC,kBAAkB;qBAC7D,CAAC,CAAA;oBACF,QAAQ,GAAG,UAAU,CAAA;oBACrB,OAAO;wBACL,GAAG,WAAW;wBACd,QAAQ;qBACT,CAAA;iBACF;gBACD,OAAO,WAAW,CAAA;YACpB,CAAC,CAAC,CAAA;YAEF,MAAM,UAAU,GAAG;gBACjB,GAAG,qBAAqB,CAAC,UAAU;gBACnC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;oBACvC,IAAI,CAAC,KAAK,KAAK,EAAE;wBACf,OAAO,QAAQ,CAAA;qBAChB;oBACD,OAAO,KAAK,CAAA;gBACd,CAAC,CAAC;aACH,CAAA;YAED,OAAO;gBACL,QAAQ;gBACR,UAAU;aACX,CAAA;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,CAChC,CAAA;IAED,MAAM,EAAE,mBAAmB,EAAE,GAAG,kBAAkB,CAAC;QACjD,iBAAiB,EAAE,CAAC,sBAAsB;QAC1C,uBAAuB,EAAE,yBAAyB;QAClD,cAAc,EAAE,0BAA0B;QAC1C,gBAAgB,EAAE,4BAA4B;KAC/C,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,yBAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QAC9C,oBAAC,KAAK,IACJ,MAAM,EAAE,kBAAkB,EAC1B,SAAS,EAAC,+BAA+B,EACzC,cAAc,EAAC,4CAA4C,EAC3D,KAAK,EAAE,OAAO,CAAC,mBAAmB,IAAI,cAAc,EACpD,OAAO,EACL;gBACE,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,yDAAyD,EACnE,OAAO,EAAE,YAAY,aAGd;gBACT,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,4DAA4D,EACtE,OAAO,EAAE,GAAG,EAAE;wBACZ,YAAY,EAAE,CAAA;wBACd,QAAQ,CAAC,KAAK,CAAC,CAAA;oBACjB,CAAC,UAGM,CACR,kDAIC;QAER,6BACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,IAAI,CACb,+DAA+D,EAC/D,mBAAmB,CACpB;YAED,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,gFAAgF,EAC1F,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,OAAO,CAAC,QAAQ;gBAE1B,8BAAM,SAAS,EAAC,MAAM;oBACpB,2BAAG,SAAS,EAAC,gBAAgB,qBAAmB,CAC3C;gBACN,CAAC,CAAC,OAAO,CAAC,mBAAmB,IAAI,CAChC,kCAAO,OAAO,CAAC,mBAAmB,CAAQ,CAC3C,CACM;YAET,oBAAC,oBAAoB,IACnB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,GAAG,EAAE,UAAU,KAAK,GAAG,EACjC,MAAM,EAAE,MAAM,EACd,sBAAsB,EAAE,sBAAsB,EAC9C,yBAAyB,EAAE,yBAAyB,EACpD,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,OAAO,EACtB,8BAA8B,EAAE,8BAA8B,GAC9D,CACE,CAC6B,CACtC,CAAA;AACH,CAAC,CACF,CAAA","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport useBooleanState from '../hooks/useBooleanState'\nimport generateDefaultData from '../services/generate-default-data'\nimport OneBlinkFormElements from '../components/renderer/OneBlinkFormElements'\nimport Modal from '../components/renderer/Modal'\nimport { FormTypes } from '@oneblink/types'\nimport FormElementLabelContainer from '../components/renderer/FormElementLabelContainer'\nimport useValidationClass from '../hooks/useValidationClass'\nimport {\n  FormElementConditionallyShown,\n  FormElementLookupHandler,\n  FormElementsConditionallyShown,\n  FormElementsValidation,\n  FormElementValidation,\n  FormElementValueChangeHandler,\n  FormSubmissionModel,\n  IsDirtyProps,\n} from '../types/form'\nimport useFormElementRepeatableSetEntries from '../hooks/useFormElementRepeatableSetEntries'\n\ntype Props = {\n  formId: number\n  id: string\n  isEven: boolean\n  element: FormTypes.RepeatableSetElement\n  value: Array<FormSubmissionModel> | undefined\n  onChange: FormElementValueChangeHandler<FormSubmissionModel[]>\n  onLookup: FormElementLookupHandler\n  formElementConditionallyShown: FormElementConditionallyShown | undefined\n  formElementValidation: FormElementValidation | undefined\n  displayValidationMessage: boolean\n} & IsDirtyProps\n\nexport const RepeatableSetIndexContext = React.createContext<number>(0)\n\nfunction FormElementRepeatableSet({\n  formId,\n  element,\n  value,\n  formElementValidation,\n  id,\n  isEven,\n  displayValidationMessage,\n  formElementConditionallyShown,\n  onChange,\n  onLookup,\n  isDirty,\n  setIsDirty,\n}: Props) {\n  const entries = React.useMemo(\n    () => (Array.isArray(value) ? value : []),\n    [value],\n  )\n\n  const handleAddEntry = React.useCallback(() => {\n    onChange(element, (existingEntries) => {\n      const newEntries = [...(existingEntries || [])]\n      const entry = generateDefaultData(element.elements, {})\n      newEntries.push(entry)\n      return newEntries\n    })\n    setIsDirty()\n  }, [element, onChange, setIsDirty])\n\n  const handleRemoveEntry = React.useCallback(\n    (index: number) => {\n      onChange(element, (existingEntries) => {\n        const newEntries = [...(existingEntries || [])]\n        newEntries.splice(index, 1)\n        return newEntries\n      })\n      setIsDirty()\n    },\n    [element, onChange, setIsDirty],\n  )\n\n  const handleNestedChange = React.useCallback(\n    (index: number, nestedElement: FormTypes.FormElement, value: unknown) => {\n      if (!('name' in nestedElement)) {\n        return\n      }\n      onChange(element, (existingEntries) => {\n        const newEntries = (existingEntries || []).map((entry, i) => {\n          if (i === index) {\n            return {\n              ...entry,\n              [nestedElement.name]:\n                typeof value === 'function'\n                  ? value(entry[nestedElement.name])\n                  : value,\n            }\n          } else {\n            return entry\n          }\n        })\n        return newEntries\n      })\n    },\n    [element, onChange],\n  )\n\n  const { minSetEntries, maxSetEntries } =\n    useFormElementRepeatableSetEntries(element)\n\n  const repeatableSetValidation = React.useMemo(\n    () =>\n      !formElementValidation ||\n      typeof formElementValidation === 'string' ||\n      formElementValidation.type !== 'repeatableSet'\n        ? undefined\n        : formElementValidation,\n    [formElementValidation],\n  )\n\n  const repeatableSetEntriesConditionallyShown =\n    formElementConditionallyShown &&\n    formElementConditionallyShown.type === 'repeatableSet'\n      ? formElementConditionallyShown.entries\n      : {}\n\n  const { validationClassName } = useValidationClass({\n    formElementsValid: !repeatableSetValidation,\n    displayInvalidClassName: isDirty || displayValidationMessage,\n    validClassName: 'ob-repeatable-set-element__valid',\n    invalidClassName: 'ob-repeatable-set-element__invalid',\n  })\n\n  return (\n    <div\n      className={clsx('cypress-repeatable-set-element', validationClassName)}\n    >\n      <FormElementLabelContainer\n        className={`ob-repeatable-set ${isEven ? 'even' : 'odd'}`}\n        element={element}\n        id={id}\n        required={!!minSetEntries && minSetEntries > 0}\n      >\n        {entries.map((entry, index) => {\n          return (\n            <RepeatableSetEntry\n              key={index}\n              formId={formId}\n              index={index}\n              id={id}\n              isEven={isEven}\n              entry={entry}\n              element={element}\n              onChange={handleNestedChange}\n              onLookup={onLookup}\n              onRemove={handleRemoveEntry}\n              formElementsConditionallyShown={\n                repeatableSetEntriesConditionallyShown[index.toString()]\n              }\n              formElementsValidation={\n                repeatableSetValidation &&\n                repeatableSetValidation.entries[index.toString()]\n              }\n              displayValidationMessages={displayValidationMessage}\n            />\n          )\n        })}\n        {(!maxSetEntries || entries.length < maxSetEntries) && (\n          <button\n            type=\"button\"\n            className=\"button ob-button ob-button__add is-primary cypress-add-repeatable-set\"\n            onClick={handleAddEntry}\n            disabled={element.readOnly}\n          >\n            <span className=\"icon\">\n              <i className=\"material-icons\">add</i>\n            </span>\n            {!!element.addSetEntryLabel && (\n              <span>{element.addSetEntryLabel}</span>\n            )}\n          </button>\n        )}\n        {(isDirty || displayValidationMessage) &&\n          !!repeatableSetValidation &&\n          !!repeatableSetValidation.set && (\n            <div role=\"alert\" className=\"has-margin-top-8\">\n              <div className=\"has-text-danger ob-error__text cypress-validation-message\">\n                {repeatableSetValidation.set}\n              </div>\n            </div>\n          )}\n      </FormElementLabelContainer>\n    </div>\n  )\n}\n\nexport default React.memo(FormElementRepeatableSet)\n\ntype RepeatableSetEntryProps = {\n  formId: number\n  id: string\n  index: number\n  isEven: boolean\n  entry: FormSubmissionModel\n  element: FormTypes.RepeatableSetElement\n  formElementsConditionallyShown: FormElementsConditionallyShown | undefined\n  formElementsValidation: FormElementsValidation | undefined\n  displayValidationMessages: boolean\n  onChange: (\n    index: number,\n    formElement: FormTypes.FormElement,\n    value: unknown,\n  ) => unknown\n  onLookup: FormElementLookupHandler\n  onRemove: (index: number) => unknown\n}\n\nconst RepeatableSetEntry = React.memo<RepeatableSetEntryProps>(\n  function RepeatableSetEntry({\n    formId,\n    id,\n    index,\n    isEven,\n    entry,\n    element,\n    formElementsConditionallyShown,\n    displayValidationMessages,\n    formElementsValidation,\n    onChange,\n    onLookup,\n    onRemove,\n  }: RepeatableSetEntryProps) {\n    const [isConfirmingRemove, confirmRemove, cancelRemove] =\n      useBooleanState(false)\n\n    const handleChange = React.useCallback(\n      (element: FormTypes.FormElement, value: unknown) => {\n        onChange(index, element, value)\n      },\n      [index, onChange],\n    )\n\n    const handleLookup = React.useCallback<FormElementLookupHandler>(\n      (mergeLookupResults) => {\n        onLookup((currentFormSubmission) => {\n          let newEntry = {}\n          const entries = currentFormSubmission.submission[\n            element.name\n          ] as Array<FormSubmissionModel>\n          const elements = currentFormSubmission.elements.map((formElement) => {\n            if (\n              formElement.type === 'repeatableSet' &&\n              formElement.name === element.name\n            ) {\n              const { elements, submission } = mergeLookupResults({\n                elements: formElement.elements,\n                submission: entries[index],\n                lastElementUpdated: currentFormSubmission.lastElementUpdated,\n              })\n              newEntry = submission\n              return {\n                ...formElement,\n                elements,\n              }\n            }\n            return formElement\n          })\n\n          const submission = {\n            ...currentFormSubmission.submission,\n            [element.name]: entries.map((entry, i) => {\n              if (i === index) {\n                return newEntry\n              }\n              return entry\n            }),\n          }\n\n          return {\n            elements,\n            submission,\n          }\n        })\n      },\n      [element.name, index, onLookup],\n    )\n\n    const { validationClassName } = useValidationClass({\n      formElementsValid: !formElementsValidation,\n      displayInvalidClassName: displayValidationMessages,\n      validClassName: 'ob-repeatable-set__valid',\n      invalidClassName: 'ob-repeatable-set__invalid',\n    })\n\n    return (\n      <RepeatableSetIndexContext.Provider value={index}>\n        <Modal\n          isOpen={isConfirmingRemove}\n          className=\"cypress-repeatable-set-prompt\"\n          titleClassName=\"cypress-repeatable-set-remove-entry-header\"\n          title={element.removeSetEntryLabel || 'Remove Entry'}\n          actions={\n            <>\n              <button\n                type=\"button\"\n                className=\"button ob-button is-light cypress-cancel-repeatable-set\"\n                onClick={cancelRemove}\n              >\n                Cancel\n              </button>\n              <button\n                type=\"button\"\n                className=\"button ob-button is-primary cypress-confirm-repeatable-set\"\n                onClick={() => {\n                  cancelRemove()\n                  onRemove(index)\n                }}\n              >\n                Yes\n              </button>\n            </>\n          }\n        >\n          Are you sure you want to remove this entry?\n        </Modal>\n\n        <div\n          key={index}\n          className={clsx(\n            'ob-repeatable-set__container cypress-repeatable-set-container',\n            validationClassName,\n          )}\n        >\n          <button\n            type=\"button\"\n            className=\"button ob-button ob-button_remove is-light cypress-remove-repeatable-set-entry\"\n            onClick={confirmRemove}\n            disabled={element.readOnly}\n          >\n            <span className=\"icon\">\n              <i className=\"material-icons\">delete_outline</i>\n            </span>\n            {!!element.removeSetEntryLabel && (\n              <span>{element.removeSetEntryLabel}</span>\n            )}\n          </button>\n\n          <OneBlinkFormElements\n            formId={formId}\n            idPrefix={`${id}_entry-${index}_`}\n            isEven={isEven}\n            formElementsValidation={formElementsValidation}\n            displayValidationMessages={displayValidationMessages}\n            elements={element.elements}\n            onChange={handleChange}\n            onLookup={handleLookup}\n            model={entry}\n            parentElement={element}\n            formElementsConditionallyShown={formElementsConditionallyShown}\n          />\n        </div>\n      </RepeatableSetIndexContext.Provider>\n    )\n  },\n)\n"]}
+{"version":3,"file":"FormElementRepeatableSet.js","sourceRoot":"","sources":["../../src/form-elements/FormElementRepeatableSet.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport useBooleanState from '../hooks/useBooleanState'\nimport generateDefaultData from '../services/generate-default-data'\nimport OneBlinkFormElements from '../components/renderer/OneBlinkFormElements'\nimport Modal from '../components/renderer/Modal'\nimport { FormTypes } from '@oneblink/types'\nimport FormElementLabelContainer from '../components/renderer/FormElementLabelContainer'\nimport useValidationClass from '../hooks/useValidationClass'\nimport {\n  FormElementConditionallyShown,\n  FormElementLookupHandler,\n  FormElementsConditionallyShown,\n  FormElementsValidation,\n  FormElementValidation,\n  FormElementValueChangeHandler,\n  FormSubmissionModel,\n  IsDirtyProps,\n} from '../types/form'\nimport useFormElementRepeatableSetEntries from '../hooks/useFormElementRepeatableSetEntries'\n\ntype Props = {\n  formId: number\n  id: string\n  isEven: boolean\n  element: FormTypes.RepeatableSetElement\n  value: Array<FormSubmissionModel> | undefined\n  onChange: FormElementValueChangeHandler<FormSubmissionModel[]>\n  onLookup: FormElementLookupHandler\n  formElementConditionallyShown: FormElementConditionallyShown | undefined\n  formElementValidation: FormElementValidation | undefined\n  displayValidationMessage: boolean\n} & IsDirtyProps\n\nconst RepeatableSetIndexContext = React.createContext<number>(0)\n\nexport function useRepeatableSetIndexText(text: string) {\n  const index = React.useContext(RepeatableSetIndexContext)\n  return React.useMemo(\n    () => text.replace('{INDEX}', (index + 1).toString()),\n    [index, text],\n  )\n}\n\nfunction FormElementRepeatableSet({\n  formId,\n  element,\n  value,\n  formElementValidation,\n  id,\n  isEven,\n  displayValidationMessage,\n  formElementConditionallyShown,\n  onChange,\n  onLookup,\n  isDirty,\n  setIsDirty,\n}: Props) {\n  const entries = React.useMemo(\n    () => (Array.isArray(value) ? value : []),\n    [value],\n  )\n\n  const handleAddEntry = React.useCallback(() => {\n    onChange(element, (existingEntries) => {\n      const newEntries = [...(existingEntries || [])]\n      const entry = generateDefaultData(element.elements, {})\n      newEntries.push(entry)\n      return newEntries\n    })\n    setIsDirty()\n  }, [element, onChange, setIsDirty])\n\n  const handleRemoveEntry = React.useCallback(\n    (index: number) => {\n      onChange(element, (existingEntries) => {\n        const newEntries = [...(existingEntries || [])]\n        newEntries.splice(index, 1)\n        return newEntries\n      })\n      setIsDirty()\n    },\n    [element, onChange, setIsDirty],\n  )\n\n  const handleNestedChange = React.useCallback(\n    (index: number, nestedElement: FormTypes.FormElement, value: unknown) => {\n      if (!('name' in nestedElement)) {\n        return\n      }\n      onChange(element, (existingEntries) => {\n        const newEntries = (existingEntries || []).map((entry, i) => {\n          if (i === index) {\n            return {\n              ...entry,\n              [nestedElement.name]:\n                typeof value === 'function'\n                  ? value(entry[nestedElement.name])\n                  : value,\n            }\n          } else {\n            return entry\n          }\n        })\n        return newEntries\n      })\n    },\n    [element, onChange],\n  )\n\n  const { minSetEntries, maxSetEntries } =\n    useFormElementRepeatableSetEntries(element)\n\n  const repeatableSetValidation = React.useMemo(\n    () =>\n      !formElementValidation ||\n      typeof formElementValidation === 'string' ||\n      formElementValidation.type !== 'repeatableSet'\n        ? undefined\n        : formElementValidation,\n    [formElementValidation],\n  )\n\n  const repeatableSetEntriesConditionallyShown =\n    formElementConditionallyShown &&\n    formElementConditionallyShown.type === 'repeatableSet'\n      ? formElementConditionallyShown.entries\n      : {}\n\n  const { validationClassName } = useValidationClass({\n    formElementsValid: !repeatableSetValidation,\n    displayInvalidClassName: isDirty || displayValidationMessage,\n    validClassName: 'ob-repeatable-set-element__valid',\n    invalidClassName: 'ob-repeatable-set-element__invalid',\n  })\n\n  return (\n    <div\n      className={clsx('cypress-repeatable-set-element', validationClassName)}\n    >\n      <FormElementLabelContainer\n        className={`ob-repeatable-set ${isEven ? 'even' : 'odd'}`}\n        element={element}\n        id={id}\n        required={!!minSetEntries && minSetEntries > 0}\n      >\n        {entries.map((entry, index) => {\n          return (\n            <RepeatableSetEntry\n              key={index}\n              formId={formId}\n              index={index}\n              id={id}\n              isEven={isEven}\n              entry={entry}\n              element={element}\n              onChange={handleNestedChange}\n              onLookup={onLookup}\n              onRemove={handleRemoveEntry}\n              formElementsConditionallyShown={\n                repeatableSetEntriesConditionallyShown[index.toString()]\n              }\n              formElementsValidation={\n                repeatableSetValidation &&\n                repeatableSetValidation.entries[index.toString()]\n              }\n              displayValidationMessages={displayValidationMessage}\n            />\n          )\n        })}\n        {(!maxSetEntries || entries.length < maxSetEntries) && (\n          <button\n            type=\"button\"\n            className=\"button ob-button ob-button__add is-primary cypress-add-repeatable-set\"\n            onClick={handleAddEntry}\n            disabled={element.readOnly}\n          >\n            <span className=\"icon\">\n              <i className=\"material-icons\">add</i>\n            </span>\n            {!!element.addSetEntryLabel && (\n              <span>{element.addSetEntryLabel}</span>\n            )}\n          </button>\n        )}\n        {(isDirty || displayValidationMessage) &&\n          !!repeatableSetValidation &&\n          !!repeatableSetValidation.set && (\n            <div role=\"alert\" className=\"has-margin-top-8\">\n              <div className=\"has-text-danger ob-error__text cypress-validation-message\">\n                {repeatableSetValidation.set}\n              </div>\n            </div>\n          )}\n      </FormElementLabelContainer>\n    </div>\n  )\n}\n\nexport default React.memo(FormElementRepeatableSet)\n\ntype RepeatableSetEntryProps = {\n  formId: number\n  id: string\n  index: number\n  isEven: boolean\n  entry: FormSubmissionModel\n  element: FormTypes.RepeatableSetElement\n  formElementsConditionallyShown: FormElementsConditionallyShown | undefined\n  formElementsValidation: FormElementsValidation | undefined\n  displayValidationMessages: boolean\n  onChange: (\n    index: number,\n    formElement: FormTypes.FormElement,\n    value: unknown,\n  ) => unknown\n  onLookup: FormElementLookupHandler\n  onRemove: (index: number) => unknown\n}\n\nconst RepeatableSetEntry = React.memo<RepeatableSetEntryProps>(\n  function RepeatableSetEntry({\n    formId,\n    id,\n    index,\n    isEven,\n    entry,\n    element,\n    formElementsConditionallyShown,\n    displayValidationMessages,\n    formElementsValidation,\n    onChange,\n    onLookup,\n    onRemove,\n  }: RepeatableSetEntryProps) {\n    const [isConfirmingRemove, confirmRemove, cancelRemove] =\n      useBooleanState(false)\n\n    const handleChange = React.useCallback(\n      (element: FormTypes.FormElement, value: unknown) => {\n        onChange(index, element, value)\n      },\n      [index, onChange],\n    )\n\n    const handleLookup = React.useCallback<FormElementLookupHandler>(\n      (mergeLookupResults) => {\n        onLookup((currentFormSubmission) => {\n          let newEntry = {}\n          const entries = currentFormSubmission.submission[\n            element.name\n          ] as Array<FormSubmissionModel>\n          const elements = currentFormSubmission.elements.map((formElement) => {\n            if (\n              formElement.type === 'repeatableSet' &&\n              formElement.name === element.name\n            ) {\n              const { elements, submission } = mergeLookupResults({\n                elements: formElement.elements,\n                submission: entries[index],\n                lastElementUpdated: currentFormSubmission.lastElementUpdated,\n              })\n              newEntry = submission\n              return {\n                ...formElement,\n                elements,\n              }\n            }\n            return formElement\n          })\n\n          const submission = {\n            ...currentFormSubmission.submission,\n            [element.name]: entries.map((entry, i) => {\n              if (i === index) {\n                return newEntry\n              }\n              return entry\n            }),\n          }\n\n          return {\n            elements,\n            submission,\n          }\n        })\n      },\n      [element.name, index, onLookup],\n    )\n\n    const { validationClassName } = useValidationClass({\n      formElementsValid: !formElementsValidation,\n      displayInvalidClassName: displayValidationMessages,\n      validClassName: 'ob-repeatable-set__valid',\n      invalidClassName: 'ob-repeatable-set__invalid',\n    })\n\n    return (\n      <RepeatableSetIndexContext.Provider value={index}>\n        <Modal\n          isOpen={isConfirmingRemove}\n          className=\"cypress-repeatable-set-prompt\"\n          titleClassName=\"cypress-repeatable-set-remove-entry-header\"\n          title={element.removeSetEntryLabel || 'Remove Entry'}\n          actions={\n            <>\n              <button\n                type=\"button\"\n                className=\"button ob-button is-light cypress-cancel-repeatable-set\"\n                onClick={cancelRemove}\n              >\n                Cancel\n              </button>\n              <button\n                type=\"button\"\n                className=\"button ob-button is-primary cypress-confirm-repeatable-set\"\n                onClick={() => {\n                  cancelRemove()\n                  onRemove(index)\n                }}\n              >\n                Yes\n              </button>\n            </>\n          }\n        >\n          Are you sure you want to remove this entry?\n        </Modal>\n\n        <div\n          key={index}\n          className={clsx(\n            'ob-repeatable-set__container cypress-repeatable-set-container',\n            validationClassName,\n          )}\n        >\n          <button\n            type=\"button\"\n            className=\"button ob-button ob-button_remove is-light cypress-remove-repeatable-set-entry\"\n            onClick={confirmRemove}\n            disabled={element.readOnly}\n          >\n            <span className=\"icon\">\n              <i className=\"material-icons\">delete_outline</i>\n            </span>\n            {!!element.removeSetEntryLabel && (\n              <span>{element.removeSetEntryLabel}</span>\n            )}\n          </button>\n\n          <OneBlinkFormElements\n            formId={formId}\n            idPrefix={`${id}_entry-${index}_`}\n            isEven={isEven}\n            formElementsValidation={formElementsValidation}\n            displayValidationMessages={displayValidationMessages}\n            elements={element.elements}\n            onChange={handleChange}\n            onLookup={handleLookup}\n            model={entry}\n            parentElement={element}\n            formElementsConditionallyShown={formElementsConditionallyShown}\n          />\n        </div>\n      </RepeatableSetIndexContext.Provider>\n    )\n  },\n)\n"]}

package/dist/hooks/useFlatpickr.js

@@ -2,6 +2,7 @@ import * as React from 'react';
 import Flatpickr from 'flatpickr';
 import { Sentry } from '@oneblink/apps';
 import useFlatpickrGuid from '../hooks/useFlatpickrGuid';
+import { generateDate } from '../services/generate-default-data';
 const getDateValue = (date, dateOnly) => {
     if (!date)
         return;
@@ -56,7 +57,14 @@ export default function useFlatpickr({ id, value, onChange, dateOnly, }, fpOpts,
                 typeof value === 'string' &&
                 (!selectedDate || getDateValue(selectedDate, dateOnly) !== value)) {
                 try {
-                    vp.setDate(new Date(value), false);
+                    const date = generateDate({
+                        daysOffset: undefined,
+                        value,
+                        dateOnly: !!dateOnly,
+                    });
+                    if (date) {
+                        vp.setDate(date, false);
+                    }
                 }
                 catch (error) {
                     Sentry.captureException(new Error(`Error setting date: ${value}`));

package/dist/hooks/useFlatpickr.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFlatpickr.js","sourceRoot":"","sources":["../../src/hooks/useFlatpickr.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport Flatpickr from 'flatpickr'\nimport { Options as FlatpickrOptions } from 'flatpickr/dist/types/options'\nimport { Instance as FlatpickrInstance } from 'flatpickr/dist/types/instance'\nimport { Sentry } from '@oneblink/apps'\nimport useFlatpickrGuid from '../hooks/useFlatpickrGuid'\n\nexport { FlatpickrOptions }\n\nconst getDateValue = (\n  date: Date | undefined,\n  dateOnly: boolean | undefined,\n) => {\n  if (!date) return\n  if (dateOnly) {\n    return Flatpickr.formatDate(date, 'Y-m-d')\n  }\n  return date.toISOString()\n}\n\nexport default function useFlatpickr(\n  {\n    id,\n    value,\n    onChange,\n    dateOnly,\n  }: {\n    id: string\n    value: unknown | undefined\n    onChange: (value: string | undefined) => void\n    dateOnly?: boolean\n  },\n  fpOpts: FlatpickrOptions,\n  htmlElement: { current: HTMLElement | null },\n) {\n  const flatpickrGuid = useFlatpickrGuid()\n  const vpRef = React.useRef<FlatpickrInstance | null>(null)\n\n  React.useEffect(() => {\n    const options: FlatpickrOptions = {\n      ...fpOpts,\n      static: true,\n      appendTo: htmlElement.current || undefined,\n      formatDate: (date: Date | undefined, format: string) => {\n        if (date) {\n          return Flatpickr.formatDate(date, format)\n        }\n        return ''\n      },\n    }\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const newVp: FlatpickrInstance = new (Flatpickr as any)(\n      `[id=\"${flatpickrGuid}\"] [id=\"${id}\"]`,\n      options,\n    )\n    newVp.set('onChange', (selectedDates: Date[]) => {\n      onChange(getDateValue(selectedDates?.[0], dateOnly))\n    })\n    vpRef.current = newVp\n    return () => {\n      // destroy the flatpickr instance when the dom element is removed\n      vpRef.current = null\n      if (newVp.destroy) {\n        newVp.destroy()\n      }\n    }\n  }, [dateOnly, flatpickrGuid, fpOpts, htmlElement, id, onChange])\n\n  // Sync value with flatpickr when value is changed outside of component\n  React.useEffect(() => {\n    const vp = vpRef.current\n\n    if (vp && vp.selectedDates) {\n      const selectedDate = vp.selectedDates[0]\n      if (!value && selectedDate) {\n        try {\n          vp.clear(false)\n        } catch (error) {\n          Sentry.captureException(new Error('Error clearing value'))\n        }\n      } else if (\n        value &&\n        typeof value === 'string' &&\n        (!selectedDate || getDateValue(selectedDate, dateOnly) !== value)\n      ) {\n        try {\n          vp.setDate(new Date(value), false)\n        } catch (error) {\n          Sentry.captureException(new Error(`Error setting date: ${value}`))\n        }\n      }\n    }\n  }, [dateOnly, value])\n\n  const onBlur = React.useCallback(\n    (e: React.FocusEvent<HTMLInputElement, Element>) => {\n      if (e.target.value) {\n        try {\n          const date = Flatpickr.parseDate(e.target.value, fpOpts.dateFormat)\n          if (date) {\n            const newValue = getDateValue(date, dateOnly)\n            onChange(newValue)\n            return\n          }\n        } catch (e) {\n          console.warn('Could not parse date on blur event', id, e)\n        }\n      }\n      onChange(undefined)\n    },\n    [dateOnly, fpOpts.dateFormat, id, onChange],\n  )\n\n  return {\n    onBlur,\n  }\n}\n"]}
+{"version":3,"file":"useFlatpickr.js","sourceRoot":"","sources":["../../src/hooks/useFlatpickr.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport Flatpickr from 'flatpickr'\nimport { Options as FlatpickrOptions } from 'flatpickr/dist/types/options'\nimport { Instance as FlatpickrInstance } from 'flatpickr/dist/types/instance'\nimport { Sentry } from '@oneblink/apps'\nimport useFlatpickrGuid from '../hooks/useFlatpickrGuid'\nimport { generateDate } from '../services/generate-default-data'\n\nexport { FlatpickrOptions }\n\nconst getDateValue = (\n  date: Date | undefined,\n  dateOnly: boolean | undefined,\n) => {\n  if (!date) return\n  if (dateOnly) {\n    return Flatpickr.formatDate(date, 'Y-m-d')\n  }\n  return date.toISOString()\n}\n\nexport default function useFlatpickr(\n  {\n    id,\n    value,\n    onChange,\n    dateOnly,\n  }: {\n    id: string\n    value: unknown | undefined\n    onChange: (value: string | undefined) => void\n    dateOnly?: boolean\n  },\n  fpOpts: FlatpickrOptions,\n  htmlElement: { current: HTMLElement | null },\n) {\n  const flatpickrGuid = useFlatpickrGuid()\n  const vpRef = React.useRef<FlatpickrInstance | null>(null)\n\n  React.useEffect(() => {\n    const options: FlatpickrOptions = {\n      ...fpOpts,\n      static: true,\n      appendTo: htmlElement.current || undefined,\n      formatDate: (date: Date | undefined, format: string) => {\n        if (date) {\n          return Flatpickr.formatDate(date, format)\n        }\n        return ''\n      },\n    }\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const newVp: FlatpickrInstance = new (Flatpickr as any)(\n      `[id=\"${flatpickrGuid}\"] [id=\"${id}\"]`,\n      options,\n    )\n    newVp.set('onChange', (selectedDates: Date[]) => {\n      onChange(getDateValue(selectedDates?.[0], dateOnly))\n    })\n    vpRef.current = newVp\n    return () => {\n      // destroy the flatpickr instance when the dom element is removed\n      vpRef.current = null\n      if (newVp.destroy) {\n        newVp.destroy()\n      }\n    }\n  }, [dateOnly, flatpickrGuid, fpOpts, htmlElement, id, onChange])\n\n  // Sync value with flatpickr when value is changed outside of component\n  React.useEffect(() => {\n    const vp = vpRef.current\n\n    if (vp && vp.selectedDates) {\n      const selectedDate = vp.selectedDates[0]\n      if (!value && selectedDate) {\n        try {\n          vp.clear(false)\n        } catch (error) {\n          Sentry.captureException(new Error('Error clearing value'))\n        }\n      } else if (\n        value &&\n        typeof value === 'string' &&\n        (!selectedDate || getDateValue(selectedDate, dateOnly) !== value)\n      ) {\n        try {\n          const date = generateDate({\n            daysOffset: undefined,\n            value,\n            dateOnly: !!dateOnly,\n          })\n          if (date) {\n            vp.setDate(date, false)\n          }\n        } catch (error) {\n          Sentry.captureException(new Error(`Error setting date: ${value}`))\n        }\n      }\n    }\n  }, [dateOnly, value])\n\n  const onBlur = React.useCallback(\n    (e: React.FocusEvent<HTMLInputElement, Element>) => {\n      if (e.target.value) {\n        try {\n          const date = Flatpickr.parseDate(e.target.value, fpOpts.dateFormat)\n          if (date) {\n            const newValue = getDateValue(date, dateOnly)\n            onChange(newValue)\n            return\n          }\n        } catch (e) {\n          console.warn('Could not parse date on blur event', id, e)\n        }\n      }\n      onChange(undefined)\n    },\n    [dateOnly, fpOpts.dateFormat, id, onChange],\n  )\n\n  return {\n    onBlur,\n  }\n}\n"]}

package/dist/hooks/useReplaceableHTML.d.ts

@@ -0,0 +1 @@
+export default function useReplaceableHTML(text: string): string;

package/dist/hooks/useReplaceableHTML.js

@@ -0,0 +1,33 @@
+import { localisationService } from '@oneblink/apps';
+import * as React from 'react';
+import { generateDate } from '../services/generate-default-data';
+import { submissionService } from '@oneblink/sdk-core';
+import useFormSubmissionModel from './useFormSubmissionModelContext';
+import { useRepeatableSetIndexText } from '../form-elements/FormElementRepeatableSet';
+import sanitizeHtml from 'sanitize-html';
+export default function useReplaceableHTML(text) {
+    const textWithIndex = useRepeatableSetIndexText(text);
+    const html = React.useMemo(() => sanitizeHtml(textWithIndex), [textWithIndex]);
+    const { formSubmissionModel, elements } = useFormSubmissionModel();
+    return React.useMemo(() => {
+        return submissionService.replaceElementValues(html, {
+            submission: formSubmissionModel,
+            formElements: elements,
+            formatCurrency: localisationService.formatCurrency,
+            formatDate: (v) => {
+                const date = generateDate({
+                    value: v,
+                    dateOnly: true,
+                    daysOffset: undefined,
+                });
+                if (date) {
+                    return localisationService.formatDate(date);
+                }
+                return '';
+            },
+            formatNumber: localisationService.formatNumber,
+            formatTime: (v) => localisationService.formatTime(new Date(v)),
+        });
+    }, [elements, formSubmissionModel, html]);
+}
+//# sourceMappingURL=useReplaceableHTML.js.map

package/dist/hooks/useReplaceableHTML.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReplaceableHTML.js","sourceRoot":"","sources":["../../src/hooks/useReplaceableHTML.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AACtD,OAAO,sBAAsB,MAAM,iCAAiC,CAAA;AACpE,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAA;AACrF,OAAO,YAAY,MAAM,eAAe,CAAA;AAExC,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,IAAY;IACrD,MAAM,aAAa,GAAG,yBAAyB,CAAC,IAAI,CAAC,CAAA;IACrD,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAC9E,MAAM,EAAE,mBAAmB,EAAE,QAAQ,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAClE,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxB,OAAO,iBAAiB,CAAC,oBAAoB,CAAC,IAAI,EAAE;YAClD,UAAU,EAAE,mBAAmB;YAC/B,YAAY,EAAE,QAAQ;YACtB,cAAc,EAAE,mBAAmB,CAAC,cAAc;YAClD,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE;gBAChB,MAAM,IAAI,GAAG,YAAY,CAAC;oBACxB,KAAK,EAAE,CAAC;oBACR,QAAQ,EAAE,IAAI;oBACd,UAAU,EAAE,SAAS;iBACtB,CAAC,CAAA;gBACF,IAAI,IAAI,EAAE;oBACR,OAAO,mBAAmB,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;iBAC5C;gBACD,OAAO,EAAE,CAAA;YACX,CAAC;YACD,YAAY,EAAE,mBAAmB,CAAC,YAAY;YAC9C,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,mBAAmB,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC;SAC/D,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,mBAAmB,EAAE,IAAI,CAAC,CAAC,CAAA;AAC3C,CAAC","sourcesContent":["import { localisationService } from '@oneblink/apps'\nimport * as React from 'react'\nimport { generateDate } from '../services/generate-default-data'\nimport { submissionService } from '@oneblink/sdk-core'\nimport useFormSubmissionModel from './useFormSubmissionModelContext'\nimport { useRepeatableSetIndexText } from '../form-elements/FormElementRepeatableSet'\nimport sanitizeHtml from 'sanitize-html'\n\nexport default function useReplaceableHTML(text: string) {\n  const textWithIndex = useRepeatableSetIndexText(text)\n  const html = React.useMemo(() => sanitizeHtml(textWithIndex), [textWithIndex])\n  const { formSubmissionModel, elements } = useFormSubmissionModel()\n  return React.useMemo(() => {\n    return submissionService.replaceElementValues(html, {\n      submission: formSubmissionModel,\n      formElements: elements,\n      formatCurrency: localisationService.formatCurrency,\n      formatDate: (v) => {\n        const date = generateDate({\n          value: v,\n          dateOnly: true,\n          daysOffset: undefined,\n        })\n        if (date) {\n          return localisationService.formatDate(date)\n        }\n        return ''\n      },\n      formatNumber: localisationService.formatNumber,\n      formatTime: (v) => localisationService.formatTime(new Date(v)),\n    })\n  }, [elements, formSubmissionModel, html])\n}\n"]}

package/dist/hooks/useSanitizedHTML.d.ts

@@ -0,0 +1 @@
+export default function useSanitizedHTML(text: string): string;

package/dist/hooks/useSanitizedHTML.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import sanitizeHtml from 'sanitize-html';
+export default function useSanitizedHTML(text) {
+    return React.useMemo(() => sanitizeHtml(text), [text]);
+}
+//# sourceMappingURL=useSanitizedHTML.js.map

package/dist/hooks/useSanitizedHTML.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSanitizedHTML.js","sourceRoot":"","sources":["../../src/hooks/useSanitizedHTML.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,YAAY,MAAM,eAAe,CAAA;AAExC,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,IAAY;IACnD,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;AACxD,CAAC","sourcesContent":["import * as React from 'react'\nimport sanitizeHtml from 'sanitize-html'\n\nexport default function useSanitizedHTML(text: string) {\n  return React.useMemo(() => sanitizeHtml(text), [text])\n}\n"]}

package/dist/services/form-validation.js

@@ -490,7 +490,7 @@ export function generateValidationSchema(elements, elementIdsWithLookupsExecuted
                     break;
                 }
                 case 'freshdeskDependentField': {
-                    const nestedElements = generateFreshdeskDependentFieldElements(formElement, undefined);
+                    const nestedElements = generateFreshdeskDependentFieldElements(formElement);
                     return {
                         nestedElements: {
                             schema: generateValidationSchema(nestedElements, elementIdsWithLookupsExecuted),

package/dist/services/form-validation.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-validation.js","sourceRoot":"","sources":["../../src/services/form-validation.ts"],"names":[],"mappings":"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","sourcesContent":["import validate, { ValidatorConstraintFn } from 'validate.js'\nimport { attachmentsService, localisationService } from '@oneblink/apps'\nimport { FormTypes } from '@oneblink/types'\nimport { FormElementBinaryStorageValue } from '../types/attachments'\nimport { Value as FormElementComplianceValue } from '../form-elements/FormElementCompliance'\nimport { parseDateValue } from './generate-default-data'\nimport generateCivicaNameRecordElements from './generateCivicaNameRecordElements'\nimport {\n  FormElementConditionallyShown,\n  FormElementsConditionallyShown,\n  FormElementsValidation,\n  FormSubmissionModel,\n} from '../types/form'\nimport generateFreshdeskDependentFieldElements from './generateFreshdeskDependentFieldElements'\nimport cleanFormSubmissionModel from './cleanFormSubmissionModel'\nimport getDateRangeConfiguration, {\n  DateRangeConfigurationOptions,\n} from './getDateRangeConfiguration'\nimport getRepeatableSetEntriesConfiguration from './getRepeatableSetEntriesConfiguration'\n\ntype NestedValidateJSSchema = {\n  schema: ValidateJSSchema\n  formElementConditionallyShown: FormElementConditionallyShown | undefined\n}\n\nexport const lookupValidationMessage = 'Lookup is required'\n// https://validatejs.org/#validators-datetime\n// Before using it we must add the parse and format functions\n// Here is a sample implementation using moment.js\nvalidate.extend(validate.validators.datetime, {\n  // The value is guaranteed not to be null or undefined but otherwise it\n  // could be anything.\n  parse: function (value: string) {\n    return Date.parse(value)\n  },\n  // Input is a unix timestamp\n  format: function (\n    value: string,\n    options: { format: (date: Date) => string },\n  ) {\n    const dateValue = new Date(value)\n    return options.format(dateValue)\n  },\n})\n\nvalidate.validators.entries = function (\n  value: unknown,\n  {\n    setSchema,\n    entrySchema: { schema: entrySchema, formElementConditionallyShown },\n  }: {\n    setSchema: ValidateJSSchema\n    entrySchema: NestedValidateJSSchema\n  },\n) {\n  const entries = Array.isArray(value) ? value : []\n\n  const entryErrors = entries.reduce((errorsByIndex, entry, index) => {\n    const entryValidation = validateSubmission(\n      entrySchema,\n      entry,\n      formElementConditionallyShown?.type === 'repeatableSet'\n        ? formElementConditionallyShown.entries[index.toString()]\n        : undefined,\n    )\n    if (entryValidation) {\n      errorsByIndex[index] = entryValidation\n    }\n    return errorsByIndex\n  }, {})\n\n  const setErrorMessages = validate.single(value, setSchema)\n\n  if (!setErrorMessages && validate.isEmpty(entryErrors)) {\n    return\n  }\n\n  return {\n    type: 'repeatableSet',\n    set: setErrorMessages && setErrorMessages[0],\n    entries: entryErrors,\n  }\n}\n\nvalidate.validators.nestedElements = function (\n  value: FormSubmissionModel | undefined,\n  { schema, formElementConditionallyShown }: NestedValidateJSSchema,\n) {\n  const errors = validateSubmission(\n    schema,\n    value,\n    formElementConditionallyShown?.type === 'formElements'\n      ? formElementConditionallyShown.formElements\n      : undefined,\n  )\n  if (!errors) {\n    return\n  }\n  return {\n    type: 'formElements',\n    formElements: errors,\n  }\n}\n\nfunction getInvalidAttachment(value: FormElementBinaryStorageValue) {\n  if (\n    value &&\n    typeof value === 'object' &&\n    value.type &&\n    value.type === 'ERROR'\n  ) {\n    return value\n  }\n}\nfunction validateAttachments(\n  value: FormElementBinaryStorageValue[] | undefined,\n) {\n  const invalidAttachmentNames = value?.reduce(\n    (invalidAttachmentNames: string[], att) => {\n      const attachmentName = getInvalidAttachment(att)?.fileName\n      if (attachmentName) {\n        invalidAttachmentNames.push(attachmentName)\n      }\n      return invalidAttachmentNames\n    },\n    [],\n  )\n  if (invalidAttachmentNames?.length) {\n    return `${invalidAttachmentNames.join(', ')} could not be uploaded.`\n  }\n}\nvalidate.validators.attachment = function (\n  value: FormElementBinaryStorageValue,\n) {\n  return getInvalidAttachment(value)?.errorMessage\n}\nvalidate.validators.attachments = function (\n  value:\n    | FormElementBinaryStorageValue[]\n    | FormElementComplianceValue\n    | undefined,\n) {\n  if (Array.isArray(value)) {\n    return validateAttachments(value)\n  }\n  return validateAttachments(\n    value?.files as FormElementBinaryStorageValue[] | undefined,\n  )\n}\n\n// Extend validator for lookups\nvalidate.validators.lookups = function (\n  value: unknown,\n  {\n    elementIdsWithLookupsExecuted,\n    formElement,\n  }: {\n    formElement: FormTypes.LookupFormElement & FormTypes.FormElementRequired\n    elementIdsWithLookupsExecuted: string[]\n  },\n) {\n  if (!formElement.isDataLookup && !formElement.isElementLookup) {\n    return\n  }\n\n  // Lookups must only be executed on required form elements\n  if (formElement && !formElement.required) {\n    return\n  }\n\n  if (elementIdsWithLookupsExecuted.includes(formElement.id)) {\n    return\n  }\n\n  return lookupValidationMessage\n}\n\nvalidate.validators.numberRegex = function (value: unknown, format: unknown) {\n  if (!format) {\n    return\n  }\n  if (typeof value === 'number' && !Number.isNaN(value)) {\n    value = value.toString()\n  }\n  const errorMessages = validate.single(value, { format })\n  return errorMessages && errorMessages[0]\n}\n\nvalidate.validators.isTrue = function (value: unknown, message?: string) {\n  if (!value) {\n    return message || 'Must be set to true'\n  }\n}\n\nvalidate.validators.needsExtension = function (\n  value: attachmentsService.Attachment[] | undefined,\n  formElement: FormTypes.FilesElement,\n) {\n  const isValid =\n    !Array.isArray(value) ||\n    value.every((file) => {\n      return checkFileNameExtensionIsValid(formElement, file.fileName)\n    })\n  if (!isValid) return 'All files must have extensions'\n}\n\nfunction getCustomRegexFormatConfig<DefaultValue>(\n  formElement: FormTypes.FormElementWithInput<DefaultValue>,\n) {\n  return formElement.regexPattern\n    ? {\n        pattern: formElement.regexPattern,\n        flags: formElement.regexFlags,\n        message: formElement.regexMessage,\n      }\n    : undefined\n}\n\ntype ValidateJSSchema = Record<string, unknown>\n\nconst presence = (\n  { required, requiredMessage }: FormTypes.FormElementRequired,\n  message: string,\n) => (required ? { message: requiredMessage || message } : false)\n\nconst escapeElementName = (elementName: string) => {\n  const escapedName = elementName.replace(/\\./g, '\\\\.')\n  return escapedName\n}\n\nfunction getCleanDateRangeConfiguration(\n  options: DateRangeConfigurationOptions,\n  elements: FormTypes.FormElement[],\n  submission: FormSubmissionModel | undefined,\n  formElementsConditionallyShown: FormElementsConditionallyShown | undefined,\n): ReturnType<typeof getDateRangeConfiguration> {\n  if (options.referenceFormElementId && submission) {\n    const { model } = cleanFormSubmissionModel(\n      submission,\n      elements,\n      formElementsConditionallyShown,\n      true,\n    )\n    return getDateRangeConfiguration(options, elements, model)\n  }\n  return [options.date, options.daysOffset]\n}\n\nfunction getCleanRepeatableSetConfiguration(\n  setEntries: FormTypes.RepeatableSetElement['minSetEntries'],\n  elements: FormTypes.FormElement[],\n  submission: FormSubmissionModel | undefined,\n  formElementsConditionallyShown: FormElementsConditionallyShown | undefined,\n) {\n  if (submission) {\n    const { model } = cleanFormSubmissionModel(\n      submission,\n      elements,\n      formElementsConditionallyShown,\n      true,\n    )\n    return getRepeatableSetEntriesConfiguration(setEntries, elements, model)\n  }\n}\n\nexport function generateValidationSchema(\n  elements: FormTypes.FormElementWithName[],\n  elementIdsWithLookupsExecuted: string[],\n): ValidateJSSchema {\n  return elements.reduce<ValidateJSSchema>((partialSchema, formElement) => {\n    switch (formElement.type) {\n      // Elements that do not need to be validated\n      case 'summary':\n      case 'calculation':\n      case 'image':\n      case 'html':\n      case 'infoPage':\n      case 'heading': {\n        return partialSchema\n      }\n    }\n\n    const constraint: ValidatorConstraintFn<FormSubmissionModel> = (\n      value,\n      submission,\n      propertyName,\n      { formElementsConditionallyShown },\n    ) => {\n      // If the element is current hidden, we do not need to apply validation\n      const formElementConditionallyShown =\n        formElementsConditionallyShown?.[formElement.name]\n      if (formElementConditionallyShown?.isHidden) {\n        return\n      }\n\n      switch (formElement.type) {\n        case 'draw': {\n          return {\n            attachment: true,\n            presence: presence(formElement, 'A saved signature is required'),\n          }\n        }\n        case 'camera': {\n          return {\n            attachment: true,\n            presence: presence(formElement, 'A photo is required'),\n          }\n        }\n        case 'captcha': {\n          return {\n            presence: presence(\n              { ...formElement, required: true },\n              'Please complete the CAPTCHA successfully',\n            ),\n          }\n        }\n        case 'location': {\n          return {\n            presence: presence(formElement, 'Please select a location'),\n            lookups: {\n              formElement,\n              elementIdsWithLookupsExecuted,\n            },\n          }\n        }\n        case 'compliance': {\n          return {\n            presence: presence(formElement, 'Required'),\n            lookups: {\n              formElement,\n              elementIdsWithLookupsExecuted,\n            },\n            attachments: true,\n          }\n        }\n        case 'checkboxes': {\n          const requiredAllDefaultMessage = 'All options are required'\n          return {\n            presence: presence(\n              {\n                ...formElement,\n                required: formElement.required || !!formElement.requiredAll,\n              },\n              formElement.requiredAll ? requiredAllDefaultMessage : 'Required',\n            ),\n            length: formElement.requiredAll\n              ? {\n                  is: formElement.options?.length,\n                  message:\n                    formElement.requiredMessage || requiredAllDefaultMessage,\n                }\n              : undefined,\n            lookups: {\n              formElement,\n              elementIdsWithLookupsExecuted,\n            },\n          }\n        }\n        case 'abn':\n        case 'geoscapeAddress':\n        case 'pointAddress':\n        case 'civicaStreetName':\n        case 'autocomplete':\n        case 'radio':\n        case 'select': {\n          return {\n            presence: presence(formElement, 'Required'),\n            lookups: {\n              formElement,\n              elementIdsWithLookupsExecuted,\n            },\n          }\n        }\n        case 'boolean': {\n          return {\n            isTrue: formElement.required && 'Required',\n            lookups: {\n              formElement,\n              elementIdsWithLookupsExecuted,\n            },\n          }\n        }\n        case 'bsb': {\n          return {\n            presence: presence(formElement, 'Please enter a BSB number'),\n            lookups: {\n              formElement,\n              elementIdsWithLookupsExecuted,\n            },\n            format: {\n              pattern: /\\d{3}-\\d{3}/,\n              message: 'Please enter a valid BSB number',\n            },\n          }\n        }\n        case 'barcodeScanner': {\n          return {\n            presence: presence(\n              formElement,\n              'Please scan a barcode or enter a value',\n            ),\n            lookups: {\n              formElement,\n              elementIdsWithLookupsExecuted,\n            },\n            format: getCustomRegexFormatConfig(formElement),\n          }\n        }\n        case 'text':\n        case 'textarea': {\n          return {\n            presence: presence(formElement, 'Please enter a value'),\n            lookups: {\n              formElement,\n              elementIdsWithLookupsExecuted,\n            },\n            length: {\n              minimum: formElement.minLength,\n              tooShort:\n                'Please enter a value with at least %{count} character(s)',\n              maximum: formElement.maxLength,\n              tooLong:\n                'Please enter a value with %{count} character(s) or less',\n            },\n            format: getCustomRegexFormatConfig(formElement),\n          }\n        }\n        case 'telephone': {\n          return {\n            presence: presence(formElement, 'Please enter a phone number'),\n            lookups: {\n              formElement,\n              elementIdsWithLookupsExecuted,\n            },\n            format: getCustomRegexFormatConfig(formElement),\n          }\n        }\n        case 'email': {\n          return {\n            presence: presence(formElement, 'Please enter an email address'),\n            email: {\n              message: 'Please enter a valid email for this field',\n            },\n            lookups: {\n              formElement,\n              elementIdsWithLookupsExecuted,\n            },\n            format: getCustomRegexFormatConfig(formElement),\n          }\n        }\n        case 'time': {\n          return {\n            presence: presence(formElement, 'Please select a time'),\n            lookups: {\n              formElement,\n              elementIdsWithLookupsExecuted,\n            },\n          }\n        }\n        case 'date': {\n          const [fromDate, fromDateDaysOffset] = getCleanDateRangeConfiguration(\n            {\n              date: formElement.fromDate,\n              daysOffset: formElement.fromDateDaysOffset,\n              referenceFormElementId: formElement.fromDateElementId,\n            },\n            elements,\n            submission,\n            formElementsConditionallyShown,\n          )\n          const [toDate, toDateDaysOffset] = getCleanDateRangeConfiguration(\n            {\n              date: formElement.toDate,\n              daysOffset: formElement.toDateDaysOffset,\n              referenceFormElementId: formElement.toDateElementId,\n            },\n            elements,\n            submission,\n            formElementsConditionallyShown,\n          )\n          return {\n            presence: presence(formElement, 'Please select a date'),\n            date: {\n              format: (v: Date) => localisationService.formatDate(v),\n              earliest: parseDateValue({\n                dateOnly: true,\n                daysOffset: fromDateDaysOffset,\n                value: fromDate,\n              }),\n              latest: parseDateValue({\n                dateOnly: true,\n                daysOffset: toDateDaysOffset,\n                value: toDate,\n              }),\n              notValid: 'Please select a valid date',\n              tooEarly: 'Date cannot be before %{date}',\n              tooLate: 'Date cannot be after %{date}',\n            },\n            lookups: {\n              formElement,\n              elementIdsWithLookupsExecuted,\n            },\n          }\n        }\n        case 'datetime': {\n          const [fromDate, fromDateDaysOffset] = getCleanDateRangeConfiguration(\n            {\n              date: formElement.fromDate,\n              daysOffset: formElement.fromDateDaysOffset,\n              referenceFormElementId: formElement.fromDateElementId,\n            },\n            elements,\n            submission,\n            formElementsConditionallyShown,\n          )\n          const [toDate, toDateDaysOffset] = getCleanDateRangeConfiguration(\n            {\n              date: formElement.toDate,\n              daysOffset: formElement.toDateDaysOffset,\n              referenceFormElementId: formElement.toDateElementId,\n            },\n            elements,\n            submission,\n            formElementsConditionallyShown,\n          )\n          return {\n            presence: presence(formElement, 'Please select a date and time'),\n            datetime: {\n              format: (v: Date) => localisationService.formatDatetime(v),\n              earliest: parseDateValue({\n                dateOnly: false,\n                daysOffset: fromDateDaysOffset,\n                value: fromDate,\n              }),\n              latest: parseDateValue({\n                dateOnly: false,\n                daysOffset: toDateDaysOffset,\n                value: toDate,\n              }),\n              notValid: 'Please select a valid date and time',\n              tooEarly: 'Date and time cannot be before %{date}',\n              tooLate: 'Date and time cannot be after %{date}',\n            },\n            lookups: {\n              formElement,\n              elementIdsWithLookupsExecuted,\n            },\n          }\n        }\n        case 'number': {\n          let minErrorMessage =\n            'Please enter a number greater than or equal to %{count}'\n          let maxErrorMessage =\n            'Please enter a number less than or equal to %{count}'\n          if (\n            typeof formElement.minNumber === 'number' &&\n            typeof formElement.maxNumber === 'number'\n          ) {\n            minErrorMessage =\n              maxErrorMessage = `Please enter a number between ${formElement.minNumber} and ${formElement.maxNumber}`\n          }\n\n          return {\n            type: 'number',\n            presence: presence(formElement, 'Please enter a number'),\n            numericality: {\n              greaterThanOrEqualTo: formElement.minNumber,\n              notGreaterThanOrEqualTo: minErrorMessage,\n              lessThanOrEqualTo: formElement.maxNumber,\n              notLessThanOrEqualTo: maxErrorMessage,\n              onlyInteger: formElement.isInteger,\n              notInteger: 'Please enter a whole number',\n            },\n            lookups: {\n              formElement,\n              elementIdsWithLookupsExecuted,\n            },\n            numberRegex: getCustomRegexFormatConfig(formElement),\n          }\n        }\n        case 'files': {\n          return {\n            presence: formElement.minEntries\n              ? {\n                  message: `Please upload at least ${\n                    formElement.minEntries\n                  } file${formElement.minEntries === 1 ? '' : 's'}`,\n                }\n              : false,\n            length: {\n              minimum: formElement.minEntries,\n              maximum: formElement.maxEntries,\n              tooLong: 'Cannot upload more than %{count} file(s)',\n              tooShort: 'Please upload at least %{count} file(s)',\n            },\n            type: {\n              type: (files: attachmentsService.Attachment[] | undefined) => {\n                return (\n                  !Array.isArray(files) ||\n                  files.every((file) => {\n                    return checkFileNameIsValid(formElement, file.fileName)\n                  })\n                )\n              },\n              message: `Only the following file types are accepted: ${(\n                formElement.restrictedFileTypes || []\n              ).join(', ')}`,\n            },\n            needsExtension: formElement,\n            attachments: true,\n          }\n        }\n        case 'repeatableSet': {\n          const minSetEntries = getCleanRepeatableSetConfiguration(\n            formElement.minSetEntries,\n            elements,\n            submission,\n            formElementsConditionallyShown,\n          )\n          const maxSetEntries = getCleanRepeatableSetConfiguration(\n            formElement.maxSetEntries,\n            elements,\n            submission,\n            formElementsConditionallyShown,\n          )\n          return {\n            entries: {\n              setSchema: {\n                presence: minSetEntries\n                  ? {\n                      message: `Must have at least ${minSetEntries} ${\n                        minSetEntries === 1 ? 'entry' : 'entries'\n                      }`,\n                    }\n                  : false,\n                length: {\n                  minimum: minSetEntries,\n                  maximum: maxSetEntries,\n                  tooLong: 'Cannot have more than %{count} entry/entries',\n                  tooShort: 'Must have at least %{count} entry/entries',\n                },\n              },\n              entrySchema: {\n                schema: generateValidationSchema(\n                  formElement.elements as FormTypes.FormElementWithName[],\n                  elementIdsWithLookupsExecuted,\n                ),\n                formElementConditionallyShown:\n                  formElementsConditionallyShown?.[formElement.name],\n              },\n            },\n          }\n        }\n        case 'civicaNameRecord': {\n          const nestedElements = generateCivicaNameRecordElements(\n            formElement,\n            [],\n          )\n          return {\n            nestedElements: {\n              schema: generateValidationSchema(\n                nestedElements as FormTypes.FormElementWithName[],\n                elementIdsWithLookupsExecuted,\n              ),\n              formElementConditionallyShown:\n                formElementsConditionallyShown?.[formElement.name],\n            },\n          }\n        }\n        case 'form': {\n          if (formElement.elements) {\n            return {\n              nestedElements: {\n                schema: generateValidationSchema(\n                  formElement.elements as FormTypes.FormElementWithName[],\n                  elementIdsWithLookupsExecuted,\n                ),\n                formElementConditionallyShown:\n                  formElementsConditionallyShown?.[formElement.name],\n              },\n            }\n          }\n          break\n        }\n        case 'freshdeskDependentField': {\n          const nestedElements = generateFreshdeskDependentFieldElements(\n            formElement,\n            undefined,\n          )\n          return {\n            nestedElements: {\n              schema: generateValidationSchema(\n                nestedElements as FormTypes.FormElementWithName[],\n                elementIdsWithLookupsExecuted,\n              ),\n              formElementConditionallyShown:\n                formElementsConditionallyShown?.[formElement.name],\n            },\n          }\n        }\n        default: {\n          console.info('Unsupported form element with validation', formElement)\n        }\n      }\n    }\n    partialSchema[escapeElementName(formElement.name)] = constraint\n    return partialSchema\n  }, {})\n}\n\nexport function validateSubmission(\n  schema: ValidateJSSchema,\n  submission: FormSubmissionModel | undefined,\n  formElementsConditionallyShown: FormElementsConditionallyShown | undefined,\n): FormElementsValidation | undefined {\n  const errorsAsArray = validate(submission, schema, {\n    format: 'grouped',\n    fullMessages: false,\n    formElementsConditionallyShown,\n  })\n  if (!errorsAsArray || validate.isEmpty(errorsAsArray)) {\n    return\n  }\n\n  const errors = Object.keys(errorsAsArray || {}).reduce(\n    (messagesByFormElementName: FormElementsValidation, key) => {\n      const validationMessage = errorsAsArray[key][0]\n      if (validationMessage) {\n        messagesByFormElementName[key.replace(/\\\\./g, '.')] = validationMessage\n      }\n      return messagesByFormElementName\n    },\n    {},\n  )\n  if (validate.isEmpty(errors)) {\n    return\n  }\n\n  return errors\n}\n\nexport function checkFileNameIsValid(\n  formElement: FormTypes.FilesElement,\n  fileName: string,\n) {\n  const extension = fileName.split('.').pop()\n  return (\n    !formElement.restrictedFileTypes ||\n    formElement.restrictedFileTypes.some(\n      (fileType) => fileType.toLowerCase() === extension?.toLowerCase(),\n    )\n  )\n}\n\nexport function checkFileNameExtensionIsValid(\n  formElement: FormTypes.FilesElement,\n  fileName: string,\n) {\n  return (\n    formElement.allowExtensionlessAttachments || fileName.split('.').length >= 2\n  )\n}\n\nexport function checkSectionValidity(\n  element: FormTypes.PageElement | FormTypes.SectionElement,\n  formElementsValidation: FormElementsValidation | undefined,\n): boolean {\n  // If everything is valid, no need to check elements\n  if (!formElementsValidation) {\n    return false\n  }\n\n  // If there is no elements on the page that are invalid, we will treat as valid\n  return element.elements.some((formElement) => {\n    switch (formElement.type) {\n      case 'page':\n      case 'section': {\n        return checkSectionValidity(formElement, formElementsValidation)\n      }\n      default: {\n        return formElementsValidation[formElement.name]\n      }\n    }\n  })\n}\n"]}
+{"version":3,"file":"form-validation.js","sourceRoot":"","sources":["../../src/services/form-validation.ts"],"names":[],"mappings":"AAAA,OAAO,QAAmC,MAAM,aAAa,CAAA;AAC7D,OAAO,EAAsB,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAIxE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,gCAAgC,MAAM,oCAAoC,CAAA;AAOjF,OAAO,uCAAuC,MAAM,2CAA2C,CAAA;AAC/F,OAAO,wBAAwB,MAAM,4BAA4B,CAAA;AACjE,OAAO,yBAEN,MAAM,6BAA6B,CAAA;AACpC,OAAO,oCAAoC,MAAM,wCAAwC,CAAA;AAOzF,MAAM,CAAC,MAAM,uBAAuB,GAAG,oBAAoB,CAAA;AAC3D,8CAA8C;AAC9C,6DAA6D;AAC7D,kDAAkD;AAClD,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,QAAQ,EAAE;IAC5C,uEAAuE;IACvE,qBAAqB;IACrB,KAAK,EAAE,UAAU,KAAa;QAC5B,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAC1B,CAAC;IACD,4BAA4B;IAC5B,MAAM,EAAE,UACN,KAAa,EACb,OAA2C;QAE3C,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAA;QACjC,OAAO,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;IAClC,CAAC;CACF,CAAC,CAAA;AAEF,QAAQ,CAAC,UAAU,CAAC,OAAO,GAAG,UAC5B,KAAc,EACd,EACE,SAAS,EACT,WAAW,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,6BAA6B,EAAE,GAIpE;IAED,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;IAEjD,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;QACjE,MAAM,eAAe,GAAG,kBAAkB,CACxC,WAAW,EACX,KAAK,EACL,CAAA,6BAA6B,aAA7B,6BAA6B,uBAA7B,6BAA6B,CAAE,IAAI,MAAK,eAAe;YACrD,CAAC,CAAC,6BAA6B,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACzD,CAAC,CAAC,SAAS,CACd,CAAA;QACD,IAAI,eAAe,EAAE;YACnB,aAAa,CAAC,KAAK,CAAC,GAAG,eAAe,CAAA;SACvC;QACD,OAAO,aAAa,CAAA;IACtB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,gBAAgB,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,CAAA;IAE1D,IAAI,CAAC,gBAAgB,IAAI,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;QACtD,OAAM;KACP;IAED,OAAO;QACL,IAAI,EAAE,eAAe;QACrB,GAAG,EAAE,gBAAgB,IAAI,gBAAgB,CAAC,CAAC,CAAC;QAC5C,OAAO,EAAE,WAAW;KACrB,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,UAAU,CAAC,cAAc,GAAG,UACnC,KAAsC,EACtC,EAAE,MAAM,EAAE,6BAA6B,EAA0B;IAEjE,MAAM,MAAM,GAAG,kBAAkB,CAC/B,MAAM,EACN,KAAK,EACL,CAAA,6BAA6B,aAA7B,6BAA6B,uBAA7B,6BAA6B,CAAE,IAAI,MAAK,cAAc;QACpD,CAAC,CAAC,6BAA6B,CAAC,YAAY;QAC5C,CAAC,CAAC,SAAS,CACd,CAAA;IACD,IAAI,CAAC,MAAM,EAAE;QACX,OAAM;KACP;IACD,OAAO;QACL,IAAI,EAAE,cAAc;QACpB,YAAY,EAAE,MAAM;KACrB,CAAA;AACH,CAAC,CAAA;AAED,SAAS,oBAAoB,CAAC,KAAoC;IAChE,IACE,KAAK;QACL,OAAO,KAAK,KAAK,QAAQ;QACzB,KAAK,CAAC,IAAI;QACV,KAAK,CAAC,IAAI,KAAK,OAAO,EACtB;QACA,OAAO,KAAK,CAAA;KACb;AACH,CAAC;AACD,SAAS,mBAAmB,CAC1B,KAAkD;IAElD,MAAM,sBAAsB,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAC1C,CAAC,sBAAgC,EAAE,GAAG,EAAE,EAAE;;QACxC,MAAM,cAAc,GAAG,MAAA,oBAAoB,CAAC,GAAG,CAAC,0CAAE,QAAQ,CAAA;QAC1D,IAAI,cAAc,EAAE;YAClB,sBAAsB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;SAC5C;QACD,OAAO,sBAAsB,CAAA;IAC/B,CAAC,EACD,EAAE,CACH,CAAA;IACD,IAAI,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAE,MAAM,EAAE;QAClC,OAAO,GAAG,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,yBAAyB,CAAA;KACrE;AACH,CAAC;AACD,QAAQ,CAAC,UAAU,CAAC,UAAU,GAAG,UAC/B,KAAoC;;IAEpC,OAAO,MAAA,oBAAoB,CAAC,KAAK,CAAC,0CAAE,YAAY,CAAA;AAClD,CAAC,CAAA;AACD,QAAQ,CAAC,UAAU,CAAC,WAAW,GAAG,UAChC,KAGa;IAEb,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,OAAO,mBAAmB,CAAC,KAAK,CAAC,CAAA;KAClC;IACD,OAAO,mBAAmB,CACxB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAoD,CAC5D,CAAA;AACH,CAAC,CAAA;AAED,+BAA+B;AAC/B,QAAQ,CAAC,UAAU,CAAC,OAAO,GAAG,UAC5B,KAAc,EACd,EACE,6BAA6B,EAC7B,WAAW,GAIZ;IAED,IAAI,CAAC,WAAW,CAAC,YAAY,IAAI,CAAC,WAAW,CAAC,eAAe,EAAE;QAC7D,OAAM;KACP;IAED,0DAA0D;IAC1D,IAAI,WAAW,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE;QACxC,OAAM;KACP;IAED,IAAI,6BAA6B,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE;QAC1D,OAAM;KACP;IAED,OAAO,uBAAuB,CAAA;AAChC,CAAC,CAAA;AAED,QAAQ,CAAC,UAAU,CAAC,WAAW,GAAG,UAAU,KAAc,EAAE,MAAe;IACzE,IAAI,CAAC,MAAM,EAAE;QACX,OAAM;KACP;IACD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QACrD,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAA;KACzB;IACD,MAAM,aAAa,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,CAAA;IACxD,OAAO,aAAa,IAAI,aAAa,CAAC,CAAC,CAAC,CAAA;AAC1C,CAAC,CAAA;AAED,QAAQ,CAAC,UAAU,CAAC,MAAM,GAAG,UAAU,KAAc,EAAE,OAAgB;IACrE,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,OAAO,IAAI,qBAAqB,CAAA;KACxC;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,UAAU,CAAC,cAAc,GAAG,UACnC,KAAkD,EAClD,WAAmC;IAEnC,MAAM,OAAO,GACX,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QACrB,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE;YACnB,OAAO,6BAA6B,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAA;QAClE,CAAC,CAAC,CAAA;IACJ,IAAI,CAAC,OAAO;QAAE,OAAO,gCAAgC,CAAA;AACvD,CAAC,CAAA;AAED,SAAS,0BAA0B,CACjC,WAAyD;IAEzD,OAAO,WAAW,CAAC,YAAY;QAC7B,CAAC,CAAC;YACE,OAAO,EAAE,WAAW,CAAC,YAAY;YACjC,KAAK,EAAE,WAAW,CAAC,UAAU;YAC7B,OAAO,EAAE,WAAW,CAAC,YAAY;SAClC;QACH,CAAC,CAAC,SAAS,CAAA;AACf,CAAC;AAID,MAAM,QAAQ,GAAG,CACf,EAAE,QAAQ,EAAE,eAAe,EAAiC,EAC5D,OAAe,EACf,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;AAEjE,MAAM,iBAAiB,GAAG,CAAC,WAAmB,EAAE,EAAE;IAChD,MAAM,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;IACrD,OAAO,WAAW,CAAA;AACpB,CAAC,CAAA;AAED,SAAS,8BAA8B,CACrC,OAAsC,EACtC,QAAiC,EACjC,UAA2C,EAC3C,8BAA0E;IAE1E,IAAI,OAAO,CAAC,sBAAsB,IAAI,UAAU,EAAE;QAChD,MAAM,EAAE,KAAK,EAAE,GAAG,wBAAwB,CACxC,UAAU,EACV,QAAQ,EACR,8BAA8B,EAC9B,IAAI,CACL,CAAA;QACD,OAAO,yBAAyB,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAA;KAC3D;IACD,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;AAC3C,CAAC;AAED,SAAS,kCAAkC,CACzC,UAA2D,EAC3D,QAAiC,EACjC,UAA2C,EAC3C,8BAA0E;IAE1E,IAAI,UAAU,EAAE;QACd,MAAM,EAAE,KAAK,EAAE,GAAG,wBAAwB,CACxC,UAAU,EACV,QAAQ,EACR,8BAA8B,EAC9B,IAAI,CACL,CAAA;QACD,OAAO,oCAAoC,CAAC,UAAU,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAA;KACzE;AACH,CAAC;AAED,MAAM,UAAU,wBAAwB,CACtC,QAAyC,EACzC,6BAAuC;IAEvC,OAAO,QAAQ,CAAC,MAAM,CAAmB,CAAC,aAAa,EAAE,WAAW,EAAE,EAAE;QACtE,QAAQ,WAAW,CAAC,IAAI,EAAE;YACxB,4CAA4C;YAC5C,KAAK,SAAS,CAAC;YACf,KAAK,aAAa,CAAC;YACnB,KAAK,OAAO,CAAC;YACb,KAAK,MAAM,CAAC;YACZ,KAAK,UAAU,CAAC;YAChB,KAAK,SAAS,CAAC,CAAC;gBACd,OAAO,aAAa,CAAA;aACrB;SACF;QAED,MAAM,UAAU,GAA+C,CAC7D,KAAK,EACL,UAAU,EACV,YAAY,EACZ,EAAE,8BAA8B,EAAE,EAClC,EAAE;;YACF,uEAAuE;YACvE,MAAM,6BAA6B,GACjC,8BAA8B,aAA9B,8BAA8B,uBAA9B,8BAA8B,CAAG,WAAW,CAAC,IAAI,CAAC,CAAA;YACpD,IAAI,6BAA6B,aAA7B,6BAA6B,uBAA7B,6BAA6B,CAAE,QAAQ,EAAE;gBAC3C,OAAM;aACP;YAED,QAAQ,WAAW,CAAC,IAAI,EAAE;gBACxB,KAAK,MAAM,CAAC,CAAC;oBACX,OAAO;wBACL,UAAU,EAAE,IAAI;wBAChB,QAAQ,EAAE,QAAQ,CAAC,WAAW,EAAE,+BAA+B,CAAC;qBACjE,CAAA;iBACF;gBACD,KAAK,QAAQ,CAAC,CAAC;oBACb,OAAO;wBACL,UAAU,EAAE,IAAI;wBAChB,QAAQ,EAAE,QAAQ,CAAC,WAAW,EAAE,qBAAqB,CAAC;qBACvD,CAAA;iBACF;gBACD,KAAK,SAAS,CAAC,CAAC;oBACd,OAAO;wBACL,QAAQ,EAAE,QAAQ,CAChB,EAAE,GAAG,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,EAClC,0CAA0C,CAC3C;qBACF,CAAA;iBACF;gBACD,KAAK,UAAU,CAAC,CAAC;oBACf,OAAO;wBACL,QAAQ,EAAE,QAAQ,CAAC,WAAW,EAAE,0BAA0B,CAAC;wBAC3D,OAAO,EAAE;4BACP,WAAW;4BACX,6BAA6B;yBAC9B;qBACF,CAAA;iBACF;gBACD,KAAK,YAAY,CAAC,CAAC;oBACjB,OAAO;wBACL,QAAQ,EAAE,QAAQ,CAAC,WAAW,EAAE,UAAU,CAAC;wBAC3C,OAAO,EAAE;4BACP,WAAW;4BACX,6BAA6B;yBAC9B;wBACD,WAAW,EAAE,IAAI;qBAClB,CAAA;iBACF;gBACD,KAAK,YAAY,CAAC,CAAC;oBACjB,MAAM,yBAAyB,GAAG,0BAA0B,CAAA;oBAC5D,OAAO;wBACL,QAAQ,EAAE,QAAQ,CAChB;4BACE,GAAG,WAAW;4BACd,QAAQ,EAAE,WAAW,CAAC,QAAQ,IAAI,CAAC,CAAC,WAAW,CAAC,WAAW;yBAC5D,EACD,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,UAAU,CACjE;wBACD,MAAM,EAAE,WAAW,CAAC,WAAW;4BAC7B,CAAC,CAAC;gCACE,EAAE,EAAE,MAAA,WAAW,CAAC,OAAO,0CAAE,MAAM;gCAC/B,OAAO,EACL,WAAW,CAAC,eAAe,IAAI,yBAAyB;6BAC3D;4BACH,CAAC,CAAC,SAAS;wBACb,OAAO,EAAE;4BACP,WAAW;4BACX,6BAA6B;yBAC9B;qBACF,CAAA;iBACF;gBACD,KAAK,KAAK,CAAC;gBACX,KAAK,iBAAiB,CAAC;gBACvB,KAAK,cAAc,CAAC;gBACpB,KAAK,kBAAkB,CAAC;gBACxB,KAAK,cAAc,CAAC;gBACpB,KAAK,OAAO,CAAC;gBACb,KAAK,QAAQ,CAAC,CAAC;oBACb,OAAO;wBACL,QAAQ,EAAE,QAAQ,CAAC,WAAW,EAAE,UAAU,CAAC;wBAC3C,OAAO,EAAE;4BACP,WAAW;4BACX,6BAA6B;yBAC9B;qBACF,CAAA;iBACF;gBACD,KAAK,SAAS,CAAC,CAAC;oBACd,OAAO;wBACL,MAAM,EAAE,WAAW,CAAC,QAAQ,IAAI,UAAU;wBAC1C,OAAO,EAAE;4BACP,WAAW;4BACX,6BAA6B;yBAC9B;qBACF,CAAA;iBACF;gBACD,KAAK,KAAK,CAAC,CAAC;oBACV,OAAO;wBACL,QAAQ,EAAE,QAAQ,CAAC,WAAW,EAAE,2BAA2B,CAAC;wBAC5D,OAAO,EAAE;4BACP,WAAW;4BACX,6BAA6B;yBAC9B;wBACD,MAAM,EAAE;4BACN,OAAO,EAAE,aAAa;4BACtB,OAAO,EAAE,iCAAiC;yBAC3C;qBACF,CAAA;iBACF;gBACD,KAAK,gBAAgB,CAAC,CAAC;oBACrB,OAAO;wBACL,QAAQ,EAAE,QAAQ,CAChB,WAAW,EACX,wCAAwC,CACzC;wBACD,OAAO,EAAE;4BACP,WAAW;4BACX,6BAA6B;yBAC9B;wBACD,MAAM,EAAE,0BAA0B,CAAC,WAAW,CAAC;qBAChD,CAAA;iBACF;gBACD,KAAK,MAAM,CAAC;gBACZ,KAAK,UAAU,CAAC,CAAC;oBACf,OAAO;wBACL,QAAQ,EAAE,QAAQ,CAAC,WAAW,EAAE,sBAAsB,CAAC;wBACvD,OAAO,EAAE;4BACP,WAAW;4BACX,6BAA6B;yBAC9B;wBACD,MAAM,EAAE;4BACN,OAAO,EAAE,WAAW,CAAC,SAAS;4BAC9B,QAAQ,EACN,0DAA0D;4BAC5D,OAAO,EAAE,WAAW,CAAC,SAAS;4BAC9B,OAAO,EACL,yDAAyD;yBAC5D;wBACD,MAAM,EAAE,0BAA0B,CAAC,WAAW,CAAC;qBAChD,CAAA;iBACF;gBACD,KAAK,WAAW,CAAC,CAAC;oBAChB,OAAO;wBACL,QAAQ,EAAE,QAAQ,CAAC,WAAW,EAAE,6BAA6B,CAAC;wBAC9D,OAAO,EAAE;4BACP,WAAW;4BACX,6BAA6B;yBAC9B;wBACD,MAAM,EAAE,0BAA0B,CAAC,WAAW,CAAC;qBAChD,CAAA;iBACF;gBACD,KAAK,OAAO,CAAC,CAAC;oBACZ,OAAO;wBACL,QAAQ,EAAE,QAAQ,CAAC,WAAW,EAAE,+BAA+B,CAAC;wBAChE,KAAK,EAAE;4BACL,OAAO,EAAE,2CAA2C;yBACrD;wBACD,OAAO,EAAE;4BACP,WAAW;4BACX,6BAA6B;yBAC9B;wBACD,MAAM,EAAE,0BAA0B,CAAC,WAAW,CAAC;qBAChD,CAAA;iBACF;gBACD,KAAK,MAAM,CAAC,CAAC;oBACX,OAAO;wBACL,QAAQ,EAAE,QAAQ,CAAC,WAAW,EAAE,sBAAsB,CAAC;wBACvD,OAAO,EAAE;4BACP,WAAW;4BACX,6BAA6B;yBAC9B;qBACF,CAAA;iBACF;gBACD,KAAK,MAAM,CAAC,CAAC;oBACX,MAAM,CAAC,QAAQ,EAAE,kBAAkB,CAAC,GAAG,8BAA8B,CACnE;wBACE,IAAI,EAAE,WAAW,CAAC,QAAQ;wBAC1B,UAAU,EAAE,WAAW,CAAC,kBAAkB;wBAC1C,sBAAsB,EAAE,WAAW,CAAC,iBAAiB;qBACtD,EACD,QAAQ,EACR,UAAU,EACV,8BAA8B,CAC/B,CAAA;oBACD,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,GAAG,8BAA8B,CAC/D;wBACE,IAAI,EAAE,WAAW,CAAC,MAAM;wBACxB,UAAU,EAAE,WAAW,CAAC,gBAAgB;wBACxC,sBAAsB,EAAE,WAAW,CAAC,eAAe;qBACpD,EACD,QAAQ,EACR,UAAU,EACV,8BAA8B,CAC/B,CAAA;oBACD,OAAO;wBACL,QAAQ,EAAE,QAAQ,CAAC,WAAW,EAAE,sBAAsB,CAAC;wBACvD,IAAI,EAAE;4BACJ,MAAM,EAAE,CAAC,CAAO,EAAE,EAAE,CAAC,mBAAmB,CAAC,UAAU,CAAC,CAAC,CAAC;4BACtD,QAAQ,EAAE,cAAc,CAAC;gCACvB,QAAQ,EAAE,IAAI;gCACd,UAAU,EAAE,kBAAkB;gCAC9B,KAAK,EAAE,QAAQ;6BAChB,CAAC;4BACF,MAAM,EAAE,cAAc,CAAC;gCACrB,QAAQ,EAAE,IAAI;gCACd,UAAU,EAAE,gBAAgB;gCAC5B,KAAK,EAAE,MAAM;6BACd,CAAC;4BACF,QAAQ,EAAE,4BAA4B;4BACtC,QAAQ,EAAE,+BAA+B;4BACzC,OAAO,EAAE,8BAA8B;yBACxC;wBACD,OAAO,EAAE;4BACP,WAAW;4BACX,6BAA6B;yBAC9B;qBACF,CAAA;iBACF;gBACD,KAAK,UAAU,CAAC,CAAC;oBACf,MAAM,CAAC,QAAQ,EAAE,kBAAkB,CAAC,GAAG,8BAA8B,CACnE;wBACE,IAAI,EAAE,WAAW,CAAC,QAAQ;wBAC1B,UAAU,EAAE,WAAW,CAAC,kBAAkB;wBAC1C,sBAAsB,EAAE,WAAW,CAAC,iBAAiB;qBACtD,EACD,QAAQ,EACR,UAAU,EACV,8BAA8B,CAC/B,CAAA;oBACD,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,GAAG,8BAA8B,CAC/D;wBACE,IAAI,EAAE,WAAW,CAAC,MAAM;wBACxB,UAAU,EAAE,WAAW,CAAC,gBAAgB;wBACxC,sBAAsB,EAAE,WAAW,CAAC,eAAe;qBACpD,EACD,QAAQ,EACR,UAAU,EACV,8BAA8B,CAC/B,CAAA;oBACD,OAAO;wBACL,QAAQ,EAAE,QAAQ,CAAC,WAAW,EAAE,+BAA+B,CAAC;wBAChE,QAAQ,EAAE;4BACR,MAAM,EAAE,CAAC,CAAO,EAAE,EAAE,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC,CAAC;4BAC1D,QAAQ,EAAE,cAAc,CAAC;gCACvB,QAAQ,EAAE,KAAK;gCACf,UAAU,EAAE,kBAAkB;gCAC9B,KAAK,EAAE,QAAQ;6BAChB,CAAC;4BACF,MAAM,EAAE,cAAc,CAAC;gCACrB,QAAQ,EAAE,KAAK;gCACf,UAAU,EAAE,gBAAgB;gCAC5B,KAAK,EAAE,MAAM;6BACd,CAAC;4BACF,QAAQ,EAAE,qCAAqC;4BAC/C,QAAQ,EAAE,wCAAwC;4BAClD,OAAO,EAAE,uCAAuC;yBACjD;wBACD,OAAO,EAAE;4BACP,WAAW;4BACX,6BAA6B;yBAC9B;qBACF,CAAA;iBACF;gBACD,KAAK,QAAQ,CAAC,CAAC;oBACb,IAAI,eAAe,GACjB,yDAAyD,CAAA;oBAC3D,IAAI,eAAe,GACjB,sDAAsD,CAAA;oBACxD,IACE,OAAO,WAAW,CAAC,SAAS,KAAK,QAAQ;wBACzC,OAAO,WAAW,CAAC,SAAS,KAAK,QAAQ,EACzC;wBACA,eAAe;4BACb,eAAe,GAAG,iCAAiC,WAAW,CAAC,SAAS,QAAQ,WAAW,CAAC,SAAS,EAAE,CAAA;qBAC1G;oBAED,OAAO;wBACL,IAAI,EAAE,QAAQ;wBACd,QAAQ,EAAE,QAAQ,CAAC,WAAW,EAAE,uBAAuB,CAAC;wBACxD,YAAY,EAAE;4BACZ,oBAAoB,EAAE,WAAW,CAAC,SAAS;4BAC3C,uBAAuB,EAAE,eAAe;4BACxC,iBAAiB,EAAE,WAAW,CAAC,SAAS;4BACxC,oBAAoB,EAAE,eAAe;4BACrC,WAAW,EAAE,WAAW,CAAC,SAAS;4BAClC,UAAU,EAAE,6BAA6B;yBAC1C;wBACD,OAAO,EAAE;4BACP,WAAW;4BACX,6BAA6B;yBAC9B;wBACD,WAAW,EAAE,0BAA0B,CAAC,WAAW,CAAC;qBACrD,CAAA;iBACF;gBACD,KAAK,OAAO,CAAC,CAAC;oBACZ,OAAO;wBACL,QAAQ,EAAE,WAAW,CAAC,UAAU;4BAC9B,CAAC,CAAC;gCACE,OAAO,EAAE,0BACP,WAAW,CAAC,UACd,QAAQ,WAAW,CAAC,UAAU,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE;6BAClD;4BACH,CAAC,CAAC,KAAK;wBACT,MAAM,EAAE;4BACN,OAAO,EAAE,WAAW,CAAC,UAAU;4BAC/B,OAAO,EAAE,WAAW,CAAC,UAAU;4BAC/B,OAAO,EAAE,0CAA0C;4BACnD,QAAQ,EAAE,yCAAyC;yBACpD;wBACD,IAAI,EAAE;4BACJ,IAAI,EAAE,CAAC,KAAkD,EAAE,EAAE;gCAC3D,OAAO,CACL,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;oCACrB,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE;wCACnB,OAAO,oBAAoB,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAA;oCACzD,CAAC,CAAC,CACH,CAAA;4BACH,CAAC;4BACD,OAAO,EAAE,+CAA+C,CACtD,WAAW,CAAC,mBAAmB,IAAI,EAAE,CACtC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;yBACf;wBACD,cAAc,EAAE,WAAW;wBAC3B,WAAW,EAAE,IAAI;qBAClB,CAAA;iBACF;gBACD,KAAK,eAAe,CAAC,CAAC;oBACpB,MAAM,aAAa,GAAG,kCAAkC,CACtD,WAAW,CAAC,aAAa,EACzB,QAAQ,EACR,UAAU,EACV,8BAA8B,CAC/B,CAAA;oBACD,MAAM,aAAa,GAAG,kCAAkC,CACtD,WAAW,CAAC,aAAa,EACzB,QAAQ,EACR,UAAU,EACV,8BAA8B,CAC/B,CAAA;oBACD,OAAO;wBACL,OAAO,EAAE;4BACP,SAAS,EAAE;gCACT,QAAQ,EAAE,aAAa;oCACrB,CAAC,CAAC;wCACE,OAAO,EAAE,sBAAsB,aAAa,IAC1C,aAAa,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAClC,EAAE;qCACH;oCACH,CAAC,CAAC,KAAK;gCACT,MAAM,EAAE;oCACN,OAAO,EAAE,aAAa;oCACtB,OAAO,EAAE,aAAa;oCACtB,OAAO,EAAE,8CAA8C;oCACvD,QAAQ,EAAE,2CAA2C;iCACtD;6BACF;4BACD,WAAW,EAAE;gCACX,MAAM,EAAE,wBAAwB,CAC9B,WAAW,CAAC,QAA2C,EACvD,6BAA6B,CAC9B;gCACD,6BAA6B,EAC3B,8BAA8B,aAA9B,8BAA8B,uBAA9B,8BAA8B,CAAG,WAAW,CAAC,IAAI,CAAC;6BACrD;yBACF;qBACF,CAAA;iBACF;gBACD,KAAK,kBAAkB,CAAC,CAAC;oBACvB,MAAM,cAAc,GAAG,gCAAgC,CACrD,WAAW,EACX,EAAE,CACH,CAAA;oBACD,OAAO;wBACL,cAAc,EAAE;4BACd,MAAM,EAAE,wBAAwB,CAC9B,cAAiD,EACjD,6BAA6B,CAC9B;4BACD,6BAA6B,EAC3B,8BAA8B,aAA9B,8BAA8B,uBAA9B,8BAA8B,CAAG,WAAW,CAAC,IAAI,CAAC;yBACrD;qBACF,CAAA;iBACF;gBACD,KAAK,MAAM,CAAC,CAAC;oBACX,IAAI,WAAW,CAAC,QAAQ,EAAE;wBACxB,OAAO;4BACL,cAAc,EAAE;gCACd,MAAM,EAAE,wBAAwB,CAC9B,WAAW,CAAC,QAA2C,EACvD,6BAA6B,CAC9B;gCACD,6BAA6B,EAC3B,8BAA8B,aAA9B,8BAA8B,uBAA9B,8BAA8B,CAAG,WAAW,CAAC,IAAI,CAAC;6BACrD;yBACF,CAAA;qBACF;oBACD,MAAK;iBACN;gBACD,KAAK,yBAAyB,CAAC,CAAC;oBAC9B,MAAM,cAAc,GAClB,uCAAuC,CAAC,WAAW,CAAC,CAAA;oBACtD,OAAO;wBACL,cAAc,EAAE;4BACd,MAAM,EAAE,wBAAwB,CAC9B,cAAiD,EACjD,6BAA6B,CAC9B;4BACD,6BAA6B,EAC3B,8BAA8B,aAA9B,8BAA8B,uBAA9B,8BAA8B,CAAG,WAAW,CAAC,IAAI,CAAC;yBACrD;qBACF,CAAA;iBACF;gBACD,OAAO,CAAC,CAAC;oBACP,OAAO,CAAC,IAAI,CAAC,0CAA0C,EAAE,WAAW,CAAC,CAAA;iBACtE;aACF;QACH,CAAC,CAAA;QACD,aAAa,CAAC,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,GAAG,UAAU,CAAA;QAC/D,OAAO,aAAa,CAAA;IACtB,CAAC,EAAE,EAAE,CAAC,CAAA;AACR,CAAC;AAED,MAAM,UAAU,kBAAkB,CAChC,MAAwB,EACxB,UAA2C,EAC3C,8BAA0E;IAE1E,MAAM,aAAa,GAAG,QAAQ,CAAC,UAAU,EAAE,MAAM,EAAE;QACjD,MAAM,EAAE,SAAS;QACjB,YAAY,EAAE,KAAK;QACnB,8BAA8B;KAC/B,CAAC,CAAA;IACF,IAAI,CAAC,aAAa,IAAI,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE;QACrD,OAAM;KACP;IAED,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,aAAa,IAAI,EAAE,CAAC,CAAC,MAAM,CACpD,CAAC,yBAAiD,EAAE,GAAG,EAAE,EAAE;QACzD,MAAM,iBAAiB,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;QAC/C,IAAI,iBAAiB,EAAE;YACrB,yBAAyB,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,iBAAiB,CAAA;SACxE;QACD,OAAO,yBAAyB,CAAA;IAClC,CAAC,EACD,EAAE,CACH,CAAA;IACD,IAAI,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QAC5B,OAAM;KACP;IAED,OAAO,MAAM,CAAA;AACf,CAAC;AAED,MAAM,UAAU,oBAAoB,CAClC,WAAmC,EACnC,QAAgB;IAEhB,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAA;IAC3C,OAAO,CACL,CAAC,WAAW,CAAC,mBAAmB;QAChC,WAAW,CAAC,mBAAmB,CAAC,IAAI,CAClC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,WAAW,EAAE,MAAK,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,EAAE,CAAA,CAClE,CACF,CAAA;AACH,CAAC;AAED,MAAM,UAAU,6BAA6B,CAC3C,WAAmC,EACnC,QAAgB;IAEhB,OAAO,CACL,WAAW,CAAC,6BAA6B,IAAI,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,IAAI,CAAC,CAC7E,CAAA;AACH,CAAC;AAED,MAAM,UAAU,oBAAoB,CAClC,OAAyD,EACzD,sBAA0D;IAE1D,oDAAoD;IACpD,IAAI,CAAC,sBAAsB,EAAE;QAC3B,OAAO,KAAK,CAAA;KACb;IAED,+EAA+E;IAC/E,OAAO,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE;QAC3C,QAAQ,WAAW,CAAC,IAAI,EAAE;YACxB,KAAK,MAAM,CAAC;YACZ,KAAK,SAAS,CAAC,CAAC;gBACd,OAAO,oBAAoB,CAAC,WAAW,EAAE,sBAAsB,CAAC,CAAA;aACjE;YACD,OAAO,CAAC,CAAC;gBACP,OAAO,sBAAsB,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;aAChD;SACF;IACH,CAAC,CAAC,CAAA;AACJ,CAAC","sourcesContent":["import validate, { ValidatorConstraintFn } from 'validate.js'\nimport { attachmentsService, localisationService } from '@oneblink/apps'\nimport { FormTypes } from '@oneblink/types'\nimport { FormElementBinaryStorageValue } from '../types/attachments'\nimport { Value as FormElementComplianceValue } from '../form-elements/FormElementCompliance'\nimport { parseDateValue } from './generate-default-data'\nimport generateCivicaNameRecordElements from './generateCivicaNameRecordElements'\nimport {\n  FormElementConditionallyShown,\n  FormElementsConditionallyShown,\n  FormElementsValidation,\n  FormSubmissionModel,\n} from '../types/form'\nimport generateFreshdeskDependentFieldElements from './generateFreshdeskDependentFieldElements'\nimport cleanFormSubmissionModel from './cleanFormSubmissionModel'\nimport getDateRangeConfiguration, {\n  DateRangeConfigurationOptions,\n} from './getDateRangeConfiguration'\nimport getRepeatableSetEntriesConfiguration from './getRepeatableSetEntriesConfiguration'\n\ntype NestedValidateJSSchema = {\n  schema: ValidateJSSchema\n  formElementConditionallyShown: FormElementConditionallyShown | undefined\n}\n\nexport const lookupValidationMessage = 'Lookup is required'\n// https://validatejs.org/#validators-datetime\n// Before using it we must add the parse and format functions\n// Here is a sample implementation using moment.js\nvalidate.extend(validate.validators.datetime, {\n  // The value is guaranteed not to be null or undefined but otherwise it\n  // could be anything.\n  parse: function (value: string) {\n    return Date.parse(value)\n  },\n  // Input is a unix timestamp\n  format: function (\n    value: string,\n    options: { format: (date: Date) => string },\n  ) {\n    const dateValue = new Date(value)\n    return options.format(dateValue)\n  },\n})\n\nvalidate.validators.entries = function (\n  value: unknown,\n  {\n    setSchema,\n    entrySchema: { schema: entrySchema, formElementConditionallyShown },\n  }: {\n    setSchema: ValidateJSSchema\n    entrySchema: NestedValidateJSSchema\n  },\n) {\n  const entries = Array.isArray(value) ? value : []\n\n  const entryErrors = entries.reduce((errorsByIndex, entry, index) => {\n    const entryValidation = validateSubmission(\n      entrySchema,\n      entry,\n      formElementConditionallyShown?.type === 'repeatableSet'\n        ? formElementConditionallyShown.entries[index.toString()]\n        : undefined,\n    )\n    if (entryValidation) {\n      errorsByIndex[index] = entryValidation\n    }\n    return errorsByIndex\n  }, {})\n\n  const setErrorMessages = validate.single(value, setSchema)\n\n  if (!setErrorMessages && validate.isEmpty(entryErrors)) {\n    return\n  }\n\n  return {\n    type: 'repeatableSet',\n    set: setErrorMessages && setErrorMessages[0],\n    entries: entryErrors,\n  }\n}\n\nvalidate.validators.nestedElements = function (\n  value: FormSubmissionModel | undefined,\n  { schema, formElementConditionallyShown }: NestedValidateJSSchema,\n) {\n  const errors = validateSubmission(\n    schema,\n    value,\n    formElementConditionallyShown?.type === 'formElements'\n      ? formElementConditionallyShown.formElements\n      : undefined,\n  )\n  if (!errors) {\n    return\n  }\n  return {\n    type: 'formElements',\n    formElements: errors,\n  }\n}\n\nfunction getInvalidAttachment(value: FormElementBinaryStorageValue) {\n  if (\n    value &&\n    typeof value === 'object' &&\n    value.type &&\n    value.type === 'ERROR'\n  ) {\n    return value\n  }\n}\nfunction validateAttachments(\n  value: FormElementBinaryStorageValue[] | undefined,\n) {\n  const invalidAttachmentNames = value?.reduce(\n    (invalidAttachmentNames: string[], att) => {\n      const attachmentName = getInvalidAttachment(att)?.fileName\n      if (attachmentName) {\n        invalidAttachmentNames.push(attachmentName)\n      }\n      return invalidAttachmentNames\n    },\n    [],\n  )\n  if (invalidAttachmentNames?.length) {\n    return `${invalidAttachmentNames.join(', ')} could not be uploaded.`\n  }\n}\nvalidate.validators.attachment = function (\n  value: FormElementBinaryStorageValue,\n) {\n  return getInvalidAttachment(value)?.errorMessage\n}\nvalidate.validators.attachments = function (\n  value:\n    | FormElementBinaryStorageValue[]\n    | FormElementComplianceValue\n    | undefined,\n) {\n  if (Array.isArray(value)) {\n    return validateAttachments(value)\n  }\n  return validateAttachments(\n    value?.files as FormElementBinaryStorageValue[] | undefined,\n  )\n}\n\n// Extend validator for lookups\nvalidate.validators.lookups = function (\n  value: unknown,\n  {\n    elementIdsWithLookupsExecuted,\n    formElement,\n  }: {\n    formElement: FormTypes.LookupFormElement & FormTypes.FormElementRequired\n    elementIdsWithLookupsExecuted: string[]\n  },\n) {\n  if (!formElement.isDataLookup && !formElement.isElementLookup) {\n    return\n  }\n\n  // Lookups must only be executed on required form elements\n  if (formElement && !formElement.required) {\n    return\n  }\n\n  if (elementIdsWithLookupsExecuted.includes(formElement.id)) {\n    return\n  }\n\n  return lookupValidationMessage\n}\n\nvalidate.validators.numberRegex = function (value: unknown, format: unknown) {\n  if (!format) {\n    return\n  }\n  if (typeof value === 'number' && !Number.isNaN(value)) {\n    value = value.toString()\n  }\n  const errorMessages = validate.single(value, { format })\n  return errorMessages && errorMessages[0]\n}\n\nvalidate.validators.isTrue = function (value: unknown, message?: string) {\n  if (!value) {\n    return message || 'Must be set to true'\n  }\n}\n\nvalidate.validators.needsExtension = function (\n  value: attachmentsService.Attachment[] | undefined,\n  formElement: FormTypes.FilesElement,\n) {\n  const isValid =\n    !Array.isArray(value) ||\n    value.every((file) => {\n      return checkFileNameExtensionIsValid(formElement, file.fileName)\n    })\n  if (!isValid) return 'All files must have extensions'\n}\n\nfunction getCustomRegexFormatConfig<DefaultValue>(\n  formElement: FormTypes.FormElementWithInput<DefaultValue>,\n) {\n  return formElement.regexPattern\n    ? {\n        pattern: formElement.regexPattern,\n        flags: formElement.regexFlags,\n        message: formElement.regexMessage,\n      }\n    : undefined\n}\n\ntype ValidateJSSchema = Record<string, unknown>\n\nconst presence = (\n  { required, requiredMessage }: FormTypes.FormElementRequired,\n  message: string,\n) => (required ? { message: requiredMessage || message } : false)\n\nconst escapeElementName = (elementName: string) => {\n  const escapedName = elementName.replace(/\\./g, '\\\\.')\n  return escapedName\n}\n\nfunction getCleanDateRangeConfiguration(\n  options: DateRangeConfigurationOptions,\n  elements: FormTypes.FormElement[],\n  submission: FormSubmissionModel | undefined,\n  formElementsConditionallyShown: FormElementsConditionallyShown | undefined,\n): ReturnType<typeof getDateRangeConfiguration> {\n  if (options.referenceFormElementId && submission) {\n    const { model } = cleanFormSubmissionModel(\n      submission,\n      elements,\n      formElementsConditionallyShown,\n      true,\n    )\n    return getDateRangeConfiguration(options, elements, model)\n  }\n  return [options.date, options.daysOffset]\n}\n\nfunction getCleanRepeatableSetConfiguration(\n  setEntries: FormTypes.RepeatableSetElement['minSetEntries'],\n  elements: FormTypes.FormElement[],\n  submission: FormSubmissionModel | undefined,\n  formElementsConditionallyShown: FormElementsConditionallyShown | undefined,\n) {\n  if (submission) {\n    const { model } = cleanFormSubmissionModel(\n      submission,\n      elements,\n      formElementsConditionallyShown,\n      true,\n    )\n    return getRepeatableSetEntriesConfiguration(setEntries, elements, model)\n  }\n}\n\nexport function generateValidationSchema(\n  elements: FormTypes.FormElementWithName[],\n  elementIdsWithLookupsExecuted: string[],\n): ValidateJSSchema {\n  return elements.reduce<ValidateJSSchema>((partialSchema, formElement) => {\n    switch (formElement.type) {\n      // Elements that do not need to be validated\n      case 'summary':\n      case 'calculation':\n      case 'image':\n      case 'html':\n      case 'infoPage':\n      case 'heading': {\n        return partialSchema\n      }\n    }\n\n    const constraint: ValidatorConstraintFn<FormSubmissionModel> = (\n      value,\n      submission,\n      propertyName,\n      { formElementsConditionallyShown },\n    ) => {\n      // If the element is current hidden, we do not need to apply validation\n      const formElementConditionallyShown =\n        formElementsConditionallyShown?.[formElement.name]\n      if (formElementConditionallyShown?.isHidden) {\n        return\n      }\n\n      switch (formElement.type) {\n        case 'draw': {\n          return {\n            attachment: true,\n            presence: presence(formElement, 'A saved signature is required'),\n          }\n        }\n        case 'camera': {\n          return {\n            attachment: true,\n            presence: presence(formElement, 'A photo is required'),\n          }\n        }\n        case 'captcha': {\n          return {\n            presence: presence(\n              { ...formElement, required: true },\n              'Please complete the CAPTCHA successfully',\n            ),\n          }\n        }\n        case 'location': {\n          return {\n            presence: presence(formElement, 'Please select a location'),\n            lookups: {\n              formElement,\n              elementIdsWithLookupsExecuted,\n            },\n          }\n        }\n        case 'compliance': {\n          return {\n            presence: presence(formElement, 'Required'),\n            lookups: {\n              formElement,\n              elementIdsWithLookupsExecuted,\n            },\n            attachments: true,\n          }\n        }\n        case 'checkboxes': {\n          const requiredAllDefaultMessage = 'All options are required'\n          return {\n            presence: presence(\n              {\n                ...formElement,\n                required: formElement.required || !!formElement.requiredAll,\n              },\n              formElement.requiredAll ? requiredAllDefaultMessage : 'Required',\n            ),\n            length: formElement.requiredAll\n              ? {\n                  is: formElement.options?.length,\n                  message:\n                    formElement.requiredMessage || requiredAllDefaultMessage,\n                }\n              : undefined,\n            lookups: {\n              formElement,\n              elementIdsWithLookupsExecuted,\n            },\n          }\n        }\n        case 'abn':\n        case 'geoscapeAddress':\n        case 'pointAddress':\n        case 'civicaStreetName':\n        case 'autocomplete':\n        case 'radio':\n        case 'select': {\n          return {\n            presence: presence(formElement, 'Required'),\n            lookups: {\n              formElement,\n              elementIdsWithLookupsExecuted,\n            },\n          }\n        }\n        case 'boolean': {\n          return {\n            isTrue: formElement.required && 'Required',\n            lookups: {\n              formElement,\n              elementIdsWithLookupsExecuted,\n            },\n          }\n        }\n        case 'bsb': {\n          return {\n            presence: presence(formElement, 'Please enter a BSB number'),\n            lookups: {\n              formElement,\n              elementIdsWithLookupsExecuted,\n            },\n            format: {\n              pattern: /\\d{3}-\\d{3}/,\n              message: 'Please enter a valid BSB number',\n            },\n          }\n        }\n        case 'barcodeScanner': {\n          return {\n            presence: presence(\n              formElement,\n              'Please scan a barcode or enter a value',\n            ),\n            lookups: {\n              formElement,\n              elementIdsWithLookupsExecuted,\n            },\n            format: getCustomRegexFormatConfig(formElement),\n          }\n        }\n        case 'text':\n        case 'textarea': {\n          return {\n            presence: presence(formElement, 'Please enter a value'),\n            lookups: {\n              formElement,\n              elementIdsWithLookupsExecuted,\n            },\n            length: {\n              minimum: formElement.minLength,\n              tooShort:\n                'Please enter a value with at least %{count} character(s)',\n              maximum: formElement.maxLength,\n              tooLong:\n                'Please enter a value with %{count} character(s) or less',\n            },\n            format: getCustomRegexFormatConfig(formElement),\n          }\n        }\n        case 'telephone': {\n          return {\n            presence: presence(formElement, 'Please enter a phone number'),\n            lookups: {\n              formElement,\n              elementIdsWithLookupsExecuted,\n            },\n            format: getCustomRegexFormatConfig(formElement),\n          }\n        }\n        case 'email': {\n          return {\n            presence: presence(formElement, 'Please enter an email address'),\n            email: {\n              message: 'Please enter a valid email for this field',\n            },\n            lookups: {\n              formElement,\n              elementIdsWithLookupsExecuted,\n            },\n            format: getCustomRegexFormatConfig(formElement),\n          }\n        }\n        case 'time': {\n          return {\n            presence: presence(formElement, 'Please select a time'),\n            lookups: {\n              formElement,\n              elementIdsWithLookupsExecuted,\n            },\n          }\n        }\n        case 'date': {\n          const [fromDate, fromDateDaysOffset] = getCleanDateRangeConfiguration(\n            {\n              date: formElement.fromDate,\n              daysOffset: formElement.fromDateDaysOffset,\n              referenceFormElementId: formElement.fromDateElementId,\n            },\n            elements,\n            submission,\n            formElementsConditionallyShown,\n          )\n          const [toDate, toDateDaysOffset] = getCleanDateRangeConfiguration(\n            {\n              date: formElement.toDate,\n              daysOffset: formElement.toDateDaysOffset,\n              referenceFormElementId: formElement.toDateElementId,\n            },\n            elements,\n            submission,\n            formElementsConditionallyShown,\n          )\n          return {\n            presence: presence(formElement, 'Please select a date'),\n            date: {\n              format: (v: Date) => localisationService.formatDate(v),\n              earliest: parseDateValue({\n                dateOnly: true,\n                daysOffset: fromDateDaysOffset,\n                value: fromDate,\n              }),\n              latest: parseDateValue({\n                dateOnly: true,\n                daysOffset: toDateDaysOffset,\n                value: toDate,\n              }),\n              notValid: 'Please select a valid date',\n              tooEarly: 'Date cannot be before %{date}',\n              tooLate: 'Date cannot be after %{date}',\n            },\n            lookups: {\n              formElement,\n              elementIdsWithLookupsExecuted,\n            },\n          }\n        }\n        case 'datetime': {\n          const [fromDate, fromDateDaysOffset] = getCleanDateRangeConfiguration(\n            {\n              date: formElement.fromDate,\n              daysOffset: formElement.fromDateDaysOffset,\n              referenceFormElementId: formElement.fromDateElementId,\n            },\n            elements,\n            submission,\n            formElementsConditionallyShown,\n          )\n          const [toDate, toDateDaysOffset] = getCleanDateRangeConfiguration(\n            {\n              date: formElement.toDate,\n              daysOffset: formElement.toDateDaysOffset,\n              referenceFormElementId: formElement.toDateElementId,\n            },\n            elements,\n            submission,\n            formElementsConditionallyShown,\n          )\n          return {\n            presence: presence(formElement, 'Please select a date and time'),\n            datetime: {\n              format: (v: Date) => localisationService.formatDatetime(v),\n              earliest: parseDateValue({\n                dateOnly: false,\n                daysOffset: fromDateDaysOffset,\n                value: fromDate,\n              }),\n              latest: parseDateValue({\n                dateOnly: false,\n                daysOffset: toDateDaysOffset,\n                value: toDate,\n              }),\n              notValid: 'Please select a valid date and time',\n              tooEarly: 'Date and time cannot be before %{date}',\n              tooLate: 'Date and time cannot be after %{date}',\n            },\n            lookups: {\n              formElement,\n              elementIdsWithLookupsExecuted,\n            },\n          }\n        }\n        case 'number': {\n          let minErrorMessage =\n            'Please enter a number greater than or equal to %{count}'\n          let maxErrorMessage =\n            'Please enter a number less than or equal to %{count}'\n          if (\n            typeof formElement.minNumber === 'number' &&\n            typeof formElement.maxNumber === 'number'\n          ) {\n            minErrorMessage =\n              maxErrorMessage = `Please enter a number between ${formElement.minNumber} and ${formElement.maxNumber}`\n          }\n\n          return {\n            type: 'number',\n            presence: presence(formElement, 'Please enter a number'),\n            numericality: {\n              greaterThanOrEqualTo: formElement.minNumber,\n              notGreaterThanOrEqualTo: minErrorMessage,\n              lessThanOrEqualTo: formElement.maxNumber,\n              notLessThanOrEqualTo: maxErrorMessage,\n              onlyInteger: formElement.isInteger,\n              notInteger: 'Please enter a whole number',\n            },\n            lookups: {\n              formElement,\n              elementIdsWithLookupsExecuted,\n            },\n            numberRegex: getCustomRegexFormatConfig(formElement),\n          }\n        }\n        case 'files': {\n          return {\n            presence: formElement.minEntries\n              ? {\n                  message: `Please upload at least ${\n                    formElement.minEntries\n                  } file${formElement.minEntries === 1 ? '' : 's'}`,\n                }\n              : false,\n            length: {\n              minimum: formElement.minEntries,\n              maximum: formElement.maxEntries,\n              tooLong: 'Cannot upload more than %{count} file(s)',\n              tooShort: 'Please upload at least %{count} file(s)',\n            },\n            type: {\n              type: (files: attachmentsService.Attachment[] | undefined) => {\n                return (\n                  !Array.isArray(files) ||\n                  files.every((file) => {\n                    return checkFileNameIsValid(formElement, file.fileName)\n                  })\n                )\n              },\n              message: `Only the following file types are accepted: ${(\n                formElement.restrictedFileTypes || []\n              ).join(', ')}`,\n            },\n            needsExtension: formElement,\n            attachments: true,\n          }\n        }\n        case 'repeatableSet': {\n          const minSetEntries = getCleanRepeatableSetConfiguration(\n            formElement.minSetEntries,\n            elements,\n            submission,\n            formElementsConditionallyShown,\n          )\n          const maxSetEntries = getCleanRepeatableSetConfiguration(\n            formElement.maxSetEntries,\n            elements,\n            submission,\n            formElementsConditionallyShown,\n          )\n          return {\n            entries: {\n              setSchema: {\n                presence: minSetEntries\n                  ? {\n                      message: `Must have at least ${minSetEntries} ${\n                        minSetEntries === 1 ? 'entry' : 'entries'\n                      }`,\n                    }\n                  : false,\n                length: {\n                  minimum: minSetEntries,\n                  maximum: maxSetEntries,\n                  tooLong: 'Cannot have more than %{count} entry/entries',\n                  tooShort: 'Must have at least %{count} entry/entries',\n                },\n              },\n              entrySchema: {\n                schema: generateValidationSchema(\n                  formElement.elements as FormTypes.FormElementWithName[],\n                  elementIdsWithLookupsExecuted,\n                ),\n                formElementConditionallyShown:\n                  formElementsConditionallyShown?.[formElement.name],\n              },\n            },\n          }\n        }\n        case 'civicaNameRecord': {\n          const nestedElements = generateCivicaNameRecordElements(\n            formElement,\n            [],\n          )\n          return {\n            nestedElements: {\n              schema: generateValidationSchema(\n                nestedElements as FormTypes.FormElementWithName[],\n                elementIdsWithLookupsExecuted,\n              ),\n              formElementConditionallyShown:\n                formElementsConditionallyShown?.[formElement.name],\n            },\n          }\n        }\n        case 'form': {\n          if (formElement.elements) {\n            return {\n              nestedElements: {\n                schema: generateValidationSchema(\n                  formElement.elements as FormTypes.FormElementWithName[],\n                  elementIdsWithLookupsExecuted,\n                ),\n                formElementConditionallyShown:\n                  formElementsConditionallyShown?.[formElement.name],\n              },\n            }\n          }\n          break\n        }\n        case 'freshdeskDependentField': {\n          const nestedElements =\n            generateFreshdeskDependentFieldElements(formElement)\n          return {\n            nestedElements: {\n              schema: generateValidationSchema(\n                nestedElements as FormTypes.FormElementWithName[],\n                elementIdsWithLookupsExecuted,\n              ),\n              formElementConditionallyShown:\n                formElementsConditionallyShown?.[formElement.name],\n            },\n          }\n        }\n        default: {\n          console.info('Unsupported form element with validation', formElement)\n        }\n      }\n    }\n    partialSchema[escapeElementName(formElement.name)] = constraint\n    return partialSchema\n  }, {})\n}\n\nexport function validateSubmission(\n  schema: ValidateJSSchema,\n  submission: FormSubmissionModel | undefined,\n  formElementsConditionallyShown: FormElementsConditionallyShown | undefined,\n): FormElementsValidation | undefined {\n  const errorsAsArray = validate(submission, schema, {\n    format: 'grouped',\n    fullMessages: false,\n    formElementsConditionallyShown,\n  })\n  if (!errorsAsArray || validate.isEmpty(errorsAsArray)) {\n    return\n  }\n\n  const errors = Object.keys(errorsAsArray || {}).reduce(\n    (messagesByFormElementName: FormElementsValidation, key) => {\n      const validationMessage = errorsAsArray[key][0]\n      if (validationMessage) {\n        messagesByFormElementName[key.replace(/\\\\./g, '.')] = validationMessage\n      }\n      return messagesByFormElementName\n    },\n    {},\n  )\n  if (validate.isEmpty(errors)) {\n    return\n  }\n\n  return errors\n}\n\nexport function checkFileNameIsValid(\n  formElement: FormTypes.FilesElement,\n  fileName: string,\n) {\n  const extension = fileName.split('.').pop()\n  return (\n    !formElement.restrictedFileTypes ||\n    formElement.restrictedFileTypes.some(\n      (fileType) => fileType.toLowerCase() === extension?.toLowerCase(),\n    )\n  )\n}\n\nexport function checkFileNameExtensionIsValid(\n  formElement: FormTypes.FilesElement,\n  fileName: string,\n) {\n  return (\n    formElement.allowExtensionlessAttachments || fileName.split('.').length >= 2\n  )\n}\n\nexport function checkSectionValidity(\n  element: FormTypes.PageElement | FormTypes.SectionElement,\n  formElementsValidation: FormElementsValidation | undefined,\n): boolean {\n  // If everything is valid, no need to check elements\n  if (!formElementsValidation) {\n    return false\n  }\n\n  // If there is no elements on the page that are invalid, we will treat as valid\n  return element.elements.some((formElement) => {\n    switch (formElement.type) {\n      case 'page':\n      case 'section': {\n        return checkSectionValidity(formElement, formElementsValidation)\n      }\n      default: {\n        return formElementsValidation[formElement.name]\n      }\n    }\n  })\n}\n"]}

package/dist/services/generateFreshdeskDependentFieldElements.d.ts

@@ -1,2 +1,3 @@
 import { FormTypes } from '@oneblink/types';
-export default function generateFreshdeskDependentFieldElements(element: FormTypes.FreshdeskDependentFieldElement, value: FormTypes.FreshdeskDependentFieldElementValue | undefined): FormTypes.FormElement[];
+export declare function getNestedOptions(parentOptions: FormTypes.ChoiceElementOption[] | undefined, parentValue: string | undefined): FormTypes.ChoiceElementOption[] | undefined;
+export default function generateFreshdeskDependentFieldElements(element: FormTypes.FreshdeskDependentFieldElement): FormTypes.SelectElement[];

package/dist/services/generateFreshdeskDependentFieldElements.js

@@ -10,7 +10,7 @@ const createFormElement = () => ({
     required: false,
     requiresAllConditionallyShowPredicates: false,
 });
-function getNestedOptions(parentOptions, parentValue) {
+export function getNestedOptions(parentOptions, parentValue) {
     const selectedParentOption = parentOptions === null || parentOptions === void 0 ? void 0 : parentOptions.find((parentOption) => parentOption.value === parentValue);
     if (parentOptions) {
         if (selectedParentOption) {
@@ -25,7 +25,7 @@ function getNestedOptions(parentOptions, parentValue) {
     }
     return undefined;
 }
-export default function generateFreshdeskDependentFieldElements(element, value) {
+export default function generateFreshdeskDependentFieldElements(element) {
     var _a, _b, _c;
     const categoryElement = {
         ...createFormElement(),
@@ -38,33 +38,28 @@ export default function generateFreshdeskDependentFieldElements(element, value)
         options: element.options,
     };
     const formElements = [categoryElement];
-    if (value === null || value === void 0 ? void 0 : value.category) {
-        const subCategoryOptions = getNestedOptions(element.options, value === null || value === void 0 ? void 0 : value.category);
-        const subCategoryElement = {
-            ...createFormElement(),
-            name: 'subCategory',
-            required: element.required,
-            readOnly: element.readOnly,
-            label: element.subCategoryLabel,
-            hint: element.subCategoryHint,
-            defaultValue: (_b = element.defaultValue) === null || _b === void 0 ? void 0 : _b.subCategory,
-            options: subCategoryOptions,
-        };
-        formElements.push(subCategoryElement);
-        if (value === null || value === void 0 ? void 0 : value.subCategory) {
-            const itemElement = {
-                ...createFormElement(),
-                name: 'item',
-                required: element.required,
-                readOnly: element.readOnly,
-                label: element.itemLabel,
-                hint: element.itemHint,
-                defaultValue: (_c = element.defaultValue) === null || _c === void 0 ? void 0 : _c.item,
-                options: getNestedOptions(subCategoryOptions, value === null || value === void 0 ? void 0 : value.subCategory),
-            };
-            formElements.push(itemElement);
-        }
-    }
+    const subCategoryElement = {
+        ...createFormElement(),
+        name: 'subCategory',
+        required: element.required,
+        readOnly: element.readOnly,
+        label: element.subCategoryLabel,
+        hint: element.subCategoryHint,
+        defaultValue: (_b = element.defaultValue) === null || _b === void 0 ? void 0 : _b.subCategory,
+        options: [],
+    };
+    formElements.push(subCategoryElement);
+    const itemElement = {
+        ...createFormElement(),
+        name: 'item',
+        required: element.required,
+        readOnly: element.readOnly,
+        label: element.itemLabel,
+        hint: element.itemHint,
+        defaultValue: (_c = element.defaultValue) === null || _c === void 0 ? void 0 : _c.item,
+        options: [],
+    };
+    formElements.push(itemElement);
     return formElements;
 }
 //# sourceMappingURL=generateFreshdeskDependentFieldElements.js.map

package/dist/services/generateFreshdeskDependentFieldElements.js.map

@@ -1 +1 @@
-{"version":3,"file":"generateFreshdeskDependentFieldElements.js","sourceRoot":"","sources":["../../src/services/generateFreshdeskDependentFieldElements.ts"],"names":[],"mappings":"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","sourcesContent":["import { v4 as uuid } from 'uuid'\nimport { FormTypes } from '@oneblink/types'\n\nconst createFormElement = () => ({\n  id: uuid(),\n  type: 'select' as const,\n  multi: false,\n  optionsType: 'FRESHDESK_FIELD' as const,\n  conditionallyShow: false,\n  isDataLookup: false,\n  isElementLookup: false,\n  required: false,\n  requiresAllConditionallyShowPredicates: false,\n})\n\nfunction getNestedOptions(\n  parentOptions: FormTypes.ChoiceElementOption[] | undefined,\n  parentValue: string | undefined,\n): FormTypes.ChoiceElementOption[] | undefined {\n  const selectedParentOption = parentOptions?.find(\n    (parentOption) => parentOption.value === parentValue,\n  )\n  if (parentOptions) {\n    if (selectedParentOption) {\n      return selectedParentOption.options as FormTypes.ChoiceElementOption[]\n    } else {\n      return parentOptions.reduce<FormTypes.ChoiceElementOption[]>(\n        (memo, option) => [\n          ...memo,\n          ...((option.options || []) as FormTypes.ChoiceElementOption[]),\n        ],\n        [],\n      )\n    }\n  }\n  return undefined\n}\n\nexport default function generateFreshdeskDependentFieldElements(\n  element: FormTypes.FreshdeskDependentFieldElement,\n  value: FormTypes.FreshdeskDependentFieldElementValue | undefined,\n): FormTypes.FormElement[] {\n  const categoryElement: FormTypes.SelectElement = {\n    ...createFormElement(),\n    name: 'category',\n    required: element.required,\n    readOnly: element.readOnly,\n    label: element.label,\n    hint: element.hint,\n    defaultValue: element.defaultValue?.category,\n    options: element.options,\n  }\n  const formElements = [categoryElement]\n\n  if (value?.category) {\n    const subCategoryOptions = getNestedOptions(\n      element.options,\n      value?.category,\n    )\n    const subCategoryElement: FormTypes.SelectElement = {\n      ...createFormElement(),\n      name: 'subCategory',\n      required: element.required,\n      readOnly: element.readOnly,\n      label: element.subCategoryLabel,\n      hint: element.subCategoryHint,\n      defaultValue: element.defaultValue?.subCategory,\n      options: subCategoryOptions,\n    }\n    formElements.push(subCategoryElement)\n\n    if (value?.subCategory) {\n      const itemElement: FormTypes.SelectElement = {\n        ...createFormElement(),\n        name: 'item',\n        required: element.required,\n        readOnly: element.readOnly,\n        label: element.itemLabel,\n        hint: element.itemHint,\n        defaultValue: element.defaultValue?.item,\n        options: getNestedOptions(subCategoryOptions, value?.subCategory),\n      }\n      formElements.push(itemElement)\n    }\n  }\n\n  return formElements\n}\n"]}
+{"version":3,"file":"generateFreshdeskDependentFieldElements.js","sourceRoot":"","sources":["../../src/services/generateFreshdeskDependentFieldElements.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,IAAI,IAAI,EAAE,MAAM,MAAM,CAAA;AAGjC,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,CAAC;IAC/B,EAAE,EAAE,IAAI,EAAE;IACV,IAAI,EAAE,QAAiB;IACvB,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,iBAA0B;IACvC,iBAAiB,EAAE,KAAK;IACxB,YAAY,EAAE,KAAK;IACnB,eAAe,EAAE,KAAK;IACtB,QAAQ,EAAE,KAAK;IACf,sCAAsC,EAAE,KAAK;CAC9C,CAAC,CAAA;AAEF,MAAM,UAAU,gBAAgB,CAC9B,aAA0D,EAC1D,WAA+B;IAE/B,MAAM,oBAAoB,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAC9C,CAAC,YAAY,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,KAAK,WAAW,CACrD,CAAA;IACD,IAAI,aAAa,EAAE;QACjB,IAAI,oBAAoB,EAAE;YACxB,OAAO,oBAAoB,CAAC,OAA0C,CAAA;SACvE;aAAM;YACL,OAAO,aAAa,CAAC,MAAM,CACzB,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC;gBAChB,GAAG,IAAI;gBACP,GAAI,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,CAAqC;aAC/D,EACD,EAAE,CACH,CAAA;SACF;KACF;IACD,OAAO,SAAS,CAAA;AAClB,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,uCAAuC,CAC7D,OAAiD;;IAEjD,MAAM,eAAe,GAA4B;QAC/C,GAAG,iBAAiB,EAAE;QACtB,IAAI,EAAE,UAAU;QAChB,QAAQ,EAAE,OAAO,CAAC,QAAQ;QAC1B,QAAQ,EAAE,OAAO,CAAC,QAAQ;QAC1B,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,IAAI,EAAE,OAAO,CAAC,IAAI;QAClB,YAAY,EAAE,MAAA,OAAO,CAAC,YAAY,0CAAE,QAAQ;QAC5C,OAAO,EAAE,OAAO,CAAC,OAAO;KACzB,CAAA;IACD,MAAM,YAAY,GAAG,CAAC,eAAe,CAAC,CAAA;IAEtC,MAAM,kBAAkB,GAA4B;QAClD,GAAG,iBAAiB,EAAE;QACtB,IAAI,EAAE,aAAa;QACnB,QAAQ,EAAE,OAAO,CAAC,QAAQ;QAC1B,QAAQ,EAAE,OAAO,CAAC,QAAQ;QAC1B,KAAK,EAAE,OAAO,CAAC,gBAAgB;QAC/B,IAAI,EAAE,OAAO,CAAC,eAAe;QAC7B,YAAY,EAAE,MAAA,OAAO,CAAC,YAAY,0CAAE,WAAW;QAC/C,OAAO,EAAE,EAAE;KACZ,CAAA;IACD,YAAY,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAA;IAErC,MAAM,WAAW,GAA4B;QAC3C,GAAG,iBAAiB,EAAE;QACtB,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,OAAO,CAAC,QAAQ;QAC1B,QAAQ,EAAE,OAAO,CAAC,QAAQ;QAC1B,KAAK,EAAE,OAAO,CAAC,SAAS;QACxB,IAAI,EAAE,OAAO,CAAC,QAAQ;QACtB,YAAY,EAAE,MAAA,OAAO,CAAC,YAAY,0CAAE,IAAI;QACxC,OAAO,EAAE,EAAE;KACZ,CAAA;IACD,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;IAE9B,OAAO,YAAY,CAAA;AACrB,CAAC","sourcesContent":["import { v4 as uuid } from 'uuid'\nimport { FormTypes } from '@oneblink/types'\n\nconst createFormElement = () => ({\n  id: uuid(),\n  type: 'select' as const,\n  multi: false,\n  optionsType: 'FRESHDESK_FIELD' as const,\n  conditionallyShow: false,\n  isDataLookup: false,\n  isElementLookup: false,\n  required: false,\n  requiresAllConditionallyShowPredicates: false,\n})\n\nexport function getNestedOptions(\n  parentOptions: FormTypes.ChoiceElementOption[] | undefined,\n  parentValue: string | undefined,\n): FormTypes.ChoiceElementOption[] | undefined {\n  const selectedParentOption = parentOptions?.find(\n    (parentOption) => parentOption.value === parentValue,\n  )\n  if (parentOptions) {\n    if (selectedParentOption) {\n      return selectedParentOption.options as FormTypes.ChoiceElementOption[]\n    } else {\n      return parentOptions.reduce<FormTypes.ChoiceElementOption[]>(\n        (memo, option) => [\n          ...memo,\n          ...((option.options || []) as FormTypes.ChoiceElementOption[]),\n        ],\n        [],\n      )\n    }\n  }\n  return undefined\n}\n\nexport default function generateFreshdeskDependentFieldElements(\n  element: FormTypes.FreshdeskDependentFieldElement,\n): FormTypes.SelectElement[] {\n  const categoryElement: FormTypes.SelectElement = {\n    ...createFormElement(),\n    name: 'category',\n    required: element.required,\n    readOnly: element.readOnly,\n    label: element.label,\n    hint: element.hint,\n    defaultValue: element.defaultValue?.category,\n    options: element.options,\n  }\n  const formElements = [categoryElement]\n\n  const subCategoryElement: FormTypes.SelectElement = {\n    ...createFormElement(),\n    name: 'subCategory',\n    required: element.required,\n    readOnly: element.readOnly,\n    label: element.subCategoryLabel,\n    hint: element.subCategoryHint,\n    defaultValue: element.defaultValue?.subCategory,\n    options: [],\n  }\n  formElements.push(subCategoryElement)\n\n  const itemElement: FormTypes.SelectElement = {\n    ...createFormElement(),\n    name: 'item',\n    required: element.required,\n    readOnly: element.readOnly,\n    label: element.itemLabel,\n    hint: element.itemHint,\n    defaultValue: element.defaultValue?.item,\n    options: [],\n  }\n  formElements.push(itemElement)\n\n  return formElements\n}"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@oneblink/apps-react",
   "description": "Helper functions for OneBlink apps in ReactJS.",
-  "version": "2.14.0",
+  "version": "2.14.1-beta.2",
   "author": "OneBlink <developers@oneblink.io> (https://oneblink.io)",
   "bugs": {
     "url": "https://github.com/oneblink/apps-react/issues"

package/dist/hooks/useHint.d.ts

@@ -1,2 +0,0 @@
-declare const useHint: (elementHint: string) => string;
-export default useHint;

package/dist/hooks/useHint.js

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import sanitizeHtml from '../services/sanitize-html';
-import { RepeatableSetIndexContext } from '../form-elements/FormElementRepeatableSet';
-import useFormSubmissionModel from './useFormSubmissionModelContext';
-import { submissionService } from '@oneblink/sdk-core';
-import { localisationService } from '@oneblink/apps';
-const useHint = (elementHint) => {
-    const { formSubmissionModel, elements } = useFormSubmissionModel();
-    const index = React.useContext(RepeatableSetIndexContext);
-    return React.useMemo(() => {
-        let html = elementHint;
-        html = html.replace('{INDEX}', (index + 1).toString());
-        html = submissionService.replaceElementValues(html, {
-            submission: formSubmissionModel,
-            formElements: elements,
-            formatCurrency: localisationService.formatCurrency,
-            formatDate: (v) => localisationService.formatDate(new Date(v)),
-            formatNumber: localisationService.formatNumber,
-            formatTime: (v) => localisationService.formatTime(new Date(v)),
-        });
-        return sanitizeHtml(html);
-    }, [elementHint, elements, formSubmissionModel, index]);
-};
-export default useHint;
-//# sourceMappingURL=useHint.js.map

package/dist/hooks/useHint.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useHint.js","sourceRoot":"","sources":["../../src/hooks/useHint.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,YAAY,MAAM,2BAA2B,CAAA;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAA;AACrF,OAAO,sBAAsB,MAAM,iCAAiC,CAAA;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEpD,MAAM,OAAO,GAAG,CAAC,WAAmB,EAAE,EAAE;IACtC,MAAM,EAAE,mBAAmB,EAAE,QAAQ,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAClE,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAA;IACzD,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxB,IAAI,IAAI,GAAG,WAAW,CAAA;QACtB,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAA;QAEtD,IAAI,GAAG,iBAAiB,CAAC,oBAAoB,CAAC,IAAI,EAAE;YAClD,UAAU,EAAE,mBAAmB;YAC/B,YAAY,EAAE,QAAQ;YACtB,cAAc,EAAE,mBAAmB,CAAC,cAAc;YAClD,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,mBAAmB,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC;YAC9D,YAAY,EAAE,mBAAmB,CAAC,YAAY;YAC9C,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,mBAAmB,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC;SAC/D,CAAC,CAAA;QAEF,OAAO,YAAY,CAAC,IAAI,CAAC,CAAA;IAC3B,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,mBAAmB,EAAE,KAAK,CAAC,CAAC,CAAA;AACzD,CAAC,CAAA;AAED,eAAe,OAAO,CAAA","sourcesContent":["import * as React from 'react'\nimport sanitizeHtml from '../services/sanitize-html'\nimport { RepeatableSetIndexContext } from '../form-elements/FormElementRepeatableSet'\nimport useFormSubmissionModel from './useFormSubmissionModelContext'\nimport { submissionService } from '@oneblink/sdk-core'\nimport { localisationService } from '@oneblink/apps'\n\nconst useHint = (elementHint: string) => {\n  const { formSubmissionModel, elements } = useFormSubmissionModel()\n  const index = React.useContext(RepeatableSetIndexContext)\n  return React.useMemo(() => {\n    let html = elementHint\n    html = html.replace('{INDEX}', (index + 1).toString())\n\n    html = submissionService.replaceElementValues(html, {\n      submission: formSubmissionModel,\n      formElements: elements,\n      formatCurrency: localisationService.formatCurrency,\n      formatDate: (v) => localisationService.formatDate(new Date(v)),\n      formatNumber: localisationService.formatNumber,\n      formatTime: (v) => localisationService.formatTime(new Date(v)),\n    })\n\n    return sanitizeHtml(html)\n  }, [elementHint, elements, formSubmissionModel, index])\n}\n\nexport default useHint\n"]}