@flarehr/apollo-super-selection 5.1.47247 → 5.12.47777

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.
Files changed (17) hide show
  1. package/dist/lib/apollo-super-selection/apollo-super-selection.esm.js +1 -1
  2. package/dist/lib/apollo-super-selection/{p-3a01a5cf.entry.js → p-53ef7969.entry.js} +4 -4
  3. package/dist/lib/apollo-super-selection/p-b917605f.system.entry.js +69 -0
  4. package/dist/lib/apollo-super-selection/p-bdcfc026.system.js +1 -1
  5. package/dist/lib/cjs/sss-button_41.cjs.entry.js +45 -39
  6. package/dist/lib/collection/components/super-campaign/super-campaign.js +4 -1
  7. package/dist/lib/collection/components/super-selection-app/prefill-fund/prefill-common.js +2 -2
  8. package/dist/lib/collection/components/super-selection-app/prefill-fund/prefill-display-field.js +1 -1
  9. package/dist/lib/collection/components/super-selection-app/prefill-fund/prefill-my-own-fund.js +5 -5
  10. package/dist/lib/collection/components/super-selection-app/prefill-fund/prefill-smsf.js +15 -14
  11. package/dist/lib/collection/components/super-selection-app/prefill-fund/prefill-types.js +22 -20
  12. package/dist/lib/esm/sss-button_41.entry.js +45 -39
  13. package/dist/lib/esm-es5/sss-button_41.entry.js +2 -2
  14. package/dist/lib/types/components/super-selection-app/prefill-fund/prefill-common.d.ts +1 -1
  15. package/dist/lib/types/components/super-selection-app/prefill-fund/prefill-types.d.ts +4 -2
  16. package/package.json +1 -1
  17. package/dist/lib/apollo-super-selection/p-77a13ae8.system.entry.js +0 -69
