npm - @mirai/core - Versions diffs - 0.4.110 → 0.4.112 - Mend

@mirai/core 0.4.110 → 0.4.112

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 (25) hide show

package/build/components/Profile/components/Bookings/Bookings.Skeleton.js ADDED Viewed

@@ -0,0 +1,95 @@
+"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 }; }
+const SPACE = 'var(--mirai-ui-space-M)';
+const BORDER_COLOR = 'var(--mirai-ui-content-background)';
+const BORDER_WIDTH = 'var(--mirai-ui-border-width)';
+var _default = () => {
+  const {
+    isDesktop,
+    isMobile,
+    isTablet
+  } = (0, _ui.useDevice)();
+  return /*#__PURE__*/_react.default.createElement(_ui.View, {
+    wide: true,
+    style: {
+      gap: SPACE
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    style: {
+      justifyContent: 'space-between'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    headline: true,
+    level: 2,
+    words: 2
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    button: true,
+    small: true,
+    words: 3
+  })), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    headline: isMobile,
+    words: 3
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: !isMobile,
+    style: {
+      gap: SPACE,
+      flexWrap: 'wrap'
+    }
+  }, Array.from({
+    length: 9
+  }).map((_, index) => /*#__PURE__*/_react.default.createElement(_ui.View, {
+    key: index,
+    style: {
+      border: "solid ".concat(BORDER_WIDTH, " ").concat(BORDER_COLOR),
+      flexBasis: isDesktop ? 'calc(33.33% - calc(calc(var(--mirai-ui-space-M) * 2) / 3)) !important' : isTablet ? 'calc(50% - calc(var(--mirai-ui-space-M) / 2))' : undefined
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    style: {
+      padding: SPACE
+    }
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    headline: !isMobile,
+    words: 2
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 5
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 2
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 2
+  })), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    style: {
+      backgroundColor: BORDER_COLOR,
+      height: BORDER_WIDTH
+    }
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    style: {
+      justifyContent: 'space-between',
+      padding: SPACE
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    headline: true,
+    level: isMobile ? 3 : 2,
+    words: 1
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 2
+  })), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    button: true,
+    words: 1
+  }))))));
+};
+exports.default = _default;
+//# sourceMappingURL=Bookings.Skeleton.js.map

package/build/components/Profile/components/Bookings/Bookings.Skeleton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Bookings.Skeleton.js","names":["_ui","require","_react","_interopRequireDefault","_shared__","obj","__esModule","default","SPACE","BORDER_COLOR","BORDER_WIDTH","_default","isDesktop","isMobile","isTablet","useDevice","createElement","View","wide","style","gap","row","justifyContent","Skeleton","headline","level","words","button","small","flexWrap","Array","from","length","map","_","index","key","border","concat","flexBasis","undefined","padding","backgroundColor","height","exports"],"sources":["../../../../../src/components/Profile/components/Bookings/Bookings.Skeleton.jsx"],"sourcesContent":["import { useDevice, View } from '@mirai/ui';\nimport React from 'react';\n\nimport { Skeleton } from '../../../__shared__';\n\nconst SPACE = 'var(--mirai-ui-space-M)';\nconst BORDER_COLOR = 'var(--mirai-ui-content-background)';\nconst BORDER_WIDTH = 'var(--mirai-ui-border-width)';\n\nexport default () => {\n const { isDesktop, isMobile, isTablet } = useDevice();\n\n return (\n <View wide style={{ gap: SPACE }}>\n <View row style={{ justifyContent: 'space-between' }}>\n <Skeleton headline level={2} words={2} />\n <Skeleton button small words={3} />\n </View>\n\n <Skeleton headline={isMobile} words={3} />\n\n <View row={!isMobile} style={{ gap: SPACE, flexWrap: 'wrap' }}>\n {Array.from({ length: 9 }).map((_, index) => (\n <View\n key={index}\n style={{\n border: `solid ${BORDER_WIDTH} ${BORDER_COLOR}`,\n flexBasis: isDesktop\n ? 'calc(33.33% - calc(calc(var(--mirai-ui-space-M) * 2) / 3)) !important'\n : isTablet\n ? 'calc(50% - calc(var(--mirai-ui-space-M) / 2))'\n : undefined,\n }}\n >\n <View style={{ padding: SPACE }}>\n <Skeleton headline={!isMobile} words={2} />\n <Skeleton small words={5} />\n <Skeleton small words={2} />\n <Skeleton small words={2} />\n </View>\n\n <View style={{ backgroundColor: BORDER_COLOR, height: BORDER_WIDTH }} />\n\n <View row style={{ justifyContent: 'space-between', padding: SPACE }}>\n <View>\n <Skeleton headline level={isMobile ? 3 : 2} words={1} />\n <Skeleton small words={2} />\n </View>\n <Skeleton button words={1} />\n </View>\n </View>\n ))}\n </View>\n </View>\n );\n};\n"],"mappings":"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"}

package/build/components/Profile/components/Bookings/Bookings.js CHANGED Viewed

@@ -13,9 +13,11 @@ var _Bookings = require("./Bookings.constants");
 var _Bookings2 = require("./Bookings.l10n");
 var style = _interopRequireWildcard(require("./Bookings.module.css"));
 var _Bookings3 = require("./Bookings.Search");
+var _Bookings4 = _interopRequireDefault(require("./Bookings.Skeleton"));
 var _helpers = require("./helpers");
 var _shared__ = require("../../../__shared__");
 var _helpers2 = require("../../../helpers");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 _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); }
@@ -28,6 +30,11 @@ const Bookings = () => {
     locale,
     translate
   } = (0, _locale.useLocale)();
