@oneblink/apps-react 8.14.0 → 9.0.0-beta.2

package/dist/components/renderer/PageFormElements.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import clsx from 'clsx';
 import OneBlinkFormElements from './OneBlinkFormElements';
@@ -84,12 +85,9 @@ function PageFormElements({ formId, isActive, pageElement, model, displayValidat
             };
         });
     }, [formId, pageElement.id, setFormSubmission]);
-    return (React.createElement(IsPageVisibleProvider, { isPageVisible: isActive },
-        React.createElement("div", null,
-            React.createElement("div", { id: pageElement.id, key: pageElement.id, className: clsx('ob-page step-content is-active cypress-page', {
+    return (_jsx(IsPageVisibleProvider, { isPageVisible: isActive, children: _jsx("div", { children: _jsx("div", { id: pageElement.id, className: clsx('ob-page step-content is-active cypress-page', {
                     'is-invisible': !isActive,
-                }), "aria-labelledby": `steps-navigation-step-label-${pageElement.id}`, role: "region" },
-                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: "", sectionState: sectionState })))));
+                }), "aria-labelledby": `steps-navigation-step-label-${pageElement.id}`, role: "region", children: _jsx(OneBlinkFormElements, { formId: formId, model: model, parentElement: form, formElementsConditionallyShown: formElementsConditionallyShown, formElementsValidation: formElementsValidation, displayValidationMessages: displayValidationMessages, elements: pageElement.elements, onChange: onChange, onLookup: handleLookup, onUpdateFormElements: handleUpdateFormElements, idPrefix: "", sectionState: sectionState }) }, pageElement.id) }) }));
 }
 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":"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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  NestedFormElementValueChangeHandler,\n  SetFormSubmission,\n  UpdateFormElementsHandler,\n  SectionState,\n} from '../../types/form'\nimport { IsPageVisibleProvider } from '../../hooks/useIsPageVisible'\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  sectionState?: SectionState\n  onChange: NestedFormElementValueChangeHandler\n  setFormSubmission: SetFormSubmission\n}\n\nfunction PageFormElements({\n  formId,\n  isActive,\n  pageElement,\n  model,\n  displayValidationMessages,\n  formElementsConditionallyShown,\n  formElementsValidation,\n  sectionState,\n  onChange,\n  setFormSubmission,\n}: Props) {\n  const handleLookup = React.useCallback<FormElementLookupHandler>(\n    (mergeLookupResults) => {\n      setFormSubmission((currentFormSubmission) => {\n        if (pageElement.id === formId.toString()) {\n          const { submission, elements, executedLookups } = mergeLookupResults({\n            elements: currentFormSubmission.definition.elements,\n            submission: currentFormSubmission.submission,\n            lastElementUpdated: currentFormSubmission.lastElementUpdated,\n            executedLookups: currentFormSubmission.executedLookups,\n            sectionState: currentFormSubmission.sectionState,\n          })\n\n          return {\n            submission,\n            definition: {\n              ...currentFormSubmission.definition,\n              elements: elements,\n            },\n            lastElementUpdated: currentFormSubmission.lastElementUpdated,\n            executedLookups,\n            sectionState: currentFormSubmission.sectionState,\n          }\n        }\n\n        return currentFormSubmission.definition.elements.reduce<\n          typeof currentFormSubmission\n        >(\n          (memo: typeof currentFormSubmission, formElement) => {\n            if (\n              formElement.id === pageElement.id &&\n              formElement.type === 'page'\n            ) {\n              const { submission, executedLookups, elements } =\n                mergeLookupResults({\n                  elements: formElement.elements,\n                  submission: currentFormSubmission.submission,\n                  lastElementUpdated: currentFormSubmission.lastElementUpdated,\n                  executedLookups: currentFormSubmission.executedLookups,\n                  sectionState: currentFormSubmission.sectionState,\n                })\n              memo.submission = submission\n              memo.executedLookups = executedLookups\n              memo.definition.elements.push({\n                ...formElement,\n                elements,\n              })\n            } else {\n              memo.definition.elements.push(formElement)\n            }\n\n            return memo\n          },\n          {\n            ...currentFormSubmission,\n            definition: {\n              ...currentFormSubmission.definition,\n              elements: [],\n            },\n          },\n        )\n      })\n    },\n    [formId, 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      <div>\n        <div\n          id={pageElement.id}\n          key={pageElement.id}\n          className={clsx('ob-page step-content is-active cypress-page', {\n            'is-invisible': !isActive,\n          })}\n          aria-labelledby={`steps-navigation-step-label-${pageElement.id}`}\n          role=\"region\"\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            sectionState={sectionState}\n          />\n        </div>\n      </div>\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  NestedFormElementValueChangeHandler,\n  SetFormSubmission,\n  UpdateFormElementsHandler,\n  SectionState,\n} from '../../types/form'\nimport { IsPageVisibleProvider } from '../../hooks/useIsPageVisible'\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  sectionState?: SectionState\n  onChange: NestedFormElementValueChangeHandler\n  setFormSubmission: SetFormSubmission\n}\n\nfunction PageFormElements({\n  formId,\n  isActive,\n  pageElement,\n  model,\n  displayValidationMessages,\n  formElementsConditionallyShown,\n  formElementsValidation,\n  sectionState,\n  onChange,\n  setFormSubmission,\n}: Props) {\n  const handleLookup = React.useCallback<FormElementLookupHandler>(\n    (mergeLookupResults) => {\n      setFormSubmission((currentFormSubmission) => {\n        if (pageElement.id === formId.toString()) {\n          const { submission, elements, executedLookups } = mergeLookupResults({\n            elements: currentFormSubmission.definition.elements,\n            submission: currentFormSubmission.submission,\n            lastElementUpdated: currentFormSubmission.lastElementUpdated,\n            executedLookups: currentFormSubmission.executedLookups,\n            sectionState: currentFormSubmission.sectionState,\n          })\n\n          return {\n            submission,\n            definition: {\n              ...currentFormSubmission.definition,\n              elements: elements,\n            },\n            lastElementUpdated: currentFormSubmission.lastElementUpdated,\n            executedLookups,\n            sectionState: currentFormSubmission.sectionState,\n          }\n        }\n\n        return currentFormSubmission.definition.elements.reduce<\n          typeof currentFormSubmission\n        >(\n          (memo: typeof currentFormSubmission, formElement) => {\n            if (\n              formElement.id === pageElement.id &&\n              formElement.type === 'page'\n            ) {\n              const { submission, executedLookups, elements } =\n                mergeLookupResults({\n                  elements: formElement.elements,\n                  submission: currentFormSubmission.submission,\n                  lastElementUpdated: currentFormSubmission.lastElementUpdated,\n                  executedLookups: currentFormSubmission.executedLookups,\n                  sectionState: currentFormSubmission.sectionState,\n                })\n              memo.submission = submission\n              memo.executedLookups = executedLookups\n              memo.definition.elements.push({\n                ...formElement,\n                elements,\n              })\n            } else {\n              memo.definition.elements.push(formElement)\n            }\n\n            return memo\n          },\n          {\n            ...currentFormSubmission,\n            definition: {\n              ...currentFormSubmission.definition,\n              elements: [],\n            },\n          },\n        )\n      })\n    },\n    [formId, 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      <div>\n        <div\n          id={pageElement.id}\n          key={pageElement.id}\n          className={clsx('ob-page step-content is-active cypress-page', {\n            'is-invisible': !isActive,\n          })}\n          aria-labelledby={`steps-navigation-step-label-${pageElement.id}`}\n          role=\"region\"\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            sectionState={sectionState}\n          />\n        </div>\n      </div>\n    </IsPageVisibleProvider>\n  )\n}\n\nexport default React.memo(PageFormElements)\n"]}

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

@@ -7,5 +7,5 @@ import * as React from 'react';
  */
 declare const _default: React.MemoExoticComponent<({ progress, ...rest }: Omit<LinearProgressProps, "value" | "variant"> & {
     progress: number;
-}) => React.JSX.Element>;
+}) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/components/renderer/ProgressBar.js

@@ -1,7 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { LinearProgress } from '@mui/material';
 import * as React from 'react';
 const ProgressBar = ({ progress, ...rest }) => {
-    return React.createElement(LinearProgress, { ...rest, variant: "determinate", value: progress });
+    return _jsx(LinearProgress, { ...rest, variant: "determinate", value: progress });
 };
 /**
  * @param props

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/renderer/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAuB,MAAM,eAAe,CAAA;AACnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EACR,GAAG,IAAI,EAGR,EAAE,EAAE;IACH,OAAO,oBAAC,cAAc,OAAK,IAAI,EAAE,OAAO,EAAC,aAAa,EAAC,KAAK,EAAE,QAAQ,GAAI,CAAA;AAC5E,CAAC,CAAA;AAED;;;;GAIG;AACH,eAAe,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA","sourcesContent":["import { LinearProgress, LinearProgressProps } from '@mui/material'\nimport * as React from 'react'\n\nconst ProgressBar = ({\n  progress,\n  ...rest\n}: Omit<LinearProgressProps, 'value' | 'variant'> & {\n  progress: number\n}) => {\n  return <LinearProgress {...rest} variant=\"determinate\" value={progress} />\n}\n\n/**\n * @param props\n * @returns\n * @group Components\n */\nexport default React.memo(ProgressBar)\n"]}
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/renderer/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAuB,MAAM,eAAe,CAAA;AACnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EACR,GAAG,IAAI,EAGR,EAAE,EAAE;IACH,OAAO,KAAC,cAAc,OAAK,IAAI,EAAE,OAAO,EAAC,aAAa,EAAC,KAAK,EAAE,QAAQ,GAAI,CAAA;AAC5E,CAAC,CAAA;AAED;;;;GAIG;AACH,eAAe,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA","sourcesContent":["import { LinearProgress, LinearProgressProps } from '@mui/material'\nimport * as React from 'react'\n\nconst ProgressBar = ({\n  progress,\n  ...rest\n}: Omit<LinearProgressProps, 'value' | 'variant'> & {\n  progress: number\n}) => {\n  return <LinearProgress {...rest} variant=\"determinate\" value={progress} />\n}\n\n/**\n * @param props\n * @returns\n * @group Components\n */\nexport default React.memo(ProgressBar)\n"]}

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

@@ -9,6 +9,6 @@ export default function ReverseGeocode({ value, element, onChange, children, }:
     value: unknown;
     element: FormTypes.LocationElement;
     onChange: FormElementValueChangeHandler<GeoscapeTypes.GeoscapeAddress | string>;
-}>): React.JSX.Element;
+}>): import("react/jsx-runtime").JSX.Element;
 export declare function useReverseGeocodeContext(): ReverseGeocodeContextValue;
 export {};

package/dist/components/renderer/ReverseGeocode.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { formService, OneBlinkAppsError } from '@oneblink/apps';
 import { formElementsService } from '@oneblink/sdk-core';
@@ -93,7 +94,7 @@ export default function ReverseGeocode({ value, element, onChange, children, })
         formattedAddressElement,
         onChange,
     ]);
-    return (React.createElement(ReverseGeocodeContext.Provider, { value: reverseGeocodingState }, children));
+    return (_jsx(ReverseGeocodeContext.Provider, { value: reverseGeocodingState, children: children }));
 }
 export function useReverseGeocodeContext() {
     const reverseGeocodeContext = React.useContext(ReverseGeocodeContext);

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, 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"]}
+{"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/components/renderer/ToggleAllCheckbox.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { Checkbox } from '@mui/material';
 const ToggleAllCheckbox = ({ id, element, options, selected, onChange, disabled, }) => {
@@ -18,11 +19,9 @@ const ToggleAllCheckbox = ({ id, element, options, selected, onChange, disabled,
             });
         }
     }, [element, options, onChange]);
-    return (React.createElement("label", { className: "checkbox ob-checkbox__input-label ob-label__input-toggle-all cypress-checkbox-label", htmlFor: `${id}_select-all` },
-        React.createElement(Checkbox, { color: "default", classes: {
-                checked: 'ob-checkbox__input-checked',
-            }, className: "ob-checkbox__input cypress-checkbox-control", id: `${id}_select-all`, checked: allSelected, indeterminate: !!selected.length && !allSelected, onChange: (e) => handleToggleAll(e.target.checked), disabled: disabled, edge: "start" }),
-        allSelected ? 'Deselect All' : 'Select All'));
+    return (_jsxs("label", { className: "checkbox ob-checkbox__input-label ob-label__input-toggle-all cypress-checkbox-label", htmlFor: `${id}_select-all`, children: [_jsx(Checkbox, { color: "default", classes: {
+                    checked: 'ob-checkbox__input-checked',
+                }, className: "ob-checkbox__input cypress-checkbox-control", id: `${id}_select-all`, checked: allSelected, indeterminate: !!selected.length && !allSelected, onChange: (e) => handleToggleAll(e.target.checked), disabled: disabled, edge: "start" }), allSelected ? 'Deselect All' : 'Select All'] }));
 };
 export default React.memo(ToggleAllCheckbox);
 //# sourceMappingURL=ToggleAllCheckbox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleAllCheckbox.js","sourceRoot":"","sources":["../../../src/components/renderer/ToggleAllCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAWxC,MAAM,iBAAiB,GAAG,CAAC,EACzB,EAAE,EACF,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,GACF,EAAE,EAAE;IACV,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,EAAE;YAC9B,OAAO,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QACxC,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEvB,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CACvC,CAAC,cAAuB,EAAE,EAAE;QAC1B,IAAI,cAAc,EAAE,CAAC;YACnB,QAAQ,CAAC,OAAO,EAAE;gBAChB,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC;aACvC,CAAC,CAAA;QACJ,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,OAAO,EAAE;gBAChB,KAAK,EAAE,SAAS;aACjB,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,CAC7B,CAAA;IAED,OAAO,CACL,+BACE,SAAS,EAAC,qFAAqF,EAC/F,OAAO,EAAE,GAAG,EAAE,aAAa;QAE3B,oBAAC,QAAQ,IACP,KAAK,EAAC,SAAS,EACf,OAAO,EAAE;gBACP,OAAO,EAAE,4BAA4B;aACtC,EACD,SAAS,EAAC,6CAA6C,EACvD,EAAE,EAAE,GAAG,EAAE,aAAa,EACtB,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,CAAC,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,WAAW,EAChD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAClD,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,GACZ;QACD,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CACtC,CACT,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,iBAAiB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { Checkbox } from '@mui/material'\nimport { FormTypes } from '@oneblink/types'\nimport { FormElementValueChangeHandler } from '../../types/form'\ninterface Props {\n  id: string\n  element: FormTypes.CheckboxElement | FormTypes.SelectElement\n  options: FormTypes.ChoiceElementOption[]\n  selected: string[]\n  onChange: FormElementValueChangeHandler<string[]>\n  disabled?: boolean\n}\nconst ToggleAllCheckbox = ({\n  id,\n  element,\n  options,\n  selected,\n  onChange,\n  disabled,\n}: Props) => {\n  const allSelected = React.useMemo(() => {\n    return options.every((option) => {\n      return selected.includes(option.value)\n    })\n  }, [options, selected])\n\n  const handleToggleAll = React.useCallback(\n    (isSelectingAll: boolean) => {\n      if (isSelectingAll) {\n        onChange(element, {\n          value: options.map((opt) => opt.value),\n        })\n      } else {\n        onChange(element, {\n          value: undefined,\n        })\n      }\n    },\n    [element, options, onChange],\n  )\n\n  return (\n    <label\n      className=\"checkbox ob-checkbox__input-label ob-label__input-toggle-all cypress-checkbox-label\"\n      htmlFor={`${id}_select-all`}\n    >\n      <Checkbox\n        color=\"default\"\n        classes={{\n          checked: 'ob-checkbox__input-checked',\n        }}\n        className=\"ob-checkbox__input cypress-checkbox-control\"\n        id={`${id}_select-all`}\n        checked={allSelected}\n        indeterminate={!!selected.length && !allSelected}\n        onChange={(e) => handleToggleAll(e.target.checked)}\n        disabled={disabled}\n        edge=\"start\"\n      />\n      {allSelected ? 'Deselect All' : 'Select All'}\n    </label>\n  )\n}\n\nexport default React.memo<Props>(ToggleAllCheckbox)\n"]}
+{"version":3,"file":"ToggleAllCheckbox.js","sourceRoot":"","sources":["../../../src/components/renderer/ToggleAllCheckbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAWxC,MAAM,iBAAiB,GAAG,CAAC,EACzB,EAAE,EACF,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,GACF,EAAE,EAAE;IACV,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,EAAE;YAC9B,OAAO,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QACxC,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEvB,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CACvC,CAAC,cAAuB,EAAE,EAAE;QAC1B,IAAI,cAAc,EAAE,CAAC;YACnB,QAAQ,CAAC,OAAO,EAAE;gBAChB,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC;aACvC,CAAC,CAAA;QACJ,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,OAAO,EAAE;gBAChB,KAAK,EAAE,SAAS;aACjB,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,CAC7B,CAAA;IAED,OAAO,CACL,iBACE,SAAS,EAAC,qFAAqF,EAC/F,OAAO,EAAE,GAAG,EAAE,aAAa,aAE3B,KAAC,QAAQ,IACP,KAAK,EAAC,SAAS,EACf,OAAO,EAAE;oBACP,OAAO,EAAE,4BAA4B;iBACtC,EACD,SAAS,EAAC,6CAA6C,EACvD,EAAE,EAAE,GAAG,EAAE,aAAa,EACtB,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,CAAC,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,WAAW,EAChD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAClD,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,GACZ,EACD,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,IACtC,CACT,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,iBAAiB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { Checkbox } from '@mui/material'\nimport { FormTypes } from '@oneblink/types'\nimport { FormElementValueChangeHandler } from '../../types/form'\ninterface Props {\n  id: string\n  element: FormTypes.CheckboxElement | FormTypes.SelectElement\n  options: FormTypes.ChoiceElementOption[]\n  selected: string[]\n  onChange: FormElementValueChangeHandler<string[]>\n  disabled?: boolean\n}\nconst ToggleAllCheckbox = ({\n  id,\n  element,\n  options,\n  selected,\n  onChange,\n  disabled,\n}: Props) => {\n  const allSelected = React.useMemo(() => {\n    return options.every((option) => {\n      return selected.includes(option.value)\n    })\n  }, [options, selected])\n\n  const handleToggleAll = React.useCallback(\n    (isSelectingAll: boolean) => {\n      if (isSelectingAll) {\n        onChange(element, {\n          value: options.map((opt) => opt.value),\n        })\n      } else {\n        onChange(element, {\n          value: undefined,\n        })\n      }\n    },\n    [element, options, onChange],\n  )\n\n  return (\n    <label\n      className=\"checkbox ob-checkbox__input-label ob-label__input-toggle-all cypress-checkbox-label\"\n      htmlFor={`${id}_select-all`}\n    >\n      <Checkbox\n        color=\"default\"\n        classes={{\n          checked: 'ob-checkbox__input-checked',\n        }}\n        className=\"ob-checkbox__input cypress-checkbox-control\"\n        id={`${id}_select-all`}\n        checked={allSelected}\n        indeterminate={!!selected.length && !allSelected}\n        onChange={(e) => handleToggleAll(e.target.checked)}\n        disabled={disabled}\n        edge=\"start\"\n      />\n      {allSelected ? 'Deselect All' : 'Select All'}\n    </label>\n  )\n}\n\nexport default React.memo<Props>(ToggleAllCheckbox)\n"]}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import { Tooltip as MuiTooltip } from '@mui/material';
-declare function Tooltip({ children, ...props }: React.ComponentProps<typeof MuiTooltip>): React.JSX.Element;
+declare function Tooltip({ children, ...props }: React.ComponentProps<typeof MuiTooltip>): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Tooltip>;
 export default _default;

package/dist/components/renderer/Tooltip.js

