@saasquatch/mint-components 1.3.3-5 → 1.3.3-6

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

@@ -1,89 +1,89 @@
-import { useEngagementMedium, useUserIdentity, useQuery, } from "@saasquatch/component-boilerplate";
-import gql from "graphql-tag";
-import { useProgramId, getEnvironmentSDK, } from "@saasquatch/component-boilerplate";
-const MessageLinkQuery = gql `
-  query (
-    $programId: ID
-    $engagementMedium: UserEngagementMedium!
-    $shareMedium: ReferralShareMedium!
-  ) {
-    viewer {
-      ... on User {
-        messageLink(
-          programId: $programId
-          engagementMedium: $engagementMedium
-          shareMedium: $shareMedium
-        )
-        shareLink(programId: $programId, engagementMedium: $engagementMedium)
-      }
-    }
-  }
-`;
-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 };
-}
+import { useEngagementMedium, useUserIdentity, useQuery, } from "@saasquatch/component-boilerplate";
+import gql from "graphql-tag";
+import { useProgramId, getEnvironmentSDK, } from "@saasquatch/component-boilerplate";
+const MessageLinkQuery = gql `
+  query (
+    $programId: ID
+    $engagementMedium: UserEngagementMedium!
+    $shareMedium: ReferralShareMedium!
+  ) {
+    viewer {
+      ... on User {
+        messageLink(
+          programId: $programId
+          engagementMedium: $engagementMedium
+          shareMedium: $shareMedium
+        )
+        shareLink(programId: $programId, engagementMedium: $engagementMedium)
+      }
+    }
+  }
+`;
+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/sqm-share-code.js

@@ -1,148 +1,148 @@
-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";
-const DEFAULT_TOOLTIP_LIFESPAN = 1000;
-/**
- * @uiName Share Code
- */
-export class ShareCode {
-  constructor() {
-    /**
-     * This is shown after someone has successfully copied the cpde to the clipboard.
-     *
-     * @uiName Tooltip text
-     */
-    this.tooltiptext = "Copied to Clipboard";
-    /**
-     * The number of milliseconds that the tooltip will appear for
-     *
-     * @uiName Tooltip lifespan
-     */
-    this.tooltiplifespan = DEFAULT_TOOLTIP_LIFESPAN;
-    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": "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": "This is shown after someone has successfully copied the cpde to the 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 will appear for"
-      },
-      "attribute": "tooltip-lifespan",
-      "reflect": false,
-      "defaultValue": "DEFAULT_TOOLTIP_LIFESPAN"
-    },
-    "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 = "https://www.example.com/sharelink/abc";
-  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";
+const DEFAULT_TOOLTIP_LIFESPAN = 1000;
+/**
+ * @uiName Share Code
+ */
+export class ShareCode {
+  constructor() {
+    /**
+     * This is shown after someone has successfully copied the cpde to the clipboard.
+     *
+     * @uiName Tooltip text
+     */
+    this.tooltiptext = "Copied to Clipboard";
+    /**
+     * The number of milliseconds that the tooltip will appear for
+     *
+     * @uiName Tooltip lifespan
+     */
+    this.tooltiplifespan = DEFAULT_TOOLTIP_LIFESPAN;
+    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": "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": "This is shown after someone has successfully copied the cpde to the 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 will appear for"
+      },
+      "attribute": "tooltip-lifespan",
+      "reflect": false,
+      "defaultValue": "DEFAULT_TOOLTIP_LIFESPAN"
+    },
+    "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 = "https://www.example.com/sharelink/abc";
+  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,30 +1,30 @@
-import { 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 {
-      ... on User {
-        referralCode(programId: $programId)
-      }
-    }
-  }
-`;
-export function useShareCode(props) {
-  var _a, _b;
-  const programId = useProgramId();
-  const user = useUserIdentity();
-  const { data } = useQuery(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
-  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);
-  }
-  return { ...props, onClick, open, shareString };
-}
+import { 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 {
+      ... on User {
+        referralCode(programId: $programId)
+      }
+    }
+  }
+`;
+export function useShareCode(props) {
+  var _a, _b;
+  const programId = useProgramId();
+  const user = useUserIdentity();
+  const { data } = useQuery(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
+  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);
+  }
+  return { ...props, onClick, open, shareString };
+}

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

@@ -1,33 +1,33 @@
-import { h } from "@stencil/core";
-import { ShareLinkView } from "../components/sqm-share-link/sqm-share-link-view";
-export default {
-  title: "Share Link",
-};
-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";
+export default {
+  title: "Components/Share Link",
+};
+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);
+};