+  const {
+    value: {
+      skeleton = false
+    } = {}
+  } = (0, _dataSources.useStore)();
   const [dataSource, setDataSource] = (0, _react.useState)();
   const [search, setSearch] = (0, _react.useState)();
   (0, _react.useEffect)(() => {
@@ -57,7 +64,7 @@ const Bookings = () => {
     bookings: Object.keys(bookings || {}).length > 0 || search,
     dataSource: dataSource !== undefined
   };
-  return /*#__PURE__*/_react.default.createElement(_ui.View, {
+  return !skeleton ? /*#__PURE__*/_react.default.createElement(_ui.View, {
     className: style.container
   }, /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
@@ -156,7 +163,7 @@ const Bookings = () => {
     info: true,
     large: true,
     className: style.notification
-  }, translate(_Bookings2.L10N.LABEL_NO_BOOKINGS)) : null);
+  }, translate(_Bookings2.L10N.LABEL_NO_BOOKINGS)) : null) : /*#__PURE__*/_react.default.createElement(_Bookings4.default, null);
 };
 exports.Bookings = Bookings;
 Bookings.displayName = 'Mirai:Core:Profile:Bookings';

package/build/components/Profile/components/Bookings/Bookings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Bookings.js","names":["_dataSources","require","_locale","_services","_ui","_react","_interopRequireWildcard","_Bookings","_Bookings2","style","_Bookings3","_helpers","_shared__","_helpers2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","Bookings","isMobile","useDevice","currencyFormat","locale","translate","useLocale","dataSource","setDataSource","useState","search","setSearch","useEffect","storage","Storage","adapter","LocalAdapter","cache","CACHE_LIMIT","STORAGE_KEY","response","ServiceUser","bookings","catch","handleManage","url","document","location","groupDatasource","caption","action","small","keys","undefined","createElement","View","className","container","row","title","Text","bold","headline","level","L10N","ACTION_MY_BOOKINGS","Search","value","onChange","entries","map","_ref","index","id","items","Fragment","num","Cards","booking","checkIn","checkOut","currency","hotel","image","city","price","base","total","text","taxesText","status","manage","site","is","cancelled","past","LABEL_PAST_BOOKINGS","Card","card","backgroundImage","concat","offset","getCalendarCaption","parseDate","Action","href","underline","ACTION_VIEW_HOTEL","spaceBetween","symbol","Tooltip","LABEL_BASE_PRICE_VALUE","accent","medium","LABEL_PRICE_DETAILS","Button","onPress","ACTION_MANAGE_BOOKING","disabled","LABEL_CANCELLED","Notification","info","large","notification","LABEL_NO_BOOKINGS","exports","displayName","propTypes"],"sources":["../../../../../src/components/Profile/components/Bookings/Bookings.jsx"],"sourcesContent":["import { LocalAdapter, Storage } from '@mirai/data-sources';\nimport { parseDate, useLocale } from '@mirai/locale';\nimport { ServiceUser } from '@mirai/services';\nimport { Action, Button, Notification, Text, Tooltip, useDevice, View } from '@mirai/ui';\nimport React, { useEffect, useState } from 'react';\n\nimport { CACHE_LIMIT, STORAGE_KEY } from './Bookings.constants';\nimport { L10N } from './Bookings.l10n';\nimport * as style from './Bookings.module.css';\nimport { Search } from './Bookings.Search';\nimport { groupDatasource } from './helpers';\nimport { Card, Cards } from '../../../__shared__';\nimport { getCalendarCaption } from '../../../helpers';\n\nconst Bookings = () => {\n const { isMobile } = useDevice();\n const { currencyFormat, locale, translate } = useLocale();\n\n const [dataSource, setDataSource] = useState();\n const [search, setSearch] = useState();\n\n useEffect(() => {\n (async () => {\n // * TODO: We should cache as long as the service responds so slow\n const storage = new Storage({ adapter: LocalAdapter, cache: CACHE_LIMIT });\n const cache = storage.get(STORAGE_KEY);\n if (cache) setDataSource(cache);\n\n const response = await ServiceUser.bookings().catch(() => {});\n storage.set(STORAGE_KEY, response);\n\n setDataSource(response \|\| []);\n })();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const handleManage = (url) => {\n document.location = url;\n };\n\n const bookings = groupDatasource(dataSource, search);\n const caption = { action: !isMobile, small: isMobile };\n const has = {\n bookings: Object.keys(bookings \|\| {}).length > 0 \|\| search,\n dataSource: dataSource !== undefined,\n };\n\n return (\n <View className={style.container}>\n <View row className={style.title}>\n <Text bold headline level={2}>\n {translate(L10N.ACTION_MY_BOOKINGS)}\n </Text>\n {has.bookings && <Search value={search} onChange={setSearch} />}\n </View>\n {has.bookings ? (\n Object.entries(bookings \|\| {}).map(([id, items = []], index) => (\n <>\n <Text key={index} bold headline={!isMobile}>\n {translate({ id }, { num: items.length })}\n </Text>\n\n <Cards>\n {items.map(\n ({\n booking,\n checkIn,\n checkOut,\n currency,\n hotel,\n image,\n location: { city } = {},\n price: { base, total, text: taxesText } = {},\n status,\n url: { manage, site } = {},\n } = {}) => {\n const is = { cancelled: status === 'CANCELLED', past: id === L10N.LABEL_PAST_BOOKINGS.id };\n\n return (\n <Card key={booking} className={style.card}>\n {!is.past && <View className={style.image} style={{ backgroundImage: `url(${image})` }} />}\n\n <View className={style.offset}>\n <Text bold headline={!isMobile} level={3}>\n {hotel}\n </Text>\n {checkIn && checkOut && (\n <Text {...caption}>\n {getCalendarCaption(\n [parseDate(checkIn), parseDate(checkOut)],\n translate,\n undefined,\n locale,\n )}\n </Text>\n )}\n {city && <Text {...caption}>{city}</Text>}\n\n <Action {...caption} href={site} underline>\n {translate(L10N.ACTION_VIEW_HOTEL)}\n </Action>\n </View>\n\n <View row className={[style.offset, style.spaceBetween]}>\n <View>\n <Text bold headline level={isMobile \|\| total >= 10000 ? 3 : 2}>\n {currencyFormat({ currency, symbol: true, value: total })}\n </Text>\n\n <Tooltip\n text={`${translate(L10N.LABEL_BASE_PRICE_VALUE, {\n value: currencyFormat({ currency, symbol: true, value: base }),\n })} ${taxesText}`}\n >\n <Text accent action={!isMobile} medium small={isMobile}>\n {translate(L10N.LABEL_PRICE_DETAILS)}\n </Text>\n </Tooltip>\n </View>\n\n {!is.cancelled && !is.past && (\n <Button onPress={() => handleManage(manage)}>{translate(L10N.ACTION_MANAGE_BOOKING)}</Button>\n )}\n\n {is.cancelled && <Button disabled>{translate(L10N.LABEL_CANCELLED)}</Button>}\n </View>\n </Card>\n );\n },\n )}\n </Cards>\n </>\n ))\n ) : has.dataSource ? (\n <Notification info large className={style.notification}>\n {translate(L10N.LABEL_NO_BOOKINGS)}\n </Notification>\n ) : null}\n </View>\n );\n};\n\nBookings.displayName = 'Mirai:Core:Profile:Bookings';\n\nBookings.propTypes = {};\n\nexport { Bookings };\n"],"mappings":"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"}
1	+ {"version":3,"file":"Bookings.js","names":["_dataSources","require","_locale","_services","_ui","_react","_interopRequireWildcard","_Bookings","_Bookings2","style","_Bookings3","_Bookings4","_interopRequireDefault","_helpers","_shared__","_helpers2","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","Bookings","isMobile","useDevice","currencyFormat","locale","translate","useLocale","value","skeleton","useStore","dataSource","setDataSource","useState","search","setSearch","useEffect","storage","Storage","adapter","LocalAdapter","cache","CACHE_LIMIT","STORAGE_KEY","response","ServiceUser","bookings","catch","handleManage","url","document","location","groupDatasource","caption","action","small","keys","undefined","createElement","View","className","container","row","title","Text","bold","headline","level","L10N","ACTION_MY_BOOKINGS","Search","onChange","entries","map","_ref","index","id","items","Fragment","num","Cards","booking","checkIn","checkOut","currency","hotel","image","city","price","base","total","text","taxesText","status","manage","site","is","cancelled","past","LABEL_PAST_BOOKINGS","Card","card","backgroundImage","concat","offset","getCalendarCaption","parseDate","Action","href","underline","ACTION_VIEW_HOTEL","spaceBetween","symbol","Tooltip","LABEL_BASE_PRICE_VALUE","accent","medium","LABEL_PRICE_DETAILS","Button","onPress","ACTION_MANAGE_BOOKING","disabled","LABEL_CANCELLED","Notification","info","large","notification","LABEL_NO_BOOKINGS","exports","displayName","propTypes"],"sources":["../../../../../src/components/Profile/components/Bookings/Bookings.jsx"],"sourcesContent":["import { LocalAdapter, useStore, Storage } from '@mirai/data-sources';\nimport { parseDate, useLocale } from '@mirai/locale';\nimport { ServiceUser } from '@mirai/services';\nimport { Action, Button, Notification, Text, Tooltip, useDevice, View } from '@mirai/ui';\nimport React, { useEffect, useState } from 'react';\n\nimport { CACHE_LIMIT, STORAGE_KEY } from './Bookings.constants';\nimport { L10N } from './Bookings.l10n';\nimport * as style from './Bookings.module.css';\nimport { Search } from './Bookings.Search';\nimport Skeleton from './Bookings.Skeleton';\nimport { groupDatasource } from './helpers';\nimport { Card, Cards } from '../../../__shared__';\nimport { getCalendarCaption } from '../../../helpers';\n\nconst Bookings = () => {\n const { isMobile } = useDevice();\n const { currencyFormat, locale, translate } = useLocale();\n const { value: { skeleton = false } = {} } = useStore();\n\n const [dataSource, setDataSource] = useState();\n const [search, setSearch] = useState();\n\n useEffect(() => {\n (async () => {\n // * TODO: We should cache as long as the service responds so slow\n const storage = new Storage({ adapter: LocalAdapter, cache: CACHE_LIMIT });\n const cache = storage.get(STORAGE_KEY);\n if (cache) setDataSource(cache);\n\n const response = await ServiceUser.bookings().catch(() => {});\n storage.set(STORAGE_KEY, response);\n\n setDataSource(response \|\| []);\n })();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const handleManage = (url) => {\n document.location = url;\n };\n\n const bookings = groupDatasource(dataSource, search);\n const caption = { action: !isMobile, small: isMobile };\n const has = {\n bookings: Object.keys(bookings \|\| {}).length > 0 \|\| search,\n dataSource: dataSource !== undefined,\n };\n\n return !skeleton ? (\n <View className={style.container}>\n <View row className={style.title}>\n <Text bold headline level={2}>\n {translate(L10N.ACTION_MY_BOOKINGS)}\n </Text>\n {has.bookings && <Search value={search} onChange={setSearch} />}\n </View>\n {has.bookings ? (\n Object.entries(bookings \|\| {}).map(([id, items = []], index) => (\n <>\n <Text key={index} bold headline={!isMobile}>\n {translate({ id }, { num: items.length })}\n </Text>\n\n <Cards>\n {items.map(\n ({\n booking,\n checkIn,\n checkOut,\n currency,\n hotel,\n image,\n location: { city } = {},\n price: { base, total, text: taxesText } = {},\n status,\n url: { manage, site } = {},\n } = {}) => {\n const is = { cancelled: status === 'CANCELLED', past: id === L10N.LABEL_PAST_BOOKINGS.id };\n\n return (\n <Card key={booking} className={style.card}>\n {!is.past && <View className={style.image} style={{ backgroundImage: `url(${image})` }} />}\n\n <View className={style.offset}>\n <Text bold headline={!isMobile} level={3}>\n {hotel}\n </Text>\n {checkIn && checkOut && (\n <Text {...caption}>\n {getCalendarCaption(\n [parseDate(checkIn), parseDate(checkOut)],\n translate,\n undefined,\n locale,\n )}\n </Text>\n )}\n {city && <Text {...caption}>{city}</Text>}\n\n <Action {...caption} href={site} underline>\n {translate(L10N.ACTION_VIEW_HOTEL)}\n </Action>\n </View>\n\n <View row className={[style.offset, style.spaceBetween]}>\n <View>\n <Text bold headline level={isMobile \|\| total >= 10000 ? 3 : 2}>\n {currencyFormat({ currency, symbol: true, value: total })}\n </Text>\n\n <Tooltip\n text={`${translate(L10N.LABEL_BASE_PRICE_VALUE, {\n value: currencyFormat({ currency, symbol: true, value: base }),\n })} ${taxesText}`}\n >\n <Text accent action={!isMobile} medium small={isMobile}>\n {translate(L10N.LABEL_PRICE_DETAILS)}\n </Text>\n </Tooltip>\n </View>\n\n {!is.cancelled && !is.past && (\n <Button onPress={() => handleManage(manage)}>{translate(L10N.ACTION_MANAGE_BOOKING)}</Button>\n )}\n\n {is.cancelled && <Button disabled>{translate(L10N.LABEL_CANCELLED)}</Button>}\n </View>\n </Card>\n );\n },\n )}\n </Cards>\n </>\n ))\n ) : has.dataSource ? (\n <Notification info large className={style.notification}>\n {translate(L10N.LABEL_NO_BOOKINGS)}\n </Notification>\n ) : null}\n </View>\n ) : (\n <Skeleton />\n );\n};\n\nBookings.displayName = 'Mirai:Core:Profile:Bookings';\n\nBookings.propTypes = {};\n\nexport { Bookings };\n"],"mappings":"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"}

package/build/components/Profile/components/Settings/Settings.Skeleton.js ADDED Viewed

@@ -0,0 +1,79 @@
+"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 }; }
+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 inputProps = {
+    wide: true,
+    style: {
+      height: 'var(--mirai-ui-input-min-height)'
+    }
+  };
+  const {
+    isMobile
+  } = (0, _ui.useDevice)();
+  return /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: !isMobile,
+    style: {
+      alignItems: 'flex-start',
+      gap: SPACE
+    }
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    base: true,
+    wide: true,
+    style: {
+      width: isMobile ? undefined : 'var(--mirai-ui-breakpoint-S)'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    button: true,
+    large: true,
+    wide: true,
+    words: 2
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    button: true,
+    large: true,
+    wide: true,
+    words: 1
+  })), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    wide: true,
+    style: {
+      gap: SPACE
+    }
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    headline: true,
+    level: 2,
+    words: 2,
+    style: {
+      marginBottom: SPACE
+    }
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    words: 9
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 4
+  })), Array.from({
+    length: 5
+  }).map((_, index) => /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({
+    key: index
+  }, inputProps))), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    style: {
+      gap: SPACE
+    }
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    icon: true
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 11
+  }))));
+};
+exports.default = _default;
+//# sourceMappingURL=Settings.Skeleton.js.map

