@licklist/design 0.44.470 → 0.44.472

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

@@ -1 +1 @@
-{"version":3,"file":"CategoryProduct.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/CategoryProduct/CategoryProduct.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGxD,UAAU,oBAAoB;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,eAAe,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,cAAc,CAAC,oBAAoB,CAAC,CAAC;CAC3D;AAED,eAAO,MAAM,eAAe,qEAKzB,oBAAoB,gBAmKtB,CAAC"}
+{"version":3,"file":"CategoryProduct.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/CategoryProduct/CategoryProduct.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGxD,UAAU,oBAAoB;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,eAAe,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,cAAc,CAAC,oBAAoB,CAAC,CAAC;CAC3D;AAED,eAAO,MAAM,eAAe,qEAKzB,oBAAoB,gBAwKtB,CAAC"}

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

@@ -1 +1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react"),t=e(r),i=require("@licklist/core/dist/Config"),n=require("react-i18next"),a=require("react-hook-form"),c=e(require("@licklist/plugins/dist/services/Form/HookFormService")),o=e(require("clsx")),s=require("react-intl"),u=require("../../../event/ticket-description/TicketDescription.js"),d=require("./components/ProductQuantityInput/ProductQuantityInput.js");exports.CategoryProduct=function(e){var l=e.product,m=e.category,p=e.canExpandDescription,y=void 0===p||p,f=e.productsWithErrors,v=s.useIntl().formatNumber,E=n.useTranslation(["Design","Validation"]).t,g=a.useFormContext(),q=g.control,x=g.clearErrors,N=g.setError,_=r.useMemo((function(){if(f){var e=f.find((function(e){return e.product_id===l.id}));return null==e?void 0:e.message}}),[f,l.id]),A=r.useMemo((function(){if(m.allowDeposits&&l.deposit&&!(null==l?void 0:l.isSoldOut))return l.deposit}),[m,l]);return r.useEffect((function(){_&&N("".concat(l.id),{message:_,type:"validate"})}),[_,l.id]),t.createElement(a.Controller,{control:q,name:"".concat(l.id),rules:{required:l.isRequired,validate:function(e){if(!e)return!0;var r=l.isRequired,t=void 0!==r&&r,i=l.maxAmount,n=void 0===i?0:i,a=l.minAmount,c=void 0===a?0:a,o=e.quantity,s=void 0===o?0:o;return!s&&!t||(!s&&t?E("Design:pleaseSelectAtLeastFrom",{min:1,type:"item",from:"this category"}):s<c?E("Validation:fieldMinNumber",{min:l.minAmount,attribute:l.name}):!(n&&s>=c&&n<s)||E("Validation:quantityMaxNumber",{max:l.maxAmount}))}},render:function(e){var r=e.field,n=r.onChange,a=r.value,s=void 0===a?{}:a,p=r.ref,f=e.fieldState,g=f.invalid,q=f.error;return t.createElement("div",{id:String(l.id),className:"iframe-event__category-product"},t.createElement("div",{className:o("iframe-event__product",g&&"error")},t.createElement(u.TicketDescription,{title:l.name,description:l.description,className:o("iframe-event__product-description"),images:l.images,isRequired:l.isRequired,canExpand:y})),t.createElement("div",{className:"iframe-event__product-price-wrapper"},t.createElement("span",{className:"product-price"},v(null!=A?A:l.price,{style:"currency",currency:i.Currency.GBP})),t.createElement(d.ProductQuantityInput,{onChange:n,productInfo:s,ref:p,clearErrors:x,product:l,category:m,invalid:g,deposit:A})),A&&!(null==m?void 0:m.remainderExpireAfter)&&t.createElement("div",{className:"mt-4"},E("Design:payNowAndUponArrival",{deposit:v(A,{style:"currency",currency:i.Currency.GBP}),remainder:v(l.price-A,{style:"currency",currency:i.Currency.GBP})})),A&&(null==m?void 0:m.remainderExpireAfter)>0&&t.createElement("div",{className:"mt-4"},E("Design:payNowAndReminderDays",{deposit:v(A,{style:"currency",currency:i.Currency.GBP}),remainder:v(l.price-A,{style:"currency",currency:i.Currency.GBP}),days:null==m?void 0:m.remainderExpireAfter})),g&&t.createElement("div",{className:"d-flex mt-3 w-100"},t.createElement("p",{className:"iframe-event__message-error"},c.hasError(q,"required")&&E("Design:pleaseSelectAtLeastFrom",{min:1,type:"item",from:"this category"}),c.hasError(q,"validate")&&q.message)))}})};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react"),t=e(r),i=require("@licklist/core/dist/Config"),n=require("react-i18next"),a=require("react-hook-form"),c=e(require("@licklist/plugins/dist/services/Form/HookFormService")),o=e(require("clsx")),s=require("react-intl"),u=require("../../../event/ticket-description/TicketDescription.js"),d=require("./components/ProductQuantityInput/ProductQuantityInput.js");exports.CategoryProduct=function(e){var l=e.product,m=e.category,p=e.canExpandDescription,y=void 0===p||p,f=e.productsWithErrors,v=s.useIntl().formatNumber,E=n.useTranslation(["Design","Validation"]).t,g=a.useFormContext(),q=g.control,x=g.clearErrors,N=g.setError,_=r.useMemo((function(){if(f){var e=f.find((function(e){return e.product_id===l.id}));return null==e?void 0:e.message}}),[f,l.id]),A=r.useMemo((function(){if(m.allowDeposits&&l.deposit&&!(null==l?void 0:l.isSoldOut)&&!(l.deposit>=l.price))return l.deposit}),[m,l]);return r.useEffect((function(){_&&N("".concat(l.id),{message:_,type:"validate"})}),[_,l.id]),t.createElement(a.Controller,{control:q,name:"".concat(l.id),rules:{required:l.isRequired,validate:function(e){if(!e)return!0;var r=l.isRequired,t=void 0!==r&&r,i=l.maxAmount,n=void 0===i?0:i,a=l.minAmount,c=void 0===a?0:a,o=e.quantity,s=void 0===o?0:o;return!s&&!t||(!s&&t?E("Design:pleaseSelectAtLeastFrom",{min:1,type:"item",from:"this category"}):s<c?E("Validation:fieldMinNumber",{min:l.minAmount,attribute:l.name}):!(n&&s>=c&&n<s)||E("Validation:quantityMaxNumber",{max:l.maxAmount}))}},render:function(e){var r=e.field,n=r.onChange,a=r.value,s=void 0===a?{}:a,p=r.ref,f=e.fieldState,g=f.invalid,q=f.error;return t.createElement("div",{id:String(l.id),className:"iframe-event__category-product"},t.createElement("div",{className:o("iframe-event__product",g&&"error")},t.createElement(u.TicketDescription,{title:l.name,description:l.description,className:o("iframe-event__product-description"),images:l.images,isRequired:l.isRequired,canExpand:y})),t.createElement("div",{className:"iframe-event__product-price-wrapper"},t.createElement("span",{className:"product-price"},v(null!=A?A:l.price,{style:"currency",currency:i.Currency.GBP})),t.createElement(d.ProductQuantityInput,{onChange:n,productInfo:s,ref:p,clearErrors:x,product:l,category:m,invalid:g,deposit:A})),A&&!(null==m?void 0:m.remainderExpireAfter)&&t.createElement("div",{className:"mt-4"},E("Design:payNowAndUponArrival",{deposit:v(A,{style:"currency",currency:i.Currency.GBP}),remainder:v(l.price-A,{style:"currency",currency:i.Currency.GBP})})),A&&(null==m?void 0:m.remainderExpireAfter)>0&&t.createElement("div",{className:"mt-4"},E("Design:payNowAndReminderDays",{deposit:v(A,{style:"currency",currency:i.Currency.GBP}),remainder:v(l.price-A,{style:"currency",currency:i.Currency.GBP}),days:null==m?void 0:m.remainderExpireAfter})),g&&t.createElement("div",{className:"d-flex mt-3 w-100"},t.createElement("p",{className:"iframe-event__message-error"},c.hasError(q,"required")&&E("Design:pleaseSelectAtLeastFrom",{min:1,type:"item",from:"this category"}),c.hasError(q,"validate")&&q.message)))}})};

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

