@saasquatch/mint-components 1.15.0-8 → 1.15.0-81

package/dist/cjs/sqm-text-span-view-7a61ae4c.js

@@ -0,0 +1,63 @@
+'use strict';
+
+const index = require('./index-a43a63b4.js');
+const JSS = require('./JSS-8503a151.js');
+
+function TextSpanView(props, children) {
+  const { type, fontSize, textColor } = props;
+  const style = {
+    p: {
+      "font-size": fontSize ? `${fontSize}px` : "var(--sl-font-size-small)",
+      "font-weight": "400",
+      color: textColor || "var(--sqm-text)",
+      margin: "0",
+    },
+    subtext: {
+      "font-size": fontSize ? `${fontSize}px` : "var(--sl-font-size-x-small)",
+      "font-weight": "400",
+      color: textColor || "var(--sqm-text-subdued)",
+      margin: "0",
+    },
+    h1: {
+      "font-size": fontSize ? `${fontSize}px` : "var(--sl-font-size-xx-large)",
+      "font-weight": "600",
+      color: textColor || "var(--sqm-text)",
+      margin: "0",
+    },
+    h2: {
+      "font-size": fontSize ? `${fontSize}px` : "var(--sl-font-size-x-large)",
+      "font-weight": "600",
+      color: textColor || "var(--sqm-text)",
+      margin: "0",
+    },
+    h3: {
+      "font-size": fontSize ? `${fontSize}px` : "var(--sl-font-size-large)",
+      "font-weight": "600",
+      color: textColor || "var(--sqm-text)",
+      margin: "0",
+    },
+    h4: {
+      "font-size": fontSize ? `${fontSize}px` : "13px",
+      "font-weight": "600",
+      color: textColor || "var(--sqm-text)",
+      margin: "0",
+    },
+  };
+  const sheet = JSS.createStyleSheet(style);
+  const styleString = sheet.toString();
+  const vanillaStyle = `
+    :host {
+      word-wrap: break-word;
+    }
+    sqm-text-span {
+      display: inline;
+    }
+  `;
+  return (index.h("span", { class: sheet.classes[type], part: "sqm-base" },
+    index.h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    children));
+}
+
+exports.TextSpanView = TextSpanView;

package/dist/cjs/sqm-text-span.cjs.entry.js

@@ -2,22 +2,22 @@
 
 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 domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
 require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
+const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
 
-const Text = class {
+const TextSpan = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   componentWillLoad() { }
   render() {
-    return index.h(sqmTextSpanView.TextSpanView, { type: this.type }, this.text);
+    return (index.h(sqmTextSpanView.TextSpanView, { type: this.type, fontSize: this.fontSize, textColor: this.textColor }, this.text));
   }
 };
 
-exports.sqm_text_span = Text;
+exports.sqm_text_span = TextSpan;

package/dist/cjs/sqm-widget-verification-controller.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 domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 const keys = require('./keys-cff24974.js');
 
-const debug = stencilHooks_module.browser("sq:widget-verification");
+const debug = domContextHooks_module.browser("sq:widget-verification");
 function useTemplateChildren({ parent, callback }) {
   const parentObserver = new MutationObserver(listenForTemplateChanges);
   const childTemplateObserver = new MutationObserver(callback);
@@ -37,18 +37,26 @@ function useTemplateChildren({ parent, callback }) {
 const WidgetVerificationController = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    stencilHooks_module.h$1(this);
+    /**
+     * @componentState { "title": "Not Verified", "slot": "not-verified", "props": { "isAuth": false } }
+     * @componentState { "title": "Verified", "slot": "verified", "props": { "isAuth": true } }
+     */
+    this.stateController = "{}";
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
+    var _a;
     const [context, setContext] = index_module.In({
       namespace: keys.VERIFICATION_PARENT_NAMESPACE,
       initialValue: false,
     });
-    const [container, setContainer] = stencilHooks_module.useState(undefined);
-    const [slot, setSlot] = stencilHooks_module.useState(undefined);
+    const props = JSON.parse(this.stateController);
+    const demoIsAuth = index_module.isDemo() && ((_a = props["sqm-widget-verification-controller"]) === null || _a === void 0 ? void 0 : _a.isAuth);
+    const [container, setContainer] = domContextHooks_module.useState(undefined);
+    const [slot, setSlot] = domContextHooks_module.useState(undefined);
     const updateTemplates = index_module.useCallback(() => {
-      const isAuth = context;
+      const isAuth = demoIsAuth || context;
       const templates = slot.querySelectorAll(`template`);
       const template = Array.from(templates).find((t) => t.slot === (isAuth ? "verified" : "not-verified"));
       if (template) {
@@ -96,8 +104,8 @@ const WidgetVerificationController = class {
           target.style.height = "25px";
         });
       }
-    }, [container, slot, context]);
-    stencilHooks_module.useEffect(() => {
+    }, [container, slot, context, demoIsAuth]);
+    domContextHooks_module.useEffect(() => {
       if (!container || !slot) {
         debug("DOM not ready:");
         return;
@@ -105,7 +113,7 @@ const WidgetVerificationController = class {
       // Run on first render
       updateTemplates();
       return useTemplateChildren({ parent: slot, callback: updateTemplates });
-    }, [slot, container, context]);
+    }, [slot, container, context, demoIsAuth]);
     return (index.h(index.Host, null, index.h("div", { ref: setSlot, style: { display: "contents" } }, index.h("slot", { name: "not-verified" }), index.h("slot", { name: "verified" })), index.h("div", { ref: setContainer }, index.h("slot", { name: "shown" }))));
   }
 };

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

@@ -2,10 +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 utils = require('./utils-6847bc06.js');
+const index = require('./index-a43a63b4.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
+const cjs = require('./cjs-1066ec21.js');
+const utils = require('./utils-7cbd60cc.js');
+const parseStates = require('./parseStates-d1effc19.js');
 const extractProps = require('./extractProps-fd93ba62.js');
 const keys = require('./keys-cff24974.js');
 
@@ -36,9 +38,9 @@ function useWidgetVerification() {
     initialValue: userIdentity === null || userIdentity === void 0 ? void 0 : userIdentity.email,
   });
   const setContext = index_module.En(keys.VERIFICATION_PARENT_NAMESPACE);
-  const [loading, setLoading] = stencilHooks_module.useState(true);
+  const [loading, setLoading] = domContextHooks_module.useState(true);
   const [fetch] = index_module.Xe(USER_LOOKUP);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     const checkUser = async () => {
       var _a, _b, _c;
       try {
@@ -163,7 +165,12 @@ const WidgetVerification = class {
      * @uiGroup Code Verification Step
      */
     this.codeStep_networkErrorMessage = "An error occurred while verifying your email. Please refresh the page and try again.";
-    stencilHooks_module.h$1(this);
+    /**
+     * @componentState { "title": "Step 1: Enter email", "props": { "showCode": false }, "dependencies": ["sqm-email-verification"] }
+     * @componentState { "title": "Step 2: Enter code", "props": { "showCode": true }, "dependencies": ["sqm-code-verification"] }
+     */
+    this.stateController = "{}";
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   getStepTextProps(prefix) {
@@ -171,20 +178,20 @@ const WidgetVerification = class {
     return extractProps.extractProps(props, prefix);
   }
   render() {
-    const { showCode, onVerification, loading } = index_module.isDemo()
-      ? useDemoWidgetVerificationInternal()
+    const props = index_module.isDemo()
+      ? useDemoWidgetVerificationInternal(this)
       : useWidgetVerification();
-    if (loading)
+    if (props.loading)
       return index.h("sl-spinner", null);
     const generalText = this.getStepTextProps("general_");
     return (index.h("div", null, index.h("h3", { style: { fontSize: "24px", margin: "0" } }, generalText.verifyEmailHeader), index.h("p", { style: {
         color: "var(--sl-color-neutral-500)",
         fontSize: "var(--sl-font-size-medium)",
         margin: "0",
-      } }, generalText.verifyEmailDescription), showCode ? (index.h("sqm-code-verification", Object.assign({ onVerification: onVerification }, this.getStepTextProps("codeStep_")))) : (index.h("sqm-email-verification", Object.assign({}, this.getStepTextProps("emailStep_"))))));
+      } }, generalText.verifyEmailDescription), props.showCode ? (index.h("sqm-code-verification", Object.assign({ onVerification: props.onVerification }, this.getStepTextProps("codeStep_"), extractProps.extractProps(props, "sqm-code-verification_")))) : (index.h("sqm-email-verification", Object.assign({}, this.getStepTextProps("emailStep_"), extractProps.extractProps(props, "sqm-email-verification_"))))));
   }
 };
-function useDemoWidgetVerificationInternal() {
+function useDemoWidgetVerificationInternal(props) {
   const [showCode, setShowCode] = index_module.In({
     namespace: keys.SHOW_CODE_NAMESPACE,
     initialValue: false,
@@ -194,10 +201,14 @@ function useDemoWidgetVerificationInternal() {
     initialValue: undefined,
   });
   const setContext = index_module.En(keys.VERIFICATION_PARENT_NAMESPACE);
+  const states = parseStates.parseStates(props.stateController);
+  const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-widget-verification"
+    ? { ...prev, ...states[key] }
+    : { ...prev, [`${key}_stateController`]: states[key] }, {});
   const onVerification = () => {
     setContext(true);
   };
-  return { showCode, onVerification, loading: false };
+  return cjs.cjs({ showCode, onVerification, loading: false }, formatted || {}, { arrayMerge: (_, a) => a });
 }
 
 exports.sqm_widget_verification = WidgetVerification;

package/dist/cjs/{useChildElements-1b35d945.js → useChildElements-966c9041.js}

@@ -1,24 +1,24 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-ee84433d.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 
 function useChildElements() {
   const host = index_module._();
   const initialState = host.children.length
     ? Array.from(host.children)
     : [];
-  const [childElements, setChildElements] = stencilHooks_module.useState(initialState);
+  const [childElements, setChildElements] = domContextHooks_module.useState(initialState);
   let observer;
   // Create observer once
-  stencilHooks_module.useMemo(() => {
+  domContextHooks_module.useMemo(() => {
     observer = new MutationObserver(() => {
       const children = Array.from(host.children);
       setChildElements([...children]);
     });
   }, []);
   // Listen to host and observe / disconnect
-  stencilHooks_module.useMemo(() => {
+  domContextHooks_module.useMemo(() => {
     if (!observer)
       return;
     observer.observe(host, { childList: true });

package/dist/cjs/{useInstantAccessRegistration-0537e28e.js → useInstantAccessRegistration-08bcb487.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-ee84433d.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
-const useRegistrationFormState = require('./useRegistrationFormState-7b820f0c.js');
+const useRegistrationFormState = require('./useRegistrationFormState-bbee6e7b.js');
 
 function useInstantAccessRegistration(props) {
   const locale = index_module.L();
@@ -11,7 +11,7 @@ function useInstantAccessRegistration(props) {
   const cookies = cookie === null || cookie === void 0 ? void 0 : cookie.get("_saasquatch");
   const { registrationFormState, setRegistrationFormState } = useRegistrationFormState.useRegistrationFormState();
   const [request, { loading, errors, data }] = index_module.vn();
-  const [error, setError] = stencilHooks_module.useState("");
+  const [error, setError] = domContextHooks_module.useState("");
   const submit = async (event) => {
     var _a;
     setError("");

package/dist/cjs/{usePayoutStatus-4b5894ef.js → usePayoutStatus-3b34dab1.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-ee84433d.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 
 const TAX_FORM_UPDATED_EVENT_KEY = "sqm:tax-form-updated";
 
@@ -986,17 +986,20 @@ const GET_USER_STATUS = index_module.dist.gql `
   }
 `;
 function getStatus(data) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
   const account = (_b = (_a = data.user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.payoutsAccount;
   if (!((_d = (_c = data.user) === null || _c === void 0 ? void 0 : _c.impactConnection) === null || _d === void 0 ? void 0 : _d.connected) || !account)
     return "INFORMATION_REQUIRED";
-  if ((_e = account.holdReasons) === null || _e === void 0 ? void 0 : _e.includes("IDV_CHECK_REQUIRED"))
+  if (((_e = account.holdReasons) === null || _e === void 0 ? void 0 : _e.length) === 1 && ((_f = account.holdReasons) === null || _f === void 0 ? void 0 : _f.includes("NEW_PAYEE_REVIEW"))) {
+    return "DONE";
+  }
+  if ((_g = account.holdReasons) === null || _g === void 0 ? void 0 : _g.includes("IDV_CHECK_REQUIRED"))
     return "VERIFICATION:REQUIRED";
-  if ((_f = account.holdReasons) === null || _f === void 0 ? void 0 : _f.includes("IDV_CHECK_REQUIRED_INTERNAL"))
+  if ((_h = account.holdReasons) === null || _h === void 0 ? void 0 : _h.includes("IDV_CHECK_REQUIRED_INTERNAL"))
     return "VERIFICATION:INTERNAL";
-  if ((_g = account.holdReasons) === null || _g === void 0 ? void 0 : _g.includes("IDV_CHECK_REVIEW_INTERNAL"))
+  if ((_j = account.holdReasons) === null || _j === void 0 ? void 0 : _j.includes("IDV_CHECK_REVIEW_INTERNAL"))
     return "VERIFICATION:REVIEW";
-  if ((_h = account.holdReasons) === null || _h === void 0 ? void 0 : _h.includes("IDV_CHECK_FAILED_INTERNAL"))
+  if ((_k = account.holdReasons) === null || _k === void 0 ? void 0 : _k.includes("IDV_CHECK_FAILED_INTERNAL"))
     return "VERIFICATION:FAILED";
   if (account.hold)
     return "HOLD";
@@ -1006,14 +1009,14 @@ function usePayoutStatus(props) {
   const { type } = index_module.getEnvironmentSDK();
   const { loading, data, errors, refetch } = index_module.wn(GET_USER_STATUS, {});
   const { render, loading: veriffLoading, errors: veriffErrors, } = useVeriffApp();
-  const [status, setStatus] = stencilHooks_module.useState(undefined);
-  stencilHooks_module.useEffect(() => {
+  const [status, setStatus] = domContextHooks_module.useState(undefined);
+  domContextHooks_module.useEffect(() => {
     if (!data)
       return;
     const s = getStatus(data);
     setStatus(s);
   }, [data]);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     const cb = () => refetch();
     window.addEventListener(TAX_FORM_UPDATED_EVENT_KEY, cb);
     window.addEventListener(VERIFF_COMPLETE_EVENT_KEY, cb);

package/dist/cjs/{usePortalLogin-63d896d1.js → usePortalLogin-6aa864ef.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-ee84433d.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
-const utils = require('./utils-6847bc06.js');
+const utils = require('./utils-7cbd60cc.js');
 
 function usePortalLogin(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
   const [request, { loading, errors, data }] = index_module.je();
   const [loginWithGoogle, { loading: gLoading, errors: gErrors }] = index_module.hn();
-  const [error, setError] = stencilHooks_module.useState("");
+  const [error, setError] = domContextHooks_module.useState("");
   const urlParams = new URLSearchParams(index_module.jn.location.search);
   const nextPageOverride = urlParams.get("nextPage");
   const googleSubmit = async (e) => {

package/dist/cjs/{usePortalRegistrationForm-f25d89e7.js → usePortalRegistrationForm-75b647fe.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-ee84433d.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
-const useRegistrationFormState = require('./useRegistrationFormState-7b820f0c.js');
+const useRegistrationFormState = require('./useRegistrationFormState-bbee6e7b.js');
 const AsYouType = require('./AsYouType-6788393a.js');
 
 const RegistrationFormQuery = index_module.dist.gql `
@@ -21,13 +21,13 @@ const RegistrationFormQuery = index_module.dist.gql `
 `;
 function usePortalRegistrationForm(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-  const formRef = stencilHooks_module.useRef(null);
+  const formRef = domContextHooks_module.useRef(null);
   const locale = index_module.L();
   const { registrationFormState, setRegistrationFormState } = useRegistrationFormState.useRegistrationFormState({});
   const [request, { loading, errors, data, formError }] = index_module.Oe();
   const queryResponse = index_module.wn(RegistrationFormQuery, { key: props.formKey });
   const formLoading = loading || queryResponse.loading;
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     var _a, _b, _c;
     const initialData = (_a = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _a === void 0 ? void 0 : _a.form.initialData.initialData;
     const disabled = ((_b = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _b === void 0 ? void 0 : _b.form.initialData.isEnabled) === false;
@@ -41,7 +41,7 @@ function usePortalRegistrationForm(props) {
     };
     setRegistrationFormState(formState);
   }, [(_a = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _a === void 0 ? void 0 : _a.form.initialData]);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     if (!formRef.current)
       return;
     const form = formRef.current;

package/dist/cjs/{useReferralCodes-82e8797b.js → useReferralCodes-11cdf43b.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-ee84433d.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 
 const GET_REFERRAL_CODES = index_module.dist.gql `
   query getCodes(
@@ -99,7 +99,7 @@ function useReferralCodes(props) {
       whatsapp: { messageLink: "" },
     },
   });
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
     if ((_a = referralData === null || referralData === void 0 ? void 0 : referralData.data) === null || _a === void 0 ? void 0 : _a.length) {
       const data = referralData.data[0];

package/dist/cjs/{useReferralTable-7c3f9600.js → useReferralTable-90d4d6e9.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-ee84433d.js');
-const reRender = require('./re-render-b324deab.js');
-const useChildElements = require('./useChildElements-1b35d945.js');
+const index = require('./index-a43a63b4.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
+const reRender = require('./re-render-d516138a.js');
+const useChildElements = require('./useChildElements-966c9041.js');
 
-const debug = stencilHooks_module.browser("sq:useReferralTable");
+const debug = domContextHooks_module.browser("sq:useReferralTable");
 const CSS_NAMESPACE = "sqm-referral-table";
 const GET_REFERRER_DATA = index_module.dist.gql `
   query getReferrals(
@@ -259,7 +259,7 @@ function useReferralTable(props, emptyElement, loadingElement) {
     userId_eq: user === null || user === void 0 ? void 0 : user.id,
     accountId_eq: user === null || user === void 0 ? void 0 : user.accountId,
   };
-  const [content, setContent] = stencilHooks_module.useReducer((state, next) => ({
+  const [content, setContent] = domContextHooks_module.useReducer((state, next) => ({
     ...state,
     ...next,
   }), {
@@ -286,11 +286,11 @@ function useReferralTable(props, emptyElement, loadingElement) {
     rewardFilter,
     locale,
   }, (props.showReferrer && referrerLoading && !referrerResponse) || !(user === null || user === void 0 ? void 0 : user.jwt));
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     if (states.currentPage === 0 && showReferrerRow)
       callbacks.setLimit(props.perPage - 1);
   }, [showReferrerRow]);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     if (props.showReferrer && showReferrerRow) {
       callbacks.setLimit(props.perPage - 1);
       callbacks.setCurrentPage(0);
@@ -327,7 +327,7 @@ function useReferralTable(props, emptyElement, loadingElement) {
     // Set the content to render and finish loading components
     setContent({ columns, loading: false, page: states.currentPage });
   }
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     setContent({ loading: true });
     referralData && getComponentData(components);
   }, [referralData, components, tick]);

package/dist/cjs/{useRegistrationFormState-7b820f0c.js → useRegistrationFormState-bbee6e7b.js}

@@ -1,21 +1,21 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-ee84433d.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 
 const REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
 const REGISTRATION_FORM_STATE_CONTEXT_INTERNAL = "sq:registration-form-state-internal";
 function useRegistrationForm() {
-  const parent = stencilHooks_module.d(REGISTRATION_FORM_STATE_CONTEXT_INTERNAL);
-  const parentValue = stencilHooks_module.d(REGISTRATION_FORM_STATE_CONTEXT);
+  const parent = domContextHooks_module.d(REGISTRATION_FORM_STATE_CONTEXT_INTERNAL);
+  const parentValue = domContextHooks_module.d(REGISTRATION_FORM_STATE_CONTEXT);
   if (!parent)
     return [undefined, undefined];
   return [parentValue, parent[1]];
 }
 function useRegistrationFormState(formState) {
   const host = index_module._();
-  const [registrationFormState, setRegistrationFormState] = stencilHooks_module.y(host, REGISTRATION_FORM_STATE_CONTEXT, formState);
-  stencilHooks_module.y(host, REGISTRATION_FORM_STATE_CONTEXT_INTERNAL, [
+  const [registrationFormState, setRegistrationFormState] = domContextHooks_module.y(host, REGISTRATION_FORM_STATE_CONTEXT, formState);
+  domContextHooks_module.y(host, REGISTRATION_FORM_STATE_CONTEXT_INTERNAL, [
     registrationFormState,
     setRegistrationFormState,
   ]);

package/dist/cjs/{useVerificationEmail-95a82767.js → useVerificationEmail-9dd3997a.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-ee84433d.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 
 const UserLookupQuery = index_module.dist.gql `
   query userLookup {
@@ -59,8 +59,8 @@ const SubmitImpactCodeMutation = index_module.dist.gql `
 // ! is done before calling any mutations
 function useVerificationEmail() {
   const userIdentity = index_module.J();
-  const [verificationEmail, setVerificationEmail] = stencilHooks_module.useState(null);
-  const [hasEmails, setHasEmails] = stencilHooks_module.useState({
+  const [verificationEmail, setVerificationEmail] = domContextHooks_module.useState(null);
+  const [hasEmails, setHasEmails] = domContextHooks_module.useState({
     participant: false,
     impact: false,
   });
@@ -75,7 +75,7 @@ function useVerificationEmail() {
   const [submitImpactCode, { loading: submitImpactCodeLoading, errors: submitImpactCodeErrors },] = index_module.$e(SubmitImpactCodeMutation);
   const verifyLoading = verifyMutationLoading || submitImpactCodeLoading;
   const verifyErrors = verifyMutationErrors || submitImpactCodeErrors;
-  const [initialized, setInitialized] = stencilHooks_module.useState(false);
+  const [initialized, setInitialized] = domContextHooks_module.useState(false);
   const initialise = async () => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     try {
@@ -152,7 +152,7 @@ function useVerificationEmail() {
       return result;
     }
   };
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     if (!initialized)
       initialise();
   }, []);

package/dist/cjs/{utilities-78f5e169.js → utilities-9a0c5e91.js}

@@ -1,13 +1,13 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-ee84433d.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 
 // import { IntlMessageFormat } from 'intl-messageformat';
 function isMobile(breakPoint) {
-  const [width, setWidth] = stencilHooks_module.useState(window.innerWidth);
+  const [width, setWidth] = domContextHooks_module.useState(window.innerWidth);
   const handleWindowResize = index_module.useCallback(() => setWidth(window.innerWidth), []);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     window.addEventListener("resize", handleWindowResize);
     return () => window.removeEventListener("resize", handleWindowResize);
   }, []);

package/dist/cjs/{utils-6847bc06.js → utils-7cbd60cc.js}

@@ -39,7 +39,12 @@ function sanitizeUrlPath(path) {
   cleanUrl.hash = url.hash;
   return cleanUrl;
 }
+function capitalizeFirstLetter(word) {
+  return word[0].toUpperCase() + word.slice(1);
+}
+console.log(capitalizeFirstLetter("warning"));
 
+exports.capitalizeFirstLetter = capitalizeFirstLetter;
 exports.getMissingProps = getMissingProps;
 exports.getProps = getProps;
 exports.luxonLocale = luxonLocale;