@saasquatch/mint-components 1.4.1-0 → 1.4.1-1

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 (71) hide show
  1. package/dist/cjs/{global-413d075c.js → global-0c01d88f.js} +1 -1
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/mint-components.cjs.js +1 -1
  4. package/dist/cjs/sqm-divided-layout_26.cjs.entry.js +23 -13
  5. package/dist/cjs/{sqm-leaderboard-rank-view-b1b55673.js → sqm-leaderboard-rank-view-48245b30.js} +1 -1
  6. package/dist/cjs/sqm-leaderboard-rank.cjs.entry.js +2 -2
  7. package/dist/cjs/{sqm-portal-email-verification-view-eeb4ca62.js → sqm-portal-email-verification-view-68b16f27.js} +1 -1
  8. package/dist/cjs/sqm-portal-email-verification.cjs.entry.js +2 -2
  9. package/dist/cjs/{sqm-portal-footer-view-08a2efd5.js → sqm-portal-footer-view-edeeebab.js} +1 -1
  10. package/dist/cjs/sqm-portal-footer.cjs.entry.js +2 -2
  11. package/dist/cjs/{sqm-portal-profile-view-ce86369e.js → sqm-portal-profile-view-2b48529e.js} +1 -1
  12. package/dist/cjs/sqm-portal-profile.cjs.entry.js +2 -2
  13. package/dist/collection/components/sqm-portal-register/sqm-portal-register-view.js +1 -0
  14. package/dist/collection/components/sqm-portal-register/sqm-portal-register.js +2 -1
  15. package/dist/collection/global/global.js +1 -1
  16. package/dist/collection/stories/PortalRegister.stories.js +12 -5
  17. package/dist/collection/stories/ShareButton.stories.js +1 -1
  18. package/dist/esm/{global-2e50d2dc.js → global-0fcfbedf.js} +1 -1
  19. package/dist/esm/loader.js +1 -1
  20. package/dist/esm/mint-components.js +1 -1
  21. package/dist/esm/sqm-divided-layout_26.entry.js +23 -13
  22. package/dist/esm/{sqm-leaderboard-rank-view-387f0870.js → sqm-leaderboard-rank-view-fd7d7f42.js} +1 -1
  23. package/dist/esm/sqm-leaderboard-rank.entry.js +2 -2
  24. package/dist/esm/{sqm-portal-email-verification-view-e366e94a.js → sqm-portal-email-verification-view-6cc56c87.js} +1 -1
  25. package/dist/esm/sqm-portal-email-verification.entry.js +2 -2
  26. package/dist/esm/{sqm-portal-footer-view-f12d5e5a.js → sqm-portal-footer-view-8a1128d5.js} +1 -1
  27. package/dist/esm/sqm-portal-footer.entry.js +2 -2
  28. package/dist/esm/{sqm-portal-profile-view-9f3c79c3.js → sqm-portal-profile-view-4acf74a5.js} +1 -1
  29. package/dist/esm/sqm-portal-profile.entry.js +2 -2
  30. package/dist/esm-es5/{global-2e50d2dc.js → global-0fcfbedf.js} +1 -1
  31. package/dist/esm-es5/loader.js +1 -1
  32. package/dist/esm-es5/mint-components.js +1 -1
  33. package/dist/esm-es5/sqm-divided-layout_26.entry.js +1 -1
  34. package/dist/esm-es5/{sqm-leaderboard-rank-view-387f0870.js → sqm-leaderboard-rank-view-fd7d7f42.js} +1 -1
  35. package/dist/esm-es5/sqm-leaderboard-rank.entry.js +1 -1
  36. package/dist/esm-es5/{sqm-portal-email-verification-view-e366e94a.js → sqm-portal-email-verification-view-6cc56c87.js} +1 -1
  37. package/dist/esm-es5/sqm-portal-email-verification.entry.js +1 -1
  38. package/dist/esm-es5/{sqm-portal-footer-view-f12d5e5a.js → sqm-portal-footer-view-8a1128d5.js} +1 -1
  39. package/dist/esm-es5/sqm-portal-footer.entry.js +1 -1
  40. package/dist/esm-es5/{sqm-portal-profile-view-9f3c79c3.js → sqm-portal-profile-view-4acf74a5.js} +1 -1
  41. package/dist/esm-es5/sqm-portal-profile.entry.js +1 -1
  42. package/dist/mint-components/mint-components.esm.js +1 -1
  43. package/dist/mint-components/mint-components.js +1 -1
  44. package/dist/mint-components/{p-e1df7914.system.entry.js → p-036c5a7e.system.entry.js} +1 -1
  45. package/dist/mint-components/{p-2dc28ab0.entry.js → p-05a86906.entry.js} +2 -2
  46. package/dist/mint-components/p-099e36f5.system.entry.js +1 -0
  47. package/dist/mint-components/{p-48fff767.system.js → p-18aa175f.system.js} +1 -1
  48. package/dist/mint-components/{p-fd33dd62.system.js → p-3452bdae.system.js} +1 -1
  49. package/dist/mint-components/{p-3adf6ff3.js → p-51cfdd14.js} +1 -1
  50. package/dist/mint-components/{p-bf26396f.system.js → p-54707082.system.js} +1 -1
  51. package/dist/mint-components/{p-679a7054.system.js → p-602180a2.system.js} +1 -1
  52. package/dist/mint-components/{p-9f9191a4.system.js → p-64759dda.system.js} +1 -1
  53. package/dist/mint-components/{p-52b0b65d.entry.js → p-6815e7ba.entry.js} +1 -1
  54. package/dist/mint-components/p-756a5e6f.system.js +1 -0
  55. package/dist/mint-components/{p-726c9080.js → p-7d996b49.js} +1 -1
  56. package/dist/mint-components/p-975dd0ec.entry.js +230 -0
  57. package/dist/mint-components/{p-d5573e0e.system.entry.js → p-991bd182.system.entry.js} +1 -1
  58. package/dist/mint-components/{p-9741333b.system.entry.js → p-9ff0425e.system.entry.js} +1 -1
  59. package/dist/mint-components/{p-f3fbcdb0.system.entry.js → p-a646db48.system.entry.js} +1 -1
  60. package/dist/mint-components/p-c84a5b33.js +1 -0
  61. package/dist/mint-components/{p-fe4ecc11.js → p-d0cad85c.js} +1 -1
  62. package/dist/mint-components/{p-2babeba4.js → p-d513229d.js} +1 -1
  63. package/dist/mint-components/{p-c579f318.entry.js → p-d55abc13.entry.js} +2 -2
  64. package/dist/mint-components/{p-d1d45d97.entry.js → p-e50839df.entry.js} +1 -1
  65. package/dist/types/components/sqm-portal-register/sqm-portal-register-view.d.ts +5 -3
  66. package/dist/types/stories/PortalRegister.stories.d.ts +1 -0
  67. package/package.json +1 -1
  68. package/dist/mint-components/p-50557966.system.js +0 -1
  69. package/dist/mint-components/p-554a6339.entry.js +0 -230
  70. package/dist/mint-components/p-77d17f35.js +0 -1
  71. package/dist/mint-components/p-d96e22c6.system.entry.js +0 -1
