@saasquatch/mint-components 1.11.1-3 → 1.11.1-30

package/dist/cjs/{GenericTableView-a3f48e15.js → GenericTableView-bb2fcd95.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-b0129cd6.js');
+const index = require('./index-ff72278c.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-fe9d4112.js');
 

package/dist/cjs/{ShadowViewAddon-1c01c324.js → ShadowViewAddon-1ed28176.js}

@@ -1,20 +1,20 @@
 'use strict';
 
-const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const global = require('./global-02e50f09.js');
-const index_module = require('./index.module-df530553.js');
+const index = require('./index-ff72278c.js');
+const stencilHooks_module = require('./stencil-hooks.module-8f69ed33.js');
+const global = require('./global-e067aa06.js');
+const index_module = require('./index.module-224d7b8d.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
-const copyTextView = require('./copy-text-view-3cfef405.js');
+const copyTextView = require('./copy-text-view-03774c43.js');
 const cjs = require('./cjs-1066ec21.js');
 const mixins = require('./mixins-fe9d4112.js');
-const useChildElements = require('./useChildElements-e0d44916.js');
-const luxon = require('./luxon-05098e19.js');
-const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
+const useChildElements = require('./useChildElements-176ac928.js');
+const luxon = require('./luxon-45228ff5.js');
+const sqmTextSpanView = require('./sqm-text-span-view-38222836.js');
 const index$1 = require('./index-8c6255f5.js');
-const utilities = require('./utilities-cec9dd36.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-990a85a3.js');
+const utilities = require('./utilities-719c980a.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-976bf0f5.js');
 
 const medium = {
   facebook: { color: "#1877f2", text: "#fff", icon: "facebook" },
@@ -381,14 +381,15 @@ function useShareLink(props) {
   const contextData = index_module.In(copyTextView.REFERRAL_CODES_NAMESPACE);
   const { data } = index_module.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] = index_module.$e(WIDGET_ENGAGEMENT_EVENT);
-  const [setUsed, usedRes] = index_module.$e(copyTextView.SET_CODE_USED);
+  const [setCopied, copiedRes] = index_module.$e(copyTextView.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] = stencilHooks_module.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
@@ -467,25 +468,27 @@ function useShareButton(props) {
   const { sharetitle, sharetext, medium } = props;
   const programId = props.programId ? props.programId : index_module.H();
   const user = index_module.Q();
+  const engagementMedium = index_module.B();
   const variables = {
-    engagementMedium: index_module.B(),
+    engagementMedium,
     programId: programId,
     shareMedium: medium.toUpperCase(),
   };
-  const data = index_module.In(copyTextView.REFERRAL_CODES_NAMESPACE);
-  const overrideData = data === null || data === void 0 ? void 0 : data[medium];
+  const contextData = index_module.In(copyTextView.REFERRAL_CODES_NAMESPACE);
+  const overrideData = contextData === null || contextData === void 0 ? void 0 : contextData[medium];
   // only queries if a programId is available
   const res = index_module.yn(MessageLinkQuery$1, variables, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId || overrideData !== undefined);
-  const [setUsed, usedRes] = index_module.$e(copyTextView.SET_CODE_USED);
+  const [setCopied, copiedRes] = index_module.$e(copyTextView.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 = index_module.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") {
@@ -498,7 +501,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 = stencilHooks_module.browser("sq:useBigStat");

package/dist/cjs/{copy-text-view-3cfef405.js → copy-text-view-03774c43.js}

@@ -1,24 +1,48 @@
 'use strict';
 
-const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-df530553.js');
+const index = require('./index-ff72278c.js');
+const stencilHooks_module = require('./stencil-hooks.module-8f69ed33.js');
+const index_module = require('./index.module-224d7b8d.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-fe9d4112.js');
 
 const GET_REFERRAL_CODES = index_module.dist.gql `
-  query getCodes($limit: Int!, $offset: Int!) {
+  query getCodes(
+    $limit: Int!
+    $offset: Int!
+    $engagementMedium: UserEngagementMedium!
+    $programId: ID
+  ) {
     viewer {
       ... on User {
-        referralCodeList(limit: $limit, offset: $offset) {
+        referralCodeList(
+          limit: $limit
+          offset: $offset
+          filter: { fuelTank_eq: true, programId_eq: $programId }
+        ) {
           data {
             code
             dateUsed
             dateCopied
-            shareLinkCodes(limit: $limit, offset: $offset) {
+            shareLinkCodes(limit: $limit) {
               data {
                 linkCode
-                shortUrl
+                shareLink: shortUrl(
+                  shareMedium: DIRECT
+                  engagementMedium: EMBED
+                )
+                email: shortUrl(
+                  shareMedium: EMAIL
+                  engagementMedium: $engagementMedium
+                )
+                whatsApp: shortUrl(
+                  shareMedium: WHATSAPP
+                  engagementMedium: $engagementMedium
+                )
+                fbMessenger: shortUrl(
+                  shareMedium: FBMESSENGER
+                  engagementMedium: $engagementMedium
+                )
               }
             }
           }
@@ -31,16 +55,29 @@ const GET_REFERRAL_CODES = index_module.dist.gql `
 `;
 const REFERRAL_CODES_NAMESPACE = "sq:referral-codes";
 const REFERRAL_CODES_PAGINATION_CONTEXT = "sq:referral-codes-pagination";
-const SET_CODE_USED = index_module.dist.gql `
-mutation test {}
+const SET_CODE_COPIED = index_module.dist.gql `
+  mutation markReferralCodeCopied($referralCode: String!) {
+    markReferralCodeCopied(referralCode: $referralCode) {
+      referralCode {
+        dateCopied
+      }
+    }
+  }
 `;
 function useReferralCodes(props) {
   const user = index_module.Q();
+  const engagementMedium = index_module.B();
+  const programId = props.programId || index_module.H();
   console.log({ props });
-  const { envelope: referralData, states, callbacks, } = index_module.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 } = index_module.ze();
+  const { envelope: referralData, states, callbacks, } = index_module.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, programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
   const [paginationContext, setPaginationContext] = index_module.Cn({
     namespace: REFERRAL_CODES_PAGINATION_CONTEXT,
     initialValue: { states, callbacks },
@@ -48,54 +85,51 @@ function useReferralCodes(props) {
   const [referralCodesContext, setReferralCodesContext] = index_module.Cn({
     namespace: REFERRAL_CODES_NAMESPACE,
     initialValue: {
+      refresh,
       loading: true,
       referralCode: "",
       shareLink: "",
+      isCopied: false,
+      isUsed: false,
       email: {
         messageLink: "",
       },
-      fbMessenger: {
+      fbmessenger: {
         messageLink: "",
         shareLink: "",
       },
-      whatsApp: { messageLink: "" },
+      whatsapp: { messageLink: "" },
     },
   });
   stencilHooks_module.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",
+        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: "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]);
-  stencilHooks_module.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),
@@ -188,11 +222,13 @@ function CopyTextView(props) {
         error && (index.h("p", { slot: "help-text", class: sheet.classes.errorTextStyle }, props.errorText))),
       (buttonStyle === "button-outside" || buttonStyle === "button-below") &&
         copyButton),
-    props.showNotificationText && props.notificationText && (index.h("p", { part: "sqm-notification-text", class: sheet.classes.notificationTextStyle }, props.notificationText))));
+    props.isCopied &&
+      props.showNotificationText &&
+      props.notificationText && (index.h("p", { part: "sqm-notification-text", class: sheet.classes.notificationTextStyle }, props.notificationText))));
 }
 
 exports.CopyTextView = CopyTextView;
 exports.REFERRAL_CODES_NAMESPACE = REFERRAL_CODES_NAMESPACE;
 exports.REFERRAL_CODES_PAGINATION_CONTEXT = REFERRAL_CODES_PAGINATION_CONTEXT;
-exports.SET_CODE_USED = SET_CODE_USED;
+exports.SET_CODE_COPIED = SET_CODE_COPIED;
 exports.useReferralCodes = useReferralCodes;

package/dist/cjs/{email-registration-view-4c5d9379.js → email-registration-view-54cedb43.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-b0129cd6.js');
+const index = require('./index-ff72278c.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-fe9d4112.js');
 

package/dist/cjs/{global-02e50f09.js → global-e067aa06.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-df530553.js');
+const stencilHooks_module = require('./stencil-hooks.module-8f69ed33.js');
+const index_module = require('./index.module-224d7b8d.js');
 
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {

package/dist/cjs/{index-b0129cd6.js → index-ff72278c.js}

@@ -1632,6 +1632,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);
@@ -1718,6 +1719,7 @@ const flush = () => {
 const nextTick = /*@__PURE__*/ (cb) => promiseResolve().then(cb);
 const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
+exports.Fragment = Fragment;
 exports.H = H;
 exports.Host = Host;
 exports.bootstrapLazy = bootstrapLazy;

package/dist/cjs/{index.module-df530553.js → index.module-224d7b8d.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
+const stencilHooks_module = require('./stencil-hooks.module-8f69ed33.js');
 
 const useCallback = (fn, inputs) => stencilHooks_module.useMemo(() => fn, inputs);