@flarehr/apollo-super-selection 3.52.60060 → 3.53.61179

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

@@ -0,0 +1,95 @@
+import { isSome, none, some } from 'fp-ts/Option';
+import { buildBackendApiClient } from '../api/api-client';
+import { getSuperChoiceMemberNumber, getSuperChoiceUsi } from '../api/super-selection.api.dto';
+import * as constants from '../funds/constants';
+import australianFundLookupService from './australian-fund-lookup.service';
+import superSelectionAppService from './super-selection-app.service';
+export function ExistingFund(fund) {
+  if (isSome(fund)) {
+    return fund.value.isActive ? 'Active' : 'Inactive';
+  }
+  else {
+    return 'Unknown';
+  }
+}
+export class ExistingFundService {
+  async GetExistingFundAsync() {
+    var _a, _b;
+    const choice = superSelectionAppService.superBuyer.superChoice;
+    const choiceDetails = (_a = superSelectionAppService.superBuyer.superChoice) === null || _a === void 0 ? void 0 : _a.choiceDetails;
+    if (!choice)
+      return none;
+    if (!choiceDetails)
+      return none;
+    const dateSubmitted = choice.dateSubmitted == undefined ? none : some(new Date(choice.dateSubmitted));
+    const usi = getSuperChoiceUsi(choiceDetails);
+    const memberNumber = getSuperChoiceMemberNumber(choiceDetails);
+    if ('promoted' in choiceDetails) {
+      const fund = constants.PromotedFundIdList.find((f) => f.dtoPropName in choiceDetails.promoted);
+      if ((fund === null || fund === void 0 ? void 0 : fund.id) == undefined)
+        return none;
+      return some({
+        type: 'Promoted Fund',
+        id: fund.id,
+        name: (_b = constants.getFundNameById(fund.id)) !== null && _b !== void 0 ? _b : '',
+        usi: usi,
+        valid: 'Active',
+        memberNumber: memberNumber,
+        lastNominatedAt: dateSubmitted
+      });
+    }
+    else if ('smsf' in choiceDetails) {
+      return some({
+        type: 'Self Managed Fund',
+        name: choiceDetails.smsf.fundName,
+        valid: 'Unknown',
+        lastNominatedAt: dateSubmitted
+      });
+    }
+    else if ('myOwnFund' in choiceDetails) {
+      const fundUsi = choiceDetails.myOwnFund.usi;
+      const fund = await this.getFundByUsiAsync(fundUsi);
+      return some({
+        type: 'My Own Fund',
+        name: isSome(fund) ? fund.value.productName : fundUsi,
+        usi: usi,
+        valid: this.toFundValidState(fund),
+        memberNumber: memberNumber,
+        lastNominatedAt: dateSubmitted
+      });
+    }
+    else if ('default' in choiceDetails) {
+      const defaultUsi = choiceDetails.default.usi;
+      const defaultFund = await this.getFundByUsiAsync(defaultUsi);
+      return some({
+        type: 'Default Fund',
+        name: isSome(defaultFund) ? defaultFund.value.productName : defaultUsi,
+        usi: usi,
+        valid: this.toFundValidState(defaultFund),
+        lastNominatedAt: dateSubmitted
+      });
+    }
+    return none;
+  }
+  async submitRetainSuperFundAsync(dto) {
+    return buildBackendApiClient()
+      .url('super-choice/retain-super-fund')
+      .post(dto)
+      .badRequest(() => {
+      throw new Error('Failed to process default fund join request');
+    })
+      .text();
+  }
+  getFundByUsiAsync(usi) {
+    return australianFundLookupService.getFundByUsiAsync(usi);
+  }
+  toFundValidState(fund) {
+    if (isSome(fund)) {
+      return fund.value.isActive ? 'Active' : 'Inactive';
+    }
+    else {
+      return 'Unknown';
+    }
+  }
+}
+export default new ExistingFundService();

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

@@ -1,4 +1,6 @@
 import iframe from '../../../utils/iframe';
