@saasquatch/mint-components 2.1.8-12 → 2.1.8-14

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

@@ -9,7 +9,7 @@ const vanillaStyle = `
   }
 `;
 export function ShareLinkView(props) {
-  const { copyTextViewProps, customizeUrl, customizeLinkLabel, saveLabelText, cancelLabelText, successMessage, isEditing, editValue, domainPrefix, editsRemaining, maxEdits, limitReached, validationError, isValidating, isSaving, showSuccess, characterLimit, charactersRemaining, editLimitText, editLimitReachedText, supportLinkText, customizeDisabled, customizeDisabledTooltip, onCustomizeClick, onEditValueChange, onSave, onCancel, } = props;
+  const { copyTextViewProps, customizeUrl, customizeLinkLabel, saveLabelText, cancelLabelText, isEditing, editValue, domainPrefix, editsRemaining, maxEdits, limitReached, validationError, isValidating, isSaving, characterLimit, minCharacters, charactersRemaining, editLimitText, editLimitReachedText, supportLinkText, customizeDisabled, customizeDisabledTooltip, onCustomizeClick, onEditValueChange, onSave, onCancel, } = props;
   const style = {
     Container: {
       display: "flex",
@@ -90,11 +90,6 @@ export function ShareLinkView(props) {
       fontSize: "var(--sl-font-size-small)",
       color: "var(--sqm-danger-color-text, #dc2626)",
     },
-    SuccessText: {
-      margin: "0",
-      fontSize: "var(--sl-font-size-small)",
-      color: "var(--sl-color-success-600, #16a34a)",
-    },
     ActionRow: {
       display: "flex",
       gap: "var(--sl-spacing-medium)",
@@ -150,7 +145,7 @@ export function ShareLinkView(props) {
         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 }, 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
@@ -159,7 +154,6 @@ export function ShareLinkView(props) {
       styleString,
       vanillaStyle),
     h(CopyTextView, Object.assign({}, copyTextViewProps)),
-    showSuccess && h("p", { class: sheet.classes.SuccessText }, successMessage),
     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

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

@@ -86,13 +86,6 @@ export class ShareLink {
      * @uiType string
      */
     this.cancelLabelText = "Cancel";
-    /**
-     * Message shown briefly after successfully saving a custom link
-     *
-     * @uiName Success message
-     * @uiType string
-     */
-    this.successMessage = "Link updated successfully";
     /**
      * Title text shown when the custom link is already taken
      *
@@ -570,30 +563,6 @@ export class ShareLink {
       "reflect": false,
       "defaultValue": "\"Cancel\""
     },
-    "successMessage": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Success message",
-            "name": "uiName"
-          }, {
-            "text": "string",
-            "name": "uiType"
-          }],
-        "text": "Message shown briefly after successfully saving a custom link"
-      },
-      "attribute": "success-message",
-      "reflect": false,
-      "defaultValue": "\"Link updated successfully\""
-    },
     "existingCodeConflictErrorTitle": {
       "type": "string",
       "mutable": false,
@@ -839,7 +808,7 @@ export class ShareLink {
       "mutable": false,
       "complexType": {
         "original": "DemoData<ShareLinkViewProps>",
-        "resolved": "{ copyTextViewProps?: CopyTextViewProps; customizeUrl?: boolean; customizeLinkLabel?: string; saveLabelText?: string; cancelLabelText?: string; successMessage?: string; isEditing?: boolean; editValue?: string; domainPrefix?: string; editsRemaining?: number; maxEdits?: number; limitReached?: boolean; validationError?: ValidationErrorInfo; isValidating?: boolean; isSaving?: boolean; showSuccess?: boolean; characterLimit?: number; charactersRemaining?: number; editLimitText?: string; editLimitReachedText?: string; supportLinkText?: string; customizeDisabled?: boolean; customizeDisabledTooltip?: string; onCustomizeClick?: () => void; onEditValueChange?: (value: string) => void; onSave?: () => void; onCancel?: () => void; }",
+        "resolved": "{ copyTextViewProps?: CopyTextViewProps; customizeUrl?: 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; supportLinkText?: string; customizeDisabled?: boolean; customizeDisabledTooltip?: string; onCustomizeClick?: () => void; onEditValueChange?: (value: string) => void; onSave?: () => void; onCancel?: () => void; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -871,7 +840,6 @@ function useDemoShareLink(props) {
   const [open, setOpen] = useState(false);
   const [isEditing, setIsEditing] = useState(false);
   const [editValue, setEditValue] = useState("");
-  const [showSuccess, setShowSuccess] = useState(false);
   const copyString = "https://www.example.com/sharelink/abc";
   const domainPrefix = "https://www.example.com/";
   const baseProps = {
@@ -897,7 +865,6 @@ function useDemoShareLink(props) {
     customizeLinkLabel: props.customizeLinkLabel,
     saveLabelText: props.saveLabelText,
     cancelLabelText: props.cancelLabelText,
-    successMessage: props.successMessage,
     isEditing,
     editValue,
     domainPrefix,
@@ -907,8 +874,8 @@ function useDemoShareLink(props) {
     validationError: null,
     isValidating: false,
     isSaving: false,
-    showSuccess,
     characterLimit: 15,
+    minCharacters: 3,
     charactersRemaining: 15 - editValue.length,
     editLimitText: props.editLimitText,
     editLimitReachedText: props.editLimitReachedText,
@@ -924,8 +891,6 @@ function useDemoShareLink(props) {
     },
     onSave: () => {
       setIsEditing(false);
-      setShowSuccess(true);
-      setTimeout(() => setShowSuccess(false), 3000);
     },
     onCancel: () => {
       setIsEditing(false);

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

@@ -1,18 +1,15 @@
-import { useEngagementMedium, useLazyQuery, useMutation, useParentValue, useProgramId, useQuery, useUserIdentity, } from "@saasquatch/component-boilerplate";
+import { useEngagementMedium, useLazyQuery, useMutation, useParentValue, useProgramId, useQuery, useRefreshDispatcher, 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";
 const MAX_EDITS = 5;
 const CHARACTER_LIMIT = 15;
+const MIN_CHARACTERS = 3;
 const MessageLinkQuery = gql `
-  query ($programId: ID, $engagementMedium: UserEngagementMedium!) {
+  query ($programId: ID) {
     user: viewer {
       ... on User {
-        shareLink(
-          programId: $programId
-          engagementMedium: $engagementMedium
-          shareMedium: DIRECT
-        )
+        shareLink(programId: $programId)
       }
     }
   }
@@ -91,11 +88,12 @@ export function useShareLink(props) {
   const user = useUserIdentity();
   const engagementMedium = useEngagementMedium();
   const contextData = useParentValue(REFERRAL_CODES_NAMESPACE);
-  const { data, refetch } = useQuery(MessageLinkQuery, { programId, engagementMedium }, !(user === null || user === void 0 ? void 0 : user.jwt) || !!props.linkOverride || (contextData === null || contextData === void 0 ? void 0 : contextData.shareLink) !== undefined);
+  const { data, refetch } = useQuery(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt) || !!props.linkOverride || (contextData === null || contextData === void 0 ? void 0 : contextData.shareLink) !== undefined);
   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 { refresh } = useRefreshDispatcher();
   const { data: linkDomainData } = useQuery(GET_LINK_DOMAIN, {}, !(user === null || user === void 0 ? void 0 : user.jwt) || !props.customizeUrl);
   const { data: editCountData, refetch: refetchEditCount } = 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 : 
@@ -106,7 +104,6 @@ export function useShareLink(props) {
   const [editValue, setEditValue] = useState("");
   const [validationError, setValidationError] = useState(null);
   const [isValidating, setIsValidating] = useState(false);
-  const [showSuccess, setShowSuccess] = useState(false);
   const debounceTimerRef = useRef(undefined);
   const domainPrefix = parseDomainPrefix(copyString);
   const hasPrimaryLinkDomain = ((_c = linkDomainData === null || linkDomainData === void 0 ? void 0 : linkDomainData.tenantSettings) === null || _c === void 0 ? void 0 : _c.primaryLinkDomain) != null;
@@ -115,7 +112,6 @@ export function useShareLink(props) {
   const editCount = vanityCount;
   const editsRemaining = Math.max(0, MAX_EDITS - editCount);
   const limitReached = editsRemaining <= 0;
-  console.log({ vanityCount, editCount, editsRemaining });
   function mapErrorCodeToInfo(errorCode) {
     if (!errorCode)
       return null;
@@ -174,7 +170,7 @@ export function useShareLink(props) {
     setValidationError(null);
     if (debounceTimerRef.current)
       clearTimeout(debounceTimerRef.current);
-    if (!trimmed) {
+    if (!trimmed || trimmed.length < MIN_CHARACTERS) {
       setIsValidating(false);
       return;
     }
@@ -196,7 +192,10 @@ export function useShareLink(props) {
   }
   async function onSave() {
     var _a, _b;
-    if (!editValue || validationError || isValidating)
+    if (!editValue ||
+      editValue.length < MIN_CHARACTERS ||
+      validationError ||
+      isValidating)
       return;
     try {
       await addShareLinkCode({
@@ -209,9 +208,8 @@ export function useShareLink(props) {
         },
       });
       setIsEditing(false);
-      setShowSuccess(true);
       await Promise.all([refetch(), refetchEditCount()]);
-      setTimeout(() => setShowSuccess(false), 3000);
+      refresh();
     }
     catch (e) {
       const errorCode = (_a = e === null || e === void 0 ? void 0 : e.extensions) === null || _a === void 0 ? void 0 : _a.code;
@@ -239,7 +237,6 @@ export function useShareLink(props) {
     customizeLinkLabel: props.customizeLinkLabel,
     saveLabelText: props.saveLabelText,
     cancelLabelText: props.cancelLabelText,
-    successMessage: props.successMessage,
     isEditing,
     editValue,
     domainPrefix,
@@ -249,8 +246,8 @@ export function useShareLink(props) {
     validationError,
     isValidating,
     isSaving,
-    showSuccess,
     characterLimit: CHARACTER_LIMIT,
+    minCharacters: MIN_CHARACTERS,
     charactersRemaining: CHARACTER_LIMIT - editValue.length,
     editLimitText: props.editLimitText,
     editLimitReachedText: props.editLimitReachedText,

package/dist/esm/{ShadowViewAddon-0f97b25e.js → ShadowViewAddon-36f52afc.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, X as Xe } 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-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';
@@ -4234,7 +4234,7 @@ const vanillaStyle$6 = `
   }
 `;
 function ShareLinkView(props) {
-  const { copyTextViewProps, customizeUrl, customizeLinkLabel, saveLabelText, cancelLabelText, successMessage, isEditing, editValue, domainPrefix, editsRemaining, maxEdits, limitReached, validationError, isValidating, isSaving, showSuccess, characterLimit, charactersRemaining, editLimitText, editLimitReachedText, supportLinkText, customizeDisabled, customizeDisabledTooltip, onCustomizeClick, onEditValueChange, onSave, onCancel, } = props;
+  const { copyTextViewProps, customizeUrl, customizeLinkLabel, saveLabelText, cancelLabelText, isEditing, editValue, domainPrefix, editsRemaining, maxEdits, limitReached, validationError, isValidating, isSaving, characterLimit, minCharacters, charactersRemaining, editLimitText, editLimitReachedText, supportLinkText, customizeDisabled, customizeDisabledTooltip, onCustomizeClick, onEditValueChange, onSave, onCancel, } = props;
   const style = {
     Container: {
       display: "flex",
@@ -4315,11 +4315,6 @@ function ShareLinkView(props) {
       fontSize: "var(--sl-font-size-small)",
       color: "var(--sqm-danger-color-text, #dc2626)",
     },
-    SuccessText: {
-      margin: "0",
-      fontSize: "var(--sl-font-size-small)",
-      color: "var(--sl-color-success-600, #16a34a)",
-    },
     ActionRow: {
       display: "flex",
       gap: "var(--sl-spacing-medium)",
@@ -4375,7 +4370,7 @@ function ShareLinkView(props) {
         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 }, 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
@@ -4384,7 +4379,6 @@ function ShareLinkView(props) {
       styleString,
       vanillaStyle$6),
     h(CopyTextView, Object.assign({}, copyTextViewProps)),
-    showSuccess && h("p", { class: sheet.classes.SuccessText }, successMessage),
     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
@@ -4399,15 +4393,12 @@ function ShareLinkView(props) {
 
 const MAX_EDITS = 5;
 const CHARACTER_LIMIT = 15;
+const MIN_CHARACTERS = 3;
 const MessageLinkQuery$1 = dist.gql `
-  query ($programId: ID, $engagementMedium: UserEngagementMedium!) {
+  query ($programId: ID) {
     user: viewer {
       ... on User {
-        shareLink(
-          programId: $programId
-          engagementMedium: $engagementMedium
-          shareMedium: DIRECT
-        )
+        shareLink(programId: $programId)
       }
     }
   }
@@ -4486,11 +4477,12 @@ function useShareLink(props) {
   const user = J();
   const engagementMedium = B();
   const contextData = Fn(REFERRAL_CODES_NAMESPACE);
-  const { data, refetch } = wn(MessageLinkQuery$1, { programId, engagementMedium }, !(user === null || user === void 0 ? void 0 : user.jwt) || !!props.linkOverride || (contextData === null || contextData === void 0 ? void 0 : contextData.shareLink) !== undefined);
+  const { data, refetch } = wn(MessageLinkQuery$1, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt) || !!props.linkOverride || (contextData === null || contextData === void 0 ? void 0 : contextData.shareLink) !== undefined);
   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 { refresh } = Qe();
   const { data: linkDomainData } = wn(GET_LINK_DOMAIN, {}, !(user === null || user === void 0 ? void 0 : user.jwt) || !props.customizeUrl);
   const { data: editCountData, refetch: refetchEditCount } = 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 : 
@@ -4501,7 +4493,6 @@ function useShareLink(props) {
   const [editValue, setEditValue] = useState("");
   const [validationError, setValidationError] = useState(null);
   const [isValidating, setIsValidating] = useState(false);
-  const [showSuccess, setShowSuccess] = useState(false);
   const debounceTimerRef = useRef(undefined);
   const domainPrefix = parseDomainPrefix(copyString);
   const hasPrimaryLinkDomain = ((_c = linkDomainData === null || linkDomainData === void 0 ? void 0 : linkDomainData.tenantSettings) === null || _c === void 0 ? void 0 : _c.primaryLinkDomain) != null;
@@ -4510,7 +4501,6 @@ function useShareLink(props) {
   const editCount = vanityCount;
   const editsRemaining = Math.max(0, MAX_EDITS - editCount);
   const limitReached = editsRemaining <= 0;
-  console.log({ vanityCount, editCount, editsRemaining });
   function mapErrorCodeToInfo(errorCode) {
     if (!errorCode)
       return null;
@@ -4569,7 +4559,7 @@ function useShareLink(props) {
     setValidationError(null);
     if (debounceTimerRef.current)
       clearTimeout(debounceTimerRef.current);
-    if (!trimmed) {
+    if (!trimmed || trimmed.length < MIN_CHARACTERS) {
       setIsValidating(false);
       return;
     }
@@ -4591,7 +4581,10 @@ function useShareLink(props) {
   }
   async function onSave() {
     var _a, _b;
-    if (!editValue || validationError || isValidating)
+    if (!editValue ||
+      editValue.length < MIN_CHARACTERS ||
+      validationError ||
+      isValidating)
       return;
     try {
       await addShareLinkCode({
@@ -4604,9 +4597,8 @@ function useShareLink(props) {
         },
       });
       setIsEditing(false);
-      setShowSuccess(true);
       await Promise.all([refetch(), refetchEditCount()]);
-      setTimeout(() => setShowSuccess(false), 3000);
+      refresh();
     }
     catch (e) {
       const errorCode = (_a = e === null || e === void 0 ? void 0 : e.extensions) === null || _a === void 0 ? void 0 : _a.code;
@@ -4634,7 +4626,6 @@ function useShareLink(props) {
     customizeLinkLabel: props.customizeLinkLabel,
     saveLabelText: props.saveLabelText,
     cancelLabelText: props.cancelLabelText,
-    successMessage: props.successMessage,
     isEditing,
     editValue,
     domainPrefix,
@@ -4644,8 +4635,8 @@ function useShareLink(props) {
     validationError,
     isValidating,
     isSaving,
-    showSuccess,
     characterLimit: CHARACTER_LIMIT,
+    minCharacters: MIN_CHARACTERS,
     charactersRemaining: CHARACTER_LIMIT - editValue.length,
     editLimitText: props.editLimitText,
     editLimitReachedText: props.editLimitReachedText,