@saasquatch/mint-components 2.1.8-2 → 2.1.8-21

package/dist/esm/{sqm-portal-profile-view-f015fd6a.js → sqm-portal-profile-view-a172bdcc.js}

@@ -1,5 +1,5 @@
 import { h } from './index-38ad4957.js';
-import { i as intl } from './global-96c14d63.js';
+import { i as intl } from './global-b2ee3a12.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
 

package/dist/esm/sqm-portal-profile.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import './global-96c14d63.js';
+import './global-b2ee3a12.js';
 import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
-import { d as dist, J, w as wn, $ as $e, i as isDemo } from './index.module-b23fdad8.js';
+import { d as dist, J, w as wn, $ as $e, i as isDemo } from './index.module-e266b4d7.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import './sqm-text-span-view-738acfb3.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-f015fd6a.js';
-import { i as isEmpty } from './utilities-77b1e0cc.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-a172bdcc.js';
+import { i as isEmpty } from './utilities-f05633da.js';
 
 const GET_USER = dist.gql `
   query {

package/dist/esm/sqm-portal-protected-route.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-38ad4957.js';
 import { f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
-import { J, k as kn, j as jn, i as isDemo } from './index.module-b23fdad8.js';
+import { J, k as kn, j as jn, i as isDemo } from './index.module-e266b4d7.js';
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;

package/dist/esm/sqm-portal-reset-password.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
 import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
-import { f as Je, T as Te, j as jn, i as isDemo } from './index.module-b23fdad8.js';
+import { o as Je, T as Te, j as jn, i as isDemo } from './index.module-e266b4d7.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { s as sanitizeUrlPath } from './utils-334c1e34.js';

package/dist/esm/{sqm-portal-verify-email-view-1a638fae.js → sqm-portal-verify-email-view-c1a72c4f.js}

@@ -1,5 +1,5 @@
 import { h } from './index-38ad4957.js';
-import { j as jn } from './index.module-b23fdad8.js';
+import { j as jn } from './index.module-e266b4d7.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer, H as HostBlock, E as ErrorStyles } from './mixins-f750863a.js';
 import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';

package/dist/esm/sqm-qr-code.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
 import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
-import { d as dist, H, J, B, F as Fn, w as wn, $ as $e, i as isDemo } from './index.module-b23fdad8.js';
+import { d as dist, H, J, B, F as Fn, w as wn, $ as $e, i as isDemo } from './index.module-e266b4d7.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
-import { a as REFERRAL_CODES_NAMESPACE } from './useReferralCodes-52ca720f.js';
+import { a as REFERRAL_CODES_NAMESPACE } from './useReferralCodes-1ca1fda0.js';
 import './ErrorView-74cb3af8.js';
 import { Q as QrCodeView } from './sqm-qr-code-view-ce476721.js';
 

package/dist/esm/sqm-referral-table_11.entry.js

@@ -1,18 +1,18 @@
 import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-38ad4957.js';
-import { i as intl } from './global-96c14d63.js';
+import { i as intl } from './global-b2ee3a12.js';
 import { n as h, j as useReducer, u as useMemo, f as useEffect } from './dom-context-hooks.module-50442785.js';
-import { i as isDemo } from './index.module-b23fdad8.js';
+import { i as isDemo } from './index.module-e266b4d7.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
 import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
 import { G as GenericTableView } from './GenericTableView-8c72ac30.js';
-import { a as useRequestRerender, u as useRerenderListener } from './re-render-f30aeb6b.js';
-import { u as useChildElements } from './useChildElements-9bccfb72.js';
+import { a as useRequestRerender, u as useRerenderListener } from './re-render-4f4bd4da.js';
+import { u as useChildElements } from './useChildElements-31ba3daf.js';
 import { l as luxon } from './luxon-1be92a8e.js';
 import { g as getPaypalMeta } from './mockRewardData-9b27d6f1.js';
-import { u as useReferralTable, t as tryMethod } from './useReferralTable-92af4133.js';
+import { u as useReferralTable, t as tryMethod } from './useReferralTable-456931fd.js';
 
 const mockReferralData = (count = 4) => {
   const data = [...Array(count)].map(() => getMockData());

package/dist/esm/sqm-rewards-table-customer-note-column.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-38ad4957.js';
 import { n as h } from './dom-context-hooks.module-50442785.js';
-import './index.module-b23fdad8.js';
-import { a as useRequestRerender } from './re-render-f30aeb6b.js';
+import './index.module-e266b4d7.js';
+import { a as useRequestRerender } from './re-render-4f4bd4da.js';
 
 const RewardTableCustomerNoteColumn = class {
   constructor(hostRef) {

package/dist/esm/sqm-rewards-table_9.entry.js

@@ -1,17 +1,17 @@
 import { h, r as registerInstance, c as Host } from './index-38ad4957.js';
-import { i as intl } from './global-96c14d63.js';
+import { i as intl } from './global-b2ee3a12.js';
 import { b as browser, j as useReducer, f as useEffect, n as h$1, u as useMemo } from './dom-context-hooks.module-50442785.js';
-import { d as dist, J, H, L, w as wn, R as Rn, i as isDemo } from './index.module-b23fdad8.js';
+import { d as dist, J, H, L, w as wn, R as Rn, i as isDemo } from './index.module-e266b4d7.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
 import { G as GenericTableView } from './GenericTableView-8c72ac30.js';
-import { u as useRerenderListener, a as useRequestRerender } from './re-render-f30aeb6b.js';
-import { u as useChildElements } from './useChildElements-9bccfb72.js';
+import { u as useRerenderListener, a as useRequestRerender } from './re-render-4f4bd4da.js';
+import { u as useChildElements } from './useChildElements-31ba3daf.js';
 import { l as luxon } from './luxon-1be92a8e.js';
 import { m as mockRewardData } from './mockRewardData-9b27d6f1.js';
-import { g as generateUserError } from './useReferralTable-92af4133.js';
+import { g as generateUserError } from './useReferralTable-456931fd.js';
 
 const debug = browser("sq:useRewardsTable");
 const CSS_NAMESPACE = "sqm-rewards-table";

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

@@ -1,39 +1,39 @@
 import { h, r as registerInstance, c as Host } from './index-38ad4957.js';
-import './global-96c14d63.js';
+import './global-b2ee3a12.js';
 import { a as commonjsGlobal, u as useMemo, k as useState, c as createCommonjsModule, f as useEffect, n as h$1 } from './dom-context-hooks.module-50442785.js';
-import { j as jn, s as setUserIdentity, m as setProgramId, k as kn, d as dist, X as Xe } from './index.module-b23fdad8.js';
+import { j as jn, e as setUserIdentity, p as setProgramId, k as kn, d as dist, X as Xe } from './index.module-e266b4d7.js';
 import './cjs-bdfb4486.js';
 import './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import './useReferralCodes-52ca720f.js';
+import './useReferralCodes-1ca1fda0.js';
 import './mixins-f750863a.js';
 import { C as CopyTextView } from './copy-text-view-87259b11.js';
 import './sqm-text-span-view-738acfb3.js';
-import { b as PortalRegisterView, P as PortalForgotPasswordView, a as PortalLoginView, c as PortalVerifyEmailView } from './sqm-portal-verify-email-view-1a638fae.js';
+import { b as PortalRegisterView, P as PortalForgotPasswordView, a as PortalLoginView, c as PortalVerifyEmailView } from './sqm-portal-verify-email-view-c1a72c4f.js';
 import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-2f4936ef.js';
 import { G as GenericTableView } from './GenericTableView-8c72ac30.js';
-import './useChildElements-9bccfb72.js';
+import './useChildElements-31ba3daf.js';
 import { l as luxon } from './luxon-1be92a8e.js';
 import { C as CloseButtonView } from './sqm-close-button-view-fd9012e7.js';
 import './index-ffa26b43.js';
 import './imageUrl-4775f17b.js';
 import { E as EmailRegistrationView } from './email-registration-view-4cdb4129.js';
-import { L as LeadCheckboxFieldView } from './sqm-lead-checkbox-field-view-7928db07.js';
+import { L as LeadCheckboxFieldView } from './sqm-lead-checkbox-field-view-00d76ba1.js';
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-7a682cc3.js';
 import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-376c1bf6.js';
 import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-2b66457a.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-b3beac5a.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-426370f1.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-f015fd6a.js';
-import './utilities-77b1e0cc.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-7f966119.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-13e25037.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-a172bdcc.js';
+import './utilities-f05633da.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-cfbc0eb0.js';
 import './ErrorView-74cb3af8.js';
 import { Q as QrCodeView } from './sqm-qr-code-view-ce476721.js';
-import { S as StatContainerView, B as BigStatView, a as ShareButtonView, P as PortalChangePasswordView, b as PoweredByImg$1, c as BaseRegistrationFormView, u as useDemoBigStat, T as TaskCardView, C as CardFeedView, d as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, L as LeaderboardView, H as HeroView, I as InputFieldView, N as NameFieldsView, f as ChangeMarktingView, g as PortalFooterView, h as PortalFrameView, R as ReferralIframeView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as useShareButton, J as useShareLink, K as ProgressBarView, M as ProgressBar$2, O as LeadFormView, Q as LeadDropdownFieldView, U as ShadowViewAddon } from './ShadowViewAddon-47f1e579.js';
+import { S as StatContainerView, B as BigStatView, a as ShareButtonView, P as PortalChangePasswordView, b as PoweredByImg$1, c as BaseRegistrationFormView, u as useDemoBigStat, T as TaskCardView, C as CardFeedView, d as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, L as LeaderboardView, H as HeroView, I as InputFieldView, N as NameFieldsView, f as ChangeMarktingView, g as PortalFooterView, h as PortalFrameView, R as ReferralIframeView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as useShareButton, J as ShareLinkView, K as useShareLink, M as ProgressBarView, O as ProgressBar$2, Q as LeadFormView, U as LeadDropdownFieldView, V as ShadowViewAddon } from './ShadowViewAddon-fcb6446a.js';
 import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-a8c708cd.js';
-import { I as InvoiceTableView, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, O as OtherRegionSlotView, U as UserInfoFormView$1 } from './sqm-user-info-form-view-19d81a2b.js';
-import { t as taxTypeToName, L as LoadingView } from './data-12e6aae1.js';
-import { L as LeadInputFieldView } from './sqm-lead-input-field-view-d1b91650.js';
+import { I as InvoiceTableView, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, O as OtherRegionSlotView, U as UserInfoFormView$1 } from './sqm-user-info-form-view-0ef6a58f.js';
+import { t as taxTypeToName, L as LoadingView } from './data-a6752028.js';
+import { L as LeadInputFieldView } from './sqm-lead-input-field-view-d8f76a9d.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -10700,7 +10700,6 @@ const props$1 = {
       iframeSrc: "https://example.com",
       iframeHeight: "100%",
       iframeWidth: "100%",
-      codeParam: "rsCode",
     },
   },
 };
@@ -14051,21 +14050,140 @@ const CustomStyles$1 = () => {
   return h(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 (h("sqm-share-link", { demoData: { ...props }, backgroundColor: "#1ed760" }));
+  return (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 h("sqm-share-link", null);
 };
+// Customize URL stories
+const noopFn = () => { };
+const defaultCustomizeProps = {
+  copyTextViewProps: {
+    copyString: "https://ssqt.co/abc123",
+    open: false,
+    tooltiptext: "Copied!",
+  },
+  customizeUrl: 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.",
+  onCustomizeClick: noopFn,
+  onEditValueChange: noopFn,
+  onSave: noopFn,
+  onCancel: noopFn,
+};
+const CustomizeUrlDefault = () => {
+  return h(ShareLinkView, Object.assign({}, defaultCustomizeProps));
+};
+const CustomizeUrlEditing = () => {
+  return (h(ShareLinkView, Object.assign({}, {
+    ...defaultCustomizeProps,
+    isEditing: true,
+    editValue: "nvoiwb18",
+    charactersRemaining: 7,
+  })));
+};
+const CustomizeUrlCustomized = () => {
+  return (h(ShareLinkView, Object.assign({}, {
+    ...defaultCustomizeProps,
+    copyTextViewProps: {
+      ...defaultCustomizeProps.copyTextViewProps,
+      copyString: "https://ssqt.co/bobtesterson",
+    },
+  })));
+};
+const CustomizeUrlLimitReached = () => {
+  return (h(ShareLinkView, Object.assign({}, {
+    ...defaultCustomizeProps,
+    copyTextViewProps: {
+      ...defaultCustomizeProps.copyTextViewProps,
+      copyString: "https://ssqt.co/bobtesterson",
+    },
+    editsRemaining: 0,
+    limitReached: true,
+  })));
+};
+const CustomizeUrlDisabled = () => {
+  return (h(ShareLinkView, Object.assign({}, {
+    ...defaultCustomizeProps,
+    customizeDisabled: true,
+  })));
+};
+const CustomizeUrlValidationError = () => {
+  return (h(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 (h(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 (h(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 (h(ShareLinkView, Object.assign({}, {
+    ...defaultCustomizeProps,
+    isEditing: true,
+    editValue: "bobtesterson",
+    isSaving: true,
+  })));
+};
 
 const ShareLink = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -14080,7 +14198,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 = {
@@ -14118,11 +14245,11 @@ const BareBonesView$1 = createHookStory(() => {
   return (h("div", null,
     "Sharelink:",
     " ",
-    h("code", { style: { borderStyle: "solid", borderWidth: "1px", padding: "2px" } }, res.copyString)));
+    h("code", { style: { borderStyle: "solid", borderWidth: "1px", padding: "2px" } }, res.copyTextViewProps.copyString)));
 });
 const RegularView$2 = createHookStory(() => {
   setupGraphQL$c();
-  return (h(CopyTextView, Object.assign({}, useShareLink({
+  return (h(ShareLinkView, Object.assign({}, useShareLink({
     programId: "klip-referral-program",
     tooltiptext: "Copied to clipboard",
     tooltiplifespan: 1000,
@@ -14130,19 +14257,29 @@ const RegularView$2 = createHookStory(() => {
 });
 const FastTooltip = createHookStory(() => {
   setupGraphQL$c();
-  return (h(CopyTextView, Object.assign({}, useShareLink({
+  return (h(ShareLinkView, Object.assign({}, 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 (h(ShareLinkView, Object.assign({}, useShareLink({
+    programId: "klip-referral-program",
+    tooltiptext: "Copied to clipboard",
+    tooltiplifespan: 1000,
+    customizeUrl: 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";

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

@@ -1,7 +1,7 @@
 import { h, c as Host, r as registerInstance } from './index-38ad4957.js';
 import { n as h$1 } from './dom-context-hooks.module-50442785.js';
-import './index.module-b23fdad8.js';
-import { a as useRequestRerender } from './re-render-f30aeb6b.js';
+import './index.module-e266b4d7.js';
+import { a as useRequestRerender } from './re-render-4f4bd4da.js';
 
 const TabView = ({}, children) => {
   return h(Host, null, children);

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

@@ -1,9 +1,9 @@
 import { h, c as Host, r as registerInstance } from './index-38ad4957.js';
 import { u as useMemo, f as useEffect, n as h$1 } from './dom-context-hooks.module-50442785.js';
-import { _ } from './index.module-b23fdad8.js';
+import { _ } from './index.module-e266b4d7.js';
 import { g as getProps } from './utils-334c1e34.js';
-import { u as useRerenderListener } from './re-render-f30aeb6b.js';
-import { u as useChildElements } from './useChildElements-9bccfb72.js';
+import { u as useRerenderListener } from './re-render-4f4bd4da.js';
+import { u as useChildElements } from './useChildElements-31ba3daf.js';
 
 const TabsView = ({ content, placement, textColor = "var(--sqm-text)", }) => {
   // Vertical padding for top & bottom placement, horizontal for left & right.

package/dist/esm/{sqm-user-info-form-view-19d81a2b.js → sqm-user-info-form-view-0ef6a58f.js}

@@ -1,7 +1,7 @@
 import { h } from './index-38ad4957.js';
-import { i as intl } from './global-96c14d63.js';
+import { i as intl } from './global-b2ee3a12.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { f as formatErrorMessage, L as LoadingView, F as FORM_STEPS, v as validateBillingField } from './data-12e6aae1.js';
+import { f as formatErrorMessage, L as LoadingView, F as FORM_STEPS, v as validateBillingField } from './data-a6752028.js';
 
 const style = {
   Description: {

package/dist/esm/sqm-widget-verification-controller.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-38ad4957.js';
 import { b as browser, n as h, k as useState, f as useEffect } from './dom-context-hooks.module-50442785.js';
-import { I as In, b as useCallback, i as isDemo } from './index.module-b23fdad8.js';
+import { I as In, b as useCallback, i as isDemo } from './index.module-e266b4d7.js';
 import { a as VERIFICATION_PARENT_NAMESPACE } from './keys-406491dc.js';
 
 const debug = browser("sq:widget-verification");

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
 import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
-import { d as dist, J, I as In, o as En, X as Xe, i as isDemo } from './index.module-b23fdad8.js';
+import { d as dist, J, I as In, q as En, X as Xe, i as isDemo } from './index.module-e266b4d7.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { e as extractProps, p as parseStates } from './extractProps-54064fb0.js';

package/dist/esm/{useChildElements-9bccfb72.js → useChildElements-31ba3daf.js}

@@ -1,5 +1,5 @@
 import { k as useState, u as useMemo } from './dom-context-hooks.module-50442785.js';
-import { _ } from './index.module-b23fdad8.js';
+import { _ } from './index.module-e266b4d7.js';
 
 function useChildElements() {
   const host = _();

package/dist/esm/{useInstantAccessRegistration-69fefed0.js → useInstantAccessRegistration-1388dace.js}

@@ -1,7 +1,7 @@
 import { k as useState } from './dom-context-hooks.module-50442785.js';
-import { L, v as vn } from './index.module-b23fdad8.js';
+import { L, v as vn } from './index.module-e266b4d7.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import { u as useRegistrationFormState } from './useRegistrationFormState-2c090c38.js';
+import { u as useRegistrationFormState } from './useRegistrationFormState-0cee2d21.js';
 
 function useInstantAccessRegistration(props) {
   const locale = L();

package/dist/esm/{useLeadFormState-dd4e8b08.js → useLeadFormState-cec544ea.js}

@@ -1,7 +1,7 @@
 import { h } from './index-38ad4957.js';
-import { i as intl } from './global-96c14d63.js';
+import { i as intl } from './global-b2ee3a12.js';
 import { k as useState, y } from './dom-context-hooks.module-50442785.js';
-import { _ } from './index.module-b23fdad8.js';
+import { _ } from './index.module-e266b4d7.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 const style = {

package/dist/esm/{usePayoutStatus-46c0c289.js → usePayoutStatus-1c12a397.js}

@@ -1,5 +1,5 @@
 import { k as useState, f as useEffect } from './dom-context-hooks.module-50442785.js';
-import { d as dist, J, $ as $e, g as getEnvironmentSDK, w as wn } from './index.module-b23fdad8.js';
+import { d as dist, J, $ as $e, g as getEnvironmentSDK, w as wn } from './index.module-e266b4d7.js';
 
 const TAX_FORM_UPDATED_EVENT_KEY = "sqm:tax-form-updated";
 

package/dist/esm/{usePortalRegistrationForm-62de6fb1.js → usePortalRegistrationForm-6d562bf8.js}

@@ -1,7 +1,7 @@
 import { m as useRef, f as useEffect } from './dom-context-hooks.module-50442785.js';
-import { d as dist, L, O as Oe, w as wn, j as jn, b as useCallback } from './index.module-b23fdad8.js';
+import { d as dist, L, O as Oe, w as wn, j as jn, b as useCallback } from './index.module-e266b4d7.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import { u as useRegistrationFormState } from './useRegistrationFormState-2c090c38.js';
+import { u as useRegistrationFormState } from './useRegistrationFormState-0cee2d21.js';
 
 // This file is a workaround for a bug in web browsers' "native"
 // ES6 importing system which is uncapable of importing "*.json" files.

package/dist/esm/{useReferralCodes-52ca720f.js → useReferralCodes-1ca1fda0.js}

@@ -1,5 +1,5 @@
 import { f as useEffect } from './dom-context-hooks.module-50442785.js';
-import { d as dist, J, B, H, Q as Qe, R as Rn, I as In } from './index.module-b23fdad8.js';
+import { d as dist, J, B, H, Q as Qe, R as Rn, I as In } from './index.module-e266b4d7.js';
 
 const GET_REFERRAL_CODES = dist.gql `
   query getCodes(

package/dist/esm/{useReferralTable-92af4133.js → useReferralTable-456931fd.js}

@@ -1,8 +1,8 @@
 import { h } from './index-38ad4957.js';
 import { b as browser, j as useReducer, f as useEffect } from './dom-context-hooks.module-50442785.js';
-import { d as dist, J, H, L, w as wn, R as Rn } from './index.module-b23fdad8.js';
-import { u as useRerenderListener } from './re-render-f30aeb6b.js';
-import { u as useChildElements } from './useChildElements-9bccfb72.js';
+import { d as dist, J, H, L, w as wn, R as Rn } from './index.module-e266b4d7.js';
+import { u as useRerenderListener } from './re-render-4f4bd4da.js';
+import { u as useChildElements } from './useChildElements-31ba3daf.js';
 
 const debug = browser("sq:useReferralTable");
 const CSS_NAMESPACE = "sqm-referral-table";

package/dist/esm/{useRegistrationFormState-2c090c38.js → useRegistrationFormState-0cee2d21.js}

@@ -1,5 +1,5 @@
 import { i as d, y } from './dom-context-hooks.module-50442785.js';
-import { _ } from './index.module-b23fdad8.js';
+import { _ } from './index.module-e266b4d7.js';
 
 const REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
 const REGISTRATION_FORM_STATE_CONTEXT_INTERNAL = "sq:registration-form-state-internal";

package/dist/esm/{useVerificationEmail-c13c3b51.js → useVerificationEmail-5c6cd733.js}

@@ -1,5 +1,5 @@
 import { k as useState, f as useEffect } from './dom-context-hooks.module-50442785.js';
-import { d as dist, J, X as Xe, $ as $e } from './index.module-b23fdad8.js';
+import { d as dist, J, X as Xe, $ as $e } from './index.module-e266b4d7.js';
 
 const UserLookupQuery = dist.gql `
   query userLookup {

package/dist/esm/{utilities-77b1e0cc.js → utilities-f05633da.js}

@@ -1,5 +1,5 @@
 import { k as useState, f as useEffect } from './dom-context-hooks.module-50442785.js';
-import { b as useCallback } from './index.module-b23fdad8.js';
+import { b as useCallback } from './index.module-e266b4d7.js';
 
 // import { IntlMessageFormat } from 'intl-messageformat';
 function isMobile(breakPoint) {