@saasquatch/mint-components 1.5.0-3 → 1.5.0-33

package/dist/cjs/sqm-portal-container-view-d144735a.js

@@ -1,31 +0,0 @@
-'use strict';
-
-const index = require('./index-b0129cd6.js');
-const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
-
-function PortalContainerView(props, children) {
-  const style = {
-    Container: {
-      display: "grid",
-      "grid-template-columns": props.direction === "row"
-        ? `repeat(auto-fill, minmax(${props.minWidth}, auto))`
-        : "",
-      "grid-gap": `var(--sl-spacing-${props.gap})`,
-      padding: props.padding === "none" ? "0" : `var(--sl-spacing-${props.padding})`,
-    },
-  };
-  const vanillaStyle = `
-  :host{
-    width: 100%;
-  }`;
-  jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-  const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
-  const styleString = sheet.toString();
-  return (index.h("div", { class: sheet.classes.Container },
-    index.h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    children));
-}
-
-exports.PortalContainerView = PortalContainerView;

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-98958ab1.js

@@ -1,64 +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();
-  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: "white",
-        } })),
-    index.h("div", { class: sheet.classes.Text },
-      index.h("div", { class: sheet.classes.Title }, props.title),
-      index.h("div", { class: sheet.classes.Description }, props.description))));
-}
-
-exports.ProgramExplainerStepView = ProgramExplainerStepView;

package/dist/cjs/sqm-program-explainer-view-ba7ed24a.js

@@ -1,44 +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();
-  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.title),
-      index.h("div", { class: sheet.classes.Description }, props.description))));
-}
-
-exports.ProgramExplainerView = ProgramExplainerView;

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-7dd4b981.js');
-const reRender = require('./re-render-6111d4bd.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-7dd4b981.js');
-const reRender = require('./re-render-6111d4bd.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-7dd4b981.js');
-const reRender = require('./re-render-6111d4bd.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-7dd4b981.js');
-const reRender = require('./re-render-6111d4bd.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;

package/dist/esm/ShadowViewAddon-a3f510db.js

@@ -1,122 +0,0 @@
-import { h, g as getElement } from './index-17b4da69.js';
-import { d as dist, M, T, e as en } from './index.module-90d2c3ad.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 = T();
-  const variables = {
-    type: props.leaderboardType,
-    filter: { programId_eq: programId },
-  };
-  if (props.interval) {
-    variables.filter["interval"] = props.interval;
-  }
-  const { data: leaderboardData, loading: loadingLeaderboard } = en(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 };

package/dist/esm/sqm-portal-container-view-73757ca5.js

@@ -1,29 +0,0 @@
-import { h } from './index-17b4da69.js';
-import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
-
-function PortalContainerView(props, children) {
-  const style = {
-    Container: {
-      display: "grid",
-      "grid-template-columns": props.direction === "row"
-        ? `repeat(auto-fill, minmax(${props.minWidth}, auto))`
-        : "",
-      "grid-gap": `var(--sl-spacing-${props.gap})`,
-      padding: props.padding === "none" ? "0" : `var(--sl-spacing-${props.padding})`,
-    },
-  };
-  const vanillaStyle = `
-  :host{
-    width: 100%;
-  }`;
-  jss.setup(create());
-  const sheet = jss.createStyleSheet(style);
-  const styleString = sheet.toString();
-  return (h("div", { class: sheet.classes.Container },
-    h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    children));
-}
-
-export { PortalContainerView as P };

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-64fc0c37.js

@@ -1,62 +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();
-  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: "white",
-        } })),
-    h("div", { class: sheet.classes.Text },
-      h("div", { class: sheet.classes.Title }, props.title),
-      h("div", { class: sheet.classes.Description }, props.description))));
-}
-
-export { ProgramExplainerStepView as P };

package/dist/esm/sqm-program-explainer-view-68f0d242.js

@@ -1,42 +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();
-  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.title),
-      h("div", { class: sheet.classes.Description }, props.description))));
-}
-
-export { ProgramExplainerView as P };