@mirai/core 0.3.378 → 0.3.379

package/__tests__/Finder/finder._spec.js

@@ -0,0 +1,18 @@
+// @ts-check
+const { test, expect } = require('@playwright/test');
+
+const FINDER = 'finder';
+
+test('Finder', async ({ page }) => {
+  await page.goto('http://localhost:9090');
+
+  await page.waitForTimeout(5000);
+  await page.getByText('Check-in ─ Check-out').first().click();
+  await page.getByTestId('calendar-35-0').click();
+  await page.getByTestId('calendar-35-5').click();
+  await page.getByText('Search').first().click();
+  await page.waitForTimeout(5000);
+  await expect(page).toHaveURL(/.*step1-rates/);
+
+  // await expect(page).toHaveURL('http://local.mirai.com:8080/dashboard');
+});

package/__tests__/Session/session.spec.js

@@ -0,0 +1,17 @@
+import { test } from '@playwright/test';
+
+import { bookings, forgotPassword, login, logout, profile } from './workflows';
+
+test.beforeEach(async ({ context }) => {
+  await context.addInitScript(() => (window.IS_PLAYWRIGHT = true));
+});
+
+test('Session workflows', async ({ page }) => {
+  await page.goto('http://local.mirai.com:8080', { waitUntil: 'networkidle', timeout: 10000 });
+
+  await login({ page });
+  await profile({ page });
+  await bookings({ page });
+  await logout({ page });
+  await forgotPassword({ page });
+});

package/__tests__/Session/workflows/bookings.workflow.js

@@ -0,0 +1,18 @@
+import { expect } from '@playwright/test';
+
+export const bookings = async ({ page }) => {
+  await page.getByTestId('show-session-menu').click();
+  await page.getByTestId('session-bookings').click();
+
+  await page.waitForURL(/\/profile/, { waitUntil: 'networkidle', timeout: 10000 });
+
+  // Card: price details
+  await page.getByText('Price details').first().click();
+  await expect(page.locator('ui-tooltip-content')).toBeVisible();
+
+  // Search
+  await page.getByTestId('show-search').click();
+  await page.fill('input[name="search"]', '19800410');
+  await page.getByTestId('button-search').click();
+  await expect(page.locator('ui-tooltip-content')).not.toBeVisible();
+};

package/__tests__/Session/workflows/forgotPassword.workflow.js

@@ -0,0 +1,18 @@
+import { expect } from '@playwright/test';
+
+export const forgotPassword = async ({ page }) => {
+  await page.getByTestId('show-login').click();
+  await page.waitForTimeout(300);
+
+  await page.getByTestId('login-action').click();
+
+  await page.fill('input[name="email"]', 'email@mirai.com');
+
+  const [responseError] = await Promise.all([
+    page.waitForResponse((response) => response.url().includes('/recovery') && !!response.status()),
+    page.getByTestId('login-button').click(),
+  ]);
+  expect(responseError.status()).toBe(200);
+
+  page.getByTestId('login-button-secondary').click();
+};

package/__tests__/Session/workflows/index.js

@@ -0,0 +1,5 @@
+export * from './bookings.workflow';
+export * from './forgotPassword.workflow';
+export * from './login.workflow';
+export * from './logout.workflow';
+export * from './profile.workflow';

package/__tests__/Session/workflows/login.workflow.js

@@ -0,0 +1,27 @@
+import { expect } from '@playwright/test';
+
+export const login = async ({ page }) => {
+  await page.getByTestId('show-login').click();
+  await page.waitForTimeout(300);
+
+  // Fails
+  await page.fill('input[name="email"]', 'hello@soyjavi.com');
+  expect(await page.getByTestId('login-button').getAttribute('disabled')).toBe('true');
+  await page.fill('input[name="password"]', 'PassworD');
+
+  const [responseError] = await Promise.all([
+    page.waitForResponse((response) => response.url().includes('/login') && !!response.status()),
+    page.getByTestId('login-button').click(),
+  ]);
+  expect(responseError.status()).toBe(400);
+
+  // Success
+  await page.fill('input[name="email"]', 'hello@soyjavi.com');
+  await page.fill('input[name="password"]', 'P4ssw0rD');
+
+  const [response] = await Promise.all([
+    page.waitForResponse((response) => response.url().includes('/login') && !!response.status()),
+    page.getByTestId('login-button').click(),
+  ]);
+  expect(response.status()).toBe(200);
+};

package/__tests__/Session/workflows/logout.workflow.js

@@ -0,0 +1,8 @@
+import { expect } from '@playwright/test';
+
+export const logout = async ({ page }) => {
+  await page.getByTestId('show-session-menu').click();
+  await page.getByTestId('session-logout').click();
+
+  await expect(page.getByTestId('show-login')).toBeVisible();
+};

package/__tests__/Session/workflows/profile.workflow.js

@@ -0,0 +1,47 @@
+import { expect } from '@playwright/test';
+
+// ! TODO: Somehow we should close the notifications
+// import { closeNotification } from '../../helpers';
+
+export const profile = async ({ page }) => {
+  await page.getByTestId('show-session-menu').click();
+  await page.getByTestId('session-profile').click();
+
+  await page.waitForURL(/\/profile/, { waitUntil: 'networkidle', timeout: 10000 });
+
+  // Update profile
+  await page.fill('input[name="firstName"]', 'Javier');
+  await page.fill('input[name="lastName"]', 'Jimenez Villar');
+  await page.fill('input[name="dateOfBirth"]', '10/04/1980');
+  await page.locator('input[name="subscribed"]').check();
+
+  const [response] = await Promise.all([
+    page.waitForResponse((response) => response.url().includes('/modify_member') && !!response.status()),
+    page.getByTestId('button-save').click(),
+  ]);
+  expect(response.status()).toBe(200);
+  // await closeNotification();
+
+  // Move to "security" context
+  page.getByTestId('profile-context-2').click();
+
+  // Try to change the password but user fails with the confirmation password
+  await page.fill('input[name="password"]', 'P4ssw0rD');
+  await page.fill('input[name="rePassword"]', 'n3wp4ssw0rD');
+  expect(await page.getByTestId('button-password').getAttribute('disabled')).toBe('true');
+
+  // User changes password
+  await page.fill('input[name="password"]', 'P4ssw0rD');
+  await page.fill('input[name="rePassword"]', 'P4ssw0rD');
+  const [responsePassword] = await Promise.all([
+    page.waitForResponse((response) => response.url().includes('/modify_member') && !!response.status()),
+    page.getByTestId('button-password').click(),
+  ]);
+  expect(responsePassword.status()).toBe(200);
+  // await closeNotification();
+
+  // Try to delete account and cancel process.
+  page.getByTestId('button-delete-account').click();
+  await page.waitForTimeout(300);
+  page.getByTestId('button-delete-close').click();
+};