@@ -1,9 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { Tooltip as MuiTooltip } from '@mui/material';
 import useOneBlinkFormContainer from '../../hooks/useOneBlinkFormContainer';
 function Tooltip({ children, ...props }) {
+    var _a;
     const container = useOneBlinkFormContainer();
-    return (React.createElement(MuiTooltip, { ...props, PopperProps: { container, ...props.PopperProps } }, children));
+    return (_jsx(MuiTooltip, { ...props, slotProps: { popper: { container, ...(_a = props.slotProps) === null || _a === void 0 ? void 0 : _a.popper } }, children: children }));
 }
 export default React.memo(Tooltip);
 //# sourceMappingURL=Tooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/renderer/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,wBAAwB,MAAM,sCAAsC,CAAA;AAE3E,SAAS,OAAO,CAAC,EACf,QAAQ,EACR,GAAG,KAAK,EACgC;IACxC,MAAM,SAAS,GAAG,wBAAwB,EAAE,CAAA;IAE5C,OAAO,CACL,oBAAC,UAAU,OAAK,KAAK,EAAE,WAAW,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,WAAW,EAAE,IACpE,QAAQ,CACE,CACd,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { Tooltip as MuiTooltip } from '@mui/material'\nimport useOneBlinkFormContainer from '../../hooks/useOneBlinkFormContainer'\n\nfunction Tooltip({\n  children,\n  ...props\n}: React.ComponentProps<typeof MuiTooltip>) {\n  const container = useOneBlinkFormContainer()\n\n  return (\n    <MuiTooltip {...props} PopperProps={{ container, ...props.PopperProps }}>\n      {children}\n    </MuiTooltip>\n  )\n}\n\nexport default React.memo(Tooltip)\n"]}
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/renderer/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,wBAAwB,MAAM,sCAAsC,CAAA;AAE3E,SAAS,OAAO,CAAC,EACf,QAAQ,EACR,GAAG,KAAK,EACgC;;IACxC,MAAM,SAAS,GAAG,wBAAwB,EAAE,CAAA;IAE5C,OAAO,CACL,KAAC,UAAU,OACL,KAAK,EACT,SAAS,EAAE,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,GAAG,MAAA,KAAK,CAAC,SAAS,0CAAE,MAAM,EAAE,EAAE,YAE/D,QAAQ,GACE,CACd,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { Tooltip as MuiTooltip } from '@mui/material'\nimport useOneBlinkFormContainer from '../../hooks/useOneBlinkFormContainer'\n\nfunction Tooltip({\n  children,\n  ...props\n}: React.ComponentProps<typeof MuiTooltip>) {\n  const container = useOneBlinkFormContainer()\n\n  return (\n    <MuiTooltip\n      {...props}\n      slotProps={{ popper: { container, ...props.slotProps?.popper } }}\n    >\n      {children}\n    </MuiTooltip>\n  )\n}\n\nexport default React.memo(Tooltip)\n"]}

package/dist/components/renderer/attachments/AttachmentStatus.d.ts

@@ -7,5 +7,5 @@ declare const _default: React.MemoExoticComponent<({ isUploading, isUploadPaused
     isLoadingAttachmentUrl?: boolean;
     attachmentUrl: string | null | undefined;
     progress: number | undefined;
-}) => React.JSX.Element>;
+}) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/components/renderer/attachments/AttachmentStatus.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import Tooltip from '../Tooltip';
 import useIsOffline from '../../../hooks/useIsOffline';
@@ -14,28 +15,18 @@ const AttachmentStatus = ({ isUploading, isUploadPaused, uploadError, loadAttach
         return 'Synced with submission.';
     }, [attachmentUrl, isLoadingAttachmentUrl, loadAttachmentUrlError]);
     if (uploadError) {
-        return (React.createElement(Tooltip, { title: uploadError.message, role: "alert" },
-            React.createElement("span", { className: "attachment__status-wrapper" },
-                React.createElement(MaterialIcon, { className: "has-text-danger" }, "error"))));
+        return (_jsx(Tooltip, { title: uploadError.message, role: "alert", children: _jsx("span", { className: "attachment__status-wrapper", children: _jsx(MaterialIcon, { className: "has-text-danger", children: "error" }) }) }));
     }
     if (isUploading) {
         if (isUploadPaused) {
-            return (React.createElement("span", { className: "attachment__status-wrapper" },
-                React.createElement(MaterialIcon, null, "pause")));
+            return (_jsx("span", { className: "attachment__status-wrapper", children: _jsx(MaterialIcon, { children: "pause" }) }));
         }
         if (isOffline) {
-            return (React.createElement(Tooltip, { title: "Upload will start when you connect to the internet", role: "alert" },
-                React.createElement("div", { className: "cypress-attachment-uploading" },
-                    React.createElement(MaterialIcon, { className: "has-text-warning" }, "wifi_off"))));
+            return (_jsx(Tooltip, { title: "Upload will start when you connect to the internet", role: "alert", children: _jsx("div", { className: "cypress-attachment-uploading", children: _jsx(MaterialIcon, { className: "has-text-warning", children: "wifi_off" }) }) }));
         }
-        return (React.createElement(Tooltip, { title: "Uploading" },
-            React.createElement("div", { className: "cypress-attachment-uploading", role: "progressbar" },
-                Math.round(progress || 0),
-                "%")));
+        return (_jsx(Tooltip, { title: "Uploading", children: _jsxs("div", { className: "cypress-attachment-uploading", role: "progressbar", children: [Math.round(progress || 0), "%"] }) }));
     }
-    return (React.createElement(Tooltip, { title: tooltip },
-        React.createElement("span", { className: "attachment__status-wrapper" },
-            React.createElement(MaterialIcon, { className: "has-text-success", role: "status", "aria-label": "upload successful" }, "check_circle"))));
+    return (_jsx(Tooltip, { title: tooltip, children: _jsx("span", { className: "attachment__status-wrapper", children: _jsx(MaterialIcon, { className: "has-text-success", role: "status", "aria-label": "upload successful", children: "check_circle" }) }) }));
 };
 export default React.memo(AttachmentStatus);
 //# sourceMappingURL=AttachmentStatus.js.map

