@razorpay/blade 3.5.0 → 3.5.2

package/build/utils/index.web.js

@@ -1,23 +1,6 @@
-import _typeof from '@babel/runtime-corejs3/helpers/typeof';
-import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
-import _Object$entries2 from '@babel/runtime-corejs3/core-js-stable/object/entries';
-import _Array$isArray from '@babel/runtime-corejs3/core-js-stable/array/is-array';
-import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
-import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
-import _everyInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/every';
-import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
-import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
-import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
-import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
-import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
-import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
-import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
-import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
-import _defineProperty$1 from '@babel/runtime-corejs3/helpers/defineProperty';
-import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
-import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
-import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
-import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
+import _typeof from '@babel/runtime/helpers/typeof';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty$1 from '@babel/runtime/helpers/defineProperty';
 import { useMemo, useCallback, useState, useEffect, useRef } from 'react';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -3893,7 +3876,7 @@ var isPartialMatchObjectKeys = function isPartialMatchObjectKeys(_ref) {
     var innerObjectToMatch = _ref2.innerObjectToMatch,
         innerObjectToInspect = _ref2.innerObjectToInspect;
 
-    for (var _i = 0, _Object$entries = _Object$entries2(innerObjectToMatch); _i < _Object$entries.length; _i++) {
+    for (var _i = 0, _Object$entries = Object.entries(innerObjectToMatch); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
           key = _Object$entries$_i[0],
           valueToMatch = _Object$entries$_i[1];
@@ -3901,12 +3884,10 @@ var isPartialMatchObjectKeys = function isPartialMatchObjectKeys(_ref) {
       var valueToInspect = innerObjectToInspect[key];
 
       if (innerObjectToInspect.hasOwnProperty(key)) {
-        if (valueToMatch === null || valueToMatch === undefined || valueToMatch === '' || _Array$isArray(valueToMatch) || // the condition checks if the "valueToMatch" is not of type object then "valueToMatch" type should be same as type of "valueToInspect"
+        if (valueToMatch === null || valueToMatch === undefined || valueToMatch === '' || Array.isArray(valueToMatch) || // the condition checks if the "valueToMatch" is not of type object then "valueToMatch" type should be same as type of "valueToInspect"
         !(valueToMatch instanceof Object) && _typeof(valueToMatch) !== _typeof(valueToInspect)) {
-          var _context, _context2;
-
           // this is an invalid case, so we log error
-          console.error(_concatInstanceProperty(_context = _concatInstanceProperty(_context2 = "[isPartialMatchObjectKeys]: Unexpected value: ".concat(_JSON$stringify(valueToMatch), " of type ")).call(_context2, _typeof(valueToMatch), " for key: ")).call(_context, key));
+          console.error("[isPartialMatchObjectKeys]: Unexpected value: ".concat(JSON.stringify(valueToMatch), " of type ").concat(_typeof(valueToMatch), " for key: ").concat(key));
           matchResponses.push(false);
         }
 
@@ -3923,10 +3904,8 @@ var isPartialMatchObjectKeys = function isPartialMatchObjectKeys(_ref) {
           });
         }
       } else {
-        var _context3;
-
         // the key doesn't exist in the innerObjectToMatch, so we log error
-        console.error(_concatInstanceProperty(_context3 = "[isPartialMatchObjectKeys]: ".concat(key, " doesn't exist in ")).call(_context3, _JSON$stringify(innerObjectToInspect, null, 2)));
+        console.error("[isPartialMatchObjectKeys]: ".concat(key, " doesn't exist in ").concat(JSON.stringify(innerObjectToInspect, null, 2)));
         matchResponses.push(false);
       }
     }
@@ -3936,12 +3915,12 @@ var isPartialMatchObjectKeys = function isPartialMatchObjectKeys(_ref) {
     innerObjectToMatch: objectToMatch,
     innerObjectToInspect: objectToInspect
   });
-  return _everyInstanceProperty(matchResponses).call(matchResponses, Boolean);
+  return matchResponses.every(Boolean);
 };
 
