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

package/dist/cjs/{ShadowViewAddon-9b8a1a85.js → ShadowViewAddon-643b83e2.js}

@@ -1,21 +1,21 @@
 'use strict';
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-b7b1b8fe.js');
+const global = require('./global-0f8b1267.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-f8c8495f.js');
+const index_module = require('./index.module-42d413d9.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
-const useReferralCodes = require('./useReferralCodes-0f7948af.js');
+const useReferralCodes = require('./useReferralCodes-89c2b972.js');
 const mixins = require('./mixins-4761d472.js');
 const copyTextView = require('./copy-text-view-bb2c0ea7.js');
 const sqmTextSpanView = require('./sqm-text-span-view-f274fdf2.js');
-const useChildElements = require('./useChildElements-041127d7.js');
+const useChildElements = require('./useChildElements-89bc50a9.js');
 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 utilities = require('./utilities-096934ea.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-70a47420.js');
 
 function BigStatView(props) {
@@ -4241,7 +4241,7 @@ function ShareLinkView(props) {
     Container: {
       display: "flex",
       flexDirection: "column",
-      gap: "var(--sl-spacing-x-small)",
+      gap: "var(--sl-spacing-xx-small)",
       width: "100%",
     },
     CustomizeLinkText: {
@@ -4251,6 +4251,7 @@ function ShareLinkView(props) {
       cursor: "pointer",
       color: "var(--sl-color-neutral-900)",
       textAlign: "left",
+      padding: "var(--sl-spacing-small)",
       "&:hover": {
         textDecoration: "underline",
       },
@@ -4262,6 +4263,7 @@ function ShareLinkView(props) {
       color: "var(--sl-color-neutral-400)",
       cursor: "default",
       textAlign: "left",
+      padding: "var(--sl-spacing-small)",
     },
     EditContainer: {
       display: "flex",
@@ -4348,11 +4350,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 = JSS.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 (index.h("div", { class: sheet.classes.Container },
@@ -4362,17 +4370,24 @@ function ShareLinkView(props) {
       index.h("p", { class: sheet.classes.EditLabel }, "Enter your link"),
       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), disabled: isSaving, maxLength: characterLimit })),
+        index.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 })),
       index.h("p", { class: sheet.classes.HelperText },
         editLimitText,
         showCharactersRemaining &&
           ` Characters remaining: ${charactersRemaining}`),
-      validationError && (index.h("sqm-form-message", { type: errorMessageType },
+      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..."),
       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),
+        index.h("button", { class: sheet.classes.SaveButton, onClick: onSave, disabled: isSaving ||
+            isValidating ||
+            !!validationError ||
+            !editValue ||
+            editValue.length < minCharacters }, isSaving ? "Saving..." : saveLabelText),
         index.h("button", { class: sheet.classes.CancelButton, onClick: onCancel, disabled: isSaving }, cancelLabelText))));
   }
   // Default / Customized / Limit reached states
@@ -4381,16 +4396,18 @@ function ShareLinkView(props) {
       styleString,
       vanillaStyle$6),
     index.h(copyTextView.CopyTextView, Object.assign({}, copyTextViewProps)),
-    customizeUrl && (customizeDisabled ? (index.h("sl-tooltip", { content: customizeDisabledTooltip, placement: "top", style: { display: "inline-block", width: "fit-content" } },
-      index.h("p", { class: sheet.classes.CustomizeLinkDisabled }, customizeLinkLabel))) : (index.h("p", { class: limitReached
-        ? sheet.classes.CustomizeLinkDisabled
-        : sheet.classes.CustomizeLinkText, onClick: limitReached ? undefined : onCustomizeClick }, customizeLinkLabel))),
-    customizeUrl && limitReached && (index.h("p", { class: sheet.classes.HelperText }, global.intl.formatMessage({
-      id: "editLimitReached",
-      defaultMessage: editLimitReachedText,
-    }, {
-      supportLink: (index.h("a", { target: "_blank", href: "https://example.com" }, supportLinkText)),
-    })))));
+    customizeUrl &&
+      (customizeDisabled ? (index.h("sl-tooltip", { content: customizeDisabledTooltip, placement: "top", style: { display: "inline-block", width: "fit-content" } },
+        index.h("p", { class: sheet.classes.CustomizeLinkDisabled }, customizeLinkLabel))) : (index.h("div", { class: sheet.classes.LimitReachedContainer },
+        index.h("p", { class: limitReached
+            ? sheet.classes.CustomizeLinkDisabled
+            : sheet.classes.CustomizeLinkText, onClick: limitReached ? undefined : onCustomizeClick }, customizeLinkLabel),
+        customizeUrl && limitReached && (index.h("p", { class: sheet.classes.HelperText }, global.intl.formatMessage({
+          id: "editLimitReached",
+          defaultMessage: editLimitReachedText,
+        }, {
+          supportLink: (index.h("a", { target: "_blank", href: "https://help.impact.com/other/readme/get-help-and-support" }, supportLinkText)),
+        }))))))));
 }
 
 const MAX_EDITS = 5;
@@ -4505,13 +4522,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,
       },
@@ -4565,6 +4582,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));
         }
       }
@@ -4597,6 +4615,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",
@@ -4610,6 +4629,7 @@ function useShareLink(props) {
     setValidationError(null);
     setIsValidating(false);
   }
+  console.log(validationError, "validation error state"); // TEMP --- IGNORE ---
   return {
     copyTextViewProps: {
       ...props,

package/dist/cjs/{data-8c8a08f6.js → data-e83f8a41.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-b7b1b8fe.js');
-const index_module = require('./index.module-f8c8495f.js');
+const global = require('./global-0f8b1267.js');
+const index_module = require('./index.module-42d413d9.js');
 const JSS = require('./JSS-8503a151.js');
 
 const style = {