@mirai/core 0.2.19 → 0.3.1

package/build/components/Profile/Profile.l10n.js

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.L10N = void 0;
+var L10N = exports.L10N = {
+  ACTION_BOOKINGS: {
+    id: 'user.action.view_bookings'
+  },
+  ACTION_PROFILE: {
+    id: 'user.action.view_profile'
+  },
+  ACTION_SIGNOUT_CANCEL: {
+    id: 'common.action.close'
+  },
+  BUTTON_SIGNOUT: {
+    id: 'user.action.delete_account'
+  },
+  COUNTRY_LABEL: {
+    id: 'user.label.country'
+  },
+  COUNTRY_PLACEHOLDER: {
+    id: 'common.label.select'
+  },
+  CTA_SIGNOUT: {
+    id: 'user.action.delete_account'
+  },
+  CTA_ACCOUNT: {
+    id: 'user.action.save_info'
+  },
+  CTA_PASSWORD: {
+    id: 'user.action.save_password'
+  },
+  CTA_SIGNUP: {
+    id: 'user.action.signup_again'
+  },
+  DATEOFBIRTH_LABEL: {
+    id: 'user.label.date_of_birth'
+  },
+  DATEOFBIRTH_ERROR: {
+    id: 'user.label.date_of_birth_error'
+  },
+  DESCRIPTION_ACCOUNT: {
+    id: 'user.label.description_account'
+  },
+  DESCRIPTION_PASSWORD: {
+    id: 'user.label.description_password'
+  },
+  DESCRIPTION_SIGNOUT: {
+    id: 'user.label.description_delete_account'
+  },
+  DESCRIPTION_SIGNOUT_MODAL: {
+    id: 'user.label.modal_delete_account'
+  },
+  DESCRIPTION_SIGNOUT_MODAL_SUCCESS: {
+    id: 'user.label.account_deleted'
+  },
+  EMAIL_LABEL: {
+    id: 'common.label.email'
+  },
+  FIRSTNAME_LABEL: {
+    id: 'common.label.name'
+  },
+  LASTNAME_LABEL: {
+    id: 'common.label.lastname'
+  },
+  PASSWORD_LABEL: {
+    id: 'common.label.password'
+  },
+  PASSWORD_HINT: {
+    id: 'user.label.password_hint'
+  },
+  PASSWORD_NEW_LABEL: {
+    id: 'user.label.new_password'
+  },
+  SUBSCRIBED_LABEL: {
+    id: 'user.label.subscribe'
+  },
+  TITLE_SIGNOUT: {
+    id: 'user.label.delete_account'
+  },
+  // Notifications
+  SUCCESS_ACCOUNT: {
+    id: 'user.notification.update_account_success'
+  },
+  SUCCESS_PASSWORD: {
+    id: 'user.notification.update_password_success'
+  },
+  SUCCESS_SIGNOUT: {
+    id: 'user.notification.delete_account_success'
+  },
+  ERROR: {
+    id: 'common.notification.network_error'
+  },
+  ERROR_PASSWORD: {
+    id: 'common.notification.password_error'
+  }
+};
+//# sourceMappingURL=Profile.l10n.js.map

