@flarehr/apollo-super-selection 5.12.47777 → 5.14.48686

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

@@ -16,5 +16,5 @@ const patchBrowser = () => {
 
 patchBrowser().then(options => {
   globalScripts();
-  return bootstrapLazy([["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]}]]],["sss-button_41",[[0,"sss-prefill",{"history":[16],"prefill":[32]}],[0,"sss-my-own-fund",{"history":[16],"formState":[32],"isNotAllInformationProvidedMessageVisible":[32],"isSubmitDisabled":[32]}],[0,"sss-self-managed-fund",{"history":[16],"formState":[32],"isSubmitDisabled":[32]}],[0,"sss-super-choice-page",{"history":[16],"promotedFunds":[32]}],[1,"super-selection-app-host",{"sessionState":[32],"jwt":[32],"appConfiguration":[32],"ignoreExistingSelection":[32]}],[0,"sss-default-fund",{"history":[16],"defaultFundProductName":[32]}],[0,"sss-consent-page",{"history":[16],"campaignConnectRequestInProgress":[32]}],[0,"sss-existing-choice-page",{"history":[16],"existingFund":[32]}],[0,"sss-standard-choice-form",{"history":[16],"standardChoiceFormSignature":[32],"formState":[32],"isSubmitDisabled":[32]}],[0,"sss-promoted-fund-join-v1-page",{"history":[16]}],[0,"sss-promoted-fund-join-v2-page",{"history":[16]}],[0,"sss-slate-join-page",{"history":[16]}],[0,"sss-success"],[0,"sss-super-campaign-host",{"history":[16],"componentLoaded":[32],"backendUrl":[32],"accessToken":[32]}],[0,"sss-prefill-my-own-fund",{"history":[16],"prefill":[16],"mode":[32],"formState":[32],"isSubmitDisabled":[32],"fundUsi":[32],"fundName":[32],"memberNumber":[32],"memberGivenNames":[32],"memberLastName":[32]}],[0,"sss-prefill-smsf",{"history":[16],"prefill":[16],"mode":[32],"formState":[32],"isSubmitDisabled":[32],"fundName":[32],"fundAbn":[32],"fundEsa":[32],"fundAddressLine1":[32],"fundAddressLine2":[32],"fundAddressCity":[32],"fundAddressPostcode":[32],"fundAddressState":[32],"fundAddress":[32],"memberGivenNames":[32],"memberLastName":[32],"bankAccountName":[32],"bankName":[32],"bankAccountBsb":[32],"bankAccountNumber":[32]}],[0,"sss-prefill-invalid-my-own-fund",{"history":[16],"prefill":[16],"fundUsi":[32],"fundName":[32],"memberNumber":[32],"memberGivenNames":[32],"memberLastName":[32]}],[0,"sss-prefill-invalid-smsf",{"history":[16],"prefill":[16],"fundName":[32],"fundAbn":[32],"fundEsa":[32],"fundAddressLine1":[32],"fundAddressLine2":[32],"fundAddressCity":[32],"fundAddressPostcode":[32],"fundAddressState":[32],"fundAddress":[32],"memberGivenNames":[32],"memberLastName":[32],"bankAccountName":[32],"bankAccountBsb":[32],"bankAccountNumber":[32]}],[1,"super-selection-app",{"ignoreExistingSelection":[4,"ignore-existing-selection"],"accessToken":[1,"access-token"],"backendUrl":[1,"backend-url"],"appBaseUrl":[1,"app-base-url"],"history":[16],"location":[16],"isSelfHosted":[4,"is-self-hosted"],"isAppInitialised":[32]}],[0,"sss-my-own-fund-inputs",{"myOwnFundForm":[16],"showValidationErrors":[4,"show-validation-errors"],"selectedOption":[32]}],[0,"sss-loading-super-indicator"],[0,"sss-self-managed-fund-inputs",{"fundForm":[16],"showValidationErrors":[4,"show-validation-errors"],"isAbnValid":[32],"isAbnTouched":[32],"isAbnUsedForRegulated":[32],"currentBank":[32],"addressErrorMessage":[32]}],[0,"sss-super-choice-item-bottom",{"disclaimer":[16],"abnInfo":[1,"abn-info"],"abn":[1],"isMultiFund":[4,"is-multi-fund"]}],[0,"sss-loading-page"],[0,"sss-super-choice-item-top",{"name":[1],"logo":[1],"features":[16],"featureSubText":[16],"customContent":[16],"isMultiFund":[4,"is-multi-fund"],"isPromotedDefault":[4,"is-promoted-default"],"extraBadge":[16]}],[4,"sss-loading-component",{"header":[1]}],[0,"sss-dropdown-async",{"placeholder":[1],"searchFunction":[16],"value":[16],"required":[4],"requiredValidationMessage":[1,"required-validation-message"],"disabled":[4],"minSearchStringLength":[2,"min-search-string-length"],"showValidationErrors":[4,"show-validation-errors"],"searchState":[32],"inputValue":[32],"isDropdownVisible":[32],"filteredOptions":[32],"highlightedOptionIndex":[32],"selectedOption":[32]},[[2,"focus","handleFocus"],[2,"blur","handleBlur"],[2,"keydown","handleKeyDown"]]],[0,"sss-footer-section",{"textOverride":[16]}],[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],"showFundOptionsSelection":[32]}],[0,"sss-iframe-host",{"build":[16]}],[0,"sss-prefill-warning-box",{"notificationList":[16]}],[0,"sss-header-section",{"currentPage":[1,"current-page"]}],[0,"sss-name-input",{"value":[1],"name":[1],"readableName":[1,"readable-name"],"showValidationErrors":[4,"show-validation-errors"],"errorMessage":[32]}],[0,"sss-prefill-display-field",{"field":[16]}],[0,"sss-prefill-error-box",{"withHeader":[4,"with-header"],"notificationList":[16]}],[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,"sss-button",{"fillWidth":[4,"fill-width"],"fillWidthOnMobile":[4,"fill-width-on-mobile"],"disabled":[4],"variant":[1],"size":[1],"promiseFn":[16],"state":[32]}],[0,"sss-loading-indicator",{"theme":[1],"size":[2]}],[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"]}]]]], options);
+  return bootstrapLazy([["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]}]]],["sss-button_43",[[0,"sss-prefill",{"history":[16],"prefill":[32]}],[0,"sss-my-own-fund",{"history":[16],"formState":[32],"isNotAllInformationProvidedMessageVisible":[32],"isSubmitDisabled":[32]}],[0,"sss-super-choice-page-wrapper",{"history":[16]}],[0,"sss-self-managed-fund",{"history":[16],"formState":[32],"isSubmitDisabled":[32]}],[0,"sss-consent-page-wrapper",{"history":[16]}],[1,"super-selection-app-host",{"sessionState":[32],"jwt":[32],"appConfiguration":[32],"ignoreExistingSelection":[32]}],[0,"sss-default-fund",{"history":[16],"defaultFundProductName":[32]}],[0,"sss-existing-choice-page",{"history":[16],"existingFund":[32]}],[0,"sss-standard-choice-form",{"history":[16],"standardChoiceFormSignature":[32],"formState":[32],"isSubmitDisabled":[32]}],[0,"sss-promoted-fund-join-v1-page",{"history":[16]}],[0,"sss-promoted-fund-join-v2-page",{"history":[16]}],[0,"sss-slate-join-page",{"history":[16]}],[0,"sss-success"],[0,"sss-super-choice-page",{"history":[16],"promotedFunds":[32]}],[0,"sss-prefill-my-own-fund",{"history":[16],"prefill":[16],"mode":[32],"formState":[32],"isSubmitDisabled":[32],"fundUsi":[32],"fundName":[32],"memberNumber":[32],"memberGivenNames":[32],"memberLastName":[32]}],[0,"sss-prefill-smsf",{"history":[16],"prefill":[16],"mode":[32],"formState":[32],"isSubmitDisabled":[32],"fundName":[32],"fundAbn":[32],"fundEsa":[32],"fundAddressLine1":[32],"fundAddressLine2":[32],"fundAddressCity":[32],"fundAddressPostcode":[32],"fundAddressState":[32],"fundAddress":[32],"memberGivenNames":[32],"memberLastName":[32],"bankAccountName":[32],"bankName":[32],"bankAccountBsb":[32],"bankAccountNumber":[32]}],[0,"sss-consent-page",{"history":[16],"campaignConnectRequestInProgress":[32]}],[0,"sss-prefill-invalid-my-own-fund",{"history":[16],"prefill":[16],"fundUsi":[32],"fundName":[32],"memberNumber":[32],"memberGivenNames":[32],"memberLastName":[32]}],[0,"sss-prefill-invalid-smsf",{"history":[16],"prefill":[16],"fundName":[32],"fundAbn":[32],"fundEsa":[32],"fundAddressLine1":[32],"fundAddressLine2":[32],"fundAddressCity":[32],"fundAddressPostcode":[32],"fundAddressState":[32],"fundAddress":[32],"memberGivenNames":[32],"memberLastName":[32],"bankAccountName":[32],"bankAccountBsb":[32],"bankAccountNumber":[32]}],[1,"super-selection-app",{"ignoreExistingSelection":[4,"ignore-existing-selection"],"accessToken":[1,"access-token"],"backendUrl":[1,"backend-url"],"appBaseUrl":[1,"app-base-url"],"history":[16],"location":[16],"isSelfHosted":[4,"is-self-hosted"],"isAppInitialised":[32]}],[0,"sss-my-own-fund-inputs",{"myOwnFundForm":[16],"showValidationErrors":[4,"show-validation-errors"],"selectedOption":[32]}],[0,"sss-self-managed-fund-inputs",{"fundForm":[16],"showValidationErrors":[4,"show-validation-errors"],"abnValidationStatus":[32],"isAbnTouched":[32],"currentBank":[32],"addressErrorMessage":[32]}],[0,"sss-loading-page"],[0,"sss-loading-super-indicator"],[0,"sss-super-choice-item-bottom",{"disclaimer":[16],"abnInfo":[1,"abn-info"],"abn":[1],"isMultiFund":[4,"is-multi-fund"]}],[0,"sss-super-campaign-host",{"history":[16],"componentLoaded":[32],"backendUrl":[32],"accessToken":[32]}],[0,"sss-dropdown-async",{"testId":[1,"test-id"],"placeholder":[1],"searchFunction":[16],"value":[16],"required":[4],"requiredValidationMessage":[1,"required-validation-message"],"disabled":[4],"minSearchStringLength":[2,"min-search-string-length"],"showValidationErrors":[4,"show-validation-errors"],"searchState":[32],"inputValue":[32],"isDropdownVisible":[32],"filteredOptions":[32],"highlightedOptionIndex":[32],"selectedOption":[32]},[[2,"focus","handleFocus"],[2,"blur","handleBlur"],[2,"keydown","handleKeyDown"]]],[0,"sss-footer-section",{"textOverride":[16]}],[0,"sss-super-choice-item-top",{"name":[1],"logo":[1],"features":[16],"featureSubText":[16],"customContent":[16],"isMultiFund":[4,"is-multi-fund"],"isPromotedDefault":[4,"is-promoted-default"],"extraBadge":[16]}],[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],"showFundOptionsSelection":[32]}],[4,"sss-loading-component",{"header":[1]}],[0,"sss-iframe-host",{"build":[16]}],[0,"sss-prefill-warning-box",{"notificationList":[16]}],[0,"sss-name-input",{"testId":[1,"test-id"],"value":[1],"name":[1],"readableName":[1,"readable-name"],"showValidationErrors":[4,"show-validation-errors"],"errorMessage":[32]}],[0,"sss-header-section",{"currentPage":[1,"current-page"]}],[0,"sss-prefill-display-field",{"field":[16]}],[0,"sss-prefill-error-box",{"withHeader":[4,"with-header"],"notificationList":[16]}],[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,"sss-button",{"testid":[1],"fillWidth":[4,"fill-width"],"fillWidthOnMobile":[4,"fill-width-on-mobile"],"disabled":[4],"variant":[1],"size":[1],"promiseFn":[16],"state":[32]}],[0,"sss-loading-indicator",{"theme":[1],"size":[2]}],[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"]}]]]], options);
 });

