@saasquatch/mint-components 2.1.9-9 → 2.1.10-0

package/dist/cjs/{sqm-big-stat_46.cjs.entry.js → sqm-big-stat_45.cjs.entry.js}

@@ -3,37 +3,35 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-0f8b1267.js');
+const global = require('./global-b7b1b8fe.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.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-89c2b972.js');
+require('./useReferralCodes-0f7948af.js');
 require('./mixins-4761d472.js');
 const copyTextView = require('./copy-text-view-bb2c0ea7.js');
 require('./sqm-text-span-view-f274fdf2.js');
-const usePortalRegistrationForm = require('./usePortalRegistrationForm-31822dc4.js');
-const useRegistrationFormState = require('./useRegistrationFormState-a223f597.js');
+const usePortalRegistrationForm = require('./usePortalRegistrationForm-23ee2d62.js');
+const useRegistrationFormState = require('./useRegistrationFormState-4fe5b770.js');
 const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-020f661c.js');
-const reRender = require('./re-render-69bde9ee.js');
-const useChildElements = require('./useChildElements-89bc50a9.js');
+const reRender = require('./re-render-72a0ef45.js');
+const useChildElements = require('./useChildElements-041127d7.js');
 require('./luxon-c1ad356a.js');
 const index$1 = require('./index-8c6255f5.js');
 const imageUrl = require('./imageUrl-a7880cab.js');
 const emailRegistrationView = require('./email-registration-view-306c8878.js');
-const useInstantAccessRegistration = require('./useInstantAccessRegistration-651aa95b.js');
-const useLeadFormState = require('./useLeadFormState-76d3b511.js');
-const utilities = require('./utilities-096934ea.js');
+const useInstantAccessRegistration = require('./useInstantAccessRegistration-2398df36.js');
+const useLeadFormState = require('./useLeadFormState-b4c2ab5b.js');
+const utilities = require('./utilities-fcdb9504.js');
 const ErrorView = require('./ErrorView-ee7b0f36.js');
-const ShadowViewAddon = require('./ShadowViewAddon-d679ec76.js');
+const ShadowViewAddon = require('./ShadowViewAddon-a26deae6.js');
 require('./sqm-portal-container-view-70a47420.js');
-const data = require('./data-e83f8a41.js');
-const keys = require('./keys-cff24974.js');
-require('./eventKeys-7af4df4d.js');
-const usePayoutStatus = require('./usePayoutStatus-cf050a03.js');
-const parseStates = require('./parseStates-d1effc19.js');
+const data = require('./data-8c8a08f6.js');
+const extractProps = require('./extractProps-e9c55ba8.js');
+const usePayoutStatus = require('./usePayoutStatus-0192fccd.js');
 
 /**
  *
@@ -3393,7 +3391,7 @@ const PayoutStatusAlert = class {
   }
 };
 function useDemoPayoutStatusAlert(props) {
-  const states = parseStates.parseStates(props.stateController);
+  const states = extractProps.parseStates(props.stateController);
   const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-payout-status-alert"
     ? { ...prev, ...states[key] }
     : { ...prev, [`${key}_stateController`]: states[key] }, {});
@@ -4622,6 +4620,11 @@ const SqmReferralIframe = class {
      * @uiName IFrame width
      */
     this.iframeWidth = "100%";
+    /**
+     * Override the default parameter name used in the iframe
+     * @uiName Referral code parameter name
+     */
+    this.codeParam = "rsCode";
     domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
@@ -5772,7 +5775,7 @@ function EmptySlot$1() {
   return (index.h("slot", { name: "empty" }, index.h("sqm-empty", { emptyStateImage: "https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png", emptyStateHeader: "Redeem rewards", emptyStateText: "Use your points to redeem rewards once they become available" })));
 }
 function useRewardExchangeListDemo(props) {
-  const states = parseStates.parseStates(props.stateController);
+  const states = extractProps.parseStates(props.stateController);
   const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-reward-exchange-list"
     ? { ...prev, ...states[key] }
     : { ...prev, [`${key}_stateController`]: states[key] }, {});