package/dist/lib/apollo-super-selection/p-bdcfc026.system.js CHANGED
@@ -1 +1 @@
1
- System.register(["./p-44bec843.system.js","./p-14885f78.system.js","./p-15f0e5eb.system.js"],(function(e,s){"use strict";var t,i,o;return{setters:[function(e){t=e.p;i=e.b},function(){},function(e){o=e.g}],execute:function(){var e=function(){var e=s.meta.url;var i={};if(e!==""){i.resourcesUrl=new URL(".",e).href}return t(i)};e().then((function(e){o();return i([["p-6ac8791e.system",[[0,"context-consumer",{context:[16],renderer:[16],subscribe:[16],unsubscribe:[32]}]]],["p-02f24922.system",[[0,"stencil-async-content",{documentLocation:[1,"document-location"],content:[32]}]]],["p-ef3afa00.system",[[0,"stencil-route-title",{titleSuffix:[1,"title-suffix"],pageTitle:[1,"page-title"]}]]],["p-f29066b9.system",[[0,"stencil-router-prompt",{when:[4],message:[1],history:[16],unblock:[32]}]]],["p-51aefdb1.system",[[0,"stencil-router-redirect",{history:[16],root:[1],url:[1]}]]],["p-77a13ae8.system",[[0,"sss-prefill",{history:[16],prefill:[32]}],[0,"sss-my-own-fund",{history:[16],formState:[32],isNotAllInformationProvidedMessageVisible:[32],isSubmitDisabled:[32]}],[0,"sss-self-managed-fund",{history:[16],formState:[32],isSubmitDisabled:[32]}],[0,"sss-super-choice-page",{history:[16],promotedFunds:[32]}],[1,"super-selection-app-host",{sessionState:[32],jwt:[32],appConfiguration:[32],ignoreExistingSelection:[32]}],[0,"sss-default-fund",{history:[16],defaultFundProductName:[32]}],[0,"sss-consent-page",{history:[16],campaignConnectRequestInProgress:[32]}],[0,"sss-existing-choice-page",{history:[16],existingFund:[32]}],[0,"sss-standard-choice-form",{history:[16],standardChoiceFormSignature:[32],formState:[32],isSubmitDisabled:[32]}],[0,"sss-promoted-fund-join-v1-page",{history:[16]}],[0,"sss-promoted-fund-join-v2-page",{history:[16]}],[0,"sss-slate-join-page",{history:[16]}],[0,"sss-success"],[0,"sss-super-campaign-host",{history:[16],componentLoaded:[32],backendUrl:[32],accessToken:[32]}],[0,"sss-prefill-my-own-fund",{history:[16],prefill:[16],mode:[32],formState:[32],isSubmitDisabled:[32],fundUsi:[32],fundName:[32],memberNumber:[32],memberGivenNames:[32],memberLastName:[32]}],[0,"sss-prefill-smsf",{history:[16],prefill:[16],mode:[32],formState:[32],isSubmitDisabled:[32],fundName:[32],fundAbn:[32],fundEsa:[32],fundAddressLine1:[32],fundAddressLine2:[32],fundAddressCity:[32],fundAddressPostcode:[32],fundAddressState:[32],fundAddress:[32],memberGivenNames:[32],memberLastName:[32],bankAccountName:[32],bankName:[32],bankAccountBsb:[32],bankAccountNumber:[32]}],[0,"sss-prefill-invalid-my-own-fund",{history:[16],prefill:[16],fundUsi:[32],fundName:[32],memberNumber:[32],memberGivenNames:[32],memberLastName:[32]}],[0,"sss-prefill-invalid-smsf",{history:[16],prefill:[16],fundName:[32],fundAbn:[32],fundEsa:[32],fundAddressLine1:[32],fundAddressLine2:[32],fundAddressCity:[32],fundAddressPostcode:[32],fundAddressState:[32],fundAddress:[32],memberGivenNames:[32],memberLastName:[32],bankAccountName:[32],bankAccountBsb:[32],bankAccountNumber:[32]}],[1,"super-selection-app",{ignoreExistingSelection:[4,"ignore-existing-selection"],accessToken:[1,"access-token"],backendUrl:[1,"backend-url"],appBaseUrl:[1,"app-base-url"],history:[16],location:[16],isSelfHosted:[4,"is-self-hosted"],isAppInitialised:[32]}],[0,"sss-my-own-fund-inputs",{myOwnFundForm:[16],showValidationErrors:[4,"show-validation-errors"],selectedOption:[32]}],[0,"sss-loading-super-indicator"],[0,"sss-self-managed-fund-inputs",{fundForm:[16],showValidationErrors:[4,"show-validation-errors"],isAbnValid:[32],isAbnTouched:[32],isAbnUsedForRegulated:[32],currentBank:[32],addressErrorMessage:[32]}],[0,"sss-super-choice-item-bottom",{disclaimer:[16],abnInfo:[1,"abn-info"],abn:[1],isMultiFund:[4,"is-multi-fund"]}],[0,"sss-loading-page"],[0,"sss-super-choice-item-top",{name:[1],logo:[1],features:[16],featureSubText:[16],customContent:[16],isMultiFund:[4,"is-multi-fund"],isPromotedDefault:[4,"is-promoted-default"],extraBadge:[16]}],[4,"sss-loading-component",{header:[1]}],[0,"sss-dropdown-async",{placeholder:[1],searchFunction:[16],value:[16],required:[4],requiredValidationMessage:[1,"required-validation-message"],disabled:[4],minSearchStringLength:[2,"min-search-string-length"],showValidationErrors:[4,"show-validation-errors"],searchState:[32],inputValue:[32],isDropdownVisible:[32],filteredOptions:[32],highlightedOptionIndex:[32],selectedOption:[32]},[[2,"focus","handleFocus"],[2,"blur","handleBlur"],[2,"keydown","handleKeyDown"]]],[0,"sss-footer-section",{textOverride:[16]}],[4,"stencil-route-switch",{group:[513],scrollTopOffset:[2,"scroll-top-offset"],location:[16],routeViewsUpdated:[16]}],[4,"stencil-router",{root:[1],historyType:[1,"history-type"],titleSuffix:[1,"title-suffix"],scrollTopOffset:[2,"scroll-top-offset"],location:[32],history:[32]}],[4,"sss-custom-fund",{history:[16],currentCustomFund:[32],fundOptionsList:[32],showFundOptionsSelection:[32]}],[0,"sss-iframe-host",{build:[16]}],[0,"sss-prefill-warning-box",{notificationList:[16]}],[0,"sss-header-section",{currentPage:[1,"current-page"]}],[0,"sss-name-input",{value:[1],name:[1],readableName:[1,"readable-name"],showValidationErrors:[4,"show-validation-errors"],errorMessage:[32]}],[0,"sss-prefill-display-field",{field:[16]}],[0,"sss-prefill-error-box",{withHeader:[4,"with-header"],notificationList:[16]}],[4,"stencil-route-link",{url:[1],urlMatch:[1,"url-match"],activeClass:[1,"active-class"],exact:[4],strict:[4],custom:[1],anchorClass:[1,"anchor-class"],anchorRole:[1,"anchor-role"],anchorTitle:[1,"anchor-title"],anchorTabIndex:[1,"anchor-tab-index"],anchorId:[1,"anchor-id"],history:[16],location:[16],root:[1],ariaHaspopup:[1,"aria-haspopup"],ariaPosinset:[1,"aria-posinset"],ariaSetsize:[2,"aria-setsize"],ariaLabel:[1,"aria-label"],match:[32]}],[4,"sss-button",{fillWidth:[4,"fill-width"],fillWidthOnMobile:[4,"fill-width-on-mobile"],disabled:[4],variant:[1],size:[1],promiseFn:[16],state:[32]}],[0,"sss-loading-indicator",{theme:[1],size:[2]}],[0,"stencil-route",{group:[513],componentUpdated:[16],match:[1040],url:[1],component:[1],componentProps:[16],exact:[4],routeRender:[16],scrollTopOffset:[2,"scroll-top-offset"],routeViewsUpdated:[16],location:[16],history:[16],historyType:[1,"history-type"]}]]]],e)}))}}}));
1
+ System.register(["./p-44bec843.system.js","./p-14885f78.system.js","./p-15f0e5eb.system.js"],(function(e,s){"use strict";var t,i,o;return{setters:[function(e){t=e.p;i=e.b},function(){},function(e){o=e.g}],execute:function(){var e=function(){var e=s.meta.url;var i={};if(e!==""){i.resourcesUrl=new URL(".",e).href}return t(i)};e().then((function(e){o();return i([["p-6ac8791e.system",[[0,"context-consumer",{context:[16],renderer:[16],subscribe:[16],unsubscribe:[32]}]]],["p-02f24922.system",[[0,"stencil-async-content",{documentLocation:[1,"document-location"],content:[32]}]]],["p-ef3afa00.system",[[0,"stencil-route-title",{titleSuffix:[1,"title-suffix"],pageTitle:[1,"page-title"]}]]],["p-f29066b9.system",[[0,"stencil-router-prompt",{when:[4],message:[1],history:[16],unblock:[32]}]]],["p-51aefdb1.system",[[0,"stencil-router-redirect",{history:[16],root:[1],url:[1]}]]],["p-b917605f.system",[[0,"sss-prefill",{history:[16],prefill:[32]}],[0,"sss-my-own-fund",{history:[16],formState:[32],isNotAllInformationProvidedMessageVisible:[32],isSubmitDisabled:[32]}],[0,"sss-self-managed-fund",{history:[16],formState:[32],isSubmitDisabled:[32]}],[0,"sss-super-choice-page",{history:[16],promotedFunds:[32]}],[1,"super-selection-app-host",{sessionState:[32],jwt:[32],appConfiguration:[32],ignoreExistingSelection:[32]}],[0,"sss-default-fund",{history:[16],defaultFundProductName:[32]}],[0,"sss-consent-page",{history:[16],campaignConnectRequestInProgress:[32]}],[0,"sss-existing-choice-page",{history:[16],existingFund:[32]}],[0,"sss-standard-choice-form",{history:[16],standardChoiceFormSignature:[32],formState:[32],isSubmitDisabled:[32]}],[0,"sss-promoted-fund-join-v1-page",{history:[16]}],[0,"sss-promoted-fund-join-v2-page",{history:[16]}],[0,"sss-slate-join-page",{history:[16]}],[0,"sss-success"],[0,"sss-super-campaign-host",{history:[16],componentLoaded:[32],backendUrl:[32],accessToken:[32]}],[0,"sss-prefill-my-own-fund",{history:[16],prefill:[16],mode:[32],formState:[32],isSubmitDisabled:[32],fundUsi:[32],fundName:[32],memberNumber:[32],memberGivenNames:[32],memberLastName:[32]}],[0,"sss-prefill-smsf",{history:[16],prefill:[16],mode:[32],formState:[32],isSubmitDisabled:[32],fundName:[32],fundAbn:[32],fundEsa:[32],fundAddressLine1:[32],fundAddressLine2:[32],fundAddressCity:[32],fundAddressPostcode:[32],fundAddressState:[32],fundAddress:[32],memberGivenNames:[32],memberLastName:[32],bankAccountName:[32],bankName:[32],bankAccountBsb:[32],bankAccountNumber:[32]}],[0,"sss-prefill-invalid-my-own-fund",{history:[16],prefill:[16],fundUsi:[32],fundName:[32],memberNumber:[32],memberGivenNames:[32],memberLastName:[32]}],[0,"sss-prefill-invalid-smsf",{history:[16],prefill:[16],fundName:[32],fundAbn:[32],fundEsa:[32],fundAddressLine1:[32],fundAddressLine2:[32],fundAddressCity:[32],fundAddressPostcode:[32],fundAddressState:[32],fundAddress:[32],memberGivenNames:[32],memberLastName:[32],bankAccountName:[32],bankAccountBsb:[32],bankAccountNumber:[32]}],[1,"super-selection-app",{ignoreExistingSelection:[4,"ignore-existing-selection"],accessToken:[1,"access-token"],backendUrl:[1,"backend-url"],appBaseUrl:[1,"app-base-url"],history:[16],location:[16],isSelfHosted:[4,"is-self-hosted"],isAppInitialised:[32]}],[0,"sss-my-own-fund-inputs",{myOwnFundForm:[16],showValidationErrors:[4,"show-validation-errors"],selectedOption:[32]}],[0,"sss-loading-super-indicator"],[0,"sss-self-managed-fund-inputs",{fundForm:[16],showValidationErrors:[4,"show-validation-errors"],isAbnValid:[32],isAbnTouched:[32],isAbnUsedForRegulated:[32],currentBank:[32],addressErrorMessage:[32]}],[0,"sss-super-choice-item-bottom",{disclaimer:[16],abnInfo:[1,"abn-info"],abn:[1],isMultiFund:[4,"is-multi-fund"]}],[0,"sss-loading-page"],[0,"sss-super-choice-item-top",{name:[1],logo:[1],features:[16],featureSubText:[16],customContent:[16],isMultiFund:[4,"is-multi-fund"],isPromotedDefault:[4,"is-promoted-default"],extraBadge:[16]}],[4,"sss-loading-component",{header:[1]}],[0,"sss-dropdown-async",{placeholder:[1],searchFunction:[16],value:[16],required:[4],requiredValidationMessage:[1,"required-validation-message"],disabled:[4],minSearchStringLength:[2,"min-search-string-length"],showValidationErrors:[4,"show-validation-errors"],searchState:[32],inputValue:[32],isDropdownVisible:[32],filteredOptions:[32],highlightedOptionIndex:[32],selectedOption:[32]},[[2,"focus","handleFocus"],[2,"blur","handleBlur"],[2,"keydown","handleKeyDown"]]],[0,"sss-footer-section",{textOverride:[16]}],[4,"stencil-route-switch",{group:[513],scrollTopOffset:[2,"scroll-top-offset"],location:[16],routeViewsUpdated:[16]}],[4,"stencil-router",{root:[1],historyType:[1,"history-type"],titleSuffix:[1,"title-suffix"],scrollTopOffset:[2,"scroll-top-offset"],location:[32],history:[32]}],[4,"sss-custom-fund",{history:[16],currentCustomFund:[32],fundOptionsList:[32],showFundOptionsSelection:[32]}],[0,"sss-iframe-host",{build:[16]}],[0,"sss-prefill-warning-box",{notificationList:[16]}],[0,"sss-header-section",{currentPage:[1,"current-page"]}],[0,"sss-name-input",{value:[1],name:[1],readableName:[1,"readable-name"],showValidationErrors:[4,"show-validation-errors"],errorMessage:[32]}],[0,"sss-prefill-display-field",{field:[16]}],[0,"sss-prefill-error-box",{withHeader:[4,"with-header"],notificationList:[16]}],[4,"stencil-route-link",{url:[1],urlMatch:[1,"url-match"],activeClass:[1,"active-class"],exact:[4],strict:[4],custom:[1],anchorClass:[1,"anchor-class"],anchorRole:[1,"anchor-role"],anchorTitle:[1,"anchor-title"],anchorTabIndex:[1,"anchor-tab-index"],anchorId:[1,"anchor-id"],history:[16],location:[16],root:[1],ariaHaspopup:[1,"aria-haspopup"],ariaPosinset:[1,"aria-posinset"],ariaSetsize:[2,"aria-setsize"],ariaLabel:[1,"aria-label"],match:[32]}],[4,"sss-button",{fillWidth:[4,"fill-width"],fillWidthOnMobile:[4,"fill-width-on-mobile"],disabled:[4],variant:[1],size:[1],promiseFn:[16],state:[32]}],[0,"sss-loading-indicator",{theme:[1],size:[2]}],[0,"stencil-route",{group:[513],componentUpdated:[16],match:[1040],url:[1],component:[1],componentProps:[16],exact:[4],routeRender:[16],scrollTopOffset:[2,"scroll-top-offset"],routeViewsUpdated:[16],location:[16],history:[16],historyType:[1,"history-type"]}]]]],e)}))}}}));
package/dist/lib/cjs/sss-button_41.cjs.entry.js CHANGED
@@ -284,7 +284,7 @@ class TapSubscriber extends datoramaAkita.Subscriber {
284
284
  }
