https://developer.metamask.io/assets/index-BlOdVZPc.js

1import{d as U,a0 as h,c as w,e as t,i as f,a,u as o,w as n,g as b,F as j,r as W,bB as B,s as _,t as I,a6 as N,co as g,aq as V,j as P,aw as z,c0 as A,l as E,h as F,o as C,J as M}from"./index-BBdDAQgV.js";import{b as O}from"./Link.vue_vue_type_script_setup_true_lang-CjQ2Aa1U-Txp_56pH.js";import{B as p}from"./Toggle.esm-fXVgMJQ7.js";import{_ as r}from"./Card.vue_vue_type_script_setup_true_lang-eFOU0ufs.js";import{u as L,_ as $}from"./GatingPlanBadge.vue_vue_type_script_setup_true_lang-m_TcM42t.js";import{_ as G}from"./Select.vue_vue_type_script_setup_true_lang-Cxz_3xU2.js";import"./_plugin-vue_export-helper-CHgC5LLL-lGy7RumW.js";import"./Badge.esm-DbOlSwai.js";import"./Icon.vue_vue_type_script_setup_true_lang-mnkpFxjS-C7PHkd59.js";import"./Button.vue_vue_type_script_setup_true_lang-BJSYMRCO.js";import"./Button.esm-qsGG769Z.js";import"./AccessValidator-B1BkNm6D.js";import"./Select.esm-BaFiyvmR.js";import"./Checkbox.esm-VY16LjB0.js";import"./TextField.esm-DO7-J262.js";import"./floating-ui.dom-DdpXSCBY.js";const q={class:"mb-4"},K={class:"text-2xl font-bold text-app-gray-900 flex items-center gap-x-2"},J={class:"text-app-gray-500 mt-1"},R={class:"mt-4 flex flex-col gap-4"},Y={class:"p-4"},H={class:"flex items-center justify-between"},Q={class:"p-4"},X={class:"flex gap-6"},Z=["onClick","onKeydown"],ee={class:"capitalize text-xs font-medium mt-1"},te={class:"p-4"},le={class:"flex items-center justify-between"},se={class:"p-4"},ae={class:"flex items-center justify-between"},oe={class:"p-4"},ie={class:"flex items-center justify-between"},ne={class:"p-4"},de={class:"flex items-center justify-between"},re={class:"p-4"},ue={class:"p-4"},pe={class:"flex items-center justify-between"},me={class:"p-4"},fe={class:"flex items-center justify-between"},ve={class:"p-4"},be={class:"flex items-center justify-between"},ge={class:"p-4"},xe={class:"flex items-center justify-between"},Ve=U({__name:"WalletConfiguration",props:{project:{},teamName:{},selectedTeamId:{},disabled:{type:Boolean}},setup(x){const m=x,s=N({...g}),T=b(()=>M.selectedTeamGetter(m.teamName)),D=b(()=>m.selectedTeamId),S=L(D,m.project.network,"scale"),i=b(()=>m.disabled||S.value),y=F(!1),k=[{value:"bottom-right",dotClass:"bottom-2 right-2"},{value:"bottom-left",dotClass:"bottom-2 left-2"},{value:"top-left",dotClass:"top-2 left-2"},{value:"top-right",dotClass:"top-2 right-2"}],d=async u=>{try{y.value=!0,await V.saveWalletUiConfig({projectId:m.project.project_id,teamId:m.selectedTeamId,walletUiConfig:u}),P.setToastMessage({message:`Wallet UI configuration saved. ${A}`,type:z.SUCCESS})}catch(e){throw E.error("Error saving wallet ui configuration",e),e}finally{y.value=!1}};function c(u){d({...s,portfolioWidgetPosition:u})}return h(()=>m.project,(u,e)=>{if(u.wallet_ui_config&&u.wallet_ui_config!==e?.wallet_ui_config){const l=JSON.parse(u.wallet_ui_config??"{}"),v={...g,...l};Object.assign(s,v)}else!u.wallet_ui_config&&e?.wallet_ui_config&&Object.assign(s,g)},{immediate:!0}),(u,e)=>(C(),w("div",null,[t("div",q,[t("h2",K,[e[10]||(e[10]=f(" Wallet Configuration ",-1)),a(o($),{"selected-team":T.value,project:x.project,"required-plan":"scale","feature-context":"wallet-configuration"},null,8,["selected-team","project"])]),t("p",J,[e[12]||(e[12]=f(" These settings apply to the ",-1)),a(o(O),{href:"https://docs.metamask.io/embedded-wallets/features/whitelabel/#embedded-wallet-ui",target:"_blank",rel:"noopener noreferrer"},{default:n(()=>[...e[11]||(e[11]=[f(" embedded wallet UI ",-1)])]),_:1}),e[13]||(e[13]=f(" which is gated to Scale plan or higher. ",-1))])]),t("div",R,[a(o(r),null,{default:n(()=>[t("div",Y,[t("div",H,[e[14]||(e[14]=t("h3",{class:"text-lg font-semibold text-app-gray-900"},"Portfolio Widget",-1)),a(o(p),{"model-value":s.enablePortfolioWidget,size:"small",disabled:i.value,"onUpdate:modelValue":e[0]||(e[0]=l=>d({...s,enablePortfolioWidget:l}))},null,8,["model-value","disabled"])]),e[15]||(e[15]=t("div",{class:"text-sm text-app-gray-500"},"Allow users to access their wallet from a widget.",-1))])]),_:1}),a(o(r),null,{default:n(()=>[t("div",Q,[e[16]||(e[16]=t("h3",{class:"text-lg font-semibold text-app-gray-900 mb-4"},"Portfolio Widget Placement",-1)),t("div",X,[(C(),w(j,null,W(k,l=>t("div",{key:l.value,class:"max-w-16"},[t("div",{class:_(["relative flex flex-col items-center cursor-pointer bg-app-gray-100 dark:bg-app-dark-surface3 h-16 w-16 border rounded-xl",s.portfolioWidgetPosition===l.value?"border-app-blue-600":"border-transparent",i.value?"opacity-50 cursor-not-allowed":""]),onClick:v=>!i.value&&c(l.value),onKeydown:B(v=>!i.value&&c(l.value),["enter"])},[t("span",{class:_(["absolute w-[9px] h-[9px] bg-app-blue-600 rounded-full dot",l.dotClass])},null,2)],42,Z),t("div",ee,I(l.value),1)])),64))])])]),_:1}),a(o(r),null,{default:n(()=>[t("div",te,[t("div",le,[e[17]||(e[17]=t("h3",{class:"text-lg font-semibold text-app-gray-900"},"Tokens Display",-1)),a(o(p),{"model-value":s.enableTokenDisplay,size:"small",disabled:i.value,"onUpdate:modelValue":e[1]||(e[1]=l=>d({...s,enableTokenDisplay:l}))},null,8,["model-value","disabled"])]),e[18]||(e[18]=t("div",{class:"text-sm text-app-gray-500"},"Display users' tokens on the homepage.",-1))])]),_:1}),a(o(r),null,{default:n(()=>[t("div",se,[t("div",ae,[e[19]||(e[19]=t("h3",{class:"text-lg font-semibold text-app-gray-900"},"Show Custom Tokens",-1)),a(o(p),{"model-value":s.enableShowAllTokensButton,size:"small",disabled:i.value,"onUpdate:modelValue":e[2]||(e[2]=l=>d({...s,enableShowAllTokensButton:l}))},null,8,["model-value","disabled"])]),e[20]||(e[20]=t("div",{class:"text-sm text-app-gray-500"},"Display all custom tokens on the homepage.",-1))])]),_:1}),a(o(r),null,{default:n(()=>[t("div",oe,[t("div",ie,[e[21]||(e[21]=t("h3",{class:"text-lg font-semibold text-app-gray-900"},"DeFi Positions Display (EVM only)",-1)),a(o(p),{"model-value":s.enableDefiPositionsDisplay,size:"small",disabled:i.value,"onUpdate:modelValue":e[3]||(e[3]=l=>d({...s,enableDefiPositionsDisplay:l}))},null,8,["model-value","disabled"])]),e[22]||(e[22]=t("div",{class:"text-sm text-app-gray-500"},"Display users' DeFi positions on the homepage.",-1))])]),_:1}),a(o(r),null,{default:n(()=>[t("div",ne,[t("div",de,[e[23]||(e[23]=t("h3",{class:"text-lg font-semibold text-app-gray-900"},"NFT Display",-1)),a(o(p),{"model-value":s.enableNftDisplay,size:"small",disabled:i.value,"onUpdate:modelValue":e[4]||(e[4]=l=>d({...s,enableNftDisplay:l}))},null,8,["model-value","disabled"])]),e[24]||(e[24]=t("div",{class:"text-sm text-app-gray-500"},"Allow users to see their NFT collections on the homepage.",-1))])]),_:1}),a(o(r),null,{default:n(()=>[t("div",re,[a(o(G),{"model-value":s.defaultPortfolio,options:[{name:"Token",value:"token"},{name:"NFT",value:"nft"}],label:"Default Selected Display","aria-label":"Default Selected Display","helper-text":"Set this option as the default active tab on the homepage.",disabled:i.value,onOnSelect:e[5]||(e[5]=l=>d({...s,defaultPortfolio:l.value}))},null,8,["model-value","disabled"])])]),_:1}),a(o(r),null,{default:n(()=>[t("div",ue,[t("div",pe,[e[25]||(e[25]=t("h3",{class:"text-lg font-semibold text-app-gray-900"},"Send Button",-1)),a(o(p),{"model-value":s.enableSendButton,size:"small",disabled:i.value,"onUpdate:modelValue":e[6]||(e[6]=l=>d({...s,enableSendButton:l}))},null,8,["model-value","disabled"])]),e[26]||(e[26]=t("div",{class:"text-sm text-app-gray-500"},"Allow users to transfer crypto to other wallets.",-1))])]),_:1}),a(o(r),null,{default:n(()=>[t("div",me,[t("div",fe,[e[27]||(e[27]=t("h3",{class:"text-lg font-semibold text-app-gray-900"},"Swap Button",-1)),a(o(p),{"model-value":s.enableSwapButton,size:"small",disabled:i.value,"onUpdate:modelValue":e[7]||

1(e[7]=l=>d({...s,enableSwapButton:l}))},null,8,["model-value","disabled"])]),e[28]||(e[28]=t("div",{class:"text-sm text-app-gray-500"},"Allow users to exchange crypto instantly.",-1))])]),_:1}),a(o(r),null,{default:n(()=>[t("div",ve,[t("div",be,[e[29]||(e[29]=t("h3",{class:"text-lg font-semibold text-app-gray-900"},"Enable Interoperability",-1)),a(o(p),{"model-value":s.enableWalletConnect,size:"small",disabled:i.value,"onUpdate:modelValue":e[8]||(e[8]=l=>d({...s,enableWalletConnect:l}))},null,8,["model-value","disabled"])]),e[30]||(e[30]=t("div",{class:"text-sm text-app-gray-500"},"Show WalletConnect button on the navigation bar.",-1))])]),_:1}),a(o(r),null,{default:n(()=>[t("div",ge,[t("div",xe,[e[31]||(e[31]=t("h3",{class:"text-lg font-semibold text-app-gray-900"},"Confirmation Modal",-1)),a(o(p),{"model-value":s.enableConfirmationModal,size:"small",disabled:i.value,"onUpdate:modelValue":e[9]||(e[9]=l=>d({...s,enableConfirmationModal:l}))},null,8,["model-value","disabled"])]),e[32]||(e[32]=t("div",{class:"text-sm text-app-gray-500"},"Require users to approve each transaction through a confirmation modal.",-1))])]),_:1})])]))}});export{Ve as default};
2//# sourceMappingURL=index-BlOdVZPc.js.map