@saasquatch/mint-components 1.5.0-8 → 1.5.0-83

package/dist/esm/sqm-leaderboard-rank-view-cd1e8962.js

@@ -1,128 +0,0 @@
-import { h } from './index-17b4da69.js';
-import { _ as __assign } from './global-e0e25c22.js';
-import { f as parse } from './index.module-eb50a8d2.js';
-
-var docCache = new Map();
-var fragmentSourceMap = new Map();
-var printFragmentWarnings = true;
-var experimentalFragmentVariables = false;
-function normalize(string) {
-    return string.replace(/[\s,]+/g, ' ').trim();
-}
-function cacheKeyFromLoc(loc) {
-    return normalize(loc.source.body.substring(loc.start, loc.end));
-}
-function processFragments(ast) {
-    var seenKeys = new Set();
-    var definitions = [];
-    ast.definitions.forEach(function (fragmentDefinition) {
-        if (fragmentDefinition.kind === 'FragmentDefinition') {
-            var fragmentName = fragmentDefinition.name.value;
-            var sourceKey = cacheKeyFromLoc(fragmentDefinition.loc);
-            var sourceKeySet = fragmentSourceMap.get(fragmentName);
-            if (sourceKeySet && !sourceKeySet.has(sourceKey)) {
-                if (printFragmentWarnings) {
-                    console.warn("Warning: fragment with name " + fragmentName + " already exists.\n"
-                        + "graphql-tag enforces all fragment names across your application to be unique; read more about\n"
-                        + "this in the docs: http://dev.apollodata.com/core/fragments.html#unique-names");
-                }
-            }
-            else if (!sourceKeySet) {
-                fragmentSourceMap.set(fragmentName, sourceKeySet = new Set);
-            }
-            sourceKeySet.add(sourceKey);
-            if (!seenKeys.has(sourceKey)) {
-                seenKeys.add(sourceKey);
-                definitions.push(fragmentDefinition);
-            }
-        }
-        else {
-            definitions.push(fragmentDefinition);
-        }
-    });
-    return __assign(__assign({}, ast), { definitions: definitions });
-}
-function stripLoc(doc) {
-    var workSet = new Set(doc.definitions);
-    workSet.forEach(function (node) {
-        if (node.loc)
-            delete node.loc;
-        Object.keys(node).forEach(function (key) {
-            var value = node[key];
-            if (value && typeof value === 'object') {
-                workSet.add(value);
-            }
-        });
-    });
-    var loc = doc.loc;
-    if (loc) {
-        delete loc.startToken;
-        delete loc.endToken;
-    }
-    return doc;
-}
-function parseDocument(source) {
-    var cacheKey = normalize(source);
-    if (!docCache.has(cacheKey)) {
-        var parsed = parse(source, {
-            experimentalFragmentVariables: experimentalFragmentVariables
-        });
-        if (!parsed || parsed.kind !== 'Document') {
-            throw new Error('Not a valid GraphQL document.');
-        }
-        docCache.set(cacheKey, stripLoc(processFragments(parsed)));
-    }
-    return docCache.get(cacheKey);
-}
-function gql(literals) {
-    var args = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        args[_i - 1] = arguments[_i];
-    }
-    if (typeof literals === 'string') {
-        literals = [literals];
-    }
-    var result = literals[0];
-    args.forEach(function (arg, i) {
-        if (arg && arg.kind === 'Document') {
-            result += arg.loc.source.body;
-        }
-        else {
-            result += arg;
-        }
-        result += literals[i + 1];
-    });
-    return parseDocument(result);
-}
-function resetCaches() {
-    docCache.clear();
-    fragmentSourceMap.clear();
-}
-function disableFragmentWarnings() {
-    printFragmentWarnings = false;
-}
-function enableExperimentalFragmentVariables() {
-    experimentalFragmentVariables = true;
-}
-function disableExperimentalFragmentVariables() {
-    experimentalFragmentVariables = false;
-}
-var extras = {
-    gql: gql,
-    resetCaches: resetCaches,
-    disableFragmentWarnings: disableFragmentWarnings,
-    enableExperimentalFragmentVariables: enableExperimentalFragmentVariables,
-    disableExperimentalFragmentVariables: disableExperimentalFragmentVariables
-};
-(function (gql_1) {
-    gql_1.gql = extras.gql, gql_1.resetCaches = extras.resetCaches, gql_1.disableFragmentWarnings = extras.disableFragmentWarnings, gql_1.enableExperimentalFragmentVariables = extras.enableExperimentalFragmentVariables, gql_1.disableExperimentalFragmentVariables = extras.disableExperimentalFragmentVariables;
-})(gql || (gql = {}));
-gql["default"] = gql;
-const gql$1 = gql;
-
-function LeaderboardRankView(props) {
-  const { data } = props;
-  return h("span", { class: "P" }, data.rank);
-}
-
-export { LeaderboardRankView as L, gql$1 as g };

