@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.service.js

@@ -1,155 +0,0 @@
-import { pipe } from 'fp-ts/lib/function';
-import * as O from 'fp-ts/Option';
-import produce from 'immer';
-import { withMinimalDuration } from '../../../../../utils/promise';
-import benefitsApi from '../../../apis/benefits-api/benefits.api';
-import { BenefitItemDto } from '../../../apis/benefits-api/benefits-api.dto';
-import manageBenefitsApi from '../api/manage-benefits.api';
-import { AccountBenefitWithIdDto } from '../api/manage-benefits-api.dto';
-import manageBenefitsQuery from '../store/manage-benefits.query';
-import manageBenefitsStore from '../store/manage-benefits.store';
-export class EditBenefitService {
-  async loadExistingBenefitForEditingAsync(benefitId) {
-    manageBenefitsStore.update((state) => {
-      state.selectedBenefit = O.none;
-    });
-    manageBenefitsStore.setLoading(true);
-    const existingBenefit = AccountBenefitWithIdDto.toBenefit(await manageBenefitsApi.loadBenefitForEditingAsync(benefitId));
-    manageBenefitsStore.update((state) => {
-      state.selectedBenefit = O.some(existingBenefit);
-      state.draftBenefit = O.some(this.existingBenefitToDraft(existingBenefit));
-    });
-    manageBenefitsStore.setLoading(false);
-  }
-  createDraftBenefit() {
-    const newDraft = {
-      title: O.none,
-      category: O.none,
-      subtitle: O.none,
-      description: O.none,
-      url: O.none,
-      attachment: O.none,
-      icon: O.none,
-      isValid: false,
-      isDirty: false
-    };
-    manageBenefitsStore.update((state) => {
-      state.selectedBenefit = O.none;
-      state.draftBenefit = O.some(newDraft);
-    });
-  }
-  clearDraftBenefit() {
-    manageBenefitsStore.update((state) => {
-      state.draftBenefit = O.none;
-    });
-  }
-  updateDraftBenefit(newDraft) {
-    manageBenefitsStore.update((state) => {
-      state.draftBenefit = O.some(newDraft);
-    });
-  }
-  async publishDraftBenefitAsync() {
-    const draftBenefit = manageBenefitsQuery.getValue().draftBenefit;
-    if (O.isNone(draftBenefit)) {
-      return;
-    }
-    this.assertDraftIsValid(draftBenefit.value);
-    manageBenefitsStore.setLoading(true);
-    const selectedBenefit = manageBenefitsQuery.getValue().selectedBenefit;
-    if (O.isSome(selectedBenefit)) {
-      const updateBenefitCommandDto = {
-        updateAccountBenefit: BenefitItemDto.fromDraftBenefit(draftBenefit.value)
-      };
-      await manageBenefitsApi.postCommandAsync(selectedBenefit.value.id, updateBenefitCommandDto);
-    }
-    else {
-      const createBenefitCommmandDto = {
-        createAccountBenefit: BenefitItemDto.fromDraftBenefit(draftBenefit.value)
-      };
-      await manageBenefitsApi.postCommandAsync(O.none, createBenefitCommmandDto);
-    }
-    manageBenefitsStore.setLoading(false);
-  }
-  async deleteSelectedBenefitAsync() {
-    const selectedBenefit = manageBenefitsQuery.getValue().selectedBenefit;
-    if (O.isSome(selectedBenefit)) {
-      manageBenefitsStore.setLoading(true);
-      await manageBenefitsApi.postCommandAsync(selectedBenefit.value.id, 'deleteAccountBenefit');
-      manageBenefitsStore.setLoading(false);
-    }
-  }
-  updateDraftUrl(url) {
-    this.updateDraft((draft) => {
-      draft.url = O.fromNullable(url);
-      draft.isDirty = true;
-    });
-  }
-  clearDraftUrl() {
-    this.updateDraft((draft) => {
-      draft.url = O.none;
-      draft.isDirty = true;
-    });
-  }
-  async uploadAttachmentAsync(file) {
-    manageBenefitsStore.setLoading(true);
-    try {
-      const attachmentProperties = await withMinimalDuration(benefitsApi.postDocumentAsync({ file }), 500);
-      this.updateDraft((draft) => {
-        draft.attachment = O.some(attachmentProperties);
-        draft.isDirty = true;
-      });
-    }
-    finally {
-      manageBenefitsStore.setLoading(false);
-    }
-  }
-  clearAttachment() {
-    this.updateDraft((draft) => {
-      draft.attachment = O.none;
-      draft.isDirty = true;
-    });
-  }
-  async uploadIconAsync(file) {
-    manageBenefitsStore.setLoading(true);
-    try {
-      const attachmentProperties = await withMinimalDuration(benefitsApi.postIconAsync({ file }), 500);
-      this.updateDraft((draft) => {
-        draft.icon = O.some(attachmentProperties);
-        draft.isDirty = true;
-      });
-    }
-    finally {
-      manageBenefitsStore.setLoading(false);
-    }
-  }
-  clearIcon() {
-    this.updateDraft((draft) => {
-      draft.icon = O.none;
-      draft.isDirty = true;
-    });
-  }
-  assertDraftIsValid(draft) {
-    const isDraftValid = O.isSome(draft.title) && O.isSome(draft.category);
-    if (!isDraftValid)
-      throw Error('Draft benefit is not valid');
-  }
-  updateDraft(producer) {
-    manageBenefitsStore.update((state) => {
-      state.draftBenefit = pipe(state.draftBenefit, O.map(produce(producer)));
-    });
-  }
-  existingBenefitToDraft(existingBenefit) {
-    return {
-      title: existingBenefit.title,
-      category: existingBenefit.category,
-      subtitle: existingBenefit.subtitle,
-      description: existingBenefit.description,
-      url: existingBenefit.url,
-      attachment: existingBenefit.attachment,
-      icon: existingBenefit.icon,
-      isValid: true,
-      isDirty: false
-    };
-  }
-}
-export default new EditBenefitService();

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

@@ -1,36 +0,0 @@
-import { Component, Event, h, Host } from '@stencil/core';
-export class EmptyBenefits {
-  render() {
-    return (h(Host, { class: "d-flex flex-column justify-content-center benefits-zero-state p-4 border-top" },
-      h("div", { class: "text-center my-5" },
-        h("ap-ben-icon", { class: "text-success fa-4x", iconPrefix: "fad", iconId: "handshake-alt" }),
-        h("ap-ben-icon", { class: "text-success fa-4x px-3", iconPrefix: "fad", iconId: "heartbeat" }),
-        h("ap-ben-icon", { class: "text-success fa-4x", iconPrefix: "fad", iconId: "car" })),
-      h("div", { class: "text-center mb-3" },
-        h("h5", null, "Attract and retain a healthy, productive workforce."),
-        h("p", { class: "uiid-noactive-benefit-item text-muted my-1" }, "Begin by building out your employee benefits offering.")),
-      h("fl-button", { class: "mb-5 align-self-center", onClick: (_) => {
-          var _a;
-          (_a = this.newBenefitButtonClicked) === null || _a === void 0 ? void 0 : _a.emit();
-        } },
-        h("ap-ben-icon", { class: "mr-2", iconPrefix: "far", iconId: "plus" }),
-        "New benefit")));
-  }
-  static get is() { return "ap-ben-empty-benefits"; }
-  static get events() { return [{
-      "method": "newBenefitButtonClicked",
-      "name": "newBenefitButtonClicked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }]; }
-}

package/dist/lib/collection/components/benefits-app/pages/manage-benefits-page/manage-benefits-header-row.js

@@ -1,13 +0,0 @@
-import { Component, h, Host } from '@stencil/core';
-export class ManageBenefitsHeaderRow {
-  render() {
-    return (h(Host, null,
-      h("div", { class: "row border-top bg-light font-weight-bold p-3 no-gutters" },
-        h("small", { class: "text-muted col-5 col-lg-6" },
-          h("strong", null, "Title")),
-        h("small", { class: "text-muted col-2 d-none d-md-block" }, "Category"),
-        h("small", { class: "text-muted col-2 d-none d-md-block" }, "Last modified"),
-        h("small", { class: "text-muted col-3 col-lg-2 d-none d-md-block" }, "Status"))));
-  }
-  static get is() { return "ap-ben-manage-benefits-header-row"; }
-}

package/dist/lib/collection/components/benefits-app/pages/manage-benefits-page/manage-benefits-page.css

@@ -1,3 +0,0 @@
-manage-page .benefits-zero-state {
-  height: 32rem;
-}

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

@@ -1,88 +0,0 @@
-import { Component, h, Host, State } from '@stencil/core';
-import { Subscription } from 'rxjs';
-import navigationService from '../../services/navigation.service';
-import manageBenefitsService from './manage-benefits.service';
-import { AddBenefitPageRouteName, EditBenefitPageRouteName } from './manage-benefits-page.routes';
-import manageBenefitsQuery from './store/manage-benefits.query';
-export class ManageBenefitsPage {
-  constructor() {
-    this.showDisabledBenefits = false;
-    this.storeSubscription = new Subscription();
-  }
-  componentWillLoad() {
-    manageBenefitsService.loadPageStateAsync();
-    this.storeSubscription.add(manageBenefitsQuery.manageBenefitsPageState$.subscribe((pageState) => (this.pageState = pageState)));
-    this.storeSubscription.add(manageBenefitsQuery.isLoading$.subscribe((isLoading) => (this.isLoading = isLoading)));
-  }
-  disconnectedCallback() {
-    this.storeSubscription.unsubscribe();
-  }
-  render() {
-    if (this.isLoading) {
-      return (h(Host, { class: "w-100 text-center mt-5" },
-        h("ap-ben-ui-container", { class: "w-100 d-none" },
-          h("fl-loading-indicator", null))));
-    }
-    return (h(Host, { class: "w-100" },
-      h("ap-ben-ui-container", { class: "w-100 d-none" },
-        this.managedBenefitHeader(),
-        h("div", { class: "uiid-manage-benefit-body row bg-white border-left border-right border-bottom mb-5 mx-0 rounded no-gutters" },
-          h("div", { class: "col-12" },
-            this.pageState.enabledBenefits.length === 0 ? (h("ap-ben-empty-benefits", { onNewBenefitButtonClicked: () => this.addBenefit() })) : (this.ActiveBenefitsSection()),
-            this.ToggleInactiveBenefitsRow(),
-            this.showDisabledBenefits && this.InactiveBenefitsSection())))));
-  }
-  ActiveBenefitsSection() {
-    return [
-      h("ap-ben-manage-benefits-header-row", { class: "d-none d-md-block" }),
-      this.pageState.enabledBenefits.map((b) => (h("ap-ben-managed-benefit-item", { benefit: b, onEditBenefitButtonClicked: (event) => this.editBenefit(event.detail) })))
-    ];
-  }
-  ToggleInactiveBenefitsRow() {
-    return (h("div", { class: "col-12 py-3 border-top d-flex justify-content-center" },
-      h("button", { class: "uiid-show-inactive-benefit-item btn btn-link", onClick: (_) => this.onToggleInactiveBenefits() },
-        h("h6", { class: "m-0" }, this.showDisabledBenefits
-          ? `Hide inactive benefits (${this.pageState.disabledBenefits.length})`
-          : `Show inactive (${this.pageState.disabledBenefits.length})`))));
-  }
-  InactiveBenefitsSection() {
-    if (this.pageState.disabledBenefits.length === 0) {
-      return [
-        h("div", { class: "row border-top py-3 px-3 d-flex align-items-center no-gutters" },
-          h("div", { class: "col-12 my-1 d-flex justify-content-center" },
-            h("span", { class: "text-muted" }, "No inactive benefits.")))
-      ];
-    }
-    return this.pageState.disabledBenefits.map((b) => (h("ap-ben-managed-benefit-item", { benefit: b, onEditBenefitButtonClicked: (event) => this.editBenefit(event.detail) })));
-  }
-  managedBenefitHeader() {
-    return (h("div", { class: "uiid-manage-benefit-header row mb-3 mt-5" },
-      h("div", { class: "col-12 col-sm-6" },
-        h("h3", null, "Manage Benefits")),
-      h("div", { class: "col-12 col-sm-6 d-flex justify-content-end align-items-center" },
-        h("fl-button", { class: "uiid-new-benefit-button", onClick: (_) => this.addBenefit() },
-          h("ap-ben-icon", { class: "mr-2", iconPrefix: "far", iconId: "plus" }),
-          "New benefit"))));
-  }
-  onToggleInactiveBenefits() {
-    this.showDisabledBenefits = !this.showDisabledBenefits;
-  }
-  addBenefit() {
-    navigationService.navigateInternally(AddBenefitPageRouteName);
-  }
-  editBenefit(benefit) {
-    navigationService.navigateInternally(`${EditBenefitPageRouteName}/${benefit.id}`);
-  }
-  static get is() { return "ap-ben-manage-page"; }
-  static get originalStyleUrls() { return {
-    "$": ["manage-benefits-page.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["manage-benefits-page.css"]
-  }; }
-  static get states() { return {
-    "showDisabledBenefits": {},
-    "pageState": {},
-    "isLoading": {}
-  }; }
-}

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

@@ -1,24 +0,0 @@
-import { h } from '@stencil/core';
-import * as O from 'fp-ts/Option';
-export const ManagePageRouteName = 'manage';
-export const AddBenefitPageRouteName = 'manage/add';
-export const EditBenefitPageRouteName = 'manage/edit';
-export const AdminPageRouteName = 'admin';
-export const renderManagePageRoutes = (signedInUserRole, baseUrl) => {
-  const editorRoutes = [
-    h("stencil-route", { url: `${baseUrl}/${AddBenefitPageRouteName}`, routeRender: (_props) => h("ap-ben-edit-benefit-page", null), exact: true }),
-    h("stencil-route", { url: `${baseUrl}/${EditBenefitPageRouteName}/:benefitId`, routeRender: (props) => (h("ap-ben-edit-benefit-page", { benefitId: O.fromNullable(props.match.params['benefitId']) })), exact: true }),
-    h("stencil-route", { url: `${baseUrl}/${ManagePageRouteName}/:match?`, routeRender: (props) => h("ap-ben-manage-page", Object.assign({}, props)) })
-  ];
-  const adminRoutes = [
-    h("stencil-route", { url: `${baseUrl}/${AdminPageRouteName}`, routeRender: (_props) => h("ap-ben-role-management-page", null), exact: true })
-  ];
-  switch (signedInUserRole) {
-    case 'accountAdmin':
-      return editorRoutes.concat(adminRoutes);
-    case 'accountEditor':
-      return editorRoutes;
-    default:
-      return [];
-  }
-};

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

@@ -1,37 +0,0 @@
-import { some } from 'fp-ts/lib/Option';
-import manageBenefitsApi from './api/manage-benefits.api';
-import { ManageBenefitsPageStateDto } from './api/manage-benefits-api.dto';
-import manageBenefitsStore from './store/manage-benefits.store';
-export class ManageBenefitsService {
-  async loadPageStateAsync() {
-    manageBenefitsStore.setLoading(true);
-    const pageStateDto = await manageBenefitsApi.getPageStateAsync();
-    manageBenefitsStore.update((state) => {
-      state.manageBenefitsPageState = ManageBenefitsPageStateDto.toDomain(pageStateDto);
-    });
-    manageBenefitsStore.setLoading(false);
-  }
-  async enableBenefitAsync(id) {
-    await manageBenefitsApi.postCommandAsync(some(id), 'enableAccountBenefit');
-    manageBenefitsStore.update((state) => {
-      const targetBenefitIndex = state.manageBenefitsPageState.disabledBenefits.findIndex((benefit) => benefit.id === id);
-      if (targetBenefitIndex === -1)
-        return;
-      const targetBenefit = state.manageBenefitsPageState.disabledBenefits.splice(targetBenefitIndex, 1)[0];
-      targetBenefit.visibility.isEnabled = true;
-      state.manageBenefitsPageState.enabledBenefits.push(targetBenefit);
-    });
-  }
-  async disableBenefitAsync(id) {
-    await manageBenefitsApi.postCommandAsync(some(id), 'disableAccountBenefit');
-    manageBenefitsStore.update((state) => {
-      const targetBenefitIndex = state.manageBenefitsPageState.enabledBenefits.findIndex((benefit) => benefit.id === id);
-      if (targetBenefitIndex === -1)
-        return;
-      const targetBenefit = state.manageBenefitsPageState.enabledBenefits.splice(targetBenefitIndex, 1)[0];
-      targetBenefit.visibility.isEnabled = false;
-      state.manageBenefitsPageState.disabledBenefits.push(targetBenefit);
-    });
-  }
-}
-export default new ManageBenefitsService();

package/dist/lib/collection/components/benefits-app/pages/manage-benefits-page/managed-benefit-item/managed-benefit-item.css

@@ -1,10 +0,0 @@
-ap-ben-managed-benefit-item > div:first-child:hover {
-  cursor: pointer;
-  background-color: rgba(173, 173, 173, 0.05);
-}
-ap-ben-managed-benefit-item .flb-opacity-onhover {
-  opacity: 0.75;
-}
-ap-ben-managed-benefit-item .flb-opacity-onhover:hover {
-  opacity: 1;
-}

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

@@ -1,89 +0,0 @@
-import { Component, Event, h, Prop } from '@stencil/core';
-import { pipe } from 'fp-ts/lib/pipeable';
-import * as O from 'fp-ts/Option';
-import manageBenefitsService from '../manage-benefits.service';
-export class ManagedBenefitItem {
-  render() {
-    return (h("div", { class: "border-top py-3 px-3 row d-flex align-items-center no-gutters", onClick: () => this.onBenefitClick() },
-      h("div", { class: "col-12 col-md-5 col-lg-6" },
-        h("span", { class: {
-            'm-0 text-truncate': true,
-            'text-muted': !this.benefit.visibility.isEnabled
-          } }, this.benefit.title)),
-      h("div", { class: "col-12 col-md-2 text-muted text-truncate" }, this.benefit.category),
-      h("div", { class: "col-12 col-md-2 text-muted text-truncate" }, this.formatDate(this.benefit.lastModifiedDate)),
-      h("div", { class: "col-12 col-md-3 col-lg-2 mt-4 mt-md-0 text-right" }, this.benefit.visibility.isEnabled ? (h("fl-promise-button", { class: "uiid-deactivate-benefit-item", isBlockElement: true, variant: "secondary", onClick: (event) => {
-          event.stopPropagation();
-        }, promiseFn: () => this.onSetInactive() },
-        h("h6", { class: "my-0" }, "Deactivate"))) : (h("fl-promise-button", { class: "uiid-activate-benefit-item", isBlockElement: true, variant: "secondary", onClick: (event) => {
-          event.stopPropagation();
-        }, promiseFn: () => this.onSetActive() },
-        h("h6", { class: "my-0" }, "Activate"))))));
-  }
-  onBenefitClick() {
-    this.editBenefitButtonClicked.emit(this.benefit);
-  }
-  async onSetActive() {
-    await manageBenefitsService.enableBenefitAsync(this.benefit.id);
-  }
-  async onSetInactive() {
-    await manageBenefitsService.disableBenefitAsync(this.benefit.id);
-  }
-  formatDate(dateString) {
-    return pipe(dateString, O.map((dateStringOption) => new Date(dateStringOption).toLocaleDateString('en-AU', {
-      day: 'numeric',
-      month: 'short',
-      year: 'numeric'
-    })), O.getOrElse(() => ''));
-  }
-  static get is() { return "ap-ben-managed-benefit-item"; }
-  static get originalStyleUrls() { return {
-    "$": ["managed-benefit-item.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["managed-benefit-item.css"]
-  }; }
-  static get properties() { return {
-    "benefit": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "CustomBenefitsListEntry",
-        "resolved": "{ id: string; title: string; category: string; lastModifiedDate: Option<string>; visibility: AccountBenefitVisibility; }",
-        "references": {
-          "CustomBenefitsListEntry": {
-            "location": "import",
-            "path": "../store/manage-benefits.store"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    }
-  }; }
-  static get events() { return [{
-      "method": "editBenefitButtonClicked",
-      "name": "editBenefitButtonClicked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "CustomBenefitsListEntry",
-        "resolved": "{ id: string; title: string; category: string; lastModifiedDate: Option<string>; visibility: AccountBenefitVisibility; }",
-        "references": {
-          "CustomBenefitsListEntry": {
-            "location": "import",
-            "path": "../store/manage-benefits.store"
-          }
-        }
-      }
-    }]; }
-}

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

@@ -1,11 +0,0 @@
-import { Query } from '@datorama/akita';
-import manageBenefitsStore from './manage-benefits.store';
-export class ManageBenefitsQuery extends Query {
-  constructor(store) {
-    super(store);
-    this.store = store;
-    this.manageBenefitsPageState$ = this.select((state) => state.manageBenefitsPageState);
-    this.isLoading$ = this.selectLoading();
-  }
-}
-export default new ManageBenefitsQuery(manageBenefitsStore);

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

@@ -1,51 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { Store, StoreConfig } from '@datorama/akita';
-import * as O from 'fp-ts/Option';
-import { produce } from 'immer';
-export const BenefitCategories = [
-  'Appliances & Electronics',
-  'Automotive',
-  'Banking',
-  'Clothing & Footwear',
-  'Clubs',
-  'Entertainment',
-  'Food, Drink & Groceries',
-  'Fuel',
-  'Health, Beauty & Fitness',
-  'Homeware & Hardware',
-  'Learning',
-  'Pets',
-  'Shopping & Retail',
-  'Social',
-  'Sports & Leisure',
-  'Technology',
-  'Travel & Accommodation',
-  'Wellbeing & Health Services',
-  'Other',
-  'None'
-];
-function createInitialState() {
-  return {
-    manageBenefitsPageState: {
-      enabledBenefits: [],
-      disabledBenefits: []
-    },
-    selectedBenefit: O.none,
-    draftBenefit: O.none
-  };
-}
-let ManageBenefitsStore = class ManageBenefitsStore extends Store {
-  constructor() {
-    super(createInitialState());
-  }
-};
-ManageBenefitsStore = __decorate([
-  StoreConfig({ name: 'manage-benefits', resettable: true, producerFn: produce })
-], ManageBenefitsStore);
-export { ManageBenefitsStore };
-export default new ManageBenefitsStore();

package/dist/lib/collection/components/benefits-app/pages/role-management-page/api/role-management.api.js

@@ -1,21 +0,0 @@
-import { BackendApiClient } from '../../../apis/api-client';
-export class RoleManagementApi {
-  async getEditorProfiles() {
-    return (await BackendApiClient.instance.url(`users/editors`).get().json());
-  }
-  async assignRole(profileId, role) {
-    const req = {
-      command: {
-        assignRole: role
-      }
-    };
-    return BackendApiClient.instance
-      .url(`users/${profileId}`)
-      .post(req)
-      .badRequest(() => {
-      throw new Error('Failed to execute user command');
-    })
-      .res();
-  }
-}
-export default new RoleManagementApi();

package/dist/lib/collection/components/benefits-app/pages/role-management-page/role-editors-section/role-editors-section.js

@@ -1,104 +0,0 @@
-import { Component, h, Host, State } from '@stencil/core';
-import * as O from 'fp-ts/Option';
-import { Subscription } from 'rxjs';
-import roleManagementService from '../role-management.service';
-import roleManagementQuery from '../store/role-management.query';
-export class RoleEditorsSection {
-  constructor() {
-    this.storeSubscription = new Subscription();
-    this.isEmailValid = false;
-    this.displayInvalidEmailError = false;
-    this.emailNotExist = false;
-    this.isLoading = false;
-    // From https://emailregex.com/
-    // eslint-disable-next-line no-control-regex
-    this.emailRegex = /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/;
-    this.editorItem = (editorProfile) => {
-      const { basicProfile, benefitsProfile } = editorProfile;
-      const getRoleDescription = (role) => {
-        switch (role) {
-          case 'accountAdmin':
-            return 'Admin';
-          case 'accountEditor':
-            return 'Editor';
-          case 'user':
-            return 'User';
-          default:
-            return 'Unknown';
-        }
-      };
-      return (h("tr", null,
-        h("td", null, basicProfile.firstName),
-        h("td", null, basicProfile.title),
-        h("td", null, basicProfile.email),
-        h("td", null, getRoleDescription(benefitsProfile.role)),
-        h("td", { class: "text-center" },
-          h("a", { href: "#", onClick: (e) => {
-              e.preventDefault();
-              roleManagementService.showRemoveEditorDialog(editorProfile);
-            } }, "Remove"))));
-    };
-  }
-  componentWillLoad() {
-    this.storeSubscription.add(roleManagementQuery.editorProfiles$.subscribe((editorProfiles) => (this.editorProfiles = editorProfiles)));
-    this.storeSubscription.add(roleManagementQuery.editorLoading$.subscribe((editorLoading) => (this.isLoading = editorLoading)));
-  }
-  disconnectedCallback() {
-    this.storeSubscription.unsubscribe();
-  }
-  render() {
-    return (h(Host, null,
-      h("h5", null, "Editors"),
-      h("hr", null),
-      h("form", { class: "needs-validation", novalidate: true, ref: (element) => (this.form = element) },
-        h("div", { class: "d-flex align-items-start flex-column" },
-          h("h6", null, "Add new editor"),
-          h("div", { class: `d-flex align-items-center ${this.displayInvalidEmailError ? 'was-validated' : ''}` },
-            h("input", { type: "text", name: "editorEmail", maxLength: 50, required: true, class: `form-control w-auto ${this.emailNotExist ? 'is-invalid' : ''}`, onFocus: (_) => {
-                this.emailNotExist = false;
-                this.displayInvalidEmailError = false;
-              }, pattern: this.emailRegex.source }),
-            h("fl-button", { onClick: async (e) => this.addEditorHandler(e), class: "ml-3" },
-              h("div", { class: "d-flex" },
-                h("ap-ben-icon", { class: "fa mr-2", iconPrefix: "fad", iconId: "user-plus" }),
-                h("div", null, "Add"))),
-            h("fl-loading-indicator", { class: `ml-3 ${this.isLoading ? '' : 'd-none'}` }),
-            h("div", { class: "invalid-feedback ml-3 flex-grow-2" }, this.emailNotExist
-              ? 'Email not exists, please check again.'
-              : 'Please input a valid Email.')))),
-      h("div", { class: "border rounded mt-4 px-0" },
-        h("table", { class: "table m-0" },
-          h("thead", { class: "thead-light" },
-            h("tr", null,
-              h("th", { scope: "col" }, "NAME"),
-              h("th", { scope: "col" }, "TITLE"),
-              h("th", { scope: "col" }, "EMAIL"),
-              h("th", { scope: "col" }, "ROLE"),
-              h("th", { scope: "col" }))),
-          h("tbody", null, this.editorProfiles.map(this.editorItem))))));
-  }
-  async addEditorHandler(e) {
-    e.preventDefault();
-    this.isEmailValid = this.form.checkValidity();
-    this.displayInvalidEmailError = !this.isEmailValid;
-    if (!this.isEmailValid) {
-      return;
-    }
-    const emailElement = this.form.elements.namedItem('editorEmail');
-    const user = await roleManagementService.addEditorByEmail(emailElement.value);
-    if (O.isNone(user)) {
-      this.emailNotExist = true;
-    }
-    else {
-      emailElement.value = '';
-    }
-  }
-  static get is() { return "ap-ben-role-editors-section"; }
-  static get states() { return {
-    "editorProfiles": {},
-    "isEmailValid": {},
-    "displayInvalidEmailError": {},
-    "emailNotExist": {},
-    "isLoading": {}
-  }; }
-}