@oneblink/apps-react 5.7.0 → 5.8.0-beta.1

package/dist/components/formStore/display/ElementDisplay.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { FormElementWithOptions } from '@oneblink/types/typescript/forms';
 export declare function FileChip({ file: { fileName, url, data }, }: {
     file: {
@@ -7,7 +7,7 @@ export declare function FileChip({ file: { fileName, url, data }, }: {
         isPrivate?: boolean;
         data?: string;
     };
-}): JSX.Element;
+}): React.JSX.Element;
 export declare function FilesElementDataTableCellContent({ value, }: {
     value: Array<{
         fileName: string;
@@ -15,9 +15,9 @@ export declare function FilesElementDataTableCellContent({ value, }: {
         isPrivate?: boolean | undefined;
         data?: string | undefined;
     }>;
-}): JSX.Element;
+}): React.JSX.Element;
 export declare function MultiSelectFormElementTableCellContent({ value, formElement, }: {
     value: string[];
     formElement: FormElementWithOptions;
-}): JSX.Element;
+}): React.JSX.Element;
 export declare function getSelectedOptionLabel(formElement: FormElementWithOptions, value: string): string;

package/dist/components/formStore/table/ActionedByTableCell.d.ts

@@ -6,6 +6,6 @@ declare function ActionedByTableCell({ userProfile, developerKey, ...rest }: Rea
     developerKey?: {
         name: string;
     };
-}): JSX.Element;
+}): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof ActionedByTableCell>;
 export default _default;

package/dist/components/formStore/table/ColumnFilters.d.ts

@@ -4,6 +4,6 @@ import { HeaderGroup } from 'react-table';
 type Props = {
     filter: NonNullable<HeaderGroup<FormStoreRecord>['filter']>;
 };
-declare function ColumnFilters({ filter }: Props): JSX.Element | null;
+declare function ColumnFilters({ filter }: Props): React.JSX.Element | null;
 declare const _default: React.MemoExoticComponent<typeof ColumnFilters>;
 export default _default;

package/dist/components/formStore/table/FormElementTableCell.d.ts

@@ -5,6 +5,6 @@ type Props = {
     submission: SubmissionTypes.S3SubmissionData['submission'] | undefined;
     allowCopy: boolean;
 };
-declare function FormElementTableCell({ formElement, submission, allowCopy }: Props): JSX.Element | null;
+declare function FormElementTableCell({ formElement, submission, allowCopy }: Props): React.JSX.Element | null;
 declare const _default: React.MemoExoticComponent<typeof FormElementTableCell>;
 export default _default;

package/dist/components/formStore/table/HeaderCellMoreButton.d.ts

@@ -4,6 +4,6 @@ import { FormStoreRecord } from '@oneblink/types/typescript/submissions';
 declare function HeaderCellMoreButton({ headerGroup, onHide, }: {
     headerGroup: HeaderGroup<FormStoreRecord>;
     onHide: () => void;
-}): JSX.Element;
+}): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof HeaderCellMoreButton>;
 export default _default;

package/dist/components/formStore/table/Pickers.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { DateValidationError, DateTimeValidationError } from '@mui/x-date-pickers';
+import * as React from 'react';
 type DatePickersProps = {
     label: string;
     value: string | undefined;
@@ -8,9 +8,9 @@ type DatePickersProps = {
     maxDate?: string;
     minDate?: string;
 };
-export declare const FiltersDatePicker: (props: DatePickersProps) => JSX.Element;
+export declare const FiltersDatePicker: (props: DatePickersProps) => React.JSX.Element;
 type DateTimePickersProps = DatePickersProps & {
     renderHelperText: (errorType: DateTimeValidationError) => void;
 };
-export declare const FiltersDateTimePicker: (props: DateTimePickersProps) => JSX.Element;
+export declare const FiltersDateTimePicker: (props: DateTimePickersProps) => React.JSX.Element;
 export {};

package/dist/components/formStore/table/TableCellCopyButton.d.ts

@@ -2,6 +2,6 @@ import * as React from 'react';
 declare function TableCellCopyButton({ text, isHidden, }: {
     text: string;
     isHidden?: boolean;
-}): JSX.Element | null;
+}): React.JSX.Element | null;
 declare const _default: React.MemoExoticComponent<typeof TableCellCopyButton>;
 export default _default;

package/dist/components/messages/NoResourcesYet.d.ts

@@ -6,6 +6,6 @@ type Props = {
     gutterBottom?: boolean;
     children?: React.ReactNode;
 };
-export declare function NoResourcesYet({ title, children, IconComponent, gutterBottom, }: Props): JSX.Element;
+export declare function NoResourcesYet({ title, children, IconComponent, gutterBottom, }: Props): React.JSX.Element;
 declare const _default: React.NamedExoticComponent<Props>;
 export default _default;

package/dist/components/payments/PaymentForm.d.ts

@@ -11,6 +11,6 @@ declare function PaymentForm({ captchaSiteKey, onCompleted, onCancelled, appImag
     }) => void;
     appImageUrl?: string;
     title?: string;
-}): JSX.Element;
+}): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof PaymentForm>;
 export default _default;

package/dist/components/payments/WestpacQuickStreamPaymentForm.d.ts

@@ -45,6 +45,6 @@ declare function WestpacQuickStreamPaymentForm({ formSubmissionResult, paymentSu
     }) => void;
     appImageUrl?: string;
     title?: string;
-}): JSX.Element;
+}): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof WestpacQuickStreamPaymentForm>;
 export default _default;

package/dist/components/receipts/Receipt.d.ts

@@ -4,6 +4,6 @@ type Props = {
     containerClassName: string;
     children: React.ReactNode;
 };
