@pixelated-tech/components 3.1.4

package/dist/components/cms/contentful.items.components.js

@@ -0,0 +1,243 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import PropTypes from "prop-types";
+import { Carousel } from '../carousel/carousel';
+import { getContentfulEntriesByType, getContentfulEntryByEntryID } from "./contentful.delivery";
+import { usePixelatedConfig } from '../config/config.client';
+import { AddToShoppingCart } from "../shoppingcart/shoppingcart.functions";
+import { AddToCartButton, /* GoToCartButton */ ViewItemDetails } from "../shoppingcart/shoppingcart.components";
+import { getCloudinaryRemoteFetchURL as getImg } from "./cloudinary";
+// import { Loading, ToggleLoading } from "../general/pixelated.loading";	
+import "../../css/pixelated.grid.scss";
+import "./contentful.items.css";
+import { SmartImage } from "./cloudinary.image";
+const debug = false;
+let ContentfulApiProps = {
+    proxyURL: 'https://proxy.pixelated.tech/prod/proxy?url=',
+    base_url: "https://cdn.contentful.com",
+    space_id: "soi9w77t7027",
+    environment: "master",
+    management_access_token: "",
+    delivery_access_token: "muY9LfpCt4qoXosDsnRkkoH3DAVVuUFEuB0WRKRdBUM",
+    preview_access_token: "",
+};
+const contentfulContentType = "item";
+/* ========== CONTENTFUL ITEMS PAGE ========== */
+ContentfulItems.propTypes = {
+    apiProps: PropTypes.object.isRequired,
+    cloudinaryProductEnv: PropTypes.string,
+};
+export function ContentfulItems(props) {
+    const [items, setItems] = useState([]);
+    const [assets, setAssets] = useState([]);
+    // Merge precedence: defaults < env vars < provider config < explicit props
+    // const providerContentful = usePixelatedConfig()?.contentful;
+    // const localContentfulApiProps = { ...ContentfulApiProps };
+    /* if (providerContentful) {
+        if (providerContentful.space_id) localContentfulApiProps.space_id = providerContentful.space_id;
+        if (providerContentful.delivery_access_token) localContentfulApiProps.delivery_access_token = providerContentful.delivery_access_token;
+        if (providerContentful.preview_access_token) localContentfulApiProps.preview_access_token = providerContentful.preview_access_token;
+        if (providerContentful.base_url) localContentfulApiProps.base_url = providerContentful.base_url;
+        if ((providerContentful as any).proxyURL) localContentfulApiProps.proxyURL = (providerContentful as any).proxyURL;
+    } */
+    const providerContentfulApiProps = usePixelatedConfig()?.contentful;
+    const mergedApiProps = { ...ContentfulApiProps, ...providerContentfulApiProps, ...props.apiProps, };
+    const [apiProps] = useState(mergedApiProps);
+    paintItems.propTypes = {
+        items: PropTypes.array.isRequired,
+        assets: PropTypes.array.isRequired,
+        cloudinaryProductEnv: PropTypes.string,
+    };
+    function paintItems(props) {
+        if (debug)
+            console.log("Painting Contentful Items");
+        let newItems = [];
+        for (let key in props.items) {
+            const item = props.items[key];
+            const itemImagesMatches = [];
+            const itemImages = item.fields.images ? item.fields.images : [];
+            for (let imgKey in itemImages) {
+                const img = itemImages[imgKey];
+                const itemAssets = props.assets.filter((asset) => (asset.sys.id === img.sys.id));
+                itemImagesMatches.push(...itemAssets);
+            }
+            itemImagesMatches.sort((a, b) => {
+                return a.sys.createdAt < b.sys.createdAt ? -1 : 1;
+            });
+            if (itemImagesMatches.length > 0) {
+                item.fields.imageUrl = itemImagesMatches[0].fields.file.url;
+                item.fields.imageAlt = itemImagesMatches[0].fields.title;
+            }
+            const newItem = _jsx(ContentfulListItem, { item: item, cloudinaryProductEnv: props.cloudinaryProductEnv }, item.sys.id);
+            newItems.push(newItem);
+        }
+        return newItems;
+    }
+    async function fetchItems() {
+        try {
+            const response = await getContentfulEntriesByType({
+                apiProps: apiProps,
+                contentType: contentfulContentType
+            });
+            if (debug)
+                console.log("Contentful API Get Items Data", response);
+            setItems(response.items);
+            setAssets(response.includes.Asset);
+        }
+        catch (error) {
+            console.error("Error fetching Contentful items:", error);
+        }
+    }
+    useEffect(() => {
+        if (debug)
+            console.log("Running useEffect");
+        // DISABLING FOR NOW TO AVOID LOADING TWICE 
+        // ToggleLoading(true);
+        fetchItems();
+        // ToggleLoading(false);
+    }, []);
+    if (items.length > 0) {
+        return (_jsxs(_Fragment, { children: [_jsx("div", { className: "contentfulItemsHeader", children: items.length === 1
+                        ? _jsx(ContentfulItemHeader, { title: `${items.length} Featured Item` })
+                        : _jsx(ContentfulItemHeader, { title: `${items.length} Featured Items` }) }), _jsx("div", { id: "contentfulItems", className: "contentfulItems", children: paintItems({ items: items, assets: assets, cloudinaryProductEnv: props.cloudinaryProductEnv }) })] }));
+    }
+    else {
+        return (_jsx("div", { id: "contentfulItems", className: "contentfulItems" }));
+    }
+}
+/* ========== CONTENTFUL LIST ITEM ========== */
+ContentfulListItem.propTypes = {
+    item: PropTypes.any.isRequired,
+    cloudinaryProductEnv: PropTypes.string,
+};
+export function ContentfulListItem(props) {
+    const thisItem = props.item;
+    const itemURL = "./store/" + thisItem.sys.id;
+    const itemURLTarget = "_self";
+    const shoppingCartItem = {
+        itemID: thisItem.sys.id,
+        itemURL: itemURL,
+        itemTitle: thisItem.fields.title,
+        itemImageURL: thisItem.fields.imageUrl,
+        itemQuantity: thisItem.fields.quantity,
+        itemCost: thisItem.fields.price,
+    };
+    const itemImage = (props.cloudinaryProductEnv)
+        ? getImg({ url: "https://" + thisItem.fields.imageUrl, product_env: props.cloudinaryProductEnv })
+        : thisItem.fields.imageUrl;
+    const config = usePixelatedConfig();
+    const imgComponent = _jsx(SmartImage, { src: itemImage, title: thisItem.fields.title, alt: thisItem.fields.title, cloudinaryEnv: config?.cloudinary?.product_env ?? undefined, cloudinaryDomain: config?.cloudinary?.baseUrl ?? undefined, cloudinaryTransforms: config?.cloudinary?.transforms ?? undefined });
+    // <img src={itemImage} title={thisItem.fields.title} alt={thisItem.fields.title} />
+    return (_jsxs("div", { className: "contentfulItem row-12col", children: [_jsx("div", { className: "contentfulItemPhoto grid-s1-e5", children: itemURL
+                    ? _jsx("a", { href: itemURL, target: itemURLTarget, rel: "noopener noreferrer", children: imgComponent })
+                    : (imgComponent) }), _jsxs("div", { className: "contentfulItemBody grid-s5-e13", children: [_jsx("div", { className: "contentfulItemHeader", children: itemURL
+                            ? _jsx(ContentfulItemHeader, { url: itemURL, target: itemURLTarget, title: thisItem.fields.title })
+                            : _jsx(ContentfulItemHeader, { title: thisItem.fields.title }) }), _jsxs("div", { className: "contentfulItemDetails grid12", children: [_jsxs("div", { children: [_jsx("b", { children: "Item ID: " }), thisItem.sys.id] }), _jsxs("div", { children: [_jsx("b", { children: "UPC ID: " }), thisItem.fields.id] }), _jsxs("div", { children: [_jsx("b", { children: "Quantity: " }), thisItem.fields.quantity] }), _jsxs("div", { children: [_jsx("b", { children: "Brand / Model: " }), thisItem.fields.brand, " ", thisItem.fields.model] }), _jsxs("div", { children: [_jsx("b", { children: "Listing Date: " }), thisItem.fields.date] })] }), _jsx("div", { className: "contentfulItemPrice", children: itemURL
+                            ? _jsxs("a", { href: itemURL, target: itemURLTarget, rel: "noreferrer", children: ["$", thisItem.fields.price, " USD"] })
+                            : "$" + thisItem.fields.price + " USD" }), _jsx("br", {}), _jsxs("div", { className: "contentfulItemAddToCart", children: [_jsx(ViewItemDetails, { href: "/store", itemID: thisItem.sys.id }), _jsx(AddToCartButton, { handler: AddToShoppingCart, item: shoppingCartItem, itemID: thisItem.sys.id })] })] })] }));
+}
+/* ========== CONTENTFUL ITEM HEADER ========== */
+ContentfulItemHeader.propTypes = {
+    title: PropTypes.string.isRequired,
+    url: PropTypes.string,
+    target: PropTypes.string,
+};
+export function ContentfulItemHeader(props) {
+    return (_jsx("span", { children: props.url
+            ? _jsx("a", { href: props.url, target: props.target ?? '', rel: "noopener noreferrer", children: _jsx("h2", { className: "", children: props.title }) })
+            : _jsx("h2", { className: "", children: props.title }) }));
+}
+/* ========== CONTENTFUL ITEM DETAIL PAGE ========== */
+ContentfulItemDetail.propTypes = {
+    apiProps: PropTypes.object.isRequired,
+    entry_id: PropTypes.string.isRequired,
+    cloudinaryProductEnv: PropTypes.string,
+};
+export function ContentfulItemDetail(props) {
+    const [item, setItem] = useState({});
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const [assets, setAssets] = useState({});
+    const [cards, setCards] = useState([]);
+    const providerContentfulApiProps = usePixelatedConfig()?.contentful;
+    const [apiProps] = useState({ ...ContentfulApiProps, ...providerContentfulApiProps, ...props.apiProps });
+    useEffect(() => {
+        if (debug)
+            console.log("Running useEffect");
+        async function fetchStuff() {
+            try {
+                // Get Item Data From Entry ID
+                const entryResponse = await getContentfulEntryByEntryID({
+                    apiProps: apiProps,
+                    entry_id: props.entry_id
+                });
+                if (debug)
+                    console.log("Contentful API Get Item Data", entryResponse);
+                const item = entryResponse;
+                setItem(item);
+                // Get Item Assets From Entries
+                const assetsResponse = await getContentfulEntriesByType({
+                    apiProps: apiProps,
+                    contentType: contentfulContentType
+                });
+                if (debug)
+                    console.log("Contentful API Get Contentful Assets Data", assetsResponse);
+                const assetImages = assetsResponse.includes.Asset;
+                setAssets(assetImages);
+                // Get Item Image URLs From Item Images and Entry Assets
+                const itemImages = item.fields.images ? item.fields.images : [];
+                const imageCards = [];
+                for (let imgKey in itemImages) {
+                    const img = itemImages[imgKey];
+                    const itemAsset = assetImages.filter((asset) => (asset.sys.id === img.sys.id));
+                    /* Contentful Asset URLs start with two slashes */
+                    const absURL = (itemAsset[0].fields.file.url.startsWith("//"))
+                        ? "https:" + itemAsset[0].fields.file.url
+                        : itemAsset[0].fields.file.url;
+                    if (itemAsset.length > 0) {
+                        imageCards.push({
+                            index: Number(imgKey),
+                            cardIndex: imageCards.length,
+                            cardLength: itemImages.length,
+                            image: absURL,
+                            imageAlt: itemAsset[0].fields.title,
+                            headerText: "",
+                            bodyText: "",
+                            link: "",
+                            linkTarget: "_self"
+                        });
+                    }
+                }
+                setCards(imageCards);
+            }
+            catch (error) {
+                console.error("Error fetching Contentful item images and assets:", error);
+            }
+        }
+        fetchStuff();
+    }, []);
+    if (item && Object.keys(item) && Object.keys(item).length > 0) {
+        const thisItem = { ...item };
+        if (debug)
+            console.log(thisItem);
+        const itemURL = undefined;
+        const itemURLTarget = "_self";
+        const shoppingCartItem = {
+            itemID: thisItem.sys.id,
+            itemURL: itemURL,
+            itemTitle: thisItem.fields.title,
+            itemImageURL: thisItem.fields.imageUrl,
+            itemQuantity: thisItem.fields.quantity,
+            itemCost: thisItem.fields.price,
+        };
+        shoppingCartItem.itemURL = itemURL;
+        return (_jsx(_Fragment, { children: _jsxs("div", { className: "contentfulItem row-12col", children: [_jsx("div", { className: "contentfulItemHeader grid-s1-e13", children: itemURL
+                            ? _jsx(ContentfulItemHeader, { url: itemURL, title: thisItem.fields.title })
+                            : _jsx(ContentfulItemHeader, { title: thisItem.fields.title }) }), _jsx("br", {}), _jsx("div", { className: "contentfulItemPhotoCarousel grid-s1-e7", children: _jsx(Carousel, { cards: cards, draggable: true, imgFit: "contain" }) }), _jsxs("div", { className: "grid-s7-e13", children: [_jsx("div", { className: "contentfulItemDetails grid12", children: _jsx("div", { dangerouslySetInnerHTML: { __html: thisItem.fields.description.replace(/(<br\s*\/?>\s*){2,}/gi, '') } }) }), _jsx("br", {}), _jsxs("div", { className: "contentfulItemDetails grid12", children: [_jsxs("div", { children: [_jsx("b", { children: "Item ID: " }), thisItem.sys.id] }), _jsxs("div", { children: [_jsx("b", { children: "UPC ID: " }), thisItem.fields.id] }), _jsxs("div", { children: [_jsx("b", { children: "Quantity: " }), thisItem.fields.quantity] }), _jsxs("div", { children: [_jsx("b", { children: "Brand / Model: " }), thisItem.fields.brand, " ", thisItem.fields.model] }), _jsxs("div", { children: [_jsx("b", { children: "Listing Date: " }), thisItem.fields.date] }), _jsx("br", {})] }), _jsx("div", { className: "contentfulItemPrice", children: itemURL
+                                    ? _jsxs("a", { href: itemURL, target: itemURLTarget, rel: "noreferrer", children: ["$", thisItem.fields.price, " USD"] })
+                                    : "$" + thisItem.fields.price + " USD" }), _jsx("br", {}), _jsx("div", { className: "contentfulItemAddToCart", children: _jsx(AddToCartButton, { handler: AddToShoppingCart, item: shoppingCartItem, itemID: thisItem.sys.id }) })] })] }) }));
+    }
+    else {
+        return (_jsx(_Fragment, { children: _jsx("div", { id: "contentfulItems", className: "contentfulItems", children: _jsx("div", { className: "centered", children: "Loading..." }) }) }));
+    }
+}

package/dist/components/cms/contentful.items.css

@@ -0,0 +1,131 @@
+/* ========================================
+=========    CONTENTFUL ITEMS     =========
+======================================== */
+
+.contentfulItems {
+    text-align: center;
+}
+
+@media screen and (max-width: 480px) {
+	.contentfulItems {
+		padding: 20px;
+	}
+}
+
+.contentfulItemsHeader {
+    font-size: 1.25em;
+    font-weight: bold;
+    text-align: center;
+}
+
+#contentfulItemsFilter {
+    font-size: 0.8em;
+    margin: 20px auto;
+}
+
+@media screen and (max-width: 480px) {
+    #contentfulItemsFilter {
+        text-align: left;
+    }
+	.filterInput { 
+        display: block;
+    }
+}
+
+.contentfulItem {
+    border: 1px solid #DDD;
+    text-align: left;
+    padding: 20px 5px !important;
+}
+
+@media screen and (max-width: 480px) {
+	.contentfulItem {
+		text-align: center;
+	}
+}
+
+.contentfulItemBody {
+    grid-auto-rows: min-content;
+    margin: 10px 0;
+}
+
+.contentfulItemHeader {
+    margin: 0 auto;
+}
+
+.contentfulItemHeader h2 {
+    font-size: 1.25em;
+    font-weight: bold;
+}
+
+/* ===== PHOTO CAROUSEL ON CONTENTFUL ITEM DETAIL PAGE ===== */
+.contentfulItemPhotoCarousel {
+    width: 100%;
+    height: 400px;
+}
+
+.contentfulItemPhotoCarousel { 
+
+    .carouselContainer {
+        background: none;
+        border: none;
+        height: 400px;
+    }
+
+    .carouselCardsContainer {
+        height: 100%;
+    }
+
+    .carouselButtons,
+    .carouselButton {
+        display: inline-block;
+    }
+
+}
+
+@media screen and (max-width: 480px) {
+	.contentfulItemPhotoCarousel {
+        height: 350px;
+    }
+    .contentfulItemPhotoCarousel .carouselContainer {
+        height: 300px;
+    }
+}
+
+.contentfulItemPhoto {
+    overflow: hidden;
+}
+
+.contentfulItemPhoto img {
+    padding: 10px 0;
+    width: 100%;
+}
+
+.contentfulItems .contentfulItemDetails {
+    display: none;
+}
+
+.contentfulItemDetails {
+    padding-bottom: 10px;
+}
+
+@media screen and (max-width: 480px) {
+	.contentfulItemDetails {
+        text-align: left;
+    }
+}
+
+.contentfulItemPrice{
+    font-size: 1.5em;
+    font-weight: bold;
+    /* background-image: url(/images/pix/pix-bg-sm-bw.gif); */
+    border: 2px solid #CCC;
+    border-radius: 5px;
+    display: inline-block;
+	margin: 0 auto;
+    padding: 5px 20px;
+    /* border: 1px solid #999;
+    -moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	border-radius: 5px; */
+}

