@saasquatch/mint-components 1.5.0-73 → 1.5.0-77

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
 require('./extends-08099afd.js');
-const insertcss = require('./insertcss-04580cfa.js');
 const JSS = require('./JSS-c65a40f1.js');
 const utils = require('./utils-01dbfd4a.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-fdfb3656.js');
@@ -16,12 +15,12 @@ function ImageView(props) {
     Container: {
       display: "flex",
       width: "100%",
-      justifyContent: props.align || "center",
+      justifyContent: props.alignment || "center",
       background: props.backgroundColor || "",
     },
     Image: {
       maxWidth: props.maxWidth || "100%",
-      maxHiehgt: props.maxHeight || "100%",
+      minHeight: props.minHeight || "100%",
       objectFit: "cover",
       marginLeft: props.left || "0",
       marginRight: props.right || "0",
@@ -51,7 +50,7 @@ const Image = class {
      * @uiType string
      * @uiEnum ["left", "center", "right"]
      */
-    this.align = "center";
+    this.alignment = "center";
     this.ignored = true;
     stencilHooks_module.h$1(this);
   }
@@ -95,8 +94,10 @@ const PortalContainer = class {
   }
 };
 
-const debug = stencilHooks_module.browser("sq:global");
-const textStyles = `
+// import { insertCSS } from "../../insertcss";
+// import debugFn from "debug";
+// const debug = debugFn("sq:global");
+const vanillaStyle = `
   sqm-text {
     display: block;
   }
@@ -151,15 +152,14 @@ const Text = class {
   }
   disconnectedCallback() { }
   componentWillLoad() {
-    try {
-      insertcss.insertCSS(textStyles);
-    }
-    catch (error) {
-      debug(error);
-    }
+    // try {
+    //   insertCSS(textStyles);
+    // } catch (error) {
+    //   debug(error);
+    // }
   }
   render() {
-    return index.h("slot", null);
+    return (index.h("div", null, index.h("style", null, vanillaStyle), index.h("slot", null)));
   }
 };
 

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

@@ -4,11 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-const global = require('./global-58d95b21.js');
+const global = require('./global-4c495d76.js');
 require('./use-callback-e754042f.js');
 const index_module = require('./index.module-54724339.js');
 require('./extends-08099afd.js');
-require('./insertcss-04580cfa.js');
 const cjs = require('./cjs-1066ec21.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-35015d30.js');
 

