@saasquatch/mint-components 1.3.3-0 → 1.3.3-1

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

@@ -1,139 +0,0 @@
-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 for widgets
- */
-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 SaaSquatch Powered By messaging",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "powered-by",
-      "reflect": false
-    },
-    "closeButton": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Display a close button on the popup",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "close-button",
-      "reflect": false
-    },
-    "closeButtonText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Text to be used as the close button",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "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": "Specify padding on the popup contents when in embedded mode",
-            "name": "uiName"
-          }, {
-            "text": "string",
-            "name": "uiType"
-          }, {
-            "text": "[\"none\", \"small\", \"medium\", \"large\"]",
-            "name": "uiEnum"
-          }],
-        "text": ""
-      },
-      "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": "Specify padding on the popup contents when in popup mode",
-            "name": "uiName"
-          }, {
-            "text": "string",
-            "name": "uiType"
-          }, {
-            "text": "[\"none\", \"small\", \"medium\", \"large\"]",
-            "name": "uiEnum"
-          }],
-        "text": ""
-      },
-      "attribute": "popup-padding",
-      "reflect": false
-    }
-  }; }
-}

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

@@ -1,33 +0,0 @@
-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/sqm-portal-change-password-view.js

@@ -1,76 +0,0 @@
-import { h } from "@stencil/core";
-import jss from "jss";
-import preset from "jss-preset-default";
-import { PortalContainerView } from "../sqm-portal-container/sqm-portal-container-view";
-import { PortalSectionView } from "../sqm-titled-section/sqm-portal-section-view";
-import { TextSpanView } from "../sqm-text-span/sqm-text-span-view";
-export function PortalChangePasswordView(props) {
-  const { states, callbacks } = props;
-  const style = {
-    Dialog: {
-      padding: "0",
-      "&::part(close-button)": {
-        "margin-top": "var(--sl-spacing-medium)",
-      },
-      "&::part(body)": {
-        padding: "0 var(--sl-spacing-x-large) var(--sl-spacing-x-large) var(--sl-spacing-x-large)",
-      },
-    },
-    Error: {
-      "&::part(erroralert-base)": {
-        "margin-bottom": "15px",
-      },
-    },
-    Success: {
-      "&::part(successalert-base)": {
-        "margin-bottom": "15px",
-      },
-    },
-    InputContainer: {
-      "& > :not(:last-child)": {
-        "margin-bottom": "var(--sl-spacing-x-large)",
-      },
-    },
-    CancelButton: {
-      width: "25%",
-      margin: "var(--sl-spacing-large) auto",
-    },
-    PasswordField: {
-      marginBottom: "var(--sl-spacing-large) !important",
-      display: "block",
-    },
-    ChangePasswordButton: {
-      paddingTop: "var(--sl-spacing-x-large)",
-    },
-  };
-  jss.setup(preset());
-  const sheet = jss.createStyleSheet(style);
-  const styleString = sheet.toString();
-  return (h("div", null,
-    h("style", { type: "text/css" }, styleString),
-    h("sl-dialog", { class: sheet.classes.Dialog, open: states.open, "onSl-hide": () => callbacks.setOpen(false) },
-      h(PortalSectionView, Object.assign({}, {
-        labelMargin: "x-large",
-        padding: "none",
-        label: (h(TextSpanView, Object.assign({}, { type: "h2" }), states.content.modalChangePasswordHeader)),
-        content: (h(PortalContainerView, Object.assign({}, { direction: "column", padding: "none", gap: "32px" }),
-          states.error && (h("sqm-form-message", { class: sheet.classes.Error, type: "error", exportparts: "erroralert-icon" },
-            h("div", { part: "erroralert-text" }, states.error))),
-          states.success && (h("sqm-form-message", { class: sheet.classes.Success, type: "success", exportparts: "successalert-icon" },
-            h("div", { part: "successalert-text" }, states.content.successMessage))),
-          h("sl-form", { "onSl-submit": callbacks.submit },
-            h("div", { class: sheet.classes.InputContainer },
-              h("sqm-password-field", { exportparts: "input-label: input-label", class: sheet.classes.PasswordField, fieldLabel: states.content.passwordFieldLabel }),
-              h("sl-input", { exportparts: "label: input-label", name: "/confirmPassword", label: states.content.confirmPasswordFieldLabel, required: true, togglePassword: true, disabled: states.loading, type: "password" })),
-            h(PortalContainerView, Object.assign({}, { direction: "row", padding: "none", gap: "20px" }),
-              h("sl-button", { class: sheet.classes.ChangePasswordButton, type: "primary", submit: true, loading: states.loading }, states.content.changePasswordButtonText),
-              h("sl-button", { class: sheet.classes.CancelButton, type: "text", onClick: () => callbacks.setOpen(false) }, states.content.cancelText))))),
-      }))),
-    h(PortalSectionView, Object.assign({}, {
-      labelMargin: "x-large",
-      padding: "xxx-large",
-      label: (h(TextSpanView, Object.assign({}, { type: "h2" }), states.content.portalChangePasswordHeader)),
-      content: (h("sl-button", { onClick: () => callbacks.setOpen(true) }, states.content.portalChangePasswordButtonText)),
-    }),
-      h("style", { type: "text/css" }, styleString))));
-}

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

