@twreporter/react-components 9.0.2 → 9.1.0-rc.0

package/lib/logo/index.js

@@ -28,21 +28,14 @@ Object.defineProperty(exports, "LogoSymbol", {
   }
 });
 exports["default"] = void 0;
-
 var _logoHeader = _interopRequireDefault(require("./components/logo-header"));
-
 var _logoFooter = _interopRequireDefault(require("./components/logo-footer"));
-
 var _logoSymbol = _interopRequireDefault(require("./components/logo-symbol"));
-
 var _logoLoadingFallback = _interopRequireDefault(require("./components/logo-loading-fallback"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
+var _default = exports["default"] = {
   LogoHeader: _logoHeader["default"],
   LogoFooter: _logoFooter["default"],
   LogoSymbol: _logoSymbol["default"],
   LogoFallback: _logoLoadingFallback["default"]
-};
-exports["default"] = _default;
+};

package/lib/logo/stories/logoFooter.stories.js

@@ -4,20 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.footer = exports["default"] = void 0;
-
 var _logoFooter = _interopRequireDefault(require("../components/logo-footer"));
-
 var _constants = require("../../storybook/constants");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
+var _default = exports["default"] = {
   title: 'Logo/Footer',
   component: _logoFooter["default"],
   argTypes: {
     releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
-exports["default"] = _default;
-var footer = {};
-exports.footer = footer;
+var footer = exports.footer = {};

package/lib/logo/stories/logoHeader.stories.js

@@ -4,24 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.header = exports["default"] = void 0;
-
 var _logoHeader = _interopRequireDefault(require("../components/logo-header"));
-
 var _constants = require("../../storybook/constants");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
+var _default = exports["default"] = {
   title: 'Logo/Header',
   component: _logoHeader["default"],
   argTypes: {
     releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
-exports["default"] = _default;
-var header = {
+var header = exports.header = {
   args: {
     type: _logoHeader["default"].Type.DEFAULT
   }
-};
-exports.header = header;
+};

package/lib/logo/stories/logoLoadingFallback.stories.js

@@ -4,20 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.fallback = exports["default"] = void 0;
-
 var _logoLoadingFallback = _interopRequireDefault(require("../components/logo-loading-fallback"));
-
 var _constants = require("../../storybook/constants");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
+var _default = exports["default"] = {
   title: 'Logo/Fallback',
   component: _logoLoadingFallback["default"],
   argTypes: {
     releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
-exports["default"] = _default;
-var fallback = {};
-exports.fallback = fallback;
+var fallback = exports.fallback = {};

package/lib/logo/stories/logoSymbol.stories.js

@@ -4,24 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.symbol = exports["default"] = void 0;
-
 var _logoSymbol = _interopRequireDefault(require("../components/logo-symbol"));
-
 var _constants = require("../../storybook/constants");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
+var _default = exports["default"] = {
   title: 'Logo/Symbol',
   component: _logoSymbol["default"],
   argTypes: {
     releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
-exports["default"] = _default;
-var symbol = {
+var symbol = exports.symbol = {
   args: {
     type: _logoSymbol["default"].Type.DEFAULT
   }
-};
-exports.symbol = symbol;
+};

package/lib/logo/utils/path.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var baseGCSDir = 'https://www.twreporter.org/images/logo/';
-
 function selectLogoPath(logoType, branch, type) {
   switch (logoType) {
     case 'header':
@@ -14,7 +13,6 @@ function selectLogoPath(logoType, branch, type) {
         var whitePath = "".concat(baseGCSDir, "logo-header-white.").concat(branch, ".svg");
         return type === 'white' ? whitePath : defaultPath;
       }
-
     case 'footer':
       {
         var path = {
@@ -23,7 +21,6 @@ function selectLogoPath(logoType, branch, type) {
         };
         return path[type];
       }
-
     case 'symbol':
       {
         var _path = {
@@ -33,20 +30,16 @@ function selectLogoPath(logoType, branch, type) {
         };
         return _path[type];
       }
-
     case 'loading-fallback':
       {
         return "".concat(baseGCSDir, "logo-loading-fallback.").concat(branch, ".svg");
       }
-
     default:
       {
         return '';
       }
   }
 }
-
-var _default = {
+var _default = exports["default"] = {
   selectLogoPath: selectLogoPath
-};
-exports["default"] = _default;
+};

package/lib/material-icon.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var StyledSymbol = /*#__PURE__*/_styledComponents["default"].span.withConfig({
   displayName: "material-icon__StyledSymbol",
   componentId: "sc-1mjrid5-0"
@@ -23,17 +18,16 @@ var StyledSymbol = /*#__PURE__*/_styledComponents["default"].span.withConfig({
 }, function (props) {
   return props.$weight;
 });
-
 var MeterialSymbol = function MeterialSymbol(_ref) {
   var icon = _ref.icon,
-      _ref$fill = _ref.fill,
-      fill = _ref$fill === void 0 ? false : _ref$fill,
-      _ref$weight = _ref.weight,
-      weight = _ref$weight === void 0 ? 400 : _ref$weight,
-      _ref$grade = _ref.grade,
-      grade = _ref$grade === void 0 ? 0 : _ref$grade,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? false : _ref$fill,
+    _ref$weight = _ref.weight,
+    weight = _ref$weight === void 0 ? 400 : _ref$weight,
+    _ref$grade = _ref.grade,
+    grade = _ref$grade === void 0 ? 0 : _ref$grade,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 24 : _ref$size;
   var className = 'material-symbols-outlined';
   return /*#__PURE__*/_react["default"].createElement(StyledSymbol, {
     className: className,
@@ -43,7 +37,6 @@ var MeterialSymbol = function MeterialSymbol(_ref) {
     $size: size
   }, icon);
 };
-
 MeterialSymbol.propTypes = {
   icon: _propTypes["default"].string.isRequired,
   fill: _propTypes["default"].bool,
@@ -51,5 +44,4 @@ MeterialSymbol.propTypes = {
   grade: _propTypes["default"].number,
   size: _propTypes["default"].number
 };
-var _default = MeterialSymbol;
-exports["default"] = _default;
+var _default = exports["default"] = MeterialSymbol;

package/lib/mobile-member-role-card/index.js

@@ -4,29 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 var _memberRole = require("@twreporter/core/lib/constants/member-role");
-
 var _readingTimeUnit = require("@twreporter/core/lib/constants/reading-time-unit");
-
 var _paragraph = require("../text/paragraph");
-
 var _CardBgColor, _CardP2TextColor, _CardP1TextColor, _CardMarkStyle;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var CardBgColor = (_CardBgColor = {}, _defineProperty(_CardBgColor, _memberRole.MEMBER_ROLE.explorer, _color.colorGrayscale.white), _defineProperty(_CardBgColor, _memberRole.MEMBER_ROLE.action_taker, _color.colorGrayscale.gray200), _defineProperty(_CardBgColor, _memberRole.MEMBER_ROLE.trailblazer, _color.colorGrayscale.gray900), _CardBgColor);
 var CardP2TextColor = (_CardP2TextColor = {}, _defineProperty(_CardP2TextColor, _memberRole.MEMBER_ROLE.explorer, _color.colorGrayscale.gray700), _defineProperty(_CardP2TextColor, _memberRole.MEMBER_ROLE.action_taker, _color.colorGrayscale.gray700), _defineProperty(_CardP2TextColor, _memberRole.MEMBER_ROLE.trailblazer, _color.colorGrayscale.gray200), _CardP2TextColor);
 var CardP1TextColor = (_CardP1TextColor = {}, _defineProperty(_CardP1TextColor, _memberRole.MEMBER_ROLE.explorer, _color.colorGrayscale.gray800), _defineProperty(_CardP1TextColor, _memberRole.MEMBER_ROLE.action_taker, _color.colorGrayscale.gray800), _defineProperty(_CardP1TextColor, _memberRole.MEMBER_ROLE.trailblazer, _color.colorGrayscale.white), _CardP1TextColor);
@@ -40,39 +31,32 @@ var CardMarkStyle = (_CardMarkStyle = {}, _defineProperty(_CardMarkStyle, _membe
   width: '219px',
   height: '328px'
 }), _CardMarkStyle);
-
 var CardContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "mobile-member-role-card__CardContainer",
   componentId: "sc-1n1fg2v-0"
 })(["width:100%;max-width:320px;min-width:296px;border-radius:16px;box-shadow:0px 4px 4px rgba(0,0,0,0.05),inset 2px 2px 4px rgba(255,255,255,0.5),inset -2px -2px 2px rgba(0,0,0,0.15);aspect-ratio:1/1.6;background-color:", ";padding:24px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:flex;flex-direction:row;position:relative;"], function (props) {
   return props.$bgColor;
 });
-
 var LeftColumn = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "mobile-member-role-card__LeftColumn",
   componentId: "sc-1n1fg2v-1"
 })(["width:100%;height:100%;margin-right:16px;display:flex;flex-direction:column;justify-content:space-between;"]);
-
 var RightColumn = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "mobile-member-role-card__RightColumn",
   componentId: "sc-1n1fg2v-2"
 })(["width:42px;"]);
-
 var LogoContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "mobile-member-role-card__LogoContainer",
   componentId: "sc-1n1fg2v-3"
 })(["width:100%;display:flex;justify-content:center;align-items:end;"]);
-
 var LogoImg = /*#__PURE__*/_styledComponents["default"].img.withConfig({
   displayName: "mobile-member-role-card__LogoImg",
   componentId: "sc-1n1fg2v-4"
 })(["width:16px;height:17px;"]);
-
 var MarkContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "mobile-member-role-card__MarkContainer",
   componentId: "sc-1n1fg2v-5"
 })(["position:absolute;left:0;top:0;"]);
-
 var MarkImgs = /*#__PURE__*/_styledComponents["default"].img.withConfig({
   displayName: "mobile-member-role-card__MarkImgs",
   componentId: "sc-1n1fg2v-6"
@@ -81,37 +65,30 @@ var MarkImgs = /*#__PURE__*/_styledComponents["default"].img.withConfig({
 }, function (props) {
   return CardMarkStyle[props.$role].height;
 });
-
 var InfoContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "mobile-member-role-card__InfoContainer",
   componentId: "sc-1n1fg2v-7"
 })(["display:flex;flex-direction:column;gap:8px;"]);
-
 var TextContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "mobile-member-role-card__TextContainer",
   componentId: "sc-1n1fg2v-8"
 })(["display:flex;flex-direction:row;justify-content:space-between;"]);
-
 var TitleContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "mobile-member-role-card__TitleContainer",
   componentId: "sc-1n1fg2v-9"
 })(["width:42px;height:100%;display:flex;flex-direction:column;justify-content:space-between;"]);
-
 var TitleImg = /*#__PURE__*/_styledComponents["default"].img.withConfig({
   displayName: "mobile-member-role-card__TitleImg",
   componentId: "sc-1n1fg2v-10"
 })(["width:100%;"]);
-
 var StyledP3 = /*#__PURE__*/(0, _styledComponents["default"])(_paragraph.P3).withConfig({
   displayName: "mobile-member-role-card__StyledP3",
   componentId: "sc-1n1fg2v-11"
 })(["color:", ";letter-spacing:0px;"], _color.colorGrayscale.gray500);
-
 var Gray500BottomLine = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "mobile-member-role-card__Gray500BottomLine",
   componentId: "sc-1n1fg2v-12"
 })(["border-bottom:0.5px solid;border-color:", ";flex:1;margin-left:8px;margin-right:8px;margin-bottom:4.5px;"], _color.colorGrayscale.gray500);
-
 var P2TextContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "mobile-member-role-card__P2TextContainer",
   componentId: "sc-1n1fg2v-13"
@@ -120,33 +97,31 @@ var P2TextContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 }, function (props) {
   return props.$email;
 });
-
 var StyledP1 = /*#__PURE__*/(0, _styledComponents["default"])(_paragraph.P1).withConfig({
   displayName: "mobile-member-role-card__StyledP1",
   componentId: "sc-1n1fg2v-14"
 })(["color:", ";line-height:125%;letter-spacing:1.6px;"], function (props) {
   return props.$color;
 });
-
 var MobileMemberRoleCard = function MobileMemberRoleCard(_ref) {
   var _ref$role = _ref.role,
-      role = _ref$role === void 0 ? _memberRole.MEMBER_ROLE.explorer : _ref$role,
-      _ref$releaseBranch = _ref.releaseBranch,
-      releaseBranch = _ref$releaseBranch === void 0 ? _releaseBranch.BRANCH.master : _ref$releaseBranch,
-      _ref$email = _ref.email,
-      email = _ref$email === void 0 ? '' : _ref$email,
-      _ref$joinDate = _ref.joinDate,
-      joinDate = _ref$joinDate === void 0 ? '' : _ref$joinDate,
-      _ref$name = _ref.name,
-      name = _ref$name === void 0 ? '' : _ref$name,
-      _ref$articleReadCount = _ref.articleReadCount,
-      articleReadCount = _ref$articleReadCount === void 0 ? 0 : _ref$articleReadCount,
-      _ref$articleReadingTi = _ref.articleReadingTimeUnit,
-      articleReadingTimeUnit = _ref$articleReadingTi === void 0 ? _readingTimeUnit.READING_TIME_UNIT.minute : _ref$articleReadingTi,
-      _ref$articleReadingTi2 = _ref.articleReadingTime,
-      articleReadingTime = _ref$articleReadingTi2 === void 0 ? 0 : _ref$articleReadingTi2,
-      _ref$hideInfo = _ref.hideInfo,
-      hideInfo = _ref$hideInfo === void 0 ? true : _ref$hideInfo;
+    role = _ref$role === void 0 ? _memberRole.MEMBER_ROLE.explorer : _ref$role,
+    _ref$releaseBranch = _ref.releaseBranch,
+    releaseBranch = _ref$releaseBranch === void 0 ? _releaseBranch.BRANCH.master : _ref$releaseBranch,
+    _ref$email = _ref.email,
+    email = _ref$email === void 0 ? '' : _ref$email,
+    _ref$joinDate = _ref.joinDate,
+    joinDate = _ref$joinDate === void 0 ? '' : _ref$joinDate,
+    _ref$name = _ref.name,
+    name = _ref$name === void 0 ? '' : _ref$name,
+    _ref$articleReadCount = _ref.articleReadCount,
+    articleReadCount = _ref$articleReadCount === void 0 ? 0 : _ref$articleReadCount,
+    _ref$articleReadingTi = _ref.articleReadingTimeUnit,
+    articleReadingTimeUnit = _ref$articleReadingTi === void 0 ? _readingTimeUnit.READING_TIME_UNIT.minute : _ref$articleReadingTi,
+    _ref$articleReadingTi2 = _ref.articleReadingTime,
+    articleReadingTime = _ref$articleReadingTi2 === void 0 ? 0 : _ref$articleReadingTi2,
+    _ref$hideInfo = _ref.hideInfo,
+    hideInfo = _ref$hideInfo === void 0 ? true : _ref$hideInfo;
   var logoUrl = "https://www.twreporter.org/assets/user-role-card/".concat(releaseBranch, "/").concat(role, "_logo.png");
   var titleUrl = "https://www.twreporter.org/assets/user-role-card/".concat(releaseBranch, "/").concat(role, "_title.svg");
   var markUrl = "https://www.twreporter.org/assets/user-role-card/".concat(releaseBranch, "/").concat(role, "_mark.png");
@@ -186,7 +161,6 @@ var MobileMemberRoleCard = function MobileMemberRoleCard(_ref) {
     src: logoUrl
   })))));
 };
