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

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

@@ -14,7 +14,7 @@ export function ShareLinkView(props) {
     Container: {
       display: "flex",
       flexDirection: "column",
-      gap: "var(--sl-spacing-x-small)",
+      gap: "var(--sl-spacing-xx-small)",
       width: "100%",
     },
     CustomizeLinkText: {
@@ -24,6 +24,7 @@ export function ShareLinkView(props) {
       cursor: "pointer",
       color: "var(--sl-color-neutral-900)",
       textAlign: "left",
+      padding: "var(--sl-spacing-small)",
       "&:hover": {
         textDecoration: "underline",
       },
@@ -35,6 +36,7 @@ export function ShareLinkView(props) {
       color: "var(--sl-color-neutral-400)",
       cursor: "default",
       textAlign: "left",
+      padding: "var(--sl-spacing-small)",
     },
     EditContainer: {
       display: "flex",
@@ -121,11 +123,17 @@ export function ShareLinkView(props) {
       fontFamily: "var(--sl-font-sans)",
       color: "var(--sl-color-neutral-500)",
     },
+    LimitReachedContainer: {
+      display: "flex",
+      alignItems: "center",
+      gap: "var(--sl-spacing-x-small)",
+    },
   };
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
   const errorMessageType = (validationError === null || validationError === void 0 ? void 0 : validationError.code) === "EXISTING_CODE_CONFLICT" ? "info" : "warning";
-  const showCharactersRemaining = charactersRemaining <= 7;
+  const showCharactersRemaining = charactersRemaining <= 14;
+  console.log(customizeUrl, limitReached, customizeDisabled, validationError, "customize URL state");
   // Editing state
   if (isEditing) {
     return (h("div", { class: sheet.classes.Container },
@@ -135,17 +143,24 @@ export function ShareLinkView(props) {
       h("p", { class: sheet.classes.EditLabel }, "Enter your link"),
       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), disabled: isSaving, maxLength: characterLimit })),
+        h("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 })),
       h("p", { class: sheet.classes.HelperText },
         editLimitText,
         showCharactersRemaining &&
           ` Characters remaining: ${charactersRemaining}`),
-      validationError && (h("sqm-form-message", { type: errorMessageType },
+      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..."),
       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),
+        h("button", { class: sheet.classes.SaveButton, onClick: onSave, disabled: isSaving ||
+            isValidating ||
+            !!validationError ||
+            !editValue ||
+            editValue.length < minCharacters }, isSaving ? "Saving..." : saveLabelText),
         h("button", { class: sheet.classes.CancelButton, onClick: onCancel, disabled: isSaving }, cancelLabelText))));
   }
   // Default / Customized / Limit reached states
@@ -154,14 +169,16 @@ export function ShareLinkView(props) {
       styleString,
       vanillaStyle),
     h(CopyTextView, Object.assign({}, copyTextViewProps)),
-    customizeUrl && (customizeDisabled ? (h("sl-tooltip", { content: customizeDisabledTooltip, placement: "top", style: { display: "inline-block", width: "fit-content" } },
-      h("p", { class: sheet.classes.CustomizeLinkDisabled }, customizeLinkLabel))) : (h("p", { class: limitReached
-        ? sheet.classes.CustomizeLinkDisabled
-        : sheet.classes.CustomizeLinkText, onClick: limitReached ? undefined : onCustomizeClick }, customizeLinkLabel))),
-    customizeUrl && limitReached && (h("p", { class: sheet.classes.HelperText }, intl.formatMessage({
-      id: "editLimitReached",
-      defaultMessage: editLimitReachedText,
-    }, {
-      supportLink: (h("a", { target: "_blank", href: "https://example.com" }, supportLinkText)),
-    })))));
+    customizeUrl &&
+      (customizeDisabled ? (h("sl-tooltip", { content: customizeDisabledTooltip, placement: "top", style: { display: "inline-block", width: "fit-content" } },
+        h("p", { class: sheet.classes.CustomizeLinkDisabled }, customizeLinkLabel))) : (h("div", { class: sheet.classes.LimitReachedContainer },
+        h("p", { class: limitReached
+            ? sheet.classes.CustomizeLinkDisabled
+            : sheet.classes.CustomizeLinkText, onClick: limitReached ? undefined : onCustomizeClick }, customizeLinkLabel),
+        customizeUrl && limitReached && (h("p", { class: sheet.classes.HelperText }, intl.formatMessage({
+          id: "editLimitReached",
+          defaultMessage: editLimitReachedText,
+        }, {
+          supportLink: (h("a", { target: "_blank", href: "https://help.impact.com/other/readme/get-help-and-support" }, supportLinkText)),
+        }))))))));
 }

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

@@ -114,13 +114,13 @@ export function useShareLink(props) {
         title: props.existingCodeConflictErrorTitle,
         description: props.existingCodeConflictErrorDescription,
       },
