Magic Payment is an SDK provide you a secure way to redirect consumer from merchant site to magic link
npm install @magicpay/react-magicpayjavascript
import { MagicLink, MagicButton } from "@magicpay/react-magicpay";
import React, { useState } from "react";function App() {
const [key, setKey] = useState(0);
const [link, setLink] = useState(false);
const [checkoutId] = useState("Put the checkout id here.");
const handleClick = () => {
setKey(key + 1);
setLink(true);
};
const onError = (data) => {
console.log("Error Occured: ", data);
};
const onSuccess = (data) => {
console.log("Success: ", data);
};
return (
{link && (
link={link}
checkoutId={checkoutId}
onError={onError}
onSuccess={onSuccess}
/>
)}
);
}export default App;
`
Example for Magic Marketing Component with Popup
javascript
import { MagicInfo } from "@magicpay/react-magicpay";
import React, { useState } from "react";function App() {
return (
);
}export default App;
`
Development
1. Take the pull from
2. Use Node version
3. Install dependencies
4. We are using storybook to create the components. Run the command and it will run the story book at http://localhost:6006NPM Management
- Create an account at NPM
- In the project root directory use to login to your account. And run npm publish` to publish the new version