@oneblink/apps-react 0.6.2-beta.2 → 1.0.0-beta.1

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

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

package/dist/components/{PageFormElements.d.ts → renderer/PageFormElements.d.ts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { FormTypes } from '@oneblink/types';
-import { FormElementsConditionallyShown, FormElementsValidation, FormElementValueChangeHandler, FormSubmissionModel, SetFormSubmission } from '../types/form';
+import { FormElementsConditionallyShown, FormElementsValidation, FormElementValueChangeHandler, FormSubmissionModel, SetFormSubmission } from '../../types/form';
 export declare type Props = {
     formId: number;
     isActive: boolean;

package/dist/components/{PageFormElements.js → renderer/PageFormElements.js}

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import clsx from 'clsx';
 import OneBlinkFormElements from './OneBlinkFormElements';
-import useFormDefinition from '../hooks/useFormDefinition';
-import { IsPageVisibleProvider } from '../hooks/useIsPageVisible';
-import { FlatpickrGuidProvider } from '../hooks/useFlatpickrGuid';
+import useFormDefinition from '../../hooks/useFormDefinition';
+import { IsPageVisibleProvider } from '../../hooks/useIsPageVisible';
+import { FlatpickrGuidProvider } from '../../hooks/useFlatpickrGuid';
 function PageFormElements({ formId, isActive, pageElement, model, displayValidationMessages, formElementsConditionallyShown, formElementsValidation, onChange, setFormSubmission, }) {
     const handleLookup = React.useCallback((mergeLookupResults) => {
         setFormSubmission((currentFormSubmission) => {

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

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

package/dist/components/{ToggleAllCheckbox.d.ts → renderer/ToggleAllCheckbox.d.ts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { FormTypes } from '@oneblink/types';
-import { FormElementValueChangeHandler } from '../types/form';
+import { FormElementValueChangeHandler } from '../../types/form';
 interface Props {
     id: string;
     element: FormTypes.CheckboxElement | FormTypes.SelectElement;

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

@@ -0,0 +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;YAClB,QAAQ,CACN,OAAO,EACP,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAChC,CAAA;SACF;aAAM;YACL,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;SAC7B;IACH,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,CAC7B,CAAA;IAED,OAAO,CACL,+BACE,SAAS,EAAC,0DAA0D,EACpE,OAAO,EAAE,GAAG,EAAE,aAAa,EAC3B,KAAK,EAAE;YACL,SAAS,EAAE,QAAQ;YACnB,YAAY,EAAE,SAAS;SACxB;QAED,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,aAAa,QACb,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,GAClB;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(\n          element,\n          options.map((opt) => opt.value),\n        )\n      } else {\n        onChange(element, undefined)\n      }\n    },\n    [element, options, onChange],\n  )\n\n  return (\n    <label\n      className=\"checkbox ob-checkbox__input-label cypress-checkbox-label\"\n      htmlFor={`${id}_select-all`}\n      style={{\n        fontStyle: 'italic',\n        marginBottom: '1.25rem',\n      }}\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        disableRipple\n        checked={allSelected}\n        indeterminate={!!selected.length && !allSelected}\n        onChange={(e) => handleToggleAll(e.target.checked)}\n        disabled={disabled}\n      />\n      {allSelected ? 'Deselect All' : 'Select All'}\n    </label>\n  )\n}\n\nexport default React.memo<Props>(ToggleAllCheckbox)\n"]}

package/dist/components/{attachments → renderer/attachments}/AttachmentStatus.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Tooltip } from '@mui/material';
 import UploadingAttachment from './UploadingAttachment';
-import { checkIsUsingLegacyStorage } from '../../services/attachments';
+import { checkIsUsingLegacyStorage } from '../../../services/attachments';
 const AttachmentStatus = ({ element, isUploading, isUploadPaused, uploadError, loadImageUrlError, isLoadingImageUrl, imageUrl, }) => {
     const tooltip = React.useMemo(() => {
         if (isLoadingImageUrl && !imageUrl) {

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

@@ -0,0 +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,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AAEvD,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAA;AAEzE,MAAM,gBAAgB,GAAG,CAAC,EACxB,OAAO,EACP,WAAW,EACX,cAAc,EACd,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,QAAQ,GAST,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,iBAAiB,IAAI,CAAC,QAAQ,EAAE;YAClC,OAAO,kEAAkE,CAAA;SAC1E;QACD,IAAI,iBAAiB,IAAI,CAAC,QAAQ,EAAE;YAClC,OAAO,qEAAqE,CAAA;SAC7E;QAED,OAAO,yBAAyB,CAAA;IAClC,CAAC,EAAE,CAAC,QAAQ,EAAE,iBAAiB,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAEpD,IAAI,WAAW,EAAE;QACf,OAAO,CACL,oBAAC,OAAO,IAAC,KAAK,EAAE,WAAW,CAAC,OAAO;YACjC,8BAAM,SAAS,EAAC,4BAA4B;gBAC1C,2BAAG,SAAS,EAAC,gCAAgC,YAAU,CAClD,CACC,CACX,CAAA;KACF;IAED,IAAI,yBAAyB,CAAC,OAAO,CAAC,EAAE;QACtC,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,WAAW,EAAE;QACf,IAAI,cAAc,EAAE;YAClB,OAAO,CACL,8BAAM,SAAS,EAAC,4BAA4B;gBAC1C,2BAAG,SAAS,EAAC,gBAAgB,YAAU,CAClC,CACR,CAAA;SACF;QACD,OAAO,oBAAC,mBAAmB,OAAG,CAAA;KAC/B;IAED,OAAO,CACL,oBAAC,OAAO,IAAC,KAAK,EAAE,OAAO;QACrB,8BAAM,SAAS,EAAC,4BAA4B;YAC1C,2BAAG,SAAS,EAAC,iCAAiC,mBAAiB,CAC1D,CACC,CACX,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { Tooltip } from '@mui/material'\nimport UploadingAttachment from './UploadingAttachment'\nimport { FormTypes } from '@oneblink/types'\nimport { checkIsUsingLegacyStorage } from '../../../services/attachments'\n\nconst AttachmentStatus = ({\n  element,\n  isUploading,\n  isUploadPaused,\n  uploadError,\n  loadImageUrlError,\n  isLoadingImageUrl,\n  imageUrl,\n}: {\n  element: FormTypes.FormElementBinaryStorage\n  isUploading?: boolean\n  isUploadPaused?: boolean\n  uploadError?: Error\n  loadImageUrlError?: Error\n  isLoadingImageUrl?: boolean\n  imageUrl: string | null | undefined\n}) => {\n  const tooltip = React.useMemo(() => {\n    if (isLoadingImageUrl && !imageUrl) {\n      return 'Attempting to load file preview. File is synced with submission.'\n    }\n    if (loadImageUrlError && !imageUrl) {\n      return 'File preview not available, however file is synced with submission.'\n    }\n\n    return 'Synced with submission.'\n  }, [imageUrl, isLoadingImageUrl, loadImageUrlError])\n\n  if (uploadError) {\n    return (\n      <Tooltip title={uploadError.message}>\n        <span className=\"attachment__status-wrapper\">\n          <i className=\"material-icons has-text-danger\">error</i>\n        </span>\n      </Tooltip>\n    )\n  }\n\n  if (checkIsUsingLegacyStorage(element)) {\n    return null\n  }\n\n  if (isUploading) {\n    if (isUploadPaused) {\n      return (\n        <span className=\"attachment__status-wrapper\">\n          <i className=\"material-icons\">pause</i>\n        </span>\n      )\n    }\n    return <UploadingAttachment />\n  }\n\n  return (\n    <Tooltip title={tooltip}>\n      <span className=\"attachment__status-wrapper\">\n        <i className=\"material-icons has-text-success\">check_circle</i>\n      </span>\n    </Tooltip>\n  )\n}\n\nexport default React.memo(AttachmentStatus)\n"]}

package/dist/components/{attachments → renderer/attachments}/FileCard.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import clsx from 'clsx';
-import useBooleanState from '../../hooks/useBooleanState';
-import useClickOutsideElement from '../../hooks/useClickOutsideElement';
+import useBooleanState from '../../../hooks/useBooleanState';
+import useClickOutsideElement from '../../../hooks/useClickOutsideElement';
 import FileCardContent from './FileCardContent';
-import AttachmentStatus from '../../components/attachments/AttachmentStatus';
-import { checkFileNameIsValid, checkFileNameExtensionIsValid, } from '../../services/form-validation';
+import AttachmentStatus from './AttachmentStatus';
+import { checkFileNameIsValid, checkFileNameExtensionIsValid, } from '../../../services/form-validation';
 function FileCard({ element, isUploading, isUploadPaused, uploadErrorMessage, loadImageUrlError, isLoadingImageUrl, imageUrl, fileName, onDownload, onRemove, onRetry, }) {
     const dropDownRef = React.useRef(null);
     const [isShowingMore, showMore, hideMore] = useBooleanState(false);

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileCard.js","sourceRoot":"","sources":["../../../../src/components/renderer/attachments/FileCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport useBooleanState from '../../../hooks/useBooleanState'\nimport useClickOutsideElement from '../../../hooks/useClickOutsideElement'\nimport { FormTypes } from '@oneblink/types'\nimport FileCardContent from './FileCardContent'\nimport AttachmentStatus from './AttachmentStatus'\nimport {\n  checkFileNameIsValid,\n  checkFileNameExtensionIsValid,\n} from '../../../services/form-validation'\n\ntype Props = {\n  element: FormTypes.FilesElement\n  isUploading?: boolean\n  isUploadPaused?: boolean\n  uploadErrorMessage?: string\n  loadImageUrlError?: Error\n  isLoadingImageUrl?: boolean\n  fileName: string\n  imageUrl: string | undefined | null\n  onRemove: () => void\n  onDownload?: () => void\n  onRetry?: () => void\n}\n\nfunction FileCard({\n  element,\n  isUploading,\n  isUploadPaused,\n  uploadErrorMessage,\n  loadImageUrlError,\n  isLoadingImageUrl,\n  imageUrl,\n  fileName,\n  onDownload,\n  onRemove,\n  onRetry,\n}: Props) {\n  const dropDownRef = React.useRef(null)\n  const [isShowingMore, showMore, hideMore] = useBooleanState(false)\n\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  useClickOutsideElement(\n    dropDownRef,\n    React.useCallback(() => {\n      if (isShowingMore) {\n        hideMore()\n      }\n    }, [hideMore, isShowingMore]),\n  )\n\n  return (\n    <div className=\"column is-one-quarter\">\n      <div className=\"ob-files__box\">\n        <div className=\"ob-files__content\">\n          <FileCardContent imageUrl={imageUrl} />\n        </div>\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              <i className=\"material-icons ob-files__menu-icon\">more_vert</i>\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                >\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                >\n                  Download\n                </a>\n              )}\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              >\n                Remove\n              </a>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"ob-files__file-name is-size-6\">\n          <span className=\"ob-files__file-name-inner\">{fileName}</span>\n          <AttachmentStatus\n            element={element}\n            isUploading={isUploading}\n            isUploadPaused={isUploadPaused}\n            uploadError={uploadError}\n            loadImageUrlError={loadImageUrlError}\n            isLoadingImageUrl={isLoadingImageUrl}\n            imageUrl={imageUrl}\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default React.memo(FileCard)\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileCardContent.js","sourceRoot":"","sources":["../../../../src/components/renderer/attachments/FileCardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,eAAe,GAAG,CAAC,EACvB,QAAQ,GAGT,EAAE,EAAE;IACH,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,6BAAK,SAAS,EAAC,yBAAyB;YACtC,6BAAK,SAAS,EAAC,iBAAiB,EAAC,GAAG,EAAE,QAAQ,GAAI,CAC9C,CACP,CAAA;KACF;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,0CAA0C;QACvD,2BAAG,SAAS,EAAC,+DAA+D,kBAExE,CACA,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA","sourcesContent":["import * as React from 'react'\n\nconst FileCardContent = ({\n  imageUrl,\n}: {\n  imageUrl: string | undefined | null\n}) => {\n  if (imageUrl) {\n    return (\n      <div className=\"ob-files__content-image\">\n        <img className=\"ob-files__image\" src={imageUrl} />\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"ob-files__content-file has-text-centered\">\n      <i className=\"material-icons icon-large ob-files__attach-icon has-text-grey\">\n        attach_file\n      </i>\n    </div>\n  )\n}\n\nexport default React.memo(FileCardContent)\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Files.js","sourceRoot":"","sources":["../../../../src/components/renderer/attachments/Files.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,yBAAyB,MAAM,8BAA8B,CAAA;AAEpE,SAAS,KAAK,CAAI,EAChB,EAAE,EACF,OAAO,EACP,OAAO,EACP,WAAW,EACX,iBAAiB,EACjB,wBAAwB,EACxB,UAAU,EACV,kBAAkB,GAUnB;IACC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAA;IAErD,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACvC,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE,OAAM;QAC7B,mFAAmF;QACnF,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAA;QAC3B,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,6BAAK,SAAS,EAAC,uBAAuB;QACpC,oBAAC,yBAAyB,IACxB,SAAS,EAAC,UAAU,EACpB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU;YAE9B,+BACE,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,qBAAqB,EAC/B,QAAQ,EAAE,OAAO,CAAC,UAAU,KAAK,CAAC,EAClC,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAClB,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAEtE;YACF,6BAAK,SAAS,EAAC,+BAA+B;gBAC5C,6BAAK,SAAS,EAAC,sBAAsB;oBAClC,WAAW,CAAC,GAAG,CAAC,kBAAkB,CAAC;oBACnC,CAAC,OAAO,CAAC,QAAQ;wBAChB,CAAC,CAAC,OAAO,CAAC,UAAU;4BAClB,WAAW,CAAC,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC,IAAI,CAC5C,6BAAK,SAAS,EAAC,uBAAuB;wBACpC,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAE,SAAS;4BAElB,2BAAG,SAAS,EAAC,6BAA6B,UAAQ,CAC3C,CACL,CACP,CACC,CACF;YAEL,CAAC,OAAO,IAAI,wBAAwB,CAAC,IAAI,CAAC,CAAC,iBAAiB,IAAI,CAC/D,6BAAK,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,kBAAkB;gBAC5C,6BAAK,SAAS,EAAC,2DAA2D,IACvE,iBAAiB,CACd,CACF,CACP,CACyB,CACxB,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA","sourcesContent":["import * as React from 'react'\n\nimport { FormTypes } from '@oneblink/types'\nimport FormElementLabelContainer from '../FormElementLabelContainer'\n\nfunction Files<T>({\n  id,\n  element,\n  isDirty,\n  attachments,\n  validationMessage,\n  displayValidationMessage,\n  onAddFiles,\n  onRenderAttachment,\n}: {\n  id: string\n  element: FormTypes.FilesElement\n  isDirty: boolean\n  attachments: T[]\n  displayValidationMessage: boolean\n  validationMessage: string | undefined\n  onAddFiles: (files: File[]) => void\n  onRenderAttachment: (attachment: T, index: number) => React.ReactNode\n}) {\n  const inputRef = React.useRef<HTMLInputElement>(null)\n\n  const handleAdd = React.useCallback(() => {\n    if (!inputRef.current) return\n    // RESET HTML FILE INPUT VALUE SO FILES PREVIOUSLY ADDED AND REMOVED ARE RECOGNISED\n    inputRef.current.value = ''\n    inputRef.current.click()\n  }, [])\n\n  return (\n    <div className=\"cypress-files-element\">\n      <FormElementLabelContainer\n        className=\"ob-files\"\n        element={element}\n        id={id}\n        required={!!element.minEntries}\n      >\n        <input\n          ref={inputRef}\n          type=\"file\"\n          name={element.name}\n          id={id}\n          className=\"file-input ob-input\"\n          multiple={element.maxEntries !== 1}\n          disabled={element.readOnly}\n          onChange={(event) =>\n            onAddFiles(event.target.files ? Array.from(event.target.files) : [])\n          }\n        />\n        <div className=\"control cypress-files-control\">\n          <div className=\"columns is-multiline\">\n            {attachments.map(onRenderAttachment)}\n            {!element.readOnly &&\n              (!element.maxEntries ||\n                attachments.length < element.maxEntries) && (\n                <div className=\"column is-one-quarter\">\n                  <button\n                    type=\"button\"\n                    className=\"button ob-files__add-new-button\"\n                    onClick={handleAdd}\n                  >\n                    <i className=\"material-icons icon-x-large\">add</i>\n                  </button>\n                </div>\n              )}\n          </div>\n        </div>\n\n        {(isDirty || displayValidationMessage) && !!validationMessage && (\n          <div role=\"alert\" className=\"has-margin-top-8\">\n            <div className=\"has-text-danger ob-error__text cypress-validation-message\">\n              {validationMessage}\n            </div>\n          </div>\n        )}\n      </FormElementLabelContainer>\n    </div>\n  )\n}\n\nexport default React.memo(Files)\n"]}

package/dist/components/{attachments → renderer/attachments}/ImagePreviewUnavailable.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import useIsOffline from '../../hooks/useIsOffline';
+import useIsOffline from '../../../hooks/useIsOffline';
 function ImagePreviewUnavailable() {
     const isOffline = useIsOffline();
     return (React.createElement(React.Fragment, null, isOffline ? (React.createElement(React.Fragment, null,

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

@@ -0,0 +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;AAEtD,SAAS,uBAAuB;IAC9B,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAEhC,OAAO,CACL,0CACG,SAAS,CAAC,CAAC,CAAC,CACX;QACE,2BAAG,SAAS,EAAC,gEAAgE,eAEzE;QACJ,8HAGI,CACH,CACJ,CAAC,CAAC,CAAC,CACF;QACE,2BAAG,SAAS,EAAC,6DAA6D,kBAEtE;QACJ,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'\n\nfunction ImagePreviewUnavailable() {\n  const isOffline = useIsOffline()\n\n  return (\n    <>\n      {isOffline ? (\n        <>\n          <i className=\"material-icons has-text-warning icon-large has-margin-bottom-6\">\n            wifi_off\n          </i>\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          <i className=\"material-icons has-text-grey icon-large has-margin-bottom-6\">\n            attach_file\n          </i>\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"]}

package/dist/components/{attachments → renderer/attachments}/UploadingAttachment.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Tooltip } from '@mui/material';
-import useIsOffline from '../../hooks/useIsOffline';
+import useIsOffline from '../../../hooks/useIsOffline';
 import OnLoading from '../OnLoading';
 function UploadingAttachment() {
     const isOffline = useIsOffline();

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadingAttachment.js","sourceRoot":"","sources":["../../../../src/components/renderer/attachments/UploadingAttachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,YAAY,MAAM,6BAA6B,CAAA;AACtD,OAAO,SAAS,MAAM,cAAc,CAAA;AAEpC,SAAS,mBAAmB;IAC1B,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAEhC,OAAO,CACL,oBAAC,OAAO,IACN,KAAK,EACH,SAAS;YACP,CAAC,CAAC,oDAAoD;YACtD,CAAC,CAAC,WAAW;QAGjB,6BAAK,SAAS,EAAC,8BAA8B,IAC1C,SAAS,CAAC,CAAC,CAAC,CACX,2BAAG,SAAS,EAAC,iCAAiC,eAAa,CAC5D,CAAC,CAAC,CAAC,CACF,oBAAC,SAAS,IAAC,IAAI,SAAG,CACnB,CACG,CACE,CACX,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { Tooltip } from '@mui/material'\nimport useIsOffline from '../../../hooks/useIsOffline'\nimport OnLoading from '../OnLoading'\n\nfunction UploadingAttachment() {\n  const isOffline = useIsOffline()\n\n  return (\n    <Tooltip\n      title={\n        isOffline\n          ? 'Upload will start when you connect to the internet'\n          : 'Uploading'\n      }\n    >\n      <div className=\"cypress-attachment-uploading\">\n        {isOffline ? (\n          <i className=\"material-icons has-text-warning\">wifi_off</i>\n        ) : (\n          <OnLoading tiny />\n        )}\n      </div>\n    </Tooltip>\n  )\n}\n\nexport default React.memo(UploadingAttachment)\n"]}

package/dist/form-elements/FormElementABN.js

@@ -2,10 +2,10 @@ import * as React from 'react';
 import clsx from 'clsx';
 import InputMask from 'react-input-mask';
 import { parseString } from 'xml2js';
-import CopyToClipboardButton from '../components/CopyToClipboardButton';
+import CopyToClipboardButton from '../components/renderer/CopyToClipboardButton';
 import useBooleanState from '../hooks/useBooleanState';
-import LookupButton from '../components/LookupButton';
-import FormElementLabelContainer from '../components/FormElementLabelContainer';
+import LookupButton from '../components/renderer/LookupButton';
+import FormElementLabelContainer from '../components/renderer/FormElementLabelContainer';
 import useAbnLookupAuthenticationGuid from '../hooks/useAbnLookupAuthenticationGuid';
 import { abnService } from '@oneblink/sdk-core';
 function FormElementABN({ id, element, value, onChange, validationMessage, displayValidationMessage, }) {

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

@@ -1 +1 @@
-{"version":3,"file":"FormElementABN.js","sourceRoot":"","sources":["../../src/form-elements/FormElementABN.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport InputMask from 'react-input-mask'\nimport { parseString } from 'xml2js'\nimport CopyToClipboardButton from '../components/CopyToClipboardButton'\nimport useBooleanState from '../hooks/useBooleanState'\nimport LookupButton from '../components/LookupButton'\nimport { FormTypes, MiscTypes } from '@oneblink/types'\nimport FormElementLabelContainer from '../components/FormElementLabelContainer'\nimport { FormElementValueChangeHandler } from '../types/form'\nimport useAbnLookupAuthenticationGuid from '../hooks/useAbnLookupAuthenticationGuid'\nimport { abnService } from '@oneblink/sdk-core'\ntype Props = {\n  id: string\n  element: FormTypes.ABNElement\n  value: MiscTypes.ABNRecord | undefined\n  onChange: FormElementValueChangeHandler<MiscTypes.ABNRecord>\n  displayValidationMessage: boolean\n  validationMessage: string | undefined\n}\n\nfunction FormElementABN({\n  id,\n  element,\n  value,\n  onChange,\n  validationMessage,\n  displayValidationMessage,\n}: Props) {\n  const abnLookupAuthenticationGuid = useAbnLookupAuthenticationGuid()\n  const [label, setLabel] = React.useState(\n    value ? abnService.getABNNumberFromABNRecord(value) || '' : '',\n  )\n  const [isFocused, setIsFocused, removeFocus] = useBooleanState(false)\n  const [isDirty, setIsDirty] = useBooleanState(false)\n  const [{ isLoading, error }, setState] = React.useState<{\n    isLoading: boolean\n    error: Error | null\n  }>({\n    isLoading: false,\n    error: null,\n  })\n\n  React.useEffect(() => {\n    const searchString = label.replace(/[^\\d]/g, '')\n    const isSearchStringValid =\n      searchString.length === 11 || (searchString.length === 9 && !isFocused)\n\n    const currentABNNumber = value\n      ? abnService.getABNNumberFromABNRecord(value)\n      : ''\n    if (!isSearchStringValid || currentABNNumber === searchString) {\n      return\n    }\n\n    setState({\n      isLoading: true,\n      error: null,\n    })\n\n    const abortController = new AbortController()\n    const fetchRecord = async () => {\n      try {\n        const urlSearchParams = new URLSearchParams()\n        urlSearchParams.append('searchString', searchString)\n        urlSearchParams.append('includeHistoricalDetails', 'N')\n        if (abnLookupAuthenticationGuid) {\n          urlSearchParams.append(\n            'authenticationGuid',\n            abnLookupAuthenticationGuid,\n          )\n        }\n\n        const url =\n          searchString.length === 11\n            ? 'https://abr.business.gov.au/abrxmlsearch/AbrXmlSearch.asmx/SearchByABNv202001'\n            : 'https://abr.business.gov.au/abrxmlsearch/AbrXmlSearch.asmx/SearchByASICv201408'\n        const response = await fetch(`${url}?${urlSearchParams.toString()}`, {\n          mode: 'cors',\n          signal: abortController.signal,\n        })\n        const text = await response.text()\n        if (!response.ok) {\n          throw new Error(text)\n        }\n\n        const result = await new Promise<{\n          ABRPayloadSearchResults: {\n            response: {\n              businessEntity201408?: MiscTypes.ABNRecord\n              businessEntity202001: MiscTypes.ABNRecord\n              exception?: {\n                exceptionDescription: string\n                exceptionCode: string\n              }\n            }\n          }\n        }>((resolve, reject) => {\n          parseString(\n            text,\n            {\n              explicitArray: false,\n            },\n            (err, result) => {\n              if (err) {\n                reject(err)\n              } else {\n                resolve(result)\n              }\n            },\n          )\n        })\n        if (result.ABRPayloadSearchResults.response.exception) {\n          throw new Error(\n            result.ABRPayloadSearchResults.response.exception.exceptionDescription,\n          )\n        }\n\n        if (result.ABRPayloadSearchResults.response.businessEntity201408) {\n          result.ABRPayloadSearchResults.response.businessEntity202001 =\n            result.ABRPayloadSearchResults.response.businessEntity201408\n        }\n\n        if (\n          !Array.isArray(\n            result.ABRPayloadSearchResults.response.businessEntity202001\n              .businessName,\n          )\n        ) {\n          result.ABRPayloadSearchResults.response.businessEntity202001.businessName =\n            [\n              result.ABRPayloadSearchResults.response.businessEntity202001\n                .businessName,\n            ]\n        }\n\n        if (!abortController.signal.aborted) {\n          onChange(\n            element,\n            result.ABRPayloadSearchResults.response.businessEntity202001,\n          )\n          setState({\n            isLoading: false,\n            error: null,\n          })\n        }\n      } catch (err) {\n        if (!abortController.signal.aborted) {\n          setState({\n            isLoading: false,\n            error: err as Error,\n          })\n        }\n      }\n    }\n\n    fetchRecord()\n\n    return () => {\n      abortController.abort()\n    }\n  }, [abnLookupAuthenticationGuid, element, isFocused, label, onChange, value])\n\n  // Ensure the label is set if the value is set outside of this component\n  React.useEffect(() => {\n    if (value) {\n      const newLabel = abnService.getABNNumberFromABNRecord(value)\n      if (!newLabel) {\n        // Record in value had no ABN Number. This should never happen\n        return\n      }\n      if (label !== newLabel) {\n        setLabel(\n          newLabel.split('').reduce((memo, character, index) => {\n            switch (index) {\n              case 2:\n              case 5:\n              case 8: {\n                return `${memo} ${character}`\n              }\n              default: {\n                return `${memo}${character}`\n              }\n            }\n          }, ''),\n        )\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value])\n\n  return (\n    <div className=\"cypress-abn-element\">\n      <FormElementLabelContainer\n        className=\"ob-abn\"\n        id={id}\n        element={element}\n        required={element.required}\n      >\n        <div className=\"field has-addons\">\n          <div\n            className={clsx('control is-expanded', {\n              'is-loading': isLoading,\n            })}\n          >\n            <InputMask\n              mask={isFocused || value ? '99 999 999 999' : '999 999 999'}\n              // @ts-expect-error \"maskChar\" is not in the types, but it is in the docs\n              maskChar=\" \"\n              type=\"text\"\n              id={id}\n              name={element.name}\n              className=\"input ob-input cypress-abn-control\"\n              placeholder={element.placeholderValue}\n              value={label}\n              onChange={(e) => {\n                setLabel(e.target.value)\n                if (value) {\n                  onChange(element, undefined)\n                }\n              }}\n              required={element.required}\n              disabled={element.readOnly}\n              onBlur={() => {\n                setIsDirty()\n                removeFocus()\n              }}\n              onFocus={setIsFocused}\n            />\n          </div>\n          {value && (\n            <div className=\"control ob-abn__record-control\">\n              <a className=\"button is-static ob-abn__record-button\">\n                {abnService.displayBusinessNameFromABNRecord(value)}\n              </a>\n            </div>\n          )}\n          {!!element.readOnly && !!value && (\n            <div className=\"control\">\n              <CopyToClipboardButton\n                className=\"button is-input-addon cypress-copy-to-clipboard-button\"\n                isInputButton\n                text={label}\n              />\n            </div>\n          )}\n          <LookupButton\n            isInputButton\n            value={value}\n            validationMessage={validationMessage}\n          />\n        </div>\n        {(((isDirty || displayValidationMessage) &&\n          !!validationMessage &&\n          !isLoading) ||\n          error) && (\n          <div role=\"alert\" className=\"has-margin-top-8\">\n            <div className=\"has-text-danger ob-error__text cypress-validation-message\">\n              {error?.message || validationMessage}\n            </div>\n          </div>\n        )}\n      </FormElementLabelContainer>\n    </div>\n  )\n}\n\nexport default React.memo(FormElementABN)\n"]}
+{"version":3,"file":"FormElementABN.js","sourceRoot":"","sources":["../../src/form-elements/FormElementABN.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport InputMask from 'react-input-mask'\nimport { parseString } from 'xml2js'\nimport CopyToClipboardButton from '../components/renderer/CopyToClipboardButton'\nimport useBooleanState from '../hooks/useBooleanState'\nimport LookupButton from '../components/renderer/LookupButton'\nimport { FormTypes, MiscTypes } from '@oneblink/types'\nimport FormElementLabelContainer from '../components/renderer/FormElementLabelContainer'\nimport { FormElementValueChangeHandler } from '../types/form'\nimport useAbnLookupAuthenticationGuid from '../hooks/useAbnLookupAuthenticationGuid'\nimport { abnService } from '@oneblink/sdk-core'\ntype Props = {\n  id: string\n  element: FormTypes.ABNElement\n  value: MiscTypes.ABNRecord | undefined\n  onChange: FormElementValueChangeHandler<MiscTypes.ABNRecord>\n  displayValidationMessage: boolean\n  validationMessage: string | undefined\n}\n\nfunction FormElementABN({\n  id,\n  element,\n  value,\n  onChange,\n  validationMessage,\n  displayValidationMessage,\n}: Props) {\n  const abnLookupAuthenticationGuid = useAbnLookupAuthenticationGuid()\n  const [label, setLabel] = React.useState(\n    value ? abnService.getABNNumberFromABNRecord(value) || '' : '',\n  )\n  const [isFocused, setIsFocused, removeFocus] = useBooleanState(false)\n  const [isDirty, setIsDirty] = useBooleanState(false)\n  const [{ isLoading, error }, setState] = React.useState<{\n    isLoading: boolean\n    error: Error | null\n  }>({\n    isLoading: false,\n    error: null,\n  })\n\n  React.useEffect(() => {\n    const searchString = label.replace(/[^\\d]/g, '')\n    const isSearchStringValid =\n      searchString.length === 11 || (searchString.length === 9 && !isFocused)\n\n    const currentABNNumber = value\n      ? abnService.getABNNumberFromABNRecord(value)\n      : ''\n    if (!isSearchStringValid || currentABNNumber === searchString) {\n      return\n    }\n\n    setState({\n      isLoading: true,\n      error: null,\n    })\n\n    const abortController = new AbortController()\n    const fetchRecord = async () => {\n      try {\n        const urlSearchParams = new URLSearchParams()\n        urlSearchParams.append('searchString', searchString)\n        urlSearchParams.append('includeHistoricalDetails', 'N')\n        if (abnLookupAuthenticationGuid) {\n          urlSearchParams.append(\n            'authenticationGuid',\n            abnLookupAuthenticationGuid,\n          )\n        }\n\n        const url =\n          searchString.length === 11\n            ? 'https://abr.business.gov.au/abrxmlsearch/AbrXmlSearch.asmx/SearchByABNv202001'\n            : 'https://abr.business.gov.au/abrxmlsearch/AbrXmlSearch.asmx/SearchByASICv201408'\n        const response = await fetch(`${url}?${urlSearchParams.toString()}`, {\n          mode: 'cors',\n          signal: abortController.signal,\n        })\n        const text = await response.text()\n        if (!response.ok) {\n          throw new Error(text)\n        }\n\n        const result = await new Promise<{\n          ABRPayloadSearchResults: {\n            response: {\n              businessEntity201408?: MiscTypes.ABNRecord\n              businessEntity202001: MiscTypes.ABNRecord\n              exception?: {\n                exceptionDescription: string\n                exceptionCode: string\n              }\n            }\n          }\n        }>((resolve, reject) => {\n          parseString(\n            text,\n            {\n              explicitArray: false,\n            },\n            (err, result) => {\n              if (err) {\n                reject(err)\n              } else {\n                resolve(result)\n              }\n            },\n          )\n        })\n        if (result.ABRPayloadSearchResults.response.exception) {\n          throw new Error(\n            result.ABRPayloadSearchResults.response.exception.exceptionDescription,\n          )\n        }\n\n        if (result.ABRPayloadSearchResults.response.businessEntity201408) {\n          result.ABRPayloadSearchResults.response.businessEntity202001 =\n            result.ABRPayloadSearchResults.response.businessEntity201408\n        }\n\n        if (\n          !Array.isArray(\n            result.ABRPayloadSearchResults.response.businessEntity202001\n              .businessName,\n          )\n        ) {\n          result.ABRPayloadSearchResults.response.businessEntity202001.businessName =\n            [\n              result.ABRPayloadSearchResults.response.businessEntity202001\n                .businessName,\n            ]\n        }\n\n        if (!abortController.signal.aborted) {\n          onChange(\n            element,\n            result.ABRPayloadSearchResults.response.businessEntity202001,\n          )\n          setState({\n            isLoading: false,\n            error: null,\n          })\n        }\n      } catch (err) {\n        if (!abortController.signal.aborted) {\n          setState({\n            isLoading: false,\n            error: err as Error,\n          })\n        }\n      }\n    }\n\n    fetchRecord()\n\n    return () => {\n      abortController.abort()\n    }\n  }, [abnLookupAuthenticationGuid, element, isFocused, label, onChange, value])\n\n  // Ensure the label is set if the value is set outside of this component\n  React.useEffect(() => {\n    if (value) {\n      const newLabel = abnService.getABNNumberFromABNRecord(value)\n      if (!newLabel) {\n        // Record in value had no ABN Number. This should never happen\n        return\n      }\n      if (label !== newLabel) {\n        setLabel(\n          newLabel.split('').reduce((memo, character, index) => {\n            switch (index) {\n              case 2:\n              case 5:\n              case 8: {\n                return `${memo} ${character}`\n              }\n              default: {\n                return `${memo}${character}`\n              }\n            }\n          }, ''),\n        )\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value])\n\n  return (\n    <div className=\"cypress-abn-element\">\n      <FormElementLabelContainer\n        className=\"ob-abn\"\n        id={id}\n        element={element}\n        required={element.required}\n      >\n        <div className=\"field has-addons\">\n          <div\n            className={clsx('control is-expanded', {\n              'is-loading': isLoading,\n            })}\n          >\n            <InputMask\n              mask={isFocused || value ? '99 999 999 999' : '999 999 999'}\n              // @ts-expect-error \"maskChar\" is not in the types, but it is in the docs\n              maskChar=\" \"\n              type=\"text\"\n              id={id}\n              name={element.name}\n              className=\"input ob-input cypress-abn-control\"\n              placeholder={element.placeholderValue}\n              value={label}\n              onChange={(e) => {\n                setLabel(e.target.value)\n                if (value) {\n                  onChange(element, undefined)\n                }\n              }}\n              required={element.required}\n              disabled={element.readOnly}\n              onBlur={() => {\n                setIsDirty()\n                removeFocus()\n              }}\n              onFocus={setIsFocused}\n            />\n          </div>\n          {value && (\n            <div className=\"control ob-abn__record-control\">\n              <a className=\"button is-static ob-abn__record-button\">\n                {abnService.displayBusinessNameFromABNRecord(value)}\n              </a>\n            </div>\n          )}\n          {!!element.readOnly && !!value && (\n            <div className=\"control\">\n              <CopyToClipboardButton\n                className=\"button is-input-addon cypress-copy-to-clipboard-button\"\n                isInputButton\n                text={label}\n              />\n            </div>\n          )}\n          <LookupButton\n            isInputButton\n            value={value}\n            validationMessage={validationMessage}\n          />\n        </div>\n        {(((isDirty || displayValidationMessage) &&\n          !!validationMessage &&\n          !isLoading) ||\n          error) && (\n          <div role=\"alert\" className=\"has-margin-top-8\">\n            <div className=\"has-text-danger ob-error__text cypress-validation-message\">\n              {error?.message || validationMessage}\n            </div>\n          </div>\n        )}\n      </FormElementLabelContainer>\n    </div>\n  )\n}\n\nexport default React.memo(FormElementABN)\n"]}

package/dist/form-elements/FormElementAutocomplete.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { formElementsService } from '@oneblink/sdk-core';
 import { generateHeaders } from '@oneblink/apps/dist/services/fetch';
-import FormElementOptions from '../components/FormElementOptions';
+import FormElementOptions from '../components/renderer/FormElementOptions';
 import useFormElementOptions from '../hooks/useFormElementOptions';
-import AutocompleteDropdown from '../components/AutocompleteDropdown';
-import FormElementLabelContainer from '../components/FormElementLabelContainer';
+import AutocompleteDropdown from '../components/renderer/AutocompleteDropdown';
+import FormElementLabelContainer from '../components/renderer/FormElementLabelContainer';
 const AutocompleteFilter = React.memo(function AutocompleteFilter({ id, element, value, onChange, conditionallyShownOptions, validationMessage, displayValidationMessage, }) {
     const [label, setLabel] = React.useState('');
     const onFilter = React.useCallback((option) => {

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

@@ -1 +1 @@
-{"version":3,"file":"FormElementAutocomplete.js","sourceRoot":"","sources":["../../src/form-elements/FormElementAutocomplete.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { formElementsService } from '@oneblink/sdk-core'\nimport { generateHeaders } from '@oneblink/apps/dist/services/fetch'\n\nimport FormElementOptions from '../components/FormElementOptions'\nimport useFormElementOptions from '../hooks/useFormElementOptions'\nimport AutocompleteDropdown from '../components/AutocompleteDropdown'\nimport FormElementLabelContainer from '../components/FormElementLabelContainer'\nimport { FormTypes } from '@oneblink/types'\nimport { FormElementValueChangeHandler } from '../types/form'\n\ntype _BaseProps = {\n  id: string\n  element: FormTypes.AutoCompleteElement\n  value: unknown | undefined\n  displayValidationMessage: boolean\n  validationMessage: string | undefined\n}\n\ntype _AutocompleteChangeHandlerProps = _BaseProps & {\n  onChange: (newValue: unknown | undefined) => void\n}\n\ntype _AutocompleteConditionallyShowOptionProps = {\n  conditionallyShownOptions: FormTypes.ChoiceElementOption[] | undefined\n}\n\ntype AutocompleteFilterProps = _AutocompleteChangeHandlerProps &\n  _AutocompleteConditionallyShowOptionProps\n\ntype AutocompleteFetchProps = _AutocompleteChangeHandlerProps & {\n  searchUrl: string\n}\n\ntype Props = _BaseProps &\n  _AutocompleteConditionallyShowOptionProps & {\n    onChange: FormElementValueChangeHandler<string>\n  }\n\nconst AutocompleteFilter = React.memo(function AutocompleteFilter({\n  id,\n  element,\n  value,\n  onChange,\n  conditionallyShownOptions,\n  validationMessage,\n  displayValidationMessage,\n}: AutocompleteFilterProps) {\n  const [label, setLabel] = React.useState('')\n\n  const onFilter = React.useCallback(\n    (option) => {\n      // If the user has typed nothing in, display all options\n      if (!label) {\n        return true\n      }\n\n      const lowerCase = label.toLowerCase()\n\n      return option.label.toLowerCase().includes(lowerCase)\n    },\n    [label],\n  )\n\n  const filteredOptions = useFormElementOptions({\n    element,\n    value,\n    onChange,\n    conditionallyShownOptions,\n    onFilter,\n  })\n\n  const handleSearch = React.useCallback(async () => {\n    return filteredOptions\n  }, [filteredOptions])\n\n  // Ensure the label matches the value selected\n  React.useEffect(() => {\n    if (!Array.isArray(element.options)) {\n      return\n    }\n\n    const option = element.options.find((option) => option.value === value)\n    if (option && label !== option.label) {\n      setLabel(option.label)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [element.options, value])\n\n  return (\n    <div className=\"cypress-autocomplete-filter-element\">\n      <FormElementLabelContainer\n        className=\"ob-autocomplete\"\n        element={element}\n        id={id}\n        required={element.required}\n      >\n        <FormElementOptions options={element.options}>\n          <AutocompleteDropdown\n            id={id}\n            label={label}\n            disabled={element.readOnly}\n            placeholder={element.placeholderValue}\n            required={element.required}\n            value={value}\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            onChangeValue={onChange}\n            onChangeLabel={setLabel}\n            onSearch={handleSearch}\n            searchDebounceMs={0}\n            searchMinCharacters={0}\n          />\n        </FormElementOptions>\n      </FormElementLabelContainer>\n    </div>\n  )\n})\n\nconst AutocompleteFetch = React.memo(function AutocompleteFetch({\n  id,\n  element,\n  value,\n  onChange,\n  validationMessage,\n  displayValidationMessage,\n  searchUrl,\n}: AutocompleteFetchProps) {\n  const [label, setLabel] = React.useState('')\n\n  const handleSearch = React.useCallback(\n    async (search, abortSignal) => {\n      const headers = await generateHeaders()\n      const url = new URL(searchUrl)\n      url.searchParams.append('value', search)\n      const response = await fetch(url.href, {\n        headers,\n        signal: abortSignal,\n      })\n\n      if (!response.ok) {\n        const text = await response.text()\n        throw new Error(text)\n      }\n\n      const data = await response.json()\n      return formElementsService.parseFormElementOptionsSet(data)\n    },\n    [searchUrl],\n  )\n\n  // Ensure the label is set if the value is set outside of this component\n  React.useEffect(() => {\n    if (!label && typeof value === 'string') {\n      setLabel(value)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value])\n\n  return (\n    <div className=\"cypress-autocomplete-search-element\">\n      <FormElementLabelContainer\n        className=\"ob-autocomplete\"\n        element={element}\n        id={id}\n        required={element.required}\n      >\n        <AutocompleteDropdown\n          id={id}\n          label={label}\n          disabled={element.readOnly}\n          placeholder={element.placeholderValue}\n          required={element.required}\n          value={value}\n          validationMessage={validationMessage}\n          displayValidationMessage={displayValidationMessage}\n          onChangeValue={onChange}\n          onChangeLabel={setLabel}\n          searchDebounceMs={750}\n          searchMinCharacters={1}\n          onSearch={handleSearch}\n        />\n      </FormElementLabelContainer>\n    </div>\n  )\n})\n\nfunction FormElementAutocomplete({\n  conditionallyShownOptions,\n  onChange,\n  ...props\n}: Props) {\n  const handleChange = React.useCallback(\n    (newValue) => {\n      onChange(props.element, newValue)\n    },\n    [onChange, props.element],\n  )\n  if (props.element.optionsType === 'SEARCH' && props.element.searchUrl) {\n    return (\n      <AutocompleteFetch\n        {...props}\n        onChange={handleChange}\n        searchUrl={props.element.searchUrl}\n      />\n    )\n  }\n\n  return (\n    <AutocompleteFilter\n      {...props}\n      onChange={handleChange}\n      conditionallyShownOptions={conditionallyShownOptions}\n    />\n  )\n}\n\nexport default React.memo(FormElementAutocomplete)\n"]}
+{"version":3,"file":"FormElementAutocomplete.js","sourceRoot":"","sources":["../../src/form-elements/FormElementAutocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAA;AAEpE,OAAO,kBAAkB,MAAM,2CAA2C,CAAA;AAC1E,OAAO,qBAAqB,MAAM,gCAAgC,CAAA;AAClE,OAAO,oBAAoB,MAAM,6CAA6C,CAAA;AAC9E,OAAO,yBAAyB,MAAM,kDAAkD,CAAA;AAgCxF,MAAM,kBAAkB,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,kBAAkB,CAAC,EAChE,EAAE,EACF,OAAO,EACP,KAAK,EACL,QAAQ,EACR,yBAAyB,EACzB,iBAAiB,EACjB,wBAAwB,GACA;IACxB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;IAE5C,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAChC,CAAC,MAAM,EAAE,EAAE;QACT,wDAAwD;QACxD,IAAI,CAAC,KAAK,EAAE;YACV,OAAO,IAAI,CAAA;SACZ;QAED,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,EAAE,CAAA;QAErC,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;IACvD,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAA;IAED,MAAM,eAAe,GAAG,qBAAqB,CAAC;QAC5C,OAAO;QACP,KAAK;QACL,QAAQ;QACR,yBAAyB;QACzB,QAAQ;KACT,CAAC,CAAA;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QAChD,OAAO,eAAe,CAAA;IACxB,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,8CAA8C;IAC9C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YACnC,OAAM;SACP;QAED,MAAM,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,CAAA;QACvE,IAAI,MAAM,IAAI,KAAK,KAAK,MAAM,CAAC,KAAK,EAAE;YACpC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;SACvB;QACD,uDAAuD;IACzD,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;IAE5B,OAAO,CACL,6BAAK,SAAS,EAAC,qCAAqC;QAClD,oBAAC,yBAAyB,IACxB,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,OAAO,CAAC,QAAQ;YAE1B,oBAAC,kBAAkB,IAAC,OAAO,EAAE,OAAO,CAAC,OAAO;gBAC1C,oBAAC,oBAAoB,IACnB,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,WAAW,EAAE,OAAO,CAAC,gBAAgB,EACrC,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,wBAAwB,EAAE,wBAAwB,EAClD,aAAa,EAAE,QAAQ,EACvB,aAAa,EAAE,QAAQ,EACvB,QAAQ,EAAE,YAAY,EACtB,gBAAgB,EAAE,CAAC,EACnB,mBAAmB,EAAE,CAAC,GACtB,CACiB,CACK,CACxB,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,iBAAiB,CAAC,EAC9D,EAAE,EACF,OAAO,EACP,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,wBAAwB,EACxB,SAAS,GACc;IACvB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;IAE5C,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE;QAC5B,MAAM,OAAO,GAAG,MAAM,eAAe,EAAE,CAAA;QACvC,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,SAAS,CAAC,CAAA;QAC9B,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;QACxC,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE;YACrC,OAAO;YACP,MAAM,EAAE,WAAW;SACpB,CAAC,CAAA;QAEF,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE;YAChB,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAA;YAClC,MAAM,IAAI,KAAK,CAAC,IAAI,CAAC,CAAA;SACtB;QAED,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAA;QAClC,OAAO,mBAAmB,CAAC,0BAA0B,CAAC,IAAI,CAAC,CAAA;IAC7D,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,wEAAwE;IACxE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YACvC,QAAQ,CAAC,KAAK,CAAC,CAAA;SAChB;QACD,uDAAuD;IACzD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,CACL,6BAAK,SAAS,EAAC,qCAAqC;QAClD,oBAAC,yBAAyB,IACxB,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,OAAO,CAAC,QAAQ;YAE1B,oBAAC,oBAAoB,IACnB,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,WAAW,EAAE,OAAO,CAAC,gBAAgB,EACrC,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,wBAAwB,EAAE,wBAAwB,EAClD,aAAa,EAAE,QAAQ,EACvB,aAAa,EAAE,QAAQ,EACvB,gBAAgB,EAAE,GAAG,EACrB,mBAAmB,EAAE,CAAC,EACtB,QAAQ,EAAE,YAAY,GACtB,CACwB,CACxB,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,uBAAuB,CAAC,EAC/B,yBAAyB,EACzB,QAAQ,EACR,GAAG,KAAK,EACF;IACN,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,QAAQ,EAAE,EAAE;QACX,QAAQ,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAA;IACnC,CAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAC1B,CAAA;IACD,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE;QACrE,OAAO,CACL,oBAAC,iBAAiB,OACZ,KAAK,EACT,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,GAClC,CACH,CAAA;KACF;IAED,OAAO,CACL,oBAAC,kBAAkB,OACb,KAAK,EACT,QAAQ,EAAE,YAAY,EACtB,yBAAyB,EAAE,yBAAyB,GACpD,CACH,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { formElementsService } from '@oneblink/sdk-core'\nimport { generateHeaders } from '@oneblink/apps/dist/services/fetch'\n\nimport FormElementOptions from '../components/renderer/FormElementOptions'\nimport useFormElementOptions from '../hooks/useFormElementOptions'\nimport AutocompleteDropdown from '../components/renderer/AutocompleteDropdown'\nimport FormElementLabelContainer from '../components/renderer/FormElementLabelContainer'\nimport { FormTypes } from '@oneblink/types'\nimport { FormElementValueChangeHandler } from '../types/form'\n\ntype _BaseProps = {\n  id: string\n  element: FormTypes.AutoCompleteElement\n  value: unknown | undefined\n  displayValidationMessage: boolean\n  validationMessage: string | undefined\n}\n\ntype _AutocompleteChangeHandlerProps = _BaseProps & {\n  onChange: (newValue: unknown | undefined) => void\n}\n\ntype _AutocompleteConditionallyShowOptionProps = {\n  conditionallyShownOptions: FormTypes.ChoiceElementOption[] | undefined\n}\n\ntype AutocompleteFilterProps = _AutocompleteChangeHandlerProps &\n  _AutocompleteConditionallyShowOptionProps\n\ntype AutocompleteFetchProps = _AutocompleteChangeHandlerProps & {\n  searchUrl: string\n}\n\ntype Props = _BaseProps &\n  _AutocompleteConditionallyShowOptionProps & {\n    onChange: FormElementValueChangeHandler<string>\n  }\n\nconst AutocompleteFilter = React.memo(function AutocompleteFilter({\n  id,\n  element,\n  value,\n  onChange,\n  conditionallyShownOptions,\n  validationMessage,\n  displayValidationMessage,\n}: AutocompleteFilterProps) {\n  const [label, setLabel] = React.useState('')\n\n  const onFilter = React.useCallback(\n    (option) => {\n      // If the user has typed nothing in, display all options\n      if (!label) {\n        return true\n      }\n\n      const lowerCase = label.toLowerCase()\n\n      return option.label.toLowerCase().includes(lowerCase)\n    },\n    [label],\n  )\n\n  const filteredOptions = useFormElementOptions({\n    element,\n    value,\n    onChange,\n    conditionallyShownOptions,\n    onFilter,\n  })\n\n  const handleSearch = React.useCallback(async () => {\n    return filteredOptions\n  }, [filteredOptions])\n\n  // Ensure the label matches the value selected\n  React.useEffect(() => {\n    if (!Array.isArray(element.options)) {\n      return\n    }\n\n    const option = element.options.find((option) => option.value === value)\n    if (option && label !== option.label) {\n      setLabel(option.label)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [element.options, value])\n\n  return (\n    <div className=\"cypress-autocomplete-filter-element\">\n      <FormElementLabelContainer\n        className=\"ob-autocomplete\"\n        element={element}\n        id={id}\n        required={element.required}\n      >\n        <FormElementOptions options={element.options}>\n          <AutocompleteDropdown\n            id={id}\n            label={label}\n            disabled={element.readOnly}\n            placeholder={element.placeholderValue}\n            required={element.required}\n            value={value}\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            onChangeValue={onChange}\n            onChangeLabel={setLabel}\n            onSearch={handleSearch}\n            searchDebounceMs={0}\n            searchMinCharacters={0}\n          />\n        </FormElementOptions>\n      </FormElementLabelContainer>\n    </div>\n  )\n})\n\nconst AutocompleteFetch = React.memo(function AutocompleteFetch({\n  id,\n  element,\n  value,\n  onChange,\n  validationMessage,\n  displayValidationMessage,\n  searchUrl,\n}: AutocompleteFetchProps) {\n  const [label, setLabel] = React.useState('')\n\n  const handleSearch = React.useCallback(\n    async (search, abortSignal) => {\n      const headers = await generateHeaders()\n      const url = new URL(searchUrl)\n      url.searchParams.append('value', search)\n      const response = await fetch(url.href, {\n        headers,\n        signal: abortSignal,\n      })\n\n      if (!response.ok) {\n        const text = await response.text()\n        throw new Error(text)\n      }\n\n      const data = await response.json()\n      return formElementsService.parseFormElementOptionsSet(data)\n    },\n    [searchUrl],\n  )\n\n  // Ensure the label is set if the value is set outside of this component\n  React.useEffect(() => {\n    if (!label && typeof value === 'string') {\n      setLabel(value)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value])\n\n  return (\n    <div className=\"cypress-autocomplete-search-element\">\n      <FormElementLabelContainer\n        className=\"ob-autocomplete\"\n        element={element}\n        id={id}\n        required={element.required}\n      >\n        <AutocompleteDropdown\n          id={id}\n          label={label}\n          disabled={element.readOnly}\n          placeholder={element.placeholderValue}\n          required={element.required}\n          value={value}\n          validationMessage={validationMessage}\n          displayValidationMessage={displayValidationMessage}\n          onChangeValue={onChange}\n          onChangeLabel={setLabel}\n          searchDebounceMs={750}\n          searchMinCharacters={1}\n          onSearch={handleSearch}\n        />\n      </FormElementLabelContainer>\n    </div>\n  )\n})\n\nfunction FormElementAutocomplete({\n  conditionallyShownOptions,\n  onChange,\n  ...props\n}: Props) {\n  const handleChange = React.useCallback(\n    (newValue) => {\n      onChange(props.element, newValue)\n    },\n    [onChange, props.element],\n  )\n  if (props.element.optionsType === 'SEARCH' && props.element.searchUrl) {\n    return (\n      <AutocompleteFetch\n        {...props}\n        onChange={handleChange}\n        searchUrl={props.element.searchUrl}\n      />\n    )\n  }\n\n  return (\n    <AutocompleteFilter\n      {...props}\n      onChange={handleChange}\n      conditionallyShownOptions={conditionallyShownOptions}\n    />\n  )\n}\n\nexport default React.memo(FormElementAutocomplete)\n"]}

package/dist/form-elements/FormElementBSB.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import InputMask from 'react-input-mask';
 import clsx from 'clsx';
-import CopyToClipboardButton from '../components/CopyToClipboardButton';
+import CopyToClipboardButton from '../components/renderer/CopyToClipboardButton';
 import useBooleanState from '../hooks/useBooleanState';
-import LookupButton from '../components/LookupButton';
-import FormElementLabelContainer from '../components/FormElementLabelContainer';
+import LookupButton from '../components/renderer/LookupButton';
+import FormElementLabelContainer from '../components/renderer/FormElementLabelContainer';
 import { formService } from '@oneblink/apps';
 function FormElementBSB({ id, formId, element, value, onChange, validationMessage, displayValidationMessage, }) {
     const [text, setText] = React.useState(typeof value === 'string' ? value : '');

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

@@ -1 +1 @@
-{"version":3,"file":"FormElementBSB.js","sourceRoot":"","sources":["../../src/form-elements/FormElementBSB.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport InputMask from 'react-input-mask'\nimport clsx from 'clsx'\nimport CopyToClipboardButton from '../components/CopyToClipboardButton'\nimport useBooleanState from '../hooks/useBooleanState'\nimport LookupButton from '../components/LookupButton'\nimport { FormTypes, MiscTypes } from '@oneblink/types'\nimport FormElementLabelContainer from '../components/FormElementLabelContainer'\nimport { FormElementValueChangeHandler } from '../types/form'\nimport { formService } from '@oneblink/apps'\n\ntype Props = {\n  id: string\n  formId: number\n  element: FormTypes.BSBElement\n  value: unknown\n  onChange: FormElementValueChangeHandler<\n    string | { isInvalid: boolean; isValidating: boolean }\n  >\n  displayValidationMessage: boolean\n  validationMessage: string | undefined\n}\n\nfunction FormElementBSB({\n  id,\n  formId,\n  element,\n  value,\n  onChange,\n  validationMessage,\n  displayValidationMessage,\n}: Props) {\n  const [text, setText] = React.useState(typeof value === 'string' ? value : '')\n  const isValidFormat = /\\d{3}-\\d{3}/.test(text)\n\n  const [isDirty, setIsDirty] = useBooleanState(false)\n  const [{ isLoading, errorMessage, bsbRecord }, setState] = React.useState<{\n    isLoading: boolean\n    errorMessage: string | null\n    bsbRecord: MiscTypes.BSBRecord | null\n  }>({\n    isLoading: false,\n    errorMessage: null,\n    bsbRecord: null,\n  })\n\n  React.useEffect(() => {\n    if (bsbRecord) {\n      onChange(element, bsbRecord.bsb)\n    }\n  }, [bsbRecord, element, onChange, value])\n\n  React.useEffect(() => {\n    if (text === '') {\n      return\n    }\n\n    if (!isValidFormat) {\n      setState({\n        isLoading: false,\n        errorMessage: null,\n        bsbRecord: null,\n      })\n      return\n    }\n\n    setState({\n      isLoading: true,\n      errorMessage: null,\n      bsbRecord: null,\n    })\n\n    const abortController = new AbortController()\n    const getBSBRecord = async () => {\n      onChange(element, { isValidating: true, isInvalid: false })\n      try {\n        const bsbRecord = await formService.getBSBRecord(\n          formId,\n          text,\n          abortController.signal,\n        )\n        if (!abortController.signal.aborted) {\n          setState({\n            isLoading: false,\n            errorMessage: null,\n            bsbRecord,\n          })\n        }\n      } catch (error) {\n        console.warn('Error validating BSB number', error)\n        if (!abortController.signal.aborted) {\n          onChange(element, { isInvalid: true, isValidating: false })\n          setState({\n            isLoading: false,\n            errorMessage: `The BSB number \"${text}\" does not exist`,\n            bsbRecord: null,\n          })\n        }\n      }\n    }\n\n    getBSBRecord()\n\n    return () => {\n      abortController.abort()\n    }\n  }, [formId, isValidFormat, text, onChange, element])\n\n  return (\n    <div className=\"cypress-bsb-element\">\n      <FormElementLabelContainer\n        className=\"ob-bsb\"\n        id={id}\n        element={element}\n        required={element.required}\n      >\n        <div className=\"field has-addons\">\n          <div\n            className={clsx('control is-expanded', {\n              'is-loading': isLoading,\n            })}\n          >\n            <InputMask\n              mask=\"999-999\"\n              // @ts-expect-error \"maskChar\" is not in the types, but it is in the docs\n              maskChar=\"x\"\n              type=\"text\"\n              placeholder={element.placeholderValue}\n              id={id}\n              name={element.name}\n              className=\"input ob-input cypress-bsb-control\"\n              value={text}\n              onChange={(e) => setText(e.target.value)}\n              required={element.required}\n              disabled={element.readOnly}\n              onBlur={setIsDirty}\n            />\n          </div>\n          {bsbRecord && (\n            <div className=\"control ob-bsb__record-control\">\n              <a className=\"button is-static ob-bsb__record-button\">\n                {bsbRecord.financialInstitutionMnemonic} - {bsbRecord.name}\n              </a>\n            </div>\n          )}\n          {!!element.readOnly && !!value && (\n            <div className=\"control\">\n              <CopyToClipboardButton\n                className=\"button is-input-addon cypress-copy-to-clipboard-button\"\n                isInputButton\n                text={text}\n              />\n            </div>\n          )}\n          <LookupButton\n            isInputButton\n            value={value}\n            validationMessage={validationMessage}\n          />\n        </div>\n        {(((isDirty || displayValidationMessage) &&\n          !!validationMessage &&\n          !isLoading) ||\n          errorMessage) && (\n          <div role=\"alert\" className=\"has-margin-top-8\">\n            <div className=\"has-text-danger ob-error__text cypress-validation-message\">\n              {errorMessage || validationMessage}\n            </div>\n          </div>\n        )}\n      </FormElementLabelContainer>\n    </div>\n  )\n}\n\nexport default React.memo(FormElementBSB)\n"]}
+{"version":3,"file":"FormElementBSB.js","sourceRoot":"","sources":["../../src/form-elements/FormElementBSB.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport InputMask from 'react-input-mask'\nimport clsx from 'clsx'\nimport CopyToClipboardButton from '../components/renderer/CopyToClipboardButton'\nimport useBooleanState from '../hooks/useBooleanState'\nimport LookupButton from '../components/renderer/LookupButton'\nimport { FormTypes, MiscTypes } from '@oneblink/types'\nimport FormElementLabelContainer from '../components/renderer/FormElementLabelContainer'\nimport { FormElementValueChangeHandler } from '../types/form'\nimport { formService } from '@oneblink/apps'\n\ntype Props = {\n  id: string\n  formId: number\n  element: FormTypes.BSBElement\n  value: unknown\n  onChange: FormElementValueChangeHandler<\n    string | { isInvalid: boolean; isValidating: boolean }\n  >\n  displayValidationMessage: boolean\n  validationMessage: string | undefined\n}\n\nfunction FormElementBSB({\n  id,\n  formId,\n  element,\n  value,\n  onChange,\n  validationMessage,\n  displayValidationMessage,\n}: Props) {\n  const [text, setText] = React.useState(typeof value === 'string' ? value : '')\n  const isValidFormat = /\\d{3}-\\d{3}/.test(text)\n\n  const [isDirty, setIsDirty] = useBooleanState(false)\n  const [{ isLoading, errorMessage, bsbRecord }, setState] = React.useState<{\n    isLoading: boolean\n    errorMessage: string | null\n    bsbRecord: MiscTypes.BSBRecord | null\n  }>({\n    isLoading: false,\n    errorMessage: null,\n    bsbRecord: null,\n  })\n\n  React.useEffect(() => {\n    if (bsbRecord) {\n      onChange(element, bsbRecord.bsb)\n    }\n  }, [bsbRecord, element, onChange, value])\n\n  React.useEffect(() => {\n    if (text === '') {\n      return\n    }\n\n    if (!isValidFormat) {\n      setState({\n        isLoading: false,\n        errorMessage: null,\n        bsbRecord: null,\n      })\n      return\n    }\n\n    setState({\n      isLoading: true,\n      errorMessage: null,\n      bsbRecord: null,\n    })\n\n    const abortController = new AbortController()\n    const getBSBRecord = async () => {\n      onChange(element, { isValidating: true, isInvalid: false })\n      try {\n        const bsbRecord = await formService.getBSBRecord(\n          formId,\n          text,\n          abortController.signal,\n        )\n        if (!abortController.signal.aborted) {\n          setState({\n            isLoading: false,\n            errorMessage: null,\n            bsbRecord,\n          })\n        }\n      } catch (error) {\n        console.warn('Error validating BSB number', error)\n        if (!abortController.signal.aborted) {\n          onChange(element, { isInvalid: true, isValidating: false })\n          setState({\n            isLoading: false,\n            errorMessage: `The BSB number \"${text}\" does not exist`,\n            bsbRecord: null,\n          })\n        }\n      }\n    }\n\n    getBSBRecord()\n\n    return () => {\n      abortController.abort()\n    }\n  }, [formId, isValidFormat, text, onChange, element])\n\n  return (\n    <div className=\"cypress-bsb-element\">\n      <FormElementLabelContainer\n        className=\"ob-bsb\"\n        id={id}\n        element={element}\n        required={element.required}\n      >\n        <div className=\"field has-addons\">\n          <div\n            className={clsx('control is-expanded', {\n              'is-loading': isLoading,\n            })}\n          >\n            <InputMask\n              mask=\"999-999\"\n              // @ts-expect-error \"maskChar\" is not in the types, but it is in the docs\n              maskChar=\"x\"\n              type=\"text\"\n              placeholder={element.placeholderValue}\n              id={id}\n              name={element.name}\n              className=\"input ob-input cypress-bsb-control\"\n              value={text}\n              onChange={(e) => setText(e.target.value)}\n              required={element.required}\n              disabled={element.readOnly}\n              onBlur={setIsDirty}\n            />\n          </div>\n          {bsbRecord && (\n            <div className=\"control ob-bsb__record-control\">\n              <a className=\"button is-static ob-bsb__record-button\">\n                {bsbRecord.financialInstitutionMnemonic} - {bsbRecord.name}\n              </a>\n            </div>\n          )}\n          {!!element.readOnly && !!value && (\n            <div className=\"control\">\n              <CopyToClipboardButton\n                className=\"button is-input-addon cypress-copy-to-clipboard-button\"\n                isInputButton\n                text={text}\n              />\n            </div>\n          )}\n          <LookupButton\n            isInputButton\n            value={value}\n            validationMessage={validationMessage}\n          />\n        </div>\n        {(((isDirty || displayValidationMessage) &&\n          !!validationMessage &&\n          !isLoading) ||\n          errorMessage) && (\n          <div role=\"alert\" className=\"has-margin-top-8\">\n            <div className=\"has-text-danger ob-error__text cypress-validation-message\">\n              {errorMessage || validationMessage}\n            </div>\n          </div>\n        )}\n      </FormElementLabelContainer>\n    </div>\n  )\n}\n\nexport default React.memo(FormElementBSB)\n"]}

package/dist/form-elements/FormElementBarcodeScanner.js

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import clsx from 'clsx';
 import jsQR from 'jsqr';
-import OnLoading from '../components/OnLoading';
-import CopyToClipboardButton from '../components/CopyToClipboardButton';
+import OnLoading from '../components/renderer/OnLoading';
+import CopyToClipboardButton from '../components/renderer/CopyToClipboardButton';
 import quaggaReader from '../services/barcode-readers/quagger.js';
 import useBooleanState from '../hooks/useBooleanState';
-import LookupButton from '../components/LookupButton';
-import FormElementLabelContainer from '../components/FormElementLabelContainer';
+import LookupButton from '../components/renderer/LookupButton';
+import FormElementLabelContainer from '../components/renderer/FormElementLabelContainer';
 import { Sentry } from '@oneblink/apps';
 import useLookupNotification from '../hooks/useLookupNotification';
 const MS_BETWEEN_IMAGE_PROCESSING = 10;