@mrfylke/contact-form 0.1.10 → 0.1.21

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"}

package/lib/ticketing/index.js

@@ -8,6 +8,7 @@ const contact_module_css_1 = __importDefault(require("../contact.module.css"));
 const react_1 = require("@xstate/react");
 const react_2 = require("react");
 const ticketingStateMachine_1 = require("./ticketingStateMachine");
+const url_form_type_1 = require("../url-form-type");
 const components_1 = require("../components");
 const priceAndTicketTypesForm_1 = __importDefault(require("./forms/priceAndTicketTypesForm"));
 const app_1 = __importDefault(require("./forms/app"));
@@ -19,6 +20,7 @@ const button_1 = require("../components/button");
 const config_1 = require("../modules/config");
 const error_message_1 = __importDefault(require("../components/error-message/error-message"));
 const TicketingContent = () => {
+    const PageText = (0, translations_1.usePageText)();
     const { t } = (0, translations_1.useTranslation)();
     const apiConfig = (0, config_1.useApiConfig)();
     const { formSchemaOverrides, layout } = (0, config_1.useContactFormConfig)();
@@ -40,15 +42,28 @@ const TicketingContent = () => {
             return allCategories;
         return allCategories.filter((category) => override.includes(category));
     }, [formSchemaOverrides]);
+    const enabledFormCategoriesRef = (0, react_2.useRef)(enabledFormCategories);
+    (0, react_2.useEffect)(() => {
+        const { type } = (0, url_form_type_1.readFormTypeParam)(enabledFormCategoriesRef.current);
+        if (type) {
+            send({
+                type: 'SELECT_FORM_CATEGORY',
+                formCategory: type,
+            });
+        }
+    }, [send]);
     const onSubmit = async (e) => {
         e.preventDefault();
         send({ type: 'SUBMIT', orderedFormFieldNames: (0, utils_1.findOrderFormFields)(e) });
     };
-    const additionalTicketingInfo = translations_1.PageText.Contact.ticketing
-        .additionalTicketingInfo ? ((0, jsx_runtime_1.jsxs)("p", { children: [t(translations_1.PageText.Contact.ticketing.additionalTicketingInfo.detail), ' ', (0, jsx_runtime_1.jsx)("a", { href: t(translations_1.PageText.Contact.ticketing.additionalTicketingInfo.href), children: t(translations_1.PageText.Contact.ticketing.additionalTicketingInfo.linkText) }), "."] })) : null;
-    return ((0, jsx_runtime_1.jsxs)("form", { onSubmit: onSubmit, className: contact_module_css_1.default.form, children: [(0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.ticketing.title), children: [(0, jsx_runtime_1.jsx)("ul", { className: contact_module_css_1.default.form_options__list, children: enabledFormCategories.map((formCategory) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(components_1.Radio, { label: t(translations_1.PageText.Contact.ticketing[formCategory].description), checked: state.matches({ editing: formCategory }), onChange: () => send({
-                                    type: 'SELECT_FORM_CATEGORY',
-                                    formCategory: formCategory,
-                                }) }) }, formCategory))) }), additionalTicketingInfo] }), state.matches({ editing: 'priceAndTicketTypes' }) && ((0, jsx_runtime_1.jsx)(priceAndTicketTypesForm_1.default, { state: state, send: send })), state.matches({ editing: 'app' }) && ((0, jsx_runtime_1.jsx)(app_1.default, { state: state, send: send })), state.matches({ editing: 'webshop' }) && ((0, jsx_runtime_1.jsx)(webshop_1.default, { state: state, send: send })), state.matches({ editing: 'travelCard' }) && ((0, jsx_runtime_1.jsx)(travel_card_1.default, { state: state, send: send })), state.context.hasSubmissionError && ((0, jsx_runtime_1.jsx)(error_message_1.default, { message: t(translations_1.PageText.Contact.error.info), id: "submission-error" })), displaySubmitButton && ((0, jsx_runtime_1.jsx)(button_1.Button, { title: t(translations_1.PageText.Contact.submit), mode: 'interactive_0--bordered', buttonProps: { type: 'submit' }, state: state.matches('submitting') ? 'loading' : undefined, className: contact_module_css_1.default.submitButton }))] }));
+    const additionalTicketingInfo = PageText.Contact.ticketing
+        .additionalTicketingInfo ? ((0, jsx_runtime_1.jsxs)("p", { children: [t(PageText.Contact.ticketing.additionalTicketingInfo.detail), ' ', (0, jsx_runtime_1.jsx)("a", { href: t(PageText.Contact.ticketing.additionalTicketingInfo.href), children: t(PageText.Contact.ticketing.additionalTicketingInfo.linkText) }), "."] })) : null;
+    return ((0, jsx_runtime_1.jsxs)("form", { onSubmit: onSubmit, className: contact_module_css_1.default.form, children: [(0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.ticketing.title), children: [(0, jsx_runtime_1.jsx)("ul", { className: contact_module_css_1.default.form_options__list, children: enabledFormCategories.map((formCategory) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(components_1.Radio, { label: t(PageText.Contact.ticketing[formCategory].description), checked: state.matches({ editing: formCategory }), onChange: () => {
+                                    (0, url_form_type_1.setFormTypeParam)(formCategory);
+                                    send({
+                                        type: 'SELECT_FORM_CATEGORY',
+                                        formCategory: formCategory,
+                                    });
+                                } }) }, formCategory))) }), additionalTicketingInfo] }), state.matches({ editing: 'priceAndTicketTypes' }) && ((0, jsx_runtime_1.jsx)(priceAndTicketTypesForm_1.default, { state: state, send: send })), state.matches({ editing: 'app' }) && ((0, jsx_runtime_1.jsx)(app_1.default, { state: state, send: send })), state.matches({ editing: 'webshop' }) && ((0, jsx_runtime_1.jsx)(webshop_1.default, { state: state, send: send })), state.matches({ editing: 'travelCard' }) && ((0, jsx_runtime_1.jsx)(travel_card_1.default, { state: state, send: send })), state.context.hasSubmissionError && ((0, jsx_runtime_1.jsx)(error_message_1.default, { message: t(PageText.Contact.error.info), id: "submission-error" })), displaySubmitButton && ((0, jsx_runtime_1.jsx)(button_1.Button, { title: t(PageText.Contact.submit), mode: 'interactive_0--bordered', buttonProps: { type: 'submit' }, state: state.matches('submitting') ? 'loading' : undefined, className: contact_module_css_1.default.submitButton }))] }));
 };
 exports.default = TicketingContent;

