@saasquatch/mint-components 1.11.1-2 → 1.11.1-20

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

@@ -1,37 +1,76 @@
-import { usePaginatedQuery, useParentState, useUserIdentity, } from "@saasquatch/component-boilerplate";
-import { gql } from "graphql-request";
+import { useEngagementMedium, usePaginatedQuery, useParentState, useRefreshDispatcher, useUserIdentity, } from "@saasquatch/component-boilerplate";
 import { useEffect } from "@saasquatch/universal-hooks";
+import { gql } from "graphql-request";
 const GET_REFERRAL_CODES = gql `
-  query getCodes(limit:Int!, $offset: Int!) {
-    referralCodeList(limit: $limit, offset: $offset) {
-      data {
-        code
-        dateUsed
-        dateCopied
-        shareLinkCodes(limit: $limit, offset: $offset) {
+  query getCodes(
+    $limit: Int!
+    $offset: Int!
+    $engagementMedium: UserEngagementMedium!
+  ) {
+    viewer {
+      ... on User {
+        referralCodeList(
+          limit: $limit
+          offset: $offset
+          filter: { fuelTank_eq: true }
+        ) {
           data {
-            linkCode
-            shortUrl
+            code
+            dateUsed
+            dateCopied
+            shareLinkCodes(limit: $limit, offset: $offset) {
+              data {
+                linkCode
+                shareLink: shortUrl(
+                  shareMedium: DIRECT
+                  engagementMedium: EMBED
+                )
+                email: shortUrl(
+                  shareMedium: EMAIL
+                  engagementMedium: $engagementMedium
+                )
+                whatsApp: shortUrl(
+                  shareMedium: WHATSAPP
+                  engagementMedium: $engagementMedium
+                )
+                fbMessenger: shortUrl(
+                  shareMedium: FBMESSENGER
+                  engagementMedium: $engagementMedium
+                )
+              }
+            }
           }
+          count
+          totalCount
         }
       }
-      count
-      totalCount
     }
   }
 `;
 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; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.referralCodes; }, {
+  const { refresh } = useRefreshDispatcher();
+  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;
+  }, {
     limit: 1,
     offset: 0,
-  }, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
+  }, { engagementMedium }, !(user === null || user === void 0 ? void 0 : user.jwt));
   const [paginationContext, setPaginationContext] = useParentState({
     namespace: REFERRAL_CODES_PAGINATION_CONTEXT,
     initialValue: { states, callbacks },
@@ -39,9 +78,12 @@ export function useReferralCodes(props) {
   const [referralCodesContext, setReferralCodesContext] = useParentState({
     namespace: REFERRAL_CODES_NAMESPACE,
     initialValue: {
+      refresh,
       loading: true,
       referralCode: "",
       shareLink: "",
+      isCopied: false,
+      isUsed: false,
       email: {
         messageLink: "",
       },
@@ -53,40 +95,34 @@ export function useReferralCodes(props) {
     },
   });
   useEffect(() => {
-    if (referralData === null || referralData === void 0 ? void 0 : referralData.data)
+    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({
-        referralCode: "EXAMPLECODE",
-        shareLink: "https://example.com",
+        refresh,
+        referralCode: data.code,
+        isCopied: !!data.dateCopied,
+        isUsed: !!data.dateUsed,
+        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: "https://example.com",
+          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: "https://example.com",
-          shareLink: "https://example.com",
+          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: "https://example.com" },
+        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]);
   console.log({ referralData, states });
   return {
     states: {
       ...states,
+      noCodes: (referralData === null || referralData === void 0 ? void 0 : referralData.totalCount) === 0,
     },
-    data: {
-      referralCode: "EXAMPLECODE",
-      shareLink: "https://example.com",
-      email: {
-        messageLink: "https://example.com",
-      },
-      fbMessenger: {
-        messageLink: "https://example.com",
-        shareLink: "https://example.com",
-      },
-      whatsApp: { messageLink: "https://example.com" },
-    },
+    data: referralCodesContext,
     callbacks: {
     // onPrev: () => callbacks.setCurrentPage(states.currentPage - 1),
     // onNext: () => callbacks.setCurrentPage(states.currentPage + 1),

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,8 +58,9 @@ 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(),
   };
@@ -67,16 +68,17 @@ export function useShareButton(props) {
   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 [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: overrideData.referralCode });
+      overrideData.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: {
@@ -86,5 +86,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/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-ae2dfaaa.js → ShadowViewAddon-86b9b1f8.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 { 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-a5f832c5.js';
+import { a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED, C as CopyTextView } from './copy-text-view-6f392f49.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';
-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,8 +466,9 @@ 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(),
   };
@@ -474,16 +476,17 @@ function useShareButton(props) {
   const overrideData = data === null || data === void 0 ? void 0 : data[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: overrideData.referralCode });
+      overrideData.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-a5f832c5.js → copy-text-view-6f392f49.js}

@@ -1,40 +1,79 @@
-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 } 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, 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(limit:Int!, $offset: Int!) {
-    referralCodeList(limit: $limit, offset: $offset) {
-      data {
-        code
-        dateUsed
-        dateCopied
-        shareLinkCodes(limit: $limit, offset: $offset) {
+  query getCodes(
+    $limit: Int!
+    $offset: Int!
+    $engagementMedium: UserEngagementMedium!
+  ) {
+    viewer {
+      ... on User {
+        referralCodeList(
+          limit: $limit
+          offset: $offset
+          filter: { fuelTank_eq: true }
+        ) {
           data {
-            linkCode
-            shortUrl
+            code
+            dateUsed
+            dateCopied
+            shareLinkCodes(limit: $limit, offset: $offset) {
+              data {
+                linkCode
+                shareLink: shortUrl(
+                  shareMedium: DIRECT
+                  engagementMedium: EMBED
+                )
+                email: shortUrl(
+                  shareMedium: EMAIL
+                  engagementMedium: $engagementMedium
+                )
+                whatsApp: shortUrl(
+                  shareMedium: WHATSAPP
+                  engagementMedium: $engagementMedium
+                )
+                fbMessenger: shortUrl(
+                  shareMedium: FBMESSENGER
+                  engagementMedium: $engagementMedium
+                )
+              }
+            }
           }
+          count
+          totalCount
         }
       }
-      count
-      totalCount
     }
   }
 `;
 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; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.referralCodes; }, {
+  const { refresh } = ze();
+  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;
+  }, {
     limit: 1,
     offset: 0,
-  }, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
+  }, { engagementMedium }, !(user === null || user === void 0 ? void 0 : user.jwt));
   const [paginationContext, setPaginationContext] = Cn({
     namespace: REFERRAL_CODES_PAGINATION_CONTEXT,
     initialValue: { states, callbacks },
@@ -42,9 +81,12 @@ function useReferralCodes(props) {
   const [referralCodesContext, setReferralCodesContext] = Cn({
     namespace: REFERRAL_CODES_NAMESPACE,
     initialValue: {
+      refresh,
       loading: true,
       referralCode: "",
       shareLink: "",
+      isCopied: false,
+      isUsed: false,
       email: {
         messageLink: "",
       },
@@ -56,40 +98,34 @@ function useReferralCodes(props) {
     },
   });
   useEffect(() => {
-    if (referralData === null || referralData === void 0 ? void 0 : referralData.data)
+    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({
-        referralCode: "EXAMPLECODE",
-        shareLink: "https://example.com",
+        refresh,
+        referralCode: data.code,
+        isCopied: !!data.dateCopied,
+        isUsed: !!data.dateUsed,
+        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: "https://example.com",
+          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: "https://example.com",
-          shareLink: "https://example.com",
+          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: "https://example.com" },
+        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]);
   console.log({ referralData, states });
   return {
     states: {
       ...states,
+      noCodes: (referralData === null || referralData === void 0 ? void 0 : referralData.totalCount) === 0,
     },
-    data: {
-      referralCode: "EXAMPLECODE",
-      shareLink: "https://example.com",
-      email: {
-        messageLink: "https://example.com",
-      },
-      fbMessenger: {
-        messageLink: "https://example.com",
-        shareLink: "https://example.com",
-      },
-      whatsApp: { messageLink: "https://example.com" },
-    },
+    data: referralCodesContext,
     callbacks: {
     // onPrev: () => callbacks.setCurrentPage(states.currentPage - 1),
     // onNext: () => callbacks.setCurrentPage(states.currentPage + 1),
@@ -182,7 +218,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 };