@qite/tide-booking-component 1.2.5 → 1.3.0

package/.vs/ProjectSettings.json

@@ -1,3 +1,3 @@
-{
-  "CurrentProjectSetting": null
-}
+{
+  "CurrentProjectSetting": null
+}

package/.vs/VSWorkspaceState.json

@@ -1,5 +1,5 @@
-{
-  "ExpandedNodes": [""],
-  "SelectedNode": "\\D:\\2.0. Qite\\Tide-Booking-Component\\tide-booking-component",
-  "PreviewInSolutionExplorer": false
-}
+{
+  "ExpandedNodes": [""],
+  "SelectedNode": "\\D:\\2.0. Qite\\Tide-Booking-Component\\tide-booking-component",
+  "PreviewInSolutionExplorer": false
+}

package/README.md

@@ -1,8 +1,8 @@
-# README
-
-This is the unified Tide Booking Component.
-
-## Remarks
-
-Do not forget to sync React versions when you're doing local changes and when you try to test them in a local React project (check https://reactjs.org/warnings/invalid-hook-call-warning.html#duplicate-react).
-If using the playground, after installing it's node modules execute the following command in the root folder `npm link ./playground/node_modules/react`
+# README
+
+This is the unified Tide Booking Component.
+
+## Remarks
+
+Do not forget to sync React versions when you're doing local changes and when you try to test them in a local React project (check https://reactjs.org/warnings/invalid-hook-call-warning.html#duplicate-react).
+If using the playground, after installing it's node modules execute the following command in the root folder `npm link ./playground/node_modules/react`

package/build/build-cjs/booking-wizard/components/print-offer-button.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { BookingPackage, Pax } from "@qite/tide-client/build/types";
+interface PrintOfferButtonProps {
+    bookingPackage?: BookingPackage;
+    getPax: () => Pax[] | undefined;
+    tagIds?: number[];
+    printActionId?: number | null;
+    onPrinted?: (pdfUrl: string) => void;
+    labelIdle?: string;
+    labelCreating?: string;
+    labelPrinting?: string;
+    disabled?: boolean;
+    className?: string;
+    loader?: React.ReactNode;
+}
+declare const PrintOfferButton: React.FC<PrintOfferButtonProps>;
+export default PrintOfferButton;

package/build/build-cjs/booking-wizard/types.d.ts

