@licklist/design 0.70.0 → 0.70.2

package/dist/events/event-card/EventCard.js

@@ -7,7 +7,7 @@ import { useTranslation } from 'react-i18next';
 import * as Config from '@licklist/core/dist/Config';
 import { FaEye, FaExternalLinkAlt, FaEdit, FaCopy, FaTrashAlt } from 'react-icons/fa';
 import { TipTapEditor } from '../../tiptap-editor/TipTapEditor.js';
-import { getStatisticInfo, formatContentWithoutTags, EVENT_DESCRIPTION_SIZE } from './utils.js';
+import { getStatisticInfo, formatContent, EVENT_DESCRIPTION_SIZE } from './utils.js';
 import { ReactComponent as SvgChartBar } from '../../assets/dashboard/chartBar.svg.js';
 
 function _object_without_properties(source, excluded) {
@@ -45,7 +45,7 @@ function EventCard(param) {
         "totalViews"
     ]);
     var memoedContent = useMemo(function() {
-        return formatContentWithoutTags(description, EVENT_DESCRIPTION_SIZE);
+        return formatContent(description, EVENT_DESCRIPTION_SIZE);
     }, [
         description
     ]);

package/dist/events/event-card/utils.d.ts

@@ -1,8 +1,8 @@
 import { EventStatistic } from '@licklist/core/dist/DataMapper/Provider/EventStatisticDataMapper';
-export declare function formatContent(content: any, maxSymbols: any): any;
-export declare const formatContentWithoutTags: (content: any, maxLength?: number) => any;
 export declare const MIN_EVENT_DESCRIPTION_SIZE = 150;
 export declare const EVENT_DESCRIPTION_SIZE = 350;
