@flarehr/apollo-super-selection 3.17.52781 → 3.21.53721

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

@@ -0,0 +1,99 @@
+import { Component, h, Host, State } from '@stencil/core';
+import { EventTrackingService } from '../../services/event-tracking.service';
+import notificationsService from '../../services/notifications.service';
+import superSelectionAppService from '../../services/super-selection-app.service';
+import * as constants from '../constants';
+import { continueEnabledCheck } from './helpers/continueCheck';
+import { getNextRoute } from './helpers/getNextRoute';
+import { resetQSuperState } from './helpers/resetState';
+import qSuperState from './services/qsuper.store';
+export class QsuperInsuranceOptIn {
+  constructor() {
+    this.insuranceChosen = false;
+    this.eventTrackingService = EventTrackingService.Instance;
+    this.isEligibleForInsurance = false;
+  }
+  componentDidLoad() {
+    return this.eventTrackingService.TrackFinancialProductViewedAsync({
+      fundUsi: constants.QSuperFundUsi,
+      fundName: constants.QSuperFundName,
+      fundNameAlt: constants.QSuperAltFundName,
+      financialProduct: constants.QSuperInsuranceProductName
+    });
+  }
+  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", { 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.")))))));
+  }
+  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;
+  }
+  showIneligibleNotification(description) {
+    notificationsService.showInfoNotification({
+      title: "Unable to apply for Insurance",
+      description
+    });
+  }
+  handleInsuranceToggle(input) {
+    qSuperState.qSuperQuestionnaire.insuranceChosen = input && this.isEligibleForInsurance;
+    this.insuranceChosen = qSuperState.qSuperQuestionnaire.insuranceChosen;
+    qSuperState.nextRoute = getNextRoute();
+  }
+  handleCheckboxToggle() {
+    qSuperState.qSuperOptInPageCheckbox = !qSuperState.qSuperOptInPageCheckbox;
+    continueEnabledCheck();
+    qSuperState.nextRoute = getNextRoute();
+  }
+  static get is() { return "sss-qsuper-insurance-opt-in"; }
+  static get originalStyleUrls() { return {
+    "$": ["qsuper.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["qsuper.css"]
+  }; }
+  static get states() { return {
+    "insuranceChosen": {}
+  }; }
+}

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

@@ -0,0 +1,18 @@
+import { Component, h, Host } from '@stencil/core';
+export class QsuperInsuranceQuestions {
+  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: "p-3 mt-4 checkbox-container" },
+          h("slot", null),
+          h("sss-qsuper-question-yes-no-buttons", null)))));
+  }
+  static get is() { return "sss-qsuper-insurance-questions"; }
+  static get originalStyleUrls() { return {
+    "$": ["./qsuper.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["qsuper.css"]
+  }; }
+}

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

@@ -0,0 +1,95 @@
+import { Component, h, Prop } from '@stencil/core';
+import { injectHistory } from '@stencil/router';
+import navigationService from '../../services/navigation.service';
+import notificationsService from '../../services/notifications.service';
+import { SuperSelectionAppRoutes } from '../../services/super-selection-app.routes';
+import superSelectionAppService from '../../services/super-selection-app.service';
+import * as constants from '../constants';
+import { handleConfirmClickAsync } from './helpers/confirmCheck';
+import { getNextRoute } from './helpers/getNextRoute';
+import qSuperState from './services/qsuper.store';
+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() {
+    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 (!this.canContinue()) {
+        return;
+      }
+      await handleConfirmClickAsync();
+      navigationService.navigateInternally(this.history, qSuperState.nextRoute);
+    }
+    catch (error) {
+      notificationsService.showErrorNotification({
+        title: "Couldn't process your request",
+        description: 'We had an issue processing your request to join QSuper. Please try again shortly.'
+      });
+      qSuperState.continueAllowed = true;
+    }
+  }
+  static get is() { return "sss-qsuper-layout"; }
+  static get assetsDirs() { return ["assets"]; }
+  static get properties() { return {
+    "history": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "RouterHistory",
+        "resolved": "RouterHistory",
+        "references": {
+          "RouterHistory": {
+            "location": "import",
+            "path": "@stencil/router"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      }
+    }
+  }; }
+}
+injectHistory(QsuperLayout);

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

@@ -0,0 +1,50 @@
+html {
+  scroll-behavior: smooth;
+}
+
+img.fluid-fit {
+  object-fit: cover;
+}
+
+.choice-container {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+
+.confirm-title {
+  font-size: 20px;
+  margin-bottom: 0;
+}
+
+.confirm-text {
+  font-size: 14px;
+}
+
+.edit-toggle {
+  cursor: pointer;
+}
+
+.form-value-text {
+  overflow-wrap: anywhere;
+}
+
+.confirm-checkbox-item {
+  transform: scale(1.7);
+}
+
+.checkbox-container {
+  border-radius: 4px;
+  background-color: #f5f4f2;
+}
+
+.confirm-item-text {
+  font-size: 13px;
+}
+
+.button-holder {
+  min-width: 8rem;
+}
+
+.confirm-form-view-only-holder * {
+  font-size: 14px;
+}

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

@@ -0,0 +1,10 @@
+import { Component, h, Host } from '@stencil/core';
+export class Question1 {
+  render() {
+    return (h(Host, { class: "d-flex flex-fill" },
+      h("sss-qsuper-insurance-questions", null,
+        h("p", { class: "font-weight-bold" }, "Question 1"),
+        h("p", { class: " mb-0" }, "Are you currently a registered or enrolled nurse or assistant in nursing who is qualified and currently practicing, or working in the retail sector, or food and beverage service?"))));
+  }
+  static get is() { return "sss-qsuper-question-1"; }
+}

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

@@ -0,0 +1,10 @@
+import { Component, h, Host } from '@stencil/core';
+export class Question2 {
+  render() {
+    return (h(Host, { class: "d-flex flex-fill" },
+      h("sss-qsuper-insurance-questions", null,
+        h("p", { class: "font-weight-bold" }, "Question 2"),
+        h("p", { class: " mb-0" }, "Are you currently a qualified tradesperson currently working within your area of expertise (e.g. hairdresser, chef, plumber, electrician, plasterer, carpenter or concreter), or a skilled worker with light manual duties (e.g. jeweller, building inspector, laboratory technician, foreman or office equipment technician)?"))));
+  }
+  static get is() { return "sss-qsuper-question-2"; }
+}

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

@@ -0,0 +1,10 @@
+import { Component, h, Host } from '@stencil/core';
+export class Question3 {
+  render() {
+    return (h(Host, { class: "d-flex flex-fill" },
+      h("sss-qsuper-insurance-questions", null,
+        h("p", { class: "font-weight-bold" }, "Question 3"),
+        h("p", { class: " mb-0" }, "Are you currently a police officer, firefighter, paramedic, or other emergency or protective services worker, including security guard or corrections officer, or a professional sportsperson, or working in a manual occupation which does not require trade specific qualifications and may be subject to accident or environment hazards (e.g. earthmover, driver, cleaner, labourer, factory worker or agricultural worker)?"))));
+  }
+  static get is() { return "sss-qsuper-question-3"; }
+}

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

@@ -0,0 +1,10 @@
+import { Component, h, Host } from '@stencil/core';
+export class Question4 {
+  render() {
+    return (h(Host, { class: "d-flex flex-fill" },
+      h("sss-qsuper-insurance-questions", null,
+        h("p", { class: "font-weight-bold" }, "Question 4"),
+        h("p", { class: " mb-0" }, "Are the usual work activities of your job considered office based or school teaching ( meaning you spend at least 80% of your work time doing clerical, call centre, administrative or other office or classroom based activities), or are you a medical practitioner, lawyer or engineer who spends at least 80% of your work hours in an office or clinical environment?"))));
+  }
+  static get is() { return "sss-qsuper-question-4"; }
+}

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

@@ -0,0 +1,10 @@
+import { Component, h, Host } from '@stencil/core';
+export class Question5 {
+  render() {
+    return (h(Host, { class: "d-flex flex-fill" },
+      h("sss-qsuper-insurance-questions", null,
+        h("p", { class: "font-weight-bold" }, "Question 5"),
+        h("p", { class: " mb-0" }, "Do you currently perform, or intend to work in a job within the next three months that includes, any of the following risky activities: handling firearms (other than as a police officer, correctional officer or licensed security guard), dangerous chemicals or explosives, or offshore work \u2013 oil and gas platforms, ships at sea, or being underground (in construction and mining environments) or underwater for more than 20% of total at work time, or working at heights over 20 metres in any environment requiring hard hat and harness for safety by law, or crop dusting, aerial mustering or any low level flying activity (defined as below 150 metres or 500 feet), or flying more than 200 hours per annum as a passenger other than on a commercial airline, or as a pilot (fixed wing or helicopter)?"))));
+  }
+  static get is() { return "sss-qsuper-question-5"; }
+}

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

@@ -0,0 +1,10 @@
+import { Component, h, Host } from '@stencil/core';
+export class Question6 {
+  render() {
+    return (h(Host, { class: "d-flex flex-fill" },
+      h("sss-qsuper-insurance-questions", null,
+        h("p", { class: "font-weight-bold" }, "Question 6"),
+        h("p", { class: " mb-0" }, "Are you earning more than $120,000 a year, (before tax and employer paid superannuation), from your job?"))));
+  }
+  static get is() { return "sss-qsuper-question-6"; }
+}

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

@@ -0,0 +1,10 @@
+import { Component, h, Host } from '@stencil/core';
+export class Question7 {
+  render() {
+    return (h(Host, { class: "d-flex flex-fill" },
+      h("sss-qsuper-insurance-questions", null,
+        h("p", { class: "font-weight-bold" }, "Question 7"),
+        h("p", { class: " mb-0" }, "Do you have a university qualification which you are using/is required in your current role?"))));
+  }
+  static get is() { return "sss-qsuper-question-7"; }
+}

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

@@ -0,0 +1,10 @@
+import { Component, h, Host } from '@stencil/core';
+export class Question8 {
+  render() {
+    return (h(Host, { class: "d-flex flex-fill" },
+      h("sss-qsuper-insurance-questions", null,
+        h("p", { class: "font-weight-bold" }, "Question 8"),
+        h("p", { class: " mb-0" }, "Do you have a senior/executive level management role in your company (your direct reports would be mid-level managers or skilled specialists in a sedentary setting), or is your role considered professional (e.g. doctor, solicitor, accountant \u2013 requiring membership of a professional or government body to practice in your occupation)?"))));
+  }
+  static get is() { return "sss-qsuper-question-8"; }
+}

package/dist/lib/collection/components/super-selection-app/funds/qsuper/questions/yes-no-buttons/qsuper-question-yes-no-buttons.js

@@ -0,0 +1,66 @@
+import { Component, h, Prop } from '@stencil/core';
+import { injectHistory } from '@stencil/router';
+import navigationService from '../../../../services/navigation.service';
+import superSelectionAppService from '../../../../services/super-selection-app.service';
+import { getNextRoute } from '../../helpers/getNextRoute';
+import qSuperState from '../../services/qsuper.store';
+export class QsuperQuestionYesNoButtons {
+  render() {
+    return (h("div", { class: "d-flex mt-4" },
+      h("div", { class: "flex-grow-1 w-50" },
+        h("div", { class: "mr-2" },
+          h("fl-button", { onClick: () => this.handleQuestionClick(true), isBlockElement: true, variant: "secondary" },
+            h("span", null, "Yes")))),
+      h("div", { class: "flex-grow-1 w-50" },
+        h("div", { class: "ml-2" },
+          h("fl-promise-button", { isBlockElement: true, variant: "secondary", onClick: () => this.handleQuestionClick(false) },
+            h("span", null, "No"))))));
+  }
+  handleQuestionClick(input) {
+    // on click of yes or no - record this to state
+    const baseAppUrl = superSelectionAppService.appBaseUrl;
+    const currentQuestion = window.location.pathname
+      .split(baseAppUrl + '/qsuper/insurance/')[1]
+      .replace(/\/+$/, '');
+    if (qSuperState.qSuperQuestionnaire.questions === undefined) {
+      qSuperState.qSuperQuestionnaire.questions = {
+        question1: false,
+        question2: false,
+        question3: false,
+        question4: false,
+        question5: false,
+        question6: false,
+        question7: false,
+        question8: false
+      };
+    }
+    qSuperState.qSuperQuestionnaire.questions[currentQuestion] = input;
+    qSuperState.qSuperInsuranceQuestions[currentQuestion].answered = true;
+    qSuperState.nextRoute = getNextRoute();
+    navigationService.navigateInternally(this.history, qSuperState.nextRoute);
+  }
+  static get is() { return "sss-qsuper-question-yes-no-buttons"; }
+  static get properties() { return {
+    "history": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "RouterHistory",
+        "resolved": "RouterHistory",
+        "references": {
+          "RouterHistory": {
+            "location": "import",
+            "path": "@stencil/router"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      }
+    }
+  }; }
+}
+injectHistory(QsuperQuestionYesNoButtons);

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

@@ -0,0 +1,64 @@
+import { createStore } from '@stencil/store';
+export var QSuperFormPages;
+(function (QSuperFormPages) {
+  QSuperFormPages[QSuperFormPages["InsuranceConfirm"] = 0] = "InsuranceConfirm";
+  QSuperFormPages[QSuperFormPages["InsuranceQuestions"] = 1] = "InsuranceQuestions";
+  QSuperFormPages[QSuperFormPages["AccumulationAccount"] = 2] = "AccumulationAccount";
+  QSuperFormPages[QSuperFormPages["ConfirmSelection"] = 3] = "ConfirmSelection";
+})(QSuperFormPages || (QSuperFormPages = {}));
+export var QSuperInsuranceQuestions;
+(function (QSuperInsuranceQuestions) {
+  QSuperInsuranceQuestions[QSuperInsuranceQuestions["question1"] = 0] = "question1";
+  QSuperInsuranceQuestions[QSuperInsuranceQuestions["question2"] = 1] = "question2";
+  QSuperInsuranceQuestions[QSuperInsuranceQuestions["question3"] = 2] = "question3";
+  QSuperInsuranceQuestions[QSuperInsuranceQuestions["question4"] = 3] = "question4";
+  QSuperInsuranceQuestions[QSuperInsuranceQuestions["question5"] = 4] = "question5";
+  QSuperInsuranceQuestions[QSuperInsuranceQuestions["question6"] = 5] = "question6";
+  QSuperInsuranceQuestions[QSuperInsuranceQuestions["question7"] = 6] = "question7";
+  QSuperInsuranceQuestions[QSuperInsuranceQuestions["question8"] = 7] = "question8";
+})(QSuperInsuranceQuestions || (QSuperInsuranceQuestions = {}));
+export const initialStateQSuper = {
+  currentQSuperInsuranceQuestion: QSuperInsuranceQuestions.question1,
+  currentQSuperFormPage: QSuperFormPages.InsuranceConfirm,
+  qSuperFormValid: false,
+  nextRoute: '/',
+  continueAllowed: false,
+  qSuperOptInPageCheckbox: false,
+  qSuperJoinPageCheckbox: false,
+  qSuperInsuranceQuestions: {
+    question1: {
+      answered: false
+    },
+    question2: {
+      answered: false
+    },
+    question3: {
+      answered: false
+    },
+    question4: {
+      answered: false
+    },
+    question5: {
+      answered: false
+    },
+    question6: {
+      answered: false
+    },
+    question7: {
+      answered: false
+    },
+    question8: {
+      answered: false
+    }
+  },
+  qSuperQuestionnaire: {
+    reviewedApplication: false,
+    acceptedDeclaration: false,
+    readDutyOfDisclosure: false,
+    insuranceChosen: false
+  },
+  standardChoiceFormSignature: ''
+};
+const { state, reset } = createStore(initialStateQSuper);
+export const resetQSuperStore = reset;
+export default state;

package/dist/lib/collection/components/super-selection-app/funds/slate-super/api/slate-choice.api.dto.js

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

package/dist/lib/collection/components/super-selection-app/funds/slate-super/api/slate-choice.api.js

@@ -0,0 +1,13 @@
+import { buildBackendApiClient } from '../../../api/api-client';
+export class SlateChoiceApi {
+  async submitSlateChoiceAsync(dto) {
+    return buildBackendApiClient()
+      .url('super-choice/slate')
+      .post(dto)
+      .badRequest(() => {
+      throw new Error('Failed to process Slate join request');
+    })
+      .text();
+  }
+}
+export default new SlateChoiceApi();

package/dist/lib/collection/components/super-selection-app/funds/slate-super/services/slate-iframe-builder.js

@@ -0,0 +1,127 @@
+import interopQuery from '../../../../app-host/services/interop.query';
+import navigationService from '../../../services/navigation.service';
+import { SuperSelectionAppRoutes } from '../../../services/super-selection-app.routes';
+import superSelectionAppService from '../../../services/super-selection-app.service';
+import slateFundState from '../../slate-super/slate-fund.store';
+class SlateIFrameBuilder {
+  constructor() {
+    this.hostIsLocalSuperSelection = () => window.location.origin == 'http://localhost:7100';
+    this.hostIsDeployed = () => window.location.origin.endsWith('partner.flarehr.com');
+    this.skipConsolidation = () => (interopQuery.isReactNativeInteropEnabled() ? 'true' : 'false');
+    this.environmentDiscriminator = () => {
+      const discriminator = window.location.hostname.toLowerCase().split('.')[0];
+      switch (discriminator) {
+        case 'autodev-partner':
+        case 'test-partner':
+        case 'partner':
+        case 'sandbox-partner':
+          return discriminator.replace('partner', '');
+        default:
+          return 'autodev-';
+      }
+    };
+    this.slateJoinAppUrl = () => {
+      return `https://${this.environmentDiscriminator()}join.slatesuper.com.au/confirm`;
+    };
+  }
+  build(iframe, history) {
+    if (!(iframe === null || iframe === void 0 ? void 0 : iframe.contentDocument))
+      return;
+    const baseUrl = this.hostIsLocalSuperSelection() || this.hostIsDeployed()
+      ? `${window.location.origin}/super-selection/embed/v1.0/app`
+      : 'https://autodev-partner.flarehr.com/super-selection/embed/v1.0/app';
+    const redirectUrl = `${baseUrl}/slate-redirect.html`;
+    const postData = Object.assign(Object.assign({}, this.getSlateJoinMemberData()), { successRedirectUrl: redirectUrl, cancelRedirectUrl: redirectUrl, skipConsolidation: this.skipConsolidation(), skipInsurance: 'true' });
+    if (this.includeJwt()) {
+      postData.authToken = superSelectionAppService.jwt;
+    }
+    const handleMessage = (event) => {
+      const { data, origin } = event;
+      if (!data) {
+        return;
+      }
+      if (data.sender === 'slate-redirect') {
+        window.removeEventListener('message', handleMessage);
+        switch (data.type) {
+          case 'success':
+            if (data.memberNumber) {
+              slateFundState.slateFundForm.memberNumber = data.memberNumber;
+              navigationService.navigateInternally(history, SuperSelectionAppRoutes.SlateStandardChoice);
+              break;
+            }
+          /* falls through */
+          default:
+            navigationService.navigateInternally(history, SuperSelectionAppRoutes.ChoicePage);
+            break;
+        }
+        return;
+      }
+      if (data.sender === 'flare' && origin.endsWith('join.slatesuper.com.au')) {
+        switch (data.type) {
+          case 'contentResized':
+            iframe.height = data.height > 0 ? data.height : iframe.height;
+            iframe.width = data.width > 0 ? data.width : iframe.width;
+            break;
+          default:
+            break;
+        }
+      }
+    };
+    window.addEventListener('message', handleMessage);
+    const iframeDoc = iframe.contentDocument;
+    iframeDoc.open();
+    const form = iframeDoc.createElement('form');
+    form.method = 'POST';
+    form.target = '_self';
+    form.action = this.slateJoinAppUrl();
+    let prop;
+    for (prop in postData) {
+      const value = postData[prop];
+      if (value !== undefined) {
+        const input = document.createElement('input');
+        input.type = 'hidden';
+        input.name = prop;
+        input.value = value;
+        form.append(input);
+      }
+    }
+    iframeDoc.appendChild(form);
+    iframeDoc.close();
+    form.submit();
+  }
+  getSlateJoinMemberData() {
+    var _a, _b;
+    const superBuyer = superSelectionAppService.superBuyer;
+    const toSlateGender = (gender) => {
+      switch (gender) {
+        case 'Male':
+          return 'Male';
+        case 'Female':
+          return 'Female';
+        case 'Intersex':
+          return 'Intersex/Indeterminate';
+        default:
+          return 'Unknown';
+      }
+    };
+    return {
+      firstName: superBuyer.userProfile.firstName,
+      middleName: superBuyer.userProfile.middleName,
+      lastName: superBuyer.userProfile.lastName,
+      dateOfBirth: superBuyer.userProfile.dateOfBirth,
+      gender: toSlateGender(superBuyer.userProfile.gender),
+      email: superBuyer.userProfile.email,
+      mobilePhone: superBuyer.userProfile.mobilePhone,
+      taxFileNumber: (_a = superBuyer.tfn) !== null && _a !== void 0 ? _a : '',
+      addressLine1: superBuyer.userProfile.address.addressLine1,
+      addressLine2: (_b = superBuyer.userProfile.address.addressLine2) !== null && _b !== void 0 ? _b : '',
+      city: superBuyer.userProfile.address.city,
+      state: superBuyer.userProfile.address.state,
+      postCode: superBuyer.userProfile.address.postcode
+    };
+  }
+  includeJwt() {
+    return !this.slateJoinAppUrl().match(/autodev|sandbox/);
+  }
+}
+export default new SlateIFrameBuilder();

package/dist/lib/collection/components/super-selection-app/funds/slate-super/slate-fund.store.js

@@ -0,0 +1,9 @@
+import { createStore } from '@stencil/store';
+export const initialSlateSuper = {
+  slateFundForm: {
+    memberNumber: '',
+    standardChoiceFormSignature: ''
+  }
+};
+const { state } = createStore(initialSlateSuper);
+export default state;