285
285
  }
286
286
 
287
- const AppVersion = '5.1.47247';
287
+ const AppVersion = '5.12.47777';
288
288
 
289
289
  // -------------------------------------------------------------------------------------
290
290
  // guards
@@ -5367,7 +5367,7 @@ const DisplayField = class {
5367
5367
  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
5368
  '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
5369
  'text-red-600': !this.field.isValid
5370
- } }, this.field.name), index.h("div", { class: {
5370
+ } }, this.field.name), index.h("div", { "data-testid": this.field.testId, class: {
5371
5371
  'sm:w-3/5 max-w-[300px] self-stretch text-gray-900 text-sm not-italic font-normal leading-5 break-words': true,
5372
5372
  'h-5 sm:h-auto': this.field.isEmpty,
5373
5373
  'text-red-600': !this.field.isValid
@@ -5393,10 +5393,10 @@ const PrefillErrorBox = class {
5393
5393
  function isNullOrWhitespace(value) {
5394
5394
  return value == null || value.trim() === '';
5395
5395
  }
5396
- const DisabledField = (name, value) => {
5396
+ const DisabledField = (name, testId, value) => {
5397
5397
  return (index.h("div", { class: "mt-3" },
5398
5398
  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)));
5399
+ 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
5400
  };
5401
5401
  const Header = () => {
5402
5402
  return (index.h("div", null,
@@ -5414,8 +5414,9 @@ class Style {
5414
5414
 
5415
5415
  const NAME_PATTERN = "[A-Za-z][A-Za-z']+(( |-)[A-Za-z][A-Za-z']+)*\\s*$";
5416
5416
  class FormField {
5417
- constructor(name, value) {
5417
+ constructor(name, testId, value) {
5418
5418
  this.name = name;
5419
+ this.testId = testId;
5419
5420
  this._value = value !== null && value !== void 0 ? value : '';
5420
5421
  this._errorMessage = this.validateAndReturnErrorMessage(this._value);
5421
5422
  }
@@ -5437,8 +5438,9 @@ class FormField {
5437
5438
  }
5438
5439
  }
5439
5440
  class StaticFormField {
5440
- constructor(name, value, isValid) {
5441
+ constructor(name, testId, value, isValid) {
5441
5442
  this.name = name;
5443
+ this.testId = testId;
5442
5444
  this._value = value !== null && value !== void 0 ? value : '';
5443
5445
  this._isValid = isValid;
5444
5446
  }
@@ -5454,17 +5456,17 @@ class StaticFormField {
5454
5456
  }
5455
5457
  class FundUsi extends StaticFormField {
5456
5458
  constructor(value, isValid) {
5457
- super('Fund USI', value, isValid);
5459
+ super('Fund USI', 'fund-usi', value, isValid);
5458
5460
  }
5459
5461
  }
5460
5462
  class FundName extends StaticFormField {
5461
5463
  constructor(value, isValid) {
5462
- super('Fund name', value, isValid);
5464
+ super('Fund name', 'fund-name', value, isValid);
5463
5465
  }
5464
5466
  }
5465
5467
  class SmsfFundName extends FormField {
5466
5468
  constructor(value) {
5467
- super('Fund name', value);
5469
+ super('Fund name', 'smsf-fund-name', value);
5468
5470
  }
5469
5471
  validateAndReturnErrorMessage(newValue) {
5470
5472
  if (isNullOrWhitespace(newValue)) {
@@ -5480,7 +5482,7 @@ class SmsfFundName extends FormField {
5480
5482
  }
5481
5483
  class MemberNumber extends FormField {
5482
5484
  constructor(value) {
5483
- super('Member number', value);
5485
+ super('Member number', 'member-number', value);
5484
5486
  }
5485
5487
  validateAndReturnErrorMessage(newValue) {
5486
5488
  const regex = /^[A-Za-z0-9]{4,16}$/;
@@ -5497,7 +5499,7 @@ class MemberNumber extends FormField {
5497
5499
  }
5498
5500
  class MemberLastName extends FormField {
5499
5501
  constructor(value) {
5500
- super('Member last name', value);
5502
+ super('Member last name', 'member-last-name', value);
5501
5503
  }
5502
5504
  validateAndReturnErrorMessage(newValue) {
5503
5505
  const regex = new RegExp(NAME_PATTERN);
@@ -5514,7 +5516,7 @@ class MemberLastName extends FormField {
5514
5516
  }
5515
5517
  class MemberGivenNames extends FormField {
5516
5518
  constructor(value) {
5517
- super('Member given name(s)', value);
5519
+ super('Member given name(s)', 'member-given-names', value);
5518
5520
  }
5519
5521
  validateAndReturnErrorMessage(newValue) {
5520
5522
  const regex = new RegExp(NAME_PATTERN);
@@ -5531,12 +5533,12 @@ class MemberGivenNames extends FormField {
5531
5533
  }
5532
5534
  class FundAbn extends StaticFormField {
5533
5535
  constructor(value, isValid) {
5534
- super('Fund ABN', value, isValid);
5536
+ super('Fund ABN', 'fund-abn', value, isValid);
5535
5537
  }
5536
5538
  }
5537
5539
  class FundEsa extends FormField {
5538
5540
  constructor(value) {
5539
- super('Fund ESA', value);
5541
+ super('Fund ESA', 'fund-esa', value);
5540
5542
  }
5541
5543
  validateAndReturnErrorMessage(newValue) {
5542
5544
  if (isNullOrWhitespace(newValue)) {
@@ -5552,7 +5554,7 @@ class FundEsa extends FormField {
5552
5554
  }
5553
5555
  class FundAddressLine1 extends FormField {
5554
5556
  constructor(value) {
5555
- super('Address line 1', value);
5557
+ super('Address line 1', 'address-line-one', value);
5556
5558
  }
5557
5559
  validateAndReturnErrorMessage(newValue) {
5558
5560
  if (isNullOrWhitespace(newValue)) {
@@ -5568,7 +5570,7 @@ class FundAddressLine1 extends FormField {
5568
5570
  }
5569
5571
  class FundAddressLine2 extends FormField {
5570
5572
  constructor(value) {
5571
- super('Address line 2', value);
5573
+ super('Address line 2', 'address-line-two', value);
5572
5574
  }
5573
5575
  validateAndReturnErrorMessage(_newValue) {
5574
5576
  return null;
@@ -5576,7 +5578,7 @@ class FundAddressLine2 extends FormField {
5576
5578
  }
5577
5579
  class FundAddressCity extends FormField {
5578
5580
  constructor(value) {
5579
- super('City/suburb', value);
5581
+ super('City/suburb', 'city-suburb', value);
5580
5582
  }
5581
5583
  validateAndReturnErrorMessage(newValue) {
5582
5584
  if (isNullOrWhitespace(newValue)) {
@@ -5589,7 +5591,7 @@ class FundAddressCity extends FormField {
5589
5591
  }
5590
5592
  class FundAddressPostcode extends FormField {
5591
5593
  constructor(value) {
5592
- super('Postcode', value);
5594
+ super('Postcode', 'postcode', value);
5593
5595
  }
5594
5596
  validateAndReturnErrorMessage(newValue) {
5595
5597
  const regex = /^[0-9]{4}$/;
@@ -5606,7 +5608,7 @@ class FundAddressPostcode extends FormField {
5606
5608
  }
5607
5609
  class FundAddressState extends FormField {
5608
5610
  constructor(value) {
5609
- super('State', value);
5611
+ super('State', 'state', value);
5610
5612
  }
5611
5613
  get options() {
5612
5614
  return [
@@ -5639,12 +5641,12 @@ class FundAddress extends StaticFormField {
5639
5641
  .filter((v) => v)
5640
5642
  .join(', ');
5641
5643
  const isValid = addrLine1.isValid && addrLine2.isValid && city.isValid && state.isValid && postcode.isValid;
5642
- super('Fund address', value, isValid);
5644
+ super('Fund address', 'fund-address', value, isValid);
5643
5645
  }
5644
5646
  }
5645
5647
  class BankAccountName extends FormField {
5646
5648
  constructor(value) {
5647
- super('Account name', value);
5649
+ super('Account name', 'account-name', value);
5648
5650
  }
5649
5651
  validateAndReturnErrorMessage(newValue) {
5650
5652
  if (isNullOrWhitespace(newValue)) {
@@ -5660,12 +5662,12 @@ class BankAccountName extends FormField {
5660
5662
  }
5661
5663
  class BankName extends StaticFormField {
5662
5664
  constructor(value, isValid) {
5663
- super('Bank name', value, isValid);
5665
+ super('Bank name', 'bank-name', value, isValid);
5664
5666
  }
5665
5667
  }
5666
5668
  class BankAccountBsb extends FormField {
5667
5669
  constructor(value) {
5668
- super('BSB', value);
5670
+ super('BSB', 'bsb', value);
5669
5671
  }
5670
5672
  validateAndReturnErrorMessage(newValue) {
5671
5673
  const regex = /^[0-9]{6,7}$/;
@@ -5682,7 +5684,7 @@ class BankAccountBsb extends FormField {
5682
5684
  }
5683
5685
  class BankAccountNumber extends FormField {
5684
5686
  constructor(value) {
5685
- super('Account number', value);
5687
+ super('Account number', 'account-number', value);
5686
5688
  }
5687
5689
  validateAndReturnErrorMessage(newValue) {
5688
5690
  const regex = /^[0-9]{2,11}$/;
@@ -5863,11 +5865,11 @@ const PrefillMyOwnFund = class {
5863
5865
  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
5866
  'Make sure you are a current member of the fund before completing this step.',
5865
5867
  '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) => {
5868
+ ] }), 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
5869
  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) => {
5870
+ } }), 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
5871
  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) => {
5872
+ } }), 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
5873
  this.updateMemberLastName(ev.target.value);
5872
5874
  } }), 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
5875
  }
@@ -6106,33 +6108,34 @@ const PrefillSMSF = class {
6106
6108
  ] }), 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
6109
  'w-full': true,
6108
6110
  '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) => {
6111
+ }, 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
6112
  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) => {
6113
+ } }), 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
6114
  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) => {
6115
+ } }), 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
6116
  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) => {
6117
+ } }), 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
6118
  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) => {
6119
+ } }), 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
6120
  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) => {
6121
+ } })), 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
6122
  this.updateAddressState(ev.target.value);
6121
6123
  } }, 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
6124
  this.fundAddressLine1.errorMessage ||
6123
6125
  this.fundAddressCity.errorMessage ||
6124
6126
  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) => {
6127
+ 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
6128
  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) => {
6129
+ } }), 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
6130
  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) => {
6131
+ } }), 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
6132
  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) => {
6133
+ } }), 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
6134
  const bsb = ev.target.value;
6133
6135
  this.updateBankName(bsb);
6134
6136
  this.updateBankAccountBsb(bsb);
6135
- } }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.bankAccountBsb.errorMessage))), this.bankName.isValid && DisabledField(this.bankName.name, this.bankName.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, value: this.bankAccountNumber.value, onInput: (ev) => {
6137
+ } }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.bankAccountBsb.errorMessage))), this.bankName.isValid &&
6138
+ 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
6139
  this.updateBankAccountNumber(ev.target.value);
6137
6140
  } }), 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
6141
  }
@@ -16876,10 +16879,13 @@ const SuperCampaignHost = class {
16876
16879
  const discriminator = window.location.hostname.toLowerCase().split('.')[0];
16877
16880
  switch (discriminator) {
16878
16881
  case 'autodev-partner':
16882
+ return 'autodev';
16879
16883
  case 'test-partner':
16884
+ return 'test';
16880
16885
  case 'partner':
16886
+ return 'prod';
16881
16887
  case 'sandbox-partner':
16882
- return discriminator.replace('partner', '').replace('-', '');
16888
+ return 'sandbox';
16883
16889
  default:
16884
16890
  return 'autodev';
16885
16891
  }
package/dist/lib/collection/components/super-campaign/super-campaign.js CHANGED
@@ -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 discriminator.replace('partner', '').replace('-', '');
33
+ return 'sandbox';
31
34
  default:
32
35
  return 'autodev';
33
36
  }