package/build/components/Profile/components/Settings/Settings.Skeleton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Settings.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","inputProps","wide","style","height","isMobile","useDevice","createElement","View","row","alignItems","gap","Skeleton","base","width","undefined","button","large","words","headline","level","marginBottom","small","Array","from","map","_","index","icon","exports"],"sources":["../../../../../src/components/Profile/components/Settings/Settings.Skeleton.jsx"],"sourcesContent":["import { useDevice, 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 inputProps = { wide: true, style: { height: 'var(--mirai-ui-input-min-height)' } };\n const { isMobile } = useDevice();\n\n return (\n <View row={!isMobile} style={{ alignItems: 'flex-start', gap: SPACE }}>\n <Skeleton base wide style={{ width: isMobile ? undefined : 'var(--mirai-ui-breakpoint-S)' }}>\n <Skeleton button large wide words={2} />\n <Skeleton button large wide words={1} />\n </Skeleton>\n\n <View wide style={{ gap: SPACE }}>\n <Skeleton headline level={2} words={2} style={{ marginBottom: SPACE }} />\n <View>\n <Skeleton words={9} />\n <Skeleton small words={4} />\n </View>\n\n {Array.from({ length: 5 }).map((_, index) => (\n <Skeleton key={index} {...inputProps} />\n ))}\n\n <View row style={{ gap: SPACE }}>\n <Skeleton icon />\n <Skeleton small words={11} />\n </View>\n </View>\n </View>\n );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAA+C,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;AAE/C,MAAMQ,KAAK,GAAG,yBAAyB;AAAC,IAAAC,QAAA,GAEzBA,CAAA,KAAM;EACnB,MAAMC,UAAU,GAAG;IAAEC,IAAI,EAAE,IAAI;IAAEC,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAmC;EAAE,CAAC;EACxF,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,aAAS,EAAC,CAAC;EAEhC,oBACE3B,MAAA,CAAAK,OAAA,CAAAuB,aAAA,CAAC9B,GAAA,CAAA+B,IAAI;IAACC,GAAG,EAAE,CAACJ,QAAS;IAACF,KAAK,EAAE;MAAEO,UAAU,EAAE,YAAY;MAAEC,GAAG,EAAEZ;IAAM;EAAE,gBACpEpB,MAAA,CAAAK,OAAA,CAAAuB,aAAA,CAAC1B,SAAA,CAAA+B,QAAQ;IAACC,IAAI;IAACX,IAAI;IAACC,KAAK,EAAE;MAAEW,KAAK,EAAET,QAAQ,GAAGU,SAAS,GAAG;IAA+B;EAAE,gBAC1FpC,MAAA,CAAAK,OAAA,CAAAuB,aAAA,CAAC1B,SAAA,CAAA+B,QAAQ;IAACI,MAAM;IAACC,KAAK;IAACf,IAAI;IAACgB,KAAK,EAAE;EAAE,CAAE,CAAC,eACxCvC,MAAA,CAAAK,OAAA,CAAAuB,aAAA,CAAC1B,SAAA,CAAA+B,QAAQ;IAACI,MAAM;IAACC,KAAK;IAACf,IAAI;IAACgB,KAAK,EAAE;EAAE,CAAE,CAC/B,CAAC,eAEXvC,MAAA,CAAAK,OAAA,CAAAuB,aAAA,CAAC9B,GAAA,CAAA+B,IAAI;IAACN,IAAI;IAACC,KAAK,EAAE;MAAEQ,GAAG,EAAEZ;IAAM;EAAE,gBAC/BpB,MAAA,CAAAK,OAAA,CAAAuB,aAAA,CAAC1B,SAAA,CAAA+B,QAAQ;IAACO,QAAQ;IAACC,KAAK,EAAE,CAAE;IAACF,KAAK,EAAE,CAAE;IAACf,KAAK,EAAE;MAAEkB,YAAY,EAAEtB;IAAM;EAAE,CAAE,CAAC,eACzEpB,MAAA,CAAAK,OAAA,CAAAuB,aAAA,CAAC9B,GAAA,CAAA+B,IAAI,qBACH7B,MAAA,CAAAK,OAAA,CAAAuB,aAAA,CAAC1B,SAAA,CAAA+B,QAAQ;IAACM,KAAK,EAAE;EAAE,CAAE,CAAC,eACtBvC,MAAA,CAAAK,OAAA,CAAAuB,aAAA,CAAC1B,SAAA,CAAA+B,QAAQ;IAACU,KAAK;IAACJ,KAAK,EAAE;EAAE,CAAE,CACvB,CAAC,EAENK,KAAK,CAACC,IAAI,CAAC;IAAEhC,MAAM,EAAE;EAAE,CAAC,CAAC,CAACiC,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,kBACtChD,MAAA,CAAAK,OAAA,CAAAuB,aAAA,CAAC1B,SAAA,CAAA+B,QAAQ,EAAA3B,QAAA;IAACS,GAAG,EAAEiC;EAAM,GAAK1B,UAAU,CAAG,CACxC,CAAC,eAEFtB,MAAA,CAAAK,OAAA,CAAAuB,aAAA,CAAC9B,GAAA,CAAA+B,IAAI;IAACC,GAAG;IAACN,KAAK,EAAE;MAAEQ,GAAG,EAAEZ;IAAM;EAAE,gBAC9BpB,MAAA,CAAAK,OAAA,CAAAuB,aAAA,CAAC1B,SAAA,CAAA+B,QAAQ;IAACgB,IAAI;EAAA,CAAE,CAAC,eACjBjD,MAAA,CAAAK,OAAA,CAAAuB,aAAA,CAAC1B,SAAA,CAAA+B,QAAQ;IAACU,KAAK;IAACJ,KAAK,EAAE;EAAG,CAAE,CACxB,CACF,CACF,CAAC;AAEX,CAAC;AAAAW,OAAA,CAAA7C,OAAA,GAAAgB,QAAA"}

package/build/components/Profile/components/Settings/Settings.js CHANGED Viewed

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Settings = void 0;
+var _dataSources = require("@mirai/data-sources");
 var _locale = require("@mirai/locale");
 var _ui = require("@mirai/ui");
 var _react = _interopRequireWildcard(require("react"));
@@ -12,6 +13,8 @@ var _Settings2 = require("./Settings.constants");
 var style = _interopRequireWildcard(require("./Settings.module.css"));
 var _Settings3 = require("./Settings.Password");
 var _Settings4 = require("./Settings.Signout");
+var _Settings5 = _interopRequireDefault(require("./Settings.Skeleton"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
 const Settings = () => {
@@ -21,6 +24,11 @@ const Settings = () => {
   const {
     translate
   } = (0, _locale.useLocale)();
+  const {
+    value: {
+      skeleton = false
+    } = {}
+  } = (0, _dataSources.useStore)();
   const [context, setContext] = (0, _react.useState)(_Settings2.CONTEXT.ACCOUNT_DETAILS);
   const {
     label
@@ -28,7 +36,7 @@ const Settings = () => {
     let item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     return item.id === context;
   });
-  return /*#__PURE__*/_react.default.createElement(_ui.View, {
+  return !skeleton ? /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: !isMobile,
     className: style.settings
   }, /*#__PURE__*/_react.default.createElement(_ui.View, {
@@ -54,7 +62,7 @@ const Settings = () => {
     bold: true,
     headline: true,
     level: 2
-  }, translate(label)), context === _Settings2.CONTEXT.ACCOUNT_DETAILS && /*#__PURE__*/_react.default.createElement(_Settings.Account, null), context === _Settings2.CONTEXT.SECURITY && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Settings3.Password, null), /*#__PURE__*/_react.default.createElement(_Settings4.Signout, null))));
+  }, translate(label)), context === _Settings2.CONTEXT.ACCOUNT_DETAILS && /*#__PURE__*/_react.default.createElement(_Settings.Account, null), context === _Settings2.CONTEXT.SECURITY && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Settings3.Password, null), /*#__PURE__*/_react.default.createElement(_Settings4.Signout, null)))) : /*#__PURE__*/_react.default.createElement(_Settings5.default, null);
 };
 exports.Settings = Settings;
 Settings.displayName = 'Mirai:Core:Profile:Settings';