package/dist/esm/sqm-leaderboard.entry.js

@@ -1,65 +0,0 @@
-import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './extends-3a3f9fe2.js';
-import './use-callback-b38a1523.js';
-import { j } from './index.module-eb50a8d2.js';
-import { c as cjs } from './cjs-bdfb4486.js';
-import { w as withShadowView, u as useLeaderboard, L as LeaderboardView } from './ShadowViewAddon-558fabb7.js';
-
-const sqmLeaderboardCss = ":host{display:block}:host([hidden]){display:none}table{width:100%}th{font-size:var(--sl-font-size-small);font-weight:var(--sl-font-weight-semibold);text-align:left}td{font-size:var(--sl-font-size-medium);font-weight:var(--sl-font-weight-normal)}td,th{color:var(--sl-color-gray-800);padding:var(--sl-spacing-x-small) var(--sl-spacing-small)}.User{width:100%}.Score{width:auto;white-space:nowrap}";
-
-const Leaderboard = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ignored = true;
-    h(this);
-    withShadowView(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const props = {
-      empty: h$1("slot", { name: "empty" }),
-      loadingstate: h$1("slot", { name: "loading" }),
-      usersheading: this.usersheading,
-      statsheading: this.statsheading,
-      rankType: this.rankType,
-      leaderboardType: this.leaderboardType,
-      interval: this.interval,
-    };
-    const demoProps = { ...props, demoData: this.demoData };
-    const viewprops = j()
-      ? useLeaderboardDemo(demoProps)
-      : useLeaderboard(props);
-    return h$1(LeaderboardView, Object.assign({}, viewprops));
-  }
-};
-function useLeaderboardDemo(props) {
-  return cjs({
-    states: {
-      loading: false,
-      hasLeaders: true,
-      styles: {
-        usersheading: props.usersheading
-          ? props.usersheading
-          : "TOP REFERRERS",
-        statsheading: props.statsheading ? props.statsheading : "NEW TITANS",
-      },
-    },
-    data: {
-      rankType: "rowNumber",
-      leaderboard: [
-        { firstName: "Viktor", lastInitial: "V", value: 82, rank: 1 },
-        { firstName: "MF", lastInitial: "D", value: 73, rank: 2 },
-        { firstName: "Freddie", lastInitial: "G", value: 64, rank: 3 },
-        { firstName: "Benny", lastInitial: "B", value: 55, rank: 4 },
-        { firstName: "Mos", lastInitial: "D", value: 46, rank: 5 },
-      ],
-    },
-    elements: {
-      empty: props.empty ? props.empty : h$1("div", null, "Empty"),
-      loadingstate: props.loadingstate ? (props.loadingstate) : (h$1("div", null, "Loading")),
-    },
-  }, props.demoProps || {}, { arrayMerge: (_, a) => a });
-}
-Leaderboard.style = sqmLeaderboardCss;
-
-export { Leaderboard as sqm_leaderboard };

package/dist/esm/sqm-portal-container.entry.js

@@ -1,31 +0,0 @@
-import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './extends-3a3f9fe2.js';
-import './jss-preset-default.esm-71fae192.js';
-import { g as getProps } from './utils-454405f5.js';
-import { P as PortalContainerView } from './sqm-portal-container-view-73757ca5.js';
-
-const PortalContainer = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * @uiName Direction
-     * @uiType string
-     * @uiEnum ["row", "column"]
-     */
-    this.direction = "column";
-    /**
-     * @uiName Gap
-     * @uiType string
-     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-     */
-    this.gap = "xxx-large";
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    return (h$1(PortalContainerView, Object.assign({}, getProps(this)), h$1("slot", null)));
-  }
-};
-
-export { PortalContainer as sqm_portal_container };

package/dist/esm/sqm-program-explainer-step-view-41c1eecd.js

