@licklist/design 0.75.1-dev.5 → 0.75.1-dev.7

package/dist/events/edit-event-modal/IntervalInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IntervalInput.d.ts","sourceRoot":"","sources":["../../../src/events/edit-event-modal/IntervalInput.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,6DAA6D,CAAA;AAIxF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAG7D,UAAU,kBAAkB;IAC1B,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;IACvC,WAAW,CAAC,EAAE,UAAU,EAAE,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAgB,EAChB,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACX,iBAAyB,EACzB,YAAoB,EACrB,EAAE,kBAAkB,2CAkKpB"}
+{"version":3,"file":"IntervalInput.d.ts","sourceRoot":"","sources":["../../../src/events/edit-event-modal/IntervalInput.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,6DAA6D,CAAA;AAIxF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAG7D,UAAU,kBAAkB;IAC1B,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;IACvC,WAAW,CAAC,EAAE,UAAU,EAAE,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAgB,EAChB,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACX,iBAAyB,EACzB,YAAoB,EACrB,EAAE,kBAAkB,2CA4KpB"}

package/dist/events/edit-event-modal/IntervalInput.js

@@ -111,14 +111,14 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 function IntervalInput(param) {
     var _param_disabled = param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, editedProductSet = param.editedProductSet, productSetId = param.productSetId, productSets = param.productSets, _param_disabledRecurrent = param.disabledRecurrent, disabledRecurrent = _param_disabledRecurrent === void 0 ? false : _param_disabledRecurrent, _param_isCopyCreate = param.isCopyCreate, isCopyCreate = _param_isCopyCreate === void 0 ? false : _param_isCopyCreate;
-    var _errors_start, _errors_end;
+    var _errors_start, _errors_end, _errors_end1;
     var t = useTranslation([
         'Design',
         'Validation'
     ]).t;
     var _useFormContext = useFormContext(), register = _useFormContext.register, errors = _useFormContext.formState.errors, control = _useFormContext.control, trigger = _useFormContext.trigger, setValue = _useFormContext.setValue;
     var formattedDuration = useFormattedDuration();
-    var validationOptions = useValidationOptions();
+    var validationOptions = useValidationOptions({});
     var rrule = useWatch({
         control: control,
         name: 'rrule'
@@ -182,6 +182,12 @@ function IntervalInput(param) {
             setValue('rrule', null);
         }
     };
+    useEffect(function() {
+        if (!start) return;
+        trigger('end');
+    }, [
+        start
+    ]);
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsxs(Form.Row, {
@@ -250,6 +256,10 @@ function IntervalInput(param) {
                                 children: formattedDuration && "lasts ".concat(formattedDuration)
                             })
                         ]
+                    }),
+                    /*#__PURE__*/ jsx(Form.Control.Feedback, {
+                        type: "invalid",
+                        children: (_errors_end1 = errors.end) === null || _errors_end1 === void 0 ? void 0 : _errors_end1.message
                     })
                 ]
             }),

package/dist/events/edit-event-modal/hooks/useValidationOptions.d.ts

@@ -1,10 +1,14 @@
-export declare const useValidationOptions: () => {
+interface useValidationOptionsProps {
+    maxDurationExceeded?: number;
+}
+export declare const useValidationOptions: ({ maxDurationExceeded }: useValidationOptionsProps) => {
     start: {
         required: string;
     };
     end: {
         required: string;
-        validate: (value: any) => string | true;
+        validate: (value: string) => string | true;
     };
 };
+export {};
 //# sourceMappingURL=useValidationOptions.d.ts.map

package/dist/events/edit-event-modal/hooks/useValidationOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useValidationOptions.d.ts","sourceRoot":"","sources":["../../../../src/events/edit-event-modal/hooks/useValidationOptions.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,oBAAoB;;kBASrB,MAAM;;;kBAMN,MAAM;;;CAWjB,CAAA"}
+{"version":3,"file":"useValidationOptions.d.ts","sourceRoot":"","sources":["../../../../src/events/edit-event-modal/hooks/useValidationOptions.tsx"],"names":[],"mappings":"AAIA,UAAU,yBAAyB;IACjC,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B;AAED,eAAO,MAAM,oBAAoB,4BAAkC,yBAAyB;;kBAUhF,MAAM;;;kBAMN,MAAM;0BACM,MAAM;;CAsB7B,CAAA"}

package/dist/events/edit-event-modal/hooks/useValidationOptions.js

@@ -2,7 +2,8 @@ import { DateTime } from 'luxon';
 import { useFormContext, useWatch } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 
-var useValidationOptions = function() {
+var useValidationOptions = function(param) {
+    var _param_maxDurationExceeded = param.maxDurationExceeded, maxDurationExceeded = _param_maxDurationExceeded === void 0 ? 24 : _param_maxDurationExceeded;
     var control = useFormContext().control;
     var t = useTranslation([
         'Design',
@@ -22,11 +23,21 @@ var useValidationOptions = function() {
             required: t('Validation:fieldRequired', {
                 attribute: t('end')
             }),
-            // TODO: uncomment when event splitting is implemented
-            // and extract into plugins
             validate: function(value) {
-                return(// endAt not required
-                value ? DateTime.fromISO(value).diff(DateTime.fromISO(start)).toMillis() > 0 || t('Validation:fieldValidEventEnd') : true);
+                if (!value || !start) return true;
+                var startDt = DateTime.fromISO(start);
+                var endDt = DateTime.fromISO(value);
+                var diffMillis = endDt.diff(startDt).toMillis();
+                if (diffMillis <= 0) {
+                    return t('Validation:fieldValidEventEnd');
+                }
+                var maxDurationExceededHours = maxDurationExceeded * 60 * 60 * 1000;
+                if (diffMillis > maxDurationExceededHours) {
+                    return t('Design:eventMaxDurationExceeded', {
+                        maxHours: maxDurationExceeded
+                    });
+                }
+                return true;
             }
         }
     };

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

@@ -17,8 +17,9 @@ interface PaymentStatusComponentProps {
     showCloseButton?: boolean;
     email?: string;
     totalAmount?: number;
+    getBookingPDF?: () => Promise<void>;
     paymentMetadata?: PaymentMetadata;
 }
-export declare const PaymentStatusPage: ({ onCloseWindow, onBack, onTryAgain, isLoading, status, isAppUsingInIframe, bookingSummaryProps, EventCardComponent, showCloseButton, email, totalAmount, paymentMetadata, }: PaymentStatusComponentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PaymentStatusPage: ({ onCloseWindow, onBack, onTryAgain, isLoading, status, getBookingPDF, isAppUsingInIframe, bookingSummaryProps, EventCardComponent, showCloseButton, email, totalAmount, paymentMetadata, }: PaymentStatusComponentProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=PaymentStatusPage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentStatusPage.d.ts","sourceRoot":"","sources":["../../../../src/iframe/payment/payment-status-page/PaymentStatusPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,qDAAqD,CAAA;AACzF,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAG7D,eAAO,MAAM,mBAAmB,WAAW,CAAA;AAC3C,eAAO,MAAM,oBAAoB,YAAY,CAAA;AAC7C,eAAO,MAAM,oBAAoB,YAAY,CAAA;AAE7C,MAAM,MAAM,WAAW,GACnB,OAAO,oBAAoB,GAC3B,OAAO,mBAAmB,GAC1B,OAAO,oBAAoB,CAAA;AAE/B,UAAU,2BAA2B;IACnC,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,EAAE,WAAW,CAAA;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,mBAAmB,CAAC,EAAE,mBAAmB,CAAA;IACzC,kBAAkB,CAAC,EAAE,SAAS,CAAA;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,eAAe,CAAA;CAClC;AASD,eAAO,MAAM,iBAAiB,iLAa3B,2BAA2B,4CAiI7B,CAAA"}
+{"version":3,"file":"PaymentStatusPage.d.ts","sourceRoot":"","sources":["../../../../src/iframe/payment/payment-status-page/PaymentStatusPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,qDAAqD,CAAA;AACzF,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAG7D,eAAO,MAAM,mBAAmB,WAAW,CAAA;AAC3C,eAAO,MAAM,oBAAoB,YAAY,CAAA;AAC7C,eAAO,MAAM,oBAAoB,YAAY,CAAA;AAE7C,MAAM,MAAM,WAAW,GACnB,OAAO,oBAAoB,GAC3B,OAAO,mBAAmB,GAC1B,OAAO,oBAAoB,CAAA;AAE/B,UAAU,2BAA2B;IACnC,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,EAAE,WAAW,CAAA;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,mBAAmB,CAAC,EAAE,mBAAmB,CAAA;IACzC,kBAAkB,CAAC,EAAE,SAAS,CAAA;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IACnC,eAAe,CAAC,EAAE,eAAe,CAAA;CAClC;AASD,eAAO,MAAM,iBAAiB,gMAc3B,2BAA2B,4CAkI7B,CAAA"}

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

@@ -60,7 +60,7 @@ var _obj;
 var titles = (_obj = {}, _define_property(_obj, ORDER_STATUS_SUCCESS, 'purchaseSuccessful'), _define_property(_obj, ORDER_STATUS_PENDING, 'pendingPayment'), _define_property(_obj, ORDER_STATUS_FAILED, 'purchaseFailed'), _obj);
 // @TODO In future think, how to reuse this component in Iframe Pending, Success and Failed Pages
 var PaymentStatusPage = function(param) {
-    var onCloseWindow = param.onCloseWindow, onBack = param.onBack, onTryAgain = param.onTryAgain, isLoading = param.isLoading, status = param.status, isAppUsingInIframe = param.isAppUsingInIframe, bookingSummaryProps = param.bookingSummaryProps, EventCardComponent = param.EventCardComponent, _param_showCloseButton = param.showCloseButton, showCloseButton = _param_showCloseButton === void 0 ? false : _param_showCloseButton, email = param.email, _param_totalAmount = param.totalAmount, totalAmount = _param_totalAmount === void 0 ? 0 : _param_totalAmount, paymentMetadata = param.paymentMetadata;
+    var onCloseWindow = param.onCloseWindow, onBack = param.onBack, onTryAgain = param.onTryAgain, isLoading = param.isLoading, status = param.status, getBookingPDF = param.getBookingPDF, isAppUsingInIframe = param.isAppUsingInIframe, bookingSummaryProps = param.bookingSummaryProps, EventCardComponent = param.EventCardComponent, _param_showCloseButton = param.showCloseButton, showCloseButton = _param_showCloseButton === void 0 ? false : _param_showCloseButton, email = param.email, _param_totalAmount = param.totalAmount, totalAmount = _param_totalAmount === void 0 ? 0 : _param_totalAmount, paymentMetadata = param.paymentMetadata;
     var t = useTranslation('Design').t;
     if (isLoading) return /*#__PURE__*/ jsx(LoaderIndicator, {
         isLoaded: false
@@ -97,6 +97,7 @@ var PaymentStatusPage = function(param) {
                         EventCardComponent,
                         /*#__PURE__*/ jsx(PaymentStatusBody, {
                             status: status,
+                            getBookingPDF: getBookingPDF,
                             onBack: onBack || onCloseWindow,
                             onTryAgain: onTryAgain,
                             email: email

package/dist/iframe/payment/payment-status-page/component/PaymentStatusBody.d.ts

@@ -2,9 +2,10 @@ import { OrderStatus } from '../PaymentStatusPage';
 interface PaymentStatusBodyProps {
     status: OrderStatus;
     onBack: () => void;
+    getBookingPDF?: () => Promise<void>;
     onTryAgain?: () => void;
     email?: string;
 }
-export declare const PaymentStatusBody: ({ status, onBack, onTryAgain, email, }: PaymentStatusBodyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PaymentStatusBody: ({ status, onBack, onTryAgain, getBookingPDF, email, }: PaymentStatusBodyProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=PaymentStatusBody.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentStatusBody.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/payment/payment-status-page/component/PaymentStatusBody.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,WAAW,EACZ,MAAM,sBAAsB,CAAA;AAG7B,UAAU,sBAAsB;IAC9B,MAAM,EAAE,WAAW,CAAA;IACnB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,iBAAiB,2CAK3B,sBAAsB,4CAiBxB,CAAA"}
+{"version":3,"file":"PaymentStatusBody.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/payment/payment-status-page/component/PaymentStatusBody.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,WAAW,EACZ,MAAM,sBAAsB,CAAA;AAG7B,UAAU,sBAAsB;IAC9B,MAAM,EAAE,WAAW,CAAA;IACnB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IACnC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,iBAAiB,0DAM3B,sBAAsB,4CAkBxB,CAAA"}

package/dist/iframe/payment/payment-status-page/component/PaymentStatusBody.js

@@ -4,11 +4,12 @@ import { ORDER_STATUS_SUCCESS, ORDER_STATUS_PENDING } from '../PaymentStatusPage
 import { StatusBody } from '../../status-body/StatusBody.js';
 
 var PaymentStatusBody = function(param) {
-    var status = param.status, onBack = param.onBack, onTryAgain = param.onTryAgain, email = param.email;
+    var status = param.status, onBack = param.onBack, onTryAgain = param.onTryAgain, getBookingPDF = param.getBookingPDF, email = param.email;
     var t = useTranslation('Design').t;
     if (status === ORDER_STATUS_SUCCESS) {
         return /*#__PURE__*/ jsx(StatusBody, {
             onBack: onBack,
+            getBookingPDF: getBookingPDF,
             title: t('orderConfirmationAndReceiptSendToYourEmail', {
                 email: email
             })

package/dist/iframe/payment/status-body/StatusBody.d.ts

@@ -1,8 +1,9 @@
 interface StatusBodyProps {
     onTryAgain?: () => void;
     onBack: () => void;
+    getBookingPDF?: () => void;
     title?: string;
 }
-export declare const StatusBody: ({ onTryAgain, onBack, title }: StatusBodyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StatusBody: ({ onTryAgain, onBack, title, getBookingPDF }: StatusBodyProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=StatusBody.d.ts.map

package/dist/iframe/payment/status-body/StatusBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBody.d.ts","sourceRoot":"","sources":["../../../../src/iframe/payment/status-body/StatusBody.tsx"],"names":[],"mappings":"AAGA,UAAU,eAAe;IACvB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,UAAU,kCAAmC,eAAe,4CAYxE,CAAA"}
+{"version":3,"file":"StatusBody.d.ts","sourceRoot":"","sources":["../../../../src/iframe/payment/status-body/StatusBody.tsx"],"names":[],"mappings":"AAIA,UAAU,eAAe;IACvB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,UAAU,iDAAkD,eAAe,4CAiBvF,CAAA"}

package/dist/iframe/payment/status-body/StatusBody.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Button } from 'react-bootstrap';
+import { Link } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 
 var StatusBody = function(param) {
-    var onTryAgain = param.onTryAgain, onBack = param.onBack, title = param.title;
+    var onTryAgain = param.onTryAgain, onBack = param.onBack, title = param.title, getBookingPDF = param.getBookingPDF;
     var t = useTranslation('Design').t;
     return /*#__PURE__*/ jsxs("div", {
         className: "status-body-wrapper mt-4",
@@ -12,6 +13,19 @@ var StatusBody = function(param) {
                 className: "status-body-wrapper__text",
                 children: title
             }),
+            getBookingPDF && /*#__PURE__*/ jsxs("div", {
+                className: "mt-2",
+                children: [
+                    /*#__PURE__*/ jsx("p", {
+                        className: "status-body-wrapper__text",
+                        children: t('youCanDownload')
+                    }),
+                    /*#__PURE__*/ jsx(Link, {
+                        onClick: getBookingPDF,
+                        children: t('ticketDownloadLink')
+                    })
+                ]
+            }),
             /*#__PURE__*/ jsxs("div", {
                 className: "d-flex buttons-wrapper",
                 children: [

package/dist/recurring-date-picker-input/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/recurring-date-picker-input/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAA;AAGrF,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAE1C,OAAc,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAEjD,eAAO,MAAM,sBAAsB,yBAGhC;IACD,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,SAAS,CAAA;CACrB,KAAG,OAWH,CAAA;AAED,MAAM,MAAM,kBAAkB,GAC1B,SAAS,CAAC,KAAK,GACf,SAAS,CAAC,MAAM,GAChB,SAAS,CAAC,OAAO,GACjB,SAAS,CAAC,MAAM,CAAA;AAEpB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,kBAAkB,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,EAAE,CAAA;IACrB,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,qBAAqB,qBAG/B;IACD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,KAoEM,kBACN,CAAA;AAED,eAAO,MAAM,sBAAsB,cACtB,OAAO,EAAE,cACR,QAAQ,EAAE,GAAG,SAAS,YACxB,MAAM,KACf;IAED,QAAQ,CAAC,EAAE,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAmFjC,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/recurring-date-picker-input/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAA;AAGrF,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAE1C,OAAc,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAEjD,eAAO,MAAM,sBAAsB,yBAGhC;IACD,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,SAAS,CAAA;CACrB,KAAG,OAWH,CAAA;AAED,MAAM,MAAM,kBAAkB,GAC1B,SAAS,CAAC,KAAK,GACf,SAAS,CAAC,MAAM,GAChB,SAAS,CAAC,OAAO,GACjB,SAAS,CAAC,MAAM,CAAA;AAEpB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,kBAAkB,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,EAAE,CAAA;IACrB,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,qBAAqB,qBAG/B;IACD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,KAoEM,kBACN,CAAA;AAED,eAAO,MAAM,sBAAsB,cACtB,OAAO,EAAE,cACR,QAAQ,EAAE,GAAG,SAAS,YACxB,MAAM,KACf;IAED,QAAQ,CAAC,EAAE,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAsFjC,CAAA"}

package/dist/recurring-date-picker-input/utils.js

@@ -95,7 +95,9 @@ var useWorkHoursValidation = function() {
     var intervalsByDay = workHours.map(function(workhour, index, self) {
         var res = [];
         var startTime = fromIso(workhour.start, timeZone);
-        var endTime = fromIso(workhour.end, timeZone);
+        var endTime = fromIso(workhour.end, timeZone).plus({
+            minute: 1
+        });
         if (endTime > startTime) {
             res.push(Interval.fromDateTimes(startTime, endTime));
         } else {
@@ -140,7 +142,9 @@ var useWorkHoursValidation = function() {
                 return !interval.contains(time);
             });
             var attribute = notFittingIntervals.map(function(interval) {
-                return interval.toFormat('HH:mm');
+                return "".concat(interval.start.toFormat('HH:mm'), " - ").concat(interval.end.minus({
+                    minutes: 1
+                }).toFormat('HH:mm'));
             }).join(', ');
             if (notFittingIntervalsByDay.length !== 0) {
                 return t('outsideWorkingHours', {

package/dist/zone/form/components/DescriptionControl.js

@@ -37,7 +37,7 @@ var DescriptionControl = function(param) {
                     });
                 },
                 rules: {
-                    required: true
+                    required: false
                 },
                 control: control,
                 name: "description"

package/package.json

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

package/src/events/edit-event-modal/IntervalInput.tsx

@@ -45,7 +45,7 @@ export function IntervalInput({
   } = useFormContext<IntervalInputValues>()
 
   const formattedDuration = useFormattedDuration()
-  const validationOptions = useValidationOptions()
+  const validationOptions = useValidationOptions({})
 
   const rrule = useWatch({ control, name: 'rrule' })
   const start = useWatch({ control, name: 'start' })
@@ -106,6 +106,12 @@ export function IntervalInput({
     }
   }
 
+  useEffect(() => {
+  if (!start) return
+
+  trigger('end')
+  },[start])
+
   return (
     <>
       <Form.Row className='interval-container'>
@@ -153,6 +159,10 @@ export function IntervalInput({
             {formattedDuration && `lasts ${formattedDuration}`}
           </Form.Text>
         </Form.Group>
+
+        <Form.Control.Feedback type='invalid'>
+            {errors.end?.message}
+         </Form.Control.Feedback>
       </Form.Row>
       {start && (
         <Form.Group controlId={recurrentId}>

package/src/events/edit-event-modal/hooks/useValidationOptions.tsx

@@ -2,9 +2,14 @@ import { DateTime } from 'luxon'
 import { useFormContext, useWatch } from 'react-hook-form'
 import { useTranslation } from 'react-i18next'
 
-export const useValidationOptions = () => {
+interface useValidationOptionsProps {
+  maxDurationExceeded?: number
+}
+
+export const useValidationOptions = ({ maxDurationExceeded = 24 }: useValidationOptionsProps) => {
   const { control } = useFormContext()
   const { t } = useTranslation(['Design', 'Validation'])
+
   const start = useWatch({ control, name: 'start' })
 
   return {
@@ -18,14 +23,26 @@ export const useValidationOptions = () => {
       required: t('Validation:fieldRequired', {
         attribute: t('end'),
       }) as string,
-      // TODO: uncomment when event splitting is implemented
-      // and extract into plugins
-      validate: (value) =>
-        // endAt not required
-        value
-          ? DateTime.fromISO(value).diff(DateTime.fromISO(start)).toMillis() >
-              0 || (t('Validation:fieldValidEventEnd') as string)
-          : true,
+      validate: (value: string) => {
+        if (!value || !start) return true
+
+        const startDt = DateTime.fromISO(start)
+        const endDt = DateTime.fromISO(value)
+        const diffMillis = endDt.diff(startDt).toMillis()
+
+        if (diffMillis <= 0) {
+          return t('Validation:fieldValidEventEnd') as string
+        }
+
+        const maxDurationExceededHours = maxDurationExceeded * 60 * 60 * 1000
+        if (diffMillis > maxDurationExceededHours) {
+          return t('Design:eventMaxDurationExceeded', {
+            maxHours: maxDurationExceeded,
+          }) as string
+        }
+
+        return true
+      },
     },
   }
 }

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

@@ -31,6 +31,7 @@ interface PaymentStatusComponentProps {
   showCloseButton?: boolean
   email?: string
   totalAmount?: number
+  getBookingPDF?: () => Promise<void>
   paymentMetadata?: PaymentMetadata
 }
 
@@ -47,6 +48,7 @@ export const PaymentStatusPage = ({
   onTryAgain,
   isLoading,
   status,
+  getBookingPDF,
   isAppUsingInIframe,
   bookingSummaryProps,
   EventCardComponent,
@@ -106,6 +108,7 @@ export const PaymentStatusPage = ({
               {EventCardComponent}
               <PaymentStatusBody
                 status={status}
+                getBookingPDF={getBookingPDF}
                 onBack={onBack || onCloseWindow}
                 onTryAgain={onTryAgain}
                 email={email}

package/src/iframe/payment/payment-status-page/component/PaymentStatusBody.tsx

@@ -9,6 +9,7 @@ import { StatusBody } from '../../status-body/StatusBody'
 interface PaymentStatusBodyProps {
   status: OrderStatus
   onBack: () => void
+  getBookingPDF?: () => Promise<void>
   onTryAgain?: () => void
   email?: string
 }
@@ -17,6 +18,7 @@ export const PaymentStatusBody = ({
   status,
   onBack,
   onTryAgain,
+  getBookingPDF,
   email,
 }: PaymentStatusBodyProps) => {
   const { t } = useTranslation('Design')
@@ -25,6 +27,7 @@ export const PaymentStatusBody = ({
     return (
       <StatusBody
         onBack={onBack}
+        getBookingPDF={getBookingPDF}
         title={t('orderConfirmationAndReceiptSendToYourEmail', { email })}
       />
     )

package/src/iframe/payment/status-body/StatusBody.tsx

@@ -1,18 +1,25 @@
 import { Button } from 'react-bootstrap'
+import { Link } from 'react-router-dom'
 import { useTranslation } from 'react-i18next'
 
 interface StatusBodyProps {
   onTryAgain?: () => void
   onBack: () => void
+  getBookingPDF?: () => void
   title?: string
 }
 
-export const StatusBody = ({ onTryAgain, onBack, title }: StatusBodyProps) => {
+export const StatusBody = ({ onTryAgain, onBack, title, getBookingPDF }: StatusBodyProps) => {
   const { t } = useTranslation('Design')
 
   return (
     <div className='status-body-wrapper mt-4'>
       {title && <p className='status-body-wrapper__text'>{title}</p>}
+      {getBookingPDF && <div className='mt-2'>
+        <p className='status-body-wrapper__text'>{t('youCanDownload')}</p>
+        <Link onClick={getBookingPDF} >{t('ticketDownloadLink')}</Link>
+      </div>
+      }
       <div className='d-flex buttons-wrapper'>
         {onTryAgain && <Button onClick={onTryAgain}>{t('tryAgain')}</Button>}
         <Button onClick={onBack}>{t('backToSite')}</Button>

package/src/recurring-date-picker-input/utils.ts

@@ -144,7 +144,7 @@ export const useWorkHoursValidation = (
     const res: Interval[] = []
 
     const startTime = fromIso(workhour.start, timeZone)
-    const endTime = fromIso(workhour.end, timeZone)
+    const endTime = fromIso(workhour.end, timeZone).plus({ minute: 1 })
 
     if (endTime > startTime) {
       res.push(Interval.fromDateTimes(startTime, endTime))
@@ -194,7 +194,10 @@ export const useWorkHoursValidation = (
         .filter((interval) => !interval.contains(time))
 
       const attribute = notFittingIntervals
-        .map((interval) => interval.toFormat('HH:mm'))
+        .map(
+          (interval) =>
+            `${interval.start.toFormat('HH:mm')} - ${interval.end.minus({ minutes: 1 }).toFormat('HH:mm')}`,
+        )
         .join(', ')
 
       if (notFittingIntervalsByDay.length !== 0) {

package/src/zone/form/components/DescriptionControl.tsx

@@ -35,7 +35,7 @@ export const DescriptionControl = ({ isLoading }: DescriptionControlProps) => {
             className={clsx(errors.description && 'is-invalid')}
           />
         )}
-        rules={{ required: true }}
+        rules={{ required: false }}
         control={control}
         name='description'
       />