promote-email-templates 0.0.2 → 0.0.3

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

@@ -161,6 +161,62 @@ interface NewOrderCreatedBrandProps {
         photo: string;
     };
 }
+interface NewJobCreatedBrandProps {
+    brand: {
+        name: string;
+    };
+    campaign: {
+        name: string;
+        description: string;
+        photo: string;
+    };
+    job: {
+        id: string;
+        createdAt: string;
+        jobCommission: string;
+    };
+}
+interface NewJobApplicationsReceivedBrandProps {
+    brand: {
+        name: string;
+    };
+    campaign: {
+        name: string;
+        description: string;
+        photo: string;
+    };
+    job: {
+        id: string;
+        createdAt: string;
+        jobCommission: string;
+    };
+    jobApplication: {
+        id: string;
+        desired_budget?: number;
+        observations?: string;
+    };
+    creatorCandidate: {
+        name: string;
+        photo: string;
+        username: string;
+    };
+}
+interface NewJobApplicationUnapprovedCreatorProps {
+    creator: {
+        name: string;
+        email: string;
+        photo: string;
+    };
+    campaign: {
+        name: string;
+        description: string;
+        photo: string;
+    };
+    jobApplication: {
+        id: string;
+        rejectionReason?: string;
+    };
+}
 interface WelcomeTemplateProps {
     name?: string;
     userType: USER_ROLES;
@@ -186,6 +242,90 @@ declare namespace RevertPaymentRequestAdmin {
     };
 }
 
