@driveflux/pdf 1.0.1

package/src/templates/SubscriptionAgreement/utils.ts

@@ -0,0 +1,7 @@
+import { UserIdentification } from '@driveflux/db'
+
+export const formatIdentification = (identification?: UserIdentification | null) => {
+  return identification?.type === 'id'
+    ? `${identification?.number?.slice(0, 6)}-${identification?.number?.slice(6, 8)}-${identification?.number?.slice(8)}`
+    : identification?.number || '-'
+}

package/src/templates/index.ts

@@ -0,0 +1 @@
+export * from './SubscriptionAgreement/index.js'

package/src/theme/colors.ts

@@ -0,0 +1,180 @@
+  // TODO sync this with the one in dump
+  // remove dump file version
+  // update all instances using colors
+
+  export const colors = {
+    /**
+     * #EFEFF0 Light Gray
+     */
+    primary1: '#EFEFF0',
+  
+    /**
+     * #CACACA Gray
+     */
+    primary2: '#CACACA',
+  
+    /**
+     * #585858 Dark Gray
+     */
+    primary3: '#585858',
+  
+    /**
+     * #191919 Soft Black
+     */
+    primary4: '#191919',
+  
+    /**
+     * #E55867 Red
+     */
+    accent4: '#E55867',
+  
+    /**
+     * #ADE0EE Light Blue
+     */
+    links2: '#ADE0EE',
+  
+    /**
+     * #50C8E8 Blue
+     */
+    links: '#50C8E8',
+  
+    /**
+     * #E24657 Red
+     */
+    alert4: '#E24657',
+  
+    /**
+     * #E24657 Red
+     */
+    danger: '#E24657',
+  
+    /**
+     * #F4B25C Yellow
+     */
+    warning4: '#F4B25C',
+  
+    /**
+     * #4FD9C2 Green
+     */
+    success4: '#4FD9C2',
+  
+    /**
+     * #4FD9C2 Green
+     */
+    green: '#4FD9C2',
+  
+    /**
+     * #3BD5BC Green
+     */
+    // green: '#3BD5BC',
+  
+    /**
+     * #000000 Black
+     */
+    black: '#000000',
+  
+    /**
+     * #ffffff White
+     */
+    white: '#ffffff',
+  
+    /**
+     * #E6E6E6 Light Gray
+     */
+    whiteHover: '#E6E6E6',
+  
+    /**
+     * #F4F4F4  Light Gray
+     */
+    placeholder: '#F4F4F4',
+  
+    /**
+     * #F9F7D7 Light Yellow
+     */
+    highlight: '#F9F7D7',
+  
+    primary: {
+      25: '#fafafa',
+      50: '#d6f5f0',
+      100: '#98e6d6',
+      200: '#191919',
+      300: '#191919',
+      400: '#3bd5bb',
+      500: '#000000',
+      600: '#000000',
+      700: '#000000',
+      800: '#000000',
+      900: '#000000'
+    },
+  
+    // TODO add 25
+    success: {
+      50: '#d8f7f2',
+      100: '#98e6d6',
+      200: '#3bd5bc',
+      300: '#4FD9C2',
+      400: '#3bd5bb',
+      500: '#3bd5bb',
+      600: '#2EA692',
+      700: '#00825c',
+      800: '#00724d',
+      900: '#005530'
+    },
+  
+    // TODO add 25
+    accent: {
+      50: '#fceaee',
+      100: '#f8cad3',
+      200: '#E55867',
+      300: '#E55867',
+      400: '#E24657',
+      500: '#E24657',
+      600: '#d8253f',
+      700: '#c61a38',
+      800: '#b91231',
+      900: '#aa0026'
+    },
+  
+    // TODO add 25
+    warning: {
+      50: '#FDF0DE',
+      100: '#F4B25C',
+      200: '#F4B25C',
+      300: '#F4B25C',
+      400: '#F4B25C',
+      500: '#F4B25C',
+      600: '#BF7F2C',
+      700: '#F4B25C',
+      800: '#F4B25C',
+      900: '#F4B25C'
+    },
+  
+    info: {
+      25: '#50C8E81A',
+      50: '#CDF1FA',
+      100: '#50C8E8',
+      200: '#50C8E8',
+      300: '#50C8E8',
+      400: '#50C8E8',
+      500: '#50C8E8',
+      600: '#3EA5C0',
+      700: '#50C8E8',
+      800: '#50C8E8',
+      900: '#50C8E8'
+    },
+  
+    // TODO add 25
+    alert: {
+      50: '#E24657',
+      100: '#E24657',
+      200: '#E24657',
+      300: '#E24657',
+      400: '#E24657',
+      500: '#E24657',
+      600: '#E24657',
+      700: '#E24657',
+      800: '#E24657',
+      900: '#E24657',
+    }
+  }
+  

package/src/theme/index.ts

@@ -0,0 +1 @@
+export * from './colors.js'

package/src/types.ts

@@ -0,0 +1 @@
+export type PdfTemplatesSupportedLocales = 'en'

package/src/utils.ts

@@ -0,0 +1,10 @@
+import type { DocumentProps } from '@react-pdf/renderer'
+import ReactPDF from '@react-pdf/renderer'
+import { ReactElement } from 'react'
+
+export const toPdf = async (document: ReactElement<DocumentProps>, fileName: string) => {
+  const pdfStream = await ReactPDF.renderToFile(document, fileName)
+  pdfStream.on('end', () => {
+    console.log(`Generated PDF to ${fileName}`)
+  })
+}

package/src/watch.ts

@@ -0,0 +1,16 @@
+import { execSync } from 'child_process'
+import fs from 'node:fs'
+
+fs.watch(
+  'src',
+  {
+    persistent: true,
+    recursive: true
+  },
+  () => {
+    console.log('Reloading...')
+    execSync('pnpm debug', {
+      stdio: 'inherit'
+    })
+  }
+)

package/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "extends": "@driveflux/tsconfig/frontend.json",
+  "compilerOptions": {
+    "rootDir": "src",
+    "outDir": "./dist"
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx"
+  ],
+  "exclude": ["node_modules"]
+}