@flarehr/apollo-benefits 1.2.100 → 1.3.54122

package/dist/lib/esm/stencil-async-content.entry.js

@@ -1,28 +0,0 @@
-import { r as registerInstance, h } from './index-d4b319a7.js';
-
-const AsyncContent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.content = '';
-  }
-  componentWillLoad() {
-    if (this.documentLocation != null) {
-      return this.fetchNewContent(this.documentLocation);
-    }
-  }
-  fetchNewContent(newDocumentLocation) {
-    return fetch(newDocumentLocation)
-      .then(response => response.text())
-      .then(data => {
-      this.content = data;
-    });
-  }
-  render() {
-    return (h("div", { innerHTML: this.content }));
-  }
-  static get watchers() { return {
-    "documentLocation": ["fetchNewContent"]
-  }; }
-};
-
-export { AsyncContent as stencil_async_content };

package/dist/lib/esm/stencil-route-title.entry.js

@@ -1,28 +0,0 @@
-import { r as registerInstance, g as getElement } from './index-d4b319a7.js';
-import { A as ActiveRouter } from './active-router-134fe07f.js';
-
-const RouteTitle = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.titleSuffix = '';
-    this.pageTitle = '';
-  }
-  updateDocumentTitle() {
-    const el = this.el;
-    if (el.ownerDocument) {
-      el.ownerDocument.title = `${this.pageTitle}${this.titleSuffix || ''}`;
-    }
-  }
-  componentWillLoad() {
-    this.updateDocumentTitle();
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "pageTitle": ["updateDocumentTitle"]
-  }; }
-};
-ActiveRouter.injectProps(RouteTitle, [
-  'titleSuffix',
-]);
-
-export { RouteTitle as stencil_route_title };

package/dist/lib/esm/stencil-router-prompt.entry.js

@@ -1,55 +0,0 @@
-import { r as registerInstance, g as getElement } from './index-d4b319a7.js';
-import { A as ActiveRouter } from './active-router-134fe07f.js';
-
-const StencilRouterPrompt = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.when = true;
-    this.message = '';
-  }
-  enable(message) {
-    if (this.unblock) {
-      this.unblock();
-    }
-    if (this.history) {
-      this.unblock = this.history.block(message);
-    }
-  }
-  disable() {
-    if (this.unblock) {
-      this.unblock();
-      this.unblock = undefined;
-    }
-  }
-  componentWillLoad() {
-    if (this.when) {
-      this.enable(this.message);
-    }
-  }
-  updateMessage(newMessage, prevMessage) {
-    if (this.when) {
-      if (!this.when || prevMessage !== newMessage) {
-        this.enable(this.message);
-      }
-    }
-    else {
-      this.disable();
-    }
-  }
-  componentDidUnload() {
-    this.disable();
-  }
-  render() {
-    return null;
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "message": ["updateMessage"],
-    "when": ["updateMessage"]
-  }; }
-};
-ActiveRouter.injectProps(StencilRouterPrompt, [
-  'history',
-]);
-
-export { StencilRouterPrompt as stencil_router_prompt };

package/dist/lib/esm/stencil-router-redirect.entry.js

@@ -1,28 +0,0 @@
-import { r as registerInstance, g as getElement } from './index-d4b319a7.js';
-import { A as ActiveRouter } from './active-router-134fe07f.js';
-
-// Get the URL for this route link without the root from the router
-const getUrl = (url, root) => {
-  // Don't allow double slashes
-  if (url.charAt(0) == '/' && root.charAt(root.length - 1) == '/') {
-    return root.slice(0, root.length - 1) + url;
-  }
-  return root + url;
-};
-const Redirect = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  componentWillLoad() {
-    if (this.history && this.root && this.url) {
-      return this.history.replace(getUrl(this.url, this.root));
-    }
-  }
-  get el() { return getElement(this); }
-};
-ActiveRouter.injectProps(Redirect, [
-  'history',
-  'root'
-]);
-
-export { Redirect as stencil_router_redirect };

package/dist/lib/esm/view.service-6adbec31.js

@@ -1,19 +0,0 @@
-import { O as Option } from './Option-53ef163a.js';
-
-class ViewService {
-  set topElement(url) {
-    this._topElement = Option.fromNullable(url);
-  }
-  get topElement() {
-    if (Option.isNone(this._topElement)) {
-      throw Error('Top element is not set');
-    }
-    return this._topElement.value;
-  }
-  scrollToTop() {
-    window.scrollBy({ top: this.topElement.getBoundingClientRect().y, behavior: 'smooth' });
-  }
-}
-const viewService = new ViewService();
-
-export { viewService as v };

package/dist/lib/index.cjs.js

@@ -1 +0,0 @@
-module.exports = require('./cjs/index.cjs.js');

package/dist/lib/index.js

@@ -1 +0,0 @@
-export * from './esm/index.js';

package/dist/lib/loader/cdn.js

@@ -1,3 +0,0 @@
-
-module.exports = require('../cjs/loader.cjs.js');
-module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/lib/loader/index.cjs.js

@@ -1,3 +0,0 @@
-
-module.exports = require('../cjs/loader.cjs.js');
-module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/lib/loader/index.d.ts

@@ -1,13 +0,0 @@
-
-export * from '../types/components';
-export interface CustomElementsDefineOptions {
-  exclude?: string[];
-  resourcesUrl?: string;
-  syncQueue?: boolean;
-  jmp?: (c: Function) => any;
-  raf?: (c: FrameRequestCallback) => number;
-  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-}
-export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
-export declare function applyPolyfills(): Promise<void>;

package/dist/lib/loader/index.es2017.js

@@ -1,3 +0,0 @@
-
-export * from '../esm/polyfills/index.js';
-export * from '../esm/loader.js';

package/dist/lib/loader/index.js

@@ -1,4 +0,0 @@
-
-(function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
-export * from '../esm/polyfills/index.js';
-export * from '../esm/loader.js';

package/dist/lib/loader/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "apollo-benefits-loader",
-  "typings": "./index.d.ts",
-  "module": "./index.js",
-  "main": "./index.cjs.js",
-  "jsnext:main": "./index.es2017.js",
-  "es2015": "./index.es2017.js",
-  "es2017": "./index.es2017.js",
-  "unpkg": "./cdn.js"
-}

package/dist/lib/node_modules/@flarehr/beacon/dist/collection/components/button/button.css

@@ -1,118 +0,0 @@
-:host button, :host button:focus, :host button:active, :host button.focus, :host button.active,
-.beacon-app button,
-.beacon-app button:focus,
-.beacon-app button:active,
-.beacon-app button.focus,
-.beacon-app button.active {
-  box-shadow: none;
-  border-radius: var(--fl-rounding-button) !important;
-}
-:host button.disabled, :host button:disabled,
-.beacon-app button.disabled,
-.beacon-app button:disabled {
-  opacity: 1 !important;
-  cursor: not-allowed !important;
-  color: var(--fl-color-disabled);
-}
-:host button .label,
-.beacon-app button .label {
-  font-weight: 600 !important;
-}
-:host button.is-primary,
-.beacon-app button.is-primary {
-  color: var(--fl-color-primary-text);
-  background-color: var(--fl-color-primary);
-  border: none;
-}
-:host button.is-primary.disabled, :host button.is-primary:disabled,
-.beacon-app button.is-primary.disabled,
-.beacon-app button.is-primary:disabled {
-  background-color: var(--fl-color-primary-disabled);
-}
-:host button.is-primary:hover:not(.disabled), :host button.is-primary:hover:not(:disabled),
-.beacon-app button.is-primary:hover:not(.disabled),
-.beacon-app button.is-primary:hover:not(:disabled) {
-  background-color: var(--fl-color-primary-hover);
-}
-:host button.is-primary:active:not(.disabled), :host button.is-primary:active:not(:disabled),
-.beacon-app button.is-primary:active:not(.disabled),
-.beacon-app button.is-primary:active:not(:disabled) {
-  background-color: var(--fl-color-primary-focus);
-}
-:host button.is-outline-primary,
-.beacon-app button.is-outline-primary {
-  color: var(--fl-color-primary);
-  border-color: var(--fl-color-primary);
-  background-color: transparent;
-}
-:host button.is-outline-primary.disabled, :host button.is-outline-primary:disabled,
-.beacon-app button.is-outline-primary.disabled,
-.beacon-app button.is-outline-primary:disabled {
-  color: var(--fl-color-primary-disabled);
-  border-color: var(--fl-color-primary-disabled);
-}
-:host button.is-outline-primary:hover:not(.disabled), :host button.is-outline-primary:hover:not(:disabled),
-.beacon-app button.is-outline-primary:hover:not(.disabled),
-.beacon-app button.is-outline-primary:hover:not(:disabled) {
-  color: var(--fl-color-primary-hover);
-  border-color: var(--fl-color-primary-hover);
-}
-:host button.is-outline-primary:active:not(.disabled), :host button.is-outline-primary:active:not(:disabled),
-.beacon-app button.is-outline-primary:active:not(.disabled),
-.beacon-app button.is-outline-primary:active:not(:disabled) {
-  color: var(--fl-color-primary-focus);
-  border-color: var(--fl-color-primary-focus);
-}
-:host button.is-secondary,
-.beacon-app button.is-secondary {
-  color: var(--fl-color-secondary-text);
-  background-color: var(--fl-color-secondary);
-}
-:host button.is-secondary.disabled, :host button.is-secondary:disabled,
-.beacon-app button.is-secondary.disabled,
-.beacon-app button.is-secondary:disabled {
-  background-color: var(--fl-color-secondary-disabled);
-}
-:host button.is-secondary:hover:not(.disabled), :host button.is-secondary:hover:not(:disabled),
-.beacon-app button.is-secondary:hover:not(.disabled),
-.beacon-app button.is-secondary:hover:not(:disabled) {
-  background-color: var(--fl-color-secondary-hover);
-}
-:host button.is-secondary:active:not(.disabled), :host button.is-secondary:active:not(:disabled),
-.beacon-app button.is-secondary:active:not(.disabled),
-.beacon-app button.is-secondary:active:not(:disabled) {
-  background-color: var(--fl-color-secondary-focus);
-}
-:host button.is-outline-secondary,
-.beacon-app button.is-outline-secondary {
-  color: var(--fl-color-secondary);
-  border-color: var(--fl-color-secondary);
-  background-color: transparent;
-}
-:host button.is-outline-secondary.disabled, :host button.is-outline-secondary:disabled,
-.beacon-app button.is-outline-secondary.disabled,
-.beacon-app button.is-outline-secondary:disabled {
-  color: var(--fl-color-secondary-disabled);
-  border-color: var(--fl-color-secondary-disabled);
-}
-:host button.is-outline-secondary:hover:not(.disabled), :host button.is-outline-secondary:hover:not(:disabled),
-.beacon-app button.is-outline-secondary:hover:not(.disabled),
-.beacon-app button.is-outline-secondary:hover:not(:disabled) {
-  color: var(--fl-color-secondary-hover);
-  border-color: var(--fl-color-secondary-hover);
-}
-:host button.is-outline-secondary:active:not(.disabled), :host button.is-outline-secondary:active:not(:disabled),
-.beacon-app button.is-outline-secondary:active:not(.disabled),
-.beacon-app button.is-outline-secondary:active:not(:disabled) {
-  color: var(--fl-color-secondary-focus);
-  border-color: var(--fl-color-secondary-focus);
-}
-:host button.is-block,
-.beacon-app button.is-block {
-  display: block;
-}
-:host button:disabled, :host button.disabled,
-.beacon-app button:disabled,
-.beacon-app button.disabled {
-  pointer-events: none;
-}

package/dist/lib/node_modules/@flarehr/beacon/dist/collection/components/dropdown/dropdown.css

@@ -1,9 +0,0 @@
-fl-dropdown .dropdown-menu {
-  max-height: min(20rem, 50vh);
-}
-fl-dropdown .dropdown-menu .dropdown-item {
-  cursor: pointer;
-}
-fl-dropdown .dropdown-menu .dropdown-item.selected {
-  background-color: rgba(253, 189, 0, 0.5);
-}

