@flarehr/apollo-super-selection 3.65.64780 → 3.68.65077
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/apollo-super-selection/apollo-super-selection.css +1 -1
- package/dist/lib/apollo-super-selection/apollo-super-selection.esm.js +1 -1
- package/dist/lib/apollo-super-selection/assets/logo-active.svg +1 -1
- package/dist/lib/apollo-super-selection/p-0f723eb4.system.js +1 -1
- package/dist/lib/apollo-super-selection/p-6c056424.entry.js +14 -0
- package/dist/lib/apollo-super-selection/p-9d82a0ed.system.entry.js +69 -0
- package/dist/lib/cjs/apollo-super-selection.cjs.js +1 -1
- package/dist/lib/cjs/loader.cjs.js +1 -1
- package/dist/lib/cjs/sss-button_30.cjs.entry.js +65 -65
- package/dist/lib/collection/apollo-super-selection.css +1 -1
- package/dist/lib/collection/components/super-selection-app/app-state-pages/success.js +1 -1
- package/dist/lib/collection/components/super-selection-app/existing-choice/existing-choice.js +31 -23
- package/dist/lib/collection/components/super-selection-app/funds/custom-fund/custom-fund.js +3 -3
- package/dist/lib/collection/components/super-selection-app/funds/custom-fund/default-fund/default-fund.js +3 -3
- package/dist/lib/collection/components/super-selection-app/funds/custom-fund/my-own-fund/my-own-fund-inputs.js +2 -2
- package/dist/lib/collection/components/super-selection-app/funds/custom-fund/my-own-fund/my-own-fund.js +1 -1
- package/dist/lib/collection/components/super-selection-app/funds/custom-fund/self-managed-fund/self-managed-fund-inputs.js +1 -1
- package/dist/lib/collection/components/super-selection-app/funds/custom-fund/self-managed-fund/self-managed-fund.js +1 -1
- package/dist/lib/collection/components/super-selection-app/header-section/header-section.js +3 -13
- package/dist/lib/collection/components/super-selection-app/misc/button.js +32 -1
- package/dist/lib/collection/components/super-selection-app/misc/dropdown-async.js +2 -2
- package/dist/lib/collection/components/super-selection-app/services/feature-flag.service.js +3 -1
- package/dist/lib/collection/components/super-selection-app/standard-choice/standard-choice-form.js +4 -4
- package/dist/lib/collection/components/super-selection-app/super-choice-page/assets/logo-active.svg +1 -1
- package/dist/lib/collection/components/super-selection-app/super-choice-page/super-choice-item/super-choice-item-top.js +26 -20
- package/dist/lib/collection/components/super-selection-app/super-choice-page/super-choice-page.js +27 -33
- package/dist/lib/esm/apollo-super-selection.js +1 -1
- package/dist/lib/esm/loader.js +1 -1
- package/dist/lib/esm/sss-button_30.entry.js +65 -65
- package/dist/lib/esm-es5/apollo-super-selection.js +1 -1
- package/dist/lib/esm-es5/loader.js +1 -1
- package/dist/lib/esm-es5/sss-button_30.entry.js +2 -2
- package/dist/lib/types/components/super-selection-app/misc/button.d.ts +2 -0
- package/dist/lib/types/components/super-selection-app/super-choice-page/super-choice-item/super-choice-item-top.d.ts +3 -2
- package/dist/lib/types/components.d.ts +7 -5
- package/package.json +1 -1
- package/dist/lib/apollo-super-selection/p-8d47d8e3.entry.js +0 -14
- package/dist/lib/apollo-super-selection/p-ac2c3503.system.entry.js +0 -69
|
@@ -18,5 +18,5 @@ const patchBrowser = () => {
|
|
|
18
18
|
|
|
19
19
|
patchBrowser().then(options => {
|
|
20
20
|
appGlobals.globalScripts();
|
|
21
|
-
return index.bootstrapLazy([["context-consumer.cjs",[[0,"context-consumer",{"context":[16],"renderer":[16],"subscribe":[16],"unsubscribe":[32]}]]],["stencil-async-content.cjs",[[0,"stencil-async-content",{"documentLocation":[1,"document-location"],"content":[32]}]]],["stencil-route-title.cjs",[[0,"stencil-route-title",{"titleSuffix":[1,"title-suffix"],"pageTitle":[1,"page-title"]}]]],["stencil-router-prompt.cjs",[[0,"stencil-router-prompt",{"when":[4],"message":[1],"history":[16],"unblock":[32]}]]],["stencil-router-redirect.cjs",[[0,"stencil-router-redirect",{"history":[16],"root":[1],"url":[1]}]]],["sss-button_30.cjs",[[0,"sss-my-own-fund",{"history":[16],"formState":[32],"isNotAllInformationProvidedMessageVisible":[32],"isSubmitDisabled":[32]}],[0,"sss-self-managed-fund",{"history":[16],"formState":[32],"showSmsfNotSupported":[32],"isSubmitDisabled":[32]}],[0,"sss-super-choice-page",{"history":[16],"promotedFunds":[32]}],[1,"super-selection-app-host",{"sessionState":[32],"jwt":[32],"appConfiguration":[32]}],[0,"sss-default-fund",{"history":[16],"defaultFundProductName":[32]}],[0,"sss-standard-choice-form",{"history":[16],"standardChoiceFormSignature":[32],"formState":[32],"isSubmitDisabled":[32]}],[0,"sss-consent-page",{"history":[16]}],[0,"sss-existing-choice-page",{"history":[16],"existingFund":[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"],[1,"super-selection-app",{"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-smsf-not-supported-dialog"],[0,"sss-super-choice-item-bottom",{"disclaimer":[16],"abnInfo":[1,"abn-info"],"abn":[1]}],[0,"sss-loading-page"],[0,"sss-self-managed-fund-inputs",{"fundForm":[16],"showValidationErrors":[4,"show-validation-errors"],"isAbnValid":[32],"isAbnTouched":[32],"currentBank":[32],"addressErrorMessage":[32]}],[0,"sss-super-choice-item-top",{"name":[1],"logo":[1],"features":[
|
|
21
|
+
return index.bootstrapLazy([["context-consumer.cjs",[[0,"context-consumer",{"context":[16],"renderer":[16],"subscribe":[16],"unsubscribe":[32]}]]],["stencil-async-content.cjs",[[0,"stencil-async-content",{"documentLocation":[1,"document-location"],"content":[32]}]]],["stencil-route-title.cjs",[[0,"stencil-route-title",{"titleSuffix":[1,"title-suffix"],"pageTitle":[1,"page-title"]}]]],["stencil-router-prompt.cjs",[[0,"stencil-router-prompt",{"when":[4],"message":[1],"history":[16],"unblock":[32]}]]],["stencil-router-redirect.cjs",[[0,"stencil-router-redirect",{"history":[16],"root":[1],"url":[1]}]]],["sss-button_30.cjs",[[0,"sss-my-own-fund",{"history":[16],"formState":[32],"isNotAllInformationProvidedMessageVisible":[32],"isSubmitDisabled":[32]}],[0,"sss-self-managed-fund",{"history":[16],"formState":[32],"showSmsfNotSupported":[32],"isSubmitDisabled":[32]}],[0,"sss-super-choice-page",{"history":[16],"promotedFunds":[32]}],[1,"super-selection-app-host",{"sessionState":[32],"jwt":[32],"appConfiguration":[32]}],[0,"sss-default-fund",{"history":[16],"defaultFundProductName":[32]}],[0,"sss-standard-choice-form",{"history":[16],"standardChoiceFormSignature":[32],"formState":[32],"isSubmitDisabled":[32]}],[0,"sss-consent-page",{"history":[16]}],[0,"sss-existing-choice-page",{"history":[16],"existingFund":[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"],[1,"super-selection-app",{"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-smsf-not-supported-dialog"],[0,"sss-super-choice-item-bottom",{"disclaimer":[16],"abnInfo":[1,"abn-info"],"abn":[1]}],[0,"sss-loading-page"],[0,"sss-self-managed-fund-inputs",{"fundForm":[16],"showValidationErrors":[4,"show-validation-errors"],"isAbnValid":[32],"isAbnTouched":[32],"currentBank":[32],"addressErrorMessage":[32]}],[0,"sss-super-choice-item-top",{"name":[1],"logo":[1],"features":[16],"featureSubText":[16]}],[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"],[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-header-section",{"currentPage":[1,"current-page"]}],[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);
|
|
22
22
|
});
|
|
@@ -17,7 +17,7 @@ const defineCustomElements = (win, options) => {
|
|
|
17
17
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
18
18
|
return patchEsm().then(() => {
|
|
19
19
|
appGlobals.globalScripts();
|
|
20
|
-
return index.bootstrapLazy([["context-consumer.cjs",[[0,"context-consumer",{"context":[16],"renderer":[16],"subscribe":[16],"unsubscribe":[32]}]]],["stencil-async-content.cjs",[[0,"stencil-async-content",{"documentLocation":[1,"document-location"],"content":[32]}]]],["stencil-route-title.cjs",[[0,"stencil-route-title",{"titleSuffix":[1,"title-suffix"],"pageTitle":[1,"page-title"]}]]],["stencil-router-prompt.cjs",[[0,"stencil-router-prompt",{"when":[4],"message":[1],"history":[16],"unblock":[32]}]]],["stencil-router-redirect.cjs",[[0,"stencil-router-redirect",{"history":[16],"root":[1],"url":[1]}]]],["sss-button_30.cjs",[[0,"sss-my-own-fund",{"history":[16],"formState":[32],"isNotAllInformationProvidedMessageVisible":[32],"isSubmitDisabled":[32]}],[0,"sss-self-managed-fund",{"history":[16],"formState":[32],"showSmsfNotSupported":[32],"isSubmitDisabled":[32]}],[0,"sss-super-choice-page",{"history":[16],"promotedFunds":[32]}],[1,"super-selection-app-host",{"sessionState":[32],"jwt":[32],"appConfiguration":[32]}],[0,"sss-default-fund",{"history":[16],"defaultFundProductName":[32]}],[0,"sss-standard-choice-form",{"history":[16],"standardChoiceFormSignature":[32],"formState":[32],"isSubmitDisabled":[32]}],[0,"sss-consent-page",{"history":[16]}],[0,"sss-existing-choice-page",{"history":[16],"existingFund":[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"],[1,"super-selection-app",{"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-smsf-not-supported-dialog"],[0,"sss-super-choice-item-bottom",{"disclaimer":[16],"abnInfo":[1,"abn-info"],"abn":[1]}],[0,"sss-loading-page"],[0,"sss-self-managed-fund-inputs",{"fundForm":[16],"showValidationErrors":[4,"show-validation-errors"],"isAbnValid":[32],"isAbnTouched":[32],"currentBank":[32],"addressErrorMessage":[32]}],[0,"sss-super-choice-item-top",{"name":[1],"logo":[1],"features":[
|
|
20
|
+
return index.bootstrapLazy([["context-consumer.cjs",[[0,"context-consumer",{"context":[16],"renderer":[16],"subscribe":[16],"unsubscribe":[32]}]]],["stencil-async-content.cjs",[[0,"stencil-async-content",{"documentLocation":[1,"document-location"],"content":[32]}]]],["stencil-route-title.cjs",[[0,"stencil-route-title",{"titleSuffix":[1,"title-suffix"],"pageTitle":[1,"page-title"]}]]],["stencil-router-prompt.cjs",[[0,"stencil-router-prompt",{"when":[4],"message":[1],"history":[16],"unblock":[32]}]]],["stencil-router-redirect.cjs",[[0,"stencil-router-redirect",{"history":[16],"root":[1],"url":[1]}]]],["sss-button_30.cjs",[[0,"sss-my-own-fund",{"history":[16],"formState":[32],"isNotAllInformationProvidedMessageVisible":[32],"isSubmitDisabled":[32]}],[0,"sss-self-managed-fund",{"history":[16],"formState":[32],"showSmsfNotSupported":[32],"isSubmitDisabled":[32]}],[0,"sss-super-choice-page",{"history":[16],"promotedFunds":[32]}],[1,"super-selection-app-host",{"sessionState":[32],"jwt":[32],"appConfiguration":[32]}],[0,"sss-default-fund",{"history":[16],"defaultFundProductName":[32]}],[0,"sss-standard-choice-form",{"history":[16],"standardChoiceFormSignature":[32],"formState":[32],"isSubmitDisabled":[32]}],[0,"sss-consent-page",{"history":[16]}],[0,"sss-existing-choice-page",{"history":[16],"existingFund":[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"],[1,"super-selection-app",{"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-smsf-not-supported-dialog"],[0,"sss-super-choice-item-bottom",{"disclaimer":[16],"abnInfo":[1,"abn-info"],"abn":[1]}],[0,"sss-loading-page"],[0,"sss-self-managed-fund-inputs",{"fundForm":[16],"showValidationErrors":[4,"show-validation-errors"],"isAbnValid":[32],"isAbnTouched":[32],"currentBank":[32],"addressErrorMessage":[32]}],[0,"sss-super-choice-item-top",{"name":[1],"logo":[1],"features":[16],"featureSubText":[16]}],[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"],[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-header-section",{"currentPage":[1,"current-page"]}],[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);
|
|
21
21
|
});
|
|
22
22
|
};
|
|
23
23
|
|
|
@@ -264,7 +264,7 @@ class TapSubscriber extends datoramaAkita.Subscriber {
|
|
|
264
264
|
}
|
|
265
265
|
}
|
|
266
266
|
|
|
267
|
-
const AppVersion = '3.
|
|
267
|
+
const AppVersion = '3.68.65077';
|
|
268
268
|
|
|
269
269
|
// -------------------------------------------------------------------------------------
|
|
270
270
|
// guards
|
|
@@ -928,13 +928,22 @@ const Button = class {
|
|
|
928
928
|
this.fillWidthOnMobile = false;
|
|
929
929
|
this.disabled = false;
|
|
930
930
|
this.variant = 'primary';
|
|
931
|
+
this.size = 'base';
|
|
931
932
|
this.promiseFn = () => Promise.resolve();
|
|
932
933
|
// eslint-disable-next-line @typescript-eslint/member-ordering
|
|
933
934
|
this.state = PromiseButtonState.Available;
|
|
934
935
|
}
|
|
935
936
|
render() {
|
|
937
|
+
const sizeCss = {
|
|
938
|
+
xs: 'px-2.5 py-1.5 text-xs',
|
|
939
|
+
base: 'px-4 py-2 text-base',
|
|
940
|
+
xl: 'px-6 py-3 text-base'
|
|
941
|
+
};
|
|
936
942
|
return (index.h("button", { class: {
|
|
937
|
-
|
|
943
|
+
[sizeCss[this.size]]: true,
|
|
944
|
+
'inline-flex items-center justify-center border font-medium': true,
|
|
945
|
+
'rounded-md shadow-sm focus:outline-none focus:ring-2': true,
|
|
946
|
+
'focus:ring-offset-2 focus:ring-primary-focus pointer-events-auto': true,
|
|
938
947
|
'disabled:pointer-events-none disabled:border-gray-300 disabled:bg-gray-100 disabled:text-gray-400': true,
|
|
939
948
|
'border-transparent text-white bg-primary-base hover:bg-primary-hover': this.variant === 'primary',
|
|
940
949
|
'border-gray-300 text-gray-700 bg-white hover:bg-gray-50': this.variant === 'secondary',
|
|
@@ -3698,12 +3707,12 @@ const CustomFund = class {
|
|
|
3698
3707
|
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "h-5 w-5 text-gray-500", viewBox: "0 0 20 20" }, index.h("path", { "fill-rule": "evenodd", d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z", "clip-rule": "evenodd" })));
|
|
3699
3708
|
};
|
|
3700
3709
|
const CheckIcon = () => {
|
|
3701
|
-
return (index.h("svg", { class: "h-5 w-5 fill-primary-base", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20" }, index.h("path", { "fill-rule": "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", "clip-rule": "evenodd" })));
|
|
3710
|
+
return (index.h("svg", { class: "h-5 w-5 fill-primary-base group-hover:fill-white", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20" }, index.h("path", { "fill-rule": "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", "clip-rule": "evenodd" })));
|
|
3702
3711
|
};
|
|
3703
|
-
return (index.h("div", { class: "max-w-560 relative" }, index.h("label", { class: "font-medium text-gray-700 text-sm" }, "Which fund would you like to nominate?"), index.h("div", { class: "mt-1 mb-4" }, index.h("button", { type: "button", class: "bg-white relative w-full border border-gray-300 rounded-md shadow-sm pl-3 pr-10 py-2 text-left cursor-default focus:outline-none focus:ring-1 focus:ring-primary-focus focus:border-primary-base text-sm", onClick: () => (this.showFundOptionsSelection = !this.showFundOptionsSelection) }, index.h("span", { class: {
|
|
3712
|
+
return (index.h("div", { class: "max-w-560 relative" }, index.h("label", { class: "font-medium text-gray-700 text-sm" }, "Which fund would you like to nominate?"), index.h("div", { class: "mt-1 mb-4" }, index.h("button", { type: "button", class: "bg-white relative w-full border border-gray-300 rounded-md shadow-sm pl-3 pr-10 py-2 text-left cursor-default focus:outline-none focus:ring-1 focus:ring-primary-focus focus:border-primary-base text-base sm:text-sm", onClick: () => (this.showFundOptionsSelection = !this.showFundOptionsSelection) }, index.h("span", { class: {
|
|
3704
3713
|
'block truncate': true,
|
|
3705
3714
|
'text-gray-500': this.showFundOptionsSelection
|
|
3706
|
-
} }, this.showFundOptionsSelection ? 'Select' : this.currentCustomFund.label), index.h("span", { class: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none" }, index.h(ChevronDownIcon, null))), this.showFundOptionsSelection && (index.h("ul", { class: "absolute z-10 mt-1 w-full bg-white shadow-lg max-h-60 rounded-md py-1 ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none text-sm" }, this.fundOptionsList.map((f) => (index.h("li", { class: "text-gray-900 cursor-default select-none relative py-2 pl-3 pr-9 hover:bg-primary-
|
|
3715
|
+
} }, this.showFundOptionsSelection ? 'Select' : this.currentCustomFund.label), index.h("span", { class: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none" }, index.h(ChevronDownIcon, null))), this.showFundOptionsSelection && (index.h("ul", { class: "absolute z-10 mt-1 w-full bg-white shadow-lg max-h-60 rounded-md py-1 ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none text-base sm:text-sm" }, this.fundOptionsList.map((f) => (index.h("li", { class: "text-gray-900 cursor-default select-none relative py-2 pl-3 pr-9 group hover:bg-primary-base", onClick: () => {
|
|
3707
3716
|
this.showFundOptionsSelection = !this.showFundOptionsSelection;
|
|
3708
3717
|
navigationService.navigateInternally(this.history, f.value);
|
|
3709
3718
|
} }, index.h("span", { class: {
|
|
@@ -3799,7 +3808,7 @@ const DefaultFund = class {
|
|
|
3799
3808
|
});
|
|
3800
3809
|
}
|
|
3801
3810
|
render() {
|
|
3802
|
-
return (index.h(index.Host, null, index.h("sss-header-section", { currentPage: "own-fund" }), index.h("div", { class: "flex justify-center mt-11" }, index.h("sss-custom-fund", null, index.h("div", { class: "p-4 sm:p-6 border shadow-sm rounded-lg" }, index.h("p", { class: "sm:text-lg font-bold mb-3" }, "Fund details"), index.h("div", { class: "bg-yellow-50 border-l-4 border-yellow-400 p-4 my-3" }, index.h("div", { class: "flex" }, index.h("div", { class: "flex-shrink-0" }, index.h("img", { class: "h-5 w-5", src: index.getAssetPath('assets/icon-exclamation.svg') })), index.h("div", { class: "ml-3 text-sm text-yellow-700 leading-5" }, this.isDefaultFundExists && !this.isInvalidDefaultFund ? (index.h("span", null, "By choosing to join your employer\u2019s default super fund, you acknowledge that your application to join is subject to Trustee approval.")) : (index.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 defaut fund."))))), this.isDefaultFundExists && !this.isInvalidDefaultFund && (index.h("div", null, index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Fund Name"), index.h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-sm" }, this.defaultFundProductName)), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Fund USI"), index.h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-sm" }, this.defaultFund.usi))))), index.h("div", { class: "flex justify-center mt-8" }, index.h("div", { class: "sm:max-w-320 w-full" }, this.isDefaultFundExists && !this.isInvalidDefaultFund && (index.h("div", { class: "mb-4" }, index.h("sss-button", { fillWidth: true, promiseFn: () => this.handleSubmitForm() }, "Continue"))), index.h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage }, index.h("sss-button", { fillWidth: true, variant: "secondary" }, "Back"))))))));
|
|
3811
|
+
return (index.h(index.Host, null, index.h("sss-header-section", { currentPage: "own-fund" }), index.h("div", { class: "flex justify-center mt-11" }, index.h("sss-custom-fund", null, index.h("div", { class: "p-4 sm:p-6 pb-6 sm:pb-8 border shadow-sm rounded-lg" }, index.h("p", { class: "sm:text-lg font-bold mb-3" }, "Fund details"), index.h("div", { class: "bg-yellow-50 border-l-4 border-yellow-400 p-4 my-3" }, index.h("div", { class: "flex" }, index.h("div", { class: "flex-shrink-0" }, index.h("img", { class: "h-5 w-5", src: index.getAssetPath('assets/icon-exclamation.svg') })), index.h("div", { class: "ml-3 text-sm text-yellow-700 leading-5" }, this.isDefaultFundExists && !this.isInvalidDefaultFund ? (index.h("span", null, "By choosing to join your employer\u2019s default super fund, you acknowledge that your application to join is subject to Trustee approval.")) : (index.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 defaut fund."))))), this.isDefaultFundExists && !this.isInvalidDefaultFund && (index.h("div", null, index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Fund Name"), index.h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-base sm:text-sm" }, this.defaultFundProductName)), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Fund USI"), index.h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-base sm:text-sm" }, this.defaultFund.usi))))), index.h("div", { class: "flex justify-center mt-8" }, index.h("div", { class: "sm:max-w-320 w-full" }, this.isDefaultFundExists && !this.isInvalidDefaultFund && (index.h("div", { class: "mb-4" }, index.h("sss-button", { fillWidth: true, promiseFn: () => this.handleSubmitForm() }, "Continue"))), index.h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage }, index.h("sss-button", { fillWidth: true, variant: "secondary" }, "Back"))))))));
|
|
3803
3812
|
}
|
|
3804
3813
|
async handleSubmitForm() {
|
|
3805
3814
|
if (this.isInvalidDefaultFund) {
|
|
@@ -3856,7 +3865,7 @@ const SelectInputAsync = class {
|
|
|
3856
3865
|
return (index.h("span", { class: "cursor-pointer text-gray-500 py-1.5 pl-4" }, "No items match your search"));
|
|
3857
3866
|
}
|
|
3858
3867
|
return this.filteredOptions.map((option, _index) => (index.h("div", { class: {
|
|
3859
|
-
'cursor-pointer text-wrap hover:bg-primary-
|
|
3868
|
+
'cursor-pointer text-wrap hover:bg-primary-base py-1.5 pl-4': true,
|
|
3860
3869
|
'bg-primary-base': this.isOptionSelected(option)
|
|
3861
3870
|
}, onClick: (_event) => {
|
|
3862
3871
|
this.toggleDropdown(false);
|
|
@@ -3951,7 +3960,7 @@ const SelectInputAsync = class {
|
|
|
3951
3960
|
render() {
|
|
3952
3961
|
var _a;
|
|
3953
3962
|
return (index.h(index.Host, null, index.h("div", { class: "relative" }, index.h("input", { type: "text", class: {
|
|
3954
|
-
'shadow-sm focus:ring-primary-focus focus:border-primary-base block w-full text-sm border-gray-300 rounded-md': true,
|
|
3963
|
+
'shadow-sm focus:ring-primary-focus focus:border-primary-base block w-full text-base sm:text-sm border-gray-300 rounded-md': true,
|
|
3955
3964
|
'invalid:border-red-300 invalid:text-red-900 invalid:placeholder-red-300 invalid:focus:ring-red-500 invalid:focus:border-red-500': this
|
|
3956
3965
|
.showValidationErrors
|
|
3957
3966
|
}, placeholder: this.placeholder, required: this.required, disabled: this.disabled, value: this.inputValue, ref: (el) => (this.inputElement = el) }), index.h("div", { class: {
|
|
@@ -4236,6 +4245,8 @@ const existingFundService = new ExistingFundService();
|
|
|
4236
4245
|
class FeatureFlagService {
|
|
4237
4246
|
static isNewComplianceEnabled() {
|
|
4238
4247
|
const whitelistedPartners = [
|
|
4248
|
+
'APOLLO-PARTNER-DEV',
|
|
4249
|
+
'APOLLO-PARTNER-TEST',
|
|
4239
4250
|
'PARTNER-TEST-FLARE',
|
|
4240
4251
|
'962e142f-df98-460e-92ed-2c4e24149c91',
|
|
4241
4252
|
'8ad88c67-d446-4c30-8321-f896e1b7643b',
|
|
@@ -4244,7 +4255,7 @@ class FeatureFlagService {
|
|
|
4244
4255
|
'cf602138-c843-4c4a-a407-635ba0bf9612',
|
|
4245
4256
|
'4257a264-863e-4e03-8b07-b9c0328c0557',
|
|
4246
4257
|
'df9b837f-7f38-41ff-9073-9265106eb231',
|
|
4247
|
-
'd6855e49-0412-4600-9b66-c61f0dfc25df'
|
|
4258
|
+
'd6855e49-0412-4600-9b66-c61f0dfc25df' // PageUp (Sandbox)
|
|
4248
4259
|
];
|
|
4249
4260
|
return whitelistedPartners.includes(superSelectionAppService.partnerIdOrDefault);
|
|
4250
4261
|
}
|
|
@@ -4291,18 +4302,18 @@ const ExistingChoice = class {
|
|
|
4291
4302
|
}
|
|
4292
4303
|
render() {
|
|
4293
4304
|
const PromotedFundView = (props) => {
|
|
4294
|
-
return (index.h("div", { class: "flex justify-center
|
|
4305
|
+
return (index.h("div", { class: "flex justify-center" }, index.h("img", { class: "h-16 object-contain w-full max-w-140", alt: getFundNameById(props.id), src: getLogoSrc(props.id) })));
|
|
4295
4306
|
};
|
|
4296
4307
|
const MyOwnFundView = () => {
|
|
4297
|
-
return (index.h("div", { class: "flex h-20 justify-center items-center relative" }, index.h("div", { class: "h-20 w-20 rounded-full bg-primary-base opacity-10" }), index.h("div", { class: "h-
|
|
4308
|
+
return (index.h("div", { class: "flex h-20 justify-center items-center relative" }, index.h("div", { class: "h-20 w-20 rounded-full bg-primary-base opacity-10" }), index.h("div", { class: "h-10 w-10 absolute" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512", class: "fill-primary-base" }, index.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" })))));
|
|
4298
4309
|
};
|
|
4299
4310
|
const SelfManagedFundView = () => {
|
|
4300
|
-
return (index.h("div", { class: "flex h-20 justify-center items-center relative" }, index.h("div", { class: "h-20 w-20 rounded-full bg-primary-base opacity-10" }), index.h("div", { class: "h-
|
|
4311
|
+
return (index.h("div", { class: "flex h-20 justify-center items-center relative" }, index.h("div", { class: "h-20 w-20 rounded-full bg-primary-base opacity-10" }), index.h("div", { class: "h-10 w-10 absolute" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512", class: "fill-primary-base" }, index.h("path", { d: "M248.9 192H272v48C272 248.8 279.2 256 288 256C296.8 256 304 248.8 304 240V192h23.12C411.4 192 480 113 480 16C480 7.164 472.8 0 464 0h-39.13C364.9 0 313 40.13 288 98.13C263 40.13 211.1 0 151.1 0H112C103.2 0 96 7.164 96 16C96 113 164.6 192 248.9 192zM424.9 32h22.38c-6.625 71.88-58 128-120 128h-22.5C311.4 88.13 362.8 32 424.9 32zM151.1 32C213.3 32 264.5 88.13 271.3 160h-22.5c-62 0-113.4-56.13-120-128H151.1zM558.2 333.6c-9.5-8.619-22-13.37-35.12-13.37c-12.5 0-24.88 4.248-34.62 12.12l-61.45 49.21c-1.928 1.545-4.324 2.385-6.795 2.385h-41.62c4.625-9.619 6.5-20.74 4.75-32.23C379.4 323.7 353.7 304 325.6 304H181.2c-20.75 0-40.1 6.746-57.5 19.24l-38.5 28.73H16c-8.801 0-16 7.195-16 15.99S7.198 383.1 15.1 383.1l80.01-.0238l46.86-35.25c11.12-8.244 24.62-12.74 38.37-12.74h146.7c13.25 0 24 10.74 24 23.99s-10.75 23.98-24 23.98H239.1c-8.75 0-16 7.246-16 15.99c0 8.746 7.25 15.99 16 15.99h180.2c9.625 0 19-3.248 26.62-9.246l61.62-49.22c4.25-3.373 9.5-5.248 14.62-5.248c5 0 9.875 1.75 13.75 5.248c10.12 9.119 9.375 24.48-.875 32.61l-100.7 80.58c-7.584 6.064-17.01 9.369-26.72 9.369H16c-8.801 0-15.1 7.189-15.1 15.98S7.198 512 15.1 512h392.5c17 0 33.38-5.871 46.62-16.37l100.9-80.7c12.25-9.744 19.5-24.36 19.1-39.98C576.5 359.3 569.1 344.2 558.2 333.6z" })))));
|
|
4301
4312
|
};
|
|
4302
4313
|
const DefaultFundView = () => {
|
|
4303
|
-
return (index.h("div", { class: "flex h-20 justify-center items-center relative" }, index.h("div", { class: "h-20 w-20 rounded-full bg-primary-base opacity-10" }), index.h("div", { class: "h-
|
|
4314
|
+
return (index.h("div", { class: "flex h-20 justify-center items-center relative" }, index.h("div", { class: "h-20 w-20 rounded-full bg-primary-base opacity-10" }), index.h("div", { class: "h-10 w-10 absolute" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", class: "fill-primary-base" }, index.h("path", { d: "M448 96h-64V48C384 21.53 362.5 0 336 0h-160C149.5 0 128 21.53 128 48V96H64C28.65 96 0 124.7 0 160v256c0 35.35 28.65 64 64 64h384c35.35 0 64-28.65 64-64V160C512 124.7 483.3 96 448 96zM160 48C160 39.17 167.2 32 176 32h160C344.8 32 352 39.17 352 48V96H160V48zM480 416c0 17.64-14.36 32-32 32H64c-17.64 0-32-14.36-32-32V288h144v64c0 8.844 7.156 16 16 16h128c8.844 0 16-7.156 16-16V288H480V416zM208 336V288h96v48H208zM480 256H32V160c0-17.64 14.36-32 32-32h384c17.64 0 32 14.36 32 32V256z" })))));
|
|
4304
4315
|
};
|
|
4305
|
-
return (index.h("div", null, index.h("div", { class: "text-2xl sm:text-3xl font-bold text-center" }, "Your super choice"), index.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."), index.h("div", { class: "flex justify-center mt-8 sm:mt-12" }, index.h("div", { class: "max-w-400 w-full" }, index.h("div", { class: "flex-col border shadow-sm p-6 rounded-lg text-center space-y-4" }, (() => {
|
|
4316
|
+
return (index.h("div", null, index.h("div", { class: "text-2xl sm:text-3xl font-bold text-center" }, "Your super choice"), index.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."), index.h("div", { class: "flex justify-center mt-8 sm:mt-12" }, index.h("div", { class: "max-w-400 w-full" }, index.h("div", { class: "flex-col border shadow-sm p-6 pt-8 rounded-lg text-center" }, index.h("div", { class: "space-y-4" }, (() => {
|
|
4306
4317
|
switch (this.existingFund.type) {
|
|
4307
4318
|
case 'Promoted Fund':
|
|
4308
4319
|
return index.h(PromotedFundView, { id: this.existingFund.id });
|
|
@@ -4313,7 +4324,14 @@ const ExistingChoice = class {
|
|
|
4313
4324
|
case 'Default Fund':
|
|
4314
4325
|
return index.h(DefaultFundView, null);
|
|
4315
4326
|
}
|
|
4316
|
-
})(), index.h("div", { class: "sm:text-lg font-bold leading-6" },
|
|
4327
|
+
})(), index.h("div", { class: "sm:text-lg font-bold leading-6" }, (() => {
|
|
4328
|
+
switch (this.existingFund.type) {
|
|
4329
|
+
case 'Default Fund':
|
|
4330
|
+
return "Employer's default fund";
|
|
4331
|
+
default:
|
|
4332
|
+
return this.existingFund.name;
|
|
4333
|
+
}
|
|
4334
|
+
})())), index.h("div", { class: "mt-6" }, index.h("sss-button", { fillWidth: true, promiseFn: () => this.handleFundNominationAccepted() }, "Continue with this fund"))), index.h("div", { class: "mt-4" }, index.h("sss-button", { fillWidth: true, variant: "secondary", promiseFn: () => this.handleFundNominationDeclined() }, "Choose another fund"))))));
|
|
4317
4335
|
}
|
|
4318
4336
|
async handleFundNominationAccepted() {
|
|
4319
4337
|
const detail = this.createSuperFundNominationDetail(this.existingFund);
|
|
@@ -4343,15 +4361,7 @@ const HeaderSection = class {
|
|
|
4343
4361
|
index.registerInstance(this, hostRef);
|
|
4344
4362
|
}
|
|
4345
4363
|
render() {
|
|
4346
|
-
return (index.h("div", { class: "flex justify-center" }, index.h("div", { class: "text-center max-w-800" }, index.h("h3", { class: "font-bold mb-3 sm:mb-4 text-2xl sm:text-3xl" }, "Nominate a super fund"), FeatureFlagService.isNewComplianceEnabled() && (index.h(index.Fragment, null, index.h("div", { class: "text-gray-600 sm:text-lg leading-7 sm:leading-8" }, "You can choose any super fund, including your current fund/SMSF, your employer\u2019s default fund, or alternatively, you can select from one of the featured
|
|
4347
|
-
'py-2 text-sm font-medium w-auto px-3 sm:px-8 rounded-md h-full': true,
|
|
4348
|
-
'bg-white border-gray-200 text-gray-900 shadow-sm': this.currentPage === 'choice',
|
|
4349
|
-
'border border-transparent text-gray-700 focus:outline-none focus:ring-2 focus:ring-primary-focus focus:z-10 hover:bg-primary-hover': this.currentPage !== 'choice'
|
|
4350
|
-
} }, "Featured super funds")), index.h("stencil-route-link", { url: SuperSelectionAppRoutes.MyOwnFund }, index.h("button", { type: "button", class: {
|
|
4351
|
-
'ml-0.5 rounded-md py-2 text-sm font-medium w-auto px-3 sm:px-8 h-full': true,
|
|
4352
|
-
'bg-white border-gray-200 text-gray-900 shadow-sm': this.currentPage === 'own-fund',
|
|
4353
|
-
'border border-transparent text-gray-700 focus:outline-none focus:ring-2 focus:ring-primary-focus focus:z-10 hover:bg-primary-hover': this.currentPage !== 'own-fund'
|
|
4354
|
-
} }, "Choose another fund"))))))));
|
|
4364
|
+
return (index.h("div", { class: "flex justify-center" }, index.h("div", { class: "text-center max-w-800" }, index.h("h3", { class: "font-bold mb-3 sm:mb-4 text-2xl sm:text-3xl" }, "Nominate a super fund"), FeatureFlagService.isNewComplianceEnabled() && (index.h(index.Fragment, null, index.h("div", { class: "text-gray-600 sm:text-lg leading-7 sm:leading-8" }, "You can choose any super fund, including your current fund/SMSF, your employer\u2019s default fund, or alternatively, you can select from one of the featured\u00A0funds."), index.h("div", { class: "inline-flex mt-8 sm:mt-12 bg-primary-base rounded-lg p-0.5 whitespace-normal" }, index.h("stencil-route-link", { exact: true, url: SuperSelectionAppRoutes.ChoicePage, anchorClass: "hover:bg-primary-hover block focus:outline-none focus:ring-2 ring-offset-1 focus:ring-primary-focus relative focus:z-10 border border-transparent text-gray-700 text-white rounded-md py-2 text-sm font-medium w-auto px-3 sm:px-8 h-full", activeClass: "hover:bg-white block focus:outline-none focus:ring-2 ring-offset-1 focus:ring-primary-focus focus:z-10 rounded-md py-2 text-sm font-medium w-auto px-3 sm:px-8 h-full bg-white border-gray-200 text-gray-900 shadow-sm text-primary-base" }, "Featured super funds"), index.h("stencil-route-link", { exact: true, url: SuperSelectionAppRoutes.MyOwnFund, anchorClass: "hover:bg-primary-hover block focus:outline-none focus:ring-2 ring-offset-1 focus:ring-primary-focus focus:z-10 border border-transparent text-gray-700 text-white rounded-md py-2 text-sm font-medium w-auto px-3 sm:px-8 h-full", activeClass: "hover:bg-white block focus:outline-none focus:ring-2 ring-offset-1 focus:ring-primary-focus focus:z-10 rounded-md py-2 text-sm font-medium w-auto px-3 sm:px-8 h-full bg-white border-gray-200 text-gray-900 shadow-sm text-primary-base" }, "Choose another fund")))))));
|
|
4355
4365
|
}
|
|
4356
4366
|
};
|
|
4357
4367
|
|
|
@@ -4402,7 +4412,7 @@ const MyOwnFund = class {
|
|
|
4402
4412
|
render() {
|
|
4403
4413
|
return (index.h(index.Host, null, index.h("sss-header-section", { currentPage: "own-fund" }), index.h("div", { class: "flex justify-center mt-11" }, index.h("sss-custom-fund", null, index.h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: {
|
|
4404
4414
|
'was-validated': this.formState === 'validated'
|
|
4405
|
-
}, ref: (el) => (this.formElement = el), onInput: (_) => (this.isSubmitDisabled = !this.formElement.checkValidity()) }, index.h("div", { class: "p-4 sm:p-6 border shadow-sm rounded-lg" }, index.h("p", { class: "sm:text-lg font-bold mb-3" }, "Fund details"), index.h("div", { class: "bg-yellow-50 border-l-4 border-yellow-400 p-4 mb-3 sm:mb-4" }, index.h("div", { class: "flex" }, index.h("div", { class: "flex-shrink-0" }, index.h("img", { class: "h-5 w-5", src: index.getAssetPath('assets/icon-exclamation.svg') })), index.h("div", { class: "ml-2" }, index.h("ul", { class: "list-disc list-outside ml-6 space-y-2 text-sm text-yellow-700 leading-5" }, index.h("li", null, "Make sure you are a current member of the fund before completing this step."), index.h("li", null, "Please check that the fund USI is correct as some funds have similar names."))))), index.h("sss-my-own-fund-inputs", { myOwnFundForm: state$1.myOwnFundForm, showValidationErrors: this.formState === 'validated', onFormChanged: (event) => {
|
|
4415
|
+
}, ref: (el) => (this.formElement = el), onInput: (_) => (this.isSubmitDisabled = !this.formElement.checkValidity()) }, index.h("div", { class: "p-4 sm:p-6 pb-6 sm:pb-8 border shadow-sm rounded-lg" }, index.h("p", { class: "sm:text-lg font-bold mb-3" }, "Fund details"), index.h("div", { class: "bg-yellow-50 border-l-4 border-yellow-400 p-4 mb-3 sm:mb-4" }, index.h("div", { class: "flex" }, index.h("div", { class: "flex-shrink-0" }, index.h("img", { class: "h-5 w-5", src: index.getAssetPath('assets/icon-exclamation.svg') })), index.h("div", { class: "ml-2" }, index.h("ul", { class: "list-disc list-outside ml-6 space-y-2 text-sm text-yellow-700 leading-5" }, index.h("li", null, "Make sure you are a current member of the fund before completing this step."), index.h("li", null, "Please check that the fund USI is correct as some funds have similar names."))))), index.h("sss-my-own-fund-inputs", { myOwnFundForm: state$1.myOwnFundForm, showValidationErrors: this.formState === 'validated', onFormChanged: (event) => {
|
|
4406
4416
|
state$1.myOwnFundForm = Object.assign(Object.assign({}, state$1.myOwnFundForm), event.detail);
|
|
4407
4417
|
this.isNotAllInformationProvidedMessageVisible = false;
|
|
4408
4418
|
} }), this.isNotAllInformationProvidedMessageVisible && (index.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."))), index.h("div", { class: "flex justify-center mt-8" }, index.h("div", { class: "sm:max-w-320 w-full" }, index.h("div", { class: "mb-4" }, index.h("sss-button", { fillWidth: true, promiseFn: () => this.handleSubmitForm(), disabled: this.isSubmitDisabled }, "Continue")), index.h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage }, index.h("sss-button", { fillWidth: true, variant: "secondary" }, "Back")))))))));
|
|
@@ -4459,8 +4469,8 @@ const MyOwnFundInputs = class {
|
|
|
4459
4469
|
return (index.h("div", null, index.h("div", null, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Fund name"), index.h("div", { class: "mt-1" }, index.h("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) => {
|
|
4460
4470
|
this.selectedOption = ev.detail;
|
|
4461
4471
|
this.updateFund(ev.detail);
|
|
4462
|
-
}, showValidationErrors: this.showValidationErrors })), isSome(this.myOwnFundForm.fundUsi) && (index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Fund USI"), index.h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-sm" }, this.myOwnFundForm.fundUsi.value)))), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Member number"), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: {
|
|
4463
|
-
'shadow-sm focus:ring-primary-focus focus:border-primary-base block w-full text-sm border-gray-300 rounded-md': true,
|
|
4472
|
+
}, showValidationErrors: this.showValidationErrors })), isSome(this.myOwnFundForm.fundUsi) && (index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Fund USI"), index.h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-base sm:text-sm" }, this.myOwnFundForm.fundUsi.value)))), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Member number"), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: {
|
|
4473
|
+
'shadow-sm focus:ring-primary-focus focus:border-primary-base block w-full text-base sm:text-sm border-gray-300 rounded-md': true,
|
|
4464
4474
|
'invalid:border-red-300 invalid:text-red-900 invalid:focus:ring-red-500 invalid:focus:border-red-500': this
|
|
4465
4475
|
.showValidationErrors
|
|
4466
4476
|
}, required: true, pattern: "[A-Za-z0-9]{4,16}", name: "memberNumber", id: "memberNumber", value: toUndefined(state$1.myOwnFundForm.memberNumber), onChange: (ev) => this.updateMemberNumber(ev.target.value.trim()) }), index.h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid member number (only numbers and / or letters)")))));
|
|
@@ -4777,7 +4787,7 @@ const SelfManagedFund = class {
|
|
|
4777
4787
|
render() {
|
|
4778
4788
|
return (index.h(index.Host, null, index.h("sss-header-section", { currentPage: "own-fund" }), index.h("div", { class: "flex justify-center mt-11" }, index.h("sss-custom-fund", null, index.h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: {
|
|
4779
4789
|
'was-validated': this.formState === 'validated'
|
|
4780
|
-
}, ref: (el) => (this.formElement = el) }, index.h("div", { class: "p-4 sm:p-6 border shadow-sm rounded-lg max-w-560" }, index.h("p", { class: "sm:text-lg font-bold" }, "Fund details"), index.h("div", { class: "bg-yellow-50 border-l-4 border-yellow-400 p-4 my-3" }, index.h("div", { class: "flex" }, index.h("div", { class: "flex-shrink-0" }, index.h("img", { class: "h-5 w-5", src: index.getAssetPath('assets/icon-exclamation.svg') })), index.h("div", { class: "ml-3 text-sm text-yellow-700 leading-5" }, "Make sure your Self-managed super fund (SMSF) is a registered fund before completing this step."))), index.h("sss-self-managed-fund-inputs", { fundForm: state$1.selfManagedFundForm, showValidationErrors: this.formState === 'validated', onFormChanged: (event) => {
|
|
4790
|
+
}, ref: (el) => (this.formElement = el) }, index.h("div", { class: "p-4 sm:p-6 pb-6 sm:pb-8 border shadow-sm rounded-lg max-w-560" }, index.h("p", { class: "sm:text-lg font-bold" }, "Fund details"), index.h("div", { class: "bg-yellow-50 border-l-4 border-yellow-400 p-4 my-3" }, index.h("div", { class: "flex" }, index.h("div", { class: "flex-shrink-0" }, index.h("img", { class: "h-5 w-5", src: index.getAssetPath('assets/icon-exclamation.svg') })), index.h("div", { class: "ml-3 text-sm text-yellow-700 leading-5" }, "Make sure your Self-managed super fund (SMSF) is a registered fund before completing this step."))), index.h("sss-self-managed-fund-inputs", { fundForm: state$1.selfManagedFundForm, showValidationErrors: this.formState === 'validated', onFormChanged: (event) => {
|
|
4781
4791
|
state$1.selfManagedFundForm = Object.assign(Object.assign({}, state$1.selfManagedFundForm), event.detail);
|
|
4782
4792
|
if (event.detail.isAbnValid !== undefined)
|
|
4783
4793
|
this.isAbnValid = event.detail.isAbnValid;
|
|
@@ -4942,7 +4952,7 @@ const SelfManagedFundInputs = class {
|
|
|
4942
4952
|
}
|
|
4943
4953
|
render() {
|
|
4944
4954
|
const inputClass = {
|
|
4945
|
-
'relative shadow-sm focus:ring-primary-focus focus:border-primary-base block w-full text-sm border-gray-300 rounded-md focus:z-10': true,
|
|
4955
|
+
'relative shadow-sm focus:ring-primary-focus focus:border-primary-base block w-full text-base sm:text-sm border-gray-300 rounded-md focus:z-10': true,
|
|
4946
4956
|
'invalid:border-red-300 invalid:text-red-900 invalid:placeholder-red-300 invalid:focus:ring-red-500 invalid:focus:border-red-500': this
|
|
4947
4957
|
.showValidationErrors
|
|
4948
4958
|
};
|
|
@@ -5237,11 +5247,11 @@ const StandardChoiceFormInputDefaultFund = class {
|
|
|
5237
5247
|
}
|
|
5238
5248
|
render() {
|
|
5239
5249
|
return (index.h(index.Host, null, index.h("div", { class: "text-2xl sm:text-3xl font-bold text-center" }, "Confirm your super choice"), index.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."), index.h("div", { class: "flex justify-center mt-8 sm:mt-12" }, index.h("div", { class: "max-w-560" }, index.h("div", { class: "p-4 sm:p-6 border shadow-sm rounded-lg flex flex-col sm:flex-row" }, state.promotedFundId &&
|
|
5240
|
-
getLogoSrc(state.promotedFundId) && (index.h("div", { class: "pb-4 mb-4 border-b flex justify-center sm:pb-0 sm:mb-0 sm:border-b-0 sm:pr-8 sm:mr-8 sm:border-r sm:justify-start" }, index.h("img", { class: "h-16 w-
|
|
5250
|
+
getLogoSrc(state.promotedFundId) && (index.h("div", { class: "pb-4 mb-4 border-b flex justify-center sm:pb-0 sm:mb-0 sm:border-b-0 sm:pr-8 sm:mr-8 sm:border-r sm:justify-start" }, index.h("img", { class: "h-16 max-w-140 sm:h-12 sm:max-w-[100px] object-contain", alt: state.fundName, src: getLogoSrc(state.promotedFundId) }))), index.h("div", { class: "flex justify-between w-full" }, index.h("div", null, index.h("div", { class: "text-xs font-semibold text-gray-500 uppercase" }, "Nominated fund"), index.h("div", { class: "text-sm mt-2" }, state.fundName)), index.h("div", { class: "grid content-center ml-4" }, index.h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage }, index.h("sss-button", { size: "xs", variant: "secondary" }, "Change"))))), index.h("div", { class: "mt-4 p-4 sm:p-6 border shadow-sm rounded-lg" }, index.h("div", { class: "sm:text-lg font-bold" }, "Superannuation Standard Choice Form"), index.h("div", { class: "bg-blue-50 border-l-4 border-blue-400 p-4 mt-3" }, index.h("div", { class: "flex" }, index.h("div", { class: "flex-shrink-0" }, index.h("img", { class: "h-5 w-5", src: index.getAssetPath('assets/icon-information-circle.svg') })), index.h("div", { class: "ml-2" }, index.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.")))), index.h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: {
|
|
5241
5251
|
'mt-3': true,
|
|
5242
5252
|
'was-validated': this.formState === 'validated'
|
|
5243
5253
|
}, ref: (el) => (this.formElement = el), onInput: (_) => (this.isSubmitDisabled = !this.formElement.checkValidity()) }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Type your full name"), index.h("input", { type: "text", autocomplete: "off", class: {
|
|
5244
|
-
'shadow-sm focus:ring-primary-focus focus:border-primary-focus w-full text-sm border-gray-300 rounded-md mt-1': true,
|
|
5254
|
+
'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,
|
|
5245
5255
|
'invalid:border-red-300 invalid:text-red-900 invalid:focus:ring-red-500 invalid:focus:border-red-500': this.formState === 'validated'
|
|
5246
5256
|
}, required: true, minlength: "2", name: "standardChoiceFormSignature", id: "standardChoiceFormSignature", value: this.standardChoiceFormSignature, onInput: (event) => (this.standardChoiceFormSignature = event.target.value) }), index.h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Type your full name"), index.h("div", { class: "mt-6" }, index.h("sss-button", { fillWidth: true, promiseFn: () => this.handleSubmitForm(), disabled: this.isSubmitDisabled }, "Confirm and continue"))))))));
|
|
5247
5257
|
}
|
|
@@ -5262,7 +5272,7 @@ const Success = class {
|
|
|
5262
5272
|
const CheckIcon = () => {
|
|
5263
5273
|
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", class: "fill-primary-base" }, index.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" })));
|
|
5264
5274
|
};
|
|
5265
|
-
return (index.h(index.Host, { class: "text-center" }, index.h("div", { class: "flex justify-center" }, index.h("div", { class: "relative" }, index.h("div", { class: "h-20 w-20 rounded-full bg-primary-base opacity-10" }), index.h("div", { class: "h-8 w-8 absolute top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2" }, index.h(CheckIcon, null)))), index.h("h3", { class: "text-2xl leading-8 font-bold mt-4" }, "Your super choice has been submitted"), index.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."), index.h("div", { class: "flex justify-center mt-8" }, index.h("div", { class: "max-w-[200px] w-full" }, index.h("sss-button", { fillWidth: true, onClick: this.handleContinueButtonClick }, index.h("span", null, "Continue"))))));
|
|
5275
|
+
return (index.h(index.Host, { class: "text-center" }, index.h("div", { class: "flex justify-center" }, index.h("div", { class: "relative" }, index.h("div", { class: "h-20 w-20 rounded-full bg-primary-base opacity-10" }), index.h("div", { class: "h-8 w-8 absolute top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2" }, index.h(CheckIcon, null)))), index.h("h3", { class: "text-2xl leading-8 font-bold mt-4" }, "Your super choice has been submitted"), index.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."), index.h("div", { class: "flex justify-center mt-8" }, index.h("div", { class: "max-w-[200px] w-full" }, index.h("sss-button", { size: "xl", fillWidth: true, onClick: this.handleContinueButtonClick }, index.h("span", null, "Continue"))))));
|
|
5266
5276
|
}
|
|
5267
5277
|
handleContinueButtonClick(_event) {
|
|
5268
5278
|
superSelectionAppService.completeSuperSelectionFlow();
|
|
@@ -5287,7 +5297,7 @@ const SuperChoiceItemTop = class {
|
|
|
5287
5297
|
index.registerInstance(this, hostRef);
|
|
5288
5298
|
}
|
|
5289
5299
|
render() {
|
|
5290
|
-
return (index.h(index.Host, null, index.h("div", { class: "px-4 lg:px-6 pt-6" }, index.h("div", { class: "text-right w-100 -mt-5 -mr-3.5 lg:-mr-5" }, index.h("span", { class: "text-xs bg-gray-100 text-gray-800 font-medium rounded-xl py-0.5 px-2.5 mr-0.5" }, FeatureFlagService.isNewComplianceEnabled() ? 'Featured' : 'Advertised')), index.h("div", { class: "flex lg:block mt-2 md:mt-0 lg:mt-
|
|
5300
|
+
return (index.h(index.Host, null, index.h("div", { class: "px-4 lg:px-6 pt-6" }, index.h("div", { class: "text-right w-100 -mt-5 -mr-3.5 lg:-mr-5" }, index.h("span", { class: "text-xs bg-gray-100 text-gray-800 font-medium rounded-xl py-0.5 px-2.5 mr-0.5" }, FeatureFlagService.isNewComplianceEnabled() ? 'Featured' : 'Advertised')), index.h("div", { class: "flex lg:block mt-2 md:mt-0 lg:mt-4" }, index.h("img", { class: "h-12 md:h-14 lg:h-16 object-contain w-auto w-[80px] md:w-[96px] lg:w-[140px] md:hidden lg:block lg:object-left", alt: this.name, src: index.getAssetPath(`assets/${this.logo}`) }), index.h("div", { class: "grid content-center" }, index.h("p", { class: "text-base md:text-lg font-bold ml-4 md:ml-0 md:mb-0 lg:mt-4" }, this.name))), index.h("div", { class: "mt-4 sm:mt-2 text-sm space-y-2" }, this.features.map((feature) => (index.h("div", { class: "flex" }, index.h("div", { class: "h-5 w-5 flex-none mr-1.5" }, index.h("img", { alt: "checked", src: index.getAssetPath(`assets/icon-check.svg`) })), index.h("div", { class: "leading-5" }, feature))))), this.featureSubText && (index.h("p", { class: "text-xs text-gray-500 italic mt-4 leading-4" }, this.featureSubText)))));
|
|
5291
5301
|
}
|
|
5292
5302
|
};
|
|
5293
5303
|
|
|
@@ -5321,14 +5331,14 @@ const SuperChoicePage = class {
|
|
|
5321
5331
|
} }, index.h("div", { class: {
|
|
5322
5332
|
'flex border-b lg:border-b-0': true,
|
|
5323
5333
|
'rounded-b-lg': index$1 === this.promotedFunds.length - 1
|
|
5324
|
-
} }, index.h("div", { class: "hidden md:flex lg:hidden w-36 justify-center pt-6 pl-6" }, index.h("img", { class: "h-16 object-contain w-full max-w-[96px]", alt: fund.name, src: index.getAssetPath(`assets/${fund.logo}`) })), index.h("div", { class: "w-full" }, index.h("sss-super-choice-item-top", { logo: fund.logo, name: fund.name, features:
|
|
5334
|
+
} }, index.h("div", { class: "hidden md:flex lg:hidden w-36 justify-center pt-6 pl-6" }, index.h("img", { class: "h-16 object-contain w-full max-w-[96px]", alt: fund.name, src: index.getAssetPath(`assets/${fund.logo}`) })), index.h("div", { class: "w-full" }, index.h("sss-super-choice-item-top", { logo: fund.logo, name: fund.name, features: fund.features, featureSubText: fund.featureSubText }), index.h("div", { class: "lg:hidden" }, index.h("sss-super-choice-item-bottom", { disclaimer: fund.disclaimer, abnInfo: fund.abnInfo, abn: fund.abn, onJoinFundClicked: async () => this.handleJoinSuperClickAsync(fund) }))))))), this.promotedFunds.map((fund, index$1) => (index.h("div", { class: {
|
|
5325
5335
|
'hidden lg:block border-r': true,
|
|
5326
5336
|
'rounded-br-lg': index$1 === this.promotedFunds.length - 1
|
|
5327
|
-
} }, index.h("sss-super-choice-item-bottom", { disclaimer: fund.disclaimer, abnInfo: fund.abnInfo, abn: fund.abn, onJoinFundClicked: async () => this.handleJoinSuperClickAsync(fund) })))))), index.h("div", { class: "flex justify-center mt-8 sm:mt-12" }, index.h("div", { class: "pb-8 sm:pb-12 max-w-720 border-b" }, index.h("h5", { class: "font-bold sm:text-lg" }, "Or, choose another super fund:"), index.h("ul", { class: "list-disc list-outside ml-6 mt-3 mb-6 space-y-2 leading-6 text-sm sm:text-base" }, index.h("li", null, "Select this option if you'd like to use your current account with another super fund, your self-managed super fund, or your employer's default fund."), index.h("li", null, "If you are unsure of your current super fund details, you can find out at", ' ', index.h("a", { class: "text-primary-base font-medium", target: "_blank", href: navigationService.toExternalUrl(mygovLink) }, mygovLinkDisplay)), index.h("li", null, "A full list of super funds can be viewed at", ' ', index.h("a", { class: "text-primary-base font-medium", target: "_blank", href: navigationService.toExternalUrl(superfundsLink) }, superfundsLinkDisplay))), index.h("stencil-route-link", { url: SuperSelectionAppRoutes.MyOwnFund }, index.h("sss-button", { fillWidthOnMobile: true }, "Choose another super fund")))), FeatureFlagService.isNewComplianceEnabled() && (index.h("div", { class: "flex justify-center" }, index.h("div", { class: "pt-8 sm:pt-12 max-w-720" }, index.h("h5", { class: "font-semibold" }, "IMPORTANT INFORMATION:"), index.h("ul", { class: "list-disc list-outside ml-6 mt-3 space-y-2 text-sm leading-6" }, index.h("li", null, "The superannuation funds featured above are for your information only. The order, position and placement of content should not be interpreted as an opinion or recommendation (actual or implied) by Flare as to the suitability or appropriateness of any superannuation fund for you. In featuring these superannuation funds, Flare has not taken into account your objectives, financial situation or needs."), index.h("li", null, "This is not a comparison service. This page contains factual information only and does not constitute either general or personal advice about any financial products. We do not take into account your objectives, financial situation or needs. If you have questions or need help making a decision about your superannuation fund, you should speak to a licensed financial product advice provider."), index.h("li", null, "Flare, the technology partner you are accessing Flare via and your employer do not endorse or accept responsibility for any financial product advice or services provided by the promoters or trustees of the featured superannuation funds. Flare does not endorse or accept responsibility for any of the content shown about any of the featured superannuation funds."), index.h("li", null, "You should consider the relevant superannuation fund\u2019s PDS and TMD (if applicable) in deciding whether to apply to join the superannuation fund. Each of the superannuation funds featured above include a link to their PDS and TMD (if applicable) for your convenience. If you are considering joining another superannuation fund, you can typically find the PDS and TMD (if applicable) on that fund\u2019s website."), index.h("li", null, "You should be aware that, if you do choose one of the featured superannuation funds, Flare and it\u2019s associates will normally receive a fee for you doing so (this includes Simple Financial Choices Pty Ltd, a wholly owned subsidiary of Flare, which is a sub-promoter of Slate Super)."))))))));
|
|
5337
|
+
} }, index.h("sss-super-choice-item-bottom", { disclaimer: fund.disclaimer, abnInfo: fund.abnInfo, abn: fund.abn, onJoinFundClicked: async () => this.handleJoinSuperClickAsync(fund) })))))), index.h("div", { class: "flex justify-center mt-8 sm:mt-12" }, index.h("div", { class: "pb-8 sm:pb-12 max-w-720 border-b" }, index.h("h5", { class: "font-bold sm:text-lg" }, "Or, choose another super fund:"), index.h("ul", { class: "list-disc list-outside ml-6 mt-3 mb-6 space-y-2 leading-6 text-sm sm:text-base" }, index.h("li", null, "Select this option if you'd like to use your current account with another super fund, your self-managed super fund, or your employer's default fund."), index.h("li", null, "If you are unsure of your current super fund details, you can find out at", ' ', index.h("a", { class: "text-primary-base font-medium hover:text-primary-hover", target: "_blank", href: navigationService.toExternalUrl(mygovLink) }, mygovLinkDisplay)), index.h("li", null, "A full list of super funds can be viewed at", ' ', index.h("a", { class: "text-primary-base font-medium hover:text-primary-hover", target: "_blank", href: navigationService.toExternalUrl(superfundsLink) }, superfundsLinkDisplay))), index.h("stencil-route-link", { url: SuperSelectionAppRoutes.MyOwnFund }, index.h("sss-button", { fillWidthOnMobile: true }, "Choose another super fund")))), FeatureFlagService.isNewComplianceEnabled() && (index.h("div", { class: "flex justify-center" }, index.h("div", { class: "pt-8 sm:pt-12 max-w-720" }, index.h("h5", { class: "font-semibold" }, "IMPORTANT INFORMATION:"), index.h("ul", { class: "list-disc list-outside ml-6 mt-3 space-y-2 text-sm leading-6" }, index.h("li", null, "The superannuation funds featured above are for your information only. The order, position and placement of content should not be interpreted as an opinion or recommendation (actual or implied) by Flare as to the suitability or appropriateness of any superannuation fund for you. In featuring these superannuation funds, Flare has not taken into account your objectives, financial situation or needs."), index.h("li", null, "This is not a comparison service. This page contains factual information only and does not constitute either general or personal advice about any financial products. We do not take into account your objectives, financial situation or needs. If you have questions or need help making a decision about your superannuation fund, you should speak to a licensed financial product advice provider."), index.h("li", null, "Flare, the technology partner you are accessing Flare via and your employer do not endorse or accept responsibility for any financial product advice or services provided by the promoters or trustees of the featured superannuation funds. Flare does not endorse or accept responsibility for any of the content shown about any of the featured superannuation funds."), index.h("li", null, "You should consider the relevant superannuation fund\u2019s PDS and TMD (if applicable) in deciding whether to apply to join the superannuation fund. Each of the superannuation funds featured above include a link to their PDS and TMD (if applicable) for your convenience. If you are considering joining another superannuation fund, you can typically find the PDS and TMD (if applicable) on that fund\u2019s website."), index.h("li", null, "You should be aware that, if you do choose one of the featured superannuation funds, Flare and it\u2019s associates will normally receive a fee for you doing so (this includes Simple Financial Choices Pty Ltd, a wholly owned subsidiary of Flare, which is a sub-promoter of Slate Super)."))))))));
|
|
5328
5338
|
}
|
|
5329
5339
|
allFunds() {
|
|
5330
5340
|
const Link = (props, children) => {
|
|
5331
|
-
return (index.h("a", { class:
|
|
5341
|
+
return (index.h("a", { class: props.className || 'font-medium underline hover:text-gray-600', target: "_blank", href: navigationService.toExternalUrl(props.href), onClick: props.onClick }, children));
|
|
5332
5342
|
};
|
|
5333
5343
|
return [
|
|
5334
5344
|
{
|
|
@@ -5337,9 +5347,9 @@ const SuperChoicePage = class {
|
|
|
5337
5347
|
logo: 'logo-slate.png',
|
|
5338
5348
|
route: SuperSelectionAppRoutes.SlateJoin,
|
|
5339
5349
|
features: [
|
|
5340
|
-
|
|
5341
|
-
|
|
5342
|
-
|
|
5350
|
+
index.h("p", null, "A lifestage investment strategy that evolves with you"),
|
|
5351
|
+
index.h("p", null, "Advanced mobile app with retirement forecast and smart features"),
|
|
5352
|
+
index.h("p", null, "Member advocates at Slate to assist with your account")
|
|
5343
5353
|
],
|
|
5344
5354
|
disclaimer: (index.h("p", { class: "small text-muted" }, "You should consider the", ' ', index.h(Link, { href: Slate.PdsUrl, onClick: () => this.pdsViewedAsync(Slate.Name, Slate.Usi) }, "Product Disclosure Statement"), ' ', "and", ' ', index.h(Link, { href: "https://slate.co/forms-and-documents/target-market-determination/" }, "Target Market Determination"), ' ', "before deciding to invest in or apply to become a member of the fund.")),
|
|
5345
5355
|
abnInfo: `Diversa Trustees Limited`,
|
|
@@ -5351,11 +5361,11 @@ const SuperChoicePage = class {
|
|
|
5351
5361
|
logo: 'logo-art.svg',
|
|
5352
5362
|
route: SuperSelectionAppRoutes.PromotedFundJoinV1,
|
|
5353
5363
|
features: [
|
|
5354
|
-
|
|
5355
|
-
|
|
5356
|
-
|
|
5364
|
+
index.h("p", null, "$200 billion in retirement savings"),
|
|
5365
|
+
index.h("p", null, "2+ million members"),
|
|
5366
|
+
index.h("p", null, "A focus on delivering strong, long\u2011term returns")
|
|
5357
5367
|
],
|
|
5358
|
-
featureSubText:
|
|
5368
|
+
featureSubText: (index.h("span", null, "QSuper is now part of Australian Retirement Trust. If you have an existing QSuper account, you will continue to hold that account by selecting this option.")),
|
|
5359
5369
|
disclaimer: (index.h("p", null, "You should consider the", ' ', index.h(Link, { href: AustralianRetirementTrust.PdsUrl, onClick: () => this.pdsViewedAsync(AustralianRetirementTrust.Name) }, "Product Disclosure Statement"), ' ', "and", ' ', index.h(Link, { href: "https://www.australianretirementtrust.com.au/tmd" }, "Target Market Determination"), ' ', "before deciding to invest in or apply to become a member of this fund.")),
|
|
5360
5370
|
abnInfo: `Australian Retirement Trust`,
|
|
5361
5371
|
abn: AustralianRetirementTrust.Abn
|
|
@@ -5366,9 +5376,9 @@ const SuperChoicePage = class {
|
|
|
5366
5376
|
logo: 'logo-aware.svg',
|
|
5367
5377
|
route: SuperSelectionAppRoutes.PromotedFundJoinV1,
|
|
5368
5378
|
features: [
|
|
5369
|
-
|
|
5370
|
-
|
|
5371
|
-
|
|
5379
|
+
index.h("p", null, "Acting on climate change"),
|
|
5380
|
+
index.h("p", null, "All profits go to members"),
|
|
5381
|
+
index.h("p", null, "One of Australia\u2019s largest funds")
|
|
5372
5382
|
],
|
|
5373
5383
|
disclaimer: (index.h("p", null, "You should consider the", ' ', index.h(Link, { href: Aware.PdsUrl, onClick: () => this.pdsViewedAsync(Aware.Name) }, "Product Disclosure Statement"), ' ', "before deciding to invest in or apply to become a member of this fund.")),
|
|
5374
5384
|
abnInfo: `Aware Super Pty Ltd`,
|
|
@@ -5380,11 +5390,11 @@ const SuperChoicePage = class {
|
|
|
5380
5390
|
logo: 'logo-active.svg',
|
|
5381
5391
|
route: SuperSelectionAppRoutes.PromotedFundJoinV1,
|
|
5382
5392
|
features: [
|
|
5383
|
-
|
|
5384
|
-
|
|
5385
|
-
|
|
5393
|
+
index.h("p", null, "One of Canstar's top-performing funds*"),
|
|
5394
|
+
index.h("p", null, "Recognised as a leader in responsible investment"),
|
|
5395
|
+
index.h("p", null, "Calls answered in 20 seconds (average over 5 years)")
|
|
5386
5396
|
],
|
|
5387
|
-
featureSubText:
|
|
5397
|
+
featureSubText: (index.h("span", null, "*Past performance is not a reliable indicator of future performance. As at 22 April 2022, Active Super is ranked among Canstar\u2019s top five funds for 18-49 year-olds with a balance up to $250,000 based on returns over 5 years in the Accumulation Scheme.")),
|
|
5388
5398
|
disclaimer: (index.h("p", null, "Issued by LGSS Pty Limited as trustee for Local Government Super (Active Super ABN:28 901 371 321). Consider the PDS and TMD at", ' ', index.h(Link, { onClick: () => this.pdsViewedAsync(Active.Name), href: Active.PdsUrl }, "activesuper.com.au"), ' ', "before making a decision."))
|
|
5389
5399
|
},
|
|
5390
5400
|
{
|
|
@@ -5392,11 +5402,7 @@ const SuperChoicePage = class {
|
|
|
5392
5402
|
name: AustralianEthical.Name,
|
|
5393
5403
|
logo: 'logo-slate.png',
|
|
5394
5404
|
route: SuperSelectionAppRoutes.PromotedFundJoinV2,
|
|
5395
|
-
features: [
|
|
5396
|
-
{ order: 1, value: 'TODO #1' },
|
|
5397
|
-
{ order: 2, value: 'TODO #2' },
|
|
5398
|
-
{ order: 3, value: 'TODO #3' }
|
|
5399
|
-
],
|
|
5405
|
+
features: [index.h("p", null, "TODO #1"), index.h("p", null, "TODO #2"), index.h("p", null, "TODO #3")],
|
|
5400
5406
|
disclaimer: (index.h("p", null, "You should consider the", ' ', index.h(Link, { href: AustralianEthical.PdsUrl, onClick: () => this.pdsViewedAsync(AustralianEthical.Name) }, "Product Disclosure Statement"), ' ', "before deciding to invest in or apply to become a member of this fund."))
|
|
5401
5407
|
},
|
|
5402
5408
|
{
|
|
@@ -5405,17 +5411,11 @@ const SuperChoicePage = class {
|
|
|
5405
5411
|
logo: 'logo-virgin.svg',
|
|
5406
5412
|
route: SuperSelectionAppRoutes.PromotedFundJoinV2,
|
|
5407
5413
|
features: [
|
|
5408
|
-
|
|
5409
|
-
|
|
5410
|
-
|
|
5411
|
-
},
|
|
5412
|
-
{ order: 2, value: 'One of the lowest fees in the market' },
|
|
5413
|
-
{
|
|
5414
|
-
order: 3,
|
|
5415
|
-
value: 'Virgin Money rewards you with Velocity Points on your contributions*'
|
|
5416
|
-
}
|
|
5414
|
+
index.h("p", null, "Returns above industry and retail super fund medians over the past 5 years"),
|
|
5415
|
+
index.h("p", null, "One of the lowest fees in the market"),
|
|
5416
|
+
index.h("p", null, "Virgin Money rewards you with Velocity Points on your contributions", index.h("sup", { class: "text-tiny" }, "1"))
|
|
5417
5417
|
],
|
|
5418
|
-
featureSubText:
|
|
5418
|
+
featureSubText: (index.h("span", null, index.h("sup", { class: "text-tiny" }, "1"), index.h(Link, { className: "underline hover:text-gray-600", href: "https://virginmoney.com.au/superannuation/forms-and-key-information/key-documents" }, "Eligibility and T&Cs apply"))),
|
|
5419
5419
|
disclaimer: (index.h("p", null, "Prepared by Virgin Money Financial Services Pty Ltd ABN 51 113 285 395 AFSL 286869 (\u2018Virgin Money\u2019). Virgin Money Super is a plan in the Mercer Super Trust ABN 19 905 422 981. Virgin Money Super is issued by Mercer Superannuation (Australia) Limited (MSAL) ABN 79 004 717 533 AFSL 235906 as trustee of the Mercer Super Trust. Consider the PDS and TMD at", ' ', index.h(Link, { href: Virgin.PdsUrl, onClick: () => this.pdsViewedAsync(Virgin.Name) }, "www.virginmoney.com.au"), ' ', "before making a decision"))
|
|
5420
5420
|
}
|
|
5421
5421
|
];
|