apply-with-linkedin-react/src/ApplyWithLinkedIn.js

React Component for Apply With LinkedIn

import React, { useEffect } from 'react';

const ApplyWithLinkedIn = ({ apiKey, organizationId, jobCode, callbackMethod, mode }) => {
  useEffect(() => {

    const inJsScript = document.createElement('script');
    inJsScript.type = 'text/javascript';
    inJsScript.src = 'https://platform.linkedin.com/xdoor/scripts/in.js';
    inJsScript.async = true;
    inJsScript.innerHTML = `
    api_key: ${apiKey}
    extensions:AwliWidget@https://www.linkedin.com/talentwidgets/extensions/apply-with-linkedin-widget-v3
    `
    document.getElementsByTagName('body')[0].appendChild(inJsScript);

    window.handleApplyWithLinkedInResponse = (data) => {
      console.log('Apply With LinkedIn profile data:', data);
      if (callbackMethod) {
        callbackMethod(data);
      }
    };
    
  }, [apiKey, organizationId, jobCode, callbackMethod, mode]);
  

  return (
    <div id="linkedin-apply-with-linkedin-widget">
       <script type="IN/AwliWidget"
        data-mode={mode}
        data-integration-context={`urn:li:organization:${organizationId}`}
        data-company-job-code={jobCode}
        data-callback-method='handleApplyWithLinkedInResponse'
      />
    </div>
  );
};

export default ApplyWithLinkedIn;