+export declare const EMOJI_REGEX: RegExp;
+export declare const formatContent: (content: any, maxLength?: number) => any;
 /**
  * Calculate the total number of views from the given dates and event statistic.
  *

package/dist/events/event-card/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/events/event-card/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAA;AAGjG,wBAAgB,aAAa,CAAC,OAAO,KAAA,EAAE,UAAU,KAAA,OAIhD;AAED,eAAO,MAAM,wBAAwB,2CAkBpC,CAAA;AAED,eAAO,MAAM,0BAA0B,MAAM,CAAA;AAC7C,eAAO,MAAM,sBAAsB,MAAM,CAAA;AAEzC;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,UACvB,MAAM,EAAE,kBACC,cAAc,KAC7B,MAIA,CAAA;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,2BAA2B,UAC/B,MAAM,EAAE,kBACC,cAAc,KAC7B,CAAC,MAAM,EAAE,MAAM,CAejB,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB,mBACX,cAAc,GAAG,IAAI,QAC/B,MAAM,KACX;IACD,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;CA4BpB,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/events/event-card/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAA;AAGjG,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAC9C,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAC1C,eAAO,MAAM,WAAW,QAAuE,CAAC;AAEhG,eAAO,MAAM,aAAa,2CAUzB,CAAC;AAMF;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,UACvB,MAAM,EAAE,kBACC,cAAc,KAC7B,MAIA,CAAA;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,2BAA2B,UAC/B,MAAM,EAAE,kBACC,cAAc,KAC7B,CAAC,MAAM,EAAE,MAAM,CAejB,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB,mBACX,cAAc,GAAG,IAAI,QAC/B,MAAM,KACX;IACD,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;CA4BpB,CAAA"}

package/dist/events/event-card/utils.js

@@ -47,26 +47,22 @@ function _unsupported_iterable_to_array(o, minLen) {
     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);
 }
-function formatContent(content, maxSymbols) {
-    if (!content) return '';
-    if (content.length > maxSymbols) return "".concat(content.slice(0, maxSymbols), "...");
-    return content;
-}
-var formatContentWithoutTags = function(content) {
+var EVENT_DESCRIPTION_SIZE = 350;
+var EMOJI_REGEX = /<span data-emoji-replacer=""><img[^>]*alt="([^"]+)"[^>]*><\/span>/g;
+var formatContent = function(content) {
     var maxLength = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : EVENT_DESCRIPTION_SIZE;
     if (!content) return '';
-    if (content < maxLength) return content;
-    var text = content.replace(/<[^>]*>/g, '');
-    var trimmedText = text.trim().replace(/&nbsp;|[^a-zA-Z0-9\s]/g, '').replace(/\s\s+/g, ' ');
-    var words = trimmedText.slice(0, maxLength).split(' ');
-    var contentWithMinLength = content.slice(0, MIN_EVENT_DESCRIPTION_SIZE);
-    var index = String(content).indexOf(words[words.length - 2]);
-    var slicedContent = content.slice(0, index);
-    var minSizeContent = contentWithMinLength.length > slicedContent.length ? contentWithMinLength : slicedContent;
-    return minSizeContent.concat('...');
+    var replacedContent = replaceEmojiImagesWithText(content);
+    if (replacedContent.length <= maxLength) {
+        return replacedContent;
+    }
+    return replacedContent.slice(0, maxLength).concat('...');
 };
-var MIN_EVENT_DESCRIPTION_SIZE = 150;
-var EVENT_DESCRIPTION_SIZE = 350;
+function replaceEmojiImagesWithText(text) {
+    return text.replace(EMOJI_REGEX, function(_, emojiText) {
+        return emojiText;
+    });
+}
 /**
  * Calculate the total number of views from the given dates and event statistic.
  *
@@ -140,4 +136,4 @@ var EVENT_DESCRIPTION_SIZE = 350;
     };
 };
 
-export { EVENT_DESCRIPTION_SIZE, MIN_EVENT_DESCRIPTION_SIZE, calculateTotalSoldAndAmount, calculateTotalViews, formatContent, formatContentWithoutTags, getStatisticInfo };
+export { EMOJI_REGEX, EVENT_DESCRIPTION_SIZE, calculateTotalSoldAndAmount, calculateTotalViews, formatContent, getStatisticInfo };

package/dist/iframe/activity-card/ActivityCard.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { Image } from '@licklist/core/dist/DataMapper/Media/ImageDataMapper';
+import { ZoneResourcesAvailability } from '@licklist/core/dist/DataMapper/Order/ZoneResourcesAvailabilityDataMapper';
 export declare const LAYOUT_GRID = "grid";
 export declare const LAYOUT_LIST = "list";
 export type ActivityCardProps = {
@@ -12,6 +13,7 @@ export type ActivityCardProps = {
     layout?: typeof LAYOUT_GRID | typeof LAYOUT_LIST;
     availableTimes?: string | null;
     image?: Image | null;
+    resources?: ZoneResourcesAvailability;
 };
-export declare const ActivityCard: ({ title, duration, price, description, availableTimes, image, onSelect, isSelected, layout, }: ActivityCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ActivityCard: ({ title, duration, price, description, availableTimes, image, onSelect, isSelected, layout, resources, }: ActivityCardProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ActivityCard.d.ts.map

package/dist/iframe/activity-card/ActivityCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityCard.d.ts","sourceRoot":"","sources":["../../../src/iframe/activity-card/ActivityCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,KAAK,EAAE,MAAM,sDAAsD,CAAA;AAE5E,eAAO,MAAM,WAAW,SAAS,CAAA;AACjC,eAAO,MAAM,WAAW,SAAS,CAAA;AAEjC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,SAAS,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,SAAS,CAAA;IAChB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,WAAW,GAAG,OAAO,WAAW,CAAA;IAChD,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,YAAY,kGAUtB,iBAAiB,4CAiDnB,CAAA"}
+{"version":3,"file":"ActivityCard.d.ts","sourceRoot":"","sources":["../../../src/iframe/activity-card/ActivityCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,KAAK,EAAE,MAAM,sDAAsD,CAAA;AAC5E,OAAO,EAAE,yBAAyB,EAAE,MAAM,0EAA0E,CAAA;AAGpH,eAAO,MAAM,WAAW,SAAS,CAAA;AACjC,eAAO,MAAM,WAAW,SAAS,CAAA;AAEjC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,SAAS,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,SAAS,CAAA;IAChB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,WAAW,GAAG,OAAO,WAAW,CAAA;IAChD,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,yBAAyB,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,YAAY,6GAWtB,iBAAiB,4CAmDnB,CAAA"}

package/dist/iframe/activity-card/ActivityCard.js

@@ -1,10 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
+import { AvailabilityIndicator } from '../../availability-indicator/AvailabilityIndicator.js';
 
 var LAYOUT_GRID = 'grid';
 var LAYOUT_LIST = 'list';
 var ActivityCard = function(param) {
-    var title = param.title, duration = param.duration, price = param.price, description = param.description, availableTimes = param.availableTimes, image = param.image, onSelect = param.onSelect, isSelected = param.isSelected, _param_layout = param.layout, layout = _param_layout === void 0 ? LAYOUT_GRID : _param_layout;
+    var title = param.title, duration = param.duration, price = param.price, description = param.description, availableTimes = param.availableTimes, image = param.image, onSelect = param.onSelect, isSelected = param.isSelected, _param_layout = param.layout, layout = _param_layout === void 0 ? LAYOUT_GRID : _param_layout, resources = param.resources;
     if (layout === LAYOUT_GRID) {
         return /*#__PURE__*/ jsxs("button", {
             type: "button",
@@ -32,6 +33,9 @@ var ActivityCard = function(param) {
                         description && /*#__PURE__*/ jsx("div", {
                             className: "mt-2 activity-card-description",
                             children: description
+                        }),
+                        resources && /*#__PURE__*/ jsx(AvailabilityIndicator, {
+                            resources: resources
                         })
                     ]
                 })