@@ -26497,7 +26497,7 @@ try {
26497
26497
  // SlAlert.register();
26498
26498
  registerIconLibrary("default", {
26499
26499
  // same link that shoelace uses internally
26500
- resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.7.2/icons/${name}.svg`,
26500
+ resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.2.0/icons/${name}.svg`,
26501
26501
  });
26502
26502
  // SlAlert.register();
26503
26503
  customElements.define("sl-alert", alert_default2);
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-b0129cd6.js');
6
6
  require('./extends-0302d27d.js');
7
- require('./global-413d075c.js');
7
+ require('./global-0c01d88f.js');
8
8
  require('./use-callback-fadb2643.js');
9
9
  require('./index.module-2925fe3b.js');
10
10
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  const index = require('./index-b0129cd6.js');
4
4
  require('./extends-0302d27d.js');
5
- require('./global-413d075c.js');
5
+ require('./global-0c01d88f.js');
6
6
  require('./use-callback-fadb2643.js');
7
7
  require('./index.module-2925fe3b.js');
8
8
 
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-b0129cd6.js');
6
6
  const _extends = require('./extends-0302d27d.js');
7
- const global = require('./global-413d075c.js');
7
+ const global = require('./global-0c01d88f.js');
8
8
  const useCallback = require('./use-callback-fadb2643.js');
9
9
  const index_module = require('./index.module-2925fe3b.js');
10
10
  const jsonpointer = require('./jsonpointer-11327262.js');
@@ -15,7 +15,7 @@ const mixins = require('./mixins-7b7c59fe.js');
15
15
  const sqmPortalContainerView = require('./sqm-portal-container-view-d144735a.js');
16
16
  const sqmPortalSectionView = require('./sqm-portal-section-view-3b008930.js');
17
17
  const sqmTextSpanView = require('./sqm-text-span-view-b5ae787b.js');
18
- const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-b1b55673.js');
18
+ const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-48245b30.js');
19
19
  const reRender = require('./re-render-b1ad512d.js');
20
20
  const useDemoBigStat = require('./useDemoBigStat-d7a60992.js');
21
21
  const sqmShareLinkView = require('./sqm-share-link-view-a935d07e.js');
@@ -23,13 +23,13 @@ const ShadowViewAddon = require('./ShadowViewAddon-e9bacad0.js');
23
23
  const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-d06e1885.js');
24
24
  const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-1bad646a.js');
25
25
  const sqmStatContainerView = require('./sqm-stat-container-view-ee7b00ff.js');
26
- const sqmPortalProfileView = require('./sqm-portal-profile-view-ce86369e.js');
26
+ const sqmPortalProfileView = require('./sqm-portal-profile-view-2b48529e.js');
27
27
  const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-1704d285.js');
28
- const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-eeb4ca62.js');
28
+ const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-68b16f27.js');
29
29
  const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-4d78fd6d.js');
30
30
  const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-b595e302.js');
31
31
  const sqmAssetCardView = require('./sqm-asset-card-view-07f86880.js');
32
- const sqmPortalFooterView = require('./sqm-portal-footer-view-08a2efd5.js');
32
+ const sqmPortalFooterView = require('./sqm-portal-footer-view-edeeebab.js');
33
33
  const sqmHeroView = require('./sqm-hero-view-bb3d00a1.js');
34
34
  const sqmNameFieldsView = require('./sqm-name-fields-view-24614ac7.js');
35
35
 
@@ -1579,6 +1579,7 @@ function PortalRegisterView(props) {
1579
1579
  "Cannot be empty",
1580
1580
  }
1581
1581
  : [])))),
