@weareconceptstudio/account 0.0.0 → 0.0.1

package/dist/templates/SignInTemplate/style.js

@@ -0,0 +1,168 @@
+import styled from 'styled-components';
+const SignInTemplateStyle = styled.section `
+	--account_loginPadT: var(--sp24x);
+	--account_loginPadB: var(--sp43x);
+	--account_loginWrapperMaxWidth: var(--sp94x);
+	--account_antFormMTop: var(--sp7x);
+	--account_inputDistance: var(--sp4x);
+	--account_forgotPasswordMTop: var(--sp2x);
+	--account_btnMTop: var(--sp7x);
+	--account_joinNowMTop: var(--sp2x);
+	--account_joinNowDistance: var(--sp1-5x);
+
+	display: flex;
+	justify-content: center;
+	padding-top: var(--account_loginPadT);
+	padding-bottom: var(--account_loginPadB);
+
+	.sign-in-wrapper {
+		max-width: var(--account_loginWrapperMaxWidth);
+		width: 100%;
+
+		.title {
+			text-align: center;
+		}
+
+		form {
+			display: flex;
+			flex-direction: column;
+			margin-top: var(--account_antFormMTop);
+
+			.form-item {
+				&:not(:first-child) {
+					margin-top: var(--account_inputDistance);
+				}
+			}
+
+			.forgotLinkWrap {
+				display: flex;
+				justify-content: flex-end;
+				margin-top: var(--account_forgotPasswordMTop);
+
+				.forgotLink {
+					transition: all var(--account_trTime) ease;
+
+					@media (hover: hover) {
+						&:hover {
+							color: var(--account_primaryColor3);
+						}
+					}
+				}
+			}
+
+			.btn-wrap {
+				margin-top: var(--account_btnMTop);
+			}
+
+			.joinNowWrap {
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				margin-top: var(--account_joinNowMTop);
+
+				.joinNowLinkWrap {
+					margin-left: var(--account_joinNowDistance);
+
+					.joinNowLink {
+						transition: all var(--account_trTime) ease;
+
+						@media (hover: hover) {
+							&:hover {
+								color: var(--account_primaryColor3);
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeL}) {
+		--account_loginPadT: var(--sp17x);
+		--account_loginPadB: var(--sp30x);
+		--account_loginWrapperMaxWidth: var(--sp70x);
+		--account_antFormMTop: var(--sp5x);
+		--account_inputDistance: var(--sp3x);
+		--account_forgotPasswordMTop: var(--sp1-5x);
+		--account_btnMTop: var(--sp5x);
+		--account_joinNowMTop: var(--sp2x);
+		--account_joinNowDistance: var(--sp1x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeM}) {
+		--account_loginPadT: var(--sp11x);
+		--account_loginPadB: var(--sp32x);
+		--account_loginWrapperMaxWidth: var(--sp55x);
+		--account_antFormMTop: var(--sp4x);
+		--account_inputDistance: var(--sp2x);
+		--account_forgotPasswordMTop: var(--sp1x);
+		--account_btnMTop: var(--sp4x);
+		--account_joinNowMTop: var(--sp2x);
+		--account_joinNowDistance: var(--sp1x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeMMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeS}) {
+		--account_loginPadT: var(--sp8x);
+		--account_loginPadB: var(--sp23x);
+		--account_loginWrapperMaxWidth: var(--sp53x);
+		--account_antFormMTop: var(--sp4x);
+		--account_inputDistance: var(--sp3x);
+		--account_forgotPasswordMTop: var(--sp1-5x);
+		--account_btnMTop: var(--sp4x);
+		--account_joinNowMTop: var(--sp2x);
+		--account_joinNowDistance: var(--sp1x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXS}) {
+		--account_loginPadT: var(--sp12x);
+		--account_loginPadB: var(--sp30x);
+		--account_loginWrapperMaxWidth: var(--sp48x);
+		--account_antFormMTop: var(--sp3x);
+		--account_inputDistance: var(--sp2x);
+		--account_forgotPasswordMTop: var(--sp1x);
+		--account_btnMTop: var(--sp3x);
+		--account_joinNowMTop: var(--sp1-5x);
+		--account_joinNowDistance: var(--sp0-5x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSize}) {
+		--account_loginPadT: var(--sp10x);
+		--account_loginPadB: var(--sp37x);
+		--account_loginWrapperMaxWidth: var(--sp38x);
+		--account_antFormMTop: var(--sp3x);
+		--account_inputDistance: var(--sp2x);
+		--account_forgotPasswordMTop: var(--sp1x);
+		--account_btnMTop: var(--sp3x);
+		--account_joinNowMTop: var(--sp1x);
+		--account_joinNowDistance: var(--sp0-5x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeS}) {
+		--account_loginPadT: var(--sp21x);
+		--account_loginPadB: var(--sp58x);
+		--account_loginWrapperMaxWidth: var(--sp43x);
+		--account_antFormMTop: var(--sp3x);
+		--account_inputDistance: var(--sp2x);
+		--account_forgotPasswordMTop: var(--sp1x);
+		--account_btnMTop: var(--sp3x);
+		--account_joinNowMTop: var(--sp1x);
+		--account_joinNowDistance: var(--sp0-5x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeSMin}) {
+		--account_loginPadT: var(--sp10x);
+		--account_loginPadB: var(--sp52x);
+		--account_loginWrapperMaxWidth: 100%;
+		--account_antFormMTop: var(--sp3x);
+		--account_inputDistance: var(--sp2x);
+		--account_forgotPasswordMTop: var(--sp1x);
+		--account_btnMTop: var(--sp3x);
+		--account_joinNowMTop: var(--sp1x);
+		--account_joinNowDistance: var(--sp0-5x);
+
+		.login-wrapper {
+			padding: 0 var(--sp2x);
+		}
+	}
+`;
+export default SignInTemplateStyle;

