@flarehr/apollo-super-campaign 1.43.43 → 1.44.44

package/dist/assets/logo-australian-D0VAGS6p.svg

@@ -0,0 +1,30 @@
+<svg width="160" height="34" viewBox="0 0 160 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4932_8135)">
+<path d="M8.68534 15.4992L11.2309 21.4404H6.12033L8.68534 15.4992ZM7.55829 11.9501L0.621094 28.0092H3.34156L5.1293 23.813H12.2608L14.068 28.0092H16.8079L9.87069 11.9501H7.55829ZM27.3983 16.6953H24.9304V24.1856C24.4641 25.2444 23.5119 25.9699 22.3848 25.9699C20.8303 25.9699 19.9558 24.8326 19.9558 23.0483V16.6953H17.488V23.4601C17.488 26.3817 19.198 28.2248 21.8407 28.2248C22.9678 28.2248 24.192 27.7739 24.9304 26.8327V28.0092H27.3983V16.6953ZM48.0738 27.9895H50.5417V20.7346C51.0275 19.5581 52.1934 18.9894 53.1844 18.9894C53.5731 18.9894 53.9228 19.0287 54.156 19.1267L54.5058 16.7149C54.2338 16.6561 53.8257 16.5776 53.3593 16.5776C52.0962 16.5776 50.9692 17.3424 50.5417 18.2051V16.6953H48.0738V27.9895ZM60.1993 28.2248C56.8765 28.2248 54.6224 25.5385 54.6224 22.3424C54.6224 19.1463 56.8765 16.46 60.1993 16.46C61.5207 16.46 62.6866 16.911 63.4639 17.7345V16.6953H65.9318V28.0092H63.4639V26.9503C62.6866 27.7739 61.5207 28.2248 60.1993 28.2248ZM60.4908 25.9699C61.9288 25.9699 62.881 25.2836 63.4639 24.3817V20.2836C62.881 19.4012 61.9094 18.7149 60.4908 18.7149C58.5282 18.7149 57.1485 20.3424 57.1485 22.3228C57.1485 24.3424 58.5088 25.9699 60.4908 25.9699ZM68.1664 27.9895H70.6343V9.96973L68.1664 12.4011V27.9895ZM74.0932 14.9894C73.1993 14.9894 72.4609 14.2443 72.4609 13.3227C72.4609 12.4207 73.1993 11.6756 74.0932 11.6756C75.0065 11.6756 75.7449 12.4207 75.7449 13.3227C75.7449 14.2443 75.0065 14.9894 74.0932 14.9894ZM72.8495 16.6953H75.3174V28.0092H72.8495V16.6953ZM82.7015 28.2248C79.3786 28.2248 77.1245 25.5385 77.1245 22.3424C77.1245 19.1463 79.3786 16.46 82.7015 16.46C84.0229 16.46 85.1888 16.911 85.9661 17.7345V16.6953H88.4339V28.0092H85.9661V26.9503C85.1888 27.7739 84.0229 28.2248 82.7015 28.2248ZM82.993 25.9699C84.4309 25.9699 85.3831 25.2836 85.9661 24.3817V20.2836C85.3831 19.4012 84.4115 18.7149 82.993 18.7149C81.0304 18.7149 79.6507 20.3424 79.6507 22.3228C79.6701 24.3424 81.0304 25.9699 82.993 25.9699ZM90.5131 27.9895H92.981V20.4993C93.4474 19.46 94.419 18.7149 95.7403 18.7149C97.3143 18.7149 98.2082 19.8522 98.2082 21.6365V27.9895H100.676V21.2248C100.676 18.3032 98.966 16.46 96.2844 16.46C94.9631 16.46 93.7583 16.9306 93.0004 17.8914V16.6953H90.5326V27.9895H90.5131ZM102.988 25.3817C103.96 27.1072 106.098 28.2837 108.682 28.2837C111.791 28.2837 113.967 26.4601 113.987 23.6562C113.987 21.264 112.568 19.8326 110.237 18.9502L108.624 18.3424C106.972 17.7345 106.195 17.2051 106.195 16.0286C106.195 14.8717 107.361 14.1659 108.701 14.1659C109.926 14.1659 110.917 14.7149 111.713 15.6561L113.521 13.8717C112.355 12.4796 110.683 11.6756 108.701 11.6756C105.748 11.6756 103.552 13.4011 103.552 16.2051C103.552 18.4012 104.776 19.7934 107.302 20.7346L109.051 21.362C110.567 21.9307 111.305 22.6758 111.305 23.813C111.305 25.0091 110.237 25.7934 108.721 25.7934C107.166 25.7934 105.845 25.0287 105.029 23.7346L102.988 25.3817ZM125.452 16.6953H122.984V24.1856C122.517 25.2444 121.565 25.9699 120.438 25.9699C118.884 25.9699 118.009 24.8326 118.009 23.0483V16.6953H115.541V23.4601C115.541 26.3817 117.251 28.2248 119.894 28.2248C121.021 28.2248 122.245 27.7739 122.984 26.8327V28.0092H125.452V16.6953ZM127.531 16.6953H129.999V17.7345C130.776 16.911 131.942 16.46 133.263 16.46C136.606 16.46 138.86 19.1463 138.86 22.3424C138.86 25.5385 136.606 28.2248 133.263 28.2248C131.942 28.2248 130.776 27.7739 129.999 26.9307V32.97H127.531V16.6953ZM132.991 25.9699C134.973 25.9699 136.334 24.3228 136.334 22.3228C136.314 20.0483 134.235 18.3228 132.039 18.8326C131.106 19.0483 130.426 19.6169 129.999 20.2836V24.3817C130.562 25.2836 131.534 25.9699 132.991 25.9699ZM152.948 27.9895H155.416V20.7346C155.902 19.5581 157.067 18.9894 158.058 18.9894C158.447 18.9894 158.797 19.0287 159.03 19.1267L159.38 16.7149C159.108 16.6561 158.7 16.5776 158.233 16.5776C156.97 16.5776 155.843 17.3424 155.416 18.2051V16.6953H152.948V27.9895ZM34.1606 21.2836L33.0141 20.9502C31.9065 20.6365 31.6733 20.1659 31.6733 19.6169C31.6733 18.9306 32.4311 18.5581 33.1696 18.5581C34.0829 18.5581 34.8018 19.009 35.3071 19.7149L36.8616 18.1855C36.0649 17.0875 34.8018 16.4796 33.2278 16.4796C30.9932 16.4796 29.2443 17.6953 29.2249 19.7149C29.2054 21.3816 30.2159 22.6365 32.1591 23.166L33.1501 23.4405C34.4909 23.8522 34.8796 24.2248 34.8796 24.8915C34.8796 25.6758 34.1411 26.0876 33.2667 26.0876C32.1202 26.0876 31.032 25.5189 30.5851 24.5189L28.9334 26.1464C29.7884 27.5386 31.4012 28.2445 33.2667 28.2445C35.5791 28.2445 37.328 26.9111 37.328 24.7346C37.2891 22.8718 36.1232 21.8718 34.1606 21.2836ZM46.0335 25.6954C45.5477 25.8915 45.1396 25.9699 44.4401 25.9699C43.3907 25.9699 42.6912 25.4405 42.6912 24.0483V18.911H46.0335V16.6953H42.6912V12.4207H40.2233V16.6953H38.0275V18.911H40.2233V24.4797C40.2233 27.0287 41.9528 28.2248 44.1292 28.2248C44.8481 28.2248 45.5088 28.0876 46.0335 27.9307V25.6954ZM148.809 24.617C148.187 25.4209 147.215 25.9699 145.855 25.9699C143.99 25.9699 142.513 24.7542 142.396 22.8914H151.199C151.218 22.5385 151.218 22.3228 151.218 22.0875C151.218 18.4404 148.751 16.4796 145.816 16.4796C142.377 16.4796 139.909 19.0875 139.967 22.4797C140.026 25.9307 142.999 28.4797 146.399 28.2248C148.284 28.0876 149.742 27.2444 150.674 25.9895L148.809 24.617ZM145.758 18.5777C147.196 18.5777 148.498 19.46 148.77 21.0875H142.532C142.863 19.4012 144.32 18.5777 145.758 18.5777Z" fill="#260046"/>
+<path d="M90.9212 3.20568C90.416 3.2449 90.3771 3.9704 90.8629 4.08805L101.861 6.6567C102.716 4.57825 102.736 2.73509 101.278 2.30371L90.9212 3.20568Z" fill="url(#paint0_linear_4932_8135)"/>
+<path d="M110.956 1.44061C111.364 1.4014 111.597 1.91121 111.306 2.20533L99.4716 13.8525C99.1218 14.2055 98.5583 13.7937 98.7526 13.3427L101.842 6.65636C102.697 4.5779 102.717 2.75435 101.259 2.30337L110.956 1.44061Z" fill="url(#paint1_linear_4932_8135)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_4932_8135" x1="94.433" y1="7.18112" x2="99.7933" y2="0.850311" gradientUnits="userSpaceOnUse">
+<stop offset="0.1155" stop-color="#EA4403"/>
+<stop offset="0.2632" stop-color="#EA4A03"/>
+<stop offset="0.4566" stop-color="#EC5A03"/>
+<stop offset="0.65" stop-color="#EE7203"/>
+<stop offset="0.7747" stop-color="#F18402"/>
+<stop offset="1" stop-color="#F8AE00"/>
+</linearGradient>
+<linearGradient id="paint1_linear_4932_8135" x1="99.2771" y1="7.19372" x2="110.903" y2="8.20173" gradientUnits="userSpaceOnUse">
+<stop offset="0.1155" stop-color="#EA4403"/>
+<stop offset="0.2356" stop-color="#EA4A03"/>
+<stop offset="0.3928" stop-color="#EC5A03"/>
+<stop offset="0.55" stop-color="#EE7203"/>
+<stop offset="0.6535" stop-color="#F18402"/>
+<stop offset="0.8604" stop-color="#F9B301"/>
+<stop offset="0.9959" stop-color="#FFD500"/>
+<stop offset="1" stop-color="#FFD500"/>
+</linearGradient>
+<clipPath id="clip0_4932_8135">
+<rect width="160" height="32.5926" fill="white" transform="translate(0 0.704102)"/>
+</clipPath>
+</defs>
+</svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flarehr/apollo-super-campaign",
-  "version": "1.43.43",
+  "version": "1.44.44",
   "description": "Flare Apollo Campaign",
   "license": "SEE LICENSE IN LICENSE.md",
   "type": "module",
