@flarehr/apollo-super-selection 3.52.60060 → 3.55.61713

package/dist/lib/cjs/stencil-async-content.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-942e6faa.js');
+const index = require('./index-f746d8f0.js');
 
 const AsyncContent = class {
   constructor(hostRef) {

package/dist/lib/cjs/stencil-route-title.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-942e6faa.js');
-const activeRouter = require('./active-router-e92fd784.js');
+const index = require('./index-f746d8f0.js');
+const activeRouter = require('./active-router-71d965f4.js');
 
 const RouteTitle = class {
   constructor(hostRef) {

package/dist/lib/cjs/stencil-router-prompt.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-942e6faa.js');
-const activeRouter = require('./active-router-e92fd784.js');
+const index = require('./index-f746d8f0.js');
+const activeRouter = require('./active-router-71d965f4.js');
 
 const StencilRouterPrompt = class {
   constructor(hostRef) {

package/dist/lib/cjs/stencil-router-redirect.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-942e6faa.js');
-const activeRouter = require('./active-router-e92fd784.js');
+const index = require('./index-f746d8f0.js');
+const activeRouter = require('./active-router-71d965f4.js');
 
 // Get the URL for this route link without the root from the router
 const getUrl = (url, root) => {

package/dist/lib/collection/apollo-super-selection.css

@@ -0,0 +1 @@
+/*! tailwindcss v3.1.4 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,select:focus,textarea:focus{outline:2px solid #0000;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}[multiple]{background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid #0000;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:#0000;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=checkbox]:indeterminate,[type=radio]:checked:focus,[type=radio]:checked:hover{border-color:#0000;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-size:100% 100%;background-position:50%;background-repeat:no-repeat}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{border-color:#0000;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-y-0{top:0;bottom:0}.top-1\/2{top:50%}.left-1\/2{left:50%}.right-0{right:0}.top-0{top:0}.left-0{left:0}.z-10{z-index:10}.z-50{z-index:50}.z-40{z-index:40}.mx-auto{margin-left:auto;margin-right:auto}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mt-5{margin-top:1.25rem}.mt-4{margin-top:1rem}.-mt-12{margin-top:-3rem}.-mt-28{margin-top:-7rem}.mt-8{margin-top:2rem}.mt-3{margin-top:.75rem}.ml-6{margin-left:1.5rem}.mb-6{margin-bottom:1.5rem}.mt-6{margin-top:1.5rem}.mb-3{margin-bottom:.75rem}.ml-0\.5{margin-left:.125rem}.ml-0{margin-left:0}.mt-2{margin-top:.5rem}.mt-0\.5{margin-top:.125rem}.mt-0{margin-top:0}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.ml-2{margin-left:.5rem}.mt-1{margin-top:.25rem}.-mt-5{margin-top:-1.25rem}.-mr-3\.5{margin-right:-.875rem}.-mr-3{margin-right:-.75rem}.mr-0\.5{margin-right:.125rem}.mr-0{margin-right:0}.mb-2{margin-bottom:.5rem}.mr-1\.5{margin-right:.375rem}.mr-1{margin-right:.25rem}.mt-11{margin-top:2.75rem}.ml-3{margin-left:.75rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-20{height:5rem}.h-8{height:2rem}.h-16{height:4rem}.h-full{height:100%}.h-5{height:1.25rem}.max-h-60{max-height:15rem}.w-20{width:5rem}.w-8{width:2rem}.w-full{width:100%}.w-auto{width:auto}.w-5{width:1.25rem}.w-36{width:9rem}.w-screen{width:100vw}.w-1\/2{width:50%}.min-w-0{min-width:0}.max-w-560{max-width:560px}.max-w-\[200px\]{max-width:200px}.max-w-800{max-width:800px}.max-w-400{max-width:400px}.max-w-960{max-width:960px}.max-w-720{max-width:720px}.max-w-\[96px\]{max-width:96px}.max-w-\[80px\]{max-width:80px}.flex-none{flex:none}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\/2{--tw-translate-x:-50%}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.resize{resize:both}.list-outside{list-style-position:outside}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.content-center{align-content:center}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.-space-y-px>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(-1px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(-1px*var(--tw-space-y-reverse))}.-space-x-px>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-1px*var(--tw-space-x-reverse));margin-left:calc(-1px*(1 - var(--tw-space-x-reverse)))}.overflow-auto{overflow:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-none{border-radius:0}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.rounded-tr-lg{border-top-right-radius:.5rem}.rounded-tr-none{border-top-right-radius:0}.rounded-br-lg{border-bottom-right-radius:.5rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.border-b-0{border-bottom-width:0}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-transparent{border-color:#0000}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity))}.border-yellow-400{--tw-border-opacity:1;border-color:rgb(250 204 21/var(--tw-border-opacity))}.bg-primary-base{background-color:var(--fl-color-primary)}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-primary-hover{background-color:var(--fl-color-primary-hover)}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.fill-primary-base{fill:var(--fl-color-primary)}.fill-white{fill:#fff}.object-contain{-o-object-fit:contain;object-fit:contain}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-0\.5{padding:.125rem}.p-0{padding:0}.py-20{padding-top:5rem;padding-bottom:5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.py-0{padding-top:0;padding-bottom:0}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.pt-28{padding-top:7rem}.pb-6{padding-bottom:1.5rem}.pb-12{padding-bottom:3rem}.pl-4{padding-left:1rem}.pb-4{padding-bottom:1rem}.pt-6{padding-top:1.5rem}.pl-6{padding-left:1.5rem}.pb-8{padding-bottom:2rem}.pt-8{padding-top:2rem}.pl-3{padding-left:.75rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-9{padding-right:2.25rem}.pr-4{padding-right:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-inter{font-family:Inter,sans-serif}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-base{font-size:1rem;line-height:1.5rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-8{line-height:2rem}.leading-7{line-height:1.75rem}.leading-6{line-height:1.5rem}.leading-5{line-height:1.25rem}.leading-4{line-height:1rem}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity))}.text-primary-base{color:var(--fl-color-primary)}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.opacity-10{opacity:.1}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-black{--tw-ring-opacity:1;--tw-ring-color:rgb(0 0 0/var(--tw-ring-opacity))}.ring-opacity-5{--tw-ring-opacity:0.05}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invalid\:border-red-300:invalid{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity))}.invalid\:text-red-900:invalid{--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity))}.invalid\:placeholder-red-300:invalid::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(252 165 165/var(--tw-placeholder-opacity))}.invalid\:placeholder-red-300:invalid:-ms-input-placeholder{--tw-placeholder-opacity:1;color:rgb(252 165 165/var(--tw-placeholder-opacity))}.invalid\:placeholder-red-300:invalid::placeholder{--tw-placeholder-opacity:1;color:rgb(252 165 165/var(--tw-placeholder-opacity))}.hover\:bg-primary-hover:hover{background-color:var(--fl-color-primary-hover)}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.hover\:text-inherit:hover{color:inherit}.focus\:z-10:focus{z-index:10}.focus\:border-primary-base:focus{border-color:var(--fl-color-primary)}.focus\:border-primary-focus:focus{border-color:var(--fl-color-primary-focus)}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-primary-focus:focus{--tw-ring-color:var(--fl-color-primary-focus)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.invalid\:focus\:border-red-500:focus:invalid{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.invalid\:focus\:ring-red-500:focus:invalid{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:border-gray-300:disabled{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.disabled\:bg-gray-100:disabled{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.disabled\:text-gray-400:disabled{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}@media (min-width:640px){.sm\:mt-4{margin-top:1rem}.sm\:mt-12{margin-top:3rem}.sm\:mt-20{margin-top:5rem}.sm\:mb-4{margin-bottom:1rem}.sm\:mb-0{margin-bottom:0}.sm\:mr-8{margin-right:2rem}.sm\:w-auto{width:auto}.sm\:max-w-320{max-width:320px}.sm\:flex-row{flex-direction:row}.sm\:justify-start{justify-content:flex-start}.sm\:border-b-0{border-bottom-width:0}.sm\:border-r{border-right-width:1px}.sm\:p-6{padding:1.5rem}.sm\:pb-0{padding-bottom:0}.sm\:pr-8{padding-right:2rem}.sm\:pb-12{padding-bottom:3rem}.sm\:pt-12{padding-top:3rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:uppercase{text-transform:uppercase}.sm\:leading-8{line-height:2rem}}@media (min-width:768px){.md\:mt-0{margin-top:0}.md\:ml-0{margin-left:0}.md\:mb-0{margin-bottom:0}.md\:flex{display:flex}.md\:hidden{display:none}.md\:max-w-\[240px\]{max-width:240px}}@media (min-width:1024px){.lg\:-mr-5{margin-right:-1.25rem}.lg\:mt-2{margin-top:.5rem}.lg\:mt-4{margin-top:1rem}.lg\:block{display:block}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:max-w-full{max-width:100%}.lg\:max-w-none{max-width:none}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:rounded-tr-none{border-top-right-radius:0}.lg\:rounded-br-none{border-bottom-right-radius:0}.lg\:rounded-tr-lg{border-top-right-radius:.5rem}.lg\:border-b{border-bottom-width:1px}.lg\:border-b-0{border-bottom-width:0}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}}

package/dist/lib/collection/collection-manifest.json

@@ -1,9 +1,13 @@
 {
   "entries": [
+    "./components/super-selection-app/misc/button.js",
+    "./components/super-selection-app/misc/dropdown-async.js",
     "./components/super-selection-app/super-selection-app.js",
     "./components/app-host/loading-page.js",
     "./components/app-host/super-selection-app-host.js",
     "./components/super-selection-app/app-state-pages/success.js",
+    "./components/super-selection-app/consent/consent.js",
+    "./components/super-selection-app/existing-choice/existing-choice.js",
     "./components/super-selection-app/footer-section/footer-section.js",
     "./components/super-selection-app/funds/custom-fund/custom-fund.js",
     "./components/super-selection-app/funds/custom-fund/default-fund/default-fund.js",
@@ -13,15 +17,13 @@
     "./components/super-selection-app/funds/custom-fund/self-managed-fund/self-managed-fund.js",
     "./components/super-selection-app/funds/custom-fund/self-managed-fund/self-managed-not-supported.js",
     "./components/super-selection-app/funds/promoted-fund/promoted-fund-join-page.js",
-    "./components/super-selection-app/funds/promoted-fund/promoted-fund-standard-choice-page.js",
     "./components/super-selection-app/funds/slate-super/slate-join-page.js",
-    "./components/super-selection-app/funds/slate-super/slate-standard-choice-page.js",
-    "./components/super-selection-app/funds/slate-super/slatesuper-header.js",
-    "./components/super-selection-app/notifications-section/notifications-section.js",
+    "./components/super-selection-app/header-section/header-section.js",
+    "./components/super-selection-app/misc/loading-indicator.js",
     "./components/super-selection-app/standard-choice/standard-choice-form.js",
-    "./components/super-selection-app/super-choice-page/super-choice-item.js",
     "./components/super-selection-app/super-choice-page/super-choice-page.js",
-    "./components/super-selection-app/super-choice-page/selected-super-choice-section/selected-super-choice-section.js"
+    "./components/super-selection-app/super-choice-page/super-choice-item/super-choice-item-bottom.js",
+    "./components/super-selection-app/super-choice-page/super-choice-item/super-choice-item-top.js"
   ],
   "compiler": {
     "name": "@stencil/core",
@@ -29,17 +31,6 @@
     "typescriptVersion": "4.0.5"
   },
   "collections": [
-    {
-      "name": "@flarehr/beacon",
-      "tags": [
-        "fl-button",
-        "fl-dropdown",
-        "fl-dropdown-async",
-        "fl-loading-indicator",
-        "fl-promise-button",
-        "fl-style-guide"
-      ]
-    },
     {
       "name": "@stencil/router",
       "tags": [
@@ -63,30 +54,27 @@
   "bundles": [
     {
       "components": [
-        "fl-button",
-        "fl-dropdown",
-        "fl-dropdown-async",
-        "fl-loading-indicator",
-        "fl-promise-button",
+        "sss-button",
+        "sss-consent-page",
         "sss-custom-fund",
         "sss-default-fund",
+        "sss-dropdown-async",
+        "sss-existing-choice-page",
         "sss-footer-section",
+        "sss-header-section",
+        "sss-loading-indicator",
         "sss-loading-page",
         "sss-my-own-fund",
         "sss-my-own-fund-inputs",
-        "sss-notifications-section",
         "sss-promoted-fund-join-page",
-        "sss-promoted-fund-standard-choice-page",
-        "sss-selected-super-choice-section",
         "sss-self-managed-fund",
         "sss-self-managed-fund-inputs",
         "sss-slate-join-page",
-        "sss-slate-standard-choice-page",
-        "sss-slatesuper-header",
         "sss-smsf-not-supported-dialog",
         "sss-standard-choice-form",
         "sss-success",
-        "sss-super-choice-item",
+        "sss-super-choice-item-bottom",
+        "sss-super-choice-item-top",
         "sss-super-choice-page",
         "stencil-route",
         "stencil-route-link",

package/dist/lib/collection/components/app-host/loading-page.js

@@ -1,9 +1,9 @@
 import { Component, h, Host } from '@stencil/core';
 export class LoadingPage {
   render() {
-    return (h(Host, { class: "d-flex flex-column justify-content-center align-items-center flex-grow-1" },
-      h("h5", null, "Loading your superannuation step"),
-      h("fl-loading-indicator", null)));
+    return (h(Host, { class: "flex flex-col justify-center items-center" },
+      h("h5", { class: "text-lg" }, "Loading your superannuation step"),
+      h("sss-loading-indicator", null)));
   }
   static get is() { return "sss-loading-page"; }
 }

package/dist/lib/collection/components/app-host/super-selection-app-host.css

@@ -2,10 +2,6 @@ html {
   scroll-behavior: smooth;
 }
 
-img.fluid-fit {
-  object-fit: cover;
-}
-
 .sss-app-container {
   --fl-color-primary: #fdbd00;
   --fl-color-primary-light: #ffc418;

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

@@ -1,6 +1,5 @@
-import '@flarehr/beacon';
 import { ResizeObserver as ResizeObserverPolyfill } from '@juggle/resize-observer';
-import { Component, h, Host, State } from '@stencil/core';
+import { Component, getAssetPath, h, Host, State } from '@stencil/core';
 import { isNone, toUndefined } from 'fp-ts/lib/Option';
 import initHost from '../../global/init-host';
 import iframe from '../../utils/iframe';
@@ -11,9 +10,6 @@ import sessionQuery from './services/authentication.query';
 import hostInteropService from './services/interop/host-interop.service';
 import { AuthenticationState } from './services/session.store';
 export class SuperSelectionAppHost {
-  constructor() {
-    this.areStylesLoaded = false;
-  }
   async componentWillLoad() {
     await initHost();
     sessionQuery.sessionState$.subscribe((updatedState) => (this.sessionState = updatedState));
@@ -21,25 +17,18 @@ export class SuperSelectionAppHost {
     appConfigurationQuery.appConfiguration$.subscribe((updatedConfiguration) => (this.appConfiguration = updatedConfiguration));
   }
   render() {
-    if (isNone(this.appConfiguration))
-      return h("sss-loading-page", null);
-    return (h(Host, { class: "d-flex flex-fill flex-column justify-content-between" },
-      this.fetchStyles(),
-      this.areStylesLoaded && this.renderAppContent()));
-  }
-  fetchStyles() {
-    return [
-      h("link", { rel: "stylesheet", href: "https://npm-cdn.flarehr.com/@flarehr/beacon@dev/dist/beacon/beacon.css", media: "all", onLoad: () => (this.areStylesLoaded = true) })
-    ];
+    return (h(Host, null,
+      h("link", { rel: "stylesheet", href: getAssetPath('apollo-super-selection.css'), media: "all" }),
+      h("div", { ref: (el) => this.observeContentResize(el) }, isNone(this.appConfiguration) ? (h("sss-loading-page", { class: "font-inter" })) : (this.renderAppContent()))));
   }
   renderAppContent() {
     return (h("stencil-router", { root: appConfigurationService.getAppRootUrl(), class: "sss-app-container" },
       h("stencil-route-switch", { scrollTopOffset: 0 },
-        h("stencil-route", { ref: (el) => this.observeContentResize(el), url: "/", routeRender: this.renderProtectedRoute((props) => (h("super-selection-app", Object.assign({ accessToken: toUndefined(this.jwt), backendUrl: appConfigurationQuery.configuration.ApiBaseUrl, appBaseUrl: this.getAppBaseUrl(), onSuccessPageAcknowledged: this.handleSuccessPageAcknowledged, "onStep-completion": this.handleStepSubmitSuccess, onInitialised: this.handleAppInitialised }, props)))) }))));
+        h("stencil-route", { url: "/", routeRender: this.renderProtectedRoute((props) => (h("super-selection-app", Object.assign({ accessToken: toUndefined(this.jwt), backendUrl: appConfigurationQuery.configuration.ApiBaseUrl, appBaseUrl: this.getAppBaseUrl(), onSuccessPageAcknowledged: this.handleSuccessPageAcknowledged, "onStep-completion": this.handleStepSubmitSuccess, onInitialised: this.handleAppInitialised, isSelfHosted: true }, props)))) }))));
   }
   getAppBaseUrl() {
     const splits = window.location.pathname.split('app');
-    return splits[0] + "app/";
+    return splits[0] + 'app/';
   }
   handleSuccessPageAcknowledged() {
     hostInteropService.completeSuperSelectionStep();
@@ -86,7 +75,6 @@ export class SuperSelectionAppHost {
   static get states() { return {
     "sessionState": {},
     "jwt": {},
-    "appConfiguration": {},
-    "areStylesLoaded": {}
+    "appConfiguration": {}
   }; }
 }

package/dist/lib/collection/components/super-selection-app/api/super-selection.api.dto.js

@@ -1 +1,69 @@
-export {};
+import { none, some } from 'fp-ts/Option';
+function getPromotedFundUsi(dto) {
+  if ('slate' in dto) {
+    return none;
+  }
+  else if ('australianRetirementTrust' in dto) {
+    return some(dto.australianRetirementTrust.usi);
+  }
+  else if ('aware' in dto) {
+    return some(dto.aware.usi);
+  }
+  else if ('active' in dto) {
+    return some(dto.active.usi);
+  }
+  else {
+    return none;
+  }
+}
+export function getSuperChoiceUsi(dto) {
+  if ('promoted' in dto) {
+    return getPromotedFundUsi(dto.promoted);
+  }
+  else if ('myOwnFund' in dto) {
+    return some(dto.myOwnFund.usi);
+  }
+  else if ('smsf' in dto) {
+    return none;
+  }
+  else if ('default' in dto) {
+    return some(dto.default.usi);
+  }
+  else {
+    return none;
+  }
+}
+function getPromotedFundMemberNumber(dto) {
+  if ('slate' in dto) {
+    return some(dto.slate.memberNumber);
+  }
+  else if ('australianRetirementTrust' in dto) {
+    return some(dto.australianRetirementTrust.memberNumber);
+  }
+  else if ('aware' in dto) {
+    return some(dto.aware.memberNumber);
+  }
+  else if ('active' in dto) {
+    return some(dto.active.memberNumber);
+  }
+  else {
+    return none;
+  }
+}
+export function getSuperChoiceMemberNumber(dto) {
+  if ('promoted' in dto) {
+    return getPromotedFundMemberNumber(dto.promoted);
+  }
+  else if ('myOwnFund' in dto) {
+    return some(dto.myOwnFund.memberNumber);
+  }
+  else if ('smsf' in dto) {
+    return none;
+  }
+  else if ('default' in dto) {
+    return none;
+  }
+  else {
+    return none;
+  }
+}

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

@@ -1,8 +1,8 @@
 import { buildBackendApiClient } from './api-client';
 export class SuperSelectionApi {
-  async getAustralianFundsAsync(searchFilter) {
+  async getAustralianFundsAsync(searchFilter, includeInactive = false) {
     return buildBackendApiClient()
-      .url(`super-choice/australian-funds?${this.toQueryString(searchFilter)}`)
+      .url(`super-choice/australian-funds?${this.toQueryString(includeInactive, searchFilter)}`)
       .get()
       .notFound(() => {
       throw new Error('Failed to fetch the list of australian super funds.');
@@ -18,7 +18,7 @@ export class SuperSelectionApi {
     })
       .json();
   }
-  toQueryString(searchFilter) {
+  toSearchFilterQueryString(searchFilter) {
     switch (searchFilter.type) {
       case 'partialMatch':
         return `search=${searchFilter.searchString}&maxRecordCount=${searchFilter.maxRecordCount}`;
@@ -26,5 +26,11 @@ export class SuperSelectionApi {
         return `usi=${searchFilter.usi}`;
     }
   }
+  toQueryString(includeInactive, searchFilter) {
+    const search = this.toSearchFilterQueryString(searchFilter);
+    const inactive = includeInactive ? 'includeInactive=true' : '';
+    const isNotEmpty = (s) => s && s.length;
+    return [search, inactive].filter(isNotEmpty).join('&');
+  }
 }
 export default new SuperSelectionApi();

package/dist/lib/collection/components/super-selection-app/app-state-pages/success.js

@@ -2,27 +2,22 @@ import { Component, h, Host } from '@stencil/core';
 import superSelectionAppService from '../services/super-selection-app.service';
 export class Success {
   render() {
-    return (h(Host, { class: "d-flex flex-fill" },
-      h("div", { class: "container mt-5" },
-        h("div", { class: "row justify-content-center" },
-          h("div", { class: "col col-sm-9 col-md-6" },
-            h("div", { class: "bg-light rounded p-4" },
-              h("div", { class: "d-flex justify-content-center" },
-                h("div", null,
-                  h("svg", { width: "3em", height: "3em", viewBox: "0 0 16 16", class: "bi bi-check-circle-fill text-success", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" },
-                    h("path", { "fill-rule": "evenodd", d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" })))),
-              h("div", { class: "d-flex justify-content-center" },
-                h("p", { class: "mt-3 confirm-title text-center font-weight-bold px-5" }, "Successfully updated superannuation details")),
-              h("div", { class: "mt-2 text-center" },
-                h("p", { class: "confirm-text mb-0" }, "Your superannuation details have been updated successfully."),
-                h("br", null),
-                h("p", { class: "confirm-text mb-0" },
-                  "To continue with your onboarding, press ",
-                  h("strong", null, "Continue"),
-                  " below."))),
-            h("div", { class: "flex-grow-1 mt-4" },
-              h("fl-promise-button", { isBlockElement: true, onClick: this.handleContinueButtonClick },
-                h("span", null, "Continue"))))))));
+    const CheckIcon = () => {
+      return (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", class: "fill-primary-base" },
+        h("path", { d: "M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z" })));
+    };
+    return (h(Host, { class: "text-center" },
+      h("div", { class: "flex justify-center" },
+        h("div", { class: "relative" },
+          h("div", { class: "h-20 w-20 rounded-full bg-primary-base opacity-10" }),
+          h("div", { class: "h-8 w-8 absolute top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2" },
+            h(CheckIcon, null)))),
+      h("h3", { class: "text-2xl leading-8 font-bold mt-4" }, "Your super choice has been submitted"),
+      h("p", { class: "mt-4 text-center text-gray-600 leading-7 max-w-560 mx-auto" }, "Your superannuation details have been updated successfully and will be submitted to your employer."),
+      h("div", { class: "flex justify-center mt-8" },
+        h("div", { class: "max-w-[200px] w-full" },
+          h("sss-button", { fillWidth: true, onClick: this.handleContinueButtonClick },
+            h("span", null, "Continue"))))));
   }
   handleContinueButtonClick(_event) {
     superSelectionAppService.completeSuperSelectionFlow();

package/dist/lib/collection/components/super-selection-app/assets/icon-check.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#22c55e">
+  <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
+</svg>

package/dist/lib/collection/components/super-selection-app/assets/icon-exclamation.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#facc15">
+  <path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />
+</svg>

package/dist/lib/collection/components/super-selection-app/assets/icon-information-circle.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#60a5fa">
+  <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd" />
+</svg>

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

@@ -0,0 +1,57 @@
+import { Component, h, Prop } from '@stencil/core';
+import { EventTrackingService } from '../services/event-tracking.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 Consent {
+  constructor() {
+    this.promotedFunds = SuperSelectionAppService.promotedFunds;
+    this.eventTrackingService = EventTrackingService.Instance;
+  }
+  componentDidLoad() {
+    const detail = { promotedFundsShown: this.promotedFunds };
+    return this.eventTrackingService.TrackSuperFundDisclaimerViewedAsync(detail);
+  }
+  render() {
+    return (h("div", null,
+      h("div", { class: "text-2xl sm:text-3xl font-bold text-center leading-8" }, "Important information about super"),
+      h("div", { class: "sm:text-lg text-gray-600 mt-3 sm:mt-4 max-w-800 text-center leading-7 sm:leading-8" }, "The choice of superannuation fund is an important personal financial decision. Next, you\u2019ll be asked to nominate a super fund to receive your employer contributions."),
+      h("div", { class: "flex justify-center mt-8 sm:mt-12" },
+        h("div", { class: "border shadow-sm p-4 sm:p-6 max-w-560 rounded-lg" },
+          h("div", { class: "sm:text-lg font-bold leading-6" }, "By clicking \u201CContinue\u201D you acknowledge that:"),
+          h("ul", { class: "list-disc list-outside ml-6 mt-3 mb-6 space-y-2 text-sm leading-6" },
+            h("li", null, "Flare provides this paperless employee management service, and will feature superannuation funds and offer you employee benefits that you may be interested in;"),
+            h("li", null, "all content contained in the following pages does not take into account any of your objectives, financial situation or needs and does not constitute financial product advice;"),
+            h("li", null, "in featuring any superannuation funds, Flare, the technology partner you are accessing Flare via, or your employer, is not providing any opinion or recommendation (actual or implied) in relation to the suitability or appropriateness of the featured funds;"),
+            h("li", null, "if you do choose one of the featured superannuation funds, Flare and its associates will normally receive a fee for you doing so.")),
+          h("sss-button", { fillWidth: true, promiseFn: () => this.handleSuperFundDisclaimerAccepted() }, "Continue")))));
+  }
+  async handleSuperFundDisclaimerAccepted() {
+    const detail = { promotedFundsShown: this.promotedFunds };
+    await this.eventTrackingService.TrackSuperFundDisclaimerAcceptedAsync(detail);
+    navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
+  }
+  static get is() { return "sss-consent-page"; }
+  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": ""
+      }
+    }
+  }; }
+}