@saasquatch/mint-components 2.1.9 → 2.1.10-1

package/dist/cjs/{ShadowViewAddon-1798acd3.js → ShadowViewAddon-c97e80de.js}

@@ -16,7 +16,7 @@ const luxon = require('./luxon-c1ad356a.js');
 const index$1 = require('./index-8c6255f5.js');
 const imageUrl$1 = require('./imageUrl-a7880cab.js');
 const utilities = require('./utilities-fcdb9504.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-70a47420.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-757f921b.js');
 
 function BigStatView(props) {
   const { statvalue, flexReverse, alignment, statTextColor, statFontSize, descriptionTextColor, descriptionFontSize, statFontWeight, } = props;
@@ -4236,7 +4236,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",
@@ -4293,16 +4293,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",
@@ -4373,10 +4370,10 @@ function ShareLinkView(props) {
       index.h("style", { type: "text/css" },
         styleString,
         vanillaStyle$6),
-      index.h("p", { class: sheet.classes.EditLabel }, "Enter your link"),
+      index.h("p", { class: sheet.classes.EditLabel }, editLabelText),
       index.h("div", { class: sheet.classes.EditInputWrapper },
         index.h("span", { class: sheet.classes.DomainPrefix }, domainPrefix),
-        index.h("input", { class: sheet.classes.EditInput, type: "text", value: editValue, onInput: (e) => onEditValueChange(e.target.value), onKeyDown: (e) => {
+        index.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 })),
@@ -4385,17 +4382,20 @@ function ShareLinkView(props) {
         " ",
         charactersRemaining > 12 && minCharactersText,
         showCharactersRemaining &&
-          ` Characters remaining: ${charactersRemaining}`),
+          ` ${global.intl.formatMessage({
+            id: "charactersRemainingText",
+            defaultMessage: charactersRemainingText,
+          }, { charactersRemaining })}`),
       validationError && (index.h("sqm-form-message", { type: errorMessageType, style: { paddingBottom: "var(--sl-spacing-xx-small)" } },
         index.h("p", { part: "alert-title" }, validationError.title),
         validationError.description)),
-      isValidating && index.h("p", { class: sheet.classes.HelperText }, "Validating..."),
+      isValidating && (index.h("p", { class: sheet.classes.HelperText }, validatingLabelText)),
       index.h("div", { class: sheet.classes.ActionRow },
         index.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),
         index.h("sl-button", { type: "text", class: sheet.classes.CancelButton, onClick: onCancel, disabled: isSaving }, cancelLabelText))));
   }
   // Default / Customized / Limit reached states
@@ -4515,6 +4515,7 @@ function useShareLink(props) {
   const [validationError, setValidationError] = domContextHooks_module.useState(null);
   const [isValidating, setIsValidating] = domContextHooks_module.useState(false);
   const debounceTimerRef = domContextHooks_module.useRef(undefined);
+  const latestValidationValueRef = domContextHooks_module.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;
@@ -4577,6 +4578,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) {
@@ -4586,8 +4588,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));
@@ -4595,9 +4601,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;
@@ -4624,8 +4634,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,
       });
     }
   }
@@ -4634,6 +4644,9 @@ function useShareLink(props) {
     setEditValue("");
     setValidationError(null);
     setIsValidating(false);
+    latestValidationValueRef.current = "";
+    if (debounceTimerRef.current)
+      clearTimeout(debounceTimerRef.current);
   }
   return {
     copyTextViewProps: {
@@ -4646,7 +4659,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,