package/build/components/Profile/Profile.l10n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Profile.l10n.js","names":["L10N","exports","ACTION_BOOKINGS","id","ACTION_PROFILE","ACTION_SIGNOUT_CANCEL","BUTTON_SIGNOUT","COUNTRY_LABEL","COUNTRY_PLACEHOLDER","CTA_SIGNOUT","CTA_ACCOUNT","CTA_PASSWORD","CTA_SIGNUP","DATEOFBIRTH_LABEL","DATEOFBIRTH_ERROR","DESCRIPTION_ACCOUNT","DESCRIPTION_PASSWORD","DESCRIPTION_SIGNOUT","DESCRIPTION_SIGNOUT_MODAL","DESCRIPTION_SIGNOUT_MODAL_SUCCESS","EMAIL_LABEL","FIRSTNAME_LABEL","LASTNAME_LABEL","PASSWORD_LABEL","PASSWORD_HINT","PASSWORD_NEW_LABEL","SUBSCRIBED_LABEL","TITLE_SIGNOUT","SUCCESS_ACCOUNT","SUCCESS_PASSWORD","SUCCESS_SIGNOUT","ERROR","ERROR_PASSWORD"],"sources":["../../../src/components/Profile/Profile.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_BOOKINGS: { id: 'user.action.view_bookings' },\n  ACTION_PROFILE: { id: 'user.action.view_profile' },\n  ACTION_SIGNOUT_CANCEL: { id: 'common.action.close' },\n\n  BUTTON_SIGNOUT: { id: 'user.action.delete_account' },\n\n  COUNTRY_LABEL: { id: 'user.label.country' },\n  COUNTRY_PLACEHOLDER: { id: 'common.label.select' },\n  CTA_SIGNOUT: { id: 'user.action.delete_account' },\n  CTA_ACCOUNT: { id: 'user.action.save_info' },\n  CTA_PASSWORD: { id: 'user.action.save_password' },\n  CTA_SIGNUP: { id: 'user.action.signup_again' },\n\n  DATEOFBIRTH_LABEL: { id: 'user.label.date_of_birth' },\n  DATEOFBIRTH_ERROR: { id: 'user.label.date_of_birth_error' },\n  DESCRIPTION_ACCOUNT: { id: 'user.label.description_account' },\n  DESCRIPTION_PASSWORD: { id: 'user.label.description_password' },\n  DESCRIPTION_SIGNOUT: { id: 'user.label.description_delete_account' },\n  DESCRIPTION_SIGNOUT_MODAL: { id: 'user.label.modal_delete_account' },\n  DESCRIPTION_SIGNOUT_MODAL_SUCCESS: { id: 'user.label.account_deleted' },\n\n  EMAIL_LABEL: { id: 'common.label.email' },\n\n  FIRSTNAME_LABEL: { id: 'common.label.name' },\n\n  LASTNAME_LABEL: { id: 'common.label.lastname' },\n\n  PASSWORD_LABEL: { id: 'common.label.password' },\n  PASSWORD_HINT: { id: 'user.label.password_hint' },\n  PASSWORD_NEW_LABEL: { id: 'user.label.new_password' },\n\n  SUBSCRIBED_LABEL: { id: 'user.label.subscribe' },\n\n  TITLE_SIGNOUT: { id: 'user.label.delete_account' },\n\n  // Notifications\n  SUCCESS_ACCOUNT: { id: 'user.notification.update_account_success' },\n  SUCCESS_PASSWORD: { id: 'user.notification.update_password_success' },\n  SUCCESS_SIGNOUT: { id: 'user.notification.delete_account_success' },\n\n  ERROR: { id: 'common.notification.network_error' },\n  ERROR_PASSWORD: { id: 'common.notification.password_error' },\n};\n"],"mappings":";;;;;;AAAO,IAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,eAAe,EAAE;IAAEC,EAAE,EAAE;EAA4B,CAAC;EACpDC,cAAc,EAAE;IAAED,EAAE,EAAE;EAA2B,CAAC;EAClDE,qBAAqB,EAAE;IAAEF,EAAE,EAAE;EAAsB,CAAC;EAEpDG,cAAc,EAAE;IAAEH,EAAE,EAAE;EAA6B,CAAC;EAEpDI,aAAa,EAAE;IAAEJ,EAAE,EAAE;EAAqB,CAAC;EAC3CK,mBAAmB,EAAE;IAAEL,EAAE,EAAE;EAAsB,CAAC;EAClDM,WAAW,EAAE;IAAEN,EAAE,EAAE;EAA6B,CAAC;EACjDO,WAAW,EAAE;IAAEP,EAAE,EAAE;EAAwB,CAAC;EAC5CQ,YAAY,EAAE;IAAER,EAAE,EAAE;EAA4B,CAAC;EACjDS,UAAU,EAAE;IAAET,EAAE,EAAE;EAA2B,CAAC;EAE9CU,iBAAiB,EAAE;IAAEV,EAAE,EAAE;EAA2B,CAAC;EACrDW,iBAAiB,EAAE;IAAEX,EAAE,EAAE;EAAiC,CAAC;EAC3DY,mBAAmB,EAAE;IAAEZ,EAAE,EAAE;EAAiC,CAAC;EAC7Da,oBAAoB,EAAE;IAAEb,EAAE,EAAE;EAAkC,CAAC;EAC/Dc,mBAAmB,EAAE;IAAEd,EAAE,EAAE;EAAwC,CAAC;EACpEe,yBAAyB,EAAE;IAAEf,EAAE,EAAE;EAAkC,CAAC;EACpEgB,iCAAiC,EAAE;IAAEhB,EAAE,EAAE;EAA6B,CAAC;EAEvEiB,WAAW,EAAE;IAAEjB,EAAE,EAAE;EAAqB,CAAC;EAEzCkB,eAAe,EAAE;IAAElB,EAAE,EAAE;EAAoB,CAAC;EAE5CmB,cAAc,EAAE;IAAEnB,EAAE,EAAE;EAAwB,CAAC;EAE/CoB,cAAc,EAAE;IAAEpB,EAAE,EAAE;EAAwB,CAAC;EAC/CqB,aAAa,EAAE;IAAErB,EAAE,EAAE;EAA2B,CAAC;EACjDsB,kBAAkB,EAAE;IAAEtB,EAAE,EAAE;EAA0B,CAAC;EAErDuB,gBAAgB,EAAE;IAAEvB,EAAE,EAAE;EAAuB,CAAC;EAEhDwB,aAAa,EAAE;IAAExB,EAAE,EAAE;EAA4B,CAAC;EAElD;EACAyB,eAAe,EAAE;IAAEzB,EAAE,EAAE;EAA2C,CAAC;EACnE0B,gBAAgB,EAAE;IAAE1B,EAAE,EAAE;EAA4C,CAAC;EACrE2B,eAAe,EAAE;IAAE3B,EAAE,EAAE;EAA2C,CAAC;EAEnE4B,KAAK,EAAE;IAAE5B,EAAE,EAAE;EAAoC,CAAC;EAClD6B,cAAc,EAAE;IAAE7B,EAAE,EAAE;EAAqC;AAC7D,CAAC"}

package/build/components/Profile/Profile.module.css

@@ -0,0 +1,70 @@
+.button {
+  margin-bottom: var(--mirai-ui-space-XL);
+}
+
+.buttons {
+  gap: var(--mirai-ui-space-L);
+  justify-content: flex-end;
+}
+
+.content {
+  max-width: var(--mirai-ui-breakpoint-content);
+  padding: var(--mirai-ui-space-M);
+}
+
+.content.account {
+  max-width: calc(var(--mirai-ui-breakpoint-content) / 2.5);
+}
+
+.description {
+  margin-bottom: var(--mirai-ui-space-L);
+  margin-top: var(--mirai-ui-space-XS);
+}
+
+.header {
+  border-bottom: solid var(--mirai-ui-border-width) var(--mirai-ui-content-border);
+  padding: var(--mirai-ui-space-S) var(--mirai-ui-space-M);
+}
+
+.header .option {
+  border-radius: var(--mirai-ui-border-radius);
+  display: flex;
+  justify-content: center;
+  padding: var(--mirai-ui-space-S) var(--mirai-ui-space-M);
+}
+
+.header .option.active {
+  background-color: var(--mirai-ui-accent);
+}
+.header .option.active > * {
+  color: var(--mirai-ui-base);
+}
+
+.notification {
+  margin-bottom: var(--mirai-ui-space-L);
+  width: 100%;
+}
+
+.wide {
+  width: 100%;
+}
+
+@media only screen and (max-width: 768px) {
+  .header > .option {
+    flex: 1;
+  }
+}
+
+@media only screen and (min-width: 768px) {
+  .header {
+    height: calc(var(--mirai-ui-input-min-height)+ var(--mirai-ui-space-L));
+  }
+
+  .header .option {
+    margin-right: var(--mirai-ui-space-S);
+  }
+
+  .header > .option:hover:not(.active) {
+    background-color: var(--mirai-ui-content-background);
+  }
+}

package/build/components/Profile/Profile.skeleton.js