1582
+ content.terms,
1582
1583
  index.h("div", { class: sheet$4.classes.ButtonsContainer },
1583
1584
  index.h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Register"),
1584
1585
  content.secondaryButton))));
@@ -5637,6 +5638,7 @@ const PortalRegister = class {
5637
5638
  const content = {
5638
5639
  formData: index.h("slot", { name: "formData" }),
5639
5640
  secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.mn.push(states.loginPath) }, this.loginLabel))),
5641
+ terms: index.h("slot", { name: "terms" }),
5640
5642
  emailLabel: this.emailLabel,
5641
5643
  passwordLabel: this.passwordLabel,
5642
5644
  submitLabel: this.submitLabel,
@@ -16523,7 +16525,7 @@ const ShareButton_stories = {
16523
16525
  title: "Share Button",
16524
16526
  };
16525
16527
  const WithIcon = () => {
16526
- const props = { medium: "whatsapp", iconslot: "suffix" };
16528
+ const props = { medium: "facebook", iconslot: "suffix" };
16527
16529
  return index.h(ShareButtonView, Object.assign({}, props), "Share");
16528
16530
  };
16529
16531
  const WithIconOverride = () => {
@@ -18037,7 +18039,7 @@ const defaultProps$3 = {
18037
18039
  loading: false,
18038
18040
  confirmPassword: true,
18039
18041
  hideInputs: false,
18040
- loginPath: "/login"
18042
+ loginPath: "/login",
18041
18043
  },
18042
18044
  callbacks: {
18043
18045
  submit: () => console.log("Submit!"),
@@ -18054,7 +18056,7 @@ const errorProps$1 = {
18054
18056
  loading: false,
18055
18057
  confirmPassword: true,
18056
18058
  hideInputs: false,
18057
- loginPath: "/login"
18059
+ loginPath: "/login",
18058
18060
  },
18059
18061
  callbacks: {
18060
18062
  submit: () => console.log("Submit!"),
@@ -18074,7 +18076,7 @@ const loadingProps$1 = {
18074
18076
  loading: true,
18075
18077
  confirmPassword: true,
18076
18078
  hideInputs: false,
18077
- loginPath: "/login"
18079
+ loginPath: "/login",
18078
18080
  },
18079
18081
  callbacks: {
18080
18082
  submit: () => console.log("Submit!"),
@@ -18091,7 +18093,7 @@ const slottedProps = {
18091
18093
  loading: false,
18092
18094
  confirmPassword: true,
18093
18095
  hideInputs: false,
18094
- loginPath: "/login"
18096
+ loginPath: "/login",
18095
18097
  },
18096
18098
  callbacks: {
18097
18099
  submit: () => console.log("Submit!"),
@@ -18118,11 +18120,18 @@ const FieldsHidden = () => {
18118
18120
  loading: true,
18119
18121
  confirmPassword: true,
18120
18122
  hideInputs: true,
18121
- loginPath: "/login"
18123
+ loginPath: "/login",
18122
18124
  },
18123
18125
  } }));
18124
18126
  };
18125
- const SlottedInputs = () => index.h(PortalRegisterView, Object.assign({}, slottedProps));
18127
+ const SlottedInputs = () => index.h(PortalRegisterView, Object.assign({}, slottedProps));
18128
+ const TermsAndConditions = () => (index.h(PortalRegisterView, Object.assign({}, defaultProps$3, { content: {
18129
+ ...defaultProps$3.content,
18130
+ terms: (index.h("p", null,
18131
+ "By signing up you agree to the",
18132
+ " ",
18133
+ index.h("a", { href: "https://example.com", target: "_blank" }, "Terms and Conditions"))),
18134
+ } })));
18126
18135
 