package/dist/lib/collection/components/super-selection-app/prefill-fund/prefill-common.js CHANGED
@@ -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
package/dist/lib/collection/components/super-selection-app/prefill-fund/prefill-my-own-fund.js CHANGED
@@ -76,12 +76,12 @@ export class PrefillMyOwnFund {
76
76
  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" }),
77
77
  h("path", { d: "M9.60334 4.63434L2.90039 11.3373V13.6H5.16313L11.8661 6.89708L9.60334 4.63434Z" })))))),
78
78
  this.mode === 'edit' && (h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: { 'was-validated': this.formState === 'validated' }, ref: (el) => (this.formElement = el), onInput: (_) => (this.isSubmitDisabled = this.formHasMissingData()) },
79
- DisabledField(this.fundName.name, this.fundName.value),
80
- DisabledField(this.fundUsi.name, this.fundUsi.value),
79
+ DisabledField(this.fundName.name, this.fundName.testId, this.fundName.value),
80
+ DisabledField(this.fundUsi.name, this.fundUsi.testId, this.fundUsi.value),
81
81
  h("div", { class: "mt-3" },
82
82
  h("label", { class: "text-sm font-medium text-gray-700" }, this.memberNumber.name),
83
83
  h("div", { class: "mt-1" },
84
- 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) => {
84
+ 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) => {
85
85
  this.updateMemberNumber(ev.target.value);
86
86
  } }),
