@oneblink/apps-react 6.1.0-beta.1 → 6.1.0-beta.10

package/dist/components/renderer/ReverseGeocode.js

@@ -5,73 +5,58 @@ import { parseLocationValue } from '../../form-elements/FormElementLocation';
 import useFormSubmissionModel from '../../hooks/useFormSubmissionModelContext';
 import useFormDefinition from '../../hooks/useFormDefinition';
 import useFormIsReadOnly from '../../hooks/useFormIsReadOnly';
-import useIsOffline from '../../hooks/useIsOffline';
 const ReverseGeocodeContext = React.createContext({
     isReverseGeocoding: false,
 });
-export default function ReverseGeocode({ value, element, onLookup, children, }) {
+export default function ReverseGeocode({ value, element, onChange, children, }) {
     var _a;
     const coords = React.useMemo(() => parseLocationValue(value), [value]);
     const [reverseGeocodingState, setReverseGeocodingState] = React.useState({
         isReverseGeocoding: false,
     });
-    const isOffline = useIsOffline();
     const formDefinition = useFormDefinition();
     const formSubmissionModel = useFormSubmissionModel();
     const formIsReadOnly = useFormIsReadOnly();
     const formattedAddressElement = React.useMemo(() => {
         var _a;
         if ((_a = element.reverseGeocoding) === null || _a === void 0 ? void 0 : _a.formattedAddressElementId) {
-            return formElementsService.findFormElement(formSubmissionModel.elements, (el) => { var _a; return el.id === ((_a = element.reverseGeocoding) === null || _a === void 0 ? void 0 : _a.formattedAddressElementId); });
+            return formElementsService
+                .flattenFormElements(formSubmissionModel.elements)
+                .find((el) => { var _a; return el.id === ((_a = element.reverseGeocoding) === null || _a === void 0 ? void 0 : _a.formattedAddressElementId); });
         }
     }, [
         (_a = element.reverseGeocoding) === null || _a === void 0 ? void 0 : _a.formattedAddressElementId,
         formSubmissionModel.elements,
     ]);
-    const mergeReverseGeocodeData = React.useCallback((reverseGeocodeResult) => {
-        onLookup(({ submission, elements, executedLookups }) => {
-            return {
-                elements,
-                submission: {
-                    ...submission,
-                    ...reverseGeocodeResult,
-                },
-                executedLookups,
-            };
-        });
-    }, [onLookup]);
     React.useEffect(() => {
+        if (formIsReadOnly || !coords || !formattedAddressElement) {
+            return;
+        }
         const abortController = new AbortController();
         const effect = async () => {
             var _a, _b;
-            setReverseGeocodingState({ isReverseGeocoding: true });
             try {
-                if (coords && formattedAddressElement) {
-                    if (element.reverseGeocoding && formattedAddressElement) {
-                        const mergeReverseGeocodeResult = {};
-                        const { reverseGeocodeResult } = await formService.getGeoscapeReverseGeocoding({
-                            lat: coords.latitude,
-                            lng: coords.longitude,
-                            formId: formDefinition.id,
-                            abortSignal: abortController.signal,
-                        });
-                        switch (formattedAddressElement.type) {
-                            case 'text': {
-                                if ((_a = reverseGeocodeResult.addressDetails) === null || _a === void 0 ? void 0 : _a.formattedAddress) {
-                                    mergeReverseGeocodeResult[formattedAddressElement.name] =
-                                        (_b = reverseGeocodeResult.addressDetails) === null || _b === void 0 ? void 0 : _b.formattedAddress;
-                                }
-                                break;
-                            }
-                            case 'geoscapeAddress': {
-                                mergeReverseGeocodeResult[formattedAddressElement.name] =
-                                    reverseGeocodeResult;
-                                break;
-                            }
-                        }
-                        if (!abortController.signal.aborted) {
-                            mergeReverseGeocodeData(mergeReverseGeocodeResult);
+                setReverseGeocodingState({ isReverseGeocoding: true });
+                const { reverseGeocodeResult } = await formService.getGeoscapeReverseGeocoding({
+                    lat: coords.latitude,
+                    lng: coords.longitude,
+                    formId: formDefinition.id,
+                    abortSignal: abortController.signal,
+                });
+                switch (formattedAddressElement.type) {
+                    case 'text': {
+                        if ((_a = reverseGeocodeResult.addressDetails) === null || _a === void 0 ? void 0 : _a.formattedAddress) {
+                            onChange(formattedAddressElement, {
+                                value: (_b = reverseGeocodeResult.addressDetails) === null || _b === void 0 ? void 0 : _b.formattedAddress,
+                            });
                         }
+                        break;
+                    }
+                    case 'geoscapeAddress': {
+                        onChange(formattedAddressElement, {
+                            value: reverseGeocodeResult,
+                        });
+                        break;
                     }
                 }
                 setReverseGeocodingState({
@@ -79,13 +64,19 @@ export default function ReverseGeocode({ value, element, onLookup, children, })
                 });
             }
             catch (e) {
-                let errorMsg = 'Could not find your address.';
-                if (e instanceof OneBlinkAppsError && e.httpStatusCode !== 404) {
-                    errorMsg = e.message;
+                if (abortController.signal.aborted) {
+                    return;
                 }
-                if (isOffline) {
-                    errorMsg =
-                        'It looks like you're offline. Please try again when connectivity is restored.';
+                console.warn('Error attempting to reverse geocode location', e);
+                let errorMsg = 'Could not find your address.';
+                if (e instanceof OneBlinkAppsError) {
+                    if (e.httpStatusCode !== 404) {
+                        errorMsg = e.message;
+                    }
+                    else if (e.isOffline) {
+                        errorMsg =
+                            'It looks like you're offline. Please try again when connectivity is restored.';
+                    }
                 }
                 setReverseGeocodingState({
                     isReverseGeocoding: false,
@@ -93,19 +84,14 @@ export default function ReverseGeocode({ value, element, onLookup, children, })
                 });
             }
         };
-        if (!formIsReadOnly) {
-            effect();
-        }
+        effect();
         return () => abortController.abort();
     }, [
         coords,
-        element.reverseGeocoding,
         formDefinition.id,
-        formDefinition.organisationId,
-        formattedAddressElement,
-        mergeReverseGeocodeData,
-        isOffline,
         formIsReadOnly,
+        formattedAddressElement,
+        onChange,
     ]);
     return (React.createElement(ReverseGeocodeContext.Provider, { value: reverseGeocodingState }, children));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ReverseGeocode.js","sourceRoot":"","sources":["../../../src/components/renderer/ReverseGeocode.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\n\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport { formService, OneBlinkAppsError } from '@oneblink/apps'\nimport { formElementsService } from '@oneblink/sdk-core'\n\nimport { parseLocationValue } from '../../form-elements/FormElementLocation'\nimport useFormSubmissionModel from '../../hooks/useFormSubmissionModelContext'\nimport useFormDefinition from '../../hooks/useFormDefinition'\nimport useFormIsReadOnly from '../../hooks/useFormIsReadOnly'\nimport { FormElementLookupHandler } from '../../types/form'\nimport useIsOffline from '../../hooks/useIsOffline'\n\ntype ReverseGeocodeContextValue = {\n  isReverseGeocoding: boolean\n  reverseGeocodingErrorMsg?: string\n}\n\nconst ReverseGeocodeContext = React.createContext<ReverseGeocodeContextValue>({\n  isReverseGeocoding: false,\n})\n\nexport default function ReverseGeocode({\n  value,\n  element,\n  onLookup,\n  children,\n}: React.PropsWithChildren<{\n  value: unknown\n  element: FormTypes.LocationElement\n  onLookup: FormElementLookupHandler\n}>) {\n  const coords = React.useMemo(() => parseLocationValue(value), [value])\n  const [reverseGeocodingState, setReverseGeocodingState] =\n    React.useState<ReverseGeocodeContextValue>({\n      isReverseGeocoding: false,\n    })\n  const isOffline = useIsOffline()\n\n  const formDefinition = useFormDefinition()\n  const formSubmissionModel = useFormSubmissionModel()\n  const formIsReadOnly = useFormIsReadOnly()\n\n  const formattedAddressElement = React.useMemo(() => {\n    if (element.reverseGeocoding?.formattedAddressElementId) {\n      return formElementsService.findFormElement(\n        formSubmissionModel.elements,\n        (el) => el.id === element.reverseGeocoding?.formattedAddressElementId,\n      )\n    }\n  }, [\n    element.reverseGeocoding?.formattedAddressElementId,\n    formSubmissionModel.elements,\n  ])\n\n  const mergeReverseGeocodeData = React.useCallback(\n    (reverseGeocodeResult: SubmissionTypes.S3SubmissionData['submission']) => {\n      onLookup(({ submission, elements, executedLookups }) => {\n        return {\n          elements,\n          submission: {\n            ...submission,\n            ...reverseGeocodeResult,\n          },\n          executedLookups,\n        }\n      })\n    },\n    [onLookup],\n  )\n\n  React.useEffect(() => {\n    const abortController = new AbortController()\n    const effect = async () => {\n      setReverseGeocodingState({ isReverseGeocoding: true })\n      try {\n        if (coords && formattedAddressElement) {\n          if (element.reverseGeocoding && formattedAddressElement) {\n            const mergeReverseGeocodeResult: SubmissionTypes.S3SubmissionData['submission'] =\n              {}\n            const { reverseGeocodeResult } =\n              await formService.getGeoscapeReverseGeocoding({\n                lat: coords.latitude,\n                lng: coords.longitude,\n                formId: formDefinition.id,\n                abortSignal: abortController.signal,\n              })\n            switch (formattedAddressElement.type) {\n              case 'text': {\n                if (reverseGeocodeResult.addressDetails?.formattedAddress) {\n                  mergeReverseGeocodeResult[formattedAddressElement.name] =\n                    reverseGeocodeResult.addressDetails?.formattedAddress\n                }\n                break\n              }\n              case 'geoscapeAddress': {\n                mergeReverseGeocodeResult[formattedAddressElement.name] =\n                  reverseGeocodeResult\n                break\n              }\n            }\n            if (!abortController.signal.aborted) {\n              mergeReverseGeocodeData(mergeReverseGeocodeResult)\n            }\n          }\n        }\n        setReverseGeocodingState({\n          isReverseGeocoding: false,\n        })\n      } catch (e) {\n        let errorMsg = 'Could not find your address.'\n        if (e instanceof OneBlinkAppsError && e.httpStatusCode !== 404) {\n          errorMsg = e.message\n        }\n\n        if (isOffline) {\n          errorMsg =\n            'It looks like you&apos;re offline. Please try again when connectivity is restored.'\n        }\n        setReverseGeocodingState({\n          isReverseGeocoding: false,\n          reverseGeocodingErrorMsg: errorMsg,\n        })\n      }\n    }\n\n    if (!formIsReadOnly) {\n      effect()\n    }\n\n    return () => abortController.abort()\n  }, [\n    coords,\n    element.reverseGeocoding,\n    formDefinition.id,\n    formDefinition.organisationId,\n    formattedAddressElement,\n    mergeReverseGeocodeData,\n    isOffline,\n    formIsReadOnly,\n  ])\n\n  return (\n    <ReverseGeocodeContext.Provider value={reverseGeocodingState}>\n      {children}\n    </ReverseGeocodeContext.Provider>\n  )\n}\n\nexport function useReverseGeocodeContext() {\n  const reverseGeocodeContext = React.useContext(ReverseGeocodeContext)\n  if (!reverseGeocodeContext) {\n    throw new TypeError(\n      'You have attempted to run the hook \"useReverseGeocodeContext()\" outside of the \"ReverseGeocodeContext\" context.',\n    )\n  }\n  return reverseGeocodeContext\n}\n"]}
+{"version":3,"file":"ReverseGeocode.js","sourceRoot":"","sources":["../../../src/components/renderer/ReverseGeocode.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\n\nimport { FormTypes, GeoscapeTypes } from '@oneblink/types'\nimport { formService, OneBlinkAppsError } from '@oneblink/apps'\nimport { formElementsService } from '@oneblink/sdk-core'\n\nimport { parseLocationValue } from '../../form-elements/FormElementLocation'\nimport useFormSubmissionModel from '../../hooks/useFormSubmissionModelContext'\nimport useFormDefinition from '../../hooks/useFormDefinition'\nimport useFormIsReadOnly from '../../hooks/useFormIsReadOnly'\nimport { FormElementValueChangeHandler } from '../../types/form'\n\ntype ReverseGeocodeContextValue = {\n  isReverseGeocoding: boolean\n  reverseGeocodingErrorMsg?: string\n}\n\nconst ReverseGeocodeContext = React.createContext<ReverseGeocodeContextValue>({\n  isReverseGeocoding: false,\n})\n\nexport default function ReverseGeocode({\n  value,\n  element,\n  onChange,\n  children,\n}: React.PropsWithChildren<{\n  value: unknown\n  element: FormTypes.LocationElement\n  onChange: FormElementValueChangeHandler<\n    GeoscapeTypes.GeoscapeAddress | string\n  >\n}>) {\n  const coords = React.useMemo(() => parseLocationValue(value), [value])\n  const [reverseGeocodingState, setReverseGeocodingState] =\n    React.useState<ReverseGeocodeContextValue>({\n      isReverseGeocoding: false,\n    })\n\n  const formDefinition = useFormDefinition()\n  const formSubmissionModel = useFormSubmissionModel()\n  const formIsReadOnly = useFormIsReadOnly()\n\n  const formattedAddressElement = React.useMemo(() => {\n    if (element.reverseGeocoding?.formattedAddressElementId) {\n      return formElementsService\n        .flattenFormElements(formSubmissionModel.elements)\n        .find(\n          (el) => el.id === element.reverseGeocoding?.formattedAddressElementId,\n        )\n    }\n  }, [\n    element.reverseGeocoding?.formattedAddressElementId,\n    formSubmissionModel.elements,\n  ])\n\n  React.useEffect(() => {\n    if (formIsReadOnly || !coords || !formattedAddressElement) {\n      return\n    }\n\n    const abortController = new AbortController()\n    const effect = async () => {\n      try {\n        setReverseGeocodingState({ isReverseGeocoding: true })\n        const { reverseGeocodeResult } =\n          await formService.getGeoscapeReverseGeocoding({\n            lat: coords.latitude,\n            lng: coords.longitude,\n            formId: formDefinition.id,\n            abortSignal: abortController.signal,\n          })\n        switch (formattedAddressElement.type) {\n          case 'text': {\n            if (reverseGeocodeResult.addressDetails?.formattedAddress) {\n              onChange(formattedAddressElement, {\n                value: reverseGeocodeResult.addressDetails?.formattedAddress,\n              })\n            }\n            break\n          }\n          case 'geoscapeAddress': {\n            onChange(formattedAddressElement, {\n              value: reverseGeocodeResult,\n            })\n            break\n          }\n        }\n        setReverseGeocodingState({\n          isReverseGeocoding: false,\n        })\n      } catch (e) {\n        if (abortController.signal.aborted) {\n          return\n        }\n        console.warn('Error attempting to reverse geocode location', e)\n        let errorMsg = 'Could not find your address.'\n        if (e instanceof OneBlinkAppsError) {\n          if (e.httpStatusCode !== 404) {\n            errorMsg = e.message\n          } else if (e.isOffline) {\n            errorMsg =\n              'It looks like you&apos;re offline. Please try again when connectivity is restored.'\n          }\n        }\n\n        setReverseGeocodingState({\n          isReverseGeocoding: false,\n          reverseGeocodingErrorMsg: errorMsg,\n        })\n      }\n    }\n\n    effect()\n\n    return () => abortController.abort()\n  }, [\n    coords,\n    formDefinition.id,\n    formIsReadOnly,\n    formattedAddressElement,\n    onChange,\n  ])\n\n  return (\n    <ReverseGeocodeContext.Provider value={reverseGeocodingState}>\n      {children}\n    </ReverseGeocodeContext.Provider>\n  )\n}\n\nexport function useReverseGeocodeContext() {\n  const reverseGeocodeContext = React.useContext(ReverseGeocodeContext)\n  if (!reverseGeocodeContext) {\n    throw new TypeError(\n      'You have attempted to run the hook \"useReverseGeocodeContext()\" outside of the \"ReverseGeocodeContext\" context.',\n    )\n  }\n  return reverseGeocodeContext\n}\n"]}

package/dist/form-elements/FormElementGoogleAddress.js

@@ -29,22 +29,34 @@ function FormElementGoogleAddress({ id, element, value, displayValidationMessage
                 autocompleteService.getQueryPredictions({
                     input,
                 }, (predictions, status) => {
-                    if (status === google.maps.places.PlacesServiceStatus.ZERO_RESULTS) {
-                        resolve([]);
-                        return;
-                    }
-                    if (status !== google.maps.places.PlacesServiceStatus.OK) {
-                        reject('Google Places service not available');
-                        return;
+                    switch (status) {
+                        case google.maps.places.PlacesServiceStatus.OK:
+                        case google.maps.places.PlacesServiceStatus.ZERO_RESULTS: {
+                            resolve(predictions !== null && predictions !== void 0 ? predictions : []);
+                            break;
+                        }
+                        case google.maps.places.PlacesServiceStatus.OVER_QUERY_LIMIT: {
+                            reject(new OneBlinkAppsError('This application has gone over its Google Address querying quota. Please contact an administrator to rectify the issue or try again later.'));
+                            break;
+                        }
+                        case google.maps.places.PlacesServiceStatus.INVALID_REQUEST: {
+                            reject(new OneBlinkAppsError('Google Maps API key may not have been configured correctly, the request to retrieve address suggestions is invalid. Please contact an administrator to rectify the issue.'));
+                            break;
+                        }
+                        case google.maps.places.PlacesServiceStatus.REQUEST_DENIED: {
+                            reject(new OneBlinkAppsError('Google Maps API key has not been configured correctly. Please contact an administrator to rectify the issue.'));
+                            break;
+                        }
+                        default: {
+                            reject(new OneBlinkAppsError('An unknown error has occurred. Please try again and contact support if the problem persists.'));
+                        }
                     }
-                    resolve(predictions !== null && predictions !== void 0 ? predictions : []);
-                    return;
                 });
             }).catch((e) => {
                 if (!abortSignal.aborted) {
                     Sentry.captureException(e);
                 }
-                throw new OneBlinkAppsError('An unknown error has occurred. Please contact support if the problem persists.', { originalError: e });
+                throw e;
             });
             if (!abortSignal.aborted) {
                 return predictions.reduce((results, prediction) => {
@@ -61,6 +73,7 @@ function FormElementGoogleAddress({ id, element, value, displayValidationMessage
         throw new OneBlinkAppsError('An unknown error has occurred. Please contact support if the problem persists.');
     }, [autocompleteService]);
     const handleChange = React.useCallback(async (placeId) => {
+        var _a, _b, _c, _d;
         if (!placeId) {
             onChange(element, { value: undefined });
             return;
@@ -86,19 +99,27 @@ function FormElementGoogleAddress({ id, element, value, displayValidationMessage
                 }, (place, status) => {
                     if (status !== google.maps.places.PlacesServiceStatus.OK ||
                         !place) {
-                        reject(`Could not find address details for place with id: ${placeId}`);
+                        reject(new OneBlinkAppsError(`Could not find address details for place with id: ${placeId}`));
                         return;
                     }
                     resolve(place);
                 });
             });
-            onChange(element, { value: place });
+            onChange(element, {
+                value: {
+                    place_id: place.place_id,
+                    formatted_address: place.formatted_address,
+                    address_components: place.address_components,
+                    geometry: {
+                        location: (_b = (_a = place.geometry) === null || _a === void 0 ? void 0 : _a.location) === null || _b === void 0 ? void 0 : _b.toJSON(),
+                        viewport: (_d = (_c = place.geometry) === null || _c === void 0 ? void 0 : _c.viewport) === null || _d === void 0 ? void 0 : _d.toJSON(),
+                    },
+                },
+            });
         }
         catch (newError) {
             if (isMounted.current) {
-                setError(new OneBlinkAppsError('An unknown error has occurred. Please contact support if the problem persists.', {
-                    originalError: newError,
-                }));
+                setError(newError);
             }
         }
         if (isMounted.current) {
@@ -114,9 +135,12 @@ function FormElementGoogleAddress({ id, element, value, displayValidationMessage
     }, [value]);
     return (React.createElement("div", { className: "cypress-google-address-element" },
         React.createElement(FormElementLabelContainer, { className: "ob-google-address ob-autocomplete", element: element, id: id, required: element.required },
-            React.createElement(AutocompleteDropdown, { id: id, label: label, disabled: element.readOnly || isLoadingAddressDetails, placeholder: element.placeholderValue, required: element.required, value: value, validationMessage: validationMessage, displayValidationMessage: displayValidationMessage, onChangeValue: handleChange, isLoading: isLoadingAddressDetails, hasError: !!error, onChangeLabel: setLabel, searchDebounceMs: 750, searchMinCharacters: 4, onSearch: handleSearch, isDirty: isDirty, setIsDirty: setIsDirty, "aria-describedby": ariaDescribedby })),
+            React.createElement(AutocompleteDropdown, { id: id, label: label, disabled: element.readOnly || isLoadingAddressDetails, placeholder: element.placeholderValue, required: element.required, value: value, validationMessage: validationMessage, displayValidationMessage: displayValidationMessage, onChangeValue: handleChange, isLoading: isLoadingAddressDetails, hasError: !!error, onChangeLabel: setLabel, searchDebounceMs: 750, searchMinCharacters: 4, onSearch: handleSearch, isDirty: isDirty, setIsDirty: setIsDirty, "aria-describedby": ariaDescribedby, branding: React.createElement("a", { className: "dropdown-item cypress-powered-by-google ob-autocomplete__drop-down-item-powered-by-google" },
+                    "powered by",
+                    ' ',
+                    React.createElement("img", { src: "https://developers.google.com/static/maps/documentation/images/google_on_white.png" })) })),
         error && (React.createElement("div", { role: "alert", className: "has-margin-top-8" },
-            React.createElement("div", { className: "has-text-danger ob-error__text cypress-google-address-details-error-message" }, error.toString())))));
+            React.createElement("div", { className: "has-text-danger ob-error__text cypress-google-address-details-error-message" }, error.message)))));
 }
 export default React.memo(FormElementGoogleAddress);
 //# sourceMappingURL=FormElementGoogleAddress.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormElementGoogleAddress.js","sourceRoot":"","sources":["../../src/form-elements/FormElementGoogleAddress.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { FormTypes, GoogleTypes } from '@oneblink/types'\nimport { OneBlinkAppsError, Sentry } from '@oneblink/apps'\n\nimport AutocompleteDropdown from '../components/renderer/AutocompleteDropdown'\nimport FormElementLabelContainer from '../components/renderer/FormElementLabelContainer'\nimport useGoogle from '../hooks/useGoogle'\nimport useIsMounted from '../hooks/useIsMounted'\nimport useElementAriaDescribedby from '../hooks/useElementAriaDescribedby'\nimport { FormElementValueChangeHandler, IsDirtyProps } from '../types/form'\n\ntype Props = {\n  formId: number\n  id: string\n  element: FormTypes.GoogleAddressElement\n  value: GoogleTypes.GoogleMapsAddress | undefined\n  displayValidationMessage: boolean\n  validationMessage: string | undefined\n  onChange: FormElementValueChangeHandler<GoogleTypes.GoogleMapsAddress>\n} & IsDirtyProps\n\nfunction FormElementGoogleAddress({\n  id,\n  element,\n  value,\n  displayValidationMessage,\n  validationMessage,\n  onChange,\n  isDirty,\n  setIsDirty,\n}: Props) {\n  const ariaDescribedby = useElementAriaDescribedby(id, element)\n  const isMounted = useIsMounted()\n  const [label, setLabel] = React.useState('')\n  const [error, setError] = React.useState<Error | undefined>()\n  const [isLoadingAddressDetails, setIsLoadingAddressDetails] =\n    React.useState(false)\n\n  const { isLoaded } = useGoogle()\n\n  const autocompleteService = React.useMemo(() => {\n    if (isLoaded) {\n      return new google.maps.places.AutocompleteService()\n    }\n  }, [isLoaded])\n\n  const dummyMap = React.useMemo(() => {\n    if (isLoaded) {\n      return new google.maps.Map(document.createElement('div'))\n    }\n  }, [isLoaded])\n\n  const handleSearch = React.useCallback(\n    async (input: string, abortSignal: AbortSignal) => {\n      setError(undefined)\n      if (autocompleteService) {\n        const predictions = await new Promise<\n          google.maps.places.QueryAutocompletePrediction[]\n        >((resolve, reject) => {\n          autocompleteService.getQueryPredictions(\n            {\n              input,\n            },\n            (predictions, status) => {\n              if (\n                status === google.maps.places.PlacesServiceStatus.ZERO_RESULTS\n              ) {\n                resolve([])\n                return\n              }\n              if (status !== google.maps.places.PlacesServiceStatus.OK) {\n                reject('Google Places service not available')\n                return\n              }\n              resolve(predictions ?? [])\n              return\n            },\n          )\n        }).catch((e) => {\n          if (!abortSignal.aborted) {\n            Sentry.captureException(e)\n          }\n          throw new OneBlinkAppsError(\n            'An unknown error has occurred. Please contact support if the problem persists.',\n            { originalError: e },\n          )\n        })\n\n        if (!abortSignal.aborted) {\n          return predictions.reduce<Array<{ value: string; label: string }>>(\n            (results, prediction) => {\n              if (prediction.place_id) {\n                results.push({\n                  value: prediction.place_id,\n                  label: prediction.description,\n                })\n              }\n              return results\n            },\n            [],\n          )\n        }\n      }\n      throw new OneBlinkAppsError(\n        'An unknown error has occurred. Please contact support if the problem persists.',\n      )\n    },\n    [autocompleteService],\n  )\n\n  const handleChange = React.useCallback(\n    async (placeId: string | undefined) => {\n      if (!placeId) {\n        onChange(element, { value: undefined })\n        return\n      }\n\n      setIsLoadingAddressDetails(true)\n      try {\n        //this should not happen, we can't get a place Id without google being present\n        if (!isLoaded || !dummyMap) {\n          throw new OneBlinkAppsError(\n            'An unknown error has occurred. Please contact support if the problem persists.',\n            {\n              originalError: new Error(\n                'Google Places library has not be initialised',\n              ),\n            },\n          )\n        }\n\n        const placeService = new google.maps.places.PlacesService(dummyMap)\n        const place = await new Promise<GoogleTypes.GoogleMapsAddress>(\n          (resolve, reject) => {\n            placeService.getDetails(\n              {\n                placeId,\n                fields: [\n                  'place_id',\n                  'formatted_address',\n                  'geometry',\n                  'address_components',\n                ],\n              },\n              (place, status) => {\n                if (\n                  status !== google.maps.places.PlacesServiceStatus.OK ||\n                  !place\n                ) {\n                  reject(\n                    `Could not find address details for place with id: ${placeId}`,\n                  )\n                  return\n                }\n                resolve(place)\n              },\n            )\n          },\n        )\n        onChange(element, { value: place })\n      } catch (newError) {\n        if (isMounted.current) {\n          setError(\n            new OneBlinkAppsError(\n              'An unknown error has occurred. Please contact support if the problem persists.',\n              {\n                originalError: newError as Error,\n              },\n            ),\n          )\n        }\n      }\n      if (isMounted.current) {\n        setIsLoadingAddressDetails(false)\n      }\n    },\n    [isMounted, onChange, element, isLoaded, dummyMap],\n  )\n\n  // Ensure the label is set if the value is set outside of this component\n  React.useEffect(() => {\n    if (value) {\n      const newLabel = value.formatted_address || value.place_id\n      setLabel(newLabel ?? '')\n    }\n  }, [value])\n\n  return (\n    <div className=\"cypress-google-address-element\">\n      <FormElementLabelContainer\n        className=\"ob-google-address ob-autocomplete\"\n        element={element}\n        id={id}\n        required={element.required}\n      >\n        <AutocompleteDropdown\n          id={id}\n          label={label}\n          disabled={element.readOnly || isLoadingAddressDetails}\n          placeholder={element.placeholderValue}\n          required={element.required}\n          value={value}\n          validationMessage={validationMessage}\n          displayValidationMessage={displayValidationMessage}\n          onChangeValue={handleChange}\n          isLoading={isLoadingAddressDetails}\n          hasError={!!error}\n          onChangeLabel={setLabel}\n          searchDebounceMs={750}\n          searchMinCharacters={4}\n          onSearch={handleSearch}\n          isDirty={isDirty}\n          setIsDirty={setIsDirty}\n          aria-describedby={ariaDescribedby}\n        />\n      </FormElementLabelContainer>\n\n      {error && (\n        <div role=\"alert\" className=\"has-margin-top-8\">\n          <div className=\"has-text-danger ob-error__text cypress-google-address-details-error-message\">\n            {error.toString()}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default React.memo(FormElementGoogleAddress)\n"]}
+{"version":3,"file":"FormElementGoogleAddress.js","sourceRoot":"","sources":["../../src/form-elements/FormElementGoogleAddress.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { FormTypes, GoogleTypes } from '@oneblink/types'\nimport { OneBlinkAppsError, Sentry } from '@oneblink/apps'\n\nimport AutocompleteDropdown from '../components/renderer/AutocompleteDropdown'\nimport FormElementLabelContainer from '../components/renderer/FormElementLabelContainer'\nimport useGoogle from '../hooks/useGoogle'\nimport useIsMounted from '../hooks/useIsMounted'\nimport useElementAriaDescribedby from '../hooks/useElementAriaDescribedby'\nimport { FormElementValueChangeHandler, IsDirtyProps } from '../types/form'\n\ntype Props = {\n  formId: number\n  id: string\n  element: FormTypes.GoogleAddressElement\n  value: GoogleTypes.GoogleMapsAddress | undefined\n  displayValidationMessage: boolean\n  validationMessage: string | undefined\n  onChange: FormElementValueChangeHandler<GoogleTypes.GoogleMapsAddress>\n} & IsDirtyProps\n\nfunction FormElementGoogleAddress({\n  id,\n  element,\n  value,\n  displayValidationMessage,\n  validationMessage,\n  onChange,\n  isDirty,\n  setIsDirty,\n}: Props) {\n  const ariaDescribedby = useElementAriaDescribedby(id, element)\n  const isMounted = useIsMounted()\n  const [label, setLabel] = React.useState('')\n  const [error, setError] = React.useState<Error | undefined>()\n  const [isLoadingAddressDetails, setIsLoadingAddressDetails] =\n    React.useState(false)\n\n  const { isLoaded } = useGoogle()\n\n  const autocompleteService = React.useMemo(() => {\n    if (isLoaded) {\n      return new google.maps.places.AutocompleteService()\n    }\n  }, [isLoaded])\n\n  const dummyMap = React.useMemo(() => {\n    if (isLoaded) {\n      return new google.maps.Map(document.createElement('div'))\n    }\n  }, [isLoaded])\n\n  const handleSearch = React.useCallback(\n    async (input: string, abortSignal: AbortSignal) => {\n      setError(undefined)\n      if (autocompleteService) {\n        const predictions = await new Promise<\n          google.maps.places.QueryAutocompletePrediction[]\n        >((resolve, reject) => {\n          autocompleteService.getQueryPredictions(\n            {\n              input,\n            },\n            (predictions, status) => {\n              switch (status) {\n                case google.maps.places.PlacesServiceStatus.OK:\n                case google.maps.places.PlacesServiceStatus.ZERO_RESULTS: {\n                  resolve(predictions ?? [])\n                  break\n                }\n                case google.maps.places.PlacesServiceStatus.OVER_QUERY_LIMIT: {\n                  reject(\n                    new OneBlinkAppsError(\n                      'This application has gone over its Google Address querying quota. Please contact an administrator to rectify the issue or try again later.',\n                    ),\n                  )\n                  break\n                }\n                case google.maps.places.PlacesServiceStatus.INVALID_REQUEST: {\n                  reject(\n                    new OneBlinkAppsError(\n                      'Google Maps API key may not have been configured correctly, the request to retrieve address suggestions is invalid. Please contact an administrator to rectify the issue.',\n                    ),\n                  )\n                  break\n                }\n                case google.maps.places.PlacesServiceStatus.REQUEST_DENIED: {\n                  reject(\n                    new OneBlinkAppsError(\n                      'Google Maps API key has not been configured correctly. Please contact an administrator to rectify the issue.',\n                    ),\n                  )\n                  break\n                }\n                default: {\n                  reject(\n                    new OneBlinkAppsError(\n                      'An unknown error has occurred. Please try again and contact support if the problem persists.',\n                    ),\n                  )\n                }\n              }\n            },\n          )\n        }).catch((e) => {\n          if (!abortSignal.aborted) {\n            Sentry.captureException(e)\n          }\n          throw e\n        })\n\n        if (!abortSignal.aborted) {\n          return predictions.reduce<Array<{ value: string; label: string }>>(\n            (results, prediction) => {\n              if (prediction.place_id) {\n                results.push({\n                  value: prediction.place_id,\n                  label: prediction.description,\n                })\n              }\n              return results\n            },\n            [],\n          )\n        }\n      }\n      throw new OneBlinkAppsError(\n        'An unknown error has occurred. Please contact support if the problem persists.',\n      )\n    },\n    [autocompleteService],\n  )\n\n  const handleChange = React.useCallback(\n    async (placeId: string | undefined) => {\n      if (!placeId) {\n        onChange(element, { value: undefined })\n        return\n      }\n\n      setIsLoadingAddressDetails(true)\n      try {\n        //this should not happen, we can't get a place Id without google being present\n        if (!isLoaded || !dummyMap) {\n          throw new OneBlinkAppsError(\n            'An unknown error has occurred. Please contact support if the problem persists.',\n            {\n              originalError: new Error(\n                'Google Places library has not be initialised',\n              ),\n            },\n          )\n        }\n\n        const placeService = new google.maps.places.PlacesService(dummyMap)\n        const place = await new Promise<google.maps.places.PlaceResult>(\n          (resolve, reject) => {\n            placeService.getDetails(\n              {\n                placeId,\n                fields: [\n                  'place_id',\n                  'formatted_address',\n                  'geometry',\n                  'address_components',\n                ],\n              },\n              (place, status) => {\n                if (\n                  status !== google.maps.places.PlacesServiceStatus.OK ||\n                  !place\n                ) {\n                  reject(\n                    new OneBlinkAppsError(\n                      `Could not find address details for place with id: ${placeId}`,\n                    ),\n                  )\n                  return\n                }\n                resolve(place)\n              },\n            )\n          },\n        )\n        onChange(element, {\n          value: {\n            place_id: place.place_id,\n            formatted_address: place.formatted_address,\n            address_components: place.address_components,\n            geometry: {\n              location: place.geometry?.location?.toJSON(),\n              viewport: place.geometry?.viewport?.toJSON(),\n            },\n          },\n        })\n      } catch (newError) {\n        if (isMounted.current) {\n          setError(newError as Error)\n        }\n      }\n      if (isMounted.current) {\n        setIsLoadingAddressDetails(false)\n      }\n    },\n    [isMounted, onChange, element, isLoaded, dummyMap],\n  )\n\n  // Ensure the label is set if the value is set outside of this component\n  React.useEffect(() => {\n    if (value) {\n      const newLabel = value.formatted_address || value.place_id\n      setLabel(newLabel ?? '')\n    }\n  }, [value])\n\n  return (\n    <div className=\"cypress-google-address-element\">\n      <FormElementLabelContainer\n        className=\"ob-google-address ob-autocomplete\"\n        element={element}\n        id={id}\n        required={element.required}\n      >\n        <AutocompleteDropdown\n          id={id}\n          label={label}\n          disabled={element.readOnly || isLoadingAddressDetails}\n          placeholder={element.placeholderValue}\n          required={element.required}\n          value={value}\n          validationMessage={validationMessage}\n          displayValidationMessage={displayValidationMessage}\n          onChangeValue={handleChange}\n          isLoading={isLoadingAddressDetails}\n          hasError={!!error}\n          onChangeLabel={setLabel}\n          searchDebounceMs={750}\n          searchMinCharacters={4}\n          onSearch={handleSearch}\n          isDirty={isDirty}\n          setIsDirty={setIsDirty}\n          aria-describedby={ariaDescribedby}\n          branding={\n            <a className=\"dropdown-item cypress-powered-by-google ob-autocomplete__drop-down-item-powered-by-google\">\n              powered by{' '}\n              <img src=\"https://developers.google.com/static/maps/documentation/images/google_on_white.png\" />\n            </a>\n          }\n        />\n      </FormElementLabelContainer>\n\n      {error && (\n        <div role=\"alert\" className=\"has-margin-top-8\">\n          <div className=\"has-text-danger ob-error__text cypress-google-address-details-error-message\">\n            {error.message}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default React.memo(FormElementGoogleAddress)\n"]}

package/dist/hooks/useGoogle.d.ts

@@ -1,3 +1,4 @@
 export default function useGoogle(): {
     isLoaded: boolean;
+    loadError: Error | undefined;
 };

package/dist/hooks/useGoogle.js

@@ -1,13 +1,7 @@
-import * as React from 'react';
-import { useJsApiLoader } from '@react-google-maps/api';
 import useGoogleMapsApiKey from './useGoogleMapsApiKey';
+import useGoogleJsApiLoader from './useGoogleJsApiLoader';
 export default function useGoogle() {
     const key = useGoogleMapsApiKey();
-    const libraries = React.useMemo(() => ['maps', 'marker', 'places'], []);
-    const { isLoaded } = useJsApiLoader({
-        googleMapsApiKey: key !== null && key !== void 0 ? key : '',
-        libraries,
-    });
-    return { isLoaded };
+    return useGoogleJsApiLoader(key !== null && key !== void 0 ? key : '');
 }
 //# sourceMappingURL=useGoogle.js.map

package/dist/hooks/useGoogle.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGoogle.js","sourceRoot":"","sources":["../../src/hooks/useGoogle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAa,MAAM,wBAAwB,CAAA;AAClE,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AAEvD,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,MAAM,GAAG,GAAG,mBAAmB,EAAE,CAAA;IAEjC,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAC7B,GAAG,EAAE,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC,EAClC,EAAE,CACH,CAAA;IAED,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,CAAC;QAClC,gBAAgB,EAAE,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,EAAE;QAC3B,SAAS;KACV,CAAC,CAAA;IAEF,OAAO,EAAE,QAAQ,EAAE,CAAA;AACrB,CAAC","sourcesContent":["import * as React from 'react'\nimport { useJsApiLoader, Libraries } from '@react-google-maps/api'\nimport useGoogleMapsApiKey from './useGoogleMapsApiKey'\n\nexport default function useGoogle() {\n  const key = useGoogleMapsApiKey()\n\n  const libraries = React.useMemo<Libraries>(\n    () => ['maps', 'marker', 'places'],\n    [],\n  )\n\n  const { isLoaded } = useJsApiLoader({\n    googleMapsApiKey: key ?? '',\n    libraries,\n  })\n\n  return { isLoaded }\n}\n"]}
+{"version":3,"file":"useGoogle.js","sourceRoot":"","sources":["../../src/hooks/useGoogle.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AACvD,OAAO,oBAAoB,MAAM,wBAAwB,CAAA;AAEzD,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,MAAM,GAAG,GAAG,mBAAmB,EAAE,CAAA;IAEjC,OAAO,oBAAoB,CAAC,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,EAAE,CAAC,CAAA;AACxC,CAAC","sourcesContent":["import useGoogleMapsApiKey from './useGoogleMapsApiKey'\nimport useGoogleJsApiLoader from './useGoogleJsApiLoader'\n\nexport default function useGoogle() {\n  const key = useGoogleMapsApiKey()\n\n  return useGoogleJsApiLoader(key ?? '')\n}\n"]}

package/dist/hooks/useGoogleJsApiLoader.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Load the google maps JavaScript API libraries used by this package.
+ *
+ * @param key Google Maps API Key
+ * @returns
+ */
+export default function useGoogleJsApiLoader(key: string): {
+    isLoaded: boolean;
+    loadError: Error | undefined;
+};

package/dist/hooks/useGoogleJsApiLoader.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { useJsApiLoader } from '@react-google-maps/api';
+/**
+ * Load the google maps JavaScript API libraries used by this package.
+ *
+ * @param key Google Maps API Key
+ * @returns
+ */
+export default function useGoogleJsApiLoader(key) {
+    const libraries = React.useMemo(() => ['maps', 'marker', 'places'], []);
+    return useJsApiLoader({
+        googleMapsApiKey: key,
+        libraries,
+    });
+}
+//# sourceMappingURL=useGoogleJsApiLoader.js.map

package/dist/hooks/useGoogleJsApiLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGoogleJsApiLoader.js","sourceRoot":"","sources":["../../src/hooks/useGoogleJsApiLoader.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAa,MAAM,wBAAwB,CAAA;AAElE;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,GAAW;IACtD,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAC7B,GAAG,EAAE,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC,EAClC,EAAE,CACH,CAAA;IAED,OAAO,cAAc,CAAC;QACpB,gBAAgB,EAAE,GAAG;QACrB,SAAS;KACV,CAAC,CAAA;AACJ,CAAC","sourcesContent":["import * as React from 'react'\nimport { useJsApiLoader, Libraries } from '@react-google-maps/api'\n\n/**\n * Load the google maps JavaScript API libraries used by this package.\n *\n * @param key Google Maps API Key\n * @returns\n */\nexport default function useGoogleJsApiLoader(key: string) {\n  const libraries = React.useMemo<Libraries>(\n    () => ['maps', 'marker', 'places'],\n    [],\n  )\n\n  return useJsApiLoader({\n    googleMapsApiKey: key,\n    libraries,\n  })\n}\n"]}

package/dist/hooks/usePages.js

@@ -61,6 +61,9 @@ export default function usePages({ pages, formElementsValidation, formElementsCo
                     });
                 });
             }
+            //blur prev/next buttons after they've been clicked
+            const activeElement = document === null || document === void 0 ? void 0 : document.activeElement;
+            activeElement.blur();
         }
     }, [closeStepsNavigation, currentPageId, isShowingMultiplePages]);
     const goToNextPage = React.useCallback(() => {

package/dist/hooks/usePages.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePages.js","sourceRoot":"","sources":["../../src/hooks/usePages.ts"],"names":[],"mappings":"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","sourcesContent":["import { FormTypes } from '@oneblink/types'\nimport * as React from 'react'\n\nimport useBooleanState from '../hooks/useBooleanState'\nimport { checkSectionValidity } from '../services/form-validation'\nimport scrollingService from '../services/scrolling-service'\nimport {\n  FormElementsConditionallyShown,\n  FormElementsValidation,\n} from '../types/form'\n\nexport default function usePages({\n  pages,\n  formElementsValidation,\n  formElementsConditionallyShown,\n  hasAttemptedSubmit,\n}: {\n  pages: FormTypes.PageElement[]\n  formElementsValidation: FormElementsValidation | undefined\n  formElementsConditionallyShown: FormElementsConditionallyShown\n  hasAttemptedSubmit: boolean\n}) {\n  const scrollToTopOfPageHTMLElementRef = React.useRef<HTMLDivElement>(null)\n  const [visitedPageIds, setVisitedPageIds] = React.useState<string[]>([])\n\n  const [isStepsHeaderActive, , closeStepsNavigation, toggleStepsNavigation] =\n    useBooleanState(false)\n\n  const visiblePages = React.useMemo<FormTypes.PageElement[]>(() => {\n    return pages.filter((pageElement) => {\n      return !formElementsConditionallyShown?.[pageElement.id]?.isHidden\n    })\n  }, [formElementsConditionallyShown, pages])\n\n  const [currentPageId, setCurrentPageId] = React.useState(visiblePages[0].id)\n\n  const currentPage = React.useMemo(() => {\n    const currentPageById = visiblePages.find((pageElement) => {\n      return pageElement.id === currentPageId\n    })\n    if (currentPageById) {\n      return currentPageById\n    } else {\n      return visiblePages[0]\n    }\n  }, [currentPageId, visiblePages])\n\n  const currentPageIndex = React.useMemo(\n    () => visiblePages.indexOf(currentPage),\n    [currentPage, visiblePages],\n  )\n\n  const currentPageNumber = React.useMemo(() => {\n    if (currentPage) {\n      return visiblePages.indexOf(currentPage) + 1\n    }\n  }, [currentPage, visiblePages])\n\n  const isShowingMultiplePages = visiblePages.length > 1\n\n  const setPageId = React.useCallback(\n    (pageId: string) => {\n      setVisitedPageIds((currentVisitedPageIds) => {\n        if (currentVisitedPageIds.includes(currentPageId)) {\n          return currentVisitedPageIds\n        } else {\n          return [...currentVisitedPageIds, currentPageId]\n        }\n      })\n      setCurrentPageId(pageId)\n      closeStepsNavigation()\n\n      const scrollToTopOfPageHTMLElement =\n        scrollToTopOfPageHTMLElementRef.current\n      if (isShowingMultiplePages && scrollToTopOfPageHTMLElement) {\n        if (scrollToTopOfPageHTMLElement) {\n          window.requestAnimationFrame(() => {\n            scrollToTopOfPageHTMLElement.scrollIntoView({\n              block: 'start',\n              behavior: 'smooth',\n            })\n          })\n        }\n        const stepItemHTMLElement = document.getElementById(\n          `steps-navigation-step-${pageId}`,\n        )\n        if (stepItemHTMLElement) {\n          window.requestAnimationFrame(() => {\n            stepItemHTMLElement.scrollIntoView({\n              block: 'start',\n              behavior: 'smooth',\n            })\n          })\n        }\n      }\n    },\n    [closeStepsNavigation, currentPageId, isShowingMultiplePages],\n  )\n\n  const goToNextPage = React.useCallback(() => {\n    for (let i = 0; i < visiblePages.length; i++) {\n      const page = visiblePages[i]\n      if (page.id === currentPageId) {\n        const nextVisiblePage = visiblePages[i + 1]\n        if (nextVisiblePage) {\n          setPageId(nextVisiblePage.id)\n        }\n        break\n      }\n    }\n  }, [currentPageId, setPageId, visiblePages])\n\n  const goToPreviousPage = React.useCallback(() => {\n    for (let i = visiblePages.length - 1; i > -1; i--) {\n      const page = visiblePages[i]\n      if (page && page.id === currentPageId) {\n        const previousVisiblePage = visiblePages[i - 1]\n        if (previousVisiblePage) {\n          setPageId(previousVisiblePage.id)\n        }\n        break\n      }\n    }\n  }, [currentPageId, setPageId, visiblePages])\n\n  const checkDisplayPageError = React.useCallback(\n    (page: FormTypes.PageElement) => {\n      // If we have not visited the page yet, we will not display errors\n      if (!visitedPageIds.includes(page.id) && !hasAttemptedSubmit) {\n        return false\n      }\n\n      return checkSectionValidity(page, formElementsValidation)\n    },\n    [formElementsValidation, visitedPageIds, hasAttemptedSubmit],\n  )\n\n  React.useEffect(() => {\n    if (isStepsHeaderActive) {\n      scrollingService.disableScrolling()\n\n      const activeStepElement = document.getElementById(\n        `steps-navigation-step-${currentPageId}`,\n      )\n\n      if (activeStepElement) {\n        activeStepElement.scrollIntoView({\n          behavior: 'smooth',\n          block: 'center',\n        })\n      }\n    } else {\n      // Re-enable scroll on body when inactive\n      scrollingService.enableScrolling()\n    }\n  }, [currentPageId, isStepsHeaderActive])\n\n  const firstVisiblePage = visiblePages[0]\n  const lastVisiblePage = visiblePages[visiblePages.length - 1]\n  const isLastVisiblePage =\n    lastVisiblePage && lastVisiblePage.id === currentPageId\n  const isFirstVisiblePage =\n    firstVisiblePage && firstVisiblePage.id === currentPageId\n  const isDisplayingCurrentPageError = checkDisplayPageError(currentPage)\n\n  // Clean up when form is navigated away\n  React.useEffect(() => {\n    return () => {\n      scrollingService.enableScrolling()\n    }\n  }, [])\n\n  return {\n    visiblePages,\n    isFirstVisiblePage,\n    isLastVisiblePage,\n    isDisplayingCurrentPageError,\n    isShowingMultiplePages,\n    isStepsHeaderActive,\n    toggleStepsNavigation,\n    currentPageIndex,\n    currentPage,\n    currentPageNumber,\n    checkDisplayPageError,\n    setPageId,\n    goToPreviousPage,\n    goToNextPage,\n    scrollToTopOfPageHTMLElementRef,\n  }\n}\n"]}
+{"version":3,"file":"usePages.js","sourceRoot":"","sources":["../../src/hooks/usePages.ts"],"names":[],"mappings":"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","sourcesContent":["import { FormTypes } from '@oneblink/types'\nimport * as React from 'react'\n\nimport useBooleanState from '../hooks/useBooleanState'\nimport { checkSectionValidity } from '../services/form-validation'\nimport scrollingService from '../services/scrolling-service'\nimport {\n  FormElementsConditionallyShown,\n  FormElementsValidation,\n} from '../types/form'\n\nexport default function usePages({\n  pages,\n  formElementsValidation,\n  formElementsConditionallyShown,\n  hasAttemptedSubmit,\n}: {\n  pages: FormTypes.PageElement[]\n  formElementsValidation: FormElementsValidation | undefined\n  formElementsConditionallyShown: FormElementsConditionallyShown\n  hasAttemptedSubmit: boolean\n}) {\n  const scrollToTopOfPageHTMLElementRef = React.useRef<HTMLDivElement>(null)\n  const [visitedPageIds, setVisitedPageIds] = React.useState<string[]>([])\n\n  const [isStepsHeaderActive, , closeStepsNavigation, toggleStepsNavigation] =\n    useBooleanState(false)\n\n  const visiblePages = React.useMemo<FormTypes.PageElement[]>(() => {\n    return pages.filter((pageElement) => {\n      return !formElementsConditionallyShown?.[pageElement.id]?.isHidden\n    })\n  }, [formElementsConditionallyShown, pages])\n\n  const [currentPageId, setCurrentPageId] = React.useState(visiblePages[0].id)\n\n  const currentPage = React.useMemo(() => {\n    const currentPageById = visiblePages.find((pageElement) => {\n      return pageElement.id === currentPageId\n    })\n    if (currentPageById) {\n      return currentPageById\n    } else {\n      return visiblePages[0]\n    }\n  }, [currentPageId, visiblePages])\n\n  const currentPageIndex = React.useMemo(\n    () => visiblePages.indexOf(currentPage),\n    [currentPage, visiblePages],\n  )\n\n  const currentPageNumber = React.useMemo(() => {\n    if (currentPage) {\n      return visiblePages.indexOf(currentPage) + 1\n    }\n  }, [currentPage, visiblePages])\n\n  const isShowingMultiplePages = visiblePages.length > 1\n\n  const setPageId = React.useCallback(\n    (pageId: string) => {\n      setVisitedPageIds((currentVisitedPageIds) => {\n        if (currentVisitedPageIds.includes(currentPageId)) {\n          return currentVisitedPageIds\n        } else {\n          return [...currentVisitedPageIds, currentPageId]\n        }\n      })\n      setCurrentPageId(pageId)\n      closeStepsNavigation()\n\n      const scrollToTopOfPageHTMLElement =\n        scrollToTopOfPageHTMLElementRef.current\n      if (isShowingMultiplePages && scrollToTopOfPageHTMLElement) {\n        if (scrollToTopOfPageHTMLElement) {\n          window.requestAnimationFrame(() => {\n            scrollToTopOfPageHTMLElement.scrollIntoView({\n              block: 'start',\n              behavior: 'smooth',\n            })\n          })\n        }\n        const stepItemHTMLElement = document.getElementById(\n          `steps-navigation-step-${pageId}`,\n        )\n        if (stepItemHTMLElement) {\n          window.requestAnimationFrame(() => {\n            stepItemHTMLElement.scrollIntoView({\n              block: 'start',\n              behavior: 'smooth',\n            })\n          })\n        }\n        //blur prev/next buttons after they've been clicked\n        const activeElement = document?.activeElement as HTMLElement\n        activeElement.blur()\n      }\n    },\n    [closeStepsNavigation, currentPageId, isShowingMultiplePages],\n  )\n\n  const goToNextPage = React.useCallback(() => {\n    for (let i = 0; i < visiblePages.length; i++) {\n      const page = visiblePages[i]\n      if (page.id === currentPageId) {\n        const nextVisiblePage = visiblePages[i + 1]\n        if (nextVisiblePage) {\n          setPageId(nextVisiblePage.id)\n        }\n        break\n      }\n    }\n  }, [currentPageId, setPageId, visiblePages])\n\n  const goToPreviousPage = React.useCallback(() => {\n    for (let i = visiblePages.length - 1; i > -1; i--) {\n      const page = visiblePages[i]\n      if (page && page.id === currentPageId) {\n        const previousVisiblePage = visiblePages[i - 1]\n        if (previousVisiblePage) {\n          setPageId(previousVisiblePage.id)\n        }\n        break\n      }\n    }\n  }, [currentPageId, setPageId, visiblePages])\n\n  const checkDisplayPageError = React.useCallback(\n    (page: FormTypes.PageElement) => {\n      // If we have not visited the page yet, we will not display errors\n      if (!visitedPageIds.includes(page.id) && !hasAttemptedSubmit) {\n        return false\n      }\n\n      return checkSectionValidity(page, formElementsValidation)\n    },\n    [formElementsValidation, visitedPageIds, hasAttemptedSubmit],\n  )\n\n  React.useEffect(() => {\n    if (isStepsHeaderActive) {\n      scrollingService.disableScrolling()\n\n      const activeStepElement = document.getElementById(\n        `steps-navigation-step-${currentPageId}`,\n      )\n\n      if (activeStepElement) {\n        activeStepElement.scrollIntoView({\n          behavior: 'smooth',\n          block: 'center',\n        })\n      }\n    } else {\n      // Re-enable scroll on body when inactive\n      scrollingService.enableScrolling()\n    }\n  }, [currentPageId, isStepsHeaderActive])\n\n  const firstVisiblePage = visiblePages[0]\n  const lastVisiblePage = visiblePages[visiblePages.length - 1]\n  const isLastVisiblePage =\n    lastVisiblePage && lastVisiblePage.id === currentPageId\n  const isFirstVisiblePage =\n    firstVisiblePage && firstVisiblePage.id === currentPageId\n  const isDisplayingCurrentPageError = checkDisplayPageError(currentPage)\n\n  // Clean up when form is navigated away\n  React.useEffect(() => {\n    return () => {\n      scrollingService.enableScrolling()\n    }\n  }, [])\n\n  return {\n    visiblePages,\n    isFirstVisiblePage,\n    isLastVisiblePage,\n    isDisplayingCurrentPageError,\n    isShowingMultiplePages,\n    isStepsHeaderActive,\n    toggleStepsNavigation,\n    currentPageIndex,\n    currentPage,\n    currentPageNumber,\n    checkDisplayPageError,\n    setPageId,\n    goToPreviousPage,\n    goToNextPage,\n    scrollToTopOfPageHTMLElementRef,\n  }\n}\n"]}

package/dist/index.d.ts

@@ -21,6 +21,7 @@ export { default as useLoadDataState, LoadDataState, } from './hooks/useLoadData
 export { default as useLoadResourcesState } from './hooks/useLoadResourcesState';
 export { default as useFormSubmissionState } from './hooks/useFormSubmissionState';
 export { default as useFormSubmissionAutoSaveState } from './hooks/useFormSubmissionAutoSaveState';
+export { default as useGoogleJsApiLoader } from './hooks/useGoogleJsApiLoader';
 export { default as ProgressBar } from './components/renderer/ProgressBar';
 export { default as PaymentReceipt } from './PaymentReceipt';
 export { default as PaymentForm } from './components/payments/PaymentForm';

package/dist/index.js

@@ -21,6 +21,7 @@ export { default as useLoadDataState, } from './hooks/useLoadDataState';
 export { default as useLoadResourcesState } from './hooks/useLoadResourcesState';
 export { default as useFormSubmissionState } from './hooks/useFormSubmissionState';
 export { default as useFormSubmissionAutoSaveState } from './hooks/useFormSubmissionAutoSaveState';
+export { default as useGoogleJsApiLoader } from './hooks/useGoogleJsApiLoader';
 export { default as ProgressBar } from './components/renderer/ProgressBar';
 export { default as PaymentReceipt } from './PaymentReceipt';
 export { default as PaymentForm } from './components/payments/PaymentForm';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,wBAAwB,IAAI,YAAY,EACxC,sBAAsB,GACvB,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AACxE,OAAO,EAAE,yBAAyB,EAAE,MAAM,kDAAkD,CAAA;AAC5F,OAAO,EAAE,OAAO,IAAI,mCAAmC,EAAE,MAAM,4DAA4D,CAAA;AAC3H,OAAO,EAAE,OAAO,IAAI,8BAA8B,EAAE,MAAM,uDAAuD,CAAA;AACjH,OAAO,EAAE,OAAO,IAAI,+BAA+B,EAAE,MAAM,wDAAwD,CAAA;AACnH,OAAO,EAAE,OAAO,IAAI,8BAA8B,EAAE,MAAM,uDAAuD,CAAA;AACjH,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,+CAA+C,CAAA;AAEjG,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,gCAAgC,CAAA;AAClF,OAAO,EACL,OAAO,IAAI,YAAY,EACvB,wBAAwB,GACzB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAiB,MAAM,kBAAkB,CAAA;AACrE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,EACL,OAAO,IAAI,OAAO,EAClB,mBAAmB,GAEpB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EACL,OAAO,IAAI,qBAAqB,EAChC,iCAAiC,GAElC,MAAM,+BAA+B,CAAA;AACtC,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,qBAAqB,GAEtB,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EACL,OAAO,IAAI,gBAAgB,GAE5B,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AAChF,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,gCAAgC,CAAA;AAClF,OAAO,EAAE,OAAO,IAAI,8BAA8B,EAAE,MAAM,wCAAwC,CAAA;AAElG,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAE1E,cAAc,cAAc,CAAA","sourcesContent":["export {\n  OneBlinkFormBaseProps,\n  OneBlinkFormControlledProps,\n  OneBlinkFormUncontrolled as OneBlinkForm,\n  OneBlinkFormControlled,\n} from './OneBlinkForm'\nexport { default as OneBlinkAutoSaveForm } from './OneBlinkAutoSaveForm'\nexport { default as OneBlinkReadOnlyForm } from './OneBlinkReadOnlyForm'\nexport { OneBlinkFormStoreProvider } from './components/formStore/OneBlinkFormStoreProvider'\nexport { default as OneBlinkFormStoreClearFiltersButton } from './components/formStore/OneBlinkFormStoreClearFiltersButton'\nexport { default as OneBlinkFormStoreColumnsButton } from './components/formStore/OneBlinkFormStoreColumnsButton'\nexport { default as OneBlinkFormStoreDownloadButton } from './components/formStore/OneBlinkFormStoreDownloadButton'\nexport { default as OneBlinkFormStoreRefreshButton } from './components/formStore/OneBlinkFormStoreRefreshButton'\nexport { default as OneBlinkFormStoreTable } from './components/formStore/OneBlinkFormStoreTable'\n\nexport { default as useIsMounted } from './hooks/useIsMounted'\nexport { default as useBooleanState } from './hooks/useBooleanState'\nexport { default as useNullableState } from './hooks/useNullableState'\nexport { default as useClickOutsideElement } from './hooks/useClickOutsideElement'\nexport {\n  default as useIsOffline,\n  IsOfflineContextProvider,\n} from './hooks/useIsOffline'\nexport { default as useLogin, UseLoginValue } from './hooks/useLogin'\nexport { default as useSignUp } from './hooks/useSignUp'\nexport {\n  default as useAuth,\n  AuthContextProvider,\n  AuthContextValue,\n} from './hooks/useAuth'\nexport {\n  default as usePendingSubmissions,\n  PendingSubmissionsContextProvider,\n  PendingSubmissionsContextValue,\n} from './hooks/usePendingSubmissions'\nexport {\n  default as useDrafts,\n  DraftsContextProvider,\n  DraftsContextValue,\n} from './hooks/useDrafts'\nexport {\n  default as useLoadDataState,\n  LoadDataState,\n} from './hooks/useLoadDataState'\nexport { default as useLoadResourcesState } from './hooks/useLoadResourcesState'\nexport { default as useFormSubmissionState } from './hooks/useFormSubmissionState'\nexport { default as useFormSubmissionAutoSaveState } from './hooks/useFormSubmissionAutoSaveState'\n\nexport { default as ProgressBar } from './components/renderer/ProgressBar'\nexport { default as PaymentReceipt } from './PaymentReceipt'\nexport { default as PaymentForm } from './components/payments/PaymentForm'\n\nexport * from './types/form'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,wBAAwB,IAAI,YAAY,EACxC,sBAAsB,GACvB,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AACxE,OAAO,EAAE,yBAAyB,EAAE,MAAM,kDAAkD,CAAA;AAC5F,OAAO,EAAE,OAAO,IAAI,mCAAmC,EAAE,MAAM,4DAA4D,CAAA;AAC3H,OAAO,EAAE,OAAO,IAAI,8BAA8B,EAAE,MAAM,uDAAuD,CAAA;AACjH,OAAO,EAAE,OAAO,IAAI,+BAA+B,EAAE,MAAM,wDAAwD,CAAA;AACnH,OAAO,EAAE,OAAO,IAAI,8BAA8B,EAAE,MAAM,uDAAuD,CAAA;AACjH,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,+CAA+C,CAAA;AAEjG,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,gCAAgC,CAAA;AAClF,OAAO,EACL,OAAO,IAAI,YAAY,EACvB,wBAAwB,GACzB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAiB,MAAM,kBAAkB,CAAA;AACrE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,EACL,OAAO,IAAI,OAAO,EAClB,mBAAmB,GAEpB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EACL,OAAO,IAAI,qBAAqB,EAChC,iCAAiC,GAElC,MAAM,+BAA+B,CAAA;AACtC,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,qBAAqB,GAEtB,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EACL,OAAO,IAAI,gBAAgB,GAE5B,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AAChF,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,gCAAgC,CAAA;AAClF,OAAO,EAAE,OAAO,IAAI,8BAA8B,EAAE,MAAM,wCAAwC,CAAA;AAClG,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AAE9E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAE1E,cAAc,cAAc,CAAA","sourcesContent":["export {\n  OneBlinkFormBaseProps,\n  OneBlinkFormControlledProps,\n  OneBlinkFormUncontrolled as OneBlinkForm,\n  OneBlinkFormControlled,\n} from './OneBlinkForm'\nexport { default as OneBlinkAutoSaveForm } from './OneBlinkAutoSaveForm'\nexport { default as OneBlinkReadOnlyForm } from './OneBlinkReadOnlyForm'\nexport { OneBlinkFormStoreProvider } from './components/formStore/OneBlinkFormStoreProvider'\nexport { default as OneBlinkFormStoreClearFiltersButton } from './components/formStore/OneBlinkFormStoreClearFiltersButton'\nexport { default as OneBlinkFormStoreColumnsButton } from './components/formStore/OneBlinkFormStoreColumnsButton'\nexport { default as OneBlinkFormStoreDownloadButton } from './components/formStore/OneBlinkFormStoreDownloadButton'\nexport { default as OneBlinkFormStoreRefreshButton } from './components/formStore/OneBlinkFormStoreRefreshButton'\nexport { default as OneBlinkFormStoreTable } from './components/formStore/OneBlinkFormStoreTable'\n\nexport { default as useIsMounted } from './hooks/useIsMounted'\nexport { default as useBooleanState } from './hooks/useBooleanState'\nexport { default as useNullableState } from './hooks/useNullableState'\nexport { default as useClickOutsideElement } from './hooks/useClickOutsideElement'\nexport {\n  default as useIsOffline,\n  IsOfflineContextProvider,\n} from './hooks/useIsOffline'\nexport { default as useLogin, UseLoginValue } from './hooks/useLogin'\nexport { default as useSignUp } from './hooks/useSignUp'\nexport {\n  default as useAuth,\n  AuthContextProvider,\n  AuthContextValue,\n} from './hooks/useAuth'\nexport {\n  default as usePendingSubmissions,\n  PendingSubmissionsContextProvider,\n  PendingSubmissionsContextValue,\n} from './hooks/usePendingSubmissions'\nexport {\n  default as useDrafts,\n  DraftsContextProvider,\n  DraftsContextValue,\n} from './hooks/useDrafts'\nexport {\n  default as useLoadDataState,\n  LoadDataState,\n} from './hooks/useLoadDataState'\nexport { default as useLoadResourcesState } from './hooks/useLoadResourcesState'\nexport { default as useFormSubmissionState } from './hooks/useFormSubmissionState'\nexport { default as useFormSubmissionAutoSaveState } from './hooks/useFormSubmissionAutoSaveState'\nexport { default as useGoogleJsApiLoader } from './hooks/useGoogleJsApiLoader'\n\nexport { default as ProgressBar } from './components/renderer/ProgressBar'\nexport { default as PaymentReceipt } from './PaymentReceipt'\nexport { default as PaymentForm } from './components/payments/PaymentForm'\n\nexport * from './types/form'\n"]}

package/dist/services/injectableOptions.d.ts

@@ -10,6 +10,7 @@ export default function processInjectableOption({ option, submission, formElemen
 }): FormTypes.ChoiceElementOption[];
 export declare function injectOptionsAcrossAllElements({ submission, ...params }: {
     elements: FormTypes.FormElement[];
+    contextElements: FormTypes.FormElement[];
     submission: SubmissionTypes.S3SubmissionData['submission'];
     taskContext: TaskContext;
     userProfile: MiscTypes.UserProfile | undefined;

package/dist/services/injectableOptions.js

@@ -90,7 +90,7 @@ export default function processInjectableOption({ option, submission, formElemen
     });
     return generatedOptions;
 }
-function injectOptionsAcrossEntriesElements({ elements, entries, taskContext, userProfile, }) {
+function injectOptionsAcrossEntriesElements({ contextElements, elements, entries, taskContext, userProfile, }) {
     return elements.map((e) => {
         switch (e.type) {
             case 'page':
@@ -98,6 +98,8 @@ function injectOptionsAcrossEntriesElements({ elements, entries, taskContext, us
                 return {
                     ...e,
                     elements: injectOptionsAcrossEntriesElements({
+                        // info elements on other pages/sections will need the parent definition
+                        contextElements,
                         elements: e.elements,
                         entries,
                         taskContext,
@@ -110,6 +112,8 @@ function injectOptionsAcrossEntriesElements({ elements, entries, taskContext, us
                     return {
                         ...e,
                         elements: injectOptionsAcrossEntriesElements({
+                            // sub-forms do not have context of parent elements
+                            contextElements: e.elements,
                             elements: e.elements,
                             entries: entries.reduce((memo, entry) => {
                                 if (entry[e.name]) {
@@ -130,6 +134,8 @@ function injectOptionsAcrossEntriesElements({ elements, entries, taskContext, us
                 return {
                     ...e,
                     elements: injectOptionsAcrossEntriesElements({
+                        // repeatable set entries may only know about elements within entry
+                        contextElements: e.elements,
                         elements: e.elements,
                         entries: entries.reduce((memo, entry) => {
                             const nestedEntries = entry[e.name];
@@ -154,7 +160,7 @@ function injectOptionsAcrossEntriesElements({ elements, entries, taskContext, us
                                 const injected = processInjectableOption({
                                     option: o,
                                     submission,
-                                    formElements: elements,
+                                    formElements: contextElements,
                                     taskContext,
                                     userProfile,
                                 });