@saasquatch/mint-components 1.12.0-6 → 1.12.0-8

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

@@ -3,24 +3,23 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-a5a04d8a.js');
-const global = require('./global-e4ebdbcc.js');
-const index_module = require('./index.module-236d0403.js');
+const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
+const global = require('./global-c3637175.js');
+const index_module = require('./index.module-b8d9d0ba.js');
+const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
-const reRender = require('./re-render-5de6631a.js');
-const useChildElements = require('./useChildElements-23beb180.js');
-require('./luxon-20eafbd9.js');
-const index$1 = require('./index-56d1fa5b.js');
+const reRender = require('./re-render-5bde3d2e.js');
+const useChildElements = require('./useChildElements-410d2435.js');
+require('./luxon-05098e19.js');
 const utils = require('./utils-6847bc06.js');
 require('./sqm-text-span-view-e1cd9bd3.js');
-const index$2 = require('./index-8c6255f5.js');
-const jsonpointer = require('./jsonpointer-11327262.js');
-const useRegistrationFormState = require('./useRegistrationFormState-e7e820d0.js');
-const utilities = require('./utilities-ac5b5f2c.js');
+const index$1 = require('./index-8c6255f5.js');
+const useRegistrationFormState = require('./useRegistrationFormState-f9ce55be.js');
+const utilities = require('./utilities-f7de6c04.js');
 const AsYouType = require('./AsYouType-6788393a.js');
