@pixelated-tech/components 3.4.3 → 3.5.0

package/dist/components/cms/pixelated.linkedin.js

@@ -1,180 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useState, useEffect } from 'react';
-/*
-TODO #6 Finish LinkedIn Integration to show recommendations
-*/
-/*
-https://www.linkedin.com/company/pixelatedtech
-https://www.linkedin.com/company/106825397/admin/dashboard/
-
-https://developer.linkedin.com/
-https://www.linkedin.com/developers/apps/222241632/products?refreshKey=1743873578146
-https://learn.microsoft.com/en-us/linkedin/shared/integrations/people/reputation-guides/recommendation
-https://learn.microsoft.com/en-us/answers/questions/1021872/how-do-i-get-access-to-this-linkedin-api-connectio
-
-https://github.com/jsushank17/LinkedIN-Rest-API-with-React-JS-and-Express/blob/master/CustomLinkedIN.jsx
-https://reintech.io/blog/integrating-linkedin-testimonials-on-your-website
-
-*/
-export function LinkedIn() {
-    const debug = true;
-    const [accessToken, setAccessToken] = useState();
-    const [recommendations, setRecommendations] = useState();
-    const proxyURL = 'https://proxy.pixelated.tech/prod/proxy?url=';
-    let codeParam, stateParam, myHref;
-    if (typeof window !== 'undefined') {
-        const urlParams = new URLSearchParams(window.location.search);
-        codeParam = urlParams.get('code');
-        stateParam = urlParams.get('state');
-        myHref = window.location.origin;
-    }
-    const LinkedInApi = {
-        clientID: '78sh51y6nl3xe8',
-        clientSecret: 'WPL_AP1.dug4iQXjl3VjEGG0.tok/0A==',
-        appID: '222241632',
-        redirectUrl: `${myHref}/linkedin`,
-        state: '96573480', // epoch time for Monday, January 22, 1973 12:58:00 PM GMT-05:00
-        oAuthUrl: 'https://www.linkedin.com/oauth/v2/authorization',
-        oAuthResponseType: 'code',
-        oAuthScope: 'w_member_social',
-        tokenUrl: 'https://www.linkedin.com/oauth/v2/accessToken',
-        // recommendUrl : 'https://api.linkedin.com/v2/recommendations/urn:li:recommendation:(urn:li:person:brianwhaley)',
-        recommendUrl: 'https://api.linkedin.com/v2/recommendation',
-        meUrl: 'https://api.linkedin.com/v2/me',
-    };
-    async function fetchOAuth() {
-        if (debug)
-            console.log("Fetching LinkedIn oAuth Token");
-        const oAuthParams = new URLSearchParams({
-            response_type: LinkedInApi.oAuthResponseType,
-            client_id: LinkedInApi.clientID,
-            state: LinkedInApi.state,
-            scope: encodeURIComponent(LinkedInApi.oAuthScope),
-            redirect_uri: LinkedInApi.redirectUrl
-        });
-        const fullOAuthURL = /* proxyURL + */ LinkedInApi.oAuthUrl + "?" + oAuthParams.toString();
-        try {
-            if (debug)
-                console.log("OAuth URL : ", fullOAuthURL);
-            window.location.href = fullOAuthURL;
-        }
-        catch (err) {
-            console.log("Error Fetching OAuth Token : ", err);
-        }
-    }
-    async function fetchAccessToken() {
-        if (accessToken)
-            return;
-        if (debug)
-            console.log("Fetching LinkedIn Access Token");
-        const fullTokenURL = proxyURL + LinkedInApi.tokenUrl;
-        try {
-            if (debug)
-                console.log("oAuth Code : ", codeParam);
-            if (debug)
-                console.log("Access Token URL : ", fullTokenURL);
-            const tokenRequestBody = new URLSearchParams({
-                'grant_type': 'authorization_code',
-                'code': codeParam,
-                'redirect_uri': LinkedInApi.redirectUrl,
-                'client_id': LinkedInApi.clientID,
-                'client_secret': LinkedInApi.clientSecret
-            });
-            if (debug)
-                console.log("FETCHBODY : ", tokenRequestBody.toString());
-            if (debug)
-                console.log("FETCHBODY LENGTH : ", tokenRequestBody.toString().length);
-            const tokenResponse = await fetch(fullTokenURL, {
-                method: "POST",
-                headers: {
-                    "Content-Type": "application/x-www-form-urlencoded",
-                    // "Content-Length" : tokenRequestBody.toString().length ,
-                },
-                body: tokenRequestBody
-            });
-            if (tokenResponse.ok) {
-                const tokenData = await tokenResponse.json();
-                console.log(await tokenData);
-                setAccessToken(tokenData.access_token);
-                if (debug)
-                    console.log("Access Token : ", await tokenData);
-            }
-            else {
-                console.error(`HTTP Error : Status: ${tokenResponse.status}`);
-                // Optionally, throw an error to be caught later
-                throw new Error(`HTTP Error : Status: ${tokenResponse.status}`);
-            }
-        }
-        catch (err) {
-            console.log("Error Fetching Access Token : ", err);
-        }
-        return;
-    }
-    async function fetchRecommendations() {
-        if (!accessToken || recommendations)
-            return;
-        if (debug)
-            console.log("Fetching LinkedIn Recommendations");
-        const recommendParams = new URLSearchParams({
-            // "q": "received-recommendations",
-            // oauth2_access_token: accessToken,
-            "q": "recipient",
-            "statusFilters": "List(VISIBLE)",
-        });
-        const fullRecommendsURL = proxyURL + LinkedInApi.recommendUrl + "?" + recommendParams.toString();
-        try {
-            console.log("RECOMMEND URL : ", fullRecommendsURL);
-            console.log("ACCESS TOKEN : ", accessToken);
-            const recommendResponse = await fetch(fullRecommendsURL, {
-                method: 'GET',
-                headers: {
-                    Authorization: `Bearer ${accessToken}`,
-                    'X-Restli-Protocol-Version': '2.0.0',
-                },
-                /* body: new URLSearchParams({
-                    "recommendee": "urn:li:person:ro87f5eyg_",
-                    "status": "VISIBLE",
-                }) */
-            });
-            console.log("RECOMMEND RESPONSE : ", recommendResponse);
-            const recommendData = await recommendResponse.json();
-            if (recommendData.elements)
-                setRecommendations(recommendData.elements);
-            if (debug)
-                console.log("Recommendations : ", await recommendData);
-        }
-        catch (err) {
-            console.log("Error Fetching LinkedIn Recommendations : ", err);
-        }
-    }
-    useEffect(() => {
-        if (codeParam && stateParam) {
-            if (debug)
-                console.log("oAuth Code Is Present");
-            if (accessToken) {
-                if (debug)
-                    console.log("Access Token Is Present");
-                if (!recommendations) {
-                    if (debug)
-                        console.log("No Recommendations Are Present");
-                    fetchRecommendations();
-                }
-                else {
-                    if (debug)
-                        console.log("Recommendations Already Retrieved");
-                }
-            }
-            else if (!accessToken) {
-                if (debug)
-                    console.log("No Access Token Is Present");
-                fetchAccessToken();
-            }
-        }
-        else {
-            if (debug)
-                console.log("No oAuth Code Present");
-            fetchOAuth();
-        }
-    }, [accessToken]);
-    return (_jsx("div", { children: _jsx("div", { children: recommendations ? _jsx("div", { children: JSON.stringify(recommendations) }) : _jsx("p", { children: "Loading..." }) }) }));
-}