+declare const colors: {
+    primary: string;
+    white: string;
+    black: string;
+    grey: string;
+    grey01: string;
+};
+declare const rootStyles: {
+    width: string;
+    height: string;
+    backgroundColor: string;
+    fontFamily: string;
+};
+declare const baseContentContainer: {
+    padding: string;
+    maxWidth: string;
+};
+declare const link: {
+    color: string;
+    textDecoration: string;
+    fontWeight: string;
+    opacity: number;
+};
+declare const main: {
+    backgroundColor: string;
+    maxWidth: string;
+    width: string;
+    height: string;
+    marginLeft: string;
+    marginRight: string;
+};
+declare const baseContainer: {
+    width: string;
+    height: string;
+    padding: string;
+    border: string;
+    borderRadius: string;
+};
+declare const button: {
+    fontSize: string;
+    backgroundColor: string;
+    display: string;
+    color: string;
+    padding: string;
+    width: string;
+    borderRadius: string;
+    justifyContent: string;
+    margin: string;
+    textAlign: "center";
+    fontWeight: string;
+};
+declare const baseText: {
+    color: string;
+    fontSize: string;
+    lineHeight: string;
+};
+declare const centerBlock: {
+    display: string;
+    margin: string;
+};
+declare const centerText: {
+    textAlign: "center";
+};
+
+declare const appBaseUrl = "https://promote.co.mz";
+declare const assetsBasePath = "https://s3.us-east-2.amazonaws.com/promote-mz.com/assets";
+declare const appRoutes: {
+    homePageRoute: string;
+    creatorsList: string;
+    creatorPrivateProfile: string;
+    termsAndConditions: string;
+    jobsList: string;
+    creatorOrderDetails: (orderId: string) => string;
+    brandOrderDetails: (orderId: string) => string;
+    brandJobDetails: (jobId: string) => string;
+    adminOrderDetails: (orderId: string) => string;
+    creatorPublicProfile: (username: string) => string;
+};
+declare const socialNetworkLinks: {
+    linkedin: string;
+    instagram: string;
+    facebook: string;
+};
+
 declare function OrderEvidencesAcceptedBrand(props: OrderEvidencesAcceptedBrandProps): react_jsx_runtime.JSX.Element;
 declare namespace OrderEvidencesAcceptedBrand {
     var PreviewProps: {
@@ -292,6 +432,54 @@ declare namespace OrderRejectedBrand {
     };
 }
 
+declare function NewJobCreatedBrand(props: NewJobCreatedBrandProps): react_jsx_runtime.JSX.Element;
+declare namespace NewJobCreatedBrand {
+    var PreviewProps: {
+        brand: {
+            name: string;
+        };
+        campaign: {
+            name: string;
+            description: string;
+            photo: string;
+        };
+        job: {
+            id: string;
+            createdAt: string;
+            jobCommission: string;
+        };
+    };
+}
+
+declare function NewJobApplicationsReceivedBrand(props: NewJobApplicationsReceivedBrandProps): react_jsx_runtime.JSX.Element;
+declare namespace NewJobApplicationsReceivedBrand {
+    var PreviewProps: {
+        brand: {
+            name: string;
+        };
+        campaign: {
+            name: string;
+            description: string;
+            photo: string;
+        };
+        job: {
+            id: string;
+            createdAt: string;
+            jobCommission: string;
+        };
+        jobApplication: {
+            id: string;
+            desired_budget: number;
+            observations: string;
+        };
+        creatorCandidate: {
+            name: string;
+            photo: string;
+            username: string;
+        };
+    };
+}
+
 declare function EvidenceApprovedCreator(props: EvidenceApprovedCreatorProps): react_jsx_runtime.JSX.Element;
 declare namespace EvidenceApprovedCreator {
     var PreviewProps: {
@@ -374,87 +562,25 @@ declare namespace NewOrderCreatedCreator {
     };
 }
 
-declare const colors: {
-    primary: string;
-    white: string;
-    black: string;
-    grey: string;
-    grey01: string;
-};
-declare const rootStyles: {
-    width: string;
-    height: string;
-    backgroundColor: string;
-    fontFamily: string;
-};
-declare const baseContentContainer: {
-    padding: string;
-    maxWidth: string;
-};
-declare const link: {
-    color: string;
-    textDecoration: string;
-    fontWeight: string;
-    opacity: number;
-};
-declare const main: {
-    backgroundColor: string;
-    maxWidth: string;
-    width: string;
-    height: string;
-    marginLeft: string;
-    marginRight: string;
-};
-declare const baseContainer: {
-    width: string;
-    height: string;
-    padding: string;
-    border: string;
-    borderRadius: string;
-};
-declare const button: {
-    fontSize: string;
-    backgroundColor: string;
-    display: string;
-    color: string;
-    padding: string;
-    width: string;
-    borderRadius: string;
-    justifyContent: string;
-    margin: string;
-    textAlign: "center";
-    fontWeight: string;
-};
-declare const baseText: {
-    color: string;
-    fontSize: string;
-    lineHeight: string;
-};
-declare const centerBlock: {
-    display: string;
-    margin: string;
-};
-declare const centerText: {
-    textAlign: "center";
-};
-
-declare const appBaseUrl = "https://promote.co.mz";
-declare const assetsBasePath = "https://s3.us-east-2.amazonaws.com/promote-mz.com/assets";
-declare const appRoutes: {
-    homePageRoute: string;
-    creatorsList: string;
-    creatorPrivateProfile: string;
-    termsAndConditions: string;
-    creatorOrderDetails: (orderId: string) => string;
-    brandOrderDetails: (orderId: string) => string;
-    adminOrderDetails: (orderId: string) => string;
-    creatorPublicProfile: (username: string) => string;
-};
-declare const socialNetworkLinks: {
-    linkedin: string;
-    instagram: string;
-    facebook: string;
-};
+declare function NewJobApplicationUnapprovedCreator(props: NewJobApplicationUnapprovedCreatorProps): react_jsx_runtime.JSX.Element;
+declare namespace NewJobApplicationUnapprovedCreator {
+    var PreviewProps: {
+        creator: {
+            name: string;
+            email: string;
+            photo: string;
+        };
+        campaign: {
+            name: string;
+            description: string;
+            photo: string;
+        };
+        jobApplication: {
+            id: string;
+            rejectionReason: string;
+        };
+    };
+}
 
 declare function Welcome({ name, userType }: WelcomeTemplateProps): react_jsx_runtime.JSX.Element;
 declare namespace Welcome {
@@ -464,4 +590,4 @@ declare namespace Welcome {
     };
 }
 
-export { AbortOrderRequest, type AbortOrderRequestProps, EvidenceApprovedCreator, type EvidenceApprovedCreatorProps, type EvidenceSubmittedBrandProps, EvidencesRejectedCreator, type EvidencesRejectedProps, EvidencesSubmittedBrand, NewOrderCreatedBrand, type NewOrderCreatedBrandProps, NewOrderCreatedCreator, type NewOrderCreatedCreatorProps, OrderAcceptedBrand, type OrderAcceptedBrandProps, OrderCancelledBrand, type OrderCancelledBrandProps, OrderCancelledCreator, type OrderCancelledCreatorProps, OrderEvidencesAcceptedBrand, type OrderEvidencesAcceptedBrandProps, type OrderOrderPaymentCreatorProps, OrderPaymentCreator, OrderRejectedBrand, type OrderRejectedBrandProps, RevertPaymentRequestAdmin, type RevertPaymentRequestAdminProps, USER_ROLES, Welcome, type WelcomeTemplateProps, appBaseUrl, appRoutes, assetsBasePath, baseContainer, baseContentContainer, baseText, button, centerBlock, centerText, colors, link, main, rootStyles, socialNetworkLinks };
+export { AbortOrderRequest, type AbortOrderRequestProps, EvidenceApprovedCreator, type EvidenceApprovedCreatorProps, type EvidenceSubmittedBrandProps, EvidencesRejectedCreator, type EvidencesRejectedProps, EvidencesSubmittedBrand, NewJobApplicationUnapprovedCreator, type NewJobApplicationUnapprovedCreatorProps, NewJobApplicationsReceivedBrand, type NewJobApplicationsReceivedBrandProps, NewJobCreatedBrand, type NewJobCreatedBrandProps, NewOrderCreatedBrand, type NewOrderCreatedBrandProps, NewOrderCreatedCreator, type NewOrderCreatedCreatorProps, OrderAcceptedBrand, type OrderAcceptedBrandProps, OrderCancelledBrand, type OrderCancelledBrandProps, OrderCancelledCreator, type OrderCancelledCreatorProps, OrderEvidencesAcceptedBrand, type OrderEvidencesAcceptedBrandProps, type OrderOrderPaymentCreatorProps, OrderPaymentCreator, OrderRejectedBrand, type OrderRejectedBrandProps, RevertPaymentRequestAdmin, type RevertPaymentRequestAdminProps, USER_ROLES, Welcome, type WelcomeTemplateProps, appBaseUrl, appRoutes, assetsBasePath, baseContainer, baseContentContainer, baseText, button, centerBlock, centerText, colors, link, main, rootStyles, socialNetworkLinks };