strapi-plugin-magic-mail 2.6.2 → 2.6.3

package/dist/_chunks/{App-BQRVLK7n.js → App-Cp6QQAHt.js}

@@ -8,7 +8,7 @@ const outline = require("@heroicons/react/24/outline");
 const admin = require("@strapi/strapi/admin");
 const styled = require("styled-components");
 const icons = require("@strapi/icons");
-const StyledButtons = require("./StyledButtons-BthPdM8c.js");
+const StyledButtons = require("./StyledButtons-DVGuFoqy.js");
 const ReactEmailEditor = require("react-email-editor");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 function _interopNamespace(e) {
@@ -122,8 +122,6 @@ const colors$1 = {
   successLight: "rgba(92, 177, 118, 0.12)",
   // Gray
   neutralLight: "rgba(142, 142, 169, 0.08)",
-  // Light gray
-  white: "var(--colors-neutral0, #ffffff)",
   border: "rgba(128, 128, 128, 0.2)",
   text: "var(--colors-neutral800, #32324d)",
   textLight: "var(--colors-neutral600, #666687)"
@@ -191,8 +189,8 @@ const StepDot$1 = styled__default.default.div`
   width: 56px;
   height: 56px;
   border-radius: 50%;
-  background: ${(props) => props.$active ? colors$1.primary : props.$completed ? colors$1.success : colors$1.white};
-  color: ${(props) => props.$active || props.$completed ? colors$1.white : colors$1.textLight};
+  background: ${(props) => props.$active ? colors$1.primary : props.$completed ? colors$1.success : props.theme.colors.neutral0};
+  color: ${(props) => props.$active || props.$completed ? "#ffffff" : colors$1.textLight};
   border: 4px solid ${(props) => props.$active ? colors$1.primary : props.$completed ? colors$1.success : colors$1.border};
   display: flex;
   align-items: center;
@@ -233,7 +231,7 @@ const ProvidersGrid = styled__default.default(designSystem.Box)`
   margin-right: auto;
 `;
 const ProviderCard = styled__default.default(designSystem.Box)`
-  background: ${(props) => props.$selected ? colors$1.successLight : colors$1.white};
+  background: ${(props) => props.$selected ? colors$1.successLight : props.theme.colors.neutral0};
   border: 2px solid ${(props) => props.$selected ? colors$1.success : colors$1.border};
   border-radius: 12px;
   padding: 24px;
@@ -1973,7 +1971,7 @@ const StatsGrid$3 = styled__default.default.div`
   }
 `;
 const StatCard$3 = styled__default.default(designSystem.Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme$3.borderRadius.lg};
   padding: 28px ${theme$3.spacing.lg};
   position: relative;
@@ -2073,7 +2071,7 @@ const AccountsContainer = styled__default.default(designSystem.Box)`
   margin-top: ${theme$3.spacing.xl};
 `;
 const EmptyState$3 = styled__default.default(designSystem.Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme$3.borderRadius.xl};
   border: 2px dashed rgba(128, 128, 128, 0.3);
   padding: 80px 32px;
@@ -2142,7 +2140,7 @@ const StyledTable$3 = styled__default.default(designSystem.Table)`
   }
 `;
 const FilterBar$3 = styled__default.default(designSystem.Flex)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   padding: ${theme$3.spacing.md} ${theme$3.spacing.lg};
   border-radius: ${theme$3.borderRadius.lg};
   margin-bottom: ${theme$3.spacing.lg};
@@ -2172,7 +2170,7 @@ const StyledSearchInput$2 = styled__default.default.input`
   border-radius: ${theme$3.borderRadius.md};
   font-size: 0.875rem;
   transition: all ${theme$3.transitions.fast};
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   color: var(--colors-neutral800);
   
   &:focus {
@@ -2227,7 +2225,7 @@ const StyledModalHeader$1 = styled__default.default(designSystem.Modal.Header)`
 const StyledModalBody$1 = styled__default.default(designSystem.Modal.Body)`
   && {
     padding: 24px 28px;
-    background: var(--colors-neutral0, white);
+    background: ${(p) => p.theme.colors.neutral0};
     width: 100%;
     box-sizing: border-box;
   }
@@ -2258,7 +2256,7 @@ const TestOptionCard = styled__default.default(designSystem.Box)`
   border-radius: 12px;
   cursor: pointer;
   transition: all ${theme$3.transitions.fast};
-  background: ${(props) => props.$selected ? "rgba(2, 132, 199, 0.06)" : "var(--colors-neutral0, white)"};
+  background: ${(props) => props.$selected ? "rgba(2, 132, 199, 0.06)" : "${(p) => p.theme.colors.neutral0}"};
   
   &:hover {
     border-color: ${"rgba(2, 132, 199, 0.4)"};
@@ -2283,7 +2281,7 @@ const StyledModalSelect = styled__default.default.select`
   border: 1px solid rgba(128, 128, 128, 0.2);
   border-radius: 8px;
   font-size: 14px;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   color: var(--colors-neutral800);
   cursor: pointer;
   transition: all ${theme$3.transitions.fast};
@@ -2301,7 +2299,7 @@ const StyledModalInput = styled__default.default.input`
   border: 1px solid rgba(128, 128, 128, 0.2);
   border-radius: 8px;
   font-size: 14px;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   color: var(--colors-neutral800);
   transition: all ${theme$3.transitions.fast};
   box-sizing: border-box;
@@ -3007,7 +3005,7 @@ const StatsGrid$2 = styled__default.default.div`
   }
 `;
 const StatCard$2 = styled__default.default(designSystem.Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme$2.borderRadius.lg};
   padding: 28px ${theme$2.spacing.lg};
   position: relative;
@@ -3107,7 +3105,7 @@ const RulesContainer = styled__default.default(designSystem.Box)`
   margin-top: ${theme$2.spacing.xl};
 `;
 const EmptyState$2 = styled__default.default(designSystem.Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme$2.borderRadius.xl};
   border: 2px dashed rgba(128, 128, 128, 0.3);
   padding: 80px 32px;
@@ -3176,7 +3174,7 @@ const StyledTable$2 = styled__default.default(designSystem.Table)`
   }
 `;
 const FilterBar$2 = styled__default.default(designSystem.Flex)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   padding: ${theme$2.spacing.md} ${theme$2.spacing.lg};
   border-radius: ${theme$2.borderRadius.lg};
   margin-bottom: ${theme$2.spacing.lg};
@@ -3908,7 +3906,7 @@ const ScrollableDialogBody = styled__default.default(designSystem.Box)`
   overflow-y: auto;
   max-height: calc(85vh - 160px);
   padding: 24px 28px 28px 28px;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
 
   /* Custom Scrollbar */
   &::-webkit-scrollbar {
@@ -4192,7 +4190,7 @@ const StatsGrid$1 = styled__default.default.div`
   }
 `;
 const StatCard$1 = styled__default.default(designSystem.Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme$1.borderRadius.lg};
   padding: 28px ${theme$1.spacing.lg};
   position: relative;
@@ -4295,7 +4293,7 @@ const SectionHeader = styled__default.default(designSystem.Box)`
   margin-bottom: ${theme$1.spacing.md};
 `;
 const FilterBar$1 = styled__default.default(designSystem.Flex)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   padding: ${theme$1.spacing.md} ${theme$1.spacing.lg};
   border-radius: ${theme$1.borderRadius.lg};
   margin-bottom: ${theme$1.spacing.lg};
@@ -4327,7 +4325,7 @@ const TableWrapper = styled__default.default(designSystem.Box)`
   overflow-x: auto;
   border-radius: ${theme$1.borderRadius.lg};
   border: 1px solid rgba(128, 128, 128, 0.2);
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   
   &::-webkit-scrollbar {
     height: 8px;
@@ -4393,7 +4391,7 @@ const PaginationWrapper = styled__default.default(designSystem.Flex)`
   border-radius: 0 0 ${theme$1.borderRadius.lg} ${theme$1.borderRadius.lg};
 `;
 const PaginationButton = styled__default.default.button`
-  background: ${(props) => props.active ? "linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-secondary500, #A855F7) 100%)" : "var(--colors-neutral0, white)"};
+  background: ${(props) => props.active ? "linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-secondary500, #A855F7) 100%)" : "${(p) => p.theme.colors.neutral0}"};
   color: ${(props) => props.active ? "white" : "var(--colors-neutral700)"};
   border: 1px solid ${(props) => props.active ? "transparent" : "rgba(128, 128, 128, 0.3)"};
   padding: 6px 12px;
@@ -4416,7 +4414,7 @@ const PaginationButton = styled__default.default.button`
   }
 `;
 const EmptyState$1 = styled__default.default(designSystem.Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme$1.borderRadius.xl};
   border: 2px dashed rgba(128, 128, 128, 0.3);
   padding: 80px 32px;
@@ -4481,7 +4479,7 @@ const EmptyFeatureItem = styled__default.default.div`
   text-align: center;
   gap: ${theme$1.spacing.sm};
   padding: ${theme$1.spacing.lg};
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme$1.borderRadius.md};
   box-shadow: ${theme$1.shadows.sm};
   transition: ${theme$1.transitions.fast};
@@ -4555,7 +4553,7 @@ const StyledModalHeader = styled__default.default(designSystem.Modal.Header)`
 const StyledModalBody = styled__default.default(designSystem.Modal.Body)`
   && {
     padding: 28px;
-    background: var(--colors-neutral0, white);
+    background: ${(p) => p.theme.colors.neutral0};
   }
 `;
 const ModalField = styled__default.default(designSystem.Box)`
@@ -4600,7 +4598,7 @@ const StyledSelect = styled__default.default.select`
   border-radius: 8px;
   border: 1px solid rgba(128, 128, 128, 0.2);
   font-size: 14px;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   cursor: pointer;
   transition: all ${theme$1.transitions.fast};
   color: var(--colors-neutral700);
@@ -5679,7 +5677,7 @@ const Container$1 = styled__default.default.div`
 `;
 const Header$1 = styled__default.default.div`
   padding: 24px;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
 `;
 const HeaderRow = styled__default.default.div`
@@ -5750,7 +5748,7 @@ const TabsWrapper = styled__default.default.div`
 `;
 const TabListWrapper = styled__default.default.div`
   padding: 0 24px;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-bottom: 1px solid rgba(128, 128, 128, 0.2);
 `;
 const StyledTabsRoot = styled__default.default(designSystem.Tabs.Root)`
@@ -5765,7 +5763,7 @@ const StyledTabsContent = styled__default.default(designSystem.Tabs.Content)`
 `;
 const TabContentWrapper = styled__default.default.div`
   height: calc(100vh - 240px);
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   position: relative;
 `;
 const TextTabContent = styled__default.default.div`
@@ -5837,7 +5835,7 @@ const ImportExportButton = styled__default.default.span`
   gap: 6px;
   padding: 8px 16px;
   height: 36px;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border: 1px solid rgba(128, 128, 128, 0.2);
   border-radius: 4px;
   color: var(--colors-neutral800);
@@ -5869,7 +5867,7 @@ const ImportLabel = styled__default.default.label`
   display: inline-block;
 `;
 const BackButton = styled__default.default.button`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border: 1px solid rgba(128, 128, 128, 0.2);
   border-radius: 4px;
   padding: 8px 10px;
@@ -5896,7 +5894,7 @@ const BackButton = styled__default.default.button`
   }
 `;
 const VersionButton = styled__default.default.button`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border: 1px solid rgba(128, 128, 128, 0.2);
   border-radius: 4px;
   padding: 8px 16px;
@@ -5935,7 +5933,7 @@ const VersionModal = styled__default.default.div`
   right: ${(props) => props.$isOpen ? "0" : "-450px"};
   width: 450px;
   height: 100vh;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15);
   z-index: 9999;
   transition: right 300ms cubic-bezier(0.4, 0, 0.2, 1);
