@saasquatch/mint-components 1.7.3-0 → 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 (166) hide show
  1. package/dist/cjs/{ShadowViewAddon-496b2f3d.js → ShadowViewAddon-250836ad.js} +4 -4
  2. package/dist/cjs/{global-a1394707.js → global-6785de71.js} +1 -1
  3. package/dist/cjs/loader.cjs.js +2 -2
  4. package/dist/cjs/mint-components.cjs.js +2 -2
  5. package/dist/cjs/sqm-big-stat_39.cjs.entry.js +68 -2
  6. package/dist/cjs/sqm-leaderboard-rank.cjs.entry.js +1 -1
  7. package/dist/cjs/sqm-password-field.cjs.entry.js +41 -16
  8. package/dist/cjs/{sqm-portal-email-verification-view-f76bcd38.js → sqm-portal-email-verification-view-0bd4a2c2.js} +3 -3
  9. package/dist/cjs/sqm-portal-email-verification.cjs.entry.js +8 -2
  10. package/dist/cjs/{sqm-portal-profile-view-f9daa7c4.js → sqm-portal-profile-view-13a1229f.js} +1 -1
  11. package/dist/cjs/sqm-portal-profile.cjs.entry.js +2 -2
  12. package/dist/cjs/sqm-portal-registration-form.cjs.entry.js +39 -1
  13. package/dist/cjs/{sqm-portal-reset-password-view-d5bc7afc.js → sqm-portal-reset-password-view-7680fc87.js} +1 -1
  14. package/dist/cjs/sqm-portal-reset-password.cjs.entry.js +37 -1
  15. package/dist/cjs/{sqm-portal-verify-email-view-f6c7287e.js → sqm-portal-verify-email-view-200752cb.js} +4 -4
  16. package/dist/cjs/sqm-portal-verify-email.cjs.entry.js +31 -6
  17. package/dist/cjs/sqm-referral-table_11.cjs.entry.js +1 -1
  18. package/dist/cjs/sqm-rewards-table_9.cjs.entry.js +1 -1
  19. package/dist/cjs/sqm-stencilbook.cjs.entry.js +37 -30
  20. package/dist/collection/components/sqm-password-field/passwordValidation.js +11 -11
  21. package/dist/collection/components/sqm-password-field/sqm-password-field.js +155 -4
  22. package/dist/collection/components/sqm-password-field/usePasswordField.js +1 -1
  23. package/dist/collection/components/sqm-portal-change-password/sqm-portal-change-password-view.js +1 -1
  24. package/dist/collection/components/sqm-portal-change-password/sqm-portal-change-password.js +157 -1
  25. package/dist/collection/components/sqm-portal-change-password/usePortalChangePassword.js +6 -0
  26. package/dist/collection/components/sqm-portal-container/PortalContainer.stories.js +7 -7
  27. package/dist/collection/components/sqm-portal-email-verification/sqm-portal-email-verification-view.js +2 -2
  28. package/dist/collection/components/sqm-portal-email-verification/sqm-portal-email-verification.js +31 -1
  29. package/dist/collection/components/sqm-portal-register/sqm-portal-register-view.js +1 -1
  30. package/dist/collection/components/sqm-portal-register/sqm-portal-register.js +157 -1
  31. package/dist/collection/components/sqm-portal-registration-form/sqm-portal-registration-form-view.js +1 -1
  32. package/dist/collection/components/sqm-portal-registration-form/sqm-portal-registration-form.js +184 -1
  33. package/dist/collection/components/sqm-portal-registration-form/usePortalRegistrationForm.js +3 -1
  34. package/dist/collection/components/sqm-portal-reset-password/sqm-portal-reset-password-view.js +2 -2
  35. package/dist/collection/components/sqm-portal-reset-password/sqm-portal-reset-password.js +157 -1
  36. package/dist/collection/components/sqm-portal-reset-password/usePortalResetPassword.js +6 -0
  37. package/dist/collection/components/sqm-portal-verify-email/PortalVerifyEmail.stories.js +6 -0
  38. package/dist/collection/components/sqm-portal-verify-email/sqm-portal-verify-email-view.js +4 -4
  39. package/dist/collection/components/sqm-portal-verify-email/sqm-portal-verify-email.js +98 -5
  40. package/dist/collection/components/sqm-portal-verify-email/usePortalVerifyEmail.js +6 -1
  41. package/dist/collection/components/sqm-referral-card/ReferralCard.stories.js +1 -1
  42. package/dist/collection/components/sqm-share-button/ShareButton.stories.js +2 -1
  43. package/dist/collection/components/sqm-share-button/sqm-share-button-view.js +1 -1
  44. package/dist/collection/global/global.js +1 -1
  45. package/dist/collection/stories/NewPortal.stories.js +1 -1
  46. package/dist/esm/{ShadowViewAddon-e72b97e8.js → ShadowViewAddon-6dc295a1.js} +4 -4
  47. package/dist/esm/{global-f52ccc56.js → global-91edfca0.js} +1 -1
  48. package/dist/esm/loader.js +2 -2
  49. package/dist/esm/mint-components.js +2 -2
  50. package/dist/esm/sqm-big-stat_39.entry.js +68 -2
  51. package/dist/esm/sqm-leaderboard-rank.entry.js +1 -1
  52. package/dist/esm/sqm-password-field.entry.js +41 -16
  53. package/dist/esm/{sqm-portal-email-verification-view-5a91d65e.js → sqm-portal-email-verification-view-97097335.js} +3 -3
  54. package/dist/esm/sqm-portal-email-verification.entry.js +8 -2
  55. package/dist/esm/{sqm-portal-profile-view-8ba6a73e.js → sqm-portal-profile-view-efa44888.js} +1 -1
  56. package/dist/esm/sqm-portal-profile.entry.js +2 -2
  57. package/dist/esm/sqm-portal-registration-form.entry.js +40 -2
  58. package/dist/esm/{sqm-portal-reset-password-view-0df781f6.js → sqm-portal-reset-password-view-cdbf99dc.js} +1 -1
  59. package/dist/esm/sqm-portal-reset-password.entry.js +37 -1
  60. package/dist/esm/{sqm-portal-verify-email-view-1db4fae6.js → sqm-portal-verify-email-view-723687ca.js} +4 -4
  61. package/dist/esm/sqm-portal-verify-email.entry.js +32 -7
  62. package/dist/esm/sqm-referral-table_11.entry.js +1 -1
  63. package/dist/esm/sqm-rewards-table_9.entry.js +1 -1
  64. package/dist/esm/sqm-stencilbook.entry.js +37 -30
  65. package/dist/esm-es5/ShadowViewAddon-6dc295a1.js +1 -0
  66. package/dist/esm-es5/{global-f52ccc56.js → global-91edfca0.js} +1 -1
  67. package/dist/esm-es5/loader.js +1 -1
  68. package/dist/esm-es5/mint-components.js +1 -1
  69. package/dist/esm-es5/sqm-big-stat_39.entry.js +1 -1
  70. package/dist/esm-es5/sqm-leaderboard-rank.entry.js +1 -1
  71. package/dist/esm-es5/sqm-password-field.entry.js +1 -1
  72. package/dist/esm-es5/{sqm-portal-email-verification-view-5a91d65e.js → sqm-portal-email-verification-view-97097335.js} +1 -1
  73. package/dist/esm-es5/sqm-portal-email-verification.entry.js +1 -1
  74. package/dist/esm-es5/{sqm-portal-profile-view-8ba6a73e.js → sqm-portal-profile-view-efa44888.js} +1 -1
  75. package/dist/esm-es5/sqm-portal-profile.entry.js +1 -1
  76. package/dist/esm-es5/sqm-portal-registration-form.entry.js +1 -1
  77. package/dist/esm-es5/{sqm-portal-reset-password-view-0df781f6.js → sqm-portal-reset-password-view-cdbf99dc.js} +1 -1
  78. package/dist/esm-es5/sqm-portal-reset-password.entry.js +1 -1
  79. package/dist/esm-es5/sqm-portal-verify-email-view-723687ca.js +1 -0
  80. package/dist/esm-es5/sqm-portal-verify-email.entry.js +1 -1
  81. package/dist/esm-es5/sqm-referral-table_11.entry.js +1 -1
  82. package/dist/esm-es5/sqm-rewards-table_9.entry.js +1 -1
  83. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  84. package/dist/mint-components/mint-components.esm.js +1 -1
  85. package/dist/mint-components/mint-components.js +1 -1
  86. package/dist/mint-components/p-03c4d81a.js +1 -0
  87. package/dist/mint-components/{p-d76926d9.entry.js → p-05f069ce.entry.js} +2 -2
  88. package/dist/mint-components/p-061d90bc.system.entry.js +1 -0
  89. package/dist/mint-components/p-0943b547.system.js +1 -0
  90. package/dist/mint-components/p-418362a9.entry.js +9 -0
  91. package/dist/mint-components/{p-ef3d226e.js → p-42844992.js} +1 -1
  92. package/dist/mint-components/p-4dae1dcc.system.js +1 -0
  93. package/dist/mint-components/p-4eca24af.js +1 -0
  94. package/dist/mint-components/p-50daed57.entry.js +13 -0
  95. package/dist/mint-components/p-59a505e1.entry.js +1 -0
  96. package/dist/mint-components/p-59e4c214.system.entry.js +1 -0
  97. package/dist/mint-components/p-5e9e9a29.system.entry.js +1 -0
  98. package/dist/mint-components/p-6354c559.system.entry.js +1 -0
  99. package/dist/mint-components/{p-4d182391.system.entry.js → p-66e3cb0c.system.entry.js} +1 -1
  100. package/dist/mint-components/p-69a7558a.system.entry.js +1 -0
  101. package/dist/mint-components/p-6d1a2821.system.entry.js +1 -0
  102. package/dist/mint-components/p-72c9fbf6.system.entry.js +1 -0
  103. package/dist/mint-components/p-78027dd0.system.js +1 -0
  104. package/dist/mint-components/p-9142d62b.entry.js +1 -0
  105. package/dist/mint-components/p-97519743.entry.js +1 -0
  106. package/dist/mint-components/{p-1d09e590.system.js → p-9f3a0252.system.js} +1 -1
  107. package/dist/mint-components/p-a40b01d5.js +1 -0
  108. package/dist/mint-components/p-af302aa3.entry.js +1 -0
  109. package/dist/mint-components/{p-c23d7c11.entry.js → p-b0ef4f17.entry.js} +1 -1
  110. package/dist/mint-components/{p-f61e80c2.entry.js → p-b0f3c6c5.entry.js} +3 -3
  111. package/dist/mint-components/p-ce922d94.system.entry.js +1 -0
  112. package/dist/mint-components/p-d29c820c.system.js +1 -0
  113. package/dist/mint-components/{p-2c9e0e83.entry.js → p-dc72e7e9.entry.js} +10 -10
  114. package/dist/mint-components/{p-77c999fb.system.entry.js → p-e49392c3.system.entry.js} +1 -1
  115. package/dist/mint-components/{p-10106ee1.js → p-eab33344.js} +1 -1
  116. package/dist/mint-components/{p-5303ae94.system.entry.js → p-ed9374ef.system.entry.js} +1 -1
  117. package/dist/mint-components/{p-c434bfdf.entry.js → p-ef6a3ff3.entry.js} +2 -2
  118. package/dist/mint-components/{p-3475b8a5.system.js → p-f63961b4.system.js} +1 -1
  119. package/dist/mint-components/p-f8f278e9.js +379 -0
  120. package/dist/mint-components/p-fc51a087.system.js +1 -0
  121. package/dist/types/components/sqm-password-field/passwordValidation.d.ts +1 -1
  122. package/dist/types/components/sqm-password-field/sqm-password-field.d.ts +24 -0
  123. package/dist/types/components/sqm-portal-change-password/sqm-portal-change-password-view.d.ts +6 -0
  124. package/dist/types/components/sqm-portal-change-password/sqm-portal-change-password.d.ts +24 -0
  125. package/dist/types/components/sqm-portal-change-password/usePortalChangePassword.d.ts +6 -0
  126. package/dist/types/components/sqm-portal-email-verification/sqm-portal-email-verification-view.d.ts +1 -0
  127. package/dist/types/components/sqm-portal-email-verification/sqm-portal-email-verification.d.ts +5 -0
  128. package/dist/types/components/sqm-portal-register/sqm-portal-register-view.d.ts +6 -0
  129. package/dist/types/components/sqm-portal-register/sqm-portal-register.d.ts +24 -0
  130. package/dist/types/components/sqm-portal-registration-form/sqm-portal-registration-form-view.d.ts +6 -0
  131. package/dist/types/components/sqm-portal-registration-form/sqm-portal-registration-form.d.ts +30 -0
  132. package/dist/types/components/sqm-portal-reset-password/sqm-portal-reset-password-view.d.ts +6 -0
  133. package/dist/types/components/sqm-portal-reset-password/sqm-portal-reset-password.d.ts +24 -0
  134. package/dist/types/components/sqm-portal-verify-email/sqm-portal-verify-email-view.d.ts +5 -0
  135. package/dist/types/components/sqm-portal-verify-email/sqm-portal-verify-email.d.ts +15 -0
  136. package/dist/types/components/sqm-portal-verify-email/usePortalVerifyEmail.d.ts +9 -1
  137. package/dist/types/components.d.ts +290 -0
  138. package/docs/docs.docx +0 -0
  139. package/docs/raisins.json +1 -1
  140. package/grapesjs/grapesjs.js +1 -1
  141. package/package.json +1 -1
  142. package/dist/esm-es5/ShadowViewAddon-e72b97e8.js +0 -1
  143. package/dist/esm-es5/sqm-portal-verify-email-view-1db4fae6.js +0 -1
  144. package/dist/mint-components/p-13570402.system.entry.js +0 -1
  145. package/dist/mint-components/p-1bd0df11.system.entry.js +0 -1
  146. package/dist/mint-components/p-1ec9f519.system.entry.js +0 -1
  147. package/dist/mint-components/p-1edee42d.system.js +0 -1
  148. package/dist/mint-components/p-1fca04d5.system.js +0 -1
  149. package/dist/mint-components/p-3b96c230.system.js +0 -1
  150. package/dist/mint-components/p-46be1518.system.js +0 -1
  151. package/dist/mint-components/p-54a0c1df.entry.js +0 -1
  152. package/dist/mint-components/p-56525896.system.js +0 -1
  153. package/dist/mint-components/p-57a89487.entry.js +0 -1
  154. package/dist/mint-components/p-75ddf3ca.js +0 -1
  155. package/dist/mint-components/p-82e8eae6.system.entry.js +0 -1
  156. package/dist/mint-components/p-8488d11d.js +0 -1
  157. package/dist/mint-components/p-84ee5462.system.entry.js +0 -1
  158. package/dist/mint-components/p-8ab5b0bc.js +0 -379
  159. package/dist/mint-components/p-9a74f167.entry.js +0 -13
  160. package/dist/mint-components/p-abfb3897.system.entry.js +0 -1
  161. package/dist/mint-components/p-b9c7b7ef.entry.js +0 -1
  162. package/dist/mint-components/p-cd52f14d.system.entry.js +0 -1
  163. package/dist/mint-components/p-e058ba88.entry.js +0 -1
  164. package/dist/mint-components/p-efd129de.js +0 -1
  165. package/dist/mint-components/p-f60d9f3e.system.entry.js +0 -1
  166. package/dist/mint-components/p-fc0da6f7.entry.js +0 -9
