@eventlook/sdk 1.4.45 → 1.4.46-beta.1

package/src/form/tickets/TicketSelectionMobile.tsx

@@ -0,0 +1,175 @@
+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;

package/src/form/{TicketWithMerchandiseSelection.tsx → tickets/TicketWithMerchandiseSelection.tsx}

@@ -1,14 +1,12 @@
 import React, { useEffect, useRef } from 'react';
 import { useFormContext, useWatch } from 'react-hook-form';
-import { Box, Divider, Skeleton, Stack, Typography } from '@mui/material';
+import { Box, Skeleton, Stack, Typography } from '@mui/material';
 import { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';
 import useEventActiveReleases from '@hooks/data/useEventActiveReleases';
 import { groupBy } from '@utils/global';
 import { IReleaseShort } from '@utils/types/release.type';
-import FeeBox from '@form/payment/FeeBox';
 import { IEvent } from '@utils/types/event.type';
-import useResponsive from '@hooks/useResponsive';
-import ReleaseWithMerchandise from '@form/ReleaseWithMerchandise';
+import ReleaseWithMerchandise from '@form/tickets/ReleaseWithMerchandise';
 import { EventType } from '@utils/data/event';
 import useGlobal from '@hooks/useGlobal.ts';
 
@@ -18,7 +16,6 @@ interface Props {
 
 const TicketWithMerchandiseSelection: React.FC<Props> = ({ event }) => {
   const { t } = useGlobal();
-  const isMobile = useResponsive('down', 'md');
   const { setValue, watch } = useFormContext<ITicketForm>();
   const tickets: ITicketFormTicket[] = useWatch({ name: `tickets.${event.id}`, defaultValue: [] });
   const eventTimeslotId = watch('eventTimeslotId');
@@ -138,7 +135,7 @@ const TicketWithMerchandiseSelection: React.FC<Props> = ({ event }) => {
   };
 
   return (
-    <Stack spacing={3} direction="column" divider={<Divider sx={{ borderStyle: 'dashed' }} />}>
+    <Stack spacing={1} direction="column">
       {!activeReleases && event.type !== EventType.RECURRING ? (
         <Skeleton
           variant="rounded"
@@ -169,7 +166,6 @@ const TicketWithMerchandiseSelection: React.FC<Props> = ({ event }) => {
         <Typography variant="caption" component="div" fontStyle="italic" mb={2}>
           *{t('event.tickets.stepper.1.max_ticket_quantity')}
         </Typography>
-        {isMobile && <FeeBox event={event} align="right" />}
       </Box>
     </Stack>
   );

package/src/locales/cs.tsx

@@ -7,6 +7,8 @@ const cs = {
   add: 'Přidat',
   confirm: 'Potvrdit',
   cancel: 'Zrušit',
+  close: 'Zavřít',
+  remove: 'Odstranit',
   pay: 'Zaplatit',
   change: 'Změnit',
   free: 'Zdarma',
@@ -39,7 +41,7 @@ const cs = {
       promo_code: 'Slevový kód',
       start_date: 'Datum konání',
       organizer: 'Pořadatel',
-      total: 'Celkem ',
+      total: 'Celkem',
       with_fee: 'vč. servisního poplatku',
       service_fee: 'Servisní poplatek',
       shipping_fee: 'Doprava',
@@ -105,6 +107,10 @@ const cs = {
         7: {
           title: 'Přidružené eventy',
         },
+        8: {
+          title: 'Služby',
+          additional_info: 'Více informací ke službám',
+        },
       },
       terms_and_conditions:
         'Odesláním objednávky souhlasím s <0>Obchodními podmínkami</0> {{termsAndConditionsCompanies}} a beru na vědomí <1>Zásady soukromí</1>.',

package/src/locales/en.tsx

@@ -7,6 +7,8 @@ const en = {
   add: 'Add',
   confirm: 'Confirm',
   cancel: 'Cancel',
+  close: 'Close',
+  remove: 'Remove',
   pay: 'Pay',
   change: 'Change',
   free: 'Free',
@@ -105,6 +107,10 @@ const en = {
         7: {
           title: 'Associated events',
         },
+        8: {
+          title: 'Services',
+          additional_info: 'More information about services',
+        },
       },
       terms_and_conditions:
         'By submitting the order, I agree to the <0>Terms and Conditions</0> of {{termsAndConditionsCompanies}} and acknowledge the <1>Privacy Policy</1>.',
@@ -124,7 +130,7 @@ const en = {
         label: 'SMS event reminder',
         modal: {
           description:
-            'Event reminder the day before: SMS will notify you about the upcoming event so you don\'t forget and have time to prepare.',
+            "Event reminder the day before: SMS will notify you about the upcoming event so you don't forget and have time to prepare.",
           price: 'SMS event reminder price',
         },
       },

package/src/locales/es.tsx

@@ -7,6 +7,8 @@ const es = {
   add: 'Añadir',
   confirm: 'Confirmar',
   cancel: 'Cancelar',
+  close: 'Cerrar',
+  remove: 'Eliminar',
   pay: 'Pagar',
   change: 'Cambiar',
   free: 'Gratis',
@@ -105,6 +107,10 @@ const es = {
         7: {
           title: 'Eventos asociados',
         },
+        8: {
+          title: 'Servicios',
+          additional_info: 'Más información sobre los servicios',
+        },
       },
       terms_and_conditions:
         'Al enviar el pedido, acepto los <0>Términos y Condiciones</0> de {{termsAndConditionsCompanies}} y reconozco la <1>Política de Privacidad</1>.',

package/src/locales/pl.tsx

@@ -7,6 +7,8 @@ const pl = {
   add: 'Dodaj',
   confirm: 'Potwierdź',
   cancel: 'Anuluj',
+  close: 'Zamknij',
+  remove: 'Usuń',
   pay: 'Zapłać',
   change: 'Zmień',
   free: 'Darmowe',
@@ -105,6 +107,10 @@ const pl = {
         7: {
           title: 'Powiązane wydarzenia',
         },
+        8: {
+          title: 'Usługi',
+          additional_info: 'Więcej informacji o usługach',
+        },
       },
       terms_and_conditions:
         'Składając zamówienie, akceptuję <0>Regulamin</0> {{termsAndConditionsCompanies}} oraz potwierdzam <1>Politykę prywatności</1>.',

package/src/locales/sk.tsx

@@ -7,6 +7,8 @@ const sk = {
   add: 'Pridať',
   confirm: 'Potvrdiť',
   cancel: 'Zrušiť',
+  close: 'Zavrieť',
+  remove: 'Odstrániť',
   pay: 'Zaplaťte',
   change: 'Zmeniť',
   free: 'Zadarmo',
@@ -105,6 +107,10 @@ const sk = {
         7: {
           title: 'Pridružené eventy',
         },
+        8: {
+          title: 'Služby',
+          additional_info: 'Viac informácií o službách',
+        },
       },
       terms_and_conditions:
         'Odoslaním objednávky súhlasím s <0>Obchodnými podmienkami</0> {{termsAndConditionsCompanies}} a beriem na vedomie <1>Zásady ochrany osobných údajov</1>.',

package/src/locales/uk.tsx

@@ -7,6 +7,8 @@ const uk = {
   add: 'Додати',
   confirm: 'Підтвердити',
   cancel: 'Скасувати',
+  close: 'Закрити',
+  remove: 'Видалити',
   pay: 'Оплатити',
   change: 'Змінити',
   free: 'Безкоштовно',
@@ -105,6 +107,10 @@ const uk = {
         7: {
           title: 'Пов’язані події',
         },
+        8: {
+          title: 'Послуги',
+          additional_info: 'Додаткова інформація про послуги',
+        },
       },
       terms_and_conditions:
         'Надсилаючи замовлення, я погоджуюсь з <0>Правилами та умовами</0> {{termsAndConditionsCompanies}} та підтверджую <1>Політику конфіденційності</1>.',

package/src/utils/data/global.ts

@@ -1 +1,2 @@
+export const EVENTLOOK_ORDER_FORM_CONTAINER_ID = 'eventlook-order-form-container';
 export const EVENTLOOK_ORDER_FORM_ID = 'eventlook-order-form';

package/tsconfig.json

@@ -10,6 +10,7 @@
     "skipLibCheck": true,
     "resolveJsonModule": true,
     "allowImportingTsExtensions": true,
+    "noEmit": true,
     "declaration": false,
     "emitDeclarationOnly": false,
     "baseUrl": ".",
@@ -25,4 +26,4 @@
     }
   },
   "include": ["src/**/*"]
-}
+}

package/.claude/settings.local.json

@@ -1,9 +0,0 @@
-{
-  "permissions": {
-    "allow": [
-      "Bash(ls:*)",
-      "Bash(cat:*)",
-      "Bash(xargs:*)"
-    ]
-  }
-}

package/dist/cjs/components/ClientOnly.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var TicketFormSkeleton = require('./TicketFormSkeleton.js');
-
-const ClientOnly = ({ children }) => {
-    const [isClient, setIsClient] = React.useState(false);
-    React.useEffect(() => {
-        setIsClient(true);
-    }, []);
-    if (!isClient)
-        return React.createElement(TicketFormSkeleton.default, null);
-    return React.createElement(React.Fragment, null, children);
-};
-
-exports.default = ClientOnly;
-//# sourceMappingURL=ClientOnly.js.map

package/dist/cjs/components/ClientOnly.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClientOnly.js","sources":["../../../src/components/ClientOnly.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport TicketFormSkeleton from '@components/TicketFormSkeleton';\n\nconst ClientOnly = ({ children }: { children: React.ReactNode }) => {\n  const [isClient, setIsClient] = useState(false);\n\n  useEffect(() => {\n    setIsClient(true);\n  }, []);\n\n  if (!isClient) return <TicketFormSkeleton />;\n\n  return <>{children}</>;\n};\n\nexport default ClientOnly;\n"],"names":["useState","useEffect","TicketFormSkeleton"],"mappings":";;;;;;;AAGA,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAiC,KAAI;IACjE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IAE/CC,eAAS,CAAC,MAAK;QACb,WAAW,CAAC,IAAI,CAAC;KAClB,EAAE,EAAE,CAAC;AAEN,IAAA,IAAI,CAAC,QAAQ;QAAE,OAAO,KAAA,CAAA,aAAA,CAACC,0BAAkB,EAAA,IAAA,CAAG;IAE5C,OAAO,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAG,QAAQ,CAAI;AACxB;;;;"}

package/dist/cjs/components/CustomSkeleton.js

@@ -1,15 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var material = require('@mui/material');
-
-const CustomSkeleton = ({ sx, ...other }) => (React.createElement(material.Skeleton, { ...other, sx: {
-        transform: 'none',
-        borderRadius: 1,
-        ...sx,
-    } }));
-
-exports.default = CustomSkeleton;
-//# sourceMappingURL=CustomSkeleton.js.map

package/dist/cjs/components/CustomSkeleton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomSkeleton.js","sources":["../../../src/components/CustomSkeleton.tsx"],"sourcesContent":["import React from 'react';\nimport { Skeleton, SkeletonProps } from '@mui/material';\n\nconst CustomSkeleton: React.FC<SkeletonProps> = ({ sx, ...other }) => (\n  <Skeleton\n    {...other}\n    sx={{\n      transform: 'none',\n      borderRadius: 1,\n      ...sx,\n    }}\n  />\n);\n\nexport default CustomSkeleton;\n"],"names":["Skeleton"],"mappings":";;;;;;;AAGA,MAAM,cAAc,GAA4B,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,MAC/D,KAAA,CAAA,aAAA,CAACA,iBAAQ,OACH,KAAK,EACT,EAAE,EAAE;AACF,QAAA,SAAS,EAAE,MAAM;AACjB,QAAA,YAAY,EAAE,CAAC;AACf,QAAA,GAAG,EAAE;AACN,KAAA,EAAA,CACD;;;;"}

package/dist/cjs/components/Image.js

@@ -1,56 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
-var material = require('@mui/material');
-
-function Image({ ratio, disabledEffect = false, effect = 'blur', objectFit = 'cover', sx, ...other }) {
-    if (ratio) {
-        return (React.createElement(material.Box, { component: "span", sx: {
-                width: 1,
-                lineHeight: 0,
-                display: 'block',
-                overflow: 'hidden',
-                position: 'relative',
-                pt: getRatio(ratio),
-                '& .wrapper': {
-                    top: 0,
-                    left: 0,
-                    right: 0,
-                    bottom: 0,
-                    lineHeight: 0,
-                    position: 'absolute',
-                    backgroundSize: 'cover !important',
-                },
-                ...sx,
-            } },
-            React.createElement(material.Box, { component: reactLazyLoadImageComponent.LazyLoadImage, wrapperClassName: "wrapper", effect: disabledEffect ? undefined : effect, placeholderSrc: "/assets/img_placeholder.svg", sx: { width: 1, height: 1, objectFit: 'cover' }, ...other })));
-    }
-    return (React.createElement(material.Box, { component: "span", sx: {
-            lineHeight: 1,
-            display: 'block',
-            overflow: 'hidden',
-            '& .wrapper': { width: 1, height: 1, backgroundSize: 'cover !important' },
-            ...sx,
-        } },
-        React.createElement(material.Box, { component: reactLazyLoadImageComponent.LazyLoadImage, wrapperClassName: "wrapper", effect: disabledEffect ? undefined : effect, placeholderSrc: "/assets/img_placeholder.svg", sx: { width: 1, height: 1, objectFit }, ...other })));
-}
-// ----------------------------------------------------------------------
-function getRatio(ratio = '1/1') {
-    return {
-        '4/3': 'calc(100% / 4 * 3)',
-        '3/4': 'calc(100% / 3 * 4)',
-        '6/4': 'calc(100% / 6 * 4)',
-        '4/6': 'calc(100% / 4 * 6)',
-        '16/9': 'calc(100% / 16 * 9)',
-        '9/16': 'calc(100% / 9 * 16)',
-        '21/9': 'calc(100% / 21 * 9)',
-        '9/21': 'calc(100% / 9 * 21)',
-        '1/1': '100%',
-    }[ratio];
-}
-
-exports.default = Image;
-//# sourceMappingURL=Image.js.map

package/dist/cjs/components/Image.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Image.js","sources":["../../../src/components/Image.tsx"],"sourcesContent":["import React from 'react';\nimport { LazyLoadImage, LazyLoadImageProps } from 'react-lazy-load-image-component';\nimport { Theme } from '@mui/material/styles';\nimport { Box, BoxProps, SxProps } from '@mui/material';\n\n// ----------------------------------------------------------------------\n\nexport type ImageRatio = '4/3' | '3/4' | '6/4' | '4/6' | '16/9' | '9/16' | '21/9' | '9/21' | '1/1';\n\ntype IProps = BoxProps & LazyLoadImageProps;\n\ninterface Props extends IProps {\n  sx?: SxProps<Theme>;\n  ratio?: ImageRatio;\n  disabledEffect?: boolean;\n  objectFit?: 'cover' | 'contain';\n}\n\nexport default function Image({\n  ratio,\n  disabledEffect = false,\n  effect = 'blur',\n  objectFit = 'cover',\n  sx,\n  ...other\n}: Props) {\n  if (ratio) {\n    return (\n      <Box\n        component=\"span\"\n        sx={{\n          width: 1,\n          lineHeight: 0,\n          display: 'block',\n          overflow: 'hidden',\n          position: 'relative',\n          pt: getRatio(ratio),\n          '& .wrapper': {\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            lineHeight: 0,\n            position: 'absolute',\n            backgroundSize: 'cover !important',\n          },\n          ...sx,\n        }}\n      >\n        <Box\n          component={LazyLoadImage}\n          wrapperClassName=\"wrapper\"\n          effect={disabledEffect ? undefined : effect}\n          placeholderSrc=\"/assets/img_placeholder.svg\"\n          sx={{ width: 1, height: 1, objectFit: 'cover' }}\n          {...other}\n        />\n      </Box>\n    );\n  }\n\n  return (\n    <Box\n      component=\"span\"\n      sx={{\n        lineHeight: 1,\n        display: 'block',\n        overflow: 'hidden',\n        '& .wrapper': { width: 1, height: 1, backgroundSize: 'cover !important' },\n        ...sx,\n      }}\n    >\n      <Box\n        component={LazyLoadImage}\n        wrapperClassName=\"wrapper\"\n        effect={disabledEffect ? undefined : effect}\n        placeholderSrc=\"/assets/img_placeholder.svg\"\n        sx={{ width: 1, height: 1, objectFit }}\n        {...other}\n      />\n    </Box>\n  );\n}\n\n// ----------------------------------------------------------------------\n\nfunction getRatio(ratio = '1/1') {\n  return {\n    '4/3': 'calc(100% / 4 * 3)',\n    '3/4': 'calc(100% / 3 * 4)',\n    '6/4': 'calc(100% / 6 * 4)',\n    '4/6': 'calc(100% / 4 * 6)',\n    '16/9': 'calc(100% / 16 * 9)',\n    '9/16': 'calc(100% / 9 * 16)',\n    '21/9': 'calc(100% / 21 * 9)',\n    '9/21': 'calc(100% / 9 * 21)',\n    '1/1': '100%',\n  }[ratio];\n}\n"],"names":["Box","LazyLoadImage"],"mappings":";;;;;;;;AAkBc,SAAU,KAAK,CAAC,EAC5B,KAAK,EACL,cAAc,GAAG,KAAK,EACtB,MAAM,GAAG,MAAM,EACf,SAAS,GAAG,OAAO,EACnB,EAAE,EACF,GAAG,KAAK,EACF,EAAA;IACN,IAAI,KAAK,EAAE;QACT,QACE,oBAACA,YAAG,EAAA,EACF,SAAS,EAAC,MAAM,EAChB,EAAE,EAAE;AACF,gBAAA,KAAK,EAAE,CAAC;AACR,gBAAA,UAAU,EAAE,CAAC;AACb,gBAAA,OAAO,EAAE,OAAO;AAChB,gBAAA,QAAQ,EAAE,QAAQ;AAClB,gBAAA,QAAQ,EAAE,UAAU;AACpB,gBAAA,EAAE,EAAE,QAAQ,CAAC,KAAK,CAAC;AACnB,gBAAA,YAAY,EAAE;AACZ,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,IAAI,EAAE,CAAC;AACP,oBAAA,KAAK,EAAE,CAAC;AACR,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,UAAU,EAAE,CAAC;AACb,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,cAAc,EAAE,kBAAkB;AACnC,iBAAA;AACD,gBAAA,GAAG,EAAE;AACN,aAAA,EAAA;YAED,KAAA,CAAA,aAAA,CAACA,YAAG,IACF,SAAS,EAAEC,yCAAa,EACxB,gBAAgB,EAAC,SAAS,EAC1B,MAAM,EAAE,cAAc,GAAG,SAAS,GAAG,MAAM,EAC3C,cAAc,EAAC,6BAA6B,EAC5C,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAC3C,KAAK,EAAA,CACT,CACE;;IAIV,QACE,oBAACD,YAAG,EAAA,EACF,SAAS,EAAC,MAAM,EAChB,EAAE,EAAE;AACF,YAAA,UAAU,EAAE,CAAC;AACb,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,QAAQ,EAAE,QAAQ;AAClB,YAAA,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,cAAc,EAAE,kBAAkB,EAAE;AACzE,YAAA,GAAG,EAAE;AACN,SAAA,EAAA;QAED,KAAA,CAAA,aAAA,CAACA,YAAG,IACF,SAAS,EAAEC,yCAAa,EACxB,gBAAgB,EAAC,SAAS,EAC1B,MAAM,EAAE,cAAc,GAAG,SAAS,GAAG,MAAM,EAC3C,cAAc,EAAC,6BAA6B,EAC5C,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,EAAA,GAClC,KAAK,EAAA,CACT,CACE;AAEV;AAEA;AAEA,SAAS,QAAQ,CAAC,KAAK,GAAG,KAAK,EAAA;IAC7B,OAAO;AACL,QAAA,KAAK,EAAE,oBAAoB;AAC3B,QAAA,KAAK,EAAE,oBAAoB;AAC3B,QAAA,KAAK,EAAE,oBAAoB;AAC3B,QAAA,KAAK,EAAE,oBAAoB;AAC3B,QAAA,MAAM,EAAE,qBAAqB;AAC7B,QAAA,MAAM,EAAE,qBAAqB;AAC7B,QAAA,MAAM,EAAE,qBAAqB;AAC7B,QAAA,MAAM,EAAE,qBAAqB;AAC7B,QAAA,KAAK,EAAE,MAAM;KACd,CAAC,KAAK,CAAC;AACV;;;;"}

package/dist/cjs/components/Label.js

@@ -1,65 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var styles = require('@mui/material/styles');
-
-const RootStyle = styles.styled('span')(({ theme, ownerState, }) => {
-    const isLight = theme.palette.mode === 'light';
-    const { color, variant } = ownerState;
-    const styleFilled = (color) => ({
-        color: theme.palette[color].contrastText,
-        backgroundColor: theme.palette[color].main,
-    });
-    const styleOutlined = (color) => ({
-        color: theme.palette[color].main,
-        backgroundColor: 'transparent',
-        border: `1px solid ${theme.palette[color].main}`,
-    });
-    const styleGhost = (color) => ({
-        color: theme.palette[color][isLight ? 'dark' : 'light'],
-        backgroundColor: styles.alpha(theme.palette[color].main, 0.16),
-    });
-    return {
-        height: 22,
-        minWidth: 22,
-        lineHeight: 0,
-        borderRadius: 6,
-        cursor: 'default',
-        alignItems: 'center',
-        whiteSpace: 'nowrap',
-        display: 'inline-flex',
-        justifyContent: 'center',
-        padding: theme.spacing(0, 1),
-        color: theme.palette.grey[800],
-        fontSize: theme.typography.pxToRem(12),
-        fontFamily: theme.typography.fontFamily,
-        backgroundColor: theme.palette.grey[300],
-        fontWeight: theme.typography.fontWeightBold,
-        ...(color !== 'default'
-            ? {
-                ...(variant === 'filled' && { ...styleFilled(color) }),
-                ...(variant === 'outlined' && { ...styleOutlined(color) }),
-                ...(variant === 'ghost' && { ...styleGhost(color) }),
-            }
-            : {
-                ...(variant === 'outlined' && {
-                    backgroundColor: 'transparent',
-                    color: theme.palette.text.primary,
-                    border: `1px solid ${styles.alpha(theme.palette.grey['500'], 0.32)}`,
-                }),
-                ...(variant === 'ghost' && {
-                    color: isLight ? theme.palette.text.secondary : theme.palette.common.white,
-                    backgroundColor: styles.alpha(theme.palette.grey['500'], 0.16),
-                }),
-            }),
-    };
-});
-function Label({ color = 'default', variant = 'ghost', children, sx }) {
-    const theme = styles.useTheme();
-    return (React.createElement(RootStyle, { ownerState: { color, variant }, sx: sx, theme: theme }, children));
-}
-
-exports.default = Label;
-//# sourceMappingURL=Label.js.map

package/dist/cjs/components/Label.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Label.js","sources":["../../../src/components/Label.tsx"],"sourcesContent":["import React from 'react';\nimport { alpha, Theme, useTheme, styled } from '@mui/material/styles';\nimport { BoxProps } from '@mui/material';\n// theme\nimport { ColorSchema } from '@utils/types/palette.type.ts';\n\n// ----------------------------------------------------------------------\n\ntype LabelColor = 'default' | ColorSchema;\n\ntype LabelVariant = 'filled' | 'outlined' | 'ghost';\n\nconst RootStyle = styled('span')(({\n  theme,\n  ownerState,\n}: {\n  theme: Theme;\n  ownerState: {\n    color: LabelColor;\n    variant: LabelVariant;\n  };\n}) => {\n  const isLight = theme.palette.mode === 'light';\n  const { color, variant } = ownerState;\n\n  const styleFilled = (color: ColorSchema) => ({\n    color: theme.palette[color].contrastText,\n    backgroundColor: theme.palette[color].main,\n  });\n\n  const styleOutlined = (color: ColorSchema) => ({\n    color: theme.palette[color].main,\n    backgroundColor: 'transparent',\n    border: `1px solid ${theme.palette[color].main}`,\n  });\n\n  const styleGhost = (color: ColorSchema) => ({\n    color: theme.palette[color][isLight ? 'dark' : 'light'],\n    backgroundColor: alpha(theme.palette[color].main, 0.16),\n  });\n\n  return {\n    height: 22,\n    minWidth: 22,\n    lineHeight: 0,\n    borderRadius: 6,\n    cursor: 'default',\n    alignItems: 'center',\n    whiteSpace: 'nowrap',\n    display: 'inline-flex',\n    justifyContent: 'center',\n    padding: theme.spacing(0, 1),\n    color: theme.palette.grey[800],\n    fontSize: theme.typography.pxToRem(12),\n    fontFamily: theme.typography.fontFamily,\n    backgroundColor: theme.palette.grey[300],\n    fontWeight: theme.typography.fontWeightBold,\n\n    ...(color !== 'default'\n      ? {\n          ...(variant === 'filled' && { ...styleFilled(color) }),\n          ...(variant === 'outlined' && { ...styleOutlined(color) }),\n          ...(variant === 'ghost' && { ...styleGhost(color) }),\n        }\n      : {\n          ...(variant === 'outlined' && {\n            backgroundColor: 'transparent',\n            color: theme.palette.text.primary,\n            border: `1px solid ${alpha(theme.palette.grey['500'], 0.32)}`,\n          }),\n          ...(variant === 'ghost' && {\n            color: isLight ? theme.palette.text.secondary : theme.palette.common.white,\n            backgroundColor: alpha(theme.palette.grey['500'], 0.16),\n          }),\n        }),\n  };\n});\n\n// ----------------------------------------------------------------------\n\ninterface LabelProps extends BoxProps {\n  color?: LabelColor;\n  variant?: LabelVariant;\n}\n\nexport default function Label({ color = 'default', variant = 'ghost', children, sx }: LabelProps) {\n  const theme = useTheme();\n\n  return (\n    <RootStyle ownerState={{ color, variant }} sx={sx} theme={theme}>\n      {children}\n    </RootStyle>\n  );\n}\n"],"names":["styled","alpha","useTheme"],"mappings":"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"}

package/dist/cjs/components/TextIconLabel.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var material = require('@mui/material');
-
-function TextIconLabel({ icon, value, endIcon = false, sx, ...other }) {
-    return (React.createElement(material.Stack, { direction: "row", alignItems: "center", sx: {
-            typography: 'body2',
-            ...sx,
-        }, ...other },
-        !endIcon && icon,
-        value,
-        endIcon && icon));
-}
-
-exports.default = TextIconLabel;
-//# sourceMappingURL=TextIconLabel.js.map

package/dist/cjs/components/TextIconLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextIconLabel.js","sources":["../../../src/components/TextIconLabel.tsx"],"sourcesContent":["import React from 'react';\nimport { ReactElement } from 'react';\nimport { Stack, StackProps, SxProps } from '@mui/material';\n\ninterface Props extends StackProps {\n  icon: ReactElement;\n  value: any;\n  endIcon?: boolean;\n  sx?: SxProps;\n}\n\nexport default function TextIconLabel({ icon, value, endIcon = false, sx, ...other }: Props) {\n  return (\n    <Stack\n      direction=\"row\"\n      alignItems=\"center\"\n      sx={{\n        typography: 'body2',\n        ...sx,\n      }}\n      {...other}\n    >\n      {!endIcon && icon}\n      {value}\n      {endIcon && icon}\n    </Stack>\n  );\n}\n"],"names":["Stack"],"mappings":";;;;;;;AAWc,SAAU,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,GAAG,KAAK,EAAE,EAAE,EAAE,GAAG,KAAK,EAAS,EAAA;AACzF,IAAA,QACE,KAAA,CAAA,aAAA,CAACA,cAAK,EAAA,EACJ,SAAS,EAAC,KAAK,EACf,UAAU,EAAC,QAAQ,EACnB,EAAE,EAAE;AACF,YAAA,UAAU,EAAE,OAAO;AACnB,YAAA,GAAG,EAAE;AACN,SAAA,EAAA,GACG,KAAK,EAAA;QAER,CAAC,OAAO,IAAI,IAAI;QAChB,KAAK;AACL,QAAA,OAAO,IAAI,IAAI,CACV;AAEZ;;;;"}