@saasquatch/mint-components 2.2.0-0 → 2.2.0-10

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

@@ -3,37 +3,37 @@
 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-8a32dd8c.js');
-const usePortalRegistrationForm = require('./usePortalRegistrationForm-31822dc4.js');
-const useRegistrationFormState = require('./useRegistrationFormState-a223f597.js');
-const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-fd48f1d3.js');
-const reRender = require('./re-render-69bde9ee.js');
-const useChildElements = require('./useChildElements-89bc50a9.js');
-require('./luxon-c1ad356a.js');
+require('./sqm-text-span-view-b9e10f5d.js');
+const usePortalRegistrationForm = require('./usePortalRegistrationForm-23ee2d62.js');
+const useRegistrationFormState = require('./useRegistrationFormState-4fe5b770.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-a45f7a52.js');
+const reRender = require('./re-render-72a0ef45.js');
+const useChildElements = require('./useChildElements-041127d7.js');
+const luxon = 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-2b3f51be.js');
-require('./sqm-portal-container-view-70a47420.js');
-const utils$1 = require('./utils-a8e0bd9b.js');
-const data = require('./data-6b5095f8.js');
-const keys = require('./keys-cff24974.js');
+const ShadowViewAddon = require('./ShadowViewAddon-3b477e58.js');
+require('./sqm-portal-container-view-757f921b.js');
+const utils$1 = require('./utils-a3b3d05b.js');
+const data = require('./data-89ac73dd.js');
+const keys = require('./keys-5a2c9ed2.js');
 require('./eventKeys-7af4df4d.js');
-const usePayoutStatus = require('./usePayoutStatus-cf050a03.js');
+const useIndirectTaxForm = require('./useIndirectTaxForm-c3c1ec56.js');
 const parseStates = require('./parseStates-d1effc19.js');
 
 /**
@@ -791,7 +791,7 @@ const CheckboxField = class {
      */
     this.checkboxLabelLink = "https://example.com";
     /**
-     * @uiName Checkbox label link lext
+     * @uiName Checkbox label link text
      */
     this.checkboxLabelLinkText = "Terms and Conditions";
     /**
@@ -3389,7 +3389,7 @@ const PayoutStatusAlert = class {
   render() {
     const props = index_module.isDemo()
       ? useDemoPayoutStatusAlert(this)
-      : usePayoutStatus.usePayoutStatus(this);
+      : useIndirectTaxForm.usePayoutStatus(this);
     return index.h(PayoutStatusAlertView, Object.assign({}, props));
   }
 };
@@ -4623,6 +4623,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() { }
@@ -6057,7 +6062,6 @@ function useDemoShareCode(props) {
     borderRadius: props.borderRadius,
     borderColor: props.borderColor,
     buttonType: props.buttonType,
-    rewardStatus: "AVAILABLE",
     open,
     onClick: () => {
       // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
@@ -6117,6 +6121,199 @@ const ShareLink = class {
      * @uiGroup Style
      */
     this.buttonStyle = "icon";
+    /**
+     * Let advocates customize their share links up to 5 times.
+     *
+     * @uiName Allow customization
+     * @uiType boolean
+     * @uiGroup Customizable Vanity Link
+     * @uiWidget CustomLinkSwitch
+     * @requiredFlavor impact
+     */
+    this.allowCustomization = false;
+    /**
+     * Text for the cancel button in editing mode
+     *
+     * @uiName Cancel button label
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.cancelLabelText = "Cancel";
+    /**
+     * Tooltip text shown when link customization is disabled
+     *
+     * @uiName Customize disabled tooltip
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.customizeDisabledTooltip = "Link customization is not available.";
+    /**
+     * Displayed below the share link.
+     *
+     * @uiName Customize link button label
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.customizeLinkButtonLabel = "Customize Link";
+    /**
+     * Message shown when the URL has been edited 5 times. To display a clickable link, use {supportLink} as a placeholder.
+     *
+     * @uiName Edit limit reached text
+     * @uiType string
+     * @uiWidget textarea
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.editLimitReachedText = "5 edit limit reached. To make more changes, please contact {supportLink}.";
+    /**
+     * Subtext shown while the user is customizing their URL.
+     *
+     * @uiName Edit limit text
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.editLimitText = "You can edit your link up to {editsRemaining} more time(s).";
+    /**
+     * Description text shown when the link contains invalid special characters.
+     *
+     * @uiName Invalid characters error description
+     * @uiType string
+     * @uiWidget textarea
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.invalidCharactersErrorDescription = "Special characters can break the link when sharing.";
+    /**
+     * Title of the error message shown when the link contains invalid special characters.
+     *
+     * @uiName Invalid characters error title
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.invalidCharactersErrorTitle = "Please use only letters, numbers, dashes and underscores";
+    /**
+     * Description text shown when the link has already been taken
+     *
+     * @uiName Link taken error message
+     * @uiType string
+     * @uiWidget textarea
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.linkTakenErrorDescription = "Try adding numbers, a dash or underscore to create a unique link.";
+    /**
+     * Title of the error message shown when the link has already been taken
+     *
+     * @uiName Link taken error title
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.linkTakenErrorTitle = "This link is already taken";
+    /**
+     * Description text shown when the link contains profanity or brand names.
+     *
+     * @uiName Restricted words error description
+     * @uiType string
+     * @uiWidget textarea
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.restrictedWordsErrorDescription = "This link contains a restricted word.";
+    /**
+     * Title of the error message shown when the link contains profanity or brand names.
+     *
+     * @uiName Restricted words error title
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.restrictedWordsErrorTitle = "Please try a different link";
+    /**
+     * Text for the save button in editing mode
+     *
+     * @uiName Save button label
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.saveLabelText = "Save";
+    /**
+     * Text for the save button while saving is in progress
+     *
+     * @uiName Saving button label
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.savingLabelText = "Saving...";
+    /**
+     * Label shown above the link input while editing
+     *
+     * @uiName Edit input label
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.editLabelText = "Enter your link";
+    /**
+     * Text shown when nearing the character limit. Use {charactersRemaining} as a placeholder for the count.
+     *
+     * @uiName Characters remaining text
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.charactersRemainingText = "Characters remaining: {charactersRemaining}";
+    /**
+     * Text shown while the link is being validated
+     *
+     * @uiName Validating label
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.validatingLabelText = "Validating...";
+    /**
+     * @uiName Min characters text
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.minCharactersText = "Minimum 3 characters.";
+    /**
+     * Display text for the support link in the edit limit reached message
+     *
+     * @uiName Support link text
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.supportLinkText = "Support";
+    /**
+     * Title shown when saving fails with an unknown error
+     *
+     * @uiName Save error title
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.saveErrorTitle = "Error";
+    /**
+     * Description shown when saving fails with an unknown error
+     *
+     * @uiName Save error description
+     * @uiType string
+     * @uiWidget textarea
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.saveErrorDescription = "Failed to save custom link. Please try again.";
     domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
@@ -6125,33 +6322,79 @@ const ShareLink = class {
     const props = index_module.isDemo()
       ? useDemoShareLink(thisProps)
       : ShadowViewAddon.useShareLink(thisProps);
-    return index.h(copyTextView.CopyTextView, Object.assign({}, props));
+    return index.h(ShadowViewAddon.ShareLinkView, Object.assign({}, props));
   }
 };
 function useDemoShareLink(props) {
+  var _a;
   const [open, setOpen] = domContextHooks_module.useState(false);
+  const [isEditing, setIsEditing] = domContextHooks_module.useState(false);
+  const [editValue, setEditValue] = domContextHooks_module.useState("");
   const copyString = "https://www.example.com/sharelink/abc";
-  return cjs.cjs({
-    copyString: copyString,
-    tooltiptext: props.tooltiptext,
-    textAlign: props.textAlign,
-    buttonStyle: props.buttonStyle,
-    backgroundColor: props.backgroundColor,
-    textColor: props.textColor,
-    borderRadius: props.borderRadius,
-    buttonType: props.buttonType,
-    copyButtonLabel: props.copyButtonLabel,
-    borderColor: props.borderColor,
-    rewardStatus: "AVAILABLE",
-    open,
-    onClick: () => {
-      // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
-      // Only if called from a user-initiated event
-      navigator.clipboard.writeText(copyString);
-      setOpen(true);
-      setTimeout(() => setOpen(false), props.tooltiplifespan);
+  const domainPrefix = "https://www.example.com/";
+  const baseProps = {
+    copyTextViewProps: {
+      copyString,
+      tooltiptext: props.tooltiptext,
+      textAlign: props.textAlign,
+      buttonStyle: props.buttonStyle,
+      backgroundColor: props.backgroundColor,
+      textColor: props.textColor,
+      borderRadius: props.borderRadius,
+      buttonType: props.buttonType,
+      copyButtonLabel: props.copyButtonLabel,
+      borderColor: props.borderColor,
+      open,
+      onClick: () => {
+        navigator.clipboard.writeText(copyString);
+        setOpen(true);
+        setTimeout(() => setOpen(false), props.tooltiplifespan);
+      },
     },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+    allowCustomization: props.allowCustomization,
+    customizeLinkLabel: props.customizeLinkButtonLabel,
+    saveLabelText: props.saveLabelText,
+    savingLabelText: props.savingLabelText,
+    cancelLabelText: props.cancelLabelText,
+    editLabelText: props.editLabelText,
+    charactersRemainingText: props.charactersRemainingText,
+    validatingLabelText: props.validatingLabelText,
+    isEditing,
+    editValue,
+    domainPrefix,
+    editsRemaining: 5,
+    maxEdits: 5,
+    limitReached: false,
+    validationError: null,
+    isValidating: false,
+    isSaving: false,
+    characterLimit: 15,
+    minCharacters: 3,
+    charactersRemaining: 15 - editValue.length,
+    editLimitText: props.editLimitText,
+    editLimitReachedText: props.editLimitReachedText,
+    supportLinkText: props.supportLinkText,
+    minCharactersText: props.minCharactersText,
+    customizeDisabled: false,
+    customizeDisabledTooltip: (_a = props.customizeDisabledTooltip) !== null && _a !== void 0 ? _a : "Link customization is not available.",
+    onCustomizeClick: () => {
+      setIsEditing(true);
+      setEditValue("");
+    },
+    onEditValueChange: (value) => {
+      setEditValue(value);
+    },
+    onSave: () => {
+      setIsEditing(false);
+    },
+    onCancel: () => {
+      setIsEditing(false);
+      setEditValue("");
+    },
+  };
+  return cjs.cjs(baseProps, props.demoData || {}, {
+    arrayMerge: (_, a) => a,
+  });
 }
 
 const StatContainer = class {
@@ -6418,9 +6661,14 @@ function getCurrentStep(user) {
   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, } = user.impactConnection.publisher;
-  console.log(user.impactConnection, "publisher data in useTaxAndCash to determine step new new");
-  if (user.impactConnection.connectionStatus === "STARTED") {
+  const { requiredTaxDocumentType, currentTaxDocument, withdrawalSettings, brandedSignup, payoutsAccount, billingAddress, billingCity, billingCountryCode, billingPostalCode, billingState, phoneNumber, phoneNumberCountryCode, } = user.impactConnection.publisher;
+  const hasBillingInfo = billingAddress &&
+    billingCity &&
+    billingCountryCode &&
+    billingPostalCode &&
+    phoneNumberCountryCode &&
+    phoneNumber;
+  if (!hasBillingInfo) {
     return "/1";
   }
   // If they do have a required document, look at current document
@@ -6440,6 +6688,7 @@ function useTaxAndCash() {
   const host = index_module._();
   const user = index_module.J();
   const locale = index_module.L();
+  const [completeImpactPartner, { loading: completeLoading }] = index_module.$e(useIndirectTaxForm.COMPLETE_PARTNER);
   // State for current step of form
   const [step, setStep] = index_module.In({
     namespace: data.TAX_CONTEXT_NAMESPACE,
@@ -6547,16 +6796,54 @@ function useTaxAndCash() {
       setCurrenciesContext(supportedCurrencies);
   }, [supportedCurrencies]);
   domContextHooks_module.useEffect(() => {
+    var _a;
     if (errors) {
       setStep("/error");
       return;
     }
     if (!host || !user)
       return;
+    async function completeConnection(user) {
+      var _a, _b, _c, _d, _e, _f;
+      const publisher = (_a = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher;
+      const hasBillingInfo = publisher.billingAddress &&
+        publisher.billingCity &&
+        publisher.billingCountryCode &&
+        publisher.billingPostalCode &&
+        publisher.phoneNumberCountryCode &&
+        publisher.phoneNumber;
+      if (hasBillingInfo &&
+        ((_b = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _b === void 0 ? void 0 : _b.connectionStatus) === "STARTED") {
+        const vars = {
+          user: {
+            id: (_c = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _c === void 0 ? void 0 : _c.id,
+            accountId: (_d = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _d === void 0 ? void 0 : _d.accountId,
+          },
+          firstName: (_e = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _e === void 0 ? void 0 : _e.firstName,
+          lastName: (_f = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _f === void 0 ? void 0 : _f.lastName,
+          countryCode: publisher.billingCountryCode,
+          currency: publisher.currency,
+          address: publisher.billingAddress,
+          city: publisher.billingCity,
+          state: publisher.billingState,
+          postalCode: publisher.billingPostalCode,
+          phoneNumber: publisher.phoneNumber,
+          phoneNumberCountryCode: publisher.phoneNumberCountryCode,
+        };
+        await completeImpactPartner({
+          vars,
+        });
+      }
+    }
     if (data$1) {
       const user = data$1 === null || data$1 === void 0 ? void 0 : data$1.user;
       if (!user || step !== "/loading")
         return;
+      if (((_a = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) &&
+        (user === null || user === void 0 ? void 0 : user.impactConnection.connectionStatus) === "STARTED") {
+        completeConnection(user);
+        refetch();
+      }
       const currentStep = getCurrentStep(user);
       setStep(currentStep);
     }
@@ -6651,11 +6938,6 @@ const TaxAndCashMonolith = class {
      * @uiGroup Step 1 Properties
      */
     this.step1_currency = "Currency";