package/dist/components/cms/contentful.management.js

@@ -0,0 +1,254 @@
+/**
+ * Generic Contentful Management API Functions
+ *
+ * Provides reusable CRUD operations for any Contentful content type
+ */
+/**
+ * List all entries of a specific content type
+ */
+export async function listEntries(contentType, config) {
+    const { spaceId, accessToken, environment = 'master' } = config;
+    try {
+        const response = await fetch(`https://api.contentful.com/spaces/${spaceId}/environments/${environment}/entries?content_type=${contentType}`, {
+            headers: {
+                'Authorization': `Bearer ${accessToken}`,
+                'Content-Type': 'application/json',
+            },
+        });
+        if (!response.ok) {
+            throw new Error(`Contentful API error: ${response.status}`);
+        }
+        const data = await response.json();
+        const entries = data.items || [];
+        return {
+            success: true,
+            entries,
+        };
+    }
+    catch (error) {
+        return {
+            success: false,
+            entries: [],
+            message: `Failed to list entries: ${error}`,
+        };
+    }
+}
+/**
+ * Get a single entry by ID
+ */
+export async function getEntryById(entryId, config) {
+    const { spaceId, accessToken, environment = 'master' } = config;
+    try {
+        const response = await fetch(`https://api.contentful.com/spaces/${spaceId}/environments/${environment}/entries/${entryId}`, {
+            headers: {
+                'Authorization': `Bearer ${accessToken}`,
+                'Content-Type': 'application/json',
+            },
+        });
+        if (!response.ok) {
+            if (response.status === 404) {
+                return {
+                    success: false,
+                    message: 'Entry not found.',
+                };
+            }
+            throw new Error(`Contentful API error: ${response.status}`);
+        }
+        const entry = await response.json();
+        return {
+            success: true,
+            entry,
+        };
+    }
+    catch (error) {
+        return {
+            success: false,
+            message: `Failed to get entry: ${error}`,
+        };
+    }
+}
+/**
+ * Search for entries by field value
+ */
+export async function searchEntriesByField(contentType, fieldName, fieldValue, config) {
+    const { spaceId, accessToken, environment = 'master' } = config;
+    try {
+        const response = await fetch(`https://api.contentful.com/spaces/${spaceId}/environments/${environment}/entries?content_type=${contentType}&fields.${fieldName}=${encodeURIComponent(fieldValue)}`, {
+            headers: {
+                'Authorization': `Bearer ${accessToken}`,
+                'Content-Type': 'application/json',
+            },
+        });
+        if (!response.ok) {
+            throw new Error(`Contentful API error: ${response.status}`);
+        }
+        const data = await response.json();
+        const entries = data.items || [];
+        return {
+            success: true,
+            entries,
+        };
+    }
+    catch (error) {
+        return {
+            success: false,
+            entries: [],
+            message: `Failed to search entries: ${error}`,
+        };
+    }
+}
+/**
+ * Create a new entry
+ */
+export async function createEntry(contentType, fields, config, autoPublish = true) {
+    const { spaceId, accessToken, environment = 'master' } = config;
+    try {
+        // Convert fields to Contentful format (with 'en-US' locale)
+        const contentfulFields = {};
+        for (const [key, value] of Object.entries(fields)) {
+            contentfulFields[key] = { 'en-US': value };
+        }
+        const createResponse = await fetch(`https://api.contentful.com/spaces/${spaceId}/environments/${environment}/entries`, {
+            method: 'POST',
+            headers: {
+                'Authorization': `Bearer ${accessToken}`,
+                'Content-Type': 'application/vnd.contentful.management.v1+json',
+                'X-Contentful-Content-Type': contentType,
+            },
+            body: JSON.stringify({
+                fields: contentfulFields,
+            }),
+        });
+        if (!createResponse.ok) {
+            const error = await createResponse.json();
+            throw new Error(`Create failed: ${JSON.stringify(error)}`);
+        }
+        const newEntry = await createResponse.json();
+        // Publish if requested
+        if (autoPublish) {
+            await fetch(`https://api.contentful.com/spaces/${spaceId}/environments/${environment}/entries/${newEntry.sys.id}/published`, {
+                method: 'PUT',
+                headers: {
+                    'Authorization': `Bearer ${accessToken}`,
+                    'X-Contentful-Version': newEntry.sys.version.toString(),
+                },
+            });
+        }
+        return {
+            success: true,
+            message: 'Entry created successfully.',
+            entryId: newEntry.sys.id,
+        };
+    }
+    catch (error) {
+        return {
+            success: false,
+            message: `Failed to create entry: ${error}`,
+        };
+    }
+}
+/**
+ * Update an existing entry
+ */
+export async function updateEntry(entryId, fields, config, autoPublish = true) {
+    const { spaceId, accessToken, environment = 'master' } = config;
+    try {
+        // Get current entry to get version
+        const getResponse = await getEntryById(entryId, config);
+        if (!getResponse.success || !getResponse.entry) {
+            return {
+                success: false,
+                message: 'Entry not found.',
+            };
+        }
+        const currentEntry = getResponse.entry;
+        // Convert fields to Contentful format (with 'en-US' locale)
+        const contentfulFields = {};
+        for (const [key, value] of Object.entries(fields)) {
+            contentfulFields[key] = { 'en-US': value };
+        }
+        const updateResponse = await fetch(`https://api.contentful.com/spaces/${spaceId}/environments/${environment}/entries/${entryId}`, {
+            method: 'PUT',
+            headers: {
+                'Authorization': `Bearer ${accessToken}`,
+                'Content-Type': 'application/vnd.contentful.management.v1+json',
+                'X-Contentful-Version': currentEntry.sys.version.toString(),
+            },
+            body: JSON.stringify({
+                fields: contentfulFields,
+            }),
+        });
+        if (!updateResponse.ok) {
+            const error = await updateResponse.json();
+            throw new Error(`Update failed: ${JSON.stringify(error)}`);
+        }
+        const updatedEntry = await updateResponse.json();
+        // Publish if requested
+        if (autoPublish) {
+            await fetch(`https://api.contentful.com/spaces/${spaceId}/environments/${environment}/entries/${entryId}/published`, {
+                method: 'PUT',
+                headers: {
+                    'Authorization': `Bearer ${accessToken}`,
+                    'X-Contentful-Version': updatedEntry.sys.version.toString(),
+                },
+            });
+        }
+        return {
+            success: true,
+            message: 'Entry updated successfully.',
+            entryId,
+        };
+    }
+    catch (error) {
+        return {
+            success: false,
+            message: `Failed to update entry: ${error}`,
+        };
+    }
+}
+/**
+ * Delete an entry (unpublish first, then delete)
+ */
+export async function deleteEntry(entryId, config) {
+    const { spaceId, accessToken, environment = 'master' } = config;
+    try {
+        // Get current entry to get version
+        const getResponse = await getEntryById(entryId, config);
+        if (!getResponse.success || !getResponse.entry) {
+            return {
+                success: false,
+                message: 'Entry not found.',
+            };
+        }
+        const entry = getResponse.entry;
+        // Unpublish first
+        await fetch(`https://api.contentful.com/spaces/${spaceId}/environments/${environment}/entries/${entryId}/published`, {
+            method: 'DELETE',
+            headers: {
+                'Authorization': `Bearer ${accessToken}`,
+                'X-Contentful-Version': entry.sys.version.toString(),
+            },
+        });
+        // Delete the entry
+        const deleteResponse = await fetch(`https://api.contentful.com/spaces/${spaceId}/environments/${environment}/entries/${entryId}`, {
+            method: 'DELETE',
+            headers: {
+                'Authorization': `Bearer ${accessToken}`,
+                'X-Contentful-Version': (entry.sys.version + 1).toString(),
+            },
+        });
+        if (!deleteResponse.ok) {
+            throw new Error(`Delete failed: ${deleteResponse.status}`);
+        }
+        return {
+            success: true,
+            message: 'Entry deleted successfully.',
+        };
+    }
+    catch (error) {
+        return {
+            success: false,
+            message: `Failed to delete entry: ${error}`,
+        };
+    }
+}