@@ -6394,39 +6397,12 @@ function useTaskCardDemo(props) {
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
-/**
- * Util function for getting just the props with a certain prefix.
- * @param props Text props on stencil component
- * @param prefix Prefix denoting which group the text prop belongs to
- * @returns A new object with all keys with the prefix provided. The prefix is removed from each key.
- */
-function extractProps(props, prefix) {
-  const keys = Object.keys(props).filter((k) => k.startsWith(prefix));
-  const formattedProps = keys.reduce((prev, k) => {
-    const key = k.replace(prefix, "");
-    return {
-      ...prev,
-      [key]: props[k],
-    };
-  }, {});
-  return formattedProps;
-}
-
 function getCurrentStep(user) {
   var _a, _b;
   if (!((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.connected) || !((_b = user.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher)) {
     return "/1";
   }
-  const { requiredTaxDocumentType, currentTaxDocument, withdrawalSettings, brandedSignup, payoutsAccount, billingAddress, phoneNumber, billingCity, billingPostalCode, billingState, } = user.impactConnection.publisher;
-  console.log(phoneNumber, "phone number in getCurrentStep");
-  // Early partner creation does not collect these fields
-  if (!billingAddress ||
-    !billingCity ||
-    !billingPostalCode ||
-    !billingState ||
-    !phoneNumber) {
-    return "/1";
-  }
+  const { requiredTaxDocumentType, currentTaxDocument, withdrawalSettings, brandedSignup, payoutsAccount, } = user.impactConnection.publisher;
   // If they do have a required document, look at current document
   if (requiredTaxDocumentType && !currentTaxDocument) {
     // Specific to custom CASH setting,
@@ -6747,7 +6723,7 @@ const TaxAndCashMonolith = class {
      * @uiName Indirect tax number field label
      * @uiGroup Step 2 Properties
      */
-    this.step2_indirectTaxNumber = "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}";
+    this.step2_indirectTaxNumber = "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number} other {Tax number}}";
     /**
      * @uiName Province field label
      * @uiGroup Step 2 Properties
@@ -6757,7 +6733,7 @@ const TaxAndCashMonolith = class {
      * @uiName Missing indirect tax number error message
      * @uiGroup Step 2 Properties
      */
-    this.step2_indirectTaxNumberError = "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required";
+    this.step2_indirectTaxNumberError = "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number} other {Tax number}} is required";
     /**
      * Displayed to participants registered for QST.
      * @uiName QST number field label
@@ -7070,12 +7046,22 @@ const TaxAndCashMonolith = class {
      * @uiGroup Step 4 Properties
      */
     this.step4_branchCodeLabel = "Branch code";
+    /**
+     * @uiName Branch name field label
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_branchNameLabel = "Branch name";
     /**
      * Label text for the classification input field
      * @uiName Classification field label
      * @uiGroup Step 4 Properties
      */
     this.step4_classificationLabel = "Classification";
+    /**
+     * @uiName Classification code field label
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_classificationCodeLabel = "KBE Code";
     /**
      * @uiName Taxpayer ID field label
      * @uiGroup Step 4 Properties
@@ -7325,7 +7311,7 @@ const TaxAndCashMonolith = class {
      * @uiName Payout status badge
      * @uiGroup Dashboard Properties
      */
-    this.dashboard_statusBadgeText = "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }";
+    this.dashboard_statusBadgeText = "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} other {Failed} }";
     /**
      * Display participants' payout preference on the payout information card, indicating the balance at which they want to get paid.
      * @uiName Payout schedule by threshold text
@@ -7696,7 +7682,7 @@ const TaxAndCashMonolith = class {
   getGeneralStepTextProps(prefix) {
     const props = utils.getProps(this);
     return {
-      ...extractProps(props, prefix),
+      ...extractProps.extractProps(props, prefix),
       generalErrorTitle: props.generalErrorTitle,
       generalErrorDescription: props.generalErrorDescription,
       fieldRequiredError: props.fieldRequiredError,
@@ -7754,7 +7740,7 @@ function useDemoTaxAndCash(props) {
     namespace: data.TAX_CONTEXT_NAMESPACE,
     initialValue: "/1",
   });
-  const states = parseStates.parseStates(props.stateController);
+  const states = extractProps.parseStates(props.stateController);
   const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-tax-and-cash"
     ? { ...prev, ...states[key] }
     : { ...prev, [`${key}_stateController`]: states[key] }, {});
@@ -7959,351 +7945,6 @@ function useUserNameDemo(props) {
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
-const USER_LOOKUP = index_module.dist.gql `
-  query checkUserVerification {
-    viewer {
-      ... on User {
-        id
-        accountId
-        email
-        emailVerified
-        managedIdentity {
-          email
-          emailVerified
-        }
-        impactConnection {
-          connected
-        }
-      }
-    }
-  }
-`;
-function useWidgetVerification() {
-  const userIdentity = index_module.J();
-  const [showCode, setShowCode] = index_module.In({
-    namespace: keys.SHOW_CODE_NAMESPACE,
-    initialValue: false,
-  });
-  const [email, setEmail] = index_module.In({
-    namespace: keys.VERIFICATION_EMAIL_NAMESPACE,
-    initialValue: userIdentity === null || userIdentity === void 0 ? void 0 : userIdentity.email,
-  });
-  const setContext = index_module.En(keys.VERIFICATION_PARENT_NAMESPACE);
-  const [loading, setLoading] = domContextHooks_module.useState(true);
-  const [showPartnerModal, setShowPartnerModal] = domContextHooks_module.useState(false);
-  const [fetch] = index_module.Xe(USER_LOOKUP);
-  domContextHooks_module.useEffect(() => {
-    const checkUser = async () => {
-      var _a, _b, _c, _d, _e;
-      try {
-        const res = await fetch({});
-        if (!res || res instanceof Error)
-          throw new Error();
-        // Flow changed to send email -> verify code -> show early partner creation modal
-        const emailVerified = ((_a = res === null || res === void 0 ? void 0 : res.viewer) === null || _a === void 0 ? void 0 : _a.emailVerified) || ((_c = (_b = res === null || res === void 0 ? void 0 : res.viewer) === null || _b === void 0 ? void 0 : _b.managedIdentity) === null || _c === void 0 ? void 0 : _c.emailVerified);
-        const isConnected = (_e = (_d = res === null || res === void 0 ? void 0 : res.viewer) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.connected;
-        if (isConnected) {
-          // Partner already created, show widget content
-          setContext(true);
-        }
-        else if (emailVerified) {
-          // Email verified but no partner yet, show partner modal
-          setShowPartnerModal(true);
-        }
-      }
-      catch (e) {
-        console.error("Could not fetch user information:", e);
-      }
-      finally {
-        setLoading(false);
-      }
-    };
-    checkUser();
-  }, []);
-  const onVerification = () => {
-    setShowPartnerModal(true);
-  };
-  const onPartnerModalComplete = () => {
-    setShowPartnerModal(false);
-    setContext(true);
-  };
-  return { showCode, showPartnerModal, onVerification, onPartnerModalComplete, loading };
-}
-
-const WidgetVerification = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    // ! Any updated must be reflected in sqm-widget-verification-internal AND sqm-email-verification AND sqm-code-verification AND sqm-partner-info-modal
-    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-                    GENERAL PROPS
-      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
-    /**
-     * @uiName General verify widget header text
-     * @uiGroup General Text
-     */
-    this.general_verifyEmailHeader = "Verify your email";
-    /**
-     * @uiName General verify widget description text
-     * @uiGroup General Text
-     */
-    this.general_verifyEmailDescription = "To get your cash paid out directly to your bank account, please complete your account setup";
-    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-                    EMAIL STEP PROPS
-      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
-    /**
-     * @uiName Verify email widget header text
-     * @uiGroup Email Verification Step
-     */
-    this.emailStep_verifyEmailHeaderText = "Start by verifying your email. We’ll send you a code through our referral provider, impact.com.";
-    /**
-     * @uiName Send code to email alert header
-     * @uiGroup Email Verification Step
-     */
-    this.emailStep_sendCodeErrorHeader = "There was an error sending your code.";
-    /**
-     * @uiName Send code to email alert description
-     * @uiGroup Email Verification Step
-     */
-    this.emailStep_sendCodeErrorDescription = "Please try again. If this problem continues, contact our program support team.";
-    /**
-     * @uiName Email input label
-     * @uiGroup Email Verification Step
-     */
-    this.emailStep_emailLabel = "Email";
-    /**
-     * @uiName Send code button text
-     * @uiGroup Email Verification Step
-     */
-    this.emailStep_sendCodeText = "Send code";
-    /**
-     * @uiName Send code button text
-     * @uiGroup Email Verification Step
-     */
-    this.emailStep_emailValidationErrorText = "Please enter a valid email";
-    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-                    CODE STEP PROPS
-      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
-    /**
-     * @uiName Verify code widget header text
-     * @uiGroup Code Verification Step
-     */
-    this.codeStep_verifyCodeHeaderText = "Enter the code sent to {email} from our referral provider, impact.com.";
-    /**
-     * @uiName Reverify code widget header text
-     * @uiGroup Code Verification Step
-     */
-    this.codeStep_reverifyCodeHeaderText = "Enter the code sent to {email} from our referral provider, impact.com.";
-    /**
-     * Text displayed under verify button
-     * @uiName Resend code text
-     * @uiGroup Code Verification Step
-     */
-    this.codeStep_resendCodeText = "Didn't receive your code? {resendCodeLink}";
-    /**
-     * The link that appears in the resend code link
-     * @uiName Resend code label
-     * @uiGroup Code Verification Step
-     */
-    this.codeStep_resendCodeLabel = "Resend code";
-    /**
-     * Link text displayed under verify button
-     * @uiName Resend code text
-     * @uiGroup Code Verification Step
-     */
-    this.codeStep_codeResentSuccessfullyText = "Another code has been sent to {email}";
-    /**
-     * Error text displayed under verification input
-     * @uiName Invalid code text
-     * @uiGroup Code Verification Step
-     */
-    this.codeStep_invalidCodeText = "Please check your code and try again. If you’re still having trouble, try resending your code.";
-    /**
-     * @uiName Verify code button text
-     * @uiGroup Code Verification Step
-     */
-    this.codeStep_verifyText = "Verify";
-    /**
-     * Displayed when the email verification fails due to a network error. The participant can try refreshing the page.
-     * @uiName Network error message
-     * @uiGroup Code Verification Step
-     */
-    this.codeStep_networkErrorMessage = "An error occurred while verifying your email. Please refresh the page and try again.";
-    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-                    PARTNER CREATION STEP PROPS
-      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
-    /**
-     * @uiName New partner header
-     * @uiGroup Partner Creation Step
-     * @uiWidget textArea
-     */
-    this.createPartnerStep_modalHeader = "Let's get you ready for rewards";
-    /**
-     * @uiName Existing partner header
-     * @uiGroup Partner Creation Step
-     * @uiWidget textArea
-     */
-    this.createPartnerStep_modalHeaderExistingPartner = "We found an existing account";
-    /**
-     * @uiName New partner description
-     * @uiGroup Partner Creation Step
-     * @uiWidget textArea
-     */
-    this.createPartnerStep_descriptionNewPartner = "Confirm your country and currency now to get your future rewards faster.";
-    /**
-     * @uiName Existing partner description
-     * @uiGroup Partner Creation Step
-     * @uiWidget textArea
-     */
-    this.createPartnerStep_descriptionExistingPartner = "We found an account with this email on our referral program provider, impact.com. Please confirm your country and currency now to get your future rewards faster.";
-    /**
-     * @uiName Existing partner support description
-     * @uiGroup Partner Creation Step
-     * @uiWidget textArea
-     */
-    this.createPartnerStep_supportDescriptionExistingPartner = "If this is a mistake, please contact Support or sign up for this referral program with a different email.";
-    /**
-     * @uiName Country label
-     * @uiGroup Partner Creation Step
-     */
-    this.createPartnerStep_countryLabel = "Country";
-    /**
-     * @uiName Currency label
-     * @uiGroup Partner Creation Step
-     */
-    this.createPartnerStep_currencyLabel = "Currency";
-    /**
-     * @uiName Submit button label
-     * @uiGroup Partner Creation Step
-     */
-    this.createPartnerStep_submitButtonLabel = "Submit";
-    /**
-     * @uiName Confirm button label
-     * @uiGroup Partner Creation Step
-     */
-    this.createPartnerStep_confirmButtonLabel = "Confirm";
-    /**
-     * @uiName Search country placeholder
-     * @uiGroup Partner Creation Step
-     */
-    this.createPartnerStep_searchCountryPlaceholder = "Search for a country";
-    /**
-     * @uiName Search currency placeholder
-     * @uiGroup Partner Creation Step
-     */
-    this.createPartnerStep_searchCurrencyPlaceholder = "Search for a currency";
-    /**
-     * @uiName Network error text
-     * @uiGroup Partner Creation Step
-     * @uiWidget textArea
-     */
-    this.createPartnerStep_networkErrorText = "An error occurred. Please try again.";
-    /**
-     * @uiName Missing fields error text
-     * @uiGroup Partner Creation Step
-     * @uiWidget textArea
-     */
-    this.createPartnerStep_missingFieldsErrorText = "Please select both a country and currency.";
-    /**
-     * @undocumented
-     * @componentState { "title": "Step 1: Enter email", "props": { "showCode": false }, "dependencies": ["sqm-email-verification"], "uiGroup": "Email Verification Step" }
-     * @componentState { "title": "Step 2: Enter code", "props": { "showCode": true }, "dependencies": ["sqm-code-verification"], "uiGroup": "Code Verification Step" }
-     * @componentState { "title": "Step 3: Create Partner", "props": { "showPartnerModal": true }, "dependencies": ["sqm-partner-info-modal"], "uiGroup": "Partner Creation Step" }
-     */
-    this.stateController = "{}";
-    domContextHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  getStepTextProps(prefix) {
-    const props = utils.getProps(this);
-    return extractProps(props, prefix);
-  }
-  render() {
-    const props = index_module.isDemo()
-      ? useDemoWidgetVerificationInternal(this)
-      : useWidgetVerification();
-    if (props.loading)
-      return index.h("sl-spinner", null);
-    if (props.showPartnerModal) {
-      return (index.h("sqm-partner-info-modal", Object.assign({}, this.getStepTextProps("createPartnerStep_"))));
-    }
-    const style = {
-      Dialog: {
-        "&::part(panel)": {
-          maxWidth: "480px",
-        },
-        "&::part(title)": {
-          fontSize: "var(--sl-font-size-x-large)",
-          fontWeight: "600",
-          padding: "var(--sl-spacing-x-large) var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)",
-        },
-        "&::part(body)": {
-          padding: "0 var(--sl-spacing-x-large)",
-          fontSize: "var(--sl-font-size-small)",
-          overflow: "visible",
-        },
-        "&::part(footer)": {
-          display: "flex",
-          flexDirection: "column",
-          gap: "var(--sl-spacing-small)",
-        },
-        "&::part(overlay)": {
-          background: "rgba(0, 0, 0, 0.5)",
-        },
-        "&::part(close-button)": {
-          display: "none",
-        },
-      },
-    };
-    const sheet = JSS.createStyleSheet(style);
-    const styleString = sheet.toString();
-    const generalText = this.getStepTextProps("general_");
-    return (index.h("div", null, index.h("style", { type: "text/css" }, styleString), 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), props.showCode ? (index.h("sl-dialog", { class: sheet.classes.Dialog, noHeader: false, open: props.showCode, label: "Let's get your started for rewards", "onSl-request-close": (e) => {
-        e.preventDefault();
-      }, "onSl-hide": (e) => {
-        var _a;
-        if (((_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName) === "SL-DIALOG") {
-          e.preventDefault();
-        }
-      } }, index.h("sqm-code-verification", Object.assign({ onVerification: props.onVerification }, this.getStepTextProps("codeStep_"), extractProps(props, "sqm-code-verification_"))))) : (index.h("sl-dialog", { class: sheet.classes.Dialog, noHeader: false, open: !props.showCode, label: "Let's get your started for rewards", "onSl-request-close": (e) => {
-        e.preventDefault();
-      }, "onSl-hide": (e) => {
-        var _a;
-        if (((_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName) === "SL-DIALOG") {
-          e.preventDefault();
-        }
-      } }, index.h("sqm-email-verification", Object.assign({}, this.getStepTextProps("emailStep_"), extractProps(props, "sqm-email-verification_")))))));
-  }
-};
-function useDemoWidgetVerificationInternal(props) {
-  const [showCode, setShowCode] = index_module.In({
-    namespace: keys.SHOW_CODE_NAMESPACE,
-    initialValue: false,
-  });
-  const [email, setEmail] = index_module.In({
-    namespace: keys.VERIFICATION_EMAIL_NAMESPACE,
-    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 cjs.cjs({
-    showCode,
-    showPartnerModal: false,
-    onVerification,
-    onPartnerModalComplete: () => { },
-    loading: false,
-  }, formatted || {}, { arrayMerge: (_, a) => a });
-}
-
 exports.sqm_big_stat = BigStat;
 exports.sqm_brand = BrandComponent;
 exports.sqm_brand_selector = SqmBrandSelector;
@@ -8349,4 +7990,3 @@ exports.sqm_tax_and_cash = TaxAndCashMonolith;
 exports.sqm_timeline = Timeline;
 exports.sqm_timeline_entry = TimelineReward;
 exports.sqm_user_name = UserName;
-exports.sqm_widget_verification = WidgetVerification;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
 const sqmCloseButtonView = require('./sqm-close-button-view-e9f2a454.js');

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

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-0f8b1267.js');
+const global = require('./global-b7b1b8fe.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
 const sqmTextSpanView = require('./sqm-text-span-view-f274fdf2.js');
 const keys = require('./keys-cff24974.js');
-const useVerificationEmail = require('./useVerificationEmail-994bc32f.js');
+const useVerificationEmail = require('./useVerificationEmail-5d19aa99.js');
 
 const style = {
   Wrapper: {
@@ -65,6 +65,7 @@ const style = {
   },
   ContinueButton: {
     width: "100%",
+    maxWidth: "100px",
   },
   FooterContainer: {
     display: "flex",
@@ -142,9 +143,9 @@ function WidgetCodeVerificationView(props) {
           index.h("sl-input", { class: inputClass, name: "code" }),
           index.h("sl-input", { class: inputClass, name: "code" })),
         states.verifyFailed && (index.h("p", { class: sheet.classes.ErrorText }, text.invalidCodeText)),
-        index.h("div", { class: sheet.classes.FooterContainer },
-          index.h(sqmTextSpanView.TextSpanView, { type: "p" }, resendCodeText)),
-        index.h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.submitCode, disabled: states.loading || states.initialiseLoading, loading: states.loading || states.initialiseLoading, exportparts: "base: primarybutton-base", type: "primary" }, text.verifyText)))));
+        index.h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.submitCode, disabled: states.loading || states.initialiseLoading, loading: states.loading || states.initialiseLoading, exportparts: "base: primarybutton-base", type: "primary" }, text.verifyText)),
+      index.h("div", { class: sheet.classes.FooterContainer },
+        index.h(sqmTextSpanView.TextSpanView, { type: "p" }, resendCodeText)))));
 }
 
 const VerifyEmailWithCodeMutation = index_module.dist.gql `

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 const utils = require('./utils-6847bc06.js');
 const index = require('./index-8c6255f5.js');