@flarehr/apollo-super-selection 3.59.63229 → 3.62.64158

package/dist/lib/cjs/{sss-button_28.cjs.entry.js → sss-button_30.cjs.entry.js}

@@ -264,7 +264,7 @@ class TapSubscriber extends datoramaAkita.Subscriber {
     }
 }
 
-const AppVersion = '3.59.63229';
+const AppVersion = '3.62.64158';
 
 // -------------------------------------------------------------------------------------
 // guards
@@ -3559,7 +3559,8 @@ var SuperSelectionAppRoutes;
   SuperSelectionAppRoutes["ExistingChoicePage"] = "/existing";
   SuperSelectionAppRoutes["ChoicePage"] = "/";
   SuperSelectionAppRoutes["SlateJoin"] = "/slate/join/";
-  SuperSelectionAppRoutes["PromotedFundJoin"] = "/promoted-fund/join";
+  SuperSelectionAppRoutes["PromotedFundJoinV1"] = "/promoted-fund/join/v1";
+  SuperSelectionAppRoutes["PromotedFundJoinV2"] = "/promoted-fund/join/v2";
   SuperSelectionAppRoutes["MyOwnFund"] = "/super-choice/my-own-fund/";
   SuperSelectionAppRoutes["SelfManagedFund"] = "/super-choice/smsf/";
   SuperSelectionAppRoutes["DefaultFund"] = "/super-choice/default/";
