@saasquatch/mint-components 1.10.3 → 1.11.0-1

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
 import { n as h, f as useEffect, k as useState, i as d, u as useMemo, m as useRef, b as browser, j as useReducer } from './stencil-hooks.module-ac12ca1c.js';
-import { i as intl } from './global-04c7d3b5.js';
+import { i as intl } from './global-e7bb0343.js';
 import { i as isDemo, _, d as dist, Q, H, f as $e, y as yn, B, L, g as gn, $ as $n, p as Ue, q as qe, x as xe, u as useCallback, r as ze, S as Sn } from './index.module-def4aec5.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
@@ -15,8 +15,8 @@ import { p as pathToRegexp } from './index-ffa26b43.js';
 import { R as REGISTRATION_FORM_STATE_CONTEXT, u as useRegistrationFormState } from './useRegistrationFormState-9fc1ac80.js';
 import { i as isEmpty } from './utilities-3f5bba22.js';
 import { A as AsYouType } from './AsYouType-46f67d0d.js';
-import { b as useDemoBigStat, V as useBigStat, B as BigStatView, Q as autoColorScaleCss, K as CardFeedView, j as CheckboxFieldView, M as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, W as withShadowView, L as LeaderboardView, N as NameFieldsView, d as PortalChangePasswordView, i as PortalFooterView, P as PortalFrameView, e as PortalLoginView, f as PortalRegisterView, R as ReferralIframeView, X as demoRewardExchange, k as RewardExchangeView, a as useShareButton, S as ShareButtonView, C as CopyTextView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-e012b2aa.js';
-import './sqm-portal-container-view-6c582684.js';
+import { b as useDemoBigStat, V as useBigStat, B as BigStatView, Q as autoColorScaleCss, K as CardFeedView, j as CheckboxFieldView, M as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, W as withShadowView, L as LeaderboardView, N as NameFieldsView, d as PortalChangePasswordView, i as PortalFooterView, P as PortalFrameView, e as PortalLoginView, f as PortalRegisterView, R as ReferralIframeView, X as demoRewardExchange, k as RewardExchangeView, a as useShareButton, S as ShareButtonView, C as CopyTextView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-90897c22.js';
+import './sqm-portal-container-view-ab89c6cc.js';
 
 const BigStat = class {
   constructor(hostRef) {
@@ -1156,7 +1156,7 @@ function ImageView(props) {
     },
     Image: {
       minHeight: props.minHeight || "100%",
-      width: props.width || "100%",
+      width: "100%",
       maxWidth: "max-content",
       objectFit: "cover",
     },
@@ -1271,26 +1271,6 @@ const GET_LEADERBOARD = dist.gql `
     }
   }
 `;
-const GET_LEADERBOARD_WITHOUT_NAMES = 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 = dist.gql `
   query (
     $type: String!
@@ -1311,24 +1291,6 @@ const GET_RANK = dist.gql `
     }
   }
 `;
-const GET_RANK_WITHOUT_NAMES = 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 = H();
@@ -1354,8 +1316,8 @@ function useLeaderboard(props) {
   if (props.maxRows > 0) {
     variables["limit"] = props.maxRows;
   }
-  const { data: leaderboardData, loading: loadingLeaderboard, errors: leaderboardErrors, } = yn(props.hideNames ? GET_LEADERBOARD_WITHOUT_NAMES : GET_LEADERBOARD, variables, !(user === null || user === void 0 ? void 0 : user.jwt), { batch: false });
-  const { data: rankData } = 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, } = yn(GET_LEADERBOARD, variables, !(user === null || user === void 0 ? void 0 : user.jwt), { batch: false });
+  const { data: rankData } = 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) {
@@ -1399,6 +1361,8 @@ function useLeaderboard(props) {
     },
     elements: {
       empty: props.empty,
+      essentials: props.essentials,
+      loadingstate: props.loadingstate,
     },
   };
 }
@@ -1406,12 +1370,6 @@ function useLeaderboard(props) {
 const Leaderboard = class {
   constructor(hostRef) {
     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.
      *
@@ -1420,16 +1378,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
@@ -1449,6 +1403,8 @@ const Leaderboard = class {
   render() {
     const props = {
       empty: h$1(EmptySlot, null),
+      essentials: h$1(EssentialsSlot, null),
+      loadingstate: h$1(LoadingSlot, null),
       usersheading: this.usersheading,
       statsheading: this.statsheading,
       rankheading: this.rankheading,
@@ -1459,11 +1415,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 = isDemo()
@@ -1475,6 +1428,14 @@ const Leaderboard = class {
 function EmptySlot() {
   return (h$1("slot", { name: "empty" }, h$1("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 (h$1("slot", { name: "essentials" }, h$1("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 (h$1("slot", { name: "loading" }, h$1("table", null, [...Array(10)].map(() => {
+    return (h$1("tr", null, h$1("td", null, h$1("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) || [
@@ -1530,10 +1491,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: {
@@ -1542,6 +1499,8 @@ function useLeaderboardDemo(props) {
     },
     elements: {
       empty: h$1(EmptySlot, null),
+      essentials: h$1(EssentialsSlot, null),
+      loadingstate: h$1(LoadingSlot, null),
     },
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }

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

@@ -1,10 +1,10 @@
 import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
 import { n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
-import { i as intl } from './global-04c7d3b5.js';
+import { i as intl } from './global-e7bb0343.js';
 import './index.module-def4aec5.js';
 import './JSS-67b5cff8.js';
 import { g as getProps } from './utils-334c1e34.js';
-import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-6c582684.js';
+import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-ab89c6cc.js';
 
 function EmptyStateView(props) {
   const { emptyStateHeader, emptyStateImage, emptyStateText, supportText, missingFeature = "", } = props;
@@ -67,13 +67,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/esm/sqm-instant-access-registration.entry.js

@@ -5,7 +5,7 @@ import './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
-import { E as EmailRegistrationView } from './email-registration-view-a89a88bf.js';
+import { E as EmailRegistrationView } from './email-registration-view-07d80492.js';
 import './useRegistrationFormState-9fc1ac80.js';
 import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-46b89952.js';
 

package/dist/esm/{sqm-invoice-table-view-34ac7513.js → sqm-invoice-table-view-2175569f.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-04c7d3b5.js';
+import { i as intl } from './global-e7bb0343.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 const INDIRECT_TAX_PROVINCES = [
@@ -432,11 +432,9 @@ const LoadingView = () => {
     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;
 }
@@ -448,9 +446,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 "";
   }
@@ -741,6 +738,7 @@ const docusignFormProps = {
     },
   },
   callbacks: {
+    completeDocument: async () => { },
     setParticipantType: (p) => console.log({ p }),
     setDocusignStatus: (status) => console.log(status),
   },

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { n as h } from './stencil-hooks.module-ac12ca1c.js';
-import { i as intl } from './global-04c7d3b5.js';
+import { i as intl } from './global-e7bb0343.js';
 import { d as dist, H, Q, y as yn, i as isDemo } from './index.module-def4aec5.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-10657658.js';

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

@@ -7,24 +7,25 @@ import { g as getProps } from './utils-334c1e34.js';
 import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-2c6122cd.js';
 
 const GET_USER_DETAILS = 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 = Q();
-  const { loading, data } = yn(GET_USER_DETAILS, {}, !user);
+  const { loading, data } = 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 = () => {
     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/esm/{sqm-portal-container-view-6c582684.js → sqm-portal-container-view-ab89c6cc.js}

@@ -27,7 +27,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/esm/{sqm-portal-email-verification-view-4307c992.js → sqm-portal-email-verification-view-0b32261f.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-04c7d3b5.js';
+import { i as intl } from './global-e7bb0343.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { k as useState, m as useRef, f as useEffect, n as h } from './stencil-hooks.module-ac12ca1c.js';
-import './global-04c7d3b5.js';
+import './global-e7bb0343.js';
 import { l as ln, n as nn, Q, $ as $n, u as useCallback, i as isDemo } from './index.module-def4aec5.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
 import './sqm-text-span-view-8d140661.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-4307c992.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-0b32261f.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/esm/{sqm-portal-profile-view-ffe955c8.js → sqm-portal-profile-view-03026a5e.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-04c7d3b5.js';
+import { i as intl } from './global-e7bb0343.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
 

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-ac12ca1c.js';
-import './global-04c7d3b5.js';
+import './global-e7bb0343.js';
 import { d as dist, Q, y as yn, f as $e, i as isDemo } from './index.module-def4aec5.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './sqm-text-span-view-8d140661.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-ffe955c8.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-03026a5e.js';
 import { i as isEmpty } from './utilities-3f5bba22.js';
 
 const GET_USER = dist.gql `

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-17b4da69.js';
 import { n as h, j as useReducer, u as useMemo, f as useEffect } from './stencil-hooks.module-ac12ca1c.js';
-import { i as intl } from './global-04c7d3b5.js';
+import { i as intl } from './global-e7bb0343.js';
 import { i as isDemo } from './index.module-def4aec5.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';

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

@@ -5,7 +5,7 @@ import './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
-import { E as EmailRegistrationView } from './email-registration-view-a89a88bf.js';
+import { E as EmailRegistrationView } from './email-registration-view-07d80492.js';
 import './useRegistrationFormState-9fc1ac80.js';
 import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-46b89952.js';
 

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

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
 import { b as browser, j as useReducer, f as useEffect, n as h$1, u as useMemo } from './stencil-hooks.module-ac12ca1c.js';
-import { i as intl } from './global-04c7d3b5.js';
+import { i as intl } from './global-e7bb0343.js';
 import { d as dist, Q, H, L, y as yn, k as kn, i as isDemo } from './index.module-def4aec5.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';