@saasquatch/mint-components 2.1.8-24 → 2.1.8-26

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

@@ -27,7 +27,7 @@ const useInstantAccessRegistration = require('./useInstantAccessRegistration-651
 const useLeadFormState = require('./useLeadFormState-76d3b511.js');
 const utilities = require('./utilities-096934ea.js');
 const ErrorView = require('./ErrorView-ee7b0f36.js');
-const ShadowViewAddon = require('./ShadowViewAddon-1ed8faf9.js');
+const ShadowViewAddon = require('./ShadowViewAddon-1bc48666.js');
 require('./sqm-portal-container-view-70a47420.js');
 const data = require('./data-e83f8a41.js');
 const extractProps = require('./extractProps-e9c55ba8.js');
@@ -6114,131 +6114,135 @@ const ShareLink = class {
      */
     this.buttonStyle = "icon";
     /**
-     * Enable users to customize their referral link
+     * Let advocates customize their share links up to 5 times.
      *
-     * @uiName Customize URL
+     * @uiName Allow customization
      * @uiType boolean
-     * @uiGroup Customize Vanity Link
+     * @uiGroup Customizable Vanity Link
      * @requiredFlavor impact
      */
     this.allowCustomization = false;
     /**
-     * Text shown below the share link input to trigger customization
+     * Text for the cancel button in editing mode
      *
-     * @uiName Customize link label
+     * @uiName Cancel button label
      * @uiType string
-     * @uiGroup Customize Vanity Link
+     * @uiGroup Customizable Vanity Link
      * @requiredFlavor impact
      */
-    this.customizeLinkLabel = "Customize Link";
+    this.cancelLabelText = "Cancel";
     /**
-     * Text for the save button in editing mode
+     * Tooltip text shown when link customization is disabled
      *
-     * @uiName Save button label
+     * @uiName Customize disabled tooltip
      * @uiType string
-     * @uiGroup Customize Vanity Link
+     * @uiGroup Customizable Vanity Link
      * @requiredFlavor impact
      */
-    this.saveLabelText = "Save";
+    this.customizeDisabledTooltip = "Link customization is not available.";
     /**
-     * Text for the cancel button in editing mode
+     * Displayed below the share link.
      *
-     * @uiName Cancel button label
+     * @uiName Customize link button label
      * @uiType string
-     * @uiGroup Customize Vanity Link
+     * @uiGroup Customizable Vanity Link
      * @requiredFlavor impact
      */
-    this.cancelLabelText = "Cancel";
+    this.customizeLinkButtonLabel = "Customize Link";
     /**
-     * Title text shown when the custom link is already taken
+     * Message shown when the URL has been edited 5 times. To display a clickable link, use {supportLink} as a placeholder.
      *
-     * @uiName Existing code conflict error title
+     * @uiName Edit limit reached text
      * @uiType string
-     * @uiGroup Customize Vanity Link
+     * @uiWidget textarea
+     * @uiGroup Customizable Vanity Link
      * @requiredFlavor impact
      */
-    this.existingCodeConflictErrorTitle = "This link is already taken";
+    this.editLimitReachedText = "5 edit limit reached. To make more changes, please contact {supportLink}.";
     /**
-     * Description text shown when the custom link is already taken
+     * Subtext shown while the user is customizing their URL.
      *
-     * @uiName Existing code conflict error description
+     * @uiName Edit limit text
      * @uiType string
-     * @uiGroup Customize Vanity Link
+     * @uiGroup Customizable Vanity Link
      * @requiredFlavor impact
      */
-    this.existingCodeConflictErrorDescription = "Try adding numbers, a dash or underscore to create a unique link.";
+    this.editLimitText = "You can edit your link up to {editsRemaining} more times.";
     /**
-     * Title text shown when the link contains invalid characters
+     * Description text shown when the link contains invalid special characters.
      *
-     * @uiName Invalid characters error title
+     * @uiName Invalid characters error description
      * @uiType string
-     * @uiGroup Customize Vanity Link
+     * @uiWidget textarea
+     * @uiGroup Customizable Vanity Link
      * @requiredFlavor impact
      */
-    this.invalidCharactersErrorTitle = "Please use only letters, numbers, dashes and underscores";
+    this.invalidCharactersErrorDescription = "Special characters can break the link when sharing.";
     /**
-     * Description text shown when the link contains invalid characters
+     * Title of the error message shown when the link contains invalid special characters.
      *
-     * @uiName Invalid characters error description
+     * @uiName Invalid characters error title
      * @uiType string
-     * @uiGroup Customize Vanity Link
+     * @uiGroup Customizable Vanity Link
      * @requiredFlavor impact
      */
-    this.invalidCharactersErrorDescription = "Special characters can break the link when sharing.";
+    this.invalidCharactersErrorTitle = "Please use only letters, numbers, dashes and underscores";
     /**
-     * Title text shown when the link contains profanity
+     * Description text shown when the link has already been taken
      *
-     * @uiName Profanity error title
+     * @uiName Link taken error message
      * @uiType string
-     * @uiGroup Customize Vanity Link
+     * @uiWidget textarea
+     * @uiGroup Customizable Vanity Link
      * @requiredFlavor impact
      */
-    this.profanityErrorTitle = "Please try a different link";
+    this.linkTakenErrorDescription = "Try adding numbers, a dash or underscore to create a unique link.";
     /**
-     * Description text shown when the link contains profanity
+     * Title of the error message shown when the link has already been taken
      *
-     * @uiName Profanity error description
+     * @uiName Link taken error title
      * @uiType string
-     * @uiGroup Customize Vanity Link
+     * @uiGroup Customizable Vanity Link
      * @requiredFlavor impact
      */
-    this.profanityErrorDescription = "This link contains a restricted word.";
+    this.linkTakenErrorTitle = "This link is already taken";
     /**
-     * Text describing the edit limit
+     * Description text shown when the link contains profanity or brand names.
      *
-     * @uiName Edit limit text
+     * @uiName Restricted words error description
      * @uiType string
-     * @uiGroup Customize Vanity Link
+     * @uiWidget textarea
+     * @uiGroup Customizable Vanity Link
      * @requiredFlavor impact
      */
-    this.editLimitText = "You can edit your link up to {editsRemaining} more times.";
+    this.restrictedWordsErrorDescription = "This link contains a restricted word.";
     /**
-     * Message shown when the edit limit has been reached. Use {supportLink} as a placeholder for the support link.
+     * Title of the error message shown when the link contains profanity or brand names.
      *
-     * @uiName Edit limit reached text
+     * @uiName Restricted words error title
      * @uiType string
-     * @uiGroup Customize Vanity Link
+     * @uiGroup Customizable Vanity Link
      * @requiredFlavor impact
      */
-    this.editLimitReachedText = "5 edit limit reached. To make more changes, please contact {supportLink}.";
+    this.restrictedWordsErrorTitle = "Please try a different link";
     /**
-     * Display text for the support link in the edit limit reached message
+     * Text for the save button in editing mode
      *
-     * @uiName Support link text
+     * @uiName Save button label
      * @uiType string
-     * @uiGroup Customize Vanity Link
+     * @uiGroup Customizable Vanity Link
      * @requiredFlavor impact
      */
-    this.supportLinkText = "Support";
+    this.saveLabelText = "Save";
     /**
-     * Tooltip text shown when link customization is disabled
+     * Display text for the support link in the edit limit reached message
      *
-     * @uiName Customize disabled tooltip
+     * @uiName Support link text
      * @uiType string
-     * @uiGroup Customize Vanity Link
+     * @uiGroup Customizable Vanity Link
      * @requiredFlavor impact
      */
-    this.customizeDisabledTooltip = "Link customization is not available.";
+    this.supportLinkText = "Support";
     domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
@@ -6277,7 +6281,7 @@ function useDemoShareLink(props) {
       },
     },
     allowCustomization: props.allowCustomization,
-    customizeLinkLabel: props.customizeLinkLabel,
+    customizeLinkLabel: props.customizeLinkButtonLabel,
     saveLabelText: props.saveLabelText,
     cancelLabelText: props.cancelLabelText,
     isEditing,

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

@@ -33,7 +33,7 @@ require('./utilities-096934ea.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-6b1acd90.js');
 require('./ErrorView-ee7b0f36.js');
 const sqmQrCodeView = require('./sqm-qr-code-view-1f2daa76.js');
-const ShadowViewAddon = require('./ShadowViewAddon-1ed8faf9.js');
+const ShadowViewAddon = require('./ShadowViewAddon-1bc48666.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-70a47420.js');
 const sqmUserInfoFormView = require('./sqm-user-info-form-view-93e996d6.js');
 const data = require('./data-e83f8a41.js');

package/dist/collection/components/sqm-share-link/sqm-share-link-view.js

@@ -24,7 +24,6 @@ export function ShareLinkView(props) {
       cursor: "pointer",
       color: "var(--sl-color-neutral-900)",
       textAlign: "left",
-      padding: "var(--sl-spacing-small)",
       "&:hover": {
         textDecoration: "underline",
       },
@@ -36,7 +35,6 @@ export function ShareLinkView(props) {
       color: "var(--sl-color-neutral-400)",
       cursor: "default",
       textAlign: "left",
-      padding: "var(--sl-spacing-small)",
     },
     EditContainer: {
       display: "flex",
@@ -119,9 +117,11 @@ export function ShareLinkView(props) {
       cursor: "pointer",
       background: "none",
       border: "none",
-      padding: "0",
       fontFamily: "var(--sl-font-sans)",
       color: "var(--sl-color-neutral-500)",
+      "&::part(label)": {
+        padding: "0",
+      },
     },
     LimitReachedContainer: {
       display: "flex",
@@ -165,7 +165,7 @@ export function ShareLinkView(props) {
             !!validationError ||
             !editValue ||
             editValue.length < minCharacters }, isSaving ? "Saving..." : saveLabelText),
-        h("button", { class: sheet.classes.CancelButton, onClick: onCancel, disabled: isSaving }, cancelLabelText))));
+        h("sl-button", { type: "text", class: sheet.classes.CancelButton, onClick: onCancel, disabled: isSaving }, cancelLabelText))));
   }
   // Default / Customized / Limit reached states
   return (h("div", { class: sheet.classes.Container },
@@ -183,6 +183,7 @@ export function ShareLinkView(props) {
           id: "editLimitReached",
           defaultMessage: editLimitReachedText,
         }, {
-          supportLink: (h("a", { target: "_blank", href: "https://help.impact.com/other/readme/get-help-and-support" }, supportLinkText)),
+          supportLink: (h("a", { target: "_blank", href: "https://help.impact.com/other/readme/get-help-and-support" },
+            h("p", null, supportLinkText))),
         }))))))));
 }