More

Author: marcoacierno

backend/association_membership/handlers/pretix/api.py

@@ -4,6 +4,8 @@
 
 from django.conf import settings
 
+from conferences.models.conference import Conference
+
 METHODS = Literal["get"]
 
 
@@ -15,6 +17,13 @@ def __init__(self, organizer: str, event: str):
             f"{settings.PRETIX_API}organizers/{self.organizer}/events/{self.event}"
         )
 
+    @classmethod
+    def for_conference(cls, conference: Conference):
+        return cls(
+            organizer=conference.pretix_organizer_id,
+            event=conference.pretix_event_id,
+        )
+
     def _request(
         self, endpoint: str, *, method: METHODS = "get", qs: dict[str, str] = None
     ):
@@ -40,3 +49,9 @@ def get_items(self, qs: dict[str, str]) -> dict:
     def get_categories(self) -> dict:
         response = self._request("categories")
         return response.json()
+
+    def get_all_attendee_tickets(self, attendee_email: str) -> list[dict]:
+        response = self._request(
+            "tickets/attendee-tickets", qs={"attendee_email": attendee_email}
+        )
+        return response.json()

backend/custom_admin/package.json

@@ -21,6 +21,7 @@
     "@radix-ui/react-alert-dialog": "^1.1.4",
     "@radix-ui/react-dialog": "^1.1.3",
     "@radix-ui/react-tabs": "^1.1.2",
+    "@radix-ui/react-toast": "^1.2.4",
     "@radix-ui/react-toolbar": "^1.1.1",
     "@radix-ui/themes": "^3.1.6",
     "@tiptap/extension-color": "^2.10.3",

backend/custom_admin/pnpm-lock.yaml

@@ -1,19 +1,15 @@
-import * as AlertDialog from "@radix-ui/react-alert-dialog";
-import { Button, Flex, Heading, Text, Theme } from "@radix-ui/themes";
+import * as Toast from "@radix-ui/react-toast";
+import { Button, Heading, Text } from "@radix-ui/themes";
 import { Box } from "@radix-ui/themes";
-import { MoveDown, MoveUp, Plus, Trash } from "lucide-react";
-import { Fragment, useEffect, useState } from "react";
-import type { InvitationLetterDocumentStructure } from "../../types";
-import { Base } from "../shared/base";
-import { DjangoAdminLayout } from "../shared/django-admin-layout";
-import { Editor } from "./editor";
+import { Plus } from "lucide-react";
+import { Fragment } from "react";
+
 import { EditorSection } from "./editor-section";
-import { useInvitationLetterDocumentQuery } from "./invitation-letter-document.generated";
 import { useLocalData } from "./local-state";