@@ -0,0 +1,120 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ui = require("@mirai/ui");
+var _react = _interopRequireDefault(require("react"));
+var _shared__ = require("../__shared__");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = function _default() {
+  return /*#__PURE__*/_react.default.createElement(_ui.View, {
+    wide: true,
+    style: {
+      padding: '1rem'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    style: {
+      gap: '2rem'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    style: {
+      height: '2.5rem',
+      width: '10rem'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, null, "My Bookings")), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    wide: true,
+    style: {
+      gap: '0.5rem',
+      marginTop: '2rem',
+      maxWidth: '30rem'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, null, "Fill in your information and save time when booking"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    style: {
+      height: '3.5rem'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    style: {
+      height: '3.5rem'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    style: {
+      height: '3.5rem'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    style: {
+      gap: '0.5rem',
+      marginTop: '1.5rem'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    style: {
+      height: '3.5rem',
+      width: '5rem'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    style: {
+      height: '3.5rem',
+      width: '5rem'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    style: {
+      height: '3.5rem',
+      width: '5rem'
+    }
+  })), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    style: {
+      height: '3.5rem'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    style: {
+      gap: '1rem'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, null), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true
+  }, "Subscribe to our news")), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    wide: true,
+    style: {
+      height: '2.5rem'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    style: {
+      marginTop: '2rem'
+    }
+  }, "Change your password"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    style: {
+      height: '3.5rem'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true
+  }, "Requirements: 8 characters, a number & a capital letter."), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    style: {
+      height: '3.5rem'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true
+  }, "Requirements: 8 characters, a number & a capital letter."), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    wide: true,
+    style: {
+      height: '2.5rem',
+      marginTop: '0.5rem'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    bold: true,
+    headline: true,
+    level: 3,
+    style: {
+      marginTop: '2rem'
+    }
+  }, "Delete my account from Hotel"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, null, "Your member account will be permanently deleted from our database. This action is not reversible."), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    wide: true,
+    style: {
+      height: '2.5rem',
+      marginTop: '0.5rem'
+    }
+  })));
+};
+//# sourceMappingURL=Profile.skeleton.js.map

package/build/components/Profile/Profile.skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Profile.skeleton.js","names":["_ui","require","_react","_interopRequireDefault","_shared__","obj","__esModule","default","_default","exports","createElement","View","wide","style","padding","row","gap","Skeleton","height","width","marginTop","maxWidth","action","bold","headline","level"],"sources":["../../../src/components/Profile/Profile.skeleton.jsx"],"sourcesContent":["import { View } from '@mirai/ui';\nimport React from 'react';\n\nimport { Skeleton } from '../__shared__';\n\nexport default () => (\n  <View wide style={{ padding: '1rem' }}>\n    <View row style={{ gap: '2rem' }}>\n      <Skeleton style={{ height: '2.5rem', width: '10rem' }} />\n      <Skeleton>My Bookings</Skeleton>\n    </View>\n    <View wide style={{ gap: '0.5rem', marginTop: '2rem', maxWidth: '30rem' }}>\n      <Skeleton>Fill in your information and save time when booking</Skeleton>\n      <Skeleton style={{ height: '3.5rem' }} />\n      <Skeleton style={{ height: '3.5rem' }} />\n      <Skeleton style={{ height: '3.5rem' }} />\n      <View row style={{ gap: '0.5rem', marginTop: '1.5rem' }}>\n        <Skeleton style={{ height: '3.5rem', width: '5rem' }} />\n        <Skeleton style={{ height: '3.5rem', width: '5rem' }} />\n        <Skeleton style={{ height: '3.5rem', width: '5rem' }} />\n      </View>\n      <Skeleton style={{ height: '3.5rem' }} />\n      <View row style={{ gap: '1rem' }}>\n        <Skeleton />\n        <Skeleton action>Subscribe to our news</Skeleton>\n      </View>\n      <Skeleton wide style={{ height: '2.5rem' }}></Skeleton>\n\n      <Skeleton style={{ marginTop: '2rem' }}>Change your password</Skeleton>\n      <Skeleton style={{ height: '3.5rem' }} />\n      <Skeleton action>Requirements: 8 characters, a number & a capital letter.</Skeleton>\n      <Skeleton style={{ height: '3.5rem' }} />\n      <Skeleton action>Requirements: 8 characters, a number & a capital letter.</Skeleton>\n      <Skeleton wide style={{ height: '2.5rem', marginTop: '0.5rem' }}></Skeleton>\n\n      <Skeleton bold headline level={3} style={{ marginTop: '2rem' }}>\n        Delete my account from Hotel\n      </Skeleton>\n      <Skeleton>\n        Your member account will be permanently deleted from our database. This action is not reversible.\n      </Skeleton>\n      <Skeleton wide style={{ height: '2.5rem', marginTop: '0.5rem' }}></Skeleton>\n    </View>\n  </View>\n);\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAyC,SAAAE,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAE1B,SAAAC,SAAA;EAAA,oBACbN,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAACV,GAAA,CAAAW,IAAI;IAACC,IAAI;IAACC,KAAK,EAAE;MAAEC,OAAO,EAAE;IAAO;EAAE,gBACpCZ,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAACV,GAAA,CAAAW,IAAI;IAACI,GAAG;IAACF,KAAK,EAAE;MAAEG,GAAG,EAAE;IAAO;EAAE,gBAC/Bd,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAACN,SAAA,CAAAa,QAAQ;IAACJ,KAAK,EAAE;MAAEK,MAAM,EAAE,QAAQ;MAAEC,KAAK,EAAE;IAAQ;EAAE,CAAE,CAAC,eACzDjB,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAACN,SAAA,CAAAa,QAAQ,QAAC,aAAqB,CAC3B,CAAC,eACPf,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAACV,GAAA,CAAAW,IAAI;IAACC,IAAI;IAACC,KAAK,EAAE;MAAEG,GAAG,EAAE,QAAQ;MAAEI,SAAS,EAAE,MAAM;MAAEC,QAAQ,EAAE;IAAQ;EAAE,gBACxEnB,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAACN,SAAA,CAAAa,QAAQ,QAAC,qDAA6D,CAAC,eACxEf,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAACN,SAAA,CAAAa,QAAQ;IAACJ,KAAK,EAAE;MAAEK,MAAM,EAAE;IAAS;EAAE,CAAE,CAAC,eACzChB,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAACN,SAAA,CAAAa,QAAQ;IAACJ,KAAK,EAAE;MAAEK,MAAM,EAAE;IAAS;EAAE,CAAE,CAAC,eACzChB,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAACN,SAAA,CAAAa,QAAQ;IAACJ,KAAK,EAAE;MAAEK,MAAM,EAAE;IAAS;EAAE,CAAE,CAAC,eACzChB,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAACV,GAAA,CAAAW,IAAI;IAACI,GAAG;IAACF,KAAK,EAAE;MAAEG,GAAG,EAAE,QAAQ;MAAEI,SAAS,EAAE;IAAS;EAAE,gBACtDlB,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAACN,SAAA,CAAAa,QAAQ;IAACJ,KAAK,EAAE;MAAEK,MAAM,EAAE,QAAQ;MAAEC,KAAK,EAAE;IAAO;EAAE,CAAE,CAAC,eACxDjB,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAACN,SAAA,CAAAa,QAAQ;IAACJ,KAAK,EAAE;MAAEK,MAAM,EAAE,QAAQ;MAAEC,KAAK,EAAE;IAAO;EAAE,CAAE,CAAC,eACxDjB,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAACN,SAAA,CAAAa,QAAQ;IAACJ,KAAK,EAAE;MAAEK,MAAM,EAAE,QAAQ;MAAEC,KAAK,EAAE;IAAO;EAAE,CAAE,CACnD,CAAC,eACPjB,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAACN,SAAA,CAAAa,QAAQ;IAACJ,KAAK,EAAE;MAAEK,MAAM,EAAE;IAAS;EAAE,CAAE,CAAC,eACzChB,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAACV,GAAA,CAAAW,IAAI;IAACI,GAAG;IAACF,KAAK,EAAE;MAAEG,GAAG,EAAE;IAAO;EAAE,gBAC/Bd,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAACN,SAAA,CAAAa,QAAQ,MAAE,CAAC,eACZf,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAACN,SAAA,CAAAa,QAAQ;IAACK,MAAM;EAAA,GAAC,uBAA+B,CAC5C,CAAC,eACPpB,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAACN,SAAA,CAAAa,QAAQ;IAACL,IAAI;IAACC,KAAK,EAAE;MAAEK,MAAM,EAAE;IAAS;EAAE,CAAW,CAAC,eAEvDhB,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAACN,SAAA,CAAAa,QAAQ;IAACJ,KAAK,EAAE;MAAEO,SAAS,EAAE;IAAO;EAAE,GAAC,sBAA8B,CAAC,eACvElB,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAACN,SAAA,CAAAa,QAAQ;IAACJ,KAAK,EAAE;MAAEK,MAAM,EAAE;IAAS;EAAE,CAAE,CAAC,eACzChB,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAACN,SAAA,CAAAa,QAAQ;IAACK,MAAM;EAAA,GAAC,0DAAkE,CAAC,eACpFpB,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAACN,SAAA,CAAAa,QAAQ;IAACJ,KAAK,EAAE;MAAEK,MAAM,EAAE;IAAS;EAAE,CAAE,CAAC,eACzChB,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAACN,SAAA,CAAAa,QAAQ;IAACK,MAAM;EAAA,GAAC,0DAAkE,CAAC,eACpFpB,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAACN,SAAA,CAAAa,QAAQ;IAACL,IAAI;IAACC,KAAK,EAAE;MAAEK,MAAM,EAAE,QAAQ;MAAEE,SAAS,EAAE;IAAS;EAAE,CAAW,CAAC,eAE5ElB,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAACN,SAAA,CAAAa,QAAQ;IAACM,IAAI;IAACC,QAAQ;IAACC,KAAK,EAAE,CAAE;IAACZ,KAAK,EAAE;MAAEO,SAAS,EAAE;IAAO;EAAE,GAAC,8BAEtD,CAAC,eACXlB,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAACN,SAAA,CAAAa,QAAQ,QAAC,mGAEA,CAAC,eACXf,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAACN,SAAA,CAAAa,QAAQ;IAACL,IAAI;IAACC,KAAK,EAAE;MAAEK,MAAM,EAAE,QAAQ;MAAEE,SAAS,EAAE;IAAS;EAAE,CAAW,CACvE,CACF,CAAC;AAAA,CACR"}

package/build/components/Profile/components/Bookings/Booking.constants.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TRACKING = exports.STORAGE_KEY = exports.OPTION = exports.DATE_FORMAT = exports.CACHE_LIMIT = void 0;
+var CACHE_LIMIT = exports.CACHE_LIMIT = 1000 * 60 * 60; // 1 hour
+
+var DATE_FORMAT = exports.DATE_FORMAT = {
+  weekday: 'short',
+  month: 'short',
+  day: 'numeric'
+};
+var OPTION = exports.OPTION = {
+  MANAGE: 'manage',
+  SITE: 'site'
+};
+var STORAGE_KEY = exports.STORAGE_KEY = 'MIRAI:USER:BOOKINGS';
+var TRACKING = exports.TRACKING = 'BOOKINGS';
+//# sourceMappingURL=Booking.constants.js.map

package/build/components/Profile/components/Bookings/Booking.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Booking.constants.js","names":["CACHE_LIMIT","exports","DATE_FORMAT","weekday","month","day","OPTION","MANAGE","SITE","STORAGE_KEY","TRACKING"],"sources":["../../../../../src/components/Profile/components/Bookings/Booking.constants.js"],"sourcesContent":["const CACHE_LIMIT = 1000 * 60 * 60; // 1 hour\n\nconst DATE_FORMAT = { weekday: 'short', month: 'short', day: 'numeric' };\n\nconst OPTION = {\n  MANAGE: 'manage',\n  SITE: 'site',\n};\n\nconst STORAGE_KEY = 'MIRAI:USER:BOOKINGS';\n\nconst TRACKING = 'BOOKINGS';\n\nexport { CACHE_LIMIT, DATE_FORMAT, OPTION, STORAGE_KEY, TRACKING };\n"],"mappings":";;;;;;AAAA,IAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;;AAEpC,IAAME,WAAW,GAAAD,OAAA,CAAAC,WAAA,GAAG;EAAEC,OAAO,EAAE,OAAO;EAAEC,KAAK,EAAE,OAAO;EAAEC,GAAG,EAAE;AAAU,CAAC;AAExE,IAAMC,MAAM,GAAAL,OAAA,CAAAK,MAAA,GAAG;EACbC,MAAM,EAAE,QAAQ;EAChBC,IAAI,EAAE;AACR,CAAC;AAED,IAAMC,WAAW,GAAAR,OAAA,CAAAQ,WAAA,GAAG,qBAAqB;AAEzC,IAAMC,QAAQ,GAAAT,OAAA,CAAAS,QAAA,GAAG,UAAU"}

package/build/components/Profile/components/Bookings/Booking.l10n.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.L10N = void 0;
+var L10N = exports.L10N = {
+  LABEL_CANCELLED: {
+    id: 'user.label.cancelled',
+    defaultMessage: '$Cancelled'
+  },
+  LABEL_TAXES_INFO: {
+    id: 'user.label.taxes_info',
+    defaultMessage: '$Tax Info'
+  },
+  LABEL_OPTION_MANAGE: {
+    id: 'user.label.option_manage'
+  },
+  ACTION_OPTION_SITE: {
+    id: 'user.action.option_site'
+  },
+  ACTION_SEARCH: {
+    id: 'user.action.search'
+  },
+  LABEL_SEARCH: {
+    id: 'user.label.search'
+  },
+  ACTION_SEARCH_CTA: {
+    id: 'common.action.search'
+  },
+  LABEL_SEARCH_PLACEHOLDER: {
+    id: 'common.label.search'
+  },
+  LABEL_SEARCH_TITLE: {
+    id: 'user.label.search_title'
+  },
+  LABEL_NEXT_BOOKINGS: {
+    id: 'user.label.next_bookings'
+  },
+  LABEL_PAST_BOOKINGS: {
+    id: 'user.label.past_bookings'
+  },
+  LABEL_NO_BOOKINGS: {
+    id: 'user.label.no_bookings'
+  }
+};
+//# sourceMappingURL=Booking.l10n.js.map

package/build/components/Profile/components/Bookings/Booking.l10n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Booking.l10n.js","names":["L10N","exports","LABEL_CANCELLED","id","defaultMessage","LABEL_TAXES_INFO","LABEL_OPTION_MANAGE","ACTION_OPTION_SITE","ACTION_SEARCH","LABEL_SEARCH","ACTION_SEARCH_CTA","LABEL_SEARCH_PLACEHOLDER","LABEL_SEARCH_TITLE","LABEL_NEXT_BOOKINGS","LABEL_PAST_BOOKINGS","LABEL_NO_BOOKINGS"],"sources":["../../../../../src/components/Profile/components/Bookings/Booking.l10n.js"],"sourcesContent":["export const L10N = {\n  LABEL_CANCELLED: { id: 'user.label.cancelled', defaultMessage: '$Cancelled' },\n  LABEL_TAXES_INFO: { id: 'user.label.taxes_info', defaultMessage: '$Tax Info' },\n\n  LABEL_OPTION_MANAGE: { id: 'user.label.option_manage' },\n  ACTION_OPTION_SITE: { id: 'user.action.option_site' },\n\n  ACTION_SEARCH: { id: 'user.action.search' },\n  LABEL_SEARCH: { id: 'user.label.search' },\n  ACTION_SEARCH_CTA: { id: 'common.action.search' },\n  LABEL_SEARCH_PLACEHOLDER: { id: 'common.label.search' },\n  LABEL_SEARCH_TITLE: { id: 'user.label.search_title' },\n\n  LABEL_NEXT_BOOKINGS: { id: 'user.label.next_bookings' },\n  LABEL_PAST_BOOKINGS: { id: 'user.label.past_bookings' },\n  LABEL_NO_BOOKINGS: { id: 'user.label.no_bookings' },\n};\n"],"mappings":";;;;;;AAAO,IAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,eAAe,EAAE;IAAEC,EAAE,EAAE,sBAAsB;IAAEC,cAAc,EAAE;EAAa,CAAC;EAC7EC,gBAAgB,EAAE;IAAEF,EAAE,EAAE,uBAAuB;IAAEC,cAAc,EAAE;EAAY,CAAC;EAE9EE,mBAAmB,EAAE;IAAEH,EAAE,EAAE;EAA2B,CAAC;EACvDI,kBAAkB,EAAE;IAAEJ,EAAE,EAAE;EAA0B,CAAC;EAErDK,aAAa,EAAE;IAAEL,EAAE,EAAE;EAAqB,CAAC;EAC3CM,YAAY,EAAE;IAAEN,EAAE,EAAE;EAAoB,CAAC;EACzCO,iBAAiB,EAAE;IAAEP,EAAE,EAAE;EAAuB,CAAC;EACjDQ,wBAAwB,EAAE;IAAER,EAAE,EAAE;EAAsB,CAAC;EACvDS,kBAAkB,EAAE;IAAET,EAAE,EAAE;EAA0B,CAAC;EAErDU,mBAAmB,EAAE;IAAEV,EAAE,EAAE;EAA2B,CAAC;EACvDW,mBAAmB,EAAE;IAAEX,EAAE,EAAE;EAA2B,CAAC;EACvDY,iBAAiB,EAAE;IAAEZ,EAAE,EAAE;EAAyB;AACpD,CAAC"}

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

