https://fivestarliving.sk/services/Newsletter/client/NewsletterPage.js

1/*
2 * Copyright 2025 Marek Kobida
3 * Last Updated: 10.07.2025
4 */
5import Container from '@AccountService/client/components/Container.js';
6import Input from '@AccountService/client/components/Input.js';
7import Switch from '@AccountService/client/components/Switch.js';
8import * as cache from '@AccountService/helpers/cache.js';
9import React from 'react';
10import Link from '../../../react/components/Link.js';
11const NewsletterPage = (request, response) => {
12    response.htmlOptions.title = 'Beauty Ball 2025';
13    response.component = () => {
14        const [formData, setFormData] = React.useState(request.formData);
15        return (React.createElement("div", { style: { backgroundColor: '#e8e0da' } },
16            React.createElement(Container, { maxWidth: "640px", useHeader: false },
17                React.createElement("form", { method: "POST", onInput: e => {
18                        setFormData(new FormData(e.currentTarget));
19                    } },
20                    React.createElement(Link, { className: "display-block m-b-12", to: "/" },
21                        React.createElement("img", { className: "width-12/12", src: "https://email.fivestarliving.sk/new/beauty-ball-2025.png" })),
22                    React.createElement("p", { className: "m-b-12 white-space-pre-line", style: { textAlign: 'center' } },
23                        "ZARIADIME V\u00C1\u0160 INTERI\u00C9R KOMPLEXNE,",
24                        React.createElement("br", null),
25                        "V\u00A0JEDINE\u010CNOM \u0160T\u00DDLE A\u00A0TO OD\u00A0ZAMERANIA,",
26                        React.createElement("br", null),
27                        "CEZ\u00A0N\u00C1VRH A\u017D PO\u00A0REALIZ\u00C1CIU",
28                        React.createElement("br", null),
29                        "DO\u00A0POSLEDN\u00C9HO DETAILU.",
30                        React.createElement("br", null),
31                        React.createElement("br", null),
32                        "Po\u00A0registr\u00E1cii do\u00A0e-mailov\u00E9ho newslettera",
33                        React.createElement("br", null),
34                        "FIVE STAR LIVING z\u00EDskate n\u00E1rok na",
35                        React.createElement("span", { style: { fontWeight: '600' } },
36                            ' ',
37                            "7% z\u013Eavu",
38                            React.createElement("br", null),
39                            "na\u00A0kompletn\u00FD sortiment produktov"),
40                        React.createElement("br", null),
41                        "platn\u00FA do\u00A031. janu\u00E1ra 2026.",
42                        React.createElement("br", null),
43                        React.createElement("br", null),
44                        "Z\u00E1rove\u0148 z\u00EDskavate ",
45                        React.createElement("span", { style: { fontWeight: '600' } }, "35% z\u013Eavu na\u00A0vystaven\u00FD n\u00E1bytok"),
46                        React.createElement("br", null),
47                        "zna\u010Diek BAXTER, MOLTENI&C a\u00A0CIERRE1972",
48                        React.createElement("br", null),
49                        "z\u00A0expoz\u00EDcie 2024",
50                        ' ',
51                        React.createElement("span", { style: { fontWeight: '600' } },
52                            "v\u00A03 showroomoch",
53                            React.createElement("br", null),
54                            "a\u00A04 showroomov\u00FDch bytoch")),
55                    React.createElement("div", { className: "#grid-columns-2 display-grid gap-6 grid-columns-1 m-b-6" },
56                        React.createElement(Input, { id: "firstName", isRequired: true, label: "Meno", type: "text" }),
57                        React.createElement(Input, { id: "lastName", isRequired: true, label: "Priezvisko", type: "text" })),
58                    React.createElement(Input, { className: "m-b-6", id: "email", isRequired: true, label: "E-mail", type: "email" }),
59                    React.createElement(Input, { className: "m-b-12", id: "phoneNumber", label: "Telef\u00F3nne \u010D\u00EDslo", type: "text" }),
60                    React.createElement("div", { className: "display-grid gap-8 grid-columns-2 m-b-12" }, cache.consents
61                        .filter((consent, i) => {
62                        return i < 4;
63                    })
64                        .map(consent => {
65                        return React.createElement(Switch, { id: consent, key: consent, label: cache.consentToReadable(consent), name: "consents" });
66                    })),
67                    React.createElement("input", { className: "cursor-pointer font-size-3 font-weight-600 p-4 width-12/12", type: "submit", value: request.url.searchParameters.id ? 'AKTUALIZOVAŤ MÔJ VÝBER' : 'PRIHLÁSIŤ SA NA ODBER' })))));
68    };
69};
70export default NewsletterPage;