+import standardChoiceFormState from './../standard-choice/standard-choice-form.store';
+import { SuperSelectionAppRoutes } from './super-selection-app.routes';
 import superSelectionAppService from './super-selection-app.service';
 class NavigationService {
   navigateInternally(history, route) {
@@ -6,6 +8,12 @@ class NavigationService {
     iframe.navigation(path);
     history.push(path);
   }
+  navigateInternallyToStandardChoice(options) {
+    standardChoiceFormState.handleSubmitFn = options.handleSubmitFn;
+    standardChoiceFormState.fundName = options.fundName;
+    standardChoiceFormState.promotedFundId = options.promotedFundId;
+    this.navigateInternally(options.history, SuperSelectionAppRoutes.StandardChoice);
+  }
   toExternalUrl(url) {
     const externalUrl = new URL(url);
     externalUrl.searchParams.append('_extnav', 'true');

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

@@ -1,24 +1,26 @@
 import { h } from '@stencil/core';
 export var SuperSelectionAppRoutes;
 (function (SuperSelectionAppRoutes) {
+  SuperSelectionAppRoutes["ConsentPage"] = "/consent";
+  SuperSelectionAppRoutes["ExistingChoicePage"] = "/existing";
   SuperSelectionAppRoutes["ChoicePage"] = "/";
   SuperSelectionAppRoutes["SlateJoin"] = "/slate/join/";
-  SuperSelectionAppRoutes["SlateStandardChoice"] = "/slate/standard-choice/";
   SuperSelectionAppRoutes["PromotedFundJoin"] = "/promoted-fund/join";
-  SuperSelectionAppRoutes["PromotedFundStandardChoice"] = "/promoted-fund/standard-choice/";
   SuperSelectionAppRoutes["MyOwnFund"] = "/super-choice/my-own-fund/";
   SuperSelectionAppRoutes["SelfManagedFund"] = "/super-choice/smsf/";
   SuperSelectionAppRoutes["DefaultFund"] = "/super-choice/default/";
+  SuperSelectionAppRoutes["StandardChoice"] = "/standard-choice/";
   SuperSelectionAppRoutes["Success"] = "/success/";
 })(SuperSelectionAppRoutes || (SuperSelectionAppRoutes = {}));
 export const superSelectionAppStencilRoutes = [
+  h("stencil-route", { url: SuperSelectionAppRoutes.ConsentPage, component: "sss-consent-page" }),
+  h("stencil-route", { url: SuperSelectionAppRoutes.ExistingChoicePage, component: "sss-existing-choice-page" }),
   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.PromotedFundJoin, component: "sss-promoted-fund-join-page" }),
-  h("stencil-route", { url: SuperSelectionAppRoutes.PromotedFundStandardChoice, component: "sss-promoted-fund-standard-choice-page" }),
   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.StandardChoice, component: "sss-standard-choice-form" }),
   h("stencil-route", { url: SuperSelectionAppRoutes.Success, component: "sss-success" })
 ];

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

@@ -1,49 +1,86 @@
-import { Component, Event, h, State } from '@stencil/core';
+import { Component, getAssetPath, h, Host, Prop, State } from '@stencil/core';
+import { getLogoSrc } from '../funds/constants';
+import navigationService from '../services/navigation.service';
+import { SuperSelectionAppRoutes } from '../services/super-selection-app.routes';
+import superSelectionAppService from '../services/super-selection-app.service';
+import standardChoiceFormState from './standard-choice-form.store';
 export class StandardChoiceFormInputDefaultFund {
   constructor() {
-    this.standardChoiceFormUrl = '/super-selection/embed/v1.0/app/assets/Superannuation_Standard_Choice_Form.pdf';
     this.standardChoiceFormSignature = '';
+    this.isSubmitDisabled = true;
   }
   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", autocomplete: "off", class: "form-control", required: true, minlength: "2", name: "standardChoiceFormSignature", id: "standardChoiceFormSignature", value: this.standardChoiceFormSignature, onChange: (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.")));