package/dist/lib/esm/loader.js

@@ -13,7 +13,7 @@ const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
   globalScripts();
-  return bootstrapLazy([["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]}]]],["sss-button_41",[[0,"sss-prefill",{"history":[16],"prefill":[32]}],[0,"sss-my-own-fund",{"history":[16],"formState":[32],"isNotAllInformationProvidedMessageVisible":[32],"isSubmitDisabled":[32]}],[0,"sss-self-managed-fund",{"history":[16],"formState":[32],"isSubmitDisabled":[32]}],[0,"sss-super-choice-page",{"history":[16],"promotedFunds":[32]}],[1,"super-selection-app-host",{"sessionState":[32],"jwt":[32],"appConfiguration":[32],"ignoreExistingSelection":[32]}],[0,"sss-default-fund",{"history":[16],"defaultFundProductName":[32]}],[0,"sss-consent-page",{"history":[16],"campaignConnectRequestInProgress":[32]}],[0,"sss-existing-choice-page",{"history":[16],"existingFund":[32]}],[0,"sss-standard-choice-form",{"history":[16],"standardChoiceFormSignature":[32],"formState":[32],"isSubmitDisabled":[32]}],[0,"sss-promoted-fund-join-v1-page",{"history":[16]}],[0,"sss-promoted-fund-join-v2-page",{"history":[16]}],[0,"sss-slate-join-page",{"history":[16]}],[0,"sss-success"],[0,"sss-super-campaign-host",{"history":[16],"componentLoaded":[32],"backendUrl":[32],"accessToken":[32]}],[0,"sss-prefill-my-own-fund",{"history":[16],"prefill":[16],"mode":[32],"formState":[32],"isSubmitDisabled":[32],"fundUsi":[32],"fundName":[32],"memberNumber":[32],"memberGivenNames":[32],"memberLastName":[32]}],[0,"sss-prefill-smsf",{"history":[16],"prefill":[16],"mode":[32],"formState":[32],"isSubmitDisabled":[32],"fundName":[32],"fundAbn":[32],"fundEsa":[32],"fundAddressLine1":[32],"fundAddressLine2":[32],"fundAddressCity":[32],"fundAddressPostcode":[32],"fundAddressState":[32],"fundAddress":[32],"memberGivenNames":[32],"memberLastName":[32],"bankAccountName":[32],"bankName":[32],"bankAccountBsb":[32],"bankAccountNumber":[32]}],[0,"sss-prefill-invalid-my-own-fund",{"history":[16],"prefill":[16],"fundUsi":[32],"fundName":[32],"memberNumber":[32],"memberGivenNames":[32],"memberLastName":[32]}],[0,"sss-prefill-invalid-smsf",{"history":[16],"prefill":[16],"fundName":[32],"fundAbn":[32],"fundEsa":[32],"fundAddressLine1":[32],"fundAddressLine2":[32],"fundAddressCity":[32],"fundAddressPostcode":[32],"fundAddressState":[32],"fundAddress":[32],"memberGivenNames":[32],"memberLastName":[32],"bankAccountName":[32],"bankAccountBsb":[32],"bankAccountNumber":[32]}],[1,"super-selection-app",{"ignoreExistingSelection":[4,"ignore-existing-selection"],"accessToken":[1,"access-token"],"backendUrl":[1,"backend-url"],"appBaseUrl":[1,"app-base-url"],"history":[16],"location":[16],"isSelfHosted":[4,"is-self-hosted"],"isAppInitialised":[32]}],[0,"sss-my-own-fund-inputs",{"myOwnFundForm":[16],"showValidationErrors":[4,"show-validation-errors"],"selectedOption":[32]}],[0,"sss-loading-super-indicator"],[0,"sss-self-managed-fund-inputs",{"fundForm":[16],"showValidationErrors":[4,"show-validation-errors"],"isAbnValid":[32],"isAbnTouched":[32],"isAbnUsedForRegulated":[32],"currentBank":[32],"addressErrorMessage":[32]}],[0,"sss-super-choice-item-bottom",{"disclaimer":[16],"abnInfo":[1,"abn-info"],"abn":[1],"isMultiFund":[4,"is-multi-fund"]}],[0,"sss-loading-page"],[0,"sss-super-choice-item-top",{"name":[1],"logo":[1],"features":[16],"featureSubText":[16],"customContent":[16],"isMultiFund":[4,"is-multi-fund"],"isPromotedDefault":[4,"is-promoted-default"],"extraBadge":[16]}],[4,"sss-loading-component",{"header":[1]}],[0,"sss-dropdown-async",{"placeholder":[1],"searchFunction":[16],"value":[16],"required":[4],"requiredValidationMessage":[1,"required-validation-message"],"disabled":[4],"minSearchStringLength":[2,"min-search-string-length"],"showValidationErrors":[4,"show-validation-errors"],"searchState":[32],"inputValue":[32],"isDropdownVisible":[32],"filteredOptions":[32],"highlightedOptionIndex":[32],"selectedOption":[32]},[[2,"focus","handleFocus"],[2,"blur","handleBlur"],[2,"keydown","handleKeyDown"]]],[0,"sss-footer-section",{"textOverride":[16]}],[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],"showFundOptionsSelection":[32]}],[0,"sss-iframe-host",{"build":[16]}],[0,"sss-prefill-warning-box",{"notificationList":[16]}],[0,"sss-header-section",{"currentPage":[1,"current-page"]}],[0,"sss-name-input",{"value":[1],"name":[1],"readableName":[1,"readable-name"],"showValidationErrors":[4,"show-validation-errors"],"errorMessage":[32]}],[0,"sss-prefill-display-field",{"field":[16]}],[0,"sss-prefill-error-box",{"withHeader":[4,"with-header"],"notificationList":[16]}],[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,"sss-button",{"fillWidth":[4,"fill-width"],"fillWidthOnMobile":[4,"fill-width-on-mobile"],"disabled":[4],"variant":[1],"size":[1],"promiseFn":[16],"state":[32]}],[0,"sss-loading-indicator",{"theme":[1],"size":[2]}],[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"]}]]]], options);
+  return bootstrapLazy([["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]}]]],["sss-button_43",[[0,"sss-prefill",{"history":[16],"prefill":[32]}],[0,"sss-my-own-fund",{"history":[16],"formState":[32],"isNotAllInformationProvidedMessageVisible":[32],"isSubmitDisabled":[32]}],[0,"sss-super-choice-page-wrapper",{"history":[16]}],[0,"sss-self-managed-fund",{"history":[16],"formState":[32],"isSubmitDisabled":[32]}],[0,"sss-consent-page-wrapper",{"history":[16]}],[1,"super-selection-app-host",{"sessionState":[32],"jwt":[32],"appConfiguration":[32],"ignoreExistingSelection":[32]}],[0,"sss-default-fund",{"history":[16],"defaultFundProductName":[32]}],[0,"sss-existing-choice-page",{"history":[16],"existingFund":[32]}],[0,"sss-standard-choice-form",{"history":[16],"standardChoiceFormSignature":[32],"formState":[32],"isSubmitDisabled":[32]}],[0,"sss-promoted-fund-join-v1-page",{"history":[16]}],[0,"sss-promoted-fund-join-v2-page",{"history":[16]}],[0,"sss-slate-join-page",{"history":[16]}],[0,"sss-success"],[0,"sss-super-choice-page",{"history":[16],"promotedFunds":[32]}],[0,"sss-prefill-my-own-fund",{"history":[16],"prefill":[16],"mode":[32],"formState":[32],"isSubmitDisabled":[32],"fundUsi":[32],"fundName":[32],"memberNumber":[32],"memberGivenNames":[32],"memberLastName":[32]}],[0,"sss-prefill-smsf",{"history":[16],"prefill":[16],"mode":[32],"formState":[32],"isSubmitDisabled":[32],"fundName":[32],"fundAbn":[32],"fundEsa":[32],"fundAddressLine1":[32],"fundAddressLine2":[32],"fundAddressCity":[32],"fundAddressPostcode":[32],"fundAddressState":[32],"fundAddress":[32],"memberGivenNames":[32],"memberLastName":[32],"bankAccountName":[32],"bankName":[32],"bankAccountBsb":[32],"bankAccountNumber":[32]}],[0,"sss-consent-page",{"history":[16],"campaignConnectRequestInProgress":[32]}],[0,"sss-prefill-invalid-my-own-fund",{"history":[16],"prefill":[16],"fundUsi":[32],"fundName":[32],"memberNumber":[32],"memberGivenNames":[32],"memberLastName":[32]}],[0,"sss-prefill-invalid-smsf",{"history":[16],"prefill":[16],"fundName":[32],"fundAbn":[32],"fundEsa":[32],"fundAddressLine1":[32],"fundAddressLine2":[32],"fundAddressCity":[32],"fundAddressPostcode":[32],"fundAddressState":[32],"fundAddress":[32],"memberGivenNames":[32],"memberLastName":[32],"bankAccountName":[32],"bankAccountBsb":[32],"bankAccountNumber":[32]}],[1,"super-selection-app",{"ignoreExistingSelection":[4,"ignore-existing-selection"],"accessToken":[1,"access-token"],"backendUrl":[1,"backend-url"],"appBaseUrl":[1,"app-base-url"],"history":[16],"location":[16],"isSelfHosted":[4,"is-self-hosted"],"isAppInitialised":[32]}],[0,"sss-my-own-fund-inputs",{"myOwnFundForm":[16],"showValidationErrors":[4,"show-validation-errors"],"selectedOption":[32]}],[0,"sss-self-managed-fund-inputs",{"fundForm":[16],"showValidationErrors":[4,"show-validation-errors"],"abnValidationStatus":[32],"isAbnTouched":[32],"currentBank":[32],"addressErrorMessage":[32]}],[0,"sss-loading-page"],[0,"sss-loading-super-indicator"],[0,"sss-super-choice-item-bottom",{"disclaimer":[16],"abnInfo":[1,"abn-info"],"abn":[1],"isMultiFund":[4,"is-multi-fund"]}],[0,"sss-super-campaign-host",{"history":[16],"componentLoaded":[32],"backendUrl":[32],"accessToken":[32]}],[0,"sss-dropdown-async",{"testId":[1,"test-id"],"placeholder":[1],"searchFunction":[16],"value":[16],"required":[4],"requiredValidationMessage":[1,"required-validation-message"],"disabled":[4],"minSearchStringLength":[2,"min-search-string-length"],"showValidationErrors":[4,"show-validation-errors"],"searchState":[32],"inputValue":[32],"isDropdownVisible":[32],"filteredOptions":[32],"highlightedOptionIndex":[32],"selectedOption":[32]},[[2,"focus","handleFocus"],[2,"blur","handleBlur"],[2,"keydown","handleKeyDown"]]],[0,"sss-footer-section",{"textOverride":[16]}],[0,"sss-super-choice-item-top",{"name":[1],"logo":[1],"features":[16],"featureSubText":[16],"customContent":[16],"isMultiFund":[4,"is-multi-fund"],"isPromotedDefault":[4,"is-promoted-default"],"extraBadge":[16]}],[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],"showFundOptionsSelection":[32]}],[4,"sss-loading-component",{"header":[1]}],[0,"sss-iframe-host",{"build":[16]}],[0,"sss-prefill-warning-box",{"notificationList":[16]}],[0,"sss-name-input",{"testId":[1,"test-id"],"value":[1],"name":[1],"readableName":[1,"readable-name"],"showValidationErrors":[4,"show-validation-errors"],"errorMessage":[32]}],[0,"sss-header-section",{"currentPage":[1,"current-page"]}],[0,"sss-prefill-display-field",{"field":[16]}],[0,"sss-prefill-error-box",{"withHeader":[4,"with-header"],"notificationList":[16]}],[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,"sss-button",{"testid":[1],"fillWidth":[4,"fill-width"],"fillWidthOnMobile":[4,"fill-width-on-mobile"],"disabled":[4],"variant":[1],"size":[1],"promiseFn":[16],"state":[32]}],[0,"sss-loading-indicator",{"theme":[1],"size":[2]}],[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"]}]]]], options);
   });
 };
 

