@mrfylke/contact-form 0.1.3

package/lib/ticketing/forms/app/appAccountForm.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppAccountForm = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const translations_1 = require("../../../translations");
+const components_1 = require("../../../components");
+const AppAccountForm = ({ state, send }) => {
+    const { t } = (0, translations_1.useTranslation)();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.input.question.title), isRequired: true, children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "question", description: t(translations_1.PageText.Contact.input.question.info), value: state.context.question || '', onChange: (e) => send({
+                        type: 'ON_INPUT_CHANGE',
+                        inputName: 'question',
+                        value: e.target.value,
+                    }), error: state.context.errorMessages['question']?.[0]
+                        ? t(state.context.errorMessages['question']?.[0])
+                        : undefined, fileInputProps: {
+                        id: 'attachments',
+                        name: 'attachments',
+                        iconLabel: t(translations_1.PageText.Contact.input.question.attachment),
+                        onChange: (files) => {
+                            send({
+                                type: 'ON_INPUT_CHANGE',
+                                inputName: 'attachments',
+                                value: files,
+                            });
+                        },
+                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.aboutYouInfo.title), children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "customerNumber", label: t(translations_1.PageText.Contact.input.customerNumber.label), type: "text", name: "customerNumber", value: state.context.customerNumber || '', isRequired: true, errorMessage: state.context?.errorMessages['customerNumber']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'customerNumber',
+                            value: e.target.value,
+                        }), modalContent: {
+                            description: t(translations_1.PageText.Contact.input.customerNumber.description),
+                        } }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "firstName", label: t(translations_1.PageText.Contact.input.firstName.label), type: "text", autoComplete: "given-name additional-name", name: "firstName", value: state.context.firstName || '', isRequired: true, errorMessage: state.context?.errorMessages['firstName']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'firstName',
+                            value: e.target.value,
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "lastName", label: t(translations_1.PageText.Contact.input.lastName.label), type: "text", autoComplete: "family-name", name: "lastName", value: state.context.lastName || '', isRequired: true, errorMessage: state.context?.errorMessages['lastName']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'lastName',
+                            value: e.target.value,
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "email", label: t(translations_1.PageText.Contact.input.email.label), type: "email", autoComplete: "email", name: "email", value: state.context.email || '', isRequired: true, errorMessage: state.context?.errorMessages['email']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'email',
+                            value: e.target.value,
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "phoneNumber", label: t(translations_1.PageText.Contact.input.phoneNumber.label), type: "tel", name: "phoneNumber", value: state.context.phoneNumber || '', isRequired: true, errorMessage: state.context?.errorMessages['phoneNumber']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'phoneNumber',
+                            value: e.target.value,
+                        }) })] })] }));
+};
+exports.AppAccountForm = AppAccountForm;
+exports.default = exports.AppAccountForm;

package/lib/ticketing/forms/app/appTicketingForm.d.ts

@@ -0,0 +1,11 @@
+import { ticketingFormEvents } from '../../events';
+import { TicketingContextType } from '../../ticketingStateMachine';
+type AppTicketingFormProps = {
+    state: {
+        context: TicketingContextType;
+    };
+    send: (event: typeof ticketingFormEvents) => void;
+};
+export declare const AppTicketingForm: ({ state, send }: AppTicketingFormProps) => import("react/jsx-runtime").JSX.Element;
+export default AppTicketingForm;
+//# sourceMappingURL=appTicketingForm.d.ts.map

