promote-email-templates 0.0.5 → 0.0.6

package/.react-email/tailwind.config.ts

@@ -0,0 +1,94 @@
+import type { Config } from 'tailwindcss';
+import colors = require('@radix-ui/colors');
+import { fontFamily } from 'tailwindcss/defaultTheme';
+import plugin from 'tailwindcss/plugin';
+
+const iOsHeight = plugin(({ addUtilities }) => {
+  const supportsTouchRule = '@supports (-webkit-touch-callout: none)';
+  const webkitFillAvailable = '-webkit-fill-available';
+
+  const utilities = {
+    '.min-h-screen-ios': {
+      [supportsTouchRule]: {
+        minHeight: webkitFillAvailable,
+      },
+    },
+    '.h-screen-ios': {
+      [supportsTouchRule]: {
+        height: webkitFillAvailable,
+      },
+    },
+  };
+
+  // @ts-expect-error This works normally, not sure what this error is
+  addUtilities(utilities, ['responsive']);
+});
+
+const config: Config = {
+  content: {
+    // needs to be relative because tailwind will find the content
+    // by default based on the process's cwd
+    relative: true,
+    files: [
+      './src/components/**/*.{js,ts,jsx,tsx,mdx}',
+      './src/app/**/*.{js,ts,jsx,tsx,mdx}',
+    ],
+  },
+  theme: {
+    extend: {
+      backgroundImage: {
+        gradient:
+          'linear-gradient(145.37deg, rgba(255, 255, 255, 0.09) -8.75%, rgba(255, 255, 255, 0.027) 83.95%)',
+        gradientHover:
+          'linear-gradient(145.37deg, rgba(255, 255, 255, 0.1) -8.75%, rgba(255, 255, 255, 0.057) 83.95%)',
+        shine:
+          'linear-gradient(45deg, rgba(255,255,255,0) 45%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 55%,rgba(255,255,255,0) 100%)',
+      },
+      colors: {
+        cyan: {
+          1: colors.cyanDarkA.cyanA1,
+          2: colors.cyanDarkA.cyanA2,
+          3: colors.cyanDarkA.cyanA3,
+          4: colors.cyanDarkA.cyanA4,
+          5: colors.cyanDarkA.cyanA5,
+          6: colors.cyanDarkA.cyanA6,
+          7: colors.cyanDarkA.cyanA7,
+          8: colors.cyanDarkA.cyanA8,
+          9: colors.cyanDarkA.cyanA9,
+          10: colors.cyanDarkA.cyanA10,
+          11: colors.cyanDarkA.cyanA11,
+          12: colors.cyanDarkA.cyanA12,
+        },
+        slate: {
+          1: colors.slateDarkA.slateA1,
+          2: colors.slateDarkA.slateA2,
+          3: colors.slateDarkA.slateA3,
+          4: colors.slateDarkA.slateA4,
+          5: colors.slateDarkA.slateA5,
+          6: colors.slateDarkA.slateA6,
+          7: colors.slateDarkA.slateA7,
+          8: colors.slateDarkA.slateA8,
+          9: colors.slateDarkA.slateA9,
+          10: colors.slateDarkA.slateA10,
+          11: colors.slateDarkA.slateA11,
+          12: colors.slateDarkA.slateA12,
+        },
+      },
+      fontFamily: {
+        sans: ['var(--font-inter)', ...fontFamily.sans],
+      },
+      keyframes: {
+        shine: {
+          '0%': { backgroundPosition: '-100%' },
+          '100%': { backgroundPosition: '100%' },
+        },
+        dash: {
+          '0%': { strokeDashoffset: '1000' },
+          '100%': { strokeDashoffset: '0' },
+        },
+      },
+    },
+  },
+  plugins: [iOsHeight],
+};
+export default config;

package/dist/index.d.mts

@@ -576,7 +576,7 @@ declare function Welcome({ name, userType }: WelcomeTemplateProps): react_jsx_ru
 declare namespace Welcome {
     var PreviewProps: {
         name: string;
-        userType: USER_ROLES.BRAND;
+        userType: USER_ROLES.CREATOR;
     };
 }
 

package/dist/index.d.ts

@@ -576,7 +576,7 @@ declare function Welcome({ name, userType }: WelcomeTemplateProps): react_jsx_ru
 declare namespace Welcome {
     var PreviewProps: {
         name: string;
-        userType: USER_ROLES.BRAND;
+        userType: USER_ROLES.CREATOR;
     };
 }
 

package/dist/index.js

@@ -1211,20 +1211,26 @@ function Welcome({ name, userType }) {
   const content2 = {
     ["brand" /* BRAND */]: {
       startLink: appRoutes.creatorsList,
-      description: " Obrigado por se registrar. Estamos muito felizes por t\xEA-lo a bordo. Explore nossa plataforma e descubra os melhores influenciadores e criadores de conte\xFAdo para suas necessidades de marketing."
+      description: `Agora fazes parte da Promote, a primeira plataforma de Conte\xFAdo Gerado pelo Usu\xE1rio (UGC) em Mo\xE7ambique.
+Como Marca, podes conectar-te com criadores e escolher os que melhor se alinham \xE0 tua vis\xE3o para criar o conte\xFAdo ideal.
+
+Agradecemos pelo teu registo e vamos manter-te informado sobre atualiza\xE7\xF5es e o lan\xE7amento oficial.`
     },
     ["creator" /* CREATOR */]: {
       startLink: appRoutes.creatorPrivateProfile,
-      description: " Obrigado por se registrar. Estamos muito felizes por t\xEA-lo a bordo. Explore nossa plataforma e descubra as melhores marcas para colaborar."
+      description: `Parab\xE9ns! Agora fazes parte da Promote, a primeira plataforma de Conte\xFAdo Gerado pelo Usu\xE1rio (UGC) em Mo\xE7ambique.
+Como Criador, vais poder conectar-te com marcas e ag\xEAncias, mostrar o teu talento e candidatar-te a diversos projectos.
+
+Agradecemos pelo teu registo e vamos manter-te informado sobre novidades e o lan\xE7amento oficial.`
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_components24.Html, { style: rootStyles, children: [
     /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(BaseHead, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_components24.Preview, { children: "Bem-vindo a Promote" }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_components24.Preview, { children: "Bem-vindo \xE0 Promote" }),
     /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_components24.Body, { style: { ...main, ...baseContainer }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_components24.Container, { style: headContainer, children: [
         /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_components24.Img, { src: `${assetsBasePath}/icons/logo-icon.png`, alt: "Promote Logo", style: promoteLogo }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_components24.Img, { src: `${assetsBasePath}/icons/welcome-title.png`, alt: "Promote Logo", style: welcomeImage })
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_components24.Img, { src: `${assetsBasePath}/icons/welcome-title.png`, alt: "Bem-vindo \xE0 Promote", style: welcomeImage })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_components24.Container, { style: baseContentContainer, children: [
         /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_components24.Heading, { as: "h1", style: title3, children: [
@@ -1234,7 +1240,7 @@ function Welcome({ name, userType }) {
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_components24.Text, { style: textInfo, children: content2[userType]?.description }),
         /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_components24.Text, { style: textInfo, children: [
-          "Em caso de qualquer d\xFAvida, entre em conctato connosco atrav\xE9s do e-mail:",
+          "Se tiveres alguma d\xFAvida ou sugest\xE3o, n\xE3o hesites em contactar-nos atrav\xE9s do e-mail:",
           " ",
           /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_components24.Link, { style: link, href: "mailto:help@promote.co.mz", children: "help@promote.co.mz" }),
           " ",
@@ -1247,8 +1253,8 @@ function Welcome({ name, userType }) {
   ] });
 }
 Welcome.PreviewProps = {
-  name: "Jo\xE3o ant\xF3nio",
-  userType: "brand" /* BRAND */
+  name: "Jo\xE3o Ant\xF3nio",
+  userType: "creator" /* CREATOR */
 };
 var headContainer = {
   ...baseContentContainer,
@@ -1280,7 +1286,9 @@ var title3 = {
 var textInfo = {
   ...baseText,
   marginTop: "20px",
-  marginBottom: "20px"
+  marginBottom: "20px",
+  textAlign: "justify",
+  whiteSpace: "pre-line"
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/index.mjs

@@ -1154,20 +1154,26 @@ function Welcome({ name, userType }) {
   const content2 = {
     ["brand" /* BRAND */]: {
       startLink: appRoutes.creatorsList,
-      description: " Obrigado por se registrar. Estamos muito felizes por t\xEA-lo a bordo. Explore nossa plataforma e descubra os melhores influenciadores e criadores de conte\xFAdo para suas necessidades de marketing."
+      description: `Agora fazes parte da Promote, a primeira plataforma de Conte\xFAdo Gerado pelo Usu\xE1rio (UGC) em Mo\xE7ambique.
+Como Marca, podes conectar-te com criadores e escolher os que melhor se alinham \xE0 tua vis\xE3o para criar o conte\xFAdo ideal.
+
+Agradecemos pelo teu registo e vamos manter-te informado sobre atualiza\xE7\xF5es e o lan\xE7amento oficial.`
     },
     ["creator" /* CREATOR */]: {
       startLink: appRoutes.creatorPrivateProfile,
-      description: " Obrigado por se registrar. Estamos muito felizes por t\xEA-lo a bordo. Explore nossa plataforma e descubra as melhores marcas para colaborar."
+      description: `Parab\xE9ns! Agora fazes parte da Promote, a primeira plataforma de Conte\xFAdo Gerado pelo Usu\xE1rio (UGC) em Mo\xE7ambique.
+Como Criador, vais poder conectar-te com marcas e ag\xEAncias, mostrar o teu talento e candidatar-te a diversos projectos.
+
+Agradecemos pelo teu registo e vamos manter-te informado sobre novidades e o lan\xE7amento oficial.`
     }
   };
   return /* @__PURE__ */ jsxs22(Html17, { style: rootStyles, children: [
     /* @__PURE__ */ jsx24(BaseHead, {}),
-    /* @__PURE__ */ jsx24(Preview17, { children: "Bem-vindo a Promote" }),
+    /* @__PURE__ */ jsx24(Preview17, { children: "Bem-vindo \xE0 Promote" }),
     /* @__PURE__ */ jsxs22(Body17, { style: { ...main, ...baseContainer }, children: [
       /* @__PURE__ */ jsxs22(Container22, { style: headContainer, children: [
         /* @__PURE__ */ jsx24(Img4, { src: `${assetsBasePath}/icons/logo-icon.png`, alt: "Promote Logo", style: promoteLogo }),
-        /* @__PURE__ */ jsx24(Img4, { src: `${assetsBasePath}/icons/welcome-title.png`, alt: "Promote Logo", style: welcomeImage })
+        /* @__PURE__ */ jsx24(Img4, { src: `${assetsBasePath}/icons/welcome-title.png`, alt: "Bem-vindo \xE0 Promote", style: welcomeImage })
       ] }),
       /* @__PURE__ */ jsxs22(Container22, { style: baseContentContainer, children: [
         /* @__PURE__ */ jsxs22(Heading3, { as: "h1", style: title3, children: [
@@ -1177,7 +1183,7 @@ function Welcome({ name, userType }) {
         ] }),
         /* @__PURE__ */ jsx24(Text22, { style: textInfo, children: content2[userType]?.description }),
         /* @__PURE__ */ jsxs22(Text22, { style: textInfo, children: [
-          "Em caso de qualquer d\xFAvida, entre em conctato connosco atrav\xE9s do e-mail:",
+          "Se tiveres alguma d\xFAvida ou sugest\xE3o, n\xE3o hesites em contactar-nos atrav\xE9s do e-mail:",
           " ",
           /* @__PURE__ */ jsx24(Link20, { style: link, href: "mailto:help@promote.co.mz", children: "help@promote.co.mz" }),
           " ",
@@ -1190,8 +1196,8 @@ function Welcome({ name, userType }) {
   ] });
 }
 Welcome.PreviewProps = {
-  name: "Jo\xE3o ant\xF3nio",
-  userType: "brand" /* BRAND */
+  name: "Jo\xE3o Ant\xF3nio",
+  userType: "creator" /* CREATOR */
 };
 var headContainer = {
   ...baseContentContainer,
@@ -1223,7 +1229,9 @@ var title3 = {
 var textInfo = {
   ...baseText,
   marginTop: "20px",
-  marginBottom: "20px"
+  marginBottom: "20px",
+  textAlign: "justify",
+  whiteSpace: "pre-line"
 };
 export {
   AbortOrderRequest,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "promote-email-templates",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "Promote Email Templates",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",