@@ -3571,7 +3572,8 @@ const superSelectionAppStencilRoutes = [
   index.h("stencil-route", { url: SuperSelectionAppRoutes.ExistingChoicePage, component: "sss-existing-choice-page" }),
   index.h("stencil-route", { exact: true, url: SuperSelectionAppRoutes.ChoicePage, component: "sss-super-choice-page" }),
   index.h("stencil-route", { url: SuperSelectionAppRoutes.SlateJoin, component: "sss-slate-join-page" }),
-  index.h("stencil-route", { url: SuperSelectionAppRoutes.PromotedFundJoin, component: "sss-promoted-fund-join-page" }),
+  index.h("stencil-route", { url: SuperSelectionAppRoutes.PromotedFundJoinV1, component: "sss-promoted-fund-join-v1-page" }),
+  index.h("stencil-route", { url: SuperSelectionAppRoutes.PromotedFundJoinV2, component: "sss-promoted-fund-join-v2-page" }),
   index.h("stencil-route", { url: SuperSelectionAppRoutes.MyOwnFund, component: "sss-my-own-fund" }),
   index.h("stencil-route", { url: SuperSelectionAppRoutes.SelfManagedFund, component: "sss-self-managed-fund" }),
   index.h("stencil-route", { url: SuperSelectionAppRoutes.DefaultFund, component: "sss-default-fund" }),
@@ -3994,11 +3996,25 @@ const Active = {
   PdsUrl: 'https://www.activesuper.com.au/pds',
   Abn: '28 901 371 321'
 };
+const AustralianEthical = {
+  Id: 'australian-ethical',
+  Name: 'Australian Ethical',
+  PdsUrl: 'https://www.australianethical.com.au/TODO',
+  Abn: '47 003 188 930'
+};
+const Virgin = {
+  Id: 'virgin',
+  Name: 'Virgin Money Super',
+  PdsUrl: 'https://virginmoney.com.au/superannuation/TODO',
+  Abn: '19 905 422 981'
+};
 const PromotedFundIdList = [
   { dtoPropName: 'slate', id: Slate.Id },
   { dtoPropName: 'australianRetirementTrust', id: AustralianRetirementTrust.Id },
   { dtoPropName: 'aware', id: Aware.Id },
-  { dtoPropName: 'active', id: Active.Id }
+  { dtoPropName: 'active', id: Active.Id },
+  { dtoPropName: 'australianEthical', id: AustralianEthical.Id },
+  { dtoPropName: 'virgin', id: Virgin.Id }
 ];
 const getFundNameById = (id) => {
   switch (id) {
@@ -4010,10 +4026,22 @@ const getFundNameById = (id) => {
       return Aware.Name;
     case Active.Id:
       return Active.Name;
+    case AustralianEthical.Id:
+      return AustralianEthical.Name;
+    case Virgin.Id:
+      return Virgin.Name;
     default:
       return;
   }
 };
+const getFundUsiById = (id) => {
+  switch (id) {
+    case Slate.Id:
+      return Slate.Usi;
+    default:
+      return; // other promoted funds have dynamic USI
+  }
+};
 const getLogoSrc = (id) => {
   let logo = '';
   switch (id) {
@@ -4029,6 +4057,12 @@ const getLogoSrc = (id) => {
     case Active.Id:
       logo = 'logo-active.svg';
       break;
+    case AustralianEthical.Id:
+      logo = 'logo-slate.png';
+      break;
+    case Virgin.Id:
+      logo = 'logo-slate.png';
+      break;
     default:
       return;
   }
@@ -4049,6 +4083,12 @@ function getPromotedFundUsi(dto) {
   else if ('active' in dto) {
     return some(dto.active.usi);
   }
+  else if ('australianEthical' in dto) {
+    return some(dto.australianEthical.usi);
+  }
+  else if ('virgin' in dto) {
+    return some(dto.virgin.usi);
+  }
   else {
     return none;
   }
@@ -4083,6 +4123,12 @@ function getPromotedFundMemberNumber(dto) {
   else if ('active' in dto) {
     return some(dto.active.memberNumber);
   }
+  else if ('australianEthical' in dto) {
+    return some(dto.australianEthical.memberNumber);
+  }
+  else if ('virgin' in dto) {
+    return some(dto.virgin.memberNumber);
+  }
   else {
     return none;
   }
@@ -4309,6 +4355,18 @@ const HeaderSection = class {
   }
 };
 
+const IFrameHost = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    this.build(this.iframeElement);
+  }
+  render() {
+    return (index.h("div", { class: "w-screen" }, index.h("iframe", { width: "100%", height: window.innerHeight, style: { border: 'none' }, ref: (el) => (this.iframeElement = el) })));
+  }
+};
+
 const LoadingIndicator = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
@@ -4433,7 +4491,7 @@ const initial$1 = {
 };
 const { state: state$2 } = createStore(initial$1);
 
-class PromotedFundJoinIFrameBuilder {
+class PromotedFundJoinV1IFrameBuilder {
   constructor() {
     this.hostIsLocalSuperSelection = () => window.location.origin === 'http://localhost:7100';
     this.environmentDiscriminator = () => {
@@ -4534,17 +4592,132 @@ class PromotedFundJoinIFrameBuilder {
     };
   }
 }
-const PromotedFundJoinIFrameBuilder$1 = new PromotedFundJoinIFrameBuilder();
+const PromotedFundJoinV1IFrameBuilder$1 = new PromotedFundJoinV1IFrameBuilder();
 
-const PromotedFundJoinPage = class {
+const PromotedFundJoinV1Page = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
   }
-  componentDidLoad() {
-    PromotedFundJoinIFrameBuilder$1.build(this.iframeElement, this.history);
+  render() {
+    return (index.h("sss-iframe-host", { build: (iframe) => PromotedFundJoinV1IFrameBuilder$1.build(iframe, this.history) }));
+  }
+};
+
+class PromotedFundJoinV2IFrameBuilder {
+  constructor() {
+    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.promotedFundJoinAppUrl = () => {
+      return `https://${this.environmentDiscriminator()}api.simplefinancialchoices.com/promoted-funds/embed`;
+    };
+  }
+  build(iframe$1, history) {
+    if (!(iframe$1 === null || iframe$1 === void 0 ? void 0 : iframe$1.contentDocument))
+      return;
+    const postData = Object.assign(Object.assign({}, this.getMemberData()), { partnerId: superSelectionAppService.partnerIdOrDefault, accountId: superSelectionAppService.accountIdOrDefault, fundId: state$2.fundId, authToken: superSelectionAppService.jwt });
+    const handleMessage = (event) => {
+      var _a;
+      const { data } = event;
+      if (!data) {
+        return;
+      }
+      if (data.sender === 'promoted-fund-redirect') {
+        window.removeEventListener('message', handleMessage);
+        switch (data.type) {
+          case 'cancel':
+            navigationService.navigateInternally(history, SuperSelectionAppRoutes.ChoicePage);
+            break;
+          case 'success':
+            if (data.memberNumber) {
+              navigationService.navigateInternallyToStandardChoice({
+                history,
+                fundName: (_a = getFundNameById(state$2.fundId)) !== null && _a !== void 0 ? _a : '',
+                handleSubmitFn: (standardChoiceFormSignature) => promotedFundChoiceApi.submitChoiceAsync(Object.assign(Object.assign({}, state$2), { memberNumber: data.memberNumber, usi: data.usi.replace(/ /g, ''), standardChoiceFormSignature, shownFunds: superSelectionAppService.promotedFunds })),
+                promotedFundId: state$2.fundId
+              });
+              break;
+            }
+          /* falls through */
+          default:
+            navigationService.navigateInternally(history, SuperSelectionAppRoutes.ChoicePage);
+            break;
+        }
+        return;
+      }
+      if (data.sender === 'promoted-fund-join') {
+        switch (data.type) {
+          case 'contentResized':
+            iframe$1.height = data.height > 0 ? data.height : iframe$1.height;
+            iframe$1.width = data.width > 0 ? data.width : iframe$1.width;
+            break;
+          case 'pageNavigated':
+            window.scroll(iframe$1.offsetLeft, iframe$1.offsetTop);
+            iframe.navigation(window.location.href);
+            break;
+        }
+      }
+    };
+    window.addEventListener('message', handleMessage);
+    const iframeDoc = iframe$1.contentDocument;
+    iframeDoc.open();
+    const form = iframeDoc.createElement('form');
+    form.method = 'POST';
+    form.target = '_self';
+    form.action = this.promotedFundJoinAppUrl();
+    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();
+  }
+  getMemberData() {
+    var _a, _b;
+    const superBuyer = superSelectionAppService.superBuyer;
+    return {
+      title: superBuyer.userProfile.title,
+      firstName: superBuyer.userProfile.firstName,
+      middleName: superBuyer.userProfile.middleName,
+      lastName: superBuyer.userProfile.lastName,
+      dateOfBirth: superBuyer.userProfile.dateOfBirth,
+      gender: 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
+    };
+  }
+}
+const PromotedFundJoinV2IFrameBuilder$1 = new PromotedFundJoinV2IFrameBuilder();
+
+const PromotedFundJoinV2Page = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
   }
   render() {
-    return (index.h(index.Host, { class: "w-screen" }, index.h("iframe", { width: "100%", height: window.innerHeight, style: { border: 'none' }, ref: (el) => (this.iframeElement = el) })));
+    return (index.h("sss-iframe-host", { build: (iframe) => PromotedFundJoinV2IFrameBuilder$1.build(iframe, this.history) }));
   }
 };
 
@@ -4553,6 +4726,7 @@ const SelfManagedFund = class {
     index.registerInstance(this, hostRef);
     this.showSmsfNotSupported = false;
     this.isSubmitDisabled = true;
+    this.isAbnValid = false;
     this.eventTrackingService = EventTrackingService.Instance;
     this.success = () => {
       navigationService.navigateInternallyToStandardChoice({
@@ -4590,9 +4764,14 @@ const SelfManagedFund = class {
   render() {
     return (index.h(index.Host, null, index.h("sss-header-section", { currentPage: "own-fund" }), index.h("div", { class: "flex justify-center mt-11" }, index.h("sss-custom-fund", null, index.h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: {
         'was-validated': this.formState === 'validated'
-      }, ref: (el) => (this.formElement = el), onInput: (_) => (this.isSubmitDisabled = !this.formElement.checkValidity()) }, index.h("div", { class: "p-4 sm:p-6 border shadow-sm rounded-lg max-w-560" }, index.h("p", { class: "sm:text-lg font-bold" }, "Fund details"), index.h("div", { class: "bg-yellow-50 border-l-4 border-yellow-400 p-4 my-3" }, index.h("div", { class: "flex" }, index.h("div", { class: "flex-shrink-0" }, index.h("img", { class: "h-5 w-5", src: index.getAssetPath('assets/icon-exclamation.svg') })), index.h("div", { class: "ml-3 text-sm text-yellow-700 leading-5" }, "Make sure your Self-managed super fund (SMSF) is a registered fund before completing this step."))), index.h("sss-self-managed-fund-inputs", { fundForm: state$1.selfManagedFundForm, showValidationErrors: this.formState === 'validated', onFormChanged: (event) => {
+      }, ref: (el) => (this.formElement = el) }, index.h("div", { class: "p-4 sm:p-6 border shadow-sm rounded-lg max-w-560" }, index.h("p", { class: "sm:text-lg font-bold" }, "Fund details"), index.h("div", { class: "bg-yellow-50 border-l-4 border-yellow-400 p-4 my-3" }, index.h("div", { class: "flex" }, index.h("div", { class: "flex-shrink-0" }, index.h("img", { class: "h-5 w-5", src: index.getAssetPath('assets/icon-exclamation.svg') })), index.h("div", { class: "ml-3 text-sm text-yellow-700 leading-5" }, "Make sure your Self-managed super fund (SMSF) is a registered fund before completing this step."))), index.h("sss-self-managed-fund-inputs", { fundForm: state$1.selfManagedFundForm, showValidationErrors: this.formState === 'validated', onFormChanged: (event) => {
         state$1.selfManagedFundForm = Object.assign(Object.assign({}, state$1.selfManagedFundForm), event.detail);
-      } })), index.h("div", { class: "flex justify-center mt-8" }, index.h("div", { class: "sm:max-w-320 w-full" }, index.h("div", { class: "mb-4" }, index.h("sss-button", { fillWidth: true, promiseFn: () => this.handleSubmitForm(), disabled: this.isSubmitDisabled }, "Continue")), index.h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage }, index.h("sss-button", { fillWidth: true, variant: "secondary" }, "Back")))), this.showSmsfNotSupported && (index.h("sss-smsf-not-supported-dialog", { ref: (el) => (this.notSupportedDialog = el), onContinue: this.success })))))));
+        if (event.detail.isAbnValid !== undefined)
+          this.isAbnValid = event.detail.isAbnValid;
+        this.isSubmitDisabled = !this.formElement.checkValidity() || !this.isAbnValid;
+      } })), index.h("div", { class: "flex justify-center mt-8" }, index.h("div", { class: "sm:max-w-320 w-full" }, index.h("div", { class: "mb-4", onClick: 
+      // user clicks on disabled button (div wrapper) then validation errors will show
+      () => (this.formState = 'validated') }, index.h("sss-button", { fillWidth: true, promiseFn: () => this.handleSubmitForm(), disabled: this.isSubmitDisabled }, "Continue")), index.h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage }, index.h("sss-button", { fillWidth: true, variant: "secondary" }, "Back")))), this.showSmsfNotSupported && (index.h("sss-smsf-not-supported-dialog", { ref: (el) => (this.notSupportedDialog = el), onContinue: this.success })))))));
   }
   componentDidRender() {
     var _a;
@@ -4728,6 +4907,7 @@ const SelfManagedFundInputs = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.formChanged = index.createEvent(this, "formChanged", 7);
+    this.isAbnValid = false;
     this.currentBank = none;
     this.addressErrorMessage = none;
     this.stateOptions = [
@@ -4749,19 +4929,23 @@ const SelfManagedFundInputs = class {
       'invalid:border-red-300 invalid:text-red-900 invalid:placeholder-red-300 invalid:focus:ring-red-500 invalid:focus:border-red-500': this
         .showValidationErrors
     };
-    return (index.h("div", null, index.h("div", null, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Fund name"), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: inputClass, required: true, minlength: "2", name: "fundName", id: "fundName", value: state$1.selfManagedFundForm.fundName, onChange: (ev) => this.updateFormField('fundName', ev.target.value.trim()) }), index.h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid fund name"))), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Fund ABN"), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: inputClass, required: true, minlength: "2", name: "fundAbn", id: "fundAbn", value: state$1.selfManagedFundForm.fundAbn, onChange: (ev) => this.updateFormField('fundAbn', ev.target.value.trim()) }), index.h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid fund ABN"))), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Electronic service address alias (ESA)"), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: inputClass, required: true, minlength: "2", name: "fundEsa", id: "fundEsa", value: state$1.selfManagedFundForm.fundEsa, onChange: (ev) => this.updateFormField('fundEsa', ev.target.value.trim()) }), index.h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid fund ESA"))), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Fund address"), index.h("div", { class: "mt-1 rounded-md shadow-sm -space-y-px" }, index.h("input", { placeholder: "Address line 1", type: "text", class: Object.assign(Object.assign({}, inputClass), { 'rounded-none rounded-t-md shadow-none': true }), required: true, minlength: "2", name: "addressLine1", id: "addressLine1", value: state$1.selfManagedFundForm.addressLine1, onChange: (ev) => {
+    return (index.h("div", null, index.h("div", null, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Fund name"), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: inputClass, required: true, minlength: "2", name: "fundName", id: "fundName", value: state$1.selfManagedFundForm.fundName, onChange: (ev) => this.updateFormField('fundName', ev.target.value.trim()) }), index.h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid fund name"))), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Fund ABN"), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: inputClass, required: true, minlength: "2", name: "fundAbn", id: "fundAbn", value: state$1.selfManagedFundForm.fundAbn, inputmode: "numeric", pattern: "[0-9]*", onKeyUp: (ev) => {
+        this.updateFormField('fundAbn', ev.target.value.trim());
+        this.isAbnValid = this.validateAbn(ev.target.value);
+        this.updateFormField('isAbnValid', this.isAbnValid);
+      } }), this.showValidationErrors && !this.isAbnValid && (index.h("div", { class: "mt-2 text-sm text-red-600" }, "Enter a valid fund ABN (digits only)")))), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Electronic service address alias (ESA)"), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: inputClass, required: true, minlength: "2", name: "fundEsa", id: "fundEsa", value: state$1.selfManagedFundForm.fundEsa, onChange: (ev) => this.updateFormField('fundEsa', ev.target.value.trim()) }), index.h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid fund ESA"))), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Fund address"), index.h("div", { class: "mt-1 rounded-md shadow-sm -space-y-px" }, index.h("input", { placeholder: "Address line 1", type: "text", class: Object.assign(Object.assign({}, inputClass), { 'rounded-none rounded-t-md shadow-none': true }), required: true, minlength: "2", name: "addressLine1", id: "addressLine1", value: state$1.selfManagedFundForm.addressLine1, onChange: (ev) => {
         this.updateFormField('addressLine1', ev.target.value.trim());
         this.updateAddressErrorMessage();
       }, ref: (el) => (this.addressLine1Element = el) }), index.h("input", { placeholder: "Address line 2 (optional)", type: "text", class: Object.assign(Object.assign({}, inputClass), { 'rounded-none shadow-none': true }), name: "addressLine2", id: "addressLine2", value: state$1.selfManagedFundForm.addressLine2, onChange: (ev) => this.updateFormField('addressLine2', ev.target.value.trim()) }), index.h("input", { placeholder: "City/suburb", type: "text", class: Object.assign(Object.assign({}, inputClass), { 'rounded-none shadow-none': true }), name: "city", required: true, id: "city", value: state$1.selfManagedFundForm.city, onChange: (ev) => {
         this.updateFormField('city', ev.target.value.trim());
         this.updateAddressErrorMessage();
-      }, ref: (el) => (this.cityElement = el) }), index.h("div", { class: "flex -space-x-px" }, index.h("div", { class: "w-1/2 flex-1 min-w-0" }, index.h("input", { placeholder: "Postcode", type: "text", required: true, class: Object.assign(Object.assign({}, inputClass), { 'rounded-none rounded-bl-md shadow-none': true }), name: "postcode", minlength: "4", maxlength: "4", pattern: "[0-9]{4}", id: "postcode", value: state$1.selfManagedFundForm.postcode, onChange: (ev) => {
+      }, ref: (el) => (this.cityElement = el) }), index.h("div", { class: "flex -space-x-px" }, index.h("div", { class: "w-1/2 flex-1 min-w-0" }, index.h("input", { placeholder: "Postcode", type: "text", required: true, class: Object.assign(Object.assign({}, inputClass), { 'rounded-none rounded-bl-md shadow-none': true }), name: "postcode", minlength: "4", maxlength: "4", pattern: "[0-9]{4}", id: "postcode", value: state$1.selfManagedFundForm.postcode, inputmode: "numeric", onChange: (ev) => {
         this.updateFormField('postcode', ev.target.value.trim());
         this.updateAddressErrorMessage();
-      }, ref: (el) => (this.postcodeElement = el) })), index.h("div", { class: "flex-1 min-w-0" }, index.h("select", { class: Object.assign(Object.assign({}, inputClass), { 'rounded-none rounded-br-md shadow-none': true, 'text-gray-500': !this.fundForm.state }), name: "state", required: true, id: "state", onChange: (ev) => {
+      }, ref: (el) => (this.postcodeElement = el) })), index.h("div", { class: "flex-1 min-w-0" }, index.h("select", { class: Object.assign(Object.assign({}, inputClass), { 'rounded-none rounded-br-md shadow-none': true, 'text-gray-500': this.fundForm.state !== undefined }), name: "state", required: true, id: "state", onChange: (ev) => {
         this.updateFormField('state', ev.target.value.trim());
         this.updateAddressErrorMessage();
-      }, ref: (el) => (this.stateElement = el) }, index.h("option", { disabled: true, selected: !this.fundForm.state, value: "" }, "State"), this.stateOptions.map((s) => (index.h("option", { value: s.value, selected: this.fundForm.state === s.value }, s.label))))))), isSome(this.addressErrorMessage) && this.showValidationErrors && (index.h("div", { class: "mt-2 text-sm text-red-600" }, this.addressErrorMessage.value))), index.h("h3", { class: "text-lg font-bold mt-6" }, "Fund bank details"), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Account name"), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", required: true, class: inputClass, name: "bankAccountName", minlength: "2", id: "bankAccountName", value: state$1.selfManagedFundForm.bankAccountName, onChange: (ev) => this.updateFormField('bankAccountName', ev.target.value.trim()) }), index.h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid bank account name"))), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "BSB"), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", required: true, class: inputClass, name: "bsb", id: "bsb", minlength: "6", maxlength: "7", onKeyUp: (ev) => this.updateCurrentBank(ev), pattern: this.bsbRegex.source, value: state$1.selfManagedFundForm.bsb }), index.h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid BSB"))), isSome(this.currentBank) && (index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Bank name"), index.h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-sm" }, this.currentBank.value))), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Account number"), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", required: true, class: inputClass, name: "bankAccountNumber", id: "bankAccountNumber", minlength: "2", maxlength: "11", pattern: this.bankAccountNumberRegex.source, value: state$1.selfManagedFundForm.bankAccountNumber, onKeyUp: (ev) => this.updateCurrentBankAccountNumber(ev), onChange: (ev) => this.updateFormField('bankAccountNumber', ev.target.value.trim()) }), index.h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid bank account number")))));
+      }, ref: (el) => (this.stateElement = el) }, index.h("option", { disabled: true, selected: this.fundForm.state !== undefined, value: "" }, "State"), this.stateOptions.map((s) => (index.h("option", { value: s.value, selected: this.fundForm.state === s.value }, s.label))))))), isSome(this.addressErrorMessage) && this.showValidationErrors && (index.h("div", { class: "mt-2 text-sm text-red-600" }, this.addressErrorMessage.value))), index.h("h3", { class: "text-lg font-bold mt-6" }, "Fund bank details"), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Account name"), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", required: true, class: inputClass, name: "bankAccountName", minlength: "2", id: "bankAccountName", value: state$1.selfManagedFundForm.bankAccountName, onChange: (ev) => this.updateFormField('bankAccountName', ev.target.value.trim()) }), index.h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid bank account name"))), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "BSB"), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", required: true, class: inputClass, name: "bsb", id: "bsb", minlength: "6", maxlength: "7", inputmode: "numeric", onKeyUp: (ev) => this.updateCurrentBank(ev), pattern: this.bsbRegex.source, value: state$1.selfManagedFundForm.bsb }), index.h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid BSB"))), isSome(this.currentBank) && (index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Bank name"), index.h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-sm" }, this.currentBank.value))), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Account number"), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", required: true, class: inputClass, name: "bankAccountNumber", id: "bankAccountNumber", minlength: "2", maxlength: "11", pattern: this.bankAccountNumberRegex.source, inputmode: "numeric", value: state$1.selfManagedFundForm.bankAccountNumber, onKeyUp: (ev) => this.updateCurrentBankAccountNumber(ev), onChange: (ev) => this.updateFormField('bankAccountNumber', ev.target.value.trim()) }), index.h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid bank account number")))));
   }
   updateFormField(key, value) {
     this.formChanged.emit({ [key]: value });
@@ -4803,6 +4987,17 @@ const SelfManagedFundInputs = class {
     }
     this.addressErrorMessage = message;
   }
