@licklist/design 0.44.473 → 0.44.474

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

@@ -1,12 +1,14 @@
 /// <reference types="react" />
 import { Point } from "@licklist/plugins/dist/types/context/event/point";
 import { ImageOffset } from "../../types";
+import { Product } from "../../../../types";
 declare type MapPointProps = Partial<Point> & ImageOffset & {
     changeCursorType: (type?: CSSStyleDeclaration["cursor"]) => void;
     usedInIframe: boolean;
     choosedProductUuids?: string[];
     errorOnChoosedProductUuids?: string[];
+    isSoldOut?: Product["isSoldOut"];
 };
-export declare const MapPoint: ({ xCoordinate: x, yCoordinate: y, id, imageOffsetX, imageOffsetY, imageScale, localId, pointNumber, changeCursorType, usedInIframe, choosedProductUuids, errorOnChoosedProductUuids, }: MapPointProps) => 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":";AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQ1C,aAAK,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;CACvC,CAAC;AAEJ,eAAO,MAAM,QAAQ,2LAalB,aAAa,gBAmHf,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,WAAW,EAAE,MAAM,aAAa,CAAC;AAO1C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,aAAK,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,gBAmHf,CAAC"}

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

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

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;AAQnE,oBAAY,WAAW,GAAG,IAAI,CAC5B,yBAAyB,EACzB,kBAAkB,GAAG,qBAAqB,CAC3C,CAAC;AAEF,oBAAY,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;CACvC,CAAC;AAEF,eAAO,MAAM,QAAQ,mFA2IpB,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;AAQnE,oBAAY,WAAW,GAAG,IAAI,CAC5B,yBAAyB,EACzB,kBAAkB,GAAG,qBAAqB,CAC3C,CAAC;AAEF,oBAAY,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;CACvC,CAAC;AAEF,eAAO,MAAM,QAAQ,mFA2JpB,CAAC"}

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

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

package/dist/iframe/order-process/components/CalendarStepsForm/CalendarStepsForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarStepsForm.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/CalendarStepsForm/CalendarStepsForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AAUf,OAAO,EAAE,IAAI,EAAE,MAAM,uDAAuD,CAAC;AAG7E,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAY7C,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,QAAQ,CAAC;IACf,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAChD,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACrD,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACtD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sBAAsB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB,EAAE,IAAI,CAAC;CAC5B;AAED,oBAAY,YAAY,GAAG;IACzB,aAAa,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,iBAAiB,6FAiS7B,CAAC"}
+{"version":3,"file":"CalendarStepsForm.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/CalendarStepsForm/CalendarStepsForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AAUf,OAAO,EAAE,IAAI,EAAE,MAAM,uDAAuD,CAAC;AAI7E,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAY7C,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,QAAQ,CAAC;IACf,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAChD,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACrD,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACtD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sBAAsB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB,EAAE,IAAI,CAAC;CAC5B;AAED,oBAAY,YAAY,GAAG;IACzB,aAAa,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,iBAAiB,6FAkT7B,CAAC"}