@@ -68,6 +72,9 @@ var ActivityCard = function(param) {
                     description && /*#__PURE__*/ jsx("div", {
                         className: "mt-2 activity-card-description",
                         children: description
+                    }),
+                    resources && /*#__PURE__*/ jsx(AvailabilityIndicator, {
+                        resources: resources
                     })
                 ]
             }),

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

@@ -1,5 +1,4 @@
 import { FieldValues, RefCallBack, UseFormClearErrors } from 'react-hook-form';
-import { Zone } from '@licklist/core/dist/DataMapper/Provider/ZoneDataMapper';
 import { Product, ProductCategory } from '@licklist/plugins/dist/types/context/sale/menuSteps';
 interface FormOrderItem {
     id: number;
@@ -7,7 +6,6 @@ interface FormOrderItem {
     price: number;
     productCategoryId: number;
     hasDeposit?: boolean;
-    zoneId?: Zone['id'];
     deposit?: number | null;
     quantity: number;
     capacity?: number | null;

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

@@ -1 +1 @@
-{"version":3,"file":"ProductQuantityInput.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAC9E,OAAO,EAAE,IAAI,EAAE,MAAM,wDAAwD,CAAA;AAC7E,OAAO,EACL,OAAO,EACP,eAAe,EAChB,MAAM,qDAAqD,CAAA;AAG5D,UAAU,aAAa;IACrB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACzB;AAED,UAAU,yBAAyB;IACjC,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,eAAe,CAAA;IACzB,WAAW,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAA;IAC5C,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACxC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,WAAW,CAAA;IACxB,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,aAAa,CAAA;CAC3B;AAED,eAAO,MAAM,oBAAoB,gGAQ9B,yBAAyB,4CAiE3B,CAAA"}
+{"version":3,"file":"ProductQuantityInput.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAC9E,OAAO,EACL,OAAO,EACP,eAAe,EAChB,MAAM,qDAAqD,CAAA;AAG5D,UAAU,aAAa;IACrB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACzB;AAED,UAAU,yBAAyB;IACjC,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,eAAe,CAAA;IACzB,WAAW,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAA;IAC5C,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACxC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,WAAW,CAAA;IACxB,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,aAAa,CAAA;CAC3B;AAED,eAAO,MAAM,oBAAoB,gGAQ9B,yBAAyB,4CAiE3B,CAAA"}

package/dist/iframe/ryft/utils/ryft-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ryft-form.d.ts","sourceRoot":"","sources":["../../../../src/iframe/ryft/utils/ryft-form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAEzD,UAAU,0BACR,SAAQ,IAAI,CACV,oBAAoB,EACpB,uBAAuB,GAAG,oBAAoB,CAC/C;IACD,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,CAAC,CAAA;IACtB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,+BAA+B,CAAC,EAAE,OAAO,CAAA;CAC1C;AAED,eAAO,MAAM,0BAA0B,wGAMpC,0BAA0B,SA4E5B,CAAA"}
+{"version":3,"file":"ryft-form.d.ts","sourceRoot":"","sources":["../../../../src/iframe/ryft/utils/ryft-form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAEzD,UAAU,0BACR,SAAQ,IAAI,CACV,oBAAoB,EACpB,uBAAuB,GAAG,oBAAoB,CAC/C;IACD,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,CAAC,CAAA;IACtB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,+BAA+B,CAAC,EAAE,OAAO,CAAA;CAC1C;AAED,eAAO,MAAM,0BAA0B,wGAMpC,0BAA0B,SA6E5B,CAAA"}

package/dist/iframe/ryft/utils/ryft-form.js

@@ -60,6 +60,7 @@ var injectComponentsInRyftForm = function(param) {
         var applePayButton = document.createElement('button');
         applePayButton.id = 'apple-pay';
         applePayButton.type = 'button';
+        applePayButton.style.opacity = !isDisableButton ? '1' : '0.6';
         applePayButton.className = 'bg-dark btn btn-primary apple-pay-button';
         applePayButton.textContent = t('Events:payWithApple');
         applePayButton.onclick = onApplePayButtonClick;

package/dist/product-set/control/DateInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../src/product-set/control/DateInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAOzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,uEAAuE,CAAA;AAG5G,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAA;AAiBrF,MAAM,WAAW,4BAA4B;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,CAAA;CAClD;AAED,UAAU,2BAA2B;IACnC,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAA;IACtB,4BAA4B,EAAE,OAAO,CAAA;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,SAAS,mFAKnB,2BAA2B,4CAuP7B,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAC5C,WAAW,EACX,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAsBxB,CAAA"}
+{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../src/product-set/control/DateInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAOzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,uEAAuE,CAAA;AAG5G,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAA;AAiBrF,MAAM,WAAW,4BAA4B;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,CAAA;CAClD;AAED,UAAU,2BAA2B;IACnC,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAA;IACtB,4BAA4B,EAAE,OAAO,CAAA;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,SAAS,mFAKnB,2BAA2B,4CAyP7B,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAC5C,WAAW,EACX,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAsBxB,CAAA"}

package/dist/product-set/control/DateInput.js

@@ -216,7 +216,7 @@ function _ts_generator(thisArg, body) {
 }
 var DateInput = function(param) {
     var isEventEditProductSet = param.isEventEditProductSet, isLoading = param.isLoading, workHours = param.workHours, providerHasBookingManagement = param.providerHasBookingManagement;
-    var _errors_menuRecurrences__availableTimes, _errors_menuRecurrences_, _errors_menuRecurrences, _errors_menuRecurrences1;
+    var _errors_menuRecurrences, _errors_menuRecurrences_root, _errors_menuRecurrences1, _errors_menuRecurrences__availableTimes, _errors_menuRecurrences_, _errors_menuRecurrences2;
     var _useFormContext = useFormContext(), control = _useFormContext.control, register = _useFormContext.register, errors = _useFormContext.formState.errors, getValues = _useFormContext.getValues, setValue = _useFormContext.setValue, clearErrors = _useFormContext.clearErrors;
     var _useFieldArray = useFieldArray({
         name: 'menuRecurrences',
@@ -359,6 +359,7 @@ var DateInput = function(param) {
             }));
         }, 100);
     };
+    var errorMessage = ((_errors_menuRecurrences = errors.menuRecurrences) === null || _errors_menuRecurrences === void 0 ? void 0 : _errors_menuRecurrences.message) || ((_errors_menuRecurrences1 = errors.menuRecurrences) === null || _errors_menuRecurrences1 === void 0 ? void 0 : (_errors_menuRecurrences_root = _errors_menuRecurrences1.root) === null || _errors_menuRecurrences_root === void 0 ? void 0 : _errors_menuRecurrences_root.message);
     return /*#__PURE__*/ jsxs(Form.Group, {
         children: [
             /*#__PURE__*/ jsx(Form.Label, {
@@ -381,7 +382,7 @@ var DateInput = function(param) {
                                 isLoading: isLoading,
                                 ref: availableTimesFormRef,
                                 defaultValues: availableTimes,
-                                errorMessage: errors === null || errors === void 0 ? void 0 : (_errors_menuRecurrences = errors.menuRecurrences) === null || _errors_menuRecurrences === void 0 ? void 0 : (_errors_menuRecurrences_ = _errors_menuRecurrences["".concat(editState === null || editState === void 0 ? void 0 : editState.index)]) === null || _errors_menuRecurrences_ === void 0 ? void 0 : (_errors_menuRecurrences__availableTimes = _errors_menuRecurrences_.availableTimes) === null || _errors_menuRecurrences__availableTimes === void 0 ? void 0 : _errors_menuRecurrences__availableTimes.message,
+                                errorMessage: errors === null || errors === void 0 ? void 0 : (_errors_menuRecurrences2 = errors.menuRecurrences) === null || _errors_menuRecurrences2 === void 0 ? void 0 : (_errors_menuRecurrences_ = _errors_menuRecurrences2["".concat(editState === null || editState === void 0 ? void 0 : editState.index)]) === null || _errors_menuRecurrences_ === void 0 ? void 0 : (_errors_menuRecurrences__availableTimes = _errors_menuRecurrences_.availableTimes) === null || _errors_menuRecurrences__availableTimes === void 0 ? void 0 : _errors_menuRecurrences__availableTimes.message,
                                 clearErrorMessage: function() {
                                     return clearErrors("menuRecurrences.".concat(editState === null || editState === void 0 ? void 0 : editState.index, ".availableTimes"));
                                 }
@@ -436,7 +437,7 @@ var DateInput = function(param) {
                         }))),
                         /*#__PURE__*/ jsx("div", {
                             className: "manual-form-error",
-                            children: (_errors_menuRecurrences1 = errors.menuRecurrences) === null || _errors_menuRecurrences1 === void 0 ? void 0 : _errors_menuRecurrences1.message
+                            children: errorMessage
                         })
                     ]
                 })

package/dist/styles/availability-indicator/AvailabilityIndicator.scss

@@ -15,3 +15,12 @@
     }
   }
 }