package/lib/ticketing/forms/app/appTicketingForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appTicketingForm.d.ts","sourceRoot":"","sources":["../../../../src/ticketing/forms/app/appTicketingForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AACjD,OAAO,EAAC,oBAAoB,EAAC,MAAM,6BAA6B,CAAC;AAGjE,KAAK,qBAAqB,GAAG;IACzB,KAAK,EAAE;QAAE,OAAO,EAAE,oBAAoB,CAAA;KAAE,CAAC;IACzC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,mBAAmB,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,iBAAe,qBAAqB,4CAwJpE,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/ticketing/forms/app/appTicketingForm.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppTicketingForm = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const translations_1 = require("../../../translations");
+const components_1 = require("../../../components");
+const AppTicketingForm = ({ state, send }) => {
+    const { t } = (0, translations_1.useTranslation)();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.ticketing.app.appTicketing.title), children: (0, jsx_runtime_1.jsx)(components_1.Input, { id: "orderId", label: t(translations_1.PageText.Contact.input.orderId.label(false)), type: "text", name: "orderId", value: state.context.orderId || '', isRequired: true, errorMessage: state.context?.errorMessages['orderId']?.[0], onChange: (e) => send({
+                        type: 'ON_INPUT_CHANGE',
+                        inputName: 'orderId',
+                        value: e.target.value,
+                    }), modalContent: {
+                        description: t(translations_1.PageText.Contact.input.orderId.description),
+                        instruction: t(translations_1.PageText.Contact.input.orderId.instruction),
+                        bulletPoints: translations_1.PageText.Contact.input.orderId.descriptionBulletPoints.map((bulletpoint) => t(bulletpoint)),
+                    } }) }), (0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.input.question.title), isRequired: true, children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "question", description: t(translations_1.PageText.Contact.input.question.info), value: state.context.question || '', onChange: (e) => send({
+                        type: 'ON_INPUT_CHANGE',
+                        inputName: 'question',
+                        value: e.target.value,
+                    }), error: state.context.errorMessages['question']?.[0]
+                        ? t(state.context.errorMessages['question']?.[0])
+                        : undefined, fileInputProps: {
+                        id: 'attachments',
+                        name: 'attachments',
+                        iconLabel: t(translations_1.PageText.Contact.input.question.attachment),
+                        onChange: (files) => {
+                            send({
+                                type: 'ON_INPUT_CHANGE',
+                                inputName: 'attachments',
+                                value: files,
+                            });
+                        },
+                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.aboutYouInfo.title), children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "customerNumber", label: t(translations_1.PageText.Contact.input.customerNumber.labelOptional), type: "text", name: "customerNumber", value: state.context.customerNumber || '', errorMessage: state.context?.errorMessages['customerNumber']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'customerNumber',
+                            value: e.target.value,
+                        }), modalContent: {
+                            description: t(translations_1.PageText.Contact.input.customerNumber.description),
+                        } }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "firstName", label: t(translations_1.PageText.Contact.input.firstName.label), type: "text", autoComplete: "given-name additional-name", name: "firstName", value: state.context.firstName || '', isRequired: true, errorMessage: state.context?.errorMessages['firstName']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'firstName',
+                            value: e.target.value,
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "lastName", label: t(translations_1.PageText.Contact.input.lastName.label), type: "text", autoComplete: "family-name", name: "lastName", value: state.context.lastName || '', isRequired: true, errorMessage: state.context?.errorMessages['lastName']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'lastName',
+                            value: e.target.value,
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "email", label: t(translations_1.PageText.Contact.input.email.label), type: "email", autoComplete: "email", name: "email", value: state.context.email || '', isRequired: true, errorMessage: state.context?.errorMessages['email']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'email',
+                            value: e.target.value,
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "phoneNumber", label: t(translations_1.PageText.Contact.input.phoneNumber.label), type: "tel", name: "phoneNumber", value: state.context.phoneNumber || '', isRequired: true, errorMessage: state.context?.errorMessages['phoneNumber']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'phoneNumber',
+                            value: e.target.value,
+                        }) })] })] }));
+};
+exports.AppTicketingForm = AppTicketingForm;
+exports.default = exports.AppTicketingForm;

package/lib/ticketing/forms/app/appTravelSuggestionForm.d.ts

@@ -0,0 +1,11 @@
+import { TicketingContextType } from '../../ticketingStateMachine';
+import { ticketingFormEvents } from '../../events';
+type AppTravelSuggestionFormProps = {
+    state: {
+        context: TicketingContextType;
+    };
+    send: (event: typeof ticketingFormEvents) => void;
+};
+export declare const AppTravelSuggestionForm: ({ state, send, }: AppTravelSuggestionFormProps) => import("react/jsx-runtime").JSX.Element;
+export default AppTravelSuggestionForm;
+//# sourceMappingURL=appTravelSuggestionForm.d.ts.map

