@eventlook/sdk 1.4.49 → 1.4.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/dist/cjs/form/PaymentOverviewBox.js +0 -6
  2. package/dist/cjs/form/PaymentOverviewBox.js.map +1 -1
  3. package/dist/cjs/form/TicketForm.js +1 -1
  4. package/dist/cjs/form/TicketForm.js.map +1 -1
  5. package/dist/cjs/form/product/ProductCard.js +3 -2
  6. package/dist/cjs/form/product/ProductCard.js.map +1 -1
  7. package/dist/cjs/form/product/ProductVariantsDialog.js +23 -8
  8. package/dist/cjs/form/product/ProductVariantsDialog.js.map +1 -1
  9. package/dist/cjs/form/services/index.js +1 -18
  10. package/dist/cjs/form/services/index.js.map +1 -1
  11. package/dist/cjs/form/tickets/ReleaseWithMerchandise.js +30 -7
  12. package/dist/cjs/form/tickets/ReleaseWithMerchandise.js.map +1 -1
  13. package/dist/cjs/form/tickets/TicketSelection.js +37 -14
  14. package/dist/cjs/form/tickets/TicketSelection.js.map +1 -1
  15. package/dist/cjs/form/tickets/TicketSelectionMap.js +7 -1
  16. package/dist/cjs/form/tickets/TicketSelectionMap.js.map +1 -1
  17. package/dist/cjs/form/tickets/TicketSelectionMobile.js +17 -7
  18. package/dist/cjs/form/tickets/TicketSelectionMobile.js.map +1 -1
  19. package/dist/cjs/form/tickets/TicketWithMerchandiseSelection.js +30 -20
  20. package/dist/cjs/form/tickets/TicketWithMerchandiseSelection.js.map +1 -1
  21. package/dist/cjs/utils/data/ticket.js +6 -0
  22. package/dist/cjs/utils/data/ticket.js.map +1 -0
  23. package/dist/esm/form/PaymentOverviewBox.js +0 -6
  24. package/dist/esm/form/PaymentOverviewBox.js.map +1 -1
  25. package/dist/esm/form/TicketForm.js +1 -1
  26. package/dist/esm/form/TicketForm.js.map +1 -1
  27. package/dist/esm/form/product/ProductCard.js +3 -2
  28. package/dist/esm/form/product/ProductCard.js.map +1 -1
  29. package/dist/esm/form/product/ProductVariantsDialog.js +23 -8
  30. package/dist/esm/form/product/ProductVariantsDialog.js.map +1 -1
  31. package/dist/esm/form/services/index.js +2 -19
  32. package/dist/esm/form/services/index.js.map +1 -1
  33. package/dist/esm/form/tickets/ReleaseWithMerchandise.js +30 -7
  34. package/dist/esm/form/tickets/ReleaseWithMerchandise.js.map +1 -1
  35. package/dist/esm/form/tickets/TicketSelection.js +38 -15
  36. package/dist/esm/form/tickets/TicketSelection.js.map +1 -1
  37. package/dist/esm/form/tickets/TicketSelectionMap.js +7 -1
  38. package/dist/esm/form/tickets/TicketSelectionMap.js.map +1 -1
  39. package/dist/esm/form/tickets/TicketSelectionMobile.js +17 -7
  40. package/dist/esm/form/tickets/TicketSelectionMobile.js.map +1 -1
  41. package/dist/esm/form/tickets/TicketWithMerchandiseSelection.js +30 -20
  42. package/dist/esm/form/tickets/TicketWithMerchandiseSelection.js.map +1 -1
  43. package/dist/esm/utils/data/ticket.js +4 -0
  44. package/dist/esm/utils/data/ticket.js.map +1 -0
  45. package/package.json +1 -1
  46. package/src/form/PaymentOverviewBox.tsx +11 -11
  47. package/src/form/TicketForm.tsx +8 -6
  48. package/src/form/product/ProductCard.tsx +5 -2
  49. package/src/form/product/ProductVariantsDialog.tsx +29 -6
  50. package/src/form/services/index.tsx +36 -36
  51. package/src/form/tickets/ReleaseWithMerchandise.tsx +39 -8
  52. package/src/form/tickets/TicketSelection.tsx +50 -17
  53. package/src/form/tickets/TicketSelectionMap.tsx +9 -1
  54. package/src/form/tickets/TicketSelectionMobile.tsx +77 -67
  55. package/src/form/tickets/TicketWithMerchandiseSelection.tsx +49 -31
  56. package/src/utils/data/ticket.ts +1 -0
@@ -10,6 +10,7 @@ var global = require('../../utils/global.js');
10
10
  var useResponsive = require('../../hooks/useResponsive.js');
11
11
  var ReleaseExtraFields = require('../extra-field/ReleaseExtraFields.js');
12
12
  var event = require('../../utils/data/event.js');
13
+ var ticket = require('../../utils/data/ticket.js');
13
14
  var useGlobal = require('../../hooks/useGlobal.js');
14
15
  var TicketSelectionMobile = require('./TicketSelectionMobile.js');
15
16
 
@@ -22,7 +23,6 @@ const TicketSelection = ({ event: event$1 }) => {
22
23
  defaultValue: [],
23
24
  });
24
25
  const eventTimeslotId = watch('eventTimeslotId');
25
- const [soldOutReleaseCategoryNames, setSoldOutReleaseCategoryNames] = React.useState([]);
26
26
  const isProcessingRef = React.useRef(false);
27
27
  const { data: activeReleases, mutate } = useEventActiveReleases.default(event$1.id, false, event$1.type === event.EventType.RECURRING ? eventTimeslotId : undefined);
28
28
  const showLoading = !activeReleases && event$1.type !== event.EventType.RECURRING;
