add to create share link a send share vie email option

app/Http/Controllers/FileFunctions/ShareController.php

@@ -58,7 +58,15 @@ class ShareController extends Controller
         ];
 
         // Return created shared record
-        return new ShareResource(Share::create($options));
+        $share = new ShareResource(Share::create($options));
+
+        // Send shared link via email
+        if($request->emails) {
+            $share->sendSharedLinkViaEmail($request->emails, $token);
+        }
+
+
+        return $share;
     }
 
     /**

app/Http/Requests/Share/CreateShareRequest.php

@@ -31,6 +31,7 @@ class CreateShareRequest extends FormRequest
             'expiration' => 'integer|nullable',
             'permission' => 'string',
             'password'   => 'string',
+            // 'emails'     => 'email'  
         ];
     }
 }

app/Notifications/SharedSendViaEmail.php

@@ -47,7 +47,7 @@ class SharedSendViaEmail extends Notification
        
 
         return (new MailMessage)
-            ->subject(__('vuefilemanager.reset_password_subject') . config('vuefilemanager.app_name'))
+            ->subject(__('vuefilemanager.shared_link_email_subject' , ['user' => $this->user->name]) . config('vuefilemanager.app_name'))
             ->greeting(__('vuefilemanager.shared_link_email_greeting'))
             ->line(__('vuefilemanager.shared_link_email_user', ['user' => $this->user->name, 'email' => $this->user->email]))
             ->action(__('vuefilemanager.shared_link_email_link'), $shared_link);

public/mix-manifest.json

@@ -74,5 +74,336 @@
     "/chunks/user-password.js": "/chunks/user-password.js?id=ac51d17a4aa7ae50bc88",
     "/chunks/user-storage.js": "/chunks/user-storage.js?id=5cfec8a8f8a8aef24ef2",
     "/chunks/user-subscription.js": "/chunks/user-subscription.js?id=34603496ceacb8bd2da3",
-    "/chunks/users.js": "/chunks/users.js?id=6e68cb068f69fba3199c"
+    "/chunks/users.js": "/chunks/users.js?id=6e68cb068f69fba3199c",
+    "/js/main.1b85a59ba9d22abe3c14.hot-update.js": "/js/main.1b85a59ba9d22abe3c14.hot-update.js",
+    "/js/main.f447a679da701dd9acd7.hot-update.js": "/js/main.f447a679da701dd9acd7.hot-update.js",
+    "/js/main.e00fc6dda86dbe31d9a7.hot-update.js": "/js/main.e00fc6dda86dbe31d9a7.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.e00fc6dda86dbe31d9a7.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.e00fc6dda86dbe31d9a7.hot-update.js",
+    "/chunks/profile.e00fc6dda86dbe31d9a7.hot-update.js": "/chunks/profile.e00fc6dda86dbe31d9a7.hot-update.js",
+    "/chunks/shared-page.e00fc6dda86dbe31d9a7.hot-update.js": "/chunks/shared-page.e00fc6dda86dbe31d9a7.hot-update.js",
+    "/js/main.5be39b9722ff8a7c726f.hot-update.js": "/js/main.5be39b9722ff8a7c726f.hot-update.js",
+    "/js/main.73159dcb6521b1b10b6e.hot-update.js": "/js/main.73159dcb6521b1b10b6e.hot-update.js",
+    "/js/main.6d5e703d736b169c586d.hot-update.js": "/js/main.6d5e703d736b169c586d.hot-update.js",
+    "/js/main.240cf30b7cc90cf8d8a1.hot-update.js": "/js/main.240cf30b7cc90cf8d8a1.hot-update.js",
+    "/js/main.d0d03a9a052d3666612b.hot-update.js": "/js/main.d0d03a9a052d3666612b.hot-update.js",
+    "/js/main.36f42aacc667c12f0300.hot-update.js": "/js/main.36f42aacc667c12f0300.hot-update.js",
+    "/js/main.ce1ebb477c502920ee31.hot-update.js": "/js/main.ce1ebb477c502920ee31.hot-update.js",
+    "/js/main.a5f9924efd6a754e87f6.hot-update.js": "/js/main.a5f9924efd6a754e87f6.hot-update.js",
+    "/js/main.d95e6708beee77b208e7.hot-update.js": "/js/main.d95e6708beee77b208e7.hot-update.js",
+    "/js/main.e60d1cb6c859eef294bf.hot-update.js": "/js/main.e60d1cb6c859eef294bf.hot-update.js",
+    "/js/main.39e558da025403dc0484.hot-update.js": "/js/main.39e558da025403dc0484.hot-update.js",
+    "/js/main.974a24162546af3bc7c5.hot-update.js": "/js/main.974a24162546af3bc7c5.hot-update.js",
+    "/js/main.912f15f5e27f4bcf59ff.hot-update.js": "/js/main.912f15f5e27f4bcf59ff.hot-update.js",
+    "/js/main.8b6d37c0e98c710778d4.hot-update.js": "/js/main.8b6d37c0e98c710778d4.hot-update.js",
+    "/js/main.23704f18856cf364cd9c.hot-update.js": "/js/main.23704f18856cf364cd9c.hot-update.js",
+    "/js/main.26aec7da05170decee94.hot-update.js": "/js/main.26aec7da05170decee94.hot-update.js",
+    "/js/main.d59099d9dc87b8869f0a.hot-update.js": "/js/main.d59099d9dc87b8869f0a.hot-update.js",
+    "/js/main.dc36152974522620c360.hot-update.js": "/js/main.dc36152974522620c360.hot-update.js",
+    "/js/main.a1103ceb17c870b3c54b.hot-update.js": "/js/main.a1103ceb17c870b3c54b.hot-update.js",
+    "/js/main.7bedb6fba943bc9be86a.hot-update.js": "/js/main.7bedb6fba943bc9be86a.hot-update.js",
+    "/js/main.cb32c37304a1ebbd90bf.hot-update.js": "/js/main.cb32c37304a1ebbd90bf.hot-update.js",
+    "/js/main.2b5823f3975f702a1eb2.hot-update.js": "/js/main.2b5823f3975f702a1eb2.hot-update.js",
+    "/js/main.c59541c3091f20288316.hot-update.js": "/js/main.c59541c3091f20288316.hot-update.js",
+    "/js/main.9555c60773523f5d540f.hot-update.js": "/js/main.9555c60773523f5d540f.hot-update.js",
+    "/js/main.1a233c17ca9f1dbd401c.hot-update.js": "/js/main.1a233c17ca9f1dbd401c.hot-update.js",
+    "/js/main.24b80794917338a2dbf8.hot-update.js": "/js/main.24b80794917338a2dbf8.hot-update.js",
+    "/js/main.9f999a9614b495af801f.hot-update.js": "/js/main.9f999a9614b495af801f.hot-update.js",
+    "/js/main.c84ce0b303c0beedad76.hot-update.js": "/js/main.c84ce0b303c0beedad76.hot-update.js",
+    "/js/main.175d5985d6010cf650fb.hot-update.js": "/js/main.175d5985d6010cf650fb.hot-update.js",
+    "/js/main.e20458eab9d6a81dc6d8.hot-update.js": "/js/main.e20458eab9d6a81dc6d8.hot-update.js",
+    "/js/main.375fad6ee2ab411fb651.hot-update.js": "/js/main.375fad6ee2ab411fb651.hot-update.js",
+    "/js/main.d2dd19fa01d9ebf646b3.hot-update.js": "/js/main.d2dd19fa01d9ebf646b3.hot-update.js",
+    "/js/main.036ad5e6da87edd73c62.hot-update.js": "/js/main.036ad5e6da87edd73c62.hot-update.js",
+    "/js/main.91b69811feab89e914cb.hot-update.js": "/js/main.91b69811feab89e914cb.hot-update.js",
+    "/js/main.1032a95a0f36931497f1.hot-update.js": "/js/main.1032a95a0f36931497f1.hot-update.js",
+    "/js/main.1d7e6eb73b9cb9d7b540.hot-update.js": "/js/main.1d7e6eb73b9cb9d7b540.hot-update.js",
+    "/js/main.eb15370564aa47d2dc26.hot-update.js": "/js/main.eb15370564aa47d2dc26.hot-update.js",
+    "/js/main.05a9e2b4c5473a81d950.hot-update.js": "/js/main.05a9e2b4c5473a81d950.hot-update.js",
+    "/js/main.24d5bf11a4e6c48027d8.hot-update.js": "/js/main.24d5bf11a4e6c48027d8.hot-update.js",
+    "/js/main.0b3c94bd53dbc198e910.hot-update.js": "/js/main.0b3c94bd53dbc198e910.hot-update.js",
+    "/js/main.3440dd753f72230d747d.hot-update.js": "/js/main.3440dd753f72230d747d.hot-update.js",
+    "/js/main.f5821214d8e25e421c66.hot-update.js": "/js/main.f5821214d8e25e421c66.hot-update.js",
+    "/js/main.bb123234af9718abf99d.hot-update.js": "/js/main.bb123234af9718abf99d.hot-update.js",
+    "/js/main.fb022700f73e5a56bf52.hot-update.js": "/js/main.fb022700f73e5a56bf52.hot-update.js",
+    "/js/main.5cea4d987f384fffdb1b.hot-update.js": "/js/main.5cea4d987f384fffdb1b.hot-update.js",
+    "/js/main.8720abaf1ddf52933bee.hot-update.js": "/js/main.8720abaf1ddf52933bee.hot-update.js",
+    "/js/main.c0f546b8f5da6ec62e37.hot-update.js": "/js/main.c0f546b8f5da6ec62e37.hot-update.js",
+    "/js/main.3cf8e7b40741064dd84a.hot-update.js": "/js/main.3cf8e7b40741064dd84a.hot-update.js",
+    "/js/main.0e2529bcd39387bc8b95.hot-update.js": "/js/main.0e2529bcd39387bc8b95.hot-update.js",
+    "/js/main.44bf211abb23be5abce9.hot-update.js": "/js/main.44bf211abb23be5abce9.hot-update.js",
+    "/js/main.0149e738c4c01d9218f1.hot-update.js": "/js/main.0149e738c4c01d9218f1.hot-update.js",
+    "/js/main.58915d7da98169533714.hot-update.js": "/js/main.58915d7da98169533714.hot-update.js",
+    "/js/main.c6468217e475837fa5dc.hot-update.js": "/js/main.c6468217e475837fa5dc.hot-update.js",
+    "/js/main.ae5463dc815c13df0932.hot-update.js": "/js/main.ae5463dc815c13df0932.hot-update.js",
+    "/js/main.d65349d0d90243fd1791.hot-update.js": "/js/main.d65349d0d90243fd1791.hot-update.js",
+    "/js/main.a92f5f882c1dd22cecbc.hot-update.js": "/js/main.a92f5f882c1dd22cecbc.hot-update.js",
+    "/js/main.724dc43b03df548274c6.hot-update.js": "/js/main.724dc43b03df548274c6.hot-update.js",
+    "/js/main.955a61bf8f834a127156.hot-update.js": "/js/main.955a61bf8f834a127156.hot-update.js",
+    "/js/main.3724ea0d5597c7166c40.hot-update.js": "/js/main.3724ea0d5597c7166c40.hot-update.js",
+    "/js/main.99708a9c5651854086a1.hot-update.js": "/js/main.99708a9c5651854086a1.hot-update.js",
+    "/js/main.4155cc8a1957061ae33d.hot-update.js": "/js/main.4155cc8a1957061ae33d.hot-update.js",
+    "/js/main.73d65fd8ba29e963614a.hot-update.js": "/js/main.73d65fd8ba29e963614a.hot-update.js",
+    "/js/main.599906ce301b185ac5f5.hot-update.js": "/js/main.599906ce301b185ac5f5.hot-update.js",
+    "/js/main.336ca7b5d5029e9649d3.hot-update.js": "/js/main.336ca7b5d5029e9649d3.hot-update.js",
+    "/js/main.00dd1e17f3ba03229048.hot-update.js": "/js/main.00dd1e17f3ba03229048.hot-update.js",
+    "/js/main.a40a898ba6ccf5a786b7.hot-update.js": "/js/main.a40a898ba6ccf5a786b7.hot-update.js",
+    "/js/main.adab0c00cecdf1b0d181.hot-update.js": "/js/main.adab0c00cecdf1b0d181.hot-update.js",
+    "/js/main.858fa98620525d15b8cc.hot-update.js": "/js/main.858fa98620525d15b8cc.hot-update.js",
+    "/js/main.24fe5b9fb06c7e26facf.hot-update.js": "/js/main.24fe5b9fb06c7e26facf.hot-update.js",
+    "/js/main.ca363c6e190994e232e1.hot-update.js": "/js/main.ca363c6e190994e232e1.hot-update.js",
+    "/js/main.2aee2fbf5bcc6c7c5c91.hot-update.js": "/js/main.2aee2fbf5bcc6c7c5c91.hot-update.js",
+    "/js/main.5c098f9136e7169e6d88.hot-update.js": "/js/main.5c098f9136e7169e6d88.hot-update.js",
+    "/js/main.6a924e88fa011e10bd62.hot-update.js": "/js/main.6a924e88fa011e10bd62.hot-update.js",
+    "/js/main.ed2925d06da7104cd3de.hot-update.js": "/js/main.ed2925d06da7104cd3de.hot-update.js",
+    "/js/main.c7b8f413d5eecfa58388.hot-update.js": "/js/main.c7b8f413d5eecfa58388.hot-update.js",
+    "/js/main.f68e216b4b3c6fc702bc.hot-update.js": "/js/main.f68e216b4b3c6fc702bc.hot-update.js",
+    "/js/main.30b49af523b162bd40d0.hot-update.js": "/js/main.30b49af523b162bd40d0.hot-update.js",
+    "/js/main.36a5494064570f9ce74f.hot-update.js": "/js/main.36a5494064570f9ce74f.hot-update.js",
+    "/js/main.a6457a07a6142fd2158e.hot-update.js": "/js/main.a6457a07a6142fd2158e.hot-update.js",
+    "/js/main.76ea528f9788ea66f582.hot-update.js": "/js/main.76ea528f9788ea66f582.hot-update.js",
+    "/js/main.776b3786df5692f763ea.hot-update.js": "/js/main.776b3786df5692f763ea.hot-update.js",
+    "/js/main.cb36f2322a03e7229607.hot-update.js": "/js/main.cb36f2322a03e7229607.hot-update.js",
+    "/js/main.2c9b8ef7a0a1a4a24876.hot-update.js": "/js/main.2c9b8ef7a0a1a4a24876.hot-update.js",
+    "/js/main.1371d53aa5944d8d431d.hot-update.js": "/js/main.1371d53aa5944d8d431d.hot-update.js",
+    "/js/main.3db500e1b08d793cdb03.hot-update.js": "/js/main.3db500e1b08d793cdb03.hot-update.js",
+    "/js/main.e4a29b16e38e800b8b43.hot-update.js": "/js/main.e4a29b16e38e800b8b43.hot-update.js",
+    "/js/main.8126d93ed0eda50b415e.hot-update.js": "/js/main.8126d93ed0eda50b415e.hot-update.js",
+    "/js/main.3fbfc8f736b9e0eac74e.hot-update.js": "/js/main.3fbfc8f736b9e0eac74e.hot-update.js",
+    "/js/main.8264e6de72130f763307.hot-update.js": "/js/main.8264e6de72130f763307.hot-update.js",
+    "/js/main.ef1324c10d4b955fffa1.hot-update.js": "/js/main.ef1324c10d4b955fffa1.hot-update.js",
+    "/js/main.e3146f366a5d15595e1d.hot-update.js": "/js/main.e3146f366a5d15595e1d.hot-update.js",
+    "/js/main.8849e759fa9f468e8e90.hot-update.js": "/js/main.8849e759fa9f468e8e90.hot-update.js",
+    "/js/main.9aa70cc3c07f1edb5d7f.hot-update.js": "/js/main.9aa70cc3c07f1edb5d7f.hot-update.js",
+    "/js/main.f8cf79c473c179631a3a.hot-update.js": "/js/main.f8cf79c473c179631a3a.hot-update.js",
+    "/js/main.b7201b5673ed625c7f69.hot-update.js": "/js/main.b7201b5673ed625c7f69.hot-update.js",
+    "/js/main.57d59a4c5dad32d2a998.hot-update.js": "/js/main.57d59a4c5dad32d2a998.hot-update.js",
+    "/js/main.da5ca28dc1313b1df508.hot-update.js": "/js/main.da5ca28dc1313b1df508.hot-update.js",
+    "/js/main.0441ac233e35ef2e6e40.hot-update.js": "/js/main.0441ac233e35ef2e6e40.hot-update.js",
+    "/js/main.bf1414931eaa1e6017a7.hot-update.js": "/js/main.bf1414931eaa1e6017a7.hot-update.js",
+    "/js/main.fcf96cbc2247f23ca81d.hot-update.js": "/js/main.fcf96cbc2247f23ca81d.hot-update.js",
+    "/js/main.1e09f5c28a213fe755d5.hot-update.js": "/js/main.1e09f5c28a213fe755d5.hot-update.js",
+    "/js/main.820d29e3a52d58c014a6.hot-update.js": "/js/main.820d29e3a52d58c014a6.hot-update.js",
+    "/js/main.b3345ad796985c06fdec.hot-update.js": "/js/main.b3345ad796985c06fdec.hot-update.js",
+    "/js/main.1d3fc53d2368035dc907.hot-update.js": "/js/main.1d3fc53d2368035dc907.hot-update.js",
+    "/js/main.4511ef1f66b98695682c.hot-update.js": "/js/main.4511ef1f66b98695682c.hot-update.js",
+    "/js/main.42d98a68a325961db6c9.hot-update.js": "/js/main.42d98a68a325961db6c9.hot-update.js",
+    "/js/main.c2ea73fe3b6eba187271.hot-update.js": "/js/main.c2ea73fe3b6eba187271.hot-update.js",
+    "/js/main.b5e7e84d677d2905058e.hot-update.js": "/js/main.b5e7e84d677d2905058e.hot-update.js",
+    "/js/main.6270d5586f98a2b32634.hot-update.js": "/js/main.6270d5586f98a2b32634.hot-update.js",
+    "/js/main.ed2e76bc125fd4cd65ee.hot-update.js": "/js/main.ed2e76bc125fd4cd65ee.hot-update.js",
+    "/js/main.c80018241817344075a0.hot-update.js": "/js/main.c80018241817344075a0.hot-update.js",
+    "/js/main.7f995f7d21619d596cf9.hot-update.js": "/js/main.7f995f7d21619d596cf9.hot-update.js",
+    "/js/main.d8e912bf2e8c16e4191a.hot-update.js": "/js/main.d8e912bf2e8c16e4191a.hot-update.js",
+    "/js/main.bde635cefb2b9b865bf6.hot-update.js": "/js/main.bde635cefb2b9b865bf6.hot-update.js",
+    "/js/main.401ea24ffab77e863906.hot-update.js": "/js/main.401ea24ffab77e863906.hot-update.js",
+    "/js/main.2f953926a3c9f850dfd9.hot-update.js": "/js/main.2f953926a3c9f850dfd9.hot-update.js",
+    "/js/main.27f613066438f2b6b86c.hot-update.js": "/js/main.27f613066438f2b6b86c.hot-update.js",
+    "/js/main.ada02dce883b94f5f5c2.hot-update.js": "/js/main.ada02dce883b94f5f5c2.hot-update.js",
+    "/js/main.07c8ca323f3cdd9ffd7f.hot-update.js": "/js/main.07c8ca323f3cdd9ffd7f.hot-update.js",
+    "/js/main.b00a9a8270379e7e7191.hot-update.js": "/js/main.b00a9a8270379e7e7191.hot-update.js",
+    "/js/main.f76eb2279bee5a32a66c.hot-update.js": "/js/main.f76eb2279bee5a32a66c.hot-update.js",
+    "/js/main.f49ec9a1a7492cedde83.hot-update.js": "/js/main.f49ec9a1a7492cedde83.hot-update.js",
+    "/js/main.74658e9128efa9826c34.hot-update.js": "/js/main.74658e9128efa9826c34.hot-update.js",
+    "/js/main.1eb9aa7e013e17e6b79d.hot-update.js": "/js/main.1eb9aa7e013e17e6b79d.hot-update.js",
+    "/js/main.9e7a12e1fe0a71f704c4.hot-update.js": "/js/main.9e7a12e1fe0a71f704c4.hot-update.js",
+    "/js/main.3676930a97086219a16b.hot-update.js": "/js/main.3676930a97086219a16b.hot-update.js",
+    "/js/main.9e9a97fd96b2bb9f87e2.hot-update.js": "/js/main.9e9a97fd96b2bb9f87e2.hot-update.js",
+    "/js/main.13208aff1d25ea97a390.hot-update.js": "/js/main.13208aff1d25ea97a390.hot-update.js",
+    "/js/main.e071206f5ccd06946ec5.hot-update.js": "/js/main.e071206f5ccd06946ec5.hot-update.js",
+    "/js/main.e8698302d264e158bbe0.hot-update.js": "/js/main.e8698302d264e158bbe0.hot-update.js",
+    "/js/main.5a72f698717421d7ed52.hot-update.js": "/js/main.5a72f698717421d7ed52.hot-update.js",
+    "/js/main.e54b929c55e280e10ebf.hot-update.js": "/js/main.e54b929c55e280e10ebf.hot-update.js",
+    "/js/main.9e74ee1cbc2bff95d70f.hot-update.js": "/js/main.9e74ee1cbc2bff95d70f.hot-update.js",
+    "/js/main.7a9a50446f21cc11b7be.hot-update.js": "/js/main.7a9a50446f21cc11b7be.hot-update.js",
+    "/js/main.4cc72dfb1910f6718f9b.hot-update.js": "/js/main.4cc72dfb1910f6718f9b.hot-update.js",
+    "/js/main.4ca56228dcccbf59d018.hot-update.js": "/js/main.4ca56228dcccbf59d018.hot-update.js",
+    "/js/main.588c33ab97819adfe8f4.hot-update.js": "/js/main.588c33ab97819adfe8f4.hot-update.js",
+    "/js/main.49bae06fe2906a3020bb.hot-update.js": "/js/main.49bae06fe2906a3020bb.hot-update.js",
+    "/js/main.9a5aab266f5432a0a8c8.hot-update.js": "/js/main.9a5aab266f5432a0a8c8.hot-update.js",
+    "/js/main.f1b126239e23e4b98624.hot-update.js": "/js/main.f1b126239e23e4b98624.hot-update.js",
+    "/js/main.41f14659c27693564534.hot-update.js": "/js/main.41f14659c27693564534.hot-update.js",
+    "/js/main.29bf6376c59d2f857619.hot-update.js": "/js/main.29bf6376c59d2f857619.hot-update.js",
+    "/js/main.88a437ca921d58c1170c.hot-update.js": "/js/main.88a437ca921d58c1170c.hot-update.js",
+    "/js/main.613daa0e3c6bbd72887f.hot-update.js": "/js/main.613daa0e3c6bbd72887f.hot-update.js",
+    "/js/main.3cacee0d9767a139f0d4.hot-update.js": "/js/main.3cacee0d9767a139f0d4.hot-update.js",
+    "/js/main.01f1f4ee0bb34b034efa.hot-update.js": "/js/main.01f1f4ee0bb34b034efa.hot-update.js",
+    "/js/main.fc5159bd2de172e64747.hot-update.js": "/js/main.fc5159bd2de172e64747.hot-update.js",
+    "/js/main.9524b64c32cd601e6aa8.hot-update.js": "/js/main.9524b64c32cd601e6aa8.hot-update.js",
+    "/js/main.e9ea7f2a697d86fcaa86.hot-update.js": "/js/main.e9ea7f2a697d86fcaa86.hot-update.js",
+    "/js/main.3efef2ed433022661d04.hot-update.js": "/js/main.3efef2ed433022661d04.hot-update.js",
+    "/js/main.ecac395525e15ac8e993.hot-update.js": "/js/main.ecac395525e15ac8e993.hot-update.js",
+    "/js/main.29bfd7e94346d3d7520f.hot-update.js": "/js/main.29bfd7e94346d3d7520f.hot-update.js",
+    "/js/main.1c41777f83177d0fa634.hot-update.js": "/js/main.1c41777f83177d0fa634.hot-update.js",
+    "/js/main.e6fdae17455e4375d107.hot-update.js": "/js/main.e6fdae17455e4375d107.hot-update.js",
+    "/js/main.8913c3bb8114fa7302d7.hot-update.js": "/js/main.8913c3bb8114fa7302d7.hot-update.js",
+    "/js/main.2228ae930f5bfc4a70e3.hot-update.js": "/js/main.2228ae930f5bfc4a70e3.hot-update.js",
+    "/js/main.05843b217a37dec8dd7b.hot-update.js": "/js/main.05843b217a37dec8dd7b.hot-update.js",
+    "/js/main.37dfbd49958f819a04e3.hot-update.js": "/js/main.37dfbd49958f819a04e3.hot-update.js",
+    "/js/main.41b10383bd08a353b328.hot-update.js": "/js/main.41b10383bd08a353b328.hot-update.js",
+    "/js/main.dbf114df9d8f8dd7215f.hot-update.js": "/js/main.dbf114df9d8f8dd7215f.hot-update.js",
+    "/js/main.f8db7a55a95e5ceab219.hot-update.js": "/js/main.f8db7a55a95e5ceab219.hot-update.js",
+    "/js/main.9faf12c7a9464d79ad75.hot-update.js": "/js/main.9faf12c7a9464d79ad75.hot-update.js",
+    "/js/main.f3d1a54959369a2c383c.hot-update.js": "/js/main.f3d1a54959369a2c383c.hot-update.js",
+    "/js/main.723bb45a03213f8426d0.hot-update.js": "/js/main.723bb45a03213f8426d0.hot-update.js",
+    "/js/main.0c04f7a549fdaa0b7b6f.hot-update.js": "/js/main.0c04f7a549fdaa0b7b6f.hot-update.js",
+    "/js/main.991943dd10097662a46e.hot-update.js": "/js/main.991943dd10097662a46e.hot-update.js",
+    "/js/main.654ab627487fae7c2044.hot-update.js": "/js/main.654ab627487fae7c2044.hot-update.js",
+    "/js/main.ee016ccb0b4bee77081c.hot-update.js": "/js/main.ee016ccb0b4bee77081c.hot-update.js",
+    "/js/main.8680655ccdcdcb3e5f5f.hot-update.js": "/js/main.8680655ccdcdcb3e5f5f.hot-update.js",
+    "/js/main.60535cfd297fb73b8af9.hot-update.js": "/js/main.60535cfd297fb73b8af9.hot-update.js",
+    "/js/main.f203e6a0c5fe34eb194e.hot-update.js": "/js/main.f203e6a0c5fe34eb194e.hot-update.js",
+    "/js/main.5994aade69347299cb46.hot-update.js": "/js/main.5994aade69347299cb46.hot-update.js",
+    "/js/main.8e46e95adaffcd9ed1f9.hot-update.js": "/js/main.8e46e95adaffcd9ed1f9.hot-update.js",
+    "/js/main.75b967e634e366ecdd43.hot-update.js": "/js/main.75b967e634e366ecdd43.hot-update.js",
+    "/js/main.38780b029c7443254626.hot-update.js": "/js/main.38780b029c7443254626.hot-update.js",
+    "/js/main.f7ba30054bbea6dce48f.hot-update.js": "/js/main.f7ba30054bbea6dce48f.hot-update.js",
+    "/js/main.02c9f678023605cb70f6.hot-update.js": "/js/main.02c9f678023605cb70f6.hot-update.js",
+    "/js/main.e087945411e81dc73ed0.hot-update.js": "/js/main.e087945411e81dc73ed0.hot-update.js",
+    "/js/main.7fdd6d091d10faf08b0b.hot-update.js": "/js/main.7fdd6d091d10faf08b0b.hot-update.js",
+    "/js/main.ab39267175a45703cc7c.hot-update.js": "/js/main.ab39267175a45703cc7c.hot-update.js",
+    "/js/main.aa8c192b0fa40b667ea5.hot-update.js": "/js/main.aa8c192b0fa40b667ea5.hot-update.js",
+    "/js/main.1f77a85001aa58b9f8f7.hot-update.js": "/js/main.1f77a85001aa58b9f8f7.hot-update.js",
+    "/js/main.d6366abe8a2dc8273d85.hot-update.js": "/js/main.d6366abe8a2dc8273d85.hot-update.js",
+    "/js/main.cb0b0fe382c28d120dbe.hot-update.js": "/js/main.cb0b0fe382c28d120dbe.hot-update.js",
+    "/js/main.4c68c3ce536ea60f19ee.hot-update.js": "/js/main.4c68c3ce536ea60f19ee.hot-update.js",
+    "/js/main.bd0f82b77631ca1bcddc.hot-update.js": "/js/main.bd0f82b77631ca1bcddc.hot-update.js",
+    "/js/main.8e353cf10933d8bceefc.hot-update.js": "/js/main.8e353cf10933d8bceefc.hot-update.js",
+    "/js/main.377f20ffc61696d89ad8.hot-update.js": "/js/main.377f20ffc61696d89ad8.hot-update.js",
+    "/js/main.35133fb983e17d55b44c.hot-update.js": "/js/main.35133fb983e17d55b44c.hot-update.js",
+    "/js/main.38908626143669c8e0b5.hot-update.js": "/js/main.38908626143669c8e0b5.hot-update.js",
+    "/js/main.ce1f2de6660c6a73f0a3.hot-update.js": "/js/main.ce1f2de6660c6a73f0a3.hot-update.js",
+    "/js/main.e48f27ceaab77016504c.hot-update.js": "/js/main.e48f27ceaab77016504c.hot-update.js",
+    "/js/main.512cf2550923c77f96f0.hot-update.js": "/js/main.512cf2550923c77f96f0.hot-update.js",
+    "/js/main.cdf9a242faf7ccb839fe.hot-update.js": "/js/main.cdf9a242faf7ccb839fe.hot-update.js",
+    "/js/main.8aadedf4d8346ce86c0d.hot-update.js": "/js/main.8aadedf4d8346ce86c0d.hot-update.js",
+    "/js/main.b83b563268c7a64fd4c2.hot-update.js": "/js/main.b83b563268c7a64fd4c2.hot-update.js",
+    "/js/main.e506db8759da50e121e5.hot-update.js": "/js/main.e506db8759da50e121e5.hot-update.js",
+    "/js/main.7098fb388450b602f8b9.hot-update.js": "/js/main.7098fb388450b602f8b9.hot-update.js",
+    "/js/main.5ccdd4404390a91b9689.hot-update.js": "/js/main.5ccdd4404390a91b9689.hot-update.js",
+    "/js/main.7e9e5a166a7d1adbec70.hot-update.js": "/js/main.7e9e5a166a7d1adbec70.hot-update.js",
+    "/js/main.617b3f031cfee10c00ef.hot-update.js": "/js/main.617b3f031cfee10c00ef.hot-update.js",
+    "/js/main.bd2ca4238f09ec33d957.hot-update.js": "/js/main.bd2ca4238f09ec33d957.hot-update.js",
+    "/js/main.5aec342e6cf0fc1fe976.hot-update.js": "/js/main.5aec342e6cf0fc1fe976.hot-update.js",
+    "/js/main.93c975df5eae3304b10e.hot-update.js": "/js/main.93c975df5eae3304b10e.hot-update.js",
+    "/js/main.8b20db95ea3fbbd0f4a4.hot-update.js": "/js/main.8b20db95ea3fbbd0f4a4.hot-update.js",
+    "/js/main.88c2a95c674ef6561312.hot-update.js": "/js/main.88c2a95c674ef6561312.hot-update.js",
+    "/js/main.9954685fbc3366e4d0b1.hot-update.js": "/js/main.9954685fbc3366e4d0b1.hot-update.js",
+    "/js/main.7b5f61e6064070a21b7c.hot-update.js": "/js/main.7b5f61e6064070a21b7c.hot-update.js",
+    "/js/main.1884b396d2c3aab69fb1.hot-update.js": "/js/main.1884b396d2c3aab69fb1.hot-update.js",
+    "/js/main.eaedf72b93d6c190ab0f.hot-update.js": "/js/main.eaedf72b93d6c190ab0f.hot-update.js",
+    "/js/main.d585a88ed3a1a7ee3496.hot-update.js": "/js/main.d585a88ed3a1a7ee3496.hot-update.js",
+    "/js/main.ea20017439e610ca9ac3.hot-update.js": "/js/main.ea20017439e610ca9ac3.hot-update.js",
+    "/js/main.0ef7b20726d3c731e052.hot-update.js": "/js/main.0ef7b20726d3c731e052.hot-update.js",
+    "/js/main.28a3e666cb967495d558.hot-update.js": "/js/main.28a3e666cb967495d558.hot-update.js",
+    "/js/main.59254ece4232b6ed975d.hot-update.js": "/js/main.59254ece4232b6ed975d.hot-update.js",
+    "/js/main.bef162c95fb2d2eb2515.hot-update.js": "/js/main.bef162c95fb2d2eb2515.hot-update.js",
+    "/js/main.871f8dc788bbe5e41056.hot-update.js": "/js/main.871f8dc788bbe5e41056.hot-update.js",
+    "/js/main.2c32e1842b80dc11f3e4.hot-update.js": "/js/main.2c32e1842b80dc11f3e4.hot-update.js",
+    "/js/main.361e849bb556bc5bb3fb.hot-update.js": "/js/main.361e849bb556bc5bb3fb.hot-update.js",
+    "/js/main.52d77c6a4e771e3438e3.hot-update.js": "/js/main.52d77c6a4e771e3438e3.hot-update.js",
+    "/js/main.e62a635b1ae4f1e49871.hot-update.js": "/js/main.e62a635b1ae4f1e49871.hot-update.js",
+    "/js/main.c33f92a1e2ff1fdbde69.hot-update.js": "/js/main.c33f92a1e2ff1fdbde69.hot-update.js",
+    "/js/main.83ac7c79f82befecbc5b.hot-update.js": "/js/main.83ac7c79f82befecbc5b.hot-update.js",
+    "/js/main.c2b7f06adc9e803ec342.hot-update.js": "/js/main.c2b7f06adc9e803ec342.hot-update.js",
+    "/js/main.1dcb6b34c3f6507c54da.hot-update.js": "/js/main.1dcb6b34c3f6507c54da.hot-update.js",
+    "/js/main.7dda418e25d714b10407.hot-update.js": "/js/main.7dda418e25d714b10407.hot-update.js",
+    "/js/main.61dc2b36ae5f33bf98f8.hot-update.js": "/js/main.61dc2b36ae5f33bf98f8.hot-update.js",
+    "/js/main.62aa038058afd67f26bc.hot-update.js": "/js/main.62aa038058afd67f26bc.hot-update.js",
+    "/js/main.9c9f4b40ec0080816ec2.hot-update.js": "/js/main.9c9f4b40ec0080816ec2.hot-update.js",
+    "/js/main.9304b70cb1389b6baf74.hot-update.js": "/js/main.9304b70cb1389b6baf74.hot-update.js",
+    "/js/main.24c4dccf29bcc4e5a416.hot-update.js": "/js/main.24c4dccf29bcc4e5a416.hot-update.js",
+    "/js/main.505fc6eb369fd80d82c7.hot-update.js": "/js/main.505fc6eb369fd80d82c7.hot-update.js",
+    "/js/main.70df2ed17a47e90c3bf2.hot-update.js": "/js/main.70df2ed17a47e90c3bf2.hot-update.js",
+    "/js/main.fb0ce7dbc40072f85b70.hot-update.js": "/js/main.fb0ce7dbc40072f85b70.hot-update.js",
+    "/js/main.5e2f53340709d2cf0cae.hot-update.js": "/js/main.5e2f53340709d2cf0cae.hot-update.js",
+    "/js/main.42a6f5e08131ef927f69.hot-update.js": "/js/main.42a6f5e08131ef927f69.hot-update.js",
+    "/js/main.2fa9fc4e7a88323bfb50.hot-update.js": "/js/main.2fa9fc4e7a88323bfb50.hot-update.js",
+    "/js/main.cc2d0bc294d81fe3bdb6.hot-update.js": "/js/main.cc2d0bc294d81fe3bdb6.hot-update.js",
+    "/js/main.2c63b803b551058479f0.hot-update.js": "/js/main.2c63b803b551058479f0.hot-update.js",
+    "/js/main.37396c474e5e6fabc57c.hot-update.js": "/js/main.37396c474e5e6fabc57c.hot-update.js",
+    "/js/main.506a2b2f1cd45ebb3c42.hot-update.js": "/js/main.506a2b2f1cd45ebb3c42.hot-update.js",
+    "/js/main.b1edd617f8b6070ca1a1.hot-update.js": "/js/main.b1edd617f8b6070ca1a1.hot-update.js",
+    "/js/main.4a902e67558782123e44.hot-update.js": "/js/main.4a902e67558782123e44.hot-update.js",
+    "/js/main.0ff3a4bdda1890ac5860.hot-update.js": "/js/main.0ff3a4bdda1890ac5860.hot-update.js",
+    "/js/main.938585a5c332ff0f9422.hot-update.js": "/js/main.938585a5c332ff0f9422.hot-update.js",
+    "/js/main.6502635f3dbc49c1605d.hot-update.js": "/js/main.6502635f3dbc49c1605d.hot-update.js",
+    "/js/main.71a6385aca6e8e08c244.hot-update.js": "/js/main.71a6385aca6e8e08c244.hot-update.js",
+    "/js/main.6376c2d0bdd2c9346c0f.hot-update.js": "/js/main.6376c2d0bdd2c9346c0f.hot-update.js",
+    "/js/main.a98fd3b07ce19560e235.hot-update.js": "/js/main.a98fd3b07ce19560e235.hot-update.js",
+    "/js/main.3530a375fd104013a6a5.hot-update.js": "/js/main.3530a375fd104013a6a5.hot-update.js",
+    "/js/main.4b7ddf9ff1d64e3ee281.hot-update.js": "/js/main.4b7ddf9ff1d64e3ee281.hot-update.js",
+    "/js/main.0eab7ad59f16c33de66f.hot-update.js": "/js/main.0eab7ad59f16c33de66f.hot-update.js",
+    "/js/main.f752980dc8c1bcd7b2ef.hot-update.js": "/js/main.f752980dc8c1bcd7b2ef.hot-update.js",
+    "/js/main.eb4733cd7e69be51e10e.hot-update.js": "/js/main.eb4733cd7e69be51e10e.hot-update.js",
+    "/js/main.9848e78ccddbcc593098.hot-update.js": "/js/main.9848e78ccddbcc593098.hot-update.js",
+    "/js/main.eb05277982efdd7df238.hot-update.js": "/js/main.eb05277982efdd7df238.hot-update.js",
+    "/js/main.af12a5a9c4f2052f8867.hot-update.js": "/js/main.af12a5a9c4f2052f8867.hot-update.js",
+    "/js/main.2e9fcaf03f6e9891565e.hot-update.js": "/js/main.2e9fcaf03f6e9891565e.hot-update.js",
+    "/js/main.8e0c53b202593992b7d0.hot-update.js": "/js/main.8e0c53b202593992b7d0.hot-update.js",
+    "/js/main.9886fb0f1f74e1de8be1.hot-update.js": "/js/main.9886fb0f1f74e1de8be1.hot-update.js",
+    "/js/main.feb5a60a017f42a9744b.hot-update.js": "/js/main.feb5a60a017f42a9744b.hot-update.js",
+    "/js/main.400a4816df93804dc90c.hot-update.js": "/js/main.400a4816df93804dc90c.hot-update.js",
+    "/js/main.2a4546da62b637f64c59.hot-update.js": "/js/main.2a4546da62b637f64c59.hot-update.js",
+    "/js/main.0bbf6566989aa22a504b.hot-update.js": "/js/main.0bbf6566989aa22a504b.hot-update.js",
+    "/js/main.f75370a57607a56bf6ab.hot-update.js": "/js/main.f75370a57607a56bf6ab.hot-update.js",
+    "/js/main.d91f2834d9d51ad73883.hot-update.js": "/js/main.d91f2834d9d51ad73883.hot-update.js",
+    "/js/main.7479c19116550375976a.hot-update.js": "/js/main.7479c19116550375976a.hot-update.js",
+    "/js/main.044608d31f16a9b27b7e.hot-update.js": "/js/main.044608d31f16a9b27b7e.hot-update.js",
+    "/js/main.59d1fc25f90f55399692.hot-update.js": "/js/main.59d1fc25f90f55399692.hot-update.js",
+    "/js/main.729377a8ffec1a4d3631.hot-update.js": "/js/main.729377a8ffec1a4d3631.hot-update.js",
+    "/js/main.d510c340be74acb23a7d.hot-update.js": "/js/main.d510c340be74acb23a7d.hot-update.js",
+    "/js/main.ec2005fd7ddd0c8e2f0c.hot-update.js": "/js/main.ec2005fd7ddd0c8e2f0c.hot-update.js",
+    "/js/main.e3509e99abe702c4428e.hot-update.js": "/js/main.e3509e99abe702c4428e.hot-update.js",
+    "/js/main.72effec071d0411368e8.hot-update.js": "/js/main.72effec071d0411368e8.hot-update.js",
+    "/js/main.7780d057983f69a9b5f1.hot-update.js": "/js/main.7780d057983f69a9b5f1.hot-update.js",
+    "/js/main.dddf862113315bbef271.hot-update.js": "/js/main.dddf862113315bbef271.hot-update.js",
+    "/js/main.f7ea9d1a19e46f149aac.hot-update.js": "/js/main.f7ea9d1a19e46f149aac.hot-update.js",
+    "/js/main.3a2f198dc20df84ebf3c.hot-update.js": "/js/main.3a2f198dc20df84ebf3c.hot-update.js",
+    "/js/main.17a7c1d34f5997ff431a.hot-update.js": "/js/main.17a7c1d34f5997ff431a.hot-update.js",
+    "/js/main.fd56f2ac28d209691e5f.hot-update.js": "/js/main.fd56f2ac28d209691e5f.hot-update.js",
+    "/js/main.380bbb7c2f846537e6c3.hot-update.js": "/js/main.380bbb7c2f846537e6c3.hot-update.js",
+    "/js/main.c717a6c800f6a254f647.hot-update.js": "/js/main.c717a6c800f6a254f647.hot-update.js",
+    "/js/main.fccbd17a7e4eb106adf2.hot-update.js": "/js/main.fccbd17a7e4eb106adf2.hot-update.js",
+    "/js/main.f613ae23f010c9f11d8f.hot-update.js": "/js/main.f613ae23f010c9f11d8f.hot-update.js",
+    "/js/main.cf9db3fdcac59bc5013b.hot-update.js": "/js/main.cf9db3fdcac59bc5013b.hot-update.js",
+    "/js/main.e50b6405584d35e64236.hot-update.js": "/js/main.e50b6405584d35e64236.hot-update.js",
+    "/js/main.8da0e18b2d2aa1b8b86b.hot-update.js": "/js/main.8da0e18b2d2aa1b8b86b.hot-update.js",
+    "/js/main.4c3b64407ad2eba4ce14.hot-update.js": "/js/main.4c3b64407ad2eba4ce14.hot-update.js",
+    "/js/main.07c322a858ce9ac66466.hot-update.js": "/js/main.07c322a858ce9ac66466.hot-update.js",
+    "/js/main.6cbc41aa66bfce97720f.hot-update.js": "/js/main.6cbc41aa66bfce97720f.hot-update.js",
+    "/js/main.2dbc39148b63f077ac2e.hot-update.js": "/js/main.2dbc39148b63f077ac2e.hot-update.js",
+    "/js/main.9da3157717ce8648fc3c.hot-update.js": "/js/main.9da3157717ce8648fc3c.hot-update.js",
+    "/js/main.4d5ce90caaa0b2eb48a3.hot-update.js": "/js/main.4d5ce90caaa0b2eb48a3.hot-update.js",
+    "/js/main.eade951b69c76299fb8d.hot-update.js": "/js/main.eade951b69c76299fb8d.hot-update.js",
+    "/js/main.6f78c4189dedf4432123.hot-update.js": "/js/main.6f78c4189dedf4432123.hot-update.js",
+    "/js/main.3912ae6d0c392b5e6a43.hot-update.js": "/js/main.3912ae6d0c392b5e6a43.hot-update.js",
+    "/js/main.10448571b4389c548f4b.hot-update.js": "/js/main.10448571b4389c548f4b.hot-update.js",
+    "/js/main.06fe13f456ebae7dac7b.hot-update.js": "/js/main.06fe13f456ebae7dac7b.hot-update.js",
+    "/js/main.94927794829e83f13944.hot-update.js": "/js/main.94927794829e83f13944.hot-update.js",
+    "/js/main.4952c4a3c179a69181c4.hot-update.js": "/js/main.4952c4a3c179a69181c4.hot-update.js",
+    "/js/main.3d323a0e6dda68942448.hot-update.js": "/js/main.3d323a0e6dda68942448.hot-update.js",
+    "/js/main.4839d75b58c7b4b3921a.hot-update.js": "/js/main.4839d75b58c7b4b3921a.hot-update.js",
+    "/js/main.f4c119a2b728eb0f476b.hot-update.js": "/js/main.f4c119a2b728eb0f476b.hot-update.js",
+    "/js/main.61533ce583b2166bdf21.hot-update.js": "/js/main.61533ce583b2166bdf21.hot-update.js",
+    "/js/main.b50e765510206444b567.hot-update.js": "/js/main.b50e765510206444b567.hot-update.js",
+    "/js/main.9fd4da7afa7f36eec042.hot-update.js": "/js/main.9fd4da7afa7f36eec042.hot-update.js",
+    "/js/main.4204db8fbafc0a078d7b.hot-update.js": "/js/main.4204db8fbafc0a078d7b.hot-update.js",
+    "/js/main.41635ee05dfc83cf6041.hot-update.js": "/js/main.41635ee05dfc83cf6041.hot-update.js",
+    "/js/main.309cd012e26a64b7e9c0.hot-update.js": "/js/main.309cd012e26a64b7e9c0.hot-update.js",
+    "/js/main.596fa6b55a7501385d9a.hot-update.js": "/js/main.596fa6b55a7501385d9a.hot-update.js",
+    "/js/main.20e711911793c26905d6.hot-update.js": "/js/main.20e711911793c26905d6.hot-update.js",
+    "/js/main.6fa88d66a253fe30aa0f.hot-update.js": "/js/main.6fa88d66a253fe30aa0f.hot-update.js",
+    "/js/main.0821e401d7127d440e9c.hot-update.js": "/js/main.0821e401d7127d440e9c.hot-update.js",
+    "/js/main.ac1019b6c883b6e16780.hot-update.js": "/js/main.ac1019b6c883b6e16780.hot-update.js",
+    "/js/main.a135caf3a6090416fa89.hot-update.js": "/js/main.a135caf3a6090416fa89.hot-update.js",
+    "/js/main.01495c1ae632c8c5cc32.hot-update.js": "/js/main.01495c1ae632c8c5cc32.hot-update.js",
+    "/js/main.3c3affc068980cdd9b5d.hot-update.js": "/js/main.3c3affc068980cdd9b5d.hot-update.js",
+    "/js/main.c262abbbc20345539816.hot-update.js": "/js/main.c262abbbc20345539816.hot-update.js",
+    "/js/main.ca691ec1776e21e2d0b8.hot-update.js": "/js/main.ca691ec1776e21e2d0b8.hot-update.js",
+    "/js/main.0e5800dcdafeb56b97fc.hot-update.js": "/js/main.0e5800dcdafeb56b97fc.hot-update.js",
+    "/js/main.7ba29d33023c64f12e4c.hot-update.js": "/js/main.7ba29d33023c64f12e4c.hot-update.js",
+    "/js/main.18f52850924486292375.hot-update.js": "/js/main.18f52850924486292375.hot-update.js",
+    "/js/main.3ae32f466b0320d5449c.hot-update.js": "/js/main.3ae32f466b0320d5449c.hot-update.js",
+    "/js/main.b7423a41038ee4cfb2e0.hot-update.js": "/js/main.b7423a41038ee4cfb2e0.hot-update.js",
+    "/js/main.5a0923d9f25be15172c3.hot-update.js": "/js/main.5a0923d9f25be15172c3.hot-update.js"
 }

resources/js/components/Others/Forms/EmailsInput.vue

@@ -0,0 +1,152 @@
+<template>
+    <div class="wrapper">
+        <label class="input-label">{{$t('shared_form.recipients_label')}}</label>
+        <div class="input-wrapper">
+            <div class="email-list" v-for="(email, index) in emails" :key="index">
+                <span> 
+                    <p>{{email}} </p>
+                    <x-icon @click="removeEmail(index)" class="icon" size="14" /> 
+                </span>
+            </div>
+            <input@keydown.delete=removeLastEmail($event) @keyup="handleEmail()" v-model="singleEmail" class="emails" :placeholder="placeHolder" autocomplete="new-password" />
+        </div>
+    </div>
+</template>
+
+<script>
+    import {XIcon } from 'vue-feather-icons'
+    import {events} from '@/bus'
+    export default {
+        name: "EmailsInput",
+        components: {XIcon},
+        computed: {
+            placeHolder() {
+                if(! this.emails.length)
+                    return this.$t('shared_form.email_placeholder')
+            }
+        },
+        data () {
+            return {
+                emails: [],
+                singleEmail: undefined
+            }
+        },
+        methods: {
+            removeEmail (email) {
+                // Remove email forom array of emails 
+                this.emails.shift(email)
+            },
+            removeLastEmail(event) {
+
+                  // If is input empty and presse backspace remove last email from array
+                if(event.code === 'Backspace' && this.singleEmail === '' )
+                    this.emails.pop()
+            },
+            handleEmail() {
+
+
+                // Get index of @ and last dot 
+                let lastDot = this.singleEmail.lastIndexOf('.')
+                let at = this.singleEmail.indexOf('@')
+
+                // Check if is after @ some dot, if email have @ anf if dont have more like one 
+                if(lastDot < at || at === -1 || this.singleEmail.match(/@/g).length > 1 ) return
+               
+                
+                // After come or backspace push the single email to array or emails
+                if(this.singleEmail.includes(',') || this.singleEmail.includes(' ') ) {
+                    
+                    let email = this.singleEmail.replace(/[","," "]/, "")
+
+                    // Push single email to aray of emails
+                    this.emails.push(email)
+
+                    this.singleEmail = ""
+
+                    events.$emit('emailsInputValues', this.emails)
+                }
+            }
+        }
+    }
+</script>
+
+<style scoped lang="scss">
+    @import "@assets/vue-file-manager/_inapp-forms.scss";
+    @import '@assets/vue-file-manager/_forms';
+
+    .wrapper {
+        margin-bottom: 20px;
+        padding: 0px 20px;
+    }
+
+    .input-label {
+        @include font-size(14);
+        font-weight: 700;
+        margin-bottom: 8px;
+    }
+
+    .input-wrapper   {
+        background: white;
+        display: flex;
+        align-items: center;
+        min-height: 50px;
+        border-radius: 8px;
+        padding: 13px 20px;
+        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);
+        overflow-x: auto;
+        overflow-y: none;
+
+        &:focus-within{
+            border:1px solid $theme;
+            box-shadow: 0 1px 5px rgba($theme, 0.3);
+        }
+        .email-list {
+            white-space: nowrap;
+            span {
+                display: flex;
+                padding: 5px;
+                background: rgba($theme, .1); 
+                border-radius: 8px;
+                margin-right: 5px;
+                align-items: center;
+                p {
+                    color: $theme;
+                    font-weight: 700;
+                    @include font-size(16);
+                }
+                .icon {
+                    cursor: pointer;
+                    margin: 0px 4px;
+                }
+            }
+        }
+        .emails {
+            min-width: 100px;
+            border: none ;
+            font-weight: 700;
+            @include font-size(16);
+            appearance: none;
+
+            &::placeholder {
+                color:rgba($text-muted, .5)
+            }
+        }
+    }
+
+     @media (prefers-color-scheme: dark) {
+        .input-wrapper {
+            background: $dark_mode_foreground;
+            .emails {
+                background: $dark_mode_foreground;
+                color: $dark_mode_text_primary;
+
+                &::placeholder {
+                color:$dark_mode_text_secondary;
+            }
+            }
+        }
+    }
+    
+
+
+</style>

resources/js/components/Others/ShareCreate.vue

@@ -9,6 +9,24 @@
             <!--Item Thumbnail-->
             <ThumbnailItem class="item-thumbnail" :item="pickedItem" info="metadata"/>
 
+            <div class="select-share-wrapper">
+                <div @click="shareBy = 'link'" :class="{'active' : shareBy === 'link'}">
+                    <link-icon class="icon" size="17" />
+                    <h1>{{$t('shared_form.share_by_link')}}</h1> 
+                </div>
+                <div @click="shareBy = 'email'" :class="{'active' : shareBy === 'email'}">
+                    <mail-icon class="icon" size="17"/> 
+                    <h1> {{$t('shared_form.share_by_email')}}</h1>
+                </div>
+            </div>
+
+            <div v-if="shareBy === 'email' && isGeneratedShared  " class="successfully-send-wrapper">
+                <div class="successfully-send"> {{$t('shared_form.email_successfully_send_message')}} </div>
+            </div>
+
+            <EmailsInput v-if="shareBy === 'email' && ! isGeneratedShared "/>
+
+
             <!--Form to set sharing-->
             <ValidationObserver v-if="! isGeneratedShared" ref="shareForm" v-slot="{ invalid }" tag="form" class="form-wrapper">
 
@@ -83,12 +101,14 @@
     import PopupActions from '@/components/Others/Popup/PopupActions'
     import PopupContent from '@/components/Others/Popup/PopupContent'
     import PopupHeader from '@/components/Others/Popup/PopupHeader'
+    import EmailsInput from '@/components/Others/Forms/EmailsInput'
     import SwitchInput from '@/components/Others/Forms/SwitchInput'
     import SelectInput from '@/components/Others/Forms/SelectInput'
     import ThumbnailItem from '@/components/Others/ThumbnailItem'
     import ActionButton from '@/components/Others/ActionButton'
     import CopyInput from '@/components/Others/Forms/CopyInput'
     import ButtonBase from '@/components/FilesView/ButtonBase'
+    import {LinkIcon, MailIcon } from 'vue-feather-icons'
     import {required} from 'vee-validate/dist/rules'
     import {mapGetters} from 'vuex'
     import {events} from '@/bus'
@@ -106,11 +126,14 @@
             PopupActions,
             PopupContent,
             PopupHeader,
+            EmailsInput,
             SelectInput,
             SwitchInput,
             ButtonBase,
             CopyInput,
+            MailIcon, 
             required,
+            LinkIcon
         },
         computed: {
             ...mapGetters([
@@ -139,12 +162,14 @@
                     permission: undefined,
                     type: undefined,
                     unique_id: undefined,
+                    emails:undefined
                 },
                 pickedItem: undefined,
                 shareLink: undefined,
                 isGeneratedShared: false,
                 isLoading: false,
                 isMoreOptions: false,
+                shareBy: "link"
             }
         },
         methods: {
@@ -194,9 +219,13 @@
         },
         mounted() {
 
+            events.$on('emailsInputValues', (emails) => this.shareOptions.emails = emails)
+
             // Show popup
             events.$on('popup:open', args => {
 
+                this.shareBy = 'link'
+
                 if (args.name !== 'share-create') return
 
                 // Store picked item
@@ -232,6 +261,66 @@
     @import "@assets/vue-file-manager/_inapp-forms.scss";
     @import '@assets/vue-file-manager/_forms';
 
+    .successfully-send-wrapper {
+        padding: 0px 20px;
+        margin-bottom: 20px;
+        .successfully-send {
+            width: 100%;
+            height: 34px;
+            border-radius: 8px;
+            background: $light_background ;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            p {
+                color: $theme;
+            }
+        }
+    }
+
+    .select-share-wrapper {
+        display: flex;
+        justify-content: center;
+        padding: 0px 20px;
+        margin-bottom: 20px;
+        cursor: pointer;
+        
+        & > * {
+            width: 100%;
+            height: 42px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            background: $light_background;
+            color: $text;
+        }
+        & > :first-child {
+            border-top-left-radius: 8px;
+            border-bottom-left-radius: 8px;
+        }
+        & > :last-child {
+             border-top-right-radius: 8px;
+            border-bottom-right-radius: 8px;
+        }
+        .icon {
+            margin-right: 10px;
+            path,
+            polyline {
+                color: $theme !important;
+            }
+        }
+    }
+
+    .select-share-wrapper {
+        .active {
+            background: $text;
+                h1 {
+                    color: $light_background !important;
+                }
+        }
+    }
+
+
     .more-options {
         margin-bottom: 10px;
     }
@@ -246,4 +335,19 @@
     .item-thumbnail {
         margin-bottom: 20px;
     }
+
+    @media (prefers-color-scheme: dark) {
+        .select-share-wrapper {   
+            & > * {
+                background: $dark_mode_foreground;
+                color: $dark_mode_text_primary;
+            }
+             .active {
+            background: $dark_mode_text_primary;
+                h1 {
+                    color: $dark_mode_foreground !important;
+                }
+        }
+        }
+    }
 </style>

resources/js/i18n/lang/cn.json

@@ -693,7 +693,12 @@
 		"label_expiration": "Link Expiration",
 		"expiration_hour": "{value}h.",
 		"expiration_day": "{value}d.",
-		"placeholder_permission": "请设置权限"
+		"placeholder_permission": "请设置权限",
+		"email_successfully_send_message": "Your item was successfully sended to recipients emails.",
+		"share_by_link": "Share by Link",
+		"share_by_email": "Share by Email",
+		"recipients_label": "Recipients:",
+		"email_placeholder": "Type your emails"
 	},
 	"sidebar": {
 		"favourites": "收藏",

resources/js/i18n/lang/en.json

@@ -695,7 +695,12 @@
 		"label_expiration": "Link Expiration",
 		"expiration_hour": "{value}h.",
 		"expiration_day": "{value}d.",
-		"placeholder_permission": "Select your permission"
+		"placeholder_permission": "Select your permission",
+		"email_successfully_send_message": "Your item was successfully sended to recipients emails.",
+		"share_by_link": "Share by Link",
+		"share_by_email": "Share by Email",
+		"recipients_label": "Recipients:",
+		"email_placeholder": "Type your emails"
 	},
 	"sidebar": {
 		"favourites": "Favourites",

resources/js/i18n/lang/sk.json

@@ -695,7 +695,12 @@
 		"label_expiration": "Expirácia Linku",
 		"expiration_hour": "{value}h.",
 		"expiration_day": "{value}d.",
-		"placeholder_permission": "Zvoľte oprávnenia"
+		"placeholder_permission": "Zvoľte oprávnenia",
+		"email_successfully_send_message": "Vaša položka bola úspešne odoslaná na e-maily príjemcov.",
+		"share_by_link": "Zdieľať odkazom",
+		"share_by_email": "Zdieľať e-mailom",
+		"recipients_label": "Príjemcovia:",
+		"email_placeholder": "Zadajte e-mailové adresy"
 	},
 	"sidebar": {
 		"favourites": "Obľúbené",

resources/lang/cn/vuefilemanager.php

@@ -8,6 +8,7 @@ return [
     'home'                    => '首页',
 
     //Shared link email message
+    'shared_link_email_subject'  => ':user sned you shared files.',
     'shared_link_email_greeting' => 'Hello!',
     'shared_link_email_user'     => ':user (:email) send you a link to shared files.',
     'shared_link_email_link'     => 'Your files',

resources/lang/en/vuefilemanager.php

@@ -8,6 +8,7 @@ return [
     'home'                    => 'Home',
 
     //Shared link email message
+    'shared_link_email_subject'  => ':user sned you shared files.',
     'shared_link_email_greeting' => 'Hello!',
     'shared_link_email_user'     => ':user (:email) send you a link to shared files.',
     'shared_link_email_link'     => 'Your files',

resources/lang/sk/vuefilemanager.php

@@ -8,8 +8,9 @@ return [
     'home'                    => 'Domov',
 
     //Shared link email message
+    'shared_link_email_subject'  => ':user vám posiela zdielany odkaz.',
     'shared_link_email_greeting' => 'Ahoj!',
-    'shared_link_email_user'     => ':user (:email) ti posiela odkaz pre zdielane súbory.',
+    'shared_link_email_user'     => ':user (:email) vám posiela odkaz pre zdielane súbory.',
     'shared_link_email_link'     => 'Vaše súbory',
 
     // Reset password email