+  validateAbn(abn) {
+    const digitArray = abn.split('').map(Number);
+    const isAllDigits = digitArray.every((d) => !isNaN(d));
+    if (!isAllDigits || digitArray.length !== 11) {
+      return false;
+    }
+    const weightingFactors = [10, 1, 3, 5, 7, 9, 11, 13, 15, 17, 19];
+    digitArray[0]--;
+    const sum = digitArray.reduce((sum, digit, i) => sum + digit * weightingFactors[i], 0);
+    return sum % 89 === 0;
+  }
 };
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -5009,11 +5204,8 @@ const SlateJoinPage = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
   }
-  componentDidLoad() {
-    slateIFrameBuilder.build(this.iframeElement, this.history);
-  }
   render() {
-    return (index.h(index.Host, { class: "w-screen" }, index.h("iframe", { width: "100%", height: window.innerHeight, style: { border: 'none' }, ref: (el) => (this.iframeElement = el) })));
+    return index.h("sss-iframe-host", { build: (iframe) => slateIFrameBuilder.build(iframe, this.history) });
   }
 };
 
@@ -5129,6 +5321,9 @@ const SuperChoicePage = class {
       } }, index.h("sss-super-choice-item-bottom", { disclaimer: fund.disclaimer, abnInfo: fund.abnInfo, abn: fund.abn, onJoinFundClicked: async () => this.handleJoinSuperClickAsync(fund) })))))), index.h("div", { class: "flex justify-center mt-8 sm:mt-12" }, index.h("div", { class: "pb-8 sm:pb-12 max-w-720 border-b" }, index.h("h5", { class: "font-bold sm:text-lg" }, "Or, choose another super fund:"), index.h("ul", { class: "list-disc list-outside ml-6 mt-3 mb-6 space-y-2 leading-6 text-sm sm:text-base" }, index.h("li", null, "Select this option if you'd like to use your current account with another super fund, your self-managed super fund, or your employer's default fund."), index.h("li", null, "If you are unsure of your current super fund details, you can find out at", ' ', index.h("a", { class: "text-primary-base font-medium", target: "_blank", href: navigationService.toExternalUrl(mygovLink) }, mygovLinkDisplay)), index.h("li", null, "A full list of super funds can be viewed at", ' ', index.h("a", { class: "text-primary-base font-medium", target: "_blank", href: navigationService.toExternalUrl(superfundsLink) }, superfundsLinkDisplay))), index.h("stencil-route-link", { url: SuperSelectionAppRoutes.MyOwnFund }, index.h("sss-button", { fillWidthOnMobile: true }, "Choose another super fund")))), FeatureFlagService.isNewComplianceEnabled() && (index.h("div", { class: "flex justify-center" }, index.h("div", { class: "pt-8 sm:pt-12 max-w-720" }, index.h("h5", { class: "font-semibold" }, "IMPORTANT INFORMATION:"), index.h("ul", { class: "list-disc list-outside ml-6 mt-3 space-y-2 text-sm leading-6" }, index.h("li", null, "The superannuation funds featured above are for your information only. The order, position and placement of content should not be interpreted as an opinion or recommendation (actual or implied) by Flare as to the suitability or appropriateness of any superannuation fund for you. In featuring these superannuation funds, Flare has not taken into account your objectives, financial situation or needs."), index.h("li", null, "This is not a comparison service. This page contains factual information only and does not constitute either general or personal advice about any financial products. We do not take into account your objectives, financial situation or needs. If you have questions or need help making a decision about your superannuation fund, you should speak to a licensed financial product advice provider."), index.h("li", null, "Flare, the technology partner you are accessing Flare via and your employer do not endorse or accept responsibility for any financial product advice or services provided by the promoters or trustees of the featured superannuation funds. Flare does not endorse or accept responsibility for any of the content shown about any of the featured superannuation funds."), index.h("li", null, "You should consider the relevant superannuation fund\u2019s PDS and TMD (if applicable) in deciding whether to apply to join the superannuation fund. Each of the superannuation funds featured above include a link to their PDS and TMD (if applicable) for your convenience. If you are considering joining another superannuation fund, you can typically find the PDS and TMD (if applicable) on that fund\u2019s website."), index.h("li", null, "You should be aware that, if you do choose one of the featured superannuation funds, Flare and it\u2019s associates will normally receive a fee for you doing so (this includes Simple Financial Choices Pty Ltd, a wholly owned subsidiary of Flare, which is a sub-promoter of Slate Super)."))))))));
   }
   allFunds() {
+    const Link = (props, children) => {
+      return (index.h("a", { class: "font-medium underline", target: "_blank", href: navigationService.toExternalUrl(props.href), onClick: props.onClick }, children));
+    };
     return [
       {
         fundId: Slate.Id,
@@ -5140,7 +5335,7 @@ const SuperChoicePage = class {
           { order: 2, value: 'Advanced mobile app with retirement forecast and smart features' },
           { order: 3, value: 'Member advocates at Slate to assist with your account' }
         ],
-        disclaimer: (index.h("p", { class: "small text-muted" }, "You should consider the", ' ', index.h("a", { class: "font-medium underline", target: "_blank", href: navigationService.toExternalUrl(Slate.PdsUrl), onClick: () => this.pdsViewedAsync(Slate.Name, Slate.Usi) }, "Product Disclosure Statement"), ' ', "and", ' ', index.h("a", { class: "font-medium underline", target: "_blank", href: navigationService.toExternalUrl('https://slate.co/forms-and-documents/target-market-determination/') }, "Target Market Determination"), ' ', "before deciding to invest in or apply to become a member of the fund.")),
+        disclaimer: (index.h("p", { class: "small text-muted" }, "You should consider the", ' ', index.h(Link, { href: Slate.PdsUrl, onClick: () => this.pdsViewedAsync(Slate.Name, Slate.Usi) }, "Product Disclosure Statement"), ' ', "and", ' ', index.h(Link, { href: "https://slate.co/forms-and-documents/target-market-determination/" }, "Target Market Determination"), ' ', "before deciding to invest in or apply to become a member of the fund.")),
         abnInfo: `Diversa Trustees Limited`,
         abn: Slate.DiversaAbn
       },
@@ -5148,14 +5343,14 @@ const SuperChoicePage = class {
         fundId: AustralianRetirementTrust.Id,
         name: AustralianRetirementTrust.Name,
         logo: 'logo-art.svg',
-        route: SuperSelectionAppRoutes.PromotedFundJoin,
+        route: SuperSelectionAppRoutes.PromotedFundJoinV1,
         features: [
           { order: 1, value: '$200 billion in retirement savings' },
           { order: 2, value: '2+ million members' },
           { order: 3, value: 'A focus on delivering strong, long‑term returns' }
         ],
         featureSubText: 'QSuper is now part of Australian Retirement Trust. If you have an existing QSuper account, you will continue to hold that account by selecting this option.',
-        disclaimer: (index.h("p", null, "You should consider the", ' ', index.h("a", { class: "font-medium underline", target: "_blank", href: navigationService.toExternalUrl(AustralianRetirementTrust.PdsUrl), onClick: () => this.pdsViewedAsync(AustralianRetirementTrust.Name) }, "Product Disclosure Statement"), ' ', "and", ' ', index.h("a", { class: "font-medium underline", target: "_blank", href: navigationService.toExternalUrl('https://www.australianretirementtrust.com.au/tmd') }, "Target Market Determination"), ' ', "before deciding to invest in or apply to become a member of this fund.")),
+        disclaimer: (index.h("p", null, "You should consider the", ' ', index.h(Link, { href: AustralianRetirementTrust.PdsUrl, onClick: () => this.pdsViewedAsync(AustralianRetirementTrust.Name) }, "Product Disclosure Statement"), ' ', "and", ' ', index.h(Link, { href: "https://www.australianretirementtrust.com.au/tmd" }, "Target Market Determination"), ' ', "before deciding to invest in or apply to become a member of this fund.")),
         abnInfo: `Australian Retirement Trust`,
         abn: AustralianRetirementTrust.Abn
       },
@@ -5163,13 +5358,13 @@ const SuperChoicePage = class {
         fundId: Aware.Id,
         name: Aware.Name,
         logo: 'logo-aware.svg',
-        route: SuperSelectionAppRoutes.PromotedFundJoin,
+        route: SuperSelectionAppRoutes.PromotedFundJoinV1,
         features: [
           { order: 1, value: 'Acting on climate change' },
           { order: 2, value: 'All profits go to members' },
           { order: 3, value: 'One of Australia’s largest funds' }
         ],
-        disclaimer: (index.h("p", null, "You should consider the", ' ', index.h("a", { class: "font-medium underline", target: "_blank", href: navigationService.toExternalUrl(Aware.PdsUrl), onClick: () => this.pdsViewedAsync(Aware.Name) }, "Product Disclosure Statement"), ' ', "before deciding to invest in or apply to become a member of this fund.")),
+        disclaimer: (index.h("p", null, "You should consider the", ' ', index.h(Link, { href: Aware.PdsUrl, onClick: () => this.pdsViewedAsync(Aware.Name) }, "Product Disclosure Statement"), ' ', "before deciding to invest in or apply to become a member of this fund.")),
         abnInfo: `Aware Super Pty Ltd`,
         abn: Aware.Abn
       },
@@ -5177,14 +5372,38 @@ const SuperChoicePage = class {
         fundId: Active.Id,
         name: Active.Name,
         logo: 'logo-active.svg',
-        route: SuperSelectionAppRoutes.PromotedFundJoin,
+        route: SuperSelectionAppRoutes.PromotedFundJoinV1,
         features: [
           { order: 1, value: "One of Canstar's top-performing funds*" },
           { order: 2, value: 'Recognised as a leader in responsible investment' },
           { order: 3, value: 'Calls answered in 20 seconds (average over 5 years)' }
         ],
         featureSubText: '*Past performance is not a reliable indicator of future performance. As at 22 April 2022, Active Super is ranked among Canstar’s top five funds for 18-49 year-olds with a balance up to $250,000 based on returns over 5 years in the Accumulation Scheme.',
-        disclaimer: (index.h("p", null, "Issued by LGSS Pty Limited as trustee for Local Government Super (Active Super ABN:28 901 371 321). Consider the PDS and TMD at", ' ', index.h("a", { class: "font-medium underline", target: "_blank", onClick: () => this.pdsViewedAsync(Active.Name), href: navigationService.toExternalUrl(Active.PdsUrl) }, "activesuper.com.au"), ' ', "before making a decision."))
+        disclaimer: (index.h("p", null, "Issued by LGSS Pty Limited as trustee for Local Government Super (Active Super ABN:28 901 371 321). Consider the PDS and TMD at", ' ', index.h(Link, { onClick: () => this.pdsViewedAsync(Active.Name), href: Active.PdsUrl }, "activesuper.com.au"), ' ', "before making a decision."))
+      },
+      {
+        fundId: AustralianEthical.Id,
+        name: AustralianEthical.Name,
+        logo: 'logo-slate.png',
+        route: SuperSelectionAppRoutes.PromotedFundJoinV2,
+        features: [
+          { order: 1, value: 'TODO #1' },
+          { order: 2, value: 'TODO #2' },
+          { order: 3, value: 'TODO #3' }
+        ],
+        disclaimer: (index.h("p", null, "You should consider the", ' ', index.h(Link, { href: AustralianEthical.PdsUrl, onClick: () => this.pdsViewedAsync(AustralianEthical.Name) }, "Product Disclosure Statement"), ' ', "before deciding to invest in or apply to become a member of this fund."))
+      },
+      {
+        fundId: Virgin.Id,
+        name: Virgin.Name,
+        logo: 'logo-slate.png',
+        route: SuperSelectionAppRoutes.PromotedFundJoinV2,
+        features: [
+          { order: 1, value: 'TODO #1' },
+          { order: 2, value: 'TODO #2' },
+          { order: 3, value: 'TODO #3' }
+        ],
+        disclaimer: (index.h("p", null, "You should consider the", ' ', index.h(Link, { href: Virgin.PdsUrl, onClick: () => this.pdsViewedAsync(Virgin.Name) }, "Product Disclosure Statement"), ' ', "before deciding to invest in or apply to become a member of this fund."))
       }
     ];
   }
