@saasquatch/mint-components 1.12.0-1 → 1.12.0-2

package/dist/collection/components/sqm-widget-verification/sqm-email-verification/sqm-email-verification-view.js

@@ -15,6 +15,16 @@ const style = {
     flexDirection: "column",
     maxWidth: "320px",
   },
+  ErrorAlertContainer: {
+    "&::part(base)": {
+      backgroundColor: "var(--sl-color-red-100)",
+      borderTop: "none",
+    },
+    "&::part(message)": {
+      display: "flex",
+      flexDirection: "column",
+    },
+  },
   ContinueButton: {
     width: "100%",
     maxWidth: "100px",
@@ -63,15 +73,18 @@ export function WidgetEmailVerificationView(props) {
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),
-    states.loading ? (renderLoadingSkeleton()) : (h("div", { class: sheet.classes.Wrapper },
-      " ",
+    states.sendCodeError && (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", class: sheet.classes.ErrorAlertContainer, open: true },
+      h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
+      h("b", null, text.sendCodeErrorHeader),
+      text.sendCodeErrorDescription)),
+    states.initialLoading ? (renderLoadingSkeleton()) : (h("div", { class: sheet.classes.Wrapper },
       h(TextSpanView, { type: "p" }, text.verifyEmailHeaderText),
       h("sl-form", { "onSl-submit": callbacks.submitEmail },
         h("div", { class: sheet.classes.InputsContainer },
-          h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", label: text.emailLabel, value: states.email, type: "email", id: "email", name: "email", required: true }, (states.error
+          h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", label: text.emailLabel, value: states.email, type: "email", id: "email", name: "email", disabled: !!states.email || states.loading }, (states.error
             ? {
               class: sheet.classes.ErrorInput,
-              helpText: "Please enter a valid email",
+              helpText: text.emailValidationErrorText,
             }
             : {}))),
           h("sl-button", { submit: true, class: sheet.classes.ContinueButton, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, text.sendCodeText)))))));

package/dist/collection/components/sqm-widget-verification/sqm-email-verification/sqm-email-verification.js

@@ -15,9 +15,13 @@ export class WidgetEmailVerification {
      */
     this.verifyEmailHeaderText = "Start by verifying your email. We’ll send you a code through our referral provider, impact.com.";
     /**
-     * @uiName Verify email error text
+     * @uiName Send code to email alert header
      */
-    this.errorText = "Failed to send an email. If this continues, contact Support with impact.com";
+    this.sendCodeErrorHeader = "There was an error sending your code.";
+    /**
+     * @uiName Send code to email alert description
+     */
+    this.sendCodeErrorDescription = "Please try again. If this problem continues, contact our program support team.";
     /**
      * @uiName Email input label
      */
@@ -26,6 +30,10 @@ export class WidgetEmailVerification {
      * @uiName Send code button text
      */
     this.sendCodeText = "Send code";
+    /**
+     * @uiName Send code button text
+     */
+    this.emailValidationErrorText = "Please enter a valid email";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -62,7 +70,28 @@ export class WidgetEmailVerification {
       "reflect": false,
       "defaultValue": "\"Start by verifying your email. We\u2019ll send you a code through our referral provider, impact.com.\""
     },
-    "errorText": {
+    "sendCodeErrorHeader": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Send code to email alert header",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "send-code-error-header",
+      "reflect": false,
+      "defaultValue": "\"There was an error sending your code.\""
+    },
+    "sendCodeErrorDescription": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -74,14 +103,14 @@ export class WidgetEmailVerification {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Verify email error text",
+            "text": "Send code to email alert description",
             "name": "uiName"
           }],
         "text": ""
       },
-      "attribute": "error-text",
+      "attribute": "send-code-error-description",
       "reflect": false,
