@flarehr/apollo-super-selection 3.17.52781 → 3.18.52782

package/dist/lib/collection/components/super-selection-app/services/selected-super-choice-info.service.js

@@ -0,0 +1,53 @@
+import { isSome, none, some } from 'fp-ts/Option';
+import * as constants from '../funds/constants';
+import australianFundLookupService from './australian-fund-lookup.service';
+import superSelectionAppService from './super-selection-app.service';
+export class ChosenFundService {
+  async GetChosenFundAsync() {
+    var _a;
+    const choiceDetails = (_a = superSelectionAppService.superBuyer.superChoice) === null || _a === void 0 ? void 0 : _a.choiceDetails;
+    if (!choiceDetails)
+      return none;
+    if ('promoted' in choiceDetails) {
+      const promotedId = constants.QSuperFundId in choiceDetails.promoted
+        ? constants.QSuperFundId
+        : constants.SlateFundId in choiceDetails.promoted
+          ? constants.SlateFundId
+          : '';
+      return some({
+        isPromoted: true,
+        promotedId
+      });
+    }
+    else if ('smsf' in choiceDetails) {
+      return some({
+        isPromoted: false,
+        name: choiceDetails.smsf.fundName,
+        type: 'Self Managed Fund'
+      });
+    }
+    else if ('myOwnFund' in choiceDetails) {
+      const fundUsi = choiceDetails.myOwnFund.usi;
+      const fund = await this.getFundByUsiAsync(fundUsi);
+      return some({
+        isPromoted: false,
+        name: isSome(fund) ? fund.value.productName : fundUsi,
+        type: 'My Own Fund'
+      });
+    }
+    else if ('default' in choiceDetails) {
+      const defaultUsi = choiceDetails.default.usi;
+      const defaultFund = await this.getFundByUsiAsync(defaultUsi);
+      return some({
+        isPromoted: false,
+        name: isSome(defaultFund) ? defaultFund.value.productName : defaultUsi,
+        type: 'Default Fund'
+      });
+    }
+    return none;
+  }
+  getFundByUsiAsync(usi) {
+    return australianFundLookupService.getFundByUsiAsync(usi);
+  }
+}
+export default new ChosenFundService();

package/dist/lib/collection/components/super-selection-app/services/super-selection-app.routes.js

@@ -0,0 +1,42 @@
+import { h } from '@stencil/core';
+export var SuperSelectionAppRoutes;
+(function (SuperSelectionAppRoutes) {
+  SuperSelectionAppRoutes["ChoicePage"] = "/";
+  SuperSelectionAppRoutes["SlateJoin"] = "/slate/join/";
+  SuperSelectionAppRoutes["SlateStandardChoice"] = "/slate/standard-choice/";
+  SuperSelectionAppRoutes["QSuperOptIn"] = "/qsuper/insurance/opt-in/";
+  SuperSelectionAppRoutes["QSuperQuestion1"] = "/qsuper/insurance/question1/";
+  SuperSelectionAppRoutes["QSuperQuestion2"] = "/qsuper/insurance/question2/";
+  SuperSelectionAppRoutes["QSuperQuestion3"] = "/qsuper/insurance/question3/";
+  SuperSelectionAppRoutes["QSuperQuestion4"] = "/qsuper/insurance/question4/";
+  SuperSelectionAppRoutes["QSuperQuestion5"] = "/qsuper/insurance/question5/";
+  SuperSelectionAppRoutes["QSuperQuestion6"] = "/qsuper/insurance/question6/";
+  SuperSelectionAppRoutes["QSuperQuestion7"] = "/qsuper/insurance/question7/";
+  SuperSelectionAppRoutes["QSuperQuestion8"] = "/qsuper/insurance/question8/";
+  SuperSelectionAppRoutes["QSuperConsent"] = "/qsuper/consent/";
+  SuperSelectionAppRoutes["QSuperJoin"] = "/qsuper/join/";
+  SuperSelectionAppRoutes["MyOwnFund"] = "/super-choice/my-own-fund/";
+  SuperSelectionAppRoutes["SelfManagedFund"] = "/super-choice/smsf/";
+  SuperSelectionAppRoutes["DefaultFund"] = "/super-choice/default/";
+  SuperSelectionAppRoutes["Success"] = "/success/";
+})(SuperSelectionAppRoutes || (SuperSelectionAppRoutes = {}));
+export const superSelectionAppStencilRoutes = [
+  h("stencil-route", { exact: true, url: SuperSelectionAppRoutes.ChoicePage, component: "sss-super-choice-page" }),
+  h("stencil-route", { url: SuperSelectionAppRoutes.SlateJoin, component: "sss-slate-join-page" }),
+  h("stencil-route", { url: SuperSelectionAppRoutes.SlateStandardChoice, component: "sss-slate-standard-choice-page" }),
+  h("stencil-route", { url: SuperSelectionAppRoutes.QSuperOptIn, component: "sss-qsuper-insurance-opt-in" }),
+  h("stencil-route", { url: SuperSelectionAppRoutes.QSuperQuestion1, component: "sss-qsuper-question-1" }),
+  h("stencil-route", { url: SuperSelectionAppRoutes.QSuperQuestion2, component: "sss-qsuper-question-2" }),
+  h("stencil-route", { url: SuperSelectionAppRoutes.QSuperQuestion3, component: "sss-qsuper-question-3" }),
+  h("stencil-route", { url: SuperSelectionAppRoutes.QSuperQuestion4, component: "sss-qsuper-question-4" }),
+  h("stencil-route", { url: SuperSelectionAppRoutes.QSuperQuestion5, component: "sss-qsuper-question-5" }),
+  h("stencil-route", { url: SuperSelectionAppRoutes.QSuperQuestion6, component: "sss-qsuper-question-6" }),
+  h("stencil-route", { url: SuperSelectionAppRoutes.QSuperQuestion7, component: "sss-qsuper-question-7" }),
+  h("stencil-route", { url: SuperSelectionAppRoutes.QSuperQuestion8, component: "sss-qsuper-question-8" }),
+  h("stencil-route", { url: SuperSelectionAppRoutes.QSuperConsent, component: "sss-qsuper-consent" }),
+  h("stencil-route", { url: SuperSelectionAppRoutes.QSuperJoin, component: "sss-qsuper-join" }),
+  h("stencil-route", { url: SuperSelectionAppRoutes.MyOwnFund, component: "sss-my-own-fund" }),
+  h("stencil-route", { url: SuperSelectionAppRoutes.SelfManagedFund, component: "sss-self-managed-fund" }),
+  h("stencil-route", { url: SuperSelectionAppRoutes.DefaultFund, component: "sss-default-fund" }),
+  h("stencil-route", { url: SuperSelectionAppRoutes.Success, component: "sss-success" })
+];

