payload-wordpress-migrator 0.0.22 → 0.0.24

package/dist/components/FieldMappingConfiguration.js

@@ -63,22 +63,14 @@ const FieldMappingConfiguration = ({ path })=>{
         });
         return flattened;
     };
-    // Fetch WordPress content type fields
+    // Fetch WordPress content type fields (credentials resolved server-side from plugin config)
     const fetchWordPressFields = useCallback(async (contentType)=>{
         try {
             setLoading(true);
             setError('');
-            const savedConfig = localStorage.getItem('wp-site-config');
-            if (!savedConfig) {
-                throw new Error('WordPress site configuration not found');
-            }
-            const config = JSON.parse(savedConfig);
             const response = await fetch('/api/wordpress/content-fields', {
                 body: JSON.stringify({
-                    contentType,
-                    wpPassword: config.wpPassword,
-                    wpSiteUrl: config.wpSiteUrl,
-                    wpUsername: config.wpUsername
+                    contentType
                 }),
                 headers: {
                     'Content-Type': 'application/json'

package/dist/components/FieldMappingConfiguration.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldMappingConfiguration.js","sources":["../../src/components/FieldMappingConfiguration.tsx"],"sourcesContent":["'use client'\n\nimport { useField } from '@payloadcms/ui'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport styles from './FieldMappingConfiguration.module.css'\n\ntype WordPressField = {\n  label: string\n  name: string\n  nested?: WordPressField[]\n  path: string // Full dot notation path like \"meta.custom_field\"\n  type: string\n}\n\ntype PayloadField = {\n  label: string\n  name: string\n  nested?: PayloadField[]\n  path: string // Full dot notation path\n  type: string\n}\n\ntype FieldMapping = {\n  payloadField: string\n  wpField: string\n}\n\nconst FieldMappingConfiguration: React.FC<{ path: string }> = ({ path }) => {\n  const { setValue, value } = useField({ path })\n  const { value: contentTypeValue } = useField({ path: 'contentType' })\n  const { value: targetCollectionValue } = useField({ path: 'targetCollection' })\n\n  const [wpFields, setWpFields] = useState<WordPressField[]>([])\n  const [payloadFields, setPayloadFields] = useState<PayloadField[]>([])\n  const [fieldMappings, setFieldMappings] = useState<FieldMapping[]>([])\n  const [loading, setLoading] = useState(false)\n  const [error, setError] = useState('')\n\n  // Parse existing field mappings from JSON value\n  useEffect(() => {\n    if (value) {\n      try {\n        const parsed = typeof value === 'string' ? JSON.parse(value) : value\n        if (parsed && Array.isArray(parsed.fieldMappings)) {\n          setFieldMappings(parsed.fieldMappings)\n        }\n      } catch (error) {\n        console.error('Failed to parse existing field mappings:', error)\n      }\n    }\n  }, [value])\n\n  // Flatten nested fields with dot notation paths\n  const flattenFields = (fields: any[], prefix = ''): any[] => {\n    const flattened: any[] = []\n\n    fields.forEach((field) => {\n      const fieldPath = prefix ? `${prefix}.${field.name}` : field.name\n\n      flattened.push({\n        ...field,\n        label: field.label || field.name,\n        path: fieldPath,\n      })\n\n      // Handle nested fields\n      if (field.fields && Array.isArray(field.fields)) {\n        flattened.push(...flattenFields(field.fields, fieldPath))\n      }\n\n      // Handle array fields with nested schemas\n      if (field.type === 'array' && field.of && Array.isArray(field.of)) {\n        field.of.forEach((arrayField: any, index: number) => {\n          if (arrayField.fields) {\n            flattened.push(...flattenFields(arrayField.fields, `${fieldPath}[${index}]`))\n          }\n        })\n      }\n\n      // Handle group fields\n      if (field.type === 'group' && field.fields) {\n        flattened.push(...flattenFields(field.fields, fieldPath))\n      }\n    })\n\n    return flattened\n  }\n\n  // Fetch WordPress content type fields\n  const fetchWordPressFields = useCallback(async (contentType: string) => {\n    try {\n      setLoading(true)\n      setError('')\n\n      const savedConfig = localStorage.getItem('wp-site-config')\n      if (!savedConfig) {\n        throw new Error('WordPress site configuration not found')\n      }\n\n      const config = JSON.parse(savedConfig)\n\n      const response = await fetch('/api/wordpress/content-fields', {\n        body: JSON.stringify({\n          contentType,\n          wpPassword: config.wpPassword,\n          wpSiteUrl: config.wpSiteUrl,\n          wpUsername: config.wpUsername,\n        }),\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        method: 'POST',\n      })\n\n      const result = await response.json()\n\n      if (response.ok && result.success) {\n        const flattened = flattenFields(result.fields || [])\n        setWpFields(flattened)\n      } else {\n        throw new Error(result.error || 'Failed to fetch WordPress fields')\n      }\n    } catch (error) {\n      console.error('Error fetching WordPress fields:', error)\n      setError(error instanceof Error ? error.message : 'Failed to fetch WordPress fields')\n      setWpFields([])\n    } finally {\n      setLoading(false)\n    }\n  }, []) // Empty dependency array since the function doesn't depend on any props or state\n\n  // Fetch Payload collection fields\n  const fetchPayloadFields = useCallback(async (collectionSlug: string) => {\n    try {\n      const response = await fetch(`/api/collections/${collectionSlug}/fields`)\n      const result = await response.json()\n\n      if (response.ok) {\n        const flattened = flattenFields(result.fields || [])\n        setPayloadFields(flattened)\n      } else {\n        throw new Error('Failed to fetch Payload collection fields')\n      }\n    } catch (error) {\n      console.error('Error fetching Payload fields:', error)\n      setPayloadFields([])\n    }\n  }, []) // Empty dependency array since the function doesn't depend on any props or state\n\n  // Load fields when both content type and target collection are selected\n  useEffect(() => {\n    if (contentTypeValue && targetCollectionValue) {\n      void fetchWordPressFields(contentTypeValue as string)\n      void fetchPayloadFields(targetCollectionValue as string)\n    } else {\n      setWpFields([])\n      setPayloadFields([])\n      setFieldMappings([])\n    }\n  }, [contentTypeValue, targetCollectionValue, fetchWordPressFields, fetchPayloadFields])\n\n  // Add new field mapping\n  const addFieldMapping = () => {\n    const newMapping: FieldMapping = {\n      payloadField: '',\n      wpField: '',\n    }\n    const updatedMappings = [...fieldMappings, newMapping]\n    setFieldMappings(updatedMappings)\n    updateValue(updatedMappings)\n  }\n\n  // Remove field mapping\n  const removeFieldMapping = (index: number) => {\n    const updatedMappings = fieldMappings.filter((_, i) => i !== index)\n    setFieldMappings(updatedMappings)\n    updateValue(updatedMappings)\n  }\n\n  // Update field mapping\n  const updateFieldMapping = (index: number, field: keyof FieldMapping, value: string) => {\n    const updatedMappings = fieldMappings.map((mapping, i) =>\n      i === index ? { ...mapping, [field]: value } : mapping,\n    )\n    setFieldMappings(updatedMappings)\n    updateValue(updatedMappings)\n  }\n\n  // Update the form value\n  const updateValue = (mappings: FieldMapping[]) => {\n    const mappingConfig = {\n      contentType: contentTypeValue,\n      fieldMappings: mappings,\n      targetCollection: targetCollectionValue,\n    }\n    setValue(JSON.stringify(mappingConfig, null, 2))\n  }\n\n  if (!contentTypeValue || !targetCollectionValue) {\n    return (\n      <div className=\"field-type\">\n        <div className=\"field-label\">\n          <label>Field Mapping Configuration</label>\n        </div>\n        <div className=\"field-description\">\n          Please select both \"Content Type to Migrate\" and \"Target Payload Collection\" to configure\n          field mappings.\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"field-type\">\n      <div className=\"field-label\">\n        <label>Field Mapping Configuration</label>\n      </div>\n\n      {loading && <div className=\"field-description\">Loading field schemas...</div>}\n\n      {error && (\n        <div className=\"field-error\">\n          <div className=\"field-error__message\">{error}</div>\n        </div>\n      )}\n\n      {!loading && !error && (wpFields.length > 0 || payloadFields.length > 0) && (\n        <div className={styles.fieldMappingContainer}>\n          <div className={styles.fieldMappingHeader}>\n            <div className={styles.fieldMappingColumns}>\n              <div className={styles.fieldMappingColumn}>\n                <h4>WordPress Fields ({String(contentTypeValue || '')})</h4>\n                <div className={styles.fieldList}>\n                  {wpFields.map((field) => (\n                    <div className={styles.fieldItem} key={field.path}>\n                      <strong>{field.path}</strong>\n                      <span className={styles.fieldTypeBadge}>{field.type}</span>\n                    </div>\n                  ))}\n                </div>\n              </div>\n\n              <div className={styles.fieldMappingColumn}>\n                <h4>Payload Fields ({String(targetCollectionValue || '')})</h4>\n                <div className={styles.fieldList}>\n                  {payloadFields.map((field) => (\n                    <div className={styles.fieldItem} key={field.path}>\n                      <strong>{field.path}</strong>\n                      <span className={styles.fieldTypeBadge}>{field.type}</span>\n                    </div>\n                  ))}\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div className={styles.fieldMappingMappings}>\n            <div className={styles.fieldMappingHeader}>\n              <h4>Field Mappings</h4>\n              <button\n                className=\"btn btn--style-secondary btn--size-small\"\n                onClick={addFieldMapping}\n                type=\"button\"\n              >\n                Add Mapping\n              </button>\n            </div>\n\n            {fieldMappings.map((mapping, index) => (\n              <div className={styles.fieldMappingRow} key={index}>\n                <select\n                  className=\"select\"\n                  onChange={(e) => updateFieldMapping(index, 'wpField', e.target.value)}\n                  value={mapping.wpField}\n                >\n                  <option value=\"\">Select WordPress field...</option>\n                  {wpFields.map((field) => (\n                    <option key={field.path} value={field.path}>\n                      {field.path} ({field.type})\n                    </option>\n                  ))}\n                </select>\n\n                <span className={styles.fieldMappingArrow}>→</span>\n\n                <select\n                  className=\"select\"\n                  onChange={(e) => updateFieldMapping(index, 'payloadField', e.target.value)}\n                  value={mapping.payloadField}\n                >\n                  <option value=\"\">Select Payload field...</option>\n                  {payloadFields.map((field) => (\n                    <option key={field.path} value={field.path}>\n                      {field.path} ({field.type})\n                    </option>\n                  ))}\n                </select>\n\n                <button\n                  className=\"btn btn--style-error btn--size-small\"\n                  onClick={() => removeFieldMapping(index)}\n                  type=\"button\"\n                >\n                  Remove\n                </button>\n              </div>\n            ))}\n\n            {fieldMappings.length === 0 && (\n              <div className={styles.fieldDescription}>\n                No field mappings configured. Click \"Add Mapping\" to start mapping fields.\n              </div>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default FieldMappingConfiguration\n"],"names":["path","setFieldMappings","value","flattened","label","field","contentType","wpPassword","wpSiteUrl","wpUsername","setError","setWpFields","setPayloadFields","contentTypeValue","targetCollectionValue","fetchWordPressFields","fetchPayloadFields","fieldMappings","newMapping","setValue","loading","error","className","String","wpFields","payloadFields","onClick","index"],"mappings":";;;;;;AA4BA;AACE;AAAuCA;AAAK;AAC5C;;AAAmE;AACnE;;AAA6E;AAE7E;AACA;AACA;AACA;AACA;;;AAIE;;AAEI;AACA;AACEC;AACF;AACF;;AAEA;AACF;;AACEC;AAAM;;AAGV;AACE;;;AAKEC;AACE;AACAC;;AAEF;;;AAIED;AACF;;AAGA;AACEE;;AAEIF;AACF;AACF;AACF;;AAGA;AACEA;AACF;AACF;;AAGF;;;;;;;AASI;AACE;AACF;;;;AAMIG;AACAC;AACAC;AACAC;AACF;;;AAGA;;AAEF;;AAIA;AACE;;;AAGA;AACF;AACF;;AAEEC;AACAC;;;AAGF;;;;;;;;;AAUI;;;AAGA;AACF;AACF;;AAEEC;AACF;;;;;AAKA;AACE;AACA;;AAEAD;AACAC;AACAX;AACF;;AACEY;AAAkBC;AAAuBC;AAAsBC;AAAmB;;AAGtF;AACE;;;AAGA;AACA;AAA4BC;AAAeC;AAAW;;;AAGxD;;AAGA;AACE;;;AAGF;;;;AAKoB;AAAY;;;;AAIhC;;AAGA;AACE;;;;AAIA;AACAC;AACF;;AAGE;;;;;AAGM;AAAO;;;;;AAE0B;;;;AAMzC;AAEA;;;;;AAGM;AAAO;;;AAGRC;;AAA8C;;AAE9CC;;AAEG;;AAAuCA;;;AAI1C;AACMC;;;AACEA;AACH;AAAKA;;;AACEA;;;;AACC;AAAmBC;AAA+B;;;;AACjDD;AACFE;AACMF;;;AACMjB;;;AACHiB;AAAmCjB;;;AAFJA;;;;;AAQxCiB;;;;AACC;AAAiBC;AAAoC;;;;AACpDD;AACFG;AACMH;;;AACMjB;;;AACHiB;AAAmCjB;;;AAFJA;;;;;;;;AAU5CiB;;;AACEA;;;AACC;;;;;;AAKH;;;;AAKFL;AACMK;;;;;AAIDpB;;;;AAEiB;;AAChBsB;AAC0BtB;;AACtBG;AAAW;AAAGA;AAAW;;AADfA;;;;AAMXiB;AAAqC;;;;;AAKzCpB;;;;AAEiB;;AAChBuB;AAC0BvB;;AACtBG;AAAW;AAAGA;AAAW;;AADfA;;;;;AAQfqB;;AAED;;;AAjC0CC;;AAwCxCL;AAAoC;;;;;;;;AASvD;;"}
+{"version":3,"file":"FieldMappingConfiguration.js","sources":["../../src/components/FieldMappingConfiguration.tsx"],"sourcesContent":["'use client'\n\nimport { useField } from '@payloadcms/ui'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport styles from './FieldMappingConfiguration.module.css'\n\ntype WordPressField = {\n  label: string\n  name: string\n  nested?: WordPressField[]\n  path: string // Full dot notation path like \"meta.custom_field\"\n  type: string\n}\n\ntype PayloadField = {\n  label: string\n  name: string\n  nested?: PayloadField[]\n  path: string // Full dot notation path\n  type: string\n}\n\ntype FieldMapping = {\n  payloadField: string\n  wpField: string\n}\n\nconst FieldMappingConfiguration: React.FC<{ path: string }> = ({ path }) => {\n  const { setValue, value } = useField({ path })\n  const { value: contentTypeValue } = useField({ path: 'contentType' })\n  const { value: targetCollectionValue } = useField({ path: 'targetCollection' })\n\n  const [wpFields, setWpFields] = useState<WordPressField[]>([])\n  const [payloadFields, setPayloadFields] = useState<PayloadField[]>([])\n  const [fieldMappings, setFieldMappings] = useState<FieldMapping[]>([])\n  const [loading, setLoading] = useState(false)\n  const [error, setError] = useState('')\n\n  // Parse existing field mappings from JSON value\n  useEffect(() => {\n    if (value) {\n      try {\n        const parsed = typeof value === 'string' ? JSON.parse(value) : value\n        if (parsed && Array.isArray(parsed.fieldMappings)) {\n          setFieldMappings(parsed.fieldMappings)\n        }\n      } catch (error) {\n        console.error('Failed to parse existing field mappings:', error)\n      }\n    }\n  }, [value])\n\n  // Flatten nested fields with dot notation paths\n  const flattenFields = (fields: any[], prefix = ''): any[] => {\n    const flattened: any[] = []\n\n    fields.forEach((field) => {\n      const fieldPath = prefix ? `${prefix}.${field.name}` : field.name\n\n      flattened.push({\n        ...field,\n        label: field.label || field.name,\n        path: fieldPath,\n      })\n\n      // Handle nested fields\n      if (field.fields && Array.isArray(field.fields)) {\n        flattened.push(...flattenFields(field.fields, fieldPath))\n      }\n\n      // Handle array fields with nested schemas\n      if (field.type === 'array' && field.of && Array.isArray(field.of)) {\n        field.of.forEach((arrayField: any, index: number) => {\n          if (arrayField.fields) {\n            flattened.push(...flattenFields(arrayField.fields, `${fieldPath}[${index}]`))\n          }\n        })\n      }\n\n      // Handle group fields\n      if (field.type === 'group' && field.fields) {\n        flattened.push(...flattenFields(field.fields, fieldPath))\n      }\n    })\n\n    return flattened\n  }\n\n  // Fetch WordPress content type fields (credentials resolved server-side from plugin config)\n  const fetchWordPressFields = useCallback(async (contentType: string) => {\n    try {\n      setLoading(true)\n      setError('')\n\n      const response = await fetch('/api/wordpress/content-fields', {\n        body: JSON.stringify({ contentType }),\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        method: 'POST',\n      })\n\n      const result = await response.json()\n\n      if (response.ok && result.success) {\n        const flattened = flattenFields(result.fields || [])\n        setWpFields(flattened)\n      } else {\n        throw new Error(result.error || 'Failed to fetch WordPress fields')\n      }\n    } catch (error) {\n      console.error('Error fetching WordPress fields:', error)\n      setError(error instanceof Error ? error.message : 'Failed to fetch WordPress fields')\n      setWpFields([])\n    } finally {\n      setLoading(false)\n    }\n  }, []) // Empty dependency array since the function doesn't depend on any props or state\n\n  // Fetch Payload collection fields\n  const fetchPayloadFields = useCallback(async (collectionSlug: string) => {\n    try {\n      const response = await fetch(`/api/collections/${collectionSlug}/fields`)\n      const result = await response.json()\n\n      if (response.ok) {\n        const flattened = flattenFields(result.fields || [])\n        setPayloadFields(flattened)\n      } else {\n        throw new Error('Failed to fetch Payload collection fields')\n      }\n    } catch (error) {\n      console.error('Error fetching Payload fields:', error)\n      setPayloadFields([])\n    }\n  }, []) // Empty dependency array since the function doesn't depend on any props or state\n\n  // Load fields when both content type and target collection are selected\n  useEffect(() => {\n    if (contentTypeValue && targetCollectionValue) {\n      void fetchWordPressFields(contentTypeValue as string)\n      void fetchPayloadFields(targetCollectionValue as string)\n    } else {\n      setWpFields([])\n      setPayloadFields([])\n      setFieldMappings([])\n    }\n  }, [contentTypeValue, targetCollectionValue, fetchWordPressFields, fetchPayloadFields])\n\n  // Add new field mapping\n  const addFieldMapping = () => {\n    const newMapping: FieldMapping = {\n      payloadField: '',\n      wpField: '',\n    }\n    const updatedMappings = [...fieldMappings, newMapping]\n    setFieldMappings(updatedMappings)\n    updateValue(updatedMappings)\n  }\n\n  // Remove field mapping\n  const removeFieldMapping = (index: number) => {\n    const updatedMappings = fieldMappings.filter((_, i) => i !== index)\n    setFieldMappings(updatedMappings)\n    updateValue(updatedMappings)\n  }\n\n  // Update field mapping\n  const updateFieldMapping = (index: number, field: keyof FieldMapping, value: string) => {\n    const updatedMappings = fieldMappings.map((mapping, i) =>\n      i === index ? { ...mapping, [field]: value } : mapping,\n    )\n    setFieldMappings(updatedMappings)\n    updateValue(updatedMappings)\n  }\n\n  // Update the form value\n  const updateValue = (mappings: FieldMapping[]) => {\n    const mappingConfig = {\n      contentType: contentTypeValue,\n      fieldMappings: mappings,\n      targetCollection: targetCollectionValue,\n    }\n    setValue(JSON.stringify(mappingConfig, null, 2))\n  }\n\n  if (!contentTypeValue || !targetCollectionValue) {\n    return (\n      <div className=\"field-type\">\n        <div className=\"field-label\">\n          <label>Field Mapping Configuration</label>\n        </div>\n        <div className=\"field-description\">\n          Please select both \"Content Type to Migrate\" and \"Target Payload Collection\" to configure\n          field mappings.\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"field-type\">\n      <div className=\"field-label\">\n        <label>Field Mapping Configuration</label>\n      </div>\n\n      {loading && <div className=\"field-description\">Loading field schemas...</div>}\n\n      {error && (\n        <div className=\"field-error\">\n          <div className=\"field-error__message\">{error}</div>\n        </div>\n      )}\n\n      {!loading && !error && (wpFields.length > 0 || payloadFields.length > 0) && (\n        <div className={styles.fieldMappingContainer}>\n          <div className={styles.fieldMappingHeader}>\n            <div className={styles.fieldMappingColumns}>\n              <div className={styles.fieldMappingColumn}>\n                <h4>WordPress Fields ({String(contentTypeValue || '')})</h4>\n                <div className={styles.fieldList}>\n                  {wpFields.map((field) => (\n                    <div className={styles.fieldItem} key={field.path}>\n                      <strong>{field.path}</strong>\n                      <span className={styles.fieldTypeBadge}>{field.type}</span>\n                    </div>\n                  ))}\n                </div>\n              </div>\n\n              <div className={styles.fieldMappingColumn}>\n                <h4>Payload Fields ({String(targetCollectionValue || '')})</h4>\n                <div className={styles.fieldList}>\n                  {payloadFields.map((field) => (\n                    <div className={styles.fieldItem} key={field.path}>\n                      <strong>{field.path}</strong>\n                      <span className={styles.fieldTypeBadge}>{field.type}</span>\n                    </div>\n                  ))}\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div className={styles.fieldMappingMappings}>\n            <div className={styles.fieldMappingHeader}>\n              <h4>Field Mappings</h4>\n              <button\n                className=\"btn btn--style-secondary btn--size-small\"\n                onClick={addFieldMapping}\n                type=\"button\"\n              >\n                Add Mapping\n              </button>\n            </div>\n\n            {fieldMappings.map((mapping, index) => (\n              <div className={styles.fieldMappingRow} key={index}>\n                <select\n                  className=\"select\"\n                  onChange={(e) => updateFieldMapping(index, 'wpField', e.target.value)}\n                  value={mapping.wpField}\n                >\n                  <option value=\"\">Select WordPress field...</option>\n                  {wpFields.map((field) => (\n                    <option key={field.path} value={field.path}>\n                      {field.path} ({field.type})\n                    </option>\n                  ))}\n                </select>\n\n                <span className={styles.fieldMappingArrow}>→</span>\n\n                <select\n                  className=\"select\"\n                  onChange={(e) => updateFieldMapping(index, 'payloadField', e.target.value)}\n                  value={mapping.payloadField}\n                >\n                  <option value=\"\">Select Payload field...</option>\n                  {payloadFields.map((field) => (\n                    <option key={field.path} value={field.path}>\n                      {field.path} ({field.type})\n                    </option>\n                  ))}\n                </select>\n\n                <button\n                  className=\"btn btn--style-error btn--size-small\"\n                  onClick={() => removeFieldMapping(index)}\n                  type=\"button\"\n                >\n                  Remove\n                </button>\n              </div>\n            ))}\n\n            {fieldMappings.length === 0 && (\n              <div className={styles.fieldDescription}>\n                No field mappings configured. Click \"Add Mapping\" to start mapping fields.\n              </div>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default FieldMappingConfiguration\n"],"names":["path","setFieldMappings","value","flattened","label","field","contentType","setError","setWpFields","setPayloadFields","contentTypeValue","targetCollectionValue","fetchWordPressFields","fetchPayloadFields","fieldMappings","newMapping","setValue","loading","error","className","String","wpFields","payloadFields","onClick","index"],"mappings":";;;;;;AA4BA;AACE;AAAuCA;AAAK;AAC5C;;AAAmE;AACnE;;AAA6E;AAE7E;AACA;AACA;AACA;AACA;;;AAIE;;AAEI;AACA;AACEC;AACF;AACF;;AAEA;AACF;;AACEC;AAAM;;AAGV;AACE;;;AAKEC;AACE;AACAC;;AAEF;;;AAIED;AACF;;AAGA;AACEE;;AAEIF;AACF;AACF;AACF;;AAGA;AACEA;AACF;AACF;;AAGF;;;;;;;;AAS6BG;AAAY;;;AAGnC;;AAEF;;AAIA;AACE;;;AAGA;AACF;AACF;;AAEEC;AACAC;;;AAGF;;;;;;;;;AAUI;;;AAGA;AACF;AACF;;AAEEC;AACF;;;;;AAKA;AACE;AACA;;AAEAD;AACAC;AACAR;AACF;;AACES;AAAkBC;AAAuBC;AAAsBC;AAAmB;;AAGtF;AACE;;;AAGA;AACA;AAA4BC;AAAeC;AAAW;;;AAGxD;;AAGA;AACE;;;AAGF;;;;AAKoB;AAAY;;;;AAIhC;;AAGA;AACE;;;;AAIA;AACAC;AACF;;AAGE;;;;;AAGM;AAAO;;;;;AAE0B;;;;AAMzC;AAEA;;;;;AAGM;AAAO;;;AAGRC;;AAA8C;;AAE9CC;;AAEG;;AAAuCA;;;AAI1C;AACMC;;;AACEA;AACH;AAAKA;;;AACEA;;;;AACC;AAAmBC;AAA+B;;;;AACjDD;AACFE;AACMF;;;AACMd;;;AACHc;AAAmCd;;;AAFJA;;;;;AAQxCc;;;;AACC;AAAiBC;AAAoC;;;;AACpDD;AACFG;AACMH;;;AACMd;;;AACHc;AAAmCd;;;AAFJA;;;;;;;;AAU5Cc;;;AACEA;;;AACC;;;;;;AAKH;;;;AAKFL;AACMK;;;;;AAIDjB;;;;AAEiB;;AAChBmB;AAC0BnB;;AACtBG;AAAW;AAAGA;AAAW;;AADfA;;;;AAMXc;AAAqC;;;;;AAKzCjB;;;;AAEiB;;AAChBoB;AAC0BpB;;AACtBG;AAAW;AAAGA;AAAW;;AADfA;;;;;AAQfkB;;AAED;;;AAjC0CC;;AAwCxCL;AAAoC;;;;;;;;AASvD;;"}

package/dist/components/MigrationDashboardClient.js

@@ -8,7 +8,7 @@ import { useMigrationDashboard } from './dashboard/useMigrationDashboard.js';
 import styles from './MigrationDashboardClient.module.css';
 
 const MigrationDashboardClient = ({ summary: initialSummary })=>{
-    const { configState, loading, showSiteConfig, siteConfig, summary, handleCancelEdit, handleEditConfig, handleJobAction, handleSaveConfig, handleSiteConfigChange, setShowSiteConfig, getAllLogs } = useMigrationDashboard(initialSummary);
+    const { loading, siteConfig, summary, handleJobAction, scanWordPressContent, getAllLogs } = useMigrationDashboard(initialSummary);
     return /*#__PURE__*/ jsxs("div", {
         className: "gutter--left gutter--right collection-list__wrap",
         children: [
@@ -19,14 +19,8 @@ const MigrationDashboardClient = ({ summary: initialSummary })=>{
                 })
             }),
             /*#__PURE__*/ jsx(SiteConfigPanel, {
-                configState: configState,
                 loading: loading,
-                onCancel: handleCancelEdit,
-                onConfigChange: handleSiteConfigChange,
-                onEdit: handleEditConfig,
-                onSave: handleSaveConfig,
-                onToggle: ()=>setShowSiteConfig(!showSiteConfig),
-                showSiteConfig: showSiteConfig,
+                onScan: scanWordPressContent,
                 siteConfig: siteConfig
             }),
             /*#__PURE__*/ jsx(StatsOverview, {

package/dist/components/MigrationDashboardClient.js.map

@@ -1 +1 @@
-{"version":3,"file":"MigrationDashboardClient.js","sources":["../../src/components/MigrationDashboardClient.tsx"],"sourcesContent":["'use client'\n\nimport { JobsTable } from './dashboard/JobsTable'\nimport { LogViewer } from './dashboard/LogViewer'\nimport { SiteConfigPanel } from './dashboard/SiteConfigPanel'\nimport { StatsOverview } from './dashboard/StatsOverview'\nimport type { MigrationSummary } from './dashboard/types'\nimport { useMigrationDashboard } from './dashboard/useMigrationDashboard'\n\nimport styles from './MigrationDashboardClient.module.css'\n\ntype MigrationDashboardClientProps = {\n  summary: MigrationSummary\n}\n\nexport const MigrationDashboardClient = ({\n  summary: initialSummary,\n}: MigrationDashboardClientProps) => {\n  const {\n    configState,\n    loading,\n    showSiteConfig,\n    siteConfig,\n    summary,\n    handleCancelEdit,\n    handleEditConfig,\n    handleJobAction,\n    handleSaveConfig,\n    handleSiteConfigChange,\n    setShowSiteConfig,\n    getAllLogs,\n  } = useMigrationDashboard(initialSummary)\n\n  return (\n    <div className=\"gutter--left gutter--right collection-list__wrap\">\n      <div className={styles.migrationDashboardHeader}>\n        <h1>WordPress Migration Dashboard</h1>\n      </div>\n\n      <SiteConfigPanel\n        configState={configState}\n        loading={loading}\n        onCancel={handleCancelEdit}\n        onConfigChange={handleSiteConfigChange}\n        onEdit={handleEditConfig}\n        onSave={handleSaveConfig}\n        onToggle={() => setShowSiteConfig(!showSiteConfig)}\n        showSiteConfig={showSiteConfig}\n        siteConfig={siteConfig}\n      />\n\n      <StatsOverview siteConfig={siteConfig} summary={summary} />\n\n      <JobsTable\n        jobs={summary.recentJobs ?? []}\n        loading={loading}\n        onJobAction={handleJobAction}\n      />\n\n      <LogViewer logs={getAllLogs()} />\n    </div>\n  )\n}\n"],"names":["className"],"mappings":";;;;;;;;;;;AAiCE;;;;AAESA;AACH;AAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BZ;;"}
+{"version":3,"file":"MigrationDashboardClient.js","sources":["../../src/components/MigrationDashboardClient.tsx"],"sourcesContent":["'use client'\n\nimport { JobsTable } from './dashboard/JobsTable'\nimport { LogViewer } from './dashboard/LogViewer'\nimport { SiteConfigPanel } from './dashboard/SiteConfigPanel'\nimport { StatsOverview } from './dashboard/StatsOverview'\nimport type { MigrationSummary } from './dashboard/types'\nimport { useMigrationDashboard } from './dashboard/useMigrationDashboard'\n\nimport styles from './MigrationDashboardClient.module.css'\n\ntype MigrationDashboardClientProps = {\n  summary: MigrationSummary\n}\n\nexport const MigrationDashboardClient = ({\n  summary: initialSummary,\n}: MigrationDashboardClientProps) => {\n  const {\n    loading,\n    siteConfig,\n    summary,\n    handleJobAction,\n    scanWordPressContent,\n    getAllLogs,\n  } = useMigrationDashboard(initialSummary)\n\n  return (\n    <div className=\"gutter--left gutter--right collection-list__wrap\">\n      <div className={styles.migrationDashboardHeader}>\n        <h1>WordPress Migration Dashboard</h1>\n      </div>\n\n      <SiteConfigPanel\n        loading={loading}\n        onScan={scanWordPressContent}\n        siteConfig={siteConfig}\n      />\n\n      <StatsOverview siteConfig={siteConfig} summary={summary} />\n\n      <JobsTable\n        jobs={summary.recentJobs ?? []}\n        loading={loading}\n        onJobAction={handleJobAction}\n      />\n\n      <LogViewer logs={getAllLogs()} />\n    </div>\n  )\n}\n"],"names":["className"],"mappings":";;;;;;;;;;AAkBE;AASA;;;;AAESA;AACH;AAAI;;;;;;;;;;;;;;;;;;;;;;AAoBZ;;"}

package/dist/components/SimpleFieldMapping.js

@@ -27,24 +27,15 @@ const SimpleFieldMapping = ({ path })=>{
     ]);
     const [loading, setLoading] = useState(false);
     const [error, setError] = useState('');
-    // Fetch WordPress content fields
+    // Fetch WordPress content fields (credentials resolved server-side from plugin config)
     const fetchWordPressFields = async (contentType)=>{
         try {
             setLoading(true);
             setError('');
-            const savedConfig = localStorage.getItem('wp-site-config');
-            if (!savedConfig) {
-                throw new Error('WordPress site configuration not found');
-            }
-            const config = JSON.parse(savedConfig);
-            const requestBody = {
-                contentType,
-                wpPassword: config.wpPassword,
-                wpSiteUrl: config.wpSiteUrl,
-                wpUsername: config.wpUsername
-            };
             const response = await fetch('/api/wordpress/content-fields', {
-                body: JSON.stringify(requestBody),
+                body: JSON.stringify({
+                    contentType
+                }),
                 headers: {
                     'Content-Type': 'application/json'
                 },

package/dist/components/SimpleFieldMapping.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleFieldMapping.js","sources":["../../src/components/SimpleFieldMapping.tsx"],"sourcesContent":["'use client'\n\nimport { useField } from '@payloadcms/ui'\nimport React, { useEffect, useRef, useState } from 'react'\n\ntype FieldMapping = {\n  destinationField: string\n  sourceField: string\n}\n\ntype Option = {\n  label: string\n  path?: string\n  type?: string\n  value: string\n}\n\nconst SimpleFieldMapping: React.FC<{ path: string }> = ({ path }) => {\n  const { setValue, value } = useField({ path })\n  const { value: contentTypeValue } = useField({ path: 'contentType' })\n  const { value: targetCollectionValue } = useField({ path: 'targetCollection' })\n\n  // Use ref to prevent infinite loops - change to any type to handle different value types\n  const isUpdatingRef = useRef(false)\n  const lastValueRef = useRef<any>('')\n\n  // Dynamic field options from API\n  const [sourceFields, setSourceFields] = useState<Option[]>([])\n  const [destinationFields, setDestinationFields] = useState<Option[]>([])\n  const [fieldMappings, setFieldMappings] = useState<FieldMapping[]>([\n    { destinationField: '', sourceField: '' },\n  ])\n  const [loading, setLoading] = useState(false)\n  const [error, setError] = useState('')\n\n  // Fetch WordPress content fields\n  const fetchWordPressFields = async (contentType: string) => {\n    try {\n      setLoading(true)\n      setError('')\n\n      const savedConfig = localStorage.getItem('wp-site-config')\n      if (!savedConfig) {\n        throw new Error('WordPress site configuration not found')\n      }\n\n      const config = JSON.parse(savedConfig)\n\n      const requestBody = {\n        contentType,\n        wpPassword: config.wpPassword,\n        wpSiteUrl: config.wpSiteUrl,\n        wpUsername: config.wpUsername,\n      }\n\n      const response = await fetch('/api/wordpress/content-fields', {\n        body: JSON.stringify(requestBody),\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        method: 'POST',\n      })\n      const result = await response.json()\n\n      if (response.ok && result.success) {\n        const wpFieldOptions = (result.fields || []).map((field: any) => ({\n          type: field.type,\n          label: `${field.label} (${field.type})${field.custom ? ' *' : ''}`,\n          path: field.path || field.name,\n          value: field.path || field.name,\n        }))\n        setSourceFields(wpFieldOptions)\n      } else {\n        console.error('API returned error:', result)\n        throw new Error(result.error || 'Failed to fetch WordPress fields')\n      }\n    } catch (error) {\n      console.error('Error fetching WordPress fields:', error)\n      setError(error instanceof Error ? error.message : 'Failed to fetch WordPress fields')\n      setSourceFields([])\n    }\n  }\n\n  // Fetch PayloadCMS collection fields\n  const fetchPayloadFields = async (collectionSlug: string) => {\n    try {\n      const response = await fetch(`/api/collections/${collectionSlug}/fields`)\n\n      const result = await response.json()\n\n      if (response.ok && result.success) {\n        const payloadFieldOptions = (result.fields || []).map((field: any) => ({\n          type: field.type,\n          label: `${field.label} (${field.type})`,\n          path: field.path || field.name,\n          value: field.path || field.name,\n        }))\n        setDestinationFields(payloadFieldOptions)\n      } else {\n        console.error('Payload API returned error:', result)\n        throw new Error(result.error || 'Failed to fetch Payload collection fields')\n      }\n    } catch (error) {\n      console.error('Error fetching Payload fields:', error)\n      setDestinationFields([])\n    }\n  }\n\n  // Fetch fields when both content type and target collection are selected\n  useEffect(() => {\n    const fetchFields = async () => {\n      if (contentTypeValue && targetCollectionValue) {\n        setLoading(true)\n        try {\n          await Promise.all([\n            fetchWordPressFields(contentTypeValue as string),\n            fetchPayloadFields(targetCollectionValue as string),\n          ])\n        } catch (error) {\n          console.error('Error fetching fields:', error)\n        } finally {\n          setLoading(false)\n        }\n      } else {\n        setSourceFields([])\n        setDestinationFields([])\n        setFieldMappings([{ destinationField: '', sourceField: '' }])\n        setError('')\n      }\n    }\n\n    void fetchFields()\n  }, [contentTypeValue, targetCollectionValue])\n\n  // Parse existing field mappings from JSON value - only when value actually changes\n  useEffect(() => {\n    if (isUpdatingRef.current) {\n      return\n    } // Prevent processing our own updates\n\n    // Convert value to string for comparison\n    const currentValue = typeof value === 'string' ? value : JSON.stringify(value || '')\n\n    if (value && currentValue !== lastValueRef.current) {\n      try {\n        const parsed = typeof value === 'string' ? JSON.parse(value) : value\n        if (parsed && Array.isArray(parsed.fieldMappings)) {\n          setFieldMappings(parsed.fieldMappings)\n        }\n        lastValueRef.current = currentValue\n      } catch (error) {\n        console.warn('Failed to parse field mappings:', error)\n      }\n    }\n  }, [value])\n\n  // Function to update parent value without causing loops\n  const updateParentValue = (mappings: FieldMapping[]) => {\n    const newValue = JSON.stringify({\n      contentType: contentTypeValue,\n      fieldMappings: mappings,\n      targetCollection: targetCollectionValue,\n    })\n\n    // Prevent infinite loops\n    if (newValue !== lastValueRef.current && !isUpdatingRef.current) {\n      isUpdatingRef.current = true\n      setValue(newValue)\n      lastValueRef.current = newValue\n\n      // Reset the flag after a short delay\n      setTimeout(() => {\n        isUpdatingRef.current = false\n      }, 100)\n    }\n  }\n\n  // Add new mapping row\n  const handleAddMapping = () => {\n    const newMappings = [...fieldMappings, { destinationField: '', sourceField: '' }]\n    setFieldMappings(newMappings)\n    updateParentValue(newMappings)\n  }\n\n  // Remove mapping row\n  const handleRemoveMapping = (idx: number) => {\n    if (fieldMappings.length <= 1) {\n      return\n    } // Keep at least one mapping\n\n    const newMappings = fieldMappings.filter((_, i) => i !== idx)\n    setFieldMappings(newMappings)\n    updateParentValue(newMappings)\n  }\n\n  // Update mapping\n  const handleChange = (idx: number, field: keyof FieldMapping, newValue: string) => {\n    const newMappings = fieldMappings.map((mapping, i) =>\n      i === idx ? { ...mapping, [field]: newValue } : mapping,\n    )\n    setFieldMappings(newMappings)\n    updateParentValue(newMappings)\n  }\n\n  // Filter dropdown options to exclude already-mapped fields (except for current row)\n  const getFilteredOptions = (options: Option[], field: keyof FieldMapping, idx: number) => {\n    const used = fieldMappings\n      .map((m, i) => (i !== idx ? m[field] : null))\n      .filter(Boolean) as string[]\n    return options.filter((opt) => !used.includes(opt.value))\n  }\n\n  if (!contentTypeValue || !targetCollectionValue) {\n    return (\n      <div style={{ display: 'flex', flexDirection: 'column', gap: '1rem' }}>\n        <label style={{ color: 'var(--theme-elevation-700)', fontSize: '14px', fontWeight: '600' }}>\n          Field Mapping Configuration\n        </label>\n        <div\n          style={{\n            backgroundColor: 'var(--theme-elevation-50)',\n            border: '1px solid var(--theme-elevation-200)',\n            borderRadius: '4px',\n            color: 'var(--theme-elevation-600)',\n            padding: '1rem',\n            textAlign: 'center',\n          }}\n        >\n          Please select both \"Content Type to Migrate\" and \"Target Payload Collection\" to configure\n          field mappings.\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div style={{ display: 'flex', flexDirection: 'column', gap: '1rem' }}>\n      <div style={{ alignItems: 'center', display: 'flex', justifyContent: 'space-between' }}>\n        <label style={{ color: 'var(--theme-elevation-700)', fontSize: '14px', fontWeight: '600' }}>\n          Field Mapping Configuration\n        </label>\n        <button\n          disabled={loading}\n          onClick={handleAddMapping}\n          style={{\n            backgroundColor: loading ? 'var(--theme-elevation-200)' : 'var(--theme-success-600)',\n            border: 'none',\n            borderRadius: '4px',\n            color: loading ? 'var(--theme-elevation-500)' : 'white',\n            cursor: loading ? 'not-allowed' : 'pointer',\n            fontSize: '12px',\n            fontWeight: '500',\n            padding: '0.5rem 1rem',\n          }}\n          type=\"button\"\n        >\n          Add Mapping\n        </button>\n      </div>\n\n      {loading && (\n        <div\n          style={{\n            backgroundColor: 'var(--theme-elevation-50)',\n            border: '1px solid var(--theme-elevation-200)',\n            borderRadius: '4px',\n            color: 'var(--theme-elevation-600)',\n            padding: '1rem',\n            textAlign: 'center',\n          }}\n        >\n          Loading field schemas from WordPress and PayloadCMS...\n        </div>\n      )}\n\n      {error && (\n        <div\n          style={{\n            backgroundColor: 'var(--theme-error-50)',\n            border: '1px solid var(--theme-error-200)',\n            borderRadius: '4px',\n            color: 'var(--theme-error-700)',\n            padding: '1rem',\n          }}\n        >\n          <strong>Error:</strong> {error}\n        </div>\n      )}\n\n      {!loading && !error && sourceFields.length === 0 && destinationFields.length === 0 && (\n        <div\n          style={{\n            backgroundColor: 'var(--theme-elevation-50)',\n            border: '1px solid var(--theme-elevation-200)',\n            borderRadius: '4px',\n            color: 'var(--theme-elevation-600)',\n            padding: '1rem',\n            textAlign: 'center',\n          }}\n        >\n          No fields found. Please check your WordPress connection and selected content type.\n        </div>\n      )}\n\n      {!loading && !error && (sourceFields.length > 0 || destinationFields.length > 0) && (\n        <>\n          {fieldMappings.length === 0 && (\n            <div\n              style={{\n                backgroundColor: 'var(--theme-elevation-50)',\n                border: '1px solid var(--theme-elevation-200)',\n                borderRadius: '4px',\n                color: 'var(--theme-elevation-600)',\n                padding: '1rem',\n                textAlign: 'center',\n              }}\n            >\n              No field mappings configured. Click \"Add Mapping\" to start.\n            </div>\n          )}\n\n          {fieldMappings.map((mapping, idx) => (\n            <div\n              key={idx}\n              style={{\n                alignItems: 'center',\n                backgroundColor: 'var(--theme-elevation-0)',\n                border: '1px solid var(--theme-elevation-200)',\n                borderRadius: '4px',\n                display: 'grid',\n                gap: '0.75rem',\n                gridTemplateColumns: '1fr auto 1fr auto',\n                padding: '1rem',\n              }}\n            >\n              <select\n                onChange={(e) => handleChange(idx, 'sourceField', e.target.value)}\n                style={{\n                  backgroundColor: 'var(--theme-elevation-0)',\n                  border: '1px solid var(--theme-elevation-200)',\n                  borderRadius: '4px',\n                  fontSize: '14px',\n                  padding: '0.5rem',\n                }}\n                value={mapping.sourceField}\n              >\n                <option value=\"\">Select WordPress field...</option>\n                {getFilteredOptions(sourceFields, 'sourceField', idx).map((opt, optIdx) => (\n                  <option key={`source-${idx}-${opt.value}-${optIdx}`} value={opt.value}>\n                    {opt.label}\n                  </option>\n                ))}\n              </select>\n\n              <span\n                style={{\n                  color: 'var(--theme-elevation-400)',\n                  fontSize: '18px',\n                  fontWeight: 'bold',\n                }}\n              >\n                →\n              </span>\n\n              <select\n                onChange={(e) => handleChange(idx, 'destinationField', e.target.value)}\n                style={{\n                  backgroundColor: 'var(--theme-elevation-0)',\n                  border: '1px solid var(--theme-elevation-200)',\n                  borderRadius: '4px',\n                  fontSize: '14px',\n                  padding: '0.5rem',\n                }}\n                value={mapping.destinationField}\n              >\n                <option value=\"\">Select Payload field...</option>\n                {getFilteredOptions(destinationFields, 'destinationField', idx).map(\n                  (opt, optIdx) => (\n                    <option key={`dest-${idx}-${opt.value}-${optIdx}`} value={opt.value}>\n                      {opt.label}\n                    </option>\n                  ),\n                )}\n              </select>\n\n              <button\n                disabled={fieldMappings.length <= 1}\n                onClick={() => handleRemoveMapping(idx)}\n                style={{\n                  backgroundColor:\n                    fieldMappings.length <= 1\n                      ? 'var(--theme-elevation-200)'\n                      : 'var(--theme-error-600)',\n                  border: 'none',\n                  borderRadius: '4px',\n                  color: fieldMappings.length <= 1 ? 'var(--theme-elevation-500)' : 'white',\n                  cursor: fieldMappings.length <= 1 ? 'not-allowed' : 'pointer',\n                  fontSize: '12px',\n                  fontWeight: '500',\n                  minWidth: '60px',\n                  padding: '0.5rem',\n                }}\n                type=\"button\"\n              >\n                Remove\n              </button>\n            </div>\n          ))}\n        </>\n      )}\n\n      <div\n        style={{\n          color: 'var(--theme-elevation-500)',\n          fontSize: '12px',\n          fontStyle: 'italic',\n          marginTop: '0.5rem',\n        }}\n      >\n        Map WordPress fields to their corresponding Payload fields. Each field can only be mapped\n        once. Fields marked with * are custom fields (ACF/Meta).\n        {sourceFields.length > 0 && (\n          <>\n            <br />\n            <strong>Available WordPress fields:</strong> {sourceFields.length} |{' '}\n            <strong>Available Payload fields:</strong> {destinationFields.length}\n          </>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport default SimpleFieldMapping\n"],"names":["path","contentType","wpPassword","wpSiteUrl","wpUsername","type","label","value","setError","setSourceFields","setDestinationFields","contentTypeValue","targetCollectionValue","setFieldMappings","lastValueRef","isUpdatingRef","fieldMappings","backgroundColor","color","cursor","loading","error","opt","onClick","idx","sourceFields","destinationFields"],"mappings":";;;;;AAiBA;AACE;AAAuCA;AAAK;AAC5C;;AAAmE;AACnE;;AAA6E;;AAG7E;AACA;;AAGA;AACA;AACA;AACE;;;AAAwC;AACzC;AACD;AACA;;AAGA;;;;;AAMI;AACE;AACF;;AAIA;AACEC;AACAC;AACAC;AACAC;AACF;;;;;AAME;;AAEF;;AAGA;AACE;AACEC;AACAC;AACAN;AACAO;;;;;AAKF;AACF;AACF;;AAEEC;AACAC;AACF;AACF;;AAGA;;;;AAMI;AACE;AACEJ;;AAEAL;AACAO;;;;;AAKF;AACF;AACF;;AAEEG;AACF;AACF;;;AAIE;AACE;;;;;;AAMK;AACH;;;;AAIA;;AAEAD;AACAC;;AACkB;;;AAAwC;AAAE;;AAE9D;AACF;;;AAGEC;AAAkBC;AAAsB;;;;AAKxC;AACF;;;AAKA;;AAEI;AACA;AACEC;AACF;AACAC;AACF;;AAEA;AACF;;AACEP;AAAM;;AAGV;;;;;AAKE;;AAGA;AACEQ;;AAEAD;;;AAIEC;;AAEJ;AACF;;AAGA;AACE;AAAwBC;AAAe;;;AAAwC;AAAE;;;AAGnF;;AAGA;;AAEI;AACF;AAEA;;;AAGF;;;;AAKkB;AAAY;;;;AAI9B;;;AAIE;;AAIF;;AAGE;;;;;AACsE;;;;;;;AACuB;AAAG;;;;;;;;;;AAW1F;AACD;;;;AAMP;AAEA;;;;;AACsE;;;;;;;AACmB;;;;;;;AACM;AAAG;;;;;;AAOxFC;;;AAGAC;AACAC;;;;AAIF;;AAED;;;;AAKFC;;;;;;;;AASG;AACD;;AAKFC;;;;;;;AAQG;;;AAEQ;;AAAe;AAAEA;;;;;;;;;;;AAazB;AACD;;AAKF;;;;;;;;;;AAWO;AACD;;AAKFL;;;;;;;;;;AAYG;;;;;;;;;;AAUE;AACAT;;;;AAEiB;;;AAEsCA;AAClDe;;;;;;;;;AAUL;AACD;;;;;;;;;;AAYC;AACAf;;;;AAEiB;;;AAGsCA;AAChDe;;;;;;AAQPC;;AAEEN;;;AAMAC;AACAC;;;;;AAKF;;AAED;;;AAhFIK;;;;;;;;;AA8FX;;AACD;;;;;AAMa;;AAAoC;AAAEC;AAAoB;AAAG;;AAC7D;;AAAkC;AAAEC;;;;;;;AAMxD;;"}
+{"version":3,"file":"SimpleFieldMapping.js","sources":["../../src/components/SimpleFieldMapping.tsx"],"sourcesContent":["'use client'\n\nimport { useField } from '@payloadcms/ui'\nimport React, { useEffect, useRef, useState } from 'react'\n\ntype FieldMapping = {\n  destinationField: string\n  sourceField: string\n}\n\ntype Option = {\n  label: string\n  path?: string\n  type?: string\n  value: string\n}\n\nconst SimpleFieldMapping: React.FC<{ path: string }> = ({ path }) => {\n  const { setValue, value } = useField({ path })\n  const { value: contentTypeValue } = useField({ path: 'contentType' })\n  const { value: targetCollectionValue } = useField({ path: 'targetCollection' })\n\n  // Use ref to prevent infinite loops - change to any type to handle different value types\n  const isUpdatingRef = useRef(false)\n  const lastValueRef = useRef<any>('')\n\n  // Dynamic field options from API\n  const [sourceFields, setSourceFields] = useState<Option[]>([])\n  const [destinationFields, setDestinationFields] = useState<Option[]>([])\n  const [fieldMappings, setFieldMappings] = useState<FieldMapping[]>([\n    { destinationField: '', sourceField: '' },\n  ])\n  const [loading, setLoading] = useState(false)\n  const [error, setError] = useState('')\n\n  // Fetch WordPress content fields (credentials resolved server-side from plugin config)\n  const fetchWordPressFields = async (contentType: string) => {\n    try {\n      setLoading(true)\n      setError('')\n\n      const response = await fetch('/api/wordpress/content-fields', {\n        body: JSON.stringify({ contentType }),\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        method: 'POST',\n      })\n      const result = await response.json()\n\n      if (response.ok && result.success) {\n        const wpFieldOptions = (result.fields || []).map((field: any) => ({\n          type: field.type,\n          label: `${field.label} (${field.type})${field.custom ? ' *' : ''}`,\n          path: field.path || field.name,\n          value: field.path || field.name,\n        }))\n        setSourceFields(wpFieldOptions)\n      } else {\n        console.error('API returned error:', result)\n        throw new Error(result.error || 'Failed to fetch WordPress fields')\n      }\n    } catch (error) {\n      console.error('Error fetching WordPress fields:', error)\n      setError(error instanceof Error ? error.message : 'Failed to fetch WordPress fields')\n      setSourceFields([])\n    }\n  }\n\n  // Fetch PayloadCMS collection fields\n  const fetchPayloadFields = async (collectionSlug: string) => {\n    try {\n      const response = await fetch(`/api/collections/${collectionSlug}/fields`)\n\n      const result = await response.json()\n\n      if (response.ok && result.success) {\n        const payloadFieldOptions = (result.fields || []).map((field: any) => ({\n          type: field.type,\n          label: `${field.label} (${field.type})`,\n          path: field.path || field.name,\n          value: field.path || field.name,\n        }))\n        setDestinationFields(payloadFieldOptions)\n      } else {\n        console.error('Payload API returned error:', result)\n        throw new Error(result.error || 'Failed to fetch Payload collection fields')\n      }\n    } catch (error) {\n      console.error('Error fetching Payload fields:', error)\n      setDestinationFields([])\n    }\n  }\n\n  // Fetch fields when both content type and target collection are selected\n  useEffect(() => {\n    const fetchFields = async () => {\n      if (contentTypeValue && targetCollectionValue) {\n        setLoading(true)\n        try {\n          await Promise.all([\n            fetchWordPressFields(contentTypeValue as string),\n            fetchPayloadFields(targetCollectionValue as string),\n          ])\n        } catch (error) {\n          console.error('Error fetching fields:', error)\n        } finally {\n          setLoading(false)\n        }\n      } else {\n        setSourceFields([])\n        setDestinationFields([])\n        setFieldMappings([{ destinationField: '', sourceField: '' }])\n        setError('')\n      }\n    }\n\n    void fetchFields()\n  }, [contentTypeValue, targetCollectionValue])\n\n  // Parse existing field mappings from JSON value - only when value actually changes\n  useEffect(() => {\n    if (isUpdatingRef.current) {\n      return\n    } // Prevent processing our own updates\n\n    // Convert value to string for comparison\n    const currentValue = typeof value === 'string' ? value : JSON.stringify(value || '')\n\n    if (value && currentValue !== lastValueRef.current) {\n      try {\n        const parsed = typeof value === 'string' ? JSON.parse(value) : value\n        if (parsed && Array.isArray(parsed.fieldMappings)) {\n          setFieldMappings(parsed.fieldMappings)\n        }\n        lastValueRef.current = currentValue\n      } catch (error) {\n        console.warn('Failed to parse field mappings:', error)\n      }\n    }\n  }, [value])\n\n  // Function to update parent value without causing loops\n  const updateParentValue = (mappings: FieldMapping[]) => {\n    const newValue = JSON.stringify({\n      contentType: contentTypeValue,\n      fieldMappings: mappings,\n      targetCollection: targetCollectionValue,\n    })\n\n    // Prevent infinite loops\n    if (newValue !== lastValueRef.current && !isUpdatingRef.current) {\n      isUpdatingRef.current = true\n      setValue(newValue)\n      lastValueRef.current = newValue\n\n      // Reset the flag after a short delay\n      setTimeout(() => {\n        isUpdatingRef.current = false\n      }, 100)\n    }\n  }\n\n  // Add new mapping row\n  const handleAddMapping = () => {\n    const newMappings = [...fieldMappings, { destinationField: '', sourceField: '' }]\n    setFieldMappings(newMappings)\n    updateParentValue(newMappings)\n  }\n\n  // Remove mapping row\n  const handleRemoveMapping = (idx: number) => {\n    if (fieldMappings.length <= 1) {\n      return\n    } // Keep at least one mapping\n\n    const newMappings = fieldMappings.filter((_, i) => i !== idx)\n    setFieldMappings(newMappings)\n    updateParentValue(newMappings)\n  }\n\n  // Update mapping\n  const handleChange = (idx: number, field: keyof FieldMapping, newValue: string) => {\n    const newMappings = fieldMappings.map((mapping, i) =>\n      i === idx ? { ...mapping, [field]: newValue } : mapping,\n    )\n    setFieldMappings(newMappings)\n    updateParentValue(newMappings)\n  }\n\n  // Filter dropdown options to exclude already-mapped fields (except for current row)\n  const getFilteredOptions = (options: Option[], field: keyof FieldMapping, idx: number) => {\n    const used = fieldMappings\n      .map((m, i) => (i !== idx ? m[field] : null))\n      .filter(Boolean) as string[]\n    return options.filter((opt) => !used.includes(opt.value))\n  }\n\n  if (!contentTypeValue || !targetCollectionValue) {\n    return (\n      <div style={{ display: 'flex', flexDirection: 'column', gap: '1rem' }}>\n        <label style={{ color: 'var(--theme-elevation-700)', fontSize: '14px', fontWeight: '600' }}>\n          Field Mapping Configuration\n        </label>\n        <div\n          style={{\n            backgroundColor: 'var(--theme-elevation-50)',\n            border: '1px solid var(--theme-elevation-200)',\n            borderRadius: '4px',\n            color: 'var(--theme-elevation-600)',\n            padding: '1rem',\n            textAlign: 'center',\n          }}\n        >\n          Please select both \"Content Type to Migrate\" and \"Target Payload Collection\" to configure\n          field mappings.\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div style={{ display: 'flex', flexDirection: 'column', gap: '1rem' }}>\n      <div style={{ alignItems: 'center', display: 'flex', justifyContent: 'space-between' }}>\n        <label style={{ color: 'var(--theme-elevation-700)', fontSize: '14px', fontWeight: '600' }}>\n          Field Mapping Configuration\n        </label>\n        <button\n          disabled={loading}\n          onClick={handleAddMapping}\n          style={{\n            backgroundColor: loading ? 'var(--theme-elevation-200)' : 'var(--theme-success-600)',\n            border: 'none',\n            borderRadius: '4px',\n            color: loading ? 'var(--theme-elevation-500)' : 'white',\n            cursor: loading ? 'not-allowed' : 'pointer',\n            fontSize: '12px',\n            fontWeight: '500',\n            padding: '0.5rem 1rem',\n          }}\n          type=\"button\"\n        >\n          Add Mapping\n        </button>\n      </div>\n\n      {loading && (\n        <div\n          style={{\n            backgroundColor: 'var(--theme-elevation-50)',\n            border: '1px solid var(--theme-elevation-200)',\n            borderRadius: '4px',\n            color: 'var(--theme-elevation-600)',\n            padding: '1rem',\n            textAlign: 'center',\n          }}\n        >\n          Loading field schemas from WordPress and PayloadCMS...\n        </div>\n      )}\n\n      {error && (\n        <div\n          style={{\n            backgroundColor: 'var(--theme-error-50)',\n            border: '1px solid var(--theme-error-200)',\n            borderRadius: '4px',\n            color: 'var(--theme-error-700)',\n            padding: '1rem',\n          }}\n        >\n          <strong>Error:</strong> {error}\n        </div>\n      )}\n\n      {!loading && !error && sourceFields.length === 0 && destinationFields.length === 0 && (\n        <div\n          style={{\n            backgroundColor: 'var(--theme-elevation-50)',\n            border: '1px solid var(--theme-elevation-200)',\n            borderRadius: '4px',\n            color: 'var(--theme-elevation-600)',\n            padding: '1rem',\n            textAlign: 'center',\n          }}\n        >\n          No fields found. Please check your WordPress connection and selected content type.\n        </div>\n      )}\n\n      {!loading && !error && (sourceFields.length > 0 || destinationFields.length > 0) && (\n        <>\n          {fieldMappings.length === 0 && (\n            <div\n              style={{\n                backgroundColor: 'var(--theme-elevation-50)',\n                border: '1px solid var(--theme-elevation-200)',\n                borderRadius: '4px',\n                color: 'var(--theme-elevation-600)',\n                padding: '1rem',\n                textAlign: 'center',\n              }}\n            >\n              No field mappings configured. Click \"Add Mapping\" to start.\n            </div>\n          )}\n\n          {fieldMappings.map((mapping, idx) => (\n            <div\n              key={idx}\n              style={{\n                alignItems: 'center',\n                backgroundColor: 'var(--theme-elevation-0)',\n                border: '1px solid var(--theme-elevation-200)',\n                borderRadius: '4px',\n                display: 'grid',\n                gap: '0.75rem',\n                gridTemplateColumns: '1fr auto 1fr auto',\n                padding: '1rem',\n              }}\n            >\n              <select\n                onChange={(e) => handleChange(idx, 'sourceField', e.target.value)}\n                style={{\n                  backgroundColor: 'var(--theme-elevation-0)',\n                  border: '1px solid var(--theme-elevation-200)',\n                  borderRadius: '4px',\n                  fontSize: '14px',\n                  padding: '0.5rem',\n                }}\n                value={mapping.sourceField}\n              >\n                <option value=\"\">Select WordPress field...</option>\n                {getFilteredOptions(sourceFields, 'sourceField', idx).map((opt, optIdx) => (\n                  <option key={`source-${idx}-${opt.value}-${optIdx}`} value={opt.value}>\n                    {opt.label}\n                  </option>\n                ))}\n              </select>\n\n              <span\n                style={{\n                  color: 'var(--theme-elevation-400)',\n                  fontSize: '18px',\n                  fontWeight: 'bold',\n                }}\n              >\n                →\n              </span>\n\n              <select\n                onChange={(e) => handleChange(idx, 'destinationField', e.target.value)}\n                style={{\n                  backgroundColor: 'var(--theme-elevation-0)',\n                  border: '1px solid var(--theme-elevation-200)',\n                  borderRadius: '4px',\n                  fontSize: '14px',\n                  padding: '0.5rem',\n                }}\n                value={mapping.destinationField}\n              >\n                <option value=\"\">Select Payload field...</option>\n                {getFilteredOptions(destinationFields, 'destinationField', idx).map(\n                  (opt, optIdx) => (\n                    <option key={`dest-${idx}-${opt.value}-${optIdx}`} value={opt.value}>\n                      {opt.label}\n                    </option>\n                  ),\n                )}\n              </select>\n\n              <button\n                disabled={fieldMappings.length <= 1}\n                onClick={() => handleRemoveMapping(idx)}\n                style={{\n                  backgroundColor:\n                    fieldMappings.length <= 1\n                      ? 'var(--theme-elevation-200)'\n                      : 'var(--theme-error-600)',\n                  border: 'none',\n                  borderRadius: '4px',\n                  color: fieldMappings.length <= 1 ? 'var(--theme-elevation-500)' : 'white',\n                  cursor: fieldMappings.length <= 1 ? 'not-allowed' : 'pointer',\n                  fontSize: '12px',\n                  fontWeight: '500',\n                  minWidth: '60px',\n                  padding: '0.5rem',\n                }}\n                type=\"button\"\n              >\n                Remove\n              </button>\n            </div>\n          ))}\n        </>\n      )}\n\n      <div\n        style={{\n          color: 'var(--theme-elevation-500)',\n          fontSize: '12px',\n          fontStyle: 'italic',\n          marginTop: '0.5rem',\n        }}\n      >\n        Map WordPress fields to their corresponding Payload fields. Each field can only be mapped\n        once. Fields marked with * are custom fields (ACF/Meta).\n        {sourceFields.length > 0 && (\n          <>\n            <br />\n            <strong>Available WordPress fields:</strong> {sourceFields.length} |{' '}\n            <strong>Available Payload fields:</strong> {destinationFields.length}\n          </>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport default SimpleFieldMapping\n"],"names":["path","contentType","type","label","value","setError","setSourceFields","setDestinationFields","contentTypeValue","targetCollectionValue","setFieldMappings","lastValueRef","isUpdatingRef","fieldMappings","backgroundColor","color","cursor","loading","error","opt","onClick","idx","sourceFields","destinationFields"],"mappings":";;;;;AAiBA;AACE;AAAuCA;AAAK;AAC5C;;AAAmE;AACnE;;AAA6E;;AAG7E;AACA;;AAGA;AACA;AACA;AACE;;;AAAwC;AACzC;AACD;AACA;;AAGA;;;;;;AAM6BC;AAAY;;;AAGnC;;AAEF;;AAGA;AACE;AACEC;AACAC;AACAH;AACAI;;;;;AAKF;AACF;AACF;;AAEEC;AACAC;AACF;AACF;;AAGA;;;;AAMI;AACE;AACEJ;;AAEAF;AACAI;;;;;AAKF;AACF;AACF;;AAEEG;AACF;AACF;;;AAIE;AACE;;;;;;AAMK;AACH;;;;AAIA;;AAEAD;AACAC;;AACkB;;;AAAwC;AAAE;;AAE9D;AACF;;;AAGEC;AAAkBC;AAAsB;;;;AAKxC;AACF;;;AAKA;;AAEI;AACA;AACEC;AACF;AACAC;AACF;;AAEA;AACF;;AACEP;AAAM;;AAGV;;;;;AAKE;;AAGA;AACEQ;;AAEAD;;;AAIEC;;AAEJ;AACF;;AAGA;AACE;AAAwBC;AAAe;;;AAAwC;AAAE;;;AAGnF;;AAGA;;AAEI;AACF;AAEA;;;AAGF;;;;AAKkB;AAAY;;;;AAI9B;;;AAIE;;AAIF;;AAGE;;;;;AACsE;;;;;;;AACuB;AAAG;;;;;;;;;;AAW1F;AACD;;;;AAMP;AAEA;;;;;AACsE;;;;;;;AACmB;;;;;;;AACM;AAAG;;;;;;AAOxFC;;;AAGAC;AACAC;;;;AAIF;;AAED;;;;AAKFC;;;;;;;;AASG;AACD;;AAKFC;;;;;;;AAQG;;;AAEQ;;AAAe;AAAEA;;;;;;;;;;;AAazB;AACD;;AAKF;;;;;;;;;;AAWO;AACD;;AAKFL;;;;;;;;;;AAYG;;;;;;;;;;AAUE;AACAT;;;;AAEiB;;;AAEsCA;AAClDe;;;;;;;;;AAUL;AACD;;;;;;;;;;AAYC;AACAf;;;;AAEiB;;;AAGsCA;AAChDe;;;;;;AAQPC;;AAEEN;;;AAMAC;AACAC;;;;;AAKF;;AAED;;;AAhFIK;;;;;;;;;AA8FX;;AACD;;;;;AAMa;;AAAoC;AAAEC;AAAoB;AAAG;;AAC7D;;AAAkC;AAAEC;;;;;;;AAMxD;;"}

package/dist/components/dashboard/SiteConfigPanel.d.ts

@@ -1,12 +1,6 @@
-import type { SiteConfigState, WordPressSiteConfig } from './types';
-export declare const SiteConfigPanel: ({ configState, loading, onCancel, onConfigChange, onEdit, onSave, onToggle, showSiteConfig, siteConfig, }: {
-    configState: SiteConfigState;
+import type { WordPressSiteConfig } from './types';
+export declare const SiteConfigPanel: ({ loading, onScan, siteConfig, }: {
     loading: boolean;
-    onCancel: () => void;
-    onConfigChange: (field: keyof WordPressSiteConfig, value: string) => void;
-    onEdit: () => void;
-    onSave: () => void;
-    onToggle: () => void;
-    showSiteConfig: boolean;
+    onScan: () => void;
     siteConfig: WordPressSiteConfig;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/dashboard/SiteConfigPanel.js

@@ -1,8 +1,8 @@
 "use client";
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import styles from '../MigrationDashboardClient.module.css';
 
-const SiteConfigPanel = ({ configState, loading, onCancel, onConfigChange, onEdit, onSave, onToggle, showSiteConfig, siteConfig })=>{
+const SiteConfigPanel = ({ loading, onScan, siteConfig })=>{
     return /*#__PURE__*/ jsxs("div", {
         className: styles.siteConfigSection,
         children: [
@@ -10,192 +10,82 @@ const SiteConfigPanel = ({ configState, loading, onCancel, onConfigChange, onEdi
                 className: styles.siteConfigHeader,
                 children: [
                     /*#__PURE__*/ jsx("h2", {
-                        children: "WordPress Site Configuration"
+                        children: "WordPress Content Discovery"
                     }),
                     /*#__PURE__*/ jsx("button", {
-                        className: styles.toggleButton,
-                        onClick: onToggle,
-                        children: showSiteConfig ? 'Hide Configuration' : 'Show Configuration'
+                        className: styles.saveButton,
+                        disabled: loading || siteConfig.connectionStatus === 'scanning',
+                        onClick: onScan,
+                        children: siteConfig.connectionStatus === 'scanning' ? 'Scanning...' : 'Scan WordPress Content'
                     })
                 ]
             }),
-            showSiteConfig && /*#__PURE__*/ jsxs("div", {
+            siteConfig.connectionStatus === 'scanned' && siteConfig.discoveredContent && siteConfig.discoveredContent.length > 0 && /*#__PURE__*/ jsx("div", {
                 className: styles.siteConfigForm,
-                children: [
-                    /*#__PURE__*/ jsxs("div", {
-                        className: styles.formGrid,
+                children: /*#__PURE__*/ jsx("div", {
+                    className: styles.connectionStatus,
+                    children: /*#__PURE__*/ jsxs("div", {
+                        className: styles.discoveredContent,
                         children: [
                             /*#__PURE__*/ jsxs("div", {
-                                className: styles.formGroup,
-                                children: [
-                                    /*#__PURE__*/ jsx("label", {
-                                        htmlFor: "siteName",
-                                        children: "Site Name"
-                                    }),
-                                    /*#__PURE__*/ jsx("input", {
-                                        disabled: !configState.isEditing,
-                                        id: "siteName",
-                                        onChange: (e)=>onConfigChange('siteName', e.target.value),
-                                        placeholder: "My WordPress Site",
-                                        type: "text",
-                                        value: siteConfig.siteName
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ jsxs("div", {
-                                className: styles.formGroup,
-                                children: [
-                                    /*#__PURE__*/ jsx("label", {
-                                        htmlFor: "wpSiteUrl",
-                                        children: "WordPress Site URL"
-                                    }),
-                                    /*#__PURE__*/ jsx("input", {
-                                        disabled: !configState.isEditing,
-                                        id: "wpSiteUrl",
-                                        onChange: (e)=>onConfigChange('wpSiteUrl', e.target.value),
-                                        placeholder: "https://example.com",
-                                        type: "url",
-                                        value: siteConfig.wpSiteUrl
-                                    }),
-                                    /*#__PURE__*/ jsx("small", {
-                                        children: "Base URL of your WordPress site"
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ jsxs("div", {
-                                className: styles.formGroup,
+                                className: styles.discoveredHeader,
                                 children: [
-                                    /*#__PURE__*/ jsx("label", {
-                                        htmlFor: "wpUsername",
-                                        children: "WordPress Username"
-                                    }),
-                                    /*#__PURE__*/ jsx("input", {
-                                        disabled: !configState.isEditing,
-                                        id: "wpUsername",
-                                        onChange: (e)=>onConfigChange('wpUsername', e.target.value),
-                                        placeholder: "admin",
-                                        type: "text",
-                                        value: siteConfig.wpUsername
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ jsxs("div", {
-                                className: styles.formGroup,
-                                children: [
-                                    /*#__PURE__*/ jsx("label", {
-                                        htmlFor: "wpPassword",
-                                        children: "Application Password"
-                                    }),
-                                    /*#__PURE__*/ jsx("input", {
-                                        disabled: !configState.isEditing,
-                                        id: "wpPassword",
-                                        onChange: (e)=>onConfigChange('wpPassword', e.target.value),
-                                        placeholder: "xxxx xxxx xxxx xxxx",
-                                        type: "password",
-                                        value: siteConfig.wpPassword
+                                    /*#__PURE__*/ jsxs("h4", {
+                                        children: [
+                                            "Available Content (",
+                                            siteConfig.totalItems,
+                                            " total items)"
+                                        ]
                                     }),
                                     /*#__PURE__*/ jsx("small", {
-                                        children: "WordPress Application Password for REST API access"
+                                        children: "Ready for migration"
                                     })
                                 ]
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ jsxs("div", {
-                        className: styles.configActions,
-                        children: [
-                            /*#__PURE__*/ jsx("div", {
-                                className: styles.connectionStatus,
-                                children: /*#__PURE__*/ jsxs("div", {
-                                    className: styles.statusIndicator,
-                                    children: [
-                                        /*#__PURE__*/ jsx("span", {
-                                            className: `${styles.statusDot} ${styles[siteConfig.connectionStatus]}`
-                                        }),
-                                        /*#__PURE__*/ jsxs("span", {
-                                            className: styles.statusText,
-                                            children: [
-                                                siteConfig.connectionStatus === 'not-scanned' && 'Not Scanned',
-                                                siteConfig.connectionStatus === 'scanned' && siteConfig.discoveredContent && siteConfig.discoveredContent.length > 0 && /*#__PURE__*/ jsxs("div", {
-                                                    className: styles.discoveredContent,
-                                                    children: [
-                                                        /*#__PURE__*/ jsxs("div", {
-                                                            className: styles.discoveredHeader,
-                                                            children: [
-                                                                /*#__PURE__*/ jsxs("h4", {
-                                                                    children: [
-                                                                        "Available Content (",
-                                                                        siteConfig.totalItems,
-                                                                        " total items)"
-                                                                    ]
-                                                                }),
-                                                                /*#__PURE__*/ jsx("small", {
-                                                                    children: "Ready for migration"
-                                                                })
-                                                            ]
-                                                        }),
-                                                        /*#__PURE__*/ jsx("div", {
-                                                            className: styles.contentList,
-                                                            children: siteConfig.discoveredContent.map((content)=>/*#__PURE__*/ jsxs("div", {
-                                                                    className: styles.contentItem,
-                                                                    children: [
-                                                                        /*#__PURE__*/ jsxs("span", {
-                                                                            className: styles.contentLabel,
-                                                                            children: [
-                                                                                content.label,
-                                                                                ":"
-                                                                            ]
-                                                                        }),
-                                                                        /*#__PURE__*/ jsxs("span", {
-                                                                            className: styles.contentCount,
-                                                                            children: [
-                                                                                content.count,
-                                                                                " items"
-                                                                            ]
-                                                                        }),
-                                                                        content.custom && /*#__PURE__*/ jsx("span", {
-                                                                            className: styles.customBadge,
-                                                                            children: "Custom"
-                                                                        })
-                                                                    ]
-                                                                }, content.type))
-                                                        })
-                                                    ]
-                                                }),
-                                                siteConfig.connectionStatus === 'scanned' && 'Content Discovered',
-                                                siteConfig.connectionStatus === 'failed' && 'Scan Failed'
-                                            ]
-                                        })
-                                    ]
-                                })
                             }),
                             /*#__PURE__*/ jsx("div", {
-                                className: styles.formActions,
-                                children: configState.isEditing ? /*#__PURE__*/ jsxs(Fragment, {
-                                    children: [
-                                        /*#__PURE__*/ jsx("button", {
-                                            className: styles.saveButton,
-                                            disabled: loading,
-                                            onClick: onSave,
-                                            children: "Save Configuration"
-                                        }),
-                                        configState.isSaved && /*#__PURE__*/ jsx("button", {
-                                            className: styles.cancelButton,
-                                            disabled: loading,
-                                            onClick: onCancel,
-                                            children: "Cancel"
-                                        })
-                                    ]
-                                }) : /*#__PURE__*/ jsx("button", {
-                                    className: styles.editButton,
-                                    disabled: loading,
-                                    onClick: onEdit,
-                                    children: "Edit Configuration"
-                                })
+                                className: styles.contentList,
+                                children: siteConfig.discoveredContent.map((content)=>/*#__PURE__*/ jsxs("div", {
+                                        className: styles.contentItem,
+                                        children: [
+                                            /*#__PURE__*/ jsxs("span", {
+                                                className: styles.contentLabel,
+                                                children: [
+                                                    content.label,
+                                                    ":"
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ jsxs("span", {
+                                                className: styles.contentCount,
+                                                children: [
+                                                    content.count,
+                                                    " items"
+                                                ]
+                                            }),
+                                            content.custom && /*#__PURE__*/ jsx("span", {
+                                                className: styles.customBadge,
+                                                children: "Custom"
+                                            })
+                                        ]
+                                    }, content.type))
                             })
                         ]
                     })
-                ]
+                })
+            }),
+            siteConfig.connectionStatus === 'failed' && /*#__PURE__*/ jsx("div", {
+                className: styles.siteConfigForm,
+                children: /*#__PURE__*/ jsxs("div", {
+                    className: styles.connectionStatus,
+                    children: [
+                        /*#__PURE__*/ jsx("span", {
+                            className: `${styles.statusDot} ${styles.failed}`
+                        }),
+                        /*#__PURE__*/ jsx("span", {
+                            className: styles.statusText,
+                            children: "Scan Failed — check that WordPress credentials are configured in the plugin config"
+                        })
+                    ]
+                })
             })
         ]
     });

package/dist/components/dashboard/SiteConfigPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"SiteConfigPanel.js","sources":["../../../src/components/dashboard/SiteConfigPanel.tsx"],"sourcesContent":["'use client'\n\nimport type { SiteConfigState, WordPressSiteConfig } from './types'\n\nimport styles from '../MigrationDashboardClient.module.css'\n\nexport const SiteConfigPanel = ({\n  configState,\n  loading,\n  onCancel,\n  onConfigChange,\n  onEdit,\n  onSave,\n  onToggle,\n  showSiteConfig,\n  siteConfig,\n}: {\n  configState: SiteConfigState\n  loading: boolean\n  onCancel: () => void\n  onConfigChange: (field: keyof WordPressSiteConfig, value: string) => void\n  onEdit: () => void\n  onSave: () => void\n  onToggle: () => void\n  showSiteConfig: boolean\n  siteConfig: WordPressSiteConfig\n}) => {\n  return (\n    <div className={styles.siteConfigSection}>\n      <div className={styles.siteConfigHeader}>\n        <h2>WordPress Site Configuration</h2>\n        <button className={styles.toggleButton} onClick={onToggle}>\n          {showSiteConfig ? 'Hide Configuration' : 'Show Configuration'}\n        </button>\n      </div>\n\n      {showSiteConfig && (\n        <div className={styles.siteConfigForm}>\n          <div className={styles.formGrid}>\n            <div className={styles.formGroup}>\n              <label htmlFor=\"siteName\">Site Name</label>\n              <input\n                disabled={!configState.isEditing}\n                id=\"siteName\"\n                onChange={(e) => onConfigChange('siteName', e.target.value)}\n                placeholder=\"My WordPress Site\"\n                type=\"text\"\n                value={siteConfig.siteName}\n              />\n            </div>\n\n            <div className={styles.formGroup}>\n              <label htmlFor=\"wpSiteUrl\">WordPress Site URL</label>\n              <input\n                disabled={!configState.isEditing}\n                id=\"wpSiteUrl\"\n                onChange={(e) => onConfigChange('wpSiteUrl', e.target.value)}\n                placeholder=\"https://example.com\"\n                type=\"url\"\n                value={siteConfig.wpSiteUrl}\n              />\n              <small>Base URL of your WordPress site</small>\n            </div>\n\n            <div className={styles.formGroup}>\n              <label htmlFor=\"wpUsername\">WordPress Username</label>\n              <input\n                disabled={!configState.isEditing}\n                id=\"wpUsername\"\n                onChange={(e) => onConfigChange('wpUsername', e.target.value)}\n                placeholder=\"admin\"\n                type=\"text\"\n                value={siteConfig.wpUsername}\n              />\n            </div>\n\n            <div className={styles.formGroup}>\n              <label htmlFor=\"wpPassword\">Application Password</label>\n              <input\n                disabled={!configState.isEditing}\n                id=\"wpPassword\"\n                onChange={(e) => onConfigChange('wpPassword', e.target.value)}\n                placeholder=\"xxxx xxxx xxxx xxxx\"\n                type=\"password\"\n                value={siteConfig.wpPassword}\n              />\n              <small>WordPress Application Password for REST API access</small>\n            </div>\n          </div>\n\n          <div className={styles.configActions}>\n            <div className={styles.connectionStatus}>\n              <div className={styles.statusIndicator}>\n                <span className={`${styles.statusDot} ${styles[siteConfig.connectionStatus]}`} />\n                <span className={styles.statusText}>\n                  {siteConfig.connectionStatus === 'not-scanned' && 'Not Scanned'}\n                  {siteConfig.connectionStatus === 'scanned' &&\n                    siteConfig.discoveredContent &&\n                    siteConfig.discoveredContent.length > 0 && (\n                      <div className={styles.discoveredContent}>\n                        <div className={styles.discoveredHeader}>\n                          <h4>Available Content ({siteConfig.totalItems} total items)</h4>\n                          <small>Ready for migration</small>\n                        </div>\n                        <div className={styles.contentList}>\n                          {siteConfig.discoveredContent.map((content) => (\n                            <div className={styles.contentItem} key={content.type}>\n                              <span className={styles.contentLabel}>{content.label}:</span>\n                              <span className={styles.contentCount}>{content.count} items</span>\n                              {content.custom && (\n                                <span className={styles.customBadge}>Custom</span>\n                              )}\n                            </div>\n                          ))}\n                        </div>\n                      </div>\n                    )}\n                  {siteConfig.connectionStatus === 'scanned' && 'Content Discovered'}\n                  {siteConfig.connectionStatus === 'failed' && 'Scan Failed'}\n                </span>\n              </div>\n            </div>\n\n            <div className={styles.formActions}>\n              {configState.isEditing ? (\n                <>\n                  <button\n                    className={styles.saveButton}\n                    disabled={loading}\n                    onClick={onSave}\n                  >\n                    Save Configuration\n                  </button>\n                  {configState.isSaved && (\n                    <button\n                      className={styles.cancelButton}\n                      disabled={loading}\n                      onClick={onCancel}\n                    >\n                      Cancel\n                    </button>\n                  )}\n                </>\n              ) : (\n                <button\n                  className={styles.editButton}\n                  disabled={loading}\n                  onClick={onEdit}\n                >\n                  Edit Configuration\n                </button>\n              )}\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["className","showSiteConfig","onChange","value","siteConfig","content","configState"],"mappings":";;;;AAMO;AAqBL;AACOA;;;AACEA;;;AACC;;;AACIA;;AACLC;;;;AAIJA;AACMD;;;AACEA;;;AACEA;;;;AACuB;;;;;AAIxBE;;;AAGAC;;;;;AAICH;;;;AACwB;;;;;AAIzBE;;;AAGAC;;;AAEK;;;;;AAGJH;;;;AACyB;;;;;AAI1BE;;;AAGAC;;;;;AAICH;;;;AACyB;;;;;AAI1BE;;;AAGAC;;;AAEK;;;;;;;AAINH;;;AACEA;AACH;AAAKA;;;;;;AAEGA;;;AAEHI;AAGQJ;;;AACEA;;;;AACC;AAAoBI;AAAsB;;;;AACvC;;;;;AAEJJ;AACFI;AACMJ;;;AACGA;;AAAiCK;AAAc;;;;AAC/CL;;AAAiCK;AAAc;;;;AAE7CL;AAA+B;;;AAJAK;;;;;;;;;;;;AAiBpDL;AACFM;;;AAGKN;;;AAGD;;;AAKGA;;;AAGD;;;;AAOHA;;;AAGD;;;;;;;;;AAUjB;;"}
+{"version":3,"file":"SiteConfigPanel.js","sources":["../../../src/components/dashboard/SiteConfigPanel.tsx"],"sourcesContent":["'use client'\n\nimport type { WordPressSiteConfig } from './types'\n\nimport styles from '../MigrationDashboardClient.module.css'\n\nexport const SiteConfigPanel = ({\n  loading,\n  onScan,\n  siteConfig,\n}: {\n  loading: boolean\n  onScan: () => void\n  siteConfig: WordPressSiteConfig\n}) => {\n  return (\n    <div className={styles.siteConfigSection}>\n      <div className={styles.siteConfigHeader}>\n        <h2>WordPress Content Discovery</h2>\n        <button\n          className={styles.saveButton}\n          disabled={loading || siteConfig.connectionStatus === 'scanning'}\n          onClick={onScan}\n        >\n          {siteConfig.connectionStatus === 'scanning' ? 'Scanning...' : 'Scan WordPress Content'}\n        </button>\n      </div>\n\n      {siteConfig.connectionStatus === 'scanned' &&\n        siteConfig.discoveredContent &&\n        siteConfig.discoveredContent.length > 0 && (\n          <div className={styles.siteConfigForm}>\n            <div className={styles.connectionStatus}>\n              <div className={styles.discoveredContent}>\n                <div className={styles.discoveredHeader}>\n                  <h4>Available Content ({siteConfig.totalItems} total items)</h4>\n                  <small>Ready for migration</small>\n                </div>\n                <div className={styles.contentList}>\n                  {siteConfig.discoveredContent.map((content) => (\n                    <div className={styles.contentItem} key={content.type}>\n                      <span className={styles.contentLabel}>{content.label}:</span>\n                      <span className={styles.contentCount}>{content.count} items</span>\n                      {content.custom && <span className={styles.customBadge}>Custom</span>}\n                    </div>\n                  ))}\n                </div>\n              </div>\n            </div>\n          </div>\n        )}\n\n      {siteConfig.connectionStatus === 'failed' && (\n        <div className={styles.siteConfigForm}>\n          <div className={styles.connectionStatus}>\n            <span className={`${styles.statusDot} ${styles.failed}`} />\n            <span className={styles.statusText}>\n              Scan Failed — check that WordPress credentials are configured in the plugin config\n            </span>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["className","siteConfig","content"],"mappings":";;;;AAMO;AASL;AACOA;;;AACEA;;;AACC;;;AAEFA;;;;;;;AAQHC;AAGQD;AACH;AAAKA;AACH;AAAKA;;;AACEA;;;;AACC;AAAoBC;AAAsB;;;;AACvC;;;;;AAEJD;AACFC;AACMD;;;AACGA;;AAAiCE;AAAc;;;;AAC/CF;;AAAiCE;AAAc;;;;AAC5BF;AAA+B;;;AAHjBE;;;;;;;AAahDF;AACH;AAAKA;;;;;;AAEGA;AAA8B;;;;;;;AAQhD;;"}

package/dist/components/dashboard/index.d.ts

@@ -4,4 +4,4 @@ export { LogViewer } from './LogViewer';
 export { SiteConfigPanel } from './SiteConfigPanel';
 export { StatsOverview } from './StatsOverview';
 export { useMigrationDashboard } from './useMigrationDashboard';
-export type { ContentType, JobActionType, MigrationSummary, SiteConfigState, WordPressSiteConfig, } from './types';
+export type { ContentType, JobActionType, MigrationSummary, WordPressSiteConfig, } from './types';

package/dist/components/dashboard/types.d.ts

@@ -33,14 +33,6 @@ export type ContentType = {
 export type WordPressSiteConfig = {
     connectionStatus: 'failed' | 'not-scanned' | 'scanned' | 'scanning';
     discoveredContent?: ContentType[];
-    siteName: string;
     totalItems?: number;
-    wpPassword: string;
-    wpSiteUrl: string;
-    wpUsername: string;
-};
-export type SiteConfigState = {
-    isEditing: boolean;
-    isSaved: boolean;
 };
 export type JobActionType = 'pause' | 'restart' | 'resume' | 'retry' | 'rollback' | 'start' | 'update';

package/dist/components/dashboard/useMigrationDashboard.d.ts

@@ -1,15 +1,9 @@
-import type { JobActionType, MigrationSummary, SiteConfigState, WordPressSiteConfig } from './types';
+import type { JobActionType, MigrationSummary, WordPressSiteConfig } from './types';
 export declare const useMigrationDashboard: (initialSummary: MigrationSummary) => {
-    configState: SiteConfigState;
     loading: boolean;
-    showSiteConfig: boolean;
     siteConfig: WordPressSiteConfig;
     summary: MigrationSummary;
-    handleCancelEdit: () => void;
-    handleEditConfig: () => void;
-    handleSaveConfig: () => Promise<void>;
-    handleSiteConfigChange: (field: keyof WordPressSiteConfig, value: string) => void;
-    setShowSiteConfig: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     handleJobAction: (action: JobActionType, jobId: string) => Promise<void>;
+    scanWordPressContent: () => Promise<void>;
     getAllLogs: () => string[];
 };