@flarehr/apollo-super-selection 3.65.64780 → 3.66.64919
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-7019e8c7.entry.js +14 -0
- package/dist/lib/apollo-super-selection/{p-ac2c3503.system.entry.js → p-e0743f67.system.entry.js} +1 -1
- 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 +46 -36
- 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/footer-section/footer-section.js +1 -1
- 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 +5 -5
- package/dist/lib/collection/components/super-selection-app/super-choice-page/super-choice-page.js +3 -3
- 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 +46 -36
- 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.d.ts +3 -1
- package/package.json +1 -1
- package/dist/lib/apollo-super-selection/p-8d47d8e3.entry.js +0 -14
package/dist/lib/collection/components/super-selection-app/existing-choice/existing-choice.js
CHANGED
|
@@ -47,50 +47,58 @@ export class ExistingChoice {
|
|
|
47
47
|
}
|
|
48
48
|
render() {
|
|
49
49
|
const PromotedFundView = (props) => {
|
|
50
|
-
return (h("div", { class: "flex justify-center
|
|
51
|
-
h("img", { class: "h-16 w-
|
|
50
|
+
return (h("div", { class: "flex justify-center" },
|
|
51
|
+
h("img", { class: "h-16 object-contain w-full max-w-140", alt: getFundNameById(props.id), src: getLogoSrc(props.id) })));
|
|
52
52
|
};
|
|
53
53
|
const MyOwnFundView = () => {
|
|
54
54
|
return (h("div", { class: "flex h-20 justify-center items-center relative" },
|
|
55
55
|
h("div", { class: "h-20 w-20 rounded-full bg-primary-base opacity-10" }),
|
|
56
|
-
h("div", { class: "h-
|
|
56
|
+
h("div", { class: "h-10 w-10 absolute" },
|
|
57
57
|
h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512", class: "fill-primary-base" },
|
|
58
|
-
h("path", { d: "
|
|
58
|
+
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" })))));
|
|
59
59
|
};
|
|
60
60
|
const SelfManagedFundView = () => {
|
|
61
61
|
return (h("div", { class: "flex h-20 justify-center items-center relative" },
|
|
62
62
|
h("div", { class: "h-20 w-20 rounded-full bg-primary-base opacity-10" }),
|
|
63
|
-
h("div", { class: "h-
|
|
63
|
+
h("div", { class: "h-10 w-10 absolute" },
|
|
64
64
|
h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512", class: "fill-primary-base" },
|
|
65
|
-
h("path", { d: "
|
|
65
|
+
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" })))));
|
|
66
66
|
};
|
|
67
67
|
const DefaultFundView = () => {
|
|
68
68
|
return (h("div", { class: "flex h-20 justify-center items-center relative" },
|
|
69
69
|
h("div", { class: "h-20 w-20 rounded-full bg-primary-base opacity-10" }),
|
|
70
|
-
h("div", { class: "h-
|
|
70
|
+
h("div", { class: "h-10 w-10 absolute" },
|
|
71
71
|
h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", class: "fill-primary-base" },
|
|
72
|
-
h("path", { d: "M448 96h-
|
|
72
|
+
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" })))));
|
|
73
73
|
};
|
|
74
74
|
return (h("div", null,
|
|
75
75
|
h("div", { class: "text-2xl sm:text-3xl font-bold text-center" }, "Your super choice"),
|
|
76
76
|
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."),
|
|
77
77
|
h("div", { class: "flex justify-center mt-8 sm:mt-12" },
|
|
78
78
|
h("div", { class: "max-w-400 w-full" },
|
|
79
|
-
h("div", { class: "flex-col border shadow-sm p-6 rounded-lg text-center
|
|
80
|
-
(
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
79
|
+
h("div", { class: "flex-col border shadow-sm p-6 pt-8 rounded-lg text-center" },
|
|
80
|
+
h("div", { class: "space-y-4" },
|
|
81
|
+
(() => {
|
|
82
|
+
switch (this.existingFund.type) {
|
|
83
|
+
case 'Promoted Fund':
|
|
84
|
+
return h(PromotedFundView, { id: this.existingFund.id });
|
|
85
|
+
case 'Self Managed Fund':
|
|
86
|
+
return h(SelfManagedFundView, null);
|
|
87
|
+
case 'My Own Fund':
|
|
88
|
+
return h(MyOwnFundView, null);
|
|
89
|
+
case 'Default Fund':
|
|
90
|
+
return h(DefaultFundView, null);
|
|
91
|
+
}
|
|
92
|
+
})(),
|
|
93
|
+
h("div", { class: "sm:text-lg font-bold leading-6" }, (() => {
|
|
94
|
+
switch (this.existingFund.type) {
|
|
95
|
+
case 'Default Fund':
|
|
96
|
+
return "Employer's default fund";
|
|
97
|
+
default:
|
|
98
|
+
return this.existingFund.name;
|
|
99
|
+
}
|
|
100
|
+
})())),
|
|
101
|
+
h("div", { class: "mt-6" },
|
|
94
102
|
h("sss-button", { fillWidth: true, promiseFn: () => this.handleFundNominationAccepted() }, "Continue with this fund"))),
|
|
95
103
|
h("div", { class: "mt-4" },
|
|
96
104
|
h("sss-button", { fillWidth: true, variant: "secondary", promiseFn: () => this.handleFundNominationDeclined() }, "Choose another fund"))))));
|
|
@@ -5,7 +5,7 @@ export class FooterSection {
|
|
|
5
5
|
render() {
|
|
6
6
|
return (h("div", { class: "text-center text-gray-500 text-xs mt-8 sm:mt-20 w-full max-w-960 mx-auto" },
|
|
7
7
|
h("span", null, "Powered by Flare"),
|
|
8
|
-
h("p", { class: "block text-transparent" },
|
|
8
|
+
h("p", { class: "block text-transparent hover:text-gray-500" },
|
|
9
9
|
"v",
|
|
10
10
|
AppVersion),
|
|
11
11
|
!FeatureFlagService.isNewComplianceEnabled() && (h("p", { class: "mt-4" }, "This page contains factual information only and does not take into account your particular objectives, financial circumstances or needs. If you have questions or need help making a decision about your super fund, you should speak to a licensed financial advice provider. You should consider the relevant super fund's PDS and TMD (if applicable) in deciding whether to apply to join the super fund. Each of the advertised fund's PDS and TMD (if applicable) can be found in their advertisements above. If you are considering joining another fund you can find the PDS and TMD on the fund's website. Your employer and Flare do not endorse or accept responsibility for any financial product advice or services provided by the promoters or trustees of the advertised superannuation funds. Flare do not endorse or accept responsibility for any of their content shown about any of the advertised superannuation funds as they are merely passing on the content as provided without any changes. Flare do not express any opinion or make any recommendation about any of the advertised funds."))));
|
|
@@ -28,20 +28,20 @@ export class CustomFund {
|
|
|
28
28
|
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" })));
|
|
29
29
|
};
|
|
30
30
|
const CheckIcon = () => {
|
|
31
|
-
return (h("svg", { class: "h-5 w-5 fill-primary-base", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20" },
|
|
31
|
+
return (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" },
|
|
32
32
|
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" })));
|
|
33
33
|
};
|
|
34
34
|
return (h("div", { class: "max-w-560 relative" },
|
|
35
35
|
h("label", { class: "font-medium text-gray-700 text-sm" }, "Which fund would you like to nominate?"),
|
|
36
36
|
h("div", { class: "mt-1 mb-4" },
|
|
37
|
-
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) },
|
|
37
|
+
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) },
|
|
38
38
|
h("span", { class: {
|
|
39
39
|
'block truncate': true,
|
|
40
40
|
'text-gray-500': this.showFundOptionsSelection
|
|
41
41
|
} }, this.showFundOptionsSelection ? 'Select' : this.currentCustomFund.label),
|
|
42
42
|
h("span", { class: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none" },
|
|
43
43
|
h(ChevronDownIcon, null))),
|
|
44
|
-
this.showFundOptionsSelection && (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) => (h("li", { class: "text-gray-900 cursor-default select-none relative py-2 pl-3 pr-9 hover:bg-primary-
|
|
44
|
+
this.showFundOptionsSelection && (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) => (h("li", { class: "text-gray-900 cursor-default select-none relative py-2 pl-3 pr-9 group hover:bg-primary-base", onClick: () => {
|
|
45
45
|
this.showFundOptionsSelection = !this.showFundOptionsSelection;
|
|
46
46
|
navigationService.navigateInternally(this.history, f.value);
|
|
47
47
|
} },
|
|
@@ -38,7 +38,7 @@ export class DefaultFund {
|
|
|
38
38
|
h("sss-header-section", { currentPage: "own-fund" }),
|
|
39
39
|
h("div", { class: "flex justify-center mt-11" },
|
|
40
40
|
h("sss-custom-fund", null,
|
|
41
|
-
h("div", { class: "p-4 sm:p-6 border shadow-sm rounded-lg" },
|
|
41
|
+
h("div", { class: "p-4 sm:p-6 pb-6 sm:pb-8 border shadow-sm rounded-lg" },
|
|
42
42
|
h("p", { class: "sm:text-lg font-bold mb-3" }, "Fund details"),
|
|
43
43
|
h("div", { class: "bg-yellow-50 border-l-4 border-yellow-400 p-4 my-3" },
|
|
44
44
|
h("div", { class: "flex" },
|
|
@@ -48,10 +48,10 @@ export class DefaultFund {
|
|
|
48
48
|
this.isDefaultFundExists && !this.isInvalidDefaultFund && (h("div", null,
|
|
49
49
|
h("div", { class: "mt-3" },
|
|
50
50
|
h("label", { class: "text-sm font-medium text-gray-700" }, "Fund Name"),
|
|
51
|
-
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)),
|
|
51
|
+
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)),
|
|
52
52
|
h("div", { class: "mt-3" },
|
|
53
53
|
h("label", { class: "text-sm font-medium text-gray-700" }, "Fund USI"),
|
|
54
|
-
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))))),
|
|
54
|
+
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))))),
|
|
55
55
|
h("div", { class: "flex justify-center mt-8" },
|
|
56
56
|
h("div", { class: "sm:max-w-320 w-full" },
|
|
57
57
|
this.isDefaultFundExists && !this.isInvalidDefaultFund && (h("div", { class: "mb-4" },
|
|
@@ -27,12 +27,12 @@ export class MyOwnFundInputs {
|
|
|
27
27
|
}, showValidationErrors: this.showValidationErrors })),
|
|
28
28
|
O.isSome(this.myOwnFundForm.fundUsi) && (h("div", { class: "mt-3" },
|
|
29
29
|
h("label", { class: "text-sm font-medium text-gray-700" }, "Fund USI"),
|
|
30
|
-
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)))),
|
|
30
|
+
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)))),
|
|
31
31
|
h("div", { class: "mt-3" },
|
|
32
32
|
h("label", { class: "text-sm font-medium text-gray-700" }, "Member number"),
|
|
33
33
|
h("div", { class: "mt-1" },
|
|
34
34
|
h("input", { type: "text", class: {
|
|
35
|
-
'shadow-sm focus:ring-primary-focus focus:border-primary-base block w-full text-sm border-gray-300 rounded-md': true,
|
|
35
|
+
'shadow-sm focus:ring-primary-focus focus:border-primary-base block w-full text-base sm:text-sm border-gray-300 rounded-md': true,
|
|
36
36
|
'invalid:border-red-300 invalid:text-red-900 invalid:focus:ring-red-500 invalid:focus:border-red-500': this
|
|
37
37
|
.showValidationErrors
|
|
38
38
|
}, required: true, pattern: "[A-Za-z0-9]{4,16}", name: "memberNumber", id: "memberNumber", value: O.toUndefined(customFundState.myOwnFundForm.memberNumber), onChange: (ev) => this.updateMemberNumber(ev.target.value.trim()) }),
|
|
@@ -27,7 +27,7 @@ export class MyOwnFund {
|
|
|
27
27
|
h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: {
|
|
28
28
|
'was-validated': this.formState === 'validated'
|
|
29
29
|
}, ref: (el) => (this.formElement = el), onInput: (_) => (this.isSubmitDisabled = !this.formElement.checkValidity()) },
|
|
30
|
-
h("div", { class: "p-4 sm:p-6 border shadow-sm rounded-lg" },
|
|
30
|
+
h("div", { class: "p-4 sm:p-6 pb-6 sm:pb-8 border shadow-sm rounded-lg" },
|
|
31
31
|
h("p", { class: "sm:text-lg font-bold mb-3" }, "Fund details"),
|
|
32
32
|
h("div", { class: "bg-yellow-50 border-l-4 border-yellow-400 p-4 mb-3 sm:mb-4" },
|
|
33
33
|
h("div", { class: "flex" },
|
|
@@ -24,7 +24,7 @@ export class SelfManagedFundInputs {
|
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
26
|
const inputClass = {
|
|
27
|
-
'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,
|
|
27
|
+
'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,
|
|
28
28
|
'invalid:border-red-300 invalid:text-red-900 invalid:placeholder-red-300 invalid:focus:ring-red-500 invalid:focus:border-red-500': this
|
|
29
29
|
.showValidationErrors
|
|
30
30
|
};
|
|
@@ -55,7 +55,7 @@ export class SelfManagedFund {
|
|
|
55
55
|
h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: {
|
|
56
56
|
'was-validated': this.formState === 'validated'
|
|
57
57
|
}, ref: (el) => (this.formElement = el) },
|
|
58
|
-
h("div", { class: "p-4 sm:p-6 border shadow-sm rounded-lg max-w-560" },
|
|
58
|
+
h("div", { class: "p-4 sm:p-6 pb-6 sm:pb-8 border shadow-sm rounded-lg max-w-560" },
|
|
59
59
|
h("p", { class: "sm:text-lg font-bold" }, "Fund details"),
|
|
60
60
|
h("div", { class: "bg-yellow-50 border-l-4 border-yellow-400 p-4 my-3" },
|
|
61
61
|
h("div", { class: "flex" },
|
|
@@ -7,20 +7,10 @@ export class HeaderSection {
|
|
|
7
7
|
h("div", { class: "text-center max-w-800" },
|
|
8
8
|
h("h3", { class: "font-bold mb-3 sm:mb-4 text-2xl sm:text-3xl" }, "Nominate a super fund"),
|
|
9
9
|
FeatureFlagService.isNewComplianceEnabled() && (h(Fragment, null,
|
|
10
|
-
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
|
|
10
|
+
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."),
|
|
11
11
|
h("div", { class: "inline-flex mt-8 sm:mt-12 bg-primary-base rounded-lg p-0.5 whitespace-normal" },
|
|
12
|
-
h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage },
|
|
13
|
-
|
|
14
|
-
'py-2 text-sm font-medium w-auto px-3 sm:px-8 rounded-md h-full': true,
|
|
15
|
-
'bg-white border-gray-200 text-gray-900 shadow-sm': this.currentPage === 'choice',
|
|
16
|
-
'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'
|
|
17
|
-
} }, "Featured super funds")),
|
|
18
|
-
h("stencil-route-link", { url: SuperSelectionAppRoutes.MyOwnFund },
|
|
19
|
-
h("button", { type: "button", class: {
|
|
20
|
-
'ml-0.5 rounded-md py-2 text-sm font-medium w-auto px-3 sm:px-8 h-full': true,
|
|
21
|
-
'bg-white border-gray-200 text-gray-900 shadow-sm': this.currentPage === 'own-fund',
|
|
22
|
-
'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'
|
|
23
|
-
} }, "Choose another fund"))))))));
|
|
12
|
+
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"),
|
|
13
|
+
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")))))));
|
|
24
14
|
}
|
|
25
15
|
static get is() { return "sss-header-section"; }
|
|
26
16
|
static get properties() { return {
|
|
@@ -11,13 +11,22 @@ export class Button {
|
|
|
11
11
|
this.fillWidthOnMobile = false;
|
|
12
12
|
this.disabled = false;
|
|
13
13
|
this.variant = 'primary';
|
|
14
|
+
this.size = 'base';
|
|
14
15
|
this.promiseFn = () => Promise.resolve();
|
|
15
16
|
// eslint-disable-next-line @typescript-eslint/member-ordering
|
|
16
17
|
this.state = PromiseButtonState.Available;
|
|
17
18
|
}
|
|
18
19
|
render() {
|
|
20
|
+
const sizeCss = {
|
|
21
|
+
xs: 'px-2.5 py-1.5 text-xs',
|
|
22
|
+
base: 'px-4 py-2 text-base',
|
|
23
|
+
xl: 'px-6 py-3 text-base'
|
|
24
|
+
};
|
|
19
25
|
return (h("button", { class: {
|
|
20
|
-
|
|
26
|
+
[sizeCss[this.size]]: true,
|
|
27
|
+
'inline-flex items-center justify-center border font-medium': true,
|
|
28
|
+
'rounded-md shadow-sm focus:outline-none focus:ring-2': true,
|
|
29
|
+
'focus:ring-offset-2 focus:ring-primary-focus pointer-events-auto': true,
|
|
21
30
|
'disabled:pointer-events-none disabled:border-gray-300 disabled:bg-gray-100 disabled:text-gray-400': true,
|
|
22
31
|
'border-transparent text-white bg-primary-base hover:bg-primary-hover': this.variant === 'primary',
|
|
23
32
|
'border-gray-300 text-gray-700 bg-white hover:bg-gray-50': this.variant === 'secondary',
|
|
@@ -119,6 +128,28 @@ export class Button {
|
|
|
119
128
|
"reflect": false,
|
|
120
129
|
"defaultValue": "'primary'"
|
|
121
130
|
},
|
|
131
|
+
"size": {
|
|
132
|
+
"type": "string",
|
|
133
|
+
"mutable": false,
|
|
134
|
+
"complexType": {
|
|
135
|
+
"original": "ButtonSize",
|
|
136
|
+
"resolved": "\"base\" | \"xl\" | \"xs\"",
|
|
137
|
+
"references": {
|
|
138
|
+
"ButtonSize": {
|
|
139
|
+
"location": "local"
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
},
|
|
143
|
+
"required": false,
|
|
144
|
+
"optional": false,
|
|
145
|
+
"docs": {
|
|
146
|
+
"tags": [],
|
|
147
|
+
"text": ""
|
|
148
|
+
},
|
|
149
|
+
"attribute": "size",
|
|
150
|
+
"reflect": false,
|
|
151
|
+
"defaultValue": "'base'"
|
|
152
|
+
},
|
|
122
153
|
"promiseFn": {
|
|
123
154
|
"type": "unknown",
|
|
124
155
|
"mutable": false,
|
|
@@ -38,7 +38,7 @@ export class SelectInputAsync {
|
|
|
38
38
|
return (h("span", { class: "cursor-pointer text-gray-500 py-1.5 pl-4" }, "No items match your search"));
|
|
39
39
|
}
|
|
40
40
|
return this.filteredOptions.map((option, _index) => (h("div", { class: {
|
|
41
|
-
'cursor-pointer text-wrap hover:bg-primary-
|
|
41
|
+
'cursor-pointer text-wrap hover:bg-primary-base py-1.5 pl-4': true,
|
|
42
42
|
'bg-primary-base': this.isOptionSelected(option)
|
|
43
43
|
}, onClick: (_event) => {
|
|
44
44
|
this.toggleDropdown(false);
|
|
@@ -135,7 +135,7 @@ export class SelectInputAsync {
|
|
|
135
135
|
return (h(Host, null,
|
|
136
136
|
h("div", { class: "relative" },
|
|
137
137
|
h("input", { type: "text", class: {
|
|
138
|
-
'shadow-sm focus:ring-primary-focus focus:border-primary-base block w-full text-sm border-gray-300 rounded-md': true,
|
|
138
|
+
'shadow-sm focus:ring-primary-focus focus:border-primary-base block w-full text-base sm:text-sm border-gray-300 rounded-md': true,
|
|
139
139
|
'invalid:border-red-300 invalid:text-red-900 invalid:placeholder-red-300 invalid:focus:ring-red-500 invalid:focus:border-red-500': this
|
|
140
140
|
.showValidationErrors
|
|
141
141
|
}, placeholder: this.placeholder, required: this.required, disabled: this.disabled, value: this.inputValue, ref: (el) => (this.inputElement = el) }),
|
|
@@ -2,6 +2,8 @@ import superSelectionAppService from '../services/super-selection-app.service';
|
|
|
2
2
|
export class FeatureFlagService {
|
|
3
3
|
static isNewComplianceEnabled() {
|
|
4
4
|
const whitelistedPartners = [
|
|
5
|
+
'APOLLO-PARTNER-DEV',
|
|
6
|
+
'APOLLO-PARTNER-TEST',
|
|
5
7
|
'PARTNER-TEST-FLARE',
|
|
6
8
|
'962e142f-df98-460e-92ed-2c4e24149c91',
|
|
7
9
|
'8ad88c67-d446-4c30-8321-f896e1b7643b',
|
|
@@ -10,7 +12,7 @@ export class FeatureFlagService {
|
|
|
10
12
|
'cf602138-c843-4c4a-a407-635ba0bf9612',
|
|
11
13
|
'4257a264-863e-4e03-8b07-b9c0328c0557',
|
|
12
14
|
'df9b837f-7f38-41ff-9073-9265106eb231',
|
|
13
|
-
'd6855e49-0412-4600-9b66-c61f0dfc25df'
|
|
15
|
+
'd6855e49-0412-4600-9b66-c61f0dfc25df' // PageUp (Sandbox)
|
|
14
16
|
];
|
|
15
17
|
return whitelistedPartners.includes(superSelectionAppService.partnerIdOrDefault);
|
|
16
18
|
}
|
package/dist/lib/collection/components/super-selection-app/standard-choice/standard-choice-form.js
CHANGED
|
@@ -17,14 +17,14 @@ export class StandardChoiceFormInputDefaultFund {
|
|
|
17
17
|
h("div", { class: "p-4 sm:p-6 border shadow-sm rounded-lg flex flex-col sm:flex-row" },
|
|
18
18
|
standardChoiceFormState.promotedFundId &&
|
|
19
19
|
getLogoSrc(standardChoiceFormState.promotedFundId) && (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" },
|
|
20
|
-
h("img", { class: "h-16 w-
|
|
20
|
+
h("img", { class: "h-16 max-w-140 sm:h-12 sm:max-w-[100px] object-contain", alt: standardChoiceFormState.fundName, src: getLogoSrc(standardChoiceFormState.promotedFundId) }))),
|
|
21
21
|
h("div", { class: "flex justify-between w-full" },
|
|
22
22
|
h("div", null,
|
|
23
|
-
h("div", { class: "text-xs font-semibold text-gray-500
|
|
23
|
+
h("div", { class: "text-xs font-semibold text-gray-500 uppercase" }, "Nominated fund"),
|
|
24
24
|
h("div", { class: "text-sm mt-2" }, standardChoiceFormState.fundName)),
|
|
25
25
|
h("div", { class: "grid content-center ml-4" },
|
|
26
26
|
h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage },
|
|
27
|
-
h("sss-button", { variant: "secondary" }, "Change"))))),
|
|
27
|
+
h("sss-button", { size: "xs", variant: "secondary" }, "Change"))))),
|
|
28
28
|
h("div", { class: "mt-4 p-4 sm:p-6 border shadow-sm rounded-lg" },
|
|
29
29
|
h("div", { class: "sm:text-lg font-bold" }, "Superannuation Standard Choice Form"),
|
|
30
30
|
h("div", { class: "bg-blue-50 border-l-4 border-blue-400 p-4 mt-3" },
|
|
@@ -39,7 +39,7 @@ export class StandardChoiceFormInputDefaultFund {
|
|
|
39
39
|
}, ref: (el) => (this.formElement = el), onInput: (_) => (this.isSubmitDisabled = !this.formElement.checkValidity()) },
|
|
40
40
|
h("label", { class: "text-sm font-medium text-gray-700" }, "Type your full name"),
|
|
41
41
|
h("input", { type: "text", autocomplete: "off", class: {
|
|
42
|
-
'shadow-sm focus:ring-primary-focus focus:border-primary-focus w-full text-sm border-gray-300 rounded-md mt-1': true,
|
|
42
|
+
'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,
|
|
43
43
|
'invalid:border-red-300 invalid:text-red-900 invalid:focus:ring-red-500 invalid:focus:border-red-500': this.formState === 'validated'
|
|
44
44
|
}, required: true, minlength: "2", name: "standardChoiceFormSignature", id: "standardChoiceFormSignature", value: this.standardChoiceFormSignature, onInput: (event) => (this.standardChoiceFormSignature = event.target.value) }),
|
|
45
45
|
h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Type your full name"),
|
package/dist/lib/collection/components/super-selection-app/super-choice-page/assets/logo-active.svg
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg version="1.1" id="Artwork" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="
|
|
1
|
+
<svg version="1.1" id="Artwork" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 977.38 292.8" xml:space="preserve"><style>.st0{fill:#003822}</style><path class="st0" d="M973.53 162.53c-10.77-12.87-30.75-12.41-54.01-5.01 0 0-143.94 86.02-143.93 86.02-4.02 13.37-9.98 41.26-10.84 47.02 0 0 27.01.01 35.56 0 .76-8.82.55-27.11 3.63-38.45 110.38 24.14 192.48-64.58 169.59-89.58z"/><radialGradient id="SVGID_1_" cx="918.314" cy="170.024" r="284.353" fx="928.628" fy="169.488" gradientTransform="matrix(.7772 .6293 -.823 1.0164 344.555 -580.675)" gradientUnits="userSpaceOnUse"><stop offset=".56" stop-color="#003822"/><stop offset=".758" stop-color="#002418"/></radialGradient><path d="M726.5 73.27c2.51-31.93 14.67-80.55 58.74-72.35 55.93 10.41 52.09 80.45 51.09 92.94 20.96-17.91 79.46-49.71 106.14-18.06 60.53 71.83-166.88 167.74-166.88 167.74L726.5 73.27z" fill="url(#SVGID_1_)"/><path class="st0" d="M669.99 31.17c72.99-14.79 105.59 212.37 105.59 212.37-96.75-38.61-148.64-202.66-105.59-212.37z"/><path d="M736.46 184.03c-.36-3.02-.27-5.23.07-8.25l8.08-.97c.73 4.69.6 11.32 5.24 13.64 2.27 1 6.32.16 7.64-1.81 1.53-1.75 1.14-5.56.42-7.89-1-3.32-3.09-5.63-5.65-8.2l-12.4-11.62c-4.24-4.34-7.18-8.79-7.88-14.77-1.33-9.15 4.68-16.65 13.94-17.46 14.35-1.84 19.09 8.64 17.32 21.02l-8.04.96c-.33-3.71-1.18-9.31-2.96-11.46-1.28-1.82-3.1-2.59-5.46-2.31-7.02.52-5.9 9.29-2.42 13.15 5.06 5.81 17.97 15.95 21.51 22.63 3.6 6 4.3 14.75-.27 20.3-4.09 5.31-13.29 6.89-19.32 5.38-6-1.4-9.23-6.61-9.82-12.34m34.53-11.44c1.14 11.34 6.37 21.75 18.9 19.78 12.69-1.03 15.41-12.33 13.86-23.7l-5.7-47.6-10.38 1.24 6.03 50.38c.5 4.84 1.09 11.2-4.75 11.83-5.83.75-6.45-5.67-7.12-10.41l-6.03-50.38-10.5 1.26 5.69 47.6zm46.79-13.15l-3.9-32.55c12.12-1.96 11.47 7.95 12.66 16.77.94 7.43.62 14.99-8.24 15.72l-.52.06zm-7 29.82l10.42-1.25-2.5-20.92c15.58-1.12 20.21-11.92 18.32-26.64-.36-3.66-1.11-8.21-2.35-10.9-5.87-14.48-20.06-10.28-32.12-9.01l8.23 68.72zm34.64-4.15l25.87-3.1-.98-8.21-15.45 1.85-2.82-23.54 11.63-1.39-.98-8.21-11.63 1.39-2.46-20.56 15.05-1.8-.98-8.21-25.47 3.05 8.22 68.73zm35.68-37.98l-3.34-27.88c7.78-1.28 11.86.63 12.69 8.85.91 8.25 3.52 17.95-7.78 18.85l-1.57.18zm-6.24 34.46l10.22-1.22-3.08-25.72 3.9-.47 12.21 24.62 11.03-1.32-14.31-26.16c6.74-4.7 7.43-12.23 6.51-20.94-.32-3.31-1.03-7.16-2.16-9.56-5.83-13.85-21.05-9.02-32.54-7.96l8.22 68.73z" fill="#9adf20"/><path class="st0" d="M65.51 99.29l4.06-21.76 11.39 139.71H50.88L65.51 99.29zM51.6 48.89L0 290.67h40.16l3.98-43.32h44.7l3.19 43.32h36.93L86.24 48.89H51.6zm154.33 164.49c-.29 8.09.96 28.86-1.48 36.17-3.45 13.35-13.57 18.85-25.91 13.58-10.97-5.68-10.52-24.55-10.83-37.3.52-13.72-1.35-118.87 1.34-129.81 1.61-8.39 3.62-15.41 10.27-19.25 8.54-3.95 17.42-2.56 21.8 7.94 2.92 6.61 4.39 16.56 4.39 29.86v12.32h29.72c4.05-20.88 6.56-47.82-7.71-65.04-12-14.23-32.6-16.77-51.67-14.23-15.38 2.17-28.86 11-36.31 25.69-7.9 15.75-10.29 32.77-10.33 53.02v85.63c.16 25.02 3.72 51.22 20.73 67.6 10.52 9.95 24.37 13.36 38.01 13.23 35.6-.46 51.65-20.61 51.52-57.04v-22.37h-33.54zM492.92 48.89l-29.29 211.4L438 48.89h-37.51l47.19 241.71 38.6.07L530.3 48.89h-37.38zm77.3 209.81l2.9-79.71 40.44-1.64.47-27.24h-44.9l2.96-71.67 53.97-.67V48.89h-82.69l-6.92 241.78h91.02l.97-37.55-58.22 5.58zm-179.97-35.89L388.73 48.9h-29.58l-2.29 241.78 39.78-.07-6.39-67.8zM250.67 48.89l-3.19 29.51 35.09 4.79-1.6 207.48h34.27V80.94l31.93-.13V48.89h-96.5z"/></svg>
|
|
@@ -6,13 +6,13 @@ export class SuperChoiceItemTop {
|
|
|
6
6
|
h("div", { class: "px-4 lg:px-6 pt-6" },
|
|
7
7
|
h("div", { class: "text-right w-100 -mt-5 -mr-3.5 lg:-mr-5" },
|
|
8
8
|
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')),
|
|
9
|
-
h("div", { class: "flex lg:block mt-2 md:mt-0 lg:mt-
|
|
10
|
-
h("img", { class: "h-16 object-contain w-auto
|
|
9
|
+
h("div", { class: "flex lg:block mt-2 md:mt-0 lg:mt-4" },
|
|
10
|
+
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: getAssetPath(`assets/${this.logo}`) }),
|
|
11
11
|
h("div", { class: "grid content-center" },
|
|
12
|
-
h("p", { class: "text-lg font-bold ml-4
|
|
13
|
-
h("div", { class: "mt-4 text-sm space-y-2" }, JSON.parse(this.features).map((feature) => (h("div", { class: "flex" },
|
|
12
|
+
h("p", { class: "text-base md:text-lg font-bold ml-4 md:ml-0 md:mb-0 lg:mt-4" }, this.name))),
|
|
13
|
+
h("div", { class: "mt-4 sm:mt-2 text-sm space-y-2" }, JSON.parse(this.features).map((feature) => (h("div", { class: "flex" },
|
|
14
14
|
h("div", { class: "h-5 w-5 flex-none mr-1.5" },
|
|
15
|
-
h("img", { src: getAssetPath(`assets/icon-check.svg`) })),
|
|
15
|
+
h("img", { alt: "checked", src: getAssetPath(`assets/icon-check.svg`) })),
|
|
16
16
|
h("p", { class: "leading-5" }, feature.value))))),
|
|
17
17
|
this.featureSubText && (h("p", { class: "text-xs text-gray-500 italic mt-4 leading-4" }, this.featureSubText)))));
|
|
18
18
|
}
|
package/dist/lib/collection/components/super-selection-app/super-choice-page/super-choice-page.js
CHANGED
|
@@ -74,11 +74,11 @@ export class SuperChoicePage {
|
|
|
74
74
|
h("li", null,
|
|
75
75
|
"If you are unsure of your current super fund details, you can find out at",
|
|
76
76
|
' ',
|
|
77
|
-
h("a", { class: "text-primary-base font-medium", target: "_blank", href: navigationService.toExternalUrl(mygovLink) }, mygovLinkDisplay)),
|
|
77
|
+
h("a", { class: "text-primary-base font-medium hover:text-primary-hover", target: "_blank", href: navigationService.toExternalUrl(mygovLink) }, mygovLinkDisplay)),
|
|
78
78
|
h("li", null,
|
|
79
79
|
"A full list of super funds can be viewed at",
|
|
80
80
|
' ',
|
|
81
|
-
h("a", { class: "text-primary-base font-medium", target: "_blank", href: navigationService.toExternalUrl(superfundsLink) }, superfundsLinkDisplay))),
|
|
81
|
+
h("a", { class: "text-primary-base font-medium hover:text-primary-hover", target: "_blank", href: navigationService.toExternalUrl(superfundsLink) }, superfundsLinkDisplay))),
|
|
82
82
|
h("stencil-route-link", { url: SuperSelectionAppRoutes.MyOwnFund },
|
|
83
83
|
h("sss-button", { fillWidthOnMobile: true }, "Choose another super fund")))),
|
|
84
84
|
FeatureFlagService.isNewComplianceEnabled() && (h("div", { class: "flex justify-center" },
|
|
@@ -93,7 +93,7 @@ export class SuperChoicePage {
|
|
|
93
93
|
}
|
|
94
94
|
allFunds() {
|
|
95
95
|
const Link = (props, children) => {
|
|
96
|
-
return (h("a", { class: "font-medium underline", target: "_blank", href: navigationService.toExternalUrl(props.href), onClick: props.onClick }, children));
|
|
96
|
+
return (h("a", { class: "font-medium underline hover:text-gray-600", target: "_blank", href: navigationService.toExternalUrl(props.href), onClick: props.onClick }, children));
|
|
97
97
|
};
|
|
98
98
|
return [
|
|
99
99
|
{
|
|
@@ -16,5 +16,5 @@ const patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(options => {
|
|
18
18
|
globalScripts();
|
|
19
|
-
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_30",[[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":[1],"featureSubText":[1,"feature-sub-text"]}],[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],"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);
|
|
19
|
+
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_30",[[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":[1],"featureSubText":[1,"feature-sub-text"]}],[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);
|
|
20
20
|
});
|
package/dist/lib/esm/loader.js
CHANGED
|
@@ -13,7 +13,7 @@ const defineCustomElements = (win, options) => {
|
|
|
13
13
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
14
14
|
return patchEsm().then(() => {
|
|
15
15
|
globalScripts();
|
|
16
|
-
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_30",[[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":[1],"featureSubText":[1,"feature-sub-text"]}],[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],"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);
|
|
16
|
+
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_30",[[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":[1],"featureSubText":[1,"feature-sub-text"]}],[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);
|
|
17
17
|
});
|
|
18
18
|
};
|
|
19
19
|
|