@saasquatch/mint-components 1.6.6 → 1.6.7-2

package/dist/collection/components/sqm-navigation-sidebar/sqm-navigation-sidebar-view.js

@@ -1,145 +1,145 @@
 import { h } from "@stencil/core";
-const vanillaStyle = `
-
-* {
-  padding: 0;
-  margin: 0;
-  box-sizing: border-box;
-}
-
-@keyframes slideIn {
-  0% {
-    left: -350px;
-  }
-  100% {
-    left: 0;
-  }
-} 
-
-@media screen and (min-width: 800px) {
-  :host {
-    max-width: 300px;
-  }
-  .toggler,
-  .hamburger {
-     user-select: none;
-     visibility:hidden;
-  }
-  .container{
-    position: sticky;
-    top: 0;
-  }
-  .menu-items {
-    min-width: 290px;
-    max-width: 320px;
-    box-sizing: border-box;
-    padding: 0px 15px;
-  }
-  .menu-items > :not(:last-child): {
-    margin-bottom: 4px;
-  }
-}
-@media screen and (max-width: 799px) {
-  .toggler {
-    border: 2px solid #eee;
-    cursor: pointer;
-    opacity: 0;
-    z-index: 5;
-  }
-
-  .container {
-    position: sticky;
-    top: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 60px;
-    width: 60px;
-    flex-direction: column;
-    z-index: 100;
-  }
-  .menu-items { 
-    display: none;
-    padding: 20px;
-    border-right: 1px solid #eaeaea;
-    padding-top: 60px;
-    background: white; 
-    width: 100vw;
-    height: 100vh;
-    position: absolute;
-    top: 0;
-    right: 0;
-    left: 0px;
-    margin: 0;
-    animation: slideIn 500ms ease-in-out;
-  }
-
-  .toggler,
-  .hamburger {
-    visibility: visible !important;
-  }
-
-  .container {
-    display: flex;
-  }
-
-  .hamburger > .line {
-    visibility: visible !important;
-  }
-
-
-  .toggler,
-  .hamburger {
-    position: absolute;
-    padding: 20px 10px;
-  }
-
-  .toggler {
-    z-index: 100;
-    width: 100%;
-    height: 100%;
-  }
-
-  .hamburger {
-    z-index: 10;
-    width: 75%;
-    height: 100%;
-  }
-
-  .toggler:checked ~ .menu-items {
-    display: block;
-  }
-
-  /***** Turn hamburger into an X *****/
-  .toggler:checked ~ .hamburger > .line:nth-child(1) {
-    opacity: 0;
-  }
-
-  .toggler:checked ~ .hamburger > .line:nth-child(2) {
-    transform: rotate(45deg) translate(0px, -0.5px);
-  }
-
-  .toggler:checked ~ .hamburger > .line:nth-child(3) {
-    transform: rotate(-45deg) translate(3px, -3.5px);
-  }
-
-  .toggler:checked ~ .hamburger > .line:nth-child(1),
-  .toggler:checked ~ .hamburger > .line:nth-child(2),
-  .toggler:checked ~ .hamburger > .line:nth-child(3) {
-    width: 75%;
-    border-bottom: 3px solid #444445;
-    margin: 0;
-  }
-
-  .hamburger > .line {
-    visibility:hidden;
-    z-index: 2;
-    height: 4px;
-    width: 100%;
-    margin-bottom: 3px;
-    border-bottom: 5px solid #444445;
-  }
-}
+const vanillaStyle = `
+
+* {
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+}
+
+@keyframes slideIn {
+  0% {
+    left: -350px;
+  }
+  100% {
+    left: 0;
+  }
+} 
+
+@media screen and (min-width: 800px) {
+  :host {
+    max-width: 300px;
+  }
+  .toggler,
+  .hamburger {
+     user-select: none;
+     visibility:hidden;
+  }
+  .container{
+    position: sticky;
+    top: 0;
+  }
+  .menu-items {
+    min-width: 290px;
+    max-width: 320px;
+    box-sizing: border-box;
+    padding: 0px 15px;
+  }
+  .menu-items > :not(:last-child): {
+    margin-bottom: 4px;
+  }
+}
+@media screen and (max-width: 799px) {
+  .toggler {
+    border: 2px solid #eee;
+    cursor: pointer;
+    opacity: 0;
+    z-index: 5;
+  }
+
+  .container {
+    position: sticky;
+    top: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 60px;
+    width: 60px;
+    flex-direction: column;
+    z-index: 100;
+  }
+  .menu-items { 
+    display: none;
+    padding: 20px;
+    border-right: 1px solid #eaeaea;
+    padding-top: 60px;
+    background: white; 
+    width: 100vw;
+    height: 100vh;
+    position: absolute;
+    top: 0;
+    right: 0;
+    left: 0px;
+    margin: 0;
+    animation: slideIn 500ms ease-in-out;
+  }
+
+  .toggler,
+  .hamburger {
+    visibility: visible !important;
+  }
+
+  .container {
+    display: flex;
+  }
+
+  .hamburger > .line {
+    visibility: visible !important;
+  }
+
+
+  .toggler,
+  .hamburger {
+    position: absolute;
+    padding: 20px 10px;
+  }
+
+  .toggler {
+    z-index: 100;
+    width: 100%;
+    height: 100%;
+  }
+
+  .hamburger {
+    z-index: 10;
+    width: 75%;
+    height: 100%;
+  }
+
+  .toggler:checked ~ .menu-items {
+    display: block;
+  }
+
+  /***** Turn hamburger into an X *****/
+  .toggler:checked ~ .hamburger > .line:nth-child(1) {
+    opacity: 0;
+  }
+
+  .toggler:checked ~ .hamburger > .line:nth-child(2) {
+    transform: rotate(45deg) translate(0px, -0.5px);
+  }
+
+  .toggler:checked ~ .hamburger > .line:nth-child(3) {
+    transform: rotate(-45deg) translate(3px, -3.5px);
+  }
+
+  .toggler:checked ~ .hamburger > .line:nth-child(1),
+  .toggler:checked ~ .hamburger > .line:nth-child(2),
+  .toggler:checked ~ .hamburger > .line:nth-child(3) {
+    width: 75%;
+    border-bottom: 3px solid #444445;
+    margin: 0;
+  }
+
+  .hamburger > .line {
+    visibility:hidden;
+    z-index: 2;
+    height: 4px;
+    width: 100%;
+    margin-bottom: 3px;
+    border-bottom: 5px solid #444445;
+  }
+}
 `;
 export function NavigationSidebarView(props, children) {
   return (h("div", { class: "container" },

package/dist/collection/components/sqm-password-field/sqm-password-field-view.js

@@ -9,15 +9,15 @@ const style = {
   },
   ErrorStyle: ErrorStyles,
 };
-const vanillaStyle = `
-:host {
-  margin: 0 auto;
-  width: 100%;
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
+const vanillaStyle = `
+:host {
+  margin: 0 auto;
+  width: 100%;
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
 `;
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();

package/dist/collection/components/sqm-portal-container/sqm-portal-container-view.js

@@ -16,10 +16,10 @@ export function PortalContainerView(props, children) {
       justifyContent: props.justifyContent,
     },
   };
-  const vanillaStyle = `
-  :host{
-    width: 100%;
-    display: block;
+  const vanillaStyle = `
+  :host{
+    width: 100%;
+    display: block;
   }`;
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();

package/dist/collection/components/sqm-portal-container/sqm-portal-container.js

@@ -200,7 +200,7 @@ export class PortalContainer {
       "type": "string",
       "mutable": false,
       "complexType": {
-        "original": "| \"start\"\r\n    | \"center\"\r\n    | \"end\"\r\n    | \"space-between\"\r\n    | \"space-around\"\r\n    | \"space-evenly\"",
+        "original": "| \"start\"\n    | \"center\"\n    | \"end\"\n    | \"space-between\"\n    | \"space-around\"\n    | \"space-evenly\"",
         "resolved": "\"center\" | \"end\" | \"space-around\" | \"space-between\" | \"space-evenly\" | \"start\"",
         "references": {}
       },

package/dist/collection/components/sqm-portal-email-verification/sqm-portal-email-verification-view.js

@@ -26,13 +26,13 @@ const style = {
     },
   },
 };
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
 `;
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();

package/dist/collection/components/sqm-portal-footer/sqm-portal-footer-view.js

@@ -2,16 +2,16 @@ import { h } from "@stencil/core";
 import { createStyleSheet } from "../../styling/JSS";
 import { intl } from "../../global/global";
 import { PoweredByImg } from "./PoweredByImg";
-const vanillaStyle = `
-  :host{
-    margin: 0 auto;
-    width: 100%;
-  }
-  a{
-    cursor:pointer;
-    color: inherit;
-    text-decoration: none;
-  }
+const vanillaStyle = `
+  :host{
+    margin: 0 auto;
+    width: 100%;
+  }
+  a{
+    cursor:pointer;
+    color: inherit;
+    text-decoration: none;
+  }
 `;
 export function PortalFooterView(props) {
   const style = {

package/dist/collection/components/sqm-portal-forgot-password/sqm-portal-forgot-password-view.js

@@ -11,13 +11,13 @@ const style = {
     width: "25%",
   },
 };
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
 `;
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();

package/dist/collection/components/sqm-portal-login/sqm-portal-login-view.js