@@ -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,
@@ -25,6 +25,12 @@ export class PortalRegistrationForm {
25
25
  * @uiWidget pageSelect
26
26
  */
27
27
  this.redirectPath = "/verifyEmail";
28
+ /**
29
+ * Saves the browser locale on the new user
30
+ *
31
+ * @uiName Use browser locale
32
+ */
33
+ this.useBrowserLocale = false;
28
34
  /**
29
35
  * @uiName Email field label
30
36
  */
@@ -105,6 +111,30 @@ export class PortalRegistrationForm {
105
111
  * @uiWidget textArea
106
112
  */
107
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";
108
138
  withHooks(this);
109
139
  }
110
140
  disconnectedCallback() { }
@@ -127,6 +157,12 @@ export class PortalRegistrationForm {
127
157
  invalidEmailErrorMessage: this.invalidEmailErrorMessage,
128
158
  formDisabledErrorMessage: this.formDisabledErrorMessage,
129
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,
130
166
  };
131
167
  return (h(PortalRegistrationFormView, { states: states, callbacks: callbacks, content: content, refs: refs }));
132
168
  }
@@ -181,6 +217,27 @@ export class PortalRegistrationForm {
181
217
  "reflect": false,
182
218
  "defaultValue": "\"/verifyEmail\""
183
219
  },
