jfs-components 0.1.25 → 0.1.30

package/lib/commonjs/components/ProfileCard/ProfileCard.js

@@ -0,0 +1,208 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
+var _JFSThemeProvider = require("../../design-tokens/JFSThemeProvider");
+var _reactUtils = require("../../utils/react-utils");
+var _Avatar = _interopRequireDefault(require("../Avatar/Avatar"));
+var _Attached = _interopRequireDefault(require("../Attached/Attached"));
+var _IconCapsule = _interopRequireDefault(require("../IconCapsule/IconCapsule"));
+var _ListItem = _interopRequireDefault(require("../ListItem/ListItem"));
+var _UpiHandle = _interopRequireDefault(require("../UpiHandle/UpiHandle"));
+var _Divider = _interopRequireDefault(require("../Divider/Divider"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * A single UPI handle pill rendered under the profile name.
+ */
+
+// Forced modes for everything rendered inside the card — the profile card is
+// an on-dark (jioPlus) surface, so child components (Avatar, UpiHandle,
+// ListItem, Divider, Text, Button, …) must resolve their tokens through the
+// `context 10: jioPlus` mode. Consumer modes are spread first so appearance
+// modes (e.g. `Profile Card Appearance: Premium`) still cascade through.
+const CARD_CONTEXT = Object.freeze({
+  'context 10': 'jioPlus'
+});
+const DEFAULT_UPI_HANDLES = [{
+  label: 'username@jio',
+  iconName: 'ic_copy'
+}, {
+  label: '9999999999',
+  iconName: 'ic_confirm'
+}];
+function resolveProfileCardTokens(modes) {
+  const backgroundColor = (0, _figmaVariablesResolver.getVariableByName)('profileCard/bg', modes) ?? '#00065a';
+  const gap = (0, _figmaVariablesResolver.getVariableByName)('profileCard/gap', modes) ?? 12;
+  const borderRadius = (0, _figmaVariablesResolver.getVariableByName)('profileCard/radius', modes) ?? 12;
+  const paddingHorizontal = (0, _figmaVariablesResolver.getVariableByName)('profileCard/padding/horizontal', modes) ?? 20;
+  const paddingVertical = (0, _figmaVariablesResolver.getVariableByName)('profileCard/padding/vertical', modes) ?? 20;
+  const childModes = {
+    ...modes,
+    ...CARD_CONTEXT
+  };
+
+  // The UPI handle pills sit in the header ListItem's support slot, whose row
+  // gap is the `slot/gap` token in the ListItem context.
+  const handlesGap = (0, _figmaVariablesResolver.getVariableByName)('slot/gap', {
+    ...childModes,
+    Context: 'ListItem'
+  }) ?? 2;
+
+  // The avatar badge is a white circle: the fill comes from the Attached
+  // slot's background token (the IconCapsule itself resolves transparent).
+  const badgeBackground = (0, _figmaVariablesResolver.getVariableByName)('attached/slot/background', childModes) ?? '#ffffff';
+  return {
+    containerStyle: {
+      backgroundColor,
+      borderRadius,
+      paddingHorizontal,
+      paddingVertical,
+      gap,
+      flexDirection: 'column',
+      alignItems: 'stretch'
+    },
+    handlesRowStyle: {
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      alignItems: 'center',
+      alignSelf: 'flex-start',
+      gap: handlesGap
+    },
+    badgeBackground,
+    childModes,
+    // XS capsule per the Figma spec; consumers can still override the size
+    // through their own modes.
+    badgeModes: {
+      'Icon Capsule Size': 'XS',
+      ...modes,
+      ...CARD_CONTEXT
+    }
+  };
+}
+
+/**
+ * ProfileCard — Figma node 6914:38498 ("Profile Card").
+ *
+ * A dark, rounded profile summary card composed from the shared primitives:
+ *
+ *  - **Header** — a {@link ListItem} whose leading slot is an {@link Attached}
+ *    monogram {@link Avatar} with a small {@link IconCapsule} badge at its
+ *    bottom-right, the user's name as the title, and a row of
+ *    {@link UpiHandle} pills in the support slot.
+ *  - **Divider** — separates the header from the body.
+ *  - **Body slot** — arbitrary children (typically `ListItem`s separated by
+ *    `Divider`s). All profile-card context modes cascade into the slot, so
+ *    nested components automatically resolve their on-dark token values.
+ *
+ * The card supports the `Profile Card Appearance` collection
+ * (`Default` | `Premium`) via the `modes` prop, which recolors the container,
+ * avatar, pills and divider in one go.
+ *
+ * @example
+ * ```tsx
+ * <ProfileCard
+ *   name="Shruti Chandarshekhar Rai"
+ *   monogram="SR"
+ *   upiHandles={[
+ *     { label: 'shrutirai-1@jio', iconName: 'ic_copy', onPress: copyHandle },
+ *     { label: '9184844184', iconName: 'ic_confirm' },
+ *   ]}
+ * >
+ *   <ListItem layout="Horizontal" title="JioFinance+" navArrow={false} />
+ * </ProfileCard>
+ * ```
+ */
+function ProfileCard({
+  name = 'Name',
+  monogram = 'MS',
+  avatarSource,
+  badgeIcon = 'ic_qr_code',
+  upiHandles = DEFAULT_UPI_HANDLES,
+  header,
+  children,
+  showDivider = true,
+  width = 344,
+  modes: propModes = _reactUtils.EMPTY_MODES,
+  style,
+  accessibilityLabel
+}) {
+  const {
+    modes: globalModes
+  } = (0, _JFSThemeProvider.useTokens)();
+  const modes = (0, _react.useMemo)(() => globalModes === _reactUtils.EMPTY_MODES && propModes === _reactUtils.EMPTY_MODES ? _reactUtils.EMPTY_MODES : {
+    ...globalModes,
+    ...propModes
+  }, [globalModes, propModes]);
+  const tokens = (0, _react.useMemo)(() => resolveProfileCardTokens(modes), [modes]);
+
+  // ---- Header -------------------------------------------------------------
+  const headerNode = (0, _react.useMemo)(() => {
+    if (header) return (0, _reactUtils.cloneChildrenWithModes)(header, tokens.childModes);
+    const avatar = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Attached.default, {
+      position: "bottom-right",
+      modes: tokens.childModes,
+      badge: badgeIcon != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconCapsule.default, {
+        iconName: badgeIcon,
+        modes: tokens.badgeModes,
+        style: {
+          backgroundColor: tokens.badgeBackground
+        }
+      }) : null,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
+        monogram: monogram,
+        style: avatarSource ? 'Image' : 'Monogram',
+        ...(avatarSource != null ? {
+          imageSource: avatarSource
+        } : {}),
+        modes: tokens.childModes
+      })
+    });
+    const handles = upiHandles.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: tokens.handlesRowStyle,
+      children: upiHandles.map((handle, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_UpiHandle.default, {
+        label: handle.label,
+        ...(handle.iconName != null ? {
+          iconName: handle.iconName
+        } : {}),
+        showIcon: handle.showIcon ?? true,
+        ...(handle.onPress != null ? {
+          onPress: handle.onPress
+        } : {}),
+        modes: tokens.childModes
+      }, `${handle.label}-${index}`))
+    }) : null;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem.default, {
+      layout: "Horizontal",
+      title: name,
+      navArrow: false,
+      showSupportText: handles != null,
+      supportSlot: handles,
+      leading: avatar,
+      modes: tokens.childModes
+    });
+  }, [header, name, monogram, avatarSource, badgeIcon, upiHandles, tokens]);
+
+  // ---- Body slot ----------------------------------------------------------
+  const bodyChildren = (0, _react.useMemo)(() => children != null ? (0, _reactUtils.cloneChildrenWithModes)(children, tokens.childModes) : null, [children, tokens.childModes]);
+  const hasBody = bodyChildren != null && bodyChildren.length > 0;
+  const containerStyle = (0, _react.useMemo)(() => ({
+    ...tokens.containerStyle,
+    width
+  }), [tokens.containerStyle, width]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [containerStyle, style],
+    accessibilityLabel: accessibilityLabel,
+    children: [headerNode, hasBody && showDivider ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider.default, {
+      direction: "horizontal",
+      modes: tokens.childModes
+    }) : null, bodyChildren]
+  });
+}
+var _default = exports.default = /*#__PURE__*/_react.default.memo(ProfileCard);

