{"version":3,"file":"portfolio-98f1bd18.js","sources":["../../src/components/contextual/pages/vebal/cross-chain-boost/ProceedToSyncModal.vue","../../src/components/contextual/pages/vebal/cross-chain-boost/CheckpointAllGaugesModal.vue","../../src/components/contextual/pages/pools/StakedPoolsTable.vue","../../src/components/contextual/pages/pools/UnstakedPoolsTable.vue","../../src/components/contextual/pages/pools/VeBalPoolTable.vue","../../src/components/heros/AppHero.vue","../../src/components/heros/HeroConnectWalletButton.vue","../../src/components/heros/PortfolioPageHero.vue","../../src/pages/portfolio.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport configs from '@/lib/config';\nimport { Network } from '@/lib/config/types';\nimport BalModal from '@/components/_global/BalModal/BalModal.vue';\nimport useNetwork from '@/composables/useNetwork';\n\ntype Props = {\n  isVisible: boolean;\n};\ndefineProps<Props>();\ndefineEmits(['close']);\n\nconst { networkId, getNetworkSlug } = useNetwork();\n</script>\n\n<template>\n  <BalModal ref=\"redirectModal\" :show=\"isVisible\" @close=\"$emit('close')\">\n    <template #header>\n      <h3>\n        {{ $t('modals.veBalRedirectModal.title') }}\n      </h3>\n    </template>\n    <div class=\"flex flex-col text-left\">\n      <p class=\"mb-5 whitespace-pre-line\">\n        The sync veBAL operation needs to be performed on Ethereum Mainnet,\n        since that is where your veBAL balance lives.\n      </p>\n\n      <p class=\"mb-5 whitespace-pre-line\">\n        Ethereum Mainnet to {{ configs[networkId].chainName }} will enable you\n        to get boosted APR’s for any pools where you stake in the new\n        boost-aware gauges.\n      </p>\n      <BalBtn\n        label=\"Go to Ethereum Mainnet\"\n        color=\"gradient\"\n        @click=\"\n          $router.push({\n            name: 'vesymm',\n            params: { networkSlug: getNetworkSlug(Network.MAINNET) },\n          })\n        \"\n      />\n    </div>\n  </BalModal>\n</template>\n","<script setup lang=\"ts\">\nimport useTransactions from '@/composables/useTransactions';\nimport useWeb3 from '@/services/web3/useWeb3';\nimport { useUserStaking } from '@/providers/local/user-staking.provider';\nimport useEthers from '@/composables/useEthers';\n\ninterface Props {\n  isVisible?: boolean;\n  shouldPokePoolsMap: Record<string, string>;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  isVisible: false,\n});\n\nconst emit = defineEmits(['close', 'success']);\n\nconst { checkpointAllGauges } = useUserStaking();\nconst { addTransaction } = useTransactions();\nconst { isMismatchedNetwork } = useWeb3();\nconst { txListener } = useEthers();\n\nconst showCloseBtn = ref(false);\n\nasync function pokeAllGauges() {\n  try {\n    const tx = await checkpointAllGauges(\n      Object.values(props.shouldPokePoolsMap)\n    );\n\n    addTransaction({\n      id: tx.hash,\n      type: 'tx',\n      action: 'userGaugeCheckpoint',\n      summary: '',\n    });\n\n    await txListener(tx, {\n      onTxConfirmed: async () => {\n        emit('success');\n      },\n      onTxFailed: () => {\n        console.error('Tx failed');\n      },\n    });\n\n    return tx;\n  } catch (e) {\n    console.error(e);\n    return Promise.reject(e);\n  }\n}\n\nconst actions = [\n  {\n    label: 'Poke all gauges',\n    loadingLabel: 'Confirm poke in wallet',\n    confirmingLabel: 'Confirming poke',\n    action: async () => {\n      return pokeAllGauges();\n    },\n    stepTooltip: '',\n  },\n];\n</script>\n\n<template>\n  <BalModal\n    :show=\"isVisible\"\n    :disabled=\"isMismatchedNetwork\"\n    title=\"Poke all gauges to get boosted APRs\"\n    @close=\"emit('close')\"\n  >\n    <div class=\"flex flex-col justify-between\">\n      <div class=\"mb-12\">\n        <span class=\"mb-3\">\n          Even after syncing veBAL to an L2, pool gauges remains unaware of your\n          new balance until interacted with. This means, you are currently\n          missing out on your maximum possible boost.\n        </span>\n        <span>\n          ‘Poke gauge’ to gas-efficiently update the gauge with your new veBAL\n          balance. Otherwise, interact with a gauge to trigger the update. If\n          you already have accumulated some incentives, ‘Claim BAL’ to get your\n          incentives and trigger the update for future boosts.\n        </span>\n      </div>\n\n      <BalActionSteps\n        :actions=\"actions\"\n        primaryActionType=\"userGaugeCheckpoint\"\n        @success=\"showCloseBtn = true\"\n      />\n\n      <BalBtn\n        v-if=\"showCloseBtn\"\n        color=\"gray\"\n        outline\n        block\n        @click=\"$emit('close')\"\n      >\n        {{ $t('close') }}\n      </BalBtn>\n    </div>\n  </BalModal>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from 'vue-i18n';\nimport PoolsTable from '@/components/tables/PoolsTable/PoolsTable.vue';\nimport { isPoolBoostsEnabled } from '@/composables/useNetwork';\nimport { configService } from '@/services/config/config.service';\nimport useWeb3 from '@/services/web3/useWeb3';\nimport { useUserStaking } from '@/providers/local/user-staking.provider';\nimport { Pool } from '@/services/pool/types';\nimport { useUserPools } from '@/providers/local/user-pools.provider';\nimport StakePreviewModal from '../pool/staking/StakePreviewModal.vue';\nimport ProceedToSyncModal from '@/components/contextual/pages/vebal/cross-chain-boost/ProceedToSyncModal.vue';\nimport { providePoolStaking } from '@/providers/local/pool-staking.provider';\n\n// import PortfolioSyncTip from '../vebal/cross-chain-boost/PortfolioSyncTip.vue';\n// import { useCrossChainSync } from '@/providers/cross-chain-sync.provider';\n\nimport CheckpointGaugeModal from '../vebal/cross-chain-boost/CheckpointGaugeModal.vue';\nimport CheckpointAllGaugesModal from '../vebal/cross-chain-boost/CheckpointAllGaugesModal.vue';\nimport { PoolAction } from './types';\n/**\n * STATE\n */\nconst showUnstakeModal = ref(false);\nconst poolToUnstake = ref<Pool | undefined>();\n\nconst showRestakeModal = ref(false);\nconst poolToRestake = ref<Pool | undefined>();\n\nconst showProceedModal = ref(false);\nconst defaultPoolActions = [PoolAction.Unstake, PoolAction.Add];\n\nconst showPokeAllGaugesModal = ref(false);\n\nconst poolToCheckpoint = ref<Pool | undefined>();\nconst showCheckpointModal = ref(false);\n\n/**\n * PROVIDERS\n */\nprovidePoolStaking();\n\n/**\n * COMPOSABLES\n */\nconst {\n  stakedPools,\n  poolBoostsMap,\n  stakedShares,\n  isLoading,\n  hasNonPrefGaugesPoolsAddresses,\n  userGaugeShares,\n} = useUserStaking();\n// const { shouldPokeGauge } = useCrossChainSync();\n\nconst { refetchAllUserPools } = useUserPools();\nconst { isWalletReady, isWalletConnecting } = useWeb3();\nconst { t } = useI18n();\nconst networkName = configService.network.shortName;\n\n/**\n * COMPUTED\n */\nconst noPoolsLabel = computed(() => {\n  return isWalletReady.value || isWalletConnecting.value\n    ? t('noStakedInvestments', [networkName])\n    : t('connectYourWallet');\n});\n\nconst hiddenColumns = computed(() => {\n  const _hiddenColumns = ['poolVolume', 'migrate', 'lockEndDate', 'volume'];\n  if (!isPoolBoostsEnabled.value) _hiddenColumns.push('myBoost');\n\n  return _hiddenColumns;\n});\n\nconst poolsToRenderKey = computed(() => JSON.stringify(stakedPools.value));\n\n/**\n * METHODS\n */\nfunction handleUnstake(pool: Pool) {\n  showUnstakeModal.value = true;\n  poolToUnstake.value = pool;\n}\n\nfunction handleRestake(pool: Pool) {\n  showRestakeModal.value = true;\n  poolToRestake.value = pool;\n}\n\nfunction handleModalClose() {\n  refetchAllUserPools();\n  showUnstakeModal.value = false;\n  showRestakeModal.value = false;\n}\n\nfunction handleCheckpoint(pool: Pool) {\n  showCheckpointModal.value = true;\n  poolToCheckpoint.value = pool;\n}\n\nasync function handleUnstakeSuccess() {\n  await refetchAllUserPools();\n}\n\n// map of pool ids and pref gauges that should be poked\nconst shouldPokePoolsMap = ref<Record<string, string>>({});\n\nfunction removePoolFromPokeMap(poolAddress: string) {\n  Reflect.deleteProperty(shouldPokePoolsMap.value, poolAddress);\n}\n\nfunction resetShouldPokePoolsMap() {\n  shouldPokePoolsMap.value = {};\n}\n\nfunction onSuccessCheckpoint(poolAddress: string) {\n  showCheckpointModal.value = false;\n  poolToCheckpoint.value = undefined;\n  removePoolFromPokeMap(poolAddress);\n}\n\nwatch(\n  () => userGaugeShares.value,\n  async val => {\n    if (!val) return;\n    for (const gauge of val) {\n      try {\n        const id = gauge?.gauge.id;\n\n        if (!id) {\n          throw new Error('No gauge id');\n        }\n\n        // const shouldPoke = await shouldPokeGauge(id);\n        // if (shouldPoke) {\n        //   shouldPokePoolsMap.value[gauge.gauge.poolAddress] = id;\n        // }\n      } catch (e) {\n        console.log(e);\n      }\n    }\n  },\n  { immediate: true, deep: true }\n);\n</script>\n\n<template>\n  <div>\n    <BalStack vertical spacing=\"sm\">\n      <h5 class=\"px-4 xl:px-0\">\n        {{ $t('staking.stakedPools') }}\n      </h5>\n      <!-- <PortfolioSyncTip\n        :shouldPokePoolsMap=\"shouldPokePoolsMap\"\n        @show-proceed-modal=\"showProceedModal = true\"\n        @show-poke-all-gauge-modal=\"showPokeAllGaugesModal = true\"\n      /> -->\n      <PoolsTable\n        :key=\"poolsToRenderKey\"\n        :data=\"stakedPools\"\n        :shares=\"stakedShares\"\n        :boosts=\"poolBoostsMap\"\n        poolsType=\"staked\"\n        :noPoolsLabel=\"noPoolsLabel\"\n        :hiddenColumns=\"hiddenColumns\"\n        sortColumn=\"myBalance\"\n        :isLoading=\"isWalletReady && isLoading\"\n        showPoolShares\n        showActions\n        showStakeActions\n        :showBoost=\"isPoolBoostsEnabled\"\n        :defaultPoolActions=\"defaultPoolActions\"\n        :shouldPokePoolsMap=\"shouldPokePoolsMap\"\n        :hasNonPrefGaugesPoolsAddresses=\"hasNonPrefGaugesPoolsAddresses\"\n        @trigger-unstake=\"handleUnstake\"\n        @trigger-restake=\"handleRestake\"\n        @trigger-vote=\"showProceedModal = true\"\n        @trigger-checkpoint=\"handleCheckpoint\"\n      />\n    </BalStack>\n\n    <!-- Unstake modal -->\n    <StakePreviewModal\n      v-if=\"poolToUnstake\"\n      :pool=\"poolToUnstake\"\n      :isVisible=\"showUnstakeModal\"\n      action=\"unstake\"\n      @close=\"handleModalClose\"\n      @success=\"handleUnstakeSuccess\"\n    />\n\n    <!-- Restake modal -->\n    <StakePreviewModal\n      v-if=\"poolToRestake\"\n      :pool=\"poolToRestake\"\n      :isVisible=\"showRestakeModal\"\n      action=\"restake\"\n      @close=\"handleModalClose\"\n      @success=\"handleUnstakeSuccess\"\n    />\n\n    <ProceedToSyncModal\n      :isVisible=\"showProceedModal\"\n      @close=\"showProceedModal = false\"\n    />\n\n    <CheckpointAllGaugesModal\n      :shouldPokePoolsMap=\"shouldPokePoolsMap\"\n      :isVisible=\"showPokeAllGaugesModal\"\n      @close=\"showPokeAllGaugesModal = false\"\n      @success=\"resetShouldPokePoolsMap\"\n    />\n\n    <CheckpointGaugeModal\n      :poolAddress=\"poolToCheckpoint?.address\"\n      :isVisible=\"showCheckpointModal\"\n      @close=\"showCheckpointModal = false\"\n      @success=\"onSuccessCheckpoint\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from 'vue-i18n';\nimport PoolsTable from '@/components/tables/PoolsTable/PoolsTable.vue';\nimport { configService } from '@/services/config/config.service';\nimport { Pool } from '@/services/pool/types';\nimport useWeb3 from '@/services/web3/useWeb3';\nimport { useUserPools } from '@/providers/local/user-pools.provider';\nimport StakePreviewModal from '@/components/contextual/pages/pool/staking/StakePreviewModal.vue';\nimport { providePoolStaking } from '@/providers/local/pool-staking.provider';\nimport { PoolAction } from './types';\nimport { isVeBalSupported } from '@/composables/useVeBAL';\n\n/**\n * STATE\n */\nconst showStakeModal = ref(false);\nconst stakePool = ref<Pool | undefined>();\nconst networkName = configService.network.shortName;\nconst hiddenColumns = ['apr', 'poolVolume', 'migrate', 'lockEndDate', 'volume'];\n\n/**\n * PROVIDERS\n */\nprovidePoolStaking();\n\n/**\n * COMPOSABLES\n */\nconst { isWalletReady, isWalletConnecting } = useWeb3();\nconst { t } = useI18n();\nconst {\n  unstakedPools,\n  userPoolShares,\n  refetchAllUserPools,\n  isLoading: isLoadingPools,\n} = useUserPools();\nconst defaultPoolActions = [\n  PoolAction.Stake,\n  PoolAction.Add,\n  PoolAction.Remove,\n];\n\n/**\n * COMPUTED\n */\nconst noPoolsLabel = computed(() => {\n  return isWalletReady.value || isWalletConnecting.value\n    ? t('noUnstakedInvestments', [networkName])\n    : t('connectYourWallet');\n});\n\nconst poolsToRenderKey = computed(() => JSON.stringify(unstakedPools.value));\n\n/**\n * METHODS\n */\nfunction handleStake(pool: Pool) {\n  showStakeModal.value = true;\n  stakePool.value = pool;\n}\n\nfunction handleModalClose() {\n  refetchAllUserPools();\n  showStakeModal.value = false;\n}\n\nasync function handleStakeSuccess() {\n  await refetchAllUserPools();\n}\n\nonMounted(() => {\n  refetchAllUserPools();\n});\n</script>\n\n<template>\n  <div>\n    <BalStack vertical spacing=\"sm\">\n      <h5 v-if=\"isVeBalSupported\" class=\"px-4 xl:px-0\">\n        {{ $t('staking.unstakedPools') }}\n      </h5>\n      <PoolsTable\n        :key=\"poolsToRenderKey\"\n        :isLoading=\"isWalletReady && isLoadingPools\"\n        :data=\"unstakedPools\"\n        :shares=\"userPoolShares\"\n        :noPoolsLabel=\"noPoolsLabel\"\n        sortColumn=\"myBalance\"\n        :hiddenColumns=\"hiddenColumns\"\n        :defaultPoolActions=\"defaultPoolActions\"\n        showPoolShares\n        showActions\n        @trigger-stake=\"handleStake\"\n      />\n    </BalStack>\n    <StakePreviewModal\n      v-if=\"stakePool\"\n      :pool=\"stakePool\"\n      :isVisible=\"showStakeModal\"\n      action=\"stake\"\n      @close=\"handleModalClose\"\n      @success=\"handleStakeSuccess\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nimport PoolsTable from '@/components/tables/PoolsTable/PoolsTable.vue';\nimport { useLock } from '@/composables/useLock';\nimport { VeBalLockInfo } from '@/services/balancer/contracts/contracts/veBAL';\nimport { Pool } from '@/services/pool/types';\nimport { veSymbol } from '@/composables/useNetwork';\n\n/**\n * PROPS\n */\ntype Props = {\n  lockPool: Pool;\n  lock?: VeBalLockInfo;\n};\nconst props = defineProps<Props>();\n\n/** COMPOSABLES */\nconst { totalLockedShares } = useLock();\n\nfunction proxyToObject(proxy) {\n  const obj = JSON.parse(JSON.stringify(proxy));\n  for (const key of Object.keys(obj)) {\n    if (obj[key] instanceof Object) {\n      obj[key] = proxyToObject(obj[key]);\n    }\n  }\n  return obj;\n}\n\n/** COMPUTED */\nconst lockPools = computed<Pool[]>(() => {\n  if (props.lockPool) {\n    const pool = proxyToObject({\n      ...props.lockPool,\n      lockedEndDate:\n        props.lock?.hasExistingLock && !props.lock?.isExpired\n          ? props.lock?.lockedEndDate\n          : undefined,\n    });\n    if (pool.apr && props.lock?.hasExistingLock && !props.lock?.isExpired) {\n      const currentTime = Math.floor(Date.now() / 1000); // Get current Unix timestamp\n      const startOfWeek = roundDownToThursday(currentTime); // Round down to start of the week (Thursday midnight UTC)\n      const oneYearLater = currentTime + 60 * 60 * 24 * 365; // Add one year to the current time\n      const maxLockTime = roundDownToThursday(oneYearLater); // Round down to start of the week (Thursday midnight UTC) one year later\n\n      pool.apr.max = pool.apr.max\n        ? (Math.floor(props.lock?.lockedEndDate / 1000 - startOfWeek) /\n            (maxLockTime - startOfWeek)) *\n          pool.apr.max\n        : 0;\n    }\n    return [pool];\n  }\n  return [];\n});\n\nfunction roundDownToThursday(timestamp: number): number {\n  const date = new Date(timestamp * 1000); // Convert Unix timestamp to milliseconds\n  const day = date.getUTCDay(); // Get the day of the week (0 - Sunday, 1 - Monday, ..., 6 - Saturday)\n  const daysToThursday = (day + 7 - 4) % 7; // Calculate the number of days to Thursday (4 - Thursday)\n  date.setUTCDate(date.getUTCDate() - daysToThursday); // Subtract the number of days to Thursday\n  date.setUTCHours(0, 0, 0, 0); // Set the time to midnight (00:00:00)\n  return Math.floor(date.getTime() / 1000); // Convert back to Unix timestamp in seconds\n}\n\nconst poolShares = computed(\n  (): Record<string, string> => ({\n    [props.lockPool.id]: totalLockedShares.value,\n  })\n);\n\nconst poolsToRenderKey = computed(() => JSON.stringify(lockPools.value));\n\nconst hiddenColumns = ['poolVolume', 'migrate', 'actions', 'myBoost'];\n</script>\n\n<template>\n  <div>\n    <BalStack vertical spacing=\"sm\">\n      <h5 class=\"px-4 xl:px-0\">\n        {{ $t('veBalProtocolLiquidity', { veSymbol }) }}\n      </h5>\n      <PoolsTable\n        :key=\"poolsToRenderKey\"\n        :data=\"lockPools\"\n        :shares=\"poolShares\"\n        :hiddenColumns=\"hiddenColumns\"\n        sortColumn=\"myBalance\"\n        showPoolShares\n      />\n    </BalStack>\n  </div>\n</template>\n","<template>\n  <div class=\"app-hero\">\n    <div class=\"mx-auto w-full max-w-lg\">\n      <slot />\n    </div>\n  </div>\n</template>\n\n<style>\n.app-hero {\n  @apply bg-cover bg-center flex items-center justify-center text-center px-4;\n\n  transition: all 0.3s ease-in-out;\n  background-image: url('/images/backgrounds/bg-header.svg');\n}\n</style>\n","<script lang=\"ts\" setup>\nimport useDarkMode from '@/composables/useDarkMode';\nimport useFathom from '@/composables/useFathom';\nimport useWeb3 from '@/services/web3/useWeb3';\n\n/**\n * COMPOSABLES\n */\nconst { startConnectWithInjectedProvider } = useWeb3();\nconst { trackGoal, Goals } = useFathom();\nconst { darkMode } = useDarkMode();\n\n/**\n * METHODS\n */\nfunction onClickConnect() {\n  startConnectWithInjectedProvider();\n  trackGoal(Goals.ClickHeroConnectWallet);\n}\n</script>\n\n<template>\n  <BalBtn :color=\"darkMode ? 'blue' : 'white'\" @click=\"onClickConnect\">\n    {{ $t('connectWallet') }}\n  </BalBtn>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed } from 'vue';\n\nimport AppHero from '@/components/heros/AppHero.vue';\n// import { useLock } from '@/composables/useLock';\n// import useNetwork from '@/composables/useNetwork';\nimport useNumbers, { FNumFormats } from '@/composables/useNumbers';\nimport useWeb3 from '@/services/web3/useWeb3';\n\nimport HeroConnectWalletButton from './HeroConnectWalletButton.vue';\nimport { useUserPools } from '@/providers/local/user-pools.provider';\n// import { isVeBalSupported } from '@/composables/useVeBAL';\nimport ProceedToSyncModal from '../contextual/pages/vebal/cross-chain-boost/ProceedToSyncModal.vue';\n// import configs from '@/lib/config';\n// import { Network } from '@/lib/config/types';\n// import {\n//   useCrossChainSync,\n//   veBalSyncSupportedNetworks,\n// } from '@/providers/cross-chain-sync.provider';\n// import { NetworkSyncState } from '@/providers/cross-chain-sync.provider';\n\n/**\n * COMPOSABLES\n */\nconst showProceedModal = ref(false);\nconst { fNum } = useNumbers();\nconst { isWalletReady, isWalletConnecting } = useWeb3();\nconst { totalFiatValue, isLoading: isLoadingPools } = useUserPools();\n// const { totalLockedValue } = useLock();\n// const { networkId } = useNetwork();\n// const { networksSyncState } = useCrossChainSync();\n/**\n * COMPUTED\n */\nconst classes = computed(() => ({\n  ['h-48']: !isWalletReady.value && !isWalletConnecting.value,\n  ['h-44']: isWalletReady.value || isWalletConnecting.value,\n}));\n\nconst totalInvestedLabel = computed((): string =>\n  fNum(totalFiatValue.value, FNumFormats.fiat)\n);\n\n// const totalVeBalLabel = computed((): string =>\n//   fNum(totalLockedValue.value, FNumFormats.fiat)\n// );\n\nconst isLoadingTotalValue = computed((): boolean => isLoadingPools.value);\n\n// const showVeBalBalanceTooltip = computed(() => {\n//   if (!veBalSyncSupportedNetworks.includes(networkId.value)) {\n//     return false;\n//   }\n\n//   if (networksSyncState.value[networkId.value] === NetworkSyncState.Synced) {\n//     return false;\n//   }\n\n//   return true;\n// });\n\n// const veBalBalanceTooltip = computed(() => {\n//   return `Sync your veBAL balance from Ethereum Mainnet (L1) to ${\n//     configs[networkId.value].chainName\n//   } to get your max staking boost. Sync via the veBAL page on L1. Note: If you have just synced on L1, it may take up to an hour to display here.`;\n// });\n</script>\n\n<template>\n  <AppHero :class=\"classes\">\n    <h1\n      class=\"mb-2 font-body text-base font-medium text-white opacity-90\"\n      v-text=\"$t('myBalancerBalance')\"\n    />\n\n    <template v-if=\"isWalletReady || isWalletConnecting\">\n      <BalLoadingBlock\n        v-if=\"isLoadingTotalValue\"\n        class=\"mx-auto w-40 h-10\"\n        white\n      />\n      <div v-else class=\"mb-1 text-3xl font-semibold text-white\">\n        {{ totalInvestedLabel }}\n      </div>\n      <!-- <div v-if=\"!isVeBalSupported\" class=\"relative inline-block mt-2\">\n        <BalLoadingBlock\n          v-if=\"isLoadingTotalValue || isLoadingSyncState\"\n          class=\"w-40 h-8 mx-auto\"\n          white\n        />\n        <div\n          v-else\n          class=\"flex items-center h-8 px-3 text-sm font-medium text-yellow-500 transition-colors border border-yellow-500 rounded-tr rounded-bl cursor-pointer group hover:text-white focus:text-white vebal-banner\"\n          @click=\"showProceedModal = true\"\n        >\n          <span\n            v-if=\"\n              networkId !== Network.MAINNET &&\n              Number(l2VeBalBalances?.[networkId]) > 0\n            \"\n          >\n            {{ l2VeBalBalances?.[networkId] }}\n            {{ $t('veBAL.hero.tokens.veBAL') }}\n          </span>\n          <span v-else-if=\"totalLockedValue === '0'\"\n            >{{ totalLockedValue }} {{ $t('veBAL.hero.tokens.veBAL') }}</span\n          >\n          <span v-else>{{ $t('inclXInVeBal', [totalVeBalLabel]) }}</span>\n\n          <BalTooltip\n            v-if=\"showVeBalBalanceTooltip\"\n            :text=\"veBalBalanceTooltip\"\n          >\n            <template #activator>\n              <img\n                src=\"/src/assets/images/icons/frame-loading.svg\"\n                alt=\"\"\n                class=\"rounded-full\"\n              />\n            </template>\n          </BalTooltip>\n        </div>\n      </div> -->\n    </template>\n    <template v-else>\n      <div class=\"text-3xl font-semibold text-white\">\n        {{ fNum('0', FNumFormats.fiat) }}\n      </div>\n      <HeroConnectWalletButton class=\"mt-4\" />\n    </template>\n\n    <ProceedToSyncModal\n      :isVisible=\"showProceedModal\"\n      @close=\"showProceedModal = false\"\n    />\n  </AppHero>\n</template>\n\n<style>\n.vebal-banner::before {\n  @apply border border-yellow-500;\n\n  content: '';\n  width: 16px;\n  height: 6px;\n  left: 0;\n  top: -5px;\n  position: absolute;\n  border-top-left-radius: 8px;\n}\n\n.vebal-banner::after {\n  @apply border border-yellow-500;\n\n  content: '';\n  width: 16px;\n  height: 6px;\n  bottom: -5px;\n  right: 0;\n  position: absolute;\n  border-bottom-right-radius: 8px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport StakedPoolsTable from '@/components/contextual/pages/pools/StakedPoolsTable.vue';\nimport UnstakedPoolsTable from '@/components/contextual/pages/pools/UnstakedPoolsTable.vue';\nimport VeBalPoolTable from '@/components/contextual/pages/pools/VeBalPoolTable.vue';\nimport PortfolioPageHero from '@/components/heros/PortfolioPageHero.vue';\nimport { useLock } from '@/composables/useLock';\nimport { providerUserPools } from '@/providers/local/user-pools.provider';\nimport { provideUserStaking } from '@/providers/local/user-staking.provider';\nimport UserInvestedInAffectedPoolAlert from '@/pages/recovery-exit/UserInvestedInAffectedPoolAlert.vue';\nimport { isVeBalSupported } from '@/composables/useVeBAL';\n\n/**\n * PROVIDERS\n */\nconst userStaking = provideUserStaking();\nproviderUserPools(userStaking);\n\n/**\n * COMPOSABLES\n */\nconst { lockPool, lock } = useLock();\n</script>\n\n<template>\n  <div>\n    <PortfolioPageHero />\n    <div class=\"xl:container xl:px-4 pt-10 md:pt-12 xl:mx-auto\">\n      <BalStack vertical>\n        <UserInvestedInAffectedPoolAlert />\n        <div class=\"px-4 xl:px-0\">\n          <BalStack horizontal justify=\"between\" align=\"center\">\n            <h3>{{ $t('myLiquidityInBalancerPools') }}</h3>\n          </BalStack>\n        </div>\n        <BalStack vertical spacing=\"2xl\">\n          <UnstakedPoolsTable />\n          <StakedPoolsTable v-if=\"isVeBalSupported\" />\n          <VeBalPoolTable\n            v-if=\"lockPool && Number(lock?.lockedAmount) > 0\"\n            :lock=\"lock\"\n            :lockPool=\"lockPool\"\n          />\n        </BalStack>\n      </BalStack>\n    </div>\n  </div>\n</template>\n"],"names":["networkId","getNetworkSlug","useNetwork","checkpointAllGauges","useUserStaking","addTransaction","useTransactions","isMismatchedNetwork","useWeb3","txListener","useEthers","showCloseBtn","ref","pokeAllGauges","tx","props","emit","actions","showUnstakeModal","poolToUnstake","showRestakeModal","poolToRestake","showProceedModal","defaultPoolActions","PoolAction","showPokeAllGaugesModal","poolToCheckpoint","showCheckpointModal","providePoolStaking","stakedPools","poolBoostsMap","stakedShares","isLoading","hasNonPrefGaugesPoolsAddresses","userGaugeShares","refetchAllUserPools","useUserPools","isWalletReady","isWalletConnecting","t","useI18n","networkName","configService","noPoolsLabel","computed","hiddenColumns","_hiddenColumns","isPoolBoostsEnabled","poolsToRenderKey","handleUnstake","pool","handleRestake","handleModalClose","handleCheckpoint","handleUnstakeSuccess","shouldPokePoolsMap","removePoolFromPokeMap","poolAddress","resetShouldPokePoolsMap","onSuccessCheckpoint","watch","val","gauge","e","showStakeModal","stakePool","unstakedPools","userPoolShares","isLoadingPools","handleStake","handleStakeSuccess","onMounted","totalLockedShares","useLock","proxyToObject","proxy","obj","key","lockPools","_a","_b","_c","_d","_e","currentTime","startOfWeek","roundDownToThursday","oneYearLater","maxLockTime","_f","timestamp","date","daysToThursday","poolShares","_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","startConnectWithInjectedProvider","trackGoal","Goals","useFathom","darkMode","useDarkMode","onClickConnect","fNum","useNumbers","totalFiatValue","classes","totalInvestedLabel","FNumFormats","isLoadingTotalValue","userStaking","provideUserStaking","providerUserPools","lockPool","lock"],"mappings":"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"}