-declare function Receipt({ className, containerClassName, children }: Props): JSX.Element;
+declare function Receipt({ className, containerClassName, children }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Receipt>;
 export default _default;

package/dist/components/receipts/ReceiptButton.d.ts

@@ -6,6 +6,6 @@ type Props = {
     isLoading?: boolean;
     onClick: () => unknown;
 };
-declare function ReceiptButton({ className, label, isDisabled, isLoading, onClick, }: Props): JSX.Element;
+declare function ReceiptButton({ className, label, isDisabled, isLoading, onClick, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof ReceiptButton>;
 export default _default;

package/dist/components/receipts/ReceiptList.d.ts

@@ -6,6 +6,6 @@ type Props = {
     warningMessage?: string;
     children: React.ReactNode;
 };
-declare function ReceiptList({ successIconClassName, warningIconClassName, warningMessageClassName, warningMessage, children, }: Props): JSX.Element;
+declare function ReceiptList({ successIconClassName, warningIconClassName, warningMessageClassName, warningMessage, children, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof ReceiptList>;
 export default _default;

package/dist/components/receipts/ReceiptListItem.d.ts

@@ -7,6 +7,6 @@ type Props = {
     value: string;
     allowCopyToClipboard?: boolean;
 };
-declare function ReceiptListItem({ className, valueClassName, icon, label, value, allowCopyToClipboard, }: Props): JSX.Element;
+declare function ReceiptListItem({ className, valueClassName, icon, label, value, allowCopyToClipboard, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof ReceiptListItem>;
 export default _default;

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

@@ -3,6 +3,6 @@ declare function AnnotationModal({ imageSrc, onClose, onSave, }: {
     imageSrc: string;
     onClose: () => void;
     onSave: (newValue: string) => void;
-}): JSX.Element;
+}): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof AnnotationModal>;
 export default _default;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { IsDirtyProps } from '../../types/form';
 type AutocompleteOption<T> = {
     label: string;
@@ -22,6 +22,6 @@ type Props<T> = {
     onChangeLabel: (newLabel: string) => void;
     onSearch: (label: string, abortSignal: AbortSignal) => Promise<AutocompleteOption<T>[]>;
 } & IsDirtyProps;
-declare function AutocompleteDropdown<T>({ id, label, value, placeholder, required, disabled, validationMessage, displayValidationMessage, searchDebounceMs, searchMinCharacters, isLoading, hasError, onChangeValue, onChangeLabel, onSearch, isDirty, setIsDirty, }: Props<T>): JSX.Element;
+declare function AutocompleteDropdown<T>({ id, label, value, placeholder, required, disabled, validationMessage, displayValidationMessage, searchDebounceMs, searchMinCharacters, isLoading, hasError, onChangeValue, onChangeLabel, onSearch, isDirty, setIsDirty, }: Props<T>): React.JSX.Element;
 declare const _default: typeof AutocompleteDropdown;
 export default _default;

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

@@ -3,6 +3,6 @@ type Props = {
     text: string;
     className?: string;
 };
-declare function CopyToClipboardButton({ className, text }: Props): JSX.Element;
+declare function CopyToClipboardButton({ className, text }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof CopyToClipboardButton>;
 export default _default;

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

@@ -7,12 +7,12 @@ declare function FormElementLabelContainer({ className, element, id, required, c
     required: boolean;
     children: React.ReactNode;
     leading?: React.ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;
 export declare function HintTooltip({ hint }: {
     hint: string;
-}): JSX.Element;
+}): React.JSX.Element;
 export declare function HintBelowLabel({ hint }: {
     hint: string;
-}): JSX.Element;
+}): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementLabelContainer>;
 export default _default;

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

@@ -6,6 +6,6 @@ type Props = {
     conditionallyShownOptionsElement: FormElementConditionallyShownElement | undefined;
     children: React.ReactNode;
 };
-declare function FormElementOptions({ options, children, conditionallyShownOptionsElement, }: Props): JSX.Element;
+declare function FormElementOptions({ options, children, conditionallyShownOptionsElement, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementOptions>;
 export default _default;

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

@@ -7,6 +7,6 @@ type Props = {
     isInputButton?: boolean;
     lookupButtonConfig?: FormsAppsTypes.ButtonConfiguration;
 };
-declare function LookupButton({ value, validationMessage, hasMarginTop, isInputButton, lookupButtonConfig, }: Props): JSX.Element | null;
+declare function LookupButton({ value, validationMessage, hasMarginTop, isInputButton, lookupButtonConfig, }: Props): React.JSX.Element | null;
 declare const _default: React.MemoExoticComponent<typeof LookupButton>;
 export default _default;

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

@@ -8,5 +8,5 @@ type Props = {
     onLookup: FormElementLookupHandler;
     children: React.ReactNode;
 };
-export default function LookupNotification(props: Props): JSX.Element;
+export default function LookupNotification(props: Props): React.JSX.Element;
 export {};

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

@@ -13,7 +13,7 @@ export declare const ModalContainerContext: React.Context<React.RefObject<HTMLDi
 export declare function ModalContainerProvider({ children, className, }: {
     children: React.ReactNode;
     className?: string;
-}): JSX.Element;
-declare function Modal({ isOpen, title, children, className, cardClassName, titleClassName, bodyClassName, actions, }: Props): JSX.Element;
+}): React.JSX.Element;
+declare function Modal({ isOpen, title, children, className, cardClassName, titleClassName, bodyClassName, actions, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Modal>;
 export default _default;

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

@@ -5,6 +5,6 @@ type Props = {
     large?: boolean;
     tiny?: boolean;
 };
-declare function OnLoading({ className, small, large, tiny }: Props): JSX.Element;
+declare function OnLoading({ className, small, large, tiny }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof OnLoading>;
 export default _default;

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

@@ -2,6 +2,6 @@ import * as React from 'react';
 type Props = {
     error?: Error;
 };
-declare function OneBlinkAppsErrorOriginalMessage({ error }: Props): JSX.Element | null;
+declare function OneBlinkAppsErrorOriginalMessage({ error }: Props): React.JSX.Element | null;
 declare const _default: React.MemoExoticComponent<typeof OneBlinkAppsErrorOriginalMessage>;
 export default _default;

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

@@ -15,6 +15,6 @@ export type Props<T extends FormTypes._NestedElementsElement> = {
     model: SubmissionTypes.S3SubmissionData['submission'];
     parentElement: T;
 };
-declare function OneBlinkFormElements<T extends FormTypes._NestedElementsElement>({ formId, elements, isEven, idPrefix, displayValidationMessages, formElementsValidation, formElementsConditionallyShown, onChange, onLookup, onUpdateFormElements, model, parentElement, }: Props<T>): JSX.Element;
+declare function OneBlinkFormElements<T extends FormTypes._NestedElementsElement>({ formId, elements, isEven, idPrefix, displayValidationMessages, formElementsValidation, formElementsConditionallyShown, onChange, onLookup, onUpdateFormElements, model, parentElement, }: Props<T>): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof OneBlinkFormElements>;
 export default _default;

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

@@ -13,6 +13,6 @@ export type Props = {
     setFormSubmission: SetFormSubmission;
     isFormReadOnly: boolean;
 };
-declare function PageFormElements({ formId, isActive, pageElement, model, displayValidationMessages, formElementsConditionallyShown, formElementsValidation, isFormReadOnly, onChange, setFormSubmission, }: Props): JSX.Element;
+declare function PageFormElements({ formId, isActive, pageElement, model, displayValidationMessages, formElementsConditionallyShown, formElementsValidation, isFormReadOnly, onChange, setFormSubmission, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof PageFormElements>;
 export default _default;

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

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

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

@@ -7,5 +7,5 @@ declare const _default: React.MemoExoticComponent<({ isUploading, isUploadPaused
     isLoadingImageUrl?: boolean | undefined;
     imageUrl: string | null | undefined;
     progress: number | undefined;
-}) => JSX.Element>;
+}) => React.JSX.Element>;
 export default _default;

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

@@ -15,6 +15,6 @@ type Props = {
     progress: undefined | number;
     index: number;
 };
-declare function FileCard({ element, isUploading, isUploadPaused, uploadErrorMessage, loadImageUrlError, isLoadingImageUrl, imageUrl, fileName, onDownload, onRemove, onRetry, progress, index, }: Props): JSX.Element;
+declare function FileCard({ element, isUploading, isUploadPaused, uploadErrorMessage, loadImageUrlError, isLoadingImageUrl, imageUrl, fileName, onDownload, onRemove, onRetry, progress, index, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FileCard>;
 export default _default;

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

@@ -16,7 +16,7 @@ function FileCard({ element, isUploading, isUploadPaused, uploadErrorMessage, lo
             return new Error(uploadErrorMessage);
         }
     }, [element, fileName, uploadErrorMessage]);
-    return (React.createElement("div", { className: "column is-one-quarter" },
+    return (React.createElement("div", { className: "column is-one-quarter-ob" },
         React.createElement("div", { className: "ob-files__box" },
             React.createElement("div", { className: "ob-files__content" },
                 React.createElement(FileCardContent, { imageUrl: imageUrl, alt: `${element.label}: Attachment ${index + 1}` })),

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

@@ -1 +1 @@
-{"version":3,"file":"FileCard.js","sourceRoot":"","sources":["../../../../src/components/renderer/attachments/FileCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAC/C,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,EACL,oBAAoB,EACpB,6BAA6B,GAC9B,MAAM,mCAAmC,CAAA;AAC1C,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAkBzC,SAAS,QAAQ,CAAC,EAChB,OAAO,EACP,WAAW,EACX,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,KAAK,GACC;IACN,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,IAAI,CAAC,oBAAoB,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE;YAC5C,OAAO,IAAI,KAAK,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,wBAAwB,CAAC,CAAA;SACvE;QACD,IAAI,CAAC,6BAA6B,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE;YACrD,OAAO,IAAI,KAAK,CAAC,GAAG,QAAQ,yBAAyB,CAAC,CAAA;SACvD;QACD,IAAI,kBAAkB,EAAE;YACtB,OAAO,IAAI,KAAK,CAAC,kBAAkB,CAAC,CAAA;SACrC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAE3C,OAAO,CACL,6BAAK,SAAS,EAAC,uBAAuB;QACpC,6BAAK,SAAS,EAAC,eAAe;YAC5B,6BAAK,SAAS,EAAC,mBAAmB;gBAChC,oBAAC,eAAe,IACd,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,OAAO,CAAC,KAAK,gBAAgB,KAAK,GAAG,CAAC,EAAE,GAChD,CACE;YACN,oBAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB;YAEF,6BAAK,SAAS,EAAC,+BAA+B;gBAC5C,8BAAM,SAAS,EAAC,2BAA2B,IAAE,QAAQ,CAAQ;gBAC7D,oBAAC,gBAAgB,IACf,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB;gBACF,oBAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,WAAW,GAAI,CACzD,CACF,CACF,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { FormTypes } from '@oneblink/types'\nimport FileCardContent from './FileCardContent'\nimport AttachmentStatus from './AttachmentStatus'\nimport {\n  checkFileNameIsValid,\n  checkFileNameExtensionIsValid,\n} from '../../../services/form-validation'\nimport ProgressBar from './ProgressBar'\nimport DropdownMenu from './DropdownMenu'\n\ntype Props = {\n  element: FormTypes.FilesElement\n  isUploading?: boolean\n  isUploadPaused?: boolean\n  uploadErrorMessage?: string\n  loadImageUrlError?: Error\n  isLoadingImageUrl?: boolean\n  fileName: string\n  imageUrl: string | undefined | null\n  onRemove: () => void\n  onDownload?: () => void\n  onRetry?: () => void\n  progress: undefined | number\n  index: number\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  progress,\n  index,\n}: Props) {\n  const uploadError = React.useMemo(() => {\n    if (!checkFileNameIsValid(element, fileName)) {\n      return new Error(`${fileName.split('.').pop()} files are not allowed`)\n    }\n    if (!checkFileNameExtensionIsValid(element, fileName)) {\n      return new Error(`${fileName} must have an extension`)\n    }\n    if (uploadErrorMessage) {\n      return new Error(uploadErrorMessage)\n    }\n  }, [element, fileName, uploadErrorMessage])\n\n  return (\n    <div className=\"column is-one-quarter\">\n      <div className=\"ob-files__box\">\n        <div className=\"ob-files__content\">\n          <FileCardContent\n            imageUrl={imageUrl}\n            alt={`${element.label}: Attachment ${index + 1}`}\n          />\n        </div>\n        <DropdownMenu\n          element={element}\n          onDownload={onDownload}\n          onRetry={onRetry}\n          onRemove={onRemove}\n        />\n\n        <div className=\"ob-files__file-name is-size-6\">\n          <span className=\"ob-files__file-name-inner\">{fileName}</span>\n          <AttachmentStatus\n            isUploading={isUploading}\n            isUploadPaused={isUploadPaused}\n            uploadError={uploadError}\n            loadImageUrlError={loadImageUrlError}\n            isLoadingImageUrl={isLoadingImageUrl}\n            imageUrl={imageUrl}\n            progress={progress}\n          />\n          <ProgressBar progress={progress} isShowing={!!isUploading} />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default React.memo(FileCard)\n"]}
+{"version":3,"file":"FileCard.js","sourceRoot":"","sources":["../../../../src/components/renderer/attachments/FileCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAC/C,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,EACL,oBAAoB,EACpB,6BAA6B,GAC9B,MAAM,mCAAmC,CAAA;AAC1C,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAkBzC,SAAS,QAAQ,CAAC,EAChB,OAAO,EACP,WAAW,EACX,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,KAAK,GACC;IACN,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,IAAI,CAAC,oBAAoB,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE;YAC5C,OAAO,IAAI,KAAK,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,wBAAwB,CAAC,CAAA;SACvE;QACD,IAAI,CAAC,6BAA6B,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE;YACrD,OAAO,IAAI,KAAK,CAAC,GAAG,QAAQ,yBAAyB,CAAC,CAAA;SACvD;QACD,IAAI,kBAAkB,EAAE;YACtB,OAAO,IAAI,KAAK,CAAC,kBAAkB,CAAC,CAAA;SACrC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAE3C,OAAO,CACL,6BAAK,SAAS,EAAC,0BAA0B;QACvC,6BAAK,SAAS,EAAC,eAAe;YAC5B,6BAAK,SAAS,EAAC,mBAAmB;gBAChC,oBAAC,eAAe,IACd,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,OAAO,CAAC,KAAK,gBAAgB,KAAK,GAAG,CAAC,EAAE,GAChD,CACE;YACN,oBAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB;YAEF,6BAAK,SAAS,EAAC,+BAA+B;gBAC5C,8BAAM,SAAS,EAAC,2BAA2B,IAAE,QAAQ,CAAQ;gBAC7D,oBAAC,gBAAgB,IACf,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB;gBACF,oBAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,WAAW,GAAI,CACzD,CACF,CACF,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { FormTypes } from '@oneblink/types'\nimport FileCardContent from './FileCardContent'\nimport AttachmentStatus from './AttachmentStatus'\nimport {\n  checkFileNameIsValid,\n  checkFileNameExtensionIsValid,\n} from '../../../services/form-validation'\nimport ProgressBar from './ProgressBar'\nimport DropdownMenu from './DropdownMenu'\n\ntype Props = {\n  element: FormTypes.FilesElement\n  isUploading?: boolean\n  isUploadPaused?: boolean\n  uploadErrorMessage?: string\n  loadImageUrlError?: Error\n  isLoadingImageUrl?: boolean\n  fileName: string\n  imageUrl: string | undefined | null\n  onRemove: () => void\n  onDownload?: () => void\n  onRetry?: () => void\n  progress: undefined | number\n  index: number\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  progress,\n  index,\n}: Props) {\n  const uploadError = React.useMemo(() => {\n    if (!checkFileNameIsValid(element, fileName)) {\n      return new Error(`${fileName.split('.').pop()} files are not allowed`)\n    }\n    if (!checkFileNameExtensionIsValid(element, fileName)) {\n      return new Error(`${fileName} must have an extension`)\n    }\n    if (uploadErrorMessage) {\n      return new Error(uploadErrorMessage)\n    }\n  }, [element, fileName, uploadErrorMessage])\n\n  return (\n    <div className=\"column is-one-quarter-ob\">\n      <div className=\"ob-files__box\">\n        <div className=\"ob-files__content\">\n          <FileCardContent\n            imageUrl={imageUrl}\n            alt={`${element.label}: Attachment ${index + 1}`}\n          />\n        </div>\n        <DropdownMenu\n          element={element}\n          onDownload={onDownload}\n          onRetry={onRetry}\n          onRemove={onRemove}\n        />\n\n        <div className=\"ob-files__file-name is-size-6\">\n          <span className=\"ob-files__file-name-inner\">{fileName}</span>\n          <AttachmentStatus\n            isUploading={isUploading}\n            isUploadPaused={isUploadPaused}\n            uploadError={uploadError}\n            loadImageUrlError={loadImageUrlError}\n            isLoadingImageUrl={isLoadingImageUrl}\n            imageUrl={imageUrl}\n            progress={progress}\n          />\n          <ProgressBar progress={progress} isShowing={!!isUploading} />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default React.memo(FileCard)\n"]}

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

@@ -2,5 +2,5 @@ import * as React from 'react';
 declare const _default: React.MemoExoticComponent<({ imageUrl, alt, }: {
     imageUrl: string | null | undefined;
     alt: string;
-}) => JSX.Element>;
+}) => React.JSX.Element>;
 export default _default;

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

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

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

@@ -9,6 +9,6 @@ type Props = {
     displayValidationMessage: boolean;
     validationMessage: string | undefined;
 } & IsDirtyProps;
-declare function FormElementABN({ id, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): JSX.Element;
+declare function FormElementABN({ id, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementABN>;
 export default _default;

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

@@ -10,6 +10,6 @@ type Props = {
     displayValidationMessage: boolean;
     validationMessage: string | undefined;
 } & IsDirtyProps;
-declare function FormElementAPINSWLiquorLicence({ formId, id, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): JSX.Element;
+declare function FormElementAPINSWLiquorLicence({ formId, id, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementAPINSWLiquorLicence>;
 export default _default;

package/dist/form-elements/FormElementAPINSWLiquorLicence.js

@@ -94,7 +94,23 @@ function LicenceDetailGridItem({ label, value, classNameSuffix, fullWidth, }) {
     if (!value) {
         return null;
     }
-    return (React.createElement(Grid, { item: true, xs: 12, sm: fullWidth ? 12 : 6, lg: fullWidth ? 12 : 4, className: `${liquorLicenceClassPrefix}${classNameSuffix}` },
+    return (React.createElement(Grid, { item: true, className: `${liquorLicenceClassPrefix}${classNameSuffix}`, sx: (theme) => ({
+            flexBasis: '100%',
+            flexGrow: 0,
+            maxWidth: '100%',
+            ...(fullWidth
+                ? {}
+                : {
+                    [theme.breakpoints.up('sm').replace('@media', '@container')]: {
+                        flexBasis: '50%',
+                        maxWidth: '50%',
+                    },
+                    [theme.breakpoints.up('lg').replace('@media', '@container')]: {
+                        flexBasis: '33.33%',
+                        maxWidth: '33.33%',
+                    },
+                }),
+        }) },
         React.createElement("label", { className: `is-size-6 has-text-weight-semibold ${liquorLicenceClassPrefix}detail-label` }, label),
         React.createElement("div", { className: `${liquorLicenceClassPrefix}detail-value` }, value)));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"FormElementAPINSWLiquorLicence.js","sourceRoot":"","sources":["../../src/form-elements/FormElementAPINSWLiquorLicence.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { FormTypes, APINSWTypes } from '@oneblink/types'\nimport { formService } from '@oneblink/apps'\nimport FormElementLabelContainer from '../components/renderer/FormElementLabelContainer'\nimport { FormElementValueChangeHandler, IsDirtyProps } from '../types/form'\nimport AutocompleteDropdown from '../components/renderer/AutocompleteDropdown'\nimport useIsMounted from '../hooks/useIsMounted'\nimport { Collapse, Grid } from '@mui/material'\n\ntype Props = {\n  formId: number\n  id: string\n  element: FormTypes.APINSWLiquorLicenceElement\n  value: APINSWTypes.LiquorLicenceDetails | undefined\n  onChange: FormElementValueChangeHandler<APINSWTypes.LiquorLicenceDetails>\n  displayValidationMessage: boolean\n  validationMessage: string | undefined\n} & IsDirtyProps\n\nconst liquorLicenceClassPrefix = 'ob-api-nsw-liquor-licence__'\nfunction FormElementAPINSWLiquorLicence({\n  formId,\n  id,\n  element,\n  value,\n  onChange,\n  validationMessage,\n  displayValidationMessage,\n  isDirty,\n  setIsDirty,\n}: Props) {\n  const isMounted = useIsMounted()\n  const [label, setLabel] = React.useState('')\n  const [{ isLoading, error }, setState] = React.useState<{\n    isLoading: boolean\n    error: Error | null\n  }>({\n    isLoading: false,\n    error: null,\n  })\n\n  const handleSearch = React.useCallback(\n    async (searchText: string, abortSignal: AbortSignal) => {\n      setState((current) => ({\n        ...current,\n        error: null,\n      }))\n\n      const results = await formService.searchAPINSWLiquorLicences(\n        { formId, searchText },\n        abortSignal,\n      )\n\n      return results.map((result, index) => ({\n        value: result.licenceID || index.toString(),\n        label:\n          `${result.licenceNumber} | ${result.licenceName}`.trim() ||\n          index.toString(),\n      }))\n    },\n    [formId],\n  )\n\n  const fetchAndSelectSingleLicence = React.useCallback(\n    async (newValue: string | undefined) => {\n      console.log(`Selected: ${newValue}`)\n      if (!newValue) {\n        onChange(element, { value: undefined })\n        return\n      }\n      setState((current) => ({\n        ...current,\n        isLoading: true,\n      }))\n\n      try {\n        const result = await formService.getAPINSWLiquorLicence(\n          formId,\n          newValue,\n        )\n        if (result) {\n          onChange(element, { value: result })\n        }\n        if (isMounted.current) {\n          setState({\n            isLoading: false,\n            error: null,\n          })\n        }\n      } catch (newError) {\n        if (isMounted.current) {\n          setState({\n            isLoading: false,\n            error: newError as Error,\n          })\n        }\n      }\n    },\n    [element, formId, isMounted, onChange],\n  )\n\n  // Ensure the label is set if the value is set outside of this component\n  React.useEffect(() => {\n    if (value) {\n      const newLabel =\n        `${value?.licenceDetail?.licenceNumber} | ${value?.licenceDetail?.licenceName}`.trim()\n      if (label !== newLabel) {\n        setLabel(newLabel || '')\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value])\n\n  return (\n    <div className=\"cypress-api-nsw-liquor-licence-element\">\n      <FormElementLabelContainer\n        className=\"ob-api-nsw-liquor-licence ob-autocomplete\"\n        id={id}\n        element={element}\n        required={element.required}\n      >\n        <AutocompleteDropdown\n          id={id}\n          label={label}\n          disabled={element.readOnly || isLoading}\n          placeholder={element.placeholderValue}\n          required={element.required}\n          value={value}\n          validationMessage={validationMessage}\n          displayValidationMessage={displayValidationMessage}\n          onChangeValue={fetchAndSelectSingleLicence}\n          isLoading={isLoading}\n          hasError={!!error}\n          onChangeLabel={setLabel}\n          searchDebounceMs={750}\n          searchMinCharacters={2}\n          onSearch={handleSearch}\n          isDirty={isDirty}\n          setIsDirty={setIsDirty}\n        />\n      </FormElementLabelContainer>\n\n      {error && (\n        <div role=\"alert\" className=\"has-margin-top-8\">\n          <div className=\"has-text-danger ob-error__text cypress-api-nsw-liquor-licence-error-message\">\n            {error.toString()}\n          </div>\n        </div>\n      )}\n      <Collapse in={!!value}>\n        <div\n          className={`notification ${liquorLicenceClassPrefix}record-display has-margin-top-6`}\n        >\n          <Grid container spacing={1}>\n            {value?.licenceDetail?.licenceName && (\n              <Grid\n                item\n                xs={12}\n                className={`${liquorLicenceClassPrefix}licenceName`}\n              >\n                <h6\n                  className={`is-size-5 has-text-weight-semibold ${liquorLicenceClassPrefix}name`}\n                >\n                  {value?.licenceDetail?.licenceName}\n                </h6>\n              </Grid>\n            )}\n            <LicenceDetailGridItem\n              label=\"Licence Number\"\n              value={value?.licenceDetail?.licenceNumber}\n              classNameSuffix=\"licenceNumber\"\n            />\n            <LicenceDetailGridItem\n              label=\"Licence Type\"\n              value={value?.licenceDetail?.licenceTypeName}\n              classNameSuffix=\"licenceTypeName\"\n            />\n            <LicenceDetailGridItem\n              label=\"Licensee\"\n              value={value?.licenceDetail?.licensee}\n              classNameSuffix=\"licensee\"\n            />\n            <LicenceDetailGridItem\n              label=\"Licensee Birth Date\"\n              value={value?.licenceDetail?.licenseeBirthdate}\n              classNameSuffix=\"licenseeBirthdate\"\n            />\n            <LicenceDetailGridItem\n              label=\"Licencee ABN\"\n              value={value?.licenceDetail?.licenceeABN}\n              classNameSuffix=\"licenceeABN\"\n            />\n            <LicenceDetailGridItem\n              label=\"Licencee ACN\"\n              value={value?.licenceDetail?.licenceeACN}\n              classNameSuffix=\"licenceeACN\"\n            />\n            <LicenceDetailGridItem\n              label=\"Refused Date\"\n              value={value?.licenceDetail?.refusedDate}\n              classNameSuffix=\"refusedDate\"\n            />\n            <LicenceDetailGridItem\n              label=\"Start Date\"\n              value={value?.licenceDetail?.startDate}\n              classNameSuffix=\"startDate\"\n            />\n            <LicenceDetailGridItem\n              label=\"Expiry Date\"\n              value={value?.licenceDetail?.expiryDate}\n              classNameSuffix=\"expiryDate\"\n            />\n            <LicenceDetailGridItem\n              label=\"Status\"\n              value={value?.licenceDetail?.status}\n              classNameSuffix=\"status\"\n            />\n            <LicenceDetailGridItem\n              label=\"Address Type\"\n              value={value?.licenceDetail?.addressType}\n              classNameSuffix=\"addressType\"\n            />\n            <LicenceDetailGridItem\n              label=\"Address\"\n              value={value?.licenceDetail?.address}\n              classNameSuffix=\"address\"\n              fullWidth\n            />\n          </Grid>\n        </div>\n      </Collapse>\n    </div>\n  )\n}\n\nfunction LicenceDetailGridItem({\n  label,\n  value,\n  classNameSuffix,\n  fullWidth,\n}: {\n  label: string\n  value: string | undefined\n  classNameSuffix: string\n  fullWidth?: boolean\n}) {\n  if (!value) {\n    return null\n  }\n\n  return (\n    <Grid\n      item\n      xs={12}\n      sm={fullWidth ? 12 : 6}\n      lg={fullWidth ? 12 : 4}\n      className={`${liquorLicenceClassPrefix}${classNameSuffix}`}\n    >\n      <label\n        className={`is-size-6 has-text-weight-semibold ${liquorLicenceClassPrefix}detail-label`}\n      >\n        {label}\n      </label>\n      <div className={`${liquorLicenceClassPrefix}detail-value`}>{value}</div>\n    </Grid>\n  )\n}\n\nexport default React.memo(FormElementAPINSWLiquorLicence)\n"]}
+{"version":3,"file":"FormElementAPINSWLiquorLicence.js","sourceRoot":"","sources":["../../src/form-elements/FormElementAPINSWLiquorLicence.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { FormTypes, APINSWTypes } from '@oneblink/types'\nimport { formService } from '@oneblink/apps'\nimport FormElementLabelContainer from '../components/renderer/FormElementLabelContainer'\nimport { FormElementValueChangeHandler, IsDirtyProps } from '../types/form'\nimport AutocompleteDropdown from '../components/renderer/AutocompleteDropdown'\nimport useIsMounted from '../hooks/useIsMounted'\nimport { Collapse, Grid } from '@mui/material'\n\ntype Props = {\n  formId: number\n  id: string\n  element: FormTypes.APINSWLiquorLicenceElement\n  value: APINSWTypes.LiquorLicenceDetails | undefined\n  onChange: FormElementValueChangeHandler<APINSWTypes.LiquorLicenceDetails>\n  displayValidationMessage: boolean\n  validationMessage: string | undefined\n} & IsDirtyProps\n\nconst liquorLicenceClassPrefix = 'ob-api-nsw-liquor-licence__'\nfunction FormElementAPINSWLiquorLicence({\n  formId,\n  id,\n  element,\n  value,\n  onChange,\n  validationMessage,\n  displayValidationMessage,\n  isDirty,\n  setIsDirty,\n}: Props) {\n  const isMounted = useIsMounted()\n  const [label, setLabel] = React.useState('')\n  const [{ isLoading, error }, setState] = React.useState<{\n    isLoading: boolean\n    error: Error | null\n  }>({\n    isLoading: false,\n    error: null,\n  })\n\n  const handleSearch = React.useCallback(\n    async (searchText: string, abortSignal: AbortSignal) => {\n      setState((current) => ({\n        ...current,\n        error: null,\n      }))\n\n      const results = await formService.searchAPINSWLiquorLicences(\n        { formId, searchText },\n        abortSignal,\n      )\n\n      return results.map((result, index) => ({\n        value: result.licenceID || index.toString(),\n        label:\n          `${result.licenceNumber} | ${result.licenceName}`.trim() ||\n          index.toString(),\n      }))\n    },\n    [formId],\n  )\n\n  const fetchAndSelectSingleLicence = React.useCallback(\n    async (newValue: string | undefined) => {\n      console.log(`Selected: ${newValue}`)\n      if (!newValue) {\n        onChange(element, { value: undefined })\n        return\n      }\n      setState((current) => ({\n        ...current,\n        isLoading: true,\n      }))\n\n      try {\n        const result = await formService.getAPINSWLiquorLicence(\n          formId,\n          newValue,\n        )\n        if (result) {\n          onChange(element, { value: result })\n        }\n        if (isMounted.current) {\n          setState({\n            isLoading: false,\n            error: null,\n          })\n        }\n      } catch (newError) {\n        if (isMounted.current) {\n          setState({\n            isLoading: false,\n            error: newError as Error,\n          })\n        }\n      }\n    },\n    [element, formId, isMounted, onChange],\n  )\n\n  // Ensure the label is set if the value is set outside of this component\n  React.useEffect(() => {\n    if (value) {\n      const newLabel =\n        `${value?.licenceDetail?.licenceNumber} | ${value?.licenceDetail?.licenceName}`.trim()\n      if (label !== newLabel) {\n        setLabel(newLabel || '')\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value])\n\n  return (\n    <div className=\"cypress-api-nsw-liquor-licence-element\">\n      <FormElementLabelContainer\n        className=\"ob-api-nsw-liquor-licence ob-autocomplete\"\n        id={id}\n        element={element}\n        required={element.required}\n      >\n        <AutocompleteDropdown\n          id={id}\n          label={label}\n          disabled={element.readOnly || isLoading}\n          placeholder={element.placeholderValue}\n          required={element.required}\n          value={value}\n          validationMessage={validationMessage}\n          displayValidationMessage={displayValidationMessage}\n          onChangeValue={fetchAndSelectSingleLicence}\n          isLoading={isLoading}\n          hasError={!!error}\n          onChangeLabel={setLabel}\n          searchDebounceMs={750}\n          searchMinCharacters={2}\n          onSearch={handleSearch}\n          isDirty={isDirty}\n          setIsDirty={setIsDirty}\n        />\n      </FormElementLabelContainer>\n\n      {error && (\n        <div role=\"alert\" className=\"has-margin-top-8\">\n          <div className=\"has-text-danger ob-error__text cypress-api-nsw-liquor-licence-error-message\">\n            {error.toString()}\n          </div>\n        </div>\n      )}\n      <Collapse in={!!value}>\n        <div\n          className={`notification ${liquorLicenceClassPrefix}record-display has-margin-top-6`}\n        >\n          <Grid container spacing={1}>\n            {value?.licenceDetail?.licenceName && (\n              <Grid\n                item\n                xs={12}\n                className={`${liquorLicenceClassPrefix}licenceName`}\n              >\n                <h6\n                  className={`is-size-5 has-text-weight-semibold ${liquorLicenceClassPrefix}name`}\n                >\n                  {value?.licenceDetail?.licenceName}\n                </h6>\n              </Grid>\n            )}\n            <LicenceDetailGridItem\n              label=\"Licence Number\"\n              value={value?.licenceDetail?.licenceNumber}\n              classNameSuffix=\"licenceNumber\"\n            />\n            <LicenceDetailGridItem\n              label=\"Licence Type\"\n              value={value?.licenceDetail?.licenceTypeName}\n              classNameSuffix=\"licenceTypeName\"\n            />\n            <LicenceDetailGridItem\n              label=\"Licensee\"\n              value={value?.licenceDetail?.licensee}\n              classNameSuffix=\"licensee\"\n            />\n            <LicenceDetailGridItem\n              label=\"Licensee Birth Date\"\n              value={value?.licenceDetail?.licenseeBirthdate}\n              classNameSuffix=\"licenseeBirthdate\"\n            />\n            <LicenceDetailGridItem\n              label=\"Licencee ABN\"\n              value={value?.licenceDetail?.licenceeABN}\n              classNameSuffix=\"licenceeABN\"\n            />\n            <LicenceDetailGridItem\n              label=\"Licencee ACN\"\n              value={value?.licenceDetail?.licenceeACN}\n              classNameSuffix=\"licenceeACN\"\n            />\n            <LicenceDetailGridItem\n              label=\"Refused Date\"\n              value={value?.licenceDetail?.refusedDate}\n              classNameSuffix=\"refusedDate\"\n            />\n            <LicenceDetailGridItem\n              label=\"Start Date\"\n              value={value?.licenceDetail?.startDate}\n              classNameSuffix=\"startDate\"\n            />\n            <LicenceDetailGridItem\n              label=\"Expiry Date\"\n              value={value?.licenceDetail?.expiryDate}\n              classNameSuffix=\"expiryDate\"\n            />\n            <LicenceDetailGridItem\n              label=\"Status\"\n              value={value?.licenceDetail?.status}\n              classNameSuffix=\"status\"\n            />\n            <LicenceDetailGridItem\n              label=\"Address Type\"\n              value={value?.licenceDetail?.addressType}\n              classNameSuffix=\"addressType\"\n            />\n            <LicenceDetailGridItem\n              label=\"Address\"\n              value={value?.licenceDetail?.address}\n              classNameSuffix=\"address\"\n              fullWidth\n            />\n          </Grid>\n        </div>\n      </Collapse>\n    </div>\n  )\n}\n\nfunction LicenceDetailGridItem({\n  label,\n  value,\n  classNameSuffix,\n  fullWidth,\n}: {\n  label: string\n  value: string | undefined\n  classNameSuffix: string\n  fullWidth?: boolean\n}) {\n  if (!value) {\n    return null\n  }\n\n  return (\n    <Grid\n      item\n      className={`${liquorLicenceClassPrefix}${classNameSuffix}`}\n      sx={(theme) => ({\n        flexBasis: '100%',\n        flexGrow: 0,\n        maxWidth: '100%',\n\n        ...(fullWidth\n          ? {}\n          : {\n              [theme.breakpoints.up('sm').replace('@media', '@container')]: {\n                flexBasis: '50%',\n                maxWidth: '50%',\n              },\n              [theme.breakpoints.up('lg').replace('@media', '@container')]: {\n                flexBasis: '33.33%',\n                maxWidth: '33.33%',\n              },\n            }),\n      })}\n    >\n      <label\n        className={`is-size-6 has-text-weight-semibold ${liquorLicenceClassPrefix}detail-label`}\n      >\n        {label}\n      </label>\n      <div className={`${liquorLicenceClassPrefix}detail-value`}>{value}</div>\n    </Grid>\n  )\n}\n\nexport default React.memo(FormElementAPINSWLiquorLicence)\n"]}

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

@@ -15,6 +15,6 @@ type _AutocompleteConditionallyShowOptionProps = {
 type Props = _BaseProps & _AutocompleteConditionallyShowOptionProps & {
     onChange: FormElementValueChangeHandler<string>;
 };
-declare function FormElementAutocomplete({ conditionallyShownOptionsElement, onChange, ...props }: Props): JSX.Element;
+declare function FormElementAutocomplete({ conditionallyShownOptionsElement, onChange, ...props }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementAutocomplete>;
 export default _default;

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

@@ -13,6 +13,6 @@ type Props = {
     displayValidationMessage: boolean;
     validationMessage: string | undefined;
 } & IsDirtyProps;
-declare function FormElementBSB({ id, formId, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): JSX.Element;
+declare function FormElementBSB({ id, formId, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementBSB>;
 export default _default;

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

@@ -9,6 +9,6 @@ type Props = {
     displayValidationMessage: boolean;
     validationMessage: string | undefined;
 } & IsDirtyProps;
-declare function FormElementBarcodeScanner({ id, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): JSX.Element;
+declare function FormElementBarcodeScanner({ id, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementBarcodeScanner>;
 export default _default;

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

@@ -9,6 +9,6 @@ type Props = {
     displayValidationMessage: boolean;
     validationMessage: string | undefined;
 } & IsDirtyProps;
-declare function FormElementBoolean({ id, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): JSX.Element;
+declare function FormElementBoolean({ id, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementBoolean>;
 export default _default;

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

@@ -6,6 +6,6 @@ type Props = {
     onChange: FormElementValueChangeHandler<number>;
     value: unknown | undefined;
 };
-declare function FormElementCalculation({ element, onChange, value }: Props): JSX.Element;
+declare function FormElementCalculation({ element, onChange, value }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementCalculation>;
 export default _default;

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

@@ -10,6 +10,6 @@ type Props = {
     displayValidationMessage: boolean;
     validationMessage: string | undefined;
 } & IsDirtyProps;
-declare function FormElementCamera({ id, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): JSX.Element;
+declare function FormElementCamera({ id, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementCamera>;
 export default _default;

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

@@ -7,6 +7,6 @@ type Props = {
     displayValidationMessage: boolean;
     validationMessage: string | undefined;
 };
-declare function FormElementCaptcha({ element, onChange, validationMessage, displayValidationMessage, }: Props): JSX.Element;
+declare function FormElementCaptcha({ element, onChange, validationMessage, displayValidationMessage, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementCaptcha>;
 export default _default;

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

@@ -11,6 +11,6 @@ type Props = {
     conditionallyShownOptionsElement: FormElementConditionallyShownElement | undefined;
     onUpdateFormElements: UpdateFormElementsHandler;
 } & IsDirtyProps;
-declare function FormElementCheckboxes({ id, element, value, onChange, validationMessage, displayValidationMessage, conditionallyShownOptionsElement, onUpdateFormElements, isDirty, setIsDirty, }: Props): JSX.Element;
+declare function FormElementCheckboxes({ id, element, value, onChange, validationMessage, displayValidationMessage, conditionallyShownOptionsElement, onUpdateFormElements, isDirty, setIsDirty, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementCheckboxes>;
 export default _default;

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

@@ -3,6 +3,6 @@ import { FormTypes } from '@oneblink/types';
 import { Props } from './FormElementForm';
 declare function FormElementCivicaNameRecord({ element, ...props }: Omit<Props, 'element'> & {
     element: FormTypes.CivicaNameRecordElement;
-}): JSX.Element;
+}): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementCivicaNameRecord>;
 export default _default;

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

@@ -10,6 +10,6 @@ type Props = {
     validationMessage: string | undefined;
     onChange: FormElementValueChangeHandler<CivicaTypes.CivicaStreetName>;
 } & IsDirtyProps;
-declare function FormElementCivicaStreetName({ formId, id, element, value, displayValidationMessage, validationMessage, onChange, isDirty, setIsDirty, }: Props): JSX.Element;
+declare function FormElementCivicaStreetName({ formId, id, element, value, displayValidationMessage, validationMessage, onChange, isDirty, setIsDirty, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementCivicaStreetName>;
 export default _default;

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

@@ -18,6 +18,6 @@ export interface Value {
     notes?: string;
     files?: attachmentsService.Attachment[];
 }
-declare function FormElementCompliance({ id, element, value, onChange, conditionallyShownOptionsElement, validationMessage, displayValidationMessage, isEven, onUpdateFormElements, isDirty, setIsDirty, }: Props): JSX.Element;
+declare function FormElementCompliance({ id, element, value, onChange, conditionallyShownOptionsElement, validationMessage, displayValidationMessage, isEven, onUpdateFormElements, isDirty, setIsDirty, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementCompliance>;
 export default _default;

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

@@ -9,6 +9,6 @@ type Props = {
     displayValidationMessage: boolean;
     validationMessage: string | undefined;
 } & IsDirtyProps;
-declare function FormElementDate({ id, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): JSX.Element;
+declare function FormElementDate({ id, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementDate>;
 export default _default;

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

@@ -9,6 +9,6 @@ type Props = {
     displayValidationMessage: boolean;
     validationMessage: string | undefined;
 } & IsDirtyProps;
-declare function FormElementDateTime({ id, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): JSX.Element;
+declare function FormElementDateTime({ id, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementDateTime>;
 export default _default;