@saasquatch/mint-components 1.6.1 → 1.6.2-10

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

@@ -1,147 +1,147 @@
-import { h, Component, Prop } from "@stencil/core";
-import PopupContainerView from "./sqm-popup-container-view";
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { usePopupContainer } from "./usePopupContainer";
-import { getProps } from "../../utils/utils";
-/**
- * @uiName Popup Container
- * @slots [{"name":"","title":"Content"}]
- * @canvasRenderer always-replace
- */
-export class PopupContainer {
-  constructor() {
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const thisProps = getProps(this);
-    return h(PopupContainerView, Object.assign({}, usePopupContainer(thisProps)));
-  }
-  static get is() { return "sqm-popup-container"; }
-  static get originalStyleUrls() { return {
-    "$": ["sqm-popup-container.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["sqm-popup-container.css"]
-  }; }
-  static get properties() { return {
-    "poweredBy": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Show Powered By",
-            "name": "uiName"
-          }],
-        "text": "Show Powered By SaaSquatch link"
-      },
-      "attribute": "powered-by",
-      "reflect": false
-    },
-    "closeButton": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Show Close Button",
-            "name": "uiName"
-          }],
-        "text": "Display a close button on the popup"
-      },
-      "attribute": "close-button",
-      "reflect": false
-    },
-    "closeButtonText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Close Button Text",
-            "name": "uiName"
-          }],
-        "text": "Text inside the close button"
-      },
-      "attribute": "close-button-text",
-      "reflect": false
-    },
-    "embedPadding": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"none\" | \"small\" | \"medium\" | \"large\"",
-        "resolved": "\"large\" | \"medium\" | \"none\" | \"small\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Embed Padding",
-            "name": "uiName"
-          }, {
-            "text": "string",
-            "name": "uiType"
-          }, {
-            "text": "[\"none\", \"small\", \"medium\", \"large\"]",
-            "name": "uiEnum"
-          }, {
-            "text": "[\"None\", \"Small\", \"Medium\", \"Large\"]",
-            "name": "uiEnumNames"
-          }],
-        "text": "Specify padding on the popup contents when in embedded mode"
-      },
-      "attribute": "embed-padding",
-      "reflect": false
-    },
-    "popupPadding": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"none\" | \"small\" | \"medium\" | \"large\"",
-        "resolved": "\"large\" | \"medium\" | \"none\" | \"small\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Popup Padding",
-            "name": "uiName"
-          }, {
-            "text": "string",
-            "name": "uiType"
-          }, {
-            "text": "[\"none\", \"small\", \"medium\", \"large\"]",
-            "name": "uiEnum"
-          }, {
-            "text": "[\"None\", \"Small\", \"Medium\", \"Large\"]",
-            "name": "uiEnumNames"
-          }],
-        "text": "Specify padding on the popup contents when in popup mode"
-      },
-      "attribute": "popup-padding",
-      "reflect": false
-    }
-  }; }
-}
+import { h, Component, Prop } from "@stencil/core";
+import PopupContainerView from "./sqm-popup-container-view";
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { usePopupContainer } from "./usePopupContainer";
+import { getProps } from "../../utils/utils";
+/**
+ * @uiName Popup Container
+ * @slots [{"name":"","title":"Content"}]
+ * @canvasRenderer always-replace
+ */
+export class PopupContainer {
+  constructor() {
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const thisProps = getProps(this);
+    return h(PopupContainerView, Object.assign({}, usePopupContainer(thisProps)));
+  }
+  static get is() { return "sqm-popup-container"; }
+  static get originalStyleUrls() { return {
+    "$": ["sqm-popup-container.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["sqm-popup-container.css"]
+  }; }
+  static get properties() { return {
+    "poweredBy": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Show Powered By",
+            "name": "uiName"
+          }],
+        "text": "Show Powered By SaaSquatch link"
+      },
+      "attribute": "powered-by",
+      "reflect": false
+    },
+    "closeButton": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Show Close Button",
+            "name": "uiName"
+          }],
+        "text": "Display a close button on the popup"
+      },
+      "attribute": "close-button",
+      "reflect": false
+    },
+    "closeButtonText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Close Button Text",
+            "name": "uiName"
+          }],
+        "text": "Text inside the close button"
+      },
+      "attribute": "close-button-text",
+      "reflect": false
+    },
+    "embedPadding": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "\"none\" | \"small\" | \"medium\" | \"large\"",
+        "resolved": "\"large\" | \"medium\" | \"none\" | \"small\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Embed Padding",
+            "name": "uiName"
+          }, {
+            "text": "string",
+            "name": "uiType"
+          }, {
+            "text": "[\"none\", \"small\", \"medium\", \"large\"]",
+            "name": "uiEnum"
+          }, {
+            "text": "[\"None\", \"Small\", \"Medium\", \"Large\"]",
+            "name": "uiEnumNames"
+          }],
+        "text": "Specify padding on the popup contents when in embedded mode"
+      },
+      "attribute": "embed-padding",
+      "reflect": false
+    },
+    "popupPadding": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "\"none\" | \"small\" | \"medium\" | \"large\"",
+        "resolved": "\"large\" | \"medium\" | \"none\" | \"small\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Popup Padding",
+            "name": "uiName"
+          }, {
+            "text": "string",
+            "name": "uiType"
+          }, {
+            "text": "[\"none\", \"small\", \"medium\", \"large\"]",
+            "name": "uiEnum"
+          }, {
+            "text": "[\"None\", \"Small\", \"Medium\", \"Large\"]",
+            "name": "uiEnumNames"
+          }],
+        "text": "Specify padding on the popup contents when in popup mode"
+      },
+      "attribute": "popup-padding",
+      "reflect": false
+    }
+  }; }
+}