@@ -2,13 +2,18 @@
 import { PaymentLinkResponse } from "@licklist/plugins/dist/hooks/Api/usePaymentApi";
 import { BookingSummaryProps } from "src/iframe/order-process/components/BookingSummary/types";
 import { RyftPaymentFormProps } from "../../ryft/RyftPaymentForm";
+export interface PaymentMetadata {
+    total: number;
+    paid: number;
+}
 interface PaymentProps extends RyftPaymentFormProps {
     onCloseIframePayment?: () => void;
     onFailIframePayment?: () => void;
     data?: PaymentLinkResponse;
     isLoading: boolean;
     bookingSummaryProps: Omit<BookingSummaryProps, "totallWithDiscount">;
+    paymentMetadata?: PaymentMetadata;
 }
-export declare const PaymentPage: ({ onCloseIframePayment, onFailIframePayment, data, isLoading, bookingSummaryProps, ...ryftPaymentFormProps }: PaymentProps) => JSX.Element;
+export declare const PaymentPage: ({ onCloseIframePayment, onFailIframePayment, data, isLoading, bookingSummaryProps, paymentMetadata, ...ryftPaymentFormProps }: PaymentProps) => JSX.Element;
 export {};
 //# sourceMappingURL=PaymentPage.d.ts.map

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,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;CACtE;AAED,eAAO,MAAM,WAAW,iHAOrB,YAAY,gBAyGd,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,gBAqHd,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"),r=(e=o)&&"object"==typeof e&&"default"in e?e.default:e,n=require("react-router-dom"),a=require("../../../static/loader/LoaderIndicator.js"),s=require("react-i18next"),i=require("react-bootstrap");require("../../../static/index.js"),require("../../order-process/components/NavigationFooter/NavigationFooter.js");var m=require("../../page/components/PageHeader/PageHeader.js"),c=require("@licklist/plugins/dist/context/payment/PaymentSessionContext"),l=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=t.__rest(e,["onCloseIframePayment","onFailIframePayment","data","isLoading","bookingSummaryProps"]),j=s.useTranslation("Design").t,v=n.useLocation().search,x=o.useContext(c.PaymentSessionContext).isPaymentSessionExpired,C=Boolean(new URLSearchParams(v).get("isIframePayment")),w=function(){window.close()};return o.useEffect((function(){C&&B&&window.addEventListener("beforeunload",(function(){B()}))}),[]),o.useEffect((function(){x&&C&&P&&P()}),[x]),E?r.createElement(a.LoaderIndicator,{isLoaded:!1}):null===k?r.createElement(f.Page,null,r.createElement(y.PageBody,{leftBlock:r.createElement(y.PageBody.LeftBlock,null,r.createElement("div",{className:"d-flex h-100 w-100 justify-content-center align-items-center flex-column"},r.createElement("h6",null,j("linkNotActiveOrExpired")),r.createElement(i.Col,{xs:12,md:3},r.createElement(i.Button,{className:"mt-5 w-20",onClick:function(){window.location.href="https://booked.it/"}},j("backToSite")))))})):r.createElement(f.Page,{className:"payment_link",headerBlock:r.createElement(m.PageHeader,{showBackButton:C,onBackButtonClick:C?w:void 0,showCloseButton:C,onCloseButtonClick:C?w:void 0},C&&r.createElement(g.PaymentTimer,null),r.createElement("div",{className:"d-flex align-items-center justify-content-center w-100"},j("paymentDetails")))},r.createElement(y.PageBody,{leftBlock:r.createElement(y.PageBody.LeftBlock,null,r.createElement(u.RyftPaymentForm,t.__assign({},q))),rightBlock:r.createElement(y.PageBody.RightBlock,{bottomBlock:r.createElement(p.BookingSummaryFooter,{showButton:!1},r.createElement("div",{className:"d-flex flex-column justify-content-between"},r.createElement(l.SummaryTotalBlock,{label:j("total"),amount:(null==k?void 0:k.amount)||0})))},r.createElement("h6",null,j("paymentDetails")),r.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,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},b&&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)))}))};

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

