@eventlook/sdk 1.4.46-beta.6 → 1.4.46

package/src/form/tickets/TicketSelectionMobile.tsx

@@ -1,175 +0,0 @@
-import React, { useState } from 'react';
-import { Box, Skeleton, Stack, Typography, useTheme } from '@mui/material';
-import { fCurrency } from '@utils/formatNumber';
-import { IEvent } from '@utils/types/event.type';
-import { IReleaseShort } from '@utils/types/release.type';
-import { ITicketFormTicket } from '@utils/types/ticket.type';
-import useGlobal from '@hooks/useGlobal';
-import ReleaseDescription from './ReleaseDescription';
-import TicketQuantityControl from './TicketQuantityControl';
-
-interface Props {
-  event: IEvent;
-  activeReleases?: IReleaseShort[];
-  showLoading: boolean;
-  soldOutReleaseCategoryNames: string[];
-  tickets: ITicketFormTicket[];
-  isQuantityDisabled: (value: number, releaseId: number | '') => boolean;
-  setValue: (name: string, value: any) => void;
-  removeTicket: (indexToRemove: number) => void;
-  getExtraFields: (releaseId: number | '', index: number) => React.ReactNode;
-}
-
-const TicketSelectionMobile: React.FC<Props> = ({
-  event,
-  activeReleases,
-  showLoading,
-  soldOutReleaseCategoryNames,
-  tickets,
-  isQuantityDisabled,
-  setValue,
-  removeTicket,
-  getExtraFields,
-}) => {
-  const { t, lang } = useGlobal();
-  const [expandedReleaseIds, setExpandedReleaseIds] = useState<Record<number, boolean>>({});
-  const theme = useTheme();
-  const isLight = theme.palette.mode === 'light';
-
-  const getReleaseTitle = (release: IReleaseShort) =>
-    release.releaseCategoryName || release.name || '';
-
-  const getTicketIndexByRelease = (releaseId: number) =>
-    tickets.findIndex((ticket) => ticket.releaseId === releaseId);
-
-  const getReleaseQuantity = (releaseId: number) => {
-    const ticket = tickets.find((t) => t.releaseId === releaseId);
-    return Number(ticket?.quantity || 0);
-  };
-
-  const updateReleaseQuantity = (release: IReleaseShort, nextQuantity: number) => {
-    const maxAvailable = Math.min(release.availableTickets || 0, 10);
-    const clampedQuantity = Math.max(0, Math.min(nextQuantity, maxAvailable));
-    const ticketIndex = getTicketIndexByRelease(release.id);
-
-    if (clampedQuantity <= 0) {
-      if (ticketIndex >= 0) removeTicket(ticketIndex);
-      return;
-    }
-
-    if (ticketIndex >= 0) {
-      setValue(`tickets.${event.id}.${ticketIndex}.quantity`, clampedQuantity);
-      return;
-    }
-
-    setValue(`tickets.${event.id}`, [
-      ...tickets,
-      {
-        releaseId: release.id,
-        quantity: clampedQuantity,
-        itemName: getReleaseTitle(release),
-        price: release.price || 0,
-        products: [],
-        extraFields: [],
-      },
-    ]);
-  };
-
-  const toggleReleaseDescription = (releaseId: number) =>
-    setExpandedReleaseIds((prev) => ({
-      ...prev,
-      [releaseId]: !prev[releaseId],
-    }));
-
-  if (showLoading) {
-    return (
-      <Stack spacing={2}>
-        {[...Array(2)].map((_, index) => (
-          <Skeleton
-            key={index}
-            variant="rounded"
-            sx={{
-              width: '100%',
-              height: (theme) => theme.spacing(12),
-            }}
-          />
-        ))}
-      </Stack>
-    );
-  }
-
-  return (
-    <Stack spacing={2}>
-      {activeReleases?.map((release) => {
-        const quantity = getReleaseQuantity(release.id);
-        const ticketIndex = getTicketIndexByRelease(release.id);
-        const maxAvailable = Math.min(release.availableTickets || 0, 10);
-        const isLocked =
-          release.locked && !soldOutReleaseCategoryNames.includes(release.releaseCategoryName);
-        const isDisabled = isLocked && quantity === 0;
-        const canAddFirst = maxAvailable > 0 && !isQuantityDisabled(1, release.id);
-        const canAddMore = quantity < maxAvailable && !isQuantityDisabled(quantity + 1, release.id);
-
-        return (
-          <Box
-            key={release.id}
-            sx={{
-              p: 1,
-              pb: 0,
-              borderRadius: 1,
-              bgcolor: (theme) => (isLight ? theme.palette.grey[100] : theme.palette.grey[800]),
-            }}
-          >
-            <Stack spacing={0}>
-              <Box>
-                <Typography variant="subtitle1" fontWeight={600}>
-                  {getReleaseTitle(release)}
-                </Typography>
-              </Box>
-
-              <Stack direction="row" alignItems="center" justifyContent="space-between">
-                <Stack>
-                  <Typography variant="body2">
-                    {release.price === 0
-                      ? t('free')
-                      : fCurrency(release.price, lang, event.currency)}
-                  </Typography>
-
-                  <ReleaseDescription
-                    description={release.description}
-                    isExpanded={Boolean(expandedReleaseIds[release.id])}
-                    onToggle={() => toggleReleaseDescription(release.id)}
-                    moreInfoLabel={t('more_info')}
-                  />
-                </Stack>
-
-                <TicketQuantityControl
-                  quantity={quantity}
-                  isDisabled={isDisabled}
-                  canAddFirst={canAddFirst}
-                  canAddMore={canAddMore}
-                  addLabel={t('add')}
-                  onDecrement={() => updateReleaseQuantity(release, quantity - 1)}
-                  onIncrement={() => updateReleaseQuantity(release, quantity + 1)}
-                  onAddFirst={() => updateReleaseQuantity(release, 1)}
-                />
-              </Stack>
-
-              <ReleaseDescription
-                description={release.description}
-                isExpanded={Boolean(expandedReleaseIds[release.id])}
-                onToggle={() => toggleReleaseDescription(release.id)}
-                moreInfoLabel={t('more_info')}
-                showCollapse
-              />
-
-              {ticketIndex >= 0 && getExtraFields(release.id, ticketIndex)}
-            </Stack>
-          </Box>
-        );
-      })}
-    </Stack>
-  );
-};
-
-export default TicketSelectionMobile;