@saasquatch/mint-components 1.11.1-8 → 1.11.1

package/dist/collection/components/sqm-referral-codes/useReferralCodes.js

@@ -1,24 +1,22 @@
-import { useEngagementMedium, usePaginatedQuery, useParentState, useUserIdentity, } from "@saasquatch/component-boilerplate";
-import { gql } from "graphql-request";
+import { useEngagementMedium, usePaginatedQuery, useParentState, useProgramId, useRefreshDispatcher, useUserIdentity, } from "@saasquatch/component-boilerplate";
 import { useEffect } from "@saasquatch/universal-hooks";
+import { gql } from "graphql-request";
 const GET_REFERRAL_CODES = gql `
   query getCodes(
+    $engagementMedium: UserEngagementMedium!
     $limit: Int!
     $offset: Int!
-    $engagementMedium: UserEngagementMedium!
+    $filter: ReferralCodeFilterInput
   ) {
     viewer {
       ... on User {
-        referralCodeList(
-          limit: $limit
-          offset: $offset
-          filter: { fuelTank_eq: true }
-        ) {
+        referralCodeList(limit: $limit, offset: $offset, filter: $filter) {
           data {
             code
             dateUsed
             dateCopied
-            shareLinkCodes(limit: $limit, offset: $offset) {
+            singleUse
+            shareLinkCodes(limit: $limit) {
               data {
                 linkCode
                 shareLink: shortUrl(
@@ -49,21 +47,32 @@ const GET_REFERRAL_CODES = gql `
 `;
 export const REFERRAL_CODES_NAMESPACE = "sq:referral-codes";
 export const REFERRAL_CODES_PAGINATION_CONTEXT = "sq:referral-codes-pagination";
-export const SET_CODE_USED = gql `
-mutation test {}
+export const SET_CODE_COPIED = gql `
+  mutation markReferralCodeCopied($referralCode: String!) {
+    markReferralCodeCopied(referralCode: $referralCode) {
+      referralCode {
+        dateCopied
+      }
+    }
+  }
 `;
 export function useReferralCodes(props) {
   const user = useUserIdentity();
   const engagementMedium = useEngagementMedium();
-  console.log({ props });
-  const { envelope: referralData, states, callbacks, } = usePaginatedQuery(GET_REFERRAL_CODES, (data) => {
-    var _a;
-    console.log({ queryData: data });
-    return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.referralCodeList;
-  }, {
+  const programId = props.programId || useProgramId();
+  const { refresh } = useRefreshDispatcher();
+  const { envelope: referralData, states, callbacks, } = usePaginatedQuery(GET_REFERRAL_CODES, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.referralCodeList; }, {
     limit: 1,
     offset: 0,
-  }, { engagementMedium }, !(user === null || user === void 0 ? void 0 : user.jwt));
+  }, {
+    engagementMedium,
+    programId,
+    filter: {
+      fuelTank_eq: true,
+      programId_eq: programId,
+      dateUsed_exists: false,
+    },
+  }, !(user === null || user === void 0 ? void 0 : user.jwt));
   const [paginationContext, setPaginationContext] = useParentState({
     namespace: REFERRAL_CODES_PAGINATION_CONTEXT,
     initialValue: { states, callbacks },
@@ -71,50 +80,52 @@ export function useReferralCodes(props) {
   const [referralCodesContext, setReferralCodesContext] = useParentState({
     namespace: REFERRAL_CODES_NAMESPACE,
     initialValue: {
+      refresh,
       loading: true,
       referralCode: "",
       shareLink: "",
+      isCopied: false,
+      isUsed: false,
+      singleUse: false,
       email: {
         messageLink: "",
       },
-      fbMessenger: {
+      fbmessenger: {
         messageLink: "",
         shareLink: "",
       },
-      whatsApp: { messageLink: "" },
+      whatsapp: { messageLink: "" },
     },
   });
   useEffect(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
     if ((_a = referralData === null || referralData === void 0 ? void 0 : referralData.data) === null || _a === void 0 ? void 0 : _a.length) {
       const data = referralData.data[0];
       setReferralCodesContext({
+        refresh,
         referralCode: data.code,
-        shareLink: (_c = (_b = data.shareLinkCodes) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.shortUrl,
+        isCopied: !!data.dateCopied,
+        isUsed: !!data.dateUsed,
+        singleUse: !!data.singleUse,
+        shareLink: (_d = (_c = (_b = data.shareLinkCodes) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.direct,
         email: {
-          messageLink: (_e = (_d = data.shareLinkCodes) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.shortUrl,
+          messageLink: (_g = (_f = (_e = data.shareLinkCodes) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.email,
         },
-        fbMessenger: {
-          messageLink: (_g = (_f = data.shareLinkCodes) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.shortUrl,
-          shareLink: (_j = (_h = data.shareLinkCodes) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.shortUrl,
+        fbmessenger: {
+          messageLink: (_k = (_j = (_h = data.shareLinkCodes) === null || _h === void 0 ? void 0 : _h.data) === null || _j === void 0 ? void 0 : _j[0]) === null || _k === void 0 ? void 0 : _k.fbMessenger,
+          shareLink: (_o = (_m = (_l = data.shareLinkCodes) === null || _l === void 0 ? void 0 : _l.data) === null || _m === void 0 ? void 0 : _m[0]) === null || _o === void 0 ? void 0 : _o.fbMessenger,
         },
-        whatsApp: { messageLink: (_l = (_k = data.shareLinkCodes) === null || _k === void 0 ? void 0 : _k[0]) === null || _l === void 0 ? void 0 : _l.shortUrl },
+        whatsapp: { messageLink: (_r = (_q = (_p = data.shareLinkCodes) === null || _p === void 0 ? void 0 : _p.data) === null || _q === void 0 ? void 0 : _q[0]) === null || _r === void 0 ? void 0 : _r.whatsApp },
       });
+      setPaginationContext({ states, callbacks });
     }
   }, [referralData]);
-  useEffect(() => {
-    setPaginationContext({ states, callbacks });
-  }, [states.loading]);
-  console.log({ referralData, states });
   return {
     states: {
       ...states,
-      noCodes: referralData.totalCount === 0,
+      noCodes: (referralData === null || referralData === void 0 ? void 0 : referralData.totalCount) === 0,
     },
     data: referralCodesContext,
-    callbacks: {
-    // onPrev: () => callbacks.setCurrentPage(states.currentPage - 1),
-    // onNext: () => callbacks.setCurrentPage(states.currentPage + 1),
-    },
+    callbacks: {},
   };
 }

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

@@ -6,6 +6,8 @@ import { intl } from "../../../global/global";
 import { luxonLocale } from "../../../utils/utils";
 export class ReferralTableRewardsCell {
   constructor() {
+    this.statusText = "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_FAILED {Payout Failed} PAYOUT_CANCELLED {Payout Cancelled} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";
+    this.statusLongText = "{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_APPROVED {Reward approved for payout and was scheduled for payment based on your settings.} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PAYOUT_CANCELLED {If you think this is a mistake, contact our Support team.} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }";
     this.locale = "en";
   }
   render() {
@@ -339,7 +341,8 @@ export class ReferralTableRewardsCell {
         "text": ""
       },
       "attribute": "status-text",
-      "reflect": false
+      "reflect": false,
+      "defaultValue": "\"{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_FAILED {Payout Failed} PAYOUT_CANCELLED {Payout Cancelled} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }\""
     },
     "statusLongText": {
       "type": "string",
@@ -356,7 +359,8 @@ export class ReferralTableRewardsCell {
         "text": ""
       },
       "attribute": "status-long-text",
-      "reflect": false
+      "reflect": false,
+      "defaultValue": "\"{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_APPROVED {Reward approved for payout and was scheduled for payment based on your settings.} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PAYOUT_CANCELLED {If you think this is a mistake, contact our Support team.} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }\""
     },
     "fuelTankText": {
       "type": "string",

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

@@ -1,7 +1,7 @@
 import { useEngagementMedium, useUserIdentity, useQuery, useParentValue, useMutation, } 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";
+import { REFERRAL_CODES_NAMESPACE, SET_CODE_COPIED, } from "../sqm-referral-codes/useReferralCodes";
 const MessageLinkQuery = gql `
   query (
     $programId: ID
@@ -58,25 +58,27 @@ export function useShareButton(props) {
   const { sharetitle, sharetext, medium } = props;
   const programId = props.programId ? props.programId : useProgramId();
   const user = useUserIdentity();
+  const engagementMedium = useEngagementMedium();
   const variables = {
-    engagementMedium: useEngagementMedium(),
+    engagementMedium,
     programId: programId,
     shareMedium: medium.toUpperCase(),
   };
-  const data = useParentValue(REFERRAL_CODES_NAMESPACE);
-  const overrideData = data === null || data === void 0 ? void 0 : data[medium];
+  const contextData = useParentValue(REFERRAL_CODES_NAMESPACE);
+  const overrideData = contextData === null || contextData === void 0 ? void 0 : contextData[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 [setCopied, copiedRes] = useMutation(SET_CODE_COPIED);
   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 environment = getEnvironmentSDK();
   const hide = (medium.toLocaleUpperCase() === "SMS" &&
     window.orientation === undefined) ||
     (medium.toLocaleUpperCase() === "DIRECT" && !window.navigator.share);
-  function onClick() {
+  async function onClick() {
     var _a, _b, _c, _d;
     if (overrideData) {
-      setUsed(true);
+      await setCopied({ referralCode: contextData.referralCode });
+      contextData.refresh();
     }
     if (medium.toLocaleUpperCase() === "FACEBOOK" &&
       environment.type === "SquatchAndroid") {
@@ -89,5 +91,10 @@ export function useShareButton(props) {
       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);
     }
   }
-  return { ...props, loading: res.loading, onClick, hide };
+  return {
+    ...props,
+    loading: res.loading && !(overrideData === null || overrideData === void 0 ? void 0 : overrideData.messageLink),
+    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; notificationText?: string; showNotificationText?: boolean; inputPlaceholderText?: string; dateAvailable?: string; isCopied?: boolean; 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; notificationText?: string; showNotificationText?: boolean; inputPlaceholderText?: string; dateAvailable?: string; isCopied?: boolean; onClick?: () => void; }",
         "references": {
           "DemoData": {
             "location": "import",

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

@@ -1,7 +1,7 @@
 import { useEngagementMedium, useMutation, useParentValue, 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";
+import { REFERRAL_CODES_NAMESPACE, SET_CODE_COPIED, } from "../sqm-referral-codes/useReferralCodes";
 const MessageLinkQuery = gql `
   query ($programId: ID, $engagementMedium: UserEngagementMedium!) {
     user: viewer {
@@ -28,14 +28,15 @@ export function useShareLink(props) {
   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 [sendLoadEvent] = useMutation(WIDGET_ENGAGEMENT_EVENT);
-  const [setUsed, usedRes] = useMutation(SET_CODE_USED);
+  const [setCopied, copiedRes] = useMutation(SET_CODE_COPIED);
   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 : 
   // Shown during loading
   "...";
   const [open, setOpen] = useState(false);
-  function onClick() {
+  async function onClick() {
     if (contextData) {
-      setUsed(true);
+      await setCopied({ referralCode: contextData.referralCode });
+      contextData.refresh();
     }
     // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
     // Only if called from a user-initiated event

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

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
-import { createStyleSheet } from "../../styling/JSS";
 import { HostBlock } from "../../global/mixins";
+import { createStyleSheet } from "../../styling/JSS";
 const style = {
   HostBlock: HostBlock,
   inputStyle: {
@@ -62,7 +62,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;
@@ -86,5 +85,7 @@ export function CopyTextView(props) {
         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))));
+    props.isCopied &&
+      props.showNotificationText &&
+      props.notificationText && (h("p", { part: "sqm-notification-text", class: sheet.classes.notificationTextStyle }, props.notificationText))));
 }

package/dist/collection/stories/Widget.stories.js

@@ -3,6 +3,7 @@ import { h } from "@stencil/core";
 import { createHookStory } from "../components/sqm-stencilbook/HookStoryAddon";
 import referralWidget from "../templates/ReferralWidget.html";
 import monoWidget from "../templates/MonoWidget.html";
+import promoCodeReferralWidget from "../templates/PromoCodeReferralWidget.html";
 import loyaltyWidget from "../templates/LoyaltyWidget.html";
 import instantAccessReferrerShareWidget from "../templates/InstantAccessReferrerShareWidget.html";
 import instantAccessFriendCouponWidget from "../templates/InstantAccessFriendCouponWidget.html";
@@ -42,6 +43,10 @@ export const Loyalty = createHookStory(() => {
   const { states, callbacks } = useTemplate(loyaltyWidget);
   return (h(DefaultTemplateView, { states: states, callbacks: callbacks, template: loyaltyWidget }));
 });
+export const PromoCodeReferralWidget = createHookStory(() => {
+  const { states, callbacks } = useTemplate(promoCodeReferralWidget);
+  return (h(DefaultTemplateView, { states: states, callbacks: callbacks, template: referralWidget }));
+});
 export const InstantAccessReferrerShareWidget = createHookStory(() => {
   const { states, callbacks } = useTemplate(instantAccessReferrerShareWidget);
   return h(TemplateView, { states: states, callbacks: callbacks });

package/dist/esm/{GenericTableView-bf154727.js → GenericTableView-706f5b56.js}

@@ -1,4 +1,4 @@
-import { h } from './index-17b4da69.js';
+import { h } from './index-014ddfa3.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { g as gap } from './mixins-f60a614c.js';
 

package/dist/esm/{ShadowViewAddon-76b1137d.js → ShadowViewAddon-43305632.js}

@@ -1,18 +1,18 @@
-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-b89b6edc.js';
-import { d as dist, H, Q, I as In, y as yn, $ as $e, B, a as getEnvironmentSDK, L } from './index.module-f122af7b.js';
+import { h, c as Host, d as getAssetPath, g as getElement } from './index-014ddfa3.js';
+import { k as useState, b as browser, u as useMemo } from './stencil-hooks.module-576d7f01.js';
+import { i as intl } from './global-701bd5b0.js';
+import { d as dist, H, Q, I as In, y as yn, $ as $e, B, a as getEnvironmentSDK, L } from './index.module-5eb0926c.js';
+import { c as cjs } from './cjs-bdfb4486.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { c as createStyleSheet, j as jss, a as create } from './JSS-67b5cff8.js';
-import { a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_USED, C as CopyTextView } from './copy-text-view-2ba105b6.js';
-import { c as cjs } from './cjs-bdfb4486.js';
+import { a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED, C as CopyTextView } from './copy-text-view-e66261c5.js';
 import { H as HostBlock, A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f60a614c.js';
-import { u as useChildElements } from './useChildElements-37daf533.js';
-import { l as luxon } from './luxon-7600be8d.js';
-import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
+import { u as useChildElements } from './useChildElements-ebcfbc19.js';
+import { l as luxon } from './luxon-12195d94.js';
+import { T as TextSpanView } from './sqm-text-span-view-d6e03f93.js';
 import { p as pathToRegexp } from './index-ffa26b43.js';
-import { a as isValidColor, b as isMobile } from './utilities-18d10876.js';
-import { a as PortalSectionView, P as PortalContainerView } from './sqm-portal-container-view-6c582684.js';
+import { a as isValidColor, b as isMobile } from './utilities-292b61b9.js';
+import { a as PortalSectionView, P as PortalContainerView } from './sqm-portal-container-view-83df005d.js';
 
 const medium = {
   facebook: { color: "#1877f2", text: "#fff", icon: "facebook" },
@@ -379,14 +379,15 @@ function useShareLink(props) {
   const contextData = In(REFERRAL_CODES_NAMESPACE);
   const { data } = yn(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 [sendLoadEvent] = $e(WIDGET_ENGAGEMENT_EVENT);
-  const [setUsed, usedRes] = $e(SET_CODE_USED);
+  const [setCopied, copiedRes] = $e(SET_CODE_COPIED);
   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 : 
   // Shown during loading
   "...";
   const [open, setOpen] = useState(false);
-  function onClick() {
+  async function onClick() {
     if (contextData) {
-      setUsed(true);
+      await setCopied({ referralCode: contextData.referralCode });
+      contextData.refresh();
     }
     // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
     // Only if called from a user-initiated event
@@ -465,25 +466,27 @@ function useShareButton(props) {
   const { sharetitle, sharetext, medium } = props;
   const programId = props.programId ? props.programId : H();
   const user = Q();
+  const engagementMedium = B();
   const variables = {
-    engagementMedium: B(),
+    engagementMedium,
     programId: programId,
     shareMedium: medium.toUpperCase(),
   };
-  const data = In(REFERRAL_CODES_NAMESPACE);
-  const overrideData = data === null || data === void 0 ? void 0 : data[medium];
+  const contextData = In(REFERRAL_CODES_NAMESPACE);
+  const overrideData = contextData === null || contextData === void 0 ? void 0 : contextData[medium];
   // only queries if a programId is available
   const res = yn(MessageLinkQuery$1, variables, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId || overrideData !== undefined);
-  const [setUsed, usedRes] = $e(SET_CODE_USED);
+  const [setCopied, copiedRes] = $e(SET_CODE_COPIED);
   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 environment = getEnvironmentSDK();
   const hide = (medium.toLocaleUpperCase() === "SMS" &&
     window.orientation === undefined) ||
     (medium.toLocaleUpperCase() === "DIRECT" && !window.navigator.share);
-  function onClick() {
+  async function onClick() {
     var _a, _b, _c, _d;
     if (overrideData) {
-      setUsed(true);
+      await setCopied({ referralCode: contextData.referralCode });
+      contextData.refresh();
     }
     if (medium.toLocaleUpperCase() === "FACEBOOK" &&
       environment.type === "SquatchAndroid") {
@@ -496,7 +499,12 @@ function useShareButton(props) {
       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);
     }
   }
-  return { ...props, loading: res.loading, onClick, hide };
+  return {
+    ...props,
+    loading: res.loading && !(overrideData === null || overrideData === void 0 ? void 0 : overrideData.messageLink),
+    onClick,
+    hide,
+  };
 }
 
 const debug = browser("sq:useBigStat");

package/dist/esm/{copy-text-view-2ba105b6.js → copy-text-view-e66261c5.js}

@@ -1,27 +1,25 @@
-import { h } from './index-17b4da69.js';
-import { f as useEffect } from './stencil-hooks.module-ac12ca1c.js';
-import { d as dist, Q, k as kn, C as Cn, B } from './index.module-f122af7b.js';
+import { h } from './index-014ddfa3.js';
+import { f as useEffect } from './stencil-hooks.module-576d7f01.js';
+import { d as dist, Q, H, z as ze, k as kn, C as Cn, B } from './index.module-5eb0926c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { H as HostBlock } from './mixins-f60a614c.js';
 
 const GET_REFERRAL_CODES = dist.gql `
   query getCodes(
+    $engagementMedium: UserEngagementMedium!
     $limit: Int!
     $offset: Int!
-    $engagementMedium: UserEngagementMedium!
+    $filter: ReferralCodeFilterInput
   ) {
     viewer {
       ... on User {
-        referralCodeList(
-          limit: $limit
-          offset: $offset
-          filter: { fuelTank_eq: true }
-        ) {
+        referralCodeList(limit: $limit, offset: $offset, filter: $filter) {
           data {
             code
             dateUsed
             dateCopied
-            shareLinkCodes(limit: $limit, offset: $offset) {
+            singleUse
+            shareLinkCodes(limit: $limit) {
               data {
                 linkCode
                 shareLink: shortUrl(
@@ -52,21 +50,32 @@ const GET_REFERRAL_CODES = dist.gql `
 `;
 const REFERRAL_CODES_NAMESPACE = "sq:referral-codes";
 const REFERRAL_CODES_PAGINATION_CONTEXT = "sq:referral-codes-pagination";
-const SET_CODE_USED = dist.gql `
-mutation test {}
+const SET_CODE_COPIED = dist.gql `
+  mutation markReferralCodeCopied($referralCode: String!) {
+    markReferralCodeCopied(referralCode: $referralCode) {
+      referralCode {
+        dateCopied
+      }
+    }
+  }
 `;
 function useReferralCodes(props) {
   const user = Q();
   const engagementMedium = B();
-  console.log({ props });
-  const { envelope: referralData, states, callbacks, } = kn(GET_REFERRAL_CODES, (data) => {
-    var _a;
-    console.log({ queryData: data });
-    return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.referralCodeList;
-  }, {
+  const programId = props.programId || H();
+  const { refresh } = ze();
+  const { envelope: referralData, states, callbacks, } = kn(GET_REFERRAL_CODES, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.referralCodeList; }, {
     limit: 1,
     offset: 0,
-  }, { engagementMedium }, !(user === null || user === void 0 ? void 0 : user.jwt));
+  }, {
+    engagementMedium,
+    programId,
+    filter: {
+      fuelTank_eq: true,
+      programId_eq: programId,
+      dateUsed_exists: false,
+    },
+  }, !(user === null || user === void 0 ? void 0 : user.jwt));
   const [paginationContext, setPaginationContext] = Cn({
     namespace: REFERRAL_CODES_PAGINATION_CONTEXT,
     initialValue: { states, callbacks },
@@ -74,51 +83,53 @@ function useReferralCodes(props) {
   const [referralCodesContext, setReferralCodesContext] = Cn({
     namespace: REFERRAL_CODES_NAMESPACE,
     initialValue: {
+      refresh,
       loading: true,
       referralCode: "",
       shareLink: "",
+      isCopied: false,
+      isUsed: false,
+      singleUse: false,
       email: {
         messageLink: "",
       },
-      fbMessenger: {
+      fbmessenger: {
         messageLink: "",
         shareLink: "",
       },
-      whatsApp: { messageLink: "" },
+      whatsapp: { messageLink: "" },
     },
   });
   useEffect(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
     if ((_a = referralData === null || referralData === void 0 ? void 0 : referralData.data) === null || _a === void 0 ? void 0 : _a.length) {
       const data = referralData.data[0];
       setReferralCodesContext({
+        refresh,
         referralCode: data.code,
-        shareLink: (_c = (_b = data.shareLinkCodes) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.shortUrl,
+        isCopied: !!data.dateCopied,
+        isUsed: !!data.dateUsed,
+        singleUse: !!data.singleUse,
+        shareLink: (_d = (_c = (_b = data.shareLinkCodes) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.direct,
         email: {
-          messageLink: (_e = (_d = data.shareLinkCodes) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.shortUrl,
+          messageLink: (_g = (_f = (_e = data.shareLinkCodes) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.email,
         },
-        fbMessenger: {
-          messageLink: (_g = (_f = data.shareLinkCodes) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.shortUrl,
-          shareLink: (_j = (_h = data.shareLinkCodes) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.shortUrl,
+        fbmessenger: {
+          messageLink: (_k = (_j = (_h = data.shareLinkCodes) === null || _h === void 0 ? void 0 : _h.data) === null || _j === void 0 ? void 0 : _j[0]) === null || _k === void 0 ? void 0 : _k.fbMessenger,
+          shareLink: (_o = (_m = (_l = data.shareLinkCodes) === null || _l === void 0 ? void 0 : _l.data) === null || _m === void 0 ? void 0 : _m[0]) === null || _o === void 0 ? void 0 : _o.fbMessenger,
         },
-        whatsApp: { messageLink: (_l = (_k = data.shareLinkCodes) === null || _k === void 0 ? void 0 : _k[0]) === null || _l === void 0 ? void 0 : _l.shortUrl },
+        whatsapp: { messageLink: (_r = (_q = (_p = data.shareLinkCodes) === null || _p === void 0 ? void 0 : _p.data) === null || _q === void 0 ? void 0 : _q[0]) === null || _r === void 0 ? void 0 : _r.whatsApp },
       });
+      setPaginationContext({ states, callbacks });
     }
   }, [referralData]);
-  useEffect(() => {
-    setPaginationContext({ states, callbacks });
-  }, [states.loading]);
-  console.log({ referralData, states });
   return {
     states: {
       ...states,
-      noCodes: referralData.totalCount === 0,
+      noCodes: (referralData === null || referralData === void 0 ? void 0 : referralData.totalCount) === 0,
     },
     data: referralCodesContext,
-    callbacks: {
-    // onPrev: () => callbacks.setCurrentPage(states.currentPage - 1),
-    // onNext: () => callbacks.setCurrentPage(states.currentPage + 1),
-    },
+    callbacks: {},
   };
 }
 
@@ -183,7 +194,6 @@ const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 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;
@@ -207,7 +217,9 @@ function CopyTextView(props) {
         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))));
+    props.isCopied &&
+      props.showNotificationText &&
+      props.notificationText && (h("p", { part: "sqm-notification-text", class: sheet.classes.notificationTextStyle }, props.notificationText))));
 }
 
-export { CopyTextView as C, REFERRAL_CODES_PAGINATION_CONTEXT as R, SET_CODE_USED as S, REFERRAL_CODES_NAMESPACE as a, useReferralCodes as u };
+export { CopyTextView as C, REFERRAL_CODES_PAGINATION_CONTEXT as R, SET_CODE_COPIED as S, REFERRAL_CODES_NAMESPACE as a, useReferralCodes as u };

package/dist/esm/{email-registration-view-12793040.js → email-registration-view-5ecee6f8.js}

@@ -1,4 +1,4 @@
-import { h } from './index-17b4da69.js';
+import { h } from './index-014ddfa3.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { A as AuthWrapper, g as gap, a as AuthColumn, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f60a614c.js';
 

package/dist/esm/{global-b89b6edc.js → global-701bd5b0.js}

@@ -1,5 +1,5 @@
-import { g as getAugmentedNamespace, c as createCommonjsModule, a as commonjsGlobal, b as browser, l as l$1 } from './stencil-hooks.module-ac12ca1c.js';
-import { s as src, m as memoize, U } from './index.module-f122af7b.js';
+import { g as getAugmentedNamespace, c as createCommonjsModule, a as commonjsGlobal, b as browser, l as l$1 } from './stencil-hooks.module-576d7f01.js';
+import { s as src, m as memoize, U } from './index.module-5eb0926c.js';
 
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {

package/dist/esm/{index-17b4da69.js → index-014ddfa3.js}

@@ -1610,6 +1610,7 @@ const getAssetPath = (path) => {
     const assetUrl = new URL(path, plt.$resourcesUrl$);
     return assetUrl.origin !== win.location.origin ? assetUrl.href : assetUrl.pathname;
 };
+const Fragment = (_, children) => children;
 const hostRefs = new WeakMap();
 const getHostRef = (ref) => hostRefs.get(ref);
 const registerInstance = (lazyInstance, hostRef) => hostRefs.set((hostRef.$lazyInstance$ = lazyInstance), hostRef);
@@ -1696,4 +1697,4 @@ const flush = () => {
 const nextTick = /*@__PURE__*/ (cb) => promiseResolve().then(cb);
 const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
-export { H, getRenderingRef as a, bootstrapLazy as b, Host as c, getAssetPath as d, forceUpdate as f, getElement as g, h, promiseResolve as p, registerInstance as r };
+export { Fragment as F, H, getRenderingRef as a, bootstrapLazy as b, Host as c, getAssetPath as d, forceUpdate as f, getElement as g, h, promiseResolve as p, registerInstance as r };