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

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

@@ -1,267 +0,0 @@
-import { r as registerInstance, h as h$1 } from './index-d9876cd5.js';
-import './global-e1c1ff72.js';
-import { o as h, i as useState } from './dom-context-hooks.module-8411297a.js';
-import { i as isDemo } from './index.module-60e4da3a.js';
-import './GoogleFonts-e3a7f82a.js';
-import './jss-preset-default.esm-c36417f8.js';
-import './JSS-8c381d8b.js';
-import './mixins-acc245cc.js';
-import { g as getProps } from './utils-61821fb1.js';
-import { c as cjs } from './cjs-e829b75b.js';
-import './useReferralCodes-cff9a9dc.js';
-import './copy-text-view-c508f2e1.js';
-import { u as useShareLink, S as ShareLinkView } from './useShareLink-a3329e33.js';
-
-const ShareLink = class {
-  constructor(hostRef) {
-    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.";
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const thisProps = getProps(this);
-    const props = isDemo()
-      ? useDemoShareLink(thisProps)
-      : useShareLink(thisProps);
-    return h$1(ShareLinkView, Object.assign({}, props));
-  }
-};
-function useDemoShareLink(props) {
-  var _a;
-  const [open, setOpen] = useState(false);
-  const [isEditing, setIsEditing] = useState(false);
-  const [editValue, setEditValue] = 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(baseProps, props.demoData || {}, {
-    arrayMerge: (_, a) => a,
-  });
-}
-
-export { ShareLink as sqm_share_link };