@@ -48,6 +48,7 @@
     "eslint-config-prettier": "9.1.0",
     "eslint-plugin-compat": "4.2.0",
     "eslint-plugin-prettier": "5.1.2",
+    "eslint-plugin-react-hooks": "4.6.2",
     "eslint-plugin-simple-import-sort": "10.0.0",
     "eslint-plugin-typescript-compat": "1.0.2",
     "eslint-plugin-unused-imports": "3.0.0",

package/dist/index.html

@@ -1,170 +0,0 @@
-<!-- This index is for local development -->
-<!doctype html>
-<html>
-  <head>
-    <title>Apollo Super Campaign</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
-      rel="stylesheet"
-    />
-    <script type="module" crossorigin src="./apollo-super-campaign.js"></script>
-  </head>
-  <style>
-    :root {
-      --fl-color-primary: #1890ff;
-      --fl-color-primary-light: #74c0ff;
-      --fl-color-primary-dark: #006bce;
-      --fl-color-primary-disabled: #f5f5f5;
-      --fl-color-primary-hover: #40a9ff;
-      --fl-color-primary-focus: #40a9ff;
-      --fl-color-primary-text: white;
-      --fl-color-secondary: #d3d3d3;
-      --fl-color-secondary-light: #e1e1e1;
-      --fl-color-secondary-dark: #cecece;
-      --fl-color-secondary-disabled: #f5f5f5;
-      --fl-color-secondary-hover: #ebebeb;
-      --fl-color-secondary-focus: #ebebeb;
-      --fl-color-secondary-text: #262626;
-    }
-  </style>
-  <body>
-    <fieldset>
-      <legend>Settings</legend>
-      <div>
-        <input type="radio" id="campaign-radio" name="app" value="campaign" checked />
-        <label for="campaign-radio">apollo-super-campaign</label>
-        <input type="radio" data-testid="byof-radio" id="byof-radio" name="app" value="byof" />
-        <label for="byof-radio">apollo-super-byof-engagement</label>
-      </div>
-      <div style="padding-top: 1rem;">
-        <label for="fund-usi-dropdown">Choose a Fund USI (for byof-engagement only):</label>
-        <select id="fund-usi-dropdown" name="fundUsis">
-          <option value="53226460365001">Aware Super</option>
-          <option value="MTA0100AU">Spirit Super</option>
-          <option value="STA0100AU">Australian Super</option>
-          <option value="HST0100AU">Hesta</option>
-          <option value="someUsi">Random Unsupported fund</option>
-        </select>
-      </div>
-    </fieldset>
-    
-    <div style="padding-top: 3rem;">
-      <button id="campaignReturnButton" style="display: none">Return</button>
-      <div id="super-campaign">
-        <apollo-super-campaign
-          backend-url="%VITE_BACKEND_URL%"
-          access-token="%VITE_ACCESS_TOKEN%"
-        />
-      </div>
-      <div id="super-byof-engagement" style="display: none">
-        <button id="byofReturnButton" style="display: none">Return</button>
-        <apollo-super-byof-engagement
-          id="super-byof-engagement-element"
-          backend-url="%VITE_BACKEND_URL%"
-          access-token="%VITE_ACCESS_TOKEN%"
-          fund-usi="53226460365001"
-        />
-      </div>  
-    </div>
-
-    <script>
-      // Wait till DOM loaded before attempting to hook up listeners
-      document.addEventListener('DOMContentLoaded', () => {
-        // Handle the picking of apps
-        const campaignOption = document.getElementById('campaign-radio');
-        const byofOption = document.getElementById('byof-radio');
-        const campaignDiv = document.getElementById('super-campaign');
-        const byofDiv = document.getElementById('super-byof-engagement');
-
-        const handleDisplay = () => {
-            if (campaignOption.checked) {
-                campaignDiv.style.display = 'block';
-                byofDiv.style.display = 'none';
-            } else {
-                campaignDiv.style.display = 'none';
-                byofDiv.style.display = 'block';
-            }
-        }
-
-        campaignOption.addEventListener('change', handleDisplay);
-        byofOption.addEventListener('change', handleDisplay);
-
-        // Handle the fund USI dropdown for byof-engagement
-        const byofEl = document.getElementById('super-byof-engagement-element');
-        const fundUsiDropdown = document.getElementById('fund-usi-dropdown');
-
-        const handleUsiDropdown = () => {
-          const fundUsi = fundUsiDropdown.value;
-
-          byofEl.setAttribute('fund-usi', fundUsi);
-        }
-        
-        fundUsiDropdown.addEventListener('change', handleUsiDropdown);
-      });
-    </script>
-    <script>
-      // Setup button to recreate apollo-super-campaign
-      const campaignReturnButton = document.getElementById('campaignReturnButton');
-      campaignReturnButton.onclick = () => {
-        const el = document.createElement('apollo-super-campaign');
-        el.setAttribute('backend-url', '%VITE_BACKEND_URL%');
-        el.setAttribute('access-token', '%VITE_ACCESS_TOKEN%');
-        document.body.appendChild(el);
-        campaignReturnButton.style.display = 'none';
-      };
-
-      // Setup button to recreate apollo-super-byof-engagement
-      const byofReturnButton = document.getElementById('byofReturnButton');
-      byofReturnButton.onclick = () => {
-        const el = document.createElement('apollo-super-byof-engagement');
-        el.setAttribute('backend-url', '%VITE_BACKEND_URL%');
-        el.setAttribute('access-token', '%VITE_ACCESS_TOKEN%');
-        el.setAttribute('fund-usi', document.getElementById('fund-usi-dropdown').value);
-        document.body.appendChild(el);
-        byofReturnButton.style.display = 'none';
-      };
-
-      // Listen to events meant for apollo
-      const events = [
-        'choose-another-fund-requested',
-        'fund-panel-shown',
-        'fund-tile-clicked',
-        'disclaimer-viewed',
-        'disclaimer-accepted',
-        'fund-pds-viewed',
-        'promoted-fund-joined',
-        'super-campaign-loaded',
-        'super-campaign-load-failed',
-        'super-campaign-failed',
-        'continue'
-      ];
-      for (const event of events) {
-        document.addEventListener(event, (e) => {
-          console.log('apollo received', e, e.detail);
-
-          // Simulate navigating away in apollo by destroying the element
-          if (
-            e.type === 'choose-another-fund-requested' ||
-            e.type === 'promoted-fund-joined'
-          ) {
-            document.getElementsByTagName('apollo-super-campaign')[0].remove();
-            campaignReturnButton.style.display = 'block';
-          } else if (e.type === 'continue') {
-            document.getElementsByTagName('apollo-super-byof-engagement')[0].remove();
-            byofReturnButton.style.display = 'block';
-          }
-        });
-      }
-
-      // Listen for iFrame events for debugging
-      const handleMessage = async (e) => {
-        //console.log('received iframe event', e.data);
-      };
-      window.addEventListener('message', handleMessage);
-    </script>
-  </body>
-</html>