@saasquatch/mint-components 1.10.2 → 1.11.0-0

package/dist/cjs/sqm-banking-info-form_16.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');
@@ -16,7 +16,7 @@ const useChildElements = require('./useChildElements-e0d44916.js');
 const luxon = require('./luxon-05098e19.js');
 const useReferralTable = require('./useReferralTable-a76adb0d.js');
 const utils = require('./utils-6847bc06.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-28b14d28.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-1ea0d1fe.js');
 
 const TAX_CONTEXT_NAMESPACE = "sq:tax-and-cash";
 const TAX_FORM_CONTEXT_NAMESPACE = "sq:tax-form-context";
@@ -749,8 +749,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)",
@@ -1636,6 +1635,7 @@ const GET_TAX_DOCUMENT = index_module.dist.gql `
       createImpactPublisherTaxDocumentInput: $vars
     ) {
       documentUrl
+      returnUrl
     }
   }
 `;
@@ -1646,9 +1646,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 = index_module.Q();
   const context = index_module.In(TAX_FORM_CONTEXT_NAMESPACE);
   const [step, setStep] = index_module.bn(TAX_CONTEXT_NAMESPACE);
@@ -1675,15 +1674,9 @@ function useDocusignForm(props) {
     }
   }, [existingDocumentType]);
   stencilHooks_module.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({
@@ -1706,33 +1699,52 @@ function useDocusignForm(props) {
     };
     fetchDocument();
   }, [user, publisher, participantType]);
-  stencilHooks_module.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: {
@@ -1755,9 +1767,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(),
@@ -1775,7 +1789,8 @@ function getDocumentType(p) {
 const style$1 = {
   DocusignStatusContainer: {
     width: "100%",
-    height: "600px",
+    minHeight: "600px",
+    height: "900px",
     display: "flex",
     flexDirection: "column",
     alignItems: "center",
@@ -1829,21 +1844,26 @@ const DocusignLoadingView = () => {
     index.h("div", { class: classes.DocusignStatusContainer },
       index.h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } }))));
 };
-const DocusignIframe = ({ states, callbacks, text, }) => {
+const DocusignIframe = ({ states, data, callbacks, text, }) => {
   if (states.urlLoading)
     return index.h(DocusignLoadingView, null);
+  // TODO: Confirm impact domain before launch
+  const allowedDomains = [
+    "referralsaasquatch.com",
+    "impacttech.complysandbox.com",
+  ];
   const callback = index_module.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();
+    }
   }, []);
   stencilHooks_module.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)) {
@@ -1851,8 +1871,9 @@ const DocusignIframe = ({ states, callbacks, text, }) => {
   }
   if (DOCUSIGN_EXPIRED_STATES.includes(states.status))
     return index.h(DocusignExpiredView, { text: text });
-  return (index.h("iframe", { frameBorder: "0", src: states.url, width: "100%", height: "600px" }));
+  return (index.h("iframe", { frameBorder: "0", src: data.documentUrl, width: "100%", height: "1000px" }));
 };
