@saasquatch/mint-components 2.1.9 → 2.1.10-1

package/dist/collection/components/sqm-portal-container/sqm-portal-container-view.js

@@ -1,4 +1,4 @@
-import { h, Host } from "@stencil/core";
+import { h } from "@stencil/core";
 import { createStyleSheet } from "../../styling/JSS";
 export function PortalContainerView(props, children) {
   const style = {
@@ -24,10 +24,9 @@ export function PortalContainerView(props, children) {
   }`;
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
-  return (h(Host, null,
-    h("div", { class: sheet.classes.Container, part: "sqm-base" },
-      h("style", { type: "text/css" },
-        vanillaStyle,
-        styleString),
-      children)));
+  return (h("div", { class: sheet.classes.Container, part: "sqm-base" },
+    h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    children));
 }

package/dist/collection/components/sqm-share-link/ShareLink.stories.js

@@ -105,7 +105,11 @@ const defaultCustomizeProps = {
   allowCustomization: true,
   customizeLinkLabel: "Customize Link",
   saveLabelText: "Save",
+  savingLabelText: "Saving...",
   cancelLabelText: "Cancel",
+  editLabelText: "Edit your link",
+  charactersRemainingText: "{count} characters remaining",
+  validatingLabelText: "Validating...",
   isEditing: false,
   editValue: "",
   domainPrefix: "https://ssqt.co/",

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

@@ -9,7 +9,7 @@ const vanillaStyle = `
   }
 `;
 export function ShareLinkView(props) {
-  const { copyTextViewProps, allowCustomization, customizeLinkLabel, saveLabelText, cancelLabelText, isEditing, editValue, domainPrefix, editsRemaining, maxEdits, limitReached, validationError, isValidating, isSaving, characterLimit, minCharacters, charactersRemaining, editLimitText, editLimitReachedText, supportLinkText, customizeDisabled, customizeDisabledTooltip, onCustomizeClick, onEditValueChange, onSave, onCancel, minCharactersText, } = props;
+  const { copyTextViewProps, allowCustomization, customizeLinkLabel, saveLabelText, savingLabelText, cancelLabelText, editLabelText, charactersRemainingText, validatingLabelText, isEditing, editValue, domainPrefix, editsRemaining, limitReached, validationError, isValidating, isSaving, characterLimit, minCharacters, charactersRemaining, editLimitText, editLimitReachedText, supportLinkText, customizeDisabled, customizeDisabledTooltip, onCustomizeClick, onEditValueChange, onSave, onCancel, minCharactersText, } = props;
   const style = {
     Container: {
       display: "flex",
@@ -66,16 +66,13 @@ export function ShareLinkView(props) {
       lineHeight: "var(--sl-input-height-medium)",
     },
     EditInput: {
-      flex: "1",
-      border: "none",
-      outline: "none",
-      padding: "0 var(--sl-spacing-medium) 0 0",
-      fontSize: "var(--sl-font-size-medium)",
-      fontFamily: "var(--sl-font-sans)",
-      color: "var(--sl-input-color)",
-      background: "transparent",
-      lineHeight: "var(--sl-input-height-medium)",
-      minWidth: "0",
+      "&::part(base)": {
+        border: "none",
+        borderRadius: "0",
+      },
+      "&::part(input)": {
+        margin: 0,
+      },
     },
     EditLabel: {
       margin: "0",
@@ -146,10 +143,10 @@ export function ShareLinkView(props) {
       h("style", { type: "text/css" },
         styleString,
         vanillaStyle),
-      h("p", { class: sheet.classes.EditLabel }, "Enter your link"),
+      h("p", { class: sheet.classes.EditLabel }, editLabelText),
       h("div", { class: sheet.classes.EditInputWrapper },
         h("span", { class: sheet.classes.DomainPrefix }, domainPrefix),
-        h("input", { class: sheet.classes.EditInput, type: "text", value: editValue, onInput: (e) => onEditValueChange(e.target.value), onKeyDown: (e) => {
+        h("sl-input", { class: sheet.classes.EditInput, type: "text", value: editValue, onInput: (e) => onEditValueChange(e.target.value), onKeyDown: (e) => {
             if (e.key === "/" || e.key === "@")
               e.preventDefault();
           }, disabled: isSaving, maxLength: characterLimit })),
@@ -158,17 +155,20 @@ export function ShareLinkView(props) {
         " ",
         charactersRemaining > 12 && minCharactersText,
         showCharactersRemaining &&
-          ` Characters remaining: ${charactersRemaining}`),
+          ` ${intl.formatMessage({
+            id: "charactersRemainingText",
+            defaultMessage: charactersRemainingText,
+          }, { charactersRemaining })}`),
       validationError && (h("sqm-form-message", { type: errorMessageType, style: { paddingBottom: "var(--sl-spacing-xx-small)" } },
         h("p", { part: "alert-title" }, validationError.title),
         validationError.description)),
-      isValidating && h("p", { class: sheet.classes.HelperText }, "Validating..."),
+      isValidating && (h("p", { class: sheet.classes.HelperText }, validatingLabelText)),
       h("div", { class: sheet.classes.ActionRow },
         h("button", { class: sheet.classes.SaveButton, onClick: onSave, disabled: isSaving ||
             isValidating ||
             !!validationError ||
             !editValue ||
-            editValue.length < minCharacters }, isSaving ? "Saving..." : saveLabelText),
+            editValue.length < minCharacters }, isSaving ? savingLabelText : saveLabelText),
         h("sl-button", { type: "text", class: sheet.classes.CancelButton, onClick: onCancel, disabled: isSaving }, cancelLabelText))));
   }
   // Default / Customized / Limit reached states

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

@@ -64,6 +64,7 @@ export class ShareLink {
      * @uiName Allow customization
      * @uiType boolean
      * @uiGroup Customizable Vanity Link
+     * @uiWidget CustomLinkSwitch
      * @requiredFlavor impact
      */
     this.allowCustomization = false;
@@ -179,6 +180,42 @@ export class ShareLink {
      * @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
@@ -195,6 +232,25 @@ export class ShareLink {
      * @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.";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -526,6 +582,9 @@ export class ShareLink {
           }, {
             "text": "Customizable Vanity Link",
             "name": "uiGroup"
+          }, {
+            "text": "CustomLinkSwitch",
+            "name": "uiWidget"
           }, {
             "text": "impact",
             "name": "requiredFlavor"
@@ -908,6 +967,126 @@ export class ShareLink {
       "reflect": false,
       "defaultValue": "\"Save\""
     },
+    "savingLabelText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Saving button label",
+            "name": "uiName"
+          }, {
+            "text": "string",
+            "name": "uiType"
+          }, {
+            "text": "Customizable Vanity Link",
+            "name": "uiGroup"
+          }, {
+            "text": "impact",
+            "name": "requiredFlavor"
+          }],
+        "text": "Text for the save button while saving is in progress"
+      },
+      "attribute": "saving-label-text",
+      "reflect": false,
+      "defaultValue": "\"Saving...\""
+    },
+    "editLabelText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Edit input label",
+            "name": "uiName"
+          }, {
+            "text": "string",
+            "name": "uiType"
+          }, {
+            "text": "Customizable Vanity Link",
+            "name": "uiGroup"
+          }, {
+            "text": "impact",
+            "name": "requiredFlavor"
+          }],
+        "text": "Label shown above the link input while editing"
+      },
+      "attribute": "edit-label-text",
+      "reflect": false,
+      "defaultValue": "\"Enter your link\""
+    },
+    "charactersRemainingText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Characters remaining text",
+            "name": "uiName"
+          }, {
+            "text": "string",
+            "name": "uiType"
+          }, {
+            "text": "Customizable Vanity Link",
+            "name": "uiGroup"
+          }, {
+            "text": "impact",
+            "name": "requiredFlavor"
+          }],
+        "text": "Text shown when nearing the character limit. Use {charactersRemaining} as a placeholder for the count."
+      },
+      "attribute": "characters-remaining-text",
+      "reflect": false,
+      "defaultValue": "\"Characters remaining: {charactersRemaining}\""
+    },
+    "validatingLabelText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Validating label",
+            "name": "uiName"
+          }, {
+            "text": "string",
+            "name": "uiType"
+          }, {
+            "text": "Customizable Vanity Link",
+            "name": "uiGroup"
+          }, {
+            "text": "impact",
+            "name": "requiredFlavor"
+          }],
+        "text": "Text shown while the link is being validated"
+      },
+      "attribute": "validating-label-text",
+      "reflect": false,
+      "defaultValue": "\"Validating...\""
+    },
     "minCharactersText": {
       "type": "string",
       "mutable": false,
@@ -968,12 +1147,75 @@ export class ShareLink {
       "reflect": false,
       "defaultValue": "\"Support\""
     },
+    "saveErrorTitle": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Save error title",
+            "name": "uiName"
+          }, {
+            "text": "string",
+            "name": "uiType"
+          }, {
+            "text": "Customizable Vanity Link",
+            "name": "uiGroup"
+          }, {
+            "text": "impact",
+            "name": "requiredFlavor"
+          }],
+        "text": "Title shown when saving fails with an unknown error"
+      },
+      "attribute": "save-error-title",
+      "reflect": false,
+      "defaultValue": "\"Error\""
+    },
+    "saveErrorDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Save error description",
+            "name": "uiName"
+          }, {
+            "text": "string",
+            "name": "uiType"
+          }, {
+            "text": "textarea",
+            "name": "uiWidget"
+          }, {
+            "text": "Customizable Vanity Link",
+            "name": "uiGroup"
+          }, {
+            "text": "impact",
+            "name": "requiredFlavor"
+          }],
+        "text": "Description shown when saving fails with an unknown error"
+      },
+      "attribute": "save-error-description",
+      "reflect": false,
+      "defaultValue": "\"Failed to save custom link. Please try again.\""
+    },
     "demoData": {
       "type": "unknown",
       "mutable": false,
       "complexType": {
         "original": "DemoData<ShareLinkViewProps>",
-        "resolved": "{ copyTextViewProps?: CopyTextViewProps; allowCustomization?: boolean; customizeLinkLabel?: string; saveLabelText?: string; cancelLabelText?: string; isEditing?: boolean; editValue?: string; domainPrefix?: string; editsRemaining?: number; maxEdits?: number; limitReached?: boolean; validationError?: ValidationErrorInfo; isValidating?: boolean; isSaving?: boolean; characterLimit?: number; minCharacters?: number; charactersRemaining?: number; editLimitText?: string; editLimitReachedText?: string; minCharactersText?: string; supportLinkText?: string; customizeDisabled?: boolean; customizeDisabledTooltip?: string; onCustomizeClick?: () => void; onEditValueChange?: (value: string) => void; onSave?: () => void; onCancel?: () => void; }",
+        "resolved": "{ copyTextViewProps?: CopyTextViewProps; allowCustomization?: boolean; customizeLinkLabel?: string; saveLabelText?: string; savingLabelText?: string; cancelLabelText?: string; editLabelText?: string; charactersRemainingText?: string; validatingLabelText?: string; isEditing?: boolean; editValue?: string; domainPrefix?: string; editsRemaining?: number; maxEdits?: number; limitReached?: boolean; validationError?: ValidationErrorInfo; isValidating?: boolean; isSaving?: boolean; characterLimit?: number; minCharacters?: number; charactersRemaining?: number; editLimitText?: string; editLimitReachedText?: string; minCharactersText?: string; supportLinkText?: string; customizeDisabled?: boolean; customizeDisabledTooltip?: string; onCustomizeClick?: () => void; onEditValueChange?: (value: string) => void; onSave?: () => void; onCancel?: () => void; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -997,23 +1239,6 @@ export class ShareLink {
           }],
         "text": ""
       }
-    },
-    "editsRemaining": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "edits-remaining",
-      "reflect": false
     }
   }; }
 }
@@ -1046,7 +1271,11 @@ function useDemoShareLink(props) {
     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,

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

@@ -99,6 +99,7 @@ export function useShareLink(props) {
   const [validationError, setValidationError] = useState(null);
   const [isValidating, setIsValidating] = useState(false);
   const debounceTimerRef = useRef(undefined);
+  const latestValidationValueRef = useRef("");
   const hasPrimaryLinkDomain = ((_c = linkDomainData === null || linkDomainData === void 0 ? void 0 : linkDomainData.tenantSettings) === null || _c === void 0 ? void 0 : _c.primaryLinkDomain) != null;
   const customizeDisabled = !hasPrimaryLinkDomain;
   const vanityCount = (_g = (_f = (_e = (_d = editCountData === null || editCountData === void 0 ? void 0 : editCountData.viewer) === null || _d === void 0 ? void 0 : _d.shareLinkCodes) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.filter((code) => code.isVanity).length) !== null && _g !== void 0 ? _g : 0;
@@ -161,6 +162,7 @@ export function useShareLink(props) {
     const trimmed = value.slice(0, CHARACTER_LIMIT);
     setEditValue(trimmed);
     setValidationError(null);
+    latestValidationValueRef.current = trimmed;
     if (debounceTimerRef.current)
       clearTimeout(debounceTimerRef.current);
     if (!trimmed || trimmed.length < MIN_CHARACTERS) {
@@ -170,8 +172,12 @@ export function useShareLink(props) {
     setIsValidating(true);
     debounceTimerRef.current = setTimeout(async () => {
       var _a, _b;
+      const requestedValue = trimmed;
       try {
-        const result = await validateLinkCode({ linkCode: trimmed });
+        const result = await validateLinkCode({ linkCode: requestedValue });
+        // Discard stale responses if the user has continued typing
+        if (latestValidationValueRef.current !== requestedValue)
+          return;
         if (!((_a = result === null || result === void 0 ? void 0 : result.validateLinkCode) === null || _a === void 0 ? void 0 : _a.valid)) {
           const reason = (_b = result === null || result === void 0 ? void 0 : result.validateLinkCode) === null || _b === void 0 ? void 0 : _b.invalidReason;
           setValidationError(mapErrorCodeToInfo(reason));
@@ -179,9 +185,13 @@ export function useShareLink(props) {
       }
       catch {
         // Validation query failed — don't block the user
+        if (latestValidationValueRef.current !== requestedValue)
+          return;
       }
-      setIsValidating(false);
-    }, 2000);
+      if (latestValidationValueRef.current === requestedValue) {
+        setIsValidating(false);
+      }
+    }, 500);
   }
   async function onSave() {
     var _a, _b;
@@ -208,8 +218,8 @@ export function useShareLink(props) {
       const errorCode = (_a = e === null || e === void 0 ? void 0 : e.extensions) === null || _a === void 0 ? void 0 : _a.code;
       setValidationError((_b = mapErrorCodeToInfo(errorCode)) !== null && _b !== void 0 ? _b : {
         code: null,
-        title: "Error",
-        description: (e === null || e === void 0 ? void 0 : e.message) || "Failed to save custom link. Please try again.",
+        title: props.saveErrorTitle,
+        description: (e === null || e === void 0 ? void 0 : e.message) || props.saveErrorDescription,
       });
     }
   }
@@ -218,6 +228,9 @@ export function useShareLink(props) {
     setEditValue("");
     setValidationError(null);
     setIsValidating(false);
+    latestValidationValueRef.current = "";
+    if (debounceTimerRef.current)
+      clearTimeout(debounceTimerRef.current);
   }
   return {
     copyTextViewProps: {
@@ -230,7 +243,11 @@ export function useShareLink(props) {
     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,

package/dist/esm/{ShadowViewAddon-44c263e0.js → ShadowViewAddon-33f1a8f7.js}

@@ -14,7 +14,7 @@ import { l as luxon } from './luxon-1be92a8e.js';
 import { p as pathToRegexp } from './index-ffa26b43.js';
 import { o as optimizeCloudinaryUrl } from './imageUrl-4775f17b.js';
 import { a as isValidColor, b as isMobile } from './utilities-77b1e0cc.js';
-import { a as PortalSectionView, P as PortalContainerView } from './sqm-portal-container-view-a8c708cd.js';
+import { a as PortalSectionView, P as PortalContainerView } from './sqm-portal-container-view-200c9df8.js';
 
 function BigStatView(props) {
   const { statvalue, flexReverse, alignment, statTextColor, statFontSize, descriptionTextColor, descriptionFontSize, statFontWeight, } = props;
@@ -4234,7 +4234,7 @@ const vanillaStyle$6 = `
   }
 `;
 function ShareLinkView(props) {
-  const { copyTextViewProps, allowCustomization, customizeLinkLabel, saveLabelText, cancelLabelText, isEditing, editValue, domainPrefix, editsRemaining, maxEdits, limitReached, validationError, isValidating, isSaving, characterLimit, minCharacters, charactersRemaining, editLimitText, editLimitReachedText, supportLinkText, customizeDisabled, customizeDisabledTooltip, onCustomizeClick, onEditValueChange, onSave, onCancel, minCharactersText, } = props;
+  const { copyTextViewProps, allowCustomization, customizeLinkLabel, saveLabelText, savingLabelText, cancelLabelText, editLabelText, charactersRemainingText, validatingLabelText, isEditing, editValue, domainPrefix, editsRemaining, limitReached, validationError, isValidating, isSaving, characterLimit, minCharacters, charactersRemaining, editLimitText, editLimitReachedText, supportLinkText, customizeDisabled, customizeDisabledTooltip, onCustomizeClick, onEditValueChange, onSave, onCancel, minCharactersText, } = props;
   const style = {
     Container: {
       display: "flex",
@@ -4291,16 +4291,13 @@ function ShareLinkView(props) {
       lineHeight: "var(--sl-input-height-medium)",
     },
     EditInput: {
-      flex: "1",
-      border: "none",
-      outline: "none",
-      padding: "0 var(--sl-spacing-medium) 0 0",
-      fontSize: "var(--sl-font-size-medium)",
-      fontFamily: "var(--sl-font-sans)",
-      color: "var(--sl-input-color)",
-      background: "transparent",
-      lineHeight: "var(--sl-input-height-medium)",
-      minWidth: "0",
+      "&::part(base)": {
+        border: "none",
+        borderRadius: "0",
+      },
+      "&::part(input)": {
+        margin: 0,
+      },
     },
     EditLabel: {
       margin: "0",
@@ -4371,10 +4368,10 @@ function ShareLinkView(props) {
       h("style", { type: "text/css" },
         styleString,
         vanillaStyle$6),
-      h("p", { class: sheet.classes.EditLabel }, "Enter your link"),
+      h("p", { class: sheet.classes.EditLabel }, editLabelText),
       h("div", { class: sheet.classes.EditInputWrapper },
         h("span", { class: sheet.classes.DomainPrefix }, domainPrefix),
-        h("input", { class: sheet.classes.EditInput, type: "text", value: editValue, onInput: (e) => onEditValueChange(e.target.value), onKeyDown: (e) => {
+        h("sl-input", { class: sheet.classes.EditInput, type: "text", value: editValue, onInput: (e) => onEditValueChange(e.target.value), onKeyDown: (e) => {
             if (e.key === "/" || e.key === "@")
               e.preventDefault();
           }, disabled: isSaving, maxLength: characterLimit })),
@@ -4383,17 +4380,20 @@ function ShareLinkView(props) {
         " ",
         charactersRemaining > 12 && minCharactersText,
         showCharactersRemaining &&
-          ` Characters remaining: ${charactersRemaining}`),
+          ` ${intl.formatMessage({
+            id: "charactersRemainingText",
+            defaultMessage: charactersRemainingText,
+          }, { charactersRemaining })}`),
       validationError && (h("sqm-form-message", { type: errorMessageType, style: { paddingBottom: "var(--sl-spacing-xx-small)" } },
         h("p", { part: "alert-title" }, validationError.title),
         validationError.description)),
-      isValidating && h("p", { class: sheet.classes.HelperText }, "Validating..."),
+      isValidating && (h("p", { class: sheet.classes.HelperText }, validatingLabelText)),
       h("div", { class: sheet.classes.ActionRow },
         h("button", { class: sheet.classes.SaveButton, onClick: onSave, disabled: isSaving ||
             isValidating ||
             !!validationError ||
             !editValue ||
-            editValue.length < minCharacters }, isSaving ? "Saving..." : saveLabelText),
+            editValue.length < minCharacters }, isSaving ? savingLabelText : saveLabelText),
         h("sl-button", { type: "text", class: sheet.classes.CancelButton, onClick: onCancel, disabled: isSaving }, cancelLabelText))));
   }
   // Default / Customized / Limit reached states
@@ -4513,6 +4513,7 @@ function useShareLink(props) {
   const [validationError, setValidationError] = useState(null);
   const [isValidating, setIsValidating] = useState(false);
   const debounceTimerRef = useRef(undefined);
+  const latestValidationValueRef = useRef("");
   const hasPrimaryLinkDomain = ((_c = linkDomainData === null || linkDomainData === void 0 ? void 0 : linkDomainData.tenantSettings) === null || _c === void 0 ? void 0 : _c.primaryLinkDomain) != null;
   const customizeDisabled = !hasPrimaryLinkDomain;
   const vanityCount = (_g = (_f = (_e = (_d = editCountData === null || editCountData === void 0 ? void 0 : editCountData.viewer) === null || _d === void 0 ? void 0 : _d.shareLinkCodes) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.filter((code) => code.isVanity).length) !== null && _g !== void 0 ? _g : 0;
@@ -4575,6 +4576,7 @@ function useShareLink(props) {
     const trimmed = value.slice(0, CHARACTER_LIMIT);
     setEditValue(trimmed);
     setValidationError(null);
+    latestValidationValueRef.current = trimmed;
     if (debounceTimerRef.current)
       clearTimeout(debounceTimerRef.current);
     if (!trimmed || trimmed.length < MIN_CHARACTERS) {
@@ -4584,8 +4586,12 @@ function useShareLink(props) {
     setIsValidating(true);
     debounceTimerRef.current = setTimeout(async () => {
       var _a, _b;
+      const requestedValue = trimmed;
       try {
-        const result = await validateLinkCode({ linkCode: trimmed });
+        const result = await validateLinkCode({ linkCode: requestedValue });
+        // Discard stale responses if the user has continued typing
+        if (latestValidationValueRef.current !== requestedValue)
+          return;
         if (!((_a = result === null || result === void 0 ? void 0 : result.validateLinkCode) === null || _a === void 0 ? void 0 : _a.valid)) {
           const reason = (_b = result === null || result === void 0 ? void 0 : result.validateLinkCode) === null || _b === void 0 ? void 0 : _b.invalidReason;
           setValidationError(mapErrorCodeToInfo(reason));
@@ -4593,9 +4599,13 @@ function useShareLink(props) {
       }
       catch {
         // Validation query failed — don't block the user
+        if (latestValidationValueRef.current !== requestedValue)
+          return;
       }
-      setIsValidating(false);
-    }, 2000);
+      if (latestValidationValueRef.current === requestedValue) {
+        setIsValidating(false);
+      }
+    }, 500);
   }
   async function onSave() {
     var _a, _b;
@@ -4622,8 +4632,8 @@ function useShareLink(props) {
       const errorCode = (_a = e === null || e === void 0 ? void 0 : e.extensions) === null || _a === void 0 ? void 0 : _a.code;
       setValidationError((_b = mapErrorCodeToInfo(errorCode)) !== null && _b !== void 0 ? _b : {
         code: null,
-        title: "Error",
-        description: (e === null || e === void 0 ? void 0 : e.message) || "Failed to save custom link. Please try again.",
+        title: props.saveErrorTitle,
+        description: (e === null || e === void 0 ? void 0 : e.message) || props.saveErrorDescription,
       });
     }
   }
@@ -4632,6 +4642,9 @@ function useShareLink(props) {
     setEditValue("");
     setValidationError(null);
     setIsValidating(false);
+    latestValidationValueRef.current = "";
+    if (debounceTimerRef.current)
+      clearTimeout(debounceTimerRef.current);
   }
   return {
     copyTextViewProps: {
@@ -4644,7 +4657,11 @@ function useShareLink(props) {
     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,