magicspon

import type { Media } from '@spon/payload-types'
import * as React from 'react'

type TElementProps = Omit<
  React.ComponentProps<'img'>,
  'src' | 'width' | 'height' | 'alt' | 'srcSet'
>

export type TPayloadImageProps = TElementProps & {
  media: Media | null | string

magicspon

import { FieldRender } from './FieldRender'
import { buildDefaultValues, createZodSchema } from './form.utils'
import { useConditionalFields } from './useConditionalFields'
import { RichText } from '@payloadcms/richtext-lexical/react'
import type { Form as FormProps } from '@spon/payload-types'
import { Stack } from '@spon/ui/layout/Stack'
import { useForm } from '@tanstack/react-form'
import { useMutation } from '@tanstack/react-query'
import * as React from 'react'
import { withQueryProvider } from '~/providers/QueryProvider'

magicspon

Description

When running the usesend/usesend:latest Docker image locally for development, GitHub OAuth authentication fails with a "State cookie was missing" error. This prevents users from logging in or creating accounts when running UseSend in a local Docker environment.

Steps to Reproduce

1. Set up UseSend using Docker Compose with the following configuration:

magicspon

type HasObject<T> = T extends object ? (T extends null ? false : true) : false

// Remove string from union if it contains both string and object types
type RemoveStringIfHasObject<T> = string extends T
  ? true extends HasObject<T>
    ? Exclude<T, string>
    : T
  : T

// Recursive helper that handles arrays / readonly arrays and objects

magicspon

// https://saas-ui.dev/blog/nextjs-create-page-helper-with-loader-pattern
// source: https://gist.github.com/magicspon/c1647cf91909808be0a1eed5448bb56d
// updated by @magicspon
import type { Metadata, ResolvingMetadata } from 'next'
import { unstable_cache as cache } from 'next/cache'
import { draftMode } from 'next/headers'
import type { AnyZodObject, z } from 'zod'

const DEFAULT_REVALIDATE_TIME = 60 * 60 * 24 // 1 DAY

magicspon

import React from 'react'
import ReactDOMServer from 'react-dom/server'
import Image from 'next/image'
import Parse, {
	HTMLReactParserOptions,
	DOMNode,
	Element,
} from 'html-react-parser'

const isElement = (domNode: DOMNode): domNode is Element => {

magicspon

import * as React from 'react'
import { GetServerSideProps } from 'next'
import {
	providers,
	getSession,
	csrfToken,
	ClientSafeProvider,
} from 'next-auth/client'
import { getSdk } from '@schema/graphql'
import cmsClient from '@healthwave/utils/cms/graphqlClient'

magicspon

import type { NextApiHandler, NextApiRequest, NextApiResponse } from 'next'
import jwt from 'jsonwebtoken';
import {v4 as uuidv4} from 'uuid';
import concatHeader from '../utils/concat-cookie'
import getConfig from '../utils/get-config'

function getSsoLoginUrl(customerId: number, storeHash: string, storeUrl: string, clientId: string, clientSecret: string) {
  const dateCreated = Math.round((new Date()). getTime() / 1000);
  const  payload = {
      "iss": clientId,

magicspon

const playerMachine = {
		id: "player",
		initial: "waiting",
		states: {
			waiting: {
				on: {
					PLAY: "playing",
				},
			},

magicspon

const waiting = {
	on: {
		BET: "playing",
		RAISE: "betting",
	},
}
const playing = {
	on: {
		FOLD: "folded",
		CHECK: "waiting",