@weareconceptstudio/account 0.0.0 → 0.0.1

package/dist/templates/ForgotPasswordTemplate/style.js

@@ -0,0 +1,186 @@
+import styled from 'styled-components';
+const ForgotPasswordTemplateStyle = styled.section `
+	--account_forgotPasswordPadT: var(--sp24x);
+	--account_forgotPasswordPadB: var(--sp61x);
+	--account_forgotPasswordWrapperMaxWidth: var(--sp94x);
+	--account_descriptionMTop: var(--sp3x);
+	--account_emailInpMTop: var(--sp7x);
+	--account_btnMTop: var(--sp7x);
+	--account_recoveryLinkWrapMTop: var(--sp3x);
+	--account_tryAgainWrapMTop: var(--sp1x);
+
+	--account_loginExternalMTop: var(--sp2x);
+
+	display: flex;
+	justify-content: center;
+	padding-top: var(--account_forgotPasswordPadT);
+	padding-bottom: var(--account_forgotPasswordPadB);
+
+	.forgot-password-wrapper {
+		max-width: var(--account_forgotPasswordWrapperMaxWidth);
+		width: 100%;
+
+		.title {
+			text-align: center;
+		}
+
+		.description {
+			text-align: center;
+			margin-top: var(--account_descriptionMTop);
+		}
+
+		form {
+			display: flex;
+			flex-direction: column;
+			margin-top: var(--account_emailInpMTop);
+
+			.btn-wrap {
+				margin-top: var(--account_btnMTop);
+			}
+		}
+
+		.recovery-wrap,
+		.try-again-wrap {
+			display: flex;
+			flex-wrap: wrap;
+			align-items: center;
+			justify-content: center;
+		}
+
+		.recovery-wrap {
+			margin-top: var(--account_recoveryLinkWrapMTop);
+		}
+
+		.try-again-wrap {
+			margin-top: var(--account_tryAgainWrapMTop);
+
+			.try-again-text {
+				transition: all var(--account_trTime) ease;
+				cursor: pointer;
+
+				@media (hover: hover) {
+					&:hover {
+						color: var(--account_primaryColor3);
+					}
+				}
+
+				&.disabled {
+					color: var(--account_primaryColor3);
+					pointer-events: none;
+				}
+			}
+		}
+	}
+
+	.loginExternalBlock {
+		display: flex;
+		justify-content: flex-end;
+		margin-top: var(--account_loginExternalMTop);
+
+		.login-external {
+			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_forgotPasswordPadT: var(--sp17x);
+		--account_forgotPasswordPadB: var(--sp44x);
+		--account_forgotPasswordWrapperMaxWidth: var(--sp70x);
+		--account_descriptionMTop: var(--sp2x);
+		--account_emailInpMTop: var(--sp5x);
+		--account_btnMTop: var(--sp5x);
+		--account_recoveryLinkWrapMTop: var(--sp2x);
+		--account_tryAgainWrapMTop: var(--sp1x);
+
+		--account_loginExternalMTop: var(--sp1-5x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeM}) {
+		--account_forgotPasswordPadT: var(--sp11x);
+		--account_forgotPasswordPadB: var(--sp44x);
+		--account_forgotPasswordWrapperMaxWidth: var(--sp55x);
+		--account_descriptionMTop: var(--sp2x);
+		--account_emailInpMTop: var(--sp4x);
+		--account_btnMTop: var(--sp4x);
+		--account_recoveryLinkWrapMTop: var(--sp2x);
+		--account_tryAgainWrapMTop: var(--sp1x);
+
+		--account_loginExternalMTop: 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_forgotPasswordPadT: var(--sp8x);
+		--account_forgotPasswordPadB: var(--sp36x);
+		--account_forgotPasswordWrapperMaxWidth: var(--sp53x);
+		--account_descriptionMTop: var(--sp2x);
+		--account_emailInpMTop: var(--sp4x);
+		--account_btnMTop: var(--sp4x);
+		--account_recoveryLinkWrapMTop: var(--sp2x);
+		--account_tryAgainWrapMTop: var(--sp1x);
+
+		--account_loginExternalMTop: var(--sp1-5x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXS}) {
+		--account_forgotPasswordPadT: var(--sp12x);
+		--account_forgotPasswordPadB: var(--sp40x);
+		--account_forgotPasswordWrapperMaxWidth: var(--sp48x);
+		--account_descriptionMTop: var(--sp2x);
+		--account_emailInpMTop: var(--sp3x);
+		--account_btnMTop: var(--sp3x);
+		--account_recoveryLinkWrapMTop: var(--sp2x);
+		--account_tryAgainWrapMTop: var(--sp0-5x);
+
+		--account_loginExternalMTop: var(--sp1x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSize}) {
+		--account_forgotPasswordPadT: var(--sp10x);
+		--account_forgotPasswordPadB: var(--sp43x);
+		--account_forgotPasswordWrapperMaxWidth: var(--sp54x);
+		--account_descriptionMTop: var(--sp1x);
+		--account_emailInpMTop: var(--sp3x);
+		--account_btnMTop: var(--sp3x);
+		--account_recoveryLinkWrapMTop: var(--sp1-5x);
+		--account_tryAgainWrapMTop: var(--sp0-5x);
+
+		--account_loginExternalMTop: var(--sp1x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeS}) {
+		--account_forgotPasswordPadT: var(--sp21x);
+		--account_forgotPasswordPadB: var(--sp65x);
+		--account_forgotPasswordWrapperMaxWidth: var(--sp54x);
+		--account_descriptionMTop: var(--sp1-5x);
+		--account_emailInpMTop: var(--sp3x);
+		--account_btnMTop: var(--sp3x);
+		--account_recoveryLinkWrapMTop: var(--sp1-5x);
+		--account_tryAgainWrapMTop: var(--sp0-5x);
+
+		--account_loginExternalMTop: var(--sp1x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeSMin}) {
+		--account_forgotPasswordPadT: var(--sp10x);
+		--account_forgotPasswordPadB: var(--sp61x);
+		--account_forgotPasswordWrapperMaxWidth: 100%;
+		--account_descriptionMTop: var(--sp1-5x);
+		--account_emailInpMTop: var(--sp3x);
+		--account_btnMTop: var(--sp3x);
+		--account_recoveryLinkWrapMTop: var(--sp1-5x);
+		--account_tryAgainWrapMTop: var(--sp0-5x);
+
+		--account_loginExternalMTop: var(--sp1x);
+
+		.forgot-password-wrapper {
+			padding: 0 var(--sp2x);
+		}
+	}
+`;
+export default ForgotPasswordTemplateStyle;

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