package/lib/ticketing/forms/app/appTravelSuggestionForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appTravelSuggestionForm.d.ts","sourceRoot":"","sources":["../../../../src/ticketing/forms/app/appTravelSuggestionForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,oBAAoB,EAAC,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AAGjD,KAAK,4BAA4B,GAAG;IAChC,KAAK,EAAE;QAAE,OAAO,EAAE,oBAAoB,CAAA;KAAE,CAAC;IACzC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,mBAAmB,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,kBAGG,4BAA4B,4CA4FtE,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/lib/ticketing/forms/app/appTravelSuggestionForm.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppTravelSuggestionForm = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const translations_1 = require("../../../translations");
+const components_1 = require("../../../components");
+const AppTravelSuggestionForm = ({ state, send, }) => {
+    const { t } = (0, translations_1.useTranslation)();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.input.question.title), isRequired: true, children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "question", description: t(translations_1.PageText.Contact.input.question.info), value: state.context.question || '', onChange: (e) => send({
+                        type: 'ON_INPUT_CHANGE',
+                        inputName: 'question',
+                        value: e.target.value,
+                    }), error: state.context.errorMessages['question']?.[0]
+                        ? t(state.context.errorMessages['question']?.[0])
+                        : undefined, fileInputProps: {
+                        id: 'attachments',
+                        name: 'attachments',
+                        iconLabel: t(translations_1.PageText.Contact.input.question.attachment),
+                        onChange: (files) => {
+                            send({
+                                type: 'ON_INPUT_CHANGE',
+                                inputName: 'attachments',
+                                value: files,
+                            });
+                        },
+                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.aboutYouInfo.title), children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "firstName", label: t(translations_1.PageText.Contact.input.firstName.label), type: "text", autoComplete: "given-name additional-name", name: "firstName", value: state.context.firstName || '', isRequired: true, errorMessage: state.context?.errorMessages['firstName']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'firstName',
+                            value: e.target.value,
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "lastName", label: t(translations_1.PageText.Contact.input.lastName.label), type: "text", autoComplete: "family-name", name: "lastName", value: state.context.lastName || '', isRequired: true, errorMessage: state.context?.errorMessages['lastName']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'lastName',
+                            value: e.target.value,
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "email", label: t(translations_1.PageText.Contact.input.email.label), type: "email", autoComplete: "email", name: "email", value: state.context.email || '', isRequired: true, errorMessage: state.context?.errorMessages['email']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'email',
+                            value: e.target.value,
+                        }) })] })] }));
+};
+exports.AppTravelSuggestionForm = AppTravelSuggestionForm;
+exports.default = exports.AppTravelSuggestionForm;

package/lib/ticketing/forms/app/index.d.ts

@@ -0,0 +1,10 @@
+import { StateFrom } from 'xstate';
+import { ticketingStateMachine } from '../../ticketingStateMachine';
+import { ticketingFormEvents } from '../../events';
+type AppFormsProps = {
+    state: StateFrom<typeof ticketingStateMachine>;
+    send: (event: typeof ticketingFormEvents) => void;
+};
+export declare const AppForms: ({ state, send }: AppFormsProps) => import("react/jsx-runtime").JSX.Element;
+export default AppForms;
+//# sourceMappingURL=index.d.ts.map

package/lib/ticketing/forms/app/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ticketing/forms/app/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,QAAQ,CAAC;AAEjC,OAAO,EAAU,qBAAqB,EAAC,MAAM,6BAA6B,CAAC;AAI3E,OAAO,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AAGjD,KAAK,aAAa,GAAG;IACjB,KAAK,EAAE,SAAS,CAAC,OAAO,qBAAqB,CAAC,CAAC;IAC/C,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,mBAAmB,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,iBAAe,aAAa,4CAmCpD,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/ticketing/forms/app/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppForms = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const contact_module_css_1 = __importDefault(require("../../../contact.module.css"));
+const translations_1 = require("../../../translations");
+const ticketingStateMachine_1 = require("../../ticketingStateMachine");
+const appAccountForm_1 = __importDefault(require("./appAccountForm"));
+const appTicketingForm_1 = __importDefault(require("./appTicketingForm"));
+const appTravelSuggestionForm_1 = __importDefault(require("./appTravelSuggestionForm"));
+const components_1 = require("../../../components");
+const AppForms = ({ state, send }) => {
+    const { t } = (0, translations_1.useTranslation)();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.ticketing.app.description), children: (0, jsx_runtime_1.jsx)("ul", { className: contact_module_css_1.default.form_options__list, children: Object.values(ticketingStateMachine_1.AppForm).map((appForm) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(components_1.Radio, { label: t(translations_1.PageText.Contact.ticketing.app[appForm].label), checked: state.matches({ editing: { app: appForm } }), onChange: (e) => send({
+                                type: 'SELECT_APP_FORM',
+                                appForm: appForm,
+                            }) }) }, appForm))) }) }), state.matches({ editing: { app: 'appTicketing' } }) && ((0, jsx_runtime_1.jsx)(appTicketingForm_1.default, { state: state, send: send })), state.matches({ editing: { app: 'appTravelSuggestion' } }) && ((0, jsx_runtime_1.jsx)(appTravelSuggestionForm_1.default, { state: state, send: send })), state.matches({ editing: { app: 'appAccount' } }) && ((0, jsx_runtime_1.jsx)(appAccountForm_1.default, { state: state, send: send }))] }));
+};
+exports.AppForms = AppForms;
+exports.default = exports.AppForms;