package/dist/components/cms/pixelated.linkedin1.js

@@ -1,84 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import React, { useState, useEffect } from 'react';
-export function LinkedIn() {
-    const [data, setData] = useState(null);
-    const proxyURL = 'https://proxy.pixelated.tech/prod/proxy?url=';
-    const urlParams = new URLSearchParams(window.location.search);
-    const codeParam = urlParams.get('code');
-    const LinkedInApi = {
-        clientID: '78sh51y6nl3xe8',
-        clientSecret: 'WPL_AP1.dug4iQXjl3VjEGG0.tok/0A==',
-        appID: '222241632',
-        // redirectUrl: 'https://www.pixelated.tech/linkedin',
-        redirectUrl: 'http://localhost:6006',
-        tokenUrl: 'https://www.linkedin.com/oauth/v2/accessToken',
-        oAuthUrl: 'https://www.linkedin.com/oauth/v2/authorization',
-        oAuthResponseType: 'code',
-        oAuthScope: 'r_basicprofile', // 'r_liteprofile r_emailaddress w_member_social',
-        recommendUrl: 'https://api.linkedin.com/v2/recommendations/urn:li:recommendation:(urn:li:person:brianwhaley)',
-        meUrl: 'https://api.linkedin.com/v2/me',
-        state: '96573480' // epoch time for Monday, January 22, 1973 12:58:00 PM GMT-05:00
-    };
-    const oAuthParams = new URLSearchParams({
-        response_type: LinkedInApi.oAuthResponseType,
-        client_id: LinkedInApi.clientID,
-        state: LinkedInApi.state,
-        scope: LinkedInApi.oAuthScope,
-        redirect_uri: LinkedInApi.redirectUrl
-    });
-    const fullOAuthURL = proxyURL + LinkedInApi.oAuthUrl + "?" + oAuthParams.toString();
-    const recommendParams = new URLSearchParams({
-        q: 'received',
-        oauth2_access_token: codeParam
-    });
-    const fullRecommendsURL = proxyURL + LinkedInApi.recommendUrl + "?" + recommendParams.toString();
-    async function fetchOAuth() {
-        try {
-            window.location.href = fullOAuthURL;
-        }
-        catch (err) {
-            console.log("Error : ", err);
-        }
-    }
-    async function fetchAccessToken() {
-        try {
-            const fullTokenURL = proxyURL + LinkedInApi.tokenUrl;
-            const tokenPromise = await fetch(fullTokenURL, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/x-www-form-urlencoded',
-                    'grant_type': 'authorization_code',
-                    // 'grant_type' : 'client_credentials',
-                    'code': codeParam,
-                    'redirect_uri': LinkedInApi.redirectUrl,
-                    'client_id': LinkedInApi.clientID,
-                    'client_secret': LinkedInApi.clientSecret
-                }
-            });
-        }
-        catch (err) {
-            console.log("Error : ", err);
-        }
-    }
-    async function fetchRecommendations() {
-        try {
-            const recommendPromise = await fetch(fullRecommendsURL, { method: 'GET' });
-            const response = await recommendPromise.response;
-            setData(await response.body);
-        }
-        catch (err) {
-            console.log("Error : ", err);
-        }
-    }
-    useEffect(() => {
-        if (codeParam) {
-            fetchAccessToken()
-                .then(fetchRecommendations());
-        }
-        else {
-            fetchOAuth();
-        }
-    }, []);
-    return (_jsxs("div", { children: [_jsx("div", { children: _jsx("a", { href: fullOAuthURL, children: "Click it!" }) }), _jsx("div", { children: data ? _jsx("div", { children: JSON.stringify(data) }) : _jsx("p", { children: "Loading..." }) })] }));
-}