-const ShadowViewAddon = require('./ShadowViewAddon-13173901.js');
+const ShadowViewAddon = require('./ShadowViewAddon-040cffad.js');
 require('./sqm-portal-container-view-990a85a3.js');
 
 const BigStat = class {
@@ -34,7 +33,7 @@ const BigStat = class {
      */
     this.flexReverse = false;
     this.ignored = true;
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -63,7 +62,7 @@ function buildFontsCssUrl(...fonts) {
 const BrandComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -129,7 +128,7 @@ const CardFeed = class {
      * @uiType number
      */
     this.gap = 24;
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -237,7 +236,7 @@ const CheckboxField = class {
      * @uiName Optional
      */
     this.checkboxOptional = false;
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -271,7 +270,7 @@ function useCheckboxFieldDemo(props) {
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
-const FuelTankRewardsQuery = index$1.dist.gql `
+const FuelTankRewardsQuery = index_module.dist.gql `
   query fuelTankRewardsQuery($programId: ID!) {
     user: viewer {
       ... on User {
@@ -296,7 +295,7 @@ const FuelTankRewardsQuery = index$1.dist.gql `
     }
   }
 `;
-const WIDGET_ENGAGEMENT_EVENT = index$1.dist.gql `
+const WIDGET_ENGAGEMENT_EVENT = index_module.dist.gql `
   mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
     createUserAnalyticsEvent(eventMeta: $eventMeta)
   }
@@ -489,7 +488,7 @@ const CouponCode = class {
      * @uiGroup Coupon code error
      */
     this.couponCodePlaceholder = "...";
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -589,7 +588,7 @@ const DividedLayout = class {
      * @uiName Border style
      */
     this.dividerStyle = "1px solid #EAEAEA";
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -623,7 +622,7 @@ const DropdownField = class {
      * @default
      */
     this.dropdownOptional = false;
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -654,7 +653,7 @@ function useDropdownFieldDemo(props) {
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
-const GET_USER = index$1.dist.gql `
+const GET_USER = index_module.dist.gql `
   query {
     viewer {
       ... on User {
@@ -668,7 +667,7 @@ const GET_USER = index$1.dist.gql `
     }
   }
 `;
-const UPSERT_USER = index$1.dist.gql `
+const UPSERT_USER = index_module.dist.gql `
   mutation (
     $id: String!
     $accountId: String!
@@ -826,7 +825,7 @@ const EditProfile = class {
      * @uiName Form error message
      */
     this.formErrorText = "Please correct the errors below to update your profile.";
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -929,7 +928,7 @@ const Hero = class {
      * @uiEnumNames ["Wrap", "Wrap Reverse"]
      */
     this.wrapDirection = "wrap";
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   // TODO: Improve empty slot behavior with useChildElements to check for empty slot
@@ -1135,7 +1134,7 @@ const HeroImage = class {
      * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
      */
     this.paddingImage = "none";
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -1147,7 +1146,7 @@ const SqmHookStoryContainer = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -1232,7 +1231,7 @@ const InputField = class {
      * @default
      */
     this.fieldOptional = false;
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -1260,7 +1259,7 @@ function useInputFieldDemo(props) {
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
-const GET_LEADERBOARD = index$1.dist.gql `
+const GET_LEADERBOARD = index_module.dist.gql `
   query (
     $type: String!
     $filter: UserLeaderboardFilterInput
@@ -1282,7 +1281,7 @@ const GET_LEADERBOARD = index$1.dist.gql `
     }
   }
 `;
-const GET_LEADERBOARD_WITHOUT_NAMES = index$1.dist.gql `
+const GET_LEADERBOARD_WITHOUT_NAMES = index_module.dist.gql `
   query (
     $type: String!
     $filter: UserLeaderboardFilterInput
@@ -1302,7 +1301,7 @@ const GET_LEADERBOARD_WITHOUT_NAMES = index$1.dist.gql `
     }
   }
 `;
-const GET_RANK = index$1.dist.gql `
+const GET_RANK = index_module.dist.gql `
   query (
     $type: String!
     $filter: UserLeaderboardFilterInput
@@ -1322,7 +1321,7 @@ const GET_RANK = index$1.dist.gql `
     }
   }
 `;
-const GET_RANK_WITHOUT_NAMES = index$1.dist.gql `
+const GET_RANK_WITHOUT_NAMES = index_module.dist.gql `
   query (
     $type: String!
     $filter: UserLeaderboardFilterInput
@@ -1453,7 +1452,7 @@ const Leaderboard = class {
      */
     this.maxRows = 10;
     this.ignored = true;
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
     ShadowViewAddon.withShadowView(this);
   }
   disconnectedCallback() { }
@@ -1629,7 +1628,7 @@ const NameFields = class {
      * @uiName Last name label
      */
     this.lastNameLabel = "Last Name";
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -1694,7 +1693,7 @@ const NavigationMenu = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -1756,7 +1755,7 @@ const PayoutButtonScroll = class {
      */
     this.payoutButtonDescription = "Check your payout settings to see when you’ll get paid out next";
     this.ignored = true;
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   getTextProps() {
@@ -1785,6 +1784,15 @@ const style$3 = {
     margin: "0",
     marginBottom: "var(--sl-spacing-small)",
   },
+  ErrorAlertContainer: {
+    "&::part(base)": {
+      backgroundColor: "var(--sl-color-red-100)",
+      borderTop: "none",
+    },
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-danger-500)",
+    },
+  },
   WarningAlertContainer: {
     "&::part(base)": {
       backgroundColor: "var(--sl-color-yellow-100)",
@@ -1808,7 +1816,7 @@ const sheet$3 = JSS.createStyleSheet(style$3);
 const styleString$3 = sheet$3.toString();
 function PayoutStatusAlertView(props) {
   var _a, _b, _c, _d, _e;
-  const { text, states, callbacks } = props;
+  const { text, states, data, callbacks } = props;
   if (states.loading) {
     return index.h("sl-skeleton", { class: sheet$3.classes.SkeletonOne });
   }
@@ -1816,12 +1824,21 @@ function PayoutStatusAlertView(props) {
     return index.h("div", null);
   }
   function getAlert(status) {
+    if (states.error)
+      return {
+        header: text.errorHeader,
+        description: text.errorDescription,
+        buttonText: null,
+        alertType: "critical",
+        icon: "exclamation-triangle",
+        class: sheet$3.classes.ErrorAlertContainer,
+      };
     switch (status) {
       case "INFORMATION_REQUIRED":
         return {
           header: text.informationRequiredHeader,
           description: text.informationRequiredDescription,
-          buttonText: text.verificationRequiredButtonText,
+          buttonText: text.informationRequiredButtonText,
           alertType: "info",
           icon: "info-circle",
           class: sheet$3.classes.InfoAlertContainer,
@@ -1852,7 +1869,7 @@ function PayoutStatusAlertView(props) {
   function getButton(status) {
     switch (status) {
       case "INFORMATION_REQUIRED":
-        return (index.h("sqm-scroll", { "scroll-tag-name": "sqm-tabs", "button-text": "Payout and tax settings", "scroll-animation": "smooth" }));
+        return data.type === "SquatchJS2" ? (index.h("sqm-scroll", { "scroll-tag-name": "sqm-tabs", "button-text": text.informationRequiredButtonText, "scroll-animation": "smooth" })) : data.type === "SquatchPortal" ? (index.h("sl-button", { type: "default", onClick: callbacks.onTermsClick }, text.informationRequiredButtonText)) : (index.h("sl-button", { type: "default" }, text.informationRequiredButtonText));
       case "VERIFICATION_NEEDED":
         return (index.h("sl-button", { type: "default", loading: states.loading, 
           //AL: TODO callback to open verification form
@@ -1873,7 +1890,7 @@ function PayoutStatusAlertView(props) {
       open: states.showVerifyIdentity, "onSl-hide": callbacks.onCancel }, "AL: TODO add IFRAME URL")));
 }
 
-const GET_USER_STATUS = index$1.dist.gql `
+const GET_USER_STATUS = index_module.dist.gql `
   query getUserStatus {
     user: viewer {
       ... on User {
@@ -1892,6 +1909,7 @@ const GET_USER_STATUS = index$1.dist.gql `
   }
 `;
 function usePayoutStatus(props) {
+  const { type } = index_module.getEnvironmentSDK();
   const { loading, data, errors, refetch } = index_module.En(GET_USER_STATUS, {});
   const [status, setStatus] = stencilHooks_module.useState(undefined);
   const [showDialog, setShowDialog] = stencilHooks_module.useState(false);
@@ -1919,12 +1937,19 @@ function usePayoutStatus(props) {
     return () => window.removeEventListener("sqm:tax-form-updated", cb);
   }, []);
   return {
-    states: { loading, status, showVerifyIdentity: showDialog },
+    states: {
+      loading,
+      status,
+      showVerifyIdentity: showDialog,
+      error: !!errors,
+    },
+    data: { type },
     text: props.getTextProps(),
     callbacks: {
+      onTermsClick: () => window.open(props.termsUrl, "_blank").focus(),
       onClick: () => setShowDialog(true),
-      onCancel: () => setShowDialog(false)
-    }
+      onCancel: () => setShowDialog(false),
+    },
   };
 }
 
@@ -1963,7 +1988,19 @@ const PayoutStatusAlert = class {
      * @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}.";
-    stencilHooks_module.h(this);
+    /**
+     * @uiName Cash & Payouts Terms and Conditions url
+     */
+    this.termsUrl = "https://terms.advocate.impact.com/PayoutTermsAndConditions.html";
+    /**
+     * @uiName Error header
+     */
+    this.errorHeader = "Could not determine payout status.";
+    /**
+     * @uiName Error description
+     */
+    this.errorDescription = "There was an error with determining your payout status.";
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   getTextProps() {
@@ -1973,18 +2010,22 @@ const PayoutStatusAlert = class {
     const props = index_module.isDemo()
       ? useDemoPayoutStatusAlert(this)
       : usePayoutStatus(this);
+    console.log({ props });
     return index.h(PayoutStatusAlertView, Object.assign({}, props));
   }
 };
 function useDemoPayoutStatusAlert(props) {
   return cjs.cjs({
     states: {
+      error: false,
       status: "INFORMATION_REQUIRED",
       loading: false,
       showVerifyIdentity: false,
     },
+    data: { type: "SquatchAdmin" },
     text: props.getTextProps(),
     callbacks: {
+      onTermsClick: () => { },
       onClick: () => console.log("show"),
       onCancel: () => console.log("hide"),
     },
@@ -2134,7 +2175,7 @@ const PortalChangePassword = class {
      * @uiName Missing number or symbol text
      */
     this.hasErrorText = "contain at least 1 number or symbol";
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -2229,7 +2270,7 @@ const PortalFooter = class {
      * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
      */
     this.paddingLeft = "large";
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -2259,7 +2300,7 @@ const PortalFrame = class {
      * @undocumented
      */
     this.notFullScreen = false;
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -2381,7 +2422,7 @@ const PortalLogin = class {
      * Displayed when the login fails due to a network error. The participant can try refreshing the page.
      */
     this.networkErrorMessage = "An error occurred while logging you in. Please refresh the page and try again.";
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -2657,7 +2698,7 @@ const PortalRegister = class {
      * @uiName Missing number or symbol text
      */
     this.hasErrorText = "contain at least 1 number or symbol";
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -2755,7 +2796,7 @@ const ProgramExplainer = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -2826,7 +2867,7 @@ function ProgramExplainerStepView(props) {
 const ProgramExplainerStep = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -2869,7 +2910,7 @@ const ProgramMenu = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -2991,7 +3032,7 @@ const ReferralCard = class {
      * @uiType boolean
      */
     this.limitWidth = false;
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -3008,7 +3049,7 @@ const ReferralCard = class {
   }
 };
 
-const GET_USER_DETAILS = index$1.dist.gql `
+const GET_USER_DETAILS = index_module.dist.gql `
   query getUser($programId: ID) {
     viewer {
       ... on User {
@@ -3046,7 +3087,7 @@ const SqmReferralIframe = class {
      * @uiName IFrame width
      */
     this.iframeWidth = "100%";
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -3679,7 +3720,7 @@ var module$1 = {};
 
 const confetti = module$1.exports;
 
-const GET_EXCHANGE_LIST = index$1.dist.gql `
+const GET_EXCHANGE_LIST = index_module.dist.gql `
   query getExchangeList {
     viewer {
       ... on User {
@@ -3722,7 +3763,7 @@ const GET_EXCHANGE_LIST = index$1.dist.gql `
     }
   }
 `;
-const EXCHANGE = index$1.dist.gql `
+const EXCHANGE = index_module.dist.gql `
   mutation exchange($exchangeRewardInput: ExchangeRewardInput!) {
     exchangeReward(exchangeRewardInput: $exchangeRewardInput) {
       reward {
@@ -4015,7 +4056,7 @@ const SqmRewardExchangeList = class {
      * @uiName Cost row title
      */
     this.costTitle = "Cost to Redeem";
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -4071,7 +4112,7 @@ const debug$1 = stencilHooks_module.browser("sq:useRouter");
 function matchPath(pattern, page) {
   if (!pattern)
     return;
-  const regexp = index$2.pathToRegexp(pattern);
+  const regexp = index$1.pathToRegexp(pattern);
   return regexp.exec(page);
 }
 function useRouter() {
@@ -4149,7 +4190,7 @@ const SqmRouter = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -4198,7 +4239,7 @@ const ShareButton = class {
      * @uiName Unsupported platform text
      */
     this.unsupportedPlatformText = "Error: not on a supported device";
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -4221,7 +4262,7 @@ function useDemoShareButton(props) {
 }
 ShareButton.style = sqmShareButtonCss;
 
-const MessageLinkQuery = index$1.dist.gql `
+const MessageLinkQuery = index_module.dist.gql `
   query ($programId: ID) {
     user: viewer {
       ... on User {
@@ -4230,7 +4271,7 @@ const MessageLinkQuery = index$1.dist.gql `
     }
   }
 `;
-const WIDGET_ENGAGEMENT_EVENT$1 = index$1.dist.gql `
+const WIDGET_ENGAGEMENT_EVENT$1 = index_module.dist.gql `
   mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
     createUserAnalyticsEvent(eventMeta: $eventMeta)
   }
@@ -4305,7 +4346,7 @@ const ShareCode = class {
      * @uiEnumNames ["Icon", "Button outside", "Button below"]
      */
     this.buttonStyle = "icon";
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -4374,7 +4415,7 @@ const ShareLink = class {
      * @uiEnumNames ["Icon", "Button outside", "Button below"]
      */
     this.buttonStyle = "icon";
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -4424,7 +4465,7 @@ const StatContainer = class {
      * @uiEnumNames ["Grid", "Flex"]
      */
     this.display = "grid";
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -4432,7 +4473,7 @@ const StatContainer = class {
   }
 };
 
-const SEND_EVENT = index$1.dist.gql `
+const SEND_EVENT = index_module.dist.gql `
   mutation taskCardEvent($userEventInput: UserEventInput!) {
     logUserEvent(userEventInput: $userEventInput) {
       userId
@@ -4582,7 +4623,7 @@ const TaskCard = class {
      * @uiGroup Button
      */
     this.hideButton = false;
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -4622,7 +4663,7 @@ const Timeline = class {
      * @uiEnumNames ["Gift", "Circle"]
      */
     this.icon = "gift";
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -4736,7 +4777,7 @@ const TimelineReward = class {
     index.registerInstance(this, hostRef);
     this.ignored = true;
     this.iconState = "gift";
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   async setIcon(value) {
     this.iconState = value;
@@ -4752,7 +4793,7 @@ function UserNameView(props) {
   return index.h(index.Host, null, props.loading ? props.loadingText : props.username);
 }
 
-const GET_USER_NAME = index$1.dist.gql `
+const GET_USER_NAME = index_module.dist.gql `
   query getUserName {
     viewer {
       ... on User {
@@ -4790,7 +4831,7 @@ const UserName = class {
      * @uiName Loading text
      */
     this.loadingText = "...";
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-a5a04d8a.js');
-const index_module = require('./index.module-236d0403.js');
+const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
+const index_module = require('./index.module-b8d9d0ba.js');
 require('./mixins-fe9d4112.js');
 require('./JSS-8503a151.js');
 const sqmCloseButtonView = require('./sqm-close-button-view-fd6e8f60.js');
@@ -18,7 +18,7 @@ const CloseButton = class {
      * @uiType string
      */
     this.color = "#000000";
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

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

@@ -3,17 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-a5a04d8a.js');
-const global = require('./global-e4ebdbcc.js');
-const index_module = require('./index.module-236d0403.js');
+const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
+const global = require('./global-c3637175.js');
+const index_module = require('./index.module-b8d9d0ba.js');
 const cjs = require('./cjs-1066ec21.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
-const index$1 = require('./index-56d1fa5b.js');
 const utils = require('./utils-6847bc06.js');
 const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
 const keys = require('./keys-cff24974.js');
-const useVerificationEmail = require('./useVerificationEmail-35aea294.js');
+const useVerificationEmail = require('./useVerificationEmail-6aacdb71.js');
 
 const style = {
   Wrapper: {
@@ -139,7 +138,7 @@ function WidgetCodeVerificationView(props) {
         index.h(sqmTextSpanView.TextSpanView, { type: "p" }, resendCodeText)))));
 }
 
-const VerifyEmailWithCodeMutation = index$1.dist.gql `
+const VerifyEmailWithCodeMutation = index_module.dist.gql `
   mutation submitImpactPublisherEmail2FACode(
     $user: UserIdInput!
     $code: String!
@@ -308,7 +307,7 @@ const WidgetCodeVerification = class {
      * @uiName Network error message
      */
     this.networkErrorMessage = "An error occurred while verifying your email. Please refresh the page and try again.";
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   getTextProps() {