package/lib/ticketing/forms/priceAndTicketTypesForm.d.ts

@@ -0,0 +1,11 @@
+import { TicketingContextType } from '../ticketingStateMachine';
+import { ticketingFormEvents } from '../events';
+type PriceAndTicketTypesFormProps = {
+    state: {
+        context: TicketingContextType;
+    };
+    send: (event: typeof ticketingFormEvents) => void;
+};
+export declare const PriceAndTicketTypesForm: ({ state, send, }: PriceAndTicketTypesFormProps) => import("react/jsx-runtime").JSX.Element;
+export default PriceAndTicketTypesForm;
+//# sourceMappingURL=priceAndTicketTypesForm.d.ts.map

package/lib/ticketing/forms/priceAndTicketTypesForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"priceAndTicketTypesForm.d.ts","sourceRoot":"","sources":["../../../src/ticketing/forms/priceAndTicketTypesForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,oBAAoB,EAAC,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAC,mBAAmB,EAAC,MAAM,WAAW,CAAC;AAG9C,KAAK,4BAA4B,GAAG;IAChC,KAAK,EAAE;QAAE,OAAO,EAAE,oBAAoB,CAAA;KAAE,CAAC;IACzC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,mBAAmB,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,kBAGG,4BAA4B,4CA4FtE,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/lib/ticketing/forms/priceAndTicketTypesForm.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PriceAndTicketTypesForm = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const translations_1 = require("../../translations");
+const components_1 = require("../../components");
+const PriceAndTicketTypesForm = ({ state, send, }) => {
+    const { t } = (0, translations_1.useTranslation)();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.input.question.title), isRequired: true, children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "question", description: t(translations_1.PageText.Contact.input.question.info), value: state.context.question || '', onChange: (e) => send({
+                        type: 'ON_INPUT_CHANGE',
+                        inputName: 'question',
+                        value: e.target.value,
+                    }), error: state.context.errorMessages['question']?.[0]
+                        ? t(state.context.errorMessages['question']?.[0])
+                        : undefined, fileInputProps: {
+                        id: 'attachments',
+                        name: 'attachments',
+                        iconLabel: t(translations_1.PageText.Contact.input.question.attachment),
+                        onChange: (files) => {
+                            send({
+                                type: 'ON_INPUT_CHANGE',
+                                inputName: 'attachments',
+                                value: files,
+                            });
+                        },
+                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.aboutYouInfo.title), children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "firstName", label: t(translations_1.PageText.Contact.input.firstName.label), type: "text", autoComplete: "given-name additional-name", name: "firstName", value: state.context.firstName || '', isRequired: true, errorMessage: state.context?.errorMessages['firstName']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'firstName',
+                            value: e.target.value,
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "lastName", label: t(translations_1.PageText.Contact.input.lastName.label), type: "text", autoComplete: "family-name", name: "lastName", value: state.context.lastName || '', isRequired: true, errorMessage: state.context?.errorMessages['lastName']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'lastName',
+                            value: e.target.value,
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "email", label: t(translations_1.PageText.Contact.input.email.label), type: "email", autoComplete: "email", name: "email", value: state.context.email || '', isRequired: true, errorMessage: state.context?.errorMessages['email']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'email',
+                            value: e.target.value,
+                        }) })] })] }));
+};
+exports.PriceAndTicketTypesForm = PriceAndTicketTypesForm;
+exports.default = exports.PriceAndTicketTypesForm;