+// NWH4QF
 
 const style$2 = {
   FormWrapper: {
@@ -1992,7 +2013,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 (index.h("div", { class: classes.Container },
@@ -2018,23 +2039,7 @@ const DocusignFormView = (props) => {
       index.h("strong", null, text.error.generalTitle),
       index.h("br", null),
       text.error.generalDescription)),
-    states.documentType !== "W9" && (index.h("div", { class: classes.CheckboxWrapper },
-      index.h("p", { class: classes.BoldText }, text.participantType),
-      states.loading ? (index.h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } })) : (index.h("div", { style: { display: "flex", flexDirection: "column" } },
-        index.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");
-          } },
-          index.h("span", { class: classes.RadioText }, text.individualParticipant)),
-        index.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");
-          } },
-          index.h("span", { class: classes.RadioText }, text.businessEntity)))),
-      ((_b = formState.errors) === null || _b === void 0 ? void 0 : _b.participantType) && (index.h("p", { class: classes.ErrorText }, text.error.participantType)))),
-    (states.documentType === "W9" || formState.participantType) && (index.h("div", null,
+    index.h("div", null,
       index.h("div", null,
         index.h("h5", { class: classes.BoldText }, global.intl.formatMessage({ id: "tax-form-label", defaultMessage: text.taxFormLabel }, { documentType: documentTypeString })),
         index.h("p", null, global.intl.formatMessage({
@@ -2049,7 +2054,7 @@ const DocusignFormView = (props) => {
         index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "primary", open: true, class: classes.InfoAlert },
           index.h("sl-icon", { class: classes.InfoIcon, slot: "icon", name: "info-circle" }),
           text.docusignSessionWarning),
-        slots.docusignIframeSlot)))));
+        slots.docusignIframeSlot))));
 };
 
 const DocusignForm = class {
@@ -2172,12 +2177,14 @@ const DocusignForm = class {
     const _isDemo = index_module.isDemo();
     const props = _isDemo ? useDocusignFormDemo(this) : useDocusignForm(this);
     const docusignIframeSlot = (index.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 (index.h(index.Host, null, index.h(DocusignFormView, { callbacks: props.callbacks, states: props.states, text: props.text, slots: {
         docusignIframeSlot: _isDemo
@@ -6600,27 +6607,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 = JSS.createStyleSheet(style$6);
 const styleString$5 = sheet$5.toString();
@@ -6646,7 +6632,7 @@ const vanillaStyle$3 = `
     }
 
     sl-select#phoneNumberCountryCode::part(menu) {
-      min-width: 250px;
+      width: 450px;
     }
   `;
 const UserInfoFormView = (props) => {
@@ -6729,39 +6715,37 @@ const UserInfoFormView = (props) => {
               } }), (_e = data === null || data === void 0 ? void 0 : data.countries) === null || _e === void 0 ? void 0 :
             _e.map((c) => (index.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) => (index.h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName)))),
-          index.h("div", { class: classes.PhoneInputsSection },
-            index.h("p", null, text.phoneNumber),
-            index.h("div", { class: classes.PhoneInputsContainer },
-              index.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) }),
-                index.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 (index.h("sl-menu-item", { value: c.countryCode },
-                    index.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 (index.h("sl-menu-item", { value: c.countryCode, style: { display: "none" } },
-                    index.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));
-                })),
-              index.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
-                sqmInvoiceTableView.validateBillingField(/[a-zA-Z]+/, value) &&
-                  sqmInvoiceTableView.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: sqmInvoiceTableView.formatErrorMessage(text.phoneNumber, formState.errors.phoneNumber),
-              }
-                : {}), { required: true })))),
+          index.h("div", { style: { display: "flex", gap: "4px" } },
+            index.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) }),
+              index.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 (index.h("sl-menu-item", { style: { width: "500px" }, value: c.countryCode },
+                  index.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 (index.h("sl-menu-item", { value: c.countryCode, style: { display: "none" } },
+                  index.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));
+              })),
+            index.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
+              sqmInvoiceTableView.validateBillingField(/[a-zA-Z]+/, value) &&
+                sqmInvoiceTableView.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: sqmInvoiceTableView.formatErrorMessage(text.phoneNumber, formState.errors.phoneNumber),
+            }
+              : {}), { required: true }))),
           index.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
             !sqmInvoiceTableView.validateBillingField(/^[\x20-\xFF]+$/, value) &&

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-b2621f27.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) {
@@ -1404,6 +1366,7 @@ function useLeaderboard(props) {
     elements: {
       empty: props.empty,
       essentials: props.essentials,
+      loadingstate: props.loadingstate,
     },
   };
 }
@@ -1411,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,21 +1381,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;
@@ -1462,6 +1408,7 @@ const Leaderboard = class {
     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,
@@ -1472,12 +1419,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 = index_module.isDemo()
@@ -1492,6 +1435,11 @@ function EmptySlot() {
 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) || [
@@ -1547,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: {
@@ -1560,6 +1504,7 @@ 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-1ea0d1fe.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 = [
@@ -743,6 +743,7 @@ const docusignFormProps = {
     },
   },
   callbacks: {
+    progressStep: 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,