@saasquatch/mint-components 2.1.8-22 → 2.1.8-24

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "2.1.8-22",
+  "version": "2.1.8-24",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",

package/dist/cjs/sqm-share-link.cjs.entry.js

@@ -1,271 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-fd67d7bc.js');
-require('./global-746daf93.js');
-const domContextHooks_module = require('./dom-context-hooks.module-224e09d4.js');
-const index_module = require('./index.module-c79bd5b0.js');
-require('./GoogleFonts-039d880f.js');
-require('./jss-preset-default.esm-b48f0c33.js');
-require('./JSS-518e9b4d.js');
-require('./mixins-f51b04f1.js');
-const utils = require('./utils-e326d1b5.js');
-const cjs = require('./cjs-2bf512b9.js');
-require('./useReferralCodes-4304f68f.js');
-require('./copy-text-view-fd17b89a.js');
-const useShareLink = require('./useShareLink-1282123e.js');
-
-const ShareLink = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * Shown inside a tooltip after someone has successfully copied the link to their clipboard
-     *
-     * @uiName Tooltip text
-     */
-    this.tooltiptext = "Copied to Clipboard";
-    /**
-     * The number of milliseconds that the tooltip appears for
-     *
-     * @uiName Tooltip lifespan
-     */
-    this.tooltiplifespan = 1000;
-    /**
-     * Change the text alignment
-     *
-     * @uiName Share link alignment
-     * @uiType string
-     * @uiEnum ["left", "center", "right"]
-     * @uiEnumNames ["Left", "Center", "Right"]
-     * @uiGroup Style
-     */
-    this.textAlign = "left";
-    /**
-     * @uiName Copy button label
-     */
-    this.copyButtonLabel = "Copy Link";
-    /**
-     * The type of the button that is used (primary or secondary).
-     * @uiName Button Type
-     * @uiType string
-     * @uiEnum ["primary", "secondary"]
-     * @uiEnumNames ["Primary", "Secondary"]
-     * @uiGroup Style
-     */
-    this.buttonType = "primary";
-    /**
-     * Set the copy button style and placement
-     *
-     * @uiName Button style
-     * @uiType string
-     * @uiEnum ["icon", "button-outside", "button-below"]
-     * @uiEnumNames ["Icon", "Button outside", "Button below"]
-     * @uiGroup Style
-     */
-    this.buttonStyle = "icon";
-    /**
-     * Enable users to customize their referral link
-     *
-     * @uiName Customize URL
-     * @uiType boolean
-     * @uiGroup Customize Vanity Link
-     * @requiredFlavor impact
-     */
-    this.customizeUrl = false;
-    /**
-     * Text shown below the share link input to trigger customization
-     *
-     * @uiName Customize link label
-     * @uiType string
-     * @uiGroup Customize Vanity Link
-     * @requiredFlavor impact
-     */
-    this.customizeLinkLabel = "Customize Link";
-    /**
-     * Text for the save button in editing mode
-     *
-     * @uiName Save button label
-     * @uiType string
-     * @uiGroup Customize Vanity Link
-     * @requiredFlavor impact
-     */
-    this.saveLabelText = "Save";
-    /**
-     * Text for the cancel button in editing mode
-     *
-     * @uiName Cancel button label
-     * @uiType string
-     * @uiGroup Customize Vanity Link
-     * @requiredFlavor impact
-     */
-    this.cancelLabelText = "Cancel";
-    /**
-     * Title text shown when the custom link is already taken
-     *
-     * @uiName Existing code conflict error title
-     * @uiType string
-     * @uiGroup Customize Vanity Link
-     * @requiredFlavor impact
-     */
-    this.existingCodeConflictErrorTitle = "This link is already taken";
-    /**
-     * Description text shown when the custom link is already taken
-     *
-     * @uiName Existing code conflict error description
-     * @uiType string
-     * @uiGroup Customize Vanity Link
-     * @requiredFlavor impact
-     */
-    this.existingCodeConflictErrorDescription = "Try adding numbers, a dash or underscore to create a unique link.";
-    /**
-     * Title text shown when the link contains invalid characters
-     *
-     * @uiName Invalid characters error title
-     * @uiType string
-     * @uiGroup Customize Vanity Link
-     * @requiredFlavor impact
-     */
-    this.invalidCharactersErrorTitle = "Please use only letters, numbers, dashes and underscores";
-    /**
-     * Description text shown when the link contains invalid characters
-     *
-     * @uiName Invalid characters error description
-     * @uiType string
-     * @uiGroup Customize Vanity Link
-     * @requiredFlavor impact
-     */
-    this.invalidCharactersErrorDescription = "Special characters can break the link when sharing.";
-    /**
-     * Title text shown when the link contains profanity
-     *
-     * @uiName Profanity error title
-     * @uiType string
-     * @uiGroup Customize Vanity Link
-     * @requiredFlavor impact
-     */
-    this.profanityErrorTitle = "Please try a different link";
-    /**
-     * Description text shown when the link contains profanity
-     *
-     * @uiName Profanity error description
-     * @uiType string
-     * @uiGroup Customize Vanity Link
-     * @requiredFlavor impact
-     */
-    this.profanityErrorDescription = "This link contains a restricted word.";
-    /**
-     * Text describing the edit limit
-     *
-     * @uiName Edit limit text
-     * @uiType string
-     * @uiGroup Customize Vanity Link
-     * @requiredFlavor impact
-     */
-    this.editLimitText = "You can edit your link up to 5 times.";
-    /**
-     * Message shown when the edit limit has been reached. Use {supportLink} as a placeholder for the support link.
-     *
-     * @uiName Edit limit reached text
-     * @uiType string
-     * @uiGroup Customize Vanity Link
-     * @requiredFlavor impact
-     */
-    this.editLimitReachedText = "5 edit limit reached. To make more changes, please contact {supportLink}.";
-    /**
-     * Display text for the support link in the edit limit reached message
-     *
-     * @uiName Support link text
-     * @uiType string
-     * @uiGroup Customize Vanity Link
-     * @requiredFlavor impact
-     */
-    this.supportLinkText = "Support";
-    /**
-     * Tooltip text shown when link customization is disabled
-     *
-     * @uiName Customize disabled tooltip
-     * @uiType string
-     * @uiGroup Customize Vanity Link
-     * @requiredFlavor impact
-     */
-    this.customizeDisabledTooltip = "Link customization is not available.";
-    domContextHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const thisProps = utils.getProps(this);
-    const props = index_module.isDemo()
-      ? useDemoShareLink(thisProps)
-      : useShareLink.useShareLink(thisProps);
-    return index.h(useShareLink.ShareLinkView, Object.assign({}, props));
-  }
-};
-function useDemoShareLink(props) {
-  var _a;
-  const [open, setOpen] = domContextHooks_module.useState(false);
-  const [isEditing, setIsEditing] = domContextHooks_module.useState(false);
-  const [editValue, setEditValue] = domContextHooks_module.useState("");
-  const copyString = "https://www.example.com/sharelink/abc";
-  const domainPrefix = "https://www.example.com/";
-  const baseProps = {
-    copyTextViewProps: {
-      copyString,
-      tooltiptext: props.tooltiptext,
-      textAlign: props.textAlign,
-      buttonStyle: props.buttonStyle,
-      backgroundColor: props.backgroundColor,
-      textColor: props.textColor,
-      borderRadius: props.borderRadius,
-      buttonType: props.buttonType,
-      copyButtonLabel: props.copyButtonLabel,
-      borderColor: props.borderColor,
-      open,
-      onClick: () => {
-        navigator.clipboard.writeText(copyString);
-        setOpen(true);
-        setTimeout(() => setOpen(false), props.tooltiplifespan);
-      },
-    },
-    customizeUrl: props.customizeUrl,
-    customizeLinkLabel: props.customizeLinkLabel,
-    saveLabelText: props.saveLabelText,
-    cancelLabelText: props.cancelLabelText,
-    isEditing,
-    editValue,
-    domainPrefix,
-    editsRemaining: 5,
-    maxEdits: 5,
-    limitReached: false,
-    validationError: null,
-    isValidating: false,
-    isSaving: false,
-    characterLimit: 15,
-    minCharacters: 3,
-    charactersRemaining: 15 - editValue.length,
-    editLimitText: props.editLimitText,
-    editLimitReachedText: props.editLimitReachedText,
-    supportLinkText: props.supportLinkText,
-    customizeDisabled: false,
-    customizeDisabledTooltip: (_a = props.customizeDisabledTooltip) !== null && _a !== void 0 ? _a : "Link customization is not available.",
-    onCustomizeClick: () => {
-      setIsEditing(true);
-      setEditValue("");
-    },
-    onEditValueChange: (value) => {
-      setEditValue(value);
-    },
-    onSave: () => {
-      setIsEditing(false);
-    },
-    onCancel: () => {
-      setIsEditing(false);
-      setEditValue("");
-    },
-  };
-  return cjs.cjs(baseProps, props.demoData || {}, {
-    arrayMerge: (_, a) => a,
-  });
-}
-
-exports.sqm_share_link = ShareLink;