@@ -5199,39 +5418,15 @@ const SuperChoicePage = class {
     return fundTiles;
   }
   async handleJoinSuperClickAsync(fund) {
+    var _a;
     const promotedFundsShown = superSelectionAppService.promotedFunds;
-    if (fund.fundId === Slate.Id) {
-      await this.eventTrackingService.TrackPromotedSuperFundDetailViewedAsync({
-        fundUsi: Slate.Usi,
-        fundName: Slate.Name,
-        promotedFundId: Slate.Id,
-        promotedFundsShown
-      });
-    }
-    else if (fund.fundId === AustralianRetirementTrust.Id) {
-      await this.eventTrackingService.TrackPromotedSuperFundDetailViewedAsync({
-        fundName: AustralianRetirementTrust.Name,
-        promotedFundId: AustralianRetirementTrust.Id,
-        promotedFundsShown
-      });
-      state$2.fundId = fund.fundId;
-    }
-    else if (fund.fundId === Aware.Id) {
-      await this.eventTrackingService.TrackPromotedSuperFundDetailViewedAsync({
-        fundName: Aware.Name,
-        promotedFundId: Aware.Id,
-        promotedFundsShown
-      });
-      state$2.fundId = fund.fundId;
-    }
-    else if (fund.fundId === Active.Id) {
-      await this.eventTrackingService.TrackPromotedSuperFundDetailViewedAsync({
-        fundName: Active.Name,
-        promotedFundId: Active.Id,
-        promotedFundsShown
-      });
-      state$2.fundId = fund.fundId;
-    }
+    await this.eventTrackingService.TrackPromotedSuperFundDetailViewedAsync({
+      fundUsi: getFundUsiById(fund.fundId),
+      fundName: (_a = getFundNameById(fund.fundId)) !== null && _a !== void 0 ? _a : '',
+      promotedFundId: fund.fundId,
+      promotedFundsShown
+    });
+    state$2.fundId = fund.fundId;
     return navigationService.navigateInternally(this.history, fund.route);
   }
   pdsViewedAsync(name, usi) {
@@ -6255,7 +6450,8 @@ const SuperSelectionApp = class {
   }
   isFundJoinPage() {
     return (window.location.pathname.includes(SuperSelectionAppRoutes.SlateJoin) ||
-      window.location.pathname.includes(SuperSelectionAppRoutes.PromotedFundJoin));
+      window.location.pathname.includes(SuperSelectionAppRoutes.PromotedFundJoinV1) ||
+      window.location.pathname.includes(SuperSelectionAppRoutes.PromotedFundJoinV2));
   }
   static get assetsDirs() { return ["assets"]; }
   static get watchers() { return {
@@ -16630,11 +16826,13 @@ exports.sss_dropdown_async = SelectInputAsync;
 exports.sss_existing_choice_page = ExistingChoice;
 exports.sss_footer_section = FooterSection;
 exports.sss_header_section = HeaderSection;
+exports.sss_iframe_host = IFrameHost;
 exports.sss_loading_indicator = LoadingIndicator;
 exports.sss_loading_page = LoadingPage;
 exports.sss_my_own_fund = MyOwnFund;
 exports.sss_my_own_fund_inputs = MyOwnFundInputs;
-exports.sss_promoted_fund_join_page = PromotedFundJoinPage;
+exports.sss_promoted_fund_join_v1_page = PromotedFundJoinV1Page;
+exports.sss_promoted_fund_join_v2_page = PromotedFundJoinV2Page;
 exports.sss_self_managed_fund = SelfManagedFund;
 exports.sss_self_managed_fund_inputs = SelfManagedFundInputs;
 exports.sss_slate_join_page = SlateJoinPage;