package/dist/lib/node_modules/@flarehr/beacon/dist/collection/components/dropdown-async/dropdown-async.css

@@ -1,9 +0,0 @@
-fl-dropdown .dropdown-menu {
-  max-height: min(20rem, 50vh);
-}
-fl-dropdown .dropdown-menu .dropdown-item {
-  cursor: pointer;
-}
-fl-dropdown .dropdown-menu .dropdown-item.selected {
-  background-color: rgba(253, 189, 0, 0.5);
-}

package/dist/lib/node_modules/@flarehr/beacon/dist/collection/components/loading-indicator/loading-indicator.css

@@ -1,141 +0,0 @@
-fl-loading-indicator .dots-container {
-  width: 36px;
-}
-fl-loading-indicator .dot-flashing.theme-default {
-  position: relative;
-  width: 8px;
-  height: 8px;
-  border-radius: 4px;
-  background-color: #66efc5;
-  color: #9880ff;
-  animation: dot-flashing-default 2s infinite linear;
-  animation-delay: 0.5s;
-}
-@keyframes dot-flashing-default {
-  0% {
-    background-color: #66efc5;
-  }
-  25% {
-    background-color: #12aa7c;
-  }
-  50%, 100% {
-    background-color: #66efc5;
-  }
-}
-fl-loading-indicator .dot-flashing.theme-default::before, fl-loading-indicator .dot-flashing.theme-default::after {
-  content: "";
-  display: inline-block;
-  position: absolute;
-  top: 0;
-}
-fl-loading-indicator .dot-flashing.theme-default::before {
-  left: -12px;
-  width: 8px;
-  height: 8px;
-  border-radius: 4px;
-  background-color: #66efc5;
-  color: #9880ff;
-  animation: dot-flashing-default 2s infinite linear;
-  animation-delay: 0s;
-}
-@keyframes dot-flashing-default {
-  0% {
-    background-color: #66efc5;
-  }
-  25% {
-    background-color: #12aa7c;
-  }
-  50%, 100% {
-    background-color: #66efc5;
-  }
-}
-fl-loading-indicator .dot-flashing.theme-default::after {
-  left: 12px;
-  width: 8px;
-  height: 8px;
-  border-radius: 4px;
-  background-color: #66efc5;
-  color: #9880ff;
-  animation: dot-flashing-default 2s infinite linear;
-  animation-delay: 1s;
-}
-@keyframes dot-flashing-default {
-  0% {
-    background-color: #66efc5;
-  }
-  25% {
-    background-color: #12aa7c;
-  }
-  50%, 100% {
-    background-color: #66efc5;
-  }
-}
-fl-loading-indicator .dot-flashing.theme-dark {
-  position: relative;
-  width: 8px;
-  height: 8px;
-  border-radius: 4px;
-  background-color: #a7a7a7;
-  color: #9880ff;
-  animation: dot-flashing-dark 2s infinite linear;
-  animation-delay: 0.5s;
-}
-@keyframes dot-flashing-dark {
-  0% {
-    background-color: #a7a7a7;
-  }
-  25% {
-    background-color: #5b5a5a;
-  }
-  50%, 100% {
-    background-color: #a7a7a7;
-  }
-}
-fl-loading-indicator .dot-flashing.theme-dark::before, fl-loading-indicator .dot-flashing.theme-dark::after {
-  content: "";
-  display: inline-block;
-  position: absolute;
-  top: 0;
-}
-fl-loading-indicator .dot-flashing.theme-dark::before {
-  left: -12px;
-  width: 8px;
-  height: 8px;
-  border-radius: 4px;
-  background-color: #a7a7a7;
-  color: #9880ff;
-  animation: dot-flashing-dark 2s infinite linear;
-  animation-delay: 0s;
-}
-@keyframes dot-flashing-dark {
-  0% {
-    background-color: #a7a7a7;
-  }
-  25% {
-    background-color: #5b5a5a;
-  }
-  50%, 100% {
-    background-color: #a7a7a7;
-  }
-}
-fl-loading-indicator .dot-flashing.theme-dark::after {
-  left: 12px;
-  width: 8px;
-  height: 8px;
-  border-radius: 4px;
-  background-color: #a7a7a7;
-  color: #9880ff;
-  animation: dot-flashing-dark 2s infinite linear;
-  animation-delay: 1s;
-}
-@keyframes dot-flashing-dark {
-  0% {
-    background-color: #a7a7a7;
-  }
-  25% {
-    background-color: #5b5a5a;
-  }
-  50%, 100% {
-    background-color: #a7a7a7;
-  }
-}

