@saasquatch/mint-components 2.1.8-7 → 2.1.8-9

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

@@ -173,33 +173,33 @@ export const CustomizeUrlValidationError = () => {
     editValue: "nvoiwb18",
     charactersRemaining: 7,
     validationError: {
-      code: "LINK_TAKEN",
+      code: "EXISTING_CODE_CONFLICT",
       title: "This link is already taken",
       description: "Try adding numbers, a dash or underscore to create a unique link.",
     },
   })));
 };
-export const CustomizeUrlInvalidSymbols = () => {
+export const CustomizeUrlInvalidCharacters = () => {
   return (h(ShareLinkView, Object.assign({}, {
     ...defaultCustomizeProps,
     isEditing: true,
     editValue: "nvoiwb18",
     charactersRemaining: 7,
     validationError: {
-      code: "INVALID_SYMBOLS",
+      code: "INVALID_CHARACTERS",
       title: "Please use only letters, numbers, dashes and underscores",
-      description: "Special symbols can break the link when sharing.",
+      description: "Special characters can break the link when sharing.",
     },
   })));
 };
-export const CustomizeUrlRestrictedWord = () => {
+export const CustomizeUrlProfanity = () => {
   return (h(ShareLinkView, Object.assign({}, {
     ...defaultCustomizeProps,
     isEditing: true,
     editValue: "nvoiwb18",
     charactersRemaining: 7,
     validationError: {
-      code: "RESTRICTED_WORD",
+      code: "PROFANITY",
       title: "Please try a different link",
       description: "This link contains a restricted word.",
     },

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

@@ -129,7 +129,7 @@ export function ShareLinkView(props) {
   };
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
-  const errorMessageType = (validationError === null || validationError === void 0 ? void 0 : validationError.code) === "LINK_TAKEN" ? "info" : "warning";
+  const errorMessageType = (validationError === null || validationError === void 0 ? void 0 : validationError.code) === "EXISTING_CODE_CONFLICT" ? "info" : "warning";
   const showCharactersRemaining = charactersRemaining <= 7;
   // Editing state
   if (isEditing) {

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

@@ -96,45 +96,45 @@ export class ShareLink {
     /**
      * Title text shown when the custom link is already taken
      *
-     * @uiName Link taken error title
+     * @uiName Existing code conflict error title
      * @uiType string
      */
-    this.linkTakenErrorTitle = "This link is already taken";
+    this.existingCodeConflictErrorTitle = "This link is already taken";
     /**
      * Description text shown when the custom link is already taken
      *
-     * @uiName Link taken error description
+     * @uiName Existing code conflict error description
      * @uiType string
      */
-    this.linkTakenErrorDescription = "Try adding numbers, a dash or underscore to create a unique link.";
+    this.existingCodeConflictErrorDescription = "Try adding numbers, a dash or underscore to create a unique link.";
     /**
-     * Title text shown when the link contains invalid symbols
+     * Title text shown when the link contains invalid characters
      *
-     * @uiName Invalid symbols error title
+     * @uiName Invalid characters error title
      * @uiType string
      */
-    this.invalidSymbolsErrorTitle = "Please use only letters, numbers, dashes and underscores";
+    this.invalidCharactersErrorTitle = "Please use only letters, numbers, dashes and underscores";
     /**
-     * Description text shown when the link contains invalid symbols
+     * Description text shown when the link contains invalid characters
      *
-     * @uiName Invalid symbols error description
+     * @uiName Invalid characters error description
      * @uiType string
      */
-    this.invalidSymbolsErrorDescription = "Special symbols can break the link when sharing.";
+    this.invalidCharactersErrorDescription = "Special characters can break the link when sharing.";
     /**
-     * Title text shown when the link contains a restricted word
+     * Title text shown when the link contains profanity
      *
-     * @uiName Restricted word error title
+     * @uiName Profanity error title
      * @uiType string
      */
-    this.restrictedWordErrorTitle = "Please try a different link";
+    this.profanityErrorTitle = "Please try a different link";
     /**
-     * Description text shown when the link contains a restricted word
+     * Description text shown when the link contains profanity
      *
-     * @uiName Restricted word error description
+     * @uiName Profanity error description
      * @uiType string
      */
-    this.restrictedWordErrorDescription = "This link contains a restricted word.";
+    this.profanityErrorDescription = "This link contains a restricted word.";
     /**
      * Text describing the edit limit
      *
@@ -594,7 +594,7 @@ export class ShareLink {
       "reflect": false,
       "defaultValue": "\"Link updated successfully\""
     },
-    "linkTakenErrorTitle": {
+    "existingCodeConflictErrorTitle": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -606,7 +606,7 @@ export class ShareLink {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Link taken error title",
+            "text": "Existing code conflict error title",
             "name": "uiName"
           }, {
             "text": "string",
@@ -614,11 +614,11 @@ export class ShareLink {
           }],
         "text": "Title text shown when the custom link is already taken"
       },
-      "attribute": "link-taken-error-title",
+      "attribute": "existing-code-conflict-error-title",
       "reflect": false,
       "defaultValue": "\"This link is already taken\""
     },
-    "linkTakenErrorDescription": {
+    "existingCodeConflictErrorDescription": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -630,7 +630,7 @@ export class ShareLink {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Link taken error description",
+            "text": "Existing code conflict error description",
             "name": "uiName"
           }, {
             "text": "string",
@@ -638,11 +638,11 @@ export class ShareLink {
           }],
         "text": "Description text shown when the custom link is already taken"
       },
-      "attribute": "link-taken-error-description",
+      "attribute": "existing-code-conflict-error-description",
       "reflect": false,
       "defaultValue": "\"Try adding numbers, a dash or underscore to create a unique link.\""
     },
-    "invalidSymbolsErrorTitle": {
+    "invalidCharactersErrorTitle": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -654,19 +654,19 @@ export class ShareLink {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Invalid symbols error title",
+            "text": "Invalid characters error title",
             "name": "uiName"
           }, {
             "text": "string",
             "name": "uiType"
           }],
-        "text": "Title text shown when the link contains invalid symbols"
+        "text": "Title text shown when the link contains invalid characters"
       },
-      "attribute": "invalid-symbols-error-title",
+      "attribute": "invalid-characters-error-title",
       "reflect": false,
       "defaultValue": "\"Please use only letters, numbers, dashes and underscores\""
     },
-    "invalidSymbolsErrorDescription": {
+    "invalidCharactersErrorDescription": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -678,19 +678,19 @@ export class ShareLink {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Invalid symbols error description",
+            "text": "Invalid characters error description",
             "name": "uiName"
           }, {
             "text": "string",
             "name": "uiType"
           }],
-        "text": "Description text shown when the link contains invalid symbols"
+        "text": "Description text shown when the link contains invalid characters"
       },
-      "attribute": "invalid-symbols-error-description",
+      "attribute": "invalid-characters-error-description",
       "reflect": false,
-      "defaultValue": "\"Special symbols can break the link when sharing.\""
+      "defaultValue": "\"Special characters can break the link when sharing.\""
     },
-    "restrictedWordErrorTitle": {
+    "profanityErrorTitle": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -702,19 +702,19 @@ export class ShareLink {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Restricted word error title",
+            "text": "Profanity error title",
             "name": "uiName"
           }, {
             "text": "string",
             "name": "uiType"
           }],
-        "text": "Title text shown when the link contains a restricted word"
+        "text": "Title text shown when the link contains profanity"
       },
-      "attribute": "restricted-word-error-title",
+      "attribute": "profanity-error-title",
       "reflect": false,
       "defaultValue": "\"Please try a different link\""
     },
-    "restrictedWordErrorDescription": {
+    "profanityErrorDescription": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -726,15 +726,15 @@ export class ShareLink {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Restricted word error description",
+            "text": "Profanity error description",
             "name": "uiName"
           }, {
             "text": "string",
             "name": "uiType"
           }],
-        "text": "Description text shown when the link contains a restricted word"
+        "text": "Description text shown when the link contains profanity"
       },
-      "attribute": "restricted-word-error-description",
+      "attribute": "profanity-error-description",
       "reflect": false,
       "defaultValue": "\"This link contains a restricted word.\""
     },

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

@@ -1,4 +1,4 @@
-import { useEngagementMedium, useMutation, useParentValue, useProgramId, useQuery, useUserIdentity, } from "@saasquatch/component-boilerplate";
+import { useEngagementMedium, useLazyQuery, useMutation, useParentValue, useProgramId, useQuery, useUserIdentity, } from "@saasquatch/component-boilerplate";
 import { useRef, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import { REFERRAL_CODES_NAMESPACE, SET_CODE_COPIED, } from "../sqm-referral-codes/useReferralCodes";
@@ -35,12 +35,11 @@ const ADD_SHARE_LINK_CODE = gql `
     }
   }
 `;
-// TODO: Replace with actual validation query when backend is ready
 const VALIDATE_LINK_CODE = gql `
-  query validateLinkCode($linkCode: String!, $programId: ID) {
-    validateShareLinkCode(linkCode: $linkCode, programId: $programId) {
+  query validateLinkCode($linkCode: String!) {
+    validateLinkCode(linkCode: $linkCode) {
       valid
-      message
+      invalidReason
     }
   }
 `;
@@ -53,7 +52,6 @@ const GET_LINK_DOMAIN = gql `
     }
   }
 `;
-// TODO: Replace with actual edit count query when backend is ready
 const SHARE_LINK_EDIT_COUNT = gql `
   query shareLinkEditCount {
     viewer {
@@ -97,8 +95,8 @@ export function useShareLink(props) {
   const [sendLoadEvent] = useMutation(WIDGET_ENGAGEMENT_EVENT);
   const [setCopied] = useMutation(SET_CODE_COPIED);
   const [addShareLinkCode, { loading: isSaving }] = useMutation(ADD_SHARE_LINK_CODE);
+  const [validateLinkCode] = useLazyQuery(VALIDATE_LINK_CODE);
   const { data: linkDomainData } = useQuery(GET_LINK_DOMAIN, {}, !(user === null || user === void 0 ? void 0 : user.jwt) || !props.customizeUrl);
-  // TODO: Wire up when backend query is ready
   const { data: editCountData } = useQuery(SHARE_LINK_EDIT_COUNT, {}, !(user === null || user === void 0 ? void 0 : user.jwt) || !props.customizeUrl);
   const copyString = (_b = ((contextData === null || contextData === void 0 ? void 0 : contextData.shareLink) || ((_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.shareLink))) !== null && _b !== void 0 ? _b : 
   // Shown during loading
@@ -121,20 +119,20 @@ export function useShareLink(props) {
     if (!errorCode)
       return null;
     const errorMap = {
-      LINK_TAKEN: {
-        code: "LINK_TAKEN",
-        title: props.linkTakenErrorTitle,
-        description: props.linkTakenErrorDescription,
+      EXISTING_CODE_CONFLICT: {
+        code: "EXISTING_CODE_CONFLICT",
+        title: props.existingCodeConflictErrorTitle,
+        description: props.existingCodeConflictErrorDescription,
       },
-      INVALID_SYMBOLS: {
-        code: "INVALID_SYMBOLS",
-        title: props.invalidSymbolsErrorTitle,
-        description: props.invalidSymbolsErrorDescription,
+      INVALID_CHARACTERS: {
+        code: "INVALID_CHARACTERS",
+        title: props.invalidCharactersErrorTitle,
+        description: props.invalidCharactersErrorDescription,
       },
-      RESTRICTED_WORD: {
-        code: "RESTRICTED_WORD",
-        title: props.restrictedWordErrorTitle,
-        description: props.restrictedWordErrorDescription,
+      PROFANITY: {
+        code: "PROFANITY",
+        title: props.profanityErrorTitle,
+        description: props.profanityErrorDescription,
       },
     };
     return errorMap[errorCode];
@@ -181,11 +179,17 @@ export function useShareLink(props) {
     }
     setIsValidating(true);
     debounceTimerRef.current = setTimeout(async () => {
-      // TODO: Call actual validation query when backend is ready
-      // Example: const result = await validateLinkCode({ linkCode: trimmed, programId });
-      // if (!result?.validateShareLinkCode?.valid) {
-      //   setValidationError(mapErrorCodeToInfo(result.validateShareLinkCode.errorCode));
-      // }
+      var _a, _b;
+      try {
+        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;
+          setValidationError(mapErrorCodeToInfo(reason));
+        }
+      }
+      catch {
+        // Validation query failed — don't block the user
+      }
       setIsValidating(false);
     }, 2000);
   }
@@ -249,8 +253,7 @@ export function useShareLink(props) {
     editLimitText: props.editLimitText,
     editLimitReachedText: props.editLimitReachedText,
     supportLinkText: props.supportLinkText,
-    // customizeDisabled,
-    customizeDisabled: false,
+    customizeDisabled,
     customizeDisabledTooltip: props.customizeDisabledTooltip,
     onCustomizeClick,
     onEditValueChange,

package/dist/esm/{ShadowViewAddon-2e9a1655.js → ShadowViewAddon-c6a80259.js}

@@ -1,7 +1,7 @@
 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 { 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 } 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 } from './index.module-b23fdad8.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';
@@ -4354,7 +4354,7 @@ function ShareLinkView(props) {
   };
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
-  const errorMessageType = (validationError === null || validationError === void 0 ? void 0 : validationError.code) === "LINK_TAKEN" ? "info" : "warning";
+  const errorMessageType = (validationError === null || validationError === void 0 ? void 0 : validationError.code) === "EXISTING_CODE_CONFLICT" ? "info" : "warning";
   const showCharactersRemaining = charactersRemaining <= 7;
   // Editing state
   if (isEditing) {
@@ -4430,12 +4430,11 @@ const ADD_SHARE_LINK_CODE = dist.gql `
     }
   }
 `;
-// TODO: Replace with actual validation query when backend is ready
 const VALIDATE_LINK_CODE = dist.gql `
-  query validateLinkCode($linkCode: String!, $programId: ID) {
-    validateShareLinkCode(linkCode: $linkCode, programId: $programId) {
+  query validateLinkCode($linkCode: String!) {
+    validateLinkCode(linkCode: $linkCode) {
       valid
-      message
+      invalidReason
     }
   }
 `;
@@ -4448,7 +4447,6 @@ const GET_LINK_DOMAIN = dist.gql `
     }
   }
 `;
-// TODO: Replace with actual edit count query when backend is ready
 const SHARE_LINK_EDIT_COUNT = dist.gql `
   query shareLinkEditCount {
     viewer {
@@ -4492,8 +4490,8 @@ function useShareLink(props) {
   const [sendLoadEvent] = $e(WIDGET_ENGAGEMENT_EVENT);
   const [setCopied] = $e(SET_CODE_COPIED);
   const [addShareLinkCode, { loading: isSaving }] = $e(ADD_SHARE_LINK_CODE);
+  const [validateLinkCode] = Xe(VALIDATE_LINK_CODE);
   const { data: linkDomainData } = wn(GET_LINK_DOMAIN, {}, !(user === null || user === void 0 ? void 0 : user.jwt) || !props.customizeUrl);
-  // TODO: Wire up when backend query is ready
   const { data: editCountData } = wn(SHARE_LINK_EDIT_COUNT, {}, !(user === null || user === void 0 ? void 0 : user.jwt) || !props.customizeUrl);
   const copyString = (_b = ((contextData === null || contextData === void 0 ? void 0 : contextData.shareLink) || ((_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.shareLink))) !== null && _b !== void 0 ? _b : 
   // Shown during loading
@@ -4516,20 +4514,20 @@ function useShareLink(props) {
     if (!errorCode)
       return null;
     const errorMap = {
-      LINK_TAKEN: {
-        code: "LINK_TAKEN",
-        title: props.linkTakenErrorTitle,
-        description: props.linkTakenErrorDescription,
+      EXISTING_CODE_CONFLICT: {
+        code: "EXISTING_CODE_CONFLICT",
+        title: props.existingCodeConflictErrorTitle,
+        description: props.existingCodeConflictErrorDescription,
       },
-      INVALID_SYMBOLS: {
-        code: "INVALID_SYMBOLS",
-        title: props.invalidSymbolsErrorTitle,
-        description: props.invalidSymbolsErrorDescription,
+      INVALID_CHARACTERS: {
+        code: "INVALID_CHARACTERS",
+        title: props.invalidCharactersErrorTitle,
+        description: props.invalidCharactersErrorDescription,
       },
-      RESTRICTED_WORD: {
-        code: "RESTRICTED_WORD",
-        title: props.restrictedWordErrorTitle,
-        description: props.restrictedWordErrorDescription,
+      PROFANITY: {
+        code: "PROFANITY",
+        title: props.profanityErrorTitle,
+        description: props.profanityErrorDescription,
       },
     };
     return errorMap[errorCode];
@@ -4576,11 +4574,17 @@ function useShareLink(props) {
     }
     setIsValidating(true);
     debounceTimerRef.current = setTimeout(async () => {
-      // TODO: Call actual validation query when backend is ready
-      // Example: const result = await validateLinkCode({ linkCode: trimmed, programId });
-      // if (!result?.validateShareLinkCode?.valid) {
-      //   setValidationError(mapErrorCodeToInfo(result.validateShareLinkCode.errorCode));
-      // }
+      var _a, _b;
+      try {
+        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;
+          setValidationError(mapErrorCodeToInfo(reason));
+        }
+      }
+      catch {
+        // Validation query failed — don't block the user
+      }
       setIsValidating(false);
     }, 2000);
   }
@@ -4644,8 +4648,7 @@ function useShareLink(props) {
     editLimitText: props.editLimitText,
     editLimitReachedText: props.editLimitReachedText,
     supportLinkText: props.supportLinkText,
-    // customizeDisabled,
-    customizeDisabled: false,
+    customizeDisabled,
     customizeDisabledTooltip: props.customizeDisabledTooltip,
     onCustomizeClick,
     onEditValueChange,