hiko-social-login-react v1.2.1

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.
• Hydrogen app integration is a feature included in the Premium plan of HIKO Social Login

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