+    return (h(Host, null,
+      h("div", { class: "text-2xl sm:text-3xl font-bold text-center" }, "Confirm your super choice"),
+      h("div", { class: "sm:text-lg font-gray-600 max-w-800 mt-4 text-center leading-7 sm:leading-8" }, "Your authorisation is required to complete your super choice by signing the standard choice form, which informs your employer of your choice of fund."),
+      h("div", { class: "flex justify-center mt-8 sm:mt-12" },
+        h("div", { class: "max-w-560" },
+          h("div", { class: "p-4 sm:p-6 border shadow-sm rounded-lg flex flex-col sm:flex-row" },
+            standardChoiceFormState.promotedFundId &&
+              getLogoSrc(standardChoiceFormState.promotedFundId) && (h("div", { class: "pb-4 mb-4 border-b flex justify-center sm:pb-0 sm:mb-0 sm:border-b-0 sm:pr-8 sm:mr-8 sm:border-r sm:justify-start" },
+              h("img", { class: "h-16 w-auto", alt: standardChoiceFormState.fundName, src: getLogoSrc(standardChoiceFormState.promotedFundId) }))),
+            h("div", { class: "flex justify-between w-full" },
+              h("div", null,
+                h("div", { class: "text-xs font-semibold text-gray-500 sm:uppercase" }, "Nominated fund"),
+                h("div", { class: "text-sm mt-2" }, standardChoiceFormState.fundName)),
+              h("div", { class: "grid content-center ml-4" },
+                h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage },
+                  h("sss-button", { variant: "secondary" }, "Change"))))),
+          h("div", { class: "mt-4 p-4 sm:p-6 border shadow-sm rounded-lg" },
+            h("div", { class: "sm:text-lg font-bold" }, "Superannuation Standard Choice Form"),
+            h("div", { class: "bg-blue-50 border-l-4 border-blue-400 p-4 mt-3" },
+              h("div", { class: "flex" },
+                h("div", { class: "flex-shrink-0" },
+                  h("img", { class: "h-5 w-5", src: getAssetPath('assets/icon-information-circle.svg') })),
+                h("div", { class: "ml-2" },
+                  h("p", { class: "text-sm text-blue-800 leading-5" }, "Applying your full name in the text field below is the same as applying your written signature and is legally binding.")))),
+            h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: {
+                'mt-3': true,
+                'was-validated': this.formState === 'validated'
+              }, ref: (el) => (this.formElement = el), onInput: (_) => (this.isSubmitDisabled = !this.formElement.checkValidity()) },
+              h("label", { class: "text-sm font-medium text-gray-700" }, "Type your full name"),
+              h("input", { type: "text", autocomplete: "off", class: {
+                  'shadow-sm focus:ring-primary-focus focus:border-primary-focus w-full text-sm border-gray-300 rounded-md mt-1': true,
+                  'invalid:border-red-300 invalid:text-red-900 invalid:focus:ring-red-500 invalid:focus:border-red-500': this.formState === 'validated'
+                }, required: true, minlength: "2", name: "standardChoiceFormSignature", id: "standardChoiceFormSignature", value: this.standardChoiceFormSignature }),
+              h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Type your full name"),
+              h("div", { class: "mt-6" },
+                h("sss-button", { fillWidth: true, promiseFn: () => this.handleSubmitForm(), disabled: this.isSubmitDisabled }, "Confirm and continue"))))))));
   }
-  updateFormField(value) {
-    this.standardChoiceFormSignatureUpdated.emit({ standardChoiceFormSignature: value });
+  async handleSubmitForm() {
+    this.formState = 'validated';
+    if (this.formElement.checkValidity()) {
+      await standardChoiceFormState.handleSubmitFn(this.standardChoiceFormSignature.trim());
+      superSelectionAppService.markSuperSelectionAsSubmitted();
+      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.Success);
+    }
   }
   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": ""
