@saasquatch/mint-components 1.15.0-41 → 1.15.0-42

package/dist/cjs/{sqm-base-registration-form-view-1c5094d3.js → sqm-base-registration-form-view-8847804c.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-a29c60ef.js');
+const index = require('./index-a43a63b4.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
-const sqmTextSpanView = require('./sqm-text-span-view-ce4c0178.js');
+const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

package/dist/cjs/sqm-big-stat_42.cjs.entry.js

@@ -2,30 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-d62c5561.js');
-const index_module = require('./index.module-ee84433d.js');
+const index = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+const global = require('./global-b34bf5f2.js');
+const index_module = require('./index.module-39955732.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
-require('./useReferralCodes-82e8797b.js');
+require('./useReferralCodes-a47dcbc2.js');
 require('./mixins-4761d472.js');
-const copyTextView = require('./copy-text-view-ee147291.js');
-const reRender = require('./re-render-b324deab.js');
-const useChildElements = require('./useChildElements-1b35d945.js');
-require('./luxon-2926d85f.js');
-require('./sqm-text-span-view-ce4c0178.js');
+const copyTextView = require('./copy-text-view-af017955.js');
+const reRender = require('./re-render-28fed959.js');
+const useChildElements = require('./useChildElements-e5fa605c.js');
+require('./luxon-3b809948.js');
+require('./sqm-text-span-view-7a61ae4c.js');
 const index$1 = require('./index-8c6255f5.js');
-const useRegistrationFormState = require('./useRegistrationFormState-7b820f0c.js');
-const sqmPortalLoginView = require('./sqm-portal-login-view-0fbbda1b.js');
-const usePortalLogin = require('./usePortalLogin-63d896d1.js');
+const useRegistrationFormState = require('./useRegistrationFormState-5f44ca80.js');
+const usePortalLogin = require('./usePortalLogin-bd975a79.js');
 const AsYouType = require('./AsYouType-6788393a.js');
-const utilities = require('./utilities-78f5e169.js');
-const ShadowViewAddon = require('./ShadowViewAddon-9cb7a310.js');
-require('./sqm-portal-container-view-4f15143a.js');
-const usePayoutStatus = require('./usePayoutStatus-feeac99b.js');
+const utilities = require('./utilities-be3ce1f8.js');
+const ShadowViewAddon = require('./ShadowViewAddon-42af4b57.js');
+require('./sqm-portal-container-view-70eaf785.js');
+const usePayoutStatus = require('./usePayoutStatus-f26f0467.js');
 
 /**
  *
@@ -39,50 +38,325 @@ const usePayoutStatus = require('./usePayoutStatus-feeac99b.js');
  *
  */
 //
-const Default = `
- // No CSS
-`;
-const Netflix = `
-:root{
-    --sqm-portal-background: #101010 !important;
-      --sqm-text: white;
-
-          --sqm-accent-color-icon: #E50914;
-    }
-`;
-const Amazon = `
-:root{
-    --sqm-portal-background: #ffffff !important;
-    --sqm-text: #2f2f2f;
-    --sqm-border-color: #d5d9d9;
-
-    --sqm-accent-color-icon: #FF9900;
-}
-`;
-const Spotify = `
-:root{
-    --sqm-portal-background: #121212 !important;
-      --sqm-text: white;
-}
-`;
-const Google = `
-:root{
-    --sqm-portal-background: #ffffff !important;
-    --sqm-text: #212124;
-    --sqm-border-color: #E0E0E0;
-
-        --sqm-accent-color-icon: #4285F4;
-    
-}
-`;
+const Default = null;
+const Netflix = {
+  font: {
+    font: "Netflix Sans, Arial, sans-serif",
+    textColor: "white",
+    secondaryTextColor: "#B3B3B3",
+  },
+  border: {
+    color: "#333333",
+    radius: "4px",
+    thickness: "1px",
+  },
+  color: {
+    primaryColor: "#E50914",
+    background: "#101010",
+    accentColorShades: {
+      text: "#E50914",
+      icon: "#E50914",
+      border: "#E50914",
+      background: "#300609",
+      iconAndBadge: "#E50914",
+    },
+    success: {
+      text: "#66BB6A",
+      icon: "#4CAF50",
+      border: "#4CAF50",
+      background: "#1B5E20",
+      iconAndBadge: "#4CAF50",
+    },
+    warning: {
+      text: "#FFCA28",
+      icon: "#FFA726",
+      border: "#FFA726",
+      background: "#F57C00",
+      iconAndBadge: "#FFA726",
+    },
+    critical: {
+      text: "#EF9A9A",
+      icon: "#E50914",
+      border: "#E50914",
+      background: "#B71C1C",
+      iconAndBadge: "#E50914",
+    },
+    informative: {
+      text: "#64B5F6",
+      icon: "#42A5F5",
+      border: "#42A5F5",
+      background: "#1976D2",
+      iconAndBadge: "#42A5F5",
+    },
+    neutral: {
+      text: "white",
+      icon: "#B3B3B3",
+      border: "#333333",
+      background: "#222222",
+      iconAndBadge: "#B3B3B3",
+    },
+  },
+  primaryButton: {
+    buttonColor: "#E50914",
+    buttonTextColor: "#FFFFFF",
+    borderRadius: "4px",
+    buttonBorderColor: "transparent",
+    hoverColor: "#CC0000",
+    hoverTextColor: "#FFFFFF",
+  },
+  secondaryButton: {
+    buttonColor: "transparent",
+    buttonTextColor: "#FFFFFF",
+    buttonBorderColor: "#B3B3B3",
+    borderRadius: "4px",
+    hoverColor: "#333333",
+    hoverTextColor: "#FFFFFF",
+  },
+  tertiaryButton: {
+    buttonColor: "transparent",
+    buttonTextColor: "#FFFFFF",
+    borderRadius: "4px",
+  },
+  inputs: {
+    background: "#222222",
+    borderColor: "#B3B3B3",
+    borderRadius: "4px",
+    textColor: "white",
+    labelColor: "#B3B3B3",
+    borderThickness: "1px",
+    disabledBackground: "#333333",
+    disabledTextColor: "#777777",
+    labelFontSize: "14px",
+    focusBorderColor: "#E50914",
+    hoverBorderColor: "#777777",
+  },
+};
+const Amazon = {
+  font: {
+    font: "Amazon Ember, Arial, sans-serif",
+    textColor: "#2f2f2f",
+    secondaryTextColor: "#565959",
+  },
+  border: {
+    color: "#d5d9d9",
+    radius: "4px",
+    thickness: "1px",
+  },
+  color: {
+    primaryColor: "#FF9900",
+    background: "#ffffff",
+    accentColorShades: {
+      text: "#FF9900",
+      icon: "#FF9900",
+      border: "#FFBF66",
+      background: "#FFF4DD",
+      iconAndBadge: "#FF9900",
+    },
+    success: {
+      text: "#198754",
+      icon: "#28A745",
+      border: "#BCE8B2",
+      background: "#D4EDDA",
+      iconAndBadge: "#28A745",
+    },
+    warning: {
+      text: "#856404",
+      icon: "#FFC107",
+      border: "#FFEBA2",
+      background: "#FFF3CD",
+      iconAndBadge: "#FFC107",
+    },
+    critical: {
+      text: "#721C24",
+      icon: "#DC3545",
+      border: "#F5C6CB",
+      background: "#F8D7DA",
+      iconAndBadge: "#DC3545",
+    },
+    informative: {
+      text: "#004085",
+      icon: "#007BFF",
+      border: "#B8DAFF",
+      background: "#CCE5FF",
+      iconAndBadge: "#007BFF",
+    },
+    neutral: {
+      text: "#232F3E",
+      icon: "#565959",
+      border: "#D5D9D9",
+      background: "#F0F2F2",
+      iconAndBadge: "#565959",
+    },
+  },
+  primaryButton: {
+    buttonColor: "#FF9900",
+    buttonTextColor: "#FFFFFF",
+    borderRadius: "7px",
+    buttonBorderColor: "transparent",
+    hoverColor: "#EB9100",
+    hoverTextColor: "#FFFFFF",
+  },
+  secondaryButton: {
+    buttonColor: "#FFFFFF",
+    buttonTextColor: "#232F3E",
+    buttonBorderColor: "#888C8C",
+    borderRadius: "7px",
+    hoverColor: "#F0F2F2",
+    hoverTextColor: "#232F3E",
+  },
+  tertiaryButton: {
+    buttonColor: "transparent",
+    buttonTextColor: "#007185",
+    borderRadius: "7px",
+  },
+  inputs: {
+    background: "#FFFFFF",
+    borderColor: "#D5D9D9",
+    borderRadius: "3px",
+    textColor: "#2f2f2f",
+    labelColor: "#565959",
+    borderThickness: "1px",
+    disabledBackground: "#EAEDED",
+    disabledTextColor: "#888C8C",
+    labelFontSize: "14px",
+    focusBorderColor: "#007185",
+    hoverBorderColor: "#A2A2A2",
+  },
+};
+const Spotify = {
+  font: {
+    textColor: "white",
+  },
+  color: {
+    background: "#121212",
+    accentColorShades: {
+      iconAndBadge: "#1ed760",
+    },
+  },
+  primaryButton: {
+    buttonColor: "#1ed760",
+    buttonTextColor: "#121212",
+    borderRadius: "30px",
+    buttonBorderColor: "transparent",
+    hoverColor: "#1DB954",
+    hoverTextColor: "#121212",
+  },
+  secondaryButton: {
+    buttonColor: "#191414",
+    buttonTextColor: "#FFFFFF",
+    buttonBorderColor: "#FFFFFF",
+    borderRadius: "30px",
+    hoverColor: "#282828",
+    hoverTextColor: "#121212",
+  },
+  inputs: {
+    background: "#121212",
+    borderColor: "#7c7c7c",
+    borderThickness: "1px",
+    borderRadius: "30px",
+    textColor: "#fff",
+    focusBorderColor: "white",
+    labelColor: "white",
+    hoverBorderColor: "white",
+    labelFontSize: "18px",
+    disabledTextColor: "white",
+    disabledBackground: "#303030",
+  },
+};
+const Google = {
+  color: {
+    primaryColor: "#4285F4",
+    background: "#FFFFFF",
+    accentColorShades: {
+      text: "#1A73E8",
+      border: "#8AB4F8",
+      background: "#E8F0FE",
+      iconAndBadge: "#4285F4",
+    },
+    success: {
+      text: "#044e1d",
+      border: "#A8DCD7",
+      background: "#E6F4EA",
+      iconAndBadge: "#34A853",
+    },
+    warning: {
+      text: "#996a3d",
+      border: "#FCD667",
+      background: "#FFF7EE",
+      iconAndBadge: "#FBBC04",
+    },
+    critical: {
+      text: "#760b09",
+      border: "#F28B82",
+      background: "#FCE8E6",
+      iconAndBadge: "#EA4335",
+    },
+    informative: {
+      text: "#01368c",
+      border: "#A8DCD7",
+      background: "#E8F0FE",
+      iconAndBadge: "#4285F4",
+    },
+    neutral: {
+      text: "#202124",
+      border: "#DADCE0",
+      background: "#F8F9FA",
+      iconAndBadge: "#5F6368",
+    },
+  },
+  border: {
+    color: "#DADCE0",
+    radius: "8px",
+    thickness: "1px",
+  },
+  font: {
+    font: "Roboto, Arial, sans-serif",
+    textColor: "#212124",
+    secondaryTextColor: "#5F6368",
+  },
+  primaryButton: {
+    buttonColor: "#4285F4",
+    buttonTextColor: "#FFFFFF",
+    borderRadius: "4px",
+    buttonBorderColor: "transparent",
+    hoverColor: "#3C7CD1",
+    hoverTextColor: "#FFFFFF",
+  },
+  secondaryButton: {
+    buttonColor: "#FFFFFF",
+    buttonTextColor: "#4285F4",
+    buttonBorderColor: "#DADCE0",
+    borderRadius: "4px",
+    hoverColor: "#E8F0FE",
+    hoverTextColor: "#4285F4",
+  },
+  tertiaryButton: {
+    buttonColor: "transparent",
+    buttonTextColor: "#4285F4",
+    borderRadius: "4px",
+  },
+  inputs: {
+    background: "#FFFFFF",
+    borderColor: "#DADCE0",
+    borderThickness: "1px",
+    borderRadius: "8px",
+    textColor: "#202124",
+    focusBorderColor: "#4285F4",
+    labelColor: "#5F6368",
+    hoverBorderColor: "#9AA0A6",
+    labelFontSize: "12px",
+    disabledTextColor: "#9AA0A6",
+    disabledBackground: "#F1F3F4",
+  },
+};
 
 const Themes = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    Default: Default,
-    Netflix: Netflix,
-    Amazon: Amazon,
-    Spotify: Spotify,
-    Google: Google
+  __proto__: null,
+  Default: Default,
+  Netflix: Netflix,
+  Amazon: Amazon,
+  Spotify: Spotify,
+  Google: Google
 });
 
 const BigStat = class {
@@ -240,13 +514,12 @@ const BrandComponent = class {
   }
 };
 
+const LOCAL_STORAGE_BRAND_KEY = "localStorageBrandKey";
+const LOCAL_STORAGE_BRAND_CONFIG_KEY = "localStorageBrandConfigKey";
 const SqmBrandSelector = class {
-  // State to keep track of the currently selected brand
-  // Array of brand objects, each containing a name and an image URL.
-  // Using placeholder images for now. In a real application, you would
-  // replace these with actual logo URLs or local assets.
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.selectedBrand = "Netflix";
     this.brands = [
       {
         name: "Netflix",
@@ -265,18 +538,37 @@ const SqmBrandSelector = class {
         logoUrl: "https://res.cloudinary.com/saasquatch-staging/image/upload/v1750803168/pngimg.com_-_google_PNG19644_jvypwl.png",
       },
     ];
-    stencilHooks_module.h$1(this); // Initialize hooks for this component instance
+    const storedBrand = localStorage.getItem(LOCAL_STORAGE_BRAND_KEY);
+    const initialBrandName = storedBrand;
+    this.selectedBrand = initialBrandName;
+    // Initialize window.SquatchBrandingConfig based on the loaded brand
+    const initialConfig = Themes[initialBrandName] || Netflix;
+    window.SquatchBrandingConfig = initialConfig;
+    const event = new CustomEvent("brandingConfigUpdated", {
+      detail: window.SquatchBrandingConfig,
+    });
+    window.dispatchEvent(event);
+  }
+  componentDidLoad() {
+    const storedBrand = localStorage.getItem(LOCAL_STORAGE_BRAND_KEY);
+    const initialBrandName = storedBrand;
+    this.selectedBrand = initialBrandName;
   }
   disconnectedCallback() { }
-  // Handler function for when a brand logo is clicked
-  // private handleBrandClick = (brandName: string) => {
-  // };
+  updateBrand(brandName) {
+    this.selectedBrand = brandName;
+    const configToSet = Themes[brandName] || Netflix;
+    const brandConfigString = JSON.stringify(configToSet);
+    localStorage.setItem(LOCAL_STORAGE_BRAND_KEY, brandName);
+    localStorage.setItem(LOCAL_STORAGE_BRAND_CONFIG_KEY, brandConfigString);
+    window.SquatchBrandingConfig = configToSet;
+    window.location.reload();
+    const event = new CustomEvent("brandingConfigUpdated", {
+      detail: window.SquatchBrandingConfig,
+    });
+    window.dispatchEvent(event);
+  }
   render() {
-    const [selectedBrand, setSelectedBrand] = stencilHooks_module.useState("Default");
-    const theme = Themes[selectedBrand];
-    const handleBrandClick = (brandName) => {
-      setSelectedBrand(brandName);
-    };
     return (index.h(index.Host, null, index.h("style", null, `
           @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
 
@@ -290,13 +582,14 @@ const SqmBrandSelector = class {
             border-radius: 18px; 
             box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); 
             width: 100%;
-            max-width: 500px;
+            max-width: 350px;
             overflow: hidden;
-            padding: 20px 10px;
+            padding: 10px;
             position: absolute;
-            top: 0;
+            bottom: 0;
             right: 0;
             z-index: 999999;
+            border: 1px solid #ccc;
           }
 
           .card-heading {
@@ -325,7 +618,7 @@ const SqmBrandSelector = class {
             align-items: center;
             justify-content: center;
             flex: 1;
-            padding 4px 8px
+            padding: 4px 8px; /* Fixed spacing syntax */
             cursor: pointer;
             transition: all 300ms ease-in-out;
             border-radius: 9999px;
@@ -401,9 +694,7 @@ const SqmBrandSelector = class {
                   height: 1.8rem; /* Slightly smaller on mobile */
               }
           }
-          `), index.h("style", null, theme), index.h("div", { class: "card-container" }, index.h("h2", { class: "card-heading" }, "Select Branding"), index.h("div", { class: "segmented-control-container" }, this.brands.map((brand) => (
-    // Individual brand segment/pill
-    index.h("div", { key: brand.name, class: `brand-segment ${selectedBrand === brand.name ? "active" : ""}`, onClick: () => handleBrandClick(brand.name) }, index.h("img", { src: brand.logoUrl, alt: `${brand.name} Logo`, class: "brand-logo", onError: (e) => {
+          `), index.h("div", { class: "card-container" }, index.h("h2", { class: "card-heading" }, "Select Branding"), index.h("div", { class: "segmented-control-container" }, this.brands.map((brand) => (index.h("div", { key: brand.name, class: `brand-segment ${this.selectedBrand === brand.name ? "active" : ""}`, onClick: () => this.updateBrand(brand.name) }, index.h("img", { src: brand.logoUrl, alt: `${brand.name} Logo`, class: "brand-logo", onError: (e) => {
         e.target.src =
           "https://placehold.co/80x40/cccccc/000000?text=Logo";
       } }))))))));
@@ -3062,13 +3353,13 @@ const PortalLogin = class {
     const content = {
       forgotPasswordButton: (index.h("slot", { name: "forgotPassword" }, index.h("a", { onClick: () => index_module.jn.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
       googleButton: null,
-      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("style", null, styleString), index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.jn.push(states.registerPath) }, this.registerLabel))),
+      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("style", null, styleString), index.h("sl-button", { exportparts: "base: tertiarybutton-base", type: "text", disabled: states.loading, onClick: () => index_module.jn.push(states.registerPath) }, this.registerLabel))),
       emailLabel: this.emailLabel,
       passwordLabel: this.passwordLabel,
       submitLabel: this.submitLabel,
       pageLabel: this.pageLabel,
     };
-    return (index.h(sqmPortalLoginView.PortalLoginView, { states: states, callbacks: callbacks, content: content }));
+    return (index.h(usePortalLogin.PortalLoginView, { states: states, callbacks: callbacks, content: content }));
   }
 };
 function useLoginDemo(props) {
@@ -3224,7 +3515,7 @@ function usePortalRegister(props) {
 const PortalRegister = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.ignored = true;
+    this.ignored = false;
     /**
      * Redirect participants to this page from their verification email
      *
@@ -3668,12 +3959,6 @@ const ReferralCard = class {
      * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
      */
     this.paddingLeft = "large";
-    /**
-     * @uiName Background color
-     * @uiWidget color
-     * @uiType string
-     */
-    this.backgroundColor = "#ffffff";
     /**
      * @uiName Limit width
      * @uiType boolean

package/dist/cjs/{sqm-close-button-view-b297e933.js → sqm-close-button-view-5e85ac51.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-a29c60ef.js');
+const index = require('./index-a43a63b4.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
 

package/dist/cjs/sqm-close-button.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-ee84433d.js');
+const index = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+const index_module = require('./index.module-39955732.js');
 require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
-const sqmCloseButtonView = require('./sqm-close-button-view-b297e933.js');
+const sqmCloseButtonView = require('./sqm-close-button-view-5e85ac51.js');
 
 const CloseButton = class {
   constructor(hostRef) {

package/dist/cjs/sqm-context-router.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-ee84433d.js');
+const index$1 = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+const index_module = require('./index.module-39955732.js');
 const utils = require('./utils-6847bc06.js');
 const index = require('./index-8c6255f5.js');
 

package/dist/cjs/sqm-email-verification.cjs.entry.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-d62c5561.js');
-const index_module = require('./index.module-ee84433d.js');
+const index = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+const global = require('./global-b34bf5f2.js');
+const index_module = require('./index.module-39955732.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-ce4c0178.js');
+const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
 const keys = require('./keys-cff24974.js');
-const useVerificationEmail = require('./useVerificationEmail-95a82767.js');
+const useVerificationEmail = require('./useVerificationEmail-1496b993.js');
 
 const UpsertUserEmailMutation = index_module.dist.gql `
   mutation upsertUser($userInput: UserInput!) {

package/dist/cjs/sqm-empty_4.cjs.entry.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-d62c5561.js');
-require('./index.module-ee84433d.js');
+const index = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+const global = require('./global-b34bf5f2.js');
+require('./index.module-39955732.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-4f15143a.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-70eaf785.js');
 
 function EmptyStateView(props) {
   const { emptyStateHeader, emptyStateImage, emptyStateText, supportText, missingFeature = "", } = props;

package/dist/cjs/sqm-form-message.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
+const index = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
 
 const sqmFormMessageCss = "sl-alert::part(base){border:1px solid;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(20, 20, 20, 0.1);box-shadow:0 1px 2px rgba(20, 20, 20, 0.1)}.Error::part(base){background-color:var(--sl-color-danger-100);border-color:var(--sl-color-danger-200)}.Warning::part(base){background-color:var(--sl-color-warning-100);border-color:var(--sl-color-warning-200)}.Success::part(base){background-color:var(--sl-color-success-100);border-color:var(--sl-color-success-200)}.Info::part(base){background-color:var(--sl-color-primary-100);border-color:var(--sl-color-primary-200)}";
 

package/dist/cjs/sqm-google-sign-in.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-ee84433d.js');
+const index = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+const index_module = require('./index.module-39955732.js');
 
 function useGoogleSignIn(props) {
   const [loaded, setLoaded] = stencilHooks_module.useState(false);