[] = [
8 | {
9 | accessorKey: 'invoice_id',
10 | header: ({ column }) => {
11 | return (
12 | column.toggleSorting()}
15 | >
16 | Invoice ID
17 | {column.getIsSorted() === 'asc' ? (
18 |
19 | ) : column.getIsSorted() === 'desc' ? (
20 |
21 | ) : (
22 |
23 | )}
24 |
column.toggleSorting()}
35 | >
36 | Client
37 | {column.getIsSorted() === 'asc' ? (
38 |
39 | ) : column.getIsSorted() === 'desc' ? (
40 |
41 | ) : (
42 |
43 | )}
44 |
column.toggleSorting()}
55 | >
56 | Project
57 | {column.getIsSorted() === 'asc' ? (
58 |
59 | ) : column.getIsSorted() === 'desc' ? (
60 |
61 | ) : (
62 |
63 | )}
64 |
column.toggleSorting()}
75 | >
76 | Amount
77 | {column.getIsSorted() === 'asc' ? (
78 |
79 | ) : column.getIsSorted() === 'desc' ? (
80 |
81 | ) : (
82 |
83 | )}
84 |
{formatted}
;
95 | },
96 | },
97 | {
98 | accessorKey: 'invoice_sent_date',
99 | header: ({ column }) => {
100 | return (
101 | column.toggleSorting()}
104 | >
105 | Invoice Sent Date
106 | {column.getIsSorted() === 'asc' ? (
107 |
108 | ) : column.getIsSorted() === 'desc' ? (
109 |
110 | ) : (
111 |
112 | )}
113 |
column.toggleSorting()}
124 | >
125 | Invoice Due Date
126 | {column.getIsSorted() === 'asc' ? (
127 |
128 | ) : column.getIsSorted() === 'desc' ? (
129 |
130 | ) : (
131 |
132 | )}
133 |
column.toggleSorting()}
144 | >
145 | Payment Date
146 | {column.getIsSorted() === 'asc' ? (
147 |
148 | ) : column.getIsSorted() === 'desc' ? (
149 |
150 | ) : (
151 |
152 | )}
153 |
= {
29 | columns: ColumnDef[];
30 | data: TData[];
31 | };
32 |
33 | export default function DataTable({
34 | columns,
35 | data,
36 | }: DataTableProps) {
37 | const [sorting, setSorting] = useState([]);
38 | const [columnFilters, setColumnFilters] = useState([]);
39 |
40 | const [{ pageIndex, pageSize }, setPagination] = useState({
41 | pageIndex: 0,
42 | pageSize: 8,
43 | });
44 |
45 | const pagination = useMemo(
46 | () => ({
47 | pageIndex,
48 | pageSize,
49 | }),
50 | [pageIndex, pageSize]
51 | );
52 |
53 | const table = useReactTable({
54 | data,
55 | columns,
56 | onPaginationChange: setPagination,
57 | getCoreRowModel: getCoreRowModel(),
58 | onSortingChange: setSorting,
59 | getPaginationRowModel: getPaginationRowModel(),
60 | getSortedRowModel: getSortedRowModel(),
61 | onColumnFiltersChange: setColumnFilters,
62 | getFilteredRowModel: getFilteredRowModel(),
63 | state: {
64 | sorting,
65 | columnFilters,
66 | pagination,
67 | },
68 | });
69 |
70 | return (
71 | <>
72 |
73 |
74 |
85 |
86 |
87 |
101 |
102 |
setColumnFilters([])}
107 | >
108 | Clear
109 |
110 |
112 |
113 |
114 | {table.getHeaderGroups().map((headerGroup) => (
115 |
116 | {headerGroup.headers.map((header) => {
117 | return (
118 |
119 | {header.isPlaceholder
120 | ? null
121 | : flexRender(
122 | header.column.columnDef.header,
123 | header.getContext()
124 | )}
125 |
126 | );
127 | })}
128 |
129 | ))}
130 |
131 |
132 | {table.getRowModel().rows?.length ? (
133 | table.getRowModel().rows.map((row) => (
134 |
138 | {row.getVisibleCells().map((cell) => (
139 |
140 | {flexRender(
141 | cell.column.columnDef.cell,
142 | cell.getContext()
143 | )}
144 |
145 | ))}
146 |
147 | ))
148 | ) : (
149 |
150 |
154 | No results.
155 |
156 |
157 | )}
158 |
159 |
160 |
162 |
table.previousPage()}
165 | disabled={!table.getCanPreviousPage()}
166 | >
167 | Previous
168 |
169 |
table.nextPage()}
172 | disabled={!table.getCanNextPage()}
173 | >
174 | Next
175 |
176 |
177 | Page
178 |
179 | {table.getState().pagination.pageIndex + 1} of{' '}
180 | {table.getPageCount()}
181 |
182 |
183 |
6 |
7 | © 2023 PLTG. All rights reserved.
8 |
9 |
10 | );
11 | }
12 |
--------------------------------------------------------------------------------
/bill-bot-baggins/components/InvoiceDisplay.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Stripe from 'stripe';
3 | import InvoiceSection from '@/components/InvoiceSection';
4 | import {
5 | Card,
6 | CardContent,
7 | CardDescription,
8 | CardFooter,
9 | CardHeader,
10 | CardTitle,
11 | } from '@/components/ui/card';
12 | import { Button } from '@/components/ui/button';
13 | import { Badge } from '@/components/ui/badge';
14 | import { AlertCircle } from 'lucide-react';
15 |
16 | export default function InvoiceDisplay({
17 | invoice,
18 | error,
19 | }: {
20 | invoice: Stripe.Response | undefined;
21 | error?: string;
22 | }) {
23 | let invoiceDate: string, dueDate: string;
24 |
25 | if (invoice) {
26 | const created = new Date(invoice.created * 1000);
27 | invoiceDate = created.toLocaleString(undefined, {
28 | month: 'short',
29 | day: 'numeric',
30 | year: 'numeric',
31 | });
32 |
33 | const due = new Date((invoice.due_date as number) * 1000);
34 | dueDate = due.toLocaleString(undefined, {
35 | month: 'short',
36 | day: 'numeric',
37 | year: 'numeric',
38 | });
39 | }
40 | return invoice && !error ? (
41 |
42 |
43 | Invoice
44 | {invoice.status === 'open' ? (
45 |
46 | {invoice.status}
47 |
48 | ) : invoice.status === 'paid' ? (
49 |
50 | {invoice.status}
51 |
52 | ) : (
53 |
54 | {invoice.status}
55 |
56 | )}
57 |
58 |
59 |
60 |
61 | #{invoice.number}
62 |
63 |
64 |
65 | Executive Service Corps{' '}
66 |
67 | 1000 Alameda St
68 |
69 |
70 | Los Angeles, CA 90012
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
85 |
86 |
90 | {invoice.customer_address && (
91 |
92 | {invoice.customer_address.line1}
93 | {invoice.customer_address.line2}
94 |
95 | {invoice.customer_address.city},{' '}
96 | {invoice.customer_address.state} {' '}
97 | {invoice.customer_address.postal_code}
98 |
99 |
100 | )}
101 |
107 |
108 |
109 |
110 |
111 |
112 |
117 |
118 |
144 |
146 |
147 |
148 |
149 |
150 | {invoice.status === 'open' ? (
151 |
152 | Pay Invoice
153 |
154 | ) : (
155 |
156 | Pay Invoice
157 |
158 | )}
159 |
163 | Download Invoice
164 |
165 |
167 |
168 |
171 |
172 |
173 |
174 |
175 |
178 |
179 | Invalid payment link. Please check the link and try again.
180 |
181 |
182 |
183 |
184 |
13 |
{title}
14 |
{invoiceData}
15 |
11 |
12 |
24 | {user ?
26 | );
27 | };
28 |
29 | export default Navbar;
30 |
--------------------------------------------------------------------------------
/bill-bot-baggins/components/ParticleEffect.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 |
3 | import { useCallback } from 'react';
4 | import type { Container, Engine } from 'tsparticles-engine';
5 | import Particles from 'react-particles';
6 | //import { loadFull } from "tsparticles"; // if you are going to use `loadFull`, install the "tsparticles" package too.
7 | import { loadSlim } from 'tsparticles-slim'; // if you are going to use `loadSlim`, install the "tsparticles-slim" package too.
8 |
9 | const ParticleEffect = () => {
10 | const particlesInit = useCallback(async (engine: Engine) => {
11 | console.log(engine);
12 |
13 | // you can initialize the tsParticles instance (engine) here, adding custom shapes or presets
14 | // this loads the tsparticles package bundle, it's the easiest method for getting everything ready
15 | // starting from v2 you can add only the features you need reducing the bundle size
16 | //await loadFull(engine);
17 | await loadSlim(engine);
18 | }, []);
19 |
20 | const particlesLoaded = useCallback(
21 | async (container: Container | undefined) => {
22 | await console.log(container);
23 | },
24 | []
25 | );
26 | return (
27 |
7 |
9 | );
10 | }
11 |
12 | export default Profile;
13 |
--------------------------------------------------------------------------------
/bill-bot-baggins/components/RecentSales.tsx:
--------------------------------------------------------------------------------
1 | import { PaymentProps } from '@/lib/types';
2 |
3 | export default function RecentSales({
4 | payments,
5 | }: {
6 | payments: PaymentProps[];
7 | }) {
8 | return (
9 |
10 | {payments.map((payment) => (
11 |
12 |
13 |
14 | {payment.account_name}
15 |
16 |
17 | ESC-{payment.invoice_id}
18 |
19 |
20 |
21 | +
22 | {payment.amount.toLocaleString('en-US', {
23 | style: 'currency',
24 | currency: 'USD',
25 | })}
26 |
27 |
28 | ))}
29 |
15 |
16 |
23 |
24 |
25 |
26 | {firstName} {' '}
27 | {lastName}{' '}
28 |
29 |
30 |
) => {
24 | if (active && payload && payload.length) {
25 | return (
26 |
27 |
{`Revenue`}
28 |
{`${label}: ${payload[0].value?.toLocaleString(
29 | 'en-US',
30 | {
31 | style: 'currency',
32 | currency: 'USD',
33 | }
34 | )}`}
35 |
58 |
59 | `$${value}`}
72 | />
73 |
76 |
77 | ) : (
78 |
79 |
83 |
84 | Loading...
85 |
86 |
87 |
,
17 | React.ComponentPropsWithoutRef
18 | >(({ className, children, ...props }, ref) => (
19 | ,
32 | React.ComponentPropsWithoutRef
33 | >(({ className, ...props }, ref) => (
34 |
35 |
45 | ))
46 | AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName
47 |
48 | const AlertDialogHeader = ({
49 | className,
50 | ...props
51 | }: React.HTMLAttributes) => (
52 |
59 | )
60 | AlertDialogHeader.displayName = "AlertDialogHeader"
61 |
62 | const AlertDialogFooter = ({
63 | className,
64 | ...props
65 | }: React.HTMLAttributes) => (
66 |
73 | )
74 | AlertDialogFooter.displayName = "AlertDialogFooter"
75 |
76 | const AlertDialogTitle = React.forwardRef<
77 | React.ElementRef,
78 | React.ComponentPropsWithoutRef
79 | >(({ className, ...props }, ref) => (
80 | ,
90 | React.ComponentPropsWithoutRef
91 | >(({ className, ...props }, ref) => (
92 | ,
103 | React.ComponentPropsWithoutRef
104 | >(({ className, ...props }, ref) => (
105 | ,
115 | React.ComponentPropsWithoutRef
116 | >(({ className, ...props }, ref) => (
117 | & VariantProps
25 | >(({ className, variant, ...props }, ref) => (
26 |
32 | ))
33 | Alert.displayName = "Alert"
34 |
35 | const AlertTitle = React.forwardRef<
36 | HTMLParagraphElement,
37 | React.HTMLAttributes
38 | >(({ className, ...props }, ref) => (
39 |
50 | >(({ className, ...props }, ref) => (
51 |
56 | ))
57 | AlertDescription.displayName = "AlertDescription"
58 |
59 | export { Alert, AlertTitle, AlertDescription }
60 |
--------------------------------------------------------------------------------
/bill-bot-baggins/components/ui/badge.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import { cva, type VariantProps } from 'class-variance-authority';
3 |
4 | import { cn } from '@/lib/utils';
5 |
6 | const badgeVariants = cva(
7 | 'inline-flex items-center rounded-full border px-3.5 py-1.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',
8 | {
9 | variants: {
10 | variant: {
11 | default:
12 | 'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',
13 | secondary:
14 | 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
15 | destructive:
16 | 'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',
17 | outline: 'text-foreground',
18 | },
19 | },
20 | defaultVariants: {
21 | variant: 'default',
22 | },
23 | }
24 | );
25 |
26 | export interface BadgeProps
27 | extends React.HTMLAttributes,
28 | VariantProps {}
29 |
30 | function Badge({ className, variant, ...props }: BadgeProps) {
31 | return (
32 |
33 | );
34 | }
35 |
36 | export { Badge, badgeVariants };
37 |
--------------------------------------------------------------------------------
/bill-bot-baggins/components/ui/button.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import { Slot } from '@radix-ui/react-slot';
3 | import { cva, type VariantProps } from 'class-variance-authority';
4 |
5 | import { cn } from '@/lib/utils';
6 |
7 | const buttonVariants = cva(
8 | 'inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
9 | {
10 | variants: {
11 | variant: {
12 | default: 'bg-primary text-primary-foreground hover:bg-primary/90',
13 | destructive:
14 | 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
15 | outline:
16 | 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
17 | secondary:
18 | 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
19 | ghost: 'hover:bg-accent hover:text-accent-foreground',
20 | link: 'text-primary underline-offset-4 hover:underline',
21 | indigo:
22 | 'bg-indigo-600 hover:bg-indigo-600/90 w-full transition-all active:scale-95',
23 | },
24 | size: {
25 | default: 'h-10 px-4 py-2',
26 | sm: 'h-9 rounded-md px-3',
27 | lg: 'h-11 rounded-md px-8',
28 | icon: 'h-10 w-10',
29 | },
30 | },
31 | defaultVariants: {
32 | variant: 'default',
33 | size: 'default',
34 | },
35 | }
36 | );
37 |
38 | export interface ButtonProps
39 | extends React.ButtonHTMLAttributes,
40 | VariantProps {
41 | asChild?: boolean;
42 | }
43 |
44 | const Button = React.forwardRef(
45 | ({ className, variant, size, asChild = false, ...props }, ref) => {
46 | const Comp = asChild ? Slot : 'button';
47 | return (
48 |
8 | >(({ className, ...props }, ref) => (
9 |
17 | ))
18 | Card.displayName = "Card"
19 |
20 | const CardHeader = React.forwardRef<
21 | HTMLDivElement,
22 | React.HTMLAttributes
23 | >(({ className, ...props }, ref) => (
24 |
29 | ))
30 | CardHeader.displayName = "CardHeader"
31 |
32 | const CardTitle = React.forwardRef<
33 | HTMLParagraphElement,
34 | React.HTMLAttributes
35 | >(({ className, ...props }, ref) => (
36 |
50 | >(({ className, ...props }, ref) => (
51 |
56 | ))
57 | CardDescription.displayName = "CardDescription"
58 |
59 | const CardContent = React.forwardRef<
60 | HTMLDivElement,
61 | React.HTMLAttributes
62 | >(({ className, ...props }, ref) => (
63 |
64 | ))
65 | CardContent.displayName = "CardContent"
66 |
67 | const CardFooter = React.forwardRef<
68 | HTMLDivElement,
69 | React.HTMLAttributes
70 | >(({ className, ...props }, ref) => (
71 |
76 | ))
77 | CardFooter.displayName = "CardFooter"
78 |
79 | export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
80 |
--------------------------------------------------------------------------------
/bill-bot-baggins/components/ui/dropdown-menu.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import * as React from "react"
4 | import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
5 | import { Check, ChevronRight, Circle } from "lucide-react"
6 |
7 | import { cn } from "@/lib/utils"
8 |
9 | const DropdownMenu = DropdownMenuPrimitive.Root
10 |
11 | const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger
12 |
13 | const DropdownMenuGroup = DropdownMenuPrimitive.Group
14 |
15 | const DropdownMenuPortal = DropdownMenuPrimitive.Portal
16 |
17 | const DropdownMenuSub = DropdownMenuPrimitive.Sub
18 |
19 | const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup
20 |
21 | const DropdownMenuSubTrigger = React.forwardRef<
22 | React.ElementRef,
23 | React.ComponentPropsWithoutRef & {
24 | inset?: boolean
25 | }
26 | >(({ className, inset, children, ...props }, ref) => (
27 |
36 | {children}
37 |
39 | ))
40 | DropdownMenuSubTrigger.displayName =
41 | DropdownMenuPrimitive.SubTrigger.displayName
42 |
43 | const DropdownMenuSubContent = React.forwardRef<
44 | React.ElementRef,
45 | React.ComponentPropsWithoutRef
46 | >(({ className, ...props }, ref) => (
47 | ,
61 | React.ComponentPropsWithoutRef
62 | >(({ className, sideOffset = 4, ...props }, ref) => (
63 |
64 |
74 | ))
75 | DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
76 |
77 | const DropdownMenuItem = React.forwardRef<
78 | React.ElementRef,
79 | React.ComponentPropsWithoutRef & {
80 | inset?: boolean
81 | }
82 | >(({ className, inset, ...props }, ref) => (
83 | ,
97 | React.ComponentPropsWithoutRef
98 | >(({ className, children, checked, ...props }, ref) => (
99 |
108 |
109 |
110 |
112 |
113 | {children}
114 |
115 | ))
116 | DropdownMenuCheckboxItem.displayName =
117 | DropdownMenuPrimitive.CheckboxItem.displayName
118 |
119 | const DropdownMenuRadioItem = React.forwardRef<
120 | React.ElementRef,
121 | React.ComponentPropsWithoutRef
122 | >(({ className, children, ...props }, ref) => (
123 |
131 |
132 |
133 |
135 |
136 | {children}
137 |
138 | ))
139 | DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
140 |
141 | const DropdownMenuLabel = React.forwardRef<
142 | React.ElementRef,
143 | React.ComponentPropsWithoutRef & {
144 | inset?: boolean
145 | }
146 | >(({ className, inset, ...props }, ref) => (
147 | ,
161 | React.ComponentPropsWithoutRef
162 | >(({ className, ...props }, ref) => (
163 | ) => {
175 | return (
176 | = FieldPath
21 | > = {
22 | name: TName
23 | }
24 |
25 | const FormFieldContext = React.createContext(
26 | {} as FormFieldContextValue
27 | )
28 |
29 | const FormField = <
30 | TFieldValues extends FieldValues = FieldValues,
31 | TName extends FieldPath = FieldPath
32 | >({
33 | ...props
34 | }: ControllerProps) => {
35 | return (
36 |
37 |
39 | )
40 | }
41 |
42 | const useFormField = () => {
43 | const fieldContext = React.useContext(FormFieldContext)
44 | const itemContext = React.useContext(FormItemContext)
45 | const { getFieldState, formState } = useFormContext()
46 |
47 | const fieldState = getFieldState(fieldContext.name, formState)
48 |
49 | if (!fieldContext) {
50 | throw new Error("useFormField should be used within ")
51 | }
52 |
53 | const { id } = itemContext
54 |
55 | return {
56 | id,
57 | name: fieldContext.name,
58 | formItemId: `${id}-form-item`,
59 | formDescriptionId: `${id}-form-item-description`,
60 | formMessageId: `${id}-form-item-message`,
61 | ...fieldState,
62 | }
63 | }
64 |
65 | type FormItemContextValue = {
66 | id: string
67 | }
68 |
69 | const FormItemContext = React.createContext(
70 | {} as FormItemContextValue
71 | )
72 |
73 | const FormItem = React.forwardRef<
74 | HTMLDivElement,
75 | React.HTMLAttributes
76 | >(({ className, ...props }, ref) => {
77 | const id = React.useId()
78 |
79 | return (
80 |
81 |
82 |
83 | )
84 | })
85 | FormItem.displayName = "FormItem"
86 |
87 | const FormLabel = React.forwardRef<
88 | React.ElementRef,
89 | React.ComponentPropsWithoutRef
90 | >(({ className, ...props }, ref) => {
91 | const { error, formItemId } = useFormField()
92 |
93 | return (
94 | ,
106 | React.ComponentPropsWithoutRef
107 | >(({ ...props }, ref) => {
108 | const { error, formItemId, formDescriptionId, formMessageId } = useFormField()
109 |
110 | return (
111 |
129 | >(({ className, ...props }, ref) => {
130 | const { formDescriptionId } = useFormField()
131 |
132 | return (
133 |
139 | )
140 | })
141 | FormDescription.displayName = "FormDescription"
142 |
143 | const FormMessage = React.forwardRef<
144 | HTMLParagraphElement,
145 | React.HTMLAttributes
146 | >(({ className, children, ...props }, ref) => {
147 | const { error, formMessageId } = useFormField()
148 | const body = error ? String(error?.message) : children
149 |
150 | if (!body) {
151 | return null
152 | }
153 |
154 | return (
155 |
161 | {body}
162 |
163 | )
164 | })
165 | FormMessage.displayName = "FormMessage"
166 |
167 | export {
168 | useFormField,
169 | Form,
170 | FormItem,
171 | FormLabel,
172 | FormControl,
173 | FormDescription,
174 | FormMessage,
175 | FormField,
176 | }
177 |
--------------------------------------------------------------------------------
/bill-bot-baggins/components/ui/input.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 |
3 | import { cn } from "@/lib/utils"
4 |
5 | export interface InputProps
6 | extends React.InputHTMLAttributes {}
7 |
8 | const Input = React.forwardRef(
9 | ({ className, type, ...props }, ref) => {
10 | return (
11 | ,
15 | React.ComponentPropsWithoutRef &
16 | VariantProps
17 | >(({ className, ...props }, ref) => (
18 |
8 | >(({ className, ...props }, ref) => (
9 |
16 | ))
17 | Table.displayName = "Table"
18 |
19 | const TableHeader = React.forwardRef<
20 | HTMLTableSectionElement,
21 | React.HTMLAttributes
22 | >(({ className, ...props }, ref) => (
23 |
30 | >(({ className, ...props }, ref) => (
31 |
42 | >(({ className, ...props }, ref) => (
43 |
54 | >(({ className, ...props }, ref) => (
55 |
69 | >(({ className, ...props }, ref) => (
70 |
84 | >(({ className, ...props }, ref) => (
85 |
96 | >(({ className, ...props }, ref) => (
97 | ,
12 | React.ComponentPropsWithoutRef
13 | >(({ className, ...props }, ref) => (
14 | ,
27 | React.ComponentPropsWithoutRef
28 | >(({ className, ...props }, ref) => (
29 | ,
42 | React.ComponentPropsWithoutRef
43 | >(({ className, ...props }, ref) => (
44 |
3 |
--------------------------------------------------------------------------------
/bill-bot-baggins/tailwind.config.ts:
--------------------------------------------------------------------------------
1 | /** @type {import('tailwindcss').Config} */
2 | module.exports = {
3 | darkMode: ["class"],
4 | content: [
5 | './pages/**/*.{ts,tsx}',
6 | './components/**/*.{ts,tsx}',
7 | './app/**/*.{ts,tsx}',
8 | './src/**/*.{ts,tsx}',
9 | ],
10 | theme: {
11 | container: {
12 | center: true,
13 | padding: "2rem",
14 | screens: {
15 | "2xl": "1400px",
16 | },
17 | },
18 | extend: {
19 | colors: {
20 | border: "hsl(var(--border))",
21 | input: "hsl(var(--input))",
22 | ring: "hsl(var(--ring))",
23 | background: "hsl(var(--background))",
24 | foreground: "hsl(var(--foreground))",
25 | primary: {
26 | DEFAULT: "hsl(var(--primary))",
27 | foreground: "hsl(var(--primary-foreground))",
28 | },
29 | secondary: {
30 | DEFAULT: "hsl(var(--secondary))",
31 | foreground: "hsl(var(--secondary-foreground))",
32 | },
33 | destructive: {
34 | DEFAULT: "hsl(var(--destructive))",
35 | foreground: "hsl(var(--destructive-foreground))",
36 | },
37 | muted: {
38 | DEFAULT: "hsl(var(--muted))",
39 | foreground: "hsl(var(--muted-foreground))",
40 | },
41 | accent: {
42 | DEFAULT: "hsl(var(--accent))",
43 | foreground: "hsl(var(--accent-foreground))",
44 | },
45 | popover: {
46 | DEFAULT: "hsl(var(--popover))",
47 | foreground: "hsl(var(--popover-foreground))",
48 | },
49 | card: {
50 | DEFAULT: "hsl(var(--card))",
51 | foreground: "hsl(var(--card-foreground))",
52 | },
53 | },
54 | borderRadius: {
55 | lg: "var(--radius)",
56 | md: "calc(var(--radius) - 2px)",
57 | sm: "calc(var(--radius) - 4px)",
58 | },
59 | keyframes: {
60 | "accordion-down": {
61 | from: { height: 0 },
62 | to: { height: "var(--radix-accordion-content-height)" },
63 | },
64 | "accordion-up": {
65 | from: { height: "var(--radix-accordion-content-height)" },
66 | to: { height: 0 },
67 | },
68 | },
69 | animation: {
70 | "accordion-down": "accordion-down 0.2s ease-out",
71 | "accordion-up": "accordion-up 0.2s ease-out",
72 | },
73 | },
74 | },
75 | plugins: [require("tailwindcss-animate")],
76 | }
--------------------------------------------------------------------------------
/bill-bot-baggins/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es5",
4 | "lib": [
5 | "dom",
6 | "dom.iterable",
7 | "esnext"
8 | ],
9 |
10 | "allowJs": true,
11 | "skipLibCheck": true,
12 | "strict": true,
13 | "noEmit": true,
14 | "esModuleInterop": true,
15 | "module": "esnext",
16 | "moduleResolution": "Bundler",
17 | "resolveJsonModule": true,
18 | "isolatedModules": true,
19 | "jsx": "preserve",
20 | "incremental": true,
21 | "plugins": [
22 | {
23 | "name": "next"
24 | }
25 | ],
26 | "paths": {
27 | "@/*": [
28 | "./*"
29 | ]
30 | },
31 | "forceConsistentCasingInFileNames": true
32 | },
33 | "include": [
34 | "next-env.d.ts",
35 | "**/*.ts",
36 | "**/*.tsx",
37 | ".next/types/**/*.ts",
38 | "stripe-webhook/route.js"
39 | ],
40 | "exclude": [
41 | "node_modules"
42 | ]
43 | }
44 |
--------------------------------------------------------------------------------
/pull_request_template.md:
--------------------------------------------------------------------------------
1 |
2 | ### Briefly describe your changes:
3 |
4 | **Jira issue number and link:**
5 |
6 | **Type of change:**
7 | - [ ] Bug fix (non-breaking change which fixes an issue)
8 | - [ ] New feature (non-breaking change which adds functionality)
9 | - [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
10 | - [ ] This change requires a documentation update
11 |
12 | ### Please answer the following:
13 |
14 | **1. What is the current behavior?**
15 | *If the feature did not exist, please say so.*
16 |
17 | **2. What is the new behavior?**
18 |
19 | **3. What tests did you run?**
20 |
21 | ### Checklist before requesting a review
22 | - [ ] I have performed a self-review of my code.
23 | - [ ] My code follows the style guidelines of this project
24 | - [ ] I have commented my code, particularly in hard-to-understand areas
25 | - [ ] I have added tests for my code.
26 | - [ ] I have resolved all merge conflicts.
--------------------------------------------------------------------------------
/salesforce-webhook/Dockerfile:
--------------------------------------------------------------------------------
1 | FROM node:16.13
2 | WORKDIR /usr/src/app
3 | COPY * /usr/src/app/
4 | RUN npm install
5 | COPY . .
6 | # RUN npm start
7 | EXPOSE 3000
8 | CMD ["node", "./server.mjs"]
9 |
--------------------------------------------------------------------------------
/salesforce-webhook/eventHandler.js:
--------------------------------------------------------------------------------
1 | const { salesforceRouter } = require("./routers/salesforceRouter.js");
2 | const { stripeRouter } = require("./routers/stripeRouter.js");
3 |
4 | const { retreiveOppType, updateSalesforceStripeId, getPaymentType } =
5 | salesforceRouter;
6 |
7 | const { createStripeInvoice, payStripeInvoice, voidStripeInvoice } =
8 | stripeRouter;
9 |
10 | const recordTypes = [
11 | "SP",
12 | "BD",
13 | "FD",
14 | "LC",
15 | "RF",
16 | "OD",
17 | "FOC",
18 | "OA",
19 | "CA",
20 | "HR",
21 | "Customized",
22 | "SM",
23 | "CC",
24 | "EDLI",
25 | "DDP",
26 | ];
27 |
28 | const eventHandler = async (event) => {
29 | let opportunity;
30 | let paymentType = {};
31 | const { changeType, recordIds, changedFields } =
32 | event.payload.ChangeEventHeader;
33 | const { For_Chart__c, npe01__Payment_Amount__c, Name } = event.payload;
34 | const recordId = recordIds[0];
35 |
36 | if (changedFields.length === 1) return;
37 |
38 | switch (changeType) {
39 |
40 | case "CREATE": {
41 | console.log("CREATE case changeType: ", changeType);
42 | // initialize variable to payment record ID
43 | paymentType = For_Chart__c;
44 | // assign opp variable to the evaluated result of retrieveOppType function passing in recordId
45 | if (paymentType.string == "Cost to Client")
46 | opportunity = await retreiveOppType(recordId);
47 | else
48 | console.log(
49 | "This event does not meet the requirements for creatings a stripe invoice"
50 | );
51 | if (recordTypes.includes(opportunity.type)) {
52 | const paymentAmount = npe01__Payment_Amount__c;
53 | const invoice_number = Name;
54 | console.log("payment amount: ", paymentAmount.double);
55 |
56 | const paymentDetails = {
57 | account_name: opportunity.account_name,
58 | amount: paymentAmount.double,
59 | project_type: opportunity.project_type,
60 | invoice_number: invoice_number.string,
61 | recordId: recordId,
62 | };
63 | //create invoice in stripe
64 | const stripeInvoice = await createStripeInvoice(paymentDetails);
65 |
66 | //update salesforce record with stripe invoice id
67 | await updateSalesforceStripeId(recordId, stripeInvoice.id);
68 | }
69 | break;
70 | }
71 |
72 | case "UPDATE": {
73 |
74 | console.log("UPDATE case changeType: ", changeType);
75 |
76 | if (!For_Chart__c) {
77 | const clientPayment = getPaymentType(recordId);
78 | if (clientPayment) paymentType = "Cost to Client";
79 | }
80 | // console.log("UPDATE payment type: ", paymentType);
81 | const updates = {};
82 | changedFields.forEach((field) => {
83 | console.log("UPDATE change fields: ", changedFields);
84 | updates[field] = event.payload[field];
85 | });
86 | console.log("UPDATE updates object: ", updates);
87 | const { npe01__Paid__c, npe01__Written_Off__c, OutsideFundingSource__c } =
88 | updates;
89 |
90 | if (OutsideFundingSource__c) {
91 | console.log("OUTSIDE FUNDING SOURCE");
92 | }
93 | if (npe01__Written_Off__c) {
94 | console.log("MARK STRIPE INVOICE VOID");
95 | const written_off = npe01__Written_Off__c;
96 | written_off.boolean === true
97 | ? voidStripeInvoice(recordId)
98 | : console.log("invoice not marked void");
99 | }
100 | if (npe01__Paid__c) {
101 | const payobject = npe01__Paid__c;
102 | payobject.boolean === true
103 | ? payStripeInvoice(recordId)
104 | : console.log("invoice not marked paid");
105 | }
106 | break;
107 | }
108 | case "DELETE": {
109 | //need to store salesforce and stripe ids so that when /if a payment is deleted, it can get voided/deleted in stripe
110 | console.log("DELETE case");
111 | break;
112 | }
113 | default: {
114 | console.log("default case hit: ", JSON.stringify(event, null, 2));
115 | break;
116 | }
117 | }
118 | };
119 |
120 | module.exports = eventHandler;
121 |
--------------------------------------------------------------------------------
/salesforce-webhook/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "sf-pubsub-api",
3 | "version": "0.9.0",
4 | "main": "server.mjs",
5 | "scripts": {
6 | "start": "node server.mjs",
7 | "test": "echo \"Error: no test specified\" && exit 1"
8 | },
9 | "dependencies": {
10 | "axios": "^1.5.1",
11 | "express": "^4.17.2",
12 | "salesforce-pubsub-api-client": "^2.4.3",
13 | "sf-jwt-token": "1.3.0",
14 | "stripe": "^13.10.0"
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/salesforce-webhook/routers/authRouter.js:
--------------------------------------------------------------------------------
1 | // import * as sfToken
2 | require("dotenv").config();
3 | const { getToken } = require("sf-jwt-token");
4 |
5 | const getSalesForceAccessToken = async () => {
6 | // convert the base64 private key into a string
7 | const {
8 | BASE64_PRIVATE_KEY,
9 | SALESFORCE_CLIENT_ID,
10 | SALESFORCE_USERNAME,
11 | TEST_URL,
12 | } = process.env;
13 |
14 | const privateKey = Buffer.from(BASE64_PRIVATE_KEY, "base64").toString(
15 | "utf-8"
16 | );
17 |
18 | try {
19 | // gets a new (if it hasn't expired it will send the still active token) access token from sales force
20 | const jwtTokenResponse = await getToken({
21 | iss: SALESFORCE_CLIENT_ID,
22 | sub: SALESFORCE_USERNAME,
23 | aud: TEST_URL,
24 | privateKey: privateKey,
25 | });
26 |
27 | return jwtTokenResponse.access_token;
28 | } catch (error) {
29 | if (error instanceof Error) {
30 | console.error("Error fetching token:", error);
31 | }
32 | throw Error;
33 | }
34 | };
35 |
36 | module.exports = { getSalesForceAccessToken };
37 |
--------------------------------------------------------------------------------
/salesforce-webhook/routers/salesforceRouter.js:
--------------------------------------------------------------------------------
1 | const axios = require("axios");
2 | const { getSalesForceAccessToken } = require("./authRouter.js");
3 |
4 | const salesforceRouter = {};
5 |
6 | salesforceRouter.getStripeId = async (recordId) => {
7 | const access_token = await getSalesForceAccessToken();
8 | const data = JSON.stringify({
9 | query: `query payments ($Id: ID) {
10 | uiapi {
11 | query {
12 | npe01__OppPayment__c (where: { Id: { eq: $Id } }) {
13 | edges {
14 | node {
15 | Stripe_Invoice_ID__c {
16 | value
17 | }
18 | }
19 | }
20 | }
21 | }
22 | }
23 | }`,
24 | variables: { Id: recordId },
25 | });
26 |
27 | const config = {
28 | method: "post",
29 | maxBodyLength: Infinity,
30 | url: process.env.SALESFORCE_GRAPHQL_URI,
31 | headers: {
32 | "X-Chatter-Entity-Encoding": "false",
33 | "Content-Type": "application/json",
34 | Authorization: `Bearer ${access_token}`,
35 | Cookie: process.env.SALESFORCE_COOKIE_AUTH,
36 | },
37 | data: data,
38 | };
39 | const fetchStripeId = await axios.request(config);
40 | const stripeId =
41 | fetchStripeId.data.data.uiapi.query.npe01__OppPayment__c.edges[0].node
42 | .Stripe_Invoice_ID__c.value;
43 | return stripeId;
44 | };
45 |
46 | salesforceRouter.getPaymentType = async (id) => {
47 | const access_token = await getSalesForceAccessToken();
48 | let clientPayment = false;
49 | const data = JSON.stringify({
50 | query: `query payments ($Id: ID) {
51 | uiapi {
52 | query {
53 | npe01__OppPayment__c (where: { Id: { eq: $Id } }) {
54 | edges {
55 | node {
56 | For_Chart__c {
57 | value
58 | }
59 | }
60 | }
61 | }
62 | }
63 | }
64 | }`,
65 | variables: { Id: id },
66 | });
67 | const config = {
68 | method: "post",
69 | maxBodyLength: Infinity,
70 | url: process.env.SALESFORCE_GRAPHQL_URI,
71 | headers: {
72 | "X-Chatter-Entity-Encoding": "false",
73 | "Content-Type": "application/json",
74 | Authorization: `Bearer ${access_token}`,
75 | Cookie: process.env.SALESFORCE_COOKIE_AUTH,
76 | },
77 | data: data,
78 | };
79 |
80 | const fetchPaymentType = await axios.request(config);
81 | const paymentType =
82 | fetchPaymentType.data.data.uiapi.query.npe01__OppPayment__c.edges[0].node
83 | .For_Chart__c.value;
84 | if (paymentType === "Cost to Client") clientPayment = true;
85 | return clientPayment;
86 | };
87 |
88 | /**
89 | * helper function - graphQL api call to salesforce for opportunity record ID
90 | * @param string - payment record id from data change capture event
91 | * @return string - opportunity record id
92 | */
93 | salesforceRouter.getOppRecordId = async (id) => {
94 | const access_token = await getSalesForceAccessToken();
95 | const data = JSON.stringify({
96 | query: `query payments ($Id: ID) {
97 | uiapi {
98 | query {
99 | npe01__OppPayment__c (where: { Id: { eq: $Id } }) {
100 | edges {
101 | node {
102 | Id
103 | Opportunity_Account_Name__c {
104 | value
105 | }
106 | npe01__Opportunity__c {
107 | value
108 | }
109 | }
110 | }
111 | }
112 | }
113 | }
114 | }`,
115 | variables: { Id: id },
116 | });
117 | const config = {
118 | method: "post",
119 | maxBodyLength: Infinity,
120 | url: process.env.SALESFORCE_GRAPHQL_URI,
121 | headers: {
122 | "X-Chatter-Entity-Encoding": "false",
123 | "Content-Type": "application/json",
124 | Authorization: `Bearer ${access_token}`,
125 | Cookie: process.env.SALESFORCE_COOKIE_AUTH,
126 | },
127 | data: data,
128 | };
129 |
130 | const fetchOppId = await axios.request(config);
131 | const oppId =
132 | fetchOppId.data.data.uiapi.query.npe01__OppPayment__c.edges[0].node
133 | .npe01__Opportunity__c.value;
134 |
135 | return oppId;
136 | };
137 |
138 | /**
139 | * graphQL salesforce API call to retrive opportunity record type for payment record captured in data change event
140 | * @param {*} id
141 | * @returns object with opportunty type abbreviation, type - long form, and account name properties
142 | */
143 |
144 | salesforceRouter.retreiveOppType = async (id) => {
145 | const access_token = await getSalesForceAccessToken();
146 | const fetchOppId = await salesforceRouter.getOppRecordId(id);
147 |
148 | const data = JSON.stringify({
149 | query: `query payments ($Id: ID) {
150 | uiapi {
151 | query {
152 | Opportunity (where: { Id: { eq: $Id } }) {
153 | edges {
154 | node {
155 | Id
156 | Name {
157 | value
158 | }
159 | Type {
160 | value
161 | }
162 | FOR_CONGA_Engagement_Type__c {
163 | value
164 | }
165 | Account {
166 | Name {
167 | value
168 | }
169 | }
170 | }
171 | }
172 | }
173 | }
174 | }
175 | }`,
176 | variables: { Id: fetchOppId },
177 | });
178 | const config = {
179 | method: "post",
180 | maxBodyLength: Infinity,
181 | url: process.env.SALESFORCE_GRAPHQL_URI,
182 | headers: {
183 | "X-Chatter-Entity-Encoding": "false",
184 | "Content-Type": "application/json",
185 | Authorization: `Bearer ${access_token}`,
186 | Cookie: process.env.SALESFORCE_COOKIE_AUTH,
187 | },
188 | data: data,
189 | };
190 | const fetchOppType = await axios.request(config);
191 | const {
192 | Id,
193 | Type,
194 | npsp__Primary_Contact__c,
195 | FOR_CONGA_Engagement_Type__c,
196 | Account,
197 | } = fetchOppType.data.data.uiapi.query.Opportunity.edges[0].node;
198 | const opportunity = {
199 | type: Type.value,
200 | project_type: FOR_CONGA_Engagement_Type__c.value,
201 | // primary_contact_id: npsp__Primary_Contact__c.value,
202 | account_name: Account.Name.value,
203 | sf_opp_id: Id,
204 | };
205 | return opportunity;
206 | };
207 |
208 | salesforceRouter.updateSalesforceStripeId = async (
209 | recordId,
210 | stripeinvoiceId
211 | ) => {
212 | const access_token = await getSalesForceAccessToken();
213 | const data = JSON.stringify({
214 | allowSaveOnDuplicate: false,
215 | fields: {
216 | Stripe_Invoice_ID__c: stripeinvoiceId,
217 | },
218 | });
219 |
220 | const config = {
221 | method: "patch",
222 | maxBodyLength: Infinity,
223 | url: `${process.env.SALESFORCE_API_URI}/${recordId}`,
224 | headers: {
225 | "Content-Type": "application/json",
226 | Authorization: `Bearer ${access_token}`,
227 | Cookie: process.env.SALESFORCE_COOKIE_AUTH,
228 | },
229 | data: data,
230 | };
231 |
232 | axios
233 | .request(config)
234 | .then((response) => {
235 | console.log(JSON.stringify(response.data));
236 | })
237 | .catch((error) => {
238 | console.log(error);
239 | });
240 | };
241 |
242 | exports.salesforceRouter = salesforceRouter;
243 |
--------------------------------------------------------------------------------
/salesforce-webhook/routers/stripeRouter.js:
--------------------------------------------------------------------------------
1 | const Stripe = require("stripe");
2 | const { salesforceRouter } = require("./salesforceRouter.js");
3 |
4 | const { getStripeId } = salesforceRouter;
5 |
6 | const config = {
7 | apiVersion: "2023-08-16",
8 | typescript: true,
9 | };
10 | const stripe = new Stripe(process.env.STRIPE_SECRET_KEY, config);
11 |
12 | const stripeRouter = {};
13 | /**
14 | * creates invoice in Stripe to match payment record received from salesforce
15 | * @param Object - data needed to create stripe invoice
16 | * @return stripe invoice ID
17 | */
18 | stripeRouter.createStripeInvoice = async (paymentInfo) => {
19 | /**
20 | * retrieve customer list from stripe
21 | */
22 | const customerList = await stripe.customers.list();
23 | let customerId;
24 | customerList.data.forEach((element) => {
25 | if (element.name === paymentInfo.account_name) {
26 | customerId = element.id;
27 | return;
28 | }
29 | });
30 |
31 | /**
32 | * if account is not in stripe yet, create account and retrieve the customer id to send the invoice to
33 | * all invoices will be created with an ESCSC.org billing email for now - wil not send emails to clients from Stripe
34 | */
35 | if (!customerId) {
36 | // Create a new Customer
37 | console.log("payment deets.account_name ", paymentInfo.account_name);
38 | const customer = await stripe.customers.create({
39 | name: paymentInfo.account_name,
40 | email: "lcharity@escsc.org",
41 | });
42 |
43 | customerId = customer.id;
44 | }
45 |
46 | /**
47 | * create new invoice in stripe based on invoice information from salesforce (on paymentInfo arg)
48 | */
49 | const newInvoice = await stripe.invoices.create({
50 | customer: customerId,
51 | auto_advance: false,
52 | collection_method: "send_invoice",
53 | days_until_due: 30,
54 | });
55 |
56 | console.log("new stripe invoice created in webhook route: ", newInvoice);
57 |
58 | /**
59 | * need project type from salesforce (passed in on arg object) to create the "product type" and then assign a default price (also on passed in object)
60 | */
61 | const product = await stripe.products.create({
62 | name: `${paymentInfo.project_type} Project Invoice #: ${paymentInfo.invoice_number} `,
63 | default_price_data: {
64 | currency: "usd",
65 | unit_amount: paymentInfo.amount * 100,
66 | },
67 | });
68 |
69 | /**
70 | * add line item to invoice just created
71 | */
72 | await stripe.invoiceItems.create({
73 | customer: customerId,
74 | price: product.default_price,
75 | invoice: newInvoice.id,
76 | });
77 |
78 | /**
79 | * retrieve final invoice from stripe
80 | * */
81 | const finalInvoice = await stripe.invoices.finalizeInvoice(newInvoice.id);
82 | return finalInvoice;
83 | };
84 |
85 | /** look up invoice in stripe to see if exists */
86 |
87 | /**update invoice in stripe */
88 | stripeRouter.payStripeInvoice = async (recordId, stripeInvoiceDetails) => {
89 | try {
90 | const stripeInvoiceId = await getStripeId(recordId);
91 | if (await stripe.invoices.retrieve(stripeInvoiceId)) {
92 | const updatedInvoice = await stripe.invoices.pay(stripeInvoiceId, {
93 | paid_out_of_band: true,
94 | });
95 | return updatedInvoice;
96 | }
97 | } catch (error) {
98 | console.log(error);
99 | }
100 | };
101 |
102 | stripeRouter.voidStripeInvoice = async (recordId) => {
103 | try {
104 | const stripeInvoiceId = await getStripeId(recordId);
105 | if (await stripe.invoices.retrieve(stripeInvoiceId)) {
106 | const updatedInvoice = await stripe.invoices.voidInvoice(stripeInvoiceId);
107 | return updatedInvoice;
108 | }
109 | } catch (error) {
110 | console.log(error);
111 | }
112 | };
113 |
114 | exports.stripeRouter = stripeRouter;
115 |
--------------------------------------------------------------------------------
/salesforce-webhook/salesforce-pub-sub-api.mjs:
--------------------------------------------------------------------------------
1 | import PubSubApiClient from "salesforce-pubsub-api-client";
2 | import eventHandler from "./eventHandler.js";
3 | import dotenv from "dotenv";
4 | dotenv.config();
5 | //destructure assignemtn for env variables
6 | const {
7 | SALESFORCE_LOGIN_URL,
8 | SALESFORCE_TOKEN,
9 | SALESFORCE_USERNAME,
10 | SALESFORCE_ORG_ID,
11 | } = process.env;
12 |
13 | import { getSalesForceAccessToken } from "./routers/authRouter.js";
14 |
15 | /**
16 | * PubSub API - webhook for listening to Salesforce Payment record changes adn handling events based on their type
17 | */
18 | const salesforceController = async () => {
19 | try {
20 | const access_token = await getSalesForceAccessToken();
21 | const client = new PubSubApiClient();
22 | // console.log("instanceUrl: ", SALESFORCE_LOGIN_URL);
23 | //create new connection
24 |
25 | //open new connection
26 | await client.connectWithAuth(
27 | `Bearer ${access_token}`,
28 | SALESFORCE_LOGIN_URL,
29 | SALESFORCE_ORG_ID,
30 | SALESFORCE_USERNAME
31 | );
32 |
33 | //subscribe to data change events
34 | const eventEmitter = await client.subscribe(
35 | "/data/npe01__OppPayment__ChangeEvent",
36 | 25
37 | );
38 |
39 | // Handle incoming events
40 | eventEmitter.on("data", async (event) => {
41 | console.log(
42 | `Handling ${event.payload.ChangeEventHeader.entityName} change event ${event.replayId}`
43 | );
44 | eventHandler(event);
45 | });
46 | } catch (error) {
47 | console.error(error);
48 | // if metadata/auth error - submit refresh token for new access token
49 | }
50 | };
51 |
52 | // salesforceController.run();
53 | export default salesforceController;
54 |
--------------------------------------------------------------------------------
/salesforce-webhook/server.mjs:
--------------------------------------------------------------------------------
1 | import express from "express";
2 |
3 | import salesforceController from "./salesforce-pub-sub-api.mjs";
4 |
5 | const app = express();
6 | app.use(express.json());
7 |
8 | /**
9 | * open salesforce pub-sub API connection
10 | */
11 | // await getToken();
12 | salesforceController();
13 | // app.use()
14 |
15 | app.listen(3030, () => console.log("server is listening on port 3030"));
16 |
--------------------------------------------------------------------------------
/stripe-webhook/Dockerfile:
--------------------------------------------------------------------------------
1 | FROM node:16.13
2 | WORKDIR /usr/src/app
3 | COPY * /usr/src/app/
4 | RUN npm install
5 | COPY . .
6 | # RUN npm start
7 | EXPOSE 3000
8 | CMD ["node", "./route.js"]
9 |
--------------------------------------------------------------------------------
/stripe-webhook/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "stripe-webhook-api",
3 | "version": "1.0.0",
4 | "main": "index.js",
5 | "type": "module",
6 | "scripts": {
7 | "start": "node route.js",
8 | "test": "echo \"Error: no test specified\" && exit 1"
9 | },
10 | "dependencies": {
11 | "axios": "^1.5.1",
12 | "express": "^4.18.2",
13 | "stripe": "^13.8.0",
14 | "sf-jwt-token": "1.3.0"
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/stripe-webhook/route.js:
--------------------------------------------------------------------------------
1 |
2 | import dotenv from "dotenv"
3 | import {salesforcePaid} from "./stripe_salesforce_fetch.js";
4 | import Stripe from "stripe";
5 | import express from "express";
6 | import bodyparser from "body-parser"
7 |
8 | //start stripe session with stripe specific key
9 |
10 | dotenv.config()
11 | const stripe = new Stripe(process.env.STRIPE_SECRET_KEY)
12 | const app = express();
13 |
14 |
15 | // create the route that is going to be hit by Stripe when an event takes place
16 | // this will require stripe login and stripe listen --forward-to localhost:4242/webhook into the CLI
17 | // will be temporary until we get our application on a public server
18 |
19 | app.post('/webhook', bodyparser.raw({ type: 'application/json' }), async (request, response) => {
20 | const payload = request.body;
21 | const endpointSecret = process.env.STRIPE_ENDPOINT_SECRET
22 | const sig = request.headers['stripe-signature'];
23 | let event;
24 |
25 | try {
26 | event = stripe.webhooks.constructEvent(payload, sig, endpointSecret);
27 | console.log(event.type)
28 | } catch (err) {
29 | response.status(400).send(`Webhook Error: ${err.message}`);
30 | return;
31 | }
32 |
33 | // Handle the event
34 | switch (event.type) {
35 | case 'invoice.paid':
36 | const invoicePaid = event.data.object;
37 | // this is where we would tap into the Salesforce webhook to update an invoice as paid (logic made just need to tie it in)
38 | salesforcePaid(invoicePaid.id)
39 |
40 | break;
41 | // ... handle other event types
42 | default:
43 | console.log(`Unhandled event type ${event.type}`);
44 | }
45 |
46 | // Return a 200 response to acknowledge receipt of the event
47 | response.send();
48 | }
49 | );
50 |
51 | app.listen(4242, () => console.log('Running on port 4242'));
52 |
--------------------------------------------------------------------------------
/stripe-webhook/stripe_salesforce_fetch.js:
--------------------------------------------------------------------------------
1 | import axios from 'axios';
2 | import dotenv from 'dotenv';
3 |
4 | dotenv.config();
5 |
6 | const createConfig = (method, url, data) => {
7 | return {
8 | method,
9 | maxBodyLength: Infinity,
10 | url,
11 | headers: {
12 | 'X-Chatter-Entity-Encoding': 'false',
13 | 'Content-Type': 'application/json',
14 | 'Authorization': process.env.SALESFORCE_TOKEN,
15 | 'Cookie': process.env.SALESFORCE_COOKIE_AUTH
16 | },
17 | data
18 | }
19 | }
20 |
21 | export const salesforcePaid = async (stripeId) => {
22 |
23 | // query to fetch the salesforce record id based on the stripeId
24 |
25 | let fetchData = JSON.stringify({
26 | query: `query payments ($stripeId: TextArea) {
27 | uiapi {
28 | query {
29 | npe01__OppPayment__c (where: { Stripe_Invoice_ID__c: { eq: $stripeId } }) {
30 | edges {
31 | node {
32 | Id
33 | }
34 | }
35 | }
36 | }
37 | }
38 | }`,
39 | variables: {"stripeId":stripeId}
40 | });
41 |
42 | let fetchConfig = createConfig('post', `https://escsocal--lc001.sandbox.my.salesforce.com/services/data/v58.0/graphql`, fetchData)
43 |
44 | const fetchedRecordData = await axios.request(fetchConfig)
45 |
46 | // take the data back from the query and access the record id for the respective salesforce record id
47 | const recordId = fetchedRecordData.data.data.uiapi.query.npe01__OppPayment__c.edges[0].node.Id;
48 |
49 | // get the current date in a format acceptable by salesforce
50 | const currentDate = (new Date(Date.now() - (new Date()).getTimezoneOffset()*60000)).toISOString().split('T')[0]
51 |
52 | // use that record id to mark the invoice at that record id as paid in salesforce and include the current date paid
53 | let payData = JSON.stringify({
54 | "allowSaveOnDuplicate": false,
55 | "fields": {
56 | "npe01__Paid__c": true,
57 | "npe01__Payment_Method__c": "Credit Card",
58 | "npe01__Payment_Date__c": currentDate
59 | }
60 | });
61 |
62 | let config = createConfig('patch', `https://escsocal--lc001.sandbox.my.salesforce.com/services/data/v58.0/ui-api/records/${recordId}`, payData)
63 | const resultant = await axios.request(config);
64 |
65 | }
66 |
--------------------------------------------------------------------------------
34 |
35 |
36 | 
185 | 
186 | 
187 |
188 |