@saasquatch/mint-components 1.5.0-79 → 1.5.0-82

package/dist/cjs/{GenericTableView-bdb16907.js → GenericTableView-9e45c15f.js}

@@ -97,9 +97,15 @@ function GenericTableView(props) {
       index.h("tbody", null,
         show === "loading" && elements.loadingElement,
         show === "empty" && elements.emptyElement,
-        show === "rows" && (rows === null || rows === void 0 ? void 0 : rows.map((row, i) => (index.h("tr", { style: {
-            borderTop: `${!data.textOverrides.showLabels && i === 0 ? "none" : ""}`,
-          }, part: "table-row" }, row.map((cell, j) => (index.h("td", { class: hiddenCols.includes(j) ? "hidden" : "", "data-label": columns[j] + ":" }, cell))))))))),
+        show === "rows" && (rows === null || rows === void 0 ? void 0 : rows.map((row, i) => {
+          console.log("ROW", row);
+          return (index.h("tr", { style: {
+              borderTop: `${!data.textOverrides.showLabels && i === 0 ? "none" : ""}`,
+            }, part: "table-row" }, row.map((cell, j) => {
+            console.log("CELL", cell);
+            return (index.h("td", { class: (hiddenCols === null || hiddenCols === void 0 ? void 0 : hiddenCols.includes(j)) ? "hidden" : "", "data-label": columns[j] + ":" }, cell));
+          })));
+        })))),
     index.h("div", { class: sheet.classes.ButtonContainer, part: states.namespace + "-button-wrapper" },
       index.h("sl-button", { size: "small", disabled: !states.hasPrev, loading: show === "loading", onClick: callbacks.prevPage, exportparts: "base: defaultbutton-base", class: !states.hasPrev ? sheet.classes.ButtonDisabled : "" }, data.textOverrides.prevLabel),
       index.h("sl-button", { size: "small", loading: show === "loading", disabled: !states.hasNext, onClick: callbacks.nextPage, exportparts: "base: defaultbutton-base", class: !states.hasNext ? sheet.classes.ButtonDisabled : "" }, data.textOverrides.moreLabel))));

package/dist/cjs/{ShadowViewAddon-5fef14ad.js → ShadowViewAddon-25ad8736.js}

@@ -2204,6 +2204,33 @@ const variableValue = (min, max, unit) => ({
   sourceMaxValue: max,
   prettySourceMaxValue: max + " " + unit,
 });