-      INVALID_CHARACTERS: {
-        code: "INVALID_CHARACTERS",
+      INVALID_CHARACTER: {
+        code: "INVALID_CHARACTER",
         title: props.invalidCharactersErrorTitle,
         description: props.invalidCharactersErrorDescription,
       },
-      PROFANITY: {
-        code: "PROFANITY",
+      BLOCKED_WORD: {
+        code: "BLOCKED_WORD",
         title: props.profanityErrorTitle,
         description: props.profanityErrorDescription,
       },
@@ -174,6 +174,7 @@ export function useShareLink(props) {
         const result = await validateLinkCode({ linkCode: trimmed });
         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;
+          console.log(reason, "validation error reason from validateLinkCode query");
           setValidationError(mapErrorCodeToInfo(reason));
         }
       }
@@ -206,6 +207,7 @@ export function useShareLink(props) {
     }
     catch (e) {
       const errorCode = (_a = e === null || e === void 0 ? void 0 : e.extensions) === null || _a === void 0 ? void 0 : _a.code;
+      console.log(errorCode, "errorCode from addSharelInkCodeMutation");
       setValidationError((_b = mapErrorCodeToInfo(errorCode)) !== null && _b !== void 0 ? _b : {
         code: null,
         title: "Error",
@@ -219,6 +221,7 @@ export function useShareLink(props) {
     setValidationError(null);
     setIsValidating(false);
   }
+  console.log(validationError, "validation error state"); // TEMP --- IGNORE ---
   return {
     copyTextViewProps: {
       ...props,

package/dist/esm/{ShadowViewAddon-00b8bb80.js → ShadowViewAddon-fcb6446a.js}

@@ -1,19 +1,19 @@
 import { h, c as Host, d as getAssetPath, F as Fragment, g as getElement } from './index-38ad4957.js';
-import { i as intl } from './global-96c14d63.js';
+import { i as intl } from './global-b2ee3a12.js';
 import { b as browser, u as useMemo, k as useState, m as useRef } from './dom-context-hooks.module-50442785.js';
-import { H, L, J, d as dist, w as wn, B, F as Fn, $ as $e, g as getEnvironmentSDK, X as Xe, Q as Qe } from './index.module-b23fdad8.js';
+import { H, L, J, d as dist, w as wn, B, F as Fn, $ as $e, g as getEnvironmentSDK, X as Xe, Q as Qe } 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, j as jss, a as create } from './JSS-67b5cff8.js';
-import { a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED } from './useReferralCodes-52ca720f.js';
+import { a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED } from './useReferralCodes-1ca1fda0.js';
 import { H as HostBlock, A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f750863a.js';
 import { C as CopyTextView } from './copy-text-view-87259b11.js';
 import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
-import { u as useChildElements } from './useChildElements-9bccfb72.js';
+import { u as useChildElements } from './useChildElements-31ba3daf.js';
 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 isValidColor, b as isMobile } from './utilities-f05633da.js';
 import { a as PortalSectionView, P as PortalContainerView } from './sqm-portal-container-view-a8c708cd.js';
 
 function BigStatView(props) {
@@ -4239,7 +4239,7 @@ function ShareLinkView(props) {
     Container: {
       display: "flex",
       flexDirection: "column",
-      gap: "var(--sl-spacing-x-small)",
+      gap: "var(--sl-spacing-xx-small)",
       width: "100%",
     },
     CustomizeLinkText: {
@@ -4249,6 +4249,7 @@ function ShareLinkView(props) {
       cursor: "pointer",
       color: "var(--sl-color-neutral-900)",
       textAlign: "left",
+      padding: "var(--sl-spacing-small)",
       "&:hover": {
         textDecoration: "underline",
       },
@@ -4260,6 +4261,7 @@ function ShareLinkView(props) {
       color: "var(--sl-color-neutral-400)",
       cursor: "default",
       textAlign: "left",
+      padding: "var(--sl-spacing-small)",
     },
     EditContainer: {
       display: "flex",
@@ -4346,11 +4348,17 @@ function ShareLinkView(props) {
       fontFamily: "var(--sl-font-sans)",
       color: "var(--sl-color-neutral-500)",
     },
+    LimitReachedContainer: {
+      display: "flex",
+      alignItems: "center",
+      gap: "var(--sl-spacing-x-small)",
+    },
   };
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
   const errorMessageType = (validationError === null || validationError === void 0 ? void 0 : validationError.code) === "EXISTING_CODE_CONFLICT" ? "info" : "warning";
-  const showCharactersRemaining = charactersRemaining <= 7;
+  const showCharactersRemaining = charactersRemaining <= 14;
+  console.log(customizeUrl, limitReached, customizeDisabled, validationError, "customize URL state");
   // Editing state
   if (isEditing) {
     return (h("div", { class: sheet.classes.Container },
@@ -4360,17 +4368,24 @@ function ShareLinkView(props) {
       h("p", { class: sheet.classes.EditLabel }, "Enter your link"),
       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), disabled: isSaving, maxLength: characterLimit })),
+        h("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 })),
       h("p", { class: sheet.classes.HelperText },
         editLimitText,
         showCharactersRemaining &&
           ` Characters remaining: ${charactersRemaining}`),
-      validationError && (h("sqm-form-message", { type: errorMessageType },
+      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..."),
       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),
+        h("button", { class: sheet.classes.SaveButton, onClick: onSave, disabled: isSaving ||
+            isValidating ||
+            !!validationError ||
+            !editValue ||
+            editValue.length < minCharacters }, isSaving ? "Saving..." : saveLabelText),
         h("button", { class: sheet.classes.CancelButton, onClick: onCancel, disabled: isSaving }, cancelLabelText))));
   }
   // Default / Customized / Limit reached states
@@ -4379,16 +4394,18 @@ function ShareLinkView(props) {
       styleString,
       vanillaStyle$6),
     h(CopyTextView, Object.assign({}, copyTextViewProps)),
-    customizeUrl && (customizeDisabled ? (h("sl-tooltip", { content: customizeDisabledTooltip, placement: "top", style: { display: "inline-block", width: "fit-content" } },
-      h("p", { class: sheet.classes.CustomizeLinkDisabled }, customizeLinkLabel))) : (h("p", { class: limitReached
-        ? sheet.classes.CustomizeLinkDisabled
-        : sheet.classes.CustomizeLinkText, onClick: limitReached ? undefined : onCustomizeClick }, customizeLinkLabel))),
-    customizeUrl && limitReached && (h("p", { class: sheet.classes.HelperText }, intl.formatMessage({
-      id: "editLimitReached",
-      defaultMessage: editLimitReachedText,
-    }, {
-      supportLink: (h("a", { target: "_blank", href: "https://example.com" }, supportLinkText)),
-    })))));
+    customizeUrl &&
+      (customizeDisabled ? (h("sl-tooltip", { content: customizeDisabledTooltip, placement: "top", style: { display: "inline-block", width: "fit-content" } },
+        h("p", { class: sheet.classes.CustomizeLinkDisabled }, customizeLinkLabel))) : (h("div", { class: sheet.classes.LimitReachedContainer },
+        h("p", { class: limitReached
+            ? sheet.classes.CustomizeLinkDisabled
+            : sheet.classes.CustomizeLinkText, onClick: limitReached ? undefined : onCustomizeClick }, customizeLinkLabel),
+        customizeUrl && limitReached && (h("p", { class: sheet.classes.HelperText }, intl.formatMessage({
+          id: "editLimitReached",
+          defaultMessage: editLimitReachedText,
+        }, {
+          supportLink: (h("a", { target: "_blank", href: "https://help.impact.com/other/readme/get-help-and-support" }, supportLinkText)),
+        }))))))));
 }
 
 const MAX_EDITS = 5;
@@ -4503,13 +4520,13 @@ function useShareLink(props) {
         title: props.existingCodeConflictErrorTitle,
         description: props.existingCodeConflictErrorDescription,
       },
-      INVALID_CHARACTERS: {
-        code: "INVALID_CHARACTERS",
+      INVALID_CHARACTER: {
+        code: "INVALID_CHARACTER",
         title: props.invalidCharactersErrorTitle,
         description: props.invalidCharactersErrorDescription,
       },
-      PROFANITY: {
-        code: "PROFANITY",
+      BLOCKED_WORD: {
+        code: "BLOCKED_WORD",
         title: props.profanityErrorTitle,
         description: props.profanityErrorDescription,
       },
@@ -4563,6 +4580,7 @@ function useShareLink(props) {
         const result = await validateLinkCode({ linkCode: trimmed });
         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;
+          console.log(reason, "validation error reason from validateLinkCode query");
           setValidationError(mapErrorCodeToInfo(reason));
         }
       }
@@ -4595,6 +4613,7 @@ function useShareLink(props) {
     }
     catch (e) {
       const errorCode = (_a = e === null || e === void 0 ? void 0 : e.extensions) === null || _a === void 0 ? void 0 : _a.code;
+      console.log(errorCode, "errorCode from addSharelInkCodeMutation");
       setValidationError((_b = mapErrorCodeToInfo(errorCode)) !== null && _b !== void 0 ? _b : {
         code: null,
         title: "Error",
@@ -4608,6 +4627,7 @@ function useShareLink(props) {
     setValidationError(null);
     setIsValidating(false);
   }
+  console.log(validationError, "validation error state"); // TEMP --- IGNORE ---
   return {
     copyTextViewProps: {
       ...props,

package/dist/esm/{data-12e6aae1.js → data-a6752028.js}

@@ -1,6 +1,6 @@
 import { h } from './index-38ad4957.js';
-import { i as intl } from './global-96c14d63.js';
-import { d as dist } from './index.module-b23fdad8.js';
+import { i as intl } from './global-b2ee3a12.js';
+import { d as dist } from './index.module-e266b4d7.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 const style = {