package/dist/components/renderer/attachments/AttachmentStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentStatus.js","sourceRoot":"","sources":["../../../../src/components/renderer/attachments/AttachmentStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,OAAO,MAAM,YAAY,CAAA;AAChC,OAAO,YAAY,MAAM,6BAA6B,CAAA;AACtD,OAAO,YAAY,MAAM,oBAAoB,CAAA;AAE7C,MAAM,gBAAgB,GAAG,CAAC,EACxB,WAAW,EACX,cAAc,EACd,WAAW,EACX,sBAAsB,EACtB,sBAAsB,EACtB,aAAa,EACb,QAAQ,GAST,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,sBAAsB,IAAI,CAAC,aAAa,EAAE,CAAC;YAC7C,OAAO,kEAAkE,CAAA;QAC3E,CAAC;QACD,IAAI,sBAAsB,IAAI,CAAC,aAAa,EAAE,CAAC;YAC7C,OAAO,qEAAqE,CAAA;QAC9E,CAAC;QAED,OAAO,yBAAyB,CAAA;IAClC,CAAC,EAAE,CAAC,aAAa,EAAE,sBAAsB,EAAE,sBAAsB,CAAC,CAAC,CAAA;IAEnE,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CACL,oBAAC,OAAO,IAAC,KAAK,EAAE,WAAW,CAAC,OAAO,EAAE,IAAI,EAAC,OAAO;YAC/C,8BAAM,SAAS,EAAC,4BAA4B;gBAC1C,oBAAC,YAAY,IAAC,SAAS,EAAC,iBAAiB,YAAqB,CACzD,CACC,CACX,CAAA;IACH,CAAC;IAED,IAAI,WAAW,EAAE,CAAC;QAChB,IAAI,cAAc,EAAE,CAAC;YACnB,OAAO,CACL,8BAAM,SAAS,EAAC,4BAA4B;gBAC1C,oBAAC,YAAY,gBAAqB,CAC7B,CACR,CAAA;QACH,CAAC;QACD,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,CACL,oBAAC,OAAO,IACN,KAAK,EAAC,oDAAoD,EAC1D,IAAI,EAAC,OAAO;gBAEZ,6BAAK,SAAS,EAAC,8BAA8B;oBAC3C,oBAAC,YAAY,IAAC,SAAS,EAAC,kBAAkB,eAAwB,CAC9D,CACE,CACX,CAAA;QACH,CAAC;QACD,OAAO,CACL,oBAAC,OAAO,IAAC,KAAK,EAAC,WAAW;YACxB,6BAAK,SAAS,EAAC,8BAA8B,EAAC,IAAI,EAAC,aAAa;gBAC7D,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC;oBACtB,CACE,CACX,CAAA;IACH,CAAC;IAED,OAAO,CACL,oBAAC,OAAO,IAAC,KAAK,EAAE,OAAO;QACrB,8BAAM,SAAS,EAAC,4BAA4B;YAC1C,oBAAC,YAAY,IACX,SAAS,EAAC,kBAAkB,EAC5B,IAAI,EAAC,QAAQ,gBACF,mBAAmB,mBAGjB,CACV,CACC,CACX,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport Tooltip from '../Tooltip'\nimport useIsOffline from '../../../hooks/useIsOffline'\nimport MaterialIcon from '../../MaterialIcon'\n\nconst AttachmentStatus = ({\n  isUploading,\n  isUploadPaused,\n  uploadError,\n  loadAttachmentUrlError,\n  isLoadingAttachmentUrl,\n  attachmentUrl,\n  progress,\n}: {\n  isUploading?: boolean\n  isUploadPaused?: boolean\n  uploadError?: Error\n  loadAttachmentUrlError?: Error\n  isLoadingAttachmentUrl?: boolean\n  attachmentUrl: string | null | undefined\n  progress: number | undefined\n}) => {\n  const isOffline = useIsOffline()\n\n  const tooltip = React.useMemo(() => {\n    if (isLoadingAttachmentUrl && !attachmentUrl) {\n      return 'Attempting to load file preview. File is synced with submission.'\n    }\n    if (loadAttachmentUrlError && !attachmentUrl) {\n      return 'File preview not available, however file is synced with submission.'\n    }\n\n    return 'Synced with submission.'\n  }, [attachmentUrl, isLoadingAttachmentUrl, loadAttachmentUrlError])\n\n  if (uploadError) {\n    return (\n      <Tooltip title={uploadError.message} role=\"alert\">\n        <span className=\"attachment__status-wrapper\">\n          <MaterialIcon className=\"has-text-danger\">error</MaterialIcon>\n        </span>\n      </Tooltip>\n    )\n  }\n\n  if (isUploading) {\n    if (isUploadPaused) {\n      return (\n        <span className=\"attachment__status-wrapper\">\n          <MaterialIcon>pause</MaterialIcon>\n        </span>\n      )\n    }\n    if (isOffline) {\n      return (\n        <Tooltip\n          title=\"Upload will start when you connect to the internet\"\n          role=\"alert\"\n        >\n          <div className=\"cypress-attachment-uploading\">\n            <MaterialIcon className=\"has-text-warning\">wifi_off</MaterialIcon>\n          </div>\n        </Tooltip>\n      )\n    }\n    return (\n      <Tooltip title=\"Uploading\">\n        <div className=\"cypress-attachment-uploading\" role=\"progressbar\">\n          {Math.round(progress || 0)}%\n        </div>\n      </Tooltip>\n    )\n  }\n\n  return (\n    <Tooltip title={tooltip}>\n      <span className=\"attachment__status-wrapper\">\n        <MaterialIcon\n          className=\"has-text-success\"\n          role=\"status\"\n          aria-label=\"upload successful\"\n        >\n          check_circle\n        </MaterialIcon>\n      </span>\n    </Tooltip>\n  )\n}\n\nexport default React.memo(AttachmentStatus)\n"]}
+{"version":3,"file":"AttachmentStatus.js","sourceRoot":"","sources":["../../../../src/components/renderer/attachments/AttachmentStatus.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,OAAO,MAAM,YAAY,CAAA;AAChC,OAAO,YAAY,MAAM,6BAA6B,CAAA;AACtD,OAAO,YAAY,MAAM,oBAAoB,CAAA;AAE7C,MAAM,gBAAgB,GAAG,CAAC,EACxB,WAAW,EACX,cAAc,EACd,WAAW,EACX,sBAAsB,EACtB,sBAAsB,EACtB,aAAa,EACb,QAAQ,GAST,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,sBAAsB,IAAI,CAAC,aAAa,EAAE,CAAC;YAC7C,OAAO,kEAAkE,CAAA;QAC3E,CAAC;QACD,IAAI,sBAAsB,IAAI,CAAC,aAAa,EAAE,CAAC;YAC7C,OAAO,qEAAqE,CAAA;QAC9E,CAAC;QAED,OAAO,yBAAyB,CAAA;IAClC,CAAC,EAAE,CAAC,aAAa,EAAE,sBAAsB,EAAE,sBAAsB,CAAC,CAAC,CAAA;IAEnE,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CACL,KAAC,OAAO,IAAC,KAAK,EAAE,WAAW,CAAC,OAAO,EAAE,IAAI,EAAC,OAAO,YAC/C,eAAM,SAAS,EAAC,4BAA4B,YAC1C,KAAC,YAAY,IAAC,SAAS,EAAC,iBAAiB,sBAAqB,GACzD,GACC,CACX,CAAA;IACH,CAAC;IAED,IAAI,WAAW,EAAE,CAAC;QAChB,IAAI,cAAc,EAAE,CAAC;YACnB,OAAO,CACL,eAAM,SAAS,EAAC,4BAA4B,YAC1C,KAAC,YAAY,wBAAqB,GAC7B,CACR,CAAA;QACH,CAAC;QACD,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,CACL,KAAC,OAAO,IACN,KAAK,EAAC,oDAAoD,EAC1D,IAAI,EAAC,OAAO,YAEZ,cAAK,SAAS,EAAC,8BAA8B,YAC3C,KAAC,YAAY,IAAC,SAAS,EAAC,kBAAkB,yBAAwB,GAC9D,GACE,CACX,CAAA;QACH,CAAC;QACD,OAAO,CACL,KAAC,OAAO,IAAC,KAAK,EAAC,WAAW,YACxB,eAAK,SAAS,EAAC,8BAA8B,EAAC,IAAI,EAAC,aAAa,aAC7D,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,SACtB,GACE,CACX,CAAA;IACH,CAAC;IAED,OAAO,CACL,KAAC,OAAO,IAAC,KAAK,EAAE,OAAO,YACrB,eAAM,SAAS,EAAC,4BAA4B,YAC1C,KAAC,YAAY,IACX,SAAS,EAAC,kBAAkB,EAC5B,IAAI,EAAC,QAAQ,gBACF,mBAAmB,6BAGjB,GACV,GACC,CACX,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport Tooltip from '../Tooltip'\nimport useIsOffline from '../../../hooks/useIsOffline'\nimport MaterialIcon from '../../MaterialIcon'\n\nconst AttachmentStatus = ({\n  isUploading,\n  isUploadPaused,\n  uploadError,\n  loadAttachmentUrlError,\n  isLoadingAttachmentUrl,\n  attachmentUrl,\n  progress,\n}: {\n  isUploading?: boolean\n  isUploadPaused?: boolean\n  uploadError?: Error\n  loadAttachmentUrlError?: Error\n  isLoadingAttachmentUrl?: boolean\n  attachmentUrl: string | null | undefined\n  progress: number | undefined\n}) => {\n  const isOffline = useIsOffline()\n\n  const tooltip = React.useMemo(() => {\n    if (isLoadingAttachmentUrl && !attachmentUrl) {\n      return 'Attempting to load file preview. File is synced with submission.'\n    }\n    if (loadAttachmentUrlError && !attachmentUrl) {\n      return 'File preview not available, however file is synced with submission.'\n    }\n\n    return 'Synced with submission.'\n  }, [attachmentUrl, isLoadingAttachmentUrl, loadAttachmentUrlError])\n\n  if (uploadError) {\n    return (\n      <Tooltip title={uploadError.message} role=\"alert\">\n        <span className=\"attachment__status-wrapper\">\n          <MaterialIcon className=\"has-text-danger\">error</MaterialIcon>\n        </span>\n      </Tooltip>\n    )\n  }\n\n  if (isUploading) {\n    if (isUploadPaused) {\n      return (\n        <span className=\"attachment__status-wrapper\">\n          <MaterialIcon>pause</MaterialIcon>\n        </span>\n      )\n    }\n    if (isOffline) {\n      return (\n        <Tooltip\n          title=\"Upload will start when you connect to the internet\"\n          role=\"alert\"\n        >\n          <div className=\"cypress-attachment-uploading\">\n            <MaterialIcon className=\"has-text-warning\">wifi_off</MaterialIcon>\n          </div>\n        </Tooltip>\n      )\n    }\n    return (\n      <Tooltip title=\"Uploading\">\n        <div className=\"cypress-attachment-uploading\" role=\"progressbar\">\n          {Math.round(progress || 0)}%\n        </div>\n      </Tooltip>\n    )\n  }\n\n  return (\n    <Tooltip title={tooltip}>\n      <span className=\"attachment__status-wrapper\">\n        <MaterialIcon\n          className=\"has-text-success\"\n          role=\"status\"\n          aria-label=\"upload successful\"\n        >\n          check_circle\n        </MaterialIcon>\n      </span>\n    </Tooltip>\n  )\n}\n\nexport default React.memo(AttachmentStatus)\n"]}

package/dist/components/renderer/attachments/DropdownMenu.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import clsx from 'clsx';
 import useBooleanState from '../../../hooks/useBooleanState';
@@ -11,49 +12,36 @@ const DropdownMenu = ({ element, onRemove, onDownload, onRetry, attachmentUrl, o
             hideMore();
         }
     }, [hideMore, isShowingMore]));
-    return (React.createElement("div", { className: clsx('dropdown is-right ob-files__menu', {
+    return (_jsxs("div", { className: clsx('dropdown is-right ob-files__menu', {
             'is-active': isShowingMore,
-        }), ref: dropDownRef },
-        React.createElement("div", { className: "dropdown-trigger" },
-            React.createElement("button", { type: "button", className: "button ob-files__menu-button cypress-file-menu-button", "aria-haspopup": "true", "aria-controls": "dropdown-menu", onClick: isShowingMore ? hideMore : showMore },
-                React.createElement(MaterialIcon, { className: "ob-files__menu-icon" }, "more_vert"))),
-        React.createElement("div", { className: "dropdown-menu", role: "menu" },
-            React.createElement("div", { className: "dropdown-content" },
-                onRetry && (React.createElement("a", { className: "dropdown-item cypress-file-retry-button", onClick: () => {
-                        hideMore();
-                        onRetry();
-                    }, role: "menuitem" }, "Retry")),
-                onDownload && (React.createElement("a", { className: "dropdown-item cypress-file-download-button", onClick: () => {
-                        hideMore();
-                        onDownload();
-                    }, role: "menuitem" }, "Download")),
-                attachmentUrl && (React.createElement("a", { href: attachmentUrl, target: "_blank", rel: "noreferrer", className: "dropdown-item cypress-file-open-button", style: {
-                        display: 'flex',
-                        alignItems: 'center',
-                        gap: 2,
-                    }, onClick: () => {
-                        hideMore();
-                    } },
-                    React.createElement("span", null, "Open"),
-                    React.createElement(MaterialIcon, { className: "icon-small" }, "open_in_new"))),
-                onRemove && (React.createElement("a", { className: clsx('dropdown-item cypress-file-remove-button', {
-                        'ob-files__menu-remove-hidden': element.readOnly,
-                    }), onClick: () => {
-                        hideMore();
-                        onRemove();
-                    }, role: "menuitem" }, "Remove")),
-                onAnnotate && (React.createElement("a", { className: clsx('dropdown-item cypress-file-annotate-button', {
-                        'ob-files__menu-annotate-hidden': element.readOnly,
-                    }), onClick: () => {
-                        hideMore();
-                        onAnnotate();
-                    }, role: "menuitem" }, "Annotate")),
-                onCrop && (React.createElement("a", { className: clsx('dropdown-item cypress-file-crop-button', {
-                        'ob-files__menu-crop-hidden': element.readOnly,
-                    }), onClick: () => {
-                        hideMore();
-                        onCrop();
-                    }, role: "menuitem" }, "Crop"))))));
+        }), ref: dropDownRef, children: [_jsx("div", { className: "dropdown-trigger", children: _jsx("button", { type: "button", className: "button ob-files__menu-button cypress-file-menu-button", "aria-haspopup": "true", "aria-controls": "dropdown-menu", onClick: isShowingMore ? hideMore : showMore, children: _jsx(MaterialIcon, { className: "ob-files__menu-icon", children: "more_vert" }) }) }), _jsx("div", { className: "dropdown-menu", role: "menu", children: _jsxs("div", { className: "dropdown-content", children: [onRetry && (_jsx("a", { className: "dropdown-item cypress-file-retry-button", onClick: () => {
+                                hideMore();
+                                onRetry();
+                            }, role: "menuitem", children: "Retry" })), onDownload && (_jsx("a", { className: "dropdown-item cypress-file-download-button", onClick: () => {
+                                hideMore();
+                                onDownload();
+                            }, role: "menuitem", children: "Download" })), attachmentUrl && (_jsxs("a", { href: attachmentUrl, target: "_blank", rel: "noreferrer", className: "dropdown-item cypress-file-open-button", style: {
+                                display: 'flex',
+                                alignItems: 'center',
+                                gap: 2,
+                            }, onClick: () => {
+                                hideMore();
+                            }, children: [_jsx("span", { children: "Open" }), _jsx(MaterialIcon, { className: "icon-small", children: "open_in_new" })] })), onRemove && (_jsx("a", { className: clsx('dropdown-item cypress-file-remove-button', {
+                                'ob-files__menu-remove-hidden': element.readOnly,
+                            }), onClick: () => {
+                                hideMore();
+                                onRemove();
+                            }, role: "menuitem", children: "Remove" })), onAnnotate && (_jsx("a", { className: clsx('dropdown-item cypress-file-annotate-button', {
+                                'ob-files__menu-annotate-hidden': element.readOnly,
+                            }), onClick: () => {
+                                hideMore();
+                                onAnnotate();
+                            }, role: "menuitem", children: "Annotate" })), onCrop && (_jsx("a", { className: clsx('dropdown-item cypress-file-crop-button', {
+                                'ob-files__menu-crop-hidden': element.readOnly,
+                            }), onClick: () => {
+                                hideMore();
+                                onCrop();
+                            }, role: "menuitem", children: "Crop" }))] }) })] }));
 };
 export default React.memo(DropdownMenu);
 //# sourceMappingURL=DropdownMenu.js.map