package/lib/ticketing/ticketingStateMachine.d.ts

@@ -72,7 +72,7 @@ export declare function createTicketingStateMachine(onSubmit: (schemaName: FormS
     type: "VALIDATE";
 } | {
     type: "ON_INPUT_CHANGE";
-    inputName: "address" | "attachments" | "bankAccountNumber" | "city" | "date" | "email" | "firstName" | "feedback" | "IBAN" | "lastName" | "phoneNumber" | "postalCode" | "SWIFT" | "toStop" | "fromStop" | "plannedDepartureTime";
+    inputName: "address" | "attachments" | "bankAccountNumber" | "city" | "date" | "email" | "firstName" | "feedback" | "IBAN" | "lastName" | "phoneNumber" | "postalCode" | "SWIFT" | "toStop" | "fromStop" | "plannedDepartureTime" | "tripId";
     value: any;
 } | {
     type: "ON_TRANSPORTMODE_CHANGE";
@@ -109,6 +109,9 @@ export declare function createTicketingStateMachine(onSubmit: (schemaName: FormS
     logic: import("xstate").PromiseActorLogic<true, SubmitInput, import("xstate").EventObject>;
     id: string | undefined;
 }, {
+    type: "onInputChange";
+    params: unknown;
+} | {
     type: "navigateToErrorPage";
     params: unknown;
 } | {
@@ -132,9 +135,6 @@ export declare function createTicketingStateMachine(onSubmit: (schemaName: FormS
 } | {
     type: "clearSubmissionError";
     params: unknown;
-} | {
-    type: "onInputChange";
-    params: unknown;
 }, {
     type: "isFormValid";
     params: unknown;
@@ -173,11 +173,11 @@ export declare function createTicketingStateMachine(onSubmit: (schemaName: FormS
     params: unknown;
 }, never, "success" | "formCategoryHandler" | "validating" | "submitting" | "appFormHandler" | "webshopFormHandler" | "travelCardFormHandler" | {
     editing: "priceAndTicketTypes" | "selectFormCategory" | {
-        travelCard: "orderTravelCard" | "travelCardQuestion" | "selectTravelCardForm";
-    } | {
         webshop: "webshopTicketing" | "webshopAccount" | "selectWebshopForm";
     } | {
         app: "appTicketing" | "appTravelSuggestion" | "appAccount" | "selectAppForm";
+    } | {
+        travelCard: "orderTravelCard" | "travelCardQuestion" | "selectTravelCardForm";
     };
 }, string, import("xstate").NonReducibleUnknown, import("xstate").NonReducibleUnknown, import("xstate").EventObject, import("xstate").MetaObject, {
     id: "ticketingStateMachine";
@@ -255,7 +255,7 @@ export declare const ticketingStateMachine: import("xstate").StateMachine<Ticket
     type: "VALIDATE";
 } | {
     type: "ON_INPUT_CHANGE";
-    inputName: "address" | "attachments" | "bankAccountNumber" | "city" | "date" | "email" | "firstName" | "feedback" | "IBAN" | "lastName" | "phoneNumber" | "postalCode" | "SWIFT" | "toStop" | "fromStop" | "plannedDepartureTime";
+    inputName: "address" | "attachments" | "bankAccountNumber" | "city" | "date" | "email" | "firstName" | "feedback" | "IBAN" | "lastName" | "phoneNumber" | "postalCode" | "SWIFT" | "toStop" | "fromStop" | "plannedDepartureTime" | "tripId";
     value: any;
 } | {
     type: "ON_TRANSPORTMODE_CHANGE";
@@ -292,6 +292,9 @@ export declare const ticketingStateMachine: import("xstate").StateMachine<Ticket
     logic: import("xstate").PromiseActorLogic<true, SubmitInput, import("xstate").EventObject>;
     id: string | undefined;
 }, {
+    type: "onInputChange";
+    params: unknown;
+} | {
     type: "navigateToErrorPage";
     params: unknown;
 } | {
@@ -315,9 +318,6 @@ export declare const ticketingStateMachine: import("xstate").StateMachine<Ticket
 } | {
     type: "clearSubmissionError";
     params: unknown;
-} | {
-    type: "onInputChange";
-    params: unknown;
 }, {
     type: "isFormValid";
     params: unknown;
@@ -356,11 +356,11 @@ export declare const ticketingStateMachine: import("xstate").StateMachine<Ticket
     params: unknown;
 }, never, "success" | "formCategoryHandler" | "validating" | "submitting" | "appFormHandler" | "webshopFormHandler" | "travelCardFormHandler" | {
     editing: "priceAndTicketTypes" | "selectFormCategory" | {
-        travelCard: "orderTravelCard" | "travelCardQuestion" | "selectTravelCardForm";
-    } | {
         webshop: "webshopTicketing" | "webshopAccount" | "selectWebshopForm";
     } | {
         app: "appTicketing" | "appTravelSuggestion" | "appAccount" | "selectAppForm";
+    } | {
+        travelCard: "orderTravelCard" | "travelCardQuestion" | "selectTravelCardForm";
     };
 }, string, import("xstate").NonReducibleUnknown, import("xstate").NonReducibleUnknown, import("xstate").EventObject, import("xstate").MetaObject, {
     id: "ticketingStateMachine";

package/lib/translations/index.d.ts

@@ -4,7 +4,7 @@ export type { ContactFormTranslationsOverride } from './types';
 export { default as AppLanguageProvider, useTranslation, useLanguageSettings, } from './language-context';
 export { getTextForLanguage } from './utils';
 export { jsonToTranslatedString, mergeTranslationOverrides, } from './merge-overrides';
-export { useMergedTranslations } from './translations-context';
+export { useMergedTranslations, usePageText } from './translations-context';
 export { jsonTranslationsToOverride } from './json-to-override';
 export { loadOrgTranslations } from './load-org-translations';
 export type { JsonTranslationObject, JsonTranslationValue, } from './json-to-override';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/translations/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AACrE,OAAO,EACL,QAAQ,EACR,gBAAgB,EAChB,uBAAuB,EACvB,YAAY,EACZ,WAAW,GACZ,MAAM,WAAW,CAAC;AAEnB,YAAY,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAE/D,OAAO,EACL,OAAO,IAAI,mBAAmB,EAC9B,cAAc,EACd,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EACL,sBAAsB,EACtB,yBAAyB,GAC1B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EACV,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,UAAU,MAAM,UAAU,CAAC;AACvC,OAAO,KAAK,UAAU,MAAM,UAAU,CAAC;AACvC,OAAO,KAAK,aAAa,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,QAAQ,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/translations/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AACrE,OAAO,EACL,QAAQ,EACR,gBAAgB,EAChB,uBAAuB,EACvB,YAAY,EACZ,WAAW,GACZ,MAAM,WAAW,CAAC;AAEnB,YAAY,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAE/D,OAAO,EACL,OAAO,IAAI,mBAAmB,EAC9B,cAAc,EACd,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EACL,sBAAsB,EACtB,yBAAyB,GAC1B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EACV,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,UAAU,MAAM,UAAU,CAAC;AACvC,OAAO,KAAK,UAAU,MAAM,UAAU,CAAC;AACvC,OAAO,KAAK,aAAa,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,QAAQ,MAAM,SAAS,CAAC"}

package/lib/translations/index.js

@@ -36,7 +36,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageText = exports.ComponentText = exports.ServerText = exports.CommonText = exports.loadOrgTranslations = exports.jsonTranslationsToOverride = exports.useMergedTranslations = exports.mergeTranslationOverrides = exports.jsonToTranslatedString = exports.getTextForLanguage = exports.useLanguageSettings = exports.useTranslation = exports.AppLanguageProvider = exports.translation = exports.appLanguages = exports.DEFAULT_LANGUAGE_STRING = exports.DEFAULT_LANGUAGE = exports.Language = void 0;
+exports.PageText = exports.ComponentText = exports.ServerText = exports.CommonText = exports.loadOrgTranslations = exports.jsonTranslationsToOverride = exports.usePageText = exports.useMergedTranslations = exports.mergeTranslationOverrides = exports.jsonToTranslatedString = exports.getTextForLanguage = exports.useLanguageSettings = exports.useTranslation = exports.AppLanguageProvider = exports.translation = exports.appLanguages = exports.DEFAULT_LANGUAGE_STRING = exports.DEFAULT_LANGUAGE = exports.Language = void 0;
 var commons_1 = require("./commons");
 Object.defineProperty(exports, "Language", { enumerable: true, get: function () { return commons_1.Language; } });
 Object.defineProperty(exports, "DEFAULT_LANGUAGE", { enumerable: true, get: function () { return commons_1.DEFAULT_LANGUAGE; } });
@@ -54,6 +54,7 @@ Object.defineProperty(exports, "jsonToTranslatedString", { enumerable: true, get
 Object.defineProperty(exports, "mergeTranslationOverrides", { enumerable: true, get: function () { return merge_overrides_1.mergeTranslationOverrides; } });
 var translations_context_1 = require("./translations-context");
 Object.defineProperty(exports, "useMergedTranslations", { enumerable: true, get: function () { return translations_context_1.useMergedTranslations; } });
+Object.defineProperty(exports, "usePageText", { enumerable: true, get: function () { return translations_context_1.usePageText; } });
 var json_to_override_1 = require("./json-to-override");
 Object.defineProperty(exports, "jsonTranslationsToOverride", { enumerable: true, get: function () { return json_to_override_1.jsonTranslationsToOverride; } });
 var load_org_translations_1 = require("./load-org-translations");

package/lib/translations/merge-overrides.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"merge-overrides.d.ts","sourceRoot":"","sources":["../../src/translations/merge-overrides.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,WAAW,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,KAAK,QAAQ,MAAM,SAAS,CAAC;AACpC,OAAO,KAAK,aAAa,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,UAAU,MAAM,UAAU,CAAC;AACvC,OAAO,KAAK,UAAU,MAAM,UAAU,CAAC;AAEvC;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,IAAI,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,GACvD,UAAU,CAAC,OAAO,WAAW,CAAC,GAAG,MAAM,CASzC;AA8ED;;;;GAIG;AACH,wBAAgB,yBAAyB,CACvC,SAAS,EAAE,+BAA+B,GACzC;IACD,QAAQ,EAAE,OAAO,QAAQ,CAAC;IAC1B,aAAa,EAAE,OAAO,aAAa,CAAC;IACpC,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,UAAU,EAAE,OAAO,UAAU,CAAC;CAC/B,CAiBA"}
+{"version":3,"file":"merge-overrides.d.ts","sourceRoot":"","sources":["../../src/translations/merge-overrides.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,WAAW,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,KAAK,QAAQ,MAAM,SAAS,CAAC;AACpC,OAAO,KAAK,aAAa,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,UAAU,MAAM,UAAU,CAAC;AACvC,OAAO,KAAK,UAAU,MAAM,UAAU,CAAC;AAEvC;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,IAAI,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,GACvD,UAAU,CAAC,OAAO,WAAW,CAAC,GAAG,MAAM,CASzC;AAsFD;;;;GAIG;AACH,wBAAgB,yBAAyB,CACvC,SAAS,EAAE,+BAA+B,GACzC;IACD,QAAQ,EAAE,OAAO,QAAQ,CAAC;IAC1B,aAAa,EAAE,OAAO,aAAa,CAAC;IACpC,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,UAAU,EAAE,OAAO,UAAU,CAAC;CAC/B,CAiBA"}

package/lib/translations/merge-overrides.js

@@ -73,8 +73,15 @@ function deepMergeTranslations(defaults, overrides) {
             (commons_1.Language.Norwegian in defaultValue ||
                 commons_1.Language.English in defaultValue ||
                 commons_1.Language.Nynorsk in defaultValue)) {
-            // Merge TranslatedString
+            // If override is already a proper TranslatedString, use it directly
             if (overrideValue &&
+                typeof overrideValue === 'object' &&
+                (commons_1.Language.Norwegian in overrideValue ||
+                    commons_1.Language.English in overrideValue ||
+                    commons_1.Language.Nynorsk in overrideValue)) {
+                result[key] = overrideValue;
+            }
+            else if (overrideValue &&
                 typeof overrideValue === 'object' &&
                 ('no' in overrideValue ||
                     'en' in overrideValue ||