https://criffy.com/_next/static/chunks/4819.f832f7f6941abdba.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4819],{14819:(e,t,a)=>{a.r(t),a.d(t,{default:()=>w});var r=a(37876),l=a(14232),s=a(49077),n=a(49995),i=a(1122),c=a(49802),o=a(73517),d=a(31924),u=a(34350);let m=[i.b2.Saving,i.b2.Staking,i.b2.Lending,i.b2.Defi],p=({value:e,onChange:t,className:a,style:l})=>{let{t:n}=(0,s.Bd)(["earn"]);return(0,r.jsx)(u.A,{testIdPrefix:"filters-offer-type-filter-filters-offer-type",className:a,style:l,hiddenOptions:!1,placeholder:n("filters:offerType"),placeholderValue:n("filters:any"),value:e,onChange:t,options:m,getOptionLabel:e=>n(`earn:type.${e}`),getOptionValue:e=>e,bottomBtn:{children:n("filters:apply"),action:e=>t(e)}})};var f=a(71668);let x=({testIdPrefix:e,value:t,onChange:a,decimalPlaces:n})=>{let{t:i}=(0,s.Bd)(["earn","filters"]),c=(0,l.useMemo)(function(){let{min:e,max:a}=t;return e&&a?`${e}% - ${a}%`:a?`<${a}%`:e?`>${e}%`:i("filters:any")},[t.min,t.max]);return(0,r.jsx)(f.A,{testIdPrefix:e,decimalPlaces:n,placeholder:i("filters:apy.label"),minLabel:`${i("filters:apy.min")}, %`,maxLabel:`${i("filters:apy.max")}, %`,controlValue:[c],onChange:a,minValue:t.min,maxValue:t.max})};var h=a(16566),y=a(46178),g=a(54035),b=a(63706),v=a(85968),j=a(15503),N=a(43410),C=a(24962),k=a(55476);let w=({initialCurrency:e,initialPlatform:t,initialFilters:a,hideOnceCheckbox:u=!1,onDismiss:m,addAlert:f})=>{let{t:w}=(0,s.Bd)(["alerts","filters"]),[A,$]=(0,l.useState)(a?.offerTypes??null),[S,I]=(0,l.useState)({min:(0,N.dB)(a?.apy.min??""),max:(0,N.dB)(a?.apy.max??"")}),[P,B]=(0,l.useState)(a?.tvl??{min:"",max:""}),[O,V]=(0,l.useState)(a?.protocols??[]),[L,_]=(0,l.useState)(a?.platforms??(t?[t]:[])),[E,H]=(0,l.useState)(a?.blockchains??[]),[T,D]=(0,l.useState)(!1),[F,R]=(0,l.useState)(!1),[W,q]=(0,l.useState)(!1),[J,z]=(0,l.useState)(a?.currency??e??null),M=(0,l.useRef)(!1),[U,Y]=(0,l.useState)(!1),G=!A?.length||A.includes(i.b2.Defi)||A.includes(i.b2.Lending),K=G||!!a?.blockchains?.length||!!E?.length,Q=(0,l.useRef)(null);(0,l.useEffect)(()=>{if(!Q.current)return;let e=Q.current.parentNode,t=Q.current.parentNode?.parentNode;t?.offsetHeight<e.clientHeight?R(!0):R(!1)},[Q.current]),(0,l.useEffect)(()=>{if(!Q.current)return;let e=Q.current?.parentNode?.parentNode,t=()=>{q(e.scrollHeight===e.scrollTop+e.clientHeight)};return e.addEventListener("scroll",t),()=>e.removeEventListener("scroll",t)},[Q.current]);let{data:X}=(0,c.Hh)({variables:{where:{published:{equals:!0},earns:{some:{published:{equals:!0}}}},orderBy:{id:i.xB.Asc}},ssr:!1,fetchPolicy:"network-only"});async function Z(){if(!M.current&&J){M.current=!0,Y(!0);try{await f({filters:{currency:J,platforms:L,protocols:O,blockchains:E,apy:{min:(0,N.Wk)(S.min),max:(0,N.Wk)(S.max)},tvl:P,offerTypes:A},params:{...T?{notificationLimit:1}:{}}})}finally{M.current=!1,Y(!1)}}}return(0,r.jsx)(k.Popup,{testIdPrefix:"alerts-alerts-popup-alerts-create",onDismiss:()=>{M.current||m()},dismissDisabled:U,closeOutside:!1,title:w("alerts:create.title"),className:"md:max-w-[500px]",children:(0,r.jsxs)("div",{className:(0,n.A)("flex h-full grow flex-col px-4 md:max-w-[500px] md:px-0","pb-20 md:pb-16"),ref:Q,children:[(0,r.jsxs)("div",{className:"max-h-full pb-2",children:[(0,r.jsx)("div",{className:"mb-6 text-sm font-semibold md:text-base",children:w("alerts:create.chooseCryptocurrency")}),(0,r.jsx)(j.A,{testIdPrefix:"alerts-create-currency",variant:"default",options:X?.currencies?.nodes??[],value:J,placeholder:w("alerts:searchCrypto"),className:"mb-6",onChange:z}),(0,r.jsx)("div",{className:"mb-6 text-sm font-semibold md:text-base",children:w("alerts:create.specifyCriteria")}),(0,r.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,r.jsx)(p,{onChange:$,value:A}),(0,r.jsx)(x,{testIdPrefix:"alerts-create-apy-filter",decimalPlaces:8,value:S,onChange:I}),(0,r.jsx)(g.A,{onChange:_,value:L,placeholderValue:w("filters:any")}),G&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"text-sm",children:w("filters:defiCriteria")}),(0,r.jsx)(h.A,{testIdPrefix:"alerts-create-tvl-filter",value:P,onChange:B,placeholderValue:w("filters:any")}),(0,r.jsx)(y.A,{onChange:V,value:O,placeholderValue:w("filters:any")})]}),K&&(0,r.jsx)(d.A,{testIdPrefix:"alerts-create-blockchain-filter",onChange:H,value:E,placeholderValue:w("filters:any")})]}),!u&&(0,r.jsx)("div",{className:"mt-6 flex items-start",children:(0,r.jsx)(v.A,{"data-test-id":"alerts-alerts-popup-send-once-checkbox",id:"sendOnce",onChange:()=>D(e=>!e),value:T,className:"flex items-end",children:(0,r.jsxs)("div",{className:"relative flex cursor-pointer gap-1 text-sm leading-4",children:[(0,r.jsx)("label",{htmlFor:"sendOnce",className:"cursor-pointer",children:w("alerts:create.sendOnce")}),(0,r.jsx)(C.A,{tooltip:w("alerts:create.sendOnceTooltip"),children:(0,r.jsx)(o.A,{className:"h-4 w-4 text-gray-1000"})})]})})})]}),(0,r.jsx)("div",{className:(0,n.A)("fixed left-0 right-0 bottom-0 mt-auto bg-white p-4 md:mx-auto md:max-w-[500px] md:px-9 md:pb-8",F&&!W?"md:border-gary-100 shadow-[0_-10px_20px_rgba(0,0,0,0.1)]":"border-gary-100 md:border-transparent"),children:(0,r.jsx)(b.Ay,{"data-test-id":"alerts-alerts-popup-alerts-create-primary-button",onClick:Z,color:"primary",size:"sm",disabled:!J||U,busy:U,"data-gtm":"create-alert-filters",children:w("alerts:create.title")})})]})})}},15503:(e,t,a)=>{a.d(t,{A:()=>