-function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$2(Object(source), !0)).call(_context, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$2(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var accessibilityValue = {
   valueMax: 'aria-valuemax',
@@ -4021,9 +4000,7 @@ var makeAccessible = function makeAccessible(props) {
 };
 
 var makeBezier = function makeBezier(x1, y1, x2, y2) {
-  var _context, _context2, _context3;
-
-  return _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = "cubic-bezier(".concat(x1, ", ")).call(_context3, y1, ", ")).call(_context2, x2, ", ")).call(_context, y2, ")");
+  return "cubic-bezier(".concat(x1, ", ").concat(y1, ", ").concat(x2, ", ").concat(y2, ")");
 };
 
 function makeBorderSize(size) {
@@ -4722,13 +4699,13 @@ var merge = createAssigner(function(object, source, srcIndex) {
 
 var merge_1 = merge;
 
-function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var setupMatchMediaMock = function setupMatchMediaMock() {
   var customArgs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-  _Object$defineProperty(window, 'matchMedia', {
+  Object.defineProperty(window, 'matchMedia', {
     writable: true,
     value: jest.fn().mockImplementation(function (query) {
       return _objectSpread$1({
@@ -4748,10 +4725,8 @@ var testID = function testID(defaultKey) {
 };
 
 var toTitleCase = function toTitleCase(inputString) {
-  var _context;
-
-  return _mapInstanceProperty(_context = inputString.toLowerCase().split(' ')).call(_context, function (word) {
-    return word.charAt(0).toUpperCase() + _sliceInstanceProperty(word).call(word, 1);
+  return inputString.toLowerCase().split(' ').map(function (word) {
+    return word.charAt(0).toUpperCase() + word.slice(1);
   }).join(' ');
 };
 
@@ -4765,9 +4740,7 @@ var useBreakpoint = function useBreakpoint(_ref) {
   var breakpoints = _ref.breakpoints;
   var supportsMatchMedia = typeof document !== 'undefined' && typeof ((_window = window) === null || _window === void 0 ? void 0 : _window.matchMedia) === 'function';
   var breakpointsTokenAndQueryCollection = useMemo(function () {
-    var _context;
-
-    return supportsMatchMedia ? _mapInstanceProperty(_context = _Object$entries2(breakpoints)).call(_context, function (_ref2, index, breakpointsArray) {
+    return supportsMatchMedia ? Object.entries(breakpoints).map(function (_ref2, index, breakpointsArray) {
       var _ref3 = _slicedToArray(_ref2, 2),
           token = _ref3[0],
           screenSize = _ref3[1];
@@ -4777,9 +4750,7 @@ var useBreakpoint = function useBreakpoint(_ref) {
       if (token === 'max') {
         mediaQuery = "screen and (min-width: ".concat(screenSize, "px)");
       } else if (breakpointsArray[index - 1]) {
-        var _context2;
-
-        mediaQuery = _concatInstanceProperty(_context2 = "screen and (min-width: ".concat(breakpointsArray[index - 1][1] + 1, "px) and (max-width: ")).call(_context2, screenSize, "px)");
+        mediaQuery = "screen and (min-width: ".concat(breakpointsArray[index - 1][1] + 1, "px) and (max-width: ").concat(screenSize, "px)");
       } else {
         mediaQuery = "screen and (max-width: ".concat(screenSize, "px)");
       }
@@ -4798,9 +4769,7 @@ var useBreakpoint = function useBreakpoint(_ref) {
     if (platform === 'react-native') {
       matchedDeviceType = deviceType.mobile;
     } else if (platform === 'browser') {
-      var _context3;
-
-      if (matchedBreakpoint && _includesInstanceProperty(_context3 = ['xs', 's', 'm']).call(_context3, matchedBreakpoint)) {
+      if (matchedBreakpoint && ['xs', 's', 'm'].includes(matchedBreakpoint)) {
         // tablet is also categorised as mobile
         matchedDeviceType = deviceType.mobile;
       } else {
@@ -4816,7 +4785,7 @@ var useBreakpoint = function useBreakpoint(_ref) {
   var getMatchedBreakpoint = useCallback(function (event) {
     var _breakpointsTokenAndQ, _breakpointsTokenAndQ2;
 
-    var matchedBreakpoint = (_breakpointsTokenAndQ = (_breakpointsTokenAndQ2 = _findInstanceProperty(breakpointsTokenAndQueryCollection).call(breakpointsTokenAndQueryCollection, function (_ref4) {
+    var matchedBreakpoint = (_breakpointsTokenAndQ = (_breakpointsTokenAndQ2 = breakpointsTokenAndQueryCollection.find(function (_ref4) {
       var _ref4$mediaQuery = _ref4.mediaQuery,
           mediaQuery = _ref4$mediaQuery === void 0 ? '' : _ref4$mediaQuery;
 
@@ -4864,7 +4833,7 @@ var useBreakpoint = function useBreakpoint(_ref) {
       });
     };
 
-    var mediaQueryInstances = _mapInstanceProperty(breakpointsTokenAndQueryCollection).call(breakpointsTokenAndQueryCollection, function (_ref5) {
+    var mediaQueryInstances = breakpointsTokenAndQueryCollection.map(function (_ref5) {
       var _ref5$mediaQuery = _ref5.mediaQuery,
           mediaQuery = _ref5$mediaQuery === void 0 ? '' : _ref5$mediaQuery;
       var mediaQueryInstance = window.matchMedia(mediaQuery);
@@ -4882,9 +4851,8 @@ var useBreakpoint = function useBreakpoint(_ref) {
 
       return mediaQueryInstance;
     });
-
     return function () {
-      _forEachInstanceProperty(mediaQueryInstances).call(mediaQueryInstances, function (mediaQueryInstance) {
+      mediaQueryInstances.forEach(function (mediaQueryInstance) {
         if (mediaQueryInstance.removeEventListener) {
           mediaQueryInstance.removeEventListener('change', handleMediaQueryChange);
         } else {
@@ -4903,9 +4871,9 @@ var fontFamily = {
   code: 'monospace'
 };
 
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var fontWeight = {
   regular: 400,
   bold: 700
@@ -4981,27 +4949,6 @@ var fontWeight = {
   }
 });
 
-/* makeBezier returns a string of `cubic-bezier()` for web & a react-native-reanimated Easing Function of type `EasingFunctionFactory` for native */
-
-({
-  standard: {
-    attentive: makeBezier(0.5, 0, 0.3, 1.5),
-    effective: makeBezier(0.3, 0, 0.2, 1),
-    revealing: makeBezier(0.5, 0, 0, 1),
-    wary: makeBezier(1, 0.5, 0, 0.5)
-  },
-  entrance: {
-    attentive: makeBezier(0.5, 0, 0.3, 1.5),
-    effective: makeBezier(0, 0, 0.2, 1),
-    revealing: makeBezier(0, 0, 0, 1)
-  },
-  exit: {
-    attentive: makeBezier(0.7, 0, 0.5, 1),
-    effective: makeBezier(0.17, 0, 1, 1),
-    revealing: makeBezier(0.5, 0, 1, 1)
-  }
-});
-
 var colorSchemeNamesInput = ['light', 'dark', 'system'];
 
 var useColorScheme = function useColorScheme() {
@@ -5016,10 +4963,8 @@ var useColorScheme = function useColorScheme() {
       setColorSchemeState = _useState2[1];
 
   var setColorScheme = useCallback(function setThemeMode(colorScheme) {
-    if (!_includesInstanceProperty(colorSchemeNamesInput).call(colorSchemeNamesInput, colorScheme)) {
-      var _context;
-
-      throw new Error(_concatInstanceProperty(_context = "[useColorScheme]: Expected color scheme to be one of [".concat(colorSchemeNamesInput.toString(), "] but received ")).call(_context, colorScheme));
+    if (!colorSchemeNamesInput.includes(colorScheme)) {
+      throw new Error("[useColorScheme]: Expected color scheme to be one of [".concat(colorSchemeNamesInput.toString(), "] but received ").concat(colorScheme));
     }
 
     setColorSchemeState(getColorScheme(colorScheme));