@saasquatch/mint-components 1.5.0-9 → 1.5.0-90

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

@@ -1,106 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-b0129cd6.js');
-const _extends = require('./extends-0302d27d.js');
-require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-c0bf9df0.js');
-require('./jss-preset-default.esm-6304d24f.js');
-const utils = require('./utils-95e5317c.js');
-const cjs = require('./cjs-1066ec21.js');
-require('./mixins-7b7c59fe.js');
-const sqmShareLinkView = require('./sqm-share-link-view-a935d07e.js');
-
-const MessageLinkQuery = index_module.dist.gql `
-  query ($programId: ID) {
-    user: viewer {
-      ... on User {
-        referralCode(programId: $programId)
-      }
-    }
-  }
-`;
-const WIDGET_ENGAGEMENT_EVENT = index_module.dist.gql `
-  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
-    createUserAnalyticsEvent(eventMeta: $eventMeta)
-  }
-`;
-function useShareCode(props) {
-  var _a, _b;
-  const programId = index_module.M();
-  const user = index_module.ne();
-  const engagementMedium = index_module.x();
-  const { data } = index_module.cn(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const [sendLoadEvent] = index_module.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] = _extends.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) {
-    index.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;
-    _extends.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const thisProps = utils.getProps(this);
-    const props = index_module.j()
-      ? useDemoShareCode(thisProps)
-      : useShareCode(thisProps);
-    return index.h(sqmShareLinkView.ShareLinkView, Object.assign({}, props));
-  }
-};
-function useDemoShareCode(props) {
-  const [open, setOpen] = _extends.useState(false);
-  const shareString = "https://www.example.com/sharelink/abc";
-  return cjs.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 });
-}
-
-exports.sqm_share_code = ShareCode;

package/dist/cjs/sqm-share-link-view-a935d07e.js

@@ -1,24 +0,0 @@
-'use strict';
-
-const index = require('./index-b0129cd6.js');
-const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
-const mixins = require('./mixins-7b7c59fe.js');
-
-const style = {
-  HostBlock: mixins.HostBlock,
-  inputStyle: {
-    "&::part(base)": { background: "white", opacity: "1", cursor: "pointer" },
-  },
-};
-jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
-const styleString = sheet.toString();
-function ShareLinkView(props) {
-  return (index.h("div", null,
-    index.h("style", { type: "text/css" }, styleString),
-    index.h("sl-tooltip", { trigger: "manual", content: props.tooltiptext, placement: "top-end", disabled: props.disabled, open: props.open },
-      index.h("sl-input", { class: sheet.classes.inputStyle, exportparts: "label: input-label", value: props.shareString, readonly: true },
-        index.h("sl-icon-button", { onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, slot: "suffix", name: "files", disabled: props.disabled })))));
-}
-
-exports.ShareLinkView = ShareLinkView;

package/dist/cjs/sqm-titled-section.cjs.entry.js

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-b0129cd6.js');
-const _extends = require('./extends-0302d27d.js');
-require('./jss-preset-default.esm-6304d24f.js');
-const utils = require('./utils-95e5317c.js');
-const sqmPortalSectionView = require('./sqm-portal-section-view-3b008930.js');
-
-const TitledSection = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * @uiName Label margin style
-     * @uiType string
-     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-     */
-    this.labelMargin = "small";
-    /**
-     * @uiName Section padding
-     * @uiType string
-     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-     */
-    this.padding = "none";
-    _extends.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const label = index.h("slot", { name: "label" }, this.label);
-    const content = index.h("slot", { name: "content" });
-    return index.h(sqmPortalSectionView.PortalSectionView, Object.assign({}, { ...utils.getProps(this), label, content }));
-  }
-};
-
-exports.sqm_titled_section = TitledSection;

package/dist/cjs/use-callback-fadb2643.js

@@ -1,7 +0,0 @@
-'use strict';
-
-const _extends = require('./extends-0302d27d.js');
-
-const useCallback = (fn, inputs) => _extends.useMemo(() => fn, inputs);
-
-exports.useCallback = useCallback;

package/dist/collection/components/sqm-leaderboard/sqm-leaderboard.css

@@ -1,37 +0,0 @@
-: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;
-}

package/dist/esm/ShadowViewAddon-558fabb7.js

