@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.
- package/dist/cjs/form/PaymentOverviewBox.js +0 -6
- package/dist/cjs/form/PaymentOverviewBox.js.map +1 -1
- package/dist/cjs/form/TicketForm.js +1 -1
- package/dist/cjs/form/TicketForm.js.map +1 -1
- package/dist/cjs/form/product/ProductCard.js +3 -2
- package/dist/cjs/form/product/ProductCard.js.map +1 -1
- package/dist/cjs/form/product/ProductVariantsDialog.js +23 -8
- package/dist/cjs/form/product/ProductVariantsDialog.js.map +1 -1
- package/dist/cjs/form/services/index.js +1 -18
- package/dist/cjs/form/services/index.js.map +1 -1
- package/dist/cjs/form/tickets/ReleaseWithMerchandise.js +30 -7
- package/dist/cjs/form/tickets/ReleaseWithMerchandise.js.map +1 -1
- package/dist/cjs/form/tickets/TicketSelection.js +37 -14
- package/dist/cjs/form/tickets/TicketSelection.js.map +1 -1
- package/dist/cjs/form/tickets/TicketSelectionMap.js +7 -1
- package/dist/cjs/form/tickets/TicketSelectionMap.js.map +1 -1
- package/dist/cjs/form/tickets/TicketSelectionMobile.js +17 -7
- package/dist/cjs/form/tickets/TicketSelectionMobile.js.map +1 -1
- package/dist/cjs/form/tickets/TicketWithMerchandiseSelection.js +30 -20
- package/dist/cjs/form/tickets/TicketWithMerchandiseSelection.js.map +1 -1
- package/dist/cjs/utils/data/ticket.js +6 -0
- package/dist/cjs/utils/data/ticket.js.map +1 -0
- package/dist/esm/form/PaymentOverviewBox.js +0 -6
- package/dist/esm/form/PaymentOverviewBox.js.map +1 -1
- package/dist/esm/form/TicketForm.js +1 -1
- package/dist/esm/form/TicketForm.js.map +1 -1
- package/dist/esm/form/product/ProductCard.js +3 -2
- package/dist/esm/form/product/ProductCard.js.map +1 -1
- package/dist/esm/form/product/ProductVariantsDialog.js +23 -8
- package/dist/esm/form/product/ProductVariantsDialog.js.map +1 -1
- package/dist/esm/form/services/index.js +2 -19
- package/dist/esm/form/services/index.js.map +1 -1
- package/dist/esm/form/tickets/ReleaseWithMerchandise.js +30 -7
- package/dist/esm/form/tickets/ReleaseWithMerchandise.js.map +1 -1
- package/dist/esm/form/tickets/TicketSelection.js +38 -15
- package/dist/esm/form/tickets/TicketSelection.js.map +1 -1
- package/dist/esm/form/tickets/TicketSelectionMap.js +7 -1
- package/dist/esm/form/tickets/TicketSelectionMap.js.map +1 -1
- package/dist/esm/form/tickets/TicketSelectionMobile.js +17 -7
- package/dist/esm/form/tickets/TicketSelectionMobile.js.map +1 -1
- package/dist/esm/form/tickets/TicketWithMerchandiseSelection.js +30 -20
- package/dist/esm/form/tickets/TicketWithMerchandiseSelection.js.map +1 -1
- package/dist/esm/utils/data/ticket.js +4 -0
- package/dist/esm/utils/data/ticket.js.map +1 -0
- package/package.json +1 -1
- package/src/form/PaymentOverviewBox.tsx +11 -11
- package/src/form/TicketForm.tsx +8 -6
- package/src/form/product/ProductCard.tsx +5 -2
- package/src/form/product/ProductVariantsDialog.tsx +29 -6
- package/src/form/services/index.tsx +36 -36
- package/src/form/tickets/ReleaseWithMerchandise.tsx +39 -8
- package/src/form/tickets/TicketSelection.tsx +50 -17
- package/src/form/tickets/TicketSelectionMap.tsx +9 -1
- package/src/form/tickets/TicketSelectionMobile.tsx +77 -67
- package/src/form/tickets/TicketWithMerchandiseSelection.tsx +49 -31
- 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 >
|
|
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
|
-
|
|
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 >
|
|
77
|
-
: countSelectedTickets() + value >
|
|
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 =
|
|
87
|
-
ticket.quantity
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
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
|
-
(
|
|
96
|
-
soldOutReleaseCategories
|
|
97
|
-
|
|
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,
|
|
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
|
|
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
|
|
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":"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"}
|
|
@@ -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,
|
|
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,
|
|
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
|
|
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,
|
|
62
|
-
const isLocked = release.locked
|
|
63
|
-
const
|
|
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 },
|
|
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
|
-
|
|
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 =
|
|
43
|
-
ticket.quantity
|
|
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 (
|
|
52
|
+
if (currentReleases.length) {
|
|
47
53
|
let hasChanges = false;
|
|
48
|
-
const updatedReleases =
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
release
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
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 =
|
|
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
|
-
(
|
|
69
|
-
soldOutReleaseCategories
|
|
70
|
-
|
|
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
|
|
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 @@
|
|
|
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)) }),
|