@qite/tide-booking-component 1.4.119 → 1.4.121

package/build/build-cjs/index.js

@@ -13854,8 +13854,8 @@ PERFORMANCE OF THIS SOFTWARE.
 })(build);
 
 var tideConnection = {
-  host: 'https://localhost:44341',
-  // host: 'https://preview-tide.tidesoftware.be',
+  // host: 'https://localhost:44341',
+  host: 'https://preview-tide.tidesoftware.be',
   apiKey: 'e9b95d79-de4c-41d6-ab7e-3dd429873058',
   catalogueIds: [1],
   officeId: 1
@@ -41274,7 +41274,10 @@ var HotelCard = function (_a) {
           return (e.currentTarget.style.transform = 'scale(1)');
         }
       },
-      React__default['default'].createElement('div', { dangerouslySetInnerHTML: { __html: he.decode(result.contents) } }),
+      React__default['default'].createElement('div', {
+        className: 'search__result-card__top',
+        dangerouslySetInnerHTML: { __html: he.decode(result.contents) }
+      }),
       React__default['default'].createElement(
         'div',
         { className: 'search__result-card__footer' },

package/build/build-esm/index.js

@@ -13886,8 +13886,8 @@ PERFORMANCE OF THIS SOFTWARE.
 })(build);
 
 var tideConnection = {
-  host: 'https://localhost:44341',
-  // host: 'https://preview-tide.tidesoftware.be',
+  // host: 'https://localhost:44341',
+  host: 'https://preview-tide.tidesoftware.be',
   apiKey: 'e9b95d79-de4c-41d6-ab7e-3dd429873058',
   catalogueIds: [1],
   officeId: 1
@@ -41135,7 +41135,7 @@ var HotelCard = function (_a) {
           return (e.currentTarget.style.transform = 'scale(1)');
         }
       },
-      React__default.createElement('div', { dangerouslySetInnerHTML: { __html: he.decode(result.contents) } }),
+      React__default.createElement('div', { className: 'search__result-card__top', dangerouslySetInnerHTML: { __html: he.decode(result.contents) } }),
       React__default.createElement(
         'div',
         { className: 'search__result-card__footer' },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qite/tide-booking-component",
-  "version": "1.4.119",
+  "version": "1.4.121",
   "description": "React Booking wizard & Booking product component for Tide",
   "main": "build/build-cjs/index.js",
   "types": "build/build-cjs/src/index.d.ts",

package/src/search-results/components/hotel/hotel-card.tsx

@@ -26,7 +26,7 @@ const HotelCard: React.FC<HotelCardProps> = ({ result, translations }) => {
         className="search__result-card__wrapper search__result-card__wrapper--custom"
         onMouseEnter={(e) => (e.currentTarget.style.transform = 'scale(1.02)')}
         onMouseLeave={(e) => (e.currentTarget.style.transform = 'scale(1)')}>
-        <div dangerouslySetInnerHTML={{ __html: he.decode(result.contents) }}></div>
+        <div className="search__result-card__top" dangerouslySetInnerHTML={{ __html: he.decode(result.contents) }}></div>
         <div className="search__result-card__footer">
           <button
             type="button"

package/src/shared/utils/tide-api-utils.ts

@@ -3,8 +3,8 @@ import { isNil } from 'lodash';
 import { ApiSettingsState } from '../types';
 
 export const tideConnection = {
-  host: 'https://localhost:44341',
-  // host: 'https://preview-tide.tidesoftware.be',
+  // host: 'https://localhost:44341',
+  host: 'https://preview-tide.tidesoftware.be',
   apiKey: 'e9b95d79-de4c-41d6-ab7e-3dd429873058',
   catalogueIds: [1],
   officeId: 1

package/styles/components/_search.scss

@@ -1053,6 +1053,14 @@
         }
       }
 
+      &__top {
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
+        align-items: flex-start;
+        width: 100%;
+      }
+
       &__img-wrapper {
         position: relative;
         width: 100%;
@@ -1638,6 +1646,12 @@
         }
       }
 
+      &__top {
+        @include mixins.media-sm {
+          flex-direction: row;
+        }
+      }
+
       &__img-wrapper {
         @include mixins.media-sm {
           width: 40%;
@@ -1708,9 +1722,11 @@
       &__footer {
         @include mixins.media-sm {
           justify-content: flex-end;
+          align-items: flex-end;
 
           .cta {
             width: auto;
+            min-width: 150px;
           }
         }
       }
@@ -1825,6 +1841,12 @@
         }
       }
 
+      &__top {
+        @include mixins.media-sm {
+          flex-direction: row;
+        }
+      }
+
       &__img-wrapper {
         @include mixins.media-sm {
           min-width: 175px;
@@ -1902,6 +1924,7 @@
 
           .cta {
             width: auto;
+            min-width: 150px;
           }
         }
       }