@saasquatch/mint-components 1.6.5-10 → 1.6.5-12

package/dist/cjs/{ShadowViewAddon-e4ae9353.js → ShadowViewAddon-52d34e08.js}

@@ -200,7 +200,7 @@ function ShareLinkView(props) {
   return (index.h("div", null,
     index.h("style", { type: "text/css" }, styleString$2),
     index.h("sl-tooltip", { trigger: "manual", content: props.tooltiptext, placement: "top-end", disabled: props.disabled, open: props.open, skidding: -20 },
-      index.h("sl-input", { class: sheet$2.classes.inputStyle, exportparts: "label: input-label", value: props.shareString, readonly: true },
+      index.h("sl-input", { class: sheet$2.classes.inputStyle, exportparts: "label: input-label", value: props.shareString, ref: props.setInput, readonly: true },
         index.h("sl-icon-button", { onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, slot: "suffix", name: "files", disabled: props.disabled })))));
 }
 
@@ -365,10 +365,23 @@ function useShareLink(props) {
   // Shown during loading
   "...";
   const [open, setOpen] = stencilHooks_module.useState(false);
+  const [input, setInput] = stencilHooks_module.useState(undefined);
   function onClick() {
     // 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(shareString);
+    if (navigator === null || navigator === void 0 ? void 0 : navigator.clipboard) {
+      navigator.clipboard.writeText(shareString);
+    }
+    else {
+      input === null || input === void 0 ? void 0 : input.select();
+      input === null || input === void 0 ? void 0 : input.setSelectionRange(0, 99999);
+      try {
+        document.execCommand("copy");
+      }
+      catch (err) {
+        console.log("Error while copying to clipboard: " + err);
+      }
+    }
     setOpen(true);
     setTimeout(() => setOpen(false), props.tooltiplifespan);
     sendLoadEvent({
@@ -384,7 +397,7 @@ function useShareLink(props) {
       },
     });
   }
-  return { ...props, onClick, open, shareString };
+  return { ...props, onClick, open, shareString, setInput };
 }
 
 const MessageLinkQuery$1 = index_module.dist.gql `
@@ -3250,7 +3263,7 @@ function RewardExchangeView(props) {
       })),
       (data === null || data === void 0 ? void 0 : data.fuelTankCode) && (index.h("div", { class: "promo" },
         states.content.text.promoCode,
-        index.h(ShareLinkView, { shareString: data.fuelTankCode, tooltiptext: (_f = states === null || states === void 0 ? void 0 : states.content) === null || _f === void 0 ? void 0 : _f.text.tooltipText, open: states.open, onClick: callbacks.copyFuelTankCode }))),
+        index.h(ShareLinkView, { shareString: data.fuelTankCode, tooltiptext: (_f = states === null || states === void 0 ? void 0 : states.content) === null || _f === void 0 ? void 0 : _f.text.tooltipText, open: states.open, onClick: callbacks.copyFuelTankCode, setInput: callbacks.setInput }))),
       index.h("div", { class: sheet$d.classes.Button },
         index.h("sl-button", { class: "continue center", type: "primary", size: "large", onClick: () => callbacks.resetState(true) }, states.content.text.doneText))));
   }
@@ -3376,6 +3389,7 @@ const baseResponse = (data, stage = "chooseReward", selectedItem = null, selecte
     setStage: null,
     setExchangeState: null,
     copyFuelTankCode: null,
+    setInput: null,
     refs: null,
   },
   refs: null,

package/dist/cjs/sqm-big-stat_35.cjs.entry.js

@@ -18,7 +18,7 @@ const utils = require('./utils-6847bc06.js');
 require('./sqm-text-span-view-c34577fa.js');
 const AsYouType = require('./AsYouType-6788393a.js');
 const useRegistrationFormState = require('./useRegistrationFormState-8f2caf7f.js');
-const ShadowViewAddon = require('./ShadowViewAddon-e4ae9353.js');
+const ShadowViewAddon = require('./ShadowViewAddon-52d34e08.js');
 require('./sqm-portal-container-view-5beae29c.js');
 
 const BigStat = class {
@@ -2776,6 +2776,7 @@ function useRewardExchangeList(props) {
       setExchangeState({ exchangeError: true });
     }
   }, [exchangeResponse, errors]);
+  const [input, setInput] = stencilHooks_module.useState(undefined);
   const canvasRef = stencilHooks_module.useRef();
   stencilHooks_module.useEffect(() => {
     if (!canvasRef.current)
@@ -2863,7 +2864,19 @@ function useRewardExchangeList(props) {
   }
   function copyFuelTankCode() {
     var _a, _b;
-    navigator.clipboard.writeText((_b = (_a = exchangeResponse === null || exchangeResponse === void 0 ? void 0 : exchangeResponse.exchangeReward) === null || _a === void 0 ? void 0 : _a.reward) === null || _b === void 0 ? void 0 : _b.fuelTankCode);
+    if (navigator === null || navigator === void 0 ? void 0 : navigator.clipboard) {
+      navigator.clipboard.writeText((_b = (_a = exchangeResponse === null || exchangeResponse === void 0 ? void 0 : exchangeResponse.exchangeReward) === null || _a === void 0 ? void 0 : _a.reward) === null || _b === void 0 ? void 0 : _b.fuelTankCode);
+    }
+    else {
+      input === null || input === void 0 ? void 0 : input.select();
+      input === null || input === void 0 ? void 0 : input.setSelectionRange(0, 99999);
+      try {
+        document.execCommand("copy");
+      }
+      catch (err) {
+        console.log("Error while copying to clipboard: " + err);
+      }
+    }
     setOpen(true);
     setTimeout(() => setOpen(false), 1000);
   }
@@ -2892,6 +2905,7 @@ function useRewardExchangeList(props) {
       setStage,
       resetState,
       copyFuelTankCode,
+      setInput,
     },
     refs: {
       canvasRef,
@@ -3078,6 +3092,7 @@ function useRewardExchangeListDemo(props) {
       setStage: (_) => { },
       resetState: () => { },
       copyFuelTankCode: () => { },
+      setInput: () => { },
     },
     refs: {
       canvasRef: {},
@@ -3354,10 +3369,23 @@ function useShareCode(props) {
   // Shown during loading
   "...";
   const [open, setOpen] = stencilHooks_module.useState(false);
+  const [input, setInput] = stencilHooks_module.useState(undefined);
   function onClick() {
     // 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(shareString);
+    if (navigator === null || navigator === void 0 ? void 0 : navigator.clipboard) {
+      navigator.clipboard.writeText(shareString);
+    }
+    else {
+      input === null || input === void 0 ? void 0 : input.select();
+      input === null || input === void 0 ? void 0 : input.setSelectionRange(0, 99999);
+      try {
+        document.execCommand("copy");
+      }
+      catch (err) {
+        console.log("Error while copying to clipboard: " + err);
+      }
+    }
     setOpen(true);
     setTimeout(() => setOpen(false), props.tooltiplifespan);
     sendLoadEvent({
@@ -3373,7 +3401,7 @@ function useShareCode(props) {
       },
     });
   }
-  return { ...props, onClick, open, shareString };
+  return { ...props, onClick, open, shareString, setInput };
 }
 
 const ShareCode = class {
@@ -3405,14 +3433,28 @@ const ShareCode = class {
 function useDemoShareCode(props) {
   const [open, setOpen] = stencilHooks_module.useState(false);
   const shareString = "SHARECODE001";
+  const [input, setInput] = stencilHooks_module.useState(undefined);
   return cjs.cjs({
     shareString,
     tooltiptext: props.tooltiptext,
     open,
+    setInput,
     onClick: () => {
       // 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(shareString);
+      if (navigator === null || navigator === void 0 ? void 0 : navigator.clipboard) {
+        navigator.clipboard.writeText(shareString);
+      }
+      else {
+        input === null || input === void 0 ? void 0 : input.select();
+        input === null || input === void 0 ? void 0 : input.setSelectionRange(0, 99999);
+        try {
+          document.execCommand("copy");
+        }
+        catch (err) {
+          console.log("Error while copying to clipboard: " + err);
+        }
+      }
       setOpen(true);
       setTimeout(() => setOpen(false), props.tooltiplifespan);
     },
@@ -3448,14 +3490,28 @@ const ShareLink = class {
 function useDemoShareLink(props) {
   const [open, setOpen] = stencilHooks_module.useState(false);
   const shareString = "https://www.example.com/sharelink/abc";
+  const [input, setInput] = stencilHooks_module.useState(undefined);
   return cjs.cjs({
     shareString,
     tooltiptext: props.tooltiptext,
     open,
+    setInput,
     onClick: () => {
       // 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(shareString);
+      if (navigator === null || navigator === void 0 ? void 0 : navigator.clipboard) {
+        navigator.clipboard.writeText(shareString);
+      }
+      else {
+        input === null || input === void 0 ? void 0 : input.select();
+        input === null || input === void 0 ? void 0 : input.setSelectionRange(0, 99999);
+        try {
+          document.execCommand("copy");
+        }
+        catch (err) {
+          console.log("Error while copying to clipboard: " + err);
+        }
+      }
       setOpen(true);
       setTimeout(() => setOpen(false), props.tooltiplifespan);
     },

package/dist/cjs/sqm-referral-table_11.cjs.entry.js

@@ -14,7 +14,7 @@ const GenericTableView = require('./GenericTableView-9271483b.js');
 const reRender = require('./re-render-172958b1.js');
 const useChildElements = require('./useChildElements-6993ec39.js');
 const luxon = require('./luxon-479fc825.js');
-const useReferralTable = require('./useReferralTable-7abdeee1.js');
+const useReferralTable = require('./useReferralTable-812f7288.js');
 const utils = require('./utils-6847bc06.js');
 const sqmTextSpanView = require('./sqm-text-span-view-c34577fa.js');
 
@@ -224,7 +224,7 @@ function useReferralTableDemo(props, emptyElement, loadingElement) {
     page: 0,
   });
   const tick = reRender.useRerenderListener();
-  const mockData = stencilHooks_module.useMemo(() => { var _a; return ((_a = props.demoData) === null || _a === void 0 ? void 0 : _a.mockData) || mockReferralData(props.perPage); }, [props.perPage]);
+  const mockData = stencilHooks_module.useMemo(() => mockReferralData(props.perPage), [props.perPage]);
   const components = useChildElements.useChildElements();
   async function getComponentData(components) {
     var _a;

package/dist/cjs/sqm-rewards-table_9.cjs.entry.js

@@ -14,7 +14,7 @@ const GenericTableView = require('./GenericTableView-9271483b.js');
 const reRender = require('./re-render-172958b1.js');
 const useChildElements = require('./useChildElements-6993ec39.js');
 const luxon = require('./luxon-479fc825.js');
-const useReferralTable = require('./useReferralTable-7abdeee1.js');
+const useReferralTable = require('./useReferralTable-812f7288.js');
 const utils = require('./utils-6847bc06.js');
 
 const mockRewardData = (count = 4) => {
@@ -136,12 +136,7 @@ const GET_REWARDS = index_module.dist.gql `
           count
           data {
             meta {
-              status
-              integration {
-                name
-              }
               message
-              customMeta
             }
             id
             type
@@ -263,7 +258,7 @@ function useRewardsTable(props, emptyElement, loadingElement) {
     const columnsPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderLabel()));
     // get the column cells (renderCell is asynchronous)
     const cellsPromise = data === null || data === void 0 ? void 0 : data.map(async (r) => {
-      const cellPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderCell(r, locale, index.h)));
+      const cellPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderCell(r, locale)));
       const cells = (await Promise.all(cellPromise));
       return cells;
     });