220
+ "useBrowserLocale": {
221
+ "type": "boolean",
222
+ "mutable": false,
223
+ "complexType": {
224
+ "original": "boolean",
225
+ "resolved": "boolean",
226
+ "references": {}
227
+ },
228
+ "required": false,
229
+ "optional": false,
230
+ "docs": {
231
+ "tags": [{
232
+ "text": "Use browser locale",
233
+ "name": "uiName"
234
+ }],
235
+ "text": "Saves the browser locale on the new user"
236
+ },
237
+ "attribute": "use-browser-locale",
238
+ "reflect": false,
239
+ "defaultValue": "false"
240
+ },
184
241
  "emailLabel": {
185
242
  "type": "string",
186
243
  "mutable": false,
@@ -514,6 +571,132 @@ export class PortalRegistrationForm {
514
571
  "reflect": false,
515
572
  "defaultValue": "\"The registration form is currently disabled.\""
516
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
+ },
517
700
  "formKey": {
518
701
  "type": "string",
519
702
  "mutable": false,
@@ -542,7 +725,7 @@ export class PortalRegistrationForm {
542
725
  "mutable": false,
543
726
  "complexType": {
544
727
  "original": "DemoData<PortalRegistrationFormViewProps>",
545
- "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; }; }",
546
729
  "references": {
547
730
  "DemoData": {
548
731
  "location": "import",
@@ -1,6 +1,6 @@
1
1
  import jsonpointer from "jsonpointer";
2
2
  import { useCallback, useEffect, useRef } from "@saasquatch/universal-hooks";
3
- import { navigation, useQuery, useRegisterViaRegistrationFormMutation, } from "@saasquatch/component-boilerplate";
3
+ import { navigation, useLocale, useQuery, useRegisterViaRegistrationFormMutation, } from "@saasquatch/component-boilerplate";
4
4
  import { AsYouType } from "libphonenumber-js";
5
5
  import { gql } from "graphql-request";
6
6
  import { useRegistrationFormState, } from "./useRegistrationFormState";
@@ -20,6 +20,7 @@ const RegistrationFormQuery = gql `
20
20
  export function usePortalRegistrationForm(props) {
21
21
  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
22
22
  const formRef = useRef(null);
23
+ const locale = useLocale();
23
24
  const { registrationFormState, setRegistrationFormState } = useRegistrationFormState({});
24
25
  const [request, { loading, errors, data, formError }] = useRegisterViaRegistrationFormMutation();
25
26
  const queryResponse = useQuery(RegistrationFormQuery, { key: props.formKey });
@@ -102,6 +103,7 @@ export function usePortalRegistrationForm(props) {
102
103
  const variables = {
103
104
  key: props.formKey,
104
105
  formData: {
106
+ ...(props.useBrowserLocale ? { locale } : {}),
105
107
  email,
106
108
  password,
107
109
  redirectPath,
@@ -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)));