@licklist/design 0.45.0-dev.0 → 0.45.0

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

@@ -1,10 +1,12 @@
-import React from "react";
+/// <reference types="react" />
 import { EventStatistic } from "@licklist/core/dist/DataMapper/Provider/EventStatisticDataMapper";
+import { Event } from "@licklist/core/dist/DataMapper/Provider/EventDataMapper";
 export type EventStatisticModalProps = {
     isOpen: boolean;
     setIsOpen: (value: boolean) => void;
+    date?: Event["startAt"] | null;
     eventStatistic?: EventStatistic | null;
     title?: string;
 };
-export declare const EventStatisticModal: ({ isOpen, setIsOpen, eventStatistic, title, }: EventStatisticModalProps) => React.JSX.Element;
+export declare const EventStatisticModal: ({ isOpen, setIsOpen, date, eventStatistic, title, }: EventStatisticModalProps) => JSX.Element;
 //# sourceMappingURL=EventStatisticModal.d.ts.map

package/dist/events/event-statistic-modal/EventStatisticModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EventStatisticModal.d.ts","sourceRoot":"","sources":["../../../src/events/event-statistic-modal/EventStatisticModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAKlG,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,mBAAmB,kDAK7B,wBAAwB,sBAgD1B,CAAC"}
+{"version":3,"file":"EventStatisticModal.d.ts","sourceRoot":"","sources":["../../../src/events/event-statistic-modal/EventStatisticModal.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAClG,OAAO,EAAE,KAAK,EAAE,MAAM,yDAAyD,CAAC;AAKhF,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,mBAAmB,wDAM7B,wBAAwB,gBAiD1B,CAAC"}

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-bootstrap"),a=require("react-i18next"),l=require("../../static/Icon.js");require("../../table/index.js");var n=require("./hooks/useTableData.js"),r=require("../../table/StaticTable.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(e);exports.EventStatisticModal=function(e){var s=e.isOpen,u=e.setIsOpen,c=e.eventStatistic,d=e.title,o=a.useTranslation("Design").t,m=n.useTableData(c),f=function(){u(!1)};return i.default.createElement(t.Modal,{show:s,onHide:f,animation:!1,centered:!0,contentClassName:"rounded",className:"event-statistic-modal"},i.default.createElement(t.Modal.Header,null,i.default.createElement(t.Modal.Title,{as:"h6"},null!=d?d:o("eventStatistic")),i.default.createElement(t.Button,{variant:"danger",className:"btn-sm rounded",onClick:f},i.default.createElement(l.default,{type:"times",height:"1rem"}))),i.default.createElement(t.Modal.Body,null,m.length?i.default.createElement(i.default.Fragment,null,i.default.createElement("h5",{className:"mb-5"},o("statistics")),i.default.createElement(r.StaticTable,{columns:[{key:"name",label:""},{key:"quantity",label:""},{key:"total",label:""}],data:m,className:"striped-static-table"})):i.default.createElement("div",{className:"no-statistic"},i.default.createElement("h5",null,o("noStatisticsForSelectedEvent")))))};
+"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"),require("../../table/FilterHelperComponent.js"),require("../../table/PaginationHelperComponent.js"),require("../../table/PerPageHelperComponent.js");var s=require("../../table/StaticTable.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")))))};

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

