@licklist/design 0.66.7-dev.5 → 0.66.7-dev.6

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

@@ -1 +1,231 @@
-"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),n=require("react-i18next"),i=require("react-bootstrap"),a=require("react-hook-form"),s=e(require("@licklist/plugins/dist/services/Form/FormErrorService")),l=require("lodash"),d=require("../../modals/dialog/Dialog.js"),u=require("../../modals/dialog/DialogContext.js"),m=require("./context.js"),c=require("../utils/index.js"),p=require("../control/ProductSetControl.js");exports.ProductSetForm=function(e){var v=e.companyName,g=e.isLoading,E=e.defaultValues,f=e.onSubmitAndRedirect,w=e.onSubmitNoRedirect,b=e.productGroupList,S=e.serverErrors,C=e.providerHasMap,h=void 0!==C&&C,T=e.venueMapSets,k=void 0===T?[]:T,q=e.providerHasBookingManagement,D=e.zones,L=e.isCreateAction,N=e.workHours,M=e.isOverrides,x=e.isCreateNewOverrides,A=t.__rest(e,["companyName","isLoading","defaultValues","onSubmitAndRedirect","onSubmitNoRedirect","productGroupList","serverErrors","providerHasMap","venueMapSets","providerHasBookingManagement","zones","isCreateAction","workHours","isOverrides","isCreateNewOverrides"]),H=n.useTranslation("Design").t,P=u.useDialogContext(),F=P.isShownDialog,B=P.onBeforeUnload,_=P.onPopState,j=P.onApproveDialog,y=P.onDeclineDialog,O=a.useForm({defaultValues:E,mode:"onChange"}),R=O.setError,z=O.reset,G=O.watch(),V=function(e){return function(t){c.checkAvailableTimesErrors({values:t,setError:R,t:H})||e(t)}};return r.useEffect((function(){E&&!l.isEqual(E,G)&&z(E)}),[E]),r.useEffect((function(){S&&s.handleServerErrors(S,R)}),[S,R]),r.useEffect((function(){return window.history.pushState(null,"",window.location.pathname+window.location.search),window.addEventListener("beforeunload",B),window.addEventListener("popstate",_),function(){window.removeEventListener("beforeunload",B),window.removeEventListener("popstate",_)}}),[]),o.createElement(m.ProductSetContextProvider,{productGroupList:b,providerHasMap:h,venueMapSets:k,providerHasBookingManagement:q,zones:D},o.createElement(d.Dialog,{isActive:F,title:H("Design:leavePage"),content:H("Design:changesNotBeSaved"),onApprove:j,onDecline:y}),o.createElement(a.FormProvider,t.__assign({},O),o.createElement(i.Form,{onSubmit:O.handleSubmit(V(f))},o.createElement(m.ProductSetLoadingContext.Consumer,null,(function(e){var r=e.isLoading;return o.createElement(o.Fragment,null,o.createElement(p.ProductSetControl,t.__assign({},A,{smsTemplates:c.getFilteredTemplates(null==A?void 0:A.smsTemplates,null==G?void 0:G.smsTemplates),emailTemplates:c.getFilteredTemplates(null==A?void 0:A.emailTemplates,null==G?void 0:G.emailTemplates),showEmailTemplate:!!(null==A?void 0:A.emailTemplates),showSmsTemplate:!!(null==A?void 0:A.smsTemplates),isLoading:g,isCreateAction:L,companyName:v,workHours:N,providerHasBookingManagement:q,isOverrides:M,isCreateNewOverrides:x})),o.createElement(i.Row,null,o.createElement(i.Col,{md:6,sm:12}),o.createElement(i.Col,{className:"product-set-save-btn-wrapper p-0 pl-4 d-flex mw-100",md:6,sm:12},w&&o.createElement(i.Button,{className:"product-set-save-btn mt-5 ml-5 d-no dne d-md-block",onClick:O.handleSubmit(V(w)),disabled:g||r||!G.name},H("save")),o.createElement(i.Button,{className:"product-set-save-btn mt-5 ml-5 d-no dne d-md-block",type:"submit",disabled:g||r||!G.name},H("saveAndClose")))))})))))};
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useEffect } from 'react';
+import { Form, Row, Col, Button } from 'react-bootstrap';
+import { useForm, FormProvider } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import FormErrorService from '@licklist/plugins/src/services/Form/FormErrorService';
+import { isEqual } from 'lodash';
+import { Dialog } from '../../modals/dialog/Dialog.js';
+import { useDialogContext } from '../../modals/dialog/DialogContext.js';
+import { ProductSetControl } from '../control/ProductSetControl.js';
+import { ProductSetContextProvider, ProductSetLoadingContext } from './context.js';
+import { getFilteredTemplates, checkAvailableTimesErrors } from '../utils/index.js';
+
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function ProductSetForm(_param) {
+    var companyName = _param.companyName, isLoading = _param.isLoading, defaultValues = _param.defaultValues, onSubmitAndRedirect = _param.onSubmitAndRedirect, onSubmitNoRedirect = _param.onSubmitNoRedirect, productGroupList = _param.productGroupList, serverErrors = _param.serverErrors, _param_providerHasMap = _param.providerHasMap, providerHasMap = _param_providerHasMap === void 0 ? false : _param_providerHasMap, _param_venueMapSets = _param.venueMapSets, venueMapSets = _param_venueMapSets === void 0 ? [] : _param_venueMapSets, providerHasBookingManagement = _param.providerHasBookingManagement, zones = _param.zones, isCreateAction = _param.isCreateAction, workHours = _param.workHours, isOverrides = _param.isOverrides, isCreateNewOverrides = _param.isCreateNewOverrides, shared = _object_without_properties(_param, [
+        "companyName",
+        "isLoading",
+        "defaultValues",
+        "onSubmitAndRedirect",
+        "onSubmitNoRedirect",
+        "productGroupList",
+        "serverErrors",
+        "providerHasMap",
+        "venueMapSets",
+        "providerHasBookingManagement",
+        "zones",
+        "isCreateAction",
+        "workHours",
+        "isOverrides",
+        "isCreateNewOverrides"
+    ]);
+    var t = useTranslation("Design").t;
+    var _useDialogContext = useDialogContext(), isShownDialog = _useDialogContext.isShownDialog, onBeforeUnload = _useDialogContext.onBeforeUnload, onPopState = _useDialogContext.onPopState, onApproveDialog = _useDialogContext.onApproveDialog, onDeclineDialog = _useDialogContext.onDeclineDialog;
+    var form = useForm({
+        defaultValues: defaultValues,
+        mode: "onChange"
+    });
+    var setError = form.setError, reset = form.reset;
+    var formValues = form.watch();
+    var submitHandler = function(onSubmit) {
+        return function(values) {
+            if (checkAvailableTimesErrors({
+                values: values,
+                setError: setError,
+                t: t
+            })) {
+                return;
+            }
+            onSubmit(values);
+        };
+    };
+    useEffect(function() {
+        if (!defaultValues || isEqual(defaultValues, formValues)) {
+            return;
+        }
+        reset(defaultValues);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        defaultValues
+    ]);
+    useEffect(function() {
+        if (!serverErrors) {
+            return;
+        }
+        FormErrorService.handleServerErrors(serverErrors, setError);
+    }, [
+        serverErrors,
+        setError
+    ]);
+    useEffect(function() {
+        window.history.pushState(null, "", window.location.pathname + window.location.search);
+        window.addEventListener("beforeunload", onBeforeUnload);
+        window.addEventListener("popstate", onPopState);
+        return function() {
+            window.removeEventListener("beforeunload", onBeforeUnload);
+            window.removeEventListener("popstate", onPopState);
+        };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return /*#__PURE__*/ jsxs(ProductSetContextProvider, {
+        productGroupList: productGroupList,
+        providerHasMap: providerHasMap,
+        venueMapSets: venueMapSets,
+        providerHasBookingManagement: providerHasBookingManagement,
+        zones: zones,
+        children: [
+            /*#__PURE__*/ jsx(Dialog, {
+                isActive: isShownDialog,
+                title: t("Design:leavePage"),
+                content: t("Design:changesNotBeSaved"),
+                onApprove: onApproveDialog,
+                onDecline: onDeclineDialog
+            }),
+            /*#__PURE__*/ jsx(FormProvider, _object_spread_props(_object_spread({}, form), {
+                children: /*#__PURE__*/ jsx(Form, {
+                    onSubmit: form.handleSubmit(submitHandler(onSubmitAndRedirect)),
+                    children: /*#__PURE__*/ jsx(ProductSetLoadingContext.Consumer, {
+                        children: function(param) {
+                            var contextIsLoading = param.isLoading;
+                            return /*#__PURE__*/ jsxs(Fragment, {
+                                children: [
+                                    /*#__PURE__*/ jsx(ProductSetControl, _object_spread_props(_object_spread({}, shared), {
+                                        smsTemplates: getFilteredTemplates(shared === null || shared === void 0 ? void 0 : shared.smsTemplates, formValues === null || formValues === void 0 ? void 0 : formValues.smsTemplates),
+                                        emailTemplates: getFilteredTemplates(shared === null || shared === void 0 ? void 0 : shared.emailTemplates, formValues === null || formValues === void 0 ? void 0 : formValues.emailTemplates),
+                                        showEmailTemplate: !!(shared === null || shared === void 0 ? void 0 : shared.emailTemplates),
+                                        showSmsTemplate: !!(shared === null || shared === void 0 ? void 0 : shared.smsTemplates),
+                                        isLoading: isLoading,
+                                        isCreateAction: isCreateAction,
+                                        companyName: companyName,
+                                        workHours: workHours,
+                                        providerHasBookingManagement: providerHasBookingManagement,
+                                        isOverrides: isOverrides,
+                                        isCreateNewOverrides: isCreateNewOverrides
+                                    })),
+                                    /*#__PURE__*/ jsxs(Row, {
+                                        children: [
+                                            /*#__PURE__*/ jsx(Col, {
+                                                md: 6,
+                                                sm: 12
+                                            }),
+                                            /*#__PURE__*/ jsxs(Col, {
+                                                className: "product-set-save-btn-wrapper p-0 pl-4 d-flex mw-100",
+                                                md: 6,
+                                                sm: 12,
+                                                children: [
+                                                    onSubmitNoRedirect && /*#__PURE__*/ jsx(Button, {
+                                                        className: "product-set-save-btn mt-5 ml-5 d-no dne d-md-block",
+                                                        onClick: form.handleSubmit(submitHandler(onSubmitNoRedirect)),
+                                                        disabled: isLoading || contextIsLoading || !formValues.name,
+                                                        children: t("save")
+                                                    }),
+                                                    /*#__PURE__*/ jsx(Button, {
+                                                        className: "product-set-save-btn mt-5 ml-5 d-no dne d-md-block",
+                                                        type: "submit",
+                                                        disabled: isLoading || contextIsLoading || !formValues.name,
+                                                        children: t("saveAndClose")
+                                                    })
+                                                ]
+                                            })
+                                        ]
+                                    })
+                                ]
+                            });
+                        }
+                    })
+                })
+            }))
+        ]
+    });
+}
+
+export { ProductSetForm };

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-interface ProductSetFormPopoverProps {
-    className?: string;
-}
-declare function ProductSetFormPopover({ className }: ProductSetFormPopoverProps): JSX.Element;
-export default ProductSetFormPopover;
+interface ProductSetFormPopoverProps {
+    className?: string;
+}
+declare function ProductSetFormPopover({ className }: ProductSetFormPopoverProps): import("react/jsx-runtime").JSX.Element;
+export default ProductSetFormPopover;
 //# sourceMappingURL=ProductSetFormPopover.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProductSetFormPopover.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/ProductSetFormPopover.tsx"],"names":[],"mappings":";AAKA,UAAU,0BAA0B;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,qBAAqB,CAAC,EAAE,SAAc,EAAE,EAAE,0BAA0B,eAyB5E;AAED,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"ProductSetFormPopover.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/ProductSetFormPopover.tsx"],"names":[],"mappings":"AAKA,UAAU,0BAA0B;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,qBAAqB,CAAC,EAAE,SAAc,EAAE,EAAE,0BAA0B,2CAyB5E;AAED,eAAe,qBAAqB,CAAC"}

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

@@ -1,19 +1,18 @@
-/// <reference types="react" />
-import { CategoryType } from "@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper";
-import { Zone } from "@licklist/core/dist/DataMapper/Provider/ZoneDataMapper";
-import { ProductControlProps, ProductSetFormValues } from "..";
-import { WithIsLoading } from "./ProductSetForm";
-interface ProductsControlProps extends WithIsLoading {
-    quantityType: ProductControlProps<ProductSetFormValues>["quantityType"];
-    stepIndex: number;
-    productCategoryIndex: number;
-    hasTicket?: boolean;
-    categoryType: CategoryType;
-    zones?: Zone[];
-    isOverrides?: boolean;
-    isEventEditProductSet?: boolean;
-    isCreateNewOverrides?: boolean;
-}
-export declare function ProductsControl({ isLoading, quantityType, stepIndex, productCategoryIndex, hasTicket, categoryType, zones, isOverrides, isEventEditProductSet, isCreateNewOverrides, }: ProductsControlProps): JSX.Element;
-export {};
+import { CategoryType } from "@licklist/core/src/DataMapper/Product/ProductCategoryDataMapper";
+import { Zone } from "@licklist/core/src/DataMapper/Provider/ZoneDataMapper";
+import { ProductControlProps, ProductSetFormValues } from "..";
+import { WithIsLoading } from "./ProductSetForm";
+interface ProductsControlProps extends WithIsLoading {
+    quantityType: ProductControlProps<ProductSetFormValues>["quantityType"];
+    stepIndex: number;
+    productCategoryIndex: number;
+    hasTicket?: boolean;
+    categoryType: CategoryType;
+    zones?: Zone[];
+    isOverrides?: boolean;
+    isEventEditProductSet?: boolean;
+    isCreateNewOverrides?: boolean;
+}
+export declare function ProductsControl({ isLoading, quantityType, stepIndex, productCategoryIndex, hasTicket, categoryType, zones, isOverrides, isEventEditProductSet, isCreateNewOverrides, }: ProductsControlProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=ProductsControl.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/ProductsControl.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,YAAY,EAAE,MAAM,kEAAkE,CAAC;AAChG,OAAO,EAAE,IAAI,EAAE,MAAM,wDAAwD,CAAC;AAC9E,OAAO,EAAkB,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,IAAI,CAAC;AAI/E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAQjD,UAAU,oBAAqB,SAAQ,aAAa;IAClD,YAAY,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAC,cAAc,CAAC,CAAC;IACxE,SAAS,EAAE,MAAM,CAAC;IAClB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,YAAY,CAAC;IAC3B,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAoCD,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,YAAY,EACZ,SAAS,EACT,oBAAoB,EACpB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,WAAW,EACX,qBAAqB,EACrB,oBAAoB,GACrB,EAAE,oBAAoB,eAwOtB"}
+{"version":3,"file":"ProductsControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/ProductsControl.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,YAAY,EAAE,MAAM,iEAAiE,CAAC;AAC/F,OAAO,EAAE,IAAI,EAAE,MAAM,uDAAuD,CAAC;AAC7E,OAAO,EAAkB,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,IAAI,CAAC;AAI/E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAQjD,UAAU,oBAAqB,SAAQ,aAAa;IAClD,YAAY,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAC,cAAc,CAAC,CAAC;IACxE,SAAS,EAAE,MAAM,CAAC;IAClB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,YAAY,CAAC;IAC3B,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAoCD,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,YAAY,EACZ,SAAS,EACT,oBAAoB,EACpB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,WAAW,EACX,qBAAqB,EACrB,oBAAoB,GACrB,EAAE,oBAAoB,2CAyOtB"}

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

@@ -1 +1,314 @@
-"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),n=require("react-i18next"),i=require("react-bootstrap"),a=require("react-hook-form"),u=e(require("@licklist/plugins/dist/services/Form/HookFormService")),c=require("@dnd-kit/core"),d=require("lodash");require("../elements/DeleteFieldButton.js");var s=require("../../sortable-tree/SortableTreeItem.js"),l=require("../../sortable-tree/SortableTree.js");require("../card/ProductSetCard.js");var p=require("../hooks/useSortableTreeFunctions.js"),m=require("../item/CreateProductSetItem.js");require("../step/StepControl.js"),require("../product-category/ProductCategoryControl.js");var v=require("@licklist/core/dist/DataMapper/Product/ProductDataMapper"),g=require("@licklist/core/dist/Services");require("../product/booking-management/ProductBookingManagementControl.js"),require("../product/deposit/ProductDepositControl.js"),require("../product/quantity/ProductQuantityControl.js"),require("../product/quantity/ProductQuantityConstantControl.js"),require("../product/quantity/ProductQuantityRechargingControl.js");var f=require("../product/ProductControl.js"),q=require("./SubProductsControl.js"),y=require("./ProductCategoriesControl.js");require("../control/ProductSetControl.js"),require("../deposit-paid/ProductSetDepositPaidControl.js"),require("./ProductSetForm.js"),require("../popover/ProductSetPopover.js"),require("../tabs/ProductSetTab.js"),require("../tabs/ProductSetTabs.js");exports.ProductsControl=function(e){var C,P,b,S,_=e.isLoading,j=e.quantityType,T=e.stepIndex,h=e.productCategoryIndex,E=e.hasTicket,I=e.categoryType,k=e.zones,N=e.isOverrides,x=e.isEventEditProductSet,D=e.isCreateNewOverrides,F=n.useTranslation("Design").t,A=a.useFormContext(),O=t.__read(r.useState(!1),2),w=O[0],M=O[1],Q=A.control,B=A.formState.errors,U=A.clearErrors,L=A.trigger,R=A.setValue,V=A.watch,z=A.getValues,W=V("steps.".concat(T,".productCategories.").concat(h,".zoneId")),H=null==k?void 0:k.find((function(e){return e.id===Number(W)})),G="steps.".concat(T,".productCategories.").concat(h,".products"),Y="steps.".concat(T,".pointProducts"),J=a.useFieldArray({name:G,control:Q,keyName:"_id"}),K=J.fields,X=J.append,Z=J.remove,$=J.move,ee=p.useSortableTreeFunctions({fieldName:G,remove:Z,isOverrides:N}),te=ee.edit,re=ee.saveValidField,oe=ee.cancelChanges,ne=V("steps.".concat(T,".productCategories.").concat(h,".allowDeposits")),ie=a.useWatch({control:Q,name:t.__spreadArray([],t.__read(K.map((function(e,t){return"".concat(G,".").concat(t,".price")}))),!1)}),ae=a.useWatch({control:Q,name:t.__spreadArray([],t.__read(K.map((function(e,t){return"".concat(G,".").concat(t,".totalQuantity")}))),!1)}),ue=a.useWatch({control:Q,name:t.__spreadArray([],t.__read(K.map((function(e,t){return"".concat(G,".").concat(t,".isUnlimited")}))),!1)}),ce=null===(S=null===(b=null===(P=null===(C=null==B?void 0:B.steps)||void 0===C?void 0:C[T])||void 0===P?void 0:P.productCategories)||void 0===b?void 0:b[h])||void 0===S?void 0:S.products,de=1===K.length,se=c.useSensor(c.MouseSensor,{activationConstraint:{distance:10}});return o.createElement(o.Fragment,null,o.createElement(l.SortableTree,{items:K.map((function(e){return String(e._id)})),onDragEnd:function(e){if(!N){var t=e.active,r=e.over;if(t&&r&&(null==t?void 0:t.id)&&(null==r?void 0:r.id)){var o=K.findIndex((function(e){return e._id===t.id})),n=K.findIndex((function(e){return e._id===r.id}));o!==n&&($(o,n),K.forEach((function(e,t){R("".concat(G,".").concat(t,".sort"),t)})))}}},sensors:[se]},K.map((function(e,t){var r=x?!!e.id:N&&!!e.originalProductId,n=D&&!!e.id;return o.createElement(a.Controller,{key:e._id,control:Q,name:"".concat(G,".").concat(t,".name"),rules:{required:F("Validation:fieldRequired",{attribute:F("name")})},render:function(a){var u=a.field,c=u.value,d=u.onChange;return o.createElement(l.SortableTree.Item,{key:"product-".concat(e._id),id:String(e._id),isExpanded:de,isInvalid:!!ce,title:c,isOverride:N,badge:o.createElement(i.Badge,{className:"product-badge"},F("product")),isIconInHeader:!1,cancelChanges:function(){return oe(t)},edit:function(){return te(t)},secondaryBadge:y.getBadgeConfig(I,F(I)),subTitle:o.createElement("div",{className:"product-set-badges-container"},o.createElement("div",{className:"product-set-subtitle-dot product-set-subtitle-product-dot"}),o.createElement("span",null,"£".concat(ie[t]," ").concat(F("each")," - ").concat(F("qty"),":").concat(ue[t]?F(" unlimited"):" ".concat(ae[t])," ").concat(ue[t]?"":" - ".concat(F("possibleRevenue")," £").concat(ie[t]*ae[t])," "))),modalLabel:F("addNewProduct"),modalClass:s.ProductSetModalClasses.product,isNewAdded:w,body:o.createElement(f.ProductControl,{isLoading:_,quantityType:j,allowDeposits:ne,hasBookingManagement:!1,fieldNamePrefix:"".concat(G,".").concat(t),productName:c,onProductNameChange:d,hasTicket:E,categoryType:I,zoneDuration:null==H?void 0:H.defaultDuration,isOverrides:n||r}),onDelete:function(){return function(e){if(!N){var t=z("".concat(G,".").concat(e)),r=z(Y);R(Y,(null==r?void 0:r.filter((function(e){return e.productUuid!==t.uuid})))||[]),Z(e)}}(t)},validate:function(){return L("".concat(G,".").concat(t))},saveValidField:re},o.createElement(q.SubProductsControl,{isLoading:_,quantityType:j,stepIndex:T,productCategoryIndex:h,productIndex:t}))}})}))),o.createElement(m.CreateProductSetItem,{title:F("addProduct"),onClick:function(){var e;X((e=K.length,{id:null,name:"",termsAndConditions:"",productGroupId:null,description:"",price:0,deposit:0,minQuantity:null,maxQuantity:null,totalQuantity:0,capacity:0,duration:0,isAvailable:!0,isSoldOut:!1,isRequired:!1,isUnlimited:!1,quantitySelector:1,hasSpecialNotes:!1,weight:0,originalProductId:null,type:v.DEFAULT_PRODUCT_TYPE,tierId:Number(d.uniqueId()),zoneId:null,subProducts:[],images:[],uuid:g.generateUuid(),subSlots:null,offset:null,pause:null,serviceTime:null,sort:e})),M(!0),(null==ce?void 0:ce.type)===u.manualErrorType&&U(G)}}),o.createElement("div",{className:"manual-form-error"},ce&&ce.message))};
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { uniqueId } from 'lodash';
+import { Badge } from 'react-bootstrap';
+import { useFormContext, useFieldArray, useWatch, Controller } from 'react-hook-form';
+import { useSensor, MouseSensor } from '@dnd-kit/core';
+import { useTranslation } from 'react-i18next';
+import { DEFAULT_PRODUCT_TYPE } from '@licklist/core/src/DataMapper/Product/ProductDataMapper';
+import { generateUuid } from '@licklist/core/src/Services';
+import HookFormService from '@licklist/plugins/src/services/Form/HookFormService';
+import 'rrule';
+import 'clsx';
+import '@react-aria/utils';
+import '@licklist/plugins/src/services/Route/RouteService';
+import 'react-bootstrap/ModalHeader';
+import 'react-bootstrap/ModalTitle';
+import 'react-bootstrap/ModalBody';
+import 'react-bootstrap/ModalFooter';
+import 'react-bootstrap/Modal';
+import '../../static/Icon.js';
+import '../../static/index.js';
+import '../control/ProductSetControl.js';
+import 'react-bootstrap/Col';
+import 'react-bootstrap/InputGroup';
+import 'react-bootstrap/Row';
+import '@licklist/plugins/src/services/Form/FormErrorService';
+import 'react-bootstrap/Button';
+import 'react-bootstrap/OverlayTrigger';
+import 'react-bootstrap/Popover';
+import { ProductControl } from '../product/ProductControl.js';
+import '@licklist/core/src/DataMapper/Product/ProductCategoryDataMapper';
+import 'framer-motion';
+import '../tabs/ProductSetTabs.js';
+import { SortableTree } from '../../sortable-tree/SortableTree.js';
+import { CreateProductSetItem } from '../item/CreateProductSetItem.js';
+import { useSortableTreeFunctions } from '../hooks/useSortableTreeFunctions.js';
+import { SubProductsControl } from './SubProductsControl.js';
+import { ProductSetModalClasses } from '../../sortable-tree/SortableTreeItem.js';
+import { getBadgeConfig } from './ProductCategoriesControl.js';
+
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+var getDefaultProductValue = function(sort) {
+    return {
+        id: null,
+        name: "",
+        termsAndConditions: "",
+        productGroupId: null,
+        description: "",
+        price: 0,
+        deposit: 0,
+        minQuantity: null,
+        maxQuantity: null,
+        totalQuantity: 0,
+        capacity: 0,
+        duration: 0,
+        isAvailable: true,
+        isSoldOut: false,
+        isRequired: false,
+        isUnlimited: false,
+        quantitySelector: 1,
+        hasSpecialNotes: false,
+        weight: 0,
+        originalProductId: null,
+        type: DEFAULT_PRODUCT_TYPE,
+        tierId: Number(uniqueId()),
+        zoneId: null,
+        subProducts: [],
+        images: [],
+        uuid: generateUuid(),
+        subSlots: null,
+        offset: null,
+        pause: null,
+        serviceTime: null,
+        sort: sort
+    };
+};
+function ProductsControl(param) {
+    var isLoading = param.isLoading, quantityType = param.quantityType, stepIndex = param.stepIndex, productCategoryIndex = param.productCategoryIndex, hasTicket = param.hasTicket, categoryType = param.categoryType, zones = param.zones, isOverrides = param.isOverrides, isEventEditProductSet = param.isEventEditProductSet, isCreateNewOverrides = param.isCreateNewOverrides;
+    var _errors_steps_stepIndex_productCategories_productCategoryIndex, _errors_steps_stepIndex_productCategories, _errors_steps_stepIndex, _errors_steps;
+    var t = useTranslation("Design").t;
+    var form = useFormContext();
+    var _useState = _sliced_to_array(useState(false), 2), showProductModal = _useState[0], setShowProductModal = _useState[1];
+    var control = form.control, errors = form.formState.errors, clearErrors = form.clearErrors, trigger = form.trigger, setValue = form.setValue, watch = form.watch, getValues = form.getValues;
+    var zoneId = watch("steps.".concat(stepIndex, ".productCategories.").concat(productCategoryIndex, ".zoneId"));
+    var catergoryZone = zones === null || zones === void 0 ? void 0 : zones.find(function(zone) {
+        return zone.id === Number(zoneId);
+    });
+    var productControlFieldName = "steps.".concat(stepIndex, ".productCategories.").concat(productCategoryIndex, ".products");
+    var productPointsKey = "steps.".concat(stepIndex, ".pointProducts");
+    var _useFieldArray = useFieldArray({
+        name: productControlFieldName,
+        control: control,
+        keyName: "_id"
+    }), fields = _useFieldArray.fields, append = _useFieldArray.append, remove = _useFieldArray.remove, move = _useFieldArray.move;
+    var _useSortableTreeFunctions = useSortableTreeFunctions({
+        fieldName: productControlFieldName,
+        remove: remove,
+        isOverrides: isOverrides
+    }), edit = _useSortableTreeFunctions.edit, saveValidField = _useSortableTreeFunctions.saveValidField, cancelChanges = _useSortableTreeFunctions.cancelChanges;
+    var allowDeposits = watch("steps.".concat(stepIndex, ".productCategories.").concat(productCategoryIndex, ".allowDeposits"));
+    // watch is required to get a reactive value of the required fields
+    var prices = useWatch({
+        control: control,
+        name: _to_consumable_array(fields.map(function(_, index) {
+            return "".concat(productControlFieldName, ".").concat(index, ".price");
+        }))
+    });
+    var quantities = useWatch({
+        control: control,
+        name: _to_consumable_array(fields.map(function(_, index) {
+            return "".concat(productControlFieldName, ".").concat(index, ".totalQuantity");
+        }))
+    });
+    var isUnlimitedQuantities = useWatch({
+        control: control,
+        name: _to_consumable_array(fields.map(function(_, index) {
+            return "".concat(productControlFieldName, ".").concat(index, ".isUnlimited");
+        }))
+    });
+    var categoryProductErrors = errors === null || errors === void 0 ? void 0 : (_errors_steps = errors.steps) === null || _errors_steps === void 0 ? void 0 : (_errors_steps_stepIndex = _errors_steps[stepIndex]) === null || _errors_steps_stepIndex === void 0 ? void 0 : (_errors_steps_stepIndex_productCategories = _errors_steps_stepIndex.productCategories) === null || _errors_steps_stepIndex_productCategories === void 0 ? void 0 : (_errors_steps_stepIndex_productCategories_productCategoryIndex = _errors_steps_stepIndex_productCategories[productCategoryIndex]) === null || _errors_steps_stepIndex_productCategories_productCategoryIndex === void 0 ? void 0 : _errors_steps_stepIndex_productCategories_productCategoryIndex.products;
+    var isFirstProductAdded = fields.length === 1;
+    var mouseSensor = useSensor(MouseSensor, {
+        activationConstraint: {
+            distance: 10
+        }
+    });
+    var handleDragEnd = function(_event) {
+        if (isOverrides) return;
+        var active = _event.active, over = _event.over;
+        if (!active || !over || !(active === null || active === void 0 ? void 0 : active.id) || !(over === null || over === void 0 ? void 0 : over.id)) return;
+        var prevIndex = fields.findIndex(function(field) {
+            return field._id === active.id;
+        });
+        var nextIndex = fields.findIndex(function(field) {
+            return field._id === over.id;
+        });
+        if (prevIndex === nextIndex) return;
+        move(prevIndex, nextIndex);
+        fields.forEach(function(_, index) {
+            setValue("".concat(productControlFieldName, ".").concat(index, ".sort"), index);
+        });
+    };
+    var onProductRemove = function(index) {
+        if (isOverrides) return;
+        var currentProduct = getValues("".concat(productControlFieldName, ".").concat(index));
+        var currentPointProducts = getValues(productPointsKey);
+        setValue(productPointsKey, (currentPointProducts === null || currentPointProducts === void 0 ? void 0 : currentPointProducts.filter(function(product) {
+            return product.productUuid !== currentProduct.uuid;
+        })) || []);
+        remove(index);
+    };
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(SortableTree, {
+                items: fields.map(function(item) {
+                    return String(item._id);
+                }),
+                onDragEnd: handleDragEnd,
+                sensors: [
+                    mouseSensor
+                ],
+                children: fields.map(function(product, index) {
+                    var isOverridesProductSet = isEventEditProductSet ? !!product.id : isOverrides && !!product.originalProductId;
+                    var isNewProductOverrides = isCreateNewOverrides && !!product.id;
+                    return /*#__PURE__*/ jsx(Controller, {
+                        control: control,
+                        name: "".concat(productControlFieldName, ".").concat(index, ".name"),
+                        rules: {
+                            required: t("Validation:fieldRequired", {
+                                attribute: t("name")
+                            })
+                        },
+                        render: function(param) {
+                            var _param_field = param.field, value = _param_field.value, onChange = _param_field.onChange;
+                            return /*#__PURE__*/ jsx(SortableTree.Item, {
+                                id: String(product._id),
+                                isExpanded: isFirstProductAdded,
+                                isInvalid: !!categoryProductErrors,
+                                title: value,
+                                isOverride: isOverrides,
+                                badge: /*#__PURE__*/ jsx(Badge, {
+                                    className: "product-badge",
+                                    children: t("product")
+                                }),
+                                isIconInHeader: false,
+                                cancelChanges: function() {
+                                    return cancelChanges(index);
+                                },
+                                edit: function() {
+                                    return edit(index);
+                                },
+                                secondaryBadge: getBadgeConfig(categoryType, t(categoryType)),
+                                subTitle: /*#__PURE__*/ jsxs("div", {
+                                    className: "product-set-badges-container",
+                                    children: [
+                                        /*#__PURE__*/ jsx("div", {
+                                            className: "product-set-subtitle-dot product-set-subtitle-product-dot"
+                                        }),
+                                        /*#__PURE__*/ jsx("span", {
+                                            children: "\xa3".concat(prices[index], " ").concat(t("each"), " - ").concat(t("qty"), ":").concat(!isUnlimitedQuantities[index] ? " ".concat(quantities[index]) : t(" unlimited"), " ").concat(!isUnlimitedQuantities[index] ? " - ".concat(t("possibleRevenue"), " \xa3").concat(prices[index] * quantities[index]) : "", " ")
+                                        })
+                                    ]
+                                }),
+                                modalLabel: t("addNewProduct"),
+                                modalClass: ProductSetModalClasses.product,
+                                isNewAdded: showProductModal,
+                                body: /*#__PURE__*/ jsx(ProductControl, {
+                                    isLoading: isLoading,
+                                    quantityType: quantityType,
+                                    allowDeposits: allowDeposits,
+                                    hasBookingManagement: false,
+                                    fieldNamePrefix: "".concat(productControlFieldName, ".").concat(index),
+                                    productName: value,
+                                    onProductNameChange: onChange,
+                                    hasTicket: hasTicket,
+                                    categoryType: categoryType,
+                                    zoneDuration: catergoryZone === null || catergoryZone === void 0 ? void 0 : catergoryZone.defaultDuration,
+                                    isOverrides: isNewProductOverrides || isOverridesProductSet
+                                }),
+                                onDelete: function() {
+                                    return onProductRemove(index);
+                                },
+                                validate: function() {
+                                    return trigger("".concat(productControlFieldName, ".").concat(index));
+                                },
+                                saveValidField: saveValidField,
+                                children: /*#__PURE__*/ jsx(SubProductsControl, {
+                                    isLoading: isLoading,
+                                    quantityType: quantityType,
+                                    stepIndex: stepIndex,
+                                    productCategoryIndex: productCategoryIndex,
+                                    productIndex: index
+                                })
+                            }, "product-".concat(product._id));
+                        }
+                    }, product._id);
+                })
+            }),
+            /*#__PURE__*/ jsx(CreateProductSetItem, {
+                title: t("addProduct"),
+                onClick: function() {
+                    append(getDefaultProductValue(fields.length));
+                    setShowProductModal(true);
+                    if ((categoryProductErrors === null || categoryProductErrors === void 0 ? void 0 : categoryProductErrors.type) === HookFormService.manualErrorType) {
+                        clearErrors(productControlFieldName);
+                    }
+                }
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "manual-form-error",
+                children: categoryProductErrors && categoryProductErrors.message
+            })
+        ]
+    });
+}
+
+export { ProductsControl };

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-import { CategoryType } from "@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper";
-export interface SelectCategoryModalProps {
-    isVisible: boolean;
-    onHide: () => void;
-    onCategorySelect: (category: CategoryType) => void;
-}
-export declare function SelectCategoryModal({ isVisible, onHide, onCategorySelect, }: SelectCategoryModalProps): JSX.Element;
+import { CategoryType } from "@licklist/core/src/DataMapper/Product/ProductCategoryDataMapper";
+export interface SelectCategoryModalProps {
+    isVisible: boolean;
+    onHide: () => void;
+    onCategorySelect: (category: CategoryType) => void;
+}
+export declare function SelectCategoryModal({ isVisible, onHide, onCategorySelect, }: SelectCategoryModalProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SelectCategoryModal.d.ts.map