@intlayer/backend 5.1.4 → 5.1.6

package/dist/cjs/emails/SubscriptionPaymentCancellation.cjs

@@ -28,6 +28,7 @@ var import_components = require("@react-email/components");
 const SubscriptionPaymentCancellationEN = ({
   username,
   planName,
+  organizationName,
   cancellationDate,
   reactivateLink
 }) => {
@@ -39,7 +40,7 @@ const SubscriptionPaymentCancellationEN = ({
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Section, { className: "mt-[32px]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_components.Img,
         {
-          src: `https://intlayer.org/assets/favicon-32x32.png`,
+          src: "https://intlayer.org/apple-touch-icon.png",
           width: "40",
           height: "37",
           alt: "Intlayer",
@@ -60,6 +61,10 @@ const SubscriptionPaymentCancellationEN = ({
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: cancellationDate }),
         "."
       ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.Text, { className: "text-[14px] leading-[24px] text-black", children: [
+        "Organization: ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: organizationName })
+      ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Section, { className: "my-[32px] text-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_components.Button,
         {
@@ -74,6 +79,7 @@ const SubscriptionPaymentCancellationEN = ({
 const SubscriptionPaymentCancellationFR = ({
   username,
   planName,
+  organizationName,
   cancellationDate,
   reactivateLink
 }) => {
@@ -85,7 +91,7 @@ const SubscriptionPaymentCancellationFR = ({
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Section, { className: "mt-[32px]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_components.Img,
         {
-          src: `https://intlayer.org/assets/favicon-32x32.png`,
+          src: "https://intlayer.org/apple-touch-icon.png",
           width: "40",
           height: "37",
           alt: "Intlayer",
@@ -106,6 +112,10 @@ const SubscriptionPaymentCancellationFR = ({
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: cancellationDate }),
         "."
       ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.Text, { className: "text-[14px] leading-[24px] text-black", children: [
+        "Organisation : ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: organizationName })
+      ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Section, { className: "my-[32px] text-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_components.Button,
         {
@@ -120,6 +130,7 @@ const SubscriptionPaymentCancellationFR = ({
 const SubscriptionPaymentCancellationES = ({
   username,
   planName,
+  organizationName,
   cancellationDate,
   reactivateLink
 }) => {
@@ -131,7 +142,7 @@ const SubscriptionPaymentCancellationES = ({
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Section, { className: "mt-[32px]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_components.Img,
         {
-          src: `https://intlayer.org/assets/favicon-32x32.png`,
+          src: "https://intlayer.org/apple-touch-icon.png",
           width: "40",
           height: "37",
           alt: "Intlayer",
@@ -152,6 +163,10 @@ const SubscriptionPaymentCancellationES = ({
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: cancellationDate }),
         "."
       ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.Text, { className: "text-[14px] leading-[24px] text-black", children: [
+        "Organizaci\xF3n : ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: organizationName })
+      ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Section, { className: "my-[32px] text-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_components.Button,
         {
@@ -167,6 +182,7 @@ const PreviewProps = {
   username: "John Doe",
   email: "john.doe@example.com",
   planName: "Pro Plan",
+  organizationName: "My Organization",
   cancellationDate: "November 30, 2024",
   reactivateLink: "https://intlayer.org/reactivate-subscription"
 };

package/dist/cjs/emails/SubscriptionPaymentCancellation.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/emails/SubscriptionPaymentCancellation.tsx"],"sourcesContent":["import {\n  Html,\n  Head,\n  Preview,\n  Tailwind,\n  Body,\n  Section,\n  Img,\n  Heading,\n  Container,\n  Button,\n  Text,\n} from '@react-email/components';\n\nexport type SubscriptionPaymentCancellationProps = {\n  username: string; // The name of the user receiving the email\n  email: string; // The email address of the user\n  planName: string; // The name of the subscription plan\n  cancellationDate: string; // The date when the subscription will end\n  reactivateLink: string; // A link for the user to reactivate their subscription\n};\n\nexport const SubscriptionPaymentCancellationEN = ({\n  username,\n  planName,\n  cancellationDate,\n  reactivateLink,\n}: SubscriptionPaymentCancellationProps) => {\n  const previewText = `Your ${planName} subscription has been canceled`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src={`https://intlayer.org/assets/favicon-32x32.png`}\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Subscription Canceled\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Hello {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              We’re sorry to see you go! Your subscription to the{' '}\n              <strong>{planName}</strong> plan has been canceled. You will still\n              have access until <strong>{cancellationDate}</strong>.\n            </Text>\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={reactivateLink}\n              >\n                Reactivate Your Subscription\n              </Button>\n            </Section>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\nexport const SubscriptionPaymentCancellationFR = ({\n  username,\n  planName,\n  cancellationDate,\n  reactivateLink,\n}: SubscriptionPaymentCancellationProps) => {\n  const previewText = `Votre abonnement ${planName} a été annulé`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src={`https://intlayer.org/assets/favicon-32x32.png`}\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Abonnement Annulé\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Bonjour {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Nous sommes désolés de vous voir partir ! Votre abonnement au plan{' '}\n              <strong>{planName}</strong> a été annulé. Vous aurez toujours\n              accès jusqu'au <strong>{cancellationDate}</strong>.\n            </Text>\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={reactivateLink}\n              >\n                Réactiver votre abonnement\n              </Button>\n            </Section>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\nexport const SubscriptionPaymentCancellationES = ({\n  username,\n  planName,\n  cancellationDate,\n  reactivateLink,\n}: SubscriptionPaymentCancellationProps) => {\n  const previewText = `Tu suscripción ${planName} ha sido cancelada`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src={`https://intlayer.org/assets/favicon-32x32.png`}\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Suscripción Cancelada\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Hola {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Lamentamos verte partir. Tu suscripción al plan{' '}\n              <strong>{planName}</strong> ha sido cancelada. Tendrás acceso\n              hasta <strong>{cancellationDate}</strong>.\n            </Text>\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={reactivateLink}\n              >\n                Reactivar tu suscripción\n              </Button>\n            </Section>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\nconst PreviewProps: SubscriptionPaymentCancellationProps = {\n  username: 'John Doe',\n  email: 'john.doe@example.com',\n  planName: 'Pro Plan',\n  cancellationDate: 'November 30, 2024',\n  reactivateLink: 'https://intlayer.org/reactivate-subscription',\n};\n\nSubscriptionPaymentCancellationEN.PreviewProps = PreviewProps;\nSubscriptionPaymentCancellationFR.PreviewProps = PreviewProps;\nSubscriptionPaymentCancellationES.PreviewProps = PreviewProps;\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/emails/SubscriptionPaymentCancellation.tsx"],"sourcesContent":["import {\n  Html,\n  Head,\n  Preview,\n  Tailwind,\n  Body,\n  Section,\n  Img,\n  Heading,\n  Container,\n  Button,\n  Text,\n} from '@react-email/components';\n\nexport type SubscriptionPaymentCancellationProps = {\n  username: string; // The name of the user receiving the email\n  email: string; // The email address of the user\n  planName: string; // The name of the subscription plan\n  organizationName: string; // The name of the organization\n  cancellationDate: string; // The date when the subscription will end\n  reactivateLink: string; // A link for the user to reactivate their subscription\n};\n\nexport const SubscriptionPaymentCancellationEN = ({\n  username,\n  planName,\n  organizationName,\n  cancellationDate,\n  reactivateLink,\n}: SubscriptionPaymentCancellationProps) => {\n  const previewText = `Your ${planName} subscription has been canceled`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src=\"https://intlayer.org/apple-touch-icon.png\"\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Subscription Canceled\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Hello {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              We’re sorry to see you go! Your subscription to the{' '}\n              <strong>{planName}</strong> plan has been canceled. You will still\n              have access until <strong>{cancellationDate}</strong>.\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Organization: <strong>{organizationName}</strong>\n            </Text>\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={reactivateLink}\n              >\n                Reactivate Your Subscription\n              </Button>\n            </Section>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\nexport const SubscriptionPaymentCancellationFR = ({\n  username,\n  planName,\n  organizationName,\n  cancellationDate,\n  reactivateLink,\n}: SubscriptionPaymentCancellationProps) => {\n  const previewText = `Votre abonnement ${planName} a été annulé`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src=\"https://intlayer.org/apple-touch-icon.png\"\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Abonnement Annulé\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Bonjour {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Nous sommes désolés de vous voir partir ! Votre abonnement au plan{' '}\n              <strong>{planName}</strong> a été annulé. Vous aurez toujours\n              accès jusqu'au <strong>{cancellationDate}</strong>.\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Organisation : <strong>{organizationName}</strong>\n            </Text>\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={reactivateLink}\n              >\n                Réactiver votre abonnement\n              </Button>\n            </Section>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\nexport const SubscriptionPaymentCancellationES = ({\n  username,\n  planName,\n  organizationName,\n  cancellationDate,\n  reactivateLink,\n}: SubscriptionPaymentCancellationProps) => {\n  const previewText = `Tu suscripción ${planName} ha sido cancelada`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src=\"https://intlayer.org/apple-touch-icon.png\"\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Suscripción Cancelada\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Hola {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Lamentamos verte partir. Tu suscripción al plan{' '}\n              <strong>{planName}</strong> ha sido cancelada. Tendrás acceso\n              hasta <strong>{cancellationDate}</strong>.\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Organización : <strong>{organizationName}</strong>\n            </Text>\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={reactivateLink}\n              >\n                Reactivar tu suscripción\n              </Button>\n            </Section>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\nconst PreviewProps: SubscriptionPaymentCancellationProps = {\n  username: 'John Doe',\n  email: 'john.doe@example.com',\n  planName: 'Pro Plan',\n  organizationName: 'My Organization',\n  cancellationDate: 'November 30, 2024',\n  reactivateLink: 'https://intlayer.org/reactivate-subscription',\n};\n\nSubscriptionPaymentCancellationEN.PreviewProps = PreviewProps;\nSubscriptionPaymentCancellationFR.PreviewProps = PreviewProps;\nSubscriptionPaymentCancellationES.PreviewProps = PreviewProps;\n"],"mappings":"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","names":[]}

package/dist/cjs/emails/SubscriptionPaymentError.cjs

@@ -28,6 +28,7 @@ var import_components = require("@react-email/components");
 const SubscriptionPaymentErrorEN = ({
   username,
   planName,
+  organizationName,
   errorDate,
   retryPaymentLink
 }) => {
@@ -39,7 +40,7 @@ const SubscriptionPaymentErrorEN = ({
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Section, { className: "mt-[32px]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_components.Img,
         {
-          src: `https://intlayer.org/assets/favicon-32x32.png`,
+          src: "https://intlayer.org/apple-touch-icon.png",
           width: "40",
           height: "37",
           alt: "Intlayer",
@@ -60,6 +61,10 @@ const SubscriptionPaymentErrorEN = ({
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: errorDate }),
         ". Please update your payment information to ensure continued access to your subscription."
       ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.Text, { className: "text-[14px] leading-[24px] text-black", children: [
+        "Organization: ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: organizationName })
+      ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Section, { className: "my-[32px] text-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_components.Button,
         {
@@ -74,6 +79,7 @@ const SubscriptionPaymentErrorEN = ({
 const SubscriptionPaymentErrorFR = ({
   username,
   planName,
+  organizationName,
   errorDate,
   retryPaymentLink
 }) => {
@@ -85,7 +91,7 @@ const SubscriptionPaymentErrorFR = ({
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Section, { className: "mt-[32px]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_components.Img,
         {
-          src: `https://intlayer.org/assets/favicon-32x32.png`,
+          src: "https://intlayer.org/apple-touch-icon.png",
           width: "40",
           height: "37",
           alt: "Intlayer",
@@ -106,6 +112,10 @@ const SubscriptionPaymentErrorFR = ({
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: errorDate }),
         ". Veuillez mettre \xE0 jour vos informations de paiement pour garantir un acc\xE8s continu \xE0 votre abonnement."
       ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.Text, { className: "text-[14px] leading-[24px] text-black", children: [
+        "Organisation : ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: organizationName })
+      ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Section, { className: "my-[32px] text-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_components.Button,
         {
@@ -120,6 +130,7 @@ const SubscriptionPaymentErrorFR = ({
 const SubscriptionPaymentErrorES = ({
   username,
   planName,
+  organizationName,
   errorDate,
   retryPaymentLink
 }) => {
@@ -131,7 +142,7 @@ const SubscriptionPaymentErrorES = ({
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Section, { className: "mt-[32px]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_components.Img,
         {
-          src: `https://intlayer.org/assets/favicon-32x32.png`,
+          src: "https://intlayer.org/apple-touch-icon.png",
           width: "40",
           height: "37",
           alt: "Intlayer",
@@ -152,6 +163,10 @@ const SubscriptionPaymentErrorES = ({
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: errorDate }),
         ". Por favor, actualiza tu informaci\xF3n de pago para garantizar el acceso continuo a tu suscripci\xF3n."
       ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.Text, { className: "text-[14px] leading-[24px] text-black", children: [
+        "Organizaci\xF3n : ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: organizationName })
+      ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Section, { className: "my-[32px] text-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_components.Button,
         {
@@ -167,6 +182,7 @@ const PreviewProps = {
   username: "John Doe",
   email: "john.doe@example.com",
   planName: "Pro Plan",
+  organizationName: "My Organization",
   errorDate: "November 18, 2024",
   retryPaymentLink: "https://intlayer.org/retry-payment"
 };

package/dist/cjs/emails/SubscriptionPaymentError.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/emails/SubscriptionPaymentError.tsx"],"sourcesContent":["import {\n  Html,\n  Head,\n  Preview,\n  Tailwind,\n  Body,\n  Section,\n  Img,\n  Heading,\n  Container,\n  Button,\n  Text,\n} from '@react-email/components';\n\nexport type SubscriptionPaymentErrorProps = {\n  username: string; // The name of the user receiving the email\n  email: string; // The email address of the user\n  planName: string; // The name of the subscription plan\n  errorDate: string; // The date the payment error occurred\n  retryPaymentLink: string; // A link for the user to retry their payment\n};\n\n// Payment Error Email - English (EN)\nexport const SubscriptionPaymentErrorEN = ({\n  username,\n  planName,\n  errorDate,\n  retryPaymentLink,\n}: SubscriptionPaymentErrorProps) => {\n  const previewText = `There was an issue with your ${planName} subscription payment`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src={`https://intlayer.org/assets/favicon-32x32.png`}\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Payment Issue Detected\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Hello {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              We encountered an issue processing your payment for the{' '}\n              <strong>{planName}</strong> plan on <strong>{errorDate}</strong>.\n              Please update your payment information to ensure continued access\n              to your subscription.\n            </Text>\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={retryPaymentLink}\n              >\n                Retry Payment\n              </Button>\n            </Section>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\n// Payment Error Email - French (FR)\nexport const SubscriptionPaymentErrorFR = ({\n  username,\n  planName,\n  errorDate,\n  retryPaymentLink,\n}: SubscriptionPaymentErrorProps) => {\n  const previewText = `Un problème est survenu avec votre paiement pour l'abonnement ${planName}`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src={`https://intlayer.org/assets/favicon-32x32.png`}\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Problème de Paiement\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Bonjour {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Nous avons rencontré un problème lors du traitement de votre\n              paiement pour le plan <strong>{planName}</strong> le{' '}\n              <strong>{errorDate}</strong>. Veuillez mettre à jour vos\n              informations de paiement pour garantir un accès continu à votre\n              abonnement.\n            </Text>\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={retryPaymentLink}\n              >\n                Réessayer le Paiement\n              </Button>\n            </Section>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\n// Payment Error Email - Spanish (ES)\nexport const SubscriptionPaymentErrorES = ({\n  username,\n  planName,\n  errorDate,\n  retryPaymentLink,\n}: SubscriptionPaymentErrorProps) => {\n  const previewText = `Hubo un problema con el pago de tu suscripción ${planName}`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src={`https://intlayer.org/assets/favicon-32x32.png`}\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Problema de Pago\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Hola {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Hubo un problema al procesar tu pago para el plan{' '}\n              <strong>{planName}</strong> el <strong>{errorDate}</strong>. Por\n              favor, actualiza tu información de pago para garantizar el acceso\n              continuo a tu suscripción.\n            </Text>\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={retryPaymentLink}\n              >\n                Reintentar el Pago\n              </Button>\n            </Section>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\n// Preview Props Example\nconst PreviewProps: SubscriptionPaymentErrorProps = {\n  username: 'John Doe',\n  email: 'john.doe@example.com',\n  planName: 'Pro Plan',\n  errorDate: 'November 18, 2024',\n  retryPaymentLink: 'https://intlayer.org/retry-payment',\n};\n\nSubscriptionPaymentErrorEN.PreviewProps = PreviewProps;\nSubscriptionPaymentErrorFR.PreviewProps = PreviewProps;\nSubscriptionPaymentErrorES.PreviewProps = PreviewProps;\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/emails/SubscriptionPaymentError.tsx"],"sourcesContent":["import {\n  Html,\n  Head,\n  Preview,\n  Tailwind,\n  Body,\n  Section,\n  Img,\n  Heading,\n  Container,\n  Button,\n  Text,\n} from '@react-email/components';\n\nexport type SubscriptionPaymentErrorProps = {\n  username: string; // The name of the user receiving the email\n  email: string; // The email address of the user\n  planName: string; // The name of the subscription plan\n  organizationName: string; // The name of the organization\n  errorDate: string; // The date the payment error occurred\n  retryPaymentLink: string; // A link for the user to retry their payment\n};\n\n// Payment Error Email - English (EN)\nexport const SubscriptionPaymentErrorEN = ({\n  username,\n  planName,\n  organizationName,\n  errorDate,\n  retryPaymentLink,\n}: SubscriptionPaymentErrorProps) => {\n  const previewText = `There was an issue with your ${planName} subscription payment`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src=\"https://intlayer.org/apple-touch-icon.png\"\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Payment Issue Detected\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Hello {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              We encountered an issue processing your payment for the{' '}\n              <strong>{planName}</strong> plan on <strong>{errorDate}</strong>.\n              Please update your payment information to ensure continued access\n              to your subscription.\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Organization: <strong>{organizationName}</strong>\n            </Text>\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={retryPaymentLink}\n              >\n                Retry Payment\n              </Button>\n            </Section>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\n// Payment Error Email - French (FR)\nexport const SubscriptionPaymentErrorFR = ({\n  username,\n  planName,\n  organizationName,\n  errorDate,\n  retryPaymentLink,\n}: SubscriptionPaymentErrorProps) => {\n  const previewText = `Un problème est survenu avec votre paiement pour l'abonnement ${planName}`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src=\"https://intlayer.org/apple-touch-icon.png\"\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Problème de Paiement\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Bonjour {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Nous avons rencontré un problème lors du traitement de votre\n              paiement pour le plan <strong>{planName}</strong> le{' '}\n              <strong>{errorDate}</strong>. Veuillez mettre à jour vos\n              informations de paiement pour garantir un accès continu à votre\n              abonnement.\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Organisation : <strong>{organizationName}</strong>\n            </Text>\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={retryPaymentLink}\n              >\n                Réessayer le Paiement\n              </Button>\n            </Section>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\n// Payment Error Email - Spanish (ES)\nexport const SubscriptionPaymentErrorES = ({\n  username,\n  planName,\n  organizationName,\n  errorDate,\n  retryPaymentLink,\n}: SubscriptionPaymentErrorProps) => {\n  const previewText = `Hubo un problema con el pago de tu suscripción ${planName}`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src=\"https://intlayer.org/apple-touch-icon.png\"\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Problema de Pago\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Hola {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Hubo un problema al procesar tu pago para el plan{' '}\n              <strong>{planName}</strong> el <strong>{errorDate}</strong>. Por\n              favor, actualiza tu información de pago para garantizar el acceso\n              continuo a tu suscripción.\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Organización : <strong>{organizationName}</strong>\n            </Text>\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={retryPaymentLink}\n              >\n                Reintentar el Pago\n              </Button>\n            </Section>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\n// Preview Props Example\nconst PreviewProps: SubscriptionPaymentErrorProps = {\n  username: 'John Doe',\n  email: 'john.doe@example.com',\n  planName: 'Pro Plan',\n  organizationName: 'My Organization',\n  errorDate: 'November 18, 2024',\n  retryPaymentLink: 'https://intlayer.org/retry-payment',\n};\n\nSubscriptionPaymentErrorEN.PreviewProps = PreviewProps;\nSubscriptionPaymentErrorFR.PreviewProps = PreviewProps;\nSubscriptionPaymentErrorES.PreviewProps = PreviewProps;\n"],"mappings":"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","names":[]}

package/dist/cjs/emails/SubscriptionPaymentSuccess.cjs

@@ -28,6 +28,7 @@ var import_components = require("@react-email/components");
 const SubscriptionPaymentSuccessEN = ({
   username,
   planName,
+  organizationName,
   subscriptionStartDate,
   manageSubscriptionLink
 }) => {
@@ -39,7 +40,7 @@ const SubscriptionPaymentSuccessEN = ({
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Section, { className: "mt-[32px]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_components.Img,
         {
-          src: `https://intlayer.org/assets/favicon-32x32.png`,
+          src: "https://intlayer.org/apple-touch-icon.png",
           width: "40",
           height: "37",
           alt: "Intlayer",
@@ -62,6 +63,10 @@ const SubscriptionPaymentSuccessEN = ({
         "Start Date: ",
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: subscriptionStartDate })
       ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.Text, { className: "text-[14px] leading-[24px] text-black", children: [
+        "Organization: ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: organizationName })
+      ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Section, { className: "my-[32px] text-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_components.Button,
         {
@@ -76,6 +81,7 @@ const SubscriptionPaymentSuccessEN = ({
 const SubscriptionPaymentSuccessFR = ({
   username,
   planName,
+  organizationName,
   subscriptionStartDate,
   manageSubscriptionLink
 }) => {
@@ -87,7 +93,7 @@ const SubscriptionPaymentSuccessFR = ({
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Section, { className: "mt-[32px]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_components.Img,
         {
-          src: `https://intlayer.org/assets/favicon-32x32.png`,
+          src: "https://intlayer.org/apple-touch-icon.png",
           width: "40",
           height: "37",
           alt: "Intlayer",
@@ -110,6 +116,10 @@ const SubscriptionPaymentSuccessFR = ({
         "Date de d\xE9but : ",
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: subscriptionStartDate })
       ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.Text, { className: "text-[14px] leading-[24px] text-black", children: [
+        "Organisation : ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: organizationName })
+      ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Section, { className: "my-[32px] text-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_components.Button,
         {
@@ -124,6 +134,7 @@ const SubscriptionPaymentSuccessFR = ({
 const SubscriptionPaymentSuccessES = ({
   username,
   planName,
+  organizationName,
   subscriptionStartDate,
   manageSubscriptionLink
 }) => {
@@ -135,7 +146,7 @@ const SubscriptionPaymentSuccessES = ({
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Section, { className: "mt-[32px]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_components.Img,
         {
-          src: `https://intlayer.org/assets/favicon-32x32.png`,
+          src: "https://intlayer.org/apple-touch-icon.png",
           width: "40",
           height: "37",
           alt: "Intlayer",
@@ -158,6 +169,10 @@ const SubscriptionPaymentSuccessES = ({
         "Fecha de inicio: ",
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: subscriptionStartDate })
       ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.Text, { className: "text-[14px] leading-[24px] text-black", children: [
+        "Organizaci\xF3n: ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: organizationName })
+      ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Section, { className: "my-[32px] text-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_components.Button,
         {
@@ -173,6 +188,7 @@ const PreviewProps = {
   username: "John Doe",
   email: "john.doe@example.com",
   planName: "Pro Plan",
+  organizationName: "My Organization",
   subscriptionStartDate: "November 20, 2024",
   manageSubscriptionLink: "https://intlayer.org/manage-subscription"
 };

package/dist/cjs/emails/SubscriptionPaymentSuccess.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/emails/SubscriptionPaymentSuccess.tsx"],"sourcesContent":["import {\n  Html,\n  Head,\n  Preview,\n  Tailwind,\n  Body,\n  Section,\n  Img,\n  Heading,\n  Container,\n  Button,\n  Text,\n} from '@react-email/components';\n\nexport type SubscriptionPaymentSuccessProps = {\n  username: string; // The name of the user receiving the email\n  email: string; // The email address of the user\n  planName: string; // The name of the subscription plan\n  subscriptionStartDate: string; // The start date of the subscription\n  manageSubscriptionLink: string; // A link for the user to manage their subscription\n};\n\nexport const SubscriptionPaymentSuccessEN = ({\n  username,\n  planName,\n  subscriptionStartDate,\n  manageSubscriptionLink,\n}: SubscriptionPaymentSuccessProps) => {\n  const previewText = `Your payment for ${planName} subscription is confirmed`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src={`https://intlayer.org/assets/favicon-32x32.png`}\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Payment Confirmed\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Hello {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Thank you for your payment! Your subscription to the{' '}\n              <strong>{planName}</strong> plan is now active.\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Start Date: <strong>{subscriptionStartDate}</strong>\n            </Text>\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={manageSubscriptionLink}\n              >\n                Manage Your Subscription\n              </Button>\n            </Section>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\nexport const SubscriptionPaymentSuccessFR = ({\n  username,\n  planName,\n  subscriptionStartDate,\n  manageSubscriptionLink,\n}: SubscriptionPaymentSuccessProps) => {\n  const previewText = `Votre paiement pour l'abonnement ${planName} est confirmé`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src={`https://intlayer.org/assets/favicon-32x32.png`}\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Paiement Confirmé\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Bonjour {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Merci pour votre paiement ! Votre abonnement au plan{' '}\n              <strong>{planName}</strong> est maintenant actif.\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Date de début : <strong>{subscriptionStartDate}</strong>\n            </Text>\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={manageSubscriptionLink}\n              >\n                Gérer votre abonnement\n              </Button>\n            </Section>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\nexport const SubscriptionPaymentSuccessES = ({\n  username,\n  planName,\n  subscriptionStartDate,\n  manageSubscriptionLink,\n}: SubscriptionPaymentSuccessProps) => {\n  const previewText = `Tu pago por la suscripción ${planName} ha sido confirmado`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src={`https://intlayer.org/assets/favicon-32x32.png`}\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Pago Confirmado\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Hola {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              ¡Gracias por tu pago! Tu suscripción al plan{' '}\n              <strong>{planName}</strong> ya está activa.\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Fecha de inicio: <strong>{subscriptionStartDate}</strong>\n            </Text>\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={manageSubscriptionLink}\n              >\n                Gestionar tu suscripción\n              </Button>\n            </Section>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\nconst PreviewProps: SubscriptionPaymentSuccessProps = {\n  username: 'John Doe',\n  email: 'john.doe@example.com',\n  planName: 'Pro Plan',\n  subscriptionStartDate: 'November 20, 2024',\n  manageSubscriptionLink: 'https://intlayer.org/manage-subscription',\n};\n\nSubscriptionPaymentSuccessEN.PreviewProps = PreviewProps;\nSubscriptionPaymentSuccessFR.PreviewProps = PreviewProps;\nSubscriptionPaymentSuccessES.PreviewProps = PreviewProps;\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/emails/SubscriptionPaymentSuccess.tsx"],"sourcesContent":["import {\n  Html,\n  Head,\n  Preview,\n  Tailwind,\n  Body,\n  Section,\n  Img,\n  Heading,\n  Container,\n  Button,\n  Text,\n} from '@react-email/components';\n\nexport type SubscriptionPaymentSuccessProps = {\n  username: string; // The name of the user receiving the email\n  email: string; // The email address of the user\n  planName: string; // The name of the subscription plan\n  organizationName: string; // The name of the organization\n  subscriptionStartDate: string; // The start date of the subscription\n  manageSubscriptionLink: string; // A link for the user to manage their subscription\n};\n\nexport const SubscriptionPaymentSuccessEN = ({\n  username,\n  planName,\n  organizationName,\n  subscriptionStartDate,\n  manageSubscriptionLink,\n}: SubscriptionPaymentSuccessProps) => {\n  const previewText = `Your payment for ${planName} subscription is confirmed`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src=\"https://intlayer.org/apple-touch-icon.png\"\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Payment Confirmed\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Hello {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Thank you for your payment! Your subscription to the{' '}\n              <strong>{planName}</strong> plan is now active.\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Start Date: <strong>{subscriptionStartDate}</strong>\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Organization: <strong>{organizationName}</strong>\n            </Text>\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={manageSubscriptionLink}\n              >\n                Manage Your Subscription\n              </Button>\n            </Section>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\nexport const SubscriptionPaymentSuccessFR = ({\n  username,\n  planName,\n  organizationName,\n  subscriptionStartDate,\n  manageSubscriptionLink,\n}: SubscriptionPaymentSuccessProps) => {\n  const previewText = `Votre paiement pour l'abonnement ${planName} est confirmé`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src=\"https://intlayer.org/apple-touch-icon.png\"\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Paiement Confirmé\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Bonjour {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Merci pour votre paiement ! Votre abonnement au plan{' '}\n              <strong>{planName}</strong> est maintenant actif.\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Date de début : <strong>{subscriptionStartDate}</strong>\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Organisation : <strong>{organizationName}</strong>\n            </Text>\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={manageSubscriptionLink}\n              >\n                Gérer votre abonnement\n              </Button>\n            </Section>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\nexport const SubscriptionPaymentSuccessES = ({\n  username,\n  planName,\n  organizationName,\n  subscriptionStartDate,\n  manageSubscriptionLink,\n}: SubscriptionPaymentSuccessProps) => {\n  const previewText = `Tu pago por la suscripción ${planName} ha sido confirmado`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src=\"https://intlayer.org/apple-touch-icon.png\"\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Pago Confirmado\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Hola {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              ¡Gracias por tu pago! Tu suscripción al plan{' '}\n              <strong>{planName}</strong> ya está activa.\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Fecha de inicio: <strong>{subscriptionStartDate}</strong>\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Organización: <strong>{organizationName}</strong>\n            </Text>\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={manageSubscriptionLink}\n              >\n                Gestionar tu suscripción\n              </Button>\n            </Section>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\nconst PreviewProps: SubscriptionPaymentSuccessProps = {\n  username: 'John Doe',\n  email: 'john.doe@example.com',\n  planName: 'Pro Plan',\n  organizationName: 'My Organization',\n  subscriptionStartDate: 'November 20, 2024',\n  manageSubscriptionLink: 'https://intlayer.org/manage-subscription',\n};\n\nSubscriptionPaymentSuccessEN.PreviewProps = PreviewProps;\nSubscriptionPaymentSuccessFR.PreviewProps = PreviewProps;\nSubscriptionPaymentSuccessES.PreviewProps = PreviewProps;\n"],"mappings":"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","names":[]}

package/dist/cjs/emails/ValidateUserEmail.cjs

@@ -37,7 +37,7 @@ const ValidateUserEmailEN = ({
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Section, { className: "mt-[32px]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_components.Img,
         {
-          src: `https://intlayer.org/assets/favicon-32x32.png`,
+          src: "https://intlayer.org/apple-touch-icon.png",
           width: "40",
           height: "37",
           alt: "Intlayer",
@@ -100,7 +100,7 @@ const ValidateUserEmailFR = ({
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Section, { className: "mt-[32px]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_components.Img,
         {
-          src: `https://intlayer.org/assets/favicon-32x32.png`,
+          src: "https://intlayer.org/apple-touch-icon.png",
           width: "40",
           height: "37",
           alt: "Intlayer",
@@ -163,7 +163,7 @@ const ValidateUserEmailES = ({
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Section, { className: "mt-[32px]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_components.Img,
         {
-          src: `https://intlayer.org/assets/favicon-32x32.png`,
+          src: "https://intlayer.org/apple-touch-icon.png",
           width: "40",
           height: "37",
           alt: "Intlayer",

package/dist/cjs/emails/ValidateUserEmail.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/emails/ValidateUserEmail.tsx"],"sourcesContent":["import {\n  Body,\n  Button,\n  Container,\n  Head,\n  Heading,\n  Hr,\n  Html,\n  Img,\n  Link,\n  Preview,\n  Section,\n  Text,\n  Tailwind,\n} from '@react-email/components';\n\nexport type ValidateUserEmailProps = {\n  username: string;\n  validationLink: string;\n};\n\nexport const ValidateUserEmailEN = ({\n  username,\n  validationLink,\n}: ValidateUserEmailProps) => {\n  const previewText = `Validate your email for Intlayer`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src={`https://intlayer.org/assets/favicon-32x32.png`}\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Validate your email for <strong>Intlayer</strong>\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Hello {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Please validate your email address to complete your registration\n              on <strong>Intlayer</strong>.\n            </Text>\n\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={validationLink}\n              >\n                Validate Email\n              </Button>\n            </Section>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              or copy and paste this URL into your browser:{' '}\n              <Link\n                href={validationLink}\n                className=\"text-[#E879BA] no-underline\"\n              >\n                {validationLink}\n              </Link>\n            </Text>\n            <Hr className=\"mx-0 my-[26px] w-full border border-solid border-[#eaeaea]\" />\n            <Text className=\"text-[12px] leading-[24px] text-[#666666]\">\n              This email was intended for{' '}\n              <span className=\"text-black\">{username}</span>. If you were not\n              expecting this email, you can ignore it. If you are concerned\n              about your account's safety, please reply to this email to get in\n              touch with us.\n            </Text>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\nexport const ValidateUserEmailFR = ({\n  username,\n  validationLink,\n}: ValidateUserEmailProps) => {\n  const previewText = `Validez votre e-mail pour Intlayer`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src={`https://intlayer.org/assets/favicon-32x32.png`}\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Validez votre e-mail pour <strong>Intlayer</strong>\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Bonjour {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Veuillez valider votre adresse e-mail pour compléter votre\n              inscription sur <strong>Intlayer</strong>.\n            </Text>\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={validationLink}\n              >\n                Valider l'e-mail\n              </Button>\n            </Section>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              ou copiez et collez cette URL dans votre navigateur :{' '}\n              <Link\n                href={validationLink}\n                className=\"text-[#E879BA] no-underline\"\n              >\n                {validationLink}\n              </Link>\n            </Text>\n            <Hr className=\"mx-0 my-[26px] w-full border border-solid border-[#eaeaea]\" />\n            <Text className=\"text-[12px] leading-[24px] text-[#666666]\">\n              Cet e-mail était destiné à{' '}\n              <span className=\"text-black\">{username}</span>. Si vous\n              n'attendiez pas cet e-mail, vous pouvez l'ignorer. Si vous êtes\n              préoccupé par la sécurité de votre compte, veuillez répondre à cet\n              e-mail pour nous contacter.\n            </Text>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\nexport const ValidateUserEmailES = ({\n  username,\n  validationLink,\n}: ValidateUserEmailProps) => {\n  const previewText = `Valida tu correo electrónico para Intlayer`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src={`https://intlayer.org/assets/favicon-32x32.png`}\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Valida tu correo electrónico para <strong>Intlayer</strong>\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Hola {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Por favor valida tu dirección de correo electrónico para completar\n              tu registro en <strong>Intlayer</strong>.\n            </Text>\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={validationLink}\n              >\n                Validar Email\n              </Button>\n            </Section>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              o copia y pega esta URL en tu navegador:{' '}\n              <Link\n                href={validationLink}\n                className=\"text-[#E879BA] no-underline\"\n              >\n                {validationLink}\n              </Link>\n            </Text>\n            <Hr className=\"mx-0 my-[26px] w-full border border-solid border-[#eaeaea]\" />\n            <Text className=\"text-[12px] leading-[24px] text-[#666666]\">\n              Este correo fue enviado a{' '}\n              <span className=\"text-black\">{username}</span>. Si no esperabas\n              este correo, puedes ignorarlo. Si estás preocupado por la\n              seguridad de tu cuenta, por favor responde a este correo para\n              contactarte con nosotros.\n            </Text>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\nconst previewProps: ValidateUserEmailProps = {\n  username: 'alanturing',\n  validationLink: 'https://intlayer.org/validate/foo',\n};\n\nValidateUserEmailEN.PreviewProps = previewProps;\nValidateUserEmailFR.PreviewProps = previewProps;\nValidateUserEmailES.PreviewProps = previewProps;\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/emails/ValidateUserEmail.tsx"],"sourcesContent":["import {\n  Body,\n  Button,\n  Container,\n  Head,\n  Heading,\n  Hr,\n  Html,\n  Img,\n  Link,\n  Preview,\n  Section,\n  Text,\n  Tailwind,\n} from '@react-email/components';\n\nexport type ValidateUserEmailProps = {\n  username: string;\n  validationLink: string;\n};\n\nexport const ValidateUserEmailEN = ({\n  username,\n  validationLink,\n}: ValidateUserEmailProps) => {\n  const previewText = `Validate your email for Intlayer`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src=\"https://intlayer.org/apple-touch-icon.png\"\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Validate your email for <strong>Intlayer</strong>\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Hello {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Please validate your email address to complete your registration\n              on <strong>Intlayer</strong>.\n            </Text>\n\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={validationLink}\n              >\n                Validate Email\n              </Button>\n            </Section>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              or copy and paste this URL into your browser:{' '}\n              <Link\n                href={validationLink}\n                className=\"text-[#E879BA] no-underline\"\n              >\n                {validationLink}\n              </Link>\n            </Text>\n            <Hr className=\"mx-0 my-[26px] w-full border border-solid border-[#eaeaea]\" />\n            <Text className=\"text-[12px] leading-[24px] text-[#666666]\">\n              This email was intended for{' '}\n              <span className=\"text-black\">{username}</span>. If you were not\n              expecting this email, you can ignore it. If you are concerned\n              about your account's safety, please reply to this email to get in\n              touch with us.\n            </Text>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\nexport const ValidateUserEmailFR = ({\n  username,\n  validationLink,\n}: ValidateUserEmailProps) => {\n  const previewText = `Validez votre e-mail pour Intlayer`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src=\"https://intlayer.org/apple-touch-icon.png\"\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Validez votre e-mail pour <strong>Intlayer</strong>\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Bonjour {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Veuillez valider votre adresse e-mail pour compléter votre\n              inscription sur <strong>Intlayer</strong>.\n            </Text>\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={validationLink}\n              >\n                Valider l'e-mail\n              </Button>\n            </Section>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              ou copiez et collez cette URL dans votre navigateur :{' '}\n              <Link\n                href={validationLink}\n                className=\"text-[#E879BA] no-underline\"\n              >\n                {validationLink}\n              </Link>\n            </Text>\n            <Hr className=\"mx-0 my-[26px] w-full border border-solid border-[#eaeaea]\" />\n            <Text className=\"text-[12px] leading-[24px] text-[#666666]\">\n              Cet e-mail était destiné à{' '}\n              <span className=\"text-black\">{username}</span>. Si vous\n              n'attendiez pas cet e-mail, vous pouvez l'ignorer. Si vous êtes\n              préoccupé par la sécurité de votre compte, veuillez répondre à cet\n              e-mail pour nous contacter.\n            </Text>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\nexport const ValidateUserEmailES = ({\n  username,\n  validationLink,\n}: ValidateUserEmailProps) => {\n  const previewText = `Valida tu correo electrónico para Intlayer`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src=\"https://intlayer.org/apple-touch-icon.png\"\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Valida tu correo electrónico para <strong>Intlayer</strong>\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Hola {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Por favor valida tu dirección de correo electrónico para completar\n              tu registro en <strong>Intlayer</strong>.\n            </Text>\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={validationLink}\n              >\n                Validar Email\n              </Button>\n            </Section>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              o copia y pega esta URL en tu navegador:{' '}\n              <Link\n                href={validationLink}\n                className=\"text-[#E879BA] no-underline\"\n              >\n                {validationLink}\n              </Link>\n            </Text>\n            <Hr className=\"mx-0 my-[26px] w-full border border-solid border-[#eaeaea]\" />\n            <Text className=\"text-[12px] leading-[24px] text-[#666666]\">\n              Este correo fue enviado a{' '}\n              <span className=\"text-black\">{username}</span>. Si no esperabas\n              este correo, puedes ignorarlo. Si estás preocupado por la\n              seguridad de tu cuenta, por favor responde a este correo para\n              contactarte con nosotros.\n            </Text>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\nconst previewProps: ValidateUserEmailProps = {\n  username: 'alanturing',\n  validationLink: 'https://intlayer.org/validate/foo',\n};\n\nValidateUserEmailEN.PreviewProps = previewProps;\nValidateUserEmailFR.PreviewProps = previewProps;\nValidateUserEmailES.PreviewProps = previewProps;\n"],"mappings":"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","names":[]}

package/dist/cjs/emails/Welcome.cjs

@@ -34,7 +34,7 @@ const WelcomeEmailEN = ({ username, loginLink }) => {
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Section, { className: "mt-[32px]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_components.Img,
         {
-          src: `https://intlayer.org/assets/favicon-32x32.png`,
+          src: "https://intlayer.org/apple-touch-icon.png",
           width: "40",
           height: "37",
           alt: "Intlayer",
@@ -82,7 +82,7 @@ const WelcomeEmailFR = ({ username, loginLink }) => {
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Section, { className: "mt-[32px]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_components.Img,
         {
-          src: `https://intlayer.org/assets/favicon-32x32.png`,
+          src: "https://intlayer.org/apple-touch-icon.png",
           width: "40",
           height: "37",
           alt: "Intlayer",
@@ -130,7 +130,7 @@ const WelcomeEmailES = ({ username, loginLink }) => {
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Section, { className: "mt-[32px]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_components.Img,
         {
-          src: `https://intlayer.org/assets/favicon-32x32.png`,
+          src: "https://intlayer.org/apple-touch-icon.png",
           width: "40",
           height: "37",
           alt: "Intlayer",

package/dist/cjs/emails/Welcome.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/emails/Welcome.tsx"],"sourcesContent":["import {\n  Body,\n  Button,\n  Container,\n  Head,\n  Heading,\n  Hr,\n  Html,\n  Img,\n  Preview,\n  Section,\n  Text,\n  Tailwind,\n  Link,\n} from '@react-email/components';\n\nexport type WelcomeEmailProps = {\n  username: string;\n  loginLink: string;\n};\n\nexport const WelcomeEmailEN = ({ username, loginLink }: WelcomeEmailProps) => {\n  const previewText = `Welcome to Intlayer!`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src={`https://intlayer.org/assets/favicon-32x32.png`}\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Welcome to <strong>Intlayer</strong>\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Hello {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              We're excited to have you on board! Get started by logging in to\n              your <strong>Intlayer</strong> account.\n            </Text>\n\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={loginLink}\n              >\n                Log In to Your Account\n              </Button>\n            </Section>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              or copy and paste this URL into your browser:{' '}\n              <Link href={loginLink} className=\"text-[#E879BA] no-underline\">\n                {loginLink}\n              </Link>\n            </Text>\n            <Hr className=\"mx-0 my-[26px] w-full border border-solid border-[#eaeaea]\" />\n            <Text className=\"text-[12px] leading-[24px] text-[#666666]\">\n              If you have any questions or need help getting started, feel free\n              to reply to this email. We're here to help!\n            </Text>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\nexport const WelcomeEmailFR = ({ username, loginLink }: WelcomeEmailProps) => {\n  const previewText = `Bienvenue chez Intlayer !`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src={`https://intlayer.org/assets/favicon-32x32.png`}\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Bienvenue chez <strong>Intlayer</strong>\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Bonjour {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Nous sommes ravis de vous avoir parmi nous ! Commencez par vous\n              connecter à votre compte <strong>Intlayer</strong>.\n            </Text>\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={loginLink}\n              >\n                Connectez-vous à votre compte\n              </Button>\n            </Section>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              ou copiez et collez cette URL dans votre navigateur :{' '}\n              <Link href={loginLink} className=\"text-[#E879BA] no-underline\">\n                {loginLink}\n              </Link>\n            </Text>\n            <Hr className=\"mx-0 my-[26px] w-full border border-solid border-[#eaeaea]\" />\n            <Text className=\"text-[12px] leading-[24px] text-[#666666]\">\n              Si vous avez des questions ou besoin d'aide pour commencer,\n              n'hésitez pas à répondre à cet e-mail. Nous sommes là pour vous\n              aider !\n            </Text>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\nexport const WelcomeEmailES = ({ username, loginLink }: WelcomeEmailProps) => {\n  const previewText = `¡Bienvenido a Intlayer!`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src={`https://intlayer.org/assets/favicon-32x32.png`}\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Bienvenido a <strong>Intlayer</strong>\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Hola {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              ¡Estamos emocionados de tenerte a bordo! Comienza iniciando sesión\n              en tu cuenta de <strong>Intlayer</strong>.\n            </Text>\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={loginLink}\n              >\n                Inicia sesión en tu cuenta\n              </Button>\n            </Section>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              o copia y pega esta URL en tu navegador:{' '}\n              <Link href={loginLink} className=\"text-[#E879BA] no-underline\">\n                {loginLink}\n              </Link>\n            </Text>\n            <Hr className=\"mx-0 my-[26px] w-full border border-solid border-[#eaeaea]\" />\n            <Text className=\"text-[12px] leading-[24px] text-[#666666]\">\n              Si tienes preguntas o necesitas ayuda para comenzar, no dudes en\n              responder a este correo electrónico. ¡Estamos aquí para ayudarte!\n            </Text>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\nconst PreviewProps: WelcomeEmailProps = {\n  username: 'alanturing',\n  loginLink: 'https://intlayer.org/login',\n};\n\nWelcomeEmailEN.PreviewProps = PreviewProps;\nWelcomeEmailFR.PreviewProps = PreviewProps;\nWelcomeEmailES.PreviewProps = PreviewProps;\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/emails/Welcome.tsx"],"sourcesContent":["import {\n  Body,\n  Button,\n  Container,\n  Head,\n  Heading,\n  Hr,\n  Html,\n  Img,\n  Preview,\n  Section,\n  Text,\n  Tailwind,\n  Link,\n} from '@react-email/components';\n\nexport type WelcomeEmailProps = {\n  username: string;\n  loginLink: string;\n};\n\nexport const WelcomeEmailEN = ({ username, loginLink }: WelcomeEmailProps) => {\n  const previewText = `Welcome to Intlayer!`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src=\"https://intlayer.org/apple-touch-icon.png\"\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Welcome to <strong>Intlayer</strong>\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Hello {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              We're excited to have you on board! Get started by logging in to\n              your <strong>Intlayer</strong> account.\n            </Text>\n\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={loginLink}\n              >\n                Log In to Your Account\n              </Button>\n            </Section>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              or copy and paste this URL into your browser:{' '}\n              <Link href={loginLink} className=\"text-[#E879BA] no-underline\">\n                {loginLink}\n              </Link>\n            </Text>\n            <Hr className=\"mx-0 my-[26px] w-full border border-solid border-[#eaeaea]\" />\n            <Text className=\"text-[12px] leading-[24px] text-[#666666]\">\n              If you have any questions or need help getting started, feel free\n              to reply to this email. We're here to help!\n            </Text>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\nexport const WelcomeEmailFR = ({ username, loginLink }: WelcomeEmailProps) => {\n  const previewText = `Bienvenue chez Intlayer !`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src=\"https://intlayer.org/apple-touch-icon.png\"\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Bienvenue chez <strong>Intlayer</strong>\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Bonjour {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Nous sommes ravis de vous avoir parmi nous ! Commencez par vous\n              connecter à votre compte <strong>Intlayer</strong>.\n            </Text>\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={loginLink}\n              >\n                Connectez-vous à votre compte\n              </Button>\n            </Section>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              ou copiez et collez cette URL dans votre navigateur :{' '}\n              <Link href={loginLink} className=\"text-[#E879BA] no-underline\">\n                {loginLink}\n              </Link>\n            </Text>\n            <Hr className=\"mx-0 my-[26px] w-full border border-solid border-[#eaeaea]\" />\n            <Text className=\"text-[12px] leading-[24px] text-[#666666]\">\n              Si vous avez des questions ou besoin d'aide pour commencer,\n              n'hésitez pas à répondre à cet e-mail. Nous sommes là pour vous\n              aider !\n            </Text>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\nexport const WelcomeEmailES = ({ username, loginLink }: WelcomeEmailProps) => {\n  const previewText = `¡Bienvenido a Intlayer!`;\n\n  return (\n    <Html>\n      <Head />\n      <Preview>{previewText}</Preview>\n      <Tailwind>\n        <Body className=\"m-auto px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded-xl border border-solid border-[#eaeaea] bg-white p-[20px]\">\n            <Section className=\"mt-[32px]\">\n              <Img\n                src=\"https://intlayer.org/apple-touch-icon.png\"\n                width=\"40\"\n                height=\"37\"\n                alt=\"Intlayer\"\n                className=\"mx-auto my-0\"\n              />\n            </Section>\n            <Heading className=\"mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black\">\n              Bienvenido a <strong>Intlayer</strong>\n            </Heading>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              Hola {username},\n            </Text>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              ¡Estamos emocionados de tenerte a bordo! Comienza iniciando sesión\n              en tu cuenta de <strong>Intlayer</strong>.\n            </Text>\n            <Section className=\"my-[32px] text-center\">\n              <Button\n                className=\"rounded-md bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={loginLink}\n              >\n                Inicia sesión en tu cuenta\n              </Button>\n            </Section>\n            <Text className=\"text-[14px] leading-[24px] text-black\">\n              o copia y pega esta URL en tu navegador:{' '}\n              <Link href={loginLink} className=\"text-[#E879BA] no-underline\">\n                {loginLink}\n              </Link>\n            </Text>\n            <Hr className=\"mx-0 my-[26px] w-full border border-solid border-[#eaeaea]\" />\n            <Text className=\"text-[12px] leading-[24px] text-[#666666]\">\n              Si tienes preguntas o necesitas ayuda para comenzar, no dudes en\n              responder a este correo electrónico. ¡Estamos aquí para ayudarte!\n            </Text>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n};\n\nconst PreviewProps: WelcomeEmailProps = {\n  username: 'alanturing',\n  loginLink: 'https://intlayer.org/login',\n};\n\nWelcomeEmailEN.PreviewProps = PreviewProps;\nWelcomeEmailFR.PreviewProps = PreviewProps;\nWelcomeEmailES.PreviewProps = PreviewProps;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BM;AA1BN,wBAcO;AAOA,MAAM,iBAAiB,CAAC,EAAE,UAAU,UAAU,MAAyB;AAC5E,QAAM,cAAc;AAEpB,SACE,6CAAC,0BACC;AAAA,gDAAC,0BAAK;AAAA,IACN,4CAAC,6BAAS,uBAAY;AAAA,IACtB,4CAAC,8BACC,sDAAC,0BAAK,WAAU,yBACd,uDAAC,+BAAU,WAAU,qGACnB;AAAA,kDAAC,6BAAQ,WAAU,aACjB;AAAA,QAAC;AAAA;AAAA,UACC,KAAI;AAAA,UACJ,OAAM;AAAA,UACN,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,WAAU;AAAA;AAAA,MACZ,GACF;AAAA,MACA,6CAAC,6BAAQ,WAAU,qEAAoE;AAAA;AAAA,QAC1E,4CAAC,YAAO,sBAAQ;AAAA,SAC7B;AAAA,MACA,6CAAC,0BAAK,WAAU,yCAAwC;AAAA;AAAA,QAC/C;AAAA,QAAS;AAAA,SAClB;AAAA,MACA,6CAAC,0BAAK,WAAU,yCAAwC;AAAA;AAAA,QAEjD,4CAAC,YAAO,sBAAQ;AAAA,QAAS;AAAA,SAChC;AAAA,MAEA,4CAAC,6BAAQ,WAAU,yBACjB;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAM;AAAA,UACP;AAAA;AAAA,MAED,GACF;AAAA,MACA,6CAAC,0BAAK,WAAU,yCAAwC;AAAA;AAAA,QACR;AAAA,QAC9C,4CAAC,0BAAK,MAAM,WAAW,WAAU,+BAC9B,qBACH;AAAA,SACF;AAAA,MACA,4CAAC,wBAAG,WAAU,8DAA6D;AAAA,MAC3E,4CAAC,0BAAK,WAAU,6CAA4C,2HAG5D;AAAA,OACF,GACF,GACF;AAAA,KACF;AAEJ;AAEO,MAAM,iBAAiB,CAAC,EAAE,UAAU,UAAU,MAAyB;AAC5E,QAAM,cAAc;AAEpB,SACE,6CAAC,0BACC;AAAA,gDAAC,0BAAK;AAAA,IACN,4CAAC,6BAAS,uBAAY;AAAA,IACtB,4CAAC,8BACC,sDAAC,0BAAK,WAAU,yBACd,uDAAC,+BAAU,WAAU,qGACnB;AAAA,kDAAC,6BAAQ,WAAU,aACjB;AAAA,QAAC;AAAA;AAAA,UACC,KAAI;AAAA,UACJ,OAAM;AAAA,UACN,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,WAAU;AAAA;AAAA,MACZ,GACF;AAAA,MACA,6CAAC,6BAAQ,WAAU,qEAAoE;AAAA;AAAA,QACtE,4CAAC,YAAO,sBAAQ;AAAA,SACjC;AAAA,MACA,6CAAC,0BAAK,WAAU,yCAAwC;AAAA;AAAA,QAC7C;AAAA,QAAS;AAAA,SACpB;AAAA,MACA,6CAAC,0BAAK,WAAU,yCAAwC;AAAA;AAAA,QAE7B,4CAAC,YAAO,sBAAQ;AAAA,QAAS;AAAA,SACpD;AAAA,MACA,4CAAC,6BAAQ,WAAU,yBACjB;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAM;AAAA,UACP;AAAA;AAAA,MAED,GACF;AAAA,MACA,6CAAC,0BAAK,WAAU,yCAAwC;AAAA;AAAA,QACA;AAAA,QACtD,4CAAC,0BAAK,MAAM,WAAW,WAAU,+BAC9B,qBACH;AAAA,SACF;AAAA,MACA,4CAAC,wBAAG,WAAU,8DAA6D;AAAA,MAC3E,4CAAC,0BAAK,WAAU,6CAA4C,gKAI5D;AAAA,OACF,GACF,GACF;AAAA,KACF;AAEJ;AAEO,MAAM,iBAAiB,CAAC,EAAE,UAAU,UAAU,MAAyB;AAC5E,QAAM,cAAc;AAEpB,SACE,6CAAC,0BACC;AAAA,gDAAC,0BAAK;AAAA,IACN,4CAAC,6BAAS,uBAAY;AAAA,IACtB,4CAAC,8BACC,sDAAC,0BAAK,WAAU,yBACd,uDAAC,+BAAU,WAAU,qGACnB;AAAA,kDAAC,6BAAQ,WAAU,aACjB;AAAA,QAAC;AAAA;AAAA,UACC,KAAI;AAAA,UACJ,OAAM;AAAA,UACN,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,WAAU;AAAA;AAAA,MACZ,GACF;AAAA,MACA,6CAAC,6BAAQ,WAAU,qEAAoE;AAAA;AAAA,QACxE,4CAAC,YAAO,sBAAQ;AAAA,SAC/B;AAAA,MACA,6CAAC,0BAAK,WAAU,yCAAwC;AAAA;AAAA,QAChD;AAAA,QAAS;AAAA,SACjB;AAAA,MACA,6CAAC,0BAAK,WAAU,yCAAwC;AAAA;AAAA,QAEtC,4CAAC,YAAO,sBAAQ;AAAA,QAAS;AAAA,SAC3C;AAAA,MACA,4CAAC,6BAAQ,WAAU,yBACjB;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAM;AAAA,UACP;AAAA;AAAA,MAED,GACF;AAAA,MACA,6CAAC,0BAAK,WAAU,yCAAwC;AAAA;AAAA,QACb;AAAA,QACzC,4CAAC,0BAAK,MAAM,WAAW,WAAU,+BAC9B,qBACH;AAAA,SACF;AAAA,MACA,4CAAC,wBAAG,WAAU,8DAA6D;AAAA,MAC3E,4CAAC,0BAAK,WAAU,6CAA4C,yJAG5D;AAAA,OACF,GACF,GACF;AAAA,KACF;AAEJ;AAEA,MAAM,eAAkC;AAAA,EACtC,UAAU;AAAA,EACV,WAAW;AACb;AAEA,eAAe,eAAe;AAC9B,eAAe,eAAe;AAC9B,eAAe,eAAe;","names":[]}