package/dist/product-set/form/context.d.ts

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from "react";
+import React, { PropsWithChildren, SetStateAction, Dispatch } from "react";
 import { VenueMapSet } from "@licklist/core/dist/DataMapper/Product/VenueMapSetDataMapper";
 import { ProviderBookingManagementSetting } from "@licklist/core/dist/DataMapper/Provider/ProviderBookingManagementSettingDataMapper";
 import { Zone } from "@licklist/core/dist/DataMapper/Provider/ZoneDataMapper";
@@ -11,9 +11,11 @@ interface LoadingContext {
     venueMapSets?: VenueMapSet[];
     providerHasBookingManagement?: ProviderBookingManagementSetting["hasBookingManagement"];
     zones?: Zone[] | null;
+    expandedProductCategories: Record<string, boolean>;
+    setExpandedProductCategories: Dispatch<SetStateAction<Record<string, boolean>>>;
 }
 export declare const ProductSetLoadingContext: React.Context<LoadingContext>;
-declare type ProductSetContextProviderProps = PropsWithChildren<Omit<LoadingContext, "isLoading" | "setLoading">>;
+declare type ProductSetContextProviderProps = PropsWithChildren<Omit<LoadingContext, "isLoading" | "setLoading" | "expandedProductCategories" | "setExpandedProductCategories">>;
 export declare function ProductSetContextProvider({ children, productGroupList, providerHasMap, venueMapSets, providerHasBookingManagement, zones, }: ProductSetContextProviderProps): JSX.Element;
 export {};
 //# sourceMappingURL=context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,iBAAiB,EAIlB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,WAAW,EAAE,MAAM,8DAA8D,CAAC;AAE3F,OAAO,EAAE,gCAAgC,EAAE,MAAM,oFAAoF,CAAC;AACtI,OAAO,EAAE,IAAI,EAAE,MAAM,wDAAwD,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAE5D,UAAU,cAAc;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,gBAAgB,CAAC,EAAE,UAAU,EAAE,CAAC;IAChC,cAAc,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAChC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,4BAA4B,CAAC,EAAE,gCAAgC,CAAC,sBAAsB,CAAC,CAAC;IACxF,KAAK,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,wBAAwB,+BAEpC,CAAC;AAEF,aAAK,8BAA8B,GAAG,iBAAiB,CACrD,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,YAAY,CAAC,CACjD,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,EACxC,QAAQ,EACR,gBAAqB,EACrB,cAAsB,EACtB,YAAiB,EACjB,4BAA4B,EAC5B,KAAK,GACN,EAAE,8BAA8B,eAqBhC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,iBAAiB,EACjB,cAAc,EAId,QAAQ,EACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,WAAW,EAAE,MAAM,8DAA8D,CAAC;AAE3F,OAAO,EAAE,gCAAgC,EAAE,MAAM,oFAAoF,CAAC;AACtI,OAAO,EAAE,IAAI,EAAE,MAAM,wDAAwD,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAE5D,UAAU,cAAc;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,gBAAgB,CAAC,EAAE,UAAU,EAAE,CAAC;IAChC,cAAc,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAChC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,4BAA4B,CAAC,EAAE,gCAAgC,CAAC,sBAAsB,CAAC,CAAC;IACxF,KAAK,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IACtB,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnD,4BAA4B,EAAE,QAAQ,CACpC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CACxC,CAAC;CACH;AAED,eAAO,MAAM,wBAAwB,+BAEpC,CAAC;AAEF,aAAK,8BAA8B,GAAG,iBAAiB,CACrD,IAAI,CACF,cAAc,EACZ,WAAW,GACX,YAAY,GACZ,2BAA2B,GAC3B,8BAA8B,CACjC,CACF,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,EACxC,QAAQ,EACR,gBAAqB,EACrB,cAAsB,EACtB,YAAiB,EACjB,4BAA4B,EAC5B,KAAK,GACN,EAAE,8BAA8B,eA0BhC"}

package/dist/product-set/form/context.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),o=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,a=r.createContext(null);exports.ProductSetContextProvider=function(e){var i=e.children,n=e.productGroupList,d=void 0===n?[]:n,u=e.providerHasMap,s=void 0!==u&&u,p=e.venueMapSets,v=void 0===p?[]:p,c=e.providerHasBookingManagement,l=e.zones,f=t.__read(r.useState(void 0),2),g=f[0],M=f[1],x=t.__read(r.useState(!1),2),S=x[0],_=x[1];return r.useEffect((function(){return M(l)}),[l]),o.createElement(a.Provider,{value:{isLoading:S,setLoading:_,productGroupList:d,providerHasMap:s,venueMapSets:v,providerHasBookingManagement:c,zones:g}},i)},exports.ProductSetLoadingContext=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),o=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,a=r.createContext(null);exports.ProductSetContextProvider=function(e){var d=e.children,i=e.productGroupList,n=void 0===i?[]:i,u=e.providerHasMap,s=void 0!==u&&u,p=e.venueMapSets,c=void 0===p?[]:p,v=e.providerHasBookingManagement,l=e.zones,g=t.__read(r.useState(void 0),2),f=g[0],x=g[1],_=t.__read(r.useState(!1),2),M=_[0],P=_[1],S=t.__read(r.useState({}),2),C=S[0],L=S[1];return r.useEffect((function(){return x(l)}),[l]),o.createElement(a.Provider,{value:{isLoading:M,setLoading:P,productGroupList:n,providerHasMap:s,venueMapSets:c,providerHasBookingManagement:v,zones:f,expandedProductCategories:C,setExpandedProductCategories:L}},d)},exports.ProductSetLoadingContext=a;

