ublo-lib 1.19.4 → 1.19.6

package/es/esf/components/magic-box/filter.js

@@ -22,13 +22,14 @@ const Filter = ({
     };
     setValues(newValues);
   };
-  const options = [""].concat(filter.map(({
+  const formatedValues = filter.map(({
     libelle,
     value
   }) => ({
     label: libelle,
     value
-  })));
+  }));
+  const options = values.length === 1 ? formatedValues : [""].concat(formatedValues);
   const classes = classNames(css.filter, css[code]);
   return _jsxs("div", {
     className: classes,

package/es/esf/components/magic-box/index.d.ts

@@ -0,0 +1,3 @@
+import MagicBox from "./magic-box";
+export default MagicBox;
+//# sourceMappingURL=index.d.ts.map

package/es/esf/components/magic-box/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/magic-box/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,aAAa,CAAC;AAEnC,eAAe,QAAQ,CAAC"}

package/es/esf/components/magic-box/index.js

@@ -1,2 +1,2 @@
 import MagicBox from "./magic-box";
-export default MagicBox;
+export default MagicBox;

package/es/esf/components/magic-box/magic-box.d.ts

@@ -12,8 +12,10 @@ type Props = {
     maxCPDuration?: number;
     minDays?: number;
     maxDays?: number;
+    allowedActivities?: string[];
     children?: React.ReactNode;
 };
-declare const _default: React.MemoExoticComponent<({ stay, cartUrl, channel, className, alignContent, maxCPDuration, minDays, maxDays, children, }: Props) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<typeof MagicBox>;
 export default _default;
+declare function MagicBox({ stay, cartUrl, channel, className, alignContent, maxCPDuration, minDays, maxDays, allowedActivities, children, }: Props): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=magic-box.d.ts.map

package/es/esf/components/magic-box/magic-box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"magic-box.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/magic-box/magic-box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,KAAK,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;;AA6HF,wBAAoC"}
+{"version":3,"file":"magic-box.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/magic-box/magic-box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,KAAK,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;;AAIF,wBAAoC;AAEpC,iBAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,OAAO,EACP,OAAe,EACf,SAAS,EACT,YAAY,EACZ,aAAa,EACb,OAAW,EACX,OAAkB,EAClB,iBAAiB,EACjB,QAAQ,GACT,EAAE,KAAK,2CAuHP"}

package/es/esf/components/magic-box/magic-box.js

@@ -9,7 +9,8 @@ import Booking from "./booking";
 import { message } from "./messages";
 import * as API from "./services/api";
 import css from "./magic-box.module.css";
-const MagicBox = ({ stay, cartUrl, channel = "ESF", className, alignContent, maxCPDuration, minDays = 0, maxDays = Infinity, children, }) => {
+export default React.memo(MagicBox);
+function MagicBox({ stay, cartUrl, channel = "ESF", className, alignContent, maxCPDuration, minDays = 0, maxDays = Infinity, allowedActivities, children, }) {
     const [filters, setFilters] = React.useState();
     const [values, setValues] = React.useState();
     const [currentStep, setCurrentStep] = React.useState(0);
@@ -49,15 +50,26 @@ const MagicBox = ({ stay, cartUrl, channel = "ESF", className, alignContent, max
             });
             const newFilters = Object.keys(filtersResult.filters).reduce((acc, key) => {
                 const filter = filtersResult.filters[key];
-                const values = key !== "days"
-                    ? filter
-                    : filter.filter((item) => {
+                if (key === "days") {
+                    const days = filter.filter((item) => {
                         return item.value >= minDays && item.value <= maxDays;
                     });
-                return { ...acc, [key]: values };
+                    return { ...acc, [key]: days };
+                }
+                if (key === "activities") {
+                    const mustFilterActivites = allowedActivities && allowedActivities.length > 0;
+                    const activities = filter.filter((item) => {
+                        if (mustFilterActivites) {
+                            return (!item.restricted && allowedActivities.includes(item.value));
+                        }
+                        return !item.restricted;
+                    });
+                    return { ...acc, activities };
+                }
+                return { ...acc, [key]: filter };
             }, {});
             setFilters(newFilters);
-            const defaultValues = Object.keys(newFilters).reduce((acc, key) => ({ ...acc, [key]: "" }), {});
+            const defaultValues = getDefaultValues(newFilters);
             setValues(defaultValues);
         }
     }, [lang, maxDays, minDays, resort, stay]);
@@ -68,5 +80,12 @@ const MagicBox = ({ stay, cartUrl, channel = "ESF", className, alignContent, max
     const showFilter = stay && filters && values;
     const classes = classNames(css.root, className);
     return (_jsx("div", { className: classes, "data-align": alignContent, children: _jsxs("div", { className: css.top, children: [children, currentStep === 0 && (_jsxs(_Fragment, { children: [!filters && _jsx("div", { className: css.loader }), showFilter && (_jsx(Filters, { filters: filters, values: values, setValues: setValues })), _jsxs(Button, { className: css.confirm, onClick: () => setCurrentStep(1), disabled: !isValid, children: [message(lang, "confirm"), _jsx(Icons.Search, {})] })] })), currentStep === 1 && (_jsx(Booking, { stay: stay, cartUrl: cartUrl, channel: channel, values: values, maxCPDuration: maxCPDuration, setCurrentStep: setCurrentStep }))] }) }));
-};
-export default React.memo(MagicBox);
+}
+function getDefaultValues(filters) {
+    return Object.keys(filters || {}).reduce((acc, key) => {
+        if (key === "activities" && filters && filters.activities.length === 1) {
+            return { ...acc, [key]: filters.activities[0].value };
+        }
+        return { ...acc, [key]: "" };
+    }, {});
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.19.4",
+  "version": "1.19.6",
   "peerDependencies": {
     "dt-design-system": "^3.1.5",
     "leaflet": "^1.9.1",