From d3e4a6870d10b04e4aedac4addb17915a7acdde2 Mon Sep 17 00:00:00 2001
From: "Nathan.fooo" <86001920+appflowy@users.noreply.github.com>
Date: Wed, 16 Oct 2024 17:39:24 +0800
Subject: [PATCH] chore: template (#889)

* chore: template

* fix: auto del file lifetime

* chore: delete file if fail to write to disk

* fix: modified html

* chore: set content type

* chore: md5 content

* chore: clippy

* fix: image loaded failed

* fix: build

* chore: bump collab

---------

Co-authored-by: Kilu <lu@appflowy.io>
---
 Cargo.lock                                    |  18 +--
 Cargo.toml                                    |  19 +--
 .../build_production/images/appflowy.png      | Bin 0 -> 9391 bytes
 .../build_production/import_data_fail.html    |  56 ++++++---
 .../build_production/import_data_success.html |  71 +++++++++--
 email_template/src/images/appflowy.png        | Bin 0 -> 9391 bytes
 .../src/templates/import_data_fail.html       |  96 ++++++++-------
 .../src/templates/import_data_success.html    | 110 +++++++++++++-----
 libs/client-api/Cargo.toml                    |   2 +
 libs/client-api/src/native/http_native.rs     |  47 +++++++-
 script/client_api_deps_check.sh               |   2 +-
 services/appflowy-worker/src/error.rs         |   8 ++
 .../src/import_worker/worker.rs               |  63 ++++++----
 src/api/data_import.rs                        |  62 +++++++++-
 14 files changed, 414 insertions(+), 140 deletions(-)
 create mode 100644 assets/mailer_templates/build_production/images/appflowy.png
 create mode 100644 email_template/src/images/appflowy.png

diff --git a/Cargo.lock b/Cargo.lock
index 694832f8e..fd90c3d53 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -612,6 +612,7 @@ dependencies = [
  "authentication",
  "aws-config",
  "aws-sdk-s3",
+ "base64 0.22.1",
  "brotli 3.5.0",
  "byteorder",
  "bytes",
@@ -648,6 +649,7 @@ dependencies = [
  "lettre",
  "log",
  "mailer",
+ "md5",
  "mime",
  "once_cell",
  "opener",
@@ -2088,6 +2090,7 @@ dependencies = [
  "app-error",
  "arc-swap",
  "async-trait",
+ "base64 0.22.1",
  "bincode",
  "brotli 3.5.0",
  "bytes",
@@ -2104,6 +2107,7 @@ dependencies = [
  "gotrue",
  "infra",
  "lazy_static",
+ "md5",
  "mime",
  "mime_guess",
  "parking_lot 0.12.3",
@@ -2231,7 +2235,7 @@ dependencies = [
 [[package]]
 name = "collab"
 version = "0.2.0"
-source = "git+https://github.com/AppFlowy-IO/AppFlowy-Collab?rev=cabf08194dff2b764ca0c7c63a2c1bdd5d02e45c#cabf08194dff2b764ca0c7c63a2c1bdd5d02e45c"
+source = "git+https://github.com/AppFlowy-IO/AppFlowy-Collab?rev=7a47ee71a5d101cc467c37b0df72215549fc2c02#7a47ee71a5d101cc467c37b0df72215549fc2c02"
 dependencies = [
  "anyhow",
  "arc-swap",
@@ -2256,7 +2260,7 @@ dependencies = [
 [[package]]
 name = "collab-database"
 version = "0.2.0"
-source = "git+https://github.com/AppFlowy-IO/AppFlowy-Collab?rev=cabf08194dff2b764ca0c7c63a2c1bdd5d02e45c#cabf08194dff2b764ca0c7c63a2c1bdd5d02e45c"
+source = "git+https://github.com/AppFlowy-IO/AppFlowy-Collab?rev=7a47ee71a5d101cc467c37b0df72215549fc2c02#7a47ee71a5d101cc467c37b0df72215549fc2c02"
 dependencies = [
  "anyhow",
  "async-trait",
@@ -2295,7 +2299,7 @@ dependencies = [
 [[package]]
 name = "collab-document"
 version = "0.2.0"
-source = "git+https://github.com/AppFlowy-IO/AppFlowy-Collab?rev=cabf08194dff2b764ca0c7c63a2c1bdd5d02e45c#cabf08194dff2b764ca0c7c63a2c1bdd5d02e45c"
+source = "git+https://github.com/AppFlowy-IO/AppFlowy-Collab?rev=7a47ee71a5d101cc467c37b0df72215549fc2c02#7a47ee71a5d101cc467c37b0df72215549fc2c02"
 dependencies = [
  "anyhow",
  "arc-swap",
@@ -2316,7 +2320,7 @@ dependencies = [
 [[package]]
 name = "collab-entity"
 version = "0.2.0"
-source = "git+https://github.com/AppFlowy-IO/AppFlowy-Collab?rev=cabf08194dff2b764ca0c7c63a2c1bdd5d02e45c#cabf08194dff2b764ca0c7c63a2c1bdd5d02e45c"
+source = "git+https://github.com/AppFlowy-IO/AppFlowy-Collab?rev=7a47ee71a5d101cc467c37b0df72215549fc2c02#7a47ee71a5d101cc467c37b0df72215549fc2c02"
 dependencies = [
  "anyhow",
  "bytes",
@@ -2336,7 +2340,7 @@ dependencies = [
 [[package]]
 name = "collab-folder"
 version = "0.2.0"
-source = "git+https://github.com/AppFlowy-IO/AppFlowy-Collab?rev=cabf08194dff2b764ca0c7c63a2c1bdd5d02e45c#cabf08194dff2b764ca0c7c63a2c1bdd5d02e45c"
+source = "git+https://github.com/AppFlowy-IO/AppFlowy-Collab?rev=7a47ee71a5d101cc467c37b0df72215549fc2c02#7a47ee71a5d101cc467c37b0df72215549fc2c02"
 dependencies = [
  "anyhow",
  "arc-swap",
@@ -2358,7 +2362,7 @@ dependencies = [
 [[package]]
 name = "collab-importer"
 version = "0.1.0"
-source = "git+https://github.com/AppFlowy-IO/AppFlowy-Collab?rev=cabf08194dff2b764ca0c7c63a2c1bdd5d02e45c#cabf08194dff2b764ca0c7c63a2c1bdd5d02e45c"
+source = "git+https://github.com/AppFlowy-IO/AppFlowy-Collab?rev=7a47ee71a5d101cc467c37b0df72215549fc2c02#7a47ee71a5d101cc467c37b0df72215549fc2c02"
 dependencies = [
  "anyhow",
  "async-recursion",
@@ -2459,7 +2463,7 @@ dependencies = [
 [[package]]
 name = "collab-user"
 version = "0.2.0"
-source = "git+https://github.com/AppFlowy-IO/AppFlowy-Collab?rev=cabf08194dff2b764ca0c7c63a2c1bdd5d02e45c#cabf08194dff2b764ca0c7c63a2c1bdd5d02e45c"
+source = "git+https://github.com/AppFlowy-IO/AppFlowy-Collab?rev=7a47ee71a5d101cc467c37b0df72215549fc2c02#7a47ee71a5d101cc467c37b0df72215549fc2c02"
 dependencies = [
  "anyhow",
  "collab",
diff --git a/Cargo.toml b/Cargo.toml
index 37f9fe9ae..1233f7e85 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -153,6 +153,9 @@ async_zip.workspace = true
 sanitize-filename.workspace = true
 futures-lite = "2.3.0"
 
+base64.workspace = true
+md5.workspace = true
+
 
 [dev-dependencies]
 once_cell = "1.19.0"
@@ -276,6 +279,8 @@ pgvector = { version = "0.4", features = ["sqlx"] }
 client-api-entity = { path = "libs/client-api-entity" }
 async_zip = { version = "0.0.17", features = ["full"] }
 sanitize-filename = "0.5.0"
+base64 = "0.22"
+md5 = "0.7.0"
 
 # collaboration
 yrs = { version = "0.21.2", features = ["sync"] }
@@ -299,13 +304,13 @@ debug = true
 [patch.crates-io]
 # It's diffcult to resovle different version with the same crate used in AppFlowy Frontend and the Client-API crate.
 # So using patch to workaround this issue.
-collab = { git = "https://github.com/AppFlowy-IO/AppFlowy-Collab", rev = "cabf08194dff2b764ca0c7c63a2c1bdd5d02e45c" }
-collab-entity = { git = "https://github.com/AppFlowy-IO/AppFlowy-Collab", rev = "cabf08194dff2b764ca0c7c63a2c1bdd5d02e45c" }
-collab-folder = { git = "https://github.com/AppFlowy-IO/AppFlowy-Collab", rev = "cabf08194dff2b764ca0c7c63a2c1bdd5d02e45c" }
-collab-document = { git = "https://github.com/AppFlowy-IO/AppFlowy-Collab", rev = "cabf08194dff2b764ca0c7c63a2c1bdd5d02e45c" }
-collab-user = { git = "https://github.com/AppFlowy-IO/AppFlowy-Collab", rev = "cabf08194dff2b764ca0c7c63a2c1bdd5d02e45c" }
-collab-database = { git = "https://github.com/AppFlowy-IO/AppFlowy-Collab", rev = "cabf08194dff2b764ca0c7c63a2c1bdd5d02e45c" }
-collab-importer = { git = "https://github.com/AppFlowy-IO/AppFlowy-Collab", rev = "cabf08194dff2b764ca0c7c63a2c1bdd5d02e45c" }
+collab = { git = "https://github.com/AppFlowy-IO/AppFlowy-Collab", rev = "7a47ee71a5d101cc467c37b0df72215549fc2c02" }
+collab-entity = { git = "https://github.com/AppFlowy-IO/AppFlowy-Collab", rev = "7a47ee71a5d101cc467c37b0df72215549fc2c02" }
+collab-folder = { git = "https://github.com/AppFlowy-IO/AppFlowy-Collab", rev = "7a47ee71a5d101cc467c37b0df72215549fc2c02" }
+collab-document = { git = "https://github.com/AppFlowy-IO/AppFlowy-Collab", rev = "7a47ee71a5d101cc467c37b0df72215549fc2c02" }
+collab-user = { git = "https://github.com/AppFlowy-IO/AppFlowy-Collab", rev = "7a47ee71a5d101cc467c37b0df72215549fc2c02" }
+collab-database = { git = "https://github.com/AppFlowy-IO/AppFlowy-Collab", rev = "7a47ee71a5d101cc467c37b0df72215549fc2c02" }
+collab-importer = { git = "https://github.com/AppFlowy-IO/AppFlowy-Collab", rev = "7a47ee71a5d101cc467c37b0df72215549fc2c02" }
 
 [features]
 history = []
diff --git a/assets/mailer_templates/build_production/images/appflowy.png b/assets/mailer_templates/build_production/images/appflowy.png
new file mode 100644
index 0000000000000000000000000000000000000000..c69a72c27a80ef10f91e5d8287d104075e5ef5f0
GIT binary patch
literal 9391
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

literal 0
HcmV?d00001

diff --git a/assets/mailer_templates/build_production/import_data_fail.html b/assets/mailer_templates/build_production/import_data_fail.html
index 625aa265c..60521a08e 100644
--- a/assets/mailer_templates/build_production/import_data_fail.html
+++ b/assets/mailer_templates/build_production/import_data_fail.html
@@ -21,6 +21,16 @@
   <![endif]-->
   <title>Workspace Import Failed</title>
   <style>
+    .p-4 {
+      padding: 16px
+    }
+    .py-4 {
+      padding-top: 16px;
+      padding-bottom: 16px
+    }
+    .text-white {
+      color: #fff
+    }
     @media (max-width: 600px) {
       .sm-px-4 {
         padding-left: 16px !important;
@@ -42,12 +52,19 @@
     <div class="sm-px-4 sm-py-12" style="background-color: #faf5ff; padding: 96px 48px; font-family: Helvetica, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif; color: #000">
       <table align="center" cellpadding="0" cellspacing="0" role="none">
         <tr>
-          <td style="width: 552px; max-width: 100%">
-            <p style="width: 100%; white-space: normal; overflow-wrap: break-word; text-align: center; font-size: 18px; color: #dc2626">
-              <span>Failed to import your notion file {{ import_file_name }}</span>
-              <br>
-              <span style="margin-left: 8px; margin-right: 8px">{{ error }}</span>
+          <td style="width: 622px; max-width: 100%; text-align: center">
+            <p style="width: 100%; white-space: normal; overflow-wrap: break-word; text-align: center; font-size: 24px">
+              <span style="font-size: 30px; font-weight: 700">Notion Import Failed</span>
             </p>
+            <p style="width: 100%; white-space: normal; overflow-wrap: break-word; text-align: center; font-size: 24px;">
+              <span style="color: #fb006d">{{ error }}</span>
+            </p>
+            <div style="margin-left: auto; margin-right: auto; width: 70%; text-align: center; font-size: 14px; line-height: 18px; color: #64748b">
+              Join our Discord <a href="https://discord.gg/9Q2xaN37tV" style="color: #9327ff">server</a> to get quick help
+              or <a href="https://github.com/AppFlowy-IO/AppFlowy/issues/new/choose" style="color: #9327ff;">
+                report</a> the issue on GitHub
+            </div>
+            <div role="separator" style="background-color: #cbd5e1; height: 1px; line-height: 1px; margin: 24px 20%">&zwj;</div>
           </td>
         </tr>
         <tr>
@@ -57,20 +74,27 @@
                 <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/appflowy-logo.png" width="150px" style="max-width: 100%; vertical-align: middle; line-height: 1" alt="">
               </a>
             </p>
+            <p style="margin: 0; font-size: 14px; font-weight: 500; color: #000">
+              Bring projects, knowledge, and teams together with the power of AI.
+            </p>
+            <p style="cursor: default">
+              <a href="https://twitter.com/appflowy" style="margin-right: 16px; color: #4338ca; text-decoration: none">
+                <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/twitter.png" width="20" alt="Maizzle" style="max-width: 100%; vertical-align: middle; line-height: 1;">
+              </a>
+              <a href="https://www.reddit.com/r/AppFlowy" style="margin-right: 16px; color: #4338ca; text-decoration: none;">
+                <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/reddit.png" width="20" alt="Maizzle" style="max-width: 100%; vertical-align: middle; line-height: 1;">
+              </a>
+              <a href="https://github.com/AppFlowy-IO/AppFlowy" style="margin-right: 16px; color: #4338ca; text-decoration: none;">
+                <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/github.png" width="20" alt="Maizzle" style="max-width: 100%; vertical-align: middle; line-height: 1;">
+              </a>
+              <a href="https://discord.gg/9Q2xaN37tV" style="margin-right: 16px; color: #4338ca; text-decoration: none;">
+                <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/discord.png" width="20" alt="Maizzle" style="max-width: 100%; vertical-align: middle; line-height: 1;">
+              </a>
+            </p>
           </td>
         </tr>
       </table>
     </div>
   </div>
 </body>
-</html>
-<script>
-  document
-    .getElementById("copyErrorDetails")
-    .addEventListener("click", function() {
-      const errorDetails = document.getElementById("errorDetails");
-      errorDetails.select();
-      document.execCommand("copy");
-      alert("Error details copied to clipboard!");
-    });
-</script>
\ No newline at end of file
+</html>
\ No newline at end of file
diff --git a/assets/mailer_templates/build_production/import_data_success.html b/assets/mailer_templates/build_production/import_data_success.html
index b7435bbc2..c1d8deabd 100644
--- a/assets/mailer_templates/build_production/import_data_success.html
+++ b/assets/mailer_templates/build_production/import_data_success.html
@@ -21,6 +21,9 @@
   <![endif]-->
   <title>Workspace Import Success</title>
   <style>
+    .hover-opacity-90:hover {
+      opacity: 0.9 !important
+    }
     @media (max-width: 600px) {
       .sm-px-4 {
         padding-left: 16px !important;
@@ -42,24 +45,72 @@
     <div class="sm-px-4 sm-py-12" style="background-color: #faf5ff; padding: 96px 48px; font-family: Helvetica, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif; color: #000">
       <table align="center" cellpadding="0" cellspacing="0" role="none">
         <tr>
-          <td style="width: 552px; max-width: 100%">
-            <p style="width: 100%; white-space: normal; overflow-wrap: break-word; text-align: center; font-size: 18px">
-              <span style="margin-left: 8px; margin-right: 8px">
-                            Your Notion files has been successfully imported. Please open AppFlowy and switch to the new workspace
-                        </span>
-              <br>
-              <span style="font-size: 24px; font-weight: 700">
-              {{ workspace_name }}
-              </span>
+          <td style="width: 582px; max-width: 100%">
+            <p style="width: 100%; white-space: normal; overflow-wrap: break-word; text-align: center; font-size: 24px">
+              <span style="font-size: 30px; font-weight: 700">Notion Import Complete</span>
+            </p>
+            <p style="width: 100%; white-space: normal; overflow-wrap: break-word; text-align: center; font-size: 24px;">
+              <span>Your Notion data has been successfully imported into</span>
+            </p>
+            <p style="width: 100%; white-space: normal; overflow-wrap: break-word; text-align: center; font-size: 24px;">
+              <span style="font-size: 30px; font-weight: 700;">{{ workspace_name }}</span>
             </p>
             <div role="separator" style="background-color: #cbd5e1; height: 1px; line-height: 1px; margin: 24px 20%">&zwj;</div>
+            <table align="center" cellpadding="0" cellspacing="0" role="none">
+              <tr>
+                <td style="width: 60px">
+                  <div style="margin-right: 8px; height: 60px; width: 60px; overflow: hidden; border-radius: 16px; background-color: #fff; padding: 8px; border: 2px solid black">
+                    <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/appflowy.png" width="100%" height="100%" alt="{{ workspace_name }}" style="max-width: 100%; vertical-align: middle; line-height: 1; overflow: hidden; object-fit: cover">
+                  </div>
+                </td>
+                <td>
+                  <div style="margin-bottom: 8px; font-weight: 700">
+                    {{ workspace_name }}
+                  </div>
+                  <div style="font-size: 14px; color: #64748b"> 1 member</div>
+                </td>
+              </tr>
+            </table>
+            <div style="text-align: center;">
+              <a href="https://appflowy.io/download" class="hover-opacity-90" target="_blank" style="margin-top: 32px; margin-bottom: 32px; display: inline-block; width: 60%; cursor: pointer; border-radius: 16px; padding: 16px 24px; color: #f8fafc; text-decoration: none; background-color: #9327ff; font-size: 20px; font-weight: 400; line-height: 20px">
+                <!--[if mso]>
+      <i style="mso-font-width: 150%; mso-text-raise: 30px" hidden>&emsp;</i>
+    <![endif]-->
+                <span style="mso-text-raise: 16px">
+            <div style="font-size: 24px; font-weight: 500">
+              Download
+            </div>
+          </span>
+                <!--[if mso]>
+      <i hidden style="mso-font-width: 150%;">&emsp;&#8203;</i>
+    <![endif]-->
+              </a>
+            </div>
+            <div role="separator" style="background-color: #cbd5e1; height: 1px; line-height: 1px; margin: 24px 20%;">&zwj;</div>
           </td>
         </tr>
         <tr>
           <td style="padding-left: 24px; padding-right: 24px; text-align: center; font-size: 12px; color: #475569">
             <p style="margin: 0 0 16px; cursor: pointer; text-transform: uppercase">
               <a href="https://appflowy.io">
-                <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/appflowy-logo.png" width="150px" style="max-width: 100%; vertical-align: middle; line-height: 1" alt="">
+                <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/appflowy-logo.png" width="150px" style="max-width: 100%; vertical-align: middle; line-height: 1;" alt="">
+              </a>
+            </p>
+            <p style="margin: 0; font-size: 14px; font-weight: 500; color: #000;">
+              Bring projects, knowledge, and teams together with the power of AI.
+            </p>
+            <p style="cursor: default">
+              <a href="https://twitter.com/appflowy" style="margin-right: 16px; color: #4338ca; text-decoration: none">
+                <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/twitter.png" width="20" alt="Maizzle" style="max-width: 100%; vertical-align: middle; line-height: 1;">
+              </a>
+              <a href="https://www.reddit.com/r/AppFlowy" style="margin-right: 16px; color: #4338ca; text-decoration: none;">
+                <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/reddit.png" width="20" alt="Maizzle" style="max-width: 100%; vertical-align: middle; line-height: 1;">
+              </a>
+              <a href="https://github.com/AppFlowy-IO/AppFlowy" style="margin-right: 16px; color: #4338ca; text-decoration: none;">
+                <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/github.png" width="20" alt="Maizzle" style="max-width: 100%; vertical-align: middle; line-height: 1;">
+              </a>
+              <a href="https://discord.gg/9Q2xaN37tV" style="margin-right: 16px; color: #4338ca; text-decoration: none;">
+                <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/discord.png" width="20" alt="Maizzle" style="max-width: 100%; vertical-align: middle; line-height: 1;">
               </a>
             </p>
           </td>
diff --git a/email_template/src/images/appflowy.png b/email_template/src/images/appflowy.png
new file mode 100644
index 0000000000000000000000000000000000000000..c69a72c27a80ef10f91e5d8287d104075e5ef5f0
GIT binary patch
literal 9391
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

literal 0
HcmV?d00001

diff --git a/email_template/src/templates/import_data_fail.html b/email_template/src/templates/import_data_fail.html
index a079921a6..447628bf9 100644
--- a/email_template/src/templates/import_data_fail.html
+++ b/email_template/src/templates/import_data_fail.html
@@ -5,46 +5,60 @@
 ---
 
 <x-main>
-    <div
-            class="bg-purple-50 font-helvetica sm:px-4 px-12 sm:py-12 py-24 text-black"
-    >
-        <table align="center">
-            <tr>
-                <td class="w-[552px] max-w-full">
-                    <!-- Display Error Message -->
-                    <p
-                            class="w-full text-center break-words whitespace-normal text-lg text-red-600"
-                    >
-                        <span class=class="mx-2">Failed to import your notion file {{ importFileName }}</span>
-                        <br>
-                        <span class="mx-2">{{ error }}</span>
-                    </p>
-                </td>
-            </tr>
-            <tr>
-                <td class="text-center text-slate-600 text-xs px-6">
-                    <p class="m-0 mb-4 uppercase cursor-pointer">
-                        <a href="https://appflowy.io">
-                            <img
-                                    src="{{ cdnBaseUrl }}images/appflowy-logo.png"
-                                    width="150px"
-                            />
-                        </a>
-                    </p>
-                </td>
-            </tr>
-        </table>
-    </div>
+  <div class="bg-purple-50 font-helvetica sm:px-4 px-12 sm:py-12 py-24 text-black">
+    <table align="center">
+      <tr>
+        <td class="w-[622px] max-w-full text-center">
+          <p class="w-full text-center break-words whitespace-normal text-2xl">
+            <span class="text-3xl font-bold">Notion Import Failed</span>
+
+          </p>
+
+          <p class="w-full text-center break-words whitespace-normal text-2xl">
+            <span class="mx-2=1 text-[#fb006d]">{{ error }}</span>
+          </p>
+
+          <div class="mx-auto  leading-4.5 text-sm text-slate-500 text-center w-[70%]">
+            Join our Discord <a href="https://discord.gg/9Q2xaN37tV" class="text-[#9327ff]">server</a> to get quick help
+            or <a href="https://github.com/AppFlowy-IO/AppFlowy/issues/new/choose" class="text-[#9327ff]">
+            report</a> the issue on GitHub
+          </div>
+
+          <x-divider space-x="20%"/>
+        </td>
+      </tr>
+      <tr>
+        <td class="text-center text-slate-600 text-xs px-6">
+          <p class="m-0 mb-4 uppercase cursor-pointer">
+            <a href="https://appflowy.io">
+              <img src="{{ cdnBaseUrl }}images/appflowy-logo.png" width="150px">
+            </a>
+          </p>
+          <p class="m-0 text-sm text-black font-medium">
+            Bring projects, knowledge, and teams together with the power of AI.
+          </p>
+
+          <p class="cursor-default">
+            <a href="https://twitter.com/appflowy"
+               class="text-indigo-700 [text-decoration:none] mr-4">
+              <img src="{{ cdnBaseUrl }}images/twitter.png" width="20" alt="Maizzle">
+            </a>
+            <a href="https://www.reddit.com/r/AppFlowy"
+               class="text-indigo-700 [text-decoration:none] mr-4">
+              <img src="{{ cdnBaseUrl }}images/reddit.png" width="20" alt="Maizzle">
+            </a>
+            <a href="https://github.com/AppFlowy-IO/AppFlowy"
+               class="text-indigo-700 [text-decoration:none] mr-4">
+              <img src="{{ cdnBaseUrl }}images/github.png" width="20" alt="Maizzle">
+            </a>
+            <a href="https://discord.gg/9Q2xaN37tV"
+               class="text-indigo-700 [text-decoration:none] mr-4">
+              <img src="{{ cdnBaseUrl }}images/discord.png" width="20" alt="Maizzle">
+            </a>
+          </p>
+        </td>
+      </tr>
+    </table>
+  </div>
 </x-main>
 
-<!-- JavaScript to handle copying error details to clipboard -->
-<script>
-  document
-      .getElementById("copyErrorDetails")
-      .addEventListener("click", function () {
-        const errorDetails = document.getElementById("errorDetails");
-        errorDetails.select();
-        document.execCommand("copy");
-        alert("Error details copied to clipboard!");
-      });
-</script>
diff --git a/email_template/src/templates/import_data_success.html b/email_template/src/templates/import_data_success.html
index 256091bc0..b0a64db7c 100644
--- a/email_template/src/templates/import_data_success.html
+++ b/email_template/src/templates/import_data_success.html
@@ -5,35 +5,87 @@
 ---
 
 <x-main>
-    <div
-            class="bg-purple-50 font-helvetica sm:px-4 px-12 sm:py-12 py-24 text-black"
-    >
-        <table align="center">
-            <tr>
-                <td class="w-[552px] max-w-full">
-                    <!-- Display Success Message -->
-                    <p class="w-full text-center break-words whitespace-normal text-lg">
-                        <span class="mx-2">
-                            Your Notion files has been successfully imported. Please open AppFlowy and switch to the new workspace
-                        </span>
-                        <br>
-                        <span class="text-2xl font-bold">
-                            {{ workspaceName }}
-                        </span>
-                    </p>
-                    <x-divider space-x="20%" />
-                </td>
-            </tr>
+  <div class="bg-purple-50 font-helvetica sm:px-4 px-12 sm:py-12 py-24 text-black">
+    <table align="center">
+      <tr>
+        <td class="w-[582px] max-w-full">
+          <p class="w-full text-center break-words whitespace-normal text-2xl">
+            <span class="text-3xl font-bold">Notion Import Complete</span>
+
+          </p>
+
+          <p class="w-full text-center break-words whitespace-normal text-2xl">
+            <span class="mx-2=1">Your Notion data has been successfully imported into</span>
+          </p>
+          <p class="w-full text-center break-words whitespace-normal text-2xl">
+            <span class="text-3xl font-bold">{{ workspaceName }}</span>
+          </p>
+          <x-divider space-x="20%"/>
+          <table align="center">
             <tr>
-                <td class="text-center text-slate-600 text-xs px-6">
-                    <p class="m-0 mb-4 uppercase cursor-pointer">
-                        <a href="https://appflowy.io">
-                            <img
-                                    src="{{ cdnBaseUrl }}images/appflowy-logo.png"
-                                    width="150px"
-                            />
-                        </a>
-                    </p>
-                </td>
+              <td class="w-[60px]">
+                <div
+                  style="border: 2px solid black;"
+                  class="rounded-2xl mr-2 w-[60px] p-2 h-[60px] bg-white overflow-hidden">
+                  <img src="{{ cdnBaseUrl }}images/appflowy.png"
+                       class="overflow-hidden object-cover"
+                       width="100%" height="100%"
+                       alt="{{ workspaceName }}">
+                </div>
+
+              </td>
+              <td>
+                <div class="font-bold mb-2">
+                  {{ workspaceName }}
+                </div>
+                <div class="text-sm text-slate-500"> 1 member</div>
+
+              </td>
             </tr>
+          </table>
+          <x-button align="center"
+                    target="_blank"
+                    class="hover:opacity-90 cursor-pointer !text-xl !leading-[20px] !bg-[#9327ff] !font-normal w-[60%] my-8 rounded-2xl"
+                    href="https://appflowy.io/download">
+
+            <div class="font-medium text-[24px]">
+              Download
+            </div>
+          </x-button>
+          <x-divider space-x="20%"/>
+        </td>
+      </tr>
+      <tr>
+        <td class="text-center text-slate-600 text-xs px-6">
+          <p class="m-0 mb-4 uppercase cursor-pointer">
+            <a href="https://appflowy.io">
+              <img src="{{ cdnBaseUrl }}images/appflowy-logo.png" width="150px">
+            </a>
+          </p>
+          <p class="m-0 text-sm text-black font-medium">
+            Bring projects, knowledge, and teams together with the power of AI.
+          </p>
 
+          <p class="cursor-default">
+            <a href="https://twitter.com/appflowy"
+               class="text-indigo-700 [text-decoration:none] mr-4">
+              <img src="{{ cdnBaseUrl }}images/twitter.png" width="20" alt="Maizzle">
+            </a>
+            <a href="https://www.reddit.com/r/AppFlowy"
+               class="text-indigo-700 [text-decoration:none] mr-4">
+              <img src="{{ cdnBaseUrl }}images/reddit.png" width="20" alt="Maizzle">
+            </a>
+            <a href="https://github.com/AppFlowy-IO/AppFlowy"
+               class="text-indigo-700 [text-decoration:none] mr-4">
+              <img src="{{ cdnBaseUrl }}images/github.png" width="20" alt="Maizzle">
+            </a>
+            <a href="https://discord.gg/9Q2xaN37tV"
+               class="text-indigo-700 [text-decoration:none] mr-4">
+              <img src="{{ cdnBaseUrl }}images/discord.png" width="20" alt="Maizzle">
+            </a>
+          </p>
+        </td>
+      </tr>
+    </table>
+  </div>
+</x-main>
\ No newline at end of file
diff --git a/libs/client-api/Cargo.toml b/libs/client-api/Cargo.toml
index f66f3cf10..d8f8a584e 100644
--- a/libs/client-api/Cargo.toml
+++ b/libs/client-api/Cargo.toml
@@ -55,6 +55,8 @@ tokio-retry = "0.3"
 tokio-util = "0.7"
 rayon = "1.10.0"
 infra = { workspace = true, features = ["file_util"] }
+base64 = "0.22"
+md5 = "0.7"
 
 [target.'cfg(not(target_arch = "wasm32"))'.dependencies.tokio]
 workspace = true
diff --git a/libs/client-api/src/native/http_native.rs b/libs/client-api/src/native/http_native.rs
index a211aeb3c..46016d38b 100644
--- a/libs/client-api/src/native/http_native.rs
+++ b/libs/client-api/src/native/http_native.rs
@@ -27,19 +27,21 @@ use std::path::Path;
 use std::pin::Pin;
 use std::sync::atomic::Ordering;
 
+use base64::engine::general_purpose::STANDARD;
+use base64::Engine;
+pub use infra::file_util::ChunkedBytes;
 use rayon::prelude::IntoParallelIterator;
+use shared_entity::dto::ai_dto::CompleteTextParams;
+use shared_entity::dto::import_dto::UserImportTask;
 use std::task::{Context, Poll};
 use std::time::Duration;
 use tokio::fs::File;
+use tokio::io::{AsyncBufReadExt, BufReader};
 use tokio_retry::strategy::{ExponentialBackoff, FixedInterval};
 use tokio_retry::{Condition, RetryIf};
 use tokio_util::codec::{BytesCodec, FramedRead};
 use tracing::{debug, event, info, instrument, trace};
 
-pub use infra::file_util::ChunkedBytes;
-use shared_entity::dto::ai_dto::CompleteTextParams;
-use shared_entity::dto::import_dto::UserImportTask;
-
 impl Client {
   pub async fn stream_completion_text(
     &self,
@@ -326,6 +328,7 @@ impl Client {
   /// - The MIME type is automatically determined based on the file extension using `mime_guess`.
   ///
   pub async fn import_file(&self, file_path: &Path) -> Result<(), AppResponseError> {
+    let md5_base64 = calculate_md5(file_path).await?;
     let file = File::open(&file_path).await?;
     let metadata = file.metadata().await?;
     let file_name = file_path
@@ -352,6 +355,7 @@ impl Client {
     // set the host header
     builder = builder
       .header("X-Host", self.base_url.clone())
+      .header("X-Content-MD5", md5_base64)
       .header("X-Content-Length", metadata.len());
     let resp = builder.send().await?;
 
@@ -476,3 +480,38 @@ impl Condition<AppResponseError> for RetryGetCollabCondition {
     !error.is_record_not_found()
   }
 }
+
+/// Calculates the MD5 hash of a file and returns the base64-encoded MD5 digest.
+///
+/// # Arguments
+/// * `file_path` - The path of the file for which the MD5 hash is to be calculated.
+///
+/// # Returns
+/// A `Result` containing the base64-encoded MD5 hash on success, or an error if the file cannot be read.
+
+/// Asynchronously calculates the MD5 hash of a file using efficient buffer handling and returns it as a base64-encoded string.
+///
+/// # Arguments
+/// * `file_path` - The path to the file to be hashed.
+///
+/// # Returns
+/// Returns a `Result` containing the base64-encoded MD5 hash on success, or an error if the file cannot be read.
+pub async fn calculate_md5(file_path: &Path) -> Result<String, anyhow::Error> {
+  let file = File::open(file_path).await?;
+  let mut reader = BufReader::with_capacity(1_000_000, file);
+  let mut context = md5::Context::new();
+  loop {
+    let part = reader.fill_buf().await?;
+    if part.is_empty() {
+      break;
+    }
+
+    context.consume(part);
+    let part_len = part.len();
+    reader.consume(part_len);
+  }
+
+  let md5_hash = context.compute();
+  let md5_base64 = STANDARD.encode(md5_hash.as_ref());
+  Ok(md5_base64)
+}
diff --git a/script/client_api_deps_check.sh b/script/client_api_deps_check.sh
index 1c1984284..bced85b28 100755
--- a/script/client_api_deps_check.sh
+++ b/script/client_api_deps_check.sh
@@ -3,7 +3,7 @@
 # Generate the current dependency list
 cargo tree > current_deps.txt
 
-BASELINE_COUNT=629
+BASELINE_COUNT=631
 CURRENT_COUNT=$(cat current_deps.txt | wc -l)
 
 echo "Expected dependency count (baseline): $BASELINE_COUNT"
diff --git a/services/appflowy-worker/src/error.rs b/services/appflowy-worker/src/error.rs
index cc0b03300..adba2b958 100644
--- a/services/appflowy-worker/src/error.rs
+++ b/services/appflowy-worker/src/error.rs
@@ -33,6 +33,14 @@ pub enum ImportError {
 }
 
 impl ImportError {
+  pub fn is_file_not_found(&self) -> bool {
+    match self {
+      ImportError::ImportCollabError(err) => {
+        matches!(err, CollabImporterError::FileNotFound)
+      },
+      _ => false,
+    }
+  }
   pub fn report(&self, task_id: &str) -> (String, String) {
     match self {
       ImportError::ImportCollabError(error) => match error {
diff --git a/services/appflowy-worker/src/import_worker/worker.rs b/services/appflowy-worker/src/import_worker/worker.rs
index e1bf3821e..9d878224e 100644
--- a/services/appflowy-worker/src/import_worker/worker.rs
+++ b/services/appflowy-worker/src/import_worker/worker.rs
@@ -1,5 +1,5 @@
 use crate::import_worker::report::{ImportNotifier, ImportProgress, ImportResult};
-use crate::s3_client::{download_file, S3StreamResponse};
+use crate::s3_client::{download_file, AutoRemoveDownloadedFile, S3StreamResponse};
 use anyhow::anyhow;
 use aws_sdk_s3::primitives::ByteStream;
 
@@ -269,12 +269,19 @@ async fn process_task(
   pg_pool: &PgPool,
   notifier: Arc<dyn ImportNotifier>,
 ) -> Result<(), ImportError> {
-  trace!("[Import]: Processing task: {}", import_task);
-
   let retry_interval: u64 = get_env_var("APPFLOWY_WORKER_IMPORT_NOTION_RETRY_INTERVAL", "10")
     .parse()
     .unwrap_or(10);
 
+  let streaming = get_env_var("APPFLOWY_WORKER_IMPORT_NOTION_STREAMING", "false")
+    .parse()
+    .unwrap_or(false);
+
+  info!(
+    "[Import]: Processing task: {}, retry interval: {}, streaming: {}",
+    import_task, retry_interval, streaming
+  );
+
   match import_task {
     ImportTask::Notion(task) => {
       // 1. download zip file
@@ -284,6 +291,7 @@ async fn process_task(
         s3_client,
         3,
         Duration::from_secs(retry_interval),
+        streaming,
       )
       .await;
       match unzip_result {
@@ -343,13 +351,14 @@ pub async fn download_and_unzip_file_retry(
   s3_client: &Arc<dyn S3Client>,
   max_retries: usize,
   interval: Duration,
+  streaming: bool,
 ) -> Result<PathBuf, ImportError> {
   let mut attempt = 0;
   loop {
     attempt += 1;
-    match download_and_unzip_file(storage_dir, import_task, s3_client).await {
+    match download_and_unzip_file(storage_dir, import_task, s3_client, streaming).await {
       Ok(result) => return Ok(result),
-      Err(err) if attempt <= max_retries => {
+      Err(err) if attempt <= max_retries && !err.is_file_not_found() => {
         warn!(
           "Attempt {} failed: {}. Retrying in {:?}...",
           attempt, err, interval
@@ -375,6 +384,7 @@ async fn download_and_unzip_file(
   storage_dir: &Path,
   import_task: &NotionImportTask,
   s3_client: &Arc<dyn S3Client>,
+  streaming: bool,
 ) -> Result<PathBuf, ImportError> {
   let S3StreamResponse {
     stream,
@@ -386,7 +396,7 @@ async fn download_and_unzip_file(
     .map_err(|err| ImportError::Internal(err.into()))?;
   let buffer_size = buffer_size_from_content_length(content_length);
 
-  let zip_reader = get_zip_reader(storage_dir, stream, buffer_size).await?;
+  let zip_reader = get_zip_reader(storage_dir, stream, buffer_size, streaming).await?;
   let unique_file_name = Uuid::new_v4().to_string();
   let output_file_path = storage_dir.join(unique_file_name);
   fs::create_dir_all(&output_file_path)
@@ -399,13 +409,16 @@ async fn download_and_unzip_file(
       ImportError::Internal(anyhow!("Failed to set permissions for temp dir: {:?}", err))
     })?;
 
-  let unzip_file = unzip_stream(zip_reader, output_file_path)
-    .await
-    .map_err(ImportError::Internal)?;
-
+  let unzip_file = unzip_stream(zip_reader.inner, output_file_path).await?;
   Ok(unzip_file.unzip_dir_path)
 }
 
+struct ZipReader {
+  inner: ZipFileReader<Ready<Pin<Box<dyn AsyncBufRead + Unpin + Send>>>>,
+  #[allow(dead_code)]
+  file: Option<AutoRemoveDownloadedFile>,
+}
+
 /// Asynchronously returns a `ZipFileReader` that can read from a stream or a downloaded file, based on the environment setting.
 ///
 /// This function checks whether streaming is enabled via the `APPFLOWY_WORKER_IMPORT_NOTION_STREAMING` environment variable.
@@ -416,21 +429,31 @@ async fn get_zip_reader(
   storage_dir: &Path,
   stream: Box<dyn AsyncBufRead + Unpin + Send>,
   buffer_size: usize,
-) -> Result<ZipFileReader<Ready<Pin<Box<dyn AsyncBufRead + Unpin + Send>>>>, ImportError> {
-  let streaming = get_env_var("APPFLOWY_WORKER_IMPORT_NOTION_STREAMING", "true")
-    .parse()
-    .unwrap_or(true);
-
+  streaming: bool,
+) -> Result<ZipReader, ImportError> {
   let zip_reader = if streaming {
+    // Occasionally, we encounter the error 'unable to locate the end of central directory record'
+    // when streaming a ZIP file to async-zip. This indicates that the ZIP reader couldn't find
+    // the necessary end-of-file marker. The issue might occur if the entire ZIP file has not been
+    // fully downloaded or buffered before the reader attempts to process the end-of-file information.
     let reader = futures::io::BufReader::with_capacity(buffer_size, stream);
     let boxed_reader: Pin<Box<dyn AsyncBufRead + Unpin + Send>> = Box::pin(reader);
-    async_zip::base::read::stream::ZipFileReader::new(boxed_reader)
+    ZipReader {
+      inner: async_zip::base::read::stream::ZipFileReader::new(boxed_reader),
+      file: None,
+    }
   } else {
-    let zip_file_path = download_file(storage_dir, stream).await?;
-    let file = fs::File::open(&zip_file_path).await.unwrap();
-    let reader = tokio::io::BufReader::with_capacity(buffer_size, file).compat();
+    let file = download_file(storage_dir, stream).await?;
+    let handle = fs::File::open(&file)
+      .await
+      .map_err(|err| ImportError::Internal(err.into()))?;
+    let reader = tokio::io::BufReader::with_capacity(buffer_size, handle).compat();
     let boxed_reader: Pin<Box<dyn AsyncBufRead + Unpin + Send>> = Box::pin(reader);
-    async_zip::base::read::stream::ZipFileReader::new(boxed_reader)
+    ZipReader {
+      inner: async_zip::base::read::stream::ZipFileReader::new(boxed_reader),
+      // Make sure the lifetime of file is the same as zip reader.
+      file: Some(file),
+    }
   };
   Ok(zip_reader)
 }
diff --git a/src/api/data_import.rs b/src/api/data_import.rs
index a0a75b702..f05fd35d7 100644
--- a/src/api/data_import.rs
+++ b/src/api/data_import.rs
@@ -9,6 +9,8 @@ use aws_sdk_s3::primitives::ByteStream;
 use database::file::BucketClient;
 
 use crate::biz::workspace::ops::{create_empty_workspace, create_upload_task};
+use base64::engine::general_purpose::STANDARD;
+use base64::Engine;
 use database::user::select_name_and_email_from_uuid;
 use database::workspace::select_import_task;
 use futures_util::StreamExt;
@@ -74,9 +76,36 @@ async fn import_data_handler(
     .and_then(|s| s.parse::<usize>().ok())
     .unwrap_or(0);
 
+  let md5 = req
+    .headers()
+    .get("X-Content-MD5")
+    .and_then(|h| h.to_str().ok())
+    .unwrap_or("");
+
   let file_path = temp_dir().join(format!("import_data_{}.zip", Uuid::new_v4()));
   let file = write_multiple_part(&mut payload, file_path).await?;
 
+  trace!(
+    "[Import] content length: {}, content md5: {}",
+    content_length,
+    md5
+  );
+  if file.md5_base64 != md5 {
+    trace!(
+      "Import file fail. The Content-MD5:{} doesn't match file md5:{}",
+      md5,
+      file.md5_base64
+    );
+
+    return Err(
+      AppError::InvalidRequest(format!(
+        "Content-MD5:{} doesn't match file md5:{}",
+        md5, file.md5_base64
+      ))
+      .into(),
+    );
+  }
+
   if content_length != file.size {
     trace!(
       "Import file fail. The Content-Length:{} doesn't match file size:{}",
@@ -113,7 +142,7 @@ async fn import_data_handler(
   })?;
   state
     .bucket_client
-    .put_blob_as_content_type(&workspace_id, stream, "zip")
+    .put_blob_as_content_type(&workspace_id, stream, "application/zip")
     .await?;
 
   create_upload_task(
@@ -132,10 +161,11 @@ async fn import_data_handler(
   Ok(AppResponse::Ok().into())
 }
 
-struct AutoDeletedFile {
+pub struct AutoDeletedFile {
   name: String,
   file_path: PathBuf,
   size: usize,
+  md5_base64: String,
 }
 
 impl Drop for AutoDeletedFile {
@@ -152,38 +182,60 @@ impl Drop for AutoDeletedFile {
     });
   }
 }
-
-async fn write_multiple_part(
+pub async fn write_multiple_part(
   payload: &mut Multipart,
   file_path: PathBuf,
 ) -> Result<AutoDeletedFile, AppError> {
   let mut file_name = "".to_string();
   let mut file_size = 0;
+
+  // Create the file to write to
   let mut file = File::create(&file_path).await?;
+  let mut context = md5::Context::new();
+
+  // Process the multipart form fields
   while let Some(Ok(mut field)) = payload.next().await {
+    // Extract the file name from the content disposition
     file_name = field
       .content_disposition()
       .and_then(|c| c.get_name().map(|f| f.to_string()))
       .unwrap_or_else(|| format!("import-{}", chrono::Local::now().format("%d/%m/%Y %H:%M")));
 
+    // Write data chunks to the file and update the MD5 context
     while let Some(Ok(data)) = field.next().await {
       file_size += data.len();
       file.write_all(&data).await?;
+      context.consume(&data);
     }
   }
+
+  // Flush and close the file
   file.shutdown().await?;
   drop(file);
 
+  // If file_name is empty, remove the file and return an error
   if file_name.is_empty() {
+    if let Err(err) = tokio::fs::remove_file(&file_path).await {
+      error!(
+        "Failed to delete the file: {:?} when importing data, error: {}",
+        file_path, err
+      );
+    }
     return Err(AppError::InvalidRequest(
-      "Can not get the file name".to_string(),
+      "Cannot get the file name".to_string(),
     ));
   }
 
+  // Finalize the MD5 hash and encode it in base64
+  let digest = context.compute();
+  let md5_base64 = STANDARD.encode(digest.as_ref());
+
+  // Return the file metadata and the calculated MD5 hash
   Ok(AutoDeletedFile {
     name: file_name,
     file_path,
     size: file_size,
+    md5_base64,
   })
 }