package/dist/cjs/{sqm-portal-email-verification-view-f42557ca.js → sqm-portal-email-verification-view-1552442a.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-58d95b21.js');
+const global = require('./global-4c495d76.js');
 const mixins = require('./mixins-7b7c59fe.js');
 const JSS = require('./JSS-c65a40f1.js');
 const sqmTextSpanView = require('./sqm-text-span-view-f101dedf.js');

package/dist/cjs/sqm-portal-email-verification.cjs.entry.js

@@ -4,16 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-require('./global-58d95b21.js');
+require('./global-4c495d76.js');
 require('./use-callback-e754042f.js');
 const index_module = require('./index.module-54724339.js');
 require('./extends-08099afd.js');
-require('./insertcss-04580cfa.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');
 require('./JSS-c65a40f1.js');
 require('./sqm-text-span-view-f101dedf.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-f42557ca.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-1552442a.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e;

package/dist/cjs/{sqm-portal-footer-view-5e6903c9.js → sqm-portal-footer-view-15ce261b.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-58d95b21.js');
+const global = require('./global-4c495d76.js');
 const JSS = require('./JSS-c65a40f1.js');
 
 function PoweredByImg({ color = "#A6A6A6", width = 190, height = 29, }) {

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

@@ -4,14 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-require('./global-58d95b21.js');
+require('./global-4c495d76.js');
 require('./use-callback-e754042f.js');
 require('./index.module-54724339.js');
 require('./extends-08099afd.js');
-require('./insertcss-04580cfa.js');
 require('./JSS-c65a40f1.js');
 const utils = require('./utils-01dbfd4a.js');
-const sqmPortalFooterView = require('./sqm-portal-footer-view-5e6903c9.js');
+const sqmPortalFooterView = require('./sqm-portal-footer-view-15ce261b.js');
 
 const PortalFooter = class {
   constructor(hostRef) {

package/dist/cjs/{sqm-portal-profile-view-637d2fe7.js → sqm-portal-profile-view-659635e9.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-58d95b21.js');
+const global = require('./global-4c495d76.js');
 const JSS = require('./JSS-c65a40f1.js');
 const sqmTextSpanView = require('./sqm-text-span-view-f101dedf.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-fdfb3656.js');

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

@@ -4,17 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-require('./global-58d95b21.js');
+require('./global-4c495d76.js');
 require('./use-callback-e754042f.js');
 const index_module = require('./index.module-54724339.js');
 require('./extends-08099afd.js');
-require('./insertcss-04580cfa.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-c65a40f1.js');
 const utils = require('./utils-01dbfd4a.js');
 require('./sqm-text-span-view-f101dedf.js');
 require('./sqm-portal-container-view-fdfb3656.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-637d2fe7.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-659635e9.js');
 
 const GET_USER = index_module.dist.gql `
   query {

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

@@ -4,17 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-const global = require('./global-58d95b21.js');
+const global = require('./global-4c495d76.js');
 require('./use-callback-e754042f.js');
 const index_module = require('./index.module-54724339.js');
 require('./extends-08099afd.js');
-require('./insertcss-04580cfa.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');
 const JSS = require('./JSS-c65a40f1.js');
-const GenericTableView = require('./GenericTableView-2cdb4c5d.js');
-const useChildElements = require('./useChildElements-4bc9b219.js');
-const useReferralTable = require('./useReferralTable-e473585e.js');
+const GenericTableView = require('./GenericTableView-bdb16907.js');
+const reRender = require('./re-render-2f8d0f37.js');
+require('./useChildElements-a68699b4.js');
+const useReferralTable = require('./useReferralTable-45f295ba.js');
 const luxon = require('./luxon-59ca7d19.js');
 const utils = require('./utils-01dbfd4a.js');
 const sqmTextSpanView = require('./sqm-text-span-view-f101dedf.js');
@@ -64,7 +64,7 @@ function LoadingRow() {
   return (index.h("sqm-table-row", null, index.h("sqm-table-cell", { colspan: 5 }, index.h("sl-skeleton", null))));
 }
 function useReferraltableDemo(props) {
-  return cjs.cjs({
+  const demoProps = cjs.cjs({
     states: {
       hasPrev: false,
       hasNext: false,
@@ -93,6 +93,8 @@ function useReferraltableDemo(props) {
       rows: [],
     },
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
+  console.log("PROPS", demoProps);
+  return demoProps;
 }
 function EmptySlot({ emptyStateImage, emptyStateHeader, emptyStateText, }) {
   return (index.h("div", { slot: "empty", style: { display: "contents" } }, index.h("sqm-table-row", null, index.h("sqm-table-cell", { colspan: 5, style: { textAlign: "center" } }, index.h("sqm-portal-container", { padding: "xxxx-large", gap: "medium" }, index.h("sqm-image", { "image-url": emptyStateImage, "max-width": "100px" }), index.h("sqm-titled-section", { "label-margin": "xxx-small", "text-align": "center" }, index.h("sqm-text", { slot: "label" }, index.h("h3", null, emptyStateHeader)), index.h("sqm-text", { slot: "content" }, emptyStateText)))))));
@@ -124,7 +126,7 @@ const ReferralTableGenericColumn = class {
     return Promise.resolve(this.columnTitle);
   }
   render() {
-    useChildElements.useRequestRerender([this.columnTitle]);
+    reRender.useRequestRerender([this.columnTitle]);
     return (index.h(index.Host, { style: { display: "none" } }, index.h("slot", null)));
   }
 };
@@ -178,7 +180,7 @@ const ReferralTableDateColumn = class {
     return this.columnTitle;
   }
   render() {
-    useChildElements.useRequestRerender([this.dateShown, this.columnTitle]);
+    reRender.useRequestRerender([this.dateShown, this.columnTitle]);
     return index.h(index.Host, { style: { display: "none" } });
   }
 };
@@ -365,7 +367,7 @@ const ReferralTableRewardsColumn = class {
     return this.columnTitle;
   }
   render() {
-    useChildElements.useRequestRerender([this.columnTitle]);
+    reRender.useRequestRerender([this.columnTitle]);
     return index.h(index.Host, { style: { display: "none" } });
   }
 };
@@ -418,7 +420,7 @@ const ReferralTableStatusColumn = class {
     return this.columnTitle;
   }
   render() {
-    useChildElements.useRequestRerender([this.columnTitle]);
+    reRender.useRequestRerender([this.columnTitle]);
     return index.h(index.Host, { style: { display: "none" } });
   }
 };
@@ -469,7 +471,7 @@ const ReferralTableUserColumn = class {
     return this.columnTitle;
   }
   render() {
-    useChildElements.useRequestRerender([
+    reRender.useRequestRerender([
       this.deletedUser,
       this.anonymousUser,
       this.columnTitle,

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

@@ -4,17 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-const global = require('./global-58d95b21.js');
+const global = require('./global-4c495d76.js');
 require('./use-callback-e754042f.js');
 const index_module = require('./index.module-54724339.js');
 require('./extends-08099afd.js');
-require('./insertcss-04580cfa.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');
 const JSS = require('./JSS-c65a40f1.js');
-const GenericTableView = require('./GenericTableView-2cdb4c5d.js');
-const useChildElements = require('./useChildElements-4bc9b219.js');
-const useReferralTable = require('./useReferralTable-e473585e.js');
+const GenericTableView = require('./GenericTableView-bdb16907.js');
+const reRender = require('./re-render-2f8d0f37.js');
+const useChildElements = require('./useChildElements-a68699b4.js');
+const useReferralTable = require('./useReferralTable-45f295ba.js');
 const luxon = require('./luxon-59ca7d19.js');
 const utils = require('./utils-01dbfd4a.js');
 const sqmTextSpanView = require('./sqm-text-span-view-f101dedf.js');
@@ -143,7 +143,7 @@ function useRewardsTable(props, emptyElement, loadingElement) {
     rewardFilter,
     locale,
   }, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const tick = useChildElements.useRerenderListener();
+  const tick = reRender.useRerenderListener();
   const components = useChildElements.useChildElements();
   const data = rewardsData === null || rewardsData === void 0 ? void 0 : rewardsData.data;
   async function getComponentData(components) {
@@ -363,7 +363,7 @@ const RewardTableDateColumn = class {
     return this.columnTitle;
   }
   render() {
-    useChildElements.useRequestRerender([this.dateShown, this.columnTitle]);
+    reRender.useRequestRerender([this.dateShown, this.columnTitle]);
     return index.h(index.Host, { style: { display: "none" } });
   }
 };
@@ -422,7 +422,8 @@ const RewardTableRewardsCell = class {
       const pimpedPrettyValue = reward.unit === "CENTS"
         ? reward.prettyValue.replace(/USD/gi, "$")
         : (_a = reward.prettyValue) !== null && _a !== void 0 ? _a : "-";
-      const singleReward = reward.prettyValueNumber === "1" && reward.prettyRedeemedNumber === "1";
+      const singleReward = reward.prettyValueNumber === "1" ||
+        (reward.dateRedeemed && reward.prettyAvailableNumber === "0");
       if (reward.type === "CREDIT" && !singleReward) {
         const progress = Math.round(((parseFloat(reward.prettyValueNumber) -
           parseFloat(reward.prettyRedeemedNumber)) /
@@ -443,7 +444,7 @@ const RewardTableRewardsCell = class {
         const style = {
           Progress: {
             height: "3px",
-            width: "150px",
+            maxWidth: "150px",
             margin: "var(--sl-spacing-xx-small) 0",
             background: "var(--sl-color-neutral-200)",
             "&:after": {
@@ -459,8 +460,7 @@ const RewardTableRewardsCell = class {
             display: "inline-block",
             verticalAlign: "top",
             maxWidth: "100%",
-            maxHeight: "60px",
-            whiteSpace: "nowrap",
+            whiteSpace: "break",
             overflow: "hidden",
             textOverflow: "ellipsis",
           },
@@ -508,7 +508,7 @@ const RewardsTableColumn = class {
     return this.columnTitle;
   }
   render() {
-    useChildElements.useRequestRerender([this.columnTitle]);
+    reRender.useRequestRerender([this.columnTitle]);
     return index.h(index.Host, { style: { display: "none" } });
   }
 };
@@ -613,7 +613,7 @@ const RewardTableUserColumn = class {
     return this.columnTitle;
   }
   render() {
-    useChildElements.useRequestRerender([
+    reRender.useRequestRerender([
       this.deletedUser,
       this.anonymousUser,
       this.columnTitle,
@@ -749,7 +749,7 @@ const RewardTableStatusColumn = class {
     return this.columnTitle;
   }
   render() {
-    useChildElements.useRequestRerender([this.columnTitle]);
+    reRender.useRequestRerender([this.columnTitle]);
     return index.h(index.Host, { style: { display: "none" } });
   }
 };