@licklist/design 0.71.24 → 0.72.0-dev.1

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

@@ -0,0 +1,18 @@
+import { MenuStep } from '@licklist/plugins/dist/types/context/sale/menuSteps';
+import { OrderModifierByProduct } from '@licklist/core/dist/DataMapper/Order/OrderModifiierByProduct';
+import { Product } from '@licklist/plugins/dist/types/context/sale/menuSteps';
+import { ProductCategory } from 'dist/product-set/types';
+import { FormOrderItem } from '../../order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput';
+export interface ManualBookingFormValues {
+    steps: MenuStep[];
+}
+interface ProductWithModifierSetFormProps {
+    onHide: () => void;
+    product: Product;
+    category: ProductCategory;
+    editOrderModifier?: OrderModifierByProduct;
+    onChange: (product: FormOrderItem) => void;
+}
+export declare const ProductWithModifierSetForm: ({ product, category, editOrderModifier, onChange, }: ProductWithModifierSetFormProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ProductWithModifierSetForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductWithModifierSetForm.d.ts","sourceRoot":"","sources":["../../../../src/iframe/ProductWithModifierModal/ModifierSetModal/ProductWithModifierSetForm.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,QAAQ,EAAE,MAAM,qDAAqD,CAAA;AAC9E,OAAO,EAAE,sBAAsB,EAAE,MAAM,8DAA8D,CAAA;AACrG,OAAO,EAAE,OAAO,EAAE,MAAM,qDAAqD,CAAA;AAI7E,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,qGAAqG,CAAA;AAInI,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,QAAQ,EAAE,CAAA;CAClB;AAED,UAAU,+BAA+B;IACvC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,eAAe,CAAA;IACzB,iBAAiB,CAAC,EAAE,sBAAsB,CAAA;IAC1C,QAAQ,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;CAC3C;AAkBD,eAAO,MAAM,0BAA0B,wDAKpC,+BAA+B,4CA+JjC,CAAA"}

package/dist/iframe/ProductWithModifierModal/ModifierSetModal/ProductWithModifierSetForm.js

@@ -0,0 +1,295 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { useForm, FormProvider, Controller } from 'react-hook-form';
+import { Form, Button } from 'react-bootstrap';
+import { isEmpty, uniqBy } from 'lodash';
+import { useTranslation } from 'react-i18next';
+import { useIntl } from 'react-intl';
+import { Currency } from '@licklist/core/dist/Config';
+import 'recharts';
+import 'react-loader';
+import '@licklist/plugins/dist/hooks/Media/useWindowDimensions';
+import clsx from 'clsx';
+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';
+import { MAX_PRODUCT_NUMBER } from '../../order-process/components/CategoryProduct/constants.js';
+import { getOrderProductModifiersPrice } from '../../order-process/components/BookingSummary/utils/index.js';
+import { ProductControl } from './controll/ProductControll.js';
+
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+var filteredOrderModifierSets = function(modifiersSet) {
+    if (!modifiersSet) return [];
+    var orderModifier = modifiersSet === null || modifiersSet === void 0 ? void 0 : modifiersSet.flat().filter(function(modifier) {
+        return !!(modifier === null || modifier === void 0 ? void 0 : modifier.quantity);
+    });
+    var filteredOrderModifier = uniqBy(orderModifier, function(item) {
+        return "".concat(item.modifierId, "-").concat(item.modifierSetId);
+    });
+    return filteredOrderModifier || [];
+};
+var ProductWithModifierSetForm = function(param) {
+    var product = param.product, category = param.category, editOrderModifier = param.editOrderModifier, onChange = param.onChange;
+    var _valuesOrder_product, _valuesOrder_;
+    var form = useForm({
+        mode: 'onChange'
+    });
+    var t = useTranslation([
+        'App',
+        'Sale',
+        'Validation'
+    ]).t;
+    var _form_formState = form.formState, errors = _form_formState.errors, isSubmitting = _form_formState.isSubmitting, isValid = _form_formState.isValid, control = form.control, trigger = form.trigger, watch = form.watch;
+    var _editOrderModifier_productQuantity;
+    var defaultProductQuantity = (_editOrderModifier_productQuantity = editOrderModifier === null || editOrderModifier === void 0 ? void 0 : editOrderModifier.productQuantity) !== null && _editOrderModifier_productQuantity !== void 0 ? _editOrderModifier_productQuantity : 0;
+    var valuesOrder = watch();
+    var _valuesOrder_product_quantity;
+    var productQuantity = (_valuesOrder_product_quantity = valuesOrder === null || valuesOrder === void 0 ? void 0 : (_valuesOrder_product = valuesOrder.product) === null || _valuesOrder_product === void 0 ? void 0 : _valuesOrder_product.quantity) !== null && _valuesOrder_product_quantity !== void 0 ? _valuesOrder_product_quantity : defaultProductQuantity;
+    var orderModifiersSets = ((_valuesOrder_ = valuesOrder["".concat(product.id)]) === null || _valuesOrder_ === void 0 ? void 0 : _valuesOrder_.orderProductModifiers) || [];
+    var filteredOrderModifiers = filteredOrderModifierSets(orderModifiersSets);
+    var orderModifierSets = useMemo(function() {
+        return [
+            {
+                productQuantity: productQuantity !== null && productQuantity !== void 0 ? productQuantity : 1,
+                modifiers: filteredOrderModifiers
+            }
+        ];
+    }, [
+        filteredOrderModifiers,
+        productQuantity
+    ]);
+    var onSubmit = function(event) {
+        event.preventDefault();
+        trigger("".concat(product.id));
+        if (!isValid) return undefined;
+        var productOrder = {
+            id: product.id,
+            name: product.name,
+            deposit: product === null || product === void 0 ? void 0 : product.deposit,
+            hasDeposit: category.allowDeposits && (product === null || product === void 0 ? void 0 : product.deposit) < product.price,
+            price: product.price,
+            productCategoryId: category.id,
+            quantity: productQuantity,
+            capacity: product === null || product === void 0 ? void 0 : product.capacity,
+            orderModifiersSets: orderModifierSets
+        };
+        if (productOrder) {
+            return onChange(productOrder);
+        }
+        return undefined;
+    };
+    var handleProductQuantityChange = function(value, onChange) {
+        if (value < 0) {
+            onChange(0);
+        } else if (value > MAX_PRODUCT_NUMBER) {
+            onChange(MAX_PRODUCT_NUMBER);
+        } else {
+            onChange(value);
+        }
+    };
+    var disabledAddButton = useMemo(function() {
+        if (defaultProductQuantity) return false;
+        return !productQuantity || !isEmpty(errors);
+    }, [
+        defaultProductQuantity,
+        productQuantity,
+        errors
+    ]);
+    var modifierPrice = getOrderProductModifiersPrice(orderModifierSets[0]);
+    var productWithModifierPrice = (product.price * productQuantity || 0) + modifierPrice;
+    var formatNumber = useIntl().formatNumber;
+    var formatToCurrency = function(value) {
+        return formatNumber(value, {
+            style: 'currency',
+            currency: Currency.GBP
+        });
+    };
+    return /*#__PURE__*/ jsx(FormProvider, _object_spread_props(_object_spread({}, form), {
+        children: /*#__PURE__*/ jsx(Form, {
+            children: /*#__PURE__*/ jsxs("div", {
+                className: "manual-booking-form",
+                children: [
+                    /*#__PURE__*/ jsx(ProductControl, {
+                        product: product,
+                        editOrderModifier: editOrderModifier
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "bg-light m-2 p-2 rounded",
+                        children: [
+                            /*#__PURE__*/ jsx(Controller, {
+                                control: control,
+                                name: "product.quantity",
+                                rules: {
+                                    min: {
+                                        value: 1,
+                                        message: t('Validation:fieldMinNumber', {
+                                            attribute: t('product'),
+                                            min: 1
+                                        })
+                                    },
+                                    max: {
+                                        value: !product.isUnlimited ? product.maxQuantity : MAX_PRODUCT_NUMBER,
+                                        message: t('Validation:fieldMaxNumber', {
+                                            attribute: t('product'),
+                                            max: product.maxQuantity
+                                        })
+                                    }
+                                },
+                                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;
+                                    return /*#__PURE__*/ jsxs("div", {
+                                        className: "mb-8 d-flex flex-column",
+                                        children: [
+                                            /*#__PURE__*/ jsx("div", {
+                                                className: "quantity-container-product w-100",
+                                                children: /*#__PURE__*/ jsx(NumberInputHorizontal, {
+                                                    ref: ref,
+                                                    size: "big",
+                                                    onChange: function(val) {
+                                                        return handleProductQuantityChange(val, onChange);
+                                                    },
+                                                    onMinusClick: function(val) {
+                                                        return handleProductQuantityChange(val, onChange);
+                                                    },
+                                                    onPlusClick: function(val) {
+                                                        handleProductQuantityChange(val, onChange);
+                                                    },
+                                                    min: 0,
+                                                    max: 100,
+                                                    value: value || defaultProductQuantity,
+                                                    className: clsx(invalid && 'error'),
+                                                    isLoading: isSubmitting
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsxs("div", {
+                                                className: " d-flex flex-column  align-items-center justify-content-center",
+                                                children: [
+                                                    /*#__PURE__*/ jsx("div", {
+                                                        className: "modifier-price pb-4 pl-5",
+                                                        children: formatToCurrency(product.price)
+                                                    }),
+                                                    (error === null || error === void 0 ? void 0 : error.message) && /*#__PURE__*/ jsx("div", {
+                                                        className: "d-flex justify-content-center mt-3 w-100",
+                                                        children: /*#__PURE__*/ jsx("p", {
+                                                            className: "iframe-event__message-error",
+                                                            children: error.message
+                                                        })
+                                                    })
+                                                ]
+                                            })
+                                        ]
+                                    });
+                                }
+                            }),
+                            /*#__PURE__*/ jsx(Button, {
+                                as: "button",
+                                variant: "primary",
+                                className: "w-100",
+                                disabled: disabledAddButton,
+                                onClick: onSubmit,
+                                children: "".concat(t('Design:add')).concat(modifierPrice ? " (".concat(formatToCurrency(productWithModifierPrice), ")") : '')
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+    }));
+};
+
+export { ProductWithModifierSetForm };

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

@@ -0,0 +1,15 @@
+import { OrderModifierByProduct } from '@licklist/core/dist/DataMapper/Order/OrderModifiierByProduct';
+import { Product } from '@licklist/plugins/dist/types/context/sale/menuSteps';
+import { ProductCategory } from 'dist/product-set/types';
+import { FormOrderItem } from '../../order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput';
+interface ProductWithModifierSetModalProps {
+    show: boolean;
+    onHide: () => void;
+    product: Product;
+    category: ProductCategory;
+    editOrderModifier?: OrderModifierByProduct;
+    onChange: (product: FormOrderItem) => void;
+}
+export declare const ProductWithModifierSetModal: ({ show, onHide, product, category, onChange, editOrderModifier, }: ProductWithModifierSetModalProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ProductWithModifierSetModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductWithModifierSetModal.d.ts","sourceRoot":"","sources":["../../../../src/iframe/ProductWithModifierModal/ModifierSetModal/ProductWithModifierSetModal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,8DAA8D,CAAA;AACrG,OAAO,EAAE,OAAO,EAAE,MAAM,qDAAqD,CAAA;AAG7E,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,qGAAqG,CAAA;AAInI,UAAU,gCAAgC;IACxC,IAAI,EAAE,OAAO,CAAA;IACb,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,eAAe,CAAA;IACzB,iBAAiB,CAAC,EAAE,sBAAsB,CAAA;IAC1C,QAAQ,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;CAC3C;AAED,eAAO,MAAM,2BAA2B,sEAOrC,gCAAgC,4CAgDlC,CAAA"}

package/dist/iframe/ProductWithModifierModal/ModifierSetModal/ProductWithModifierSetModal.js

@@ -0,0 +1,90 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import { Modal } from 'react-bootstrap';
+import 'react-i18next';
+import 'react-bootstrap/ModalHeader';
+import 'react-bootstrap/ModalTitle';
+import 'react-bootstrap/ModalBody';
+import 'react-bootstrap/ModalFooter';
+import 'react-bootstrap/Modal';
+import 'react-icons/fa';
+import { useDialogContext, DialogContextProvider } from '../../../modals/dialog/DialogContext.js';
+import 'react-swipeable';
+import 'react-bootstrap/Button';
+import '@licklist/plugins/dist/services/Route/RouteService';
+import 'react-intl';
+import clsx from 'clsx';
+import '../../../tiptap-editor/TipTapEditor.js';
+import '@licklist/core/dist/Config';
+import 'luxon';
+import '../../event/event-card/IframeEventCardSkeleton.js';
+import { TicketDescription } from '../../event/ticket-description/TicketDescription.js';
+import 'react-bootstrap/Accordion';
+import 'react-bootstrap/Card';
+import 'react-bootstrap/AccordionToggle';
+import 'react-bootstrap/AccordionContext';
+import '../../../static/index.js';
+import '@licklist/plugins/dist/services/Media/MediaService';
+import '../../event/event-venue-map/IframeEventVenueMap.js';
+import { useOnWindowUnmount } from '../../order-process/components/utils/useOnWindowUnmount.js';
+import { ProductWithModifierSetForm } from './ProductWithModifierSetForm.js';
+
+var ProductWithModifierSetModal = function(param) {
+    var show = param.show, onHide = param.onHide, product = param.product, category = param.category, onChange = param.onChange, editOrderModifier = param.editOrderModifier;
+    var _useDialogContext = useDialogContext(), onBeforeUnload = _useDialogContext.onBeforeUnload, onPopState = _useDialogContext.onPopState;
+    useOnWindowUnmount({
+        onBeforeUnload: onBeforeUnload,
+        onPopState: onPopState
+    });
+    return /*#__PURE__*/ jsx(DialogContextProvider, {
+        children: /*#__PURE__*/ jsxs(Modal, {
+            onHide: onHide,
+            show: show,
+            className: "m-0 manual-booking-form-modal mt-0 h-100 p-0",
+            dialogClassName: "manual-booking-dialog mt-0",
+            children: [
+                /*#__PURE__*/ jsx("div", {
+                    className: "close-button",
+                    children: /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        onClick: onHide,
+                        onKeyPress: onHide,
+                        className: "btn btn-light rounded-circle position-absolute top-0 end-0 m-2",
+                        children: "\xd7"
+                    })
+                }),
+                /*#__PURE__*/ jsx("div", {
+                    className: "right-block",
+                    id: "select-event-container",
+                    children: /*#__PURE__*/ jsxs("div", {
+                        className: clsx('manual-booking-container', !product.images.length && 'tw-mt-8'),
+                        children: [
+                            /*#__PURE__*/ jsx("div", {
+                                className: "manual-booking-header",
+                                children: /*#__PURE__*/ jsx(TicketDescription, {
+                                    title: product.name,
+                                    description: product.description,
+                                    className: clsx('iframe-event__product-description', !product.images.length && 'mt-6'),
+                                    classNameProductModal: "d-block",
+                                    images: product.images,
+                                    isRequired: product.isRequired,
+                                    canExpand: true,
+                                    isModal: true
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(ProductWithModifierSetForm, {
+                                product: product,
+                                onHide: onHide,
+                                editOrderModifier: editOrderModifier,
+                                onChange: onChange,
+                                category: category
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+};
+
+export { ProductWithModifierSetModal };

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

@@ -0,0 +1,14 @@
+import { OrderModifier } from '@licklist/core/dist/DataMapper/Order/OrderModifierDataMapper';
+import { Modifier } from '@licklist/core/dist/DataMapper/Product/ModifierDataMapper';
+import { ModifierSet } from '@licklist/core/dist/DataMapper/Product/ModifierSetDataMapper';
+interface ModifiersSetControllProps {
+    modifiers?: Modifier[];
+    modifierSet: ModifierSet;
+    isLoading?: boolean;
+    isEditMode?: boolean;
+    productId: number;
+    orderProductModifierSets?: OrderModifier[];
+}
+export declare const ModifiersSetControl: ({ modifierSet, modifiers, productId, isLoading, isEditMode, orderProductModifierSets, }: ModifiersSetControllProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ModifierSetControll.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModifierSetControll.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/ProductWithModifierModal/ModifierSetModal/controll/ModifierSetControll.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,8DAA8D,CAAA;AAC5F,OAAO,EAAE,QAAQ,EAAE,MAAM,2DAA2D,CAAA;AACpF,OAAO,EAAE,WAAW,EAAE,MAAM,8DAA8D,CAAA;AAY1F,UAAU,yBAAyB;IACjC,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAA;IACtB,WAAW,EAAE,WAAW,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,wBAAwB,CAAC,EAAE,aAAa,EAAE,CAAA;CAC3C;AAED,eAAO,MAAM,mBAAmB,4FAO7B,yBAAyB,4CA4U3B,CAAA"}