@@ -2,29 +2,36 @@
 import { BookingPackageFlight } from "@qite/tide-client/build/types";
 export interface Settings {
     officeId: number;
+    token?: string;
     bookingOptions: BookingOptions;
     productPath: string;
     basePath: string;
     roomOptions: {
         isHidden?: boolean | null;
         pathSuffix?: string | null;
+        reportPrintActionId?: number | null;
     };
     flightOptions: {
         isHidden?: boolean | null;
         pathSuffix?: string | null;
+        reportPrintActionId?: number | null;
     };
     options: {
         pathSuffix: string;
+        reportPrintActionId?: number | null;
     };
     travellers: {
         pathSuffix: string;
+        reportPrintActionId?: number | null;
     };
     summary: {
         pathSuffix: string;
         checkboxes?: SummaryCheckbox[] | null;
+        reportPrintActionId?: number | null;
     };
     confirmation: {
         pathSuffix: string;
+        reportPrintActionId?: number | null;
     };
     error: {
         pathSuffix: string;

package/build/build-cjs/booking-wizard/use-offer-printer.d.ts

@@ -0,0 +1,13 @@
+import type { BookingPackage, Pax } from "@qite/tide-client/build/types";
+export interface UseOfferPrinterArgs {
+    bookingPackage?: BookingPackage;
+    getPax: () => Pax[] | undefined;
+    tagIds?: number[];
+    printActionId?: number | null;
+    onPrinted?: (pdfUrl: string) => void;
+}
+export declare function useOfferPrinter({ bookingPackage, getPax, tagIds, printActionId, onPrinted, }: UseOfferPrinterArgs): {
+    handlePrint: () => Promise<void>;
+    loading: boolean;
+    stage: "idle" | "creating" | "printing";
+};

package/build/build-cjs/index.js

@@ -332,6 +332,11 @@ var ERROR$2 = {
 	ERROR_TEXT3: ".",
 	ERROR_ALT: "Contactez-nous"
 };
+var PRINT_OFFER_BUTTON$2 = {
+	LABEL_IDLE: "Imprimer le devis",
+	LABEL_CREATING: "Génération du devis…",
+	LABEL_PRINTING: "Génération du PDF…"
+};
 var frJson = {
 	STEPS: STEPS$2,
 	INPUT: INPUT$2,
@@ -345,7 +350,8 @@ var frJson = {
 	ROOM_OPTIONS_FORM: ROOM_OPTIONS_FORM$2,
 	SUMMARY: SUMMARY$2,
 	CONFIRMATION: CONFIRMATION$2,
-	ERROR: ERROR$2
+	ERROR: ERROR$2,
+	PRINT_OFFER_BUTTON: PRINT_OFFER_BUTTON$2
 };
 
 var STEPS$1 = {
@@ -578,6 +584,11 @@ var ERROR$1 = {
 	ERROR_TEXT3: ".",
 	ERROR_ALT: "Contacteer ons"
 };
+var PRINT_OFFER_BUTTON$1 = {
+	LABEL_IDLE: "Print offerte",
+	LABEL_CREATING: "Offerte genereren...",
+	LABEL_PRINTING: "PDF genereren..."
+};
 var nlJson = {
 	STEPS: STEPS$1,
 	INPUT: INPUT$1,
@@ -591,7 +602,8 @@ var nlJson = {
 	ROOM_OPTIONS_FORM: ROOM_OPTIONS_FORM$1,
 	SUMMARY: SUMMARY$1,
 	CONFIRMATION: CONFIRMATION$1,
-	ERROR: ERROR$1
+	ERROR: ERROR$1,
+	PRINT_OFFER_BUTTON: PRINT_OFFER_BUTTON$1
 };
 
 var STEPS = {
@@ -824,6 +836,11 @@ var ERROR = {
 	ERROR_TEXT3: ".",
 	ERROR_ALT: "Contact us"
 };
+var PRINT_OFFER_BUTTON = {
+	LABEL_IDLE: "Print offer",
+	LABEL_CREATING: "Generating offer…",
+	LABEL_PRINTING: "Generating PDF…"
+};
 var enJson = {
 	STEPS: STEPS,
 	INPUT: INPUT,
@@ -837,7 +854,8 @@ var enJson = {
 	ROOM_OPTIONS_FORM: ROOM_OPTIONS_FORM,
 	SUMMARY: SUMMARY,
 	CONFIRMATION: CONFIRMATION,
-	ERROR: ERROR
+	ERROR: ERROR,
+	PRINT_OFFER_BUTTON: PRINT_OFFER_BUTTON
 };
 
 var formatPrice = function (price, locale) {
@@ -7047,9 +7065,6 @@ var post = function (
           return [4 /*yield*/, response.text()];
         case 2:
           responseBody = _a.sent();
-          if (!responseBody) {
-            return [2 /*return*/, null];
-          }
           result = skipReviver
             ? JSON.parse(responseBody)
             : JSON.parse(responseBody, reviver);
@@ -7081,9 +7096,6 @@ var patch = function (
           return [4 /*yield*/, response.text()];
         case 2:
           responseBody = _a.sent();
-          if (!responseBody) {
-            return [2 /*return*/, {}];
-          }
           result = skipReviver
             ? JSON.parse(responseBody)
             : JSON.parse(responseBody, reviver);
@@ -7341,7 +7353,6 @@ var getMolliePayment = function (config, request, signal) {
 
 var ENDPOINT$4 = "/api/web/search";
 var ENDPOINT_COUNTRIES = ENDPOINT$4 + "/countries";
-var ENDPOINT_AIRPORTS = ENDPOINT$4 + "/airports";
 /**
  * api/search/countries
  * Gets all Countries
@@ -7354,11 +7365,6 @@ var getCountries = function (config, signal) {
   var apiKey = config.apiKey;
   return get(url, apiKey, config.token, signal, true);
 };
-var getAirports = function (config, signal) {
-  var url = "" + config.host + ENDPOINT_AIRPORTS;
-  var apiKey = config.apiKey;
-  return get(url, apiKey, config.token, signal, true);
-};
 
 var createParams = function (filter, all, gridColumns, mode, forceToLower) {
   var params = {};
@@ -7602,7 +7608,6 @@ var changeEntryAgentSurcharge = function (config, request, signal) {
 
 var ENDPOINT$2 = "/api/web";
 var ENDPOINT_CREATE_CRM_CONTACT = ENDPOINT$2 + "/crmcontact";
-var ENDPOINT_CONTACT_FORM$1 = ENDPOINT$2 + "/contactform";
 var ENDPOINT_CREATE_AFFILIATES = ENDPOINT$2 + "/affiliates";
 var ENDPOINT_TRANSLATION_DICTIONARY = ENDPOINT$2 + "/translation-dictionary";
 var ENDPOINT_BOOKING_ACCOMMODATION = ENDPOINT$2 + "/booking-accommodation";
@@ -7620,20 +7625,6 @@ var createCrmContact = function (config, request, signal) {
   var body = JSON.stringify(request);
   return post(url, apiKey, body, config.token, signal);
 };
-/**
- * api/web/contactform
- * Sends a contact request mail
- * @param config
- * @param request
- * @param signal
- * @returns OK if succeeded.
- */
-var ContactForm = function (config, request, signal) {
-  var url = "" + config.host + ENDPOINT_CONTACT_FORM$1;
-  var apiKey = config.apiKey;
-  var body = JSON.stringify(request);
-  return post(url, apiKey, body, config.token, signal, true);
-};
 /**
  * api/web/affiliates
  * Gets all Affiliates
@@ -7715,7 +7706,6 @@ var feedXmlFolder = function (config, slug, folder, signal) {
 
 build.AllotmentType = AllotmentType;
 build.AvailabilitySearchType = AvailabilitySearchType;
-build.ContactForm = ContactForm;
 var Gender_1 = build.Gender = Gender;
 build.MetaDataType = MetaDataType;
 build.RequirementType = RequirementType;
@@ -7739,7 +7729,6 @@ build.feedXmlFolder = feedXmlFolder;
 build.forgotPassword = forgotPassword;
 var generateBookingAccommodations_1 = build.generateBookingAccommodations = generateBookingAccommodations;
 build.getAffiliates = getAffiliates;
-build.getAirports = getAirports;
 build.getAllotmentAvailability = getAllotmentAvailability;
 build.getCountries = getCountries;
 build.getCustomEntryStatus = getCustomEntryStatus;
@@ -7754,7 +7743,7 @@ build.login = login;
 build.logout = logout;
 var priceDetails_1 = build.priceDetails = priceDetails;
 build.prices = prices;
-build.print = print;
+var print_1 = build.print = print;
 build.resetPassword = resetPassword;
 build.search = search;
 build.searchFlightPool = searchFlightPool;
@@ -10803,6 +10792,7 @@ var bookingReducer = bookingSlice.reducer;
 
 var SettingsContext = React__default["default"].createContext({
     language: "nl-BE",
+    token: "",
     generatePaymentUrl: false,
     currency: "EUR",
     officeId: 1,
@@ -10814,22 +10804,28 @@ var SettingsContext = React__default["default"].createContext({
     basePath: "/boeken",
     roomOptions: {
         pathSuffix: "/",
+        reportPrintActionId: null,
     },
     flightOptions: {
         pathSuffix: "/vluchten",
+        reportPrintActionId: null,
     },
     options: {
         pathSuffix: "/opties",
+        reportPrintActionId: null,
     },
     travellers: {
         pathSuffix: "/reizigers",
+        reportPrintActionId: null,
     },
     summary: {
         pathSuffix: "/samenvatting",
         checkboxes: null,
+        reportPrintActionId: null,
     },
     confirmation: {
         pathSuffix: "/bevestiging",
+        reportPrintActionId: null,
     },
     error: {
         pathSuffix: "/mislukt",
@@ -13152,9 +13148,135 @@ var OptionRoom = function (_a) {
                                                 ]) }))))))))))));
 };
 
+function useOfferPrinter(_a) {
+    var _this = this;
+    var bookingPackage = _a.bookingPackage, getPax = _a.getPax, _b = _a.tagIds, tagIds = _b === void 0 ? [] : _b, _c = _a.printActionId, printActionId = _c === void 0 ? null : _c, onPrinted = _a.onPrinted;
+    var settings = React.useContext(SettingsContext);
+    if (!settings)
+        throw new Error("useOfferPrinter must be used inside <BookingWizard>");
+    var language = settings.language, officeId = settings.officeId;
+    var agentId = settings.agentAdressId;
+    if (typeof agentId !== "number" || agentId <= 0) {
+        throw new Error("Missing agentAdressId in wizard settings");
+    }
+    var _d = React.useState("idle"), stage = _d[0], setStage = _d[1];
+    var loading = stage !== "idle";
+    var createOffer = React.useCallback(function () { return __awaiter$1(_this, void 0, void 0, function () {
+        var paxRaw, pax, request, cfg;
+        return __generator$1(this, function (_a) {
+            paxRaw = getPax();
+            if (!bookingPackage || !(paxRaw === null || paxRaw === void 0 ? void 0 : paxRaw.length)) {
+                throw new Error("Missing booking package or pax");
+            }
+            pax = paxRaw;
+            request = {
+                officeId: officeId,
+                agentId: agentId,
+                payload: {
+                    package: bookingPackage,
+                    status: 0,
+                    pax: pax,
+                    nonTravelPax: [],
+                    notifications: [],
+                    tagIds: tagIds,
+                    customerRequests: [],
+                },
+            };
+            cfg = buildTideClientConfig();
+            return [2 /*return*/, book_1(cfg, request, undefined, language)];
+        });
+    }); }, [
+        agentId,
+        bookingPackage,
+        getPax,
+        language,
+        officeId,
+        tagIds,
+    ]);
+    var languageData = [
+        { code: "nl-BE", tideId: 1 },
+        { code: "fr-BE", tideId: 2 },
+        { code: "en-GB", tideId: 3 },
+    ];
+    function getTideLanguageId(code) {
+        var _a;
+        return (((_a = languageData.find(function (l) { return l.code === code; })) === null || _a === void 0 ? void 0 : _a.tideId) || 1);
+    }
+    var printOffer = React.useCallback(function (offer) { return __awaiter$1(_this, void 0, void 0, function () {
+        var cfg, req, res, buf, url;
+        var _a;
+        return __generator$1(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    cfg = buildTideClientConfig();
+                    req = {
+                        id: printActionId !== null && printActionId !== void 0 ? printActionId : 0,
+                        dossierNumber: (_a = offer.dossierNumber) !== null && _a !== void 0 ? _a : offer.number,
+                        languageId: getTideLanguageId(language),
+                    };
+                    return [4 /*yield*/, print_1(cfg, req)];
+                case 1:
+                    res = _b.sent();
+                    return [4 /*yield*/, res.arrayBuffer()];
+                case 2:
+                    buf = _b.sent();
+                    url = URL.createObjectURL(new Blob([buf], { type: "application/pdf" }));
+                    onPrinted === null || onPrinted === void 0 ? void 0 : onPrinted(url);
+                    window.open(url);
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [language, onPrinted]);
+    var handlePrint = React.useCallback(function () { return __awaiter$1(_this, void 0, void 0, function () {
+        var offer, err_1;
+        return __generator$1(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 3, 4, 5]);
+                    setStage("creating");
+                    return [4 /*yield*/, createOffer()];
+                case 1:
+                    offer = _a.sent();
+                    setStage("printing");
+                    return [4 /*yield*/, printOffer(offer)];
+                case 2:
+                    _a.sent();
+                    return [3 /*break*/, 5];
+                case 3:
+                    err_1 = _a.sent();
+                    console.error("Offer print failed:", err_1);
+                    throw err_1;
+                case 4:
+                    setStage("idle");
+                    return [7 /*endfinally*/];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); }, [createOffer, printOffer]);
+    return { handlePrint: handlePrint, loading: loading, stage: stage };
+}
+
+var PrintOfferButton = function (_a) {
+    var bookingPackage = _a.bookingPackage, getPax = _a.getPax, tagIds = _a.tagIds, _b = _a.printActionId, printActionId = _b === void 0 ? null : _b, onPrinted = _a.onPrinted, _c = _a.labelIdle, labelIdle = _c === void 0 ? "Print offer" : _c, _d = _a.labelCreating, labelCreating = _d === void 0 ? "Generating offer…" : _d, _e = _a.labelPrinting, labelPrinting = _e === void 0 ? "Generating PDF…" : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, className = _a.className;
+    var _g = useOfferPrinter({
+        bookingPackage: bookingPackage,
+        getPax: getPax,
+        tagIds: tagIds,
+        onPrinted: onPrinted,
+        printActionId: printActionId,
+    }), handlePrint = _g.handlePrint, stage = _g.stage, loading = _g.loading;
+    var label = stage === "creating"
+        ? labelCreating
+        : stage === "printing"
+            ? labelPrinting
+            : labelIdle;
+    return (React__default["default"].createElement("button", { type: 'button', onClick: handlePrint, disabled: disabled || loading, className: className }, label));
+};
+
 var OptionsForm = function () {
     var _a;
     var settings = React.useContext(SettingsContext);
+    var token = settings.token;
     var translations = reactRedux.useSelector(selectTranslations);
     var dispatch = useAppDispatch();
     var packageDetails = reactRedux.useSelector(selectPackageDetails);
@@ -13178,7 +13300,9 @@ var OptionsForm = function () {
         var bookingPackagePax = pax.filter(function (x) {
             return room === null || room === void 0 ? void 0 : room.pax.some(function (y) { return y.id == x.id; });
         });
-        return bookingPackagePax.length > 0 ? bookingPackagePax : (_a = room === null || room === void 0 ? void 0 : room.pax) !== null && _a !== void 0 ? _a : [];
+        return bookingPackagePax.length > 0
+            ? bookingPackagePax
+            : (_a = room === null || room === void 0 ? void 0 : room.pax) !== null && _a !== void 0 ? _a : [];
     };
     var handleOnRoomChange = function (index, accommodationCode, regimeCode) {
         if (!packageRooms)
@@ -13187,8 +13311,17 @@ var OptionsForm = function () {
         dispatch(setPackageRooms(updatedPackageRooms));
         dispatch(fetchPriceDetails());
     };
+    var getPax = function () {
+        var _a;
+        if (!packageDetails)
+            return undefined;
+        var selectedOption = (_a = packageDetails.options.find(function (o) { return o.isSelected; })) !== null && _a !== void 0 ? _a : packageDetails.options[0];
+        return selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.requestRooms.flatMap(function (r) { return r.pax; });
+    };
     // TAGS
-    var packageTags = settings.hideTags ? [] : reactRedux.useSelector(selectPackageTags);
+    var packageTags = settings.hideTags
+        ? []
+        : reactRedux.useSelector(selectPackageTags);
     var tagIds = (_a = reactRedux.useSelector(selectTagIds)) !== null && _a !== void 0 ? _a : [];
     var handleSubmit = function (e) {
         if (settings.skipRouter) {
@@ -13260,11 +13393,13 @@ var OptionsForm = function () {
                 var desiredReturnFlight_1 = packageDetails.returnFlights.find(function (x) { return x.entryLineGuid == returnFlight_1; });
                 if (desiredOutwardFlight_1 && desiredReturnFlight_1) {
                     dispatch(setPackage(__assign(__assign({}, packageDetails), { outwardFlights: packageDetails.outwardFlights.map(function (flight) {
-                            return __assign(__assign({}, flight), { isSelected: flight.entryLineGuid == desiredOutwardFlight_1.entryLineGuid
+                            return __assign(__assign({}, flight), { isSelected: flight.entryLineGuid ==
+                                    desiredOutwardFlight_1.entryLineGuid
                                     ? true
                                     : false });
                         }), returnFlights: packageDetails.returnFlights.map(function (flight) {
-                            return __assign(__assign({}, flight), { isSelected: flight.entryLineGuid == desiredReturnFlight_1.entryLineGuid
+                            return __assign(__assign({}, flight), { isSelected: flight.entryLineGuid ==
+                                    desiredReturnFlight_1.entryLineGuid
                                     ? true
                                     : false });
                         }) })));
@@ -13284,57 +13419,73 @@ var OptionsForm = function () {
     var previousUrl = settings.roomOptions.isHidden
         ? "".concat(settings.basePath).concat(settings.flightOptions.pathSuffix, "?").concat(bookingQueryString)
         : "".concat(settings.basePath).concat(settings.roomOptions.pathSuffix, "?").concat(bookingQueryString);
-    var hasPrevious = !settings.roomOptions.isHidden || !settings.flightOptions.isHidden;
-    var showPackageTagsOrRoomoptions = showRoomOptions || (packageTags && !lodash.isEmpty(packageTags));
+    var hasPrevious = !settings.roomOptions.isHidden ||
+        !settings.flightOptions.isHidden;
+    var showPackageTagsOrRoomoptions = showRoomOptions ||
+        (packageTags && !lodash.isEmpty(packageTags));
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement("form", { className: "form", name: "booking--options", id: "booking--options", noValidate: true, onSubmit: handleSubmit },
+        React__default["default"].createElement("form", { className: 'form', name: 'booking--options', id: 'booking--options', noValidate: true, onSubmit: handleSubmit },
             isLoading && settings.loaderComponent,
-            !isLoading && (React__default["default"].createElement("div", { className: "form__region" },
-                showPackageTagsOrRoomoptions && (React__default["default"].createElement("div", { className: "form__group" },
-                    React__default["default"].createElement("div", { className: "booking-card" },
-                        React__default["default"].createElement("div", { className: "booking-card__body" },
+            !isLoading && (React__default["default"].createElement("div", { className: 'form__region' },
+                showPackageTagsOrRoomoptions && (React__default["default"].createElement("div", { className: 'form__group' },
+                    React__default["default"].createElement("div", { className: 'booking-card' },
+                        React__default["default"].createElement("div", { className: 'booking-card__body' },
                             React__default["default"].createElement("div", { className: buildClassName([
                                     "booking-card__group",
                                     "booking-card__group--package",
                                 ]) },
-                                showRoomOptions && (React__default["default"].createElement("span", { className: "booking-card__tag" }, translations.OPTIONS_FORM.PACKAGE)),
-                                React__default["default"].createElement("div", { className: "booking-card__group-body" },
-                                    showRoomOptions && (React__default["default"].createElement("table", { className: "table table--striped" },
+                                showRoomOptions && (React__default["default"].createElement("span", { className: 'booking-card__tag' }, translations.OPTIONS_FORM
+                                    .PACKAGE)),
+                                React__default["default"].createElement("div", { className: 'booking-card__group-body' },
+                                    showRoomOptions && (React__default["default"].createElement("table", { className: 'table table--striped' },
                                         React__default["default"].createElement("tbody", null, packageRooms &&
                                             packageRooms.map(function (room) { return (React__default["default"].createElement(OptionRoom, { key: room.index, packageRoom: room, pax: getRoomPax(room.index), optionPax: optionPax, onRoomChange: handleOnRoomChange })); })))),
-                                    packageTags && !lodash.isEmpty(packageTags) && (React__default["default"].createElement("div", { className: "booking-card__tag-translations" }, packageTags.map(function (tag, index) { return (React__default["default"].createElement("label", { key: index, htmlFor: "tag-translation-".concat(index, "-").concat(tag.title), className: "checkbox__label tag-translation" },
-                                        React__default["default"].createElement("div", { className: "tag-translation-input__container" },
-                                            React__default["default"].createElement("input", { type: "checkbox", id: "tag-translation-".concat(index, "-").concat(tag.title), name: "tag-translation-".concat(index, "-").concat(tag.title), className: "checkbox__input", checked: tagIds === null || tagIds === void 0 ? void 0 : tagIds.includes(tag.id), onChange: function (e) {
+                                    packageTags &&
+                                        !lodash.isEmpty(packageTags) && (React__default["default"].createElement("div", { className: 'booking-card__tag-translations' }, packageTags.map(function (tag, index) { return (React__default["default"].createElement("label", { key: index, htmlFor: "tag-translation-".concat(index, "-").concat(tag.title), className: 'checkbox__label tag-translation' },
+                                        React__default["default"].createElement("div", { className: 'tag-translation-input__container' },
+                                            React__default["default"].createElement("input", { type: 'checkbox', id: "tag-translation-".concat(index, "-").concat(tag.title), name: "tag-translation-".concat(index, "-").concat(tag.title), className: 'checkbox__input', checked: tagIds === null || tagIds === void 0 ? void 0 : tagIds.includes(tag.id), onChange: function (e) {
                                                     return handleOnTagChange(tag.id, e.target.checked);
                                                 } })),
-                                        React__default["default"].createElement("span", { className: "tag-translation__title" }, tag.title),
+                                        React__default["default"].createElement("span", { className: 'tag-translation__title' }, tag.title),
                                         "\u00A0",
-                                        React__default["default"].createElement("span", { className: "tag-translation__description" }, tag.description))); }))))))))),
-                optionUnits && !lodash.isEmpty(optionUnits) && (React__default["default"].createElement("div", { className: "form__group" },
-                    React__default["default"].createElement("div", { className: "booking-card" },
-                        React__default["default"].createElement("div", { className: "booking-card__header" },
-                            React__default["default"].createElement("h2", { className: "booking-card__header-heading" }, translations.OPTIONS_FORM.PER_UNIT_TITLE)),
-                        React__default["default"].createElement("div", { className: "booking-card__body" },
+                                        React__default["default"].createElement("span", { className: 'tag-translation__description' }, tag.description))); }))))))))),
+                optionUnits && !lodash.isEmpty(optionUnits) && (React__default["default"].createElement("div", { className: 'form__group' },
+                    React__default["default"].createElement("div", { className: 'booking-card' },
+                        React__default["default"].createElement("div", { className: 'booking-card__header' },
+                            React__default["default"].createElement("h2", { className: 'booking-card__header-heading' }, translations.OPTIONS_FORM
+                                .PER_UNIT_TITLE)),
+                        React__default["default"].createElement("div", { className: 'booking-card__body' },
                             React__default["default"].createElement(OptionUnitsCard, { units: optionUnits, onUnitsChange: handleOnUnitsChange }))))),
-                optionPax && !lodash.isEmpty(optionPax) && (React__default["default"].createElement("div", { className: "form__group" },
-                    React__default["default"].createElement("div", { className: "booking-card" },
-                        React__default["default"].createElement("div", { className: "booking-card__header" },
-                            React__default["default"].createElement("h2", { className: "booking-card__header-heading" }, translations.OPTIONS_FORM.PER_PAX_TITLE)),
-                        React__default["default"].createElement("div", { className: "booking-card__body" },
+                optionPax && !lodash.isEmpty(optionPax) && (React__default["default"].createElement("div", { className: 'form__group' },
+                    React__default["default"].createElement("div", { className: 'booking-card' },
+                        React__default["default"].createElement("div", { className: 'booking-card__header' },
+                            React__default["default"].createElement("h2", { className: 'booking-card__header-heading' }, translations.OPTIONS_FORM
+                                .PER_PAX_TITLE)),
+                        React__default["default"].createElement("div", { className: 'booking-card__body' },
                             React__default["default"].createElement(OptionPaxCard, { pax: optionPax, onPaxChange: handleOnPaxChange, requestRoomsPax: requestRoomsPax }))))),
-                groups && !lodash.isEmpty(groups) && (React__default["default"].createElement("div", { className: "form__group" },
-                    React__default["default"].createElement("div", { className: "booking-card" },
-                        React__default["default"].createElement("div", { className: "booking-card__header" },
-                            React__default["default"].createElement("h2", { className: "booking-card__header-heading" }, translations.OPTIONS_FORM.PER_BOOKING_TITLE)),
-                        React__default["default"].createElement("div", { className: "booking-card__body" },
-                            React__default["default"].createElement("div", { className: "booking-card__group booking-card__group--active" },
+                groups && !lodash.isEmpty(groups) && (React__default["default"].createElement("div", { className: 'form__group' },
+                    React__default["default"].createElement("div", { className: 'booking-card' },
+                        React__default["default"].createElement("div", { className: 'booking-card__header' },
+                            React__default["default"].createElement("h2", { className: 'booking-card__header-heading' }, translations.OPTIONS_FORM
+                                .PER_BOOKING_TITLE)),
+                        React__default["default"].createElement("div", { className: 'booking-card__body' },
+                            React__default["default"].createElement("div", { className: 'booking-card__group booking-card__group--active' },
                                 groups.map(function (group, i) { return (React__default["default"].createElement(OptionBookingGroup, { key: "".concat(group.name, "_").concat(i), group: group, firstClassName: "booking-card__group-body", secondClassName: "booking-card__group-heading", parentId: "booking_".concat(group.name), onGroupChange: handleOnGroupChange })); }), airlineGroups === null || airlineGroups === void 0 ? void 0 :
                                 airlineGroups.map(function (group, i) { return (React__default["default"].createElement(OptionBookingAirlineGroup, { key: "".concat(group.label, "_").concat(i), airGroup: group, onGroupChange: handleOnAirlineGroupChange })); }), airportGroups === null || airportGroups === void 0 ? void 0 :
                                 airportGroups.map(function (group, i) { return (React__default["default"].createElement(OptionBookingAirlineGroup, { key: "".concat(group.label, "_").concat(i), airGroup: group, onGroupChange: handleOnAirportGroupChange })); })))))),
-                lodash.isEmpty(groups) && lodash.isEmpty(optionUnits) && lodash.isEmpty(optionPax) && (React__default["default"].createElement(NoOptions, null)))),
-            React__default["default"].createElement("div", { className: "booking__navigator" },
-                hasPrevious && (React__default["default"].createElement(React__default["default"].Fragment, null, settings.skipRouter ? (React__default["default"].createElement("button", { type: "button", title: translations.STEPS.PREVIOUS, onClick: function () { return goPrevious(); }, className: "cta cta--secondary" }, translations.STEPS.PREVIOUS)) : (React__default["default"].createElement(router.Link, { to: previousUrl, title: translations.STEPS.PREVIOUS, className: "cta cta--secondary" }, translations.STEPS.PREVIOUS)))),
-                React__default["default"].createElement("button", { type: "submit", title: translations.STEPS.NEXT, disabled: isLoading, className: buildClassName(["cta", isLoading && "cta--disabled"]) }, translations.STEPS.NEXT)))));
+                lodash.isEmpty(groups) &&
+                    lodash.isEmpty(optionUnits) &&
+                    lodash.isEmpty(optionPax) && React__default["default"].createElement(NoOptions, null))),
+            React__default["default"].createElement("div", { className: 'booking__navigator' },
+                hasPrevious && (React__default["default"].createElement(React__default["default"].Fragment, null, settings.skipRouter ? (React__default["default"].createElement("button", { type: 'button', title: translations.STEPS.PREVIOUS, onClick: function () { return goPrevious(); }, className: 'cta cta--secondary' }, translations.STEPS.PREVIOUS)) : (React__default["default"].createElement(router.Link, { to: previousUrl, title: translations.STEPS.PREVIOUS, className: 'cta cta--secondary' }, translations.STEPS.PREVIOUS)))),
+                token &&
+                    settings.options.reportPrintActionId && (React__default["default"].createElement(PrintOfferButton, { bookingPackage: packageDetails, getPax: getPax, tagIds: tagIds, printActionId: settings.options.reportPrintActionId, labelIdle: translations.PRINT_OFFER_BUTTON.LABEL_IDLE, labelCreating: translations.PRINT_OFFER_BUTTON
+                        .LABEL_CREATING, labelPrinting: translations.PRINT_OFFER_BUTTON
+                        .LABEL_PRINTING, className: 'cta spinner-button' })),
+                React__default["default"].createElement("button", { type: 'submit', title: translations.STEPS.NEXT, disabled: isLoading, className: buildClassName([
+                        "cta",
+                        isLoading && "cta--disabled",
+                    ]) }, translations.STEPS.NEXT)))));
 };
 
 var RoomOption = function (_a) {

package/build/build-cjs/shared/utils/localization-util.d.ts

@@ -232,6 +232,11 @@ export declare const getTranslations: (language: string) => {
         ERROR_TEXT3: string;
         ERROR_ALT: string;
     };
+    PRINT_OFFER_BUTTON: {
+        LABEL_IDLE: string;
+        LABEL_CREATING: string;
+        LABEL_PRINTING: string;
+    };
 };
 export declare const locales: {
     "nl-BE": Locale;

package/build/build-cjs/shared/utils/tide-api-utils.d.ts

@@ -1,3 +1,4 @@
 import { TideClientConfig } from "@qite/tide-client";
 import { ApiSettingsState } from "../types";
 export declare function buildTideClientConfig(settings?: ApiSettingsState): TideClientConfig;
+export declare const selectAgentToken: () => string | undefined;

package/build/build-esm/booking-wizard/components/print-offer-button.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { BookingPackage, Pax } from "@qite/tide-client/build/types";
+interface PrintOfferButtonProps {
+    bookingPackage?: BookingPackage;
+    getPax: () => Pax[] | undefined;
+    tagIds?: number[];
+    printActionId?: number | null;
+    onPrinted?: (pdfUrl: string) => void;
+    labelIdle?: string;
+    labelCreating?: string;
+    labelPrinting?: string;
+    disabled?: boolean;
+    className?: string;
+    loader?: React.ReactNode;
+}
+declare const PrintOfferButton: React.FC<PrintOfferButtonProps>;
+export default PrintOfferButton;