Changelog

Changelog for NPM package @loop-crypto/connect.

0.8.3 - 2025-09-22

Fixed

UI correctly identifies the wallet as not being connected after all authorized wallet accounts are disconnected from the host domain (#1299)
- Resolves issue where recently disconnected wallet is not available to reconnect
- Resolves issue where clicking "X" will not disconnect the wallet

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