package/dist/components/renderer/attachments/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../src/components/renderer/attachments/DropdownMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport { FormTypes } from '@oneblink/types'\nimport useBooleanState from '../../../hooks/useBooleanState'\nimport useClickOutsideElement from '../../../hooks/useClickOutsideElement'\nimport MaterialIcon from '../../MaterialIcon'\n\ninterface Props {\n  element: FormTypes.FilesElement\n  /** If set to `undefined`, the remove button will be hidden */\n  onRemove: (() => void) | undefined\n  onDownload?: () => void\n  onRetry?: () => void\n  attachmentUrl: string | null | undefined\n  onAnnotate?: () => void\n  onCrop?: () => void\n}\n\nconst DropdownMenu = ({\n  element,\n  onRemove,\n  onDownload,\n  onRetry,\n  attachmentUrl,\n  onAnnotate,\n  onCrop,\n}: Props) => {\n  const dropDownRef = React.useRef(null)\n  const [isShowingMore, showMore, hideMore] = useBooleanState(false)\n\n  useClickOutsideElement(\n    dropDownRef,\n    React.useCallback(() => {\n      if (isShowingMore) {\n        hideMore()\n      }\n    }, [hideMore, isShowingMore]),\n  )\n\n  return (\n    <div\n      className={clsx('dropdown is-right ob-files__menu', {\n        'is-active': isShowingMore,\n      })}\n      ref={dropDownRef}\n    >\n      <div className=\"dropdown-trigger\">\n        <button\n          type=\"button\"\n          className=\"button ob-files__menu-button cypress-file-menu-button\"\n          aria-haspopup=\"true\"\n          aria-controls=\"dropdown-menu\"\n          onClick={isShowingMore ? hideMore : showMore}\n        >\n          <MaterialIcon className=\"ob-files__menu-icon\">more_vert</MaterialIcon>\n        </button>\n      </div>\n      <div className=\"dropdown-menu\" role=\"menu\">\n        <div className=\"dropdown-content\">\n          {onRetry && (\n            <a\n              className=\"dropdown-item cypress-file-retry-button\"\n              onClick={() => {\n                hideMore()\n                onRetry()\n              }}\n              role=\"menuitem\"\n            >\n              Retry\n            </a>\n          )}\n          {onDownload && (\n            <a\n              className=\"dropdown-item cypress-file-download-button\"\n              onClick={() => {\n                hideMore()\n                onDownload()\n              }}\n              role=\"menuitem\"\n            >\n              Download\n            </a>\n          )}\n          {attachmentUrl && (\n            <a\n              href={attachmentUrl}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              className=\"dropdown-item cypress-file-open-button\"\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: 2,\n              }}\n              onClick={() => {\n                hideMore()\n              }}\n            >\n              <span>Open</span>\n              <MaterialIcon className=\"icon-small\">open_in_new</MaterialIcon>\n            </a>\n          )}\n          {onRemove && (\n            <a\n              className={clsx('dropdown-item cypress-file-remove-button', {\n                'ob-files__menu-remove-hidden': element.readOnly,\n              })}\n              onClick={() => {\n                hideMore()\n                onRemove()\n              }}\n              role=\"menuitem\"\n            >\n              Remove\n            </a>\n          )}\n          {onAnnotate && (\n            <a\n              className={clsx('dropdown-item cypress-file-annotate-button', {\n                'ob-files__menu-annotate-hidden': element.readOnly,\n              })}\n              onClick={() => {\n                hideMore()\n                onAnnotate()\n              }}\n              role=\"menuitem\"\n            >\n              Annotate\n            </a>\n          )}\n          {onCrop && (\n            <a\n              className={clsx('dropdown-item cypress-file-crop-button', {\n                'ob-files__menu-crop-hidden': element.readOnly,\n              })}\n              onClick={() => {\n                hideMore()\n                onCrop()\n              }}\n              role=\"menuitem\"\n            >\n              Crop\n            </a>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default React.memo<Props>(DropdownMenu)\n"]}
+{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../src/components/renderer/attachments/DropdownMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,eAAe,MAAM,gCAAgC,CAAA;AAC5D,OAAO,sBAAsB,MAAM,uCAAuC,CAAA;AAC1E,OAAO,YAAY,MAAM,oBAAoB,CAAA;AAa7C,MAAM,YAAY,GAAG,CAAC,EACpB,OAAO,EACP,QAAQ,EACR,UAAU,EACV,OAAO,EACP,aAAa,EACb,UAAU,EACV,MAAM,GACA,EAAE,EAAE;IACV,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IACtC,MAAM,CAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,CAAA;IAElE,sBAAsB,CACpB,WAAW,EACX,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACrB,IAAI,aAAa,EAAE,CAAC;YAClB,QAAQ,EAAE,CAAA;QACZ,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC,CAC9B,CAAA;IAED,OAAO,CACL,eACE,SAAS,EAAE,IAAI,CAAC,kCAAkC,EAAE;YAClD,WAAW,EAAE,aAAa;SAC3B,CAAC,EACF,GAAG,EAAE,WAAW,aAEhB,cAAK,SAAS,EAAC,kBAAkB,YAC/B,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,uDAAuD,mBACnD,MAAM,mBACN,eAAe,EAC7B,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,YAE5C,KAAC,YAAY,IAAC,SAAS,EAAC,qBAAqB,0BAAyB,GAC/D,GACL,EACN,cAAK,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,YACxC,eAAK,SAAS,EAAC,kBAAkB,aAC9B,OAAO,IAAI,CACV,YACE,SAAS,EAAC,yCAAyC,EACnD,OAAO,EAAE,GAAG,EAAE;gCACZ,QAAQ,EAAE,CAAA;gCACV,OAAO,EAAE,CAAA;4BACX,CAAC,EACD,IAAI,EAAC,UAAU,sBAGb,CACL,EACA,UAAU,IAAI,CACb,YACE,SAAS,EAAC,4CAA4C,EACtD,OAAO,EAAE,GAAG,EAAE;gCACZ,QAAQ,EAAE,CAAA;gCACV,UAAU,EAAE,CAAA;4BACd,CAAC,EACD,IAAI,EAAC,UAAU,yBAGb,CACL,EACA,aAAa,IAAI,CAChB,aACE,IAAI,EAAE,aAAa,EACnB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,SAAS,EAAC,wCAAwC,EAClD,KAAK,EAAE;gCACL,OAAO,EAAE,MAAM;gCACf,UAAU,EAAE,QAAQ;gCACpB,GAAG,EAAE,CAAC;6BACP,EACD,OAAO,EAAE,GAAG,EAAE;gCACZ,QAAQ,EAAE,CAAA;4BACZ,CAAC,aAED,kCAAiB,EACjB,KAAC,YAAY,IAAC,SAAS,EAAC,YAAY,4BAA2B,IAC7D,CACL,EACA,QAAQ,IAAI,CACX,YACE,SAAS,EAAE,IAAI,CAAC,0CAA0C,EAAE;gCAC1D,8BAA8B,EAAE,OAAO,CAAC,QAAQ;6BACjD,CAAC,EACF,OAAO,EAAE,GAAG,EAAE;gCACZ,QAAQ,EAAE,CAAA;gCACV,QAAQ,EAAE,CAAA;4BACZ,CAAC,EACD,IAAI,EAAC,UAAU,uBAGb,CACL,EACA,UAAU,IAAI,CACb,YACE,SAAS,EAAE,IAAI,CAAC,4CAA4C,EAAE;gCAC5D,gCAAgC,EAAE,OAAO,CAAC,QAAQ;6BACnD,CAAC,EACF,OAAO,EAAE,GAAG,EAAE;gCACZ,QAAQ,EAAE,CAAA;gCACV,UAAU,EAAE,CAAA;4BACd,CAAC,EACD,IAAI,EAAC,UAAU,yBAGb,CACL,EACA,MAAM,IAAI,CACT,YACE,SAAS,EAAE,IAAI,CAAC,wCAAwC,EAAE;gCACxD,4BAA4B,EAAE,OAAO,CAAC,QAAQ;6BAC/C,CAAC,EACF,OAAO,EAAE,GAAG,EAAE;gCACZ,QAAQ,EAAE,CAAA;gCACV,MAAM,EAAE,CAAA;4BACV,CAAC,EACD,IAAI,EAAC,UAAU,qBAGb,CACL,IACG,GACF,IACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,YAAY,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport { FormTypes } from '@oneblink/types'\nimport useBooleanState from '../../../hooks/useBooleanState'\nimport useClickOutsideElement from '../../../hooks/useClickOutsideElement'\nimport MaterialIcon from '../../MaterialIcon'\n\ninterface Props {\n  element: FormTypes.FilesElement\n  /** If set to `undefined`, the remove button will be hidden */\n  onRemove: (() => void) | undefined\n  onDownload?: () => void\n  onRetry?: () => void\n  attachmentUrl: string | null | undefined\n  onAnnotate?: () => void\n  onCrop?: () => void\n}\n\nconst DropdownMenu = ({\n  element,\n  onRemove,\n  onDownload,\n  onRetry,\n  attachmentUrl,\n  onAnnotate,\n  onCrop,\n}: Props) => {\n  const dropDownRef = React.useRef(null)\n  const [isShowingMore, showMore, hideMore] = useBooleanState(false)\n\n  useClickOutsideElement(\n    dropDownRef,\n    React.useCallback(() => {\n      if (isShowingMore) {\n        hideMore()\n      }\n    }, [hideMore, isShowingMore]),\n  )\n\n  return (\n    <div\n      className={clsx('dropdown is-right ob-files__menu', {\n        'is-active': isShowingMore,\n      })}\n      ref={dropDownRef}\n    >\n      <div className=\"dropdown-trigger\">\n        <button\n          type=\"button\"\n          className=\"button ob-files__menu-button cypress-file-menu-button\"\n          aria-haspopup=\"true\"\n          aria-controls=\"dropdown-menu\"\n          onClick={isShowingMore ? hideMore : showMore}\n        >\n          <MaterialIcon className=\"ob-files__menu-icon\">more_vert</MaterialIcon>\n        </button>\n      </div>\n      <div className=\"dropdown-menu\" role=\"menu\">\n        <div className=\"dropdown-content\">\n          {onRetry && (\n            <a\n              className=\"dropdown-item cypress-file-retry-button\"\n              onClick={() => {\n                hideMore()\n                onRetry()\n              }}\n              role=\"menuitem\"\n            >\n              Retry\n            </a>\n          )}\n          {onDownload && (\n            <a\n              className=\"dropdown-item cypress-file-download-button\"\n              onClick={() => {\n                hideMore()\n                onDownload()\n              }}\n              role=\"menuitem\"\n            >\n              Download\n            </a>\n          )}\n          {attachmentUrl && (\n            <a\n              href={attachmentUrl}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              className=\"dropdown-item cypress-file-open-button\"\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: 2,\n              }}\n              onClick={() => {\n                hideMore()\n              }}\n            >\n              <span>Open</span>\n              <MaterialIcon className=\"icon-small\">open_in_new</MaterialIcon>\n            </a>\n          )}\n          {onRemove && (\n            <a\n              className={clsx('dropdown-item cypress-file-remove-button', {\n                'ob-files__menu-remove-hidden': element.readOnly,\n              })}\n              onClick={() => {\n                hideMore()\n                onRemove()\n              }}\n              role=\"menuitem\"\n            >\n              Remove\n            </a>\n          )}\n          {onAnnotate && (\n            <a\n              className={clsx('dropdown-item cypress-file-annotate-button', {\n                'ob-files__menu-annotate-hidden': element.readOnly,\n              })}\n              onClick={() => {\n                hideMore()\n                onAnnotate()\n              }}\n              role=\"menuitem\"\n            >\n              Annotate\n            </a>\n          )}\n          {onCrop && (\n            <a\n              className={clsx('dropdown-item cypress-file-crop-button', {\n                'ob-files__menu-crop-hidden': element.readOnly,\n              })}\n              onClick={() => {\n                hideMore()\n                onCrop()\n              }}\n              role=\"menuitem\"\n            >\n              Crop\n            </a>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default React.memo<Props>(DropdownMenu)\n"]}

package/dist/components/renderer/attachments/FileCard.d.ts

@@ -19,6 +19,6 @@ type Props = {
     progress: undefined | number;
     index: number;
 };
-declare function FileCard({ element, isUploading, isUploadPaused, uploadErrorMessage, loadAttachmentUrlError, isLoadingAttachmentUrl, isContentTypeImage, attachmentUrl, fileName, onDownload, onRemove, onRetry, onAnnotate, onCrop, progress, index, }: Props): React.JSX.Element;
+declare function FileCard({ element, isUploading, isUploadPaused, uploadErrorMessage, loadAttachmentUrlError, isLoadingAttachmentUrl, isContentTypeImage, attachmentUrl, fileName, onDownload, onRemove, onRetry, onAnnotate, onCrop, progress, index, }: Props): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FileCard>;
 export default _default;

package/dist/components/renderer/attachments/FileCard.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import FileCardContent from './FileCardContent';
 import AttachmentStatus from './AttachmentStatus';
@@ -16,16 +17,7 @@ function FileCard({ element, isUploading, isUploadPaused, uploadErrorMessage, lo
             return new Error(uploadErrorMessage);
         }
     }, [element, fileName, uploadErrorMessage]);
