@flarehr/apollo-benefits 1.2.97 → 1.3.54109

package/dist/lib/collection/components/benefits-app/pages/manage-benefits-page/edit-benefit-page/edit-benefit-form/edit-benefit-form.js

@@ -1,138 +0,0 @@
-import { Component, h, Prop, State } from '@stencil/core';
-import { pipe } from 'fp-ts/lib/pipeable';
-import * as O from 'fp-ts/Option';
-import produce from 'immer';
-import { Subscription } from 'rxjs';
-import { BenefitCategories } from '../../store/manage-benefits.store';
-import editBenefitQuery from '../edit-benefit.query';
-import editBenefitService from '../edit-benefit.service';
-export class EditBenefitForm {
-  constructor() {
-    this.isValidationDisplayed = false;
-    this.disabled = false;
-    this.draftBenefit = O.none;
-    this.stateSubscription = new Subscription();
-    this.nonWhitespaceRegex = /.*\S+.*/;
-  }
-  componentWillLoad() {
-    this.stateSubscription.add(editBenefitQuery.draftBenefit$.subscribe((draftBenefit) => (this.draftBenefit = draftBenefit)));
-  }
-  disconnectedCallback() {
-    this.stateSubscription.unsubscribe();
-  }
-  render() {
-    return (h("form", { class: "needs-validation", novalidate: "true", ref: (element) => (this.benefitForm = element) },
-      h("fieldset", { disabled: this.disabled },
-        h("div", { class: "row" },
-          h("div", { class: "col-12 col-sm-4 mb-1" },
-            h("span", { class: "d-block" }, "Icon")),
-          h("div", { class: "col-12 col-sm-8" },
-            h("ap-ben-upload-benefit-icon", null))),
-        h("div", { class: "row my-4" },
-          h("div", { class: "col-12 col-sm-4 mb-1" },
-            h("span", null,
-              "Title",
-              h("abbr", { title: "Required", class: "text-danger text-decoration-none" }, "*"))),
-          h("div", { class: `col-12 col-sm-8 ${this.isValidationDisplayed ? 'was-validated' : ''}` },
-            h("input", { type: "text", name: "benefitTitle", value: pipe(this.draftBenefit, O.chain((b) => b.title), O.toUndefined), required: true, class: "uiid-benefit-title form-control fl-hide-valid-style", maxLength: 40, onInput: (event) => {
-                const newValue = event.target.value;
-                this.updateDraftBenefit((draft) => {
-                  draft.title = O.fromNullable(newValue);
-                });
-              }, pattern: this.nonWhitespaceRegex.source }),
-            h("span", { class: "invalid-feedback" }, "Please provide a name for your benefit."))),
-        h("div", { class: "row my-4" },
-          h("div", { class: "col-12 col-sm-4 mb-1" },
-            h("span", null, "Subtitle")),
-          h("div", { class: "col-12 col-sm-8" },
-            h("input", { type: "text", name: "benefitValue", value: pipe(this.draftBenefit, O.chain((b) => b.subtitle), O.toUndefined), class: "uiid-benefit-highlight form-control fl-hide-valid-style", maxLength: 40, onInput: (event) => {
-                const newValue = event.target.value;
-                this.updateDraftBenefit((draft) => {
-                  draft.subtitle = O.fromNullable(newValue);
-                });
-              } }),
-            h("small", { class: "text-muted" }, "Highlight phone numbers, dates or potential savings"))),
-        h("div", { class: "row my-4" },
-          h("div", { class: "col-12 col-sm-4 mb-1" },
-            h("span", null, "Description")),
-          h("div", { class: "col-12 col-sm-8" },
-            h("textarea", { name: "benefitDescription", value: pipe(this.draftBenefit, O.chain((b) => b.description), O.toUndefined), class: "uiid-benefit-description form-control fl-hide-valid-style", placeholder: "Join the team in the park for 30 minutes", maxLength: 400, rows: 4, onInput: (event) => {
-                const newValue = event.target.value;
-                this.updateDraftBenefit((draft) => {
-                  draft.description = O.fromNullable(newValue);
-                });
-              } }))),
-        h("div", { class: "row my-4" },
-          h("div", { class: "col-12 col-sm-4 mb-1" },
-            h("span", null,
-              "Category",
-              h("abbr", { title: "Required", class: "text-danger text-decoration-none" }, "*"))),
-          h("div", { class: `col-12 col-sm-4 ${this.isValidationDisplayed ? 'was-validated' : ''}` },
-            h("select", { name: "benefitCategory", class: "uiid-benefit-category form-control fl-hide-valid-style", required: true, onInput: (event) => {
-                const newValue = event.target.value;
-                this.updateDraftBenefit((draft) => {
-                  draft.category = O.fromNullable(newValue);
-                });
-              } },
-              h("option", { value: "", label: "Select...", selected: pipe(this.draftBenefit, O.chain((b) => b.category), O.isNone), disabled: true, hidden: true }),
-              BenefitCategories.map((category) => (h("option", { value: category, selected: pipe(this.draftBenefit, O.chain((b) => b.category), O.toUndefined) === category }, category)))),
-            h("span", { class: "invalid-feedback" }, "Please choose a category for your benefit."))),
-        h("div", { class: "row mt-4" },
-          h("div", { class: "col-12 col-sm-4 mb-1" }, "Additional information"),
-          h("div", { class: "col-12 col-sm-8 mb-3" },
-            h("ap-ben-benefit-url", null),
-            h("ap-ben-upload-file", null))))));
-  }
-  updateDraftBenefit(producer) {
-    if (O.isNone(this.draftBenefit))
-      return;
-    let updatedDraft = produce(this.draftBenefit.value, producer);
-    updatedDraft = produce(updatedDraft, (draft) => {
-      draft.isValid = this.benefitForm.checkValidity();
-      draft.isDirty = true;
-    });
-    editBenefitService.updateDraftBenefit(updatedDraft);
-  }
-  static get is() { return "ap-ben-edit-benefit-form"; }
-  static get properties() { return {
-    "isValidationDisplayed": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-validation-displayed",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "disabled",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "draftBenefit": {}
-  }; }
-}

package/dist/lib/collection/components/benefits-app/pages/manage-benefits-page/edit-benefit-page/edit-benefit-form/upload-benefit-icon.css

@@ -1,24 +0,0 @@
-ap-ben-upload-benefit-icon .flb-icon-container {
-  height: 4rem;
-  width: 4rem;
-  color: #1865bf;
-  background: #c0e1fd;
-  border: 1px dashed #2985d2;
-}
-ap-ben-upload-benefit-icon .flb-icon-container.error-state {
-  color: #db424d;
-  background: #f8d3d6;
-  border: 1px dashed #e2505c;
-}
-ap-ben-upload-benefit-icon .flb-icon-container .flb-icon {
-  max-width: 100%;
-  max-height: 100%;
-}
-ap-ben-upload-benefit-icon .flb-icon-container .btn-icon-delete {
-  position: absolute;
-  opacity: 0.7;
-  display: none;
-}
-ap-ben-upload-benefit-icon .flb-icon-container:hover .btn-icon-delete {
-  display: flex;
-}

package/dist/lib/collection/components/benefits-app/pages/manage-benefits-page/edit-benefit-page/edit-benefit-form/upload-benefit-icon.js

@@ -1,102 +0,0 @@
-import { Component, h, State } from '@stencil/core';
-import * as O from 'fp-ts/Option';
-import { Subscription } from 'rxjs';
-import { getOrError } from '../../../../../../utils';
-import editBenefitQuery from '../edit-benefit.query';
-import editBenefitService from '../edit-benefit.service';
-var UploadIconState;
-(function (UploadIconState) {
-  UploadIconState[UploadIconState["Empty"] = 0] = "Empty";
-  UploadIconState[UploadIconState["UploadPending"] = 1] = "UploadPending";
-  UploadIconState[UploadIconState["Uploaded"] = 2] = "Uploaded";
-  UploadIconState[UploadIconState["Error"] = 3] = "Error";
-})(UploadIconState || (UploadIconState = {}));
-export class UploadBenefitIcon {
-  constructor() {
-    this.customIcon = O.none;
-    this.uploadIconState = UploadIconState.Empty;
-    this.storeSubscription = new Subscription();
-    this.allowedMimetypes = ['image/png', 'image/jpeg', 'image/gif'];
-  }
-  componentWillLoad() {
-    this.storeSubscription.add(editBenefitQuery.draftBenefitIcon$.subscribe((icon) => {
-      this.customIcon = icon;
-      this.uploadIconState = O.isSome(icon) ? UploadIconState.Uploaded : UploadIconState.Empty;
-    }));
-  }
-  disconnectedCallback() {
-    this.storeSubscription.unsubscribe();
-  }
-  render() {
-    switch (this.uploadIconState) {
-      case UploadIconState.Empty:
-      case UploadIconState.Error:
-        return this.renderEmptyOrErrorState();
-      case UploadIconState.UploadPending:
-        return this.renderUploadPending();
-      case UploadIconState.Uploaded:
-        return this.renderIconUploaded();
-    }
-  }
-  mapState() {
-    return editBenefitQuery.draftBenefitIcon$.subscribe((icon) => {
-      this.customIcon = icon;
-    });
-  }
-  renderEmptyOrErrorState() {
-    return (h("div", { class: "d-flex align-items-center" },
-      h("button", { type: "button", class: `flb-icon-container flb-btn-file rounded mr-4 ` +
-          (this.uploadIconState === UploadIconState.Error ? 'error-state' : '') },
-        this.uploadIconState === UploadIconState.Empty && (h("ap-ben-icon", { iconPrefix: "fal", iconId: "upload" })),
-        this.uploadIconState === UploadIconState.Error && (h("ap-ben-icon", { iconPrefix: "fal", iconId: "exclamation-triangle" })),
-        h("input", { class: "uiid-benefit-image", type: "file", accept: this.allowedMimetypes.join(', '), onChange: (fileInputEvent) => this.onIconUpload(fileInputEvent) })),
-      h("div", null,
-        h("h6", { class: "m-0" }, "Upload image"),
-        this.uploadIconState === UploadIconState.Empty && (h("small", { class: "text-muted" }, "Max file size 1 MB")),
-        this.uploadIconState === UploadIconState.Error && (h("small", { class: "text-danger" }, "Invalid file format or 1 MB size limit exceeded. Try again.")))));
-  }
-  renderUploadPending() {
-    return (h("div", { class: "flb-icon-container rounded p-3 d-flex justify-content-center align-items-center" },
-      h("ap-ben-icon", { iconPrefix: "fal", iconId: "spinner-third", spin: true, class: "fa-2x" })));
-  }
-  renderIconUploaded() {
-    return (h("div", { class: "flb-icon-container bg-white position-relative d-flex justify-content-center align-items-center border rounded" },
-      h("img", { src: getOrError(this.customIcon).downloadUrl, class: "flb-icon" }),
-      h("button", { class: "btn btn-dark btn-icon-delete flex-column justify-content-center align-items-center h-100", type: "button", onClick: (_) => this.clearIcon() },
-        h("i", { class: "fal fa-trash" }),
-        h("small", null, "Delete"))));
-  }
-  async onIconUpload(fileInputEvent) {
-    fileInputEvent.preventDefault();
-    const files = fileInputEvent.target.files;
-    if (!files) {
-      return;
-    }
-    const file = files.item(0);
-    if (!file) {
-      return;
-    }
-    this.uploadIconState = UploadIconState.UploadPending;
-    try {
-      await editBenefitService.uploadIconAsync(file);
-      this.uploadIconState = UploadIconState.Uploaded;
-    }
-    catch (_a) {
-      this.uploadIconState = UploadIconState.Error;
-    }
-  }
-  clearIcon() {
-    editBenefitService.clearIcon();
-  }
-  static get is() { return "ap-ben-upload-benefit-icon"; }
-  static get originalStyleUrls() { return {
-    "$": ["upload-benefit-icon.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["upload-benefit-icon.css"]
-  }; }
-  static get states() { return {
-    "customIcon": {},
-    "uploadIconState": {}
-  }; }
-}

package/dist/lib/collection/components/benefits-app/pages/manage-benefits-page/edit-benefit-page/edit-benefit-form/upload-file.css

@@ -1,18 +0,0 @@
-.flb-btn-file {
-  position: relative;
-  overflow: hidden !important;
-}
-.flb-btn-file input[type=file] {
-  position: absolute;
-  top: 0;
-  right: 0;
-  min-width: 100%;
-  min-height: 100%;
-  font-size: 100px;
-  text-align: right;
-  filter: alpha(opacity=0);
-  opacity: 0;
-  outline: none;
-  cursor: inherit;
-  display: block;
-}

package/dist/lib/collection/components/benefits-app/pages/manage-benefits-page/edit-benefit-page/edit-benefit-form/upload-file.js

@@ -1,120 +0,0 @@
-import { Component, h, Host, State } from '@stencil/core';
-import { isSome, none } from 'fp-ts/lib/Option';
-import mime from 'mime';
-import { Subscription } from 'rxjs';
-import { getOrError } from '../../../../../../utils';
-import editBenefitQuery from '../edit-benefit.query';
-import editBenefitService from '../edit-benefit.service';
-var UploadFileState;
-(function (UploadFileState) {
-  UploadFileState[UploadFileState["Empty"] = 0] = "Empty";
-  UploadFileState[UploadFileState["UploadPending"] = 1] = "UploadPending";
-  UploadFileState[UploadFileState["Attached"] = 2] = "Attached";
-})(UploadFileState || (UploadFileState = {}));
-export class UploadFile {
-  constructor() {
-    this.uploadedFile = none;
-    this.uploadFileState = UploadFileState.Empty;
-    this.isUploadError = false;
-    this.stateSubscription = new Subscription();
-    this.allowedMimetypes = [
-      'application/pdf',
-      'application/msword',
-      'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
-      'application/vnd.ms-powerpoint',
-      'application/vnd.openxmlformats-officedocument.presentationml.presentation'
-    ];
-  }
-  componentWillLoad() {
-    this.stateSubscription.add(editBenefitQuery.draftBenefitAttachment$.subscribe((attachment) => {
-      this.uploadedFile = attachment;
-      this.uploadFileState = isSome(attachment)
-        ? UploadFileState.Attached
-        : UploadFileState.Empty;
-    }));
-  }
-  disconnectedCallback() {
-    this.stateSubscription.unsubscribe();
-  }
-  render() {
-    return (h(Host, null,
-      h("div", { class: "row border rounded bg-light no-gutters" },
-        h("div", { class: "col-12 d-flex" }, this.renderUploadState())),
-      this.isUploadError && (h("div", null,
-        h("small", { class: "text-danger" }, "File format is invalid, or the file is larger than 10 MB. Try again.")))));
-  }
-  renderUploadState() {
-    switch (this.uploadFileState) {
-      case UploadFileState.Empty:
-        return this.renderEmptyOrErrorState();
-      case UploadFileState.UploadPending:
-        return this.renderUploadPending();
-      case UploadFileState.Attached:
-        return this.renderAttachedDocument();
-    }
-  }
-  renderEmptyOrErrorState() {
-    return (h("button", { type: "button", class: "uiid-new-benefit-document btn btn-light flb-btn-file p-0 flex-fill d-flex align-items-center" },
-      h("span", { class: "m-4" },
-        h("ap-ben-file-icon", { fileType: 'pdf', isEmpty: true })),
-      h("div", { class: "d-flex flex-column align-items-start text-left" },
-        h("span", null, "Add document"),
-        h("small", { class: "text-muted text-wrap" }, "Word, Powerpoint and PDF (Max file size 10MB)")),
-      h("input", { class: "uiid-benefit-document", type: "file", accept: this.allowedMimetypes.join(', '), onChange: (uploadEvent) => this.onDocumentUpload(uploadEvent) })));
-  }
-  renderUploadPending() {
-    return (h("div", { class: "rounded bg-light d-flex justify-content-center align-items-center" },
-      h("span", { class: "m-4" },
-        h("ap-ben-icon", { iconPrefix: "fal", iconId: "spinner-third", spin: true })),
-      h("div", { class: "d-flex flex-column align-items-start" },
-        h("span", null, "Document"),
-        h("small", { class: "text-muted" }, "Please wait while your document is uploading"))));
-  }
-  renderAttachedDocument() {
-    return (h("div", { class: "rounded bg-light d-flex align-items-center flex-fill" },
-      h("span", { class: "m-4" },
-        h("ap-ben-file-icon", { fileType: getOrError(this.uploadedFile).documentFormat })),
-      h("div", { class: "d-flex flex-column align-items-start" },
-        h("span", null, "Document"),
-        h("small", { class: "text-muted" }, getOrError(this.uploadedFile).title)),
-      h("button", { class: "btn ml-auto px-3", type: "button", onClick: (_) => this.onClearDocument() },
-        h("ap-ben-icon", { iconPrefix: "fal", iconId: "trash" }))));
-  }
-  async onDocumentUpload(uploadEvent) {
-    uploadEvent.preventDefault();
-    this.isUploadError = false;
-    const files = uploadEvent.target.files;
-    if (!files) {
-      return;
-    }
-    const file = files.item(0);
-    if (!file) {
-      return;
-    }
-    if (!this.isFileValid(file)) {
-      this.isUploadError = true;
-      return;
-    }
-    this.uploadFileState = UploadFileState.UploadPending;
-    await editBenefitService.uploadAttachmentAsync(file);
-  }
-  isFileValid(file) {
-    return (this.allowedMimetypes.some((mimeType) => mimeType === mime.getType(file.name)) &&
-      file.size <= 10485760);
-  }
-  onClearDocument() {
-    editBenefitService.clearAttachment();
-  }
-  static get is() { return "ap-ben-upload-file"; }
-  static get originalStyleUrls() { return {
-    "$": ["upload-file.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["upload-file.css"]
-  }; }
-  static get states() { return {
-    "uploadedFile": {},
-    "uploadFileState": {},
-    "isUploadError": {}
-  }; }
-}

package/dist/lib/collection/components/benefits-app/pages/manage-benefits-page/edit-benefit-page/edit-benefit-page.js

@@ -1,154 +0,0 @@
-import { Component, h, Host, Prop, State } from '@stencil/core';
-import { isSome, none } from 'fp-ts/Option';
-import { Subscription } from 'rxjs';
-import { getOrError } from '../../../../../utils';
-import navigationService from '../../../services/navigation.service';
-import { ManagePageRouteName } from '../manage-benefits-page.routes';
-import editBenefitQuery from './edit-benefit.query';
-import editBenefitService from './edit-benefit.service';
-export class EditBenefitPage {
-  constructor() {
-    this.benefitId = none;
-    this.showDeleteConfirmDialog = false;
-    this.showCancelConfirmDialog = false;
-    this.isLoading = false;
-    this.isValidationDisplayed = false;
-    this.stateSubscription = new Subscription();
-  }
-  async componentWillLoad() {
-    await this.initialiseAsync();
-  }
-  disconnectedCallback() {
-    this.stateSubscription.unsubscribe();
-  }
-  render() {
-    return (h(Host, { class: "w-100" },
-      h("ap-ben-ui-container", { class: "w-100 d-none" },
-        h("div", { class: "row my-5" },
-          h("div", { class: "uiid-new-edit-delete-benefit-page col-12" },
-            h("h3", null, this.editMode === 'add' ? 'New Benefit' : 'Edit Benefit'),
-            h("ap-ben-edit-benefit-form", { class: "d-block mt-4 mb-3", disabled: this.isLoading, isValidationDisplayed: this.isValidationDisplayed }),
-            this.renderActionBar()))),
-      this.showDeleteConfirmDialog && this.renderDeleteConfirmDialog(),
-      this.showCancelConfirmDialog && this.renderCancelConfirmDialog()));
-  }
-  renderActionBar() {
-    return (h("div", { class: "row" },
-      h("div", { class: "col-12 d-flex" },
-        h("button", { hidden: this.editMode === 'add', class: "uiid-delete-benefit-item btn btn-outline-danger", onClick: (_) => {
-            this.showDeleteConfirmDialog = true;
-          } }, "Delete"),
-        h("div", { class: "ml-auto" },
-          h("button", { class: "btn btn-light mr-3", onClick: (_) => this.onCancelClicked() }, "Cancel"),
-          h("button", { class: "uiid-publish-benefit btn btn-primary", onClick: (_) => this.publishBenefit(), disabled: this.isLoading }, "Publish")))));
-  }
-  renderDeleteConfirmDialog() {
-    return (h("ap-ben-modal-section", { show: this.showDeleteConfirmDialog, showHeader: true, modalTitle: "Delete benefit", onModalClosed: (_) => {
-        this.showDeleteConfirmDialog = false;
-      } },
-      h("ap-ben-confirm-dialog", { acceptText: "Delete", declineText: "Cancel", dialogStyle: "danger", onAccepted: async (_) => {
-          await this.deleteBenefitAsync();
-          this.showDeleteConfirmDialog = false;
-        }, onDeclined: (_) => {
-          this.showDeleteConfirmDialog = false;
-        } },
-        h("p", null,
-          h("strong", null,
-            "\"",
-            getOrError(this.selectedBenefit).title.value,
-            "\""),
-          " will be permanently deleted from your benefits. Are you sure you want to delete it?"))));
-  }
-  renderCancelConfirmDialog() {
-    return (h("ap-ben-modal-section", { show: this.showCancelConfirmDialog, showHeader: true, modalTitle: "Unsaved changes", onModalClosed: (_) => {
-        this.showCancelConfirmDialog = false;
-      } },
-      h("ap-ben-confirm-dialog", { acceptText: "Publish", declineText: "Discard", dialogStyle: "warning", onAccepted: async (_) => {
-          this.showCancelConfirmDialog = false;
-          await this.publishBenefit();
-        }, onDeclined: (_) => {
-          this.showCancelConfirmDialog = false;
-          this.navigateToManageBenefits();
-        } }, this.editMode === 'add' ? ('Do you want to save your new benefit?') : (h("p", null,
-        h("strong", null,
-          "\"",
-          getOrError(this.selectedBenefit).title.value,
-          "\""),
-        " has been modified. Do you want to publish your changes?")))));
-  }
-  async initialiseAsync() {
-    this.stateSubscription.add(editBenefitQuery.isLoading$.subscribe((isLoading) => (this.isLoading = isLoading)));
-    this.stateSubscription.add(editBenefitQuery.selectedBenefit$.subscribe((selectedBenefit) => (this.selectedBenefit = selectedBenefit)));
-    this.stateSubscription.add(editBenefitQuery.draftBenefit$.subscribe((draftBenefit) => (this.draftBenefit = draftBenefit)));
-    if (isSome(this.benefitId)) {
-      this.editMode = 'edit';
-      editBenefitService.loadExistingBenefitForEditingAsync(this.benefitId.value);
-    }
-    else {
-      editBenefitService.createDraftBenefit();
-      this.editMode = 'add';
-    }
-  }
-  navigateToManageBenefits() {
-    editBenefitService.clearDraftBenefit();
-    navigationService.navigateInternally(ManagePageRouteName);
-  }
-  async publishBenefit() {
-    if (!getOrError(this.draftBenefit).isValid) {
-      this.isValidationDisplayed = true;
-      return;
-    }
-    if (getOrError(this.draftBenefit).isDirty) {
-      await editBenefitService.publishDraftBenefitAsync();
-    }
-    this.navigateToManageBenefits();
-  }
-  async onCancelClicked() {
-    if (!getOrError(this.draftBenefit).isDirty) {
-      this.navigateToManageBenefits();
-      return;
-    }
-    this.showCancelConfirmDialog = true;
-  }
-  async deleteBenefitAsync() {
-    await editBenefitService.deleteSelectedBenefitAsync();
-    this.navigateToManageBenefits();
-  }
-  static get is() { return "ap-ben-edit-benefit-page"; }
-  static get properties() { return {
-    "benefitId": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Option<BenefitId>",
-        "resolved": "None | Some<string>",
-        "references": {
-          "Option": {
-            "location": "import",
-            "path": "fp-ts/Option"
-          },
-          "BenefitId": {
-            "location": "import",
-            "path": "../store/manage-benefits.store"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "defaultValue": "none"
-    }
-  }; }
-  static get states() { return {
-    "editMode": {},
-    "selectedBenefit": {},
-    "draftBenefit": {},
-    "showDeleteConfirmDialog": {},
-    "showCancelConfirmDialog": {},
-    "isLoading": {},
-    "isValidationDisplayed": {}
-  }; }
-}

package/dist/lib/collection/components/benefits-app/pages/manage-benefits-page/edit-benefit-page/edit-benefit.query.js

@@ -1,18 +0,0 @@
-import { Query } from '@datorama/akita';
-import { pipe } from 'fp-ts/lib/function';
-import * as O from 'fp-ts/Option';
-import manageBenefitsStore from '../store/manage-benefits.store';
-export class ManageBenefitsQuery extends Query {
-  constructor(store) {
-    super(store);
-    this.store = store;
-    this.managedBenefits$ = this.select((state) => state.manageBenefitsPageState);
-    this.selectedBenefit$ = this.select((state) => state.selectedBenefit);
-    this.draftBenefit$ = this.select((state) => state.draftBenefit);
-    this.draftBenefitUrl$ = this.select((state) => pipe(state.draftBenefit, O.chain((draft) => draft.url)));
-    this.draftBenefitIcon$ = this.select((state) => pipe(state.draftBenefit, O.chain((draft) => draft.icon)));
-    this.draftBenefitAttachment$ = this.select((state) => pipe(state.draftBenefit, O.chain((draft) => draft.attachment)));
-    this.isLoading$ = this.selectLoading();
-  }
-}
-export default new ManageBenefitsQuery(manageBenefitsStore);