@razorpay/blade 10.17.2 → 10.17.3

package/build/components/index.production.web.js

@@ -404,7 +404,7 @@ var getActionListItemRole = function getActionListItemRole(dropdownTriggerer, hr
   return 'option';
 };
 
-var componentIds = {
+var componentIds$1 = {
   ActionList: 'ActionList',
   ActionListItem: 'ActionListItem',
   ActionListItemBadge: 'ActionListItemBadge',
@@ -455,10 +455,10 @@ var getActionListSectionPosition = function getActionListSectionPosition(childre
   });
 
   // Reading the last `ActionListSection` component's index
-  var lastActionListSectionIndex = childComponentIdArray.lastIndexOf(componentIds.ActionListSection);
+  var lastActionListSectionIndex = childComponentIdArray.lastIndexOf(componentIds$1.ActionListSection);
 
   // Checking if there is any `ActionListItem` present after `ActionListSection`
-  var isActionListItemPresentAfterSection = childComponentIdArray.slice(lastActionListSectionIndex).includes(componentIds.ActionListItem);
+  var isActionListItemPresentAfterSection = childComponentIdArray.slice(lastActionListSectionIndex).includes(componentIds$1.ActionListItem);
   return {
     isActionListItemPresentAfterSection: isActionListItemPresentAfterSection,
     lastActionListSectionIndex: lastActionListSectionIndex
@@ -535,7 +535,7 @@ var getActionListProperties = function getActionListProperties(children) {
   // Looping through ActionListItems to add index to them and get an options array for moving focus between items
   var childrenWithId = React__default.Children.map(children, function (child, index) {
     if ( /*#__PURE__*/React__default.isValidElement(child)) {
-      if (isValidAllowedChildren(child, componentIds.ActionListSection)) {
+      if (isValidAllowedChildren(child, componentIds$1.ActionListSection)) {
         var shouldHideDivider = index === lastActionListSectionIndex && !isActionListItemPresentAfterSection;
         var sectionChildValues = [];
         return /*#__PURE__*/React__default.cloneElement(child, {
@@ -543,7 +543,7 @@ var getActionListProperties = function getActionListProperties(children) {
           children: React__default.Children.map(child.props.children, function (childInSection) {
             currentSection = child.props.title;
             sectionChildValues.push(childInSection.props.value);
-            if (isValidAllowedChildren(childInSection, componentIds.ActionListItem)) {
+            if (isValidAllowedChildren(childInSection, componentIds$1.ActionListItem)) {
               return getActionListItemWithId(childInSection, shouldHideDivider);
             }
             return childInSection;
@@ -553,7 +553,7 @@ var getActionListProperties = function getActionListProperties(children) {
           _sectionChildValues: sectionChildValues
         });
       }
-      if (isValidAllowedChildren(child, componentIds.ActionListItem)) {
+      if (isValidAllowedChildren(child, componentIds$1.ActionListItem)) {
         return getActionListItemWithId(child, true);
       }
     }
@@ -14133,8 +14133,8 @@ var _ActionList = function _ActionList(_ref) {
  *
  */
 var ActionList = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.memo(_ActionList), {
-  displayName: componentIds.ActionList,
-  componentId: componentIds.ActionList
+  displayName: componentIds$1.ActionList,
+  componentId: componentIds$1.ActionList
 });
 
 var getBaseActionListItemStyles = function getBaseActionListItemStyles(props) {
@@ -15716,7 +15716,7 @@ var _ActionListSection = function _ActionListSection(_ref) {
   }));
 };
 var ActionListSection = /*#__PURE__*/assignWithoutSideEffects(_ActionListSection, {
-  componentId: componentIds.ActionListSection
+  componentId: componentIds$1.ActionListSection
 });
 var _ActionListItemIcon = function _ActionListItemIcon(_ref2) {
   var icon = _ref2.icon;
@@ -15732,7 +15732,7 @@ var _ActionListItemIcon = function _ActionListItemIcon(_ref2) {
   });
 };
 var ActionListItemIcon = /*#__PURE__*/assignWithoutSideEffects(_ActionListItemIcon, {
-  componentId: componentIds.ActionListItemIcon
+  componentId: componentIds$1.ActionListItemIcon
 });
 var _ActionListItemBadgeGroup = function _ActionListItemBadgeGroup(_ref3) {
   var children = _ref3.children;
@@ -15744,7 +15744,7 @@ var _ActionListItemBadgeGroup = function _ActionListItemBadgeGroup(_ref3) {
   });
 };
 var ActionListItemBadgeGroup = /*#__PURE__*/assignWithoutSideEffects(_ActionListItemBadgeGroup, {
-  componentId: componentIds.ActionListItemBadgeGroup
+  componentId: componentIds$1.ActionListItemBadgeGroup
 });
 var _ActionListItemBadge = function _ActionListItemBadge(props) {
   return /*#__PURE__*/jsx(Badge, _objectSpread$1v({
@@ -15753,7 +15753,7 @@ var _ActionListItemBadge = function _ActionListItemBadge(props) {
   }, props));
 };
 var ActionListItemBadge = /*#__PURE__*/assignWithoutSideEffects(_ActionListItemBadge, {
-  componentId: componentIds.ActionListItemBadge
+  componentId: componentIds$1.ActionListItemBadge
 });
 var _ActionListItemText = function _ActionListItemText(_ref4) {
   var children = _ref4.children;
@@ -15768,7 +15768,7 @@ var _ActionListItemText = function _ActionListItemText(_ref4) {
   });
 };
 var ActionListItemText = /*#__PURE__*/assignWithoutSideEffects(_ActionListItemText, {
-  componentId: componentIds.ActionListItemText
+  componentId: componentIds$1.ActionListItemText
 });
 var makeActionListItemClickable = function makeActionListItemClickable(clickHandler) {
   if (isReactNative$4()) {
@@ -15975,8 +15975,8 @@ var _ActionListItem = function _ActionListItem(props) {
   });
 };
 var ActionListItem = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.memo(_ActionListItem), {
-  componentId: componentIds.ActionListItem,
-  displayName: componentIds.ActionListItem
+  componentId: componentIds$1.ActionListItem,
+  displayName: componentIds$1.ActionListItem
 });
 
 var _ActionListItemAsset = function _ActionListItemAsset(props) {
@@ -15988,7 +15988,7 @@ var _ActionListItemAsset = function _ActionListItemAsset(props) {
   });
 };
 var ActionListItemAsset = /*#__PURE__*/assignWithoutSideEffects(_ActionListItemAsset, {
-  componentId: componentIds.ActionListItemAsset
+  componentId: componentIds$1.ActionListItemAsset
 });
 
 var MAX_WIDTH$2 = size[584];
@@ -17435,15 +17435,6 @@ var useVerifyInsideCard = function useVerifyInsideCard(componentName) {
   React__default.useContext(CardContext);
   return true;
 };
-
-/**
- * Verify if the passed childrens are only of allowedComponents list
- */
-var useVerifyAllowedComponents = function useVerifyAllowedComponents(children, componentName, allowedComponents) {
-  React__default.Children.forEach(children, function (child) {
-    child && allowedComponents.includes(getComponentId(child));
-  });
-};
 var CardProvider = function CardProvider(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/jsx(CardContext.Provider, {
@@ -17566,6 +17557,15 @@ var CardRoot = function CardRoot(_ref2) {
   }));
 };
 
+/**
+ * Verify if the passed childrens are only of allowedComponents list
+ */
+var useVerifyAllowedChildren = function useVerifyAllowedChildren(props) {
+  props.children;
+    props.componentName;
+    props.allowedComponents;
+};
+
 var _excluded$y = ["children", "surfaceLevel", "elevation", "testID", "padding", "width", "height", "onClick", "isSelected", "accessibilityLabel", "shouldScaleOnHover", "onHover", "href", "target", "rel", "as"];
 function ownKeys$1n(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$1m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1n(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -17611,7 +17611,11 @@ var Card = function Card(_ref) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isFocused = _React$useState2[0],
     setIsFocused = _React$useState2[1];
-  useVerifyAllowedComponents(children, 'Card', [ComponentIds$1.CardHeader, ComponentIds$1.CardBody, ComponentIds$1.CardFooter]);
+  useVerifyAllowedChildren({
+    children: children,
+    componentName: 'Card',
+    allowedComponents: [ComponentIds$1.CardHeader, ComponentIds$1.CardBody, ComponentIds$1.CardFooter]
+  });
   var linkOverlayProps = _objectSpread$1m(_objectSpread$1m(_objectSpread$1m({}, metaAttribute({
     name: CARD_LINK_OVERLAY_ID
   })), makeAccessible({
@@ -18038,7 +18042,11 @@ var _CardHeader = function _CardHeader(_ref2) {
   var children = _ref2.children,
     testID = _ref2.testID;
   useVerifyInsideCard();
-  useVerifyAllowedComponents(children, 'CardHeader', [ComponentIds$1.CardHeaderLeading, ComponentIds$1.CardHeaderTrailing]);
+  useVerifyAllowedChildren({
+    children: children,
+    componentName: 'CardHeader',
+    allowedComponents: [ComponentIds$1.CardHeaderLeading, ComponentIds$1.CardHeaderTrailing]
+  });
   return /*#__PURE__*/jsxs(BaseBox, _objectSpread$1h(_objectSpread$1h({
     marginBottom: "spacing.7"
   }, metaAttribute({
@@ -18122,7 +18130,11 @@ var _CardFooter = function _CardFooter(_ref) {
     testID = _ref.testID;
   var isMobile = useIsMobile();
   useVerifyInsideCard();
-  useVerifyAllowedComponents(children, 'CardFooter', [ComponentIds$1.CardFooterLeading, ComponentIds$1.CardFooterTrailing]);
+  useVerifyAllowedChildren({
+    children: children,
+    componentName: 'CardFooter',
+    allowedComponents: [ComponentIds$1.CardFooterLeading, ComponentIds$1.CardFooterTrailing]
+  });
   var footerChildrensArray = React__default.Children.toArray(children);
 
   // the reason why we are checking for actions here is, because we want the footerTrailing
@@ -18865,6 +18877,9 @@ var getCarouselItemId = function getCarouselItemId(containerId, index) {
 };
 
 var CAROUSEL_AUTOPLAY_INTERVAL = 6000;
+var componentIds = {
+  CarouselItem: 'CarouselItem'
+};
 
 /**
  * Hook to run an effect on dependencies change after the component has *mounted*.
@@ -19083,6 +19098,11 @@ var Carousel = function Carousel(_ref4) {
   var containerRef = React__default.useRef(null);
   var isMobile = platform === 'onMobile';
   var id = useId('carousel');
+  useVerifyAllowedChildren({
+    componentName: 'Carousel',
+    allowedComponents: [componentIds.CarouselItem],
+    children: children
+  });
   var _React$useState9 = React__default.useState(
     // on mobile we do not want to render the overlay
     isMobile ? true : !shouldAddStartEndSpacing),
@@ -19377,7 +19397,7 @@ var StyledCarouselItem = /*#__PURE__*/styled(BaseBox).withConfig({
     marginLeft: shouldHaveStartSpacing ? '100%' : 0
   });
 });
-var CarouselItem = function CarouselItem(_ref2) {
+var _CarouselItem = function _CarouselItem(_ref2) {
   var children = _ref2.children,
     shouldHaveStartSpacing = _ref2.shouldHaveStartSpacing,
     shouldHaveEndSpacing = _ref2.shouldHaveEndSpacing,
@@ -19411,6 +19431,9 @@ var CarouselItem = function CarouselItem(_ref2) {
     children: children
   }));
 };
+var CarouselItem = /*#__PURE__*/assignWithoutSideEffects(_CarouselItem, {
+  componentId: componentIds.CarouselItem
+});
 
 var ChipGroupContext = /*#__PURE__*/React__default.createContext({});
 var ChipGroupProvider = ChipGroupContext.Provider;
@@ -29457,7 +29480,7 @@ var _BottomSheetBody = function _BottomSheetBody(_ref) {
   React__default.useEffect(function () {
     setBottomSheetHasActionList(false);
     React__default.Children.forEach(children, function (child) {
-      if (isValidAllowedChildren(child, componentIds.ActionList)) {
+      if (isValidAllowedChildren(child, componentIds$1.ActionList)) {
         setBottomSheetHasActionList(true);
       }
     });