package/dist/product-set/product-category/ProductCategoryControl.d.ts

@@ -5,7 +5,7 @@ import { Zone } from "@licklist/core/dist/DataMapper/Provider/ZoneDataMapper";
 import { IsDeletableEvent } from "../types";
 export interface ProductCategoryControlValues extends FormValues {
     id: number;
-    uniqueId?: number;
+    uniqueId?: string;
     name: string;
     minSubItems: number | null;
     maxSubItems: number | null;

package/dist/product-set/utils/index.d.ts

@@ -0,0 +1,5 @@
+export declare const moveArrayElements: <T>(array: T[], prevIndex: number, nextIndex: number) => T[];
+export declare const sortArrayByIndex: <T>(array: T[]) => (T & {
+    sort: number;
+})[];
+//# sourceMappingURL=index.d.ts.map

package/dist/product-set/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/product-set/utils/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,6BAEjB,MAAM,aACN,MAAM,QAQlB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;IAE5B,CAAC"}

package/dist/product-set/utils/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("tslib");exports.moveArrayElements=function(e,s,t){var n=r.__spreadArray([],r.__read(e),!1);return n.splice(t,0,n.splice(s,1)[0]),n},exports.sortArrayByIndex=function(e){return e.map((function(e,s){return r.__assign(r.__assign({},e),{sort:s})}))};

package/dist/sortable-tree/SortableTreeItem.d.ts

@@ -28,6 +28,7 @@ export interface SortableTreeItemProps {
         label: string;
         className: string;
     };
+    setIsExpanded?: () => void;
 }
-export declare function SortableTreeItem({ id, title, badge, subTitle, body, children, preItem, postItem, sortableItems, isExpanded, isInvalid, isIconInHeader, treeLineIconColor, modalLabel, modalClass, isNewAdded, onDelete, validate, secondaryBadge, }: SortableTreeItemProps): JSX.Element;
+export declare function SortableTreeItem({ id, title, badge, subTitle, body, children, preItem, postItem, sortableItems, isExpanded, isInvalid, isIconInHeader, treeLineIconColor, modalLabel, modalClass, isNewAdded, onDelete, validate, secondaryBadge, setIsExpanded, }: SortableTreeItemProps): JSX.Element;
 //# sourceMappingURL=SortableTreeItem.d.ts.map

