@saasquatch/mint-components 1.10.2 → 1.11.0-0

package/dist/esm/sqm-banking-info-form_16.entry.js

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, c as Host, g as getElement } from './index-17b4da69.js';
 import { m as useRef, k as useState, f as useEffect, n as h$1, u as useMemo, 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 { d as dist, L, Q, t as bn, I as In, M as Mn, f as $e, i as isDemo, w as wn, u as useCallback, k as kn, v as Pn, _, C as Cn, F as Fn } from './index.module-def4aec5.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
@@ -12,7 +12,7 @@ import { u as useChildElements } from './useChildElements-32e1bda1.js';
 import { l as luxon } from './luxon-7600be8d.js';
 import { g as generateUserError } from './useReferralTable-f4de0650.js';
 import { g as getProps, l as luxonLocale } from './utils-334c1e34.js';
-import { t as taxTypeToName, v as validTaxDocument, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, g as getCountryObj, O as OtherRegionSlotView, I as InvoiceTableView, E as ErrorView, L as LoadingView, c as vatLabels, G as GeneralLoadingView, f as formatErrorMessage, d as validateBillingField, o as objectIsFull, A as ADDRESS_REGIONS } from './sqm-invoice-table-view-34ac7513.js';
+import { t as taxTypeToName, v as validTaxDocument, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, g as getCountryObj, O as OtherRegionSlotView, I as InvoiceTableView, E as ErrorView, L as LoadingView, c as vatLabels, G as GeneralLoadingView, f as formatErrorMessage, d as validateBillingField, o as objectIsFull, A as ADDRESS_REGIONS } from './sqm-invoice-table-view-6945ea24.js';
 
 const TAX_CONTEXT_NAMESPACE = "sq:tax-and-cash";
 const TAX_FORM_CONTEXT_NAMESPACE = "sq:tax-form-context";
@@ -745,8 +745,7 @@ const style = {
     background: "var(--sl-color-gray-200)",
   },
   LargeSkeleton: {
-    width: "100%",
-    maxWidth: "320px",
+    width: "320px",
     height: "40px",
     borderRadius: "50px",
     background: "var(--sl-color-gray-200)",
@@ -1632,6 +1631,7 @@ const GET_TAX_DOCUMENT = dist.gql `
       createImpactPublisherTaxDocumentInput: $vars
     ) {
       documentUrl
+      returnUrl
     }
   }
 `;
@@ -1642,9 +1642,8 @@ const DOCUSIGN_ERROR_STATES = [
   "fax_pending",
 ];
 const DOCUSIGN_EXPIRED_STATES = ["ttl_expired", "session_timeout"];
-const DOCUSIGN_SUCCESS_STATES = ["signing_complete", "viewing_complete"];
 function useDocusignForm(props) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   const user = Q();
   const context = In(TAX_FORM_CONTEXT_NAMESPACE);
   const [step, setStep] = bn(TAX_CONTEXT_NAMESPACE);
@@ -1671,15 +1670,9 @@ function useDocusignForm(props) {
     }
   }, [existingDocumentType]);
   useEffect(() => {
-    var _a;
     // Skip if no publisher info
     if (!user || !publisher)
       return;
-    // Skip on initial load of W8 case
-    if (((_a = publisher.requiredTaxDocumentType) === null || _a === void 0 ? void 0 : _a.startsWith("W8")) &&
-      !publisher.currentTaxDocument &&
-      !participantType)
-      return;
     const fetchDocument = async () => {
       try {
         const result = await createTaxDocument({
@@ -1702,33 +1695,52 @@ function useDocusignForm(props) {
     };
     fetchDocument();
   }, [user, publisher, participantType]);
-  useEffect(() => {
-    const onSubmit = async () => {
-      try {
-        setLoading(true);
-        await refetch();
-        // Skip banking info form if it already is saved
-        // or if brandedSignup is false
-        setStep(context.overrideNextStep ||
-          !!(publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings) ||
-          !(publisher === null || publisher === void 0 ? void 0 : publisher.brandedSignup)
-          ? "/dashboard"
-          : "/4");
-      }
-      catch (e) {
-        setErrors({ general: true });
-      }
-      finally {
-        setLoading(false);
-      }
-    };
-    // Handled in view
-    if (DOCUSIGN_ERROR_STATES.includes(docusignStatus))
-      return;
-    if (DOCUSIGN_SUCCESS_STATES.includes(docusignStatus)) {
-      onSubmit();
+  const progressStep = async () => {
+    // TODO: Needs graphql call to determine status of document
+    try {
+      setLoading(true);
+      await refetch();
+      // Skip banking info form if it already is saved
+      // or if brandedSignup is false
+      setStep(context.overrideNextStep ||
+        !!(publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings) ||
+        !(publisher === null || publisher === void 0 ? void 0 : publisher.brandedSignup)
+        ? "/dashboard"
+        : "/4");
+    }
+    catch (e) {
+      setErrors({ general: true });
     }
-  }, [docusignStatus, refetch]);
+    finally {
+      setLoading(false);
+    }
+  };
+  // useEffect(() => {
+  //   const onSubmit = async () => {
+  //     try {
+  //       setLoading(true);
+  //       await refetch();
+  //       // Skip banking info form if it already is saved
+  //       // or if brandedSignup is false
+  //       setStep(
+  //         context.overrideNextStep ||
+  //           !!publisher?.withdrawalSettings ||
+  //           !publisher?.brandedSignup
+  //           ? "/dashboard"
+  //           : "/4"
+  //       );
+  //     } catch (e) {
+  //       setErrors({ general: true });
+  //     } finally {
+  //       setLoading(false);
+  //     }
+  //   };
+  //   // Handled in view
+  //   if (DOCUSIGN_ERROR_STATES.includes(docusignStatus)) return;
+  //   if (DOCUSIGN_SUCCESS_STATES.includes(docusignStatus)) {
+  //     onSubmit();
+  //   }
+  // }, [docusignStatus, refetch]);
   const allLoading = userLoading || documentLoading || loading;
   return {
     states: {
@@ -1751,9 +1763,11 @@ function useDocusignForm(props) {
     data: {
       taxForm: actualDocumentType,
       documentUrl: (_e = document === null || document === void 0 ? void 0 : document.createImpactPublisherTaxDocument) === null || _e === void 0 ? void 0 : _e.documentUrl,
+      returnUrl: (_f = document === null || document === void 0 ? void 0 : document.createImpactPublisherTaxDocument) === null || _f === void 0 ? void 0 : _f.returnUrl,
     },
     callbacks: {
       setDocusignStatus,
+      progressStep,
       setParticipantType,
     },
     text: props.getTextProps(),
@@ -1771,7 +1785,8 @@ function getDocumentType(p) {
 const style$1 = {
   DocusignStatusContainer: {
     width: "100%",
-    height: "600px",
+    minHeight: "600px",
+    height: "900px",
     display: "flex",
     flexDirection: "column",
     alignItems: "center",
@@ -1825,21 +1840,26 @@ const DocusignLoadingView = () => {
     h("div", { class: classes.DocusignStatusContainer },
       h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } }))));
 };
-const DocusignIframe = ({ states, callbacks, text, }) => {
+const DocusignIframe = ({ states, data, callbacks, text, }) => {
   if (states.urlLoading)
     return h(DocusignLoadingView, null);
+  // TODO: Confirm impact domain before launch
+  const allowedDomains = [
+    "referralsaasquatch.com",
+    "impacttech.complysandbox.com",
+  ];
   const callback = useCallback((e) => {
-    var _a;
-    if (!((_a = e.origin) === null || _a === void 0 ? void 0 : _a.includes("referralsaasquatch.com")))
+    const allowed = allowedDomains.some((d) => { var _a; return (_a = e.origin) === null || _a === void 0 ? void 0 : _a.includes(d); });
+    if (!allowed)
       return;
-    if (!e.data)
-      return;
-    callbacks.onStatusChange(e.data.eventStatus);
+    if (e.data === "Complyexchange Thank you page Exit") {
+      callbacks.progressStep();
+    }
   }, []);
   useEffect(() => {
-    window.addEventListener("message", callback);
+    window.addEventListener("message", callback, false);
     return () => {
-      window.removeEventListener("message", callback);
+      window.removeEventListener("message", callback, false);
     };
   }, []);
   if (DOCUSIGN_ERROR_STATES.includes(states.status)) {
@@ -1847,8 +1867,9 @@ const DocusignIframe = ({ states, callbacks, text, }) => {
   }
   if (DOCUSIGN_EXPIRED_STATES.includes(states.status))
     return h(DocusignExpiredView, { text: text });
-  return (h("iframe", { frameBorder: "0", src: states.url, width: "100%", height: "600px" }));
+  return (h("iframe", { frameBorder: "0", src: data.documentUrl, width: "100%", height: "1000px" }));
 };
+// NWH4QF
 
 const style$2 = {
   FormWrapper: {
@@ -1988,7 +2009,7 @@ const vanillaStyle$1 = `
 
   `;
 const DocusignFormView = (props) => {
-  var _a, _b;
+  var _a;
   const { states, states: { formState, documentTypeString }, callbacks, text, slots, } = props;
   const { classes } = sheet$2;
   return (h("div", { class: classes.Container },
@@ -2014,23 +2035,7 @@ const DocusignFormView = (props) => {
       h("strong", null, text.error.generalTitle),
       h("br", null),
       text.error.generalDescription)),
-    states.documentType !== "W9" && (h("div", { class: classes.CheckboxWrapper },
-      h("p", { class: classes.BoldText }, text.participantType),
-      states.loading ? (h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } })) : (h("div", { style: { display: "flex", flexDirection: "column" } },
-        h("sl-radio", { exportparts: "base: radio-base", value: "individualParticipant", name: "/participantType", checked: formState.participantType === "individualParticipant", disabled: states.disabled || states.participantTypeDisabled, onClick: () => {
-            if (states.disabled || states.participantTypeDisabled)
-              return;
-            callbacks.setParticipantType("individualParticipant");
-          } },
-          h("span", { class: classes.RadioText }, text.individualParticipant)),
-        h("sl-radio", { exportparts: "base: radio-base", value: "businessEntity", name: "/participantType", checked: formState.participantType === "businessEntity", disabled: states.disabled || states.participantTypeDisabled, onClick: () => {
-            if (states.disabled || states.participantTypeDisabled)
-              return;
-            callbacks.setParticipantType("businessEntity");
-          } },
-          h("span", { class: classes.RadioText }, text.businessEntity)))),
-      ((_b = formState.errors) === null || _b === void 0 ? void 0 : _b.participantType) && (h("p", { class: classes.ErrorText }, text.error.participantType)))),
-    (states.documentType === "W9" || formState.participantType) && (h("div", null,
+    h("div", null,
       h("div", null,
         h("h5", { class: classes.BoldText }, intl.formatMessage({ id: "tax-form-label", defaultMessage: text.taxFormLabel }, { documentType: documentTypeString })),
         h("p", null, intl.formatMessage({
@@ -2045,7 +2050,7 @@ const DocusignFormView = (props) => {
         h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "primary", open: true, class: classes.InfoAlert },
           h("sl-icon", { class: classes.InfoIcon, slot: "icon", name: "info-circle" }),
           text.docusignSessionWarning),
-        slots.docusignIframeSlot)))));
+        slots.docusignIframeSlot))));
 };
 
 const DocusignForm = class {
@@ -2168,12 +2173,14 @@ const DocusignForm = class {
     const _isDemo = isDemo();
     const props = _isDemo ? useDocusignFormDemo(this) : useDocusignForm(this);
     const docusignIframeSlot = (h(DocusignIframe, { states: {
-        url: props.data.documentUrl,
         status: props.states.docusignStatus,
         loading: props.states.loading,
         urlLoading: props.states.urlLoading,
+      }, data: {
+        documentUrl: props.data.documentUrl,
+        returnUrl: props.data.returnUrl,
       }, callbacks: {
-        onStatusChange: props.callbacks.setDocusignStatus,
+        progressStep: props.callbacks.progressStep,
       }, text: props.text }));
     return (h(Host, null, h(DocusignFormView, { callbacks: props.callbacks, states: props.states, text: props.text, slots: {
         docusignIframeSlot: _isDemo
@@ -6596,27 +6603,6 @@ const style$6 = {
     color: "var(--sl-color-neutral-500)",
     fontSize: "var(--sl-font-size-medium)",
   },
-  PhoneInputsSection: {
-    display: "flex",
-    alignItems: "flex-start",
-    flexDirection: "column",
-    gap: "4px",
-    "& p": {
-      fontSize: "var(--sl-font-size-small)",
-      color: "var(--sl-input-label-color)",
-      fontWeight: "var(--sl-font-weight-semibold)",
-    },
-  },
-  PhoneInputsContainer: {
-    display: "flex",
-    alignItems: "flex-start",
-    gap: "4px",
-    width: "100%",
-    "& #phoneNumber": {
-      width: "100%",
-      minWidth: "0px",
-    },
-  },
 };
 const sheet$5 = createStyleSheet(style$6);
 const styleString$5 = sheet$5.toString();
@@ -6642,7 +6628,7 @@ const vanillaStyle$3 = `
     }
 
     sl-select#phoneNumberCountryCode::part(menu) {
-      min-width: 250px;
+      width: 450px;
     }
   `;
 const UserInfoFormView = (props) => {
@@ -6725,39 +6711,37 @@ const UserInfoFormView = (props) => {
               } }), (_e = data === null || data === void 0 ? void 0 : data.countries) === null || _e === void 0 ? void 0 :
             _e.map((c) => (h("sl-menu-item", { value: c.countryCode }, c.displayName))), (_f = data === null || data === void 0 ? void 0 : data.allCountries) === null || _f === void 0 ? void 0 :
             _f.map((c) => (h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName)))),
-          h("div", { class: classes.PhoneInputsSection },
-            h("p", null, text.phoneNumber),
-            h("div", { class: classes.PhoneInputsContainer },
-              h("sl-select", Object.assign({ id: "phoneNumberCountryCode", exportparts: "label: input-label, base: input-base", name: "/phoneNumberCountryCode", value: formState.phoneNumberCountryCode, disabled: states.disabled || states.isPartner, ref: (el) => (refs.phoneCountryRef.current = el) }, (((_g = formState.errors) === null || _g === void 0 ? void 0 : _g.phoneNumberCountryCode) ? {
-                class: classes.ErrorInput,
-              }
-                : {}), { required: true, "onSl-select": (e) => callbacks.onFormChange("phoneCountry", e) }),
-                h("sl-input", { class: classes.SearchInput, placeholder: text.searchForCountryText, onKeyDown: (e) => {
-                    // Stop shoelace intercepting key presses
-                    e.stopPropagation();
-                  }, "onSl-input": (e) => {
-                    callbacks.setPhoneCountrySearch(e.target.value);
-                  } }), (_h = data === null || data === void 0 ? void 0 : data.phoneCountries) === null || _h === void 0 ? void 0 :
-                _h.map((c) => {
-                  var _a, _b;
-                  return (h("sl-menu-item", { value: c.countryCode },
-                    h("div", { slot: "prefix" }, `${(_a = PHONE_EXTENSIONS[c.countryCode]) === null || _a === void 0 ? void 0 : _a.name} `), (_b = PHONE_EXTENSIONS[c.countryCode]) === null || _b === void 0 ? void 0 :
-                    _b.dial_code));
-                }), (_j = data === null || data === void 0 ? void 0 : data.allCountries) === null || _j === void 0 ? void 0 :
-                _j.map((c) => {
-                  var _a, _b;
-                  return (h("sl-menu-item", { value: c.countryCode, style: { display: "none" } },
-                    h("div", { slot: "prefix" }, `${(_a = PHONE_EXTENSIONS[c.countryCode]) === null || _a === void 0 ? void 0 : _a.name} `), (_b = PHONE_EXTENSIONS[c.countryCode]) === null || _b === void 0 ? void 0 :
-                    _b.dial_code));
-                })),
-              h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", id: "phoneNumber", name: "/phoneNumber", value: formState.phoneNumber, validationError: ({ value }) => 
-                // Naive phone number validation
-                validateBillingField(/[a-zA-Z]+/, value) &&
-                  formatErrorMessage(text.phoneNumber, text.error.fieldInvalidError), disabled: states.disabled || states.isPartner }, (((_k = formState.errors) === null || _k === void 0 ? void 0 : _k.phoneNumber) ? {
-                class: classes.ErrorInput,
-                helpText: formatErrorMessage(text.phoneNumber, formState.errors.phoneNumber),
-              }
-                : {}), { required: true })))),
+          h("div", { style: { display: "flex", gap: "4px" } },
+            h("sl-select", Object.assign({ id: "phoneNumberCountryCode", exportparts: "label: input-label, base: input-base", name: "/phoneNumberCountryCode", label: text.phoneNumber, style: { minWidth: "140px" }, value: formState.phoneNumberCountryCode, disabled: states.disabled || states.isPartner, ref: (el) => (refs.phoneCountryRef.current = el) }, (((_g = formState.errors) === null || _g === void 0 ? void 0 : _g.phoneNumberCountryCode) ? {
+              class: classes.ErrorInput,
+            }
+              : {}), { required: true, "onSl-select": (e) => callbacks.onFormChange("phoneCountry", e) }),
+              h("sl-input", { class: classes.SearchInput, placeholder: text.searchForCountryText, onKeyDown: (e) => {
+                  // Stop shoelace intercepting key presses
+                  e.stopPropagation();
+                }, "onSl-input": (e) => {
+                  callbacks.setPhoneCountrySearch(e.target.value);
+                } }), (_h = data === null || data === void 0 ? void 0 : data.phoneCountries) === null || _h === void 0 ? void 0 :
+              _h.map((c) => {
+                var _a, _b;
+                return (h("sl-menu-item", { style: { width: "500px" }, value: c.countryCode },
+                  h("div", { slot: "prefix", style: { marginRight: "8px" } }, `${(_a = PHONE_EXTENSIONS[c.countryCode]) === null || _a === void 0 ? void 0 : _a.name} `), (_b = PHONE_EXTENSIONS[c.countryCode]) === null || _b === void 0 ? void 0 :
+                  _b.dial_code));
+              }), (_j = data === null || data === void 0 ? void 0 : data.allCountries) === null || _j === void 0 ? void 0 :
+              _j.map((c) => {
+                var _a, _b;
+                return (h("sl-menu-item", { value: c.countryCode, style: { display: "none" } },
+                  h("div", { slot: "prefix", style: { marginRight: "8px" } }, `${(_a = PHONE_EXTENSIONS[c.countryCode]) === null || _a === void 0 ? void 0 : _a.name} `), (_b = PHONE_EXTENSIONS[c.countryCode]) === null || _b === void 0 ? void 0 :
+                  _b.dial_code));
+              })),
+            h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", label: " ", id: "phoneNumber", name: "/phoneNumber", value: formState.phoneNumber, style: { marginTop: "2px", width: "362px" }, validationError: ({ value }) => 
+              // Naive phone number validation
+              validateBillingField(/[a-zA-Z]+/, value) &&
+                formatErrorMessage(text.phoneNumber, text.error.fieldInvalidError), disabled: states.disabled || states.isPartner }, (((_k = formState.errors) === null || _k === void 0 ? void 0 : _k.phoneNumber) ? {
+              class: classes.ErrorInput,
+              helpText: formatErrorMessage(text.phoneNumber, formState.errors.phoneNumber),
+            }
+              : {}), { required: true }))),
           h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", label: text.address, id: "address", name: "/address", value: formState.address, validationError: ({ value }) => 
             // Checks for non-ASCII characters
             !validateBillingField(/^[\x20-\xFF]+$/, value) &&

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-04640297.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) {
@@ -1400,6 +1362,7 @@ function useLeaderboard(props) {
     elements: {
       empty: props.empty,
       essentials: props.essentials,
+      loadingstate: props.loadingstate,
     },
   };
 }
@@ -1407,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,21 +1377,10 @@ const Leaderboard = class {
      * @default
      */
     this.hideViewer = false;
-    /**
-     * @uiName Viewing user text
-     */
-    this.viewingUserText = "You";
-    /**
-     * Hide the Names of users to protect personal identifiable information
-     *
-     * @uiName Hide users names
-     * @default
-     */
-    this.hideNames = false;
     /**
      * Hides the leaderboard if user is on Essentials plan
      *
-     * @uiName Hide leaderboard for essentials user
+     * @uiName Hide viewing user
      * @default
      */
     this.isEssentials = false;
@@ -1458,6 +1404,7 @@ const Leaderboard = class {
     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,
@@ -1468,12 +1415,8 @@ const Leaderboard = class {
       anonymousUser: this.anonymousUser,
       interval: this.interval,
       hideViewer: this.hideViewer,
-      viewingUserText: this.viewingUserText,
-      hideNames: this.hideNames,
       showRank: this.showRank,
       isEssentials: this.isEssentials,
-      rankSuffix: this.rankSuffix,
-      width: this.width,
     };
     const demoProps = { ...props, demoData: this.demoData };
     const viewprops = isDemo()
@@ -1488,6 +1431,11 @@ function EmptySlot() {
 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) || [
@@ -1543,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: {
@@ -1556,6 +1500,7 @@ 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-6945ea24.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 = [
@@ -741,6 +741,7 @@ const docusignFormProps = {
     },
   },
   callbacks: {
+    progressStep: 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,