package/dist/lib/esm/{sss-button_41.entry.js → sss-button_43.entry.js}

@@ -260,7 +260,7 @@ class TapSubscriber extends Subscriber {
     }
 }
 
-const AppVersion = '5.12.47777';
+const AppVersion = '5.14.48686';
 
 // -------------------------------------------------------------------------------------
 // guards
@@ -935,7 +935,7 @@ const Button = class {
       base: 'px-4 py-2 text-base',
       xl: 'px-6 py-3 text-base'
     };
-    return (h("button", { class: {
+    return (h("button", { "data-testid": this.testid, class: {
         [sizeCss[this.size]]: true,
         'inline-flex items-center justify-center border font-medium': true,
         'rounded-md shadow-sm focus:outline-none focus:ring-2': true,
@@ -3876,10 +3876,10 @@ var SuperSelectionAppRoutes;
   SuperSelectionAppRoutes["Success"] = "/success/";
 })(SuperSelectionAppRoutes || (SuperSelectionAppRoutes = {}));
 const superSelectionAppStencilRoutes = [
-  h("stencil-route", { url: SuperSelectionAppRoutes.ConsentPage, component: "sss-consent-page" }),
+  h("stencil-route", { url: SuperSelectionAppRoutes.ConsentPage, component: "sss-consent-page-wrapper" }),
   h("stencil-route", { url: SuperSelectionAppRoutes.ExistingChoicePage, component: "sss-existing-choice-page" }),
   h("stencil-route", { url: SuperSelectionAppRoutes.SuperCampaign, component: "sss-super-campaign-host" }),
-  h("stencil-route", { exact: true, url: SuperSelectionAppRoutes.ChoicePage, component: "sss-super-choice-page" }),
+  h("stencil-route", { exact: true, url: SuperSelectionAppRoutes.ChoicePage, component: "sss-super-choice-page-wrapper" }),
   h("stencil-route", { url: SuperSelectionAppRoutes.SlateJoin, component: "sss-slate-join-page" }),
   h("stencil-route", { url: SuperSelectionAppRoutes.PromotedFundJoinV1, component: "sss-promoted-fund-join-v1-page" }),
   h("stencil-route", { url: SuperSelectionAppRoutes.PromotedFundJoinV2, component: "sss-promoted-fund-join-v2-page" }),
@@ -3949,7 +3949,7 @@ const Consent = class {
     if (this.campaignConnectRequestInProgress) {
       return h("sss-loading-super-indicator", null);
     }
-    return (h("div", null, h("div", { class: "text-2xl sm:text-3xl font-bold text-center leading-8" }, "Important information about super"), h("div", { class: "sm:text-lg text-gray-600 mt-3 sm:mt-4 max-w-800 text-center leading-7 sm:leading-8" }, "The choice of superannuation fund is an important personal financial decision. Next, you\u2019ll be asked to nominate a super fund to receive your employer contributions."), h("div", { class: "flex justify-center mt-8 sm:mt-12" }, h("div", { class: "border shadow-sm p-4 pb-6 sm:p-6 sm:pb-8 max-w-560 rounded-lg" }, h("div", { class: "sm:text-lg font-bold leading-6" }, "By clicking \u201CContinue\u201D you acknowledge that:"), h("ul", { class: "list-disc list-outside ml-6 mt-3 mb-6 space-y-2 text-sm leading-6" }, h("li", null, "Flare (we/us) provides this paperless employee management service, will feature superannuation funds and offer you employee benefits that you may be interested in;"), h("li", null, "all content contained in the following pages does not take into account any of your objectives, financial situation or needs and does not constitute financial product advice;"), h("li", null, "in featuring any superannuation funds, we, the technology partner you are accessing us via, or your employer, are not providing any opinion or recommendation (actual or implied) in relation to the suitability or appropriateness of the featured funds;"), h("li", null, "Trustees of the featured superannuation funds pay fees to Flare and/or its associates. Some funds pay us a fee if you choose one of the featured funds, while others pay us to have their application form on our platform;"), h("li", null, "in the event that you choose one of the featured superannuation funds, we may pass on your personal information and TFN to a related party for the purpose of completing your chosen fund's application form."), h("li", null, "Your personal data that is provided to us will be subject to our", ' ', h(Link, { className: "font-medium text-blue-600 hover:text-blue-800", href: "https://www.flarehr.com/privacy-policy" }, "Privacy Policy"), ".")), h("sss-button", { fillWidth: true, promiseFn: () => this.handleSuperFundDisclaimerAccepted() }, "Continue")))));
+    return (h("div", null, h("div", { class: "text-2xl sm:text-3xl font-bold text-center leading-8" }, "Important information about super"), h("div", { class: "sm:text-lg text-gray-600 mt-3 sm:mt-4 max-w-800 text-center leading-7 sm:leading-8" }, "The choice of superannuation fund is an important personal financial decision. Next, you\u2019ll be asked to nominate a super fund to receive your employer contributions."), h("div", { class: "flex justify-center mt-8 sm:mt-12" }, h("div", { class: "border shadow-sm p-4 pb-6 sm:p-6 sm:pb-8 max-w-560 rounded-lg" }, h("div", { class: "sm:text-lg font-bold leading-6" }, "By clicking \u201CContinue\u201D you acknowledge that:"), h("ul", { class: "list-disc list-outside ml-6 mt-3 mb-6 space-y-2 text-sm leading-6" }, h("li", null, "Flare (we/us) provides this paperless employee management service, will feature superannuation funds and offer you employee benefits that you may be interested in;"), h("li", null, "all content contained in the following pages does not take into account any of your objectives, financial situation or needs and does not constitute financial product advice;"), h("li", null, "in featuring any superannuation funds, we, the technology partner you are accessing us via, or your employer, are not providing any opinion or recommendation (actual or implied) in relation to the suitability or appropriateness of the featured funds;"), h("li", null, "Trustees of the featured superannuation funds pay fees to Flare and/or its associates. Some funds pay us a fee if you choose one of the featured funds, while others pay us to have their application form on our platform;"), h("li", null, "in the event that you choose one of the featured superannuation funds, we may pass on your personal information and TFN to a related party for the purpose of completing your chosen fund's application form."), h("li", null, "Your personal data that is provided to us will be subject to our", ' ', h(Link, { className: "font-medium text-blue-600 hover:text-blue-800", href: "https://www.flarehr.com/privacy-policy" }, "Privacy Policy"), ".")), h("sss-button", { testid: "continue-button", fillWidth: true, promiseFn: () => this.handleSuperFundDisclaimerAccepted() }, "Continue")))));
   }
   async handleSuperFundDisclaimerAccepted() {
     await this.eventTrackingService.TrackSuperFundDisclaimerAcceptedAsync({
@@ -3971,6 +3971,17 @@ const Consent = class {
     navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
   }
 };
+injectHistory(Consent);
+
+const ConsentWrapper = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return superSelectionAppService.state.superCampaignEnabled ? (h("sss-super-campaign-host", null)) : (h("sss-consent-page", null));
+  }
+};
+injectHistory(ConsentWrapper);
 
 var CustomFundTypes;
 (function (CustomFundTypes) {
@@ -4156,7 +4167,7 @@ const DefaultFund = class {
     });
   }
   render() {
-    return (h(Host, null, h("sss-header-section", { currentPage: "own-fund" }), h("div", { class: "flex justify-center mt-11" }, h("sss-custom-fund", null, h("div", { class: "p-4 sm:p-6 pb-6 sm:pb-8 border shadow-sm rounded-lg" }, h("p", { class: "sm:text-lg font-bold mb-3" }, "Fund details"), (!this.isDefaultFundExists || this.isInvalidDefaultFund) && (h("div", { class: "bg-yellow-50 border-l-4 border-yellow-400 p-4 my-3" }, h("div", { class: "flex" }, h("div", { class: "flex-shrink-0" }, h("img", { class: "h-5 w-5", src: getAssetPath('assets/icon-exclamation.svg') })), h("div", { class: "ml-3 text-sm text-yellow-700 leading-5" }, h("span", null, "It looks like your employer has not specified a default fund, please contact them if you\u2019d like to use your company\u2019s default fund."))))), this.isDefaultFundExists && !this.isInvalidDefaultFund && (h("div", null, h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Fund Name"), h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-base sm:text-sm" }, this.defaultFundProductName)), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Fund USI"), h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-base sm:text-sm" }, this.defaultFund.usi)), h("div", { class: "mt-8 mb-8 h-px w-full bg-gray-200" }), h("div", { class: "text-sm text-gray-700" }, h("label", { class: "font-semibold text-gray-900" }, "By clicking \u201CContinue\u201D, you acknowledge that:"), h("ul", { class: "list-disc list-outside pl-5" }, h("li", { class: "mt-2" }, "you are choosing to join your employer\u2019s default super fund;"), h("li", { class: "mt-2" }, "your employer will open a new account for you with their default super fund; and"), h("li", { class: "mt-2" }, "your application to join is subject to Trustee approval.")))))), h("div", { class: "flex justify-center mt-8" }, h("div", { class: "sm:max-w-320 w-full" }, this.isDefaultFundExists && !this.isInvalidDefaultFund && (h("div", { class: "mb-4" }, h("sss-button", { fillWidth: true, promiseFn: () => this.handleSubmitForm() }, "Continue"))), h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage }, h("sss-button", { fillWidth: true, variant: "secondary" }, "Back"))))))));
+    return (h(Host, null, h("sss-header-section", { currentPage: "own-fund" }), h("div", { class: "flex justify-center mt-11" }, h("sss-custom-fund", null, h("div", { class: "p-4 sm:p-6 pb-6 sm:pb-8 border shadow-sm rounded-lg" }, h("p", { class: "sm:text-lg font-bold mb-3" }, "Fund details"), (!this.isDefaultFundExists || this.isInvalidDefaultFund) && (h("div", { class: "bg-yellow-50 border-l-4 border-yellow-400 p-4 my-3" }, h("div", { class: "flex" }, h("div", { class: "flex-shrink-0" }, h("img", { class: "h-5 w-5", src: getAssetPath('assets/icon-exclamation.svg') })), h("div", { class: "ml-3 text-sm text-yellow-700 leading-5" }, h("span", null, "It looks like your employer has not specified a default fund, please contact them if you\u2019d like to use your company\u2019s default fund."))))), this.isDefaultFundExists && !this.isInvalidDefaultFund && (h("div", null, h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Fund Name"), h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-base sm:text-sm" }, this.defaultFundProductName)), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Fund USI"), h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-base sm:text-sm" }, this.defaultFund.usi)), h("div", { class: "mt-8 mb-8 h-px w-full bg-gray-200" }), h("div", { class: "text-sm text-gray-700" }, h("label", { class: "font-semibold text-gray-900" }, "By clicking \u201CContinue\u201D, you acknowledge that:"), h("ul", { class: "list-disc list-outside pl-5" }, h("li", { class: "mt-2" }, "you are choosing to join your employer\u2019s default super fund;"), h("li", { class: "mt-2" }, "your employer will open a new account for you with their default super fund; and"), h("li", { class: "mt-2" }, "your application to join is subject to Trustee approval.")))))), h("div", { class: "flex justify-center mt-8" }, h("div", { class: "sm:max-w-320 w-full" }, this.isDefaultFundExists && !this.isInvalidDefaultFund && (h("div", { class: "mb-4" }, h("sss-button", { testid: "continue-button", fillWidth: true, promiseFn: () => this.handleSubmitForm() }, "Continue"))), h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage }, h("sss-button", { testid: "back-button", fillWidth: true, variant: "secondary" }, "Back"))))))));
   }
   async handleSubmitForm() {
     if (this.isInvalidDefaultFund) {
@@ -4324,7 +4335,7 @@ const SelectInputAsync = class {
   }
   render() {
     var _a;
-    return (h(Host, null, h("div", { class: "relative" }, h("input", { type: "text", class: {
+    return (h(Host, null, h("div", { class: "relative" }, h("input", { "data-testid": this.testId, type: "text", class: {
         'shadow-sm focus:ring-primary-focus focus:border-primary-base block w-full text-base sm:text-sm border-gray-300 rounded-md': true,
         'invalid:border-red-300 invalid:text-red-900 invalid:placeholder-red-300 invalid:focus:ring-red-500 invalid:focus:border-red-500': this
           .showValidationErrors
@@ -4983,7 +4994,7 @@ const ExistingChoice = class {
       return (h("div", { class: "flex h-20 justify-center items-center relative" }, h("div", { class: "h-20 w-20 rounded-full bg-primary-base opacity-10" }), h("div", { class: "h-10 w-10 absolute" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512", class: "fill-primary-base" }, h("path", { d: "M174.7 111.8C165.1 110.3 160.1 102.1 161.5 93.35C170.4 40.37 216.5 0 272 0C320.8 0 362.3 31.19 377.6 74.67C380.6 82.1 376.2 92.14 367.9 95.09C359.5 98.03 350.4 93.66 347.5 85.33C336.5 54.24 306.8 32 272 32C232.4 32 199.5 60.82 193.1 98.65C191.6 107.4 183.4 113.2 174.7 111.8V111.8zM400 264C400 250.7 410.7 240 424 240C437.3 240 448 250.7 448 264C448 277.3 437.3 288 424 288C410.7 288 400 277.3 400 264zM488.5 125.8L480 159.1C501.1 176.5 519.6 198.5 530.7 224H544C561.7 224 576 238.3 576 256V352C576 369.7 561.7 384 544 384H512C495.5 405.1 473.5 423.6 448 434.7V464C448 490.5 426.5 512 400 512H368C341.5 512 320 490.5 320 464V448H256V464C256 490.5 234.5 512 208 512H176C149.5 512 128 490.5 128 464V416C89.14 386.8 64 340.3 64 288C28.52 287.2 0 258.2 0 222.6C0 197.8 14 175.1 36.18 164L40.84 161.7C48.75 157.7 58.36 160.9 62.31 168.8C66.26 176.7 63.06 186.4 55.16 190.3L50.49 192.6C39.16 198.3 31.1 209.9 31.1 222.6C31.1 241 46.97 256 65.44 256H67.2C82.02 182.1 146.6 128 223.1 128H376.4C394 108.4 419.6 96 448 96H465.3C480.9 96 492.3 110.7 488.5 125.8H488.5zM224 160C153.3 160 96 217.3 96 288C96 329.9 116.1 367 147.2 390.4L160 400V464C160 472.8 167.2 480 176 480H208C216.8 480 224 472.8 224 464V416H352V464C352 472.8 359.2 480 368 480H400C408.8 480 416 472.8 416 464V413.7L435.2 405.4C455.6 396.5 473.2 382.4 486.4 364.8L496 352H544V256H509.7L501.4 236.8C492.5 216.4 478.4 198.8 460.8 185.6L443.8 172.8L455 128H448C429 128 412.1 136.2 400.3 149.3L390.7 160H224z" })))));
     };
     const ChooseAnotherFundView = () => {
-      return this.existingFund.type == 'Defined Benefits Fund' ? null : (h("div", { class: "mt-4" }, h("sss-button", { fillWidth: true, variant: "secondary", promiseFn: () => this.handleFundNominationDeclined() }, "Choose another fund")));
+      return this.existingFund.type == 'Defined Benefits Fund' ? null : (h("div", { class: "mt-4" }, h("sss-button", { testid: "choose-another-fund-button", fillWidth: true, variant: "secondary", promiseFn: () => this.handleFundNominationDeclined() }, "Choose another fund")));
     };
     return (h("div", null, h("div", { class: "text-2xl sm:text-3xl font-bold text-center" }, "Your super nomination"), this.existingFund.type == 'Defined Benefits Fund' ? null : (h("div", { class: "sm:text-lg text-gray-600 mt-3 sm:mt-4 max-w-800 text-center leading-7" }, "Continue with your chosen fund or choose another fund below.")), h("div", { class: "flex justify-center mt-8 sm:mt-12" }, h("div", { class: "max-w-400 w-full" }, h("div", { class: "flex-col border shadow-sm p-6 pt-8 rounded-lg text-center" }, h("div", { class: "space-y-4" }, (() => {
       switch (this.existingFund.type) {
@@ -5016,7 +5027,7 @@ const ExistingChoice = class {
         default:
           return '';
       }
-    })())), h("div", { class: "mt-6" }, h("sss-button", { fillWidth: true, promiseFn: () => this.handleFundNominationAccepted() }, "Continue with this fund"))), h(ChooseAnotherFundView, null)))));
+    })())), h("div", { class: "mt-6" }, h("sss-button", { testid: "continue-with-this-fund-button", fillWidth: true, promiseFn: () => this.handleFundNominationAccepted() }, "Continue with this fund"))), h(ChooseAnotherFundView, null)))));
   }
   async handleFundNominationAccepted() {
     const detail = this.createSuperFundNominationDetail(this.existingFund);
@@ -5140,7 +5151,7 @@ const MyOwnFund = class {
         this.isNotAllInformationProvidedMessageVisible = false;
       } }), this.isNotAllInformationProvidedMessageVisible && (h("div", { class: "mt-4 rounded-md bg-red-50 p-4 text-sm text-red-700" }, "All fields are required to complete submission. Make sure you have selected a fund."))), h("div", { class: "flex justify-center mt-8" }, h("div", { class: "sm:max-w-320 w-full" }, h("div", { class: "mb-4", onClick: 
       // user clicks on disabled button (div wrapper) then validation errors will show
-      () => (this.formState = 'validated') }, h("sss-button", { fillWidth: true, promiseFn: () => this.handleSubmitForm(), disabled: this.isSubmitDisabled }, "Continue")), h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage }, h("sss-button", { fillWidth: true, variant: "secondary" }, "Back")))))))));
+      () => (this.formState = 'validated') }, h("sss-button", { testid: "continue-button", fillWidth: true, promiseFn: () => this.handleSubmitForm(), disabled: this.isSubmitDisabled }, "Continue")), h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage }, h("sss-button", { testid: "back-button", fillWidth: true, variant: "secondary" }, "Back")))))))));
   }
   async handleSubmitForm() {
     this.formState = 'validated';
@@ -5209,14 +5220,14 @@ const MyOwnFundInputs = class {
     }
   }
   render() {
-    return (h("div", null, h("div", null, h("label", { class: "text-sm font-medium text-gray-700" }, "Fund name"), h("div", { class: "mt-1" }, h("sss-dropdown-async", { searchFunction: this.searchFundsAsync, minSearchStringLength: this.MIN_SEARCH_STRING_LENGTH, required: true, requiredValidationMessage: "Select a fund", placeholder: `Type to search by name or USI...`, value: this.selectedOption, onValueChanged: (ev) => {
+    return (h("div", null, h("div", null, h("label", { class: "text-sm font-medium text-gray-700" }, "Fund name"), h("div", { class: "mt-1" }, h("sss-dropdown-async", { testId: "fund-search-input", searchFunction: this.searchFundsAsync, minSearchStringLength: this.MIN_SEARCH_STRING_LENGTH, required: true, requiredValidationMessage: "Select a fund", placeholder: `Type to search by name or USI...`, value: this.selectedOption, onValueChanged: (ev) => {
         this.selectedOption = ev.detail;
         this.updateFund(ev.detail);
-      }, showValidationErrors: this.showValidationErrors })), isSome(this.myOwnFundForm.fundUsi) && (h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Fund USI"), h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-base sm:text-sm" }, this.myOwnFundForm.fundUsi.value)))), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Member number"), h("div", { class: "mt-1" }, h("input", { type: "text", class: {
+      }, showValidationErrors: this.showValidationErrors })), isSome(this.myOwnFundForm.fundUsi) && (h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Fund USI"), h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-base sm:text-sm" }, this.myOwnFundForm.fundUsi.value)))), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Member number"), h("div", { class: "mt-1" }, h("input", { "data-testid": "member-number-input", type: "text", class: {
         'shadow-sm focus:ring-primary-focus focus:border-primary-base block w-full text-base sm:text-sm border-gray-300 rounded-md': true,
         'invalid:border-red-300 invalid:text-red-900 invalid:focus:ring-red-500 invalid:focus:border-red-500': this
           .showValidationErrors
