@saasquatch/mint-components 1.6.3-11 → 1.6.3-12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{sqm-portal-email-verification-view-7a0f0a53.js → sqm-portal-email-verification-view-e77a03c9.js} +3 -1
- package/dist/cjs/sqm-portal-email-verification.cjs.entry.js +1 -1
- package/dist/cjs/sqm-stencilbook.cjs.entry.js +2 -2
- package/dist/collection/components/sqm-portal-email-verification/sqm-portal-email-verification-view.js +3 -1
- package/dist/esm/{sqm-portal-email-verification-view-6b759da2.js → sqm-portal-email-verification-view-687938f8.js} +3 -1
- package/dist/esm/sqm-portal-email-verification.entry.js +1 -1
- package/dist/esm/sqm-stencilbook.entry.js +2 -2
- package/dist/esm-es5/sqm-portal-email-verification-view-687938f8.js +1 -0
- package/dist/esm-es5/sqm-portal-email-verification.entry.js +1 -1
- package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
- package/dist/mint-components/mint-components.esm.js +1 -1
- package/dist/mint-components/p-22e9c66d.js +1 -0
- package/dist/mint-components/{p-026d32ef.system.entry.js → p-2dbd83f3.system.entry.js} +1 -1
- package/dist/mint-components/{p-8e3eb132.system.entry.js → p-70e1cdba.system.entry.js} +1 -1
- package/dist/mint-components/p-81d7ac22.system.js +1 -1
- package/dist/mint-components/{p-838970d3.entry.js → p-900fc149.entry.js} +2 -2
- package/dist/mint-components/p-bc5a2c37.system.js +1 -0
- package/dist/mint-components/{p-38660af9.entry.js → p-f90e5714.entry.js} +1 -1
- package/docs/docs.docx +0 -0
- package/package.json +1 -1
- package/shoelace/assets/icons/key.svg +4 -0
- package/dist/esm-es5/sqm-portal-email-verification-view-6b759da2.js +0 -1
- package/dist/mint-components/p-1b251d63.system.js +0 -1
- package/dist/mint-components/p-93d194ae.js +0 -1
- package/shoelace/assets/icons/diamond-half.svg +0 -3
|
@@ -10,6 +10,7 @@ const style = {
|
|
|
10
10
|
Wrapper: mixins.AuthWrapper,
|
|
11
11
|
Column: { ...mixins.AuthColumn },
|
|
12
12
|
ButtonLink: {
|
|
13
|
+
fontSize: "14px",
|
|
13
14
|
color: "var(--sl-color-primary-500)",
|
|
14
15
|
display: "inline-block !important",
|
|
15
16
|
"&:hover": {
|
|
@@ -18,6 +19,7 @@ const style = {
|
|
|
18
19
|
},
|
|
19
20
|
},
|
|
20
21
|
ButtonLinkLoading: {
|
|
22
|
+
fontSize: "14px",
|
|
21
23
|
color: "var(--sl-color-gray-500)",
|
|
22
24
|
opacity: "0.6",
|
|
23
25
|
display: "inline-block !important",
|
|
@@ -63,7 +65,7 @@ function PortalEmailVerificationView(props) {
|
|
|
63
65
|
}, {
|
|
64
66
|
countdown: states.loadingVerification ? (index.h("sl-spinner", null)) : (states.countdown),
|
|
65
67
|
})),
|
|
66
|
-
index.h("a", { class: states.
|
|
68
|
+
index.h("a", { class: states.loading ? sheet.classes.ButtonLinkLoading : sheet.classes.ButtonLink, onClick: callbacks.submit }, resendEmailButtonText))));
|
|
67
69
|
}
|
|
68
70
|
|
|
69
71
|
exports.PortalEmailVerificationView = PortalEmailVerificationView;
|
|
@@ -11,7 +11,7 @@ const cjs = require('./cjs-1066ec21.js');
|
|
|
11
11
|
require('./mixins-338ca5f1.js');
|
|
12
12
|
require('./JSS-c73206b7.js');
|
|
13
13
|
require('./sqm-text-span-view-b0c90c27.js');
|
|
14
|
-
const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-
|
|
14
|
+
const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-e77a03c9.js');
|
|
15
15
|
|
|
16
16
|
function usePortalEmailVerification(props) {
|
|
17
17
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
@@ -20,7 +20,7 @@ const sqmHeroView = require('./sqm-hero-view-f4264d5e.js');
|
|
|
20
20
|
const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-35015d30.js');
|
|
21
21
|
const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-3feda5f1.js');
|
|
22
22
|
const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-30c8af59.js');
|
|
23
|
-
const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-
|
|
23
|
+
const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-e77a03c9.js');
|
|
24
24
|
const sqmPortalFooterView = require('./sqm-portal-footer-view-fa9c9381.js');
|
|
25
25
|
const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-aaa8dd17.js');
|
|
26
26
|
const sqmPortalContainerView = require('./sqm-portal-container-view-4a8432e9.js');
|
|
@@ -9600,7 +9600,7 @@ const EditProfileReadme = "# sqm-portal-profile\r\n\r\n\r\n\r\n<!-- Auto Generat
|
|
|
9600
9600
|
|
|
9601
9601
|
const ResetPasswordReadme = "# sqm-portal-reset-password\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property | Attribute | Description | Type | Default |\r\n| --------------------------- | ------------------------------ | -------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------- |\r\n| `confirmPassword` | `confirm-password` | | `boolean` | `false` |\r\n| `confirmPasswordFieldLabel` | `confirm-password-field-label` | | `string` | `\"Confirm Password\"` |\r\n| `continueButtonText` | `continue-button-text` | Button text displayed after a successful password reset. | `string` | `\"Continue\"` |\r\n| `demoData` | -- | | `{ 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; }; }; }` | `undefined` |\r\n| `failedPage` | `failed-page` | Redirect participants to this page if password reset fails due to an outdated reset attempt. | `string` | `\"/\"` |\r\n| `nextPage` | `next-page` | Redirect participants to this page when they successfully reset their password. | `string` | `\"/\"` |\r\n| `passwordFieldLabel` | `password-field-label` | | `string` | `\"New Password\"` |\r\n| `passwordResetHeader` | `password-reset-header` | Displayed after a successful password reset. | `string` | `\"Password reset\"` |\r\n| `resetPasswordButtonText` | `reset-password-button-text` | | `string` | `\"Reset Password\"` |\r\n| `resetPasswordHeader` | `reset-password-header` | | `string` | `\"Reset your password\"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n- [sqm-password-field](../sqm-password-field)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n sqm-portal-reset-password --> sqm-form-message\r\n sqm-portal-reset-password --> sqm-password-field\r\n style sqm-portal-reset-password fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
|
|
9602
9602
|
|
|
9603
|
-
const EmailVerificationReadme = "# sqm-portal-email-verification\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property | Attribute | Description | Type | Default |\r\n| ---------------------------- | ------------------------------ | ----------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- |\r\n| `demoData` | -- | | `{ states?: { error: string; loading: boolean; success: boolean; isVerified?: boolean; loadingVerification?: boolean; countdown?: number; }; content?: { email: string; verifyMessage: string; emailVerificationHeader: string; resendEmailButtonText: string; verificationStatusMessage?: string; verificationLoadingMessage?: string; }; }` | `undefined` |\r\n| `emailVerificationHeader` | `email-verification-header` | | `string` | `\"Verify your email\"` |\r\n| `redirectPath` | `redirect-path` | Redirect participants to this page from their verification email. | `string` | `\"/verifyEmail\"` |\r\n| `resendEmailButtonText` | `resend-email-button-text` | | `string` | `\"Re-send Email\"` |\r\n| `verificationLoadingMessage` | `verification-loading-message` | | `string` | `\"
|
|
9603
|
+
const EmailVerificationReadme = "# sqm-portal-email-verification\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property | Attribute | Description | Type | Default |\r\n| ---------------------------- | ------------------------------ | ----------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- |\r\n| `demoData` | -- | | `{ states?: { error: string; loading: boolean; success: boolean; isVerified?: boolean; loadingVerification?: boolean; countdown?: number; }; content?: { email: string; verifyMessage: string; emailVerificationHeader: string; resendEmailButtonText: string; verificationStatusMessage?: string; verificationLoadingMessage?: string; }; }` | `undefined` |\r\n| `emailVerificationHeader` | `email-verification-header` | | `string` | `\"Verify your email\"` |\r\n| `redirectPath` | `redirect-path` | Redirect participants to this page from their verification email. | `string` | `\"/verifyEmail\"` |\r\n| `resendEmailButtonText` | `resend-email-button-text` | | `string` | `\"Re-send Email\"` |\r\n| `verificationLoadingMessage` | `verification-loading-message` | | `string` | `\"Checking verification status\"` |\r\n| `verificationStatusMessage` | `verification-status-message` | | `string` | `\"Checking verification status in {countdown}\"` |\r\n| `verifyMessage` | `verify-message` | | `string` | `\"A verification email was sent to {email}. Please verify your email to continue to the portal. Resending an email will invalidate the previous email.\"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n sqm-portal-email-verification --> sqm-form-message\r\n style sqm-portal-email-verification fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
|
|
9604
9604
|
|
|
9605
9605
|
const EmailVerifiedReadme = "# sqm-portal-verify-email\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property | Attribute | Description | Type | Default |\r\n| ------------ | ------------- | ------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------- | ----------- |\r\n| `demoData` | -- | | `{ states?: { error: string; loading: boolean; verified: boolean; }; data?: { oobCode: string; }; }` | `undefined` |\r\n| `failedPage` | `failed-page` | Redirect participants to this page if verification fails due to an outdated verification attempt. | `string` | `\"/\"` |\r\n| `nextPage` | `next-page` | Redirect participants to this page when they successfully verify their email. | `string` | `\"/\"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n sqm-portal-verify-email --> sqm-form-message\r\n style sqm-portal-verify-email fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
|
|
9606
9606
|
|
|
@@ -7,6 +7,7 @@ const style = {
|
|
|
7
7
|
Wrapper: AuthWrapper,
|
|
8
8
|
Column: { ...AuthColumn },
|
|
9
9
|
ButtonLink: {
|
|
10
|
+
fontSize: "14px",
|
|
10
11
|
color: "var(--sl-color-primary-500)",
|
|
11
12
|
display: "inline-block !important",
|
|
12
13
|
"&:hover": {
|
|
@@ -15,6 +16,7 @@ const style = {
|
|
|
15
16
|
},
|
|
16
17
|
},
|
|
17
18
|
ButtonLinkLoading: {
|
|
19
|
+
fontSize: "14px",
|
|
18
20
|
color: "var(--sl-color-gray-500)",
|
|
19
21
|
opacity: "0.6",
|
|
20
22
|
display: "inline-block !important",
|
|
@@ -60,5 +62,5 @@ export function PortalEmailVerificationView(props) {
|
|
|
60
62
|
}, {
|
|
61
63
|
countdown: states.loadingVerification ? (h("sl-spinner", null)) : (states.countdown),
|
|
62
64
|
})),
|
|
63
|
-
h("a", { class: states.
|
|
65
|
+
h("a", { class: states.loading ? sheet.classes.ButtonLinkLoading : sheet.classes.ButtonLink, onClick: callbacks.submit }, resendEmailButtonText))));
|
|
64
66
|
}
|
|
@@ -8,6 +8,7 @@ const style = {
|
|
|
8
8
|
Wrapper: AuthWrapper,
|
|
9
9
|
Column: { ...AuthColumn },
|
|
10
10
|
ButtonLink: {
|
|
11
|
+
fontSize: "14px",
|
|
11
12
|
color: "var(--sl-color-primary-500)",
|
|
12
13
|
display: "inline-block !important",
|
|
13
14
|
"&:hover": {
|
|
@@ -16,6 +17,7 @@ const style = {
|
|
|
16
17
|
},
|
|
17
18
|
},
|
|
18
19
|
ButtonLinkLoading: {
|
|
20
|
+
fontSize: "14px",
|
|
19
21
|
color: "var(--sl-color-gray-500)",
|
|
20
22
|
opacity: "0.6",
|
|
21
23
|
display: "inline-block !important",
|
|
@@ -61,7 +63,7 @@ function PortalEmailVerificationView(props) {
|
|
|
61
63
|
}, {
|
|
62
64
|
countdown: states.loadingVerification ? (h("sl-spinner", null)) : (states.countdown),
|
|
63
65
|
})),
|
|
64
|
-
h("a", { class: states.
|
|
66
|
+
h("a", { class: states.loading ? sheet.classes.ButtonLinkLoading : sheet.classes.ButtonLink, onClick: callbacks.submit }, resendEmailButtonText))));
|
|
65
67
|
}
|
|
66
68
|
|
|
67
69
|
export { PortalEmailVerificationView as P };
|
|
@@ -7,7 +7,7 @@ import { c as cjs } from './cjs-bdfb4486.js';
|
|
|
7
7
|
import './mixins-59fd94b7.js';
|
|
8
8
|
import './JSS-506b9295.js';
|
|
9
9
|
import './sqm-text-span-view-20c0f018.js';
|
|
10
|
-
import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-
|
|
10
|
+
import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-687938f8.js';
|
|
11
11
|
|
|
12
12
|
function usePortalEmailVerification(props) {
|
|
13
13
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
@@ -16,7 +16,7 @@ import { H as HeroView } from './sqm-hero-view-ed7fa8f3.js';
|
|
|
16
16
|
import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-da91f5f3.js';
|
|
17
17
|
import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-e2347888.js';
|
|
18
18
|
import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-9a38630a.js';
|
|
19
|
-
import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-
|
|
19
|
+
import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-687938f8.js';
|
|
20
20
|
import { a as PoweredByImg$1, P as PortalFooterView } from './sqm-portal-footer-view-da89e9a1.js';
|
|
21
21
|
import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-38910bc9.js';
|
|
22
22
|
import { P as PortalContainerView } from './sqm-portal-container-view-8f1bcc77.js';
|
|
@@ -9596,7 +9596,7 @@ const EditProfileReadme = "# sqm-portal-profile\r\n\r\n\r\n\r\n<!-- Auto Generat
|
|
|
9596
9596
|
|
|
9597
9597
|
const ResetPasswordReadme = "# sqm-portal-reset-password\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property | Attribute | Description | Type | Default |\r\n| --------------------------- | ------------------------------ | -------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------- |\r\n| `confirmPassword` | `confirm-password` | | `boolean` | `false` |\r\n| `confirmPasswordFieldLabel` | `confirm-password-field-label` | | `string` | `\"Confirm Password\"` |\r\n| `continueButtonText` | `continue-button-text` | Button text displayed after a successful password reset. | `string` | `\"Continue\"` |\r\n| `demoData` | -- | | `{ 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; }; }; }` | `undefined` |\r\n| `failedPage` | `failed-page` | Redirect participants to this page if password reset fails due to an outdated reset attempt. | `string` | `\"/\"` |\r\n| `nextPage` | `next-page` | Redirect participants to this page when they successfully reset their password. | `string` | `\"/\"` |\r\n| `passwordFieldLabel` | `password-field-label` | | `string` | `\"New Password\"` |\r\n| `passwordResetHeader` | `password-reset-header` | Displayed after a successful password reset. | `string` | `\"Password reset\"` |\r\n| `resetPasswordButtonText` | `reset-password-button-text` | | `string` | `\"Reset Password\"` |\r\n| `resetPasswordHeader` | `reset-password-header` | | `string` | `\"Reset your password\"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n- [sqm-password-field](../sqm-password-field)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n sqm-portal-reset-password --> sqm-form-message\r\n sqm-portal-reset-password --> sqm-password-field\r\n style sqm-portal-reset-password fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
|
|
9598
9598
|
|
|
9599
|
-
const EmailVerificationReadme = "# sqm-portal-email-verification\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property | Attribute | Description | Type | Default |\r\n| ---------------------------- | ------------------------------ | ----------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- |\r\n| `demoData` | -- | | `{ states?: { error: string; loading: boolean; success: boolean; isVerified?: boolean; loadingVerification?: boolean; countdown?: number; }; content?: { email: string; verifyMessage: string; emailVerificationHeader: string; resendEmailButtonText: string; verificationStatusMessage?: string; verificationLoadingMessage?: string; }; }` | `undefined` |\r\n| `emailVerificationHeader` | `email-verification-header` | | `string` | `\"Verify your email\"` |\r\n| `redirectPath` | `redirect-path` | Redirect participants to this page from their verification email. | `string` | `\"/verifyEmail\"` |\r\n| `resendEmailButtonText` | `resend-email-button-text` | | `string` | `\"Re-send Email\"` |\r\n| `verificationLoadingMessage` | `verification-loading-message` | | `string` | `\"
|
|
9599
|
+
const EmailVerificationReadme = "# sqm-portal-email-verification\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property | Attribute | Description | Type | Default |\r\n| ---------------------------- | ------------------------------ | ----------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- |\r\n| `demoData` | -- | | `{ states?: { error: string; loading: boolean; success: boolean; isVerified?: boolean; loadingVerification?: boolean; countdown?: number; }; content?: { email: string; verifyMessage: string; emailVerificationHeader: string; resendEmailButtonText: string; verificationStatusMessage?: string; verificationLoadingMessage?: string; }; }` | `undefined` |\r\n| `emailVerificationHeader` | `email-verification-header` | | `string` | `\"Verify your email\"` |\r\n| `redirectPath` | `redirect-path` | Redirect participants to this page from their verification email. | `string` | `\"/verifyEmail\"` |\r\n| `resendEmailButtonText` | `resend-email-button-text` | | `string` | `\"Re-send Email\"` |\r\n| `verificationLoadingMessage` | `verification-loading-message` | | `string` | `\"Checking verification status\"` |\r\n| `verificationStatusMessage` | `verification-status-message` | | `string` | `\"Checking verification status in {countdown}\"` |\r\n| `verifyMessage` | `verify-message` | | `string` | `\"A verification email was sent to {email}. Please verify your email to continue to the portal. Resending an email will invalidate the previous email.\"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n sqm-portal-email-verification --> sqm-form-message\r\n style sqm-portal-email-verification fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
|
|
9600
9600
|
|
|
9601
9601
|
const EmailVerifiedReadme = "# sqm-portal-verify-email\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property | Attribute | Description | Type | Default |\r\n| ------------ | ------------- | ------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------- | ----------- |\r\n| `demoData` | -- | | `{ states?: { error: string; loading: boolean; verified: boolean; }; data?: { oobCode: string; }; }` | `undefined` |\r\n| `failedPage` | `failed-page` | Redirect participants to this page if verification fails due to an outdated verification attempt. | `string` | `\"/\"` |\r\n| `nextPage` | `next-page` | Redirect participants to this page when they successfully verify their email. | `string` | `\"/\"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n sqm-portal-verify-email --> sqm-form-message\r\n style sqm-portal-verify-email fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
|
|
9602
9602
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,s=1,a=arguments.length;s<a;s++){t=arguments[s];for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i))e[i]=t[i]}return e};return __assign.apply(this,arguments)};import{h}from"./index-17b4da69.js";import{i as intl}from"./global-5f51927e.js";import{A as AuthWrapper,a as AuthColumn}from"./mixins-59fd94b7.js";import{c as createStyleSheet}from"./JSS-506b9295.js";import{T as TextSpanView}from"./sqm-text-span-view-20c0f018.js";var style={Wrapper:AuthWrapper,Column:__assign({},AuthColumn),ButtonLink:{fontSize:"14px",color:"var(--sl-color-primary-500)",display:"inline-block !important","&:hover":{cursor:"pointer",textDecoration:"underline"}},ButtonLinkLoading:{fontSize:"14px",color:"var(--sl-color-gray-500)",opacity:"0.6",display:"inline-block !important",textDecoration:"underline","&:hover":{cursor:"not-allowed"}}};var vanillaStyle="\n:host {\n display: block;\n}\n:host([hidden]): {\n display: none;\n}\n";var sheet=createStyleSheet(style);var styleString=sheet.toString();function PortalEmailVerificationView(e){var t=e.states,s=e.callbacks,a=e.content,i=a.email,r=a.verifyMessage,o=a.emailVerificationHeader,n=a.resendEmailButtonText,l=a.verificationStatusMessage,c=a.verificationLoadingMessage;return h("div",{class:sheet.classes.Wrapper},h("style",{type:"text/css"},vanillaStyle,styleString),h(TextSpanView,{type:"h3"},o),h("sl-form",{class:sheet.classes.Column,"onSl-submit":s.submit},e.states.error&&h("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},e.states.error)),e.states.success&&h("sqm-form-message",{type:"success",exportparts:"successalert-icon"},h("div",{part:"successalert-text"},"Your verification email has been resent successfully")),h(TextSpanView,{type:"p"},intl.formatMessage({id:"verifyMessage",defaultMessage:r},{email:h("span",{style:{fontWeight:"var(--sl-font-weight-semibold)"}},i)})),h("p",{style:{color:"var(--sl-color-gray-500)",fontSize:"14px"}},intl.formatMessage({id:"verificationStatus",defaultMessage:t.loadingVerification?c+" {countdown}":l},{countdown:t.loadingVerification?h("sl-spinner",null):t.countdown})),h("a",{class:t.loading?sheet.classes.ButtonLinkLoading:sheet.classes.ButtonLink,onClick:s.submit},n)))}export{PortalEmailVerificationView as P};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,i,t,n){function r(e){return e instanceof t?e:new t((function(i){i(e)}))}return new(t||(t=Promise))((function(t,a){function o(e){try{l(n.next(e))}catch(e){a(e)}}function s(e){try{l(n["throw"](e))}catch(e){a(e)}}function l(e){e.done?t(e.value):r(e.value).then(o,s)}l((n=n.apply(e,i||[])).next())}))};var __generator=this&&this.__generator||function(e,i){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,r,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(i){return l([e,i])}}function l(o){if(n)throw new TypeError("Generator is already executing.");while(t)try{if(n=1,r&&(a=o[0]&2?r["return"]:o[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,o[1])).done)return a;if(r=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;r=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){t.label=o[1];break}if(o[0]===6&&t.label<a[1]){t.label=a[1];a=o;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(o);break}if(a[2])t.ops.pop();t.trys.pop();continue}o=i.call(e,t)}catch(e){o=[6,e];r=0}finally{n=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import{i as useState,j as useRef,f as useEffect,m as h}from"./stencil-hooks.module-eefa3570.js";import"./global-5f51927e.js";import{u as useCallback}from"./use-callback-684c8bb7.js";import{t as tn,B as Be,N,f as fn,i as isDemo}from"./index.module-14794b69.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-59fd94b7.js";import"./JSS-506b9295.js";import"./sqm-text-span-view-20c0f018.js";import{P as PortalEmailVerificationView}from"./sqm-portal-email-verification-view-
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,i,t,n){function r(e){return e instanceof t?e:new t((function(i){i(e)}))}return new(t||(t=Promise))((function(t,a){function o(e){try{l(n.next(e))}catch(e){a(e)}}function s(e){try{l(n["throw"](e))}catch(e){a(e)}}function l(e){e.done?t(e.value):r(e.value).then(o,s)}l((n=n.apply(e,i||[])).next())}))};var __generator=this&&this.__generator||function(e,i){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,r,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(i){return l([e,i])}}function l(o){if(n)throw new TypeError("Generator is already executing.");while(t)try{if(n=1,r&&(a=o[0]&2?r["return"]:o[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,o[1])).done)return a;if(r=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;r=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){t.label=o[1];break}if(o[0]===6&&t.label<a[1]){t.label=a[1];a=o;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(o);break}if(a[2])t.ops.pop();t.trys.pop();continue}o=i.call(e,t)}catch(e){o=[6,e];r=0}finally{n=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import{i as useState,j as useRef,f as useEffect,m as h}from"./stencil-hooks.module-eefa3570.js";import"./global-5f51927e.js";import{u as useCallback}from"./use-callback-684c8bb7.js";import{t as tn,B as Be,N,f as fn,i as isDemo}from"./index.module-14794b69.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-59fd94b7.js";import"./JSS-506b9295.js";import"./sqm-text-span-view-20c0f018.js";import{P as PortalEmailVerificationView}from"./sqm-portal-email-verification-view-687938f8.js";function usePortalEmailVerification(e){var i=this;var t,n,r,a,o,s,l,u,c;var f=tn(),d=f[0],v=f[1],m=v.loading,h=v.data,g=v.errors;var p=Be(),b=p[0],y=p[1],w=y.data,E=y.loading;var _=N();var V=(t=_===null||_===void 0?void 0:_.managedIdentity)===null||t===void 0?void 0:t.email;var P=new URLSearchParams(fn.location.search);var S=P.get("nextPage");var x=useState(false),k=x[0],M=x[1];var j=useState(""),I=j[0],L=j[1];var B=useState(10),R=B[0],q=B[1];var C=useRef(undefined);var D=useRef(undefined);var T=function(){return __awaiter(i,void 0,void 0,(function(){var i,t,n,r,a;return __generator(this,(function(o){switch(o.label){case 0:if(!V)return[2];L("");M(false);t=S?{nextPage:S}:null;n=e.redirectPath;r={email:V,urlParams:t,redirectPath:n};return[4,d(r)];case 1:a=o.sent();if(a instanceof Error){if(a.message)L("Network request failed.");return[2]}if((i=a.requestManagedIdentityVerificationEmail)===null||i===void 0?void 0:i.success)M(true);return[2]}}))}))};function H(){return __awaiter(this,void 0,void 0,(function(){var i,t;return __generator(this,(function(n){switch(n.label){case 0:return[4,b()];case 1:t=n.sent();if((i=t===null||t===void 0?void 0:t.managedIdentitySession)===null||i===void 0?void 0:i.emailVerified){clearInterval(C.current);return[2,fn.push({pathname:e.redirectPath,search:P.toString()&&"?"+P.toString()})]}G(10);return[2]}}))}))}var A=function(e){if(e===void 0){e=1e4}return setInterval(H,e)};var $=function(e){return setInterval((function(){return q(e)}),1e3)};function G(e){clearInterval(D.current);clearInterval(C.current);if(document.visibilityState==="hidden")return;if(e)q(e);D.current=$(e-1||R-1);C.current=A(e*1e3||R*1e3)}var J=useCallback((function(){return G()}),[R]);useEffect((function(){if(!C.current){H();C.current=A()}return function(){clearInterval(C.current)}}),[]);useEffect((function(){if(R>0)D.current=$(R-1);document.addEventListener("visibilitychange",J);return function(){clearInterval(D.current);document.removeEventListener("visibilitychange",J)}}),[R]);return{states:{loading:m,error:((o=(a=(r=(n=g===null||g===void 0?void 0:g.response)===null||n===void 0?void 0:n.errors)===null||r===void 0?void 0:r[0])===null||a===void 0?void 0:a.extensions)===null||o===void 0?void 0:o.message)||((u=(l=(s=g===null||g===void 0?void 0:g.response)===null||s===void 0?void 0:s.errors)===null||l===void 0?void 0:l[0])===null||u===void 0?void 0:u.message)||I,success:k,loadingVerification:E,isVerified:!!((c=w===null||w===void 0?void 0:w.managedIdentitySession)===null||c===void 0?void 0:c.emailVerified),countdown:R},callbacks:{submit:T},content:{email:V,verifyMessage:e.verifyMessage,emailVerificationHeader:e.emailVerificationHeader,resendEmailButtonText:e.resendEmailButtonText,verificationLoadingMessage:e.verificationLoadingMessage,verificationStatusMessage:e.verificationStatusMessage}}}var PortalEmailVerification=function(){function e(e){registerInstance(this,e);this.ignored=true;this.redirectPath="/verifyEmail";this.emailVerificationHeader="Verify your email";this.resendEmailButtonText="Re-send Email";this.verifyMessage="A verification email was sent to {email}. Please verify your email to continue to the portal. Resending an email will invalidate the previous email.";this.verificationStatusMessage="Checking verification status in {countdown}";this.verificationLoadingMessage="Checking verification status";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?usePortalEmailVerificationDemo(this):usePortalEmailVerification(this),i=e.states,t=e.callbacks,n=e.content;return h$1(PortalEmailVerificationView,{states:i,callbacks:t,content:n})};return e}();function usePortalEmailVerificationDemo(e){var i=this;return cjs({states:{error:"",loading:false,success:false,countdown:10},callbacks:{submit:function(e){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(e){return[2]}))}))}},content:{email:"test@example.com",verifyMessage:"A verification email was sent to {email}. Please verify your email to continue to the portal.",emailVerificationHeader:"Verify your email",resendEmailButtonText:"Re-send Email",verificationLoadingMessage:e.verificationLoadingMessage,verificationStatusMessage:e.verificationStatusMessage}},e.demoData||{},{arrayMerge:function(e,i){return i}})}export{PortalEmailVerification as sqm_portal_email_verification};
|