package/dist/lib/collection/components/super-selection-app/services/super-selection-app.service.js

@@ -0,0 +1,76 @@
+import { createStore } from '@stencil/store';
+import { pipe } from 'fp-ts/lib/function';
+import * as O from 'fp-ts/lib/Option';
+import jwtDecode from 'jwt-decode';
+import superSelectionApi from '../api/super-selection.api';
+import { initialState } from './super-selection.store';
+export class SuperSelectionAppService {
+  constructor() {
+    const { state, onChange } = createStore(initialState);
+    this._state = state;
+    this._onChange = onChange;
+    onChange('jwt', (jwt) => {
+      this._state.profileId = pipe(jwt, O.chain((jwtValue) => O.fromNullable(jwtDecode(jwtValue).sub)));
+    });
+  }
+  get state() {
+    return this._state;
+  }
+  get onChange() {
+    return this._onChange;
+  }
+  get superBuyer() {
+    if (O.isNone(this._state.superBuyer)) {
+      throw Error('User information is not set');
+    }
+    return this._state.superBuyer.value;
+  }
+  get apiBaseUrl() {
+    if (O.isNone(this._state.apiBaseUrl)) {
+      throw Error('API base URL is not set');
+    }
+    return this._state.apiBaseUrl.value;
+  }
+  get appBaseUrl() {
+    if (O.isNone(this._state.appBaseUrl)) {
+      throw Error('App base URL is not set');
+    }
+    return this._state.appBaseUrl.value;
+  }
+  get profileId() {
+    if (O.isNone(this._state.profileId)) {
+      throw Error('Failed to get Profile ID from JWT');
+    }
+    return this._state.profileId.value;
+  }
+  get defaultFundUsi() {
+    return pipe(this._state.accountConfiguration, O.map((config) => O.fromNullable(config.defaultFundUsi)), O.flatten);
+  }
+  get accountIdOrDefault() {
+    return pipe(this._state.accountConfiguration, O.map((config) => config.accountId), O.getOrElse(() => ''));
+  }
+  get partnerIdOrDefault() {
+    return pipe(this._state.superBuyer, O.map((superBuyer) => superBuyer.partnerId), O.getOrElse(() => ''));
+  }
+  get jwt() {
+    if (O.isNone(this._state.jwt)) {
+      throw Error('No authentication information was found');
+    }
+    return this._state.jwt.value;
+  }
+  get showSmsfNotSupported() {
+    return pipe(this._state.superBuyer, O.map((superBuyer) => superBuyer.showSmsfNotSupported), O.getOrElse(() => false));
+  }
+  completeSuperSelectionFlow() {
+    this._state.hasSuccessPageBeenAcknowledged = true;
+  }
+  markSuperSelectionAsSubmitted() {
+    this._state.hasSuperSelectionBeenSubmitted = true;
+  }
+  async loadAppStateAsync() {
+    const appStateResponse = await superSelectionApi.getAppStateAsync();
+    this._state.accountConfiguration = O.fromNullable(appStateResponse.accountConfiguration);
+    this._state.superBuyer = O.fromNullable(appStateResponse.superBuyer);
+  }
+}
+export default new SuperSelectionAppService();

package/dist/lib/collection/components/super-selection-app/services/super-selection.store.js

@@ -0,0 +1,11 @@
+import * as O from 'fp-ts/lib/Option';
+export const initialState = {
+  apiBaseUrl: O.none,
+  appBaseUrl: O.none,
+  profileId: O.none,
+  jwt: O.none,
+  superBuyer: O.none,
+  accountConfiguration: O.none,
+  hasSuccessPageBeenAcknowledged: false,
+  hasSuperSelectionBeenSubmitted: false
+};

package/dist/lib/collection/components/super-selection-app/standard-choice/api/standard-choice.model.js

@@ -0,0 +1 @@
+export {};

package/dist/lib/collection/components/super-selection-app/standard-choice/standard-choice-form.js

@@ -0,0 +1,49 @@
+import { Component, Event, h, State } from '@stencil/core';
+export class StandardChoiceFormInputDefaultFund {
+  constructor() {
+    this.standardChoiceFormUrl = "/super-selection/embed/v1.0/app/assets/Superannuation_Standard_Choice_Form.pdf";
+    this.standardChoiceFormSignature = '';
+  }
+  render() {
+    return (h("div", { class: "card p-4 mt-4 bg-light" },
+      h("h4", { class: "small font-weight-bold" }, "Superannuation Standard Choice Form"),
+      h("p", { class: "small mt-2" },
+        "The superannuation",
+        ' ',
+        h("a", { target: "_blank", href: this.standardChoiceFormUrl }, "standard choice form"),
+        ' ',
+        "informs your employer of your choice of fund."),
+      h("h4", { class: "small font-weight-bold" }, "Type your full name below (required)"),
+      h("input", { placeholder: "Type your full name", type: "text", class: "form-control", required: true, minlength: "2", name: "standardChoiceFormSignature", id: "standardChoiceFormSignature", value: this.standardChoiceFormSignature, onKeyUp: (ev) => this.updateFormField(ev.target.value.trim()) }),
+      h("div", { class: "invalid-feedback" }, "Type your full name"),
+      h("p", { class: "small mt-3 mb-0" }, "Your authorisation is required for signing this form. Applying your full name in the text field above is the same as applying your written signature and is legally binding.")));
+  }
+  updateFormField(value) {
+    this.standardChoiceFormSignatureUpdated.emit({ standardChoiceFormSignature: value });
+  }
+  static get is() { return "sss-standard-choice-form"; }
+  static get states() { return {
+    "standardChoiceFormSignature": {}
+  }; }
+  static get events() { return [{
+      "method": "standardChoiceFormSignatureUpdated",
+      "name": "standardChoiceFormSignatureUpdated",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "StandardChoiceInput",
+        "resolved": "{ standardChoiceFormSignature: string; }",
+        "references": {
+          "StandardChoiceInput": {
+            "location": "import",
+            "path": "./api/standard-choice.model"
+          }
+        }
+      }
+    }]; }
+}

package/dist/lib/collection/components/super-selection-app/super-choice-page/selected-super-choice-section/selected-super-choice-section.css

@@ -0,0 +1,18 @@
+html {
+  scroll-behavior: smooth;
+}
+
+img.fluid-fit {
+  object-fit: cover;
+}
+
+.picked-block {
+  background-color: var(--fl-color-primary);
+  border-top-right-radius: 3px;
+  right: 0;
+  top: 0;
+}
+
+.picked-box-border {
+  border: 2px solid var(--fl-color-primary);
+}

package/dist/lib/collection/components/super-selection-app/super-choice-page/selected-super-choice-section/selected-super-choice-section.js

@@ -0,0 +1,53 @@
+import { Component, h, Host, Prop } from '@stencil/core';
+export class SelectedSuperChoiceSection {
+  render() {
+    return (h(Host, { class: "bg-white rounded-sm picked-box-border p-3" },
+      h("div", { class: "d-flex" },
+        h("div", { class: "flex-grow-1 font-weight-bold" }, this.fundType),
+        h("div", { class: "px-3 py-2 text-white picked-block position-absolute" }, "You picked")),
+      h("div", null, this.fundName)));
+  }
+  static get is() { return "sss-selected-super-choice-section"; }
+  static get originalStyleUrls() { return {
+    "$": ["selected-super-choice-section.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["selected-super-choice-section.css"]
+  }; }
+  static get properties() { return {
+    "fundType": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "fund-type",
+      "reflect": false
+    },
+    "fundName": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "fund-name",
+      "reflect": false
+    }
+  }; }
+}

