strapi-plugin-magic-mail 2.0.2 → 2.0.4

package/dist/_chunks/{LicensePage-CJXwPnEe.js → LicensePage-Bg72gy8w.js}

@@ -32,7 +32,7 @@ const Title = styled__default.default(designSystem.Typography)`
 `;
 const Subtitle = styled__default.default(designSystem.Typography)`
   font-size: 1.125rem;
-  color: #6B7280;
+  color: ${(props) => props.theme.colors.neutral600};
   line-height: 1.6;
   display: block;
 `;
@@ -42,20 +42,25 @@ const TierGrid = styled__default.default(designSystem.Flex)`
   max-width: 1080px;
   justify-content: center;
   flex-wrap: wrap;
+  align-items: stretch;
 `;
 const TierWrapper = styled__default.default(designSystem.Box)`
   flex: 1;
   min-width: 280px;
   max-width: 340px;
+  display: flex;
 `;
 const TierCard = styled__default.default(designSystem.Box)`
-  background: white;
+  background: ${(props) => props.theme.colors.neutral0};
   border-radius: 16px;
   padding: 32px;
-  border: 2px solid ${(props) => props.$featured ? "#0EA5E9" : "#E5E7EB"};
+  border: 2px solid ${(props) => props.$featured ? "#0EA5E9" : props.theme.colors.neutral200};
   position: relative;
   transition: all 0.3s ease;
   box-shadow: ${(props) => props.$featured ? "0 20px 25px -5px rgba(14, 165, 233, 0.25), 0 8px 10px -6px rgba(14, 165, 233, 0.2)" : "0 10px 15px -3px rgba(15, 23, 42, 0.08), 0 4px 6px -4px rgba(15, 23, 42, 0.05)"};
+  display: flex;
+  flex-direction: column;
+  width: 100%;
 
   &:hover {
     transform: translateY(-4px);
@@ -99,11 +104,12 @@ const TierPrice = styled__default.default(designSystem.Typography)`
   margin-bottom: 4px;
 `;
 const TierDescription = styled__default.default(designSystem.Typography)`
-  color: #6B7280;
+  color: ${(props) => props.theme.colors.neutral600};
   margin-bottom: 24px;
 `;
 const FeatureList = styled__default.default(designSystem.Box)`
   margin-bottom: 24px;
+  flex: 1;
 `;
 const Feature = styled__default.default(designSystem.Flex)`
   gap: 12px;
@@ -148,8 +154,8 @@ const CurrentPlanBadge = styled__default.default(designSystem.Badge)`
   display: flex;
   align-items: center;
   justify-content: center;
-  background: #F3F4F6;
-  color: #6B7280;
+  background: ${(props) => props.theme.colors.neutral100};
+  color: ${(props) => props.theme.colors.neutral600};
   font-weight: 600;
   font-size: 15px;
 `;

package/dist/_chunks/{LicensePage-Bl02myMx.mjs → LicensePage-ndUhjynY.mjs}

@@ -28,7 +28,7 @@ const Title = styled(Typography)`
 `;
 const Subtitle = styled(Typography)`
   font-size: 1.125rem;
-  color: #6B7280;
+  color: ${(props) => props.theme.colors.neutral600};
   line-height: 1.6;
   display: block;
 `;
@@ -38,20 +38,25 @@ const TierGrid = styled(Flex)`
   max-width: 1080px;
   justify-content: center;
   flex-wrap: wrap;
+  align-items: stretch;
 `;
 const TierWrapper = styled(Box)`
   flex: 1;
   min-width: 280px;
   max-width: 340px;
+  display: flex;
 `;
 const TierCard = styled(Box)`
-  background: white;
+  background: ${(props) => props.theme.colors.neutral0};
   border-radius: 16px;
   padding: 32px;
-  border: 2px solid ${(props) => props.$featured ? "#0EA5E9" : "#E5E7EB"};
+  border: 2px solid ${(props) => props.$featured ? "#0EA5E9" : props.theme.colors.neutral200};
   position: relative;
   transition: all 0.3s ease;
   box-shadow: ${(props) => props.$featured ? "0 20px 25px -5px rgba(14, 165, 233, 0.25), 0 8px 10px -6px rgba(14, 165, 233, 0.2)" : "0 10px 15px -3px rgba(15, 23, 42, 0.08), 0 4px 6px -4px rgba(15, 23, 42, 0.05)"};
+  display: flex;
+  flex-direction: column;
+  width: 100%;
 
   &:hover {
     transform: translateY(-4px);
@@ -95,11 +100,12 @@ const TierPrice = styled(Typography)`
   margin-bottom: 4px;
 `;
 const TierDescription = styled(Typography)`
