@flarehr/apollo-super-selection 3.4.49088 → 3.8.50722

package/dist/lib/cjs/apollo-super-selection.cjs.js

@@ -3,7 +3,7 @@
 const index = require('./index-b2214bec.js');
 require('./datorama-akita-7f4b082a.js');
 require('./delay-81aff2f1.js');
-const appGlobals = require('./app-globals-fa04630f.js');
+const appGlobals = require('./app-globals-45007120.js');
 
 /*
  Stencil Client Patch Browser v2.3.0 | MIT Licensed | https://stenciljs.com

package/dist/lib/cjs/{app-globals-fa04630f.js → app-globals-45007120.js}

@@ -7,6 +7,10 @@ const datoramaAkita = require('./datorama-akita-7f4b082a.js');
 // In incognito mode, window.sessionStorage read access is denied from a third party iframe.
 // Stencil router checks for the presence of session storage, but does not handle a read access exception.
 function stencilRouterWorkaround () {
+  if (window.location == window.parent.location) {
+    // Only apply this workaround when running in an embedded iframe.
+    return;
+  }
   delete window.sessionStorage;
   window.sessionStorage = {};
 }

package/dist/lib/cjs/fl-button_43.cjs.entry.js

@@ -265,7 +265,7 @@ class TapSubscriber extends delay.Subscriber {
     }
 }
 
-const AppVersion = '3.4.49088';
+const AppVersion = '3.8.50722';
 
 // -------------------------------------------------------------------------------------
 // guards
@@ -4355,6 +4355,9 @@ const QSuperFundName = 'QSuper';
 const QSuperAltFundName = 'Recognised performer';
 const QSuperInsuranceProductName = 'QSuper Insurance';
 const QSuperPdsUrl = 'https://qsuper.qld.gov.au/-/media/pdfs/qsuper-public/publications/pds11.pdf';
+const QSuperMinAge = 14;
+const QSuperMinInsuranceAge = 16;
+const QSuperMaxAge = 70;
 const SlateFundUsi = '32367272075001';
 const SlateFundId = 'slate';
 const SlateFundName = 'Slate Super';
@@ -4615,6 +4618,23 @@ const QsuperInsuranceOptIn = class {
     index.registerInstance(this, hostRef);
     this.insuranceChosen = false;
     this.eventTrackingService = EventTrackingService.Instance;
+    this.isEligibleForInsurance = false;
+    this.ensureInsuranceEligibility = () => {
+      if (superSelectionAppService.superBuyer.userProfile.yearsOfAge < QSuperMinAge) {
+        return;
+      }
+      else if (superSelectionAppService.superBuyer.userProfile.yearsOfAge < QSuperMinInsuranceAge) {
+        this.showIneligibleNotification(`You may still apply for QSuper, however people under the age of ${QSuperMinInsuranceAge} are not able to apply for insurance.`);
+        return;
+      }
+      this.isEligibleForInsurance = true;
+    };
+    this.showIneligibleNotification = (description) => {
+      notificationsService.showInfoNotification({
+        title: "Unable to apply for Insurance",
+        description
+      });
+    };
   }
   componentDidLoad() {
     return this.eventTrackingService.TrackFinancialProductViewedAsync({
@@ -4626,12 +4646,13 @@ const QsuperInsuranceOptIn = class {
   }
   componentWillLoad() {
     resetQSuperState();
+    this.ensureInsuranceEligibility();
   }
   render() {
-    return (index.h(index.Host, { class: "d-flex flex-fill" }, index.h("sss-qsuper-layout", { class: "d-flex flex-fill" }, index.h("sss-qsuper-confirm-header", null), index.h("div", { class: "mt-4 p-3 checkbox-container" }, index.h("p", null, "As part of becoming a QSuper member, you will receive death cover and total and permanent disability cover when you become eligible. ", index.h("br", null), index.h("br", null), "You will receive this cover when: ", index.h("br", null), index.h("br", null), "You are 25 years or older; ", index.h("br", null), "and You have had at least $6,000 in your accumulation account; ", index.h("br", null), "and At that time, we have received money into your account within the previous 13 months ", index.h("br", null), index.h("br", null), "Please see the Accumulation Account Insurance Guide, available on the QSuper website, for further information ", index.h("br", null), index.h("br", null), "Do you want this insurance cover?"), index.h("div", { class: "d-flex justify-content-between mt-4" }, index.h("div", { class: "button-holder flex-grow-1 mr-2" }, index.h("fl-button", { isBlockElement: true, variant: this.insuranceChosen ? 'primary' : 'secondary', onClick: () => this.handleInsuranceToggle(true) }, "Yes")), index.h("div", { class: "button-holder flex-grow-1 ml-2" }, index.h("fl-button", { isBlockElement: true, variant: !this.insuranceChosen ? 'primary' : 'secondary', onClick: () => this.handleInsuranceToggle(false) }, "No")))), index.h("div", null, index.h("label", { class: "d-flex\u00A0mt-3\u00A0p-3\u00A0checkbox-container", htmlFor: "ackCheckBox" }, index.h("div", { class: "w-auto\u00A0px-2 fl-checkbox-container" }, index.h("input", { id: "ackCheckBox", class: "confirm-checkbox-item", type: "checkbox", onChange: () => this.handleCheckboxToggle() })), index.h("div", { class: "pl-3" }, index.h("p", { class: "confirm-item-text\u00A0mb-0" }, "I acknowledge that my personal information will be shared with QSuper as part of their application process.")))))));
+    return (index.h(index.Host, { class: "d-flex flex-fill" }, index.h("sss-qsuper-layout", { class: "d-flex flex-fill" }, index.h("sss-qsuper-confirm-header", null), index.h("div", { class: "mt-4 p-3 checkbox-container" }, index.h("p", null, "As part of becoming a QSuper member, you will receive death cover and total and permanent disability cover when you become eligible. ", index.h("br", null), index.h("br", null), "You will receive this cover when: ", index.h("br", null), index.h("br", null), "You are 25 years or older; ", index.h("br", null), "and You have had at least $6,000 in your accumulation account; ", index.h("br", null), "and At that time, we have received money into your account within the previous 13 months ", index.h("br", null), index.h("br", null), "Please see the Accumulation Account Insurance Guide, available on the QSuper website, for further information ", index.h("br", null), index.h("br", null), "Do you want this insurance cover?"), index.h("div", { class: "d-flex justify-content-between mt-4" }, index.h("div", { class: "button-holder flex-grow-1 mr-2" }, index.h("fl-button", { disabled: !this.isEligibleForInsurance, isBlockElement: true, variant: this.insuranceChosen ? 'primary' : 'secondary', onClick: () => this.handleInsuranceToggle(true) }, "Yes")), index.h("div", { class: "button-holder flex-grow-1 ml-2" }, index.h("fl-button", { disabled: !this.isEligibleForInsurance, isBlockElement: true, variant: !this.insuranceChosen ? 'primary' : 'secondary', onClick: () => this.handleInsuranceToggle(false) }, "No")))), index.h("div", null, index.h("label", { class: "d-flex\u00A0mt-3\u00A0p-3\u00A0checkbox-container", htmlFor: "ackCheckBox" }, index.h("div", { class: "w-auto\u00A0px-2 fl-checkbox-container" }, index.h("input", { id: "ackCheckBox", class: "confirm-checkbox-item", type: "checkbox", onChange: () => this.handleCheckboxToggle() })), index.h("div", { class: "pl-3" }, index.h("p", { class: "confirm-item-text\u00A0mb-0" }, "I acknowledge that my personal information will be shared with QSuper as part of their application process.")))))));
   }
   handleInsuranceToggle(input) {
-    state$1.qSuperQuestionnaire.insuranceChosen = input;
+    state$1.qSuperQuestionnaire.insuranceChosen = input && this.isEligibleForInsurance;
     this.insuranceChosen = state$1.qSuperQuestionnaire.insuranceChosen;
     state$1.nextRoute = getNextRoute();
   }
@@ -4735,16 +4756,36 @@ async function handleConfirmClickAsync() {
 const QsuperLayout = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.isEligible = false;
+    this.canContinue = () => this.isEligible && state$1.continueAllowed;
+    this.ensureEligibility = () => {
+      if (superSelectionAppService.superBuyer.userProfile.yearsOfAge < QSuperMinAge) {
+        this.showIneligibleNotification(`People under the age of ${QSuperMinAge} are not able to open accounts.`);
+      }
+      else if (superSelectionAppService.superBuyer.userProfile.yearsOfAge > QSuperMaxAge) {
+        this.showIneligibleNotification(`People over the age of ${QSuperMaxAge} are not able to open accounts.`);
+      }
+      else {
+        this.isEligible = true;
+      }
+    };
+    this.showIneligibleNotification = (description) => {
+      notificationsService.showInfoNotification({
+        title: "Unable to apply for QSuper",
+        description
+      });
+    };
   }
   async componentWillLoad() {
+    this.ensureEligibility();
     state$1.nextRoute = getNextRoute();
   }
   render() {
-    return (index.h("div", { class: "container" }, index.h("div", { class: "row justify-content-center" }, index.h("div", { class: "col col-sm-10 col-md-7" }, index.h("slot", null), index.h("div", { class: "mt-4" }, index.h("sss-notifications-section", null)), index.h("div", { class: "d-flex mt-4" }, index.h("div", { class: "flex-grow-1 w-50" }, index.h("div", { class: "mr-2" }, index.h("fl-button", { onClick: () => navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage), isBlockElement: true, variant: "secondary" }, index.h("span", null, "Back")))), index.h("div", { class: "flex-grow-1 w-50" }, index.h("div", { class: "ml-2" }, index.h("fl-promise-button", { isBlockElement: true, disabled: !state$1.continueAllowed, promiseFn: () => this.tryAsync() }, index.h("span", null, "Continue")))))))));
+    return (index.h("div", { class: "container" }, index.h("div", { class: "row justify-content-center" }, index.h("div", { class: "col col-sm-10 col-md-7" }, index.h("slot", null), index.h("div", { class: "mt-4" }, index.h("sss-notifications-section", null)), index.h("div", { class: "d-flex mt-4" }, index.h("div", { class: "flex-grow-1 w-50" }, index.h("div", { class: "mr-2" }, index.h("fl-button", { onClick: () => navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage), isBlockElement: true, variant: "secondary" }, index.h("span", null, "Back")))), index.h("div", { class: "flex-grow-1 w-50" }, index.h("div", { class: "ml-2" }, index.h("fl-promise-button", { isBlockElement: true, disabled: !this.canContinue(), promiseFn: () => this.tryAsync() }, index.h("span", null, "Continue")))))))));
   }
   async tryAsync() {
     try {
-      if (!state$1.continueAllowed) {
+      if (!this.canContinue()) {
         return;
       }
       await handleConfirmClickAsync();

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b2214bec.js');
 require('./datorama-akita-7f4b082a.js');
 require('./delay-81aff2f1.js');
-const appGlobals = require('./app-globals-fa04630f.js');
+const appGlobals = require('./app-globals-45007120.js');
 
 /*
  Stencil Client Patch Esm v2.3.0 | MIT Licensed | https://stenciljs.com

package/dist/lib/collection/components/super-selection-app/funds/constants.js

@@ -4,6 +4,9 @@ export const QSuperFundName = 'QSuper';
 export const QSuperAltFundName = 'Recognised performer';
 export const QSuperInsuranceProductName = 'QSuper Insurance';
 export const QSuperPdsUrl = 'https://qsuper.qld.gov.au/-/media/pdfs/qsuper-public/publications/pds11.pdf';
+export const QSuperMinAge = 14;
+export const QSuperMinInsuranceAge = 16;
+export const QSuperMaxAge = 70;
 export const SlateFundUsi = '32367272075001';
 export const SlateFundId = 'slate';
 export const SlateFundName = 'Slate Super';

package/dist/lib/collection/components/super-selection-app/funds/qsuper/qsuper-insurance-opt-in.js

@@ -1,14 +1,33 @@
 import { Component, h, Host, State } from '@stencil/core';
-import { EventTrackingService } from '../../services/event-tracking.service';
 import * as constants from '../constants';
+import { EventTrackingService } from '../../services/event-tracking.service';
 import { continueEnabledCheck } from './helpers/continueCheck';
 import { getNextRoute } from './helpers/getNextRoute';
 import { resetQSuperState } from './helpers/resetState';
+import notificationsService from '../../services/notifications.service';
 import qSuperState from './services/qsuper.store';
+import superSelectionAppService from '../../services/super-selection-app.service';
 export class QsuperInsuranceOptIn {
   constructor() {
     this.insuranceChosen = false;
     this.eventTrackingService = EventTrackingService.Instance;
+    this.isEligibleForInsurance = false;
+    this.ensureInsuranceEligibility = () => {
+      if (superSelectionAppService.superBuyer.userProfile.yearsOfAge < constants.QSuperMinAge) {
+        return;
+      }
+      else if (superSelectionAppService.superBuyer.userProfile.yearsOfAge < constants.QSuperMinInsuranceAge) {
+        this.showIneligibleNotification(`You may still apply for QSuper, however people under the age of ${constants.QSuperMinInsuranceAge} are not able to apply for insurance.`);
+        return;
+      }
+      this.isEligibleForInsurance = true;
+    };
+    this.showIneligibleNotification = (description) => {
+      notificationsService.showInfoNotification({
+        title: "Unable to apply for Insurance",
+        description
+      });
+    };
   }
   componentDidLoad() {
     return this.eventTrackingService.TrackFinancialProductViewedAsync({
@@ -20,6 +39,7 @@ export class QsuperInsuranceOptIn {
   }
   componentWillLoad() {
     resetQSuperState();
+    this.ensureInsuranceEligibility();
   }
   render() {
     return (h(Host, { class: "d-flex flex-fill" },
@@ -46,9 +66,9 @@ export class QsuperInsuranceOptIn {
             "Do you want this insurance cover?"),
           h("div", { class: "d-flex justify-content-between mt-4" },
             h("div", { class: "button-holder flex-grow-1 mr-2" },
-              h("fl-button", { isBlockElement: true, variant: this.insuranceChosen ? 'primary' : 'secondary', onClick: () => this.handleInsuranceToggle(true) }, "Yes")),
+              h("fl-button", { disabled: !this.isEligibleForInsurance, isBlockElement: true, variant: this.insuranceChosen ? 'primary' : 'secondary', onClick: () => this.handleInsuranceToggle(true) }, "Yes")),
             h("div", { class: "button-holder flex-grow-1 ml-2" },
-              h("fl-button", { isBlockElement: true, variant: !this.insuranceChosen ? 'primary' : 'secondary', onClick: () => this.handleInsuranceToggle(false) }, "No")))),
+              h("fl-button", { disabled: !this.isEligibleForInsurance, isBlockElement: true, variant: !this.insuranceChosen ? 'primary' : 'secondary', onClick: () => this.handleInsuranceToggle(false) }, "No")))),
         h("div", null,
           h("label", { class: "d-flex\u00A0mt-3\u00A0p-3\u00A0checkbox-container", htmlFor: "ackCheckBox" },
             h("div", { class: "w-auto\u00A0px-2 fl-checkbox-container" },
@@ -57,7 +77,7 @@ export class QsuperInsuranceOptIn {
               h("p", { class: "confirm-item-text\u00A0mb-0" }, "I acknowledge that my personal information will be shared with QSuper as part of their application process.")))))));
   }
   handleInsuranceToggle(input) {
-    qSuperState.qSuperQuestionnaire.insuranceChosen = input;
+    qSuperState.qSuperQuestionnaire.insuranceChosen = input && this.isEligibleForInsurance;
     this.insuranceChosen = qSuperState.qSuperQuestionnaire.insuranceChosen;
     qSuperState.nextRoute = getNextRoute();
   }

package/dist/lib/collection/components/super-selection-app/funds/qsuper/qsuper-layout.js

@@ -1,13 +1,37 @@
 import { Component, h, Prop } from '@stencil/core';
 import { injectHistory } from '@stencil/router';
+import * as constants from '../constants';
 import navigationService from '../../services/navigation.service';
 import notificationsService from '../../services/notifications.service';
 import { SuperSelectionAppRoutes } from '../../services/super-selection-app.routes';
 import { handleConfirmClickAsync } from './helpers/confirmCheck';
 import { getNextRoute } from './helpers/getNextRoute';
 import qSuperState from './services/qsuper.store';
+import superSelectionAppService from '../../services/super-selection-app.service';
 export class QsuperLayout {
+  constructor() {
+    this.isEligible = false;
+    this.canContinue = () => this.isEligible && qSuperState.continueAllowed;
+    this.ensureEligibility = () => {
+      if (superSelectionAppService.superBuyer.userProfile.yearsOfAge < constants.QSuperMinAge) {
+        this.showIneligibleNotification(`People under the age of ${constants.QSuperMinAge} are not able to open accounts.`);
+      }
+      else if (superSelectionAppService.superBuyer.userProfile.yearsOfAge > constants.QSuperMaxAge) {
+        this.showIneligibleNotification(`People over the age of ${constants.QSuperMaxAge} are not able to open accounts.`);
+      }
+      else {
+        this.isEligible = true;
+      }
+    };
+    this.showIneligibleNotification = (description) => {
+      notificationsService.showInfoNotification({
+        title: "Unable to apply for QSuper",
+        description
+      });
+    };
+  }
   async componentWillLoad() {
+    this.ensureEligibility();
     qSuperState.nextRoute = getNextRoute();
   }
   render() {
@@ -24,12 +48,12 @@ export class QsuperLayout {
                   h("span", null, "Back")))),
             h("div", { class: "flex-grow-1 w-50" },
               h("div", { class: "ml-2" },
-                h("fl-promise-button", { isBlockElement: true, disabled: !qSuperState.continueAllowed, promiseFn: () => this.tryAsync() },
+                h("fl-promise-button", { isBlockElement: true, disabled: !this.canContinue(), promiseFn: () => this.tryAsync() },
                   h("span", null, "Continue")))))))));
   }
   async tryAsync() {
     try {
-      if (!qSuperState.continueAllowed) {
+      if (!this.canContinue()) {
         return;
       }
       await handleConfirmClickAsync();

package/dist/lib/collection/global/stencil-router-workaround.js

@@ -3,6 +3,10 @@
 // In incognito mode, window.sessionStorage read access is denied from a third party iframe.
 // Stencil router checks for the presence of session storage, but does not handle a read access exception.
 export default function () {
+  if (window.location == window.parent.location) {
+    // Only apply this workaround when running in an embedded iframe.
+    return;
+  }
   delete window.sessionStorage;
   window.sessionStorage = {};
 }

package/dist/lib/esm/apollo-super-selection.js

@@ -1,7 +1,7 @@
 import { p as promiseResolve, b as bootstrapLazy } from './index-227ab0f1.js';
 import './datorama-akita-79ce4385.js';
 import './delay-c0555599.js';
-import { g as globalScripts } from './app-globals-9d2ea729.js';
+import { g as globalScripts } from './app-globals-7ac1ffba.js';
 
 /*
  Stencil Client Patch Browser v2.3.0 | MIT Licensed | https://stenciljs.com

package/dist/lib/esm/{app-globals-9d2ea729.js → app-globals-7ac1ffba.js}

@@ -5,6 +5,10 @@ import { e as enableAkitaProdMode } from './datorama-akita-79ce4385.js';
 // In incognito mode, window.sessionStorage read access is denied from a third party iframe.
 // Stencil router checks for the presence of session storage, but does not handle a read access exception.
 function stencilRouterWorkaround () {
+  if (window.location == window.parent.location) {
+    // Only apply this workaround when running in an embedded iframe.
+    return;
+  }
   delete window.sessionStorage;
   window.sessionStorage = {};
 }

package/dist/lib/esm/fl-button_43.entry.js

@@ -261,7 +261,7 @@ class TapSubscriber extends Subscriber {
     }
 }
 
-const AppVersion = '3.4.49088';
+const AppVersion = '3.8.50722';
 
 // -------------------------------------------------------------------------------------
 // guards
@@ -4351,6 +4351,9 @@ const QSuperFundName = 'QSuper';
 const QSuperAltFundName = 'Recognised performer';
 const QSuperInsuranceProductName = 'QSuper Insurance';
 const QSuperPdsUrl = 'https://qsuper.qld.gov.au/-/media/pdfs/qsuper-public/publications/pds11.pdf';
+const QSuperMinAge = 14;
+const QSuperMinInsuranceAge = 16;
+const QSuperMaxAge = 70;
 const SlateFundUsi = '32367272075001';
 const SlateFundId = 'slate';
 const SlateFundName = 'Slate Super';
@@ -4611,6 +4614,23 @@ const QsuperInsuranceOptIn = class {
     registerInstance(this, hostRef);
     this.insuranceChosen = false;
     this.eventTrackingService = EventTrackingService.Instance;
+    this.isEligibleForInsurance = false;
+    this.ensureInsuranceEligibility = () => {
+      if (superSelectionAppService.superBuyer.userProfile.yearsOfAge < QSuperMinAge) {
+        return;
+      }
+      else if (superSelectionAppService.superBuyer.userProfile.yearsOfAge < QSuperMinInsuranceAge) {
+        this.showIneligibleNotification(`You may still apply for QSuper, however people under the age of ${QSuperMinInsuranceAge} are not able to apply for insurance.`);
+        return;
+      }
+      this.isEligibleForInsurance = true;
+    };
+    this.showIneligibleNotification = (description) => {
+      notificationsService.showInfoNotification({
+        title: "Unable to apply for Insurance",
+        description
+      });
+    };
   }
   componentDidLoad() {
     return this.eventTrackingService.TrackFinancialProductViewedAsync({
@@ -4622,12 +4642,13 @@ const QsuperInsuranceOptIn = class {
   }
   componentWillLoad() {
     resetQSuperState();
+    this.ensureInsuranceEligibility();
   }
   render() {
-    return (h(Host, { class: "d-flex flex-fill" }, h("sss-qsuper-layout", { class: "d-flex flex-fill" }, h("sss-qsuper-confirm-header", null), h("div", { class: "mt-4 p-3 checkbox-container" }, h("p", null, "As part of becoming a QSuper member, you will receive death cover and total and permanent disability cover when you become eligible. ", h("br", null), h("br", null), "You will receive this cover when: ", h("br", null), h("br", null), "You are 25 years or older; ", h("br", null), "and You have had at least $6,000 in your accumulation account; ", h("br", null), "and At that time, we have received money into your account within the previous 13 months ", h("br", null), h("br", null), "Please see the Accumulation Account Insurance Guide, available on the QSuper website, for further information ", h("br", null), h("br", null), "Do you want this insurance cover?"), h("div", { class: "d-flex justify-content-between mt-4" }, h("div", { class: "button-holder flex-grow-1 mr-2" }, h("fl-button", { isBlockElement: true, variant: this.insuranceChosen ? 'primary' : 'secondary', onClick: () => this.handleInsuranceToggle(true) }, "Yes")), h("div", { class: "button-holder flex-grow-1 ml-2" }, h("fl-button", { isBlockElement: true, variant: !this.insuranceChosen ? 'primary' : 'secondary', onClick: () => this.handleInsuranceToggle(false) }, "No")))), h("div", null, h("label", { class: "d-flex\u00A0mt-3\u00A0p-3\u00A0checkbox-container", htmlFor: "ackCheckBox" }, h("div", { class: "w-auto\u00A0px-2 fl-checkbox-container" }, h("input", { id: "ackCheckBox", class: "confirm-checkbox-item", type: "checkbox", onChange: () => this.handleCheckboxToggle() })), h("div", { class: "pl-3" }, h("p", { class: "confirm-item-text\u00A0mb-0" }, "I acknowledge that my personal information will be shared with QSuper as part of their application process.")))))));
+    return (h(Host, { class: "d-flex flex-fill" }, h("sss-qsuper-layout", { class: "d-flex flex-fill" }, h("sss-qsuper-confirm-header", null), h("div", { class: "mt-4 p-3 checkbox-container" }, h("p", null, "As part of becoming a QSuper member, you will receive death cover and total and permanent disability cover when you become eligible. ", h("br", null), h("br", null), "You will receive this cover when: ", h("br", null), h("br", null), "You are 25 years or older; ", h("br", null), "and You have had at least $6,000 in your accumulation account; ", h("br", null), "and At that time, we have received money into your account within the previous 13 months ", h("br", null), h("br", null), "Please see the Accumulation Account Insurance Guide, available on the QSuper website, for further information ", h("br", null), h("br", null), "Do you want this insurance cover?"), h("div", { class: "d-flex justify-content-between mt-4" }, h("div", { class: "button-holder flex-grow-1 mr-2" }, h("fl-button", { disabled: !this.isEligibleForInsurance, isBlockElement: true, variant: this.insuranceChosen ? 'primary' : 'secondary', onClick: () => this.handleInsuranceToggle(true) }, "Yes")), h("div", { class: "button-holder flex-grow-1 ml-2" }, h("fl-button", { disabled: !this.isEligibleForInsurance, isBlockElement: true, variant: !this.insuranceChosen ? 'primary' : 'secondary', onClick: () => this.handleInsuranceToggle(false) }, "No")))), h("div", null, h("label", { class: "d-flex\u00A0mt-3\u00A0p-3\u00A0checkbox-container", htmlFor: "ackCheckBox" }, h("div", { class: "w-auto\u00A0px-2 fl-checkbox-container" }, h("input", { id: "ackCheckBox", class: "confirm-checkbox-item", type: "checkbox", onChange: () => this.handleCheckboxToggle() })), h("div", { class: "pl-3" }, h("p", { class: "confirm-item-text\u00A0mb-0" }, "I acknowledge that my personal information will be shared with QSuper as part of their application process.")))))));
   }
   handleInsuranceToggle(input) {
-    state$1.qSuperQuestionnaire.insuranceChosen = input;
+    state$1.qSuperQuestionnaire.insuranceChosen = input && this.isEligibleForInsurance;
     this.insuranceChosen = state$1.qSuperQuestionnaire.insuranceChosen;
     state$1.nextRoute = getNextRoute();
   }
@@ -4731,16 +4752,36 @@ async function handleConfirmClickAsync() {
 const QsuperLayout = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.isEligible = false;
+    this.canContinue = () => this.isEligible && state$1.continueAllowed;
+    this.ensureEligibility = () => {
+      if (superSelectionAppService.superBuyer.userProfile.yearsOfAge < QSuperMinAge) {
+        this.showIneligibleNotification(`People under the age of ${QSuperMinAge} are not able to open accounts.`);
+      }
+      else if (superSelectionAppService.superBuyer.userProfile.yearsOfAge > QSuperMaxAge) {
+        this.showIneligibleNotification(`People over the age of ${QSuperMaxAge} are not able to open accounts.`);
+      }
+      else {
+        this.isEligible = true;
+      }
+    };
+    this.showIneligibleNotification = (description) => {
+      notificationsService.showInfoNotification({
+        title: "Unable to apply for QSuper",
+        description
+      });
+    };
   }
   async componentWillLoad() {
+    this.ensureEligibility();
     state$1.nextRoute = getNextRoute();
   }
   render() {
-    return (h("div", { class: "container" }, h("div", { class: "row justify-content-center" }, h("div", { class: "col col-sm-10 col-md-7" }, h("slot", null), h("div", { class: "mt-4" }, h("sss-notifications-section", null)), h("div", { class: "d-flex mt-4" }, h("div", { class: "flex-grow-1 w-50" }, h("div", { class: "mr-2" }, h("fl-button", { onClick: () => navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage), isBlockElement: true, variant: "secondary" }, h("span", null, "Back")))), h("div", { class: "flex-grow-1 w-50" }, h("div", { class: "ml-2" }, h("fl-promise-button", { isBlockElement: true, disabled: !state$1.continueAllowed, promiseFn: () => this.tryAsync() }, h("span", null, "Continue")))))))));
+    return (h("div", { class: "container" }, h("div", { class: "row justify-content-center" }, h("div", { class: "col col-sm-10 col-md-7" }, h("slot", null), h("div", { class: "mt-4" }, h("sss-notifications-section", null)), h("div", { class: "d-flex mt-4" }, h("div", { class: "flex-grow-1 w-50" }, h("div", { class: "mr-2" }, h("fl-button", { onClick: () => navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage), isBlockElement: true, variant: "secondary" }, h("span", null, "Back")))), h("div", { class: "flex-grow-1 w-50" }, h("div", { class: "ml-2" }, h("fl-promise-button", { isBlockElement: true, disabled: !this.canContinue(), promiseFn: () => this.tryAsync() }, h("span", null, "Continue")))))))));
   }
   async tryAsync() {
     try {
-      if (!state$1.continueAllowed) {
+      if (!this.canContinue()) {
         return;
       }
       await handleConfirmClickAsync();

package/dist/lib/esm/loader.js

@@ -1,7 +1,7 @@
 import { p as promiseResolve, b as bootstrapLazy } from './index-227ab0f1.js';
 import './datorama-akita-79ce4385.js';
 import './delay-c0555599.js';
-import { g as globalScripts } from './app-globals-9d2ea729.js';
+import { g as globalScripts } from './app-globals-7ac1ffba.js';
 
 /*
  Stencil Client Patch Esm v2.3.0 | MIT Licensed | https://stenciljs.com

package/dist/lib/esm-es5/apollo-super-selection.js

@@ -1 +1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-227ab0f1.js";import"./datorama-akita-79ce4385.js";import"./delay-c0555599.js";import{g as globalScripts}from"./app-globals-9d2ea729.js";var patchBrowser=function(){var s=import.meta.url;var e={};if(s!==""){e.resourcesUrl=new URL(".",s).href}return promiseResolve(e)};patchBrowser().then((function(s){globalScripts();return bootstrapLazy([["fl-style-guide",[[1,"fl-style-guide",{themeCssUrl:[1,"theme-css-url"]}]]],["context-consumer",[[0,"context-consumer",{context:[16],renderer:[16],subscribe:[16],unsubscribe:[32]}]]],["stencil-async-content",[[0,"stencil-async-content",{documentLocation:[1,"document-location"],content:[32]}]]],["stencil-route-title",[[0,"stencil-route-title",{titleSuffix:[1,"title-suffix"],pageTitle:[1,"page-title"]}]]],["stencil-router-prompt",[[0,"stencil-router-prompt",{when:[4],message:[1],history:[16],unblock:[32]}]]],["stencil-router-redirect",[[0,"stencil-router-redirect",{history:[16],root:[1],url:[1]}]]],["fl-button_43",[[0,"sss-my-own-fund",{history:[16],formState:[32],isNotAllInformationProvidedMessageVisible:[32]}],[0,"sss-qsuper-question-1"],[0,"sss-qsuper-question-2"],[0,"sss-qsuper-question-3"],[0,"sss-qsuper-question-4"],[0,"sss-qsuper-question-5"],[0,"sss-qsuper-question-6"],[0,"sss-qsuper-question-7"],[0,"sss-qsuper-question-8"],[0,"sss-self-managed-fund",{history:[16],formState:[32]}],[0,"sss-default-fund",{history:[16],formState:[32],defaultFundProductName:[32]}],[0,"sss-qsuper-insurance-opt-in",{insuranceChosen:[32]}],[0,"sss-qsuper-join"],[0,"sss-slate-standard-choice-page",{history:[16],formState:[32]}],[1,"super-selection-app-host",{sessionState:[32],jwt:[32],appConfiguration:[32],areStylesLoaded:[32]}],[0,"sss-qsuper-consent"],[0,"sss-super-choice-page",{history:[16],promotedFunds:[32],chosenFund:[32]}],[0,"sss-success"],[0,"sss-slate-join-page",{history:[16]}],[0,"super-selection-app",{accessToken:[1,"access-token"],backendUrl:[1,"backend-url"],appBaseUrl:[1,"app-base-url"],slateJoinAppUrl:[1,"slate-join-app-url"],history:[16],location:[16],isAppInitialised:[32]}],[0,"sss-my-own-fund-inputs",{myOwnFundForm:[16],selectedOption:[32]}],[0,"sss-self-managed-fund-inputs",{fundForm:[16],currentBank:[32]}],[0,"sss-loading-page"],[0,"sss-super-choice-item",{heading:[1],isSelected:[4,"is-selected"],usi:[1],name:[1],logo:[1],pdsLink:[1,"pds-link"],callToAction:[1,"call-to-action"],features:[1],history:[16]}],[0,"sss-selected-super-choice-section",{fundType:[1,"fund-type"],fundName:[1,"fund-name"]}],[0,"sss-slatesuper-header"],[0,"sss-footer-section"],[4,"stencil-route-link",{url:[1],urlMatch:[1,"url-match"],activeClass:[1,"active-class"],exact:[4],strict:[4],custom:[1],anchorClass:[1,"anchor-class"],anchorRole:[1,"anchor-role"],anchorTitle:[1,"anchor-title"],anchorTabIndex:[1,"anchor-tab-index"],anchorId:[1,"anchor-id"],history:[16],location:[16],root:[1],ariaHaspopup:[1,"aria-haspopup"],ariaPosinset:[1,"aria-posinset"],ariaSetsize:[2,"aria-setsize"],ariaLabel:[1,"aria-label"],match:[32]}],[4,"stencil-route-switch",{group:[513],scrollTopOffset:[2,"scroll-top-offset"],location:[16],routeViewsUpdated:[16]}],[4,"stencil-router",{root:[1],historyType:[1,"history-type"],titleSuffix:[1,"title-suffix"],scrollTopOffset:[2,"scroll-top-offset"],location:[32],history:[32]}],[4,"sss-custom-fund",{history:[16],currentCustomFund:[32],fundOptionsList:[32]}],[0,"fl-dropdown-async",{placeholder:[1],searchFunction:[16],value:[16],required:[4],requiredValidationMessage:[1,"required-validation-message"],disabled:[4],minSearchStringLength:[2,"min-search-string-length"],searchState:[32],inputValue:[32],isDropdownVisible:[32],filteredOptions:[32],highlightedOptionIndex:[32],selectedOption:[32]},[[2,"focus","handleFocus"],[2,"blur","handleBlur"],[2,"keydown","handleKeyDown"]]],[0,"sss-standard-choice-form",{standardChoiceFormSignature:[32]}],[0,"fl-dropdown",{placeholder:[1],options:[16],value:[16],required:[4],requiredValidationMessage:[1,"required-validation-message"],disabled:[4],inputValue:[32],isDropdownVisible:[32],filteredOptions:[32],highlightedOptionIndex:[32],selectedOption:[32]},[[2,"focus","handleFocus"],[2,"blur","handleBlur"],[2,"keydown","handleKeyDown"]]],[4,"sss-qsuper-insurance-questions"],[0,"sss-qsuper-question-yes-no-buttons",{history:[16]}],[0,"sss-qsuper-confirm-header"],[4,"sss-qsuper-layout",{history:[16]}],[0,"sss-notifications-section"],[4,"fl-promise-button",{isBlockElement:[4,"is-block-element"],isRounded:[4,"is-rounded"],disabled:[4],variant:[1],promiseFn:[16],state:[32]}],[4,"fl-button",{isBlockElement:[4,"is-block-element"],disabled:[4],variant:[1]}],[0,"fl-loading-indicator",{theme:[1]}],[0,"stencil-route",{group:[513],componentUpdated:[16],match:[1040],url:[1],component:[1],componentProps:[16],exact:[4],routeRender:[16],scrollTopOffset:[2,"scroll-top-offset"],routeViewsUpdated:[16],location:[16],history:[16],historyType:[1,"history-type"]}]]]],s)}));
+import{p as promiseResolve,b as bootstrapLazy}from"./index-227ab0f1.js";import"./datorama-akita-79ce4385.js";import"./delay-c0555599.js";import{g as globalScripts}from"./app-globals-7ac1ffba.js";var patchBrowser=function(){var s=import.meta.url;var e={};if(s!==""){e.resourcesUrl=new URL(".",s).href}return promiseResolve(e)};patchBrowser().then((function(s){globalScripts();return bootstrapLazy([["fl-style-guide",[[1,"fl-style-guide",{themeCssUrl:[1,"theme-css-url"]}]]],["context-consumer",[[0,"context-consumer",{context:[16],renderer:[16],subscribe:[16],unsubscribe:[32]}]]],["stencil-async-content",[[0,"stencil-async-content",{documentLocation:[1,"document-location"],content:[32]}]]],["stencil-route-title",[[0,"stencil-route-title",{titleSuffix:[1,"title-suffix"],pageTitle:[1,"page-title"]}]]],["stencil-router-prompt",[[0,"stencil-router-prompt",{when:[4],message:[1],history:[16],unblock:[32]}]]],["stencil-router-redirect",[[0,"stencil-router-redirect",{history:[16],root:[1],url:[1]}]]],["fl-button_43",[[0,"sss-my-own-fund",{history:[16],formState:[32],isNotAllInformationProvidedMessageVisible:[32]}],[0,"sss-qsuper-question-1"],[0,"sss-qsuper-question-2"],[0,"sss-qsuper-question-3"],[0,"sss-qsuper-question-4"],[0,"sss-qsuper-question-5"],[0,"sss-qsuper-question-6"],[0,"sss-qsuper-question-7"],[0,"sss-qsuper-question-8"],[0,"sss-self-managed-fund",{history:[16],formState:[32]}],[0,"sss-default-fund",{history:[16],formState:[32],defaultFundProductName:[32]}],[0,"sss-qsuper-insurance-opt-in",{insuranceChosen:[32]}],[0,"sss-qsuper-join"],[0,"sss-slate-standard-choice-page",{history:[16],formState:[32]}],[1,"super-selection-app-host",{sessionState:[32],jwt:[32],appConfiguration:[32],areStylesLoaded:[32]}],[0,"sss-qsuper-consent"],[0,"sss-super-choice-page",{history:[16],promotedFunds:[32],chosenFund:[32]}],[0,"sss-success"],[0,"sss-slate-join-page",{history:[16]}],[0,"super-selection-app",{accessToken:[1,"access-token"],backendUrl:[1,"backend-url"],appBaseUrl:[1,"app-base-url"],slateJoinAppUrl:[1,"slate-join-app-url"],history:[16],location:[16],isAppInitialised:[32]}],[0,"sss-my-own-fund-inputs",{myOwnFundForm:[16],selectedOption:[32]}],[0,"sss-self-managed-fund-inputs",{fundForm:[16],currentBank:[32]}],[0,"sss-loading-page"],[0,"sss-super-choice-item",{heading:[1],isSelected:[4,"is-selected"],usi:[1],name:[1],logo:[1],pdsLink:[1,"pds-link"],callToAction:[1,"call-to-action"],features:[1],history:[16]}],[0,"sss-selected-super-choice-section",{fundType:[1,"fund-type"],fundName:[1,"fund-name"]}],[0,"sss-slatesuper-header"],[0,"sss-footer-section"],[4,"stencil-route-link",{url:[1],urlMatch:[1,"url-match"],activeClass:[1,"active-class"],exact:[4],strict:[4],custom:[1],anchorClass:[1,"anchor-class"],anchorRole:[1,"anchor-role"],anchorTitle:[1,"anchor-title"],anchorTabIndex:[1,"anchor-tab-index"],anchorId:[1,"anchor-id"],history:[16],location:[16],root:[1],ariaHaspopup:[1,"aria-haspopup"],ariaPosinset:[1,"aria-posinset"],ariaSetsize:[2,"aria-setsize"],ariaLabel:[1,"aria-label"],match:[32]}],[4,"stencil-route-switch",{group:[513],scrollTopOffset:[2,"scroll-top-offset"],location:[16],routeViewsUpdated:[16]}],[4,"stencil-router",{root:[1],historyType:[1,"history-type"],titleSuffix:[1,"title-suffix"],scrollTopOffset:[2,"scroll-top-offset"],location:[32],history:[32]}],[4,"sss-custom-fund",{history:[16],currentCustomFund:[32],fundOptionsList:[32]}],[0,"fl-dropdown-async",{placeholder:[1],searchFunction:[16],value:[16],required:[4],requiredValidationMessage:[1,"required-validation-message"],disabled:[4],minSearchStringLength:[2,"min-search-string-length"],searchState:[32],inputValue:[32],isDropdownVisible:[32],filteredOptions:[32],highlightedOptionIndex:[32],selectedOption:[32]},[[2,"focus","handleFocus"],[2,"blur","handleBlur"],[2,"keydown","handleKeyDown"]]],[0,"sss-standard-choice-form",{standardChoiceFormSignature:[32]}],[0,"fl-dropdown",{placeholder:[1],options:[16],value:[16],required:[4],requiredValidationMessage:[1,"required-validation-message"],disabled:[4],inputValue:[32],isDropdownVisible:[32],filteredOptions:[32],highlightedOptionIndex:[32],selectedOption:[32]},[[2,"focus","handleFocus"],[2,"blur","handleBlur"],[2,"keydown","handleKeyDown"]]],[4,"sss-qsuper-insurance-questions"],[0,"sss-qsuper-question-yes-no-buttons",{history:[16]}],[0,"sss-qsuper-confirm-header"],[4,"sss-qsuper-layout",{history:[16]}],[0,"sss-notifications-section"],[4,"fl-promise-button",{isBlockElement:[4,"is-block-element"],isRounded:[4,"is-rounded"],disabled:[4],variant:[1],promiseFn:[16],state:[32]}],[4,"fl-button",{isBlockElement:[4,"is-block-element"],disabled:[4],variant:[1]}],[0,"fl-loading-indicator",{theme:[1]}],[0,"stencil-route",{group:[513],componentUpdated:[16],match:[1040],url:[1],component:[1],componentProps:[16],exact:[4],routeRender:[16],scrollTopOffset:[2,"scroll-top-offset"],routeViewsUpdated:[16],location:[16],history:[16],historyType:[1,"history-type"]}]]]],s)}));

package/dist/lib/esm-es5/{app-globals-9d2ea729.js → app-globals-7ac1ffba.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,r){function o(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,a){function i(t){try{u(r.next(t))}catch(t){a(t)}}function l(t){try{u(r["throw"](t))}catch(t){a(t)}}function u(t){t.done?n(t.value):o(t.value).then(i,l)}u((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,o,a,i;return i={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function l(t){return function(e){return u([t,e])}}function u(i){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,o&&(a=i[0]&2?o["return"]:i[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,i[1])).done)return a;if(o=0,a)i=[i[0]&2,a.value];switch(i[0]){case 0:case 1:a=i;break;case 4:n.label++;return{value:i[1],done:false};case 5:n.label++;o=i[1];i=[0];continue;case 7:i=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(i[0]===6||i[0]===2)){n=0;continue}if(i[0]===3&&(!a||i[1]>a[0]&&i[1]<a[3])){n.label=i[1];break}if(i[0]===6&&n.label<a[1]){n.label=a[1];a=i;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(i);break}if(a[2])n.ops.pop();n.trys.pop();continue}i=e.call(t,n)}catch(t){i=[6,t];o=0}finally{r=a=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{e as enableAkitaProdMode}from"./datorama-akita-79ce4385.js";function stencilRouterWorkaround(){delete window.sessionStorage;window.sessionStorage={}}function appGlobalScript(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){stencilRouterWorkaround();enableAkitaProdMode();return[2]}))}))}var globalScripts=appGlobalScript;export{globalScripts as g};
+var __awaiter=this&&this.__awaiter||function(t,e,n,r){function o(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,a){function i(t){try{u(r.next(t))}catch(t){a(t)}}function l(t){try{u(r["throw"](t))}catch(t){a(t)}}function u(t){t.done?n(t.value):o(t.value).then(i,l)}u((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,o,a,i;return i={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function l(t){return function(e){return u([t,e])}}function u(i){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,o&&(a=i[0]&2?o["return"]:i[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,i[1])).done)return a;if(o=0,a)i=[i[0]&2,a.value];switch(i[0]){case 0:case 1:a=i;break;case 4:n.label++;return{value:i[1],done:false};case 5:n.label++;o=i[1];i=[0];continue;case 7:i=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(i[0]===6||i[0]===2)){n=0;continue}if(i[0]===3&&(!a||i[1]>a[0]&&i[1]<a[3])){n.label=i[1];break}if(i[0]===6&&n.label<a[1]){n.label=a[1];a=i;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(i);break}if(a[2])n.ops.pop();n.trys.pop();continue}i=e.call(t,n)}catch(t){i=[6,t];o=0}finally{r=a=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{e as enableAkitaProdMode}from"./datorama-akita-79ce4385.js";function stencilRouterWorkaround(){if(window.location==window.parent.location){return}delete window.sessionStorage;window.sessionStorage={}}function appGlobalScript(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){stencilRouterWorkaround();enableAkitaProdMode();return[2]}))}))}var globalScripts=appGlobalScript;export{globalScripts as g};