package/dist/lib/collection/components/super-selection-app/super-choice-page/super-choice-item.js

@@ -0,0 +1,216 @@
+import { Component, Event, getAssetPath, h, Host, Prop } from '@stencil/core';
+import { EventTrackingService } from '../services/event-tracking.service';
+export class SuperChoiceItem {
+  constructor() {
+    this.eventTrackingService = EventTrackingService.Instance;
+  }
+  render() {
+    return (h(Host, { class: {
+        'd-flex p-3': true,
+        'ss-picked-fund': this.isSelected
+      } },
+      h("div", { class: "card-body pb-0 px-0 px-xl-3" },
+        this.isSelected && (h("div", { class: "px-3 py-2 text-white picked-block position-absolute" }, "You picked")),
+        h("div", { class: "d-flex flex-fill flex-column align-items-center" },
+          h("img", { class: "ss-choice-logo", alt: "Simple Financial Choices Pty Ltd", src: getAssetPath(`assets/${this.logo}`) }),
+          h("p", { class: "font-weight-bold text-center mt-3 mb-0" }, this.heading),
+          h("div", { class: "mt-3" }, JSON.parse(this.features).map((feature) => (h("p", { class: "text-center" }, feature.value)))))),
+      h("div", { class: "text-center" },
+        h("div", { class: "p-3" },
+          h("fl-button", { class: "uuid-button-continue", isBlockElement: true, onClick: () => this.handleFundClick() }, this.callToAction)),
+        h("a", { target: "_blank", href: this.pdsLink, onClick: () => this.pdsViewedAsync() }, "View PDS"))));
+  }
+  handleFundClick() {
+    return this.joinFundClicked.emit();
+  }
+  pdsViewedAsync() {
+    return this.eventTrackingService.TrackSuperFundPdsViewedAsync({
+      fundUsi: this.usi,
+      fundName: this.name,
+      fundNameAlt: this.heading,
+      pageName: 'Panel Fund Page'
+    });
+  }
+  static get is() { return "sss-super-choice-item"; }
+  static get originalStyleUrls() { return {
+    "$": ["super-choice-page.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["super-choice-page.css"]
+  }; }
+  static get assetsDirs() { return ["assets"]; }
+  static get properties() { return {
+    "heading": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "heading",
+      "reflect": false
+    },
+    "isSelected": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "is-selected",
+      "reflect": false
+    },
+    "usi": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "usi",
+      "reflect": false
+    },
+    "name": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "name",
+      "reflect": false
+    },
+    "logo": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "logo",
+      "reflect": false
+    },
+    "pdsLink": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "pds-link",
+      "reflect": false
+    },
+    "callToAction": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "call-to-action",
+      "reflect": false
+    },
+    "features": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "features",
+      "reflect": false
+    },
+    "history": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "RouterHistory",
+        "resolved": "RouterHistory",
+        "references": {
+          "RouterHistory": {
+            "location": "import",
+            "path": "@stencil/router"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      }
+    }
+  }; }
+  static get events() { return [{
+      "method": "joinFundClicked",
+      "name": "joinFundClicked",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "void",
+        "resolved": "void",
+        "references": {}
+      }
+    }]; }
+}

package/dist/lib/collection/components/super-selection-app/super-choice-page/super-choice-page.css

@@ -0,0 +1,53 @@
+html {
+  scroll-behavior: smooth;
+}
+
+img.fluid-fit {
+  object-fit: cover;
+}
+
+.checkbox-container {
+  border-radius: 4px;
+  background-color: #f5f4f2;
+}
+
+.confirm-checkbox-item {
+  transform: scale(1.7);
+}
+
+.simple-choices-text {
+  color: #489882;
+}
+
+.choice-card {
+  background: #ffffff;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
+  border-radius: 3px;
+}
+.choice-card.ss-picked-fund {
+  border: 2px solid var(--fl-color-primary);
+}
+
+.card.ss-picked-fund {
+  border: 2px solid var(--fl-color-primary);
+}
+
+.ss-choice-logo {
+  height: 70px;
+  width: 70px;
+  object-fit: contain;
+}
+
+img {
+  width: 100%;
+  display: block;
+}
+
+.choice-component {
+  width: 100%;
+  position: relative;
+}
+
+.flexible {
+  flex-grow: 1;
+}