@flarehr/apollo-super-selection 3.50.59382 → 3.53.61179

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{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-\[200px\]{max-width:200px}.max-w-800{max-width:800px}.max-w-560{max-width:560px}.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}.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 }, 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" }, "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 };
+    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" }, "Choosing a superannuation fund is an important life decision, take the time to consider your options carefully to get the most out of your largest workplace benefit \u2013 your super."),
+      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 promote superannuation funds and offer you employee benefits that you may be interested in;"),
+            h("li", null, "all content contained in the following pages is factual information only. It does not take into account any of your objectives, financial situation or needs and does not constitute financial product advice;"),
+            h("li", null, "in promoting any superannuation funds, Flare is not providing any opinion or recommendation (actual or implied) in relation to the suitability or appropriateness of the featured funds; and"),
+            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 };
+    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": ""
+      }
+    }
+  }; }
+}

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

@@ -0,0 +1,132 @@
+import { Component, h, Prop, State } from '@stencil/core';
+import { isSome } from 'fp-ts/Option';
+import { getFundNameById, getLogoSrc } from '../funds/constants';
+import { EventTrackingService } from '../services/event-tracking.service';
+import existingFundService from '../services/existing-super-choice-info.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 ExistingChoice {
+  constructor() {
+    this.eventTrackingService = EventTrackingService.Instance;
+    this.createSuperFundNominationDetail = (fund) => {
+      function toUndefined(opt) {
+        return isSome(opt) ? opt.value : undefined;
+      }
+      function getUsi(fund) {
+        return 'usi' in fund ? toUndefined(fund.usi) : undefined;
+      }
+      function getMemberNumber(fund) {
+        return 'memberNumber' in fund ? toUndefined(fund.memberNumber) : undefined;
+      }
+      return {
+        fundType: fund.type.toString(),
+        fundName: fund.name,
+        fundUsi: getUsi(fund),
+        memberNumber: getMemberNumber(fund),
+        fundStatus: fund.valid.toString(),
+        lastNominatedAt: isSome(fund.lastNominatedAt) ? fund.lastNominatedAt.value.toISOString() : ''
+      };
+    };
+  }
+  componentDidLoad() {
+    const detail = this.createSuperFundNominationDetail(this.existingFund);
+    this.eventTrackingService.TrackSuperFundNominationViewedAsync(detail);
+  }
+  async componentWillLoad() {
+    const chosenFundOption = await existingFundService.GetExistingFundAsync();
+    if (isSome(chosenFundOption) && chosenFundOption.value.valid !== 'Inactive') {
+      this.existingFund = chosenFundOption.value;
+    }
+    else {
+      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
+    }
+  }
+  render() {
+    const PromotedFundView = (props) => {
+      return (h("div", { class: "flex justify-center mt-6" },
+        h("img", { class: "h-16 w-auto", alt: getFundNameById(props.id), src: getLogoSrc(props.id) })));
+    };
+    const MyOwnFundView = () => {
+      return (h("div", { class: "flex h-20 justify-center items-center relative" },
+        h("div", { class: "h-20 w-20 rounded-full bg-primary-base opacity-10" }),
+        h("div", { class: "h-8 w-8 absolute " },
+          h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512", class: "fill-primary-base" },
+            h("path", { d: "M196.6 97.83C184.1 93.41 177.6 79.7 182 67.2C195.8 28.08 233.1 0 277.1 0C320.1 0 358.3 28.08 372.1 67.2C376.5 79.7 369.1 93.41 357.5 97.83C344.1 102.2 331.3 95.7 326.9 83.2C319.6 62.66 300 48 277.1 48C254.1 48 234.5 62.66 227.3 83.2C222.8 95.7 209.1 102.2 196.6 97.83H196.6zM400 264C400 250.7 410.7 240 424 240C437.3 240 448 250.7 448 264C448 277.3 437.3 288 424 288C410.7 288 400 277.3 400 264zM224 128H376.4C394 108.4 419.6 96 448 96H465.3C480.9 96 492.3 110.7 488.5 125.8L480 159.1C501.1 176.5 519.6 198.5 530.7 224H544C561.7 224 576 238.3 576 256V352C576 369.7 561.7 384 544 384H512C499.1 401.2 482.7 415.8 464 426.6V464C464 490.5 442.5 512 416 512H368C341.5 512 320 490.5 320 464V448H272V464C272 490.5 250.5 512 224 512H176C149.5 512 128 490.5 128 464V416C90.98 388.2 66.42 344.7 64.17 295.4C27.99 290.9 0 259.1 0 222.6C0 194.7 15.72 169.3 40.6 156.9L45.27 154.5C57.12 148.6 71.54 153.4 77.47 165.3C83.39 177.1 78.59 191.5 66.73 197.5L62.06 199.8C53.44 204.1 48 212.9 48 222.6C48 235.1 57.13 245.6 69.13 247.6C87.02 178.8 149.6 128 224 128V128zM224 176C162.1 176 112 226.1 112 288C112 324.6 129.5 357.1 156.8 377.6C168.9 386.7 176 400.9 176 416V464H224V448C224 421.5 245.5 400 272 400H320C346.5 400 368 421.5 368 448V464H416V426.6C416 409.5 425.1 393.6 439.1 385C453.1 377.5 464.6 367.3 473.6 355.2C482.7 343.1 496.9 336 512 336H528V271.9C510 270.9 493.1 259.9 486.7 243.2C478.9 225.4 466.6 209.1 451.2 198.4C435.7 186.8 428.8 167.1 433.4 148.3L434 146.1C425.5 148.6 418 153.5 412.2 160C403.1 170.2 390.1 176 376.4 176H224z" })))));
+    };
+    const SelfManagedFundView = () => {
+      return (h("div", { class: "flex h-20 justify-center items-center relative" },
+        h("div", { class: "h-20 w-20 rounded-full bg-primary-base opacity-10" }),
+        h("div", { class: "h-8 w-8 absolute " },
+          h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512", class: "fill-primary-base" },
+            h("path", { d: "M250.8 192h13.25v40C264 245.2 274.8 256 288 256s24.02-10.8 24.02-23.1V192h13.25c85.39 0 154.8-75.38 154.8-168c0-13.25-10.75-24-24-24H418.8c-55.26 0-103.4 31.75-130.8 79C260.7 31.75 212.5 0 157.3 0H120C106.8 0 96.01 10.75 96.01 23.1C96.01 116.6 165.4 192 250.8 192zM418.8 48h11.13c-9.876 54.75-53.01 96-104.5 96h-11.13C324.2 89.25 367.3 48 418.8 48zM157.3 48c51.51 0 94.64 41.25 104.5 96H250.7c-51.51 0-94.64-41.25-104.5-96H157.3zM551.1 312c-31.13-26.38-69.26-16.12-88.39-1.75l-60.38 45.5h-3.375c-.1251-38-30.5-67.88-69.13-67.88H186.7c-28.38 0-56.38 9.375-78.51 26.37L79.76 336H24C10.8 336 0 346.8 0 359.1S10.8 384 24 384l72-.0244l41.26-31.48C151.3 341.8 168.8 336 186.8 336h144c27.88 0 29 40.25-1.125 40.25h-59.88c-7.501 0-13.75 6.125-13.75 13.75c0 7.625 6.251 13.87 13.75 13.87h134.6c9.711 0 19.16-3.159 26.92-9l61.26-46.12c8.251-6.125 20.5-6.625 28.38 0c10.13 8.5 9.376 23.12-.8751 30.75l-100.6 75.5C411.7 460.8 402.3 464 392.6 464H24C10.8 464 0 474.8 0 487.1S10.8 512 24 512h368.8c20 0 39.38-6.5 55.26-18.5l100.8-75.88c16.63-12.5 26.5-31.5 27.13-52C576.7 345.1 567.8 325.5 551.1 312z" })))));
+    };
+    const DefaultFundView = () => {
+      return (h("div", { class: "flex h-20 justify-center items-center relative" },
+        h("div", { class: "h-20 w-20 rounded-full bg-primary-base opacity-10" }),
+        h("div", { class: "h-8 w-8 absolute " },
+          h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", class: "fill-primary-base" },
+            h("path", { d: "M448 96h-64V64c0-35.35-28.65-64-64-64H192C156.7 0 128 28.65 128 64v32H64C28.65 96 0 124.7 0 160v256c0 35.35 28.65 64 64 64h384c35.35 0 64-28.65 64-64V160C512 124.7 483.3 96 448 96zM192 48h128c8.837 0 16 7.163 16 16v32h-160V64C176 55.16 183.2 48 192 48zM64 144h384c8.8 0 16 7.2 16 16v96h-416V160C48 151.2 55.2 144 64 144zM448 432H64c-8.8 0-16-7.2-16-16V304H192V320c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32V304h144V416C464 424.8 456.8 432 448 432z" })))));
+    };
+    return (h("div", null,
+      h("div", { class: "text-2xl sm:text-3xl font-bold text-center" }, "Your super choice"),
+      h("div", { class: "sm:text-lg text-gray-600 mt-3 sm:mt-4 max-w-800 text-center leading-7" }, "Continue with your chosen fund or choose another fund below."),
+      h("div", { class: "flex justify-center mt-8 sm:mt-12" },
+        h("div", { class: "max-w-400 w-full" },
+          h("div", { class: "flex-col border shadow-sm p-6 rounded-lg text-center space-y-4" },
+            (() => {
+              switch (this.existingFund.type) {
+                case 'Promoted Fund':
+                  return h(PromotedFundView, { id: this.existingFund.id });
+                case 'Self Managed Fund':
+                  return h(SelfManagedFundView, null);
+                case 'My Own Fund':
+                  return h(MyOwnFundView, null);
+                case 'Default Fund':
+                  return h(DefaultFundView, null);
+              }
+            })(),
+            h("div", { class: "sm:text-lg font-bold leading-6" }, this.existingFund.name),
+            h("div", { class: "mt-8" },
+              h("sss-button", { fillWidth: true, promiseFn: () => this.handleFundNominationAccepted() }, "Continue with this fund"))),
+          h("div", { class: "mt-4" },
+            h("sss-button", { fillWidth: true, variant: "secondary", promiseFn: () => this.handleFundNominationDeclined() }, "Choose another fund"))))));
+  }
+  async handleFundNominationAccepted() {
+    const detail = this.createSuperFundNominationDetail(this.existingFund);
+    await existingFundService.submitRetainSuperFundAsync(detail);
+    superSelectionAppService.markSuperSelectionAsSubmitted();
+    navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.Success);
+  }
+  async handleFundNominationDeclined() {
+    const detail = this.createSuperFundNominationDetail(this.existingFund);
+    await this.eventTrackingService.TrackSuperFundNominationDeclinedAsync(detail);
+    navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
+  }
+  static get is() { return "sss-existing-choice-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": ""
+      }
+    }
+  }; }
+  static get states() { return {
+    "existingFund": {}
+  }; }
+}

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

