TESTNET | NEAR Transaction 9DrMgnc1VVCjfrRCxo9QJismbFHrR36FPJmHYYfUt84i

Receipt:

7x2zoqWZXUEJ76LwkxG6Z5PnSd9pspbirWgRAdmoRGM2

Status:

Success

Block:

149,350,399

Timestamp:

From:

ghostfi.testnet(ed25519:77x9APaZ4MgzPUuRhm4vcuffutfrSPfkBYFoTL6KMyTj)

To:

v1.social08.testnet

Value:

0 Ⓝ

Burnt Gas:

9.172 Tgas

Burnt Tokens:

0.000917 Ⓝ

Actions:

Called method set in contract v1.social08.testnet

{

"data": {

"ghostfi.testnet": {

"widget": {

"GhostFi": {

"": "// let { accountId } = props;\\n// accountId = accountId ?? context.accountId;\\nconst accountId = context.accountId;\\n\\nconst RPC_URL = \\\"https://rpc.testnet.near.org\\\";\\n\\nconst storageBaseEndpoint = Storage.get(\\\"baseEndpoint\\\");\\nconst [baseEndpoint, setBaseEndpoint] = useState(\\\"\\\");\\nconst [isDemoMode, setIsDemoMode] = useState(false);\\nconst [isSettingBaseEndpoint, setIsSettingBaseEndpoint] = useState(false);\\nconst [isProcessingApproval, setIsProcessingApproval] = useState(false);\\nconst [isAccountVerified, setIsAccountVerified] = useState(null);\\nconst [isApproved, setIsApproved] = useState(false);\\nconst [approvedNearAmount, setApprovedNearAmount] = useState(0);\\nconst [preApprovedNearAmount, setPreApprovedNearAmount] = useState(0);\\nconst [nearInputValue, setNearInputValue] = useState(\\\"\\\");\\nconst [nearInputAmount, setNearInputAmount] = useState(0);\\nconst [nearInputValueIsInvalid, setNearInputValueIsInvalid] = useState(false);\\nconst [currentNearBalance, setCurrentNearBalance] = useState(null);\\nconst [isClaimingLoan, setIsClaimingLoan] = useState(false);\\nconst [claimingLoanProgress, setClaimingLoanProgress] = useState(0);\\nconst [claimedLoan, setClaimedLoan] = useState(null);\\nconst [publicKey, setPublicKey] = useState(null);\\nconst [preApprovalFailed, setPreApprovalFailed] = useState(false);\\nconst [approvalFailed, setApprovalFailed] = useState(false);\\nconst [claimFailed, setClaimFailed] = useState(false);\\nconst [proofData, setProofData] = useState(null);\\nconst percentageOfMaxNearAmount =\\n Math.floor((nearInputAmount / preApprovedNearAmount) * 1000) / 10;\\nconst claimProgressDelaySeconds = 4;\\n\\nconst formatNumber = (number, decimalPlaces) => {\\n decimalPlaces = decimalPlaces ?? 2;\\n\\n if (number === \\\"\\\" || number === null || number === undefined) return \\\"\\\";\\n\\n const pattern = /(-?\\\\d+)(\\\\d{3})/;\\n const segments = number.toString().split(\\\".\\\");\\n let integer = segments[0];\\n const decimal = segments[1];\\n\\n while (pattern.test(integer)) {\\n integer = integer.toString().replace(pattern, \\\"$1,$2\\\");\\n }\\n\\n if (decimal) return `${integer || \\\"0\\\"}.${decimal.slice(0, decimalPlaces)}`;\\n\\n return integer;\\n};\\n\\nconst handleNearInput = (e) => {\\n setNearInputAmount(Number(e.target.value.replace(/[^0-9]/g, \\\"\\\")) || 0);\\n setNearInputValue(e.target.value.replace(/[^0-9,]/g, \\\"\\\"));\\n setNearInputValueIsInvalid(false);\\n};\\n\\nconst handleNearInputKeyDown = (e) => {\\n if (e.key.toLowerCase() === \\\"enter\\\") {\\n submitForApproval();\\n }\\n};\\n\\nconst onSocialPostVerification = (isVerified) => {\\n setIsAccountVerified(isVerified);\\n};\\n\\nconst submitForApproval = () => {\\n if (!nearInputAmount || nearInputAmount > preApprovedNearAmount) {\\n setNearInputValueIsInvalid(true);\\n return;\\n }\\n\\n setIsProcessingApproval(true);\\n\\n if (isDemoMode) {\\n setTimeout(() => {\\n setProofData({});\\n setApprovedNearAmount(nearInputAmount);\\n setIsApproved(true);\\n setIsProcessingApproval(false);\\n }, 1000);\\n\\n return;\\n }\\n\\n asyncFetch(`${baseEndpoint}/prove`, {\\n method: \\\"POST\\\",\\n headers: {\\n \\\"Content-Type\\\": \\\"application/json\\\",\\n },\\n body: JSON.stringify({\\n public_key: publicKey,\\n requested_amount: nearInputAmount,\\n params: [\\n {\\n Simple: {\\n balance: currentNearBalance,\\n },\\n },\\n ],\\n }),\\n })\\n .then((r) => {\\n if (!r.ok) throw r;\\n setProofData(r.body);\\n setApprovedNearAmount(nearInputAmount);\\n setIsApproved(true);\\n })\\n .catch((error) => {\\n setApprovalFailed(true);\\n console.log(error);\\n })\\n .finally(() => {\\n setIsProcessingApproval(false);\\n });\\n};\\n\\nconst startOver = () => {\\n setClaimingLoanProgress(0);\\n setIsClaimingLoan(false);\\n setIsApproved(false);\\n setApprovedNearAmount(0);\\n setClaimedLoan(null);\\n};\\n\\nconst claimLoan = () => {\\n setClaimingLoanProgress(0);\\n setIsClaimingLoan(true);\\n\\n if (isDemoMode) {\\n setTimeout(() => {\\n setClaimingLoanProgress(100);\\n\\n setTimeout(() => {\\n setCurrentNearBalance((current) => current + approvedNearAmount);\\n setClaimedLoan({\\n toName: accountId,\\n nearAmount: approvedNearAmount,\\n date: new Date(),\\n });\\n setIsClaimingLoan(false);\\n }, claimProgressDelaySeconds * 1000);\\n }, 200);\\n\\n return;\\n }\\n\\n asyncFetch(`${baseEndpoint}/verify`, {\\n method: \\\"POST\\\",\\n headers: {\\n \\\"Content-Type\\\": \\\"application/json\\\",\\n },\\n body: JSON.stringify({\\n ...proofData,\\n account_id: accountId,\\n }),\\n })\\n .then((r) => {\\n if (!r.ok) throw r;\\n\\n setCurrentNearBalance((current) => current + approvedNearAmount);\\n setClaimedLoan({\\n toName: accountId,\\n nearAmount: approvedNearAmount,\\n date: new Date(),\\n });\\n })\\n .catch((error) => {\\n setClaimFailed(true);\\n console.log(error);\\n })\\n .finally(() => {\\n setIsClaimingLoan(false);\\n });\\n\\n // TODO: Update loading logic and UI...\\n setTimeout(() => {\\n setClaimingLoanProgress(100);\\n }, 200); // This short delay allows the transition to work\\n};\\n\\nconst convertYoctoToNear = (value) => {\\n if (!value) return \\\"0\\\";\\n\\n if (value.length <= 24) {\\n let paddingLeftCount = 24 - value.length;\\n\\n while (paddingLeftCount > 0) {\\n value = \\\"0\\\" + value;\\n paddingLeftCount--;\\n }\\n\\n value = \\\"0.\\\" + value.substring(0, decimalCount);\\n } else {\\n const leftOfPeriod = value.substring(0, value.length - 24);\\n const rightOfPeriod = value.substring(value.length - 24);\\n value = leftOfPeriod + \\\".\\\" + rightOfPeriod.substring(0, decimalCount);\\n }\\n\\n const strippedZeros = value.match(/^0*(\\\\d+(?:\\\\.(?:(?!0+$)\\\\d)+)?)/);\\n if (strippedZeros && strippedZeros[1]) value = strippedZeros[1];\\n\\n if (value === \\\"0\\\") {\\n return \\\"<0.00001\\\";\\n }\\n\\n return value;\\n};\\n\\nconst saveBaseEndpoint = () => {\\n if (baseEndpoint) {\\n Storage.set(\\\"baseEndpoint\\\", baseEndpoint);\\n setIsSettingBaseEndpoint(false);\\n setIsDemoMode(false);\\n startOver();\\n }\\n};\\n\\nconst saveDemoMode = () => {\\n startOver();\\n setIsDemoMode(true);\\n setIsSettingBaseEndpoint(false);\\n setApprovalFailed(false);\\n setPreApprovalFailed(false);\\n};\\n\\nconst handleBaseEndpointInputKeyDown = (e) => {\\n if (e.key.toLowerCase() === \\\"enter\\\") {\\n saveBaseEndpoint();\\n }\\n};\\n\\nuseEffect(() => {\\n asyncFetch(RPC_URL, {\\n method: \\\"POST\\\",\\n headers: {\\n \\\"Content-Type\\\": \\\"application/json\\\",\\n },\\n body: JSON.stringify({\\n jsonrpc: \\\"2.0\\\",\\n id: \\\"dontcare\\\",\\n method: \\\"query\\\",\\n params: {\\n request_type: \\\"view_account\\\",\\n finality: \\\"final\\\",\\n account_id: accountId,\\n },\\n }),\\n }).then((response) => {\\n const balance = Math.floor(\\n Number(convertYoctoToNear(response?.body?.result.amount))\\n );\\n setCurrentNearBalance(balance);\\n\\n const approximateLoanMax = Math.floor(balance * 4);\\n setNearInputValue(formatNumber(approximateLoanMax));\\n setNearInputAmount(approximateLoanMax);\\n setPreApprovedNearAmount(approximateLoanMax);\\n });\\n}, []);\\n\\nuseEffect(() => {\\n asyncFetch(RPC_URL, {\\n method: \\\"POST\\\",\\n headers: {\\n \\\"Content-Type\\\": \\\"application/json\\\",\\n },\\n body: JSON.stringify({\\n jsonrpc: \\\"2.0\\\",\\n id: \\\"dontcare\\\",\\n method: \\\"query\\\",\\n params: {\\n request_type: \\\"view_access_key_list\\\",\\n finality: \\\"final\\\",\\n account_id: accountId,\\n },\\n }),\\n }).then((r) => {\\n const fullAccessKey = r.body.result.keys.find(\\n (key) => key.access_key.permission === \\\"FullAccess\\\"\\n );\\n setPublicKey(fullAccessKey.public_key);\\n });\\n}, []);\\n\\nuseEffect(() => {\\n if (\\n !publicKey ||\\n !baseEndpoint ||\\n !currentNearBalance ||\\n !preApprovedNearAmount ||\\n !isAccountVerified ||\\n isDemoMode\\n ) {\\n setPreApprovalFailed(false);\\n return;\\n }\\n\\n asyncFetch(`${baseEndpoint}/prove/verify`, {\\n method: \\\"POST\\\",\\n headers: {\\n \\\"Content-Type\\\": \\\"application/json\\\",\\n },\\n body: JSON.stringify({\\n account_id: accountId,\\n public_key: publicKey,\\n requested_amount: preApprovedNearAmount,\\n params: [\\n {\\n Simple: {\\n balance: currentNearBalance,\\n },\\n },\\n ],\\n }),\\n })\\n .then((r) => {\\n if (!r.ok) throw r;\\n })\\n .catch((error) => {\\n setPreApprovalFailed(true);\\n console.log(error);\\n });\\n}, [\\n isDemoMode,\\n isAccountVerified,\\n publicKey,\\n baseEndpoint,\\n currentNearBalance,\\n preApprovedNearAmount,\\n]);\\n\\nuseEffect(() => {\\n if (storageBaseEndpoint) {\\n setBaseEndpoint(storageBaseEndpoint);\\n } else {\\n setIsSettingBaseEndpoint(true);\\n }\\n}, [storageBaseEndpoint]);\\n\\nconst Wrapper = styled.div`\\n --input-height: 52px;\\n display: flex;\\n flex-direction: column;\\n gap: 2rem;\\n max-width: 878px;\\n margin: 0 auto;\\n padding: 2rem 0;\\n\\n hr {\\n border-color: var(--sand9);\\n width: 100%;\\n }\\n`;\\n\\nconst Header = styled.div`\\n display: flex;\\n align-items: center;\\n gap: 1rem;\\n\\n h1 {\\n margin-right: auto;\\n }\\n`;\\n\\nconst Text = styled.p`\\n font: var(--${(p) => p.size ?? \\\"text-base\\\"});\\n font-weight: ${(p) => p.weight} !important;\\n color: var(--${(p) => p.color ?? \\\"sand12\\\"});\\n margin: 0;\\n`;\\n\\nconst Label = styled.p`\\n font: var(--text-s);\\n font-weight: 600;\\n color: var(--sand12);\\n padding: 0.4rem 0.75rem;\\n border-radius: 8px;\\n border: 2px solid var(--sand5);\\n background: var(--sand1);\\n margin: 0;\\n`;\\n\\nconst Card = styled.div`\\n display: flex;\\n flex-direction: column;\\n gap: 1rem;\\n padding: 4rem;\\n border-radius: 8px;\\n border: 2px solid var(--sand5);\\n background: var(--sand1);\\n position: relative;\\n overflow: hidden;\\n animation: showCard 600ms;\\n\\n @keyframes showCard {\\n from {\\n opacity: 0;\\n transform: scale(0.75, 0.75);\\n }\\n to {\\n opacity: 1;\\n transform: scale(1, 1);\\n }\\n }\\n`;\\n\\nconst CardGrid = styled.div`\\n display: grid;\\n grid-template-columns: 300px 1fr;\\n gap: 4rem;\\n\\n @media (max-width: 800px) {\\n grid-template-columns: 1fr;\\n gap: 2rem;\\n }\\n`;\\n\\nconst CardContent = styled.div`\\n display: flex;\\n flex-direction: column;\\n gap: 2rem;\\n`;\\n\\nconst CardTextContent = styled.div`\\n display: flex;\\n flex-direction: column;\\n gap: 1rem;\\n`;\\n\\nconst CardOverlay = styled.div`\\n position: absolute;\\n inset: 0;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n flex-direction: column;\\n gap: 2rem;\\n padding: 4rem;\\n background: var(--sand1);\\n animation: showOverlay 600ms;\\n\\n @keyframes showOverlay {\\n from {\\n opacity: 0;\\n transform: scale(0.75, 0.75);\\n }\\n to {\\n opacity: 1;\\n transform: scale(1, 1);\\n }\\n }\\n`;\\n\\nconst VerifiedPost = styled.div`\\n padding: 1rem;\\n height: 10rem;\\n background: green;\\n`;\\n\\nconst FormFooter = styled.div`\\n display: flex;\\n gap: 1rem;\\n justify-content: flex-end;\\n align-items: center;\\n`;\\n\\nconst Button = styled.button`\\n all: unset;\\n position: relative;\\n box-sizing: border-box;\\n height: var(--input-height);\\n border-radius: 8px;\\n border: 2px solid #4fc308;\\n background: #f9fff5;\\n color: #4fc308;\\n font-weight: 600;\\n font-size: 1rem;\\n font-family: \\\"FK Grotesk\\\", sans-serif;\\n line-height: var(--input-height);\\n padding: 0 2rem;\\n white-space: nowrap;\\n box-shadow: 0 0 0 0px #c2ff9c;\\n cursor: pointer;\\n transition: all 200ms;\\n\\n &::after {\\n content: \\\"\\\";\\n display: block;\\n position: absolute;\\n opacity: 0;\\n transition: opacity 200ms;\\n }\\n\\n &:hover {\\n background: #e8fadc;\\n }\\n\\n &:focus {\\n box-shadow: 0 0 0 4px #c2ff9c;\\n }\\n\\n &:disabled {\\n pointer-events: none;\\n opacity: 0.5;\\n }\\n\\n &[data-secondary=\\\"true\\\"] {\\n background: var(--sand4);\\n border-color: var(--sand9);\\n color: var(--sand11);\\n border-width: 0px;\\n font-weight: 600;\\n &:hover {\\n background: var(--sand5);\\n }\\n &:focus {\\n box-shadow: 0 0 0 4px var(--sand7);\\n }\\n }\\n\\n &[data-loading=\\\"true\\\"] {\\n opacity: 1 !important;\\n color: rgba(0, 0, 0, 0);\\n\\n &::after {\\n content: \\\"\\\";\\n opacity: 1;\\n width: 1rem;\\n height: 1rem;\\n position: absolute;\\n inset: 0;\\n margin: auto;\\n border-radius: 100%;\\n border: 2px solid #4fc308;\\n border-bottom-color: transparent;\\n animation: spin 500ms infinite linear;\\n\\n @keyframes spin {\\n from {\\n transform: rotate(0deg);\\n }\\n to {\\n transform: rotate(360deg);\\n }\\n }\\n }\\n }\\n`;\\n\\nconst TextInputWrapper = styled.div`\\n position: relative;\\n`;\\n\\nconst TextInput = styled.input`\\n all: unset;\\n width: 100%;\\n box-sizing: border-box;\\n background: var(--white);\\n border: 2px solid var(--sand5);\\n border-radius: 8px;\\n height: var(--input-height);\\n padding: 0 4rem 0 1rem;\\n font: var(--text-base);\\n line-height: 1;\\n font-weight: 600;\\n transition: all 200ms;\\n\\n &::placeholder {\\n font-weight: 400;\\n color: var(--sand9);\\n font-style: italic;\\n opacity: 1;\\n }\\n\\n &:focus {\\n border-color: var(--sand8);\\n }\\n\\n &:disabled {\\n opacity: 1;\\n background: var(--sand6);\\n color: var(--sand10);\\n border-color: var(--sand7);\\n }\\n`;\\n\\nconst NearInputLabel = styled.span`\\n font: var(--text-xs);\\n font-weight: 600;\\n color: var(--sand9);\\n position: absolute;\\n right: 0;\\n top: 0;\\n padding: 0 1rem;\\n line-height: var(--input-height);\\n`;\\n\\nconst Breakdown = styled.div`\\n display: flex;\\n flex-direction: column;\\n gap: 1rem;\\n\\n div {\\n display: flex;\\n justify-content: space-between;\\n gap: 1rem;\\n }\\n`;\\n\\nconst FormWrapper = styled.div`\\n display: flex;\\n flex-direction: column;\\n gap: 1rem;\\n`;\\n\\nconst ProgressBarWrapper = styled.div`\\n display: flex;\\n flex-direction: column;\\n gap: 0.5rem;\\n align-items: flex-end;\\n`;\\n\\nreturn (\\n <Wrapper>\\n <Header>\\n <div onClick={() => setIsSettingBaseEndpoint(true)}>\\n <Widget src=\\\"ghostfi.testnet/widget/MainIcon\\\" />\\n </div>\\n\\n <Text as=\\\"h1\\\" size=\\\"text-3xl\\\" weight=\\\"600\\\">\\n GhostFi Loans\\n </Text>\\n\\n {context.accountId && (\\n <Label>\\n Your Balance: {formatNumber(currentNearBalance) || \\\"...\\\"} NEAR\\n </Label>\\n )}\\n </Header>\\n\\n <Text size=\\\"text-l\\\" weight=\\\"500\\\">\\n Use your on-chain identity to get approved and claim your loan instantly\\n </Text>\\n\\n {isSettingBaseEndpoint && (\\n <Card>\\n <CardContent>\\n <Text weight=\\\"600\\\">Lender Base Endpoint URL</Text>\\n <Text>\\n {`Enter your lender\\\'s base endpoint URL.`} View this\\n <a\\n href=\\\"https://github.com/dndll/GhostFi/blob/master/README.md\\\"\\n target=\\\"_blank\\\"\\n >\\n README.md\\n </a>{\\\" \\\"}\\n to learn how you can set up your own lender service. Alternatively,\\n you can skip this step via \\\"Demo Mode\\\" which will mock out the\\n entire flow and will not make any transactions.\\n </Text>\\n <TextInput\\n onInput={(e) => setBaseEndpoint(e.target.value)}\\n onKeyDown={handleBaseEndpointInputKeyDown}\\n value={baseEndpoint}\\n placeholder=\\\"eg: https://my-ngrok-service.app\\\"\\n />\\n <FormFooter>\\n <Button data-secondary=\\\"true\\\" type=\\\"button\\\" onClick={saveDemoMode}>\\n Skip (Demo Mode)\\n </Button>\\n\\n <Button\\n type=\\\"button\\\"\\n onClick={saveBaseEndpoint}\\n disabled={!baseEndpoint}\\n >\\n Continue\\n </Button>\\n </FormFooter>\\n </CardContent>\\n </Card>\\n )}\\n\\n {!isSettingBaseEndpoint && (\\n <>\\n {!context.accountId && (\\n <Card>\\n <CardContent>\\n <Text color=\\\"red11\\\">\\n Please sign in with your preferred wallet to apply for a loan.\\n </Text>\\n </CardContent>\\n </Card>\\n )}\\n\\n {!isApproved && context.accountId && (\\n <Card>\\n <CardGrid>\\n <Widget\\n src=\\\"ghostfi.testnet/widget/VerifySocialPost\\\"\\n props={{\\n accountId,\\n onVerification: onSocialPostVerification,\\n }}\\n />\\n\\n {preApprovalFailed && (\\n <CardContent>\\n <Text color=\\\"red11\\\">\\n Pre-approval failed. Please try again later.\\n </Text>\\n </CardContent>\\n )}\\n\\n {isAccountVerified === true && !preApprovalFailed && (\\n <CardContent>\\n <CardTextContent>\\n <div\\n style={{\\n display: \\\"flex\\\",\\n alignItems: \\\"center\\\",\\n gap: \\\"1rem\\\",\\n }}\\n >\\n <Text weight=\\\"600\\\">{`You\\\'re pre-approved for ${formatNumber(\\n preApprovedNearAmount\\n )} NEAR`}</Text>\\n <Widget src=\\\"ghostfi.testnet/widget/MoneyFaceIcon\\\" />\\n </div>\\n\\n <Text size=\\\"text-s\\\" color=\\\"sand11\\\">\\n {`Loan approvals require that you have a Near Social profile with a name, picture, and that you\\\'ve made at least one post.`}\\n </Text>\\n\\n <Text size=\\\"text-s\\\" color=\\\"sand11\\\">\\n {`You\\\'re able to borrow up to 4X your NEAR balance. In your case, that\\\'s ${formatNumber(\\n preApprovedNearAmount\\n )} NEAR.`}\\n </Text>\\n </CardTextContent>\\n\\n <Text size=\\\"text-s\\\" weight=\\\"600\\\">\\n Current APR: 8.00%\\n </Text>\\n\\n <FormWrapper>\\n <ProgressBarWrapper>\\n <Text size=\\\"text-s\\\" weight=\\\"600\\\" color=\\\"sand10\\\">\\n {percentageOfMaxNearAmount}% of max\\n </Text>\\n <Widget\\n src=\\\"ghostfi.testnet/widget/ProgressBar\\\"\\n props={{ progress: percentageOfMaxNearAmount }}\\n />\\n </ProgressBarWrapper>\\n\\n <TextInputWrapper>\\n <TextInput\\n disabled={isProcessingApproval}\\n onInput={handleNearInput}\\n onKeyDown={handleNearInputKeyDown}\\n value={nearInputValue}\\n />\\n <NearInputLabel>NEAR</NearInputLabel>\\n </TextInputWrapper>\\n\\n {nearInputValueIsInvalid && (\\n <Text color=\\\"red11\\\" size=\\\"text-s\\\">\\n Invalid loan amount requested. Max allowed:{\\\" \\\"}\\n <b>{formatNumber(preApprovedNearAmount)}</b>\\n </Text>\\n )}\\n\\n {approvalFailed && (\\n <Text color=\\\"red11\\\" size=\\\"text-s\\\">\\n Loan approval failed. Please try again later.\\n </Text>\\n )}\\n </FormWrapper>\\n\\n <FormFooter>\\n <Button\\n type=\\\"button\\\"\\n data-loading={isProcessingApproval}\\n disabled={isProcessingApproval}\\n onClick={submitForApproval}\\n >\\n Get Approved\\n </Button>\\n </FormFooter>\\n </CardContent>\\n )}\\n\\n {isAccountVerified === false && (\\n <CardContent>\\n <Text\\n weight=\\\"600\\\"\\n color=\\\"red11\\\"\\n >{`We can\\\'t approve you just yet...`}</Text>\\n\\n <Text size=\\\"text-s\\\" color=\\\"sand11\\\">\\n {`Loan approvals require that you have a Near Social profile with a name, picture, and that you\\\'ve made at least one post.`}\\n </Text>\\n\\n <Text size=\\\"text-s\\\" color=\\\"sand11\\\">\\n {`Please make sure you\\\'ve met these requirements and come back to apply for a loan.`}\\n </Text>\\n </CardContent>\\n )}\\n </CardGrid>\\n </Card>\\n )}\\n\\n {!claimedLoan && isApproved && (\\n <Card>\\n <CardContent>\\n <div\\n style={{ display: \\\"flex\\\", alignItems: \\\"center\\\", gap: \\\"1rem\\\" }}\\n >\\n <div style={{ marginRight: \\\"auto\\\" }}>\\n <Text\\n size=\\\"text-l\\\"\\n weight=\\\"600\\\"\\n style={{ marginBottom: \\\"0.5rem\\\" }}\\n >\\n Congratulations!\\n </Text>\\n <Text weight=\\\"600\\\">\\n {`You\\\'re approved for a`}\\n <span style={{ color: \\\"#4FC308\\\" }}>\\n {formatNumber(approvedNearAmount)}\\n </span>\\n NEAR loan.\\n </Text>\\n </div>\\n <Widget src=\\\"ghostfi.testnet/widget/MoneyBagIcon\\\" />\\n </div>\\n\\n <hr />\\n\\n <Breakdown>\\n <div>\\n <Text color=\\\"sand10\\\">Approved Amount</Text>\\n <Text weight=\\\"600\\\">\\n {formatNumber(approvedNearAmount)} NEAR\\n </Text>\\n </div>\\n <div>\\n <Text color=\\\"sand10\\\">APR</Text>\\n <Text weight=\\\"600\\\">8.00%</Text>\\n </div>\\n </Breakdown>\\n\\n <hr />\\n\\n {claimFailed && (\\n <Text color=\\\"red11\\\" size=\\\"text-s\\\">\\n Claiming loan failed. Please try again later.\\n </Text>\\n )}\\n\\n <FormFooter>\\n <Button type=\\\"button\\\" data-secondary=\\\"true\\\" onClick={startOver}>\\n Start Over\\n </Button>\\n\\n <Button\\n type=\\\"button\\\"\\n data-loading={isProcessingApproval}\\n disabled={isProcessingApproval}\\n onClick={claimLoan}\\n >\\n Claim Loan\\n </Button>\\n </FormFooter>\\n </CardContent>\\n\\n {isClaimingLoan && (\\n <CardOverlay>\\n <Text size=\\\"text-l\\\" weight=\\\"600\\\">\\n Hang tight while we claim your loan...\\n </Text>\\n\\n <Widget\\n src=\\\"ghostfi.testnet/widget/ProgressBar\\\"\\n props={{\\n progress: claimingLoanProgress,\\n transitionSpeedSeconds: claimProgressDelaySeconds,\\n }}\\n />\\n </CardOverlay>\\n )}\\n </Card>\\n )}\\n\\n {claimedLoan && (\\n <Card>\\n <CardContent style={{ alignItems: \\\"center\\\" }}>\\n <div\\n style={{ display: \\\"flex\\\", alignItems: \\\"center\\\", gap: \\\"1rem\\\" }}\\n >\\n <Text size=\\\"text-l\\\" weight=\\\"600\\\">\\n {`Congrats! You\\\'ve got cash!`}\\n </Text>\\n <Widget src=\\\"ghostfi.testnet/widget/MoneyFaceIcon\\\" />\\n </div>\\n\\n <Widget\\n src=\\\"ghostfi.testnet/widget/LoanReceipt\\\"\\n props={{ loan: claimedLoan }}\\n />\\n\\n <hr />\\n\\n <FormFooter>\\n <Button type=\\\"button\\\" onClick={startOver} data-secondary=\\\"true\\\">\\n Start Over\\n </Button>\\n\\n <Button\\n as=\\\"a\\\"\\n href={`https://testnet.nearblocks.io/address/${accountId}`}\\n target=\\\"_blank\\\"\\n >\\n View Transactions\\n </Button>\\n </FormFooter>\\n </CardContent>\\n\\n {isClaimingLoan && (\\n <CardOverlay>\\n <Text size=\\\"text-l\\\" weight=\\\"600\\\">\\n Hang tight while we claim your loan...\\n </Text>\\n\\n <Widget\\n src=\\\"ghostfi.testnet/widget/ProgressBar\\\"\\n props={{ progress: claimingLoanProgress }}\\n />\\n </CardOverlay>\\n )}\\n </Card>\\n )}\\n </>\\n )}\\n </Wrapper>\\n);\\n"

}

Result:

Empty Result

Logs:

No Logs

Transaction Details

Receipt:

Status:

Block:

Timestamp:

From:

To:

Value:

Burnt Gas:

Burnt Tokens:

Actions:

Result:

Logs:

Receipt:

Status:

Block:

Timestamp:

From:

To:

Value:

Burnt Gas:

Burnt Tokens:

Actions:

Result:

Logs:

Receipt:

Status:

Block:

Timestamp:

From:

To:

Value:

Burnt Gas:

Burnt Tokens:

Actions:

Result:

Logs:

Receipt:

Status:

Block:

Timestamp:

From:

To:

Value:

Burnt Gas:

Burnt Tokens:

Actions:

Result:

Logs:

Receipt:

Status:

Block:

Timestamp:

From:

To:

Value:

Burnt Gas:

Burnt Tokens:

Actions:

Result:

Logs: