@saasquatch/mint-components 1.6.6 → 1.6.7-2

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

@@ -1,23 +1,23 @@
 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
-    $engagementMedium: UserEngagementMedium!
-    $shareMedium: ReferralShareMedium!
-  ) {
-    viewer {
-      ... on User {
-        messageLink(
-          programId: $programId
-          engagementMedium: $engagementMedium
-          shareMedium: $shareMedium
-        )
-        shareLink(programId: $programId, engagementMedium: $engagementMedium)
-      }
-    }
-  }
+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";

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

@@ -1,19 +1,19 @@
 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 {
-      ... on User {
-        referralCode(programId: $programId)
-      }
-    }
-  }
+const MessageLinkQuery = gql `
+  query ($programId: ID) {
+    user: viewer {
+      ... on User {
+        referralCode(programId: $programId)
+      }
+    }
+  }
 `;
-const WIDGET_ENGAGEMENT_EVENT = gql `
-  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
-    createUserAnalyticsEvent(eventMeta: $eventMeta)
-  }
+const WIDGET_ENGAGEMENT_EVENT = gql `
+  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
+    createUserAnalyticsEvent(eventMeta: $eventMeta)
+  }
 `;
 export function useShareCode(props) {
   var _a, _b;

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

@@ -1,19 +1,19 @@
 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 {
-      ... on User {
-        shareLink(programId: $programId)
-      }
-    }
-  }
+const MessageLinkQuery = gql `
+  query ($programId: ID) {
+    user: viewer {
+      ... on User {
+        shareLink(programId: $programId)
+      }
+    }
+  }
 `;
-const WIDGET_ENGAGEMENT_EVENT = gql `
-  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
-    createUserAnalyticsEvent(eventMeta: $eventMeta)
-  }
+const WIDGET_ENGAGEMENT_EVENT = gql `
+  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
+    createUserAnalyticsEvent(eventMeta: $eventMeta)
+  }
 `;
 export function useShareLink(props) {
   var _a, _b;

package/dist/collection/components/sqm-stencilbook/Resizer.js

@@ -1,27 +1,27 @@
 import { h } from "@stencil/core";
-export const ResizerStylesheet = `
-
-:root{
-    --checker-color-1: #ffffff00;
-    --checker-color-2: #ffffff00;
-    --checker-size: 7px;
-    --checker-gradient: linear-gradient(45deg, var(--checker-color-1) 25%, transparent 25%, transparent 75%, var(--checker-color-1) 75%);
-}
-.resizer{
-    resize: horizontal;
-    border: 2px dashed gray;
-	margin: -2px;
-    padding: 12px;
-    height: fit-content;
-    overflow: hidden;
-	width: 100%;
-}
-
-.resizer{
-    background-color: var(--checker-color-2);
-    background-image: var(--checker-gradient), var(--checker-gradient);
-    background-position: 0 0, var(--checker-size) var(--checker-size);
-    background-size: calc(var(--checker-size) * 2) calc(var(--checker-size) * 2);
-}
+export const ResizerStylesheet = `
+
+:root{
+    --checker-color-1: #ffffff00;
+    --checker-color-2: #ffffff00;
+    --checker-size: 7px;
+    --checker-gradient: linear-gradient(45deg, var(--checker-color-1) 25%, transparent 25%, transparent 75%, var(--checker-color-1) 75%);
+}
+.resizer{
+    resize: horizontal;
+    border: 2px dashed gray;
+	margin: -2px;
+    padding: 12px;
+    height: fit-content;
+    overflow: hidden;
+	width: 100%;
+}
+
+.resizer{
+    background-color: var(--checker-color-2);
+    background-image: var(--checker-gradient), var(--checker-gradient);
+    background-position: 0 0, var(--checker-size) var(--checker-size);
+    background-size: calc(var(--checker-size) * 2) calc(var(--checker-size) * 2);
+}
 `;
 export const Resizer = (_, children) => (h("div", { class: "resizer" }, children));

package/dist/collection/components/sqm-stencilbook/Themes.js

@@ -11,34 +11,34 @@
  */
 import { autoColorScaleCss } from "./AutoColor";
 //
-export const Default = `
- // No CSS
+export const Default = `
+ // No CSS
 `;
-export const Orangey = `
-:root{
-    ${autoColorScaleCss("orange")}
-}
+export const Orangey = `
+:root{
+    ${autoColorScaleCss("orange")}
+}
 `;
-export const Netflix = `
-:root{
-    ${autoColorScaleCss("#e50914")}
-}
+export const Netflix = `
+:root{
+    ${autoColorScaleCss("#e50914")}
+}
 `;
-export const SaaSquatchCorporate = `
-:root{
-    ${autoColorScaleCss("#65bd60")}
-    --sl-font-sans: Arial;
-}
+export const SaaSquatchCorporate = `
+:root{
+    ${autoColorScaleCss("#65bd60")}
+    --sl-font-sans: Arial;
+}
 `;
-export const NYTimes = `
-:root{
-    ${autoColorScaleCss("black")}
-    --sl-font-sans: Georgia, 'Times New Roman', serif;
-}
+export const NYTimes = `
+:root{
+    ${autoColorScaleCss("black")}
+    --sl-font-sans: Georgia, 'Times New Roman', serif;
+}
 `;
-export const Klip = `
-:root{
-    ${autoColorScaleCss("#4225C4")};
-}
-
+export const Klip = `
+:root{
+    ${autoColorScaleCss("#4225C4")};
+}
+
 `;