+
+
+
+.activity-card {
+  .availability-indicator {
+    margin-top: 0.5rem;
+    justify-content: flex-start;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.70.0",
+  "version": "0.70.2",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -44,7 +44,7 @@
   "peerDependencies": {
     "@licklist/core": "0.30.3",
     "@licklist/eslint-config": "0.5.6",
-    "@licklist/plugins": "0.33.4",
+    "@licklist/plugins": "0.33.5",
     "lodash": "4.17.21",
     "luxon": "3.5.0",
     "react": "17.0.2",
@@ -63,7 +63,7 @@
     "@fortawesome/free-solid-svg-icons": "5.15.2",
     "@licklist/core": "0.30.3",
     "@licklist/eslint-config": "0.5.6",
-    "@licklist/plugins": "0.33.4",
+    "@licklist/plugins": "0.33.5",
     "@mantine/core": "6.0.22",
     "@mantine/hooks": "6.0.22",
     "@mdx-js/react": "1.6.22",
@@ -206,4 +206,4 @@
     "node": "20.9.0",
     "yarn": "4.4.0"
   }
-}
+}

package/src/events/event-card/EventCard.tsx

@@ -23,7 +23,7 @@ import { Sale } from '../../types/bookings'
 import { TipTapEditor } from '../../tiptap-editor/TipTapEditor'
 import {
   EVENT_DESCRIPTION_SIZE,
-  formatContentWithoutTags,
+  formatContent,
   getStatisticInfo,
 } from './utils'
 import { ReactComponent as ChartBarIcon } from '../../assets/dashboard/chartBar.svg'
