@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.
Files changed (92) hide show
  1. package/dist/cjs/{ShadowViewAddon-43f35e24.js → ShadowViewAddon-250836ad.js} +2 -2
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/mint-components.cjs.js +1 -1
  4. package/dist/cjs/sqm-big-stat_39.cjs.entry.js +67 -1
  5. package/dist/cjs/sqm-password-field.cjs.entry.js +8 -8
  6. package/dist/cjs/sqm-portal-registration-form.cjs.entry.js +31 -1
  7. package/dist/cjs/{sqm-portal-reset-password-view-d5bc7afc.js → sqm-portal-reset-password-view-7680fc87.js} +1 -1
  8. package/dist/cjs/sqm-portal-reset-password.cjs.entry.js +37 -1
  9. package/dist/cjs/sqm-portal-verify-email.cjs.entry.js +4 -0
  10. package/dist/cjs/sqm-stencilbook.cjs.entry.js +12 -6
  11. package/dist/collection/components/sqm-password-field/passwordValidation.js +4 -4
  12. package/dist/collection/components/sqm-password-field/sqm-password-field.js +12 -12
  13. package/dist/collection/components/sqm-portal-change-password/sqm-portal-change-password-view.js +1 -1
  14. package/dist/collection/components/sqm-portal-change-password/sqm-portal-change-password.js +157 -1
  15. package/dist/collection/components/sqm-portal-change-password/usePortalChangePassword.js +6 -0
  16. package/dist/collection/components/sqm-portal-register/sqm-portal-register-view.js +1 -1
  17. package/dist/collection/components/sqm-portal-register/sqm-portal-register.js +157 -1
  18. package/dist/collection/components/sqm-portal-registration-form/sqm-portal-registration-form-view.js +1 -1
  19. package/dist/collection/components/sqm-portal-registration-form/sqm-portal-registration-form.js +157 -1
  20. package/dist/collection/components/sqm-portal-reset-password/sqm-portal-reset-password-view.js +2 -2
  21. package/dist/collection/components/sqm-portal-reset-password/sqm-portal-reset-password.js +157 -1
  22. package/dist/collection/components/sqm-portal-reset-password/usePortalResetPassword.js +6 -0
  23. package/dist/collection/components/sqm-portal-verify-email/PortalVerifyEmail.stories.js +6 -0
  24. package/dist/collection/components/sqm-portal-verify-email/sqm-portal-verify-email.js +11 -1
  25. package/dist/esm/{ShadowViewAddon-a5b397ce.js → ShadowViewAddon-6dc295a1.js} +2 -2
  26. package/dist/esm/loader.js +1 -1
  27. package/dist/esm/mint-components.js +1 -1
  28. package/dist/esm/sqm-big-stat_39.entry.js +67 -1
  29. package/dist/esm/sqm-password-field.entry.js +8 -8
  30. package/dist/esm/sqm-portal-registration-form.entry.js +31 -1
  31. package/dist/esm/{sqm-portal-reset-password-view-0df781f6.js → sqm-portal-reset-password-view-cdbf99dc.js} +1 -1
  32. package/dist/esm/sqm-portal-reset-password.entry.js +37 -1
  33. package/dist/esm/sqm-portal-verify-email.entry.js +4 -0
  34. package/dist/esm/sqm-stencilbook.entry.js +12 -6
  35. package/dist/esm-es5/ShadowViewAddon-6dc295a1.js +1 -0
  36. package/dist/esm-es5/loader.js +1 -1
  37. package/dist/esm-es5/mint-components.js +1 -1
  38. package/dist/esm-es5/sqm-big-stat_39.entry.js +1 -1
  39. package/dist/esm-es5/sqm-password-field.entry.js +1 -1
  40. package/dist/esm-es5/sqm-portal-registration-form.entry.js +1 -1
  41. package/dist/esm-es5/{sqm-portal-reset-password-view-0df781f6.js → sqm-portal-reset-password-view-cdbf99dc.js} +1 -1
  42. package/dist/esm-es5/sqm-portal-reset-password.entry.js +1 -1
  43. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  44. package/dist/mint-components/mint-components.esm.js +1 -1
  45. package/dist/mint-components/p-03c4d81a.js +1 -0
  46. package/dist/mint-components/p-061d90bc.system.entry.js +1 -0
  47. package/dist/mint-components/p-0943b547.system.js +1 -1
  48. package/dist/mint-components/p-418362a9.entry.js +9 -0
  49. package/dist/mint-components/p-50daed57.entry.js +13 -0
  50. package/dist/mint-components/{p-a61bb370.entry.js → p-59a505e1.entry.js} +1 -1
  51. package/dist/mint-components/p-5e9e9a29.system.entry.js +1 -0
  52. package/dist/mint-components/p-6354c559.system.entry.js +1 -0
  53. package/dist/mint-components/p-69a7558a.system.entry.js +1 -0
  54. package/dist/mint-components/p-72c9fbf6.system.entry.js +1 -0
  55. package/dist/mint-components/p-9142d62b.entry.js +1 -0
  56. package/dist/mint-components/p-d29c820c.system.js +1 -0
  57. package/dist/mint-components/{p-74e8a90c.entry.js → p-dc72e7e9.entry.js} +10 -10
  58. package/dist/mint-components/p-f8f278e9.js +379 -0
  59. package/dist/mint-components/p-fc51a087.system.js +1 -0
  60. package/dist/types/components/sqm-password-field/sqm-password-field.d.ts +4 -4
  61. package/dist/types/components/sqm-portal-change-password/sqm-portal-change-password-view.d.ts +6 -0
  62. package/dist/types/components/sqm-portal-change-password/sqm-portal-change-password.d.ts +24 -0
  63. package/dist/types/components/sqm-portal-change-password/usePortalChangePassword.d.ts +6 -0
  64. package/dist/types/components/sqm-portal-register/sqm-portal-register-view.d.ts +6 -0
  65. package/dist/types/components/sqm-portal-register/sqm-portal-register.d.ts +24 -0
  66. package/dist/types/components/sqm-portal-registration-form/sqm-portal-registration-form-view.d.ts +6 -0
  67. package/dist/types/components/sqm-portal-registration-form/sqm-portal-registration-form.d.ts +24 -0
  68. package/dist/types/components/sqm-portal-reset-password/sqm-portal-reset-password-view.d.ts +6 -0
  69. package/dist/types/components/sqm-portal-reset-password/sqm-portal-reset-password.d.ts +24 -0
  70. package/dist/types/components/sqm-portal-verify-email/sqm-portal-verify-email.d.ts +4 -0
  71. package/dist/types/components.d.ts +208 -8
  72. package/dist/types/global/android.d.ts +7 -0
  73. package/dist/types/global/demo.d.ts +1 -0
  74. package/dist/types/stories/features.d.ts +4 -0
  75. package/dist/types/stories/templates.d.ts +4 -0
  76. package/docs/docs.docx +0 -0
  77. package/docs/raisins.json +1 -1
  78. package/grapesjs/grapesjs.js +1 -1
  79. package/package.json +1 -1
  80. package/dist/esm-es5/ShadowViewAddon-a5b397ce.js +0 -1
  81. package/dist/mint-components/p-13570402.system.entry.js +0 -1
  82. package/dist/mint-components/p-1ce682cf.js +0 -379
  83. package/dist/mint-components/p-1fb7c93f.system.entry.js +0 -1
  84. package/dist/mint-components/p-56525896.system.js +0 -1
  85. package/dist/mint-components/p-57a89487.entry.js +0 -1
  86. package/dist/mint-components/p-734ab204.entry.js +0 -9
  87. package/dist/mint-components/p-7b490a03.system.js +0 -1
  88. package/dist/mint-components/p-821004e9.system.entry.js +0 -1
  89. package/dist/mint-components/p-97c7f794.system.entry.js +0 -1
  90. package/dist/mint-components/p-ad5eda33.system.entry.js +0 -1
  91. package/dist/mint-components/p-d7210c13.entry.js +0 -13
  92. 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",
@@ -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,
@@ -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",
@@ -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",