TESTNET | NEAR Transaction 3TeeTC7a9i21mdaRdFbdzNYDje8TSEUCDKJusHGunSX9

"": "const label = props.label ?? \\\"Label\\\";\\nconst noLabel = props.noLabel ?? false;\\nconst placeholder = props.placeholder ?? \\\"Select an option\\\";\\nconst value = props.value ?? \\\"\\\";\\nconst options = props.options ?? [];\\nconst width = props.width ?? 171;\\nconst onChange = props.onChange ?? (() => {});\\nconst error = props.error ?? \\\"\\\";\\n\\nconst Container = styled.div`\\n gap: 0.45em;\\n height: 100%;\\n display: flex;\\n width: ${width}px;\\n flex-direction: column;\\n align-items: flex-start;\\n justify-content: flex-start;\\n`;\\n\\nconst Label = styled.label`\\n font-style: normal;\\n font-weight: 400;\\n font-size: 0.95em;\\n line-height: 1.25em;\\n color: #344054;\\n`;\\n\\nconst Error = styled.span`\\n display: inline-block;\\n font-style: normal;\\n font-weight: 400;\\n font-size: 0.75em;\\n line-height: 1.25em;\\n color: #ff4d4f;\\n height: 0;\\n overflow: hidden;\\n transition: height 0.3s ease-in-out;\\n\\n &.show {\\n height: 1.25em;\\n }\\n`;\\n\\nconst Input = styled.div`\\n gap: 0.5em;\\n width: 100%;\\n height: 100%;\\n display: flex;\\n color: #121212;\\n font-size: 12px;\\n font-weight: 600;\\n border-radius: 6px;\\n line-height: normal;\\n align-items: center;\\n flex-direction: row;\\n background: #ffffff;\\n box-sizing: border-box;\\n text-transform: capitalize;\\n padding: 12px 18px 12px 24px;\\n justify-content: space-between;\\n border: 1px solid var(--Dark, #121212);\\n box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);\\n`;\\n\\nconst Placeholder = styled.span`\\n color: #a0a3a8;\\n`;\\n\\nconst scaleOut = styled.keyframes`\\n from {\\n transform: scaleY(0);\\n }\\n to {\\n transform: scaleY(1);\\n }\\n`;\\n\\nconst Content = styled.div`\\n display: flex;\\n flex-direction: column;\\n align-items: flex-start;\\n justify-content: flex-start;\\n padding: 0;\\n gap: 0.5em;\\n width: 100%;\\n border: 1px solid #d0d5dd;\\n border-radius: 4px;\\n background: #ffffff;\\n z-index: 3 !important;\\n font-size: 14px;\\n overflow-y: auto;\\n max-height: 400px;\\n\\n /* &[data-state=\\\"open\\\"] { */\\n /* animation: ${scaleOut} 0.2s ease-in-out; */\\n /* } */\\n /**/\\n /* &[data-state=\\\"closed\\\"] { */\\n /* animation: ${scaleOut} 0.2s ease-in-out reverse; */\\n /* } */\\n`;\\n\\nconst Viewport = styled.div`\\n display: flex;\\n flex-direction: column;\\n align-items: flex-start;\\n justify-content: flex-start;\\n padding: 0;\\n width: 100%;\\n background: var(--light_95, #F3F3F3);\\n box-shadow: 0px 4px 12px 0px rgba(140, 140, 140, 0.27);\\n`;\\n\\nconst Item = styled.button`\\n display: flex;\\n flex-direction: row;\\n font-size: 14px;\\n align-items: center;\\n justify-content: space-between;\\n padding: 0.5em 0.75em;\\n gap: 0.5em;\\n width: 100%;\\n cursor: pointer;\\n background: transparent;\\n border: none;\\n transition: background 0.2s ease-in-out;\\n width : ${width}px;\\n &:nth-child(n + 1) {\\n border-top: 1px solid #d0d5dd;\\n }\\n\\n &:hover {\\n background: #d0d5dd;\\n boder: none;\\n }\\n\\n &:focus {\\n outline: none;\\n }\\n`;\\n\\nreturn (\\n <Container className=\\\"form-select-wrapper\\\">\\n {noLabel ? <></> : <Label>{label}</Label>}\\n <Select.Root\\n value={value?.value}\\n onValueChange={(value) =>\\n onChange(options.find((option) => option.value === value))\\n }\\n >\\n <Select.Trigger asChild={true}>\\n <Input>\\n <Select.Value\\n aria-label={value.value}\\n placeholder={<Placeholder>{placeholder}</Placeholder>}\\n />\\n <Select.Icon>\\n <svg\\n width=\\\"12\\\"\\n height=\\\"8\\\"\\n viewBox=\\\"0 0 12 8\\\"\\n fill=\\\"none\\\"\\n xmlns=\\\"http://www.w3.org/2000/svg\\\"\\n >\\n <path\\n d=\\\"M1 1.5L6 6.5L11 1.5\\\"\\n stroke=\\\"currentColor\\\"\\n stroke-width=\\\"1.66667\\\"\\n stroke-linecap=\\\"round\\\"\\n stroke-linejoin=\\\"round\\\"\\n />\\n </svg>\\n </Select.Icon>\\n </Input>\\n </Select.Trigger>\\n\\n <Select.Content asChild={true} position=\\\"popper\\\">\\n <Content>\\n <Select.Viewport asChild={true}>\\n <Viewport>\\n {options.map(({ text, value }) => (\\n <Select.Item value={value} asChild={true}>\\n <Item>\\n <Select.ItemText>{text}</Select.ItemText>\\n <Select.ItemIndicator>\\n <svg\\n width=\\\"15\\\"\\n height=\\\"15\\\"\\n viewBox=\\\"0 0 15 15\\\"\\n fill=\\\"none\\\"\\n xmlns=\\\"http://www.w3.org/2000/svg\\\"\\n >\\n <path\\n d=\\\"M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z\\\"\\n fill=\\\"currentColor\\\"\\n fill-rule=\\\"evenodd\\\"\\n clip-rule=\\\"evenodd\\\"\\n />\\n </svg>\\n </Select.ItemIndicator>\\n </Item>\\n </Select.Item>\\n ))}\\n </Viewport>\\n </Select.Viewport>\\n </Content>\\n </Select.Content>\\n </Select.Root>\\n </Container>\\n);\\n",

"branch": {

"draft": null

},

"metadata": {

"platform": "jutsu.ai"

}

Transaction Details

Result:

Logs:

Result:

Logs:

Result:

Logs: