Chris Overstreet chrisoverstreet

V1 - Support charging final payments + showing payment in-app

Goal of V1 is to support adding line items to an order, auto-charging final payment (including notification to organizers).

To reduce risk, we will have a flag per order to turn auto-charging on or off. This can be used to show or hide the payments tab as well.

	'use client';

	import { graphql } from '__autogen__/gql';
	import mime from 'mime-types';
	import { useCallback } from 'react';

	import {
	GetSignedContractUploadUrlMutation,
	GetSignedContractUploadUrlMutationVariables,
	GetSignedMediaUploadUrlDocument,

 useSubscription<OnUpdateEventGuestSubscription, OnUpdateEventGuestSubscriptionVariables>({
     query: OnUpdateEventGuestDocument,
     variables: { eventId: eventId ?? '' },
     next: ({ data }) => {
       const { onUpdateEventGuest: guest } = data;
       if (guest) {
         updateEventGuest(guest);
       }
     },

	import { AppSyncResolverEvent } from 'aws-lambda';
	import { Handler } from 'sst/context/handler.js';
	import { useCookie, useCookies, useHeaders } from 'sst/node/api';

	import { initUser } from '@/functions/graphql/graphql';
	import { logger } from '@/lib/logger';

	export const RealTimeHandler = <T, K>(cb: (e: AppSyncResolverEvent<T> & K) => Promise<unknown> \| unknown) => {
	// @ts-expect-error - AppSync is not a valid Handler type in our version of sst.
	return Handler('appSync', cb);

	["LifeClass",
	"Kimpton Hotels",
	"Artiem Hotels",
	"Monte",
	"Banyan Tree",
	"Groupe Barriere",
	"Sleeperz Hotels",
	"Amerian Hotels",
	"Alexandre Hotels and Utopia Spas",
	"3C Hotels",

	import { z } from 'zod';

	const DEFAULT_HEX_OPTIONS = ['#000000', '#FFFFFF'];

	const hexColorSchema = z.string().regex(/^#[0-9A-F]{6}$/i);

	// https://www.w3.org/TR/AERT/#color-contrast
	export function bestContrastingColor(backgroundHexColor: string, ...hexOptions: string[]) {
	hexColorSchema.parse(backgroundHexColor);

	import { CustomNextPage } from '../_app';
	import { Stack, Typography } from '@mui/material';
	import { EventProvider, useEvent, useEventGuests } from '@events';
	import { useEffect, useState } from 'react';

	export const TestPage: CustomNextPage = () => {
	const [show, setShow] = useState(false);

	useEffect(() => {
	const timeoutId = setTimeout(() => setShow((prev) => !prev), 1000);