-      "defaultValue": "\"Failed to send an email. If this continues, contact Support with impact.com\""
+      "defaultValue": "\"Please try again. If this problem continues, contact our program support team.\""
     },
     "emailLabel": {
       "type": "string",
@@ -125,12 +154,33 @@ export class WidgetEmailVerification {
       "reflect": false,
       "defaultValue": "\"Send code\""
     },
+    "emailValidationErrorText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Send code button text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "email-validation-error-text",
+      "reflect": false,
+      "defaultValue": "\"Please enter a valid email\""
+    },
     "demoData": {
       "type": "unknown",
       "mutable": false,
       "complexType": {
         "original": "DemoData<WidgetEmailVerificationViewProps>",
-        "resolved": "{ states?: { error: string; loading: boolean; email: string; }; }",
+        "resolved": "{ states?: { error: boolean; initialLoading: boolean; loading: boolean; email: string; sendCodeError: boolean; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -163,6 +213,8 @@ function useDemoWidgetEmailVerification(props) {
       error: "",
       loading: false,
       email: "",
+      isEmailPrefilled: false,
+      sendCodeError: false,
     },
     callbacks: {
       submitEmail: async () => { },

package/dist/collection/components/sqm-widget-verification/sqm-email-verification/useEmailVerification.js

@@ -1,5 +1,5 @@
-import { useMutation, useParent, useUserIdentity, } from "@saasquatch/component-boilerplate";
-import { useState } from "@saasquatch/universal-hooks";
+import { useMutation, useParent, useQuery, useUserIdentity, } from "@saasquatch/component-boilerplate";
+import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import { SHOW_CODE_NAMESPACE, VERIFICATION_EMAIL_NAMESPACE } from "../keys";
 export const VerificationEmailMutation = gql `
@@ -9,10 +9,30 @@ export const VerificationEmailMutation = gql `
     }
   }
 `;
+export const UpsertUserEmailMutation = gql `
+  mutation upsertUser($userInput: UserInput!) {
+    user(userInput: $userInput) {
+      id
+      accountId
+      email
+    }
+  }
+`;
+export const UserLookupQuery = gql `
+  query user {
+    viewer {
+      ... on User {
+        id
+        accountId
+        email
+      }
+    }
+  }
+`;
 // TODO: Move to component-boilerplate
 export function useVerificationEmailMutation() {
   const user = useUserIdentity();
-  const [request, { loading, data, errors }] = useMutation(VerificationEmailMutation);
+  const [request, { loading: loading, data, errors }] = useMutation(VerificationEmailMutation);
   const sendVerificationEmailMutation = async () => {
     try {
       const result = await request({
@@ -39,22 +59,79 @@ export function useVerificationEmailMutation() {
     },
   ];
 }
+export function useUpsertUserEmail() {
+  const user = useUserIdentity();
+  const [request, { loading: loading, data, errors }] = useMutation(UpsertUserEmailMutation);
+  const upsertUserEmail = async (email) => {
+    try {
+      const result = await request({
+        user: {
+          id: user.id,
+          accountId: user.accountId,
+          email,
+        },
+      });
+      if (result instanceof Error || !result)
+        throw new Error();
+      return result;
+    }
+    catch (e) {
+      console.error("Could not set email on user", e);
+      return undefined;
+    }
+  };
+  return [
+    upsertUserEmail,
+    {
+      loading,
+      data,
+      errors,
+    },
+  ];
+}
 export function useWidgetEmailVerification(props) {
   const [_, setShowCode] = useParent(SHOW_CODE_NAMESPACE);
   const [email, setEmail] = useParent(VERIFICATION_EMAIL_NAMESPACE);
+  const [emailExists, setEmailExists] = useState(false);
   const [error, setError] = useState(false);
-  const [sendVerificationEmailMutation, { loading, data, errors }] = useVerificationEmailMutation();
+  const [mutationError, setMutationError] = useState(false);
+  const [sendVerificationEmailMutation] = useVerificationEmailMutation();
+  const [upsertUserEmail] = useUpsertUserEmail();
+  const [loading, setLoading] = useState(false);
+  const { data, loading: initialLoading } = useQuery(UserLookupQuery, {});
+  const emailRegex = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+  useEffect(() => {
+    if (!(data === null || data === void 0 ? void 0 : data.viewer))
+      return;
+    setEmailExists(!!data.viewer.email);
+  }, [data]);
   const submitEmail = async (e) => {
     e.preventDefault();
-    const formData = e.detail.formData;
-    const toAddress = formData.get("email").toString();
+    if (!(data === null || data === void 0 ? void 0 : data.viewer))
+      return;
+    setLoading(true);
+    const toAddress = data.viewer.email;
+    if (!toAddress) {
+      // If no email on the user, set one
+      const formData = e.detail.formData;
+      const newEmail = formData.get("email").toString();
+      if (!emailRegex.test(newEmail)) {
+        setError(true);
+        return;
+      }
+      const result = await upsertUserEmail(newEmail);
+      if (!result || !result.user.email)
+        setError(true);
+    }
     const result = await sendVerificationEmailMutation();
     if (!result || !result.requestUserEmailVerification.success)
-      setError(true);
+      setMutationError(true);
     else {
+      // This is used to let the code verification widget know an email was already sent
       setEmail(toAddress);
       setShowCode(true);
     }
+    setLoading(false);
   };
   return {
     callbacks: {
@@ -62,8 +139,10 @@ export function useWidgetEmailVerification(props) {
     },
     states: {
       loading,
-      error: error && props.errorText,
-      email,
+      initialLoading,
+      error,
+      email: data === null || data === void 0 ? void 0 : data.viewer.email,
+      sendCodeError: mutationError,
     },
     text: props.getTextProps(),
   };

package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.js

@@ -9,11 +9,29 @@ const style = {
     margin: "0",
     marginBottom: "var(--sl-spacing-small)",
   },
+  WarningAlertContainer: {
+    "&::part(base)": {
+      backgroundColor: "var(--sl-color-yellow-100)",
+      borderTop: "none",
+    },
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-danger-500)",
+    },
+  },
+  InfoAlertContainer: {
+    "&::part(base)": {
+      backgroundColor: "var(--sl-color-sky-100)",
+      borderTop: "none",
+    },
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-blue-500)",
+    },
+  },
 };
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 export function PayoutStatusAlertView(props) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   const { text, states } = props;
   if (states.loading) {
     return h("sl-skeleton", { class: sheet.classes.SkeletonOne });
@@ -29,7 +47,8 @@ export function PayoutStatusAlertView(props) {
           description: text.informationRequiredDescription,
           buttonText: text.verificationRequiredButtonText,
           alertType: "info",
-          icon: "exclamation-octagon",
+          icon: "info-circle",
+          class: sheet.classes.InfoAlertContainer,
         };
       case "VERIFICATION_NEEDED":
         return {
@@ -37,7 +56,8 @@ export function PayoutStatusAlertView(props) {
           description: text.verificationRequiredDescription,
           buttonText: text.verificationRequiredButtonText,
           alertType: "warning",
-          icon: "exclamation-octagon",
+          icon: "exclamation-triangle",
+          class: sheet.classes.WarningAlertContainer,
         };
       case "HOLD":
         return {
@@ -45,7 +65,8 @@ export function PayoutStatusAlertView(props) {
           description: text.holdDescription,
           buttonText: null,
           alertType: "warning",
-          icon: "exclamation-octagon",
+          icon: "exclamation-triangle",
+          class: sheet.classes.WarningAlertContainer,
         };
       default:
         return;
@@ -64,9 +85,9 @@ export function PayoutStatusAlertView(props) {
   }
   return (h("div", { part: "sqm-base" },
     h("style", { type: "text/css" }, styleString),
-    h("sqm-form-message", { style: { display: "flex", gap: "2px" }, exportparts: "base: alert-base, icon:alert-icon", type: (_a = getAlert(states.status)) === null || _a === void 0 ? void 0 : _a.alertType },
-      h("sl-icon", { slot: "icon", name: (_b = getAlert(states.status)) === null || _b === void 0 ? void 0 : _b.icon }),
-      h("strong", null, (_c = getAlert(states.status)) === null || _c === void 0 ? void 0 : _c.header),
-      h("p", { class: sheet.classes.AlertDescriptionText }, (_d = getAlert(states.status)) === null || _d === void 0 ? void 0 : _d.description),
+    h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: (_a = getAlert(states.status)) === null || _a === void 0 ? void 0 : _a.alertType, class: (_b = getAlert(states.status)) === null || _b === void 0 ? void 0 : _b.class, open: true },
+      h("sl-icon", { slot: "icon", name: (_c = getAlert(states.status)) === null || _c === void 0 ? void 0 : _c.icon }),
+      h("strong", null, (_d = getAlert(states.status)) === null || _d === void 0 ? void 0 : _d.header),
+      h("p", { class: sheet.classes.AlertDescriptionText }, (_e = getAlert(states.status)) === null || _e === void 0 ? void 0 : _e.description),
       getButton(states.status))));
 }

package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.js

@@ -7,13 +7,37 @@ import { usePayoutStatus } from "./usePayoutStatus";
 import { isDemo } from "@saasquatch/component-boilerplate";
 export class PayoutStatusAlert {
   constructor() {
+    /**
+     * @uiName Info required alert header
+     */
     this.informationRequiredHeader = "Payout and tax information required";
+    /**
+     * @uiName Info required alert description
+     */
     this.informationRequiredDescription = "Submit your banking details and tax documents to receive your rewards.";
+    /**
+     * @uiName Info required alert button text
+     */
     this.informationRequiredButtonText = "Payouts & Tax Settings";
+    /**
+     * @uiName Verification required alert header
+     */
     this.verificationRequiredHeader = "Verify your identity";
+    /**
+     * @uiName Verification required alert description
+     */
     this.verificationRequiredDescription = "Complete your verification to start receiving your cash rewards. It should only take a few minutes verify.";
+    /**
+     * @uiName Verification required alert button text
+     */
     this.verificationRequiredButtonText = "Start Verification";
+    /**
+     * @uiName Payout on hold alert header
+     */
     this.holdHeader = "Your payouts and account are on hold";
+    /**
+     * @uiName Payout on hold alert description
+     */
     this.holdDescription = "Please check your inbox for an email from our referral provider, impact.com. It contains details on how to resolve this issue. If you need further assistance, feel free to reach out to {support email}.";
     withHooks(this);
   }
@@ -41,7 +65,10 @@ export class PayoutStatusAlert {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "text": "Info required alert header",
+            "name": "uiName"
+          }],
         "text": ""
       },
       "attribute": "information-required-header",
@@ -59,7 +86,10 @@ export class PayoutStatusAlert {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "text": "Info required alert description",
+            "name": "uiName"
+          }],
         "text": ""
       },
       "attribute": "information-required-description",
@@ -77,7 +107,10 @@ export class PayoutStatusAlert {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "text": "Info required alert button text",
+            "name": "uiName"
+          }],
         "text": ""
       },
       "attribute": "information-required-button-text",
@@ -95,7 +128,10 @@ export class PayoutStatusAlert {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "text": "Verification required alert header",
+            "name": "uiName"
+          }],
         "text": ""
       },
       "attribute": "verification-required-header",
@@ -113,7 +149,10 @@ export class PayoutStatusAlert {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "text": "Verification required alert description",
+            "name": "uiName"
+          }],
         "text": ""
       },
       "attribute": "verification-required-description",
@@ -131,7 +170,10 @@ export class PayoutStatusAlert {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "text": "Verification required alert button text",
+            "name": "uiName"
+          }],
         "text": ""
       },
       "attribute": "verification-required-button-text",
@@ -149,7 +191,10 @@ export class PayoutStatusAlert {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "text": "Payout on hold alert header",
+            "name": "uiName"
+          }],
         "text": ""
       },
       "attribute": "hold-header",
@@ -167,7 +212,10 @@ export class PayoutStatusAlert {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "text": "Payout on hold alert description",
+            "name": "uiName"
+          }],
         "text": ""
       },
       "attribute": "hold-description",

package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.js

@@ -247,22 +247,6 @@ export const TaxAndCashDashboardView = (props) => {
         h("strong", null, text.error.generalTitle),
         h("br", null),
         text.error.generalDescription)),
-      states.identiyRequired && (h("div", null,
-        h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "warning", open: true, class: sheet.classes.ExpiringSoonAlertContainer },
-          h("sl-icon", { slot: "icon", name: "exclamation-triangle" }),
-          h("strong", null, text.verifyIdentityAlertHeader),
-          h("br", null),
-          text.verifyIdentityAlertMessage,
-          h("br", null),
-          h("sl-button", null, text.verifyIdentityButton)))),
-      h("sl-dialog", { 
-        // AL: todo plugin open dialog
-        label: " verify Identity iframe", class: sheet.classes.Dialog, open: states.showIdentityVerificationDialog },
-        h("div", { style: {
-            width: "420px",
-            height: "420px",
-            border: "1px dotted black",
-          } })),
       h("sl-dialog", { label: text.replaceTaxFormModalHeader, class: sheet.classes.Dialog, open: states.showNewFormDialog, "onSl-hide": callbacks.onNewFormCancel },
         h("p", null, text.replaceTaxFormModalBodyText),
         h("sl-button", { slot: "footer", type: "primary", class: sheet.classes.DialogButton, onClick: callbacks.onNewFormClick }, text.newFormButton),

package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.js

@@ -69,18 +69,6 @@ export class TaxAndCashDashboard {
      * @uiName Inactive W-8 error message description
      */
     this.taxAlertNotActiveMessageW8 = "Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new {documentType} form.";
-    /**
-     * Part of the alert displayed at the top of the page.
-     *
-     * @uiName Verify identity warning message header
-     */
-    this.verifyIdentityAlertHeader = "Verify your identity";
-    /**
-     * Part of the alert displayed at the top of the page.
-     *
-     * @uiName Verify identity warning message description
-     */
-    this.verifyIdentityAlertMessage = "Complete your verification to start receiving your cash rewards. It should only take a few minutes verify.";
     /**
      * Additional text displayed next to the tax form's status badge.
      *
@@ -281,10 +269,6 @@ export class TaxAndCashDashboard {
      * @uiName Cancel button label
      */
     this.cancelButton = "Cancel";
-    /**
-     * @uiName Verify button label
-     */
-    this.verifyIdentityButton = "Start Verification";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -531,48 +515,6 @@ export class TaxAndCashDashboard {
       "reflect": false,
       "defaultValue": "\"Your tax form may have expired or has personal information that doesn\u2019t match your profile. Please submit a new {documentType} form.\""
     },
-    "verifyIdentityAlertHeader": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Verify identity warning message header",
-            "name": "uiName"
-          }],
-        "text": "Part of the alert displayed at the top of the page."
-      },
-      "attribute": "verify-identity-alert-header",
-      "reflect": false,
-      "defaultValue": "\"Verify your identity\""
-    },
-    "verifyIdentityAlertMessage": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Verify identity warning message description",
-            "name": "uiName"
-          }],
-        "text": "Part of the alert displayed at the top of the page."
-      },
-      "attribute": "verify-identity-alert-message",
-      "reflect": false,
-      "defaultValue": "\"Complete your verification to start receiving your cash rewards. It should only take a few minutes verify.\""
-    },
     "invalidForm": {
       "type": "string",
       "mutable": false,
@@ -1488,27 +1430,6 @@ export class TaxAndCashDashboard {
       "reflect": false,
       "defaultValue": "\"Cancel\""
     },
-    "verifyIdentityButton": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Verify button label",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "verify-identity-button",
-      "reflect": false,
-      "defaultValue": "\"Start Verification\""
-    },
     "demoData": {
       "type": "unknown",
       "mutable": false,

package/dist/esm/{ShadowViewAddon-65c8679e.js → ShadowViewAddon-72e231a5.js}

@@ -1,16 +1,17 @@
 import { h, c as Host, d as getAssetPath, g as getElement } from './index-17b4da69.js';
-import { k as useState, b as browser, u as useMemo } from './stencil-hooks.module-ac12ca1c.js';
-import { i as intl } from './global-6306a9b8.js';
-import { d as dist, z as z$1, K, E as En, c as xe, n as ne, g as getEnvironmentSDK, Q } from './index.module-6c840c4e.js';
+import { f as useState, b as browser, u as useMemo } from './stencil-hooks.module-3c7f7c90.js';
+import { i as intl } from './global-adae7650.js';
+import { z as z$1, K, E as En, b as xe, n as ne, g as getEnvironmentSDK, Q } from './index.module-c0eb7dc2.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { H as HostBlock, A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f60a614c.js';
 import { c as createStyleSheet, j as jss, a as create } from './JSS-67b5cff8.js';
-import { u as useChildElements } from './useChildElements-fc84e640.js';
-import { l as luxon } from './luxon-7600be8d.js';
+import { u as useChildElements } from './useChildElements-fe94b660.js';
+import { l as luxon } from './luxon-63e24900.js';
+import { d as dist } from './index-0c7b14c5.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
 import { p as pathToRegexp } from './index-ffa26b43.js';
-import { a as isValidColor, b as isMobile } from './utilities-443732be.js';
+import { a as isValidColor, b as isMobile } from './utilities-98445452.js';
 import { a as PortalSectionView, P as PortalContainerView } from './sqm-portal-container-view-6c582684.js';
 
 const medium = {