npm - @mirai/core - Versions diffs - 0.4.103 → 0.4.105 - Mend

@mirai/core 0.4.103 → 0.4.105

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (65) hide show

package/build/components/Checkout/Checkout.skeleton.js CHANGED Viewed

@@ -9,55 +9,205 @@ var _react = _interopRequireDefault(require("react"));
 var _shared__ = require("../__shared__");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const SPACE = 'var(--mirai-ui-space-M)';
 var _default = () => {
   const {
+    isMobile,
     isDesktop
   } = (0, _ui.useDevice)();
-  const props = {
-    color: 'base'
+  const inputProps = {
+    wide: true,
+    style: {
+      height: 'var(--mirai-ui-input-min-height)'
+    }
   };
-  return /*#__PURE__*/_react.default.createElement(_ui.View, {
+  const sectionProps = {
+    base: true,
     style: {
-      alignItems: 'start'
-    },
-    wide: true
-  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+      gap: SPACE,
+      padding: SPACE
+    }
+  };
+  const fieldsetProps = {
     row: true,
     wide: true,
     style: {
-      alignItems: 'start',
-      alignSelf: 'center',
-      gap: '1rem',
-      maxWidth: 'var(--mirai-ui-breakpoint-content)'
+      gap: SPACE
     }
-  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+  };
+  const renderSummary = () => /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    base: true,
     style: {
       flex: 1,
-      gap: '1rem'
+      maxWidth: 'calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M) * 2)'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    style: {
+      borderBottom: 'solid var(--mirai-ui-border-width) var(--mirai-ui-content-background)',
+      gap: SPACE,
+      padding: SPACE
+    }
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    headline: isDesktop,
+    words: 2
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    wide: true
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: isMobile,
+    words: 1
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true,
+    words: 3
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 2
+  })), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    wide: true
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: isMobile,
+    words: 1
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true,
+    words: 3
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 2
+  }))), /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: isMobile,
+    words: 2
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true,
+    words: 4
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 2
+  })), /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: isMobile,
+    words: 1
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true,
+    words: 3
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 8
+  })), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    words: 3
+  })), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    style: {
+      gap: SPACE,
+      padding: SPACE
     }
-  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, props, {
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    headline: isDesktop,
+    words: 2
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
     style: {
-      height: '32rem'
+      gap: 'var(--mirai-ui-space-S)'
     }
-  })), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, props, {
+  }, Array.from({
+    length: 4
+  }).map((_, index) => /*#__PURE__*/_react.default.createElement(_ui.View, {
+    key: index,
+    row: true,
     style: {
-      height: '16rem'
+      justifyContent: 'space-between'
     }
-  })), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, props, {
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: index < 3,
+    words: 2
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: index < 3,
+    words: 1
+  })))), !isMobile && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    button: true,
+    wide: true,
+    large: true,
+    words: 2
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
     style: {
-      height: '16rem'
+      alignItems: 'center'
     }
-  })), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, props, {
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 7
+  })))));
+  return /*#__PURE__*/_react.default.createElement(_ui.View, {
+    style: {
+      alignItems: 'start'
+    },
+    wide: true
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    wide: true,
     style: {
-      height: '12rem'
+      alignItems: 'start',
+      alignSelf: 'center',
+      gap: SPACE,
+      maxWidth: 'var(--mirai-ui-breakpoint-content)'
     }
-  }))), isDesktop && /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, props, {
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
     style: {
       flex: 1,
-      maxWidth: 'calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M) * 2)',
-      height: '36rem'
+      gap: SPACE
+    }
+  }, !isDesktop && renderSummary(), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, sectionProps, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    headline: isDesktop,
+    words: 2
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 5
+  }), Array.from({
+    length: 3
+  }).map((_, index) => /*#__PURE__*/_react.default.createElement(_ui.View, _extends({
+    key: index
+  }, fieldsetProps), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, inputProps), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, inputProps))), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, inputProps), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 13
+  }), Array.from({
+    length: 2
+  }).map((_, index) => /*#__PURE__*/_react.default.createElement(_ui.View, {
+    key: index,
+    row: true,
+    style: {
+      gap: SPACE
     }
-  }))));
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    icon: true
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 15
+  })))), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, sectionProps, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    headline: isDesktop,
+    words: 2
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    words: 2
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, inputProps), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, inputProps), /*#__PURE__*/_react.default.createElement(_ui.View, fieldsetProps, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, inputProps), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, inputProps))), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, sectionProps, /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 6
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 24
+  })), /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 2
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 32
+  })), /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 2
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 8
+  })), /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 2
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 6
+  })))), isDesktop && renderSummary()));
 };
 exports.default = _default;
 //# sourceMappingURL=Checkout.skeleton.js.map