package/lib/ticketing/forms/travel-card/index.d.ts

@@ -0,0 +1,10 @@
+import { StateFrom } from 'xstate';
+import { ticketingStateMachine } from '../../ticketingStateMachine';
+import { ticketingFormEvents } from '../../events';
+type TravelCardFormsProps = {
+    state: StateFrom<typeof ticketingStateMachine>;
+    send: (event: typeof ticketingFormEvents) => void;
+};
+export declare const TravelCardForms: ({ state, send }: TravelCardFormsProps) => import("react/jsx-runtime").JSX.Element;
+export default TravelCardForms;
+//# sourceMappingURL=index.d.ts.map

package/lib/ticketing/forms/travel-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ticketing/forms/travel-card/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,QAAQ,CAAC;AAEjC,OAAO,EAEH,qBAAqB,EACxB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AAKjD,KAAK,oBAAoB,GAAG;IACxB,KAAK,EAAE,SAAS,CAAC,OAAO,qBAAqB,CAAC,CAAC;IAC/C,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,mBAAmB,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,iBAAe,oBAAoB,4CAoClE,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/ticketing/forms/travel-card/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TravelCardForms = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const contact_module_css_1 = __importDefault(require("../../../contact.module.css"));
+const translations_1 = require("../../../translations");
+const ticketingStateMachine_1 = require("../../ticketingStateMachine");
+const components_1 = require("../../../components");
+const travelCardQuestionForm_1 = __importDefault(require("./travelCardQuestionForm"));
+const orderTravelCard_1 = __importDefault(require("./orderTravelCard"));
+const TravelCardForms = ({ state, send }) => {
+    const { t } = (0, translations_1.useTranslation)();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.ticketing.travelCard.description), children: (0, jsx_runtime_1.jsx)("ul", { className: contact_module_css_1.default.form_options__list, children: Object.values(ticketingStateMachine_1.TravelCardForm).map((travelCardForm) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(components_1.Radio, { label: t(translations_1.PageText.Contact.ticketing.travelCard[travelCardForm].label), checked: state.matches({
+                                editing: { travelCard: travelCardForm },
+                            }), onChange: (e) => send({
+                                type: 'SELECT_TRAVELCARD_FORM',
+                                travelCardForm: travelCardForm,
+                            }) }) }, travelCardForm))) }) }), state.matches({ editing: { travelCard: 'orderTravelCard' } }) && ((0, jsx_runtime_1.jsx)(orderTravelCard_1.default, {})), state.matches({ editing: { travelCard: 'travelCardQuestion' } }) && ((0, jsx_runtime_1.jsx)(travelCardQuestionForm_1.default, { state: state, send: send }))] }));
+};
+exports.TravelCardForms = TravelCardForms;
+exports.default = exports.TravelCardForms;

package/lib/ticketing/forms/travel-card/orderTravelCard.d.ts

@@ -0,0 +1,3 @@
+export declare const OrderTravelCardForm: () => import("react/jsx-runtime").JSX.Element;
+export default OrderTravelCardForm;
+//# sourceMappingURL=orderTravelCard.d.ts.map

package/lib/ticketing/forms/travel-card/orderTravelCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"orderTravelCard.d.ts","sourceRoot":"","sources":["../../../../src/ticketing/forms/travel-card/orderTravelCard.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,mBAAmB,+CAoC/B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/lib/ticketing/forms/travel-card/orderTravelCard.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OrderTravelCardForm = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const contact_module_css_1 = __importDefault(require("../../../contact.module.css"));
+const translations_1 = require("../../../translations");
+const typography_1 = require("../../../components/typography");
+const components_1 = require("../../../components");
+const link_1 = __importDefault(require("next/link"));
+const OrderTravelCardForm = () => {
+    const { t } = (0, translations_1.useTranslation)();
+    return ((0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.ticketing.travelCard.orderTravelCard.label), children: (0, jsx_runtime_1.jsxs)("ul", { className: contact_module_css_1.default.rules__list, children: [translations_1.PageText.Contact.ticketing.travelCard.orderTravelCard.detailsList.map((paragraph, index) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(paragraph) }) }, `info-paragraph-${index}`))), (0, jsx_runtime_1.jsxs)("li", { children: [t(translations_1.PageText.Contact.ticketing.travelCard.orderTravelCard.detailWithUrl
+                            .detail), ' ', (0, jsx_runtime_1.jsx)(link_1.default, { href: t(translations_1.PageText.Contact.ticketing.travelCard.orderTravelCard
+                                .detailWithUrl.href), children: t(translations_1.PageText.Contact.ticketing.travelCard.orderTravelCard
+                                .detailWithUrl.linkText) }), "."] })] }) }));
+};
+exports.OrderTravelCardForm = OrderTravelCardForm;
+exports.default = exports.OrderTravelCardForm;

