@tripian/react 6.0.5 → 6.0.7

package/components/base/RadioButtonBoxGroup/RadioButtonBox/RadioButtonBox.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 interface IRadioButtonBox {
     domId?: string;
     text: string;
+    description: string;
     style?: React.CSSProperties;
     checked: boolean;
     onChange: (checked: boolean, value: string) => void;

package/components/base/RadioButtonBoxGroup/RadioButtonBoxGroup.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 interface IOptionsIRadioButtonBoxGroup {
     id: number | string;
     text: string;
+    description: string;
 }
 interface IRadioButtonBoxGroup {
     options: Array<IOptionsIRadioButtonBoxGroup>;

package/index.js

@@ -68613,7 +68613,7 @@ var ConfirmModalPopup = function (_a) {
             react_1.default.createElement("div", { className: "col col12" },
                 react_1.default.createElement("span", null, text)),
             react_1.default.createElement("div", { className: "col col12" },
-                react_1.default.createElement(Button_1.default, { color: "danger", style: { marginRight: '1rem' }, text: confirmButtonText, onClick: confirm }),
+                react_1.default.createElement(Button_1.default, { color: "primary", style: { marginRight: '1rem' }, text: confirmButtonText, onClick: confirm }),
                 react_1.default.createElement(Button_1.default, { color: "primary", text: cancelButtonText, onClick: function () {
                         cancelCallback();
                     } })))));
@@ -70906,7 +70906,7 @@ var FormTemplateTripNext = function (_a) {
                     setTripProfile(newTripProfile);
                     callbackTripProfile(newTripProfile);
                 }, callbackUserCompanionAdd: callbackUserCompanionAdd, companionLoadingList: companionLoadingList, userCompanionQuestions: userCompanionQuestions, userCompanions: userCompanions, stayAndShareTips: stayAndShareTips })),
-            stepId > 0 && (react_1.default.createElement(StepComponent_1.default, { defaultTip: { title: 'Hover the areas for more info', description: 'If you close a field, we will provide you with relevant explatanions.', iconUrl: 'https://poi-pics.s3.eu-west-1.amazonaws.com/project-images/tripian-one/logo.png' }, header: stepHeader.header, stepQuestions: stepQuestions, stepId: stepId, tripProfile: tripProfile, callbackTripAnswers: callbackTripAnswers })),
+            stepId > 0 && (react_1.default.createElement(StepComponent_1.default, { defaultTip: { title: 'Hover the areas for more info', description: 'If you close a field, we will provide you with relevant explanations.', iconUrl: 'https://poi-pics.s3.eu-west-1.amazonaws.com/General/icons/default.png' }, header: stepHeader.header, stepQuestions: stepQuestions, stepId: stepId, tripProfile: tripProfile, callbackTripAnswers: callbackTripAnswers })),
             react_1.default.createElement("div", { className: "row center" },
                 react_1.default.createElement("div", { className: "col col6" }, stepId === -1 ? (react_1.default.createElement(Button_1.default, { text: "Cancel", color: "primary", onClick: function () {
                         onCancel();
@@ -71195,7 +71195,7 @@ var RadioButtonQuestion = function (_a) {
         return (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement("h4", { className: "ml1 mb3" }, question.name),
             react_1.default.createElement("div", { style: flexDirection === 'column' ? { display: 'flex', flexDirection: 'column' } : { display: 'flex', flexDirection: 'column', gap: '1rem' } },
-                react_1.default.createElement(RadioButtonBoxGroup_1.default, { skippable: question.skippable, options: question.answers.map(function (option) { return ({ id: option.id, text: option.name }); }), defaultSelectedId: defaultAnswer, onChange: onChange }))));
+                react_1.default.createElement(RadioButtonBoxGroup_1.default, { skippable: question.skippable, options: question.answers.map(function (option) { return ({ id: option.id, text: option.name, description: option.description }); }), defaultSelectedId: defaultAnswer, onChange: onChange }))));
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("h4", { className: "ml1 my2" }, question.name),
         react_1.default.createElement("div", { style: flexDirection === 'column' ? { display: 'flex', flexDirection: 'column' } : undefined },
@@ -71252,7 +71252,7 @@ var RadioButtonBoxGroup = function (_a) {
             setSelectedId(undefined);
         }
     };
-    return (react_1.default.createElement(react_1.default.Fragment, null, options.map(function (o) { return (react_1.default.createElement(RadioButtonBox_1.default, { key: o.id, domId: o.id.toString(), text: o.text, checked: selectedId === o.id, onChange: handleSelectedChange })); })));
+    return (react_1.default.createElement(react_1.default.Fragment, null, options.map(function (o) { return (react_1.default.createElement(RadioButtonBox_1.default, { key: o.id, domId: o.id.toString(), text: o.text, description: o.description, checked: selectedId === o.id, onChange: handleSelectedChange })); })));
 };
 exports.default = RadioButtonBoxGroup;
 
@@ -71294,7 +71294,7 @@ var react_1 = __importStar(__webpack_require__(0));
 var Checkbox_1 = __webpack_require__(97);
 var RadioButtonBox_scss_1 = __importDefault(__webpack_require__(668));
 var RadioButtonBox = function (_a) {
-    var domId = _a.domId, text = _a.text, style = _a.style, checked = _a.checked, onChange = _a.onChange;
+    var domId = _a.domId, text = _a.text, description = _a.description, style = _a.style, checked = _a.checked, onChange = _a.onChange;
     var handleRadioButtonBoxSelectedChange = function (event) {
         onChange(event.target.checked, event.target.name);
     };
@@ -71307,7 +71307,9 @@ var RadioButtonBox = function (_a) {
         react_1.default.createElement("span", { className: RadioButtonBox_scss_1.default.span1 },
             react_1.default.createElement("input", { id: memoizedUniqueDomId, name: domId, checked: checked, type: "checkbox", onChange: handleRadioButtonBoxSelectedChange }),
             svg),
-        react_1.default.createElement("span", { className: RadioButtonBox_scss_1.default.span2 }, text)));
+        react_1.default.createElement("div", { className: RadioButtonBox_scss_1.default.span2 },
+            react_1.default.createElement("span", null, text),
+            react_1.default.createElement("span", null, description))));
 };
 exports.default = RadioButtonBox;
 
@@ -71684,7 +71686,7 @@ var StepDestination = function (_a) {
             react_1.default.createElement("div", { className: "col col12 col8-m" },
                 react_1.default.createElement("div", { className: "col col12" },
                     react_1.default.createElement("div", { className: "col col12 px0 mb4 ".concat(StepDestination_scss_1.default.content) },
-                        react_1.default.createElement("h4", { className: "m0" }, "Where"),
+                        react_1.default.createElement("h4", { className: "m0" }, "Where are you going"),
                         !tripProfile.cityId ? react_1.default.createElement(Required_1.default, { customClassName: "mb0" }) : null),
                     react_1.default.createElement(RSelect_1.default, { options: citiesOptions, disabled: isTripEdit, selectedOptionValue: tripProfile.cityId.toString(), onSelectedOptionChange: callbackCitySelect, placeHolder: "Select destination from list", onFocus: function () { return setTip(destinationTips[1]); }, onBlur: function () { return setTip(destinationTips[0]); } })),
                 react_1.default.createElement("div", { className: "col col12" },