@@ -1,68 +0,0 @@
-import { h } from './index-17b4da69.js';
-import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
-
-function ProgramExplainerStepView(props) {
-  const style = {
-    Container: {
-      display: "flex",
-      flexDirection: "column",
-      width: "100%",
-      height: "444px",
-      color: props.color,
-      background: props.background,
-      padding: "24px",
-      "@media (max-width: 1024px)": {
-        flexDirection: "row",
-        width: "auto",
-        height: "auto",
-      },
-    },
-    Logo: {},
-    Text: {
-      "@media (max-width: 1024px)": {
-        marginLeft: "24px",
-      },
-    },
-    Title: {
-      fontSize: "16px",
-      fontWeight: "var(--sl-font-weight-bold)",
-      textTransform: "uppercase",
-      lineHeight: "24px",
-      marginTop: "24px",
-      "@media (max-width: 1024px)": {
-        margin: "0",
-      },
-    },
-    Description: {
-      fontSize: "16px",
-      lineHeight: "28px",
-      marginTop: "12px",
-      "@media (max-width: 1024px)": {
-        marginTop: "8px",
-      },
-    },
-  };
-  jss.setup(create());
-  const sheet = jss.createStyleSheet(style);
-  const styleString = sheet.toString();
-  console.log(props);
-  return (h("div", { class: sheet.classes.Container },
-    h("style", { type: "text/css" }, styleString),
-    h("div", { class: sheet.classes.Logo },
-      h("div", { style: {
-          width: "64px",
-          height: "64px",
-          borderRadius: "100%",
-          background: "#F4F5F7",
-          color: "var(--sl-color-primary-400)",
-          textAlign: "center",
-          lineHeight: "72px",
-        } },
-        h("div", { style: { fontSize: "26px" } },
-          h("sl-icon", { name: props.icon })))),
-    h("div", { class: sheet.classes.Text },
-      h("div", { class: sheet.classes.Title }, props.cardTitle),
-      h("div", { class: sheet.classes.Description }, props.description))));
-}
-
-export { ProgramExplainerStepView as P };

package/dist/esm/sqm-program-explainer-step.entry.js

@@ -1,18 +0,0 @@
-import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './extends-3a3f9fe2.js';
-import './jss-preset-default.esm-71fae192.js';
-import { g as getProps } from './utils-454405f5.js';
-import { P as ProgramExplainerStepView } from './sqm-program-explainer-step-view-41c1eecd.js';
-
-const ProgramExplainerStep = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    return h$1(ProgramExplainerStepView, Object.assign({}, getProps(this)));
-  }
-};
-
-export { ProgramExplainerStep as sqm_program_explainer_step };

package/dist/esm/sqm-program-explainer-view-098a64a9.js

@@ -1,43 +0,0 @@
-import { h } from './index-17b4da69.js';
-import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
-
-function ProgramExplainerView(props, children) {
-  const style = {
-    Container: {
-      display: "flex",
-      "@media (max-width: 1024px)": {
-        flexDirection: "column",
-      },
-    },
-    Card: {
-      padding: "24px",
-      color: props.color,
-      background: props.background,
-    },
-    Title: {
-      fontSize: "28px",
-      lineHeight: "36px",
-      fontWeight: "700",
-    },
-    Description: {
-      fontSize: "16px",
-      lineHeight: "28px",
-      fontWeight: "400",
-      marginTop: "8px",
-    },
-  };
-  jss.setup(create());
-  const sheet = jss.createStyleSheet(style);
-  const styleString = sheet.toString();
-  console.log(props);
-  return (h("div", null,
-    h("style", { type: "text/css" }, styleString),
-    h("div", { class: sheet.classes.Card },
-      h("div", { class: sheet.classes.Title }, props.header)),
-    h("div", { class: sheet.classes.Container }, children),
-    h("div", { class: sheet.classes.Card },
-      h("div", { class: sheet.classes.Title }, props.cardTitle),
-      h("div", { class: sheet.classes.Description }, props.description))));
-}
-
-export { ProgramExplainerView as P };

package/dist/esm/sqm-program-explainer.entry.js

@@ -1,19 +0,0 @@
-import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './extends-3a3f9fe2.js';
-import './jss-preset-default.esm-71fae192.js';
-import { g as getProps } from './utils-454405f5.js';
-import { P as ProgramExplainerView } from './sqm-program-explainer-view-098a64a9.js';
-
-const ProgramExplainer = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ignored = true;
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    return (h$1(ProgramExplainerView, Object.assign({}, getProps(this)), h$1("slot", null)));
-  }
-};
-
-export { ProgramExplainer as sqm_program_explainer };

package/dist/esm/sqm-referral-table-column.entry.js

