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

package/dist/services/injectableOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"injectableOptions.js","sourceRoot":"","sources":["../../src/services/injectableOptions.ts"],"names":[],"mappings":"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","sourcesContent":["import { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport { submissionService, typeCastService } from '@oneblink/sdk-core'\nimport { localisationService } from '@oneblink/apps'\nimport { v4 as uuidv4 } from 'uuid'\nimport { MiscTypes } from '@oneblink/types'\nimport { TaskContext } from '../hooks/useTaskContext'\ntype Option = Pick<FormTypes.ChoiceElementOption, 'value' | 'label'>\n\nfunction processInjectableDynamicOption({\n  option: resource,\n  submission: rootSubmission,\n  formElements: rootFormElements,\n  contextElements,\n  contextSubmission,\n  ...params\n}: {\n  option: Option\n  submission: SubmissionTypes.S3SubmissionData['submission']\n  formElements: FormTypes.FormElement[]\n  taskContext: TaskContext\n  userProfile: MiscTypes.UserProfile | undefined\n  contextElements?: FormTypes.FormElement[]\n  contextSubmission?: {\n    [name: string]: unknown\n  }\n}): Map<string, Option> {\n  return submissionService.processInjectablesInCustomResource<Option>({\n    resource,\n    submission: rootSubmission,\n    formElements: [...rootFormElements, ...(contextElements || [])],\n    replaceRootInjectables(option, submission, formElements) {\n      // Replace root level form element values\n      const replaceableParams: Parameters<\n        typeof localisationService.replaceInjectablesWithElementValues\n      >[1] = {\n        ...params,\n        submission: { ...submission, ...contextSubmission },\n        formElements,\n        task: params.taskContext.task,\n        taskGroup: params.taskContext.taskGroup,\n        taskGroupInstance: params.taskContext.taskGroupInstance,\n        excludeNestedElements: true,\n      }\n      const {\n        text: label,\n        hadAllInjectablesReplaced: hadAllInjectablesReplacedInLabel,\n      } = localisationService.replaceInjectablesWithElementValues(\n        option.label,\n        replaceableParams,\n      )\n      if (!hadAllInjectablesReplacedInLabel) {\n        return\n      }\n\n      const {\n        text: value,\n        hadAllInjectablesReplaced: hadAllInjectablesReplacedInValue,\n      } = localisationService.replaceInjectablesWithElementValues(\n        option.value,\n        replaceableParams,\n      )\n      if (!hadAllInjectablesReplacedInValue) {\n        return\n      }\n\n      return [\n        label + ' ' + value,\n        value,\n        {\n          value,\n          label,\n        },\n      ]\n    },\n    prepareNestedInjectables(option, prepare) {\n      return {\n        value: prepare(option.value),\n        label: prepare(option.label),\n      }\n    },\n  })\n}\n\nexport default function processInjectableOption({\n  option,\n  submission,\n  formElements,\n  contextElements,\n  contextSubmission,\n  taskContext,\n  userProfile,\n}: {\n  option: FormTypes.ChoiceElementOption\n  submission: SubmissionTypes.S3SubmissionData['submission']\n  formElements: FormTypes.FormElement[]\n  contextElements?: FormTypes.FormElement[]\n  contextSubmission?: {\n    [name: string]: unknown\n  }\n  taskContext: TaskContext\n  userProfile: MiscTypes.UserProfile | undefined\n}): FormTypes.ChoiceElementOption[] {\n  const options = processInjectableDynamicOption({\n    option,\n    submission,\n    formElements,\n    taskContext,\n    userProfile,\n    contextElements,\n    contextSubmission,\n  })\n\n  const generatedOptions: FormTypes.ChoiceElementOption[] = []\n\n  options.forEach(({ label, value }) => {\n    generatedOptions.push({\n      ...option,\n      id: options.size === 1 ? option.id : uuidv4(),\n      label,\n      value,\n    })\n  })\n\n  return generatedOptions\n}\n\nfunction injectOptionsAcrossEntriesElements({\n  contextElements,\n  elements,\n  entries,\n  taskContext,\n  userProfile,\n}: {\n  contextElements: FormTypes.FormElement[]\n  elements: FormTypes.FormElement[]\n  entries: SubmissionTypes.S3SubmissionData['submission'][]\n  taskContext: TaskContext\n  userProfile: MiscTypes.UserProfile | undefined\n}): FormTypes.FormElement[] {\n  return elements.map<FormTypes.FormElement>((e) => {\n    switch (e.type) {\n      case 'page':\n      case 'section': {\n        return {\n          ...e,\n          elements: injectOptionsAcrossEntriesElements({\n            // info elements on other pages/sections will need the parent definition\n            contextElements,\n            elements: e.elements,\n            entries,\n            taskContext,\n            userProfile,\n          }),\n        }\n      }\n      case 'form': {\n        if (Array.isArray(e.elements)) {\n          return {\n            ...e,\n            elements: injectOptionsAcrossEntriesElements({\n              // sub-forms do not have context of parent elements\n              contextElements: e.elements,\n              elements: e.elements,\n              entries: entries.reduce<\n                SubmissionTypes.S3SubmissionData['submission'][]\n              >((memo, entry) => {\n                if (entry[e.name]) {\n                  memo.push(\n                    entry[\n                      e.name\n                    ] as SubmissionTypes.S3SubmissionData['submission'],\n                  )\n                }\n                return memo\n              }, []),\n              taskContext,\n              userProfile,\n            }),\n          }\n        } else {\n          return e\n        }\n      }\n      case 'repeatableSet': {\n        return {\n          ...e,\n          elements: injectOptionsAcrossEntriesElements({\n            // repeatable set entries may only know about elements within entry\n            contextElements,\n            elements: e.elements,\n            entries: entries.reduce<\n              SubmissionTypes.S3SubmissionData['submission'][]\n            >((memo, entry) => {\n              const nestedEntries = entry[e.name]\n              if (Array.isArray(nestedEntries)) {\n                memo.push(\n                  ...(nestedEntries as SubmissionTypes.S3SubmissionData['submission'][]),\n                )\n              }\n              return memo\n            }, []),\n            taskContext,\n            userProfile,\n          }),\n        }\n      }\n      default: {\n        const optionsElement = typeCastService.formElements.toOptionsElement(e)\n        if (optionsElement) {\n          return {\n            ...optionsElement,\n            options: entries.reduce<FormTypes.ChoiceElementOption[]>(\n              (newOptions, submission) => {\n                optionsElement.options?.forEach((o) => {\n                  const injected = processInjectableOption({\n                    option: o,\n                    submission,\n                    formElements: elements,\n                    contextElements,\n                    taskContext,\n                    userProfile,\n                  })\n\n                  newOptions.push(\n                    ...injected.filter((generatedOption) => {\n                      return !newOptions.some(\n                        (addedOption) =>\n                          addedOption.value === generatedOption.value,\n                      )\n                    }),\n                  )\n                })\n                return newOptions\n              },\n              [],\n            ),\n          }\n        }\n        return e\n      }\n    }\n  })\n}\n\nexport function injectOptionsAcrossAllElements({\n  submission,\n  ...params\n}: {\n  elements: FormTypes.FormElement[]\n  contextElements: FormTypes.FormElement[]\n  submission: SubmissionTypes.S3SubmissionData['submission']\n  taskContext: TaskContext\n  userProfile: MiscTypes.UserProfile | undefined\n}): FormTypes.FormElement[] {\n  // We iterate over entries as an array of submission objects because\n  // child elements of a repeatable set that have injected options\n  // need to include all of the injected options from the same elements\n  // in sibling entries within the set. Otherwise we will not have the\n  // labels for each available option to display the submission.\n  return injectOptionsAcrossEntriesElements({\n    ...params,\n    entries: [submission],\n  })\n}\n"]}
+{"version":3,"file":"injectableOptions.js","sourceRoot":"","sources":["../../src/services/injectableOptions.ts"],"names":[],"mappings":"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","sourcesContent":["import { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport { submissionService, typeCastService } from '@oneblink/sdk-core'\nimport { localisationService } from '@oneblink/apps'\nimport { v4 as uuidv4 } from 'uuid'\nimport { MiscTypes } from '@oneblink/types'\nimport { TaskContext } from '../hooks/useTaskContext'\ntype Option = Pick<FormTypes.ChoiceElementOption, 'value' | 'label'>\n\nfunction processInjectableDynamicOption({\n  option: resource,\n  submission: rootSubmission,\n  formElements: rootFormElements,\n  contextElements,\n  contextSubmission,\n  ...params\n}: {\n  option: Option\n  submission: SubmissionTypes.S3SubmissionData['submission']\n  formElements: FormTypes.FormElement[]\n  contextElements: FormTypes.FormElement[]\n  taskContext: TaskContext\n  userProfile: MiscTypes.UserProfile | undefined\n  contextSubmission?: SubmissionTypes.S3SubmissionData['submission']\n}): Map<string, Option> {\n  return submissionService.processInjectablesInCustomResource<Option>({\n    resource,\n    submission: { ...rootSubmission, ...contextSubmission },\n    formElements: [...rootFormElements, ...contextElements],\n    replaceRootInjectables(option, submission, formElements) {\n      // Replace root level form element values\n      const replaceableParams: Parameters<\n        typeof localisationService.replaceInjectablesWithElementValues\n      >[1] = {\n        ...params,\n        submission,\n        formElements,\n        task: params.taskContext.task,\n        taskGroup: params.taskContext.taskGroup,\n        taskGroupInstance: params.taskContext.taskGroupInstance,\n        excludeNestedElements: true,\n      }\n      const {\n        text: label,\n        hadAllInjectablesReplaced: hadAllInjectablesReplacedInLabel,\n      } = localisationService.replaceInjectablesWithElementValues(\n        option.label,\n        replaceableParams,\n      )\n      if (!hadAllInjectablesReplacedInLabel) {\n        return\n      }\n\n      const {\n        text: value,\n        hadAllInjectablesReplaced: hadAllInjectablesReplacedInValue,\n      } = localisationService.replaceInjectablesWithElementValues(\n        option.value,\n        replaceableParams,\n      )\n      if (!hadAllInjectablesReplacedInValue) {\n        return\n      }\n\n      return [\n        label + ' ' + value,\n        value,\n        {\n          value,\n          label,\n        },\n      ]\n    },\n    prepareNestedInjectables(option, prepare) {\n      return {\n        value: prepare(option.value),\n        label: prepare(option.label),\n      }\n    },\n  })\n}\n\nexport default function processInjectableOption({\n  option,\n  submission,\n  formElements,\n  contextElements,\n  contextSubmission,\n  taskContext,\n  userProfile,\n}: {\n  option: FormTypes.ChoiceElementOption\n  submission: SubmissionTypes.S3SubmissionData['submission']\n  formElements: FormTypes.FormElement[]\n  contextElements: FormTypes.FormElement[]\n  contextSubmission: SubmissionTypes.S3SubmissionData['submission']\n  taskContext: TaskContext\n  userProfile: MiscTypes.UserProfile | undefined\n}): FormTypes.ChoiceElementOption[] {\n  const options = processInjectableDynamicOption({\n    option,\n    submission,\n    formElements,\n    taskContext,\n    userProfile,\n    contextSubmission,\n    contextElements,\n  })\n\n  const generatedOptions: FormTypes.ChoiceElementOption[] = []\n\n  options.forEach(({ label, value }) => {\n    generatedOptions.push({\n      ...option,\n      id: options.size === 1 ? option.id : uuidv4(),\n      label,\n      value,\n    })\n  })\n  return generatedOptions\n}\n\nfunction injectOptionsAcrossEntriesElements({\n  contextElements,\n  contextSubmission,\n  elements,\n  entries,\n  taskContext,\n  userProfile,\n}: {\n  contextElements: FormTypes.FormElement[]\n  contextSubmission: SubmissionTypes.S3SubmissionData['submission']\n  elements: FormTypes.FormElement[]\n  entries: SubmissionTypes.S3SubmissionData['submission'][]\n  taskContext: TaskContext\n  userProfile: MiscTypes.UserProfile | undefined\n}): FormTypes.FormElement[] {\n  return elements.map<FormTypes.FormElement>((e) => {\n    switch (e.type) {\n      case 'page':\n      case 'section': {\n        return {\n          ...e,\n          elements: injectOptionsAcrossEntriesElements({\n            // info elements on other pages/sections will need the parent definition\n            contextElements,\n            contextSubmission,\n            elements: e.elements,\n            entries,\n            taskContext,\n            userProfile,\n          }),\n        }\n      }\n      case 'form': {\n        if (Array.isArray(e.elements)) {\n          return {\n            ...e,\n            elements: injectOptionsAcrossEntriesElements({\n              // sub-forms do not have context of parent elements\n              contextElements: e.elements,\n              contextSubmission,\n              elements: e.elements,\n              entries: entries.reduce<\n                SubmissionTypes.S3SubmissionData['submission'][]\n              >((memo, entry) => {\n                if (entry[e.name]) {\n                  memo.push(\n                    entry[\n                      e.name\n                    ] as SubmissionTypes.S3SubmissionData['submission'],\n                  )\n                }\n                return memo\n              }, []),\n              taskContext,\n              userProfile,\n            }),\n          }\n        } else {\n          return e\n        }\n      }\n      case 'repeatableSet': {\n        return {\n          ...e,\n          elements: injectOptionsAcrossEntriesElements({\n            // repeatable set entries may only know about elements within entry\n            contextElements,\n            contextSubmission,\n            elements: e.elements,\n            entries: entries.reduce<\n              SubmissionTypes.S3SubmissionData['submission'][]\n            >((memo, entry) => {\n              const nestedEntries = entry[e.name]\n              if (Array.isArray(nestedEntries)) {\n                memo.push(\n                  ...(nestedEntries as SubmissionTypes.S3SubmissionData['submission'][]),\n                )\n              }\n              return memo\n            }, []),\n            taskContext,\n            userProfile,\n          }),\n        }\n      }\n      default: {\n        const optionsElement = typeCastService.formElements.toOptionsElement(e)\n        if (optionsElement) {\n          return {\n            ...optionsElement,\n            options: entries.reduce<FormTypes.ChoiceElementOption[]>(\n              (newOptions, submission) => {\n                optionsElement.options?.forEach((o) => {\n                  const injected = processInjectableOption({\n                    option: o,\n                    submission,\n                    contextSubmission,\n                    formElements: elements,\n                    contextElements,\n                    taskContext,\n                    userProfile,\n                  })\n\n                  newOptions.push(\n                    ...injected.filter((generatedOption) => {\n                      return !newOptions.some(\n                        (addedOption) =>\n                          addedOption.value === generatedOption.value,\n                      )\n                    }),\n                  )\n                })\n                return newOptions\n              },\n              [],\n            ),\n          }\n        }\n        return e\n      }\n    }\n  })\n}\n\nexport function injectOptionsAcrossAllElements({\n  submission,\n  ...params\n}: {\n  elements: FormTypes.FormElement[]\n  contextElements: FormTypes.FormElement[]\n  submission: SubmissionTypes.S3SubmissionData['submission']\n  taskContext: TaskContext\n  userProfile: MiscTypes.UserProfile | undefined\n}): FormTypes.FormElement[] {\n  // We iterate over entries as an array of submission objects because\n  // child elements of a repeatable set that have injected options\n  // need to include all of the injected options from the same elements\n  // in sibling entries within the set. Otherwise we will not have the\n  // labels for each available option to display the submission.\n  return injectOptionsAcrossEntriesElements({\n    ...params,\n    contextSubmission: submission,\n    entries: [submission],\n  })\n}\n"]}

