@licklist/design 0.44.485-dev.1 → 0.44.485-dev.10

package/dist/customers/components/filter/CustomerFilter.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 declare type CustomerFilterValues = {
-    first_name: string;
-    last_name: string;
+    name: string;
     email: string;
     phone: string;
 };

package/dist/customers/components/filter/CustomerFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomerFilter.d.ts","sourceRoot":"","sources":["../../../../src/customers/components/filter/CustomerFilter.tsx"],"names":[],"mappings":";AAKA,aAAK,oBAAoB,GAAG;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AASF,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,oBAAoB,CAAC;IAC7B,QAAQ,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAClD;AAED,eAAO,MAAM,cAAc,yBAA0B,mBAAmB,gBAyBvE,CAAC"}
+{"version":3,"file":"CustomerFilter.d.ts","sourceRoot":"","sources":["../../../../src/customers/components/filter/CustomerFilter.tsx"],"names":[],"mappings":";AAKA,aAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAQF,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,oBAAoB,CAAC;IAC7B,QAAQ,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAClD;AAED,eAAO,MAAM,cAAc,yBAA0B,mBAAmB,gBAyBvE,CAAC"}

package/dist/customers/components/filter/CustomerFilter.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=require("tslib"),r=e(require("react")),a=require("react-i18next"),s=require("../../../static/TextField.js"),i=e(require("clsx")),n={first_name:"firstName",last_name:"lastName",email:"email",phone:"phone"};exports.CustomerFilter=function(e){var l=e.values,u=e.onChange,c=a.useTranslation(["Design"]).t;return r.createElement("div",{className:"customers-filter d-flex"},r.createElement("div",{className:"d-flex customers-filter-items"},Object.keys(n).map((function(e){var a=c(n[e]);return r.createElement(s.TextField,{key:e,className:i("mb-0"),type:"text",label:a,value:l[e],onChange:function(r){var a;return u(t.__assign(t.__assign({},l),((a={})[e]=r.target.value,a)))}})}))))};
+"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=e(require("react")),a=require("react-i18next"),n=require("../../../static/TextField.js"),s=e(require("clsx")),i={name:"name",email:"email",phone:"phone"};exports.CustomerFilter=function(e){var l=e.values,u=e.onChange,c=a.useTranslation(["Design"]).t;return r.createElement("div",{className:"customers-filter d-flex"},r.createElement("div",{className:"d-flex customers-filter-items"},Object.keys(i).map((function(e){var a=c(i[e]);return r.createElement(n.TextField,{key:e,className:s("mb-0","col-4","customer-filter"),type:"text",label:a,value:l[e],onChange:function(r){var a;return u(t.__assign(t.__assign({},l),((a={})[e]=r.target.value,a)))}})}))))};

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,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}))};
+"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,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=n.useContext(i.EventVenueMapContext),b=y.setActiveElementKey,h=y.activeElementKey,q=y.setMapPoints,U=y.editMode,j=y.mapPointProducts,S=o.__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(e){e.cancelBubble=!0,A||E||(b(k),q((function(e){var o=e.slice(),n=o.find((function(e){return e.id===a||(null==e?void 0:e.localId)===m})),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:B,y:_,isSoldOut:E,isActive:A,isProductChoosed:N,isErrorOnChoosedProduct:T}):t.createElement(c.PointIcon,{x:B,y:_,isActive:A,hasProduct:!E&&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/ProductIcon/ProductIcon.d.ts

@@ -5,8 +5,9 @@ export declare type ProductIconProps = KonvaNodeEvents & Konva.ShapeConfig & {
     x: number;
     y: number;
     isActive?: boolean;
+    isSoldOut?: boolean;
     isErrorOnChoosedProduct: boolean;
     isProductChoosed: boolean;
 };
