@flarehr/apollo-super-selection 5.0.47164 → 5.3.47886
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.esm.js +1 -1
- package/dist/lib/apollo-super-selection/p-691ca20d.entry.js +14 -0
- package/dist/lib/apollo-super-selection/p-bdcfc026.system.js +1 -1
- package/dist/lib/apollo-super-selection/p-faf9722e.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_41.cjs.entry.js → sss-button_43.cjs.entry.js} +72 -42
- package/dist/lib/collection/collection-manifest.json +4 -0
- package/dist/lib/collection/components/super-campaign/super-campaign.js +5 -2
- package/dist/lib/collection/components/super-selection-app/consent/consent-wrapper.js +32 -0
- package/dist/lib/collection/components/super-selection-app/consent/consent.js +2 -0
- package/dist/lib/collection/components/super-selection-app/prefill-fund/prefill-common.js +2 -2
- package/dist/lib/collection/components/super-selection-app/prefill-fund/prefill-display-field.js +1 -1
- package/dist/lib/collection/components/super-selection-app/prefill-fund/prefill-my-own-fund.js +5 -5
- package/dist/lib/collection/components/super-selection-app/prefill-fund/prefill-smsf.js +15 -14
- package/dist/lib/collection/components/super-selection-app/prefill-fund/prefill-types.js +22 -20
- package/dist/lib/collection/components/super-selection-app/services/super-selection-app.routes.js +2 -2
- package/dist/lib/collection/components/super-selection-app/super-choice-page/super-choice-page-wrapper.js +32 -0
- package/dist/lib/collection/components/super-selection-app/super-choice-page/super-choice-page.js +2 -0
- package/dist/lib/esm/apollo-super-selection.js +1 -1
- package/dist/lib/esm/loader.js +1 -1
- package/dist/lib/esm/{sss-button_41.entry.js → sss-button_43.entry.js} +71 -43
- 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_41.entry.js → sss-button_43.entry.js} +4 -4
- package/dist/lib/types/components/super-selection-app/consent/consent-wrapper.d.ts +5 -0
- package/dist/lib/types/components/super-selection-app/prefill-fund/prefill-common.d.ts +1 -1
- package/dist/lib/types/components/super-selection-app/prefill-fund/prefill-types.d.ts +4 -2
- package/dist/lib/types/components/super-selection-app/super-choice-page/super-choice-page-wrapper.d.ts +5 -0
- package/dist/lib/types/components.d.ts +30 -0
- package/package.json +1 -1
- package/dist/lib/apollo-super-selection/p-505890ac.system.entry.js +0 -69
- package/dist/lib/apollo-super-selection/p-a74dac14.entry.js +0 -14
|
@@ -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-
|
|
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_43.cjs",[[0,"sss-prefill",{"history":[16],"prefill":[32]}],[0,"sss-my-own-fund",{"history":[16],"formState":[32],"isNotAllInformationProvidedMessageVisible":[32],"isSubmitDisabled":[32]}],[0,"sss-super-choice-page-wrapper",{"history":[16]}],[0,"sss-self-managed-fund",{"history":[16],"formState":[32],"isSubmitDisabled":[32]}],[0,"sss-consent-page-wrapper",{"history":[16]}],[1,"super-selection-app-host",{"sessionState":[32],"jwt":[32],"appConfiguration":[32],"ignoreExistingSelection":[32]}],[0,"sss-default-fund",{"history":[16],"defaultFundProductName":[32]}],[0,"sss-existing-choice-page",{"history":[16],"existingFund":[32]}],[0,"sss-standard-choice-form",{"history":[16],"standardChoiceFormSignature":[32],"formState":[32],"isSubmitDisabled":[32]}],[0,"sss-promoted-fund-join-v1-page",{"history":[16]}],[0,"sss-promoted-fund-join-v2-page",{"history":[16]}],[0,"sss-slate-join-page",{"history":[16]}],[0,"sss-success"],[0,"sss-super-choice-page",{"history":[16],"promotedFunds":[32]}],[0,"sss-prefill-my-own-fund",{"history":[16],"prefill":[16],"mode":[32],"formState":[32],"isSubmitDisabled":[32],"fundUsi":[32],"fundName":[32],"memberNumber":[32],"memberGivenNames":[32],"memberLastName":[32]}],[0,"sss-prefill-smsf",{"history":[16],"prefill":[16],"mode":[32],"formState":[32],"isSubmitDisabled":[32],"fundName":[32],"fundAbn":[32],"fundEsa":[32],"fundAddressLine1":[32],"fundAddressLine2":[32],"fundAddressCity":[32],"fundAddressPostcode":[32],"fundAddressState":[32],"fundAddress":[32],"memberGivenNames":[32],"memberLastName":[32],"bankAccountName":[32],"bankName":[32],"bankAccountBsb":[32],"bankAccountNumber":[32]}],[0,"sss-consent-page",{"history":[16],"campaignConnectRequestInProgress":[32]}],[0,"sss-prefill-invalid-my-own-fund",{"history":[16],"prefill":[16],"fundUsi":[32],"fundName":[32],"memberNumber":[32],"memberGivenNames":[32],"memberLastName":[32]}],[0,"sss-prefill-invalid-smsf",{"history":[16],"prefill":[16],"fundName":[32],"fundAbn":[32],"fundEsa":[32],"fundAddressLine1":[32],"fundAddressLine2":[32],"fundAddressCity":[32],"fundAddressPostcode":[32],"fundAddressState":[32],"fundAddress":[32],"memberGivenNames":[32],"memberLastName":[32],"bankAccountName":[32],"bankAccountBsb":[32],"bankAccountNumber":[32]}],[1,"super-selection-app",{"ignoreExistingSelection":[4,"ignore-existing-selection"],"accessToken":[1,"access-token"],"backendUrl":[1,"backend-url"],"appBaseUrl":[1,"app-base-url"],"history":[16],"location":[16],"isSelfHosted":[4,"is-self-hosted"],"isAppInitialised":[32]}],[0,"sss-my-own-fund-inputs",{"myOwnFundForm":[16],"showValidationErrors":[4,"show-validation-errors"],"selectedOption":[32]}],[0,"sss-self-managed-fund-inputs",{"fundForm":[16],"showValidationErrors":[4,"show-validation-errors"],"isAbnValid":[32],"isAbnTouched":[32],"isAbnUsedForRegulated":[32],"currentBank":[32],"addressErrorMessage":[32]}],[0,"sss-loading-page"],[0,"sss-loading-super-indicator"],[0,"sss-super-choice-item-bottom",{"disclaimer":[16],"abnInfo":[1,"abn-info"],"abn":[1],"isMultiFund":[4,"is-multi-fund"]}],[0,"sss-super-campaign-host",{"history":[16],"componentLoaded":[32],"backendUrl":[32],"accessToken":[32]}],[0,"sss-dropdown-async",{"placeholder":[1],"searchFunction":[16],"value":[16],"required":[4],"requiredValidationMessage":[1,"required-validation-message"],"disabled":[4],"minSearchStringLength":[2,"min-search-string-length"],"showValidationErrors":[4,"show-validation-errors"],"searchState":[32],"inputValue":[32],"isDropdownVisible":[32],"filteredOptions":[32],"highlightedOptionIndex":[32],"selectedOption":[32]},[[2,"focus","handleFocus"],[2,"blur","handleBlur"],[2,"keydown","handleKeyDown"]]],[0,"sss-footer-section",{"textOverride":[16]}],[0,"sss-super-choice-item-top",{"name":[1],"logo":[1],"features":[16],"featureSubText":[16],"customContent":[16],"isMultiFund":[4,"is-multi-fund"],"isPromotedDefault":[4,"is-promoted-default"],"extraBadge":[16]}],[4,"stencil-route-switch",{"group":[513],"scrollTopOffset":[2,"scroll-top-offset"],"location":[16],"routeViewsUpdated":[16]}],[4,"stencil-router",{"root":[1],"historyType":[1,"history-type"],"titleSuffix":[1,"title-suffix"],"scrollTopOffset":[2,"scroll-top-offset"],"location":[32],"history":[32]}],[4,"sss-custom-fund",{"history":[16],"currentCustomFund":[32],"fundOptionsList":[32],"showFundOptionsSelection":[32]}],[4,"sss-loading-component",{"header":[1]}],[0,"sss-iframe-host",{"build":[16]}],[0,"sss-prefill-warning-box",{"notificationList":[16]}],[0,"sss-name-input",{"value":[1],"name":[1],"readableName":[1,"readable-name"],"showValidationErrors":[4,"show-validation-errors"],"errorMessage":[32]}],[0,"sss-header-section",{"currentPage":[1,"current-page"]}],[0,"sss-prefill-display-field",{"field":[16]}],[0,"sss-prefill-error-box",{"withHeader":[4,"with-header"],"notificationList":[16]}],[4,"stencil-route-link",{"url":[1],"urlMatch":[1,"url-match"],"activeClass":[1,"active-class"],"exact":[4],"strict":[4],"custom":[1],"anchorClass":[1,"anchor-class"],"anchorRole":[1,"anchor-role"],"anchorTitle":[1,"anchor-title"],"anchorTabIndex":[1,"anchor-tab-index"],"anchorId":[1,"anchor-id"],"history":[16],"location":[16],"root":[1],"ariaHaspopup":[1,"aria-haspopup"],"ariaPosinset":[1,"aria-posinset"],"ariaSetsize":[2,"aria-setsize"],"ariaLabel":[1,"aria-label"],"match":[32]}],[4,"sss-button",{"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-
|
|
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_43.cjs",[[0,"sss-prefill",{"history":[16],"prefill":[32]}],[0,"sss-my-own-fund",{"history":[16],"formState":[32],"isNotAllInformationProvidedMessageVisible":[32],"isSubmitDisabled":[32]}],[0,"sss-super-choice-page-wrapper",{"history":[16]}],[0,"sss-self-managed-fund",{"history":[16],"formState":[32],"isSubmitDisabled":[32]}],[0,"sss-consent-page-wrapper",{"history":[16]}],[1,"super-selection-app-host",{"sessionState":[32],"jwt":[32],"appConfiguration":[32],"ignoreExistingSelection":[32]}],[0,"sss-default-fund",{"history":[16],"defaultFundProductName":[32]}],[0,"sss-existing-choice-page",{"history":[16],"existingFund":[32]}],[0,"sss-standard-choice-form",{"history":[16],"standardChoiceFormSignature":[32],"formState":[32],"isSubmitDisabled":[32]}],[0,"sss-promoted-fund-join-v1-page",{"history":[16]}],[0,"sss-promoted-fund-join-v2-page",{"history":[16]}],[0,"sss-slate-join-page",{"history":[16]}],[0,"sss-success"],[0,"sss-super-choice-page",{"history":[16],"promotedFunds":[32]}],[0,"sss-prefill-my-own-fund",{"history":[16],"prefill":[16],"mode":[32],"formState":[32],"isSubmitDisabled":[32],"fundUsi":[32],"fundName":[32],"memberNumber":[32],"memberGivenNames":[32],"memberLastName":[32]}],[0,"sss-prefill-smsf",{"history":[16],"prefill":[16],"mode":[32],"formState":[32],"isSubmitDisabled":[32],"fundName":[32],"fundAbn":[32],"fundEsa":[32],"fundAddressLine1":[32],"fundAddressLine2":[32],"fundAddressCity":[32],"fundAddressPostcode":[32],"fundAddressState":[32],"fundAddress":[32],"memberGivenNames":[32],"memberLastName":[32],"bankAccountName":[32],"bankName":[32],"bankAccountBsb":[32],"bankAccountNumber":[32]}],[0,"sss-consent-page",{"history":[16],"campaignConnectRequestInProgress":[32]}],[0,"sss-prefill-invalid-my-own-fund",{"history":[16],"prefill":[16],"fundUsi":[32],"fundName":[32],"memberNumber":[32],"memberGivenNames":[32],"memberLastName":[32]}],[0,"sss-prefill-invalid-smsf",{"history":[16],"prefill":[16],"fundName":[32],"fundAbn":[32],"fundEsa":[32],"fundAddressLine1":[32],"fundAddressLine2":[32],"fundAddressCity":[32],"fundAddressPostcode":[32],"fundAddressState":[32],"fundAddress":[32],"memberGivenNames":[32],"memberLastName":[32],"bankAccountName":[32],"bankAccountBsb":[32],"bankAccountNumber":[32]}],[1,"super-selection-app",{"ignoreExistingSelection":[4,"ignore-existing-selection"],"accessToken":[1,"access-token"],"backendUrl":[1,"backend-url"],"appBaseUrl":[1,"app-base-url"],"history":[16],"location":[16],"isSelfHosted":[4,"is-self-hosted"],"isAppInitialised":[32]}],[0,"sss-my-own-fund-inputs",{"myOwnFundForm":[16],"showValidationErrors":[4,"show-validation-errors"],"selectedOption":[32]}],[0,"sss-self-managed-fund-inputs",{"fundForm":[16],"showValidationErrors":[4,"show-validation-errors"],"isAbnValid":[32],"isAbnTouched":[32],"isAbnUsedForRegulated":[32],"currentBank":[32],"addressErrorMessage":[32]}],[0,"sss-loading-page"],[0,"sss-loading-super-indicator"],[0,"sss-super-choice-item-bottom",{"disclaimer":[16],"abnInfo":[1,"abn-info"],"abn":[1],"isMultiFund":[4,"is-multi-fund"]}],[0,"sss-super-campaign-host",{"history":[16],"componentLoaded":[32],"backendUrl":[32],"accessToken":[32]}],[0,"sss-dropdown-async",{"placeholder":[1],"searchFunction":[16],"value":[16],"required":[4],"requiredValidationMessage":[1,"required-validation-message"],"disabled":[4],"minSearchStringLength":[2,"min-search-string-length"],"showValidationErrors":[4,"show-validation-errors"],"searchState":[32],"inputValue":[32],"isDropdownVisible":[32],"filteredOptions":[32],"highlightedOptionIndex":[32],"selectedOption":[32]},[[2,"focus","handleFocus"],[2,"blur","handleBlur"],[2,"keydown","handleKeyDown"]]],[0,"sss-footer-section",{"textOverride":[16]}],[0,"sss-super-choice-item-top",{"name":[1],"logo":[1],"features":[16],"featureSubText":[16],"customContent":[16],"isMultiFund":[4,"is-multi-fund"],"isPromotedDefault":[4,"is-promoted-default"],"extraBadge":[16]}],[4,"stencil-route-switch",{"group":[513],"scrollTopOffset":[2,"scroll-top-offset"],"location":[16],"routeViewsUpdated":[16]}],[4,"stencil-router",{"root":[1],"historyType":[1,"history-type"],"titleSuffix":[1,"title-suffix"],"scrollTopOffset":[2,"scroll-top-offset"],"location":[32],"history":[32]}],[4,"sss-custom-fund",{"history":[16],"currentCustomFund":[32],"fundOptionsList":[32],"showFundOptionsSelection":[32]}],[4,"sss-loading-component",{"header":[1]}],[0,"sss-iframe-host",{"build":[16]}],[0,"sss-prefill-warning-box",{"notificationList":[16]}],[0,"sss-name-input",{"value":[1],"name":[1],"readableName":[1,"readable-name"],"showValidationErrors":[4,"show-validation-errors"],"errorMessage":[32]}],[0,"sss-header-section",{"currentPage":[1,"current-page"]}],[0,"sss-prefill-display-field",{"field":[16]}],[0,"sss-prefill-error-box",{"withHeader":[4,"with-header"],"notificationList":[16]}],[4,"stencil-route-link",{"url":[1],"urlMatch":[1,"url-match"],"activeClass":[1,"active-class"],"exact":[4],"strict":[4],"custom":[1],"anchorClass":[1,"anchor-class"],"anchorRole":[1,"anchor-role"],"anchorTitle":[1,"anchor-title"],"anchorTabIndex":[1,"anchor-tab-index"],"anchorId":[1,"anchor-id"],"history":[16],"location":[16],"root":[1],"ariaHaspopup":[1,"aria-haspopup"],"ariaPosinset":[1,"aria-posinset"],"ariaSetsize":[2,"aria-setsize"],"ariaLabel":[1,"aria-label"],"match":[32]}],[4,"sss-button",{"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
|
|
|
@@ -284,7 +284,7 @@ class TapSubscriber extends datoramaAkita.Subscriber {
|
|
|
284
284
|
}
|
|
285
285
|
}
|
|
286
286
|
|
|
287
|
-
const AppVersion = '5.
|
|
287
|
+
const AppVersion = '5.3.47886';
|
|
288
288
|
|
|
289
289
|
// -------------------------------------------------------------------------------------
|
|
290
290
|
// guards
|
|
@@ -3900,10 +3900,10 @@ var SuperSelectionAppRoutes;
|
|
|
3900
3900
|
SuperSelectionAppRoutes["Success"] = "/success/";
|
|
3901
3901
|
})(SuperSelectionAppRoutes || (SuperSelectionAppRoutes = {}));
|
|
3902
3902
|
const superSelectionAppStencilRoutes = [
|
|
3903
|
-
index.h("stencil-route", { url: SuperSelectionAppRoutes.ConsentPage, component: "sss-consent-page" }),
|
|
3903
|
+
index.h("stencil-route", { url: SuperSelectionAppRoutes.ConsentPage, component: "sss-consent-page-wrapper" }),
|
|
3904
3904
|
index.h("stencil-route", { url: SuperSelectionAppRoutes.ExistingChoicePage, component: "sss-existing-choice-page" }),
|
|
3905
3905
|
index.h("stencil-route", { url: SuperSelectionAppRoutes.SuperCampaign, component: "sss-super-campaign-host" }),
|
|
3906
|
-
index.h("stencil-route", { exact: true, url: SuperSelectionAppRoutes.ChoicePage, component: "sss-super-choice-page" }),
|
|
3906
|
+
index.h("stencil-route", { exact: true, url: SuperSelectionAppRoutes.ChoicePage, component: "sss-super-choice-page-wrapper" }),
|
|
3907
3907
|
index.h("stencil-route", { url: SuperSelectionAppRoutes.SlateJoin, component: "sss-slate-join-page" }),
|
|
3908
3908
|
index.h("stencil-route", { url: SuperSelectionAppRoutes.PromotedFundJoinV1, component: "sss-promoted-fund-join-v1-page" }),
|
|
3909
3909
|
index.h("stencil-route", { url: SuperSelectionAppRoutes.PromotedFundJoinV2, component: "sss-promoted-fund-join-v2-page" }),
|
|
@@ -3995,6 +3995,17 @@ const Consent = class {
|
|
|
3995
3995
|
navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
|
|
3996
3996
|
}
|
|
3997
3997
|
};
|
|
3998
|
+
injectHistory(Consent);
|
|
3999
|
+
|
|
4000
|
+
const ConsentWrapper = class {
|
|
4001
|
+
constructor(hostRef) {
|
|
4002
|
+
index.registerInstance(this, hostRef);
|
|
4003
|
+
}
|
|
4004
|
+
render() {
|
|
4005
|
+
return superSelectionAppService.state.superCampaignEnabled ? (index.h("sss-super-campaign-host", null)) : (index.h("sss-consent-page", null));
|
|
4006
|
+
}
|
|
4007
|
+
};
|
|
4008
|
+
injectHistory(ConsentWrapper);
|
|
3998
4009
|
|
|
3999
4010
|
var CustomFundTypes;
|
|
4000
4011
|
(function (CustomFundTypes) {
|
|
@@ -5367,7 +5378,7 @@ const DisplayField = class {
|
|
|
5367
5378
|
return (index.h("div", { class: "flex w-full flex-col sm:flex-row sm:min-h-5 justify-center items-start gap-0.5 sm:gap-4 self-stretch" }, index.h("div", { class: {
|
|
5368
5379
|
'sm:w-2/5 sm:max-w-40 self-stretch text-gray-500 text-xs sm:text-sm not-italic font-medium leading-4 sm:leading-5': true,
|
|
5369
5380
|
'text-red-600': !this.field.isValid
|
|
5370
|
-
} }, this.field.name), index.h("div", { class: {
|
|
5381
|
+
} }, this.field.name), index.h("div", { "data-testid": this.field.testId, class: {
|
|
5371
5382
|
'sm:w-3/5 max-w-[300px] self-stretch text-gray-900 text-sm not-italic font-normal leading-5 break-words': true,
|
|
5372
5383
|
'h-5 sm:h-auto': this.field.isEmpty,
|
|
5373
5384
|
'text-red-600': !this.field.isValid
|
|
@@ -5393,10 +5404,10 @@ const PrefillErrorBox = class {
|
|
|
5393
5404
|
function isNullOrWhitespace(value) {
|
|
5394
5405
|
return value == null || value.trim() === '';
|
|
5395
5406
|
}
|
|
5396
|
-
const DisabledField = (name, value) => {
|
|
5407
|
+
const DisabledField = (name, testId, value) => {
|
|
5397
5408
|
return (index.h("div", { class: "mt-3" },
|
|
5398
5409
|
index.h("label", { class: "text-sm font-medium text-gray-700" }, name),
|
|
5399
|
-
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" }, value)));
|
|
5410
|
+
index.h("div", { "data-testid": testId, 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" }, value)));
|
|
5400
5411
|
};
|
|
5401
5412
|
const Header = () => {
|
|
5402
5413
|
return (index.h("div", null,
|
|
@@ -5414,8 +5425,9 @@ class Style {
|
|
|
5414
5425
|
|
|
5415
5426
|
const NAME_PATTERN = "[A-Za-z][A-Za-z']+(( |-)[A-Za-z][A-Za-z']+)*\\s*$";
|
|
5416
5427
|
class FormField {
|
|
5417
|
-
constructor(name, value) {
|
|
5428
|
+
constructor(name, testId, value) {
|
|
5418
5429
|
this.name = name;
|
|
5430
|
+
this.testId = testId;
|
|
5419
5431
|
this._value = value !== null && value !== void 0 ? value : '';
|
|
5420
5432
|
this._errorMessage = this.validateAndReturnErrorMessage(this._value);
|
|
5421
5433
|
}
|
|
@@ -5437,8 +5449,9 @@ class FormField {
|
|
|
5437
5449
|
}
|
|
5438
5450
|
}
|
|
5439
5451
|
class StaticFormField {
|
|
5440
|
-
constructor(name, value, isValid) {
|
|
5452
|
+
constructor(name, testId, value, isValid) {
|
|
5441
5453
|
this.name = name;
|
|
5454
|
+
this.testId = testId;
|
|
5442
5455
|
this._value = value !== null && value !== void 0 ? value : '';
|
|
5443
5456
|
this._isValid = isValid;
|
|
5444
5457
|
}
|
|
@@ -5454,17 +5467,17 @@ class StaticFormField {
|
|
|
5454
5467
|
}
|
|
5455
5468
|
class FundUsi extends StaticFormField {
|
|
5456
5469
|
constructor(value, isValid) {
|
|
5457
|
-
super('Fund USI', value, isValid);
|
|
5470
|
+
super('Fund USI', 'fund-usi', value, isValid);
|
|
5458
5471
|
}
|
|
5459
5472
|
}
|
|
5460
5473
|
class FundName extends StaticFormField {
|
|
5461
5474
|
constructor(value, isValid) {
|
|
5462
|
-
super('Fund name', value, isValid);
|
|
5475
|
+
super('Fund name', 'fund-name', value, isValid);
|
|
5463
5476
|
}
|
|
5464
5477
|
}
|
|
5465
5478
|
class SmsfFundName extends FormField {
|
|
5466
5479
|
constructor(value) {
|
|
5467
|
-
super('Fund name', value);
|
|
5480
|
+
super('Fund name', 'smsf-fund-name', value);
|
|
5468
5481
|
}
|
|
5469
5482
|
validateAndReturnErrorMessage(newValue) {
|
|
5470
5483
|
if (isNullOrWhitespace(newValue)) {
|
|
@@ -5480,7 +5493,7 @@ class SmsfFundName extends FormField {
|
|
|
5480
5493
|
}
|
|
5481
5494
|
class MemberNumber extends FormField {
|
|
5482
5495
|
constructor(value) {
|
|
5483
|
-
super('Member number', value);
|
|
5496
|
+
super('Member number', 'member-number', value);
|
|
5484
5497
|
}
|
|
5485
5498
|
validateAndReturnErrorMessage(newValue) {
|
|
5486
5499
|
const regex = /^[A-Za-z0-9]{4,16}$/;
|
|
@@ -5497,7 +5510,7 @@ class MemberNumber extends FormField {
|
|
|
5497
5510
|
}
|
|
5498
5511
|
class MemberLastName extends FormField {
|
|
5499
5512
|
constructor(value) {
|
|
5500
|
-
super('Member last name', value);
|
|
5513
|
+
super('Member last name', 'member-last-name', value);
|
|
5501
5514
|
}
|
|
5502
5515
|
validateAndReturnErrorMessage(newValue) {
|
|
5503
5516
|
const regex = new RegExp(NAME_PATTERN);
|
|
@@ -5514,7 +5527,7 @@ class MemberLastName extends FormField {
|
|
|
5514
5527
|
}
|
|
5515
5528
|
class MemberGivenNames extends FormField {
|
|
5516
5529
|
constructor(value) {
|
|
5517
|
-
super('Member given name(s)', value);
|
|
5530
|
+
super('Member given name(s)', 'member-given-names', value);
|
|
5518
5531
|
}
|
|
5519
5532
|
validateAndReturnErrorMessage(newValue) {
|
|
5520
5533
|
const regex = new RegExp(NAME_PATTERN);
|
|
@@ -5531,12 +5544,12 @@ class MemberGivenNames extends FormField {
|
|
|
5531
5544
|
}
|
|
5532
5545
|
class FundAbn extends StaticFormField {
|
|
5533
5546
|
constructor(value, isValid) {
|
|
5534
|
-
super('Fund ABN', value, isValid);
|
|
5547
|
+
super('Fund ABN', 'fund-abn', value, isValid);
|
|
5535
5548
|
}
|
|
5536
5549
|
}
|
|
5537
5550
|
class FundEsa extends FormField {
|
|
5538
5551
|
constructor(value) {
|
|
5539
|
-
super('Fund ESA', value);
|
|
5552
|
+
super('Fund ESA', 'fund-esa', value);
|
|
5540
5553
|
}
|
|
5541
5554
|
validateAndReturnErrorMessage(newValue) {
|
|
5542
5555
|
if (isNullOrWhitespace(newValue)) {
|
|
@@ -5552,7 +5565,7 @@ class FundEsa extends FormField {
|
|
|
5552
5565
|
}
|
|
5553
5566
|
class FundAddressLine1 extends FormField {
|
|
5554
5567
|
constructor(value) {
|
|
5555
|
-
super('Address line 1', value);
|
|
5568
|
+
super('Address line 1', 'address-line-one', value);
|
|
5556
5569
|
}
|
|
5557
5570
|
validateAndReturnErrorMessage(newValue) {
|
|
5558
5571
|
if (isNullOrWhitespace(newValue)) {
|
|
@@ -5568,7 +5581,7 @@ class FundAddressLine1 extends FormField {
|
|
|
5568
5581
|
}
|
|
5569
5582
|
class FundAddressLine2 extends FormField {
|
|
5570
5583
|
constructor(value) {
|
|
5571
|
-
super('Address line 2', value);
|
|
5584
|
+
super('Address line 2', 'address-line-two', value);
|
|
5572
5585
|
}
|
|
5573
5586
|
validateAndReturnErrorMessage(_newValue) {
|
|
5574
5587
|
return null;
|
|
@@ -5576,7 +5589,7 @@ class FundAddressLine2 extends FormField {
|
|
|
5576
5589
|
}
|
|
5577
5590
|
class FundAddressCity extends FormField {
|
|
5578
5591
|
constructor(value) {
|
|
5579
|
-
super('City/suburb', value);
|
|
5592
|
+
super('City/suburb', 'city-suburb', value);
|
|
5580
5593
|
}
|
|
5581
5594
|
validateAndReturnErrorMessage(newValue) {
|
|
5582
5595
|
if (isNullOrWhitespace(newValue)) {
|
|
@@ -5589,7 +5602,7 @@ class FundAddressCity extends FormField {
|
|
|
5589
5602
|
}
|
|
5590
5603
|
class FundAddressPostcode extends FormField {
|
|
5591
5604
|
constructor(value) {
|
|
5592
|
-
super('Postcode', value);
|
|
5605
|
+
super('Postcode', 'postcode', value);
|
|
5593
5606
|
}
|
|
5594
5607
|
validateAndReturnErrorMessage(newValue) {
|
|
5595
5608
|
const regex = /^[0-9]{4}$/;
|
|
@@ -5606,7 +5619,7 @@ class FundAddressPostcode extends FormField {
|
|
|
5606
5619
|
}
|
|
5607
5620
|
class FundAddressState extends FormField {
|
|
5608
5621
|
constructor(value) {
|
|
5609
|
-
super('State', value);
|
|
5622
|
+
super('State', 'state', value);
|
|
5610
5623
|
}
|
|
5611
5624
|
get options() {
|
|
5612
5625
|
return [
|
|
@@ -5639,12 +5652,12 @@ class FundAddress extends StaticFormField {
|
|
|
5639
5652
|
.filter((v) => v)
|
|
5640
5653
|
.join(', ');
|
|
5641
5654
|
const isValid = addrLine1.isValid && addrLine2.isValid && city.isValid && state.isValid && postcode.isValid;
|
|
5642
|
-
super('Fund address', value, isValid);
|
|
5655
|
+
super('Fund address', 'fund-address', value, isValid);
|
|
5643
5656
|
}
|
|
5644
5657
|
}
|
|
5645
5658
|
class BankAccountName extends FormField {
|
|
5646
5659
|
constructor(value) {
|
|
5647
|
-
super('Account name', value);
|
|
5660
|
+
super('Account name', 'account-name', value);
|
|
5648
5661
|
}
|
|
5649
5662
|
validateAndReturnErrorMessage(newValue) {
|
|
5650
5663
|
if (isNullOrWhitespace(newValue)) {
|
|
@@ -5660,12 +5673,12 @@ class BankAccountName extends FormField {
|
|
|
5660
5673
|
}
|
|
5661
5674
|
class BankName extends StaticFormField {
|
|
5662
5675
|
constructor(value, isValid) {
|
|
5663
|
-
super('Bank name', value, isValid);
|
|
5676
|
+
super('Bank name', 'bank-name', value, isValid);
|
|
5664
5677
|
}
|
|
5665
5678
|
}
|
|
5666
5679
|
class BankAccountBsb extends FormField {
|
|
5667
5680
|
constructor(value) {
|
|
5668
|
-
super('BSB', value);
|
|
5681
|
+
super('BSB', 'bsb', value);
|
|
5669
5682
|
}
|
|
5670
5683
|
validateAndReturnErrorMessage(newValue) {
|
|
5671
5684
|
const regex = /^[0-9]{6,7}$/;
|
|
@@ -5682,7 +5695,7 @@ class BankAccountBsb extends FormField {
|
|
|
5682
5695
|
}
|
|
5683
5696
|
class BankAccountNumber extends FormField {
|
|
5684
5697
|
constructor(value) {
|
|
5685
|
-
super('Account number', value);
|
|
5698
|
+
super('Account number', 'account-number', value);
|
|
5686
5699
|
}
|
|
5687
5700
|
validateAndReturnErrorMessage(newValue) {
|
|
5688
5701
|
const regex = /^[0-9]{2,11}$/;
|
|
@@ -5863,11 +5876,11 @@ const PrefillMyOwnFund = class {
|
|
|
5863
5876
|
return (index.h("div", null, index.h(Header, null), index.h("div", { class: "flex flex-col items-center gap-8 mt-8 sm:mt-12" }, index.h("div", { class: "flex max-w-[560px] flex-col items-start gap-6 p-6 border shadow-sm rounded-lg" }, index.h("div", { class: "flex flex-col items-start gap-3.5 self-stretch" }, index.h("div", { class: "self-stretch text-grey-900 text-lg not-italic font-bold leading-7" }, "Your fund details"), index.h("sss-prefill-warning-box", { class: "self-stretch", notificationList: [
|
|
5864
5877
|
'Make sure you are a current member of the fund before completing this step.',
|
|
5865
5878
|
'Please check that the fund USI is correct as some funds have similar names.'
|
|
5866
|
-
] }), this.mode === 'review' && errorMessages.length > 0 && (index.h("sss-prefill-error-box", { class: "self-stretch", notificationList: errorMessages, withHeader: true })), this.mode === 'review' && (index.h("div", { class: "flex flex-col gap-3 self-stretch mt-4" }, index.h("sss-prefill-display-field", { field: this.fundUsi }), index.h("sss-prefill-display-field", { field: this.fundName }), index.h("sss-prefill-display-field", { field: this.memberNumber }), index.h("sss-prefill-display-field", { field: this.memberLastName }), index.h("sss-prefill-display-field", { field: this.memberGivenNames }))), this.mode === 'review' && (index.h("sss-button", { class: "self-stretch mt-3", fillWidth: true, variant: "secondary", promiseFn: () => this.setModeToEdit() }, index.h("div", { class: "flex flex-row gap-2" }, index.h("div", { class: "text-sm not-italic font-medium leading-4" }, "Edit details"), index.h("div", { class: "w-4 h-4 relative" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "16", viewBox: "0 0 17 16", fill: "currentColor" }, index.h("path", { d: "M11.369 2.86865C11.9939 2.24381 13.0069 2.24381 13.6318 2.86865C14.2566 3.49349 14.2566 4.50656 13.6318 5.1314L12.9974 5.76571L10.7347 3.50297L11.369 2.86865Z" }), index.h("path", { d: "M9.60334 4.63434L2.90039 11.3373V13.6H5.16313L11.8661 6.89708L9.60334 4.63434Z" })))))), this.mode === 'edit' && (index.h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: { 'was-validated': this.formState === 'validated' }, ref: (el) => (this.formElement = el), onInput: (_) => (this.isSubmitDisabled = this.formHasMissingData()) }, DisabledField(this.fundName.name, this.fundName.value), DisabledField(this.fundUsi.name, this.fundUsi.value), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, this.memberNumber.name), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, pattern: "[A-Za-z0-9]{4,16}", value: this.memberNumber.value, onInput: (ev) => {
|
|
5879
|
+
] }), this.mode === 'review' && errorMessages.length > 0 && (index.h("sss-prefill-error-box", { class: "self-stretch", notificationList: errorMessages, withHeader: true })), this.mode === 'review' && (index.h("div", { class: "flex flex-col gap-3 self-stretch mt-4" }, index.h("sss-prefill-display-field", { field: this.fundUsi }), index.h("sss-prefill-display-field", { field: this.fundName }), index.h("sss-prefill-display-field", { field: this.memberNumber }), index.h("sss-prefill-display-field", { field: this.memberLastName }), index.h("sss-prefill-display-field", { field: this.memberGivenNames }))), this.mode === 'review' && (index.h("sss-button", { class: "self-stretch mt-3", fillWidth: true, variant: "secondary", promiseFn: () => this.setModeToEdit() }, index.h("div", { class: "flex flex-row gap-2" }, index.h("div", { class: "text-sm not-italic font-medium leading-4" }, "Edit details"), index.h("div", { class: "w-4 h-4 relative" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "16", viewBox: "0 0 17 16", fill: "currentColor" }, index.h("path", { d: "M11.369 2.86865C11.9939 2.24381 13.0069 2.24381 13.6318 2.86865C14.2566 3.49349 14.2566 4.50656 13.6318 5.1314L12.9974 5.76571L10.7347 3.50297L11.369 2.86865Z" }), index.h("path", { d: "M9.60334 4.63434L2.90039 11.3373V13.6H5.16313L11.8661 6.89708L9.60334 4.63434Z" })))))), this.mode === 'edit' && (index.h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: { 'was-validated': this.formState === 'validated' }, ref: (el) => (this.formElement = el), onInput: (_) => (this.isSubmitDisabled = this.formHasMissingData()) }, DisabledField(this.fundName.name, this.fundName.testId, this.fundName.value), DisabledField(this.fundUsi.name, this.fundUsi.testId, this.fundUsi.value), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, this.memberNumber.name), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, pattern: "[A-Za-z0-9]{4,16}", "data-testid": this.memberNumber.testId, value: this.memberNumber.value, onInput: (ev) => {
|
|
5867
5880
|
this.updateMemberNumber(ev.target.value);
|
|
5868
|
-
} }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberNumber.errorMessage))), index.h("div", { class: "flex mt-3 gap-x-4 flex-col sm:flex-row" }, index.h("div", { class: "w-full sm:w-1/2" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, this.memberGivenNames.name), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, pattern: NAME_PATTERN, value: this.memberGivenNames.value, onInput: (ev) => {
|
|
5881
|
+
} }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberNumber.errorMessage))), index.h("div", { class: "flex mt-3 gap-x-4 flex-col sm:flex-row" }, index.h("div", { class: "w-full sm:w-1/2" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, this.memberGivenNames.name), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, pattern: NAME_PATTERN, "data-testid": this.memberGivenNames.testId, value: this.memberGivenNames.value, onInput: (ev) => {
|
|
5869
5882
|
this.updateMemberGivenNames(ev.target.value);
|
|
5870
|
-
} }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberGivenNames.errorMessage))), index.h("div", { class: "w-full sm:w-1/2" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, this.memberLastName.name), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, pattern: NAME_PATTERN, value: this.memberLastName.value, onInput: (ev) => {
|
|
5883
|
+
} }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberGivenNames.errorMessage))), index.h("div", { class: "w-full sm:w-1/2" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, this.memberLastName.name), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, pattern: NAME_PATTERN, "data-testid": this.memberLastName.testId, value: this.memberLastName.value, onInput: (ev) => {
|
|
5871
5884
|
this.updateMemberLastName(ev.target.value);
|
|
5872
5885
|
} }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberLastName.errorMessage)))))))), index.h("div", { class: "flex w-full sm:w-80 max-w-[560px] flex-col items-start gap-4" }, index.h("sss-button", { class: "self-stretch", fillWidth: true, variant: "primary", disabled: this.isSubmitDisabled, promiseFn: () => this.handleSubmitForm() }, "Continue"), index.h("sss-button", { class: "self-stretch", fillWidth: true, variant: "secondary", promiseFn: () => this.handleFundNominationDeclined() }, "Choose another fund")))));
|
|
5873
5886
|
}
|
|
@@ -6106,33 +6119,34 @@ const PrefillSMSF = class {
|
|
|
6106
6119
|
] }), this.mode === 'review' && errorMessages.length > 0 && (index.h("sss-prefill-error-box", { class: "self-stretch", notificationList: errorMessages, withHeader: true })), this.mode === 'review' && (index.h("div", { class: "flex flex-col gap-3 self-stretch mt-4" }, index.h("sss-prefill-display-field", { field: this.fundName }), index.h("sss-prefill-display-field", { field: this.fundAbn }), index.h("sss-prefill-display-field", { field: this.fundEsa }), index.h("sss-prefill-display-field", { field: this.fundAddress }), index.h("sss-prefill-display-field", { field: this.memberLastName }), index.h("sss-prefill-display-field", { field: this.memberGivenNames }), index.h("div", { class: "mt-4 mb-2 text-gray-900 text-lg font-bold leading-7" }, "Fund bank details"), index.h("sss-prefill-display-field", { field: this.bankAccountName }), index.h("sss-prefill-display-field", { field: this.bankAccountBsb }), this.bankName.isValid && (index.h("sss-prefill-display-field", { field: this.bankName })), index.h("sss-prefill-display-field", { field: this.bankAccountNumber }))), this.mode === 'review' && (index.h("sss-button", { class: "self-stretch mt-3", fillWidth: true, variant: "secondary", promiseFn: () => this.setModeToEdit() }, index.h("div", { class: "flex flex-row gap-2" }, index.h("div", { class: "text-sm not-italic font-medium leading-4" }, "Edit details"), index.h("div", { class: "w-4 h-4 relative" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "16", viewBox: "0 0 17 16", fill: "currentColor" }, index.h("path", { d: "M11.369 2.86865C11.9939 2.24381 13.0069 2.24381 13.6318 2.86865C14.2566 3.49349 14.2566 4.50656 13.6318 5.1314L12.9974 5.76571L10.7347 3.50297L11.369 2.86865Z" }), index.h("path", { d: "M9.60334 4.63434L2.90039 11.3373V13.6H5.16313L11.8661 6.89708L9.60334 4.63434Z" })))))), this.mode === 'edit' && (index.h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: {
|
|
6107
6120
|
'w-full': true,
|
|
6108
6121
|
'was-validated': this.formState === 'validated'
|
|
6109
|
-
}, ref: (el) => (this.formElement = el), onInput: (_) => (this.isSubmitDisabled = this.formHasMissingData()) }, index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, this.fundName.name), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, value: this.fundName.value, onInput: (ev) => {
|
|
6122
|
+
}, ref: (el) => (this.formElement = el), onInput: (_) => (this.isSubmitDisabled = this.formHasMissingData()) }, index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, this.fundName.name), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, "data-testid": this.fundName.testId, value: this.fundName.value, onInput: (ev) => {
|
|
6110
6123
|
this.updateFundName(ev.target.value);
|
|
6111
|
-
} }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.fundName.errorMessage))), DisabledField(this.fundAbn.name, this.fundAbn.value), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, this.fundEsa.name), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, minlength: "2", value: this.fundEsa.value, onInput: (ev) => {
|
|
6124
|
+
} }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.fundName.errorMessage))), DisabledField(this.fundAbn.name, this.fundAbn.testId, this.fundAbn.value), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, this.fundEsa.name), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, minlength: "2", "data-testid": this.fundEsa.testId, value: this.fundEsa.value, onInput: (ev) => {
|
|
6112
6125
|
this.updateFundEsa(ev.target.value);
|
|
6113
|
-
} }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.fundEsa.errorMessage))), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Fund address"), index.h("div", { class: "mt-1 rounded-md shadow-sm -space-y-px" }, index.h("input", { placeholder: "Address line 1", type: "text", class: Object.assign(Object.assign({}, Style.Input(this.formState === 'validated')), { 'rounded-none rounded-t-md shadow-none border-b-0': true }), required: true, minlength: "2", name: "addressLine1", id: "addressLine1", value: this.fundAddressLine1.value, onInput: (ev) => {
|
|
6126
|
+
} }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.fundEsa.errorMessage))), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Fund address"), index.h("div", { class: "mt-1 rounded-md shadow-sm -space-y-px" }, index.h("input", { placeholder: "Address line 1", type: "text", class: Object.assign(Object.assign({}, Style.Input(this.formState === 'validated')), { 'rounded-none rounded-t-md shadow-none border-b-0': true }), required: true, minlength: "2", name: "addressLine1", id: "addressLine1", "data-testid": this.fundAddressLine1.testId, value: this.fundAddressLine1.value, onInput: (ev) => {
|
|
6114
6127
|
this.updateAddressLine1(ev.target.value);
|
|
6115
|
-
} }), index.h("input", { placeholder: "Address line 2 (optional)", type: "text", class: Object.assign(Object.assign({}, Style.Input(this.formState === 'validated')), { 'rounded-none shadow-none border-b-0': true }), value: this.fundAddressLine2.value, onInput: (ev) => this.updateAddressLine2(ev.target.value) }), index.h("input", { placeholder: "City/suburb", type: "text", class: Object.assign(Object.assign({}, Style.Input(this.formState === 'validated')), { 'rounded-none shadow-none border-b-0': true }), required: true, value: this.fundAddressCity.value, onInput: (ev) => {
|
|
6128
|
+
} }), index.h("input", { placeholder: "Address line 2 (optional)", type: "text", class: Object.assign(Object.assign({}, Style.Input(this.formState === 'validated')), { 'rounded-none shadow-none border-b-0': true }), "data-testid": this.fundAddressLine2.testId, value: this.fundAddressLine2.value, onInput: (ev) => this.updateAddressLine2(ev.target.value) }), index.h("input", { placeholder: "City/suburb", type: "text", class: Object.assign(Object.assign({}, Style.Input(this.formState === 'validated')), { 'rounded-none shadow-none border-b-0': true }), required: true, "data-testid": this.fundAddressCity.testId, value: this.fundAddressCity.value, onInput: (ev) => {
|
|
6116
6129
|
this.updateAddressCity(ev.target.value);
|
|
6117
|
-
} }), index.h("div", { class: "flex -space-x-px" }, index.h("div", { class: "w-1/2 flex-1 min-w-0" }, index.h("input", { placeholder: "Postcode", type: "text", required: true, class: Object.assign(Object.assign({}, Style.Input(this.formState === 'validated')), { 'rounded-none rounded-bl-md shadow-none border-r-0': true }), name: "postcode", minlength: "4", maxlength: "4", pattern: "[0-9]{4}", id: "postcode", value: this.fundAddressPostcode.value, inputmode: "numeric", onInput: (ev) => {
|
|
6130
|
+
} }), index.h("div", { class: "flex -space-x-px" }, index.h("div", { class: "w-1/2 flex-1 min-w-0" }, index.h("input", { placeholder: "Postcode", type: "text", required: true, class: Object.assign(Object.assign({}, Style.Input(this.formState === 'validated')), { 'rounded-none rounded-bl-md shadow-none border-r-0': true }), name: "postcode", minlength: "4", maxlength: "4", pattern: "[0-9]{4}", id: "postcode", "data-testid": this.fundAddressPostcode.testId, value: this.fundAddressPostcode.value, inputmode: "numeric", onInput: (ev) => {
|
|
6118
6131
|
this.updateAddressPostcode(ev.target.value);
|
|
6119
|
-
} })), index.h("div", { class: "flex-1 min-w-0" }, index.h("select", { class: Object.assign(Object.assign({}, Style.Input(this.formState === 'validated')), { 'rounded-none rounded-br-md shadow-none': true, 'text-gray-500': this.formState !== 'validated' }), name: "state", required: true, id: "state", onInput: (ev) => {
|
|
6132
|
+
} })), index.h("div", { class: "flex-1 min-w-0" }, index.h("select", { class: Object.assign(Object.assign({}, Style.Input(this.formState === 'validated')), { 'rounded-none rounded-br-md shadow-none': true, 'text-gray-500': this.formState !== 'validated' }), name: "state", required: true, "data-testid": this.fundAddressState.testId, id: "state", onInput: (ev) => {
|
|
6120
6133
|
this.updateAddressState(ev.target.value);
|
|
6121
6134
|
} }, index.h("option", { disabled: true, selected: this.fundAddressState.value !== undefined, value: "" }, "State"), this.fundAddressState.options.map((s) => (index.h("option", { value: s.value, selected: this.fundAddressState.value === s.value }, s.label))))))), this.formState === 'validated' && (index.h("div", { class: "mt-2 text-sm text-red-600" }, this.fundAddressLine1.errorMessage ||
|
|
6122
6135
|
this.fundAddressLine1.errorMessage ||
|
|
6123
6136
|
this.fundAddressCity.errorMessage ||
|
|
6124
6137
|
this.fundAddressPostcode.errorMessage ||
|
|
6125
|
-
this.fundAddressState.errorMessage))), index.h("div", { class: "flex gap-x-4 flex-col sm:flex-row" }, index.h("div", { class: "mt-3 w-full sm:w-1/2" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, this.memberGivenNames.name), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, value: this.memberGivenNames.value, onInput: (ev) => {
|
|
6138
|
+
this.fundAddressState.errorMessage))), index.h("div", { class: "flex gap-x-4 flex-col sm:flex-row" }, index.h("div", { class: "mt-3 w-full sm:w-1/2" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, this.memberGivenNames.name), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, "data-testid": this.memberGivenNames.testId, value: this.memberGivenNames.value, onInput: (ev) => {
|
|
6126
6139
|
this.updateMemberGivenNames(ev.target.value);
|
|
6127
|
-
} }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberGivenNames.errorMessage))), index.h("div", { class: "mt-3 w-full sm:w-1/2" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, this.memberLastName.name), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, value: this.memberLastName.value, onInput: (ev) => {
|
|
6140
|
+
} }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberGivenNames.errorMessage))), index.h("div", { class: "mt-3 w-full sm:w-1/2" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, this.memberLastName.name), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, "data-testid": this.memberLastName.testId, value: this.memberLastName.value, onInput: (ev) => {
|
|
6128
6141
|
this.updateMemberLastName(ev.target.value);
|
|
6129
|
-
} }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberLastName.errorMessage)))), index.h("div", { class: "mt-6 text-gray-900 text-lg font-bold leading-7" }, "Fund bank details"), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, this.bankAccountName.name), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, value: this.bankAccountName.value, onInput: (ev) => {
|
|
6142
|
+
} }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberLastName.errorMessage)))), index.h("div", { class: "mt-6 text-gray-900 text-lg font-bold leading-7" }, "Fund bank details"), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, this.bankAccountName.name), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, "data-testid": this.bankAccountName.testId, value: this.bankAccountName.value, onInput: (ev) => {
|
|
6130
6143
|
this.updateBankAccountName(ev.target.value);
|
|
6131
|
-
} }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.bankAccountName.errorMessage))), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, this.bankAccountBsb.name), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, value: this.bankAccountBsb.value, onInput: (ev) => {
|
|
6144
|
+
} }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.bankAccountName.errorMessage))), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, this.bankAccountBsb.name), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, "data-testid": this.bankAccountBsb.testId, value: this.bankAccountBsb.value, onInput: (ev) => {
|
|
6132
6145
|
const bsb = ev.target.value;
|
|
6133
6146
|
this.updateBankName(bsb);
|
|
6134
6147
|
this.updateBankAccountBsb(bsb);
|
|
6135
|
-
} }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.bankAccountBsb.errorMessage))), this.bankName.isValid &&
|
|
6148
|
+
} }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.bankAccountBsb.errorMessage))), this.bankName.isValid &&
|
|
6149
|
+
DisabledField(this.bankName.name, this.bankName.testId, this.bankName.value), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, this.bankAccountNumber.name), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, "data-testid": this.bankAccountNumber.testId, value: this.bankAccountNumber.value, onInput: (ev) => {
|
|
6136
6150
|
this.updateBankAccountNumber(ev.target.value);
|
|
6137
6151
|
} }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.bankAccountNumber.errorMessage))))))), index.h("div", { class: "flex w-full sm:w-80 max-w-[560px] flex-col items-start gap-4" }, index.h("sss-button", { class: "self-stretch", fillWidth: true, variant: "primary", disabled: this.isSubmitDisabled, promiseFn: () => this.handleSubmitForm() }, "Continue"), index.h("sss-button", { class: "self-stretch", fillWidth: true, variant: "secondary", promiseFn: () => this.handleFundNominationDeclined() }, "Make another nomination")))));
|
|
6138
6152
|
}
|
|
@@ -16876,10 +16890,13 @@ const SuperCampaignHost = class {
|
|
|
16876
16890
|
const discriminator = window.location.hostname.toLowerCase().split('.')[0];
|
|
16877
16891
|
switch (discriminator) {
|
|
16878
16892
|
case 'autodev-partner':
|
|
16893
|
+
return 'autodev';
|
|
16879
16894
|
case 'test-partner':
|
|
16895
|
+
return 'test';
|
|
16880
16896
|
case 'partner':
|
|
16897
|
+
return 'prod';
|
|
16881
16898
|
case 'sandbox-partner':
|
|
16882
|
-
return
|
|
16899
|
+
return 'sandbox';
|
|
16883
16900
|
default:
|
|
16884
16901
|
return 'autodev';
|
|
16885
16902
|
}
|
|
@@ -17005,7 +17022,6 @@ const SuperCampaignHost = class {
|
|
|
17005
17022
|
this.handlePromotedFundJoined = (data) => {
|
|
17006
17023
|
if (this.stringIsNullOrEmtpty(data.memberNumber) || this.stringIsNullOrEmtpty(data.usi)) {
|
|
17007
17024
|
appInsights.trackErrorTrace('Super Campaign did not return (Promoted) memberNumber and/or usi');
|
|
17008
|
-
navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
|
|
17009
17025
|
return;
|
|
17010
17026
|
}
|
|
17011
17027
|
const usi = Usi.clean(data.usi);
|
|
@@ -17116,6 +17132,7 @@ const SuperCampaignHost = class {
|
|
|
17116
17132
|
//TODO: Handle error
|
|
17117
17133
|
// eslint-disable-next-line no-console
|
|
17118
17134
|
console.error('Error loading component:', error);
|
|
17135
|
+
appInsights.trackErrorTrace(`Error in loading Super Campaign: ${error}`);
|
|
17119
17136
|
}
|
|
17120
17137
|
}
|
|
17121
17138
|
disconnectedCallback() {
|
|
@@ -17264,6 +17281,17 @@ const SuperChoicePage = class {
|
|
|
17264
17281
|
}
|
|
17265
17282
|
static get assetsDirs() { return ["assets"]; }
|
|
17266
17283
|
};
|
|
17284
|
+
injectHistory(SuperChoicePage);
|
|
17285
|
+
|
|
17286
|
+
const SuperChoicePageWrapper = class {
|
|
17287
|
+
constructor(hostRef) {
|
|
17288
|
+
index.registerInstance(this, hostRef);
|
|
17289
|
+
}
|
|
17290
|
+
render() {
|
|
17291
|
+
return superSelectionAppService.state.superCampaignEnabled ? (index.h("sss-super-campaign-host", null)) : (index.h("sss-super-choice-page", null));
|
|
17292
|
+
}
|
|
17293
|
+
};
|
|
17294
|
+
injectHistory(SuperChoicePageWrapper);
|
|
17267
17295
|
|
|
17268
17296
|
const routeCss = "stencil-route.inactive{display:none}";
|
|
17269
17297
|
|
|
@@ -19071,6 +19099,7 @@ SuperSelectionAppHost.style = superSelectionAppHostCss;
|
|
|
19071
19099
|
|
|
19072
19100
|
exports.sss_button = Button;
|
|
19073
19101
|
exports.sss_consent_page = Consent;
|
|
19102
|
+
exports.sss_consent_page_wrapper = ConsentWrapper;
|
|
19074
19103
|
exports.sss_custom_fund = CustomFund;
|
|
19075
19104
|
exports.sss_default_fund = DefaultFund;
|
|
19076
19105
|
exports.sss_dropdown_async = SelectInputAsync;
|
|
@@ -19104,6 +19133,7 @@ exports.sss_super_campaign_host = SuperCampaignHost;
|
|
|
19104
19133
|
exports.sss_super_choice_item_bottom = SuperChoiceItemBottom;
|
|
19105
19134
|
exports.sss_super_choice_item_top = SuperChoiceItemTop;
|
|
19106
19135
|
exports.sss_super_choice_page = SuperChoicePage;
|
|
19136
|
+
exports.sss_super_choice_page_wrapper = SuperChoicePageWrapper;
|
|
19107
19137
|
exports.stencil_route = Route;
|
|
19108
19138
|
exports.stencil_route_link = RouteLink$1;
|
|
19109
19139
|
exports.stencil_route_switch = RouteSwitch;
|
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
"./components/app-host/super-selection-app-host.js",
|
|
9
9
|
"./components/super-campaign/super-campaign.js",
|
|
10
10
|
"./components/super-selection-app/app-state-pages/success.js",
|
|
11
|
+
"./components/super-selection-app/consent/consent-wrapper.js",
|
|
11
12
|
"./components/super-selection-app/consent/consent.js",
|
|
12
13
|
"./components/super-selection-app/existing-choice/existing-choice.js",
|
|
13
14
|
"./components/super-selection-app/footer-section/footer-section.js",
|
|
@@ -34,6 +35,7 @@
|
|
|
34
35
|
"./components/super-selection-app/prefill-fund/prefill-warning-box.js",
|
|
35
36
|
"./components/super-selection-app/prefill-fund/prefill.js",
|
|
36
37
|
"./components/super-selection-app/standard-choice/standard-choice-form.js",
|
|
38
|
+
"./components/super-selection-app/super-choice-page/super-choice-page-wrapper.js",
|
|
37
39
|
"./components/super-selection-app/super-choice-page/super-choice-page.js",
|
|
38
40
|
"./components/super-selection-app/super-choice-page/super-choice-item/super-choice-item-bottom.js",
|
|
39
41
|
"./components/super-selection-app/super-choice-page/super-choice-item/super-choice-item-top.js"
|
|
@@ -69,6 +71,7 @@
|
|
|
69
71
|
"components": [
|
|
70
72
|
"sss-button",
|
|
71
73
|
"sss-consent-page",
|
|
74
|
+
"sss-consent-page-wrapper",
|
|
72
75
|
"sss-custom-fund",
|
|
73
76
|
"sss-default-fund",
|
|
74
77
|
"sss-dropdown-async",
|
|
@@ -102,6 +105,7 @@
|
|
|
102
105
|
"sss-super-choice-item-bottom",
|
|
103
106
|
"sss-super-choice-item-top",
|
|
104
107
|
"sss-super-choice-page",
|
|
108
|
+
"sss-super-choice-page-wrapper",
|
|
105
109
|
"stencil-route",
|
|
106
110
|
"stencil-route-link",
|
|
107
111
|
"stencil-route-switch",
|
|
@@ -24,10 +24,13 @@ export class SuperCampaignHost {
|
|
|
24
24
|
const discriminator = window.location.hostname.toLowerCase().split('.')[0];
|
|
25
25
|
switch (discriminator) {
|
|
26
26
|
case 'autodev-partner':
|
|
27
|
+
return 'autodev';
|
|
27
28
|
case 'test-partner':
|
|
29
|
+
return 'test';
|
|
28
30
|
case 'partner':
|
|
31
|
+
return 'prod';
|
|
29
32
|
case 'sandbox-partner':
|
|
30
|
-
return
|
|
33
|
+
return 'sandbox';
|
|
31
34
|
default:
|
|
32
35
|
return 'autodev';
|
|
33
36
|
}
|
|
@@ -153,7 +156,6 @@ export class SuperCampaignHost {
|
|
|
153
156
|
this.handlePromotedFundJoined = (data) => {
|
|
154
157
|
if (this.stringIsNullOrEmtpty(data.memberNumber) || this.stringIsNullOrEmtpty(data.usi)) {
|
|
155
158
|
appInsightsService.trackErrorTrace('Super Campaign did not return (Promoted) memberNumber and/or usi');
|
|
156
|
-
navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
|
|
157
159
|
return;
|
|
158
160
|
}
|
|
159
161
|
const usi = Usi.clean(data.usi);
|
|
@@ -264,6 +266,7 @@ export class SuperCampaignHost {
|
|
|
264
266
|
//TODO: Handle error
|
|
265
267
|
// eslint-disable-next-line no-console
|
|
266
268
|
console.error('Error loading component:', error);
|
|
269
|
+
appInsightsService.trackErrorTrace(`Error in loading Super Campaign: ${error}`);
|
|
267
270
|
}
|
|
268
271
|
}
|
|
269
272
|
disconnectedCallback() {
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { Component, h, Prop } from '@stencil/core';
|
|
2
|
+
import { injectHistory } from '@stencil/router';
|
|
3
|
+
import superSelectionService from '../services/super-selection-app.service';
|
|
4
|
+
export class ConsentWrapper {
|
|
5
|
+
render() {
|
|
6
|
+
return superSelectionService.state.superCampaignEnabled ? (h("sss-super-campaign-host", null)) : (h("sss-consent-page", null));
|
|
7
|
+
}
|
|
8
|
+
static get is() { return "sss-consent-page-wrapper"; }
|
|
9
|
+
static get properties() { return {
|
|
10
|
+
"history": {
|
|
11
|
+
"type": "unknown",
|
|
12
|
+
"mutable": false,
|
|
13
|
+
"complexType": {
|
|
14
|
+
"original": "RouterHistory",
|
|
15
|
+
"resolved": "RouterHistory",
|
|
16
|
+
"references": {
|
|
17
|
+
"RouterHistory": {
|
|
18
|
+
"location": "import",
|
|
19
|
+
"path": "@stencil/router"
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
"required": false,
|
|
24
|
+
"optional": false,
|
|
25
|
+
"docs": {
|
|
26
|
+
"tags": [],
|
|
27
|
+
"text": ""
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
}; }
|
|
31
|
+
}
|
|
32
|
+
injectHistory(ConsentWrapper);
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Component, h, Prop, State } from '@stencil/core';
|
|
2
|
+
import { injectHistory } from '@stencil/router';
|
|
2
3
|
import { isSome } from 'fp-ts/lib/Option';
|
|
3
4
|
import { SuperFundDisclaimerViewedDetail } from '../api/super-selection-events.model';
|
|
4
5
|
import promotedFundState from '../funds/promoted-fund/promoted-fund.store';
|
|
@@ -84,3 +85,4 @@ export class Consent {
|
|
|
84
85
|
"campaignConnectRequestInProgress": {}
|
|
85
86
|
}; }
|
|
86
87
|
}
|
|
88
|
+
injectHistory(Consent);
|
|
@@ -2,10 +2,10 @@ import { h } from '@stencil/core';
|
|
|
2
2
|
export function isNullOrWhitespace(value) {
|
|
3
3
|
return value == null || value.trim() === '';
|
|
4
4
|
}
|
|
5
|
-
export const DisabledField = (name, value) => {
|
|
5
|
+
export const DisabledField = (name, testId, value) => {
|
|
6
6
|
return (h("div", { class: "mt-3" },
|
|
7
7
|
h("label", { class: "text-sm font-medium text-gray-700" }, name),
|
|
8
|
-
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" }, value)));
|
|
8
|
+
h("div", { "data-testid": testId, 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" }, value)));
|
|
9
9
|
};
|
|
10
10
|
export const Header = () => {
|
|
11
11
|
return (h("div", null,
|
package/dist/lib/collection/components/super-selection-app/prefill-fund/prefill-display-field.js
CHANGED
|
@@ -6,7 +6,7 @@ export class DisplayField {
|
|
|
6
6
|
'sm:w-2/5 sm:max-w-40 self-stretch text-gray-500 text-xs sm:text-sm not-italic font-medium leading-4 sm:leading-5': true,
|
|
7
7
|
'text-red-600': !this.field.isValid
|
|
8
8
|
} }, this.field.name),
|
|
9
|
-
h("div", { class: {
|
|
9
|
+
h("div", { "data-testid": this.field.testId, class: {
|
|
10
10
|
'sm:w-3/5 max-w-[300px] self-stretch text-gray-900 text-sm not-italic font-normal leading-5 break-words': true,
|
|
11
11
|
'h-5 sm:h-auto': this.field.isEmpty,
|
|
12
12
|
'text-red-600': !this.field.isValid
|