package/lib/commonjs/components/Table/Table.js

@@ -9,12 +9,22 @@ exports.TableHeader = TableHeader;
 exports.TableHeaderCell = TableHeaderCell;
 exports.TableRow = TableRow;
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
 var _reactUtils = require("../../utils/react-utils");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Carries the root `Table`'s `columnWidth` down to every cell so that, when it
+ * is set, all columns (header + body, data-driven or composed) share the same
+ * fixed width without each cell having to repeat the prop. Cells still honour
+ * an explicit `width` prop over this context value. `undefined` (the default,
+ * when no `Table` ancestor is present, or `columnWidth` is unset) leaves cells
+ * to flex — preserving the original behaviour.
+ */
+const TableContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+
 /* -------------------------------------------------------------------------------------------------
  * Shared types & token resolution
  * -----------------------------------------------------------------------------------------------*/
@@ -98,6 +108,10 @@ function TableCell({
   style
 }) {
   const t = resolveTableTokens(modes);
+  // A cell's width resolves in priority order: an explicit `width` prop, then
+  // the root Table's `columnWidth` (via context), then fall back to flex.
+  const ctxColumnWidth = (0, _react.useContext)(TableContext);
+  const effectiveWidth = width ?? ctxColumnWidth;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     style: [{
       backgroundColor: t.cellBg,
@@ -109,8 +123,8 @@ function TableCell({
       borderColor: t.borderColor,
       borderBottomWidth: isLastRow ? 0 : t.borderSize,
       borderRightWidth: isLastColumn ? 0 : t.borderSize,
-      ...(width != null ? {
-        width
+      ...(effectiveWidth != null ? {
+        width: effectiveWidth
       } : {
         flex,
         minWidth: 0
@@ -138,6 +152,8 @@ function TableHeaderCell({
   style
 }) {
   const t = resolveTableTokens(modes);
+  const ctxColumnWidth = (0, _react.useContext)(TableContext);
+  const effectiveWidth = width ?? ctxColumnWidth;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     style: [{
       backgroundColor: t.headerBg,
@@ -146,8 +162,8 @@ function TableHeaderCell({
       justifyContent: alignToJustify(align),
       paddingHorizontal: t.headerPaddingH,
       paddingVertical: t.headerPaddingV,
-      ...(width != null ? {
-        width
+      ...(effectiveWidth != null ? {
+        width: effectiveWidth
       } : {
         flex,
         minWidth: 0
@@ -262,6 +278,7 @@ function Table({
   getRowKey,
   onRowPress,
   scrollable = false,
+  columnWidth,
   accessibilityLabel,
   modes = _reactUtils.EMPTY_MODES,
   style
@@ -305,7 +322,10 @@ function Table({
     }, !scrollable && {
       width: '100%'
     }, style],
-    children: body
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableContext.Provider, {
+      value: columnWidth,
+      children: body
+    })
   });
   if (scrollable) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {

package/lib/commonjs/components/UpiHandle/UpiHandle.js

@@ -14,9 +14,6 @@ var _Icon = _interopRequireDefault(require("../../icons/Icon"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-// Default static asset from the component folder.
-// Consumers can override the image via the `source` prop if needed.
-const DEFAULT_AVATAR_IMAGE = require('./Image.png');
 const IS_WEB = _reactNative.Platform.OS === 'web';
 const IS_IOS = _reactNative.Platform.OS === 'ios';
 const PRESS_DELAY = IS_IOS ? 130 : 0;
@@ -89,7 +86,7 @@ function resolveUpiHandleTokens(modes) {
  * @param {Object} [props.modes={}] - Modes object passed directly to `getVariableByName`.
  * @param {boolean} [props.showIcon=true] - Toggles the trailing icon visibility.
  * @param {string} [props.iconName='ic_scan_qr_code'] - Icon name from the actions set.
- * @param {UnifiedSource} [props.source] - Unified avatar source (URI, inline SVG XML, `require()` asset, SVG React component, or React element). Smart-detects raster vs SVG so the same prop works on iOS, Android and web.
+ * @param {UnifiedSource} [props.source] - Unified avatar source (URI, inline SVG XML, `require()` asset, SVG React component, or React element). Smart-detects raster vs SVG so the same prop works on iOS, Android and web. Providing a source force-sets `UPI Handle Image: True` (avatar shown); omitting it force-sets `False` (avatar hidden), overriding any `UPI Handle Image` value passed via `modes`.
  * @param {ImageSourcePropType|UnifiedSource} [props.avatarSource] - Deprecated alias for `source`; kept for back-compat.
  * @param {Function} [props.onClick] - Click/tap handler. Works as an alias for `onPress`.
  * @param {string} [props.accessibilityLabel] - Accessibility label for screen readers
@@ -124,10 +121,24 @@ function UpiHandle({
   const {
     modes: globalModes
   } = (0, _JFSThemeProvider.useTokens)();
-  const modes = (0, _react.useMemo)(() => globalModes === _reactUtils.EMPTY_MODES && propModes === _reactUtils.EMPTY_MODES ? _reactUtils.EMPTY_MODES : {
-    ...globalModes,
-    ...propModes
-  }, [globalModes, propModes]);
+
+  // The avatar is fully driven by the presence of a `source`. It force-sets the
+  // Figma "UPI Handle Image" collection to `True` when a source is provided and
+  // `False` otherwise. This is applied last so it overrides any consumer-passed
+  // `UPI Handle Image` mode, keeping the avatar visibility and the token layout
+  // (symmetric padding in the hidden-image state) in lockstep with the source.
+  const hasSource = source != null || avatarSource != null;
+  const modes = (0, _react.useMemo)(() => {
+    const base = globalModes === _reactUtils.EMPTY_MODES && propModes === _reactUtils.EMPTY_MODES ? _reactUtils.EMPTY_MODES : {
+      ...globalModes,
+      ...propModes
+    };
+    return {
+      ...base,
+      'UPI Handle Image': hasSource ? 'True' : 'False'
+    };
+  }, [globalModes, propModes, hasSource]);
+  const showImageResolved = hasSource;
   const tokens = (0, _react.useMemo)(() => resolveUpiHandleTokens(modes), [modes]);
 
   // Focus is a sustained visible state (web-only). Setter is gated so it
@@ -161,11 +172,12 @@ function UpiHandle({
 
   // `source` wins; `avatarSource` is the legacy fallback. Both are accepted
   // as a UnifiedSource (string / number / {uri} / component / element), and
-  // the legacy `ImageSourcePropType` shapes naturally fit that union too.
-  const resolvedAvatarSource = source ?? avatarSource ?? DEFAULT_AVATAR_IMAGE;
+  // the legacy `ImageSourcePropType` shapes naturally fit that union too. This
+  // is only read when `showImageResolved` is true, which requires a source.
+  const resolvedAvatarSource = source ?? avatarSource;
   const avatarSize = tokens.avatarStyle.width ?? 23;
   const innerContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    children: [showImageResolved && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: tokens.avatarStyle,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MediaSource.default, {
         source: resolvedAvatarSource,

package/lib/commonjs/components/index.js

@@ -33,6 +33,12 @@ Object.defineProperty(exports, "ActionTile", {
     return _ActionTile.default;
   }
 });
+Object.defineProperty(exports, "Additem", {
+  enumerable: true,
+  get: function () {
+    return _Additem.default;
+  }
+});
 Object.defineProperty(exports, "AllocationComparisonChart", {
   enumerable: true,
   get: function () {
@@ -63,6 +69,12 @@ Object.defineProperty(exports, "Attached", {
     return _Attached.default;
   }
 });
+Object.defineProperty(exports, "AutoplayControl", {
+  enumerable: true,
+  get: function () {
+    return _AutoplayControl.default;
+  }
+});
 Object.defineProperty(exports, "Avatar", {
   enumerable: true,
   get: function () {
@@ -375,6 +387,12 @@ Object.defineProperty(exports, "FormField", {
     return _FormField.default;
   }
 });
+Object.defineProperty(exports, "FormUpload", {
+  enumerable: true,
+  get: function () {
+    return _FormUpload.default;
+  }
+});
 Object.defineProperty(exports, "FullscreenModal", {
   enumerable: true,
   get: function () {
@@ -387,6 +405,12 @@ Object.defineProperty(exports, "Gauge", {
     return _Gauge.default;
   }
 });
+Object.defineProperty(exports, "Grid", {
+  enumerable: true,
+  get: function () {
+    return _Grid.default;
+  }
+});
 Object.defineProperty(exports, "HStack", {
   enumerable: true,
   get: function () {
@@ -543,6 +567,12 @@ Object.defineProperty(exports, "Nudge", {
     return _Nudge.default;
   }
 });
+Object.defineProperty(exports, "NumberPagination", {
+  enumerable: true,
+  get: function () {
+    return _NumberPagination.default;
+  }
+});
 Object.defineProperty(exports, "Numpad", {
   enumerable: true,
   get: function () {
@@ -627,6 +657,12 @@ Object.defineProperty(exports, "ProductOverview", {
     return _ProductOverview.default;
   }
 });
+Object.defineProperty(exports, "ProfileCard", {
+  enumerable: true,
+  get: function () {
+    return _ProfileCard.default;
+  }
+});
 Object.defineProperty(exports, "ProgressBadge", {
   enumerable: true,
   get: function () {
@@ -1029,6 +1065,9 @@ var _FilterBar = _interopRequireDefault(require("./FilterBar/FilterBar"));
 var _FullscreenModal = _interopRequireDefault(require("./FullscreenModal/FullscreenModal"));
 var _Form = _interopRequireWildcard(require("./Form/Form"));
 var _FormField = _interopRequireDefault(require("./FormField/FormField"));
+var _Grid = _interopRequireDefault(require("./Grid/Grid"));
+var _FormUpload = _interopRequireDefault(require("./FormUpload/FormUpload"));
+var _Additem = _interopRequireDefault(require("./FormUpload/Additem"));
 var _ContentSheet = _interopRequireDefault(require("./ContentSheet/ContentSheet"));
 var _CircularProgressBar = _interopRequireDefault(require("./CircularProgressBar/CircularProgressBar"));
 var _CircularProgressBarDoted = _interopRequireDefault(require("./CircularProgressBarDoted/CircularProgressBarDoted"));
@@ -1124,6 +1163,7 @@ var _CompareTable = _interopRequireDefault(require("./CompareTable/CompareTable"
 var _Table = _interopRequireWildcard(require("./Table/Table"));
 var _PoweredByLabel = _interopRequireDefault(require("./PoweredByLabel/PoweredByLabel"));
 var _ProductLabel = _interopRequireDefault(require("./ProductLabel/ProductLabel"));
+var _ProfileCard = _interopRequireDefault(require("./ProfileCard/ProfileCard"));
 var _ProductMerchandisingCard = _interopRequireDefault(require("./ProductMerchandisingCard/ProductMerchandisingCard"));
 var _ProductOverview = _interopRequireDefault(require("./ProductOverview/ProductOverview"));
 var _ProjectionMarker = _interopRequireDefault(require("./ProjectionMarker/ProjectionMarker"));
@@ -1140,5 +1180,7 @@ var _Text = _interopRequireDefault(require("./Text/Text"));
 var _TextSegment = _interopRequireDefault(require("./TextSegment/TextSegment"));
 var _SegmentedControl = _interopRequireDefault(require("./SegmentedControl/SegmentedControl"));
 var _Toggle = _interopRequireDefault(require("./Toggle/Toggle"));
+var _AutoplayControl = _interopRequireDefault(require("./AutoplayControl/AutoplayControl"));
+var _NumberPagination = _interopRequireDefault(require("./NumberPagination/NumberPagination"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }