41087.a03081df.iframe.bundle.js

"use strict";(globalThis.webpackChunkmetamask_crx=globalThis.webpackChunkmetamask_crx||[]).push([[41087],{"./ui/components/app/permission-cell/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>permission_cell});var react=__webpack_require__("./node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),es=__webpack_require__("./node_modules/react-redux/es/index.js"),design_system=__webpack_require__("./ui/helpers/constants/design-system.ts"),component_library=__webpack_require__("./ui/components/component-library/index.ts"),tooltip=__webpack_require__("./ui/components/ui/tooltip/index.js"),selectors=__webpack_require__("./ui/selectors/index.js"),box=__webpack_require__("./ui/components/ui/box/index.js"),useI18nContext=__webpack_require__("./ui/hooks/useI18nContext.js"),menu=__webpack_require__("./ui/components/ui/menu/index.ts"),popover_component=__webpack_require__("./ui/components/ui/popover/popover.component.js"),permissions=__webpack_require__("./shared/constants/snaps/permissions.ts"),actions=__webpack_require__("./ui/__mocks__/actions.js");function _array_like_to_array(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _array_with_holes(arr){if(Array.isArray(arr))return arr}function _iterable_to_array_limit(arr,i){var _s,_e,_i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}}function _non_iterable_rest(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _sliced_to_array(arr,i){return _array_with_holes(arr)||_iterable_to_array_limit(arr,i)||_unsupported_iterable_to_array(arr,i)||_non_iterable_rest()}function _unsupported_iterable_to_array(o,minLen){if(o){if("string"==typeof o)return _array_like_to_array(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if("Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _array_like_to_array(o,minLen)}}var PermissionCellOptions=function(param){var snapId=param.snapId,permissionName=param.permissionName,description=param.description,t=(0,useI18nContext.P)(),dispatch=(0,es.wA)(),ref=(0,react.useRef)(!1),_useState=_sliced_to_array((0,react.useState)(!1),2),showOptions=_useState[0],setShowOptions=_useState[1],_useState1=_sliced_to_array((0,react.useState)(!1),2),showDetails=_useState1[0],setShowDetails=_useState1[1],isRevokable=permissions.Kx.includes(permissionName);return description||isRevokable?react.createElement(box.Ay,{ref:ref},react.createElement(component_library.a2,{iconName:component_library.$M.MoreVertical,ariaLabel:t("options"),onClick:function(){setShowOptions(!0)},"data-testid":permissionName}),showOptions&&react.createElement(menu.W,{anchorElement:ref.current,onHide:function(){setShowOptions(!1)}},description&&react.createElement(menu.D,{onClick:function(){setShowOptions(!1),setShowDetails(!0)}},react.createElement(component_library.EY,{variant:design_system.J3.bodySm,style:{whiteSpace:"nowrap"}},t("details"))),isRevokable&&react.createElement(menu.D,{onClick:function(){setShowOptions(!1),dispatch((0,actions.revokeDynamicSnapPermissions)(snapId,[permissionName]))}},react.createElement(component_library.EY,{variant:design_system.J3.bodySm,color:design_system.r7.errorDefault,style:{whiteSpace:"nowrap"}},t("revokePermission")))),showDetails&&react.createElement(popover_component.A,{title:t("details"),onClose:function(){setShowOptions(!1),setShowDetails(!1)}},react.createElement(box.Ay,{marginLeft:4,marginRight:4,marginBottom:4},react.createElement(component_library.EY,null,description)))):null};PermissionCellOptions.propTypes={snapId:prop_types_default().string.isRequired,permissionName:prop_types_default().string.isRequired,description:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().object])},PermissionCellOptions.__docgenInfo={description:"",methods:[],displayName:"PermissionCellOptions",props:{snapId:{description:"",type:{name:"string"},required:!0},permissionName:{description:"",type:{name:"string"},required:!0},description:{description:"",type:{name:"union",value:[{name:"string"},{name:"object"}]},required:!1}}};var avatar_group=__webpack_require__("./ui/components/multichain/avatar-group/index.ts"),avatar_group_types=__webpack_require__("./ui/components/multichain/avatar-group/avatar-group.types.tsx"),util=__webpack_require__("./ui/helpers/utils/util.js"),constants_network=__webpack_require__("./shared/constants/network.ts"),PermissionCellStatus=function(param){var revoked=param.revoked,approved=param.approved,dateApproved=param.dateApproved,accounts=param.accounts,networks=param.networks,t=(0,useI18nContext.P)(),renderAccountsGroup=function(){return react.createElement(react.Fragment,null,networks.length>0?react.createElement(component_library.az,{as:"span",className:"permission-cell__status__accounts-group-box",display:design_system.nl.InlineFlex},react.createElement(component_library.az,{display:design_system.nl.Flex,flexDirection:design_system.bo.Column},null==networks?void 0:networks.map(function(network,index){return react.createElement(component_library.az,{key:"".concat(network.name,"_").concat(index),display:design_system.nl.Flex,justifyContent:design_system.A9.flexStart,alignItems:design_system.k2.center,marginTop:2},react.createElement(component_library.Gn,{size:component_library.LM.Xs,src:constants_network.Clc[network.chainId],name:network.name}),react.createElement(component_library.EY,{variant:design_system.J3.bodyMdMedium,marginLeft:2},network.name))}))):react.createElement(component_library.az,{as:"span",className:"permission-cell__status__accounts-group-box",display:design_system.nl.InlineFlex},react.createElement(tooltip.A,{position:"bottom",html:react.createElement(component_library.az,{display:design_system.nl.Flex,flexDirection:design_system.bo.Column,justifyContent:design_system.A9.center,alignItems:design_system.k2.center},react.createElement(component_library.EY,{variant:design_system.J3.headingSm,color:design_system.r7.textAlternative,textAlign:design_system.nO.Center},t("accounts")),react.createElement(component_library.az,{display:design_system.nl.Flex,flexDirection:design_system.bo.Column},accounts.map(function(account,index){return react.createElement(component_library.az,{key:"".concat(account.avatarValue,"_").concat(index),display:design_system.nl.Flex,justifyContent:design_system.A9.flexStart,alignItems:design_system.k2.center,marginTop:2},react.createElement(component_library.vs,{address:account.avatarValue,size:component_library.oG.Xs,borderColor:design_system.cG.backgroundDefault}),react.createElement(component_library.EY,{variant:design_system.J3.bodyMdMedium,marginLeft:2},account.avatarName))})))},react.createElement(avatar_group.Z,{limit:3,members:accounts,avatarType:avatar_group_types.u.ACCOUNT,size:component_library.gh.Xs,width:design_system.Zf.Min,borderColor:design_system.cG.backgroundDefault,marginLeft:4,paddingLeft:4}))))};return react.createElement(component_library.EY,{as:"div",className:"permission-cell__status",variant:design_system.J3.bodySm,color:design_system.r7.textAlternative,display:design_system.nl.Flex},revoked?accounts&&accounts.length?t("permissionRevokedForAccounts",[renderAccountsGroup()]):t("permissionRevoked"):dateApproved?accounts&&accounts.length?t("approvedOnForAccounts",[(0,util.Yq)(dateApproved,"yyyy-MM-dd"),renderAccountsGroup()]):t("approvedOn",[(0,util.Yq)(dateApproved,"yyyy-MM-dd")]):approved?t("approved"):accounts&&accounts.length?t("permissionRequestedForAccounts",[renderAccountsGroup()]):t("permissionRequested"))};PermissionCellStatus.propTypes={revoked:prop_types_default().bool,approved:prop_types_default().bool,dateApproved:prop_types_default().number,accounts:prop_types_default().array,networks:prop_types_default().array},PermissionCellStatus.__docgenInfo={description:`Renders status of the given permission. Used by PermissionCell component.

@param props - The props.
@param props.revoked - Boolean value to identify if permission is being revoked.
@param props.dateApproved - Timestamp when permission is approved.
@param props.accounts - List of accounts for which permission is requested, approved or revoked.
@param props.approved - Boolean value in case a permission has been approved, but there is no date to show.
@param props.networks
@returns React element rendering permission status with or without account icons displayed as AvatarGroup.`,methods:[],displayName:"PermissionCellStatus",props:{revoked:{description:"",type:{name:"bool"},required:!1},approved:{description:"",type:{name:"bool"},required:!1},dateApproved:{description:"",type:{name:"number"},required:!1},accounts:{description:"",type:{name:"array"},required:!1},networks:{description:"",type:{name:"array"},required:!1}}};var PermissionCell=function(param){var _avatarIcon_props,snapId=param.snapId,permissionName=param.permissionName,title=param.title,description=param.description,weight=param.weight,avatarIcon=param.avatarIcon,dateApproved=param.dateApproved,revoked=param.revoked,approved=param.approved,showOptions=param.showOptions,hideStatus=param.hideStatus,accounts=param.accounts,chainIds=param.chainIds,infoIcon=component_library.$M.Info,infoIconColor=design_system.Li.iconMuted,iconColor=design_system.Li.primaryDefault,iconBackgroundColor=design_system.Q1.primaryMuted;!revoked&&weight<=2&&(iconColor=design_system.Li.warningDefault,iconBackgroundColor=design_system.Q1.warningMuted,infoIconColor=design_system.Li.warningDefault),(dateApproved||approved)&&(iconColor=design_system.Li.iconMuted,iconBackgroundColor=design_system.Q1.backgroundAlternative),revoked&&(iconColor=design_system.Li.iconMuted,iconBackgroundColor=design_system.Q1.backgroundAlternative);var permissionIcon=avatarIcon;"string"!=typeof avatarIcon&&(null==avatarIcon||null==(_avatarIcon_props=avatarIcon.props)?void 0:_avatarIcon_props.iconName)&&(permissionIcon=avatarIcon.props.iconName);var networksInfo=(0,es.d4)(function(state){return(0,selectors.k88)(state,chainIds)});return react.createElement(component_library.az,{className:"permission-cell",display:design_system.nl.Flex,justifyContent:design_system.A9.center,alignItems:design_system.k2.flexStart,paddingTop:2,paddingBottom:2},react.createElement(component_library.az,{display:design_system.nl.Flex},"string"==typeof permissionIcon?react.createElement(component_library.hS,{iconName:permissionIcon,size:component_library.OQ.Md,iconProps:{size:component_library.lK.Sm},color:iconColor,backgroundColor:iconBackgroundColor}):permissionIcon),react.createElement(component_library.az,{display:design_system.nl.Flex,flexWrap:design_system.I4.Wrap,flexDirection:design_system.bo.Column,width:design_system.Zf.Full,marginLeft:4,marginRight:4},react.createElement(component_library.EY,{size:design_system.or.MD,variant:design_system.J3.bodyMd,className:classnames_default()("permission-cell__title",{"permission-cell__title-revoked":revoked})},title),!hideStatus&&react.createElement(PermissionCellStatus,{revoked:revoked,approved:approved,dateApproved:dateApproved,accounts:accounts,networks:networksInfo||null})),react.createElement(component_library.az,{display:design_system.nl.Flex},showOptions&&snapId?react.createElement(PermissionCellOptions,{snapId:snapId,permissionName:permissionName,description:description}):description&&react.createElement(tooltip.A,{html:react.createElement(component_library.EY,{variant:design_system.J3.bodySm,color:design_system.r7.textAlternative},description),position:"bottom"},react.createElement(component_library.In,{color:infoIconColor,name:infoIcon,size:component_library.lK.Sm}))))};PermissionCell.propTypes={snapId:prop_types_default().string,permissionName:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().element]).isRequired,title:prop_types_default().oneOfType([prop_types_default().string.isRequired,prop_types_default().object.isRequired]),description:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().object]),weight:prop_types_default().number,avatarIcon:prop_types_default().any.isRequired,dateApproved:prop_types_default().number,revoked:prop_types_default().bool,approved:prop_types_default().bool,showOptions:prop_types_default().bool,hideStatus:prop_types_default().bool,accounts:prop_types_default().array,chainIds:prop_types_default().array};let permission_cell=PermissionCell;PermissionCell.__docgenInfo={description:"",methods:[],displayName:"PermissionCell",props:{snapId:{description:"",type:{name:"string"},required:!1},permissionName:{description:"",type:{name:"union",value:[{name:"string"},{name:"element"}]},required:!0},title:{description:"",type:{name:"union",value:[{name:"string"},{name:"object"}]},required:!1},description:{description:"",type:{name:"union",value:[{name:"string"},{name:"object"}]},required:!1},weight:{description:"",type:{name:"number"},required:!1},avatarIcon:{description:"",type:{name:"any"},required:!0},dateApproved:{description:"",type:{name:"number"},required:!1},revoked:{description:"",type:{name:"bool"},required:!1},approved:{description:"",type:{name:"bool"},required:!1},showOptions:{description:"",type:{name:"bool"},required:!1},hideStatus:{description:"",type:{name:"bool"},required:!1},accounts:{description:"",type:{name:"array"},required:!1},chainIds:{description:"",type:{name:"array"},required:!1}}}},"./ui/components/app/snaps/snap-permission-adapter/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>SnapPermissionAdapter});var react=__webpack_require__("./node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),SubjectMetadataController=__webpack_require__("./node_modules/@metamask/permission-controller/dist/SubjectMetadataController.mjs"),es=__webpack_require__("./node_modules/react-redux/es/index.js"),component_library=__webpack_require__("./ui/components/component-library/index.ts"),design_system=__webpack_require__("./ui/helpers/constants/design-system.ts"),util=__webpack_require__("./ui/helpers/utils/util.js"),permission_cell=__webpack_require__("./ui/components/app/permission-cell/index.js"),useI18nContext=__webpack_require__("./ui/hooks/useI18nContext.js"),selectors=__webpack_require__("./ui/selectors/index.js");function SnapPermissionCell(param){var _permission_permissionValue,snapId=param.snapId,showOptions=param.showOptions,permission=param.permission,connectionSubjectMetadata=param.connectionSubjectMetadata,index=param.index,revoked=param.revoked,approved=param.approved,t=(0,useI18nContext.P)(),label=permission.label,description=permission.description,leftIcon=permission.leftIcon,snapsMetadata=(0,es.d4)(selectors.JaC);if(permission.connection){if((null==connectionSubjectMetadata?void 0:connectionSubjectMetadata.subjectType)===SubjectMetadataController.P.Snap){var faviconUrl,snapName=(0,util.IB)(snapsMetadata)(connectionSubjectMetadata.origin);label=t("snapConnectTo",[react.createElement(component_library.EY,{key:"snapConnectTo",fontWeight:design_system.IT.Medium,variant:design_system.J3.inherit,color:design_system.r7.inherit},snapName)]),description=t("snapConnectionPermissionDescription",[react.createElement(component_library.EY,{key:"permissionSubject_".concat(permission.subjectName),fontWeight:design_system.IT.Medium,variant:design_system.J3.inherit,color:design_system.r7.inherit},permission.subjectName),react.createElement(component_library.EY,{key:"permissionSubjectDescription_".concat(snapName),fontWeight:design_system.IT.Medium,variant:design_system.J3.inherit,color:design_system.r7.inherit},snapName)])}faviconUrl=null==connectionSubjectMetadata?void 0:connectionSubjectMetadata.iconUrl,leftIcon=faviconUrl?react.createElement(component_library.eK,{backgroundColor:design_system.i0.backgroundAlternative,size:component_library.pS.Md,iconProps:{size:component_library.lK.Sm},src:faviconUrl,name:permission.connection}):react.createElement(component_library.dy,{size:component_library.SM.Md,display:design_system.nl.Flex,alignItems:design_system.k2.center,justifyContent:design_system.A9.center,color:design_system.r7.textAlternative,style:{borderWidth:"0px"},backgroundColor:design_system.i0.backgroundAlternative},(0,util.k3)(permission.connectionName))}return react.createElement(permission_cell.A,{snapId:snapId,permissionName:permission.permissionName,title:label,description:description,weight:permission.weight,avatarIcon:leftIcon,dateApproved:null==permission||null==(_permission_permissionValue=permission.permissionValue)?void 0:_permission_permissionValue.date,key:"".concat(permission.permissionName,"-").concat(index),showOptions:showOptions,revoked:revoked,approved:approved})}function SnapPermissionAdapter(param){var snapId=param.snapId,permissions=param.permissions,showOptions=param.showOptions,targetSubjectsMetadata=param.targetSubjectsMetadata,revoked=param.revoked,approved=param.approved;return permissions.map(function(permission,index){return react.createElement(SnapPermissionCell,{snapId:snapId,showOptions:showOptions,connectionSubjectMetadata:targetSubjectsMetadata[permission.connection],permission:permission,index:index,key:"permissionCellDisplay_".concat(snapId,"_").concat(index),revoked:revoked,approved:approved})})}SnapPermissionCell.propTypes={snapId:prop_types_default().string.isRequired,showOptions:prop_types_default().bool,permission:prop_types_default().object.isRequired,connectionSubjectMetadata:prop_types_default().object,index:prop_types_default().number,revoked:prop_types_default().bool,approved:prop_types_default().bool},SnapPermissionCell.__docgenInfo={description:"",methods:[],displayName:"SnapPermissionCell",props:{snapId:{description:"",type:{name:"string"},required:!0},showOptions:{description:"",type:{name:"bool"},required:!1},permission:{description:"",type:{name:"object"},required:!0},connectionSubjectMetadata:{description:"",type:{name:"object"},required:!1},index:{description:"",type:{name:"number"},required:!1},revoked:{description:"",type:{name:"bool"},required:!1},approved:{description:"",type:{name:"bool"},required:!1}}},SnapPermissionAdapter.propTypes={snapId:prop_types_default().string.isRequired,snapName:prop_types_default().string.isRequired,permissions:prop_types_default().array.isRequired,showOptions:prop_types_default().bool,targetSubjectsMetadata:prop_types_default().object,weightThreshold:prop_types_default().number,revoked:prop_types_default().bool,approved:prop_types_default().bool}},"./ui/components/ui/box/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Ay:()=>_box__WEBPACK_IMPORTED_MODULE_0__.Ay,Ve:()=>_box__WEBPACK_IMPORTED_MODULE_0__.Ve});var _box__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./ui/components/ui/box/box.js")},"./ui/components/ui/menu/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{W:()=>menu,D:()=>menu_item});var prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),react=__webpack_require__("./node_modules/react/index.js"),react_dom=__webpack_require__("./node_modules/react-dom/index.js"),usePopper=__webpack_require__("./node_modules/react-popper/lib/esm/usePopper.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames);function _array_like_to_array(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _array_with_holes(arr){if(Array.isArray(arr))return arr}function _define_property(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _iterable_to_array_limit(arr,i){var _s,_e,_i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}}function _non_iterable_rest(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{},ownKeys=Object.keys(source);"function"==typeof Object.getOwnPropertySymbols&&(ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))),ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function _sliced_to_array(arr,i){return _array_with_holes(arr)||_iterable_to_array_limit(arr,i)||_unsupported_iterable_to_array(arr,i)||_non_iterable_rest()}function _unsupported_iterable_to_array(o,minLen){if(o){if("string"==typeof o)return _array_like_to_array(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if("Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _array_like_to_array(o,minLen)}}var Menu=function(param){var anchorElement=param.anchorElement,children=param.children,className=param.className,dataTestId=param["data-testid"],onHide=param.onHide,popperOptions=param.popperOptions,_useState=_sliced_to_array((0,react.useState)(null),2),popperElement=_useState[0],setPopperElement=_useState[1],popoverContainerElement=(0,react.useRef)(document.getElementById("popover-content")),_usePopper=(0,usePopper.E)(anchorElement,popperElement,popperOptions),attributes=_usePopper.attributes,styles=_usePopper.styles;return(0,react_dom.createPortal)(react.createElement(react.Fragment,null,react.createElement("div",{className:"menu__background","data-testid":dataTestId,onClick:onHide}),react.createElement("div",_object_spread({className:classnames_default()("menu__container",className),"data-testid":className,ref:setPopperElement,style:styles.popper},attributes.popper),children)),popoverContainerElement.current)};Menu.propTypes={anchorElement:prop_types_default().instanceOf(window.Element),children:prop_types_default().node.isRequired,className:prop_types_default().string,onHide:prop_types_default().func.isRequired,popperOptions:prop_types_default().object,dataTestId:prop_types_default().string},Menu.defaultProps={anchorElement:void 0,className:void 0,popperOptions:void 0};let menu=Menu;var component_library=__webpack_require__("./ui/components/component-library/index.ts"),design_system=__webpack_require__("./ui/helpers/constants/design-system.ts"),MenuItem=react.forwardRef(function(param,ref){var children=param.children,_param_className=param.className,dataTestId=param["data-testid"],iconName=param.iconName,iconColor=param.iconColor,onClick=param.onClick,subtitle=param.subtitle,disabled=param.disabled,showInfoDot=param.showInfoDot,textVariant=param.textVariant;return react.createElement("button",{className:classnames_default()("menu-item",void 0===_param_className?"":_param_className),"data-testid":dataTestId,onClick:onClick,ref:ref,disabled:disabled},iconName&&showInfoDot&&react.createElement(component_library.ph,{anchorElementShape:component_library.Hs.circular,display:design_system.nl.Block,position:component_library.uc.topRight,positionObj:{top:-6,right:4},badge:react.createElement(component_library.In,{name:component_library.$M.FullCircle,size:component_library.lK.Xs,color:design_system.Li.primaryDefault,style:{"--size":"10px"}})},react.createElement(component_library.In,{name:iconName,size:component_library.lK.Sm,marginRight:2})),iconName&&!showInfoDot&&react.createElement(component_library.In,{name:iconName,size:component_library.lK.Sm,marginRight:3,color:iconColor}),react.createElement("div",null,react.createElement(component_library.EY,{variant:textVariant,as:"div"},children),subtitle?react.createElement(component_library.EY,{variant:design_system.J3.bodyXs,color:design_system.r7.textAlternative},subtitle):null))});MenuItem.displayName="MenuItem";let menu_item=(0,react.memo)(MenuItem);try{MenuItem.displayName="MenuItem",MenuItem.__docgenInfo={description:"",displayName:"MenuItem",props:{className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string"}},"data-testid":{defaultValue:null,description:"",name:"data-testid",required:!1,type:{name:"string"}},iconName:{defaultValue:null,description:"",name:"iconName",required:!0,type:{name:"enum",value:[{value:'"accessibility"'},{value:'"activity"'},{value:'"add-card"'},{value:'"add-circle"'},{value:'"add-square"'},{value:'"add"'},{value:'"ai"'},{value:'"alternate-email"'},{value:'"apple"'},{value:'"apps"'},{value:'"arrow-2-down"'},{value:'"arrow-2-left"'},{value:'"arrow-2-right"'},{value:'"arrow-2-up-right"'},{value:'"arrow-2-up"'},{value:'"arrow-circle-down"'},{value:'"arrow-circle-up"'},{value:'"arrow-double-left"'},{value:'"arrow-double-right"'},{value:'"arrow-down"'},{value:'"arrow-drop-down-circle"'},{value:'"arrow-left"'},{value:'"arrow-right"'},{value:'"arrow-up"'},{value:'"attachment"'},{value:'"ban"'},{value:'"bank-assured"'},{value:'"bank"'},{value:'"bold"'},{value:'"book"'},{value:'"bookmark"'},{value:'"bridge"'},{value:'"briefcase"'},{value:'"bulb"'},{value:'"buy-sell"'},{value:'"cake"'},{value:'"calculator"'},{value:'"calendar"'},{value:'"call"'},{value:'"camera"'},{value:'"campaign"'},{value:'"card-pos"'},{value:'"card"'},{value:'"cash"'},{value:'"category"'},{value:'"chart"'},{value:'"check-bold"'},{value:'"check"'},{value:'"circle-x"'},{value:'"clock-filled"'},{value:'"clock"'},{value:'"close"'},{value:'"cloud-download"'},{value:'"cloud-upload"'},{value:'"cloud"'},{value:'"code-circle"'},{value:'"code"'},{value:'"coin"'},{value:'"collapse"'},{value:'"confirmation"'},{value:'"connect"'},{value:'"copy-success"'},{value:'"copy"'},{value:'"credit-check"'},{value:'"currency-franc"'},{value:'"currency-lira"'},{value:'"currency-pound"'},{value:'"currency-yuan"'},{value:'"customize"'},{value:'"danger"'},{value:'"dark-filled"'},{value:'"dark"'},{value:'"data"'},{value:'"description"'},{value:'"details"'},{value:'"diagram"'},{value:'"document-code"'},{value:'"download"'},{value:'"draft"'},{value:'"eco-leaf"'},{value:'"edit-square"'},{value:'"edit"'},{value:'"encrypted-add"'},{value:'"eraser"'},{value:'"error"'},{value:'"ethereum"'},{value:'"exchange"'},{value:'"expand-vertical"'},{value:'"expand"'},{value:'"explore-filled"'},{value:'"explore"'},{value:'"export"'},{value:'"extension"'},{value:'"eye-slash"'},{value:'"eye"'},{value:'"face-id"'},{value:'"feedback"'},{value:'"file"'},{value:'"filter"'},{value:'"fingerprint"'},{value:'"fire"'},{value:'"first-page"'},{value:'"flag"'},{value:'"flash-slash"'},{value:'"flash"'},{value:'"flask"'},{value:'"flower"'},{value:'"folder"'},{value:'"forest"'},{value:'"full-circle"'},{value:'"gas"'},{value:'"gift"'},{value:'"global-search"'},{value:'"global"'},{value:'"graph"'},{value:'"hardware"'},{value:'"hash-tag"'},{value:'"heart-filled"'},{value:'"heart"'},{value:'"hierarchy"'},{value:'"home-filled"'},{value:'"home"'},{value:'"image"'},{value:'"info"'},{value:'"inventory"'},{value:'"joystick"'},{value:'"keep-filled"'},{value:'"keep"'},{value:'"key"'},{value:'"last-page"'},{value:'"light-filled"'},{value:'"light"'},{value:'"link"'},{value:'"loading"'},{value:'"location"'},{value:'"lock-slash"'},{value:'"lock"'},{value:'"locked-filled"'},{value:'"login"'},{value:'"logout"'},{value:'"mail"'},{value:'"map"'},{value:'"menu"'},{value:'"message-question"'},{value:'"messages"'},{value:'"mic"'},{value:'"minus-bold"'},{value:'"minus-square"'},{value:'"minus"'},{value:'"mobile"'},{value:'"money-bag"'},{value:'"money"'},{value:'"monitor"'},{value:'"more-horizontal"'},{value:'"more-vertical"'},{value:'"mountain-flag"'},{value:'"music-note"'},{value:'"notification"'},{value:'"page-info"'},{value:'"palette"'},{value:'"password-check"'},{value:'"pending"'},{value:'"people"'},{value:'"person-cancel"'},{value:'"pin"'},{value:'"plant"'},{value:'"plug"'},{value:'"plus-and-minus"'},{value:'"policy-alert"'},{value:'"print"'},{value:'"priority-high"'},{value:'"privacy-tip"'},{value:'"programming-arrows"'},{value:'"publish"'},{value:'"qr-code"'},{value:'"question"'},{value:'"receive"'},{value:'"received"'},{value:'"refresh"'},{value:'"remove-minus"'},{value:'"report"'},{value:'"rocket"'},{value:'"save-filled"'},{value:'"save"'},{value:'"saving"'},{value:'"scan-barcode"'},{value:'"scan-focus"'},{value:'"scan"'},{value:'"search"'},{value:'"security-alert"'},{value:'"security-cross"'},{value:'"security-key"'},{value:'"security-search"'},{value:'"security-slash"'},{value:'"security-tick"'},{value:'"security-time"'},{value:'"security-user"'},{value:'"security"'},{value:'"send"'},{value:'"sentiment-dissatisfied"'},{value:'"sentiment-neutral"'},{value:'"sentiment-satisfied"'},{value:'"sentiment-very-satisfied"'},{value:'"setting-filled"'},{value:'"setting"'},{value:'"share"'},{value:'"shield-lock"'},{value:'"shopping-bag"'},{value:'"shopping-cart"'},{value:'"signal-cellular"'},{value:'"slash"'},{value:'"sms"'},{value:'"snaps-mobile"'},{value:'"snaps-plus"'},{value:'"snaps-round"'},{value:'"snaps"'},{value:'"sort-by-alpha"'},{value:'"sort"'},{value:'"sparkle"'},{value:'"speed"'},{value:'"speedometer"'},{value:'"square"'},{value:'"stake"'},{value:'"star-filled"'},{value:'"star"'},{value:'"start"'},{value:'"storefront"'},{value:'"student"'},{value:'"swap-horizontal"'},{value:'"swap-vertical"'},{value:'"tab-close"'},{value:'"table-row"'},{value:'"tablet"'},{value:'"tag"'},{value:'"thumb-down-filled"'},{value:'"thumb-down"'},{value:'"thumb-up-filled"'},{value:'"thumb-up"'},{value:'"tint"'},{value:'"tooltip"'},{value:'"translate"'},{value:'"trash"'},{value:'"trend-down"'},{value:'"trend-up"'},{value:'"triangle-up"'},{value:'"triangle-down"'},{value:'"undo"'},{value:'"unfold"'},{value:'"unlocked-filled"'},{value:'"unpin"'},{value:'"upload-file"'},{value:'"upload"'},{value:'"usb"'},{value:'"user-check"'},{value:'"user-circle-add"'},{value:'"user-circle-remove"'},{value:'"user-circle"'},{value:'"user"'},{value:'"verified-filled"'},{value:'"verified"'},{value:'"videocam"'},{value:'"view-column"'},{value:'"view-in-ar"'},{value:'"volume-off"'},{value:'"volume-up"'},{value:'"wallet-filled"'},{value:'"wallet"'},{value:'"warning"'},{value:'"web-traffic"'},{value:'"widgets"'},{value:'"wifi-off"'},{value:'"wifi"'},{value:'"x"'}]}},iconColor:{defaultValue:null,description:"",name:"iconColor",required:!1,type:{name:"enum",value:[{value:'"icon-default"'},{value:'"icon-alternative"'},{value:'"icon-alternative-soft"'},{value:'"icon-muted"'},{value:'"icon-inverse"'},{value:'"overlay-inverse"'},{value:'"primary-default"'},{value:'"primary-inverse"'},{value:'"error-default"'},{value:'"error-inverse"'},{value:'"success-default"'},{value:'"success-inverse"'},{value:'"warning-default"'},{value:'"warning-inverse"'},{value:'"info-default"'},{value:'"info-inverse"'},{value:'"inherit"'},{value:'"goerli"'},{value:'"sepolia"'},{value:'"linea-goerli"'},{value:'"linea-goerli-inverse"'},{value:'"linea-sepolia"'},{value:'"linea-sepolia-inverse"'},{value:'"linea-mainnet"'},{value:'"linea-mainnet-inverse"'},{value:'"goerli-inverse"'},{value:'"sepolia-inverse"'},{value:'"transparent"'}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(() => void)"}},subtitle:{defaultValue:null,description:"",name:"subtitle",required:!1,type:{name:"string"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},showInfoDot:{defaultValue:null,description:"",name:"showInfoDot",required:!1,type:{name:"boolean"}},textVariant:{defaultValue:null,description:"",name:"textVariant",required:!1,type:{name:"enum",value:[{value:'"display-md"'},{value:'"heading-lg"'},{value:'"heading-md"'},{value:'"heading-sm"'},{value:'"body-lg-medium"'},{value:'"body-md"'},{value:'"body-md-medium"'},{value:'"body-md-bold"'},{value:'"body-sm"'},{value:'"body-sm-medium"'},{value:'"body-sm-bold"'},{value:'"body-xs"'},{value:'"body-xs-medium"'},{value:'"inherit"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["ui/components/ui/menu/menu-item.tsx#MenuItem"]={docgenInfo:MenuItem.__docgenInfo,name:"MenuItem",path:"ui/components/ui/menu/menu-item.tsx#MenuItem"})}catch(__react_docgen_typescript_loader_error){}},"./ui/components/ui/popover/popover.component.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>PopoverPortal});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_dom__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react-dom/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_7__),classnames__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__),_hooks_useI18nContext__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./ui/hooks/useI18nContext.js"),_box__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./ui/components/ui/box/index.js"),_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./ui/helpers/constants/design-system.ts"),_component_library__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./ui/components/component-library/index.ts");function _assert_this_initialized(self){if(void 0===self)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function _call_super(_this,derived,args){return derived=_get_prototype_of(derived),_possible_constructor_return(_this,_is_native_reflect_construct()?Reflect.construct(derived,args||[],_get_prototype_of(_this).constructor):derived.apply(_this,args))}function _class_call_check(instance,Constructor){if(!(instance instanceof Constructor))throw 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||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _create_class(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}function _define_property(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _get_prototype_of(o){return(_get_prototype_of=Object.setPrototypeOf?Object.getPrototypeOf:function getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)})(o)}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),superClass&&_set_prototype_of(subClass,superClass)}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{},ownKeys=Object.keys(source);"function"==typeof Object.getOwnPropertySymbols&&(ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))),ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}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 _object_spread_props(target,source){return source=null!=source?source:{},Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}),target}function _possible_constructor_return(self,call){return call&&("object"===_type_of(call)||"function"==typeof call)?call:_assert_this_initialized(self)}function _set_prototype_of(o,p){return(_set_prototype_of=Object.setPrototypeOf||function setPrototypeOf(o,p){return o.__proto__=p,o})(o,p)}function _type_of(obj){return obj&&"undefined"!=typeof Symbol&&obj.constructor===Symbol?"symbol":typeof obj}function _is_native_reflect_construct(){try{var result=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(_){}return(_is_native_reflect_construct=function(){return!!result})()}var defaultHeaderProps={padding:[6,4,4],display:"flex",flexDirection:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_5__.GO.COLUMN,backgroundColor:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_5__.i0.backgroundDefault,borderRadius:"xl"},defaultContentProps={display:"flex",flexDirection:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_5__.GO.COLUMN,justifyContent:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_5__.A9.flexStart,alignItems:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_5__.k2.stretch,borderRadius:"xl"},defaultFooterProps={display:"flex",justifyContent:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_5__.A9.spaceBetween,padding:[4,6,6]},Popover=function(param){var title=param.title,_param_subtitle=param.subtitle,subtitle=void 0===_param_subtitle?"":_param_subtitle,children=param.children,footer=param.footer,footerClassName=param.footerClassName,onBack=param.onBack,onClose=param.onClose,onScroll=param.onScroll,className=param.className,contentClassName=param.contentClassName,showArrow=param.showArrow,CustomBackground=param.CustomBackground,popoverRef=param.popoverRef,showScrollDown=param.showScrollDown,onScrollDownButtonClick=param.onScrollDownButtonClick,centerTitle=param.centerTitle,wrapTitle=param.wrapTitle,_param_headerProps=param.headerProps,headerProps=void 0===_param_headerProps?defaultHeaderProps:_param_headerProps,_param_contentProps=param.contentProps,contentProps=void 0===_param_contentProps?defaultContentProps:_param_contentProps,_param_footerProps=param.footerProps,footerProps=void 0===_param_footerProps?defaultFooterProps:_param_footerProps,t=(0,_hooks_useI18nContext__WEBPACK_IMPORTED_MODULE_3__.P)(),showHeader=title||onBack||subtitle||onClose;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"popover-container"},CustomBackground?react__WEBPACK_IMPORTED_MODULE_0__.createElement(CustomBackground,{onClose:onClose}):react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"popover-bg",onClick:onClose}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("section",{className:classnames__WEBPACK_IMPORTED_MODULE_2___default()("popover-wrap",className),ref:popoverRef},showArrow?react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"popover-arrow"}):null,showHeader&&react__WEBPACK_IMPORTED_MODULE_0__.createElement(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_box__WEBPACK_IMPORTED_MODULE_4__.Ay,_object_spread_props(_object_spread({},defaultHeaderProps,headerProps),{className:"popover-header"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_box__WEBPACK_IMPORTED_MODULE_4__.Ay,{display:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_5__.Nu.FLEX,alignItems:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_5__.k2.center,justifyContent:centerTitle?null:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_5__.A9.spaceBetween,className:classnames__WEBPACK_IMPORTED_MODULE_2___default()("popover-header__title",{"popover-header__title--center":centerTitle}),marginBottom:2},onBack?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_library__WEBPACK_IMPORTED_MODULE_6__.a2,{iconName:_component_library__WEBPACK_IMPORTED_MODULE_6__.$M.ArrowLeft,ariaLabel:t("back"),onClick:onBack,color:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_5__.Q1.iconDefault,size:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_5__.or.SM}):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_library__WEBPACK_IMPORTED_MODULE_6__.EY,{textAlign:centerTitle?_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_5__.nO.Center:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_5__.nO.Start,className:wrapTitle?"popover-header__title-wrap":null,ellipsis:!0,variant:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_5__.J3.headingSm,as:"h2",width:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_5__.VH.FULL},title),onClose?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_library__WEBPACK_IMPORTED_MODULE_6__.a2,{iconName:_component_library__WEBPACK_IMPORTED_MODULE_6__.$M.Close,ariaLabel:t("close"),"data-testid":"popover-close",onClick:onClose,size:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_5__.or.SM}):null),subtitle?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_library__WEBPACK_IMPORTED_MODULE_6__.EY,{variant:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_5__.J3.bodySm},subtitle):null)},null),children?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_box__WEBPACK_IMPORTED_MODULE_4__.Ay,_object_spread({className:classnames__WEBPACK_IMPORTED_MODULE_2___default()("popover-content",contentClassName),onScroll:onScroll},defaultContentProps,contentProps),children):null,showScrollDown?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_box__WEBPACK_IMPORTED_MODULE_4__.Ay,{display:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_5__.Nu.FLEX,alignItems:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_5__.k2.center,justifyContent:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_5__.A9.center,borderColor:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_5__.cG.borderDefault,backgroundColor:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_5__.i0.backgroundDefault,color:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_5__.Q1.iconDefault,onClick:onScrollDownButtonClick,className:"popover-scroll-button",style:{bottom:footer?"140px":"12px"},"data-testid":"popover-scroll-button"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_library__WEBPACK_IMPORTED_MODULE_6__.In,{name:_component_library__WEBPACK_IMPORTED_MODULE_6__.$M.ArrowDown,color:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_5__.Li.primaryDefault,size:_component_library__WEBPACK_IMPORTED_MODULE_6__.lK.Md,"aria-label":t("scrollDown")})):null,footer?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_box__WEBPACK_IMPORTED_MODULE_4__.Ay,_object_spread({className:classnames__WEBPACK_IMPORTED_MODULE_2___default()("popover-footer",footerClassName)},defaultFooterProps,footerProps),footer):null))};Popover.propTypes={wrapTitle:prop_types__WEBPACK_IMPORTED_MODULE_7___default().bool,title:prop_types__WEBPACK_IMPORTED_MODULE_7___default().node,subtitle:prop_types__WEBPACK_IMPORTED_MODULE_7___default().string,children:prop_types__WEBPACK_IMPORTED_MODULE_7___default().node,footer:prop_types__WEBPACK_IMPORTED_MODULE_7___default().node,footerClassName:prop_types__WEBPACK_IMPORTED_MODULE_7___default().string,onBack:prop_types__WEBPACK_IMPORTED_MODULE_7___default().func,onClose:prop_types__WEBPACK_IMPORTED_MODULE_7___default().func,onScroll:prop_types__WEBPACK_IMPORTED_MODULE_7___default().func,CustomBackground:prop_types__WEBPACK_IMPORTED_MODULE_7___default().func,contentClassName:prop_types__WEBPACK_IMPORTED_MODULE_7___default().string,className:prop_types__WEBPACK_IMPORTED_MODULE_7___default().string,showArrow:prop_types__WEBPACK_IMPORTED_MODULE_7___default().bool,popoverRef:prop_types__WEBPACK_IMPORTED_MODULE_7___default().shape({current:prop_types__WEBPACK_IMPORTED_MODULE_7___default().instanceOf(window.Element)}),showScrollDown:prop_types__WEBPACK_IMPORTED_MODULE_7___default().bool,onScrollDownButtonClick:prop_types__WEBPACK_IMPORTED_MODULE_7___default().func,centerTitle:prop_types__WEBPACK_IMPORTED_MODULE_7___default().bool,headerProps:prop_types__WEBPACK_IMPORTED_MODULE_7___default().shape(_object_spread({},_box__WEBPACK_IMPORTED_MODULE_4__.Ay.propTypes)),contentProps:prop_types__WEBPACK_IMPORTED_MODULE_7___default().shape(_object_spread({},_box__WEBPACK_IMPORTED_MODULE_4__.Ay.propTypes)),footerProps:prop_types__WEBPACK_IMPORTED_MODULE_7___default().shape(_object_spread({},_box__WEBPACK_IMPORTED_MODULE_4__.Ay.propTypes))};var PopoverPortal=function(PureComponent){function PopoverPortal(){var _this;return _class_call_check(this,PopoverPortal),_this=_call_super(this,PopoverPortal,arguments),_define_property(_this,"rootNode",document.getElementById("popover-content")),_define_property(_this,"instanceNode",document.createElement("div")),_this}return _inherits(PopoverPortal,PureComponent),_create_class(PopoverPortal,[{key:"componentDidMount",value:function componentDidMount(){this.rootNode&&this.rootNode.appendChild(this.instanceNode)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.rootNode&&this.rootNode.removeChild(this.instanceNode)}},{key:"render",value:function render(){var children=react__WEBPACK_IMPORTED_MODULE_0__.createElement(Popover,this.props);return this.rootNode?react_dom__WEBPACK_IMPORTED_MODULE_1__.createPortal(children,this.instanceNode):children}}]),PopoverPortal}(react__WEBPACK_IMPORTED_MODULE_0__.PureComponent);_define_property(PopoverPortal,"propTypes",Popover.propTypes),PopoverPortal.__docgenInfo={description:`@deprecated The \`<Popover>\` component has been deprecated in favor of the new \`<Modal>\` component from the component-library.
Please update your code to use the new \`<Modal>\` component instead, which can be found at ui/components/component-library/modal/modal.tsx.
You can find documentation for the new Modal component in the MetaMask Storybook:
{@link https://metamask.github.io/metamask-storybook/?path=/docs/components-componentlibrary-modal--docs}
If you would like to help with the replacement of the old Modal component, please submit a pull request against this GitHub issue:
{@link https://github.com/MetaMask/metamask-extension/issues/19555}`,methods:[],displayName:"PopoverPortal",props:{wrapTitle:{description:"Avoid wrapping title",type:{name:"bool"},required:!1},title:{description:"Show title of the popover",type:{name:"node"},required:!1},subtitle:{description:"Show subtitle label on popover",type:{name:"string"},required:!1},children:{description:"Show children content could be react child or text",type:{name:"node"},required:!1},footer:{description:"Show footer content could be react child or text",type:{name:"node"},required:!1},footerClassName:{description:"Add custom CSS class for footer",type:{name:"string"},required:!1},onBack:{description:"onBack handler",type:{name:"func"},required:!1},onClose:{description:"onClose handler",type:{name:"func"},required:!1},onScroll:{description:"onScroll handler",type:{name:"func"},required:!1},CustomBackground:{description:"",type:{name:"func"},required:!1},contentClassName:{description:"Add custom CSS class for content",type:{name:"string"},required:!1},className:{description:"Add custom CSS class",type:{name:"string"},required:!1},showArrow:{description:"Check if component would show arror",type:{name:"bool"},required:!1},popoverRef:{description:"The ref of the popover-wrap element",type:{name:"shape",value:{current:{name:"instanceOf",value:"window.Element",required:!1}}},required:!1},showScrollDown:{description:"Show title of the popover",type:{name:"bool"},required:!1},onScrollDownButtonClick:{description:"ScrollDown handler",type:{name:"func"},required:!1},centerTitle:{description:"Check if use centered title",type:{name:"bool"},required:!1},headerProps:{description:"Box props for the header",type:{name:"shape",value:{}},required:!1},contentProps:{description:"Box props for the content",type:{name:"shape",value:{}},required:!1},footerProps:{description:"Box props for the footer",type:{name:"shape",value:{}},required:!1}}}},"./ui/components/ui/tooltip/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>_tooltip__WEBPACK_IMPORTED_MODULE_0__.A});var _tooltip__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./ui/components/ui/tooltip/tooltip.js")},"./ui/components/ui/tooltip/tooltip.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>Tooltip});var prop_types__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_tippy__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react-tippy/dist/react-tippy.js");function _assert_this_initialized(self){if(void 0===self)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function _call_super(_this,derived,args){return derived=_get_prototype_of(derived),_possible_constructor_return(_this,_is_native_reflect_construct()?Reflect.construct(derived,args||[],_get_prototype_of(_this).constructor):derived.apply(_this,args))}function _class_call_check(instance,Constructor){if(!(instance instanceof Constructor))throw 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||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _create_class(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}function _define_property(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _get_prototype_of(o){return(_get_prototype_of=Object.setPrototypeOf?Object.getPrototypeOf:function getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)})(o)}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),superClass&&_set_prototype_of(subClass,superClass)}function _possible_constructor_return(self,call){return call&&("object"===_type_of(call)||"function"==typeof call)?call:_assert_this_initialized(self)}function _set_prototype_of(o,p){return(_set_prototype_of=Object.setPrototypeOf||function setPrototypeOf(o,p){return o.__proto__=p,o})(o,p)}function _type_of(obj){return obj&&"undefined"!=typeof Symbol&&obj.constructor===Symbol?"symbol":typeof obj}function _is_native_reflect_construct(){try{var result=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(_){}return(_is_native_reflect_construct=function(){return!!result})()}var Tooltip=function(PureComponent){function Tooltip(){return _class_call_check(this,Tooltip),_call_super(this,Tooltip,arguments)}return _inherits(Tooltip,PureComponent),_create_class(Tooltip,[{key:"render",value:function render(){var _this_props=this.props,arrow=_this_props.arrow,children=_this_props.children,containerClassName=_this_props.containerClassName,disabled=_this_props.disabled,position=_this_props.position,html=_this_props.html,interactive=_this_props.interactive,size=_this_props.size,distance=_this_props.distance,title=_this_props.title,trigger=_this_props.trigger,onHidden=_this_props.onHidden,offset=_this_props.offset,open=_this_props.open,wrapperClassName=_this_props.wrapperClassName,style=_this_props.style,wrapperStyle=_this_props.wrapperStyle,theme=_this_props.theme,tabIndex=_this_props.tabIndex,tag=_this_props.tag;return title||html?react__WEBPACK_IMPORTED_MODULE_0__.createElement(tag,{className:wrapperClassName,style:wrapperStyle},react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_tippy__WEBPACK_IMPORTED_MODULE_1__.Tooltip,{arrow:arrow,className:containerClassName,disabled:disabled,hideOnClick:!1,distance:distance,html:html,interactive:interactive,onHidden:onHidden,position:position,size:size,offset:offset,style:style,title:disabled?"":title,trigger:trigger,open:open,theme:"tippy-tooltip--mm-custom ".concat(theme),tabIndex:tabIndex||0,tag:tag},children)):react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:wrapperClassName},children)}}]),Tooltip}(react__WEBPACK_IMPORTED_MODULE_0__.PureComponent);_define_property(Tooltip,"defaultProps",{arrow:!0,children:null,containerClassName:"",html:null,interactive:void 0,onHidden:null,distance:0,position:"left",offset:0,open:void 0,size:"small",title:null,trigger:"mouseenter focus",wrapperClassName:void 0,theme:"",tag:"div",wrapperStyle:{}}),_define_property(Tooltip,"propTypes",{arrow:prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool,children:prop_types__WEBPACK_IMPORTED_MODULE_2___default().node,containerClassName:prop_types__WEBPACK_IMPORTED_MODULE_2___default().string,disabled:prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool,html:prop_types__WEBPACK_IMPORTED_MODULE_2___default().node,distance:prop_types__WEBPACK_IMPORTED_MODULE_2___default().number,interactive:prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool,offset:prop_types__WEBPACK_IMPORTED_MODULE_2___default().number,onHidden:prop_types__WEBPACK_IMPORTED_MODULE_2___default().func,open:prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool,position:prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(["top","right","bottom","left"]),size:prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(["small","regular","big"]),title:prop_types__WEBPACK_IMPORTED_MODULE_2___default().string,trigger:prop_types__WEBPACK_IMPORTED_MODULE_2___default().any,wrapperClassName:prop_types__WEBPACK_IMPORTED_MODULE_2___default().string,style:prop_types__WEBPACK_IMPORTED_MODULE_2___default().object,wrapperStyle:prop_types__WEBPACK_IMPORTED_MODULE_2___default().object,theme:prop_types__WEBPACK_IMPORTED_MODULE_2___default().string,tabIndex:prop_types__WEBPACK_IMPORTED_MODULE_2___default().number,tag:prop_types__WEBPACK_IMPORTED_MODULE_2___default().string}),Tooltip.__docgenInfo={description:"",methods:[],displayName:"Tooltip",props:{arrow:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},children:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"node"},required:!1},containerClassName:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},html:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"node"},required:!1},interactive:{defaultValue:{value:"undefined",computed:!0},description:"",type:{name:"bool"},required:!1},onHidden:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"func"},required:!1},distance:{defaultValue:{value:"0",computed:!1},description:"",type:{name:"number"},required:!1},position:{defaultValue:{value:"'left'",computed:!1},description:"",type:{name:"enum",value:[{value:"'top'",computed:!1},{value:"'right'",computed:!1},{value:"'bottom'",computed:!1},{value:"'left'",computed:!1}]},required:!1},offset:{defaultValue:{value:"0",computed:!1},description:"",type:{name:"number"},required:!1},open:{defaultValue:{value:"undefined",computed:!0},description:"",type:{name:"bool"},required:!1},size:{defaultValue:{value:"'small'",computed:!1},description:"",type:{name:"enum",value:[{value:"'small'",computed:!1},{value:"'regular'",computed:!1},{value:"'big'",computed:!1}]},required:!1},title:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"string"},required:!1},trigger:{defaultValue:{value:"'mouseenter focus'",computed:!1},description:"",type:{name:"any"},required:!1},wrapperClassName:{defaultValue:{value:"undefined",computed:!0},description:"",type:{name:"string"},required:!1},theme:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},tag:{defaultValue:{value:"'div'",computed:!1},description:"",type:{name:"string"},required:!1},wrapperStyle:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"object"},required:!1},disabled:{description:"",type:{name:"bool"},required:!1},style:{description:"",type:{name:"object"},required:!1},tabIndex:{description:"",type:{name:"number"},required:!1}}}}}]);