18127
18136
  const PortalRegister$1 = /*#__PURE__*/Object.freeze({
18128
18137
  __proto__: null,
@@ -18131,7 +18140,8 @@ const PortalRegister$1 = /*#__PURE__*/Object.freeze({
18131
18140
  RegisterWithError: RegisterWithError,
18132
18141
  RegisterLoading: RegisterLoading,
18133
18142
  FieldsHidden: FieldsHidden,
18134
- SlottedInputs: SlottedInputs
18143
+ SlottedInputs: SlottedInputs,
18144
+ TermsAndConditions: TermsAndConditions
18135
18145
  });
18136
18146
 
18137
18147
  const scenario = "@author:derek\r\n@owner:ian\r\nFeature: Forgot Password\r\n\r\n @motivating\r\n Scenario: Users can request to reset their password\r\n Given a user enters their email address\r\n And that email address is linked to a previously created account\r\n When they click \"Reset Password\"\r\n Then the button enters a loading state\r\n When the password reset email is sent\r\n Then a confirmation banner is shown stating a password reset email was sent\r\n\r\n @motivating\r\n Scenario: Users are notified if sending their password reset email fails\r\n Given a user enters their email address\r\n And that email address is linked to a previously created account\r\n When they click \"Reset Password\"\r\n Then the button enters a loading state\r\n When the password reset email fails to send\r\n Then the user does not receive a password reset email\r\n And an error banner is shown stating that they should try again\r\n\r\n @motivating\r\n @landmine\r\n Scenario: If the input email is not associated to an account a success banner is shown but an email is not be sent\r\n Given the user entered an email address that is not associated to an accoun\r\n When they click \"Reset Password\"\r\n Then the button enters a loading state\r\n But no email is sent\r\n And a success banner is shown stating a password reset email was sent if the given email was associated to an account\r\n\r\n @motivating\r\n Scenario: Users can resend password reset email\r\n Given a user had previously requested to reset their password\r\n When they enter their email address\r\n And that email address is linked to a previously created account\r\n And they click \"Reset Password\"\r\n Then the user receives a second password reset email\r\n And a success banner is shown stating that their email was sent\r\n\r\n @motivating\r\n Scenario Outline: The email link can be configured to redirect users to a specific base path but defaults to \"/resetPassword\"\r\n Given a user viewing the password reset component\r\n And the component <mayHave> \"redirect-path\" with <value>\r\n When they request a password reset email\r\n And they click the link in the email\r\n Then they are redirected to <redirectPath>\r\n Examples:\r\n | mayHave | value | redirectPath |\r\n | doesn't have | N/A | /resetPassword |\r\n | has | /resetMyPassword | /resetMyPassword |\r\n\r\n @minutae\r\n Scenario Outline: Navigation back to the login page can be customized but defaults to \"/login\"\r\n Given a user viewing the password reset component\r\n And the component <mayHave> \"login-path\" with <value>\r\n Then they see a \"Sign In\" text button\r\n When they click \"Sign In\"\r\n Then they are redirected to <redirectPath>\r\n Examples:\r\n | mayHave | value | redirectPath |\r\n | doesn't have | N/A | /login |\r\n | has | /signin | /signin |";
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const index = require('./index-b0129cd6.js');
4
- const global = require('./global-413d075c.js');
4
+ const global = require('./global-0c01d88f.js');
5
5
  const index_module = require('./index.module-2925fe3b.js');
6
6
 
7
7
  var docCache = new Map();
@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-b0129cd6.js');
6
6
  const _extends = require('./extends-0302d27d.js');
7
- const global = require('./global-413d075c.js');
7
+ const global = require('./global-0c01d88f.js');
8
8
  require('./use-callback-fadb2643.js');
9
9
  const index_module = require('./index.module-2925fe3b.js');
10
10
  const cjs = require('./cjs-1066ec21.js');
11
- const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-b1b55673.js');
11
+ const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-48245b30.js');
12
12
 
13
13
  const GET_RANK = sqmLeaderboardRankView.gql `
14
14
  query ($type: String!, $filter: UserLeaderboardFilterInput) {
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const index = require('./index-b0129cd6.js');
4
- const global = require('./global-413d075c.js');
4
+ const global = require('./global-0c01d88f.js');
5
5
  const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
6
6
  const mixins = require('./mixins-7b7c59fe.js');
7
7
  const sqmTextSpanView = require('./sqm-text-span-view-b5ae787b.js');
@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-b0129cd6.js');
6
6
  const _extends = require('./extends-0302d27d.js');
7
- require('./global-413d075c.js');
7
+ require('./global-0c01d88f.js');
8
8
  require('./use-callback-fadb2643.js');
9
9
  const index_module = require('./index.module-2925fe3b.js');
10
10
  require('./jss-preset-default.esm-6304d24f.js');
11
11
  const cjs = require('./cjs-1066ec21.js');
12
12
  require('./mixins-7b7c59fe.js');
13
13
  require('./sqm-text-span-view-b5ae787b.js');
14
- const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-eeb4ca62.js');
14
+ const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-68b16f27.js');
15
15
 
16
16
  function usePortalEmailVerification(props) {
17
17
  var _a, _b, _c, _d, _e;
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const index = require('./index-b0129cd6.js');
4
- const global = require('./global-413d075c.js');
4
+ const global = require('./global-0c01d88f.js');
5
5
  const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
6
6
 
7
7
  function PoweredByImg({ color = "#A6A6A6", width = 190, height = 29, }) {
@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-b0129cd6.js');
6
6
  const _extends = require('./extends-0302d27d.js');
7
- require('./global-413d075c.js');
7
+ require('./global-0c01d88f.js');
8
8
  require('./use-callback-fadb2643.js');
9
9
  require('./index.module-2925fe3b.js');
10
10
  require('./jss-preset-default.esm-6304d24f.js');
11
11
  const utils = require('./utils-95e5317c.js');
12
- const sqmPortalFooterView = require('./sqm-portal-footer-view-08a2efd5.js');
12
+ const sqmPortalFooterView = require('./sqm-portal-footer-view-edeeebab.js');
13
13
 
14
14
  const PortalFooter = class {
15
15
  constructor(hostRef) {
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const index = require('./index-b0129cd6.js');
4
- const global = require('./global-413d075c.js');
4
+ const global = require('./global-0c01d88f.js');
5
5
  const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
6
6
  const sqmPortalContainerView = require('./sqm-portal-container-view-d144735a.js');
7
7
  const sqmTextSpanView = require('./sqm-text-span-view-b5ae787b.js');
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-b0129cd6.js');
6
6
  const _extends = require('./extends-0302d27d.js');
7
- require('./global-413d075c.js');
7
+ require('./global-0c01d88f.js');
8
8
  require('./use-callback-fadb2643.js');
9
9
  const index_module = require('./index.module-2925fe3b.js');
10
10
  require('./jss-preset-default.esm-6304d24f.js');
@@ -12,7 +12,7 @@ const utils = require('./utils-95e5317c.js');
12
12
  const cjs = require('./cjs-1066ec21.js');
13
13
  require('./sqm-portal-container-view-d144735a.js');
14
14
  require('./sqm-text-span-view-b5ae787b.js');
15
- const sqmPortalProfileView = require('./sqm-portal-profile-view-ce86369e.js');
15
+ const sqmPortalProfileView = require('./sqm-portal-profile-view-2b48529e.js');
16
16
 
17
17
  const GET_USER = index_module.dist.gql `
18
18
  query {
@@ -69,6 +69,7 @@ export function PortalRegisterView(props) {
69
69
  "Cannot be empty",
70
70
  }
71
71
  : [])))),
72
+ content.terms,
72
73
  h("div", { class: sheet.classes.ButtonsContainer },
73
74
  h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Register"),
74
75
  content.secondaryButton))));
@@ -71,6 +71,7 @@ export class PortalRegister {
71
71
  formData: h("slot", { name: "formData" }),
72
72
  secondaryButton: (h("slot", { name: "secondaryButton" },
73
73
  h("sl-button", { type: "text", disabled: states.loading, onClick: () => navigation.push(states.loginPath) }, this.loginLabel))),
74
+ terms: h("slot", { name: "terms" }),
74
75
  emailLabel: this.emailLabel,
75
76
  passwordLabel: this.passwordLabel,
76
77
  submitLabel: this.submitLabel,
@@ -339,7 +340,7 @@ export class PortalRegister {
339
340
  "mutable": false,
340
341
  "complexType": {
341
342
  "original": "DemoData<PortalRegisterViewProps>",
342
- "resolved": "{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; validationState?: FormState; enablePasswordValidation?: boolean; loginPath: string; }; content?: { formData?: any; passwordField?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; }; refs?: { formRef: any; }; }",
343
+ "resolved": "{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; validationState?: FormState; enablePasswordValidation?: boolean; loginPath: string; }; content?: { formData?: VNode; terms?: VNode; passwordField?: VNode; secondaryButton?: VNode; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; }; refs?: { formRef: any; }; }",
343
344
  "references": {
344
345
  "DemoData": {
345
346
  "location": "import",
@@ -19,7 +19,7 @@ try {
19
19
  // SlAlert.register();
20
20
  registerIconLibrary("default", {
21
21
  // same link that shoelace uses internally
22
- resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.7.2/icons/${name}.svg`,
22
+ resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.2.0/icons/${name}.svg`,
23
23
  });
24
24
  // SlAlert.register();
25
25
  customElements.define("sl-alert", SlAlert);
@@ -9,7 +9,7 @@ const defaultProps = {
9
9
  loading: false,
10
10
  confirmPassword: true,
11
11
  hideInputs: false,
12
- loginPath: "/login"
12
+ loginPath: "/login",
13
13
  },
14
14
  callbacks: {
15
15
  submit: () => console.log("Submit!"),
@@ -26,7 +26,7 @@ const errorProps = {
26
26
  loading: false,
27
27
  confirmPassword: true,
28
28
  hideInputs: false,
29
- loginPath: "/login"
29
+ loginPath: "/login",
30
30
  },
31
31
  callbacks: {
32
32
  submit: () => console.log("Submit!"),
@@ -46,7 +46,7 @@ const loadingProps = {
46
46
  loading: true,
47
47
  confirmPassword: true,
48
48
  hideInputs: false,
49
- loginPath: "/login"
49
+ loginPath: "/login",
50
50
  },
51
51
  callbacks: {
52
52
  submit: () => console.log("Submit!"),
@@ -63,7 +63,7 @@ const slottedProps = {
63
63
  loading: false,
64
64
  confirmPassword: true,
65
65
  hideInputs: false,
66
- loginPath: "/login"
66
+ loginPath: "/login",
67
67
  },
68
68
  callbacks: {
69
69
  submit: () => console.log("Submit!"),
@@ -90,8 +90,15 @@ export const FieldsHidden = () => {
90
90
  loading: true,
91
91
  confirmPassword: true,
92
92
  hideInputs: true,
93
- loginPath: "/login"
93
+ loginPath: "/login",
94
94
  },
95
95
  } }));
96
96
  };
97
97
  export const SlottedInputs = () => h(PortalRegisterView, Object.assign({}, slottedProps));
98
+ export const TermsAndConditions = () => (h(PortalRegisterView, Object.assign({}, defaultProps, { content: {
99
+ ...defaultProps.content,
100
+ terms: (h("p", null,
101
+ "By signing up you agree to the",
102
+ " ",
103
+ h("a", { href: "https://example.com", target: "_blank" }, "Terms and Conditions"))),
104
+ } })));
@@ -4,7 +4,7 @@ export default {
4
4
  title: "Share Button",
5
5
  };
6
6
  export const WithIcon = () => {
7
- const props = { medium: "whatsapp", iconslot: "suffix" };
7
+ const props = { medium: "facebook", iconslot: "suffix" };
8
8
  return h(ShareButtonView, Object.assign({}, props), "Share");
9
9
  };
10
10
  export const WithIconOverride = () => {
@@ -26495,7 +26495,7 @@ try {
26495
26495
  // SlAlert.register();
26496
26496
  registerIconLibrary("default", {
26497
26497
  // same link that shoelace uses internally
26498
- resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.7.2/icons/${name}.svg`,
26498
+ resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.2.0/icons/${name}.svg`,
26499
26499
  });
26500
26500
  // SlAlert.register();
26501
26501
  customElements.define("sl-alert", alert_default2);
@@ -1,6 +1,6 @@
1
1
  import { p as promiseResolve, b as bootstrapLazy } from './index-17b4da69.js';
2
2
  import './extends-3a3f9fe2.js';
3
- import './global-2e50d2dc.js';
3
+ import './global-0fcfbedf.js';
4
4
  import './use-callback-b38a1523.js';
5
5
  import './index.module-1e92a7a3.js';
6
6
 
@@ -1,6 +1,6 @@
1
1
  import { p as promiseResolve, H, b as bootstrapLazy } from './index-17b4da69.js';
2
2
  import './extends-3a3f9fe2.js';
3
- import './global-2e50d2dc.js';
3
+ import './global-0fcfbedf.js';
4
4
  import './use-callback-b38a1523.js';
5
5
  import './index.module-1e92a7a3.js';
6
6
 
@@ -1,6 +1,6 @@
1
1
  import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
2
2
  import { m as h$1, j as useState, e as useEffect, f as useRef, n as d$2, y as y$1, b as browser, u as useReducer, c as createCommonjsModule, a as commonjsGlobal, k as useMemo } from './extends-3a3f9fe2.js';
3
- import { i as intl, a as insertCSS } from './global-2e50d2dc.js';
3
+ import { i as intl, a as insertCSS } from './global-0fcfbedf.js';
4
4
  import { u as useCallback } from './use-callback-b38a1523.js';
5
5
  import { d as dist, n as ne$1, c as cn, D as De, j as j$1, a as sn, b as mn, H as He, $ as $e, S as S$1, V as Ve, M as M$1, p as pn, v as vn, x as x$1, e as D$1, Y } from './index.module-1e92a7a3.js';
6
6
  import { j as jsonpointer } from './jsonpointer-388a7082.js';
@@ -11,7 +11,7 @@ import { E as ErrorStyles, H as HostBlock, A as AuthWrapper, a as AuthColumn, b
11
11
  import { P as PortalContainerView } from './sqm-portal-container-view-73757ca5.js';
12
12
  import { P as PortalSectionView } from './sqm-portal-section-view-f0876545.js';
13
13
  import { T as TextSpanView } from './sqm-text-span-view-1781df94.js';
14
- import { g as gql, L as LeaderboardRankView } from './sqm-leaderboard-rank-view-387f0870.js';
14
+ import { g as gql, L as LeaderboardRankView } from './sqm-leaderboard-rank-view-fd7d7f42.js';
15
15
  import { u as useRerenderListener } from './re-render-b8468637.js';
16
16
  import { p as pathToRegexp, B as BigStatView, u as useBigStat, a as useDemoBigStat } from './useDemoBigStat-5557504e.js';
17
17
  import { S as ShareLinkView } from './sqm-share-link-view-9282b8e8.js';
@@ -19,13 +19,13 @@ import { L as LeaderboardView, u as useLeaderboard, S as ShadowViewAddon } from
19
19
  import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-2242502c.js';
20
20
  import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-a48bca9b.js';
21
21
  import { S as StatContainerView } from './sqm-stat-container-view-4133feb6.js';
22
- import { P as PortalProfileView } from './sqm-portal-profile-view-9f3c79c3.js';
22
+ import { P as PortalProfileView } from './sqm-portal-profile-view-4acf74a5.js';
23
23
  import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-e3a6a716.js';
24
- import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-e366e94a.js';
24
+ import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-6cc56c87.js';
25
25
  import { P as PortalResetPasswordView$1 } from './sqm-portal-reset-password-view-a4e50da2.js';
26
26
  import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-6f18bac2.js';
27
27
  import { A as AssetCardView } from './sqm-asset-card-view-6f360937.js';
28
- import { P as PoweredByImg$1, a as PortalFooterView } from './sqm-portal-footer-view-f12d5e5a.js';
28
+ import { P as PoweredByImg$1, a as PortalFooterView } from './sqm-portal-footer-view-8a1128d5.js';
29
29
  import { H as HeroView } from './sqm-hero-view-bfd8abd1.js';
30
30
  import { N as NameFieldsView } from './sqm-name-fields-view-4162fb7b.js';
31
31
 
@@ -1575,6 +1575,7 @@ function PortalRegisterView(props) {
1575
1575
  "Cannot be empty",
1576
1576
  }
1577
1577
  : [])))),
1578
+ content.terms,
1578
1579
  h("div", { class: sheet$4.classes.ButtonsContainer },
1579
1580
  h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Register"),
1580
1581
  content.secondaryButton))));
@@ -5633,6 +5634,7 @@ const PortalRegister = class {
5633
5634
  const content = {
5634
5635
  formData: h("slot", { name: "formData" }),
5635
5636
  secondaryButton: (h("slot", { name: "secondaryButton" }, h("sl-button", { type: "text", disabled: states.loading, onClick: () => mn.push(states.loginPath) }, this.loginLabel))),
5637
+ terms: h("slot", { name: "terms" }),
5636
5638
  emailLabel: this.emailLabel,
5637
5639
  passwordLabel: this.passwordLabel,
5638
5640
  submitLabel: this.submitLabel,
@@ -16519,7 +16521,7 @@ const ShareButton_stories = {
16519
16521
  title: "Share Button",
16520
16522
  };
16521
16523
  const WithIcon = () => {
16522
- const props = { medium: "whatsapp", iconslot: "suffix" };
16524
+ const props = { medium: "facebook", iconslot: "suffix" };
16523
16525
  return h(ShareButtonView, Object.assign({}, props), "Share");
16524
16526
  };
16525
16527
  const WithIconOverride = () => {
@@ -18033,7 +18035,7 @@ const defaultProps$3 = {
18033
18035
  loading: false,
18034
18036
  confirmPassword: true,
18035
18037
  hideInputs: false,
18036
- loginPath: "/login"
18038
+ loginPath: "/login",
18037
18039
  },
18038
18040
  callbacks: {
18039
18041
  submit: () => console.log("Submit!"),
@@ -18050,7 +18052,7 @@ const errorProps$1 = {
18050
18052
  loading: false,
18051
18053
  confirmPassword: true,
18052
18054
  hideInputs: false,
18053
- loginPath: "/login"
18055
+ loginPath: "/login",
18054
18056
  },
18055
18057
  callbacks: {
18056
18058
  submit: () => console.log("Submit!"),
@@ -18070,7 +18072,7 @@ const loadingProps$1 = {
18070
18072
  loading: true,
18071
18073
  confirmPassword: true,
18072
18074
  hideInputs: false,
18073
- loginPath: "/login"
18075
+ loginPath: "/login",
18074
18076
  },
18075
18077
  callbacks: {
18076
18078
  submit: () => console.log("Submit!"),
@@ -18087,7 +18089,7 @@ const slottedProps = {
18087
18089
  loading: false,
18088
18090
  confirmPassword: true,
18089
18091
  hideInputs: false,
18090
- loginPath: "/login"
18092
+ loginPath: "/login",
18091
18093
  },
18092
18094
  callbacks: {
18093
18095
  submit: () => console.log("Submit!"),
@@ -18114,11 +18116,18 @@ const FieldsHidden = () => {
18114
18116
  loading: true,
18115
18117
  confirmPassword: true,
18116
18118
  hideInputs: true,
18117
- loginPath: "/login"
18119
+ loginPath: "/login",
18118
18120
  },
18119
18121
  } }));
18120
18122
  };
18121
- const SlottedInputs = () => h(PortalRegisterView, Object.assign({}, slottedProps));
18123
+ const SlottedInputs = () => h(PortalRegisterView, Object.assign({}, slottedProps));
18124
+ const TermsAndConditions = () => (h(PortalRegisterView, Object.assign({}, defaultProps$3, { content: {
18125
+ ...defaultProps$3.content,
18126
+ terms: (h("p", null,
18127
+ "By signing up you agree to the",
18128
+ " ",
18129
+ h("a", { href: "https://example.com", target: "_blank" }, "Terms and Conditions"))),
18130
+ } })));
18122
18131
 
18123
18132
  const PortalRegister$1 = /*#__PURE__*/Object.freeze({
18124
18133
  __proto__: null,
@@ -18127,7 +18136,8 @@ const PortalRegister$1 = /*#__PURE__*/Object.freeze({
18127
18136
  RegisterWithError: RegisterWithError,
18128
18137
  RegisterLoading: RegisterLoading,
18129
18138
  FieldsHidden: FieldsHidden,
18130
- SlottedInputs: SlottedInputs
18139
+ SlottedInputs: SlottedInputs,
18140
+ TermsAndConditions: TermsAndConditions
18131
18141
  });
18132
18142
 
18133
18143
  const scenario = "@author:derek\r\n@owner:ian\r\nFeature: Forgot Password\r\n\r\n @motivating\r\n Scenario: Users can request to reset their password\r\n Given a user enters their email address\r\n And that email address is linked to a previously created account\r\n When they click \"Reset Password\"\r\n Then the button enters a loading state\r\n When the password reset email is sent\r\n Then a confirmation banner is shown stating a password reset email was sent\r\n\r\n @motivating\r\n Scenario: Users are notified if sending their password reset email fails\r\n Given a user enters their email address\r\n And that email address is linked to a previously created account\r\n When they click \"Reset Password\"\r\n Then the button enters a loading state\r\n When the password reset email fails to send\r\n Then the user does not receive a password reset email\r\n And an error banner is shown stating that they should try again\r\n\r\n @motivating\r\n @landmine\r\n Scenario: If the input email is not associated to an account a success banner is shown but an email is not be sent\r\n Given the user entered an email address that is not associated to an accoun\r\n When they click \"Reset Password\"\r\n Then the button enters a loading state\r\n But no email is sent\r\n And a success banner is shown stating a password reset email was sent if the given email was associated to an account\r\n\r\n @motivating\r\n Scenario: Users can resend password reset email\r\n Given a user had previously requested to reset their password\r\n When they enter their email address\r\n And that email address is linked to a previously created account\r\n And they click \"Reset Password\"\r\n Then the user receives a second password reset email\r\n And a success banner is shown stating that their email was sent\r\n\r\n @motivating\r\n Scenario Outline: The email link can be configured to redirect users to a specific base path but defaults to \"/resetPassword\"\r\n Given a user viewing the password reset component\r\n And the component <mayHave> \"redirect-path\" with <value>\r\n When they request a password reset email\r\n And they click the link in the email\r\n Then they are redirected to <redirectPath>\r\n Examples:\r\n | mayHave | value | redirectPath |\r\n | doesn't have | N/A | /resetPassword |\r\n | has | /resetMyPassword | /resetMyPassword |\r\n\r\n @minutae\r\n Scenario Outline: Navigation back to the login page can be customized but defaults to \"/login\"\r\n Given a user viewing the password reset component\r\n And the component <mayHave> \"login-path\" with <value>\r\n Then they see a \"Sign In\" text button\r\n When they click \"Sign In\"\r\n Then they are redirected to <redirectPath>\r\n Examples:\r\n | mayHave | value | redirectPath |\r\n | doesn't have | N/A | /login |\r\n | has | /signin | /signin |";
@@ -1,5 +1,5 @@
1
1
  import { h } from './index-17b4da69.js';
2
- import { _ as __assign } from './global-2e50d2dc.js';
2
+ import { _ as __assign } from './global-0fcfbedf.js';
3
3
  import { f as parse } from './index.module-1e92a7a3.js';
4
4
 
5
5
  var docCache = new Map();
@@ -1,10 +1,10 @@
1
1
  import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
2
2
  import { m as h } from './extends-3a3f9fe2.js';
3
- import { i as intl, c as createIntl } from './global-2e50d2dc.js';
3
+ import { i as intl, c as createIntl } from './global-0fcfbedf.js';
4
4
  import './use-callback-b38a1523.js';
5
5
  import { M, n as ne, c as cn, j } from './index.module-1e92a7a3.js';
6
6
  import { c as cjs } from './cjs-bdfb4486.js';
7
- import { g as gql, L as LeaderboardRankView } from './sqm-leaderboard-rank-view-387f0870.js';
7
+ import { g as gql, L as LeaderboardRankView } from './sqm-leaderboard-rank-view-fd7d7f42.js';
8
8
 
9
9
  const GET_RANK = gql `
10
10
  query ($type: String!, $filter: UserLeaderboardFilterInput) {
@@ -1,5 +1,5 @@
1
1
  import { h } from './index-17b4da69.js';
2
- import { i as intl } from './global-2e50d2dc.js';
2
+ import { i as intl } from './global-0fcfbedf.js';
3
3
  import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
4
4
  import { A as AuthWrapper, a as AuthColumn } from './mixins-10353a39.js';
5
5
  import { T as TextSpanView } from './sqm-text-span-view-1781df94.js';
@@ -1,13 +1,13 @@
1
1
  import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
2
2
  import { j as useState, e as useEffect, m as h } from './extends-3a3f9fe2.js';
3
- import './global-2e50d2dc.js';
3
+ import './global-0fcfbedf.js';
4
4
  import './use-callback-b38a1523.js';
5
5
  import { i as an, n as ne, j } from './index.module-1e92a7a3.js';
6
6
  import './jss-preset-default.esm-71fae192.js';
7
7
  import { c as cjs } from './cjs-bdfb4486.js';
8
8
  import './mixins-10353a39.js';
9
9
  import './sqm-text-span-view-1781df94.js';
10
- import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-e366e94a.js';
10
+ import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-6cc56c87.js';
11
11
 
12
12
  function usePortalEmailVerification(props) {
13
13
  var _a, _b, _c, _d, _e;
@@ -1,5 +1,5 @@
1
1
  import { h } from './index-17b4da69.js';
2
- import { i as intl } from './global-2e50d2dc.js';
2
+ import { i as intl } from './global-0fcfbedf.js';
3
3
  import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
4
4
 
5
5
  function PoweredByImg({ color = "#A6A6A6", width = 190, height = 29, }) {
@@ -1,11 +1,11 @@
1
1
  import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
2
2
  import { m as h } from './extends-3a3f9fe2.js';
3
- import './global-2e50d2dc.js';
3
+ import './global-0fcfbedf.js';
4
4
  import './use-callback-b38a1523.js';
5
5
  import './index.module-1e92a7a3.js';
6
6
  import './jss-preset-default.esm-71fae192.js';
7
7
  import { g as getProps } from './utils-454405f5.js';
8
- import { a as PortalFooterView } from './sqm-portal-footer-view-f12d5e5a.js';
8
+ import { a as PortalFooterView } from './sqm-portal-footer-view-8a1128d5.js';
9
9
 
10
10
  const PortalFooter = class {
11
11
  constructor(hostRef) {
@@ -1,5 +1,5 @@
1
1
  import { h } from './index-17b4da69.js';
2
- import { i as intl } from './global-2e50d2dc.js';
2
+ import { i as intl } from './global-0fcfbedf.js';
3
3
  import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
4
4
  import { P as PortalContainerView } from './sqm-portal-container-view-73757ca5.js';
5
5
  import { T as TextSpanView } from './sqm-text-span-view-1781df94.js';
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
2
2
  import { j as useState, e as useEffect, m as h } from './extends-3a3f9fe2.js';
3
- import './global-2e50d2dc.js';
3
+ import './global-0fcfbedf.js';
4
4
  import './use-callback-b38a1523.js';
5
5
  import { d as dist, n as ne, c as cn, D as De, j } from './index.module-1e92a7a3.js';
6
6
  import './jss-preset-default.esm-71fae192.js';
@@ -8,7 +8,7 @@ import { g as getProps } from './utils-454405f5.js';
8
8
  import { c as cjs } from './cjs-bdfb4486.js';
9
9
  import './sqm-portal-container-view-73757ca5.js';
10
10
  import './sqm-text-span-view-1781df94.js';
11
- import { P as PortalProfileView } from './sqm-portal-profile-view-9f3c79c3.js';
11
+ import { P as PortalProfileView } from './sqm-portal-profile-view-4acf74a5.js';
12
12
 
13
13
  const GET_USER = dist.gql `
14
14
  query {