@flarehr/apollo-benefits 1.2.97 → 1.3.54109

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

@@ -1,32 +0,0 @@
-import { Component, h, Prop } from '@stencil/core';
-export class ManagedBenefitList {
-  render() {
-    if (!this.benefits) {
-      return undefined;
-    }
-    return (h("div", { class: "list-group" }, this.benefits.map((b) => (h("ap-ben-benefit-list-item", { class: "list-group-item px-4 py-2", benefitWithId: b })))));
-  }
-  static get is() { return "ap-ben-benefits-list"; }
-  static get properties() { return {
-    "benefits": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "BenefitWithIdDto[]",
-        "resolved": "BenefitWithIdDto[] | undefined",
-        "references": {
-          "BenefitWithIdDto": {
-            "location": "import",
-            "path": "../../../apis/benefits-api/benefits-api.dto"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    }
-  }; }
-}

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

@@ -1,47 +0,0 @@
-import { Component, h, Host, State } from '@stencil/core';
-import * as O from 'fp-ts/Option';
-import benefitsService from '../../services/benefits.service';
-import benefitsEventTrackingService from '../../services/event-tracking.service';
-export class BenefitsPage {
-  constructor() {
-    this.shopifyUrl = O.none;
-    this.urlRefreshHandle = O.none;
-  }
-  async componentWillLoad() {
-    this.state = await benefitsService.getViewPageState();
-  }
-  async componentDidLoad() {
-    this.shopifyUrl = await benefitsService.getShopifyUrl();
-    this.setupShopifyUrlRefresh();
-    await benefitsEventTrackingService.trackPageViewedAsync({ pageId: 'viewBenefits' });
-  }
-  disconnectedCallback() {
-    if (O.isSome(this.urlRefreshHandle)) {
-      window.clearInterval(this.urlRefreshHandle.value);
-    }
-  }
-  render() {
-    return (h(Host, { class: "w-100 mb-4" },
-      h("ap-ben-ui-container", { class: "mt-4 d-none" },
-        h("div", { class: "row" },
-          h("div", { class: "col-12" },
-            h("ap-ben-hero-banner", { shopifyUrl: this.shopifyUrl }))),
-        h("div", { class: "row" },
-          h("div", { class: "col-12" },
-            h("ap-ben-promoted-benefits", { benefits: this.state.promotedBenefits }))),
-        h("div", { class: "row" },
-          h("div", { class: "col-12" },
-            h("ap-ben-benefits-list", { benefits: this.state.availableBenefits }))))));
-  }
-  setupShopifyUrlRefresh() {
-    const twoMinutesInMilliseconds = 2 * 60 * 1000;
-    this.urlRefreshHandle = O.some(window.setInterval(async () => {
-      this.shopifyUrl = await benefitsService.getShopifyUrl();
-    }, twoMinutesInMilliseconds));
-  }
-  static get is() { return "ap-ben-benefits-page"; }
-  static get states() { return {
-    "state": {},
-    "shopifyUrl": {}
-  }; }
-}

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

@@ -1,8 +0,0 @@
-ap-ben-hero-banner .card.fl-card-background {
-  background-color: #febd55;
-}
-ap-ben-hero-banner .fl-logo-container {
-  object-fit: contain;
-  position: absolute;
-  left: 0;
-}

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

@@ -1,53 +0,0 @@
-import { Component, getAssetPath, h, Prop } from '@stencil/core';
-import { none, toUndefined } from 'fp-ts/lib/Option';
-import benefitsEventTrackingService from '../../../services/event-tracking.service';
-export class HeroBanner {
-  constructor() {
-    this.shopifyUrl = none;
-  }
-  render() {
-    return (h("div", { class: "card fl-card-background border-0 mb-4 py-0" },
-      h("a", { target: "_blank", rel: "noopener noreferrer", href: toUndefined(this.shopifyUrl), class: "text-reset text-decoration-none", onClick: (_) => benefitsEventTrackingService.trackPageViewedAsync({ pageId: 'discounts' }) },
-        h("div", { class: "card-body p-0" },
-          h("div", { class: "row m-0" },
-            h("div", { class: "col-12 col-lg-6 col-xl-7 px-3" },
-              h("div", { class: "pl-lg-5 pl-2 pt-lg-4 pt-sm-0 pt-xs-0" },
-                h("h1", { class: "font-weight-bold my-4" }, "Access exclusive discounts and vouchers."),
-                h("p", { class: "mb-4" }, "Choose from leading retailers including Woolworths, JB Hi-Fi, Caltex and Hoyts Cinemas."),
-                h("a", { target: "_blank", rel: "noopener noreferrer", class: "btn btn-light bg-white mb-4 px-3 py-2" },
-                  h("h6", { class: "m-0" }, "Browse discounts")))),
-            h("div", { class: "col-6 d-none d-lg-block col-xl-4 ml-auto overflow-hidden text-right p-0 rounded" },
-              h("img", { src: getAssetPath('./assets/Hero_Background.png'), class: "fl-logo-container h-100" })))))));
-  }
-  static get is() { return "ap-ben-hero-banner"; }
-  static get originalStyleUrls() { return {
-    "$": ["hero-banner.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hero-banner.css"]
-  }; }
-  static get assetsDirs() { return ["assets"]; }
-  static get properties() { return {
-    "shopifyUrl": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Option<string>",
-        "resolved": "None | Some<string>",
-        "references": {
-          "Option": {
-            "location": "import",
-            "path": "fp-ts/lib/Option"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "defaultValue": "none"
-    }
-  }; }
-}

package/dist/lib/collection/components/benefits-app/pages/benefits-page/promoted-benefits/benefit-card.css

@@ -1,3 +0,0 @@
-ap-ben-benefit-card .fl-card-logo.img-fluid {
-  height: 1.25rem;
-}

package/dist/lib/collection/components/benefits-app/pages/benefits-page/promoted-benefits/benefit-card.js

@@ -1,62 +0,0 @@
-import { Component, h, Prop } from '@stencil/core';
-import benefitsEventTrackingService from '../../../services/event-tracking.service';
-export class BenefitCard {
-  constructor() {
-    this.onBenefitButtonClick = async (event) => {
-      event.preventDefault();
-      if (this.benefit.url === null)
-        return;
-      window.open(this.benefit.url, '_blank');
-      benefitsEventTrackingService.trackBenefitLinkClickedAsync(this.benefitWithId);
-    };
-  }
-  render() {
-    return (h("div", { class: "row h-100 d-flex justify-content-between no-gutters", onClick: async (event) => this.onBenefitButtonClick(event) },
-      h("div", { class: "col-9 col-md-12 col-lg-10 text-left" },
-        h("h5", { class: "card-title mb-1" }, this.benefit.title),
-        h("h6", { class: "benefit-value-description" }, this.benefit.subtitle),
-        h("small", { class: "card-text text-muted text-uppercase" }, this.benefit.description)),
-      h("div", { class: "col-2 col-md-12 col-lg-2 d-flex justify-content-end align-items-center" }, this.IconElement())));
-  }
-  get benefit() {
-    return this.benefitWithId.benefit;
-  }
-  IconElement() {
-    var _a;
-    if (this.benefit.icon !== null) {
-      return h("img", { class: "img-fluid", src: (_a = this.benefit.icon) === null || _a === void 0 ? void 0 : _a.downloadUrl, alt: "" });
-    }
-    else {
-      return h("ap-ben-icon", { class: "text-black-50 fa-3x", iconPrefix: "fad", iconId: "award" });
-    }
-  }
-  static get is() { return "ap-ben-benefit-card"; }
-  static get originalStyleUrls() { return {
-    "$": ["benefit-card.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["benefit-card.css"]
-  }; }
-  static get properties() { return {
-    "benefitWithId": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "BenefitWithIdDto",
-        "resolved": "{ benefitId: string; benefit: BenefitItemDto; }",
-        "references": {
-          "BenefitWithIdDto": {
-            "location": "import",
-            "path": "../../../apis/benefits-api/benefits-api.dto"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    }
-  }; }
-}

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

@@ -1,33 +0,0 @@
-import { Component, h, Prop } from '@stencil/core';
-export class PromotedBenefits {
-  render() {
-    if (!this.benefits) {
-      return undefined;
-    }
-    return (h("div", { class: "list-group list-group-horizontal-md mb-4" }, this.benefits.map((benefit) => (h("a", { href: "#", class: "list-group-item list-group-item-action p-4" },
-      h("ap-ben-benefit-card", { key: benefit.benefitId, benefitWithId: benefit }))))));
-  }
-  static get is() { return "ap-ben-promoted-benefits"; }
-  static get properties() { return {
-    "benefits": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "BenefitWithIdDto[]",
-        "resolved": "BenefitWithIdDto[] | undefined",
-        "references": {
-          "BenefitWithIdDto": {
-            "location": "import",
-            "path": "../../../apis/benefits-api/benefits-api.dto"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    }
-  }; }
-}

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

@@ -1,36 +0,0 @@
-import * as O from 'fp-ts/Option';
-import { assertSome } from '../../../../../utils';
-export class AccountBenefitWithIdDto {
-  static toCustomBenefitsListEntry(dto) {
-    return {
-      id: dto.benefitId,
-      title: dto.benefit.title,
-      category: dto.benefit.category,
-      lastModifiedDate: O.some(dto.metadata.updatedAt),
-      visibility: dto.visibility
-    };
-  }
-  static toBenefit(dto) {
-    const firstAttachment = dto.benefit.attachments !== null && dto.benefit.attachments.length > 0
-      ? O.some(dto.benefit.attachments[0])
-      : O.none;
-    return {
-      id: assertSome(dto.benefitId),
-      title: assertSome(dto.benefit.title),
-      subtitle: assertSome(dto.benefit.subtitle),
-      category: assertSome(dto.benefit.category),
-      description: O.fromNullable(dto.benefit.description),
-      url: O.fromNullable(dto.benefit.url),
-      attachment: firstAttachment,
-      icon: O.fromNullable(dto.benefit.icon)
-    };
-  }
-}
-export class ManageBenefitsPageStateDto {
-  static toDomain(dto) {
-    return {
-      enabledBenefits: dto.activeAccountBenefits.map(AccountBenefitWithIdDto.toCustomBenefitsListEntry),
-      disabledBenefits: dto.inactiveAccountBenefits.map(AccountBenefitWithIdDto.toCustomBenefitsListEntry)
-    };
-  }
-}

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

@@ -1,23 +0,0 @@
-import * as O from 'fp-ts/Option';
-import { BackendApiClient } from '../../../apis/api-client';
-export class ManageBenefitsApi {
-  async getPageStateAsync() {
-    return BackendApiClient.instance.url(`benefits/ui/manage-page`).get().json();
-  }
-  async loadBenefitForEditingAsync(benefitId) {
-    return BackendApiClient.instance.url(`benefits/edit/${benefitId}`).get().json();
-  }
-  async postCommandAsync(benefitId, commandDto) {
-    const request = {
-      command: commandDto
-    };
-    return BackendApiClient.instance
-      .url(`benefits/edit/${O.getOrElse(() => '')(benefitId)}`)
-      .post(request)
-      .badRequest(() => {
-      throw new Error('Failed to execute benefit command');
-    })
-      .text();
-  }
-}
-export default new ManageBenefitsApi();

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

@@ -1,158 +0,0 @@
-import { Component, Event, h, Prop } from '@stencil/core';
-export class ConfirmDialog {
-  constructor() {
-    this.dialogStyle = 'success';
-    this.allowedDialogStyles = ['success', 'danger', 'warning', 'info'];
-  }
-  componentWillLoad() {
-    this.validateDialogStyle();
-  }
-  componentDidUpdate() {
-    this.validateDialogStyle();
-  }
-  render() {
-    return (h("div", { class: "uiid-delete-benefit-popup" },
-      h("div", { class: "my-3" },
-        h("slot", null)),
-      h("div", { class: "text-right" },
-        h("button", { class: `uiid-confirm-delete-benefit-item btn btn-${this.dialogStyle} mr-3`, onClick: (_) => {
-            var _a;
-            (_a = this.accepted) === null || _a === void 0 ? void 0 : _a.emit();
-          } }, this.acceptText || 'Accept'),
-        h("button", { class: "btn btn-light", onClick: (_) => {
-            var _a;
-            (_a = this.declined) === null || _a === void 0 ? void 0 : _a.emit();
-          } }, this.declineText || 'Decline'))));
-  }
-  validateDialogStyle() {
-    if (!this.allowedDialogStyles.some((style) => style === this.dialogStyle)) {
-      this.dialogStyle = 'success';
-    }
-  }
-  static get is() { return "ap-ben-confirm-dialog"; }
-  static get properties() { return {
-    "titleText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | HTMLElement",
-        "resolved": "HTMLElement | string",
-        "references": {
-          "HTMLElement": {
-            "location": "global"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "title-text",
-      "reflect": false
-    },
-    "acceptText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "accept-text",
-      "reflect": false
-    },
-    "declineText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "decline-text",
-      "reflect": false
-    },
-    "dialogStyle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DialogStyle",
-        "resolved": "\"danger\" | \"info\" | \"success\" | \"warning\"",
-        "references": {
-          "DialogStyle": {
-            "location": "local"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "dialog-style",
-      "reflect": false,
-      "defaultValue": "'success'"
-    }
-  }; }
-  static get events() { return [{
-      "method": "accepted",
-      "name": "accepted",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "declined",
-      "name": "declined",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "cancelled",
-      "name": "cancelled",
-      "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/edit-benefit-page/edit-benefit-form/benefit-url.css

@@ -1,8 +0,0 @@
-ap-ben-benefit-url .blur-backdrop {
-  opacity: 0;
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}

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

@@ -1,126 +0,0 @@
-import { Component, h, State } from '@stencil/core';
-import { isNone, isSome, none, toUndefined } from 'fp-ts/lib/Option';
-import { Subscription } from 'rxjs';
-import editBenefitQuery from '../edit-benefit.query';
-import editBenefitService from '../edit-benefit.service';
-var InputState;
-(function (InputState) {
-  InputState[InputState["Pristine"] = 0] = "Pristine";
-  InputState[InputState["Validated"] = 1] = "Validated";
-})(InputState || (InputState = {}));
-var UiState;
-(function (UiState) {
-  UiState[UiState["Collapsed"] = 0] = "Collapsed";
-  UiState[UiState["Editing"] = 1] = "Editing";
-})(UiState || (UiState = {}));
-export class BenefitUrl {
-  constructor() {
-    this.benefitUrl = none;
-    this.uiState = UiState.Collapsed;
-    this.inputState = InputState.Pristine;
-    this.storeSubscription = new Subscription();
-    this.absoluteUrlRegex = /^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
-    this.relativeUrlRegex = /^\/\S+/;
-    this.httpSchemeRegex = /^https?:\/\//i;
-  }
-  componentWillLoad() {
-    this.storeSubscription.add(editBenefitQuery.draftBenefitUrl$.subscribe((url) => {
-      this.benefitUrl = url;
-    }));
-  }
-  disconnectedCallback() {
-    this.storeSubscription.unsubscribe();
-  }
-  render() {
-    return this.uiState === UiState.Editing ? this.renderInProgress() : this.renderEmptyState();
-  }
-  renderEmptyState() {
-    return (h("div", { class: "row mb-2" },
-      h("div", { class: "col-12 d-flex" },
-        h("button", { type: "button", class: "uiid-benefit-urllink btn btn-light border flex-fill d-flex align-items-center rounded p-0 w-100", onClick: (_) => {
-            this.uiState = UiState.Editing;
-          } },
-          isSome(this.benefitUrl) ? (h("ap-ben-icon", { class: "weblink-icon m-4", iconPrefix: "fas", iconId: "globe" })) : (h("ap-ben-icon", { class: "text-muted m-4", iconPrefix: "fal", iconId: "link" })),
-          h("div", { class: "d-flex flex-column text-left overflow-hidden" },
-            h("span", null, isSome(this.benefitUrl) ? 'Weblink' : 'Add weblink'),
-            h("small", { class: "text-muted text-truncate w-100" }, isSome(this.benefitUrl)
-              ? toUndefined(this.benefitUrl)
-              : 'Add a web URL to supporting material')),
-          h("button", { class: "btn ml-auto px-3", type: "button", hidden: isNone(this.benefitUrl), onClick: (event) => this.clear(event) },
-            h("ap-ben-icon", { iconPrefix: "fal", iconId: "trash" }))))));
-  }
-  renderInProgress() {
-    return (h("div", { class: "row mb-2 no-gutters border rounded" },
-      h("div", { class: "blur-backdrop", onClick: (_) => {
-          this.uiState = UiState.Collapsed;
-        } }),
-      h("div", { class: `col-12 p-3 ${this.inputState === InputState.Validated ? 'was-validated' : ''}` },
-        h("div", { class: "row" },
-          h("div", { class: "col-12 d-flex" },
-            h("div", { class: "d-flex flex-column flex-fill" },
-              h("input", { type: "text", class: "uiid-enter-benefit-urllink form-control d-inline", name: "benefitUrl", value: toUndefined(this.benefitUrl), required: true, onInput: (_) => this.onBenefitUrlInput(), ref: (element) => (this.inputElement = element), placeholder: "https://www.example.com" }),
-              h("div", { class: "invalid-feedback" }, "Please provide a valid URL for your benefit.")),
-            h("button", { type: "button", class: "uiid-verify-benefit-urllink btn btn-primary ml-2 d-inline align-self-start", onClick: (_) => {
-                this.submit();
-              } },
-              h("ap-ben-icon", { iconPrefix: "fal", iconId: "check" })))))));
-  }
-  getUrlRegex(url) {
-    if (this.relativeUrlRegex.test(url)) {
-      return this.relativeUrlRegex;
-    }
-    return this.absoluteUrlRegex;
-  }
-  formatUrl(unformattedUrl) {
-    if (unformattedUrl === '') {
-      return '';
-    }
-    if (unformattedUrl[0] === '/') {
-      return unformattedUrl;
-    }
-    if (this.httpSchemeRegex.test(unformattedUrl)) {
-      return unformattedUrl;
-    }
-    try {
-      return new URL(`https://${unformattedUrl}`).href;
-    }
-    catch (_a) {
-      return unformattedUrl;
-    }
-  }
-  onBenefitUrlInput() {
-    const currentValue = this.inputElement.value.trim();
-    this.inputElement.pattern = this.getUrlRegex(currentValue).source;
-  }
-  submit() {
-    const benefitUrl = this.inputElement.value.trim();
-    const formattedUrl = this.formatUrl(benefitUrl);
-    this.inputElement.value = formattedUrl;
-    this.inputElement.pattern = this.getUrlRegex(formattedUrl).source;
-    this.inputState = InputState.Validated;
-    if (this.inputElement.checkValidity() && formattedUrl !== '') {
-      this.uiState = UiState.Collapsed;
-      editBenefitService.updateDraftUrl(formattedUrl);
-    }
-    else {
-      this.inputElement.focus();
-    }
-  }
-  clear(event) {
-    event.stopPropagation();
-    this.inputState = InputState.Pristine;
-    editBenefitService.clearDraftUrl();
-  }
-  static get is() { return "ap-ben-benefit-url"; }
-  static get originalStyleUrls() { return {
-    "$": ["benefit-url.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["benefit-url.css"]
-  }; }
-  static get states() { return {
-    "benefitUrl": {},
-    "uiState": {},
-    "inputState": {}
-  }; }
-}