-    return (React.createElement("div", { className: "column is-one-quarter-ob" },
-        React.createElement("div", { className: "ob-files__box" },
-            React.createElement("div", { className: "ob-files__content" },
-                React.createElement("a", { href: attachmentUrl || '', target: "_blank", rel: "noreferrer", className: "cypress-file-download-button", style: { pointerEvents: attachmentUrl ? 'auto' : 'none' } },
-                    React.createElement(FileCardContent, { attachmentUrl: attachmentUrl, alt: `${element.label}: Attachment ${index + 1}`, isContentTypeImage: isContentTypeImage }))),
-            React.createElement(DropdownMenu, { element: element, onDownload: onDownload, onRetry: onRetry, onRemove: onRemove, attachmentUrl: attachmentUrl || '', onAnnotate: onAnnotate, onCrop: onCrop }),
-            React.createElement("div", { className: "ob-files__file-name is-size-6" },
-                React.createElement("span", { className: "ob-files__file-name-inner" }, fileName),
-                React.createElement(AttachmentStatus, { isUploading: isUploading, isUploadPaused: isUploadPaused, uploadError: uploadError, loadAttachmentUrlError: loadAttachmentUrlError, isLoadingAttachmentUrl: isLoadingAttachmentUrl, attachmentUrl: attachmentUrl, progress: progress }),
-                React.createElement(ProgressBar, { progress: progress, isShowing: !!isUploading })))));
+    return (_jsx("div", { className: "column is-one-quarter-ob", children: _jsxs("div", { className: "ob-files__box", children: [_jsx("div", { className: "ob-files__content", children: _jsx("a", { href: attachmentUrl || '', target: "_blank", rel: "noreferrer", className: "cypress-file-download-button", style: { pointerEvents: attachmentUrl ? 'auto' : 'none' }, children: _jsx(FileCardContent, { attachmentUrl: attachmentUrl, alt: `${element.label}: Attachment ${index + 1}`, isContentTypeImage: isContentTypeImage }) }) }), _jsx(DropdownMenu, { element: element, onDownload: onDownload, onRetry: onRetry, onRemove: onRemove, attachmentUrl: attachmentUrl || '', onAnnotate: onAnnotate, onCrop: onCrop }), _jsxs("div", { className: "ob-files__file-name is-size-6", children: [_jsx("span", { className: "ob-files__file-name-inner", children: fileName }), _jsx(AttachmentStatus, { isUploading: isUploading, isUploadPaused: isUploadPaused, uploadError: uploadError, loadAttachmentUrlError: loadAttachmentUrlError, isLoadingAttachmentUrl: isLoadingAttachmentUrl, attachmentUrl: attachmentUrl, progress: progress }), _jsx(ProgressBar, { progress: progress, isShowing: !!isUploading })] })] }) }));
 }
 export default React.memo(FileCard);
 //# sourceMappingURL=FileCard.js.map

