@huma-finance/widgets 0.0.10 → 0.0.12

package/README.md

@@ -1,48 +1,48 @@
-# Huma Widgets
-
-The `@huma-finance/widgets` package is an [npm package](https://www.npmjs.com/package/@huma-finance/widgets) of React components used to provide subsets of the Huma Finance Protocol functionality in a small user interface element for:
-
-- Invoice factoring borrow and payment
-- Credit line borrow and payment
-- Lend supply and withdraw
-- Superfluid stream borrow
-
-## Installation
-
-Install the widgets library via `npm` or `yarn`.
-
-```js
-yarn add @huma-finance/widgets
-```
-
-```js
-npm i --save @huma-finance/widgets
-```
-
-## Adding Widget to Your App
-
-```jsx
-import { InvoiceFactoringBorrowWidget } from '@huma-finance/widgets'
-
-export const InvoiceFactoringBorrowPage = () => {
-  return (
-    <InvoiceFactoringBorrowWidget
-      poolName='pool name'
-      poolType='pool type'
-      tokenId={tokenId}
-      handleClose={handleClose}
-    />
-  )
-}
-```
-
-## Documentation
-
-For documentation on the different widgets offered please refer to the [API](API.md)
-
-## Example Usage
-
-To see how the Huma widgets can be used, feel free to use our interactive example under src/cosmos.
-
-1. Run `yarn cosmos`
-2. Open up `localhost:8000` in your browser and choose the fixture to test
+# Huma Widgets
+
+The `@huma-finance/widgets` package is an [npm package](https://www.npmjs.com/package/@huma-finance/widgets) of React components used to provide subsets of the Huma Finance Protocol functionality in a small user interface element for:
+
+- Invoice factoring borrow and payment
+- Credit line borrow and payment
+- Lend supply and withdraw
+- Superfluid stream borrow
+
+## Installation
+
+Install the widgets library via `npm` or `yarn`.
+
+```js
+yarn add @huma-finance/widgets
+```
+
+```js
+npm i --save @huma-finance/widgets
+```
+
+## Adding Widget to Your App
+
+```jsx
+import { InvoiceFactoringBorrowWidget } from '@huma-finance/widgets'
+
+export const InvoiceFactoringBorrowPage = () => {
+  return (
+    <InvoiceFactoringBorrowWidget
+      poolName='pool name'
+      poolType='pool type'
+      tokenId={tokenId}
+      handleClose={handleClose}
+    />
+  )
+}
+```
+
+## Documentation
+
+For documentation on the different widgets offered please refer to the [API](API.md)
+
+## Example Usage
+
+To see how the Huma widgets can be used, feel free to use our interactive example under src/cosmos.
+
+1. Run `yarn cosmos`
+2. Open up `localhost:8000` in your browser and choose the fixture to test

package/babel.config.js

@@ -1,15 +1,15 @@
-module.exports = {
-  compact: false,
-  presets: [
-    '@babel/preset-env',
-    [
-      '@babel/preset-react',
-      {
-        importSource: '@emotion/react',
-        runtime: 'automatic',
-      },
-    ],
-    ['@babel/preset-typescript', { isTSX: true, allExtensions: true }],
-  ],
-  plugins: ['@babel/plugin-transform-runtime', '@emotion'],
-}
+module.exports = {
+  compact: false,
+  presets: [
+    '@babel/preset-env',
+    [
+      '@babel/preset-react',
+      {
+        importSource: '@emotion/react',
+        runtime: 'automatic',
+      },
+    ],
+    ['@babel/preset-typescript', { isTSX: true, allExtensions: true }],
+  ],
+  plugins: ['@babel/plugin-transform-runtime', '@emotion'],
+}

package/config-overrides.js

@@ -1,9 +1,9 @@
-const { addBabelPlugin, addBabelPreset, override } = require('customize-cra')
-
-module.exports = override(
-  addBabelPlugin('@emotion/babel-plugin'),
-  addBabelPreset([
-    '@babel/preset-react',
-    { importSource: '@emotion/react', runtime: 'automatic' },
-  ]),
-)
+const { addBabelPlugin, addBabelPreset, override } = require('customize-cra')
+
+module.exports = override(
+  addBabelPlugin('@emotion/babel-plugin'),
+  addBabelPreset([
+    '@babel/preset-react',
+    { importSource: '@emotion/react', runtime: 'automatic' },
+  ]),
+)

package/cosmos.config.json

@@ -1,7 +1,7 @@
-{
-  "watchDirs": ["src/cosmos"],
-  "webpack": {
-    "overridePath": "webpack.cosmos.js"
-  },
-  "port": 8000
-}
+{
+  "watchDirs": ["src/cosmos"],
+  "webpack": {
+    "overridePath": "webpack.cosmos.js"
+  },
+  "port": 8000
+}

package/cypress/e2e/01-invoice-factoring-borrow.test.ts

@@ -1,62 +1,62 @@
-import '@testing-library/cypress/add-commands'
-import 'cypress-iframe'
-
-import {
-  addressForTx,
-  INVOICE_AMOUNT,
-  INVOICE_FACTORED_AMOUNT,
-  INVOICE_FEES,
-  ONE_MINUTE,
-  TWO_MINUTES,
-} from '../utils'
-
-describe('Invoice factoring recurring borrow', () => {
-  it('Create RN request', () => {
-    cy.visit(Cypress.env('E2E_TEST_RN_CREATE_BASE_URL'))
-    cy.findByText('Metamask', { timeout: ONE_MINUTE }).click()
-    cy.get('input[name="amount"]').type(String(INVOICE_AMOUNT))
-    cy.get('input[name="payer"]').type(addressForTx)
-    cy.get('button').contains('Create a request').click()
-    cy.findAllByText('Request for payment from', {
-      timeout: TWO_MINUTES,
-    }).should('exist')
-  })
-
-  it('Should get paid 80 USDC for an invoice factoring of 100 USDC value', () => {
-    cy.visit('/')
-    cy.findByText('InvoiceFactoringBorrow', { timeout: ONE_MINUTE }).click()
-    const receivedUSDC = INVOICE_FACTORED_AMOUNT - INVOICE_FEES
-    const remainedUSDC = INVOICE_AMOUNT - INVOICE_FACTORED_AMOUNT
-    const chooseAmountModalIncrementIcon = '.choose-amount-modal-increment-icon'
-    const txDoneModalCloseButton = '.transaction-done-modal-close-btn'
-
-    // click the increment icon each time will increment 1 usdc
-    for (let i = 0; i < INVOICE_FACTORED_AMOUNT; i++) {
-      cy.iframe()
-        .find(chooseAmountModalIncrementIcon, { timeout: TWO_MINUTES })
-        .click()
-    }
-
-    cy.iframe().find('button').contains('ACCEPT TERMS').click()
-    cy.iframe().find('div').contains(`${receivedUSDC} USDC`).should('exist')
-    cy.iframe().find('button').contains('Approve Transfer').click()
-
-    // wait 2 minutes for transaction to be successful
-    cy.iframe()
-      .find(txDoneModalCloseButton, {
-        timeout: TWO_MINUTES,
-      })
-      .should('be.visible')
-
-    cy.iframe()
-      .find('div')
-      .contains(`${receivedUSDC} USDC is now in your wallet.`)
-      .should('exist')
-    cy.iframe()
-      .find('div')
-      .contains(
-        `The remaining ${remainedUSDC} USDC will be sent to your wallet when the invoice is paid.`,
-      )
-      .should('exist')
-  })
-})
+import '@testing-library/cypress/add-commands'
+import 'cypress-iframe'
+
+import {
+  addressForTx,
+  INVOICE_AMOUNT,
+  INVOICE_FACTORED_AMOUNT,
+  INVOICE_FEES,
+  ONE_MINUTE,
+  TWO_MINUTES,
+} from '../utils'
+
+describe('Invoice factoring recurring borrow', () => {
+  it('Create RN request', () => {
+    cy.visit(Cypress.env('E2E_TEST_RN_CREATE_BASE_URL'))
+    cy.findByText('Metamask', { timeout: ONE_MINUTE }).click()
+    cy.get('input[name="amount"]').type(String(INVOICE_AMOUNT))
+    cy.get('input[name="payer"]').type(addressForTx)
+    cy.get('button').contains('Create a request').click()
+    cy.findAllByText('Request for payment from', {
+      timeout: TWO_MINUTES,
+    }).should('exist')
+  })
+
+  it('Should get paid 80 USDC for an invoice factoring of 100 USDC value', () => {
+    cy.visit('/')
+    cy.findByText('InvoiceFactoringBorrow', { timeout: ONE_MINUTE }).click()
+    const receivedUSDC = INVOICE_FACTORED_AMOUNT - INVOICE_FEES
+    const remainedUSDC = INVOICE_AMOUNT - INVOICE_FACTORED_AMOUNT
+    const chooseAmountModalIncrementIcon = '.choose-amount-modal-increment-icon'
+    const txDoneModalCloseButton = '.transaction-done-modal-close-btn'
+
+    // click the increment icon each time will increment 1 usdc
+    for (let i = 0; i < INVOICE_FACTORED_AMOUNT; i++) {
+      cy.iframe()
+        .find(chooseAmountModalIncrementIcon, { timeout: TWO_MINUTES })
+        .click()
+    }
+
+    cy.iframe().find('button').contains('ACCEPT TERMS').click()
+    cy.iframe().find('div').contains(`${receivedUSDC} USDC`).should('exist')
+    cy.iframe().find('button').contains('Approve Transfer').click()
+
+    // wait 2 minutes for transaction to be successful
+    cy.iframe()
+      .find(txDoneModalCloseButton, {
+        timeout: TWO_MINUTES,
+      })
+      .should('be.visible')
+
+    cy.iframe()
+      .find('div')
+      .contains(`${receivedUSDC} USDC is now in your wallet.`)
+      .should('exist')
+    cy.iframe()
+      .find('div')
+      .contains(
+        `The remaining ${remainedUSDC} USDC will be sent to your wallet when the invoice is paid.`,
+      )
+      .should('exist')
+  })
+})

package/cypress/support/e2e.ts

@@ -1,76 +1,76 @@
-// ***********************************************************
-// This file is processed and loaded automatically before your test files.
-//
-// You can read more here:
-// https://on.cypress.io/configuration
-// ***********************************************************
-
-// Import commands.ts using ES2015 syntax:
-import { injectedForApprove, injectedForTx } from './ethereum'
-import assert = require('assert')
-
-declare global {
-  // eslint-disable-next-line @typescript-eslint/no-namespace
-  namespace Cypress {
-    interface ApplicationWindow {
-      ethereum: typeof injectedForTx
-    }
-    interface VisitOptions {
-      serviceWorker?: true
-    }
-  }
-}
-
-// sets up the injected provider to be a mock ethereum provider with the given mnemonic/index
-// eslint-disable-next-line no-undef
-Cypress.Commands.overwrite(
-  'visit',
-  (
-    original,
-    url: string | Partial<Cypress.VisitOptions>,
-    options?: Partial<Cypress.VisitOptions>,
-  ) => {
-    assert(typeof url === 'string')
-
-    cy.intercept(
-      '/service-worker.js',
-      options?.serviceWorker ? undefined : { statusCode: 404 },
-    ).then(() => {
-      original({
-        ...options,
-        url:
-          url.startsWith('/') && url.length > 2 && !url.startsWith('/#')
-            ? `/#${url}`
-            : url,
-        onBeforeLoad(win) {
-          options?.onBeforeLoad?.(win)
-          win.localStorage.clear()
-          win.localStorage.setItem(
-            'redux_localstorage_simple_user',
-            '{"selectedWallet":"INJECTED"}',
-          )
-
-          win.ethereum = injectedForTx
-          if (url.endsWith('type=newWallet')) {
-            win.ethereum = injectedForApprove
-          }
-        },
-      })
-    })
-  },
-)
-
-beforeEach(() => {
-  // Infura security policies are based on Origin headers.
-  // These are stripped by cypress because chromeWebSecurity === false; this adds them back in.
-  cy.intercept(/infura.io/, (res) => {
-    res.headers['origin'] = Cypress.config().baseUrl!
-    res.continue()
-  })
-})
-
-Cypress.on('uncaught:exception', (_err, _runnable) => {
-  // returning false here prevents Cypress from
-  // failing the test
-  return false
-})
+// ***********************************************************
+// This file is processed and loaded automatically before your test files.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.ts using ES2015 syntax:
+import { injectedForApprove, injectedForTx } from './ethereum'
+import assert = require('assert')
+
+declare global {
+  // eslint-disable-next-line @typescript-eslint/no-namespace
+  namespace Cypress {
+    interface ApplicationWindow {
+      ethereum: typeof injectedForTx
+    }
+    interface VisitOptions {
+      serviceWorker?: true
+    }
+  }
+}
+
+// sets up the injected provider to be a mock ethereum provider with the given mnemonic/index
+// eslint-disable-next-line no-undef
+Cypress.Commands.overwrite(
+  'visit',
+  (
+    original,
+    url: string | Partial<Cypress.VisitOptions>,
+    options?: Partial<Cypress.VisitOptions>,
+  ) => {
+    assert(typeof url === 'string')
+
+    cy.intercept(
+      '/service-worker.js',
+      options?.serviceWorker ? undefined : { statusCode: 404 },
+    ).then(() => {
+      original({
+        ...options,
+        url:
+          url.startsWith('/') && url.length > 2 && !url.startsWith('/#')
+            ? `/#${url}`
+            : url,
+        onBeforeLoad(win) {
+          options?.onBeforeLoad?.(win)
+          win.localStorage.clear()
+          win.localStorage.setItem(
+            'redux_localstorage_simple_user',
+            '{"selectedWallet":"INJECTED"}',
+          )
+
+          win.ethereum = injectedForTx
+          if (url.endsWith('type=newWallet')) {
+            win.ethereum = injectedForApprove
+          }
+        },
+      })
+    })
+  },
+)
+
+beforeEach(() => {
+  // Infura security policies are based on Origin headers.
+  // These are stripped by cypress because chromeWebSecurity === false; this adds them back in.
+  cy.intercept(/infura.io/, (res) => {
+    res.headers['origin'] = Cypress.config().baseUrl!
+    res.continue()
+  })
+})
+
+Cypress.on('uncaught:exception', (_err, _runnable) => {
+  // returning false here prevents Cypress from
+  // failing the test
+  return false
+})