package/dist/sortable-tree/SortableTreeItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SortableTreeItem.d.ts","sourceRoot":"","sources":["../../src/sortable-tree/SortableTreeItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAC;AAkBhE,eAAO,MAAM,sBAAsB;;;;CAIzB,CAAC;AAEX,oBAAY,0BAA0B,GACpC,OAAO,sBAAsB,CAAC,MAAM,OAAO,sBAAsB,CAAC,CAAC;AAErE,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,0BAA0B,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IAClC,cAAc,CAAC,EAAE;QACf,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,aAAa,EACb,UAAkB,EAClB,SAAiB,EACjB,cAAqB,EACrB,iBAAsB,EACtB,UAAe,EACf,UAAU,EACV,UAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,cAAc,GACf,EAAE,qBAAqB,eAoRvB"}
+{"version":3,"file":"SortableTreeItem.d.ts","sourceRoot":"","sources":["../../src/sortable-tree/SortableTreeItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAC;AAkB3E,eAAO,MAAM,sBAAsB;;;;CAIzB,CAAC;AAEX,oBAAY,0BAA0B,GACpC,OAAO,sBAAsB,CAAC,MAAM,OAAO,sBAAsB,CAAC,CAAC;AAErE,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,0BAA0B,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IAClC,cAAc,CAAC,EAAE;QACf,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,aAAa,EACb,UAAkB,EAClB,SAAiB,EACjB,cAAqB,EACrB,iBAAsB,EACtB,UAAe,EACf,UAAU,EACV,UAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,aAAa,GACd,EAAE,qBAAqB,eA6RvB"}

package/dist/sortable-tree/SortableTreeItem.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"),a=require("react"),r=e(a),n=require("react-i18next"),l=require("react-bootstrap"),o=require("../static/Icon.js"),s=e(require("clsx")),i=require("@dnd-kit/core"),c=require("@dnd-kit/sortable"),d=require("@dnd-kit/utilities"),m=require("../modals/confirmation/ConfirmModal.js");require("../modals/dialog/Dialog.js"),require("../modals/dialog/DialogContext.js");var u=require("../product-set/elements/DeleteFieldButton.js"),p={step:"edit-product-step",category:"edit-product-category",product:"edit-product"};exports.ProductSetModalClasses=p,exports.SortableTreeItem=function(e){var b=this,g=e.id,v=e.title,E=e.badge,f=e.subTitle,N=e.body,y=e.children,h=e.preItem,w=e.postItem,C=e.sortableItems,_=e.isExpanded,x=void 0!==_&&_,D=e.isInvalid,S=void 0!==D&&D,q=e.isIconInHeader,M=void 0===q||q,k=e.treeLineIconColor,I=void 0===k?"":k,B=e.modalLabel,j=void 0===B?"":B,P=e.modalClass,T=e.isNewAdded,X=void 0!==T&&T,Y=e.onDelete,A=e.validate,L=e.secondaryBadge,R=t.__read(a.useState(x),2),U=R[0],z=R[1],F=t.__read(a.useState(X),2),H=F[0],K=F[1],V=n.useTranslation("Design").t,O=c.useSortable({id:g}),G=O.attributes,J=O.listeners,Q=O.setNodeRef,W=O.transform,Z=O.transition,$=t.__read(a.useState({pageX:0,pageY:0}),2),ee=$[0],te=$[1],ae=i.useDraggable({id:g}),re=ae.isDragging,ne=ae.attributes,le=ae.listeners,oe=ae.setNodeRef,se=ae.transform,ie=a.useCallback((function(e){var t=e.pageX-ee.pageX,a=e.pageY-ee.pageY;Math.sqrt(t*t+a*a)>5||z((function(e){return!e}))}),[ee]),ce=a.useCallback((function(e){te({pageX:e.pageX,pageY:e.pageY})}),[]),de=function(){return t.__awaiter(b,void 0,void 0,(function(){return t.__generator(this,(function(e){switch(e.label){case 0:return A||K(!1),[4,null==A?void 0:A()];case 1:return e.sent()&&K(!1),[2]}}))}))};return r.createElement("div",t.__assign({className:"sortable-tree-root",style:{transform:d.CSS.Translate.toString(W),transition:Z}},ne,le,{ref:Q}),r.createElement("div",t.__assign({className:"sortable-tree-wrapper",ref:oe},ne,le,{onKeyDown:function(e){return e.stopPropagation()},onMouseDown:function(e){H&&e.stopPropagation()},onMouseUp:function(e){H&&e.stopPropagation()},role:"button",tabIndex:0,style:P===p.step?{transform:d.CSS.Translate.toString(se),opacity:re?.7:1}:null}),r.createElement("div",{className:"sortable-tree-line"},r.createElement(l.Button,{variant:"link",size:"sm",onMouseDown:ce,onMouseUp:ie},U?r.createElement(o.default,{type:"minus",width:".7rem"}):r.createElement("div",{className:"expand-icon-container"},r.createElement("div",null),r.createElement("div",null),r.createElement("div",null))),U&&r.createElement("svg",{className:"sortable-tree-line-icon",version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 100 100",preserveAspectRatio:"none"},r.createElement("g",null,r.createElement("path",{className:s("sortable-tree-line-icon-path",I&&"sortable-tree-line-product-element"),style:{stroke:I},d:"M 50 0 V 100"})))),r.createElement("div",{className:"sortable-tree-item-wrapper"},r.createElement("div",{className:s("sortable-tree-item",S?"invalid":"")},r.createElement("div",{className:"sortable-tree-item-header"},M&&r.createElement(l.Button,t.__assign({variant:"link",className:"sortable-tree-item-handle"},G,J),r.createElement(o.default,{type:"grip-vertical"})),r.createElement(l.Button,{className:"sortable-tree-item-toggle",variant:"link",onMouseDown:ce,onMouseUp:ie},E&&r.createElement("span",{className:"sortable-tree-item-badge"},E),r.createElement("div",{className:s(j?"sortable-tree-product-set-title-container":"sortable-tree-title-container")},r.createElement("span",{className:s("sortable-tree-item-title",j&&"sortable-tree-product-set-element-title")},v),!U&&r.createElement("span",{className:"sortable-tree-item-subtitle"},f)),r.createElement("div",{className:"border-0 open-edit-right-modal-button",role:"button",tabIndex:0,onClick:function(e){e.stopPropagation(),K(!0)},onKeyDown:function(e){return e.stopPropagation()}},r.createElement(o.default,{type:"ellipsis-h",color:"#0E8CE2",height:"1rem"})))),M?r.createElement(l.Collapse,{in:U},r.createElement("div",null,r.createElement("div",{className:"sortable-tree-item-body"},N))):r.createElement(l.Modal,{size:"lg",show:H,className:s("m-0 edit-product-set-element-modal edit-right-form-modal h-100",P),dialogClassName:"edit-event-dialog edit-step-dialog",onHide:de},r.createElement("div",{className:"edit-step-modal-header"},r.createElement("button",{className:"p-0 cancel-add-step-btn border-0",type:"button",onClick:de},r.createElement("span",null,V("Design:cancel"))),L&&r.createElement("div",{className:"secondary-badge ".concat(null==L?void 0:L.className)},null==L?void 0:L.label)),r.createElement(l.Modal.Body,{as:"form",noValidate:!0},r.createElement("div",{className:"top-label-container"},r.createElement("span",null,j)),N,r.createElement("div",{className:"d-flex product-set-element-control-btns justify-content-between"},r.createElement(l.Button,{className:"step-save-btn mt-4",type:"button",onClick:de},V("saveAndAdd")),r.createElement("div",{className:"d-flex justify-content-end mt-4 delete-btn"},Boolean(Y)&&r.createElement(m.ConfirmModal,null,(function(e){return r.createElement(u.DeleteFieldButton,{onDelete:function(){return e(Y)}})}))))))),C&&r.createElement("div",{className:"sortable-tree-subitems"},h,r.createElement(i.DndContext,null,r.createElement(c.SortableContext,{items:C,strategy:c.verticalListSortingStrategy},r.createElement(l.Collapse,{in:U},r.createElement("div",{className:"ml-0"},y)))),w))))};
+"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"),a=require("react"),n=e(a),r=require("react-i18next"),l=require("react-bootstrap"),o=require("../static/Icon.js"),s=e(require("clsx")),i=require("@dnd-kit/core"),c=require("@dnd-kit/sortable"),d=require("@dnd-kit/utilities"),m=require("../modals/confirmation/ConfirmModal.js");require("../modals/dialog/Dialog.js"),require("../modals/dialog/DialogContext.js");var u=require("../product-set/elements/DeleteFieldButton.js"),p={step:"edit-product-step",category:"edit-product-category",product:"edit-product"};exports.ProductSetModalClasses=p,exports.SortableTreeItem=function(e){var b=this,g=e.id,v=e.title,E=e.badge,f=e.subTitle,N=e.body,y=e.children,h=e.preItem,w=e.postItem,C=e.sortableItems,_=e.isExpanded,x=void 0!==_&&_,D=e.isInvalid,S=void 0!==D&&D,q=e.isIconInHeader,M=void 0===q||q,k=e.treeLineIconColor,I=void 0===k?"":k,B=e.modalLabel,j=void 0===B?"":B,P=e.modalClass,T=e.isNewAdded,X=void 0!==T&&T,Y=e.onDelete,A=e.validate,L=e.secondaryBadge,R=e.setIsExpanded,U=t.__read(a.useState(x),2),z=U[0],F=U[1],H=t.__read(a.useState(X),2),K=H[0],V=H[1],O=r.useTranslation("Design").t,G=c.useSortable({id:g}),J=G.attributes,Q=G.listeners,W=G.setNodeRef,Z=G.transform,$=G.transition,ee=t.__read(a.useState({pageX:0,pageY:0}),2),te=ee[0],ae=ee[1],ne=i.useDraggable({id:g}),re=ne.isDragging,le=ne.attributes,oe=ne.listeners,se=ne.setNodeRef,ie=ne.transform,ce=a.useCallback((function(e){var t=e.pageX-te.pageX,a=e.pageY-te.pageY;Math.sqrt(t*t+a*a)>5||(R?R():F((function(e){return!e})))}),[te,R]),de=a.useCallback((function(e){ae({pageX:e.pageX,pageY:e.pageY})}),[]),me=function(){return t.__awaiter(b,void 0,void 0,(function(){return t.__generator(this,(function(e){switch(e.label){case 0:return A||V(!1),[4,null==A?void 0:A()];case 1:return e.sent()&&V(!1),[2]}}))}))};return a.useEffect((function(){F(x)}),[x]),n.createElement("div",t.__assign({className:"sortable-tree-root",style:{transform:d.CSS.Translate.toString(Z),transition:$}},le,oe,{ref:W}),n.createElement("div",t.__assign({className:"sortable-tree-wrapper",ref:se},le,oe,{onKeyDown:function(e){return e.stopPropagation()},onMouseDown:function(e){K&&e.stopPropagation()},onMouseUp:function(e){K&&e.stopPropagation()},role:"button",tabIndex:0,style:P===p.step?{transform:d.CSS.Translate.toString(ie),opacity:re?.7:1}:null}),n.createElement("div",{className:"sortable-tree-line"},n.createElement(l.Button,{variant:"link",size:"sm",onMouseDown:de,onMouseUp:ce},z?n.createElement(o.default,{type:"minus",width:".7rem"}):n.createElement("div",{className:"expand-icon-container"},n.createElement("div",null),n.createElement("div",null),n.createElement("div",null))),z&&n.createElement("svg",{className:"sortable-tree-line-icon",version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 100 100",preserveAspectRatio:"none"},n.createElement("g",null,n.createElement("path",{className:s("sortable-tree-line-icon-path",I&&"sortable-tree-line-product-element"),style:{stroke:I},d:"M 50 0 V 100"})))),n.createElement("div",{className:"sortable-tree-item-wrapper"},n.createElement("div",{className:s("sortable-tree-item",S?"invalid":"")},n.createElement("div",{className:"sortable-tree-item-header"},M&&n.createElement(l.Button,t.__assign({variant:"link",className:"sortable-tree-item-handle"},J,Q),n.createElement(o.default,{type:"grip-vertical"})),n.createElement(l.Button,{className:"sortable-tree-item-toggle",variant:"link",onMouseDown:de,onMouseUp:ce},E&&n.createElement("span",{className:"sortable-tree-item-badge"},E),n.createElement("div",{className:s(j?"sortable-tree-product-set-title-container":"sortable-tree-title-container")},n.createElement("span",{className:s("sortable-tree-item-title",j&&"sortable-tree-product-set-element-title")},v),!z&&n.createElement("span",{className:"sortable-tree-item-subtitle"},f)),n.createElement("div",{className:"border-0 open-edit-right-modal-button",role:"button",tabIndex:0,onClick:function(e){e.stopPropagation(),V(!0)},onKeyDown:function(e){return e.stopPropagation()}},n.createElement(o.default,{type:"ellipsis-h",color:"#0E8CE2",height:"1rem"})))),M?n.createElement(l.Collapse,{in:z},n.createElement("div",null,n.createElement("div",{className:"sortable-tree-item-body"},N))):n.createElement(l.Modal,{size:"lg",show:K,className:s("m-0 edit-product-set-element-modal edit-right-form-modal h-100",P),dialogClassName:"edit-event-dialog edit-step-dialog",onHide:me},n.createElement("div",{className:"edit-step-modal-header"},n.createElement("button",{className:"p-0 cancel-add-step-btn border-0",type:"button",onClick:me},n.createElement("span",null,O("Design:cancel"))),L&&n.createElement("div",{className:"secondary-badge ".concat(null==L?void 0:L.className)},null==L?void 0:L.label)),n.createElement(l.Modal.Body,{as:"form",noValidate:!0},n.createElement("div",{className:"top-label-container"},n.createElement("span",null,j)),N,n.createElement("div",{className:"d-flex product-set-element-control-btns justify-content-between"},n.createElement(l.Button,{className:"step-save-btn mt-4",type:"button",onClick:me},O("saveAndAdd")),n.createElement("div",{className:"d-flex justify-content-end mt-4 delete-btn"},Boolean(Y)&&n.createElement(m.ConfirmModal,null,(function(e){return n.createElement(u.DeleteFieldButton,{onDelete:function(){return e(Y)}})}))))))),C&&n.createElement("div",{className:"sortable-tree-subitems"},h,n.createElement(i.DndContext,null,n.createElement(c.SortableContext,{items:C,strategy:c.verticalListSortingStrategy},n.createElement(l.Collapse,{in:z},n.createElement("div",{className:"ml-0"},y)))),w))))};

package/package.json

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

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

@@ -38,7 +38,12 @@ export const CategoryProduct = ({
   }, [productsWithErrors, product.id]);
 
   const deposit = useMemo(() => {
-    if (!category.allowDeposits || !product.deposit || product?.isSoldOut) {
+    if (
+      !category.allowDeposits ||
+      !product.deposit ||
+      product?.isSoldOut ||
+      product.deposit >= product.price
+    ) {
       return undefined;
     }
     return product.deposit;

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

@@ -16,12 +16,18 @@ import { PaymentTimer } from "./PaymentTimer";
 import { Page, PageBody, PageHeader } from "../../page";
 import { BookingSummary, BookingSummaryFooter } from "../../order-process";
 
+export interface PaymentMetadata {
+  total: number;
+  paid: number;
+}
+
 interface PaymentProps extends RyftPaymentFormProps {
   onCloseIframePayment?: () => void;
   onFailIframePayment?: () => void;
   data?: PaymentLinkResponse;
   isLoading: boolean;
   bookingSummaryProps: Omit<BookingSummaryProps, "totallWithDiscount">;
+  paymentMetadata?: PaymentMetadata;
 }
 
 export const PaymentPage = ({
@@ -30,6 +36,7 @@ export const PaymentPage = ({
   data,
   isLoading,
   bookingSummaryProps,
+  paymentMetadata,
   ...ryftPaymentFormProps
 }: PaymentProps) => {
   const { t } = useTranslation("Design");
@@ -121,8 +128,20 @@ export const PaymentPage = ({
             bottomBlock={
               <BookingSummaryFooter showButton={false}>
                 <div className="d-flex flex-column justify-content-between">
+                  {paymentMetadata && (
+                    <>
+                      <SummaryTotalBlock
+                        label={t("total")}
+                        amount={paymentMetadata.total || 0}
+                      />
+                      <SummaryTotalBlock
+                        label={t("paidSum")}
+                        amount={paymentMetadata.paid || 0}
+                      />
+                    </>
+                  )}
                   <SummaryTotalBlock
-                    label={t("total")}
+                    label={t(paymentMetadata ? "remaining" : "total")}
                     amount={data?.amount || 0}
                   />
                 </div>

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

@@ -28,6 +28,7 @@ import { ProductSetFormValues, WithIsLoading } from "./ProductSetForm";
 import { SelectCategoryModal } from "./SelectCategoryModal";
 import { ProductSetLoadingContext } from "./context";
 import { VenueMapSetModal } from "./VenueMapSetModal";
+import { moveArrayElements, sortArrayByIndex } from "../utils";
 // @TODO not for first release
 // import Popover from "./ProductSetFormPopover";
 
@@ -40,7 +41,7 @@ const getCategoryDefaultValue = (
   sort: number
 ): ProductCategory => ({
   id: null,
-  uniqueId: Number(uniqueId()),
+  uniqueId: uniqueId("product-category"),
   name: "",
   minSubItems: null,
   maxSubItems: null,
@@ -66,7 +67,11 @@ export function ProductCategoriesControl({
   stepIndex,
 }: ProductCategoriesControlProps) {
   const { t } = useTranslation("Design");
-  const { providerHasMap } = useContext(ProductSetLoadingContext);
+  const {
+    providerHasMap,
+    expandedProductCategories,
+    setExpandedProductCategories,
+  } = useContext(ProductSetLoadingContext);
   const form = useFormContext<ProductSetFormValues>();
   const [isSelectCategoryVisible, setIsSelectCategoryVisible] = useState(false);
   const [isVenueMapSetModalVisible, setIsVenueMapSetModalVisible] =
@@ -78,6 +83,8 @@ export function ProductCategoriesControl({
     clearErrors,
     watch,
     trigger,
+    getValues,
+    setValue,
   } = form;
 
   const hasMap: boolean = watch(`steps.${stepIndex}.hasMap` as const) || false;
@@ -94,8 +101,6 @@ export function ProductCategoriesControl({
     Record<number, { price: number; quantity: number }>
   >([]);
 
-  const isFirstCategoryAdded = fields.length === 1;
-
   const productCategories: ProductCategory[] = useWatch({
     control,
     name: productCategoriesFieldName,
@@ -117,17 +122,39 @@ export function ProductCategoriesControl({
     },
   });
 
-  const handleDragEnd = (_event) => {
+  const handleDragEnd = (event) => {
     // @TODO uncomment when will be fix for change sort index
-    // const { active, over } = _event;
-    // if (!active || !over || !active?.id || !over?.id) return;
-    // const prevIndex = fields.findIndex((field) => field._id === active.id);
-    // const nextIndex = fields.findIndex((field) => field._id === over.id);
-    // if (prevIndex === nextIndex) return;
-    // move(prevIndex, nextIndex);
-    // fields.forEach((_, index) => {
-    //   setValue(`${productCategoriesFieldName}.${index}.sort` as const, index);
-    // });
+    const { active, over } = event;
+
+    if (!active || !over || !active?.id || !over?.id) return;
+
+    const prevIndex = fields.findIndex((field) => field._id === active.id);
+    const nextIndex = fields.findIndex((field) => field._id === over.id);
+
+    if (prevIndex === nextIndex) return;
+
+    const productCategories = getValues(productCategoriesFieldName);
+
+    if (!productCategories) return;
+
+    const nextProductCategories = sortArrayByIndex<ProductCategory>(
+      moveArrayElements<ProductCategory>(
+        productCategories,
+        prevIndex,
+        nextIndex
+      )
+    );
+
+    setValue(productCategoriesFieldName, nextProductCategories);
+  };
+
+  const setIsExpanded = (productCategoryId: string) => {
+    setExpandedProductCategories((prevValues: Record<string, any>) => {
+      return {
+        ...prevValues,
+        [productCategoryId]: !prevValues[productCategoryId],
+      };
+    });
   };
 
   useEffect(() => {
@@ -142,7 +169,9 @@ export function ProductCategoriesControl({
       }, 0);
 
       setProductCategoryState({
-        [productCategory.uniqueId]: {
+        // New added categories will have uniqueId
+        // but existing have already assigned Id.
+        [productCategory?.id || productCategory.uniqueId]: {
           price,
           quantity,
         },
@@ -150,6 +179,16 @@ export function ProductCategoriesControl({
     });
   }, [productCategories]);
 
+  useEffect(() => {
+    if (fields.length !== 1) return;
+
+    setExpandedProductCategories((prevValues) => ({
+      ...prevValues,
+      [String(fields[0]?.id || fields[0]?.uniqueId)]: true,
+    }));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [fields]);
+
   return (
     <>
       <SortableTree
@@ -158,6 +197,14 @@ export function ProductCategoriesControl({
         onDragEnd={handleDragEnd}
       >
         {fields.map((productCategory, index) => {
+          const productCategoryId = productCategory?.id
+            ? String(productCategory.id)
+            : productCategory.uniqueId;
+
+          const onSetIsExpanded = () => {
+            setIsExpanded(productCategoryId);
+          };
+
           return (
             <Controller
               key={`product-category-${productCategory._id}`}
@@ -172,7 +219,8 @@ export function ProductCategoriesControl({
                 <SortableTree.Item
                   id={productCategory._id}
                   title={value}
-                  isExpanded={isFirstCategoryAdded}
+                  isExpanded={expandedProductCategories[productCategoryId]}
+                  setIsExpanded={onSetIsExpanded}
                   isInvalid={!!productCategoriesErrors}
                   badge={
                     <Badge className="category-badge">
@@ -184,8 +232,9 @@ export function ProductCategoriesControl({
                     <div className="product-set-badges-container">
                       <div className="product-set-subtitle-dot product-set-subtitle-category-dot" />
                       <span>
-                        {productCategoryState[productCategory.uniqueId]
-                          ?.quantity ?? "N/A"}{" "}
+                        {productCategoryState[
+                          productCategory?.id ?? productCategory.uniqueId
+                        ]?.quantity ?? "N/A"}{" "}
                         {t("products")}
                       </span>
                     </div>

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

@@ -1,8 +1,10 @@
 import React, {
   PropsWithChildren,
+  SetStateAction,
   createContext,
   useEffect,
   useState,
+  Dispatch,
 } from "react";
 import { VenueMapSet } from "@licklist/core/dist/DataMapper/Product/VenueMapSetDataMapper";
 // eslint-disable-next-line max-len
@@ -18,6 +20,10 @@ interface LoadingContext {
   venueMapSets?: VenueMapSet[];
   providerHasBookingManagement?: ProviderBookingManagementSetting["hasBookingManagement"];
   zones?: Zone[] | null;
+  expandedProductCategories: Record<string, boolean>;
+  setExpandedProductCategories: Dispatch<
+    SetStateAction<Record<string, boolean>>
+  >;
 }
 
 export const ProductSetLoadingContext = createContext<LoadingContext | null>(
@@ -25,7 +31,13 @@ export const ProductSetLoadingContext = createContext<LoadingContext | null>(
 );
 
 type ProductSetContextProviderProps = PropsWithChildren<
-  Omit<LoadingContext, "isLoading" | "setLoading">
+  Omit<
+    LoadingContext,
+    | "isLoading"
+    | "setLoading"
+    | "expandedProductCategories"
+    | "setExpandedProductCategories"
+  >
 >;
 
 export function ProductSetContextProvider({
@@ -38,6 +50,9 @@ export function ProductSetContextProvider({
 }: ProductSetContextProviderProps) {
   const [zonesState, setZonesState] = useState<Zone[] | undefined>(undefined);
   const [loading, setLoading] = useState(false);
+  const [expandedProductCategories, setExpandedProductCategories] = useState<
+    Record<string, boolean>
+  >({});
 
   useEffect(() => setZonesState(zones), [zones]);
 
@@ -51,6 +66,8 @@ export function ProductSetContextProvider({
         venueMapSets,
         providerHasBookingManagement,
         zones: zonesState,
+        expandedProductCategories,
+        setExpandedProductCategories,
       }}
     >
       {children}

package/src/product-set/product-category/ProductCategoryControl.tsx

@@ -22,7 +22,7 @@ import { ProductSetLoadingContext } from "../form/context";
 
 export interface ProductCategoryControlValues extends FormValues {
   id: number;
-  uniqueId?: number;
+  uniqueId?: string;
   name: string;
   minSubItems: number | null;
   maxSubItems: number | null;

package/src/product-set/utils/index.ts

@@ -0,0 +1,16 @@
+export const moveArrayElements = <T>(
+  array: T[],
+  prevIndex: number,
+  nextIndex: number
+) => {
+  const nextArray = [...array];
+  // We move there elements in array
+  // by set and change indexes
+  nextArray.splice(nextIndex, 0, nextArray.splice(prevIndex, 1)[0]);
+
+  return nextArray;
+};
+
+export const sortArrayByIndex = <T>(array: T[]) => {
+  return array.map((element: T, index) => ({ ...element, sort: index }));
+};

package/src/sortable-tree/SortableTreeItem.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode, useCallback, useState } from "react";
+import React, { ReactNode, useCallback, useEffect, useState } from "react";
 import { DndContext, useDraggable } from "@dnd-kit/core";
 import {
   SortableContext,
@@ -48,6 +48,7 @@ export interface SortableTreeItemProps {
     label: string;
     className: string;
   };
+  setIsExpanded?: () => void;
 }
 
 export function SortableTreeItem({
@@ -70,6 +71,7 @@ export function SortableTreeItem({
   onDelete,
   validate,
   secondaryBadge,
+  setIsExpanded,
 }: SortableTreeItemProps) {
   const [expanded, setExpanded] = useState(isExpanded);
   const [isModalVisible, setIsModalVisible] = useState(isNewAdded);
@@ -102,9 +104,14 @@ export function SortableTreeItem({
         return;
       }
 
+      if (setIsExpanded) {
+        setIsExpanded();
+        return;
+      }
+
       setExpanded((expanded) => !expanded);
     },
-    [position]
+    [position, setIsExpanded]
   );
 
   const onButtonMouseDown = useCallback((event) => {
@@ -118,6 +125,10 @@ export function SortableTreeItem({
     if (success) setIsModalVisible(false);
   };
 
+  useEffect(() => {
+    setExpanded(isExpanded);
+  }, [isExpanded]);
+
   return (
     <div
       className="sortable-tree-root"