@licklist/design 0.66.13 → 0.67.0

package/dist/events/event-statistic-modal/EventStatisticModal.js

@@ -1 +1,88 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),a=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,l=require("react-i18next"),n=require("react-bootstrap"),r=require("../../static/Icon.js");require("../../table/MenuButton.js");var s=require("../../table/StaticTable.js");require("../../table/FilterHelperComponent.js"),require("../../table/PaginationHelperComponent.js"),require("../../table/PerPageHelperComponent.js"),require("../../table/TableHelperComponent.js"),require("../../table/ReactTableHelperComponent.js");var i=require("./hooks/useTableData.js");exports.EventStatisticModal=function(e){var t=e.isOpen,o=e.setIsOpen,c=e.date,u=e.eventStatistic,m=e.title,d=l.useTranslation("Design").t,b=i.useTableData(c,u),p=function(){o(!1)};return a.createElement(n.Modal,{show:t,onHide:p,animation:!1,centered:!0,contentClassName:"rounded",className:"event-statistic-modal"},a.createElement(n.Modal.Header,null,a.createElement(n.Modal.Title,{as:"h6"},null!=m?m:d("eventStatistic")),a.createElement(n.Button,{variant:"danger",className:"btn-sm rounded",onClick:p},a.createElement(r.default,{type:"times",height:"1rem"}))),a.createElement(n.Modal.Body,null,b.length?a.createElement(a.Fragment,null,a.createElement("h5",{className:"mb-5"},d("statistics")),a.createElement(s.StaticTable,{columns:[{key:"name",label:""},{key:"quantity",label:""},{key:"total",label:""}],data:b,className:"striped-static-table"})):a.createElement("div",{className:"no-statistic"},a.createElement("h5",null,d("noStatisticsForSelectedEvent")))))};
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Modal, Button } from 'react-bootstrap';
+import { useTranslation } from 'react-i18next';
+import { FaTimes } from 'react-icons/fa';
+import 'react';
+import 'react-bootstrap/PageItem';
+import '@licklist/plugins/dist/services/Table/PaginationService';
+import 'clsx';
+import '@licklist/plugins/dist/services/Table/TableService';
+import { StaticTable } from '../../table/StaticTable.js';
+import 'react-router-dom';
+import 'lodash';
+import '@licklist/plugins/dist/hooks/Query/useQuery';
+import '@licklist/plugins/dist/services/Route/RouteService';
+import 'react-loader';
+import '../../table/utils/index.js';
+import '@tanstack/react-table';
+import { useTableData } from './hooks/useTableData.js';
+
+var EventStatisticModal = function(param) {
+    var isOpen = param.isOpen, setIsOpen = param.setIsOpen, date = param.date, eventStatistic = param.eventStatistic, title = param.title;
+    var t = useTranslation("Design").t;
+    var data = useTableData(date, eventStatistic);
+    var handleClose = function() {
+        setIsOpen(false);
+    };
+    return /*#__PURE__*/ jsxs(Modal, {
+        show: isOpen,
+        onHide: handleClose,
+        animation: false,
+        centered: true,
+        contentClassName: "rounded",
+        className: "event-statistic-modal",
+        children: [
+            /*#__PURE__*/ jsxs(Modal.Header, {
+                children: [
+                    /*#__PURE__*/ jsx(Modal.Title, {
+                        as: "h6",
+                        children: title !== null && title !== void 0 ? title : t("eventStatistic")
+                    }),
+                    /*#__PURE__*/ jsx(Button, {
+                        variant: "danger",
+                        className: "btn-sm rounded",
+                        onClick: handleClose,
+                        children: /*#__PURE__*/ jsx(FaTimes, {
+                            size: 16
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Modal.Body, {
+                children: data.length ? /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsx("h5", {
+                            className: "mb-5",
+                            children: t("statistics")
+                        }),
+                        /*#__PURE__*/ jsx(StaticTable, {
+                            columns: [
+                                {
+                                    key: "name",
+                                    label: ""
+                                },
+                                {
+                                    key: "quantity",
+                                    label: ""
+                                },
+                                {
+                                    key: "total",
+                                    label: ""
+                                }
+                            ],
+                            data: data,
+                            className: "striped-static-table"
+                        })
+                    ]
+                }) : /*#__PURE__*/ jsx("div", {
+                    className: "no-statistic",
+                    children: /*#__PURE__*/ jsx("h5", {
+                        children: t("noStatisticsForSelectedEvent")
+                    })
+                })
+            })
+        ]
+    });
+};
+
+export { EventStatisticModal };

package/dist/events/event-statistic-modal/hooks/useTableData.d.ts

@@ -1,5 +1,5 @@
-import { EventStatistic } from "@licklist/core/dist/DataMapper/Provider/EventStatisticDataMapper";
-import { Event } from "@licklist/core/dist/DataMapper/Provider/EventDataMapper";
-import { StaticTableData } from "../../../table";
-export declare const useTableData: (date: Event["startAt"] | null, eventStatistic: EventStatistic | null) => StaticTableData[];
+import { EventStatistic } from "@licklist/core/dist/DataMapper/Provider/EventStatisticDataMapper";
+import { Event } from "@licklist/core/dist/DataMapper/Provider/EventDataMapper";
+import { StaticTableData } from "../../../table";
+export declare const useTableData: (date: Event["startAt"] | null, eventStatistic: EventStatistic | null) => StaticTableData[];
 //# sourceMappingURL=useTableData.d.ts.map

package/dist/events/event-statistic-modal/hooks/useTableData.js

@@ -1 +1,114 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),r=require("react"),n=e(r),u=require("@licklist/core/dist/Config"),i=require("react-i18next"),a=e(require("clsx")),c=require("react-intl"),o=require("../utils/index.js");exports.useTableData=function(e,s){var l=i.useTranslation("Design").t,f=c.useIntl().formatNumber,d=t.__read(r.useState([]),2),y=d[0],T=d[1],b=function(e,t){return void 0===t&&(t=!1),n.createElement("div",{className:a("bold",t&&"header-row")},e)},q=function(e){var t=String(e);return Object.keys(o.TRANSLATION_KEYS).includes(t)?l(t):t};return r.useEffect((function(){T(function(e,t){if(!t)return[];var r=[];return o.convertEventStatisticToTableData(e,t).forEach((function(e){var t=e.name,n=e.quantity,i=e.total,a=e.isBold,c=e.isHeader,s=e.key,l=Object.keys(o.TRANSLATION_KEYS).includes(String(i))?i:f(Number(i),{style:"currency",currency:u.Currency.GBP}),d=q(t),y=q(n);a?r.push({name:b(d,c),quantity:b(y,c),total:b(t===o.TRANSLATION_KEYS.total?"Total: ".concat(l):l,c),key:s}):r.push({name:d,quantity:y,total:l,key:s})})),r}(e,s))}),[e,s]),y};
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import clsx from 'clsx';
+import { useIntl } from 'react-intl';
+import { useTranslation } from 'react-i18next';
+import * as Config from '@licklist/core/dist/Config';
+import { convertEventStatisticToTableData, TRANSLATION_KEYS } from '../utils/index.js';
+
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+var useTableData = function(date, eventStatistic) {
+    var t = useTranslation("Design").t;
+    var formatNumber = useIntl().formatNumber;
+    var _useState = _sliced_to_array(useState([]), 2), tableRows = _useState[0], setTableRows = _useState[1];
+    var boldContent = function(content) {
+        var isHeader = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+        return /*#__PURE__*/ jsx("div", {
+            className: clsx("bold", isHeader && "header-row"),
+            children: content
+        });
+    };
+    var translatedValue = function(content) {
+        var key = String(content);
+        if (!Object.keys(TRANSLATION_KEYS).includes(key)) {
+            return key;
+        }
+        return t(key);
+    };
+    var transformStatisticToTableRows = function(date, statistic) {
+        if (!statistic) {
+            return [];
+        }
+        var tableDataRows = [];
+        convertEventStatisticToTableData(date, statistic).forEach(function(param) {
+            var name = param.name, quantity = param.quantity, total = param.total, isBold = param.isBold, isHeader = param.isHeader, key = param.key;
+            var formattedTotal = !Object.keys(TRANSLATION_KEYS).includes(String(total)) ? formatNumber(Number(total), {
+                style: "currency",
+                currency: Config.Currency.GBP
+            }) : total;
+            var formattedName = translatedValue(name);
+            var formattedQuantity = translatedValue(quantity);
+            if (!isBold) {
+                tableDataRows.push({
+                    name: formattedName,
+                    quantity: formattedQuantity,
+                    total: formattedTotal,
+                    key: key
+                });
+                return;
+            }
+            tableDataRows.push({
+                name: boldContent(formattedName, isHeader),
+                quantity: boldContent(formattedQuantity, isHeader),
+                total: boldContent(name === TRANSLATION_KEYS.total ? "Total: ".concat(formattedTotal) : formattedTotal, isHeader),
+                key: key
+            });
+        });
+        return tableDataRows;
+    };
+    useEffect(function() {
+        setTableRows(transformStatisticToTableRows(date, eventStatistic));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        date,
+        eventStatistic
+    ]);
+    return tableRows;
+};
+
+export { useTableData };

package/dist/events/event-statistic-modal/index.d.ts

@@ -1,3 +1,3 @@
-export { EventStatisticModal } from "./EventStatisticModal";
-export type { EventStatisticModalProps } from "./EventStatisticModal";
+export { EventStatisticModal } from "./EventStatisticModal";
+export type { EventStatisticModalProps } from "./EventStatisticModal";
 //# sourceMappingURL=index.d.ts.map

package/dist/events/event-statistic-modal/utils/index.d.ts

@@ -1,21 +1,21 @@
-import { EventStatistic } from "@licklist/core/dist/DataMapper/Provider/EventStatisticDataMapper";
-export declare const TRANSLATION_KEYS: {
-    shortQuantity: string;
-    total: string;
-    totalPerCategory: string;
-};
-type TableDataRecord = {
-    name: string;
-    key: string;
-    isHeader?: boolean;
-    isBold?: boolean;
-    quantity: string;
-    total: string;
-    metadata?: {
-        _productsSold: number;
-        _total: number;
-    };
-};
-export declare const convertEventStatisticToTableData: (date: string, eventStatistic: EventStatistic) => TableDataRecord[];
-export {};
+import { EventStatistic } from "@licklist/core/dist/DataMapper/Provider/EventStatisticDataMapper";
+export declare const TRANSLATION_KEYS: {
+    shortQuantity: string;
+    total: string;
+    totalPerCategory: string;
+};
+type TableDataRecord = {
+    name: string;
+    key: string;
+    isHeader?: boolean;
+    isBold?: boolean;
+    quantity: string;
+    total: string;
+    metadata?: {
+        _productsSold: number;
+        _total: number;
+    };
+};
+export declare const convertEventStatisticToTableData: (date: string, eventStatistic: EventStatistic) => TableDataRecord[];
+export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/events/event-statistic-modal/utils/index.js

@@ -1 +1,110 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),a=require("@licklist/core/dist/Config"),o=require("luxon"),e={shortQuantity:"shortQuantity",total:"total",totalPerCategory:"totalPerCategory"};exports.TRANSLATION_KEYS=e,exports.convertEventStatisticToTableData=function(r,c){var n,l,i=0,u=0;if(!c)return[];var d=o.DateTime.fromISO(r).toUTC().toFormat(a.DATE_FORMAT),y=null!==(l=null===(n=Object.keys(null==c?void 0:c.productCategorySummary))||void 0===n?void 0:n.filter((function(t){return o.DateTime.fromFormat(t,a.DATE_TIME_FULL_FORMAT).toFormat(a.DATE_FORMAT)===d})))&&void 0!==l?l:[],m=new Map;return y.map((function(t){return null==c?void 0:c.productCategorySummary[t]})).flat().sort((function(t,a){return t.categoryName===a.categoryName?0:t.categoryName>a.categoryName?1:-1})).forEach((function(t){var a,o=t.totalPerCategory,r=t.productsSummary,c=void 0===r?[]:r,n=t.categoryName,l=t.eventId,d=0;i+=o||0,m.has("".concat(n))||m.set("".concat(n),{name:n,key:"".concat(l,".").concat(n),isBold:!0,isHeader:!0,quantity:e.shortQuantity,total:e.total}),null==c||c.forEach((function(t){var a,o=t.productsSold,e=t.name,r=t.totalQuantity,c=t.total;d+=o;var i=null!==(a=m.get("".concat(n,".").concat(e)))&&void 0!==a?a:{metadata:{_productsSold:0,_total:0}};m.set("".concat(n,".").concat(e),{name:e,key:"".concat(l,".").concat(n,".").concat(e),quantity:r?"".concat(i.metadata._productsSold+o," / ").concat(r):String(i.metadata._productsSold+o),total:String(i.metadata._total+c),metadata:{_productsSold:i.metadata._productsSold+o,_total:i.metadata._total+c}})}));var y=null!==(a=m.get("".concat(n,".").concat(e.totalPerCategory)))&&void 0!==a?a:{quantity:0,total:0};m.set("".concat(n,".").concat(e.totalPerCategory),{name:e.totalPerCategory,key:"".concat(l,".").concat(n,".").concat(e.totalPerCategory),quantity:String(Number(y.quantity)+d),total:String(Number(y.total)+o),isBold:!0}),u+=d})),m.set("".concat(e.total,".").concat(i),{name:e.total,key:"".concat(e.total,".").concat(i),quantity:String(u),total:String(i),isBold:!0}),t.__spreadArray([],t.__read(m.values()),!1)};
+import { DateTime } from 'luxon';
+import { DATE_FORMAT, DATE_TIME_FULL_FORMAT } from '@licklist/core/dist/Config';
+
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+var TRANSLATION_KEYS = {
+    shortQuantity: "shortQuantity",
+    total: "total",
+    totalPerCategory: "totalPerCategory"
+};
+var convertEventStatisticToTableData = function(date, eventStatistic) {
+    var _Object_keys;
+    var totalAmount = 0;
+    var totalQuantity = 0;
+    if (!eventStatistic) {
+        return [];
+    }
+    var summaryFormattedDate = DateTime.fromISO(date).toUTC().toFormat(DATE_FORMAT);
+    var _Object_keys_filter;
+    var summaryDays = (_Object_keys_filter = (_Object_keys = Object.keys(eventStatistic === null || eventStatistic === void 0 ? void 0 : eventStatistic.productCategorySummary)) === null || _Object_keys === void 0 ? void 0 : _Object_keys.filter(function(date) {
+        return DateTime.fromFormat(date, DATE_TIME_FULL_FORMAT).toFormat(DATE_FORMAT) === summaryFormattedDate;
+    })) !== null && _Object_keys_filter !== void 0 ? _Object_keys_filter : [];
+    var summaryMap = new Map();
+    summaryDays.map(function(day) {
+        return eventStatistic === null || eventStatistic === void 0 ? void 0 : eventStatistic.productCategorySummary[day];
+    }).flat().sort(function(prev, next) {
+        return prev.categoryName === next.categoryName ? 0 : prev.categoryName > next.categoryName ? 1 : -1;
+    }).forEach(function(param) {
+        var totalPerCategory = param.totalPerCategory, _param_productsSummary = param.productsSummary, productsSummary = _param_productsSummary === void 0 ? [] : _param_productsSummary, categoryName = param.categoryName, eventId = param.eventId;
+        var quantity = 0;
+        totalAmount += totalPerCategory || 0;
+        if (!summaryMap.has("".concat(categoryName))) {
+            summaryMap.set("".concat(categoryName), {
+                name: categoryName,
+                key: "".concat(eventId, ".").concat(categoryName),
+                isBold: true,
+                isHeader: true,
+                quantity: TRANSLATION_KEYS.shortQuantity,
+                total: TRANSLATION_KEYS.total
+            });
+        }
+        productsSummary === null || productsSummary === void 0 ? void 0 : productsSummary.forEach(function(param) {
+            var productsSold = param.productsSold, name = param.name, totalQuantity = param.totalQuantity, total = param.total;
+            quantity += productsSold;
+            var _summaryMap_get;
+            var existingProduct = (_summaryMap_get = summaryMap.get("".concat(categoryName, ".").concat(name))) !== null && _summaryMap_get !== void 0 ? _summaryMap_get : {
+                metadata: {
+                    _productsSold: 0,
+                    _total: 0
+                }
+            };
+            summaryMap.set("".concat(categoryName, ".").concat(name), {
+                name: name,
+                key: "".concat(eventId, ".").concat(categoryName, ".").concat(name),
+                quantity: totalQuantity ? "".concat(existingProduct.metadata._productsSold + productsSold, " / ").concat(totalQuantity) : String(existingProduct.metadata._productsSold + productsSold),
+                total: String(existingProduct.metadata._total + total),
+                metadata: {
+                    _productsSold: existingProduct.metadata._productsSold + productsSold,
+                    _total: existingProduct.metadata._total + total
+                }
+            });
+        });
+        var _summaryMap_get;
+        var prevTotalPerCategory = (_summaryMap_get = summaryMap.get("".concat(categoryName, ".").concat(TRANSLATION_KEYS.totalPerCategory))) !== null && _summaryMap_get !== void 0 ? _summaryMap_get : {
+            quantity: 0,
+            total: 0
+        };
+        summaryMap.set("".concat(categoryName, ".").concat(TRANSLATION_KEYS.totalPerCategory), {
+            name: TRANSLATION_KEYS.totalPerCategory,
+            key: "".concat(eventId, ".").concat(categoryName, ".").concat(TRANSLATION_KEYS.totalPerCategory),
+            quantity: String(Number(prevTotalPerCategory.quantity) + quantity),
+            total: String(Number(prevTotalPerCategory.total) + totalPerCategory),
+            isBold: true
+        });
+        totalQuantity += quantity;
+    });
+    summaryMap.set("".concat(TRANSLATION_KEYS.total, ".").concat(totalAmount), {
+        name: TRANSLATION_KEYS.total,
+        key: "".concat(TRANSLATION_KEYS.total, ".").concat(totalAmount),
+        quantity: String(totalQuantity),
+        total: String(totalAmount),
+        isBold: true
+    });
+    return _to_consumable_array(summaryMap.values());
+};
+
+export { TRANSLATION_KEYS, convertEventStatisticToTableData };

package/dist/events/event-venue-map/EventVenueMap.d.ts

@@ -1,37 +1,36 @@
-import React from "react";
-import { Point } from "@licklist/plugins/dist/types/context/event/point";
-import { PointProduct } from "@licklist/core/dist/DataMapper/Product/PointProductDataMapper";
-import { Product } from "@licklist/core/dist/DataMapper/Product/ProductDataMapper";
-import { QuantityCheckProductInfo } from "@licklist/plugins/dist/types/Api/verifyStock";
-import { VenueMapRef } from "./components/VenueMap";
-export type EventVenueMapIframeProps = {
-    width?: number;
-    height?: number;
-    onPointClick?: (pointId?: number) => void;
-    usedInIframe?: boolean;
-    choosedProductUuids?: string[];
-    errorOnChoosedProductUuids?: string[];
-};
-export type EventVenueMapProps = {
-    url: string;
-    points?: Partial<Point>[];
-    name?: string;
-    onPointsChange?: (value: Partial<Point>[]) => void;
-    editMode?: boolean;
-    products?: Partial<Product>[];
-    pointProducts?: Partial<PointProduct>[];
-    onPointProductsChange?: (values: Partial<PointProduct>[]) => void;
-    soldOutProducts?: QuantityCheckProductInfo[];
-} & EventVenueMapIframeProps;
-export declare const EventVenueMap: React.ForwardRefExoticComponent<{
-    url: string;
-    points?: Partial<Point>[];
-    name?: string;
-    onPointsChange?: (value: Partial<Point>[]) => void;
-    editMode?: boolean;
-    products?: Partial<Product>[];
-    pointProducts?: Partial<PointProduct>[];
-    onPointProductsChange?: (values: Partial<PointProduct>[]) => void;
-    soldOutProducts?: QuantityCheckProductInfo[];
-} & EventVenueMapIframeProps & React.RefAttributes<VenueMapRef>>;
+import { Point } from "@licklist/plugins/dist/types/context/event/point";
+import { PointProduct } from "@licklist/core/dist/DataMapper/Product/PointProductDataMapper";
+import { Product } from "@licklist/core/dist/DataMapper/Product/ProductDataMapper";
+import { QuantityCheckProductInfo } from "@licklist/plugins/dist/types/Api/verifyStock";
+import { VenueMapRef } from "./components/VenueMap";
+export type EventVenueMapIframeProps = {
+    width?: number;
+    height?: number;
+    onPointClick?: (pointId?: number) => void;
+    usedInIframe?: boolean;
+    choosedProductUuids?: string[];
+    errorOnChoosedProductUuids?: string[];
+};
+export type EventVenueMapProps = {
+    url: string;
+    points?: Partial<Point>[];
+    name?: string;
+    onPointsChange?: (value: Partial<Point>[]) => void;
+    editMode?: boolean;
+    products?: Partial<Product>[];
+    pointProducts?: Partial<PointProduct>[];
+    onPointProductsChange?: (values: Partial<PointProduct>[]) => void;
+    soldOutProducts?: QuantityCheckProductInfo[];
+} & EventVenueMapIframeProps;
+export declare const EventVenueMap: import("react").ForwardRefExoticComponent<{
+    url: string;
+    points?: Partial<Point>[];
+    name?: string;
+    onPointsChange?: (value: Partial<Point>[]) => void;
+    editMode?: boolean;
+    products?: Partial<Product>[];
+    pointProducts?: Partial<PointProduct>[];
+    onPointProductsChange?: (values: Partial<PointProduct>[]) => void;
+    soldOutProducts?: QuantityCheckProductInfo[];
+} & EventVenueMapIframeProps & import("react").RefAttributes<VenueMapRef>>;
 //# sourceMappingURL=EventVenueMap.d.ts.map

package/dist/events/event-venue-map/EventVenueMap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EventVenueMap.d.ts","sourceRoot":"","sources":["../../../src/events/event-venue-map/EventVenueMap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,+DAA+D,CAAC;AAC7F,OAAO,EAAE,OAAO,EAAE,MAAM,0DAA0D,CAAC;AACnF,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAY,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAG9D,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,0BAA0B,CAAC,EAAE,MAAM,EAAE,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC;IACxC,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC,EAAE,KAAK,IAAI,CAAC;IAClE,eAAe,CAAC,EAAE,wBAAwB,EAAE,CAAC;CAC9C,GAAG,wBAAwB,CAAC;AAE7B,eAAO,MAAM,aAAa;SAXnB,MAAM;aACF,QAAQ,KAAK,CAAC,EAAE;WAClB,MAAM;6BACY,QAAQ,KAAK,CAAC,EAAE,KAAK,IAAI;eACvC,OAAO;eACP,QAAQ,OAAO,CAAC,EAAE;oBACb,QAAQ,YAAY,CAAC,EAAE;qCACN,QAAQ,YAAY,CAAC,EAAE,KAAK,IAAI;sBAC/C,wBAAwB,EAAE;gEAiD7C,CAAC"}
+{"version":3,"file":"EventVenueMap.d.ts","sourceRoot":"","sources":["../../../src/events/event-venue-map/EventVenueMap.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,+DAA+D,CAAC;AAC7F,OAAO,EAAE,OAAO,EAAE,MAAM,0DAA0D,CAAC;AACnF,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAY,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAG9D,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,0BAA0B,CAAC,EAAE,MAAM,EAAE,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC;IACxC,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC,EAAE,KAAK,IAAI,CAAC;IAClE,eAAe,CAAC,EAAE,wBAAwB,EAAE,CAAC;CAC9C,GAAG,wBAAwB,CAAC;AAE7B,eAAO,MAAM,aAAa;SAXnB,MAAM;aACF,OAAO,CAAC,KAAK,CAAC,EAAE;WAClB,MAAM;qBACI,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI;eACvC,OAAO;eACP,OAAO,CAAC,OAAO,CAAC,EAAE;oBACb,OAAO,CAAC,YAAY,CAAC,EAAE;4BACf,CAAC,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC,EAAE,KAAK,IAAI;sBAC/C,wBAAwB,EAAE;0EAiD7C,CAAC"}

package/dist/events/event-venue-map/EventVenueMap.js

@@ -1 +1,86 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,o=require("tslib"),t=require("react"),n=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,r=require("@licklist/plugins/dist/context/event/EventVenueMapContext"),i=require("./components/VenueMap/VenueMap.js"),s=require("./hooks/useCanvasSize.js"),u=t.forwardRef((function(e,t){var u=e.url,d=e.points,a=e.editMode,c=void 0!==a&&a,p=e.name,P=e.onPointsChange,l=e.products,h=e.pointProducts,v=e.onPointProductsChange,C=e.width,f=e.height,M=e.onPointClick,g=e.usedInIframe,m=void 0!==g&&g,V=e.choosedProductUuids,q=void 0===V?[]:V,E=e.errorOnChoosedProductUuids,O=void 0===E?[]:E,j=e.soldOutProducts,k=s.useCanvasSize({width:C,height:f});return n.createElement(r.EventVenueMapProvider,{points:d,editMode:c,onPointsChange:P,products:l,pointProducts:h,onPointProductsChange:v},n.createElement(i.VenueMap,o.__assign({url:u,name:p},k,{onPointClick:M,usedInIframe:m,ref:t,choosedProductUuids:q,errorOnChoosedProductUuids:O,soldOutProducts:j})))}));exports.EventVenueMap=u;
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { EventVenueMapProvider } from '@licklist/plugins/dist/context/event/EventVenueMapContext';
+import { VenueMap } from './components/VenueMap/VenueMap.js';
+import { useCanvasSize } from './hooks/useCanvasSize.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 EventVenueMap = /*#__PURE__*/ forwardRef(function(param, ref) {
+    var url = param.url, points = param.points, _param_editMode = param.editMode, editMode = _param_editMode === void 0 ? false : _param_editMode, name = param.name, onPointsChange = param.onPointsChange, products = param.products, pointProducts = param.pointProducts, onPointProductsChange = param.onPointProductsChange, width = param.width, height = param.height, onPointClick = param.onPointClick, _param_usedInIframe = param.usedInIframe, usedInIframe = _param_usedInIframe === void 0 ? false : _param_usedInIframe, _param_choosedProductUuids = param.choosedProductUuids, choosedProductUuids = _param_choosedProductUuids === void 0 ? [] : _param_choosedProductUuids, _param_errorOnChoosedProductUuids = param.errorOnChoosedProductUuids, errorOnChoosedProductUuids = _param_errorOnChoosedProductUuids === void 0 ? [] : _param_errorOnChoosedProductUuids, soldOutProducts = param.soldOutProducts;
+    var canvasSizes = useCanvasSize({
+        width: width,
+        height: height
+    });
+    return /*#__PURE__*/ jsx(EventVenueMapProvider, {
+        points: points,
+        editMode: editMode,
+        onPointsChange: onPointsChange,
+        products: products,
+        pointProducts: pointProducts,
+        onPointProductsChange: onPointProductsChange,
+        children: /*#__PURE__*/ jsx(VenueMap, _object_spread_props(_object_spread({
+            url: url,
+            name: name
+        }, canvasSizes), {
+            onPointClick: onPointClick,
+            usedInIframe: usedInIframe,
+            ref: ref,
+            choosedProductUuids: choosedProductUuids,
+            errorOnChoosedProductUuids: errorOnChoosedProductUuids,
+            soldOutProducts: soldOutProducts
+        }))
+    });
+});
+
+export { EventVenueMap };

package/dist/events/event-venue-map/components/Dropdown/Dropdown.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-import { ImageOffset } from "../../types";
-type DropdownProps = ImageOffset & {
-    stageX: number;
-    stageY: number;
-};
-export declare const Dropdown: ({ imageOffsetX, imageOffsetY, imageScale, scale, stageX, stageY, }: DropdownProps) => JSX.Element;
-export {};
+import { ImageOffset } from "../../types";
+type DropdownProps = ImageOffset & {
+    stageX: number;
+    stageY: number;
+};
+export declare const Dropdown: ({ imageOffsetX, imageOffsetY, imageScale, scale, stageX, stageY, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=Dropdown.d.ts.map

package/dist/events/event-venue-map/components/Dropdown/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/events/event-venue-map/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQ1C,KAAK,aAAa,GAAG,WAAW,GAAG;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,QAAQ,uEAOlB,aAAa,gBA8Ef,CAAC"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/events/event-venue-map/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQ1C,KAAK,aAAa,GAAG,WAAW,GAAG;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,QAAQ,uEAOlB,aAAa,4CA8Ef,CAAC"}