@saasquatch/mint-components 1.6.8-8 → 1.6.8

package/dist/collection/components/sqm-coupon-code/CouponCode.stories.js

@@ -1,35 +0,0 @@
-import { h } from "@stencil/core";
-import { CopyTextView } from "../views/copy-text-view";
-export default {
-  title: "Components/Coupon Code",
-  parameters: {
-  // scenario,
-  },
-};
-const defaultProps = {
-  tooltiptext: "Copied to Clipboard",
-  copyString: "test",
-  open: false,
-  copyButtonLabel: "Copy Coupon",
-};
-export const CouponCode = () => {
-  return h("sqm-coupon-code", { tooltiptext: "Copied to Clipboard" });
-};
-export const CustomTooltipText = () => {
-  return h("sqm-coupon-code", { tooltiptext: "CUSTOM TOOLTIP TEXT" });
-};
-export const TextAlignCenter = () => {
-  return h("sqm-coupon-code", { textAlign: "center" });
-};
-export const CopyButton = () => {
-  return h("sqm-coupon-code", { buttonStyle: "button outside" });
-};
-export const CopyButtonInside = () => {
-  return (h(CopyTextView, Object.assign({}, defaultProps, { buttonStyle: "button inside" })));
-};
-export const CopyButtonBelow = () => {
-  return (h(CopyTextView, Object.assign({}, defaultProps, { buttonStyle: "button below" })));
-};
-export const CustomTooltipDuration = () => {
-  return (h("sqm-coupon-code", { tooltiplifespan: 5000, tooltiptext: "CUSTOM TOOLTIP TEXT" }));
-};

package/dist/collection/components/sqm-coupon-code/sqm-coupon-code.js