-  color: #6B7280;
+  color: ${(props) => props.theme.colors.neutral600};
   margin-bottom: 24px;
 `;
 const FeatureList = styled(Box)`
   margin-bottom: 24px;
+  flex: 1;
 `;
 const Feature = styled(Flex)`
   gap: 12px;
@@ -144,8 +150,8 @@ const CurrentPlanBadge = styled(Badge)`
   display: flex;
   align-items: center;
   justify-content: center;
-  background: #F3F4F6;
-  color: #6B7280;
+  background: ${(props) => props.theme.colors.neutral100};
+  color: ${(props) => props.theme.colors.neutral600};
   font-weight: 600;
   font-size: 15px;
 `;

package/dist/_chunks/{Settings-zuFQ3pnn.js → Settings-BSFLpt0H.js}

@@ -9,10 +9,6 @@ const styled = require("styled-components");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const theme = {
-  colors: {
-    neutral: { 200: "#E5E7EB" }
-  },
-  shadows: { sm: "0 1px 3px rgba(0,0,0,0.1)" },
   borderRadius: { lg: "12px" }
 };
 const fadeIn = styled.keyframes`
@@ -32,9 +28,9 @@ const StickySaveBar = styled__default.default(designSystem.Box)`
   position: sticky;
   top: 0;
   z-index: 10;
