@oneblink/apps-react 4.2.0 → 4.3.0-beta.10

package/dist/components/renderer/LookupNotification.js

@@ -68,10 +68,6 @@ function LookupNotificationComponent({ autoLookupValue, stringifyAutoLookupValue
         // No lookups for read only forms
         if (formIsReadOnly)
             return;
-        // if the element triggering the lookup has no value..
-        // ..return and do nothing
-        if (newValue === undefined || newValue === null)
-            return;
         setIsLookingUp(true);
         if (isOffline) {
             setHasLookupFailed(true);
@@ -161,7 +157,11 @@ function LookupNotificationComponent({ autoLookupValue, stringifyAutoLookupValue
         ? stringifyAutoLookupValue(autoLookupValue)
         : autoLookupValue;
     React.useEffect(() => {
-        if (!autoLookupValue) {
+        const hasLookupRan = hasLookupFailed || hasLookupSucceeded;
+        // For lookups configured with `runLookupOnClear` set to true, we want to
+        // allow empty values for `autoLookupValue`, but only if the lookup has
+        // been ran previously. This prevents the lookup running on load with an empty value.
+        if (!autoLookupValue && (!element.runLookupOnClear || !hasLookupRan)) {
             setIsLookingUp(false);
             return;
         }
@@ -236,7 +236,8 @@ async function fetchLookup(formElementLookupId, organisationId, formsAppEnvironm
             console.log(`Returning... static data lookup not found for environment ${formsAppEnvironmentId}`);
             return {};
         }
-        const matchingRecord = (_a = formElementLookupEnvironment.records) === null || _a === void 0 ? void 0 : _a.find((r) => r.inputValue === inputValue);
+        const matchingRecord = (_a = formElementLookupEnvironment.records) === null || _a === void 0 ? void 0 : _a.find((r) => (r.inputType === 'UNDEFINED' && !inputValue) ||
+            (r.inputType !== 'UNDEFINED' && r.inputValue === inputValue));
         // insert prefill values
         return matchingRecord === null || matchingRecord === void 0 ? void 0 : matchingRecord.preFills.reduce((lookupResult, prefill) => {
             switch (prefill.type) {

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

@@ -1 +1 @@
-{"version":3,"file":"LookupNotification.js","sourceRoot":"","sources":["../../../src/components/renderer/LookupNotification.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport { formService } from '@oneblink/apps'\nimport { generateHeaders } from '@oneblink/apps/dist/services/fetch'\n\nimport useIsOffline from '../../hooks/useIsOffline'\nimport OnLoading from './OnLoading'\nimport generateDefaultData from '../../services/generate-default-data'\nimport {\n  LookupNotificationContext,\n  LookupNotificationContextValue,\n} from '../../hooks/useLookupNotification'\nimport useFormDefinition from '../../hooks/useFormDefinition'\nimport useInjectPages from '../../hooks/useInjectPages'\nimport useFormSubmissionModel from '../../hooks/useFormSubmissionModelContext'\nimport useExecutedLookupCallback from '../../hooks/useExecutedLookupCallback'\nimport useFormIsReadOnly from '../../hooks/useFormIsReadOnly'\nimport { Sentry } from '@oneblink/apps'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport useIsMounted from '../../hooks/useIsMounted'\nimport { FormElementLookupHandler } from '../../types/form'\n\ntype FetchLookupPayload = {\n  element: FormTypes.LookupFormElement\n  definition: FormTypes.Form\n  submission: SubmissionTypes.S3SubmissionData['submission']\n}\ntype Props = {\n  autoLookupValue?: unknown\n  stringifyAutoLookupValue?: (autoLookupValue: unknown) => string\n  element: FormTypes.LookupFormElement\n  onLookup: FormElementLookupHandler\n  children: React.ReactNode\n}\n\nfunction LookupNotificationComponent({\n  autoLookupValue,\n  stringifyAutoLookupValue,\n  element,\n  onLookup,\n  children,\n}: Props) {\n  const isMounted = useIsMounted()\n  const isOffline = useIsOffline()\n  const definition = useFormDefinition()\n  const injectPagesAfter = useInjectPages()\n  const { executedLookup, executeLookupFailed } = useExecutedLookupCallback()\n\n  const [onCancelLookup, setOnCancelLookup] = React.useState<\n    (() => void) | undefined\n  >(undefined)\n  const [isLookingUp, setIsLookingUp] = React.useState(false)\n  const [hasLookupFailed, setHasLookupFailed] = React.useState(false)\n  const [hasLookupSucceeded, setHasLookupSucceeded] = React.useState(false)\n  const [isCancellable, setIsCancellable] = React.useState(false)\n  const [isDisabled, setIsDisabled] = React.useState(false)\n  const [lookupErrorHTML, setLookupErrorHTML] = React.useState<string | null>(\n    null,\n  )\n  const formIsReadOnly = useFormIsReadOnly()\n  const { formSubmissionModel: model } = useFormSubmissionModel()\n\n  const mergeLookupData = React.useCallback(\n    (\n      newValue: unknown,\n      dataLookupResult: SubmissionTypes.S3SubmissionData['submission'],\n      elementLookupResult: FormTypes.FormElement[],\n    ) => {\n      if (elementLookupResult) {\n        if (elementLookupResult[0] && elementLookupResult[0].type === 'page') {\n          injectPagesAfter(\n            element,\n            elementLookupResult as FormTypes.PageElement[],\n            dataLookupResult,\n          )\n          return\n        }\n      }\n\n      onLookup(({ submission, elements }) => {\n        let allElements = elements\n        if (Array.isArray(elementLookupResult)) {\n          const indexOfElement = elements.findIndex(\n            ({ id }) => id === element.id,\n          )\n          if (indexOfElement === -1) {\n            console.log('Could not find element', element)\n          } else {\n            // Filter out already injected elements\n            allElements = elements.filter(\n              // @ts-expect-error Sorry typescript, we need to check a property you don't approve of :(\n              (e) => e.injectedByElementId !== element.id,\n            )\n            allElements.splice(\n              indexOfElement + 1,\n              0,\n              ...elementLookupResult.map((e) => {\n                // @ts-expect-error Sorry typescript, we need to check a property you don't approve of :(\n                e.injectedByElementId = element.id\n                return e\n              }),\n            )\n          }\n        }\n\n        return {\n          elements: allElements,\n          submission: generateDefaultData(allElements, {\n            ...submission,\n            [element.name]: newValue,\n            ...dataLookupResult,\n          }),\n        }\n      })\n    },\n    [element, injectPagesAfter, onLookup],\n  )\n\n  const triggerLookup = React.useCallback<\n    LookupNotificationContextValue['onLookup']\n  >(\n    async ({ newValue, abortController, continueLookupOnAbort }) => {\n      // No lookups for read only forms\n      if (formIsReadOnly) return\n      // if the element triggering the lookup has no value..\n      // ..return and do nothing\n      if (newValue === undefined || newValue === null) return\n\n      setIsLookingUp(true)\n\n      if (isOffline) {\n        setHasLookupFailed(true)\n        return\n      }\n\n      executedLookup(element)\n      setIsDisabled(true)\n      setIsCancellable(false)\n      setHasLookupFailed(false)\n      setHasLookupSucceeded(false)\n      setLookupErrorHTML(null)\n      setOnCancelLookup(() => () => {\n        if (isMounted.current) {\n          setIsLookingUp(false)\n        }\n        abortController.abort()\n      })\n\n      // After certain amount of time, show the cancel button\n      const isCancellableTimeout = setTimeout(() => {\n        setIsCancellable(!abortController.signal.aborted)\n      }, 5000)\n\n      const payload: FetchLookupPayload = {\n        element,\n        definition,\n        submission: {\n          ...model,\n          [element.name]: newValue,\n        },\n      }\n\n      try {\n        const [dataLookupResult, elementLookupResult] = await Promise.all([\n          fetchLookup(\n            element.dataLookupId,\n            definition?.organisationId,\n            definition?.formsAppEnvironmentId,\n            payload,\n            abortController.signal,\n          ),\n          fetchLookup(\n            element.elementLookupId,\n            definition?.organisationId,\n            definition?.formsAppEnvironmentId,\n            payload,\n            abortController.signal,\n          ),\n        ])\n\n        mergeLookupData(newValue, dataLookupResult, elementLookupResult)\n\n        if (isMounted.current) {\n          setHasLookupSucceeded(true)\n        }\n\n        // After certain amount of time, hide the lookup succeeded message\n        setTimeout(() => {\n          if (isMounted.current) {\n            setIsLookingUp(false)\n          }\n        }, 750)\n      } catch (error) {\n        if (!isMounted.current) {\n          return\n        }\n\n        if (abortController.signal.aborted) {\n          console.log('Fetch aborted')\n          if (!continueLookupOnAbort) {\n            setIsLookingUp(false)\n          }\n          return\n        }\n\n        executeLookupFailed(element)\n\n        setHasLookupFailed(true)\n        setLookupErrorHTML(\n          typeof error === 'string'\n            ? error\n            : 'It looks like something went wrong.<br/>Please try again.<br />If the issue continues, please contact support.',\n        )\n      } finally {\n        clearTimeout(isCancellableTimeout)\n        if (isMounted.current) {\n          setIsDisabled(false)\n          setOnCancelLookup(undefined)\n        }\n      }\n    },\n    [\n      definition,\n      element,\n      executeLookupFailed,\n      executedLookup,\n      formIsReadOnly,\n      isMounted,\n      isOffline,\n      mergeLookupData,\n      model,\n    ],\n  )\n\n  // For certain elements, do not add click event\n  // instead, watch model for changes and trigger lookup function.\n  // We add this stringify function here to allow the value to be\n  // an object which may have a reference change, but the values\n  // have not changed. e.g. the 'location' element's value\n  const autoLookupValueString = stringifyAutoLookupValue\n    ? stringifyAutoLookupValue(autoLookupValue)\n    : autoLookupValue\n  React.useEffect(() => {\n    if (!autoLookupValue) {\n      setIsLookingUp(false)\n      return\n    }\n    const abortController = new AbortController()\n    triggerLookup({\n      newValue: autoLookupValue,\n      abortController,\n      continueLookupOnAbort: true,\n    })\n    return () => {\n      abortController.abort()\n    }\n    // Wants to use \"triggerLookup\" as a dependency,\n    // however, this will change on any change made on any\n    // element. Checking if \"value\" has changed is enough\n    // to trigger a lookup when the correct dependencies change\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [autoLookupValueString])\n\n  const contextValue = React.useMemo(\n    () => ({\n      isLookup: true,\n      isDisabled,\n      onLookup: triggerLookup,\n    }),\n    [isDisabled, triggerLookup],\n  )\n\n  return (\n    <LookupNotificationContext.Provider value={contextValue}>\n      {children}\n      <div\n        className={clsx('ob-lookup__notification', {\n          'is-looking-up': isLookingUp,\n          'is-extended':\n            hasLookupFailed || (isCancellable && !hasLookupSucceeded),\n        })}\n      >\n        <div className=\"notification has-margin-top-7 has-text-centered\">\n          {hasLookupFailed && (\n            <>\n              <button\n                type=\"button\"\n                className=\"delete fade-in\"\n                onClick={() => setIsLookingUp(false)}\n              />\n\n              <div>\n                {isOffline ? (\n                  <div>\n                    <i className=\"material-icons fade-in has-text-warning\">\n                      wifi_off\n                    </i>\n                    <p className=\"fade-in\">\n                      It looks like you&apos;re offline. Please try again when\n                      connectivity is restored.\n                    </p>\n                  </div>\n                ) : (\n                  <div>\n                    <i className=\"material-icons fade-in has-text-danger\">\n                      error_outline\n                    </i>\n                    <p\n                      className=\"fade-in\"\n                      // eslint-disable-next-line react/no-danger\n                      dangerouslySetInnerHTML={{\n                        __html: lookupErrorHTML || '',\n                      }}\n                    />\n                  </div>\n                )}\n              </div>\n            </>\n          )}\n\n          {hasLookupSucceeded && (\n            <i className=\"material-icons has-text-success fade-in\">\n              check_circle_outline\n            </i>\n          )}\n\n          {!hasLookupSucceeded && !hasLookupFailed && <OnLoading small />}\n\n          {isCancellable && !hasLookupSucceeded && !hasLookupFailed && (\n            <div className=\"has-margin-top-5 fade-in\">\n              <p>Taking longer than expected?</p>\n              <button\n                type=\"button\"\n                className=\"button has-margin-top-8\"\n                onClick={onCancelLookup}\n              >\n                Cancel\n              </button>\n            </div>\n          )}\n        </div>\n      </div>\n    </LookupNotificationContext.Provider>\n  )\n}\n\nexport default function LookupNotification(props: Props) {\n  if (props.element.isDataLookup || props.element.isElementLookup) {\n    return <LookupNotificationComponent {...props} />\n  }\n\n  return <>{props.children}</>\n}\n\nasync function fetchLookup(\n  formElementLookupId: number | undefined,\n  organisationId: string | undefined,\n  formsAppEnvironmentId: number | undefined,\n  payload: FetchLookupPayload,\n  abortSignal: AbortSignal,\n) {\n  if (\n    typeof formElementLookupId !== 'number' ||\n    !organisationId ||\n    typeof formsAppEnvironmentId !== 'number'\n  ) {\n    return\n  }\n\n  console.log(\n    'Attempting to retrieve form element lookup for id:',\n    formElementLookupId,\n  )\n  const formElementLookup = await formService.getFormElementLookupById(\n    organisationId,\n    formsAppEnvironmentId,\n    formElementLookupId,\n  )\n\n  if (!formElementLookup) {\n    console.log(\n      'Could not find form element lookup configuration for id:',\n      formElementLookupId,\n      formElementLookup,\n    )\n    throw new Error('Could not find element lookup configuration')\n  }\n\n  if (formElementLookup.type === 'STATIC_DATA') {\n    const elementName = payload.element.name\n    const inputValue = payload.submission[elementName]\n    const formElementLookupEnvironment = formElementLookup.environments.find(\n      (e) => e.formsAppEnvironmentId === formsAppEnvironmentId,\n    )\n\n    if (!formElementLookupEnvironment) {\n      console.log(\n        `Returning... static data lookup not found for environment ${formsAppEnvironmentId}`,\n      )\n      return {}\n    }\n\n    const matchingRecord = formElementLookupEnvironment.records?.find(\n      (r) => r.inputValue === inputValue,\n    )\n\n    // insert prefill values\n    return matchingRecord?.preFills.reduce<\n      SubmissionTypes.S3SubmissionData['submission']\n    >((lookupResult, prefill) => {\n      switch (prefill.type) {\n        case 'TEXT':\n          lookupResult[prefill.formElementName] = prefill.text\n          break\n        case 'NUMBER':\n          lookupResult[prefill.formElementName] = prefill.number\n          break\n        case 'CLEAR':\n          lookupResult[prefill.formElementName] = undefined\n          break\n      }\n      return lookupResult\n    }, {})\n  }\n\n  if (!formElementLookup.url) {\n    console.log(\n      'Could not find URL for form element lookup for id:',\n      formElementLookupId,\n      formElementLookup,\n    )\n    throw new Error('Could not find element lookup configuration')\n  }\n\n  const headers = await generateHeaders()\n  console.log(\n    `Attempting a ${formElementLookup.type} lookup request to:`,\n    formElementLookup.url,\n  )\n  const response = await fetch(formElementLookup.url, {\n    method: 'POST',\n    headers,\n    body: JSON.stringify(payload),\n    signal: abortSignal,\n  })\n\n  const data = await response.json()\n  console.log(\n    'Response from lookup to: POST',\n    formElementLookup.url,\n    response.status,\n    data,\n  )\n\n  if (!response.ok) {\n    Sentry.captureException(\n      new Error(`Received ${response.status} status code from lookup`),\n    )\n    if (response.status === 400 && data && data.message) {\n      throw data.message\n    }\n    throw new Error('Invalid response from lookup')\n  }\n\n  return data\n}\n"]}
+{"version":3,"file":"LookupNotification.js","sourceRoot":"","sources":["../../../src/components/renderer/LookupNotification.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport { formService } from '@oneblink/apps'\nimport { generateHeaders } from '@oneblink/apps/dist/services/fetch'\n\nimport useIsOffline from '../../hooks/useIsOffline'\nimport OnLoading from './OnLoading'\nimport generateDefaultData from '../../services/generate-default-data'\nimport {\n  LookupNotificationContext,\n  LookupNotificationContextValue,\n} from '../../hooks/useLookupNotification'\nimport useFormDefinition from '../../hooks/useFormDefinition'\nimport useInjectPages from '../../hooks/useInjectPages'\nimport useFormSubmissionModel from '../../hooks/useFormSubmissionModelContext'\nimport useExecutedLookupCallback from '../../hooks/useExecutedLookupCallback'\nimport useFormIsReadOnly from '../../hooks/useFormIsReadOnly'\nimport { Sentry } from '@oneblink/apps'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport useIsMounted from '../../hooks/useIsMounted'\nimport { FormElementLookupHandler } from '../../types/form'\n\ntype FetchLookupPayload = {\n  element: FormTypes.LookupFormElement\n  definition: FormTypes.Form\n  submission: SubmissionTypes.S3SubmissionData['submission']\n}\ntype Props = {\n  autoLookupValue?: unknown\n  stringifyAutoLookupValue?: (autoLookupValue: unknown) => string\n  element: FormTypes.LookupFormElement\n  onLookup: FormElementLookupHandler\n  children: React.ReactNode\n}\n\nfunction LookupNotificationComponent({\n  autoLookupValue,\n  stringifyAutoLookupValue,\n  element,\n  onLookup,\n  children,\n}: Props) {\n  const isMounted = useIsMounted()\n  const isOffline = useIsOffline()\n  const definition = useFormDefinition()\n  const injectPagesAfter = useInjectPages()\n  const { executedLookup, executeLookupFailed } = useExecutedLookupCallback()\n\n  const [onCancelLookup, setOnCancelLookup] = React.useState<\n    (() => void) | undefined\n  >(undefined)\n  const [isLookingUp, setIsLookingUp] = React.useState(false)\n  const [hasLookupFailed, setHasLookupFailed] = React.useState(false)\n  const [hasLookupSucceeded, setHasLookupSucceeded] = React.useState(false)\n  const [isCancellable, setIsCancellable] = React.useState(false)\n  const [isDisabled, setIsDisabled] = React.useState(false)\n  const [lookupErrorHTML, setLookupErrorHTML] = React.useState<string | null>(\n    null,\n  )\n  const formIsReadOnly = useFormIsReadOnly()\n  const { formSubmissionModel: model } = useFormSubmissionModel()\n\n  const mergeLookupData = React.useCallback(\n    (\n      newValue: unknown,\n      dataLookupResult: SubmissionTypes.S3SubmissionData['submission'],\n      elementLookupResult: FormTypes.FormElement[],\n    ) => {\n      if (elementLookupResult) {\n        if (elementLookupResult[0] && elementLookupResult[0].type === 'page') {\n          injectPagesAfter(\n            element,\n            elementLookupResult as FormTypes.PageElement[],\n            dataLookupResult,\n          )\n          return\n        }\n      }\n\n      onLookup(({ submission, elements }) => {\n        let allElements = elements\n        if (Array.isArray(elementLookupResult)) {\n          const indexOfElement = elements.findIndex(\n            ({ id }) => id === element.id,\n          )\n          if (indexOfElement === -1) {\n            console.log('Could not find element', element)\n          } else {\n            // Filter out already injected elements\n            allElements = elements.filter(\n              // @ts-expect-error Sorry typescript, we need to check a property you don't approve of :(\n              (e) => e.injectedByElementId !== element.id,\n            )\n            allElements.splice(\n              indexOfElement + 1,\n              0,\n              ...elementLookupResult.map((e) => {\n                // @ts-expect-error Sorry typescript, we need to check a property you don't approve of :(\n                e.injectedByElementId = element.id\n                return e\n              }),\n            )\n          }\n        }\n\n        return {\n          elements: allElements,\n          submission: generateDefaultData(allElements, {\n            ...submission,\n            [element.name]: newValue,\n            ...dataLookupResult,\n          }),\n        }\n      })\n    },\n    [element, injectPagesAfter, onLookup],\n  )\n\n  const triggerLookup = React.useCallback<\n    LookupNotificationContextValue['onLookup']\n  >(\n    async ({ newValue, abortController, continueLookupOnAbort }) => {\n      // No lookups for read only forms\n      if (formIsReadOnly) return\n\n      setIsLookingUp(true)\n\n      if (isOffline) {\n        setHasLookupFailed(true)\n        return\n      }\n\n      executedLookup(element)\n      setIsDisabled(true)\n      setIsCancellable(false)\n      setHasLookupFailed(false)\n      setHasLookupSucceeded(false)\n      setLookupErrorHTML(null)\n      setOnCancelLookup(() => () => {\n        if (isMounted.current) {\n          setIsLookingUp(false)\n        }\n        abortController.abort()\n      })\n\n      // After certain amount of time, show the cancel button\n      const isCancellableTimeout = setTimeout(() => {\n        setIsCancellable(!abortController.signal.aborted)\n      }, 5000)\n\n      const payload: FetchLookupPayload = {\n        element,\n        definition,\n        submission: {\n          ...model,\n          [element.name]: newValue,\n        },\n      }\n\n      try {\n        const [dataLookupResult, elementLookupResult] = await Promise.all([\n          fetchLookup(\n            element.dataLookupId,\n            definition?.organisationId,\n            definition?.formsAppEnvironmentId,\n            payload,\n            abortController.signal,\n          ),\n          fetchLookup(\n            element.elementLookupId,\n            definition?.organisationId,\n            definition?.formsAppEnvironmentId,\n            payload,\n            abortController.signal,\n          ),\n        ])\n\n        mergeLookupData(newValue, dataLookupResult, elementLookupResult)\n\n        if (isMounted.current) {\n          setHasLookupSucceeded(true)\n        }\n\n        // After certain amount of time, hide the lookup succeeded message\n        setTimeout(() => {\n          if (isMounted.current) {\n            setIsLookingUp(false)\n          }\n        }, 750)\n      } catch (error) {\n        if (!isMounted.current) {\n          return\n        }\n\n        if (abortController.signal.aborted) {\n          console.log('Fetch aborted')\n          if (!continueLookupOnAbort) {\n            setIsLookingUp(false)\n          }\n          return\n        }\n\n        executeLookupFailed(element)\n\n        setHasLookupFailed(true)\n        setLookupErrorHTML(\n          typeof error === 'string'\n            ? error\n            : 'It looks like something went wrong.<br/>Please try again.<br />If the issue continues, please contact support.',\n        )\n      } finally {\n        clearTimeout(isCancellableTimeout)\n        if (isMounted.current) {\n          setIsDisabled(false)\n          setOnCancelLookup(undefined)\n        }\n      }\n    },\n    [\n      definition,\n      element,\n      executeLookupFailed,\n      executedLookup,\n      formIsReadOnly,\n      isMounted,\n      isOffline,\n      mergeLookupData,\n      model,\n    ],\n  )\n\n  // For certain elements, do not add click event\n  // instead, watch model for changes and trigger lookup function.\n  // We add this stringify function here to allow the value to be\n  // an object which may have a reference change, but the values\n  // have not changed. e.g. the 'location' element's value\n  const autoLookupValueString = stringifyAutoLookupValue\n    ? stringifyAutoLookupValue(autoLookupValue)\n    : autoLookupValue\n  React.useEffect(() => {\n    const hasLookupRan = hasLookupFailed || hasLookupSucceeded\n\n    // For lookups configured with `runLookupOnClear` set to true, we want to\n    // allow empty values for `autoLookupValue`, but only if the lookup has\n    // been ran previously. This prevents the lookup running on load with an empty value.\n    if (!autoLookupValue && (!element.runLookupOnClear || !hasLookupRan)) {\n      setIsLookingUp(false)\n      return\n    }\n    const abortController = new AbortController()\n    triggerLookup({\n      newValue: autoLookupValue,\n      abortController,\n      continueLookupOnAbort: true,\n    })\n    return () => {\n      abortController.abort()\n    }\n    // Wants to use \"triggerLookup\" as a dependency,\n    // however, this will change on any change made on any\n    // element. Checking if \"value\" has changed is enough\n    // to trigger a lookup when the correct dependencies change\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [autoLookupValueString])\n\n  const contextValue = React.useMemo(\n    () => ({\n      isLookup: true,\n      isDisabled,\n      onLookup: triggerLookup,\n    }),\n    [isDisabled, triggerLookup],\n  )\n\n  return (\n    <LookupNotificationContext.Provider value={contextValue}>\n      {children}\n      <div\n        className={clsx('ob-lookup__notification', {\n          'is-looking-up': isLookingUp,\n          'is-extended':\n            hasLookupFailed || (isCancellable && !hasLookupSucceeded),\n        })}\n      >\n        <div className=\"notification has-margin-top-7 has-text-centered\">\n          {hasLookupFailed && (\n            <>\n              <button\n                type=\"button\"\n                className=\"delete fade-in\"\n                onClick={() => setIsLookingUp(false)}\n              />\n\n              <div>\n                {isOffline ? (\n                  <div>\n                    <i className=\"material-icons fade-in has-text-warning\">\n                      wifi_off\n                    </i>\n                    <p className=\"fade-in\">\n                      It looks like you&apos;re offline. Please try again when\n                      connectivity is restored.\n                    </p>\n                  </div>\n                ) : (\n                  <div>\n                    <i className=\"material-icons fade-in has-text-danger\">\n                      error_outline\n                    </i>\n                    <p\n                      className=\"fade-in\"\n                      // eslint-disable-next-line react/no-danger\n                      dangerouslySetInnerHTML={{\n                        __html: lookupErrorHTML || '',\n                      }}\n                    />\n                  </div>\n                )}\n              </div>\n            </>\n          )}\n\n          {hasLookupSucceeded && (\n            <i className=\"material-icons has-text-success fade-in\">\n              check_circle_outline\n            </i>\n          )}\n\n          {!hasLookupSucceeded && !hasLookupFailed && <OnLoading small />}\n\n          {isCancellable && !hasLookupSucceeded && !hasLookupFailed && (\n            <div className=\"has-margin-top-5 fade-in\">\n              <p>Taking longer than expected?</p>\n              <button\n                type=\"button\"\n                className=\"button has-margin-top-8\"\n                onClick={onCancelLookup}\n              >\n                Cancel\n              </button>\n            </div>\n          )}\n        </div>\n      </div>\n    </LookupNotificationContext.Provider>\n  )\n}\n\nexport default function LookupNotification(props: Props) {\n  if (props.element.isDataLookup || props.element.isElementLookup) {\n    return <LookupNotificationComponent {...props} />\n  }\n\n  return <>{props.children}</>\n}\n\nasync function fetchLookup(\n  formElementLookupId: number | undefined,\n  organisationId: string | undefined,\n  formsAppEnvironmentId: number | undefined,\n  payload: FetchLookupPayload,\n  abortSignal: AbortSignal,\n) {\n  if (\n    typeof formElementLookupId !== 'number' ||\n    !organisationId ||\n    typeof formsAppEnvironmentId !== 'number'\n  ) {\n    return\n  }\n\n  console.log(\n    'Attempting to retrieve form element lookup for id:',\n    formElementLookupId,\n  )\n  const formElementLookup = await formService.getFormElementLookupById(\n    organisationId,\n    formsAppEnvironmentId,\n    formElementLookupId,\n  )\n\n  if (!formElementLookup) {\n    console.log(\n      'Could not find form element lookup configuration for id:',\n      formElementLookupId,\n      formElementLookup,\n    )\n    throw new Error('Could not find element lookup configuration')\n  }\n\n  if (formElementLookup.type === 'STATIC_DATA') {\n    const elementName = payload.element.name\n    const inputValue = payload.submission[elementName]\n    const formElementLookupEnvironment = formElementLookup.environments.find(\n      (e) => e.formsAppEnvironmentId === formsAppEnvironmentId,\n    )\n\n    if (!formElementLookupEnvironment) {\n      console.log(\n        `Returning... static data lookup not found for environment ${formsAppEnvironmentId}`,\n      )\n      return {}\n    }\n\n    const matchingRecord = formElementLookupEnvironment.records?.find(\n      (r) =>\n        (r.inputType === 'UNDEFINED' && !inputValue) ||\n        (r.inputType !== 'UNDEFINED' && r.inputValue === inputValue),\n    )\n\n    // insert prefill values\n    return matchingRecord?.preFills.reduce<\n      SubmissionTypes.S3SubmissionData['submission']\n    >((lookupResult, prefill) => {\n      switch (prefill.type) {\n        case 'TEXT':\n          lookupResult[prefill.formElementName] = prefill.text\n          break\n        case 'NUMBER':\n          lookupResult[prefill.formElementName] = prefill.number\n          break\n        case 'CLEAR':\n          lookupResult[prefill.formElementName] = undefined\n          break\n      }\n      return lookupResult\n    }, {})\n  }\n\n  if (!formElementLookup.url) {\n    console.log(\n      'Could not find URL for form element lookup for id:',\n      formElementLookupId,\n      formElementLookup,\n    )\n    throw new Error('Could not find element lookup configuration')\n  }\n\n  const headers = await generateHeaders()\n  console.log(\n    `Attempting a ${formElementLookup.type} lookup request to:`,\n    formElementLookup.url,\n  )\n  const response = await fetch(formElementLookup.url, {\n    method: 'POST',\n    headers,\n    body: JSON.stringify(payload),\n    signal: abortSignal,\n  })\n\n  const data = await response.json()\n  console.log(\n    'Response from lookup to: POST',\n    formElementLookup.url,\n    response.status,\n    data,\n  )\n\n  if (!response.ok) {\n    Sentry.captureException(\n      new Error(`Received ${response.status} status code from lookup`),\n    )\n    if (response.status === 400 && data && data.message) {\n      throw data.message\n    }\n    throw new Error('Invalid response from lookup')\n  }\n\n  return data\n}\n"]}

package/dist/components/renderer/OneBlinkFormElements.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { FormTypes, SubmissionTypes } from '@oneblink/types';
-import { FormElementLookupHandler, FormElementsConditionallyShown, FormElementsValidation, FormElementValueChangeHandler } from '../../types/form';
+import { FormElementLookupHandler, FormElementsConditionallyShown, FormElementsValidation, FormElementValueChangeHandler, UpdateFormElementsHandler } from '../../types/form';
 export type Props<T extends FormTypes._NestedElementsElement> = {
     formId: number;
     elements: FormTypes.FormElement[];
@@ -9,11 +9,12 @@ export type Props<T extends FormTypes._NestedElementsElement> = {
     displayValidationMessages: boolean;
     onChange: FormElementValueChangeHandler;
     onLookup: FormElementLookupHandler;
+    onUpdateFormElements: UpdateFormElementsHandler;
     isEven?: boolean;
     idPrefix: string;
     model: SubmissionTypes.S3SubmissionData['submission'];
     parentElement: T;
 };
-declare function OneBlinkFormElements<T extends FormTypes._NestedElementsElement>({ formId, elements, isEven, idPrefix, displayValidationMessages, formElementsValidation, formElementsConditionallyShown, onChange, onLookup, model, parentElement, }: Props<T>): JSX.Element;
+declare function OneBlinkFormElements<T extends FormTypes._NestedElementsElement>({ formId, elements, isEven, idPrefix, displayValidationMessages, formElementsValidation, formElementsConditionallyShown, onChange, onLookup, onUpdateFormElements, model, parentElement, }: Props<T>): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof OneBlinkFormElements>;
 export default _default;

package/dist/components/renderer/OneBlinkFormElements.js

@@ -38,7 +38,7 @@ import FormElementCivicaNameRecord from '../../form-elements/FormElementCivicaNa
 import FormElementFreshdeskDependentField from '../../form-elements/FormElementFreshdeskDependentField';
 import { FormSubmissionModelContextProvider } from '../../hooks/useFormSubmissionModelContext';
 import useBooleanState from '../../hooks/useBooleanState';
-function OneBlinkFormElements({ formId, elements, isEven, idPrefix, displayValidationMessages, formElementsValidation, formElementsConditionallyShown, onChange, onLookup, model, parentElement, }) {
+function OneBlinkFormElements({ formId, elements, isEven, idPrefix, displayValidationMessages, formElementsValidation, formElementsConditionallyShown, onChange, onLookup, onUpdateFormElements, model, parentElement, }) {
     return (React.createElement(FormSubmissionModelContextProvider, { elements: parentElement.elements, model: model, formElementsConditionallyShown: formElementsConditionallyShown }, elements.map((element) => {
         var _a, _b;
         if (element.type === 'section') {
@@ -46,13 +46,13 @@ function OneBlinkFormElements({ formId, elements, isEven, idPrefix, displayValid
                 return null;
             }
             return (React.createElement("div", { key: element.id, className: clsx('ob-element cypress-element-container', element.customCssClasses) },
-                React.createElement(FormElementSection, { formId: formId, element: element, displayValidationMessages: displayValidationMessages, idPrefix: idPrefix, formElementsConditionallyShown: formElementsConditionallyShown, formElementsValidation: formElementsValidation, onChange: onChange, onLookup: onLookup, model: model, parentElement: parentElement })));
+                React.createElement(FormElementSection, { formId: formId, element: element, displayValidationMessages: displayValidationMessages, idPrefix: idPrefix, formElementsConditionallyShown: formElementsConditionallyShown, formElementsValidation: formElementsValidation, onChange: onChange, onLookup: onLookup, onUpdateFormElements: onUpdateFormElements, model: model, parentElement: parentElement })));
         }
         if (element.type === 'page' ||
             ((_b = formElementsConditionallyShown === null || formElementsConditionallyShown === void 0 ? void 0 : formElementsConditionallyShown[element.name]) === null || _b === void 0 ? void 0 : _b.isHidden)) {
             return null;
         }
-        return (React.createElement(FormElementSwitchContainer, { key: element.id, formId: formId, element: element, value: model[element.name], displayValidationMessage: displayValidationMessages, isEven: isEven, id: `${idPrefix}${element.name}`, formElementConditionallyShown: formElementsConditionallyShown === null || formElementsConditionallyShown === void 0 ? void 0 : formElementsConditionallyShown[element.name], formElementValidation: formElementsValidation === null || formElementsValidation === void 0 ? void 0 : formElementsValidation[element.name], onChange: onChange, onLookup: onLookup }));
+        return (React.createElement(FormElementSwitchContainer, { key: element.id, formId: formId, element: element, value: model[element.name], displayValidationMessage: displayValidationMessages, isEven: isEven, id: `${idPrefix}${element.name}`, formElementConditionallyShown: formElementsConditionallyShown === null || formElementsConditionallyShown === void 0 ? void 0 : formElementsConditionallyShown[element.name], formElementValidation: formElementsValidation === null || formElementsValidation === void 0 ? void 0 : formElementsValidation[element.name], onChange: onChange, onLookup: onLookup, onUpdateFormElements: onUpdateFormElements }));
     })));
 }
 export default React.memo(OneBlinkFormElements);
@@ -76,7 +76,7 @@ function FormElementSwitchContainer(props) {
     return (React.createElement("div", { id: element.id, className: clsx('ob-element cypress-element-container', element.customCssClasses ? element.customCssClasses.join(' ') : '', validationClassName), "data-cypress-element-name": element.name, "data-ob-name": element.name },
         React.createElement(FormElementSwitch, { ...props, isDirty: isDirty, setIsDirty: setIsDirty })));
 }
-const FormElementSwitch = React.memo(function OneBlinkFormElement({ formId, element, value, displayValidationMessage, formElementValidation, formElementConditionallyShown, isEven, id, onChange, onLookup, isDirty, setIsDirty, }) {
+const FormElementSwitch = React.memo(function OneBlinkFormElement({ formId, element, value, displayValidationMessage, formElementValidation, formElementConditionallyShown, isEven, id, onChange, onLookup, onUpdateFormElements, isDirty, setIsDirty, }) {
     const dirtyProps = React.useMemo(() => ({ isDirty, setIsDirty }), [isDirty, setIsDirty]);
     const conditionallyShownOptionsElement = (formElementConditionallyShown === null || formElementConditionallyShown === void 0 ? void 0 : formElementConditionallyShown.type) === 'formElement'
         ? formElementConditionallyShown
@@ -129,15 +129,15 @@ const FormElementSwitch = React.memo(function OneBlinkFormElement({ formId, elem
         }
         case 'autocomplete': {
             return (React.createElement(LookupNotification, { autoLookupValue: value, element: element, onLookup: onLookup },
-                React.createElement(FormElementAutocomplete, { id: id, element: element, value: value, onChange: onChange, validationMessage: validationMessage, displayValidationMessage: displayValidationMessage, conditionallyShownOptionsElement: conditionallyShownOptionsElement, ...dirtyProps })));
+                React.createElement(FormElementAutocomplete, { id: id, element: element, value: value, onChange: onChange, validationMessage: validationMessage, displayValidationMessage: displayValidationMessage, conditionallyShownOptionsElement: conditionallyShownOptionsElement, onUpdateFormElements: onUpdateFormElements, ...dirtyProps })));
         }
         case 'select': {
             return (React.createElement(LookupNotification, { autoLookupValue: !element.multi ? value : undefined, element: element, onLookup: onLookup },
-                React.createElement(FormElementSelect, { id: id, element: element, value: value, onChange: onChange, validationMessage: validationMessage, displayValidationMessage: displayValidationMessage, conditionallyShownOptionsElement: conditionallyShownOptionsElement, ...dirtyProps })));
+                React.createElement(FormElementSelect, { id: id, element: element, value: value, onChange: onChange, validationMessage: validationMessage, displayValidationMessage: displayValidationMessage, conditionallyShownOptionsElement: conditionallyShownOptionsElement, onUpdateFormElements: onUpdateFormElements, ...dirtyProps })));
         }
         case 'radio': {
             return (React.createElement(LookupNotification, { autoLookupValue: value, element: element, onLookup: onLookup },
-                React.createElement(FormElementRadio, { id: id, element: element, value: value, onChange: onChange, validationMessage: validationMessage, displayValidationMessage: displayValidationMessage, conditionallyShownOptionsElement: conditionallyShownOptionsElement, ...dirtyProps })));
+                React.createElement(FormElementRadio, { id: id, element: element, value: value, onChange: onChange, validationMessage: validationMessage, displayValidationMessage: displayValidationMessage, conditionallyShownOptionsElement: conditionallyShownOptionsElement, onUpdateFormElements: onUpdateFormElements, ...dirtyProps })));
         }
         case 'draw': {
             return (React.createElement(FormElementSignature, { id: id, element: element, value: value, onChange: onChange, validationMessage: validationMessage, displayValidationMessage: displayValidationMessage, ...dirtyProps }));
@@ -146,7 +146,7 @@ const FormElementSwitch = React.memo(function OneBlinkFormElement({ formId, elem
             return (React.createElement(FormElementCalculation, { element: element, onChange: onChange, value: value }));
         }
         case 'repeatableSet': {
-            return (React.createElement(FormElementRepeatableSet, { formId: formId, id: id, isEven: !isEven, element: element, value: value, onChange: onChange, onLookup: onLookup, formElementConditionallyShown: formElementConditionallyShown, formElementValidation: formElementValidation, displayValidationMessage: displayValidationMessage, ...dirtyProps }));
+            return (React.createElement(FormElementRepeatableSet, { formId: formId, id: id, isEven: !isEven, element: element, value: value, onChange: onChange, onLookup: onLookup, formElementConditionallyShown: formElementConditionallyShown, formElementValidation: formElementValidation, displayValidationMessage: displayValidationMessage, onUpdateFormElements: onUpdateFormElements, ...dirtyProps }));
         }
         case 'image': {
             return React.createElement(FormElementImage, { element: element });
@@ -161,7 +161,7 @@ const FormElementSwitch = React.memo(function OneBlinkFormElement({ formId, elem
         }
         case 'checkboxes': {
             return (React.createElement(LookupNotification, { element: element, onLookup: onLookup },
-                React.createElement(FormElementCheckBoxes, { id: id, element: element, value: value, onChange: onChange, validationMessage: validationMessage, displayValidationMessage: displayValidationMessage, conditionallyShownOptionsElement: conditionallyShownOptionsElement, ...dirtyProps })));
+                React.createElement(FormElementCheckBoxes, { id: id, element: element, value: value, onChange: onChange, validationMessage: validationMessage, displayValidationMessage: displayValidationMessage, conditionallyShownOptionsElement: conditionallyShownOptionsElement, onUpdateFormElements: onUpdateFormElements, ...dirtyProps })));
         }
         case 'files': {
             return (React.createElement(LookupNotification, { element: element, onLookup: onLookup, autoLookupValue: value, stringifyAutoLookupValue: stringifyAttachments },
@@ -169,7 +169,7 @@ const FormElementSwitch = React.memo(function OneBlinkFormElement({ formId, elem
         }
         case 'infoPage':
         case 'form': {
-            return (React.createElement(FormElementForm, { formId: formId, id: id, element: element, value: value, onChange: onChange, onLookup: onLookup, displayValidationMessages: displayValidationMessage, formElementValidation: formElementValidation, formElementConditionallyShown: formElementConditionallyShown }));
+            return (React.createElement(FormElementForm, { formId: formId, id: id, element: element, value: value, onChange: onChange, onLookup: onLookup, displayValidationMessages: displayValidationMessage, formElementValidation: formElementValidation, formElementConditionallyShown: formElementConditionallyShown, onUpdateFormElements: onUpdateFormElements }));
         }
         case 'camera': {
             return (React.createElement(FormElementCamera, { id: id, element: element, value: value, onChange: onChange, validationMessage: validationMessage, displayValidationMessage: displayValidationMessage, ...dirtyProps }));
@@ -191,10 +191,10 @@ const FormElementSwitch = React.memo(function OneBlinkFormElement({ formId, elem
         }
         case 'compliance': {
             return (React.createElement(LookupNotification, { autoLookupValue: value ? value.value : undefined, element: element, onLookup: onLookup },
-                React.createElement(FormElementCompliance, { id: id, element: element, value: value, onChange: onChange, validationMessage: validationMessage, displayValidationMessage: displayValidationMessage, conditionallyShownOptionsElement: conditionallyShownOptionsElement, isEven: isEven, ...dirtyProps })));
+                React.createElement(FormElementCompliance, { id: id, element: element, value: value, onChange: onChange, validationMessage: validationMessage, displayValidationMessage: displayValidationMessage, conditionallyShownOptionsElement: conditionallyShownOptionsElement, isEven: isEven, onUpdateFormElements: onUpdateFormElements, ...dirtyProps })));
         }
         case 'freshdeskDependentField': {
-            return (React.createElement(FormElementFreshdeskDependentField, { formId: formId, id: id, element: element, value: value, onChange: onChange, onLookup: onLookup, displayValidationMessages: displayValidationMessage, formElementValidation: formElementValidation, formElementConditionallyShown: formElementConditionallyShown }));
+            return (React.createElement(FormElementFreshdeskDependentField, { formId: formId, id: id, element: element, value: value, onChange: onChange, onLookup: onLookup, displayValidationMessages: displayValidationMessage, formElementValidation: formElementValidation, formElementConditionallyShown: formElementConditionallyShown, onUpdateFormElements: onUpdateFormElements }));
         }
         case 'pointAddress': {
             const v = value;
@@ -211,7 +211,7 @@ const FormElementSwitch = React.memo(function OneBlinkFormElement({ formId, elem
                 React.createElement(FormElementCivicaStreetName, { id: id, formId: formId, element: element, value: v, onChange: onChange, validationMessage: validationMessage, displayValidationMessage: displayValidationMessage, ...dirtyProps })));
         }
         case 'civicaNameRecord': {
-            return (React.createElement(FormElementCivicaNameRecord, { formId: formId, id: id, element: element, value: value, onChange: onChange, onLookup: onLookup, displayValidationMessages: displayValidationMessage, formElementValidation: formElementValidation, formElementConditionallyShown: formElementConditionallyShown }));
+            return (React.createElement(FormElementCivicaNameRecord, { formId: formId, id: id, element: element, value: value, onChange: onChange, onLookup: onLookup, displayValidationMessages: displayValidationMessage, formElementValidation: formElementValidation, formElementConditionallyShown: formElementConditionallyShown, onUpdateFormElements: onUpdateFormElements }));
         }
         default: {
             console.warn('Invalid element', element);

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

@@ -1 +1 @@
-{"version":3,"file":"OneBlinkFormElements.js","sourceRoot":"","sources":["../../../src/components/renderer/OneBlinkFormElements.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\n\nimport LookupNotification from './LookupNotification'\n\nimport FormElementBarcodeScanner from '../../form-elements/FormElementBarcodeScanner'\nimport FormElementEmail from '../../form-elements/FormElementEmail'\nimport FormElementABN from '../../form-elements/FormElementABN'\nimport FormElementBSB from '../../form-elements/FormElementBSB'\nimport FormElementText from '../../form-elements/FormElementText'\nimport FormElementTextarea from '../../form-elements/FormElementTextarea'\nimport FormElementNumber from '../../form-elements/FormElementNumber'\nimport FormElementHeading from '../../form-elements/FormElementHeading'\nimport FormElementHTML from '../../form-elements/FormElementHTML'\nimport FormElementTelephone from '../../form-elements/FormElementTelephone'\nimport FormElementSelect from '../../form-elements/FormElementSelect'\nimport FormElementDate from '../../form-elements/FormElementDate'\nimport FormElementImage from '../../form-elements/FormElementImage'\nimport FormElementDateTime from '../../form-elements/FormElementDateTime'\nimport FormElementTime from '../../form-elements/FormElementTime'\nimport FormElementCalculation from '../../form-elements/FormElementCalculation'\nimport FormElementRadio from '../../form-elements/FormElementRadio'\nimport FormElementAutocomplete from '../../form-elements/FormElementAutocomplete'\nimport FormElementRepeatableSet from '../../form-elements/FormElementRepeatableSet'\nimport FormElementSignature from '../../form-elements/FormElementSignature'\nimport FormElementCheckBoxes from '../../form-elements/FormElementCheckBoxes'\nimport FormElementFiles, {\n  stringifyAttachments,\n} from '../../form-elements/FormElementFiles'\nimport FormElementForm from '../../form-elements/FormElementForm'\nimport FormElementSection from '../../form-elements/FormElementSection'\nimport FormElementCamera from '../../form-elements/FormElementCamera'\nimport FormElementSummary from '../../form-elements/FormElementSummary'\nimport FormElementCaptcha from '../../form-elements/FormElementCaptcha'\nimport FormElementLocation, {\n  stringifyLocation,\n} from '../../form-elements/FormElementLocation'\nimport FormElementGeoscapeAddress from '../../form-elements/FormElementGeoscapeAddress'\nimport FormElementCompliance from '../../form-elements/FormElementCompliance'\nimport FormElementPointAddress from '../../form-elements/FormElementPointAddress'\nimport FormElementBoolean from '../../form-elements/FormElementBoolean'\nimport FormElementCivicaStreetName from '../../form-elements/FormElementCivicaStreetName'\nimport FormElementCivicaNameRecord from '../../form-elements/FormElementCivicaNameRecord'\nimport FormElementFreshdeskDependentField from '../../form-elements/FormElementFreshdeskDependentField'\n\nimport {\n  CivicaTypes,\n  FormTypes,\n  GeoscapeTypes,\n  MiscTypes,\n  PointTypes,\n  SubmissionTypes,\n} from '@oneblink/types'\n\nimport { FormSubmissionModelContextProvider } from '../../hooks/useFormSubmissionModelContext'\nimport useBooleanState from '../../hooks/useBooleanState'\nimport { FormElementBinaryStorageValue } from '../../types/attachments'\nimport {\n  FormElementConditionallyShown,\n  FormElementLookupHandler,\n  FormElementsConditionallyShown,\n  FormElementsValidation,\n  FormElementValidation,\n  FormElementValueChangeHandler,\n  IsDirtyProps,\n} from '../../types/form'\nimport { attachmentsService } from '@oneblink/apps'\n\nexport type Props<T extends FormTypes._NestedElementsElement> = {\n  formId: number\n  elements: FormTypes.FormElement[]\n  formElementsConditionallyShown: FormElementsConditionallyShown | undefined\n  formElementsValidation: FormElementsValidation | undefined\n  displayValidationMessages: boolean\n  onChange: FormElementValueChangeHandler\n  onLookup: FormElementLookupHandler\n  // Props passed by repeatable sets\n  isEven?: boolean\n  idPrefix: string\n  model: SubmissionTypes.S3SubmissionData['submission']\n  parentElement: T\n}\n\ninterface FormElementSwitchProps extends IsDirtyProps {\n  formId: number\n  element: FormTypes.FormElement\n  value: unknown | undefined\n  formElementValidation: FormElementValidation | undefined\n  displayValidationMessage: boolean\n  formElementConditionallyShown: FormElementConditionallyShown | undefined\n  id: string\n  isEven: boolean | undefined\n  onChange: FormElementValueChangeHandler\n  onLookup: FormElementLookupHandler\n}\n\nfunction OneBlinkFormElements<T extends FormTypes._NestedElementsElement>({\n  formId,\n  elements,\n  isEven,\n  idPrefix,\n  displayValidationMessages,\n  formElementsValidation,\n  formElementsConditionallyShown,\n  onChange,\n  onLookup,\n  model,\n  parentElement,\n}: Props<T>) {\n  return (\n    <FormSubmissionModelContextProvider\n      elements={parentElement.elements}\n      model={model}\n      formElementsConditionallyShown={formElementsConditionallyShown}\n    >\n      {elements.map((element) => {\n        if (element.type === 'section') {\n          if (formElementsConditionallyShown?.[element.id]?.isHidden) {\n            return null\n          }\n\n          return (\n            <div\n              key={element.id}\n              className={clsx(\n                'ob-element cypress-element-container',\n                element.customCssClasses,\n              )}\n            >\n              <FormElementSection\n                formId={formId}\n                element={element}\n                displayValidationMessages={displayValidationMessages}\n                idPrefix={idPrefix}\n                formElementsConditionallyShown={formElementsConditionallyShown}\n                formElementsValidation={formElementsValidation}\n                onChange={onChange}\n                onLookup={onLookup}\n                model={model}\n                parentElement={parentElement}\n              />\n            </div>\n          )\n        }\n\n        if (\n          element.type === 'page' ||\n          formElementsConditionallyShown?.[element.name]?.isHidden\n        ) {\n          return null\n        }\n\n        return (\n          <FormElementSwitchContainer\n            key={element.id}\n            formId={formId}\n            element={element}\n            value={model[element.name]}\n            displayValidationMessage={displayValidationMessages}\n            isEven={isEven}\n            id={`${idPrefix}${element.name}`}\n            formElementConditionallyShown={\n              formElementsConditionallyShown?.[element.name]\n            }\n            formElementValidation={formElementsValidation?.[element.name]}\n            onChange={onChange}\n            onLookup={onLookup}\n          />\n        )\n      })}\n    </FormSubmissionModelContextProvider>\n  )\n}\n\nexport default React.memo(OneBlinkFormElements)\n\nfunction FormElementSwitchContainer(\n  props: Omit<FormElementSwitchProps, 'isDirty' | 'setIsDirty'>,\n) {\n  const { element, formElementValidation, displayValidationMessage } = props\n  const [isDirty, setIsDirty] = useBooleanState(false)\n\n  const getValidationClass = () => {\n    if (!('elements' in element)) {\n      if (!formElementValidation) {\n        return 'ob-element__valid'\n      }\n      if (isDirty || displayValidationMessage) {\n        return 'ob-element__invalid'\n      }\n    }\n  }\n  const validationClassName = getValidationClass()\n\n  if (element.type === 'page' || element.type === 'section') {\n    return null\n  }\n\n  return (\n    <div\n      id={element.id}\n      className={clsx(\n        'ob-element cypress-element-container',\n        element.customCssClasses ? element.customCssClasses.join(' ') : '',\n        validationClassName,\n      )}\n      data-cypress-element-name={element.name}\n      data-ob-name={element.name}\n    >\n      <FormElementSwitch {...props} isDirty={isDirty} setIsDirty={setIsDirty} />\n    </div>\n  )\n}\n\nconst FormElementSwitch = React.memo(function OneBlinkFormElement({\n  formId,\n  element,\n  value,\n  displayValidationMessage,\n  formElementValidation,\n  formElementConditionallyShown,\n  isEven,\n  id,\n  onChange,\n  onLookup,\n  isDirty,\n  setIsDirty,\n}: FormElementSwitchProps & IsDirtyProps) {\n  const dirtyProps = React.useMemo(\n    () => ({ isDirty, setIsDirty }),\n    [isDirty, setIsDirty],\n  )\n  const conditionallyShownOptionsElement =\n    formElementConditionallyShown?.type === 'formElement'\n      ? formElementConditionallyShown\n      : undefined\n  const validationMessage =\n    typeof formElementValidation === 'string'\n      ? formElementValidation\n      : undefined\n  switch (element.type) {\n    case 'heading': {\n      return <FormElementHeading element={element} />\n    }\n    case 'html': {\n      return <FormElementHTML element={element} />\n    }\n    case 'date': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementDate\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementDate\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'email': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementEmail\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementEmail\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'text': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementText\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementText\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'abn': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementABN\n            id={id}\n            element={element}\n            value={value as MiscTypes.ABNRecord | undefined}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementABN\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'bsb': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementBSB\n            id={id}\n            formId={formId}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementBSB\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'barcodeScanner': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementBarcodeScanner\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementBarcodeScanner\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'textarea': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementTextarea\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementTextarea\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'number': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementNumber\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementNumber\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'telephone': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementTelephone\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementTelephone\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'autocomplete': {\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementAutocomplete\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementAutocomplete\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'select': {\n      return (\n        <LookupNotification\n          autoLookupValue={!element.multi ? value : undefined}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementSelect\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementSelect\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'radio': {\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementRadio\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementRadio\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'draw': {\n      return (\n        <FormElementSignature\n          id={id}\n          element={element}\n          value={value as FormElementBinaryStorageValue}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementSignature\n            >['onChange']\n          }\n          validationMessage={validationMessage}\n          displayValidationMessage={displayValidationMessage}\n          {...dirtyProps}\n        />\n      )\n    }\n    case 'calculation': {\n      return (\n        <FormElementCalculation\n          element={element}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementCalculation\n            >['onChange']\n          }\n          value={value}\n        />\n      )\n    }\n    case 'repeatableSet': {\n      return (\n        <FormElementRepeatableSet\n          formId={formId}\n          id={id}\n          isEven={!isEven}\n          element={element}\n          value={\n            value as\n              | Array<SubmissionTypes.S3SubmissionData['submission']>\n              | undefined\n          }\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementRepeatableSet\n            >['onChange']\n          }\n          onLookup={onLookup}\n          formElementConditionallyShown={formElementConditionallyShown}\n          formElementValidation={formElementValidation}\n          displayValidationMessage={displayValidationMessage}\n          {...dirtyProps}\n        />\n      )\n    }\n    case 'image': {\n      return <FormElementImage element={element} />\n    }\n    case 'datetime': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementDateTime\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementDateTime\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'time': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementTime\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementTime\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'checkboxes': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementCheckBoxes\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementCheckBoxes\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'files': {\n      return (\n        <LookupNotification\n          element={element}\n          onLookup={onLookup}\n          autoLookupValue={value}\n          stringifyAutoLookupValue={\n            stringifyAttachments as React.ComponentProps<\n              typeof LookupNotification\n            >['stringifyAutoLookupValue']\n          }\n        >\n          <FormElementFiles\n            id={id}\n            element={element}\n            value={value as attachmentsService.Attachment[] | undefined}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementFiles\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'infoPage':\n    case 'form': {\n      return (\n        <FormElementForm\n          formId={formId}\n          id={id}\n          element={element}\n          value={\n            value as SubmissionTypes.S3SubmissionData['submission'] | undefined\n          }\n          onChange={\n            onChange as React.ComponentProps<typeof FormElementForm>['onChange']\n          }\n          onLookup={onLookup}\n          displayValidationMessages={displayValidationMessage}\n          formElementValidation={formElementValidation}\n          formElementConditionallyShown={formElementConditionallyShown}\n        />\n      )\n    }\n    case 'camera': {\n      return (\n        <FormElementCamera\n          id={id}\n          element={element}\n          value={value as FormElementBinaryStorageValue}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementCamera\n            >['onChange']\n          }\n          validationMessage={validationMessage}\n          displayValidationMessage={displayValidationMessage}\n          {...dirtyProps}\n        />\n      )\n    }\n    case 'summary': {\n      return (\n        <FormElementSummary\n          element={element}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementSummary\n            >['onChange']\n          }\n          value={value}\n        />\n      )\n    }\n    case 'captcha': {\n      return (\n        <FormElementCaptcha\n          element={element}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementCaptcha\n            >['onChange']\n          }\n          validationMessage={validationMessage}\n          displayValidationMessage={displayValidationMessage}\n          {...dirtyProps}\n        />\n      )\n    }\n    case 'location': {\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          stringifyAutoLookupValue={\n            stringifyLocation as React.ComponentProps<\n              typeof LookupNotification\n            >['stringifyAutoLookupValue']\n          }\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementLocation\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementLocation\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'geoscapeAddress': {\n      const v = value as GeoscapeTypes.GeoscapeAddress | undefined\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementGeoscapeAddress\n            id={id}\n            formId={formId}\n            element={element}\n            value={v}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementGeoscapeAddress\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'compliance': {\n      return (\n        <LookupNotification\n          autoLookupValue={\n            value ? (value as { value: unknown }).value : undefined\n          }\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementCompliance\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementCompliance\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n            isEven={isEven}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'freshdeskDependentField': {\n      return (\n        <FormElementFreshdeskDependentField\n          formId={formId}\n          id={id}\n          element={element}\n          value={\n            value as SubmissionTypes.S3SubmissionData['submission'] | undefined\n          }\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementFreshdeskDependentField\n            >['onChange']\n          }\n          onLookup={onLookup}\n          displayValidationMessages={displayValidationMessage}\n          formElementValidation={formElementValidation}\n          formElementConditionallyShown={formElementConditionallyShown}\n        />\n      )\n    }\n    case 'pointAddress': {\n      const v = value as PointTypes.PointAddress | undefined\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementPointAddress\n            id={id}\n            formId={formId}\n            element={element}\n            value={v}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementPointAddress\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'boolean': {\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementBoolean\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementBoolean\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'civicaStreetName': {\n      const v = value as CivicaTypes.CivicaStreetName | undefined\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementCivicaStreetName\n            id={id}\n            formId={formId}\n            element={element}\n            value={v}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementCivicaStreetName\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'civicaNameRecord': {\n      return (\n        <FormElementCivicaNameRecord\n          formId={formId}\n          id={id}\n          element={element}\n          value={\n            value as SubmissionTypes.S3SubmissionData['submission'] | undefined\n          }\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementCivicaNameRecord\n            >['onChange']\n          }\n          onLookup={onLookup}\n          displayValidationMessages={displayValidationMessage}\n          formElementValidation={formElementValidation}\n          formElementConditionallyShown={formElementConditionallyShown}\n        />\n      )\n    }\n    default: {\n      console.warn('Invalid element', element)\n      return null\n    }\n  }\n})\n"]}
+{"version":3,"file":"OneBlinkFormElements.js","sourceRoot":"","sources":["../../../src/components/renderer/OneBlinkFormElements.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\n\nimport LookupNotification from './LookupNotification'\n\nimport FormElementBarcodeScanner from '../../form-elements/FormElementBarcodeScanner'\nimport FormElementEmail from '../../form-elements/FormElementEmail'\nimport FormElementABN from '../../form-elements/FormElementABN'\nimport FormElementBSB from '../../form-elements/FormElementBSB'\nimport FormElementText from '../../form-elements/FormElementText'\nimport FormElementTextarea from '../../form-elements/FormElementTextarea'\nimport FormElementNumber from '../../form-elements/FormElementNumber'\nimport FormElementHeading from '../../form-elements/FormElementHeading'\nimport FormElementHTML from '../../form-elements/FormElementHTML'\nimport FormElementTelephone from '../../form-elements/FormElementTelephone'\nimport FormElementSelect from '../../form-elements/FormElementSelect'\nimport FormElementDate from '../../form-elements/FormElementDate'\nimport FormElementImage from '../../form-elements/FormElementImage'\nimport FormElementDateTime from '../../form-elements/FormElementDateTime'\nimport FormElementTime from '../../form-elements/FormElementTime'\nimport FormElementCalculation from '../../form-elements/FormElementCalculation'\nimport FormElementRadio from '../../form-elements/FormElementRadio'\nimport FormElementAutocomplete from '../../form-elements/FormElementAutocomplete'\nimport FormElementRepeatableSet from '../../form-elements/FormElementRepeatableSet'\nimport FormElementSignature from '../../form-elements/FormElementSignature'\nimport FormElementCheckBoxes from '../../form-elements/FormElementCheckBoxes'\nimport FormElementFiles, {\n  stringifyAttachments,\n} from '../../form-elements/FormElementFiles'\nimport FormElementForm from '../../form-elements/FormElementForm'\nimport FormElementSection from '../../form-elements/FormElementSection'\nimport FormElementCamera from '../../form-elements/FormElementCamera'\nimport FormElementSummary from '../../form-elements/FormElementSummary'\nimport FormElementCaptcha from '../../form-elements/FormElementCaptcha'\nimport FormElementLocation, {\n  stringifyLocation,\n} from '../../form-elements/FormElementLocation'\nimport FormElementGeoscapeAddress from '../../form-elements/FormElementGeoscapeAddress'\nimport FormElementCompliance from '../../form-elements/FormElementCompliance'\nimport FormElementPointAddress from '../../form-elements/FormElementPointAddress'\nimport FormElementBoolean from '../../form-elements/FormElementBoolean'\nimport FormElementCivicaStreetName from '../../form-elements/FormElementCivicaStreetName'\nimport FormElementCivicaNameRecord from '../../form-elements/FormElementCivicaNameRecord'\nimport FormElementFreshdeskDependentField from '../../form-elements/FormElementFreshdeskDependentField'\n\nimport {\n  CivicaTypes,\n  FormTypes,\n  GeoscapeTypes,\n  MiscTypes,\n  PointTypes,\n  SubmissionTypes,\n} from '@oneblink/types'\n\nimport { FormSubmissionModelContextProvider } from '../../hooks/useFormSubmissionModelContext'\nimport useBooleanState from '../../hooks/useBooleanState'\nimport { FormElementBinaryStorageValue } from '../../types/attachments'\nimport {\n  FormElementConditionallyShown,\n  FormElementLookupHandler,\n  FormElementsConditionallyShown,\n  FormElementsValidation,\n  FormElementValidation,\n  FormElementValueChangeHandler,\n  IsDirtyProps,\n  UpdateFormElementsHandler,\n} from '../../types/form'\nimport { attachmentsService } from '@oneblink/apps'\n\nexport type Props<T extends FormTypes._NestedElementsElement> = {\n  formId: number\n  elements: FormTypes.FormElement[]\n  formElementsConditionallyShown: FormElementsConditionallyShown | undefined\n  formElementsValidation: FormElementsValidation | undefined\n  displayValidationMessages: boolean\n  onChange: FormElementValueChangeHandler\n  onLookup: FormElementLookupHandler\n  onUpdateFormElements: UpdateFormElementsHandler\n  // Props passed by repeatable sets\n  isEven?: boolean\n  idPrefix: string\n  model: SubmissionTypes.S3SubmissionData['submission']\n  parentElement: T\n}\n\ninterface FormElementSwitchProps extends IsDirtyProps {\n  formId: number\n  element: FormTypes.FormElement\n  value: unknown | undefined\n  formElementValidation: FormElementValidation | undefined\n  displayValidationMessage: boolean\n  formElementConditionallyShown: FormElementConditionallyShown | undefined\n  id: string\n  isEven: boolean | undefined\n  onChange: FormElementValueChangeHandler\n  onLookup: FormElementLookupHandler\n  onUpdateFormElements: UpdateFormElementsHandler\n}\n\nfunction OneBlinkFormElements<T extends FormTypes._NestedElementsElement>({\n  formId,\n  elements,\n  isEven,\n  idPrefix,\n  displayValidationMessages,\n  formElementsValidation,\n  formElementsConditionallyShown,\n  onChange,\n  onLookup,\n  onUpdateFormElements,\n  model,\n  parentElement,\n}: Props<T>) {\n  return (\n    <FormSubmissionModelContextProvider\n      elements={parentElement.elements}\n      model={model}\n      formElementsConditionallyShown={formElementsConditionallyShown}\n    >\n      {elements.map((element) => {\n        if (element.type === 'section') {\n          if (formElementsConditionallyShown?.[element.id]?.isHidden) {\n            return null\n          }\n\n          return (\n            <div\n              key={element.id}\n              className={clsx(\n                'ob-element cypress-element-container',\n                element.customCssClasses,\n              )}\n            >\n              <FormElementSection\n                formId={formId}\n                element={element}\n                displayValidationMessages={displayValidationMessages}\n                idPrefix={idPrefix}\n                formElementsConditionallyShown={formElementsConditionallyShown}\n                formElementsValidation={formElementsValidation}\n                onChange={onChange}\n                onLookup={onLookup}\n                onUpdateFormElements={onUpdateFormElements}\n                model={model}\n                parentElement={parentElement}\n              />\n            </div>\n          )\n        }\n\n        if (\n          element.type === 'page' ||\n          formElementsConditionallyShown?.[element.name]?.isHidden\n        ) {\n          return null\n        }\n\n        return (\n          <FormElementSwitchContainer\n            key={element.id}\n            formId={formId}\n            element={element}\n            value={model[element.name]}\n            displayValidationMessage={displayValidationMessages}\n            isEven={isEven}\n            id={`${idPrefix}${element.name}`}\n            formElementConditionallyShown={\n              formElementsConditionallyShown?.[element.name]\n            }\n            formElementValidation={formElementsValidation?.[element.name]}\n            onChange={onChange}\n            onLookup={onLookup}\n            onUpdateFormElements={onUpdateFormElements}\n          />\n        )\n      })}\n    </FormSubmissionModelContextProvider>\n  )\n}\n\nexport default React.memo(OneBlinkFormElements)\n\nfunction FormElementSwitchContainer(\n  props: Omit<FormElementSwitchProps, 'isDirty' | 'setIsDirty'>,\n) {\n  const { element, formElementValidation, displayValidationMessage } = props\n  const [isDirty, setIsDirty] = useBooleanState(false)\n\n  const getValidationClass = () => {\n    if (!('elements' in element)) {\n      if (!formElementValidation) {\n        return 'ob-element__valid'\n      }\n      if (isDirty || displayValidationMessage) {\n        return 'ob-element__invalid'\n      }\n    }\n  }\n  const validationClassName = getValidationClass()\n\n  if (element.type === 'page' || element.type === 'section') {\n    return null\n  }\n\n  return (\n    <div\n      id={element.id}\n      className={clsx(\n        'ob-element cypress-element-container',\n        element.customCssClasses ? element.customCssClasses.join(' ') : '',\n        validationClassName,\n      )}\n      data-cypress-element-name={element.name}\n      data-ob-name={element.name}\n    >\n      <FormElementSwitch {...props} isDirty={isDirty} setIsDirty={setIsDirty} />\n    </div>\n  )\n}\n\nconst FormElementSwitch = React.memo(function OneBlinkFormElement({\n  formId,\n  element,\n  value,\n  displayValidationMessage,\n  formElementValidation,\n  formElementConditionallyShown,\n  isEven,\n  id,\n  onChange,\n  onLookup,\n  onUpdateFormElements,\n  isDirty,\n  setIsDirty,\n}: FormElementSwitchProps & IsDirtyProps) {\n  const dirtyProps = React.useMemo(\n    () => ({ isDirty, setIsDirty }),\n    [isDirty, setIsDirty],\n  )\n  const conditionallyShownOptionsElement =\n    formElementConditionallyShown?.type === 'formElement'\n      ? formElementConditionallyShown\n      : undefined\n  const validationMessage =\n    typeof formElementValidation === 'string'\n      ? formElementValidation\n      : undefined\n  switch (element.type) {\n    case 'heading': {\n      return <FormElementHeading element={element} />\n    }\n    case 'html': {\n      return <FormElementHTML element={element} />\n    }\n    case 'date': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementDate\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementDate\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'email': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementEmail\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementEmail\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'text': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementText\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementText\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'abn': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementABN\n            id={id}\n            element={element}\n            value={value as MiscTypes.ABNRecord | undefined}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementABN\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'bsb': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementBSB\n            id={id}\n            formId={formId}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementBSB\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'barcodeScanner': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementBarcodeScanner\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementBarcodeScanner\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'textarea': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementTextarea\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementTextarea\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'number': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementNumber\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementNumber\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'telephone': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementTelephone\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementTelephone\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'autocomplete': {\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementAutocomplete\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementAutocomplete\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n            onUpdateFormElements={onUpdateFormElements}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'select': {\n      return (\n        <LookupNotification\n          autoLookupValue={!element.multi ? value : undefined}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementSelect\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementSelect\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n            onUpdateFormElements={onUpdateFormElements}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'radio': {\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementRadio\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementRadio\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n            onUpdateFormElements={onUpdateFormElements}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'draw': {\n      return (\n        <FormElementSignature\n          id={id}\n          element={element}\n          value={value as FormElementBinaryStorageValue}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementSignature\n            >['onChange']\n          }\n          validationMessage={validationMessage}\n          displayValidationMessage={displayValidationMessage}\n          {...dirtyProps}\n        />\n      )\n    }\n    case 'calculation': {\n      return (\n        <FormElementCalculation\n          element={element}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementCalculation\n            >['onChange']\n          }\n          value={value}\n        />\n      )\n    }\n    case 'repeatableSet': {\n      return (\n        <FormElementRepeatableSet\n          formId={formId}\n          id={id}\n          isEven={!isEven}\n          element={element}\n          value={\n            value as\n              | Array<SubmissionTypes.S3SubmissionData['submission']>\n              | undefined\n          }\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementRepeatableSet\n            >['onChange']\n          }\n          onLookup={onLookup}\n          formElementConditionallyShown={formElementConditionallyShown}\n          formElementValidation={formElementValidation}\n          displayValidationMessage={displayValidationMessage}\n          onUpdateFormElements={onUpdateFormElements}\n          {...dirtyProps}\n        />\n      )\n    }\n    case 'image': {\n      return <FormElementImage element={element} />\n    }\n    case 'datetime': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementDateTime\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementDateTime\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'time': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementTime\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementTime\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'checkboxes': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementCheckBoxes\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementCheckBoxes\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n            onUpdateFormElements={onUpdateFormElements}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'files': {\n      return (\n        <LookupNotification\n          element={element}\n          onLookup={onLookup}\n          autoLookupValue={value}\n          stringifyAutoLookupValue={\n            stringifyAttachments as React.ComponentProps<\n              typeof LookupNotification\n            >['stringifyAutoLookupValue']\n          }\n        >\n          <FormElementFiles\n            id={id}\n            element={element}\n            value={value as attachmentsService.Attachment[] | undefined}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementFiles\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'infoPage':\n    case 'form': {\n      return (\n        <FormElementForm\n          formId={formId}\n          id={id}\n          element={element}\n          value={\n            value as SubmissionTypes.S3SubmissionData['submission'] | undefined\n          }\n          onChange={\n            onChange as React.ComponentProps<typeof FormElementForm>['onChange']\n          }\n          onLookup={onLookup}\n          displayValidationMessages={displayValidationMessage}\n          formElementValidation={formElementValidation}\n          formElementConditionallyShown={formElementConditionallyShown}\n          onUpdateFormElements={onUpdateFormElements}\n        />\n      )\n    }\n    case 'camera': {\n      return (\n        <FormElementCamera\n          id={id}\n          element={element}\n          value={value as FormElementBinaryStorageValue}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementCamera\n            >['onChange']\n          }\n          validationMessage={validationMessage}\n          displayValidationMessage={displayValidationMessage}\n          {...dirtyProps}\n        />\n      )\n    }\n    case 'summary': {\n      return (\n        <FormElementSummary\n          element={element}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementSummary\n            >['onChange']\n          }\n          value={value}\n        />\n      )\n    }\n    case 'captcha': {\n      return (\n        <FormElementCaptcha\n          element={element}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementCaptcha\n            >['onChange']\n          }\n          validationMessage={validationMessage}\n          displayValidationMessage={displayValidationMessage}\n          {...dirtyProps}\n        />\n      )\n    }\n    case 'location': {\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          stringifyAutoLookupValue={\n            stringifyLocation as React.ComponentProps<\n              typeof LookupNotification\n            >['stringifyAutoLookupValue']\n          }\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementLocation\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementLocation\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'geoscapeAddress': {\n      const v = value as GeoscapeTypes.GeoscapeAddress | undefined\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementGeoscapeAddress\n            id={id}\n            formId={formId}\n            element={element}\n            value={v}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementGeoscapeAddress\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'compliance': {\n      return (\n        <LookupNotification\n          autoLookupValue={\n            value ? (value as { value: unknown }).value : undefined\n          }\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementCompliance\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementCompliance\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n            isEven={isEven}\n            onUpdateFormElements={onUpdateFormElements}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'freshdeskDependentField': {\n      return (\n        <FormElementFreshdeskDependentField\n          formId={formId}\n          id={id}\n          element={element}\n          value={\n            value as SubmissionTypes.S3SubmissionData['submission'] | undefined\n          }\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementFreshdeskDependentField\n            >['onChange']\n          }\n          onLookup={onLookup}\n          displayValidationMessages={displayValidationMessage}\n          formElementValidation={formElementValidation}\n          formElementConditionallyShown={formElementConditionallyShown}\n          onUpdateFormElements={onUpdateFormElements}\n        />\n      )\n    }\n    case 'pointAddress': {\n      const v = value as PointTypes.PointAddress | undefined\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementPointAddress\n            id={id}\n            formId={formId}\n            element={element}\n            value={v}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementPointAddress\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'boolean': {\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementBoolean\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementBoolean\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'civicaStreetName': {\n      const v = value as CivicaTypes.CivicaStreetName | undefined\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementCivicaStreetName\n            id={id}\n            formId={formId}\n            element={element}\n            value={v}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementCivicaStreetName\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'civicaNameRecord': {\n      return (\n        <FormElementCivicaNameRecord\n          formId={formId}\n          id={id}\n          element={element}\n          value={\n            value as SubmissionTypes.S3SubmissionData['submission'] | undefined\n          }\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementCivicaNameRecord\n            >['onChange']\n          }\n          onLookup={onLookup}\n          displayValidationMessages={displayValidationMessage}\n          formElementValidation={formElementValidation}\n          formElementConditionallyShown={formElementConditionallyShown}\n          onUpdateFormElements={onUpdateFormElements}\n        />\n      )\n    }\n    default: {\n      console.warn('Invalid element', element)\n      return null\n    }\n  }\n})\n"]}

package/dist/components/renderer/PageFormElements.js

@@ -40,12 +40,40 @@ function PageFormElements({ formId, isActive, pageElement, model, displayValidat
         });
     }, [formId, pageElement.elements, pageElement.id, setFormSubmission]);
     const form = useFormDefinition();
+    const handleUpdateFormElements = React.useCallback((updateFormElements) => {
+        setFormSubmission((currentFormSubmission) => {
+            const definition = {
+                ...currentFormSubmission.definition,
+            };
+            if (pageElement.id === formId.toString()) {
+                definition.elements = updateFormElements(currentFormSubmission.definition.elements);
+            }
+            else {
+                definition.elements = currentFormSubmission.definition.elements.map((formElement) => {
+                    if (formElement.id === pageElement.id &&
+                        formElement.type === 'page') {
+                        return {
+                            ...formElement,
+                            elements: updateFormElements(formElement.elements),
+                        };
+                    }
+                    else {
+                        return formElement;
+                    }
+                });
+            }
+            return {
+                ...currentFormSubmission,
+                definition,
+            };
+        });
+    }, [formId, pageElement.id, setFormSubmission]);
     return (React.createElement(IsPageVisibleProvider, { isPageVisible: isActive },
         React.createElement(FlatpickrGuidProvider, null,
             React.createElement("div", { key: pageElement.id, className: clsx('ob-page step-content is-active cypress-page', {
                     'is-invisible': !isActive,
                 }) },
-                React.createElement(OneBlinkFormElements, { formId: formId, model: model, parentElement: form, formElementsConditionallyShown: formElementsConditionallyShown, formElementsValidation: formElementsValidation, displayValidationMessages: displayValidationMessages, elements: pageElement.elements, onChange: onChange, onLookup: handleLookup, idPrefix: "" })))));
+                React.createElement(OneBlinkFormElements, { formId: formId, model: model, parentElement: form, formElementsConditionallyShown: formElementsConditionallyShown, formElementsValidation: formElementsValidation, displayValidationMessages: displayValidationMessages, elements: pageElement.elements, onChange: onChange, onLookup: handleLookup, onUpdateFormElements: handleUpdateFormElements, idPrefix: "" })))));
 }
 export default React.memo(PageFormElements);
 //# sourceMappingURL=PageFormElements.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PageFormElements.js","sourceRoot":"","sources":["../../../src/components/renderer/PageFormElements.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,oBAAoB,MAAM,wBAAwB,CAAA;AACzD,OAAO,iBAAiB,MAAM,+BAA+B,CAAA;AAQ7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AAcpE,SAAS,gBAAgB,CAAC,EACxB,MAAM,EACN,QAAQ,EACR,WAAW,EACX,KAAK,EACL,yBAAyB,EACzB,8BAA8B,EAC9B,sBAAsB,EACtB,QAAQ,EACR,iBAAiB,GACX;IACN,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,kBAAkB,EAAE,EAAE;QACrB,iBAAiB,CAAC,CAAC,qBAAqB,EAAE,EAAE;YAC1C,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,kBAAkB,CAAC;gBAClD,QAAQ,EAAE,WAAW,CAAC,QAAQ;gBAC9B,UAAU,EAAE,qBAAqB,CAAC,UAAU;gBAC5C,kBAAkB,EAAE,qBAAqB,CAAC,kBAAkB;aAC7D,CAAC,CAAA;YAEF,MAAM,UAAU,GAAG;gBACjB,GAAG,qBAAqB,CAAC,UAAU;aACpC,CAAA;YACD,IAAI,WAAW,CAAC,EAAE,KAAK,MAAM,CAAC,QAAQ,EAAE,EAAE;gBACxC,UAAU,CAAC,QAAQ,GAAG,QAAQ,CAAA;aAC/B;iBAAM;gBACL,UAAU,CAAC,QAAQ,GAAG,qBAAqB,CAAC,UAAU,CAAC,QAAQ,CAAC,GAAG,CACjE,CAAC,WAAW,EAAE,EAAE;oBACd,IACE,WAAW,CAAC,EAAE,KAAK,WAAW,CAAC,EAAE;wBACjC,WAAW,CAAC,IAAI,KAAK,MAAM,EAC3B;wBACA,OAAO;4BACL,GAAG,WAAW;4BACd,QAAQ;yBACT,CAAA;qBACF;yBAAM;wBACL,OAAO,WAAW,CAAA;qBACnB;gBACH,CAAC,CACF,CAAA;aACF;YAED,OAAO;gBACL,UAAU;gBACV,UAAU;gBACV,kBAAkB,EAAE,qBAAqB,CAAC,kBAAkB;aAC7D,CAAA;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,MAAM,EAAE,WAAW,CAAC,QAAQ,EAAE,WAAW,CAAC,EAAE,EAAE,iBAAiB,CAAC,CAClE,CAAA;IAED,MAAM,IAAI,GAAG,iBAAiB,EAAE,CAAA;IAEhC,OAAO,CACL,oBAAC,qBAAqB,IAAC,aAAa,EAAE,QAAQ;QAC5C,oBAAC,qBAAqB;YACpB,6BACE,GAAG,EAAE,WAAW,CAAC,EAAE,EACnB,SAAS,EAAE,IAAI,CAAC,6CAA6C,EAAE;oBAC7D,cAAc,EAAE,CAAC,QAAQ;iBAC1B,CAAC;gBAEF,oBAAC,oBAAoB,IACnB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,IAAI,EACnB,8BAA8B,EAAE,8BAA8B,EAC9D,sBAAsB,EAAE,sBAAsB,EAC9C,yBAAyB,EAAE,yBAAyB,EACpD,QAAQ,EAAE,WAAW,CAAC,QAAQ,EAC9B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAC,EAAE,GACX,CACE,CACgB,CACF,CACzB,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport OneBlinkFormElements from './OneBlinkFormElements'\nimport useFormDefinition from '../../hooks/useFormDefinition'\nimport {\n  FormElementLookupHandler,\n  FormElementsConditionallyShown,\n  FormElementsValidation,\n  FormElementValueChangeHandler,\n  SetFormSubmission,\n} from '../../types/form'\nimport { IsPageVisibleProvider } from '../../hooks/useIsPageVisible'\nimport { FlatpickrGuidProvider } from '../../hooks/useFlatpickrGuid'\n\nexport type Props = {\n  formId: number\n  isActive: boolean\n  pageElement: FormTypes.PageElement\n  displayValidationMessages: boolean\n  model: SubmissionTypes.S3SubmissionData['submission']\n  formElementsConditionallyShown: FormElementsConditionallyShown | undefined\n  formElementsValidation: FormElementsValidation | undefined\n  onChange: FormElementValueChangeHandler\n  setFormSubmission: SetFormSubmission\n}\n\nfunction PageFormElements({\n  formId,\n  isActive,\n  pageElement,\n  model,\n  displayValidationMessages,\n  formElementsConditionallyShown,\n  formElementsValidation,\n  onChange,\n  setFormSubmission,\n}: Props) {\n  const handleLookup = React.useCallback<FormElementLookupHandler>(\n    (mergeLookupResults) => {\n      setFormSubmission((currentFormSubmission) => {\n        const { submission, elements } = mergeLookupResults({\n          elements: pageElement.elements,\n          submission: currentFormSubmission.submission,\n          lastElementUpdated: currentFormSubmission.lastElementUpdated,\n        })\n\n        const definition = {\n          ...currentFormSubmission.definition,\n        }\n        if (pageElement.id === formId.toString()) {\n          definition.elements = elements\n        } else {\n          definition.elements = currentFormSubmission.definition.elements.map(\n            (formElement) => {\n              if (\n                formElement.id === pageElement.id &&\n                formElement.type === 'page'\n              ) {\n                return {\n                  ...formElement,\n                  elements,\n                }\n              } else {\n                return formElement\n              }\n            },\n          )\n        }\n\n        return {\n          submission,\n          definition,\n          lastElementUpdated: currentFormSubmission.lastElementUpdated,\n        }\n      })\n    },\n    [formId, pageElement.elements, pageElement.id, setFormSubmission],\n  )\n\n  const form = useFormDefinition()\n\n  return (\n    <IsPageVisibleProvider isPageVisible={isActive}>\n      <FlatpickrGuidProvider>\n        <div\n          key={pageElement.id}\n          className={clsx('ob-page step-content is-active cypress-page', {\n            'is-invisible': !isActive,\n          })}\n        >\n          <OneBlinkFormElements\n            formId={formId}\n            model={model}\n            parentElement={form}\n            formElementsConditionallyShown={formElementsConditionallyShown}\n            formElementsValidation={formElementsValidation}\n            displayValidationMessages={displayValidationMessages}\n            elements={pageElement.elements}\n            onChange={onChange}\n            onLookup={handleLookup}\n            idPrefix=\"\"\n          />\n        </div>\n      </FlatpickrGuidProvider>\n    </IsPageVisibleProvider>\n  )\n}\n\nexport default React.memo(PageFormElements)\n"]}
+{"version":3,"file":"PageFormElements.js","sourceRoot":"","sources":["../../../src/components/renderer/PageFormElements.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport OneBlinkFormElements from './OneBlinkFormElements'\nimport useFormDefinition from '../../hooks/useFormDefinition'\nimport {\n  FormElementLookupHandler,\n  FormElementsConditionallyShown,\n  FormElementsValidation,\n  FormElementValueChangeHandler,\n  SetFormSubmission,\n  UpdateFormElementsHandler,\n} from '../../types/form'\nimport { IsPageVisibleProvider } from '../../hooks/useIsPageVisible'\nimport { FlatpickrGuidProvider } from '../../hooks/useFlatpickrGuid'\n\nexport type Props = {\n  formId: number\n  isActive: boolean\n  pageElement: FormTypes.PageElement\n  displayValidationMessages: boolean\n  model: SubmissionTypes.S3SubmissionData['submission']\n  formElementsConditionallyShown: FormElementsConditionallyShown | undefined\n  formElementsValidation: FormElementsValidation | undefined\n  onChange: FormElementValueChangeHandler\n  setFormSubmission: SetFormSubmission\n}\n\nfunction PageFormElements({\n  formId,\n  isActive,\n  pageElement,\n  model,\n  displayValidationMessages,\n  formElementsConditionallyShown,\n  formElementsValidation,\n  onChange,\n  setFormSubmission,\n}: Props) {\n  const handleLookup = React.useCallback<FormElementLookupHandler>(\n    (mergeLookupResults) => {\n      setFormSubmission((currentFormSubmission) => {\n        const { submission, elements } = mergeLookupResults({\n          elements: pageElement.elements,\n          submission: currentFormSubmission.submission,\n          lastElementUpdated: currentFormSubmission.lastElementUpdated,\n        })\n\n        const definition = {\n          ...currentFormSubmission.definition,\n        }\n        if (pageElement.id === formId.toString()) {\n          definition.elements = elements\n        } else {\n          definition.elements = currentFormSubmission.definition.elements.map(\n            (formElement) => {\n              if (\n                formElement.id === pageElement.id &&\n                formElement.type === 'page'\n              ) {\n                return {\n                  ...formElement,\n                  elements,\n                }\n              } else {\n                return formElement\n              }\n            },\n          )\n        }\n\n        return {\n          submission,\n          definition,\n          lastElementUpdated: currentFormSubmission.lastElementUpdated,\n        }\n      })\n    },\n    [formId, pageElement.elements, pageElement.id, setFormSubmission],\n  )\n\n  const form = useFormDefinition()\n\n  const handleUpdateFormElements = React.useCallback<UpdateFormElementsHandler>(\n    (updateFormElements) => {\n      setFormSubmission((currentFormSubmission) => {\n        const definition = {\n          ...currentFormSubmission.definition,\n        }\n\n        if (pageElement.id === formId.toString()) {\n          definition.elements = updateFormElements(\n            currentFormSubmission.definition.elements,\n          )\n        } else {\n          definition.elements = currentFormSubmission.definition.elements.map(\n            (formElement) => {\n              if (\n                formElement.id === pageElement.id &&\n                formElement.type === 'page'\n              ) {\n                return {\n                  ...formElement,\n                  elements: updateFormElements(formElement.elements),\n                }\n              } else {\n                return formElement\n              }\n            },\n          )\n        }\n\n        return {\n          ...currentFormSubmission,\n          definition,\n        }\n      })\n    },\n    [formId, pageElement.id, setFormSubmission],\n  )\n\n  return (\n    <IsPageVisibleProvider isPageVisible={isActive}>\n      <FlatpickrGuidProvider>\n        <div\n          key={pageElement.id}\n          className={clsx('ob-page step-content is-active cypress-page', {\n            'is-invisible': !isActive,\n          })}\n        >\n          <OneBlinkFormElements\n            formId={formId}\n            model={model}\n            parentElement={form}\n            formElementsConditionallyShown={formElementsConditionallyShown}\n            formElementsValidation={formElementsValidation}\n            displayValidationMessages={displayValidationMessages}\n            elements={pageElement.elements}\n            onChange={onChange}\n            onLookup={handleLookup}\n            onUpdateFormElements={handleUpdateFormElements}\n            idPrefix=\"\"\n          />\n        </div>\n      </FlatpickrGuidProvider>\n    </IsPageVisibleProvider>\n  )\n}\n\nexport default React.memo(PageFormElements)\n"]}

package/dist/form-elements/FormElementABN.js

@@ -142,7 +142,7 @@ function FormElementABN({ id, element, value, onChange, validationMessage, displ
                     React.createElement("a", { className: "button is-static ob-abn__record-button" }, abnService.displayBusinessNameFromABNRecord(value)))),
                 !!element.readOnly && !!value && (React.createElement("div", { className: "control" },
                     React.createElement(CopyToClipboardButton, { className: "button is-input-addon copy-button cypress-copy-to-clipboard-button", text: label }))),
-                React.createElement(LookupButton, { isInputButton: true, value: value, validationMessage: validationMessage, lookupButtonConfig: element.lookupButton })),
+                React.createElement(LookupButton, { isInputButton: true, value: value, validationMessage: validationMessage, lookupButtonConfig: element.lookupButton, allowLookupOnEmptyValue: element.runLookupOnClear })),
             (((isDirty || displayValidationMessage) &&
                 !!validationMessage &&
                 !isLoading) ||