package/dist/components/cms/pixelated.linkedin2.js

@@ -1,92 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import React, { useEffect, useState } from 'react';
-// CONFIG: Replace with your values
-const CLIENT_ID = '78sh51y6nl3xe8';
-const CLIENT_SECRET = 'WPL_AP1.dug4iQXjl3VjEGG0.tok/0A==';
-const REDIRECT_URI = 'http://localhost:6006/?path=/story/linkedin--linked-in-recommendations';
-const STATE = '96573480'; // Any random string
-const SCOPES = 'r_liteprofile';
-const proxyUrl = 'https://proxy.pixelated.tech/prod/proxy?url=';
-export function LinkedInAuthRecommendations() {
-    const debug = true;
-    const [accessToken, setAccessToken] = useState(null);
-    const [recommendations, setRecommendations] = useState([]);
-    const [error, setError] = useState(null);
-    // Step 1: Redirect user to LinkedIn login
-    const initiateLogin = () => {
-        if (debug)
-            console.log("Initiating Login");
-        // const url = encodeURI(`https://www.linkedin.com/oauth/v2/authorization?response_type=code&client_id=${CLIENT_ID}&redirect_uri=${encodeURIComponent(REDIRECT_URI)}&state=${STATE}&scope=${encodeURIComponent(SCOPES)}`);
-        const authUrl = `${proxyUrl}https://www.linkedin.com/oauth/v2/authorization?response_type=code&client_id=${CLIENT_ID}&redirect_uri=${encodeURIComponent(REDIRECT_URI)}&state=${STATE}&scope=${encodeURIComponent(SCOPES)}`;
-        window.location.href = authUrl;
-    };
-    // Step 2: Handle LinkedIn redirect and get access token
-    useEffect(() => {
-        if (debug)
-            console.log("Handling redirect and getting access token");
-        const urlParams = new URLSearchParams(window.location.search);
-        const code = urlParams.get('code');
-        const state = urlParams.get('state');
-        if (code && state === STATE) {
-            // Step 3: Exchange code for access token
-            if (debug)
-                console.log("Exchanging code for access token : ", code);
-            const fetchAccessToken = async () => {
-                try {
-                    const response = await fetch(`${proxyUrl}https://www.linkedin.com/oauth/v2/accessToken`, {
-                        method: 'POST',
-                        headers: {
-                            'Content-Type': 'application/x-www-form-urlencoded',
-                        },
-                        body: new URLSearchParams({
-                            grant_type: 'authorization_code',
-                            code,
-                            redirect_uri: REDIRECT_URI,
-                            client_id: CLIENT_ID,
-                            client_secret: CLIENT_SECRET, // Only safe on server
-                        }),
-                    });
-                    const data = await response.json();
-                    setAccessToken(data.access_token);
-                }
-                catch (err) {
-                    console.log(err);
-                    setError('Failed to get access token');
-                }
-            };
-            fetchAccessToken();
-        }
-    }, []);
-    // Step 4: Call LinkedIn API to get recommendations (hypothetical)
-    useEffect(() => {
-        const fetchRecommendations = async () => {
-            if (!accessToken)
-                return;
-            if (debug)
-                console.log("Calling LinkedIn API");
-            try {
-                const response = await fetch(`${proxyUrl}https://api.linkedin.com/v2/recommendations`, {
-                    headers: {
-                        Authorization: `Bearer ${accessToken}`,
-                        'X-Restli-Protocol-Version': '2.0.0',
-                    },
-                });
-                const data = await response.json();
-                setRecommendations(data.elements || []);
-            }
-            catch (err) {
-                console.log(err);
-                setError('Failed to fetch recommendations');
-            }
-        };
-        fetchRecommendations();
-    }, [accessToken]);
-    // UI
-    if (error)
-        return _jsxs("p", { className: "text-red-500", children: ["Error: ", error] });
-    if (!accessToken) {
-        return (_jsx("div", { className: "p-4", children: _jsx("button", { onClick: initiateLogin, className: "px-4 py-2 bg-blue-600 text-white rounded", children: "Login with LinkedIn" }) }));
-    }
-    return (_jsxs("div", { className: "p-4", children: [_jsx("h2", { className: "text-xl font-bold mb-2", children: "LinkedIn Recommendations" }), recommendations.length === 0 ? (_jsx("p", { children: "No recommendations found." })) : (_jsx("ul", { className: "space-y-4", children: recommendations.map((rec, index) => (_jsxs("li", { className: "p-4 border rounded shadow", children: [_jsx("p", { className: "font-semibold", children: rec.recommender?.name || 'Unknown' }), _jsx("p", { children: rec.text })] }, index))) }))] }));
-}
-;