-      },
+  static get properties() { return {
+    "history": {
+      "type": "unknown",
+      "mutable": false,
       "complexType": {
-        "original": "StandardChoiceInput",
-        "resolved": "{ standardChoiceFormSignature: string; }",
+        "original": "RouterHistory",
+        "resolved": "RouterHistory",
         "references": {
-          "StandardChoiceInput": {
+          "RouterHistory": {
             "location": "import",
-            "path": "./api/standard-choice.model"
+            "path": "@stencil/router"
           }
         }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
       }
-    }]; }
+    }
+  }; }
+  static get states() { return {
+    "standardChoiceFormSignature": {},
+    "formState": {},
+    "isSubmitDisabled": {}
+  }; }
 }

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

@@ -0,0 +1,10 @@
+import { createStore } from '@stencil/store';
+export const initial = {
+  handleSubmitFn: async function () {
+    return;
+  },
+  fundName: '',
+  promotedFundId: undefined
+};
+const { state } = createStore(initial);
+export default state;

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

@@ -0,0 +1,94 @@
+import { Component, Event, h, Host, Prop } from '@stencil/core';
+export class SuperChoiceItemBottom {
+  render() {
+    return (h(Host, null,
+      h("div", { class: "py-6 px-4 lg:px-6 flex flex-col justify-between h-full" },
+        h("div", null,
+          h("div", { class: "md:max-w-[240px] lg:max-w-full" },
+            h("sss-button", { class: "uuid-button-continue", fillWidth: true, onClick: () => this.handleFundClick() }, "Choose this fund")),
+          h("div", { class: "text-xs text-gray-500 mt-6 leading-4" }, this.disclaimer)),
+        this.abnInfo && this.abn && (h("div", { class: "text-xs text-gray-500 mt-2" },
+          h("p", null,
+            this.abnInfo,
+            "."),
+          h("p", null,
+            "ABN: ",
+            this.abn))))));
+  }
+  handleFundClick() {
+    return this.joinFundClicked.emit();
+  }
+  static get is() { return "sss-super-choice-item-bottom"; }
+  static get properties() { return {
+    "disclaimer": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "VNode",
+        "resolved": "VNode",
+        "references": {
+          "VNode": {
+            "location": "import",
+            "path": "@stencil/core"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      }
+    },
+    "abnInfo": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string | undefined",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "abn-info",
+      "reflect": false
+    },
+    "abn": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string | undefined",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "abn",
+      "reflect": false
+    }
+  }; }
+  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-item/super-choice-item-top.js

@@ -0,0 +1,89 @@
+import { Component, getAssetPath, h, Host, Prop } from '@stencil/core';
+export class SuperChoiceItemTop {
+  render() {
+    return (h(Host, null,
+      h("div", { class: "px-4 lg:px-6 pt-6" },
+        h("div", { class: "text-right w-100 -mt-5 -mr-3.5 lg:-mr-5" },
+          h("span", { class: "text-xs bg-gray-100 text-gray-800 font-medium rounded-xl py-0.5 px-2.5 mr-0.5" }, "Advertised")),
+        h("div", { class: "flex lg:block mt-2 md:mt-0 lg:mt-2" },
+          h("img", { class: "h-16 object-contain w-auto max-w-[80px] md:hidden lg:block lg:max-w-none", alt: this.name, src: getAssetPath(`assets/${this.logo}`) }),
+          h("div", { class: "grid content-center" },
+            h("p", { class: "text-lg font-bold ml-4 mb-2 md:ml-0 md:mb-0 lg:mt-4" }, this.name))),
+        h("div", { class: "mt-4 text-sm space-y-2" }, JSON.parse(this.features).map((feature) => (h("div", { class: "flex" },
+          h("div", { class: "h-5 w-5 flex-none mr-1.5" },
+            h("img", { src: getAssetPath(`assets/icon-check.svg`) })),
+          h("p", { class: "leading-5" }, feature.value))))),
+        this.featureSubText && (h("p", { class: "text-xs text-gray-500 italic mt-4 leading-4" }, this.featureSubText)))));
+  }
+  static get is() { return "sss-super-choice-item-top"; }
+  static get properties() { return {
+    "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
+    },
+    "features": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "features",
+      "reflect": false
+    },
+    "featureSubText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string | undefined",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "feature-sub-text",
+      "reflect": false
+    }
+  }; }
+}