@saasquatch/mint-components 1.15.0-67 → 1.15.0-69

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.15.0-67",
+  "version": "1.15.0-69",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",

package/dist/cjs/sqm-referred-registration.cjs.entry.js

@@ -1,178 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-a43a63b4.js');
-const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
-const index_module = require('./index.module-4f54e412.js');
-require('./jsonpointer-11327262.js');
-const cjs = require('./cjs-1066ec21.js');
-require('./JSS-8503a151.js');
-require('./mixins-4761d472.js');
-const emailRegistrationView = require('./email-registration-view-ace50780.js');
-require('./useRegistrationFormState-bbee6e7b.js');
-const useInstantAccessRegistration = require('./useInstantAccessRegistration-08bcb487.js');
-
-const ReferredRegistration = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    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";
-    /**
-     * Require your participants to enter their first and last name.
-     *
-     * @uiName Include name fields
-     */
-    this.includeName = false;
-    /**
-     * @uiName Hide border
-     * @uiGroup Card style
-     */
-    this.hideBorder = false;
-    /**
-     * Display this message when a required field has not been filled out.
-     *
-     * @uiName Required field message
-     * @uiWidget textArea
-     * @uiGroup Error messages
-     */
-    this.requiredFieldErrorMessage = "Cannot be empty";
-    /**
-     * Display this message when the given email is invalid.
-     *
-     * @uiName Invalid email message
-     * @uiWidget textArea
-     * @uiGroup Error messages
-     */
-    this.invalidEmailErrorMessage = "Please enter a valid email address";
-    /**
-     * Display this message when the form submission unexpectedly fails.
-     *
-     * @uiName Network error message
-     * @uiWidget textArea
-     * @uiGroup Error messages
-     */
-    this.networkErrorMessage = "There was a problem signing you in. Please wait a moment and try again. If this problem continues, contact Support for help resolving this issue.";
-    /**
-     * Display this message when there is suspected fraud.
-     *
-     * @uiName Fraud error message
-     * @uiWidget textArea
-     * @uiGroup Error messages
-     */
-    this.fraudErrorMessage = "Our team will review this referral. If approved, you and your friend will receive your rewards. Need help? Reach out to our Support team.";
-    /**
-     * Display this message when there is suspected fraud.
-     *
-     * @uiName Fraud error message title
-     * @uiWidget textArea
-     * @uiGroup Error messages
-     */
-    this.fraudErrorMessageTitle = "Looks like you tried referring yourself";
-    /**
-     * @uiName Top padding
-     * @uiGroup Card style
-     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-     */
-    this.paddingTop = "large";
-    /**
-     * @uiName Right padding
-     * @uiGroup Card style
-     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-     */
-    this.paddingRight = "large";
-    /**
-     * @uiName Bottom padding
-     * @uiGroup Card style
-     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-     */
-    this.paddingBottom = "large";
-    /**
-     * @uiName Left padding
-     * @uiGroup Card style
-     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-     */
-    this.paddingLeft = "large";
-    /**
-     * @uiName Background color
-     * @uiWidget color
-     * @uiGroup Card style
-     * @uiType string
-     */
-    this.backgroundColor = "#ffffff";
-    /**
-     * @undocumented
-     * @uiType boolean
-     */
-    this.includeCookies = true;
-    domContextHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states, callbacks } = index_module.isDemo()
-      ? useRegistrationDemo(this)
-      : useInstantAccessRegistration.useInstantAccessRegistration(this);
-    const content = {
-      fraudErrorMessage: this.fraudErrorMessage,
-      fraudErrorMessageTitle: this.fraudErrorMessageTitle,
-      emailLabel: this.emailLabel,
-      registerLabel: this.registerLabel,
-      firstNameLabel: this.firstNameLabel,
-      lastNameLabel: this.lastNameLabel,
-      includeName: this.includeName,
-      hideBorder: this.hideBorder,
-      invalidEmailErrorMessage: this.invalidEmailErrorMessage,
-      requiredFieldErrorMessage: this.requiredFieldErrorMessage,
-      paddingTop: this.paddingTop,
-      paddingBottom: this.paddingBottom,
-      paddingLeft: this.paddingLeft,
-      paddingRight: this.paddingRight,
-      backgroundColor: this.backgroundColor,
-      // slots
-      topSlot: index.h("slot", { name: "top" }),
-      bottomSlot: index.h("slot", { name: "bottom" }),
-    };
-    return (index.h(emailRegistrationView.EmailRegistrationView, { states: states, callbacks: callbacks, content: content }));
-  }
-};
-function useRegistrationDemo(props) {
-  const onSubmit = () => {
-    index_module.setUserIdentity({
-      id: "referrer@example.com",
-      accountId: "referrer@example.com",
-      jwt: "eyJraWQiOiJlNjI2NzQxNy1jMzZlLTRlM2EtYjM5NS1lYTFmY2YyNmU3YzIiLCJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJjbVZtWlhKeVpYSkFaWGhoYlhCc1pTNWpiMjA9OmNtVm1aWEp5WlhKQVpYaGhiWEJzWlM1amIyMD1AdGVzdF9heGJndGF0dzF0Y2NwOnVzZXJzIiwicGFzc3dvcmRsZXNzIjp0cnVlLCJpc3MiOiJodHRwczovL3N0YWdpbmcucmVmZXJyYWxzYWFzcXVhdGNoLmNvbS8iLCJleHAiOjE2ODA4ODU5MTksImlhdCI6MTY4MDc5OTUxOX0.kjmTVVf_BTb-uMNKnadLyNLxMFwpkefsY02O3iAfBVIJJZZfeZMwunPlKsS3Vbp28aYRClBjH5Wj4pYxDn23D0CdZx8KNCqiJ8yF6149O9SPMkRseoJkliqS6LyvMOEDjGDkuLfcC8_hq1AHBXFt5BdCtWOk1gwf_5R9A0w5gXEIvprBzbNDLbuo88bVAlrmFNvfttXXryrpUeruMal7cBKuy02YblBrB4kKoyJiprU5GLEjciBA4A56u8TwQc0kbsPf2YcQaJsY_IvkC7S1u4sPyObpq6iF6Ed8UYHAo6nU5KjZXyVtoUyeIS11mf_6OtDO6LyMNHV2FtEUUDdPCg",
-    });
-  };
-  return cjs.cjs({
-    states: {
-      error: "",
-      loading: false,
-    },
-    callbacks: {
-      submit: async (_event) => {
-        onSubmit();
-      },
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
-exports.sqm_referred_registration = ReferredRegistration;

package/dist/esm/sqm-referred-registration.entry.js

@@ -1,174 +0,0 @@
-import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
-import { n as h } from './dom-context-hooks.module-63370afd.js';
-import { i as isDemo, b as setUserIdentity } from './index.module-38dad6c9.js';
-import './jsonpointer-388a7082.js';
-import { c as cjs } from './cjs-bdfb4486.js';
-import './JSS-67b5cff8.js';
-import './mixins-f750863a.js';
-import { E as EmailRegistrationView } from './email-registration-view-1f587f8b.js';
-import './useRegistrationFormState-18c2cea7.js';
-import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-0f04459e.js';
-
-const ReferredRegistration = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    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";
-    /**
-     * Require your participants to enter their first and last name.
-     *
-     * @uiName Include name fields
-     */
-    this.includeName = false;
-    /**
-     * @uiName Hide border
-     * @uiGroup Card style
-     */
-    this.hideBorder = false;
-    /**
-     * Display this message when a required field has not been filled out.
-     *
-     * @uiName Required field message
-     * @uiWidget textArea
-     * @uiGroup Error messages
-     */
-    this.requiredFieldErrorMessage = "Cannot be empty";
-    /**
-     * Display this message when the given email is invalid.
-     *
-     * @uiName Invalid email message
-     * @uiWidget textArea
-     * @uiGroup Error messages
-     */
-    this.invalidEmailErrorMessage = "Please enter a valid email address";
-    /**
-     * Display this message when the form submission unexpectedly fails.
-     *
-     * @uiName Network error message
-     * @uiWidget textArea
-     * @uiGroup Error messages
-     */
-    this.networkErrorMessage = "There was a problem signing you in. Please wait a moment and try again. If this problem continues, contact Support for help resolving this issue.";
-    /**
-     * Display this message when there is suspected fraud.
-     *
-     * @uiName Fraud error message
-     * @uiWidget textArea
-     * @uiGroup Error messages
-     */
-    this.fraudErrorMessage = "Our team will review this referral. If approved, you and your friend will receive your rewards. Need help? Reach out to our Support team.";
-    /**
-     * Display this message when there is suspected fraud.
-     *
-     * @uiName Fraud error message title
-     * @uiWidget textArea
-     * @uiGroup Error messages
-     */
-    this.fraudErrorMessageTitle = "Looks like you tried referring yourself";
-    /**
-     * @uiName Top padding
-     * @uiGroup Card style
-     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-     */
-    this.paddingTop = "large";
-    /**
-     * @uiName Right padding
-     * @uiGroup Card style
-     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-     */
-    this.paddingRight = "large";
-    /**
-     * @uiName Bottom padding
-     * @uiGroup Card style
-     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-     */
-    this.paddingBottom = "large";
-    /**
-     * @uiName Left padding
-     * @uiGroup Card style
-     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-     */
-    this.paddingLeft = "large";
-    /**
-     * @uiName Background color
-     * @uiWidget color
-     * @uiGroup Card style
-     * @uiType string
-     */
-    this.backgroundColor = "#ffffff";
-    /**
-     * @undocumented
-     * @uiType boolean
-     */
-    this.includeCookies = true;
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states, callbacks } = isDemo()
-      ? useRegistrationDemo(this)
-      : useInstantAccessRegistration(this);
-    const content = {
-      fraudErrorMessage: this.fraudErrorMessage,
-      fraudErrorMessageTitle: this.fraudErrorMessageTitle,
-      emailLabel: this.emailLabel,
-      registerLabel: this.registerLabel,
-      firstNameLabel: this.firstNameLabel,
-      lastNameLabel: this.lastNameLabel,
-      includeName: this.includeName,
-      hideBorder: this.hideBorder,
-      invalidEmailErrorMessage: this.invalidEmailErrorMessage,
-      requiredFieldErrorMessage: this.requiredFieldErrorMessage,
-      paddingTop: this.paddingTop,
-      paddingBottom: this.paddingBottom,
-      paddingLeft: this.paddingLeft,
-      paddingRight: this.paddingRight,
-      backgroundColor: this.backgroundColor,
-      // slots
-      topSlot: h$1("slot", { name: "top" }),
-      bottomSlot: h$1("slot", { name: "bottom" }),
-    };
-    return (h$1(EmailRegistrationView, { states: states, callbacks: callbacks, content: content }));
-  }
-};
-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 cjs({
-    states: {
-      error: "",
-      loading: false,
-    },
-    callbacks: {
-      submit: async (_event) => {
-        onSubmit();
-      },
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
-export { ReferredRegistration as sqm_referred_registration };