package/dist/collection/components/sqm-popup-container/usePopupContainer.js

@@ -1,33 +1,33 @@
-import { useEngagementMedium } from "@saasquatch/component-boilerplate";
-export function usePopupContainer(props) {
-  const engagementMedium = useEngagementMedium();
-  function closePopup() {
-    var _a;
-    if (useEngagementMedium() === "POPUP") {
-      (_a = window.frameElement["squatchJsApi"]) === null || _a === void 0 ? void 0 : _a.close();
-    }
-  }
-  const popupPadding = props.popupPadding
-    ? props.popupPadding === "none"
-      ? "0"
-      : `var(--sl-spacing-${props.popupPadding})`
-    : "var(--sl-spacing-medium)";
-  const embedPadding = props.embedPadding
-    ? props.embedPadding === "none"
-      ? "0"
-      : `var(--sl-spacing-${props.embedPadding})`
-    : "0";
-  const padding = useEngagementMedium() === "POPUP" ? popupPadding : embedPadding;
-  return {
-    states: {
-      showCloseButton: props.closeButton && engagementMedium === "POPUP",
-      styles: {
-        ...props,
-        padding,
-        closeButtonText: props.closeButtonText ? props.closeButtonText : "X",
-      },
-    },
-    data: {},
-    callbacks: { closePopup },
-  };
-}
+import { useEngagementMedium } from "@saasquatch/component-boilerplate";
+export function usePopupContainer(props) {
+  const engagementMedium = useEngagementMedium();
+  function closePopup() {
+    var _a;
+    if (useEngagementMedium() === "POPUP") {
+      (_a = window.frameElement["squatchJsApi"]) === null || _a === void 0 ? void 0 : _a.close();
+    }
+  }
+  const popupPadding = props.popupPadding
+    ? props.popupPadding === "none"
+      ? "0"
+      : `var(--sl-spacing-${props.popupPadding})`
+    : "var(--sl-spacing-medium)";
+  const embedPadding = props.embedPadding
+    ? props.embedPadding === "none"
+      ? "0"
+      : `var(--sl-spacing-${props.embedPadding})`
+    : "0";
+  const padding = useEngagementMedium() === "POPUP" ? popupPadding : embedPadding;
+  return {
+    states: {
+      showCloseButton: props.closeButton && engagementMedium === "POPUP",
+      styles: {
+        ...props,
+        padding,
+        closeButtonText: props.closeButtonText ? props.closeButtonText : "X",
+      },
+    },
+    data: {},
+    callbacks: { closePopup },
+  };
+}

package/dist/collection/components/sqm-portal-change-password/ChangePassword.stories.js