package/build/components/Profile/components/Settings/Settings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Settings.js","names":["~~_locale~~","require","_ui","_react","_interopRequireWildcard","_Settings","_Settings2","style","_Settings3","_Settings4","~~_getRequireWildcardCache~~","e","~~WeakMap~~","r","t","~~__esModule~~","~~default~~","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Settings","isMobile","useDevice","translate","useLocale","context","setContext","useState","CONTEXT","ACCOUNT_DETAILS","label","CONTEXTS","find","item","arguments","length","undefined","id","createElement","View","row","className","settings","menu","map","_ref","icon","Pressable","key","onPress","styles","option","active","testId","concat","Icon","~~value","~~Text","wide","form","bold","headline","level","Account","SECURITY","Fragment","Password","Signout","exports","displayName","propTypes"],"sources":["../../../../../src/components/Profile/components/Settings/Settings.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Icon, Pressable, styles, Text, useDevice, View } from '@mirai/ui';\nimport React, { useState } from 'react';\n\nimport { Account } from './Settings.Account';\nimport { CONTEXT, CONTEXTS } from './Settings.constants';\nimport * as style from './Settings.module.css';\nimport { Password } from './Settings.Password';\nimport { Signout } from './Settings.Signout';\n\nconst Settings = () => {\n const { isMobile } = useDevice();\n const { translate } = useLocale();\n\n const [context, setContext] = useState(CONTEXT.ACCOUNT_DETAILS);\n\n const { label } = CONTEXTS.find((item = {}) => item.id === context);\n\n return (\n <View row={!isMobile} className={style.settings}>\n <View className={style.menu}>\n {CONTEXTS.map(({ id, icon, label }) => (\n <Pressable\n key={id}\n onPress={() => setContext(id)}\n className={styles(style.option, context === id && style.active)}\n testId={`profile-context-${id}`}\n >\n <Icon value={icon} />\n <Text>{translate(label)}</Text>\n </Pressable>\n ))}\n </View>\n <View wide className={style.form}>\n <Text bold headline level={2}>\n {translate(label)}\n </Text>\n {context === CONTEXT.ACCOUNT_DETAILS && <Account />}\n {context === CONTEXT.SECURITY && (\n <>\n <Password />\n <Signout />\n </>\n )}\n </View>\n </View>\n );\n};\n\nSettings.displayName = 'Mirai:Core:Profile:Settings';\n\nSettings.propTypes = {};\n\nexport { Settings };\n"],"mappings":";;;;;;AAAA,IAAAA,~~OAAA~~,GAAAC,OAAA;AACA,IAAAC,~~GAAA~~,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,uBAAA,~~CAAAH~~,OAAA;AAEA,~~IAAAI~~,SAAA,~~GAAAJ~~,OAAA;AACA,~~IAAAK~~,UAAA,~~GAAAL~~,OAAA;AACA,~~IAAAM~~,KAAA,GAAAH,uBAAA,~~CAAAH~~,OAAA;AACA,~~IAAAO~~,UAAA,~~GAAAP~~,OAAA;AACA,~~IAAAQ~~,UAAA,~~GAAAR~~,OAAA;~~AAA6C~~,~~SAAAS~~,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,~~SAAAP~~,~~wBAAAO~~,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,~~CAAAI~~,UAAA,~~SAAAJ~~,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,~~WAAAK~~,OAAA,~~EAAAL~~,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,~~CAAAG~~,GAAA,~~CAAAN~~,CAAA,UAAAG,CAAA,~~CAAAI~~,GAAA,~~CAAAP~~,CAAA,~~OAAAQ~~,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,~~IAAAd~~,CAAA,~~oBAAAc~~,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,~~CAAAjB~~,CAAA,~~EAAAc~~,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,~~CAAAb~~,CAAA,~~EAAAc~~,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,~~IAAAd~~,CAAA,~~CAAAc~~,CAAA,YAAAN,CAAA,~~CAAAH~~,OAAA,~~GAAAL~~,CAAA,EAAAG,CAAA,IAAAA,CAAA,~~CAAAgB~~,GAAA,~~CAAAnB~~,CAAA,~~EAAAQ~~,CAAA,GAAAA,CAAA;~~AAE7C~~,MAAMY,QAAQ,GAAGA,CAAA,KAAM;EACrB,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,aAAS,EAAC,CAAC;EAChC,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;~~EAEjC~~,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAACC,kBAAO,CAACC,eAAe,CAAC;EAE/D,MAAM;IAAEC;EAAM,CAAC,GAAGC,mBAAQ,CAACC,IAAI,CAAC;IAAA,IAACC,IAAI,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;IAAA,OAAKD,IAAI,CAACI,EAAE,KAAKZ,OAAO;EAAA,EAAC;EAEnE,~~oBACEjC~~,MAAA,~~CAAAa~~,OAAA,~~CAAAiC~~,aAAA,~~CAAC/C~~,GAAA,~~CAAAgD~~,IAAI;IAACC,GAAG,EAAE,~~CAACnB~~,QAAS;~~IAACoB~~,SAAS,~~EAAE7C~~,KAAK,~~CAAC8C~~;EAAS,~~gBAC9ClD~~,MAAA,~~CAAAa~~,OAAA,~~CAAAiC~~,aAAA,~~CAAC/C~~,GAAA,~~CAAAgD~~,IAAI;IAACE,SAAS,~~EAAE7C~~,KAAK,~~CAAC+C~~;EAAK,GACzBZ,mBAAQ,CAACa,GAAG,CAACC,IAAA;IAAA,IAAC;MAAER,EAAE;MAAES,IAAI;MAAEhB;IAAM,CAAC,GAAAe,IAAA;IAAA,~~oBAChCrD~~,MAAA,~~CAAAa~~,OAAA,~~CAAAiC~~,aAAA,~~CAAC/C~~,GAAA,~~CAAAwD~~,SAAS;MACRC,GAAG,EAAEX,EAAG;MACRY,OAAO,EAAEA,CAAA,KAAMvB,UAAU,CAACW,EAAE,CAAE;MAC9BI,SAAS,EAAE,IAAAS,UAAM,~~EAACtD~~,KAAK,~~CAACuD~~,MAAM,EAAE1B,OAAO,KAAKY,EAAE,~~IAAIzC~~,KAAK,~~CAACwD~~,MAAM,CAAE;MAChEC,MAAM,qBAAAC,MAAA,CAAqBjB,EAAE;IAAG,~~gBAEhC7C~~,MAAA,~~CAAAa~~,OAAA,~~CAAAiC~~,aAAA,~~CAAC/C~~,GAAA,~~CAAAgE~~,IAAI;~~MAACC~~,KAAK,~~EAAEV~~;IAAK,CAAE,CAAC,~~eACrBtD~~,MAAA,~~CAAAa~~,OAAA,~~CAAAiC~~,aAAA,~~CAAC/C~~,GAAA,~~CAAAkE~~,IAAI,~~QAAElC~~,SAAS,~~CAACO~~,KAAK,CAAQ,CACrB,CAAC;EAAA,CACb,CACG,CAAC,~~eACPtC~~,MAAA,~~CAAAa~~,OAAA,~~CAAAiC~~,aAAA,~~CAAC/C~~,GAAA,~~CAAAgD~~,IAAI;~~IAACmB~~,IAAI;~~IAACjB~~,SAAS,~~EAAE7C~~,KAAK,~~CAAC+D~~;EAAK,gBAC/~~BnE~~,MAAA,~~CAAAa~~,OAAA,~~CAAAiC~~,aAAA,~~CAAC/C~~,GAAA,~~CAAAkE~~,IAAI;IAACG,IAAI;IAACC,QAAQ;IAACC,KAAK,EAAE;EAAE,~~GAC1BvC~~,SAAS,~~CAACO~~,KAAK,CACZ,CAAC,EACNL,OAAO,KAAKG,kBAAO,CAACC,eAAe,~~iBAAIrC~~,MAAA,~~CAAAa~~,OAAA,~~CAAAiC~~,aAAA,~~CAAC5C~~,SAAA,~~CAAAqE~~,OAAO,MAAE,CAAC,~~EAClDtC~~,OAAO,KAAKG,kBAAO,~~CAACoC~~,QAAQ,~~iBAC3BxE~~,MAAA,~~CAAAa~~,OAAA,~~CAAAiC~~,aAAA,~~CAAA9C~~,MAAA,~~CAAAa~~,OAAA,~~CAAA4D~~,QAAA,~~qBACEzE~~,MAAA,~~CAAAa~~,OAAA,~~CAAAiC~~,aAAA,~~CAACzC~~,UAAA,~~CAAAqE~~,QAAQ,MAAE,CAAC,~~eACZ1E~~,MAAA,~~CAAAa~~,OAAA,~~CAAAiC~~,aAAA,~~CAACxC~~,UAAA,~~CAAAqE~~,OAAO,MAAE,CACV,CAEA,CACF,CAAC;~~AAEX~~,CAAC;~~AAACC~~,OAAA,~~CAAAhD~~,QAAA,GAAAA,QAAA;AAEFA,QAAQ,~~CAACiD~~,WAAW,GAAG,6BAA6B;~~AAEpDjD~~,QAAQ,~~CAACkD~~,SAAS,GAAG,CAAC,CAAC"}
1	+ {"version":3,"file":"Settings.js","names":["_dataSources","require","_locale","_ui","_react","_interopRequireWildcard","_Settings","_Settings2","style","_Settings3","_Settings4","_Settings5","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Settings","isMobile","useDevice","translate","useLocale","value","skeleton","useStore","context","setContext","useState","CONTEXT","ACCOUNT_DETAILS","label","CONTEXTS","find","item","arguments","length","undefined","id","createElement","View","row","className","settings","menu","map","_ref","icon","Pressable","key","onPress","styles","option","active","testId","concat","Icon","Text","wide","form","bold","headline","level","Account","SECURITY","Fragment","Password","Signout","exports","displayName","propTypes"],"sources":["../../../../../src/components/Profile/components/Settings/Settings.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Icon, Pressable, styles, Text, useDevice, View } from '@mirai/ui';\nimport React, { useState } from 'react';\n\nimport { Account } from './Settings.Account';\nimport { CONTEXT, CONTEXTS } from './Settings.constants';\nimport * as style from './Settings.module.css';\nimport { Password } from './Settings.Password';\nimport { Signout } from './Settings.Signout';\nimport Skeleton from './Settings.Skeleton';\n\nconst Settings = () => {\n const { isMobile } = useDevice();\n const { translate } = useLocale();\n const { value: { skeleton = false } = {} } = useStore();\n\n const [context, setContext] = useState(CONTEXT.ACCOUNT_DETAILS);\n\n const { label } = CONTEXTS.find((item = {}) => item.id === context);\n\n return !skeleton ? (\n <View row={!isMobile} className={style.settings}>\n <View className={style.menu}>\n {CONTEXTS.map(({ id, icon, label }) => (\n <Pressable\n key={id}\n onPress={() => setContext(id)}\n className={styles(style.option, context === id && style.active)}\n testId={`profile-context-${id}`}\n >\n <Icon value={icon} />\n <Text>{translate(label)}</Text>\n </Pressable>\n ))}\n </View>\n <View wide className={style.form}>\n <Text bold headline level={2}>\n {translate(label)}\n </Text>\n {context === CONTEXT.ACCOUNT_DETAILS && <Account />}\n {context === CONTEXT.SECURITY && (\n <>\n <Password />\n <Signout />\n </>\n )}\n </View>\n </View>\n ) : (\n <Skeleton />\n );\n};\n\nSettings.displayName = 'Mirai:Core:Profile:Settings';\n\nSettings.propTypes = {};\n\nexport { Settings };\n"],"mappings":"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"}

