@projectcaluma/ember-form 11.0.0-beta.15 → 11.0.0-beta.18

package/CHANGELOG.md

@@ -1,3 +1,42 @@
+# [@projectcaluma/ember-form-v11.0.0-beta.18](https://github.com/projectcaluma/ember-caluma/compare/@projectcaluma/ember-form-v11.0.0-beta.17...@projectcaluma/ember-form-v11.0.0-beta.18) (2022-04-13)
+
+
+### Bug Fixes
+
+* **form:** fix error formatting for older browsers ([9e34876](https://github.com/projectcaluma/ember-caluma/commit/9e3487625ccb73918b32fdf787054bab9114162f))
+
+# [@projectcaluma/ember-form-v11.0.0-beta.17](https://github.com/projectcaluma/ember-caluma/compare/@projectcaluma/ember-form-v11.0.0-beta.16...@projectcaluma/ember-form-v11.0.0-beta.17) (2022-04-07)
+
+
+### Bug Fixes
+
+* **form:** fix error status indicator for backend errors ([03fc27e](https://github.com/projectcaluma/ember-caluma/commit/03fc27e0626edf3a6f774c41d25485158ee6a99d)), closes [#1877](https://github.com/projectcaluma/ember-caluma/issues/1877)
+
+
+### Features
+
+* **cf-field:** add optional hints for form fields ([d847fbf](https://github.com/projectcaluma/ember-caluma/commit/d847fbffa376ea60971fb9e91aff8bf54ce77d50))
+* **form:** show technical details of backend errors in UI ([c34cda6](https://github.com/projectcaluma/ember-caluma/commit/c34cda691f78623f41da1f9d75a39efce7e0ff0f))
+
+
+### BREAKING CHANGES
+
+* **cf-field:** Question hints requires Caluma >= v7.15.0
+
+Add option to create hints for certain question types. These
+are displayed below the input field and can be used to provide
+short, informative messages. Hints are available for all question
+types except for form, static and action button questions.
+
+# [@projectcaluma/ember-form-v11.0.0-beta.16](https://github.com/projectcaluma/ember-caluma/compare/@projectcaluma/ember-form-v11.0.0-beta.15...@projectcaluma/ember-form-v11.0.0-beta.16) (2022-03-23)
+
+
+### Bug Fixes
+
+* **embroider:** add missing dependency on @ember/string ([3a6e6bb](https://github.com/projectcaluma/ember-caluma/commit/3a6e6bb39a8c1a40a2ae00b3d4ea00606a755e25))
+* **embroider:** fix dynamic component usage ([1cf0f6e](https://github.com/projectcaluma/ember-caluma/commit/1cf0f6e2914651bbb0ec70d1f7485fd9db90c9b5))
+* **embroider:** remove obsolete export for getWidget helper function ([94fb461](https://github.com/projectcaluma/ember-caluma/commit/94fb461aaa7cac6af9f5612b8f34ad047a2b67bb))
+
 # [@projectcaluma/ember-form-v11.0.0-beta.15](https://github.com/projectcaluma/ember-caluma/compare/@projectcaluma/ember-form-v11.0.0-beta.14...@projectcaluma/ember-form-v11.0.0-beta.15) (2022-03-16)
 
 

package/addon/components/cf-field/hint.hbs

@@ -0,0 +1,5 @@
+<div data-test-field-hint={{@field.pk}}>
+  <span class="uk-text-small uk-text-muted" ...attributes>
+    {{@field.question.raw.hintText}}
+  </span>
+</div>

package/addon/components/cf-field/input/action-button.hbs

@@ -1,17 +1,23 @@
-<DocumentValidity
-  @document={{@field.document}}
-  @validateOnEnter={{this.validateOnEnter}}
-  as |isValid validate|
->
-  <WorkItemButton
-    @workItemId={{this.workItem}}
-    @mutation={{this.action}}
-    @label={{@field.question.raw.label}}
-    @disabled={{or (and (not-eq isValid null) (not isValid)) @disabled}}
-    @color={{this.color}}
-    @beforeMutate={{fn this.beforeMutate validate}}
-    @onSuccess={{this.onSuccess}}
-    @onError={{this.onError}}
-    class={{if @disabled "uk-hidden"}}
-  />
-</DocumentValidity>
+{{#if
+  (macroCondition
+    (macroDependencySatisfies "@projectcaluma/ember-workflow" "*")
+  )
+}}
+  <DocumentValidity
+    @document={{@field.document}}
+    @validateOnEnter={{this.validateOnEnter}}
+    as |isValid validate|
+  >
+    <WorkItemButton
+      @workItemId={{this.workItem}}
+      @mutation={{this.action}}
+      @label={{@field.question.raw.label}}
+      @disabled={{or (and (not-eq isValid null) (not isValid)) @disabled}}
+      @color={{this.color}}
+      @beforeMutate={{fn this.beforeMutate validate}}
+      @onSuccess={{this.onSuccess}}
+      @onError={{this.onError}}
+      class={{if @disabled "uk-hidden"}}
+    />
+  </DocumentValidity>
+{{/if}}

package/addon/components/cf-field/input/action-button.js

@@ -1,61 +1,78 @@
 import { assert } from "@ember/debug";
 import { action } from "@ember/object";
+import { dependencySatisfies, macroCondition } from "@embroider/macros";
 import Component from "@glimmer/component";
 import { confirm } from "ember-uikit";
 
-export default class CfFieldInputActionButtonComponent extends Component {
-  constructor(...args) {
-    super(...args);
-
-    assert(
-      "The document must have a `workItemUuid` for `<CfField::Input::ActionButton />` to work.",
-      this.args.field.document.workItemUuid
-    );
-  }
-
-  get workItem() {
-    return (
-      this.args.context?.actionButtonWorkItemId ||
-      this.args.field.document.workItemUuid
-    );
-  }
-
-  get action() {
-    return this.args.field.question.raw.action.toLowerCase();
-  }
-
-  get color() {
-    return this.args.field.question.raw.color.toLowerCase();
-  }
-
-  get validateOnEnter() {
-    return (
-      this.args.field.question.raw.action === "COMPLETE" &&
-      this.args.field.question.raw.validateOnEnter
-    );
-  }
-
-  @action
-  async beforeMutate(validateFn) {
-    if (
-      this.args.field.question.raw.action === "COMPLETE" &&
-      !(await validateFn())
-    ) {
-      return false;
-    }
-
-    const confirmText = this.args.field.question.raw.infoText;
-
-    return !confirmText || confirm(confirmText);
-  }
-
-  @action
-  onSuccess() {
-    return this.args.context?.actionButtonOnSuccess?.();
-  }
-
-  @action
-  onError(error) {
-    return this.args.context?.actionButtonOnError?.(error);
-  }
+let CfFieldInputActionButtonComponent;
+
+if (macroCondition(dependencySatisfies("@projectcaluma/ember-workflow", ""))) {
+  CfFieldInputActionButtonComponent = class extends Component {
+    constructor(...args) {
+      super(...args);
+
+      assert(
+        "The document must have a `workItemUuid` for `<CfField::Input::ActionButton />` to work.",
+        this.args.field.document.workItemUuid
+      );
+    }
+
+    get workItem() {
+      return (
+        this.args.context?.actionButtonWorkItemId ||
+        this.args.field.document.workItemUuid
+      );
+    }
+
+    get action() {
+      return this.args.field.question.raw.action.toLowerCase();
+    }
+
+    get color() {
+      return this.args.field.question.raw.color.toLowerCase();
+    }
+
+    get validateOnEnter() {
+      return (
+        this.args.field.question.raw.action === "COMPLETE" &&
+        this.args.field.question.raw.validateOnEnter
+      );
+    }
+
+    @action
+    async beforeMutate(validateFn) {
+      if (
+        this.args.field.question.raw.action === "COMPLETE" &&
+        !(await validateFn())
+      ) {
+        return false;
+      }
+
+      const confirmText = this.args.field.question.raw.infoText;
+
+      return !confirmText || confirm(confirmText);
+    }
+
+    @action
+    onSuccess() {
+      return this.args.context?.actionButtonOnSuccess?.();
+    }
+
+    @action
+    onError(error) {
+      return this.args.context?.actionButtonOnError?.(error);
+    }
+  };
+} else {
+  CfFieldInputActionButtonComponent = class extends Component {
+    constructor(...args) {
+      super(...args);
+
+      assert(
+        "@projectcaluma/ember-workflow must be installed to enable the usage of the action button questions"
+      );
+    }
+  };
 }
+
+export default CfFieldInputActionButtonComponent;

package/addon/components/cf-field/input/checkbox.hbs

@@ -1,8 +1,7 @@
 {{#each @field.options as |option i|}}
-  {{#if (gt i 0)}}<br />{{/if}}
+  {{#if (and (gt i 0) (not @field.raw.question.meta.vertical))}}<br />{{/if}}
   <label
-    class="cf-checkbox_label
-      {{if @field.isInvalid 'uk-form-danger'}}
+    class="{{if @field.isInvalid 'uk-form-danger'}}
       {{if @field.raw.question.meta.vertical 'uk-margin-large-right'}}"
   >
     <input

package/addon/components/cf-field/input/powerselect.hbs

@@ -1,29 +1,27 @@
-{{#let (component this.componentName) as |DynamicSelect|}}
-  <DynamicSelect
-    @options={{@field.options}}
-    @selected={{@field.selected}}
-    @disabled={{@disabled}}
-    @allowClear={{true}}
-    @preventScroll={{true}}
-    @searchEnabled={{this.searchEnabled}}
-    @searchField="label"
-    @triggerId={{@field.pk}}
-    @renderInPlace={{true}}
-    @placeholder={{this.placeholder}}
-    @loadingMessage={{t "caluma.form.power-select.options-loading"}}
-    @searchMessage={{t "caluma.form.power-select.options-empty"}}
-    @searchPlaceholder={{t "caluma.form.power-select.search-placeholder"}}
-    @noMatchesMessage={{t "caluma.form.power-select.search-empty"}}
-    @onChange={{this.change}}
-    as |option|
-  >
-    {{#if (and option.disabled (not @disabled))}}
-      <del
-        class="uk-text-muted"
-        title={{t "caluma.form.optionNotAvailable"}}
-      >{{option.label}}</del>
-    {{else}}
-      {{option.label}}
-    {{/if}}
-  </DynamicSelect>
-{{/let}}
+<this.selectComponent
+  @options={{@field.options}}
+  @selected={{@field.selected}}
+  @disabled={{@disabled}}
+  @allowClear={{true}}
+  @preventScroll={{true}}
+  @searchEnabled={{this.searchEnabled}}
+  @searchField="label"
+  @triggerId={{@field.pk}}
+  @renderInPlace={{true}}
+  @placeholder={{this.placeholder}}
+  @loadingMessage={{t "caluma.form.power-select.options-loading"}}
+  @searchMessage={{t "caluma.form.power-select.options-empty"}}
+  @searchPlaceholder={{t "caluma.form.power-select.search-placeholder"}}
+  @noMatchesMessage={{t "caluma.form.power-select.search-empty"}}
+  @onChange={{this.change}}
+  as |option|
+>
+  {{#if (and option.disabled (not @disabled))}}
+    <del
+      class="uk-text-muted"
+      title={{t "caluma.form.optionNotAvailable"}}
+    >{{option.label}}</del>
+  {{else}}
+    {{option.label}}
+  {{/if}}
+</this.selectComponent>

package/addon/components/cf-field/input/powerselect.js

@@ -1,7 +1,10 @@
 import { getOwner } from "@ember/application";
 import { action } from "@ember/object";
 import { inject as service } from "@ember/service";
+import { ensureSafeComponent } from "@embroider/util";
 import Component from "@glimmer/component";
+import PowerSelectComponent from "ember-power-select/components/power-select";
+import PowerSelectMultipleComponent from "ember-power-select/components/power-select-multiple";
 
 /**
  * Dropdown component for the single and multiple choice question type
@@ -16,8 +19,11 @@ export default class CfFieldInputPowerselectComponent extends Component {
     return this.args.field?.question.isMultipleChoice;
   }
 
-  get componentName() {
-    return this.multiple ? "power-select-multiple" : "power-select";
+  get selectComponent() {
+    return ensureSafeComponent(
+      this.multiple ? PowerSelectMultipleComponent : PowerSelectComponent,
+      this
+    );
   }
 
   get searchEnabled() {

package/addon/components/cf-field/input/radio.hbs

@@ -1,5 +1,5 @@
 {{#each @field.options as |option i|}}
-  {{#if (gt i 0)}}<br />{{/if}}
+  {{#if (and (gt i 0) (not @field.raw.question.meta.vertical))}}<br />{{/if}}
   <label
     class="{{if @field.isInvalid 'uk-form-danger'}}
       {{if @field.raw.question.meta.vertical 'uk-margin-large-right'}}"

package/addon/components/cf-field/input.hbs

@@ -1,21 +1,8 @@
-{{#if this.type}}
-  {{#let (component (concat "cf-field/input/" this.type)) as |InputComponent|}}
-    <div
-      class="uk-form-controls
-        {{if
-          (and
-            (has-question-type @field.question 'multiple-choice' 'choice')
-            @field.question.raw.meta.vertical
-          )
-          'uk-flex'
-        }}"
-    >
-      <InputComponent
-        @field={{@field}}
-        @disabled={{@disabled}}
-        @onSave={{@onSave}}
-        @context={{@context}}
-      />
-    </div>
-  {{/let}}
-{{/if}}
+<div class="uk-form-controls">
+  <this.inputComponent
+    @field={{@field}}
+    @disabled={{@disabled}}
+    @onSave={{@onSave}}
+    @context={{@context}}
+  />
+</div>

package/addon/components/cf-field/input.js

@@ -1,12 +1,33 @@
-import { dasherize } from "@ember/string";
+import { ensureSafeComponent } from "@embroider/util";
 import Component from "@glimmer/component";
 
-const mapping = {
-  MultipleChoiceQuestion: "checkbox",
-  ChoiceQuestion: "radio",
-  DynamicMultipleChoiceQuestion: "checkbox",
-  DynamicChoiceQuestion: "radio",
-  CalculatedFloatQuestion: "float",
+import ActionButtonComponent from "@projectcaluma/ember-form/components/cf-field/input/action-button";
+import CheckboxComponent from "@projectcaluma/ember-form/components/cf-field/input/checkbox";
+import DateComponent from "@projectcaluma/ember-form/components/cf-field/input/date";
+import FileComponent from "@projectcaluma/ember-form/components/cf-field/input/file";
+import FloatComponent from "@projectcaluma/ember-form/components/cf-field/input/float";
+import IntegerComponent from "@projectcaluma/ember-form/components/cf-field/input/integer";
+import RadioComponent from "@projectcaluma/ember-form/components/cf-field/input/radio";
+import StaticComponent from "@projectcaluma/ember-form/components/cf-field/input/static";
+import TableComponent from "@projectcaluma/ember-form/components/cf-field/input/table";
+import TextComponent from "@projectcaluma/ember-form/components/cf-field/input/text";
+import TextareaComponent from "@projectcaluma/ember-form/components/cf-field/input/textarea";
+
+const COMPONENT_MAPPING = {
+  ActionButtonQuestion: ActionButtonComponent,
+  CalculatedFloatQuestion: FloatComponent,
+  ChoiceQuestion: RadioComponent,
+  DateQuestion: DateComponent,
+  DynamicChoiceQuestion: RadioComponent,
+  DynamicMultipleChoiceQuestion: CheckboxComponent,
+  FileQuestion: FileComponent,
+  FloatQuestion: FloatComponent,
+  IntegerQuestion: IntegerComponent,
+  MultipleChoiceQuestion: CheckboxComponent,
+  StaticQuestion: StaticComponent,
+  TableQuestion: TableComponent,
+  TextareaQuestion: TextareaComponent,
+  TextQuestion: TextComponent,
 };
 
 /**
@@ -16,17 +37,14 @@ const mapping = {
  */
 export default class CfFieldInputComponent extends Component {
   /**
-   * The input component type
+   * The input component
    *
-   * @property {String} type
+   * @property {Component} inputComponent
    * @accessor
    */
-  get type() {
+  get inputComponent() {
     const typename = this.args.field?.question.raw.__typename;
 
-    return (
-      typename &&
-      (mapping[typename] || dasherize(typename.replace(/Question$/, "")))
-    );
+    return ensureSafeComponent(COMPONENT_MAPPING[typename], this);
   }
 }

package/addon/components/cf-field.hbs

@@ -38,7 +38,25 @@
           {{#if this.save.isRunning}}
             <UkSpinner class="uk-animation-fade" />
           {{else if (or this.save.last.isError @field.isInvalid)}}
-            <UkIcon @icon="warning" class="uk-animation-fade uk-text-danger" />
+            <div class="uk-flex-inline">
+              <UkIcon
+                @icon="warning"
+                class="uk-animation-fade uk-text-danger"
+              />
+              {{#if this.save.last.error}}
+                <div uk-dropdown="pos: bottom-left" class="uk-padding-small">
+                  <div class="uk-alert uk-alert-danger uk-margin-small">
+                    {{t "caluma.form.error.intro"}}
+                  </div>
+                  <p class="uk-text-meta uk-margin-small">
+                    {{t "caluma.form.error.details"}}
+                  </p>
+                  <pre class="uk-margin-remove">
+                    {{~format-graphql-error this.save.last.error~}}
+                  </pre>
+                </div>
+              {{/if}}
+            </div>
           {{else if this.save.last.isSuccessful}}
             <UkIcon @icon="check" class="uk-animation-fade uk-text-success" />
           {{/if}}
@@ -46,6 +64,10 @@
       {{/if}}
     </div>
 
+    {{#if (and @field.question.raw.hintText this.hintTextVisible)}}
+      <CfField::hint @field={{@field}} />
+    {{/if}}
+
     {{#if @field.errors.length}}
       <CfField::errors @field={{@field}} />
     {{/if}}

package/addon/components/cf-field.js

@@ -46,6 +46,15 @@ export default class CfFieldComponent extends Component {
     return !hasQuestionType(this.args.field?.question, "action-button");
   }
 
+  get hintTextVisible() {
+    return !hasQuestionType(
+      this.args.field?.question,
+      "action-button",
+      "static",
+      "form"
+    );
+  }
+
   get saveIndicatorVisible() {
     return !hasQuestionType(this.args.field?.question, "action-button");
   }
@@ -73,12 +82,6 @@ export default class CfFieldComponent extends Component {
 
     yield this.args.field.validate.perform();
 
-    try {
-      // Save the new field value unlinked so the fields save task is not
-      // aborted when this component is destroyed
-      return yield this.args.field.save.unlinked().perform();
-    } catch (e) {
-      // The component was destroyed before the fields save task was finished
-    }
+    return yield this.args.field.save.unlinked().perform();
   }
 }

package/addon/gql/fragments/field.graphql

@@ -28,6 +28,7 @@ fragment SimpleQuestion on Question {
         }
       }
     }
+    hintText
   }
   ... on TextareaQuestion {
     textareaMinLength: minLength
@@ -46,6 +47,7 @@ fragment SimpleQuestion on Question {
         }
       }
     }
+    hintText
   }
   ... on IntegerQuestion {
     integerMinValue: minValue
@@ -55,6 +57,7 @@ fragment SimpleQuestion on Question {
       value
     }
     placeholder
+    hintText
   }
   ... on FloatQuestion {
     floatMinValue: minValue
@@ -64,6 +67,7 @@ fragment SimpleQuestion on Question {
       value
     }
     placeholder
+    hintText
   }
   ... on ChoiceQuestion {
     choiceOptions: options {
@@ -80,6 +84,7 @@ fragment SimpleQuestion on Question {
       id
       value
     }
+    hintText
   }
   ... on MultipleChoiceQuestion {
     multipleChoiceOptions: options {
@@ -96,18 +101,24 @@ fragment SimpleQuestion on Question {
       id
       value
     }
+    hintText
   }
   ... on DateQuestion {
     dateDefaultAnswer: defaultAnswer {
       id
       value
     }
+    hintText
   }
   ... on StaticQuestion {
     staticContent
   }
   ... on CalculatedFloatQuestion {
     calcExpression
+    hintText
+  }
+  ... on FileQuestion {
+    hintText
   }
   ... on ActionButtonQuestion {
     action
@@ -130,6 +141,7 @@ fragment FieldTableQuestion on Question {
         }
       }
     }
+    hintText
     tableDefaultAnswer: defaultAnswer {
       id
       value {

package/addon/helpers/format-graphql-error.js

@@ -0,0 +1,21 @@
+import { helper } from "@ember/component/helper";
+
+export function formatGraphqlErrorObject(error) {
+  try {
+    const path = error.path.join(".");
+    const { line, column } = error.locations[error.locations.length - 1];
+
+    return `${path}:${line}:${column}: ${error.message}`;
+  } catch (e) {
+    return null;
+  }
+}
+
+export function formatGraphqlError(error) {
+  return (
+    error?.errors?.map(formatGraphqlErrorObject).filter(Boolean).join("\n") ??
+    ""
+  );
+}
+
+export default helper(([error]) => formatGraphqlError(error));

package/app/components/cf-field/hint.js

@@ -0,0 +1 @@
+export { default } from "@projectcaluma/ember-form/components/cf-field/hint";

package/app/helpers/format-graphql-error.js

@@ -0,0 +1 @@
+export { default } from "@projectcaluma/ember-form/helpers/format-graphql-error";

package/app/helpers/get-widget.js

@@ -1,4 +1 @@
-export {
-  default,
-  getWidget,
-} from "@projectcaluma/ember-form/helpers/get-widget";
+export { default } from "@projectcaluma/ember-form/helpers/get-widget";

package/app/styles/@projectcaluma/ember-form.scss

@@ -9,20 +9,3 @@
   min-height: 20px;
   min-width: 20px;
 }
-
-.cf-checkbox_label {
-  display: block;
-  position: relative;
-  padding-left: 26px;
-
-  .uk-checkbox {
-    position: absolute;
-    top: 0.25em;
-    left: 0;
-    margin: 0;
-  }
-
-  & + br {
-    display: none;
-  }
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@projectcaluma/ember-form",
-  "version": "11.0.0-beta.15",
+  "version": "11.0.0-beta.18",
   "description": "Ember addon for rendering Caluma forms.",
   "keywords": [
     "ember-addon"
@@ -14,12 +14,14 @@
     "test:ember-compatibility": "ember try:each"
   },
   "dependencies": {
-    "@embroider/macros": "^1.5.0",
-    "@glimmer/component": "^1.0.4",
-    "@glimmer/tracking": "^1.0.4",
-    "@projectcaluma/ember-core": "^11.0.0-beta.5",
-    "ember-apollo-client": "^3.2.1",
-    "ember-auto-import": "^2.4.0",
+    "@ember/string": "^3.0.0",
+    "@embroider/macros": "^1.6.0",
+    "@embroider/util": "^1.6.0",
+    "@glimmer/component": "^1.1.1",
+    "@glimmer/tracking": "^1.1.1",
+    "@projectcaluma/ember-core": "^11.0.0-beta.6",
+    "ember-apollo-client": "^4.0.2",
+    "ember-auto-import": "^2.4.1",
     "ember-autoresize-modifier": "^0.5.0",
     "ember-cli-babel": "^7.26.11",
     "ember-cli-htmlbars": "^6.0.1",
@@ -27,13 +29,13 @@
     "ember-composable-helpers": "^5.0.0",
     "ember-concurrency": "^2.2.1",
     "ember-fetch": "^8.1.1",
-    "ember-in-viewport": "^4.0.0",
+    "ember-in-viewport": "^4.0.2",
     "ember-intl": "^5.7.2",
     "ember-math-helpers": "^2.18.1",
     "ember-pikaday": "^4.0.0",
     "ember-power-select": "^5.0.4",
     "ember-resources": "^4.4.0",
-    "ember-uikit": "^5.1.0",
+    "ember-uikit": "^5.1.1",
     "ember-validators": "^4.1.2",
     "graphql": "^15.8.0",
     "jexl": "^2.3.0",
@@ -43,11 +45,11 @@
   },
   "devDependencies": {
     "@ember/optional-features": "2.0.0",
-    "@ember/test-helpers": "2.6.0",
-    "@embroider/test-setup": "1.5.0",
-    "@faker-js/faker": "6.0.0-beta.0",
-    "@projectcaluma/ember-testing": "11.0.0-beta.4",
-    "@projectcaluma/ember-workflow": "11.0.0-beta.5",
+    "@ember/test-helpers": "2.7.0",
+    "@embroider/test-setup": "1.6.0",
+    "@faker-js/faker": "6.1.2",
+    "@projectcaluma/ember-testing": "11.0.0-beta.6",
+    "@projectcaluma/ember-workflow": "11.0.0-beta.6",
     "broccoli-asset-rev": "3.0.0",
     "ember-cli": "3.28.5",
     "ember-cli-code-coverage": "1.0.3",
@@ -68,10 +70,18 @@
     "loader.js": "4.7.0",
     "miragejs": "0.1.43",
     "npm-run-all": "4.1.5",
-    "qunit": "2.18.0",
+    "qunit": "2.18.1",
     "qunit-dom": "2.0.0",
     "uuid": "8.3.2",
-    "webpack": "5.70.0"
+    "webpack": "5.72.0"
+  },
+  "peerDependencies": {
+    "@projectcaluma/ember-workflow": "^11.0.0-beta.6"
+  },
+  "peerDependenciesMeta": {
+    "@projectcaluma/ember-workflow": {
+      "optional": true
+    }
   },
   "engines": {
     "node": "12.* || 14.* || >= 16"

package/translations/de.yaml

@@ -12,6 +12,10 @@ caluma:
     optionNotAvailable: "Diese Option ist nicht mehr verfügbar"
     info: "Mehr Informationen"
 
+    error:
+      intro: "Oh nein, auf unserer Seite ist etwas schief gelaufen. Ihre Antwort konnte nicht gespeichert werden."
+      details: "Technische Details:"
+
     navigation:
       next: "Weiter"
       previous: "Zurück"

package/translations/en.yaml

@@ -12,6 +12,10 @@ caluma:
     optionNotAvailable: "This option is not available anymore"
     info: "More information"
 
+    error:
+      intro: "Oh no, something went wrong on our side. Your answer could not be saved."
+      details: "Technical details:"
+
     navigation:
       next: "Next"
       previous: "Previous"

package/translations/fr.yaml

@@ -12,6 +12,10 @@ caluma:
     optionNotAvailable: "Cette option n'est plus disponible"
     info: "Plus d'informations"
 
+    error:
+      intro: "Oh non, quelque chose a mal tourné de notre côté. Votre réponse n'a pas pu être sauvegardée."
+      details: "Détails techniques :"
+
     navigation:
       next: "suivante"
       previous: "précédente"