-import { useUpdateInvitationLetterDocumentMutation } from "./update-invitation-letter-document.generated";
 
 export const InvitationLetterBuilder = () => {
-  const { localData, saveChanges, isSaving, addPage } = useLocalData();
+  const { localData, saveChanges, isSaving, saveFailed, addPage } =
+    useLocalData();
 
   if (!localData) {
     return <Text>Loading...</Text>;

backend/custom_admin/src/components/invitation-letter-document-builder/builder.tsx

@@ -1,15 +1,9 @@
 import * as AlertDialog from "@radix-ui/react-alert-dialog";
 import { Button, Flex, Heading, Text, Theme } from "@radix-ui/themes";
 import { Box } from "@radix-ui/themes";
-import { MoveDown, MoveUp, Plus, Trash } from "lucide-react";
-import { Fragment, useEffect, useState } from "react";
-import type { InvitationLetterDocumentStructure } from "../../types";
-import { Base } from "../shared/base";
-import { DjangoAdminLayout } from "../shared/django-admin-layout";
+import { MoveDown, MoveUp, Trash } from "lucide-react";
 import { Editor } from "./editor";
-import { useInvitationLetterDocumentQuery } from "./invitation-letter-document.generated";
 import { useLocalData } from "./local-state";
-import { useUpdateInvitationLetterDocumentMutation } from "./update-invitation-letter-document.generated";
 
 export const EditorSection = ({
   title,
@@ -26,7 +20,7 @@ export const EditorSection = ({
   const onMoveUp = () => movePageUp(pageId);
   const onMoveDown = () => movePageDown(pageId);
   const onRemove = () => removePage(pageId);
-  const onUpdate = () => setContent(pageId, content);
+  const onUpdate = (content: string) => setContent(pageId, content);
 
   return (
     <AlertDialog.Root>

backend/custom_admin/src/components/invitation-letter-document-builder/editor-section.tsx

@@ -8,6 +8,7 @@ export const LocalStateContext = createContext<{
   localData: any;
   saveChanges: () => void;
   isSaving: boolean;
+  saveFailed: boolean;
   addPage: () => void;
   setContent: (pageId: string, content: string) => void;
   removePage: (pageId: string) => void;
@@ -17,6 +18,7 @@ export const LocalStateContext = createContext<{
   localData: null,
   saveChanges: () => {},
   isSaving: false,
+  saveFailed: false,
   addPage: () => {},
   setContent: () => {},
   removePage: () => {},
@@ -137,8 +139,8 @@ const useLoadRemoteData = () => {
   return remoteData?.invitationLetterDocument?.dynamicDocument;
 };
 
-const useSaveRemoteData = (): [(newData) => void, boolean] => {
-  const [updateInvitationLetter, { loading: savingChanges }] =
+const useSaveRemoteData = (): [(newData) => void, boolean, boolean] => {
+  const [updateInvitationLetter, { loading: savingChanges, error }] =
     useUpdateInvitationLetterDocumentMutation();
 
   return [
@@ -153,13 +155,14 @@ const useSaveRemoteData = (): [(newData) => void, boolean] => {
       });
     },
     savingChanges,
+    !!error,
   ];
 };
 
 export const LocalStateProvider = ({ children }) => {
   const [localData, dispatch] = useReducer(reducer, null);
   const remoteData = useLoadRemoteData();
-  const [saveChanges, isSaving] = useSaveRemoteData();
+  const [saveChanges, isSaving, saveFailed] = useSaveRemoteData();
 
   useEffect(() => {
     if (!remoteData) {
@@ -177,6 +180,7 @@ export const LocalStateProvider = ({ children }) => {
           saveChanges(localData);
         },
         isSaving,
+        saveFailed,
         addPage: () => {
           dispatch({ type: ActionType.AddPage });
         },

backend/custom_admin/src/components/invitation-letter-document-builder/local-state.tsx

@@ -6,6 +6,7 @@ import {
   AlignLeft,
   AlignRight,
   Bold,
+  Braces,
   Italic,
 } from "lucide-react";
 
@@ -69,6 +70,15 @@ export const MenuBar = ({ editor }) => {
       </Toolbar.Button>
 
       <Toolbar.Separator className="w-px bg-gray-300 mx-1" />
+
+      <Toolbar.Button
+        onClick={() => editor.chain().focus().setTextAlign("justify").run()}
+        className={clsx("p-2 rounded hover:bg-gray-200", {
+          "bg-gray-200": editor.isActive({ textAlign: "justify" }),
+        })}
+      >
+        <Braces size={16} />
+      </Toolbar.Button>
     </Toolbar.Root>
   );
 };

backend/custom_admin/src/components/invitation-letter-document-builder/menu-bar.tsx

@@ -1,11 +1,6 @@
-import { Heading, Text } from "@radix-ui/themes";
-import { Box } from "@radix-ui/themes";
-import { Fragment, useEffect, useState } from "react";
 import { Base } from "../shared/base";
 import { DjangoAdminLayout } from "../shared/django-admin-layout";
 import { InvitationLetterBuilder } from "./builder";
-import { Editor } from "./editor";
-import { useInvitationLetterDocumentQuery } from "./invitation-letter-document.generated";
 import { LocalStateProvider } from "./local-state";
 
 export const InvitationLetterDocumentBuilderRoot = () => {

backend/custom_admin/src/components/invitation-letter-document-builder/root.tsx

@@ -0,0 +1,7 @@
+import { Node } from "@tiptap/core";
+
+const VariableNode = Node.create({
+  name: "variable-node",
+
+  // Your code goes here.
+});

backend/custom_admin/src/components/invitation-letter-document-builder/variable-extension.tsx

@@ -4,6 +4,7 @@ import { DndProvider } from "react-dnd";
 import { HTML5Backend } from "react-dnd-html5-backend";
 
 import "../shared/styles.css";
+import * as Toast from "@radix-ui/react-toast";
 import { DjangoAdminEditorProvider } from "./django-admin-editor-modal";
 
 type Props = {