@eventlook/sdk 1.4.48 → 1.4.49-beta.1

package/dist/cjs/form/payment/FeeBox.js

@@ -5,14 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var material = require('@mui/material');
 var formatNumber = require('../../utils/formatNumber.js');
-var Iconify = require('../../components/iconify/Iconify.js');
-var useResponsive = require('../../hooks/useResponsive.js');
 var reactHookForm = require('react-hook-form');
 var useGlobal = require('../../hooks/useGlobal.js');
 
 const FeeBox = ({ event, align = 'left' }) => {
     const { t, lang } = useGlobal.default();
-    const xs = useResponsive.default('only', 'xs');
     const { watch } = reactHookForm.useFormContext();
     const values = watch();
     const isRight = align === 'right';
@@ -23,19 +20,10 @@ const FeeBox = ({ event, align = 'left' }) => {
                 ":"),
             React.createElement(material.Typography, { variant: "caption", sx: { textDecoration: 'line-through' } }, formatNumber.fCurrency(values.originalPrice, lang, event.currency)))),
         React.createElement(material.Stack, { direction: "row", justifyContent: isRight ? 'flex-end' : 'space-between', alignItems: "center", spacing: 1 },
-            React.createElement(material.Stack, { direction: "row", alignItems: "center", spacing: 1 },
-                React.createElement(material.Tooltip, { title: t('form.labels.price_including_service_fee', {
-                        fee: formatNumber.fCurrency(values.totalFee ?? 0, lang, event.currency),
-                    }), placement: xs ? 'top' : 'left', arrow: true, sx: { cursor: 'help' } },
-                    React.createElement(material.Stack, { alignItems: "center" },
-                        React.createElement(Iconify.default, { icon: "carbon:information-filled" }))),
-                React.createElement(material.Typography, { variant: "subtitle1", sx: { textAlign: 'right' } },
-                    t('form.labels.total'),
-                    ":")),
-            React.createElement(material.Typography, { variant: "subtitle1" }, formatNumber.fCurrency(values.total, lang, event.currency))),
-        !!values.totalFee && (React.createElement(material.Typography, { variant: "caption", sx: {
-                color: (theme) => theme.palette.grey.A700,
-            } }, t('form.labels.with_fee')))));
+            React.createElement(material.Typography, { variant: "subtitle1", sx: { textAlign: 'right' } },
+                t('form.labels.total'),
+                ":"),
+            React.createElement(material.Typography, { variant: "subtitle1" }, formatNumber.fCurrency(values.total, lang, event.currency)))));
 };
 
 exports.default = FeeBox;