package/dist/iframe/order-process/components/CalendarStepsForm/CalendarStepsForm.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),n=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,o=require("react-i18next"),u=require("react-bootstrap"),i=require("react-hook-form"),s=require("lodash"),a=require("@licklist/plugins/dist/hooks/Value/usePreviousValue"),l=require("@licklist/plugins/dist/utils/ScrollUtils"),c=require("@licklist/plugins/dist/utils/FormValues"),d=require("../../../event/event-calendar/components/CalendarSelect/CalendarSelect.js"),f=require("../../../event/event-venue-map/IframeEventVenueMap.js"),m=require("../../constants.js"),p=require("./components/ErrorModal.js"),v=require("../utils/category.js"),g=require("./components/Category.js"),E=require("../../../page/components/PageBody/PageBody.js"),y=r.forwardRef((function(e,y){var S=e.step,C=e.isLastMenuStep,_=e.setFormValues,h=e.defaultValues,M=e.onSubmit,P=e.setFormErrors,q=e.id,V=void 0===q?m.STEP_FORM_ID:q,F=e.activeVenueMapId,b=e.title,k=e.menuStepWithVenueMap,j=e.onActiveVenueMapChange,I=i.useForm({defaultValues:h}),B=r.useRef(null),O=v.useCategory().verifyCategoryItems,A=I.control,T=I.formState.errors,x=I.formState,K=I.getValues,L=I.reset,N=I.setError,R=I.clearErrors,U=i.useWatch({control:A}),D=a.usePreviousValue(T),W=o.useTranslation("Design").t,w=t.__read(r.useState(""),2),H=w[0],z=w[1],G=t.__read(r.useState(F),2),J=G[0],Q=G[1],X=t.__read(r.useState(void 0),2),Y=X[0],Z=X[1];r.useImperativeHandle(y,(function(){return{getFormValues:function(){return K()}}}));var $=function(){var e;null===(e=B.current)||void 0===e||e.setActiveElementKey(void 0)},ee=r.useMemo((function(){var e;return null===(e=null==k?void 0:k.venueMapSet)||void 0===e?void 0:e.venueMaps}),[k]),te=r.useMemo((function(){return ee&&k?ee.find((function(e){return String(e.id)===String(J)})):null}),[ee,J,k]),re=r.useMemo((function(){if(!ee||!ee.length||!k)return[];var e=k.pointProducts.map((function(e){return e.pointId}));return ee.filter((function(t){var r=t.points;return r.length&&r.some((function(t){var r=t.id;return e.includes(r)}))})).map((function(e){return{label:e.name,value:e.id}}))}),[ee,k]),ne=r.useMemo((function(){return te?te.points.filter((function(e){return Boolean(k.pointProducts.find((function(t){return t.pointId===e.id})))})):[]}),[k,te]),oe=r.useCallback((function(e){var r;return S&&(null===(r=null==S?void 0:S.productCategories)||void 0===r?void 0:r.length)?null==S?void 0:S.productCategories.reduce((function(r,n){var o=n.products.filter((function(t){return e.includes(String(t.id))}));return o.length?t.__spreadArray(t.__spreadArray([],t.__read(r),!1),t.__read(o.map((function(e){return e.uuid}))),!1):r}),[]):[]}),[S]),ue=r.useCallback((function(e){Q(e),j&&j(e)}),[j]),ie=r.useMemo((function(){return oe(Object.keys(U).filter((function(e){var t,r;return Boolean(null===(t=U[e])||void 0===t?void 0:t.id)&&(null===(r=U[e])||void 0===r?void 0:r.quantity)>=1})).map((function(e){return String(e)})))}),[U,oe,T]),se=r.useMemo((function(){return Object.keys(T).length?oe(Object.keys(T).map((function(e){return String(e)}))):[]}),[T,oe,x]);return r.useEffect((function(){ee.length&&!J&&Q(String(ee[0].id))}),[ee,J]),r.useEffect((function(){_(U),T&&setTimeout(R,0)}),[U]),r.useEffect((function(){c.isFormValuesEmpty(U)||z("")}),[U]),r.useEffect((function(){L(h)}),[h]),r.useEffect((function(){!s.isEqual(T,D)&&P&&P(T)}),[T,D,P]),r.useEffect((function(){J!==F&&Q(F)}),[F,J]),r.useEffect((function(){Z(void 0),$()}),[J,Z]),n.createElement(n.Fragment,null,n.createElement(E.PageBody.LeftBlock,{title:b,component:re.length>1&&n.createElement(d.CalendarSelect,{value:F,onChange:ue,options:re}),childrenClassName:"bordered"},n.createElement(p.ErrorModal,{isOpen:Boolean(H),messageKey:H,onClose:function(){return z("")}}),n.createElement(u.Form,{onSubmit:I.handleSubmit((function(e){if(C&&c.isFormValuesEmpty(e))z(W("pleaseSelectAtLeastFrom",{min:1,type:"item",from:"those categories"}));else{var t=O(e,S);if(t)return z(t.message),void N("category_".concat(t.id),{message:t.message});M(e)}}),(function(e){l.scrollToError(c.getFirstErrorKey(e)),z(W("pleaseCheckSelectedProducts"))})),id:V,className:"category-steps-form"},n.createElement(i.FormProvider,t.__assign({},I),n.createElement("div",{className:"position-relative"},te&&n.createElement(n.Fragment,null,n.createElement(f.IframeEventVenueMap,{url:te.image.url,usedInIframe:!0,onPointClick:Z,points:ne,pointProducts:k.pointProducts,ref:B,choosedProductUuids:ie,errorOnChoosedProductUuids:se}),n.createElement(g.Category,{productCategories:null==S?void 0:S.productCategories,activePointId:Y,pointProducts:k.pointProducts,onCloseModal:$})))))))}));exports.CalendarStepsForm=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),n=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,o=require("react-i18next"),u=require("react-bootstrap"),i=require("react-hook-form"),a=require("lodash"),s=require("@licklist/plugins/dist/hooks/Value/usePreviousValue"),l=require("@licklist/plugins/dist/utils/ScrollUtils"),c=require("@licklist/plugins/dist/utils/FormValues"),d=require("../../../event/event-calendar/components/CalendarSelect/CalendarSelect.js"),f=require("../../../event/event-venue-map/IframeEventVenueMap.js"),m=require("../../constants.js"),p=require("./components/ErrorModal.js"),v=require("../utils/category.js"),g=require("./components/Category.js"),E=require("../../../page/components/PageBody/PageBody.js"),_=r.forwardRef((function(e,_){var y=e.step,S=e.isLastMenuStep,C=e.setFormValues,h=e.defaultValues,M=e.onSubmit,P=e.setFormErrors,q=e.id,V=void 0===q?m.STEP_FORM_ID:q,F=e.activeVenueMapId,b=e.title,k=e.menuStepWithVenueMap,j=e.onActiveVenueMapChange,I=i.useForm({defaultValues:h}),A=r.useRef(null),B=v.useCategory().verifyCategoryItems,O=I.control,T=I.formState.errors,x=I.formState,K=I.getValues,L=I.reset,N=I.setError,R=I.clearErrors,U=i.useWatch({control:O}),D=s.usePreviousValue(T),W=o.useTranslation("Design").t,w=t.__read(r.useState(""),2),H=w[0],z=w[1],G=t.__read(r.useState(F),2),J=G[0],Q=G[1],X=t.__read(r.useState(void 0),2),Y=X[0],Z=X[1],$=t.__read(r.useState([]),2),ee=$[0],te=$[1];r.useImperativeHandle(_,(function(){return{getFormValues:function(){return K()}}}));var re=function(){var e;null===(e=A.current)||void 0===e||e.setActiveElementKey(void 0)},ne=r.useMemo((function(){var e;return null===(e=null==k?void 0:k.venueMapSet)||void 0===e?void 0:e.venueMaps}),[k]),oe=r.useMemo((function(){return ne&&k?ne.find((function(e){return String(e.id)===String(J)})):null}),[ne,J,k]),ue=r.useMemo((function(){if(!ne||!ne.length||!k)return[];var e=k.pointProducts.map((function(e){return e.pointId}));return ne.filter((function(t){var r=t.points;return r.length&&r.some((function(t){var r=t.id;return e.includes(r)}))})).map((function(e){return{label:e.name,value:e.id}}))}),[ne,k]),ie=r.useMemo((function(){return oe?oe.points.filter((function(e){return Boolean(k.pointProducts.find((function(t){return t.pointId===e.id})))})):[]}),[k,oe]),ae=r.useCallback((function(e){var r;return y&&(null===(r=null==y?void 0:y.productCategories)||void 0===r?void 0:r.length)?null==y?void 0:y.productCategories.reduce((function(r,n){var o=n.products.filter((function(t){return e.includes(String(t.id))}));return o.length?t.__spreadArray(t.__spreadArray([],t.__read(r),!1),t.__read(o.map((function(e){return e.uuid}))),!1):r}),[]):[]}),[y]),se=r.useCallback((function(e){Q(e),j&&j(e)}),[j]),le=r.useMemo((function(){return ae(Object.keys(U).filter((function(e){var t,r;return Boolean(null===(t=U[e])||void 0===t?void 0:t.id)&&(null===(r=U[e])||void 0===r?void 0:r.quantity)>=1})).map((function(e){return String(e)})))}),[U,ae,T]),ce=r.useMemo((function(){return Object.keys(T).length?ae(Object.keys(T).map((function(e){return String(e)}))):[]}),[T,ae,x]);return r.useEffect((function(){te(y.productCategories&&y.productCategories.length?y.productCategories.reduce((function(e,r){return t.__spreadArray(t.__spreadArray([],t.__read(e),!1),t.__read(r.products||[]),!1)}),[]):[])}),[y]),r.useEffect((function(){ne.length&&!J&&Q(String(ne[0].id))}),[ne,J]),r.useEffect((function(){C(U),T&&setTimeout(R,0)}),[U]),r.useEffect((function(){c.isFormValuesEmpty(U)||z("")}),[U]),r.useEffect((function(){L(h)}),[h]),r.useEffect((function(){!a.isEqual(T,D)&&P&&P(T)}),[T,D,P]),r.useEffect((function(){J!==F&&Q(F)}),[F,J]),r.useEffect((function(){Z(void 0),re()}),[J,Z]),n.createElement(n.Fragment,null,n.createElement(E.PageBody.LeftBlock,{title:b,component:ue.length>1&&n.createElement(d.CalendarSelect,{value:F,onChange:se,options:ue}),childrenClassName:"bordered"},n.createElement(p.ErrorModal,{isOpen:Boolean(H),messageKey:H,onClose:function(){return z("")}}),n.createElement(u.Form,{onSubmit:I.handleSubmit((function(e){if(S&&c.isFormValuesEmpty(e))z(W("pleaseSelectAtLeastFrom",{min:1,type:"item",from:"those categories"}));else{var t=B(e,y);if(t)return z(t.message),void N("category_".concat(t.id),{message:t.message});M(e)}}),(function(e){l.scrollToError(c.getFirstErrorKey(e)),z(W("pleaseCheckSelectedProducts"))})),id:V,className:"category-steps-form"},n.createElement(i.FormProvider,t.__assign({},I),n.createElement("div",{className:"position-relative"},oe&&n.createElement(n.Fragment,null,n.createElement(f.IframeEventVenueMap,{url:oe.image.url,usedInIframe:!0,onPointClick:Z,products:ee,points:ie,pointProducts:k.pointProducts,ref:A,choosedProductUuids:le,errorOnChoosedProductUuids:ce}),n.createElement(g.Category,{productCategories:null==y?void 0:y.productCategories,activePointId:Y,pointProducts:k.pointProducts,onCloseModal:re})))))))}));exports.CalendarStepsForm=_;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.44.473",
+  "version": "0.44.474",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"