package/dist/templates/SignUpTemplate/defaultFormFields.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    fieldType: string;
+    labelProps: {
+        label: string;
+        name: string;
+    };
+    fieldProps: {
+        placeholder: string;
+    };
+}[];
+export default _default;

package/dist/templates/SignUpTemplate/defaultFormFields.js

@@ -0,0 +1,42 @@
+export default [
+    {
+        fieldType: 'input',
+        labelProps: {
+            label: 'firstName',
+            name: 'first_name',
+        },
+        fieldProps: {
+            placeholder: 'firstNamePlaceholder',
+        },
+    },
+    {
+        fieldType: 'input',
+        labelProps: {
+            label: 'lastName',
+            name: 'last_name',
+        },
+        fieldProps: {
+            placeholder: 'lastNamePlaceholder',
+        },
+    },
+    {
+        fieldType: 'input',
+        labelProps: {
+            label: 'email',
+            name: 'email',
+        },
+        fieldProps: {
+            placeholder: 'emailPlaceholder',
+        },
+    },
+    {
+        fieldType: 'password',
+        labelProps: {
+            label: 'password',
+            name: 'password',
+        },
+        fieldProps: {
+            placeholder: 'passwordPlaceholder',
+        },
+    },
+];

package/dist/templates/SignUpTemplate/index.d.ts

@@ -1,3 +1,7 @@
+import React from 'react';
+interface SignUpProps {
+    formFields: [];
+    onFormSubmit: () => Promise<any>;
+}
+declare const SignUpTemplate: ({ formFields, onFormSubmit }: SignUpProps) => React.JSX.Element;
 export default SignUpTemplate;
-declare function SignUpTemplate(): React.JSX.Element;
-import React from "react";

package/dist/templates/SignUpTemplate/index.js

@@ -1,5 +1,35 @@
-import React from 'react';
-const SignUpTemplate = () => {
-    return React.createElement("div", null, "Sign Up");
+import React, { useState } from 'react';
+import { Text, useTranslation, Link, Page } from '@weareconceptstudio/core';
+import { FormBuilder } from '@weareconceptstudio/form';
+import { AccountButton, CustomCheckbox } from '../../components';
+import SignUpTemplateStyle from './style';
+import defaultFormFields from './defaultFormFields';
+// @ts-ignore
+const SignUpTemplate = ({ formFields = defaultFormFields, onFormSubmit }) => {
+    const { translate } = useTranslation();
+    const [isChecked, setIsChecked] = useState(false);
+    return (React.createElement(Page, { className: 'sign-up use-account' },
+        React.createElement(SignUpTemplateStyle, null,
+            React.createElement("div", { className: `sign-up-wrapper` },
+                React.createElement(Text, { tag: 'h1', className: 'account-h2 account-font-bold account-primary-color1 title', text: 'registration' }),
+                React.createElement(FormBuilder, { onSubmit: onFormSubmit, fields: formFields },
+                    React.createElement("div", { className: `banner-wrap` },
+                        React.createElement(CustomCheckbox, { isText: false, hide: isChecked, setHide: setIsChecked }),
+                        React.createElement("span", { className: `privacy-wrap` },
+                            translate('checkedText1'),
+                            "\u00A0",
+                            React.createElement(Link, { href: '/privacy-policy', className: `capitalize underline account-font-bold` }, translate('privacyPolicy')),
+                            "\u00A0",
+                            translate('checkedText2'))),
+                    React.createElement(AccountButton
+                    //@ts-ignore
+                    , { 
+                        //@ts-ignore
+                        type: `submit`, text: `signUp`, btnType: `full-width`, className: !isChecked ? 'disabled' : '' }),
+                    React.createElement("div", { className: 'already-wrap' },
+                        React.createElement(Text, { className: `account-p account-p3 account-primary-color1 account-font-medium`, text: 'alreadyHaveAnAccount' }),
+                        React.createElement("div", { className: 'login-wrap' },
+                            React.createElement(Link, { href: '/sign-in' },
+                                React.createElement(Text, { className: `account-p account-p3 account-primary-color1 account-font-bold underline joinNowLink`, text: 'login' })))))))));
 };
 export default SignUpTemplate;

package/dist/templates/SignUpTemplate/style.d.ts

@@ -0,0 +1,2 @@
+export default SignUpTemplateStyle;
+declare const SignUpTemplateStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;

package/dist/templates/SignUpTemplate/style.js

@@ -0,0 +1,175 @@
+import styled from 'styled-components';
+const SignUpTemplateStyle = styled.section `
+	--account_signUpPadT: var(--sp24x);
+	--account_signUpPadB: var(--sp42x);
+	--account_signUpWrapperMaxWidth: var(--sp94x);
+	--account_nameInpMTop: var(--sp7x);
+	--account_inpDistance: var(--sp4x);
+	--account_bannerWrapMTop: var(--sp7x);
+	--account_btnMTop: var(--sp7x);
+	--account_checkboxDistance: var(--sp2x);
+	--account_alreadyHaveAccWrapMTop: var(--sp2x);
+	--account_loginWrapMLeft: var(--sp1-5x);
+
+	display: flex;
+	justify-content: center;
+	padding-top: var(--account_signUpPadT);
+	padding-bottom: var(--account_signUpPadB);
+
+	.sign-up-wrapper {
+		max-width: var(--account_signUpWrapperMaxWidth);
+		width: 100%;
+
+		.title {
+			text-align: center;
+		}
+
+		form {
+			display: flex;
+			flex-direction: column;
+			margin-top: var(--account_nameInpMTop);
+
+			.form-builder {
+				display: flex;
+				flex-wrap: wrap;
+				row-gap: var(--account_inpDistance);
+				column-gap: var(--account_inpDistance);
+
+				.form-item {
+					width: 100%;
+				}
+			}
+
+			.banner-wrap {
+				display: flex;
+				margin-top: var(--account_bannerWrapMTop);
+
+				.privacy-wrap {
+					font-size: var(--account_p3);
+					font-family: var(--account_Font);
+					font-weight: 400;
+					margin-left: var(--account_checkboxDistance);
+					color: var(--account_primaryColor1);
+				}
+			}
+
+			.btn-wrap {
+				margin-top: var(--account_btnMTop);
+			}
+
+			.already-wrap {
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				margin-top: var(--account_alreadyHaveAccWrapMTop);
+
+				.login-wrap {
+					margin-left: var(--account_loginWrapMLeft);
+				}
+			}
+		}
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeL}) {
+		--account_signUpPadT: var(--sp17x);
+		--account_signUpPadB: var(--sp24x);
+		--account_signUpWrapperMaxWidth: var(--sp70x);
+		--account_nameInpMTop: var(--sp5x);
+		--account_inpDistance: var(--sp3x);
+		--account_bannerWrapMTop: var(--sp5x);
+		--account_btnMTop: var(--sp5x);
+
+		--account_checkboxDistance: var(--sp2x);
+		--account_alreadyHaveAccWrapMTop: var(--sp2x);
+		--account_loginWrapMLeft: var(--sp1x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeM}) {
+		--account_signUpPadT: var(--sp11x);
+		--account_signUpPadB: var(--sp28x);
+		--account_signUpWrapperMaxWidth: var(--sp55x);
+		--account_nameInpMTop: var(--sp4x);
+		--account_inpDistance: var(--sp2x);
+		--account_bannerWrapMTop: var(--sp4x);
+		--account_btnMTop: var(--sp4x);
+
+		--account_checkboxDistance: var(--sp2x);
+		--account_alreadyHaveAccWrapMTop: var(--sp2x);
+		--account_loginWrapMLeft: var(--sp1x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeMMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeS}) {
+		--account_signUpPadT: var(--sp8x);
+		--account_signUpPadB: var(--sp21x);
+		--account_signUpWrapperMaxWidth: var(--sp53x);
+		--account_nameInpMTop: var(--sp4x);
+		--account_inpDistance: var(--sp3x);
+		--account_bannerWrapMTop: var(--sp4x);
+		--account_btnMTop: var(--sp4x);
+
+		--account_checkboxDistance: var(--sp2x);
+		--account_alreadyHaveAccWrapMTop: var(--sp2x);
+		--account_loginWrapMLeft: var(--sp1x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXS}) {
+		--account_signUpPadT: var(--sp12x);
+		--account_signUpPadB: var(--sp15x);
+		--account_signUpWrapperMaxWidth: var(--sp48x);
+		--account_nameInpMTop: var(--sp3x);
+		--account_inpDistance: var(--sp2x);
+		--account_bannerWrapMTop: var(--sp3x);
+		--account_btnMTop: var(--sp3x);
+
+		--account_checkboxDistance: var(--sp1x);
+		--account_alreadyHaveAccWrapMTop: var(--sp1-5x);
+		--account_loginWrapMLeft: var(--sp0-5x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSize}) {
+		--account_signUpPadT: var(--sp10x);
+		--account_signUpPadB: var(--sp17x);
+		--account_signUpWrapperMaxWidth: var(--sp38x);
+		--account_nameInpMTop: var(--sp3x);
+		--account_inpDistance: var(--sp2x);
+		--account_bannerWrapMTop: var(--sp3x);
+		--account_btnMTop: var(--sp3x);
+
+		--account_checkboxDistance: var(--sp1x);
+		--account_alreadyHaveAccWrapMTop: var(--sp1x);
+		--account_loginWrapMLeft: var(--sp0-5x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeS}) {
+		--account_signUpPadT: var(--sp21x);
+		--account_signUpPadB: var(--sp25x);
+		--account_signUpWrapperMaxWidth: var(--sp43x);
+		--account_nameInpMTop: var(--sp3x);
+		--account_inpDistance: var(--sp2x);
+		--account_bannerWrapMTop: var(--sp3x);
+		--account_btnMTop: var(--sp3x);
+
+		--account_checkboxDistance: var(--sp1x);
+		--account_alreadyHaveAccWrapMTop: var(--sp1x);
+		--account_loginWrapMLeft: var(--sp0-5x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeSMin}) {
+		--account_signUpPadT: var(--sp10x);
+		--account_signUpPadB: var(--sp22x);
+		--account_signUpWrapperMaxWidth: 100%;
+		--account_nameInpMTop: var(--sp3x);
+		--account_inpDistance: var(--sp2x);
+		--account_bannerWrapMTop: var(--sp3x);
+		--account_btnMTop: var(--sp3x);
+
+		--account_checkboxDistance: var(--sp1x);
+		--account_alreadyHaveAccWrapMTop: var(--sp1x);
+		--account_loginWrapMLeft: var(--sp0-5x);
+
+		.sign-up-wrapper {
+			padding: 0 var(--sp2x);
+		}
+	}
+`;
+export default SignUpTemplateStyle;

package/dist/templates/VerifyEmailAddressTemplate/index.d.ts

@@ -0,0 +1,3 @@
+export default VerifyEmailAddressTemplate;
+declare function VerifyEmailAddressTemplate({}: {}): React.JSX.Element;
+import React from 'react';

package/dist/templates/VerifyEmailAddressTemplate/index.js

@@ -0,0 +1,105 @@
+import React, { useState, useCallback, useRef } from 'react';
+import { Page, Text, useTranslation, useUi } from '@weareconceptstudio/core';
+//* Components
+import { AccountButton, FormInputCode, WarningMessage, WarningMessageForPopup } from '../../components';
+//* Style
+import VerifyEmailAddressTemplateStyle from './style';
+//TODO: router.push, searchparams, user, verifyAccount, resendVerifyCode, removeAccount, prevRoute
+const searchParams = '?=r';
+const prevRoute = '/';
+const user = { email: 'karlennersisyan814@gmail.com' };
+const verifyAccount = () => { };
+const resendVerifyCode = () => { };
+const removeAccount = () => { };
+const VerifyEmailAddressTemplate = ({}) => {
+    const { translate } = useTranslation();
+    const { openPopup } = useUi();
+    //! Refs
+    const inputRef = useRef();
+    const resendTimeout = useRef();
+    const verificationLoading = useRef();
+    //! States
+    const [error, setError] = useState();
+    const [isBtnDisabled, setIsBtnDisabled] = useState(true);
+    const [isResendBtnDisabled, setIsResendBtnDisabled] = useState(false);
+    const [isSent, setIsSent] = useState(false);
+    const [code, setCode] = useState();
+    //! Handle Complete
+    const onComplete = useCallback((code) => {
+        setIsBtnDisabled(false);
+        setCode(code);
+    }, []);
+    //! Handle on Change
+    const handleChange = useCallback((val) => {
+        if (val.length < 6) {
+            setIsBtnDisabled(true);
+        }
+    }, []);
+    //! Handle Verify
+    const handleVerify = useCallback(() => {
+        if (!isBtnDisabled && !verificationLoading.current) {
+            verificationLoading.current = true;
+            verifyAccount({ code })
+                .then(() => {
+                // navigate(searchParams.has('r') ? searchParams.get('r') : prevRoute == '/sign-up/' ? '/' : prevRoute);
+            })
+                .catch((err) => {
+                verificationLoading.current = false;
+                setError(err?.data?.message);
+            });
+        }
+    }, [code, isBtnDisabled, prevRoute]);
+    //! Handle Resend
+    const handleResend = useCallback(() => {
+        setIsResendBtnDisabled(true);
+        if (!isResendBtnDisabled) {
+            setError('');
+            setIsSent(true);
+            resendTimeout.current = setTimeout(() => {
+                setIsSent(false);
+                setIsResendBtnDisabled(false);
+            }, 120000);
+            resendVerifyCode().catch((err) => {
+                resendTimeout.current && clearTimeout(resendTimeout.current);
+                setIsSent(false);
+                setIsResendBtnDisabled(false);
+                setError(err?.data?.message);
+            });
+        }
+    }, [isSent]);
+    //! Handle Popup
+    const handleDeletePopup = useCallback(() => {
+        openPopup(React.createElement(WarningMessageForPopup, { isDelete: true, title: 'deleteYourAccount', description: 'deleteYourAccountDesc', onRemove: () => {
+                setError('');
+                removeAccount()
+                    .then(() => {
+                    // navigate('/sign-up');
+                })
+                    .catch((err) => {
+                    setIsSent(false);
+                    setError(err?.data?.message);
+                });
+            } }), { className: 'messagePopup' });
+    }, [isSent, error]);
+    return (React.createElement(Page, { className: 'verify-email-address use-account' },
+        React.createElement(VerifyEmailAddressTemplateStyle, null,
+            React.createElement("div", { className: `verify-email-address-wrapper` },
+                React.createElement(Text, { tag: 'h2', className: 'account-h2 account-font-bold account-primary-color1 title', text: 'verifyYourEmail' }),
+                React.createElement("div", { className: `verify-text1-wrap` },
+                    translate('verifyText1'),
+                    "\u00A0",
+                    React.createElement(Text, { tag: `span`, className: `account-font-bold`, text: `${user?.email}.` })),
+                React.createElement(Text, { className: `account-p account-p2 account-primary-color1 account-font-medium verify-text2`, text: `verifyText2` }),
+                React.createElement(FormInputCode, { ref: inputRef, onChange: handleChange, onComplete: onComplete }),
+                React.createElement(AccountButton, { text: `verify`, type: `submit`, btnType: `full-width`, onClick: handleVerify, className: `${isBtnDisabled ? 'disabled' : ''}` }),
+                React.createElement("p", { className: `receive-your-code-wrap account-font-medium account-p account-p4` },
+                    translate('haveNotReceivedIt'),
+                    "\u00A0",
+                    React.createElement(Text, { tag: `span`, className: `${isResendBtnDisabled ? 'disabled' : ''} underline account-font-bold resend-new-code-text`, text: 'resendNewCode', onClick: handleResend }),
+                    "\u00A0",
+                    translate('deleteAccountTextPart1'),
+                    React.createElement(Text, { tag: `span`, className: `underline account-font-bold resend-new-code-text`, text: 'deleteAccountTextPart2', onClick: handleDeletePopup }),
+                    translate('deleteAccountTextPart3')),
+                React.createElement(WarningMessage, { error: error, isSent: isSent, successTitle: 'codeResendSuccessTitle', successSubtitle: 'codeResendSuccessSubtitle' })))));
+};
+export default VerifyEmailAddressTemplate;

package/dist/templates/VerifyEmailAddressTemplate/style.d.ts

@@ -0,0 +1,2 @@
+export default VerifyEmailAddressTemplateStyle;
+declare const VerifyEmailAddressTemplateStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;