@saasquatch/mint-components 1.5.0-7 → 1.5.0-70

package/dist/cjs/sqm-leaderboard-rank-view-510f16d3.js

@@ -1,131 +0,0 @@
-'use strict';
-
-const index = require('./index-b0129cd6.js');
-const global = require('./global-89f66e76.js');
-const index_module = require('./index.module-c0bf9df0.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 global.__assign(global.__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 = index_module.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 index.h("span", { class: "P" }, data.rank);
-}
-
-exports.LeaderboardRankView = LeaderboardRankView;
-exports.gql = gql$1;

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

@@ -1,69 +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');
-const cjs = require('./cjs-1066ec21.js');
-const ShadowViewAddon = require('./ShadowViewAddon-475e00d3.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) {
-    index.registerInstance(this, hostRef);
-    this.ignored = true;
-    _extends.h$1(this);
-    ShadowViewAddon.withShadowView(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const props = {
-      empty: index.h("slot", { name: "empty" }),
-      loadingstate: index.h("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 = index_module.j()
-      ? useLeaderboardDemo(demoProps)
-      : ShadowViewAddon.useLeaderboard(props);
-    return index.h(ShadowViewAddon.LeaderboardView, Object.assign({}, viewprops));
-  }
-};
-function useLeaderboardDemo(props) {
-  return cjs.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 : index.h("div", null, "Empty"),
-      loadingstate: props.loadingstate ? (props.loadingstate) : (index.h("div", null, "Loading")),
-    },
-  }, props.demoProps || {}, { arrayMerge: (_, a) => a });
-}
-Leaderboard.style = sqmLeaderboardCss;
-
-exports.sqm_leaderboard = Leaderboard;

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

@@ -1,35 +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 sqmPortalContainerView = require('./sqm-portal-container-view-d144735a.js');
-
-const PortalContainer = class {
-  constructor(hostRef) {
-    index.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";
-    _extends.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    return (index.h(sqmPortalContainerView.PortalContainerView, Object.assign({}, utils.getProps(this)), index.h("slot", null)));
-  }
-};
-
-exports.sqm_portal_container = PortalContainer;

package/dist/cjs/sqm-program-explainer-step-view-6a01cda0.js

@@ -1,70 +0,0 @@
-'use strict';
-
-const index = require('./index-b0129cd6.js');
-const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.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",
-      },
-    },
-  };
-  jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-  const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
-  const styleString = sheet.toString();
-  console.log(props);
-  return (index.h("div", { class: sheet.classes.Container },
-    index.h("style", { type: "text/css" }, styleString),
-    index.h("div", { class: sheet.classes.Logo },
-      index.h("div", { style: {
-          width: "64px",
-          height: "64px",
-          borderRadius: "100%",
-          background: "#F4F5F7",
-          color: "var(--sl-color-primary-400)",
-          textAlign: "center",
-          lineHeight: "72px",
-        } },
-        index.h("div", { style: { fontSize: "26px" } },
-          index.h("sl-icon", { name: props.icon })))),
-    index.h("div", { class: sheet.classes.Text },
-      index.h("div", { class: sheet.classes.Title }, props.cardTitle),
-      index.h("div", { class: sheet.classes.Description }, props.description))));
-}
-
-exports.ProgramExplainerStepView = ProgramExplainerStepView;

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

@@ -1,22 +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 sqmProgramExplainerStepView = require('./sqm-program-explainer-step-view-6a01cda0.js');
-
-const ProgramExplainerStep = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    _extends.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    return index.h(sqmProgramExplainerStepView.ProgramExplainerStepView, Object.assign({}, utils.getProps(this)));
-  }
-};
-
-exports.sqm_program_explainer_step = ProgramExplainerStep;

package/dist/cjs/sqm-program-explainer-view-8a4af972.js

@@ -1,45 +0,0 @@
-'use strict';
-
-const index = require('./index-b0129cd6.js');
-const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.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",
-    },
-  };
-  jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-  const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
-  const styleString = sheet.toString();
-  console.log(props);
-  return (index.h("div", null,
-    index.h("style", { type: "text/css" }, styleString),
-    index.h("div", { class: sheet.classes.Card },
-      index.h("div", { class: sheet.classes.Title }, props.header)),
-    index.h("div", { class: sheet.classes.Container }, children),
-    index.h("div", { class: sheet.classes.Card },
-      index.h("div", { class: sheet.classes.Title }, props.cardTitle),
-      index.h("div", { class: sheet.classes.Description }, props.description))));
-}
-
-exports.ProgramExplainerView = ProgramExplainerView;

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

