@saasquatch/mint-components 1.6.4 → 1.6.5-1

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

@@ -1,6 +1,6 @@
-import { useEngagementMedium, useUserIdentity, useQuery, } from "@saasquatch/component-boilerplate";
-import { gql } from "graphql-request";
-import { useProgramId, getEnvironmentSDK, } from "@saasquatch/component-boilerplate";
+import { useEngagementMedium, useUserIdentity, useQuery, } from "@saasquatch/component-boilerplate";
+import { gql } from "graphql-request";
+import { useProgramId, getEnvironmentSDK, } from "@saasquatch/component-boilerplate";
 const MessageLinkQuery = gql `
   query (
     $programId: ID
@@ -18,72 +18,72 @@ const MessageLinkQuery = gql `
       }
     }
   }
-`;
-function NativeShare(props, directLink) {
-  const title = props.sharetitle || "Share title";
-  const text = props.sharetext || "Share text";
-  if (directLink === "undefined") {
-    return alert("error: message link undefined!");
-  }
-  if (window.navigator.share) {
-    window.navigator
-      .share({
-      title,
-      text,
-      url: directLink,
-    })
-      .catch((error) => console.error("Error on web share", error));
-  }
-  else {
-    alert("Not on a supported device");
-  }
-}
-function FacebookShare(directLink, res) {
-  var _a, _b;
-  if (((_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.messageLink) === "undefined" ||
-    directLink === "undefined") {
-    return alert("error: message link undefined!");
-  }
-  if (typeof SquatchAndroid.shareOnFacebook !== "undefined") {
-    return SquatchAndroid.shareOnFacebook(directLink, res.data.viewer.messageLink);
-  }
-  else {
-    return GenericShare(res);
-  }
-}
-function GenericShare(res) {
-  var _a, _b;
-  return ((_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.messageLink) ? window.open(res.data.viewer.messageLink)
-    : alert("error: message link undefined!");
-}
-export function useShareButton(props) {
-  var _a, _b;
-  const { sharetitle, sharetext, medium } = props;
-  const programId = props.programId ? props.programId : useProgramId();
-  const user = useUserIdentity();
-  const variables = {
-    engagementMedium: useEngagementMedium(),
-    programId: programId,
-    shareMedium: medium.toUpperCase(),
-  };
-  // only queries if a programId is available
-  const res = useQuery(MessageLinkQuery, variables, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
-  const directLink = (_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.shareLink;
-  const environment = getEnvironmentSDK();
-  const hide = (medium.toLocaleUpperCase() === "SMS" &&
-    window.orientation === undefined) ||
-    (medium.toLocaleUpperCase() === "DIRECT" && !window.navigator.share);
-  function onClick() {
-    if (medium.toLocaleUpperCase() === "FACEBOOK" &&
-      environment.type === "SquatchAndroid") {
-      FacebookShare(directLink, res);
-    }
-    else if (medium.toLocaleUpperCase() === "DIRECT") {
-      NativeShare({ sharetitle, sharetext }, directLink);
-    }
-    else {
-      GenericShare(res);
-    }
-  }
-  return { ...props, loading: res.loading, onClick, hide };
-}
+`;
+function NativeShare(props, directLink) {
+  const title = props.sharetitle || "Share title";
+  const text = props.sharetext || "Share text";
+  if (directLink === "undefined") {
+    return alert("error: message link undefined!");
+  }
+  if (window.navigator.share) {
+    window.navigator
+      .share({
+      title,
+      text,
+      url: directLink,
+    })
+      .catch((error) => console.error("Error on web share", error));
+  }
+  else {
+    alert("Not on a supported device");
+  }
+}
+function FacebookShare(directLink, res) {
+  var _a, _b;
+  if (((_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.messageLink) === "undefined" ||
+    directLink === "undefined") {
+    return alert("error: message link undefined!");
+  }
+  if (typeof SquatchAndroid.shareOnFacebook !== "undefined") {
+    return SquatchAndroid.shareOnFacebook(directLink, res.data.viewer.messageLink);
+  }
+  else {
+    return GenericShare(res);
+  }
+}
+function GenericShare(res) {
+  var _a, _b;
+  return ((_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.messageLink) ? window.open(res.data.viewer.messageLink)
+    : alert("error: message link undefined!");
+}
+export function useShareButton(props) {
+  var _a, _b;
+  const { sharetitle, sharetext, medium } = props;
+  const programId = props.programId ? props.programId : useProgramId();
+  const user = useUserIdentity();
+  const variables = {
+    engagementMedium: useEngagementMedium(),
+    programId: programId,
+    shareMedium: medium.toUpperCase(),
+  };
+  // only queries if a programId is available
+  const res = useQuery(MessageLinkQuery, variables, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
+  const directLink = (_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.shareLink;
+  const environment = getEnvironmentSDK();
+  const hide = (medium.toLocaleUpperCase() === "SMS" &&
+    window.orientation === undefined) ||
+    (medium.toLocaleUpperCase() === "DIRECT" && !window.navigator.share);
+  function onClick() {
+    if (medium.toLocaleUpperCase() === "FACEBOOK" &&
+      environment.type === "SquatchAndroid") {
+      FacebookShare(directLink, res);
+    }
+    else if (medium.toLocaleUpperCase() === "DIRECT") {
+      NativeShare({ sharetitle, sharetext }, directLink);
+    }
+    else {
+      GenericShare(res);
+    }
+  }
+  return { ...props, loading: res.loading, onClick, hide };
+}

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

@@ -1,17 +1,17 @@
-import { h } from "@stencil/core";
-import scenario from "./ShareCode.feature";
-export default {
-  title: "Components/Share Code",
-  parameters: {
-    scenario,
-  },
-};
-export const ShareCode = () => {
-  return h("sqm-share-code", { tooltiptext: "Copied to Clipboard" });
-};
-export const CustomTooltipText = () => {
-  return h("sqm-share-code", { tooltiptext: "CUSTOM TOOLTIP TEXT" });
-};
-export const CustomTooltipDuration = () => {
-  return h("sqm-share-code", { tooltiplifespan: 5000, tooltiptext: "CUSTOM TOOLTIP TEXT" });
-};
+import { h } from "@stencil/core";
+import scenario from "./ShareCode.feature";
+export default {
+  title: "Components/Share Code",
+  parameters: {
+    scenario,
+  },
+};
+export const ShareCode = () => {
+  return h("sqm-share-code", { tooltiptext: "Copied to Clipboard" });
+};
+export const CustomTooltipText = () => {
+  return h("sqm-share-code", { tooltiptext: "CUSTOM TOOLTIP TEXT" });
+};
+export const CustomTooltipDuration = () => {
+  return h("sqm-share-code", { tooltiplifespan: 5000, tooltiptext: "CUSTOM TOOLTIP TEXT" });
+};

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

@@ -1,152 +1,152 @@
-import { useState, withHooks } from "@saasquatch/stencil-hooks";
-import { Component, Prop, h } from "@stencil/core";
-import { isDemo } from "@saasquatch/component-boilerplate";
-import { ShareLinkView, } from "../sqm-share-link/sqm-share-link-view";
-import { getProps } from "../../utils/utils";
-import { useShareCode } from "./useShareCode";
-import deepmerge from "deepmerge";
-/**
- * @uiName Share Code
- * @exampleGroup Sharing
- * @example Share Code - <sqm-share-code tooltip-text="Copied to Clipboard" tooltip-lifespan="1000"></sqm-share-code>
- */
-export class ShareCode {
-  constructor() {
-    /**
-     * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
-     *
-     * @uiName Tooltip Text
-     */
-    this.tooltiptext = "Copied to Clipboard";
-    /**
-     * The number of milliseconds that the tooltip appears for
-     *
-     * @uiName Tooltip lifespan
-     */
-    this.tooltiplifespan = 1000;
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const thisProps = getProps(this);
-    const props = isDemo()
-      ? useDemoShareCode(thisProps)
-      : useShareCode(thisProps);
-    return h(ShareLinkView, Object.assign({}, props));
-  }
-  static get is() { return "sqm-share-code"; }
-  static get encapsulation() { return "shadow"; }
-  static get properties() { return {
-    "programId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Program ID",
-            "name": "uiName"
-          }, {
-            "text": "programSelector",
-            "name": "uiWidget"
-          }],
-        "text": "The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded."
-      },
-      "attribute": "program-id",
-      "reflect": false
-    },
-    "tooltiptext": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Tooltip Text",
-            "name": "uiName"
-          }],
-        "text": "Shown inside a tooltip after someone has successfully copied the link to their clipboard."
-      },
-      "attribute": "tooltip-text",
-      "reflect": false,
-      "defaultValue": "\"Copied to Clipboard\""
-    },
-    "tooltiplifespan": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Tooltip lifespan",
-            "name": "uiName"
-          }],
-        "text": "The number of milliseconds that the tooltip appears for"
-      },
-      "attribute": "tooltip-lifespan",
-      "reflect": false,
-      "defaultValue": "1000"
-    },
-    "demoData": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "DemoData<ShareLinkViewProps>",
-        "resolved": "{ disabled?: boolean; onClick?: () => void; shareString?: string; open?: boolean; tooltiptext?: string; }",
-        "references": {
-          "DemoData": {
-            "location": "import",
-            "path": "../../global/demo"
-          },
-          "ShareLinkViewProps": {
-            "location": "import",
-            "path": "../sqm-share-link/sqm-share-link-view"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "undocumented"
-          }, {
-            "text": "object",
-            "name": "uiType"
-          }],
-        "text": ""
-      }
-    }
-  }; }
-}
-function useDemoShareCode(props) {
-  const [open, setOpen] = useState(false);
-  const shareString = "SHARECODE001";
-  return deepmerge({
-    shareString,
-    tooltiptext: props.tooltiptext,
-    open,
-    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);
-      setOpen(true);
-      setTimeout(() => setOpen(false), props.tooltiplifespan);
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
+import { useState, withHooks } from "@saasquatch/stencil-hooks";
+import { Component, Prop, h } from "@stencil/core";
+import { isDemo } from "@saasquatch/component-boilerplate";
+import { ShareLinkView, } from "../sqm-share-link/sqm-share-link-view";
+import { getProps } from "../../utils/utils";
+import { useShareCode } from "./useShareCode";
+import deepmerge from "deepmerge";
+/**
+ * @uiName Share Code
+ * @exampleGroup Sharing
+ * @example Share Code - <sqm-share-code tooltip-text="Copied to Clipboard" tooltip-lifespan="1000"></sqm-share-code>
+ */
+export class ShareCode {
+  constructor() {
+    /**
+     * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
+     *
+     * @uiName Tooltip Text
+     */
+    this.tooltiptext = "Copied to Clipboard";
+    /**
+     * The number of milliseconds that the tooltip appears for
+     *
+     * @uiName Tooltip lifespan
+     */
+    this.tooltiplifespan = 1000;
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const thisProps = getProps(this);
+    const props = isDemo()
+      ? useDemoShareCode(thisProps)
+      : useShareCode(thisProps);
+    return h(ShareLinkView, Object.assign({}, props));
+  }
+  static get is() { return "sqm-share-code"; }
+  static get encapsulation() { return "shadow"; }
+  static get properties() { return {
+    "programId": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Program ID",
+            "name": "uiName"
+          }, {
+            "text": "programSelector",
+            "name": "uiWidget"
+          }],
+        "text": "The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded."
+      },
+      "attribute": "program-id",
+      "reflect": false
+    },
+    "tooltiptext": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Tooltip Text",
+            "name": "uiName"
+          }],
+        "text": "Shown inside a tooltip after someone has successfully copied the link to their clipboard."
+      },
+      "attribute": "tooltip-text",
+      "reflect": false,
+      "defaultValue": "\"Copied to Clipboard\""
+    },
+    "tooltiplifespan": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Tooltip lifespan",
+            "name": "uiName"
+          }],
+        "text": "The number of milliseconds that the tooltip appears for"
+      },
+      "attribute": "tooltip-lifespan",
+      "reflect": false,
+      "defaultValue": "1000"
+    },
+    "demoData": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "DemoData<ShareLinkViewProps>",
+        "resolved": "{ disabled?: boolean; onClick?: () => void; shareString?: string; open?: boolean; tooltiptext?: string; }",
+        "references": {
+          "DemoData": {
+            "location": "import",
+            "path": "../../global/demo"
+          },
+          "ShareLinkViewProps": {
+            "location": "import",
+            "path": "../sqm-share-link/sqm-share-link-view"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": undefined,
+            "name": "undocumented"
+          }, {
+            "text": "object",
+            "name": "uiType"
+          }],
+        "text": ""
+      }
+    }
+  }; }
+}
+function useDemoShareCode(props) {
+  const [open, setOpen] = useState(false);
+  const shareString = "SHARECODE001";
+  return deepmerge({
+    shareString,
+    tooltiptext: props.tooltiptext,
+    open,
+    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);
+      setOpen(true);
+      setTimeout(() => setOpen(false), props.tooltiplifespan);
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}

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

@@ -1,6 +1,6 @@
-import { useEngagementMedium, useMutation, useProgramId, useQuery, useUserIdentity, } from "@saasquatch/component-boilerplate";
-import { useState } from "@saasquatch/universal-hooks";
-import { gql } from "graphql-request";
+import { useEngagementMedium, useMutation, useProgramId, useQuery, useUserIdentity, } from "@saasquatch/component-boilerplate";
+import { useState } from "@saasquatch/universal-hooks";
+import { gql } from "graphql-request";
 const MessageLinkQuery = gql `
   query ($programId: ID) {
     user: viewer {
@@ -9,41 +9,41 @@ const MessageLinkQuery = gql `
       }
     }
   }
