@saasquatch/mint-components 1.2.1 → 1.2.2-11

package/dist/cjs/sqm-program-menu.cjs.entry.js

@@ -1,57 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-b0129cd6.js');
-const _extends = require('./extends-0302d27d.js');
-const index_module = require('./index.module-c7136d45.js');
-const utils = require('./utils-008094cc.js');
-
-const debug = _extends.browser('sq:useProgramMenu');
-const UPDATE_PROGRAM_EVENT = 'sq:update-program-id';
-function useProgramMenu(props) {
-  const programId = index_module.M();
-  const host = index_module.P();
-  debug({ programId, props });
-  const ref = _extends.useRef();
-  const [, rerender] = index_module.Ze();
-  _extends.useEffect(() => {
-    var _a;
-    (_a = ref.current) === null || _a === void 0 ? void 0 : _a.addEventListener('sl-select', (e) => {
-      const programId = e.detail.item.value;
-      // setProgramId(programId);
-      host.dispatchEvent(new CustomEvent(UPDATE_PROGRAM_EVENT, {
-        detail: programId,
-        bubbles: true,
-        composed: true,
-      }));
-    });
-  }, [ref.current]);
-  return {
-    data: {
-      programId,
-    },
-    callbacks: {
-      rerender,
-    },
-    ref,
-  };
-}
-
-const sqmProgramMenuCss = ":host{display:block}:host([hidden]){display:none}.HeaderWrapper{width:100%;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:var(--sl-spacing-small) var(--sl-spacing-large);-ms-flex-align:center;align-items:center;background-color:var(--sqm-header-background)}@media screen and (max-width: 499px){.HeaderWrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:end;justify-content:flex-end;padding:0 var(--sl-spacing-x-small)}}";
-
-const ProgramMenu = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ignored = true;
-    _extends.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { data, ref } = useProgramMenu(utils.getProps(this));
-    return (index.h(index.Host, { style: { display: "contents" } }, index.h("sl-select", { style: { paddingBottom: "var(--sl-spacing-large)" }, value: data.programId, ref: (r) => (ref.current = r) }, index.h("slot", null))));
-  }
-};
-ProgramMenu.style = sqmProgramMenuCss;
-
-exports.sqm_program_menu = ProgramMenu;

package/dist/collection/components/sqm-program-menu/sqm-program-menu.css

@@ -1,25 +0,0 @@
-:host {
-  display: block;
-}
-
-:host([hidden]) {
-  display: none;
-}
-
-.HeaderWrapper {
-  width: 100%;
-  max-width: 100%;
-  box-sizing: border-box;
-  display: flex;
-  justify-content: space-between;
-  padding: var(--sl-spacing-small) var(--sl-spacing-large);
-  align-items: center;
-  background-color: var(--sqm-header-background);
-}
-@media screen and (max-width: 499px) {
-  .HeaderWrapper {
-    flex-direction: row-reverse;
-    justify-content: flex-end;
-    padding: 0 var(--sl-spacing-x-small);
-  }
-}

package/dist/esm/sqm-portal-login-view-7e56a959.js

@@ -1,51 +0,0 @@
-import { h } from './index-17b4da69.js';
-import { j as jss, c as create } from './jss-preset-default.esm-5aaab97b.js';
-import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-583d364a.js';
-import { T as TextSpanView } from './sqm-text-span-view-244dee55.js';
-
-const style = {
-  Wrapper: AuthWrapper,
-  Column: AuthColumn,
-  ForgotButtonContainer: {
-    display: "inline",
-    cursor: "pointer",
-    "font-size": "13px",
-    "font-weight": "600",
-    color: "#AAAAAA",
-    margin: "0",
-  },
-  ButtonsContainer: AuthButtonsContainer,
-};
-const vanillaStyle = `
-:host {
-  margin: 0 auto;
-  width: 100%;
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
-`;
-jss.setup(create());
-const sheet = jss.createStyleSheet(style);
-const styleString = sheet.toString();
-function PortalLoginView(props) {
-  const { states, callbacks, content } = props;
-  return (h("div", { class: sheet.classes.Wrapper },
-    h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    h(TextSpanView, { type: "h3" }, content.pageLabel),
-    h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.submit },
-      props.states.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
-        h("div", { part: "erroralert-text" }, props.states.error))),
-      h("sl-input", { exportparts: "label: input-label", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
-      h("div", null,
-        h("sl-input", { exportparts: "label: input-label", type: "password", name: "/password", label: content.passwordLabel || "Password", disabled: states.loading, required: true }),
-        h("div", { class: sheet.classes.ForgotButtonContainer }, content.forgotPasswordButton)),
-      h("div", { class: sheet.classes.ButtonsContainer },
-        h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Login"),
-        content.secondaryButton))));
-}
-
-export { PortalLoginView as P };

package/dist/esm/sqm-portal-login.entry.js