@@ -1,26 +0,0 @@
-import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-17b4da69.js';
-import { m as h } from './extends-3a3f9fe2.js';
-import './use-callback-b38a1523.js';
-import './index.module-eb50a8d2.js';
-import { a as useRequestRerender } from './re-render-6d5b856e.js';
-
-const ReferralTableGenericColumn = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    h(this);
-  }
-  disconnectedCallback() { }
-  async renderCell(_) {
-    // this is insecure, <script> tags can be added
-    return (h$1("sqm-referral-table-cell", { "inner-template": getElement(this).innerHTML }));
-  }
-  async renderLabel() {
-    return Promise.resolve(this.columnTitle);
-  }
-  render() {
-    useRequestRerender([this.columnTitle]);
-    return (h$1(Host, { style: { display: "none" } }, h$1("slot", null)));
-  }
-};
-
-export { ReferralTableGenericColumn as sqm_referral_table_column };

package/dist/esm/sqm-referral-table-date-column.entry.js

@@ -1,43 +0,0 @@
-import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { m as h } from './extends-3a3f9fe2.js';
-import './use-callback-b38a1523.js';
-import './index.module-eb50a8d2.js';
-import { a as useRequestRerender } from './re-render-6d5b856e.js';
-
-const ReferralTableDateColumn = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * @uiName Date Column Title
-     */
-    this.columnTitle = "Date Converted";
-    /**
-     * @uiName Date Displayed
-     * @uiType string
-     * @uiEnum ["dateConverted",
-     * "dateReferralStarted",
-     * "dateFraudChecksCompleted",
-     * "dateModerated",
-     * "dateModified",
-     * "dateReferralEnded",
-     * "dateReferralPaid",
-     * "dateUserModified"]
-     */
-    this.dateShown = "dateConverted";
-    h(this);
-  }
-  disconnectedCallback() { }
-  async renderCell(data) {
-    // TODO - Validate `dateShown` against a set of known values
-    return (h$1("sqm-referral-table-date-cell", { date: data[this.dateShown] }));
-  }
-  async renderLabel() {
-    return this.columnTitle;
-  }
-  render() {
-    useRequestRerender([this.dateShown, this.columnTitle]);
-    return h$1(Host, { style: { display: "none" } });
-  }
-};
-
-export { ReferralTableDateColumn as sqm_referral_table_date_column };

package/dist/esm/sqm-referral-table-rewards-column.entry.js

@@ -1,34 +0,0 @@
-import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { m as h } from './extends-3a3f9fe2.js';
-import './use-callback-b38a1523.js';
-import './index.module-eb50a8d2.js';
-import { a as useRequestRerender } from './re-render-6d5b856e.js';
-
-const ReferralTableRewardsColumn = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * @uiName Reward column title
-     */
-    this.columnTitle = "Rewards";
-    /**
-     * @uiName Hide dropdown details of reward
-     */
-    this.hideDetails = false;
-    h(this);
-  }
-  disconnectedCallback() { }
-  async renderCell(data) {
-    // TODO: Do the right thing with many rewards, pending rewards, canceled rewards
-    return (h$1("sqm-referral-table-rewards-cell", { rewards: data.rewards, hideDetails: this.hideDetails }));
-  }
-  async renderLabel() {
-    return this.columnTitle;
-  }
-  render() {
-    useRequestRerender([this.columnTitle]);
-    return h$1(Host, { style: { display: "none" } });
-  }
-};
-
-export { ReferralTableRewardsColumn as sqm_referral_table_rewards_column };

package/dist/esm/sqm-referral-table-status-column.entry.js

@@ -1,41 +0,0 @@
-import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { m as h } from './extends-3a3f9fe2.js';
-import './use-callback-b38a1523.js';
-import './index.module-eb50a8d2.js';
-import { a as useRequestRerender } from './re-render-6d5b856e.js';
-
-const ReferralTableStatusColumn = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * @uiName Column Title
-     */
-    this.columnTitle = "Status";
-    /**
-     * @uiName Converted Status Text
-     */
-    this.convertedStatusText = "Converted";
-    /**
-     * @uiName In Progress Status Text
-     */
-    this.inProgressStatusText = "In Progress";
-    h(this);
-  }
-  disconnectedCallback() { }
-  async renderCell(data) {
-    // TODO: Make ICU and more complete
-    const statusText = data.dateConverted
-      ? this.convertedStatusText
-      : this.inProgressStatusText;
-    return (h$1("sqm-referral-table-status-cell", { "status-text": statusText, converted: data.dateConverted ? true : false }));
-  }
-  async renderLabel() {
-    return this.columnTitle;
-  }
-  render() {
-    useRequestRerender([this.columnTitle]);
-    return h$1(Host, { style: { display: "none" } });
-  }
-};
-
-export { ReferralTableStatusColumn as sqm_referral_table_status_column };

package/dist/esm/sqm-referral-table-user-column.entry.js

