@saasquatch/mint-components 1.10.3 → 1.11.0-1

package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.js

@@ -1,4 +1,4 @@
-import { useLocale, useParentQueryValue, useSetParent } from "@saasquatch/component-boilerplate";
+import { useLocale, useParentQueryValue, useSetParent, } from "@saasquatch/component-boilerplate";
 import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { DateTime } from "luxon";
 import { vatLabels } from "../countries";
@@ -40,7 +40,7 @@ function getIndirectTaxType(taxInformation) {
   return "Indirect Tax";
 }
 export const useTaxAndCashDashboard = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
   const setStep = useSetParent(TAX_CONTEXT_NAMESPACE);
   const setContext = useSetParent(TAX_FORM_CONTEXT_NAMESPACE);
   const [showDialog, setShowDialog] = useState(false);
@@ -51,8 +51,8 @@ export const useTaxAndCashDashboard = (props) => {
   }, []);
   const { data, loading, errors: userError, } = useParentQueryValue(USER_QUERY_NAMESPACE);
   const publisher = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher;
-  const documentType = (_c = publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument) === null || _c === void 0 ? void 0 : _c.type;
-  const submissionDate = (_d = publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument) === null || _d === void 0 ? void 0 : _d.dateCreated;
+  const documentType = publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType;
+  const submissionDate = (_c = publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument) === null || _c === void 0 ? void 0 : _c.dateCreated;
   const dateSubmitted = submissionDate
     ? DateTime.fromMillis(submissionDate).toFormat("LLL dd, yyyy")
     : undefined;
@@ -73,23 +73,23 @@ export const useTaxAndCashDashboard = (props) => {
     });
     setStep("/3");
   };
-  const provinceName = (_e = INDIRECT_TAX_PROVINCES.find((p) => { var _a; return p.regionCode === ((_a = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _a === void 0 ? void 0 : _a.indirectTaxRegion); })) === null || _e === void 0 ? void 0 : _e.displayName;
+  const provinceName = (_d = INDIRECT_TAX_PROVINCES.find((p) => { var _a; return p.regionCode === ((_a = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _a === void 0 ? void 0 : _a.indirectTaxRegion); })) === null || _d === void 0 ? void 0 : _d.displayName;
   return {
     states: {
       dateSubmitted,
       documentType,
       canEditPayoutInfo: publisher === null || publisher === void 0 ? void 0 : publisher.brandedSignup,
       documentTypeString: taxTypeToName(documentType),
-      status: (_f = publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument) === null || _f === void 0 ? void 0 : _f.status,
-      subRegion: getSubRegionName((_g = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _g === void 0 ? void 0 : _g.indirectTaxRegion),
-      subRegionTaxNumber: (_h = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _h === void 0 ? void 0 : _h.withholdingTaxId,
-      qstNumber: (_j = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _j === void 0 ? void 0 : _j.additionalTaxId,
+      status: (_e = publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument) === null || _e === void 0 ? void 0 : _e.status,
+      subRegion: getSubRegionName((_f = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _f === void 0 ? void 0 : _f.indirectTaxRegion),
+      subRegionTaxNumber: (_g = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _g === void 0 ? void 0 : _g.withholdingTaxId,
+      qstNumber: (_h = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _h === void 0 ? void 0 : _h.additionalTaxId,
       indirectTaxType: getIndirectTaxType(publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation),
-      indirectTaxNumber: (_k = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _k === void 0 ? void 0 : _k.indirectTaxId,
+      indirectTaxNumber: (_j = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _j === void 0 ? void 0 : _j.indirectTaxId,
       isBusinessEntity: (publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType) === "W8BENE",
       province: provinceName,
-      country: getCountryName((_l = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _l === void 0 ? void 0 : _l.indirectTaxCountryCode, locale),
-      notRegistered: !((_m = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _m === void 0 ? void 0 : _m.indirectTaxId),
+      country: getCountryName((_k = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _k === void 0 ? void 0 : _k.indirectTaxCountryCode, locale),
+      notRegistered: !((_l = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _l === void 0 ? void 0 : _l.indirectTaxId),
       noFormNeeded: !documentType,
       disabled: loading,
       loading,

package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.js

@@ -83,27 +83,6 @@ const style = {
     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 = createStyleSheet(style);
 const styleString = sheet.toString();
@@ -129,7 +108,7 @@ const vanillaStyle = `
     }
 
     sl-select#phoneNumberCountryCode::part(menu) {
-      min-width: 250px;
+      width: 450px;
     }
   `;
 export const UserInfoFormView = (props) => {
@@ -212,39 +191,37 @@ export 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/collection/components/tax-and-cash/utils.js

@@ -1,9 +1,7 @@
 import { intl } from "../../global/global";
-export function validTaxDocument(requiredType, currentType) {
-  if (requiredType === "W9" && currentType === "W9")
-    return true;
-  if ((requiredType === "W8BEN" || requiredType === "W8BENE") &&
-    (currentType === "W8BEN" || currentType === "W8BENE"))
+export function validTaxDocument(requiredType) {
+  const validTypes = ["W9", "W8BENE", "W8BEN"];
+  if (validTypes.includes(requiredType))
     return true;
   return false;
 }
@@ -15,9 +13,8 @@ export 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 "";
   }

package/dist/collection/components/views/email-registration-view.js

@@ -42,7 +42,7 @@ export function EmailRegistrationView(props) {
       h("div", { part: "erroralert-text" }, error)));
   };
   const emailValidationRegex = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-  return (h("div", { part: "sqm-base", class: sheet.classes.Wrapper, style: {
+  return (h("div", { class: sheet.classes.Wrapper, style: {
       border: `${content.hideBorder ? "none" : "1px solid #eaeaea"}`,
       backgroundColor: content.backgroundColor,
       "padding-top": `var(--sl-spacing-${content.paddingTop})`,

package/dist/collection/global/global.js

@@ -19,7 +19,7 @@ try {
   // SlAlert.register();
   registerIconLibrary("default", {
     // same link that shoelace uses internally
-    resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.11.3/icons/${name}.svg`,
+    resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.7.2/icons/${name}.svg`,
   });
   // SlAlert.register();
   customElements.define("sl-alert", SlAlert);

package/dist/collection/stories/NewPortal.stories.js

@@ -152,7 +152,7 @@ export const Dashboard = () => {
             gap: "xxx-large",
             minWidth: "150px",
           }),
-            h(ShareButtonView, Object.assign({}, twitterButtonProps), "Post about us on X"),
+            h(ShareButtonView, Object.assign({}, twitterButtonProps), "Tweet about us"),
             h(ShareButtonView, Object.assign({}, facebookButtonProps), "Share on Facebook"),
             h(ShareButtonView, Object.assign({}, linkedinButtonProps), "Post on Linkedin"))),
         }))))));

package/dist/esm/{ShadowViewAddon-e012b2aa.js → ShadowViewAddon-90897c22.js}

@@ -1,6 +1,6 @@
 import { h, c as Host, d as getAssetPath, g as getElement } from './index-17b4da69.js';
 import { k as useState, b as browser, 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, H, Q, y as yn, f as $e, B, a as getEnvironmentSDK, L } from './index.module-def4aec5.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { H as HostBlock, A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f60a614c.js';
@@ -11,11 +11,11 @@ import { l as luxonLocale } from './utils-334c1e34.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
 import { p as pathToRegexp } from './index-ffa26b43.js';
 import { a as isValidColor, b as isMobile } from './utilities-3f5bba22.js';
-import { a as PortalSectionView, P as PortalContainerView } from './sqm-portal-container-view-6c582684.js';
+import { a as PortalSectionView, P as PortalContainerView } from './sqm-portal-container-view-ab89c6cc.js';
 
 const medium = {
   facebook: { color: "#1877f2", text: "#fff", icon: "facebook" },
-  twitter: { color: "#000000", text: "#fff", icon: "twitter-x" },
+  twitter: { color: "#1da1f2", text: "#fff", icon: "twitter" },
   email: { color: "#666666", text: "#fff", icon: "envelope" },
   direct: { color: "var(--sl-color-primary-500)", text: "#fff", icon: "send" },
   linkedin: { color: "#0077b5", text: "#fff", icon: "linkedin" },
@@ -109,10 +109,9 @@ const style$1 = {
       fontWeight: "var(--sl-font-weight-normal)",
     },
     "& .ellipses": {
-      textAlign: "left",
+      textAlign: "center",
       padding: "0",
       color: "var(--sl-color-neutral-500)",
-      paddingLeft: "25%",
     },
     "& .highlight": {
       background: "var(--sl-color-primary-50)",
@@ -128,12 +127,6 @@ const style$1 = {
       width: "auto",
       whiteSpace: "nowrap",
     },
-    "& .Rank": {
-      whiteSpace: "nowrap",
-    },
-    "& .fullWidth": {
-      width: "100%",
-    },
   },
 };
 const sheet$1 = createStyleSheet(style$1);
@@ -144,76 +137,58 @@ const vanillaStyle = `
   }
 `;
 function LeaderboardView(props) {
-  var _a, _b, _c;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
   const { states, data, elements } = props;
   const { styles } = states;
-  if (states.isEssentials) {
-    return (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" }));
-  }
-  if (states.loading) {
-    return (h("div", { class: sheet$1.classes.Leaderboard, style: { width: styles.width || "100%" } },
+  if (states.loading)
+    return (h("div", { class: sheet$1.classes.Leaderboard },
       h("style", { type: "text/css" },
         styleString$1,
         vanillaStyle),
-      h("table", null, [...Array(10)].map(() => {
-        return (h("tr", null,
-          h("td", null,
-            h("sl-skeleton", null))));
-      }))));
-  }
+      elements.loadingstate));
+  if (states.isEssentials)
+    return elements.essentials;
   if (!states.hasLeaders)
     return elements.empty;
   let userSeenFlag = false;
-  const getUsersName = (user) => {
-    if (!user.firstName && !user.lastInitial)
-      return styles.anonymousUser;
-    const { firstName, lastInitial } = user;
-    if (firstName && lastInitial)
-      return `${firstName} ${lastInitial}`;
-    if (firstName || lastInitial)
-      return firstName || lastInitial;
-    return styles.anonymousUser;
-  };
-  const getRankCellText = (userRank, isViewingUsersRow) => {
-    if (!userRank) {
-      return styles.hideNames ? `${styles.viewingUserText}` : "-";
-    }
-    const viewingUserText = ` - ${styles.viewingUserText}`;
-    return styles.rankSuffix
-      ? intl.formatMessage({
-        id: "rank",
-        defaultMessage: styles.rankSuffix,
-      }, {
-        rank: userRank,
-      }) + `${isViewingUsersRow && styles.hideNames ? viewingUserText : ""}`
-      : `${userRank} ${isViewingUsersRow && styles.hideNames ? viewingUserText : ""}`;
-  };
-  return (h("div", { class: sheet$1.classes.Leaderboard, part: "sqm-base", style: { width: styles.width || "100%" } },
+  return (h("div", { class: sheet$1.classes.Leaderboard, part: "sqm-base" },
     h("style", { type: "text/css" },
       styleString$1,
       vanillaStyle),
+    h("div", null, "Leaderboards"),
     h("table", { part: "sqm-table" },
       h("tr", null,
-        styles.showRank && (h("th", { class: `Rank ${styles.hideNames ? "fullWidth" : ""}` }, styles.rankheading)),
-        !styles.hideNames && h("th", { class: "User" }, styles.usersheading),
+        styles.showRank && h("th", { class: "Rank" }, styles.rankheading),
+        h("th", { class: "User" }, styles.usersheading),
         h("th", { class: "Score" }, styles.statsheading)), (_a = data.leaderboard) === null || _a === void 0 ? void 0 :
       _a.map((user) => {
         var _a, _b;
         if (user.rowNumber === ((_a = data.viewerRank) === null || _a === void 0 ? void 0 : _a.rowNumber))
           userSeenFlag = true;
-        const isViewingUsersRow = !styles.hideViewer && user.rowNumber === ((_b = data.viewerRank) === null || _b === void 0 ? void 0 : _b.rowNumber);
-        return (h("tr", { class: isViewingUsersRow ? "highlight" : "" },
-          styles.showRank && (h("td", { class: "Rank" }, getRankCellText(user.rank, isViewingUsersRow))),
-          !styles.hideNames && h("td", { class: "User" }, getUsersName(user)),
+        return (h("tr", { class: !styles.hideViewer &&
+            user.rowNumber === ((_b = data.viewerRank) === null || _b === void 0 ? void 0 : _b.rowNumber)
+            ? "highlight"
+            : "" },
+          styles.showRank && h("td", { class: "Rank" }, user.rank),
+          h("td", { class: "User" }, user.firstName && user.lastInitial
+            ? user.firstName + " " + user.lastInitial
+            : user.firstName || user.lastInitial
+              ? user.firstName || user.lastInitial
+              : styles.anonymousUser),
           h("td", { class: "Score" }, user.textValue)));
       }),
       !userSeenFlag && !styles.hideViewer && (h("tr", null,
         h("td", { colSpan: 100, class: "ellipses" },
           h("sl-icon", { name: "three-dots", style: { verticalAlign: "middle" } })))),
       !userSeenFlag && !styles.hideViewer && (h("tr", { class: "highlight" },
-        styles.showRank && (h("td", { class: "Rank" }, getRankCellText((_b = data.viewerRank) === null || _b === void 0 ? void 0 : _b.rank, true))),
-        !styles.hideNames && (h("td", { class: "User" }, getUsersName(data.viewerRank || {}))),
-        h("td", { class: "Score" }, ((_c = data.viewerRank) === null || _c === void 0 ? void 0 : _c.textValue) || "0"))))));
+        styles.showRank && (h("td", { class: "Rank" }, ((_b = data.viewerRank) === null || _b === void 0 ? void 0 : _b.rank) || "-")),
+        h("td", { class: "User" }, ((_c = data.viewerRank) === null || _c === void 0 ? void 0 : _c.firstName) && ((_d = data.viewerRank) === null || _d === void 0 ? void 0 : _d.lastInitial)
+          ? ((_e = data.viewerRank) === null || _e === void 0 ? void 0 : _e.firstName) +
+            " " + ((_f = data.viewerRank) === null || _f === void 0 ? void 0 : _f.lastInitial)
+          : ((_g = data.viewerRank) === null || _g === void 0 ? void 0 : _g.firstName) || ((_h = data.viewerRank) === null || _h === void 0 ? void 0 : _h.lastInitial)
+            ? ((_j = data.viewerRank) === null || _j === void 0 ? void 0 : _j.firstName) || ((_k = data.viewerRank) === null || _k === void 0 ? void 0 : _k.lastInitial)
+            : styles.anonymousUser),
+        h("td", { class: "Score" }, ((_l = data.viewerRank) === null || _l === void 0 ? void 0 : _l.textValue) || "0"))))));
 }
 
 const style$2 = {

package/dist/esm/{email-registration-view-a89a88bf.js → email-registration-view-07d80492.js}

@@ -43,7 +43,7 @@ function EmailRegistrationView(props) {
       h("div", { part: "erroralert-text" }, error)));
   };
   const emailValidationRegex = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-  return (h("div", { part: "sqm-base", class: sheet.classes.Wrapper, style: {
+  return (h("div", { class: sheet.classes.Wrapper, style: {
       border: `${content.hideBorder ? "none" : "1px solid #eaeaea"}`,
       backgroundColor: content.backgroundColor,
       "padding-top": `var(--sl-spacing-${content.paddingTop})`,

package/dist/esm/{global-04c7d3b5.js → global-e7bb0343.js}

@@ -26646,7 +26646,7 @@ try {
   // SlAlert.register();
   registerIconLibrary("default", {
     // same link that shoelace uses internally
-    resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.11.3/icons/${name}.svg`,
+    resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.7.2/icons/${name}.svg`,
   });
   // SlAlert.register();
   customElements.define("sl-alert", alert_default2);