package/build/components/Checkout/Checkout.skeleton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkout.skeleton.js","names":["_ui","require","_react","_interopRequireDefault","_shared__","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_default","isDesktop","useDevice","props","color","createElement","View","style","alignItems","wide","row","alignSelf","gap","maxWidth","flex","Skeleton","height","exports"],"sources":["../../../src/components/Checkout/Checkout.skeleton.jsx"],"sourcesContent":["import { useDevice } from '@mirai/ui';\nimport { View } from '@mirai/ui';\nimport React from 'react';\n\nimport { Skeleton } from '../__shared__';\n\nexport default () => {\n const { isDesktop } = useDevice();\n\n const props = { color: 'base' };\n\n return (\n <View style={{ alignItems: 'start' }} wide>\n <View\n row\n wide\n style={{\n alignItems: 'start',\n alignSelf: 'center',\n gap: '1rem',\n maxWidth: 'var(--mirai-ui-breakpoint-content)',\n }}\n >\n <View style={{ flex: 1, gap: '1rem' }}>\n <Skeleton {...props} style={{ height: '32rem' }} />\n <Skeleton {...props} style={{ height: '16rem' }} />\n <Skeleton {...props} style={{ height: '16rem' }} />\n <Skeleton {...props} style={{ height: '12rem' }} />\n </View>\n {isDesktop && (\n <Skeleton\n {...props}\n style={{\n flex: 1,\n maxWidth: 'calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M) * 2)',\n height: '36rem',\n }}\n />\n )}\n </View>\n </View>\n );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEA,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,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,IAAAQ,QAAA,GAE1BA,CAAA,KAAM;EACnB,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,aAAS,EAAC,CAAC;EAEjC,MAAMC,KAAK,GAAG;IAAEC,KAAK,EAAE;EAAO,CAAC;EAE/B,oBACExB,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAAC3B,GAAA,CAAA4B,IAAI;IAACC,KAAK,EAAE;MAAEC,UAAU,EAAE;IAAQ,CAAE;IAACC,IAAI;EAAA,gBACxC7B,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAAC3B,GAAA,CAAA4B,IAAI;IACHI,GAAG;IACHD,IAAI;IACJF,KAAK,EAAE;MACLC,UAAU,EAAE,OAAO;MACnBG,SAAS,EAAE,QAAQ;MACnBC,GAAG,EAAE,MAAM;MACXC,QAAQ,EAAE;IACZ;EAAE,gBAEFjC,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAAC3B,GAAA,CAAA4B,IAAI;IAACC,KAAK,EAAE;MAAEO,IAAI,EAAE,CAAC;MAAEF,GAAG,EAAE;IAAO;EAAE,gBACpChC,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAACvB,SAAA,CAAAiC,QAAQ,EAAA7B,QAAA,KAAKiB,KAAK;IAAEI,KAAK,EAAE;MAAES,MAAM,EAAE;IAAQ;EAAE,EAAE,CAAC,eACnDpC,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAACvB,SAAA,CAAAiC,QAAQ,EAAA7B,QAAA,KAAKiB,KAAK;IAAEI,KAAK,EAAE;MAAES,MAAM,EAAE;IAAQ;EAAE,EAAE,CAAC,eACnDpC,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAACvB,SAAA,CAAAiC,QAAQ,EAAA7B,QAAA,KAAKiB,KAAK;IAAEI,KAAK,EAAE;MAAES,MAAM,EAAE;IAAQ;EAAE,EAAE,CAAC,eACnDpC,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAACvB,SAAA,CAAAiC,QAAQ,EAAA7B,QAAA,KAAKiB,KAAK;IAAEI,KAAK,EAAE;MAAES,MAAM,EAAE;IAAQ;EAAE,EAAE,CAC9C,CAAC,EACNf,SAAS,iBACRrB,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAACvB,SAAA,CAAAiC,QAAQ,EAAA7B,QAAA,KACHiB,KAAK;IACTI,KAAK,EAAE;MACLO,IAAI,EAAE,CAAC;MACPD,QAAQ,EAAE,kEAAkE;MAC5EG,MAAM,EAAE;IACV;EAAE,EACH,CAEC,CACF,CAAC;AAEX,CAAC;AAAAC,OAAA,CAAAhC,OAAA,GAAAe,QAAA"}
1	+ {"version":3,"file":"Checkout.skeleton.js","names":["_ui","require","_react","_interopRequireDefault","_shared__","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","SPACE","_default","isMobile","isDesktop","useDevice","inputProps","wide","style","height","sectionProps","base","gap","padding","fieldsetProps","row","renderSummary","createElement","Skeleton","flex","maxWidth","View","borderBottom","headline","words","action","small","Array","from","map","_","index","justifyContent","Fragment","button","large","alignItems","alignSelf","icon","exports"],"sources":["../../../src/components/Checkout/Checkout.skeleton.jsx"],"sourcesContent":["import { useDevice } from '@mirai/ui';\nimport { View } from '@mirai/ui';\nimport React from 'react';\n\nimport { Skeleton } from '../__shared__';\n\nconst SPACE = 'var(--mirai-ui-space-M)';\n\nexport default () => {\n const { isMobile, isDesktop } = useDevice();\n\n const inputProps = { wide: true, style: { height: 'var(--mirai-ui-input-min-height)' } };\n const sectionProps = { base: true, style: { gap: SPACE, padding: SPACE } };\n const fieldsetProps = { row: true, wide: true, style: { gap: SPACE } };\n\n const renderSummary = () => (\n <Skeleton base style={{ flex: 1, maxWidth: 'calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M) * 2)' }}>\n <View\n style={{\n borderBottom: 'solid var(--mirai-ui-border-width) var(--mirai-ui-content-background)',\n gap: SPACE,\n padding: SPACE,\n }}\n >\n <Skeleton headline={isDesktop} words={2} />\n <View row>\n <View wide>\n <Skeleton action={isMobile} words={1} />\n <Skeleton action words={3} />\n <Skeleton small words={2} />\n </View>\n\n <View wide>\n <Skeleton action={isMobile} words={1} />\n <Skeleton action words={3} />\n <Skeleton small words={2} />\n </View>\n </View>\n\n <View>\n <Skeleton action={isMobile} words={2} />\n <Skeleton action words={4} />\n <Skeleton small words={2} />\n </View>\n\n <View>\n <Skeleton action={isMobile} words={1} />\n <Skeleton action words={3} />\n <Skeleton small words={8} />\n </View>\n\n <Skeleton words={3} />\n </View>\n\n <View style={{ gap: SPACE, padding: SPACE }}>\n <Skeleton headline={isDesktop} words={2} />\n\n <View style={{ gap: 'var(--mirai-ui-space-S)' }}>\n {Array.from({ length: 4 }).map((_, index) => (\n <View key={index} row style={{ justifyContent: 'space-between' }}>\n <Skeleton action={index < 3} words={2} />\n <Skeleton action={index < 3} words={1} />\n </View>\n ))}\n </View>\n\n {!isMobile && (\n <>\n <Skeleton button wide large words={2} />\n\n <View style={{ alignItems: 'center' }}>\n <Skeleton small words={7} />\n </View>\n </>\n )}\n </View>\n </Skeleton>\n );\n\n return (\n <View style={{ alignItems: 'start' }} wide>\n <View\n row\n wide\n style={{\n alignItems: 'start',\n alignSelf: 'center',\n gap: SPACE,\n maxWidth: 'var(--mirai-ui-breakpoint-content)',\n }}\n >\n <View style={{ flex: 1, gap: SPACE }}>\n {!isDesktop && renderSummary()}\n\n <Skeleton {...sectionProps}>\n <Skeleton headline={isDesktop} words={2} />\n <Skeleton small words={5} />\n\n {Array.from({ length: 3 }).map((_, index) => (\n <View key={index} {...fieldsetProps}>\n <Skeleton {...inputProps} />\n <Skeleton {...inputProps} />\n </View>\n ))}\n <Skeleton {...inputProps} />\n <Skeleton small words={13} />\n {Array.from({ length: 2 }).map((_, index) => (\n <View key={index} row style={{ gap: SPACE }}>\n <Skeleton icon />\n <Skeleton small words={15} />\n </View>\n ))}\n </Skeleton>\n\n <Skeleton {...sectionProps}>\n <Skeleton headline={isDesktop} words={2} />\n <Skeleton words={2} />\n <Skeleton {...inputProps} />\n <Skeleton {...inputProps} />\n <View {...fieldsetProps}>\n <Skeleton {...inputProps} />\n <Skeleton {...inputProps} />\n </View>\n </Skeleton>\n\n <Skeleton {...sectionProps}>\n <View>\n <Skeleton small words={6} />\n <Skeleton small words={24} />\n </View>\n\n <View>\n <Skeleton small words={2} />\n <Skeleton small words={32} />\n </View>\n\n <View>\n <Skeleton small words={2} />\n <Skeleton small words={8} />\n </View>\n\n <View>\n <Skeleton small words={2} />\n <Skeleton small words={6} />\n </View>\n </Skeleton>\n </View>\n\n {isDesktop && renderSummary()}\n </View>\n </View>\n );\n};\n"],"mappings":"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"}

package/build/components/Deals/Deals.js CHANGED Viewed

@@ -26,7 +26,6 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 const Deals = _ref => {
   let {
     id: offerId,
-    skeleton,
     ...others
   } = _ref;
   const {
@@ -45,6 +44,7 @@ const Deals = _ref => {
       language,
       locale,
       origin,
+      skeleton = false,
       urlParams = {},
       ...store
     }
@@ -170,7 +170,14 @@ const Deals = _ref => {
   }), /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
     className: style.header
-  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+  }, skeleton ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    headline: true,
+    level: isMobile ? 3 : 2,
+    words: 3
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    button: true,
+    small: isMobile
+  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.Text, {
     bold: true,
     headline: true,
     level: isMobile ? 3 : 2,
@@ -183,7 +190,7 @@ const Deals = _ref => {
     testId: "deals-button-clear"
   }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
     value: _helpers2.ICON.CLEAR
-  }), translate(_Deals3.L10N.ACTION_CLEAR))), /*#__PURE__*/_react.default.createElement(_Deals.Calendar, _extends({}, dataSource === null || dataSource === void 0 ? void 0 : dataSource.calendar, {
+  }), translate(_Deals3.L10N.ACTION_CLEAR)))), /*#__PURE__*/_react.default.createElement(_Deals.Calendar, _extends({}, dataSource === null || dataSource === void 0 ? void 0 : dataSource.calendar, {
     value: calendar,
     visible: visible === _Deals2.FIELD.CALENDAR,
     visited: visited.calendar,
@@ -223,7 +230,12 @@ const Deals = _ref => {
     testId: "deals-promocode"
   }), !isMobile && /*#__PURE__*/_react.default.createElement(_ui.View, {
     className: style.footer
-  }), /*#__PURE__*/_react.default.createElement(_ui.Button, {
+  }), skeleton ? /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    button: true,
+    large: true,
+    wide: isMobile,
+    words: 2
+  }) : /*#__PURE__*/_react.default.createElement(_ui.Button, {
     busy: busy,
     disabled: !isValid,
     large: true,
@@ -235,7 +247,6 @@ const Deals = _ref => {
 };
 exports.Deals = Deals;
 Deals.propTypes = {
-  id: _propTypes.default.string,
-  skeleton: _propTypes.default.bool
+  id: _propTypes.default.string
 };
 //# sourceMappingURL=Deals.js.map

package/build/components/Deals/Deals.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Deals.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Deals","_Deals2","_Deals3","style","_helpers","_prepareRoom","_shared__","_toParties","_helpers2","_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","Deals","_ref","id","offerId","skeleton","others","isMobile","useDevice","translate","useLocale","value","cookies","currency","deals","hotel","language","locale","origin","urlParams","store","useStore","ref","useRef","busy","setBusy","useState","dataSource","setDataSource","error","setError","visible","setVisible","visited","setVisited","useEffect","document","addEventListener","handleClickOutside","window","handlePageShow","removeEventListener","getDataSource","occupation","minRooms","handleChange","Array","map","prepareRoom","concat","field","fieldValue","handleClear","undefined","_ref$current","current","contains","type","persisted","handleSubmit","calendar","promoCode","params","idoffers","idtokenprovider","lang","checkin","dateFormat","format","nights","dateDiff","days","clientCode","getCurrency","parties","btoa","JSON","stringify","toParties","hsri","commissionCode","location","href","process","env","SERVICE_BOOKING","REDIRECT_PATH","toQueryString","ServiceDeals","catch","isValid","validate","createElement","View","role","className","styles","row","header","Text","bold","headline","level","markdown","text","L10N","LABEL_SELECT_DATES_PERSONS","Button","small","transparent","onPress","testId","Icon","ICON","CLEAR","ACTION_CLEAR","Calendar","FIELD","CALENDAR","onChange","event","extras","FieldOccupation","hideLabel","hotels","OCCUPATION","onError","onValid","FieldPromocode","PROMOCODE","onEnter","onLeave","footer","disabled","large","wide","cta","ACTION_SEARCH","exports","propTypes","PropTypes","string","bool"],"sources":["../../../src/components/Deals/Deals.jsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps /\nimport { useStore } from '@mirai/data-sources';\nimport { dateFormat, dateDiff, useLocale } from '@mirai/locale';\nimport { ServiceDeals } from '@mirai/services';\nimport { Button, Icon, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { Calendar } from './Deals.Calendar';\nimport { FIELD, REDIRECT_PATH } from './Deals.constants';\nimport { L10N } from './Deals.l10n';\nimport as style from './Deals.module.css';\nimport { getCurrency, validate } from './helpers';\nimport { prepareRoom } from '../../helpers/prepareRoom';\nimport { FieldOccupation, FieldPromocode } from '../__shared__';\nimport { toParties } from '../__shared__/Occupation/helpers/toParties';\nimport { ICON, toQueryString } from '../helpers';\n\nconst Deals = ({ id: offerId, skeleton, ...others }) => {\n const { isMobile } = useDevice();\n const { translate } = useLocale();\n const {\n set,\n value: { cookies = {}, currency, deals: value = {}, hotel, language, locale, origin, urlParams = {}, ...store },\n } = useStore();\n const ref = useRef(null);\n\n const [busy, setBusy] = useState(false);\n const [dataSource, setDataSource] = useState();\n const [error, setError] = useState({});\n const [visible, setVisible] = useState();\n const [visited, setVisited] = useState({});\n\n useEffect(() => {\n !isMobile && document.addEventListener('click', handleClickOutside, true);\n\n window.addEventListener('pageshow', handlePageShow);\n\n return () => {\n !isMobile && document.removeEventListener('click', handleClickOutside, true);\n window.removeEventListener('pageshow', handlePageShow);\n };\n }, []);\n\n useEffect(() => {\n if (skeleton) return;\n\n (async () => setDataSource(await getDataSource()))();\n }, [currency, locale]);\n\n useEffect(() => {\n const { occupation: { minRooms = 1, dataSource: occupation = [] } = {} } = dataSource \|\| {};\n\n !value?.occupation &&\n occupation.length > 0 &&\n handleChange(\n 'occupation',\n [...Array(minRooms)].map(() => prepareRoom(occupation)),\n );\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [dataSource]);\n\n useEffect(() => {\n visible && setVisited({ ...visited, [`${visible}`]: true });\n }, [visible]);\n\n const handleChange = (field, fieldValue) => {\n if (!dataSource) return;\n\n set({ deals: { ...value, [field]: fieldValue } });\n };\n\n const handleClear = () => {\n set({ deals: undefined });\n setError({});\n setVisible();\n setVisited(false);\n };\n\n const handleClickOutside = ({ target } = {}) =>\n !ref.current?.contains(target) && target.type !== 'text' && setVisible();\n\n const handlePageShow = async ({ persisted } = {}) => {\n if (!persisted) return;\n\n setBusy(false);\n handleClear();\n setDataSource(await getDataSource());\n };\n\n const handleSubmit = () => {\n setBusy(true);\n const { calendar, occupation, promoCode } = value;\n\n const params = {\n idoffers: offerId,\n idtokenprovider: hotel.id,\n lang: language,\n checkin: dateFormat(calendar[0], { format: 'DD/MM/YYYY' }),\n nights: dateDiff(calendar[0], calendar[1]).days,\n clientCode: promoCode \|\| '',\n currency: getCurrency({ urlParams, cookies, currency }) \|\| '',\n parties: window.btoa(JSON.stringify(toParties(occupation))),\n hsri: origin.commissionCode,\n };\n window.location.href = `${process.env.SERVICE_BOOKING}/${REDIRECT_PATH}${toQueryString(params)}`;\n\n setBusy(true);\n };\n\n const getDataSource = () =>\n ServiceDeals.get({\n ...store,\n currency: getCurrency({ cookies, currency, urlParams }),\n hotel,\n locale,\n offerId,\n }).catch(() => {});\n\n const { calendar = [], occupation, promoCode = '' } = value;\n\n const isValid = validate({ dataSource, error, value });\n\n return (\n <View {...others} role=\"deals\" className={styles(style.deals, others.className)}>\n <View row className={style.header}>\n <Text bold headline level={isMobile ? 3 : 2} markdown={false} className={style.text}>\n {translate(L10N.LABEL_SELECT_DATES_PERSONS)}\n </Text>\n\n <Button small={isMobile} transparent onPress={handleClear} testId=\"deals-button-clear\">\n <Icon value={ICON.CLEAR} />\n {translate(L10N.ACTION_CLEAR)}\n </Button>\n </View>\n\n <Calendar\n {...dataSource?.calendar}\n value={calendar}\n visible={visible === FIELD.CALENDAR}\n visited={visited.calendar}\n onChange={(calendar, event) => handleChange('calendar', calendar, event)}\n onPress={() => setVisible(visible !== FIELD.CALENDAR ? FIELD.CALENDAR : undefined)}\n testId=\"deals-calendar\"\n />\n\n <View row={!isMobile} className={style.extras}>\n <FieldOccupation\n {...dataSource?.occupation}\n error={!!error.occupation}\n hideLabel={!isMobile}\n hotels={[hotel?.id]}\n ref={ref}\n value={occupation}\n visible={visible === FIELD.OCCUPATION}\n onChange={(occupation) => handleChange('occupation', occupation)}\n onError={(occupation) => {\n if (!isMobile && visible !== FIELD.OCCUPATION) setVisible(FIELD.OCCUPATION);\n setError({ ...error, occupation });\n }}\n onPress={() => setVisible(visible !== FIELD.OCCUPATION ? FIELD.OCCUPATION : undefined)}\n onValid={() => setError({ ...error, occupation: undefined })}\n testId=\"deals-occupation\"\n />\n\n <FieldPromocode\n value={promoCode}\n visible={visible === FIELD.PROMOCODE}\n onChange={(promoCode) => handleChange('promoCode', promoCode)}\n onEnter={() => setVisible(FIELD.PROMOCODE)}\n onLeave={() => setVisible(undefined)}\n testId=\"deals-promocode\"\n />\n\n {!isMobile && <View className={style.footer} />}\n\n <Button\n busy={busy}\n disabled={!isValid}\n large\n wide={isMobile}\n onPress={handleSubmit}\n className={style.cta}\n testId=\"deals-button\"\n >\n {translate(L10N.ACTION_SEARCH)}\n </Button>\n </View>\n </View>\n );\n};\n\nDeals.propTypes = {\n id: PropTypes.string,\n skeleton: PropTypes.bool,\n};\n\nexport { Deals };\n"],"mappings":"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"}
1	+ {"version":3,"file":"Deals.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Deals","_Deals2","_Deals3","style","_helpers","_prepareRoom","_shared__","_toParties","_helpers2","_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","Deals","_ref","id","offerId","others","isMobile","useDevice","translate","useLocale","value","cookies","currency","deals","hotel","language","locale","origin","skeleton","urlParams","store","useStore","ref","useRef","busy","setBusy","useState","dataSource","setDataSource","error","setError","visible","setVisible","visited","setVisited","useEffect","document","addEventListener","handleClickOutside","window","handlePageShow","removeEventListener","getDataSource","occupation","minRooms","handleChange","Array","map","prepareRoom","concat","field","fieldValue","handleClear","undefined","_ref$current","current","contains","type","persisted","handleSubmit","calendar","promoCode","params","idoffers","idtokenprovider","lang","checkin","dateFormat","format","nights","dateDiff","days","clientCode","getCurrency","parties","btoa","JSON","stringify","toParties","hsri","commissionCode","location","href","process","env","SERVICE_BOOKING","REDIRECT_PATH","toQueryString","ServiceDeals","catch","isValid","validate","createElement","View","role","className","styles","row","header","Fragment","Skeleton","headline","level","words","button","small","Text","bold","markdown","text","L10N","LABEL_SELECT_DATES_PERSONS","Button","transparent","onPress","testId","Icon","ICON","CLEAR","ACTION_CLEAR","Calendar","FIELD","CALENDAR","onChange","event","extras","FieldOccupation","hideLabel","hotels","OCCUPATION","onError","onValid","FieldPromocode","PROMOCODE","onEnter","onLeave","footer","large","wide","disabled","cta","ACTION_SEARCH","exports","propTypes","PropTypes","string"],"sources":["../../../src/components/Deals/Deals.jsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps /\nimport { useStore } from '@mirai/data-sources';\nimport { dateFormat, dateDiff, useLocale } from '@mirai/locale';\nimport { ServiceDeals } from '@mirai/services';\nimport { Button, Icon, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { Calendar } from './Deals.Calendar';\nimport { FIELD, REDIRECT_PATH } from './Deals.constants';\nimport { L10N } from './Deals.l10n';\nimport as style from './Deals.module.css';\nimport { getCurrency, validate } from './helpers';\nimport { prepareRoom } from '../../helpers/prepareRoom';\nimport { FieldOccupation, FieldPromocode, Skeleton } from '../__shared__';\nimport { toParties } from '../__shared__/Occupation/helpers/toParties';\nimport { ICON, toQueryString } from '../helpers';\n\nconst Deals = ({ id: offerId, ...others }) => {\n const { isMobile } = useDevice();\n const { translate } = useLocale();\n const {\n set,\n value: {\n cookies = {},\n currency,\n deals: value = {},\n hotel,\n language,\n locale,\n origin,\n skeleton = false,\n urlParams = {},\n ...store\n },\n } = useStore();\n const ref = useRef(null);\n\n const [busy, setBusy] = useState(false);\n const [dataSource, setDataSource] = useState();\n const [error, setError] = useState({});\n const [visible, setVisible] = useState();\n const [visited, setVisited] = useState({});\n\n useEffect(() => {\n !isMobile && document.addEventListener('click', handleClickOutside, true);\n\n window.addEventListener('pageshow', handlePageShow);\n\n return () => {\n !isMobile && document.removeEventListener('click', handleClickOutside, true);\n window.removeEventListener('pageshow', handlePageShow);\n };\n }, []);\n\n useEffect(() => {\n if (skeleton) return;\n\n (async () => setDataSource(await getDataSource()))();\n }, [currency, locale]);\n\n useEffect(() => {\n const { occupation: { minRooms = 1, dataSource: occupation = [] } = {} } = dataSource \|\| {};\n\n !value?.occupation &&\n occupation.length > 0 &&\n handleChange(\n 'occupation',\n [...Array(minRooms)].map(() => prepareRoom(occupation)),\n );\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [dataSource]);\n\n useEffect(() => {\n visible && setVisited({ ...visited, [`${visible}`]: true });\n }, [visible]);\n\n const handleChange = (field, fieldValue) => {\n if (!dataSource) return;\n\n set({ deals: { ...value, [field]: fieldValue } });\n };\n\n const handleClear = () => {\n set({ deals: undefined });\n setError({});\n setVisible();\n setVisited(false);\n };\n\n const handleClickOutside = ({ target } = {}) =>\n !ref.current?.contains(target) && target.type !== 'text' && setVisible();\n\n const handlePageShow = async ({ persisted } = {}) => {\n if (!persisted) return;\n\n setBusy(false);\n handleClear();\n setDataSource(await getDataSource());\n };\n\n const handleSubmit = () => {\n setBusy(true);\n const { calendar, occupation, promoCode } = value;\n\n const params = {\n idoffers: offerId,\n idtokenprovider: hotel.id,\n lang: language,\n checkin: dateFormat(calendar[0], { format: 'DD/MM/YYYY' }),\n nights: dateDiff(calendar[0], calendar[1]).days,\n clientCode: promoCode \|\| '',\n currency: getCurrency({ urlParams, cookies, currency }) \|\| '',\n parties: window.btoa(JSON.stringify(toParties(occupation))),\n hsri: origin.commissionCode,\n };\n window.location.href = `${process.env.SERVICE_BOOKING}/${REDIRECT_PATH}${toQueryString(params)}`;\n\n setBusy(true);\n };\n\n const getDataSource = () =>\n ServiceDeals.get({\n ...store,\n currency: getCurrency({ cookies, currency, urlParams }),\n hotel,\n locale,\n offerId,\n }).catch(() => {});\n\n const { calendar = [], occupation, promoCode = '' } = value;\n\n const isValid = validate({ dataSource, error, value });\n\n return (\n <View {...others} role=\"deals\" className={styles(style.deals, others.className)}>\n <View row className={style.header}>\n {skeleton ? (\n <>\n <Skeleton headline level={isMobile ? 3 : 2} words={3} />\n <Skeleton button small={isMobile} />\n </>\n ) : (\n <>\n <Text bold headline level={isMobile ? 3 : 2} markdown={false} className={style.text}>\n {translate(L10N.LABEL_SELECT_DATES_PERSONS)}\n </Text>\n\n <Button small={isMobile} transparent onPress={handleClear} testId=\"deals-button-clear\">\n <Icon value={ICON.CLEAR} />\n {translate(L10N.ACTION_CLEAR)}\n </Button>\n </>\n )}\n </View>\n\n <Calendar\n {...dataSource?.calendar}\n value={calendar}\n visible={visible === FIELD.CALENDAR}\n visited={visited.calendar}\n onChange={(calendar, event) => handleChange('calendar', calendar, event)}\n onPress={() => setVisible(visible !== FIELD.CALENDAR ? FIELD.CALENDAR : undefined)}\n testId=\"deals-calendar\"\n />\n\n <View row={!isMobile} className={style.extras}>\n <FieldOccupation\n {...dataSource?.occupation}\n error={!!error.occupation}\n hideLabel={!isMobile}\n hotels={[hotel?.id]}\n ref={ref}\n value={occupation}\n visible={visible === FIELD.OCCUPATION}\n onChange={(occupation) => handleChange('occupation', occupation)}\n onError={(occupation) => {\n if (!isMobile && visible !== FIELD.OCCUPATION) setVisible(FIELD.OCCUPATION);\n setError({ ...error, occupation });\n }}\n onPress={() => setVisible(visible !== FIELD.OCCUPATION ? FIELD.OCCUPATION : undefined)}\n onValid={() => setError({ ...error, occupation: undefined })}\n testId=\"deals-occupation\"\n />\n\n <FieldPromocode\n value={promoCode}\n visible={visible === FIELD.PROMOCODE}\n onChange={(promoCode) => handleChange('promoCode', promoCode)}\n onEnter={() => setVisible(FIELD.PROMOCODE)}\n onLeave={() => setVisible(undefined)}\n testId=\"deals-promocode\"\n />\n\n {!isMobile && <View className={style.footer} />}\n\n {skeleton ? (\n <Skeleton button large wide={isMobile} words={2} />\n ) : (\n <Button\n busy={busy}\n disabled={!isValid}\n large\n wide={isMobile}\n onPress={handleSubmit}\n className={style.cta}\n testId=\"deals-button\"\n >\n {translate(L10N.ACTION_SEARCH)}\n </Button>\n )}\n </View>\n </View>\n );\n};\n\nDeals.propTypes = {\n id: PropTypes.string,\n};\n\nexport { Deals };\n"],"mappings":"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"}

package/build/components/Deals/Deals.skeleton.js CHANGED Viewed

@@ -26,7 +26,7 @@ var _default = () => {
     bold: true,
     headline: true,
     level: 2
-  }, "Select dates and persons"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+  }, "d Select dates and persons"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
     action: true
   }, "Clear")), isMobile ? /*#__PURE__*/_react.default.createElement(_ui.View, {
     wide: true,
@@ -78,7 +78,9 @@ var _default = () => {
       paddingTop: '1.5rem',
       gap: '0.25rem'
     }
-  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, null, "Check-in \u2500 Check-out"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    words: 3
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, null, "Check-in \u2500 Check-out"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
     small: true
   }, "Approximate prices in undefined per 1 room, for undefined nights & undefined adults (Some taxes may not be included)")), /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