@@ -1,53 +0,0 @@
-import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { m as h } from './extends-3a3f9fe2.js';
-import './use-callback-b38a1523.js';
-import './index.module-eb50a8d2.js';
-import { a as useRequestRerender } from './re-render-6d5b856e.js';
-
-const ReferralTableUserColumn = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * @uiName User Column Title
-     */
-    this.columnTitle = "Customer";
-    /**
-     * @uiName Name displayed for anonymous users
-     */
-    this.anonymousUser = "Anonymous User";
-    /**
-     * @uiName Name displayed for deleted users
-     */
-    this.deletedUser = "Deleted User";
-    h(this);
-  }
-  disconnectedCallback() { }
-  async renderCell(data) {
-    var _a, _b, _c, _d;
-    let name;
-    if (!(data === null || data === void 0 ? void 0 : data.referredUser)) {
-      name = this.deletedUser;
-    }
-    else if (!((_a = data === null || data === void 0 ? void 0 : data.referredUser) === null || _a === void 0 ? void 0 : _a.firstName) &&
-      !((_b = data === null || data === void 0 ? void 0 : data.referredUser) === null || _b === void 0 ? void 0 : _b.lastName)) {
-      name = this.anonymousUser;
-    }
-    else {
-      name = `${(_c = data === null || data === void 0 ? void 0 : data.referredUser) === null || _c === void 0 ? void 0 : _c.firstName} ${(_d = data === null || data === void 0 ? void 0 : data.referredUser) === null || _d === void 0 ? void 0 : _d.lastName}`;
-    }
-    return (h$1("sqm-referral-table-user-cell", { name: name }));
-  }
-  async renderLabel() {
-    return this.columnTitle;
-  }
-  render() {
-    useRequestRerender([
-      this.deletedUser,
-      this.anonymousUser,
-      this.columnTitle,
-    ]);
-    return h$1(Host, { style: { display: "none" } });
-  }
-};
-
-export { ReferralTableUserColumn as sqm_referral_table_user_column };

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

@@ -1,102 +0,0 @@
-import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { j as useState, m as h } from './extends-3a3f9fe2.js';
-import './use-callback-b38a1523.js';
-import { d as dist, M, n as ne, x, c as cn, D as De, j } from './index.module-eb50a8d2.js';
-import './jss-preset-default.esm-71fae192.js';
-import { g as getProps } from './utils-454405f5.js';
-import { c as cjs } from './cjs-bdfb4486.js';
-import './mixins-10353a39.js';
-import { S as ShareLinkView } from './sqm-share-link-view-9282b8e8.js';
-
-const MessageLinkQuery = dist.gql `
-  query ($programId: ID) {
-    user: viewer {
-      ... on User {
-        referralCode(programId: $programId)
-      }
-    }
-  }
-`;
-const WIDGET_ENGAGEMENT_EVENT = dist.gql `
-  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
-    createUserAnalyticsEvent(eventMeta: $eventMeta)
-  }
-`;
-function useShareCode(props) {
-  var _a, _b;
-  const programId = M();
-  const user = ne();
-  const engagementMedium = x();
-  const { data } = cn(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const [sendLoadEvent] = De(WIDGET_ENGAGEMENT_EVENT);
-  const shareString = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.referralCode) !== null && _b !== void 0 ? _b : 
-  // Shown during loading
-  "...";
-  const [open, setOpen] = useState(false);
-  function onClick() {
-    // 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(shareString);
-    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",
-        },
-      },
-    });
-  }
-  return { ...props, onClick, open, shareString };
-}
-
-const DEFAULT_TOOLTIP_LIFESPAN = 1000;
-const ShareCode = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * This is shown after someone has successfully copied the cpde to the clipboard.
-     *
-     * @uiName Tooltip text
-     */
-    this.tooltiptext = "Copied to Clipboard";
-    /**
-     * The number of milliseconds that the tooltip will appear for
-     *
-     * @uiName Tooltip lifespan
-     */
-    this.tooltiplifespan = DEFAULT_TOOLTIP_LIFESPAN;
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const thisProps = getProps(this);
-    const props = j()
-      ? useDemoShareCode(thisProps)
-      : useShareCode(thisProps);
-    return h$1(ShareLinkView, Object.assign({}, props));
-  }
-};
-function useDemoShareCode(props) {
-  const [open, setOpen] = useState(false);
-  const shareString = "https://www.example.com/sharelink/abc";
-  return cjs({
-    shareString,
-    tooltiptext: props.tooltiptext,
-    open,
-    onClick: () => {
-      // 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(shareString);
-      setOpen(true);
-      setTimeout(() => setOpen(false), props.tooltiplifespan);
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
-export { ShareCode as sqm_share_code };