-      }, required: true, pattern: "[A-Za-z0-9]{4,16}", name: "memberNumber", id: "memberNumber", value: toUndefined(state$2.myOwnFundForm.memberNumber), onChange: (ev) => this.updateMemberNumber(ev.target.value.trim()) }), h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid member number (only numbers and / or letters)"))), h("div", { class: "flex space-x-4" }, h("div", { class: "mt-3 w-1/2" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Given name(s)"), h("div", { class: "mt-1" }, h("sss-name-input", { name: "memberFirstName", readableName: "Member given name(s)", showValidationErrors: this.showValidationErrors, value: toUndefined(state$2.myOwnFundForm.memberFirstName), onChange: (ev) => this.updateMemberFirstName(ev.target.value.trim()) }))), h("div", { class: "mt-3 w-1/2" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Last name"), h("div", { class: "mt-1" }, h("sss-name-input", { name: "memberFamilyName", readableName: "Member last name", showValidationErrors: this.showValidationErrors, value: toUndefined(state$2.myOwnFundForm.memberFamilyName), onChange: (ev) => this.updateMemberFamilyName(ev.target.value.trim()) }))))));
+      }, required: true, pattern: "[A-Za-z0-9]{4,16}", name: "memberNumber", id: "memberNumber", value: toUndefined(state$2.myOwnFundForm.memberNumber), onChange: (ev) => this.updateMemberNumber(ev.target.value.trim()) }), h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid member number (only numbers and / or letters)"))), h("div", { class: "flex space-x-4" }, h("div", { class: "mt-3 w-1/2" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Given name(s)"), h("div", { class: "mt-1" }, h("sss-name-input", { testId: "member-given-names-input", name: "memberFirstName", readableName: "Member given name(s)", showValidationErrors: this.showValidationErrors, value: toUndefined(state$2.myOwnFundForm.memberFirstName), onChange: (ev) => this.updateMemberFirstName(ev.target.value.trim()) }))), h("div", { class: "mt-3 w-1/2" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Last name"), h("div", { class: "mt-1" }, h("sss-name-input", { testId: "member-last-name-input", name: "memberFamilyName", readableName: "Member last name", showValidationErrors: this.showValidationErrors, value: toUndefined(state$2.myOwnFundForm.memberFamilyName), onChange: (ev) => this.updateMemberFamilyName(ev.target.value.trim()) }))))));
   }
   updateFund(fund) {
     this.formChanged.emit({ fundUsi: some(fund.value), fundName: some(fund.label) });
@@ -5245,7 +5256,7 @@ const MemberNameInput = class {
     this.NAME_PATTERN = "[A-Za-z]+(( |-)[A-Za-z][A-Za-z']+)*\\s*$";
   }
   render() {
-    return (h(Host, null, h("input", { type: "text", class: {
+    return (h(Host, null, h("input", { "data-testid": this.testId, type: "text", class: {
         'shadow-sm focus:ring-primary-focus focus:border-primary-base block w-full text-base sm:text-sm border-gray-300 rounded-md': true,
         'invalid:border-red-300 invalid:text-red-900 invalid:focus:ring-red-500 invalid:focus:border-red-500': this
           .showValidationErrors
@@ -5720,7 +5731,7 @@ const PrefillInvalidMyOwnFund = class {
   render() {
     return (h("div", null, h(Header, null), h("div", { class: "flex flex-col items-center gap-8 mt-8 sm:mt-12" }, h("div", { class: "flex max-w-[560px] flex-col items-start gap-6 p-6 border shadow-sm rounded-lg" }, h("div", { class: "flex flex-col items-start gap-3 self-stretch" }, h("div", { class: "self-stretch text-grey-900 text-lg not-italic font-bold leading-7" }, "Your fund details"), h("sss-prefill-error-box", { class: "self-stretch", notificationList: [
         'The fund USI is invalid, or no longer in use. You are required to choose another fund to continue with your super nomination.'
-      ] }), h("div", { class: "flex flex-col gap-3 self-stretch mt-4" }, h("sss-prefill-display-field", { field: this.fundUsi }), h("sss-prefill-display-field", { field: this.fundName }), h("sss-prefill-display-field", { field: this.memberNumber }), h("sss-prefill-display-field", { field: this.memberLastName }), h("sss-prefill-display-field", { field: this.memberGivenNames })))), h("div", { class: "flex w-full sm:w-80 max-w-[560px] flex-col items-start gap-4" }, h("sss-button", { class: "self-stretch", fillWidth: true, variant: "primary", promiseFn: () => this.handleChooseAnotherFund() }, "Choose another fund")))));
+      ] }), h("div", { class: "flex flex-col gap-3 self-stretch mt-4" }, h("sss-prefill-display-field", { field: this.fundUsi }), h("sss-prefill-display-field", { field: this.fundName }), h("sss-prefill-display-field", { field: this.memberNumber }), h("sss-prefill-display-field", { field: this.memberLastName }), h("sss-prefill-display-field", { field: this.memberGivenNames })))), h("div", { class: "flex w-full sm:w-80 max-w-[560px] flex-col items-start gap-4" }, h("sss-button", { testid: "choose-another-fund-button", class: "self-stretch", fillWidth: true, variant: "primary", promiseFn: () => this.handleChooseAnotherFund() }, "Choose another fund")))));
   }
   async handleChooseAnotherFund() {
     const detail = this.createSuperFundPrefillDeclinedDetail(this.prefill);
@@ -5767,7 +5778,7 @@ const PrefillInvalidSMSF = class {
   render() {
     return (h("div", null, h(Header, null), h("div", { class: "flex flex-col items-center gap-8 mt-8 sm:mt-12" }, h("div", { class: "flex max-w-[560px] flex-col items-start gap-6 p-6 border shadow-sm rounded-lg" }, h("div", { class: "flex flex-col items-start gap-3 self-stretch" }, h("div", { class: "self-stretch text-grey-900 text-lg not-italic font-bold leading-7" }, "Your self-managed super fund (SMSF) details"), h("sss-prefill-error-box", { class: "self-stretch", notificationList: [
         'The fund ABN is invalid. You are required to choose another fund to continue with your super nomination.'
-      ] }), h("div", { class: "flex flex-col gap-3 self-stretch mt-4" }, h("sss-prefill-display-field", { field: this.fundName }), h("sss-prefill-display-field", { field: this.fundAbn }), h("sss-prefill-display-field", { field: this.fundEsa }), h("sss-prefill-display-field", { field: this.fundAddress }), h("sss-prefill-display-field", { field: this.memberLastName }), h("sss-prefill-display-field", { field: this.memberGivenNames }), h("div", { class: "mt-4 mb-2 text-gray-900 text-lg font-bold leading-7" }, "Fund bank details"), h("sss-prefill-display-field", { field: this.bankAccountName }), h("sss-prefill-display-field", { field: this.bankAccountBsb }), h("sss-prefill-display-field", { field: this.bankAccountNumber })))), h("div", { class: "flex w-full sm:w-80 max-w-[560px] flex-col items-start gap-4" }, h("sss-button", { class: "self-stretch", fillWidth: true, variant: "primary", promiseFn: () => this.handleFundNominationDeclined() }, "Make another nomination")))));
+      ] }), h("div", { class: "flex flex-col gap-3 self-stretch mt-4" }, h("sss-prefill-display-field", { field: this.fundName }), h("sss-prefill-display-field", { field: this.fundAbn }), h("sss-prefill-display-field", { field: this.fundEsa }), h("sss-prefill-display-field", { field: this.fundAddress }), h("sss-prefill-display-field", { field: this.memberLastName }), h("sss-prefill-display-field", { field: this.memberGivenNames }), h("div", { class: "mt-4 mb-2 text-gray-900 text-lg font-bold leading-7" }, "Fund bank details"), h("sss-prefill-display-field", { field: this.bankAccountName }), h("sss-prefill-display-field", { field: this.bankAccountBsb }), h("sss-prefill-display-field", { field: this.bankAccountNumber })))), h("div", { class: "flex w-full sm:w-80 max-w-[560px] flex-col items-start gap-4" }, h("sss-button", { testid: "make-another-nomination-button", class: "self-stretch", fillWidth: true, variant: "primary", promiseFn: () => this.handleFundNominationDeclined() }, "Make another nomination")))));
   }
   initialiseComponent(prefill) {
     this.fundName = new SmsfFundName(prefill.fundName);
@@ -5841,13 +5852,13 @@ const PrefillMyOwnFund = class {
     return (h("div", null, h(Header, null), h("div", { class: "flex flex-col items-center gap-8 mt-8 sm:mt-12" }, h("div", { class: "flex max-w-[560px] flex-col items-start gap-6 p-6 border shadow-sm rounded-lg" }, h("div", { class: "flex flex-col items-start gap-3.5 self-stretch" }, h("div", { class: "self-stretch text-grey-900 text-lg not-italic font-bold leading-7" }, "Your fund details"), h("sss-prefill-warning-box", { class: "self-stretch", notificationList: [
         'Make sure you are a current member of the fund before completing this step.',
         'Please check that the fund USI is correct as some funds have similar names.'
-      ] }), this.mode === 'review' && errorMessages.length > 0 && (h("sss-prefill-error-box", { class: "self-stretch", notificationList: errorMessages, withHeader: true })), this.mode === 'review' && (h("div", { class: "flex flex-col gap-3 self-stretch mt-4" }, h("sss-prefill-display-field", { field: this.fundUsi }), h("sss-prefill-display-field", { field: this.fundName }), h("sss-prefill-display-field", { field: this.memberNumber }), h("sss-prefill-display-field", { field: this.memberLastName }), h("sss-prefill-display-field", { field: this.memberGivenNames }))), this.mode === 'review' && (h("sss-button", { class: "self-stretch mt-3", fillWidth: true, variant: "secondary", promiseFn: () => this.setModeToEdit() }, h("div", { class: "flex flex-row gap-2" }, h("div", { class: "text-sm not-italic font-medium leading-4" }, "Edit details"), h("div", { class: "w-4 h-4 relative" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "16", viewBox: "0 0 17 16", fill: "currentColor" }, h("path", { d: "M11.369 2.86865C11.9939 2.24381 13.0069 2.24381 13.6318 2.86865C14.2566 3.49349 14.2566 4.50656 13.6318 5.1314L12.9974 5.76571L10.7347 3.50297L11.369 2.86865Z" }), h("path", { d: "M9.60334 4.63434L2.90039 11.3373V13.6H5.16313L11.8661 6.89708L9.60334 4.63434Z" })))))), this.mode === 'edit' && (h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: { 'was-validated': this.formState === 'validated' }, ref: (el) => (this.formElement = el), onInput: (_) => (this.isSubmitDisabled = this.formHasMissingData()) }, DisabledField(this.fundName.name, this.fundName.testId, this.fundName.value), DisabledField(this.fundUsi.name, this.fundUsi.testId, this.fundUsi.value), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, this.memberNumber.name), h("div", { class: "mt-1" }, h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, pattern: "[A-Za-z0-9]{4,16}", "data-testid": this.memberNumber.testId, value: this.memberNumber.value, onInput: (ev) => {
+      ] }), this.mode === 'review' && errorMessages.length > 0 && (h("sss-prefill-error-box", { class: "self-stretch", notificationList: errorMessages, withHeader: true })), this.mode === 'review' && (h("div", { class: "flex flex-col gap-3 self-stretch mt-4" }, h("sss-prefill-display-field", { field: this.fundUsi }), h("sss-prefill-display-field", { field: this.fundName }), h("sss-prefill-display-field", { field: this.memberNumber }), h("sss-prefill-display-field", { field: this.memberLastName }), h("sss-prefill-display-field", { field: this.memberGivenNames }))), this.mode === 'review' && (h("sss-button", { testid: "edit-details-button", class: "self-stretch mt-3", fillWidth: true, variant: "secondary", promiseFn: () => this.setModeToEdit() }, h("div", { class: "flex flex-row gap-2" }, h("div", { class: "text-sm not-italic font-medium leading-4" }, "Edit details"), h("div", { class: "w-4 h-4 relative" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "16", viewBox: "0 0 17 16", fill: "currentColor" }, h("path", { d: "M11.369 2.86865C11.9939 2.24381 13.0069 2.24381 13.6318 2.86865C14.2566 3.49349 14.2566 4.50656 13.6318 5.1314L12.9974 5.76571L10.7347 3.50297L11.369 2.86865Z" }), h("path", { d: "M9.60334 4.63434L2.90039 11.3373V13.6H5.16313L11.8661 6.89708L9.60334 4.63434Z" })))))), this.mode === 'edit' && (h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: { 'was-validated': this.formState === 'validated' }, ref: (el) => (this.formElement = el), onInput: (_) => (this.isSubmitDisabled = this.formHasMissingData()) }, DisabledField(this.fundName.name, this.fundName.testId, this.fundName.value), DisabledField(this.fundUsi.name, this.fundUsi.testId, this.fundUsi.value), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, this.memberNumber.name), h("div", { class: "mt-1" }, h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, pattern: "[A-Za-z0-9]{4,16}", "data-testid": this.memberNumber.testId, value: this.memberNumber.value, onInput: (ev) => {
         this.updateMemberNumber(ev.target.value);
       } }), h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberNumber.errorMessage))), h("div", { class: "flex mt-3 gap-x-4 flex-col sm:flex-row" }, h("div", { class: "w-full sm:w-1/2" }, h("label", { class: "text-sm font-medium text-gray-700" }, this.memberGivenNames.name), h("div", { class: "mt-1" }, h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, pattern: NAME_PATTERN, "data-testid": this.memberGivenNames.testId, value: this.memberGivenNames.value, onInput: (ev) => {
         this.updateMemberGivenNames(ev.target.value);
       } }), h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberGivenNames.errorMessage))), h("div", { class: "w-full sm:w-1/2" }, h("label", { class: "text-sm font-medium text-gray-700" }, this.memberLastName.name), h("div", { class: "mt-1" }, h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, pattern: NAME_PATTERN, "data-testid": this.memberLastName.testId, value: this.memberLastName.value, onInput: (ev) => {
         this.updateMemberLastName(ev.target.value);
-      } }), h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberLastName.errorMessage)))))))), h("div", { class: "flex w-full sm:w-80 max-w-[560px] flex-col items-start gap-4" }, h("sss-button", { class: "self-stretch", fillWidth: true, variant: "primary", disabled: this.isSubmitDisabled, promiseFn: () => this.handleSubmitForm() }, "Continue"), h("sss-button", { class: "self-stretch", fillWidth: true, variant: "secondary", promiseFn: () => this.handleFundNominationDeclined() }, "Choose another fund")))));
+      } }), h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberLastName.errorMessage)))))))), h("div", { class: "flex w-full sm:w-80 max-w-[560px] flex-col items-start gap-4" }, h("sss-button", { testid: "continue-button", class: "self-stretch", fillWidth: true, variant: "primary", disabled: this.isSubmitDisabled, promiseFn: () => this.handleSubmitForm() }, "Continue"), h("sss-button", { testid: "choose-another-fund-button", class: "self-stretch", fillWidth: true, variant: "secondary", promiseFn: () => this.handleFundNominationDeclined() }, "Choose another fund")))));
   }
   initialiseComponent(fundName, prefill) {
     this.fundUsi = new FundUsi(prefill.fundDetail.fundUsi, true);
@@ -6081,7 +6092,7 @@ const PrefillSMSF = class {
     ].filter((err) => err !== null);
     return (h("div", null, h(Header, null), h("div", { class: "flex flex-col items-center gap-8 mt-8 sm:mt-12" }, h("div", { class: "flex max-w-[560px] flex-col items-start gap-6 p-6 border shadow-sm rounded-lg" }, h("div", { class: "flex flex-col items-start gap-3 self-stretch" }, h("div", { class: "self-stretch text-grey-900 text-lg not-italic font-bold leading-7" }, "Your self-managed super fund (SMSF) details"), h("sss-prefill-warning-box", { class: "self-stretch", notificationList: [
         'Make sure your Self-managed super fund (SMSF) is a registered fund before completing this step.'
-      ] }), this.mode === 'review' && errorMessages.length > 0 && (h("sss-prefill-error-box", { class: "self-stretch", notificationList: errorMessages, withHeader: true })), this.mode === 'review' && (h("div", { class: "flex flex-col gap-3 self-stretch mt-4" }, h("sss-prefill-display-field", { field: this.fundName }), h("sss-prefill-display-field", { field: this.fundAbn }), h("sss-prefill-display-field", { field: this.fundEsa }), h("sss-prefill-display-field", { field: this.fundAddress }), h("sss-prefill-display-field", { field: this.memberLastName }), h("sss-prefill-display-field", { field: this.memberGivenNames }), h("div", { class: "mt-4 mb-2 text-gray-900 text-lg font-bold leading-7" }, "Fund bank details"), h("sss-prefill-display-field", { field: this.bankAccountName }), h("sss-prefill-display-field", { field: this.bankAccountBsb }), this.bankName.isValid && (h("sss-prefill-display-field", { field: this.bankName })), h("sss-prefill-display-field", { field: this.bankAccountNumber }))), this.mode === 'review' && (h("sss-button", { class: "self-stretch mt-3", fillWidth: true, variant: "secondary", promiseFn: () => this.setModeToEdit() }, h("div", { class: "flex flex-row gap-2" }, h("div", { class: "text-sm not-italic font-medium leading-4" }, "Edit details"), h("div", { class: "w-4 h-4 relative" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "16", viewBox: "0 0 17 16", fill: "currentColor" }, h("path", { d: "M11.369 2.86865C11.9939 2.24381 13.0069 2.24381 13.6318 2.86865C14.2566 3.49349 14.2566 4.50656 13.6318 5.1314L12.9974 5.76571L10.7347 3.50297L11.369 2.86865Z" }), h("path", { d: "M9.60334 4.63434L2.90039 11.3373V13.6H5.16313L11.8661 6.89708L9.60334 4.63434Z" })))))), this.mode === 'edit' && (h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: {
+      ] }), this.mode === 'review' && errorMessages.length > 0 && (h("sss-prefill-error-box", { class: "self-stretch", notificationList: errorMessages, withHeader: true })), this.mode === 'review' && (h("div", { class: "flex flex-col gap-3 self-stretch mt-4" }, h("sss-prefill-display-field", { field: this.fundName }), h("sss-prefill-display-field", { field: this.fundAbn }), h("sss-prefill-display-field", { field: this.fundEsa }), h("sss-prefill-display-field", { field: this.fundAddress }), h("sss-prefill-display-field", { field: this.memberLastName }), h("sss-prefill-display-field", { field: this.memberGivenNames }), h("div", { class: "mt-4 mb-2 text-gray-900 text-lg font-bold leading-7" }, "Fund bank details"), h("sss-prefill-display-field", { field: this.bankAccountName }), h("sss-prefill-display-field", { field: this.bankAccountBsb }), this.bankName.isValid && (h("sss-prefill-display-field", { field: this.bankName })), h("sss-prefill-display-field", { field: this.bankAccountNumber }))), this.mode === 'review' && (h("sss-button", { testid: "edit-details-button", class: "self-stretch mt-3", fillWidth: true, variant: "secondary", promiseFn: () => this.setModeToEdit() }, h("div", { class: "flex flex-row gap-2" }, h("div", { class: "text-sm not-italic font-medium leading-4" }, "Edit details"), h("div", { class: "w-4 h-4 relative" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "16", viewBox: "0 0 17 16", fill: "currentColor" }, h("path", { d: "M11.369 2.86865C11.9939 2.24381 13.0069 2.24381 13.6318 2.86865C14.2566 3.49349 14.2566 4.50656 13.6318 5.1314L12.9974 5.76571L10.7347 3.50297L11.369 2.86865Z" }), h("path", { d: "M9.60334 4.63434L2.90039 11.3373V13.6H5.16313L11.8661 6.89708L9.60334 4.63434Z" })))))), this.mode === 'edit' && (h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: {
         'w-full': true,
         'was-validated': this.formState === 'validated'
       }, ref: (el) => (this.formElement = el), onInput: (_) => (this.isSubmitDisabled = this.formHasMissingData()) }, h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, this.fundName.name), h("div", { class: "mt-1" }, h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, "data-testid": this.fundName.testId, value: this.fundName.value, onInput: (ev) => {
@@ -6113,7 +6124,7 @@ const PrefillSMSF = class {
       } }), h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.bankAccountBsb.errorMessage))), this.bankName.isValid &&
       DisabledField(this.bankName.name, this.bankName.testId, this.bankName.value), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, this.bankAccountNumber.name), h("div", { class: "mt-1" }, h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, "data-testid": this.bankAccountNumber.testId, value: this.bankAccountNumber.value, onInput: (ev) => {
         this.updateBankAccountNumber(ev.target.value);
-      } }), h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.bankAccountNumber.errorMessage))))))), h("div", { class: "flex w-full sm:w-80 max-w-[560px] flex-col items-start gap-4" }, h("sss-button", { class: "self-stretch", fillWidth: true, variant: "primary", disabled: this.isSubmitDisabled, promiseFn: () => this.handleSubmitForm() }, "Continue"), h("sss-button", { class: "self-stretch", fillWidth: true, variant: "secondary", promiseFn: () => this.handleFundNominationDeclined() }, "Make another nomination")))));
+      } }), h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.bankAccountNumber.errorMessage))))))), h("div", { class: "flex w-full sm:w-80 max-w-[560px] flex-col items-start gap-4" }, h("sss-button", { testid: "continue-button", class: "self-stretch", fillWidth: true, variant: "primary", disabled: this.isSubmitDisabled, promiseFn: () => this.handleSubmitForm() }, "Continue"), h("sss-button", { testid: "make-another-nomination-button", class: "self-stretch", fillWidth: true, variant: "secondary", promiseFn: () => this.handleFundNominationDeclined() }, "Make another nomination")))));
   }
   isFormValid() {
     return (this.fundName.isValid &&
@@ -16426,7 +16437,7 @@ const SelfManagedFund = class {
         this.updateIsSubmitDisabled();
       } })), h("div", { class: "flex justify-center mt-8" }, h("div", { class: "sm:max-w-320 w-full" }, h("div", { class: "mb-4", onClick: 
       // user clicks on disabled button (div wrapper) then validation errors will show
-      () => (this.formState = 'validated') }, h("sss-button", { fillWidth: true, promiseFn: () => this.handleSubmitForm(), disabled: this.isSubmitDisabled }, "Continue")), h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage }, h("sss-button", { fillWidth: true, variant: "secondary" }, "Back")))))))));
+      () => (this.formState = 'validated') }, h("sss-button", { testid: "continue-button", fillWidth: true, promiseFn: () => this.handleSubmitForm(), disabled: this.isSubmitDisabled }, "Continue")), h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage }, h("sss-button", { testid: "back-button", fillWidth: true, variant: "secondary" }, "Back")))))))));
   }
   updateIsSubmitDisabled() {
     this.isSubmitDisabled = !this.formElement.checkValidity() || !this.isAbnValid;
@@ -16439,13 +16450,18 @@ const SelfManagedFund = class {
 };
 injectHistory(SelfManagedFund);
 
+var AbnValidationStatus;
+(function (AbnValidationStatus) {
+  AbnValidationStatus[AbnValidationStatus["Invalid"] = 1] = "Invalid";
+  AbnValidationStatus[AbnValidationStatus["AbnIsUsedForRegulatedFund"] = 2] = "AbnIsUsedForRegulatedFund";
+  AbnValidationStatus[AbnValidationStatus["Valid"] = 3] = "Valid";
+})(AbnValidationStatus || (AbnValidationStatus = {}));
 const SelfManagedFundInputs = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.formChanged = createEvent(this, "formChanged", 7);
-    this.isAbnValid = false;
+    this.abnValidationStatus = AbnValidationStatus.Invalid;
     this.isAbnTouched = false;
-    this.isAbnUsedForRegulated = false;
     this.currentBank = none;
     this.addressErrorMessage = none;
     this.stateOptions = [
@@ -16468,12 +16484,21 @@ const SelfManagedFundInputs = class {
         .showValidationErrors
     };
     return (h("div", null, h("div", null, h("label", { class: "text-sm font-medium text-gray-700" }, "Fund name"), h("div", { class: "mt-1" }, h("input", { type: "text", class: inputClass, required: true, minlength: "2", name: "fundName", id: "fundName", value: state$2.selfManagedFundForm.fundName, onChange: (ev) => this.updateFormField('fundName', ev.target.value.trim()) }), h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid fund name"))), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Fund ABN"), h("div", { class: "mt-1" }, h("input", { type: "text", class: inputClass, required: true, minlength: "2", name: "fundAbn", id: "fundAbn", value: state$2.selfManagedFundForm.fundAbn, inputmode: "numeric", pattern: "[0-9]*", onKeyUp: async (ev) => {
-        const inputAbnValue = ev.target.value;
-        this.updateFormField('fundAbn', inputAbnValue.trim());
-        this.isAbnValid = validateAbn(inputAbnValue);
-        if (this.isAbnValid)
-          this.isAbnUsedForRegulated = await this.isAbnUsedForRegulatedAsync(inputAbnValue);
-        this.updateFormField('isAbnValid', this.isAbnValid);
+        const abnInput = ev.target;
+        this.updateFormField('fundAbn', abnInput.value.trim());
+        this.abnValidationStatus = AbnValidationStatus.Invalid;
+        if (validateAbn(abnInput.value)) {
+          const isAbnUsedForRegulatedFund = await this.isAbnUsedForRegulatedAsync(abnInput.value);
+          this.abnValidationStatus = isAbnUsedForRegulatedFund
+            ? AbnValidationStatus.AbnIsUsedForRegulatedFund
+            : AbnValidationStatus.Valid;
+        }
+        // We need to set a custom validity message to trigger css invalid styles for non valid cases
+        const validityMessage = this.abnValidationStatus === AbnValidationStatus.Valid
+          ? ''
+          : 'Enter a valid fund ABN (digits only)';
+        abnInput.setCustomValidity(validityMessage);
+        this.updateFormField('isAbnValid', this.abnValidationStatus === AbnValidationStatus.Valid);
       }, onBlur: () => (this.isAbnTouched = true) }), this.renderAbnValidationError())), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Electronic service address alias (ESA)"), h("div", { class: "mt-1" }, h("input", { type: "text", class: inputClass, required: true, minlength: "2", name: "fundEsa", id: "fundEsa", value: state$2.selfManagedFundForm.fundEsa, onChange: (ev) => this.updateFormField('fundEsa', ev.target.value.trim()) }), h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid fund ESA"))), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Fund address"), h("div", { class: "mt-1 rounded-md shadow-sm -space-y-px" }, 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$2.selfManagedFundForm.addressLine1, onChange: (ev) => {
         this.updateFormField('addressLine1', ev.target.value.trim());
         this.updateAddressErrorMessage();
@@ -16486,7 +16511,7 @@ const SelfManagedFundInputs = class {
       }, ref: (el) => (this.postcodeElement = el) })), h("div", { class: "flex-1 min-w-0" }, 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) }, h("option", { disabled: true, selected: this.fundForm.state !== undefined, value: "" }, "State"), this.stateOptions.map((s) => (h("option", { value: s.value, selected: this.fundForm.state === s.value }, s.label))))))), isSome(this.addressErrorMessage) && this.showValidationErrors && (h("div", { class: "mt-2 text-sm text-red-600" }, this.addressErrorMessage.value))), h("div", { class: "flex space-x-4" }, h("div", { class: "mt-3 w-1/2" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Given name(s)"), h("div", { class: "mt-1" }, h("sss-name-input", { name: "memberFirstName", readableName: "Member given name(s)", showValidationErrors: this.showValidationErrors, value: state$2.selfManagedFundForm.memberFirstName, onChange: (ev) => this.updateFormField('memberFirstName', ev.target.value.trim()) }))), h("div", { class: "mt-3 w-1/2" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Last name"), h("div", { class: "mt-1" }, h("sss-name-input", { name: "memberFamilyName", readableName: "Member last name", showValidationErrors: this.showValidationErrors, value: state$2.selfManagedFundForm.memberFamilyName, onChange: (ev) => this.updateFormField('memberFamilyName', ev.target.value.trim()) })))), h("h3", { class: "text-lg font-bold mt-6" }, "Fund bank details"), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Account name"), h("div", { class: "mt-1" }, h("input", { type: "text", required: true, class: inputClass, name: "bankAccountName", minlength: "2", id: "bankAccountName", value: state$2.selfManagedFundForm.bankAccountName, onChange: (ev) => this.updateFormField('bankAccountName', ev.target.value.trim()) }), h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid bank account name"))), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "BSB"), h("div", { class: "mt-1" }, 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$2.selfManagedFundForm.bsb }), h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid BSB"))), isSome(this.currentBank) && (h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Bank name"), 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))), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Account number"), h("div", { class: "mt-1" }, h("input", { type: "text", required: true, class: inputClass, name: "bankAccountNumber", id: "bankAccountNumber", minlength: "2", maxlength: "11", pattern: this.bankAccountNumberRegex.source, inputmode: "numeric", value: state$2.selfManagedFundForm.bankAccountNumber, onKeyUp: (ev) => this.updateCurrentBankAccountNumber(ev), onChange: (ev) => this.updateFormField('bankAccountNumber', ev.target.value.trim()) }), h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid bank account number")))));