package/dist/cjs/form/payment/FeeBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeeBox.js","sources":["../../../../src/form/payment/FeeBox.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Stack, Tooltip, Typography } from '@mui/material';\nimport { fCurrency } from '@utils/formatNumber';\nimport { Iconify } from '@components/iconify';\nimport { IEvent } from '@utils/types/event.type';\nimport useResponsive from '@hooks/useResponsive';\nimport { useFormContext } from 'react-hook-form';\nimport { ITicketForm } from '@utils/types/ticket.type';\nimport useGlobal from '@hooks/useGlobal.ts';\n\ninterface Props {\n  event: IEvent;\n  align?: 'left' | 'right';\n}\n\nconst FeeBox: React.FC<Props> = ({ event, align = 'left' }) => {\n  const { t, lang } = useGlobal();\n  const xs = useResponsive('only', 'xs');\n  const { watch } = useFormContext<ITicketForm>();\n  const values = watch();\n  const isRight = align === 'right';\n\n  return (\n    <Box mb={1} textAlign={isRight ? 'right' : undefined}>\n      {values.promoCodes.length > 0 && (\n        <Stack\n          direction=\"row\"\n          justifyContent={isRight ? 'flex-end' : 'space-between'}\n          alignItems=\"center\"\n          spacing={1}\n          sx={{ color: (theme) => theme.palette.grey.A700 }}\n        >\n          <Typography variant=\"caption\" sx={{ textAlign: 'right' }}>\n            {t('form.labels.original_price')}:\n          </Typography>\n          <Typography variant=\"caption\" sx={{ textDecoration: 'line-through' }}>\n            {fCurrency(values.originalPrice, lang, event.currency)}\n          </Typography>\n        </Stack>\n      )}\n      <Stack\n        direction=\"row\"\n        justifyContent={isRight ? 'flex-end' : 'space-between'}\n        alignItems=\"center\"\n        spacing={1}\n      >\n        <Stack direction=\"row\" alignItems=\"center\" spacing={1}>\n          <Tooltip\n            title={t('form.labels.price_including_service_fee', {\n              fee: fCurrency(values.totalFee ?? 0, lang, event.currency),\n            })}\n            placement={xs ? 'top' : 'left'}\n            arrow\n            sx={{ cursor: 'help' }}\n          >\n            <Stack alignItems=\"center\">\n              <Iconify icon=\"carbon:information-filled\" />\n            </Stack>\n          </Tooltip>\n          <Typography variant=\"subtitle1\" sx={{ textAlign: 'right' }}>\n            {t('form.labels.total')}:\n          </Typography>\n        </Stack>\n        <Typography variant=\"subtitle1\">{fCurrency(values.total, lang, event.currency)}</Typography>\n      </Stack>\n      {!!values.totalFee && (\n        <Typography\n          variant=\"caption\"\n          sx={{\n            color: (theme) => theme.palette.grey.A700,\n          }}\n        >\n          {t('form.labels.with_fee')}\n        </Typography>\n      )}\n    </Box>\n  );\n};\n\nexport default FeeBox;\n"],"names":["useGlobal","useResponsive","useFormContext","Box","Stack","Typography","fCurrency","Tooltip","Iconify"],"mappings":"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"}
+{"version":3,"file":"FeeBox.js","sources":["../../../../src/form/payment/FeeBox.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Stack, Typography } from '@mui/material';\nimport { fCurrency } from '@utils/formatNumber';\nimport { IEvent } from '@utils/types/event.type';\nimport { useFormContext } from 'react-hook-form';\nimport { ITicketForm } from '@utils/types/ticket.type';\nimport useGlobal from '@hooks/useGlobal.ts';\n\ninterface Props {\n  event: IEvent;\n  align?: 'left' | 'right';\n}\n\nconst FeeBox: React.FC<Props> = ({ event, align = 'left' }) => {\n  const { t, lang } = useGlobal();\n  const { watch } = useFormContext<ITicketForm>();\n  const values = watch();\n  const isRight = align === 'right';\n\n  return (\n    <Box mb={1} textAlign={isRight ? 'right' : undefined}>\n      {values.promoCodes.length > 0 && (\n        <Stack\n          direction=\"row\"\n          justifyContent={isRight ? 'flex-end' : 'space-between'}\n          alignItems=\"center\"\n          spacing={1}\n          sx={{ color: (theme) => theme.palette.grey.A700 }}\n        >\n          <Typography variant=\"caption\" sx={{ textAlign: 'right' }}>\n            {t('form.labels.original_price')}:\n          </Typography>\n          <Typography variant=\"caption\" sx={{ textDecoration: 'line-through' }}>\n            {fCurrency(values.originalPrice, lang, event.currency)}\n          </Typography>\n        </Stack>\n      )}\n      <Stack\n        direction=\"row\"\n        justifyContent={isRight ? 'flex-end' : 'space-between'}\n        alignItems=\"center\"\n        spacing={1}\n      >\n        <Typography variant=\"subtitle1\" sx={{ textAlign: 'right' }}>\n          {t('form.labels.total')}:\n        </Typography>\n        <Typography variant=\"subtitle1\">{fCurrency(values.total, lang, event.currency)}</Typography>\n      </Stack>\n    </Box>\n  );\n};\n\nexport default FeeBox;\n"],"names":["useGlobal","useFormContext","Box","Stack","Typography","fCurrency"],"mappings":";;;;;;;;;;AAaA,MAAM,MAAM,GAAoB,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,MAAM,EAAE,KAAI;IAC5D,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,GAAGA,iBAAS,EAAE;AAC/B,IAAA,MAAM,EAAE,KAAK,EAAE,GAAGC,4BAAc,EAAe;AAC/C,IAAA,MAAM,MAAM,GAAG,KAAK,EAAE;AACtB,IAAA,MAAM,OAAO,GAAG,KAAK,KAAK,OAAO;AAEjC,IAAA,QACE,KAAA,CAAA,aAAA,CAACC,YAAG,IAAC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,EAAA;QACjD,MAAM,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,KAC3B,KAAA,CAAA,aAAA,CAACC,cAAK,EAAA,EACJ,SAAS,EAAC,KAAK,EACf,cAAc,EAAE,OAAO,GAAG,UAAU,GAAG,eAAe,EACtD,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,CAAC,EACV,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,EAAA;AAEjD,YAAA,KAAA,CAAA,aAAA,CAACC,mBAAU,EAAA,EAAC,OAAO,EAAC,SAAS,EAAC,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,EAAA;gBACrD,CAAC,CAAC,4BAA4B,CAAC;AACrB,gBAAA,GAAA,CAAA;AACb,YAAA,KAAA,CAAA,aAAA,CAACA,mBAAU,EAAA,EAAC,OAAO,EAAC,SAAS,EAAC,EAAE,EAAE,EAAE,cAAc,EAAE,cAAc,EAAE,EAAA,EACjEC,sBAAS,CAAC,MAAM,CAAC,aAAa,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,CAC3C,CACP,CACT;QACD,KAAA,CAAA,aAAA,CAACF,cAAK,EAAA,EACJ,SAAS,EAAC,KAAK,EACf,cAAc,EAAE,OAAO,GAAG,UAAU,GAAG,eAAe,EACtD,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,CAAC,EAAA;AAEV,YAAA,KAAA,CAAA,aAAA,CAACC,mBAAU,EAAA,EAAC,OAAO,EAAC,WAAW,EAAC,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,EAAA;gBACvD,CAAC,CAAC,mBAAmB,CAAC;AACZ,gBAAA,GAAA,CAAA;YACb,KAAA,CAAA,aAAA,CAACA,mBAAU,IAAC,OAAO,EAAC,WAAW,EAAA,EAAEC,sBAAS,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAc,CACtF,CACJ;AAEV;;;;"}

package/dist/cjs/form/payment/PaymentOverviewCheckbox.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var material = require('@mui/material');
-require('react-hook-form');
-var RHFCheckbox = require('../../components/hook-form/RHFCheckbox.js');
+var reactHookForm = require('react-hook-form');
 var useGlobal = require('../../hooks/useGlobal.js');
 require('framer-motion');
 require('../../components/animate/IconButtonAnimate.js');
@@ -13,34 +12,40 @@ require('@mui/material/styles');
 require('@mui/material/useMediaQuery');
 var Iconify = require('../../components/iconify/Iconify.js');
 
-const PaymentOverviewCheckbox = ({ checkboxName, label, value, modal }) => {
+const PaymentOverviewCheckbox = ({ checkboxName, label, value }) => {
     const { t } = useGlobal.default();
-    const [open, setOpen] = React.useState(false);
-    const handleOpen = (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        setOpen(true);
-    };
-    const handleClose = () => setOpen(false);
+    const { control } = reactHookForm.useFormContext();
     return (React.createElement(React.Fragment, null,
-        React.createElement(RHFCheckbox.RHFCheckbox, { name: checkboxName, label: React.createElement(material.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 1, sx: { width: '100%' } },
-                React.createElement(material.Typography, { variant: "caption", sx: { flex: 1 } }, label),
-                React.createElement(material.Stack, { alignItems: "flex-end" },
-                    React.createElement(material.Typography, { variant: "caption", fontWeight: "600" }, value),
-                    React.createElement(material.Link, { variant: "caption", onClick: handleOpen }, t('more_info')))), sx: {
-                width: 'calc(100% + 11px)',
-                mb: 0.5,
-                '& > .MuiTypography-root': {
-                    width: '100%',
-                },
-            } }),
-        React.createElement(material.Dialog, { open: open, onClose: handleClose, maxWidth: "sm", fullWidth: true },
-            React.createElement(material.DialogTitle, { sx: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' } },
-                modal.title,
-                React.createElement(material.IconButton, { onClick: handleClose, size: "small" },
-                    React.createElement(Iconify.default, { icon: "carbon:close" }))),
-            React.createElement(material.DialogContent, null,
-                React.createElement(material.Typography, { variant: "body2" }, modal.description)))));
+        React.createElement(reactHookForm.Controller, { name: checkboxName, control: control, render: ({ field }) => (React.createElement(material.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", useFlexGap: true, spacing: 1, sx: { width: '100%', mb: 0.5 } },
+                React.createElement(material.Typography, { variant: "body2", sx: { flex: 1 } }, label),
+                React.createElement(material.Box, { sx: {
+                        position: 'relative',
+                        display: 'flex',
+                        alignItems: 'center',
+                    } },
+                    React.createElement(material.Typography, { variant: "body2", sx: {
+                            mr: field.value ? 0 : 1,
+                            ...(field.value
+                                ? {
+                                    position: 'absolute',
+                                    right: 0,
+                                }
+                                : {}),
+                        } }, value),
+                    React.createElement(material.Button, { variant: "outlined", color: "primary", size: "small", startIcon: React.createElement(Iconify.default, { icon: "carbon:add" }), onClick: (event) => {
+                            event.preventDefault();
+                            event.stopPropagation();
+                            field.onChange(true);
+                        }, sx: {
+                            borderRadius: 1,
+                            textTransform: 'none',
+                            px: 1,
+                            width: 96,
+                            minWidth: 96,
+                            color: 'text.primary',
+                            visibility: field.value ? 'hidden' : 'visible',
+                            pointerEvents: field.value ? 'none' : 'auto',
+                        }, tabIndex: field.value ? -1 : 0, "aria-hidden": field.value }, t('add'))))) })));
 };
 
 exports.default = PaymentOverviewCheckbox;

package/dist/cjs/form/payment/PaymentOverviewCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentOverviewCheckbox.js","sources":["../../../../src/form/payment/PaymentOverviewCheckbox.tsx"],"sourcesContent":["import React, { JSX, useState } from 'react';\nimport {\n  Dialog,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n  Link,\n  Stack,\n  Typography,\n} from '@mui/material';\nimport { RHFCheckbox } from '@components/hook-form';\nimport useGlobal from '@hooks/useGlobal.ts';\nimport { Iconify } from '@components';\n\ninterface Props {\n  checkboxName: string;\n  label: string;\n  value: string | JSX.Element;\n  modal: {\n    title: string;\n    description: string | JSX.Element;\n  };\n}\n\nconst PaymentOverviewCheckbox: React.FC<Props> = ({ checkboxName, label, value, modal }) => {\n  const { t } = useGlobal();\n  const [open, setOpen] = useState(false);\n\n  const handleOpen = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setOpen(true);\n  };\n  const handleClose = () => setOpen(false);\n\n  return (\n    <>\n      <RHFCheckbox\n        name={checkboxName}\n        label={\n          <Stack\n            direction=\"row\"\n            justifyContent=\"space-between\"\n            alignItems=\"center\"\n            spacing={1}\n            sx={{ width: '100%' }}\n          >\n            <Typography variant=\"caption\" sx={{ flex: 1 }}>\n              {label}\n            </Typography>\n            <Stack alignItems=\"flex-end\">\n              <Typography variant=\"caption\" fontWeight=\"600\">\n                {value}\n              </Typography>\n              <Link variant=\"caption\" onClick={handleOpen}>\n                {t('more_info')}\n              </Link>\n            </Stack>\n          </Stack>\n        }\n        sx={{\n          width: 'calc(100% + 11px)',\n          mb: 0.5,\n          '& > .MuiTypography-root': {\n            width: '100%',\n          },\n        }}\n      />\n\n      <Dialog open={open} onClose={handleClose} maxWidth=\"sm\" fullWidth>\n        <DialogTitle\n          sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}\n        >\n          {modal.title}\n          <IconButton onClick={handleClose} size=\"small\">\n            <Iconify icon=\"carbon:close\" />\n          </IconButton>\n        </DialogTitle>\n        <DialogContent>\n          <Typography variant=\"body2\">{modal.description}</Typography>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n};\n\nexport default PaymentOverviewCheckbox;\n"],"names":["useGlobal","useState","RHFCheckbox","Stack","Typography","Link","Dialog","DialogTitle","IconButton","Iconify","DialogContent"],"mappings":";;;;;;;;;;;;;;;AAwBA,MAAM,uBAAuB,GAAoB,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAI;AACzF,IAAA,MAAM,EAAE,CAAC,EAAE,GAAGA,iBAAS,EAAE;IACzB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;AAEvC,IAAA,MAAM,UAAU,GAAG,CAAC,CAAsC,KAAI;QAC5D,CAAC,CAAC,cAAc,EAAE;QAClB,CAAC,CAAC,eAAe,EAAE;QACnB,OAAO,CAAC,IAAI,CAAC;AACf,KAAC;IACD,MAAM,WAAW,GAAG,MAAM,OAAO,CAAC,KAAK,CAAC;AAExC,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACE,QAAA,KAAA,CAAA,aAAA,CAACC,uBAAW,EAAA,EACV,IAAI,EAAE,YAAY,EAClB,KAAK,EACH,KAAA,CAAA,aAAA,CAACC,cAAK,EAAA,EACJ,SAAS,EAAC,KAAK,EACf,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,CAAC,EACV,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA;AAErB,gBAAA,KAAA,CAAA,aAAA,CAACC,mBAAU,EAAA,EAAC,OAAO,EAAC,SAAS,EAAC,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAA,EAC1C,KAAK,CACK;AACb,gBAAA,KAAA,CAAA,aAAA,CAACD,cAAK,EAAA,EAAC,UAAU,EAAC,UAAU,EAAA;oBAC1B,KAAA,CAAA,aAAA,CAACC,mBAAU,EAAA,EAAC,OAAO,EAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAA,EAC3C,KAAK,CACK;AACb,oBAAA,KAAA,CAAA,aAAA,CAACC,aAAI,EAAA,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,UAAU,IACxC,CAAC,CAAC,WAAW,CAAC,CACV,CACD,CACF,EAEV,EAAE,EAAE;AACF,gBAAA,KAAK,EAAE,mBAAmB;AAC1B,gBAAA,EAAE,EAAE,GAAG;AACP,gBAAA,yBAAyB,EAAE;AACzB,oBAAA,KAAK,EAAE,MAAM;AACd,iBAAA;aACF,EAAA,CACD;AAEF,QAAA,KAAA,CAAA,aAAA,CAACC,eAAM,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAC,IAAI,EAAC,SAAS,EAAA,IAAA,EAAA;AAC/D,YAAA,KAAA,CAAA,aAAA,CAACC,oBAAW,EAAA,EACV,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA;AAE7E,gBAAA,KAAK,CAAC,KAAK;gBACZ,KAAA,CAAA,aAAA,CAACC,mBAAU,IAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,OAAO,EAAA;AAC5C,oBAAA,KAAA,CAAA,aAAA,CAACC,eAAO,EAAA,EAAC,IAAI,EAAC,cAAc,EAAA,CAAG,CACpB,CACD;AACd,YAAA,KAAA,CAAA,aAAA,CAACC,sBAAa,EAAA,IAAA;AACZ,gBAAA,KAAA,CAAA,aAAA,CAACN,mBAAU,EAAA,EAAC,OAAO,EAAC,OAAO,EAAA,EAAE,KAAK,CAAC,WAAW,CAAc,CAC9C,CACT,CACR;AAEP;;;;"}
+{"version":3,"file":"PaymentOverviewCheckbox.js","sources":["../../../../src/form/payment/PaymentOverviewCheckbox.tsx"],"sourcesContent":["import React, { JSX } from 'react';\nimport { Box, Button, Stack, Typography } from '@mui/material';\nimport { Controller, useFormContext } from 'react-hook-form';\nimport useGlobal from '@hooks/useGlobal.ts';\nimport { Iconify } from '@components';\n\ninterface Props {\n  checkboxName: string;\n  label: string;\n  value: string | JSX.Element;\n}\n\nconst PaymentOverviewCheckbox: React.FC<Props> = ({ checkboxName, label, value }) => {\n  const { t } = useGlobal();\n  const { control } = useFormContext();\n\n  return (\n    <>\n      <Controller\n        name={checkboxName}\n        control={control}\n        render={({ field }) => (\n          <Stack\n            direction=\"row\"\n            justifyContent=\"space-between\"\n            alignItems=\"center\"\n            useFlexGap\n            spacing={1}\n            sx={{ width: '100%', mb: 0.5 }}\n          >\n            <Typography variant=\"body2\" sx={{ flex: 1 }}>\n              {label}\n            </Typography>\n            <Box\n              sx={{\n                position: 'relative',\n                display: 'flex',\n                alignItems: 'center',\n              }}\n            >\n              <Typography\n                variant=\"body2\"\n                sx={{\n                  mr: field.value ? 0 : 1,\n                  ...(field.value\n                    ? {\n                        position: 'absolute',\n                        right: 0,\n                      }\n                    : {}),\n                }}\n              >\n                {value}\n              </Typography>\n              <Button\n                variant=\"outlined\"\n                color=\"primary\"\n                size=\"small\"\n                startIcon={<Iconify icon=\"carbon:add\" />}\n                onClick={(event) => {\n                  event.preventDefault();\n                  event.stopPropagation();\n                  field.onChange(true);\n                }}\n                sx={{\n                  borderRadius: 1,\n                  textTransform: 'none',\n                  px: 1,\n                  width: 96,\n                  minWidth: 96,\n                  color: 'text.primary',\n                  visibility: field.value ? 'hidden' : 'visible',\n                  pointerEvents: field.value ? 'none' : 'auto',\n                }}\n                tabIndex={field.value ? -1 : 0}\n                aria-hidden={field.value}\n              >\n                {t('add')}\n              </Button>\n            </Box>\n          </Stack>\n        )}\n      />\n    </>\n  );\n};\n\nexport default PaymentOverviewCheckbox;\n"],"names":["useGlobal","useFormContext","Controller","Stack","Typography","Box","Button","Iconify"],"mappings":";;;;;;;;;;;;;;AAYA,MAAM,uBAAuB,GAAoB,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,KAAI;AAClF,IAAA,MAAM,EAAE,CAAC,EAAE,GAAGA,iBAAS,EAAE;AACzB,IAAA,MAAM,EAAE,OAAO,EAAE,GAAGC,4BAAc,EAAE;AAEpC,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;QACE,KAAA,CAAA,aAAA,CAACC,wBAAU,IACT,IAAI,EAAE,YAAY,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAChB,KAAA,CAAA,aAAA,CAACC,cAAK,EAAA,EACJ,SAAS,EAAC,KAAK,EACf,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,QAAQ,EACnB,UAAU,EAAA,IAAA,EACV,OAAO,EAAE,CAAC,EACV,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,EAAA;AAE9B,gBAAA,KAAA,CAAA,aAAA,CAACC,mBAAU,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAA,EACxC,KAAK,CACK;gBACb,KAAA,CAAA,aAAA,CAACC,YAAG,EAAA,EACF,EAAE,EAAE;AACF,wBAAA,QAAQ,EAAE,UAAU;AACpB,wBAAA,OAAO,EAAE,MAAM;AACf,wBAAA,UAAU,EAAE,QAAQ;AACrB,qBAAA,EAAA;AAED,oBAAA,KAAA,CAAA,aAAA,CAACD,mBAAU,EAAA,EACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;4BACF,EAAE,EAAE,KAAK,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC;4BACvB,IAAI,KAAK,CAAC;AACR,kCAAE;AACE,oCAAA,QAAQ,EAAE,UAAU;AACpB,oCAAA,KAAK,EAAE,CAAC;AACT;kCACD,EAAE,CAAC;AACR,yBAAA,EAAA,EAEA,KAAK,CACK;AACb,oBAAA,KAAA,CAAA,aAAA,CAACE,eAAM,EAAA,EACL,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,KAAA,CAAA,aAAA,CAACC,eAAO,EAAA,EAAC,IAAI,EAAC,YAAY,EAAA,CAAG,EACxC,OAAO,EAAE,CAAC,KAAK,KAAI;4BACjB,KAAK,CAAC,cAAc,EAAE;4BACtB,KAAK,CAAC,eAAe,EAAE;AACvB,4BAAA,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC;yBACrB,EACD,EAAE,EAAE;AACF,4BAAA,YAAY,EAAE,CAAC;AACf,4BAAA,aAAa,EAAE,MAAM;AACrB,4BAAA,EAAE,EAAE,CAAC;AACL,4BAAA,KAAK,EAAE,EAAE;AACT,4BAAA,QAAQ,EAAE,EAAE;AACZ,4BAAA,KAAK,EAAE,cAAc;4BACrB,UAAU,EAAE,KAAK,CAAC,KAAK,GAAG,QAAQ,GAAG,SAAS;4BAC9C,aAAa,EAAE,KAAK,CAAC,KAAK,GAAG,MAAM,GAAG,MAAM;AAC7C,yBAAA,EACD,QAAQ,EAAE,KAAK,CAAC,KAAK,GAAG,EAAE,GAAG,CAAC,EAAA,aAAA,EACjB,KAAK,CAAC,KAAK,EAAA,EAEvB,CAAC,CAAC,KAAK,CAAC,CACF,CACL,CACA,CACT,EAAA,CACD,CACD;AAEP;;;;"}

package/dist/cjs/form/product/ProductCard.js

@@ -3,58 +3,161 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var material = require('@mui/material');
-var Iconify = require('../../components/iconify/Iconify.js');
 var Image = require('../../components/Image.js');
 var React = require('react');
 var ProductVariantsDialog = require('./ProductVariantsDialog.js');
 var reactHookForm = require('react-hook-form');
 var product = require('../../utils/product.js');
 var useGlobal = require('../../hooks/useGlobal.js');
+var formatNumber = require('../../utils/formatNumber.js');
 
 const ProductCard = ({ eventProduct, eventId, isOnlyMerchandise }) => {
-    const { t } = useGlobal.default();
+    const { t, lang } = useGlobal.default();
     const [openVariantDialog, setOpenVariantDialog] = React.useState(false);
-    const { setValue } = reactHookForm.useFormContext();
+    const [openSimpleProductDialog, setOpenSimpleProductDialog] = React.useState(false);
+    const { setValue, getValues } = reactHookForm.useFormContext();
     const tickets = reactHookForm.useWatch({ name: `tickets.${eventId}`, defaultValue: [] });
     const products = reactHookForm.useWatch({ name: `products.${eventId}`, defaultValue: [] });
-    const onSelectVariant = (selectedVariant) => {
-        const variant = products.find((product) => product.eventProductVariantId === selectedVariant.eventProductVariantId);
-        if (variant) {
-            if (selectedVariant.quantity === 0) {
-                setValue(`products.${eventId}`, products.filter((product) => product.eventProductVariantId !== variant.eventProductVariantId));
+    const isSimpleProduct = eventProduct.eventProductVariants.length === 1;
+    const simpleVariant = isSimpleProduct ? eventProduct.eventProductVariants[0] : undefined;
+    const onSelectVariant = (selectedVariants) => {
+        const normalized = Array.isArray(selectedVariants) ? selectedVariants : [selectedVariants];
+        const currentProducts = getValues(`products.${eventId}`) ?? [];
+        const nextProducts = [...currentProducts];
+        normalized.forEach((selectedVariant) => {
+            const index = nextProducts.findIndex((product) => product.eventProductVariantId === selectedVariant.eventProductVariantId);
+            if (index >= 0) {
+                if (selectedVariant.quantity <= 0) {
+                    nextProducts.splice(index, 1);
+                }
+                else {
+                    nextProducts[index] = {
+                        ...nextProducts[index],
+                        quantity: selectedVariant.quantity,
+                    };
+                }
             }
             else {
-                setValue(`products.${eventId}`, products.map((product) => {
-                    if (product.eventProductVariantId === selectedVariant.eventProductVariantId) {
-                        return {
-                            ...product,
-                            quantity: selectedVariant.quantity,
-                        };
-                    }
-                    return product;
-                }));
+                if (selectedVariant.quantity > 0) {
+                    nextProducts.push(selectedVariant);
+                }
             }
-        }
-        else if (selectedVariant.quantity !== 0) {
-            setValue(`products.${eventId}`, [...products, selectedVariant]);
-        }
+        });
+        setValue(`products.${eventId}`, nextProducts, {
+            shouldDirty: true,
+            shouldValidate: true,
+        });
+    };
+    const eventNotEmpty = React.useMemo(() => {
+        const variantIds = new Set(eventProduct.eventProductVariants.map((variant) => variant.id));
+        return products.some((product) => product?.quantity && variantIds.has(product.eventProductVariantId));
+    }, [products, eventProduct.eventProductVariants]);
+    const selectedQuantityByVariant = React.useMemo(() => product.getSelectedQuantityByVariant(products, tickets), [products, tickets]);
+    const simpleProductQuantity = React.useMemo(() => {
+        if (!simpleVariant)
+            return 0;
+        const matched = products.find((product) => product.eventProductVariantId === simpleVariant.id);
+        return matched?.quantity ?? 0;
+    }, [products, simpleVariant]);
+    const simpleProductMaxAvailable = React.useMemo(() => {
+        if (!simpleVariant)
+            return 0;
+        const { quantity, sold } = simpleVariant.productVariant;
+        if (!quantity)
+            return Number.POSITIVE_INFINITY;
+        const used = selectedQuantityByVariant[simpleVariant.id] ?? 0;
+        return quantity - sold - used;
+    }, [simpleVariant, selectedQuantityByVariant]);
+    const onChangeSimpleProductQuantity = (nextQuantity) => {
+        if (!simpleVariant)
+            return;
+        if (nextQuantity < 0 || nextQuantity > 10)
+            return;
+        if (nextQuantity > simpleProductQuantity &&
+            nextQuantity - simpleProductQuantity > simpleProductMaxAvailable)
+            return;
+        onSelectVariant({
+            eventProductVariantId: simpleVariant.id,
+            productVariantId: simpleVariant.productVariant.id,
+            quantity: nextQuantity,
+            price: simpleVariant.priceWithVat,
+            excludedShippingMethodIds: eventProduct.excludedShippingMethods.map((method) => method.id),
+        });
     };
-    const eventNotEmpty = React.useMemo(() => products.some((product) => product?.quantity), [products]);
     return (React.createElement(React.Fragment, null,
-        React.createElement(material.Card, { sx: { p: 2 } },
-            React.createElement(material.Stack, { spacing: 1 },
-                React.createElement(Image.default, { src: eventProduct.product.previewImage.url, ratio: "1/1", sx: { borderRadius: 2 } }),
-                React.createElement(material.Typography, { variant: "h5" }, eventProduct.product.name),
-                React.createElement(material.Typography, { variant: "caption", dangerouslySetInnerHTML: { __html: eventProduct.product.description }, sx: {
-                        height: 44,
-                        textOverflow: 'ellipsis',
-                        overflow: 'hidden',
-                        display: '-webkit-box',
-                        WebkitLineClamp: 2,
-                        WebkitBoxOrient: 'vertical',
-                    } }),
-                React.createElement(material.Button, { variant: "contained", onClick: () => setOpenVariantDialog(true), fullWidth: true, startIcon: eventNotEmpty ? React.createElement(Iconify.default, { icon: "eva:edit-fill" }) : React.createElement(Iconify.default, { icon: "eva:plus-fill" }) }, eventNotEmpty ? t('change') : t('add')))),
-        React.createElement(ProductVariantsDialog.default, { eventProduct: eventProduct, eventId: eventId, openDialog: openVariantDialog, onClose: () => setOpenVariantDialog(false), callback: onSelectVariant, selectedQuantityByVariant: product.getSelectedQuantityByVariant(products, tickets), isOnlyMerchandise: isOnlyMerchandise })));
+        React.createElement(material.Card, { sx: {
+                p: 0,
+                borderRadius: 0,
+                boxShadow: 'none',
+                background: 'none',
+            } },
+            React.createElement(material.Stack, { spacing: 0 },
+                React.createElement(Image.default, { src: eventProduct.product.previewImage.url, ratio: "21/9", sx: { borderRadius: 1, maxHeight: 96 } }),
+                React.createElement(material.Typography, { variant: "h5", sx: { fontSize: '14px', fontWeight: 700 } }, eventProduct.product.name),
+                React.createElement(material.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", spacing: 1 },
+                    React.createElement(material.Typography, { variant: "body2", color: "text.primary" }, eventProduct.product.priceWithVat > 0
+                        ? formatNumber.fCurrency(eventProduct.product.priceWithVat, lang, eventProduct.product.currency)
+                        : t('free')),
+                    isSimpleProduct && (React.createElement(material.Link, { onClick: () => setOpenSimpleProductDialog(true), color: "inherit", underline: "always", fontSize: 12 }, t('more_info')))),
+                isSimpleProduct ? (simpleProductQuantity > 0 ? (React.createElement(material.Stack, { direction: "row", spacing: 1, alignItems: "center", width: "100%" },
+                    React.createElement(material.IconButton, { onClick: () => onChangeSimpleProductQuantity(simpleProductQuantity - 1), disabled: simpleProductQuantity <= 0, sx: {
+                            flex: '1 1 0',
+                            height: 36,
+                            p: 0,
+                            borderRadius: 1,
+                            border: '1px solid',
+                            borderColor: 'grey.300',
+                        } }, "-"),
+                    React.createElement(material.Box, { sx: {
+                            flex: '1 1 0',
+                            height: 36,
+                            borderRadius: 1,
+                            border: '1px solid',
+                            borderColor: 'grey.300',
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            fontWeight: 700,
+                        } }, simpleProductQuantity),
+                    React.createElement(material.IconButton, { onClick: () => onChangeSimpleProductQuantity(simpleProductQuantity + 1), disabled: simpleProductQuantity >= 10 || simpleProductMaxAvailable <= 0, sx: {
+                            flex: '1 1 0',
+                            height: 36,
+                            p: 0,
+                            borderRadius: 1,
+                            bgcolor: 'primary.main',
+                            color: 'primary.contrastText',
+                            '&:hover': { bgcolor: 'primary.dark' },
+                            '&.Mui-disabled': {
+                                bgcolor: 'action.disabledBackground',
+                                color: 'action.disabled',
+                            },
+                        } }, "+"))) : (React.createElement(material.Button, { variant: "contained", onClick: () => onChangeSimpleProductQuantity(1), disabled: simpleProductMaxAvailable <= 0, fullWidth: true }, t('add')))) : (React.createElement(material.Button, { variant: eventNotEmpty ? 'contained' : 'outlined', onClick: () => setOpenVariantDialog(true), fullWidth: true, sx: {
+                        color: eventNotEmpty ? (theme) => theme.palette.common.white : 'inherit',
+                        borderColor: (theme) => theme.palette.grey[300],
+                    } }, eventNotEmpty
+                    ? t('event.tickets.merchandise.show_added')
+                    : t('event.tickets.merchandise.show_sizes'))))),
+        React.createElement(ProductVariantsDialog.default, { eventProduct: eventProduct, eventId: eventId, openDialog: openVariantDialog && !isSimpleProduct, onClose: () => setOpenVariantDialog(false), callback: onSelectVariant, selectedQuantityByVariant: selectedQuantityByVariant, isOnlyMerchandise: isOnlyMerchandise }),
+        React.createElement(material.Dialog, { open: openSimpleProductDialog && isSimpleProduct, onClose: () => setOpenSimpleProductDialog(false), fullWidth: true, maxWidth: "sm" },
+            React.createElement(material.DialogTitle, { sx: {
+                    textAlign: 'center',
+                    fontWeight: 700,
+                    fontSize: { xs: '1.5rem', sm: '2rem' },
+                    mb: 2,
+                } }, eventProduct.product.name),
+            React.createElement(material.DialogContent, { sx: { pb: 0 } },
+                React.createElement(material.Stack, { spacing: 2 },
+                    React.createElement(material.Typography, { variant: "body2", dangerouslySetInnerHTML: { __html: eventProduct.product.description } }),
+                    React.createElement(material.Typography, { variant: "body1", color: "text.primary" }, eventProduct.product.priceWithVat > 0
+                        ? formatNumber.fCurrency(eventProduct.product.priceWithVat, lang, eventProduct.product.currency)
+                        : t('free')))),
+            React.createElement(material.DialogActions, { sx: { px: 3, pb: 3 } },
+                React.createElement(material.Stack, { spacing: 1, width: "100%" },
+                    React.createElement(material.Button, { variant: "contained", onClick: () => {
+                            onChangeSimpleProductQuantity(simpleProductQuantity + 1);
+                            setOpenSimpleProductDialog(false);
+                        }, disabled: simpleProductQuantity >= 10 || simpleProductMaxAvailable <= 0, fullWidth: true }, t('add')),
+                    React.createElement(material.Button, { variant: "outlined", onClick: () => setOpenSimpleProductDialog(false), fullWidth: true }, t('close')))))));
 };
 
 exports.default = ProductCard;

package/dist/cjs/form/product/ProductCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCard.js","sources":["../../../../src/form/product/ProductCard.tsx"],"sourcesContent":["import { Button, Card, Stack, Typography } from '@mui/material';\nimport { Iconify } from '@components/iconify';\nimport Image from '@components/Image';\nimport { IEventProduct } from '@utils/types/event-product.type';\nimport React, { useMemo, useState } from 'react';\nimport ProductVariantsDialog from '@form/product/ProductVariantsDialog';\nimport { IEventProductForm } from '@utils/types/product.type';\nimport { useFormContext, useWatch } from 'react-hook-form';\nimport { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';\nimport { getSelectedQuantityByVariant } from '@utils/product';\nimport useGlobal from '@hooks/useGlobal.ts';\n\ninterface Props {\n  eventProduct: IEventProduct;\n  eventId: number;\n  isOnlyMerchandise?: boolean;\n}\n\nconst ProductCard: React.FC<Props> = ({ eventProduct, eventId, isOnlyMerchandise }) => {\n  const { t } = useGlobal();\n  const [openVariantDialog, setOpenVariantDialog] = useState<boolean>(false);\n  const { setValue } = useFormContext<ITicketForm>();\n  const tickets: ITicketFormTicket[] = useWatch({ name: `tickets.${eventId}`, defaultValue: [] });\n  const products: IEventProductForm[] = useWatch({ name: `products.${eventId}`, defaultValue: [] });\n\n  const onSelectVariant = (selectedVariant: IEventProductForm) => {\n    const variant = products.find(\n      (product) => product.eventProductVariantId === selectedVariant.eventProductVariantId\n    );\n\n    if (variant) {\n      if (selectedVariant.quantity === 0) {\n        setValue(\n          `products.${eventId}`,\n          products.filter(\n            (product) => product.eventProductVariantId !== variant.eventProductVariantId\n          )\n        );\n      } else {\n        setValue(\n          `products.${eventId}`,\n          products.map((product) => {\n            if (product.eventProductVariantId === selectedVariant.eventProductVariantId) {\n              return {\n                ...product,\n                quantity: selectedVariant.quantity,\n              };\n            }\n            return product;\n          })\n        );\n      }\n    } else if (selectedVariant.quantity !== 0) {\n      setValue(`products.${eventId}`, [...products, selectedVariant]);\n    }\n  };\n\n  const eventNotEmpty = useMemo(() => products.some((product) => product?.quantity), [products]);\n\n  return (\n    <>\n      <Card sx={{ p: 2 }}>\n        <Stack spacing={1}>\n          <Image src={eventProduct.product.previewImage.url} ratio=\"1/1\" sx={{ borderRadius: 2 }} />\n          <Typography variant=\"h5\">{eventProduct.product.name}</Typography>\n          <Typography\n            variant=\"caption\"\n            dangerouslySetInnerHTML={{ __html: eventProduct.product.description }}\n            sx={{\n              height: 44,\n              textOverflow: 'ellipsis',\n              overflow: 'hidden',\n              display: '-webkit-box',\n              WebkitLineClamp: 2,\n              WebkitBoxOrient: 'vertical',\n            }}\n          />\n          <Button\n            variant=\"contained\"\n            onClick={() => setOpenVariantDialog(true)}\n            fullWidth\n            startIcon={\n              eventNotEmpty ? <Iconify icon=\"eva:edit-fill\" /> : <Iconify icon=\"eva:plus-fill\" />\n            }\n          >\n            {eventNotEmpty ? t('change') : t('add')}\n          </Button>\n        </Stack>\n      </Card>\n      <ProductVariantsDialog\n        eventProduct={eventProduct}\n        eventId={eventId}\n        openDialog={openVariantDialog}\n        onClose={() => setOpenVariantDialog(false)}\n        callback={onSelectVariant}\n        selectedQuantityByVariant={getSelectedQuantityByVariant(products, tickets)}\n        isOnlyMerchandise={isOnlyMerchandise}\n      />\n    </>\n  );\n};\n\nexport default ProductCard;\n"],"names":["useGlobal","useState","useFormContext","useWatch","useMemo","Card","Stack","Image","Typography","Button","Iconify","ProductVariantsDialog","getSelectedQuantityByVariant"],"mappings":"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"}
+{"version":3,"file":"ProductCard.js","sources":["../../../../src/form/product/ProductCard.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Card,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n  Link,\n  Stack,\n  Typography,\n} from '@mui/material';\nimport Image from '@components/Image';\nimport { IEventProduct } from '@utils/types/event-product.type';\nimport React, { useMemo, useState } from 'react';\nimport ProductVariantsDialog from '@form/product/ProductVariantsDialog';\nimport { IEventProductForm } from '@utils/types/product.type';\nimport { useFormContext, useWatch } from 'react-hook-form';\nimport { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';\nimport { getSelectedQuantityByVariant } from '@utils/product';\nimport useGlobal from '@hooks/useGlobal.ts';\nimport { fCurrency } from '@utils/formatNumber';\n\ninterface Props {\n  eventProduct: IEventProduct;\n  eventId: number;\n  isOnlyMerchandise?: boolean;\n}\n\nconst ProductCard: React.FC<Props> = ({ eventProduct, eventId, isOnlyMerchandise }) => {\n  const { t, lang } = useGlobal();\n  const [openVariantDialog, setOpenVariantDialog] = useState<boolean>(false);\n  const [openSimpleProductDialog, setOpenSimpleProductDialog] = useState<boolean>(false);\n  const { setValue, getValues } = useFormContext<ITicketForm>();\n  const tickets: ITicketFormTicket[] = useWatch({ name: `tickets.${eventId}`, defaultValue: [] });\n  const products: IEventProductForm[] = useWatch({ name: `products.${eventId}`, defaultValue: [] });\n  const isSimpleProduct = eventProduct.eventProductVariants.length === 1;\n  const simpleVariant = isSimpleProduct ? eventProduct.eventProductVariants[0] : undefined;\n\n  const onSelectVariant = (selectedVariants: IEventProductForm[] | IEventProductForm) => {\n    const normalized = Array.isArray(selectedVariants) ? selectedVariants : [selectedVariants];\n    const currentProducts =\n      (getValues(`products.${eventId}`) as IEventProductForm[] | undefined) ?? [];\n    const nextProducts = [...currentProducts];\n\n    normalized.forEach((selectedVariant) => {\n      const index = nextProducts.findIndex(\n        (product) => product.eventProductVariantId === selectedVariant.eventProductVariantId\n      );\n\n      if (index >= 0) {\n        if (selectedVariant.quantity <= 0) {\n          nextProducts.splice(index, 1);\n        } else {\n          nextProducts[index] = {\n            ...nextProducts[index],\n            quantity: selectedVariant.quantity,\n          };\n        }\n      } else {\n        if (selectedVariant.quantity > 0) {\n          nextProducts.push(selectedVariant);\n        }\n      }\n    });\n\n    setValue(`products.${eventId}`, nextProducts, {\n      shouldDirty: true,\n      shouldValidate: true,\n    });\n  };\n\n  const eventNotEmpty = useMemo(() => {\n    const variantIds = new Set(eventProduct.eventProductVariants.map((variant) => variant.id));\n    return products.some(\n      (product) => product?.quantity && variantIds.has(product.eventProductVariantId)\n    );\n  }, [products, eventProduct.eventProductVariants]);\n\n  const selectedQuantityByVariant = useMemo(\n    () => getSelectedQuantityByVariant(products, tickets),\n    [products, tickets]\n  );\n\n  const simpleProductQuantity = useMemo(() => {\n    if (!simpleVariant) return 0;\n    const matched = products.find((product) => product.eventProductVariantId === simpleVariant.id);\n    return matched?.quantity ?? 0;\n  }, [products, simpleVariant]);\n\n  const simpleProductMaxAvailable = useMemo(() => {\n    if (!simpleVariant) return 0;\n    const { quantity, sold } = simpleVariant.productVariant;\n    if (!quantity) return Number.POSITIVE_INFINITY;\n    const used = selectedQuantityByVariant[simpleVariant.id] ?? 0;\n    return quantity - sold - used;\n  }, [simpleVariant, selectedQuantityByVariant]);\n\n  const onChangeSimpleProductQuantity = (nextQuantity: number) => {\n    if (!simpleVariant) return;\n    if (nextQuantity < 0 || nextQuantity > 10) return;\n    if (\n      nextQuantity > simpleProductQuantity &&\n      nextQuantity - simpleProductQuantity > simpleProductMaxAvailable\n    )\n      return;\n\n    onSelectVariant({\n      eventProductVariantId: simpleVariant.id,\n      productVariantId: simpleVariant.productVariant.id,\n      quantity: nextQuantity,\n      price: simpleVariant.priceWithVat,\n      excludedShippingMethodIds: eventProduct.excludedShippingMethods.map((method) => method.id),\n    });\n  };\n\n  return (\n    <>\n      <Card\n        sx={{\n          p: 0,\n          borderRadius: 0,\n          boxShadow: 'none',\n          background: 'none',\n        }}\n      >\n        <Stack spacing={0}>\n          <Image\n            src={eventProduct.product.previewImage.url}\n            ratio=\"21/9\"\n            sx={{ borderRadius: 1, maxHeight: 96 }}\n          />\n          <Typography variant=\"h5\" sx={{ fontSize: '14px', fontWeight: 700 }}>\n            {eventProduct.product.name}\n          </Typography>\n          <Stack direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\" spacing={1}>\n            <Typography variant=\"body2\" color=\"text.primary\">\n              {eventProduct.product.priceWithVat > 0\n                ? fCurrency(eventProduct.product.priceWithVat, lang, eventProduct.product.currency)\n                : t('free')}\n            </Typography>\n            {isSimpleProduct && (\n              <Link\n                onClick={() => setOpenSimpleProductDialog(true)}\n                color=\"inherit\"\n                underline=\"always\"\n                fontSize={12}\n              >\n                {t('more_info')}\n              </Link>\n            )}\n          </Stack>\n          {isSimpleProduct ? (\n            simpleProductQuantity > 0 ? (\n              <Stack direction=\"row\" spacing={1} alignItems=\"center\" width=\"100%\">\n                <IconButton\n                  onClick={() => onChangeSimpleProductQuantity(simpleProductQuantity - 1)}\n                  disabled={simpleProductQuantity <= 0}\n                  sx={{\n                    flex: '1 1 0',\n                    height: 36,\n                    p: 0,\n                    borderRadius: 1,\n                    border: '1px solid',\n                    borderColor: 'grey.300',\n                  }}\n                >\n                  -\n                </IconButton>\n                <Box\n                  sx={{\n                    flex: '1 1 0',\n                    height: 36,\n                    borderRadius: 1,\n                    border: '1px solid',\n                    borderColor: 'grey.300',\n                    display: 'flex',\n                    alignItems: 'center',\n                    justifyContent: 'center',\n                    fontWeight: 700,\n                  }}\n                >\n                  {simpleProductQuantity}\n                </Box>\n                <IconButton\n                  onClick={() => onChangeSimpleProductQuantity(simpleProductQuantity + 1)}\n                  disabled={simpleProductQuantity >= 10 || simpleProductMaxAvailable <= 0}\n                  sx={{\n                    flex: '1 1 0',\n                    height: 36,\n                    p: 0,\n                    borderRadius: 1,\n                    bgcolor: 'primary.main',\n                    color: 'primary.contrastText',\n                    '&:hover': { bgcolor: 'primary.dark' },\n                    '&.Mui-disabled': {\n                      bgcolor: 'action.disabledBackground',\n                      color: 'action.disabled',\n                    },\n                  }}\n                >\n                  +\n                </IconButton>\n              </Stack>\n            ) : (\n              <Button\n                variant=\"contained\"\n                onClick={() => onChangeSimpleProductQuantity(1)}\n                disabled={simpleProductMaxAvailable <= 0}\n                fullWidth\n              >\n                {t('add')}\n              </Button>\n            )\n          ) : (\n            <Button\n              variant={eventNotEmpty ? 'contained' : 'outlined'}\n              onClick={() => setOpenVariantDialog(true)}\n              fullWidth\n              sx={{\n                color: eventNotEmpty ? (theme) => theme.palette.common.white : 'inherit',\n                borderColor: (theme) => theme.palette.grey[300],\n              }}\n            >\n              {eventNotEmpty\n                ? t('event.tickets.merchandise.show_added')\n                : t('event.tickets.merchandise.show_sizes')}\n            </Button>\n          )}\n        </Stack>\n      </Card>\n      <ProductVariantsDialog\n        eventProduct={eventProduct}\n        eventId={eventId}\n        openDialog={openVariantDialog && !isSimpleProduct}\n        onClose={() => setOpenVariantDialog(false)}\n        callback={onSelectVariant}\n        selectedQuantityByVariant={selectedQuantityByVariant}\n        isOnlyMerchandise={isOnlyMerchandise}\n      />\n      <Dialog\n        open={openSimpleProductDialog && isSimpleProduct}\n        onClose={() => setOpenSimpleProductDialog(false)}\n        fullWidth\n        maxWidth=\"sm\"\n      >\n        <DialogTitle\n          sx={{\n            textAlign: 'center',\n            fontWeight: 700,\n            fontSize: { xs: '1.5rem', sm: '2rem' },\n            mb: 2,\n          }}\n        >\n          {eventProduct.product.name}\n        </DialogTitle>\n        <DialogContent sx={{ pb: 0 }}>\n          <Stack spacing={2}>\n            <Typography\n              variant=\"body2\"\n              dangerouslySetInnerHTML={{ __html: eventProduct.product.description }}\n            />\n            <Typography variant=\"body1\" color=\"text.primary\">\n              {eventProduct.product.priceWithVat > 0\n                ? fCurrency(eventProduct.product.priceWithVat, lang, eventProduct.product.currency)\n                : t('free')}\n            </Typography>\n          </Stack>\n        </DialogContent>\n        <DialogActions sx={{ px: 3, pb: 3 }}>\n          <Stack spacing={1} width=\"100%\">\n            <Button\n              variant=\"contained\"\n              onClick={() => {\n                onChangeSimpleProductQuantity(simpleProductQuantity + 1);\n                setOpenSimpleProductDialog(false);\n              }}\n              disabled={simpleProductQuantity >= 10 || simpleProductMaxAvailable <= 0}\n              fullWidth\n            >\n              {t('add')}\n            </Button>\n            <Button variant=\"outlined\" onClick={() => setOpenSimpleProductDialog(false)} fullWidth>\n              {t('close')}\n            </Button>\n          </Stack>\n        </DialogActions>\n      </Dialog>\n    </>\n  );\n};\n\nexport default ProductCard;\n"],"names":["useGlobal","useState","useFormContext","useWatch","useMemo","getSelectedQuantityByVariant","Card","Stack","Image","Typography","fCurrency","Link","IconButton","Box","Button","ProductVariantsDialog","Dialog","DialogTitle","DialogContent","DialogActions"],"mappings":"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"}