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

package/dist/mint-components/useShareLink-bc20ec4c.js

@@ -0,0 +1,447 @@
+import { h } from './index-d9876cd5.js';
+import { i as intl } from './global-e1c1ff72.js';
+import { i as useState, k as useRef } from './dom-context-hooks.module-8411297a.js';
+import { d as dist, H, J, B, F as Fn, w as wn, $ as $e, X as Xe, h as Qe } from './index.module-60e4da3a.js';
+import { c as createStyleSheet } from './JSS-8c381d8b.js';
+import { R as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED } from './useReferralCodes-cff9a9dc.js';
+import { C as CopyTextView } from './copy-text-view-c508f2e1.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",
+    },
+    SaveButton: {
+      cursor: "pointer",
+      fontFamily: "var(--sl-font-sans)",
+      fontSize: "var(--sl-font-size-small)",
+      fontWeight: "600",
+      padding: "var(--sl-spacing-x-small) var(--sl-spacing-medium)",
+      borderRadius: "var(--sqm-border-radius-normal, 4px)",
+      border: "1px solid var(--sl-color-neutral-900)",
+      background: "var(--sl-color-neutral-900)",
+      color: "#fff",
+      "&:disabled": {
+        opacity: "0.5",
+        cursor: "default",
+      },
+    },
+    CancelButton: {
+      margin: "0",
+      fontSize: "var(--sl-font-size-small)",
+      fontWeight: "600",
+      cursor: "pointer",
+      background: "none",
+      border: "none",
+      padding: "0",
+      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 <= 14;
+  console.log(customizeUrl, limitReached, customizeDisabled, validationError, "customize URL state");
+  // Editing state
+  if (isEditing) {
+    return (h("div", { class: sheet.classes.Container },
+      h("style", { type: "text/css" },
+        styleString,
+        vanillaStyle),
+      h("p", { class: sheet.classes.EditLabel }, "Enter your link"),
+      h("div", { class: sheet.classes.EditInputWrapper },
+        h("span", { class: sheet.classes.DomainPrefix }, domainPrefix),
+        h("sl-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, 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("sl-button", { type: "primary", onClick: onSave, disabled: isSaving ||
+            isValidating ||
+            !!validationError ||
+            !editValue ||
+            editValue.length < minCharacters }, isSaving ? "Saving..." : saveLabelText),
+        h("sl-button", { type: "secondary", class: sheet.classes.CancelButton, onClick: onCancel, disabled: isSaving }, cancelLabelText))));
+  }
+  // Default / Customized / Limit reached states
+  return (h("div", { class: sheet.classes.Container },
+    h("style", { type: "text/css" },
+      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("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;
+const CHARACTER_LIMIT = 15;
+const MIN_CHARACTERS = 3;
+const MessageLinkQuery = dist.gql `
+  query ($programId: ID) {
+    user: viewer {
+      ... on User {
+        shareLink(programId: $programId)
+      }
+    }
+  }
+`;
+const WIDGET_ENGAGEMENT_EVENT = dist.gql `
+  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
+    createUserAnalyticsEvent(eventMeta: $eventMeta)
+  }
+`;
+const ADD_SHARE_LINK_CODE = dist.gql `
+  mutation ($addShareLinkCodeInput: AddShareLinkCodeInput!) {
+    addShareLinkCode(addShareLinkCodeInput: $addShareLinkCodeInput) {
+      linkCode {
+        linkCode
+        shortUrl
+        referralCode {
+          code
+        }
+      }
+    }
+  }
+`;
+const VALIDATE_LINK_CODE = dist.gql `
+  query validateLinkCode($linkCode: String!) {
+    validateLinkCode(linkCode: $linkCode) {
+      valid
+      invalidReason
+    }
+  }
+`;
+const GET_LINK_DOMAIN = dist.gql `
+  query getLinkDomain {
+    tenantSettings {
+      primaryLinkDomain {
+        host
+      }
+    }
+  }
+`;
+const SHARE_LINK_EDIT_COUNT = 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 = H() } = props;
+  const user = J();
+  const engagementMedium = B();
+  const contextData = Fn(REFERRAL_CODES_NAMESPACE);
+  const { data, refetch } = 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] = $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 { 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] = useState(false);
+  const [isEditing, setIsEditing] = useState(false);
+  const [editValue, setEditValue] = useState("");
+  const [validationError, setValidationError] = useState(null);
+  const [isValidating, setIsValidating] = useState(false);
+  const debounceTimerRef = 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,
+  };
+}
+
+export { ShareLinkView as S, useShareLink as u };

