@licklist/design 0.71.24 → 0.72.0-dev.1

package/dist/iframe/ProductWithModifierModal/ModifierSetModal/controll/ModifierSetControll.js

@@ -0,0 +1,404 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { Col, Form } from 'react-bootstrap';
+import { useTranslation } from 'react-i18next';
+import { useMemo, useEffect } from 'react';
+import { useId } from '@mantine/hooks';
+import { useFormContext, Controller } from 'react-hook-form';
+import { xor } from 'lodash';
+import clsx from 'clsx';
+import { Currency } from '@licklist/core/dist/Config';
+import { useIntl } from 'react-intl';
+import { MAX_PRODUCT_NUMBER } from '../../../order-process/components/CategoryProduct/constants.js';
+import 'recharts';
+import 'react-loader';
+import '@licklist/plugins/dist/hooks/Media/useWindowDimensions';
+import 'moment';
+import '@react-aria/utils';
+import 'react-date-range';
+import 'react-use';
+import 'react-icons/fa';
+import 'luxon';
+import 'react-date-range/dist/styles.css';
+import 'react-date-range/dist/theme/default.css';
+import '@licklist/core/dist/DataMapper/User/UserDetailDataMapper';
+import 'react-bootstrap/Col';
+import 'react-bootstrap/Row';
+import '@licklist/plugins/dist/services/Media/MediaService';
+import '@licklist/plugins/dist/services/Form/FormErrorService';
+import '@licklist/core/dist/DataMapper/Product/CouponDataMapper';
+import '@licklist/plugins/dist/validation/Rules/couponCodeRules';
+import 'react-select';
+import 'rrule';
+import '@licklist/core/dist/Services';
+import { NumberInputHorizontal } from '../../../../sales/manual-booking/number-input-horizontal/NumberInputHorizontal.js';
+import '@licklist/core/dist/DataMapper/Product/ProductSetDataMapper';
+import '@licklist/plugins/dist/utils/relyOnPeople';
+import 'react-highlighter';
+import '@licklist/plugins/dist';
+import '@licklist/core/dist/Config/DefaultUser';
+import '../../../../typeahead-helper/TypeaheadHelperComponent.js';
+import 'react-bootstrap/ModalHeader';
+import 'react-bootstrap/ModalTitle';
+import '../../../../sales/constants.js';
+import '../../../../static/CurrencyNumberInput.js';
+import '@licklist/core/dist/DataMapper/Order/OrderPaymentDataMapper';
+import '@licklist/plugins/dist/context/sale/SalePaymentFormContext';
+import '@licklist/core/dist/Services/Date';
+import 'react-router-dom';
+import '../../../../static/index.js';
+import '@licklist/core/dist/DataMapper/Order/OrderDataMapper';
+import '@licklist/plugins/dist/utils/formatDate';
+import '@licklist/plugins/dist/utils/sourceTitle';
+import 'react-bootstrap/ModalBody';
+import 'react-bootstrap/ModalFooter';
+import 'react-bootstrap/Modal';
+import 'react-bootstrap/PageItem';
+import '@licklist/plugins/dist/services/Table/PaginationService';
+import '@licklist/plugins/dist/services/Table/TableService';
+import '@licklist/plugins/dist/hooks/Query/useQuery';
+import '@licklist/plugins/dist/services/Route/RouteService';
+import '../../../../table/utils/index.js';
+import '@tanstack/react-table';
+
+var ModifiersSetControl = function(param) {
+    var modifierSet = param.modifierSet, modifiers = param.modifiers, productId = param.productId, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_isEditMode = param.isEditMode, isEditMode = _param_isEditMode === void 0 ? false : _param_isEditMode, orderProductModifierSets = param.orderProductModifierSets;
+    var _currentOrderModifiersSets_find;
+    var _useFormContext = useFormContext(), control = _useFormContext.control, watch = _useFormContext.watch, setValue = _useFormContext.setValue, trigger = _useFormContext.trigger;
+    var t = useTranslation('App').t;
+    var orderModifiersSets = watch("".concat(productId, ".orderProductModifiers"));
+    var formatNumber = useIntl().formatNumber;
+    var formatToCurrency = function(value) {
+        return formatNumber(value, {
+            style: 'currency',
+            currency: Currency.GBP
+        });
+    };
+    var currentOrderModifiersSets = useMemo(function() {
+        return (orderProductModifierSets === null || orderProductModifierSets === void 0 ? void 0 : orderProductModifierSets.filter(function(modifier) {
+            return modifier.modifierSetId === modifierSet.id;
+        })) || [];
+    }, [
+        orderProductModifierSets,
+        modifierSet.id
+    ]);
+    var onChangeModifiers = function(e, type, quantity) {
+        var _orderModifiersSets_find;
+        if (!modifiers) return;
+        var selectedModifier = modifiers === null || modifiers === void 0 ? void 0 : modifiers.find(function(item) {
+            return item.id === Number(e.target.defaultValue || e.target.id);
+        });
+        var checkSelectedModifier = (orderModifiersSets === null || orderModifiersSets === void 0 ? void 0 : (_orderModifiersSets_find = orderModifiersSets.find(function(modifier) {
+            return (modifier === null || modifier === void 0 ? void 0 : modifier.modifierId) === (selectedModifier === null || selectedModifier === void 0 ? void 0 : selectedModifier.id);
+        })) === null || _orderModifiersSets_find === void 0 ? void 0 : _orderModifiersSets_find.quantity) === 1;
+        if (selectedModifier && type === 'radio') {
+            modifiers.forEach(function(modifier) {
+                var isSelected = modifier.id === selectedModifier.id;
+                var orderModifiers = {
+                    modifierId: modifier.id,
+                    price: modifier.price,
+                    productId: productId,
+                    name: modifier.name,
+                    quantity: isSelected ? 1 : 0,
+                    modifierSetId: modifierSet.id
+                };
+                setValue("".concat(productId, ".orderProductModifiers.").concat(modifierSet.id, ".").concat(orderModifiers.modifierId), orderModifiers);
+            });
+        }
+        if (selectedModifier && type === 'checkbox') {
+            var orderModifiers = {
+                modifierId: selectedModifier.id,
+                price: selectedModifier.price,
+                productId: productId,
+                name: selectedModifier.name,
+                quantity: checkSelectedModifier ? 0 : 1,
+                modifierSetId: modifierSet.id
+            };
+            setValue("".concat(productId, ".orderProductModifiers.").concat(modifierSet.id, ".").concat(selectedModifier.id), orderModifiers);
+        }
+        if (selectedModifier && type === 'selector') {
+            var orderModifiers1 = {
+                modifierId: selectedModifier.id,
+                price: selectedModifier.price,
+                productId: productId,
+                quantity: quantity,
+                name: selectedModifier.name,
+                modifierSetId: modifierSet.id
+            };
+            setValue("".concat(productId, ".orderProductModifiers.").concat(modifierSet.id, ".").concat(selectedModifier.id), orderModifiers1);
+        }
+        trigger("".concat(productId, ".orderProductModifiers"));
+    };
+    useEffect(function() {
+        if (!(orderProductModifierSets === null || orderProductModifierSets === void 0 ? void 0 : orderProductModifierSets.length)) return;
+        orderProductModifierSets.forEach(function(orderModifier) {
+            return setValue("".concat(productId, ".orderProductModifiers.").concat(orderModifier.modifierSetId, ".").concat(orderModifier.modifierId), orderModifier);
+        });
+    }, [
+        isEditMode
+    ]);
+    var radioButtonDefaultModifier = (_currentOrderModifiersSets_find = currentOrderModifiersSets.find(function(modifier) {
+        return modifierSet.modifiers.some(function(rl) {
+            return rl.id === modifier.modifierId;
+        });
+    })) === null || _currentOrderModifiersSets_find === void 0 ? void 0 : _currentOrderModifiersSets_find.modifierId.toString();
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: (modifierSet === null || modifierSet === void 0 ? void 0 : modifierSet.maxItems) === 1 && modifiers.every(function(modifier) {
+            return modifier.maxItems === 1;
+        }) ? /*#__PURE__*/ jsx(Fragment, {
+            children: /*#__PURE__*/ jsx(Controller, {
+                name: "".concat(productId, ".modifier"),
+                control: control,
+                rules: {
+                    required: {
+                        value: !!modifierSet.minItems,
+                        message: t('Validation:fieldRequired')
+                    }
+                },
+                render: function(param) {
+                    var field = param.field, fieldState = param.fieldState;
+                    var onChange = function(e) {
+                        onChangeModifiers(e, 'radio');
+                        field.onChange(e.target.id);
+                    };
+                    return /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            modifiers.map(function(modifier) {
+                                var _currentOrderModifiersSets_find_modifierId, _currentOrderModifiersSets_find;
+                                var selectedOrderModifierId = currentOrderModifiersSets === null || currentOrderModifiersSets === void 0 ? void 0 : (_currentOrderModifiersSets_find = currentOrderModifiersSets.find(function(orderModifier) {
+                                    return orderModifier.modifierId === modifier.id;
+                                })) === null || _currentOrderModifiersSets_find === void 0 ? void 0 : (_currentOrderModifiersSets_find_modifierId = _currentOrderModifiersSets_find.modifierId) === null || _currentOrderModifiersSets_find_modifierId === void 0 ? void 0 : _currentOrderModifiersSets_find_modifierId.toString();
+                                return /*#__PURE__*/ jsx(Col, {
+                                    children: /*#__PURE__*/ jsxs("div", {
+                                        className: "modifier-container d-flex flex-column p-2",
+                                        children: [
+                                            /*#__PURE__*/ jsx(Form.Check, {
+                                                className: "custom-radio p-2",
+                                                inline: true,
+                                                id: modifier.id.toString(),
+                                                defaultChecked: !!selectedOrderModifierId,
+                                                defaultValue: selectedOrderModifierId || modifier.id.toString(),
+                                                checked: field.value === modifier.id.toString(),
+                                                onChange: onChange,
+                                                type: "radio",
+                                                label: modifier.name,
+                                                name: modifier.name
+                                            }),
+                                            /*#__PURE__*/ jsxs("div", {
+                                                className: "mt-3 w-100 pl-2",
+                                                children: [
+                                                    /*#__PURE__*/ jsx("p", {
+                                                        children: modifier.description
+                                                    }),
+                                                    /*#__PURE__*/ jsxs("div", {
+                                                        className: "modifier-price",
+                                                        children: [
+                                                            "+ ",
+                                                            formatToCurrency(modifier.price)
+                                                        ]
+                                                    })
+                                                ]
+                                            })
+                                        ]
+                                    })
+                                }, modifier.id);
+                            }),
+                            fieldState.error && /*#__PURE__*/ jsx("div", {
+                                className: "invalid-feedback d-block",
+                                children: fieldState.error.message
+                            })
+                        ]
+                    });
+                },
+                defaultValue: radioButtonDefaultModifier
+            })
+        }) : /*#__PURE__*/ jsx(Fragment, {
+            children: modifiers === null || modifiers === void 0 ? void 0 : modifiers.map(function(modifier, index) {
+                var _currentOrderModifiersSets_find;
+                var selectedOrderModifier = currentOrderModifiersSets === null || currentOrderModifiersSets === void 0 ? void 0 : (_currentOrderModifiersSets_find = currentOrderModifiersSets.find(function(orderModifier) {
+                    return orderModifier.modifierId === modifier.id;
+                })) === null || _currentOrderModifiersSets_find === void 0 ? void 0 : _currentOrderModifiersSets_find.quantity;
+                return /*#__PURE__*/ jsx(Fragment, {
+                    children: modifier.maxItems === 1 ? /*#__PURE__*/ jsx(Fragment, {
+                        children: /*#__PURE__*/ jsx(Controller, {
+                            name: "".concat(productId, ".").concat(modifierSet.id, ".modifiers[").concat(index, "]"),
+                            control: control,
+                            rules: {
+                                required: {
+                                    value: !!modifier.minItems,
+                                    message: t('Validation:fieldRequired')
+                                },
+                                validate: function(value) {
+                                    var maxItems = modifier.maxItems, minItems = modifier.minItems;
+                                    if ((value === null || value === void 0 ? void 0 : value.length) > maxItems) {
+                                        return t('Validation:quantityMaxNumberModifier', {
+                                            max: maxItems
+                                        });
+                                    }
+                                    if ((value === null || value === void 0 ? void 0 : value.length) < minItems) {
+                                        return t('Validation:quantityMinNumberModifier', {
+                                            min: minItems
+                                        });
+                                    }
+                                    return true;
+                                }
+                            },
+                            render: function(param) {
+                                var field = param.field, error = param.fieldState.error;
+                                var onChange = function(e) {
+                                    onChangeModifiers(e, 'checkbox');
+                                    field.onChange(xor(field.value, [
+                                        Number(e.target.value)
+                                    ]));
+                                };
+                                return /*#__PURE__*/ jsxs(Col, {
+                                    className: "modifier-container pl-4",
+                                    children: [
+                                        /*#__PURE__*/ jsx("div", {
+                                            className: "d-flex justify-content-between pl-2 align-items-center",
+                                            children: /*#__PURE__*/ jsx(Checkbox, {
+                                                value: modifier.id,
+                                                onChange: onChange,
+                                                label: modifier.name,
+                                                defaultChecked: !!selectedOrderModifier
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsxs("div", {
+                                            className: "mt-3 w-100 pl-2",
+                                            children: [
+                                                /*#__PURE__*/ jsx("p", {
+                                                    children: modifier.description
+                                                }),
+                                                /*#__PURE__*/ jsxs("div", {
+                                                    className: "modifier-price",
+                                                    children: [
+                                                        "+ ",
+                                                        formatToCurrency(modifier.price)
+                                                    ]
+                                                })
+                                            ]
+                                        }),
+                                        (error === null || error === void 0 ? void 0 : error.message) && /*#__PURE__*/ jsx("div", {
+                                            className: "invalid-feedback d-flex",
+                                            children: error === null || error === void 0 ? void 0 : error.message
+                                        })
+                                    ]
+                                }, modifier.id.toString());
+                            }
+                        })
+                    }) : /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsx("div", {
+                                className: "modifier-header m-0",
+                                children: /*#__PURE__*/ jsx("div", {
+                                    className: "title",
+                                    children: modifier.name
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Controller, {
+                                control: control,
+                                name: "".concat(productId, ".").concat(modifierSet.id, ".modifiers[").concat(index, "].quantity"),
+                                rules: {
+                                    required: {
+                                        value: !!modifier.minItems,
+                                        message: t('Validation:fieldRequired')
+                                    },
+                                    validate: function(value) {
+                                        var maxItems = modifier.maxItems, minItems = modifier.minItems;
+                                        if (value > maxItems) {
+                                            return t('Validation:quantityMaxNumberModifier', {
+                                                max: maxItems
+                                            });
+                                        }
+                                        if (value < minItems) {
+                                            return t('Validation:quantityMinNumberModifier', {
+                                                min: minItems
+                                            });
+                                        }
+                                        return true;
+                                    }
+                                },
+                                render: function(param) {
+                                    var _param_field = param.field, onChange = _param_field.onChange, value = _param_field.value, ref = _param_field.ref, _param_fieldState = param.fieldState, invalid = _param_fieldState.invalid, error = _param_fieldState.error;
+                                    var onChangeProductQuantity = function(val) {
+                                        var quantity = Math.min(MAX_PRODUCT_NUMBER, Math.max(0, Math.ceil(val)));
+                                        onChange(quantity);
+                                        trigger("".concat(productId, ".").concat(modifierSet.id, ".modifiers[").concat(index, "].quantity"));
+                                        onChangeModifiers({
+                                            target: {
+                                                id: modifier.id.toString()
+                                            }
+                                        }, 'selector', quantity);
+                                    };
+                                    var _ref;
+                                    return /*#__PURE__*/ jsxs("div", {
+                                        className: "modifier-container",
+                                        children: [
+                                            /*#__PURE__*/ jsx("div", {
+                                                className: "d-flex align-items-center column mb-8 pl-6 pt-2",
+                                                children: /*#__PURE__*/ jsx("div", {
+                                                    className: "quantity-container mb-0",
+                                                    children: /*#__PURE__*/ jsx(NumberInputHorizontal, {
+                                                        ref: ref,
+                                                        size: "big",
+                                                        onChange: onChangeProductQuantity,
+                                                        onMinusClick: onChangeProductQuantity,
+                                                        onPlusClick: onChangeProductQuantity,
+                                                        min: 0,
+                                                        max: MAX_PRODUCT_NUMBER,
+                                                        value: (_ref = value !== null && value !== void 0 ? value : selectedOrderModifier) !== null && _ref !== void 0 ? _ref : 0,
+                                                        className: clsx(invalid && 'error'),
+                                                        isLoading: isLoading
+                                                    })
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsxs("div", {
+                                                className: "p-2 mt-3 w-100 pl-4",
+                                                children: [
+                                                    /*#__PURE__*/ jsx("p", {
+                                                        className: "pl-2",
+                                                        children: modifier.description
+                                                    }),
+                                                    /*#__PURE__*/ jsxs("div", {
+                                                        className: "pl-2 modifier-price",
+                                                        children: [
+                                                            "+ ",
+                                                            formatToCurrency(modifier.price)
+                                                        ]
+                                                    }),
+                                                    (error === null || error === void 0 ? void 0 : error.message) && /*#__PURE__*/ jsx("div", {
+                                                        className: "d-flex mt-3 w-100",
+                                                        children: /*#__PURE__*/ jsx("p", {
+                                                            className: "iframe-event__message-error",
+                                                            children: error.message
+                                                        })
+                                                    })
+                                                ]
+                                            })
+                                        ]
+                                    });
+                                }
+                            })
+                        ]
+                    })
+                });
+            })
+        })
+    });
+};
+var Checkbox = function(param) {
+    var onChange = param.onChange, value = param.value, label = param.label, defaultChecked = param.defaultChecked;
+    var checkboxId = useId();
+    return /*#__PURE__*/ jsx(Form.Group, {
+        controlId: checkboxId,
+        className: "custom-checkbox mt-0",
+        children: /*#__PURE__*/ jsx(Form.Check, {
+            label: label,
+            value: value,
+            defaultChecked: defaultChecked,
+            onChange: onChange,
+            type: "checkbox"
+        })
+    });
+};
+
+export { ModifiersSetControl };

package/dist/iframe/ProductWithModifierModal/ModifierSetModal/controll/ProductControll.d.ts

@@ -0,0 +1,10 @@
+import { OrderModifierByProduct } from '@licklist/core/dist/DataMapper/Order/OrderModifiierByProduct';
+import { Product } from '@licklist/plugins/dist/types/context/sale/menuSteps';
+interface ProductControlProps {
+    product: Product;
+    isLoading?: boolean;
+    editOrderModifier?: OrderModifierByProduct;
+}
+export declare const ProductControl: ({ product, isLoading, editOrderModifier, }: ProductControlProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ProductControll.d.ts.map

package/dist/iframe/ProductWithModifierModal/ModifierSetModal/controll/ProductControll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductControll.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/ProductWithModifierModal/ModifierSetModal/controll/ProductControll.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,8DAA8D,CAAA;AACrG,OAAO,EAAE,OAAO,EAAE,MAAM,qDAAqD,CAAA;AAK7E,UAAU,mBAAmB;IAC3B,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iBAAiB,CAAC,EAAE,sBAAsB,CAAA;CAC3C;AAED,eAAO,MAAM,cAAc,+CAIxB,mBAAmB,4CA+ErB,CAAA"}

package/dist/iframe/ProductWithModifierModal/ModifierSetModal/controll/ProductControll.js

@@ -0,0 +1,87 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useEffect } from 'react';
+import { useFormContext, Controller } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import { ModifiersSetControl } from './ModifierSetControll.js';
+import { orderProductModifiersQuantity } from '../../utils.js';
+
+var ProductControl = function(param) {
+    var product = param.product, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, editOrderModifier = param.editOrderModifier;
+    var t = useTranslation() // Added translation hook
+    .t;
+    var _useFormContext = useFormContext(), control = _useFormContext.control, watch = _useFormContext.watch, isValid = _useFormContext.formState.isValid, clearErrors = _useFormContext.clearErrors;
+    var modifiersSet = (product === null || product === void 0 ? void 0 : product.modifiersSet) || [];
+    var orderModifiersSets = watch("".concat(product.id, ".orderProductModifiers"));
+    useEffect(function() {
+        if (!isValid) return;
+        clearErrors();
+    }, [
+        isValid,
+        clearErrors
+    ]);
+    return /*#__PURE__*/ jsx("div", {
+        className: "mb-8 pt-4",
+        children: /*#__PURE__*/ jsx("div", {
+            className: "d-flex flex-column",
+            children: modifiersSet.map(function(modifierSet) {
+                var orderProductModifiersMaxQuantity = orderProductModifiersQuantity(orderModifiersSets, modifierSet);
+                return /*#__PURE__*/ jsxs("div", {
+                    className: "modifier-set-container",
+                    children: [
+                        /*#__PURE__*/ jsx("div", {
+                            className: "modifier-header",
+                            children: /*#__PURE__*/ jsx("div", {
+                                className: "title",
+                                children: modifierSet.name
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(Controller, {
+                            control: control,
+                            name: "".concat(product.id, ".").concat(modifierSet.id),
+                            rules: {
+                                validate: function() {
+                                    var maxItems = modifierSet.maxItems, minItems = modifierSet.minItems;
+                                    if (!!minItems && orderProductModifiersMaxQuantity < minItems) {
+                                        return t('Validation:quantityMinNumberModifier', {
+                                            min: minItems
+                                        });
+                                    }
+                                    if (orderProductModifiersMaxQuantity > maxItems) {
+                                        return t('Validation:quantityMaxNumberModifier', {
+                                            max: maxItems
+                                        });
+                                    }
+                                    return true;
+                                }
+                            },
+                            render: function(param) {
+                                var error = param.fieldState.error;
+                                return /*#__PURE__*/ jsxs(Fragment, {
+                                    children: [
+                                        /*#__PURE__*/ jsx(ModifiersSetControl, {
+                                            modifierSet: modifierSet,
+                                            productId: product.id,
+                                            modifiers: modifierSet.modifiers,
+                                            isEditMode: !!(editOrderModifier === null || editOrderModifier === void 0 ? void 0 : editOrderModifier.modifiers),
+                                            orderProductModifierSets: editOrderModifier === null || editOrderModifier === void 0 ? void 0 : editOrderModifier.modifiers,
+                                            isLoading: isLoading
+                                        }),
+                                        (error === null || error === void 0 ? void 0 : error.message) && /*#__PURE__*/ jsxs("div", {
+                                            className: "invalid-feedback d-flex pl-4",
+                                            children: [
+                                                error === null || error === void 0 ? void 0 : error.message,
+                                                "!"
+                                            ]
+                                        })
+                                    ]
+                                });
+                            }
+                        })
+                    ]
+                }, modifierSet.id);
+            })
+        })
+    });
+};
+
+export { ProductControl };

package/dist/iframe/ProductWithModifierModal/ModifierSetModal/index.d.ts

@@ -0,0 +1,2 @@
+import './ProductWithModifierSetModal.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/iframe/ProductWithModifierModal/ModifierSetModal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/iframe/ProductWithModifierModal/ModifierSetModal/index.ts"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAA"}

package/dist/iframe/ProductWithModifierModal/index.d.ts

@@ -0,0 +1,2 @@
+export { ProductWithModifierSetModal } from './ModifierSetModal/ProductWithModifierSetModal';
+//# sourceMappingURL=index.d.ts.map

package/dist/iframe/ProductWithModifierModal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/iframe/ProductWithModifierModal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,gDAAgD,CAAA"}

package/dist/iframe/ProductWithModifierModal/utils.d.ts

@@ -0,0 +1,5 @@
+import { OrderModifier } from "@licklist/core/dist/DataMapper/Order/OrderModifierDataMapper";
+export type selectModifierType = 'radio' | 'checkbox' | 'selector';
+export declare const filteredOrderModifierSets: (modifiersSet: OrderModifier[]) => OrderModifier[];
+export declare const orderProductModifiersQuantity: (orderModifiersSets: OrderModifier[], modifierSet: any) => number;
+//# sourceMappingURL=utils.d.ts.map

package/dist/iframe/ProductWithModifierModal/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/iframe/ProductWithModifierModal/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,8DAA8D,CAAA;AAG5F,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,CAAA;AAElE,eAAO,MAAM,yBAAyB,iBACpB,aAAa,EAAE,KAC5B,aAAa,EAUf,CAAA;AAED,eAAO,MAAM,6BAA6B,uBACpB,aAAa,EAAE,6BAQpC,CAAA"}

package/dist/iframe/ProductWithModifierModal/utils.js

@@ -0,0 +1,21 @@
+import { uniqBy } from 'lodash';
+
+var filteredOrderModifierSets = function(modifiersSet) {
+    var _modifiersSet_flat;
+    if (!modifiersSet) return [];
+    var orderModifier = modifiersSet === null || modifiersSet === void 0 ? void 0 : (_modifiersSet_flat = modifiersSet.flat()) === null || _modifiersSet_flat === void 0 ? void 0 : _modifiersSet_flat.filter(function(modifier) {
+        return !!(modifier === null || modifier === void 0 ? void 0 : modifier.quantity);
+    });
+    return uniqBy(orderModifier, function(item) {
+        return "".concat(item.modifierId, "-").concat(item.modifierSetId);
+    });
+};
+var orderProductModifiersQuantity = function(orderModifiersSets, modifierSet) {
+    if (!(orderModifiersSets === null || orderModifiersSets === void 0 ? void 0 : orderModifiersSets.length)) return 0;
+    var filteredOrderModifier = filteredOrderModifierSets(orderModifiersSets);
+    return filteredOrderModifier.filter(function(item) {
+        return (item === null || item === void 0 ? void 0 : item.modifierSetId) === modifierSet.id;
+    }).length;
+};
+
+export { filteredOrderModifierSets, orderProductModifiersQuantity };

package/dist/iframe/event/ticket-description/TicketDescription.d.ts

@@ -4,11 +4,13 @@ interface TicketDescriptionProps {
     title: string;
     description: string;
     className?: string;
+    classNameProductModal?: string;
     images: Image[] | null;
     price?: ReactNode;
     isRequired?: boolean;
     canExpand?: boolean;
+    isModal?: boolean;
 }
-export declare function TicketDescription({ title, description, className, images, price, isRequired, canExpand, }: TicketDescriptionProps): import("react/jsx-runtime").JSX.Element;
+export declare function TicketDescription({ title, description, className, classNameProductModal, images, price, isRequired, canExpand, isModal }: TicketDescriptionProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=TicketDescription.d.ts.map

package/dist/iframe/event/ticket-description/TicketDescription.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TicketDescription.d.ts","sourceRoot":"","sources":["../../../../src/iframe/event/ticket-description/TicketDescription.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAY,MAAM,OAAO,CAAA;AAE1D,OAAO,EACL,KAAK,EAEN,MAAM,sDAAsD,CAAA;AAK7D,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAA;IACtB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAID,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,WAAW,EACX,SAAc,EACd,MAAM,EACN,KAAK,EACL,UAAkB,EAClB,SAAgB,GACjB,EAAE,sBAAsB,2CAiDxB"}
+{"version":3,"file":"TicketDescription.d.ts","sourceRoot":"","sources":["../../../../src/iframe/event/ticket-description/TicketDescription.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAY,MAAM,OAAO,CAAA;AAE1D,OAAO,EACL,KAAK,EAEN,MAAM,sDAAsD,CAAA;AAK7D,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAA;IACtB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAID,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,WAAW,EACX,SAAc,EACd,qBAA0B,EAC1B,MAAM,EACN,KAAK,EACL,UAAkB,EAClB,SAAgB,EAChB,OAAc,EACf,EAAE,sBAAsB,2CAmDxB"}

package/dist/iframe/event/ticket-description/TicketDescription.js

@@ -54,7 +54,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 var DESCRIPTION_MAX_LENGTH = 120;
 function TicketDescription(param) {
-    var title = param.title, description = param.description, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, images = param.images, price = param.price, _param_isRequired = param.isRequired, isRequired = _param_isRequired === void 0 ? false : _param_isRequired, _param_canExpand = param.canExpand, canExpand = _param_canExpand === void 0 ? true : _param_canExpand;
+    var title = param.title, description = param.description, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, _param_classNameProductModal = param.classNameProductModal, classNameProductModal = _param_classNameProductModal === void 0 ? '' : _param_classNameProductModal, images = param.images, price = param.price, _param_isRequired = param.isRequired, isRequired = _param_isRequired === void 0 ? false : _param_isRequired, _param_canExpand = param.canExpand, canExpand = _param_canExpand === void 0 ? true : _param_canExpand, _param_isModal = param.isModal, isModal = _param_isModal === void 0 ? false : _param_isModal;
     var _useState = _sliced_to_array(useState(false), 2), isDescriptionExpanded = _useState[0], setIsDescriptionExpanded = _useState[1];
     var wrapperClasses = clsx('ticket-description', className);
     var imageSrc = images ? MediaService.getImageSrc(images, THUMBNAIL_IMAGE_SIZE) : null;
@@ -68,11 +68,12 @@ function TicketDescription(param) {
                 className: "ticket-description__wrapper",
                 style: descriptionWrapperStyle,
                 children: /*#__PURE__*/ jsxs("div", {
-                    className: "ticket-description__wrapper-children",
+                    className: clsx('ticket-description__wrapper-children', classNameProductModal),
                     children: [
                         imageSrc && /*#__PURE__*/ jsx("div", {
-                            className: "image-wrapper",
+                            className: clsx('image-wrapper', classNameProductModal && 'w-100 h-25'),
                             children: /*#__PURE__*/ jsx("img", {
+                                className: clsx(classNameProductModal && 'w-100'),
                                 src: imageSrc,
                                 alt: title
                             })
@@ -84,12 +85,14 @@ function TicketDescription(param) {
                             children: /*#__PURE__*/ jsx(Description, {
                                 title: title,
                                 isRequired: isRequired,
-                                description: description
+                                description: description,
+                                isModal: isModal
                             })
                         }) : /*#__PURE__*/ jsx(Description, {
                             title: title,
                             isRequired: isRequired,
-                            description: description
+                            description: description,
+                            isModal: isModal
                         })
                     ]
                 })
@@ -104,9 +107,9 @@ function TicketDescription(param) {
     });
 }
 var Description = function(param) {
-    var title = param.title, isRequired = param.isRequired, description = param.description;
+    var title = param.title, isRequired = param.isRequired, description = param.description, isModal = param.isModal;
     return /*#__PURE__*/ jsx("div", {
-        className: "description-content",
+        className: clsx('description-content', isModal && 'ml-4 mt-2'),
         children: /*#__PURE__*/ jsxs("div", {
             className: "d-flex flex-column",
             children: [