@@ -48,7 +48,7 @@ const TicketSelection = ({ event: event$1 }) => {
48
48
  // const getAvailableTicketsForRelease = (release: ITicketFormTicket): number => {
49
49
  // const selectedRelease = activeReleases?.find((item) => item.id === release.releaseId);
50
50
  // const availableQuantity = selectedRelease ? selectedRelease.availableTickets : 0;
51
- // return availableQuantity > 10 ? 10 : availableQuantity;
51
+ // return availableQuantity > MAX_TICKETS_PER_ORDER ? MAX_TICKETS_PER_ORDER : availableQuantity;
52
52
  // };
53
53
  const countReleaseCategories = () => {
54
54
  const grouped = global.groupBy(activeReleases || [], 'releaseCategoryName');
@@ -58,7 +58,12 @@ const TicketSelection = ({ event: event$1 }) => {
58
58
  const lockedSelectedReleases = releases?.map((item, index) => {
59
59
  const nextRelease = releases?.find((item2) => item2.releaseCategoryName === item.releaseCategoryName && item2.order === item.order + 1);
60
60
  const selected = tickets.find((ticket) => ticket.releaseId === item.id);
61
- return !!nextRelease && item.locked && !!selected && index + 1 == tickets.length;
61
+ const maxSelectable = Math.min(item.availableTickets || 0, ticket.MAX_TICKETS_PER_ORDER);
62
+ return (!!nextRelease &&
63
+ item.locked &&
64
+ !!selected &&
65
+ Number(selected.quantity) >= maxSelectable &&
66
+ index + 1 == tickets.length);
62
67
  });
63
68
  return lockedSelectedReleases && lockedSelectedReleases.includes(true);
64
69
  };
@@ -73,8 +78,8 @@ const TicketSelection = ({ event: event$1 }) => {
73
78
  const isQuantityDisabled = (value, releaseId) => {
74
79
  const releaseSelected = tickets.find((item) => item.releaseId === releaseId);
75
80
  return releaseSelected && releaseSelected.quantity
76
- ? countSelectedTickets() + value - releaseSelected.quantity > 10
77
- : countSelectedTickets() + value > 10;
81
+ ? countSelectedTickets() + value - releaseSelected.quantity > ticket.MAX_TICKETS_PER_ORDER
82
+ : countSelectedTickets() + value > ticket.MAX_TICKETS_PER_ORDER;
78
83
  };
79
84
  const removeTicket = (indexToRemove) => {
80
85
  const activeReleases = tickets.filter((_ticket, index) => index !== indexToRemove);
@@ -82,19 +87,37 @@ const TicketSelection = ({ event: event$1 }) => {
82
87
  };
83
88
  const selectedTickets = async () => {
84
89
  const releases = await mutate();
90
+ const currentReleases = releases || activeReleases || [];
85
91
  const allFilled = tickets.filter((item) => !item.releaseId || !item.quantity);
86
- const soldOutReleaseCategories = activeReleases?.filter((release) => tickets.find((ticket) => release.id === ticket.releaseId &&
87
- ticket.quantity === release.availableTickets &&
88
- release.availableTickets !== 10));
89
- setSoldOutReleaseCategoryNames(soldOutReleaseCategories?.map((item) => item.releaseCategoryName) || []);
90
- const hasSelectableRelease = activeReleases?.some((release) => !isReleaseSelected(release.id) && !release.locked);
92
+ const soldOutReleaseCategories = currentReleases.filter((release) => tickets.find((ticket$1) => release.id === ticket$1.releaseId &&
93
+ Number(ticket$1.quantity) >= Math.min(release.availableTickets || 0, ticket.MAX_TICKETS_PER_ORDER)));
94
+ if (currentReleases.length) {
95
+ let hasChanges = false;
96
+ const updatedReleases = currentReleases.map((release) => {
97
+ const previousRelease = currentReleases.find((item) => item.releaseCategoryName === release.releaseCategoryName &&
98
+ item.order === release.order - 1);
99
+ if (!release.locked || !previousRelease)
100
+ return release;
101
+ const previousTicket = tickets.find((ticket) => ticket.releaseId === previousRelease.id);
102
+ const previousMaxSelectable = Math.min(previousRelease.availableTickets || 0, ticket.MAX_TICKETS_PER_ORDER);
103
+ const shouldUnlock = Number(previousTicket?.quantity || 0) >= previousMaxSelectable;
104
+ if (!shouldUnlock)
105
+ return release;
106
+ hasChanges = true;
107
+ return { ...release, locked: false };
108
+ });
109
+ if (hasChanges) {
110
+ await mutate(updatedReleases, false);
111
+ }
112
+ }
113
+ const hasSelectableRelease = currentReleases.some((release) => !isReleaseSelected(release.id) && !release.locked);
91
114
  const shouldAddRow = (soldOutReleaseCategories &&
92
115
  selectedReleaseIsSoldOut(releases) &&
93
116
  tickets.length < soldOutReleaseCategories.length + countUnlockedReleases() &&
94
117
  !allFilled.length) ||
95
- (activeReleases &&
96
- soldOutReleaseCategories?.length &&
97
- activeReleases?.length > tickets.length &&
118
+ (currentReleases.length &&
119
+ soldOutReleaseCategories.length &&
120
+ currentReleases.length > tickets.length &&
98
121
  tickets.length < soldOutReleaseCategories.length + countUnlockedReleases() &&
99
122
  !allFilled.length) ||
100
123
  (tickets.length < countReleaseCategories() && !allFilled.length);
@@ -128,7 +151,7 @@ const TicketSelection = ({ event: event$1 }) => {
128
151
  }
129
152
  };
130
153
  return (React.createElement(material.Stack, { spacing: 3, direction: "column", divider: !isMobile ? React.createElement(material.Divider, { sx: { borderStyle: 'dashed' } }) : undefined },
131
- React.createElement(TicketSelectionMobile.default, { event: event$1, activeReleases: activeReleases, showLoading: showLoading, soldOutReleaseCategoryNames: soldOutReleaseCategoryNames, tickets: tickets, isQuantityDisabled: isQuantityDisabled, setValue: setValue, removeTicket: removeTicket, getExtraFields: getExtraFields }),
154
+ React.createElement(TicketSelectionMobile.default, { event: event$1, activeReleases: activeReleases, showLoading: showLoading, tickets: tickets, isQuantityDisabled: isQuantityDisabled, setValue: setValue, removeTicket: removeTicket, getExtraFields: getExtraFields }),
132
155
  React.createElement(material.Box, null,
133
156
  React.createElement(material.Typography, { variant: "caption", component: "div", fontStyle: "italic", mb: 2 },
134
157
  "*",
@@ -1 +1 @@
1
- {"version":3,"file":"TicketSelection.js","sources":["../../../../src/form/tickets/TicketSelection.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { useFormContext, useWatch } from 'react-hook-form';\nimport { Box, Divider, Stack, Typography } from '@mui/material';\nimport { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';\nimport useEventActiveReleases from '@hooks/data/useEventActiveReleases';\nimport { groupBy } from '@utils/global';\nimport { IReleaseShort } from '@utils/types/release.type';\nimport { IEvent } from '@utils/types/event.type';\nimport useResponsive from '@hooks/useResponsive';\nimport ReleaseExtraFields from '@form/extra-field/ReleaseExtraFields';\nimport { EventType } from '@utils/data/event';\nimport useGlobal from '@hooks/useGlobal.ts';\nimport TicketSelectionMobile from './TicketSelectionMobile';\n\ninterface Props {\n event: IEvent;\n}\n\nconst TicketSelection: React.FC<Props> = ({ event }) => {\n const { t } = useGlobal();\n const isMobile = useResponsive('down', 'md');\n const { setValue, watch } = useFormContext<ITicketForm>();\n const tickets = useWatch({\n name: `tickets.${event.id}`,\n defaultValue: [],\n }) as ITicketFormTicket[];\n const eventTimeslotId = watch('eventTimeslotId');\n const [soldOutReleaseCategoryNames, setSoldOutReleaseCategoryNames] = useState<string[]>([]);\n const isProcessingRef = useRef(false);\n const { data: activeReleases, mutate } = useEventActiveReleases(\n event.id,\n false,\n event.type === EventType.RECURRING ? eventTimeslotId : undefined\n );\n\n const showLoading = !activeReleases && event.type !== EventType.RECURRING;\n\n useEffect(() => {\n if (!isProcessingRef.current) selectedTickets();\n }, [tickets, activeReleases]);\n\n const isReleaseSelected = (id: number) => !!tickets.find((ticket) => ticket.releaseId === id);\n\n const getRelease = (releaseId: number) => {\n const release = activeReleases?.find((activeRelease) => activeRelease.id === releaseId);\n return release ? release : null;\n };\n\n const getExtraFields = (releaseId: number | '', index: number) => {\n if (!releaseId) return null;\n\n const release = getRelease(releaseId);\n\n if (!release || !release?.extraFields || release?.extraFields.length <= 0) return null;\n\n const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);\n const countTickets = addedRelease?.quantity || 0;\n return (\n <ReleaseExtraFields\n release={release}\n eventId={event.id}\n releaseIndex={index}\n quantity={countTickets}\n />\n );\n };\n\n // const getAvailableTicketsForRelease = (release: ITicketFormTicket): number => {\n // const selectedRelease = activeReleases?.find((item) => item.id === release.releaseId);\n // const availableQuantity = selectedRelease ? selectedRelease.availableTickets : 0;\n // return availableQuantity > 10 ? 10 : availableQuantity;\n // };\n\n const countReleaseCategories = (): number => {\n const grouped = groupBy(activeReleases || [], 'releaseCategoryName');\n return Object.keys(grouped).length;\n };\n\n const selectedReleaseIsSoldOut = (releases: IReleaseShort[] | undefined) => {\n const lockedSelectedReleases: boolean[] | undefined = releases?.map((item, index) => {\n const nextRelease = releases?.find(\n (item2) =>\n item2.releaseCategoryName === item.releaseCategoryName && item2.order === item.order + 1\n );\n const selected = tickets.find((ticket) => ticket.releaseId === item.id);\n return !!nextRelease && item.locked && !!selected && index + 1 == tickets.length;\n });\n return lockedSelectedReleases && lockedSelectedReleases.includes(true);\n };\n\n const countUnlockedReleases = () => activeReleases?.filter((item) => !item.locked).length || 0;\n\n const countSelectedTickets = () => {\n let count = 0;\n for (const ticket of tickets) {\n count += +ticket.quantity;\n }\n\n return count;\n };\n\n const isQuantityDisabled = (value: number, releaseId: number | '') => {\n const releaseSelected = tickets.find((item) => item.releaseId === releaseId);\n return releaseSelected && releaseSelected.quantity\n ? countSelectedTickets() + value - releaseSelected.quantity > 10\n : countSelectedTickets() + value > 10;\n };\n\n const removeTicket = (indexToRemove: number) => {\n const activeReleases = tickets.filter((_ticket, index) => index !== indexToRemove);\n setValue(`tickets.${event.id}`, activeReleases);\n };\n\n const selectedTickets = async () => {\n const releases = await mutate();\n const allFilled = tickets.filter((item) => !item.releaseId || !item.quantity);\n\n const soldOutReleaseCategories = activeReleases?.filter((release) =>\n tickets.find(\n (ticket) =>\n release.id === ticket.releaseId &&\n ticket.quantity === release.availableTickets &&\n release.availableTickets !== 10\n )\n );\n setSoldOutReleaseCategoryNames(\n soldOutReleaseCategories?.map((item) => item.releaseCategoryName) || []\n );\n\n const hasSelectableRelease = activeReleases?.some(\n (release) => !isReleaseSelected(release.id) && !release.locked\n );\n\n const shouldAddRow =\n (soldOutReleaseCategories &&\n selectedReleaseIsSoldOut(releases) &&\n tickets.length < soldOutReleaseCategories.length + countUnlockedReleases() &&\n !allFilled.length) ||\n (activeReleases &&\n soldOutReleaseCategories?.length &&\n activeReleases?.length > tickets.length &&\n tickets.length < soldOutReleaseCategories.length + countUnlockedReleases() &&\n !allFilled.length) ||\n (tickets.length < countReleaseCategories() && !allFilled.length);\n\n const shouldRemoveEmptyRows =\n allFilled.length > 0 &&\n tickets.length > 1 &&\n !hasSelectableRelease &&\n (!soldOutReleaseCategories?.length || !selectedReleaseIsSoldOut(releases));\n\n if (shouldAddRow) {\n isProcessingRef.current = true;\n setValue(`tickets.${event.id}`, [\n ...tickets,\n {\n releaseId: '',\n quantity: '',\n itemName: '',\n price: 0,\n products: [],\n extraFields: [],\n },\n ]);\n setTimeout(() => (isProcessingRef.current = false), 0);\n } else if (shouldRemoveEmptyRows) {\n // Only remove completely empty rows (no releaseId), keep rows where user started selecting\n const nonEmptyTickets = tickets.filter((item) => item.releaseId);\n if (nonEmptyTickets.length < tickets.length) {\n isProcessingRef.current = true;\n setValue(`tickets.${event.id}`, nonEmptyTickets);\n setTimeout(() => (isProcessingRef.current = false), 0);\n }\n }\n };\n\n return (\n <Stack\n spacing={3}\n direction=\"column\"\n divider={!isMobile ? <Divider sx={{ borderStyle: 'dashed' }} /> : undefined}\n >\n <TicketSelectionMobile\n event={event}\n activeReleases={activeReleases}\n showLoading={showLoading}\n soldOutReleaseCategoryNames={soldOutReleaseCategoryNames}\n tickets={tickets}\n isQuantityDisabled={isQuantityDisabled}\n setValue={setValue as (name: string, value: any) => void}\n removeTicket={removeTicket}\n getExtraFields={getExtraFields}\n />\n <Box>\n <Typography variant=\"caption\" component=\"div\" fontStyle=\"italic\" mb={2}>\n *{t('event.tickets.stepper.1.max_ticket_quantity')}\n </Typography>\n </Box>\n </Stack>\n );\n};\n\nexport default TicketSelection;\n"],"names":["event","useGlobal","useResponsive","useFormContext","useWatch","useState","useRef","useEventActiveReleases","EventType","useEffect","ReleaseExtraFields","groupBy","Stack","Divider","TicketSelectionMobile","Box","Typography"],"mappings":"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"}
1
+ {"version":3,"file":"TicketSelection.js","sources":["../../../../src/form/tickets/TicketSelection.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { useFormContext, useWatch } from 'react-hook-form';\nimport { Box, Divider, Stack, Typography } from '@mui/material';\nimport { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';\nimport useEventActiveReleases from '@hooks/data/useEventActiveReleases';\nimport { groupBy } from '@utils/global';\nimport { IReleaseShort } from '@utils/types/release.type';\nimport { IEvent } from '@utils/types/event.type';\nimport useResponsive from '@hooks/useResponsive';\nimport ReleaseExtraFields from '@form/extra-field/ReleaseExtraFields';\nimport { EventType } from '@utils/data/event';\nimport { MAX_TICKETS_PER_ORDER } from '@utils/data/ticket';\nimport useGlobal from '@hooks/useGlobal.ts';\nimport TicketSelectionMobile from './TicketSelectionMobile';\n\ninterface Props {\n event: IEvent;\n}\n\nconst TicketSelection: React.FC<Props> = ({ event }) => {\n const { t } = useGlobal();\n const isMobile = useResponsive('down', 'md');\n const { setValue, watch } = useFormContext<ITicketForm>();\n const tickets = useWatch({\n name: `tickets.${event.id}`,\n defaultValue: [],\n }) as ITicketFormTicket[];\n const eventTimeslotId = watch('eventTimeslotId');\n const isProcessingRef = useRef(false);\n const { data: activeReleases, mutate } = useEventActiveReleases(\n event.id,\n false,\n event.type === EventType.RECURRING ? eventTimeslotId : undefined\n );\n\n const showLoading = !activeReleases && event.type !== EventType.RECURRING;\n\n useEffect(() => {\n if (!isProcessingRef.current) selectedTickets();\n }, [tickets, activeReleases]);\n\n const isReleaseSelected = (id: number) => !!tickets.find((ticket) => ticket.releaseId === id);\n\n const getRelease = (releaseId: number) => {\n const release = activeReleases?.find((activeRelease) => activeRelease.id === releaseId);\n return release ? release : null;\n };\n\n const getExtraFields = (releaseId: number | '', index: number) => {\n if (!releaseId) return null;\n\n const release = getRelease(releaseId);\n\n if (!release || !release?.extraFields || release?.extraFields.length <= 0) return null;\n\n const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);\n const countTickets = addedRelease?.quantity || 0;\n return (\n <ReleaseExtraFields\n release={release}\n eventId={event.id}\n releaseIndex={index}\n quantity={countTickets}\n />\n );\n };\n\n // const getAvailableTicketsForRelease = (release: ITicketFormTicket): number => {\n // const selectedRelease = activeReleases?.find((item) => item.id === release.releaseId);\n // const availableQuantity = selectedRelease ? selectedRelease.availableTickets : 0;\n // return availableQuantity > MAX_TICKETS_PER_ORDER ? MAX_TICKETS_PER_ORDER : availableQuantity;\n // };\n\n const countReleaseCategories = (): number => {\n const grouped = groupBy(activeReleases || [], 'releaseCategoryName');\n return Object.keys(grouped).length;\n };\n\n const selectedReleaseIsSoldOut = (releases: IReleaseShort[] | undefined) => {\n const lockedSelectedReleases: boolean[] | undefined = releases?.map((item, index) => {\n const nextRelease = releases?.find(\n (item2) =>\n item2.releaseCategoryName === item.releaseCategoryName && item2.order === item.order + 1\n );\n const selected = tickets.find((ticket) => ticket.releaseId === item.id);\n const maxSelectable = Math.min(item.availableTickets || 0, MAX_TICKETS_PER_ORDER);\n\n return (\n !!nextRelease &&\n item.locked &&\n !!selected &&\n Number(selected.quantity) >= maxSelectable &&\n index + 1 == tickets.length\n );\n });\n return lockedSelectedReleases && lockedSelectedReleases.includes(true);\n };\n\n const countUnlockedReleases = () => activeReleases?.filter((item) => !item.locked).length || 0;\n\n const countSelectedTickets = () => {\n let count = 0;\n for (const ticket of tickets) {\n count += +ticket.quantity;\n }\n\n return count;\n };\n\n const isQuantityDisabled = (value: number, releaseId: number | '') => {\n const releaseSelected = tickets.find((item) => item.releaseId === releaseId);\n return releaseSelected && releaseSelected.quantity\n ? countSelectedTickets() + value - releaseSelected.quantity > MAX_TICKETS_PER_ORDER\n : countSelectedTickets() + value > MAX_TICKETS_PER_ORDER;\n };\n\n const removeTicket = (indexToRemove: number) => {\n const activeReleases = tickets.filter((_ticket, index) => index !== indexToRemove);\n setValue(`tickets.${event.id}`, activeReleases);\n };\n\n const selectedTickets = async () => {\n const releases = await mutate();\n const currentReleases = releases || activeReleases || [];\n const allFilled = tickets.filter((item) => !item.releaseId || !item.quantity);\n\n const soldOutReleaseCategories = currentReleases.filter((release) =>\n tickets.find(\n (ticket) =>\n release.id === ticket.releaseId &&\n Number(ticket.quantity) >= Math.min(release.availableTickets || 0, MAX_TICKETS_PER_ORDER)\n )\n );\n\n if (currentReleases.length) {\n let hasChanges = false;\n const updatedReleases = currentReleases.map((release) => {\n const previousRelease = currentReleases.find(\n (item) =>\n item.releaseCategoryName === release.releaseCategoryName &&\n item.order === release.order - 1\n );\n\n if (!release.locked || !previousRelease) return release;\n\n const previousTicket = tickets.find((ticket) => ticket.releaseId === previousRelease.id);\n const previousMaxSelectable = Math.min(\n previousRelease.availableTickets || 0,\n MAX_TICKETS_PER_ORDER\n );\n const shouldUnlock = Number(previousTicket?.quantity || 0) >= previousMaxSelectable;\n\n if (!shouldUnlock) return release;\n\n hasChanges = true;\n return { ...release, locked: false };\n });\n\n if (hasChanges) {\n await mutate(updatedReleases, false);\n }\n }\n\n const hasSelectableRelease = currentReleases.some(\n (release) => !isReleaseSelected(release.id) && !release.locked\n );\n\n const shouldAddRow =\n (soldOutReleaseCategories &&\n selectedReleaseIsSoldOut(releases) &&\n tickets.length < soldOutReleaseCategories.length + countUnlockedReleases() &&\n !allFilled.length) ||\n (currentReleases.length &&\n soldOutReleaseCategories.length &&\n currentReleases.length > tickets.length &&\n tickets.length < soldOutReleaseCategories.length + countUnlockedReleases() &&\n !allFilled.length) ||\n (tickets.length < countReleaseCategories() && !allFilled.length);\n\n const shouldRemoveEmptyRows =\n allFilled.length > 0 &&\n tickets.length > 1 &&\n !hasSelectableRelease &&\n (!soldOutReleaseCategories?.length || !selectedReleaseIsSoldOut(releases));\n\n if (shouldAddRow) {\n isProcessingRef.current = true;\n setValue(`tickets.${event.id}`, [\n ...tickets,\n {\n releaseId: '',\n quantity: '',\n itemName: '',\n price: 0,\n products: [],\n extraFields: [],\n },\n ]);\n setTimeout(() => (isProcessingRef.current = false), 0);\n } else if (shouldRemoveEmptyRows) {\n // Only remove completely empty rows (no releaseId), keep rows where user started selecting\n const nonEmptyTickets = tickets.filter((item) => item.releaseId);\n if (nonEmptyTickets.length < tickets.length) {\n isProcessingRef.current = true;\n setValue(`tickets.${event.id}`, nonEmptyTickets);\n setTimeout(() => (isProcessingRef.current = false), 0);\n }\n }\n };\n\n return (\n <Stack\n spacing={3}\n direction=\"column\"\n divider={!isMobile ? <Divider sx={{ borderStyle: 'dashed' }} /> : undefined}\n >\n <TicketSelectionMobile\n event={event}\n activeReleases={activeReleases}\n showLoading={showLoading}\n tickets={tickets}\n isQuantityDisabled={isQuantityDisabled}\n setValue={setValue as (name: string, value: any) => void}\n removeTicket={removeTicket}\n getExtraFields={getExtraFields}\n />\n <Box>\n <Typography variant=\"caption\" component=\"div\" fontStyle=\"italic\" mb={2}>\n *{t('event.tickets.stepper.1.max_ticket_quantity')}\n </Typography>\n </Box>\n </Stack>\n );\n};\n\nexport default TicketSelection;\n"],"names":["event","useGlobal","useResponsive","useFormContext","useWatch","useRef","useEventActiveReleases","EventType","useEffect","ReleaseExtraFields","groupBy","MAX_TICKETS_PER_ORDER","ticket","Stack","Divider","TicketSelectionMobile","Box","Typography"],"mappings":"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"}
@@ -7,6 +7,7 @@ var useGlobal = require('../../hooks/useGlobal.js');
7
7
  var material = require('@mui/material');
8
8
  var seatPickerSdk = require('@seat-picker/seat-picker-sdk');
9
9
  var reactHookForm = require('react-hook-form');
10
+ var ticket = require('../../utils/data/ticket.js');
10
11
  var Iconify = require('../../components/iconify/Iconify.js');
11
12
 
12
13
  const TicketSelectionMap = ({ event }) => {
@@ -37,11 +38,16 @@ const TicketSelectionMap = ({ event }) => {
37
38
  },
38
39
  // TODO: fix types
39
40
  []);
41
+ let remainingTicketCapacity = ticket.MAX_TICKETS_PER_ORDER;
40
42
  for (const groupedSeat of groupedSeatsByZone) {
43
+ if (remainingTicketCapacity <= 0)
44
+ break;
45
+ const quantity = Math.min(groupedSeat.quantity, remainingTicketCapacity);
46
+ remainingTicketCapacity -= quantity;
41
47
  tickets.push({
42
48
  releaseId: groupedSeat.ticket.id,
43
49
  price: groupedSeat.ticket.price,
44
- quantity: groupedSeat.quantity,
50
+ quantity,
45
51
  itemName: `${groupedSeat.ticket.releaseCategoryName} - ${groupedSeat.ticket.name}`,
46
52
  products: [],
47
53
  extraFields: [],
@@ -1 +1 @@
1
- {"version":3,"file":"TicketSelectionMap.js","sources":["../../../../src/form/tickets/TicketSelectionMap.tsx"],"sourcesContent":["import React from 'react';\nimport useGlobal from '@hooks/useGlobal.ts';\nimport { IEvent } from '@utils/types/event.type.ts';\nimport { Button } from '@mui/material';\nimport { iframe, TicketSelection } from '@seat-picker/seat-picker-sdk';\nimport { useFormContext } from 'react-hook-form';\nimport { ITicketForm, ITicketFormTicket, ITicketLocation } from '@utils/types/ticket.type.ts';\nimport Iconify from '@components/iconify/Iconify';\n\ninterface Props {\n event: IEvent;\n}\n\nconst TicketSelectionMap: React.FC<Props> = ({ event }) => {\n const { t, seatingIframeUrl } = useGlobal();\n const { setValue, watch } = useFormContext<ITicketForm>();\n const uuid = watch('uuid');\n\n if (!uuid) return;\n\n const onSelect = (seats: TicketSelection) => {\n const tickets: ITicketFormTicket[] = [];\n const groupedSeatsByZone = seats.reduce(\n (tickets, seat) => {\n const zoneIndex = tickets.findIndex((ticket) => ticket.seat.id === seat.locationId);\n if (zoneIndex !== -1) {\n tickets[zoneIndex].quantity += 1;\n } else {\n tickets.push({\n seat: {\n id: seat.locationId,\n type: seat.locationType,\n locationDescription: seat.locationTypeDescription,\n },\n quantity: 1,\n ticket: seat.ticket,\n });\n }\n\n return tickets;\n },\n // TODO: fix types\n [] as { quantity: number; seat: ITicketLocation; ticket: any }[]\n );\n\n for (const groupedSeat of groupedSeatsByZone) {\n tickets.push({\n releaseId: groupedSeat.ticket.id,\n price: groupedSeat.ticket.price,\n quantity: groupedSeat.quantity,\n itemName: `${groupedSeat.ticket.releaseCategoryName} - ${groupedSeat.ticket.name}`,\n products: [],\n extraFields: [],\n location: {\n id: groupedSeat.seat.id,\n type: groupedSeat.seat.type,\n locationDescription: groupedSeat.seat.locationDescription,\n },\n });\n }\n\n setValue(`tickets.${event.id}`, tickets);\n };\n\n if (!seatingIframeUrl) return null;\n\n return (\n <Button\n variant=\"outlined\"\n onClick={() =>\n iframe.openPicker({\n eventId: String(event.id),\n onSelect,\n baseUrl: seatingIframeUrl,\n clientId: uuid,\n })\n }\n sx={{\n width: { xs: '100%' },\n color: 'text.primary',\n borderColor: (theme) => theme.palette.grey['300'],\n '& .MuiButton-endIcon': { ml: 0, fontSize: '1.5em' },\n }}\n endIcon={<Iconify icon=\"eva:chevron-right-outline\" />}\n >\n {t('form.labels.open_map')}\n </Button>\n );\n};\n\nexport default TicketSelectionMap;\n"],"names":["useGlobal","useFormContext","Button","iframe","Iconify"],"mappings":"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"}
1
+ {"version":3,"file":"TicketSelectionMap.js","sources":["../../../../src/form/tickets/TicketSelectionMap.tsx"],"sourcesContent":["import React from 'react';\nimport useGlobal from '@hooks/useGlobal.ts';\nimport { IEvent } from '@utils/types/event.type.ts';\nimport { Button } from '@mui/material';\nimport { iframe, TicketSelection } from '@seat-picker/seat-picker-sdk';\nimport { useFormContext } from 'react-hook-form';\nimport { ITicketForm, ITicketFormTicket, ITicketLocation } from '@utils/types/ticket.type.ts';\nimport { MAX_TICKETS_PER_ORDER } from '@utils/data/ticket';\nimport Iconify from '@components/iconify/Iconify';\n\ninterface Props {\n event: IEvent;\n}\n\nconst TicketSelectionMap: React.FC<Props> = ({ event }) => {\n const { t, seatingIframeUrl } = useGlobal();\n const { setValue, watch } = useFormContext<ITicketForm>();\n const uuid = watch('uuid');\n\n if (!uuid) return;\n\n const onSelect = (seats: TicketSelection) => {\n const tickets: ITicketFormTicket[] = [];\n const groupedSeatsByZone = seats.reduce(\n (tickets, seat) => {\n const zoneIndex = tickets.findIndex((ticket) => ticket.seat.id === seat.locationId);\n if (zoneIndex !== -1) {\n tickets[zoneIndex].quantity += 1;\n } else {\n tickets.push({\n seat: {\n id: seat.locationId,\n type: seat.locationType,\n locationDescription: seat.locationTypeDescription,\n },\n quantity: 1,\n ticket: seat.ticket,\n });\n }\n\n return tickets;\n },\n // TODO: fix types\n [] as { quantity: number; seat: ITicketLocation; ticket: any }[]\n );\n\n let remainingTicketCapacity = MAX_TICKETS_PER_ORDER;\n\n for (const groupedSeat of groupedSeatsByZone) {\n if (remainingTicketCapacity <= 0) break;\n\n const quantity = Math.min(groupedSeat.quantity, remainingTicketCapacity);\n remainingTicketCapacity -= quantity;\n\n tickets.push({\n releaseId: groupedSeat.ticket.id,\n price: groupedSeat.ticket.price,\n quantity,\n itemName: `${groupedSeat.ticket.releaseCategoryName} - ${groupedSeat.ticket.name}`,\n products: [],\n extraFields: [],\n location: {\n id: groupedSeat.seat.id,\n type: groupedSeat.seat.type,\n locationDescription: groupedSeat.seat.locationDescription,\n },\n });\n }\n\n setValue(`tickets.${event.id}`, tickets);\n };\n\n if (!seatingIframeUrl) return null;\n\n return (\n <Button\n variant=\"outlined\"\n onClick={() =>\n iframe.openPicker({\n eventId: String(event.id),\n onSelect,\n baseUrl: seatingIframeUrl,\n clientId: uuid,\n })\n }\n sx={{\n width: { xs: '100%' },\n color: 'text.primary',\n borderColor: (theme) => theme.palette.grey['300'],\n '& .MuiButton-endIcon': { ml: 0, fontSize: '1.5em' },\n }}\n endIcon={<Iconify icon=\"eva:chevron-right-outline\" />}\n >\n {t('form.labels.open_map')}\n </Button>\n );\n};\n\nexport default TicketSelectionMap;\n"],"names":["useGlobal","useFormContext","MAX_TICKETS_PER_ORDER","Button","iframe","Iconify"],"mappings":";;;;;;;;;;;;AAcA,MAAM,kBAAkB,GAAoB,CAAC,EAAE,KAAK,EAAE,KAAI;IACxD,MAAM,EAAE,CAAC,EAAE,gBAAgB,EAAE,GAAGA,iBAAS,EAAE;IAC3C,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAGC,4BAAc,EAAe;AACzD,IAAA,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC;AAE1B,IAAA,IAAI,CAAC,IAAI;QAAE;AAEX,IAAA,MAAM,QAAQ,GAAG,CAAC,KAAsB,KAAI;QAC1C,MAAM,OAAO,GAAwB,EAAE;QACvC,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,CACrC,CAAC,OAAO,EAAE,IAAI,KAAI;YAChB,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,UAAU,CAAC;AACnF,YAAA,IAAI,SAAS,KAAK,EAAE,EAAE;AACpB,gBAAA,OAAO,CAAC,SAAS,CAAC,CAAC,QAAQ,IAAI,CAAC;;iBAC3B;gBACL,OAAO,CAAC,IAAI,CAAC;AACX,oBAAA,IAAI,EAAE;wBACJ,EAAE,EAAE,IAAI,CAAC,UAAU;wBACnB,IAAI,EAAE,IAAI,CAAC,YAAY;wBACvB,mBAAmB,EAAE,IAAI,CAAC,uBAAuB;AAClD,qBAAA;AACD,oBAAA,QAAQ,EAAE,CAAC;oBACX,MAAM,EAAE,IAAI,CAAC,MAAM;AACpB,iBAAA,CAAC;;AAGJ,YAAA,OAAO,OAAO;SACf;;AAED,QAAA,EAAgE,CACjE;QAED,IAAI,uBAAuB,GAAGC,4BAAqB;AAEnD,QAAA,KAAK,MAAM,WAAW,IAAI,kBAAkB,EAAE;YAC5C,IAAI,uBAAuB,IAAI,CAAC;gBAAE;AAElC,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,QAAQ,EAAE,uBAAuB,CAAC;YACxE,uBAAuB,IAAI,QAAQ;YAEnC,OAAO,CAAC,IAAI,CAAC;AACX,gBAAA,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE;AAChC,gBAAA,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK;gBAC/B,QAAQ;AACR,gBAAA,QAAQ,EAAE,CAAA,EAAG,WAAW,CAAC,MAAM,CAAC,mBAAmB,CAAA,GAAA,EAAM,WAAW,CAAC,MAAM,CAAC,IAAI,CAAA,CAAE;AAClF,gBAAA,QAAQ,EAAE,EAAE;AACZ,gBAAA,WAAW,EAAE,EAAE;AACf,gBAAA,QAAQ,EAAE;AACR,oBAAA,EAAE,EAAE,WAAW,CAAC,IAAI,CAAC,EAAE;AACvB,oBAAA,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,IAAI;AAC3B,oBAAA,mBAAmB,EAAE,WAAW,CAAC,IAAI,CAAC,mBAAmB;AAC1D,iBAAA;AACF,aAAA,CAAC;;QAGJ,QAAQ,CAAC,WAAW,KAAK,CAAC,EAAE,CAAA,CAAE,EAAE,OAAO,CAAC;AAC1C,KAAC;AAED,IAAA,IAAI,CAAC,gBAAgB;AAAE,QAAA,OAAO,IAAI;AAElC,IAAA,QACE,KAAA,CAAA,aAAA,CAACC,eAAM,EAAA,EACL,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,MACPC,oBAAM,CAAC,UAAU,CAAC;AAChB,YAAA,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,QAAQ;AACR,YAAA,OAAO,EAAE,gBAAgB;AACzB,YAAA,QAAQ,EAAE,IAAI;SACf,CAAC,EAEJ,EAAE,EAAE;AACF,YAAA,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE;AACrB,YAAA,KAAK,EAAE,cAAc;AACrB,YAAA,WAAW,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;YACjD,sBAAsB,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE;AACrD,SAAA,EACD,OAAO,EAAE,KAAA,CAAA,aAAA,CAACC,eAAO,EAAA,EAAC,IAAI,EAAC,2BAA2B,EAAA,CAAG,EAAA,EAEpD,CAAC,CAAC,sBAAsB,CAAC,CACnB;AAEb;;;;"}
@@ -5,11 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var material = require('@mui/material');
7
7
  var formatNumber = require('../../utils/formatNumber.js');
8
+ var ticket = require('../../utils/data/ticket.js');
8
9
  var useGlobal = require('../../hooks/useGlobal.js');
9
10
  var ReleaseDescription = require('./ReleaseDescription.js');
10
11
  var TicketQuantityControl = require('./TicketQuantityControl.js');
11
12
 
12
- const TicketSelectionMobile = ({ event, activeReleases, showLoading, soldOutReleaseCategoryNames, tickets, isQuantityDisabled, setValue, removeTicket, getExtraFields, }) => {
13
+ const TicketSelectionMobile = ({ event, activeReleases, showLoading, tickets, isQuantityDisabled, setValue, removeTicket, getExtraFields, }) => {
13
14
  const { t, lang } = useGlobal.default();
14
15
  const [expandedReleaseIds, setExpandedReleaseIds] = React.useState({});
15
16
  const theme = material.useTheme();
@@ -20,8 +21,9 @@ const TicketSelectionMobile = ({ event, activeReleases, showLoading, soldOutRele
20
21
  const ticket = tickets.find((t) => t.releaseId === releaseId);
21
22
  return Number(ticket?.quantity || 0);
22
23
  };
24
+ const isReleaseVisible = (release) => !release.locked || getReleaseQuantity(release.id) > 0;
23
25
  const updateReleaseQuantity = (release, nextQuantity) => {
24
- const maxAvailable = Math.min(release.availableTickets || 0, 10);
26
+ const maxAvailable = Math.min(release.availableTickets || 0, ticket.MAX_TICKETS_PER_ORDER);
25
27
  const clampedQuantity = Math.max(0, Math.min(nextQuantity, maxAvailable));
26
28
  const ticketIndex = getTicketIndexByRelease(release.id);
27
29
  if (clampedQuantity <= 0) {
@@ -55,12 +57,17 @@ const TicketSelectionMobile = ({ event, activeReleases, showLoading, soldOutRele
55
57
  height: (theme) => theme.spacing(12),
56
58
  } })))));
57
59
  }
58
- return (React.createElement(material.Stack, { spacing: 2 }, activeReleases?.map((release) => {
60
+ return (React.createElement(material.Stack, { spacing: 2 }, activeReleases
61
+ ?.filter((release) => isReleaseVisible(release))
62
+ .map((release) => {
59
63
  const quantity = getReleaseQuantity(release.id);
60
64
  const ticketIndex = getTicketIndexByRelease(release.id);
61
- const maxAvailable = Math.min(release.availableTickets || 0, 10);
62
- const isLocked = release.locked && !soldOutReleaseCategoryNames.includes(release.releaseCategoryName);
63
- const isDisabled = isLocked && quantity === 0;
65
+ const maxAvailable = Math.min(release.availableTickets || 0, ticket.MAX_TICKETS_PER_ORDER);
66
+ const isLocked = release.locked;
67
+ const nextRelease = activeReleases?.find((item) => item.releaseCategoryName === release.releaseCategoryName &&
68
+ item.order === release.order + 1);
69
+ const hasSelectedNextRelease = !!nextRelease && getReleaseQuantity(nextRelease.id) > 0;
70
+ const isDisabled = hasSelectedNextRelease || (isLocked && quantity === 0);
64
71
  const canAddFirst = maxAvailable > 0 && !isQuantityDisabled(1, release.id);
65
72
  const canAddMore = quantity < maxAvailable && !isQuantityDisabled(quantity + 1, release.id);
66
73
  return (React.createElement(material.Box, { key: release.id, sx: {
@@ -73,7 +80,10 @@ const TicketSelectionMobile = ({ event, activeReleases, showLoading, soldOutRele
73
80
  } },
74
81
  React.createElement(material.Stack, { spacing: 0 },
75
82
  React.createElement(material.Box, null,
76
- React.createElement(material.Typography, { variant: "subtitle2", fontWeight: 700 }, getReleaseTitle(release))),
83
+ React.createElement(material.Typography, { variant: "subtitle2", fontWeight: 700 },
84
+ getReleaseTitle(release),
85
+ " - ",
86
+ release.name)),
77
87
  React.createElement(material.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between" },
78
88
  React.createElement(material.Stack, null,
79
89
  React.createElement(material.Typography, { variant: "body2" }, release.price === 0
@@ -1 +1 @@
1
- {"version":3,"file":"TicketSelectionMobile.js","sources":["../../../../src/form/tickets/TicketSelectionMobile.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Box, Skeleton, Stack, Typography, useTheme } from '@mui/material';\nimport { fCurrency } from '@utils/formatNumber';\nimport { IEvent } from '@utils/types/event.type';\nimport { IReleaseShort } from '@utils/types/release.type';\nimport { ITicketFormTicket } from '@utils/types/ticket.type';\nimport useGlobal from '@hooks/useGlobal';\nimport ReleaseDescription from './ReleaseDescription';\nimport TicketQuantityControl from './TicketQuantityControl';\n\ninterface Props {\n event: IEvent;\n activeReleases?: IReleaseShort[];\n showLoading: boolean;\n soldOutReleaseCategoryNames: string[];\n tickets: ITicketFormTicket[];\n isQuantityDisabled: (value: number, releaseId: number | '') => boolean;\n setValue: (name: string, value: any) => void;\n removeTicket: (indexToRemove: number) => void;\n getExtraFields: (releaseId: number | '', index: number) => React.ReactNode;\n}\n\nconst TicketSelectionMobile: React.FC<Props> = ({\n event,\n activeReleases,\n showLoading,\n soldOutReleaseCategoryNames,\n tickets,\n isQuantityDisabled,\n setValue,\n removeTicket,\n getExtraFields,\n}) => {\n const { t, lang } = useGlobal();\n const [expandedReleaseIds, setExpandedReleaseIds] = useState<Record<number, boolean>>({});\n const theme = useTheme();\n const isLight = theme.palette.mode === 'light';\n\n const getReleaseTitle = (release: IReleaseShort) =>\n release.releaseCategoryName || release.name || '';\n\n const getTicketIndexByRelease = (releaseId: number) =>\n tickets.findIndex((ticket) => ticket.releaseId === releaseId);\n\n const getReleaseQuantity = (releaseId: number) => {\n const ticket = tickets.find((t) => t.releaseId === releaseId);\n return Number(ticket?.quantity || 0);\n };\n\n const updateReleaseQuantity = (release: IReleaseShort, nextQuantity: number) => {\n const maxAvailable = Math.min(release.availableTickets || 0, 10);\n const clampedQuantity = Math.max(0, Math.min(nextQuantity, maxAvailable));\n const ticketIndex = getTicketIndexByRelease(release.id);\n\n if (clampedQuantity <= 0) {\n if (ticketIndex >= 0) removeTicket(ticketIndex);\n return;\n }\n\n if (ticketIndex >= 0) {\n setValue(`tickets.${event.id}.${ticketIndex}.quantity`, clampedQuantity);\n return;\n }\n\n setValue(`tickets.${event.id}`, [\n ...tickets,\n {\n releaseId: release.id,\n quantity: clampedQuantity,\n itemName: getReleaseTitle(release),\n price: release.price || 0,\n products: [],\n extraFields: [],\n },\n ]);\n };\n\n const toggleReleaseDescription = (releaseId: number) =>\n setExpandedReleaseIds((prev) => ({\n ...prev,\n [releaseId]: !prev[releaseId],\n }));\n\n if (showLoading) {\n return (\n <Stack spacing={2}>\n {[...Array(2)].map((_, index) => (\n <Skeleton\n key={index}\n variant=\"rounded\"\n sx={{\n width: '100%',\n height: (theme) => theme.spacing(12),\n }}\n />\n ))}\n </Stack>\n );\n }\n\n return (\n <Stack spacing={2}>\n {activeReleases?.map((release) => {\n const quantity = getReleaseQuantity(release.id);\n const ticketIndex = getTicketIndexByRelease(release.id);\n const maxAvailable = Math.min(release.availableTickets || 0, 10);\n const isLocked =\n release.locked && !soldOutReleaseCategoryNames.includes(release.releaseCategoryName);\n const isDisabled = isLocked && quantity === 0;\n const canAddFirst = maxAvailable > 0 && !isQuantityDisabled(1, release.id);\n const canAddMore = quantity < maxAvailable && !isQuantityDisabled(quantity + 1, release.id);\n\n return (\n <Box\n key={release.id}\n sx={{\n pt: 1,\n pr: 0.5,\n pb: 0.5,\n pl: 2,\n borderRadius: 1,\n bgcolor: (theme) => (isLight ? theme.palette.grey[100] : theme.palette.grey[800]),\n }}\n >\n <Stack spacing={0}>\n <Box>\n <Typography variant=\"subtitle2\" fontWeight={700}>\n {getReleaseTitle(release)}\n </Typography>\n </Box>\n\n <Stack direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\">\n <Stack>\n <Typography variant=\"body2\">\n {release.price === 0\n ? t('free')\n : fCurrency(release.price, lang, event.currency)}\n </Typography>\n\n <ReleaseDescription\n description={release.description}\n isExpanded={Boolean(expandedReleaseIds[release.id])}\n onToggle={() => toggleReleaseDescription(release.id)}\n moreInfoLabel={t('more_info')}\n />\n </Stack>\n\n <TicketQuantityControl\n quantity={quantity}\n isDisabled={isDisabled}\n canAddFirst={canAddFirst}\n canAddMore={canAddMore}\n addLabel={t('add')}\n onDecrement={() => updateReleaseQuantity(release, quantity - 1)}\n onIncrement={() => updateReleaseQuantity(release, quantity + 1)}\n onAddFirst={() => updateReleaseQuantity(release, 1)}\n />\n </Stack>\n\n <ReleaseDescription\n description={release.description}\n isExpanded={Boolean(expandedReleaseIds[release.id])}\n onToggle={() => toggleReleaseDescription(release.id)}\n moreInfoLabel={t('more_info')}\n showCollapse\n />\n\n {ticketIndex >= 0 && getExtraFields(release.id, ticketIndex)}\n </Stack>\n </Box>\n );\n })}\n </Stack>\n );\n};\n\nexport default TicketSelectionMobile;\n"],"names":["useGlobal","useState","useTheme","Stack","Skeleton","Box","Typography","fCurrency","ReleaseDescription","TicketQuantityControl"],"mappings":"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"}
1
+ {"version":3,"file":"TicketSelectionMobile.js","sources":["../../../../src/form/tickets/TicketSelectionMobile.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Box, Skeleton, Stack, Typography, useTheme } from '@mui/material';\nimport { fCurrency } from '@utils/formatNumber';\nimport { IEvent } from '@utils/types/event.type';\nimport { IReleaseShort } from '@utils/types/release.type';\nimport { ITicketFormTicket } from '@utils/types/ticket.type';\nimport { MAX_TICKETS_PER_ORDER } from '@utils/data/ticket';\nimport useGlobal from '@hooks/useGlobal';\nimport ReleaseDescription from './ReleaseDescription';\nimport TicketQuantityControl from './TicketQuantityControl';\n\ninterface Props {\n event: IEvent;\n activeReleases?: IReleaseShort[];\n showLoading: boolean;\n tickets: ITicketFormTicket[];\n isQuantityDisabled: (value: number, releaseId: number | '') => boolean;\n setValue: (name: string, value: any) => void;\n removeTicket: (indexToRemove: number) => void;\n getExtraFields: (releaseId: number | '', index: number) => React.ReactNode;\n}\n\nconst TicketSelectionMobile: React.FC<Props> = ({\n event,\n activeReleases,\n showLoading,\n tickets,\n isQuantityDisabled,\n setValue,\n removeTicket,\n getExtraFields,\n}) => {\n const { t, lang } = useGlobal();\n const [expandedReleaseIds, setExpandedReleaseIds] = useState<Record<number, boolean>>({});\n const theme = useTheme();\n const isLight = theme.palette.mode === 'light';\n\n const getReleaseTitle = (release: IReleaseShort) =>\n release.releaseCategoryName || release.name || '';\n\n const getTicketIndexByRelease = (releaseId: number) =>\n tickets.findIndex((ticket) => ticket.releaseId === releaseId);\n\n const getReleaseQuantity = (releaseId: number) => {\n const ticket = tickets.find((t) => t.releaseId === releaseId);\n return Number(ticket?.quantity || 0);\n };\n\n const isReleaseVisible = (release: IReleaseShort) =>\n !release.locked || getReleaseQuantity(release.id) > 0;\n\n const updateReleaseQuantity = (release: IReleaseShort, nextQuantity: number) => {\n const maxAvailable = Math.min(release.availableTickets || 0, MAX_TICKETS_PER_ORDER);\n const clampedQuantity = Math.max(0, Math.min(nextQuantity, maxAvailable));\n const ticketIndex = getTicketIndexByRelease(release.id);\n\n if (clampedQuantity <= 0) {\n if (ticketIndex >= 0) removeTicket(ticketIndex);\n return;\n }\n\n if (ticketIndex >= 0) {\n setValue(`tickets.${event.id}.${ticketIndex}.quantity`, clampedQuantity);\n return;\n }\n\n setValue(`tickets.${event.id}`, [\n ...tickets,\n {\n releaseId: release.id,\n quantity: clampedQuantity,\n itemName: getReleaseTitle(release),\n price: release.price || 0,\n products: [],\n extraFields: [],\n },\n ]);\n };\n\n const toggleReleaseDescription = (releaseId: number) =>\n setExpandedReleaseIds((prev) => ({\n ...prev,\n [releaseId]: !prev[releaseId],\n }));\n\n if (showLoading) {\n return (\n <Stack spacing={2}>\n {[...Array(2)].map((_, index) => (\n <Skeleton\n key={index}\n variant=\"rounded\"\n sx={{\n width: '100%',\n height: (theme) => theme.spacing(12),\n }}\n />\n ))}\n </Stack>\n );\n }\n\n return (\n <Stack spacing={2}>\n {activeReleases\n ?.filter((release) => isReleaseVisible(release))\n .map((release) => {\n const quantity = getReleaseQuantity(release.id);\n const ticketIndex = getTicketIndexByRelease(release.id);\n const maxAvailable = Math.min(release.availableTickets || 0, MAX_TICKETS_PER_ORDER);\n const isLocked = release.locked;\n const nextRelease = activeReleases?.find(\n (item) =>\n item.releaseCategoryName === release.releaseCategoryName &&\n item.order === release.order + 1\n );\n const hasSelectedNextRelease = !!nextRelease && getReleaseQuantity(nextRelease.id) > 0;\n const isDisabled = hasSelectedNextRelease || (isLocked && quantity === 0);\n const canAddFirst = maxAvailable > 0 && !isQuantityDisabled(1, release.id);\n const canAddMore =\n quantity < maxAvailable && !isQuantityDisabled(quantity + 1, release.id);\n\n return (\n <Box\n key={release.id}\n sx={{\n pt: 1,\n pr: 0.5,\n pb: 0.5,\n pl: 2,\n borderRadius: 1,\n bgcolor: (theme) => (isLight ? theme.palette.grey[100] : theme.palette.grey[800]),\n }}\n >\n <Stack spacing={0}>\n <Box>\n <Typography variant=\"subtitle2\" fontWeight={700}>\n {getReleaseTitle(release)} - {release.name}\n </Typography>\n </Box>\n\n <Stack direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\">\n <Stack>\n <Typography variant=\"body2\">\n {release.price === 0\n ? t('free')\n : fCurrency(release.price, lang, event.currency)}\n </Typography>\n\n <ReleaseDescription\n description={release.description}\n isExpanded={Boolean(expandedReleaseIds[release.id])}\n onToggle={() => toggleReleaseDescription(release.id)}\n moreInfoLabel={t('more_info')}\n />\n </Stack>\n\n <TicketQuantityControl\n quantity={quantity}\n isDisabled={isDisabled}\n canAddFirst={canAddFirst}\n canAddMore={canAddMore}\n addLabel={t('add')}\n onDecrement={() => updateReleaseQuantity(release, quantity - 1)}\n onIncrement={() => updateReleaseQuantity(release, quantity + 1)}\n onAddFirst={() => updateReleaseQuantity(release, 1)}\n />\n </Stack>\n\n <ReleaseDescription\n description={release.description}\n isExpanded={Boolean(expandedReleaseIds[release.id])}\n onToggle={() => toggleReleaseDescription(release.id)}\n moreInfoLabel={t('more_info')}\n showCollapse\n />\n\n {ticketIndex >= 0 && getExtraFields(release.id, ticketIndex)}\n </Stack>\n </Box>\n );\n })}\n </Stack>\n );\n};\n\nexport default TicketSelectionMobile;\n"],"names":["useGlobal","useState","useTheme","MAX_TICKETS_PER_ORDER","Stack","Skeleton","Box","Typography","fCurrency","ReleaseDescription","TicketQuantityControl"],"mappings":"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"}
@@ -9,6 +9,7 @@ var useEventActiveReleases = require('../../hooks/data/useEventActiveReleases.js
9
9
  var global = require('../../utils/global.js');
10
10
  var ReleaseWithMerchandise = require('./ReleaseWithMerchandise.js');
11
11
  var event = require('../../utils/data/event.js');
12
+ var ticket = require('../../utils/data/ticket.js');
12
13
  var useGlobal = require('../../hooks/useGlobal.js');
13
14
 
14
15
  const TicketWithMerchandiseSelection = ({ event: event$1 }) => {
@@ -30,7 +31,12 @@ const TicketWithMerchandiseSelection = ({ event: event$1 }) => {
30
31
  const lockedSelectedReleases = releases?.map((item, index) => {
31
32
  const nextRelease = releases?.find((item2) => item2.releaseCategoryName === item.releaseCategoryName && item2.order === item.order + 1);
32
33
  const selected = tickets.find((ticket) => ticket.releaseId === item.id);
33
- return !!nextRelease && item.locked && !!selected && index + 1 == tickets.length;
34
+ const maxSelectable = Math.min(item.availableTickets || 0, ticket.MAX_TICKETS_PER_ORDER);
35
+ return (!!nextRelease &&
36
+ item.locked &&
37
+ !!selected &&
38
+ Number(selected.quantity) >= maxSelectable &&
39
+ index + 1 == tickets.length);
34
40
  });
35
41
  return lockedSelectedReleases && lockedSelectedReleases.includes(true);
36
42
  };
@@ -38,36 +44,38 @@ const TicketWithMerchandiseSelection = ({ event: event$1 }) => {
38
44
  const isReleaseSelected = (id) => !!tickets.find((ticket) => ticket.releaseId === id);
39
45
  const selectedTickets = async () => {
40
46
  const releases = await mutate();
47
+ const currentReleases = releases || activeReleases || [];
41
48
  const allFilled = tickets.filter((item) => !item.releaseId || !item.quantity);
42
- const soldOutReleaseCategories = activeReleases?.filter((release) => tickets.find((ticket) => release.id === ticket.releaseId &&
43
- ticket.quantity === release.availableTickets &&
44
- release.availableTickets !== 10));
49
+ const soldOutReleaseCategories = currentReleases.filter((release) => tickets.find((ticket$1) => release.id === ticket$1.releaseId &&
50
+ Number(ticket$1.quantity) >= Math.min(release.availableTickets || 0, ticket.MAX_TICKETS_PER_ORDER)));
45
51
  // Unlock next releases when current release is sold out
46
- if (soldOutReleaseCategories?.length && activeReleases) {
52
+ if (currentReleases.length) {
47
53
  let hasChanges = false;
48
- const updatedReleases = activeReleases.map((release) => {
49
- // For each sold-out release, find and unlock the next one
50
- const soldOutRelease = soldOutReleaseCategories.find((soldOut) => soldOut.releaseCategoryName === release.releaseCategoryName &&
51
- soldOut.order === release.order - 1 &&
52
- release.locked);
53
- if (soldOutRelease) {
54
- hasChanges = true;
55
- return { ...release, locked: false };
56
- }
57
- return release;
54
+ const updatedReleases = currentReleases.map((release) => {
55
+ const previousRelease = currentReleases.find((item) => item.releaseCategoryName === release.releaseCategoryName &&
56
+ item.order === release.order - 1);
57
+ if (!release.locked || !previousRelease)
58
+ return release;
59
+ const previousTicket = tickets.find((ticket) => ticket.releaseId === previousRelease.id);
60
+ const previousMaxSelectable = Math.min(previousRelease.availableTickets || 0, ticket.MAX_TICKETS_PER_ORDER);
61
+ const shouldUnlock = Number(previousTicket?.quantity || 0) >= previousMaxSelectable;
62
+ if (!shouldUnlock)
63
+ return release;
64
+ hasChanges = true;
65
+ return { ...release, locked: false };
58
66
  });
59
67
  if (hasChanges) {
60
68
  await mutate(updatedReleases, false);
61
69
  }
62
70
  }
63
- const hasSelectableRelease = activeReleases?.some((release) => !isReleaseSelected(release.id) && !release.locked);
71
+ const hasSelectableRelease = currentReleases.some((release) => !isReleaseSelected(release.id) && !release.locked);
64
72
  const shouldAddRow = (soldOutReleaseCategories &&
65
73
  selectedReleaseIsSoldOut(releases) &&
66
74
  tickets.length < soldOutReleaseCategories.length + countUnlockedReleases() &&
67
75
  !allFilled.length) ||
68
- (activeReleases &&
69
- soldOutReleaseCategories?.length &&
70
- activeReleases?.length > tickets.length &&
76
+ (currentReleases.length &&
77
+ soldOutReleaseCategories.length &&
78
+ currentReleases.length > tickets.length &&
71
79
  tickets.length < soldOutReleaseCategories.length + countUnlockedReleases() &&
72
80
  !allFilled.length) ||
73
81
  (tickets.length < countReleaseCategories() && !allFilled.length);
@@ -104,7 +112,9 @@ const TicketWithMerchandiseSelection = ({ event: event$1 }) => {
104
112
  !activeReleases && event$1.type !== event.EventType.RECURRING ? (React.createElement(material.Skeleton, { variant: "rounded", sx: {
105
113
  width: '100%',
106
114
  height: (theme) => theme.spacing(7.5),
107
- } })) : (activeReleases?.map((release, index) => (React.createElement(ReleaseWithMerchandise.default, { key: release.id, eventId: event$1.id, release: release, activeReleases: activeReleases, currency: event$1.currency, index: index })))),
115
+ } })) : (activeReleases
116
+ ?.filter((release) => !release.locked || isReleaseSelected(release.id))
117
+ .map((release, index) => (React.createElement(ReleaseWithMerchandise.default, { key: release.id, eventId: event$1.id, release: release, activeReleases: activeReleases, currency: event$1.currency, index: index })))),
108
118
  !activeReleases && event$1.type === event.EventType.RECURRING && (React.createElement(material.Typography, { variant: "h5" }, t('event.tickets.stepper.1.select_timeslot'))),
109
119
  !!activeReleases && !activeReleases.length && (React.createElement(material.Typography, { variant: "h5" }, t('event.tickets.stepper.1.no_tickets'))),
110
120
  React.createElement(material.Box, null,
@@ -1 +1 @@
1
- {"version":3,"file":"TicketWithMerchandiseSelection.js","sources":["../../../../src/form/tickets/TicketWithMerchandiseSelection.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { useFormContext, useWatch } from 'react-hook-form';\nimport { Box, Skeleton, Stack, Typography } from '@mui/material';\nimport { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';\nimport useEventActiveReleases from '@hooks/data/useEventActiveReleases';\nimport { groupBy } from '@utils/global';\nimport { IReleaseShort } from '@utils/types/release.type';\nimport { IEvent } from '@utils/types/event.type';\nimport ReleaseWithMerchandise from '@form/tickets/ReleaseWithMerchandise';\nimport { EventType } from '@utils/data/event';\nimport useGlobal from '@hooks/useGlobal.ts';\n\ninterface Props {\n event: IEvent;\n}\n\nconst TicketWithMerchandiseSelection: React.FC<Props> = ({ event }) => {\n const { t } = useGlobal();\n const { setValue, watch } = useFormContext<ITicketForm>();\n const tickets: ITicketFormTicket[] = useWatch({ name: `tickets.${event.id}`, defaultValue: [] });\n const eventTimeslotId = watch('eventTimeslotId');\n const isProcessingRef = useRef(false);\n const { data: activeReleases, mutate } = useEventActiveReleases(\n event.id,\n false,\n event.type === EventType.RECURRING ? eventTimeslotId : undefined\n );\n\n useEffect(() => {\n if (!isProcessingRef.current) selectedTickets();\n }, [tickets, activeReleases]);\n\n const countReleaseCategories = (): number => {\n const grouped = groupBy(activeReleases || [], 'releaseCategoryName');\n return Object.keys(grouped).length;\n };\n\n const selectedReleaseIsSoldOut = (releases: IReleaseShort[] | undefined) => {\n const lockedSelectedReleases: boolean[] | undefined = releases?.map((item, index) => {\n const nextRelease = releases?.find(\n (item2) =>\n item2.releaseCategoryName === item.releaseCategoryName && item2.order === item.order + 1\n );\n const selected = tickets.find((ticket) => ticket.releaseId === item.id);\n return !!nextRelease && item.locked && !!selected && index + 1 == tickets.length;\n });\n return lockedSelectedReleases && lockedSelectedReleases.includes(true);\n };\n\n const countUnlockedReleases = () => activeReleases?.filter((item) => !item.locked).length || 0;\n\n const isReleaseSelected = (id: number) => !!tickets.find((ticket) => ticket.releaseId === id);\n\n const selectedTickets = async () => {\n const releases = await mutate();\n const allFilled = tickets.filter((item) => !item.releaseId || !item.quantity);\n\n const soldOutReleaseCategories = activeReleases?.filter((release) =>\n tickets.find(\n (ticket) =>\n release.id === ticket.releaseId &&\n ticket.quantity === release.availableTickets &&\n release.availableTickets !== 10\n )\n );\n\n // Unlock next releases when current release is sold out\n if (soldOutReleaseCategories?.length && activeReleases) {\n let hasChanges = false;\n const updatedReleases = activeReleases.map((release) => {\n // For each sold-out release, find and unlock the next one\n const soldOutRelease = soldOutReleaseCategories.find(\n (soldOut) =>\n soldOut.releaseCategoryName === release.releaseCategoryName &&\n soldOut.order === release.order - 1 &&\n release.locked\n );\n if (soldOutRelease) {\n hasChanges = true;\n return { ...release, locked: false };\n }\n return release;\n });\n\n if (hasChanges) {\n await mutate(updatedReleases, false);\n }\n }\n\n const hasSelectableRelease = activeReleases?.some(\n (release) => !isReleaseSelected(release.id) && !release.locked\n );\n\n const shouldAddRow =\n (soldOutReleaseCategories &&\n selectedReleaseIsSoldOut(releases) &&\n tickets.length < soldOutReleaseCategories.length + countUnlockedReleases() &&\n !allFilled.length) ||\n (activeReleases &&\n soldOutReleaseCategories?.length &&\n activeReleases?.length > tickets.length &&\n tickets.length < soldOutReleaseCategories.length + countUnlockedReleases() &&\n !allFilled.length) ||\n (tickets.length < countReleaseCategories() && !allFilled.length);\n\n const shouldRemoveEmptyRows =\n allFilled.length > 0 &&\n tickets.length > 1 &&\n !hasSelectableRelease &&\n (!soldOutReleaseCategories?.length || !selectedReleaseIsSoldOut(releases));\n\n if (shouldAddRow) {\n isProcessingRef.current = true;\n setValue(`tickets.${event.id}`, [\n ...tickets,\n {\n releaseId: '',\n quantity: '',\n itemName: '',\n price: 0,\n products: [],\n extraFields: [],\n },\n ]);\n setTimeout(() => (isProcessingRef.current = false), 0);\n } else if (shouldRemoveEmptyRows) {\n // Only remove completely empty rows (no releaseId), keep rows where user started selecting\n const nonEmptyTickets = tickets.filter((item) => item.releaseId);\n if (nonEmptyTickets.length < tickets.length) {\n isProcessingRef.current = true;\n setValue(`tickets.${event.id}`, nonEmptyTickets);\n setTimeout(() => (isProcessingRef.current = false), 0);\n }\n }\n };\n\n return (\n <Stack spacing={1} direction=\"column\">\n {!activeReleases && event.type !== EventType.RECURRING ? (\n <Skeleton\n variant=\"rounded\"\n sx={{\n width: '100%',\n height: (theme) => theme.spacing(7.5),\n }}\n />\n ) : (\n activeReleases?.map((release, index) => (\n <ReleaseWithMerchandise\n key={release.id}\n eventId={event.id}\n release={release}\n activeReleases={activeReleases}\n currency={event.currency}\n index={index}\n />\n ))\n )}\n {!activeReleases && event.type === EventType.RECURRING && (\n <Typography variant=\"h5\">{t('event.tickets.stepper.1.select_timeslot')}</Typography>\n )}\n {!!activeReleases && !activeReleases.length && (\n <Typography variant=\"h5\">{t('event.tickets.stepper.1.no_tickets')}</Typography>\n )}\n <Box>\n <Typography variant=\"caption\" component=\"div\" fontStyle=\"italic\" mb={2}>\n *{t('event.tickets.stepper.1.max_ticket_quantity')}\n </Typography>\n </Box>\n </Stack>\n );\n};\n\nexport default TicketWithMerchandiseSelection;\n"],"names":["event","useGlobal","useFormContext","useWatch","useRef","useEventActiveReleases","EventType","useEffect","groupBy","Stack","Skeleton","ReleaseWithMerchandise","Typography","Box"],"mappings":"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"}
1
+ {"version":3,"file":"TicketWithMerchandiseSelection.js","sources":["../../../../src/form/tickets/TicketWithMerchandiseSelection.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { useFormContext, useWatch } from 'react-hook-form';\nimport { Box, Skeleton, Stack, Typography } from '@mui/material';\nimport { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';\nimport useEventActiveReleases from '@hooks/data/useEventActiveReleases';\nimport { groupBy } from '@utils/global';\nimport { IReleaseShort } from '@utils/types/release.type';\nimport { IEvent } from '@utils/types/event.type';\nimport ReleaseWithMerchandise from '@form/tickets/ReleaseWithMerchandise';\nimport { EventType } from '@utils/data/event';\nimport { MAX_TICKETS_PER_ORDER } from '@utils/data/ticket';\nimport useGlobal from '@hooks/useGlobal.ts';\n\ninterface Props {\n event: IEvent;\n}\n\nconst TicketWithMerchandiseSelection: React.FC<Props> = ({ event }) => {\n const { t } = useGlobal();\n const { setValue, watch } = useFormContext<ITicketForm>();\n const tickets: ITicketFormTicket[] = useWatch({ name: `tickets.${event.id}`, defaultValue: [] });\n const eventTimeslotId = watch('eventTimeslotId');\n const isProcessingRef = useRef(false);\n const { data: activeReleases, mutate } = useEventActiveReleases(\n event.id,\n false,\n event.type === EventType.RECURRING ? eventTimeslotId : undefined\n );\n\n useEffect(() => {\n if (!isProcessingRef.current) selectedTickets();\n }, [tickets, activeReleases]);\n\n const countReleaseCategories = (): number => {\n const grouped = groupBy(activeReleases || [], 'releaseCategoryName');\n return Object.keys(grouped).length;\n };\n\n const selectedReleaseIsSoldOut = (releases: IReleaseShort[] | undefined) => {\n const lockedSelectedReleases: boolean[] | undefined = releases?.map((item, index) => {\n const nextRelease = releases?.find(\n (item2) =>\n item2.releaseCategoryName === item.releaseCategoryName && item2.order === item.order + 1\n );\n const selected = tickets.find((ticket) => ticket.releaseId === item.id);\n const maxSelectable = Math.min(item.availableTickets || 0, MAX_TICKETS_PER_ORDER);\n\n return (\n !!nextRelease &&\n item.locked &&\n !!selected &&\n Number(selected.quantity) >= maxSelectable &&\n index + 1 == tickets.length\n );\n });\n return lockedSelectedReleases && lockedSelectedReleases.includes(true);\n };\n\n const countUnlockedReleases = () => activeReleases?.filter((item) => !item.locked).length || 0;\n\n const isReleaseSelected = (id: number) => !!tickets.find((ticket) => ticket.releaseId === id);\n\n const selectedTickets = async () => {\n const releases = await mutate();\n const currentReleases = releases || activeReleases || [];\n const allFilled = tickets.filter((item) => !item.releaseId || !item.quantity);\n\n const soldOutReleaseCategories = currentReleases.filter((release) =>\n tickets.find(\n (ticket) =>\n release.id === ticket.releaseId &&\n Number(ticket.quantity) >= Math.min(release.availableTickets || 0, MAX_TICKETS_PER_ORDER)\n )\n );\n\n // Unlock next releases when current release is sold out\n if (currentReleases.length) {\n let hasChanges = false;\n const updatedReleases = currentReleases.map((release) => {\n const previousRelease = currentReleases.find(\n (item) =>\n item.releaseCategoryName === release.releaseCategoryName &&\n item.order === release.order - 1\n );\n\n if (!release.locked || !previousRelease) return release;\n\n const previousTicket = tickets.find((ticket) => ticket.releaseId === previousRelease.id);\n const previousMaxSelectable = Math.min(\n previousRelease.availableTickets || 0,\n MAX_TICKETS_PER_ORDER\n );\n const shouldUnlock = Number(previousTicket?.quantity || 0) >= previousMaxSelectable;\n\n if (!shouldUnlock) return release;\n\n hasChanges = true;\n return { ...release, locked: false };\n });\n\n if (hasChanges) {\n await mutate(updatedReleases, false);\n }\n }\n\n const hasSelectableRelease = currentReleases.some(\n (release) => !isReleaseSelected(release.id) && !release.locked\n );\n\n const shouldAddRow =\n (soldOutReleaseCategories &&\n selectedReleaseIsSoldOut(releases) &&\n tickets.length < soldOutReleaseCategories.length + countUnlockedReleases() &&\n !allFilled.length) ||\n (currentReleases.length &&\n soldOutReleaseCategories.length &&\n currentReleases.length > tickets.length &&\n tickets.length < soldOutReleaseCategories.length + countUnlockedReleases() &&\n !allFilled.length) ||\n (tickets.length < countReleaseCategories() && !allFilled.length);\n\n const shouldRemoveEmptyRows =\n allFilled.length > 0 &&\n tickets.length > 1 &&\n !hasSelectableRelease &&\n (!soldOutReleaseCategories?.length || !selectedReleaseIsSoldOut(releases));\n\n if (shouldAddRow) {\n isProcessingRef.current = true;\n setValue(`tickets.${event.id}`, [\n ...tickets,\n {\n releaseId: '',\n quantity: '',\n itemName: '',\n price: 0,\n products: [],\n extraFields: [],\n },\n ]);\n setTimeout(() => (isProcessingRef.current = false), 0);\n } else if (shouldRemoveEmptyRows) {\n // Only remove completely empty rows (no releaseId), keep rows where user started selecting\n const nonEmptyTickets = tickets.filter((item) => item.releaseId);\n if (nonEmptyTickets.length < tickets.length) {\n isProcessingRef.current = true;\n setValue(`tickets.${event.id}`, nonEmptyTickets);\n setTimeout(() => (isProcessingRef.current = false), 0);\n }\n }\n };\n\n return (\n <Stack spacing={1} direction=\"column\">\n {!activeReleases && event.type !== EventType.RECURRING ? (\n <Skeleton\n variant=\"rounded\"\n sx={{\n width: '100%',\n height: (theme) => theme.spacing(7.5),\n }}\n />\n ) : (\n activeReleases\n ?.filter((release) => !release.locked || isReleaseSelected(release.id))\n .map((release, index) => (\n <ReleaseWithMerchandise\n key={release.id}\n eventId={event.id}\n release={release}\n activeReleases={activeReleases}\n currency={event.currency}\n index={index}\n />\n ))\n )}\n {!activeReleases && event.type === EventType.RECURRING && (\n <Typography variant=\"h5\">{t('event.tickets.stepper.1.select_timeslot')}</Typography>\n )}\n {!!activeReleases && !activeReleases.length && (\n <Typography variant=\"h5\">{t('event.tickets.stepper.1.no_tickets')}</Typography>\n )}\n <Box>\n <Typography variant=\"caption\" component=\"div\" fontStyle=\"italic\" mb={2}>\n *{t('event.tickets.stepper.1.max_ticket_quantity')}\n </Typography>\n </Box>\n </Stack>\n );\n};\n\nexport default TicketWithMerchandiseSelection;\n"],"names":["event","useGlobal","useFormContext","useWatch","useRef","useEventActiveReleases","EventType","useEffect","groupBy","MAX_TICKETS_PER_ORDER","ticket","Stack","Skeleton","ReleaseWithMerchandise","Typography","Box"],"mappings":"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"}
@@ -0,0 +1,6 @@
1
+ 'use strict';
2
+
3
+ const MAX_TICKETS_PER_ORDER = 10;
4
+
5
+ exports.MAX_TICKETS_PER_ORDER = MAX_TICKETS_PER_ORDER;
6
+ //# sourceMappingURL=ticket.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ticket.js","sources":["../../../../src/utils/data/ticket.ts"],"sourcesContent":["export const MAX_TICKETS_PER_ORDER = 10;\n"],"names":[],"mappings":";;AAAO,MAAM,qBAAqB,GAAG;;;;"}
@@ -343,12 +343,6 @@ const PaymentOverviewBox = ({ event, withoutPadding, hideBuyButton }) => {
343
343
  React.createElement(Stack, { className: "overview-card__order-info", sx: { p: { xs: withoutPadding ? 0 : 2, md: 2 } }, pt: { xs: 0, sm: 2 }, spacing: 0.75, useFlexGap: true },
344
344
  !!selectedTickets.length && !isMobile && React.createElement(Divider, { sx: { borderStyle: 'dashed' } }),
345
345
  !!selectedTickets.length && (React.createElement(Stack, { spacing: 0.5 },
346
- React.createElement(PaymentOverviewCheckbox, { checkboxName: "ticketInsurance", label: t('event.tickets.insurance.label'), value: React.createElement(React.Fragment, null,
347
- ticketInsurance && totalItemCount.totalTickets > 0 ? '' : '+ ',
348
- fCurrency(ticketInsurancePricePerUnit, lang, event.currency),
349
- " /",
350
- ' ',
351
- t('event.tickets.insurance.per_ticket')) }),
352
346
  React.createElement(PaymentOverviewCheckbox, { checkboxName: "smsNotification", label: t('event.tickets.sms_notification.label'), value: React.createElement(React.Fragment, null,
353
347
  smsNotification && totalItemCount.totalTickets > 0 ? '' : '+ ',
354
348
  fCurrency(smsNotificationPrice, lang, event.currency)) }),