npm - @saasquatch/mint-components - Versions diffs - 1.6.2-2 → 1.6.2-5 - Mend

	@@ -1 +1 @@
1	- System.register(["./p-ff17b3a4.system.js","./p-8a0cf4be.system.js","./p-~~b02064c4~~.system.js","./p-ca2819e8.system.js","./p-~~23485cfe~~.system.js","./p-1c17892a.system.js","./p-d5d32d0d.system.js","./p-6333265f.system.js","./p-~~092d030a~~.system.js"],(function(t){"use strict";var s,e,n,i,r;return{setters:[function(t){s=t.r;e=t.h},function(t){n=t.m},function(){},function(){},function(){},function(){},function(){},function(t){i=t.g},function(t){r=t.P}],execute:function(){var o=t("sqm_portal_footer",function(){function t(t){s(this,t);this.ignored=true;this.supportEmail="support@example.com";this.supportText="For program support, contact {email}";this.showPoweredBy=true;this.poweredByLink="https://saasquatch.com";this.paddingTop="large";this.paddingRight="large";this.paddingBottom="large";this.paddingLeft="large";n(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){return e(r,Object.assign({},i(this)))};Object.defineProperty(t,"assetsDirs",{get:function(){return["../../assets"]},enumerable:false,configurable:true});return t}())}}}));
1	+ System.register(["./p-ff17b3a4.system.js","./p-8a0cf4be.system.js","./p-9dd68a9c.system.js","./p-ca2819e8.system.js","./p-efbc0ee0.system.js","./p-1c17892a.system.js","./p-d5d32d0d.system.js","./p-6333265f.system.js","./p-78c568dc.system.js"],(function(t){"use strict";var s,e,n,i,r;return{setters:[function(t){s=t.r;e=t.h},function(t){n=t.m},function(){},function(){},function(){},function(){},function(){},function(t){i=t.g},function(t){r=t.P}],execute:function(){var o=t("sqm_portal_footer",function(){function t(t){s(this,t);this.ignored=true;this.supportEmail="support@example.com";this.supportText="For program support, contact {email}";this.showPoweredBy=true;this.poweredByLink="https://saasquatch.com";this.paddingTop="large";this.paddingRight="large";this.paddingBottom="large";this.paddingLeft="large";n(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){return e(r,Object.assign({},i(this)))};Object.defineProperty(t,"assetsDirs",{get:function(){return["../../assets"]},enumerable:false,configurable:true});return t}())}}}));

@@ -1,7 +1,9 @@
 import { ValidationErrors } from "../sqm-portal-register/useValidationState";
+import { RegistrationFormState } from "../sqm-portal-registration-form/useRegistrationFormState";
 export interface NameFieldsViewProps {
   states: {
     validationErrors?: ValidationErrors;
+    registrationFormState?: RegistrationFormState;
     content: {
       firstNameLabel: string;
       lastNameLabel: string;

@@ -1,7 +1,9 @@
+import { RegistrationFormState } from "../sqm-portal-registration-form/useRegistrationFormState";
 import { NameFields } from "./sqm-name-fields";
 export declare function useNameFields(props: NameFields): {
   states: {
     validationErrors: import("../sqm-portal-register/useValidationState").ValidationErrors;
+    registrationFormState: RegistrationFormState;
     content: {
       lastNameLabel: string;
       firstNameLabel: string;

@@ -1,8 +1,10 @@
 import { VNode } from "../../stencil-public-runtime";
+import { RegistrationFormState } from "../sqm-portal-registration-form/useRegistrationFormState";
 export interface PortalPasswordFieldViewProps {
   states: {
     enableValidation: boolean;
     dynamicValidation: VNode | string;
+    registrationFormState: RegistrationFormState;
     validationErrors: Record<string, string>;
     content: {
       fieldLabel: string;

@@ -1,8 +1,10 @@
+import { RegistrationFormState } from "../sqm-portal-registration-form/useRegistrationFormState";
 export interface PasswordFieldViewDemoProps {
   initValue: string;
   states: {
     enableValidation: boolean;
     validationErrors: Record<string, string>;
+    registrationFormState: RegistrationFormState;
     content: {
       fieldLabel: string;
     };

@@ -1,5 +1,6 @@
 import { VNode } from "../../stencil-public-runtime";
 import { FormState } from "../sqm-portal-register/useValidationState";
+import { RegistrationFormState } from "./useRegistrationFormState";
 export interface PortalRegistrationFormViewProps {
   states: {
     error: string;
@@ -7,6 +8,7 @@ export interface PortalRegistrationFormViewProps {
     confirmPassword: boolean;
     hideInputs: boolean;
     validationState?: FormState;
+    registrationFormState?: RegistrationFormState;
     enablePasswordValidation?: boolean;
     loginPath: string;
   };

	@@ -0,0 +1 @@
1	+ import{i as r,e as t}from"./p-78c7b4b7.js";import{P as o}from"./p-a63204e2.js";function s(){const s=o(),n=s.children.length?Array.from(s.children):[],[e,a]=r(n);return t((()=>{const r=new MutationObserver((()=>{const r=Array.from(s.children);a([...r])}));return r.observe(s,{childList:!0}),()=>r.disconnect()}),[s]),e}export{s as u}

@@ -65,6 +65,12 @@ export declare class PortalRegistrationForm {
    * @uiName Login Path
    */
   loginPath: string;
+  /**
+   * Microsite Registration Form Key
+   *
+   * @uiName Form Key
+   */
+  formKey: string;
   /**
    * @undocumented
    * @uiType object

@@ -1,4 +1,5 @@
 import { PortalRegistrationForm } from "./sqm-portal-registration-form";
+import { RegistrationFormState } from "./useRegistrationFormState";
 export declare type ValidationErrorFunction = (input: {
   control: any;
   key: string;
@@ -9,6 +10,7 @@ export declare function usePortalRegistrationForm(props: PortalRegistrationForm)
     loading: boolean;
     error: string;
     validationState: import("../sqm-portal-register/useValidationState").FormState;
+    registrationFormState: RegistrationFormState;
     confirmPassword: boolean;
     hideInputs: boolean;
     loginPath: string;

@@ -0,0 +1,23 @@
+import { ContextProvider } from "dom-context";
+export declare const REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
+declare global {
+  interface Window {
+    squatchValidationState: ContextProvider<any>;
+  }
+}
+export declare type RegistrationFormState = {
+  loading?: boolean;
+  disabled?: boolean;
+  disabledMessage?: string;
+  initialData?: InitialData;
+};
+export declare type ValidationErrors = {
+  [key: string]: string;
+};
+export declare type InitialData = {
+  [key: string]: string;
+};
+export declare function useRegistrationFormState(formState?: RegistrationFormState): {
+  registrationFormState: RegistrationFormState;
+  setRegistrationFormState: (value: RegistrationFormState | ((previousState?: RegistrationFormState) => RegistrationFormState)) => void;
+};

@@ -1072,6 +1072,11 @@ export namespace Components {
           * @uiName Enable Password Validation
          */
         "enablePasswordValidation": boolean;
+        /**
+          * Microsite Registration Form Key
+          * @uiName Form Key
+         */
+        "formKey": string;
         /**
           * Hide default input fields to use custom fields
           * @uiName Hide Default Inputs
@@ -4193,6 +4198,11 @@ declare namespace LocalJSX {
           * @uiName Enable Password Validation
          */
         "enablePasswordValidation"?: boolean;
+        /**
+          * Microsite Registration Form Key
+          * @uiName Form Key
+         */
+        "formKey"?: string;
         /**
           * Hide default input fields to use custom fields
           * @uiName Hide Default Inputs

@saasquatch/mint-components 1.6.2-2 → 1.6.2-5