@saasquatch/mint-components 1.8.0-99 → 1.8.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-99",
+  "version": "1.8.0",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
@@ -53,7 +53,6 @@
     "clipboard": "^1.7.1",
     "cross-env": "^7.0.2",
     "docx": "^5.4.1",
-    "dom-context": "^1.2.0",
     "jest": "^26.6.3",
     "jest-cli": "^26.6.3",
     "jest-config": "^26.6.3",
@@ -69,7 +68,8 @@
   },
   "dependencies": {
     "@raisins/stencil-docs-target": "^1.0.0",
-    "@saasquatch/component-boilerplate": "^1.6.2",
+    "@saasquatch/component-boilerplate": "^1.6.3",
+    "@saasquatch/dom-context-hooks": "^1.0.3",
     "@saasquatch/shoelace": "^1.0.0",
     "@saasquatch/stencil-hooks": "^2.0.2",
     "@saasquatch/stencilbook": "^1.1.0",
@@ -78,6 +78,7 @@
     "canvas-confetti": "^1.4.0",
     "color2k": "^1.2.4",
     "deepmerge": "^4.2.2",
+    "dom-context": "^1.2.0",
     "fast-equals": "^4.0.3",
     "graphql": "^15.5.0",
     "graphql-request": "^3.4.0",

package/dist/cjs/sqm-docusign-embed.cjs.entry.js

@@ -1,34 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-78c52836.js');
-
-const DocusignEmbedComponent = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.docusignEvent = index.createEvent(this, "docusignEvent", 7);
-    this.messageCallback = (e) => {
-      // ! TODO: Change this to the final url
-      if (e.origin !== "https://staging.referralsaasquatch.com")
-        return;
-      this.docusignEvent.emit(e.data);
-    };
-  }
-  componentDidRender() {
-    var _a;
-    const iframe = (_a = this.el) === null || _a === void 0 ? void 0 : _a.shadowRoot.querySelector("iframe.docusign-iframe");
-    if (!iframe)
-      console.error("Could not find docusign iframe");
-    window.addEventListener("message", this.messageCallback, false);
-  }
-  disconnectedCallback() {
-    window.removeEventListener("message", this.messageCallback);
-  }
-  render() {
-    return (index.h("iframe", { src: this.url, width: "100%", height: "900px", class: "docusign-iframe" }));
-  }
-  get el() { return index.getElement(this); }
-};
-
-exports.sqm_docusign_embed = DocusignEmbedComponent;

package/dist/collection/components/sqm-docusign-embed/sqm-docusign-embed.js

@@ -1,65 +0,0 @@
-import { Component, Element, Event, Prop, h, } from "@stencil/core";
-/**
- * @uiName DocuSign Embedded IFrame
- */
-export class DocusignEmbedComponent {
-  constructor() {
-    this.messageCallback = (e) => {
-      // ! TODO: Change this to the final url
-      if (e.origin !== "https://staging.referralsaasquatch.com")
-        return;
-      this.docusignEvent.emit(e.data);
-    };
-  }
-  componentDidRender() {
-    var _a;
-    const iframe = (_a = this.el) === null || _a === void 0 ? void 0 : _a.shadowRoot.querySelector("iframe.docusign-iframe");
-    if (!iframe)
-      console.error("Could not find docusign iframe");
-    window.addEventListener("message", this.messageCallback, false);
-  }
-  disconnectedCallback() {
-    window.removeEventListener("message", this.messageCallback);
-  }
-  render() {
-    return (h("iframe", { src: this.url, width: "100%", height: "900px", class: "docusign-iframe" }));
-  }
-  static get is() { return "sqm-docusign-embed"; }
-  static get encapsulation() { return "shadow"; }
-  static get properties() { return {
-    "url": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "url",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "docusignEvent",
-      "name": "docusignEvent",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "{ status: string }",
-        "resolved": "{ status: string; }",
-        "references": {}
-      }
-    }]; }
-  static get elementRef() { return "el"; }
-}

package/dist/collection/components/tax-and-cash/sqm-user-info-form/small-views/DocusignCompletedView.js

