@saasquatch/mint-components 1.11.1-6 → 1.11.1-61

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
 const index_module = require('./index.module-df530553.js');
-const utils = require('./utils-6847bc06.js');
 const reRender = require('./re-render-1976e05e.js');
 const useChildElements = require('./useChildElements-e0d44916.js');
+const utils = require('./utils-6847bc06.js');
 
 const TabsView = ({ content, placement, }) => {
   // Vertical padding for top & bottom placement, horizontal for left & right.

package/dist/collection/collection-manifest.json

@@ -46,8 +46,6 @@
     "./components/sqm-navigation-menu/sqm-navigation-menu.js",
     "./components/sqm-navigation-sidebar/sqm-navigation-sidebar.js",
     "./components/sqm-navigation-sidebar-item/sqm-navigation-sidebar-item.js",
-    "./components/sqm-referral-codes/sqm-referral-codes.js",
-    "./components/sqm-pagination/sqm-pagination.js",
     "./components/sqm-popup-container/sqm-popup-container.js",
     "./components/sqm-portal-change-password/sqm-portal-change-password.js",
     "./components/sqm-portal-container/sqm-portal-container.js",
@@ -66,7 +64,6 @@
     "./components/sqm-program-explainer-step/sqm-program-explainer-step.js",
     "./components/sqm-program-menu/sqm-program-menu.js",
     "./components/sqm-referral-card/sqm-referral-card.js",
-    "./components/sqm-referral-code/sqm-referral-code.js",
     "./components/sqm-referral-iframe/sqm-referral-iframe.js",
     "./components/sqm-referral-table/cells/sqm-referral-table-cell.js",
     "./components/sqm-referral-table/cells/sqm-referral-table-date-cell.js",
@@ -119,13 +116,6 @@
   },
   "collections": [],
   "bundles": [
-    {
-      "components": [
-        "sqm-pagination",
-        "sqm-referral-code",
-        "sqm-referral-codes"
-      ]
-    },
     {
       "components": [
         "sqm-rewards-table",

package/dist/collection/components/sqm-coupon-code/sqm-coupon-code.js

@@ -475,7 +475,7 @@ export class CouponCode {
       "mutable": false,
       "complexType": {
         "original": "DemoData<CouponCodeViewProps>",
-        "resolved": "{ loading?: boolean; errorType?: \"error\" | \"warning\" | \"info\" | \"success\"; couponCodeLabel?: string; copyString?: string; tooltiptext?: string; open?: boolean; copyButtonLabel?: string; disabled?: boolean; textAlign?: \"left\" | \"right\" | \"center\"; buttonStyle?: \"icon\" | \"button-outside\" | \"button-below\"; error?: boolean; errorText?: string; notificationText?: string; showNotificationText?: boolean; inputPlaceholderText?: string; dateAvailable?: string; onClick?: () => void; }",
+        "resolved": "{ loading?: boolean; errorType?: \"error\" | \"warning\" | \"info\" | \"success\"; couponCodeLabel?: string; copyString?: string; tooltiptext?: string; open?: boolean; copyButtonLabel?: string; disabled?: boolean; textAlign?: \"left\" | \"right\" | \"center\"; buttonStyle?: \"icon\" | \"button-outside\" | \"button-below\"; error?: boolean; errorText?: string; inputPlaceholderText?: string; dateAvailable?: string; onClick?: () => void; }",
         "references": {
           "DemoData": {
             "location": "import",

package/dist/collection/components/sqm-logout-current-user/sqm-logout-current-user.js

@@ -122,7 +122,7 @@ export class LogoutCurrentUser {
       "mutable": false,
       "complexType": {
         "original": "DemoData<CopyTextViewProps>",
-        "resolved": "{ loading?: boolean; copyString?: string; tooltiptext?: string; open?: boolean; copyButtonLabel?: string; disabled?: boolean; textAlign?: \"left\" | \"right\" | \"center\"; buttonStyle?: \"icon\" | \"button-outside\" | \"button-below\"; error?: boolean; errorText?: string; notificationText?: string; showNotificationText?: boolean; inputPlaceholderText?: string; dateAvailable?: string; onClick?: () => void; }",
+        "resolved": "{ loading?: boolean; copyString?: string; tooltiptext?: string; open?: boolean; copyButtonLabel?: string; disabled?: boolean; textAlign?: \"left\" | \"right\" | \"center\"; buttonStyle?: \"icon\" | \"button-outside\" | \"button-below\"; error?: boolean; errorText?: string; inputPlaceholderText?: string; dateAvailable?: string; onClick?: () => void; }",
         "references": {
           "DemoData": {
             "location": "import",

package/dist/collection/components/sqm-referral-card/ReferralCard.stories.js

@@ -21,21 +21,6 @@ const sharebutton = (slot) => {
       h("sqm-share-button", { medium: "facebook" }, "Share on Facebook"),
       h("sqm-share-button", { medium: "twitter" }, "Post about us on X"))));
 };
-const shareButtonsWithPromoCodes = (slot) => {
-  return (h("sqm-portal-container", { gap: "large", slot: slot },
-    h("sqm-text", null, "Choose how you want to share:"),
-    h("sqm-text", null,
-      h("sub", null, "Share with your friends:"),
-      h("sqm-share-code", null),
-      h("sqm-share-link", null)),
-    h("sqm-portal-container", { gap: "x-small" },
-      h("sqm-share-button", { medium: "email" }, "Share via email"),
-      h("sqm-share-button", { medium: "facebook" }, "Share on Facebook"),
-      h("sqm-share-button", { medium: "twitter" }, "Post about us on X"),
-      h("sqm-portal-container", { gap: "x-small" },
-        h("span", { style: { textAlign: "center", color: "var(--sl-color-gray-500)" } }, "You have copied this code before"),
-        h("sqm-pagination", null)))));
-};
 const timeline = (slot, count) => {
   return (h("sqm-timeline", { slot: slot, icon: "circle" },
     count > 0 && (h("sqm-timeline-entry", { reward: "75", unit: "points", desc: "Your friends signs up for a free trial" })),
@@ -58,11 +43,6 @@ export const TimelineAndShareButtons = () => {
     timeline("left", 3),
     sharebutton("right")));
 };
-export const OneTimeUsePromoCodes = () => {
-  return (h("sqm-referral-card", null,
-    timeline("left", 4),
-    shareButtonsWithPromoCodes("right")));
-};
 export const StartAlignment = () => {
   return (h("sqm-referral-card", { "vertical-alignment": "start" },
     timeline("left", 4),

package/dist/collection/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.js

@@ -1,15 +1,29 @@
 import { Component, h, Prop } from "@stencil/core";
 import { DateTime } from "luxon";
-import { TextSpanView } from "../../sqm-text-span/sqm-text-span-view";
-import { createStyleSheet } from "../../../styling/JSS";
 import { intl } from "../../../global/global";
+import { createStyleSheet } from "../../../styling/JSS";
+import { useRequestRerender } from "../../../tables/re-render";
 import { luxonLocale } from "../../../utils/utils";
+import { TextSpanView } from "../../sqm-text-span/sqm-text-span-view";
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { useMemo } from "@saasquatch/universal-hooks";
 export class ReferralTableRewardsCell {
   constructor() {
     this.locale = "en";
+    withHooks(this);
   }
+  disconnectedCallback() { }
   render() {
-    var _a;
+    useRequestRerender([
+      this.statusText,
+      this.statusLongText,
+      this.fuelTankText,
+      this.rewardReceivedText,
+      this.expiringText,
+      this.pendingForText,
+      this.hideDetails,
+    ]);
+    const hasTextProps = !!this.statusText;
     intl.locale = this.locale;
     const style = {
       "@keyframes slideRight": {
@@ -158,113 +172,118 @@ export class ReferralTableRewardsCell {
         .replace("in", "")
         .trim();
     };
-    return (_a = this.rewards) === null || _a === void 0 ? void 0 : _a.map((reward) => {
-      var _a, _b;
-      const state = getState(reward, this.taxConnection);
-      const slBadgeType = getSLBadgeType(state);
-      const badgeText = intl.formatMessage({ id: "statusShortMessage", defaultMessage: this.statusText }, {
-        status: state,
-      });
-      const statusText = intl.formatMessage({
-        id: "statusLongMessage",
-        defaultMessage: this.statusLongText,
-      }, {
-        status: state,
-      });
-      return (h("sl-details", { class: sheet.classes.Details, disabled: this.hideDetails },
-        h("style", { type: "text/css" }, styleString),
-        h("div", { slot: "summary", class: sheet.classes.DetailsContainer },
-          h(TextSpanView, { type: "p" },
-            h("span", { part: "sqm-cell-value", class: sheet.classes.BoldText }, reward.prettyValue)),
-          h("div", { class: sheet.classes.BadgeContainer },
-            state === "PENDING" && reward.dateScheduledFor ? (h("sl-badge", { class: slBadgeType === "primary"
-                ? sheet.classes.RedeemBadge
-                : sheet.classes.StatusBadge, type: slBadgeType, pill: true }, intl.formatMessage({
-              id: "pendingForText",
-              defaultMessage: this.pendingForText,
-            }, {
-              status: badgeText,
-              date: getTimeDiff(reward.dateScheduledFor),
-            }))) : (h("sl-badge", { class: slBadgeType === "primary"
-                ? sheet.classes.RedeemBadge
-                : sheet.classes.StatusBadge, type: slBadgeType, pill: true }, badgeText)),
-            reward.dateExpires && state === "AVAILABLE" && (h("sl-badge", { class: slBadgeType === "primary"
-                ? sheet.classes.RedeemBadge
-                : sheet.classes.StatusBadge, type: "info", pill: true },
-              this.expiringText,
-              ` ${getTimeDiff(reward.dateExpires)}`)))),
-        h("div", null,
-          state === "PENDING_REVIEW" && ((_a = reward.referral) === null || _a === void 0 ? void 0 : _a.dateModerated) && (h("div", null,
-            h(TextSpanView, { type: "p" },
-              statusText,
-              " ",
-              h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.referral.dateModerated)
-                .setLocale(luxonLocale(this.locale))
-                .toLocaleString(DateTime.DATE_MED))))),
-          state === "PAYOUT_APPROVED" && (h("div", null,
-            h(TextSpanView, { type: "p" }, statusText))),
-          state === "PAYOUT_FAILED" && (h("div", null,
-            h(TextSpanView, { type: "p" }, statusText))),
-          state === "PAYOUT_CANCELLED" && (h("div", null,
-            h(TextSpanView, { type: "p" }, statusText))),
-          state === "PENDING_TAX_REVIEW" && (h("div", null,
-            h(TextSpanView, { type: "p" }, statusText))),
-          state === "PENDING_NEW_TAX_FORM" && (h("div", null,
-            h(TextSpanView, { type: "p" }, statusText))),
-          state === "PENDING_TAX_SUBMISSION" && (h("div", null,
-            h(TextSpanView, { type: "p" }, statusText))),
-          state === "PENDING_PARTNER_CREATION" && (h("div", null,
-            h(TextSpanView, { type: "p" }, statusText))),
-          state === "DENIED" && ((_b = reward.referral) === null || _b === void 0 ? void 0 : _b.dateModerated) && (h("div", null,
-            h(TextSpanView, { type: "p" },
-              statusText,
-              " ",
-              h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.referral.dateModerated)
-                .setLocale(luxonLocale(this.locale))
-                .toLocaleString(DateTime.DATE_MED)),
-              ".",
-              this.deniedHelpText ? ` ${this.deniedHelpText}` : ``))),
-          reward.dateGiven && (h("div", null,
-            h(TextSpanView, { type: "p" },
-              this.rewardReceivedText,
-              " ",
-              h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.dateGiven)
-                .setLocale(luxonLocale(this.locale))
-                .toLocaleString(DateTime.DATE_MED))))),
-          state === "EXPIRED" && reward.dateExpires && (h("div", null,
-            h(TextSpanView, { type: "p" },
-              statusText,
-              " ",
-              h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.dateExpires)
-                .setLocale(luxonLocale(this.locale))
-                .toLocaleString(DateTime.DATE_MED))))),
-          state === "CANCELLED" && reward.dateCancelled && (h("div", null,
-            h(TextSpanView, { type: "p" },
-              statusText,
-              " ",
-              h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.dateCancelled)
-                .setLocale(luxonLocale(this.locale))
-                .toLocaleString(DateTime.DATE_MED))))),
-          state === "PENDING" && reward.dateScheduledFor && (h("div", null,
-            h(TextSpanView, { type: "p" },
-              statusText,
-              " ",
-              h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.dateScheduledFor)
-                .setLocale(luxonLocale(this.locale))
-                .toLocaleString(DateTime.DATE_MED))))),
-          " ",
-          state === "AVAILABLE" && reward.dateExpires && (h("div", null,
-            h(TextSpanView, { type: "p" },
-              statusText,
+    const rewardMap = useMemo(() => {
+      var _a;
+      return this.statusText
+        ? (_a = this.rewards) === null || _a === void 0 ? void 0 : _a.map((reward) => {
+          var _a, _b;
+          const state = getState(reward, this.taxConnection);
+          const slBadgeType = getSLBadgeType(state);
+          const badgeText = intl.formatMessage({ id: "statusShortMessage", defaultMessage: this.statusText }, {
+            status: state,
+          });
+          const statusText = intl.formatMessage({
+            id: "statusLongMessage",
+            defaultMessage: this.statusLongText,
+          }, {
+            status: state,
+          });
+          return (h("sl-details", { class: sheet.classes.Details, disabled: this.hideDetails },
+            h("style", { type: "text/css" }, styleString),
+            h("div", { slot: "summary", class: sheet.classes.DetailsContainer },
+              h(TextSpanView, { type: "p" },
+                h("span", { part: "sqm-cell-value", class: sheet.classes.BoldText }, reward.prettyValue)),
+              h("div", { class: sheet.classes.BadgeContainer },
+                state === "PENDING" && reward.dateScheduledFor ? (h("sl-badge", { class: slBadgeType === "primary"
+                    ? sheet.classes.RedeemBadge
+                    : sheet.classes.StatusBadge, type: slBadgeType, pill: true }, intl.formatMessage({
+                  id: "pendingForText",
+                  defaultMessage: this.pendingForText,
+                }, {
+                  status: badgeText,
+                  date: getTimeDiff(reward.dateScheduledFor),
+                }))) : (h("sl-badge", { class: slBadgeType === "primary"
+                    ? sheet.classes.RedeemBadge
+                    : sheet.classes.StatusBadge, type: slBadgeType, pill: true }, badgeText)),
+                reward.dateExpires && state === "AVAILABLE" && (h("sl-badge", { class: slBadgeType === "primary"
+                    ? sheet.classes.RedeemBadge
+                    : sheet.classes.StatusBadge, type: "info", pill: true },
+                  this.expiringText,
+                  ` ${getTimeDiff(reward.dateExpires)}`)))),
+            h("div", null,
+              state === "PENDING_REVIEW" && ((_a = reward.referral) === null || _a === void 0 ? void 0 : _a.dateModerated) && (h("div", null,
+                h(TextSpanView, { type: "p" },
+                  statusText,
+                  " ",
+                  h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.referral.dateModerated)
+                    .setLocale(luxonLocale(this.locale))
+                    .toLocaleString(DateTime.DATE_MED))))),
+              state === "PAYOUT_APPROVED" && (h("div", null,
+                h(TextSpanView, { type: "p" }, statusText))),
+              state === "PAYOUT_FAILED" && (h("div", null,
+                h(TextSpanView, { type: "p" }, statusText))),
+              state === "PAYOUT_CANCELLED" && (h("div", null,
+                h(TextSpanView, { type: "p" }, statusText))),
+              state === "PENDING_TAX_REVIEW" && (h("div", null,
+                h(TextSpanView, { type: "p" }, statusText))),
+              state === "PENDING_NEW_TAX_FORM" && (h("div", null,
+                h(TextSpanView, { type: "p" }, statusText))),
+              state === "PENDING_TAX_SUBMISSION" && (h("div", null,
+                h(TextSpanView, { type: "p" }, statusText))),
+              state === "PENDING_PARTNER_CREATION" && (h("div", null,
+                h(TextSpanView, { type: "p" }, statusText))),
+              state === "DENIED" && ((_b = reward.referral) === null || _b === void 0 ? void 0 : _b.dateModerated) && (h("div", null,
+                h(TextSpanView, { type: "p" },
+                  statusText,
+                  " ",
+                  h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.referral.dateModerated)
+                    .setLocale(luxonLocale(this.locale))
+                    .toLocaleString(DateTime.DATE_MED)),
+                  ".",
+                  this.deniedHelpText ? ` ${this.deniedHelpText}` : ``))),
+              reward.dateGiven && (h("div", null,
+                h(TextSpanView, { type: "p" },
+                  this.rewardReceivedText,
+                  " ",
+                  h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.dateGiven)
+                    .setLocale(luxonLocale(this.locale))
+                    .toLocaleString(DateTime.DATE_MED))))),
+              state === "EXPIRED" && reward.dateExpires && (h("div", null,
+                h(TextSpanView, { type: "p" },
+                  statusText,
+                  " ",
+                  h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.dateExpires)
+                    .setLocale(luxonLocale(this.locale))
+                    .toLocaleString(DateTime.DATE_MED))))),
+              state === "CANCELLED" && reward.dateCancelled && (h("div", null,
+                h(TextSpanView, { type: "p" },
+                  statusText,
+                  " ",
+                  h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.dateCancelled)
+                    .setLocale(luxonLocale(this.locale))
+                    .toLocaleString(DateTime.DATE_MED))))),
+              state === "PENDING" && reward.dateScheduledFor && (h("div", null,
+                h(TextSpanView, { type: "p" },
+                  statusText,
+                  " ",
+                  h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.dateScheduledFor)
+                    .setLocale(luxonLocale(this.locale))
+                    .toLocaleString(DateTime.DATE_MED))))),
               " ",
-              h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.dateExpires)
-                .setLocale(luxonLocale(this.locale))
-                .toLocaleString(DateTime.DATE_MED))))),
-          reward.fuelTankCode && (h("div", null,
-            this.fuelTankText,
-            " ",
-            h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, reward.fuelTankCode))))));
-    });
+              state === "AVAILABLE" && reward.dateExpires && (h("div", null,
+                h(TextSpanView, { type: "p" },
+                  statusText,
+                  " ",
+                  h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.dateExpires)
+                    .setLocale(luxonLocale(this.locale))
+                    .toLocaleString(DateTime.DATE_MED))))),
+              reward.fuelTankCode && (h("div", null,
+                this.fuelTankText,
+                " ",
+                h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, reward.fuelTankCode))))));
+        }) : [];
+    }, [hasTextProps]);
+    return rewardMap;
   }
   static get is() { return "sqm-referral-table-rewards-cell"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.js

@@ -66,7 +66,8 @@ export class ReferralTableRewardsColumn {
   }
   disconnectedCallback() { }
   async renderCell(data, options) {
-    return (h("sqm-referral-table-rewards-cell", { rewards: data.rewards, taxConnection: options === null || options === void 0 ? void 0 : options.taxConnection, statusText: this.statusText, statusLongText: this.statusLongText, fuelTankText: this.fuelTankText, rewardReceivedText: this.rewardReceivedText, expiringText: this.expiringText, pendingForText: this.pendingForText, hideDetails: this.hideDetails, deniedHelpText: this.deniedHelpText, locale: options === null || options === void 0 ? void 0 : options.locale, exportparts: "sqm-cell-value" }));
+    console.log({ statusText: this.statusText });
+    return (h("sqm-referral-table-rewards-cell", { rewards: data.rewards, "tax-connection": options === null || options === void 0 ? void 0 : options.taxConnection, "status-text": this.statusText, "status-long-text": this.statusLongText, "fuel-tank-text": this.fuelTankText, "reward-received-text": this.rewardReceivedText, "expiring-text": this.expiringText, "pending-for-text": this.pendingForText, "hide-details": this.hideDetails, "denied-help-text": this.deniedHelpText, locale: options === null || options === void 0 ? void 0 : options.locale, exportparts: "sqm-cell-value" }));
   }
   async renderLabel() {
     return this.columnTitle;

package/dist/collection/components/sqm-share-button/useShareButton.js

@@ -1,7 +1,6 @@
-import { useEngagementMedium, useUserIdentity, useQuery, useParentValue, useMutation, } from "@saasquatch/component-boilerplate";
+import { useEngagementMedium, useUserIdentity, useQuery, } from "@saasquatch/component-boilerplate";
 import { gql } from "graphql-request";
 import { useProgramId, getEnvironmentSDK, } from "@saasquatch/component-boilerplate";
-import { REFERRAL_CODES_NAMESPACE, SET_CODE_USED, } from "../sqm-referral-codes/useReferralCodes";
 const MessageLinkQuery = gql `
   query (
     $programId: ID
@@ -39,19 +38,23 @@ function NativeShare(props, directLink, undefinedErrorText, unsupportedPlatformT
     alert(unsupportedPlatformText);
   }
 }
-function FacebookShare(directLink, messageLink, errorText) {
-  if (messageLink === "undefined" || directLink === "undefined") {
+function FacebookShare(directLink, res, errorText) {
+  var _a, _b;
+  if (((_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.messageLink) === "undefined" ||
+    directLink === "undefined") {
     return alert(errorText);
   }
   if (typeof SquatchAndroid.shareOnFacebook !== "undefined") {
-    return SquatchAndroid.shareOnFacebook(directLink, messageLink);
+    return SquatchAndroid.shareOnFacebook(directLink, res.data.viewer.messageLink);
   }
   else {
-    return GenericShare(messageLink, errorText);
+    return GenericShare(res, errorText);
   }
 }
-function GenericShare(messageLink, errorText) {
-  return messageLink ? window.open(messageLink) : alert(errorText);
+function GenericShare(res, errorText) {
+  var _a, _b;
+  return ((_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.messageLink) ? window.open(res.data.viewer.messageLink)
+    : alert(errorText);
 }
 export function useShareButton(props) {
   var _a, _b;
@@ -63,30 +66,23 @@ export function useShareButton(props) {
     programId: programId,
     shareMedium: medium.toUpperCase(),
   };
-  const data = useParentValue(REFERRAL_CODES_NAMESPACE);
-  const overrideData = data === null || data === void 0 ? void 0 : data[medium];
   // only queries if a programId is available
-  const res = useQuery(MessageLinkQuery, variables, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId || overrideData !== undefined);
-  const [setUsed, usedRes] = useMutation(SET_CODE_USED);
-  const directLink = (overrideData === null || overrideData === void 0 ? void 0 : overrideData.shareLink) || ((_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.shareLink);
+  const res = useQuery(MessageLinkQuery, variables, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
+  const directLink = (_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.shareLink;
   const environment = getEnvironmentSDK();
   const hide = (medium.toLocaleUpperCase() === "SMS" &&
     window.orientation === undefined) ||
     (medium.toLocaleUpperCase() === "DIRECT" && !window.navigator.share);
   function onClick() {
-    var _a, _b, _c, _d;
-    if (overrideData) {
-      setUsed(true);
-    }
     if (medium.toLocaleUpperCase() === "FACEBOOK" &&
       environment.type === "SquatchAndroid") {
-      FacebookShare(directLink, (overrideData === null || overrideData === void 0 ? void 0 : overrideData.messageLink) || ((_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.messageLink), props.errorText);
+      FacebookShare(directLink, res, props.errorText);
     }
     else if (medium.toLocaleUpperCase() === "DIRECT") {
       NativeShare({ sharetitle, sharetext }, directLink, props.errorText, props.unsupportedPlatformText);
     }
     else {
-      GenericShare((overrideData === null || overrideData === void 0 ? void 0 : overrideData.messageLink) || ((_d = (_c = res.data) === null || _c === void 0 ? void 0 : _c.viewer) === null || _d === void 0 ? void 0 : _d.messageLink), props.errorText);
+      GenericShare(res, props.errorText);
     }
   }
   return { ...props, loading: res.loading, onClick, hide };

package/dist/collection/components/sqm-share-code/sqm-share-code.js

@@ -210,7 +210,7 @@ export class ShareCode {
       "mutable": false,
       "complexType": {
         "original": "DemoData<CopyTextViewProps>",
-        "resolved": "{ loading?: boolean; copyString?: string; tooltiptext?: string; open?: boolean; copyButtonLabel?: string; disabled?: boolean; textAlign?: \"left\" | \"right\" | \"center\"; buttonStyle?: \"icon\" | \"button-outside\" | \"button-below\"; error?: boolean; errorText?: string; notificationText?: string; showNotificationText?: boolean; inputPlaceholderText?: string; dateAvailable?: string; onClick?: () => void; }",
+        "resolved": "{ loading?: boolean; copyString?: string; tooltiptext?: string; open?: boolean; copyButtonLabel?: string; disabled?: boolean; textAlign?: \"left\" | \"right\" | \"center\"; buttonStyle?: \"icon\" | \"button-outside\" | \"button-below\"; error?: boolean; errorText?: string; inputPlaceholderText?: string; dateAvailable?: string; onClick?: () => void; }",
         "references": {
           "DemoData": {
             "location": "import",

package/dist/collection/components/sqm-share-link/sqm-share-link.js

@@ -210,7 +210,7 @@ export class ShareLink {
       "mutable": false,
       "complexType": {
         "original": "DemoData<CopyTextViewProps>",
-        "resolved": "{ loading?: boolean; copyString?: string; tooltiptext?: string; open?: boolean; copyButtonLabel?: string; disabled?: boolean; textAlign?: \"left\" | \"right\" | \"center\"; buttonStyle?: \"icon\" | \"button-outside\" | \"button-below\"; error?: boolean; errorText?: string; notificationText?: string; showNotificationText?: boolean; inputPlaceholderText?: string; dateAvailable?: string; onClick?: () => void; }",
+        "resolved": "{ loading?: boolean; copyString?: string; tooltiptext?: string; open?: boolean; copyButtonLabel?: string; disabled?: boolean; textAlign?: \"left\" | \"right\" | \"center\"; buttonStyle?: \"icon\" | \"button-outside\" | \"button-below\"; error?: boolean; errorText?: string; inputPlaceholderText?: string; dateAvailable?: string; onClick?: () => void; }",
         "references": {
           "DemoData": {
             "location": "import",

package/dist/collection/components/sqm-share-link/useShareLink.js

@@ -1,7 +1,6 @@
-import { useEngagementMedium, useMutation, useParentValue, useProgramId, useQuery, useUserIdentity, } from "@saasquatch/component-boilerplate";
+import { useEngagementMedium, useMutation, useProgramId, useQuery, useUserIdentity, } from "@saasquatch/component-boilerplate";
 import { useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
-import { REFERRAL_CODES_NAMESPACE, SET_CODE_USED, } from "../sqm-referral-codes/useReferralCodes";
 const MessageLinkQuery = gql `
   query ($programId: ID, $engagementMedium: UserEngagementMedium!) {
     user: viewer {
@@ -25,18 +24,13 @@ export function useShareLink(props) {
   const { programId = useProgramId() } = props;
   const user = useUserIdentity();
   const engagementMedium = useEngagementMedium();
-  const contextData = useParentValue(REFERRAL_CODES_NAMESPACE);
-  const { data } = useQuery(MessageLinkQuery, { programId, engagementMedium }, !(user === null || user === void 0 ? void 0 : user.jwt) || !!props.linkOverride || (contextData === null || contextData === void 0 ? void 0 : contextData.shareLink) !== undefined);
+  const { data } = useQuery(MessageLinkQuery, { programId, engagementMedium }, !(user === null || user === void 0 ? void 0 : user.jwt));
   const [sendLoadEvent] = useMutation(WIDGET_ENGAGEMENT_EVENT);
-  const [setUsed, usedRes] = useMutation(SET_CODE_USED);
-  const copyString = (_b = ((contextData === null || contextData === void 0 ? void 0 : contextData.shareLink) || ((_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.shareLink))) !== null && _b !== void 0 ? _b : 
+  const copyString = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.shareLink) !== null && _b !== void 0 ? _b : 
   // Shown during loading
   "...";
   const [open, setOpen] = useState(false);
   function onClick() {
-    if (contextData) {
-      setUsed(true);
-    }
     // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
     // Only if called from a user-initiated event
     navigator.clipboard.writeText(copyString);

package/dist/collection/components/sqm-stencilbook/sqm-stencilbook.js

@@ -3,7 +3,6 @@ import { useStencilbook } from "@saasquatch/stencilbook";
 import { useState, withHooks } from "@saasquatch/stencil-hooks";
 import * as ShareButton from "../sqm-share-button/ShareButton.stories";
 import * as EmptyState from "../sqm-empty/EmptyState.stories";
-import * as Pagination from "../sqm-pagination/Pagination.stories";
 import * as ShareLink from "../sqm-share-link/ShareLink.stories";
 import * as BigStat from "../sqm-big-stat/BigStat.stories";
 import * as Leaderboard from "../sqm-leaderboard/Leaderboard.stories";
@@ -70,7 +69,6 @@ import * as TitledSection from "../sqm-titled-section/TitledSection.stories";
 import * as Scroll from "../sqm-scroll/Scroll.stories";
 import * as Tabs from "../sqm-tabs/Tabs.stories";
 import * as ShareCode from "../sqm-share-code/ShareCode.stories";
-import * as ReferralCode from "../sqm-referral-code/ReferralCode.stories";
 import * as EmailRegistration from "../views/EmailRegistration.stories";
 import * as CouponCode from "../sqm-coupon-code/CouponCode.stories";
 import * as LogoutCurrentUser from "../sqm-logout-current-user/LogoutCurrentUser.stories";
@@ -85,7 +83,6 @@ import * as BankingInfoForm from "../tax-and-cash/BankingForm.stories";
 import * as InvoiceTable from "../sqm-invoice-table/InvoiceTable.stories";
 import * as InvoiceTableCells from "../sqm-invoice-table/InvoiceTableCell.stories";
 import * as UseInvoiceTableCells from "../sqm-invoice-table/UseInvoiceTable.stories";
-import * as ReferralCodes from "../sqm-referral-codes/ReferralCodes.stories";
 import * as Themes from "./Themes";
 import { CucumberAddon } from "./CucumberAddon";
 import { HookStoryAddon } from "./HookStoryAddon";
@@ -96,7 +93,6 @@ const stories = [
   InvoiceTableCells,
   UseInvoiceTableCells,
   ShareButton,
-  Pagination,
   ShareLink,
   BigStat,
   Leaderboard,
@@ -165,8 +161,6 @@ const stories = [
   Tabs,
   ShareCode,
   CouponCode,
-  ReferralCode,
-  ReferralCodes,
   LogoutCurrentUser,
   LinkButton,
   EmailRegistration,

package/dist/collection/components/views/copy-text-view.js

@@ -13,14 +13,6 @@ const style = {
       border: "2px solid red",
     },
   },
-  ContainerDiv: {
-    display: "flex",
-    alignItems: "flex-start",
-    flexDirection: "column",
-    justifyContent: "center",
-    gap: "var(--sl-spacing-x-small)",
-    width: "100%",
-  },
   containerStyle: {
     display: "flex",
     alignItems: "center",
@@ -31,10 +23,6 @@ const style = {
     margin: "0",
     color: "var(--sl-color-danger-500)",
   },
-  notificationTextStyle: {
-    margin: "0",
-    color: "var(--sl-color-neutral-500)",
-  },
 };
 const vanillaStyle = `
   :host{
@@ -62,7 +50,6 @@ const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 export function CopyTextView(props) {
   const { buttonStyle = "icon" } = props;
-  console.log("notification text is", props.notificationText);
   const error = !props.loading && props.error;
   const inputText = error ? props.inputPlaceholderText : props.copyString;
   const disabled = error || props.loading || props.disabled;
@@ -72,7 +59,7 @@ export function CopyTextView(props) {
       ? "top"
       : "top-end";
   const copyButton = (h("sl-tooltip", { trigger: "manual", content: props.tooltiptext, placement: tooltipPlacement, disabled: props.disabled, open: props.open, skidding: props.buttonStyle === "icon" ? -5 : 0, slot: "suffix" }, buttonStyle === "icon" ? (h("sl-icon-button", { exportparts: "base: icon-button-base", onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, name: "files", disabled: disabled })) : (h("sl-button", { exportparts: "base: copy-button-base", onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, size: "medium", style: { width: `${buttonStyle === "button-below" && "100%"}` }, disabled: disabled, type: "primary" }, props.copyButtonLabel || "Copy"))));
-  return (h("div", { class: sheet.classes.ContainerDiv },
+  return (h("div", null,
     h("style", { type: "text/css" },
       styleString,
       vanillaStyle,
@@ -85,6 +72,5 @@ export function CopyTextView(props) {
         buttonStyle === "icon" && copyButton,
         error && (h("p", { slot: "help-text", class: sheet.classes.errorTextStyle }, props.errorText))),
       (buttonStyle === "button-outside" || buttonStyle === "button-below") &&
-        copyButton),
-    props.showNotificationText && props.notificationText && (h("p", { part: "sqm-notification-text", class: sheet.classes.notificationTextStyle }, props.notificationText))));
+        copyButton)));
 }