package/dist/types/components/cms/pixelated.linkedin.d.ts

@@ -1,2 +0,0 @@
-export function LinkedIn(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=pixelated.linkedin.d.ts.map

package/dist/types/components/cms/pixelated.linkedin.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pixelated.linkedin.d.ts","sourceRoot":"","sources":["../../../../src/components/cms/pixelated.linkedin.js"],"names":[],"mappings":"AAoBA,oEAyJC"}

package/dist/types/components/cms/pixelated.linkedin1.d.ts

@@ -1,2 +0,0 @@
-export function LinkedIn(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=pixelated.linkedin1.d.ts.map

package/dist/types/components/cms/pixelated.linkedin1.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pixelated.linkedin1.d.ts","sourceRoot":"","sources":["../../../../src/components/cms/pixelated.linkedin1.js"],"names":[],"mappings":"AAGA,oEAiGC"}

package/dist/types/components/cms/pixelated.linkedin2.d.ts

@@ -1,2 +0,0 @@
-export function LinkedInAuthRecommendations(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=pixelated.linkedin2.d.ts.map

package/dist/types/components/cms/pixelated.linkedin2.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pixelated.linkedin2.d.ts","sourceRoot":"","sources":["../../../../src/components/cms/pixelated.linkedin2.js"],"names":[],"mappings":"AAUA,uFAwGC"}

package/dist/types/tests/pixelated.menu-expando.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=pixelated.menu-expando.test.d.ts.map

package/dist/types/tests/pixelated.menu-expando.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pixelated.menu-expando.test.d.ts","sourceRoot":"","sources":["../../../src/tests/pixelated.menu-expando.test.tsx"],"names":[],"mappings":""}