@@ -102,11 +104,9 @@ var _default = () => {
       flex: 1
     }
   }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    style: {
-      height: '3.5rem',
-      width: '15%'
-    }
-  }, "Find"))));
+    button: true,
+    words: 1
+  }))));
 };
 exports.default = _default;
 //# sourceMappingURL=Deals.skeleton.js.map

package/build/components/Deals/Deals.skeleton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Deals.skeleton.js","names":["_ui","require","_react","_interopRequireDefault","_shared__","obj","__esModule","default","_default","isMobile","useDevice","createElement","View","style","padding","maxWidth","row","justifyContent","Skeleton","bold","headline","level","action","wide","paddingTop","gap","height","marginTop","Fragment","small","width","flex","exports"],"sources":["../../../src/components/Deals/Deals.skeleton.jsx"],"sourcesContent":["import { View } from '@mirai/ui';\nimport { useDevice } from '@mirai/ui';\nimport React from 'react';\n\nimport { Skeleton } from '../__shared__';\n\nexport default () => {\n const { isMobile } = useDevice();\n\n return (\n <View style={{ padding: '1rem', maxWidth: '720px' }}>\n <View row style={{ justifyContent: 'space-between' }}>\n <Skeleton bold headline level={2}>\n Select dates and persons\n </Skeleton>\n <Skeleton action>Clear</Skeleton>\n </View>\n\n {isMobile ? (\n <View wide style={{ paddingTop: '2rem', gap: '0.5rem' }}>\n <Skeleton wide style={{ height: '3.5rem' }} />\n <Skeleton wide style={{ height: '3.5rem' }} />\n <Skeleton wide style={{ height: '3.5rem' }} />\n <Skeleton wide style={{ height: '2.5rem', marginTop: '1rem' }} />\n </View>\n ) : (\n <>\n <View row wide style={{ paddingTop: '1.5rem', gap: '2rem' }}>\n <Skeleton wide style={{ height: '20rem' }} />\n <Skeleton wide style={{ height: '20rem' }} />\n </View>\n <View wide style={{ paddingTop: '1.5rem', gap: '0.25rem' }}>\n <Skeleton>Check-in ─ Check-out</Skeleton>\n <Skeleton small>\n Approximate prices in undefined per 1 room, for undefined nights & undefined adults (Some taxes may not be\n included)\n </Skeleton>\n </View>\n <View row wide style={{ paddingTop: '1.5rem', gap: '1rem' }}>\n <Skeleton style={{ height: '3.5rem', width: '30%' }} />\n <Skeleton style={{ height: '3.5rem', width: '30%' }} />\n <View style={{ flex: 1 }} />\n <Skeleton ~~style~~={{ ~~height: '3.5rem', width: '15%' }}>Find</Skeleton>\~~n </View>\n </>\n )}\n </View>\n );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEA,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,GAE1BA,CAAA,KAAM;EACnB,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,aAAS,EAAC,CAAC;EAEhC,oBACER,MAAA,CAAAK,OAAA,CAAAI,aAAA,CAACX,GAAA,CAAAY,IAAI;IAACC,KAAK,EAAE;MAAEC,OAAO,EAAE,MAAM;MAAEC,QAAQ,EAAE;IAAQ;EAAE,gBAClDb,MAAA,CAAAK,OAAA,CAAAI,aAAA,CAACX,GAAA,CAAAY,IAAI;IAACI,GAAG;IAACH,KAAK,EAAE;MAAEI,cAAc,EAAE;IAAgB;EAAE,gBACnDf,MAAA,CAAAK,OAAA,CAAAI,aAAA,CAACP,SAAA,CAAAc,QAAQ;IAACC,IAAI;IAACC,QAAQ;IAACC,KAAK,EAAE;EAAE,GAAC,~~0BAExB~~,CAAC,eACXnB,MAAA,CAAAK,OAAA,CAAAI,aAAA,CAACP,SAAA,CAAAc,QAAQ;IAACI,MAAM;EAAA,GAAC,OAAe,CAC5B,CAAC,EAENb,QAAQ,gBACPP,MAAA,CAAAK,OAAA,CAAAI,aAAA,CAACX,GAAA,CAAAY,IAAI;IAACW,IAAI;IAACV,KAAK,EAAE;MAAEW,UAAU,EAAE,MAAM;MAAEC,GAAG,EAAE;IAAS;EAAE,gBACtDvB,MAAA,CAAAK,OAAA,CAAAI,aAAA,CAACP,SAAA,CAAAc,QAAQ;IAACK,IAAI;IAACV,KAAK,EAAE;MAAEa,MAAM,EAAE;IAAS;EAAE,CAAE,CAAC,eAC9CxB,MAAA,CAAAK,OAAA,CAAAI,aAAA,CAACP,SAAA,CAAAc,QAAQ;IAACK,IAAI;IAACV,KAAK,EAAE;MAAEa,MAAM,EAAE;IAAS;EAAE,CAAE,CAAC,eAC9CxB,MAAA,CAAAK,OAAA,CAAAI,aAAA,CAACP,SAAA,CAAAc,QAAQ;IAACK,IAAI;IAACV,KAAK,EAAE;MAAEa,MAAM,EAAE;IAAS;EAAE,CAAE,CAAC,eAC9CxB,MAAA,CAAAK,OAAA,CAAAI,aAAA,CAACP,SAAA,CAAAc,QAAQ;IAACK,IAAI;IAACV,KAAK,EAAE;MAAEa,MAAM,EAAE,QAAQ;MAAEC,SAAS,EAAE;IAAO;EAAE,CAAE,CAC5D,CAAC,gBAEPzB,MAAA,CAAAK,OAAA,CAAAI,aAAA,CAAAT,MAAA,CAAAK,OAAA,CAAAqB,QAAA,qBACE1B,MAAA,CAAAK,OAAA,CAAAI,aAAA,CAACX,GAAA,CAAAY,IAAI;IAACI,GAAG;IAACO,IAAI;IAACV,KAAK,EAAE;MAAEW,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAE;IAAO;EAAE,gBAC1DvB,MAAA,CAAAK,OAAA,CAAAI,aAAA,CAACP,SAAA,CAAAc,QAAQ;IAACK,IAAI;IAACV,KAAK,EAAE;MAAEa,MAAM,EAAE;IAAQ;EAAE,CAAE,CAAC,eAC7CxB,MAAA,CAAAK,OAAA,CAAAI,aAAA,CAACP,SAAA,CAAAc,QAAQ;IAACK,IAAI;IAACV,KAAK,EAAE;MAAEa,MAAM,EAAE;IAAQ;EAAE,CAAE,CACxC,CAAC,eACPxB,MAAA,CAAAK,OAAA,CAAAI,aAAA,CAACX,GAAA,CAAAY,IAAI;IAACW,IAAI;IAACV,KAAK,EAAE;MAAEW,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAE;IAAU;EAAE,gBACzDvB,MAAA,CAAAK,OAAA,CAAAI,aAAA,CAACP,SAAA,CAAAc,QAAQ,QAAC,2BAA8B,CAAC,eACzChB,MAAA,CAAAK,OAAA,CAAAI,aAAA,CAACP,SAAA,CAAAc,QAAQ;~~IAACW~~,KAAK;EAAA,GAAC,sHAGN,CACN,CAAC,~~eACP3B~~,MAAA,CAAAK,OAAA,CAAAI,aAAA,CAACX,GAAA,CAAAY,IAAI;IAACI,GAAG;IAACO,IAAI;IAACV,KAAK,EAAE;MAAEW,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAE;IAAO;EAAE,gBAC1DvB,MAAA,CAAAK,OAAA,CAAAI,aAAA,CAACP,SAAA,CAAAc,QAAQ;IAACL,KAAK,EAAE;MAAEa,MAAM,EAAE,QAAQ;~~MAAEI~~,KAAK,EAAE;IAAM;EAAE,CAAE,CAAC,~~eACvD5B~~,MAAA,CAAAK,OAAA,CAAAI,aAAA,CAACP,SAAA,CAAAc,QAAQ;IAACL,KAAK,EAAE;MAAEa,MAAM,EAAE,QAAQ;~~MAAEI~~,KAAK,EAAE;IAAM;EAAE,CAAE,CAAC,~~eACvD5B~~,MAAA,CAAAK,OAAA,CAAAI,aAAA,CAACX,GAAA,CAAAY,IAAI;IAACC,KAAK,EAAE;~~MAAEkB~~,IAAI,EAAE;IAAE;EAAE,CAAE,CAAC,~~eAC5B7B~~,MAAA,CAAAK,OAAA,CAAAI,aAAA,CAACP,SAAA,CAAAc,QAAQ;~~IAACL~~,~~KAAK,EAAE;MAAEa,~~MAAM~~,EAAE,QAAQ~~;~~MAAEI~~,KAAK,EAAE;~~IAAM;~~EAAE,~~GAAC~~,~~MAAc~~,~~CAC/D,~~CACN,CAEA,CAAC;AAEX,CAAC;~~AAAAE~~,OAAA,~~CAAAzB~~,OAAA,GAAAC,QAAA"}
1	+ {"version":3,"file":"Deals.skeleton.js","names":["_ui","require","_react","_interopRequireDefault","_shared__","obj","__esModule","default","_default","isMobile","useDevice","createElement","View","style","padding","maxWidth","row","justifyContent","Skeleton","bold","headline","level","action","wide","paddingTop","gap","height","marginTop","Fragment","words","small","width","flex","button","exports"],"sources":["../../../src/components/Deals/Deals.skeleton.jsx"],"sourcesContent":["import { View } from '@mirai/ui';\nimport { useDevice } from '@mirai/ui';\nimport React from 'react';\n\nimport { Skeleton } from '../__shared__';\n\nexport default () => {\n const { isMobile } = useDevice();\n\n return (\n <View style={{ padding: '1rem', maxWidth: '720px' }}>\n <View row style={{ justifyContent: 'space-between' }}>\n <Skeleton bold headline level={2}>\n d Select dates and persons\n </Skeleton>\n <Skeleton action>Clear</Skeleton>\n </View>\n\n {isMobile ? (\n <View wide style={{ paddingTop: '2rem', gap: '0.5rem' }}>\n <Skeleton wide style={{ height: '3.5rem' }} />\n <Skeleton wide style={{ height: '3.5rem' }} />\n <Skeleton wide style={{ height: '3.5rem' }} />\n <Skeleton wide style={{ height: '2.5rem', marginTop: '1rem' }} />\n </View>\n ) : (\n <>\n <View row wide style={{ paddingTop: '1.5rem', gap: '2rem' }}>\n <Skeleton wide style={{ height: '20rem' }} />\n <Skeleton wide style={{ height: '20rem' }} />\n </View>\n <View wide style={{ paddingTop: '1.5rem', gap: '0.25rem' }}>\n <Skeleton words={3} />\n <Skeleton>Check-in ─ Check-out</Skeleton>\n <Skeleton small>\n Approximate prices in undefined per 1 room, for undefined nights & undefined adults (Some taxes may not be\n included)\n </Skeleton>\n </View>\n <View row wide style={{ paddingTop: '1.5rem', gap: '1rem' }}>\n <Skeleton style={{ height: '3.5rem', width: '30%' }} />\n <Skeleton style={{ height: '3.5rem', width: '30%' }} />\n <View style={{ flex: 1 }} />\n <Skeleton button words={1} />\n </View>\n </>\n )}\n </View>\n );\n};\n"],"mappings":"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"}

package/build/components/Finder/Finder.compact.js CHANGED Viewed

@@ -13,12 +13,17 @@ var _Finder = require("./Finder.constants");
 var _Finder2 = require("./Finder.l10n");
 var style = _interopRequireWildcard(require("./Finder.module.css"));
 var _helpers = require("./helpers");
+var _shared__ = require("../__shared__");
 var _BookingDates = require("../__shared__/BookingDates/BookingDates.l10n");
 var _helpers2 = require("../helpers");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const {
+  CHAIN,
+  HOTEL
+} = _Finder.TYPE;
 const DATE_FORMAT_COMPACT = {
   month: 'short',
   day: 'numeric'
@@ -58,11 +63,13 @@ const Compact = function () {
         hotels: dataSource,
         lodgingDenomination: individual
       } = {},
-      locale
+      locale,
+      skeleton = false,
+      type = HOTEL
     }
   } = (0, _dataSources.useStore)();
   const direction = _ui.Theme.getDirection();