1o});var r=a(37876),l=a(49077),s=a(49995),n=a(84049),i=a(38532),c=a(67555);let o=({options:e,value:t,placement:a,onChange:o,button:d,variant:u="round",showSearchIcon:m=!0,placeholder:p,loading:f,active:x,testIdPrefix:h,style:y,className:g})=>{let{t:b}=(0,l.Bd)(["earn","common"]);return(0,r.jsx)(i.A,{testIdPrefix:h,variant:u,placeholder:(0,r.jsxs)("span",{className:(0,s.A)("grid w-full min-w-0 items-center",m?"grid-cols-[auto_minmax(0,1fr)] gap-2":"grid-cols-[minmax(0,1fr)]"),children:[m&&(0,r.jsx)(n.A,{width:24,className:"text-gray-1000"}),(0,r.jsx)("span",{className:"truncate",children:p||b("earn:filters.currency.placeholder")})]}),options:e,value:t,onChange:o,optionAs:e=>(0,r.jsx)(c.A,{currency:e,showCurrencyName:!0}),getOptionLabel:e=>e.symbol,getOptionValue:e=>e.id.toString(),getOptionSearchString:e=>`${e.name} ${e.symbol}`,isClearable:!0,style:y,className:g,button:d,placement:a,showNoResult:!0,loading:f,active:x})}},18402:(e,t,a)=>{a.d(t,{s:()=>l});var r=a(79350);let l=(0,r.J1)`
2  fragment pageInfo on PageInfo {
3    skip
4    take
5    total
6  }
7`},49802:(e,t,a)=>{a.d(t,{Hh:()=>d,PY:()=>u});var r=a(79350),l=a(18402),s=a(74418),n=a(27250),i=a(78248);let c={},o=(0,r.J1)`
8  query getCurrencies(
9    $where: CurrencyWhereInput
10    $orderBy: CurrencyOrderByWithRelationInput
11    $skip: Float
12    $take: Float
13  ) {
14    currencies(where: $where, orderBy: $orderBy, skip: $skip, take: $take) {
15      pageInfo {
16        ...pageInfo
17      }
18      nodes {
19        ...currency
20      }
21    }
22  }
23  ${l.s}
24  ${s.U}
25`;function d(e){let t={...c,...e};return n.IT(o,t)}function u(e){let t={...c,...e};return i._(o,t)}}}]);