package/dist/lib/node_modules/@flarehr/beacon/dist/collection/components/promise-button/promise-button.css

@@ -1,5 +0,0 @@
-fl-promise-button fl-loading-indicator {
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-}

package/dist/lib/node_modules/@stencil/router/dist/collection/components/route/route.css

@@ -1,3 +0,0 @@
-stencil-route.inactive {
-  display: none;
-}

package/dist/lib/types/components/benefits-app/apis/api-client.d.ts

@@ -1,7 +0,0 @@
-import { Wretcher } from 'wretch';
-export declare class BackendApiClient {
-  private static _apiBaseUrl;
-  private static _jwt;
-  static setParameters(apiBaseUrl: string, jwt: string): void;
-  static get instance(): Wretcher;
-}

package/dist/lib/types/components/benefits-app/apis/benefits-api/benefits-api.dto.d.ts

@@ -1,44 +0,0 @@
-import { DraftBenefit } from '../../pages/manage-benefits-page/store/manage-benefits.store';
-export declare type SupportedImageFormat = 'png' | 'jpeg' | 'gif';
-export declare type SupportedDocumentFormat = 'pdf' | 'word' | 'powerpoint';
-export declare type DocumentAttachmentPropertiesDto = {
-  id: string;
-  title: string;
-  size: number;
-  contentType: string;
-  documentFormat: SupportedDocumentFormat;
-  downloadUrl: string;
-};
-export declare type ImageAttachmentPropertiesDto = {
-  id: string;
-  title: string;
-  size: number;
-  contentType: string;
-  documentFormat: SupportedImageFormat;
-  downloadUrl: string;
-};
-export declare class BenefitItemDto {
-  title: string;
-  subtitle: string;
-  category: string;
-  description: string | null;
-  url: string | null;
-  attachments: DocumentAttachmentPropertiesDto[] | null;
-  icon: ImageAttachmentPropertiesDto | null;
-  backdrop: ImageAttachmentPropertiesDto | null;
-  static fromDraftBenefit(draft: DraftBenefit): BenefitItemDto;
-}
-export declare type BenefitWithIdDto = {
-  benefitId: string;
-  benefit: BenefitItemDto;
-};
-export declare type ViewPageUiStateDto = {
-  promotedBenefits: BenefitWithIdDto[];
-  availableBenefits: BenefitWithIdDto[];
-};
-export declare type AttachmentRequest = {
-  file: File;
-};
-export declare type ShopifyUrlResponse = {
-  redirectUrl: string;
-};

package/dist/lib/types/components/benefits-app/apis/benefits-api/benefits.api.d.ts

@@ -1,9 +0,0 @@
-import { AttachmentRequest, DocumentAttachmentPropertiesDto, ImageAttachmentPropertiesDto, ShopifyUrlResponse, ViewPageUiStateDto } from './benefits-api.dto';
-export declare class BenefitsApi {
-  getBenefitsAsync(): Promise<ViewPageUiStateDto>;
-  postDocumentAsync(req: AttachmentRequest): Promise<DocumentAttachmentPropertiesDto>;
-  postIconAsync(req: AttachmentRequest): Promise<ImageAttachmentPropertiesDto>;
-  getShopifyUrl(): Promise<ShopifyUrlResponse>;
-}
-declare const _default: BenefitsApi;
-export default _default;

package/dist/lib/types/components/benefits-app/apis/event-tracking-api/event-tracking-api.d.ts