-  const hasPlaces = !!(place || places.options);
+  const hasPlaces = !!(place || places.options) || skeleton && type === CHAIN;
   const hotels = (0, _helpers.getHotels)(placesSource, place);
   const captionProps = {
     action: isTablet || !hasPlaces,
@@ -71,46 +78,56 @@ const Compact = function () {
     className: style.caption
   };
   const iconProps = {
-    className: style.icon
+    light: true,
+    className: (0, _ui.styles)(style.icon, skeleton && style.skeleton)
   };
   return /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
     tag: "finder-compact",
     className: (0, _ui.styles)(style.finder, style.compact, hasPlaces && style.hasPlaces, direction === LEFT ? style.directionLeft : style.directionRight)
   }, hasPlaces && /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
-    onPress: () => onExpand(_Finder.VIEW.PLACE),
+    onPress: !skeleton ? () => onExpand(_Finder.VIEW.PLACE) : undefined,
     className: style.pressable
   }, /*#__PURE__*/_react.default.createElement(_ui.Icon, _extends({}, iconProps, {
     value: _Finder.FIELD.PLACE.icon
   })), !isMobile && /*#__PURE__*/_react.default.createElement(_ui.Text, captionProps, (0, _helpers.getPlaceCaption)(place, places.options))), /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
-    onPress: () => onExpand(_Finder.VIEW.CALENDAR),
+    onPress: !skeleton ? () => onExpand(_Finder.VIEW.CALENDAR) : undefined,
     className: [style.pressable, style.calendar],
     testId: others.testId ? "".concat(others.testId, "-calendar-field") : undefined
   }, (!isMobile || isMobile && !hasPlaces) && /*#__PURE__*/_react.default.createElement(_ui.Icon, _extends({}, iconProps, {
     value: _Finder.FIELD.CALENDAR.icon
-  })), /*#__PURE__*/_react.default.createElement(_ui.Text, captionProps, "".concat(from ? dateFormat(from, {
+  })), !skeleton ? /*#__PURE__*/_react.default.createElement(_ui.Text, captionProps, "".concat(from ? dateFormat(from, {
     locale,
     ...DATE_FORMAT_COMPACT
   }) : translate(_BookingDates.L10N.LABEL_CHECK_IN), " \u2500 ").concat(to ? dateFormat(to, {
     locale,
     ...DATE_FORMAT_COMPACT
-  }) : translate(_BookingDates.L10N.LABEL_CHECK_OUT)))), /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
-    onPress: () => onExpand(_Finder.VIEW.OCCUPATION),
+  }) : translate(_BookingDates.L10N.LABEL_CHECK_OUT))) : /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, captionProps, {
+    words: 2
+  }))), /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
+    onPress: !skeleton ? () => onExpand(_Finder.VIEW.OCCUPATION) : undefined,
     className: style.pressable,
     testId: others.testId ? "".concat(others.testId, "-occupation-field") : undefined
   }, /*#__PURE__*/_react.default.createElement(_ui.Icon, _extends({}, iconProps, {
     value: _Finder.FIELD.OCCUPATION.icon
-  })), /*#__PURE__*/_react.default.createElement(_ui.Text, captionProps, (0, _helpers2.getOccupationSummary)(occupation, translate, !isMobile ? (0, _helpers2.getAccommodationType)({
+  })), !skeleton ? /*#__PURE__*/_react.default.createElement(_ui.Text, captionProps, (0, _helpers2.getOccupationSummary)(occupation, translate, !isMobile ? (0, _helpers2.getAccommodationType)({
     dataSource,
     hotels,
     individual
-  }) : undefined))), /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
-    onPress: () => onExpand(_Finder.VIEW.PROMOCODE),
+  }) : undefined)) : /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, captionProps, {
+    words: 1
+  }))), /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
+    onPress: !skeleton ? () => onExpand(_Finder.VIEW.PROMOCODE) : undefined,
     className: style.pressable,
     testId: others.testId ? "".concat(others.testId, "-promocode") : undefined
   }, /*#__PURE__*/_react.default.createElement(_ui.Icon, _extends({}, iconProps, {
     value: _Finder.FIELD.PROMOCODE.icon
-  })), promocode && !isMobile && /*#__PURE__*/_react.default.createElement(_ui.Text, captionProps, promocode)), onSubmit && /*#__PURE__*/_react.default.createElement(_ui.Button, {
+  })), promocode && !isMobile && /*#__PURE__*/_react.default.createElement(_ui.Text, captionProps, promocode)), onSubmit ? skeleton ? /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    button: true,
+    small: true,
+    squared: true,
+    className: (0, _ui.styles)(style.button, style.skeleton)
+  }) : /*#__PURE__*/_react.default.createElement(_ui.Button, {
     small: true,
     squared: true,
     onPress: onSubmit,
@@ -119,7 +136,7 @@ const Compact = function () {
     testId: others.testId ? "".concat(others.testId, "-submit") : undefined
   }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
     value: _helpers2.ICON.SEARCH
-  })));
+  })) : null);
 };
 exports.Compact = Compact;
 Compact.propTypes = {