@@ -1,147 +1,147 @@
-import { h } from "@stencil/core";
-import { PortalChangePasswordView } from "./sqm-portal-change-password-view";
-import scenario from "./sqm-portal-change-password.feature";
-export default {
-  title: "Components/Change Password",
-  parameters: {
-    scenario,
-  },
-};
-const defaultProps = {
-  states: {
-    open: false,
-    loading: false,
-    success: false,
-    error: "",
-    content: {
-      modalChangePasswordHeader: "Change Password",
-      cancelText: "Cancel",
-      changePasswordButtonText: "Change Password",
-      passwordFieldLabel: "New Password",
-      confirmPasswordFieldLabel: "Confirm new password",
-      successMessage: "Your password has been updated.",
-      portalChangePasswordHeader: "Password",
-      portalChangePasswordButtonText: "Change your password...",
-    },
-  },
-  callbacks: {
-    setOpen: (o) => console.log(o),
-    submit: (e) => console.log("Submit", e),
-  },
-};
-const openProps = {
-  states: {
-    open: true,
-    loading: false,
-    success: false,
-    error: "",
-    content: {
-      modalChangePasswordHeader: "Change Password",
-      cancelText: "Cancel",
-      changePasswordButtonText: "Change Password",
-      passwordFieldLabel: "New Password",
-      confirmPasswordFieldLabel: "Confirm new password",
-      successMessage: "Your password has been updated.",
-      portalChangePasswordHeader: "Password",
-      portalChangePasswordButtonText: "Change your password...",
-    },
-  },
-  callbacks: {
-    setOpen: (o) => console.log(o),
-    submit: (e) => console.log("Submit", e),
-  },
-};
-const errorProps = {
-  states: {
-    open: true,
-    loading: false,
-    success: false,
-    error: "Network error. Please try again.",
-    content: {
-      modalChangePasswordHeader: "Change Password",
-      cancelText: "Cancel",
-      changePasswordButtonText: "Change Password",
-      passwordFieldLabel: "New Password",
-      confirmPasswordFieldLabel: "Confirm new password",
-      successMessage: "Your password has been updated.",
-      portalChangePasswordHeader: "Password",
-      portalChangePasswordButtonText: "Change your password...",
-    },
-  },
-  callbacks: {
-    setOpen: (o) => console.log(o),
-    submit: (e) => console.log("Submit", e),
-  },
-};
-const passwordErrorProps = {
-  states: {
-    open: true,
-    loading: false,
-    success: false,
-    error: "Passwords do not match.",
-    content: {
-      modalChangePasswordHeader: "Change Password",
-      cancelText: "Cancel",
-      changePasswordButtonText: "Change Password",
-      passwordFieldLabel: "New Password",
-      confirmPasswordFieldLabel: "Confirm new password",
-      successMessage: "Your password has been updated.",
-      portalChangePasswordHeader: "Password",
-      portalChangePasswordButtonText: "Change your password...",
-    },
-  },
-  callbacks: {
-    setOpen: (o) => console.log(o),
-    submit: (e) => console.log("Submit", e),
-  },
-};
-const loadingProps = {
-  states: {
-    open: true,
-    loading: true,
-    success: false,
-    error: "",
-    content: {
-      modalChangePasswordHeader: "Change Password",
-      cancelText: "Cancel",
-      changePasswordButtonText: "Change Password",
-      passwordFieldLabel: "New Password",
-      confirmPasswordFieldLabel: "Confirm new password",
-      successMessage: "Your password has been updated.",
-      portalChangePasswordHeader: "Password",
-      portalChangePasswordButtonText: "Change your password...",
-    },
-  },
-  callbacks: {
-    setOpen: (o) => console.log(o),
-    submit: (e) => console.log("Submit", e),
-  },
-};
-const successProps = {
-  states: {
-    open: true,
-    loading: false,
-    success: true,
-    error: "",
-    content: {
-      modalChangePasswordHeader: "Change Password",
-      cancelText: "Cancel",
-      changePasswordButtonText: "Change Password",
-      passwordFieldLabel: "New Password",
-      confirmPasswordFieldLabel: "Confirm new password",
-      successMessage: "Your password has been updated.",
-      portalChangePasswordHeader: "Password",
-      portalChangePasswordButtonText: "Change your password...",
-    },
-  },
-  callbacks: {
-    setOpen: (o) => console.log(o),
-    submit: (e) => console.log("Submit", e),
-  },
-};
-export const Default = () => h(PortalChangePasswordView, Object.assign({}, defaultProps));
-export const Open = () => h(PortalChangePasswordView, Object.assign({}, openProps));
-export const Error = () => h(PortalChangePasswordView, Object.assign({}, errorProps));
-export const PaswordError = () => (h(PortalChangePasswordView, Object.assign({}, passwordErrorProps)));
-export const Loading = () => h(PortalChangePasswordView, Object.assign({}, loadingProps));
-export const Success = () => h(PortalChangePasswordView, Object.assign({}, successProps));
+import { h } from "@stencil/core";
+import { PortalChangePasswordView } from "./sqm-portal-change-password-view";
+import scenario from "./sqm-portal-change-password.feature";
+export default {
+  title: "Components/Change Password",
+  parameters: {
+    scenario,
+  },
+};
+const defaultProps = {
+  states: {
+    open: false,
+    loading: false,
+    success: false,
+    error: "",
+    content: {
+      modalChangePasswordHeader: "Change Password",
+      cancelText: "Cancel",
+      changePasswordButtonText: "Change Password",
+      passwordFieldLabel: "New Password",
+      confirmPasswordFieldLabel: "Confirm new password",
+      successMessage: "Your password has been updated.",
+      portalChangePasswordHeader: "Password",
+      portalChangePasswordButtonText: "Change your password...",
+    },
+  },
+  callbacks: {
+    setOpen: (o) => console.log(o),
+    submit: (e) => console.log("Submit", e),
+  },
+};
+const openProps = {
+  states: {
+    open: true,
+    loading: false,
+    success: false,
+    error: "",
+    content: {
+      modalChangePasswordHeader: "Change Password",
+      cancelText: "Cancel",
+      changePasswordButtonText: "Change Password",
+      passwordFieldLabel: "New Password",
+      confirmPasswordFieldLabel: "Confirm new password",
+      successMessage: "Your password has been updated.",
+      portalChangePasswordHeader: "Password",
+      portalChangePasswordButtonText: "Change your password...",
+    },
+  },
+  callbacks: {
+    setOpen: (o) => console.log(o),
+    submit: (e) => console.log("Submit", e),
+  },
+};
+const errorProps = {
+  states: {
+    open: true,
+    loading: false,
+    success: false,
+    error: "Network error. Please try again.",
+    content: {
+      modalChangePasswordHeader: "Change Password",
+      cancelText: "Cancel",
+      changePasswordButtonText: "Change Password",
+      passwordFieldLabel: "New Password",
+      confirmPasswordFieldLabel: "Confirm new password",
+      successMessage: "Your password has been updated.",
+      portalChangePasswordHeader: "Password",
+      portalChangePasswordButtonText: "Change your password...",
+    },
+  },
+  callbacks: {
+    setOpen: (o) => console.log(o),
+    submit: (e) => console.log("Submit", e),
+  },
+};
+const passwordErrorProps = {
+  states: {
+    open: true,
+    loading: false,
+    success: false,
+    error: "Passwords do not match.",
+    content: {
+      modalChangePasswordHeader: "Change Password",
+      cancelText: "Cancel",
+      changePasswordButtonText: "Change Password",
+      passwordFieldLabel: "New Password",
+      confirmPasswordFieldLabel: "Confirm new password",
+      successMessage: "Your password has been updated.",
+      portalChangePasswordHeader: "Password",
+      portalChangePasswordButtonText: "Change your password...",
+    },
+  },
+  callbacks: {
+    setOpen: (o) => console.log(o),
+    submit: (e) => console.log("Submit", e),
+  },
+};
+const loadingProps = {
+  states: {
+    open: true,
+    loading: true,
+    success: false,
+    error: "",
+    content: {
+      modalChangePasswordHeader: "Change Password",
+      cancelText: "Cancel",
+      changePasswordButtonText: "Change Password",
+      passwordFieldLabel: "New Password",
+      confirmPasswordFieldLabel: "Confirm new password",
+      successMessage: "Your password has been updated.",
+      portalChangePasswordHeader: "Password",
+      portalChangePasswordButtonText: "Change your password...",
+    },
+  },
+  callbacks: {
+    setOpen: (o) => console.log(o),
+    submit: (e) => console.log("Submit", e),
+  },
+};
+const successProps = {
+  states: {
+    open: true,
+    loading: false,
+    success: true,
+    error: "",
+    content: {
+      modalChangePasswordHeader: "Change Password",
+      cancelText: "Cancel",
+      changePasswordButtonText: "Change Password",
+      passwordFieldLabel: "New Password",
+      confirmPasswordFieldLabel: "Confirm new password",
+      successMessage: "Your password has been updated.",
+      portalChangePasswordHeader: "Password",
+      portalChangePasswordButtonText: "Change your password...",
+    },
+  },
+  callbacks: {
+    setOpen: (o) => console.log(o),
+    submit: (e) => console.log("Submit", e),
+  },
+};
+export const Default = () => h(PortalChangePasswordView, Object.assign({}, defaultProps));
+export const Open = () => h(PortalChangePasswordView, Object.assign({}, openProps));
+export const Error = () => h(PortalChangePasswordView, Object.assign({}, errorProps));
+export const PaswordError = () => (h(PortalChangePasswordView, Object.assign({}, passwordErrorProps)));
+export const Loading = () => h(PortalChangePasswordView, Object.assign({}, loadingProps));
+export const Success = () => h(PortalChangePasswordView, Object.assign({}, successProps));