@saasquatch/mint-components 1.10.3 → 1.11.0-1

package/dist/cjs/sqm-big-stat_38.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const global = require('./global-02e50f09.js');
+const global = require('./global-4a59a374.js');
 const index_module = require('./index.module-df530553.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
@@ -19,8 +19,8 @@ const index$1 = require('./index-8c6255f5.js');
 const useRegistrationFormState = require('./useRegistrationFormState-876ed65d.js');
 const utilities = require('./utilities-cec9dd36.js');
 const AsYouType = require('./AsYouType-6788393a.js');
-const ShadowViewAddon = require('./ShadowViewAddon-c3e91cee.js');
-require('./sqm-portal-container-view-990a85a3.js');
+const ShadowViewAddon = require('./ShadowViewAddon-21aa34f8.js');
+require('./sqm-portal-container-view-5fb2ad49.js');
 
 const BigStat = class {
   constructor(hostRef) {
@@ -1160,7 +1160,7 @@ function ImageView(props) {
     },
     Image: {
       minHeight: props.minHeight || "100%",
-      width: props.width || "100%",
+      width: "100%",
       maxWidth: "max-content",
       objectFit: "cover",
     },
@@ -1275,26 +1275,6 @@ const GET_LEADERBOARD = index_module.dist.gql `
     }
   }
 `;
-const GET_LEADERBOARD_WITHOUT_NAMES = index_module.dist.gql `
-  query (
-    $type: String!
-    $filter: UserLeaderboardFilterInput
-    $locale: RSLocale
-    $limit: Int!
-  ) {
-    userLeaderboard(type: $type, filter: $filter) {
-      dateModified
-      rows(limit: $limit) {
-        textValue(locale: $locale)
-        rank {
-          rank
-          denseRank
-          rowNumber
-        }
-      }
-    }
-  }
-`;
 const GET_RANK = index_module.dist.gql `
   query (
     $type: String!
@@ -1315,24 +1295,6 @@ const GET_RANK = index_module.dist.gql `
     }
   }
 `;
-const GET_RANK_WITHOUT_NAMES = index_module.dist.gql `
-  query (
-    $type: String!
-    $filter: UserLeaderboardFilterInput
-    $locale: RSLocale
-  ) {
-    viewer {
-      ... on User {
-        leaderboardRank(type: $type, filter: $filter) {
-          textValue(locale: $locale)
-          rank
-          denseRank
-          rowNumber
-        }
-      }
-    }
-  }
-`;
 function useLeaderboard(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
   const programIdContext = index_module.H();
@@ -1358,8 +1320,8 @@ function useLeaderboard(props) {
   if (props.maxRows > 0) {
     variables["limit"] = props.maxRows;
   }
-  const { data: leaderboardData, loading: loadingLeaderboard, errors: leaderboardErrors, } = index_module.yn(props.hideNames ? GET_LEADERBOARD_WITHOUT_NAMES : GET_LEADERBOARD, variables, !(user === null || user === void 0 ? void 0 : user.jwt), { batch: false });
-  const { data: rankData } = index_module.yn(props.hideNames ? GET_RANK_WITHOUT_NAMES : GET_RANK, variables, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const { data: leaderboardData, loading: loadingLeaderboard, errors: leaderboardErrors, } = index_module.yn(GET_LEADERBOARD, variables, !(user === null || user === void 0 ? void 0 : user.jwt), { batch: false });
+  const { data: rankData } = index_module.yn(GET_RANK, variables, !(user === null || user === void 0 ? void 0 : user.jwt));
   const leaderboardRows = (_b = leaderboardData === null || leaderboardData === void 0 ? void 0 : leaderboardData.userLeaderboard) === null || _b === void 0 ? void 0 : _b.rows;
   const flattenedLeaderboard = getFlattenedLeaderboard(leaderboardRows);
   const sortedLeaderboard = flattenedLeaderboard === null || flattenedLeaderboard === void 0 ? void 0 : flattenedLeaderboard.sort(function (a, b) {
@@ -1403,6 +1365,8 @@ function useLeaderboard(props) {
     },
     elements: {
       empty: props.empty,
+      essentials: props.essentials,
+      loadingstate: props.loadingstate,
     },
   };
 }
@@ -1410,12 +1374,6 @@ function useLeaderboard(props) {
 const Leaderboard = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /**
-     * Restrict the width of the leaderboard (Can be a pixel value or a percentage i.e. "500px", "33%", etc.)
-     *
-     * @uiName Width
-     */
-    this.width = "100%";
     /**
      * Hide the viewer's leaderboard row if not in the top results.
      *
@@ -1424,16 +1382,12 @@ const Leaderboard = class {
      */
     this.hideViewer = false;
     /**
-     * @uiName Viewing user text
-     */
-    this.viewingUserText = "You";
-    /**
-     * Hide the Names of users to protect personal identifiable information
+     * Hides the leaderboard if user is on Essentials plan
      *
-     * @uiName Hide users names
+     * @uiName Hide viewing user
      * @default
      */
-    this.hideNames = false;
+    this.isEssentials = false;
     /**
      * Title displayed for users without names
      * @uiName Unknown user text
@@ -1453,6 +1407,8 @@ const Leaderboard = class {
   render() {
     const props = {
       empty: index.h(EmptySlot, null),
+      essentials: index.h(EssentialsSlot, null),
+      loadingstate: index.h(LoadingSlot, null),
       usersheading: this.usersheading,
       statsheading: this.statsheading,
       rankheading: this.rankheading,
@@ -1463,11 +1419,8 @@ const Leaderboard = class {
       anonymousUser: this.anonymousUser,
       interval: this.interval,
       hideViewer: this.hideViewer,
-      viewingUserText: this.viewingUserText,
-      hideNames: this.hideNames,
       showRank: this.showRank,
-      rankSuffix: this.rankSuffix,
-      width: this.width,
+      isEssentials: this.isEssentials,
     };
     const demoProps = { ...props, demoData: this.demoData };
     const viewprops = index_module.isDemo()
@@ -1479,6 +1432,14 @@ const Leaderboard = class {
 function EmptySlot() {
   return (index.h("slot", { name: "empty" }, index.h("sqm-empty", { "empty-state-image": "https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png", "empty-state-header": "View your rank in the leaderboard", "empty-state-text": "Be the first to refer a friend and reach the top of the leaderboard" })));
 }
+function EssentialsSlot() {
+  return (index.h("slot", { name: "essentials" }, index.h("sqm-empty", { "empty-state-image": "https://res.cloudinary.com/saasquatch/image/upload/v1715360191/squatch-assets/Leaderboard_Not_Available.svg", "empty-state-header": "Leaderboards aren\u2019t available on your plan", "empty-state-text": "Contact {supportText} to upgrade your plan and start leveraging gamification in your program.", "support-text": "Support", "missing-feature": "Leaderboards" })));
+}
+function LoadingSlot() {
+  return (index.h("slot", { name: "loading" }, index.h("table", null, [...Array(10)].map(() => {
+    return (index.h("tr", null, index.h("td", null, index.h("sl-skeleton", null))));
+  }))));
+}
 function useLeaderboardDemo(props) {
   var _a, _b;
   const data = ((_b = (_a = props.demoData) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.leaderboard) || [
@@ -1534,10 +1495,6 @@ function useLeaderboardDemo(props) {
           : "Anonymous User",
         showRank: props.showRank,
         hideViewer: props.hideViewer,
-        viewingUserText: props.viewingUserText,
-        hideNames: props.hideNames,
-        rankSuffix: props.rankSuffix,
-        width: props.width,
       },
     },
     data: {
@@ -1546,6 +1503,8 @@ function useLeaderboardDemo(props) {
     },
     elements: {
       empty: index.h(EmptySlot, null),
+      essentials: index.h(EssentialsSlot, null),
+      loadingstate: index.h(LoadingSlot, null),
     },
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }

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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const global = require('./global-02e50f09.js');
+const global = require('./global-4a59a374.js');
 require('./index.module-df530553.js');
 require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-990a85a3.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-5fb2ad49.js');
 
 function EmptyStateView(props) {
   const { emptyStateHeader, emptyStateImage, emptyStateText, supportText, missingFeature = "", } = props;
@@ -71,13 +71,6 @@ const PortalContainer = class {
      * @uiName Maximum width
      */
     this.maxWidth = "100%";
-    /**
-     * @uiName Flex wrap behavior
-     * @uiType string
-     * @uiEnum ["wrap", "nowrap"]
-     * @uiEnumNames ["Wrap", "No Wrap"]
-     */
-    this.flexWrap = "wrap";
     /**
      * @uiName Background color
      * @uiWidget color

package/dist/cjs/sqm-instant-access-registration.cjs.entry.js

@@ -9,7 +9,7 @@ require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 require('./JSS-8503a151.js');
-const emailRegistrationView = require('./email-registration-view-248652bb.js');
+const emailRegistrationView = require('./email-registration-view-5170d9f1.js');
 require('./useRegistrationFormState-876ed65d.js');
 const useInstantAccessRegistration = require('./useInstantAccessRegistration-bbe746d1.js');
 

package/dist/cjs/{sqm-invoice-table-view-28b14d28.js → sqm-invoice-table-view-c26fb670.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-02e50f09.js');
+const global = require('./global-4a59a374.js');
 const JSS = require('./JSS-8503a151.js');
 
 const INDIRECT_TAX_PROVINCES = [
@@ -434,11 +434,9 @@ const LoadingView = () => {
     index.h("sl-skeleton", { class: sheet.classes.ButtonSkeleton })));
 };
 
-function validTaxDocument(requiredType, currentType) {
-  if (requiredType === "W9" && currentType === "W9")
-    return true;
-  if ((requiredType === "W8BEN" || requiredType === "W8BENE") &&
-    (currentType === "W8BEN" || currentType === "W8BENE"))
+function validTaxDocument(requiredType) {
+  const validTypes = ["W9", "W8BENE", "W8BEN"];
+  if (validTypes.includes(requiredType))
     return true;
   return false;
 }
@@ -450,9 +448,8 @@ const taxTypeToName = (taxType) => {
     case "W9":
       return "W-9";
     case "W8BEN":
-      return "W-8 BEN";
     case "W8BENE":
-      return "W-8 BEN-E";
+      return "W-8";
     default:
       return "";
   }
@@ -743,6 +740,7 @@ const docusignFormProps = {
     },
   },
   callbacks: {
+    completeDocument: async () => { },
     setParticipantType: (p) => console.log({ p }),
     setDocusignStatus: (status) => console.log(status),
   },

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const global = require('./global-02e50f09.js');
+const global = require('./global-4a59a374.js');
 const index_module = require('./index.module-df530553.js');
 const cjs = require('./cjs-1066ec21.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-5a3d4a88.js');

package/dist/cjs/sqm-logout-current-user.cjs.entry.js

@@ -11,24 +11,25 @@ const utils = require('./utils-6847bc06.js');
 const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-c9f18d96.js');
 
 const GET_USER_DETAILS = index_module.dist.gql `
-  query getUserDetails {
-    viewer {
-      ... on User {
-        id
-        accountId
-        email
-      }
+  query getUserDetails($id: String!, $accountId: String!) {
+    user(id: $id, accountId: $accountId) {
+      id
+      accountId
+      email
     }
   }
 `;
 function useLogoutCurrentUser(props) {
   var _a, _b;
   const user = index_module.Q();
-  const { loading, data } = index_module.yn(GET_USER_DETAILS, {}, !user);
+  const { loading, data } = index_module.yn(GET_USER_DETAILS, {
+    id: user === null || user === void 0 ? void 0 : user.id,
+    accountId: user === null || user === void 0 ? void 0 : user.accountId,
+  }, !user);
   const onSwitchClick = () => {
     index_module.setUserIdentity(undefined);
   };
-  const filledInEmailText = (_a = props.userIdentificationText) === null || _a === void 0 ? void 0 : _a.replace("{email}", (_b = data === null || data === void 0 ? void 0 : data.viewer) === null || _b === void 0 ? void 0 : _b.email);
+  const filledInEmailText = (_a = props.userIdentificationText) === null || _a === void 0 ? void 0 : _a.replace("{email}", (_b = data === null || data === void 0 ? void 0 : data.user) === null || _b === void 0 ? void 0 : _b.email);
   return {
     loading,
     onSwitchClick,

package/dist/cjs/{sqm-portal-container-view-990a85a3.js → sqm-portal-container-view-5fb2ad49.js}

@@ -29,7 +29,7 @@ function PortalContainerView(props, children) {
     Container: {
       boxSizing: "border-box",
       display: props.display || "grid",
-      flexWrap: props.flexWrap || "wrap",
+      flexWrap: "wrap",
       "grid-template-columns": props.direction === "row"
         ? `repeat(auto-fill, minmax(${props.minWidth}, auto))`
         : "100%",

package/dist/cjs/{sqm-portal-email-verification-view-292b5bf4.js → sqm-portal-email-verification-view-07161940.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-02e50f09.js');
+const global = require('./global-4a59a374.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
 const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-require('./global-02e50f09.js');
+require('./global-4a59a374.js');
 const index_module = require('./index.module-df530553.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 require('./JSS-8503a151.js');
 require('./sqm-text-span-view-e1cd9bd3.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-292b5bf4.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-07161940.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/cjs/{sqm-portal-profile-view-fde54e35.js → sqm-portal-profile-view-07b99f80.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-02e50f09.js');
+const global = require('./global-4a59a374.js');
 const JSS = require('./JSS-8503a151.js');
 const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
 

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-require('./global-02e50f09.js');
+require('./global-4a59a374.js');
 const index_module = require('./index.module-df530553.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
 require('./sqm-text-span-view-e1cd9bd3.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-fde54e35.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-07b99f80.js');
 const utilities = require('./utilities-cec9dd36.js');
 
 const GET_USER = index_module.dist.gql `

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const global = require('./global-02e50f09.js');
+const global = require('./global-4a59a374.js');
 const index_module = require('./index.module-df530553.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');

package/dist/cjs/sqm-referred-registration.cjs.entry.js

@@ -9,7 +9,7 @@ require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 require('./JSS-8503a151.js');
-const emailRegistrationView = require('./email-registration-view-248652bb.js');
+const emailRegistrationView = require('./email-registration-view-5170d9f1.js');
 require('./useRegistrationFormState-876ed65d.js');
 const useInstantAccessRegistration = require('./useInstantAccessRegistration-bbe746d1.js');
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const global = require('./global-02e50f09.js');
+const global = require('./global-4a59a374.js');
 const index_module = require('./index.module-df530553.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');