@@ -1,122 +0,0 @@
-import { h, g as getElement } from './index-17b4da69.js';
-import { d as dist, M, n as ne, c as cn } from './index.module-eb50a8d2.js';
-
-function LeaderboardView(props) {
-  var _a;
-  const { states, data, elements } = props;
-  const { styles } = states;
-  if (states.loading) {
-    return elements.loadingstate;
-  }
-  return (h("div", null,
-    !states.hasLeaders && elements.empty,
-    states.hasLeaders && (h("table", null,
-      h("tr", null,
-        styles.showRank && h("th", { class: "Rank" }, styles.rankheading),
-        h("th", { class: "User" }, styles.usersheading),
-        h("th", { class: "Score" }, styles.statsheading)), (_a = data.leaderboard) === null || _a === void 0 ? void 0 :
-      _a.map((user) => {
-        return (h("tr", { class: "SeparateContent" },
-          styles.showRank && h("td", { class: "Rank" }, user.rank),
-          h("td", { class: "User" }, `${user.firstName} ${user.lastInitial} `),
-          h("td", { class: "Score" }, user.value)));
-      })))));
-}
-
-const GET_LEADERBOARD = dist.gql `
-  query ($type: String!, $filter: UserLeaderboardFilterInput) {
-    userLeaderboard(type: $type, filter: $filter) {
-      dateModified
-      rows {
-        value
-        firstName
-        lastInitial
-        rank {
-          rank
-          denseRank
-          rowNumber
-        }
-      }
-    }
-  }
-`;
-function useLeaderboard(props) {
-  var _a;
-  const programId = M();
-  const user = ne();
-  const variables = {
-    type: props.leaderboardType,
-    filter: { programId_eq: programId },
-  };
-  if (props.interval) {
-    variables.filter["interval"] = props.interval;
-  }
-  const { data: leaderboardData, loading: loadingLeaderboard } = cn(GET_LEADERBOARD, variables, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const leaderboardRows = (_a = leaderboardData === null || leaderboardData === void 0 ? void 0 : leaderboardData.userLeaderboard) === null || _a === void 0 ? void 0 : _a.rows;
-  const flattenedLeaderboard = getFlattenedLeaderboard(leaderboardRows);
-  const sortedLeaderboard = flattenedLeaderboard === null || flattenedLeaderboard === void 0 ? void 0 : flattenedLeaderboard.sort(function (a, b) {
-    return a.rank - b.rank;
-  });
-  function getFlattenedLeaderboard(leaderboardRows) {
-    return leaderboardRows === null || leaderboardRows === void 0 ? void 0 : leaderboardRows.flatMap((user) => {
-      var _a;
-      return ({
-        value: user.value,
-        firstName: user.firstName || "Anonymous",
-        lastInitial: user.lastInitial,
-        rank: (_a = user.rank) === null || _a === void 0 ? void 0 : _a[props.rankType],
-      });
-    });
-  }
-  return {
-    states: {
-      loading: loadingLeaderboard,
-      hasLeaders: (sortedLeaderboard === null || sortedLeaderboard === void 0 ? void 0 : sortedLeaderboard.length) > 0,
-      styles: props,
-    },
-    data: {
-      leaderboard: sortedLeaderboard,
-      rankType: props.rankType,
-    },
-    elements: {
-      empty: props.empty,
-      loadingstate: props.loadingstate,
-    },
-  };
-}
-
-const map = new Map();
-function withShadowView(component) {
-  // TODO: Could only do this if rendered in a Stencilbook environment to prevent unintended side-effects
-  const element = getElement(component);
-  let renderFn = component["render"].bind(component);
-  const newRenderFn = () => {
-    const key = element.getAttribute("stencilbook-shadow-view");
-    if (key) {
-      const value = map.get(key);
-      if (value) {
-        return value;
-      }
-    }
-    return renderFn();
-  };
-  component["render"] = newRenderFn;
-}
-/**
- * Any story that defines `parameters.tagname` will be used as a wrapper component around the view
- */
-const ShadowViewAddon = ({ story }, children) => {
-  var _a;
-  let TagName = (_a = story.parent.parameters) === null || _a === void 0 ? void 0 : _a.tagname;
-  if (!TagName)
-    return children;
-  const randomInt = Math.round(Math.random() * 100000);
-  map.set(randomInt + "", children);
-  const RandomTagName = "stencilbook-shawdow-view-" + randomInt;
-  // This will only re-render when the tag name changes, so we use a random tag name every time.
-  // Altneratively we could try to trick Stencil to call `forceUpdate` every time.
-  return (h(RandomTagName, null,
-    h(TagName, { "stencilbook-shadow-view": randomInt })));
-};
-
-export { LeaderboardView as L, ShadowViewAddon as S, useLeaderboard as u, withShadowView as w };