package/dist/cjs/useShareLink-1282123e.js

@@ -1,422 +0,0 @@
-'use strict';
-
-const index = require('./index-fd67d7bc.js');
-const global = require('./global-746daf93.js');
-const domContextHooks_module = require('./dom-context-hooks.module-224e09d4.js');
-const index_module = require('./index.module-c79bd5b0.js');
-const JSS = require('./JSS-518e9b4d.js');
-const useReferralCodes = require('./useReferralCodes-4304f68f.js');
-const copyTextView = require('./copy-text-view-fd17b89a.js');
-
-const vanillaStyle = `
-  :host {
-    display: block;
-    width: 100%;
-  }
-`;
-function ShareLinkView(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",
-      flexDirection: "column",
-      gap: "var(--sl-spacing-xx-small)",
-      width: "100%",
-    },
-    CustomizeLinkText: {
-      margin: "0",
-      fontSize: "var(--sl-font-size-small)",
-      fontWeight: "600",
-      cursor: "pointer",
-      color: "var(--sl-color-neutral-900)",
-      textAlign: "left",
-      padding: "var(--sl-spacing-small)",
-      "&:hover": {
-        textDecoration: "underline",
-      },
-    },
-    CustomizeLinkDisabled: {
-      margin: "0",
-      fontSize: "var(--sl-font-size-small)",
-      fontWeight: "600",
-      color: "var(--sl-color-neutral-400)",
-      cursor: "default",
-      textAlign: "left",
-      padding: "var(--sl-spacing-small)",
-    },
-    EditContainer: {
-      display: "flex",
-      flexDirection: "column",
-      gap: "var(--sl-spacing-x-small)",
-      width: "100%",
-    },
-    EditInputWrapper: {
-      display: "flex",
-      alignItems: "center",
-      width: "100%",
-      border: "var(--sqm-border-thickness, 1px) solid var(--sqm-input-border-color, #d1d5db)",
-      borderRadius: "var(--sqm-border-radius-normal, 4px)",
-      background: "var(--sqm-input-background, #fff)",
-      overflow: "hidden",
-      "&:focus-within": {
-        borderColor: "#999999",
-        boxShadow: "0 0 0 var(--sl-focus-ring-width) var(--sl-input-focus-ring-color)",
-      },
-    },
-    DomainPrefix: {
-      padding: "0 0 0 var(--sl-spacing-medium)",
-      fontSize: "var(--sl-font-size-medium)",
-      color: "var(--sl-color-neutral-500)",
-      whiteSpace: "nowrap",
-      userSelect: "none",
-      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",
-    },
-    EditLabel: {
-      margin: "0",
-      fontSize: "var(--sl-font-size-small)",
-      color: "var(--sl-color-neutral-500)",
-    },
-    HelperText: {
-      margin: "0",
-      fontSize: "var(--sl-font-size-small)",
-      color: "var(--sl-color-neutral-500)",
-    },
-    ErrorText: {
-      margin: "0",
-      fontSize: "var(--sl-font-size-small)",
-      color: "var(--sqm-danger-color-text, #dc2626)",
-    },
-    ActionRow: {
-      display: "flex",
-      gap: "var(--sl-spacing-medium)",
-      alignItems: "center",
-    },
-    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 <= 14;
-  console.log(customizeUrl, limitReached, customizeDisabled, validationError, "customize URL state");
-  // Editing state
-  if (isEditing) {
-    return (index.h("div", { class: sheet.classes.Container },
-      index.h("style", { type: "text/css" },
-        styleString,
-        vanillaStyle),
-      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), 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, 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("sl-button", { type: "primary", onClick: onSave, disabled: isSaving ||
-            isValidating ||
-            !!validationError ||
-            !editValue ||
-            editValue.length < minCharacters }, isSaving ? "Saving..." : saveLabelText),
-        index.h("sl-button", { type: "secondary", onClick: onCancel, disabled: isSaving }, cancelLabelText))));
-  }
-  // Default / Customized / Limit reached states
-  return (index.h("div", { class: sheet.classes.Container },
-    index.h("style", { type: "text/css" },
-      styleString,
-      vanillaStyle),
-    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("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;
-const CHARACTER_LIMIT = 15;
-const MIN_CHARACTERS = 3;
-const MessageLinkQuery = index_module.dist.gql `
-  query ($programId: ID) {
-    user: viewer {
-      ... on User {
-        shareLink(programId: $programId)
-      }
-    }
-  }
-`;
-const WIDGET_ENGAGEMENT_EVENT = index_module.dist.gql `
-  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
-    createUserAnalyticsEvent(eventMeta: $eventMeta)
-  }
-`;
-const ADD_SHARE_LINK_CODE = index_module.dist.gql `
-  mutation ($addShareLinkCodeInput: AddShareLinkCodeInput!) {
-    addShareLinkCode(addShareLinkCodeInput: $addShareLinkCodeInput) {
-      linkCode {
-        linkCode
-        shortUrl
-        referralCode {
-          code
-        }
-      }
-    }
-  }
-`;
-const VALIDATE_LINK_CODE = index_module.dist.gql `
-  query validateLinkCode($linkCode: String!) {
-    validateLinkCode(linkCode: $linkCode) {
-      valid
-      invalidReason
-    }
-  }
-`;
-const GET_LINK_DOMAIN = index_module.dist.gql `
-  query getLinkDomain {
-    tenantSettings {
-      primaryLinkDomain {
-        host
-      }
-    }
-  }
-`;
-const SHARE_LINK_EDIT_COUNT = index_module.dist.gql `
-  query shareLinkEditCount {
-    viewer {
-      ... on User {
-        shareLinkCodes {
-          totalCount
-          data {
-            isVanity
-          }
-        }
-      }
-    }
-  }
-`;
-function parseShareUrl(url) {
-  try {
-    const parsed = new URL(url);
-    return {
-      url: parsed.origin + parsed.pathname,
-      domain: parsed.origin + "/",
-      path: parsed.pathname.slice(1),
-    };
-  }
-  catch {
-    return { url, domain: url, path: "" };
-  }
-}
-function useShareLink(props) {
-  var _a, _b, _c, _d, _e, _f, _g;
-  const { programId = index_module.H() } = props;
-  const user = index_module.J();
-  const engagementMedium = index_module.B();
-  const contextData = index_module.Fn(useReferralCodes.REFERRAL_CODES_NAMESPACE);
-  const { data, refetch } = index_module.wn(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] = index_module.$e(WIDGET_ENGAGEMENT_EVENT);
-  const [setCopied] = index_module.$e(useReferralCodes.SET_CODE_COPIED);
-  const [addShareLinkCode, { loading: isSaving }] = index_module.$e(ADD_SHARE_LINK_CODE);
-  const [validateLinkCode] = index_module.Xe(VALIDATE_LINK_CODE);
-  const { refresh } = index_module.Qe();
-  const { data: linkDomainData } = index_module.wn(GET_LINK_DOMAIN, {}, !(user === null || user === void 0 ? void 0 : user.jwt) || !props.customizeUrl);
-  const { data: editCountData, refetch: refetchEditCount } = index_module.wn(SHARE_LINK_EDIT_COUNT, {}, !(user === null || user === void 0 ? void 0 : user.jwt) || !props.customizeUrl);
-  const { url: copyString, domain: domainPrefix, path: pathSuffix, } = parseShareUrl((_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
-  "...");
-  const [open, setOpen] = domContextHooks_module.useState(false);
-  const [isEditing, setIsEditing] = domContextHooks_module.useState(false);
-  const [editValue, setEditValue] = domContextHooks_module.useState("");
-  const [validationError, setValidationError] = domContextHooks_module.useState(null);
-  const [isValidating, setIsValidating] = domContextHooks_module.useState(false);
-  const debounceTimerRef = domContextHooks_module.useRef(undefined);
-  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;
-  const editCount = vanityCount;
-  const editsRemaining = Math.max(0, MAX_EDITS - editCount);
-  const limitReached = editsRemaining <= 0;
-  function mapErrorCodeToInfo(errorCode) {
-    if (!errorCode)
-      return null;
-    const errorMap = {
-      EXISTING_CODE_CONFLICT: {
-        code: "EXISTING_CODE_CONFLICT",
-        title: props.existingCodeConflictErrorTitle,
-        description: props.existingCodeConflictErrorDescription,
-      },
-      INVALID_CHARACTER: {
-        code: "INVALID_CHARACTER",
-        title: props.invalidCharactersErrorTitle,
-        description: props.invalidCharactersErrorDescription,
-      },
-      BLOCKED_WORD: {
-        code: "BLOCKED_WORD",
-        title: props.profanityErrorTitle,
-        description: props.profanityErrorDescription,
-      },
-    };
-    return errorMap[errorCode];
-  }
-  async function onClick() {
-    if (contextData) {
-      await setCopied({ referralCode: contextData.referralCode });
-      contextData.refresh();
-    }
-    // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
-    // Only if called from a user-initiated event
-    navigator.clipboard.writeText(copyString);
-    setOpen(true);
-    setTimeout(() => setOpen(false), props.tooltiplifespan);
-    sendLoadEvent({
-      eventMeta: {
-        programId,
-        id: user === null || user === void 0 ? void 0 : user.id,
-        accountId: user === null || user === void 0 ? void 0 : user.accountId,
-        type: "USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",
-        meta: {
-          engagementMedium,
-          shareMedium: "DIRECT",
-        },
-      },
-    });
-  }
-  function onCustomizeClick() {
-    if (limitReached || customizeDisabled)
-      return;
-    setIsEditing(true);
-    setEditValue(editCount === 0 ? "" : pathSuffix);
-    setValidationError(null);
-  }
-  function onEditValueChange(value) {
-    const trimmed = value.slice(0, CHARACTER_LIMIT);
-    setEditValue(trimmed);
-    setValidationError(null);
-    if (debounceTimerRef.current)
-      clearTimeout(debounceTimerRef.current);
-    if (!trimmed || trimmed.length < MIN_CHARACTERS) {
-      setIsValidating(false);
-      return;
-    }
-    setIsValidating(true);
-    debounceTimerRef.current = setTimeout(async () => {
-      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;
-          console.log(reason, "validation error reason from validateLinkCode query");
-          setValidationError(mapErrorCodeToInfo(reason));
-        }
-      }
-      catch {
-        // Validation query failed — don't block the user
-      }
-      setIsValidating(false);
-    }, 2000);
-  }
-  async function onSave() {
-    var _a, _b;
-    if (!editValue ||
-      editValue.length < MIN_CHARACTERS ||
-      validationError ||
-      isValidating)
-      return;
-    try {
-      await addShareLinkCode({
-        addShareLinkCodeInput: {
-          userId: user === null || user === void 0 ? void 0 : user.id,
-          accountId: user === null || user === void 0 ? void 0 : user.accountId,
-          programId,
-          linkCode: editValue,
-          makeShareLinkCodePrimaryForReferralCode: true,
-        },
-      });
-      setIsEditing(false);
-      await Promise.all([refetch(), refetchEditCount()]);
-      refresh();
-    }
-    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",
-        description: (e === null || e === void 0 ? void 0 : e.message) || "Failed to save custom link. Please try again.",
-      });
-    }
-  }
-  function onCancel() {
-    setIsEditing(false);
-    setEditValue("");
-    setValidationError(null);
-    setIsValidating(false);
-  }
-  console.log(validationError, "validation error state"); // TEMP --- IGNORE ---
-  return {
-    copyTextViewProps: {
-      ...props,
-      onClick,
-      open,
-      copyString,
-    },
-    customizeUrl: props.customizeUrl,
-    customizeLinkLabel: props.customizeLinkLabel,
-    saveLabelText: props.saveLabelText,
-    cancelLabelText: props.cancelLabelText,
-    isEditing,
-    editValue,
-    domainPrefix,
-    editsRemaining,
-    maxEdits: MAX_EDITS,
-    limitReached,
-    validationError,
-    isValidating,
-    isSaving,
-    characterLimit: CHARACTER_LIMIT,
-    minCharacters: MIN_CHARACTERS,
-    charactersRemaining: CHARACTER_LIMIT - editValue.length,
-    editLimitText: props.editLimitText,
-    editLimitReachedText: props.editLimitReachedText,
-    supportLinkText: props.supportLinkText,
-    customizeDisabled,
-    customizeDisabledTooltip: props.customizeDisabledTooltip,
-    onCustomizeClick,
-    onEditValueChange,
-    onSave,
-    onCancel,
-  };
-}
-
-exports.ShareLinkView = ShareLinkView;
-exports.useShareLink = useShareLink;