@@ -1,4 +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: (eventStatistic: EventStatistic | null) => StaticTableData[];
+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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTableData.d.ts","sourceRoot":"","sources":["../../../../src/events/event-statistic-modal/hooks/useTableData.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAElG,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,eAAO,MAAM,YAAY,mBAAoB,cAAc,GAAG,IAAI,sBA2EjE,CAAC"}
+{"version":3,"file":"useTableData.d.ts","sourceRoot":"","sources":["../../../../src/events/event-statistic-modal/hooks/useTableData.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAClG,OAAO,EAAE,KAAK,EAAE,MAAM,yDAAyD,CAAC;AAEhF,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,eAAO,MAAM,YAAY,SACjB,KAAK,CAAC,SAAS,CAAC,GAAG,IAAI,kBACb,cAAc,GAAG,IAAI,sBA+EtC,CAAC"}

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),r=require("clsx"),n=require("react-intl"),u=require("react-i18next"),a=require("@licklist/core/dist/Config"),i=require("../utils/index.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=c(t),s=c(r),f=o(a);exports.useTableData=function(r){var a=u.useTranslation("Design").t,c=n.useIntl().formatNumber,o=e.__read(t.useState([]),2),d=o[0],y=o[1],b=function(e,t){return void 0===t&&(t=!1),l.default.createElement("div",{className:s.default("bold",t&&"header-row")},e)},v=function(e){var t=String(e);return Object.keys(i.TRANSLATION_KEYS).includes(t)?a(t):t};return t.useEffect((function(){y(function(e){if(!e)return[];var t=[];return i.convertEventStatisticToTableData(e).forEach((function(e){var r=e.name,n=e.quantity,u=e.total,a=e.isBold,o=e.isHeader,l=e.key,s=Object.keys(i.TRANSLATION_KEYS).includes(String(u))?u:c(Number(u),{style:"currency",currency:f.Currency.GBP}),d=v(r),y=v(n);a?t.push({name:b(d,o),quantity:b(y,o),total:b(r===i.TRANSLATION_KEYS.total?"Total: ".concat(s):s,o),key:l}):t.push({name:d,quantity:y,total:s,key:l})})),t}(r))}),[r]),d};
+"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};

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

@@ -4,12 +4,18 @@ export declare const TRANSLATION_KEYS: {
     total: string;
     totalPerCategory: string;
 };
-export declare const convertEventStatisticToTableData: (eventStatistic: EventStatistic) => {
+type TableDataRecord = {
     name: string;
     key: string;
     isHeader?: boolean;
     isBold?: boolean;
-    quantity: string | number;
-    total: string | number;
-}[];
+    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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/events/event-statistic-modal/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAElG,eAAO,MAAM,gBAAgB;;;;CAI5B,CAAC;AAEF,eAAO,MAAM,gCAAgC,mBAC3B,cAAc;UAUtB,MAAM;SACP,MAAM;eACA,OAAO;aACT,OAAO;cACN,MAAM,GAAG,MAAM;WAClB,MAAM,GAAG,MAAM;GA0DzB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/events/event-statistic-modal/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAIlG,eAAO,MAAM,gBAAgB;;;;CAI5B,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE;QACT,aAAa,EAAE,MAAM,CAAC;QACtB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,gCAAgC,SACrC,MAAM,kBACI,cAAc,sBA4G/B,CAAC"}

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t={shortQuantity:"shortQuantity",total:"total",totalPerCategory:"totalPerCategory"};exports.TRANSLATION_KEYS=t,exports.convertEventStatisticToTableData=function(a){var o,n=0,e=0;if(!a)return[];var r=[];return null===(o=Object.values(null==a?void 0:a.productCategorySummary))||void 0===o||o.forEach((function(a){null==a||a.forEach((function(a){var o=a.totalPerCategory,c=a.productsSummary,l=void 0===c?[]:c,u=a.categoryName,i=a.eventId,y=0;n+=o||0,r.push({name:u,key:"".concat(i,".").concat(u),isBold:!0,isHeader:!0,quantity:t.shortQuantity,total:t.total}),null==l||l.forEach((function(t){var a=t.productsSold,o=t.name,n=t.totalQuantity,e=t.total;y+=a,r.push({name:o,key:"".concat(i,".").concat(u,".").concat(o),quantity:n?"".concat(a," / ").concat(n):String(a),total:String(e)})})),r.push({name:t.totalPerCategory,key:"".concat(i,".").concat(u,".").concat(t.totalPerCategory),quantity:y,total:o,isBold:!0}),e+=y}))})),r.push({name:t.total,key:"".concat(t.total,".").concat(n),quantity:e,total:n,isBold:!0}),r};
+"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)};

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

@@ -2,7 +2,7 @@ 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 { ProductQuantityCheckResponse } from "@licklist/plugins/dist/types/Api/verifyStock";
+import { QuantityCheckProductInfo } from "@licklist/plugins/dist/types/Api/verifyStock";
 import { VenueMapRef } from "./components/VenueMap";
 export type EventVenueMapIframeProps = {
     width?: number;
@@ -21,7 +21,7 @@ export type EventVenueMapProps = {
     products?: Partial<Product>[];
     pointProducts?: Partial<PointProduct>[];
     onPointProductsChange?: (values: Partial<PointProduct>[]) => void;
-    soldOutProducts?: ProductQuantityCheckResponse["products"];
+    soldOutProducts?: QuantityCheckProductInfo[];
 } & EventVenueMapIframeProps;
 export declare const EventVenueMap: React.ForwardRefExoticComponent<{
     url: string;
@@ -32,6 +32,6 @@ export declare const EventVenueMap: React.ForwardRefExoticComponent<{
     products?: Partial<Product>[];
     pointProducts?: Partial<PointProduct>[];
     onPointProductsChange?: (values: Partial<PointProduct>[]) => void;
-    soldOutProducts?: ProductQuantityCheckResponse["products"];
+    soldOutProducts?: QuantityCheckProductInfo[];
 } & EventVenueMapIframeProps & 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,4BAA4B,EAAE,MAAM,8CAA8C,CAAC;AAC5F,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,4BAA4B,CAAC,UAAU,CAAC,CAAC;CAC5D,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,4BAA4B,CAAC,UAAU,CAAC;gEAiD3D,CAAC"}
+{"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"}

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

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

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

@@ -1,9 +1,9 @@
-import React from "react";
+/// <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) => React.JSX.Element;
+export declare const Dropdown: ({ imageOffsetX, imageOffsetY, imageScale, scale, stageX, stageY, }: DropdownProps) => 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":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,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,sBA8Ef,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,gBA8Ef,CAAC"}

package/dist/events/event-venue-map/components/Dropdown/Dropdown.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),n=require("@licklist/plugins/dist/context/event/EventVenueMapContext"),r=require("../../utils/index.js");require("./components/DropdownWrapper/index.js"),require("./components/SelectControl/index.js");var o=require("./components/DropdownWrapper/DropdownWrapper.js"),a=require("./components/SelectControl/SelectControl.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=i(t);exports.Dropdown=function(i){var u=i.imageOffsetX,s=i.imageOffsetY,c=i.imageScale,d=i.scale,f=i.stageX,p=i.stageY,v=t.useRef(null),m=e.__read(t.useState(0),2),x=m[0],y=m[1],g=new ResizeObserver((function(t){var n=e.__read(t,1)[0];y(n.contentRect.width)})),C=t.useContext(n.EventVenueMapContext),_=C.mapPoints,w=C.activeElementKey,S=C.editMode,q=e.__read(t.useState(null),2),E=q[0],j=q[1],O=S||!E;t.useEffect((function(){var e=_.find((function(e){return String((null==e?void 0:e.id)||(null==e?void 0:e.localId))===w}));j(e||null)}),[_,w,j]),t.useEffect((function(){var e=v.current;if(e)return g.observe(e),function(){e&&g.unobserve(e)}}),[v,E]);var b=E?{x:E.xCoordinate,y:E.yCoordinate}:{x:0,y:0},D=e.__read(r.calculatePointsCoordinates(b.x,b.y,{imageScale:c,imageOffsetX:u,imageOffsetY:s}),2),M=D[0],P=D[1];return l.default.createElement("div",{className:"canvas-dropdown",style:function(){var e=r.calculateDropdownOffsets({x:M,y:P},{scale:d,x:f,y:p}),t=e.left,n=e.top;return{left:Math.round(t-x/2),top:Math.round(n),display:O?"none":void 0}}(),ref:v},l.default.createElement(o.DropdownWrapper,null,l.default.createElement(a.SelectControl,{selectedPoint:E})))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),n=require("react"),r=(e=n)&&"object"==typeof e&&"default"in e?e.default:e,o=require("@licklist/plugins/dist/context/event/EventVenueMapContext"),a=require("../../utils/index.js"),i=require("./components/DropdownWrapper/DropdownWrapper.js"),l=require("./components/SelectControl/SelectControl.js");exports.Dropdown=function(e){var s=e.imageOffsetX,u=e.imageOffsetY,c=e.imageScale,d=e.scale,f=e.stageX,p=e.stageY,v=n.useRef(null),m=t.__read(n.useState(0),2),x=m[0],y=m[1],g=new ResizeObserver((function(e){var n=t.__read(e,1)[0];y(n.contentRect.width)})),_=n.useContext(o.EventVenueMapContext),C=_.mapPoints,w=_.activeElementKey,E=_.editMode,S=t.__read(n.useState(null),2),O=S[0],b=S[1],q=E||!O;n.useEffect((function(){var e=C.find((function(e){return String((null==e?void 0:e.id)||(null==e?void 0:e.localId))===w}));b(e||null)}),[C,w,b]),n.useEffect((function(){var e=v.current;if(e)return g.observe(e),function(){e&&g.unobserve(e)}}),[v,O]);var M=O?{x:O.xCoordinate,y:O.yCoordinate}:{x:0,y:0},j=t.__read(a.calculatePointsCoordinates(M.x,M.y,{imageScale:c,imageOffsetX:s,imageOffsetY:u}),2),D=j[0],P=j[1];return r.createElement("div",{className:"canvas-dropdown",style:function(){var e=a.calculateDropdownOffsets({x:D,y:P},{scale:d,x:f,y:p}),t=e.left,n=e.top;return{left:Math.round(t-x/2),top:Math.round(n),display:q?"none":void 0}}(),ref:v},r.createElement(i.DropdownWrapper,null,r.createElement(l.SelectControl,{selectedPoint:O})))};

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

@@ -1,3 +1,3 @@
-import { FC, PropsWithChildren } from "react";
-export declare const DropdownWrapper: FC<PropsWithChildren>;
+import { FC } from "react";
+export declare const DropdownWrapper: FC;
 //# sourceMappingURL=DropdownWrapper.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownWrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/events/event-venue-map/components/Dropdown/components/DropdownWrapper/DropdownWrapper.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAErD,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,iBAAiB,CAOjD,CAAC"}
+{"version":3,"file":"DropdownWrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/events/event-venue-map/components/Dropdown/components/DropdownWrapper/DropdownWrapper.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,eAAO,MAAM,eAAe,EAAE,EAO7B,CAAC"}

package/dist/events/event-venue-map/components/Dropdown/components/DropdownWrapper/DropdownWrapper.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var r=e(require("react"));exports.DropdownWrapper=function(e){var t=e.children;return r.default.createElement("div",{className:"canvas-dropdown-wrapper"},r.default.createElement("div",{className:"arrow"}),r.default.createElement("div",{className:"children-container"},t))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("react"),a=(e=r)&&"object"==typeof e&&"default"in e?e.default:e;exports.DropdownWrapper=function(e){var r=e.children;return a.createElement("div",{className:"canvas-dropdown-wrapper"},a.createElement("div",{className:"arrow"}),a.createElement("div",{className:"children-container"},r))};

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

@@ -1,9 +1,9 @@
-import React from "react";
+/// <reference types="react" />
 import { Product } from "@licklist/core/dist/DataMapper/Product/ProductDataMapper";
 type ProductsControlProps = {
     products: Partial<Product>[];
     onChange: (productUuid: string) => void;
 };
-export declare const ProductsControl: ({ products, onChange, }: ProductsControlProps) => React.JSX.Element;
+export declare const ProductsControl: ({ products, onChange, }: ProductsControlProps) => JSX.Element;
 export {};
 //# sourceMappingURL=ProductsControl.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsControl.d.ts","sourceRoot":"","sources":["../../../../../../src/events/event-venue-map/components/Dropdown/components/ProductsControl/ProductsControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,OAAO,EAAE,MAAM,0DAA0D,CAAC;AAEnF,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;IAC7B,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,eAAe,4BAGzB,oBAAoB,sBA6BtB,CAAC"}
+{"version":3,"file":"ProductsControl.d.ts","sourceRoot":"","sources":["../../../../../../src/events/event-venue-map/components/Dropdown/components/ProductsControl/ProductsControl.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,0DAA0D,CAAC;AAEnF,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;IAC7B,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,eAAe,4BAGzB,oBAAoB,gBA6BtB,CAAC"}

package/dist/events/event-venue-map/components/Dropdown/components/ProductsControl/ProductsControl.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-bootstrap"),r=require("react-i18next");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(e);exports.ProductsControl=function(e){var a=e.products,u=e.onChange,l=r.useTranslation("Design").t;return n.default.createElement("div",{className:"products-control mb-3"},a.map((function(e){var r=e.id,a=e.name,c=e.uuid;return n.default.createElement("div",{className:"product",key:r},n.default.createElement("div",null,n.default.createElement("p",{className:"m-0"},a)),n.default.createElement("div",null,n.default.createElement(t.Button,{size:"sm",className:"ml-3 select-product-button",onClick:function(){u(c)}},l("add"))))})))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,a=require("react-i18next"),n=require("react-bootstrap");exports.ProductsControl=function(e){var t=e.products,c=e.onChange,o=a.useTranslation("Design").t;return r.createElement("div",{className:"products-control mb-3"},t.map((function(e){var t=e.id,a=e.name,u=e.uuid;return r.createElement("div",{className:"product",key:t},r.createElement("div",null,r.createElement("p",{className:"m-0"},a)),r.createElement("div",null,r.createElement(n.Button,{size:"sm",className:"ml-3 select-product-button",onClick:function(){c(u)}},o("add"))))})))};

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

@@ -1,8 +1,8 @@
-import React from "react";
+/// <reference types="react" />
 import { Point } from "@licklist/plugins/dist/types/context/event/point";
 type SelectControlProps = {
     selectedPoint: Partial<Point> | null;
 };
-export declare const SelectControl: ({ selectedPoint }: SelectControlProps) => React.JSX.Element;
+export declare const SelectControl: ({ selectedPoint }: SelectControlProps) => JSX.Element;
 export {};
 //# sourceMappingURL=SelectControl.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectControl.d.ts","sourceRoot":"","sources":["../../../../../../src/events/event-venue-map/components/Dropdown/components/SelectControl/SelectControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AAIzE,KAAK,kBAAkB,GAAG;IACxB,aAAa,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,aAAa,sBAAuB,kBAAkB,sBA8HlE,CAAC"}
+{"version":3,"file":"SelectControl.d.ts","sourceRoot":"","sources":["../../../../../../src/events/event-venue-map/components/Dropdown/components/SelectControl/SelectControl.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AAIzE,KAAK,kBAAkB,GAAG;IACxB,aAAa,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,aAAa,sBAAuB,kBAAkB,gBA8HlE,CAAC"}

package/dist/events/event-venue-map/components/Dropdown/components/SelectControl/SelectControl.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),n=require("react-bootstrap"),r=require("react-i18next"),u=require("@licklist/plugins/dist/context/event/EventVenueMapContext");require("../ProductsControl/index.js");var o=require("../ProductsControl/ProductsControl.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=i(t);exports.SelectControl=function(i){var a=i.selectedPoint,c=r.useTranslation("Design").t,d=t.useContext(u.EventVenueMapContext),s=d.activeElementKey,f=d.products,m=d.mapPointProducts,p=d.setMapPointProducts,v=d.setActiveElementKey,C=e.__read(t.useState(!1),2),_=C[0],b=C[1],E=t.useMemo((function(){return m.find((function(e){return e.pointId===(null==a?void 0:a.id)}))}),[m,a]),g=t.useMemo((function(){return E?f.find((function(e){return e.uuid===(null==E?void 0:E.productUuid)})):null}),[E,f,m]),P=t.useCallback((function(){b(!0)}),[]),k=t.useCallback((function(){v(void 0)}),[]),x=t.useCallback((function(){b(!1),p((function(e){return e.filter((function(e){return String(e.pointId)!==String(null==a?void 0:a.id)}))}))}),[a]),q=t.useCallback((function(t){a&&(p(E?function(n){return n.map((function(n){return String(n.pointId)!==String(null==a?void 0:a.id)?n:e.__assign(e.__assign({},n),{productUuid:t})}))}:function(n){return e.__spreadArray(e.__spreadArray([],e.__read(n),!1),[{pointId:null==a?void 0:a.id,productUuid:t}],!1)}),b(!1))}),[a,E]);return t.useEffect((function(){b(!1)}),[s,b]),l.default.createElement("div",{className:"d-flex flex-column align-items-center"},!_&&l.default.createElement(l.default.Fragment,null,g&&l.default.createElement("p",{className:"product-title m-0"},g.name),l.default.createElement(n.Button,{size:"sm",onClick:P,className:"mt-3 dropdown-button"},c(E?"edit":"addProduct"))),_&&l.default.createElement(o.ProductsControl,{products:f,onChange:q}),E&&!_&&l.default.createElement(n.Button,{size:"sm",variant:"link",className:"mt-3 delete-button dropdown-button",onClick:x},c("remove")),l.default.createElement(n.Button,{variant:"link",size:"sm",className:"mt-3 dropdown-button",onClick:k},c("close")))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),n=require("react"),r=(e=n)&&"object"==typeof e&&"default"in e?e.default:e,o=require("react-i18next"),u=require("react-bootstrap"),i=require("@licklist/plugins/dist/context/event/EventVenueMapContext"),l=require("../ProductsControl/ProductsControl.js");exports.SelectControl=function(e){var c=e.selectedPoint,a=o.useTranslation("Design").t,s=n.useContext(i.EventVenueMapContext),d=s.activeElementKey,m=s.products,p=s.mapPointProducts,f=s.setMapPointProducts,v=s.setActiveElementKey,C=t.__read(n.useState(!1),2),_=C[0],b=C[1],E=n.useMemo((function(){return p.find((function(e){return e.pointId===(null==c?void 0:c.id)}))}),[p,c]),g=n.useMemo((function(){return E?m.find((function(e){return e.uuid===(null==E?void 0:E.productUuid)})):null}),[E,m,p]),k=n.useCallback((function(){b(!0)}),[]),P=n.useCallback((function(){v(void 0)}),[]),x=n.useCallback((function(){b(!1),f((function(e){return e.filter((function(e){return String(e.pointId)!==String(null==c?void 0:c.id)}))}))}),[c]),q=n.useCallback((function(e){c&&(f(E?function(n){return n.map((function(n){return String(n.pointId)!==String(null==c?void 0:c.id)?n:t.__assign(t.__assign({},n),{productUuid:e})}))}:function(n){return t.__spreadArray(t.__spreadArray([],t.__read(n),!1),[{pointId:null==c?void 0:c.id,productUuid:e}],!1)}),b(!1))}),[c,E]);return n.useEffect((function(){b(!1)}),[d,b]),r.createElement("div",{className:"d-flex flex-column align-items-center"},!_&&r.createElement(r.Fragment,null,g&&r.createElement("p",{className:"product-title m-0"},g.name),r.createElement(u.Button,{size:"sm",onClick:k,className:"mt-3 dropdown-button"},a(E?"edit":"addProduct"))),_&&r.createElement(l.ProductsControl,{products:m,onChange:q}),E&&!_&&r.createElement(u.Button,{size:"sm",variant:"link",className:"mt-3 delete-button dropdown-button",onClick:x},a("remove")),r.createElement(u.Button,{variant:"link",size:"sm",className:"mt-3 dropdown-button",onClick:P},a("close")))};

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

@@ -1,7 +1,7 @@
-import React from "react";
+/// <reference types="react" />
 import { Point } from "@licklist/plugins/dist/types/context/event/point";
+import { Product } from "@licklist/plugins/dist/types/context/sale/menuSteps";
 import { ImageOffset } from "../../types";
-import { Product } from "../../../../types";
 type MapPointProps = Partial<Point> & ImageOffset & {
     changeCursorType: (type?: CSSStyleDeclaration["cursor"]) => void;
     usedInIframe: boolean;
@@ -9,6 +9,6 @@ type MapPointProps = Partial<Point> & ImageOffset & {
     errorOnChoosedProductUuids?: string[];
     isSoldOut?: Product["isSoldOut"];
 };
-export declare const MapPoint: ({ xCoordinate: x, yCoordinate: y, id, imageOffsetX, imageOffsetY, imageScale, localId, pointNumber, changeCursorType, usedInIframe, choosedProductUuids, errorOnChoosedProductUuids, isSoldOut, }: MapPointProps) => React.JSX.Element;
+export declare const MapPoint: ({ xCoordinate: x, yCoordinate: y, id, imageOffsetX, imageOffsetY, imageScale, localId, pointNumber, changeCursorType, usedInIframe, choosedProductUuids, errorOnChoosedProductUuids, isSoldOut, }: MapPointProps) => JSX.Element;
 export {};
 //# sourceMappingURL=MapPoint.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MapPoint.d.ts","sourceRoot":"","sources":["../../../../../src/events/event-venue-map/components/MapPoint/MapPoint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAO1C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,KAAK,aAAa,GAAG,OAAO,CAAC,KAAK,CAAC,GACjC,WAAW,GAAG;IACZ,gBAAgB,EAAE,CAAC,IAAI,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC;IACjE,YAAY,EAAE,OAAO,CAAC;IACtB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,0BAA0B,CAAC,EAAE,MAAM,EAAE,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAClC,CAAC;AAEJ,eAAO,MAAM,QAAQ,sMAclB,aAAa,sBAqHf,CAAC"}
+{"version":3,"file":"MapPoint.d.ts","sourceRoot":"","sources":["../../../../../src/events/event-venue-map/components/MapPoint/MapPoint.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,qDAAqD,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQ1C,KAAK,aAAa,GAAG,OAAO,CAAC,KAAK,CAAC,GACjC,WAAW,GAAG;IACZ,gBAAgB,EAAE,CAAC,IAAI,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC;IACjE,YAAY,EAAE,OAAO,CAAC;IACtB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,0BAA0B,CAAC,EAAE,MAAM,EAAE,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAClC,CAAC;AAEJ,eAAO,MAAM,QAAQ,sMAclB,aAAa,gBAqHf,CAAC"}

package/dist/events/event-venue-map/components/MapPoint/MapPoint.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react"),o=require("react-konva"),t=require("@licklist/plugins/dist/context/event/EventVenueMapContext");require("./components/PointIcon/index.js");var i=require("../../utils/index.js");require("./components/ProductIcon/index.js");var r=require("./components/ProductIcon/ProductIcon.js"),u=require("./components/PointIcon/PointIcon.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(n);exports.MapPoint=function(c){var s=c.xCoordinate,a=c.yCoordinate,l=c.id,f=c.imageOffsetX,p=c.imageOffsetY,v=c.imageScale,m=c.localId,P=c.pointNumber,I=c.changeCursorType,x=c.usedInIframe,C=c.choosedProductUuids,M=void 0===C?[]:C,O=c.errorOnChoosedProductUuids,g=void 0===O?[]:O,q=c.isSoldOut,E=n.useContext(t.EventVenueMapContext),y=E.setActiveElementKey,b=E.activeElementKey,h=E.setMapPoints,j=E.editMode,U=E.mapPointProducts,S=e.__read(i.calculatePointsCoordinates(s,a,{imageScale:v,imageOffsetX:f,imageOffsetY:p}),2),B=S[0],_=S[1],k=String(l||m),A=k===b,K=U.find((function(e){return l&&e.pointId&&e.pointId===l})),N=Boolean(U.find((function(e){return M.includes(null==e?void 0:e.productUuid)&&M.includes(null==K?void 0:K.productUuid)}))),T=Boolean(U.find((function(e){return g.includes(null==e?void 0:e.productUuid)&&g.includes(null==K?void 0:K.productUuid)}))),V=function(){h((function(e){var n=e.slice(),o=n.find((function(e){return l&&e.id===l||m&&e.localId===m})),t=n.indexOf(o);return n.splice(t,1),n.push(o),n}))},X=function(e){e.cancelBubble=!0,A||q&&x||(y(k),V())};return d.default.createElement(o.Group,{onClick:X,onTap:X,onMouseEnter:function(){V(),I("pointer")},onMouseLeave:function(){I()}},x?d.default.createElement(r.ProductIcon,{x:B,y:_,isSoldOut:q,isActive:A,isProductChoosed:N,isErrorOnChoosedProduct:T}):d.default.createElement(u.PointIcon,{x:B,y:_,isActive:A,hasProduct:!q&&Boolean(K),pointNumber:P,onDelete:function(){y(),I(),h((function(e){return i.removeMapPointFromPoints(e,l,m)}))},editMode:j}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,n=require("tslib"),o=require("react"),t=(e=o)&&"object"==typeof e&&"default"in e?e.default:e,i=require("@licklist/plugins/dist/context/event/EventVenueMapContext"),r=require("react-konva"),u=require("../../utils/index.js"),c=require("./components/PointIcon/PointIcon.js"),d=require("./components/ProductIcon/ProductIcon.js");exports.MapPoint=function(e){var s=e.xCoordinate,l=e.yCoordinate,a=e.id,f=e.imageOffsetX,p=e.imageOffsetY,v=e.imageScale,m=e.localId,P=e.pointNumber,I=e.changeCursorType,x=e.usedInIframe,C=e.choosedProductUuids,M=void 0===C?[]:C,O=e.errorOnChoosedProductUuids,g=void 0===O?[]:O,E=e.isSoldOut,y=o.useContext(i.EventVenueMapContext),b=y.setActiveElementKey,h=y.activeElementKey,q=y.setMapPoints,U=y.editMode,j=y.mapPointProducts,S=n.__read(u.calculatePointsCoordinates(s,l,{imageScale:v,imageOffsetX:f,imageOffsetY:p}),2),B=S[0],_=S[1],k=String(a||m),A=k===h,K=j.find((function(e){return a&&e.pointId&&e.pointId===a})),N=Boolean(j.find((function(e){return M.includes(null==e?void 0:e.productUuid)&&M.includes(null==K?void 0:K.productUuid)}))),T=Boolean(j.find((function(e){return g.includes(null==e?void 0:e.productUuid)&&g.includes(null==K?void 0:K.productUuid)}))),V=function(){q((function(e){var n=e.slice(),o=n.find((function(e){return a&&e.id===a||m&&e.localId===m})),t=n.indexOf(o);return n.splice(t,1),n.push(o),n}))},X=function(e){e.cancelBubble=!0,A||E&&x||(b(k),V())};return t.createElement(r.Group,{onClick:X,onTap:X,onMouseEnter:function(){V(),I("pointer")},onMouseLeave:function(){I()}},x?t.createElement(d.ProductIcon,{x:B,y:_,isSoldOut:E,isActive:A,isProductChoosed:N,isErrorOnChoosedProduct:T}):t.createElement(c.PointIcon,{x:B,y:_,isActive:A,hasProduct:Boolean(K),pointNumber:P,onDelete:function(){b(),I(),q((function(e){return u.removeMapPointFromPoints(e,a,m)}))},editMode:U}))};

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

@@ -1,9 +1,9 @@
-import React from "react";
+/// <reference types="react" />
 type DeleteIconProps = {
     onClick: () => void;
     x: number;
     y: number;
 };
-export declare const DeleteIcon: ({ onClick, x, y }: DeleteIconProps) => React.JSX.Element;
+export declare const DeleteIcon: ({ onClick, x, y }: DeleteIconProps) => JSX.Element;
 export {};
 //# sourceMappingURL=DeleteIcon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DeleteIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/events/event-venue-map/components/MapPoint/components/DeleteIcon/DeleteIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,eAAO,MAAM,UAAU,sBAAuB,eAAe,sBA8B5D,CAAC"}
+{"version":3,"file":"DeleteIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/events/event-venue-map/components/MapPoint/components/DeleteIcon/DeleteIcon.tsx"],"names":[],"mappings":";AAiBA,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,eAAO,MAAM,UAAU,sBAAuB,eAAe,gBA8B5D,CAAC"}

package/dist/events/event-venue-map/components/MapPoint/components/DeleteIcon/DeleteIcon.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-konva");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=c(e);exports.DeleteIcon=function(e){var c=e.onClick,l=e.x,a=e.y;return r.default.createElement(t.Group,{onClick:c,width:16,height:16,x:l+14,y:a-8},r.default.createElement(t.Rect,{x:0,y:0,width:16,height:16,fill:"#EC1E3D",cornerRadius:2,strokeWidth:2}),r.default.createElement(t.Path,{x:3,y:0,data:"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z",fill:"white",width:16,height:16,scaleX:.03,scaleY:.03}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),c=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,r=require("react-konva");exports.DeleteIcon=function(e){var t=e.onClick,l=e.x,i=e.y;return c.createElement(r.Group,{onClick:t,width:16,height:16,x:l+14,y:i-8},c.createElement(r.Rect,{x:0,y:0,width:16,height:16,fill:"#EC1E3D",cornerRadius:2,strokeWidth:2}),c.createElement(r.Path,{x:3,y:0,data:"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z",fill:"white",width:16,height:16,scaleX:.03,scaleY:.03}))};

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

@@ -1,9 +1,9 @@
-import React from "react";
+/// <reference types="react" />
 type EditIconProps = {
     onClick?: () => void;
     x: number;
     y: number;
 };
-export declare const EditIcon: ({ onClick, x, y }: EditIconProps) => React.JSX.Element;
+export declare const EditIcon: ({ onClick, x, y }: EditIconProps) => JSX.Element;
 export {};
 //# sourceMappingURL=EditIcon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/events/event-venue-map/components/MapPoint/components/EditIcon/EditIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,KAAK,aAAa,GAAG;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,eAAO,MAAM,QAAQ,sBAAuB,aAAa,sBA4BxD,CAAC"}
+{"version":3,"file":"EditIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/events/event-venue-map/components/MapPoint/components/EditIcon/EditIcon.tsx"],"names":[],"mappings":";AAiBA,KAAK,aAAa,GAAG;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,eAAO,MAAM,QAAQ,sBAAuB,aAAa,gBA4BxD,CAAC"}

package/dist/events/event-venue-map/components/MapPoint/components/EditIcon/EditIcon.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-konva");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e);exports.EditIcon=function(e){var r=e.onClick,a=e.x,l=e.y;return i.default.createElement(t.Group,{onClick:r,width:16,height:16,x:a+14,y:l-8},i.default.createElement(t.Rect,{x:0,y:0,width:16,height:16,fill:"#0E8CE2",cornerRadius:2,strokeWidth:2}),i.default.createElement(t.Path,{x:3,y:3,data:"M8.23708 4.13458L2.96958 9.40083L0 10L0.599167 7.03L5.86625 1.76333L8.23708 4.13458ZM8.82625 3.54542L10 2.37042L7.62875 0L6.45542 1.17375L8.82625 3.54542Z",fill:"white",width:16,height:16}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,i=require("react-konva");exports.EditIcon=function(e){var t=e.onClick,a=e.x,c=e.y;return r.createElement(i.Group,{onClick:t,width:16,height:16,x:a+14,y:c-8},r.createElement(i.Rect,{x:0,y:0,width:16,height:16,fill:"#0E8CE2",cornerRadius:2,strokeWidth:2}),r.createElement(i.Path,{x:3,y:3,data:"M8.23708 4.13458L2.96958 9.40083L0 10L0.599167 7.03L5.86625 1.76333L8.23708 4.13458ZM8.82625 3.54542L10 2.37042L7.62875 0L6.45542 1.17375L8.82625 3.54542Z",fill:"white",width:16,height:16}))};

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

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import { KonvaNodeEvents } from "react-konva";
 import Konva from "konva";
 type PointIconProps = KonvaNodeEvents & Konva.ShapeConfig & {
@@ -10,6 +10,6 @@ type PointIconProps = KonvaNodeEvents & Konva.ShapeConfig & {
     editMode?: boolean;
     hasProduct?: boolean;
 };
-export declare const PointIcon: ({ x, y, isActive, pointNumber, onDelete, editMode, hasProduct, }: PointIconProps) => React.JSX.Element;
+export declare const PointIcon: ({ x, y, isActive, pointNumber, onDelete, editMode, hasProduct, }: PointIconProps) => JSX.Element;
 export {};
 //# sourceMappingURL=PointIcon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PointIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/events/event-venue-map/components/MapPoint/components/PointIcon/PointIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,eAAe,EAAe,MAAM,aAAa,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAqB1B,KAAK,cAAc,GAAG,eAAe,GACnC,KAAK,CAAC,WAAW,GAAG;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEJ,eAAO,MAAM,SAAS,qEAQnB,cAAc,sBAmEhB,CAAC"}
+{"version":3,"file":"PointIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/events/event-venue-map/components/MapPoint/components/PointIcon/PointIcon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAQ,eAAe,EAAe,MAAM,aAAa,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAqB1B,KAAK,cAAc,GAAG,eAAe,GACnC,KAAK,CAAC,WAAW,GAAG;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEJ,eAAO,MAAM,SAAS,qEAQnB,cAAc,gBAmEhB,CAAC"}

package/dist/events/event-venue-map/components/MapPoint/components/PointIcon/PointIcon.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),r=require("react-konva");require("../DeleteIcon/index.js"),require("../EditIcon/index.js");var i=require("../DeleteIcon/DeleteIcon.js"),n=require("../EditIcon/EditIcon.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(t),a="#FFFFFF",u="#0E8CE2",c="#D9EFFF",d="#878787";exports.PointIcon=function(t){var l=t.x,f=t.y,s=t.isActive,v=t.pointNumber,x=t.onDelete,E=t.editMode,F=void 0!==E&&E,I=t.hasProduct,y=void 0!==I&&I,h=-14,q=-40;return o.default.createElement(r.Group,{x:l,y:f},o.default.createElement(r.Path,e.__assign({x:h,y:q,data:"M13.3333 0C6.33667 0 0 5.67167 0 12.67C0 19.6667 5.78167 28.02 13.3333 40C20.885 28.02 26.6667 19.6667 26.6667 12.67C26.6667 5.67167 20.3317 0 13.3333 0Z",width:28,height:40},function(){if(F)return{fill:s?c:u,stroke:u};var e=y?u:d,t=y?u:d;return s&&(e=y?c:a,t=y?t:d),{fill:e,stroke:t}}())),s&&(F?o.default.createElement(i.DeleteIcon,{onClick:x,x:h,y:q}):o.default.createElement(n.EditIcon,{x:h,y:q})),o.default.createElement(r.Text,e.__assign({x:h,y:-30,text:String(v),strokeWidth:2,width:26,align:"center",verticalAlign:"center"},function(){if(F)return{fill:s?u:a};var e=a;return s&&(e=y?u:d),{fill:e}}())))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),i=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,n=require("react-konva"),o=require("../DeleteIcon/DeleteIcon.js"),c=require("../EditIcon/EditIcon.js"),l="#FFFFFF",a="#0E8CE2",u="#D9EFFF",s="#878787";exports.PointIcon=function(e){var r=e.x,d=e.y,f=e.isActive,E=e.pointNumber,v=e.onDelete,x=e.editMode,F=void 0!==x&&x,y=e.hasProduct,h=void 0!==y&&y,I=-14,g=-40;return i.createElement(n.Group,{x:r,y:d},i.createElement(n.Path,t.__assign({x:I,y:g,data:"M13.3333 0C6.33667 0 0 5.67167 0 12.67C0 19.6667 5.78167 28.02 13.3333 40C20.885 28.02 26.6667 19.6667 26.6667 12.67C26.6667 5.67167 20.3317 0 13.3333 0Z",width:28,height:40},function(){if(F)return{fill:f?u:a,stroke:a};var e=h?a:s,t=h?a:s;return f&&(e=h?u:l,t=h?t:s),{fill:e,stroke:t}}())),f&&(F?i.createElement(o.DeleteIcon,{onClick:v,x:I,y:g}):i.createElement(c.EditIcon,{x:I,y:g})),i.createElement(n.Text,t.__assign({x:I,y:-30,text:String(E),strokeWidth:2,width:26,align:"center",verticalAlign:"center"},function(){if(F)return{fill:f?a:l};var e=l;return f&&(e=h?a:s),{fill:e}}())))};

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

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import { KonvaNodeEvents } from "react-konva";
 import Konva from "konva";
 export type ProductIconProps = KonvaNodeEvents & Konva.ShapeConfig & {
@@ -9,5 +9,5 @@ export type ProductIconProps = KonvaNodeEvents & Konva.ShapeConfig & {
     isErrorOnChoosedProduct: boolean;
     isProductChoosed: boolean;
 };
-export declare const ProductIcon: ({ x, y, isActive, isSoldOut, isErrorOnChoosedProduct, isProductChoosed, }: ProductIconProps) => React.JSX.Element;
+export declare const ProductIcon: ({ x, y, isActive, isSoldOut, isErrorOnChoosedProduct, isProductChoosed, }: ProductIconProps) => JSX.Element;
 //# sourceMappingURL=ProductIcon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProductIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/events/event-venue-map/components/MapPoint/components/ProductIcon/ProductIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAQ,eAAe,EAAiB,MAAM,aAAa,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AA0B1B,MAAM,MAAM,gBAAgB,GAAG,eAAe,GAC5C,KAAK,CAAC,WAAW,GAAG;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uBAAuB,EAAE,OAAO,CAAC;IACjC,gBAAgB,EAAE,OAAO,CAAC;CAC3B,CAAC;AAkBJ,eAAO,MAAM,WAAW,8EAOrB,gBAAgB,sBAwGlB,CAAC"}
+{"version":3,"file":"ProductIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/events/event-venue-map/components/MapPoint/components/ProductIcon/ProductIcon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAQ,eAAe,EAAiB,MAAM,aAAa,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AA0B1B,MAAM,MAAM,gBAAgB,GAAG,eAAe,GAC5C,KAAK,CAAC,WAAW,GAAG;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uBAAuB,EAAE,OAAO,CAAC;IACjC,gBAAgB,EAAE,OAAO,CAAC;CAC3B,CAAC;AAkBJ,eAAO,MAAM,WAAW,8EAOrB,gBAAgB,gBAwGlB,CAAC"}

package/dist/events/event-venue-map/components/MapPoint/components/ProductIcon/ProductIcon.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("tslib"),t=require("react"),e=require("react-konva");require("../ProductTooltip/index.js");var r=require("../ProductTooltip/ProductTooltip.js");function n(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var i=n(t),a="#FFFFFF",c="#FFFFFF80",l="#0E8CE2",u="#878787",d=function(o,t){void 0===t&&(t=!1);var e=document.getElementById("snippet-template-context");if(e){var r=getComputedStyle(e).getPropertyValue(o);return!r||r&&!t?r:"".concat(r,"80")}};exports.ProductIcon=function(n){var s,p,v=n.x,f=n.y,C=n.isActive,P=n.isSoldOut,F=n.isErrorOnChoosedProduct,k=n.isProductChoosed,g=-28,h=o.__read(t.useState(!1),2),x=h[0],y=h[1],m=t.useMemo((function(){return{pointBackgroundColor:d("--snippet-canvas-point-background-color")||a,pointBorderColor:d("--snippet-canvas-point-border-color",!0)||c,pointFontColor:d("--snippet-canvas-point-font-color")||l,activePointBackgroundColor:d("--snippet-canvas-active-point-background-color")||l,activePointBorderColor:d("--snippet-canvas-active-point-border-color",!0)||c,activePointFontColor:d("--snippet-canvas-active-point-font-color")||a}}),[C,F,k]);return i.default.createElement(e.Group,{x:v,y:f,onMouseEnter:function(){return y(!0)},onMouseLeave:function(){return y(!1)}},i.default.createElement(e.Circle,o.__assign({radius:14,strokeWidth:2,x:0,y:-21},(s=m.pointBackgroundColor,p=m.pointBorderColor,C&&(p=m.activePointBorderColor),k&&(s=m.activePointBackgroundColor),F&&(p="#ff000080"),P&&(p=u,s=u),{fill:s,stroke:p}))),x&&P&&i.default.createElement(r.ProductTooltip,{x:-7,y:g,text:"Sold out"}),k?i.default.createElement(e.Path,{x:-7,y:g,data:"M1.5 6L5.5 10L13.5 2",width:28,height:28,fill:m.activePointBackgroundColor,stroke:m.activePointFontColor,strokeWidth:3}):i.default.createElement(e.Path,{x:-7,y:g,data:"M14 0C9.3569 0.6633 4.6431 0.6633 0 0L6 7V13H3V14H11V13H8V7L14 0Z",width:28,height:28,strokeWidth:1,fill:m.pointFontColor,stroke:m.pointFontColor}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o,t=require("tslib"),e=require("react"),r=(o=e)&&"object"==typeof o&&"default"in o?o.default:o,n=require("react-konva"),i=require("../ProductTooltip/ProductTooltip.js"),a="#FFFFFF",c="#FFFFFF80",l="#0E8CE2",u="#878787",d=function(o,t){void 0===t&&(t=!1);var e=document.getElementById("snippet-template-context");if(e){var r=getComputedStyle(e).getPropertyValue(o);return!r||r&&!t?r:"".concat(r,"80")}};exports.ProductIcon=function(o){var s,p,v=o.x,C=o.y,f=o.isActive,F=o.isSoldOut,P=o.isErrorOnChoosedProduct,k=o.isProductChoosed,g=-28,h=t.__read(e.useState(!1),2),y=h[0],m=h[1],x=e.useMemo((function(){return{pointBackgroundColor:d("--snippet-canvas-point-background-color")||a,pointBorderColor:d("--snippet-canvas-point-border-color",!0)||c,pointFontColor:d("--snippet-canvas-point-font-color")||l,activePointBackgroundColor:d("--snippet-canvas-active-point-background-color")||l,activePointBorderColor:d("--snippet-canvas-active-point-border-color",!0)||c,activePointFontColor:d("--snippet-canvas-active-point-font-color")||a}}),[f,P,k]);return r.createElement(n.Group,{x:v,y:C,onMouseEnter:function(){return m(!0)},onMouseLeave:function(){return m(!1)}},r.createElement(n.Circle,t.__assign({radius:14,strokeWidth:2,x:0,y:-21},(s=x.pointBackgroundColor,p=x.pointBorderColor,f&&(p=x.activePointBorderColor),k&&(s=x.activePointBackgroundColor),P&&(p="#ff000080"),F&&(p=u,s=u),{fill:s,stroke:p}))),y&&F&&r.createElement(i.ProductTooltip,{x:-7,y:g,text:"Sold out"}),k?r.createElement(n.Path,{x:-7,y:g,data:"M1.5 6L5.5 10L13.5 2",width:28,height:28,fill:x.activePointBackgroundColor,stroke:x.activePointFontColor,strokeWidth:3}):r.createElement(n.Path,{x:-7,y:g,data:"M14 0C9.3569 0.6633 4.6431 0.6633 0 0L6 7V13H3V14H11V13H8V7L14 0Z",width:28,height:28,strokeWidth:1,fill:x.pointFontColor,stroke:x.pointFontColor}))};

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

@@ -1,9 +1,9 @@
-import React from "react";
+/// <reference types="react" />
 type ProductTooltipProps = {
     x: number;
     y: number;
     text: string;
 };
-export declare const ProductTooltip: ({ x, y, text }: ProductTooltipProps) => React.JSX.Element;
+export declare const ProductTooltip: ({ x, y, text }: ProductTooltipProps) => JSX.Element;
 export {};
 //# sourceMappingURL=ProductTooltip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProductTooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/events/event-venue-map/components/MapPoint/components/ProductTooltip/ProductTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,KAAK,mBAAmB,GAAG;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,cAAc,mBAAoB,mBAAmB,sBA2CjE,CAAC"}
+{"version":3,"file":"ProductTooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/events/event-venue-map/components/MapPoint/components/ProductTooltip/ProductTooltip.tsx"],"names":[],"mappings":";AAkBA,KAAK,mBAAmB,GAAG;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,cAAc,mBAAoB,mBAAmB,gBA2CjE,CAAC"}

package/dist/events/event-venue-map/components/MapPoint/components/ProductTooltip/ProductTooltip.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-konva");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e),l="#000";exports.ProductTooltip=function(e){var r=e.x,o=e.y,a=e.text;return i.default.createElement(t.Group,{width:60,height:20,x:r+30,y:o-1},i.default.createElement(t.Rect,{x:-5,y:5,sceneFunc:function(e){e.beginPath(),e.moveTo(0,5),e.lineTo(5,0),e.lineTo(5,10),e.closePath(),e.fill()},fill:l,borderColor:l,opacity:.8}),i.default.createElement(t.Rect,{x:0,y:0,width:60,height:20,fill:l,cornerRadius:5,opacity:.8}),i.default.createElement(t.Text,{y:4,text:a,strokeWidth:5,width:60,align:"center",verticalAlign:"middle",fill:"#FFF"}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,i=require("react-konva"),l="#000";exports.ProductTooltip=function(e){var t=e.x,o=e.y,c=e.text;return r.createElement(i.Group,{width:60,height:20,x:t+30,y:o-1},r.createElement(i.Rect,{x:-5,y:5,sceneFunc:function(e){e.beginPath(),e.moveTo(0,5),e.lineTo(5,0),e.lineTo(5,10),e.closePath(),e.fill()},fill:l,borderColor:l,opacity:.8}),r.createElement(i.Rect,{x:0,y:0,width:60,height:20,fill:l,cornerRadius:5,opacity:.8}),r.createElement(i.Text,{y:4,text:c,strokeWidth:5,width:60,align:"center",verticalAlign:"middle",fill:"#FFF"}))};

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

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import { CanvasRefs } from "../../types";
-export declare const Scrollbars: ({ stageRef, imageRef, layerRef }: CanvasRefs) => React.JSX.Element;
+export declare const Scrollbars: ({ stageRef, imageRef, layerRef }: CanvasRefs) => JSX.Element;
 //# sourceMappingURL=Scrollbars.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Scrollbars.d.ts","sourceRoot":"","sources":["../../../../../src/events/event-venue-map/components/Scrollbars/Scrollbars.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAQ1C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAIzC,eAAO,MAAM,UAAU,qCAAsC,UAAU,sBAkHtE,CAAC"}
+{"version":3,"file":"Scrollbars.d.ts","sourceRoot":"","sources":["../../../../../src/events/event-venue-map/components/Scrollbars/Scrollbars.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAIzC,eAAO,MAAM,UAAU,qCAAsC,UAAU,gBAkHtE,CAAC"}

package/dist/events/event-venue-map/components/Scrollbars/Scrollbars.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@licklist/plugins/dist/context/event/EventVenueMapContext"),r=require("@licklist/plugins/dist/hooks/Media/useWindowDimensions"),a=require("../../utils/index.js"),l=require("../../hooks/useDrag.js"),i=require("../../../../iframe/order-process/components/BookingSummary/types/index.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(e);exports.Scrollbars=function(o){var s=o.stageRef,u=o.imageRef,c=o.layerRef,h=r.useWindowDimensions().width,d=e.useContext(t.EventVenueMapContext).stage,f=l.useDrag({stageRef:s,imageRef:u,layerRef:c}),m=f.onDragX,g=f.onDragY,p=i.MOBILE_WIDTH<=h;return n.default.createElement("div",{className:"canvas-scrollbars"},n.default.createElement("div",{className:"scrollbar-wrapper scrollbar-wrapper-horizontal"},p&&n.default.createElement("div",{className:"scroll-element horizontal-scroll",onPointerDown:m,style:function(){if(!s||!u||!c)return{width:0,left:0};var e=d.x,t=d.y,r=s.attrs,l=r.width,i=r.height,o=a.getElementParameters({x:e,y:t,width:l,height:i,layer:c}),n=o.totalLayerWidth,h=o.maxXOverflowNumber;if(Math.round(n)<=Math.round(l)||2*h>=n)return{width:0,left:0};var f=a.calculateHorizontalScrollParameters({x:e,width:l,totalLayerWidth:n});return{width:f.width,left:f.left}}()})),n.default.createElement("div",{className:"scrollbar-wrapper scrollbar-wrapper-vertical"},p&&n.default.createElement("div",{className:"scroll-element vertical-scroll",onPointerDown:g,style:function(){if(!s||!u||!c)return{height:0,top:0};var e=d.x,t=d.y,r=s.attrs,l=r.width,i=r.height,o=a.getElementParameters({x:e,y:t,width:l,height:i,layer:c}),n=o.totalLayerHeight,h=o.maxYOverflowNumber;if(Math.round(n)<=Math.round(i)||2*h>=n)return{height:0,top:0};var f=a.calculateVerticalScrollParameters({y:t,height:i,totalLayerHeight:n});return{height:f.height,top:f.top}}()})))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,a=require("@licklist/plugins/dist/hooks/Media/useWindowDimensions"),l=require("@licklist/plugins/dist/context/event/EventVenueMapContext"),i=require("../../utils/index.js"),o=require("../../hooks/useDrag.js"),s=require("../../../../iframe/order-process/components/BookingSummary/types/index.js");exports.Scrollbars=function(e){var n=e.stageRef,c=e.imageRef,h=e.layerRef,u=a.useWindowDimensions().width,d=t.useContext(l.EventVenueMapContext).stage,m=o.useDrag({stageRef:n,imageRef:c,layerRef:h}),g=m.onDragX,f=m.onDragY,p=s.MOBILE_WIDTH<=u;return r.createElement("div",{className:"canvas-scrollbars"},r.createElement("div",{className:"scrollbar-wrapper scrollbar-wrapper-horizontal"},p&&r.createElement("div",{className:"scroll-element horizontal-scroll",onPointerDown:g,style:function(){if(!n||!c||!h)return{width:0,left:0};var e=d.x,t=d.y,r=n.attrs,a=r.width,l=r.height,o=i.getElementParameters({x:e,y:t,width:a,height:l,layer:h}),s=o.totalLayerWidth,u=o.maxXOverflowNumber;if(Math.round(s)<=Math.round(a)||2*u>=s)return{width:0,left:0};var m=i.calculateHorizontalScrollParameters({x:e,width:a,totalLayerWidth:s});return{width:m.width,left:m.left}}()})),r.createElement("div",{className:"scrollbar-wrapper scrollbar-wrapper-vertical"},p&&r.createElement("div",{className:"scroll-element vertical-scroll",onPointerDown:f,style:function(){if(!n||!c||!h)return{height:0,top:0};var e=d.x,t=d.y,r=n.attrs,a=r.width,l=r.height,o=i.getElementParameters({x:e,y:t,width:a,height:l,layer:h}),s=o.totalLayerHeight,u=o.maxYOverflowNumber;if(Math.round(s)<=Math.round(l)||2*u>=s)return{height:0,top:0};var m=i.calculateVerticalScrollParameters({y:t,height:l,totalLayerHeight:s});return{height:m.height,top:m.top}}()})))};

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { EventVenueMapContextProps } from "@licklist/plugins/dist/context/event/EventVenueMapContext";
-import { ProductQuantityCheckResponse } from "@licklist/plugins/dist/types/Api/verifyStock";
+import { QuantityCheckProductInfo } from "@licklist/plugins/dist/types/Api/verifyStock";
 export type VenueMapRef = Pick<EventVenueMapContextProps, "activeElementKey" | "setActiveElementKey">;
 export type VenueMapProps = {
     url: string;
@@ -11,7 +11,7 @@ export type VenueMapProps = {
     usedInIframe?: boolean;
     choosedProductUuids?: string[];
     errorOnChoosedProductUuids?: string[];
-    soldOutProducts?: ProductQuantityCheckResponse["products"];
+    soldOutProducts?: QuantityCheckProductInfo[];
 };
 export declare const VenueMap: React.ForwardRefExoticComponent<VenueMapProps & React.RefAttributes<VenueMapRef>>;
 //# sourceMappingURL=VenueMap.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"VenueMap.d.ts","sourceRoot":"","sources":["../../../../../src/events/event-venue-map/components/VenueMap/VenueMap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAGf,OAAO,EAEL,yBAAyB,EAC1B,MAAM,2DAA2D,CAAC;AACnE,OAAO,EAAE,4BAA4B,EAAE,MAAM,8CAA8C,CAAC;AAQ5F,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,yBAAyB,EACzB,kBAAkB,GAAG,qBAAqB,CAC3C,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,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;IACtC,eAAe,CAAC,EAAE,4BAA4B,CAAC,UAAU,CAAC,CAAC;CAC5D,CAAC;AAEF,eAAO,MAAM,QAAQ,mFAiKpB,CAAC"}
+{"version":3,"file":"VenueMap.d.ts","sourceRoot":"","sources":["../../../../../src/events/event-venue-map/components/VenueMap/VenueMap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAGf,OAAO,EAEL,yBAAyB,EAC1B,MAAM,2DAA2D,CAAC;AACnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AAQxF,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,yBAAyB,EACzB,kBAAkB,GAAG,qBAAqB,CAC3C,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,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;IACtC,eAAe,CAAC,EAAE,wBAAwB,EAAE,CAAC;CAC9C,CAAC;AAEF,eAAO,MAAM,QAAQ,mFAiKpB,CAAC"}

package/dist/events/event-venue-map/components/VenueMap/VenueMap.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),r=require("react-konva"),n=require("@licklist/plugins/dist/context/event/EventVenueMapContext"),u=require("../../hooks/useImage.js"),a=require("../../hooks/useStageActions.js");require("../MapPoint/index.js"),require("../Scrollbars/index.js"),require("../ZoomButtons/index.js"),require("../Dropdown/index.js");var i=require("../ZoomButtons/ZoomButtons.js"),o=require("../Scrollbars/Scrollbars.js"),s=require("../MapPoint/MapPoint.js"),l=require("../Dropdown/Dropdown.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(t),f=t.forwardRef((function(c,f){var m=c.url,g=c.name,p=c.width,v=c.height,h=c.onPointClick,E=c.usedInIframe,y=void 0!==E&&E,x=c.choosedProductUuids,P=void 0===x?[]:x,q=c.errorOnChoosedProductUuids,C=void 0===q?[]:q,S=c.soldOutProducts,j=t.useContext(n.EventVenueMapContext),M=j.mapPoints,R=j.stage,_=R.x,w=R.y,I=R.scale,O=j.setMapPoints,b=j.products,k=j.mapPointProducts,N=j.activeElementKey,V=j.setActiveElementKey,U=t.useRef(null),A=t.useRef(null),B=t.useRef(null),D=e.__read(u.useImage(m,{width:p,height:v}),2),K=D[0],Z=D[1],T=Z.x,W=Z.y,X=Z.scaledWidth,Y=Z.scaledHeight,H=Z.imageScale,z=a.useStageActions({stageRef:A.current,imageRef:B.current,layerRef:U.current,imageScale:H}),L=z.onWheel,F=z.onClick,G=z.changeCursorType;t.useImperativeHandle(f,(function(){return{activeElementKey:N,setActiveElementKey:V}})),t.useEffect((function(){O((function(t){return t.map((function(t,r){return e.__assign(e.__assign({},t),{pointNumber:r+1})}))}))}),[]),t.useEffect((function(){h&&h(N?Number(N):void 0)}),[h,N]);var J=function(e){var t=k.find((function(t){return t.pointId===e}));if(!t)return!1;var r=b.find((function(e){return e.uuid===t.productUuid}));return(null==r?void 0:r.isSoldOut)||r&&!!(null==S?void 0:S.find((function(e){return(null==e?void 0:e.product_id)===(null==r?void 0:r.id)})))||!1};return d.default.createElement("div",{className:"venue-map",style:{width:p,height:v}},d.default.createElement("div",{className:"zone-name"},d.default.createElement("h6",null,g)),d.default.createElement(i.ZoomButtons,{stageRef:A.current,imageRef:B.current}),d.default.createElement(o.Scrollbars,{stageRef:A.current,imageRef:B.current,layerRef:U.current}),d.default.createElement(n.EventVenueMapContext.Consumer,null,(function(t){return d.default.createElement(r.Stage,{width:p,height:v,className:"canvas-map",onClick:F,onTap:F,ref:A,x:_,y:w,scale:{x:I,y:I},onWheel:L},d.default.createElement(n.EventVenueMapContext.Provider,{value:t},d.default.createElement(r.Layer,{ref:U},d.default.createElement(r.Image,{image:K,x:T,y:W,width:X,height:Y,ref:B}),M.map((function(t){return d.default.createElement(s.MapPoint,e.__assign({},t,{imageOffsetX:T,imageOffsetY:W,imageScale:H,key:t.id||t.localId,isSoldOut:J(t.id),scale:I,changeCursorType:G,usedInIframe:y,choosedProductUuids:P,errorOnChoosedProductUuids:C}))})))))})),!y&&d.default.createElement(l.Dropdown,{imageOffsetX:T,imageOffsetY:W,imageScale:H,scale:I,stageX:_,stageY:w}))}));f.displayName="VenueMap",exports.VenueMap=f;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),n=require("react"),r=(e=n)&&"object"==typeof e&&"default"in e?e.default:e,a=require("@licklist/plugins/dist/context/event/EventVenueMapContext"),u=require("react-konva"),i=require("../../hooks/useImage.js"),o=require("../../hooks/useStageActions.js"),s=require("../MapPoint/MapPoint.js"),c=require("../Scrollbars/Scrollbars.js"),l=require("../ZoomButtons/ZoomButtons.js"),d=require("../Dropdown/Dropdown.js"),m=n.forwardRef((function(e,m){var f=e.url,g=e.name,p=e.width,v=e.height,h=e.onPointClick,E=e.usedInIframe,y=void 0!==E&&E,P=e.choosedProductUuids,x=void 0===P?[]:P,C=e.errorOnChoosedProductUuids,R=void 0===C?[]:C,S=e.soldOutProducts,_=n.useContext(a.EventVenueMapContext),q=_.mapPoints,I=_.stage,M=I.x,O=I.y,w=I.scale,b=_.setMapPoints,j=_.products,k=_.mapPointProducts,N=_.activeElementKey,U=_.setActiveElementKey,V=n.useRef(null),A=n.useRef(null),K=n.useRef(null),B=t.__read(i.useImage(f,{width:p,height:v}),2),D=B[0],T=B[1],W=T.x,X=T.y,Y=T.scaledWidth,Z=T.scaledHeight,H=T.imageScale,z=o.useStageActions({stageRef:A.current,imageRef:K.current,layerRef:V.current,imageScale:H}),L=z.onWheel,F=z.onClick,G=z.changeCursorType;n.useImperativeHandle(m,(function(){return{activeElementKey:N,setActiveElementKey:U}})),n.useEffect((function(){b((function(e){return e.map((function(e,n){return t.__assign(t.__assign({},e),{pointNumber:n+1})}))}))}),[]),n.useEffect((function(){h&&h(N?Number(N):void 0)}),[h,N]);var J=function(e){var t=k.find((function(t){return t.pointId===e}));if(!t)return!1;var n=j.find((function(e){return e.uuid===t.productUuid}));return(null==n?void 0:n.isSoldOut)||n&&!!(null==S?void 0:S.find((function(e){return(null==e?void 0:e.product_id)===(null==n?void 0:n.id)})))||!1};return r.createElement("div",{className:"venue-map",style:{width:p,height:v}},r.createElement("div",{className:"zone-name"},r.createElement("h6",null,g)),r.createElement(l.ZoomButtons,{stageRef:A.current,imageRef:K.current}),r.createElement(c.Scrollbars,{stageRef:A.current,imageRef:K.current,layerRef:V.current}),r.createElement(a.EventVenueMapContext.Consumer,null,(function(e){return r.createElement(u.Stage,{width:p,height:v,className:"canvas-map",onClick:F,onTap:F,ref:A,x:M,y:O,scale:{x:w,y:w},onWheel:L},r.createElement(a.EventVenueMapContext.Provider,{value:e},r.createElement(u.Layer,{ref:V},r.createElement(u.Image,{image:D,x:W,y:X,width:Y,height:Z,ref:K}),q.map((function(e){return r.createElement(s.MapPoint,t.__assign({},e,{imageOffsetX:W,imageOffsetY:X,imageScale:H,key:e.id||e.localId,isSoldOut:J(e.id),scale:w,changeCursorType:G,usedInIframe:y,choosedProductUuids:x,errorOnChoosedProductUuids:R}))})))))})),!y&&r.createElement(d.Dropdown,{imageOffsetX:W,imageOffsetY:X,imageScale:H,scale:w,stageX:M,stageY:O}))}));exports.VenueMap=m;