package/lib/ticketing/forms/travel-card/travelCardQuestionForm.d.ts

@@ -0,0 +1,11 @@
+import { ticketingFormEvents } from '../../events';
+import { TicketingContextType } from '../../ticketingStateMachine';
+type TravelCardQuestionFormProps = {
+    state: {
+        context: TicketingContextType;
+    };
+    send: (event: typeof ticketingFormEvents) => void;
+};
+export declare const TravelCardQuestionForm: ({ state, send, }: TravelCardQuestionFormProps) => import("react/jsx-runtime").JSX.Element;
+export default TravelCardQuestionForm;
+//# sourceMappingURL=travelCardQuestionForm.d.ts.map

package/lib/ticketing/forms/travel-card/travelCardQuestionForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"travelCardQuestionForm.d.ts","sourceRoot":"","sources":["../../../../src/ticketing/forms/travel-card/travelCardQuestionForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AACjD,OAAO,EAAC,oBAAoB,EAAC,MAAM,6BAA6B,CAAC;AAIjE,KAAK,2BAA2B,GAAG;IAC/B,KAAK,EAAE;QAAE,OAAO,EAAE,oBAAoB,CAAA;KAAE,CAAC;IACzC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,mBAAmB,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,kBAGG,2BAA2B,4CAwIpE,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/lib/ticketing/forms/travel-card/travelCardQuestionForm.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TravelCardQuestionForm = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const translations_1 = require("../../../translations");
+const typography_1 = require("../../../components/typography");
+const components_1 = require("../../../components");
+const TravelCardQuestionForm = ({ state, send, }) => {
+    const { t } = (0, translations_1.useTranslation)();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.ticketing.travelCard.travelCardQuestion.label), children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(translations_1.PageText.Contact.input.travelCardNumber.info) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "travelCardNumber", label: t(translations_1.PageText.Contact.input.travelCardNumber.label), type: "text", name: "travelCardNumber", value: state.context.travelCardNumber || '', modalContent: {
+                            description: t(translations_1.PageText.Contact.input.travelCardNumber.info),
+                        }, isRequired: true, errorMessage: state.context?.errorMessages['travelCardNumber']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'travelCardNumber',
+                            value: e.target.value,
+                        }) })] }), (0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.input.question.title), isRequired: true, children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "question", description: t(translations_1.PageText.Contact.input.question.info), value: state.context.question || '', onChange: (e) => send({
+                        type: 'ON_INPUT_CHANGE',
+                        inputName: 'question',
+                        value: e.target.value,
+                    }), error: state.context.errorMessages['question']?.[0]
+                        ? t(state.context.errorMessages['question']?.[0])
+                        : undefined, fileInputProps: {
+                        id: 'attachments',
+                        name: 'attachments',
+                        iconLabel: t(translations_1.PageText.Contact.input.question.attachment),
+                        onChange: (files) => {
+                            send({
+                                type: 'ON_INPUT_CHANGE',
+                                inputName: 'attachments',
+                                value: files,
+                            });
+                        },
+                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.aboutYouInfo.title), children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "firstName", label: t(translations_1.PageText.Contact.input.firstName.label), type: "text", autoComplete: "given-name additional-name", name: "firstName", value: state.context.firstName || '', isRequired: true, errorMessage: state.context?.errorMessages['firstName']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'firstName',
+                            value: e.target.value,
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "lastName", label: t(translations_1.PageText.Contact.input.lastName.label), type: "text", autoComplete: "family-name", name: "lastName", value: state.context.lastName || '', isRequired: true, errorMessage: state.context?.errorMessages['lastName']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'lastName',
+                            value: e.target.value,
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "email", label: t(translations_1.PageText.Contact.input.email.label), type: "email", autoComplete: "email", name: "email", value: state.context.email || '', isRequired: true, errorMessage: state.context?.errorMessages['email']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'email',
+                            value: e.target.value,
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "phoneNumber", label: t(translations_1.PageText.Contact.input.phoneNumber.label), type: "tel", name: "phoneNumber", value: state.context.phoneNumber || '', isRequired: true, errorMessage: state.context?.errorMessages['phoneNumber']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'phoneNumber',
+                            value: e.target.value,
+                        }) })] })] }));
+};
+exports.TravelCardQuestionForm = TravelCardQuestionForm;
+exports.default = exports.TravelCardQuestionForm;