@@ -66,7 +66,7 @@ export function EventCard({
   const { formatNumber, formatDate } = useIntl()
   const { totalViews, ...statistics } = getStatisticInfo(eventStatistic, date)
   const memoedContent = useMemo(
-    () => formatContentWithoutTags(description, EVENT_DESCRIPTION_SIZE),
+    () => formatContent(description, EVENT_DESCRIPTION_SIZE),
     [description],
   )
 

package/src/events/event-card/utils.ts

@@ -2,34 +2,25 @@ import { DATE_FORMAT, DATE_TIME_FULL_FORMAT } from '@licklist/core/dist/Config'
 import { EventStatistic } from '@licklist/core/dist/DataMapper/Provider/EventStatisticDataMapper'
 import { DateTime } from 'luxon'
 
-export function formatContent(content, maxSymbols) {
-  if (!content) return ''
-  if (content.length > maxSymbols) return `${content.slice(0, maxSymbols)}...`
-  return content
-}
+export const MIN_EVENT_DESCRIPTION_SIZE = 150;
+export const EVENT_DESCRIPTION_SIZE = 350;
+export const EMOJI_REGEX = /<span data-emoji-replacer=""><img[^>]*alt="([^"]+)"[^>]*><\/span>/g;
 
-export const formatContentWithoutTags = (
-  content,
-  maxLength = EVENT_DESCRIPTION_SIZE,
-) => {
-  if (!content) return ''
-  if (content < maxLength) return content
-  const text = content.replace(/<[^>]*>/g, '')
-  const trimmedText = text
-    .trim()
-    .replace(/&nbsp;|[^a-zA-Z0-9\s]/g, '')
-    .replace(/\s\s+/g, ' ')
+export const formatContent = (content, maxLength = EVENT_DESCRIPTION_SIZE) => {
+  if (!content) return '';
 
-  const words = trimmedText.slice(0, maxLength).split(' ')
-  const contentWithMinLength = content.slice(0, MIN_EVENT_DESCRIPTION_SIZE)
-  const index = String(content).indexOf(words[words.length - 2])
-  const slicedContent = content.slice(0, index)
-  const minSizeContent = contentWithMinLength.length > slicedContent.length ? contentWithMinLength : slicedContent
-  return minSizeContent.concat('...')
-}
+  const replacedContent = replaceEmojiImagesWithText(content);
+
+  if (replacedContent.length <= maxLength) {
+    return replacedContent;
+  }
 
-export const MIN_EVENT_DESCRIPTION_SIZE = 150
-export const EVENT_DESCRIPTION_SIZE = 350
+  return replacedContent.slice(0, maxLength).concat('...');
+};
+
+function replaceEmojiImagesWithText(text) {
+  return text.replace(EMOJI_REGEX, (_, emojiText) => emojiText);
+}
 
 /**
  * Calculate the total number of views from the given dates and event statistic.

package/src/iframe/activity-card/ActivityCard.tsx

@@ -1,6 +1,8 @@
 import { ReactNode } from 'react'
 import clsx from 'clsx'
 import { Image } from '@licklist/core/dist/DataMapper/Media/ImageDataMapper'
+import { ZoneResourcesAvailability } from '@licklist/core/dist/DataMapper/Order/ZoneResourcesAvailabilityDataMapper'
+import { AvailabilityIndicator } from '../../availability-indicator'
 
 export const LAYOUT_GRID = 'grid'
 export const LAYOUT_LIST = 'list'
@@ -15,6 +17,7 @@ export type ActivityCardProps = {
   layout?: typeof LAYOUT_GRID | typeof LAYOUT_LIST
   availableTimes?: string | null
   image?: Image | null
+  resources?: ZoneResourcesAvailability
 }
 
 export const ActivityCard = ({
@@ -27,6 +30,7 @@ export const ActivityCard = ({
   onSelect,
   isSelected,
   layout = LAYOUT_GRID,
+  resources,
 }: ActivityCardProps) => {
   if (layout === LAYOUT_GRID) {
     return (
@@ -46,6 +50,7 @@ export const ActivityCard = ({
           {description && (
             <div className='mt-2 activity-card-description'>{description}</div>
           )}
+          {resources && <AvailabilityIndicator resources={resources} />}
         </div>
       </button>
     )
@@ -71,6 +76,7 @@ export const ActivityCard = ({
         {description && (
           <div className='mt-2 activity-card-description'>{description}</div>
         )}
+        {resources && <AvailabilityIndicator resources={resources} />}
       </div>
 
       <hr className='list-activity-card-hr' />

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

@@ -2,7 +2,6 @@ import clsx from 'clsx'
 import { Button } from 'react-bootstrap'
 import { useTranslation } from 'react-i18next'
 import { FieldValues, RefCallBack, UseFormClearErrors } from 'react-hook-form'
-import { Zone } from '@licklist/core/dist/DataMapper/Provider/ZoneDataMapper'
 import {
   Product,
   ProductCategory,
@@ -15,7 +14,6 @@ interface FormOrderItem {
   price: number
   productCategoryId: number
   hasDeposit?: boolean
-  zoneId?: Zone['id']
   deposit?: number | null
   quantity: number
   capacity?: number | null

package/src/iframe/ryft/utils/ryft-form.ts

@@ -86,6 +86,7 @@ export const injectComponentsInRyftForm = ({
     const applePayButton = document.createElement('button')
     applePayButton.id = 'apple-pay'
     applePayButton.type = 'button'
+    applePayButton.style.opacity = !isDisableButton ? '1' : '0.6'
     applePayButton.className = 'bg-dark btn btn-primary apple-pay-button'
     applePayButton.textContent = t('Events:payWithApple')
     applePayButton.onclick = onApplePayButtonClick

package/src/product-set/control/DateInput.tsx

@@ -195,6 +195,8 @@ export const DateInput = ({
     }, 100)
   }
 
+  const errorMessage = errors.menuRecurrences?.message || errors.menuRecurrences?.root?.message 
+
   return (
     <Form.Group>
       <Form.Label>
@@ -283,7 +285,7 @@ export const DateInput = ({
           />
 
           <div className='manual-form-error'>
-            {errors.menuRecurrences?.message}
+            {errorMessage}
           </div>
         </div>
       </OverlayTrigger>

package/src/styles/availability-indicator/AvailabilityIndicator.scss

@@ -15,3 +15,12 @@
     }
   }
 }
+
+
+
+.activity-card {
+  .availability-indicator {
+    margin-top: 0.5rem;
+    justify-content: flex-start;
+  }
+}