12679.1349c2e3.iframe.bundle.js

"use strict";(globalThis.webpackChunkmetamask_crx=globalThis.webpackChunkmetamask_crx||[]).push([[12679],{"./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.js"),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.Cl[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.\n\n@param props - The props.\n@param props.revoked - Boolean value to identify if permission is being revoked.\n@param props.dateApproved - Timestamp when permission is approved.\n@param props.accounts - List of accounts for which permission is requested, approved or revoked.\n@param props.approved - Boolean value in case a permission has been approved, but there is no date to show.\n@param props.networks\n@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?void 0:null===(_avatarIcon_props=avatarIcon.props)||void 0===_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/multichain/account-list-item-menu/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{S:()=>AccountListItemMenu});var react=__webpack_require__("./node_modules/react/index.js"),es=__webpack_require__("./node_modules/react-redux/es/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),metametrics=__webpack_require__("./ui/contexts/metametrics.js"),useI18nContext=__webpack_require__("./ui/hooks/useI18nContext.js"),networks=__webpack_require__("./shared/modules/selectors/networks.ts"),selectors=__webpack_require__("./ui/selectors/index.js"),menu=__webpack_require__("./ui/components/ui/menu/index.js"),component_library=__webpack_require__("./ui/components/component-library/index.ts"),constants_metametrics=__webpack_require__("./shared/constants/metametrics.ts"),actions=__webpack_require__("./ui/__mocks__/actions.js"),design_system=__webpack_require__("./ui/helpers/constants/design-system.ts"),metrics=__webpack_require__("./ui/helpers/utils/metrics.js"),menu_items=__webpack_require__("./ui/components/multichain/menu-items/index.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_without_holes(arr){if(Array.isArray(arr))return _array_like_to_array(arr)}function _iterable_to_array(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function _non_iterable_spread(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _to_consumable_array(arr){return _array_without_holes(arr)||_iterable_to_array(arr)||_unsupported_iterable_to_array(arr)||_non_iterable_spread()}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 METRICS_LOCATION="Account Options",AccountListItemMenu=function(param){var anchorElement=param.anchorElement,onClose=param.onClose,closeMenu=param.closeMenu,isRemovable=param.isRemovable,account=param.account,isOpen=param.isOpen,isPinned=param.isPinned,isHidden=param.isHidden,t=(0,useI18nContext.P)(),trackEvent=(0,react.useContext)(metametrics.O2),dispatch=(0,es.wA)(),chainId=(0,es.d4)(networks.gr),deviceName=(0,es.d4)(selectors.ks6),keyring=account.metadata.keyring,accountType=(0,metrics.lU)((0,selectors.cgi)(keyring)),pinnedAccountList=(0,es.d4)(selectors.DRO),hiddenAccountList=(0,es.d4)(selectors.Znp),lastItemRef=(0,react.useRef)(null),accountDetailsItemRef=(0,react.useRef)(null),removeAccountItemRef=(0,react.useRef)(null),removeJWTItemRef=(0,react.useRef)(null);(0,react.useEffect)(function(){removeJWTItemRef.current?lastItemRef.current=removeJWTItemRef.current:removeAccountItemRef.current?lastItemRef.current=removeAccountItemRef.current:lastItemRef.current=accountDetailsItemRef.current},[removeJWTItemRef.current,removeAccountItemRef.current,accountDetailsItemRef.current]);var handleKeyDown=(0,react.useCallback)(function(event){"Tab"===event.key&&event.target===lastItemRef.current&&onClose()},[onClose]),popoverDialogRef=(0,react.useRef)(null),handleClickOutside=(0,react.useCallback)(function(event){(null==popoverDialogRef?void 0:popoverDialogRef.current)&&!popoverDialogRef.current.contains(event.target)&&onClose()},[onClose]);(0,react.useEffect)(function(){return document.addEventListener("mousedown",handleClickOutside),function(){document.removeEventListener("mousedown",handleClickOutside)}},[handleClickOutside]);var handlePinning=function(address){var updatedPinnedAccountList=_to_consumable_array(pinnedAccountList).concat([address]);dispatch((0,actions.updateAccountsList)(updatedPinnedAccountList))},handleUnpinning=function(address){var updatedPinnedAccountList=pinnedAccountList.filter(function(item){return item!==address});dispatch((0,actions.updateAccountsList)(updatedPinnedAccountList))},handleHidding=function(address){var updatedHiddenAccountList=_to_consumable_array(hiddenAccountList).concat([address]);pinnedAccountList.includes(address)&&handleUnpinning(address),dispatch((0,actions.updateHiddenAccountsList)(updatedHiddenAccountList))},handleUnhidding=function(address){var updatedHiddenAccountList=hiddenAccountList.filter(function(item){return item!==address});dispatch((0,actions.updateHiddenAccountsList)(updatedHiddenAccountList))};return react.createElement(component_library.AM,{className:"multichain-account-list-item-menu__popover",referenceElement:anchorElement,role:component_library.c6.Dialog,position:component_library.$x.Bottom,offset:[0,0],padding:0,isOpen:isOpen,isPortal:!0,preventOverflow:!0,flip:!0},react.createElement(component_library.Qc,{restoreFocus:!0,initialFocusRef:anchorElement},react.createElement("div",{onKeyDown:handleKeyDown,ref:popoverDialogRef},react.createElement(menu_items.Y,{metricsLocation:METRICS_LOCATION,closeMenu:closeMenu,address:account.address,textProps:{variant:design_system.J3.bodySm}}),react.createElement(menu_items.r,{metricsLocation:METRICS_LOCATION,closeMenu:closeMenu,textProps:{variant:design_system.J3.bodySm},account:account}),isHidden?null:react.createElement(menu.D,{"data-testid":"account-list-menu-pin",onClick:function(){isPinned?handleUnpinning(account.address):handlePinning(account.address),onClose()},iconName:isPinned?component_library.$M.Unpin:component_library.$M.Pin},react.createElement(component_library.EY,{variant:design_system.J3.bodySm},t(isPinned?"unpin":"pinToTop"))),react.createElement(menu.D,{"data-testid":"account-list-menu-hide",onClick:function(){isHidden?handleUnhidding(account.address):handleHidding(account.address),onClose()},iconName:isHidden?component_library.$M.Eye:component_library.$M.EyeSlash},react.createElement(component_library.EY,{variant:design_system.J3.bodySm},t(isHidden?"showAccount":"hideAccount"))),isRemovable?react.createElement(menu.D,{ref:removeAccountItemRef,"data-testid":"account-list-menu-remove",onClick:function(){dispatch((0,actions.showModal)({name:"CONFIRM_REMOVE_ACCOUNT",account:account})),trackEvent({event:constants_metametrics.gP.AccountRemoved,category:constants_metametrics.FZ.Accounts,properties:{account_hardware_type:deviceName,chain_id:chainId,account_type:accountType}}),onClose(),null==closeMenu||closeMenu()},iconName:component_library.$M.Trash},react.createElement(component_library.EY,{variant:design_system.J3.bodySm},t("removeAccount"))):null)))};AccountListItemMenu.propTypes={anchorElement:prop_types_default().instanceOf(window.Element),onClose:prop_types_default().func.isRequired,isOpen:prop_types_default().bool.isRequired,closeMenu:prop_types_default().func,isRemovable:prop_types_default().bool.isRequired,isPinned:prop_types_default().bool,isHidden:prop_types_default().bool,account:prop_types_default().shape({id:prop_types_default().string.isRequired,address:prop_types_default().string.isRequired,balance:prop_types_default().string.isRequired,metadata:prop_types_default().shape({name:prop_types_default().string.isRequired,snap:prop_types_default().shape({id:prop_types_default().string.isRequired,name:prop_types_default().string,enabled:prop_types_default().bool}),keyring:prop_types_default().shape({type:prop_types_default().string.isRequired}).isRequired}).isRequired}).isRequired},AccountListItemMenu.__docgenInfo={description:"",methods:[],displayName:"AccountListItemMenu",props:{anchorElement:{description:"Element that the menu should display next to",type:{name:"instanceOf",value:"window.Element"},required:!1},onClose:{description:"Function that executes when the menu is closed",type:{name:"func"},required:!0},isOpen:{description:"Represents if the menu is open or not\n\n@type {boolean}",type:{name:"bool"},required:!0},closeMenu:{description:"Function that closes the menu",type:{name:"func"},required:!1},isRemovable:{description:"Represents if the account should be removable",type:{name:"bool"},required:!0},isPinned:{description:"Represents pinned accounts",type:{name:"bool"},required:!1},isHidden:{description:"Represents hidden accounts",type:{name:"bool"},required:!1},account:{description:"An account object that has name, address, and balance data",type:{name:"shape",value:{id:{name:"string",required:!0},address:{name:"string",required:!0},balance:{name:"string",required:!0},metadata:{name:"shape",value:{name:{name:"string",required:!0},snap:{name:"shape",value:{id:{name:"string",required:!0},name:{name:"string",required:!1},enabled:{name:"bool",required:!1}},required:!1},keyring:{name:"shape",value:{type:{name:"string",required:!0}},required:!0}},required:!0}}},required:!0}}}},"./ui/components/multichain/account-list-item/account-list-item.types.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{P:()=>AccountListItemMenuTypes});var AccountListItemMenuTypes={None:"none",Connection:"connection",Account:"account"}},"./ui/components/multichain/account-list-item/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>account_list_item,P:()=>account_list_item_types.P});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"),useI18nContext=__webpack_require__("./ui/hooks/useI18nContext.js"),util=__webpack_require__("./ui/helpers/utils/util.js"),account_list_item_menu=__webpack_require__("./ui/components/multichain/account-list-item-menu/index.js"),avatar_group=__webpack_require__("./ui/components/multichain/avatar-group/index.ts"),connected_accounts_menu=__webpack_require__("./ui/components/multichain/connected-accounts-menu/index.ts"),component_library=__webpack_require__("./ui/components/component-library/index.ts"),design_system=__webpack_require__("./ui/helpers/constants/design-system.ts"),keyring=__webpack_require__("./shared/constants/keyring.ts"),user_preferenced_currency_display_component=__webpack_require__("./ui/components/app/user-preferenced-currency-display/user-preferenced-currency-display.component.js"),common=__webpack_require__("./ui/helpers/constants/common.ts"),tooltip=__webpack_require__("./ui/components/ui/tooltip/tooltip.js"),metametrics=__webpack_require__("./shared/constants/metametrics.ts"),contexts_metametrics=__webpack_require__("./ui/contexts/metametrics.js"),selectors=__webpack_require__("./ui/selectors/index.js"),multichain=__webpack_require__("./ui/selectors/multichain.ts"),useMultichainAccountTotalFiatBalance=__webpack_require__("./ui/hooks/useMultichainAccountTotalFiatBalance.ts"),connected_status=__webpack_require__("./ui/components/multichain/connected-status/index.ts"),address=__webpack_require__("./app/scripts/lib/multichain/address.ts"),useMultichainSelector=__webpack_require__("./ui/hooks/useMultichainSelector.ts"),useGetFormattedTokensPerChain=__webpack_require__("./ui/hooks/useGetFormattedTokensPerChain.ts"),useAccountTotalCrossChainFiatBalance=__webpack_require__("./ui/hooks/useAccountTotalCrossChainFiatBalance.ts"),accounts=__webpack_require__("./ui/helpers/utils/accounts.js"),account_list_item_types=__webpack_require__("./ui/components/multichain/account-list-item/account-list-item.types.js"),process=__webpack_require__("./node_modules/process/browser.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 AccountListItem=function(param){var _account_metadata,balanceToTranslate,account=param.account,selected=param.selected,onClick=param.onClick,closeMenu=param.closeMenu,accountsCount=param.accountsCount,connectedAvatar=param.connectedAvatar,_param_isPinned=param.isPinned,isPinned=void 0!==_param_isPinned&&_param_isPinned,_param_menuType=param.menuType,menuType=void 0===_param_menuType?account_list_item_types.P.None:_param_menuType,_param_isHidden=param.isHidden,isHidden=void 0!==_param_isHidden&&_param_isHidden,currentTabOrigin=param.currentTabOrigin,_param_isActive=param.isActive,startAccessory=param.startAccessory,onActionClick=param.onActionClick,_param_shouldScrollToWhenSelected=param.shouldScrollToWhenSelected,shouldScrollToWhenSelected=void 0===_param_shouldScrollToWhenSelected||_param_shouldScrollToWhenSelected,_param_privacyMode=param.privacyMode,privacyMode=void 0!==_param_privacyMode&&_param_privacyMode,t=(0,useI18nContext.P)(),_useState=_sliced_to_array((0,react.useState)(!1),2),accountOptionsMenuOpen=_useState[0],setAccountOptionsMenuOpen=_useState[1],_useState1=_sliced_to_array((0,react.useState)(),2),accountListItemMenuElement=_useState1[0],setAccountListItemMenuElement=_useState1[1],snapMetadata=(0,es.d4)(selectors.JaC),accountLabel=(0,accounts.KM)(account.metadata.keyring.type,account,account.metadata.keyring.type===keyring.ci.snap?(0,util.IB)(snapMetadata)(null===(_account_metadata=account.metadata)||void 0===_account_metadata?void 0:_account_metadata.snap.id):null),useBlockie=(0,es.d4)(selectors.bNi),isEvmNetwork=(0,useMultichainSelector.t)(multichain.X3,account).isEvmNetwork,isTestnet=(0,useMultichainSelector.t)(multichain.Ih,account),shouldShowFiat=(0,useMultichainSelector.t)(multichain.J7,account),showFiatInTestnets=(0,es.d4)(selectors.fXq),showFiat=shouldShowFiat&&(!isTestnet||isTestnet&&showFiatInTestnets),accountTotalFiatBalances=(0,useMultichainAccountTotalFiatBalance.j)(account),shouldHideZeroBalanceTokens=(0,es.d4)(selectors.wri),isTokenNetworkFilterEqualCurrentNetwork=(0,es.d4)(selectors.Xn),allChainIDs=(0,es.d4)(selectors.Kxn),formattedTokensWithBalancesPerChain=(0,useGetFormattedTokensPerChain.O)(account,shouldHideZeroBalanceTokens,isTokenNetworkFilterEqualCurrentNetwork,allChainIDs).formattedTokensWithBalancesPerChain,totalFiatBalance=(0,useAccountTotalCrossChainFiatBalance.k)(account,formattedTokensWithBalancesPerChain).totalFiatBalance,mappedOrderedTokenList=accountTotalFiatBalances.orderedTokenList.map(function(item){return{avatarValue:item.iconUrl}});balanceToTranslate=isEvmNetwork?shouldShowFiat&&!isTestnet&&process.env.PORTFOLIO_VIEW?totalFiatBalance:account.balance:accountTotalFiatBalances.totalBalance;var itemRef=(0,react.useRef)(null);(0,react.useEffect)(function(){if(selected&&shouldScrollToWhenSelected){var _itemRef_current_scrollIntoView,_itemRef_current;null===(_itemRef_current=itemRef.current)||void 0===_itemRef_current||null===(_itemRef_current_scrollIntoView=_itemRef_current.scrollIntoView)||void 0===_itemRef_current_scrollIntoView||_itemRef_current_scrollIntoView.call(_itemRef_current)}},[itemRef,selected,shouldScrollToWhenSelected]);var trackEvent=(0,react.useContext)(contexts_metametrics.O2),primaryTokenImage=(0,useMultichainSelector.t)(multichain.KF,account),nativeCurrency=(0,useMultichainSelector.t)(multichain.zz,account),currentTabIsConnectedToSelectedAddress=(0,es.d4)(function(state){return(0,selectors.a$X)(state,account.address)}),isConnected=currentTabOrigin&&currentTabIsConnectedToSelectedAddress;return react.createElement(component_library.az,{display:design_system.nl.Flex,padding:4,backgroundColor:selected?design_system.Q1.primaryMuted:design_system.Q1.transparent,className:classnames_default()("multichain-account-list-item",{"multichain-account-list-item--selected":selected,"multichain-account-list-item--connected":!!connectedAvatar,"multichain-account-list-item--clickable":!!onClick}),ref:itemRef,onClick:function(){accountOptionsMenuOpen||null==onClick||onClick()}},startAccessory?react.createElement(component_library.az,{marginInlineEnd:2,marginTop:1},startAccessory):null,selected&&react.createElement(component_library.az,{className:"multichain-account-list-item__selected-indicator",borderRadius:design_system.Z6.pill,backgroundColor:design_system.Q1.primaryDefault}),react.createElement(react.Fragment,null,react.createElement(component_library.az,{display:[design_system.nl.Flex,design_system.nl.None],"data-testid":"account-list-item-badge"},react.createElement(connected_status.s,{address:account.address,isActive:void 0!==_param_isActive&&_param_isActive})),react.createElement(component_library.az,{display:[design_system.nl.None,design_system.nl.Flex]},react.createElement(component_library.vs,{borderColor:design_system.cG.transparent,size:design_system.or.MD,address:account.address,variant:useBlockie?component_library.Uj.Blockies:component_library.Uj.Jazzicon,marginInlineEnd:2}))),react.createElement(component_library.az,{display:design_system.nl.Flex,flexDirection:design_system.bo.Column,className:"multichain-account-list-item__content"},react.createElement(component_library.az,{display:design_system.nl.Flex,flexDirection:design_system.bo.Column},react.createElement(component_library.az,{display:design_system.nl.Flex,justifyContent:design_system.A9.spaceBetween},react.createElement(component_library.az,{className:"multichain-account-list-item__account-name",marginInlineEnd:2,display:design_system.nl.Flex,alignItems:design_system.k2.center,gap:2},isPinned?react.createElement(component_library.In,{name:component_library.$M.Pin,size:component_library.lK.Xs,className:"account-pinned-icon","data-testid":"account-pinned-icon"}):null,isHidden?react.createElement(component_library.In,{name:component_library.$M.EyeSlash,size:component_library.lK.Xs,className:"account-hidden-icon"}):null,react.createElement(component_library.EY,{as:"button",onClick:function(e){e.stopPropagation(),null==onClick||onClick()},variant:design_system.J3.bodyMdMedium,className:"multichain-account-list-item__account-name__button",padding:0,backgroundColor:design_system.i0.transparent,width:design_system.Zf.Full,textAlign:design_system.nO.Left,ellipsis:!0},account.metadata.name.length>17?react.createElement(tooltip.A,{title:account.metadata.name,position:"bottom",wrapperClassName:"multichain-account-list-item__tooltip"},account.metadata.name):account.metadata.name)),react.createElement(component_library.EY,{as:"div",className:"multichain-account-list-item__asset",display:design_system.nl.Flex,flexDirection:design_system.bo.Row,alignItems:design_system.k2.center,justifyContent:design_system.A9.flexEnd,ellipsis:!0,textAlign:design_system.nO.End},react.createElement(user_preferenced_currency_display_component.A,{account:account,ethNumberOfDecimals:3,value:balanceToTranslate,type:common.jd,showFiat:showFiat,isAggregatedFiatOverviewBalance:!isTestnet&&process.env.PORTFOLIO_VIEW&&shouldShowFiat,"data-testid":"first-currency-display",privacyMode:privacyMode})))),react.createElement(component_library.az,{display:design_system.nl.Flex,justifyContent:design_system.A9.spaceBetween},react.createElement(component_library.az,{display:design_system.nl.Flex,alignItems:design_system.k2.center},react.createElement(component_library.EY,{variant:design_system.J3.bodySm,color:design_system.Q1.textAlternative,"data-testid":"account-list-address"},(0,util.Wr)((0,address.Nf)(account.address)))),mappedOrderedTokenList.length>1?react.createElement(avatar_group.Z,{members:mappedOrderedTokenList,limit:4}):react.createElement(component_library.az,{display:design_system.nl.Flex,alignItems:design_system.k2.center,justifyContent:design_system.A9.center,gap:1,className:"multichain-account-list-item__avatar-currency"},react.createElement(component_library.hQ,{src:primaryTokenImage,name:nativeCurrency,size:component_library.gh.Xs,borderColor:design_system.cG.borderDefault}),react.createElement(component_library.EY,{variant:design_system.J3.bodySm,color:design_system.r7.textAlternative,textAlign:design_system.nO.End,as:"div"},react.createElement(user_preferenced_currency_display_component.A,{account:account,ethNumberOfDecimals:3,value:isEvmNetwork?account.balance:balanceToTranslate,type:common.lS,showNative:!0,"data-testid":"second-currency-display",privacyMode:privacyMode})))),accountLabel?react.createElement(component_library.vw,{label:accountLabel,labelProps:{variant:design_system.J3.bodyXs,color:design_system.Q1.textAlternative},startIconName:account.metadata.keyring.type===keyring.ci.snap?component_library.$M.Snaps:null}):null),menuType===account_list_item_types.P.None?null:react.createElement(component_library.a2,{ariaLabel:"".concat(account.metadata.name," ").concat(t("options")),iconName:component_library.$M.MoreVertical,size:component_library.lK.Sm,ref:function(ref){setAccountListItemMenuElement(ref)},onClick:function(e){e.stopPropagation(),accountOptionsMenuOpen||trackEvent({event:metametrics.gP.AccountDetailMenuOpened,category:metametrics.FZ.Navigation,properties:{location:"Account Options"}}),setAccountOptionsMenuOpen(!accountOptionsMenuOpen)},"data-testid":"account-list-item-menu-button"}),menuType===account_list_item_types.P.Account&&react.createElement(account_list_item_menu.S,{anchorElement:accountListItemMenuElement,account:account,onClose:function(){return setAccountOptionsMenuOpen(!1)},isOpen:accountOptionsMenuOpen,isRemovable:account.metadata.keyring.type!==keyring.ci.hdKeyTree,closeMenu:closeMenu,isPinned:isPinned,isHidden:isHidden,isConnected:isConnected}),menuType===account_list_item_types.P.Connection&&react.createElement(connected_accounts_menu.P,{anchorElement:accountListItemMenuElement,account:account,onClose:function(){return setAccountOptionsMenuOpen(!1)},disableAccountSwitcher:1===accountsCount&&selected,isOpen:accountOptionsMenuOpen,onActionClick:onActionClick,activeTabOrigin:currentTabOrigin}))};AccountListItem.propTypes={account:prop_types_default().shape({id:prop_types_default().string.isRequired,address:prop_types_default().string.isRequired,balance:prop_types_default().string.isRequired,metadata:prop_types_default().shape({name:prop_types_default().string.isRequired,snap:prop_types_default().shape({id:prop_types_default().string.isRequired,name:prop_types_default().string,enabled:prop_types_default().bool}),keyring:prop_types_default().shape({type:prop_types_default().string.isRequired}).isRequired}).isRequired}).isRequired,selected:prop_types_default().bool.isRequired,onClick:prop_types_default().func,accountsCount:prop_types_default().number,closeMenu:prop_types_default().func,onActionClick:prop_types_default().func,connectedAvatar:prop_types_default().string,menuType:prop_types_default().string,isPinned:prop_types_default().bool,isHidden:prop_types_default().bool,currentTabOrigin:prop_types_default().string,isActive:prop_types_default().bool,startAccessory:prop_types_default().node,shouldScrollToWhenSelected:prop_types_default().bool,privacyMode:prop_types_default().bool},AccountListItem.displayName="AccountListItem";let account_list_item=react.memo(AccountListItem);AccountListItem.__docgenInfo={description:"",methods:[],displayName:"AccountListItem",props:{isPinned:{defaultValue:{value:"false",computed:!1},description:"Represents pinned accounts",type:{name:"bool"},required:!1},menuType:{defaultValue:{value:"'none'",computed:!1},description:"Represents the type of menu to be rendered",type:{name:"string"},required:!1},isHidden:{defaultValue:{value:"false",computed:!1},description:"Represents hidden accounts",type:{name:"bool"},required:!1},isActive:{defaultValue:{value:"false",computed:!1},description:"Represents active accounts",type:{name:"bool"},required:!1},shouldScrollToWhenSelected:{defaultValue:{value:"true",computed:!1},description:"Determines if list item should be scrolled to when selected",type:{name:"bool"},required:!1},privacyMode:{defaultValue:{value:"false",computed:!1},description:"Determines if list balance should be obfuscated",type:{name:"bool"},required:!1},account:{description:"An account object that has name, address, and balance data",type:{name:"shape",value:{id:{name:"string",required:!0},address:{name:"string",required:!0},balance:{name:"string",required:!0},metadata:{name:"shape",value:{name:{name:"string",required:!0},snap:{name:"shape",value:{id:{name:"string",required:!0},name:{name:"string",required:!1},enabled:{name:"bool",required:!1}},required:!1},keyring:{name:"shape",value:{type:{name:"string",required:!0}},required:!0}},required:!0}}},required:!0},selected:{description:"Represents if this account is currently selected",type:{name:"bool"},required:!0},onClick:{description:"Function to execute when the item is clicked",type:{name:"func"},required:!1},accountsCount:{description:"Represents how many accounts are being listed",type:{name:"number"},required:!1},closeMenu:{description:"Function that closes the menu",type:{name:"func"},required:!1},onActionClick:{description:"Function to set account name to show disconnect toast when an account is disconnected",type:{name:"func"},required:!1},connectedAvatar:{description:"File location of the avatar icon",type:{name:"string"},required:!1},currentTabOrigin:{description:"Represents current tab origin",type:{name:"string"},required:!1},startAccessory:{description:"Represents start accessory",type:{name:"node"},required:!1}}}},"./ui/components/multichain/menu-items/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Y:()=>AccountDetailsMenuItem,r:()=>view_explorer_menu_item.r});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),es=__webpack_require__("./node_modules/react-redux/es/index.js"),actions=__webpack_require__("./ui/__mocks__/actions.js"),menu=__webpack_require__("./ui/components/ui/menu/index.js"),useI18nContext=__webpack_require__("./ui/hooks/useI18nContext.js"),metametrics=__webpack_require__("./ui/contexts/metametrics.js"),constants_metametrics=__webpack_require__("./shared/constants/metametrics.ts"),component_library=__webpack_require__("./ui/components/component-library/index.ts"),AccountDetailsMenuItem=function(param){var metricsLocation=param.metricsLocation,closeMenu=param.closeMenu,address=param.address,textProps=param.textProps,t=(0,useI18nContext.P)(),dispatch=(0,es.wA)(),trackEvent=(0,react.useContext)(metametrics.O2),LABEL=t("accountDetails");return react.createElement(menu.D,{onClick:function(){dispatch((0,actions.setAccountDetailsAddress)(address)),trackEvent({event:constants_metametrics.gP.AccountDetailsOpened,category:constants_metametrics.FZ.Navigation,properties:{location:metricsLocation}}),null==closeMenu||closeMenu()},iconName:component_library.$M.ScanBarcode,"data-testid":"account-list-menu-details"},textProps?react.createElement(component_library.EY,textProps,LABEL):LABEL)};AccountDetailsMenuItem.propTypes={metricsLocation:prop_types_default().string.isRequired,closeMenu:prop_types_default().func,address:prop_types_default().string.isRequired,textProps:prop_types_default().object},AccountDetailsMenuItem.__docgenInfo={description:"",methods:[],displayName:"AccountDetailsMenuItem",props:{metricsLocation:{description:'Represents the "location" property of the metrics event',type:{name:"string"},required:!0},closeMenu:{description:"Closes the menu",type:{name:"func"},required:!1},address:{description:"Address to show account details for",type:{name:"string"},required:!0},textProps:{description:"Custom properties for the menu item text",type:{name:"object"},required:!1}}};var view_explorer_menu_item=__webpack_require__("./ui/components/multichain/menu-items/view-explorer-menu-item.tsx")},"./ui/components/ui/menu/index.js":(__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,className=param.className,dataTestId=param["data-testid"],iconName=param.iconName,iconColor=param.iconColor,onClick=param.onClick,subtitle=param.subtitle,_param_disabled=param.disabled,showInfoDot=param.showInfoDot;return react.createElement("button",{className:classnames_default()("menu-item",className),"data-testid":dataTestId,onClick:onClick,ref:ref,disabled:void 0!==_param_disabled&&_param_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:2,color:iconColor}),react.createElement("div",null,react.createElement(component_library.EY,{as:"div"},children),subtitle?react.createElement(component_library.EY,{variant:design_system.J3.bodyXs},subtitle):null))});MenuItem.propTypes={children:prop_types_default().node.isRequired,className:prop_types_default().string,"data-testid":prop_types_default().string,iconName:prop_types_default().string,onClick:prop_types_default().func,subtitle:prop_types_default().node,disabled:prop_types_default().bool,showInfoDot:prop_types_default().bool,iconColor:prop_types_default().string},MenuItem.displayName="MenuItem";let menu_item=MenuItem;MenuItem.__docgenInfo={description:"",methods:[],displayName:"MenuItem",props:{disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},children:{description:"",type:{name:"node"},required:!0},className:{description:"",type:{name:"string"},required:!1},"data-testid":{description:"",type:{name:"string"},required:!1},iconName:{description:"",type:{name:"string"},required:!1},onClick:{description:"",type:{name:"func"},required:!1},subtitle:{description:"",type:{name:"node"},required:!1},showInfoDot:{description:"",type:{name:"bool"},required:!1},iconColor:{description:"",type:{name:"string"},required:!1}}}},"./ui/helpers/constants/connected-sites.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Fs:()=>STATUS_CONNECTED_TO_ANOTHER_ACCOUNT,J7:()=>STATUS_CONNECTED,U6:()=>STATUS_CONNECTED_TO_SNAP,vr:()=>STATUS_NOT_CONNECTED});var STATUS_CONNECTED="STATUS_CONNECTED",STATUS_CONNECTED_TO_ANOTHER_ACCOUNT="STATUS_CONNECTED_TO_ANOTHER_ACCOUNT",STATUS_NOT_CONNECTED="STATUS_NOT_CONNECTED",STATUS_CONNECTED_TO_SNAP="STATUS_CONNECTED_TO_SNAP"},"./ui/helpers/utils/accounts.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{KM:()=>getAccountLabel,ZX:()=>getAvatarNetworkColor,kN:()=>getAccountNameErrorMessage});var _components_component_library__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./ui/components/component-library/index.ts"),_shared_constants_network__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./shared/constants/network.ts"),_constants_design_system__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./ui/helpers/constants/design-system.ts"),_shared_constants_keyring__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./shared/constants/keyring.ts"),_shared_constants_hardware_wallets__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./shared/constants/hardware-wallets.ts"),_app_scripts_translate__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./app/scripts/translate.ts");function getAccountNameErrorMessage(accounts,context,newAccountName,defaultAccountName){var errorMessage,isDuplicateAccountName=accounts.some(function(item){return item.metadata.name.toLowerCase()===newAccountName.toLowerCase()}),isEmptyAccountName=""===newAccountName,localizedWordForAccount=context.t("newAccountNumberName").replace(" $1",""),isReservedAccountName=RegExp("^\\s*".concat(localizedWordForAccount," \\d+\\s*$"),"iu").test(newAccountName),isValidAccountName=newAccountName.toLowerCase()===defaultAccountName.toLowerCase()||!isDuplicateAccountName&&!isReservedAccountName&&!isEmptyAccountName;return isValidAccountName?errorMessage=_components_component_library__WEBPACK_IMPORTED_MODULE_0__.jM:isDuplicateAccountName?errorMessage=context.t("accountNameDuplicate"):isReservedAccountName?errorMessage=context.t("accountNameReserved"):isEmptyAccountName&&(errorMessage=context.t("required")),{isValidAccountName:isValidAccountName,errorMessage:errorMessage}}function getAvatarNetworkColor(name){switch(name){case _shared_constants_network__WEBPACK_IMPORTED_MODULE_1__.iq:return _constants_design_system__WEBPACK_IMPORTED_MODULE_2__.i0.goerli;case _shared_constants_network__WEBPACK_IMPORTED_MODULE_1__.u$:return _constants_design_system__WEBPACK_IMPORTED_MODULE_2__.i0.lineaGoerli;case _shared_constants_network__WEBPACK_IMPORTED_MODULE_1__.Zk:return _constants_design_system__WEBPACK_IMPORTED_MODULE_2__.i0.lineaSepolia;case _shared_constants_network__WEBPACK_IMPORTED_MODULE_1__.hR:return _constants_design_system__WEBPACK_IMPORTED_MODULE_2__.i0.sepolia;default:return}}function getAccountLabel(type,account,snapName){if(!account)return null;switch(type){case _shared_constants_keyring__WEBPACK_IMPORTED_MODULE_3__.ci.hdKeyTree:return null;case _shared_constants_keyring__WEBPACK_IMPORTED_MODULE_3__.ci.imported:return(0,_app_scripts_translate__WEBPACK_IMPORTED_MODULE_5__.t)("imported");case _shared_constants_keyring__WEBPACK_IMPORTED_MODULE_3__.ci.qr:return _shared_constants_hardware_wallets__WEBPACK_IMPORTED_MODULE_4__.GZ.qr;case _shared_constants_keyring__WEBPACK_IMPORTED_MODULE_3__.ci.trezor:return _shared_constants_hardware_wallets__WEBPACK_IMPORTED_MODULE_4__.GZ.trezor;case _shared_constants_keyring__WEBPACK_IMPORTED_MODULE_3__.ci.ledger:return _shared_constants_hardware_wallets__WEBPACK_IMPORTED_MODULE_4__.GZ.ledger;case _shared_constants_keyring__WEBPACK_IMPORTED_MODULE_3__.ci.lattice:return _shared_constants_hardware_wallets__WEBPACK_IMPORTED_MODULE_4__.GZ.lattice;case _shared_constants_keyring__WEBPACK_IMPORTED_MODULE_3__.ci.snap:if(snapName)return"".concat(snapName," (").concat((0,_app_scripts_translate__WEBPACK_IMPORTED_MODULE_5__.t)("beta"),")");return"".concat((0,_app_scripts_translate__WEBPACK_IMPORTED_MODULE_5__.t)("snaps")," (").concat((0,_app_scripts_translate__WEBPACK_IMPORTED_MODULE_5__.t)("beta"),")");default:return null}}},"./ui/helpers/utils/metrics.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function formatAccountType(accountType){return"default"===accountType?"metamask":accountType}function generateSignatureUniqueId(requestId){return"signature-".concat(requestId)}__webpack_require__.d(__webpack_exports__,{IU:()=>generateSignatureUniqueId,lU:()=>formatAccountType}),__webpack_require__("./shared/constants/security-provider.ts"),__webpack_require__("./shared/constants/metametrics.ts"),__webpack_require__("./shared/lib/transactions-controller-utils.js")},"./ui/components/multichain/badge-status/badge-status.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{C:()=>BadgeStatus});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),react_redux__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react-redux/es/index.js"),_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./ui/helpers/constants/design-system.ts"),_component_library__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./ui/components/component-library/index.ts"),_selectors__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./ui/selectors/index.js"),_ui_tooltip__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./ui/components/ui/tooltip/index.js");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 _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 _object_without_properties(source,excluded){if(null==source)return{};var key,i,target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _object_without_properties_loose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}var BadgeStatus=function(_param){var _param_className=_param.className,_param_badgeBackgroundColor=_param.badgeBackgroundColor,badgeBackgroundColor=void 0===_param_badgeBackgroundColor?_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_3__.i0.backgroundAlternative:_param_badgeBackgroundColor,_param_badgeBorderColor=_param.badgeBorderColor,badgeBorderColor=void 0===_param_badgeBorderColor?_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_3__.cG.borderMuted:_param_badgeBorderColor,address=_param.address,_param_isConnectedAndNotActive=_param.isConnectedAndNotActive,isConnectedAndNotActive=void 0!==_param_isConnectedAndNotActive&&_param_isConnectedAndNotActive,text=_param.text,props=_object_without_properties(_param,["className","badgeBackgroundColor","badgeBorderColor","address","isConnectedAndNotActive","text"]),useBlockie=(0,react_redux__WEBPACK_IMPORTED_MODULE_2__.d4)(_selectors__WEBPACK_IMPORTED_MODULE_5__.bNi);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_library__WEBPACK_IMPORTED_MODULE_4__.az,_object_spread({className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("multichain-badge-status",void 0===_param_className?"":_param_className),"data-testid":"multichain-badge-status",as:"button",display:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_3__.nl.Flex,alignItems:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_3__.k2.center,justifyContent:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_3__.A9.center,backgroundColor:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_3__.i0.transparent},props),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_tooltip__WEBPACK_IMPORTED_MODULE_6__.A,{style:{display:"flex"},title:text,"data-testid":"multichain-badge-status__tooltip",position:"bottom"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_library__WEBPACK_IMPORTED_MODULE_4__.ph,{positionObj:isConnectedAndNotActive?{bottom:2,right:5}:{bottom:-1,right:2},badge:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_library__WEBPACK_IMPORTED_MODULE_4__.az,{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("multichain-badge-status__badge",{"multichain-badge-status__badge-not-connected":isConnectedAndNotActive}),backgroundColor:badgeBackgroundColor,borderRadius:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_3__.Z6.full,borderColor:badgeBorderColor,borderWidth:2})},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_library__WEBPACK_IMPORTED_MODULE_4__.vs,{borderColor:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_3__.cG.transparent,size:_component_library__WEBPACK_IMPORTED_MODULE_4__.oG.Md,address:address,variant:useBlockie?_component_library__WEBPACK_IMPORTED_MODULE_4__.Uj.Blockies:_component_library__WEBPACK_IMPORTED_MODULE_4__.Uj.Jazzicon,marginInlineEnd:2}))))};try{BadgeStatus.displayName="BadgeStatus",BadgeStatus.__docgenInfo={description:"",displayName:"BadgeStatus",props:{className:{defaultValue:{value:""},description:"* Additional class name for the ImportTokenLink component.",name:"className",required:!1,type:{name:"string"}},badgeBorderColor:{defaultValue:{value:"BorderColor.borderMuted"},description:"Border color based on the connection status",name:"badgeBorderColor",required:!1,type:{name:"enum",value:[{value:'"border-default"'},{value:'"border-muted"'},{value:'"primary-default"'},{value:'"primary-alternative"'},{value:'"primary-muted"'},{value:'"error-default"'},{value:'"error-alternative"'},{value:'"error-muted"'},{value:'"warning-default"'},{value:'"warning-muted"'},{value:'"success-default"'},{value:'"success-muted"'},{value:'"info-default"'},{value:'"info-muted"'},{value:'"mainnet"'},{value:'"goerli"'},{value:'"sepolia"'},{value:'"linea-goerli"'},{value:'"linea-sepolia"'},{value:'"linea-mainnet"'},{value:'"transparent"'},{value:'"localhost"'},{value:'"background-default"'}]}},badgeBackgroundColor:{defaultValue:{value:"BackgroundColor.backgroundAlternative"},description:"Background Color of Badge",name:"badgeBackgroundColor",required:!1,type:{name:"enum",value:[{value:'"background-default"'},{value:'"background-alternative"'},{value:'"background-muted"'},{value:'"background-alternative-soft"'},{value:'"background-hover"'},{value:'"background-pressed"'},{value:'"icon-default"'},{value:'"icon-alternative"'},{value:'"icon-muted"'},{value:'"overlay-default"'},{value:'"overlay-alternative"'},{value:'"primary-default"'},{value:'"primary-alternative"'},{value:'"primary-muted"'},{value:'"error-default"'},{value:'"error-alternative"'},{value:'"error-muted"'},{value:'"warning-default"'},{value:'"warning-muted"'},{value:'"success-default"'},{value:'"success-muted"'},{value:'"info-default"'},{value:'"info-muted"'},{value:'"mainnet"'},{value:'"goerli"'},{value:'"sepolia"'},{value:'"linea-goerli"'},{value:'"linea-sepolia"'},{value:'"linea-mainnet"'},{value:'"transparent"'},{value:'"localhost"'}]}},text:{defaultValue:null,description:"Connection status message on Tooltip",name:"text",required:!0,type:{name:"string"}},isConnectedAndNotActive:{defaultValue:{value:"false"},description:"To determine connection status",name:"isConnectedAndNotActive",required:!1,type:{name:"boolean"}},address:{defaultValue:null,description:"Address for AvatarAccount",name:"address",required:!0,type:{name:"string"}},flexDirection:{defaultValue:null,description:"The flex direction of the component.\nUse the FlexDirection enum from '../../../helpers/constants/design-system';\nAccepts responsive props in the form of an array.",name:"flexDirection",required:!1,type:{name:"FlexDirection | FlexDirectionArray"}},flexWrap:{defaultValue:null,description:"The flex wrap of the component.\nUse the FlexWrap enum from '../../../helpers/constants/design-system';\nAccepts responsive props in the form of an array.",name:"flexWrap",required:!1,type:{name:"FlexWrap | FlexWrapArray"}},gap:{defaultValue:null,description:"The gap between the component's children.\nUse 1-12 for a gap of 4px-48px.\nAccepts responsive props in the form of an array.",name:"gap",required:!1,type:{name:"SizeNumber | SizeNumberArray"}},margin:{defaultValue:null,description:"The margin of the component.\nUse 1-12 for 4px-48px or 'auto'.\nAccepts responsive props in the form of an array.",name:"margin",required:!1,type:{name:"SizeNumberAndAuto | SizeNumberAndAutoArray"}},marginTop:{defaultValue:null,description:"The margin-top of the component.\nUse 1-12 for 4px-48px or 'auto'.\nAccepts responsive props in the form of an array.",name:"marginTop",required:!1,type:{name:"SizeNumberAndAuto | SizeNumberAndAutoArray"}},marginBottom:{defaultValue:null,description:"The margin-bottom of the component.\nUse 1-12 for 4px-48px or 'auto'.\nAccepts responsive props in the form of an array.",name:"marginBottom",required:!1,type:{name:"SizeNumberAndAuto | SizeNumberAndAutoArray"}},marginRight:{defaultValue:null,description:"The margin-right of the component.\nUse 1-12 for 4px-48px or 'auto'.\nAccepts responsive props in the form of an array.",name:"marginRight",required:!1,type:{name:"SizeNumberAndAuto | SizeNumberAndAutoArray"}},marginLeft:{defaultValue:null,description:"The margin-left of the component.\nUse 1-12 for 4px-48px or 'auto'.\nAccepts responsive props in the form of an array.",name:"marginLeft",required:!1,type:{name:"SizeNumberAndAuto | SizeNumberAndAutoArray"}},marginInline:{defaultValue:null,description:"The margin-inline of the component.\nUse 1-12 for 4px-48px or 'auto'.\nAccepts responsive props in the form of an array.",name:"marginInline",required:!1,type:{name:"SizeNumberAndAuto | SizeNumberAndAutoArray"}},marginInlineStart:{defaultValue:null,description:"The margin-inline-start of the component.\nUse 1-12 for 4px-48px or 'auto'.\nAccepts responsive props in the form of an array.",name:"marginInlineStart",required:!1,type:{name:"SizeNumberAndAuto | SizeNumberAndAutoArray"}},marginInlineEnd:{defaultValue:null,description:"The margin-inline-end of the component.\nUse 1-12 for 4px-48px or 'auto'.\nAccepts responsive props in the form of an array.",name:"marginInlineEnd",required:!1,type:{name:"SizeNumberAndAuto | SizeNumberAndAutoArray"}},padding:{defaultValue:null,description:"The padding of the component.\nUse 1-12 for 4px-48px.\nAccepts responsive props in the form of an array.",name:"padding",required:!1,type:{name:"SizeNumber | SizeNumberArray"}},paddingTop:{defaultValue:null,description:"The padding-top of the component.\nUse 1-12 for 4px-48px.\nAccepts responsive props in the form of an array.",name:"paddingTop",required:!1,type:{name:"SizeNumber | SizeNumberArray"}},paddingBottom:{defaultValue:null,description:"The padding-bottom of the component.\nUse 1-12 for 4px-48px.\nAccepts responsive props in the form of an array.",name:"paddingBottom",required:!1,type:{name:"SizeNumber | SizeNumberArray"}},paddingRight:{defaultValue:null,description:"The padding-right of the component.\nUse 1-12 for 4px-48px.\nAccepts responsive props in the form of an array.",name:"paddingRight",required:!1,type:{name:"SizeNumber | SizeNumberArray"}},paddingLeft:{defaultValue:null,description:"The padding-left of the component.\nUse 1-12 for 4px-48px.\nAccepts responsive props in the form of an array.",name:"paddingLeft",required:!1,type:{name:"SizeNumber | SizeNumberArray"}},paddingInline:{defaultValue:null,description:"The padding-inline of the component.\nUse 1-12 for 4px-48px.\nAccepts responsive props in the form of an array.",name:"paddingInline",required:!1,type:{name:"SizeNumber | SizeNumberArray"}},paddingInlineStart:{defaultValue:null,description:"The padding-inline-start of the component.\nUse 1-12 for 4px-48px.\nAccepts responsive props in the form of an array.",name:"paddingInlineStart",required:!1,type:{name:"SizeNumber | SizeNumberArray"}},paddingInlineEnd:{defaultValue:null,description:"The padding-inline-end of the component.\nUse 1-12 for 4px-48px.\nAccepts responsive props in the form of an array.",name:"paddingInlineEnd",required:!1,type:{name:"SizeNumber | SizeNumberArray"}},borderColor:{defaultValue:null,description:"The border-color of the component.\nUse BorderColor enum from '../../../helpers/constants/design-system';\nAccepts responsive props in the form of an array.",name:"borderColor",required:!1,type:{name:"BorderColor | BorderColorArray"}},borderWidth:{defaultValue:null,description:"The border-width of the component.\nUse 1-12 for 1px-12px.\nAccepts responsive props in the form of an array.",name:"borderWidth",required:!1,type:{name:"SizeNumber | SizeNumberArray"}},borderRadius:{defaultValue:null,description:"The border-radius of the component.\nUse BorderRadius enum from '../../../helpers/constants/design-system';\nAccepts responsive props in the form of an array.",name:"borderRadius",required:!1,type:{name:"BorderRadius | BorderRadiusArray"}},borderStyle:{defaultValue:null,description:"The border-style of the component.\nUse BorderStyle enum from '../../../helpers/constants/design-system';\nAccepts responsive props in the form of an array.",name:"borderStyle",required:!1,type:{name:"BorderStyle | BorderStyleArray"}},alignItems:{defaultValue:null,description:"The align-items of the component.\nUse AlignItems enum from '../../../helpers/constants/design-system';\nAccepts responsive props in the form of an array.",name:"alignItems",required:!1,type:{name:"AlignItems | AlignItemsArray"}},justifyContent:{defaultValue:null,description:"The justify-content of the component.\nUse JustifyContent enum from '../../../helpers/constants/design-system';\nAccepts responsive props in the form of an array.",name:"justifyContent",required:!1,type:{name:"JustifyContent | JustifyContentArray"}},textAlign:{defaultValue:null,description:"The text-align of the component.\nUse TextAlign enum from '../../../helpers/constants/design-system';\nAccepts responsive props in the form of an array.",name:"textAlign",required:!1,type:{name:"TextAlign | TextAlignArray"}},display:{defaultValue:null,description:"The display of the component.\nUse Display enum from '../../../helpers/constants/design-system';\nAccepts responsive props in the form of an array.",name:"display",required:!1,type:{name:"Display | DisplayArray"}},width:{defaultValue:null,description:"The width of the component.\nUse BlockSize enum from '../../../helpers/constants/design-system';\nAccepts responsive props in the form of an array.",name:"width",required:!1,type:{name:"BlockSize | BlockSizeArray"}},minWidth:{defaultValue:null,description:"The min-width of the component.\nUse BlockSize enum from '../../../helpers/constants/design-system';\nAccepts responsive props in the form of an array.",name:"minWidth",required:!1,type:{name:"BlockSize | BlockSizeArray"}},height:{defaultValue:null,description:"The height of the component.\nUse BlockSize enum from '../../../helpers/constants/design-system';\nAccepts responsive props in the form of an array.",name:"height",required:!1,type:{name:"BlockSize | BlockSizeArray"}},backgroundColor:{defaultValue:null,description:"The background-color of the component.\nUse BackgroundColor enum from '../../../helpers/constants/design-system';\nAccepts responsive props in the form of an array.",name:"backgroundColor",required:!1,type:{name:"BackgroundColor | BackgroundColorArray"}},color:{defaultValue:null,description:"The text-color of the component.\nUse TextColor enum from '../../../helpers/constants/design-system';\nAccepts responsive props in the form of an array.",name:"color",required:!1,type:{name:"TextColor | IconColor | TextColorArray | IconColorArray"}},"data-testid":{defaultValue:null,description:"An optional data-testid to apply to the component.\nTypeScript is complaining about data- attributes which means we need to explicitly define this as a prop.\nTODO: Allow data- attributes.",name:"data-testid",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["ui/components/multichain/badge-status/badge-status.tsx#BadgeStatus"]={docgenInfo:BadgeStatus.__docgenInfo,name:"BadgeStatus",path:"ui/components/multichain/badge-status/badge-status.tsx#BadgeStatus"})}catch(__react_docgen_typescript_loader_error){}},"./ui/components/multichain/connected-accounts-menu/connected-accounts-menu.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{P:()=>ConnectedAccountsMenu});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_redux__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react-redux/es/index.js"),_component_library__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./ui/components/component-library/index.ts"),_ui_menu__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./ui/components/ui/menu/index.js"),_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./ui/helpers/constants/design-system.ts"),_hooks_useI18nContext__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./ui/hooks/useI18nContext.js"),_store_actions__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./ui/__mocks__/actions.js"),_selectors__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./ui/selectors/index.js"),_permission_details_modal_permission_details_modal__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./ui/components/multichain/permission-details-modal/permission-details-modal.tsx");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 TsMenuItem=_ui_menu__WEBPACK_IMPORTED_MODULE_3__.D,ConnectedAccountsMenu=function(param){var isOpen=param.isOpen,account=param.account,anchorElement=param.anchorElement,_param_disableAccountSwitcher=param.disableAccountSwitcher,onClose=param.onClose,onActionClick=param.onActionClick,activeTabOrigin=param.activeTabOrigin,dispatch=(0,react_redux__WEBPACK_IMPORTED_MODULE_1__.wA)(),t=(0,_hooks_useI18nContext__WEBPACK_IMPORTED_MODULE_5__.P)(),popoverDialogRef=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),_useState=_sliced_to_array((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),showPermissionModal=_useState[0],setShowPermissionModal=_useState[1],permissions=(0,react_redux__WEBPACK_IMPORTED_MODULE_1__.d4)(_selectors__WEBPACK_IMPORTED_MODULE_7__.xSt),handleClickOutside=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function(event){(null==popoverDialogRef?void 0:popoverDialogRef.current)&&!popoverDialogRef.current.contains(event.target)&&onClose()},[onClose]);(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function(){return document.addEventListener("mousedown",handleClickOutside),function(){document.removeEventListener("mousedown",handleClickOutside)}},[handleClickOutside]);var handleKeyDown=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function(event){var _popoverDialogRef_current;"Tab"===event.key&&(null==popoverDialogRef?void 0:null===(_popoverDialogRef_current=popoverDialogRef.current)||void 0===_popoverDialogRef_current?void 0:_popoverDialogRef_current.contains(event.target))&&onClose&&onClose()},[onClose]);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_library__WEBPACK_IMPORTED_MODULE_2__.AM,{className:"multichain-connected-accounts-menu__popover",referenceElement:anchorElement,role:_component_library__WEBPACK_IMPORTED_MODULE_2__.c6.Dialog,position:_component_library__WEBPACK_IMPORTED_MODULE_2__.$x.Bottom,offset:[0,0],padding:0,isOpen:isOpen,flip:!0,preventOverflow:!0,isPortal:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_library__WEBPACK_IMPORTED_MODULE_2__.Qc,{restoreFocus:!0,initialFocusRef:{current:anchorElement}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_library__WEBPACK_IMPORTED_MODULE_2__.az,{onKeyDown:handleKeyDown,ref:popoverDialogRef},(null==permissions?void 0:permissions.length)?react__WEBPACK_IMPORTED_MODULE_0__.createElement(TsMenuItem,{iconName:_component_library__WEBPACK_IMPORTED_MODULE_2__.$M.SecurityTick,"data-testid":"permission-details-menu-item",onClick:function(){setShowPermissionModal(!0),onClose()}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_library__WEBPACK_IMPORTED_MODULE_2__.EY,{variant:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_4__.J3.bodyMd},t("permissionDetails"))):null,void 0!==_param_disableAccountSwitcher&&_param_disableAccountSwitcher?null:react__WEBPACK_IMPORTED_MODULE_0__.createElement(TsMenuItem,{iconName:_component_library__WEBPACK_IMPORTED_MODULE_2__.$M.SwapHorizontal,"data-testid":"switch-account-menu-item",onClick:function(){dispatch((0,_store_actions__WEBPACK_IMPORTED_MODULE_6__.setSelectedAccount)(account.address)),onClose()}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_library__WEBPACK_IMPORTED_MODULE_2__.EY,{variant:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_4__.J3.bodyMd},t("switchToThisAccount"))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(TsMenuItem,{iconName:_component_library__WEBPACK_IMPORTED_MODULE_2__.$M.Logout,iconColor:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_4__.Li.errorDefault,"data-testid":"disconnect-menu-item",onClick:function(){onActionClick(account.metadata.name),dispatch((0,_store_actions__WEBPACK_IMPORTED_MODULE_6__.removePermittedAccount)(activeTabOrigin,account.address))}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_library__WEBPACK_IMPORTED_MODULE_2__.EY,{color:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_4__.r7.errorDefault,variant:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_4__.J3.bodyMd},t("disconnect")))))),showPermissionModal?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_permission_details_modal_permission_details_modal__WEBPACK_IMPORTED_MODULE_8__.X,{isOpen:showPermissionModal,account:account,onClick:function(){dispatch((0,_store_actions__WEBPACK_IMPORTED_MODULE_6__.removePermittedAccount)(activeTabOrigin,account.address))},onClose:function(){return setShowPermissionModal(!1)},permissions:permissions}):null)};try{ConnectedAccountsMenu.displayName="ConnectedAccountsMenu",ConnectedAccountsMenu.__docgenInfo={description:"",displayName:"ConnectedAccountsMenu",props:{isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},account:{defaultValue:null,description:"",name:"account",required:!0,type:{name:"Identity"}},anchorElement:{defaultValue:null,description:"",name:"anchorElement",required:!0,type:{name:"HTMLElement | null"}},disableAccountSwitcher:{defaultValue:{value:"false"},description:"",name:"disableAccountSwitcher",required:!1,type:{name:"boolean"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!0,type:{name:"() => void"}},onActionClick:{defaultValue:null,description:"",name:"onActionClick",required:!0,type:{name:"(message: string) => void"}},activeTabOrigin:{defaultValue:null,description:"",name:"activeTabOrigin",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["ui/components/multichain/connected-accounts-menu/connected-accounts-menu.tsx#ConnectedAccountsMenu"]={docgenInfo:ConnectedAccountsMenu.__docgenInfo,name:"ConnectedAccountsMenu",path:"ui/components/multichain/connected-accounts-menu/connected-accounts-menu.tsx#ConnectedAccountsMenu"})}catch(__react_docgen_typescript_loader_error){}},"./ui/components/multichain/connected-accounts-menu/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{P:()=>_connected_accounts_menu__WEBPACK_IMPORTED_MODULE_0__.P});var _connected_accounts_menu__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./ui/components/multichain/connected-accounts-menu/connected-accounts-menu.tsx")},"./ui/components/multichain/connected-status/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{s:()=>ConnectedStatus});var react=__webpack_require__("./node_modules/react/index.js"),es=__webpack_require__("./node_modules/react-redux/es/index.js"),design_system=__webpack_require__("./ui/helpers/constants/design-system.ts"),selectors=__webpack_require__("./ui/selectors/index.js"),connected_sites=__webpack_require__("./ui/helpers/constants/connected-sites.js"),useI18nContext=__webpack_require__("./ui/hooks/useI18nContext.js"),badge_status=__webpack_require__("./ui/components/multichain/badge-status/badge-status.tsx"),ConnectedStatus=function(param){var _param_address=param.address,address=void 0===_param_address?"":_param_address,isActive=param.isActive,t=(0,useI18nContext.P)(),currentTabIsConnectedToSelectedAddress=(0,es.d4)(function(state){return(0,selectors.a$X)(state,address)}),status=connected_sites.vr;isActive?status=connected_sites.J7:currentTabIsConnectedToSelectedAddress&&(status=connected_sites.Fs);var badgeBorderColor=design_system.cG.backgroundDefault,badgeBackgroundColor=design_system.i0.iconAlternative,tooltipText=t("statusNotConnected");return status===connected_sites.J7?(badgeBorderColor=design_system.cG.backgroundDefault,badgeBackgroundColor=design_system.i0.successDefault,tooltipText=t("active")):status===connected_sites.Fs&&(badgeBorderColor=design_system.cG.successDefault,badgeBackgroundColor=design_system.i0.backgroundDefault,tooltipText=t("tooltipSatusConnectedUpperCase")),react.createElement(badge_status.C,{address:address,badgeBackgroundColor:badgeBackgroundColor,badgeBorderColor:badgeBorderColor,text:tooltipText,isConnectedAndNotActive:currentTabIsConnectedToSelectedAddress&&!isActive})};try{ConnectedStatus.displayName="ConnectedStatus",ConnectedStatus.__docgenInfo={description:"",displayName:"ConnectedStatus",props:{address:{defaultValue:{value:""},description:"",name:"address",required:!1,type:{name:"string"}},isActive:{defaultValue:null,description:"",name:"isActive",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["ui/components/multichain/connected-status/connected-status.tsx#ConnectedStatus"]={docgenInfo:ConnectedStatus.__docgenInfo,name:"ConnectedStatus",path:"ui/components/multichain/connected-status/connected-status.tsx#ConnectedStatus"})}catch(__react_docgen_typescript_loader_error){}},"./ui/components/multichain/menu-items/view-explorer-menu-item.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{N:()=>openBlockExplorer,r:()=>ViewExplorerMenuItem});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_redux__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react-redux/es/index.js"),react_router_dom__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react-router-dom/node_modules/react-router/esm/react-router.js"),_metamask_utils__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@metamask/utils/dist/caip-types.mjs"),_helpers_utils_multichain_blockExplorer__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./ui/helpers/utils/multichain/blockExplorer.ts"),_ui_menu__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./ui/components/ui/menu/index.js"),_hooks_useI18nContext__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./ui/hooks/useI18nContext.js"),_contexts_metametrics__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./ui/contexts/metametrics.js"),_shared_constants_metametrics__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./shared/constants/metametrics.ts"),_component_library__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./ui/components/component-library/index.ts"),_selectors__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./ui/selectors/index.js"),_helpers_utils_util__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./ui/helpers/utils/util.js"),_helpers_constants_routes__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./ui/helpers/constants/routes.ts"),_selectors_multichain__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./ui/selectors/multichain.ts"),_hooks_useMultichainSelector__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./ui/hooks/useMultichainSelector.ts"),openBlockExplorer=function(addressLink,metricsLocation,trackEvent,closeMenu){trackEvent({event:_shared_constants_metametrics__WEBPACK_IMPORTED_MODULE_6__.gP.ExternalLinkClicked,category:_shared_constants_metametrics__WEBPACK_IMPORTED_MODULE_6__.FZ.Navigation,properties:{link_type:_shared_constants_metametrics__WEBPACK_IMPORTED_MODULE_6__.BD.AccountTracker,location:metricsLocation,url_domain:(0,_helpers_utils_util__WEBPACK_IMPORTED_MODULE_9__.PB)(addressLink)}}),__webpack_require__.g.platform.openTab({url:addressLink}),null==closeMenu||closeMenu()},ViewExplorerMenuItem=function(param){var metricsLocation=param.metricsLocation,closeMenu=param.closeMenu,textProps=param.textProps,account=param.account,t=(0,_hooks_useI18nContext__WEBPACK_IMPORTED_MODULE_4__.P)(),trackEvent=(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts_metametrics__WEBPACK_IMPORTED_MODULE_5__.O2),history=(0,react_router_dom__WEBPACK_IMPORTED_MODULE_13__.W6)(),multichainNetwork=(0,_hooks_useMultichainSelector__WEBPACK_IMPORTED_MODULE_12__.t)(_selectors_multichain__WEBPACK_IMPORTED_MODULE_11__.X3,account),addressLink=(0,_helpers_utils_multichain_blockExplorer__WEBPACK_IMPORTED_MODULE_2__.L)(account.address,multichainNetwork),chainId=(0,_metamask_utils__WEBPACK_IMPORTED_MODULE_14__.rW)(multichainNetwork.chainId).reference,blockExplorerUrl=(0,_helpers_utils_multichain_blockExplorer__WEBPACK_IMPORTED_MODULE_2__.A)(multichainNetwork),blockExplorerUrlSubTitle=(0,_helpers_utils_util__WEBPACK_IMPORTED_MODULE_9__.PB)(blockExplorerUrl),blockExplorerLinkText=(0,react_redux__WEBPACK_IMPORTED_MODULE_1__.d4)(_selectors__WEBPACK_IMPORTED_MODULE_8__.kZk),routeToAddBlockExplorerUrl=function(){history.push("".concat(_helpers_constants_routes__WEBPACK_IMPORTED_MODULE_10__.Go,"#blockExplorerUrl"))},LABEL=t("viewOnExplorer");return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_menu__WEBPACK_IMPORTED_MODULE_3__.D,{onClick:function(){"addBlockExplorer"===blockExplorerLinkText.firstPart?routeToAddBlockExplorerUrl():openBlockExplorer(addressLink,metricsLocation,trackEvent,closeMenu),trackEvent({event:_shared_constants_metametrics__WEBPACK_IMPORTED_MODULE_6__.gP.BlockExplorerLinkClicked,category:_shared_constants_metametrics__WEBPACK_IMPORTED_MODULE_6__.FZ.Accounts,properties:{location:metricsLocation,chain_id:chainId}}),null==closeMenu||closeMenu()},subtitle:blockExplorerUrlSubTitle||null,iconName:_component_library__WEBPACK_IMPORTED_MODULE_7__.$M.Export,"data-testid":"account-list-menu-open-explorer"},textProps?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_library__WEBPACK_IMPORTED_MODULE_7__.EY,textProps,LABEL):LABEL)};try{ViewExplorerMenuItem.displayName="ViewExplorerMenuItem",ViewExplorerMenuItem.__docgenInfo={description:"",displayName:"ViewExplorerMenuItem",props:{metricsLocation:{defaultValue:null,description:'Represents the "location" property of the metrics event',name:"metricsLocation",required:!0,type:{name:"string"}},closeMenu:{defaultValue:null,description:"Closes the menu",name:"closeMenu",required:!1,type:{name:"(() => void)"}},textProps:{defaultValue:null,description:"Custom properties for the menu item text",name:"textProps",required:!1,type:{name:"object"}},account:{defaultValue:null,description:"Account to show account details for",name:"account",required:!0,type:{name:'{ type: "eip155:eoa" | "eip155:erc4337" | "bip122:p2wpkh" | "solana:data-account"; id: string; options: Record<string, Json>; metadata: { name: string; importTime: number; keyring: { ...; }; nameLastUpdatedAt?: number | undefined; snap?: { ...; } | undefined; lastSelected?: number | undefined; }; address: string; sc...'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["ui/components/multichain/menu-items/view-explorer-menu-item.tsx#ViewExplorerMenuItem"]={docgenInfo:ViewExplorerMenuItem.__docgenInfo,name:"ViewExplorerMenuItem",path:"ui/components/multichain/menu-items/view-explorer-menu-item.tsx#ViewExplorerMenuItem"})}catch(__react_docgen_typescript_loader_error){}},"./ui/components/multichain/permission-details-modal/permission-details-modal.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{X:()=>PermissionDetailsModal});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),lodash__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/lodash/lodash.js"),react_redux__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react-redux/es/index.js"),_component_library__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./ui/components/component-library/index.ts"),_selectors__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./ui/selectors/index.js"),_helpers_utils_util__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./ui/helpers/utils/util.js"),_hooks_useI18nContext__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./ui/hooks/useI18nContext.js"),_helpers_utils_permission__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./ui/helpers/utils/permission.js"),_app_permission_cell__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./ui/components/app/permission-cell/index.js"),_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./ui/helpers/constants/design-system.ts"),PermissionDetailsModal=function(param){var onClose=param.onClose,onClick=param.onClick,isOpen=param.isOpen,account=param.account,permissions=param.permissions,t=(0,_hooks_useI18nContext__WEBPACK_IMPORTED_MODULE_6__.P)(),useBlockie=(0,react_redux__WEBPACK_IMPORTED_MODULE_2__.d4)(_selectors__WEBPACK_IMPORTED_MODULE_4__.bNi),permissionLabels=(0,lodash__WEBPACK_IMPORTED_MODULE_1__.flatten)(permissions.map(function(param){var key=param.key,value=param.value;return(0,_helpers_utils_permission__WEBPACK_IMPORTED_MODULE_7__.g)({t:t,permissionName:key,permissionValue:value,subjectName:"",getSubjectName:function(){return""}})}));return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_library__WEBPACK_IMPORTED_MODULE_3__.aF,{isOpen:isOpen,"data-testid":"permission-details-modal",onClose:onClose},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_library__WEBPACK_IMPORTED_MODULE_3__.mH,null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_library__WEBPACK_IMPORTED_MODULE_3__.$m,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_library__WEBPACK_IMPORTED_MODULE_3__.rQ,{onClose:onClose},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_library__WEBPACK_IMPORTED_MODULE_3__.az,{display:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_9__.nl.Flex,alignItems:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_9__.k2.center,justifyContent:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_9__.A9.center,gap:2},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_library__WEBPACK_IMPORTED_MODULE_3__.vs,{size:_component_library__WEBPACK_IMPORTED_MODULE_3__.oG.Sm,address:account.address,variant:useBlockie?_component_library__WEBPACK_IMPORTED_MODULE_3__.Uj.Blockies:_component_library__WEBPACK_IMPORTED_MODULE_3__.Uj.Jazzicon}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_library__WEBPACK_IMPORTED_MODULE_3__.EY,{variant:_helpers_constants_design_system__WEBPACK_IMPORTED_MODULE_9__.J3.headingSm},account.metadata.name?account.metadata.name:(0,_helpers_utils_util__WEBPACK_IMPORTED_MODULE_5__.Wr)(account.address)))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_library__WEBPACK_IMPORTED_MODULE_3__.cw,null,permissionLabels.map(function(permission,index){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_app_permission_cell__WEBPACK_IMPORTED_MODULE_8__.A,{permissionName:permission.permissionName,title:permission.label,description:permission.description,weight:permission.weight,avatarIcon:permission.leftIcon,dateApproved:(null==permission?void 0:permission.permissionValue).date,key:"".concat(permission.permissionName,"-").concat(index)})})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_library__WEBPACK_IMPORTED_MODULE_3__.jl,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_library__WEBPACK_IMPORTED_MODULE_3__.$n,{startIconName:_component_library__WEBPACK_IMPORTED_MODULE_3__.$M.Logout,variant:_component_library__WEBPACK_IMPORTED_MODULE_3__.Ak.Secondary,onClick:onClick,size:_component_library__WEBPACK_IMPORTED_MODULE_3__.Mp.Lg,danger:!0,block:!0,"data-testid":"disconnect"},t("disconnect")))))};try{PermissionDetailsModal.displayName="PermissionDetailsModal",PermissionDetailsModal.__docgenInfo={description:"",displayName:"PermissionDetailsModal",props:{isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!0,type:{name:"() => void"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"() => void"}},account:{defaultValue:null,description:"",name:"account",required:!0,type:{name:"Identity"}},permissions:{defaultValue:null,description:"",name:"permissions",required:!0,type:{name:"Permission[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["ui/components/multichain/permission-details-modal/permission-details-modal.tsx#PermissionDetailsModal"]={docgenInfo:PermissionDetailsModal.__docgenInfo,name:"PermissionDetailsModal",path:"ui/components/multichain/permission-details-modal/permission-details-modal.tsx#PermissionDetailsModal"})}catch(__react_docgen_typescript_loader_error){}}}]);