@@ -0,0 +1,110 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Item = void 0;
+var _locale = require("@mirai/locale");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _Booking = require("./Booking.constants");
+var _Booking2 = require("./Booking.l10n");
+var style = _interopRequireWildcard(require("./Bookings.module.css"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var Item = exports.Item = function Item(_ref) {
+  var children = _ref.children,
+    cancelled = _ref.cancelled,
+    _ref$dataSource = _ref.dataSource,
+    dataSource = _ref$dataSource === void 0 ? {} : _ref$dataSource,
+    past = _ref.past,
+    _ref$onPress = _ref.onPress,
+    _onPress = _ref$onPress === void 0 ? function () {} : _ref$onPress;
+  var _useDevice = (0, _ui.useDevice)(),
+    isDesktop = _useDevice.isDesktop,
+    isMobile = _useDevice.isMobile;
+  var _useLocale = (0, _locale.useLocale)(),
+    currencyFormat = _useLocale.currencyFormat,
+    dateFormat = _useLocale.dateFormat,
+    translate = _useLocale.translate;
+  var currency = dataSource.currency,
+    hotel = dataSource.hotel,
+    _dataSource$location = dataSource.location,
+    _dataSource$location2 = _dataSource$location === void 0 ? {} : _dataSource$location,
+    _dataSource$location3 = _dataSource$location2.city,
+    city = _dataSource$location3 === void 0 ? '' : _dataSource$location3,
+    image = dataSource.image,
+    checkIn = dataSource.checkIn,
+    checkOut = dataSource.checkOut,
+    _dataSource$price = dataSource.price,
+    _dataSource$price2 = _dataSource$price === void 0 ? {} : _dataSource$price,
+    total = _dataSource$price2.total,
+    taxesText = _dataSource$price2.text;
+  return /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
+    disabled: cancelled || past,
+    tag: "div",
+    onPress: function onPress(event) {
+      return _onPress(dataSource, event);
+    },
+    className: (0, _ui.styles)(style.item, cancelled && style.cancelled)
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.thumbnail
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.image,
+    style: {
+      backgroundImage: "url(".concat(image, ")")
+    }
+  }), cancelled && /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    bold: true,
+    small: true,
+    className: style.tag
+  }, translate(_Booking2.L10N.LABEL_CANCELLED))), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: isDesktop,
+    className: style.content
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.details
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    bold: true,
+    action: isMobile,
+    headline: isDesktop,
+    level: 4,
+    className: (0, _ui.styles)(style.text, style.title)
+  }, hotel), city && /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    action: isDesktop,
+    small: isMobile,
+    className: (0, _ui.styles)(style.text, style.caption)
+  }, city), checkIn && checkOut && /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    action: isDesktop,
+    small: isMobile,
+    className: (0, _ui.styles)(style.text, style.caption)
+  }, "".concat(dateFormat(new Date((0, _locale.parseDate)(checkIn)), _Booking.DATE_FORMAT), " \u2500 ").concat(dateFormat((0, _locale.parseDate)(checkOut), _Booking.DATE_FORMAT)))), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: isMobile,
+    className: style.price
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    bold: true,
+    action: isMobile,
+    headline: isDesktop,
+    level: isDesktop ? 2 : undefined
+  }, currencyFormat({
+    currency: currency,
+    symbol: true,
+    value: total
+  })), /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
+    pressable: true,
+    text: taxesText
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    small: true,
+    className: (0, _ui.styles)(style.text, style.caption, style.taxes)
+  }, translate(_Booking2.L10N.LABEL_TAXES_INFO))))), children);
+};
+Item.propTypes = {
+  children: _propTypes.default.node,
+  cancelled: _propTypes.default.bool,
+  dataSource: _propTypes.default.shape({}),
+  past: _propTypes.default.bool,
+  onPress: _propTypes.default.func
+};
+//# sourceMappingURL=Bookings.Item.js.map

