@saasquatch/mint-components 1.7.3-1 → 1.7.3-2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{ShadowViewAddon-43f35e24.js → ShadowViewAddon-250836ad.js} +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/mint-components.cjs.js +1 -1
- package/dist/cjs/sqm-big-stat_39.cjs.entry.js +67 -1
- package/dist/cjs/sqm-password-field.cjs.entry.js +8 -8
- package/dist/cjs/sqm-portal-registration-form.cjs.entry.js +31 -1
- package/dist/cjs/{sqm-portal-reset-password-view-d5bc7afc.js → sqm-portal-reset-password-view-7680fc87.js} +1 -1
- package/dist/cjs/sqm-portal-reset-password.cjs.entry.js +37 -1
- package/dist/cjs/sqm-portal-verify-email.cjs.entry.js +4 -0
- package/dist/cjs/sqm-stencilbook.cjs.entry.js +12 -6
- package/dist/collection/components/sqm-password-field/passwordValidation.js +4 -4
- package/dist/collection/components/sqm-password-field/sqm-password-field.js +12 -12
- package/dist/collection/components/sqm-portal-change-password/sqm-portal-change-password-view.js +1 -1
- package/dist/collection/components/sqm-portal-change-password/sqm-portal-change-password.js +157 -1
- package/dist/collection/components/sqm-portal-change-password/usePortalChangePassword.js +6 -0
- package/dist/collection/components/sqm-portal-register/sqm-portal-register-view.js +1 -1
- package/dist/collection/components/sqm-portal-register/sqm-portal-register.js +157 -1
- package/dist/collection/components/sqm-portal-registration-form/sqm-portal-registration-form-view.js +1 -1
- package/dist/collection/components/sqm-portal-registration-form/sqm-portal-registration-form.js +157 -1
- package/dist/collection/components/sqm-portal-reset-password/sqm-portal-reset-password-view.js +2 -2
- package/dist/collection/components/sqm-portal-reset-password/sqm-portal-reset-password.js +157 -1
- package/dist/collection/components/sqm-portal-reset-password/usePortalResetPassword.js +6 -0
- package/dist/collection/components/sqm-portal-verify-email/PortalVerifyEmail.stories.js +6 -0
- package/dist/collection/components/sqm-portal-verify-email/sqm-portal-verify-email.js +11 -1
- package/dist/esm/{ShadowViewAddon-a5b397ce.js → ShadowViewAddon-6dc295a1.js} +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/mint-components.js +1 -1
- package/dist/esm/sqm-big-stat_39.entry.js +67 -1
- package/dist/esm/sqm-password-field.entry.js +8 -8
- package/dist/esm/sqm-portal-registration-form.entry.js +31 -1
- package/dist/esm/{sqm-portal-reset-password-view-0df781f6.js → sqm-portal-reset-password-view-cdbf99dc.js} +1 -1
- package/dist/esm/sqm-portal-reset-password.entry.js +37 -1
- package/dist/esm/sqm-portal-verify-email.entry.js +4 -0
- package/dist/esm/sqm-stencilbook.entry.js +12 -6
- package/dist/esm-es5/ShadowViewAddon-6dc295a1.js +1 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mint-components.js +1 -1
- package/dist/esm-es5/sqm-big-stat_39.entry.js +1 -1
- package/dist/esm-es5/sqm-password-field.entry.js +1 -1
- package/dist/esm-es5/sqm-portal-registration-form.entry.js +1 -1
- package/dist/esm-es5/{sqm-portal-reset-password-view-0df781f6.js → sqm-portal-reset-password-view-cdbf99dc.js} +1 -1
- package/dist/esm-es5/sqm-portal-reset-password.entry.js +1 -1
- package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
- package/dist/mint-components/mint-components.esm.js +1 -1
- package/dist/mint-components/p-03c4d81a.js +1 -0
- package/dist/mint-components/p-061d90bc.system.entry.js +1 -0
- package/dist/mint-components/p-0943b547.system.js +1 -1
- package/dist/mint-components/p-418362a9.entry.js +9 -0
- package/dist/mint-components/p-50daed57.entry.js +13 -0
- package/dist/mint-components/{p-a61bb370.entry.js → p-59a505e1.entry.js} +1 -1
- package/dist/mint-components/p-5e9e9a29.system.entry.js +1 -0
- package/dist/mint-components/p-6354c559.system.entry.js +1 -0
- package/dist/mint-components/p-69a7558a.system.entry.js +1 -0
- package/dist/mint-components/p-72c9fbf6.system.entry.js +1 -0
- package/dist/mint-components/p-9142d62b.entry.js +1 -0
- package/dist/mint-components/p-d29c820c.system.js +1 -0
- package/dist/mint-components/{p-74e8a90c.entry.js → p-dc72e7e9.entry.js} +10 -10
- package/dist/mint-components/p-f8f278e9.js +379 -0
- package/dist/mint-components/p-fc51a087.system.js +1 -0
- package/dist/types/components/sqm-password-field/sqm-password-field.d.ts +4 -4
- package/dist/types/components/sqm-portal-change-password/sqm-portal-change-password-view.d.ts +6 -0
- package/dist/types/components/sqm-portal-change-password/sqm-portal-change-password.d.ts +24 -0
- package/dist/types/components/sqm-portal-change-password/usePortalChangePassword.d.ts +6 -0
- package/dist/types/components/sqm-portal-register/sqm-portal-register-view.d.ts +6 -0
- package/dist/types/components/sqm-portal-register/sqm-portal-register.d.ts +24 -0
- package/dist/types/components/sqm-portal-registration-form/sqm-portal-registration-form-view.d.ts +6 -0
- package/dist/types/components/sqm-portal-registration-form/sqm-portal-registration-form.d.ts +24 -0
- package/dist/types/components/sqm-portal-reset-password/sqm-portal-reset-password-view.d.ts +6 -0
- package/dist/types/components/sqm-portal-reset-password/sqm-portal-reset-password.d.ts +24 -0
- package/dist/types/components/sqm-portal-verify-email/sqm-portal-verify-email.d.ts +4 -0
- package/dist/types/components.d.ts +208 -8
- package/dist/types/global/android.d.ts +7 -0
- package/dist/types/global/demo.d.ts +1 -0
- package/dist/types/stories/features.d.ts +4 -0
- package/dist/types/stories/templates.d.ts +4 -0
- package/docs/docs.docx +0 -0
- package/docs/raisins.json +1 -1
- package/grapesjs/grapesjs.js +1 -1
- package/package.json +1 -1
- package/dist/esm-es5/ShadowViewAddon-a5b397ce.js +0 -1
- package/dist/mint-components/p-13570402.system.entry.js +0 -1
- package/dist/mint-components/p-1ce682cf.js +0 -379
- package/dist/mint-components/p-1fb7c93f.system.entry.js +0 -1
- package/dist/mint-components/p-56525896.system.js +0 -1
- package/dist/mint-components/p-57a89487.entry.js +0 -1
- package/dist/mint-components/p-734ab204.entry.js +0 -9
- package/dist/mint-components/p-7b490a03.system.js +0 -1
- package/dist/mint-components/p-821004e9.system.entry.js +0 -1
- package/dist/mint-components/p-97c7f794.system.entry.js +0 -1
- package/dist/mint-components/p-ad5eda33.system.entry.js +0 -1
- package/dist/mint-components/p-d7210c13.entry.js +0 -13
- package/dist/mint-components/p-efd129de.js +0 -1
|
@@ -47,6 +47,12 @@ export function usePortalChangePassword(props) {
|
|
|
47
47
|
successMessage: props.successMessage,
|
|
48
48
|
portalChangePasswordHeader: props.portalChangePasswordHeader,
|
|
49
49
|
portalChangePasswordButtonText: props.portalChangePasswordButtonText,
|
|
50
|
+
meetsRequirementsText: props.meetsRequirementsText,
|
|
51
|
+
doesNotMeetRequirementsText: props.doesNotMeetRequirementsText,
|
|
52
|
+
minErrorText: props.minErrorText,
|
|
53
|
+
uppercaseErrorText: props.uppercaseErrorText,
|
|
54
|
+
lowercaseErrorText: props.lowercaseErrorText,
|
|
55
|
+
hasErrorText: props.hasErrorText,
|
|
50
56
|
},
|
|
51
57
|
},
|
|
52
58
|
data: {},
|
|
@@ -59,7 +59,7 @@ export function PortalRegisterView(props) {
|
|
|
59
59
|
content.requiredFieldErrorMessage,
|
|
60
60
|
}
|
|
61
61
|
: [])))),
|
|
62
|
-
!states.hideInputs && (h("sqm-password-field", { fieldLabel: content.passwordLabel, "disable-validation": states.disablePasswordValidation })),
|
|
62
|
+
!states.hideInputs && (h("sqm-password-field", { fieldLabel: content.passwordLabel, "disable-validation": states.disablePasswordValidation, meetsRequirementsText: content.meetsRequirementsText, doesNotMeetRequirementsText: content.doesNotMeetRequirementsText, minErrorText: content.minErrorText, uppercaseErrorText: content.uppercaseErrorText, lowercaseErrorText: content.lowercaseErrorText, hasErrorText: content.hasErrorText })),
|
|
63
63
|
content.passwordField,
|
|
64
64
|
!states.hideInputs && states.confirmPassword && (h("sl-input", Object.assign({ exportparts: "label: input-label", type: "password", name: "/confirmPassword", label: content.confirmPasswordLabel, disabled: states.loading, required: true }, (((_f = (_e = states.registrationFormState) === null || _e === void 0 ? void 0 : _e.validationErrors) === null || _f === void 0 ? void 0 : _f.confirmPassword) ? {
|
|
65
65
|
class: sheet.classes.ErrorStyle,
|
|
@@ -98,6 +98,30 @@ export class PortalRegister {
|
|
|
98
98
|
* @uiWidget textArea
|
|
99
99
|
*/
|
|
100
100
|
this.invalidEmailErrorMessage = "Must be a valid email address";
|
|
101
|
+
/**
|
|
102
|
+
* @uiName Meets requirements text
|
|
103
|
+
*/
|
|
104
|
+
this.meetsRequirementsText = "Password has met all requirements";
|
|
105
|
+
/**
|
|
106
|
+
* @uiName Fails requirements text
|
|
107
|
+
*/
|
|
108
|
+
this.doesNotMeetRequirementsText = "Password must meet the following requirements:";
|
|
109
|
+
/**
|
|
110
|
+
* @uiName Minimum length text
|
|
111
|
+
*/
|
|
112
|
+
this.minErrorText = "be a minimum of 8 characters";
|
|
113
|
+
/**
|
|
114
|
+
* @uiName Missing uppercase text
|
|
115
|
+
*/
|
|
116
|
+
this.uppercaseErrorText = "contain at least 1 uppercase character";
|
|
117
|
+
/**
|
|
118
|
+
* @uiName Missing lowercase text
|
|
119
|
+
*/
|
|
120
|
+
this.lowercaseErrorText = "contain at least 1 lowercase character";
|
|
121
|
+
/**
|
|
122
|
+
* @uiName Missing number or symbol error text
|
|
123
|
+
*/
|
|
124
|
+
this.hasErrorText = "contain at least 1 number or symbol";
|
|
101
125
|
withHooks(this);
|
|
102
126
|
}
|
|
103
127
|
disconnectedCallback() { }
|
|
@@ -117,6 +141,12 @@ export class PortalRegister {
|
|
|
117
141
|
confirmPasswordLabel: this.confirmPasswordLabel,
|
|
118
142
|
invalidEmailErrorMessage: this.invalidEmailErrorMessage,
|
|
119
143
|
requiredFieldErrorMessage: this.requiredFieldErrorMessage,
|
|
144
|
+
meetsRequirementsText: this.meetsRequirementsText,
|
|
145
|
+
doesNotMeetRequirementsText: this.doesNotMeetRequirementsText,
|
|
146
|
+
minErrorText: this.minErrorText,
|
|
147
|
+
uppercaseErrorText: this.uppercaseErrorText,
|
|
148
|
+
lowercaseErrorText: this.lowercaseErrorText,
|
|
149
|
+
hasErrorText: this.hasErrorText,
|
|
120
150
|
};
|
|
121
151
|
return (h(PortalRegisterView, { states: states, callbacks: callbacks, content: content, refs: refs }));
|
|
122
152
|
}
|
|
@@ -480,12 +510,138 @@ export class PortalRegister {
|
|
|
480
510
|
"reflect": false,
|
|
481
511
|
"defaultValue": "\"Must be a valid email address\""
|
|
482
512
|
},
|
|
513
|
+
"meetsRequirementsText": {
|
|
514
|
+
"type": "string",
|
|
515
|
+
"mutable": false,
|
|
516
|
+
"complexType": {
|
|
517
|
+
"original": "string",
|
|
518
|
+
"resolved": "string",
|
|
519
|
+
"references": {}
|
|
520
|
+
},
|
|
521
|
+
"required": false,
|
|
522
|
+
"optional": false,
|
|
523
|
+
"docs": {
|
|
524
|
+
"tags": [{
|
|
525
|
+
"text": "Meets requirements text",
|
|
526
|
+
"name": "uiName"
|
|
527
|
+
}],
|
|
528
|
+
"text": ""
|
|
529
|
+
},
|
|
530
|
+
"attribute": "meets-requirements-text",
|
|
531
|
+
"reflect": false,
|
|
532
|
+
"defaultValue": "\"Password has met all requirements\""
|
|
533
|
+
},
|
|
534
|
+
"doesNotMeetRequirementsText": {
|
|
535
|
+
"type": "string",
|
|
536
|
+
"mutable": false,
|
|
537
|
+
"complexType": {
|
|
538
|
+
"original": "string",
|
|
539
|
+
"resolved": "string",
|
|
540
|
+
"references": {}
|
|
541
|
+
},
|
|
542
|
+
"required": false,
|
|
543
|
+
"optional": false,
|
|
544
|
+
"docs": {
|
|
545
|
+
"tags": [{
|
|
546
|
+
"text": "Fails requirements text",
|
|
547
|
+
"name": "uiName"
|
|
548
|
+
}],
|
|
549
|
+
"text": ""
|
|
550
|
+
},
|
|
551
|
+
"attribute": "does-not-meet-requirements-text",
|
|
552
|
+
"reflect": false,
|
|
553
|
+
"defaultValue": "\"Password must meet the following requirements:\""
|
|
554
|
+
},
|
|
555
|
+
"minErrorText": {
|
|
556
|
+
"type": "string",
|
|
557
|
+
"mutable": false,
|
|
558
|
+
"complexType": {
|
|
559
|
+
"original": "string",
|
|
560
|
+
"resolved": "string",
|
|
561
|
+
"references": {}
|
|
562
|
+
},
|
|
563
|
+
"required": false,
|
|
564
|
+
"optional": false,
|
|
565
|
+
"docs": {
|
|
566
|
+
"tags": [{
|
|
567
|
+
"text": "Minimum length text",
|
|
568
|
+
"name": "uiName"
|
|
569
|
+
}],
|
|
570
|
+
"text": ""
|
|
571
|
+
},
|
|
572
|
+
"attribute": "min-error-text",
|
|
573
|
+
"reflect": false,
|
|
574
|
+
"defaultValue": "\"be a minimum of 8 characters\""
|
|
575
|
+
},
|
|
576
|
+
"uppercaseErrorText": {
|
|
577
|
+
"type": "string",
|
|
578
|
+
"mutable": false,
|
|
579
|
+
"complexType": {
|
|
580
|
+
"original": "string",
|
|
581
|
+
"resolved": "string",
|
|
582
|
+
"references": {}
|
|
583
|
+
},
|
|
584
|
+
"required": false,
|
|
585
|
+
"optional": false,
|
|
586
|
+
"docs": {
|
|
587
|
+
"tags": [{
|
|
588
|
+
"text": "Missing uppercase text",
|
|
589
|
+
"name": "uiName"
|
|
590
|
+
}],
|
|
591
|
+
"text": ""
|
|
592
|
+
},
|
|
593
|
+
"attribute": "uppercase-error-text",
|
|
594
|
+
"reflect": false,
|
|
595
|
+
"defaultValue": "\"contain at least 1 uppercase character\""
|
|
596
|
+
},
|
|
597
|
+
"lowercaseErrorText": {
|
|
598
|
+
"type": "string",
|
|
599
|
+
"mutable": false,
|
|
600
|
+
"complexType": {
|
|
601
|
+
"original": "string",
|
|
602
|
+
"resolved": "string",
|
|
603
|
+
"references": {}
|
|
604
|
+
},
|
|
605
|
+
"required": false,
|
|
606
|
+
"optional": false,
|
|
607
|
+
"docs": {
|
|
608
|
+
"tags": [{
|
|
609
|
+
"text": "Missing lowercase text",
|
|
610
|
+
"name": "uiName"
|
|
611
|
+
}],
|
|
612
|
+
"text": ""
|
|
613
|
+
},
|
|
614
|
+
"attribute": "lowercase-error-text",
|
|
615
|
+
"reflect": false,
|
|
616
|
+
"defaultValue": "\"contain at least 1 lowercase character\""
|
|
617
|
+
},
|
|
618
|
+
"hasErrorText": {
|
|
619
|
+
"type": "string",
|
|
620
|
+
"mutable": false,
|
|
621
|
+
"complexType": {
|
|
622
|
+
"original": "string",
|
|
623
|
+
"resolved": "string",
|
|
624
|
+
"references": {}
|
|
625
|
+
},
|
|
626
|
+
"required": false,
|
|
627
|
+
"optional": false,
|
|
628
|
+
"docs": {
|
|
629
|
+
"tags": [{
|
|
630
|
+
"text": "Missing number or symbol error text",
|
|
631
|
+
"name": "uiName"
|
|
632
|
+
}],
|
|
633
|
+
"text": ""
|
|
634
|
+
},
|
|
635
|
+
"attribute": "has-error-text",
|
|
636
|
+
"reflect": false,
|
|
637
|
+
"defaultValue": "\"contain at least 1 number or symbol\""
|
|
638
|
+
},
|
|
483
639
|
"demoData": {
|
|
484
640
|
"type": "unknown",
|
|
485
641
|
"mutable": false,
|
|
486
642
|
"complexType": {
|
|
487
643
|
"original": "DemoData<PortalRegisterViewProps>",
|
|
488
|
-
"resolved": "{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; registrationFormState: RegistrationFormState; disablePasswordValidation?: boolean; loginPath: string; }; refs?: { formRef: any; }; content?: { formData?: VNode; terms?: VNode; passwordField?: VNode; secondaryButton?: VNode; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; requiredFieldErrorMessage: string; invalidEmailErrorMessage: string; }; }",
|
|
644
|
+
"resolved": "{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; registrationFormState: RegistrationFormState; disablePasswordValidation?: boolean; loginPath: string; }; refs?: { formRef: any; }; content?: { formData?: VNode; terms?: VNode; passwordField?: VNode; secondaryButton?: VNode; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; requiredFieldErrorMessage: string; invalidEmailErrorMessage: string; meetsRequirementsText?: string; doesNotMeetRequirementsText?: string; minErrorText?: string; uppercaseErrorText?: string; lowercaseErrorText?: string; hasErrorText?: string; }; }",
|
|
489
645
|
"references": {
|
|
490
646
|
"DemoData": {
|
|
491
647
|
"location": "import",
|
package/dist/collection/components/sqm-portal-registration-form/sqm-portal-registration-form-view.js
CHANGED
|
@@ -63,7 +63,7 @@ export function PortalRegistrationFormView(props) {
|
|
|
63
63
|
content.requiredFieldErrorMessage,
|
|
64
64
|
}
|
|
65
65
|
: [])))),
|
|
66
|
-
!states.hideInputs && (h("sqm-password-field", { fieldLabel: content.passwordLabel, "disable-validation": !states.enablePasswordValidation })),
|
|
66
|
+
!states.hideInputs && (h("sqm-password-field", { fieldLabel: content.passwordLabel, "disable-validation": !states.enablePasswordValidation, meetsRequirementsText: content.meetsRequirementsText, doesNotMeetRequirementsText: content.doesNotMeetRequirementsText, minErrorText: content.minErrorText, uppercaseErrorText: content.uppercaseErrorText, lowercaseErrorText: content.lowercaseErrorText, hasErrorText: content.hasErrorText })),
|
|
67
67
|
content.passwordField,
|
|
68
68
|
!states.hideInputs && states.confirmPassword && (h("sl-input", Object.assign({ exportparts: "label: input-label", type: "password", name: "/confirmPassword", label: content.confirmPasswordLabel, disabled: states.loading || ((_l = states.registrationFormState) === null || _l === void 0 ? void 0 : _l.disabled), required: true }, (((_o = (_m = states.registrationFormState) === null || _m === void 0 ? void 0 : _m.initialData) === null || _o === void 0 ? void 0 : _o.confirmPassword) ? {
|
|
69
69
|
value: (_q = (_p = states.registrationFormState) === null || _p === void 0 ? void 0 : _p.initialData) === null || _q === void 0 ? void 0 : _q.confirmPassword,
|
package/dist/collection/components/sqm-portal-registration-form/sqm-portal-registration-form.js
CHANGED
|
@@ -111,6 +111,30 @@ export class PortalRegistrationForm {
|
|
|
111
111
|
* @uiWidget textArea
|
|
112
112
|
*/
|
|
113
113
|
this.formDisabledErrorMessage = "The registration form is currently disabled.";
|
|
114
|
+
/**
|
|
115
|
+
* @uiName Meets requirements text
|
|
116
|
+
*/
|
|
117
|
+
this.meetsRequirementsText = "Password has met all requirements";
|
|
118
|
+
/**
|
|
119
|
+
* @uiName Fails requirements text
|
|
120
|
+
*/
|
|
121
|
+
this.doesNotMeetRequirementsText = "Password must meet the following requirements:";
|
|
122
|
+
/**
|
|
123
|
+
* @uiName Minimum length text
|
|
124
|
+
*/
|
|
125
|
+
this.minErrorText = "be a minimum of 8 characters";
|
|
126
|
+
/**
|
|
127
|
+
* @uiName Missing uppercase text
|
|
128
|
+
*/
|
|
129
|
+
this.uppercaseErrorText = "contain at least 1 uppercase character";
|
|
130
|
+
/**
|
|
131
|
+
* @uiName Missing lowercase text
|
|
132
|
+
*/
|
|
133
|
+
this.lowercaseErrorText = "contain at least 1 lowercase character";
|
|
134
|
+
/**
|
|
135
|
+
* @uiName Missing number or symbol error text
|
|
136
|
+
*/
|
|
137
|
+
this.hasErrorText = "contain at least 1 number or symbol";
|
|
114
138
|
withHooks(this);
|
|
115
139
|
}
|
|
116
140
|
disconnectedCallback() { }
|
|
@@ -133,6 +157,12 @@ export class PortalRegistrationForm {
|
|
|
133
157
|
invalidEmailErrorMessage: this.invalidEmailErrorMessage,
|
|
134
158
|
formDisabledErrorMessage: this.formDisabledErrorMessage,
|
|
135
159
|
requiredFieldErrorMessage: this.requiredFieldErrorMessage,
|
|
160
|
+
meetsRequirementsText: this.meetsRequirementsText,
|
|
161
|
+
doesNotMeetRequirementsText: this.doesNotMeetRequirementsText,
|
|
162
|
+
minErrorText: this.minErrorText,
|
|
163
|
+
uppercaseErrorText: this.uppercaseErrorText,
|
|
164
|
+
lowercaseErrorText: this.lowercaseErrorText,
|
|
165
|
+
hasErrorText: this.hasErrorText,
|
|
136
166
|
};
|
|
137
167
|
return (h(PortalRegistrationFormView, { states: states, callbacks: callbacks, content: content, refs: refs }));
|
|
138
168
|
}
|
|
@@ -541,6 +571,132 @@ export class PortalRegistrationForm {
|
|
|
541
571
|
"reflect": false,
|
|
542
572
|
"defaultValue": "\"The registration form is currently disabled.\""
|
|
543
573
|
},
|
|
574
|
+
"meetsRequirementsText": {
|
|
575
|
+
"type": "string",
|
|
576
|
+
"mutable": false,
|
|
577
|
+
"complexType": {
|
|
578
|
+
"original": "string",
|
|
579
|
+
"resolved": "string",
|
|
580
|
+
"references": {}
|
|
581
|
+
},
|
|
582
|
+
"required": false,
|
|
583
|
+
"optional": false,
|
|
584
|
+
"docs": {
|
|
585
|
+
"tags": [{
|
|
586
|
+
"text": "Meets requirements text",
|
|
587
|
+
"name": "uiName"
|
|
588
|
+
}],
|
|
589
|
+
"text": ""
|
|
590
|
+
},
|
|
591
|
+
"attribute": "meets-requirements-text",
|
|
592
|
+
"reflect": false,
|
|
593
|
+
"defaultValue": "\"Password has met all requirements\""
|
|
594
|
+
},
|
|
595
|
+
"doesNotMeetRequirementsText": {
|
|
596
|
+
"type": "string",
|
|
597
|
+
"mutable": false,
|
|
598
|
+
"complexType": {
|
|
599
|
+
"original": "string",
|
|
600
|
+
"resolved": "string",
|
|
601
|
+
"references": {}
|
|
602
|
+
},
|
|
603
|
+
"required": false,
|
|
604
|
+
"optional": false,
|
|
605
|
+
"docs": {
|
|
606
|
+
"tags": [{
|
|
607
|
+
"text": "Fails requirements text",
|
|
608
|
+
"name": "uiName"
|
|
609
|
+
}],
|
|
610
|
+
"text": ""
|
|
611
|
+
},
|
|
612
|
+
"attribute": "does-not-meet-requirements-text",
|
|
613
|
+
"reflect": false,
|
|
614
|
+
"defaultValue": "\"Password must meet the following requirements:\""
|
|
615
|
+
},
|
|
616
|
+
"minErrorText": {
|
|
617
|
+
"type": "string",
|
|
618
|
+
"mutable": false,
|
|
619
|
+
"complexType": {
|
|
620
|
+
"original": "string",
|
|
621
|
+
"resolved": "string",
|
|
622
|
+
"references": {}
|
|
623
|
+
},
|
|
624
|
+
"required": false,
|
|
625
|
+
"optional": false,
|
|
626
|
+
"docs": {
|
|
627
|
+
"tags": [{
|
|
628
|
+
"text": "Minimum length text",
|
|
629
|
+
"name": "uiName"
|
|
630
|
+
}],
|
|
631
|
+
"text": ""
|
|
632
|
+
},
|
|
633
|
+
"attribute": "min-error-text",
|
|
634
|
+
"reflect": false,
|
|
635
|
+
"defaultValue": "\"be a minimum of 8 characters\""
|
|
636
|
+
},
|
|
637
|
+
"uppercaseErrorText": {
|
|
638
|
+
"type": "string",
|
|
639
|
+
"mutable": false,
|
|
640
|
+
"complexType": {
|
|
641
|
+
"original": "string",
|
|
642
|
+
"resolved": "string",
|
|
643
|
+
"references": {}
|
|
644
|
+
},
|
|
645
|
+
"required": false,
|
|
646
|
+
"optional": false,
|
|
647
|
+
"docs": {
|
|
648
|
+
"tags": [{
|
|
649
|
+
"text": "Missing uppercase text",
|
|
650
|
+
"name": "uiName"
|
|
651
|
+
}],
|
|
652
|
+
"text": ""
|
|
653
|
+
},
|
|
654
|
+
"attribute": "uppercase-error-text",
|
|
655
|
+
"reflect": false,
|
|
656
|
+
"defaultValue": "\"contain at least 1 uppercase character\""
|
|
657
|
+
},
|
|
658
|
+
"lowercaseErrorText": {
|
|
659
|
+
"type": "string",
|
|
660
|
+
"mutable": false,
|
|
661
|
+
"complexType": {
|
|
662
|
+
"original": "string",
|
|
663
|
+
"resolved": "string",
|
|
664
|
+
"references": {}
|
|
665
|
+
},
|
|
666
|
+
"required": false,
|
|
667
|
+
"optional": false,
|
|
668
|
+
"docs": {
|
|
669
|
+
"tags": [{
|
|
670
|
+
"text": "Missing lowercase text",
|
|
671
|
+
"name": "uiName"
|
|
672
|
+
}],
|
|
673
|
+
"text": ""
|
|
674
|
+
},
|
|
675
|
+
"attribute": "lowercase-error-text",
|
|
676
|
+
"reflect": false,
|
|
677
|
+
"defaultValue": "\"contain at least 1 lowercase character\""
|
|
678
|
+
},
|
|
679
|
+
"hasErrorText": {
|
|
680
|
+
"type": "string",
|
|
681
|
+
"mutable": false,
|
|
682
|
+
"complexType": {
|
|
683
|
+
"original": "string",
|
|
684
|
+
"resolved": "string",
|
|
685
|
+
"references": {}
|
|
686
|
+
},
|
|
687
|
+
"required": false,
|
|
688
|
+
"optional": false,
|
|
689
|
+
"docs": {
|
|
690
|
+
"tags": [{
|
|
691
|
+
"text": "Missing number or symbol error text",
|
|
692
|
+
"name": "uiName"
|
|
693
|
+
}],
|
|
694
|
+
"text": ""
|
|
695
|
+
},
|
|
696
|
+
"attribute": "has-error-text",
|
|
697
|
+
"reflect": false,
|
|
698
|
+
"defaultValue": "\"contain at least 1 number or symbol\""
|
|
699
|
+
},
|
|
544
700
|
"formKey": {
|
|
545
701
|
"type": "string",
|
|
546
702
|
"mutable": false,
|
|
@@ -569,7 +725,7 @@ export class PortalRegistrationForm {
|
|
|
569
725
|
"mutable": false,
|
|
570
726
|
"complexType": {
|
|
571
727
|
"original": "DemoData<PortalRegistrationFormViewProps>",
|
|
572
|
-
"resolved": "{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; registrationFormState?: RegistrationFormState; enablePasswordValidation?: boolean; loginPath: string; }; refs?: { formRef: any; }; content?: { formData?: VNode; terms?: VNode; passwordField?: VNode; secondaryButton?: VNode; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel?: string; networkErrorMessage?: string; passwordMismatchErrorMessage?: string; invalidEmailErrorMessage?: string; formDisabledErrorMessage?: string; requiredFieldErrorMessage?: string; }; }",
|
|
728
|
+
"resolved": "{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; registrationFormState?: RegistrationFormState; enablePasswordValidation?: boolean; loginPath: string; }; refs?: { formRef: any; }; content?: { formData?: VNode; terms?: VNode; passwordField?: VNode; secondaryButton?: VNode; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel?: string; networkErrorMessage?: string; passwordMismatchErrorMessage?: string; invalidEmailErrorMessage?: string; formDisabledErrorMessage?: string; requiredFieldErrorMessage?: string; meetsRequirementsText?: string; doesNotMeetRequirementsText?: string; minErrorText?: string; uppercaseErrorText?: string; lowercaseErrorText?: string; hasErrorText?: string; }; }",
|
|
573
729
|
"references": {
|
|
574
730
|
"DemoData": {
|
|
575
731
|
"location": "import",
|
package/dist/collection/components/sqm-portal-reset-password/sqm-portal-reset-password-view.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
|
-
import { AuthButtonsContainer, AuthColumn, AuthWrapper } from "../../global/mixins";
|
|
2
|
+
import { AuthButtonsContainer, AuthColumn, AuthWrapper, } from "../../global/mixins";
|
|
3
3
|
import { createStyleSheet } from "../../styling/JSS";
|
|
4
4
|
import { TextSpanView } from "../sqm-text-span/sqm-text-span-view";
|
|
5
5
|
const style = {
|
|
@@ -67,7 +67,7 @@ export function PortalResetPasswordView(props) {
|
|
|
67
67
|
h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.submit },
|
|
68
68
|
props.states.error && (h("sqm-form-message", { type: "error", class: sheet.classes.Banner, exportparts: "erroralert-icon" },
|
|
69
69
|
h("div", { part: "erroralert-text" }, props.states.error))),
|
|
70
|
-
!states.reset && (h("sqm-password-field", { fieldLabel: states.content.passwordFieldLabel, demoData: states.passwordDemoData })),
|
|
70
|
+
!states.reset && (h("sqm-password-field", { fieldLabel: states.content.passwordFieldLabel, demoData: states.passwordDemoData, meetsRequirementsText: states.content.meetsRequirementsText, doesNotMeetRequirementsText: states.content.doesNotMeetRequirementsText, minErrorText: states.content.minErrorText, uppercaseErrorText: states.content.uppercaseErrorText, lowercaseErrorText: states.content.lowercaseErrorText, hasErrorText: states.content.hasErrorText })),
|
|
71
71
|
!states.reset && states.confirmPassword && (h("sl-input", { exportparts: "label: input-label", type: "password", name: "/confirmPassword", label: states.content.confirmPasswordFieldLabel, disabled: states.loading, required: true })),
|
|
72
72
|
h("div", { class: sheet.classes.ButtonsContainer },
|
|
73
73
|
h("sl-button", { class: sheet.classes.ContinueButton, submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, states.reset
|
|
@@ -57,6 +57,30 @@ export class PortalResetPassword {
|
|
|
57
57
|
* @uiName Password field label
|
|
58
58
|
*/
|
|
59
59
|
this.passwordFieldLabel = "New Password";
|
|
60
|
+
/**
|
|
61
|
+
* @uiName Meets requirements text
|
|
62
|
+
*/
|
|
63
|
+
this.meetsRequirementsText = "Password has met all requirements";
|
|
64
|
+
/**
|
|
65
|
+
* @uiName Fails requirements text
|
|
66
|
+
*/
|
|
67
|
+
this.doesNotMeetRequirementsText = "Password must meet the following requirements:";
|
|
68
|
+
/**
|
|
69
|
+
* @uiName Minimum length text
|
|
70
|
+
*/
|
|
71
|
+
this.minErrorText = "be a minimum of 8 characters";
|
|
72
|
+
/**
|
|
73
|
+
* @uiName Missing uppercase text
|
|
74
|
+
*/
|
|
75
|
+
this.uppercaseErrorText = "contain at least 1 uppercase character";
|
|
76
|
+
/**
|
|
77
|
+
* @uiName Missing lowercase text
|
|
78
|
+
*/
|
|
79
|
+
this.lowercaseErrorText = "contain at least 1 lowercase character";
|
|
80
|
+
/**
|
|
81
|
+
* @uiName Missing number or symbol error text
|
|
82
|
+
*/
|
|
83
|
+
this.hasErrorText = "contain at least 1 number or symbol";
|
|
60
84
|
withHooks(this);
|
|
61
85
|
}
|
|
62
86
|
disconnectedCallback() { }
|
|
@@ -267,12 +291,138 @@ export class PortalResetPassword {
|
|
|
267
291
|
"reflect": false,
|
|
268
292
|
"defaultValue": "\"New Password\""
|
|
269
293
|
},
|
|
294
|
+
"meetsRequirementsText": {
|
|
295
|
+
"type": "string",
|
|
296
|
+
"mutable": false,
|
|
297
|
+
"complexType": {
|
|
298
|
+
"original": "string",
|
|
299
|
+
"resolved": "string",
|
|
300
|
+
"references": {}
|
|
301
|
+
},
|
|
302
|
+
"required": false,
|
|
303
|
+
"optional": false,
|
|
304
|
+
"docs": {
|
|
305
|
+
"tags": [{
|
|
306
|
+
"text": "Meets requirements text",
|
|
307
|
+
"name": "uiName"
|
|
308
|
+
}],
|
|
309
|
+
"text": ""
|
|
310
|
+
},
|
|
311
|
+
"attribute": "meets-requirements-text",
|
|
312
|
+
"reflect": false,
|
|
313
|
+
"defaultValue": "\"Password has met all requirements\""
|
|
314
|
+
},
|
|
315
|
+
"doesNotMeetRequirementsText": {
|
|
316
|
+
"type": "string",
|
|
317
|
+
"mutable": false,
|
|
318
|
+
"complexType": {
|
|
319
|
+
"original": "string",
|
|
320
|
+
"resolved": "string",
|
|
321
|
+
"references": {}
|
|
322
|
+
},
|
|
323
|
+
"required": false,
|
|
324
|
+
"optional": false,
|
|
325
|
+
"docs": {
|
|
326
|
+
"tags": [{
|
|
327
|
+
"text": "Fails requirements text",
|
|
328
|
+
"name": "uiName"
|
|
329
|
+
}],
|
|
330
|
+
"text": ""
|
|
331
|
+
},
|
|
332
|
+
"attribute": "does-not-meet-requirements-text",
|
|
333
|
+
"reflect": false,
|
|
334
|
+
"defaultValue": "\"Password must meet the following requirements:\""
|
|
335
|
+
},
|
|
336
|
+
"minErrorText": {
|
|
337
|
+
"type": "string",
|
|
338
|
+
"mutable": false,
|
|
339
|
+
"complexType": {
|
|
340
|
+
"original": "string",
|
|
341
|
+
"resolved": "string",
|
|
342
|
+
"references": {}
|
|
343
|
+
},
|
|
344
|
+
"required": false,
|
|
345
|
+
"optional": false,
|
|
346
|
+
"docs": {
|
|
347
|
+
"tags": [{
|
|
348
|
+
"text": "Minimum length text",
|
|
349
|
+
"name": "uiName"
|
|
350
|
+
}],
|
|
351
|
+
"text": ""
|
|
352
|
+
},
|
|
353
|
+
"attribute": "min-error-text",
|
|
354
|
+
"reflect": false,
|
|
355
|
+
"defaultValue": "\"be a minimum of 8 characters\""
|
|
356
|
+
},
|
|
357
|
+
"uppercaseErrorText": {
|
|
358
|
+
"type": "string",
|
|
359
|
+
"mutable": false,
|
|
360
|
+
"complexType": {
|
|
361
|
+
"original": "string",
|
|
362
|
+
"resolved": "string",
|
|
363
|
+
"references": {}
|
|
364
|
+
},
|
|
365
|
+
"required": false,
|
|
366
|
+
"optional": false,
|
|
367
|
+
"docs": {
|
|
368
|
+
"tags": [{
|
|
369
|
+
"text": "Missing uppercase text",
|
|
370
|
+
"name": "uiName"
|
|
371
|
+
}],
|
|
372
|
+
"text": ""
|
|
373
|
+
},
|
|
374
|
+
"attribute": "uppercase-error-text",
|
|
375
|
+
"reflect": false,
|
|
376
|
+
"defaultValue": "\"contain at least 1 uppercase character\""
|
|
377
|
+
},
|
|
378
|
+
"lowercaseErrorText": {
|
|
379
|
+
"type": "string",
|
|
380
|
+
"mutable": false,
|
|
381
|
+
"complexType": {
|
|
382
|
+
"original": "string",
|
|
383
|
+
"resolved": "string",
|
|
384
|
+
"references": {}
|
|
385
|
+
},
|
|
386
|
+
"required": false,
|
|
387
|
+
"optional": false,
|
|
388
|
+
"docs": {
|
|
389
|
+
"tags": [{
|
|
390
|
+
"text": "Missing lowercase text",
|
|
391
|
+
"name": "uiName"
|
|
392
|
+
}],
|
|
393
|
+
"text": ""
|
|
394
|
+
},
|
|
395
|
+
"attribute": "lowercase-error-text",
|
|
396
|
+
"reflect": false,
|
|
397
|
+
"defaultValue": "\"contain at least 1 lowercase character\""
|
|
398
|
+
},
|
|
399
|
+
"hasErrorText": {
|
|
400
|
+
"type": "string",
|
|
401
|
+
"mutable": false,
|
|
402
|
+
"complexType": {
|
|
403
|
+
"original": "string",
|
|
404
|
+
"resolved": "string",
|
|
405
|
+
"references": {}
|
|
406
|
+
},
|
|
407
|
+
"required": false,
|
|
408
|
+
"optional": false,
|
|
409
|
+
"docs": {
|
|
410
|
+
"tags": [{
|
|
411
|
+
"text": "Missing number or symbol error text",
|
|
412
|
+
"name": "uiName"
|
|
413
|
+
}],
|
|
414
|
+
"text": ""
|
|
415
|
+
},
|
|
416
|
+
"attribute": "has-error-text",
|
|
417
|
+
"reflect": false,
|
|
418
|
+
"defaultValue": "\"contain at least 1 number or symbol\""
|
|
419
|
+
},
|
|
270
420
|
"demoData": {
|
|
271
421
|
"type": "unknown",
|
|
272
422
|
"mutable": false,
|
|
273
423
|
"complexType": {
|
|
274
424
|
"original": "DemoData<PortalResetPasswordViewProps>",
|
|
275
|
-
"resolved": "{ states?: { error: string; loading: boolean; reset: boolean; confirmPassword: boolean; oobCodeValidating: boolean; oobCodeValid: boolean; passwordDemoData?: PasswordFieldViewDemoProps; content: { passwordResetHeader: string; resetPasswordHeader: string; continueButtonText: string; resetPasswordButtonText: string; confirmPasswordFieldLabel: string; passwordFieldLabel: string; }; }; }",
|
|
425
|
+
"resolved": "{ states?: { error: string; loading: boolean; reset: boolean; confirmPassword: boolean; oobCodeValidating: boolean; oobCodeValid: boolean; passwordDemoData?: PasswordFieldViewDemoProps; content: { passwordResetHeader: string; resetPasswordHeader: string; continueButtonText: string; resetPasswordButtonText: string; confirmPasswordFieldLabel: string; passwordFieldLabel: string; meetsRequirementsText?: string; doesNotMeetRequirementsText?: string; minErrorText?: string; uppercaseErrorText?: string; lowercaseErrorText?: string; hasErrorText?: string; }; }; }",
|
|
276
426
|
"references": {
|
|
277
427
|
"DemoData": {
|
|
278
428
|
"location": "import",
|
|
@@ -318,6 +468,12 @@ function usePortalResetPasswordDemo(props) {
|
|
|
318
468
|
resetPasswordButtonText: props.resetPasswordButtonText,
|
|
319
469
|
confirmPasswordFieldLabel: props.confirmPasswordFieldLabel,
|
|
320
470
|
passwordFieldLabel: props.passwordFieldLabel,
|
|
471
|
+
meetsRequirementsText: props.meetsRequirementsText,
|
|
472
|
+
doesNotMeetRequirementsText: props.doesNotMeetRequirementsText,
|
|
473
|
+
minErrorText: props.minErrorText,
|
|
474
|
+
uppercaseErrorText: props.uppercaseErrorText,
|
|
475
|
+
lowercaseErrorText: props.lowercaseErrorText,
|
|
476
|
+
hasErrorText: props.hasErrorText,
|
|
321
477
|
},
|
|
322
478
|
},
|
|
323
479
|
callbacks: {
|
|
@@ -70,6 +70,12 @@ export function usePortalResetPassword(props) {
|
|
|
70
70
|
resetPasswordButtonText: props.resetPasswordButtonText,
|
|
71
71
|
confirmPasswordFieldLabel: props.confirmPasswordFieldLabel,
|
|
72
72
|
passwordFieldLabel: props.passwordFieldLabel,
|
|
73
|
+
meetsRequirementsText: props.meetsRequirementsText,
|
|
74
|
+
doesNotMeetRequirementsText: props.doesNotMeetRequirementsText,
|
|
75
|
+
minErrorText: props.minErrorText,
|
|
76
|
+
uppercaseErrorText: props.uppercaseErrorText,
|
|
77
|
+
lowercaseErrorText: props.lowercaseErrorText,
|
|
78
|
+
hasErrorText: props.hasErrorText,
|
|
73
79
|
},
|
|
74
80
|
},
|
|
75
81
|
callbacks: { submit, failed, gotoNextPage },
|
|
@@ -20,6 +20,11 @@ const errorProps = {
|
|
|
20
20
|
gotoNextPage: () => console.log("next page"),
|
|
21
21
|
failed: () => console.log("failed"),
|
|
22
22
|
},
|
|
23
|
+
content: {
|
|
24
|
+
verifyEmailText: "Verify your email",
|
|
25
|
+
verifySuccessText: "Your email has been verified and you are being redirected. If you are not redirected, please click Continue.",
|
|
26
|
+
verifyInvalidText: "The email verification code is invalid or has expired, please try again.",
|
|
27
|
+
},
|
|
23
28
|
};
|
|
24
29
|
const verifiedProps = {
|
|
25
30
|
states: {
|
|
@@ -34,6 +39,7 @@ const verifiedProps = {
|
|
|
34
39
|
gotoNextPage: () => console.log("next page"),
|
|
35
40
|
failed: () => console.log("failed"),
|
|
36
41
|
},
|
|
42
|
+
content: {},
|
|
37
43
|
};
|
|
38
44
|
export const EmailVerificationWithError = () => (h(PortalVerifyEmailView, Object.assign({}, errorProps)));
|
|
39
45
|
export const EmailVerificationSuccess = () => (h(PortalVerifyEmailView, Object.assign({}, verifiedProps)));
|
|
@@ -35,6 +35,10 @@ export class PortalVerifyEmail {
|
|
|
35
35
|
* @uiWidget textArea
|
|
36
36
|
*/
|
|
37
37
|
this.verifySuccessText = "Your email has been verified and you are being redirected. If you are not redirected, please click Continue.";
|
|
38
|
+
/**
|
|
39
|
+
* @uiName Email verification invalid text
|
|
40
|
+
* @uiWidget textArea
|
|
41
|
+
*/
|
|
38
42
|
this.verifyInvalidText = "The email verification code is invalid or has expired, please try again.";
|
|
39
43
|
withHooks(this);
|
|
40
44
|
}
|
|
@@ -155,7 +159,13 @@ export class PortalVerifyEmail {
|
|
|
155
159
|
"required": false,
|
|
156
160
|
"optional": false,
|
|
157
161
|
"docs": {
|
|
158
|
-
"tags": [
|
|
162
|
+
"tags": [{
|
|
163
|
+
"text": "Email verification invalid text",
|
|
164
|
+
"name": "uiName"
|
|
165
|
+
}, {
|
|
166
|
+
"text": "textArea",
|
|
167
|
+
"name": "uiWidget"
|
|
168
|
+
}],
|
|
159
169
|
"text": ""
|
|
160
170
|
},
|
|
161
171
|
"attribute": "verify-invalid-text",
|