@@ -2,24 +2,12 @@ import { Component, h } from '@stencil/core';
 import { AppVersion } from '../../../utils';
 export class FooterSection {
   render() {
-    return (h("div", { class: "container mb-sm-0" },
-      h("div", { class: "row justify-content-center pt-3 mt-3 mb-3 border-top" },
-        h("div", { class: "text-decoration-none" },
-          h("p", { class: "mt-3 small text-center mb-1 text-muted" }, "Powered by Flare"))),
-      h("div", { class: "row justify-content-center pb-sm-0 px-3 px-sm-0 text-center" },
-        h("p", { class: "text-muted small" }, "This page contains factual information only and does not take into account your particular objectives, financial circumstances or needs. If you have questions or need help making a decision about your super fund, you should speak to a licensed financial advice provider. You should consider the relevant super fund's PDS and TMD (if applicable) in deciding whether to apply to join the super fund. Each of the advertised fund's PDS and TMD (if applicable) can be found in their advertisements above. If you are considering joining another fund you can find the PDS and TMD on the fund's website. Your employer and Flare do not endorse or accept responsibility for any financial product advice or services provided by the promoters or trustees of the advertised superannuation funds. Flare do not endorse or accept responsibility for any of their content shown about any of the advertised superannuation funds as they are merely passing on the content as provided without any changes. Flare do not express any opinion or make any recommendation about any of the advertised funds.")),
-      h("div", { class: "row justify-content-end my-1 px-3 px-sm-0" }, this.appVersionBadge())));
-  }
-  appVersionBadge() {
-    return (h("small", { style: { opacity: '0.5' }, class: "text-muted" },
-      "Powered by Flare, v",
-      AppVersion));
+    return (h("div", { class: "text-center text-gray-500 text-xs mt-8 sm:mt-20 w-full max-w-960 mx-auto" },
+      h("span", null, "Powered by Flare"),
+      h("p", { class: "block text-white hover:text-inherit" },
+        "v",
+        AppVersion),
+      h("p", { class: "mt-4" }, "This page contains factual information only and does not take into account your particular objectives, financial circumstances or needs. If you have questions or need help making a decision about your super fund, you should speak to a licensed financial advice provider. You should consider the relevant super fund's PDS and TMD (if applicable) in deciding whether to apply to join the super fund. Each of the advertised fund's PDS and TMD (if applicable) can be found in their advertisements above. If you are considering joining another fund you can find the PDS and TMD on the fund's website. Your employer and Flare do not endorse or accept responsibility for any financial product advice or services provided by the promoters or trustees of the advertised superannuation funds. Flare do not endorse or accept responsibility for any of their content shown about any of the advertised superannuation funds as they are merely passing on the content as provided without any changes. Flare do not express any opinion or make any recommendation about any of the advertised funds.")));
   }
   static get is() { return "sss-footer-section"; }
-  static get originalStyleUrls() { return {
-    "$": ["footer-section.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["footer-section.css"]
-  }; }
 }