package/build/components/Profile/components/Bookings/Bookings.Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bookings.Item.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_Booking","_Booking2","style","_interopRequireWildcard","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Item","exports","_ref","children","cancelled","_ref$dataSource","dataSource","past","_ref$onPress","onPress","_useDevice","useDevice","isDesktop","isMobile","_useLocale","useLocale","currencyFormat","dateFormat","translate","currency","hotel","_dataSource$location","location","_dataSource$location2","_dataSource$location3","city","image","checkIn","checkOut","_dataSource$price","price","_dataSource$price2","total","taxesText","text","createElement","Pressable","disabled","tag","event","className","styles","item","View","thumbnail","backgroundImage","concat","Text","bold","small","L10N","LABEL_CANCELLED","row","content","details","action","headline","level","title","caption","Date","parseDate","DATE_FORMAT","undefined","symbol","value","Tooltip","pressable","taxes","LABEL_TAXES_INFO","propTypes","PropTypes","node","bool","shape","func"],"sources":["../../../../../src/components/Profile/components/Bookings/Bookings.Item.jsx"],"sourcesContent":["import { parseDate, useLocale } from '@mirai/locale';\nimport { Pressable, styles, Text, Tooltip, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { DATE_FORMAT } from './Booking.constants';\nimport { L10N } from './Booking.l10n';\nimport * as style from './Bookings.module.css';\n\nconst Item = ({ children, cancelled, dataSource = {}, past, onPress = () => {} }) => {\n  const { isDesktop, isMobile } = useDevice();\n  const { currencyFormat, dateFormat, translate } = useLocale();\n\n  const {\n    currency,\n    hotel,\n    location: { city = '' } = {},\n    image,\n    checkIn,\n    checkOut,\n    price: { total, text: taxesText } = {},\n  } = dataSource;\n\n  return (\n    <Pressable\n      disabled={cancelled || past}\n      tag=\"div\"\n      onPress={(event) => onPress(dataSource, event)}\n      className={styles(style.item, cancelled && style.cancelled)}\n    >\n      <View className={style.thumbnail}>\n        <View className={style.image} style={{ backgroundImage: `url(${image})` }} />\n        {cancelled && (\n          <Text bold small className={style.tag}>\n            {translate(L10N.LABEL_CANCELLED)}\n          </Text>\n        )}\n      </View>\n\n      <View row={isDesktop} className={style.content}>\n        <View className={style.details}>\n          <Text bold action={isMobile} headline={isDesktop} level={4} className={styles(style.text, style.title)}>\n            {hotel}\n          </Text>\n\n          {city && (\n            <Text action={isDesktop} small={isMobile} className={styles(style.text, style.caption)}>\n              {city}\n            </Text>\n          )}\n          {checkIn && checkOut && (\n            <Text action={isDesktop} small={isMobile} className={styles(style.text, style.caption)}>\n              {`${dateFormat(new Date(parseDate(checkIn)), DATE_FORMAT)} ─ ${dateFormat(\n                parseDate(checkOut),\n                DATE_FORMAT,\n              )}`}\n            </Text>\n          )}\n        </View>\n\n        <View row={isMobile} className={style.price}>\n          <Text bold action={isMobile} headline={isDesktop} level={isDesktop ? 2 : undefined}>\n            {currencyFormat({ currency, symbol: true, value: total })}\n          </Text>\n          <Tooltip pressable text={taxesText}>\n            <Text small className={styles(style.text, style.caption, style.taxes)}>\n              {translate(L10N.LABEL_TAXES_INFO)}\n            </Text>\n          </Tooltip>\n        </View>\n      </View>\n\n      {children}\n    </Pressable>\n  );\n};\n\nItem.propTypes = {\n  children: PropTypes.node,\n  cancelled: PropTypes.bool,\n  dataSource: PropTypes.shape({}),\n  past: PropTypes.bool,\n  onPress: PropTypes.func,\n};\n\nexport { Item };\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAEA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAC,uBAAA,CAAAR,OAAA;AAA+C,SAAAS,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAF,wBAAAM,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,4BAAAG,OAAA,EAAAH,GAAA,UAAAI,KAAA,GAAAT,wBAAA,CAAAC,WAAA,OAAAQ,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAL,GAAA,YAAAI,KAAA,CAAAE,GAAA,CAAAN,GAAA,SAAAO,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAZ,GAAA,QAAAY,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,GAAA,EAAAY,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,GAAA,EAAAY,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAZ,GAAA,CAAAY,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAH,GAAA,MAAAI,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAjB,GAAA,EAAAO,MAAA,YAAAA,MAAA;AAAA,SAAAlB,uBAAAW,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAG,OAAA,EAAAH,GAAA;AAE/C,IAAMkB,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAAE,IAAA,EAA2E;EAAA,IAArEC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAAC,eAAA,GAAAH,IAAA,CAAEI,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,CAAC,CAAC,GAAAA,eAAA;IAAEE,IAAI,GAAAL,IAAA,CAAJK,IAAI;IAAAC,YAAA,GAAAN,IAAA,CAAEO,OAAO;IAAPA,QAAO,GAAAD,YAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,YAAA;EAC5E,IAAAE,UAAA,GAAgC,IAAAC,aAAS,EAAC,CAAC;IAAnCC,SAAS,GAAAF,UAAA,CAATE,SAAS;IAAEC,QAAQ,GAAAH,UAAA,CAARG,QAAQ;EAC3B,IAAAC,UAAA,GAAkD,IAAAC,iBAAS,EAAC,CAAC;IAArDC,cAAc,GAAAF,UAAA,CAAdE,cAAc;IAAEC,UAAU,GAAAH,UAAA,CAAVG,UAAU;IAAEC,SAAS,GAAAJ,UAAA,CAATI,SAAS;EAE7C,IACEC,QAAQ,GAONb,UAAU,CAPZa,QAAQ;IACRC,KAAK,GAMHd,UAAU,CANZc,KAAK;IAAAC,oBAAA,GAMHf,UAAU,CALZgB,QAAQ;IAAAC,qBAAA,GAAAF,oBAAA,cAAkB,CAAC,CAAC,GAAAA,oBAAA;IAAAG,qBAAA,GAAAD,qBAAA,CAAhBE,IAAI;IAAJA,IAAI,GAAAD,qBAAA,cAAG,EAAE,GAAAA,qBAAA;IACrBE,KAAK,GAIHpB,UAAU,CAJZoB,KAAK;IACLC,OAAO,GAGLrB,UAAU,CAHZqB,OAAO;IACPC,QAAQ,GAENtB,UAAU,CAFZsB,QAAQ;IAAAC,iBAAA,GAENvB,UAAU,CADZwB,KAAK;IAAAC,kBAAA,GAAAF,iBAAA,cAA+B,CAAC,CAAC,GAAAA,iBAAA;IAA7BG,KAAK,GAAAD,kBAAA,CAALC,KAAK;IAAQC,SAAS,GAAAF,kBAAA,CAAfG,IAAI;EAGtB,oBACE9D,MAAA,CAAAa,OAAA,CAAAkD,aAAA,CAAClE,GAAA,CAAAmE,SAAS;IACRC,QAAQ,EAAEjC,SAAS,IAAIG,IAAK;IAC5B+B,GAAG,EAAC,KAAK;IACT7B,OAAO,EAAE,SAAAA,QAAC8B,KAAK;MAAA,OAAK9B,QAAO,CAACH,UAAU,EAAEiC,KAAK,CAAC;IAAA,CAAC;IAC/CC,SAAS,EAAE,IAAAC,UAAM,EAAClE,KAAK,CAACmE,IAAI,EAAEtC,SAAS,IAAI7B,KAAK,CAAC6B,SAAS;EAAE,gBAE5DhC,MAAA,CAAAa,OAAA,CAAAkD,aAAA,CAAClE,GAAA,CAAA0E,IAAI;IAACH,SAAS,EAAEjE,KAAK,CAACqE;EAAU,gBAC/BxE,MAAA,CAAAa,OAAA,CAAAkD,aAAA,CAAClE,GAAA,CAAA0E,IAAI;IAACH,SAAS,EAAEjE,KAAK,CAACmD,KAAM;IAACnD,KAAK,EAAE;MAAEsE,eAAe,SAAAC,MAAA,CAASpB,KAAK;IAAI;EAAE,CAAE,CAAC,EAC5EtB,SAAS,iBACRhC,MAAA,CAAAa,OAAA,CAAAkD,aAAA,CAAClE,GAAA,CAAA8E,IAAI;IAACC,IAAI;IAACC,KAAK;IAACT,SAAS,EAAEjE,KAAK,CAAC+D;EAAI,GACnCpB,SAAS,CAACgC,cAAI,CAACC,eAAe,CAC3B,CAEJ,CAAC,eAEP/E,MAAA,CAAAa,OAAA,CAAAkD,aAAA,CAAClE,GAAA,CAAA0E,IAAI;IAACS,GAAG,EAAExC,SAAU;IAAC4B,SAAS,EAAEjE,KAAK,CAAC8E;EAAQ,gBAC7CjF,MAAA,CAAAa,OAAA,CAAAkD,aAAA,CAAClE,GAAA,CAAA0E,IAAI;IAACH,SAAS,EAAEjE,KAAK,CAAC+E;EAAQ,gBAC7BlF,MAAA,CAAAa,OAAA,CAAAkD,aAAA,CAAClE,GAAA,CAAA8E,IAAI;IAACC,IAAI;IAACO,MAAM,EAAE1C,QAAS;IAAC2C,QAAQ,EAAE5C,SAAU;IAAC6C,KAAK,EAAE,CAAE;IAACjB,SAAS,EAAE,IAAAC,UAAM,EAAClE,KAAK,CAAC2D,IAAI,EAAE3D,KAAK,CAACmF,KAAK;EAAE,GACpGtC,KACG,CAAC,EAENK,IAAI,iBACHrD,MAAA,CAAAa,OAAA,CAAAkD,aAAA,CAAClE,GAAA,CAAA8E,IAAI;IAACQ,MAAM,EAAE3C,SAAU;IAACqC,KAAK,EAAEpC,QAAS;IAAC2B,SAAS,EAAE,IAAAC,UAAM,EAAClE,KAAK,CAAC2D,IAAI,EAAE3D,KAAK,CAACoF,OAAO;EAAE,GACpFlC,IACG,CACP,EACAE,OAAO,IAAIC,QAAQ,iBAClBxD,MAAA,CAAAa,OAAA,CAAAkD,aAAA,CAAClE,GAAA,CAAA8E,IAAI;IAACQ,MAAM,EAAE3C,SAAU;IAACqC,KAAK,EAAEpC,QAAS;IAAC2B,SAAS,EAAE,IAAAC,UAAM,EAAClE,KAAK,CAAC2D,IAAI,EAAE3D,KAAK,CAACoF,OAAO;EAAE,MAAAb,MAAA,CACjF7B,UAAU,CAAC,IAAI2C,IAAI,CAAC,IAAAC,iBAAS,EAAClC,OAAO,CAAC,CAAC,EAAEmC,oBAAW,CAAC,cAAAhB,MAAA,CAAM7B,UAAU,CACvE,IAAA4C,iBAAS,EAACjC,QAAQ,CAAC,EACnBkC,oBACF,CAAC,CACG,CAEJ,CAAC,eAEP1F,MAAA,CAAAa,OAAA,CAAAkD,aAAA,CAAClE,GAAA,CAAA0E,IAAI;IAACS,GAAG,EAAEvC,QAAS;IAAC2B,SAAS,EAAEjE,KAAK,CAACuD;EAAM,gBAC1C1D,MAAA,CAAAa,OAAA,CAAAkD,aAAA,CAAClE,GAAA,CAAA8E,IAAI;IAACC,IAAI;IAACO,MAAM,EAAE1C,QAAS;IAAC2C,QAAQ,EAAE5C,SAAU;IAAC6C,KAAK,EAAE7C,SAAS,GAAG,CAAC,GAAGmD;EAAU,GAChF/C,cAAc,CAAC;IAAEG,QAAQ,EAARA,QAAQ;IAAE6C,MAAM,EAAE,IAAI;IAAEC,KAAK,EAAEjC;EAAM,CAAC,CACpD,CAAC,eACP5D,MAAA,CAAAa,OAAA,CAAAkD,aAAA,CAAClE,GAAA,CAAAiG,OAAO;IAACC,SAAS;IAACjC,IAAI,EAAED;EAAU,gBACjC7D,MAAA,CAAAa,OAAA,CAAAkD,aAAA,CAAClE,GAAA,CAAA8E,IAAI;IAACE,KAAK;IAACT,SAAS,EAAE,IAAAC,UAAM,EAAClE,KAAK,CAAC2D,IAAI,EAAE3D,KAAK,CAACoF,OAAO,EAAEpF,KAAK,CAAC6F,KAAK;EAAE,GACnElD,SAAS,CAACgC,cAAI,CAACmB,gBAAgB,CAC5B,CACC,CACL,CACF,CAAC,EAENlE,QACQ,CAAC;AAEhB,CAAC;AAEDH,IAAI,CAACsE,SAAS,GAAG;EACfnE,QAAQ,EAAEoE,kBAAS,CAACC,IAAI;EACxBpE,SAAS,EAAEmE,kBAAS,CAACE,IAAI;EACzBnE,UAAU,EAAEiE,kBAAS,CAACG,KAAK,CAAC,CAAC,CAAC,CAAC;EAC/BnE,IAAI,EAAEgE,kBAAS,CAACE,IAAI;EACpBhE,OAAO,EAAE8D,kBAAS,CAACI;AACrB,CAAC"}

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

@@ -0,0 +1,98 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Search = void 0;
+var _locale = require("@mirai/locale");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _Booking = require("./Booking.l10n");
+var style = _interopRequireWildcard(require("./Bookings.module.css"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var Search = exports.Search = function Search(_ref) {
+  var _ref$value = _ref.value,
+    propValue = _ref$value === void 0 ? '' : _ref$value,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange;
+  var _useLocale = (0, _locale.useLocale)(),
+    translate = _useLocale.translate;
+  var ref = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = (0, _react.useState)(propValue),
+    _useState4 = _slicedToArray(_useState3, 2),
+    value = _useState4[0],
+    setValue = _useState4[1];
+  (0, _react.useEffect)(function () {
+    var handleClickOutside = function handleClickOutside(_ref2) {
+      var _ref$current;
+      var target = _ref2.target;
+      if (!((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(target)) && !!visible) setVisible(undefined);
+    };
+    document.addEventListener('click', handleClickOutside, true);
+    return function () {
+      return document.removeEventListener('click', handleClickOutside, true);
+    };
+  }, [visible]);
+  var handleChange = function handleChange(next, event) {
+    setValue(next);
+    if (!next) {
+      onChange(next, event);
+    }
+  };
+  var handlePress = function handlePress(event) {
+    onChange(value, event);
+  };
+  var handleToggle = function handleToggle() {
+    setVisible(!visible);
+  };
+  return /*#__PURE__*/_react.default.createElement(_ui.Menu, {
+    options: [{
+      children: /*#__PURE__*/_react.default.createElement(_ui.View, {
+        ref: ref,
+        className: style.form
+      }, /*#__PURE__*/_react.default.createElement(_ui.InputText, {
+        name: "search",
+        type: "search",
+        placeholder: translate(_Booking.L10N.LABEL_SEARCH_PLACEHOLDER),
+        value: value,
+        onChange: handleChange,
+        className: style.input
+      }), /*#__PURE__*/_react.default.createElement(_ui.Button, {
+        disabled: !value,
+        wide: true,
+        onPress: handlePress,
+        className: style.button
+      }, translate(_Booking.L10N.ACTION_SEARCH_CTA)), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+        bold: true,
+        small: true
+      }, translate(_Booking.L10N.LABEL_SEARCH_TITLE)), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+        small: true
+      }, translate(_Booking.L10N.LABEL_SEARCH)))
+    }],
+    visible: visible,
+    onPress: handleToggle,
+    className: style.search
+  }, /*#__PURE__*/_react.default.createElement(_ui.Action, {
+    onPress: handleToggle,
+    className: style.actionSearch
+  }, translate(_Booking.L10N.ACTION_SEARCH)));
+};
+Search.propTypes = {
+  value: _propTypes.default.func,
+  onChange: _propTypes.default.func
+};
+//# sourceMappingURL=Bookings.Search.js.map