-`;
+`;
 const WIDGET_ENGAGEMENT_EVENT = gql `
   mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
     createUserAnalyticsEvent(eventMeta: $eventMeta)
   }
-`;
-export function useShareCode(props) {
-  var _a, _b;
-  const { programId = useProgramId() } = props;
-  const user = useUserIdentity();
-  const engagementMedium = useEngagementMedium();
-  const { data } = useQuery(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const [sendLoadEvent] = useMutation(WIDGET_ENGAGEMENT_EVENT);
-  const shareString = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.referralCode) !== null && _b !== void 0 ? _b : 
-  // Shown during loading
-  "...";
-  const [open, setOpen] = useState(false);
-  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);
-    setOpen(true);
-    setTimeout(() => setOpen(false), props.tooltiplifespan);
-    sendLoadEvent({
-      eventMeta: {
-        programId,
-        id: user === null || user === void 0 ? void 0 : user.id,
-        accountId: user === null || user === void 0 ? void 0 : user.accountId,
-        type: "USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",
-        meta: {
-          engagementMedium,
-          shareMedium: "DIRECT",
-        },
-      },
-    });
-  }
-  return { ...props, onClick, open, shareString };
-}
+`;
+export function useShareCode(props) {
+  var _a, _b;
+  const { programId = useProgramId() } = props;
+  const user = useUserIdentity();
+  const engagementMedium = useEngagementMedium();
+  const { data } = useQuery(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const [sendLoadEvent] = useMutation(WIDGET_ENGAGEMENT_EVENT);
+  const shareString = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.referralCode) !== null && _b !== void 0 ? _b : 
+  // Shown during loading
+  "...";
+  const [open, setOpen] = useState(false);
+  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);
+    setOpen(true);
+    setTimeout(() => setOpen(false), props.tooltiplifespan);
+    sendLoadEvent({
+      eventMeta: {
+        programId,
+        id: user === null || user === void 0 ? void 0 : user.id,
+        accountId: user === null || user === void 0 ? void 0 : user.accountId,
+        type: "USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",
+        meta: {
+          engagementMedium,
+          shareMedium: "DIRECT",
+        },
+      },
+    });
+  }
+  return { ...props, onClick, open, shareString };
+}

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

@@ -1,37 +1,37 @@
-import { h } from "@stencil/core";
-import { ShareLinkView } from "./sqm-share-link-view";
-import scenario from "./ShareLink.feature";
-export default {
-  title: "Components/Share Link",
-  parameters: {
-    scenario,
-  },
-};
-export const Default = () => {
-  const props = {
-    shareString: "https://noah.example.com",
-    open: false,
-    tooltiptext: "Copied!",
-  };
-  return h(ShareLinkView, Object.assign({}, props));
-};
-export const Tooltip = () => {
-  const props = {
-    shareString: "https://noah.example.com",
-    tooltiptext: "Some text for the tooltip",
-    open: true,
-  };
-  return h(ShareLinkView, Object.assign({}, props));
-};
-export const Disabled = () => {
-  const props = {
-    shareString: "https://noah.example.com",
-    disabled: true,
-    open: true,
-    tooltiptext: "Copied!",
-  };
-  return h(ShareLinkView, Object.assign({}, props));
-};
-export const FullStack = () => {
-  return h("sqm-share-link", null);
-};
+import { h } from "@stencil/core";
+import { ShareLinkView } from "./sqm-share-link-view";
+import scenario from "./ShareLink.feature";
+export default {
+  title: "Components/Share Link",
+  parameters: {
+    scenario,
+  },
+};
+export const Default = () => {
+  const props = {
+    shareString: "https://noah.example.com",
+    open: false,
+    tooltiptext: "Copied!",
+  };
+  return h(ShareLinkView, Object.assign({}, props));
+};
+export const Tooltip = () => {
+  const props = {
+    shareString: "https://noah.example.com",
+    tooltiptext: "Some text for the tooltip",
+    open: true,
+  };
+  return h(ShareLinkView, Object.assign({}, props));
+};
+export const Disabled = () => {
+  const props = {
+    shareString: "https://noah.example.com",
+    disabled: true,
+    open: true,
+    tooltiptext: "Copied!",
+  };
+  return h(ShareLinkView, Object.assign({}, props));
+};
+export const FullStack = () => {
+  return h("sqm-share-link", null);
+};