@@ -6915,7 +6913,7 @@ const StatsGrid = styled__default.default.div`
   }
 `;
 const StatCard = styled__default.default(designSystem.Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme.borderRadius.lg};
   padding: 28px ${theme.spacing.lg};
   position: relative;
@@ -7009,7 +7007,7 @@ const StatLabel = styled__default.default(designSystem.Typography)`
   }
 `;
 const FilterBar = styled__default.default(designSystem.Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme.borderRadius.lg};
   padding: ${theme.spacing.lg} ${theme.spacing.xl};
   margin-bottom: ${theme.spacing.lg};
@@ -7051,7 +7049,7 @@ const StyledTable = styled__default.default(designSystem.Table)`
   }
 `;
 const TableContainer = styled__default.default(designSystem.Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme.borderRadius.lg};
   box-shadow: ${theme.shadows.md};
   border: 1px solid rgba(128, 128, 128, 0.2);
@@ -7059,7 +7057,7 @@ const TableContainer = styled__default.default(designSystem.Box)`
   margin-bottom: ${theme.spacing.xl};
 `;
 const EmptyState = styled__default.default(designSystem.Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme.borderRadius.xl};
   border: 2px dashed rgba(128, 128, 128, 0.3);
   padding: 80px 32px;
@@ -7382,7 +7380,6 @@ const colors = {
   danger: "#d02b20",
   neutral: "#8e8ea9",
   neutralLight: "rgba(142, 142, 169, 0.08)",
-  white: "var(--colors-neutral0, #ffffff)",
   border: "rgba(128, 128, 128, 0.2)",
   textLight: "var(--colors-neutral600, #666687)"
 };