@@ -1,115 +0,0 @@
-import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { k as useState, f as useEffect, m as h } from './extends-faeb047d.js';
-import { q as qe, r as rn, j } from './index.module-7a2b1f9b.js';
-import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import './jss-preset-default.esm-5aaab97b.js';
-import { c as cjs } from './cjs-bdfb4486.js';
-import './mixins-583d364a.js';
-import './sqm-text-span-view-244dee55.js';
-import { P as PortalLoginView } from './sqm-portal-login-view-7e56a959.js';
-
-function usePortalLogin({ nextPage }) {
-  var _a, _b, _c, _d;
-  const [request, { loading, errors, data }] = qe();
-  const [error, setError] = useState("");
-  const urlParams = new URLSearchParams(window.location.search);
-  const nextPageOverride = urlParams.get("nextPage");
-  const submit = async (event) => {
-    setError("");
-    let formData = event.detail.formData;
-    formData === null || formData === void 0 ? void 0 : formData.forEach((value, key) => {
-      jsonpointer.set(formData, key, value);
-    });
-    const variables = { email: formData.email, password: formData.password };
-    await request(variables);
-  };
-  useEffect(() => {
-    var _a;
-    if ((_a = data === null || data === void 0 ? void 0 : data.authenticateManagedIdentityWithEmailAndPassword) === null || _a === void 0 ? void 0 : _a.token) {
-      urlParams.delete("nextPage");
-      rn.push({
-        pathname: nextPageOverride || nextPage,
-        search: urlParams.toString() && "?" + urlParams.toString(),
-      });
-    }
-  }, [(_a = data === null || data === void 0 ? void 0 : data.authenticateManagedIdentityWithEmailAndPassword) === null || _a === void 0 ? void 0 : _a.token]);
-  useEffect(() => {
-    var _a;
-    if ((errors === null || errors === void 0 ? void 0 : errors.message) || ((_a = errors === null || errors === void 0 ? void 0 : errors.response) === null || _a === void 0 ? void 0 : _a["error"])) {
-      setError("Network request failed.");
-    }
-  }, [errors]);
-  const errorMessage = ((_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) || error;
-  return {
-    states: {
-      loading,
-      error: errorMessage,
-    },
-    callbacks: {
-      submit,
-    },
-  };
-}
-
-const PortalLogin = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * @uiName Page navigated to after sign-in
-     */
-    this.nextPage = "/";
-    /**
-     * @uiName Label for email field
-     */
-    this.emailLabel = "Email";
-    /**
-     * @uiName Label for password field
-     */
-    this.passwordLabel = "Password";
-    /**
-     * @uiName Label for submit button
-     */
-    this.submitLabel = "Sign In";
-    /**
-     * @uiName Label for forgotten password button
-     */
-    this.forgotPasswordLabel = "Forgot Password?";
-    /**
-     * @uiName Label for register navigation button
-     */
-    this.registerLabel = "Register";
-    /**
-     * @uiName Heading label
-     */
-    this.pageLabel = "Sign in to your account";
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states, callbacks } = j()
-      ? useLoginDemo(this)
-      : usePortalLogin(this);
-    const content = {
-      forgotPasswordButton: (h$1("slot", { name: "forgotPassword" }, h$1("a", { onClick: () => rn.push("/forgotPassword") }, this.forgotPasswordLabel))),
-      secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("sl-button", { type: "text", disabled: states.loading, onClick: () => rn.push("/register") }, this.registerLabel))),
-      emailLabel: this.emailLabel,
-      passwordLabel: this.passwordLabel,
-      submitLabel: this.submitLabel,
-      pageLabel: this.pageLabel,
-    };
-    return (h$1(PortalLoginView, { states: states, callbacks: callbacks, content: content }));
-  }
-};
-function useLoginDemo(props) {
-  return cjs({
-    states: { error: "", loading: false },
-    callbacks: {
-      submit: async (_event) => {
-        console.log("submit");
-      },
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
-export { PortalLogin as sqm_portal_login };

package/dist/esm/sqm-program-menu.entry.js

@@ -1,53 +0,0 @@
-import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { b as browser, i as useRef, f as useEffect, m as h } from './extends-faeb047d.js';
-import { M, P, Z as Ze } from './index.module-7a2b1f9b.js';
-import { g as getProps } from './utils-5ce97f37.js';
-
-const debug = browser('sq:useProgramMenu');
-const UPDATE_PROGRAM_EVENT = 'sq:update-program-id';
-function useProgramMenu(props) {
-  const programId = M();
-  const host = P();
-  debug({ programId, props });
-  const ref = useRef();
-  const [, rerender] = Ze();
-  useEffect(() => {
-    var _a;
-    (_a = ref.current) === null || _a === void 0 ? void 0 : _a.addEventListener('sl-select', (e) => {
-      const programId = e.detail.item.value;
-      // setProgramId(programId);
-      host.dispatchEvent(new CustomEvent(UPDATE_PROGRAM_EVENT, {
-        detail: programId,
-        bubbles: true,
-        composed: true,
-      }));
-    });
-  }, [ref.current]);
-  return {
-    data: {
-      programId,
-    },
-    callbacks: {
-      rerender,
-    },
-    ref,
-  };
-}
-
-const sqmProgramMenuCss = ":host{display:block}:host([hidden]){display:none}.HeaderWrapper{width:100%;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:var(--sl-spacing-small) var(--sl-spacing-large);-ms-flex-align:center;align-items:center;background-color:var(--sqm-header-background)}@media screen and (max-width: 499px){.HeaderWrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:end;justify-content:flex-end;padding:0 var(--sl-spacing-x-small)}}";
-
-const ProgramMenu = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ignored = true;
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { data, ref } = useProgramMenu(getProps(this));
-    return (h$1(Host, { style: { display: "contents" } }, h$1("sl-select", { style: { paddingBottom: "var(--sl-spacing-large)" }, value: data.programId, ref: (r) => (ref.current = r) }, h$1("slot", null))));
-  }
-};
-ProgramMenu.style = sqmProgramMenuCss;
-
-export { ProgramMenu as sqm_program_menu };