@flarehr/apollo-super-selection 5.24.54264 → 5.25.54575

package/dist/lib/collection/components/super-selection-app/super-choice-page/super-choice-item/super-choice-item-top.js

@@ -1,178 +0,0 @@
-import { Component, getAssetPath, h, Host, Prop } from '@stencil/core';
-export class SuperChoiceItemTop {
-  render() {
-    return (h(Host, null,
-      h("div", { class: "px-4 pt-6" },
-        h("div", { class: "text-right w-100 -mt-5 -mr-2" },
-          this.extraBadge,
-          this.isPromotedDefault && (h("span", { class: "text-xs bg-blue-100 text-blue-800 font-medium rounded-xl py-0.5 px-2.5 mr-1" }, "Employer Default")),
-          h("span", { class: "text-xs bg-gray-100 text-gray-800 font-medium rounded-xl py-0.5 px-2.5 mr-0.5" }, "Featured")),
-        h("div", { class: { 'flex lg:block mt-2 md:mt-0': true, 'lg:mt-4': this.isMultiFund } },
-          h("img", { class: {
-              'h-12 md:h-14 lg:h-16 object-contain w-[80px] md:w-[96px] lg:w-[140px] md:hidden lg:object-left': true,
-              'lg:block': this.isMultiFund
-            }, alt: this.name, src: getAssetPath(`assets/${this.logo}`) }),
-          h("div", { class: "grid content-center" },
-            h("p", { class: {
-                'text-base md:text-lg font-bold ml-4 md:ml-0 md:mb-0': true,
-                'lg:mt-4': this.isMultiFund
-              } }, this.name))),
-        h("div", { class: "mt-4 sm:mt-2 text-sm space-y-2" }, this.features.map((feature) => (h("div", { class: "flex" },
-          h("div", { class: "h-5 w-5 flex-none mr-1.5" },
-            h("img", { alt: "checked", src: getAssetPath(`assets/icon-check.svg`) })),
-          h("div", { class: "leading-5" }, feature))))),
-        this.featureSubText && (h("p", { class: "text-xs text-gray-500 italic mt-4 leading-4" }, this.featureSubText)),
-        this.customContent)));
-  }
-  static get is() { return "sss-super-choice-item-top"; }
-  static get properties() { return {
-    "name": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "name",
-      "reflect": false
-    },
-    "logo": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "logo",
-      "reflect": false
-    },
-    "features": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "VNode[]",
-        "resolved": "VNode[]",
-        "references": {
-          "VNode": {
-            "location": "import",
-            "path": "@stencil/core"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "featureSubText": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "VNode",
-        "resolved": "VNode | undefined",
-        "references": {
-          "VNode": {
-            "location": "import",
-            "path": "@stencil/core"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "customContent": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "VNode",
-        "resolved": "VNode | undefined",
-        "references": {
-          "VNode": {
-            "location": "import",
-            "path": "@stencil/core"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "isMultiFund": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-multi-fund",
-      "reflect": false
-    },
-    "isPromotedDefault": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-promoted-default",
-      "reflect": false
-    },
-    "extraBadge": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "VNode",
-        "resolved": "VNode | undefined",
-        "references": {
-          "VNode": {
-            "location": "import",
-            "path": "@stencil/core"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    }
-  }; }
-}

package/dist/lib/collection/components/super-selection-app/super-choice-page/super-choice-page-wrapper.js

@@ -1,32 +0,0 @@
-import { Component, h, Prop } from '@stencil/core';
-import { injectHistory } from '@stencil/router';
-import superSelectionService from '../services/super-selection-app.service';
-export class SuperChoicePageWrapper {
-  render() {
-    return superSelectionService.state.superCampaignEnabled ? (h("sss-super-campaign-host", null)) : (h("sss-super-choice-page", null));
-  }
-  static get is() { return "sss-super-choice-page-wrapper"; }
-  static get properties() { return {
-    "history": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "RouterHistory",
-        "resolved": "RouterHistory",
-        "references": {
-          "RouterHistory": {
-            "location": "import",
-            "path": "@stencil/router"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    }
-  }; }
-}
-injectHistory(SuperChoicePageWrapper);

package/dist/lib/collection/components/super-selection-app/super-choice-page/super-choice-page.js

@@ -1,171 +0,0 @@
-import { Component, getAssetPath, h, Host, Prop, State } from '@stencil/core';
-import { injectHistory } from '@stencil/router';
-import * as O from 'fp-ts/lib/Option';
-import * as constants from '../funds/constants';
-import promotedFundState from '../funds/promoted-fund/promoted-fund.store';
-import { EventTrackingService } from '../services/event-tracking.service';
-import miscService from '../services/misc.service';
-import navigationService from '../services/navigation.service';
-import { SuperSelectionAppRoutes } from '../services/super-selection-app.routes';
-import SuperSelectionAppService from '../services/super-selection-app.service';
-export class SuperChoicePage {
-  constructor() {
-    this.promotedFunds = this.getPromotedFunds();
-    this.eventTrackingService = EventTrackingService.Instance;
-  }
-  async componentDidLoad() {
-    const promotedFundsShown = this.promotedFunds.map((item) => item.fundId);
-    await SuperSelectionAppService.viewSuperFundPanelAsync(promotedFundsShown);
-  }
-  render() {
-    const mygovLink = 'https://my.gov.au';
-    const mygovLinkDisplay = 'www.my.gov.au';
-    const superfundsLink = 'https://www.apra.gov.au/register-of-superannuation-institutions';
-    const superfundsLinkDisplay = 'www.apra.gov.au';
-    const isMultiFund = this.promotedFunds.length > 1;
-    return (h(Host, null,
-      h("div", null,
-        h("sss-header-section", { currentPage: "choice" }),
-        h("div", { class: "mt-8 text-sm text-center leading-6" },
-          h("p", { class: "leading-6" }, "Not ready to join a new fund, or want to nominate another super fund?"),
-          h("stencil-route-link", { url: SuperSelectionAppRoutes.MyOwnFund },
-            h("span", { class: "inline-block text-primary-base font-medium mt-3" },
-              "Skip Featured Funds\u00A0",
-              h("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "inline h-5 w-5 fill-primary-base group-hover:fill-white" },
-                h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3" }))))),
-        h("div", { class: "flex justify-center mt-8" },
-          h("div", { class: {
-              'lg:grid border-l border-t lg:border-b rounded-lg': true,
-              'lg:grid-cols-1 max-w-720': this.promotedFunds.length === 1,
-              'lg:grid-cols-2 max-w-720': this.promotedFunds.length === 2,
-              'lg:grid-cols-3 max-w-960': this.promotedFunds.length === 3
-            } },
-            this.promotedFunds.map((fund, index) => (h("div", { class: {
-                'border-r': true,
-                'rounded-tr-lg': index === 0,
-                'lg:rounded-tr-none': index === 0 && index !== this.promotedFunds.length - 1,
-                'rounded-br-lg lg:rounded-br-none lg:rounded-tr-lg': index === this.promotedFunds.length - 1
-              } },
-              h("div", { class: {
-                  'flex border-b lg:border-b-0': true,
-                  'rounded-b-lg': index === this.promotedFunds.length - 1
-                } },
-                h("div", { class: {
-                    'hidden md:flex w-36 justify-center pt-6 pl-6': true,
-                    'lg:hidden': isMultiFund
-                  } },
-                  h("img", { class: "h-16 object-contain w-full max-w-[96px]", alt: fund.name, src: getAssetPath(`assets/${fund.logo}`) })),
-                h("div", { class: "w-full" },
-                  h("sss-super-choice-item-top", { logo: fund.logo, name: fund.name, features: fund.features, featureSubText: fund.featureSubText, customContent: fund.customContent, isMultiFund: isMultiFund, isPromotedDefault: fund.isPromotedDefault, extraBadge: fund.extraBadge }),
-                  h("div", { class: { 'lg:hidden': isMultiFund } },
-                    h("sss-super-choice-item-bottom", { disclaimer: fund.disclaimer, abnInfo: fund.abnInfo, abn: fund.abn, isMultiFund: isMultiFund, onJoinFundClicked: async () => this.handleJoinSuperClickAsync(fund) }))))))),
-            this.promotedFunds.map((fund, index) => (h("div", { class: {
-                'hidden border-r': true,
-                'lg:block': isMultiFund,
-                'rounded-br-lg': index === this.promotedFunds.length - 1
-              } },
-              h("sss-super-choice-item-bottom", { disclaimer: fund.disclaimer, abnInfo: fund.abnInfo, abn: fund.abn, isMultiFund: isMultiFund, onJoinFundClicked: async () => this.handleJoinSuperClickAsync(fund) })))))),
-        h("div", { class: "flex justify-center mt-8 sm:mt-12" },
-          h("div", { class: "pb-8 sm:pb-12 max-w-720 border-b" },
-            h("h5", { class: "font-bold sm:text-lg" }, "Or, choose another super fund:"),
-            h("ul", { class: "list-disc list-outside ml-6 mt-3 mb-6 space-y-2 leading-6 text-sm sm:text-base" },
-              h("li", null, "Select this option if you'd like to use your current account with another super fund, your self-managed super fund, or your employer's default fund."),
-              h("li", null,
-                "If you are unsure of your current super fund details, you can find out at",
-                ' ',
-                h("a", { class: "text-primary-base font-medium hover:text-primary-hover", target: "_blank", href: navigationService.toExternalUrl(mygovLink) }, mygovLinkDisplay)),
-              h("li", null,
-                "A full list of super funds can be viewed at",
-                ' ',
-                h("a", { class: "text-primary-base font-medium hover:text-primary-hover", target: "_blank", href: navigationService.toExternalUrl(superfundsLink) }, superfundsLinkDisplay))),
-            h("stencil-route-link", { url: SuperSelectionAppRoutes.MyOwnFund },
-              h("sss-button", { testid: "choose-another-super-fund-button", fillWidthOnMobile: true }, "Choose another super fund")))),
-        h("div", { class: "flex justify-center" },
-          h("div", { class: "pt-8 sm:pt-12 max-w-720" },
-            h("h5", { class: "font-semibold" }, "IMPORTANT INFORMATION:"),
-            h("ul", { class: "list-disc list-outside ml-6 mt-3 space-y-2 text-sm leading-6" },
-              h("li", null, "The superannuation funds featured above are for your information only. The order, position and placement of content should not be interpreted as an opinion or recommendation (actual or implied) by Flare as to the suitability or appropriateness of any superannuation fund for you. In featuring these superannuation funds, Flare has not taken into account your objectives, financial situation or needs."),
-              h("li", null, "This is not a comparison service. This page contains factual information only and does not constitute either general or personal advice about any financial products. We do not take into account your objectives, financial situation or needs. If you have questions or need help making a decision about your superannuation fund, you should speak to a licensed financial product advice provider."),
-              h("li", null, "Flare, the technology partner you are accessing Flare via and your employer do not endorse or accept responsibility for any financial product advice or services provided by the promoters or trustees of the featured superannuation funds. Flare does not endorse or accept responsibility for any of the content shown about any of the featured superannuation funds."),
-              h("li", null, "You should consider the relevant superannuation fund\u2019s PDS and TMD (if applicable) in deciding whether to apply to join the superannuation fund. Each of the superannuation funds featured above include a link to their PDS and TMD (if applicable) for your convenience. If you are considering joining another superannuation fund, you can typically find the PDS and TMD (if applicable) on that fund\u2019s website."),
-              h("li", null, "You should be aware that the trustees of featured superannuation funds pay fees to Flare and/or its associates. Some funds pay us a fee if you choose one of the featured funds, while others pay us to have their application form on our platform.")))))));
-  }
-  getPromotedFunds() {
-    const fundTiles = [];
-    SuperSelectionAppService.promotedFunds.forEach((fundId) => {
-      const fund = constants.allPromotedFunds.find((fund) => fundId === fund.fundId);
-      if (fund !== undefined) {
-        fundTiles.push(fund);
-      }
-    });
-    return fundTiles;
-  }
-  async handleJoinSuperClickAsync(fund) {
-    const promotedFundsShown = SuperSelectionAppService.promotedFunds;
-    const fundUsi = constants.getFundUsiByFundId(fund.fundId);
-    const fundName = constants.getFundNameByFundId(fund.fundId);
-    await Promise.all([
-      fund.isPromotedDefault == true
-        ? this.eventTrackingService.TrackPromotedDefaultSuperFundDetailViewedAsync({
-          fundUsi: O.isSome(fundUsi) ? fundUsi.value : '',
-          fundName: O.isSome(fundName) ? fundName.value : '',
-          promotedFundId: fund.fundId,
-          promotedFundsShown,
-          defaultFundUsiSet: O.toUndefined(SuperSelectionAppService.defaultFundUsi),
-          superCampaignEnabled: false
-        })
-        : this.eventTrackingService.TrackPromotedSuperFundDetailViewedAsync({
-          fundUsi: O.isSome(fundUsi) ? fundUsi.value : undefined,
-          fundName: O.isSome(fundName) ? fundName.value : '',
-          promotedFundId: fund.fundId,
-          promotedFundsShown,
-          defaultFundUsiSet: O.toUndefined(SuperSelectionAppService.defaultFundUsi),
-          superCampaignEnabled: false
-        }),
-      miscService.trackClickPromotedTileAsync(fund.isPromotedDefault
-        ? {
-          promotedDefault: {
-            fundId: fund.fundId
-          }
-        }
-        : {
-          promoted: {
-            fundId: fund.fundId
-          }
-        })
-    ]);
-    promotedFundState.fund = {
-      id: fund.fundId,
-      type: fund.isPromotedDefault ? 'PromotedDefault' : 'Promoted'
-    };
-    return navigationService.navigateInternally(this.history, fund.route);
-  }
-  static get is() { return "sss-super-choice-page"; }
-  static get assetsDirs() { return ["assets"]; }
-  static get properties() { return {
-    "history": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "RouterHistory",
-        "resolved": "RouterHistory",
-        "references": {
-          "RouterHistory": {
-            "location": "import",
-            "path": "@stencil/router"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    }
-  }; }
-  static get states() { return {
-    "promotedFunds": {}
-  }; }
-}
-injectHistory(SuperChoicePage);