@saasquatch/mint-components 1.6.2-36 → 1.6.2-39

package/dist/collection/components/sqm-referral-iframe/sqm-referral-iframe.js

@@ -1,158 +1,158 @@
-import { Component, h, Host, Prop, State } from "@stencil/core";
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { useReferralIframe } from "./useReferralIframe";
-import { ReferralIframeView, } from "./sqm-referral-iframe-view";
-import { isDemo } from "@saasquatch/component-boilerplate";
-import deepmerge from "deepmerge";
-import { getMissingProps, getProps } from "../../utils/utils";
-import { RequiredPropsError } from "../../utils/RequiredPropsError";
-/**
- * @uiName Referral IFrame
- */
-export class SqmReferralIframe {
-  constructor() {
-    this.ignored = true;
-    /**
-     * Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto.
-     * @uiName Iframe Height
-     */
-    this.iframeHeight = "100%";
-    /**
-     * Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.
-     * @uiName Iframe Width
-     */
-    this.iframeWidth = "100%";
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const missingProps = getMissingProps([
-      {
-        attribute: "iframe-src",
-        value: this.iframeSrc,
-      },
-    ]);
-    if (missingProps) {
-      return (h(RequiredPropsError, { missingProps: missingProps, heading: "An error occured while loading this page", subheading: "A technical problem prevented this iframe from loading. Please contact us with the link to this page.", description: "Values for the following attributes are missing:" }));
-    }
-    const { states, data } = isDemo()
-      ? useReferralIframeDemo(getProps(this))
-      : useReferralIframe(getProps(this));
-    return (h(Host, { style: { display: "contents" } },
-      h(ReferralIframeView, { data: data, states: states })));
-  }
-  static get is() { return "sqm-referral-iframe"; }
-  static get properties() { return {
-    "iframeSrc": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Iframe Source",
-            "name": "uiName"
-          }, {
-            "text": undefined,
-            "name": "required"
-          }],
-        "text": "URL of iframe to display"
-      },
-      "attribute": "iframe-src",
-      "reflect": false
-    },
-    "iframeHeight": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Iframe Height",
-            "name": "uiName"
-          }],
-        "text": "Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto."
-      },
-      "attribute": "iframe-height",
-      "reflect": false,
-      "defaultValue": "\"100%\""
-    },
-    "iframeWidth": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Iframe Width",
-            "name": "uiName"
-          }],
-        "text": "Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto."
-      },
-      "attribute": "iframe-width",
-      "reflect": false,
-      "defaultValue": "\"100%\""
-    },
-    "demoData": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "DemoData<ReferralIframeViewProps>",
-        "resolved": "{ states?: { content: { iframeSrc: string; iframeHeight: string; iframeWidth: string; }; }; data?: { shareCode: string; }; }",
-        "references": {
-          "DemoData": {
-            "location": "import",
-            "path": "../../global/demo"
-          },
-          "ReferralIframeViewProps": {
-            "location": "import",
-            "path": "./sqm-referral-iframe-view"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "undocumented"
-          }, {
-            "text": "object",
-            "name": "uiType"
-          }],
-        "text": ""
-      }
-    }
-  }; }
-  static get states() { return {
-    "ignored": {}
-  }; }
-}
-function useReferralIframeDemo(props) {
-  return deepmerge({
-    states: {
-      content: {
-        iframeSrc: "https://example.com",
-        ...props,
-      },
-    },
-    data: {
-      shareCode: "SHARECODE123",
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
+import { Component, h, Host, Prop, State } from "@stencil/core";
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { useReferralIframe } from "./useReferralIframe";
+import { ReferralIframeView, } from "./sqm-referral-iframe-view";
+import { isDemo } from "@saasquatch/component-boilerplate";
+import deepmerge from "deepmerge";
+import { getMissingProps, getProps } from "../../utils/utils";
+import { RequiredPropsError } from "../../utils/RequiredPropsError";
+/**
+ * @uiName Referral IFrame
+ */
+export class SqmReferralIframe {
+  constructor() {
+    this.ignored = true;
+    /**
+     * Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto.
+     * @uiName Iframe Height
+     */
+    this.iframeHeight = "100%";
+    /**
+     * Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.
+     * @uiName Iframe Width
+     */
+    this.iframeWidth = "100%";
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const missingProps = getMissingProps([
+      {
+        attribute: "iframe-src",
+        value: this.iframeSrc,
+      },
+    ]);
+    if (missingProps) {
+      return (h(RequiredPropsError, { missingProps: missingProps, heading: "An error occured while loading this page", subheading: "A technical problem prevented this iframe from loading. Please contact us with the link to this page.", description: "Values for the following attributes are missing:" }));
+    }
+    const { states, data } = isDemo()
+      ? useReferralIframeDemo(getProps(this))
+      : useReferralIframe(getProps(this));
+    return (h(Host, { style: { display: "contents" } },
+      h(ReferralIframeView, { data: data, states: states })));
+  }
+  static get is() { return "sqm-referral-iframe"; }
+  static get properties() { return {
+    "iframeSrc": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Iframe Source",
+            "name": "uiName"
+          }, {
+            "text": undefined,
+            "name": "required"
+          }],
+        "text": "URL of iframe to display"
+      },
+      "attribute": "iframe-src",
+      "reflect": false
+    },
+    "iframeHeight": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Iframe Height",
+            "name": "uiName"
+          }],
+        "text": "Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto."
+      },
+      "attribute": "iframe-height",
+      "reflect": false,
+      "defaultValue": "\"100%\""
+    },
+    "iframeWidth": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Iframe Width",
+            "name": "uiName"
+          }],
+        "text": "Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto."
+      },
+      "attribute": "iframe-width",
+      "reflect": false,
+      "defaultValue": "\"100%\""
+    },
+    "demoData": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "DemoData<ReferralIframeViewProps>",
+        "resolved": "{ states?: { content: { iframeSrc: string; iframeHeight: string; iframeWidth: string; }; }; data?: { shareCode: string; }; }",
+        "references": {
+          "DemoData": {
+            "location": "import",
+            "path": "../../global/demo"
+          },
+          "ReferralIframeViewProps": {
+            "location": "import",
+            "path": "./sqm-referral-iframe-view"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": undefined,
+            "name": "undocumented"
+          }, {
+            "text": "object",
+            "name": "uiType"
+          }],
+        "text": ""
+      }
+    }
+  }; }
+  static get states() { return {
+    "ignored": {}
+  }; }
+}
+function useReferralIframeDemo(props) {
+  return deepmerge({
+    states: {
+      content: {
+        iframeSrc: "https://example.com",
+        ...props,
+      },
+    },
+    data: {
+      shareCode: "SHARECODE123",
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}

package/dist/collection/components/sqm-referral-iframe/useReferralIframe.js

@@ -1,25 +1,25 @@
-import { useProgramId, useUserIdentity, useQuery, } from "@saasquatch/component-boilerplate";
-import { gql } from "graphql-request";
-const GET_USER_DETAILS = gql `
-  query getUser($programId: ID) {
-    viewer {
-      ... on User {
-        referralCode(programId: $programId)
-      }
-    }
-  }
-`;
-export function useReferralIframe(props) {
-  var _a;
-  const programId = useProgramId();
-  const user = useUserIdentity();
-  const { data } = useQuery(GET_USER_DETAILS, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
-  return {
-    states: {
-      content: props,
-    },
-    data: {
-      shareCode: (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.referralCode,
-    },
-  };
-}
+import { useProgramId, useUserIdentity, useQuery, } from "@saasquatch/component-boilerplate";
+import { gql } from "graphql-request";
+const GET_USER_DETAILS = gql `
+  query getUser($programId: ID) {
+    viewer {
+      ... on User {
+        referralCode(programId: $programId)
+      }
+    }
+  }
+`;
+export function useReferralIframe(props) {
+  var _a;
+  const programId = useProgramId();
+  const user = useUserIdentity();
+  const { data } = useQuery(GET_USER_DETAILS, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
+  return {
+    states: {
+      content: props,
+    },
+    data: {
+      shareCode: (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.referralCode,
+    },
+  };
+}