hiko-social-login-react

• HIKO Social Login is a Shopify social login app.
• The module provides a React component SocialLoginWidget and sample codes to integrate with Hydrogen app.

Installation

$ npm i hiko-social-login-react --save
or
$ yarn add hiko-social-login-react

Sample code

const shop = "xxxx.myshopify.com";

const [customer, setCustomer] = useState(window.HIKO?.customer);

const handleCustomEvents = useCallback((event) => {
    if (["login", "activate", "multipass"].includes(event.detail.action))
        setCustomer(event.detail.customer);
}, []);

useEffect(() => {
    document.addEventListener("hiko", handleCustomEvents);
    return () => document.removeEventListener("hiko", handleCustomEvents);
}, []);

if (customer)
    return (
        <ul>
            {Object.keys(customer).map((key) => (
                <li key={key}>
                    {key}: {customer[key]}
                </li>
            ))}
        </ul>
    );

return <SocialLoginWidget shop={shop} publicAccessToken={publicAccessToken}></SocialLoginWidget>;

Note:

• full sample Demo.jsx
• Install Headless to generate publicAccessToken