-export declare const ProductIcon: ({ x, y, isActive, isErrorOnChoosedProduct, isProductChoosed, }: ProductIconProps) => 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":";AACA,OAAO,EAAQ,eAAe,EAAiB,MAAM,aAAa,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAwB1B,oBAAY,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,uBAAuB,EAAE,OAAO,CAAC;IACjC,gBAAgB,EAAE,OAAO,CAAC;CAC3B,CAAC;AAkBJ,eAAO,MAAM,WAAW,mEAMrB,gBAAgB,gBAyFlB,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;AAyB1B,oBAAY,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,gBA8FlB,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,t=require("tslib"),e=require("react"),r=(o=e)&&"object"==typeof o&&"default"in o?o.default:o,n=require("react-konva"),i="#FFFFFF",a="#FFFFFF80",c="#0E8CE2",l=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 p,d,s=o.x,u=o.y,v=o.isActive,C=o.isErrorOnChoosedProduct,F=o.isProductChoosed,f=e.useMemo((function(){return{pointBackgroundColor:l("--snippet-canvas-point-background-color")||i,pointBorderColor:l("--snippet-canvas-point-border-color",!0)||a,pointFontColor:l("--snippet-canvas-point-font-color")||c,activePointBackgroundColor:l("--snippet-canvas-active-point-background-color")||c,activePointBorderColor:l("--snippet-canvas-active-point-border-color",!0)||a,activePointFontColor:l("--snippet-canvas-active-point-font-color")||i}}),[v,C,F]);return r.createElement(n.Group,{x:s,y:u},r.createElement(n.Circle,t.__assign({radius:14,strokeWidth:2,x:0,y:-21},(p=f.pointBackgroundColor,d=f.pointBorderColor,v&&(d=f.activePointBorderColor),F&&(p=f.activePointBackgroundColor),C&&(d="#ff000080"),{fill:p,stroke:d}))),F?r.createElement(n.Path,{x:-7,y:-28,data:"M1.5 6L5.5 10L13.5 2",width:28,height:28,fill:f.activePointBackgroundColor,stroke:f.activePointFontColor,strokeWidth:3}):r.createElement(n.Path,{x:-7,y:-28,data:"M14 0C9.3569 0.6633 4.6431 0.6633 0 0L6 7V13H3V14H11V13H8V7L14 0Z",width:28,height:28,strokeWidth:1,fill:f.pointFontColor,stroke:f.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="#FFFFFF",a="#FFFFFF80",c="#0E8CE2",l="#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 p,s,u=o.x,v=o.y,C=o.isActive,F=o.isSoldOut,f=o.isErrorOnChoosedProduct,k=o.isProductChoosed,P=e.useMemo((function(){return{pointBackgroundColor:d("--snippet-canvas-point-background-color")||i,pointBorderColor:d("--snippet-canvas-point-border-color",!0)||a,pointFontColor:d("--snippet-canvas-point-font-color")||c,activePointBackgroundColor:d("--snippet-canvas-active-point-background-color")||c,activePointBorderColor:d("--snippet-canvas-active-point-border-color",!0)||a,activePointFontColor:d("--snippet-canvas-active-point-font-color")||i}}),[C,f,k]);return r.createElement(n.Group,{x:u,y:v},r.createElement(n.Circle,t.__assign({radius:14,strokeWidth:2,x:0,y:-21},(p=P.pointBackgroundColor,s=P.pointBorderColor,C&&(s=P.activePointBorderColor),k&&(p=P.activePointBackgroundColor),f&&(s="#ff000080"),F&&(s=l,p=l),{fill:p,stroke:s}))),k?r.createElement(n.Path,{x:-7,y:-28,data:"M1.5 6L5.5 10L13.5 2",width:28,height:28,fill:P.activePointBackgroundColor,stroke:P.activePointFontColor,strokeWidth:3}):r.createElement(n.Path,{x:-7,y:-28,data:"M14 0C9.3569 0.6633 4.6431 0.6633 0 0L6 7V13H3V14H11V13H8V7L14 0Z",width:28,height:28,strokeWidth:1,fill:P.pointFontColor,stroke:P.pointFontColor}))};

package/dist/iframe/event/event-card/IframeEventCard.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")),a=require("react-i18next"),r=require("react-bootstrap"),i=e(require("clsx")),s=require("react-intl"),l=require("../../../tiptap-editor/TipTapEditor.js"),c=require("../../../events/event-card/utils.js"),n=require("../../../assets/iframe/clock.svg.js"),d=require("../../../assets/iframe/calendar.svg.js"),m=require("../../../assets/iframe/ticket.svg.js");exports.IframeEventCard=function(e){var o=e.title,p=e.type,v=e.cost,u=e.date,f=e.imageSrc,E=e.snippetSetting,N=void 0===E?{displayType:!0,displayCost:!0,displayDescription:!0}:E,g=e.colour,y=e.goToDetails,C=e.description,x=e.isListView,_=void 0!==x&&x,b=e.className,T=e.shortDate,w=e.titleId,q=e.descriptionId,j=s.useIntl().formatNumber,I=a.useTranslation("Design").t;return t.createElement(r.Card,{style:{"--card-colour":g},className:i("iframe-event-card",{"list-view":_},b),onClick:y?function(){y&&y()}:void 0},f&&t.createElement(r.Card.Img,{className:"card-image",variant:"top",as:"div",style:{backgroundImage:'url("'.concat(f,'")')}}),t.createElement(r.Card.Body,{className:i("d-flex","flex-column",!f&&"no-image")},t.createElement(r.Card.Title,{className:"iframe-event-card__title",id:w},o),t.createElement("div",{className:"flex-grow-1 iframe-event-card__description"},t.createElement(r.Card.Text,{as:"div"},t.createElement("div",{className:"d-flex align-items-center mb-3"},t.createElement("div",{className:"icon-wrapper"},t.createElement(d.ReactComponent,null)),t.createElement("p",{className:"iframe-event-card__bold m-0 list-view-hided"},u),t.createElement("p",{className:"iframe-event-card__bold m-0 grid-view-hided"},T))),p&&!!N.displayType&&t.createElement(r.Card.Text,{as:"div",className:"list-view-hided"},t.createElement("div",{className:"d-flex align-items-center mb-3"},t.createElement("div",{className:"icon-wrapper"},t.createElement(n.ReactComponent,null)),t.createElement("p",{className:"iframe-event-card__bold m-0"},p))),v&&!!N.displayCost&&t.createElement(r.Card.Text,{as:"div"},t.createElement("div",{className:"d-flex align-items-center mb-3"},t.createElement("div",{className:"icon-wrapper"},t.createElement(m.ReactComponent,null)),t.createElement("p",{className:"iframe-event-card__bold m-0"},I("from")," ",j(v,{style:"currency",currency:"GBP"})))),C&&!!N.displayDescription&&t.createElement(r.Card.Text,{as:"div",className:"list-view-hided"},t.createElement(l.TipTapEditor,{viewMode:!0,disabled:!0,content:c.formatContent(C,150),id:q})))))};
+"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")),a=require("react-i18next"),r=require("react-bootstrap"),i=e(require("clsx")),s=require("react-intl"),l=require("../../../tiptap-editor/TipTapEditor.js"),c=require("../../../events/event-card/utils.js"),n=require("../../../assets/iframe/clock.svg.js"),d=require("../../../assets/iframe/calendar.svg.js"),m=require("../../../assets/iframe/ticket.svg.js");exports.IframeEventCard=function(e){var o=e.title,p=e.type,v=e.cost,u=e.date,f=e.imageSrc,E=e.snippetSetting,N=void 0===E?{displayType:!0,displayCost:!0,displayDescription:!0}:E,y=e.colour,g=e.goToDetails,C=e.description,b=e.isListView,x=void 0!==b&&b,_=e.className,T=e.shortDate,w=e.titleId,q=e.descriptionId,j=s.useIntl().formatNumber,I=a.useTranslation("Design").t;return t.createElement(r.Card,{style:{"--card-colour":y},className:i("iframe-event-card",{"list-view":x},_),onClick:g?function(){g&&g()}:void 0},f&&t.createElement(r.Card.Img,{className:"card-image",variant:"top",as:"div",style:{backgroundImage:'url("'.concat(f,'")')}}),t.createElement(r.Card.Body,{className:i("d-flex","flex-column",!f&&"no-image")},t.createElement(r.Card.Title,{className:"iframe-event-card__title",id:w},o),t.createElement("div",{className:"flex-grow-1 iframe-event-card__description"},t.createElement(r.Card.Text,{as:"div"},t.createElement("div",{className:"d-flex align-items-center mb-3"},t.createElement("div",{className:"icon-wrapper"},t.createElement(d.ReactComponent,null)),t.createElement("p",{className:"iframe-event-card__bold m-0 list-view-hided"},u),t.createElement("p",{className:"iframe-event-card__bold m-0 grid-view-hided"},T))),p&&!!N.displayType&&t.createElement(r.Card.Text,{as:"div",className:"list-view-hided"},t.createElement("div",{className:"d-flex align-items-center mb-3"},t.createElement("div",{className:"icon-wrapper"},t.createElement(n.ReactComponent,null)),t.createElement("p",{className:"iframe-event-card__bold m-0"},p))),"number"==typeof v&&!!N.displayCost&&t.createElement(r.Card.Text,{as:"div"},t.createElement("div",{className:"d-flex align-items-center mb-3"},t.createElement("div",{className:"icon-wrapper"},t.createElement(m.ReactComponent,null)),t.createElement("p",{className:"iframe-event-card__bold m-0"},I("from")," ",j(v,{style:"currency",currency:"GBP"})))),C&&!!N.displayDescription&&t.createElement(r.Card.Text,{as:"div",className:"list-view-hided"},t.createElement(l.TipTapEditor,{viewMode:!0,disabled:!0,content:c.formatContent(C,150),id:q})))))};

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

@@ -1,4 +1,9 @@
 import { StaticTableData } from "../../../../table";
 import { OrderItemsTableProps } from "../types";
+export declare const PAYMENT_TYPE_TRANSLATE_KEYS: {
+    "net profit": string;
+    fee: string;
+    VAT: string;
+};
 export declare const useTableData: ({ order, externalDiscount, isPaymentProcessed, paymentDetail, }: OrderItemsTableProps) => StaticTableData[];
 //# 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;AASpD,OAAO,EAAE,oBAAoB,EAAe,MAAM,UAAU,CAAC;AAS7D,eAAO,MAAM,YAAY,oEAKtB,oBAAoB,sBAgMtB,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;AASpD,OAAO,EAAE,oBAAoB,EAAe,MAAM,UAAU,CAAC;AAG7D,eAAO,MAAM,2BAA2B;;;;CAIvC,CAAC;AAEF,eAAO,MAAM,YAAY,oEAKtB,oBAAoB,sBAuMtB,CAAC"}

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r,t=require("tslib"),a=require("react"),n=(e=a)&&"object"==typeof e&&"default"in e?e.default:e,u=require("react-i18next"),i=require("lodash"),o=require("react-intl"),c=require("@licklist/core/dist/DataMapper/Order/PaymentDataMapper"),l=require("../utils/index.js"),s=((r={})[c.PAYMENT_TYPE_NET_PROFIT]="netAmount",r[c.PAYMENT_TYPE_FEE]="bookeditFee",r[c.PAYMENT_TYPE_VAT]="vat",r);exports.useTableData=function(e){var r=e.order,c=e.externalDiscount,d=e.isPaymentProcessed,_=void 0!==d&&d,y=e.paymentDetail,p=o.useIntl().formatNumber,m=u.useTranslation("Design").t,P=function(e){return p(e,{style:"currency",currency:"GBP"})},f=function(e){return n.createElement("div",{className:"label"},e)},A=function(e){var t,a;return{key:i.uniqueId("category-id-"),name:f(null!==(a=null===(t=e[0].productCategory)||void 0===t?void 0:t.name)&&void 0!==a?a:""),quantity:"",price:f("".concat(m("total"),": ").concat(P(l.getTotalSumByCategory(r.orderProducts,e))))}},T=function(e){var t=l.getProductQuantityAndPrice(r.orderProducts,e),a=t.quantity,u=t.price;return 0===a?null:{key:e.id,name:e.name,quantity:n.createElement("div",{className:"quantity"},n.createElement("div",{className:"multiplier"},"x"),a),price:P(u)}},v=function(){return _?function(){var e=l.calculateTotalPrice(r.orderProducts),a=l.calculateTotalDiscount(r.payments),n=e-Number(a),u=[{translateKey:"amountTotal",price:e}];return a&&u.push({translateKey:"amountWithDiscount",price:n<0?0:n}),y&&!r.payments.length?t.__spreadArray(t.__spreadArray([],t.__read(u),!1),t.__read(l.getExternalPaymentDetail(y)),!1):(u.push({translateKey:"totalPaid",price:n<=0?0:r.totalAmount}),n<=0||(u=t.__spreadArray(t.__spreadArray([],t.__read(u),!1),t.__read(Object.keys(s).map((function(e){return{translateKey:s[e],price:l.getPaymentValueByType(r.payments,e)}}))),!1),n>r.totalAmount&&u.push({translateKey:"remainingToPay",price:n-r.totalAmount})),u)}():(e=[{translateKey:"amountTotal",price:l.calculateTotalPrice(r.orderProducts)}],c&&e.push({price:c,translateKey:"amountWithDiscount"}),y?t.__spreadArray(t.__spreadArray([],t.__read(e),!1),t.__read(l.getExternalPaymentDetail(y)),!1):e);var e},g=a.useMemo((function(){return r?t.__spreadArray(t.__spreadArray([],t.__read(t.__spreadArray([],t.__read(new Set(r.products.map((function(e){return e.productCategoryId})))),!1).reduce((function(e,a){var n=r.products.filter((function(e){return e.productCategoryId===a}));if(!n.length)return e;var u=n.map(T).filter(Boolean);return u.length?t.__spreadArray(t.__spreadArray(t.__spreadArray([],t.__read(e),!1),[A(n)],!1),t.__read(u),!1):e}),[])),!1),t.__read(v().map((function(e){var r=e.translateKey,t=e.price;return{key:i.uniqueId("summary-info-".concat(r)),name:f(m(r)),quantity:"",price:f(P(t))}}))),!1):[]}),[r,c,_]);return g};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r,t=require("tslib"),a=require("react"),n=(e=a)&&"object"==typeof e&&"default"in e?e.default:e,u=require("react-i18next"),i=require("lodash"),o=require("react-intl"),c=require("@licklist/core/dist/DataMapper/Order/PaymentDataMapper"),l=require("../utils/index.js"),s=((r={})[c.PAYMENT_TYPE_NET_PROFIT]="netAmount",r[c.PAYMENT_TYPE_FEE]="bookeditFee",r[c.PAYMENT_TYPE_VAT]="vat",r);exports.PAYMENT_TYPE_TRANSLATE_KEYS=s,exports.useTableData=function(e){var r=e.order,c=e.externalDiscount,d=e.isPaymentProcessed,_=void 0!==d&&d,y=e.paymentDetail,p=o.useIntl().formatNumber,m=u.useTranslation("Design").t,P=function(e){return p(e,{style:"currency",currency:"GBP"})},A=function(e){return n.createElement("div",{className:"label"},e)},T=function(e){var t,a;return{key:i.uniqueId("category-id-"),name:A(null!==(a=null===(t=e[0].productCategory)||void 0===t?void 0:t.name)&&void 0!==a?a:""),quantity:"",price:A("".concat(m("total"),": ").concat(P(l.getTotalSumByCategory(r.orderProducts,e))))}},f=function(e){var t=l.getProductQuantityAndPrice(r.orderProducts,e),a=t.quantity,u=t.price;return 0===a?null:{key:e.id,name:e.name,quantity:n.createElement("div",{className:"quantity"},n.createElement("div",{className:"multiplier"},"x"),a),price:P(u)}},v=function(){return _?function(){var e=y&&!r.payments.length?l.getExternalPaymentDetail(y):Object.keys(s).map((function(e){return{translateKey:s[e],price:l.getPaymentValueByType(r.payments,e)}})),a=l.calculateTotalPrice(r,e),n=l.calculateTotalDiscount(r.payments),u=a-Number(n),i=[{translateKey:"amountTotal",price:a}];return n&&i.push({translateKey:"amountWithDiscount",price:u<0?0:u}),y&&!r.payments.length?t.__spreadArray(t.__spreadArray([],t.__read(i),!1),t.__read(e),!1):(i.push({translateKey:"totalPaid",price:u<=0?0:r.totalAmount}),u<=0||(i=t.__spreadArray(t.__spreadArray([],t.__read(i),!1),t.__read(e),!1),u>r.totalAmount&&i.push({translateKey:"remainingToPay",price:u-r.totalAmount})),i)}():(e=y?l.getExternalPaymentDetail(y):void 0,a=[{translateKey:"amountTotal",price:l.calculateTotalPrice(r,e)}],c&&a.push({price:c,translateKey:"amountWithDiscount"}),e?t.__spreadArray(t.__spreadArray([],t.__read(a),!1),t.__read(l.getExternalPaymentDetail(y)),!1):a);var e,a},E=a.useMemo((function(){return r?t.__spreadArray(t.__spreadArray([],t.__read(t.__spreadArray([],t.__read(new Set(r.products.map((function(e){return e.productCategoryId})))),!1).reduce((function(e,a){var n=r.products.filter((function(e){return e.productCategoryId===a}));if(!n.length)return e;var u=n.map(f).filter(Boolean);return u.length?t.__spreadArray(t.__spreadArray(t.__spreadArray([],t.__read(e),!1),[T(n)],!1),t.__read(u),!1):e}),[])),!1),t.__read(v().map((function(e){var r=e.translateKey,t=e.price;return{key:i.uniqueId("summary-info-".concat(r)),name:A(m(r)),quantity:"",price:A(P(t))}}))),!1):[]}),[r,c,_]);return E};

package/dist/iframe/payment/order-items-table/utils/index.d.ts

@@ -6,7 +6,11 @@ export declare enum PAYMENT_TYPE_TITLES {
     NET_PROFIT = "net profit",
     VAT = "VAT"
 }
-export declare const calculateTotalPrice: (orderProducts: Order["orderProducts"]) => number;
+interface ExternalPaymnetDetail {
+    translateKey: string;
+    price: number;
+}
+export declare const calculateTotalPrice: (order: Order, externalPaymentDetails?: ExternalPaymnetDetail[]) => number;
 export declare const calculateTotalDiscount: (payments: Order["payments"]) => number;
 export declare const getProductQuantityAndPrice: (orderProducts: Order["orderProducts"], product: Product) => {
     price: number;
@@ -18,4 +22,5 @@ export declare const getExternalPaymentDetail: (paymentDetail: PaymentDetail) =>
     price: any;
 }[];
 export declare const getTotalSumByCategory: (orderProducts: Order["orderProducts"], products: Product[]) => number;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/iframe/payment/order-items-table/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/payment/order-items-table/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sDAAsD,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,0DAA0D,CAAC;AAEnF,OAAO,EAAE,aAAa,EAAE,MAAM,8DAA8D,CAAC;AAS7F,oBAAY,mBAAmB;IAC7B,GAAG,QAAQ;IACX,UAAU,eAAe;IACzB,GAAG,QAAQ;CACZ;AAED,eAAO,MAAM,mBAAmB,kBAAmB,KAAK,CAAC,eAAe,CAAC,WAQxE,CAAC;AAEF,eAAO,MAAM,sBAAsB,aAAc,KAAK,CAAC,UAAU,CAAC,WAUjE,CAAC;AAEF,eAAO,MAAM,0BAA0B,kBACtB,KAAK,CAAC,eAAe,CAAC,WAC5B,OAAO;;;CAMjB,CAAC;AAEF,eAAO,MAAM,qBAAqB,aACtB,KAAK,CAAC,UAAU,CAAC,oBACT,MAAM,WAiBzB,CAAC;AAEF,eAAO,MAAM,wBAAwB,kBAAmB,aAAa;;;GAOpE,CAAC;AAEF,eAAO,MAAM,qBAAqB,kBACjB,KAAK,CAAC,eAAe,CAAC,YAC3B,OAAO,EAAE,WAUpB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/payment/order-items-table/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EAEN,MAAM,sDAAsD,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,0DAA0D,CAAC;AAEnF,OAAO,EAAE,aAAa,EAAE,MAAM,8DAA8D,CAAC;AAS7F,oBAAY,mBAAmB;IAC7B,GAAG,QAAQ;IACX,UAAU,eAAe;IACzB,GAAG,QAAQ;CACZ;AAED,UAAU,qBAAqB;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,mBAAmB,UACvB,KAAK,2BACa,qBAAqB,EAAE,WAsBjD,CAAC;AAEF,eAAO,MAAM,sBAAsB,aAAc,KAAK,CAAC,UAAU,CAAC,WAUjE,CAAC;AAEF,eAAO,MAAM,0BAA0B,kBACtB,KAAK,CAAC,eAAe,CAAC,WAC5B,OAAO;;;CAMjB,CAAC;AAEF,eAAO,MAAM,qBAAqB,aACtB,KAAK,CAAC,UAAU,CAAC,oBACT,MAAM,WAkBzB,CAAC;AAEF,eAAO,MAAM,wBAAwB,kBAAmB,aAAa;;;GAOpE,CAAC;AAEF,eAAO,MAAM,qBAAqB,kBACjB,KAAK,CAAC,eAAe,CAAC,YAC3B,OAAO,EAAE,WAUpB,CAAC"}

package/dist/iframe/payment/order-items-table/utils/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t,e=require("@licklist/core/dist/DataMapper/Order/PaymentDataMapper"),n={totalAmount:"totalPaid",netAmount:"netAmount",fee:"bookeditFee",remainingToPay:"remainingToPay"};(t=exports.PAYMENT_TYPE_TITLES||(exports.PAYMENT_TYPE_TITLES={})).FEE="fee",t.NET_PROFIT="net profit",t.VAT="VAT";var r=function(t,e){var n,r=t.find((function(t){return t.productId===e.id}));return{price:null==r?void 0:r.price,quantity:null!==(n=null==r?void 0:r.quantity)&&void 0!==n?n:1}};exports.calculateTotalDiscount=function(t){var n,r=null!==(n=null==t?void 0:t.reduce((function(t,n){var r;return(null===(r=null==n?void 0:n.paymentType)||void 0===r?void 0:r.title)===e.PAYMENT_TYPE_DISCOUNT?t+Number(null==n?void 0:n.amount):t}),0))&&void 0!==n?n:0;return Math.abs(Number(r))},exports.calculateTotalPrice=function(t){var e;return null!==(e=null==t?void 0:t.reduce((function(t,e){var n;return t+(null!==(n=null==e?void 0:e.quantity)&&void 0!==n?n:1)*e.price}),0))&&void 0!==e?e:0},exports.getExternalPaymentDetail=function(t){return Object.keys(n).map((function(e){return{translateKey:n[e],price:t[e]}}))},exports.getPaymentValueByType=function(t,e){var n,r,u,i,o,l;return e===exports.PAYMENT_TYPE_TITLES.FEE?(null!==(r=null===(n=t.find((function(t){return t.paymentType.title===e})))||void 0===n?void 0:n.amount)&&void 0!==r?r:0)+(null!==(i=null===(u=t.find((function(t){return t.paymentType.title===exports.PAYMENT_TYPE_TITLES.VAT})))||void 0===u?void 0:u.amount)&&void 0!==i?i:0):null!==(l=null===(o=t.find((function(t){return t.paymentType.title===e})))||void 0===o?void 0:o.amount)&&void 0!==l?l:0},exports.getProductQuantityAndPrice=r,exports.getTotalSumByCategory=function(t,e){return e.reduce((function(e,n){var u=r(t,n),i=u.quantity;return e+u.price*i}),0)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t,e=require("@licklist/core/dist/DataMapper/Order/PaymentDataMapper"),n=require("@licklist/core/dist/DataMapper/Order/OrderDataMapper"),r=require("../hooks/useTableData.js"),u={totalAmount:"totalPaid",netAmount:"netAmount",fee:"bookeditFee"};(t=exports.PAYMENT_TYPE_TITLES||(exports.PAYMENT_TYPE_TITLES={})).FEE="fee",t.NET_PROFIT="net profit",t.VAT="VAT";var i=function(t,e){var n,r=t.find((function(t){return t.productId===e.id}));return{price:null==r?void 0:r.price,quantity:null!==(n=null==r?void 0:r.quantity)&&void 0!==n?n:1}};exports.calculateTotalDiscount=function(t){var n,r=null!==(n=null==t?void 0:t.reduce((function(t,n){var r;return(null===(r=null==n?void 0:n.paymentType)||void 0===r?void 0:r.title)===e.PAYMENT_TYPE_DISCOUNT?t+Number(null==n?void 0:n.amount):t}),0))&&void 0!==n?n:0;return Math.abs(Number(r))},exports.calculateTotalPrice=function(t,e){var u,i,o,l=null!==(i=null===(u=null==t?void 0:t.orderProducts)||void 0===u?void 0:u.reduce((function(t,e){var n;return t+(null!==(n=null==e?void 0:e.quantity)&&void 0!==n?n:1)*e.price}),0))&&void 0!==i?i:0;return(null==t?void 0:t.feeChargeType)===n.ORDER_FEE_CHARGE_TYPE_CLIENT&&e?l+((null===(o=e.find((function(t){return t.translateKey===r.PAYMENT_TYPE_TRANSLATE_KEYS.fee})))||void 0===o?void 0:o.price)||0):l},exports.getExternalPaymentDetail=function(t){return Object.keys(u).map((function(e){return{translateKey:u[e],price:t[e]}}))},exports.getPaymentValueByType=function(t,e){var n,r,u,i,o,l;return e===exports.PAYMENT_TYPE_TITLES.FEE?(null!==(r=null===(n=null==t?void 0:t.find((function(t){return t.paymentType.title===e})))||void 0===n?void 0:n.amount)&&void 0!==r?r:0)+(null!==(i=null===(u=null==t?void 0:t.find((function(t){return t.paymentType.title===exports.PAYMENT_TYPE_TITLES.VAT})))||void 0===u?void 0:u.amount)&&void 0!==i?i:0):null!==(l=null===(o=null==t?void 0:t.find((function(t){return t.paymentType.title===e})))||void 0===o?void 0:o.amount)&&void 0!==l?l:0},exports.getProductQuantityAndPrice=i,exports.getTotalSumByCategory=function(t,e){return e.reduce((function(e,n){var r=i(t,n),u=r.quantity;return e+r.price*u}),0)};

package/dist/iframe/payment/payment-page/PaymentPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentPage.d.ts","sourceRoot":"","sources":["../../../../src/iframe/payment/payment-page/PaymentPage.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAAE,mBAAmB,EAAE,MAAM,0DAA0D,CAAC;AAI/F,OAAO,EAEL,oBAAoB,EACrB,MAAM,4BAA4B,CAAC;AAKpC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,YAAa,SAAQ,oBAAoB;IACjD,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,EAAE,oBAAoB,CAAC,CAAC;IACrE,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAED,eAAO,MAAM,WAAW,kIAQrB,YAAY,gBAoHd,CAAC"}
+{"version":3,"file":"PaymentPage.d.ts","sourceRoot":"","sources":["../../../../src/iframe/payment/payment-page/PaymentPage.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAAE,mBAAmB,EAAE,MAAM,0DAA0D,CAAC;AAI/F,OAAO,EAEL,oBAAoB,EACrB,MAAM,4BAA4B,CAAC;AAKpC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,YAAa,SAAQ,oBAAoB;IACjD,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,EAAE,oBAAoB,CAAC,CAAC;IACrE,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAED,eAAO,MAAM,WAAW,kIAQrB,YAAY,gBAsHd,CAAC"}

package/dist/iframe/payment/payment-page/PaymentPage.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),o=require("react"),a=(e=o)&&"object"==typeof e&&"default"in e?e.default:e,r=require("react-router-dom"),n=require("../../../static/loader/LoaderIndicator.js"),m=require("react-i18next"),s=require("react-bootstrap");require("../../../static/index.js"),require("../../order-process/components/NavigationFooter/NavigationFooter.js");var i=require("../../page/components/PageHeader/PageHeader.js"),l=require("@licklist/plugins/dist/context/payment/PaymentSessionContext"),c=require("../../order-process/components/BookingSummary/components/SummaryTotal/components/SummaryTotalBlock.js"),u=require("../../ryft/RyftPaymentForm.js"),d=require("../../order-process/components/BookingSummary/BookingSummary.js");require("../../order-process/components/NavigationSteps/NavigationSteps.js"),require("../../order-process/components/StepsForm/StepsForm.js"),require("../../order-process/components/Timer/Timer.js"),require("../../order-process/components/PaymentCard/PaymentCard.js");var p=require("../../order-process/components/BookingSummaryFooter/BookingSummaryFooter.js"),y=require("../../page/components/PageBody/PageBody.js");require("../../order-process/components/CalendarStepsForm/CalendarStepsForm.js");var g=require("./PaymentTimer.js"),f=require("../../page/Page.js");exports.PaymentPage=function(e){var B=e.onCloseIframePayment,P=e.onFailIframePayment,k=e.data,E=e.isLoading,S=e.bookingSummaryProps,q=e.paymentMetadata,j=t.__rest(e,["onCloseIframePayment","onFailIframePayment","data","isLoading","bookingSummaryProps","paymentMetadata"]),v=m.useTranslation("Design").t,x=r.useLocation().search,C=o.useContext(l.PaymentSessionContext).isPaymentSessionExpired,b=Boolean(new URLSearchParams(x).get("isIframePayment")),w=function(){window.close()};return o.useEffect((function(){b&&B&&window.addEventListener("beforeunload",(function(){B()}))}),[]),o.useEffect((function(){C&&b&&P&&P()}),[C]),E?a.createElement(n.LoaderIndicator,{isLoaded:!1}):null===k?a.createElement(f.Page,null,a.createElement(y.PageBody,{leftBlock:a.createElement(y.PageBody.LeftBlock,null,a.createElement("div",{className:"d-flex h-100 w-100 justify-content-center align-items-center flex-column"},a.createElement("h6",null,v("linkNotActiveOrExpired")),a.createElement(s.Col,{xs:12,md:3},a.createElement(s.Button,{className:"mt-5 w-20",onClick:function(){window.location.href="https://booked.it/"}},v("backToSite")))))})):a.createElement(f.Page,{className:"payment_link",headerBlock:a.createElement(i.PageHeader,{showBackButton:b,onBackButtonClick:b?w:void 0,showCloseButton:b,onCloseButtonClick:b?w:void 0},a.createElement(g.PaymentTimer,null),a.createElement("div",{className:"d-flex align-items-center justify-content-center w-100"},v("paymentDetails")))},a.createElement(y.PageBody,{leftBlock:a.createElement(y.PageBody.LeftBlock,null,a.createElement(u.RyftPaymentForm,t.__assign({},j))),rightBlock:a.createElement(y.PageBody.RightBlock,{bottomBlock:a.createElement(p.BookingSummaryFooter,{showButton:!1},a.createElement("div",{className:"d-flex flex-column justify-content-between"},q&&a.createElement(a.Fragment,null,a.createElement(c.SummaryTotalBlock,{label:v("total"),amount:q.total||0}),a.createElement(c.SummaryTotalBlock,{label:v("paidSum"),amount:q.paid||0})),a.createElement(c.SummaryTotalBlock,{label:v(q?"remaining":"total"),amount:(null==k?void 0:k.amount)||0})))},a.createElement("h6",null,v("paymentDetails")),a.createElement(d.BookingSummary,t.__assign({},S)))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),o=require("react"),a=(e=o)&&"object"==typeof e&&"default"in e?e.default:e,r=require("react-router-dom"),n=require("../../../static/loader/LoaderIndicator.js"),m=require("react-i18next"),s=require("react-bootstrap");require("../../../static/index.js"),require("../../order-process/components/NavigationFooter/NavigationFooter.js");var i=require("../../page/components/PageHeader/PageHeader.js"),l=require("@licklist/plugins/dist/context/payment/PaymentSessionContext"),c=require("../../order-process/components/BookingSummary/components/SummaryTotal/components/SummaryTotalBlock.js"),u=require("../../ryft/RyftPaymentForm.js"),d=require("../../order-process/components/BookingSummary/BookingSummary.js");require("../../order-process/components/NavigationSteps/NavigationSteps.js"),require("../../order-process/components/StepsForm/StepsForm.js"),require("../../order-process/components/Timer/Timer.js"),require("../../order-process/components/PaymentCard/PaymentCard.js");var p=require("../../order-process/components/BookingSummaryFooter/BookingSummaryFooter.js"),y=require("../../page/components/PageBody/PageBody.js");require("../../order-process/components/CalendarStepsForm/CalendarStepsForm.js");var g=require("./PaymentTimer.js"),f=require("../../page/Page.js");exports.PaymentPage=function(e){var B=e.onCloseIframePayment,P=e.onFailIframePayment,k=e.data,E=e.isLoading,S=e.bookingSummaryProps,q=e.paymentMetadata,j=t.__rest(e,["onCloseIframePayment","onFailIframePayment","data","isLoading","bookingSummaryProps","paymentMetadata"]),v=m.useTranslation("Design").t,x=r.useLocation().search,C=o.useContext(l.PaymentSessionContext).isPaymentSessionExpired,F=Boolean(new URLSearchParams(x).get("isIframePayment")),b=function(){window.close()};return o.useEffect((function(){F&&B&&window.addEventListener("beforeunload",(function(){B()}))}),[]),o.useEffect((function(){C&&F&&P&&P()}),[C]),E?a.createElement(n.LoaderIndicator,{isLoaded:!1}):null===k?a.createElement(f.Page,null,a.createElement(y.PageBody,{leftBlock:a.createElement(y.PageBody.LeftBlock,null,a.createElement("div",{className:"d-flex h-100 w-100 justify-content-center align-items-center flex-column"},a.createElement("h6",null,v("linkNotActiveOrExpired")),a.createElement(s.Col,{xs:12,md:3},a.createElement(s.Button,{className:"mt-5 w-20",onClick:function(){window.location.href="https://booked.it/"}},v("backToSite")))))})):a.createElement(f.Page,{className:"payment_link",headerBlock:a.createElement(i.PageHeader,{showBackButton:F,onBackButtonClick:F?b:void 0,showCloseButton:F,onCloseButtonClick:F?b:void 0},a.createElement(g.PaymentTimer,null),a.createElement("div",{className:"d-flex align-items-center justify-content-center w-100"},v("paymentDetails")))},a.createElement(y.PageBody,{leftBlock:a.createElement(y.PageBody.LeftBlock,null,a.createElement(u.RyftPaymentForm,t.__assign({},j))),rightBlock:a.createElement(y.PageBody.RightBlock,{bottomBlock:a.createElement(p.BookingSummaryFooter,{showButton:!1},a.createElement("div",{className:"d-flex flex-column justify-content-between"},q&&a.createElement(a.Fragment,null,a.createElement(c.SummaryTotalBlock,{label:v("total"),amount:q.total||0}),a.createElement(c.SummaryTotalBlock,{label:v("paidSum"),amount:q.paid||0})),a.createElement(c.SummaryTotalBlock,{label:v(q?"remaining":"total"),amount:(null==k?void 0:k.amount)+((null==S?void 0:S.transactionFee)||0)})))},a.createElement("h6",null,v("paymentDetails")),a.createElement(d.BookingSummary,t.__assign({},S)))}))};

package/dist/iframe/payment/payment-status-page/PaymentStatusPage.d.ts

@@ -12,11 +12,12 @@ interface PaymentStatusComponentProps {
     isLoading?: boolean;
     status: OrderStatusPrefix;
     isAppUsingInIframe?: boolean;
-    bookingSummaryProps?: BookingSummaryProps;
+    transactionFee?: number;
+    bookingSummaryProps?: Omit<BookingSummaryProps, "transactionFee">;
     EventCardComponent?: ReactNode;
     showCloseButton?: boolean;
     email?: string;
 }
-export declare const PaymentStatusPage: ({ onCloseWindow, onBack, onTryAgain, totalAmount, isLoading, status, isAppUsingInIframe, bookingSummaryProps, EventCardComponent, showCloseButton, email, }: PaymentStatusComponentProps) => JSX.Element;
+export declare const PaymentStatusPage: ({ onCloseWindow, onBack, onTryAgain, totalAmount, isLoading, status, transactionFee, isAppUsingInIframe, bookingSummaryProps, EventCardComponent, showCloseButton, email, }: PaymentStatusComponentProps) => JSX.Element;
 export {};
 //# sourceMappingURL=PaymentStatusPage.d.ts.map

package/dist/iframe/payment/payment-status-page/PaymentStatusPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentStatusPage.d.ts","sourceRoot":"","sources":["../../../../src/iframe/payment/payment-status-page/PaymentStatusPage.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,qDAAqD,CAAC;AAE1F,eAAO,MAAM,mBAAmB,WAAW,CAAC;AAC5C,eAAO,MAAM,oBAAoB,YAAY,CAAC;AAC9C,eAAO,MAAM,oBAAoB,YAAY,CAAC;AAE9C,oBAAY,iBAAiB,GACzB,OAAO,oBAAoB,GAC3B,OAAO,mBAAmB,GAC1B,OAAO,oBAAoB,CAAC;AAEhC,UAAU,2BAA2B;IACnC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAGD,eAAO,MAAM,iBAAiB,gKAY3B,2BAA2B,gBA2E7B,CAAC"}
+{"version":3,"file":"PaymentStatusPage.d.ts","sourceRoot":"","sources":["../../../../src/iframe/payment/payment-status-page/PaymentStatusPage.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,qDAAqD,CAAC;AAE1F,eAAO,MAAM,mBAAmB,WAAW,CAAC;AAC5C,eAAO,MAAM,oBAAoB,YAAY,CAAC;AAC9C,eAAO,MAAM,oBAAoB,YAAY,CAAC;AAE9C,oBAAY,iBAAiB,GACzB,OAAO,oBAAoB,GAC3B,OAAO,mBAAmB,GAC1B,OAAO,oBAAoB,CAAC;AAEhC,UAAU,2BAA2B;IACnC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,gBAAgB,CAAC,CAAC;IAClE,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAGD,eAAO,MAAM,iBAAiB,gLAa3B,2BAA2B,gBA+E7B,CAAC"}

package/dist/iframe/payment/payment-status-page/PaymentStatusPage.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,o=require("tslib"),r=require("react"),t=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,a=require("../../../static/loader/LoaderIndicator.js"),n=require("react-i18next");require("../../order-process/components/NavigationFooter/NavigationFooter.js"),require("../../page/components/PageHeader/PageHeader.js");var s=require("../payment-status-header/PaymentStatusHeader.js"),m=require("../../order-process/components/BookingSummary/components/SummaryTotal/components/SummaryTotalBlock.js");require("../../order-process/components/BookingSummary/components/SummaryTotal/SummaryTotal.js");var i=require("../../order-process/components/BookingSummary/BookingSummary.js");require("../../order-process/components/NavigationSteps/NavigationSteps.js"),require("../../order-process/components/StepsForm/StepsForm.js"),require("../../order-process/components/Timer/Timer.js"),require("../../order-process/components/PaymentCard/PaymentCard.js");var u=require("../../order-process/components/BookingSummaryFooter/BookingSummaryFooter.js"),c=require("../../page/components/PageBody/PageBody.js");require("../../order-process/components/CalendarStepsForm/CalendarStepsForm.js");var l=require("../../page/Page.js"),p=require("./component/PaymentStatusBody.js"),d="failed",g="success",y="pending";exports.ORDER_STATUS_FAILED=d,exports.ORDER_STATUS_PENDING=y,exports.ORDER_STATUS_SUCCESS=g,exports.PaymentStatusPage=function(e){var r=e.onCloseWindow,S=e.onBack,B=e.onTryAgain,P=e.totalAmount,k=e.isLoading,E=e.status,q=e.isAppUsingInIframe,j=e.bookingSummaryProps,v=e.EventCardComponent,T=e.showCloseButton,f=void 0!==T&&T,C=e.email,h=n.useTranslation("Design").t,F=function(){switch(E){case g:return h("purchaseSuccessful");case y:return h("pendingPayment");default:return h("purchaseFailed")}}();return k?t.createElement(a.LoaderIndicator,{isLoaded:!1}):t.createElement(l.Page,{className:"payment-status-page",headerBlock:t.createElement(s.PaymentStatusHeader,{success:E!==d,showCloseButton:f,onCloseButtonClick:r,title:E===y?h("pendingPayment"):void 0}),isAppUsingInIframe:q},t.createElement(c.PageBody,{leftBlock:t.createElement(c.PageBody.LeftBlock,{title:F},t.createElement("div",null,v,t.createElement(p.PaymentStatusBody,{status:E,onBack:S||r,onTryAgain:B,email:C}))),rightBlock:t.createElement(c.PageBody.RightBlock,{bottomBlock:t.createElement(u.BookingSummaryFooter,{showButton:!1},(null==j?void 0:j.formValues)?t.createElement(i.BookingSummary.SummaryTotal,{formValues:null==j?void 0:j.formValues}):t.createElement(m.SummaryTotalBlock,{label:h("total"),amount:P||0}))},j?t.createElement(i.BookingSummary,o.__assign({},j)):t.createElement("h6",null,F))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,o=require("tslib"),r=require("react"),t=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,a=require("../../../static/loader/LoaderIndicator.js"),n=require("react-i18next");require("../../order-process/components/NavigationFooter/NavigationFooter.js"),require("../../page/components/PageHeader/PageHeader.js");var s=require("../payment-status-header/PaymentStatusHeader.js"),m=require("../../order-process/components/BookingSummary/components/SummaryTotal/components/SummaryTotalBlock.js");require("../../order-process/components/BookingSummary/components/SummaryTotal/SummaryTotal.js");var i=require("../../order-process/components/BookingSummary/BookingSummary.js");require("../../order-process/components/NavigationSteps/NavigationSteps.js"),require("../../order-process/components/StepsForm/StepsForm.js"),require("../../order-process/components/Timer/Timer.js"),require("../../order-process/components/PaymentCard/PaymentCard.js");var u=require("../../order-process/components/BookingSummaryFooter/BookingSummaryFooter.js"),c=require("../../page/components/PageBody/PageBody.js");require("../../order-process/components/CalendarStepsForm/CalendarStepsForm.js");var l=require("../../page/Page.js"),p=require("./component/PaymentStatusBody.js"),d="failed",g="success",y="pending";exports.ORDER_STATUS_FAILED=d,exports.ORDER_STATUS_PENDING=y,exports.ORDER_STATUS_SUCCESS=g,exports.PaymentStatusPage=function(e){var r=e.onCloseWindow,S=e.onBack,B=e.onTryAgain,P=e.totalAmount,k=e.isLoading,E=e.status,q=e.transactionFee,j=void 0===q?0:q,v=e.isAppUsingInIframe,T=e.bookingSummaryProps,f=e.EventCardComponent,F=e.showCloseButton,C=void 0!==F&&F,h=e.email,_=n.useTranslation("Design").t,A=function(){switch(E){case g:return _("purchaseSuccessful");case y:return _("pendingPayment");default:return _("purchaseFailed")}}();return k?t.createElement(a.LoaderIndicator,{isLoaded:!1}):t.createElement(l.Page,{className:"payment-status-page",headerBlock:t.createElement(s.PaymentStatusHeader,{success:E!==d,showCloseButton:C,onCloseButtonClick:r,title:E===y?_("pendingPayment"):void 0}),isAppUsingInIframe:v},t.createElement(c.PageBody,{leftBlock:t.createElement(c.PageBody.LeftBlock,{title:A},t.createElement("div",null,f,t.createElement(p.PaymentStatusBody,{status:E,onBack:S||r,onTryAgain:B,email:h}))),rightBlock:t.createElement(c.PageBody.RightBlock,{bottomBlock:t.createElement(u.BookingSummaryFooter,{showButton:!1},(null==T?void 0:T.formValues)?t.createElement(i.BookingSummary.SummaryTotal,{formValues:null==T?void 0:T.formValues,transactionFee:j}):t.createElement(m.SummaryTotalBlock,{label:_("total"),amount:P+j||0}))},T?t.createElement(i.BookingSummary,o.__assign({},T,{transactionFee:j})):t.createElement("h6",null,A))}))};

package/dist/product-set/form/ProductCategoriesControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCategoriesControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/ProductCategoriesControl.tsx"],"names":[],"mappings":";AAYA,OAAO,EAKL,YAAY,EACb,MAAM,kEAAkE,CAAC;AAQ1E,OAAO,EAAwB,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAQvE,UAAU,6BAA8B,SAAQ,aAAa;IAC3D,SAAS,EAAE,MAAM,CAAC;CACnB;AA4BD,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,EACT,SAAS,GACV,EAAE,6BAA6B,eAsR/B;AAED,eAAO,MAAM,cAAc,iBACX,YAAY,SACnB,MAAM;WACH,MAAM;eAAa,MAAM;CAcpC,CAAC"}
+{"version":3,"file":"ProductCategoriesControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/ProductCategoriesControl.tsx"],"names":[],"mappings":";AAYA,OAAO,EAKL,YAAY,EACb,MAAM,kEAAkE,CAAC;AAQ1E,OAAO,EAAwB,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAQvE,UAAU,6BAA8B,SAAQ,aAAa;IAC3D,SAAS,EAAE,MAAM,CAAC;CACnB;AA4BD,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,EACT,SAAS,GACV,EAAE,6BAA6B,eAyR/B;AAED,eAAO,MAAM,cAAc,iBACX,YAAY,SACnB,MAAM;WACH,MAAM;eAAa,MAAM;CAcpC,CAAC"}

package/dist/product-set/form/ProductCategoriesControl.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=require("tslib"),r=require("react"),n=e(r),o=require("react-i18next"),i=require("react-bootstrap"),a=require("react-hook-form"),u=e(require("@licklist/plugins/dist/services/Form/HookFormService")),d=e(require("clsx")),l=require("@dnd-kit/core"),s=require("lodash"),c=require("../../sortable-tree/SortableTreeItem.js"),m=require("../../sortable-tree/SortableTree.js"),p=require("../item/CreateProductSetItem.js"),g=require("./context.js"),v=require("@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper"),f=require("../product-category/ProductCategoryControl.js"),y=require("./ProductsControl.js"),C=require("./SelectCategoryModal.js"),E=require("./VenueMapSetModal.js"),_=require("../utils/index.js");var b=function(e,t){return e===v.CATEGORY_TYPE_GAME?{className:"game-badge",label:t}:e===v.CATEGORY_TYPE_FIXED_DURATION?{className:"fixed-duration-badge",label:t}:null};exports.ProductCategoriesControl=function(e){var I,S,q,T,x,P,N=e.isLoading,M=e.stepIndex,A=o.useTranslation("Design").t,h=r.useContext(g.ProductSetLoadingContext),k=h.providerHasMap,j=h.expandedProductCategories,D=h.setExpandedProductCategories,R=a.useFormContext(),V=t.__read(r.useState(!1),2),Y=V[0],F=V[1],O=t.__read(r.useState(!1),2),B=O[0],L=O[1],w=t.__read(r.useState(!1),2),G=w[0],H=w[1],Q=R.control,U=R.formState.errors,K=R.clearErrors,z=R.watch,W=R.trigger,X=R.getValues,J=R.setValue,Z=z("steps.".concat(M,".hasMap"))||!1,$="steps.".concat(M,".productCategories"),ee=a.useFieldArray({name:$,control:Q,keyName:"_id"}),te=ee.fields,re=ee.append,ne=ee.remove,oe=t.__read(r.useState({}),2),ie=oe[0],ae=oe[1],ue=a.useWatch({control:Q,name:$}),de=null===(S=null===(I=null==U?void 0:U.steps)||void 0===I?void 0:I[M])||void 0===S?void 0:S.productCategories,le=null===(T=null===(q=null==U?void 0:U.steps)||void 0===q?void 0:q[M])||void 0===T?void 0:T.venueMapSetId,se=null===(P=null===(x=null==U?void 0:U.steps)||void 0===x?void 0:x[M])||void 0===P?void 0:P.pointProducts,ce=Boolean(le||se),me=l.useSensor(l.MouseSensor,{activationConstraint:{distance:10}});return r.useEffect((function(){ue&&ue.length&&ue.forEach((function(e){var r,n,o=null===(r=e.products)||void 0===r?void 0:r.reduce((function(e,t){return e+Number(t.price)*Number(t.totalQuantity)}),0),i=null===(n=e.products)||void 0===n?void 0:n.reduce((function(e,t){return e+Number(t.totalQuantity)}),0);ae((function(r){var n;return t.__assign(t.__assign({},r),((n={})[(null==e?void 0:e.id)||e.uniqueId]={price:o,quantity:i},n))}))}))}),[ue]),r.useEffect((function(){1===te.length&&D((function(e){var r,n,o;return t.__assign(t.__assign({},e),((r={})[String((null===(n=te[0])||void 0===n?void 0:n.id)||(null===(o=te[0])||void 0===o?void 0:o.uniqueId))]=!0,r))}))}),[te]),n.createElement(n.Fragment,null,n.createElement(m.SortableTree,{sensors:[me],items:te.map((function(e){return String(e._id)})),onDragEnd:function(e){var t=e.active,r=e.over;if(t&&r&&(null==t?void 0:t.id)&&(null==r?void 0:r.id)){var n=te.findIndex((function(e){return e._id===t.id})),o=te.findIndex((function(e){return e._id===r.id}));if(n!==o){var i=X($);if(i){var a=_.sortArrayByIndex(_.moveArrayElements(i,n,o));J($,a)}}}}},te.map((function(e,r){var o=(null==e?void 0:e.id)?String(e.id):e.uniqueId,u=function(){!function(e){D((function(r){var n;return t.__assign(t.__assign({},r),((n={})[e]=!r[e],n))}))}(o)};return n.createElement(a.Controller,{key:"product-category-".concat(e._id),name:"".concat($,".").concat(r,".name"),control:Q,rules:{required:A("Validation:fieldRequired",{attribute:A("name")})},render:function(t){var a,d,l,s=t.field,p=s.value,g=s.onChange;return n.createElement(m.SortableTree.Item,{id:e._id,title:p,isExpanded:j[o],setIsExpanded:u,isInvalid:!!de,badge:n.createElement(i.Badge,{className:"category-badge"},A("productCategory")),isIconInHeader:!1,subTitle:n.createElement("div",{className:"product-set-badges-container"},n.createElement("div",{className:"product-set-subtitle-dot product-set-subtitle-category-dot"}),n.createElement("span",null,null!==(l=null===(d=ie[null!==(a=null==e?void 0:e.id)&&void 0!==a?a:e.uniqueId])||void 0===d?void 0:d.quantity)&&void 0!==l?l:"N/A"," ",A("products"))),treeLineIconColor:"#1A93AA",modalLabel:A("addNewCategory"),secondaryBadge:b(e.type,A(e.type)),modalClass:c.ProductSetModalClasses.category,isNewAdded:G,body:n.createElement(f.ProductCategoryControl,{isLoading:N,onCategoryNameChange:g,categoryName:p,stepIndex:M,productCategoryIndex:r}),onDelete:function(){return ne(r)},validate:function(){return W("steps.".concat(M,".productCategories.").concat(r))},sortableItems:e.products?e.products.filter((function(e){return e.id})).map((function(e){var t=e.id;return String(t)})):[]},n.createElement(y.ProductsControl,{isLoading:N,quantityType:e.quantityType,hasTicket:null==e?void 0:e.hasTicket,stepIndex:M,productCategoryIndex:r,categoryType:e.type}))}})}))),n.createElement(p.CreateProductSetItem,{title:A("addCategory"),onClick:function(){F(!0)}}),n.createElement(C.SelectCategoryModal,{isVisible:Y,onHide:function(){return F(!1)},onCategorySelect:function(e){re(function(e,t){return{id:null,uniqueId:s.uniqueId("product-category"),name:"",minSubItems:null,maxSubItems:null,quantityType:v.QUANTITY_TYPE_STANDARD,type:e,isRelyOnPeople:e===v.CATEGORY_TYPE_TICKETS,isTimeRelated:!1,collectUserInfo:!1,hasTicket:e===v.CATEGORY_TYPE_TICKETS,allowDeposits:!1,remainderExpireAfter:void 0,hasBookingManagement:!1,weight:0,isReusable:!1,hasSubEvents:!1,products:[],zoneId:null,sort:t}}(e,te.length)),H(!0),(null==de?void 0:de.type)===u.manualErrorType&&K($)}}),k&&Z&&n.createElement(n.Fragment,null,n.createElement(p.CreateProductSetItem,{title:A("editMap"),onClick:function(){L(!0)},className:d("mt-3",ce&&"mb-3",ce&&"is-invalid")}),ce&&n.createElement("div",{className:"manual-form-error"},le&&A("Validation:fieldRequired",{attribute:A("Design:venueMapSet")}),se&&A("Validation:fieldMinNumber",{attribute:A("pointProduct"),min:1})),n.createElement(E.VenueMapSetModal,{isVisible:B,setIsVisible:L,stepIndex:M})),n.createElement("div",{className:"manual-form-error"},de&&de.message))},exports.getBadgeConfig=b;
+"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),o=require("react-i18next"),i=require("react-bootstrap"),a=require("react-hook-form"),u=e(require("@licklist/plugins/dist/services/Form/HookFormService")),d=e(require("clsx")),l=require("@dnd-kit/core"),s=require("lodash"),c=require("../../sortable-tree/SortableTreeItem.js"),m=require("../../sortable-tree/SortableTree.js"),p=require("../item/CreateProductSetItem.js"),g=require("./context.js"),v=require("@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper"),f=require("../product-category/ProductCategoryControl.js"),y=require("./ProductsControl.js"),C=require("./SelectCategoryModal.js"),E=require("./VenueMapSetModal.js"),_=require("../utils/index.js");var b=function(e,t){return e===v.CATEGORY_TYPE_GAME?{className:"game-badge",label:t}:e===v.CATEGORY_TYPE_FIXED_DURATION?{className:"fixed-duration-badge",label:t}:null};exports.ProductCategoriesControl=function(e){var I,S,q,T,x,P,N=e.isLoading,M=e.stepIndex,A=o.useTranslation("Design").t,h=r.useContext(g.ProductSetLoadingContext),k=h.providerHasMap,j=h.expandedProductCategories,D=h.setExpandedProductCategories,R=a.useFormContext(),V=t.__read(r.useState(!1),2),Y=V[0],F=V[1],O=t.__read(r.useState(!1),2),B=O[0],L=O[1],w=t.__read(r.useState(!1),2),G=w[0],H=w[1],U=R.control,Q=R.formState.errors,K=R.clearErrors,z=R.watch,W=R.trigger,X=R.getValues,J=R.setValue,Z=z("steps.".concat(M,".hasMap"))||!1,$="steps.".concat(M,".productCategories"),ee=a.useFieldArray({name:$,control:U,keyName:"_id"}),te=ee.fields,re=ee.append,ne=ee.remove,oe=t.__read(r.useState({}),2),ie=oe[0],ae=oe[1],ue=a.useWatch({control:U,name:$}),de=null===(S=null===(I=null==Q?void 0:Q.steps)||void 0===I?void 0:I[M])||void 0===S?void 0:S.productCategories,le=null===(T=null===(q=null==Q?void 0:Q.steps)||void 0===q?void 0:q[M])||void 0===T?void 0:T.venueMapSetId,se=null===(P=null===(x=null==Q?void 0:Q.steps)||void 0===x?void 0:x[M])||void 0===P?void 0:P.pointProducts,ce=Boolean(le||se),me=l.useSensor(l.MouseSensor,{activationConstraint:{distance:10}});return r.useEffect((function(){ue&&ue.length&&ue.forEach((function(e){var r,n,o=null===(r=e.products)||void 0===r?void 0:r.reduce((function(e,t){return e+Number(t.price)*Number(t.totalQuantity)}),0),i=null===(n=e.products)||void 0===n?void 0:n.reduce((function(e,t){return e+(t.isUnlimited?0:Number(t.totalQuantity))}),0);ae((function(r){var n;return t.__assign(t.__assign({},r),((n={})[(null==e?void 0:e.id)||e.uniqueId]={price:o,quantity:i},n))}))}))}),[ue]),r.useEffect((function(){1===te.length&&D((function(e){var r,n,o;return t.__assign(t.__assign({},e),((r={})[String((null===(n=te[0])||void 0===n?void 0:n.id)||(null===(o=te[0])||void 0===o?void 0:o.uniqueId))]=!0,r))}))}),[te]),n.createElement(n.Fragment,null,n.createElement(m.SortableTree,{sensors:[me],items:te.map((function(e){return String(e._id)})),onDragEnd:function(e){var t=e.active,r=e.over;if(t&&r&&(null==t?void 0:t.id)&&(null==r?void 0:r.id)){var n=te.findIndex((function(e){return e._id===t.id})),o=te.findIndex((function(e){return e._id===r.id}));if(n!==o){var i=X($);if(i){var a=_.sortArrayByIndex(_.moveArrayElements(i,n,o));J($,a)}}}}},te.map((function(e,r){var o=(null==e?void 0:e.id)?String(e.id):e.uniqueId,u=function(){!function(e){D((function(r){var n;return t.__assign(t.__assign({},r),((n={})[e]=!r[e],n))}))}(o)};return n.createElement(a.Controller,{key:"product-category-".concat(e._id),name:"".concat($,".").concat(r,".name"),control:U,rules:{required:A("Validation:fieldRequired",{attribute:A("name")})},render:function(t){var a,d,l,s=t.field,p=s.value,g=s.onChange;return n.createElement(m.SortableTree.Item,{id:e._id,title:p,isExpanded:j[o],setIsExpanded:u,isInvalid:!!de,badge:n.createElement(i.Badge,{className:"category-badge"},A("productCategory")),isIconInHeader:!1,subTitle:n.createElement("div",{className:"product-set-badges-container"},n.createElement("div",{className:"product-set-subtitle-dot product-set-subtitle-category-dot"}),n.createElement("span",null,null!==(l=null===(d=ie[null!==(a=null==e?void 0:e.id)&&void 0!==a?a:e.uniqueId])||void 0===d?void 0:d.quantity)&&void 0!==l?l:"N/A"," ",A("products"))),treeLineIconColor:"#1A93AA",modalLabel:A("addNewCategory"),secondaryBadge:b(e.type,A(e.type)),modalClass:c.ProductSetModalClasses.category,isNewAdded:G,body:n.createElement(f.ProductCategoryControl,{isLoading:N,onCategoryNameChange:g,categoryName:p,stepIndex:M,productCategoryIndex:r}),onDelete:function(){return ne(r)},validate:function(){return W("steps.".concat(M,".productCategories.").concat(r))},sortableItems:e.products?e.products.filter((function(e){return e.id})).map((function(e){var t=e.id;return String(t)})):[]},n.createElement(y.ProductsControl,{isLoading:N,quantityType:e.quantityType,hasTicket:null==e?void 0:e.hasTicket,stepIndex:M,productCategoryIndex:r,categoryType:e.type}))}})}))),n.createElement(p.CreateProductSetItem,{title:A("addCategory"),onClick:function(){F(!0)}}),n.createElement(C.SelectCategoryModal,{isVisible:Y,onHide:function(){return F(!1)},onCategorySelect:function(e){re(function(e,t){return{id:null,uniqueId:s.uniqueId("product-category"),name:"",minSubItems:null,maxSubItems:null,quantityType:v.QUANTITY_TYPE_STANDARD,type:e,isRelyOnPeople:e===v.CATEGORY_TYPE_TICKETS,isTimeRelated:!1,collectUserInfo:!1,hasTicket:e===v.CATEGORY_TYPE_TICKETS,allowDeposits:!1,remainderExpireAfter:void 0,hasBookingManagement:!1,weight:0,isReusable:!1,hasSubEvents:!1,products:[],zoneId:null,sort:t}}(e,te.length)),H(!0),(null==de?void 0:de.type)===u.manualErrorType&&K($)}}),k&&Z&&n.createElement(n.Fragment,null,n.createElement(p.CreateProductSetItem,{title:A("editMap"),onClick:function(){L(!0)},className:d("mt-3",ce&&"mb-3",ce&&"is-invalid")}),ce&&n.createElement("div",{className:"manual-form-error"},le&&A("Validation:fieldRequired",{attribute:A("Design:venueMapSet")}),se&&A("Validation:fieldMinNumber",{attribute:A("pointProduct"),min:1})),n.createElement(E.VenueMapSetModal,{isVisible:B,setIsVisible:L,stepIndex:M})),n.createElement("div",{className:"manual-form-error"},de&&de.message))},exports.getBadgeConfig=b;

package/dist/sales/booking/filter/components/AdditionalFIlterSection.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),l=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,n=require("react-i18next"),o=require("react-bootstrap"),a=require("react-hook-form"),i=require("@licklist/plugins/dist/context/booking/BookingContext"),s=require("@licklist/core/dist/DataMapper/Order/OrderDataMapper"),c=[s.ORDER_STATUS_PENDING,s.ORDER_STATUS_CANCELLED,s.ORDER_STATUS_COMPLETED,s.ORDER_STATUS_ACTION_REQUIRED];exports.AdditionalFilterSection=function(){var e=n.useTranslation("Design").t,s=r.useContext(i.BookingContext),m=s.filters,u=s.setFilters,E=a.useForm({defaultValues:m}),d=E.handleSubmit,p=E.register,f=E.reset;return r.useEffect((function(){f(m)}),[m,f]),l.createElement("div",{className:"additional-filter-section"},l.createElement(o.Form,{onSubmit:d((function(e){u(e)}))},l.createElement(o.Row,null,l.createElement(o.Col,{md:"3"},l.createElement(o.Form.Group,null,l.createElement(o.Form.Label,null,e("staffMember")),l.createElement(o.Form.Control,t.__assign({},p("staffMember"),{as:"select"}),l.createElement("option",{value:""},e("Design:choose"))))),l.createElement(o.Col,{md:"3"},l.createElement(o.Form.Group,null,l.createElement(o.Form.Label,null,e("bookingStatus")),l.createElement(o.Form.Control,t.__assign({},p("status"),{as:"select"}),l.createElement("option",{value:""},e("Design:choose")),Object.keys(c).map((function(t){return l.createElement("option",{key:c[t],value:c[t]},e("Design:".concat(c[t])))}))))),l.createElement(o.Col,{md:"3"},l.createElement(o.Form.Group,null,l.createElement(o.Form.Label,null,e("date")),l.createElement(o.Form.Control,t.__assign({},p("date"),{type:"date"})))),l.createElement(o.Col,{md:"3",className:"d-flex align-items-end"},l.createElement(o.Form.Group,null,l.createElement(o.Button,{type:"submit",className:"shadow-none"},e("apply")))))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),l=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,n=require("react-i18next"),o=require("react-bootstrap"),a=require("react-hook-form"),i=require("@licklist/core/dist/DataMapper/Order/OrderDataMapper"),s=require("@licklist/plugins/dist/context/booking/BookingContext"),c=[i.ORDER_STATUS_PENDING,i.ORDER_STATUS_CANCELLED,i.ORDER_STATUS_COMPLETED,i.ORDER_STATUS_ACTION_REQUIRED];exports.AdditionalFilterSection=function(){var e=n.useTranslation("Design").t,i=r.useContext(s.BookingContext),m=i.filters,u=i.setFilters,E=a.useForm({defaultValues:m}),d=E.handleSubmit,p=E.register,f=E.reset;return r.useEffect((function(){f(m)}),[m,f]),l.createElement("div",{className:"additional-filter-section"},l.createElement(o.Form,{onSubmit:d((function(e){u(e)}))},l.createElement(o.Row,null,l.createElement(o.Col,{md:"3"},l.createElement(o.Form.Group,null,l.createElement(o.Form.Label,null,e("staffMember")),l.createElement(o.Form.Control,t.__assign({},p("staffMember"),{as:"select"}),l.createElement("option",{value:""},e("Design:choose"))))),l.createElement(o.Col,{md:"3"},l.createElement(o.Form.Group,null,l.createElement(o.Form.Label,null,e("bookingStatus")),l.createElement(o.Form.Control,t.__assign({},p("status"),{as:"select"}),l.createElement("option",{value:""},e("Design:choose")),Object.keys(c).map((function(t){return l.createElement("option",{key:c[t],value:c[t]},e("Design:".concat(c[t])))}))))),l.createElement(o.Col,{md:"3"},l.createElement(o.Form.Group,null,l.createElement(o.Form.Label,null,e("date")),l.createElement(o.Form.Control,t.__assign({},p("date"),{type:"date"})))),l.createElement(o.Col,{md:"3",className:"d-flex align-items-end"},l.createElement(o.Form.Group,null,l.createElement(o.Button,{type:"submit",className:"shadow-none"},e("apply")))))))};

package/dist/sales/guest-profile/previous-bookings/PreviousBookings.d.ts

@@ -1,7 +1,8 @@
-/// <reference types="react" />
+import { ReactNode } from "react";
 import { Order } from "@licklist/core/dist/DataMapper/Order/OrderDataMapper";
 export declare type PreviousBookingsProps = {
     orders: Order[];
+    renderOrderTitleLinkByProvider?: (order: Order) => ReactNode;
 };
-export declare const PreviousBookings: ({ orders }: PreviousBookingsProps) => JSX.Element;
+export declare const PreviousBookings: ({ orders, renderOrderTitleLinkByProvider, }: PreviousBookingsProps) => JSX.Element;
 //# sourceMappingURL=PreviousBookings.d.ts.map

package/dist/sales/guest-profile/previous-bookings/PreviousBookings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreviousBookings.d.ts","sourceRoot":"","sources":["../../../../src/sales/guest-profile/previous-bookings/PreviousBookings.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,sDAAsD,CAAC;AAI7E,oBAAY,qBAAqB,GAAG;IAClC,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,gBAAgB,eAAgB,qBAAqB,gBA4EjE,CAAC"}
+{"version":3,"file":"PreviousBookings.d.ts","sourceRoot":"","sources":["../../../../src/sales/guest-profile/previous-bookings/PreviousBookings.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAInD,OAAO,EAAE,KAAK,EAAE,MAAM,sDAAsD,CAAC;AAI7E,oBAAY,qBAAqB,GAAG;IAClC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,8BAA8B,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC;CAC9D,CAAC;AAEF,eAAO,MAAM,gBAAgB,gDAG1B,qBAAqB,gBAgFvB,CAAC"}

package/dist/sales/guest-profile/previous-bookings/PreviousBookings.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),a=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,n=require("react-i18next"),l=require("react-bootstrap"),o=require("luxon");exports.PreviousBookings=function(e){var s=e.orders,c=n.useTranslation("Design").t,i=t.__read(r.useState(!1),2),m=i[0],u=i[1],d=m?s.length:6;return a.createElement("div",{className:"previous-bookings"},a.createElement("h6",{className:"mb-5"},c("previousBookings")),s.length>0?a.createElement("div",{className:"events-wrapper"},s.slice(0,d).map((function(e){var t,r;return a.createElement("div",{className:"event-info col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6",key:e.id},a.createElement("div",{className:"info-wrapper"},a.createElement("p",{className:"label"},null===(t=e.event)||void 0===t?void 0:t.name),e.createdAt&&a.createElement("p",{className:"event-date"},(r=e.createdAt,o.DateTime.fromJSDate(new Date(r)).toFormat("dd LLL yyyy hh:mm")))),e.products.length>0&&a.createElement("div",{className:"products-wrapper"},e.products.map((function(t){var r,n=t.name,l=t.id,o=e.orderProducts.find((function(e){return e.productId===l})),s=o?o.quantity:1;return a.createElement("div",{className:"product-name",key:l},a.createElement("p",null,"+")," ",a.createElement("p",null,(r=n).charAt(0).toUpperCase()+r.slice(1),s>1&&a.createElement(a.Fragment,null," x ",s)))}))))}))):a.createElement("p",{className:"mt-3"},c("noPreviousBookings")),s.length>6&&!m&&a.createElement(l.Button,{onClick:function(){u(!0)},variant:"link",className:"older-bookings-button"},c("showOlderBookings")))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),a=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,n=require("react-i18next"),l=require("react-bootstrap"),o=require("luxon");exports.PreviousBookings=function(e){var s=e.orders,c=e.renderOrderTitleLinkByProvider,i=n.useTranslation("Design").t,m=t.__read(r.useState(!1),2),u=m[0],d=m[1],p=u?s.length:6;return a.createElement("div",{className:"previous-bookings"},a.createElement("h6",{className:"mb-5"},i("previousBookings")),s.length>0?a.createElement("div",{className:"events-wrapper"},s.slice(0,p).map((function(e){var t,r,n=c?c(e):null===(t=e[e.orderableType])||void 0===t?void 0:t.name;return a.createElement("div",{className:"event-info col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6",key:e.id},a.createElement("div",{className:"info-wrapper"},a.createElement("p",{className:"label"},n),e.createdAt&&a.createElement("p",{className:"event-date"},(r=e.createdAt,o.DateTime.fromJSDate(new Date(r)).toFormat("dd LLL yyyy hh:mm")))),e.products.length>0&&a.createElement("div",{className:"products-wrapper"},e.products.map((function(t){var r,n=t.name,l=t.id,o=e.orderProducts.find((function(e){return e.productId===l})),s=o?o.quantity:1;return a.createElement("div",{className:"product-name",key:l},a.createElement("p",null,"+")," ",a.createElement("p",null,(r=n).charAt(0).toUpperCase()+r.slice(1),s>1&&a.createElement(a.Fragment,null," x ",s)))}))))}))):a.createElement("p",{className:"mt-3"},i("noPreviousBookings")),s.length>6&&!u&&a.createElement(l.Button,{onClick:function(){d(!0)},variant:"link",className:"older-bookings-button"},i("showOlderBookings")))};

package/dist/styles/customers/Filter.scss

@@ -1,6 +1,4 @@
 .customers-filter {
-  gap: 0.5rem;
-
   @include media-breakpoint-down(sm) {
     label {
       font-size: 0.8rem;
@@ -24,11 +22,32 @@
   }
 
   .customers-filter-items {
-    gap: 0.5rem;
+    width: 100%;
+
+    .customer-filter {
+      flex: 0 0 33.33%;
+      max-width: 33.33%;
+    }
   
     @include media-breakpoint-down(xs) {
       flex-direction: column;
-      gap: 0rem;  
+
+      .customer-filter {
+        flex: 1;
+        max-width: 100%;
+      }
+    }
+
+    @include media-breakpoint-up(sm) {
+      .customer-filter {
+        &:first-child {
+          padding-left: 0;
+        }
+  
+        &:last-child {
+          padding-right: 0;
+        }
+      }
     }
   } 
 }

package/package.json

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

package/src/customers/components/filter/CustomerFilter.stories.tsx

@@ -9,8 +9,7 @@ export default {
 
 export const Default: Story<CustomerFilterProps> = () => {
   const [values, setValues] = useState({
-    first_name: "",
-    last_name: "",
+    name: "",
     email: "",
     phone: "",
   });

package/src/customers/components/filter/CustomerFilter.tsx

@@ -4,15 +4,13 @@ import clsx from "clsx";
 import { TextField } from "../../../static/TextField";
 
 type CustomerFilterValues = {
-  first_name: string;
-  last_name: string;
+  name: string;
   email: string;
   phone: string;
 };
 
 const FILTER_FIELDS = {
-  first_name: "firstName",
-  last_name: "lastName",
+  name: "name",
   email: "email",
   phone: "phone",
 };
@@ -34,7 +32,7 @@ export const CustomerFilter = ({ values, onChange }: CustomerFilterProps) => {
           return (
             <TextField
               key={filterKeyName}
-              className={clsx("mb-0")}
+              className={clsx("mb-0", "col-4", "customer-filter")}
               type="text"
               label={label}
               value={values[filterKeyName]}

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

@@ -132,7 +132,7 @@ export const MapPoint = ({
         <ProductIcon
           x={pointX}
           y={pointY}
-          hasProduct={Boolean(pointProduct)}
+          isSoldOut={isSoldOut}
           isActive={isActive}
           isProductChoosed={isProductChoosed}
           isErrorOnChoosedProduct={isErrorOnChoosedProduct}
@@ -142,7 +142,7 @@ export const MapPoint = ({
           x={pointX}
           y={pointY}
           isActive={isActive}
-          hasProduct={Boolean(pointProduct)}
+          hasProduct={!isSoldOut && Boolean(pointProduct)}
           pointNumber={pointNumber}
           onDelete={onDelete}
           editMode={editMode}

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

@@ -22,6 +22,7 @@ const BACKGROUND_COLOR = "#FFFFFF";
 const BACKGROUND_COLOR_TRANSPARENT = "#FFFFFF80";
 const FILL_COLOR = "#0E8CE2";
 const ERROR_COLOR_TRANSPARENT = "#ff000080";
+const NO_PRODUCT_ON_POINT = "#878787";
 const SNIPPET_TEMPLATE_ID = "snippet-template-context";
 
 export type ProductIconProps = KonvaNodeEvents &
@@ -29,6 +30,7 @@ export type ProductIconProps = KonvaNodeEvents &
     x: number;
     y: number;
     isActive?: boolean;
+    isSoldOut?: boolean;
     isErrorOnChoosedProduct: boolean;
     isProductChoosed: boolean;
   };
@@ -53,6 +55,7 @@ export const ProductIcon = ({
   x,
   y,
   isActive,
+  isSoldOut,
   isErrorOnChoosedProduct,
   isProductChoosed,
 }: ProductIconProps) => {
@@ -107,6 +110,11 @@ export const ProductIcon = ({
       stroke = ERROR_COLOR_TRANSPARENT;
     }
 
+    if (isSoldOut) {
+      stroke = NO_PRODUCT_ON_POINT;
+      fill = NO_PRODUCT_ON_POINT;
+    }
+
     return { fill, stroke };
   };
 

package/src/iframe/event/event-card/IframeEventCard.tsx

@@ -113,7 +113,7 @@ export function IframeEventCard({
             </Card.Text>
           )}
 
-          {cost && !!snippetSetting.displayCost && (
+          {typeof cost === "number" && !!snippetSetting.displayCost && (
             <Card.Text as="div">
               <div className="d-flex align-items-center mb-3">
                 <div className="icon-wrapper">

package/src/iframe/payment/order-items-table/OrderItemsTable.stories.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { Meta } from "@storybook/react";
 import { boolean } from "@storybook/addon-knobs";
+import { ORDER_FEE_CHARGE_TYPE_CLIENT } from "@licklist/core/dist/DataMapper/Order/OrderDataMapper";
 import { OrderItemsTable } from "./OrderItemsTable";
 
 export default {
@@ -24,6 +25,7 @@ export function Default(args) {
 
 Default.args = {
   order: {
+    feeChargeType: ORDER_FEE_CHARGE_TYPE_CLIENT,
     products: [
       {
         id: 1,

package/src/iframe/payment/order-items-table/hooks/useTableData.tsx

@@ -20,7 +20,7 @@ import {
 import { OrderItemsTableProps, SummaryItem } from "../types";
 
 const CURRENCY_DEFAULT = "GBP";
-const TRANSLATE_KEYS = {
+export const PAYMENT_TYPE_TRANSLATE_KEYS = {
   [PAYMENT_TYPE_NET_PROFIT]: "netAmount",
   [PAYMENT_TYPE_FEE]: "bookeditFee",
   [PAYMENT_TYPE_VAT]: "vat",
@@ -128,7 +128,11 @@ export const useTableData = ({
   };
 
   const paymentNotProcessedSummary = () => {
-    const total = calculateTotalPrice(order.orderProducts);
+    const externalPaymentDetail = paymentDetail
+      ? getExternalPaymentDetail(paymentDetail)
+      : undefined;
+
+    const total = calculateTotalPrice(order, externalPaymentDetail);
 
     const summaryItems: SummaryItem[] = [
       {
@@ -144,7 +148,7 @@ export const useTableData = ({
       });
     }
 
-    if (paymentDetail) {
+    if (externalPaymentDetail) {
       return [...summaryItems, ...getExternalPaymentDetail(paymentDetail)];
     }
 
@@ -152,7 +156,18 @@ export const useTableData = ({
   };
 
   const processedPaymentSummary = () => {
-    const total = calculateTotalPrice(order.orderProducts);
+    const externalPaymentDetail =
+      paymentDetail && !order.payments.length
+        ? getExternalPaymentDetail(paymentDetail)
+        : Object.keys(PAYMENT_TYPE_TRANSLATE_KEYS).map((key) => {
+            return {
+              translateKey: PAYMENT_TYPE_TRANSLATE_KEYS[key],
+              price: getPaymentValueByType(order.payments, key),
+            };
+          });
+
+    const total = calculateTotalPrice(order, externalPaymentDetail);
+
     const totalDiscount = calculateTotalDiscount(order.payments);
     const totalWithDiscount = total - Number(totalDiscount);
     let summaryItems: SummaryItem[] = [
@@ -170,7 +185,7 @@ export const useTableData = ({
     }
 
     if (paymentDetail && !order.payments.length) {
-      return [...summaryItems, ...getExternalPaymentDetail(paymentDetail)];
+      return [...summaryItems, ...externalPaymentDetail];
     }
 
     summaryItems.push({
@@ -180,15 +195,7 @@ export const useTableData = ({
     if (totalWithDiscount <= 0) {
       return summaryItems;
     }
-    summaryItems = [
-      ...summaryItems,
-      ...Object.keys(TRANSLATE_KEYS).map((key) => {
-        return {
-          translateKey: TRANSLATE_KEYS[key],
-          price: getPaymentValueByType(order.payments, key),
-        };
-      }),
-    ];
+    summaryItems = [...summaryItems, ...externalPaymentDetail];
 
     if (totalWithDiscount > order.totalAmount) {
       summaryItems.push({

package/src/iframe/payment/order-items-table/utils/index.ts

@@ -1,13 +1,16 @@
-import { Order } from "@licklist/core/dist/DataMapper/Order/OrderDataMapper";
+import {
+  Order,
+  ORDER_FEE_CHARGE_TYPE_CLIENT,
+} from "@licklist/core/dist/DataMapper/Order/OrderDataMapper";
 import { Product } from "@licklist/core/dist/DataMapper/Product/ProductDataMapper";
 import { PAYMENT_TYPE_DISCOUNT } from "@licklist/core/dist/DataMapper/Order/PaymentDataMapper";
 import { PaymentDetail } from "@licklist/core/dist/DataMapper/Order/PaymentDetailDataMapper";
+import { PAYMENT_TYPE_TRANSLATE_KEYS } from "../hooks/useTableData";
 
 const TRANSLATE_KEYS = {
   totalAmount: "totalPaid",
   netAmount: "netAmount",
   fee: "bookeditFee",
-  remainingToPay: "remainingToPay",
 };
 
 export enum PAYMENT_TYPE_TITLES {
@@ -16,14 +19,35 @@ export enum PAYMENT_TYPE_TITLES {
   VAT = "VAT",
 }
 
-export const calculateTotalPrice = (orderProducts: Order["orderProducts"]) => {
-  return (
-    orderProducts?.reduce(
+interface ExternalPaymnetDetail {
+  translateKey: string;
+  price: number;
+}
+
+export const calculateTotalPrice = (
+  order: Order,
+  externalPaymentDetails?: ExternalPaymnetDetail[]
+) => {
+  const totalPrice =
+    order?.orderProducts?.reduce(
       (total: number, product) =>
         total + (product?.quantity ?? 1) * product.price,
       0
-    ) ?? 0
-  );
+    ) ?? 0;
+
+  if (
+    order?.feeChargeType !== ORDER_FEE_CHARGE_TYPE_CLIENT ||
+    !externalPaymentDetails
+  ) {
+    return totalPrice;
+  }
+
+  const fee =
+    externalPaymentDetails.find(
+      (externalPayment) =>
+        externalPayment.translateKey === PAYMENT_TYPE_TRANSLATE_KEYS.fee
+    )?.price || 0;
+  return totalPrice + fee;
 };
 
 export const calculateTotalDiscount = (payments: Order["payments"]) => {
@@ -54,17 +78,18 @@ export const getPaymentValueByType = (
 ) => {
   if (paymentTypeTitle === PAYMENT_TYPE_TITLES.FEE) {
     const feeWithoutVatValue =
-      payments.find((payment) => payment.paymentType.title === paymentTypeTitle)
-        ?.amount ?? 0;
+      payments?.find(
+        (payment) => payment.paymentType.title === paymentTypeTitle
+      )?.amount ?? 0;
 
     const vatValue =
-      payments.find(
+      payments?.find(
         (payment) => payment.paymentType.title === PAYMENT_TYPE_TITLES.VAT
       )?.amount ?? 0;
     return feeWithoutVatValue + vatValue;
   }
   return (
-    payments.find((payment) => payment.paymentType.title === paymentTypeTitle)
+    payments?.find((payment) => payment.paymentType.title === paymentTypeTitle)
       ?.amount ?? 0
   );
 };

package/src/iframe/payment/payment-page/PaymentPage.tsx

@@ -141,7 +141,9 @@ export const PaymentPage = ({
                   )}
                   <SummaryTotalBlock
                     label={t(paymentMetadata ? "remaining" : "total")}
-                    amount={data?.amount || 0}
+                    amount={
+                      data?.amount + (bookingSummaryProps?.transactionFee || 0)
+                    }
                   />
                 </div>
               </BookingSummaryFooter>

package/src/iframe/payment/payment-status-page/PaymentStatusPage.tsx

@@ -27,7 +27,8 @@ interface PaymentStatusComponentProps {
   isLoading?: boolean;
   status: OrderStatusPrefix;
   isAppUsingInIframe?: boolean;
-  bookingSummaryProps?: BookingSummaryProps;
+  transactionFee?: number;
+  bookingSummaryProps?: Omit<BookingSummaryProps, "transactionFee">;
   EventCardComponent?: ReactNode;
   showCloseButton?: boolean;
   email?: string;
@@ -41,6 +42,7 @@ export const PaymentStatusPage = ({
   totalAmount,
   isLoading,
   status,
+  transactionFee = 0,
   isAppUsingInIframe,
   bookingSummaryProps,
   EventCardComponent,
@@ -101,18 +103,22 @@ export const PaymentStatusPage = ({
                 {bookingSummaryProps?.formValues ? (
                   <BookingSummary.SummaryTotal
                     formValues={bookingSummaryProps?.formValues}
+                    transactionFee={transactionFee}
                   />
                 ) : (
                   <SummaryTotalBlock
                     label={t("total")}
-                    amount={totalAmount || 0}
+                    amount={totalAmount + transactionFee || 0}
                   />
                 )}
               </BookingSummaryFooter>
             }
           >
             {bookingSummaryProps ? (
-              <BookingSummary {...bookingSummaryProps} />
+              <BookingSummary
+                {...bookingSummaryProps}
+                transactionFee={transactionFee}
+              />
             ) : (
               <h6>{title}</h6>
             )}

package/src/product-set/form/ProductCategoriesControl.tsx

@@ -165,7 +165,10 @@ export function ProductCategoriesControl({
         return sum + Number(product.price) * Number(product.totalQuantity);
       }, 0);
       const quantity = productCategory.products?.reduce((sum, product) => {
-        return sum + Number(product.totalQuantity);
+        const productQuantity = !product.isUnlimited
+          ? Number(product.totalQuantity)
+          : 0;
+        return sum + productQuantity;
       }, 0);
 
       setProductCategoryState((prevState) => ({

package/src/sales/guest-profile/previous-bookings/PreviousBookings.stories.tsx

@@ -1,5 +1,6 @@
 import React from "react";
 import { Meta } from "@storybook/react";
+import { boolean } from "@storybook/addon-knobs";
 import { Event } from "@licklist/core/dist/DataMapper/Provider/EventDataMapper";
 import { User } from "@licklist/core/dist/DataMapper/User/UserDataMapper";
 import { Product } from "@licklist/core/dist/DataMapper/Product/ProductDataMapper";
@@ -10,11 +11,26 @@ export default {
   title: "Sales/Guest Profile/Previous Bookings",
 } as Meta;
 
-export const Default = (args) => (
-  <div>
-    <PreviousBookings {...args} />
-  </div>
-);
+export const Default = (args) => {
+  const useProviderLink = boolean("useProviderLink", true);
+
+  const renderOrderTitleLinkByProvider = (order: Order) => {
+    return (
+      <a href={`/some_href/${order.id}`}>{order[order.orderableType]?.name}</a>
+    );
+  };
+
+  return (
+    <div>
+      <PreviousBookings
+        {...args}
+        renderOrderTitleLinkByProvider={
+          useProviderLink ? renderOrderTitleLinkByProvider : undefined
+        }
+      />
+    </div>
+  );
+};
 
 Default.args = {
   orders: [
@@ -43,6 +59,8 @@ Default.args = {
       updatedAt: "2022-05-20 18:28:56",
       status: "cart",
       tickets: [],
+      orderableType: "event",
+      orderableId: 1,
       event: {
         id: 1,
         name: "testEvent1",
@@ -79,6 +97,8 @@ Default.args = {
       updatedAt: "2022-05-20 18:28:56",
       status: "cart",
       tickets: [],
+      orderableType: "event",
+      orderableId: 2,
       event: {
         id: 2,
         name: "testEvent2",
@@ -128,6 +148,8 @@ Default.args = {
       updatedAt: "2022-05-20 18:28:56",
       status: "cart",
       tickets: [],
+      orderableType: "event",
+      orderableId: 3,
       event: {
         id: 3,
         name: "testEvent3",
@@ -156,6 +178,8 @@ Default.args = {
       updatedAt: "2022-05-20 18:28:56",
       status: "cart",
       tickets: [],
+      orderableType: "event",
+      orderableId: 3,
       event: {
         id: 3,
         name: "testEvent3",
@@ -184,6 +208,8 @@ Default.args = {
       updatedAt: "2022-05-20 18:28:56",
       status: "cart",
       tickets: [],
+      orderableType: "event",
+      orderableId: 3,
       event: {
         id: 3,
         name: "testEvent3",
@@ -212,6 +238,8 @@ Default.args = {
       updatedAt: "2022-05-20 18:28:56",
       status: "cart",
       tickets: [],
+      orderableType: "event",
+      orderableId: 3,
       event: {
         id: 3,
         name: "testEvent3",
@@ -239,6 +267,8 @@ Default.args = {
       updatedAt: "2022-05-20 18:28:56",
       status: "cart",
       tickets: [],
+      orderableType: "event",
+      orderableId: 3,
       event: {
         id: 3,
         name: "testEvent3",

package/src/sales/guest-profile/previous-bookings/PreviousBookings.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useState, ReactNode } from "react";
 import { useTranslation } from "react-i18next";
 import { DateTime } from "luxon";
 import { Button } from "react-bootstrap";
@@ -8,9 +8,13 @@ const MAX_ORDERS_COUNT = 6;
 
 export type PreviousBookingsProps = {
   orders: Order[];
+  renderOrderTitleLinkByProvider?: (order: Order) => ReactNode;
 };
 
-export const PreviousBookings = ({ orders }: PreviousBookingsProps) => {
+export const PreviousBookings = ({
+  orders,
+  renderOrderTitleLinkByProvider,
+}: PreviousBookingsProps) => {
   const { t } = useTranslation("Design");
   const [showOlderBookings, setShowOlderBookings] = useState(false);
 
@@ -36,13 +40,17 @@ export const PreviousBookings = ({ orders }: PreviousBookingsProps) => {
       {orders.length > 0 ? (
         <div className="events-wrapper">
           {orders.slice(0, endSlicedOrdersNumber).map((order) => {
+            const eventName = renderOrderTitleLinkByProvider
+              ? renderOrderTitleLinkByProvider(order)
+              : order[order.orderableType]?.name;
+
             return (
               <div
                 className="event-info col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6"
                 key={order.id}
               >
                 <div className="info-wrapper">
-                  <p className="label">{order.event?.name}</p>
+                  <p className="label">{eventName}</p>
                   {order.createdAt && (
                     <p className="event-date">{formatDate(order.createdAt)}</p>
                   )}

package/src/styles/customers/Filter.scss

@@ -1,6 +1,4 @@
 .customers-filter {
-  gap: 0.5rem;
-
   @include media-breakpoint-down(sm) {
     label {
       font-size: 0.8rem;
@@ -24,11 +22,32 @@
   }
 
   .customers-filter-items {
-    gap: 0.5rem;
+    width: 100%;
+
+    .customer-filter {
+      flex: 0 0 33.33%;
+      max-width: 33.33%;
+    }
   
     @include media-breakpoint-down(xs) {
       flex-direction: column;
-      gap: 0rem;  
+
+      .customer-filter {
+        flex: 1;
+        max-width: 100%;
+      }
+    }
+
+    @include media-breakpoint-up(sm) {
+      .customer-filter {
+        &:first-child {
+          padding-left: 0;
+        }
+  
+        &:last-child {
+          padding-right: 0;
+        }
+      }
     }
   } 
 }