@@ -400,7 +395,7 @@ function useRewardsTableDemo(props, emptyElement, loadingElement) {
     page: 0,
   });
   const tick = reRender.useRerenderListener();
-  const { data } = stencilHooks_module.useMemo(() => { var _a; return ((_a = props.demoData) === null || _a === void 0 ? void 0 : _a.mockData) || mockRewardData(props.perPage); }, [props.perPage]);
+  const { data } = stencilHooks_module.useMemo(() => mockRewardData(props.perPage), [props.perPage]);
   const components = useChildElements.useChildElements();
   async function getComponentData(components) {
     let componentData = data;
@@ -439,7 +434,6 @@ function useRewardsTableDemo(props, emptyElement, loadingElement) {
       return cells;
     });
     const rows = cellsPromise && (await Promise.all(cellsPromise)).filter((i) => i);
-    // @ts-ignore
     setContent({ rows });
     const columns = columnsPromise && (await Promise.all(columnsPromise));
     // Set the content to render and finish loading components

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

@@ -26,7 +26,7 @@ const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-2
 const sqmPortalProfileView = require('./sqm-portal-profile-view-11b2265b.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-803a56be.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-6741f5bd.js');
-const ShadowViewAddon = require('./ShadowViewAddon-e4ae9353.js');
+const ShadowViewAddon = require('./ShadowViewAddon-52d34e08.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-5beae29c.js');
 
 /**
@@ -1636,6 +1636,7 @@ const Default = () => {
     shareString: "https://noah.example.com",
     open: false,
     tooltiptext: "Copied!",
+    setInput: () => { },
   };
   return index.h(ShadowViewAddon.ShareLinkView, Object.assign({}, props));
 };
@@ -1644,6 +1645,7 @@ const Tooltip = () => {
     shareString: "https://noah.example.com",
     tooltiptext: "Some text for the tooltip",
     open: true,
+    setInput: () => { },
   };
   return index.h(ShadowViewAddon.ShareLinkView, Object.assign({}, props));
 };
@@ -1653,6 +1655,7 @@ const Disabled = () => {
     disabled: true,
     open: true,
     tooltiptext: "Copied!",
+    setInput: () => { },
   };
   return index.h(ShadowViewAddon.ShareLinkView, Object.assign({}, props));
 };
@@ -3598,6 +3601,7 @@ const Dashboard = () => {
     disabled: false,
     tooltiptext: "Share link copied",
     onClick: () => console.log("Share link copied"),
+    setInput: () => { },
   };
   const sharecodeProps = {
     shareString: "JOHNSMITH1",
@@ -3605,6 +3609,7 @@ const Dashboard = () => {
     disabled: false,
     tooltiptext: "Share code copied",
     onClick: () => console.log("Share code copied"),
+    setInput: () => { },
   };
   const twitterButtonProps = {
     medium: "twitter",

package/dist/cjs/{useReferralTable-7abdeee1.js → useReferralTable-812f7288.js}

@@ -47,14 +47,6 @@ const GET_REFERRER_DATA = index_module.dist.gql `
             statuses
             globalRewardKey
             programRewardKey
-            meta {
-              status
-              integration {
-                name
-              }
-              message
-              customMeta
-            }
             rewardRedemptionTransactions {
               data {
                 exchangedRewards {
@@ -255,7 +247,7 @@ function useReferralTable(props, emptyElement, loadingElement) {
     }
     // get the column cells (renderCell is asynchronous)
     const cellsPromise = data === null || data === void 0 ? void 0 : data.map(async (r) => {
-      const cellPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderCell(r, locale, index.h)));
+      const cellPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderCell(r, locale)));
       const cells = (await Promise.all(cellPromise));
       return cells;
     });

package/dist/collection/components/sqm-big-stat/sqm-big-stat.js

@@ -148,7 +148,7 @@ export class BigStat {
       "mutable": false,
       "complexType": {
         "original": "DemoData<BigStatViewProps>",
-        "resolved": "{ value?: number; statvalue?: string; loading?: boolean; flexReverse?: boolean; alignment?: \"left\" | \"right\" | \"center\"; labelSlot?: VNode; }",
+        "resolved": "{ loading?: boolean; value?: number; statvalue?: string; flexReverse?: boolean; alignment?: \"left\" | \"right\" | \"center\"; labelSlot?: VNode; }",
         "references": {
           "DemoData": {
             "location": "import",

package/dist/collection/components/sqm-referral-table/sqm-referral-table.js

@@ -258,8 +258,8 @@ export class ReferralTable {
       "type": "unknown",
       "mutable": false,
       "complexType": {
-        "original": "DemoData<GenericTableViewProps> & {\r\n    mockData?: { data: Referral[] };\r\n  }",
-        "resolved": "Partial<Pick<GenericTableViewProps, \"states\" | \"data\" | \"elements\">> & { mockData?: { data: Referral[]; }; }",
+        "original": "DemoData<GenericTableViewProps>",
+        "resolved": "{ states?: { hasPrev: boolean; hasNext: boolean; show: \"loading\" | \"empty\" | \"rows\"; namespace: string; }; data?: { textOverrides: { showLabels: boolean; prevLabel: string; moreLabel: string; }; hiddenColumns: string; mdBreakpoint: number; smBreakpoint: number; }; elements?: { columns: string[]; rows: VNode[][]; loading?: boolean; emptyElement?: VNode; loadingElement?: VNode; page?: number; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -268,9 +268,6 @@ export class ReferralTable {
           "GenericTableViewProps": {
             "location": "import",
             "path": "../../tables/GenericTableView"
-          },
-          "Referral": {
-            "location": "global"
           }
         }
       },
@@ -316,7 +313,7 @@ function useReferralTableDemo(props, emptyElement, loadingElement) {
     page: 0,
   });
   const tick = useRerenderListener();
-  const mockData = useMemo(() => { var _a; return ((_a = props.demoData) === null || _a === void 0 ? void 0 : _a.mockData) || mockReferralData(props.perPage); }, [props.perPage]);
+  const mockData = useMemo(() => mockReferralData(props.perPage), [props.perPage]);
   const components = useChildElements();
   async function getComponentData(components) {
     var _a;

package/dist/collection/components/sqm-referral-table/useReferralTable.js

@@ -46,14 +46,6 @@ const GET_REFERRER_DATA = gql `
             statuses
             globalRewardKey
             programRewardKey
-            meta {
-              status
-              integration {
-                name
-              }
-              message
-              customMeta
-            }
             rewardRedemptionTransactions {
               data {
                 exchangedRewards {
@@ -254,7 +246,7 @@ export function useReferralTable(props, emptyElement, loadingElement) {
     }
     // get the column cells (renderCell is asynchronous)
     const cellsPromise = data === null || data === void 0 ? void 0 : data.map(async (r) => {
-      const cellPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderCell(r, locale, h)));
+      const cellPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderCell(r, locale)));
       const cells = (await Promise.all(cellPromise));
       return cells;
     });

package/dist/collection/components/sqm-reward-exchange-list/RewardExchangeListData.js

@@ -51,6 +51,7 @@ const baseResponse = (data, stage = "chooseReward", selectedItem = null, selecte
     setStage: null,
     setExchangeState: null,
     copyFuelTankCode: null,
+    setInput: null,
     refs: null,
   },
   refs: null,

package/dist/collection/components/sqm-reward-exchange-list/sqm-reward-exchange-list-view.js

@@ -538,7 +538,7 @@ export function RewardExchangeView(props) {
       })),
       (data === null || data === void 0 ? void 0 : data.fuelTankCode) && (h("div", { class: "promo" },
         states.content.text.promoCode,
-        h(ShareLinkView, { shareString: data.fuelTankCode, tooltiptext: (_f = states === null || states === void 0 ? void 0 : states.content) === null || _f === void 0 ? void 0 : _f.text.tooltipText, open: states.open, onClick: callbacks.copyFuelTankCode }))),
+        h(ShareLinkView, { shareString: data.fuelTankCode, tooltiptext: (_f = states === null || states === void 0 ? void 0 : states.content) === null || _f === void 0 ? void 0 : _f.text.tooltipText, open: states.open, onClick: callbacks.copyFuelTankCode, setInput: callbacks.setInput }))),
       h("div", { class: sheet.classes.Button },
         h("sl-button", { class: "continue center", type: "primary", size: "large", onClick: () => callbacks.resetState(true) }, states.content.text.doneText))));
   }

package/dist/collection/components/sqm-reward-exchange-list/sqm-reward-exchange-list.js

@@ -773,6 +773,7 @@ function useRewardExchangeListDemo(props) {
       setStage: (_) => { },
       resetState: () => { },
       copyFuelTankCode: () => { },
+      setInput: () => { },
     },
     refs: {
       canvasRef: {},

package/dist/collection/components/sqm-reward-exchange-list/useRewardExchangeList.js

@@ -81,6 +81,7 @@ export function useRewardExchangeList(props) {
       setExchangeState({ exchangeError: true });
     }
   }, [exchangeResponse, errors]);
+  const [input, setInput] = useState(undefined);
   const canvasRef = useRef();
   useEffect(() => {
     if (!canvasRef.current)
@@ -168,7 +169,19 @@ export function useRewardExchangeList(props) {
   }
   function copyFuelTankCode() {
     var _a, _b;
-    navigator.clipboard.writeText((_b = (_a = exchangeResponse === null || exchangeResponse === void 0 ? void 0 : exchangeResponse.exchangeReward) === null || _a === void 0 ? void 0 : _a.reward) === null || _b === void 0 ? void 0 : _b.fuelTankCode);
+    if (navigator === null || navigator === void 0 ? void 0 : navigator.clipboard) {
+      navigator.clipboard.writeText((_b = (_a = exchangeResponse === null || exchangeResponse === void 0 ? void 0 : exchangeResponse.exchangeReward) === null || _a === void 0 ? void 0 : _a.reward) === null || _b === void 0 ? void 0 : _b.fuelTankCode);
+    }
+    else {
+      input === null || input === void 0 ? void 0 : input.select();
+      input === null || input === void 0 ? void 0 : input.setSelectionRange(0, 99999);
+      try {
+        document.execCommand("copy");
+      }
+      catch (err) {
+        console.log("Error while copying to clipboard: " + err);
+      }
+    }
     setOpen(true);
     setTimeout(() => setOpen(false), 1000);
   }
@@ -197,6 +210,7 @@ export function useRewardExchangeList(props) {
       setStage,
       resetState,
       copyFuelTankCode,
+      setInput,
     },
     refs: {
       canvasRef,

package/dist/collection/components/sqm-rewards-table/sqm-rewards-table.js

@@ -222,8 +222,8 @@ export class RewardsTable {
       "type": "unknown",
       "mutable": false,
       "complexType": {
-        "original": "DemoData<GenericTableViewProps> & {\r\n    mockData?: { data: Referral[] };\r\n  }",
-        "resolved": "Partial<Pick<GenericTableViewProps, \"states\" | \"data\" | \"elements\">> & { mockData?: { data: Referral[]; }; }",
+        "original": "DemoData<GenericTableViewProps>",
+        "resolved": "{ states?: { hasPrev: boolean; hasNext: boolean; show: \"loading\" | \"empty\" | \"rows\"; namespace: string; }; data?: { textOverrides: { showLabels: boolean; prevLabel: string; moreLabel: string; }; hiddenColumns: string; mdBreakpoint: number; smBreakpoint: number; }; elements?: { columns: string[]; rows: VNode[][]; loading?: boolean; emptyElement?: VNode; loadingElement?: VNode; page?: number; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -232,9 +232,6 @@ export class RewardsTable {
           "GenericTableViewProps": {
             "location": "import",
             "path": "../../tables/GenericTableView"
-          },
-          "Referral": {
-            "location": "global"
           }
         }
       },
@@ -280,7 +277,7 @@ function useRewardsTableDemo(props, emptyElement, loadingElement) {
     page: 0,
   });
   const tick = useRerenderListener();
-  const { data } = useMemo(() => { var _a; return ((_a = props.demoData) === null || _a === void 0 ? void 0 : _a.mockData) || mockRewardData(props.perPage); }, [props.perPage]);
+  const { data } = useMemo(() => mockRewardData(props.perPage), [props.perPage]);
   const components = useChildElements();
   async function getComponentData(components) {
     let componentData = data;
@@ -319,7 +316,6 @@ function useRewardsTableDemo(props, emptyElement, loadingElement) {
       return cells;
     });
     const rows = cellsPromise && (await Promise.all(cellsPromise)).filter((i) => i);
-    // @ts-ignore
     setContent({ rows });
     const columns = columnsPromise && (await Promise.all(columnsPromise));
     // Set the content to render and finish loading components

package/dist/collection/components/sqm-rewards-table/useRewardsTable.js

@@ -28,12 +28,7 @@ const GET_REWARDS = gql `
           count
           data {
             meta {
-              status
-              integration {
-                name
-              }
               message
-              customMeta
             }
             id
             type
@@ -155,7 +150,7 @@ export function useRewardsTable(props, emptyElement, loadingElement) {
     const columnsPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderLabel()));
     // get the column cells (renderCell is asynchronous)
     const cellsPromise = data === null || data === void 0 ? void 0 : data.map(async (r) => {
-      const cellPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderCell(r, locale, h)));
+      const cellPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderCell(r, locale)));
       const cells = (await Promise.all(cellPromise));
       return cells;
     });

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

@@ -107,7 +107,7 @@ export class ShareCode {
       "mutable": false,
       "complexType": {
         "original": "DemoData<ShareLinkViewProps>",
-        "resolved": "{ disabled?: boolean; onClick?: () => void; shareString?: string; open?: boolean; tooltiptext?: string; }",
+        "resolved": "{ disabled?: boolean; onClick?: () => void; shareString?: string; open?: boolean; tooltiptext?: string; setInput?: (el: HTMLInputElement) => void; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -137,14 +137,28 @@ export class ShareCode {
 function useDemoShareCode(props) {
   const [open, setOpen] = useState(false);
   const shareString = "SHARECODE001";
+  const [input, setInput] = useState(undefined);
   return deepmerge({
     shareString,
     tooltiptext: props.tooltiptext,
     open,
+    setInput,
     onClick: () => {
       // 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(shareString);
+      if (navigator === null || navigator === void 0 ? void 0 : navigator.clipboard) {
+        navigator.clipboard.writeText(shareString);
+      }
+      else {
+        input === null || input === void 0 ? void 0 : input.select();
+        input === null || input === void 0 ? void 0 : input.setSelectionRange(0, 99999);
+        try {
+          document.execCommand("copy");
+        }
+        catch (err) {
+          console.log("Error while copying to clipboard: " + err);
+        }
+      }
       setOpen(true);
       setTimeout(() => setOpen(false), props.tooltiplifespan);
     },

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

@@ -26,10 +26,23 @@ export function useShareCode(props) {
   // Shown during loading
   "...";
   const [open, setOpen] = useState(false);
+  const [input, setInput] = useState(undefined);
   function onClick() {
     // 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(shareString);
+    if (navigator === null || navigator === void 0 ? void 0 : navigator.clipboard) {
+      navigator.clipboard.writeText(shareString);
+    }
+    else {
+      input === null || input === void 0 ? void 0 : input.select();
+      input === null || input === void 0 ? void 0 : input.setSelectionRange(0, 99999);
+      try {
+        document.execCommand("copy");
+      }
+      catch (err) {
+        console.log("Error while copying to clipboard: " + err);
+      }
+    }
     setOpen(true);
     setTimeout(() => setOpen(false), props.tooltiplifespan);
     sendLoadEvent({
@@ -45,5 +58,5 @@ export function useShareCode(props) {
       },
     });
   }
-  return { ...props, onClick, open, shareString };
+  return { ...props, onClick, open, shareString, setInput };
 }

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

@@ -12,6 +12,7 @@ export const Default = () => {
     shareString: "https://noah.example.com",
     open: false,
     tooltiptext: "Copied!",
+    setInput: () => { },
   };
   return h(ShareLinkView, Object.assign({}, props));
 };
@@ -20,6 +21,7 @@ export const Tooltip = () => {
     shareString: "https://noah.example.com",
     tooltiptext: "Some text for the tooltip",
     open: true,
+    setInput: () => { },
   };
   return h(ShareLinkView, Object.assign({}, props));
 };
@@ -29,6 +31,7 @@ export const Disabled = () => {
     disabled: true,
     open: true,
     tooltiptext: "Copied!",
+    setInput: () => { },
   };
   return h(ShareLinkView, Object.assign({}, props));
 };

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

@@ -13,6 +13,6 @@ export function ShareLinkView(props) {
   return (h("div", null,
     h("style", { type: "text/css" }, styleString),
     h("sl-tooltip", { trigger: "manual", content: props.tooltiptext, placement: "top-end", disabled: props.disabled, open: props.open, skidding: -20 },
-      h("sl-input", { class: sheet.classes.inputStyle, exportparts: "label: input-label", value: props.shareString, readonly: true },
+      h("sl-input", { class: sheet.classes.inputStyle, exportparts: "label: input-label", value: props.shareString, ref: props.setInput, readonly: true },
         h("sl-icon-button", { onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, slot: "suffix", name: "files", disabled: props.disabled })))));
 }