package/dist/mint-components/useShareLink-c05fe151.system.js

@@ -0,0 +1 @@
+var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,n){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:n})}else{e.raw=n}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var n,t=1,i=arguments.length;t<i;t++){n=arguments[t];for(var a in n)if(Object.prototype.hasOwnProperty.call(n,a))e[a]=n[a]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,n,t,i){function a(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,r){function o(e){try{s(i.next(e))}catch(e){r(e)}}function l(e){try{s(i["throw"](e))}catch(e){r(e)}}function s(e){e.done?t(e.value):a(e.value).then(o,l)}s((i=i.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,a,r,o;return o={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function l(e){return function(n){return s([e,n])}}function s(o){if(i)throw new TypeError("Generator is already executing.");while(t)try{if(i=1,a&&(r=o[0]&2?a["return"]:o[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,o[1])).done)return r;if(a=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;a=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){t.label=o[1];break}if(o[0]===6&&t.label<r[1]){t.label=r[1];r=o;break}if(r&&t.label<r[2]){t.label=r[2];t.ops.push(o);break}if(r[2])t.ops.pop();t.trys.pop();continue}o=n.call(e,t)}catch(e){o=[6,e];a=0}finally{i=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./index-6582b378.system.js","./global-41985914.system.js","./dom-context-hooks.module-d6e89c16.system.js","./index.module-c0971372.system.js","./JSS-840a8fea.system.js","./useReferralCodes-d014208c.system.js","./copy-text-view-7713c6c8.system.js"],(function(e){"use strict";var n,t,i,a,r,o,l,s,d,c,u,v,m,p,f,g,h;return{setters:[function(e){n=e.h},function(e){t=e.i},function(e){i=e.i;a=e.k},function(e){r=e.d;o=e.H;l=e.J;s=e.B;d=e.F;c=e.w;u=e.$;v=e.X;m=e.h},function(e){p=e.c},function(e){f=e.R;g=e.S},function(e){h=e.C}],execute:function(){e({S:k,u:z});var C="\n  :host {\n    display: block;\n    width: 100%;\n  }\n";function k(e){var i=e.copyTextViewProps,a=e.customizeUrl,r=e.customizeLinkLabel,o=e.saveLabelText,l=e.cancelLabelText,s=e.isEditing,d=e.editValue,c=e.domainPrefix,u=e.editsRemaining,v=e.maxEdits,m=e.limitReached,f=e.validationError,g=e.isValidating,k=e.isSaving,y=e.characterLimit,b=e.minCharacters,L=e.charactersRemaining,x=e.editLimitText,_=e.editLimitReachedText,T=e.supportLinkText,E=e.customizeDisabled,w=e.customizeDisabledTooltip,I=e.onCustomizeClick,S=e.onEditValueChange,z=e.onSave,R=e.onCancel;var D={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"},SaveButton:{cursor:"pointer",fontFamily:"var(--sl-font-sans)",fontSize:"var(--sl-font-size-small)",fontWeight:"600",padding:"var(--sl-spacing-x-small) var(--sl-spacing-medium)",borderRadius:"var(--sqm-border-radius-normal, 4px)",border:"1px solid var(--sl-color-neutral-900)",background:"var(--sl-color-neutral-900)",color:"#fff","&:disabled":{opacity:"0.5",cursor:"default"}},CancelButton:{margin:"0",fontSize:"var(--sl-font-size-small)",fontWeight:"600",cursor:"pointer",background:"none",border:"none",padding:"0",fontFamily:"var(--sl-font-sans)",color:"var(--sl-color-neutral-500)"},LimitReachedContainer:{display:"flex",alignItems:"center",gap:"var(--sl-spacing-x-small)"}};var O=p(D);var j=O.toString();var q=(f===null||f===void 0?void 0:f.code)==="EXISTING_CODE_CONFLICT"?"info":"warning";var A=L<=14;console.log(a,m,E,f,"customize URL state");if(s){return n("div",{class:O.classes.Container},n("style",{type:"text/css"},j,C),n("p",{class:O.classes.EditLabel},"Enter your link"),n("div",{class:O.classes.EditInputWrapper},n("span",{class:O.classes.DomainPrefix},c),n("input",{class:O.classes.EditInput,type:"text",value:d,onInput:function(e){return S(e.target.value)},onKeyDown:function(e){if(e.key==="/"||e.key==="@")e.preventDefault()},disabled:k,maxLength:y})),n("p",{class:O.classes.HelperText},x,A&&" Characters remaining: "+L),f&&n("sqm-form-message",{type:q,style:{paddingBottom:"var(--sl-spacing-xx-small)"}},n("p",{part:"alert-title"},f.title),f.description),g&&n("p",{class:O.classes.HelperText},"Validating..."),n("div",{class:O.classes.ActionRow},n("sl-button",{type:"primary",onClick:z,disabled:k||g||!!f||!d||d.length<b},k?"Saving...":o),n("sl-button",{type:"secondary",class:O.classes.CancelButton,onClick:R,disabled:k},l)))}return n("div",{class:O.classes.Container},n("style",{type:"text/css"},j,C),n(h,Object.assign({},i)),a&&(E?n("sl-tooltip",{content:w,placement:"top",style:{display:"inline-block",width:"fit-content"}},n("p",{class:O.classes.CustomizeLinkDisabled},r)):n("div",{class:O.classes.LimitReachedContainer},n("p",{class:m?O.classes.CustomizeLinkDisabled:O.classes.CustomizeLinkText,onClick:m?undefined:I},r),a&&m&&n("p",{class:O.classes.HelperText},t.formatMessage({id:"editLimitReached",defaultMessage:_},{supportLink:n("a",{target:"_blank",href:"https://help.impact.com/other/readme/get-help-and-support"},T)})))))}var y=5;var b=15;var L=3;var x=r.gql(__makeTemplateObject(["\n  query ($programId: ID) {\n    user: viewer {\n      ... on User {\n        shareLink(programId: $programId)\n      }\n    }\n  }\n"],["\n  query ($programId: ID) {\n    user: viewer {\n      ... on User {\n        shareLink(programId: $programId)\n      }\n    }\n  }\n"]));var _=r.gql(__makeTemplateObject(["\n  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n    createUserAnalyticsEvent(eventMeta: $eventMeta)\n  }\n"],["\n  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n    createUserAnalyticsEvent(eventMeta: $eventMeta)\n  }\n"]));var T=r.gql(__makeTemplateObject(["\n  mutation ($addShareLinkCodeInput: AddShareLinkCodeInput!) {\n    addShareLinkCode(addShareLinkCodeInput: $addShareLinkCodeInput) {\n      linkCode {\n        linkCode\n        shortUrl\n        referralCode {\n          code\n        }\n      }\n    }\n  }\n"],["\n  mutation ($addShareLinkCodeInput: AddShareLinkCodeInput!) {\n    addShareLinkCode(addShareLinkCodeInput: $addShareLinkCodeInput) {\n      linkCode {\n        linkCode\n        shortUrl\n        referralCode {\n          code\n        }\n      }\n    }\n  }\n"]));var E=r.gql(__makeTemplateObject(["\n  query validateLinkCode($linkCode: String!) {\n    validateLinkCode(linkCode: $linkCode) {\n      valid\n      invalidReason\n    }\n  }\n"],["\n  query validateLinkCode($linkCode: String!) {\n    validateLinkCode(linkCode: $linkCode) {\n      valid\n      invalidReason\n    }\n  }\n"]));var w=r.gql(__makeTemplateObject(["\n  query getLinkDomain {\n    tenantSettings {\n      primaryLinkDomain {\n        host\n      }\n    }\n  }\n"],["\n  query getLinkDomain {\n    tenantSettings {\n      primaryLinkDomain {\n        host\n      }\n    }\n  }\n"]));var I=r.gql(__makeTemplateObject(["\n  query shareLinkEditCount {\n    viewer {\n      ... on User {\n        shareLinkCodes {\n          totalCount\n          data {\n            isVanity\n          }\n        }\n      }\n    }\n  }\n"],["\n  query shareLinkEditCount {\n    viewer {\n      ... on User {\n        shareLinkCodes {\n          totalCount\n          data {\n            isVanity\n          }\n        }\n      }\n    }\n  }\n"]));function S(e){try{var n=new URL(e);return{url:n.origin+n.pathname,domain:n.origin+"/",path:n.pathname.slice(1)}}catch(n){return{url:e,domain:e,path:""}}}function z(e){var n,t,r,p,h,C,k;var z=e.programId,R=z===void 0?o():z;var D=l();var O=s();var j=d(f);var q=c(x,{programId:R},!(D===null||D===void 0?void 0:D.jwt)||!!e.linkOverride||(j===null||j===void 0?void 0:j.shareLink)!==undefined),A=q.data,U=q.refetch;var $=u(_)[0];var M=u(g)[0];var V=u(T),P=V[0],N=V[1].loading;var F=v(E)[0];var H=m().refresh;var W=c(w,{},!(D===null||D===void 0?void 0:D.jwt)||!e.customizeUrl).data;var B=c(I,{},!(D===null||D===void 0?void 0:D.jwt)||!e.customizeUrl),G=B.data,X=B.refetch;var K=S((t=(j===null||j===void 0?void 0:j.shareLink)||((n=A===null||A===void 0?void 0:A.user)===null||n===void 0?void 0:n.shareLink))!==null&&t!==void 0?t:"..."),J=K.url,Q=K.domain,Y=K.path;var Z=i(false),ee=Z[0],ne=Z[1];var te=i(false),ie=te[0],ae=te[1];var re=i(""),oe=re[0],le=re[1];var se=i(null),de=se[0],ce=se[1];var ue=i(false),ve=ue[0],me=ue[1];var pe=a(undefined);var fe=((r=W===null||W===void 0?void 0:W.tenantSettings)===null||r===void 0?void 0:r.primaryLinkDomain)!=null;var ge=!fe;var he=(k=(C=(h=(p=G===null||G===void 0?void 0:G.viewer)===null||p===void 0?void 0:p.shareLinkCodes)===null||h===void 0?void 0:h.data)===null||C===void 0?void 0:C.filter((function(e){return e.isVanity})).length)!==null&&k!==void 0?k:0;var Ce=he;var ke=Math.max(0,y-Ce);var ye=ke<=0;function be(n){if(!n)return null;var t={EXISTING_CODE_CONFLICT:{code:"EXISTING_CODE_CONFLICT",title:e.existingCodeConflictErrorTitle,description:e.existingCodeConflictErrorDescription},INVALID_CHARACTER:{code:"INVALID_CHARACTER",title:e.invalidCharactersErrorTitle,description:e.invalidCharactersErrorDescription},BLOCKED_WORD:{code:"BLOCKED_WORD",title:e.profanityErrorTitle,description:e.profanityErrorDescription}};return t[n]}function Le(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){switch(n.label){case 0:if(!j)return[3,2];return[4,M({referralCode:j.referralCode})];case 1:n.sent();j.refresh();n.label=2;case 2:navigator.clipboard.writeText(J);ne(true);setTimeout((function(){return ne(false)}),e.tooltiplifespan);$({eventMeta:{programId:R,id:D===null||D===void 0?void 0:D.id,accountId:D===null||D===void 0?void 0:D.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:O,shareMedium:"DIRECT"}}});return[2]}}))}))}function xe(){if(ye||ge)return;ae(true);le(Ce===0?"":Y);ce(null)}function _e(e){var n=this;var t=e.slice(0,b);le(t);ce(null);if(pe.current)clearTimeout(pe.current);if(!t||t.length<L){me(false);return}me(true);pe.current=setTimeout((function(){return __awaiter(n,void 0,void 0,(function(){var e,n,i,a,r;return __generator(this,(function(o){switch(o.label){case 0:o.trys.push([0,2,,3]);return[4,F({linkCode:t})];case 1:i=o.sent();if(!((e=i===null||i===void 0?void 0:i.validateLinkCode)===null||e===void 0?void 0:e.valid)){a=(n=i===null||i===void 0?void 0:i.validateLinkCode)===null||n===void 0?void 0:n.invalidReason;console.log(a,"validation error reason from validateLinkCode query");ce(be(a))}return[3,3];case 2:r=o.sent();return[3,3];case 3:me(false);return[2]}}))}))}),2e3)}function Te(){return __awaiter(this,void 0,void 0,(function(){var e,n,t,i;return __generator(this,(function(a){switch(a.label){case 0:if(!oe||oe.length<L||de||ve)return[2];a.label=1;case 1:a.trys.push([1,4,,5]);return[4,P({addShareLinkCodeInput:{userId:D===null||D===void 0?void 0:D.id,accountId:D===null||D===void 0?void 0:D.accountId,programId:R,linkCode:oe,makeShareLinkCodePrimaryForReferralCode:true}})];case 2:a.sent();ae(false);return[4,Promise.all([U(),X()])];case 3:a.sent();H();return[3,5];case 4:t=a.sent();i=(e=t===null||t===void 0?void 0:t.extensions)===null||e===void 0?void 0:e.code;console.log(i,"errorCode from addSharelInkCodeMutation");ce((n=be(i))!==null&&n!==void 0?n:{code:null,title:"Error",description:(t===null||t===void 0?void 0:t.message)||"Failed to save custom link. Please try again."});return[3,5];case 5:return[2]}}))}))}function Ee(){ae(false);le("");ce(null);me(false)}console.log(de,"validation error state");return{copyTextViewProps:__assign(__assign({},e),{onClick:Le,open:ee,copyString:J}),customizeUrl:e.customizeUrl,customizeLinkLabel:e.customizeLinkLabel,saveLabelText:e.saveLabelText,cancelLabelText:e.cancelLabelText,isEditing:ie,editValue:oe,domainPrefix:Q,editsRemaining:ke,maxEdits:y,limitReached:ye,validationError:de,isValidating:ve,isSaving:N,characterLimit:b,minCharacters:L,charactersRemaining:b-oe.length,editLimitText:e.editLimitText,editLimitReachedText:e.editLimitReachedText,supportLinkText:e.supportLinkText,customizeDisabled:ge,customizeDisabledTooltip:e.customizeDisabledTooltip,onCustomizeClick:xe,onEditValueChange:_e,onSave:Te,onCancel:Ee}}}}}));

package/dist/mint-components/useShareLink-cb5abd96.system.js

@@ -0,0 +1 @@
+var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,n){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:n})}else{e.raw=n}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var n,t=1,i=arguments.length;t<i;t++){n=arguments[t];for(var a in n)if(Object.prototype.hasOwnProperty.call(n,a))e[a]=n[a]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,n,t,i){function a(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,r){function o(e){try{s(i.next(e))}catch(e){r(e)}}function l(e){try{s(i["throw"](e))}catch(e){r(e)}}function s(e){e.done?t(e.value):a(e.value).then(o,l)}s((i=i.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,a,r,o;return o={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function l(e){return function(n){return s([e,n])}}function s(o){if(i)throw new TypeError("Generator is already executing.");while(t)try{if(i=1,a&&(r=o[0]&2?a["return"]:o[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,o[1])).done)return r;if(a=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;a=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){t.label=o[1];break}if(o[0]===6&&t.label<r[1]){t.label=r[1];r=o;break}if(r&&t.label<r[2]){t.label=r[2];t.ops.push(o);break}if(r[2])t.ops.pop();t.trys.pop();continue}o=n.call(e,t)}catch(e){o=[6,e];a=0}finally{i=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./index-6582b378.system.js","./global-41985914.system.js","./dom-context-hooks.module-d6e89c16.system.js","./index.module-c0971372.system.js","./JSS-840a8fea.system.js","./useReferralCodes-d014208c.system.js","./copy-text-view-7713c6c8.system.js"],(function(e){"use strict";var n,t,i,a,r,o,l,s,d,c,u,v,m,p,f,g,h;return{setters:[function(e){n=e.h},function(e){t=e.i},function(e){i=e.i;a=e.k},function(e){r=e.d;o=e.H;l=e.J;s=e.B;d=e.F;c=e.w;u=e.$;v=e.X;m=e.h},function(e){p=e.c},function(e){f=e.R;g=e.S},function(e){h=e.C}],execute:function(){e({S:k,u:z});var C="\n  :host {\n    display: block;\n    width: 100%;\n  }\n";function k(e){var i=e.copyTextViewProps,a=e.customizeUrl,r=e.customizeLinkLabel,o=e.saveLabelText,l=e.cancelLabelText,s=e.isEditing,d=e.editValue,c=e.domainPrefix,u=e.editsRemaining,v=e.maxEdits,m=e.limitReached,f=e.validationError,g=e.isValidating,k=e.isSaving,y=e.characterLimit,b=e.minCharacters,L=e.charactersRemaining,x=e.editLimitText,_=e.editLimitReachedText,T=e.supportLinkText,E=e.customizeDisabled,w=e.customizeDisabledTooltip,I=e.onCustomizeClick,S=e.onEditValueChange,z=e.onSave,R=e.onCancel;var D={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"},SaveButton:{cursor:"pointer",fontFamily:"var(--sl-font-sans)",fontSize:"var(--sl-font-size-small)",fontWeight:"600",padding:"var(--sl-spacing-x-small) var(--sl-spacing-medium)",borderRadius:"var(--sqm-border-radius-normal, 4px)",border:"1px solid var(--sl-color-neutral-900)",background:"var(--sl-color-neutral-900)",color:"#fff","&:disabled":{opacity:"0.5",cursor:"default"}},CancelButton:{margin:"0",fontSize:"var(--sl-font-size-small)",fontWeight:"600",cursor:"pointer",background:"none",border:"none",padding:"0",fontFamily:"var(--sl-font-sans)",color:"var(--sl-color-neutral-500)"},LimitReachedContainer:{display:"flex",alignItems:"center",gap:"var(--sl-spacing-x-small)"}};var O=p(D);var j=O.toString();var q=(f===null||f===void 0?void 0:f.code)==="EXISTING_CODE_CONFLICT"?"info":"warning";var A=L<=14;console.log(a,m,E,f,"customize URL state");if(s){return n("div",{class:O.classes.Container},n("style",{type:"text/css"},j,C),n("p",{class:O.classes.EditLabel},"Enter your link"),n("div",{class:O.classes.EditInputWrapper},n("span",{class:O.classes.DomainPrefix},c),n("sl-input",{class:O.classes.EditInput,type:"text",value:d,onInput:function(e){return S(e.target.value)},onKeyDown:function(e){if(e.key==="/"||e.key==="@")e.preventDefault()},disabled:k,maxLength:y})),n("p",{class:O.classes.HelperText},x,A&&" Characters remaining: "+L),f&&n("sqm-form-message",{type:q,style:{paddingBottom:"var(--sl-spacing-xx-small)"}},n("p",{part:"alert-title"},f.title),f.description),g&&n("p",{class:O.classes.HelperText},"Validating..."),n("div",{class:O.classes.ActionRow},n("sl-button",{type:"primary",onClick:z,disabled:k||g||!!f||!d||d.length<b},k?"Saving...":o),n("sl-button",{type:"secondary",class:O.classes.CancelButton,onClick:R,disabled:k},l)))}return n("div",{class:O.classes.Container},n("style",{type:"text/css"},j,C),n(h,Object.assign({},i)),a&&(E?n("sl-tooltip",{content:w,placement:"top",style:{display:"inline-block",width:"fit-content"}},n("p",{class:O.classes.CustomizeLinkDisabled},r)):n("div",{class:O.classes.LimitReachedContainer},n("p",{class:m?O.classes.CustomizeLinkDisabled:O.classes.CustomizeLinkText,onClick:m?undefined:I},r),a&&m&&n("p",{class:O.classes.HelperText},t.formatMessage({id:"editLimitReached",defaultMessage:_},{supportLink:n("a",{target:"_blank",href:"https://help.impact.com/other/readme/get-help-and-support"},T)})))))}var y=5;var b=15;var L=3;var x=r.gql(__makeTemplateObject(["\n  query ($programId: ID) {\n    user: viewer {\n      ... on User {\n        shareLink(programId: $programId)\n      }\n    }\n  }\n"],["\n  query ($programId: ID) {\n    user: viewer {\n      ... on User {\n        shareLink(programId: $programId)\n      }\n    }\n  }\n"]));var _=r.gql(__makeTemplateObject(["\n  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n    createUserAnalyticsEvent(eventMeta: $eventMeta)\n  }\n"],["\n  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n    createUserAnalyticsEvent(eventMeta: $eventMeta)\n  }\n"]));var T=r.gql(__makeTemplateObject(["\n  mutation ($addShareLinkCodeInput: AddShareLinkCodeInput!) {\n    addShareLinkCode(addShareLinkCodeInput: $addShareLinkCodeInput) {\n      linkCode {\n        linkCode\n        shortUrl\n        referralCode {\n          code\n        }\n      }\n    }\n  }\n"],["\n  mutation ($addShareLinkCodeInput: AddShareLinkCodeInput!) {\n    addShareLinkCode(addShareLinkCodeInput: $addShareLinkCodeInput) {\n      linkCode {\n        linkCode\n        shortUrl\n        referralCode {\n          code\n        }\n      }\n    }\n  }\n"]));var E=r.gql(__makeTemplateObject(["\n  query validateLinkCode($linkCode: String!) {\n    validateLinkCode(linkCode: $linkCode) {\n      valid\n      invalidReason\n    }\n  }\n"],["\n  query validateLinkCode($linkCode: String!) {\n    validateLinkCode(linkCode: $linkCode) {\n      valid\n      invalidReason\n    }\n  }\n"]));var w=r.gql(__makeTemplateObject(["\n  query getLinkDomain {\n    tenantSettings {\n      primaryLinkDomain {\n        host\n      }\n    }\n  }\n"],["\n  query getLinkDomain {\n    tenantSettings {\n      primaryLinkDomain {\n        host\n      }\n    }\n  }\n"]));var I=r.gql(__makeTemplateObject(["\n  query shareLinkEditCount {\n    viewer {\n      ... on User {\n        shareLinkCodes {\n          totalCount\n          data {\n            isVanity\n          }\n        }\n      }\n    }\n  }\n"],["\n  query shareLinkEditCount {\n    viewer {\n      ... on User {\n        shareLinkCodes {\n          totalCount\n          data {\n            isVanity\n          }\n        }\n      }\n    }\n  }\n"]));function S(e){try{var n=new URL(e);return{url:n.origin+n.pathname,domain:n.origin+"/",path:n.pathname.slice(1)}}catch(n){return{url:e,domain:e,path:""}}}function z(e){var n,t,r,p,h,C,k;var z=e.programId,R=z===void 0?o():z;var D=l();var O=s();var j=d(f);var q=c(x,{programId:R},!(D===null||D===void 0?void 0:D.jwt)||!!e.linkOverride||(j===null||j===void 0?void 0:j.shareLink)!==undefined),A=q.data,U=q.refetch;var $=u(_)[0];var M=u(g)[0];var V=u(T),P=V[0],N=V[1].loading;var F=v(E)[0];var H=m().refresh;var W=c(w,{},!(D===null||D===void 0?void 0:D.jwt)||!e.customizeUrl).data;var B=c(I,{},!(D===null||D===void 0?void 0:D.jwt)||!e.customizeUrl),G=B.data,X=B.refetch;var K=S((t=(j===null||j===void 0?void 0:j.shareLink)||((n=A===null||A===void 0?void 0:A.user)===null||n===void 0?void 0:n.shareLink))!==null&&t!==void 0?t:"..."),J=K.url,Q=K.domain,Y=K.path;var Z=i(false),ee=Z[0],ne=Z[1];var te=i(false),ie=te[0],ae=te[1];var re=i(""),oe=re[0],le=re[1];var se=i(null),de=se[0],ce=se[1];var ue=i(false),ve=ue[0],me=ue[1];var pe=a(undefined);var fe=((r=W===null||W===void 0?void 0:W.tenantSettings)===null||r===void 0?void 0:r.primaryLinkDomain)!=null;var ge=!fe;var he=(k=(C=(h=(p=G===null||G===void 0?void 0:G.viewer)===null||p===void 0?void 0:p.shareLinkCodes)===null||h===void 0?void 0:h.data)===null||C===void 0?void 0:C.filter((function(e){return e.isVanity})).length)!==null&&k!==void 0?k:0;var Ce=he;var ke=Math.max(0,y-Ce);var ye=ke<=0;function be(n){if(!n)return null;var t={EXISTING_CODE_CONFLICT:{code:"EXISTING_CODE_CONFLICT",title:e.existingCodeConflictErrorTitle,description:e.existingCodeConflictErrorDescription},INVALID_CHARACTER:{code:"INVALID_CHARACTER",title:e.invalidCharactersErrorTitle,description:e.invalidCharactersErrorDescription},BLOCKED_WORD:{code:"BLOCKED_WORD",title:e.profanityErrorTitle,description:e.profanityErrorDescription}};return t[n]}function Le(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){switch(n.label){case 0:if(!j)return[3,2];return[4,M({referralCode:j.referralCode})];case 1:n.sent();j.refresh();n.label=2;case 2:navigator.clipboard.writeText(J);ne(true);setTimeout((function(){return ne(false)}),e.tooltiplifespan);$({eventMeta:{programId:R,id:D===null||D===void 0?void 0:D.id,accountId:D===null||D===void 0?void 0:D.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:O,shareMedium:"DIRECT"}}});return[2]}}))}))}function xe(){if(ye||ge)return;ae(true);le(Ce===0?"":Y);ce(null)}function _e(e){var n=this;var t=e.slice(0,b);le(t);ce(null);if(pe.current)clearTimeout(pe.current);if(!t||t.length<L){me(false);return}me(true);pe.current=setTimeout((function(){return __awaiter(n,void 0,void 0,(function(){var e,n,i,a,r;return __generator(this,(function(o){switch(o.label){case 0:o.trys.push([0,2,,3]);return[4,F({linkCode:t})];case 1:i=o.sent();if(!((e=i===null||i===void 0?void 0:i.validateLinkCode)===null||e===void 0?void 0:e.valid)){a=(n=i===null||i===void 0?void 0:i.validateLinkCode)===null||n===void 0?void 0:n.invalidReason;console.log(a,"validation error reason from validateLinkCode query");ce(be(a))}return[3,3];case 2:r=o.sent();return[3,3];case 3:me(false);return[2]}}))}))}),2e3)}function Te(){return __awaiter(this,void 0,void 0,(function(){var e,n,t,i;return __generator(this,(function(a){switch(a.label){case 0:if(!oe||oe.length<L||de||ve)return[2];a.label=1;case 1:a.trys.push([1,4,,5]);return[4,P({addShareLinkCodeInput:{userId:D===null||D===void 0?void 0:D.id,accountId:D===null||D===void 0?void 0:D.accountId,programId:R,linkCode:oe,makeShareLinkCodePrimaryForReferralCode:true}})];case 2:a.sent();ae(false);return[4,Promise.all([U(),X()])];case 3:a.sent();H();return[3,5];case 4:t=a.sent();i=(e=t===null||t===void 0?void 0:t.extensions)===null||e===void 0?void 0:e.code;console.log(i,"errorCode from addSharelInkCodeMutation");ce((n=be(i))!==null&&n!==void 0?n:{code:null,title:"Error",description:(t===null||t===void 0?void 0:t.message)||"Failed to save custom link. Please try again."});return[3,5];case 5:return[2]}}))}))}function Ee(){ae(false);le("");ce(null);me(false)}console.log(de,"validation error state");return{copyTextViewProps:__assign(__assign({},e),{onClick:Le,open:ee,copyString:J}),customizeUrl:e.customizeUrl,customizeLinkLabel:e.customizeLinkLabel,saveLabelText:e.saveLabelText,cancelLabelText:e.cancelLabelText,isEditing:ie,editValue:oe,domainPrefix:Q,editsRemaining:ke,maxEdits:y,limitReached:ye,validationError:de,isValidating:ve,isSaving:N,characterLimit:b,minCharacters:L,charactersRemaining:b-oe.length,editLimitText:e.editLimitText,editLimitReachedText:e.editLimitReachedText,supportLinkText:e.supportLinkText,customizeDisabled:ge,customizeDisabledTooltip:e.customizeDisabledTooltip,onCustomizeClick:xe,onEditValueChange:_e,onSave:Te,onCancel:Ee}}}}}));