+const demoData = [
+  {
+    ...baseReward,
+    ...name("Free swag with a promo code"),
+    ...imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1643653103/squatch-assets/default_rewards_1.png"),
+    ...fixedValue("40 Points"),
+  },
+  {
+    ...baseReward,
+    ...selected,
+    ...name("Visa® Prepaid Card USD"),
+    ...imageUrl("https://i.imgur.com/veHErQX.png"),
+    ...variableValue(20, 80, "Points"),
+  },
+  {
+    ...baseReward,
+    ...name("$50 Store credit"),
+    ...imageUrl("https://i.imgur.com/WkCMVSE.png"),
+    ...fixedValue("100 Points"),
+  },
+  {
+    ...baseReward,
+    ...name("Variable amount of store credit"),
+    ...imageUrl("https://i.imgur.com/Jn2fE0s.png"),
+    ...variableValue(20, 100, "Points"),
+  }
+];
 const data = [
   {
     ...baseReward,
@@ -2261,6 +2288,9 @@ const data = [
 const rewardExchange = {
   ...baseResponse(data),
 };
+const demoRewardExchange = {
+  ...baseResponse(demoData)
+};
 const rewardExchangeLongText = {
   ...baseResponse([
     {
@@ -2543,6 +2573,7 @@ exports.chooseAmountVariableDisabled = chooseAmountVariableDisabled;
 exports.chooseAmountVariableUnavailable = chooseAmountVariableUnavailable;
 exports.confirmFixed = confirmFixed;
 exports.confirmVariable = confirmVariable;
+exports.demoRewardExchange = demoRewardExchange;
 exports.error = error;
 exports.loading = loading;
 exports.rewardExchange = rewardExchange;

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

@@ -19,7 +19,7 @@ const utils = require('./utils-01dbfd4a.js');
 require('./sqm-text-span-view-f101dedf.js');
 const useDemoBigStat = require('./useDemoBigStat-426e3319.js');
 require('./sqm-portal-container-view-fdfb3656.js');
-const ShadowViewAddon = require('./ShadowViewAddon-5fef14ad.js');
+const ShadowViewAddon = require('./ShadowViewAddon-25ad8736.js');
 require('./sqm-portal-section-view-186a5f7e.js');
 
 /**
@@ -6569,7 +6569,7 @@ function useRewardExchangeListDemo(props) {
     },
     data: {
       shareCode: "SHARECODE123",
-      exchangeList: ShadowViewAddon.rewardExchange.data.exchangeList,
+      exchangeList: ShadowViewAddon.demoRewardExchange.data.exchangeList,
     },
     callbacks: {
       exchangeReward: () => { },

package/dist/cjs/sqm-referral-table_11.cjs.entry.js

@@ -11,7 +11,7 @@ require('./extends-08099afd.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');
 const JSS = require('./JSS-c65a40f1.js');
-const GenericTableView = require('./GenericTableView-bdb16907.js');
+const GenericTableView = require('./GenericTableView-9e45c15f.js');
 const reRender = require('./re-render-2f8d0f37.js');
 require('./useChildElements-a68699b4.js');
 const useReferralTable = require('./useReferralTable-45f295ba.js');
@@ -24,7 +24,7 @@ const ReferralTable = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /** @uiName Number of referrals per page */
-    this.perPage = 3;
+    this.perPage = 4;
     /** @uiName Show column labels */
     this.showLabels = true;
     /** @uiName Previous button text  */
@@ -70,6 +70,7 @@ function useReferraltableDemo(props) {
       hasPrev: false,
       hasNext: false,
       loading: false,
+      show: "rows",
     },
     callbacks: {
       prevPage: () => console.log("Prev"),

package/dist/cjs/sqm-rewards-table_9.cjs.entry.js

@@ -11,7 +11,7 @@ require('./extends-08099afd.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');
 const JSS = require('./JSS-c65a40f1.js');
-const GenericTableView = require('./GenericTableView-bdb16907.js');
+const GenericTableView = require('./GenericTableView-9e45c15f.js');
 const RewardsTableCell_stories = require('./RewardsTableCell.stories-41292336.js');
 const reRender = require('./re-render-2f8d0f37.js');
 const useChildElements = require('./useChildElements-a68699b4.js');
@@ -242,7 +242,7 @@ const RewardsTable = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /** @uiName Number of rewards per page */
-    this.perPage = 3;
+    this.perPage = 4;
     /** @uiName Show column labels */
     this.showLabels = true;
     /** @uiName Previous button text  */
@@ -285,6 +285,7 @@ function useRewardsTableDemo(props) {
       hasPrev: false,
       hasNext: false,
       loading: false,
+      show: "rows",
       namespace: CSS_NAMESPACE,
     },
     callbacks: {

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

@@ -11,7 +11,7 @@ require('./extends-08099afd.js');
 require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');
 const JSS = require('./JSS-c65a40f1.js');
-const GenericTableView = require('./GenericTableView-bdb16907.js');
+const GenericTableView = require('./GenericTableView-9e45c15f.js');
 const RewardsTableCell_stories = require('./RewardsTableCell.stories-41292336.js');
 const luxon = require('./luxon-59ca7d19.js');
 const utils = require('./utils-01dbfd4a.js');
@@ -33,7 +33,7 @@ const sqmPortalProfileView = require('./sqm-portal-profile-view-659635e9.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-1fdc957e.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-4c78e231.js');
 const sqmStatContainerView = require('./sqm-stat-container-view-5b2db929.js');
-const ShadowViewAddon = require('./ShadowViewAddon-5fef14ad.js');
+const ShadowViewAddon = require('./ShadowViewAddon-25ad8736.js');
 const sqmPortalSectionView = require('./sqm-portal-section-view-186a5f7e.js');
 
 /**

package/dist/collection/components/sqm-referral-table/sqm-referral-table.js

@@ -11,7 +11,7 @@ import { useReferralTable } from "./useReferralTable";
 export class ReferralTable {
   constructor() {
     /** @uiName Number of referrals per page */
-    this.perPage = 3;
+    this.perPage = 4;
     /** @uiName Show column labels */
     this.showLabels = true;
     /** @uiName Previous button text  */
@@ -86,7 +86,7 @@ export class ReferralTable {
       },
       "attribute": "per-page",
       "reflect": false,
-      "defaultValue": "3"
+      "defaultValue": "4"
     },
     "showLabels": {
       "type": "boolean",
@@ -348,6 +348,7 @@ function useReferraltableDemo(props) {
       hasPrev: false,
       hasNext: false,
       loading: false,
+      show: "rows",
     },
     callbacks: {
       prevPage: () => console.log("Prev"),

package/dist/collection/components/sqm-reward-exchange-list/RewardExchangeListData.js

@@ -107,6 +107,33 @@ const variableValue = (min, max, unit) => ({
   sourceMaxValue: max,
   prettySourceMaxValue: max + " " + unit,
 });
+const demoData = [
+  {
+    ...baseReward,
+    ...name("Free swag with a promo code"),
+    ...imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1643653103/squatch-assets/default_rewards_1.png"),
+    ...fixedValue("40 Points"),
+  },
+  {
+    ...baseReward,
+    ...selected,
+    ...name("Visa® Prepaid Card USD"),
+    ...imageUrl("https://i.imgur.com/veHErQX.png"),
+    ...variableValue(20, 80, "Points"),
+  },
+  {
+    ...baseReward,
+    ...name("$50 Store credit"),
+    ...imageUrl("https://i.imgur.com/WkCMVSE.png"),
+    ...fixedValue("100 Points"),
+  },
+  {
+    ...baseReward,
+    ...name("Variable amount of store credit"),
+    ...imageUrl("https://i.imgur.com/Jn2fE0s.png"),
+    ...variableValue(20, 100, "Points"),
+  }
+];
 const data = [
   {
     ...baseReward,
@@ -164,6 +191,9 @@ const data = [
 export const rewardExchange = {
   ...baseResponse(data),
 };
+export const demoRewardExchange = {
+  ...baseResponse(demoData)
+};
 export const rewardExchangeLongText = {
   ...baseResponse([
     {

package/dist/collection/components/sqm-reward-exchange-list/sqm-reward-exchange-list.js

@@ -5,7 +5,7 @@ import { RewardExchangeView, } from "./sqm-reward-exchange-list-view";
 import { isDemo } from "@saasquatch/component-boilerplate";
 import deepmerge from "deepmerge";
 import { getProps } from "../../utils/utils";
-import { rewardExchange } from "./RewardExchangeListData";
+import { demoRewardExchange } from "./RewardExchangeListData";
 /**
  * @uiName Reward Exchange List
  */
@@ -718,7 +718,7 @@ function useRewardExchangeListDemo(props) {
     },
     data: {
       shareCode: "SHARECODE123",
-      exchangeList: rewardExchange.data.exchangeList,
+      exchangeList: demoRewardExchange.data.exchangeList,
     },
     callbacks: {
       exchangeReward: () => { },

package/dist/collection/components/sqm-rewards-table/sqm-rewards-table.js

@@ -11,7 +11,7 @@ import { CSS_NAMESPACE, useRewardsTable } from "./useRewardsTable";
 export class RewardsTable {
   constructor() {
     /** @uiName Number of rewards per page */
-    this.perPage = 3;
+    this.perPage = 4;
     /** @uiName Show column labels */
     this.showLabels = true;
     /** @uiName Previous button text  */
@@ -83,7 +83,7 @@ export class RewardsTable {
       },
       "attribute": "per-page",
       "reflect": false,
-      "defaultValue": "3"
+      "defaultValue": "4"
     },
     "showLabels": {
       "type": "boolean",
@@ -324,6 +324,7 @@ function useRewardsTableDemo(props) {
       hasPrev: false,
       hasNext: false,
       loading: false,
+      show: "rows",
       namespace: CSS_NAMESPACE,
     },
     callbacks: {

package/dist/collection/tables/GenericTableView.js

@@ -94,9 +94,15 @@ export function GenericTableView(props) {
       h("tbody", null,
         show === "loading" && elements.loadingElement,
         show === "empty" && elements.emptyElement,
-        show === "rows" && (rows === null || rows === void 0 ? void 0 : rows.map((row, i) => (h("tr", { style: {
-            borderTop: `${!data.textOverrides.showLabels && i === 0 ? "none" : ""}`,
-          }, part: "table-row" }, row.map((cell, j) => (h("td", { class: hiddenCols.includes(j) ? "hidden" : "", "data-label": columns[j] + ":" }, cell))))))))),
+        show === "rows" && (rows === null || rows === void 0 ? void 0 : rows.map((row, i) => {
+          console.log("ROW", row);
+          return (h("tr", { style: {
+              borderTop: `${!data.textOverrides.showLabels && i === 0 ? "none" : ""}`,
+            }, part: "table-row" }, row.map((cell, j) => {
+            console.log("CELL", cell);
+            return (h("td", { class: (hiddenCols === null || hiddenCols === void 0 ? void 0 : hiddenCols.includes(j)) ? "hidden" : "", "data-label": columns[j] + ":" }, cell));
+          })));
+        })))),
     h("div", { class: sheet.classes.ButtonContainer, part: states.namespace + "-button-wrapper" },
       h("sl-button", { size: "small", disabled: !states.hasPrev, loading: show === "loading", onClick: callbacks.prevPage, exportparts: "base: defaultbutton-base", class: !states.hasPrev ? sheet.classes.ButtonDisabled : "" }, data.textOverrides.prevLabel),
       h("sl-button", { size: "small", loading: show === "loading", disabled: !states.hasNext, onClick: callbacks.nextPage, exportparts: "base: defaultbutton-base", class: !states.hasNext ? sheet.classes.ButtonDisabled : "" }, data.textOverrides.moreLabel))));

package/dist/esm/{GenericTableView-ea3fc435.js → GenericTableView-54db7aa8.js}

@@ -95,9 +95,15 @@ function GenericTableView(props) {
       h("tbody", null,
         show === "loading" && elements.loadingElement,
         show === "empty" && elements.emptyElement,
-        show === "rows" && (rows === null || rows === void 0 ? void 0 : rows.map((row, i) => (h("tr", { style: {
-            borderTop: `${!data.textOverrides.showLabels && i === 0 ? "none" : ""}`,
-          }, part: "table-row" }, row.map((cell, j) => (h("td", { class: hiddenCols.includes(j) ? "hidden" : "", "data-label": columns[j] + ":" }, cell))))))))),
+        show === "rows" && (rows === null || rows === void 0 ? void 0 : rows.map((row, i) => {
+          console.log("ROW", row);
+          return (h("tr", { style: {
+              borderTop: `${!data.textOverrides.showLabels && i === 0 ? "none" : ""}`,
+            }, part: "table-row" }, row.map((cell, j) => {
+            console.log("CELL", cell);
+            return (h("td", { class: (hiddenCols === null || hiddenCols === void 0 ? void 0 : hiddenCols.includes(j)) ? "hidden" : "", "data-label": columns[j] + ":" }, cell));
+          })));
+        })))),
     h("div", { class: sheet.classes.ButtonContainer, part: states.namespace + "-button-wrapper" },
       h("sl-button", { size: "small", disabled: !states.hasPrev, loading: show === "loading", onClick: callbacks.prevPage, exportparts: "base: defaultbutton-base", class: !states.hasPrev ? sheet.classes.ButtonDisabled : "" }, data.textOverrides.prevLabel),
       h("sl-button", { size: "small", loading: show === "loading", disabled: !states.hasNext, onClick: callbacks.nextPage, exportparts: "base: defaultbutton-base", class: !states.hasNext ? sheet.classes.ButtonDisabled : "" }, data.textOverrides.moreLabel))));

package/dist/esm/{ShadowViewAddon-93efc48c.js → ShadowViewAddon-94819113.js}

@@ -2202,6 +2202,33 @@ const variableValue = (min, max, unit) => ({
   sourceMaxValue: max,
   prettySourceMaxValue: max + " " + unit,
 });
+const demoData = [
+  {
+    ...baseReward,
+    ...name("Free swag with a promo code"),
+    ...imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1643653103/squatch-assets/default_rewards_1.png"),
+    ...fixedValue("40 Points"),
+  },
+  {
+    ...baseReward,
+    ...selected,
+    ...name("Visa® Prepaid Card USD"),
+    ...imageUrl("https://i.imgur.com/veHErQX.png"),
+    ...variableValue(20, 80, "Points"),
+  },
+  {
+    ...baseReward,
+    ...name("$50 Store credit"),
+    ...imageUrl("https://i.imgur.com/WkCMVSE.png"),
+    ...fixedValue("100 Points"),
+  },
+  {
+    ...baseReward,
+    ...name("Variable amount of store credit"),
+    ...imageUrl("https://i.imgur.com/Jn2fE0s.png"),
+    ...variableValue(20, 100, "Points"),
+  }
+];
 const data = [
   {
     ...baseReward,
@@ -2259,6 +2286,9 @@ const data = [
 const rewardExchange = {
   ...baseResponse(data),
 };
+const demoRewardExchange = {
+  ...baseResponse(demoData)
+};
 const rewardExchangeLongText = {
   ...baseResponse([
     {
@@ -2520,4 +2550,4 @@ const ShadowViewAddon = ({ story }, children) => {
     h(TagName, { "stencilbook-shadow-view": randomInt })));
 };
 
-export { CardFeedView as C, EditProfileView as E, LeaderboardView as L, PortalFrameView as P, ReferralIframeView as R, ShareButtonView as S, TaskCardView as T, ShareLinkView as a, useShareButton as b, PortalChangePasswordView as c, PortalLoginView as d, PortalRegisterView as e, ProgressBarView as f, RewardExchangeView as g, rewardExchangeLongText as h, rewardExchangeSelected as i, chooseAmountFixed as j, chooseAmountVariable as k, chooseAmountVariableDisabled as l, chooseAmountVariableUnavailable as m, confirmFixed as n, confirmVariable as o, error as p, successVariable as q, rewardExchangeCustomErrorMsg as r, success as s, loading as t, useShareLink as u, rewardExchange as v, autoColorScaleCss as w, ShadowViewAddon as x, withShadowView as y };
+export { CardFeedView as C, EditProfileView as E, LeaderboardView as L, PortalFrameView as P, ReferralIframeView as R, ShareButtonView as S, TaskCardView as T, ShareLinkView as a, useShareButton as b, PortalChangePasswordView as c, PortalLoginView as d, PortalRegisterView as e, ProgressBarView as f, RewardExchangeView as g, rewardExchangeLongText as h, rewardExchangeSelected as i, chooseAmountFixed as j, chooseAmountVariable as k, chooseAmountVariableDisabled as l, chooseAmountVariableUnavailable as m, confirmFixed as n, confirmVariable as o, error as p, successVariable as q, rewardExchangeCustomErrorMsg as r, success as s, loading as t, useShareLink as u, rewardExchange as v, autoColorScaleCss as w, ShadowViewAddon as x, withShadowView as y, demoRewardExchange as z };

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

@@ -15,7 +15,7 @@ import { g as getProps, a as getMissingProps } from './utils-1d345130.js';
 import './sqm-text-span-view-7e61c95c.js';
 import { p as pathToRegexp, u as useDemoBigStat, a as useBigStat } from './useDemoBigStat-022e116d.js';
 import './sqm-portal-container-view-f74db584.js';
-import { w as autoColorScaleCss, C as CardFeedView, E as EditProfileView, y as withShadowView, L as LeaderboardView, c as PortalChangePasswordView, P as PortalFrameView, d as PortalLoginView, e as PortalRegisterView, R as ReferralIframeView, g as RewardExchangeView, v as rewardExchange, b as useShareButton, S as ShareButtonView, a as ShareLinkView, u as useShareLink, T as TaskCardView } from './ShadowViewAddon-93efc48c.js';
+import { w as autoColorScaleCss, C as CardFeedView, E as EditProfileView, y as withShadowView, L as LeaderboardView, c as PortalChangePasswordView, P as PortalFrameView, d as PortalLoginView, e as PortalRegisterView, R as ReferralIframeView, g as RewardExchangeView, z as demoRewardExchange, b as useShareButton, S as ShareButtonView, a as ShareLinkView, u as useShareLink, T as TaskCardView } from './ShadowViewAddon-94819113.js';
 import './sqm-portal-section-view-88a80af9.js';
 
 /**
@@ -6565,7 +6565,7 @@ function useRewardExchangeListDemo(props) {
     },
     data: {
       shareCode: "SHARECODE123",
-      exchangeList: rewardExchange.data.exchangeList,
+      exchangeList: demoRewardExchange.data.exchangeList,
     },
     callbacks: {
       exchangeReward: () => { },

package/dist/esm/sqm-referral-table_11.entry.js

@@ -7,7 +7,7 @@ import './extends-c31f1eff.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-10353a39.js';
 import { c as createStyleSheet } from './JSS-96eeab98.js';
-import { G as GenericTableView } from './GenericTableView-ea3fc435.js';
+import { G as GenericTableView } from './GenericTableView-54db7aa8.js';
 import { a as useRequestRerender } from './re-render-43311710.js';
 import './useChildElements-0146a8bd.js';
 import { u as useReferralTable } from './useReferralTable-596519fc.js';
@@ -20,7 +20,7 @@ const ReferralTable = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /** @uiName Number of referrals per page */
-    this.perPage = 3;
+    this.perPage = 4;
     /** @uiName Show column labels */
     this.showLabels = true;
     /** @uiName Previous button text  */
@@ -66,6 +66,7 @@ function useReferraltableDemo(props) {
       hasPrev: false,
       hasNext: false,
       loading: false,
+      show: "rows",
     },
     callbacks: {
       prevPage: () => console.log("Prev"),

package/dist/esm/sqm-rewards-table_9.entry.js

@@ -7,7 +7,7 @@ import './extends-c31f1eff.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-10353a39.js';
 import { c as createStyleSheet } from './JSS-96eeab98.js';
-import { G as GenericTableView } from './GenericTableView-ea3fc435.js';
+import { G as GenericTableView } from './GenericTableView-54db7aa8.js';
 import { R as RewardsCellCreditFull, S as StatusCellAvailable, a as SourceCellReferral, D as DateCell, b as RewardsCellCreditCancelled, c as StatusCellCancelled, d as SourceCellDeletedUser, e as RewardsCellCreditRedeemed, f as StatusCellRedeemed, g as SourceCellManual, h as RewardsCellCreditPartial, i as StatusCellAvailableExpiry, j as SourceCellReferred } from './RewardsTableCell.stories-9941e71e.js';
 import { u as useRerenderListener, a as useRequestRerender } from './re-render-43311710.js';
 import { u as useChildElements } from './useChildElements-0146a8bd.js';
@@ -238,7 +238,7 @@ const RewardsTable = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /** @uiName Number of rewards per page */
-    this.perPage = 3;
+    this.perPage = 4;
     /** @uiName Show column labels */
     this.showLabels = true;
     /** @uiName Previous button text  */
@@ -281,6 +281,7 @@ function useRewardsTableDemo(props) {
       hasPrev: false,
       hasNext: false,
       loading: false,
+      show: "rows",
       namespace: CSS_NAMESPACE,
     },
     callbacks: {

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

@@ -7,7 +7,7 @@ import './extends-c31f1eff.js';
 import './cjs-bdfb4486.js';
 import './mixins-10353a39.js';
 import { c as createStyleSheet } from './JSS-96eeab98.js';
-import { G as GenericTableView } from './GenericTableView-ea3fc435.js';
+import { G as GenericTableView } from './GenericTableView-54db7aa8.js';
 import { R as RewardsCellCreditFull, S as StatusCellAvailable, a as SourceCellReferral, D as DateCell$1, b as RewardsCellCreditCancelled, c as StatusCellCancelled, d as SourceCellDeletedUser, e as RewardsCellCreditRedeemed, f as StatusCellRedeemed, g as SourceCellManual, h as RewardsCellCreditPartial, i as StatusCellAvailableExpiry, j as SourceCellReferred, k as RewardsCellCreditLong, l as RewardsTableCell } from './RewardsTableCell.stories-9941e71e.js';
 import { l as luxon } from './luxon-5fa22651.js';
 import { g as getProps } from './utils-1d345130.js';
@@ -29,7 +29,7 @@ import { P as PortalProfileView } from './sqm-portal-profile-view-71c84f2e.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-73e14282.js';
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-cbf1cfdc.js';
 import { S as StatContainerView } from './sqm-stat-container-view-8a565c5a.js';
-import { S as ShareButtonView, a as ShareLinkView, L as LeaderboardView, P as PortalFrameView, E as EditProfileView, u as useShareLink, b as useShareButton, c as PortalChangePasswordView, d as PortalLoginView, e as PortalRegisterView, T as TaskCardView, f as ProgressBarView, R as ReferralIframeView, g as RewardExchangeView, r as rewardExchangeCustomErrorMsg, h as rewardExchangeLongText, i as rewardExchangeSelected, j as chooseAmountFixed, k as chooseAmountVariable, l as chooseAmountVariableDisabled$1, m as chooseAmountVariableUnavailable$1, n as confirmFixed, o as confirmVariable, p as error$1, s as success, q as successVariable, t as loading, v as rewardExchange, C as CardFeedView, w as autoColorScaleCss, x as ShadowViewAddon } from './ShadowViewAddon-93efc48c.js';
+import { S as ShareButtonView, a as ShareLinkView, L as LeaderboardView, P as PortalFrameView, E as EditProfileView, u as useShareLink, b as useShareButton, c as PortalChangePasswordView, d as PortalLoginView, e as PortalRegisterView, T as TaskCardView, f as ProgressBarView, R as ReferralIframeView, g as RewardExchangeView, r as rewardExchangeCustomErrorMsg, h as rewardExchangeLongText, i as rewardExchangeSelected, j as chooseAmountFixed, k as chooseAmountVariable, l as chooseAmountVariableDisabled$1, m as chooseAmountVariableUnavailable$1, n as confirmFixed, o as confirmVariable, p as error$1, s as success, q as successVariable, t as loading, v as rewardExchange, C as CardFeedView, w as autoColorScaleCss, x as ShadowViewAddon } from './ShadowViewAddon-94819113.js';
 import { P as PortalSectionView } from './sqm-portal-section-view-88a80af9.js';
 
 /**

package/dist/esm-es5/{GenericTableView-ea3fc435.js → GenericTableView-54db7aa8.js}

@@ -1 +1 @@
-var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var a,t=1,l=arguments.length;t<l;t++){a=arguments[t];for(var s in a)if(Object.prototype.hasOwnProperty.call(a,s))e[s]=a[s]}return e};return __assign.apply(this,arguments)};import{h}from"./index-17b4da69.js";import{g as gap}from"./mixins-10353a39.js";import{c as createStyleSheet}from"./JSS-96eeab98.js";function GenericTableView(e){var a;var t=e.states,l=e.data,s=e.callbacks,r=e.elements;var n=r.columns,i=r.rows;var o=t.show;console.log("table",e);console.log("columns 0",n);var d=l.hiddenColumns&&l.hiddenColumns.split(",").map(Number);var p="@media (max-width: "+l.mdBreakpoint+"px)";var m="@media (min-width: "+(!Boolean(i.length)?l.mdBreakpoint:l.smBreakpoint)+"px) and (max-width: "+l.mdBreakpoint+"px)";var c={Table:(a={tableLayout:"fixed",width:"100%","& th":{paddingBottom:"var(--sl-spacing-small)",textAlign:"left",fontWeight:"var(--sl-font-weight-semibold)",overflowWrap:"anywhere"},"& tr":{},"& td":{borderTop:"1px solid var(--sl-color-neutral-200)",padding:"var(--sl-spacing-small)",paddingLeft:"0",overflow:"hidden",textOverflow:"ellipsis"}},a[p]={"& thead":{display:"none"},"& tr":{display:"block",background:"#FFFFFF",border:"1px solid var(--sl-color-neutral-200)",boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.1)",borderRadius:"var(--sl-border-radius-medium)",padding:"var(--sl-spacing-medium)",fontSize:"var(--sl-font-size-small)",marginBottom:"var(--sl-spacing-large)"},"& td":{display:"grid",gridTemplateColumns:"0.5fr 0.5fr",borderTop:"none",padding:"0",marginBottom:"var(--sl-spacing-medium)","&:first-child":{textAlign:"left"},"&:before":{content:"attr(data-label)",whiteSpace:"nowrap"},"&:last-child":{marginBottom:"0"},"&.hidden:before":{content:"none"}}},a[m]={"& tbody":{display:"grid",gridTemplateColumns:"0.5fr 0.5fr",gap:"25px"}},a),ButtonContainer:__assign({display:"flex","justify-content":"flex-end","margin-top":"var(--sl-spacing-small)"},gap({direction:"row",size:"var(--sl-spacing-small)"})),ButtonDisabled:{"&::part(base)":{opacity:"0.25"}}};var b=createStyleSheet(c);var g=b.toString();return h("div",null,h("style",{type:"text/css"},g),h("table",{class:b.classes.Table},l.textOverrides.showLabels&&h("thead",null,h("tr",null,n===null||n===void 0?void 0:n.map((function(e){return h("th",null,e)})))),h("tbody",null,o==="loading"&&r.loadingElement,o==="empty"&&r.emptyElement,o==="rows"&&(i===null||i===void 0?void 0:i.map((function(e,a){return h("tr",{style:{borderTop:""+(!l.textOverrides.showLabels&&a===0?"none":"")},part:"table-row"},e.map((function(e,a){return h("td",{class:d.includes(a)?"hidden":"","data-label":n[a]+":"},e)})))}))))),h("div",{class:b.classes.ButtonContainer,part:t.namespace+"-button-wrapper"},h("sl-button",{size:"small",disabled:!t.hasPrev,loading:o==="loading",onClick:s.prevPage,exportparts:"base: defaultbutton-base",class:!t.hasPrev?b.classes.ButtonDisabled:""},l.textOverrides.prevLabel),h("sl-button",{size:"small",loading:o==="loading",disabled:!t.hasNext,onClick:s.nextPage,exportparts:"base: defaultbutton-base",class:!t.hasNext?b.classes.ButtonDisabled:""},l.textOverrides.moreLabel)))}export{GenericTableView as G};
+var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var a,t=1,l=arguments.length;t<l;t++){a=arguments[t];for(var s in a)if(Object.prototype.hasOwnProperty.call(a,s))e[s]=a[s]}return e};return __assign.apply(this,arguments)};import{h}from"./index-17b4da69.js";import{g as gap}from"./mixins-10353a39.js";import{c as createStyleSheet}from"./JSS-96eeab98.js";function GenericTableView(e){var a;var t=e.states,l=e.data,s=e.callbacks,n=e.elements;var r=n.columns,o=n.rows;var i=t.show;console.log("table",e);console.log("columns 0",r);var d=l.hiddenColumns&&l.hiddenColumns.split(",").map(Number);var p="@media (max-width: "+l.mdBreakpoint+"px)";var m="@media (min-width: "+(!Boolean(o.length)?l.mdBreakpoint:l.smBreakpoint)+"px) and (max-width: "+l.mdBreakpoint+"px)";var c={Table:(a={tableLayout:"fixed",width:"100%","& th":{paddingBottom:"var(--sl-spacing-small)",textAlign:"left",fontWeight:"var(--sl-font-weight-semibold)",overflowWrap:"anywhere"},"& tr":{},"& td":{borderTop:"1px solid var(--sl-color-neutral-200)",padding:"var(--sl-spacing-small)",paddingLeft:"0",overflow:"hidden",textOverflow:"ellipsis"}},a[p]={"& thead":{display:"none"},"& tr":{display:"block",background:"#FFFFFF",border:"1px solid var(--sl-color-neutral-200)",boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.1)",borderRadius:"var(--sl-border-radius-medium)",padding:"var(--sl-spacing-medium)",fontSize:"var(--sl-font-size-small)",marginBottom:"var(--sl-spacing-large)"},"& td":{display:"grid",gridTemplateColumns:"0.5fr 0.5fr",borderTop:"none",padding:"0",marginBottom:"var(--sl-spacing-medium)","&:first-child":{textAlign:"left"},"&:before":{content:"attr(data-label)",whiteSpace:"nowrap"},"&:last-child":{marginBottom:"0"},"&.hidden:before":{content:"none"}}},a[m]={"& tbody":{display:"grid",gridTemplateColumns:"0.5fr 0.5fr",gap:"25px"}},a),ButtonContainer:__assign({display:"flex","justify-content":"flex-end","margin-top":"var(--sl-spacing-small)"},gap({direction:"row",size:"var(--sl-spacing-small)"})),ButtonDisabled:{"&::part(base)":{opacity:"0.25"}}};var g=createStyleSheet(c);var b=g.toString();return h("div",null,h("style",{type:"text/css"},b),h("table",{class:g.classes.Table},l.textOverrides.showLabels&&h("thead",null,h("tr",null,r===null||r===void 0?void 0:r.map((function(e){return h("th",null,e)})))),h("tbody",null,i==="loading"&&n.loadingElement,i==="empty"&&n.emptyElement,i==="rows"&&(o===null||o===void 0?void 0:o.map((function(e,a){console.log("ROW",e);return h("tr",{style:{borderTop:""+(!l.textOverrides.showLabels&&a===0?"none":"")},part:"table-row"},e.map((function(e,a){console.log("CELL",e);return h("td",{class:(d===null||d===void 0?void 0:d.includes(a))?"hidden":"","data-label":r[a]+":"},e)})))}))))),h("div",{class:g.classes.ButtonContainer,part:t.namespace+"-button-wrapper"},h("sl-button",{size:"small",disabled:!t.hasPrev,loading:i==="loading",onClick:s.prevPage,exportparts:"base: defaultbutton-base",class:!t.hasPrev?g.classes.ButtonDisabled:""},l.textOverrides.prevLabel),h("sl-button",{size:"small",loading:i==="loading",disabled:!t.hasNext,onClick:s.nextPage,exportparts:"base: defaultbutton-base",class:!t.hasNext?g.classes.ButtonDisabled:""},l.textOverrides.moreLabel)))}export{GenericTableView as G};