package/dist/components/renderer/attachments/FileCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileCard.js","sourceRoot":"","sources":["../../../../src/components/renderer/attachments/FileCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAC/C,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,EACL,oBAAoB,EACpB,6BAA6B,GAC9B,MAAM,8CAA8C,CAAA;AACrD,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAsBzC,SAAS,QAAQ,CAAC,EAChB,OAAO,EACP,WAAW,EACX,cAAc,EACd,kBAAkB,EAClB,sBAAsB,EACtB,sBAAsB,EACtB,kBAAkB,EAClB,aAAa,EACb,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,OAAO,EACP,UAAU,EACV,MAAM,EACN,QAAQ,EACR,KAAK,GACC;IACN,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,IAAI,CAAC,oBAAoB,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC;YAC7C,OAAO,IAAI,KAAK,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,wBAAwB,CAAC,CAAA;QACxE,CAAC;QACD,IAAI,CAAC,6BAA6B,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC;YACtD,OAAO,IAAI,KAAK,CAAC,GAAG,QAAQ,yBAAyB,CAAC,CAAA;QACxD,CAAC;QACD,IAAI,kBAAkB,EAAE,CAAC;YACvB,OAAO,IAAI,KAAK,CAAC,kBAAkB,CAAC,CAAA;QACtC,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAE3C,OAAO,CACL,6BAAK,SAAS,EAAC,0BAA0B;QACvC,6BAAK,SAAS,EAAC,eAAe;YAC5B,6BAAK,SAAS,EAAC,mBAAmB;gBAChC,2BACE,IAAI,EAAE,aAAa,IAAI,EAAE,EACzB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,SAAS,EAAC,8BAA8B,EACxC,KAAK,EAAE,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE;oBAEzD,oBAAC,eAAe,IACd,aAAa,EAAE,aAAa,EAC5B,GAAG,EAAE,GAAG,OAAO,CAAC,KAAK,gBAAgB,KAAK,GAAG,CAAC,EAAE,EAChD,kBAAkB,EAAE,kBAAkB,GACtC,CACA,CACA;YACN,oBAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,IAAI,EAAE,EAClC,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,GACd;YAEF,6BAAK,SAAS,EAAC,+BAA+B;gBAC5C,8BAAM,SAAS,EAAC,2BAA2B,IAAE,QAAQ,CAAQ;gBAC7D,oBAAC,gBAAgB,IACf,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,sBAAsB,EAAE,sBAAsB,EAC9C,sBAAsB,EAAE,sBAAsB,EAC9C,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,GAClB;gBACF,oBAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,WAAW,GAAI,CACzD,CACF,CACF,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { FormTypes } from '@oneblink/types'\nimport FileCardContent from './FileCardContent'\nimport AttachmentStatus from './AttachmentStatus'\nimport {\n  checkFileNameIsValid,\n  checkFileNameExtensionIsValid,\n} from '../../../services/form-validation/validators'\nimport ProgressBar from './ProgressBar'\nimport DropdownMenu from './DropdownMenu'\n\ntype Props = {\n  element: FormTypes.FilesElement\n  isUploading?: boolean\n  isUploadPaused?: boolean\n  uploadErrorMessage?: string\n  loadAttachmentUrlError?: Error\n  isLoadingAttachmentUrl?: boolean\n  isContentTypeImage?: boolean\n  fileName: string\n  attachmentUrl: string | undefined | null\n  /** If set to `undefined`, the remove button will be hidden */\n  onRemove: (() => void) | undefined\n  onDownload?: () => void\n  onRetry?: () => void\n  onAnnotate?: () => void\n  onCrop?: () => void\n  progress: undefined | number\n  index: number\n}\n\nfunction FileCard({\n  element,\n  isUploading,\n  isUploadPaused,\n  uploadErrorMessage,\n  loadAttachmentUrlError,\n  isLoadingAttachmentUrl,\n  isContentTypeImage,\n  attachmentUrl,\n  fileName,\n  onDownload,\n  onRemove,\n  onRetry,\n  onAnnotate,\n  onCrop,\n  progress,\n  index,\n}: Props) {\n  const uploadError = React.useMemo(() => {\n    if (!checkFileNameIsValid(element, fileName)) {\n      return new Error(`${fileName.split('.').pop()} files are not allowed`)\n    }\n    if (!checkFileNameExtensionIsValid(element, fileName)) {\n      return new Error(`${fileName} must have an extension`)\n    }\n    if (uploadErrorMessage) {\n      return new Error(uploadErrorMessage)\n    }\n  }, [element, fileName, uploadErrorMessage])\n\n  return (\n    <div className=\"column is-one-quarter-ob\">\n      <div className=\"ob-files__box\">\n        <div className=\"ob-files__content\">\n          <a\n            href={attachmentUrl || ''}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            className=\"cypress-file-download-button\"\n            style={{ pointerEvents: attachmentUrl ? 'auto' : 'none' }}\n          >\n            <FileCardContent\n              attachmentUrl={attachmentUrl}\n              alt={`${element.label}: Attachment ${index + 1}`}\n              isContentTypeImage={isContentTypeImage}\n            />\n          </a>\n        </div>\n        <DropdownMenu\n          element={element}\n          onDownload={onDownload}\n          onRetry={onRetry}\n          onRemove={onRemove}\n          attachmentUrl={attachmentUrl || ''}\n          onAnnotate={onAnnotate}\n          onCrop={onCrop}\n        />\n\n        <div className=\"ob-files__file-name is-size-6\">\n          <span className=\"ob-files__file-name-inner\">{fileName}</span>\n          <AttachmentStatus\n            isUploading={isUploading}\n            isUploadPaused={isUploadPaused}\n            uploadError={uploadError}\n            loadAttachmentUrlError={loadAttachmentUrlError}\n            isLoadingAttachmentUrl={isLoadingAttachmentUrl}\n            attachmentUrl={attachmentUrl}\n            progress={progress}\n          />\n          <ProgressBar progress={progress} isShowing={!!isUploading} />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default React.memo(FileCard)\n"]}
+{"version":3,"file":"FileCard.js","sourceRoot":"","sources":["../../../../src/components/renderer/attachments/FileCard.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAC/C,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,EACL,oBAAoB,EACpB,6BAA6B,GAC9B,MAAM,8CAA8C,CAAA;AACrD,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAsBzC,SAAS,QAAQ,CAAC,EAChB,OAAO,EACP,WAAW,EACX,cAAc,EACd,kBAAkB,EAClB,sBAAsB,EACtB,sBAAsB,EACtB,kBAAkB,EAClB,aAAa,EACb,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,OAAO,EACP,UAAU,EACV,MAAM,EACN,QAAQ,EACR,KAAK,GACC;IACN,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,IAAI,CAAC,oBAAoB,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC;YAC7C,OAAO,IAAI,KAAK,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,wBAAwB,CAAC,CAAA;QACxE,CAAC;QACD,IAAI,CAAC,6BAA6B,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC;YACtD,OAAO,IAAI,KAAK,CAAC,GAAG,QAAQ,yBAAyB,CAAC,CAAA;QACxD,CAAC;QACD,IAAI,kBAAkB,EAAE,CAAC;YACvB,OAAO,IAAI,KAAK,CAAC,kBAAkB,CAAC,CAAA;QACtC,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAE3C,OAAO,CACL,cAAK,SAAS,EAAC,0BAA0B,YACvC,eAAK,SAAS,EAAC,eAAe,aAC5B,cAAK,SAAS,EAAC,mBAAmB,YAChC,YACE,IAAI,EAAE,aAAa,IAAI,EAAE,EACzB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,SAAS,EAAC,8BAA8B,EACxC,KAAK,EAAE,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,YAEzD,KAAC,eAAe,IACd,aAAa,EAAE,aAAa,EAC5B,GAAG,EAAE,GAAG,OAAO,CAAC,KAAK,gBAAgB,KAAK,GAAG,CAAC,EAAE,EAChD,kBAAkB,EAAE,kBAAkB,GACtC,GACA,GACA,EACN,KAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,IAAI,EAAE,EAClC,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,GACd,EAEF,eAAK,SAAS,EAAC,+BAA+B,aAC5C,eAAM,SAAS,EAAC,2BAA2B,YAAE,QAAQ,GAAQ,EAC7D,KAAC,gBAAgB,IACf,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,sBAAsB,EAAE,sBAAsB,EAC9C,sBAAsB,EAAE,sBAAsB,EAC9C,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,GAClB,EACF,KAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,WAAW,GAAI,IACzD,IACF,GACF,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { FormTypes } from '@oneblink/types'\nimport FileCardContent from './FileCardContent'\nimport AttachmentStatus from './AttachmentStatus'\nimport {\n  checkFileNameIsValid,\n  checkFileNameExtensionIsValid,\n} from '../../../services/form-validation/validators'\nimport ProgressBar from './ProgressBar'\nimport DropdownMenu from './DropdownMenu'\n\ntype Props = {\n  element: FormTypes.FilesElement\n  isUploading?: boolean\n  isUploadPaused?: boolean\n  uploadErrorMessage?: string\n  loadAttachmentUrlError?: Error\n  isLoadingAttachmentUrl?: boolean\n  isContentTypeImage?: boolean\n  fileName: string\n  attachmentUrl: string | undefined | null\n  /** If set to `undefined`, the remove button will be hidden */\n  onRemove: (() => void) | undefined\n  onDownload?: () => void\n  onRetry?: () => void\n  onAnnotate?: () => void\n  onCrop?: () => void\n  progress: undefined | number\n  index: number\n}\n\nfunction FileCard({\n  element,\n  isUploading,\n  isUploadPaused,\n  uploadErrorMessage,\n  loadAttachmentUrlError,\n  isLoadingAttachmentUrl,\n  isContentTypeImage,\n  attachmentUrl,\n  fileName,\n  onDownload,\n  onRemove,\n  onRetry,\n  onAnnotate,\n  onCrop,\n  progress,\n  index,\n}: Props) {\n  const uploadError = React.useMemo(() => {\n    if (!checkFileNameIsValid(element, fileName)) {\n      return new Error(`${fileName.split('.').pop()} files are not allowed`)\n    }\n    if (!checkFileNameExtensionIsValid(element, fileName)) {\n      return new Error(`${fileName} must have an extension`)\n    }\n    if (uploadErrorMessage) {\n      return new Error(uploadErrorMessage)\n    }\n  }, [element, fileName, uploadErrorMessage])\n\n  return (\n    <div className=\"column is-one-quarter-ob\">\n      <div className=\"ob-files__box\">\n        <div className=\"ob-files__content\">\n          <a\n            href={attachmentUrl || ''}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            className=\"cypress-file-download-button\"\n            style={{ pointerEvents: attachmentUrl ? 'auto' : 'none' }}\n          >\n            <FileCardContent\n              attachmentUrl={attachmentUrl}\n              alt={`${element.label}: Attachment ${index + 1}`}\n              isContentTypeImage={isContentTypeImage}\n            />\n          </a>\n        </div>\n        <DropdownMenu\n          element={element}\n          onDownload={onDownload}\n          onRetry={onRetry}\n          onRemove={onRemove}\n          attachmentUrl={attachmentUrl || ''}\n          onAnnotate={onAnnotate}\n          onCrop={onCrop}\n        />\n\n        <div className=\"ob-files__file-name is-size-6\">\n          <span className=\"ob-files__file-name-inner\">{fileName}</span>\n          <AttachmentStatus\n            isUploading={isUploading}\n            isUploadPaused={isUploadPaused}\n            uploadError={uploadError}\n            loadAttachmentUrlError={loadAttachmentUrlError}\n            isLoadingAttachmentUrl={isLoadingAttachmentUrl}\n            attachmentUrl={attachmentUrl}\n            progress={progress}\n          />\n          <ProgressBar progress={progress} isShowing={!!isUploading} />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default React.memo(FileCard)\n"]}

