@appcorp/app-corp-vista 0.0.79 → 0.0.81
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/package.json
CHANGED
|
@@ -13,37 +13,50 @@ var vista_button_v1_1 = require("../../molecules/vista-button-v1/vista-button-v1
|
|
|
13
13
|
var vista_button_type_1 = require("../../type/vista-button-type");
|
|
14
14
|
var vista_checkbox_v2_1 = require("../../molecules/vista-checkbox-v2/vista-checkbox-v2");
|
|
15
15
|
var VistaAuthV1 = function (_a) {
|
|
16
|
-
var
|
|
16
|
+
var _b, _c;
|
|
17
|
+
var actionLabel = _a.actionLabel, actionRoute = _a.actionRoute, banner = _a.banner, bannerAlt = _a.bannerAlt, _d = _a.buttonDisabled, buttonDisabled = _d === void 0 ? false : _d, description = _a.description, emailAuthButtonLabel = _a.emailAuthButtonLabel, forgotPassword = _a.forgotPassword, forgotPasswordRoute = _a.forgotPasswordRoute, handleAuth = _a.handleAuth, heading = _a.heading, _e = _a.inputElements, inputElements = _e === void 0 ? [] : _e, _f = _a.label, label = _f === void 0 ? false : _f, logo = _a.logo, logoAlt = _a.logoAlt, rememberMeChecked = _a.rememberMeChecked, rememberMeDescription = _a.rememberMeDescription, rememberMeHandleOnChange = _a.rememberMeHandleOnChange, rememberMeHeading = _a.rememberMeHeading, rememberMeId = _a.rememberMeId, rememberMeRoute = _a.rememberMeRoute, _g = _a.reverted, reverted = _g === void 0 ? false : _g, _h = _a.socialProviders, socialProviders = _h === void 0 ? [] : _h, termsOfUseChecked = _a.termsOfUseChecked, termsOfUseDescription = _a.termsOfUseDescription, termsOfUseError = _a.termsOfUseError, termsOfUseHandleOnChange = _a.termsOfUseHandleOnChange, termsOfUseHeading = _a.termsOfUseHeading, termsOfUseId = _a.termsOfUseId, termsOfUseRoute = _a.termsOfUseRoute;
|
|
17
18
|
return (react_1.default.createElement("section", { className: 'h-screen bg-white dark:bg-gray-900' },
|
|
18
19
|
react_1.default.createElement("div", { className: "flex min-h-full flex-1" },
|
|
19
20
|
react_1.default.createElement("div", { className: "flex flex-1 flex-col justify-center px-4 py-12 sm:px-6 lg:flex-none lg:px-20 xl:px-24 ".concat(reverted ? 'order-2' : 'order-1') },
|
|
20
21
|
react_1.default.createElement("div", { className: "mx-auto w-full max-w-sm lg:w-96" },
|
|
21
|
-
react_1.default.createElement("div",
|
|
22
|
+
react_1.default.createElement("div", { className: 'pb-4' },
|
|
22
23
|
react_1.default.createElement(image_1.default, { alt: logoAlt, src: logo, width: 40, height: 40 }),
|
|
23
24
|
react_1.default.createElement("h2", { className: "mt-8 text-2xl/9 font-bold tracking-tight text-gray-900 dark:text-white" }, heading),
|
|
24
25
|
react_1.default.createElement("p", { className: "mt-2 text-sm/6 text-gray-500 dark:text-gray-300" },
|
|
25
26
|
description,
|
|
26
27
|
' ',
|
|
27
28
|
react_1.default.createElement(link_1.default, { href: actionRoute, className: "font-semibold text-primary" }, actionLabel))),
|
|
28
|
-
react_1.default.createElement("div", { className: "
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
29
|
+
react_1.default.createElement("div", { className: "space-y-4" },
|
|
30
|
+
inputElements
|
|
31
|
+
.filter(function (_a) {
|
|
32
|
+
var enabled = _a.enabled;
|
|
33
|
+
return enabled;
|
|
34
|
+
})
|
|
35
|
+
.map(function (_a) {
|
|
36
|
+
var error = _a.error, handleOnChange = _a.handleOnChange, id = _a.id, inputLabel = _a.inputLabel, inputType = _a.inputType, placeholder = _a.placeholder, value = _a.value;
|
|
37
|
+
return (react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { error: error, handleOnChange: handleOnChange, id: id, key: id, label: inputLabel, placeholder: placeholder, type: inputType, value: value }));
|
|
38
|
+
}),
|
|
39
|
+
react_1.default.createElement("div", { className: "flex items-center justify-between" },
|
|
40
|
+
rememberMeHandleOnChange && rememberMeHeading && rememberMeId && (react_1.default.createElement(vista_checkbox_v2_1.VistaCheckboxV2, { checked: rememberMeChecked, description: rememberMeDescription || '', handleOnChange: rememberMeHandleOnChange, heading: rememberMeHeading, id: rememberMeId, route: rememberMeRoute })),
|
|
41
|
+
forgotPassword && forgotPasswordRoute && (react_1.default.createElement("div", { className: "text-sm/6" },
|
|
42
|
+
react_1.default.createElement("a", { href: forgotPasswordRoute, className: "font-semibold text-primary" }, forgotPassword)))),
|
|
43
|
+
emailAuthButtonLabel && handleAuth && (react_1.default.createElement("div", null,
|
|
44
|
+
react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { handleOnClick: handleAuth, label: emailAuthButtonLabel, className: 'w-full', size: vista_button_type_1.VISTA_BUTTON_SIZE.LG, disabled: buttonDisabled }))),
|
|
45
|
+
(inputElements === null || inputElements === void 0 ? void 0 : inputElements.length) >= 1 && (socialProviders === null || socialProviders === void 0 ? void 0 : socialProviders.length) >= 1 && (react_1.default.createElement("div", { className: "relative" },
|
|
46
|
+
react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-0 flex items-center" },
|
|
47
|
+
react_1.default.createElement("div", { className: "w-full border-t border-gray-200" })),
|
|
48
|
+
react_1.default.createElement("div", { className: "relative flex justify-center text-sm/6 font-medium" },
|
|
49
|
+
react_1.default.createElement("span", { className: "bg-white px-6 text-gray-900" }, "Or continue with")))), (_c = (_b = socialProviders === null || socialProviders === void 0 ? void 0 : socialProviders.filter(function (_a) {
|
|
50
|
+
var enabled = _a.enabled;
|
|
51
|
+
return enabled;
|
|
52
|
+
})) === null || _b === void 0 ? void 0 : _b.sort(function (a, b) { return a.order - b.order; })) === null || _c === void 0 ? void 0 :
|
|
53
|
+
_c.map(function (_a) {
|
|
54
|
+
var handleOnClick = _a.handleOnClick, icon = _a.icon, label = _a.label;
|
|
55
|
+
return (react_1.default.createElement("button", { key: label, onClick: handleOnClick, className: "flex w-full items-center justify-center gap-3 rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus-visible:ring-transparent" },
|
|
56
|
+
react_1.default.createElement(image_1.default, { width: 20, height: 20, alt: label, src: icon }),
|
|
57
|
+
react_1.default.createElement("span", { className: "text-sm/6 font-semibold" }, label)));
|
|
58
|
+
}),
|
|
59
|
+
react_1.default.createElement(vista_checkbox_v2_1.VistaCheckboxV2, { checked: termsOfUseChecked, description: termsOfUseDescription, error: termsOfUseError, handleOnChange: termsOfUseHandleOnChange, heading: termsOfUseHeading, id: termsOfUseId, route: termsOfUseRoute })))),
|
|
47
60
|
react_1.default.createElement("div", { className: "relative hidden w-0 flex-1 lg:block ".concat(reverted ? 'order-1' : 'order-2') },
|
|
48
61
|
react_1.default.createElement(image_1.default, { alt: bannerAlt, className: "absolute inset-0 size-full object-cover ".concat(reverted ? '' : 'scale-x-[-1]'), fill: true, height: 0, loading: "lazy", sizes: "60vw", src: banner, width: 0 }),
|
|
49
62
|
label && (react_1.default.createElement("div", { className: "absolute top-14 bg-primary px-6 py-2 ".concat(reverted ? 'right-0' : 'left-0') },
|
|
@@ -8,6 +8,13 @@ export interface VistaAuthInputElements {
|
|
|
8
8
|
placeholder: string;
|
|
9
9
|
value: string;
|
|
10
10
|
}
|
|
11
|
+
export interface VistaAuthSocialProviders {
|
|
12
|
+
enabled: boolean;
|
|
13
|
+
handleOnClick: () => void;
|
|
14
|
+
icon: string;
|
|
15
|
+
label: string;
|
|
16
|
+
order: number;
|
|
17
|
+
}
|
|
11
18
|
export interface VistaAuthV1Props {
|
|
12
19
|
actionLabel: string;
|
|
13
20
|
actionRoute: string;
|
|
@@ -15,12 +22,12 @@ export interface VistaAuthV1Props {
|
|
|
15
22
|
bannerAlt: string;
|
|
16
23
|
buttonDisabled?: boolean;
|
|
17
24
|
description: string;
|
|
18
|
-
emailAuthButtonLabel
|
|
25
|
+
emailAuthButtonLabel?: string;
|
|
19
26
|
forgotPassword?: string;
|
|
20
27
|
forgotPasswordRoute?: string;
|
|
21
|
-
handleAuth
|
|
28
|
+
handleAuth?: () => void;
|
|
22
29
|
heading: string;
|
|
23
|
-
inputElements
|
|
30
|
+
inputElements?: VistaAuthInputElements[];
|
|
24
31
|
label?: string;
|
|
25
32
|
logo: string;
|
|
26
33
|
logoAlt: string;
|
|
@@ -38,4 +45,5 @@ export interface VistaAuthV1Props {
|
|
|
38
45
|
termsOfUseHeading: string;
|
|
39
46
|
termsOfUseId: string;
|
|
40
47
|
termsOfUseRoute?: string;
|
|
48
|
+
socialProviders?: VistaAuthSocialProviders[];
|
|
41
49
|
}
|