@@ -7445,8 +7442,8 @@ const StepDot = styled__default.default.div`
   width: 56px;
   height: 56px;
   border-radius: 50%;
-  background: ${(props) => props.$active ? colors.whatsapp : props.$completed ? colors.success : colors.white};
-  color: ${(props) => props.$active || props.$completed ? colors.white : colors.textLight};
+  background: ${(props) => props.$active ? colors.whatsapp : props.$completed ? colors.success : props.theme.colors.neutral0};
+  color: ${(props) => props.$active || props.$completed ? "#ffffff" : colors.textLight};
   border: 4px solid ${(props) => props.$active ? colors.whatsapp : props.$completed ? colors.success : colors.border};
   display: flex;
   align-items: center;
@@ -7477,7 +7474,7 @@ const StepLabel = styled__default.default(designSystem.Typography)`
   transition: all 0.3s ease;
 `;
 const ContentCard = styled__default.default(designSystem.Box)`
-  background: ${colors.white};
+  background: ${(p) => p.theme.colors.neutral0};
   border: 1px solid ${colors.border};
   border-radius: 16px;
   padding: 32px;
@@ -7572,7 +7569,7 @@ const WhatsAppInput = styled__default.default.input`
   border: 2px solid rgba(128, 128, 128, 0.2);
   border-radius: 12px;
   font-size: 15px;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   color: var(--colors-neutral800);
   transition: all 0.2s ease;
   box-sizing: border-box;
@@ -7593,7 +7590,7 @@ const WhatsAppTextarea = styled__default.default.textarea`
   border: 2px solid rgba(128, 128, 128, 0.2);
   border-radius: 12px;
   font-size: 15px;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   color: var(--colors-neutral800);
   transition: all 0.2s ease;
   box-sizing: border-box;