package/dist/components/renderer/attachments/FileCardContent.d.ts

@@ -3,5 +3,5 @@ declare const _default: React.MemoExoticComponent<({ attachmentUrl, alt, isConte
     attachmentUrl: string | undefined | null;
     alt: string;
     isContentTypeImage?: boolean;
-}) => React.JSX.Element>;
+}) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/components/renderer/attachments/FileCardContent.js

@@ -1,12 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import MaterialIcon from '../../MaterialIcon';
 const FileCardContent = ({ attachmentUrl, alt, isContentTypeImage, }) => {
     if (isContentTypeImage && attachmentUrl) {
-        return (React.createElement("div", { className: "ob-files__content-image" },
-            React.createElement("img", { className: "ob-files__image", src: attachmentUrl, alt: alt })));
+        return (_jsx("div", { className: "ob-files__content-image", children: _jsx("img", { className: "ob-files__image", src: attachmentUrl, alt: alt }) }));
     }
-    return (React.createElement("div", { className: "ob-files__content-file has-text-centered" },
-        React.createElement(MaterialIcon, { className: "icon-large ob-files__attach-icon has-text-grey" }, "attach_file")));
+    return (_jsx("div", { className: "ob-files__content-file has-text-centered", children: _jsx(MaterialIcon, { className: "icon-large ob-files__attach-icon has-text-grey", children: "attach_file" }) }));
 };
 export default React.memo(FileCardContent);
 //# sourceMappingURL=FileCardContent.js.map

package/dist/components/renderer/attachments/FileCardContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileCardContent.js","sourceRoot":"","sources":["../../../../src/components/renderer/attachments/FileCardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,YAAY,MAAM,oBAAoB,CAAA;AAE7C,MAAM,eAAe,GAAG,CAAC,EACvB,aAAa,EACb,GAAG,EACH,kBAAkB,GAKnB,EAAE,EAAE;IACH,IAAI,kBAAkB,IAAI,aAAa,EAAE,CAAC;QACxC,OAAO,CACL,6BAAK,SAAS,EAAC,yBAAyB;YACtC,6BAAK,SAAS,EAAC,iBAAiB,EAAC,GAAG,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG,GAAI,CAC7D,CACP,CAAA;IACH,CAAC;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,0CAA0C;QACvD,oBAAC,YAAY,IAAC,SAAS,EAAC,gDAAgD,kBAEzD,CACX,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport MaterialIcon from '../../MaterialIcon'\n\nconst FileCardContent = ({\n  attachmentUrl,\n  alt,\n  isContentTypeImage,\n}: {\n  attachmentUrl: string | undefined | null\n  alt: string\n  isContentTypeImage?: boolean\n}) => {\n  if (isContentTypeImage && attachmentUrl) {\n    return (\n      <div className=\"ob-files__content-image\">\n        <img className=\"ob-files__image\" src={attachmentUrl} alt={alt} />\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"ob-files__content-file has-text-centered\">\n      <MaterialIcon className=\"icon-large ob-files__attach-icon has-text-grey\">\n        attach_file\n      </MaterialIcon>\n    </div>\n  )\n}\n\nexport default React.memo(FileCardContent)\n"]}
+{"version":3,"file":"FileCardContent.js","sourceRoot":"","sources":["../../../../src/components/renderer/attachments/FileCardContent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,YAAY,MAAM,oBAAoB,CAAA;AAE7C,MAAM,eAAe,GAAG,CAAC,EACvB,aAAa,EACb,GAAG,EACH,kBAAkB,GAKnB,EAAE,EAAE;IACH,IAAI,kBAAkB,IAAI,aAAa,EAAE,CAAC;QACxC,OAAO,CACL,cAAK,SAAS,EAAC,yBAAyB,YACtC,cAAK,SAAS,EAAC,iBAAiB,EAAC,GAAG,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG,GAAI,GAC7D,CACP,CAAA;IACH,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAC,0CAA0C,YACvD,KAAC,YAAY,IAAC,SAAS,EAAC,gDAAgD,4BAEzD,GACX,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport MaterialIcon from '../../MaterialIcon'\n\nconst FileCardContent = ({\n  attachmentUrl,\n  alt,\n  isContentTypeImage,\n}: {\n  attachmentUrl: string | undefined | null\n  alt: string\n  isContentTypeImage?: boolean\n}) => {\n  if (isContentTypeImage && attachmentUrl) {\n    return (\n      <div className=\"ob-files__content-image\">\n        <img className=\"ob-files__image\" src={attachmentUrl} alt={alt} />\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"ob-files__content-file has-text-centered\">\n      <MaterialIcon className=\"icon-large ob-files__attach-icon has-text-grey\">\n        attach_file\n      </MaterialIcon>\n    </div>\n  )\n}\n\nexport default React.memo(FileCardContent)\n"]}

package/dist/components/renderer/attachments/ImagePreviewUnavailable.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-declare function ImagePreviewUnavailable(): React.JSX.Element;
+declare function ImagePreviewUnavailable(): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof ImagePreviewUnavailable>;
 export default _default;

package/dist/components/renderer/attachments/ImagePreviewUnavailable.js

@@ -1,13 +1,10 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import useIsOffline from '../../../hooks/useIsOffline';
 import MaterialIcon from '../../MaterialIcon';
 function ImagePreviewUnavailable() {
     const isOffline = useIsOffline();
-    return (React.createElement(React.Fragment, null, isOffline ? (React.createElement(React.Fragment, null,
-        React.createElement(MaterialIcon, { className: "has-text-warning icon-large has-margin-bottom-6" }, "wifi_off"),
-        React.createElement("p", null, "It looks like you're offline. Image preview will be available when connectivity is restored."))) : (React.createElement(React.Fragment, null,
-        React.createElement(MaterialIcon, { className: "has-text-grey icon-large has-margin-bottom-6" }, "attach_file"),
-        React.createElement("p", null, "You do not have access to preview this image, however, it will be included with your submission.")))));
+    return (_jsx(_Fragment, { children: isOffline ? (_jsxs(_Fragment, { children: [_jsx(MaterialIcon, { className: "has-text-warning icon-large has-margin-bottom-6", children: "wifi_off" }), _jsx("p", { children: "It looks like you're offline. Image preview will be available when connectivity is restored." })] })) : (_jsxs(_Fragment, { children: [_jsx(MaterialIcon, { className: "has-text-grey icon-large has-margin-bottom-6", children: "attach_file" }), _jsx("p", { children: "You do not have access to preview this image, however, it will be included with your submission." })] })) }));
 }
 export default React.memo(ImagePreviewUnavailable);
 //# sourceMappingURL=ImagePreviewUnavailable.js.map

package/dist/components/renderer/attachments/ImagePreviewUnavailable.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImagePreviewUnavailable.js","sourceRoot":"","sources":["../../../../src/components/renderer/attachments/ImagePreviewUnavailable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,YAAY,MAAM,6BAA6B,CAAA;AACtD,OAAO,YAAY,MAAM,oBAAoB,CAAA;AAE7C,SAAS,uBAAuB;IAC9B,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAEhC,OAAO,CACL,0CACG,SAAS,CAAC,CAAC,CAAC,CACX;QACE,oBAAC,YAAY,IAAC,SAAS,EAAC,iDAAiD,eAE1D;QACf,8HAGI,CACH,CACJ,CAAC,CAAC,CAAC,CACF;QACE,oBAAC,YAAY,IAAC,SAAS,EAAC,8CAA8C,kBAEvD;QACf,kIAGI,CACH,CACJ,CACA,CACJ,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport useIsOffline from '../../../hooks/useIsOffline'\nimport MaterialIcon from '../../MaterialIcon'\n\nfunction ImagePreviewUnavailable() {\n  const isOffline = useIsOffline()\n\n  return (\n    <>\n      {isOffline ? (\n        <>\n          <MaterialIcon className=\"has-text-warning icon-large has-margin-bottom-6\">\n            wifi_off\n          </MaterialIcon>\n          <p>\n            It looks like you&apos;re offline. Image preview will be available\n            when connectivity is restored.\n          </p>\n        </>\n      ) : (\n        <>\n          <MaterialIcon className=\"has-text-grey icon-large has-margin-bottom-6\">\n            attach_file\n          </MaterialIcon>\n          <p>\n            You do not have access to preview this image, however, it will be\n            included with your submission.\n          </p>\n        </>\n      )}\n    </>\n  )\n}\n\nexport default React.memo(ImagePreviewUnavailable)\n"]}
+{"version":3,"file":"ImagePreviewUnavailable.js","sourceRoot":"","sources":["../../../../src/components/renderer/attachments/ImagePreviewUnavailable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,YAAY,MAAM,6BAA6B,CAAA;AACtD,OAAO,YAAY,MAAM,oBAAoB,CAAA;AAE7C,SAAS,uBAAuB;IAC9B,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAEhC,OAAO,CACL,4BACG,SAAS,CAAC,CAAC,CAAC,CACX,8BACE,KAAC,YAAY,IAAC,SAAS,EAAC,iDAAiD,yBAE1D,EACf,uHAGI,IACH,CACJ,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,YAAY,IAAC,SAAS,EAAC,8CAA8C,4BAEvD,EACf,2HAGI,IACH,CACJ,GACA,CACJ,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport useIsOffline from '../../../hooks/useIsOffline'\nimport MaterialIcon from '../../MaterialIcon'\n\nfunction ImagePreviewUnavailable() {\n  const isOffline = useIsOffline()\n\n  return (\n    <>\n      {isOffline ? (\n        <>\n          <MaterialIcon className=\"has-text-warning icon-large has-margin-bottom-6\">\n            wifi_off\n          </MaterialIcon>\n          <p>\n            It looks like you&apos;re offline. Image preview will be available\n            when connectivity is restored.\n          </p>\n        </>\n      ) : (\n        <>\n          <MaterialIcon className=\"has-text-grey icon-large has-margin-bottom-6\">\n            attach_file\n          </MaterialIcon>\n          <p>\n            You do not have access to preview this image, however, it will be\n            included with your submission.\n          </p>\n        </>\n      )}\n    </>\n  )\n}\n\nexport default React.memo(ImagePreviewUnavailable)\n"]}