@@ -1,260 +0,0 @@
-import { useState, withHooks } from "@saasquatch/stencil-hooks";
-import { Component, Prop, h } from "@stencil/core";
-import { isDemo } from "@saasquatch/component-boilerplate";
-import { CopyTextView } from "../views/copy-text-view";
-import { getProps } from "../../utils/utils";
-import { useCouponCode } from "./useCouponCode";
-import deepmerge from "deepmerge";
-/**
- * @uiName Coupon Code
- * @exampleGroup Sharing
- * @example Coupon Code - <sqm-coupon-code tooltip-text="Copied to Clipboard" tooltip-lifespan="1000"></sqm-coupon-code>
- */
-export class CouponCode {
-  constructor() {
-    /**
-     * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
-     *
-     * @uiName Tooltip Text
-     */
-    this.tooltiptext = "Copied to Clipboard";
-    /**
-     * The number of milliseconds that the tooltip appears for
-     *
-     * @uiName Tooltip lifespan
-     */
-    this.tooltiplifespan = 1000;
-    /**
-     * Change the text alignment
-     *
-     * @uiName Align text
-     * @uiType string
-     * @uiEnum ["left", "center"]
-     * @uiEnumNames ["left", "center"]
-     */
-    this.textAlign = "left";
-    /**
-     * Set copy button label
-     *
-     * @uiName Copy button label
-     */
-    this.copyButtonLabel = "Copy Coupon";
-    /**
-     * Set the copy button style
-     *
-     * @uiName Copy button style
-     * @uiType string
-     * @uiEnum ["icon", "button inside", "button outside", "button below"]
-     * @uiEnumNames ["icon", "button inside", "button outside", "button below"]
-     */
-    this.buttonStyle = "icon";
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const thisProps = getProps(this);
-    const props = isDemo()
-      ? useDemoCouponCode(thisProps)
-      : useCouponCode(thisProps);
-    return h(CopyTextView, Object.assign({}, props));
-  }
-  static get is() { return "sqm-coupon-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": "programSelector",
-            "name": "uiWidget"
-          }],
-        "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": "Shown inside a tooltip after someone has successfully copied the link to their 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 appears for"
-      },
-      "attribute": "tooltip-lifespan",
-      "reflect": false,
-      "defaultValue": "1000"
-    },
-    "textAlign": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"left\" | \"center\"",
-        "resolved": "\"center\" | \"left\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Align text",
-            "name": "uiName"
-          }, {
-            "text": "string",
-            "name": "uiType"
-          }, {
-            "text": "[\"left\", \"center\"]",
-            "name": "uiEnum"
-          }, {
-            "text": "[\"left\", \"center\"]",
-            "name": "uiEnumNames"
-          }],
-        "text": "Change the text alignment"
-      },
-      "attribute": "text-align",
-      "reflect": false,
-      "defaultValue": "\"left\""
-    },
-    "copyButtonLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Copy button label",
-            "name": "uiName"
-          }],
-        "text": "Set copy button label"
-      },
-      "attribute": "copy-button-label",
-      "reflect": false,
-      "defaultValue": "\"Copy Coupon\""
-    },
-    "buttonStyle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"icon\" | \"button inside\" | \"button outside\" | \"button below\"",
-        "resolved": "\"button below\" | \"button inside\" | \"button outside\" | \"icon\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Copy button style",
-            "name": "uiName"
-          }, {
-            "text": "string",
-            "name": "uiType"
-          }, {
-            "text": "[\"icon\", \"button inside\", \"button outside\", \"button below\"]",
-            "name": "uiEnum"
-          }, {
-            "text": "[\"icon\", \"button inside\", \"button outside\", \"button below\"]",
-            "name": "uiEnumNames"
-          }],
-        "text": "Set the copy button style"
-      },
-      "attribute": "copy-button-style",
-      "reflect": false,
-      "defaultValue": "\"icon\""
-    },
-    "demoData": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "DemoData<CopyTextViewProps>",
-        "resolved": "{ copyString?: string; tooltiptext?: string; open?: boolean; copyButtonLabel?: string; disabled?: boolean; textAlign?: \"left\" | \"center\"; buttonStyle?: \"icon\" | \"button inside\" | \"button outside\" | \"button below\"; onClick?: () => void; }",
-        "references": {
-          "DemoData": {
-            "location": "import",
-            "path": "../../global/demo"
-          },
-          "CopyTextViewProps": {
-            "location": "import",
-            "path": "../views/copy-text-view"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "undocumented"
-          }, {
-            "text": "object",
-            "name": "uiType"
-          }],
-        "text": ""
-      }
-    }
-  }; }
-}
-function useDemoCouponCode(props) {
-  const [open, setOpen] = useState(false);
-  const copyString = "THANKSJANE125uv125";
-  return deepmerge({
-    copyString,
-    tooltiptext: props.tooltiptext,
-    textAlign: props.textAlign,
-    buttonStyle: props.buttonStyle,
-    copyButtonLabel: props.copyButtonLabel,
-    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(copyString);
-      setOpen(true);
-      setTimeout(() => setOpen(false), props.tooltiplifespan);
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}

package/dist/collection/components/sqm-coupon-code/useCouponCode.js

@@ -1,49 +0,0 @@
-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 WIDGET_ENGAGEMENT_EVENT = gql `
-  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
-    createUserAnalyticsEvent(eventMeta: $eventMeta)
-  }
-`;
-export function useCouponCode(props) {
-  var _a, _b;
-  const { programId = useProgramId() } = props;
-  const user = useUserIdentity();
-  const engagementMedium = useEngagementMedium();
-  const { data } = useQuery(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const [sendLoadEvent] = useMutation(WIDGET_ENGAGEMENT_EVENT);
-  const copyString = (_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(copyString);
-    setOpen(true);
-    setTimeout(() => setOpen(false), props.tooltiplifespan);
-    sendLoadEvent({
-      eventMeta: {
-        programId,
-        id: user === null || user === void 0 ? void 0 : user.id,
-        accountId: user === null || user === void 0 ? void 0 : user.accountId,
-        type: "USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",
-        meta: {
-          engagementMedium,
-          couponMedium: "DIRECT",
-        },
-      },
-    });
-  }
-  return { ...props, onClick, open, copyString };
-}

package/dist/collection/components/sqm-link-button/LinkButton.stories.js

@@ -1,20 +0,0 @@
-import { h } from "@stencil/core";
-import scenario from "./sqm-link-button.feature";
-import { LinkButtonView } from "./sqm-link-button-view";
-export default {
-  title: "Components/Link Button",
-  parameters: {
-    scenario,
-  },
-};
-const defaultProps = {
-  buttonSlot: h("span", null, "Test Slot Content"),
-  link: "https://example.com",
-  openInNewTab: false,
-};
-export const Default = () => {
-  return h(LinkButtonView, Object.assign({}, defaultProps));
-};
-export const OpenInNewTab = () => {
-  return h(LinkButtonView, Object.assign({}, { ...defaultProps, openInNewTab: true }));
-};

package/dist/collection/components/sqm-link-button/sqm-link-button-view.js

@@ -1,22 +0,0 @@
-import { h } from "@stencil/core";
-import { createStyleSheet } from "../../styling/JSS";
-const style = {
-  Container: { display: "contents" },
-};
-const vanillaStyle = `
-:host{
-  display: inline;   
-}
-`;
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-export function LinkButtonView(props) {
-  const { link, openInNewTab } = props;
-  return (h("span", { class: sheet.classes.Container },
-    h("style", { type: "text/css" },
-      styleString,
-      vanillaStyle),
-    h("sl-button", null,
-      h("a", { href: link, target: openInNewTab ? "_blank" : "" },
-        h("slot", null)))));
-}

package/dist/collection/components/sqm-link-button/sqm-link-button.js

@@ -1,68 +0,0 @@
-import { Component, h, Prop } from "@stencil/core";
-import { getProps } from "../../utils/utils";
-import { LinkButtonView } from "./sqm-link-button-view";
-/**
- * @uiName Link Button
- * @exampleGroup Common Components
- * @example Link Button - <sqm-link-button link="www.example.com" open-in-new-tab="true">Click here</sqm-link-button>
- */
-export class LinkButton {
-  constructor() {
-    /**
-     * @uiName User Identification Text
-     */
-    this.openInNewTab = false;
-  }
-  render() {
-    return h(LinkButtonView, Object.assign({}, getProps(this)));
-  }
-  static get is() { return "sqm-link-button"; }
-  static get encapsulation() { return "shadow"; }
-  static get properties() { return {
-    "link": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "required"
-          }, {
-            "text": "User Identification Text",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "link",
-      "reflect": false
-    },
-    "openInNewTab": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "User Identification Text",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "open-in-new-tab",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-}
-//TODO: Write a hook to resolve ICU strings

package/dist/collection/components/sqm-passwordless-registration/sqm-passwordless-registration.js

@@ -1,215 +0,0 @@
-import { isDemo, setUserIdentity, } from "@saasquatch/component-boilerplate";
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, h, Prop, State } from "@stencil/core";
-import deepmerge from "deepmerge";
-import { EmailRegistrationView, } from "../views/email-registration-view";
-import { usePasswordlessRegistration } from "./usePasswordlessRegistration";
-/**
- * @uiName Microsite Registration
- * @slots [{"name":"top-slot","title":"Widget Content"},{"name":"bottom-slot","title":"Widget Content"}]
- */
-export class PasswordlessRegistration {
-  constructor() {
-    this.ignored = true;
-    /**
-     * @uiName Email Field Label
-     */
-    this.emailLabel = "Email";
-    /**
-     * @uiName First Name Field Label
-     */
-    this.firstNameLabel = "First Name";
-    /**
-     * @uiName Last Name Field Label
-     */
-    this.lastNameLabel = "Last Name";
-    /**
-     * @uiName Register Button Text
-     */
-    this.registerLabel = "Start Referring";
-    /**
-     * @uiName Include name fields
-     */
-    this.includeName = false;
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states, callbacks } = isDemo()
-      ? useRegistrationDemo(this)
-      : usePasswordlessRegistration();
-    const content = {
-      emailLabel: this.emailLabel,
-      registerLabel: this.registerLabel,
-      firstNameLabel: this.firstNameLabel,
-      lastNameLabel: this.lastNameLabel,
-      includeName: this.includeName,
-      // slots
-      topSlot: h("slot", { name: "top-slot" }),
-      bottomSlot: h("slot", { name: "bottom-slot" }),
-    };
-    return (h(EmailRegistrationView, { states: states, callbacks: callbacks, content: content }));
-  }
-  static get is() { return "sqm-passwordless-registration"; }
-  static get encapsulation() { return "shadow"; }
-  static get properties() { return {
-    "emailLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Email Field Label",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "email-label",
-      "reflect": false,
-      "defaultValue": "\"Email\""
-    },
-    "firstNameLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "First Name Field Label",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "first-name-label",
-      "reflect": false,
-      "defaultValue": "\"First Name\""
-    },
-    "lastNameLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Last Name Field Label",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "last-name-label",
-      "reflect": false,
-      "defaultValue": "\"Last Name\""
-    },
-    "registerLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Register Button Text",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "register-label",
-      "reflect": false,
-      "defaultValue": "\"Start Referring\""
-    },
-    "includeName": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Include name fields",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "include-name",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "demoData": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "DemoData<EmailRegistrationViewProps>",
-        "resolved": "{ states?: { error: string; loading: boolean; }; content?: { emailLabel?: string; firstNameLabel?: string; lastNameLabel?: string; registerLabel?: string; includeName?: boolean; topSlot?: VNode; bottomSlot?: VNode; }; }",
-        "references": {
-          "DemoData": {
-            "location": "import",
-            "path": "../../global/demo"
-          },
-          "EmailRegistrationViewProps": {
-            "location": "import",
-            "path": "../views/email-registration-view"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "undocumented"
-          }, {
-            "text": "object",
-            "name": "uiType"
-          }],
-        "text": ""
-      }
-    }
-  }; }
-  static get states() { return {
-    "ignored": {}
-  }; }
-}
-function useRegistrationDemo(props) {
-  const onSubmit = () => {
-    setUserIdentity({
-      id: "referrer@example.com",
-      accountId: "referrer@example.com",
-      jwt: "eyJraWQiOiJlNjI2NzQxNy1jMzZlLTRlM2EtYjM5NS1lYTFmY2YyNmU3YzIiLCJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJjbVZtWlhKeVpYSkFaWGhoYlhCc1pTNWpiMjA9OmNtVm1aWEp5WlhKQVpYaGhiWEJzWlM1amIyMD1AdGVzdF9heGJndGF0dzF0Y2NwOnVzZXJzIiwicGFzc3dvcmRsZXNzIjp0cnVlLCJpc3MiOiJodHRwczovL3N0YWdpbmcucmVmZXJyYWxzYWFzcXVhdGNoLmNvbS8iLCJleHAiOjE2ODA4ODU5MTksImlhdCI6MTY4MDc5OTUxOX0.kjmTVVf_BTb-uMNKnadLyNLxMFwpkefsY02O3iAfBVIJJZZfeZMwunPlKsS3Vbp28aYRClBjH5Wj4pYxDn23D0CdZx8KNCqiJ8yF6149O9SPMkRseoJkliqS6LyvMOEDjGDkuLfcC8_hq1AHBXFt5BdCtWOk1gwf_5R9A0w5gXEIvprBzbNDLbuo88bVAlrmFNvfttXXryrpUeruMal7cBKuy02YblBrB4kKoyJiprU5GLEjciBA4A56u8TwQc0kbsPf2YcQaJsY_IvkC7S1u4sPyObpq6iF6Ed8UYHAo6nU5KjZXyVtoUyeIS11mf_6OtDO6LyMNHV2FtEUUDdPCg",
-    });
-  };
-  return deepmerge({
-    states: {
-      loading: false,
-      error: "",
-    },
-    callbacks: {
-      submit: async (_event) => {
-        onSubmit();
-      },
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}