From 5a8d274c7144864249be73955294bda19fb7532a Mon Sep 17 00:00:00 2001
From: Bruno Tavares <brunomptavares@hotmail.com>
Date: Fri, 29 Oct 2021 11:58:49 +0100
Subject: [PATCH] Implemented translation mechanism so that the translation
 works properly. Also made a portuguese translation file.

---
 admin/src/components/DropFileZone/index.js   |  9 ++-
 admin/src/components/ImportForm/index.js     |  7 ++-
 admin/src/components/Layout/index.js         | 10 ++-
 admin/src/components/OptionsExport/index.js  | 10 ++-
 admin/src/components/RawInputForm/index.js   |  9 ++-
 admin/src/components/UploadFileForm/index.js | 14 +++--
 admin/src/constants/options.js               | 12 ++--
 admin/src/containers/App/index.js            | 28 +++++----
 admin/src/containers/DataMapper/index.js     | 29 +++++----
 admin/src/containers/ExportPage/index.js     | 43 ++++++++-----
 admin/src/containers/ImportPage/index.js     | 30 +++++----
 admin/src/translations/en.json               | 65 ++++++++++++++++----
 admin/src/translations/pt.json               | 56 ++++++++++++++++-
 admin/src/utils/exportUtils.js               | 12 ++--
 controllers/import-export-content.js         |  6 +-
 services/exporter/exportUtils.js             |  3 +-
 16 files changed, 246 insertions(+), 97 deletions(-)

diff --git a/admin/src/components/DropFileZone/index.js b/admin/src/components/DropFileZone/index.js
index 00440c2..d3b6888 100644
--- a/admin/src/components/DropFileZone/index.js
+++ b/admin/src/components/DropFileZone/index.js
@@ -4,12 +4,17 @@ import PropTypes from "prop-types";
 import DragAndDropIcon from "./DragAndDropIcon";
 import { Label, P } from "./styles";
 