-  background: white;
-  border-bottom: 1px solid ${theme.colors.neutral[200]};
-  box-shadow: ${theme.shadows.sm};
+  background: ${(props) => props.theme.colors.neutral0};
+  border-bottom: 1px solid ${(props) => props.theme.colors.neutral200};
+  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
 `;
 const LicenseKeyBanner = styled__default.default(designSystem.Box)`
   background: linear-gradient(135deg, #0EA5E9 0%, #A855F7 100%);

package/dist/_chunks/{Settings-C_TmKwcz.mjs → Settings-Ca5UE3c1.mjs}

@@ -5,10 +5,6 @@ import { useFetchClient, useNotification } from "@strapi/strapi/admin";
 import { ArrowPathIcon, DocumentDuplicateIcon, ArrowDownTrayIcon, UserIcon, ShieldCheckIcon, SparklesIcon, ChartBarIcon } from "@heroicons/react/24/outline";
 import styled, { css, keyframes } from "styled-components";
 const theme = {
-  colors: {
-    neutral: { 200: "#E5E7EB" }
-  },
-  shadows: { sm: "0 1px 3px rgba(0,0,0,0.1)" },
   borderRadius: { lg: "12px" }
 };
 const fadeIn = keyframes`
@@ -28,9 +24,9 @@ const StickySaveBar = styled(Box)`
   position: sticky;
   top: 0;
   z-index: 10;
-  background: white;
-  border-bottom: 1px solid ${theme.colors.neutral[200]};
-  box-shadow: ${theme.shadows.sm};
+  background: ${(props) => props.theme.colors.neutral0};
+  border-bottom: 1px solid ${(props) => props.theme.colors.neutral200};
+  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
 `;
 const LicenseKeyBanner = styled(Box)`
   background: linear-gradient(135deg, #0EA5E9 0%, #A855F7 100%);

package/dist/admin/index.js

@@ -2,6 +2,22 @@
 const React = require("react");
 const jsxRuntime = require("react/jsx-runtime");
 const outline = require("@heroicons/react/24/outline");
+const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
+  const v = glob[path];
+  if (v) {
+    return typeof v === "function" ? v() : Promise.resolve(v);
+  }
+  return new Promise((_, reject) => {
+    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(
+      reject.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + path + (path.split("/").length !== segs ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
+  });
+};
 const strapi = { "name": "magic-mail" };
 const pluginPkg = {
   strapi
@@ -16,6 +32,13 @@ const Initializer = ({ setPlugin }) => {
 };
 const PluginIcon = () => /* @__PURE__ */ jsxRuntime.jsx(outline.EnvelopeIcon, { style: { width: 24, height: 24 } });
 const name = pluginPkg.strapi.name;
+const prefixPluginTranslations = (data, pluginId2) => {
+  const prefixed = {};
+  Object.keys(data).forEach((key) => {
+    prefixed[`${pluginId2}.${key}`] = data[key];
+  });
+  return prefixed;
+};
 const index = {
   register(app) {
     app.addMenuLink({
@@ -25,7 +48,7 @@ const index = {
         id: `${pluginId}.plugin.name`,
         defaultMessage: "MagicMail"
       },
-      Component: () => Promise.resolve().then(() => require("../_chunks/App-DF9vAGXX.js"))
+      Component: () => Promise.resolve().then(() => require("../_chunks/App-Bze8Ixs_.js"))
     });
     app.createSettingSection(
       {
@@ -41,7 +64,7 @@ const index = {
           },
           id: "upgrade",
           to: `/settings/${pluginId}/upgrade`,
-          Component: () => Promise.resolve().then(() => require("../_chunks/LicensePage-CJXwPnEe.js"))
+          Component: () => Promise.resolve().then(() => require("../_chunks/LicensePage-Bg72gy8w.js"))
         },
         {
           intlLabel: {
@@ -50,7 +73,7 @@ const index = {
           },
           id: "license",
           to: `/settings/${pluginId}/license`,
-          Component: () => Promise.resolve().then(() => require("../_chunks/Settings-zuFQ3pnn.js"))
+          Component: () => Promise.resolve().then(() => require("../_chunks/Settings-BSFLpt0H.js"))
         }
       ]
     );
@@ -62,28 +85,22 @@ const index = {
     });
   },
   async registerTrads({ locales }) {
-    const importedTrads = {
-      en: () => Promise.resolve().then(() => require("../_chunks/en-BDc7Jk8u.js")),
-      de: () => Promise.resolve().then(() => require("../_chunks/de-CN-G9j1S.js")),
-      es: () => Promise.resolve().then(() => require("../_chunks/es-BpV1MIdm.js")),
-      fr: () => Promise.resolve().then(() => require("../_chunks/fr-vpziIpRp.js")),
-      pt: () => Promise.resolve().then(() => require("../_chunks/pt-ODpAhDNa.js"))
-    };
-    const translatedLanguages = Object.keys(importedTrads).filter(
-      (lang) => locales.includes(lang)
-    );
-    const translations = await Promise.all(
-      translatedLanguages.map(
-        (language) => importedTrads[language]().then(({ default: data }) => ({
-          data,
-          locale: language
-        })).catch(() => ({
-          data: {},
-          locale: language
-        }))
-      )
+    const importedTrads = await Promise.all(
+      locales.map((locale) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/de.json": () => Promise.resolve().then(() => require("../_chunks/de-CN-G9j1S.js")), "./translations/en.json": () => Promise.resolve().then(() => require("../_chunks/en-BDc7Jk8u.js")), "./translations/es.json": () => Promise.resolve().then(() => require("../_chunks/es-BpV1MIdm.js")), "./translations/fr.json": () => Promise.resolve().then(() => require("../_chunks/fr-vpziIpRp.js")), "./translations/pt.json": () => Promise.resolve().then(() => require("../_chunks/pt-ODpAhDNa.js")) }), `./translations/${locale}.json`, 3).then(({ default: data }) => {
+          return {
+            data: prefixPluginTranslations(data, pluginId),
+            locale
+          };
+        }).catch(() => {
+          return {
+            data: {},
+            locale
+          };
+        });
+      })
     );
-    return Promise.resolve(translations);
+    return Promise.resolve(importedTrads);
   }
 };
 module.exports = index;

package/dist/admin/index.mjs

@@ -1,6 +1,22 @@
 import { useRef, useEffect } from "react";
 import { jsx } from "react/jsx-runtime";
 import { EnvelopeIcon } from "@heroicons/react/24/outline";
+const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
+  const v = glob[path];
+  if (v) {
+    return typeof v === "function" ? v() : Promise.resolve(v);
+  }
+  return new Promise((_, reject) => {
+    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(
+      reject.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + path + (path.split("/").length !== segs ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
+  });
+};
 const strapi = { "name": "magic-mail" };
 const pluginPkg = {
   strapi
@@ -15,6 +31,13 @@ const Initializer = ({ setPlugin }) => {
 };
 const PluginIcon = () => /* @__PURE__ */ jsx(EnvelopeIcon, { style: { width: 24, height: 24 } });
 const name = pluginPkg.strapi.name;
+const prefixPluginTranslations = (data, pluginId2) => {
+  const prefixed = {};
+  Object.keys(data).forEach((key) => {
+    prefixed[`${pluginId2}.${key}`] = data[key];
+  });
+  return prefixed;
+};
 const index = {
   register(app) {
     app.addMenuLink({
@@ -24,7 +47,7 @@ const index = {
         id: `${pluginId}.plugin.name`,
         defaultMessage: "MagicMail"
       },
-      Component: () => import("../_chunks/App-DYNCyt54.mjs")
+      Component: () => import("../_chunks/App-BZaHrE0R.mjs")
     });
     app.createSettingSection(
       {
@@ -40,7 +63,7 @@ const index = {
           },
           id: "upgrade",
           to: `/settings/${pluginId}/upgrade`,
-          Component: () => import("../_chunks/LicensePage-Bl02myMx.mjs")
+          Component: () => import("../_chunks/LicensePage-ndUhjynY.mjs")
         },
         {
           intlLabel: {
@@ -49,7 +72,7 @@ const index = {
           },
           id: "license",
           to: `/settings/${pluginId}/license`,
-          Component: () => import("../_chunks/Settings-C_TmKwcz.mjs")
+          Component: () => import("../_chunks/Settings-Ca5UE3c1.mjs")
         }
       ]
     );
@@ -61,28 +84,22 @@ const index = {
     });
   },
   async registerTrads({ locales }) {
-    const importedTrads = {
-      en: () => import("../_chunks/en-BEFQJXvR.mjs"),
-      de: () => import("../_chunks/de-DS04rP54.mjs"),
-      es: () => import("../_chunks/es-DQHwzPpP.mjs"),
-      fr: () => import("../_chunks/fr-BG1WfEVm.mjs"),
-      pt: () => import("../_chunks/pt-CMoGrOib.mjs")
-    };
-    const translatedLanguages = Object.keys(importedTrads).filter(
-      (lang) => locales.includes(lang)
-    );
-    const translations = await Promise.all(
-      translatedLanguages.map(
-        (language) => importedTrads[language]().then(({ default: data }) => ({
-          data,
-          locale: language
-        })).catch(() => ({
-          data: {},
-          locale: language
-        }))
-      )
+    const importedTrads = await Promise.all(
+      locales.map((locale) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/de.json": () => import("../_chunks/de-DS04rP54.mjs"), "./translations/en.json": () => import("../_chunks/en-BEFQJXvR.mjs"), "./translations/es.json": () => import("../_chunks/es-DQHwzPpP.mjs"), "./translations/fr.json": () => import("../_chunks/fr-BG1WfEVm.mjs"), "./translations/pt.json": () => import("../_chunks/pt-CMoGrOib.mjs") }), `./translations/${locale}.json`, 3).then(({ default: data }) => {
+          return {
+            data: prefixPluginTranslations(data, pluginId),
+            locale
+          };
+        }).catch(() => {
+          return {
+            data: {},
+            locale
+          };
+        });
+      })
     );
-    return Promise.resolve(translations);
+    return Promise.resolve(importedTrads);
   }
 };
 export {