+      }, ref: (el) => (this.stateElement = el) }, h("option", { disabled: true, selected: this.fundForm.state !== undefined, value: "" }, "State"), this.stateOptions.map((s) => (h("option", { value: s.value, selected: this.fundForm.state === s.value }, s.label))))))), isSome(this.addressErrorMessage) && this.showValidationErrors && (h("div", { class: "mt-2 text-sm text-red-600" }, this.addressErrorMessage.value))), h("div", { class: "flex space-x-4" }, h("div", { class: "mt-3 w-1/2" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Given name(s)"), h("div", { class: "mt-1" }, h("sss-name-input", { testId: "member-given-names-input", name: "memberFirstName", readableName: "Member given name(s)", showValidationErrors: this.showValidationErrors, value: state$2.selfManagedFundForm.memberFirstName, onChange: (ev) => this.updateFormField('memberFirstName', ev.target.value.trim()) }))), h("div", { class: "mt-3 w-1/2" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Last name"), h("div", { class: "mt-1" }, h("sss-name-input", { testId: "member-last-name-input", name: "memberFamilyName", readableName: "Member last name", showValidationErrors: this.showValidationErrors, value: state$2.selfManagedFundForm.memberFamilyName, onChange: (ev) => this.updateFormField('memberFamilyName', ev.target.value.trim()) })))), h("h3", { class: "text-lg font-bold mt-6" }, "Fund bank details"), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Account name"), h("div", { class: "mt-1" }, h("input", { type: "text", required: true, class: inputClass, name: "bankAccountName", minlength: "2", id: "bankAccountName", value: state$2.selfManagedFundForm.bankAccountName, onChange: (ev) => this.updateFormField('bankAccountName', ev.target.value.trim()) }), h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid bank account name"))), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "BSB"), h("div", { class: "mt-1" }, 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$2.selfManagedFundForm.bsb }), h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid BSB"))), isSome(this.currentBank) && (h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Bank name"), 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))), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Account number"), h("div", { class: "mt-1" }, h("input", { type: "text", required: true, class: inputClass, name: "bankAccountNumber", id: "bankAccountNumber", minlength: "2", maxlength: "11", pattern: this.bankAccountNumberRegex.source, inputmode: "numeric", value: state$2.selfManagedFundForm.bankAccountNumber, onKeyUp: (ev) => this.updateCurrentBankAccountNumber(ev), onChange: (ev) => this.updateFormField('bankAccountNumber', ev.target.value.trim()) }), 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 });
@@ -16496,11 +16521,13 @@ const SelfManagedFundInputs = class {
   }
   renderAbnValidationError() {
     if (this.isAbnTouched || this.showValidationErrors) {
-      if (!this.isAbnValid) {
-        return h("div", { class: "mt-2 text-sm text-red-600" }, "Enter a valid fund ABN (digits only)");
-      }
-      else if (this.isAbnUsedForRegulated) {
-        return (h("div", { class: "mt-2 text-sm text-red-600" }, "The supplied ABN is for a regulated fund"));
+      switch (this.abnValidationStatus) {
+        case AbnValidationStatus.Invalid:
+          return h("div", { class: "mt-2 text-sm text-red-600" }, "Enter a valid fund ABN (digits only)");
+        case AbnValidationStatus.AbnIsUsedForRegulatedFund:
+          return (h("div", { class: "mt-2 text-sm text-red-600" }, "The supplied ABN is for a regulated fund"));
+        case AbnValidationStatus.Valid:
+          return [];
       }
     }
     return [];
@@ -16740,7 +16767,7 @@ const StandardChoiceFormInputDefaultFund = class {
     window.removeEventListener('popstate', this.ignorePopState);
   }
   render() {
-    return (h(Host, null, h("div", { class: "text-2xl sm:text-3xl font-bold text-center" }, "Confirm your super choice"), h("div", { class: "sm:text-lg text-gray-600 max-w-800 mt-4 text-center leading-7 sm:leading-8" }, "Your authorisation is required to complete your super choice by signing the standard choice form, which informs your employer of your choice of fund."), h("div", { class: "flex justify-center mt-8 sm:mt-12" }, h("div", { class: "max-w-560" }, h("div", { class: "p-4 sm:p-6 border shadow-sm rounded-lg flex flex-col sm:flex-row" }, this.renderLogo(), h("div", { class: "flex justify-between w-full" }, h("div", null, h("div", { class: "text-xs font-semibold text-gray-500 uppercase" }, "Nominated fund"), h("div", { class: "text-sm mt-2" }, state$1.fundName)), h("div", { class: "grid content-center ml-4" }, h("sss-button", { size: "xs", variant: "secondary", promiseFn: async () => {
+    return (h(Host, null, h("div", { class: "text-2xl sm:text-3xl font-bold text-center" }, "Confirm your super choice"), h("div", { class: "sm:text-lg text-gray-600 max-w-800 mt-4 text-center leading-7 sm:leading-8" }, "Your authorisation is required to complete your super choice by signing the standard choice form, which informs your employer of your choice of fund."), h("div", { class: "flex justify-center mt-8 sm:mt-12" }, h("div", { class: "max-w-560" }, h("div", { class: "p-4 sm:p-6 border shadow-sm rounded-lg flex flex-col sm:flex-row" }, this.renderLogo(), h("div", { class: "flex justify-between w-full" }, h("div", null, h("div", { class: "text-xs font-semibold text-gray-500 uppercase" }, "Nominated fund"), h("div", { class: "text-sm mt-2" }, state$1.fundName)), h("div", { class: "grid content-center ml-4" }, h("sss-button", { testid: "change-fund-button", size: "xs", variant: "secondary", promiseFn: async () => {
         await this.trackChangeRequestedAsync();
         const changeFundRoute = Option.isSome(superSelectionAppService.state.superChoicePrefill)
           ? SuperSelectionAppRoutes.ConsentPage
@@ -16749,10 +16776,10 @@ const StandardChoiceFormInputDefaultFund = class {
       } }, "Change")))), h("div", { class: "mt-4 p-4 sm:p-6 border shadow-sm rounded-lg" }, h("div", { class: "sm:text-lg font-bold" }, "Superannuation Standard Choice Form"), h("div", { class: "bg-blue-50 border-l-4 border-blue-400 p-4 mt-3" }, h("div", { class: "flex" }, h("div", { class: "flex-shrink-0" }, h("img", { class: "h-5 w-5", src: getAssetPath('assets/icon-information-circle.svg') })), h("div", { class: "ml-2" }, h("p", { class: "text-sm text-blue-800 leading-5" }, "Applying your full name in the text field below is the same as applying your written signature and is legally binding.")))), h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: {
         'mt-3': true,
         'was-validated': this.formState === 'validated'
-      }, ref: (el) => (this.formElement = el), onInput: (_) => (this.isSubmitDisabled = !this.formElement.checkValidity()) }, h("label", { class: "text-sm font-medium text-gray-700" }, "Type your full name"), h("input", { type: "text", autocomplete: "off", class: {
+      }, ref: (el) => (this.formElement = el), onInput: (_) => (this.isSubmitDisabled = !this.formElement.checkValidity()) }, h("label", { class: "text-sm font-medium text-gray-700" }, "Type your full name"), h("input", { "data-testid": "standard-choice-form-signature-input", type: "text", autocomplete: "off", class: {
         'shadow-sm focus:ring-primary-focus focus:border-primary-focus w-full text-base sm:text-sm border-gray-300 rounded-md mt-1': true,
         'invalid:border-red-300 invalid:text-red-900 invalid:focus:ring-red-500 invalid:focus:border-red-500': this.formState === 'validated'
-      }, required: true, minlength: "2", name: "standardChoiceFormSignature", id: "standardChoiceFormSignature", value: this.standardChoiceFormSignature, onInput: (event) => (this.standardChoiceFormSignature = event.target.value) }), h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Type your full name"), h("div", { class: "mt-6" }, h("sss-button", { fillWidth: true, promiseFn: () => this.handleSubmitForm(), disabled: this.isSubmitDisabled }, "Confirm and continue"))))))));
+      }, required: true, minlength: "2", name: "standardChoiceFormSignature", id: "standardChoiceFormSignature", value: this.standardChoiceFormSignature, onInput: (event) => (this.standardChoiceFormSignature = event.target.value) }), h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Type your full name"), h("div", { class: "mt-6" }, h("sss-button", { testid: "confirm-and-continue-button", fillWidth: true, promiseFn: () => this.handleSubmitForm(), disabled: this.isSubmitDisabled }, "Confirm and continue"))))))));
   }
   renderLogo() {
     if (state$1.promotedFundId == undefined)
@@ -16827,7 +16854,7 @@ const Success = class {
     const CheckIcon = () => {
       return (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", class: "fill-primary-base" }, h("path", { d: "M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z" })));
     };
-    return (h(Host, { class: "text-center" }, h("div", { class: "flex justify-center" }, h("div", { class: "relative" }, h("div", { class: "h-20 w-20 rounded-full bg-primary-base opacity-10" }), h("div", { class: "h-8 w-8 absolute top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2" }, h(CheckIcon, null)))), h("h3", { class: "text-2xl leading-8 font-bold mt-4" }, "Your super choice has been submitted"), h("p", { class: "mt-4 text-center text-gray-600 leading-7 max-w-560 mx-auto" }, "Your superannuation details have been updated successfully and will be submitted to your employer."), h("div", { class: "flex justify-center mt-8" }, h("div", { class: "max-w-[200px] w-full" }, h("sss-button", { size: "xl", fillWidth: true, onClick: this.handleContinueButtonClick }, h("span", null, "Continue"))))));
+    return (h(Host, { class: "text-center" }, h("div", { class: "flex justify-center" }, h("div", { class: "relative" }, h("div", { class: "h-20 w-20 rounded-full bg-primary-base opacity-10" }), h("div", { class: "h-8 w-8 absolute top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2" }, h(CheckIcon, null)))), h("h3", { class: "text-2xl leading-8 font-bold mt-4" }, "Your super choice has been submitted"), h("p", { class: "mt-4 text-center text-gray-600 leading-7 max-w-560 mx-auto" }, "Your superannuation details have been updated successfully and will be submitted to your employer."), h("div", { class: "flex justify-center mt-8" }, h("div", { class: "max-w-[200px] w-full" }, h("sss-button", { testid: "continue-button", size: "xl", fillWidth: true, onClick: this.handleContinueButtonClick }, h("span", null, "Continue"))))));
   }
   handleContinueButtonClick(_event) {
     superSelectionAppService.completeSuperSelectionFlow();
@@ -16987,7 +17014,6 @@ const SuperCampaignHost = class {
     this.handlePromotedFundJoined = (data) => {
       if (this.stringIsNullOrEmtpty(data.memberNumber) || this.stringIsNullOrEmtpty(data.usi)) {
         appInsights.trackErrorTrace('Super Campaign did not return (Promoted) memberNumber and/or usi');
-        navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
         return;
       }
       const usi = Usi.clean(data.usi);
@@ -17098,6 +17124,7 @@ const SuperCampaignHost = class {
       //TODO: Handle error
       // eslint-disable-next-line no-console
       console.error('Error loading component:', error);
+      appInsights.trackErrorTrace(`Error in loading Super Campaign: ${error}`);
     }
   }
   disconnectedCallback() {
@@ -17130,7 +17157,7 @@ const SuperChoiceItemBottom = class {
     this.joinFundClicked = createEvent(this, "joinFundClicked", 7);
   }
   render() {
-    return (h(Host, null, h("div", { class: "py-6 px-4 flex flex-col justify-between h-full" }, h("div", null, h("div", { class: { 'md:max-w-[240px]': true, 'lg:max-w-full': this.isMultiFund } }, h("sss-button", { class: "uuid-button-continue", fillWidth: true, onClick: () => this.handleFundClick() }, "Choose this fund")), h("div", { class: "text-xs text-gray-500 mt-6 leading-4" }, this.disclaimer)), this.abnInfo && this.abn && (h("div", { class: "text-xs text-gray-500 mt-2" }, h("p", null, "Issued by ", this.abnInfo, "."), h("p", null, "ABN: ", this.abn))))));
+    return (h(Host, null, h("div", { class: "py-6 px-4 flex flex-col justify-between h-full" }, h("div", null, h("div", { class: { 'md:max-w-[240px]': true, 'lg:max-w-full': this.isMultiFund } }, h("sss-button", { testid: "choose-this-fund-button", class: "uuid-button-continue", fillWidth: true, onClick: () => this.handleFundClick() }, "Choose this fund")), h("div", { class: "text-xs text-gray-500 mt-6 leading-4" }, this.disclaimer)), this.abnInfo && this.abn && (h("div", { class: "text-xs text-gray-500 mt-2" }, h("p", null, "Issued by ", this.abnInfo, "."), h("p", null, "ABN: ", this.abn))))));
   }
   handleFundClick() {
     return this.joinFundClicked.emit();
@@ -17192,7 +17219,7 @@ const SuperChoicePage = class {
         'hidden border-r': true,
         'lg:block': isMultiFund,
         'rounded-br-lg': index === this.promotedFunds.length - 1
-      } }, h("sss-super-choice-item-bottom", { disclaimer: fund.disclaimer, abnInfo: fund.abnInfo, abn: fund.abn, isMultiFund: isMultiFund, onJoinFundClicked: async () => this.handleJoinSuperClickAsync(fund) })))))), h("div", { class: "flex justify-center mt-8 sm:mt-12" }, h("div", { class: "pb-8 sm:pb-12 max-w-720 border-b" }, h("h5", { class: "font-bold sm:text-lg" }, "Or, choose another super fund:"), h("ul", { class: "list-disc list-outside ml-6 mt-3 mb-6 space-y-2 leading-6 text-sm sm:text-base" }, 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."), h("li", null, "If you are unsure of your current super fund details, you can find out at", ' ', h("a", { class: "text-primary-base font-medium hover:text-primary-hover", target: "_blank", href: navigationService.toExternalUrl(mygovLink) }, mygovLinkDisplay)), h("li", null, "A full list of super funds can be viewed at", ' ', h("a", { class: "text-primary-base font-medium hover:text-primary-hover", target: "_blank", href: navigationService.toExternalUrl(superfundsLink) }, superfundsLinkDisplay))), h("stencil-route-link", { url: SuperSelectionAppRoutes.MyOwnFund }, h("sss-button", { fillWidthOnMobile: true }, "Choose another super fund")))), h("div", { class: "flex justify-center" }, h("div", { class: "pt-8 sm:pt-12 max-w-720" }, h("h5", { class: "font-semibold" }, "IMPORTANT INFORMATION:"), h("ul", { class: "list-disc list-outside ml-6 mt-3 space-y-2 text-sm leading-6" }, 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."), 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."), 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."), 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."), h("li", null, "You should be aware that the trustees of featured superannuation funds pay fees to Flare and/or its associates. Some funds pay us a fee if you choose one of the featured funds, while others pay us to have their application form on our platform.")))))));
+      } }, h("sss-super-choice-item-bottom", { disclaimer: fund.disclaimer, abnInfo: fund.abnInfo, abn: fund.abn, isMultiFund: isMultiFund, onJoinFundClicked: async () => this.handleJoinSuperClickAsync(fund) })))))), h("div", { class: "flex justify-center mt-8 sm:mt-12" }, h("div", { class: "pb-8 sm:pb-12 max-w-720 border-b" }, h("h5", { class: "font-bold sm:text-lg" }, "Or, choose another super fund:"), h("ul", { class: "list-disc list-outside ml-6 mt-3 mb-6 space-y-2 leading-6 text-sm sm:text-base" }, 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."), h("li", null, "If you are unsure of your current super fund details, you can find out at", ' ', h("a", { class: "text-primary-base font-medium hover:text-primary-hover", target: "_blank", href: navigationService.toExternalUrl(mygovLink) }, mygovLinkDisplay)), h("li", null, "A full list of super funds can be viewed at", ' ', h("a", { class: "text-primary-base font-medium hover:text-primary-hover", target: "_blank", href: navigationService.toExternalUrl(superfundsLink) }, superfundsLinkDisplay))), h("stencil-route-link", { url: SuperSelectionAppRoutes.MyOwnFund }, h("sss-button", { testid: "choose-another-super-fund-button", fillWidthOnMobile: true }, "Choose another super fund")))), h("div", { class: "flex justify-center" }, h("div", { class: "pt-8 sm:pt-12 max-w-720" }, h("h5", { class: "font-semibold" }, "IMPORTANT INFORMATION:"), h("ul", { class: "list-disc list-outside ml-6 mt-3 space-y-2 text-sm leading-6" }, 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."), 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."), 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."), 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."), h("li", null, "You should be aware that the trustees of featured superannuation funds pay fees to Flare and/or its associates. Some funds pay us a fee if you choose one of the featured funds, while others pay us to have their application form on our platform.")))))));
   }
   getPromotedFunds() {
     const fundTiles = [];
@@ -17246,6 +17273,17 @@ const SuperChoicePage = class {
   }
   static get assetsDirs() { return ["assets"]; }
 };
+injectHistory(SuperChoicePage);
+
+const SuperChoicePageWrapper = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return superSelectionAppService.state.superCampaignEnabled ? (h("sss-super-campaign-host", null)) : (h("sss-super-choice-page", null));
+  }
+};
+injectHistory(SuperChoicePageWrapper);
 
 const routeCss = "stencil-route.inactive{display:none}";
 
@@ -19051,4 +19089,4 @@ const SuperSelectionAppHost = class {
 };
 SuperSelectionAppHost.style = superSelectionAppHostCss;
 
-export { Button as sss_button, Consent as sss_consent_page, CustomFund as sss_custom_fund, DefaultFund as sss_default_fund, SelectInputAsync as sss_dropdown_async, ExistingChoice as sss_existing_choice_page, FooterSection as sss_footer_section, HeaderSection as sss_header_section, IFrameHost as sss_iframe_host, LoadingComponent as sss_loading_component, LoadingIndicator as sss_loading_indicator, LoadingPage as sss_loading_page, LoadingComponent$1 as sss_loading_super_indicator, MyOwnFund as sss_my_own_fund, MyOwnFundInputs as sss_my_own_fund_inputs, MemberNameInput as sss_name_input, Prefill as sss_prefill, DisplayField as sss_prefill_display_field, PrefillErrorBox as sss_prefill_error_box, PrefillInvalidMyOwnFund as sss_prefill_invalid_my_own_fund, PrefillInvalidSMSF as sss_prefill_invalid_smsf, PrefillMyOwnFund as sss_prefill_my_own_fund, PrefillSMSF as sss_prefill_smsf, PrefillWarningBox as sss_prefill_warning_box, PromotedFundJoinV1Page as sss_promoted_fund_join_v1_page, PromotedFundJoinV2Page as sss_promoted_fund_join_v2_page, SelfManagedFund as sss_self_managed_fund, SelfManagedFundInputs as sss_self_managed_fund_inputs, SlateJoinPage as sss_slate_join_page, StandardChoiceFormInputDefaultFund as sss_standard_choice_form, Success as sss_success, SuperCampaignHost as sss_super_campaign_host, SuperChoiceItemBottom as sss_super_choice_item_bottom, SuperChoiceItemTop as sss_super_choice_item_top, SuperChoicePage as sss_super_choice_page, Route as stencil_route, RouteLink$1 as stencil_route_link, RouteSwitch as stencil_route_switch, Router as stencil_router, SuperSelectionApp as super_selection_app, SuperSelectionAppHost as super_selection_app_host };
+export { Button as sss_button, Consent as sss_consent_page, ConsentWrapper as sss_consent_page_wrapper, CustomFund as sss_custom_fund, DefaultFund as sss_default_fund, SelectInputAsync as sss_dropdown_async, ExistingChoice as sss_existing_choice_page, FooterSection as sss_footer_section, HeaderSection as sss_header_section, IFrameHost as sss_iframe_host, LoadingComponent as sss_loading_component, LoadingIndicator as sss_loading_indicator, LoadingPage as sss_loading_page, LoadingComponent$1 as sss_loading_super_indicator, MyOwnFund as sss_my_own_fund, MyOwnFundInputs as sss_my_own_fund_inputs, MemberNameInput as sss_name_input, Prefill as sss_prefill, DisplayField as sss_prefill_display_field, PrefillErrorBox as sss_prefill_error_box, PrefillInvalidMyOwnFund as sss_prefill_invalid_my_own_fund, PrefillInvalidSMSF as sss_prefill_invalid_smsf, PrefillMyOwnFund as sss_prefill_my_own_fund, PrefillSMSF as sss_prefill_smsf, PrefillWarningBox as sss_prefill_warning_box, PromotedFundJoinV1Page as sss_promoted_fund_join_v1_page, PromotedFundJoinV2Page as sss_promoted_fund_join_v2_page, SelfManagedFund as sss_self_managed_fund, SelfManagedFundInputs as sss_self_managed_fund_inputs, SlateJoinPage as sss_slate_join_page, StandardChoiceFormInputDefaultFund as sss_standard_choice_form, Success as sss_success, SuperCampaignHost as sss_super_campaign_host, SuperChoiceItemBottom as sss_super_choice_item_bottom, SuperChoiceItemTop as sss_super_choice_item_top, SuperChoicePage as sss_super_choice_page, SuperChoicePageWrapper as sss_super_choice_page_wrapper, Route as stencil_route, RouteLink$1 as stencil_route_link, RouteSwitch as stencil_route_switch, Router as stencil_router, SuperSelectionApp as super_selection_app, SuperSelectionAppHost as super_selection_app_host };