33528.c5209e28.iframe.bundle.js

"use strict";(globalThis.webpackChunkmetamask_crx=globalThis.webpackChunkmetamask_crx||[]).push([[33528],{"./ui/hooks/metamask-notifications/useNotifications.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{SF:()=>useMarkNotificationAsRead,hG:()=>useEnableNotifications});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"),loglevel__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/loglevel/lib/loglevel.js"),loglevel__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(loglevel__WEBPACK_IMPORTED_MODULE_2__),_store_actions__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./ui/store/actions.ts");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 asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){reject(error);return}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _async_to_generator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)})}}function _instanceof(left,right){return null!=right&&"undefined"!=typeof Symbol&&right[Symbol.hasInstance]?!!right[Symbol.hasInstance](left):left instanceof right}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)}}function _ts_generator(thisArg,body){var f,y,t,g,_={label:0,sent:function(){if(1&t[0])throw t[1];return t[1]},trys:[],ops:[]};return g={next:verb(0),throw:verb(1),return:verb(2)},"function"==typeof Symbol&&(g[Symbol.iterator]=function(){return this}),g;function verb(n){return function(v){return step([n,v])}}function step(op){if(f)throw TypeError("Generator is already executing.");for(;_;)try{if(f=1,y&&(t=2&op[0]?y.return:op[0]?y.throw||((t=y.return)&&t.call(y),0):y.next)&&!(t=t.call(y,op[1])).done)return t;switch(y=0,t&&(op=[2&op[0],t.value]),op[0]){case 0:case 1:t=op;break;case 4:return _.label++,{value:op[1],done:!1};case 5:_.label++,y=op[1],op=[0];continue;case 7:op=_.ops.pop(),_.trys.pop();continue;default:if(!(t=(t=_.trys).length>0&&t[t.length-1])&&(6===op[0]||2===op[0])){_=0;continue}if(3===op[0]&&(!t||op[1]>t[0]&&op[1]<t[3])){_.label=op[1];break}if(6===op[0]&&_.label<t[1]){_.label=t[1],t=op;break}if(t&&_.label<t[2]){_.label=t[2],_.ops.push(op);break}t[2]&&_.ops.pop(),_.trys.pop();continue}op=body.call(thisArg,_)}catch(e){op=[6,e],y=0}finally{f=t=0}if(5&op[0])throw op[1];return{value:op[0]?op[1]:void 0,done:!0}}}function useEnableNotifications(){var dispatch=(0,react_redux__WEBPACK_IMPORTED_MODULE_1__.wA)(),_useState=_sliced_to_array((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),2),error=_useState[0],setError=_useState[1];return{enableNotifications:(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(_async_to_generator(function(){var e;return _ts_generator(this,function(_state){switch(_state.label){case 0:setError(null),_state.label=1;case 1:return _state.trys.push([1,3,,4]),[4,dispatch((0,_store_actions__WEBPACK_IMPORTED_MODULE_3__.enableMetamaskNotifications)())];case 2:return _state.sent(),[3,4];case 3:throw setError(_instanceof(e=_state.sent(),Error)?e.message:"An unexpected error occurred"),loglevel__WEBPACK_IMPORTED_MODULE_2___default().error(e),e;case 4:return[2]}})}),[dispatch]),error:error}}function useMarkNotificationAsRead(){var _ref,dispatch=(0,react_redux__WEBPACK_IMPORTED_MODULE_1__.wA)();return{markNotificationAsRead:(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((_ref=_async_to_generator(function(notifications){return _ts_generator(this,function(_state){try{dispatch((0,_store_actions__WEBPACK_IMPORTED_MODULE_3__.markMetamaskNotificationsAsRead)(notifications))}catch(e){throw loglevel__WEBPACK_IMPORTED_MODULE_2___default().error(e),e}return[2]})}),function(notifications){return _ref.apply(this,arguments)}),[dispatch])}}},"./ui/hooks/useNotificationTimeouts.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{D:()=>useSnapNotificationTimeouts});var react_redux__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react-redux/es/index.js"),_store_actions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./ui/store/actions.ts"),_helpers_constants_notifications__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./ui/helpers/constants/notifications.ts"),useSnapNotificationTimeouts=function(){var dispatch=(0,react_redux__WEBPACK_IMPORTED_MODULE_0__.wA)();return{setNotificationTimeout:function(id){setTimeout(function(){dispatch((0,_store_actions__WEBPACK_IMPORTED_MODULE_1__.deleteNotificationsById)([id]))},_helpers_constants_notifications__WEBPACK_IMPORTED_MODULE_2__.t)}}}},"./ui/pages/notifications/notification-components/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{so:()=>NotificationComponents,Zw:()=>notification_components_TRIGGER_TYPES,sz:()=>hasNotificationComponents});var _obj,_obj1,_obj2,notification_components_obj,notification_schema=__webpack_require__("./node_modules/@metamask/notification-services-controller/dist/NotificationServicesController/constants/notification-schema.mjs"),react=__webpack_require__("./node_modules/react/index.js"),translate=__webpack_require__("./app/scripts/translate.ts"),isOfTypeNodeGuard=function(types){return function(n){return types.includes(n.type)}},notifications=__webpack_require__("./ui/pages/notifications/notification-components/types/notifications/notifications.ts"),notification_list_item_icon=__webpack_require__("./ui/components/multichain/notification-list-item-icon/notification-list-item-icon.tsx"),util=__webpack_require__("./ui/helpers/utils/util.js"),conversion_utils=__webpack_require__("./shared/modules/conversion.utils.ts"),notification_util=__webpack_require__("./ui/helpers/utils/notification.util.ts"),multichain=__webpack_require__("./ui/components/multichain/index.js"),design_system=__webpack_require__("./ui/helpers/constants/design-system.ts"),component_library=__webpack_require__("./ui/components/component-library/index.ts"),TRIGGER_TYPES=notification_schema.Zw,isERC20Notification=isOfTypeNodeGuard([TRIGGER_TYPES.ERC20_RECEIVED,TRIGGER_TYPES.ERC20_SENT]),isSent=function(n){return n.type===TRIGGER_TYPES.ERC20_SENT},getTitle=function(n){var address=(0,util.Wr)(isSent(n)?n.data.to:n.data.from);return(0,notification_util._d)([(isSent(n)?(0,translate.t)("notificationItemSentTo"):(0,translate.t)("notificationItemReceivedFrom"))||"",address],design_system.J3.bodySm)},components={guardFn:isERC20Notification,item:function(param){var notification=param.notification,onClick=param.onClick;return react.createElement(multichain.DT,{id:notification.id,isRead:notification.isRead,icon:{type:notification_list_item_icon.o.Token,value:notification.data.token.image,badge:{icon:isSent(notification)?component_library.$M.Arrow2UpRight:component_library.$M.Received,position:component_library.uc.bottomRight}},title:getTitle(notification),description:(0,notification_util._d)([notification.data.token.name],design_system.J3.bodyMd),createdAt:new Date(notification.createdAt),amount:"".concat((0,notification_util.fE)(notification.data.token.amount,notification.data.token.decimals,{shouldEllipse:!0})," ").concat(notification.data.token.symbol),onClick:onClick})},details:{title:function(param){var notification=param.notification;return react.createElement(multichain.nW,{title:"".concat(isSent(notification)?(0,translate.t)("notificationItemSent"):(0,translate.t)("notificationItemReceived")," ").concat(notification.data.token.symbol),date:(0,notification_util.aD)(notification.createdAt)})},body:{type:notifications.l.OnChainBody,From:function(param){var notification=param.notification;return react.createElement(multichain.NK,{side:"".concat((0,translate.t)("notificationItemFrom")).concat(isSent(notification)?" (".concat((0,translate.t)("you"),")"):""),address:notification.data.from})},To:function(param){var notification=param.notification;return react.createElement(multichain.NK,{side:"".concat((0,translate.t)("notificationItemTo")).concat(isSent(notification)?"":" (".concat((0,translate.t)("you"),")")),address:notification.data.to})},Status:function(param){var notification=param.notification;return react.createElement(multichain.HS,{icon:{iconName:component_library.$M.Check,color:design_system.r7.successDefault,backgroundColor:design_system.i0.successMuted},label:(0,translate.t)("notificationItemStatus")||"",detail:(0,translate.t)("notificationItemConfirmed")||"",action:react.createElement(multichain.oM,{notification:notification,text:notification.tx_hash,displayText:(0,translate.t)("notificationItemTransactionId")||""})})},Asset:function(param){var notification=param.notification,chainId=(0,conversion_utils.Ao)(notification.chain_id),nativeCurrencyLogo=(0,notification_util.qP)("0x".concat(chainId)).nativeCurrencyLogo;return react.createElement(multichain.p2,{icon:{src:notification.data.token.image,badge:{src:nativeCurrencyLogo,position:component_library.uc.topRight}},label:(0,translate.t)("asset")||"",detail:notification.data.token.symbol,fiatValue:"$".concat((0,notification_util.Rs)(notification.data.token.amount,notification.data.token.decimals,notification.data.token.usd)),value:"".concat((0,notification_util.fE)(notification.data.token.amount,notification.data.token.decimals,{shouldEllipse:!0})," ").concat(notification.data.token.symbol)})},Network:function(param){var notification=param.notification,chainId=(0,conversion_utils.Ao)(notification.chain_id),_getNetworkDetailsByChainId=(0,notification_util.qP)("0x".concat(chainId)),nativeCurrencyLogo=_getNetworkDetailsByChainId.nativeCurrencyLogo,nativeCurrencyName=_getNetworkDetailsByChainId.nativeCurrencyName;return react.createElement(multichain.p2,{icon:{src:nativeCurrencyLogo},label:(0,translate.t)("notificationDetailNetwork")||"",detail:nativeCurrencyName})},NetworkFee:function(param){var notification=param.notification;return react.createElement(multichain.jn,{notification:notification})}}},footer:{type:notifications.l.OnChainFooter,ScanLink:function(param){var notification=param.notification;return react.createElement(multichain.PU,{notification:notification,chainId:notification.chain_id,txHash:notification.tx_hash})}}},erc721_sent_received_TRIGGER_TYPES=notification_schema.Zw,isERC721Notification=isOfTypeNodeGuard([erc721_sent_received_TRIGGER_TYPES.ERC721_RECEIVED,erc721_sent_received_TRIGGER_TYPES.ERC721_SENT]),erc721_sent_received_isSent=function(n){return n.type===erc721_sent_received_TRIGGER_TYPES.ERC721_SENT},erc721_sent_received_getTitle=function(n){var address=(0,util.Wr)(erc721_sent_received_isSent(n)?n.data.to:n.data.from);return(0,notification_util._d)([(erc721_sent_received_isSent(n)?(0,translate.t)("notificationItemNFTSentTo"):(0,translate.t)("notificationItemNFTReceivedFrom"))||"",address],design_system.J3.bodySm)},erc721_sent_received_components={guardFn:isERC721Notification,item:function(param){var notification=param.notification,onClick=param.onClick;return react.createElement(multichain.DT,{id:notification.id,isRead:notification.isRead,icon:{type:notification_list_item_icon.o.Nft,value:notification.data.nft.image,badge:{icon:erc721_sent_received_isSent(notification)?component_library.$M.Arrow2UpRight:component_library.$M.Received,position:component_library.uc.bottomRight}},title:erc721_sent_received_getTitle(notification),description:(0,notification_util._d)([notification.data.nft.collection.name],design_system.J3.bodyMd),createdAt:new Date(notification.createdAt),amount:"#".concat(notification.data.nft.token_id),onClick:onClick})},details:{title:function(param){var notification=param.notification;return react.createElement(multichain.nW,{title:"".concat(erc721_sent_received_isSent(notification)?(0,translate.t)("notificationItemSent"):(0,translate.t)("notificationItemReceived")," NFT"),date:(0,notification_util.aD)(notification.createdAt)})},body:{type:notifications.l.OnChainBody,Image:function(param){var notification=param.notification,chainId=(0,conversion_utils.Ao)(notification.chain_id),_getNetworkDetailsByChainId=(0,notification_util.qP)("0x".concat(chainId)),nativeCurrencyLogo=_getNetworkDetailsByChainId.nativeCurrencyLogo,nativeCurrencyName=_getNetworkDetailsByChainId.nativeCurrencyName;return react.createElement(multichain.jt,{networkSrc:nativeCurrencyLogo,tokenId:notification.data.nft.token_id,tokenName:notification.data.nft.name,tokenSrc:notification.data.nft.image,networkName:nativeCurrencyName})},From:function(param){var notification=param.notification;return react.createElement(multichain.NK,{side:"".concat((0,translate.t)("notificationItemFrom")).concat(erc721_sent_received_isSent(notification)?" (".concat((0,translate.t)("you"),")"):""),address:notification.data.from})},To:function(param){var notification=param.notification;return react.createElement(multichain.NK,{side:"".concat((0,translate.t)("notificationItemTo")).concat(erc721_sent_received_isSent(notification)?"":" (".concat((0,translate.t)("you"),")")),address:notification.data.to})},Status:function(){return react.createElement(multichain.HS,{icon:{iconName:component_library.$M.Check,color:design_system.r7.successDefault,backgroundColor:design_system.i0.successMuted},label:(0,translate.t)("notificationItemStatus")||"",detail:(0,translate.t)("notificationItemConfirmed")||""})},Asset:function(param){var notification=param.notification,chainId=(0,conversion_utils.Ao)(notification.chain_id),nativeCurrencyLogo=(0,notification_util.qP)("0x".concat(chainId)).nativeCurrencyLogo;return react.createElement(multichain.nC,{icon:{src:notification.data.nft.image,badgeSrc:nativeCurrencyLogo},label:(0,translate.t)("notificationItemCollection")||"",collection:"".concat(notification.data.nft.collection.name," (").concat(notification.data.nft.token_id,")")})},Network:function(param){var notification=param.notification,chainId=(0,conversion_utils.Ao)(notification.chain_id),_getNetworkDetailsByChainId=(0,notification_util.qP)("0x".concat(chainId)),nativeCurrencyLogo=_getNetworkDetailsByChainId.nativeCurrencyLogo,nativeCurrencyName=_getNetworkDetailsByChainId.nativeCurrencyName;return react.createElement(multichain.p2,{icon:{src:nativeCurrencyLogo},label:(0,translate.t)("notificationDetailNetwork")||"",detail:nativeCurrencyName})},NetworkFee:function(param){var notification=param.notification;return react.createElement(multichain.jn,{notification:notification})}}},footer:{type:notifications.l.OnChainFooter,ScanLink:function(param){var notification=param.notification;return react.createElement(multichain.PU,{notification:notification,chainId:notification.chain_id,txHash:notification.tx_hash})}}},erc1155_sent_received_TRIGGER_TYPES=notification_schema.Zw,isERC1155Notification=isOfTypeNodeGuard([erc1155_sent_received_TRIGGER_TYPES.ERC1155_RECEIVED,erc1155_sent_received_TRIGGER_TYPES.ERC1155_SENT]),erc1155_sent_received_isSent=function(n){return n.type===erc1155_sent_received_TRIGGER_TYPES.ERC1155_SENT},erc1155_sent_received_getTitle=function(n){var address=(0,util.Wr)(erc1155_sent_received_isSent(n)?n.data.to:n.data.from);return(0,notification_util._d)([(erc1155_sent_received_isSent(n)?(0,translate.t)("notificationItemNFTSentTo"):(0,translate.t)("notificationItemNFTReceivedFrom"))||"",address],design_system.J3.bodySm)},erc1155_sent_received_getDescription=function(n){var _n_data_nft;return(0,notification_util._d)([(null===(_n_data_nft=n.data.nft)||void 0===_n_data_nft?void 0:_n_data_nft.collection.name)||""],design_system.J3.bodyMd)},erc1155_sent_received_components={guardFn:isERC1155Notification,item:function(param){var _notification_data_nft,_notification_data_nft1,_notification_data_nft2,notification=param.notification,onClick=param.onClick;return react.createElement(multichain.DT,{id:notification.id,isRead:notification.isRead,icon:{type:(null===(_notification_data_nft=notification.data.nft)||void 0===_notification_data_nft?void 0:_notification_data_nft.image)?notification_list_item_icon.o.Nft:notification_list_item_icon.o.Token,value:(null===(_notification_data_nft1=notification.data.nft)||void 0===_notification_data_nft1?void 0:_notification_data_nft1.image)||"http://foo.com/bar.png",badge:{icon:erc1155_sent_received_isSent(notification)?component_library.$M.Arrow2UpRight:component_library.$M.Received,position:component_library.uc.bottomRight}},title:erc1155_sent_received_getTitle(notification),description:erc1155_sent_received_getDescription(notification),createdAt:new Date(notification.createdAt),amount:(null===(_notification_data_nft2=notification.data.nft)||void 0===_notification_data_nft2?void 0:_notification_data_nft2.token_id)||"",onClick:onClick})},details:{title:function(param){var notification=param.notification;return react.createElement(multichain.nW,{title:"".concat(erc1155_sent_received_isSent(notification)?(0,translate.t)("notificationItemSent"):(0,translate.t)("notificationItemReceived")," NFT"),date:(0,notification_util.aD)(notification.createdAt)})},body:{type:notifications.l.OnChainBody,Image:function(param){var _notification_data_nft,_notification_data_nft1,_notification_data_nft2,notification=param.notification,chainId=(0,conversion_utils.Ao)(notification.chain_id),_getNetworkDetailsByChainId=(0,notification_util.qP)("0x".concat(chainId)),nativeCurrencyLogo=_getNetworkDetailsByChainId.nativeCurrencyLogo,nativeCurrencyName=_getNetworkDetailsByChainId.nativeCurrencyName;return react.createElement(multichain.jt,{networkSrc:nativeCurrencyLogo,tokenId:(null===(_notification_data_nft=notification.data.nft)||void 0===_notification_data_nft?void 0:_notification_data_nft.token_id)||"",tokenName:(null===(_notification_data_nft1=notification.data.nft)||void 0===_notification_data_nft1?void 0:_notification_data_nft1.name)||"",tokenSrc:(null===(_notification_data_nft2=notification.data.nft)||void 0===_notification_data_nft2?void 0:_notification_data_nft2.image)||"",networkName:nativeCurrencyName})},From:function(param){var notification=param.notification;return react.createElement(multichain.NK,{side:"".concat((0,translate.t)("notificationItemFrom")).concat(erc1155_sent_received_isSent(notification)?" (".concat((0,translate.t)("you"),")"):""),address:notification.data.from})},To:function(param){var notification=param.notification;return react.createElement(multichain.NK,{side:"".concat((0,translate.t)("notificationItemTo")).concat(erc1155_sent_received_isSent(notification)?"":" (".concat((0,translate.t)("you"),")")),address:notification.data.to})},Status:function(){return react.createElement(multichain.HS,{icon:{iconName:component_library.$M.Check,color:design_system.r7.successDefault,backgroundColor:design_system.i0.successMuted},label:(0,translate.t)("notificationItemStatus")||"",detail:(0,translate.t)("notificationItemConfirmed")||""})},Asset:function(param){var _notification_data_nft,_notification_data_nft1,_notification_data_nft2,notification=param.notification,chainId=(0,conversion_utils.Ao)(notification.chain_id),nativeCurrencyLogo=(0,notification_util.qP)("0x".concat(chainId)).nativeCurrencyLogo;return react.createElement(multichain.nC,{icon:{src:(null===(_notification_data_nft=notification.data.nft)||void 0===_notification_data_nft?void 0:_notification_data_nft.image)||"",badgeSrc:nativeCurrencyLogo},label:(0,translate.t)("notificationItemCollection")||"",collection:"".concat(null===(_notification_data_nft1=notification.data.nft)||void 0===_notification_data_nft1?void 0:_notification_data_nft1.collection.name," (").concat(null===(_notification_data_nft2=notification.data.nft)||void 0===_notification_data_nft2?void 0:_notification_data_nft2.token_id,")")})},Network:function(param){var notification=param.notification,chainId=(0,conversion_utils.Ao)(notification.chain_id),_getNetworkDetailsByChainId=(0,notification_util.qP)("0x".concat(chainId)),nativeCurrencyLogo=_getNetworkDetailsByChainId.nativeCurrencyLogo,nativeCurrencyName=_getNetworkDetailsByChainId.nativeCurrencyName;return react.createElement(multichain.p2,{icon:{src:nativeCurrencyLogo},label:(0,translate.t)("notificationDetailNetwork")||"",detail:nativeCurrencyName})},NetworkFee:function(param){var notification=param.notification;return react.createElement(multichain.jn,{notification:notification})}}},footer:{type:notifications.l.OnChainFooter,ScanLink:function(param){var notification=param.notification;return react.createElement(multichain.PU,{notification:notification,chainId:notification.chain_id,txHash:notification.tx_hash})}}},eth_sent_received_TRIGGER_TYPES=notification_schema.Zw,isETHNotification=isOfTypeNodeGuard([eth_sent_received_TRIGGER_TYPES.ETH_RECEIVED,eth_sent_received_TRIGGER_TYPES.ETH_SENT]),eth_sent_received_isSent=function(n){return n.type===eth_sent_received_TRIGGER_TYPES.ETH_SENT},getNativeCurrency=function(n){var chainId=(0,conversion_utils.Ao)(n.chain_id);return(0,notification_util.qP)("0x".concat(chainId))},eth_sent_received_getTitle=function(n){var address=(0,util.Wr)(eth_sent_received_isSent(n)?n.data.to:n.data.from);return(0,notification_util._d)([(eth_sent_received_isSent(n)?(0,translate.t)("notificationItemSentTo"):(0,translate.t)("notificationItemReceivedFrom"))||"",address],design_system.J3.bodySm)},eth_sent_received_getDescription=function(n){var nativeCurrencySymbol=getNativeCurrency(n).nativeCurrencySymbol;return(0,notification_util._d)([nativeCurrencySymbol],design_system.J3.bodyMd)},eth_sent_received_components={guardFn:isETHNotification,item:function(param){var notification=param.notification,onClick=param.onClick,_getNativeCurrency=getNativeCurrency(notification),nativeCurrencySymbol=_getNativeCurrency.nativeCurrencySymbol,nativeCurrencyLogo=_getNativeCurrency.nativeCurrencyLogo;return react.createElement(multichain.DT,{id:notification.id,isRead:notification.isRead,icon:{type:notification_list_item_icon.o.Token,value:nativeCurrencyLogo,badge:{icon:eth_sent_received_isSent(notification)?component_library.$M.Arrow2UpRight:component_library.$M.Received,position:component_library.uc.bottomRight}},title:eth_sent_received_getTitle(notification),description:eth_sent_received_getDescription(notification),createdAt:new Date(notification.createdAt),amount:"".concat((0,notification_util.ej)(parseFloat(notification.data.amount.eth),{shouldEllipse:!0})," ").concat(nativeCurrencySymbol),onClick:onClick})},details:{title:function(param){var notification=param.notification,chainId=(0,conversion_utils.Ao)(notification.chain_id),nativeCurrencySymbol=(0,notification_util.qP)("0x".concat(chainId)).nativeCurrencySymbol;return react.createElement(multichain.nW,{title:"".concat(eth_sent_received_isSent(notification)?(0,translate.t)("notificationItemSent"):(0,translate.t)("notificationItemReceived")," ").concat(nativeCurrencySymbol),date:(0,notification_util.aD)(notification.createdAt)})},body:{type:notifications.l.OnChainBody,From:function(param){var notification=param.notification;return react.createElement(multichain.NK,{side:"".concat((0,translate.t)("notificationItemFrom")).concat(eth_sent_received_isSent(notification)?" (".concat((0,translate.t)("you"),")"):""),address:notification.data.from})},To:function(param){var notification=param.notification;return react.createElement(multichain.NK,{side:"".concat((0,translate.t)("notificationItemTo")).concat(eth_sent_received_isSent(notification)?"":" (".concat((0,translate.t)("you"),")")),address:notification.data.to})},Status:function(param){var notification=param.notification;return react.createElement(multichain.HS,{icon:{iconName:component_library.$M.Check,color:design_system.r7.successDefault,backgroundColor:design_system.i0.successMuted},label:(0,translate.t)("notificationItemStatus")||"",detail:(0,translate.t)("notificationItemConfirmed")||"",action:react.createElement(multichain.oM,{notification:notification,text:notification.tx_hash,displayText:(0,translate.t)("notificationItemTransactionId")||""})})},Asset:function(param){var notification=param.notification,chainId=(0,conversion_utils.Ao)(notification.chain_id),_getNetworkDetailsByChainId=(0,notification_util.qP)("0x".concat(chainId)),nativeCurrencyLogo=_getNetworkDetailsByChainId.nativeCurrencyLogo,nativeCurrencySymbol=_getNetworkDetailsByChainId.nativeCurrencySymbol;return react.createElement(multichain.p2,{icon:{src:nativeCurrencyLogo,badge:{src:nativeCurrencyLogo,position:component_library.uc.topRight}},label:(0,translate.t)("asset")||"",detail:nativeCurrencySymbol,fiatValue:"$".concat((0,notification_util.ej)(parseFloat(notification.data.amount.usd),{shouldEllipse:!0})),value:"".concat((0,notification_util.ej)(parseFloat(notification.data.amount.eth),{shouldEllipse:!0})," ").concat(nativeCurrencySymbol)})},Network:function(param){var notification=param.notification,chainId=(0,conversion_utils.Ao)(notification.chain_id),_getNetworkDetailsByChainId=(0,notification_util.qP)("0x".concat(chainId)),nativeCurrencyLogo=_getNetworkDetailsByChainId.nativeCurrencyLogo,nativeCurrencyName=_getNetworkDetailsByChainId.nativeCurrencyName;return react.createElement(multichain.p2,{icon:{src:nativeCurrencyLogo},label:(0,translate.t)("notificationDetailNetwork")||"",detail:nativeCurrencyName})},NetworkFee:function(param){var notification=param.notification;return react.createElement(multichain.jn,{notification:notification})}}},footer:{type:notifications.l.OnChainFooter,ScanLink:function(param){var notification=param.notification;return react.createElement(multichain.PU,{notification:notification,chainId:notification.chain_id,txHash:notification.tx_hash})}}},purify_es=__webpack_require__("./node_modules/dompurify/dist/purify.es.mjs"),metametrics=__webpack_require__("./shared/constants/metametrics.ts"),contexts_metametrics=__webpack_require__("./ui/contexts/metametrics.js"),useAnalyticEventCallback=function(props){var trackEvent=(0,react.useContext)(contexts_metametrics.O2);return(0,react.useCallback)(function(){trackEvent({category:metametrics.FZ.NotificationInteraction,event:metametrics.gP.NotificationDetailClicked,properties:{notification_id:props.id,notification_type:props.type,clicked_item:props.clickType}})},[props.clickType,props.id,props.type,trackEvent])},ExtensionLinkButton=function(props){var notification=props.notification,onClick=useAnalyticEventCallback({id:notification.id,type:notification.type,clickType:"internal_link"});return notification.data.extensionLink?react.createElement(multichain.b2,{variant:component_library.Ak.Primary,text:notification.data.extensionLink.extensionLinkText,href:"/".concat(notification.data.extensionLink.extensionLinkRoute),isExternal:!0,onClick:onClick}):null},ExternalLinkButton=function(props){var notification=props.notification,onClick=useAnalyticEventCallback({id:notification.id,type:notification.type,clickType:"external_link"});return notification.data.externalLink?react.createElement(multichain.b2,{variant:component_library.Ak.Secondary,text:notification.data.externalLink.externalLinkText,href:"".concat(notification.data.externalLink.externalLinkUrl),isExternal:!0,onClick:onClick}):null};try{ExtensionLinkButton.displayName="ExtensionLinkButton",ExtensionLinkButton.__docgenInfo={description:"",displayName:"ExtensionLinkButton",props:{notification:{defaultValue:null,description:"",name:"notification",required:!0,type:{name:"{ type: TRIGGER_TYPES.FEATURES_ANNOUNCEMENT; createdAt: string; data: FeatureAnnouncementRawNotificationData; id: string; isRead: boolean; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["ui/pages/notifications/notification-components/feature-announcement/annonucement-footer-buttons.tsx#ExtensionLinkButton"]={docgenInfo:ExtensionLinkButton.__docgenInfo,name:"ExtensionLinkButton",path:"ui/pages/notifications/notification-components/feature-announcement/annonucement-footer-buttons.tsx#ExtensionLinkButton"})}catch(__react_docgen_typescript_loader_error){}try{ExternalLinkButton.displayName="ExternalLinkButton",ExternalLinkButton.__docgenInfo={description:"",displayName:"ExternalLinkButton",props:{notification:{defaultValue:null,description:"",name:"notification",required:!0,type:{name:"{ type: TRIGGER_TYPES.FEATURES_ANNOUNCEMENT; createdAt: string; data: FeatureAnnouncementRawNotificationData; id: string; isRead: boolean; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["ui/pages/notifications/notification-components/feature-announcement/annonucement-footer-buttons.tsx#ExternalLinkButton"]={docgenInfo:ExternalLinkButton.__docgenInfo,name:"ExternalLinkButton",path:"ui/pages/notifications/notification-components/feature-announcement/annonucement-footer-buttons.tsx#ExternalLinkButton"})}catch(__react_docgen_typescript_loader_error){}var feature_announcement_components={guardFn:isOfTypeNodeGuard([notification_schema.Zw.FEATURES_ANNOUNCEMENT]),item:function(param){var notification=param.notification,onClick=param.onClick;return react.createElement(multichain.DT,{id:notification.id,isRead:notification.isRead,icon:{type:notification_list_item_icon.o.Token,value:"./images/product-announcement-logo.svg"},title:(0,notification_util._d)([notification.data.title],design_system.J3.bodySm),description:(0,notification_util._d)([notification.data.shortDescription],design_system.J3.bodyMd),createdAt:new Date(notification.createdAt),onClick:onClick})},details:{title:function(param){var notification=param.notification;return react.createElement(multichain.nW,{title:notification.data.title,date:(0,notification_util.aD)(notification.createdAt)})},body:{type:notifications.l.AnnouncementBody,Image:function(param){var notification=param.notification;return react.createElement(component_library.az,{display:design_system.nl.Block,width:design_system.Zf.Full,paddingLeft:4,paddingRight:4,paddingBottom:4},react.createElement(component_library.az,{as:"img",src:"https:".concat(notification.data.image.url,"?fm=jpg&fl=progressive&w=1000&q=80"),alt:notification.data.title,title:notification.data.title,display:design_system.nl.Block,justifyContent:design_system.A9.center,borderRadius:design_system.Z6.XL,width:design_system.Zf.Full}))},Description:function(param){var notification=param.notification;return react.createElement(component_library.az,{paddingLeft:4,paddingRight:4},react.createElement(component_library.EY,{variant:design_system.J3.bodyMd,as:"div",dangerouslySetInnerHTML:{__html:purify_es.A.sanitize(notification.data.longDescription)}}))}}},footer:{type:notifications.l.AnnouncementFooter,ExtensionLink:ExtensionLinkButton,ExternalLink:ExternalLinkButton}};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}var stake_TRIGGER_TYPES=notification_schema.Zw,isStakeNotification=isOfTypeNodeGuard([stake_TRIGGER_TYPES.ROCKETPOOL_STAKE_COMPLETED,stake_TRIGGER_TYPES.ROCKETPOOL_UNSTAKE_COMPLETED,stake_TRIGGER_TYPES.LIDO_STAKE_COMPLETED,stake_TRIGGER_TYPES.LIDO_WITHDRAWAL_COMPLETED]),TITLE_MAP=(_define_property(_obj={},stake_TRIGGER_TYPES.LIDO_STAKE_COMPLETED,(0,translate.t)("notificationItemStaked")),_define_property(_obj,stake_TRIGGER_TYPES.LIDO_WITHDRAWAL_COMPLETED,(0,translate.t)("notificationItemUnStakeCompleted")),_define_property(_obj,stake_TRIGGER_TYPES.ROCKETPOOL_STAKE_COMPLETED,(0,translate.t)("notificationItemStakeCompleted")),_define_property(_obj,stake_TRIGGER_TYPES.ROCKETPOOL_UNSTAKE_COMPLETED,(0,translate.t)("notificationItemUnStakeCompleted")),_obj),DIRECTION_MAP=(_define_property(_obj1={},stake_TRIGGER_TYPES.ROCKETPOOL_STAKE_COMPLETED,"staked"),_define_property(_obj1,stake_TRIGGER_TYPES.ROCKETPOOL_UNSTAKE_COMPLETED,"unstaked"),_define_property(_obj1,stake_TRIGGER_TYPES.LIDO_STAKE_COMPLETED,"staked"),_define_property(_obj1,stake_TRIGGER_TYPES.LIDO_WITHDRAWAL_COMPLETED,"unstaked"),_obj1),STAKING_PROVIDER_MAP=(_define_property(_obj2={},stake_TRIGGER_TYPES.LIDO_STAKE_COMPLETED,"Lido-staked ETH"),_define_property(_obj2,stake_TRIGGER_TYPES.LIDO_WITHDRAWAL_COMPLETED,"Lido-staked ETH"),_define_property(_obj2,stake_TRIGGER_TYPES.ROCKETPOOL_STAKE_COMPLETED,"Rocket Pool-staked ETH"),_define_property(_obj2,stake_TRIGGER_TYPES.ROCKETPOOL_UNSTAKE_COMPLETED,"Rocket Pool-staked ETH"),_obj2),stake_getDescription=function(n){var direction=DIRECTION_MAP[n.type];return(0,notification_util._d)(["staked"===direction?n.data.stake_out.symbol:n.data.stake_in.symbol],design_system.J3.bodyMd)},stake_components={guardFn:isStakeNotification,item:function(param){var notification=param.notification,onClick=param.onClick,direction=DIRECTION_MAP[notification.type],stakingProp="staked"===direction?notification.data.stake_in:notification.data.stake_out,amount=(0,notification_util.fE)(stakingProp.amount,stakingProp.decimals,{shouldEllipse:!0});return react.createElement(multichain.DT,{id:notification.id,isRead:notification.isRead,icon:{type:notification_list_item_icon.o.Token,value:notification.data.stake_out.image,badge:{icon:component_library.$M.Stake,position:component_library.uc.bottomRight}},title:(0,notification_util._d)([TITLE_MAP[notification.type]||""],design_system.J3.bodySm),description:stake_getDescription(notification),createdAt:new Date(notification.createdAt),amount:"".concat(amount," ").concat("staked"===direction?notification.data.stake_in.symbol:notification.data.stake_out.symbol),onClick:onClick})},details:{title:function(param){var notification=param.notification,title="staked"===DIRECTION_MAP[notification.type]?"".concat((0,translate.t)("notificationItemStaked")," ").concat(notification.data.stake_in.symbol):"".concat((0,translate.t)("notificationItemUnStaked")," ").concat(notification.data.stake_in.symbol);return react.createElement(multichain.nW,{title:title,date:(0,notification_util.aD)(notification.createdAt)})},body:{type:notifications.l.OnChainBody,Account:function(param){var notification=param.notification;return notification.address?react.createElement(multichain.NK,{side:(0,translate.t)("account")||"",address:notification.address}):null},Asset:function(param){var notification=param.notification,direction=DIRECTION_MAP[notification.type],chainId=(0,conversion_utils.Ao)(notification.chain_id),nativeCurrencyLogo=(0,notification_util.qP)("0x".concat(chainId)).nativeCurrencyLogo;return react.createElement(multichain.p2,{icon:{src:notification.data.stake_in.image,badge:{src:nativeCurrencyLogo,position:component_library.uc.topRight}},label:"staked"===direction?(0,translate.t)("notificationItemStaked")||"":(0,translate.t)("notificationItemUnStaked")||"",detail:notification.data.stake_in.symbol,fiatValue:"$".concat((0,notification_util.Rs)(notification.data.stake_in.amount,notification.data.stake_in.decimals,notification.data.stake_in.usd)),value:"".concat((0,notification_util.fE)(notification.data.stake_in.amount,notification.data.stake_in.decimals,{shouldEllipse:!0})," ").concat(notification.data.stake_in.symbol)})},AssetReceived:function(param){var notification=param.notification,chainId=(0,conversion_utils.Ao)(notification.chain_id),nativeCurrencyLogo=(0,notification_util.qP)("0x".concat(chainId)).nativeCurrencyLogo;return react.createElement(multichain.p2,{icon:{src:notification.data.stake_out.image,badge:{src:nativeCurrencyLogo,position:component_library.uc.topRight}},label:(0,translate.t)("notificationItemReceived")||"",detail:notification.data.stake_out.symbol,fiatValue:"$".concat((0,notification_util.Rs)(notification.data.stake_out.amount,notification.data.stake_out.decimals,notification.data.stake_out.usd)),value:"".concat((0,notification_util.fE)(notification.data.stake_out.amount,notification.data.stake_out.decimals,{shouldEllipse:!0})," ").concat(notification.data.stake_out.symbol)})},Status:function(param){var notification=param.notification;return react.createElement(multichain.HS,{icon:{iconName:component_library.$M.Check,color:design_system.r7.successDefault,backgroundColor:design_system.i0.successMuted},label:(0,translate.t)("notificationItemStatus")||"",detail:(0,translate.t)("notificationItemConfirmed")||"",action:react.createElement(multichain.oM,{notification:notification,text:notification.tx_hash,displayText:(0,translate.t)("notificationItemTransactionId")||""})})},Provider:function(param){var notification=param.notification,direction=DIRECTION_MAP[notification.type],provider=STAKING_PROVIDER_MAP[notification.type];return react.createElement(multichain.p2,{icon:{src:notification.data.stake_out.image,badge:{src:"staked"===direction?notification.data.stake_out.image:notification.data.stake_in.image}},label:(0,translate.t)("notificationItemStakingProvider")||"",detail:provider})},NetworkFee:function(param){var notification=param.notification;return react.createElement(multichain.jn,{notification:notification})}}},footer:{type:notifications.l.OnChainFooter,ScanLink:function(param){var notification=param.notification;return react.createElement(multichain.PU,{notification:notification,chainId:notification.chain_id,txHash:notification.tx_hash})}}},swap_completed_components={guardFn:isOfTypeNodeGuard([notification_schema.Zw.METAMASK_SWAP_COMPLETED]),item:function(param){var notification=param.notification,onClick=param.onClick;return react.createElement(multichain.DT,{id:notification.id,isRead:notification.isRead,icon:{type:notification_list_item_icon.o.Token,value:notification.data.token_out.image,badge:{icon:component_library.$M.SwapHorizontal,position:component_library.uc.bottomRight}},title:(0,notification_util._d)([(0,translate.t)("notificationItemSwapped")||"",notification.data.token_in.symbol,(0,translate.t)("notificationItemSwappedFor")||""],design_system.J3.bodySm),description:(0,notification_util._d)([notification.data.token_out.symbol],design_system.J3.bodyMd),createdAt:new Date(notification.createdAt),amount:"".concat((0,notification_util.fE)(notification.data.token_out.amount,notification.data.token_out.decimals,{shouldEllipse:!0})," ").concat(notification.data.token_out.symbol),onClick:onClick})},details:{title:function(param){var notification=param.notification;return react.createElement(multichain.nW,{title:"".concat((0,translate.t)("notificationItemSwapped")||""," ").concat(notification.data.token_out.symbol),date:(0,notification_util.aD)(notification.createdAt)})},body:{type:notifications.l.OnChainBody,Account:function(param){var notification=param.notification;return notification.address?react.createElement(multichain.NK,{side:(0,translate.t)("account")||"",address:notification.address}):null},Asset:function(param){var notification=param.notification,chainId=(0,conversion_utils.Ao)(notification.chain_id),nativeCurrencyLogo=(0,notification_util.qP)("0x".concat(chainId)).nativeCurrencyLogo;return react.createElement(multichain.p2,{icon:{src:notification.data.token_in.image,badge:{src:nativeCurrencyLogo,position:component_library.uc.topRight}},label:(0,translate.t)("notificationItemSwapped")||"",detail:notification.data.token_in.symbol,fiatValue:"$".concat((0,notification_util.Rs)(notification.data.token_in.amount,notification.data.token_in.decimals,notification.data.token_in.usd)),value:"".concat((0,notification_util.fE)(notification.data.token_in.amount,notification.data.token_in.decimals,{shouldEllipse:!0})," ").concat(notification.data.token_in.symbol)})},AssetReceived:function(param){var notification=param.notification,chainId=(0,conversion_utils.Ao)(notification.chain_id),nativeCurrencyLogo=(0,notification_util.qP)("0x".concat(chainId)).nativeCurrencyLogo;return react.createElement(multichain.p2,{icon:{src:notification.data.token_out.image,badge:{src:nativeCurrencyLogo,position:component_library.uc.topRight}},label:(0,translate.t)("notificationItemTo")||"",detail:notification.data.token_out.symbol,fiatValue:"$".concat((0,notification_util.Rs)(notification.data.token_out.amount,notification.data.token_out.decimals,notification.data.token_out.usd)),value:"".concat((0,notification_util.fE)(notification.data.token_out.amount,notification.data.token_out.decimals,{shouldEllipse:!0})," ").concat(notification.data.token_out.symbol)})},Status:function(param){var notification=param.notification;return react.createElement(multichain.HS,{icon:{iconName:component_library.$M.Check,color:design_system.r7.successDefault,backgroundColor:design_system.i0.successMuted},label:(0,translate.t)("notificationItemStatus")||"",detail:(0,translate.t)("notificationItemConfirmed")||"",action:react.createElement(multichain.oM,{notification:notification,text:notification.tx_hash,displayText:(0,translate.t)("notificationItemTransactionId")||""})})},Network:function(param){var notification=param.notification,chainId=(0,conversion_utils.Ao)(notification.chain_id),_getNetworkDetailsByChainId=(0,notification_util.qP)("0x".concat(chainId)),nativeCurrencyName=_getNetworkDetailsByChainId.nativeCurrencyName,nativeCurrencyLogo=_getNetworkDetailsByChainId.nativeCurrencyLogo;return react.createElement(multichain.p2,{icon:{src:nativeCurrencyLogo},label:(0,translate.t)("notificationItemNetwork")||"",detail:nativeCurrencyName})},Rate:function(param){var notification=param.notification;return react.createElement(multichain.HS,{icon:{iconName:component_library.$M.SwapHorizontal,color:design_system.r7.infoDefault,backgroundColor:design_system.i0.infoMuted},label:(0,translate.t)("notificationItemRate")||"",detail:"1 ".concat(notification.data.token_out.symbol," ≈ ").concat((1/parseFloat(notification.data.rate)).toFixed(5)," ").concat(notification.data.token_in.symbol)})},NetworkFee:function(param){var notification=param.notification;return react.createElement(multichain.jn,{notification:notification})}}},footer:{type:notifications.l.OnChainFooter,ScanLink:function(param){var notification=param.notification;return react.createElement(multichain.PU,{notification:notification,chainId:notification.chain_id,txHash:notification.tx_hash})}}},isLidoWithdrawalRequestedNotification=isOfTypeNodeGuard([notification_schema.Zw.LIDO_WITHDRAWAL_REQUESTED]),lido_withdrawal_requested_getDescription=function(n){var amount=(0,notification_util.fE)(n.data.stake_in.amount,n.data.stake_in.decimals,{shouldEllipse:!0}),description=(0,translate.t)("notificationItemLidoWithdrawalRequestedMessage",["".concat(amount," ").concat(n.data.stake_in.symbol)])||"";return(0,notification_util._d)([description],design_system.J3.bodyMd)},lido_withdrawal_requested_components={guardFn:isLidoWithdrawalRequestedNotification,item:function(param){var notification=param.notification,onClick=param.onClick;return react.createElement(multichain.DT,{id:notification.id,isRead:notification.isRead,icon:{type:notification_list_item_icon.o.Token,value:notification.data.stake_in.image,badge:{icon:component_library.$M.Stake,position:component_library.uc.bottomRight}},title:(0,notification_util._d)([(0,translate.t)("notificationItemUnStakingRequested")||""],design_system.J3.bodySm),description:lido_withdrawal_requested_getDescription(notification),createdAt:new Date(notification.createdAt),amount:"".concat((0,notification_util.fE)(notification.data.stake_in.amount,notification.data.stake_in.decimals,{shouldEllipse:!0})," ").concat(notification.data.stake_in.symbol),onClick:onClick})},details:{title:function(param){var notification=param.notification;return react.createElement(multichain.nW,{title:(0,translate.t)("notificationItemUnStakingRequested")||"",date:(0,notification_util.aD)(notification.createdAt)})},body:{type:notifications.l.OnChainBody,Account:function(param){var notification=param.notification;return notification.address?react.createElement(multichain.NK,{side:(0,translate.t)("account")||"",address:notification.address}):null},Status:function(param){var notification=param.notification;return react.createElement(multichain.HS,{icon:{iconName:component_library.$M.Check,color:design_system.r7.successDefault,backgroundColor:design_system.i0.successMuted},label:(0,translate.t)("notificationItemStatus")||"",detail:(0,translate.t)("notificationItemConfirmed")||"",action:react.createElement(multichain.oM,{notification:notification,text:notification.tx_hash,displayText:(0,translate.t)("notificationItemTransactionId")||""})})},Asset:function(param){var notification=param.notification,chainId=(0,conversion_utils.Ao)(notification.chain_id),nativeCurrencyLogo=(0,notification_util.qP)("0x".concat(chainId)).nativeCurrencyLogo;return react.createElement(multichain.p2,{icon:{src:notification.data.stake_in.image,badge:{src:nativeCurrencyLogo,position:component_library.uc.topRight}},label:(0,translate.t)("notificationItemUnStakingRequested")||"",detail:notification.data.stake_in.symbol,fiatValue:"$".concat((0,notification_util.Rs)(notification.data.stake_in.amount,notification.data.stake_in.decimals,notification.data.stake_in.usd)),value:"".concat((0,notification_util.fE)(notification.data.stake_in.amount,notification.data.stake_in.decimals,{shouldEllipse:!0})," ").concat(notification.data.stake_in.symbol)})},AssetReceived:function(param){var notification=param.notification,chainId=(0,conversion_utils.Ao)(notification.chain_id),nativeCurrencyLogo=(0,notification_util.qP)("0x".concat(chainId)).nativeCurrencyLogo;return react.createElement(multichain.p2,{icon:{src:notification.data.stake_in.image,badge:{src:nativeCurrencyLogo,position:component_library.uc.topRight}},label:(0,translate.t)("notificationItemStakingProvider")||"",detail:"Lido-staked ETH"})}}},footer:{type:notifications.l.OnChainFooter,ScanLink:function(param){var notification=param.notification;return react.createElement(multichain.PU,{notification:notification,chainId:notification.chain_id,txHash:notification.tx_hash})}}},isLidoReadyWithDrawnNotification=isOfTypeNodeGuard([notification_schema.Zw.LIDO_STAKE_READY_TO_BE_WITHDRAWN]),lido_stake_ready_to_be_withdrawn_getDescription=function(n){var amount=(0,notification_util.ej)(parseFloat(n.data.staked_eth.amount),{shouldEllipse:!0}),description=(0,translate.t)("notificationItemLidoStakeReadyToBeWithdrawnMessage",["".concat(amount," ").concat(n.data.staked_eth.symbol)])||"";return(0,notification_util._d)([description],design_system.J3.bodyMd)},lido_stake_ready_to_be_withdrawn_components={guardFn:isLidoReadyWithDrawnNotification,item:function(param){var notification=param.notification,onClick=param.onClick;return react.createElement(multichain.DT,{id:notification.trigger_id,isRead:notification.isRead,icon:{type:notification_list_item_icon.o.Token,value:notification.data.staked_eth.image,badge:{icon:component_library.$M.Stake,position:component_library.uc.bottomRight}},title:(0,notification_util._d)([(0,translate.t)("notificationItemLidoStakeReadyToBeWithdrawn")||""],design_system.J3.bodySm),description:lido_stake_ready_to_be_withdrawn_getDescription(notification),createdAt:new Date(notification.createdAt),onClick:onClick})},details:{title:function(param){var notification=param.notification;return react.createElement(multichain.nW,{title:(0,translate.t)("notificationItemLidoStakeReadyToBeWithdrawn")||"",date:(0,notification_util.aD)(notification.createdAt)})},body:{type:notifications.l.OnChainBody,Account:function(param){var notification=param.notification;return notification.address?react.createElement(multichain.NK,{side:(0,translate.t)("account")||"",address:notification.address}):null},Status:function(){return react.createElement(multichain.HS,{icon:{iconName:component_library.$M.Check,color:design_system.r7.successDefault,backgroundColor:design_system.i0.successMuted},label:(0,translate.t)("notificationItemStatus")||"",detail:(0,translate.t)("notificationItemConfirmed")||""})},Asset:function(param){var notification=param.notification,chainId=(0,conversion_utils.Ao)(notification.chain_id),nativeCurrencyLogo=(0,notification_util.qP)("0x".concat(chainId)).nativeCurrencyLogo;return react.createElement(multichain.p2,{icon:{src:notification.data.staked_eth.image,badge:{src:nativeCurrencyLogo,position:component_library.uc.topRight}},label:(0,translate.t)("notificationItemLidoStakeReadyToBeWithdrawn")||"",detail:notification.data.staked_eth.symbol,fiatValue:"$".concat((0,notification_util.ej)(parseFloat(notification.data.staked_eth.usd),{shouldEllipse:!0})),value:"".concat((0,notification_util.ej)(parseFloat(notification.data.staked_eth.amount),{shouldEllipse:!0})," ").concat(notification.data.staked_eth.symbol)})},AssetReceived:function(param){var notification=param.notification,chainId=(0,conversion_utils.Ao)(notification.chain_id),nativeCurrencyLogo=(0,notification_util.qP)("0x".concat(chainId)).nativeCurrencyLogo;return react.createElement(multichain.p2,{icon:{src:notification.data.staked_eth.image,badge:{src:nativeCurrencyLogo,position:component_library.uc.topRight}},label:(0,translate.t)("notificationItemStakingProvider")||"",detail:notification.data.staked_eth.symbol})}}},footer:{type:notifications.l.OnChainFooter,ScanLink:function(param){var notification=param.notification;return react.createElement(multichain.PU,{notification:notification,chainId:notification.chain_id,txHash:notification.tx_hash})}}},es=__webpack_require__("./node_modules/react-redux/es/index.js"),react_router=__webpack_require__("./node_modules/react-router-dom/node_modules/react-router/esm/react-router.js"),selectors=__webpack_require__("./ui/selectors/index.js"),snap_ui_renderer=__webpack_require__("./ui/components/app/snaps/snap-ui-renderer/index.js"),snap_icon=__webpack_require__("./ui/components/app/snaps/snap-icon/index.ts"),useNotifications=__webpack_require__("./ui/hooks/metamask-notifications/useNotifications.ts"),snap_ui_markdown=__webpack_require__("./ui/components/app/snaps/snap-ui-markdown/index.js"),useSnapNavigation=__webpack_require__("./ui/hooks/snaps/useSnapNavigation.ts"),snap_link_warning=__webpack_require__("./ui/components/app/snaps/snap-link-warning/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_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 SnapFooterButton=function(props){var _data_detailedView,trackEvent=(0,react.useContext)(contexts_metametrics.O2),navigate=(0,useSnapNavigation.A)().navigate,_useState=_sliced_to_array((0,react.useState)(!1),2),isOpen=_useState[0],setIsOpen=_useState[1],data=props.notification.data,footer=null==data?void 0:null===(_data_detailedView=data.detailedView)||void 0===_data_detailedView?void 0:_data_detailedView.footerLink,handleModalClose=(0,react.useCallback)(function(){setIsOpen(!1)},[]),onClick=(0,react.useCallback)(function(href,isExternal){trackEvent({category:metametrics.FZ.NotificationInteraction,event:metametrics.gP.NotificationDetailClicked,properties:{notification_id:props.notification.id,notification_type:props.notification.type,clicked_item:isExternal?"external_link":"internal_link"}}),isExternal?setIsOpen(!0):navigate(href)},[navigate,props.notification.id,props.notification.type,trackEvent]);if(!footer)return null;var href=footer.href,text=footer.text,isExternal=!href.startsWith("metamask:");return react.createElement(react.Fragment,null,react.createElement(snap_link_warning.A,{isOpen:isOpen,onClose:handleModalClose,url:href}),react.createElement(multichain.b2,{variant:component_library.Ak.Secondary,isExternal:isExternal,text:text,onClick:function(){return onClick(href,isExternal)}}))};try{SnapFooterButton.displayName="SnapFooterButton",SnapFooterButton.__docgenInfo={description:"",displayName:"SnapFooterButton",props:{notification:{defaultValue:null,description:"",name:"notification",required:!0,type:{name:"{ type: TRIGGER_TYPES.SNAP; data: RawSnapNotificationData; readDate: string | null; id: string; createdAt: string; isRead: boolean; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["ui/pages/notifications/notification-components/snap/snap-footer-button.tsx#SnapFooterButton"]={docgenInfo:SnapFooterButton.__docgenInfo,name:"SnapFooterButton",path:"ui/pages/notifications/notification-components/snap/snap-footer-button.tsx#SnapFooterButton"})}catch(__react_docgen_typescript_loader_error){}var snap_components={guardFn:isOfTypeNodeGuard([notification_schema.Zw.SNAP]),item:function(param){var notification=param.notification,onClick=param.onClick,history=(0,react_router.W6)(),snapsMetadata=(0,es.d4)(selectors.JaC),snapsNameGetter=(0,util.IB)(snapsMetadata),markNotificationAsRead=(0,useNotifications.SF)().markNotificationAsRead;return react.createElement(multichain.p6,{id:notification.id,snapId:notification.data.origin,isRead:notification.isRead,createdAt:new Date(notification.createdAt),title:{items:[{text:snapsNameGetter(notification.data.origin)}]},snapMessage:notification.data.message,handleSnapClick:onClick,handleSnapButton:function(){notification.isRead||markNotificationAsRead([{id:notification.id,type:notification.type,isRead:notification.isRead}]),history.push((0,util.uu)(notification.data.origin))}})},details:{title:function(param){var notification=param.notification;return react.createElement(multichain.nW,{title:notification.data.detailedView.title,date:(0,notification_util.aD)(notification.createdAt)})},body:{type:notifications.l.SnapBody,Content:function(param){var notification=param.notification,snapsMetadata=(0,es.d4)(selectors.JaC),snapsNameGetter=(0,util.IB)(snapsMetadata),snapId=notification.data.origin;return react.createElement(react.Fragment,null,react.createElement(component_library.az,{display:design_system.nl.Flex,style:{borderBottom:"1px solid var(--color-border-muted)"},flexDirection:design_system.bo.Column,padding:[4,2,4,4]},react.createElement(component_library.az,{display:design_system.nl.Flex,alignItems:design_system.k2.center,paddingBottom:2},react.createElement(snap_icon.W,{snapId:snapId,avatarSize:component_library.lK.Xl}),react.createElement(component_library.EY,{paddingLeft:4,fontWeight:design_system.IT.Medium},snapsNameGetter(snapId))),react.createElement(snap_ui_markdown.i,{markdown:!0},notification.data.message)),react.createElement(component_library.az,{paddingLeft:1,paddingRight:1},react.createElement(snap_ui_renderer.a,{snapId:notification.data.origin,interfaceId:notification.data.detailedView.interfaceId,contentBackgroundColor:design_system.i0.backgroundDefault})))}}},footer:{type:notifications.l.SnapFooter,Link:SnapFooterButton}};function notification_components_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}var notification_components_TRIGGER_TYPES=notification_schema.Zw,expandComponentsType=function(components){return components},NotificationComponents=(notification_components_define_property(notification_components_obj={},notification_components_TRIGGER_TYPES.ERC20_SENT,expandComponentsType(components)),notification_components_define_property(notification_components_obj,notification_components_TRIGGER_TYPES.ERC20_RECEIVED,expandComponentsType(components)),notification_components_define_property(notification_components_obj,notification_components_TRIGGER_TYPES.ERC721_SENT,expandComponentsType(erc721_sent_received_components)),notification_components_define_property(notification_components_obj,notification_components_TRIGGER_TYPES.ERC721_RECEIVED,expandComponentsType(erc721_sent_received_components)),notification_components_define_property(notification_components_obj,notification_components_TRIGGER_TYPES.ERC1155_SENT,expandComponentsType(erc1155_sent_received_components)),notification_components_define_property(notification_components_obj,notification_components_TRIGGER_TYPES.ERC1155_RECEIVED,expandComponentsType(erc1155_sent_received_components)),notification_components_define_property(notification_components_obj,notification_components_TRIGGER_TYPES.ETH_SENT,expandComponentsType(eth_sent_received_components)),notification_components_define_property(notification_components_obj,notification_components_TRIGGER_TYPES.ETH_RECEIVED,expandComponentsType(eth_sent_received_components)),notification_components_define_property(notification_components_obj,notification_components_TRIGGER_TYPES.FEATURES_ANNOUNCEMENT,expandComponentsType(feature_announcement_components)),notification_components_define_property(notification_components_obj,notification_components_TRIGGER_TYPES.ROCKETPOOL_STAKE_COMPLETED,expandComponentsType(stake_components)),notification_components_define_property(notification_components_obj,notification_components_TRIGGER_TYPES.ROCKETPOOL_UNSTAKE_COMPLETED,expandComponentsType(stake_components)),notification_components_define_property(notification_components_obj,notification_components_TRIGGER_TYPES.LIDO_STAKE_COMPLETED,expandComponentsType(stake_components)),notification_components_define_property(notification_components_obj,notification_components_TRIGGER_TYPES.LIDO_WITHDRAWAL_COMPLETED,expandComponentsType(stake_components)),notification_components_define_property(notification_components_obj,notification_components_TRIGGER_TYPES.LIDO_WITHDRAWAL_REQUESTED,expandComponentsType(lido_withdrawal_requested_components)),notification_components_define_property(notification_components_obj,notification_components_TRIGGER_TYPES.METAMASK_SWAP_COMPLETED,expandComponentsType(swap_completed_components)),notification_components_define_property(notification_components_obj,notification_components_TRIGGER_TYPES.LIDO_STAKE_READY_TO_BE_WITHDRAWN,expandComponentsType(lido_stake_ready_to_be_withdrawn_components)),notification_components_define_property(notification_components_obj,notification_components_TRIGGER_TYPES.SNAP,expandComponentsType(snap_components)),notification_components_obj),hasNotificationComponents=function(t){return t in NotificationComponents}},"./ui/pages/notifications/notification-components/types/notifications/notifications.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{var NotificationComponentType;__webpack_require__.d(__webpack_exports__,{l:()=>NotificationComponentType}),function(NotificationComponentType){NotificationComponentType.AnnouncementBody="body_feature_announcement",NotificationComponentType.AnnouncementFooter="footer_feature_announcement",NotificationComponentType.OnChainBody="body_onchain_notification",NotificationComponentType.OnChainFooter="footer_onchain_notification",NotificationComponentType.SnapBody="body_snap_notification",NotificationComponentType.SnapFooter="footer_snap_notification"}(NotificationComponentType||(NotificationComponentType={}))}}]);