package/dist/styles/camera.scss

@@ -41,6 +41,7 @@
   justify-content: center;
   background: $white;
   padding: $size-4;
+  min-height: 0%;
 }
 
 .ob-annotation__content {
@@ -108,8 +109,32 @@
 }
 
 .ob-cropper__container {
+  //
+  // Third Party
+  //
+  --rc-drag-handle-size: 12px;
+  --rc-drag-handle-mobile-size: 24px;
+  --rc-drag-handle-bg-colour: rgba(0, 0, 0, 0.2);
+  --rc-drag-bar-size: 6px; // The invisible grip size of the crop selection edges
+  --rc-border-color: rgba(255, 255, 255, 0.7);
+  --rc-focus-color: #0088ff;
+  @import 'react-image-crop/src/ReactCrop.scss';
+
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
+
+  .ob-cropper__cropper-full-height {
+    height: 100%;
+  }
+  .ob-cropper__cropper {
+    .ReactCrop__child-wrapper {
+      height: 100%;
+
+      .ob-cropper__image {
+        max-height: 100%;
+      }
+    }
+  }
 }

package/dist/styles/modal.scss

@@ -1,6 +1,7 @@
 .modal {
   // Need this to make sure tool tips do not cover models
-  z-index: 100000;
+
+  z-index: 400;
 
   @media only screen and (max-width: $tablet) {
     padding: 0 $size-8;

package/dist/styles.css

@@ -7916,7 +7916,7 @@ button on-loading {
 }
 
 .modal {
-  z-index: 100000;
+  z-index: 400;
 }
 @media only screen and (max-width: 769px) {
   .modal {
@@ -8148,6 +8148,7 @@ button on-loading {
   justify-content: center;
   background: hsl(0, 0%, 100%);
   padding: 1.5rem;
+  min-height: 0%;
 }
 
 .ob-annotation__content {
@@ -8203,11 +8204,264 @@ button on-loading {
 }
 
 .ob-cropper__container {
+  --rc-drag-handle-size: 12px;
+  --rc-drag-handle-mobile-size: 24px;
+  --rc-drag-handle-bg-colour: rgba(0, 0, 0, 0.2);
+  --rc-drag-bar-size: 6px;
+  --rc-border-color: rgba(255, 255, 255, 0.7);
+  --rc-focus-color: #0088ff;
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
 }
+@keyframes marching-ants {
+  0% {
+    background-position: 0 0, 0 100%, 0 0, 100% 0;
+  }
+  100% {
+    background-position: 20px 0, -20px 100%, 0 -20px, 100% 20px;
+  }
+}
+.ob-cropper__container :root {
+  --rc-drag-handle-size: 12px;
+  --rc-drag-handle-mobile-size: 24px;
+  --rc-drag-handle-bg-colour: rgba(0, 0, 0, 0.2);
+  --rc-drag-bar-size: 6px;
+  --rc-border-color: rgba(255, 255, 255, 0.7);
+  --rc-focus-color: #0088ff;
+}
+.ob-cropper__container .ReactCrop {
+  position: relative;
+  display: inline-block;
+  cursor: crosshair;
+  max-width: 100%;
+}
+.ob-cropper__container .ReactCrop *, .ob-cropper__container .ReactCrop *::before, .ob-cropper__container .ReactCrop *::after {
+  box-sizing: border-box;
+}
+.ob-cropper__container .ReactCrop--disabled, .ob-cropper__container .ReactCrop--locked {
+  cursor: inherit;
+}
+.ob-cropper__container .ReactCrop__child-wrapper {
+  overflow: hidden;
+  max-height: inherit;
+}
+.ob-cropper__container .ReactCrop__child-wrapper > img, .ob-cropper__container .ReactCrop__child-wrapper > video {
+  display: block;
+  max-width: 100%;
+  max-height: inherit;
+}
+.ob-cropper__container .ReactCrop:not(.ob-cropper__container .ReactCrop--disabled) .ob-cropper__container .ReactCrop__child-wrapper > img, .ob-cropper__container .ReactCrop:not(.ob-cropper__container .ReactCrop--disabled) .ob-cropper__container .ReactCrop__child-wrapper > video {
+  touch-action: none;
+}
+.ob-cropper__container .ReactCrop:not(.ob-cropper__container .ReactCrop--disabled) .ob-cropper__container .ReactCrop__crop-selection {
+  touch-action: none;
+}
+.ob-cropper__container .ReactCrop__crop-mask {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+  width: calc(100% + 0.5px);
+  height: calc(100% + 0.5px);
+}
+.ob-cropper__container .ReactCrop__crop-selection {
+  position: absolute;
+  top: 0;
+  left: 0;
+  transform: translate3d(0, 0, 0);
+  cursor: move;
+}
+.ReactCrop--disabled .ob-cropper__container .ReactCrop__crop-selection {
+  cursor: inherit;
+}
+.ReactCrop--circular-crop .ob-cropper__container .ReactCrop__crop-selection {
+  border-radius: 50%;
+}
+.ReactCrop--circular-crop .ob-cropper__container .ReactCrop__crop-selection::after {
+  pointer-events: none;
+  content: "";
+  position: absolute;
+  top: -1px;
+  right: -1px;
+  bottom: -1px;
+  left: -1px;
+  border: 1px solid var(--rc-border-color);
+  opacity: 0.3;
+}
+.ReactCrop--no-animate .ob-cropper__container .ReactCrop__crop-selection {
+  outline: 1px dashed white;
+}
+.ob-cropper__container .ReactCrop__crop-selection:not(.ReactCrop--no-animate .ob-cropper__container .ReactCrop__crop-selection) {
+  animation: marching-ants 1s;
+  background-image: linear-gradient(to right, #fff 50%, #444 50%), linear-gradient(to right, #fff 50%, #444 50%), linear-gradient(to bottom, #fff 50%, #444 50%), linear-gradient(to bottom, #fff 50%, #444 50%);
+  background-size: 10px 1px, 10px 1px, 1px 10px, 1px 10px;
+  background-position: 0 0, 0 100%, 0 0, 100% 0;
+  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
+  color: #fff;
+  animation-play-state: running;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+}
+.ob-cropper__container .ReactCrop__crop-selection:focus {
+  outline: 2px solid var(--rc-focus-color);
+  outline-offset: -1px;
+}
+.ob-cropper__container .ReactCrop--invisible-crop .ob-cropper__container .ReactCrop__crop-mask, .ob-cropper__container .ReactCrop--invisible-crop .ob-cropper__container .ReactCrop__crop-selection {
+  display: none;
+}
+.ob-cropper__container .ReactCrop__rule-of-thirds-vt::before, .ob-cropper__container .ReactCrop__rule-of-thirds-vt::after, .ob-cropper__container .ReactCrop__rule-of-thirds-hz::before, .ob-cropper__container .ReactCrop__rule-of-thirds-hz::after {
+  content: "";
+  display: block;
+  position: absolute;
+  background-color: rgba(255, 255, 255, 0.4);
+}
+.ob-cropper__container .ReactCrop__rule-of-thirds-vt::before, .ob-cropper__container .ReactCrop__rule-of-thirds-vt::after {
+  width: 1px;
+  height: 100%;
+}
+.ob-cropper__container .ReactCrop__rule-of-thirds-vt::before {
+  left: 33.3333%;
+  left: 33.3333333333%;
+}
+.ob-cropper__container .ReactCrop__rule-of-thirds-vt::after {
+  left: 66.6666%;
+  left: 66.6666666667%;
+}
+.ob-cropper__container .ReactCrop__rule-of-thirds-hz::before, .ob-cropper__container .ReactCrop__rule-of-thirds-hz::after {
+  width: 100%;
+  height: 1px;
+}
+.ob-cropper__container .ReactCrop__rule-of-thirds-hz::before {
+  top: 33.3333%;
+  top: 33.3333333333%;
+}
+.ob-cropper__container .ReactCrop__rule-of-thirds-hz::after {
+  top: 66.6666%;
+  top: 66.6666666667%;
+}
+.ob-cropper__container .ReactCrop__drag-handle {
+  position: absolute;
+  width: var(--rc-drag-handle-size);
+  height: var(--rc-drag-handle-size);
+  background-color: var(--rc-drag-handle-bg-colour);
+  border: 1px solid var(--rc-border-color);
+}
+.ob-cropper__container .ReactCrop__drag-handle:focus {
+  background: var(--rc-focus-color);
+}
+.ob-cropper__container .ReactCrop .ord-nw {
+  top: 0;
+  left: 0;
+  transform: translate(-50%, -50%);
+  cursor: nw-resize;
+}
+.ob-cropper__container .ReactCrop .ord-n {
+  top: 0;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  cursor: n-resize;
+}
+.ob-cropper__container .ReactCrop .ord-ne {
+  top: 0;
+  right: 0;
+  transform: translate(50%, -50%);
+  cursor: ne-resize;
+}
+.ob-cropper__container .ReactCrop .ord-e {
+  top: 50%;
+  right: 0;
+  transform: translate(50%, -50%);
+  cursor: e-resize;
+}
+.ob-cropper__container .ReactCrop .ord-se {
+  bottom: 0;
+  right: 0;
+  transform: translate(50%, 50%);
+  cursor: se-resize;
+}
+.ob-cropper__container .ReactCrop .ord-s {
+  bottom: 0;
+  left: 50%;
+  transform: translate(-50%, 50%);
+  cursor: s-resize;
+}
+.ob-cropper__container .ReactCrop .ord-sw {
+  bottom: 0;
+  left: 0;
+  transform: translate(-50%, 50%);
+  cursor: sw-resize;
+}
+.ob-cropper__container .ReactCrop .ord-w {
+  top: 50%;
+  left: 0;
+  transform: translate(-50%, -50%);
+  cursor: w-resize;
+}
+.ob-cropper__container .ReactCrop__disabled .ob-cropper__container .ReactCrop__drag-handle {
+  cursor: inherit;
+}
+.ob-cropper__container .ReactCrop__drag-bar {
+  position: absolute;
+}
+.ob-cropper__container .ReactCrop__drag-bar.ord-n {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: var(--rc-drag-bar-size);
+  transform: translateY(-50%);
+}
+.ob-cropper__container .ReactCrop__drag-bar.ord-e {
+  right: 0;
+  top: 0;
+  width: var(--rc-drag-bar-size);
+  height: 100%;
+  transform: translateX(50%);
+}
+.ob-cropper__container .ReactCrop__drag-bar.ord-s {
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: var(--rc-drag-bar-size);
+  transform: translateY(50%);
+}
+.ob-cropper__container .ReactCrop__drag-bar.ord-w {
+  top: 0;
+  left: 0;
+  width: var(--rc-drag-bar-size);
+  height: 100%;
+  transform: translateX(-50%);
+}
+.ob-cropper__container .ReactCrop--new-crop .ob-cropper__container .ReactCrop__drag-bar, .ob-cropper__container .ReactCrop--new-crop .ob-cropper__container .ReactCrop__drag-handle, .ob-cropper__container .ReactCrop--fixed-aspect .ob-cropper__container .ReactCrop__drag-bar {
+  display: none;
+}
+.ob-cropper__container .ReactCrop--fixed-aspect .ob-cropper__container .ReactCrop__drag-handle.ord-n, .ob-cropper__container .ReactCrop--fixed-aspect .ob-cropper__container .ReactCrop__drag-handle.ord-e, .ob-cropper__container .ReactCrop--fixed-aspect .ob-cropper__container .ReactCrop__drag-handle.ord-s, .ob-cropper__container .ReactCrop--fixed-aspect .ob-cropper__container .ReactCrop__drag-handle.ord-w {
+  display: none;
+}
+@media (pointer: coarse) {
+  .ob-cropper__container .ReactCrop .ord-n,
+  .ob-cropper__container .ReactCrop .ord-e,
+  .ob-cropper__container .ReactCrop .ord-s,
+  .ob-cropper__container .ReactCrop .ord-w {
+    display: none;
+  }
+  .ob-cropper__container .ReactCrop__drag-handle {
+    width: var(--rc-drag-handle-mobile-size);
+    height: var(--rc-drag-handle-mobile-size);
+  }
+}
+.ob-cropper__container .ob-cropper__cropper-full-height {
+  height: 100%;
+}
+.ob-cropper__container .ob-cropper__cropper .ReactCrop__child-wrapper {
+  height: 100%;
+}
+.ob-cropper__container .ob-cropper__cropper .ReactCrop__child-wrapper .ob-cropper__image {
+  max-height: 100%;
+}
 
 .ob-quill-content > * {
   cursor: text;

package/dist/styles.scss

@@ -148,6 +148,3 @@ $section-padding-mobile: $section-padding-mobile-y $section-padding-mobile-x;
 @import './styles/nsw-point-address.scss';
 @import './styles/nsw-point-cadastral-parcel.scss';
 @import './styles/downloadable-files.scss';
-//
-// Third Party
-//

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@oneblink/apps-react",
   "description": "Helper functions for OneBlink apps in ReactJS.",
-  "version": "8.12.0-beta.1",
+  "version": "8.12.0-beta.10",
   "author": "OneBlink <developers@oneblink.io> (https://oneblink.io)",
   "bugs": {
     "url": "https://github.com/oneblink/apps-react/issues"
@@ -11,7 +11,7 @@
     "@emotion/react": "^11.11.3",
     "@emotion/styled": "^11.11.0",
     "@nylas/react": "^1.3.1",
-    "@oneblink/sdk-core": "^8.8.1-beta.3",
+    "@oneblink/sdk-core": "^8.9.0-beta.2",
     "@react-google-maps/api": "2.19.2",
     "blueimp-load-image": "^5.16.0",
     "bulma": "^0.9.4",
@@ -32,8 +32,8 @@
     "morph-expressions": "^1.1.1",
     "qrcode.react": "^4.1.0",
     "query-string": "^8.1.0",
-    "react-easy-crop": "^5.5.0",
     "react-google-recaptcha": "^3.1.0",
+    "react-image-crop": "^11.0.10",
     "react-input-mask": "^2.0.4",
     "react-signature-canvas": "^1.0.6",
     "react-table": "^7.8.0",