87
87
  h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberNumber.errorMessage))),
@@ -89,14 +89,14 @@ export class PrefillMyOwnFund {
89
89
  h("div", { class: "w-full sm:w-1/2" },
90
90
  h("label", { class: "text-sm font-medium text-gray-700" }, this.memberGivenNames.name),
91
91
  h("div", { class: "mt-1" },
92
- h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, pattern: NAME_PATTERN, value: this.memberGivenNames.value, onInput: (ev) => {
92
+ 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) => {
93
93
  this.updateMemberGivenNames(ev.target.value);
94
94
  } }),
95
95
  h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberGivenNames.errorMessage))),
96
96
  h("div", { class: "w-full sm:w-1/2" },
97
97
  h("label", { class: "text-sm font-medium text-gray-700" }, this.memberLastName.name),
98
98
  h("div", { class: "mt-1" },
99
- h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, pattern: NAME_PATTERN, value: this.memberLastName.value, onInput: (ev) => {
99
+ 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) => {
100
100
  this.updateMemberLastName(ev.target.value);
101
101
  } }),
102
102
  h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberLastName.errorMessage)))))))),
package/dist/lib/collection/components/super-selection-app/prefill-fund/prefill-smsf.js CHANGED
@@ -95,35 +95,35 @@ export class PrefillSMSF {
95
95
  h("div", { class: "mt-3" },
96
96
  h("label", { class: "text-sm font-medium text-gray-700" }, this.fundName.name),
97
97
  h("div", { class: "mt-1" },
98
- h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, value: this.fundName.value, onInput: (ev) => {
98
+ h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, "data-testid": this.fundName.testId, value: this.fundName.value, onInput: (ev) => {
99
99
  this.updateFundName(ev.target.value);
100
100
  } }),
101
101
  h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.fundName.errorMessage))),
