Changelog

Changelog for NPM package @loop-crypto/connect.


0.8.2 - 2025-09-09

Added

  • Boolean property disableSubmit (default: false) has been added to React Component LoopConnectPayIn to disable only the "Pay" button (#1268)
  • Attribute disable-submit (default: "false") has been added to Web Component loop-connect-pay-in to disable only the "Pay" button (#1268)

Fixed

  • Updated UI component styling to improve contrast when setting darker colors through custom css variables via the customStyles property (#1261)

Changed

  • Improved network selection when creating a payin (LoopConnectPayIn / loop-connect-pay-in) and when adding a new payment method (LoopConnectPaymentMethods / loop-connect-payment-methods)
    • When only one network is available, the select component will only show the single network without the option list (#1267)
    • When only one token is available on a selected network, the select component will only show the single token without the option list (#1267)
    • When network select is set to a network that does not match (or is unavailable to) the connected wallet, an error is displayed with an action button to reconnect another wallet (#1294)
  • Display the most "Popular" wallet app options at the top of the list within the model, when connecting a wallet (#1260)

0.8.1 - 2025-08-19

Fixed

  • When a user has multiple existing payment methods, completing a pay-in now correctly selected the payment method that matches the user's select instead of the default payment method (#1270)

Changed

  • If the user signs from their wallet to increase their authorization amount, they no longer have to sign a second message to authorize a payment (#1242)
  • Wallet connection modal is now vertically centered within small viewports (and "mobile"), rather than anchored to the bottom (#1240)
  • Minimum authorization amount will use the greater of minimumAuthorizationUsdAmount and paymentUsdAmount values, rather than simply using the former if provided (#1270)
  • Suggested authorization amount will use the greater of suggestedAuthorizationUsdAmount (or minimumAuthorizationUsdAmount if provided and the latter is not) and paymentUsdAmount values, rather than simply using the former if provided (#1270)
  • The main "Pay" button will becomes disabled if the selected token's balance equivalent in USD is not greater than the paymentUsdAmount (#1270)

Removed

  • No longer show "copy" button in tooltips when hovering over a wallet address (#1270)
  • The "edit" pencil icon is no longer displayed on the "Connected wallet" panel (#1270)

0.8.0 - 2025-07-30

Changed

  • No external packages are being bundled, they have all been externalized and have becomes package dependencies
  • Required packages react and react-dom have become peerDependencies to allow implementing sites to use their preferred versions greater than 18.0.0

0.7.0 - 2025-06-20

Added

  • New React Component LoopConnectPaymentMethods and native Web Component loop-connect-payment-methods, used to add, delete, update payment methods (network + token + wallet) - including updating authorization (#1194)
  • initLoopConnect() accepts string parameter jwtToken as an alternative to apiKey in order to improve security (#1194)
  • Added callback parameter onPayInPaymentMethodCreated to LoopConnectPayIn component for when a payment method is saved (#1194)
  • Added event type paymentmethodcreated to loop-connect-pay-in web component for when a payment method is saved (#1194)

Changed

  • Show token balances and payment amount conversion rate rounded to two significant digits (#1194)
  • Improved UI component design, including colored notifications and animated "working" buttons (#1194)

Removed

  • Marked the LoopConnectPayIn component's parameter suggestedAuthorizationUsdAmount for deprecation (#1194)

0.6.2 - 2025-05-12

Fixed

  • In instances where the entityId and merchantId are both provided and are not equal, merchantId was incorrectly being sent in the header when posting customer payment method data to complete the pay-in (#1195)
  • The ready event from the initLoopConnect function now correctly returns merchantId rather than entityId im the data object passed to the callback provided to onInitialized (#1195)
  • The ready event from the LoopConnectPayIn component correctly returns merchantId rather than entityId im the data object passed to the callback provided to onPayInReady (#1195)

0.6.1 - 2025-04-30

Added

  • Boolean property addToExistingAuthorization when true (default: false) will add to the user's existing authorization amount instead of strictly setting authorization with the amount computed (#1179)

Fixed

  • Wallet balance now displays correctly after switching between EVM networks (#1179)

Changed

  • PayIns now use fiat amount instead of crypto-exchanged amount to prevent exchange rate discrepancies (#1179)

0.6.0 - 2025-04-30

Added

  • onPayInAuthorizationConfirmed callback triggered when authorization is great than or equal to the value specified by minimumAuthorizationUsdAmount (#1177)
  • Property authorizedNotification was added to the LoopConnectPayIn component for displaying authorization completion details, accepting "event-only" (default) or "embedded" (#1177)
  • Setting the LoopConnectPayIn property paymentUsdAmount with the value 0 will now signal to the component that a PayIn at the end of the flow is not required and should only handle authorization and returning a signature (#1177)

Fixed

  • Select dropdown arrow takes correct color in all states (#1177)
  • Wallet correctly changes in the UI in all cases when account change is made through browser wallet application (#1177)

Changed

  • onPayInStateChange now sets "authorized" as final state for completed flows where the value for paymentUsdAmount was 0 and only an authorization was completed - not a payment (#1177)
  • Improved initialization data retrieval and storage reliability (#1177)

0.5.2 - 2025-04-08

Fixed

  • Web component events extend CustomEvent and are properties of new type PayInCustomEvents (#1172)
  • Global web component property HTMLElementEventMap extends PayInCustomEvents (#1172)
  • Delayed css props set in component constructor to connectedCallback to resolve web component not loading in Vue environments (#1172)

0.5.1 - 2025-04-04

Fixed

  • Catch thrown error when invalid value were passed into initLoopConnect(), which resulted in walletProviderId error in the console (#1166)
  • Correctly call onInitFailed for all initLoopConnect() errors (#1166)

0.5.0 - 2025-04-03

Added

  • <loop-connect-pay-in> is available as a native web component, which can be imported into the major non-React frameworks (angular, vue, svelt, etc) as well as work natively in vanilla JS without a framework (#1166)

Fixed

  • Component will now use transparent background value, visible with rounded corners applied (#1166)

0.4.3 - 2025-03-14

Added

  • NotificationOption type can be imported for UI notification values

0.4.2 - 2025-02-28

Added

  • Boolean property disabled will disable UI user input (default: false)

Fixed

  • Resolved issue where connected wallet account is not updating when changed from injected wallet browser app

0.4.1 - 2025-02-28

Added

  • Boolean property awaitConfirmation allows the UI to skip awaiting confirmation of transaction on-chain (default: true)

Changed

  • Minor UI refinement

0.4.0 - 2025-02-28

Added

  • Property confirmingNotification was added to the LoopConnectPayIn component to control transaction confirmation UI display, accepting "event-only" (default) or "embedded"
  • confirmingPayment states can be captured from onPayInStateChange while the app is confirming a transaction on-chain
  • onPayInConfirmed event handler callback will be called when a transaction is confirmed on-chain

Changed

  • onPayInCreated replaces onPayInComplete using the same data object, when a pay-in is created
  • creatingPayment state replaces processingPayment state when capturing events from onPayInStateChange