-
 MobileMemberRoleCard.propTypes = {
   role: _propTypes["default"].oneOf(Object.values(_memberRole.MEMBER_ROLE)),
   releaseBranch: _releaseBranch.BRANCH_PROP_TYPES,
@@ -198,5 +172,4 @@ MobileMemberRoleCard.propTypes = {
   articleReadingTime: _propTypes["default"].number,
   hideInfo: _propTypes["default"].bool
 };
-var _default = MobileMemberRoleCard;
-exports["default"] = _default;
+var _default = exports["default"] = MobileMemberRoleCard;

package/lib/mobile-member-role-card/stories/member-role-card.stories.js

@@ -4,20 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.moblieMemberRoleCard = exports["default"] = void 0;
-
 var _index = _interopRequireDefault(require("../index"));
-
 var _getEnumArg = require("../../storybook/utils/get-enum-arg");
-
 var _constants = require("../../storybook/constants");
-
 var _memberRole = require("@twreporter/core/lib/constants/member-role");
-
 var _readingTimeUnit = require("@twreporter/core/src/constants/reading-time-unit");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
+var _default = exports["default"] = {
   title: 'Member Role Card',
   component: _index["default"],
   argTypes: {
@@ -26,8 +19,7 @@ var _default = {
     articleReadingTimeUnit: (0, _getEnumArg.getRadioArg)(_readingTimeUnit.READING_TIME_UNIT, _readingTimeUnit.READING_TIME_UNIT.minute)
   }
 };
-exports["default"] = _default;
-var moblieMemberRoleCard = {
+var moblieMemberRoleCard = exports.moblieMemberRoleCard = {
   args: {
     email: 'abc@mail.com',
     joinDate: '2022/1/8',
@@ -36,5 +28,4 @@ var moblieMemberRoleCard = {
     articleReadingTime: 380,
     hideInfo: false
   }
-};
-exports.moblieMemberRoleCard = moblieMemberRoleCard;
+};

package/lib/mobile-pop-up-modal.js

@@ -1,52 +1,32 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _zIndex = _interopRequireDefault(require("@twreporter/core/lib/constants/z-index"));
-
 var _excluded = ["modalWidth"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 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); }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } // twreporter
 var Modal = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "mobile-pop-up-modal__Modal",
   componentId: "sc-1m2meeu-0"
@@ -55,21 +35,16 @@ var Modal = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 }, function (props) {
   return props.$width;
 }, _zIndex["default"].popup);
-
 var MobileModal = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(MobileModal, _React$PureComponent);
-
   var _super = _createSuper(MobileModal);
-
   function MobileModal(props) {
     var _this;
-
     _classCallCheck(this, MobileModal);
-
-    _this = _super.call(this, props); // fix ios device not update vh value when toolbar show/hide
+    _this = _super.call(this, props);
+    // fix ios device not update vh value when toolbar show/hide
     // ref: https://developers.google.com/web/updates/2016/12/url-bar-resizing
     // ref: https://nicolas-hoizey.com/articles/2015/02/18/viewport-height-is-taller-than-the-visible-part-of-the-document-in-some-mobile-browsers/
-
     _this.state = {
       modalHeight: props.modalHeight === '100vh' ? "".concat(window.innerHeight, "px") : props.modalHeight
     };
@@ -80,7 +55,6 @@ var MobileModal = /*#__PURE__*/function (_React$PureComponent) {
     _this.handleTouchmoveWhenPanning = _this._handleTouchmoveWhenPanning.bind(_assertThisInitialized(_this));
     return _this;
   }
-
   _createClass(MobileModal, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -131,18 +105,15 @@ var MobileModal = /*#__PURE__*/function (_React$PureComponent) {
     key: "_handleTouchmoveWhenPanning",
     value: function _handleTouchmoveWhenPanning(event) {
       event.preventDefault();
-
       this._updateScrollY(event.changedTouches[0].screenY);
-
       this._updateStartY(event.changedTouches[0].screenY);
     }
   }, {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          modalWidth = _this$props.modalWidth,
-          rest = _objectWithoutProperties(_this$props, _excluded);
-
+        modalWidth = _this$props.modalWidth,
+        rest = _objectWithoutProperties(_this$props, _excluded);
       var modalHeight = this.state.modalHeight;
       return /*#__PURE__*/_react["default"].createElement(Modal, _extends({
         $height: modalHeight,
@@ -151,19 +122,14 @@ var MobileModal = /*#__PURE__*/function (_React$PureComponent) {
       }, rest));
     }
   }]);
-
   return MobileModal;
 }(_react["default"].PureComponent);
-
 _defineProperty(MobileModal, "propTypes", {
   modalHeight: _propTypes["default"].string,
   modalWidth: _propTypes["default"].string
 });
-
 _defineProperty(MobileModal, "defaultProps", {
   modalHeight: '100vh',
   modalWidth: '100vw'
 });
-
-var _default = MobileModal;
-exports["default"] = _default;
+var _default = exports["default"] = MobileModal;