@@ -1,281 +0,0 @@
-import { Component, h, Prop, State } from "@stencil/core";
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { PortalChangePasswordView, } from "./sqm-portal-change-password-view";
-import { usePortalChangePassword } from "./usePortalChangePassword";
-import { isDemo } from "@saasquatch/component-boilerplate";
-import deepmerge from "deepmerge";
-/**
- * @uiName Portal Profile
- */
-export class PortalChangePassword {
-  constructor() {
-    this.ignored = true;
-    /**
-     * @uiName Change password modal header
-     */
-    this.modalChangePasswordHeader = "Change Password";
-    /**
-     * @uiName Modal cancel password change button text
-     */
-    this.cancelText = "Cancel";
-    /**
-     * @uiName Modal change password button text
-     */
-    this.changePasswordButtonText = "Change Password";
-    /**
-     * @uiName Password input field label
-     */
-    this.passwordFieldLabel = "New Password";
-    /**
-     * @uiName Password confirmation input field label
-     */
-    this.confirmPasswordFieldLabel = "Confirm New Password";
-    /**
-     * @uiName Successful password change message
-     */
-    this.successMessage = "Your password has been updated.";
-    /**
-     * @uiName Portal change password section header
-     */
-    this.portalChangePasswordHeader = "Password";
-    /**
-     * @uiName Portal change password button text
-     */
-    this.portalChangePasswordButtonText = "Change your password...";
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states, callbacks } = isDemo()
-      ? usePortalChangePasswordDemo(this)
-      : usePortalChangePassword(this);
-    return h(PortalChangePasswordView, { states: states, callbacks: callbacks });
-  }
-  static get is() { return "sqm-portal-change-password"; }
-  static get encapsulation() { return "shadow"; }
-  static get properties() { return {
-    "modalChangePasswordHeader": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Change password modal header",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "modal-change-password-header",
-      "reflect": false,
-      "defaultValue": "\"Change Password\""
-    },
-    "cancelText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Modal cancel password change button text",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "cancel-text",
-      "reflect": false,
-      "defaultValue": "\"Cancel\""
-    },
-    "changePasswordButtonText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Modal change password button text",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "change-password-button-text",
-      "reflect": false,
-      "defaultValue": "\"Change Password\""
-    },
-    "passwordFieldLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Password input field label",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "password-field-label",
-      "reflect": false,
-      "defaultValue": "\"New Password\""
-    },
-    "confirmPasswordFieldLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Password confirmation input field label",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "confirm-password-field-label",
-      "reflect": false,
-      "defaultValue": "\"Confirm New Password\""
-    },
-    "successMessage": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Successful password change message",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "success-message",
-      "reflect": false,
-      "defaultValue": "\"Your password has been updated.\""
-    },
-    "portalChangePasswordHeader": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Portal change password section header",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "portal-change-password-header",
-      "reflect": false,
-      "defaultValue": "\"Password\""
-    },
-    "portalChangePasswordButtonText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Portal change password button text",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "portal-change-password-button-text",
-      "reflect": false,
-      "defaultValue": "\"Change your password...\""
-    },
-    "demoData": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "DemoData<PortalChangePasswordViewProps>",
-        "resolved": "{ states?: { open: boolean; error: string; loading: boolean; success: boolean; content: { modalChangePasswordHeader: string; cancelText: string; changePasswordButtonText: string; passwordFieldLabel: string; confirmPasswordFieldLabel: string; successMessage: string; portalChangePasswordHeader: string; portalChangePasswordButtonText: string; }; }; }",
-        "references": {
-          "DemoData": {
-            "location": "import",
-            "path": "../../global/demo"
-          },
-          "PortalChangePasswordViewProps": {
-            "location": "import",
-            "path": "./sqm-portal-change-password-view"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "undocumented"
-          }, {
-            "text": "object",
-            "name": "uiType"
-          }],
-        "text": ""
-      }
-    }
-  }; }
-  static get states() { return {
-    "ignored": {}
-  }; }
-}
-function usePortalChangePasswordDemo(props) {
-  return deepmerge({
-    states: {
-      open: 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),
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}

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

@@ -1,61 +0,0 @@
-import { useEffect, useState } from "@saasquatch/universal-hooks";
-import jsonpointer from "jsonpointer";
-import { useChangePasswordMutation, useUserIdentity, } from "@saasquatch/component-boilerplate";
-export function usePortalChangePassword(props) {
-  var _a, _b, _c, _d;
-  const [request, { loading, errors, data }] = useChangePasswordMutation();
-  const [open, setOpen] = useState(false);
-  const [error, setError] = useState("");
-  const [success, setSuccess] = useState(false);
-  const user = useUserIdentity();
-  const submit = async (event) => {
-    var _a;
-    setSuccess(false);
-    const formData = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.formData;
-    formData === null || formData === void 0 ? void 0 : formData.forEach((value, key) => {
-      jsonpointer.set(formData, key, value);
-    });
-    if (!(user === null || user === void 0 ? void 0 : user.jwt)) {
-      setError("Please log in again to change your password.");
-      return;
-    }
-    if (formData.password !== formData.confirmPassword) {
-      setError("Passwords do not match.");
-      return;
-    }
-    setError("");
-    const variables = {
-      password: formData.password,
-    };
-    await request(variables);
-  };
-  useEffect(() => {
-    var _a;
-    if ((_a = data === null || data === void 0 ? void 0 : data.changeManagedIdentityPassword) === null || _a === void 0 ? void 0 : _a.success) {
-      setSuccess(true);
-    }
-  }, [(_a = data === null || data === void 0 ? void 0 : data.changeManagedIdentityPassword) === null || _a === void 0 ? void 0 : _a.success]);
-  return {
-    states: {
-      open,
-      loading,
-      success,
-      error: error || ((_d = (_c = (_b = errors === null || errors === void 0 ? void 0 : errors.response) === null || _b === void 0 ? void 0 : _b.errors) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.message),
-      content: {
-        modalChangePasswordHeader: props.modalChangePasswordHeader,
-        cancelText: props.cancelText,
-        changePasswordButtonText: props.changePasswordButtonText,
-        passwordFieldLabel: props.passwordFieldLabel,
-        confirmPasswordFieldLabel: props.confirmPasswordFieldLabel,
-        successMessage: props.successMessage,
-        portalChangePasswordHeader: props.portalChangePasswordHeader,
-        portalChangePasswordButtonText: props.portalChangePasswordButtonText,
-      },
-    },
-    data: {},
-    callbacks: {
-      setOpen,
-      submit,
-    },
-  };
-}

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

@@ -1,27 +0,0 @@
-import { h } from "@stencil/core";
-import jss from "jss";
-import preset from "jss-preset-default";
-export function PortalContainerView(props, children) {
-  const style = {
-    Container: {
-      display: "grid",
-      "grid-template-columns": props.direction === "row"
-        ? `repeat(auto-fill, minmax(${props.minWidth}, auto))`
-        : "",
-      "grid-gap": `var(--sl-spacing-${props.gap})`,
-      padding: props.padding === "none" ? "0" : `var(--sl-spacing-${props.padding})`,
-    },
-  };
-  const vanillaStyle = `
-  :host{
-    width: 100%;
-  }`;
-  jss.setup(preset());
-  const sheet = jss.createStyleSheet(style);
-  const styleString = sheet.toString();
-  return (h("div", { class: sheet.classes.Container },
-    h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    children));
-}