@flarehr/apollo-super-selection 3.52.60060 → 3.55.61713

package/dist/lib/types/components.d.ts

@@ -5,21 +5,52 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { ButtonVariant } from "./components/super-selection-app/misc/button";
 import { LocationSegments, RouterHistory } from "@stencil/router";
+import { SelectInputOption } from "./components/super-selection-app/misc/dropdown-async";
 import { MyOwnFundFormState } from "./components/super-selection-app/funds/custom-fund/custom-fund.store";
 import { SelfManagedFundForm } from "./components/super-selection-app/funds/custom-fund/self-managed-fund/self-managed-fund.form";
-import { StandardChoiceInput } from "./components/super-selection-app/standard-choice/api/standard-choice.model";
 import { VNode } from "./stencil-public-runtime";
 import { InitialisedWith } from "./components/super-selection-app/super-selection-app";
 export namespace Components {
+    interface SssButton {
+        "disabled": boolean;
+        "fillWidth": boolean;
+        "fillWidthOnMobile": boolean;
+        "promiseFn"?: () => Promise<unknown>;
+        "variant": ButtonVariant;
+    }
+    interface SssConsentPage {
+        "history": RouterHistory;
+    }
     interface SssCustomFund {
         "history": RouterHistory;
     }
     interface SssDefaultFund {
         "history": RouterHistory;
     }
+    interface SssDropdownAsync {
+        "disabled": boolean;
+        "minSearchStringLength": number;
+        "placeholder"?: string;
+        "required": boolean;
+        "requiredValidationMessage"?: string;
+        "searchFunction"?: (query: string) => Promise<SelectInputOption<unknown>[]>;
+        "showValidationErrors": boolean;
+        "value"?: SelectInputOption<unknown>;
+    }
+    interface SssExistingChoicePage {
+        "history": RouterHistory;
+    }
     interface SssFooterSection {
     }
+    interface SssHeaderSection {
+        "currentPage": 'choice' | 'own-fund';
+    }
+    interface SssLoadingIndicator {
+        "size": number;
+        "theme": 'primary' | 'light';
+    }
     interface SssLoadingPage {
     }
     interface SssMyOwnFund {
@@ -27,53 +58,38 @@ export namespace Components {
     }
     interface SssMyOwnFundInputs {
         "myOwnFundForm": MyOwnFundFormState;
-    }
-    interface SssNotificationsSection {
+        "showValidationErrors": boolean;
     }
     interface SssPromotedFundJoinPage {
         "history": RouterHistory;
     }
-    interface SssPromotedFundStandardChoicePage {
-        "history": RouterHistory;
-    }
-    interface SssSelectedSuperChoiceSection {
-        "fundName": string;
-        "fundType": string;
-    }
     interface SssSelfManagedFund {
         "history": RouterHistory;
     }
     interface SssSelfManagedFundInputs {
         "fundForm": Partial<SelfManagedFundForm>;
+        "showValidationErrors": boolean;
     }
     interface SssSlateJoinPage {
         "history": RouterHistory;
     }
-    interface SssSlateStandardChoicePage {
-        "history": RouterHistory;
-    }
-    interface SssSlatesuperHeader {
-    }
     interface SssSmsfNotSupportedDialog {
     }
     interface SssStandardChoiceForm {
+        "history": RouterHistory;
     }
     interface SssSuccess {
     }
-    interface SssSuperChoiceItem {
+    interface SssSuperChoiceItemBottom {
         "abn"?: string;
         "abnInfo"?: string;
         "disclaimer": VNode;
+    }
+    interface SssSuperChoiceItemTop {
         "featureSubText"?: string;
         "features": string;
-        "history": RouterHistory;
-        "isSelected": boolean;
         "logo": string;
         "name": string;
-        "pdsLink": string;
-        "pdsLinkText"?: string;
-        "subText"?: string;
-        "usi"?: string;
     }
     interface SssSuperChoicePage {
         "history": RouterHistory;
@@ -83,12 +99,25 @@ export namespace Components {
         "appBaseUrl"?: string;
         "backendUrl"?: string;
         "history": RouterHistory;
+        "isSelfHosted": boolean;
         "location"?: LocationSegments;
     }
     interface SuperSelectionAppHost {
     }
 }
 declare global {
+    interface HTMLSssButtonElement extends Components.SssButton, HTMLStencilElement {
+    }
+    var HTMLSssButtonElement: {
+        prototype: HTMLSssButtonElement;
+        new (): HTMLSssButtonElement;
+    };
+    interface HTMLSssConsentPageElement extends Components.SssConsentPage, HTMLStencilElement {
+    }
+    var HTMLSssConsentPageElement: {
+        prototype: HTMLSssConsentPageElement;
+        new (): HTMLSssConsentPageElement;
+    };
     interface HTMLSssCustomFundElement extends Components.SssCustomFund, HTMLStencilElement {
     }
     var HTMLSssCustomFundElement: {
@@ -101,12 +130,36 @@ declare global {
         prototype: HTMLSssDefaultFundElement;
         new (): HTMLSssDefaultFundElement;
     };
+    interface HTMLSssDropdownAsyncElement extends Components.SssDropdownAsync, HTMLStencilElement {
+    }
+    var HTMLSssDropdownAsyncElement: {
+        prototype: HTMLSssDropdownAsyncElement;
+        new (): HTMLSssDropdownAsyncElement;
+    };
+    interface HTMLSssExistingChoicePageElement extends Components.SssExistingChoicePage, HTMLStencilElement {
+    }
+    var HTMLSssExistingChoicePageElement: {
+        prototype: HTMLSssExistingChoicePageElement;
+        new (): HTMLSssExistingChoicePageElement;
+    };
     interface HTMLSssFooterSectionElement extends Components.SssFooterSection, HTMLStencilElement {
     }
     var HTMLSssFooterSectionElement: {
         prototype: HTMLSssFooterSectionElement;
         new (): HTMLSssFooterSectionElement;
     };
+    interface HTMLSssHeaderSectionElement extends Components.SssHeaderSection, HTMLStencilElement {
+    }
+    var HTMLSssHeaderSectionElement: {
+        prototype: HTMLSssHeaderSectionElement;
+        new (): HTMLSssHeaderSectionElement;
+    };
+    interface HTMLSssLoadingIndicatorElement extends Components.SssLoadingIndicator, HTMLStencilElement {
+    }
+    var HTMLSssLoadingIndicatorElement: {
+        prototype: HTMLSssLoadingIndicatorElement;
+        new (): HTMLSssLoadingIndicatorElement;
+    };
     interface HTMLSssLoadingPageElement extends Components.SssLoadingPage, HTMLStencilElement {
     }
     var HTMLSssLoadingPageElement: {
@@ -125,30 +178,12 @@ declare global {
         prototype: HTMLSssMyOwnFundInputsElement;
         new (): HTMLSssMyOwnFundInputsElement;
     };
-    interface HTMLSssNotificationsSectionElement extends Components.SssNotificationsSection, HTMLStencilElement {
-    }
-    var HTMLSssNotificationsSectionElement: {
-        prototype: HTMLSssNotificationsSectionElement;
-        new (): HTMLSssNotificationsSectionElement;
-    };
     interface HTMLSssPromotedFundJoinPageElement extends Components.SssPromotedFundJoinPage, HTMLStencilElement {
     }
     var HTMLSssPromotedFundJoinPageElement: {
         prototype: HTMLSssPromotedFundJoinPageElement;
         new (): HTMLSssPromotedFundJoinPageElement;
     };
-    interface HTMLSssPromotedFundStandardChoicePageElement extends Components.SssPromotedFundStandardChoicePage, HTMLStencilElement {
-    }
-    var HTMLSssPromotedFundStandardChoicePageElement: {
-        prototype: HTMLSssPromotedFundStandardChoicePageElement;
-        new (): HTMLSssPromotedFundStandardChoicePageElement;
-    };
-    interface HTMLSssSelectedSuperChoiceSectionElement extends Components.SssSelectedSuperChoiceSection, HTMLStencilElement {
-    }
-    var HTMLSssSelectedSuperChoiceSectionElement: {
-        prototype: HTMLSssSelectedSuperChoiceSectionElement;
-        new (): HTMLSssSelectedSuperChoiceSectionElement;
-    };
     interface HTMLSssSelfManagedFundElement extends Components.SssSelfManagedFund, HTMLStencilElement {
     }
     var HTMLSssSelfManagedFundElement: {
@@ -167,18 +202,6 @@ declare global {
         prototype: HTMLSssSlateJoinPageElement;
         new (): HTMLSssSlateJoinPageElement;
     };
-    interface HTMLSssSlateStandardChoicePageElement extends Components.SssSlateStandardChoicePage, HTMLStencilElement {
-    }
-    var HTMLSssSlateStandardChoicePageElement: {
-        prototype: HTMLSssSlateStandardChoicePageElement;
-        new (): HTMLSssSlateStandardChoicePageElement;
-    };
-    interface HTMLSssSlatesuperHeaderElement extends Components.SssSlatesuperHeader, HTMLStencilElement {
-    }
-    var HTMLSssSlatesuperHeaderElement: {
-        prototype: HTMLSssSlatesuperHeaderElement;
-        new (): HTMLSssSlatesuperHeaderElement;
-    };
     interface HTMLSssSmsfNotSupportedDialogElement extends Components.SssSmsfNotSupportedDialog, HTMLStencilElement {
     }
     var HTMLSssSmsfNotSupportedDialogElement: {
@@ -197,11 +220,17 @@ declare global {
         prototype: HTMLSssSuccessElement;
         new (): HTMLSssSuccessElement;
     };
-    interface HTMLSssSuperChoiceItemElement extends Components.SssSuperChoiceItem, HTMLStencilElement {
+    interface HTMLSssSuperChoiceItemBottomElement extends Components.SssSuperChoiceItemBottom, HTMLStencilElement {
+    }
+    var HTMLSssSuperChoiceItemBottomElement: {
+        prototype: HTMLSssSuperChoiceItemBottomElement;
+        new (): HTMLSssSuperChoiceItemBottomElement;
+    };
+    interface HTMLSssSuperChoiceItemTopElement extends Components.SssSuperChoiceItemTop, HTMLStencilElement {
     }
-    var HTMLSssSuperChoiceItemElement: {
-        prototype: HTMLSssSuperChoiceItemElement;
-        new (): HTMLSssSuperChoiceItemElement;
+    var HTMLSssSuperChoiceItemTopElement: {
+        prototype: HTMLSssSuperChoiceItemTopElement;
+        new (): HTMLSssSuperChoiceItemTopElement;
     };
     interface HTMLSssSuperChoicePageElement extends Components.SssSuperChoicePage, HTMLStencilElement {
     }
@@ -222,39 +251,72 @@ declare global {
         new (): HTMLSuperSelectionAppHostElement;
     };
     interface HTMLElementTagNameMap {
+        "sss-button": HTMLSssButtonElement;
+        "sss-consent-page": HTMLSssConsentPageElement;
         "sss-custom-fund": HTMLSssCustomFundElement;
         "sss-default-fund": HTMLSssDefaultFundElement;
+        "sss-dropdown-async": HTMLSssDropdownAsyncElement;
+        "sss-existing-choice-page": HTMLSssExistingChoicePageElement;
         "sss-footer-section": HTMLSssFooterSectionElement;
+        "sss-header-section": HTMLSssHeaderSectionElement;
+        "sss-loading-indicator": HTMLSssLoadingIndicatorElement;
         "sss-loading-page": HTMLSssLoadingPageElement;
         "sss-my-own-fund": HTMLSssMyOwnFundElement;
         "sss-my-own-fund-inputs": HTMLSssMyOwnFundInputsElement;
-        "sss-notifications-section": HTMLSssNotificationsSectionElement;
         "sss-promoted-fund-join-page": HTMLSssPromotedFundJoinPageElement;
-        "sss-promoted-fund-standard-choice-page": HTMLSssPromotedFundStandardChoicePageElement;
-        "sss-selected-super-choice-section": HTMLSssSelectedSuperChoiceSectionElement;
         "sss-self-managed-fund": HTMLSssSelfManagedFundElement;
         "sss-self-managed-fund-inputs": HTMLSssSelfManagedFundInputsElement;
         "sss-slate-join-page": HTMLSssSlateJoinPageElement;
-        "sss-slate-standard-choice-page": HTMLSssSlateStandardChoicePageElement;
-        "sss-slatesuper-header": HTMLSssSlatesuperHeaderElement;
         "sss-smsf-not-supported-dialog": HTMLSssSmsfNotSupportedDialogElement;
         "sss-standard-choice-form": HTMLSssStandardChoiceFormElement;
         "sss-success": HTMLSssSuccessElement;
-        "sss-super-choice-item": HTMLSssSuperChoiceItemElement;
+        "sss-super-choice-item-bottom": HTMLSssSuperChoiceItemBottomElement;
+        "sss-super-choice-item-top": HTMLSssSuperChoiceItemTopElement;
         "sss-super-choice-page": HTMLSssSuperChoicePageElement;
         "super-selection-app": HTMLSuperSelectionAppElement;
         "super-selection-app-host": HTMLSuperSelectionAppHostElement;
     }
 }
 declare namespace LocalJSX {
+    interface SssButton {
+        "disabled"?: boolean;
+        "fillWidth"?: boolean;
+        "fillWidthOnMobile"?: boolean;
+        "promiseFn"?: () => Promise<unknown>;
+        "variant"?: ButtonVariant;
+    }
+    interface SssConsentPage {
+        "history"?: RouterHistory;
+    }
     interface SssCustomFund {
         "history"?: RouterHistory;
     }
     interface SssDefaultFund {
         "history"?: RouterHistory;
     }
+    interface SssDropdownAsync {
+        "disabled"?: boolean;
+        "minSearchStringLength"?: number;
+        "onValueChanged"?: (event: CustomEvent<SelectInputOption<unknown>>) => void;
+        "placeholder"?: string;
+        "required"?: boolean;
+        "requiredValidationMessage"?: string;
+        "searchFunction"?: (query: string) => Promise<SelectInputOption<unknown>[]>;
+        "showValidationErrors"?: boolean;
+        "value"?: SelectInputOption<unknown>;
+    }
+    interface SssExistingChoicePage {
+        "history"?: RouterHistory;
+    }
     interface SssFooterSection {
     }
+    interface SssHeaderSection {
+        "currentPage"?: 'choice' | 'own-fund';
+    }
+    interface SssLoadingIndicator {
+        "size"?: number;
+        "theme"?: 'primary' | 'light';
+    }
     interface SssLoadingPage {
     }
     interface SssMyOwnFund {
@@ -263,57 +325,41 @@ declare namespace LocalJSX {
     interface SssMyOwnFundInputs {
         "myOwnFundForm"?: MyOwnFundFormState;
         "onFormChanged"?: (event: CustomEvent<Partial<MyOwnFundFormState>>) => void;
-    }
-    interface SssNotificationsSection {
+        "showValidationErrors"?: boolean;
     }
     interface SssPromotedFundJoinPage {
         "history"?: RouterHistory;
     }
-    interface SssPromotedFundStandardChoicePage {
-        "history"?: RouterHistory;
-    }
-    interface SssSelectedSuperChoiceSection {
-        "fundName"?: string;
-        "fundType"?: string;
-    }
     interface SssSelfManagedFund {
         "history"?: RouterHistory;
     }
     interface SssSelfManagedFundInputs {
         "fundForm"?: Partial<SelfManagedFundForm>;
         "onFormChanged"?: (event: CustomEvent<Partial<SelfManagedFundForm>>) => void;
+        "showValidationErrors"?: boolean;
     }
     interface SssSlateJoinPage {
         "history"?: RouterHistory;
     }
-    interface SssSlateStandardChoicePage {
-        "history"?: RouterHistory;
-    }
-    interface SssSlatesuperHeader {
-    }
     interface SssSmsfNotSupportedDialog {
         "onContinue"?: (event: CustomEvent<void>) => void;
     }
     interface SssStandardChoiceForm {
-        "onStandardChoiceFormSignatureUpdated"?: (event: CustomEvent<StandardChoiceInput>) => void;
+        "history"?: RouterHistory;
     }
     interface SssSuccess {
     }
-    interface SssSuperChoiceItem {
+    interface SssSuperChoiceItemBottom {
         "abn"?: string;
         "abnInfo"?: string;
         "disclaimer"?: VNode;
+        "onJoinFundClicked"?: (event: CustomEvent<void>) => void;
+    }
+    interface SssSuperChoiceItemTop {
         "featureSubText"?: string;
         "features"?: string;
-        "history"?: RouterHistory;
-        "isSelected"?: boolean;
         "logo"?: string;
         "name"?: string;
-        "onJoinFundClicked"?: (event: CustomEvent<void>) => void;
-        "pdsLink"?: string;
-        "pdsLinkText"?: string;
-        "subText"?: string;
-        "usi"?: string;
     }
     interface SssSuperChoicePage {
         "history"?: RouterHistory;
@@ -323,6 +369,7 @@ declare namespace LocalJSX {
         "appBaseUrl"?: string;
         "backendUrl"?: string;
         "history"?: RouterHistory;
+        "isSelfHosted"?: boolean;
         "location"?: LocationSegments;
         "onInitialised"?: (event: CustomEvent<InitialisedWith>) => void;
         "onStep-completion"?: (event: CustomEvent<void>) => void;
@@ -331,25 +378,27 @@ declare namespace LocalJSX {
     interface SuperSelectionAppHost {
     }
     interface IntrinsicElements {
+        "sss-button": SssButton;
+        "sss-consent-page": SssConsentPage;
         "sss-custom-fund": SssCustomFund;
         "sss-default-fund": SssDefaultFund;
+        "sss-dropdown-async": SssDropdownAsync;
+        "sss-existing-choice-page": SssExistingChoicePage;
         "sss-footer-section": SssFooterSection;
+        "sss-header-section": SssHeaderSection;
+        "sss-loading-indicator": SssLoadingIndicator;
         "sss-loading-page": SssLoadingPage;
         "sss-my-own-fund": SssMyOwnFund;
         "sss-my-own-fund-inputs": SssMyOwnFundInputs;
-        "sss-notifications-section": SssNotificationsSection;
         "sss-promoted-fund-join-page": SssPromotedFundJoinPage;
-        "sss-promoted-fund-standard-choice-page": SssPromotedFundStandardChoicePage;
-        "sss-selected-super-choice-section": SssSelectedSuperChoiceSection;
         "sss-self-managed-fund": SssSelfManagedFund;
         "sss-self-managed-fund-inputs": SssSelfManagedFundInputs;
         "sss-slate-join-page": SssSlateJoinPage;
-        "sss-slate-standard-choice-page": SssSlateStandardChoicePage;
-        "sss-slatesuper-header": SssSlatesuperHeader;
         "sss-smsf-not-supported-dialog": SssSmsfNotSupportedDialog;
         "sss-standard-choice-form": SssStandardChoiceForm;
         "sss-success": SssSuccess;
-        "sss-super-choice-item": SssSuperChoiceItem;
+        "sss-super-choice-item-bottom": SssSuperChoiceItemBottom;
+        "sss-super-choice-item-top": SssSuperChoiceItemTop;
         "sss-super-choice-page": SssSuperChoicePage;
         "super-selection-app": SuperSelectionApp;
         "super-selection-app-host": SuperSelectionAppHost;
@@ -359,25 +408,27 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            "sss-button": LocalJSX.SssButton & JSXBase.HTMLAttributes<HTMLSssButtonElement>;
+            "sss-consent-page": LocalJSX.SssConsentPage & JSXBase.HTMLAttributes<HTMLSssConsentPageElement>;
             "sss-custom-fund": LocalJSX.SssCustomFund & JSXBase.HTMLAttributes<HTMLSssCustomFundElement>;
             "sss-default-fund": LocalJSX.SssDefaultFund & JSXBase.HTMLAttributes<HTMLSssDefaultFundElement>;
+            "sss-dropdown-async": LocalJSX.SssDropdownAsync & JSXBase.HTMLAttributes<HTMLSssDropdownAsyncElement>;
+            "sss-existing-choice-page": LocalJSX.SssExistingChoicePage & JSXBase.HTMLAttributes<HTMLSssExistingChoicePageElement>;
             "sss-footer-section": LocalJSX.SssFooterSection & JSXBase.HTMLAttributes<HTMLSssFooterSectionElement>;
+            "sss-header-section": LocalJSX.SssHeaderSection & JSXBase.HTMLAttributes<HTMLSssHeaderSectionElement>;
+            "sss-loading-indicator": LocalJSX.SssLoadingIndicator & JSXBase.HTMLAttributes<HTMLSssLoadingIndicatorElement>;
             "sss-loading-page": LocalJSX.SssLoadingPage & JSXBase.HTMLAttributes<HTMLSssLoadingPageElement>;
             "sss-my-own-fund": LocalJSX.SssMyOwnFund & JSXBase.HTMLAttributes<HTMLSssMyOwnFundElement>;
             "sss-my-own-fund-inputs": LocalJSX.SssMyOwnFundInputs & JSXBase.HTMLAttributes<HTMLSssMyOwnFundInputsElement>;
-            "sss-notifications-section": LocalJSX.SssNotificationsSection & JSXBase.HTMLAttributes<HTMLSssNotificationsSectionElement>;
             "sss-promoted-fund-join-page": LocalJSX.SssPromotedFundJoinPage & JSXBase.HTMLAttributes<HTMLSssPromotedFundJoinPageElement>;
-            "sss-promoted-fund-standard-choice-page": LocalJSX.SssPromotedFundStandardChoicePage & JSXBase.HTMLAttributes<HTMLSssPromotedFundStandardChoicePageElement>;
-            "sss-selected-super-choice-section": LocalJSX.SssSelectedSuperChoiceSection & JSXBase.HTMLAttributes<HTMLSssSelectedSuperChoiceSectionElement>;
             "sss-self-managed-fund": LocalJSX.SssSelfManagedFund & JSXBase.HTMLAttributes<HTMLSssSelfManagedFundElement>;
             "sss-self-managed-fund-inputs": LocalJSX.SssSelfManagedFundInputs & JSXBase.HTMLAttributes<HTMLSssSelfManagedFundInputsElement>;
             "sss-slate-join-page": LocalJSX.SssSlateJoinPage & JSXBase.HTMLAttributes<HTMLSssSlateJoinPageElement>;
-            "sss-slate-standard-choice-page": LocalJSX.SssSlateStandardChoicePage & JSXBase.HTMLAttributes<HTMLSssSlateStandardChoicePageElement>;
-            "sss-slatesuper-header": LocalJSX.SssSlatesuperHeader & JSXBase.HTMLAttributes<HTMLSssSlatesuperHeaderElement>;
             "sss-smsf-not-supported-dialog": LocalJSX.SssSmsfNotSupportedDialog & JSXBase.HTMLAttributes<HTMLSssSmsfNotSupportedDialogElement>;
             "sss-standard-choice-form": LocalJSX.SssStandardChoiceForm & JSXBase.HTMLAttributes<HTMLSssStandardChoiceFormElement>;
             "sss-success": LocalJSX.SssSuccess & JSXBase.HTMLAttributes<HTMLSssSuccessElement>;
-            "sss-super-choice-item": LocalJSX.SssSuperChoiceItem & JSXBase.HTMLAttributes<HTMLSssSuperChoiceItemElement>;
+            "sss-super-choice-item-bottom": LocalJSX.SssSuperChoiceItemBottom & JSXBase.HTMLAttributes<HTMLSssSuperChoiceItemBottomElement>;
+            "sss-super-choice-item-top": LocalJSX.SssSuperChoiceItemTop & JSXBase.HTMLAttributes<HTMLSssSuperChoiceItemTopElement>;
             "sss-super-choice-page": LocalJSX.SssSuperChoicePage & JSXBase.HTMLAttributes<HTMLSssSuperChoicePageElement>;
             "super-selection-app": LocalJSX.SuperSelectionApp & JSXBase.HTMLAttributes<HTMLSuperSelectionAppElement>;
             "super-selection-app-host": LocalJSX.SuperSelectionAppHost & JSXBase.HTMLAttributes<HTMLSuperSelectionAppHostElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flarehr/apollo-super-selection",
-  "version": "3.52.60060",
+  "version": "3.55.61713",
   "description": "Apollo Super Selection",
   "main": "dist/lib/index.cjs.js",
   "module": "dist/lib/index.js",
@@ -14,9 +14,13 @@
     "dist/lib"
   ],
   "scripts": {
-    "build": "stencil build --ci",
-    "build:dev": "stencil build --dev --config stencil.dev.config.ts",
-    "start": "stencil build --dev --watch --serve --config stencil.dev.config.ts",
+    "build": "npm run build:tailwind && stencil build --ci",
+    "build:tailwind": "tailwindcss -i ./tailwind-source.css -o ./tailwind-generated.css --minify",
+    "build:dev": "npm run build:dev:tailwind && stencil build --dev --config stencil.dev.config.ts",
+    "build:dev:tailwind": "tailwindcss -i ./tailwind-source.css -o ./tailwind-generated.css",
+    "start": "concurrently \"npm run start:tailwind\" \"npm run start:stencil\"",
+    "start:stencil": "stencil build --dev --watch --serve --config stencil.dev.config.ts",
+    "start:tailwind": "tailwindcss -i ./tailwind-source.css -o ./tailwind-generated.css --watch",
     "start:api": "cd ../api/SuperSelection.Api && func start --build",
     "lint": "eslint src/**/*{.ts,.tsx}",
     "lint:fix": "eslint src/**/*{.ts,.tsx} --fix",
@@ -30,12 +34,14 @@
     "@stencil/eslint-plugin": "^0.3.1",
     "@stencil/sass": "1.3.x",
     "@stencil/store": "^1.3.0",
+    "@tailwindcss/forms": "^0.5.1",
     "@types/jest": "^26.0.20",
     "@types/node": "^14.14.21",
     "@types/puppeteer": "^5.4.2",
     "@types/resize-observer-browser": "^0.1.5",
     "@typescript-eslint/eslint-plugin": "^4.14.0",
     "@typescript-eslint/parser": "^4.14.0",
+    "concurrently": "^7.1.0",
     "cross-zip": "^4.0.0",
     "env-cmd": "^10.1.0",
     "eslint": "^7.18.0",
@@ -50,15 +56,14 @@
     "lint-staged": "^10.5.3",
     "prettier": "^2.2.1",
     "puppeteer": "^5.5.0",
-    "rollup-plugin-ignore": "^1.0.6"
+    "rollup-plugin-ignore": "^1.0.6",
+    "tailwindcss": "^3.1.4"
   },
   "dependencies": {
     "@datorama/akita": "^5.3.0",
-    "@flarehr/beacon": "^0.1.2",
     "@juggle/resize-observer": "^3.3.0",
     "@microsoft/applicationinsights-web": "^2.5.10",
     "@stencil/router": "1.0.1",
-    "bootstrap": "^4.5.3",
     "date-fns": "^2.16.1",
     "fp-ts": "^2.9.3",
     "jwt-decode": "^3.1.2",