102
- DisabledField(this.fundAbn.name, this.fundAbn.value),
102
+ DisabledField(this.fundAbn.name, this.fundAbn.testId, this.fundAbn.value),
103
103
  h("div", { class: "mt-3" },
104
104
  h("label", { class: "text-sm font-medium text-gray-700" }, this.fundEsa.name),
105
105
  h("div", { class: "mt-1" },
106
- h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, minlength: "2", value: this.fundEsa.value, onInput: (ev) => {
106
+ 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) => {
107
107
  this.updateFundEsa(ev.target.value);
108
108
  } }),
109
109
  h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.fundEsa.errorMessage))),
110
110
  h("div", { class: "mt-3" },
111
111
  h("label", { class: "text-sm font-medium text-gray-700" }, "Fund address"),
112
112
  h("div", { class: "mt-1 rounded-md shadow-sm -space-y-px" },
113
- 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) => {
113
+ 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) => {
114
114
  this.updateAddressLine1(ev.target.value);
115
115
  } }),
116
- 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) }),
117
- 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) => {
116
+ 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) }),
117
+ 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) => {
118
118
  this.updateAddressCity(ev.target.value);
119
119
  } }),
120
120
  h("div", { class: "flex -space-x-px" },
121
121
  h("div", { class: "w-1/2 flex-1 min-w-0" },
122
- 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) => {
122
+ 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) => {
123
123
  this.updateAddressPostcode(ev.target.value);
124
124
  } })),
