@saasquatch/mint-components 1.5.0-68 → 1.5.0-71

package/dist/cjs/{GenericTableView-65598160.js → GenericTableView-2cdb4c5d.js}

@@ -8,7 +8,8 @@ function GenericTableView(props) {
   const { states, data, callbacks, elements } = props;
   const { columns, rows } = elements;
   const { show } = states;
-  console.log(props);
+  console.log("table", props);
+  console.log("columns 0", columns);
   const hiddenCols = data.hiddenColumns.split(",").map(Number);
   const mobile = "@media (max-width: " + data.mdBreakpoint + "px)";
   const tablet = `@media (min-width: ${!Boolean(rows.length) ? data.mdBreakpoint : data.smBreakpoint}px) and (max-width: ${data.mdBreakpoint}px)`;
@@ -96,13 +97,9 @@ 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) => {
-          return (index.h("tr", { style: {
-              borderTop: `${!data.textOverrides.showLabels && i === 0 ? "none" : ""}`,
-            }, part: "table-row" }, row === null || row === void 0 ? void 0 : row.map((cell, j) => {
-            return (index.h("td", { class: hiddenCols.includes(j) ? "hidden" : "", "data-label": columns[j].$children$[0].$text$ + ":" }, cell));
-          })));
-        })))),
+        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))))))))),
     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-d7591bfb.js → ShadowViewAddon-fbbacd12.js}