package/build/components/Signup/Signup.Skeleton.js ADDED Viewed

@@ -0,0 +1,82 @@
+"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 }; }
+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 inputProps = {
+    wide: true,
+    style: {
+      height: 'var(--mirai-ui-input-min-height)'
+    }
+  };
+  const sectionProps = {
+    style: {
+      gap: SPACE,
+      padding: SPACE
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_ui.View, {
+    wide: true,
+    style: {
+      alignSelf: 'center',
+      maxWidth: 'calc(var(--mirai-ui-breakpoint-content) / 2)',
+      width: '100%'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, sectionProps, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    headline: true,
+    level: 2,
+    words: 5
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    words: 9
+  })), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    style: {
+      backgroundColor: 'var(--mirai-ui-content-background)',
+      height: 'var(--mirai-ui-border-width)'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, sectionProps, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 4
+  }), Array.from({
+    length: 6
+  }).map((_, index) => /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({
+    key: index
+  }, inputProps))), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 9
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    style: {
+      gap: SPACE
+    }
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    icon: true
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 4
+  })), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    style: {
+      gap: SPACE
+    }
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    icon: true
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 11
+  })), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    button: true,
+    large: true,
+    wide: true,
+    words: 1
+  })));
+};
+exports.default = _default;
+//# sourceMappingURL=Signup.Skeleton.js.map

package/build/components/Signup/Signup.Skeleton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Signup.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","inputProps","wide","style","height","sectionProps","gap","padding","createElement","View","alignSelf","maxWidth","width","Skeleton","headline","level","words","backgroundColor","small","Array","from","map","_","index","row","icon","button","large","exports"],"sources":["../../../src/components/Signup/Signup.Skeleton.jsx"],"sourcesContent":["import { 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 inputProps = { wide: true, style: { height: 'var(--mirai-ui-input-min-height)' } };\n const sectionProps = { style: { gap: SPACE, padding: SPACE } };\n\n return (\n <View\n wide\n style={{\n alignSelf: 'center',\n maxWidth: 'calc(var(--mirai-ui-breakpoint-content) / 2)',\n width: '100%',\n }}\n >\n <View {...sectionProps}>\n <Skeleton headline level={2} words={5} />\n <Skeleton words={9} />\n </View>\n <View style={{ backgroundColor: 'var(--mirai-ui-content-background)', height: 'var(--mirai-ui-border-width)' }} />\n\n <View {...sectionProps}>\n <Skeleton small words={4} />\n\n {Array.from({ length: 6 }).map((_, index) => (\n <Skeleton key={index} {...inputProps} />\n ))}\n\n <Skeleton small words={9} />\n\n <View row style={{ gap: SPACE }}>\n <Skeleton icon />\n <Skeleton small words={4} />\n </View>\n\n <View row style={{ gap: SPACE }}>\n <Skeleton icon />\n <Skeleton small words={11} />\n </View>\n\n <Skeleton button large wide words={1} />\n </View>\n </View>\n );\n};\n"],"mappings":"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"}

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

@@ -11,8 +11,10 @@ var _ui = require("@mirai/ui");
 var _react = _interopRequireWildcard(require("react"));
 var _Signup = require("./Signup.l10n");
 var style = _interopRequireWildcard(require("./Signup.module.css"));
+var _Signup2 = _interopRequireDefault(require("./Signup.Skeleton"));
 var _shared__ = require("../__shared__");
 var _helpers = require("../helpers");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
 const Signup = others => {
@@ -21,7 +23,8 @@ const Signup = others => {
     set,
     value: {
       club = {},
-      hotel = {}
+      hotel = {},
+      skeleton = false
     }
   } = (0, _dataSources.useStore)();
   const {
@@ -85,7 +88,7 @@ const Signup = others => {
     setBusy(false);
   };
   const hasRequiredFields = Object.keys(requiredFields || {}).length > 0;
-  return /*#__PURE__*/_react.default.createElement(_ui.View, {
+  return !skeleton ? /*#__PURE__*/_react.default.createElement(_ui.View, {
     role: "signup",
     tag: "signup",
     className: style.container
@@ -225,7 +228,7 @@ const Signup = others => {
     className: style.notification
   }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
     bold: true
-  }, translate(_Signup.L10N.SUCCESS_TITLE)), /*#__PURE__*/_react.default.createElement(_ui.Text, null, translate(_Signup.L10N.SUCCESS_MESSAGE))));
+  }, translate(_Signup.L10N.SUCCESS_TITLE)), /*#__PURE__*/_react.default.createElement(_ui.Text, null, translate(_Signup.L10N.SUCCESS_MESSAGE)))) : /*#__PURE__*/_react.default.createElement(_Signup2.default, null);
 };
 exports.Signup = Signup;
 Signup.displayName = 'Mirai:Core:Signup';