payload-wordpress-migrator 0.0.22

package/dist/components/BeforeDashboardClient.js

@@ -0,0 +1,225 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import styles from './BeforeDashboardClient.module.css';
+
+const BeforeDashboardClient = ({ forms: initialForms })=>{
+    const [loading, setLoading] = useState(false);
+    const [copiedId, setCopiedId] = useState(null);
+    const [forms, setForms] = useState(initialForms || []);
+    if (!forms || !Array.isArray(forms)) {
+        return /*#__PURE__*/ jsx("div", {
+            children: "No HubSpot forms available"
+        });
+    }
+    const totalSubmissions = forms.reduce((sum, form)=>sum + form.stats.submissions, 0);
+    const totalViews = forms.reduce((sum, form)=>sum + form.stats.views, 0);
+    const validConversionRates = forms.filter((form)=>form.stats.conversionRate !== undefined);
+    const averageConversionRate = validConversionRates.length > 0 ? validConversionRates.reduce((sum, form)=>sum + form.stats.conversionRate, 0) / validConversionRates.length : undefined;
+    const copyToClipboard = (text)=>{
+        void navigator.clipboard.writeText(text);
+        setCopiedId(text);
+        setTimeout(()=>setCopiedId(null), 2000);
+    };
+    if (loading) {
+        return /*#__PURE__*/ jsxs("div", {
+            className: styles.hubspotDashboard,
+            children: [
+                /*#__PURE__*/ jsx("div", {
+                    className: styles.loadingSpinner
+                }),
+                "Loading HubSpot dashboard..."
+            ]
+        });
+    }
+    return /*#__PURE__*/ jsxs("div", {
+        className: "gutter--left gutter--right collection-list__wrap",
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: styles.hubspotDashboardHeader,
+                children: [
+                    /*#__PURE__*/ jsx("h1", {
+                        children: "HubSpot Forms Overview"
+                    }),
+                    /*#__PURE__*/ jsx("button", {
+                        className: styles.refreshButton,
+                        onClick: async ()=>{
+                            try {
+                                setLoading(true);
+                                const response = await fetch('/api/hubspot/forms?refresh=true');
+                                if (!response.ok) {
+                                    throw new Error('Failed to refresh forms');
+                                }
+                                const newForms = await response.json();
+                                setForms(newForms);
+                            } catch (error) {
+                                console.error('Error refreshing forms:', error);
+                            } finally{
+                                setLoading(false);
+                            }
+                        },
+                        type: "button",
+                        children: "Refresh Data"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: styles.hubspotDashboardStats,
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: styles.statCard,
+                        children: [
+                            /*#__PURE__*/ jsx("h3", {
+                                children: "Total Forms"
+                            }),
+                            /*#__PURE__*/ jsx("p", {
+                                children: forms.length
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: styles.statCard,
+                        children: [
+                            /*#__PURE__*/ jsx("h3", {
+                                children: "Total Views"
+                            }),
+                            /*#__PURE__*/ jsx("p", {
+                                children: totalViews
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: styles.statCard,
+                        children: [
+                            /*#__PURE__*/ jsx("h3", {
+                                children: "Total Submissions"
+                            }),
+                            /*#__PURE__*/ jsx("p", {
+                                children: totalSubmissions
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: styles.statCard,
+                        children: [
+                            /*#__PURE__*/ jsx("h3", {
+                                children: "Avg. Conversion Rate"
+                            }),
+                            /*#__PURE__*/ jsx("p", {
+                                children: averageConversionRate ? `${(averageConversionRate * 100).toFixed(1)}%` : 'N/A'
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: styles.hubspotDashboardRecent,
+                children: [
+                    /*#__PURE__*/ jsx("h3", {
+                        children: "All Available Forms"
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        className: styles.tableContainer,
+                        children: /*#__PURE__*/ jsxs("table", {
+                            children: [
+                                /*#__PURE__*/ jsx("thead", {
+                                    children: /*#__PURE__*/ jsxs("tr", {
+                                        children: [
+                                            /*#__PURE__*/ jsx("th", {
+                                                children: "Form Name"
+                                            }),
+                                            /*#__PURE__*/ jsx("th", {
+                                                children: "Form ID"
+                                            }),
+                                            /*#__PURE__*/ jsx("th", {
+                                                children: "Views"
+                                            }),
+                                            /*#__PURE__*/ jsx("th", {
+                                                children: "Submissions"
+                                            }),
+                                            /*#__PURE__*/ jsx("th", {
+                                                children: "Conversion Rate"
+                                            })
+                                        ]
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx("tbody", {
+                                    children: forms.sort((a, b)=>b.stats.views - a.stats.views).map((form)=>/*#__PURE__*/ jsxs("tr", {
+                                            children: [
+                                                /*#__PURE__*/ jsx("td", {
+                                                    children: form.name
+                                                }),
+                                                /*#__PURE__*/ jsx("td", {
+                                                    children: /*#__PURE__*/ jsxs("div", {
+                                                        className: styles.copyContainer,
+                                                        children: [
+                                                            form.guid,
+                                                            /*#__PURE__*/ jsx("button", {
+                                                                className: styles.copyButton,
+                                                                onClick: ()=>copyToClipboard(form.guid),
+                                                                title: "Copy to clipboard",
+                                                                type: "button",
+                                                                children: copiedId === form.guid ? /*#__PURE__*/ jsx("svg", {
+                                                                    fill: "none",
+                                                                    height: "16",
+                                                                    stroke: "currentColor",
+                                                                    strokeLinecap: "round",
+                                                                    strokeLinejoin: "round",
+                                                                    strokeWidth: "2",
+                                                                    viewBox: "0 0 24 24",
+                                                                    width: "16",
+                                                                    xmlns: "http://www.w3.org/2000/svg",
+                                                                    children: /*#__PURE__*/ jsx("polyline", {
+                                                                        points: "20 6 9 17 4 12"
+                                                                    })
+                                                                }) : /*#__PURE__*/ jsxs("svg", {
+                                                                    fill: "none",
+                                                                    height: "16",
+                                                                    stroke: "currentColor",
+                                                                    strokeLinecap: "round",
+                                                                    strokeLinejoin: "round",
+                                                                    strokeWidth: "2",
+                                                                    viewBox: "0 0 24 24",
+                                                                    width: "16",
+                                                                    xmlns: "http://www.w3.org/2000/svg",
+                                                                    children: [
+                                                                        /*#__PURE__*/ jsx("rect", {
+                                                                            height: "13",
+                                                                            rx: "2",
+                                                                            ry: "2",
+                                                                            width: "13",
+                                                                            x: "9",
+                                                                            y: "9"
+                                                                        }),
+                                                                        /*#__PURE__*/ jsx("path", {
+                                                                            d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"
+                                                                        })
+                                                                    ]
+                                                                })
+                                                            })
+                                                        ]
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsx("td", {
+                                                    children: form.stats.views
+                                                }),
+                                                /*#__PURE__*/ jsx("td", {
+                                                    children: form.stats.submissions
+                                                }),
+                                                /*#__PURE__*/ jsx("td", {
+                                                    children: form.stats.conversionRate === undefined ? 'N/A' : `${(form.stats.conversionRate * 100).toFixed(1)}%`
+                                                })
+                                            ]
+                                        }, form.guid))
+                                })
+                            ]
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+export { BeforeDashboardClient };
+//# sourceMappingURL=BeforeDashboardClient.js.map

package/dist/components/BeforeDashboardClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BeforeDashboardClient.js","sources":["../../src/components/BeforeDashboardClient.tsx"],"sourcesContent":["'use client'\n\nimport React, { useState } from 'react'\n\nimport styles from './BeforeDashboardClient.module.css'\n\ntype HubSpotForm = {\n  guid: string\n  name: string\n  stats: {\n    conversionRate: number\n    submissions: number\n    views: number\n  }\n}\n\ntype BeforeDashboardClientProps = {\n  forms: HubSpotForm[]\n}\n\nexport const BeforeDashboardClient = ({ forms: initialForms }: BeforeDashboardClientProps) => {\n  const [loading, setLoading] = useState(false)\n  const [copiedId, setCopiedId] = useState<null | string>(null)\n  const [forms, setForms] = useState<HubSpotForm[]>(initialForms || [])\n\n  if (!forms || !Array.isArray(forms)) {\n    return <div>No HubSpot forms available</div>\n  }\n\n  const totalSubmissions = forms.reduce((sum, form) => sum + form.stats.submissions, 0)\n  const totalViews = forms.reduce((sum, form) => sum + form.stats.views, 0)\n  const validConversionRates = forms.filter(form => form.stats.conversionRate !== undefined)\n  const averageConversionRate = validConversionRates.length > 0\n    ? validConversionRates.reduce((sum, form) => sum + form.stats.conversionRate, 0) / validConversionRates.length\n    : undefined\n\n  const copyToClipboard = (text: string) => {\n    void navigator.clipboard.writeText(text)\n    setCopiedId(text)\n    setTimeout(() => setCopiedId(null), 2000)\n  }\n\n  if (loading) {\n    return (\n      <div className={styles.hubspotDashboard}>\n        <div className={styles.loadingSpinner} />\n        Loading HubSpot dashboard...\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"gutter--left gutter--right collection-list__wrap\">\n      <div className={styles.hubspotDashboardHeader}>\n        <h1>HubSpot Forms Overview</h1>\n        <button\n          className={styles.refreshButton}\n          onClick={async () => {\n            try {\n              setLoading(true)\n              const response = await fetch('/api/hubspot/forms?refresh=true')\n              if (!response.ok) {\n                throw new Error('Failed to refresh forms')\n              }\n              const newForms = await response.json()\n              setForms(newForms)\n            } catch (error) {\n              console.error('Error refreshing forms:', error)\n            } finally {\n              setLoading(false)\n            }\n          }}\n          type=\"button\"\n        >\n          Refresh Data\n        </button>\n      </div>\n\n      <div className={styles.hubspotDashboardStats}>\n        <div className={styles.statCard}>\n          <h3>Total Forms</h3>\n          <p>{forms.length}</p>\n        </div>\n        <div className={styles.statCard}>\n          <h3>Total Views</h3>\n          <p>{totalViews}</p>\n        </div>\n        <div className={styles.statCard}>\n          <h3>Total Submissions</h3>\n          <p>{totalSubmissions}</p>\n        </div>\n        <div className={styles.statCard}>\n          <h3>Avg. Conversion Rate</h3>\n          <p>{averageConversionRate ? `${(averageConversionRate * 100).toFixed(1)}%` : 'N/A'}</p>\n        </div>\n      </div>\n\n      <div className={styles.hubspotDashboardRecent}>\n        <h3>All Available Forms</h3>\n        <div className={styles.tableContainer}>\n          <table>\n            <thead>\n              <tr>\n                <th>Form Name</th>\n                <th>Form ID</th>\n                <th>Views</th>\n                <th>Submissions</th>\n                <th>Conversion Rate</th>\n              </tr>\n            </thead>\n            <tbody>\n              {forms\n                .sort((a, b) => b.stats.views - a.stats.views)\n                .map((form) => (\n                  <tr key={form.guid}>\n                    <td>{form.name}</td>\n                    <td>\n                      <div className={styles.copyContainer}>\n                        {form.guid}\n                        <button\n                          className={styles.copyButton}\n                          onClick={() => copyToClipboard(form.guid)}\n                          title=\"Copy to clipboard\"\n                          type=\"button\"\n                        >\n                          {copiedId === form.guid ? (\n                            <svg\n                              fill=\"none\"\n                              height=\"16\"\n                              stroke=\"currentColor\"\n                              strokeLinecap=\"round\"\n                              strokeLinejoin=\"round\"\n                              strokeWidth=\"2\"\n                              viewBox=\"0 0 24 24\"\n                              width=\"16\"\n                              xmlns=\"http://www.w3.org/2000/svg\"\n                            >\n                              <polyline points=\"20 6 9 17 4 12\"></polyline>\n                            </svg>\n                          ) : (\n                            <svg\n                              fill=\"none\"\n                              height=\"16\"\n                              stroke=\"currentColor\"\n                              strokeLinecap=\"round\"\n                              strokeLinejoin=\"round\"\n                              strokeWidth=\"2\"\n                              viewBox=\"0 0 24 24\"\n                              width=\"16\"\n                              xmlns=\"http://www.w3.org/2000/svg\"\n                            >\n                              <rect height=\"13\" rx=\"2\" ry=\"2\" width=\"13\" x=\"9\" y=\"9\"></rect>\n                              <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"></path>\n                            </svg>\n                          )}\n                        </button>\n                      </div>\n                    </td>\n                    <td>{form.stats.views}</td>\n                    <td>{form.stats.submissions}</td>\n                    <td>{form.stats.conversionRate === undefined ? 'N/A' : `${(form.stats.conversionRate * 100).toFixed(1)}%`}</td>\n                  </tr>\n                ))}\n            </tbody>\n          </table>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["className","forms","totalViews","totalSubmissions","form"],"mappings":";;;;;;AAqBE;AACA;AACA;AAEA;AACE;AAAY;;AACd;AAEA;AACA;;;AAMA;AACE;;;AAGF;AAEA;AACE;AACOA;;;AACEA;;AAAoC;;;AAI/C;AAEA;;;;AAESA;;;AACC;;;AAEFA;;;;;;AAMM;AACF;;;AAGF;;;;AAIA;AACF;;AAED;;;;;AAKEA;;;AACEA;;;AACC;;;AACAC;;;;;AAEDD;;;AACC;;;AACAE;;;;;AAEDF;;;AACC;;;AACAG;;;;;AAEDH;;;AACC;;;;;;;;;;AAKHA;;;AACC;;;AACCA;AACH;;;AAEI;;;AACM;;;AACA;;;AACA;;;AACA;;;AACA;;;;;;AAILC;;;AAIUG;;;AAEH;AAAKJ;;AACFI;;AAECJ;;;;;;;;;;;;;;AAiBI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAvBHI;;;;;;;;;AAuD3B;;"}

package/dist/components/BeforeDashboardClient.module.css

@@ -0,0 +1,175 @@
+.hubspotDashboard {
+  padding: 20px 60px;
+  background: var(--theme-elevation-0);
+  border-radius: 8px;
+  margin-bottom: 2rem;
+}
+
+.hubspotDashboardLoading {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  color: var(--theme-elevation-400);
+}
+
+.errorMessage {
+  color: var(--theme-error-500);
+  background: var(--theme-error-100);
+  padding: 1rem;
+  border-radius: 4px;
+  border: 1px solid var(--theme-error-200);
+}
+
+.errorMessage h3 {
+  margin: 0 0 0.5rem;
+}
+
+.errorMessage p {
+  margin: 0;
+}
+
+.hubspotDashboardHeader {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 2rem;
+}
+
+.hubspotDashboardHeader h2 {
+  margin: 0;
+}
+
+.refreshButton {
+  padding: 0.5rem 1rem;
+  background: var(--theme-elevation-100);
+  border: 1px solid var(--theme-elevation-200);
+  border-radius: 4px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.refreshButton:hover {
+  background: var(--theme-elevation-200);
+}
+
+.hubspotDashboardStats {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  gap: 1rem;
+  margin-bottom: 2rem;
+}
+
+.statCard {
+  padding: 1.5rem;
+  background: var(--theme-elevation-50);
+  border: 1px solid var(--theme-elevation-100);
+  border-radius: 6px;
+  text-align: center;
+}
+
+.statCard h3 {
+  margin: 0;
+  color: var(--theme-elevation-400);
+  font-size: 0.875rem;
+  font-weight: 500;
+}
+
+.statCard p {
+  margin: 0.5rem 0 0;
+  font-size: 1.5rem;
+  font-weight: 600;
+  color: var(--theme-elevation-800);
+}
+
+.hubspotDashboardRecent h3 {
+  margin: 0 0 1rem;
+}
+
+.tableContainer {
+  overflow-x: auto;
+  border: 1px solid var(--theme-elevation-100);
+  border-radius: 6px;
+}
+
+.tableContainer table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.875rem;
+}
+
+.tableContainer th,
+.tableContainer td {
+  padding: 0.75rem 1rem;
+  text-align: left;
+  border-bottom: 1px solid var(--theme-elevation-100);
+}
+
+.tableContainer th {
+  background: var(--theme-elevation-50);
+  font-weight: 500;
+  color: var(--theme-elevation-600);
+}
+
+.tableContainer tr:last-child td {
+  border-bottom: none;
+}
+
+.statusBadge {
+  display: inline-block;
+  padding: 0.25rem 0.5rem;
+  border-radius: 999px;
+  font-size: 0.75rem;
+  font-weight: 500;
+}
+
+.published {
+  background: var(--theme-success-100);
+  color: var(--theme-success-700);
+}
+
+.draft {
+  background: var(--theme-warning-100);
+  color: var(--theme-warning-700);
+}
+
+.loadingSpinner {
+  width: 20px;
+  height: 20px;
+  border: 2px solid var(--theme-elevation-100);
+  border-top-color: var(--theme-elevation-400);
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.copyContainer {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.copyButton {
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #666;
+  transition: color 0.2s;
+}
+
+.copyButton:hover {
+  color: #333;
+}
+
+.copyButton svg {
+  width: 16px;
+  height: 16px;
+}

package/dist/components/BeforeDashboardServer.d.ts

@@ -0,0 +1 @@
+export declare const MigrationDashboardServer: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/BeforeDashboardServer.js

@@ -0,0 +1,29 @@
+import { jsx } from 'react/jsx-runtime';
+import { getPluginOptions } from '../index.js';
+import { MigrationDashboardClient } from './MigrationDashboardClient.js';
+
+const MigrationDashboardServer = ()=>{
+    const pluginOptions = getPluginOptions();
+    if (!pluginOptions || pluginOptions.disabled) {
+        return /*#__PURE__*/ jsx("div", {
+            children: "WordPress Migration plugin is disabled"
+        });
+    }
+    // Server-side data fetching in plugin components has limitations
+    // The client component will handle data fetching via API endpoints
+    // This provides better error handling and real-time updates
+    const initialSummary = {
+        activeJobs: 0,
+        completedJobs: 0,
+        recentJobs: [],
+        totalItemsMigrated: 0,
+        totalJobs: 0,
+        totalSites: 0
+    };
+    return /*#__PURE__*/ jsx(MigrationDashboardClient, {
+        summary: initialSummary
+    });
+};
+
+export { MigrationDashboardServer };
+//# sourceMappingURL=BeforeDashboardServer.js.map

package/dist/components/BeforeDashboardServer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BeforeDashboardServer.js","sources":["../../src/components/BeforeDashboardServer.tsx"],"sourcesContent":["import { getPluginOptions } from '../index.js'\nimport { MigrationDashboardClient } from './MigrationDashboardClient.js'\n\nexport const MigrationDashboardServer = () => {\n  const pluginOptions = getPluginOptions()\n\n  if (!pluginOptions || pluginOptions.disabled) {\n    return <div>WordPress Migration plugin is disabled</div>\n  }\n\n  // Server-side data fetching in plugin components has limitations\n  // The client component will handle data fetching via API endpoints\n  // This provides better error handling and real-time updates\n  const initialSummary = {\n    activeJobs: 0,\n    completedJobs: 0,\n    recentJobs: [],\n    totalItemsMigrated: 0,\n    totalJobs: 0,\n    totalSites: 0,\n  }\n\n  return <MigrationDashboardClient summary={initialSummary} />\n}\n"],"names":["MigrationDashboardServer","pluginOptions","getPluginOptions","disabled","_jsx","div","initialSummary","activeJobs","completedJobs","recentJobs","totalItemsMigrated","totalJobs","totalSites","MigrationDashboardClient","summary"],"mappings":";;;;MAGaA,wBAAAA,GAA2B,IAAA;AACtC,IAAA,MAAMC,aAAAA,GAAgBC,gBAAAA,EAAAA;AAEtB,IAAA,IAAI,CAACD,aAAAA,IAAiBA,aAAAA,CAAcE,QAAQ,EAAE;AAC5C,QAAA,qBAAOC,GAAA,CAACC,KAAAA,EAAAA;AAAI,YAAA,QAAA,EAAA;;AACd,IAAA;;;;AAKA,IAAA,MAAMC,cAAAA,GAAiB;QACrBC,UAAAA,EAAY,CAAA;QACZC,aAAAA,EAAe,CAAA;AACfC,QAAAA,UAAAA,EAAY,EAAE;QACdC,kBAAAA,EAAoB,CAAA;QACpBC,SAAAA,EAAW,CAAA;QACXC,UAAAA,EAAY;AACd,KAAA;AAEA,IAAA,qBAAOR,GAAA,CAACS,wBAAAA,EAAAA;QAAyBC,OAAAA,EAASR;;AAC5C;;;;"}

package/dist/components/ContentTypeSelect.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TextFieldClientProps } from 'payload';
+declare const ContentTypeSelect: React.FC<TextFieldClientProps>;
+export default ContentTypeSelect;

package/dist/components/ContentTypeSelect.js

@@ -0,0 +1,147 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { useField, ReactSelect } from '@payloadcms/ui';
+
+const ContentTypeSelect = ({ field, path })=>{
+    const { value, setValue } = useField({
+        path: path || field?.name
+    });
+    const [availableTypes, setAvailableTypes] = useState([]);
+    const [isLoaded, setIsLoaded] = useState(false);
+    useEffect(()=>{
+        const loadDiscoveredContent = ()=>{
+            try {
+                const savedConfig = localStorage.getItem('wp-site-config');
+                if (savedConfig) {
+                    const config = JSON.parse(savedConfig);
+                    if (config.connectionStatus === 'scanned' && config.discoveredContent) {
+                        // Convert discovered content to select options, filtering out empty content types
+                        const options = config.discoveredContent.filter((content)=>content.count > 0 && content.available).map((content)=>({
+                                label: `${content.label} (${content.count} items)${content.custom ? ' - Custom' : ''}`,
+                                value: content.type
+                            }));
+                        setAvailableTypes(options);
+                        setIsLoaded(true);
+                        return;
+                    }
+                }
+                // Fallback to default options if no discovered content
+                const defaultOptions = [
+                    {
+                        label: 'Posts',
+                        value: 'posts'
+                    },
+                    {
+                        label: 'Pages',
+                        value: 'pages'
+                    },
+                    {
+                        label: 'Media',
+                        value: 'media'
+                    },
+                    {
+                        label: 'Users',
+                        value: 'users'
+                    },
+                    {
+                        label: 'Categories',
+                        value: 'categories'
+                    }
+                ];
+                setAvailableTypes(defaultOptions);
+                setIsLoaded(true);
+            } catch (error) {
+                console.error('Failed to load discovered content:', error);
+                // Fallback to default options
+                const defaultOptions = [
+                    {
+                        label: 'Posts',
+                        value: 'posts'
+                    },
+                    {
+                        label: 'Pages',
+                        value: 'pages'
+                    },
+                    {
+                        label: 'Media',
+                        value: 'media'
+                    },
+                    {
+                        label: 'Users',
+                        value: 'users'
+                    },
+                    {
+                        label: 'Categories',
+                        value: 'categories'
+                    }
+                ];
+                setAvailableTypes(defaultOptions);
+                setIsLoaded(true);
+            }
+        };
+        loadDiscoveredContent();
+        // Listen for storage changes to update when WordPress config changes
+        const handleStorageChange = (e)=>{
+            if (e.key === 'wp-site-config') {
+                loadDiscoveredContent();
+            }
+        };
+        window.addEventListener('storage', handleStorageChange);
+        return ()=>window.removeEventListener('storage', handleStorageChange);
+    }, []);
+    if (!isLoaded) {
+        return /*#__PURE__*/ jsx("div", {
+            children: "Loading content types..."
+        });
+    }
+    return /*#__PURE__*/ jsxs("div", {
+        className: "field-type select",
+        id: "field-contentType",
+        style: {
+            flex: '1 1 auto'
+        },
+        children: [
+            /*#__PURE__*/ jsxs("label", {
+                className: "field-label",
+                htmlFor: "field-contentType",
+                children: [
+                    "Content Type to Migrate",
+                    /*#__PURE__*/ jsx("span", {
+                        className: "required",
+                        children: "*"
+                    })
+                ]
+            }),
+            availableTypes.length === 0 ? /*#__PURE__*/ jsx("div", {
+                className: "field-error",
+                children: /*#__PURE__*/ jsx("div", {
+                    className: "field-error__message",
+                    children: "No content types available. Please configure and scan your WordPress site first."
+                })
+            }) : /*#__PURE__*/ jsxs("div", {
+                className: "field-type__wrap",
+                children: [
+                    /*#__PURE__*/ jsx(ReactSelect, {
+                        value: availableTypes.find((option)=>option.value === value),
+                        onChange: (selectedOption)=>setValue(selectedOption?.value || ''),
+                        options: availableTypes,
+                        placeholder: "Select a content type...",
+                        isClearable: true
+                    }),
+                    availableTypes.length > 0 && /*#__PURE__*/ jsxs("div", {
+                        className: "field-description field-description-contentType",
+                        children: [
+                            "Showing ",
+                            String(availableTypes.length || ''),
+                            " content types discovered from your WordPress site. To update this list, reconfigure and scan your WordPress site in the migration dashboard."
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+export { ContentTypeSelect as default };
+//# sourceMappingURL=ContentTypeSelect.js.map

package/dist/components/ContentTypeSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentTypeSelect.js","sources":["../../src/components/ContentTypeSelect.tsx"],"sourcesContent":["'use client'\n\nimport React, { useEffect, useState } from 'react'\nimport { useField, ReactSelect } from '@payloadcms/ui'\nimport type { TextFieldClientProps } from 'payload'\n\ntype ContentType = {\n  type: string\n  label: string\n  count: number\n  available: boolean\n  custom?: boolean\n  restBase?: string\n}\n\ntype WordPressSiteConfig = {\n  discoveredContent?: ContentType[]\n  connectionStatus?: string\n}\n\nconst ContentTypeSelect: React.FC<TextFieldClientProps> = ({ field, path }: any) => {\n  const { value, setValue } = useField<string>({ path: path || field?.name })\n  const [availableTypes, setAvailableTypes] = useState<Array<{ label: string; value: string }>>([])\n  const [isLoaded, setIsLoaded] = useState(false)\n\n  useEffect(() => {\n    const loadDiscoveredContent = () => {\n      try {\n        const savedConfig = localStorage.getItem('wp-site-config')\n        if (savedConfig) {\n          const config: WordPressSiteConfig = JSON.parse(savedConfig)\n\n          if (config.connectionStatus === 'scanned' && config.discoveredContent) {\n            // Convert discovered content to select options, filtering out empty content types\n            const options = config.discoveredContent\n              .filter((content) => content.count > 0 && content.available)\n              .map((content) => ({\n                label: `${content.label} (${content.count} items)${content.custom ? ' - Custom' : ''}`,\n                value: content.type,\n              }))\n\n            setAvailableTypes(options)\n            setIsLoaded(true)\n            return\n          }\n        }\n\n        // Fallback to default options if no discovered content\n        const defaultOptions = [\n          { label: 'Posts', value: 'posts' },\n          { label: 'Pages', value: 'pages' },\n          { label: 'Media', value: 'media' },\n          { label: 'Users', value: 'users' },\n          { label: 'Categories', value: 'categories' },\n        ]\n\n        setAvailableTypes(defaultOptions)\n        setIsLoaded(true)\n      } catch (error) {\n        console.error('Failed to load discovered content:', error)\n\n        // Fallback to default options\n        const defaultOptions = [\n          { label: 'Posts', value: 'posts' },\n          { label: 'Pages', value: 'pages' },\n          { label: 'Media', value: 'media' },\n          { label: 'Users', value: 'users' },\n          { label: 'Categories', value: 'categories' },\n        ]\n\n        setAvailableTypes(defaultOptions)\n        setIsLoaded(true)\n      }\n    }\n\n    loadDiscoveredContent()\n\n    // Listen for storage changes to update when WordPress config changes\n    const handleStorageChange = (e: StorageEvent) => {\n      if (e.key === 'wp-site-config') {\n        loadDiscoveredContent()\n      }\n    }\n\n    window.addEventListener('storage', handleStorageChange)\n    return () => window.removeEventListener('storage', handleStorageChange)\n  }, [])\n\n  if (!isLoaded) {\n    return <div>Loading content types...</div>\n  }\n\n  return (\n    <div className=\"field-type select\" id=\"field-contentType\" style={{ flex: '1 1 auto' }}>\n      <label className=\"field-label\" htmlFor=\"field-contentType\">\n        Content Type to Migrate\n        <span className=\"required\">*</span>\n      </label>\n\n      {availableTypes.length === 0 ? (\n        <div className=\"field-error\">\n          <div className=\"field-error__message\">\n            No content types available. Please configure and scan your WordPress site first.\n          </div>\n        </div>\n      ) : (\n        <div className=\"field-type__wrap\">\n          <ReactSelect\n            value={availableTypes.find((option) => option.value === value)}\n            onChange={(selectedOption: any) => setValue(selectedOption?.value || '')}\n            options={availableTypes}\n            placeholder=\"Select a content type...\"\n            isClearable\n          />\n\n          {availableTypes.length > 0 && (\n            <div className=\"field-description field-description-contentType\">\n              Showing {String(availableTypes.length || '')} content types discovered from your\n              WordPress site. To update this list, reconfigure and scan your WordPress site in the\n              migration dashboard.\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default ContentTypeSelect\n"],"names":["path","label","value","loadDiscoveredContent","onChange"],"mappings":";;;;;AAoBA;AACE;AAA+CA;AAA0B;AACzE;AACA;;AAGE;;;AAGI;;AAGE;;AAEE;AAGIC;AACAC;;;;AAKJ;AACF;AACF;;AAGA;AACE;;;AAAiC;AACjC;;;AAAiC;AACjC;;;AAAiC;AACjC;;;AAAiC;AACjC;;;AAA2C;AAC5C;;;AAIH;;;AAIE;AACE;;;AAAiC;AACjC;;;AAAiC;AACjC;;;AAAiC;AACjC;;;AAAiC;AACjC;;;AAA2C;AAC5C;;;AAIH;AACF;AAEAC;;AAGA;;AAEIA;AACF;AACF;;AAGA;AACF;AAEA;AACE;AAAY;;AACd;AAEA;;;;;AACsF;;;;;;AACvB;;;AAE9B;;;;;;AAKzB;;AAAsC;;;;;;AAOpCD;AACAE;;;;;;;;AAOiE;;AAClB;;;;;;;AAS3D;;"}

package/dist/components/FieldMappingConfiguration.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const FieldMappingConfiguration: React.FC<{
+    path: string;
+}>;
+export default FieldMappingConfiguration;