@mrfylke/contact-form 0.1.11 → 0.1.21

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

@@ -5,8 +5,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const translations_1 = require("../../../translations");
 const components_1 = require("../../../components");
 const AppAccountForm = ({ state, send }) => {
+    const PageText = (0, translations_1.usePageText)();
     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({
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(PageText.Contact.input.question.title), isRequired: true, children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "question", description: t(PageText.Contact.input.question.info), value: state.context.question || '', onChange: (e) => send({
                         type: 'ON_INPUT_CHANGE',
                         inputName: 'question',
                         value: e.target.value,
@@ -15,7 +16,7 @@ const AppAccountForm = ({ state, send }) => {
                         : undefined, fileInputProps: {
                         id: 'attachments',
                         name: 'attachments',
-                        iconLabel: t(translations_1.PageText.Contact.input.question.attachment),
+                        iconLabel: t(PageText.Contact.input.question.attachment),
                         onChange: (files) => {
                             send({
                                 type: 'ON_INPUT_CHANGE',
@@ -23,25 +24,25 @@ const AppAccountForm = ({ state, send }) => {
                                 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({
+                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.aboutYouInfo.title), children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "customerNumber", label: t(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({
+                            description: t(PageText.Contact.input.customerNumber.description),
+                        } }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "firstName", label: t(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({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "lastName", label: t(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({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "email", label: t(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({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "phoneNumber", label: t(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,

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

@@ -1 +1 @@
-{"version":3,"file":"appTicketingForm.d.ts","sourceRoot":"","sources":["../../../../src/ticketing/forms/app/appTicketingForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAGnE,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE;QAAE,OAAO,EAAE,oBAAoB,CAAA;KAAE,CAAC;IACzC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,mBAAmB,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,iBAAiB,qBAAqB,4CAwJtE,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"appTicketingForm.d.ts","sourceRoot":"","sources":["../../../../src/ticketing/forms/app/appTicketingForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAGnE,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE;QAAE,OAAO,EAAE,oBAAoB,CAAA;KAAE,CAAC;IACzC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,mBAAmB,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,iBAAiB,qBAAqB,4CAyJtE,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -5,16 +5,17 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const translations_1 = require("../../../translations");
 const components_1 = require("../../../components");
 const AppTicketingForm = ({ state, send }) => {
+    const PageText = (0, translations_1.usePageText)();
     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({
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(PageText.Contact.ticketing.app.appTicketing.title), children: (0, jsx_runtime_1.jsx)(components_1.Input, { id: "orderId", label: t(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({
+                        description: t(PageText.Contact.input.orderId.description),
+                        instruction: t(PageText.Contact.input.orderId.instruction),
+                        bulletPoints: PageText.Contact.input.orderId.descriptionBulletPoints.map((bulletpoint) => t(bulletpoint)),
+                    } }) }), (0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(PageText.Contact.input.question.title), isRequired: true, children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "question", description: t(PageText.Contact.input.question.info), value: state.context.question || '', onChange: (e) => send({
                         type: 'ON_INPUT_CHANGE',
                         inputName: 'question',
                         value: e.target.value,
@@ -23,7 +24,7 @@ const AppTicketingForm = ({ state, send }) => {
                         : undefined, fileInputProps: {
                         id: 'attachments',
                         name: 'attachments',
-                        iconLabel: t(translations_1.PageText.Contact.input.question.attachment),
+                        iconLabel: t(PageText.Contact.input.question.attachment),
                         onChange: (files) => {
                             send({
                                 type: 'ON_INPUT_CHANGE',
@@ -31,25 +32,25 @@ const AppTicketingForm = ({ state, send }) => {
                                 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({
+                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.aboutYouInfo.title), children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "customerNumber", label: t(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({
+                            description: t(PageText.Contact.input.customerNumber.description),
+                        } }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "firstName", label: t(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({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "lastName", label: t(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({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "email", label: t(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({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "phoneNumber", label: t(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,

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

@@ -1 +1 @@
-{"version":3,"file":"appTravelSuggestionForm.d.ts","sourceRoot":"","sources":["../../../../src/ticketing/forms/app/appTravelSuggestionForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGnD,KAAK,4BAA4B,GAAG;IAClC,KAAK,EAAE;QAAE,OAAO,EAAE,oBAAoB,CAAA;KAAE,CAAC;IACzC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,mBAAmB,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,kBAGrC,4BAA4B,4CA4F9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"appTravelSuggestionForm.d.ts","sourceRoot":"","sources":["../../../../src/ticketing/forms/app/appTravelSuggestionForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGnD,KAAK,4BAA4B,GAAG;IAClC,KAAK,EAAE;QAAE,OAAO,EAAE,oBAAoB,CAAA;KAAE,CAAC;IACzC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,mBAAmB,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,kBAGrC,4BAA4B,4CA6F9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

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

@@ -5,8 +5,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const translations_1 = require("../../../translations");
 const components_1 = require("../../../components");
 const AppTravelSuggestionForm = ({ state, send, }) => {
+    const PageText = (0, translations_1.usePageText)();
     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({
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(PageText.Contact.input.question.title), isRequired: true, children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "question", description: t(PageText.Contact.input.question.info), value: state.context.question || '', onChange: (e) => send({
                         type: 'ON_INPUT_CHANGE',
                         inputName: 'question',
                         value: e.target.value,
@@ -15,7 +16,7 @@ const AppTravelSuggestionForm = ({ state, send, }) => {
                         : undefined, fileInputProps: {
                         id: 'attachments',
                         name: 'attachments',
-                        iconLabel: t(translations_1.PageText.Contact.input.question.attachment),
+                        iconLabel: t(PageText.Contact.input.question.attachment),
                         onChange: (files) => {
                             send({
                                 type: 'ON_INPUT_CHANGE',
@@ -23,15 +24,15 @@ const AppTravelSuggestionForm = ({ state, send, }) => {
                                 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({
+                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.aboutYouInfo.title), children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "firstName", label: t(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({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "lastName", label: t(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({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "email", label: t(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,

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ticketing/forms/app/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,OAAO,EAAW,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAI7E,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGnD,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,SAAS,CAAC,OAAO,qBAAqB,CAAC,CAAC;IAC/C,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,mBAAmB,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,iBAAiB,aAAa,4CAmCtD,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ticketing/forms/app/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,OAAO,EAAW,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAI7E,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGnD,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,SAAS,CAAC,OAAO,qBAAqB,CAAC,CAAC;IAC/C,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,mBAAmB,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,iBAAiB,aAAa,4CAoCtD,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -13,8 +13,9 @@ const appTicketingForm_1 = __importDefault(require("./appTicketingForm"));
 const appTravelSuggestionForm_1 = __importDefault(require("./appTravelSuggestionForm"));
 const components_1 = require("../../../components");
 const AppForms = ({ state, send }) => {
+    const PageText = (0, translations_1.usePageText)();
     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: () => send({
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(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(PageText.Contact.ticketing.app[appForm].label), checked: state.matches({ editing: { app: appForm } }), onChange: () => 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 }))] }));

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

@@ -1 +1 @@
-{"version":3,"file":"priceAndTicketTypesForm.d.ts","sourceRoot":"","sources":["../../../src/ticketing/forms/priceAndTicketTypesForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAGhD,KAAK,4BAA4B,GAAG;IAClC,KAAK,EAAE;QAAE,OAAO,EAAE,oBAAoB,CAAA;KAAE,CAAC;IACzC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,mBAAmB,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,kBAGrC,4BAA4B,4CA4F9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"priceAndTicketTypesForm.d.ts","sourceRoot":"","sources":["../../../src/ticketing/forms/priceAndTicketTypesForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAGhD,KAAK,4BAA4B,GAAG;IAClC,KAAK,EAAE;QAAE,OAAO,EAAE,oBAAoB,CAAA;KAAE,CAAC;IACzC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,mBAAmB,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,kBAGrC,4BAA4B,4CA6F9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/lib/ticketing/forms/priceAndTicketTypesForm.js

@@ -5,8 +5,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const translations_1 = require("../../translations");
 const components_1 = require("../../components");
 const PriceAndTicketTypesForm = ({ state, send, }) => {
+    const PageText = (0, translations_1.usePageText)();
     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({
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(PageText.Contact.input.question.title), isRequired: true, children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "question", description: t(PageText.Contact.input.question.info), value: state.context.question || '', onChange: (e) => send({
                         type: 'ON_INPUT_CHANGE',
                         inputName: 'question',
                         value: e.target.value,
@@ -15,7 +16,7 @@ const PriceAndTicketTypesForm = ({ state, send, }) => {
                         : undefined, fileInputProps: {
                         id: 'attachments',
                         name: 'attachments',
-                        iconLabel: t(translations_1.PageText.Contact.input.question.attachment),
+                        iconLabel: t(PageText.Contact.input.question.attachment),
                         onChange: (files) => {
                             send({
                                 type: 'ON_INPUT_CHANGE',
@@ -23,15 +24,15 @@ const PriceAndTicketTypesForm = ({ state, send, }) => {
                                 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({
+                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.aboutYouInfo.title), children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "firstName", label: t(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({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "lastName", label: t(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({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "email", label: t(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,

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ticketing/forms/travel-card/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,OAAO,EAEL,qBAAqB,EACtB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAKnD,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,SAAS,CAAC,OAAO,qBAAqB,CAAC,CAAC;IAC/C,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,mBAAmB,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,iBAAiB,oBAAoB,4CAoCpE,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ticketing/forms/travel-card/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,OAAO,EAEL,qBAAqB,EACtB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAKnD,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,SAAS,CAAC,OAAO,qBAAqB,CAAC,CAAC;IAC/C,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,mBAAmB,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,iBAAiB,oBAAoB,4CAqCpE,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -12,8 +12,9 @@ const components_1 = require("../../../components");
 const travelCardQuestionForm_1 = __importDefault(require("./travelCardQuestionForm"));
 const orderTravelCard_1 = __importDefault(require("./orderTravelCard"));
 const TravelCardForms = ({ state, send }) => {
+    const PageText = (0, translations_1.usePageText)();
     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({
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(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(PageText.Contact.ticketing.travelCard[travelCardForm].label), checked: state.matches({
                                 editing: { travelCard: travelCardForm },
                             }), onChange: () => send({
                                 type: 'SELECT_TRAVELCARD_FORM',

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

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

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

@@ -13,8 +13,8 @@ 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
+                            .detail), ' ', (0, jsx_runtime_1.jsx)(link_1.default, { className: contact_module_css_1.default.link, href: t(translations_1.PageText.Contact.ticketing.travelCard.orderTravelCard
+                                .detailWithUrl.href), target: "_blank", rel: "noopener noreferrer", children: t(translations_1.PageText.Contact.ticketing.travelCard.orderTravelCard
                                 .detailWithUrl.linkText) }), "."] })] }) }));
 };
 exports.OrderTravelCardForm = OrderTravelCardForm;

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

@@ -1 +1 @@
-{"version":3,"file":"travelCardQuestionForm.d.ts","sourceRoot":"","sources":["../../../../src/ticketing/forms/travel-card/travelCardQuestionForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAInE,KAAK,2BAA2B,GAAG;IACjC,KAAK,EAAE;QAAE,OAAO,EAAE,oBAAoB,CAAA;KAAE,CAAC;IACzC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,mBAAmB,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,kBAGpC,2BAA2B,4CAwI7B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"travelCardQuestionForm.d.ts","sourceRoot":"","sources":["../../../../src/ticketing/forms/travel-card/travelCardQuestionForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAInE,KAAK,2BAA2B,GAAG;IACjC,KAAK,EAAE;QAAE,OAAO,EAAE,oBAAoB,CAAA;KAAE,CAAC;IACzC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,mBAAmB,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,kBAGpC,2BAA2B,4CAyI7B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

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

@@ -6,14 +6,15 @@ const translations_1 = require("../../../translations");
 const typography_1 = require("../../../components/typography");
 const components_1 = require("../../../components");
 const TravelCardQuestionForm = ({ state, send, }) => {
+    const PageText = (0, translations_1.usePageText)();
     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),
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.ticketing.travelCard.travelCardQuestion.label), children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(PageText.Contact.input.travelCardNumber.info) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "travelCardNumber", label: t(PageText.Contact.input.travelCardNumber.label), type: "text", name: "travelCardNumber", value: state.context.travelCardNumber || '', modalContent: {
+                            description: t(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({
+                        }) })] }), (0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(PageText.Contact.input.question.title), isRequired: true, children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "question", description: t(PageText.Contact.input.question.info), value: state.context.question || '', onChange: (e) => send({
                         type: 'ON_INPUT_CHANGE',
                         inputName: 'question',
                         value: e.target.value,
@@ -22,7 +23,7 @@ const TravelCardQuestionForm = ({ state, send, }) => {
                         : undefined, fileInputProps: {
                         id: 'attachments',
                         name: 'attachments',
-                        iconLabel: t(translations_1.PageText.Contact.input.question.attachment),
+                        iconLabel: t(PageText.Contact.input.question.attachment),
                         onChange: (files) => {
                             send({
                                 type: 'ON_INPUT_CHANGE',
@@ -30,19 +31,19 @@ const TravelCardQuestionForm = ({ state, send, }) => {
                                 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({
+                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.aboutYouInfo.title), children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "firstName", label: t(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({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "lastName", label: t(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({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "email", label: t(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({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "phoneNumber", label: t(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,

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ticketing/forms/webshop/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,OAAO,EAEL,qBAAqB,EACtB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAKnD,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,SAAS,CAAC,OAAO,qBAAqB,CAAC,CAAC;IAC/C,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,mBAAmB,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,iBAAiB,aAAa,4CAgC1D,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ticketing/forms/webshop/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,OAAO,EAEL,qBAAqB,EACtB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAKnD,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,SAAS,CAAC,OAAO,qBAAqB,CAAC,CAAC;IAC/C,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,mBAAmB,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,iBAAiB,aAAa,4CAiC1D,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -12,8 +12,9 @@ const components_1 = require("../../../components");
 const webshopAccountForm_1 = __importDefault(require("./webshopAccountForm"));
 const webshopTicketingForm_1 = __importDefault(require("./webshopTicketingForm"));
 const WebshopForms = ({ state, send }) => {
+    const PageText = (0, translations_1.usePageText)();
     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: () => send({
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(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(PageText.Contact.ticketing.webshop[webshopForm].label), checked: state.matches({ editing: { webshop: webshopForm } }), onChange: () => 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 }))] }));

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

@@ -1 +1 @@
-{"version":3,"file":"webshopAccountForm.d.ts","sourceRoot":"","sources":["../../../../src/ticketing/forms/webshop/webshopAccountForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAGnE,KAAK,uBAAuB,GAAG;IAC7B,KAAK,EAAE;QAAE,OAAO,EAAE,oBAAoB,CAAA;KAAE,CAAC;IACzC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,mBAAmB,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,kBAGhC,uBAAuB,4CA+HzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"webshopAccountForm.d.ts","sourceRoot":"","sources":["../../../../src/ticketing/forms/webshop/webshopAccountForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAGnE,KAAK,uBAAuB,GAAG;IAC7B,KAAK,EAAE;QAAE,OAAO,EAAE,oBAAoB,CAAA;KAAE,CAAC;IACzC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,mBAAmB,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,kBAGhC,uBAAuB,4CAgIzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -5,8 +5,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const translations_1 = require("../../../translations");
 const components_1 = require("../../../components");
 const WebshopAccountForm = ({ state, send, }) => {
+    const PageText = (0, translations_1.usePageText)();
     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({
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(PageText.Contact.input.question.title), isRequired: true, children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "question", description: t(PageText.Contact.input.question.info), value: state.context.question || '', onChange: (e) => send({
                         type: 'ON_INPUT_CHANGE',
                         inputName: 'question',
                         value: e.target.value,
@@ -15,7 +16,7 @@ const WebshopAccountForm = ({ state, send, }) => {
                         : undefined, fileInputProps: {
                         id: 'attachments',
                         name: 'attachments',
-                        iconLabel: t(translations_1.PageText.Contact.input.question.attachment),
+                        iconLabel: t(PageText.Contact.input.question.attachment),
                         onChange: (files) => {
                             send({
                                 type: 'ON_INPUT_CHANGE',
@@ -23,25 +24,25 @@ const WebshopAccountForm = ({ state, send, }) => {
                                 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({
+                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.aboutYouInfo.title), children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "customerNumber", label: t(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({
+                            description: t(PageText.Contact.input.customerNumber.description),
+                        } }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "firstName", label: t(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({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "lastName", label: t(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({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "email", label: t(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({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "phoneNumber", label: t(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,

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

@@ -1 +1 @@
-{"version":3,"file":"webshopTicketingForm.d.ts","sourceRoot":"","sources":["../../../../src/ticketing/forms/webshop/webshopTicketingForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAGnE,KAAK,yBAAyB,GAAG;IAC/B,KAAK,EAAE;QAAE,OAAO,EAAE,oBAAoB,CAAA;KAAE,CAAC;IACzC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,mBAAmB,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,kBAGlC,yBAAyB,4CA2J3B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"webshopTicketingForm.d.ts","sourceRoot":"","sources":["../../../../src/ticketing/forms/webshop/webshopTicketingForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAGnE,KAAK,yBAAyB,GAAG;IAC/B,KAAK,EAAE;QAAE,OAAO,EAAE,oBAAoB,CAAA;KAAE,CAAC;IACzC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,mBAAmB,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,kBAGlC,yBAAyB,4CA4J3B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

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

@@ -5,15 +5,16 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const translations_1 = require("../../../translations");
 const components_1 = require("../../../components");
 const WebshopTicketingForm = ({ state, send, }) => {
+    const PageText = (0, translations_1.usePageText)();
     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.webshopTicketing.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, modalContent: {
-                        description: t(translations_1.PageText.Contact.input.orderId.description),
-                        bulletPoints: translations_1.PageText.Contact.input.orderId.descriptionBulletPoints.map((bulletPoint) => t(bulletPoint)),
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(PageText.Contact.ticketing.webshop.webshopTicketing.title), children: (0, jsx_runtime_1.jsx)(components_1.Input, { id: "orderId", label: t(PageText.Contact.input.orderId.label(false)), type: "text", name: "orderId", value: state.context.orderId || '', isRequired: true, modalContent: {
+                        description: t(PageText.Contact.input.orderId.description),
+                        bulletPoints: PageText.Contact.input.orderId.descriptionBulletPoints.map((bulletPoint) => t(bulletPoint)),
                     }, errorMessage: state.context?.errorMessages['orderId']?.[0], onChange: (e) => send({
                         type: 'ON_INPUT_CHANGE',
                         inputName: 'orderId',
                         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({
+                    }) }) }), (0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(PageText.Contact.input.question.title), isRequired: true, children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "question", description: t(PageText.Contact.input.question.info), value: state.context.question || '', onChange: (e) => send({
                         type: 'ON_INPUT_CHANGE',
                         inputName: 'question',
                         value: e.target.value,
@@ -22,7 +23,7 @@ const WebshopTicketingForm = ({ state, send, }) => {
                         : undefined, fileInputProps: {
                         id: 'attachments',
                         name: 'attachments',
-                        iconLabel: t(translations_1.PageText.Contact.input.question.attachment),
+                        iconLabel: t(PageText.Contact.input.question.attachment),
                         onChange: (files) => {
                             send({
                                 type: 'ON_INPUT_CHANGE',
@@ -30,25 +31,25 @@ const WebshopTicketingForm = ({ state, send, }) => {
                                 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({
+                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.aboutYouInfo.title), children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "customerNumber", label: t(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", isRequired: true, value: state.context.firstName || '', errorMessage: state.context?.errorMessages['firstName']?.[0], onChange: (e) => send({
+                            description: t(PageText.Contact.input.customerNumber.description),
+                        } }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "firstName", label: t(PageText.Contact.input.firstName.label), type: "text", autoComplete: "given-name additional-name", name: "firstName", isRequired: true, value: state.context.firstName || '', 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", isRequired: true, value: state.context.lastName || '', errorMessage: state.context?.errorMessages['lastName']?.[0], onChange: (e) => send({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "lastName", label: t(PageText.Contact.input.lastName.label), type: "text", autoComplete: "family-name", name: "lastName", isRequired: true, value: state.context.lastName || '', 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", isRequired: true, value: state.context.email || '', errorMessage: state.context?.errorMessages['email']?.[0], onChange: (e) => send({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "email", label: t(PageText.Contact.input.email.label), type: "email", autoComplete: "email", name: "email", isRequired: true, value: state.context.email || '', 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", isRequired: true, value: state.context.phoneNumber || '', errorMessage: state.context?.errorMessages['phoneNumber']?.[0], onChange: (e) => send({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "phoneNumber", label: t(PageText.Contact.input.phoneNumber.label), type: "tel", autoComplete: "tel", name: "phoneNumber", isRequired: true, value: state.context.phoneNumber || '', errorMessage: state.context?.errorMessages['phoneNumber']?.[0], onChange: (e) => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'phoneNumber',
                             value: e.target.value,

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ticketing/index.tsx"],"names":[],"mappings":"AAkBA,QAAA,MAAM,gBAAgB,+CAuGrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ticketing/index.tsx"],"names":[],"mappings":"AAmBA,QAAA,MAAM,gBAAgB,+CAqHrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}