@@ -0,0 +1,7 @@
+export default OrderHistoryTemplate;
+declare function OrderHistoryTemplate({ data, total, pageSize }: {
+    data: any;
+    total: any;
+    pageSize: any;
+}): React.JSX.Element;
+import React from 'react';

package/dist/templates/OrderHistoryTemplate/index.js

@@ -0,0 +1,9 @@
+import React from 'react';
+//* Style
+import OrderHistoryTemplateStyle from './style';
+//* Components
+import { EmptyOrders, OrdersList } from '../../components';
+const OrderHistoryTemplate = ({ data, total, pageSize }) => {
+    return (React.createElement(OrderHistoryTemplateStyle, null, data?.length > 0 ? (React.createElement(OrdersList, { data: data, total: total, pageSize: pageSize })) : (React.createElement(EmptyOrders, null))));
+};
+export default OrderHistoryTemplate;

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

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

package/dist/templates/OrderHistoryTemplate/style.js

@@ -0,0 +1,3 @@
+import styled from 'styled-components';
+const OrderHistoryTemplateStyle = styled.section ``;
+export default OrderHistoryTemplateStyle;

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

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

package/dist/templates/OrderIndividualTemplate/index.js

@@ -0,0 +1,21 @@
+import React from 'react';
+//* Components
+import { AccountButton } from '../../components';
+import OrderDetails from '../../components/OrderDetails';
+import OrderedItems from '../../components/OrderedItems';
+import ShippingBillingInfo from '../../components/ShippingBillingInfo';
+//* Style
+import IndividualTemplateStyle from './style';
+const IndividualTemplate = ({ pageData }) => {
+    const createReview = () => { };
+    const updateReview = () => { };
+    const shippingCost = 0;
+    return (React.createElement(IndividualTemplateStyle, null,
+        React.createElement("div", { className: `order-info-wrap` },
+            React.createElement(AccountButton, { text: `backToList`, btnType: `green-large-text`, url: '/account/order-history/' }),
+            React.createElement("div", { className: `details-shipping-billing-wrap` },
+                React.createElement(OrderDetails, { className: `col-50`, shippingCost: shippingCost, status: pageData.order?.status, currency: pageData.order?.currency, order_date: pageData.order?.order_date, total_items: pageData.order?.total_items, total_price: pageData.order?.total_price, order_number: pageData.order?.order_number, delivery_date: pageData.order?.delivery_date }),
+                React.createElement(ShippingBillingInfo, { className: `col-50`, billing_address: pageData.order?.billing_address, shipping_address: pageData.order?.shipping_address })),
+            pageData.order?.items?.length > 0 ? (React.createElement(OrderedItems, { createReview: createReview, updateReview: updateReview, data: pageData.order.items, status: pageData.order.status, currency: pageData.order?.currency })) : null)));
+};
+export default IndividualTemplate;

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

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

package/dist/templates/OrderIndividualTemplate/style.js

@@ -0,0 +1,3 @@
+import styled from 'styled-components';
+const IndividualTemplateStyle = styled.section ``;
+export default IndividualTemplateStyle;

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

@@ -1,3 +1,8 @@
+import React from 'react';
+interface ResetPasswordProps {
+    initialValues: object;
+    isSuccess: boolean;
+    onResetPassword: () => Promise<any>;
+}
+declare const ResetPasswordTemplate: ({ initialValues, isSuccess, onResetPassword }: ResetPasswordProps) => React.JSX.Element;
 export default ResetPasswordTemplate;
-declare function ResetPasswordTemplate(): React.JSX.Element;
-import React from "react";

package/dist/templates/ResetPasswordTemplate/index.js

@@ -1,5 +1,38 @@
 import React from 'react';
-const ResetPasswordTemplate = () => {
-    return React.createElement("div", null, "Reset Password");
+import { Text, Link, Page } from '@weareconceptstudio/core';
+import { Form, Input } from '@weareconceptstudio/form';
+import { AccountButton } from '../../components';
+import ResetPasswordTemplateStyle from './style';
+const ResetPasswordTemplate = ({ initialValues, isSuccess = false, onResetPassword }) => {
+    return (React.createElement(Page, { className: 'reset-password use-account' },
+        React.createElement(ResetPasswordTemplateStyle, null,
+            React.createElement("div", { className: `reset-password-wrapper` }, !isSuccess ? (React.createElement(React.Fragment, null,
+                React.createElement(Text, { tag: 'h1', text: 'resetPassword', className: 'account-h2 account-font-bold account-primary-color1 title' }),
+                React.createElement(Form, { onSubmit: onResetPassword, initialValues: initialValues },
+                    React.createElement(Form.Item, { name: 'password', label: 'newPassword', className: `new-password-input-wrap` },
+                        React.createElement(Input.Password, { placeholder: 'newPasswordPlaceholder' })),
+                    React.createElement("div", { className: 'forgotLinkWrap' },
+                        React.createElement(Link, { href: '/forgot-password' },
+                            React.createElement(Text, { tag: 'span', className: 'account-p account-p3 account-font-medium account-primary-color1 underline forgotLink', text: 'forgotPasswordLink' }))),
+                    React.createElement(Form.Item, { name: 'token', 
+                        // @ts-ignore
+                        options: { noStyle: true } },
+                        React.createElement(Input, { type: 'hidden' })),
+                    React.createElement(Form.Item, { name: 'email', 
+                        // @ts-ignore
+                        options: { noStyle: true } },
+                        React.createElement(Input, { type: 'hidden' })),
+                    React.createElement(AccountButton
+                    // @ts-ignore
+                    , { 
+                        // @ts-ignore
+                        type: `submit`, text: `submit`, btnType: `full-width` })))) : (React.createElement(React.Fragment, null,
+                React.createElement(Text, { tag: 'h1', className: 'account-h2 account-font-bold account-primary-color1 title', text: 'thankYou' }),
+                React.createElement(Text, { className: 'account-p account-p2 account-font-regular account-primary-color1 successfully-message', text: 'successfullyMessage' }),
+                React.createElement(AccountButton
+                // @ts-ignore
+                , { 
+                    // @ts-ignore
+                    text: `login`, btnType: `full-width`, url: '/sign-in', className: `additional-btn-wrap` })))))));
 };
 export default ResetPasswordTemplate;

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

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

package/dist/templates/ResetPasswordTemplate/style.js

@@ -0,0 +1,163 @@
+import styled from 'styled-components';
+const ResetPasswordTemplateStyleStyle = styled.section `
+	--account_resetPasswordPadT: var(--sp24x);
+	--account_resetPasswordPadB: var(--sp54x);
+	--account_resetPasswordWrapperMaxWidth: var(--sp94x);
+	--account_newPasswordInpMTop: var(--sp7x);
+	--account_inputDistance: var(--sp4x);
+	--account_btnMTop: var(--sp7x);
+	--account_successfullyMessageMTop: var(--sp3x);
+	--account_addBtnMTop: var(--sp7x);
+
+	--account_forgotPasswordMTop: var(--sp2x);
+
+	display: flex;
+	justify-content: center;
+	padding-top: var(--account_resetPasswordPadT);
+	padding-bottom: var(--account_resetPasswordPadB);
+
+	.reset-password-wrapper {
+		max-width: var(--account_resetPasswordWrapperMaxWidth);
+		width: 100%;
+
+		.title {
+			text-align: center;
+		}
+
+		form {
+			display: flex;
+			flex-direction: column;
+			margin-top: var(--account_newPasswordInpMTop);
+
+			.confirm-new-password-input-wrap {
+				margin-top: var(--account_inputDistance);
+			}
+
+			.btn-wrap {
+				margin-top: var(--account_btnMTop);
+			}
+		}
+
+		.successfully-message {
+			text-align: center;
+			margin-top: var(--account_successfullyMessageMTop);
+		}
+
+		.additional-btn-wrap {
+			width: 100%;
+			margin-top: var(--account_addBtnMTop);
+		}
+	}
+
+	.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);
+				}
+			}
+		}
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeL}) {
+		--account_resetPasswordPadT: var(--sp17x);
+		--account_resetPasswordPadB: var(--sp40x);
+		--account_resetPasswordWrapperMaxWidth: var(--sp70x);
+		--account_newPasswordInpMTop: var(--sp5x);
+		--account_inputDistance: var(--sp3x);
+		--account_btnMTop: var(--sp5x);
+		--account_successfullyMessageMTop: var(--sp2x);
+		--account_addBtnMTop: var(--sp5x);
+
+		--account_forgotPasswordMTop: var(--sp1-5x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeM}) {
+		--account_resetPasswordPadT: var(--sp11x);
+		--account_resetPasswordPadB: var(--sp40x);
+		--account_resetPasswordWrapperMaxWidth: var(--sp55x);
+		--account_newPasswordInpMTop: var(--sp4x);
+		--account_inputDistance: var(--sp2x);
+		--account_btnMTop: var(--sp4x);
+		--account_successfullyMessageMTop: var(--sp2x);
+		--account_addBtnMTop: var(--sp5x);
+
+		--account_forgotPasswordMTop: 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_resetPasswordPadT: var(--sp8x);
+		--account_resetPasswordPadB: var(--sp32x);
+		--account_resetPasswordWrapperMaxWidth: var(--sp53x);
+		--account_newPasswordInpMTop: var(--sp4x);
+		--account_inputDistance: var(--sp3x);
+		--account_btnMTop: var(--sp4x);
+		--account_successfullyMessageMTop: var(--sp2x);
+		--account_addBtnMTop: var(--sp4x);
+
+		--account_forgotPasswordMTop: var(--sp1-5x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXS}) {
+		--account_resetPasswordPadT: var(--sp12x);
+		--account_resetPasswordPadB: var(--sp37x);
+		--account_resetPasswordWrapperMaxWidth: var(--sp48x);
+		--account_newPasswordInpMTop: var(--sp3x);
+		--account_inputDistance: var(--sp2x);
+		--account_btnMTop: var(--sp3x);
+		--account_successfullyMessageMTop: var(--sp2x);
+		--account_addBtnMTop: var(--sp3x);
+
+		--account_forgotPasswordMTop: var(--sp1x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSize}) {
+		--account_resetPasswordPadT: var(--sp10x);
+		--account_resetPasswordPadB: var(--sp43x);
+		--account_resetPasswordWrapperMaxWidth: var(--sp38x);
+		--account_newPasswordInpMTop: var(--sp3x);
+		--account_inputDistance: var(--sp2x);
+		--account_btnMTop: var(--sp3x);
+		--account_successfullyMessageMTop: var(--sp2x);
+		--account_addBtnMTop: var(--sp3x);
+
+		--account_forgotPasswordMTop: var(--sp1x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeS}) {
+		--account_resetPasswordPadT: var(--sp21x);
+		--account_resetPasswordPadB: var(--sp64x);
+		--account_resetPasswordWrapperMaxWidth: var(--sp43x);
+		--account_newPasswordInpMTop: var(--sp3x);
+		--account_inputDistance: var(--sp2x);
+		--account_btnMTop: var(--sp3x);
+		--account_successfullyMessageMTop: var(--sp1-5x);
+		--account_addBtnMTop: var(--sp4x);
+
+		--account_forgotPasswordMTop: var(--sp1x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeSMin}) {
+		--account_resetPasswordPadT: var(--sp10x);
+		--account_resetPasswordPadB: var(--sp58x);
+		--account_resetPasswordWrapperMaxWidth: 100%;
+		--account_newPasswordInpMTop: var(--sp3x);
+		--account_inputDistance: var(--sp2x);
+		--account_btnMTop: var(--sp3x);
+		--account_successfullyMessageMTop: var(--sp1-5x);
+		--account_addBtnMTop: var(--sp3x);
+
+		--account_forgotPasswordMTop: var(--sp1x);
+
+		.reset-password-wrapper {
+			padding: 0 var(--sp2x);
+		}
+	}
+`;
+export default ResetPasswordTemplateStyleStyle;

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

@@ -1,3 +1,6 @@
+import React from 'react';
+interface SignInProps {
+    onFormSubmit: () => Promise<any>;
+}
+declare const SignInTemplate: ({ onFormSubmit }: SignInProps) => React.JSX.Element;
 export default SignInTemplate;
-declare function SignInTemplate(): React.JSX.Element;
-import React from "react";

package/dist/templates/SignInTemplate/index.js

@@ -1,5 +1,30 @@
 import React from 'react';
-const SignInTemplate = () => {
-    return React.createElement("div", null, "Sign In");
+import { Text, Link, Page } from '@weareconceptstudio/core';
+import { Form, Input } from '@weareconceptstudio/form';
+import { AccountButton } from '../../components';
+import SignInTemplateStyle from './style';
+const SignInTemplate = ({ onFormSubmit }) => {
+    return (React.createElement(Page, { className: 'sign-in use-account' },
+        React.createElement(SignInTemplateStyle, null,
+            React.createElement("div", { className: 'sign-in-wrapper' },
+                React.createElement(Text, { tag: 'h1', className: 'account-h2 account-font-bold account-primary-color1 title', text: 'welcomeBack' }),
+                React.createElement(Form, { onSubmit: onFormSubmit },
+                    React.createElement(Form.Item, { name: 'email', label: 'email', rules: [{ type: 'email' }] },
+                        React.createElement(Input, { placeholder: 'emailPlaceholder' })),
+                    React.createElement(Form.Item, { name: 'password', label: 'password' },
+                        React.createElement(Input.Password, { placeholder: 'passwordPlaceholder' })),
+                    React.createElement("div", { className: 'forgotLinkWrap' },
+                        React.createElement(Link, { href: '/forgot-password' },
+                            React.createElement(Text, { tag: 'span', className: 'account-p account-p3 account-font-medium account-primary-color1 underline forgotLink', text: 'forgotPasswordLink' }))),
+                    React.createElement(AccountButton
+                    // @ts-ignore
+                    , { 
+                        // @ts-ignore
+                        type: `submit`, text: `login`, btnType: `full-width` }),
+                    React.createElement("div", { className: 'joinNowWrap' },
+                        React.createElement(Text, { className: `account-p account-p3 account-primary-color1 account-font-medium`, text: 'accountText' }),
+                        React.createElement("div", { className: 'joinNowLinkWrap' },
+                            React.createElement(Link, { href: '/sign-up' },
+                                React.createElement(Text, { className: `account-p account-p3 account-primary-color1 account-font-bold underline joinNowLink`, text: 'joinNow' })))))))));
 };
 export default SignInTemplate;

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

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