@@ -1,23 +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 sqmProgramExplainerView = require('./sqm-program-explainer-view-8a4af972.js');
-
-const ProgramExplainer = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ignored = true;
-    _extends.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    return (index.h(sqmProgramExplainerView.ProgramExplainerView, Object.assign({}, utils.getProps(this)), index.h("slot", null)));
-  }
-};
-
-exports.sqm_program_explainer = ProgramExplainer;

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

@@ -1,30 +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');
-require('./index.module-c0bf9df0.js');
-const reRender = require('./re-render-124b56ee.js');
-
-const ReferralTableGenericColumn = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    _extends.h$1(this);
-  }
-  disconnectedCallback() { }
-  async renderCell(_) {
-    // this is insecure, <script> tags can be added
-    return (index.h("sqm-referral-table-cell", { "inner-template": index.getElement(this).innerHTML }));
-  }
-  async renderLabel() {
-    return Promise.resolve(this.columnTitle);
-  }
-  render() {
-    reRender.useRequestRerender([this.columnTitle]);
-    return (index.h(index.Host, { style: { display: "none" } }, index.h("slot", null)));
-  }
-};
-
-exports.sqm_referral_table_column = ReferralTableGenericColumn;

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

@@ -1,47 +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');
-require('./index.module-c0bf9df0.js');
-const reRender = require('./re-render-124b56ee.js');
-
-const ReferralTableDateColumn = class {
-  constructor(hostRef) {
-    index.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";
-    _extends.h$1(this);
-  }
-  disconnectedCallback() { }
-  async renderCell(data) {
-    // TODO - Validate `dateShown` against a set of known values
-    return (index.h("sqm-referral-table-date-cell", { date: data[this.dateShown] }));
-  }
-  async renderLabel() {
-    return this.columnTitle;
-  }
-  render() {
-    reRender.useRequestRerender([this.dateShown, this.columnTitle]);
-    return index.h(index.Host, { style: { display: "none" } });
-  }
-};
-
-exports.sqm_referral_table_date_column = ReferralTableDateColumn;

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

@@ -1,38 +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');
-require('./index.module-c0bf9df0.js');
-const reRender = require('./re-render-124b56ee.js');
-
-const ReferralTableRewardsColumn = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * @uiName Reward column title
-     */
-    this.columnTitle = "Rewards";
-    /**
-     * @uiName Hide dropdown details of reward
-     */
-    this.hideDetails = false;
-    _extends.h$1(this);
-  }
-  disconnectedCallback() { }
-  async renderCell(data) {
-    // TODO: Do the right thing with many rewards, pending rewards, canceled rewards
-    return (index.h("sqm-referral-table-rewards-cell", { rewards: data.rewards, hideDetails: this.hideDetails }));
-  }
-  async renderLabel() {
-    return this.columnTitle;
-  }
-  render() {
-    reRender.useRequestRerender([this.columnTitle]);
-    return index.h(index.Host, { style: { display: "none" } });
-  }
-};
-
-exports.sqm_referral_table_rewards_column = ReferralTableRewardsColumn;

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

@@ -1,45 +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');
-require('./index.module-c0bf9df0.js');
-const reRender = require('./re-render-124b56ee.js');
-
-const ReferralTableStatusColumn = class {
-  constructor(hostRef) {
-    index.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";
-    _extends.h$1(this);
-  }
-  disconnectedCallback() { }
-  async renderCell(data) {
-    // TODO: Make ICU and more complete
-    const statusText = data.dateConverted
-      ? this.convertedStatusText
-      : this.inProgressStatusText;
-    return (index.h("sqm-referral-table-status-cell", { "status-text": statusText, converted: data.dateConverted ? true : false }));
-  }
-  async renderLabel() {
-    return this.columnTitle;
-  }
-  render() {
-    reRender.useRequestRerender([this.columnTitle]);
-    return index.h(index.Host, { style: { display: "none" } });
-  }
-};
-
-exports.sqm_referral_table_status_column = ReferralTableStatusColumn;

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

@@ -1,57 +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');
-require('./index.module-c0bf9df0.js');
-const reRender = require('./re-render-124b56ee.js');
-
-const ReferralTableUserColumn = class {
-  constructor(hostRef) {
-    index.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";
-    _extends.h$1(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 (index.h("sqm-referral-table-user-cell", { name: name }));
-  }
-  async renderLabel() {
-    return this.columnTitle;
-  }
-  render() {
-    reRender.useRequestRerender([
-      this.deletedUser,
-      this.anonymousUser,
-      this.columnTitle,
-    ]);
-    return index.h(index.Host, { style: { display: "none" } });
-  }
-};
-
-exports.sqm_referral_table_user_column = ReferralTableUserColumn;