package/dist/types/components/sqm-referral-iframe/sqm-referral-iframe-view.d.ts

@@ -4,7 +4,6 @@ export declare type ReferralIframeViewProps = {
       iframeSrc: string;
       iframeHeight: string;
       iframeWidth: string;
-      codeParam: string;
     };
   };
   data: {

package/dist/types/components/sqm-referral-iframe/sqm-referral-iframe.d.ts

@@ -21,11 +21,6 @@ export declare class SqmReferralIframe {
    * @uiName IFrame width
    */
   iframeWidth: string;
-  /**
-   * Override the default parameter name used in the iframe
-   * @uiName Referral code parameter name
-   */
-  codeParam: string;
   /**
    * @undocumented
    * @uiType object

package/dist/types/components/sqm-share-link/ShareLink.stories.d.ts

@@ -16,3 +16,12 @@ export declare const CopyButtonBelow: () => any;
 export declare const CustomStyles: () => any;
 export declare const CustomStylesWithDemoHooks: () => any;
 export declare const FullStack: () => any;
+export declare const CustomizeUrlDefault: () => any;
+export declare const CustomizeUrlEditing: () => any;
+export declare const CustomizeUrlCustomized: () => any;
+export declare const CustomizeUrlLimitReached: () => any;
+export declare const CustomizeUrlDisabled: () => any;
+export declare const CustomizeUrlValidationError: () => any;
+export declare const CustomizeUrlInvalidCharacters: () => any;
+export declare const CustomizeUrlProfanity: () => any;
+export declare const CustomizeUrlSaving: () => any;

package/dist/types/components/sqm-share-link/UseShareLink.stories.d.ts

@@ -20,3 +20,9 @@ export declare const FastTooltip: {
     hookStory: Function;
   };
 };
+export declare const CustomizeUrlEnabled: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};

package/dist/types/components/sqm-share-link/sqm-share-link-view.d.ts

@@ -0,0 +1,36 @@
+import { CopyTextViewProps } from "../views/copy-text-view";
+export declare type ValidationErrorCode = "EXISTING_CODE_CONFLICT" | "INVALID_CHARACTER" | "BLOCKED_WORD" | null;
+export interface ValidationErrorInfo {
+  code: ValidationErrorCode;
+  title: string;
+  description: string;
+}
+export interface ShareLinkViewProps {
+  copyTextViewProps: CopyTextViewProps;
+  customizeUrl: boolean;
+  customizeLinkLabel: string;
+  saveLabelText: string;
+  cancelLabelText: string;
+  isEditing: boolean;
+  editValue: string;
+  domainPrefix: string;
+  editsRemaining: number;
+  maxEdits: number;
+  limitReached: boolean;
+  validationError: ValidationErrorInfo | null;
+  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;
+}
+export declare function ShareLinkView(props: ShareLinkViewProps): any;