@@ -1,29 +0,0 @@
-import { h } from "@stencil/core";
-import { createStyleSheet } from "../../../../styling/JSS";
-const style = {
-  Container: {
-    width: "100%",
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    padding: "20px",
-    gap: "10px",
-    maxWidth: "500px",
-    margin: "auto",
-    textAlign: "center",
-  },
-};
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-export const DocusignCompletedView = () => {
-  const { classes } = sheet;
-  return (h("div", null,
-    h("style", { type: "text/css" }, styleString),
-    h("div", { class: classes.Container },
-      h("sl-icon", { style: {
-          width: "50px",
-          height: "50px",
-          color: "var(--sl-color-success-600)",
-        }, name: "check2-circle" }),
-      h("p", { style: { margin: "0" } }, "Your document has been completed and submitted"))));
-};

package/dist/collection/utils/useParentQuery.js

@@ -1,27 +0,0 @@
-import { useHost, useQuery } from "@saasquatch/component-boilerplate";
-import { useDomContextState } from "@saasquatch/dom-context-hooks";
-import { useDomContext } from "@saasquatch/stencil-hooks";
-import { useEffect } from "@saasquatch/universal-hooks";
-import { deepEqual } from "fast-equals";
-import { getContextValueName } from "./useParentState";
-export function useParentQuery(props) {
-  const host = useHost();
-  const query = useQuery(props.query, props.variables || {}, props.skip);
-  const [value, setValue] = useDomContextState(host, getContextValueName(props.namespace), query);
-  useEffect(() => {
-    if (deepEqual(query, value))
-      return;
-    setValue(query);
-  }, [query, value]);
-  return query;
-}
-export function useParentQueryValue(namespace) {
-  const parentValue = useDomContext(getContextValueName(namespace));
-  if (!parentValue)
-    return {
-      data: null,
-      loading: true,
-      refetch: () => console.warn("component still loading"),
-    };
-  return parentValue;
-}

package/dist/collection/utils/useParentState.js

@@ -1,37 +0,0 @@
-import { useHost } from "@saasquatch/component-boilerplate";
-import { useDomContextState } from "@saasquatch/dom-context-hooks";
-import { useDomContext } from "@saasquatch/stencil-hooks";
-export function useParentState(props) {
-  const host = useHost();
-  const [value, setValue] = useDomContextState(host, getContextValueName(props.namespace), props.initialValue);
-  useDomContextState(host, getContextName(props.namespace), [
-    value,
-    setValue,
-  ]);
-  return [value, setValue];
-}
-export function useParent(namespace) {
-  const parent = useDomContext(getContextName(namespace));
-  const parentValue = useDomContext(getContextValueName(namespace));
-  if (!parent)
-    return [undefined, undefined];
-  return [parentValue, parent[1]];
-}
-export function useSetParent(namespace) {
-  const parent = useDomContext(getContextName(namespace));
-  if (!parent)
-    return undefined;
-  return parent[1];
-}
-export function useParentValue(namespace) {
-  const parentValue = useDomContext(getContextValueName(namespace));
-  if (!parentValue)
-    undefined;
-  return parentValue;
-}
-export function getContextValueName(namespace) {
-  return namespace + "-value";
-}
-export function getContextName(namespace) {
-  return namespace + "-state";
-}

package/dist/esm/sqm-docusign-embed.entry.js

@@ -1,30 +0,0 @@
-import { r as registerInstance, e as createEvent, h, g as getElement } from './index-f16aa635.js';
-
-const DocusignEmbedComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.docusignEvent = createEvent(this, "docusignEvent", 7);
-    this.messageCallback = (e) => {
-      // ! TODO: Change this to the final url
-      if (e.origin !== "https://staging.referralsaasquatch.com")
-        return;
-      this.docusignEvent.emit(e.data);
-    };
-  }
-  componentDidRender() {
-    var _a;
-    const iframe = (_a = this.el) === null || _a === void 0 ? void 0 : _a.shadowRoot.querySelector("iframe.docusign-iframe");
-    if (!iframe)
-      console.error("Could not find docusign iframe");
-    window.addEventListener("message", this.messageCallback, false);
-  }
-  disconnectedCallback() {
-    window.removeEventListener("message", this.messageCallback);
-  }
-  render() {
-    return (h("iframe", { src: this.url, width: "100%", height: "900px", class: "docusign-iframe" }));
-  }
-  get el() { return getElement(this); }
-};
-
-export { DocusignEmbedComponent as sqm_docusign_embed };