11306.0932e276.iframe.bundle.js

"use strict";(globalThis.webpackChunkmetamask_crx=globalThis.webpackChunkmetamask_crx||[]).push([[11306],{"./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/app/permissions-connect-permission-list/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>PermissionsConnectPermissionList});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"),permission=__webpack_require__("./ui/helpers/utils/permission.js"),useI18nContext=__webpack_require__("./ui/hooks/useI18nContext.js"),selectors=__webpack_require__("./ui/selectors/index.js"),util=__webpack_require__("./ui/helpers/utils/util.js"),permission_cell=__webpack_require__("./ui/components/app/permission-cell/index.js"),component_library=__webpack_require__("./ui/components/component-library/index.ts");function getDescriptionNode(param){var permission=param.permission,index=param.index,accounts=param.accounts,requestedChainIds=param.requestedChainIds;return react.createElement(permission_cell.A,{permissionName:permission.name,title:permission.label,description:permission.description,weight:permission.weight,avatarIcon:permission.leftIcon,key:"".concat(permission.permissionName,"-").concat(index),accounts:accounts,chainIds:requestedChainIds})}function PermissionsConnectPermissionList(param){var isLegacySwitchEthereumChain=param.isLegacySwitchEthereumChain,permissions=param.permissions,subjectName=param.subjectName,accounts=param.accounts,requestedChainIds=param.requestedChainIds,t=(0,useI18nContext.P)(),snapsMetadata=(0,es.d4)(selectors.JaC);return react.createElement(component_library.az,{as:"span"},(0,permission.i)({t:t,isLegacySwitchEthereumChain:isLegacySwitchEthereumChain,permissions:permissions,getSubjectName:(0,util.IB)(snapsMetadata),subjectName:subjectName}).map(function(permission,index){return getDescriptionNode({permission:permission,index:index,accounts:accounts,requestedChainIds:requestedChainIds})}))}PermissionsConnectPermissionList.propTypes={permissions:prop_types_default().object.isRequired,subjectName:prop_types_default().string.isRequired,requestedChainIds:prop_types_default().array,accounts:prop_types_default().arrayOf(prop_types_default().object),isLegacySwitchEthereumChain:prop_types_default().boolean},PermissionsConnectPermissionList.__docgenInfo={description:"",methods:[],displayName:"PermissionsConnectPermissionList",props:{permissions:{description:"",type:{name:"object"},required:!0},subjectName:{description:"",type:{name:"string"},required:!0},requestedChainIds:{description:"",type:{name:"array"},required:!1},accounts:{description:"",type:{name:"arrayOf",value:{name:"object"}},required:!1},isLegacySwitchEthereumChain:{description:"",type:{name:"custom",raw:"PropTypes.boolean"},required:!1}}}},"./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}}}}}]);