package/src/events/event-venue-map/components/MapPoint/MapPoint.tsx

@@ -10,6 +10,7 @@ import {
   calculatePointsCoordinates,
 } from "../../utils";
 import { ProductIcon } from "./components/ProductIcon";
+import { Product } from "../../../../types";
 
 type MapPointProps = Partial<Point> &
   ImageOffset & {
@@ -17,6 +18,7 @@ type MapPointProps = Partial<Point> &
     usedInIframe: boolean;
     choosedProductUuids?: string[];
     errorOnChoosedProductUuids?: string[];
+    isSoldOut?: Product["isSoldOut"];
   };
 
 export const MapPoint = ({
@@ -32,6 +34,7 @@ export const MapPoint = ({
   usedInIframe,
   choosedProductUuids = [],
   errorOnChoosedProductUuids = [],
+  isSoldOut,
 }: MapPointProps) => {
   const {
     setActiveElementKey,
@@ -95,7 +98,7 @@ export const MapPoint = ({
     // eslint-disable-next-line no-param-reassign
     event.cancelBubble = true;
 
-    if (isActive) return;
+    if (isActive || isSoldOut) return;
 
     setActiveElementKey(pointKey);
 

package/src/events/event-venue-map/components/VenueMap/VenueMap.tsx

@@ -52,6 +52,8 @@ export const VenueMap = forwardRef<VenueMapRef, VenueMapProps>(
       mapPoints,
       stage: { x: stageX, y: stageY, scale },
       setMapPoints,
+      products,
+      mapPointProducts,
       activeElementKey,
       setActiveElementKey,
     } = useContext(EventVenueMapContext);
@@ -104,6 +106,19 @@ export const VenueMap = forwardRef<VenueMapRef, VenueMapProps>(
       // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [onPointClick, activeElementKey]);
 
+    const isProductSoldOut = (pointId: number): boolean => {
+      const currentProduct = mapPointProducts.find(
+        (point) => point.pointId === pointId
+      );
+
+      if (!currentProduct) return false;
+
+      return (
+        products.find((product) => product.uuid === currentProduct.productUuid)
+          ?.isSoldOut || false
+      );
+    };
+
     return (
       <div className="venue-map" style={{ width, height }}>
         <div className="zone-name">
@@ -147,6 +162,7 @@ export const VenueMap = forwardRef<VenueMapRef, VenueMapProps>(
                         imageOffsetY={imageOffsetY}
                         imageScale={imageScale}
                         key={point.id || point.localId}
+                        isSoldOut={isProductSoldOut(point.id)}
                         scale={scale}
                         changeCursorType={changeCursorType}
                         usedInIframe={usedInIframe}

package/src/iframe/event/event-venue-map/IframeEventVenueMap.stories.tsx

@@ -94,6 +94,35 @@ const MENU_STEPS = [
             productCategory: null,
             uuid: "beb6393c-2fdd-40f7-bb92-8800685b203a",
           },
+          {
+            id: 150,
+            productCategoryId: 5345,
+            productGroupId: null,
+            availableQuantity: 54,
+            zoneId: null,
+            name: "Candy",
+            description: "",
+            price: 13,
+            deposit: 0,
+            minQuantity: 1,
+            maxQuantity: 15,
+            totalQuantity: 54,
+            type: "sale",
+            capacity: 0,
+            duration: 30,
+            weight: 0,
+            isAvailable: true,
+            isSoldOut: true,
+            isRequired: false,
+            isUnlimited: false,
+            quantitySelector: 1,
+            hasSpecialNotes: false,
+            termsAndConditions: null,
+            subProducts: [],
+            images: null,
+            productCategory: null,
+            uuid: "beb6393c-2fdd-40f7-bb92-8800685b203b",
+          },
         ],
       },
     ],
@@ -169,6 +198,15 @@ const MENU_STEPS = [
               xCoordinate: 1980.65,
               yCoordinate: 288.7,
             },
+            {
+              id: 219,
+              venueMapId: 7,
+              createdAt: null,
+              updatedAt: null,
+              deletedAt: null,
+              xCoordinate: 980.65,
+              yCoordinate: 268.7,
+            },
           ],
         },
       ],
@@ -180,6 +218,12 @@ const MENU_STEPS = [
         pointId: 21,
         productUuid: "beb6393c-2fdd-40f7-bb92-8800685b203a",
       },
+      {
+        id: 11,
+        menuStepId: 75,
+        pointId: 219,
+        productUuid: "beb6393c-2fdd-40f7-bb92-8800685b203b",
+      },
       {
         id: 10,
         menuStepId: 75,

package/src/iframe/order-process/components/CalendarStepsForm/CalendarStepsForm.tsx

@@ -18,6 +18,7 @@ import {
 } from "@licklist/plugins/dist/utils/FormValues";
 import { Step } from "@licklist/core/dist/DataMapper/Product/StepDataMapper";
 import { useTranslation } from "react-i18next";
+import { Product } from "@licklist/core/dist/DataMapper/Product/ProductDataMapper";
 import { Category } from "./components/Category";
 import { MenuStep } from "../../../../types";
 import { STEP_FORM_ID } from "../../constants";
@@ -89,6 +90,7 @@ export const CalendarStepsForm = forwardRef<
     const [activeVenueMap, setActiveVenueMap] =
       useState<string>(activeVenueMapId);
     const [activePointId, setActivePointId] = useState<number>(undefined);
+    const [products, setProducts] = useState<Partial<Product>[]>([]);
 
     useImperativeHandle(ref, () => {
       return {
@@ -241,6 +243,21 @@ export const CalendarStepsForm = forwardRef<
       // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [errors, getProductsUuids, formState]);
 
+    const getStepProducts = (): Partial<Product>[] => {
+      if (!step.productCategories || !step.productCategories.length) {
+        return [];
+      }
+
+      return step.productCategories.reduce((prevProducts, currentCategory) => {
+        return [...prevProducts, ...(currentCategory.products || [])];
+      }, []);
+    };
+
+    useEffect(() => {
+      setProducts(getStepProducts());
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [step]);
+
     useEffect(() => {
       if (!venueMaps.length || activeVenueMap) return;
 
@@ -317,6 +334,7 @@ export const CalendarStepsForm = forwardRef<
                       url={selectedVenueMap.image.url}
                       usedInIframe
                       onPointClick={setActivePointId}
+                      products={products}
                       points={filteredPoint}
                       pointProducts={menuStepWithVenueMap.pointProducts}
                       ref={canvasRef}