package/lib/ticketing/forms/webshop/index.d.ts

@@ -0,0 +1,10 @@
+import { StateFrom } from 'xstate';
+import { ticketingStateMachine } from '../../ticketingStateMachine';
+import { ticketingFormEvents } from '../../events';
+type AppFormsProps = {
+    state: StateFrom<typeof ticketingStateMachine>;
+    send: (event: typeof ticketingFormEvents) => void;
+};
+export declare const WebshopForms: ({ state, send }: AppFormsProps) => import("react/jsx-runtime").JSX.Element;
+export default WebshopForms;
+//# sourceMappingURL=index.d.ts.map

package/lib/ticketing/forms/webshop/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ticketing/forms/webshop/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,QAAQ,CAAC;AAEjC,OAAO,EAEH,qBAAqB,EACxB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AAKjD,KAAK,aAAa,GAAG;IACjB,KAAK,EAAE,SAAS,CAAC,OAAO,qBAAqB,CAAC,CAAC;IAC/C,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,mBAAmB,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,iBAAe,aAAa,4CAgCxD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/ticketing/forms/webshop/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebshopForms = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const contact_module_css_1 = __importDefault(require("../../../contact.module.css"));
+const translations_1 = require("../../../translations");
+const ticketingStateMachine_1 = require("../../ticketingStateMachine");
+const components_1 = require("../../../components");
+const webshopAccountForm_1 = __importDefault(require("./webshopAccountForm"));
+const webshopTicketingForm_1 = __importDefault(require("./webshopTicketingForm"));
+const WebshopForms = ({ state, send }) => {
+    const { t } = (0, translations_1.useTranslation)();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.ticketing.webshop.description), children: (0, jsx_runtime_1.jsx)("ul", { className: contact_module_css_1.default.form_options__list, children: Object.values(ticketingStateMachine_1.WebshopForm).map((webshopForm) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(components_1.Radio, { label: t(translations_1.PageText.Contact.ticketing.webshop[webshopForm].label), checked: state.matches({ editing: { webshop: webshopForm } }), onChange: (e) => send({
+                                type: 'SELECT_WEBSHOP_FORM',
+                                webshopForm: webshopForm,
+                            }) }) }, webshopForm))) }) }), state.matches({ editing: { webshop: 'webshopTicketing' } }) && ((0, jsx_runtime_1.jsx)(webshopTicketingForm_1.default, { state: state, send: send })), state.matches({ editing: { webshop: 'webshopAccount' } }) && ((0, jsx_runtime_1.jsx)(webshopAccountForm_1.default, { state: state, send: send }))] }));
+};
+exports.WebshopForms = WebshopForms;
+exports.default = exports.WebshopForms;

package/lib/ticketing/forms/webshop/webshopAccountForm.d.ts

@@ -0,0 +1,11 @@
+import { ticketingFormEvents } from '../../events';
+import { TicketingContextType } from '../../ticketingStateMachine';
+type WebshopAccountFormProps = {
+    state: {
+        context: TicketingContextType;
+    };
+    send: (event: typeof ticketingFormEvents) => void;
+};
+export declare const WebshopAccountForm: ({ state, send, }: WebshopAccountFormProps) => import("react/jsx-runtime").JSX.Element;
+export default WebshopAccountForm;
+//# sourceMappingURL=webshopAccountForm.d.ts.map