@@ -8184,7 +8181,7 @@ const ModalOverlay = styled__default.default.div`
   padding: 20px;
 `;
 const ModalContent = styled__default.default(designSystem.Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: 16px;
   width: 100%;
   max-width: 580px;

package/dist/_chunks/{App-CtzU0GEJ.mjs → App-DvwmedNr.mjs}

@@ -6,7 +6,7 @@ import { EnvelopeIcon, ServerIcon, SparklesIcon, PlusIcon, PencilIcon, PlayIcon,
 import { useFetchClient, useNotification } from "@strapi/strapi/admin";
 import styled, { css, keyframes } from "styled-components";
 import { Star, Mail, Server, Lock, Cog, Check, Cloud, Key, ArrowLeft, ArrowRight, ArrowClockwise, Play, Cross } from "@strapi/icons";
-import { T as TertiaryButton, G as GradientButton$1, C as CTAButton, I as IconButton, a as IconButtonPrimary, b as IconButtonDanger, S as SecondaryButton, c as IconButtonPurple, d as IconButtonSuccess, D as DangerButton } from "./StyledButtons-B1mvI82D.mjs";
+import { T as TertiaryButton, G as GradientButton$1, C as CTAButton, I as IconButton, a as IconButtonPrimary, b as IconButtonDanger, S as SecondaryButton, c as IconButtonPurple, d as IconButtonSuccess, D as DangerButton } from "./StyledButtons-CdOf4Sps.mjs";
 import * as ReactEmailEditor from "react-email-editor";
 const useAuthRefresh = () => {
   const { get } = useFetchClient();
@@ -99,8 +99,6 @@ const colors$1 = {
   successLight: "rgba(92, 177, 118, 0.12)",
   // Gray
   neutralLight: "rgba(142, 142, 169, 0.08)",
-  // Light gray
-  white: "var(--colors-neutral0, #ffffff)",
   border: "rgba(128, 128, 128, 0.2)",
   text: "var(--colors-neutral800, #32324d)",
   textLight: "var(--colors-neutral600, #666687)"
@@ -168,8 +166,8 @@ const StepDot$1 = styled.div`
   width: 56px;
   height: 56px;
   border-radius: 50%;
-  background: ${(props) => props.$active ? colors$1.primary : props.$completed ? colors$1.success : colors$1.white};
-  color: ${(props) => props.$active || props.$completed ? colors$1.white : colors$1.textLight};
+  background: ${(props) => props.$active ? colors$1.primary : props.$completed ? colors$1.success : props.theme.colors.neutral0};
+  color: ${(props) => props.$active || props.$completed ? "#ffffff" : colors$1.textLight};
   border: 4px solid ${(props) => props.$active ? colors$1.primary : props.$completed ? colors$1.success : colors$1.border};
   display: flex;
   align-items: center;
@@ -210,7 +208,7 @@ const ProvidersGrid = styled(Box)`
   margin-right: auto;
 `;
 const ProviderCard = styled(Box)`
-  background: ${(props) => props.$selected ? colors$1.successLight : colors$1.white};
+  background: ${(props) => props.$selected ? colors$1.successLight : props.theme.colors.neutral0};
   border: 2px solid ${(props) => props.$selected ? colors$1.success : colors$1.border};
   border-radius: 12px;
   padding: 24px;
@@ -1950,7 +1948,7 @@ const StatsGrid$3 = styled.div`
   }
 `;
 const StatCard$3 = styled(Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme$3.borderRadius.lg};
   padding: 28px ${theme$3.spacing.lg};
   position: relative;
@@ -2050,7 +2048,7 @@ const AccountsContainer = styled(Box)`
   margin-top: ${theme$3.spacing.xl};
 `;
 const EmptyState$3 = styled(Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme$3.borderRadius.xl};
   border: 2px dashed rgba(128, 128, 128, 0.3);
   padding: 80px 32px;
@@ -2119,7 +2117,7 @@ const StyledTable$3 = styled(Table)`
   }
 `;
 const FilterBar$3 = styled(Flex)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   padding: ${theme$3.spacing.md} ${theme$3.spacing.lg};
   border-radius: ${theme$3.borderRadius.lg};
   margin-bottom: ${theme$3.spacing.lg};
@@ -2149,7 +2147,7 @@ const StyledSearchInput$2 = styled.input`
   border-radius: ${theme$3.borderRadius.md};
   font-size: 0.875rem;
   transition: all ${theme$3.transitions.fast};
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   color: var(--colors-neutral800);
   
   &:focus {
@@ -2204,7 +2202,7 @@ const StyledModalHeader$1 = styled(Modal.Header)`
 const StyledModalBody$1 = styled(Modal.Body)`
   && {
     padding: 24px 28px;
-    background: var(--colors-neutral0, white);
+    background: ${(p) => p.theme.colors.neutral0};
     width: 100%;
     box-sizing: border-box;
   }
@@ -2235,7 +2233,7 @@ const TestOptionCard = styled(Box)`
   border-radius: 12px;
   cursor: pointer;
   transition: all ${theme$3.transitions.fast};
-  background: ${(props) => props.$selected ? "rgba(2, 132, 199, 0.06)" : "var(--colors-neutral0, white)"};
+  background: ${(props) => props.$selected ? "rgba(2, 132, 199, 0.06)" : "${(p) => p.theme.colors.neutral0}"};
   
   &:hover {
     border-color: ${"rgba(2, 132, 199, 0.4)"};
@@ -2260,7 +2258,7 @@ const StyledModalSelect = styled.select`
   border: 1px solid rgba(128, 128, 128, 0.2);
   border-radius: 8px;
   font-size: 14px;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   color: var(--colors-neutral800);
   cursor: pointer;
   transition: all ${theme$3.transitions.fast};
@@ -2278,7 +2276,7 @@ const StyledModalInput = styled.input`
   border: 1px solid rgba(128, 128, 128, 0.2);
   border-radius: 8px;
   font-size: 14px;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   color: var(--colors-neutral800);
   transition: all ${theme$3.transitions.fast};
   box-sizing: border-box;
@@ -2984,7 +2982,7 @@ const StatsGrid$2 = styled.div`
   }
 `;
 const StatCard$2 = styled(Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme$2.borderRadius.lg};
   padding: 28px ${theme$2.spacing.lg};
   position: relative;
@@ -3084,7 +3082,7 @@ const RulesContainer = styled(Box)`
   margin-top: ${theme$2.spacing.xl};
 `;
 const EmptyState$2 = styled(Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme$2.borderRadius.xl};
   border: 2px dashed rgba(128, 128, 128, 0.3);
   padding: 80px 32px;
@@ -3153,7 +3151,7 @@ const StyledTable$2 = styled(Table)`
   }
 `;
 const FilterBar$2 = styled(Flex)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   padding: ${theme$2.spacing.md} ${theme$2.spacing.lg};
   border-radius: ${theme$2.borderRadius.lg};
   margin-bottom: ${theme$2.spacing.lg};
@@ -3885,7 +3883,7 @@ const ScrollableDialogBody = styled(Box)`
   overflow-y: auto;
   max-height: calc(85vh - 160px);
   padding: 24px 28px 28px 28px;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
 
   /* Custom Scrollbar */
   &::-webkit-scrollbar {
@@ -4169,7 +4167,7 @@ const StatsGrid$1 = styled.div`
   }
 `;
 const StatCard$1 = styled(Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme$1.borderRadius.lg};
   padding: 28px ${theme$1.spacing.lg};
   position: relative;
@@ -4272,7 +4270,7 @@ const SectionHeader = styled(Box)`
   margin-bottom: ${theme$1.spacing.md};
 `;
 const FilterBar$1 = styled(Flex)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   padding: ${theme$1.spacing.md} ${theme$1.spacing.lg};
   border-radius: ${theme$1.borderRadius.lg};
   margin-bottom: ${theme$1.spacing.lg};
@@ -4304,7 +4302,7 @@ const TableWrapper = styled(Box)`
   overflow-x: auto;
   border-radius: ${theme$1.borderRadius.lg};
   border: 1px solid rgba(128, 128, 128, 0.2);
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   
   &::-webkit-scrollbar {
     height: 8px;
@@ -4370,7 +4368,7 @@ const PaginationWrapper = styled(Flex)`
   border-radius: 0 0 ${theme$1.borderRadius.lg} ${theme$1.borderRadius.lg};
 `;
 const PaginationButton = styled.button`
-  background: ${(props) => props.active ? "linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-secondary500, #A855F7) 100%)" : "var(--colors-neutral0, white)"};
+  background: ${(props) => props.active ? "linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-secondary500, #A855F7) 100%)" : "${(p) => p.theme.colors.neutral0}"};
   color: ${(props) => props.active ? "white" : "var(--colors-neutral700)"};
   border: 1px solid ${(props) => props.active ? "transparent" : "rgba(128, 128, 128, 0.3)"};
   padding: 6px 12px;
@@ -4393,7 +4391,7 @@ const PaginationButton = styled.button`
   }
 `;
 const EmptyState$1 = styled(Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme$1.borderRadius.xl};
   border: 2px dashed rgba(128, 128, 128, 0.3);
   padding: 80px 32px;
@@ -4458,7 +4456,7 @@ const EmptyFeatureItem = styled.div`
   text-align: center;
   gap: ${theme$1.spacing.sm};
   padding: ${theme$1.spacing.lg};
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme$1.borderRadius.md};
   box-shadow: ${theme$1.shadows.sm};
   transition: ${theme$1.transitions.fast};
@@ -4532,7 +4530,7 @@ const StyledModalHeader = styled(Modal.Header)`
 const StyledModalBody = styled(Modal.Body)`
   && {
     padding: 28px;
-    background: var(--colors-neutral0, white);
+    background: ${(p) => p.theme.colors.neutral0};
   }
 `;
 const ModalField = styled(Box)`
@@ -4577,7 +4575,7 @@ const StyledSelect = styled.select`
   border-radius: 8px;
   border: 1px solid rgba(128, 128, 128, 0.2);
   font-size: 14px;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   cursor: pointer;
   transition: all ${theme$1.transitions.fast};
   color: var(--colors-neutral700);
@@ -5656,7 +5654,7 @@ const Container$1 = styled.div`
 `;
 const Header$1 = styled.div`
   padding: 24px;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
 `;
 const HeaderRow = styled.div`
@@ -5727,7 +5725,7 @@ const TabsWrapper = styled.div`
 `;
 const TabListWrapper = styled.div`
   padding: 0 24px;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-bottom: 1px solid rgba(128, 128, 128, 0.2);
 `;
 const StyledTabsRoot = styled(Tabs.Root)`
@@ -5742,7 +5740,7 @@ const StyledTabsContent = styled(Tabs.Content)`
 `;
 const TabContentWrapper = styled.div`
   height: calc(100vh - 240px);
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   position: relative;
 `;
 const TextTabContent = styled.div`
@@ -5814,7 +5812,7 @@ const ImportExportButton = styled.span`
   gap: 6px;
   padding: 8px 16px;
   height: 36px;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border: 1px solid rgba(128, 128, 128, 0.2);
   border-radius: 4px;
   color: var(--colors-neutral800);
@@ -5846,7 +5844,7 @@ const ImportLabel = styled.label`
   display: inline-block;
 `;
 const BackButton = styled.button`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border: 1px solid rgba(128, 128, 128, 0.2);
   border-radius: 4px;
   padding: 8px 10px;
@@ -5873,7 +5871,7 @@ const BackButton = styled.button`
   }
 `;
 const VersionButton = styled.button`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border: 1px solid rgba(128, 128, 128, 0.2);
   border-radius: 4px;
   padding: 8px 16px;
@@ -5912,7 +5910,7 @@ const VersionModal = styled.div`
   right: ${(props) => props.$isOpen ? "0" : "-450px"};
   width: 450px;
   height: 100vh;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15);
   z-index: 9999;
   transition: right 300ms cubic-bezier(0.4, 0, 0.2, 1);
@@ -6892,7 +6890,7 @@ const StatsGrid = styled.div`
   }
 `;
 const StatCard = styled(Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme.borderRadius.lg};
   padding: 28px ${theme.spacing.lg};
   position: relative;
@@ -6986,7 +6984,7 @@ const StatLabel = styled(Typography)`
   }
 `;
 const FilterBar = styled(Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme.borderRadius.lg};
   padding: ${theme.spacing.lg} ${theme.spacing.xl};
   margin-bottom: ${theme.spacing.lg};
@@ -7028,7 +7026,7 @@ const StyledTable = styled(Table)`
   }
 `;
 const TableContainer = styled(Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme.borderRadius.lg};
   box-shadow: ${theme.shadows.md};
   border: 1px solid rgba(128, 128, 128, 0.2);
@@ -7036,7 +7034,7 @@ const TableContainer = styled(Box)`
   margin-bottom: ${theme.spacing.xl};
 `;
 const EmptyState = styled(Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme.borderRadius.xl};
   border: 2px dashed rgba(128, 128, 128, 0.3);
   padding: 80px 32px;
@@ -7359,7 +7357,6 @@ const colors = {
   danger: "#d02b20",
   neutral: "#8e8ea9",
   neutralLight: "rgba(142, 142, 169, 0.08)",
-  white: "var(--colors-neutral0, #ffffff)",
   border: "rgba(128, 128, 128, 0.2)",
   textLight: "var(--colors-neutral600, #666687)"
 };
@@ -7422,8 +7419,8 @@ const StepDot = styled.div`
   width: 56px;
   height: 56px;
   border-radius: 50%;
-  background: ${(props) => props.$active ? colors.whatsapp : props.$completed ? colors.success : colors.white};
-  color: ${(props) => props.$active || props.$completed ? colors.white : colors.textLight};
+  background: ${(props) => props.$active ? colors.whatsapp : props.$completed ? colors.success : props.theme.colors.neutral0};
+  color: ${(props) => props.$active || props.$completed ? "#ffffff" : colors.textLight};
   border: 4px solid ${(props) => props.$active ? colors.whatsapp : props.$completed ? colors.success : colors.border};
   display: flex;
   align-items: center;
@@ -7454,7 +7451,7 @@ const StepLabel = styled(Typography)`
   transition: all 0.3s ease;
 `;
 const ContentCard = styled(Box)`
-  background: ${colors.white};
+  background: ${(p) => p.theme.colors.neutral0};
   border: 1px solid ${colors.border};
   border-radius: 16px;
   padding: 32px;
@@ -7549,7 +7546,7 @@ const WhatsAppInput = styled.input`
   border: 2px solid rgba(128, 128, 128, 0.2);
   border-radius: 12px;
   font-size: 15px;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   color: var(--colors-neutral800);
   transition: all 0.2s ease;
   box-sizing: border-box;
@@ -7570,7 +7567,7 @@ const WhatsAppTextarea = styled.textarea`
   border: 2px solid rgba(128, 128, 128, 0.2);
   border-radius: 12px;
   font-size: 15px;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   color: var(--colors-neutral800);
   transition: all 0.2s ease;
   box-sizing: border-box;
@@ -8161,7 +8158,7 @@ const ModalOverlay = styled.div`
   padding: 20px;
 `;
 const ModalContent = styled(Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: 16px;
   width: 100%;
   max-width: 580px;

package/dist/_chunks/{LicensePage-B-EIY3Gv.js → LicensePage-C38rs_Wj.js}

@@ -51,7 +51,7 @@ const TierWrapper = styled__default.default(designSystem.Box)`
   display: flex;
 `;
 const TierCard = styled__default.default(designSystem.Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: 16px;
   padding: 32px;
   border: 2px solid ${(props) => props.$featured ? "var(--colors-primary600, #0EA5E9)" : "rgba(128, 128, 128, 0.2)"};

package/dist/_chunks/{LicensePage-C8ZmA1BC.mjs → LicensePage-DTrGRpi7.mjs}

@@ -47,7 +47,7 @@ const TierWrapper = styled(Box)`
   display: flex;
 `;
 const TierCard = styled(Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: 16px;
   padding: 32px;
   border: 2px solid ${(props) => props.$featured ? "var(--colors-primary600, #0EA5E9)" : "rgba(128, 128, 128, 0.2)"};

package/dist/_chunks/{PluginSettings-B4qJyLnA.mjs → PluginSettings-XwyzH95_.mjs}

@@ -4,7 +4,7 @@ import { Loader, Typography, Flex, Toggle, Box, Field, TextInput } from "@strapi
 import { useFetchClient, useNotification } from "@strapi/strapi/admin";
 import { ArrowPathIcon, LinkIcon, EyeIcon, EnvelopeIcon, UserIcon } from "@heroicons/react/24/outline";
 import styled, { css, keyframes } from "styled-components";
-import { T as TertiaryButton, G as GradientButton } from "./StyledButtons-B1mvI82D.mjs";
+import { T as TertiaryButton, G as GradientButton } from "./StyledButtons-CdOf4Sps.mjs";
 const fadeIn = keyframes`
   from { opacity: 0; transform: translateY(10px); }
   to { opacity: 1; transform: translateY(0); }
@@ -35,13 +35,13 @@ const PageSubtitle = styled(Typography)`
 const ActionBar = styled(Flex)`
   margin-bottom: 32px;
   padding: 16px 20px;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border: 1px solid rgba(128, 128, 128, 0.2);
   border-radius: 8px;
   box-shadow: 0 1px 2px rgba(0,0,0,0.05);
 `;
 const SettingsSection = styled(Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border: 1px solid rgba(128, 128, 128, 0.2);
   border-radius: 12px;
   overflow: hidden;

package/dist/_chunks/{PluginSettings-BwL8Vqwq.js → PluginSettings-cZXE_vy8.js}

@@ -6,7 +6,7 @@ const designSystem = require("@strapi/design-system");
 const admin = require("@strapi/strapi/admin");
 const outline = require("@heroicons/react/24/outline");
 const styled = require("styled-components");
-const StyledButtons = require("./StyledButtons-BthPdM8c.js");
+const StyledButtons = require("./StyledButtons-DVGuFoqy.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const fadeIn = styled.keyframes`
@@ -39,13 +39,13 @@ const PageSubtitle = styled__default.default(designSystem.Typography)`
 const ActionBar = styled__default.default(designSystem.Flex)`
   margin-bottom: 32px;
   padding: 16px 20px;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border: 1px solid rgba(128, 128, 128, 0.2);
   border-radius: 8px;
   box-shadow: 0 1px 2px rgba(0,0,0,0.05);
 `;
 const SettingsSection = styled__default.default(designSystem.Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border: 1px solid rgba(128, 128, 128, 0.2);
   border-radius: 12px;
   overflow: hidden;

package/dist/_chunks/{Settings-Bz6ogaIs.js → Settings-BRFoD1yZ.js}

@@ -6,7 +6,7 @@ const designSystem = require("@strapi/design-system");
 const admin = require("@strapi/strapi/admin");
 const outline = require("@heroicons/react/24/outline");
 const styled = require("styled-components");
-const StyledButtons = require("./StyledButtons-BthPdM8c.js");
+const StyledButtons = require("./StyledButtons-DVGuFoqy.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const fadeIn = styled.keyframes`
@@ -26,7 +26,7 @@ const StickySaveBar = styled__default.default(designSystem.Box)`
   position: sticky;
   top: 0;
   z-index: 10;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-bottom: 1px solid rgba(128, 128, 128, 0.2);
   box-shadow: 0 1px 3px rgba(0,0,0,0.1);
 `;

package/dist/_chunks/{Settings-BMyRAG6n.mjs → Settings-DoSrZKfp.mjs}

@@ -4,7 +4,7 @@ import { Loader, Box, Alert, Flex, Typography, Badge, Accordion } from "@strapi/
 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";
-import { S as SecondaryButton, W as WhiteOutlineButton } from "./StyledButtons-B1mvI82D.mjs";
+import { S as SecondaryButton, W as WhiteOutlineButton } from "./StyledButtons-CdOf4Sps.mjs";
 const fadeIn = keyframes`
   from { opacity: 0; transform: translateY(10px); }
   to { opacity: 1; transform: translateY(0); }
@@ -22,7 +22,7 @@ const StickySaveBar = styled(Box)`
   position: sticky;
   top: 0;
   z-index: 10;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-bottom: 1px solid rgba(128, 128, 128, 0.2);
   box-shadow: 0 1px 3px rgba(0,0,0,0.1);
 `;

package/dist/_chunks/{StyledButtons-B1mvI82D.mjs → StyledButtons-CdOf4Sps.mjs}

@@ -28,11 +28,11 @@ const GradientButton = styled(Button)`
 `;
 const SecondaryButton = styled(Button)`
   && {
-    background: var(--colors-neutral0, white);
+    background: ${(p) => p.theme.colors.neutral0};
     color: var(--colors-secondary600, #7C3AED);
     font-weight: 600;
     border: 2px solid transparent;
-    background-image: linear-gradient(var(--colors-neutral0, white), var(--colors-neutral0, white)), linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-secondary500, #A855F7) 100%);
+    background-image: linear-gradient(${(p) => p.theme.colors.neutral0}, ${(p) => p.theme.colors.neutral0}), linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-secondary500, #A855F7) 100%);
     background-origin: border-box;
     background-clip: padding-box, border-box;
     padding: 10px 20px;

package/dist/_chunks/{StyledButtons-BthPdM8c.js → StyledButtons-DVGuFoqy.js}

@@ -31,11 +31,11 @@ const GradientButton = styled__default.default(designSystem.Button)`
 `;
 const SecondaryButton = styled__default.default(designSystem.Button)`
   && {
-    background: var(--colors-neutral0, white);
+    background: ${(p) => p.theme.colors.neutral0};
     color: var(--colors-secondary600, #7C3AED);
     font-weight: 600;
     border: 2px solid transparent;
-    background-image: linear-gradient(var(--colors-neutral0, white), var(--colors-neutral0, white)), linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-secondary500, #A855F7) 100%);
+    background-image: linear-gradient(${(p) => p.theme.colors.neutral0}, ${(p) => p.theme.colors.neutral0}), linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-secondary500, #A855F7) 100%);
     background-origin: border-box;
     background-clip: padding-box, border-box;
     padding: 10px 20px;

package/dist/admin/index.js

@@ -65,7 +65,7 @@ const index = {
         id: `${pluginId}.plugin.name`,
         defaultMessage: "MagicMail"
       },
-      Component: () => Promise.resolve().then(() => require("../_chunks/App-BQRVLK7n.js"))
+      Component: () => Promise.resolve().then(() => require("../_chunks/App-Cp6QQAHt.js"))
     });
     app.createSettingSection(
       {
@@ -81,7 +81,7 @@ const index = {
           },
           id: "plugin-settings",
           to: `${pluginId}/plugin-settings`,
-          Component: () => Promise.resolve().then(() => require("../_chunks/PluginSettings-BwL8Vqwq.js"))
+          Component: () => Promise.resolve().then(() => require("../_chunks/PluginSettings-cZXE_vy8.js"))
         },
         {
           intlLabel: {
@@ -90,7 +90,7 @@ const index = {
           },
           id: "upgrade",
           to: `${pluginId}/upgrade`,
-          Component: () => Promise.resolve().then(() => require("../_chunks/LicensePage-B-EIY3Gv.js"))
+          Component: () => Promise.resolve().then(() => require("../_chunks/LicensePage-C38rs_Wj.js"))
         },
         {
           intlLabel: {
@@ -99,7 +99,7 @@ const index = {
           },
           id: "license",
           to: `${pluginId}/license`,
-          Component: () => Promise.resolve().then(() => require("../_chunks/Settings-Bz6ogaIs.js"))
+          Component: () => Promise.resolve().then(() => require("../_chunks/Settings-BRFoD1yZ.js"))
         }
       ]
     );

package/dist/admin/index.mjs

@@ -64,7 +64,7 @@ const index = {
         id: `${pluginId}.plugin.name`,
         defaultMessage: "MagicMail"
       },
-      Component: () => import("../_chunks/App-CtzU0GEJ.mjs")
+      Component: () => import("../_chunks/App-DvwmedNr.mjs")
     });
     app.createSettingSection(
       {
@@ -80,7 +80,7 @@ const index = {
           },
           id: "plugin-settings",
           to: `${pluginId}/plugin-settings`,
-          Component: () => import("../_chunks/PluginSettings-B4qJyLnA.mjs")
+          Component: () => import("../_chunks/PluginSettings-XwyzH95_.mjs")
         },
         {
           intlLabel: {
@@ -89,7 +89,7 @@ const index = {
           },
           id: "upgrade",
           to: `${pluginId}/upgrade`,
-          Component: () => import("../_chunks/LicensePage-C8ZmA1BC.mjs")
+          Component: () => import("../_chunks/LicensePage-DTrGRpi7.mjs")
         },
         {
           intlLabel: {
@@ -98,7 +98,7 @@ const index = {
           },
           id: "license",
           to: `${pluginId}/license`,
-          Component: () => import("../_chunks/Settings-BMyRAG6n.mjs")
+          Component: () => import("../_chunks/Settings-DoSrZKfp.mjs")
         }
       ]
     );

package/dist/server/index.js

@@ -5649,7 +5649,7 @@ function requireOauth() {
   });
   return oauth;
 }
-const version = "2.6.1";
+const version = "2.6.2";
 const require$$2 = {
   version
 };

package/dist/server/index.mjs

@@ -5639,7 +5639,7 @@ function requireOauth() {
   });
   return oauth;
 }
-const version = "2.6.1";
+const version = "2.6.2";
 const require$$2 = {
   version
 };

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.6.2",
+  "version": "2.6.3",
   "keywords": [
     "strapi",
     "strapi-plugin",