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 ComponentLoopConnectPayIn
to disable only the "Pay" button (#1268) - Attribute
disable-submit
(default:"false"
) has been added to Web Componentloop-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
andpaymentUsdAmount
values, rather than simply using the former if provided (#1270) - Suggested authorization amount will use the greater of
suggestedAuthorizationUsdAmount
(orminimumAuthorizationUsdAmount
if provided and the latter is not) andpaymentUsdAmount
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
andreact-dom
have becomepeerDependencies
to allow implementing sites to use their preferred versions greater than18.0.0
0.7.0 - 2025-06-20
Added
- New React Component
LoopConnectPaymentMethods
and native Web Componentloop-connect-payment-methods
, used to add, delete, update payment methods (network + token + wallet) - including updating authorization (#1194) initLoopConnect()
accepts string parameterjwtToken
as an alternative toapiKey
in order to improve security (#1194)- Added callback parameter
onPayInPaymentMethodCreated
toLoopConnectPayIn
component for when a payment method is saved (#1194) - Added event type
paymentmethodcreated
toloop-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 parametersuggestedAuthorizationUsdAmount
for deprecation (#1194)
0.6.2 - 2025-05-12
Fixed
- In instances where the
entityId
andmerchantId
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 theinitLoopConnect
function now correctly returnsmerchantId
rather thanentityId
im the data object passed to the callback provided toonInitialized
(#1195) - The
ready
event from theLoopConnectPayIn
component correctly returnsmerchantId
rather thanentityId
im the data object passed to the callback provided toonPayInReady
(#1195)
0.6.1 - 2025-04-30
Added
- Boolean property
addToExistingAuthorization
whentrue
(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 byminimumAuthorizationUsdAmount
(#1177)- Property
authorizedNotification
was added to theLoopConnectPayIn
component for displaying authorization completion details, accepting"event-only"
(default) or"embedded"
(#1177) - Setting the
LoopConnectPayIn
propertypaymentUsdAmount
with the value0
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 forpaymentUsdAmount
was0
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 newtype PayInCustomEvents
(#1172) - Global web component property
HTMLElementEventMap
extendsPayInCustomEvents
(#1172) - Delayed css props set in component
constructor
toconnectedCallback
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 inwalletProviderId
error in the console (#1166) - Correctly call
onInitFailed
for allinitLoopConnect()
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 theLoopConnectPayIn
component to control transaction confirmation UI display, accepting"event-only"
(default) or"embedded"
confirmingPayment
states can be captured fromonPayInStateChange
while the app is confirming a transaction on-chainonPayInConfirmed
event handler callback will be called when a transaction is confirmed on-chain
Changed
onPayInCreated
replacesonPayInComplete
using the same data object, when a pay-in is createdcreatingPayment
state replacesprocessingPayment
state when capturing events fromonPayInStateChange
Updated about 6 hours ago