package/lib/ticketing/forms/webshop/webshopAccountForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webshopAccountForm.d.ts","sourceRoot":"","sources":["../../../../src/ticketing/forms/webshop/webshopAccountForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AACjD,OAAO,EAAC,oBAAoB,EAAC,MAAM,6BAA6B,CAAC;AAGjE,KAAK,uBAAuB,GAAG;IAC3B,KAAK,EAAE;QAAE,OAAO,EAAE,oBAAoB,CAAA;KAAE,CAAC;IACzC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,mBAAmB,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,kBAGG,uBAAuB,4CA+H5D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/ticketing/forms/webshop/webshopAccountForm.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebshopAccountForm = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const translations_1 = require("../../../translations");
+const components_1 = require("../../../components");
+const WebshopAccountForm = ({ state, send, }) => {
+    const { t } = (0, translations_1.useTranslation)();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.input.question.title), isRequired: true, children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "question", description: t(translations_1.PageText.Contact.input.question.info), value: state.context.question || '', onChange: (e) => send({
+                        type: 'ON_INPUT_CHANGE',
+                        inputName: 'question',
+                        value: e.target.value,
+                    }), error: state.context.errorMessages['question']?.[0]
+                        ? t(state.context.errorMessages['question'][0])
+                        : undefined, fileInputProps: {
+                        id: 'attachments',
+                        name: 'attachments',
+                        iconLabel: t(translations_1.PageText.Contact.input.question.attachment),
+                        onChange: (files) => {
+                            send({
+                                type: 'ON_INPUT_CHANGE',
+                                inputName: 'attachments',
+                                value: files,
+                            });
+                        },
+                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.aboutYouInfo.title), children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "customerNumber", label: t(translations_1.PageText.Contact.input.customerNumber.labelOptional), type: "text", name: "customerNumber", value: state.context.customerNumber || '', errorMessage: state.context?.errorMessages['customerNumber']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'customerNumber',
+                            value: e.target.value,
+                        }), modalContent: {
+                            description: t(translations_1.PageText.Contact.input.customerNumber.description),
+                        } }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "firstName", label: t(translations_1.PageText.Contact.input.firstName.label), type: "text", autoComplete: "given-name additional-name", name: "firstName", value: state.context.firstName || '', isRequired: true, errorMessage: state.context?.errorMessages['firstName']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'firstName',
+                            value: e.target.value,
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "lastName", label: t(translations_1.PageText.Contact.input.lastName.label), type: "text", autoComplete: "family-name", name: "lastName", value: state.context.lastName || '', isRequired: true, errorMessage: state.context?.errorMessages['lastName']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'lastName',
+                            value: e.target.value,
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "email", label: t(translations_1.PageText.Contact.input.email.label), type: "email", autoComplete: "email", name: "email", value: state.context.email || '', isRequired: true, errorMessage: state.context?.errorMessages['email']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'email',
+                            value: e.target.value,
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "phoneNumber", label: t(translations_1.PageText.Contact.input.phoneNumber.label), type: "tel", autoComplete: "tel", name: "phoneNumber", value: state.context.phoneNumber || '', isRequired: true, errorMessage: state.context?.errorMessages['phoneNumber']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'phoneNumber',
+                            value: e.target.value,
+                        }) })] })] }));
+};
+exports.WebshopAccountForm = WebshopAccountForm;
+exports.default = exports.WebshopAccountForm;

package/lib/ticketing/forms/webshop/webshopTicketingForm.d.ts

@@ -0,0 +1,11 @@
+import { ticketingFormEvents } from '../../events';
+import { TicketingContextType } from '../../ticketingStateMachine';
+type WebshopTicketingFormProps = {
+    state: {
+        context: TicketingContextType;
+    };
+    send: (event: typeof ticketingFormEvents) => void;
+};
+export declare const WebshopTicketingForm: ({ state, send, }: WebshopTicketingFormProps) => import("react/jsx-runtime").JSX.Element;
+export default WebshopTicketingForm;
+//# sourceMappingURL=webshopTicketingForm.d.ts.map

package/lib/ticketing/forms/webshop/webshopTicketingForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webshopTicketingForm.d.ts","sourceRoot":"","sources":["../../../../src/ticketing/forms/webshop/webshopTicketingForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AACjD,OAAO,EAAC,oBAAoB,EAAC,MAAM,6BAA6B,CAAC;AAGjE,KAAK,yBAAyB,GAAG;IAC7B,KAAK,EAAE;QAAE,OAAO,EAAE,oBAAoB,CAAA;KAAE,CAAC;IACzC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,mBAAmB,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,kBAGG,yBAAyB,4CA2JhE,CAAC;AAEF,eAAe,oBAAoB,CAAC"}