@saasquatch/mint-components 2.1.9-8 → 2.1.9

package/dist/cjs/sqm-stencilbook.cjs.entry.js

@@ -3,42 +3,41 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
-require('./global-0f8b1267.js');
+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');
 require('./cjs-1066ec21.js');
 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 sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-90cd89e3.js');
-const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-020f661c.js');
+require('./sqm-text-span-view-b9e10f5d.js');
+const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-717d0633.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-a45f7a52.js');
 const GenericTableView = require('./GenericTableView-be5648e4.js');
-require('./useChildElements-89bc50a9.js');
+require('./useChildElements-041127d7.js');
 const luxon = require('./luxon-c1ad356a.js');
 const sqmCloseButtonView = require('./sqm-close-button-view-e9f2a454.js');
 require('./index-8c6255f5.js');
 require('./imageUrl-a7880cab.js');
 const emailRegistrationView = require('./email-registration-view-306c8878.js');
-const sqmLeadCheckboxFieldView = require('./sqm-lead-checkbox-field-view-d90f8941.js');
+const sqmLeadCheckboxFieldView = require('./sqm-lead-checkbox-field-view-0af2a157.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-67fd7934.js');
 const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-f330d641.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-6616e3e0.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-20693e59.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-2b4b92da.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-bfdbb98d.js');
-require('./utilities-096934ea.js');
-const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-6b1acd90.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-49b152dd.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-abb773a7.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-3515e1e5.js');
+require('./utilities-fcdb9504.js');
+const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-a767b044.js');
 require('./ErrorView-ee7b0f36.js');
 const sqmQrCodeView = require('./sqm-qr-code-view-1f2daa76.js');
-const ShadowViewAddon = require('./ShadowViewAddon-d679ec76.js');
+const ShadowViewAddon = require('./ShadowViewAddon-1798acd3.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-70a47420.js');
-const sqmUserInfoFormView = require('./sqm-user-info-form-view-923ff8d9.js');
-const data = require('./data-e83f8a41.js');
-const sqmLeadInputFieldView = require('./sqm-lead-input-field-view-818d9e9a.js');
-const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-cd758f12.js');
+const sqmUserInfoFormView = require('./sqm-user-info-form-view-53306f6e.js');
+const data = require('./data-8c8a08f6.js');
+const sqmLeadInputFieldView = require('./sqm-lead-input-field-view-0cd7ebdb.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -10705,6 +10704,7 @@ const props$1 = {
       iframeSrc: "https://example.com",
       iframeHeight: "100%",
       iframeWidth: "100%",
+      codeParam: "rsCode",
     },
   },
 };
@@ -14055,21 +14055,141 @@ const CustomStyles$1 = () => {
   return index.h(copyTextView.CopyTextView, Object.assign({}, props));
 };
 const CustomStylesWithDemoHooks = () => {
-  const props = {
-    copyString: "https://noah.example.com",
-    open: false,
-    tooltiptext: "Copied!",
-    backgroundColor: "#1ed760",
-    borderRadius: "30px",
-    textColor: "red",
-    buttonType: "primary",
-    borderColor: "#121212",
-  };
-  return (index.h("sqm-share-link", { demoData: { ...props }, backgroundColor: "#1ed760" }));
+  return (index.h("sqm-share-link", { demoData: {
+      copyTextViewProps: {
+        copyString: "https://noah.example.com",
+        open: false,
+        tooltiptext: "Copied!",
+        backgroundColor: "#1ed760",
+        borderRadius: "30px",
+        textColor: "red",
+        buttonType: "primary",
+        borderColor: "#121212",
+      },
+    }, backgroundColor: "#1ed760" }));
 };
 const FullStack = () => {
   return index.h("sqm-share-link", null);
 };
+// Customize URL stories
+const noopFn = () => { };
+const defaultCustomizeProps = {
+  copyTextViewProps: {
+    copyString: "https://ssqt.co/abc123",
+    open: false,
+    tooltiptext: "Copied!",
+  },
+  allowCustomization: true,
+  customizeLinkLabel: "Customize Link",
+  saveLabelText: "Save",
+  cancelLabelText: "Cancel",
+  isEditing: false,
+  editValue: "",
+  domainPrefix: "https://ssqt.co/",
+  editsRemaining: 3,
+  maxEdits: 5,
+  limitReached: false,
+  validationError: null,
+  isValidating: false,
+  isSaving: false,
+  characterLimit: 15,
+  minCharacters: 3,
+  charactersRemaining: 15,
+  editLimitText: "You can edit your link up to 5 times.",
+  editLimitReachedText: "5 edit limit reached. To make more changes, please contact {supportLink}.",
+  supportLinkText: "Support",
+  customizeDisabled: false,
+  customizeDisabledTooltip: "Link customization is not available.",
+  minCharactersText: "Minimum 3 characters",
+  onCustomizeClick: noopFn,
+  onEditValueChange: noopFn,
+  onSave: noopFn,
+  onCancel: noopFn,
+};
+const CustomizeUrlDefault = () => {
+  return index.h(ShadowViewAddon.ShareLinkView, Object.assign({}, defaultCustomizeProps));
+};
+const CustomizeUrlEditing = () => {
+  return (index.h(ShadowViewAddon.ShareLinkView, Object.assign({}, {
+    ...defaultCustomizeProps,
+    isEditing: true,
+    editValue: "nvoiwb18",
+    charactersRemaining: 7,
+  })));
+};
+const CustomizeUrlCustomized = () => {
+  return (index.h(ShadowViewAddon.ShareLinkView, Object.assign({}, {
+    ...defaultCustomizeProps,
+    copyTextViewProps: {
+      ...defaultCustomizeProps.copyTextViewProps,
+      copyString: "https://ssqt.co/bobtesterson",
+    },
+  })));
+};
+const CustomizeUrlLimitReached = () => {
+  return (index.h(ShadowViewAddon.ShareLinkView, Object.assign({}, {
+    ...defaultCustomizeProps,
+    copyTextViewProps: {
+      ...defaultCustomizeProps.copyTextViewProps,
+      copyString: "https://ssqt.co/bobtesterson",
+    },
+    editsRemaining: 0,
+    limitReached: true,
+  })));
+};
+const CustomizeUrlDisabled = () => {
+  return (index.h(ShadowViewAddon.ShareLinkView, Object.assign({}, {
+    ...defaultCustomizeProps,
+    customizeDisabled: true,
+  })));
+};
+const CustomizeUrlValidationError = () => {
+  return (index.h(ShadowViewAddon.ShareLinkView, Object.assign({}, {
+    ...defaultCustomizeProps,
+    isEditing: true,
+    editValue: "nvoiwb18",
+    charactersRemaining: 7,
+    validationError: {
+      code: "EXISTING_CODE_CONFLICT",
+      title: "This link is already taken",
+      description: "Try adding numbers, a dash or underscore to create a unique link.",
+    },
+  })));
+};
+const CustomizeUrlInvalidCharacters = () => {
+  return (index.h(ShadowViewAddon.ShareLinkView, Object.assign({}, {
+    ...defaultCustomizeProps,
+    isEditing: true,
+    editValue: "nvoiwb18",
+    charactersRemaining: 7,
+    validationError: {
+      code: "INVALID_CHARACTER",
+      title: "Please use only letters, numbers, dashes and underscores",
+      description: "Special characters can break the link when sharing.",
+    },
+  })));
+};
+const CustomizeUrlProfanity = () => {
+  return (index.h(ShadowViewAddon.ShareLinkView, Object.assign({}, {
+    ...defaultCustomizeProps,
+    isEditing: true,
+    editValue: "nvoiwb18",
+    charactersRemaining: 7,
+    validationError: {
+      code: "BLOCKED_WORD",
+      title: "Please try a different link",
+      description: "This link contains a restricted word.",
+    },
+  })));
+};
+const CustomizeUrlSaving = () => {
+  return (index.h(ShadowViewAddon.ShareLinkView, Object.assign({}, {
+    ...defaultCustomizeProps,
+    isEditing: true,
+    editValue: "bobtesterson",
+    isSaving: true,
+  })));
+};
 
 const ShareLink = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -14084,7 +14204,16 @@ const ShareLink = /*#__PURE__*/Object.freeze({
   CopyButtonBelow: CopyButtonBelow$3,
   CustomStyles: CustomStyles$1,
   CustomStylesWithDemoHooks: CustomStylesWithDemoHooks,
-  FullStack: FullStack
+  FullStack: FullStack,
+  CustomizeUrlDefault: CustomizeUrlDefault,
+  CustomizeUrlEditing: CustomizeUrlEditing,
+  CustomizeUrlCustomized: CustomizeUrlCustomized,
+  CustomizeUrlLimitReached: CustomizeUrlLimitReached,
+  CustomizeUrlDisabled: CustomizeUrlDisabled,
+  CustomizeUrlValidationError: CustomizeUrlValidationError,
+  CustomizeUrlInvalidCharacters: CustomizeUrlInvalidCharacters,
+  CustomizeUrlProfanity: CustomizeUrlProfanity,
+  CustomizeUrlSaving: CustomizeUrlSaving
 });
 
 const UseShareLink_stories = {
@@ -14122,11 +14251,11 @@ const BareBonesView$1 = createHookStory(() => {
   return (index.h("div", null,
     "Sharelink:",
     " ",
-    index.h("code", { style: { borderStyle: "solid", borderWidth: "1px", padding: "2px" } }, res.copyString)));
+    index.h("code", { style: { borderStyle: "solid", borderWidth: "1px", padding: "2px" } }, res.copyTextViewProps.copyString)));
 });
 const RegularView$2 = createHookStory(() => {
   setupGraphQL$c();
-  return (index.h(copyTextView.CopyTextView, Object.assign({}, ShadowViewAddon.useShareLink({
+  return (index.h(ShadowViewAddon.ShareLinkView, Object.assign({}, ShadowViewAddon.useShareLink({
     programId: "klip-referral-program",
     tooltiptext: "Copied to clipboard",
     tooltiplifespan: 1000,
@@ -14134,19 +14263,29 @@ const RegularView$2 = createHookStory(() => {
 });
 const FastTooltip = createHookStory(() => {
   setupGraphQL$c();
-  return (index.h(copyTextView.CopyTextView, Object.assign({}, ShadowViewAddon.useShareLink({
+  return (index.h(ShadowViewAddon.ShareLinkView, Object.assign({}, ShadowViewAddon.useShareLink({
     programId: "klip-referral-program",
-    tooltiptext: "⠀⠀⠀⠀⠀⠀⠀⠀⠀HELLO THERE!!!\n⠀⠀⠀⡯⡯⡾⠝⠘⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢊⠘⡮⣣⠪⠢⡑⡌\n⠀⠀⠀⠟⠝⠈⠀⠀⠀⠡⠀⠠⢈⠠⢐⢠⢂⢔⣐⢄⡂⢔⠀⡁⢉⠸⢨⢑⠕⡌\n⠀⠀⡀⠁⠀⠀⠀⡀⢂⠡⠈⡔⣕⢮⣳⢯⣿⣻⣟⣯⣯⢷⣫⣆⡂⠀⠀⢐⠑⡌\n⢀⠠⠐⠈⠀⢀⢂⠢⡂⠕⡁⣝⢮⣳⢽⡽⣾⣻⣿⣯⡯⣟⣞⢾⢜⢆⠀⡀⠀⠪\n⣬⠂⠀⠀⢀⢂⢪⠨⢂⠥⣺⡪⣗⢗⣽⢽⡯⣿⣽⣷⢿⡽⡾⡽⣝⢎⠀⠀⠀⢡\n⣿⠀⠀⠀⢂⠢⢂⢥⢱⡹⣪⢞⡵⣻⡪⡯⡯⣟⡾⣿⣻⡽⣯⡻⣪⠧⠑⠀⠁⢐\n⣿⠀⠀⠀⠢⢑⠠⠑⠕⡝⡎⡗⡝⡎⣞⢽⡹⣕⢯⢻⠹⡹⢚⠝⡷⡽⡨⠀⠀⢔\n⣿⡯⠀⢈⠈⢄⠂⠂⠐⠀⠌⠠⢑⠱⡱⡱⡑⢔⠁⠀⡀⠐⠐⠐⡡⡹⣪⠀⠀⢘\n⣿⣽⠀⡀⡊⠀⠐⠨⠈⡁⠂⢈⠠⡱⡽⣷⡑⠁⠠⠑⠀⢉⢇⣤⢘⣪⢽⠀⢌⢎\n⣿⢾⠀⢌⠌⠀⡁⠢⠂⠐⡀⠀⢀⢳⢽⣽⡺⣨⢄⣑⢉⢃⢭⡲⣕⡭⣹⠠⢐⢗\n⣿⡗⠀⠢⠡⡱⡸⣔⢵⢱⢸⠈⠀⡪⣳⣳⢹⢜⡵⣱⢱⡱⣳⡹⣵⣻⢔⢅⢬⡷\n⣷⡇⡂⠡⡑⢕⢕⠕⡑⠡⢂⢊⢐⢕⡝⡮⡧⡳⣝⢴⡐⣁⠃⡫⡒⣕⢏⡮⣷⡟\n⣷⣻⣅⠑⢌⠢⠁⢐⠠⠑⡐⠐⠌⡪⠮⡫⠪⡪⡪⣺⢸⠰⠡⠠⠐⢱⠨⡪⡪⡰\n⣯⢷⣟⣇⡂⡂⡌⡀⠀⠁⡂⠅⠂⠀⡑⡄⢇⠇⢝⡨⡠⡁⢐⠠⢀⢪⡐⡜⡪⡊\n⣿⢽⡾⢹⡄⠕⡅⢇⠂⠑⣴⡬⣬⣬⣆⢮⣦⣷⣵⣷⡗⢃⢮⠱⡸⢰⢱⢸⢨⢌\n⣯⢯⣟⠸⣳⡅⠜⠔⡌⡐⠈⠻⠟⣿⢿⣿⣿⠿⡻⣃⠢⣱⡳⡱⡩⢢⠣⡃⠢⠁\n⡯⣟⣞⡇⡿⣽⡪⡘⡰⠨⢐⢀⠢⢢⢄⢤⣰⠼⡾⢕⢕⡵⣝⠎⢌⢪⠪⡘⡌⠀\n⡯⣳⠯⠚⢊⠡⡂⢂⠨⠊⠔⡑⠬⡸⣘⢬⢪⣪⡺⡼⣕⢯⢞⢕⢝⠎⢻⢼⣀⠀\n⠁⡂⠔⡁⡢⠣⢀⠢⠀⠅⠱⡐⡱⡘⡔⡕⡕⣲⡹⣎⡮⡏⡑⢜⢼⡱⢩⣗⣯⣟\n⢀⢂⢑⠀⡂⡃⠅⠊⢄⢑⠠⠑⢕⢕⢝⢮⢺⢕⢟⢮⢊⢢⢱⢄⠃⣇⣞⢞⣞⢾\n⢀⠢⡑⡀⢂⢊⠠⠁⡂⡐⠀⠅⡈⠪⠪⠪⠣⠫⠑⡁⢔⠕⣜⣜⢦⡰⡎⡯⡾⡽",
+    tooltiptext: "Copied to clipboard",
     tooltiplifespan: 500,
   }))));
 });
+const CustomizeUrlEnabled = createHookStory(() => {
+  setupGraphQL$c();
+  return (index.h(ShadowViewAddon.ShareLinkView, Object.assign({}, ShadowViewAddon.useShareLink({
+    programId: "klip-referral-program",
+    tooltiptext: "Copied to clipboard",
+    tooltiplifespan: 1000,
+    allowCustomization: true,
+  }))));
+});
 
 const UseShareLink = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': UseShareLink_stories,
   BareBonesView: BareBonesView$1,
   RegularView: RegularView$2,
-  FastTooltip: FastTooltip
+  FastTooltip: FastTooltip,
+  CustomizeUrlEnabled: CustomizeUrlEnabled
 });
 
 const scenario$C = "@author:Zach\n@owner:Zach\nFeature: Tabs\n\n  The Tabs takes in the Tab component as children and maps through to display their header and content.\n\n  Background: A user on the portal is viewing the widget\n    Given a user viewing the Tabs component\n\n  @motivating\n  Scenario: Content inside the active tab is shown\n    Given the header is set to <tabHeader>\n    And the content inside is <tabContent>\n    And the user has clicked <tabHeader>\n    Then the <tabContent> is shown\n    Examples:\n      | tabHeader | tabContent               |\n      | Settings  | This is the settings tab |\n      | General   | This is the general tab  |\n      | History   | This is the history tab  |\n\n  @motivating\n  @ui\n  Scenario: The placement of the tabs is configurable\n    Given The placement prop has been passed a valid <placement>\n    Then tabs are placed on the <placementResult>\n    Examples:\n      | placement | placementResult                |\n      |           | top of the content             |\n      | left      | left hand side of the content  |\n      | right     | right hand side of the content |\n      | bottom    | bottom of the content          |\n\n\n  @minutia\n  @ui\n  Scenario Outline: Tabs are setup to use the brand color\n    Given the brand color is set to darkblue\n    Then the text inside the active tab is darkblue\n    And the underline of the active tab is darkblue\n\n  @ui\n  Scenario: Tabs are responsive\n    Given the user is on a mobile device\n    When there are more tabs than the horizontal space allows for\n    Then clickable arrows appear on the left and right of the tabs\n    And the tabs are scrollable\n\n  @landmine\n  Scenario: Program section cannot be used inside of tabs\n    Given a tabs component\n    And tab containing a program section with program-id \"test123\"\n    And the program section wraps a component using program context\n    When the tabs component is rendered\n    Then the \"sq:program-id\" event listener for the program section is removed\n    And the component does not use program-id \"test123\" to source its data\n    And falls back to the global program id";
@@ -18701,189 +18840,6 @@ const UserInfoFormView = /*#__PURE__*/Object.freeze({
   DisabledForm: DisabledForm
 });
 
-const PartnerInfoModal_stories = {
-  title: "Components/Partner Info Modal",
-};
-const demoCountries = [
-  { countryCode: "US", displayName: "United States" },
-  { countryCode: "CA", displayName: "Canada" },
-  { countryCode: "GB", displayName: "United Kingdom" },
-  { countryCode: "AU", displayName: "Australia" },
-  { countryCode: "DE", displayName: "Germany" },
-  { countryCode: "FR", displayName: "France" },
-  { countryCode: "JP", displayName: "Japan" },
-];
-const demoCurrencies = [
-  { currencyCode: "USD", displayName: "US Dollar" },
-  { currencyCode: "CAD", displayName: "Canadian Dollar" },
-  { currencyCode: "GBP", displayName: "British Pound" },
-  { currencyCode: "EUR", displayName: "Euro" },
-  { currencyCode: "AUD", displayName: "Australian Dollar" },
-];
-const noopCallbacks = {
-  onCountryChange: (e) => console.log("Country changed:", e),
-  onCurrencyChange: (e) => console.log("Currency changed:", e),
-  setCountrySearch: (v) => console.log("Country search:", v),
-  setCurrencySearch: (v) => console.log("Currency search:", v),
-  onSubmit: () => console.log("Submit"),
-  onClose: () => console.log("Close"),
-};
-const defaultText$1 = {
-  modalHeader: "Let's get you ready for rewards",
-  modalHeaderExistingPartner: "We found an existing account",
-  descriptionNewPartner: "Confirm your country and currency now to get your future rewards faster.",
-  descriptionExistingPartner: "We noticed you are already an Impact.com partner, please confirm your information.",
-  supportDescriptionExistingPartner: "If this is a mistake, please contact Support or sign up for this referral program with a different email.",
-  countryLabel: "Country",
-  currencyLabel: "Currency",
-  submitButtonLabel: "Submit",
-  confirmButtonLabel: "Confirm",
-  searchCountryPlaceholder: "Search for a country",
-  searchCurrencyPlaceholder: "Search for a currency",
-};
-const defaultProps$y = {
-  states: {
-    open: true,
-    loading: false,
-    submitting: false,
-    isExistingPartner: false,
-    countryCode: "",
-    currency: "",
-    error: "",
-    success: false,
-    brandName: "Test Brand",
-    filteredCountries: demoCountries,
-    filteredCurrencies: demoCurrencies,
-  },
-  callbacks: noopCallbacks,
-  text: defaultText$1,
-};
-const NewPartnerEmpty = () => {
-  return index.h(sqmPartnerInfoModalView.PartnerInfoModalView, Object.assign({}, defaultProps$y));
-};
-const NewPartnerPrefilled = () => {
-  const props = {
-    ...defaultProps$y,
-    states: {
-      ...defaultProps$y.states,
-      countryCode: "US",
-      currency: "",
-    },
-  };
-  return index.h(sqmPartnerInfoModalView.PartnerInfoModalView, Object.assign({}, props));
-};
-const NewPartnerFullySelected = () => {
-  const props = {
-    ...defaultProps$y,
-    states: {
-      ...defaultProps$y.states,
-      countryCode: "US",
-      currency: "USD",
-    },
-  };
-  return index.h(sqmPartnerInfoModalView.PartnerInfoModalView, Object.assign({}, props));
-};
-const ExistingPartnerConfirm = () => {
-  const props = {
-    ...defaultProps$y,
-    states: {
-      ...defaultProps$y.states,
-      isExistingPartner: true,
-      countryCode: "CA",
-      currency: "CAD",
-    },
-  };
-  return index.h(sqmPartnerInfoModalView.PartnerInfoModalView, Object.assign({}, props));
-};
-const Submitting = () => {
-  const props = {
-    ...defaultProps$y,
-    states: {
-      ...defaultProps$y.states,
-      countryCode: "GB",
-      currency: "GBP",
-      submitting: true,
-    },
-  };
-  return index.h(sqmPartnerInfoModalView.PartnerInfoModalView, Object.assign({}, props));
-};
-const WithError$3 = () => {
-  const props = {
-    ...defaultProps$y,
-    states: {
-      ...defaultProps$y.states,
-      countryCode: "US",
-      currency: "USD",
-      error: "An error occurred while creating your partner account. Please try again.",
-    },
-  };
-  return index.h(sqmPartnerInfoModalView.PartnerInfoModalView, Object.assign({}, props));
-};
-const ValidationError$1 = () => {
-  const props = {
-    ...defaultProps$y,
-    states: {
-      ...defaultProps$y.states,
-      countryCode: "",
-      currency: "",
-      error: "Please select both a country and currency.",
-    },
-  };
-  return index.h(sqmPartnerInfoModalView.PartnerInfoModalView, Object.assign({}, props));
-};
-const Closed = () => {
-  const props = {
-    ...defaultProps$y,
-    states: {
-      ...defaultProps$y.states,
-      open: false,
-    },
-  };
-  return index.h(sqmPartnerInfoModalView.PartnerInfoModalView, Object.assign({}, props));
-};
-const FullStackDemo = () => {
-  return (index.h("sqm-partner-info-modal", { "brand-name": "Acme", "header-new-partner": "Welcome to {brandName} Program!", "description-new-partner": "We just need a bit more information about you before you start earning cash!", "submit-button-label": "Submit" }));
-};
-
-const PartnerInfoModal = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  'default': PartnerInfoModal_stories,
-  NewPartnerEmpty: NewPartnerEmpty,
-  NewPartnerPrefilled: NewPartnerPrefilled,
-  NewPartnerFullySelected: NewPartnerFullySelected,
-  ExistingPartnerConfirm: ExistingPartnerConfirm,
-  Submitting: Submitting,
-  WithError: WithError$3,
-  ValidationError: ValidationError$1,
-  Closed: Closed,
-  FullStackDemo: FullStackDemo
-});
-
-const WidgetVerification_stories = {
-  title: "Components/Widget Verification",
-};
-const Step1Email = () => (index.h("sqm-widget-verification", { stateController: JSON.stringify({
-    "sqm-widget-verification": { showCode: false },
-  }) }));
-const Step2Code = () => (index.h("sqm-widget-verification", { stateController: JSON.stringify({
-    "sqm-widget-verification": { showCode: true },
-  }) }));
-const Step3PartnerModal = () => (index.h("sqm-widget-verification", { stateController: JSON.stringify({
-    "sqm-widget-verification": { showPartnerModal: true },
-  }) }));
-const Loading$h = () => (index.h("sqm-widget-verification", { stateController: JSON.stringify({
-    "sqm-widget-verification": { loading: true },
-  }) }));
-
-const WidgetVerification = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  'default': WidgetVerification_stories,
-  Step1Email: Step1Email,
-  Step2Code: Step2Code,
-  Step3PartnerModal: Step3PartnerModal,
-  Loading: Loading$h
-});
-
 function deepFreeze(obj) {
     if (obj instanceof Map) {
         obj.clear = obj.delete = obj.set = function () {
@@ -21577,8 +21533,6 @@ const stories = [
   TaxAndCashRewardsTable,
   TaxAndCashReferralTableRewardsCell,
   TaxAndCashReferralTable$1,
-  PartnerInfoModal,
-  WidgetVerification,
 ];
 const StencilStorybook = class {
   constructor(hostRef) {

package/dist/cjs/sqm-tab.cjs.entry.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-require('./index.module-42d413d9.js');
-const reRender = require('./re-render-69bde9ee.js');
+require('./index.module-f8c8495f.js');
+const reRender = require('./re-render-72a0ef45.js');
 
 const TabView = ({}, children) => {
   return index.h(index.Host, null, children);

package/dist/cjs/sqm-tabs.cjs.entry.js

@@ -4,10 +4,10 @@ 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');
 const utils = require('./utils-6847bc06.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');
 
 const TabsView = ({ content, placement, textColor = "var(--sqm-text)", }) => {
   // Vertical padding for top & bottom placement, horizontal for left & right.

package/dist/cjs/{sqm-text-span-view-f274fdf2.js → sqm-text-span-view-b9e10f5d.js}

@@ -53,7 +53,7 @@ function TextSpanView(props, children) {
       display: inline;
     }
   `;
-  return (index.h("span", { class: sheet.classes[type], part: "sqm-base" },
+  return (index.h("span", { class: sheet.classes[type], part: "sqm-text-span" },
     index.h("style", { type: "text/css" },
       vanillaStyle,
       styleString),

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
 require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-f274fdf2.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b9e10f5d.js');
 
 const TextSpan = class {
   constructor(hostRef) {

package/dist/cjs/{sqm-user-info-form-view-923ff8d9.js → sqm-user-info-form-view-53306f6e.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-0f8b1267.js');
+const global = require('./global-b7b1b8fe.js');
 const JSS = require('./JSS-8503a151.js');
-const data = require('./data-e83f8a41.js');
+const data = require('./data-8c8a08f6.js');
 
 const style = {
   Description: {
@@ -1905,14 +1905,9 @@ const UserInfoFormView = (props) => {
     default:
       regionLabel = text.state;
   }
-  // when creating an impact connection without sending phoneNumber data, the impactAPI defaults the value to "000000" and the phoneNumberCountryCode to "DZ"
   function isDisabledPartnerInput(field) {
-    var _a, _b;
-    if (((_a = data$1.partnerData) === null || _a === void 0 ? void 0 : _a.phoneNumber) === "0000000" &&
-      (field === "phoneNumber" || field === "phoneNumberCountryCode")) {
-      return false;
-    }
-    return states.isPartner && !!((_b = data$1.partnerData) === null || _b === void 0 ? void 0 : _b[field]);
+    var _a;
+    return states.isPartner && !!((_a = data$1.partnerData) === null || _a === void 0 ? void 0 : _a[field]);
   }
   function isDisabledUserInput(field) {
     var _a;
@@ -1948,6 +1943,14 @@ const UserInfoFormView = (props) => {
         }, {
           supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
         })))),
+      (states.isPartner || states.isUser) && (index.h("sqm-form-message", { loading: states.loading, type: "info" },
+        index.h("p", { part: "alert-title" }, text.isPartnerAlertHeader),
+        index.h("p", { part: "alert-description" }, global.intl.formatMessage({
+          id: "isPartnerAlertDescription",
+          defaultMessage: text.isPartnerAlertDescription,
+        }, {
+          supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+        })))),
       index.h("div", null,
         index.h("div", { class: classes.InputContainer },
           index.h("sl-input", Object.assign({ class: "ErrorInput", exportparts: "label: input-label, base: input-base", value: formState.firstName, label: text.firstName, disabled: states.disabled || isDisabledUserInput("firstName") }, (((_b = formState.errors) === null || _b === void 0 ? void 0 : _b.firstName) ? {

package/dist/cjs/sqm-widget-verification-controller.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');
 const keys = require('./keys-cff24974.js');
 
 const debug = domContextHooks_module.browser("sq:widget-verification");