@@ -2,51 +2,27 @@
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-const global = require('./global-d0e64e1c.js');
-const index_module = require('./index.module-f972f103.js');
+const global = require('./global-58d95b21.js');
+const index_module = require('./index.module-54724339.js');
 const mixins = require('./mixins-7b7c59fe.js');
 const JSS = require('./JSS-c65a40f1.js');
 const luxon = require('./luxon-59ca7d19.js');
 const utils = require('./utils-01dbfd4a.js');
 const sqmTextSpanView = require('./sqm-text-span-view-f101dedf.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-3bc23603.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-fdfb3656.js');
 const sqmPortalSectionView = require('./sqm-portal-section-view-186a5f7e.js');
 
 const medium = {
-  facebook: "#1877f2",
-  twitter: "#1da1f2",
-  email: "#666666",
-  direct: "#00008B",
-  linkedin: "#0077b5",
-  sms: "#34DA50",
-  fbmessenger: "#0084ff",
-  whatsapp: "#25d366",
-  linemessenger: "#00B300",
-  pinterest: "#e60023",
-};
-const medium_text = {
-  facebook: "#fff",
-  twitter: "#fff",
-  email: "#fff",
-  direct: "#fff",
-  linkedin: "#fff",
-  sms: "#fff",
-  fbmessenger: "#fff",
-  whatsapp: "#fff",
-  linemessenger: "#fff",
-  pinterest: "#fff",
-};
-const medium_icon = {
-  facebook: "facebook",
-  twitter: "twitter",
-  email: "envelope",
-  direct: "send",
-  linkedin: "linkedin",
-  sms: "chat",
-  fbmessenger: "messenger",
-  whatsapp: "whatsapp",
-  linemessenger: "line",
-  pinterest: "pinterest",
+  facebook: { color: "#1877f2", text: "#fff", icon: "facebook" },
+  twitter: { color: "#1da1f2", text: "#fff", icon: "twitter" },
+  email: { color: "#666666", text: "#fff", icon: "envelope" },
+  direct: { color: "var(--sl-color-primary-500)", text: "#fff", icon: "send" },
+  linkedin: { color: "#0077b5", text: "#fff", icon: "linkedin" },
+  sms: { color: "#34DA50", text: "#fff", icon: "chat" },
+  fbmessenger: { color: "#0084ff", text: "#fff", icon: "messenger" },
+  whatsapp: { color: "#25d366", text: "#fff", icon: "whatsapp" },
+  linemessenger: { color: "#00B300", text: "#fff", icon: "line" },
+  pinterest: { color: "#e60023", text: "#fff", icon: "pinterest" },
 };
 function ShareButtonView(props, children) {
   const vanillaStyle = `
@@ -54,18 +30,18 @@ function ShareButtonView(props, children) {
 			--sl-focus-ring-color-primary: ${props.backgroundcolor
     ? props.backgroundcolor
     : props.medium
-      ? medium[props.medium]
+      ? medium[props.medium].color
       : ""}80!important;
 
       background: ${props.backgroundcolor
     ? props.backgroundcolor
     : props.medium
-      ? medium[props.medium]
+      ? medium[props.medium].color
       : ""};
       color: ${props.textcolor
     ? props.textcolor
     : props.medium
-      ? medium_text[props.medium]
+      ? medium[props.medium].text
       : ""};
       border-radius: ${props.borderradius ? props.borderradius + "px" : ""};
     }
@@ -74,7 +50,7 @@ function ShareButtonView(props, children) {
 		border-color: ${props.backgroundcolor
     ? props.backgroundcolor
     : props.medium
-      ? medium[props.medium]
+      ? medium[props.medium].color
       : ""}D1!important;
 	}
 	
@@ -82,7 +58,7 @@ function ShareButtonView(props, children) {
 		border-color: ${props.backgroundcolor
     ? props.backgroundcolor
     : props.medium
-      ? medium[props.medium]
+      ? medium[props.medium].color
       : ""}D1!important;
 	}
 
@@ -106,7 +82,7 @@ function ShareButtonView(props, children) {
     index.h("style", { type: "text/css" }, styleString),
     index.h("style", { type: "text/css" }, vanillaStyle),
     index.h("sl-button", { class: sheet.classes.buttonStyle, loading: props.loading, disabled: props.disabled, pill: props.pill, size: props.size, type: props.type, onClick: props.onClick, exportparts: `base: ${props.type}sharebutton-base` },
-      !props.hideicon && (index.h("sl-icon", { slot: props.iconslot || "prefix", name: props.icon ? props.icon : medium_icon[props.medium], exportparts: "icon" })),
+      !props.hideicon && (index.h("sl-icon", { slot: props.iconslot || "prefix", name: props.icon ? props.icon : medium[props.medium].icon, exportparts: "icon" })),
       !props.hidetext && children)));
 }
 
@@ -178,7 +154,6 @@ function LeaderboardView(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
   const { states, data, elements } = props;
   const { styles } = states;
-  console.log("I AM THE LEADERBOARDS", props);
   if (states.loading)
     return (index.h("div", { class: sheet$1.classes.Leaderboard },
       index.h("style", { type: "text/css" },
@@ -345,10 +320,10 @@ const WIDGET_ENGAGEMENT_EVENT = index_module.dist.gql `
 function useShareLink(props) {
   var _a, _b;
   const { programId = index_module.M() } = props;
-  const user = index_module.ie();
-  const engagementMedium = index_module.Rn();
-  const { data } = index_module.sn(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const [sendLoadEvent] = index_module.qe(WIDGET_ENGAGEMENT_EVENT);
+  const user = index_module.ne();
+  const engagementMedium = index_module.x();
+  const { data } = index_module.mn(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.shareLink) !== null && _b !== void 0 ? _b : 
   // Shown during loading
   "...";
@@ -434,16 +409,16 @@ function useShareButton(props) {
   var _a, _b;
   const { sharetitle, sharetext, medium } = props;
   const programId = props.programId ? props.programId : index_module.M();
-  const user = index_module.ie();
+  const user = index_module.ne();
   const variables = {
-    engagementMedium: index_module.Rn(),
+    engagementMedium: index_module.x(),
     programId: programId,
     shareMedium: medium.toUpperCase(),
   };
   // only queries if a programId is available
-  const res = index_module.sn(MessageLinkQuery$1, variables, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
+  const res = index_module.mn(MessageLinkQuery$1, variables, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
   const directLink = (_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.shareLink;
-  const environment = index_module.kn();
+  const environment = index_module.D();
   const hide = (medium.toLocaleUpperCase() === "SMS" &&
     window.orientation === undefined) ||
     (medium.toLocaleUpperCase() === "DIRECT" && !window.navigator.share);
@@ -1274,9 +1249,9 @@ function TaskCardView(props) {
   console.log("TASK CARD PROPS " + ((_a = props === null || props === void 0 ? void 0 : props.content) === null || _a === void 0 ? void 0 : _a.cardTitle));
   console.log({ props });
   const { callbacks, states, content } = props;
-  const dateStart = content.showExpiry &&
+  const dateStart = content.rewardDuration &&
     luxon.luxon.DateTime.fromISO(content.rewardDuration.split("/")[0]);
-  const dateEnd = content.showExpiry &&
+  const dateEnd = content.rewardDuration &&
     luxon.luxon.DateTime.fromISO(content.rewardDuration.split("/")[1]);
   const dateToday = luxon.luxon.DateTime.now();
   if (content.displayDuration) {
@@ -1297,8 +1272,8 @@ function TaskCardView(props) {
     : states.progress;
   const taskComplete = (showComplete && content.repeatable === false) ||
     (content.finite && states.progress >= content.finite * content.goal);
-  const taskEnded = content.showExpiry && dateEnd <= dateToday;
-  const taskNotStarted = content.showExpiry && dateToday <= dateStart;
+  const taskEnded = content.rewardDuration && dateEnd <= dateToday;
+  const taskNotStarted = content.rewardDuration && dateToday <= dateStart;
   const taskUnavailable = taskEnded || taskNotStarted;
   const vanillaStyle = `
 	:host{
@@ -1377,7 +1352,7 @@ function TaskCardView(props) {
                   ? Math.min(repetitions, content.finite)
                   : repetitions,
               })))),
-            content.showExpiry && !taskUnavailable && (index.h("span", { class: "datetime" }, global.intl.formatMessage({
+            dateEnd && !taskUnavailable && (index.h("span", { class: "datetime" }, global.intl.formatMessage({
               id: "expiryMessage",
               defaultMessage: content.expiryMessage,
             }, {
@@ -1943,7 +1918,7 @@ function RewardExchangeView(props) {
                   index.h("img", { class: item.unavailableReasonCode
                       ? "image subdued"
                       : "image", src: (item === null || item === void 0 ? void 0 : item.imageUrl) ||
-                      index.getAssetPath("./assets/placeholder.png") })),
+                      index.getAssetPath("./assets/Reward-image.png") })),
                 index.h("div", { class: sheet.classes.TextArea, style: {
                     opacity: item.unavailableReasonCode ? "0.5" : "1",
                   } },
@@ -1991,7 +1966,7 @@ function RewardExchangeView(props) {
       index.h("div", { class: sheet.classes.ChooseAmount },
         index.h("div", { class: "wrapper" },
           index.h("img", { class: "image", src: (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.imageUrl) ||
-              index.getAssetPath("./assets/placeholder.png") }),
+              index.getAssetPath("./assets/Reward-image.png") }),
           index.h("div", { class: "text" },
             index.h("div", { class: "title" }, (_b = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.name) !== null && _b !== void 0 ? _b : ""),
             ((_c = states.selectedItem) === null || _c === void 0 ? void 0 : _c.ruleType) === "FIXED_GLOBAL_REWARD" ? (index.h("div", { class: "points" }, input)) : (index.h("div", { class: "description" }, selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.description)),
@@ -2014,7 +1989,7 @@ function RewardExchangeView(props) {
           index.h("div", { class: "reward-item-container" },
             index.h("div", { class: "reward-title" }, selectedItem.name),
             index.h("img", { class: "image", src: (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.imageUrl) ||
-                index.getAssetPath("./assets/placeholder.png") }))),
+                index.getAssetPath("./assets/Reward-image.png") }))),
         index.h("div", { class: "wrapper padding" },
           index.h("div", { class: "field" })),
         amount && (index.h("div", { class: "wrapper top-border padding" },

package/dist/cjs/{global-d0e64e1c.js → global-58d95b21.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-const index_module = require('./index.module-f972f103.js');
+const index_module = require('./index.module-54724339.js');
 const insertcss = require('./insertcss-04580cfa.js');
 
 var __assign = (undefined && undefined.__assign) || function () {