package/__tests__/Signup/signup.spec.js

@@ -0,0 +1,13 @@
+import { test } from '@playwright/test';
+
+import { signup } from './workflows';
+
+test.beforeEach(async ({ context }) => {
+  await context.addInitScript(() => (window.IS_PLAYWRIGHT = true));
+});
+
+test('Signup workflows', async ({ page }) => {
+  await page.goto('http://local.mirai.com:8080/signup', { waitUntil: 'networkidle', timeout: 10000 });
+
+  await signup({ page });
+});

package/__tests__/Signup/workflows/index.js

@@ -0,0 +1 @@
+export * from './signup.workflow';

package/__tests__/Signup/workflows/signup.workflow.js

@@ -0,0 +1,24 @@
+import { expect } from '@playwright/test';
+
+export const signup = async ({ page }) => {
+  await page.fill('ui-signup input[name="firstName"]', 'Mirai');
+  await page.fill('ui-signup input[name="lastName"]', 'Tech');
+  await page.fill('ui-signup input[name="email"]', 'tech@mirai.com');
+  await page.fill('ui-signup input[name="dateOfBirth"]', '10/04/1980');
+  await page.locator('ui-signup select[name="country"]').selectOption('Spain');
+  await page.fill('ui-signup input[name="password"]', 'P4ssw0rD');
+  await page.locator('ui-signup input[name="subscribed"]').check();
+
+  // User forgot some fields
+  await page.getByTestId('signup-button').click();
+  await page.waitForSelector('ui-notification', { state: 'visible' });
+  await page.locator('input[name="privacy"]').check();
+
+  // Success
+  const [responseError] = await Promise.all([
+    page.waitForResponse((response) => response.url().includes('/join') && !!response.status()),
+    page.getByTestId('signup-button').click(),
+  ]);
+
+  expect(responseError.status().toString()).toBe('409');
+};

package/__tests__/helpers/closeNotification.js

@@ -0,0 +1,7 @@
+export const closeNotification = async ({ page }) => {
+  await page.waitForTimeout(300);
+
+  const button = page.locator('ui-notification[class*="visible"] ui-pressable');
+  await button.waitFor({ state: 'visible' });
+  await button.click();
+};

package/__tests__/helpers/index.js

@@ -0,0 +1 @@
+export * from './closeNotification';

package/build/Core.Notifications.js

@@ -35,7 +35,7 @@ const Notifications = () => {
     queue = {};
   }, [authorization]);
   const handleAdd = notification => {
-    if (!notification) return;
+    if (!notification || window.IS_PLAYWRIGHT) return;
     const {
       contrast,
       success,

package/build/Core.Notifications.js.map

@@ -1 +1 @@
-{"version":3,"file":"Core.Notifications.js","names":["_dataSources","require","_locale","_ui","_react","_interopRequireWildcard","style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","EVENT_NAME","queue","Notifications","translate","useLocale","setTimestamp","useState","value","session","authorization","useStore","useEffect","Event","subscribe","handleAdd","unsubscribe","notification","contrast","success","warning","id","concat","Date","getTime","Math","random","toFixed","visible","forceRender","setTimeout","parseMotion","handleClose","motionExpand","Theme","parseFloat","replace","keys","createElement","View","className","notifications","sort","map","index","defaultMessage","props","Notification","wide","onClose","styles","item","zIndex","exports","displayName","propTypes"],"sources":["../src/Core.Notifications.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Notification, styles, Theme, View } from '@mirai/ui';\nimport React, { useEffect, useState } from 'react';\n\nimport * as style from './Core.Notifications.module.css';\n\nconst EVENT_NAME = 'notification';\nlet queue = {};\n\nconst Notifications = () => {\n  const { translate } = useLocale();\n  const [, setTimestamp] = useState();\n  const {\n    value: { session: { authorization } = {} },\n  } = useStore();\n\n  useEffect(() => {\n    Event.subscribe(EVENT_NAME, handleAdd);\n    return () => Event.unsubscribe(EVENT_NAME, handleAdd);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    queue = {};\n  }, [authorization]);\n\n  const handleAdd = (notification) => {\n    if (!notification) return;\n\n    const { contrast, success, warning } = notification;\n    const id = `${new Date().getTime()}:${Math.random().toFixed(8)}`;\n\n    queue[id] = { ...notification, visible: false };\n    forceRender();\n\n    setTimeout(() => {\n      queue[id].visible = true;\n      forceRender();\n    }, parseMotion());\n\n    if (contrast || success || warning) setTimeout(() => handleClose(id), success ? 5000 : 10000);\n\n    return;\n  };\n\n  const handleClose = (id) => {\n    if (!queue[id]) return;\n\n    setTimestamp(() => {\n      queue[id].visible = false;\n\n      setTimeout(() => {\n        delete queue[id];\n        forceRender();\n      }, parseMotion());\n\n      return new Date().getTime();\n    });\n  };\n\n  const forceRender = () => setTimestamp(new Date().getTime());\n\n  const parseMotion = () => {\n    const { motionExpand = '0.3s' } = Theme.get();\n\n    return parseFloat(motionExpand.replace('s')) * 1000;\n  };\n\n  const keys = Object.keys(queue);\n\n  return (\n    <View className={style.notifications}>\n      {keys.sort().map((key, index) => {\n        const { defaultMessage, id, visible = false, ...props } = queue[key];\n\n        return (\n          <Notification\n            {...props}\n            key={key}\n            wide\n            onClose={() => handleClose(key)}\n            className={styles(style.item, visible && style.visible)}\n            style={{ zIndex: keys.length - index }}\n          >\n            {translate({ id, defaultMessage })}\n          </Notification>\n        );\n      })}\n    </View>\n  );\n};\n\nNotifications.displayName = 'core:components:Notifications';\n\nNotifications.propTypes = {};\n\nexport { Notifications };\n"],"mappings":"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"}
+{"version":3,"file":"Core.Notifications.js","names":["_dataSources","require","_locale","_ui","_react","_interopRequireWildcard","style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","EVENT_NAME","queue","Notifications","translate","useLocale","setTimestamp","useState","value","session","authorization","useStore","useEffect","Event","subscribe","handleAdd","unsubscribe","notification","window","IS_PLAYWRIGHT","contrast","success","warning","id","concat","Date","getTime","Math","random","toFixed","visible","forceRender","setTimeout","parseMotion","handleClose","motionExpand","Theme","parseFloat","replace","keys","createElement","View","className","notifications","sort","map","index","defaultMessage","props","Notification","wide","onClose","styles","item","zIndex","exports","displayName","propTypes"],"sources":["../src/Core.Notifications.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Notification, styles, Theme, View } from '@mirai/ui';\nimport React, { useEffect, useState } from 'react';\n\nimport * as style from './Core.Notifications.module.css';\n\nconst EVENT_NAME = 'notification';\nlet queue = {};\n\nconst Notifications = () => {\n  const { translate } = useLocale();\n  const [, setTimestamp] = useState();\n  const {\n    value: { session: { authorization } = {} },\n  } = useStore();\n\n  useEffect(() => {\n    Event.subscribe(EVENT_NAME, handleAdd);\n    return () => Event.unsubscribe(EVENT_NAME, handleAdd);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    queue = {};\n  }, [authorization]);\n\n  const handleAdd = (notification) => {\n    if (!notification || window.IS_PLAYWRIGHT) return;\n\n    const { contrast, success, warning } = notification;\n    const id = `${new Date().getTime()}:${Math.random().toFixed(8)}`;\n\n    queue[id] = { ...notification, visible: false };\n    forceRender();\n\n    setTimeout(() => {\n      queue[id].visible = true;\n      forceRender();\n    }, parseMotion());\n\n    if (contrast || success || warning) setTimeout(() => handleClose(id), success ? 5000 : 10000);\n\n    return;\n  };\n\n  const handleClose = (id) => {\n    if (!queue[id]) return;\n\n    setTimestamp(() => {\n      queue[id].visible = false;\n\n      setTimeout(() => {\n        delete queue[id];\n        forceRender();\n      }, parseMotion());\n\n      return new Date().getTime();\n    });\n  };\n\n  const forceRender = () => setTimestamp(new Date().getTime());\n\n  const parseMotion = () => {\n    const { motionExpand = '0.3s' } = Theme.get();\n\n    return parseFloat(motionExpand.replace('s')) * 1000;\n  };\n\n  const keys = Object.keys(queue);\n\n  return (\n    <View className={style.notifications}>\n      {keys.sort().map((key, index) => {\n        const { defaultMessage, id, visible = false, ...props } = queue[key];\n\n        return (\n          <Notification\n            {...props}\n            key={key}\n            wide\n            onClose={() => handleClose(key)}\n            className={styles(style.item, visible && style.visible)}\n            style={{ zIndex: keys.length - index }}\n          >\n            {translate({ id, defaultMessage })}\n          </Notification>\n        );\n      })}\n    </View>\n  );\n};\n\nNotifications.displayName = 'core:components:Notifications';\n\nNotifications.propTypes = {};\n\nexport { Notifications };\n"],"mappings":"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"}

package/build/components/Booking/__tests__/__snapshots__/Booking.test.js.snap

@@ -2,7 +2,7 @@
 
 exports[`component:<Booking> inherit:className 1`] = `
 <DocumentFragment>
-  <ui-view
+  <ui-header
     class="view wide"
   >
     <ui-view
@@ -167,7 +167,7 @@ exports[`component:<Booking> inherit:className 1`] = `
         </ui-tooltip>
       </ui-view>
     </ui-view>
-  </ui-view>
+  </ui-header>
   <ui-view
     class="view mirai"
   >
@@ -281,7 +281,7 @@ exports[`component:<Booking> inherit:className 1`] = `
 
 exports[`component:<Booking> prop:skeleton 1`] = `
 <DocumentFragment>
-  <ui-view
+  <ui-header
     class="view wide"
   >
     <ui-view
@@ -446,7 +446,7 @@ exports[`component:<Booking> prop:skeleton 1`] = `
         </ui-tooltip>
       </ui-view>
     </ui-view>
-  </ui-view>
+  </ui-header>
   <ui-view
     class="view"
   >
@@ -560,7 +560,7 @@ exports[`component:<Booking> prop:skeleton 1`] = `
 
 exports[`component:<Booking> renders 1`] = `
 <DocumentFragment>
-  <ui-view
+  <ui-header
     class="view wide"
   >
     <ui-view
@@ -725,7 +725,7 @@ exports[`component:<Booking> renders 1`] = `
         </ui-tooltip>
       </ui-view>
     </ui-view>
-  </ui-view>
+  </ui-header>
   <ui-view
     class="view"
   >
@@ -839,7 +839,7 @@ exports[`component:<Booking> renders 1`] = `
 
 exports[`component:<Booking> testID 1`] = `
 <DocumentFragment>
-  <ui-view
+  <ui-header
     class="view wide"
   >
     <ui-view
@@ -1004,7 +1004,7 @@ exports[`component:<Booking> testID 1`] = `
         </ui-tooltip>
       </ui-view>
     </ui-view>
-  </ui-view>
+  </ui-header>
   <ui-view
     class="view"
     data-testid="mirai"
@@ -1119,7 +1119,7 @@ exports[`component:<Booking> testID 1`] = `
 
 exports[`component:<Booking> with a store 1`] = `
 <DocumentFragment>
-  <ui-view
+  <ui-header
     class="view wide"
   >
     <ui-view
@@ -1284,7 +1284,7 @@ exports[`component:<Booking> with a store 1`] = `
         </ui-tooltip>
       </ui-view>
     </ui-view>
-  </ui-view>
+  </ui-header>
   <ui-view
     class="view"
   >

package/build/components/Checkout/__tests__/__snapshots__/Checkout.test.js.snap

@@ -2,7 +2,7 @@
 
 exports[`component:<Checkout> Test A/B variant A 1`] = `
 <DocumentFragment>
-  <ui-view
+  <ui-header
     class="view wide"
   >
     <ui-view
@@ -167,7 +167,7 @@ exports[`component:<Checkout> Test A/B variant A 1`] = `
         </ui-tooltip>
       </ui-view>
     </ui-view>
-  </ui-view>
+  </ui-header>
   <ui-view
     class="view"
   >
@@ -264,7 +264,7 @@ exports[`component:<Checkout> Test A/B variant A 1`] = `
 
 exports[`component:<Checkout> Test A/B variant B 1`] = `
 <DocumentFragment>
-  <ui-view
+  <ui-header
     class="view wide"
   >
     <ui-view
@@ -429,7 +429,7 @@ exports[`component:<Checkout> Test A/B variant B 1`] = `
         </ui-tooltip>
       </ui-view>
     </ui-view>
-  </ui-view>
+  </ui-header>
   <ui-view
     class="view"
   >
@@ -526,7 +526,7 @@ exports[`component:<Checkout> Test A/B variant B 1`] = `
 
 exports[`component:<Checkout> inherit:className 1`] = `
 <DocumentFragment>
-  <ui-view
+  <ui-header
     class="view wide"
   >
     <ui-view
@@ -691,7 +691,7 @@ exports[`component:<Checkout> inherit:className 1`] = `
         </ui-tooltip>
       </ui-view>
     </ui-view>
-  </ui-view>
+  </ui-header>
   <ui-view
     class="view mirai"
   >
@@ -788,7 +788,7 @@ exports[`component:<Checkout> inherit:className 1`] = `
 
 exports[`component:<Checkout> prop:session (false) 1`] = `
 <DocumentFragment>
-  <ui-view
+  <ui-header
     class="view wide"
   >
     <ui-view
@@ -953,7 +953,7 @@ exports[`component:<Checkout> prop:session (false) 1`] = `
         </ui-tooltip>
       </ui-view>
     </ui-view>
-  </ui-view>
+  </ui-header>
   <ui-view
     class="view"
   >
@@ -1050,7 +1050,7 @@ exports[`component:<Checkout> prop:session (false) 1`] = `
 
 exports[`component:<Checkout> prop:skeleton 1`] = `
 <DocumentFragment>
-  <ui-view
+  <ui-header
     class="view wide"
   >
     <ui-view
@@ -1215,7 +1215,7 @@ exports[`component:<Checkout> prop:skeleton 1`] = `
         </ui-tooltip>
       </ui-view>
     </ui-view>
-  </ui-view>
+  </ui-header>
   <ui-view
     class="view"
   >
@@ -1312,7 +1312,7 @@ exports[`component:<Checkout> prop:skeleton 1`] = `
 
 exports[`component:<Checkout> renders 1`] = `
 <DocumentFragment>
-  <ui-view
+  <ui-header
     class="view wide"
   >
     <ui-view
@@ -1477,7 +1477,7 @@ exports[`component:<Checkout> renders 1`] = `
         </ui-tooltip>
       </ui-view>
     </ui-view>
-  </ui-view>
+  </ui-header>
   <ui-view
     class="view"
   >
@@ -1574,7 +1574,7 @@ exports[`component:<Checkout> renders 1`] = `
 
 exports[`component:<Checkout> testID 1`] = `
 <DocumentFragment>
-  <ui-view
+  <ui-header
     class="view wide"
   >
     <ui-view
@@ -1739,7 +1739,7 @@ exports[`component:<Checkout> testID 1`] = `
         </ui-tooltip>
       </ui-view>
     </ui-view>
-  </ui-view>
+  </ui-header>
   <ui-view
     class="view"
     data-testid="mirai"
@@ -1837,7 +1837,7 @@ exports[`component:<Checkout> testID 1`] = `
 
 exports[`component:<Checkout> with a store 1`] = `
 <DocumentFragment>
-  <ui-view
+  <ui-header
     class="view wide"
   >
     <ui-view
@@ -2002,7 +2002,7 @@ exports[`component:<Checkout> with a store 1`] = `
         </ui-tooltip>
       </ui-view>
     </ui-view>
-  </ui-view>
+  </ui-header>
   <ui-view
     class="view"
   >

package/build/components/Header/Header.js

@@ -102,6 +102,7 @@ const Header = _ref => {
     type
   }) : '', " ").concat(name)) === null || _ref2 === void 0 ? void 0 : _ref2.trim();
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    tag: "header",
     wide: true,
     testId: others.testId,
     className: (0, _ui.styles)(style.header, others.className)

package/build/components/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_components","_Header","_Header2","style","_shared__","_helpers","_Session","_SessionLogin","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","hasTracking","Header","_ref","_ref2","currency","showCurrency","locale","showLocale","login","showLogin","ghost","name","showName","others","isMobile","isDesktop","useDevice","track","useMetrics","translate","useLocale","value","finder","place","id","placeId","isHotel","title","placeName","hotel","features","url","session","useStore","modal","setModal","useState","useEffect","ServiceFeatures","FEATURE_HEADER_TRACKING","callback","visible","undefined","Event","subscribe","EVENT","LOGIN","unsubscribe","handleClose","handleLogin","concat","TRACKING","handleUrl","window","location","logo","type","largeName","nameProps","action","small","fullName","L10N","LABEL_PROPERTY_TYPE","trim","createElement","Fragment","View","wide","testId","className","styles","header","row","content","main","Pressable","onPress","dangerouslySetInnerHTML","__html","outerHTML","alt","tag","src","image","Text","bold","brand","textName","BookingProcess","noPrint","options","SelectEnvironment","compacted","headerMode","Account","Icon","headline","level","ICON","ACCOUNT","medium","ACTION_LOGIN","Modal","onClose","onSuccess","extra","exports","displayName","propTypes","PropTypes","bool","any","skeleton"],"sources":["../../../src/components/Header/Header.jsx"],"sourcesContent":["import { Event, useMetrics, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { ServiceFeatures } from '@mirai/services';\nimport { Icon, Pressable, Text, useDevice, styles, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { BookingProcess } from './components';\nimport { FEATURE_HEADER_TRACKING, TRACKING } from './Header.constants';\nimport { L10N } from './Header.l10n';\nimport * as style from './Header.module.css';\nimport { SelectEnvironment } from '../__shared__';\nimport { EVENT, ICON } from '../helpers';\nimport { Account } from '../Session/Session.Account';\nimport { Modal as ModalLogin } from '../Session/Session.Login.Modal';\n\nlet hasTracking = false;\n\nconst Header = ({\n  currency: showCurrency = false,\n  locale: showLocale = true,\n  login: showLogin = false,\n  ghost,\n  name: showName,\n  ...others\n}) => {\n  const { isMobile, isDesktop } = useDevice();\n  const { track } = useMetrics();\n  const { translate } = useLocale();\n  const {\n    value: {\n      finder: { place: { id: [placeId] = [], isHotel, title: placeName } = {} } = {},\n      hotel: { features = {}, url } = {},\n      id,\n      locale,\n      session,\n    } = {},\n  } = useStore();\n\n  const [modal, setModal] = useState(false);\n\n  useEffect(() => {\n    hasTracking = ServiceFeatures.get(FEATURE_HEADER_TRACKING, id);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    const callback = ({ visible = true } = {}) => setModal(visible);\n\n    Event.subscribe(EVENT.LOGIN, callback);\n    return () => Event.unsubscribe(EVENT.LOGIN, callback);\n  }, []);\n\n  const handleClose = () => setModal(false);\n\n  const handleLogin = () => {\n    hasTracking && track(`${TRACKING}:ACTION:SHOW_LOGIN`, { locale });\n    setModal(true);\n  };\n\n  const handleUrl = () => {\n    window.location = url;\n  };\n\n  const { logo, name, type } = (placeId ? (isHotel ? features[placeId] : { name: placeName }) : features[id]) || {};\n  const largeName = name?.length > 32;\n  const nameProps = { action: (largeName && !isMobile) || (isMobile && !largeName), small: largeName && isMobile };\n  const fullName = `${type ? translate(L10N.LABEL_PROPERTY_TYPE, { type }) : ''} ${name}`?.trim();\n\n  return (\n    <>\n      <View wide testId={others.testId} className={styles(style.header, others.className)}>\n        <View row wide className={style.content}>\n          <View row className={style.main}>\n            {(logo || ghost || (!logo && name)) && (\n              <Pressable onPress={url ? handleUrl : undefined}>\n                {ghost ? (\n                  <View dangerouslySetInnerHTML={{ __html: ghost.outerHTML }} />\n                ) : logo ? (\n                  <View alt={fullName} tag=\"img\" src={logo} className={style.image} />\n                ) : (\n                  <Text {...nameProps} bold brand className={style.textName}>\n                    {fullName}\n                  </Text>\n                )}\n              </Pressable>\n            )}\n\n            {isDesktop && <BookingProcess className={style.noPrint} />}\n          </View>\n\n          <View row className={[style.options, style.noPrint]}>\n            {showLocale && <SelectEnvironment compacted={isMobile} headerMode name=\"locale\" />}\n            {showCurrency && <SelectEnvironment compacted={isMobile} headerMode name=\"currency\" />}\n            {showLogin && (\n              <>\n                {session ? (\n                  <Account compacted />\n                ) : (\n                  <>\n                    <Pressable onPress={handleLogin} className={style.login}>\n                      <View row>\n                        <Icon headline level={2} value={ICON.ACCOUNT} />\n\n                        {!isMobile && (\n                          <Text action medium>\n                            {translate(L10N.ACTION_LOGIN)}\n                          </Text>\n                        )}\n                      </View>\n                    </Pressable>\n                    <ModalLogin visible={modal} onClose={handleClose} onSuccess={handleClose} />\n                  </>\n                )}\n              </>\n            )}\n          </View>\n        </View>\n      </View>\n\n      {showName && logo && name && (\n        <View className={styles(style.header, style.extra, others.className)}>\n          <View row wide className={style.content}>\n            <Text {...nameProps}>{fullName}</Text>\n          </View>\n        </View>\n      )}\n\n      {!isDesktop && <BookingProcess />}\n    </>\n  );\n};\n\nHeader.displayName = 'Mirai:Core:Header';\n\nHeader.propTypes = {\n  currency: PropTypes.bool,\n  ghost: PropTypes.any,\n  locale: PropTypes.bool,\n  login: PropTypes.bool,\n  name: PropTypes.bool,\n  skeleton: PropTypes.bool,\n};\n\nexport { Header };\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,GAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,MAAA,GAAAC,uBAAA,CAAAP,OAAA;AAEA,IAAAQ,WAAA,GAAAR,OAAA;AACA,IAAAS,OAAA,GAAAT,OAAA;AACA,IAAAU,QAAA,GAAAV,OAAA;AACA,IAAAW,KAAA,GAAAJ,uBAAA,CAAAP,OAAA;AACA,IAAAY,SAAA,GAAAZ,OAAA;AACA,IAAAa,QAAA,GAAAb,OAAA;AACA,IAAAc,QAAA,GAAAd,OAAA;AACA,IAAAe,aAAA,GAAAf,OAAA;AAAqE,SAAAgB,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAV,wBAAAU,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAApB,uBAAAgC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAhB,UAAA,GAAAgB,GAAA,KAAAf,OAAA,EAAAe,GAAA;AAAA,SAAAC,SAAA,IAAAA,QAAA,GAAAV,MAAA,CAAAW,MAAA,GAAAX,MAAA,CAAAW,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAN,CAAA,MAAAA,CAAA,GAAAO,SAAA,CAAAC,MAAA,EAAAR,CAAA,UAAAS,MAAA,GAAAF,SAAA,CAAAP,CAAA,YAAAU,GAAA,IAAAD,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAErE,IAAIK,WAAW,GAAG,KAAK;AAEvB,MAAMC,MAAM,GAAGC,IAAA,IAOT;EAAA,IAAAC,KAAA;EAAA,IAPU;IACdC,QAAQ,EAAEC,YAAY,GAAG,KAAK;IAC9BC,MAAM,EAAEC,UAAU,GAAG,IAAI;IACzBC,KAAK,EAAEC,SAAS,GAAG,KAAK;IACxBC,KAAK;IACLC,IAAI,EAAEC,QAAQ;IACd,GAAGC;EACL,CAAC,GAAAX,IAAA;EACC,MAAM;IAAEY,QAAQ;IAAEC;EAAU,CAAC,GAAG,IAAAC,aAAS,EAAC,CAAC;EAC3C,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,uBAAU,EAAC,CAAC;EAC9B,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EACjC,MAAM;IACJC,KAAK,EAAE;MACLC,MAAM,EAAE;QAAEC,KAAK,EAAE;UAAEC,EAAE,EAAE,CAACC,OAAO,CAAC,GAAG,EAAE;UAAEC,OAAO;UAAEC,KAAK,EAAEC;QAAU,CAAC,GAAG,CAAC;MAAE,CAAC,GAAG,CAAC,CAAC;MAC9EC,KAAK,EAAE;QAAEC,QAAQ,GAAG,CAAC,CAAC;QAAEC;MAAI,CAAC,GAAG,CAAC,CAAC;MAClCP,EAAE;MACFlB,MAAM;MACN0B;IACF,CAAC,GAAG,CAAC;EACP,CAAC,GAAG,IAAAC,qBAAQ,EAAC,CAAC;EAEd,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAEzC,IAAAC,gBAAS,EAAC,MAAM;IACdrC,WAAW,GAAGsC,yBAAe,CAAC7D,GAAG,CAAC8D,+BAAuB,EAAEf,EAAE,CAAC;IAC9D;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAa,gBAAS,EAAC,MAAM;IACd,MAAMG,QAAQ,GAAG,SAAAA,CAAA;MAAA,IAAC;QAAEC,OAAO,GAAG;MAAK,CAAC,GAAA9C,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAA+C,SAAA,GAAA/C,SAAA,MAAG,CAAC,CAAC;MAAA,OAAKwC,QAAQ,CAACM,OAAO,CAAC;IAAA;IAE/DE,kBAAK,CAACC,SAAS,CAACC,cAAK,CAACC,KAAK,EAAEN,QAAQ,CAAC;IACtC,OAAO,MAAMG,kBAAK,CAACI,WAAW,CAACF,cAAK,CAACC,KAAK,EAAEN,QAAQ,CAAC;EACvD,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMQ,WAAW,GAAGA,CAAA,KAAMb,QAAQ,CAAC,KAAK,CAAC;EAEzC,MAAMc,WAAW,GAAGA,CAAA,KAAM;IACxBjD,WAAW,IAAIiB,KAAK,IAAAiC,MAAA,CAAIC,gBAAQ,yBAAsB;MAAE7C;IAAO,CAAC,CAAC;IACjE6B,QAAQ,CAAC,IAAI,CAAC;EAChB,CAAC;EAED,MAAMiB,SAAS,GAAGA,CAAA,KAAM;IACtBC,MAAM,CAACC,QAAQ,GAAGvB,GAAG;EACvB,CAAC;EAED,MAAM;IAAEwB,IAAI;IAAE5C,IAAI;IAAE6C;EAAK,CAAC,GAAG,CAAC/B,OAAO,GAAIC,OAAO,GAAGI,QAAQ,CAACL,OAAO,CAAC,GAAG;IAAEd,IAAI,EAAEiB;EAAU,CAAC,GAAIE,QAAQ,CAACN,EAAE,CAAC,KAAK,CAAC,CAAC;EACjH,MAAMiC,SAAS,GAAG,CAAA9C,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEf,MAAM,IAAG,EAAE;EACnC,MAAM8D,SAAS,GAAG;IAAEC,MAAM,EAAGF,SAAS,IAAI,CAAC3C,QAAQ,IAAMA,QAAQ,IAAI,CAAC2C,SAAU;IAAEG,KAAK,EAAEH,SAAS,IAAI3C;EAAS,CAAC;EAChH,MAAM+C,QAAQ,IAAA1D,KAAA,MAAA+C,MAAA,CAAMM,IAAI,GAAGrC,SAAS,CAAC2C,aAAI,CAACC,mBAAmB,EAAE;IAAEP;EAAK,CAAC,CAAC,GAAG,EAAE,OAAAN,MAAA,CAAIvC,IAAI,eAAAR,KAAA,uBAApEA,KAAA,CAAwE6D,IAAI,CAAC,CAAC;EAE/F,oBACEzG,MAAA,CAAAgB,OAAA,CAAA0F,aAAA,CAAA1G,MAAA,CAAAgB,OAAA,CAAA2F,QAAA,qBACE3G,MAAA,CAAAgB,OAAA,CAAA0F,aAAA,CAAC7G,GAAA,CAAA+G,IAAI;IAACC,IAAI;IAACC,MAAM,EAAExD,MAAM,CAACwD,MAAO;IAACC,SAAS,EAAE,IAAAC,UAAM,EAAC3G,KAAK,CAAC4G,MAAM,EAAE3D,MAAM,CAACyD,SAAS;EAAE,gBAClF/G,MAAA,CAAAgB,OAAA,CAAA0F,aAAA,CAAC7G,GAAA,CAAA+G,IAAI;IAACM,GAAG;IAACL,IAAI;IAACE,SAAS,EAAE1G,KAAK,CAAC8G;EAAQ,gBACtCnH,MAAA,CAAAgB,OAAA,CAAA0F,aAAA,CAAC7G,GAAA,CAAA+G,IAAI;IAACM,GAAG;IAACH,SAAS,EAAE1G,KAAK,CAAC+G;EAAK,GAC7B,CAACpB,IAAI,IAAI7C,KAAK,IAAK,CAAC6C,IAAI,IAAI5C,IAAK,kBAChCpD,MAAA,CAAAgB,OAAA,CAAA0F,aAAA,CAAC7G,GAAA,CAAAwH,SAAS;IAACC,OAAO,EAAE9C,GAAG,GAAGqB,SAAS,GAAGV;EAAU,GAC7ChC,KAAK,gBACJnD,MAAA,CAAAgB,OAAA,CAAA0F,aAAA,CAAC7G,GAAA,CAAA+G,IAAI;IAACW,uBAAuB,EAAE;MAAEC,MAAM,EAAErE,KAAK,CAACsE;IAAU;EAAE,CAAE,CAAC,GAC5DzB,IAAI,gBACNhG,MAAA,CAAAgB,OAAA,CAAA0F,aAAA,CAAC7G,GAAA,CAAA+G,IAAI;IAACc,GAAG,EAAEpB,QAAS;IAACqB,GAAG,EAAC,KAAK;IAACC,GAAG,EAAE5B,IAAK;IAACe,SAAS,EAAE1G,KAAK,CAACwH;EAAM,CAAE,CAAC,gBAEpE7H,MAAA,CAAAgB,OAAA,CAAA0F,aAAA,CAAC7G,GAAA,CAAAiI,IAAI,EAAA9F,QAAA,KAAKmE,SAAS;IAAE4B,IAAI;IAACC,KAAK;IAACjB,SAAS,EAAE1G,KAAK,CAAC4H;EAAS,IACvD3B,QACG,CAEC,CACZ,EAEA9C,SAAS,iBAAIxD,MAAA,CAAAgB,OAAA,CAAA0F,aAAA,CAACxG,WAAA,CAAAgI,cAAc;IAACnB,SAAS,EAAE1G,KAAK,CAAC8H;EAAQ,CAAE,CACrD,CAAC,eAEPnI,MAAA,CAAAgB,OAAA,CAAA0F,aAAA,CAAC7G,GAAA,CAAA+G,IAAI;IAACM,GAAG;IAACH,SAAS,EAAE,CAAC1G,KAAK,CAAC+H,OAAO,EAAE/H,KAAK,CAAC8H,OAAO;EAAE,GACjDnF,UAAU,iBAAIhD,MAAA,CAAAgB,OAAA,CAAA0F,aAAA,CAACpG,SAAA,CAAA+H,iBAAiB;IAACC,SAAS,EAAE/E,QAAS;IAACgF,UAAU;IAACnF,IAAI,EAAC;EAAQ,CAAE,CAAC,EACjFN,YAAY,iBAAI9C,MAAA,CAAAgB,OAAA,CAAA0F,aAAA,CAACpG,SAAA,CAAA+H,iBAAiB;IAACC,SAAS,EAAE/E,QAAS;IAACgF,UAAU;IAACnF,IAAI,EAAC;EAAU,CAAE,CAAC,EACrFF,SAAS,iBACRlD,MAAA,CAAAgB,OAAA,CAAA0F,aAAA,CAAA1G,MAAA,CAAAgB,OAAA,CAAA2F,QAAA,QACGlC,OAAO,gBACNzE,MAAA,CAAAgB,OAAA,CAAA0F,aAAA,CAAClG,QAAA,CAAAgI,OAAO;IAACF,SAAS;EAAA,CAAE,CAAC,gBAErBtI,MAAA,CAAAgB,OAAA,CAAA0F,aAAA,CAAA1G,MAAA,CAAAgB,OAAA,CAAA2F,QAAA,qBACE3G,MAAA,CAAAgB,OAAA,CAAA0F,aAAA,CAAC7G,GAAA,CAAAwH,SAAS;IAACC,OAAO,EAAE5B,WAAY;IAACqB,SAAS,EAAE1G,KAAK,CAAC4C;EAAM,gBACtDjD,MAAA,CAAAgB,OAAA,CAAA0F,aAAA,CAAC7G,GAAA,CAAA+G,IAAI;IAACM,GAAG;EAAA,gBACPlH,MAAA,CAAAgB,OAAA,CAAA0F,aAAA,CAAC7G,GAAA,CAAA4I,IAAI;IAACC,QAAQ;IAACC,KAAK,EAAE,CAAE;IAAC7E,KAAK,EAAE8E,aAAI,CAACC;EAAQ,CAAE,CAAC,EAE/C,CAACtF,QAAQ,iBACRvD,MAAA,CAAAgB,OAAA,CAAA0F,aAAA,CAAC7G,GAAA,CAAAiI,IAAI;IAAC1B,MAAM;IAAC0C,MAAM;EAAA,GAChBlF,SAAS,CAAC2C,aAAI,CAACwC,YAAY,CACxB,CAEJ,CACG,CAAC,eACZ/I,MAAA,CAAAgB,OAAA,CAAA0F,aAAA,CAACjG,aAAA,CAAAuI,KAAU;IAAC9D,OAAO,EAAEP,KAAM;IAACsE,OAAO,EAAExD,WAAY;IAACyD,SAAS,EAAEzD;EAAY,CAAE,CAC3E,CAEJ,CAEA,CACF,CACF,CAAC,EAENpC,QAAQ,IAAI2C,IAAI,IAAI5C,IAAI,iBACvBpD,MAAA,CAAAgB,OAAA,CAAA0F,aAAA,CAAC7G,GAAA,CAAA+G,IAAI;IAACG,SAAS,EAAE,IAAAC,UAAM,EAAC3G,KAAK,CAAC4G,MAAM,EAAE5G,KAAK,CAAC8I,KAAK,EAAE7F,MAAM,CAACyD,SAAS;EAAE,gBACnE/G,MAAA,CAAAgB,OAAA,CAAA0F,aAAA,CAAC7G,GAAA,CAAA+G,IAAI;IAACM,GAAG;IAACL,IAAI;IAACE,SAAS,EAAE1G,KAAK,CAAC8G;EAAQ,gBACtCnH,MAAA,CAAAgB,OAAA,CAAA0F,aAAA,CAAC7G,GAAA,CAAAiI,IAAI,EAAK3B,SAAS,EAAGG,QAAe,CACjC,CACF,CACP,EAEA,CAAC9C,SAAS,iBAAIxD,MAAA,CAAAgB,OAAA,CAAA0F,aAAA,CAACxG,WAAA,CAAAgI,cAAc,MAAE,CAChC,CAAC;AAEP,CAAC;AAACkB,OAAA,CAAA1G,MAAA,GAAAA,MAAA;AAEFA,MAAM,CAAC2G,WAAW,GAAG,mBAAmB;AAExC3G,MAAM,CAAC4G,SAAS,GAAG;EACjBzG,QAAQ,EAAE0G,kBAAS,CAACC,IAAI;EACxBrG,KAAK,EAAEoG,kBAAS,CAACE,GAAG;EACpB1G,MAAM,EAAEwG,kBAAS,CAACC,IAAI;EACtBvG,KAAK,EAAEsG,kBAAS,CAACC,IAAI;EACrBpG,IAAI,EAAEmG,kBAAS,CAACC,IAAI;EACpBE,QAAQ,EAAEH,kBAAS,CAACC;AACtB,CAAC"}
+{"version":3,"file":"Header.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_components","_Header","_Header2","style","_shared__","_helpers","_Session","_SessionLogin","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","hasTracking","Header","_ref","_ref2","currency","showCurrency","locale","showLocale","login","showLogin","ghost","name","showName","others","isMobile","isDesktop","useDevice","track","useMetrics","translate","useLocale","value","finder","place","id","placeId","isHotel","title","placeName","hotel","features","url","session","useStore","modal","setModal","useState","useEffect","ServiceFeatures","FEATURE_HEADER_TRACKING","callback","visible","undefined","Event","subscribe","EVENT","LOGIN","unsubscribe","handleClose","handleLogin","concat","TRACKING","handleUrl","window","location","logo","type","largeName","nameProps","action","small","fullName","L10N","LABEL_PROPERTY_TYPE","trim","createElement","Fragment","View","tag","wide","testId","className","styles","header","row","content","main","Pressable","onPress","dangerouslySetInnerHTML","__html","outerHTML","alt","src","image","Text","bold","brand","textName","BookingProcess","noPrint","options","SelectEnvironment","compacted","headerMode","Account","Icon","headline","level","ICON","ACCOUNT","medium","ACTION_LOGIN","Modal","onClose","onSuccess","extra","exports","displayName","propTypes","PropTypes","bool","any","skeleton"],"sources":["../../../src/components/Header/Header.jsx"],"sourcesContent":["import { Event, useMetrics, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { ServiceFeatures } from '@mirai/services';\nimport { Icon, Pressable, Text, useDevice, styles, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { BookingProcess } from './components';\nimport { FEATURE_HEADER_TRACKING, TRACKING } from './Header.constants';\nimport { L10N } from './Header.l10n';\nimport * as style from './Header.module.css';\nimport { SelectEnvironment } from '../__shared__';\nimport { EVENT, ICON } from '../helpers';\nimport { Account } from '../Session/Session.Account';\nimport { Modal as ModalLogin } from '../Session/Session.Login.Modal';\n\nlet hasTracking = false;\n\nconst Header = ({\n  currency: showCurrency = false,\n  locale: showLocale = true,\n  login: showLogin = false,\n  ghost,\n  name: showName,\n  ...others\n}) => {\n  const { isMobile, isDesktop } = useDevice();\n  const { track } = useMetrics();\n  const { translate } = useLocale();\n  const {\n    value: {\n      finder: { place: { id: [placeId] = [], isHotel, title: placeName } = {} } = {},\n      hotel: { features = {}, url } = {},\n      id,\n      locale,\n      session,\n    } = {},\n  } = useStore();\n\n  const [modal, setModal] = useState(false);\n\n  useEffect(() => {\n    hasTracking = ServiceFeatures.get(FEATURE_HEADER_TRACKING, id);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    const callback = ({ visible = true } = {}) => setModal(visible);\n\n    Event.subscribe(EVENT.LOGIN, callback);\n    return () => Event.unsubscribe(EVENT.LOGIN, callback);\n  }, []);\n\n  const handleClose = () => setModal(false);\n\n  const handleLogin = () => {\n    hasTracking && track(`${TRACKING}:ACTION:SHOW_LOGIN`, { locale });\n    setModal(true);\n  };\n\n  const handleUrl = () => {\n    window.location = url;\n  };\n\n  const { logo, name, type } = (placeId ? (isHotel ? features[placeId] : { name: placeName }) : features[id]) || {};\n  const largeName = name?.length > 32;\n  const nameProps = { action: (largeName && !isMobile) || (isMobile && !largeName), small: largeName && isMobile };\n  const fullName = `${type ? translate(L10N.LABEL_PROPERTY_TYPE, { type }) : ''} ${name}`?.trim();\n\n  return (\n    <>\n      <View tag=\"header\" wide testId={others.testId} className={styles(style.header, others.className)}>\n        <View row wide className={style.content}>\n          <View row className={style.main}>\n            {(logo || ghost || (!logo && name)) && (\n              <Pressable onPress={url ? handleUrl : undefined}>\n                {ghost ? (\n                  <View dangerouslySetInnerHTML={{ __html: ghost.outerHTML }} />\n                ) : logo ? (\n                  <View alt={fullName} tag=\"img\" src={logo} className={style.image} />\n                ) : (\n                  <Text {...nameProps} bold brand className={style.textName}>\n                    {fullName}\n                  </Text>\n                )}\n              </Pressable>\n            )}\n\n            {isDesktop && <BookingProcess className={style.noPrint} />}\n          </View>\n\n          <View row className={[style.options, style.noPrint]}>\n            {showLocale && <SelectEnvironment compacted={isMobile} headerMode name=\"locale\" />}\n            {showCurrency && <SelectEnvironment compacted={isMobile} headerMode name=\"currency\" />}\n            {showLogin && (\n              <>\n                {session ? (\n                  <Account compacted />\n                ) : (\n                  <>\n                    <Pressable onPress={handleLogin} className={style.login}>\n                      <View row>\n                        <Icon headline level={2} value={ICON.ACCOUNT} />\n\n                        {!isMobile && (\n                          <Text action medium>\n                            {translate(L10N.ACTION_LOGIN)}\n                          </Text>\n                        )}\n                      </View>\n                    </Pressable>\n                    <ModalLogin visible={modal} onClose={handleClose} onSuccess={handleClose} />\n                  </>\n                )}\n              </>\n            )}\n          </View>\n        </View>\n      </View>\n\n      {showName && logo && name && (\n        <View className={styles(style.header, style.extra, others.className)}>\n          <View row wide className={style.content}>\n            <Text {...nameProps}>{fullName}</Text>\n          </View>\n        </View>\n      )}\n\n      {!isDesktop && <BookingProcess />}\n    </>\n  );\n};\n\nHeader.displayName = 'Mirai:Core:Header';\n\nHeader.propTypes = {\n  currency: PropTypes.bool,\n  ghost: PropTypes.any,\n  locale: PropTypes.bool,\n  login: PropTypes.bool,\n  name: PropTypes.bool,\n  skeleton: PropTypes.bool,\n};\n\nexport { Header };\n"],"mappings":"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"}

package/build/components/Profile/components/Bookings/Bookings.Search.js

@@ -42,11 +42,9 @@ const Search = _ref => {
     }
   };
   const handlePress = event => {
+    setVisible(false);
     onChange(value, event);
   };
-  const handleToggle = () => {
-    setVisible(!visible);
-  };
   return /*#__PURE__*/_react.default.createElement(_ui.Menu, {
     options: [{
       children: /*#__PURE__*/_react.default.createElement(_ui.View, {
@@ -63,7 +61,8 @@ const Search = _ref => {
         disabled: !value,
         wide: true,
         onPress: handlePress,
-        className: style.button
+        className: style.button,
+        testId: "button-search"
       }, translate(_Bookings.L10N.ACTION_SEARCH_CTA)), /*#__PURE__*/_react.default.createElement(_ui.Text, {
         bold: true,
         small: true
@@ -72,11 +71,13 @@ const Search = _ref => {
       }, translate(_Bookings.L10N.LABEL_RESERVATION_CODE_DESCRIPTION)))
     }],
     visible: visible,
-    onPress: handleToggle,
-    className: style.search
+    onPress: () => setVisible(false),
+    className: style.search,
+    testId: "menu-search-bookings"
   }, /*#__PURE__*/_react.default.createElement(_ui.Action, {
-    onPress: handleToggle,
-    className: style.actionSearch
+    onPress: () => setVisible(true),
+    className: style.actionSearch,
+    testId: "show-search"
   }, translate(_Bookings.L10N.ACTION_SEARCH)));
 };
 exports.Search = Search;