125
125
  h("div", { class: "flex-1 min-w-0" },
126
- 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) => {
126
+ 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) => {
127
127
  this.updateAddressState(ev.target.value);
128
128
  } },
129
129
  h("option", { disabled: true, selected: this.fundAddressState.value !== undefined, value: "" }, "State"),
@@ -137,14 +137,14 @@ export class PrefillSMSF {
137
137
  h("div", { class: "mt-3 w-full sm:w-1/2" },
138
138
  h("label", { class: "text-sm font-medium text-gray-700" }, this.memberGivenNames.name),
139
139
  h("div", { class: "mt-1" },
140
- h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, value: this.memberGivenNames.value, onInput: (ev) => {
140
+ h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, "data-testid": this.memberGivenNames.testId, value: this.memberGivenNames.value, onInput: (ev) => {
141
141
  this.updateMemberGivenNames(ev.target.value);
142
142
  } }),
143
143
  h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberGivenNames.errorMessage))),
144
144
  h("div", { class: "mt-3 w-full sm:w-1/2" },
145
145
  h("label", { class: "text-sm font-medium text-gray-700" }, this.memberLastName.name),
146
146
  h("div", { class: "mt-1" },
147
- h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, value: this.memberLastName.value, onInput: (ev) => {
147
+ h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, "data-testid": this.memberLastName.testId, value: this.memberLastName.value, onInput: (ev) => {
148
148
  this.updateMemberLastName(ev.target.value);
149
149
  } }),
150
150
  h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberLastName.errorMessage)))),
@@ -152,24 +152,25 @@ export class PrefillSMSF {
152
152
  h("div", { class: "mt-3" },
153
153
  h("label", { class: "text-sm font-medium text-gray-700" }, this.bankAccountName.name),
154
154
  h("div", { class: "mt-1" },
155
- h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, value: this.bankAccountName.value, onInput: (ev) => {
155
+ h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, "data-testid": this.bankAccountName.testId, value: this.bankAccountName.value, onInput: (ev) => {
156
156
  this.updateBankAccountName(ev.target.value);
157
157
  } }),
158
158
  h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.bankAccountName.errorMessage))),
159
159
  h("div", { class: "mt-3" },
160
160
  h("label", { class: "text-sm font-medium text-gray-700" }, this.bankAccountBsb.name),
161
161
  h("div", { class: "mt-1" },
162
- h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, value: this.bankAccountBsb.value, onInput: (ev) => {
162
+ h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, "data-testid": this.bankAccountBsb.testId, value: this.bankAccountBsb.value, onInput: (ev) => {
163
163
  const bsb = ev.target.value;
164
164
  this.updateBankName(bsb);
165
165
  this.updateBankAccountBsb(bsb);
166
166
  } }),
167
167
  h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.bankAccountBsb.errorMessage))),
168
- this.bankName.isValid && DisabledField(this.bankName.name, this.bankName.value),
168
+ this.bankName.isValid &&
169
+ DisabledField(this.bankName.name, this.bankName.testId, this.bankName.value),
169
170
  h("div", { class: "mt-3" },
170
171
  h("label", { class: "text-sm font-medium text-gray-700" }, this.bankAccountNumber.name),
171
172
  h("div", { class: "mt-1" },
172
- h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, value: this.bankAccountNumber.value, onInput: (ev) => {
173
+ h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, "data-testid": this.bankAccountNumber.testId, value: this.bankAccountNumber.value, onInput: (ev) => {
173
174
  this.updateBankAccountNumber(ev.target.value);
174
175
  } }),
175
176
  h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.bankAccountNumber.errorMessage))))))),