@licklist/design 0.44.548 → 0.44.550-dev.2

package/dist/custom-fields/constants.d.ts

@@ -18,7 +18,7 @@ export declare const DEFAULT_FIELDS_VALUES: () => {
         type: string;
         label: string;
         isExpanded: boolean;
-        _sortableId: string;
+        _sortableId: any;
     };
     dropdown: {
         id: any;
@@ -27,7 +27,7 @@ export declare const DEFAULT_FIELDS_VALUES: () => {
         type: string;
         isExpanded: boolean;
         label: string;
-        _sortableId: string;
+        _sortableId: any;
     };
 };
 //# sourceMappingURL=constants.d.ts.map

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: (date: string, 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;AAIlG,eAAO,MAAM,gBAAgB;;;;CAI5B,CAAC;AAEF,eAAO,MAAM,gCAAgC,SACrC,MAAM,kBACI,cAAc;UAUtB,MAAM;SACP,MAAM;eACA,OAAO;aACT,OAAO;cACN,MAAM,GAAG,MAAM;WAClB,MAAM,GAAG,MAAM;GAsEzB,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=require("@licklist/core/dist/Config"),o=require("luxon"),a={shortQuantity:"shortQuantity",total:"total",totalPerCategory:"totalPerCategory"};exports.TRANSLATION_KEYS=a,exports.convertEventStatisticToTableData=function(r,e){var n,c,i=0,u=0;if(!e)return[];var l=[],y=o.DateTime.fromISO(r).toUTC().toFormat(t.DATE_FORMAT),s=null!==(c=null===(n=Object.keys(null==e?void 0:e.productCategorySummary))||void 0===n?void 0:n.filter((function(a){return o.DateTime.fromFormat(a,t.DATE_TIME_FULL_FORMAT).toFormat(t.DATE_FORMAT)===y})))&&void 0!==c?c:[];return s.map((function(t){return null==e?void 0:e.productCategorySummary[t]})).forEach((function(t){t.forEach((function(t){var o=t.totalPerCategory,r=t.productsSummary,e=void 0===r?[]:r,n=t.categoryName,c=t.eventId,y=0;i+=o||0,l.push({name:n,key:"".concat(c,".").concat(n),isBold:!0,isHeader:!0,quantity:a.shortQuantity,total:a.total}),null==e||e.forEach((function(t){var o=t.productsSold,a=t.name,r=t.totalQuantity,e=t.total;y+=o,l.push({name:a,key:"".concat(c,".").concat(n,".").concat(a),quantity:r?"".concat(o," / ").concat(r):String(o),total:String(e)})})),l.push({name:a.totalPerCategory,key:"".concat(c,".").concat(n,".").concat(a.totalPerCategory),quantity:y,total:o,isBold:!0}),u+=y}))})),l.push({name:a.total,key:"".concat(a.total,".").concat(i),quantity:u,total:i,isBold:!0}),l};
+"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/utils/index.d.ts

@@ -18,7 +18,7 @@ type CalculateHorizontalScrollParametersProps = {
     x: number;
     totalLayerWidth: number;
 };
-export declare const twoDigitsRound: (value: number) => number;
+export declare const twoDigitsRound: (value: number) => any;
 export declare const getElementParameters: ({ x, y, width, height, layer, }: GetElementParametersProps) => {
     totalLayerHeight: number;
     totalLayerWidth: number;
@@ -28,14 +28,14 @@ export declare const getElementParameters: ({ x, y, width, height, layer, }: Get
     yAxisDifference: number;
 };
 export declare const calculateVerticalScrollParameters: ({ y, height, totalLayerHeight, }: CalculateVerticalScrollParametersProps) => {
-    height: number;
-    top: number;
-    scrollbarRatio: number;
+    height: any;
+    top: any;
+    scrollbarRatio: any;
 };
 export declare const calculateHorizontalScrollParameters: ({ width, x, totalLayerWidth, }: CalculateHorizontalScrollParametersProps) => {
-    width: number;
-    left: number;
-    scrollbarRatio: number;
+    width: any;
+    left: any;
+    scrollbarRatio: any;
 };
 export declare const calculateTextParameters: (text: string, fontSize?: number) => {
     width: number;

package/dist/events/event-venue-map/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/events/event-venue-map/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AACzE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,uBAAuB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAKhE,KAAK,yBAAyB,GAAG;IAC/B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC;CACpB,CAAC;AAEF,KAAK,sCAAsC,GAAG;IAC5C,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,EAAE,MAAM,CAAC;IACV,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,KAAK,wCAAwC,GAAG;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAKF,eAAO,MAAM,cAAc,UAAW,MAAM,WAAoB,CAAC;AAEjE,eAAO,MAAM,oBAAoB,oCAM9B,yBAAyB;;;;;;;CAkC3B,CAAC;AAEF,eAAO,MAAM,iCAAiC,qCAI3C,sCAAsC;;;;CA2BxC,CAAC;AAEF,eAAO,MAAM,mCAAmC,mCAI7C,wCAAwC;;;;CAyB1C,CAAC;AAEF,eAAO,MAAM,uBAAuB,SAC5B,MAAM,aACF,MAAM;;;CAwBjB,CAAC;AAEF,eAAO,MAAM,wBAAwB,cACxB,QAAQ,KAAK,CAAC,EAAE,OACtB,MAAM,YACD,MAAM,GAAG,MAAM,qBA+B1B,CAAC;AAEF,eAAO,MAAM,wBAAwB,gBACtB,MAAM,cACP,MAAM,eACL,MAAM,WAGpB,CAAC;AAEF,eAAO,MAAM,0BAA0B,MAClC,MAAM,KACN,MAAM,UACD,KAAK,WAAW,EAAE,OAAO,CAAC,aAMnC,CAAC;AAEF,eAAO,MAAM,wBAAwB,UAC5B,KAAK,uBAAuB,EAAE,GAAG,GAAG,GAAG,CAAC,SACxC,KAAK,uBAAuB,EAAE,GAAG,GAAG,GAAG,CAAC,GAAG,KAAK,WAAW,EAAE,OAAO,CAAC;;;CAY7E,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/events/event-venue-map/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AACzE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,uBAAuB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAKhE,KAAK,yBAAyB,GAAG;IAC/B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC;CACpB,CAAC;AAEF,KAAK,sCAAsC,GAAG;IAC5C,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,EAAE,MAAM,CAAC;IACV,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,KAAK,wCAAwC,GAAG;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAKF,eAAO,MAAM,cAAc,UAAW,MAAM,QAAoB,CAAC;AAEjE,eAAO,MAAM,oBAAoB,oCAM9B,yBAAyB;;;;;;;CAkC3B,CAAC;AAEF,eAAO,MAAM,iCAAiC,qCAI3C,sCAAsC;;;;CA2BxC,CAAC;AAEF,eAAO,MAAM,mCAAmC,mCAI7C,wCAAwC;;;;CAyB1C,CAAC;AAEF,eAAO,MAAM,uBAAuB,SAC5B,MAAM,aACF,MAAM;;;CAwBjB,CAAC;AAEF,eAAO,MAAM,wBAAwB,cACxB,QAAQ,KAAK,CAAC,EAAE,OACtB,MAAM,YACD,MAAM,GAAG,MAAM,qBA+B1B,CAAC;AAEF,eAAO,MAAM,wBAAwB,gBACtB,MAAM,cACP,MAAM,eACL,MAAM,WAGpB,CAAC;AAEF,eAAO,MAAM,0BAA0B,MAClC,MAAM,KACN,MAAM,UACD,KAAK,WAAW,EAAE,OAAO,CAAC,aAMnC,CAAC;AAEF,eAAO,MAAM,wBAAwB,UAC5B,KAAK,uBAAuB,EAAE,GAAG,GAAG,GAAG,CAAC,SACxC,KAAK,uBAAuB,EAAE,GAAG,GAAG,GAAG,CAAC,GAAG,KAAK,WAAW,EAAE,OAAO,CAAC;;;CAY7E,CAAC"}

package/dist/iframe/payment/order-items-table/hooks/useTableData.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { StaticTableData } from "../../../../table";
 import { OrderItemsTableProps } from "../types";
 export declare const PAYMENT_TYPE_TRANSLATE_KEYS: {
@@ -5,5 +6,10 @@ export declare const PAYMENT_TYPE_TRANSLATE_KEYS: {
     fee: string;
     VAT: string;
 };
-export declare const useTableData: ({ order, externalDiscount, isPaymentProcessed, paymentDetail, }: OrderItemsTableProps) => StaticTableData[];
+export declare const useTableData: ({ order, externalDiscount, isPaymentProcessed, paymentDetail, }: OrderItemsTableProps) => (StaticTableData | {
+    key: any;
+    name: JSX.Element;
+    quantity: string;
+    price: JSX.Element;
+})[];
 //# sourceMappingURL=useTableData.d.ts.map

package/dist/iframe/payment/order-items-table/hooks/useTableData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTableData.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/payment/order-items-table/hooks/useTableData.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,oBAAoB,EAAe,MAAM,UAAU,CAAC;AAI7D,eAAO,MAAM,2BAA2B;;;;CAIvC,CAAC;AAEF,eAAO,MAAM,YAAY,oEAKtB,oBAAoB,sBAqHtB,CAAC"}
+{"version":3,"file":"useTableData.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/payment/order-items-table/hooks/useTableData.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,oBAAoB,EAAe,MAAM,UAAU,CAAC;AAI7D,eAAO,MAAM,2BAA2B;;;;CAIvC,CAAC;AAEF,eAAO,MAAM,YAAY,oEAKtB,oBAAoB;;;;;IAqHtB,CAAC"}

package/dist/sales/booking/results/BookingResults.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="react" />
 import { Order } from "@licklist/core/dist/DataMapper/Order/OrderDataMapper";
+import { User } from "@licklist/core/dist/DataMapper/User/UserDataMapper";
 export type BookingResultsProps = {
     orders?: Order[] | null;
     onCardClick?: (id: number) => void;
+    staffMembers?: User[] | null;
 };
-export declare const BookingResults: ({ orders, onCardClick, }: BookingResultsProps) => JSX.Element;
+export declare const BookingResults: ({ orders, onCardClick, staffMembers, }: BookingResultsProps) => JSX.Element;
 //# sourceMappingURL=BookingResults.d.ts.map

package/dist/sales/booking/results/BookingResults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BookingResults.d.ts","sourceRoot":"","sources":["../../../../src/sales/booking/results/BookingResults.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,sDAAsD,CAAC;AAI7E,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,cAAc,6BAGxB,mBAAmB,gBA2BrB,CAAC"}
+{"version":3,"file":"BookingResults.d.ts","sourceRoot":"","sources":["../../../../src/sales/booking/results/BookingResults.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,sDAAsD,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,MAAM,oDAAoD,CAAC;AAI1E,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,YAAY,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,cAAc,2CAIxB,mBAAmB,gBA+BrB,CAAC"}

package/dist/sales/booking/results/BookingResults.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("react"),t=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,n=require("react-i18next"),s=require("./components/ResultCard.js"),o=require("./constants.js");exports.BookingResults=function(e){var r=e.orders,l=e.onCardClick,a=n.useTranslation("Design").t;return t.createElement("div",{className:"booking-results"},0===(null==r?void 0:r.length)?t.createElement("p",null,a("noBookingOrdersWereFound")):t.createElement("div",{className:"booking-results-wrapper"},null==r?void 0:r.map((function(e,r){return t.createElement(s.ResultCard,{key:e.id,order:e,className:o.BACKGROUND_COLOR_CLASSNAMES[r%o.BACKGROUND_COLOR_CLASSNAMES.length],onCardClick:l})}))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("react"),t=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,n=require("react-i18next"),a=require("./components/ResultCard.js"),o=require("./constants.js");exports.BookingResults=function(e){var r=e.orders,l=e.onCardClick,s=e.staffMembers,i=n.useTranslation("Design").t;return t.createElement("div",{className:"booking-results"},0===(null==r?void 0:r.length)?t.createElement("p",null,i("noBookingOrdersWereFound")):t.createElement("div",{className:"booking-results-wrapper"},null==r?void 0:r.map((function(e,r){var n=null==s?void 0:s.find((function(r){var t;return r.id===(null===(t=null==e?void 0:e.orderMetadata)||void 0===t?void 0:t.created_by)}));return t.createElement(a.ResultCard,{key:e.id,order:e,staffMember:n,className:o.BACKGROUND_COLOR_CLASSNAMES[r%o.BACKGROUND_COLOR_CLASSNAMES.length],onCardClick:l})}))))};

package/dist/sales/booking/results/components/ResultCard.d.ts

@@ -1,9 +1,11 @@
 /// <reference types="react" />
 import { Order } from "@licklist/core/dist/DataMapper/Order/OrderDataMapper";
+import { User } from "@licklist/core/dist/DataMapper/User/UserDataMapper";
 export type ResultCardProps = {
     className: string;
     order: Order;
+    staffMember?: User;
     onCardClick?: (id: number) => void;
 };
-export declare const ResultCard: ({ order, className, onCardClick, }: ResultCardProps) => JSX.Element;
+export declare const ResultCard: ({ order, className, staffMember, onCardClick, }: ResultCardProps) => JSX.Element;
 //# sourceMappingURL=ResultCard.d.ts.map

package/dist/sales/booking/results/components/ResultCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResultCard.d.ts","sourceRoot":"","sources":["../../../../../src/sales/booking/results/components/ResultCard.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,KAAK,EAAE,MAAM,sDAAsD,CAAC;AAO7E,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAIF,eAAO,MAAM,UAAU,uCAIpB,eAAe,gBA+DjB,CAAC"}
+{"version":3,"file":"ResultCard.d.ts","sourceRoot":"","sources":["../../../../../src/sales/booking/results/components/ResultCard.tsx"],"names":[],"mappings":";AAKA,OAAO,EACL,KAAK,EAEN,MAAM,sDAAsD,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,oDAAoD,CAAC;AAQ1E,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAIF,eAAO,MAAM,UAAU,oDAKpB,eAAe,gBA2FjB,CAAC"}

package/dist/sales/booking/results/components/ResultCard.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 t=e(require("react")),r=require("@licklist/core/dist/Config"),l=require("react-i18next"),a=require("../../../../static/Icon.js"),n=e(require("clsx")),i=require("luxon"),u=require("react-intl"),c=require("@licklist/plugins/dist/utils/formatDate"),s=require("@licklist/plugins/dist/utils/sourceTitle");exports.ResultCard=function(e){var o,m,d,p=e.order,E=e.className,f=e.onCardClick,v=l.useTranslation("Design").t,N=u.useIntl().formatNumber,q=p.id,y=p.people,g=p.user,D=p.status,x=p.startDate,C=p.products,T=p.source,b=p.totalAmount,h=(null===(o=C.map((function(e){return e.name})))||void 0===o?void 0:o.join(", "))||"",k=function(){f&&f(q)};return t.createElement("div",{className:n("result-card",E),onClick:k,onKeyUp:k,role:"button",tabIndex:0},t.createElement("div",{className:"card-content"},t.createElement("div",{className:"order-id"},q),t.createElement("div",{className:"order-people"},t.createElement(a.default,{type:"user",width:"10",height:"11"}),y),t.createElement("div",{className:"order-description"},t.createElement("p",{className:"name"},g.firstName," ",g.lastName),g.email&&t.createElement("p",null,g.email),(null===(m=g.userDetail)||void 0===m?void 0:m.phone)&&t.createElement("p",null,null===(d=g.userDetail)||void 0===d?void 0:d.phone),t.createElement("p",null,"------"),t.createElement("p",null,v("activity"),": "),t.createElement("p",null,v("staff"),": "),t.createElement("p",null,v("status"),": ",v(D)),t.createElement("p",null,v("date"),": ",c.formatDateStringForEvent(x,!1)),t.createElement("p",null,v("time"),": ",i.DateTime.fromISO(x).toFormat(r.TIME_FORMAT)),t.createElement("p",{className:"products",title:h},v("products"),": ",h),t.createElement("p",null,v("totalAmount"),":"," ",N(b,{style:"currency",currency:r.Currency.GBP})),t.createElement("p",null,v("source"),": ",v(s.getOrderSourceTitle(T))))))};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")),r=require("@licklist/core/dist/Config"),l=require("react-i18next"),a=require("../../../../static/Icon.js"),n=e(require("clsx")),i=require("luxon"),c=require("react-intl"),u=require("@licklist/core/dist/DataMapper/Order/OrderDataMapper"),s=require("@licklist/plugins/dist/utils/formatDate"),o=require("@licklist/plugins/dist/utils/sourceTitle");exports.ResultCard=function(e){var m,d,p,E=e.order,f=e.className,v=e.staffMember,y=e.onCardClick,N=l.useTranslation("Design").t,q=c.useIntl().formatNumber,D=E.id,g=E.people,C=E.user,O=E.status,M=E.startDate,T=E.products,b=E.source,k=E.totalAmount,x=E.event,A=E.menu,h=E.remainingToPay,I=(null===(m=T.map((function(e){return e.name})))||void 0===m?void 0:m.join(", "))||"",R=(null==x?void 0:x.name)||(null==A?void 0:A.name)||"",_=function(){y&&y(D)};return t.createElement("div",{className:n("result-card",f),onClick:_,onKeyUp:_,role:"button",tabIndex:0},t.createElement("div",{className:"card-content"},t.createElement("div",{className:"order-id"},D),t.createElement("div",{className:"order-people"},t.createElement(a.default,{type:"user",width:"10",height:"11"}),g),t.createElement("div",{className:"order-description"},t.createElement("p",{className:"name"},C.firstName," ",C.lastName),C.email&&t.createElement("p",null,C.email),(null===(d=C.userDetail)||void 0===d?void 0:d.phone)&&t.createElement("p",null,null===(p=C.userDetail)||void 0===p?void 0:p.phone),t.createElement("p",null,"------"),t.createElement("p",null,N("activity"),": ",R," "),b===u.ORDER_SOURCE_MANUAL&&v&&t.createElement("p",null,N("staff"),": ","".concat(v.firstName," ").concat(v.lastName)),t.createElement("p",null,N("status"),": ",N(O)),t.createElement("p",null,N("date"),": ",s.formatDateStringForEvent(M,!1)),t.createElement("p",null,N("time"),": ",i.DateTime.fromISO(M).toFormat(r.TIME_FORMAT)),t.createElement("p",{className:"products",title:I},N("products"),": ",I),!!h&&t.createElement("p",null,N("remainingAmount"),":"," ",q(h,{style:"currency",currency:r.Currency.GBP})),t.createElement("p",null,N("paidAmount"),":"," ",q(k,{style:"currency",currency:r.Currency.GBP})),t.createElement("p",null,N("source"),": ",N(o.getOrderSourceTitle(b))))))};

package/dist/styles/sales/BookingResults.scss

@@ -5,7 +5,7 @@
     flex-wrap: wrap;
 
     .result-card {
-      height: 13.825rem;
+      height: 14rem;
       border: 1px solid $gray-400;
       max-width: calc(50% - 0.75rem);
       flex: 0 0 calc(50% - 0.75rem);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.44.548",
+  "version": "0.44.550-dev.2",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -53,9 +53,9 @@
     "@fortawesome/free-brands-svg-icons": "5.15.2",
     "@fortawesome/free-solid-svg-icons": "5.15.2",
     "@fortawesome/react-fontawesome": "0.1.9",
-    "@licklist/core": "0.15.x",
+    "@licklist/core": ">=0.15.41-dev.0 < 0.15.41",
     "@licklist/eslint-config": "0.3.4",
-    "@licklist/plugins": "0.20.x",
+    "@licklist/plugins": ">=0.20.133-dev.5 < 0.20.133",
     "@mdx-js/react": "1.6.22",
     "@popperjs/core": "2.11.8",
     "@react-aria/utils": "3.9.0",

package/src/events/event-statistic-modal/EventStatisticModal.stories.tsx

@@ -91,6 +91,57 @@ Default.args = {
           ],
         },
       ],
+      "2023-08-31 10:35:00": [
+        {
+          eventId: 1236,
+          categoryName: "ticket",
+          totalPerCategory: 1300,
+          productsSummary: [
+            {
+              id: 221,
+              name: "VIP",
+              productsSold: 13,
+              totalQuantity: 25,
+              total: 1300,
+            },
+          ],
+        },
+        {
+          eventId: 1236,
+          categoryName: "booking cat",
+          totalPerCategory: 275,
+          productsSummary: [
+            {
+              id: 222,
+              name: "Table booking",
+              productsSold: 11,
+              totalQuantity: null,
+              total: 275,
+            },
+          ],
+        },
+        {
+          eventId: 1236,
+          categoryName: "Menu",
+          totalPerCategory: 450,
+          productsSummary: [
+            {
+              id: 223,
+              name: "Wine 1 bottle",
+              productsSold: 9,
+              totalQuantity: null,
+              total: 360,
+            },
+            {
+              id: 224,
+              name: "caesar salad",
+              productsSold: 9,
+              totalQuantity: null,
+              total: 90,
+            },
+          ],
+        },
+      ],
     },
   },
 };

package/src/events/event-statistic-modal/utils/index.ts

@@ -8,6 +8,19 @@ export const TRANSLATION_KEYS = {
   totalPerCategory: "totalPerCategory",
 };
 
+type TableDataRecord = {
+  name: string;
+  key: string;
+  isHeader?: boolean;
+  isBold?: boolean;
+  quantity: string;
+  total: string;
+  metadata?: {
+    _productsSold: number;
+    _total: number;
+  };
+};
+
 export const convertEventStatisticToTableData = (
   date: string,
   eventStatistic: EventStatistic
@@ -19,15 +32,6 @@ export const convertEventStatisticToTableData = (
     return [];
   }
 
-  const tableDataArray: {
-    name: string;
-    key: string;
-    isHeader?: boolean;
-    isBold?: boolean;
-    quantity: string | number;
-    total: string | number;
-  }[] = [];
-
   const summaryFormattedDate = DateTime.fromISO(date)
     .toUTC()
     .toFormat(DATE_FORMAT);
@@ -40,16 +44,26 @@ export const convertEventStatisticToTableData = (
         ) === summaryFormattedDate
     ) ?? [];
 
+  const summaryMap = new Map<string, TableDataRecord>();
+
   summaryDays
     .map((day) => eventStatistic?.productCategorySummary[day])
-    .forEach((summaries) => {
-      summaries.forEach(
-        ({ totalPerCategory, productsSummary = [], categoryName, eventId }) => {
-          let quantity = 0;
+    .flat()
+    .sort((prev, next) =>
+      prev.categoryName === next.categoryName
+        ? 0
+        : prev.categoryName > next.categoryName
+        ? 1
+        : -1
+    )
+    .forEach(
+      ({ totalPerCategory, productsSummary = [], categoryName, eventId }) => {
+        let quantity = 0;
 
-          totalAmount += totalPerCategory || 0;
+        totalAmount += totalPerCategory || 0;
 
-          tableDataArray.push({
+        if (!summaryMap.has(`${categoryName}`)) {
+          summaryMap.set(`${categoryName}`, {
             name: categoryName,
             key: `${eventId}.${categoryName}`,
             isBold: true,
@@ -57,42 +71,64 @@ export const convertEventStatisticToTableData = (
             quantity: TRANSLATION_KEYS.shortQuantity,
             total: TRANSLATION_KEYS.total,
           });
+        }
 
-          productsSummary?.forEach(
-            ({ productsSold, name, totalQuantity, total }) => {
-              quantity += productsSold;
-
-              tableDataArray.push({
-                name,
-                key: `${eventId}.${categoryName}.${name}`,
-                quantity: totalQuantity
-                  ? `${productsSold} / ${totalQuantity}`
-                  : String(productsSold),
-                total: String(total),
-              });
-            }
-          );
-
-          tableDataArray.push({
-            name: TRANSLATION_KEYS.totalPerCategory,
-            key: `${eventId}.${categoryName}.${TRANSLATION_KEYS.totalPerCategory}`,
-            quantity,
-            total: totalPerCategory,
-            isBold: true,
-          });
+        productsSummary?.forEach(
+          ({ productsSold, name, totalQuantity, total }) => {
+            quantity += productsSold;
 
-          totalQuantity += quantity;
-        }
-      );
-    });
+            const existingProduct = summaryMap.get(
+              `${categoryName}.${name}`
+            ) ?? {
+              metadata: {
+                _productsSold: 0,
+                _total: 0,
+              },
+            };
+
+            summaryMap.set(`${categoryName}.${name}`, {
+              name,
+              key: `${eventId}.${categoryName}.${name}`,
+              quantity: totalQuantity
+                ? `${
+                    existingProduct.metadata._productsSold + productsSold
+                  } / ${totalQuantity}`
+                : String(existingProduct.metadata._productsSold + productsSold),
+              total: String(existingProduct.metadata._total + total),
+              metadata: {
+                _productsSold:
+                  existingProduct.metadata._productsSold + productsSold,
+                _total: existingProduct.metadata._total + total,
+              },
+            });
+          }
+        );
+
+        const prevTotalPerCategory = summaryMap.get(
+          `${categoryName}.${TRANSLATION_KEYS.totalPerCategory}`
+        ) ?? {
+          quantity: 0,
+          total: 0,
+        };
+        summaryMap.set(`${categoryName}.${TRANSLATION_KEYS.totalPerCategory}`, {
+          name: TRANSLATION_KEYS.totalPerCategory,
+          key: `${eventId}.${categoryName}.${TRANSLATION_KEYS.totalPerCategory}`,
+          quantity: String(Number(prevTotalPerCategory.quantity) + quantity),
+          total: String(Number(prevTotalPerCategory.total) + totalPerCategory),
+          isBold: true,
+        });
+
+        totalQuantity += quantity;
+      }
+    );
 
-  tableDataArray.push({
+  summaryMap.set(`${TRANSLATION_KEYS.total}.${totalAmount}`, {
     name: TRANSLATION_KEYS.total,
     key: `${TRANSLATION_KEYS.total}.${totalAmount}`,
-    quantity: totalQuantity,
-    total: totalAmount,
+    quantity: String(totalQuantity),
+    total: String(totalAmount),
     isBold: true,
   });
 
-  return tableDataArray;
+  return [...summaryMap.values()];
 };

package/src/sales/booking/results/BookingResults.tsx

@@ -1,17 +1,20 @@
 import React from "react";
 import { useTranslation } from "react-i18next";
 import { Order } from "@licklist/core/dist/DataMapper/Order/OrderDataMapper";
+import { User } from "@licklist/core/dist/DataMapper/User/UserDataMapper";
 import { ResultCard } from "./components/ResultCard";
 import { BACKGROUND_COLOR_CLASSNAMES } from "./constants";
 
 export type BookingResultsProps = {
   orders?: Order[] | null;
   onCardClick?: (id: number) => void;
+  staffMembers?: User[] | null;
 };
 
 export const BookingResults = ({
   orders,
   onCardClick,
+  staffMembers,
 }: BookingResultsProps) => {
   const { t } = useTranslation("Design");
 
@@ -22,10 +25,14 @@ export const BookingResults = ({
       ) : (
         <div className="booking-results-wrapper">
           {orders?.map((order, index) => {
+            const staffMember = staffMembers?.find(
+              (staff) => staff.id === order?.orderMetadata?.created_by
+            );
             return (
               <ResultCard
                 key={order.id}
                 order={order}
+                staffMember={staffMember}
                 className={
                   BACKGROUND_COLOR_CLASSNAMES[
                     index % BACKGROUND_COLOR_CLASSNAMES.length

package/src/sales/booking/results/components/ResultCard.tsx

@@ -3,16 +3,22 @@ import clsx from "clsx";
 import { useTranslation } from "react-i18next";
 import { DateTime } from "luxon";
 import { useIntl } from "react-intl";
-import { Order } from "@licklist/core/dist/DataMapper/Order/OrderDataMapper";
+import {
+  Order,
+  ORDER_SOURCE_MANUAL,
+} from "@licklist/core/dist/DataMapper/Order/OrderDataMapper";
+import { User } from "@licklist/core/dist/DataMapper/User/UserDataMapper";
 import { TIME_FORMAT } from "@licklist/core/dist/Config";
 import * as Config from "@licklist/core/dist/Config";
 import { formatDateStringForEvent } from "@licklist/plugins/dist/utils/formatDate";
 import { getOrderSourceTitle } from "@licklist/plugins/dist/utils/sourceTitle";
+
 import Icon from "../../../../static/Icon";
 
 export type ResultCardProps = {
   className: string;
   order: Order;
+  staffMember?: User;
   onCardClick?: (id: number) => void;
 };
 
@@ -21,14 +27,28 @@ export type ResultCardProps = {
 export const ResultCard = ({
   order,
   className,
+  staffMember,
   onCardClick,
 }: ResultCardProps) => {
   const { t } = useTranslation("Design");
   const { formatNumber } = useIntl();
-  const { id, people, user, status, startDate, products, source, totalAmount } =
-    order;
+
+  const {
+    id,
+    people,
+    user,
+    status,
+    startDate,
+    products,
+    source,
+    totalAmount,
+    event,
+    menu,
+    remainingToPay,
+  } = order;
 
   const productList = products.map((product) => product.name)?.join(", ") || "";
+  const activityName = event?.name || menu?.name || "";
 
   const onClick = () => {
     if (!onCardClick) return;
@@ -57,8 +77,14 @@ export const ResultCard = ({
           {user.email && <p>{user.email}</p>}
           {user.userDetail?.phone && <p>{user.userDetail?.phone}</p>}
           <p>------</p>
-          <p>{t("activity")}: </p>
-          <p>{t("staff")}: </p>
+          <p>
+            {t("activity")}: {activityName}{" "}
+          </p>
+          {source === ORDER_SOURCE_MANUAL && staffMember && (
+            <p>
+              {t("staff")}: {`${staffMember.firstName} ${staffMember.lastName}`}
+            </p>
+          )}
           <p>
             {t("status")}: {t(status)}
           </p>
@@ -71,8 +97,17 @@ export const ResultCard = ({
           <p className="products" title={productList}>
             {t("products")}: {productList}
           </p>
+          {!!remainingToPay && (
+            <p>
+              {t("remainingAmount")}:{" "}
+              {formatNumber(remainingToPay, {
+                style: "currency",
+                currency: Config.Currency.GBP,
+              })}
+            </p>
+          )}
           <p>
-            {t("totalAmount")}:{" "}
+            {t("paidAmount")}:{" "}
             {formatNumber(totalAmount, {
               style: "currency",
               currency: Config.Currency.GBP,

package/src/styles/sales/BookingResults.scss

@@ -5,7 +5,7 @@
     flex-wrap: wrap;
 
     .result-card {
-      height: 13.825rem;
+      height: 14rem;
       border: 1px solid $gray-400;
       max-width: calc(50% - 0.75rem);
       flex: 0 0 calc(50% - 0.75rem);