@@ -15,13 +15,13 @@ const style = {
   },
   ButtonsContainer: AuthButtonsContainer,
 };
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
 `;
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();

package/dist/collection/components/sqm-portal-profile/usePortalProfile.js

@@ -1,39 +1,39 @@
 import { useQuery, useMutation, useUserIdentity, } from "@saasquatch/component-boilerplate";
 import { gql } from "graphql-request";
 import { useEffect, useState } from "@saasquatch/universal-hooks";
-const GET_USER = gql `
-  query {
-    viewer {
-      ... on User {
-        id
-        accountId
-        firstName
-        lastName
-        email
-        countryCode
-      }
-    }
-  }
+const GET_USER = gql `
+  query {
+    viewer {
+      ... on User {
+        id
+        accountId
+        firstName
+        lastName
+        email
+        countryCode
+      }
+    }
+  }
 `;
-const UPSERT_USER = gql `
-  mutation (
-    $id: String!
-    $accountId: String!
-    $firstName: String!
-    $lastName: String!
-  ) {
-    upsertUser(
-      userInput: {
-        id: $id
-        accountId: $accountId
-        firstName: $firstName
-        lastName: $lastName
-      }
-    ) {
-      firstName
-      lastName
-    }
-  }
+const UPSERT_USER = gql `
+  mutation (
+    $id: String!
+    $accountId: String!
+    $firstName: String!
+    $lastName: String!
+  ) {
+    upsertUser(
+      userInput: {
+        id: $id
+        accountId: $accountId
+        firstName: $firstName
+        lastName: $lastName
+      }
+    ) {
+      firstName
+      lastName
+    }
+  }
 `;
 // view doesn't tolerate undefined, even when we're loading
 const defaultFormState = {

package/dist/collection/components/sqm-portal-register/sqm-portal-register-view.js

@@ -13,20 +13,20 @@ const style = {
   ButtonsContainer: AuthButtonsContainer,
   ErrorStyle: ErrorStyles,
 };
-const vanillaStyle = `
-sqm-portal-register {
-  margin: 0 auto;
-  width: 100%;
-  display: block;
-}
-
-:host{
-  display: block;
-}
-
-:host([hidden]) {
-  display: none;
-}
+const vanillaStyle = `
+sqm-portal-register {
+  margin: 0 auto;
+  width: 100%;
+  display: block;
+}
+
+:host{
+  display: block;
+}
+
+:host([hidden]) {
+  display: none;
+}
 `;
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();

package/dist/collection/components/sqm-portal-registration-form/sqm-portal-registration-form-view.js

@@ -13,20 +13,20 @@ const style = {
   ButtonsContainer: AuthButtonsContainer,
   ErrorStyle: ErrorStyles,
 };
-const vanillaStyle = `
-sqm-portal-register {
-  margin: 0 auto;
-  width: 100%;
-  display: block;
-}
-
-:host{
-  display: block;
-}
-
-:host([hidden]) {
-  display: none;
-}
+const vanillaStyle = `
+sqm-portal-register {
+  margin: 0 auto;
+  width: 100%;
+  display: block;
+}
+
+:host{
+  display: block;
+}
+
+:host([hidden]) {
+  display: none;
+}
 `;
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();

package/dist/collection/components/sqm-portal-registration-form/usePortalRegistrationForm.js

@@ -4,18 +4,18 @@ import { navigation, useQuery, useRegisterViaRegistrationFormMutation, } from "@
 import { AsYouType } from "libphonenumber-js";
 import { gql } from "graphql-request";
 import { useRegistrationFormState, } from "./useRegistrationFormState";
-const RegistrationFormQuery = gql `
-  query RegistrationFormQuery($key: String!) {
-    form(key: $key) {
-      key
-      type
-      initialData {
-        initialData
-        isEnabled
-        isEnabledErrorMessage
-      }
-    }
-  }
+const RegistrationFormQuery = gql `
+  query RegistrationFormQuery($key: String!) {
+    form(key: $key) {
+      key
+      type
+      initialData {
+        initialData
+        isEnabled
+        isEnabledErrorMessage
+      }
+    }
+  }
 `;
 export function usePortalRegistrationForm(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/collection/components/sqm-portal-reset-password/sqm-portal-reset-password-view.js

@@ -25,13 +25,13 @@ const style = {
     width: "100%",
   },
 };
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
 `;
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();

package/dist/collection/components/sqm-portal-verify-email/sqm-portal-verify-email-view.js

@@ -9,13 +9,13 @@ const style = {
     width: "100%",
   },
 };
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
 `;
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();

package/dist/collection/components/sqm-program-explainer/sqm-program-explainer-view.js

@@ -24,15 +24,15 @@ export function ProgramExplainerView(props, children) {
   };
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
-  const vanillaStyle = `
-  ::slotted(*){
-    display: flex;
-    width: 100%;
-  }
-  @media (max-width: 499px) {
-    ::slotted(*){
-      display: block;
-    }
+  const vanillaStyle = `
+  ::slotted(*){
+    display: flex;
+    width: 100%;
+  }
+  @media (max-width: 499px) {
+    ::slotted(*){
+      display: block;
+    }
   }`;
   return (h("div", { class: sheet.classes.Container },
     h("style", { type: "text/css" },