+import { useGlobalContext } from "strapi-helper-plugin";
+import getTrad from '../../utils/getTrad';
+
 function DropFileZone({
   acceptMimeTypes,
   acceptFilesTypes,
   onUploadFile,
   onUploadError,
 }) {
+  const { formatMessage } = useGlobalContext();
+  
   const validateFile = (file) => {
     if (acceptMimeTypes.includes(file.type)) {
       onUploadFile(file);
@@ -42,8 +47,8 @@ function DropFileZone({
       <DragAndDropIcon />
       <P>
         <span>
-          Drag & drop your file into this area or{" "}
-          <span className={"underline"}>browse</span> for a file to upload
+          {formatMessage({ id: getTrad('import.dragAndDrop.firstPart')})}{" "}
+          <span className={"underline"}>{formatMessage({ id: getTrad('import.dragAndDrop.browse')})}</span> {formatMessage({ id: getTrad('import.dragAndDrop.secondPart')})}
         </span>
       </P>
       {isDragging && (
diff --git a/admin/src/components/ImportForm/index.js b/admin/src/components/ImportForm/index.js
index b05f061..2e9ddbc 100644
--- a/admin/src/components/ImportForm/index.js
+++ b/admin/src/components/ImportForm/index.js
@@ -1,6 +1,9 @@
 import React, { useState } from "react";
+import { useGlobalContext } from "strapi-helper-plugin";
 
 function ImportForm() {
+  const { formatMessage } = useGlobalContext();
+
   const contentTypes = [];
 
   const [contentTypeSelected, setContentType] = useState("");
@@ -10,10 +13,10 @@ function ImportForm() {
 
   return (
     <div className="pt-3 col-sm">
-      <Label htmlFor="contentType">Import Destination</Label>
+      <Label htmlFor="contentType">{formatMessage({ id: getTrad('import.page.label.destination')})}</Label>
       <Select
         name="contentType"
-        options={[{ label: "Select Content Type", value: "" }].concat(
+        options={[{ label: formatMessage({ id: getTrad('import.page.option.contentType')}), value: "" }].concat(
           contentTypes.map(({ info, uid }) => ({
             label: info.label,
             value: uid,
diff --git a/admin/src/components/Layout/index.js b/admin/src/components/Layout/index.js
index db48f99..5520d2b 100644
--- a/admin/src/components/Layout/index.js
+++ b/admin/src/components/Layout/index.js
@@ -1,13 +1,17 @@
 import React, { memo } from "react";
 import PropTypes from "prop-types";
-import { HeaderNav, PluginHeader } from "strapi-helper-plugin";
+import { HeaderNav, PluginHeader, useGlobalContext } from "strapi-helper-plugin";
+
+import getTrad from '../../utils/getTrad';
 
 function Layout({ navLinks, children }) {
+  const { formatMessage } = useGlobalContext();
+  
   return (
     <div className="container-fluid" style={{ padding: "18px 30px" }}>
       <PluginHeader
-        title="Import Content"
-        description="Import CSV and JSON into your Content Types"
+        title={formatMessage({ id: getTrad('plugin.name')})}
+        description={formatMessage({ id: getTrad('plugin.description')})}
       />
       <HeaderNav links={navLinks} style={{ marginTop: "4.4rem" }} />
       <div className="row">{children}</div>
diff --git a/admin/src/components/OptionsExport/index.js b/admin/src/components/OptionsExport/index.js
index 610ce7d..e1bebe9 100644
--- a/admin/src/components/OptionsExport/index.js
+++ b/admin/src/components/OptionsExport/index.js
@@ -3,17 +3,23 @@ import { Select, Checkbox } from "@buffetjs/core";
 
 import BASE_OPTIONS from "../../constants/options";
 
+import { useGlobalContext } from "strapi-helper-plugin";
+import getTrad from '../../utils/getTrad';
+
 function OptionsExport({ values, onChange }) {
+  const { formatMessage } = useGlobalContext();
+
   return (
     <div>
       <hr />
       {BASE_OPTIONS.map(({ name, label, type, optionalValues }) => {
+
         const handleChange = ({ target: { value } }) => onChange(name, value);
 
         if (type === "select") {
           return (
             <div className="mt-3">
-              <span>{label}:</span>
+              <span>{formatMessage({ id: getTrad(label)})}:</span>
               <Select
                 key={name}
                 name={name}
@@ -28,7 +34,7 @@ function OptionsExport({ values, onChange }) {
             <div className="mt-3">
               <Checkbox
                 key={name}
-                message={label}
+                message={formatMessage({ id: getTrad(label)})}
                 name={name}
                 value={values[name]}
                 onChange={handleChange}
diff --git a/admin/src/components/RawInputForm/index.js b/admin/src/components/RawInputForm/index.js
index 1a290dd..5a36e92 100644
--- a/admin/src/components/RawInputForm/index.js
+++ b/admin/src/components/RawInputForm/index.js
@@ -10,12 +10,17 @@ import { Row } from "../../components/common";
 import FORMATS from "../../constants/formats";
 import highlight from "../../utils/highlight";
 
+import { useGlobalContext } from "strapi-helper-plugin";
+import getTrad from '../../utils/getTrad';
+
 const fortmatsOptions = FORMATS.map(({ name, mimeType }) => ({
   label: name,
   value: mimeType,
 }));
 
 function RawInputForm({ onSubmit }) {
+  const { formatMessage } = useGlobalContext();
+
   const [rawText, setRawText] = useState("");
   const [rawFormat, setRawFormat] = useState(FORMATS[0].mimeType || "");
 
@@ -30,7 +35,7 @@ function RawInputForm({ onSubmit }) {
   return (
     <form className="col-12" onSubmit={handleSubmit}>
       <Row>
-        <Label message="Data Format" htmlFor="dataFormats" />
+        <Label message={formatMessage({ id: getTrad('import.raw.label.dataFormat')})} htmlFor="dataFormats" />
         <Select
           name="dataFormats"
           options={fortmatsOptions}
@@ -50,7 +55,7 @@ function RawInputForm({ onSubmit }) {
         </EditorWrapper>
       </Row>
       <Row>
-        <Button type="submit" label={"Analyze"} disabled={rawText === ""} />
+        <Button type="submit" label={formatMessage({ id: getTrad('import.raw.label.analyze')})} disabled={rawText === ""} />
       </Row>
     </form>
   );
diff --git a/admin/src/components/UploadFileForm/index.js b/admin/src/components/UploadFileForm/index.js
index 6ec125d..083d937 100644
--- a/admin/src/components/UploadFileForm/index.js
+++ b/admin/src/components/UploadFileForm/index.js
@@ -8,9 +8,15 @@ import { Button } from "@buffetjs/core";
 import { Row } from "../common";
 
 import FORMATS from "../../constants/formats";
+
 import readFileContent from "../../utils/readFileContent";
 
+import { useGlobalContext } from "strapi-helper-plugin";
+import getTrad from '../../utils/getTrad';
+
 function UploadFileForm({ onSubmit }) {
+  const { formatMessage } = useGlobalContext();
+  
   const [file, setFile] = useState(null);
   const [data, setData] = useState("");
 
@@ -22,7 +28,7 @@ function UploadFileForm({ onSubmit }) {
     } catch (err) {
       strapi.notification.toggle({
         type: "warning",
-        message: "import.file.content.error",
+        message: formatMessage({ id: getTrad("import.file.content.error")})
       });
     }
   };
@@ -51,7 +57,7 @@ function UploadFileForm({ onSubmit }) {
             onUploadError={() =>
               strapi.notification.toggle({
                 type: "warning",
-                message: "import.file.type.error",
+                message: formatMessage({ id: getTrad("import.file.type.error")})
               })
             }
           />
@@ -60,13 +66,13 @@ function UploadFileForm({ onSubmit }) {
       <Row>
         <Button
           type="submit"
-          label="Analyze"
+          label={formatMessage({ id: getTrad('import.upload.button.analyze')})}
           color={file ? "primary" : "cancel"}
           disabled={!file}
         />
         <Button
           className="ml-3"
-          label="Remove File"
+          label={formatMessage({ id: getTrad('import.upload.button.remove')})}
           color="delete"
           onClick={removeFile}
           disabled={!file}
diff --git a/admin/src/constants/options.js b/admin/src/constants/options.js
index 12e4dc7..3f3deee 100644
--- a/admin/src/constants/options.js
+++ b/admin/src/constants/options.js
@@ -2,26 +2,26 @@ const BASE_OPTIONS = [
   {
     name: "medias",
     type: "select",
-    label: "Select how medias will be exported.",
+    label: "export.options.medias",
     optionalValues: ["none", "ids", "url", "without-formats", "full"],
-    defaultValue: "full",
+    defaultValue: "none",
   },
   {
     name: "relations",
     type: "select",
-    label: "Select how relation will be exported.",
+    label: "export.options.relations",
     optionalValues: ["none", "ids", "full"],
-    defaultValue: "full",
+    defaultValue: "none",
   },
   {
     name: "ids",
-    label: "Remove Ids",
+    label: "export.options.ids",
     type: "boolean",
     defaultValue: false,
   },
   {
     name: "timestamp",
-    label: "Remove TimeStamps",
+    label: "export.options.timestamps",
     type: "boolean",
     defaultValue: false,
   }
diff --git a/admin/src/containers/App/index.js b/admin/src/containers/App/index.js
index 33c9946..08c7b49 100644
--- a/admin/src/containers/App/index.js
+++ b/admin/src/containers/App/index.js
@@ -10,6 +10,10 @@ import { Redirect, Route, Switch } from "react-router-dom";
 import Layout from "../../components/Layout";
 // Utils
 import pluginId from "../../pluginId";
+//Trad
+import { request, useGlobalContext } from "strapi-helper-plugin";
+import getTrad from '../../utils/getTrad';
+
 // Pages
 import ImportPage from "../ImportPage";
 import ExportPage from "../ExportPage";
@@ -18,19 +22,19 @@ import useContentTypes from "../../hooks/useContentTypes";
 
 import "../../assets/prismjs.css";
 
-const pathTo = (uri = "") => `/plugins/${pluginId}/${uri}`;
-const navLinks = [
-  {
-    name: "Import Data",
-    to: pathTo("import"),
-  },
-  {
-    name: "Export Data",
-    to: pathTo("export"),
-  },
-];
-
 function App() {
+  const { formatMessage } = useGlobalContext();
+  const pathTo = (uri = "") => `/plugins/${pluginId}/${uri}`;
+  const navLinks = [
+    {
+      name: formatMessage({id: getTrad('import.tab.name')}),
+      to: pathTo("import"),
+    },
+    {
+      name: formatMessage({id: getTrad('export.tab.name')}),
+      to: pathTo("export"),
+    },
+  ];
   const userContentTypes = useContentTypes();
 
   return (
diff --git a/admin/src/containers/DataMapper/index.js b/admin/src/containers/DataMapper/index.js
index c4311ec..9d32f80 100644
--- a/admin/src/containers/DataMapper/index.js
+++ b/admin/src/containers/DataMapper/index.js
@@ -6,8 +6,9 @@ import { Button, Checkbox } from "@buffetjs/core";
 import { Loader, Row } from "../../components/common";
 import MappingTable from "../../components/MappingTable";
 
-import { request } from "strapi-helper-plugin";
+import { request, useGlobalContext } from "strapi-helper-plugin";
 import pluginId from "../../pluginId";
+import getTrad from '../../utils/getTrad';
 
 const filterIgnoreFields = (fieldName) =>
   ![
@@ -17,9 +18,16 @@ const filterIgnoreFields = (fieldName) =>
     "updated_at",
     "updated_by",
     "published_at",
+    "createdAt",
+    "createdBy",
+    "updatedAt",
+    "updatedBy",
+    "publishedAt",
   ].includes(fieldName);
 
 function DataMapper({ analysis, target, onImport }) {
+  const { formatMessage } = useGlobalContext();
+
   const { fieldsInfo, parsedData } = analysis;
   const { kind, attributes, options } = target;
 
@@ -93,7 +101,7 @@ function DataMapper({ analysis, target, onImport }) {
     if (importItems.length === 0) {
       strapi.notification.toggle({
         type: "warning",
-        message: "import.items.empty",
+        message: formatMessage({ id: getTrad("import.items.empty")})
       });
 
       // Finish with the import
@@ -111,13 +119,12 @@ function DataMapper({ analysis, target, onImport }) {
           asDraft: uploadAsDraft,
         },
       });
-
-      strapi.notification.toggle({ type: "info", message });
+      strapi.notification.toggle({ type: message.type, message: formatMessage({ id: getTrad(message.id)}) });
     } catch (error) {
       console.log(error);
       strapi.notification.toggle({
         type: "warning",
-        message: `import.items.error`,
+        message: formatMessage({ id: getTrad('import.items.error')})
       });
     }
 
@@ -129,9 +136,9 @@ function DataMapper({ analysis, target, onImport }) {
     <>
       {isLoading && <Loader />}
       <div className="pt-3 col-12">
-        <Prompt message="import.mapper.unsaved" />
+        <Prompt message={formatMessage({ id: getTrad('import.mapper.unsaved')})} />
         <Row>
-          <h2>Map the Import Data to Destination Field</h2>
+          <h2>{formatMessage({ id: getTrad('import.mapper.label')})}</h2>
           <MappingTable
             mappingHeaders={headers}
             mappingRows={importItems}
@@ -143,13 +150,13 @@ function DataMapper({ analysis, target, onImport }) {
           />
         </Row>
         <Row>
-          <span className="mr-3">Count of Items to Import:</span>
+          <span className="mr-3">{formatMessage({ id: getTrad('import.mapper.count')})}</span>
           <strong>{kind === "singleType" ? 1 : importItems.length}</strong>
         </Row>
         {options.draftAndPublish && (
           <Row>
             <Checkbox
-              message="Upload as Draft"
+              message={formatMessage({ id: getTrad('import.mapper.checkbox.draft')})}
               name="uploadAsDraft"
               value={uploadAsDraft}
               onChange={() => setUploadAsDraft(!uploadAsDraft)}
@@ -157,10 +164,10 @@ function DataMapper({ analysis, target, onImport }) {
           </Row>
         )}
         <Row>
-          <Button label="Import Data" onClick={uploadData} />
+          <Button label={formatMessage({ id: getTrad('import.mapper.button.import')})} onClick={uploadData} />
           <Button
             className="ml-3"
-            label="Cancel"
+            label={formatMessage({ id: getTrad('import.mapper.button.cancel')})}
             color="delete"
             onClick={() => onImport()}
           />
diff --git a/admin/src/containers/ExportPage/index.js b/admin/src/containers/ExportPage/index.js
index 316f309..74d1053 100644
--- a/admin/src/containers/ExportPage/index.js
+++ b/admin/src/containers/ExportPage/index.js
@@ -14,7 +14,7 @@ import DataViewer from "../../components/DataViewer";
 import FORMATS from "../../constants/formats";
 
 import pluginId from "../../pluginId";
-import { request } from "strapi-helper-plugin";
+import { request, useGlobalContext } from "strapi-helper-plugin";
 import { downloadFile, copyClipboard } from "../../utils/exportUtils";
 
 import { Collapse } from "reactstrap";
@@ -22,12 +22,16 @@ import { FilterIcon } from "strapi-helper-plugin";
 import BASE_OPTIONS from "../../constants/options";
 import OptionsExport from "../../components/OptionsExport";
 
+import getTrad from '../../utils/getTrad';
+
 const exportFormatsOptions = FORMATS.map(({ name, mimeType }) => ({
   label: name,
   value: mimeType,
 }));
 
-function ImportPage({ contentTypes }) {
+function ExportPage({ contentTypes }) {
+  const { formatMessage } = useGlobalContext();
+
   const [target, setTarget] = useState(null);
   const [sourceExports, setSourceExports] = useState("");
   const [exportFormat, setExportFormat] = useState("application/json");
@@ -35,7 +39,7 @@ function ImportPage({ contentTypes }) {
 
   const sourceOptions = useMemo(
     () =>
-      [{ label: "Select Export Source", value: "" }].concat(
+      [{ label: formatMessage({ id: getTrad('export.source.select')}), value: "" }].concat(
         contentTypes.map(({ uid, info, apiID }) => ({
           label: info.label || apiID,
           value: uid,
@@ -79,7 +83,7 @@ function ImportPage({ contentTypes }) {
     if (sourceExports === "")
       return strapi.notification.toggle({
         type: "warning",
-        message: "export.source.empty",
+        message: formatMessage({ id: getTrad("export.source.empty")})
       });
 
     try {
@@ -93,7 +97,7 @@ function ImportPage({ contentTypes }) {
     } catch (error) {
       strapi.notification.toggle({
         type: "warning",
-        message: `export.items.error`,
+        message: formatMessage({ id: getTrad("export.items.error")})
       });
     }
 
@@ -104,18 +108,23 @@ function ImportPage({ contentTypes }) {
   const handleDownload = () => {
     downloadFile(target.info.name, contentToExport, exportFormat);
   };
-  const handleCopy = () => copyClipboard(contentToExport);
+  const handleCopy = () => copyClipboard(contentToExport).then(message => {    
+    if(message) strapi.notification.toggle({
+      type: message.type,
+      message: formatMessage({ id: getTrad(message.id)}),
+    });
+  })
 
   return (
     <Block
-      title="Export"
-      description="Configure the Export Source & Format"
+      title={formatMessage({ id: getTrad('export.page.title')})}
+      description={formatMessage({ id: getTrad('export.page.description')})}
       style={{ marginBottom: 12 }}
     >
       {isLoading && <Loader />}
       <Row>
         <div className="pt-3 col-sm-6 col-md-5">
-          <Label htmlFor="exportSource">Export Source</Label>
+          <Label htmlFor="exportSource">{formatMessage({ id: getTrad('export.page.label.source')})}</Label>
           <Select
             name="exportSource"
             options={sourceOptions}
@@ -124,7 +133,7 @@ function ImportPage({ contentTypes }) {
           />
         </div>
         <div className="pt-3 col-sm-6 col-md-5">
-          <Label htmlFor="exportFormat">Export Format</Label>
+          <Label htmlFor="exportFormat">{formatMessage({ id: getTrad('export.page.label.format')})}</Label>
           <Select
             name="exportFormat"
             options={exportFormatsOptions}
@@ -137,7 +146,7 @@ function ImportPage({ contentTypes }) {
             onClick={() => setIsOptionsOpen((v) => !v)}
             className="w-100"
             icon={<FilterIcon />}
-            label="Options"
+            label={formatMessage({ id: getTrad('export.button.options')})}
             color="cancel"
           />
         </div>
@@ -157,13 +166,13 @@ function ImportPage({ contentTypes }) {
           <Button
             onClick={getContent}
             className="w-100"
-            label="Get Data"
+            label={formatMessage({ id: getTrad('export.button.getData')})}
             color="primary"
           />
         </div>
         <div className="mt-3 col-md-3 col-lg-2">
           <Button
-            label="Download"
+            label={formatMessage({ id: getTrad('export.button.download')})}
             className="w-100"
             color="success"
             disabled={!contentToExport}
@@ -173,7 +182,7 @@ function ImportPage({ contentTypes }) {
         <div className="mt-3  col-md-3 col-lg-2">
           <Button
             className="w-100"
-            label="Copy to Clipboard"
+            label={formatMessage({ id: getTrad('export.button.copy')})}
             color="secondary"
             disabled={!contentToExport}
             onClick={handleCopy}
@@ -184,12 +193,12 @@ function ImportPage({ contentTypes }) {
   );
 }
 
-ImportPage.defaultProps = {
+ExportPage.defaultProps = {
   contentTypes: [],
 };
 
-ImportPage.propTypes = {
+ExportPage.propTypes = {
   contentTypes: PropTypes.array,
 };
 
-export default memo(ImportPage);
+export default memo(ExportPage);
diff --git a/admin/src/containers/ImportPage/index.js b/admin/src/containers/ImportPage/index.js
index d8d70f7..6e50694 100644
--- a/admin/src/containers/ImportPage/index.js
+++ b/admin/src/containers/ImportPage/index.js
@@ -13,21 +13,25 @@ import DataMapper from "../DataMapper";
 import { Loader, Block, Row } from "../../components/common";
 import { Select, Label } from "@buffetjs/core";
 
-import { request } from "strapi-helper-plugin";
+import { request, useGlobalContext } from "strapi-helper-plugin";
 import pluginId from "../../pluginId";
 
-const importSourcesOptions = [
-  { label: "Upload file", value: "upload" },
-  { label: "Raw text", value: "raw" },
-];
+import getTrad from '../../utils/getTrad';
 
 function ImportPage({ contentTypes }) {
+  const { formatMessage } = useGlobalContext();
+
+  const importSourcesOptions = [
+    { label: formatMessage({ id: getTrad('import.page.select.importSource.upload')}), value: "upload" },
+    { label: formatMessage({ id: getTrad('import.page.select.importSource.raw')}), value: "raw" },
+  ];
+
   // Import Source and Import Destination States
   const [importSource, setImportSource] = useState("upload");
   const [importDest, setImportDest] = useState("");
   const importDestOptions = useMemo(
     () =>
-      [{ label: "Select Import Destination", value: "" }].concat(
+      [{ label: formatMessage({ id: getTrad('import.page.select.importDestination')}), value: "" }].concat(
         contentTypes.map(({ uid, info, apiID }) => ({
           label: info.label || apiID,
           value: uid,
@@ -45,7 +49,7 @@ function ImportPage({ contentTypes }) {
     if (importDest === "")
       return strapi.notification.toggle({
         type: "warning",
-        message: "import.destination.empty",
+        message: formatMessage({ id: getTrad("import.destination.empty")})
       });
 
     // Send Request
@@ -63,13 +67,13 @@ function ImportPage({ contentTypes }) {
       // Notifications
       strapi.notification.toggle({
         type: "success",
-        message: "import.analyze.success",
+        message: formatMessage({ id: getTrad("import.analyze.success")})
       });
     } catch (error) {
       console.error(error);
       strapi.notification.toggle({
         type: "warning",
-        message: "import.analyze.error",
+        message: formatMessage({ id: getTrad("import.analyze.error")})
       });
     }
 
@@ -84,8 +88,8 @@ function ImportPage({ contentTypes }) {
 
   return (
     <Block
-      title="General"
-      description="Configure the Import Source & Destination"
+      title={formatMessage({ id: getTrad('import.page.title')})}
+      description={formatMessage({ id: getTrad('import.page.description')})}
       style={{ marginBottom: 12 }}
     >
       {analysis === null ? (
@@ -93,7 +97,7 @@ function ImportPage({ contentTypes }) {
           {isLoading && <Loader />}
           <Row>
             <div className="pt-3 col-sm-6">
-              <Label htmlFor="importSource">Import Source</Label>
+              <Label htmlFor="importSource">{formatMessage({ id: getTrad('import.page.label.source')})}</Label>
               <Select
                 name="importSource"
                 value={importSource}
@@ -102,7 +106,7 @@ function ImportPage({ contentTypes }) {
               />
             </div>
             <div className="pt-3 col-sm-6">
-              <Label htmlFor="importDest">Import Destination</Label>
+              <Label htmlFor="importDest">{formatMessage({ id: getTrad('import.page.label.destination')})}</Label>
               <Select
                 name="importDest"
                 value={importDest}
diff --git a/admin/src/translations/en.json b/admin/src/translations/en.json
index e5eb030..2f933ee 100644
--- a/admin/src/translations/en.json
+++ b/admin/src/translations/en.json
@@ -1,14 +1,55 @@
 {
-  "import.mapper.unsaved": "",
-  "import.destination.empty": "",
-  "import.analyze.success": "",
-  "import.analyze.error": "",
-  "import.items.empty": "",
-  "import.items.succesfully": "",
-  "import.items.error": "",
-  "import.file.content.error": "",
-  "import.file.type.error": "",
-  "export.source.empty": "",
-  "export.items.error": "",
-  "plugin.name": "Import / Export Content"
+  "import.tab.name": "Import",
+  "import.page.title": "Import",
+  "import.page.description": "Configure the import source and destination",
+  "import.page.select.importSource.upload": "Upload file",
+  "import.page.select.importSource.raw": "Raw text",
+  "import.page.select.importDestination": "Select import destination",
+  "import.page.label.source": "Import source",
+  "import.page.label.destination": "Import destination",
+  "import.page.option.contentType": "Select Content Type",
+  "import.dragAndDrop.firstPart": "Drag & drop your file into this area or",
+  "import.dragAndDrop.browse": "browse",
+  "import.dragAndDrop.secondPart": "for a file to upload",
+  "import.upload.button.analyze": "Analyze",
+  "import.upload.button.remove": "Remove",
+  "import.raw.label.dataFormat": "Data format",
+  "import.raw.button.analyze": "Analyze",
+  "import.mapper.unsaved": "The field mapping was not saved",
+  "import.mapper.label": "Map the import data to destination field",
+  "import.mapper.count": "Count of items to import:",
+  "import.mapper.checkbox.draft": "Upload as draft",
+  "import.mapper.button.import": "Import data",
+  "import.mapper.button.cancel": "Cancel",
+  "import.destination.empty": "No destination folder was provided",
+  "import.analyze.success": "The imported data was analyzed successfully",
+  "import.analyze.error": "There was an error analyzing the imported data",
+  "import.items.empty": "No items to import",
+  "import.items.succesfully": "The data was imported successfully",
+  "import.items.error": "There was an error importing the data",
+  "import.file.content.error": "There was an error with the file contents",
+  "import.file.type.error": "The imported file extension is not supported",
+  "import.result.all": "All data imported",
+  "import.result.some": "Some items imported",
+  "import.result.none": "No items imported",
+  "export.tab.name": "Export",
+  "export.page.title": "Export",
+  "export.page.description": "Configure the export source and format",
+  "export.page.label.source": "Export source",
+  "export.page.label.format": "Export format",
+  "export.button.option": "Options",
+  "export.button.getData": "Get data",
+  "export.button.download": "Download",
+  "export.button.copy": "Copy to clipboard",
+  "export.options.medias": "Select how medias will be exported",
+  "export.options.relations": "Select how relations will be exported",
+  "export.options.ids": "Remove ids",
+  "export.options.timestamps": "Remove timestamps",
+  "export.source.empty": "No source folder was provided",
+  "export.source.select": "Select export source",
+  "export.items.error": "There was an error exporting the data",
+  "export.copy.error": "There was an error copying to the clipboard",
+  "export.copy.success": "Content copied to the clipboard",
+  "plugin.name": "Import/Export content",
+  "plugin.description": "Import/export CSV and JSON into/from your Content Types"
 }
diff --git a/admin/src/translations/pt.json b/admin/src/translations/pt.json
index 9e26dfe..7e00ac9 100644
--- a/admin/src/translations/pt.json
+++ b/admin/src/translations/pt.json
@@ -1 +1,55 @@
-{}
\ No newline at end of file
+{
+  "import.tab.name": "Importar",
+  "import.page.title": "Importar",
+  "import.page.description": "Configurar a origem e destino dos dados",
+  "import.page.select.importSource.upload": "Carregar ficheiro",
+  "import.page.select.importSource.raw": "Texto livre",
+  "import.page.select.importDestination": "Selecionar o destino da importação",
+  "import.page.label.source": "Origem",
+  "import.page.label.destination": "Destino",
+  "import.page.option.contentType": "Escolher tipo de dados",
+  "import.dragAndDrop.firstPart": "Arraste e largue o seu ficheiro aqui ou",
+  "import.dragAndDrop.browse": "procurar",
+  "import.dragAndDrop.secondPart": "um ficheiro para enviar",
+  "import.upload.button.analyze": "Analisar",
+  "import.upload.button.remove": "Remover",
+  "import.raw.label.dataFormat": "Formato dos dados",
+  "import.raw.button.analyze": "Analisar",
+  "import.mapper.unsaved": "O mapeamento dos campos não foi salvo",
+  "import.mapper.label": "Mapear os campos importados para os campos destino",
+  "import.mapper.count": "Número de itens a importar:",
+  "import.mapper.checkbox.draft": "Carregar como rascunho",
+  "import.mapper.button.import": "Importar dados",
+  "import.mapper.button.cancel": "Cancelar",
+  "import.destination.empty": "Não foi selecionado um destino para os dados",
+  "import.analyze.success": "Os dados importados foram analisados com sucesso",
+  "import.analyze.error": "Ocorreu um erro ao analisar os dados",
+  "import.items.empty": "Não há items para importar",
+  "import.items.succesfully": "Os dados foram importados com sucesso",
+  "import.items.error": "Ocorreu um erro ao importar os dados",
+  "import.file.content.error": "Existe um problema com o conteúdo do ficheiro",
+  "import.file.type.error": "A extensão do ficheiro não é válida",
+  "import.result.all": "Todos os dados foram importados",
+  "import.result.some": "Alguns dados foram importados",
+  "import.result.none": "Nenhuns dados foram importados",
+  "export.tab.name": "Exportar",
+  "export.page.title": "Exportar",
+  "export.page.description": "Configurar o destino e formato dos dados",
+  "export.page.label.source": "Exportar",
+  "export.page.label.format": "Formato",
+  "export.button.options": "Opções",
+  "export.button.getData": "Carregar dados",
+  "export.button.download": "Transferir",
+  "export.button.copy": "Copiar",
+  "export.options.medias": "Selecionar como os ficheiros de media serão exportados",
+  "export.options.relations": "Selecionar como as relações serão exportadas",
+  "export.options.ids": "Remover ids",
+  "export.options.timestamps": "Remover timestamps",
+  "export.source.empty": "Não foi selecionada a origem dos dados",
+  "export.source.select": "Selecionar origem dos dados",
+  "export.items.error": "Ocorreu um erro ao exportar os dados",
+  "export.copy.error": "Ocorreu um erro ao copiar o conteúdo",
+  "export.copy.success": "Conteúdo copiado com sucesso",
+  "plugin.name": "Importar/Exportar",
+  "plugin.description": "Importar/exportar conteúdos para ficheiros CSV ou JSON"
+}
diff --git a/admin/src/utils/exportUtils.js b/admin/src/utils/exportUtils.js
index 285b5e8..e0f47c6 100644
--- a/admin/src/utils/exportUtils.js
+++ b/admin/src/utils/exportUtils.js
@@ -19,10 +19,10 @@ async function copyClipboard(content) {
       await navigator.clipboard.writeText(content);
     } catch (err) {
       console.error("Failed to copy!", err);
-      return strapi.notification.toggle({
+      return {
         type: "warning",
-        message: "Copy to Clipboard Error",
-      });
+        id: "export.copy.error",
+      }
     }
   } else {
     const el = document.createElement("textarea");
@@ -31,10 +31,10 @@ async function copyClipboard(content) {
     document.execCommand("copy");
   }
 
-  strapi.notification.toggle({
+  return {
     type: "success",
-    message: "Content Copy to Clipboard",
-  });
+    id: "export.copy.success",
+  }
 }
 
 export { downloadFile, copyClipboard };
diff --git a/controllers/import-export-content.js b/controllers/import-export-content.js
index e0f5bad..ec01c87 100644
--- a/controllers/import-export-content.js
+++ b/controllers/import-export-content.js
@@ -65,10 +65,10 @@ module.exports = {
       ctx.send({
         succesfully,
         message: succesfully
-          ? "All Data Imported"
+          ? {type: "success", id: "import.result.all"}
           : results.some((res) => res)
-          ? "Some Items Imported"
-          : "No Items Imported",
+          ? {type: "success", id: "import.result.some"}
+          : {type: "warning", id: "import.result.none"},
       });
     } catch (error) {
       console.error(error);
diff --git a/services/exporter/exportUtils.js b/services/exporter/exportUtils.js
index 180287e..5b365d8 100644
--- a/services/exporter/exportUtils.js
+++ b/services/exporter/exportUtils.js
@@ -1,6 +1,6 @@
 const ignoreFields = {
   ids: ["id"],
-  timestamp: ["created_at", "updated_at", "published_at"],
+  timestamp: ["createdAt", "updatedAt", "publishedAt"],
   user: ["created_by", "updated_by"],
 };
 
@@ -58,6 +58,7 @@ function cleanFields(item, options, attributes) {
   if (item === null || item === undefined) return;
 
   const mappedItem = { ...item };
+  
   if (options.ids) {
     ignoreFields.ids.forEach((key) => {
       delete mappedItem[key];