@@ -1,6 +0,0 @@
-import { BenefitsAnalyticsEventDto } from './event-tracking-api.dto';
-export declare class BenefitsEventTrackingApi {
-  postTrackEventAsync(event: BenefitsAnalyticsEventDto): Promise<void>;
-}
-declare const _default: BenefitsEventTrackingApi;
-export default _default;

package/dist/lib/types/components/benefits-app/apis/event-tracking-api/event-tracking-api.dto.d.ts

@@ -1,18 +0,0 @@
-export declare type BenefitSelectedEvent = {
-  benefitId: string;
-  title: string;
-  subtitle: string;
-  category: string;
-  attachment: 'link' | 'document';
-};
-export declare type PageViewedEvent = {
-  pageId: 'viewBenefits' | 'discounts';
-};
-export declare type BenefitsAnalyticsEvent = 'appLoaded' | {
-  pageViewed: PageViewedEvent;
-} | {
-  benefitSelected: BenefitSelectedEvent;
-};
-export declare type BenefitsAnalyticsEventDto = {
-  event: BenefitsAnalyticsEvent;
-};

package/dist/lib/types/components/benefits-app/apis/user-api/user-api.dto.d.ts

@@ -1,30 +0,0 @@
-import { UserProfile } from '../../store/benefits-app.store';
-export declare type BasicProfileDto = {
-  accountId: string;
-  profileId: string;
-  firstName: string;
-  lastName: string;
-  title: string;
-  gender: string;
-  email: string;
-  mobilePhone: string;
-  dateOfBirth: string;
-};
-export declare type BenefitsProfileDto = {
-  profileId: string;
-  accountId: string;
-  role: 'accountAdmin' | 'accountEditor' | 'user';
-};
-export declare class UserProfileDto {
-  basicProfile: BasicProfileDto;
-  benefitsProfile: BenefitsProfileDto;
-  static toDomain(dto: UserProfileDto): UserProfile;
-}
-export declare type RoleDto = 'accountEditor' | 'user';
-export declare type AssignRoleCommandDto = {
-  assignRole: RoleDto;
-};
-export declare type UserCommandDto = AssignRoleCommandDto;
-export declare type UserCommandRequestDto = {
-  command: UserCommandDto;
-};

package/dist/lib/types/components/benefits-app/apis/user-api/user.api.d.ts

@@ -1,8 +0,0 @@
-import * as O from 'fp-ts/Option';
-import { BasicProfileDto, UserProfileDto } from './user-api.dto';
-export declare class UserApi {
-  getUserProfile(): Promise<UserProfileDto>;
-  getBasicProfileByEmail(email: string): Promise<O.Option<BasicProfileDto>>;
-}
-declare const _default: UserApi;
-export default _default;

package/dist/lib/types/components/benefits-app/benefits-app.d.ts

@@ -1,22 +0,0 @@
-import '@flarehr/beacon';
-import { LocationSegments, RouterHistory } from '@stencil/router';
-export declare class BenefitsApp {
-  jwt?: string;
-  apiBaseUrl?: string;
-  appBaseUrl?: string;
-  location?: LocationSegments;
-  history?: RouterHistory;
-  private areStylesLoaded;
-  private user;
-  private signedInUserRole;
-  private storeSubscription;
-  componentWillLoad(): Promise<void>;
-  disconnectedCallback(): void;
-  componentDidLoad(): Promise<void>;
-  authTokenChanged(newValue: string): void;
-  onRouteChange(): void;
-  render(): Element[];
-  private fetchStyles;
-  private routeUrl;
-  private renderAppContent;
-}

package/dist/lib/types/components/benefits-app/pages/benefits-page/benefits-list/benefits-list-item.d.ts

@@ -1,10 +0,0 @@
-import { BenefitWithIdDto } from '../../../apis/benefits-api/benefits-api.dto';
-export declare class BenefitListItem {
-  benefitWithId: BenefitWithIdDto;
-  render(): Element;
-  private get benefit();
-  private learnMoreButton;
-  private openAttachmentButton;
-  private IconElement;
-  private onBenefitButtonClick;
-}