payload-wordpress-migrator 0.0.22

package/dist/components/FieldMappingConfiguration.js

@@ -0,0 +1,361 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useField } from '@payloadcms/ui';
+import { useState, useEffect, useCallback } from 'react';
+import styles from './FieldMappingConfiguration.module.css';
+
+const FieldMappingConfiguration = ({ path })=>{
+    const { setValue, value } = useField({
+        path
+    });
+    const { value: contentTypeValue } = useField({
+        path: 'contentType'
+    });
+    const { value: targetCollectionValue } = useField({
+        path: 'targetCollection'
+    });
+    const [wpFields, setWpFields] = useState([]);
+    const [payloadFields, setPayloadFields] = useState([]);
+    const [fieldMappings, setFieldMappings] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState('');
+    // Parse existing field mappings from JSON value
+    useEffect(()=>{
+        if (value) {
+            try {
+                const parsed = typeof value === 'string' ? JSON.parse(value) : value;
+                if (parsed && Array.isArray(parsed.fieldMappings)) {
+                    setFieldMappings(parsed.fieldMappings);
+                }
+            } catch (error) {
+                console.error('Failed to parse existing field mappings:', error);
+            }
+        }
+    }, [
+        value
+    ]);
+    // Flatten nested fields with dot notation paths
+    const flattenFields = (fields, prefix = '')=>{
+        const flattened = [];
+        fields.forEach((field)=>{
+            const fieldPath = prefix ? `${prefix}.${field.name}` : field.name;
+            flattened.push({
+                ...field,
+                label: field.label || field.name,
+                path: fieldPath
+            });
+            // Handle nested fields
+            if (field.fields && Array.isArray(field.fields)) {
+                flattened.push(...flattenFields(field.fields, fieldPath));
+            }
+            // Handle array fields with nested schemas
+            if (field.type === 'array' && field.of && Array.isArray(field.of)) {
+                field.of.forEach((arrayField, index)=>{
+                    if (arrayField.fields) {
+                        flattened.push(...flattenFields(arrayField.fields, `${fieldPath}[${index}]`));
+                    }
+                });
+            }
+            // Handle group fields
+            if (field.type === 'group' && field.fields) {
+                flattened.push(...flattenFields(field.fields, fieldPath));
+            }
+        });
+        return flattened;
+    };
+    // Fetch WordPress content type fields
+    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
+                }),
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                method: 'POST'
+            });
+            const result = await response.json();
+            if (response.ok && result.success) {
+                const flattened = flattenFields(result.fields || []);
+                setWpFields(flattened);
+            } else {
+                throw new Error(result.error || 'Failed to fetch WordPress fields');
+            }
+        } catch (error) {
+            console.error('Error fetching WordPress fields:', error);
+            setError(error instanceof Error ? error.message : 'Failed to fetch WordPress fields');
+            setWpFields([]);
+        } finally{
+            setLoading(false);
+        }
+    }, []) // Empty dependency array since the function doesn't depend on any props or state
+    ;
+    // Fetch Payload collection fields
+    const fetchPayloadFields = useCallback(async (collectionSlug)=>{
+        try {
+            const response = await fetch(`/api/collections/${collectionSlug}/fields`);
+            const result = await response.json();
+            if (response.ok) {
+                const flattened = flattenFields(result.fields || []);
+                setPayloadFields(flattened);
+            } else {
+                throw new Error('Failed to fetch Payload collection fields');
+            }
+        } catch (error) {
+            console.error('Error fetching Payload fields:', error);
+            setPayloadFields([]);
+        }
+    }, []) // Empty dependency array since the function doesn't depend on any props or state
+    ;
+    // Load fields when both content type and target collection are selected
+    useEffect(()=>{
+        if (contentTypeValue && targetCollectionValue) {
+            void fetchWordPressFields(contentTypeValue);
+            void fetchPayloadFields(targetCollectionValue);
+        } else {
+            setWpFields([]);
+            setPayloadFields([]);
+            setFieldMappings([]);
+        }
+    }, [
+        contentTypeValue,
+        targetCollectionValue,
+        fetchWordPressFields,
+        fetchPayloadFields
+    ]);
+    // Add new field mapping
+    const addFieldMapping = ()=>{
+        const newMapping = {
+            payloadField: '',
+            wpField: ''
+        };
+        const updatedMappings = [
+            ...fieldMappings,
+            newMapping
+        ];
+        setFieldMappings(updatedMappings);
+        updateValue(updatedMappings);
+    };
+    // Remove field mapping
+    const removeFieldMapping = (index)=>{
+        const updatedMappings = fieldMappings.filter((_, i)=>i !== index);
+        setFieldMappings(updatedMappings);
+        updateValue(updatedMappings);
+    };
+    // Update field mapping
+    const updateFieldMapping = (index, field, value)=>{
+        const updatedMappings = fieldMappings.map((mapping, i)=>i === index ? {
+                ...mapping,
+                [field]: value
+            } : mapping);
+        setFieldMappings(updatedMappings);
+        updateValue(updatedMappings);
+    };
+    // Update the form value
+    const updateValue = (mappings)=>{
+        const mappingConfig = {
+            contentType: contentTypeValue,
+            fieldMappings: mappings,
+            targetCollection: targetCollectionValue
+        };
+        setValue(JSON.stringify(mappingConfig, null, 2));
+    };
+    if (!contentTypeValue || !targetCollectionValue) {
+        return /*#__PURE__*/ jsxs("div", {
+            className: "field-type",
+            children: [
+                /*#__PURE__*/ jsx("div", {
+                    className: "field-label",
+                    children: /*#__PURE__*/ jsx("label", {
+                        children: "Field Mapping Configuration"
+                    })
+                }),
+                /*#__PURE__*/ jsx("div", {
+                    className: "field-description",
+                    children: 'Please select both "Content Type to Migrate" and "Target Payload Collection" to configure field mappings.'
+                })
+            ]
+        });
+    }
+    return /*#__PURE__*/ jsxs("div", {
+        className: "field-type",
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "field-label",
+                children: /*#__PURE__*/ jsx("label", {
+                    children: "Field Mapping Configuration"
+                })
+            }),
+            loading && /*#__PURE__*/ jsx("div", {
+                className: "field-description",
+                children: "Loading field schemas..."
+            }),
+            error && /*#__PURE__*/ jsx("div", {
+                className: "field-error",
+                children: /*#__PURE__*/ jsx("div", {
+                    className: "field-error__message",
+                    children: error
+                })
+            }),
+            !loading && !error && (wpFields.length > 0 || payloadFields.length > 0) && /*#__PURE__*/ jsxs("div", {
+                className: styles.fieldMappingContainer,
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: styles.fieldMappingHeader,
+                        children: /*#__PURE__*/ jsxs("div", {
+                            className: styles.fieldMappingColumns,
+                            children: [
+                                /*#__PURE__*/ jsxs("div", {
+                                    className: styles.fieldMappingColumn,
+                                    children: [
+                                        /*#__PURE__*/ jsxs("h4", {
+                                            children: [
+                                                "WordPress Fields (",
+                                                String(contentTypeValue || ''),
+                                                ")"
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ jsx("div", {
+                                            className: styles.fieldList,
+                                            children: wpFields.map((field)=>/*#__PURE__*/ jsxs("div", {
+                                                    className: styles.fieldItem,
+                                                    children: [
+                                                        /*#__PURE__*/ jsx("strong", {
+                                                            children: field.path
+                                                        }),
+                                                        /*#__PURE__*/ jsx("span", {
+                                                            className: styles.fieldTypeBadge,
+                                                            children: field.type
+                                                        })
+                                                    ]
+                                                }, field.path))
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsxs("div", {
+                                    className: styles.fieldMappingColumn,
+                                    children: [
+                                        /*#__PURE__*/ jsxs("h4", {
+                                            children: [
+                                                "Payload Fields (",
+                                                String(targetCollectionValue || ''),
+                                                ")"
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ jsx("div", {
+                                            className: styles.fieldList,
+                                            children: payloadFields.map((field)=>/*#__PURE__*/ jsxs("div", {
+                                                    className: styles.fieldItem,
+                                                    children: [
+                                                        /*#__PURE__*/ jsx("strong", {
+                                                            children: field.path
+                                                        }),
+                                                        /*#__PURE__*/ jsx("span", {
+                                                            className: styles.fieldTypeBadge,
+                                                            children: field.type
+                                                        })
+                                                    ]
+                                                }, field.path))
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: styles.fieldMappingMappings,
+                        children: [
+                            /*#__PURE__*/ jsxs("div", {
+                                className: styles.fieldMappingHeader,
+                                children: [
+                                    /*#__PURE__*/ jsx("h4", {
+                                        children: "Field Mappings"
+                                    }),
+                                    /*#__PURE__*/ jsx("button", {
+                                        className: "btn btn--style-secondary btn--size-small",
+                                        onClick: addFieldMapping,
+                                        type: "button",
+                                        children: "Add Mapping"
+                                    })
+                                ]
+                            }),
+                            fieldMappings.map((mapping, index)=>/*#__PURE__*/ jsxs("div", {
+                                    className: styles.fieldMappingRow,
+                                    children: [
+                                        /*#__PURE__*/ jsxs("select", {
+                                            className: "select",
+                                            onChange: (e)=>updateFieldMapping(index, 'wpField', e.target.value),
+                                            value: mapping.wpField,
+                                            children: [
+                                                /*#__PURE__*/ jsx("option", {
+                                                    value: "",
+                                                    children: "Select WordPress field..."
+                                                }),
+                                                wpFields.map((field)=>/*#__PURE__*/ jsxs("option", {
+                                                        value: field.path,
+                                                        children: [
+                                                            field.path,
+                                                            " (",
+                                                            field.type,
+                                                            ")"
+                                                        ]
+                                                    }, field.path))
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ jsx("span", {
+                                            className: styles.fieldMappingArrow,
+                                            children: "→"
+                                        }),
+                                        /*#__PURE__*/ jsxs("select", {
+                                            className: "select",
+                                            onChange: (e)=>updateFieldMapping(index, 'payloadField', e.target.value),
+                                            value: mapping.payloadField,
+                                            children: [
+                                                /*#__PURE__*/ jsx("option", {
+                                                    value: "",
+                                                    children: "Select Payload field..."
+                                                }),
+                                                payloadFields.map((field)=>/*#__PURE__*/ jsxs("option", {
+                                                        value: field.path,
+                                                        children: [
+                                                            field.path,
+                                                            " (",
+                                                            field.type,
+                                                            ")"
+                                                        ]
+                                                    }, field.path))
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ jsx("button", {
+                                            className: "btn btn--style-error btn--size-small",
+                                            onClick: ()=>removeFieldMapping(index),
+                                            type: "button",
+                                            children: "Remove"
+                                        })
+                                    ]
+                                }, index)),
+                            fieldMappings.length === 0 && /*#__PURE__*/ jsx("div", {
+                                className: styles.fieldDescription,
+                                children: 'No field mappings configured. Click "Add Mapping" to start mapping fields.'
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+export { FieldMappingConfiguration as default };
+//# sourceMappingURL=FieldMappingConfiguration.js.map

package/dist/components/FieldMappingConfiguration.js.map

@@ -0,0 +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;;"}

package/dist/components/FieldMappingConfiguration.module.css

@@ -0,0 +1,75 @@
+.fieldMappingContainer {
+  border: 1px solid var(--theme-elevation-100);
+  border-radius: 4px;
+  padding: 16px;
+  margin-top: 8px;
+}
+
+.fieldMappingColumns {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 24px;
+  margin-bottom: 24px;
+}
+
+.fieldMappingColumn h4 {
+  margin: 0 0 12px 0;
+  padding-bottom: 8px;
+  border-bottom: 1px solid var(--theme-elevation-100);
+}
+
+.fieldList {
+  max-height: 200px;
+  overflow-y: auto;
+  border: 1px solid var(--theme-elevation-100);
+  border-radius: 4px;
+  padding: 8px;
+}
+
+.fieldItem {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 4px 8px;
+  margin: 2px 0;
+  background: var(--theme-elevation-50);
+  border-radius: 3px;
+  font-size: 13px;
+}
+
+.fieldTypeBadge {
+  background: var(--theme-elevation-200);
+  padding: 2px 6px;
+  border-radius: 12px;
+  font-size: 11px;
+  color: var(--theme-elevation-800);
+}
+
+.fieldMappingHeader {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16px;
+}
+
+.fieldMappingHeader h4 {
+  margin: 0;
+}
+
+.fieldMappingRow {
+  display: grid;
+  grid-template-columns: 1fr auto 1fr auto;
+  gap: 12px;
+  align-items: center;
+  margin-bottom: 12px;
+  padding: 12px;
+  border: 1px solid var(--theme-elevation-100);
+  border-radius: 4px;
+  background: var(--theme-background);
+}
+
+.fieldMappingArrow {
+  font-size: 18px;
+  color: var(--theme-elevation-400);
+  font-weight: bold;
+}

package/dist/components/MigrationDashboardClient.d.ts

@@ -0,0 +1,6 @@
+import type { MigrationSummary } from './dashboard/types';
+type MigrationDashboardClientProps = {
+    summary: MigrationSummary;
+};
+export declare const MigrationDashboardClient: ({ summary: initialSummary, }: MigrationDashboardClientProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/MigrationDashboardClient.js

@@ -0,0 +1,49 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { JobsTable } from './dashboard/JobsTable.js';
+import { LogViewer } from './dashboard/LogViewer.js';
+import { SiteConfigPanel } from './dashboard/SiteConfigPanel.js';
+import { StatsOverview } from './dashboard/StatsOverview.js';
+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);
+    return /*#__PURE__*/ jsxs("div", {
+        className: "gutter--left gutter--right collection-list__wrap",
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: styles.migrationDashboardHeader,
+                children: /*#__PURE__*/ jsx("h1", {
+                    children: "WordPress Migration Dashboard"
+                })
+            }),
+            /*#__PURE__*/ jsx(SiteConfigPanel, {
+                configState: configState,
+                loading: loading,
+                onCancel: handleCancelEdit,
+                onConfigChange: handleSiteConfigChange,
+                onEdit: handleEditConfig,
+                onSave: handleSaveConfig,
+                onToggle: ()=>setShowSiteConfig(!showSiteConfig),
+                showSiteConfig: showSiteConfig,
+                siteConfig: siteConfig
+            }),
+            /*#__PURE__*/ jsx(StatsOverview, {
+                siteConfig: siteConfig,
+                summary: summary
+            }),
+            /*#__PURE__*/ jsx(JobsTable, {
+                jobs: summary.recentJobs ?? [],
+                loading: loading,
+                onJobAction: handleJobAction
+            }),
+            /*#__PURE__*/ jsx(LogViewer, {
+                logs: getAllLogs()
+            })
+        ]
+    });
+};
+
+export { MigrationDashboardClient };
+//# sourceMappingURL=MigrationDashboardClient.js.map

package/dist/components/MigrationDashboardClient.js.map

@@ -0,0 +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;;"}