-    /**
-     * @uiName Currency field help text
-     * @uiGroup Step 1 Properties
-     */
-    this.step1_currencyHelpText = "Choose your preferred payout currency";
     /**
      * Edit the property called terms and conditions text to change what's displayed for {termsAndConditionsLink}.
      * @uiName Terms and conditions checkbox
@@ -6743,7 +7025,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
@@ -6753,7 +7035,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
@@ -7066,12 +7348,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
@@ -7321,7 +7613,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
@@ -7897,6 +8189,77 @@ const TimelineReward = class {
   }
 };
 
+function UserAttributeView(props) {
+  const style = {
+    P: {
+      margin: "0",
+      padding: "0",
+      fontSize: props.fontSize ? `${props.fontSize}px` : "inherit",
+      fontWeight: props.fontWeight || "inherit",
+      color: props.color || "var(--sqm-text)",
+    },
+  };
+  const sheet = JSS.createStyleSheet(style);
+  const styleString = sheet.toString();
+  const loadingSkeleton = (index.h("sqm-skeleton", { width: "200px", height: "20px" }));
+  return (index.h(index.Host, null,
+    index.h("style", null, styleString),
+    index.h("p", { class: sheet.classes.P, part: "sqm-base" }, props.loading ? loadingSkeleton : props.value)));
+}
+
+const GET_CUSTOM_FIELDS = index_module.dist.gql `
+  query getCustomFields {
+    viewer {
+      ... on User {
+        customFields
+      }
+    }
+  }
+`;
+function useUserAttribute(props) {
+  var _a, _b;
+  const user = index_module.J();
+  const res = index_module.wn(GET_CUSTOM_FIELDS, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const loading = res.loading;
+  const customFields = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.customFields;
+  let value = customFields === null || customFields === void 0 ? void 0 : customFields[props.value];
+  if (props.value === "lastSeenDate" && typeof value === "number") {
+    value = luxon.luxon.DateTime.fromMillis(value).toLocaleString(luxon.luxon.DateTime.DATE_MED);
+  }
+  return {
+    loading,
+    value,
+    fontSize: props.fontSize,
+    color: props.color,
+    fontWeight: props.fontWeight,
+  };
+}
+
+const UserAttribute = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ignored = true;
+    domContextHooks_module.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const props = index_module.isDemo() ? useCustomFieldsDemo(this) : useUserAttribute(this);
+    if (props.value == null) {
+      return index.h(index.Host, { style: { display: "none" } });
+    }
+    return index.h(UserAttributeView, Object.assign({}, props));
+  }
+};
+function useCustomFieldsDemo(props) {
+  return cjs.cjs({
+    loading: false,
+    value: "Custom Field Value",
+    fontSize: props.fontSize,
+    color: props.color,
+    fontWeight: props.fontWeight,
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}
+
 function UserNameView(props) {
   return index.h(index.Host, null, props.loading ? props.loadingText : props.username);
 }
@@ -7975,18 +8338,24 @@ const USER_LOOKUP = index_module.dist.gql `
   }
 `;
 function useWidgetVerification() {
-  const userIdentity = index_module.J();
-  const [showCode, setShowCode] = index_module.In({
+  const [showCode] = index_module.In({
     namespace: keys.SHOW_CODE_NAMESPACE,
     initialValue: false,
   });
-  const [email, setEmail] = index_module.In({
+  index_module.In({
     namespace: keys.VERIFICATION_EMAIL_NAMESPACE,
-    initialValue: userIdentity === null || userIdentity === void 0 ? void 0 : userIdentity.email,
+    initialValue: undefined,
   });
   const setContext = index_module.En(keys.VERIFICATION_PARENT_NAMESPACE);
   const [loading, setLoading] = domContextHooks_module.useState(true);
-  const [showPartnerModal, setShowPartnerModal] = domContextHooks_module.useState(false);
+  const [showPartnerModal, setShowPartnerModal] = index_module.In({
+    namespace: keys.SHOW_PARTNER_MODAL_NAMESPACE,
+    initialValue: false,
+  });
+  const [partnerCreated, setPartnerCreated] = index_module.In({
+    namespace: keys.PARTNER_CREATED_NAMESPACE,
+    initialValue: false,
+  });
   const [fetch] = index_module.Xe(USER_LOOKUP);
   domContextHooks_module.useEffect(() => {
     const checkUser = async () => {
@@ -8021,9 +8390,20 @@ function useWidgetVerification() {
   };
   const onPartnerModalComplete = () => {
     setShowPartnerModal(false);
+    setPartnerCreated(false);
     setContext(true);
   };
-  return { showCode, showPartnerModal, onVerification, onPartnerModalComplete, loading };
+  domContextHooks_module.useEffect(() => {
+    if (partnerCreated)
+      onPartnerModalComplete();
+  }, [partnerCreated]);
+  return {
+    showCode,
+    showPartnerModal,
+    onVerification,
+    onPartnerModalComplete,
+    loading,
+  };
 }
 
 const style$3 = {
@@ -8066,16 +8446,6 @@ const WidgetVerification = class {
      * @uiGroup General Text
      */
     this.general_widgetHeaderWithPartnerCreation = "Let's get you ready for rewards";
-    /**
-     * @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
       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@@ -8260,7 +8630,6 @@ const WidgetVerification = class {
     if (props.showPartnerModal && ((_a = partnerState === null || partnerState === void 0 ? void 0 : partnerState.states) === null || _a === void 0 ? void 0 : _a.open) === false) {
       return index.h("div", null);
     }
-    // const generalText = this.getStepTextProps("general_");
     const partnerText = this.getStepTextProps("createPartnerStep_");
     const dialogLabel = this.general_widgetHeaderWithPartnerCreation;
     const renderStepContent = () => {
@@ -8352,5 +8721,6 @@ exports.sqm_task_card = TaskCard;
 exports.sqm_tax_and_cash = TaxAndCashMonolith;
 exports.sqm_timeline = Timeline;
 exports.sqm_timeline_entry = TimelineReward;
+exports.sqm_user_attribute = UserAttribute;
 exports.sqm_user_name = UserName;
 exports.sqm_widget_verification = WidgetVerification;