@licklist/design 0.58.4-dev.2 → 0.58.5

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

@@ -49,7 +49,6 @@ export interface ProductCategoryControlProps extends IsDeletableEvent {
   onCategoryNameChange: (args: any) => void;
   stepIndex: number;
   productCategoryIndex: number;
-  isOverride?: boolean;
 }
 
 const categoriesWithTickets = [
@@ -64,7 +63,6 @@ export function ProductCategoryControl({
   onCategoryNameChange,
   productCategoryIndex,
   stepIndex,
-  isOverride = false,
 }: ProductCategoryControlProps) {
   const {
     control,
@@ -159,7 +157,7 @@ export function ProductCategoryControl({
               errors
             )}
             placeholder={t("name")}
-            disabled={isLoading || isOverride}
+            disabled={isLoading}
           />
           <Form.Control.Feedback type="invalid">
             {HookFormService.getErrors<ProductSetFormValues>(
@@ -185,7 +183,7 @@ export function ProductCategoryControl({
                   }))}
                   value={field.value}
                   onChange={field.onChange}
-                  disabled={isLoading || isOverride}
+                  disabled={isLoading}
                 />
               </Form.Group>
             )}
@@ -229,7 +227,7 @@ export function ProductCategoryControl({
                         `${fieldNamePrefix}.minSubItems` as const,
                         errors
                       )}
-                      disabled={isLoading || isOverride}
+                      disabled={isLoading}
                       name={name}
                     />
                   )}
@@ -301,7 +299,7 @@ export function ProductCategoryControl({
                         `${fieldNamePrefix}.maxSubItems` as const,
                         errors
                       )}
-                      disabled={isLoading || isOverride}
+                      disabled={isLoading}
                     />
                   )}
                   control={control}
@@ -339,7 +337,6 @@ export function ProductCategoryControl({
                   render={({ field }) => (
                     <Form.Control
                       as="select"
-                      disabled={isOverride}
                       isInvalid={HookFormService.isInvalid<ProductSetFormValues>(
                         `${fieldNamePrefix}.zoneId`,
                         errors
@@ -387,7 +384,6 @@ export function ProductCategoryControl({
             <Form.Check.Input
               checked={expanded}
               onChange={handleExpand}
-              disabled={isOverride}
               type="checkbox"
             />
             <Form.Check.Label>{t("showAdvancedOptions")}</Form.Check.Label>
@@ -456,7 +452,7 @@ export function ProductCategoryControl({
                         name={name}
                         value={Boolean(value)}
                         onChange={onChange}
-                        disabled={isLoading || isOverride}
+                        disabled={isLoading}
                       />
                     )}
                     control={control}
@@ -480,7 +476,7 @@ export function ProductCategoryControl({
                           name={name}
                           value={Boolean(value)}
                           onChange={onChange}
-                          disabled={isLoading || isOverride}
+                          disabled={isLoading}
                         />
                       )}
                       control={control}
@@ -503,7 +499,7 @@ export function ProductCategoryControl({
                       name={name}
                       value={Boolean(value)}
                       onChange={onChange}
-                      disabled={isLoading || isOverride}
+                      disabled={isLoading}
                     />
                   )}
                   control={control}
@@ -531,7 +527,7 @@ export function ProductCategoryControl({
                         `${fieldNamePrefix}.remainderExpireAfter` as const,
                         errors
                       )}
-                      disabled={isLoading || isOverride}
+                      disabled={isLoading}
                       name={name}
                     />
                   )}

package/src/recurring-date-picker-input/RecurringDatePickerInput.tsx

@@ -336,10 +336,7 @@ const useFormattedDuration = ({
   }, [start, end, byWeekDay, formatList, formatNumber]);
 };
 
-export const getDateTimeObject = (
-  date: string,
-  time: string
-): DateTime | string => {
+const getDateTimeObject = (date: string, time: string): DateTime | string => {
   const dateTime = DateTime.fromFormat(`${date} ${time}`, DATE_TIME_FORMAT);
 
   if (dateTime.isValid) {

package/src/sales/booking/results/components/ResultCard.tsx

@@ -12,6 +12,7 @@ import { TIME_FORMAT } from "@licklist/core/dist/Config";
 import * as Config from "@licklist/core/dist/Config";
 import { formatDateStringForEvent } from "@licklist/plugins/dist/utils/formatDate";
 import { getOrderSourceTitle } from "@licklist/plugins/dist/utils/sourceTitle";
+
 import Icon from "../../../../static/Icon";
 
 export type ResultCardProps = {
@@ -21,6 +22,8 @@ export type ResultCardProps = {
   onCardClick?: (id: number) => void;
 };
 
+// @TODO integrate when API will be available
+// activity and staff keys
 export const ResultCard = ({
   order,
   className,

package/src/sortable-list/SortableList.tsx

@@ -33,7 +33,6 @@ type SortableListProps<T> = {
   renderItemContent: (args: RenderItemContentArgs<T>) => ReactNode;
   setItems?: Dispatch<SetStateAction<SortableItem<T>[]>>;
   isExpandNewItem?: boolean;
-  isOverrides?: boolean;
 };
 
 export const SORTABLE_ID_KEY = "_sortableId";
@@ -45,7 +44,6 @@ export function SortableList<T>({
   renderItemContent,
   setItems,
   isExpandNewItem = false,
-  isOverrides = false,
 }: SortableListProps<T>) {
   const [sortedItems, setSortedItems] = useState(items);
 
@@ -99,7 +97,6 @@ export function SortableList<T>({
   );
 
   function handleDragEnd(event) {
-    if (isOverrides) return;
     const { active, over } = event;
 
     if (active.id !== over.id) {

package/src/sortable-tree/SortableTreeItem.tsx

@@ -52,8 +52,6 @@ export interface SortableTreeItemProps {
     className: string;
   };
   setIsExpanded?: () => void;
-  isOverride?: boolean;
-  isProduct?: boolean;
 }
 
 export function SortableTreeItem({
@@ -80,8 +78,6 @@ export function SortableTreeItem({
   edit,
   secondaryBadge,
   setIsExpanded,
-  isOverride,
-  isProduct = false,
 }: SortableTreeItemProps) {
   const [expanded, setExpanded] = useState(isExpanded);
   const [isModalVisible, setIsModalVisible] = useState(isNewAdded);
@@ -102,7 +98,6 @@ export function SortableTreeItem({
     transform: dragTransform,
   } = useDraggable({
     id,
-    disabled: isOverride,
   });
 
   const onHandleExpand = useCallback(
@@ -150,7 +145,6 @@ export function SortableTreeItem({
   };
 
   const onEdit = (e) => {
-    if (isOverride && !isProduct) return;
     e.stopPropagation();
     if (edit && !isModalVisible) edit();
     setIsModalVisible(true);
@@ -372,7 +366,7 @@ export function SortableTreeItem({
                   items={sortableItems}
                   strategy={verticalListSortingStrategy}
                 >
-                  <Collapse  in={expanded}>
+                  <Collapse in={expanded}>
                     <div className="ml-0">{children}</div>
                   </Collapse>
                 </SortableContext>

package/src/static/manual-date-picker/ManualDatePicker.tsx

@@ -61,9 +61,9 @@ export const ManualDatePicker = ({
             disabled={isDisabled}
           >
             <option value="">{t("Design:monthShort")}</option>
-            {MONTHS_ARRAY.map((object) => (
-              <option key={object.key} value={object.value}>
-                {object.key}
+            {MONTHS_ARRAY.map((key) => (
+              <option key={key} value={key}>
+                {key}
               </option>
             ))}
           </Form.Control>

package/src/static/manual-date-picker/constants/index.ts

@@ -1,9 +1,5 @@
-import {
-  generateDatesArray,
-  generateMonthsOptionsArray,
-  generateYearsArray,
-} from "../utils";
+import { generateDatesArray, generateYearsArray } from "../utils";
 
 export const DAYS_ARRAY = generateDatesArray(1, 31, 1);
-export const MONTHS_ARRAY = generateMonthsOptionsArray();
+export const MONTHS_ARRAY = generateDatesArray(1, 12, 1);
 export const YEARS_ARRAY = generateYearsArray();

package/src/static/manual-date-picker/utils/index.ts

@@ -4,17 +4,6 @@ export const generateDatesArray = (start: number, end: number, step: number) =>
     (_, index) => 1 + index * step
   );
 
-export const generateMonthsOptionsArray = () =>
-  Array.from({ length: 12 }, (_, index) => {
-    const value = index + 1;
-    let key = String(value);
-    if (value < 10) {
-      key = `0${key}`;
-    }
-
-    return { key, value };
-  });
-
 export const generateYearsArray = () => {
   const currentYear = new Date().getFullYear();
   const ageBackYear = currentYear - 100;

package/src/static/switch/BooleanSwitch.tsx

@@ -23,7 +23,7 @@ export function BooleanSwitch({
   const { t } = useTranslation("Design");
 
   const options: SelectItem[] = [
-    { id: 1, value: firstValueTitle ?? t("yes") },
+    { id: 1, value: firstValueTitle ??  t("yes") },
     { id: 0, value: secondValueTitle ?? t("no") },
   ];
 

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

@@ -4,14 +4,4 @@
   align-items: center;
   gap: 0.5rem;
   font-weight: 300;
-
-  @include media-breakpoint-down(sm) {
-    div {
-      display: none;
-    }
-
-    svg {
-      scale: 2;
-    }
-  }
 }

package/src/styles/iframe-events/Card.scss

@@ -1,5 +1,4 @@
 @import "../snippet-templates/snippetVariables";
-@import "../themes//bookedit/variables";
 
 .iframe-event-card {
   position: relative;
@@ -19,27 +18,12 @@
     background-size: cover;
     background-position: center;
     cursor: pointer;
+    border: 1px solid transparent;
     border-radius: 0.5rem;
   }
 
   .card-body {
-    padding: 0.5rem 0 0.875rem 0;
-
-    @include media-breakpoint-down(sm) {
-      padding: 1rem 0;
-    }
-  }
-
-  &__info-icon {
-    position: absolute;
-    right: 1rem;
-    top: 1rem;
-    background-color: "#ffffff";
-    border-radius: 1.5rem;
-    padding: 0 0.5rem;
-    font-size: 0.75rem;
-    font-weight: $white;
-    border: 1px solid $black;
+    padding: 0.5rem 0 0.875rem;
   }
 
   &__title {
@@ -49,7 +33,7 @@
     line-height: 1.25rem;
     cursor: pointer;
     margin-bottom: 0.5rem;
-    font-size: 0.95rem;
+    font-size: 1.125rem;
   }
 
   &__label {
@@ -98,8 +82,7 @@
         color: $snippet-elements-button-color;
         border: none;
         background-color: $snippet-elements-button-background-color;
-        box-shadow: 0 0 0 $input-btn-focus-width
-          $snippet-elements-button-background-color;
+        box-shadow: 0 0 0 $input-btn-focus-width $snippet-elements-button-background-color;
       }
 
       &:disabled {
@@ -112,14 +95,14 @@
     &:focus,
     &.focus {
       &:not(:disabled) {
-        opacity: 0.7;
+        opacity: .7;
       }
     }
 
     &:active,
     &.active {
       &:not(:disabled) {
-        opacity: 0.8;
+        opacity: .8;
       }
     }
   }
@@ -140,7 +123,7 @@
   }
 
   .card-text {
-    font-size: 0.82rem;
+    font-size: 0.875rem;
   }
 
   &.event-info {
@@ -219,6 +202,7 @@
 
   @media (max-width: 576px) {
     &.list-view {
+
       .card-image {
         margin-right: 0.5rem;
       }

package/src/styles/iframe-events/PoweredBy.scss

@@ -3,7 +3,7 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-    padding: 0 0.75rem 0 2rem;
+    padding: 0 0.75rem;
     height: 2rem;
     width: 100%;
     font-size: 0.75rem;
@@ -27,4 +27,4 @@
       color: $blue;
     }
   }
-}
+}

package/src/styles/iframe-order-process/IframeOrderProcess.scss

@@ -58,6 +58,8 @@
 
 .payment-booking-summary {
   transition: $color-transition;
+  background-color: transparent;
+  border: 1px solid transparent;
   border-radius: $iframe-border-radius;
   font-weight: 400;
   font-size: 0.875rem;

package/src/styles/iframe-page/Page.scss

@@ -21,7 +21,6 @@
 
   @include media-breakpoint-down(sm) {
     height: 100svh;
-    min-width: auto;
   }
 
   .header-block {

package/src/styles/iframe-page/PageBody.scss

@@ -12,6 +12,9 @@
   .left-block {
     flex: 1;
     align-items: stretch;
+    border-radius: 0.5rem;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
     padding: 1rem;
     background-color: $snippet-page-body-left-block-background-color;
     border: 0;
@@ -30,6 +33,7 @@
       display: flex;
       align-items: flex-start;
       justify-content: space-between;
+
       .title {
         color: $snippet-elements-body-color;
         margin: 0;
@@ -60,7 +64,7 @@
       overflow-x: hidden;
       scrollbar-width: thin;
       .iframe-event-card {
-        border-bottom: 1px solid $separator-color;
+        border-bottom: 2px solid $separator-color;
       }
 
       @include media-breakpoint-down(sm) {
@@ -77,6 +81,8 @@
   }
 
   .right-block {
+    margin-left: 1rem;
+    border-radius: 0.5rem;
     height: calc(100% - 1rem);
     max-width: 17.5rem;
     min-width: 17.5rem;
@@ -109,7 +115,7 @@
       }
 
       .collapse {
-        max-height: calc(100vh - 15rem);
+        max-height: calc(100vh - 19rem);
         transition: none 0s ease 0s;
 
         &.show {
@@ -119,7 +125,7 @@
         }
 
         @include media-breakpoint-down(sm) {
-          max-height: 100%;
+          max-height: 7.5rem;
         }
       }
       .collapse-with-people-input {
@@ -145,14 +151,8 @@
     }
 
     .iframe-event-card {
-      border: none;
-
-      .card-image {
-        border-radius: 0;
-      }
-      .card-body {
-        padding-left: 1rem;
-      }
+      background-color: transparent;
+      border-color: transparent;
     }
 
     .price {
@@ -262,24 +262,3 @@
     }
   }
 }
-
-.event-list-page-body {
-  overflow: auto;
-  .left-block {
-    .navigation {
-      font-size: 1.125rem;
-      font-weight: 500;
-      padding-bottom: 2.625rem;
-      display: flex;
-      align-items: flex-start;
-      justify-content: space-between;
-      margin-top: 0.125rem;
-
-      .title {
-        position: absolute;
-        color: $snippet-elements-body-color;
-        margin: 0;
-      }
-    }
-  }
-}

package/src/styles/iframe-page/PageHeader.scss

@@ -20,57 +20,55 @@ $base-height: 2.5rem;
       transition: $color-transition;
       border: 0;
     }
-  }
-}
-
-.iframe-page {
-  .button-wrapper {
-    background-color: $snippet-page-header-steps-close-button-background-color;
-    height: $base-height;
-    width: $base-height;
-    border-radius: $base-height;
-    transition: $color-transition;
 
-    .close-button {
-      font-size: 1.25rem;
-      width: $base-height;
+    .button-wrapper {
+      background-color: $snippet-page-header-steps-close-button-background-color;
       height: $base-height;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      color: $snippet-page-header-steps-close-button-border-color;
+      width: $base-height;
+      border-radius: $base-height;
       transition: $color-transition;
 
-      &:hover {
-        cursor: pointer;
+      .close-button {
+        font-size: 1.25rem;
+        width: $base-height;
+        height: $base-height;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: $snippet-page-header-steps-close-button-border-color;
+        transition: $color-transition;
+
+        &:hover {
+          cursor: pointer;
+        }
       }
-    }
 
-    &.close-button {
-      margin-left: 1rem;
-    }
+      &.close-button {
+        margin-left: 1rem;
+      }
 
-    .back-button {
-      font-size: 2rem;
-      width: $base-height;
-      height: $base-height;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-weight: lighter;
-      color: $snippet-page-header-steps-close-button-border-color;
-      transition: $color-transition;
+      .back-button {
+        font-size: 2rem;
+        width: $base-height;
+        height: $base-height;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-weight: lighter;
+        color: $snippet-page-header-steps-close-button-border-color;
+        transition: $color-transition;
 
-      &:hover {
-        cursor: pointer;
+        &:hover {
+          cursor: pointer;
+        }
       }
-    }
 
-    &.back-button {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      margin-right: 1rem;
+      &.back-button {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 1rem;
+      }
     }
   }
 }

package/src/styles/product-set/EditVenueMapSetModal.scss

@@ -91,7 +91,7 @@
   }
 
   @include media-breakpoint-down(sm) {
-    top: 100%;
+    top: 50%;
   
     .step-save-btn {
       width: 100%;

package/src/styles/sales/BookingResults.scss

@@ -5,7 +5,7 @@
     flex-wrap: wrap;
 
     .result-card {
-      height: 14rem;
+      height: 14.25rem;
       border: 1px solid $gray-400;
       max-width: calc(50% - 0.75rem);
       flex: 0 0 calc(50% - 0.75rem);

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

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { Modifier } from "@popperjs/core";
-import { ProductSetRecurrence } from "@licklist/core/dist/DataMapper/Product/ProductSetRecurrenceDataMapper";
-import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper";
-export interface DateAndRecurrenceInputValues {
-    menuRecurrences?: Partial<ProductSetRecurrence>[];
-}
-interface DateAndRecurrenceInputProps {
-    isEventEditProductSet?: boolean;
-    workHours?: WorkHour[];
-    providerHasBookingManagement: boolean;
-    isLoading?: boolean;
-}
-export declare const DateInput: ({ isEventEditProductSet, isLoading, workHours, providerHasBookingManagement, }: DateAndRecurrenceInputProps) => JSX.Element;
-export declare const sameWidthPopperModifier: Modifier<"sameWidth", Record<string, unknown>>;
-export {};
-//# sourceMappingURL=DateInput.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../src/product-set/control/DateInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAO1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,uEAAuE,CAAC;AAI7G,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AActF,MAAM,WAAW,4BAA4B;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,CAAC;CACnD;AAED,UAAU,2BAA2B;IACnC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,4BAA4B,EAAE,OAAO,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,mFAKnB,2BAA2B,gBAkP7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAC5C,WAAW,EACX,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAsBxB,CAAC"}

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

@@ -1 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("tslib"),t=require("react"),n=e(t),i=require("react-i18next"),a=require("react-bootstrap"),o=require("../../static/Icon.js"),u=require("react-hook-form"),l=require("@react-aria/utils"),s=require("react-use"),c=require("luxon");require("../../static/index.js");var d=require("../../modals/confirmation/ConfirmModal.js"),m=require("rrule"),v=e(m),f=require("@licklist/core/dist/Config/Date"),p=require("../../zone/form/components/AvailableTimesControl.js"),g=require("../../recurring-date-picker-input/DatePickerInput.js"),T=require("./ProductSetRecurrenceOverridesControl.js"),b={name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:function(e){var r=e.state,t={width:"".concat(r.rects.reference.width+4,"px"),marginLeft:"-2px",maxWidth:"unset"};Object.assign(r.styles.popper,t)},effect:function(e){var r=e.state,t=r.elements.reference.getBoundingClientRect().width,n={width:"".concat(t,"px"),maxWidth:"unset"};Object.assign(r.elements.popper.style,n)}};exports.DateInput=function(e){var E,D,x,h,q=e.isEventEditProductSet,R=e.isLoading,_=e.workHours,y=e.providerHasBookingManagement,I=u.useFormContext(),O=I.control,M=I.register,S=I.formState.errors,w=I.getValues,C=I.setValue,k=I.clearErrors,F=u.useFieldArray({name:"menuRecurrences",control:O,keyName:"_id"}),A=F.fields,N=F.append,j=F.update,P=r.__read(t.useState(!1),2),V=P[0],L=P[1],W=t.useRef(),B=r.__read(t.useState({index:null,values:null}),2),H=B[0],z=B[1],J=function(){return z({index:null,values:null})},G=t.useRef();s.useClickAway(G,(function(e){var r,t,n;d.CONFIRM_MODAL_ACTIONS.includes(null===(n=null===(t=null===(r=e.target)||void 0===r?void 0:r.attributes)||void 0===t?void 0:t.getNamedItem("data-id"))||void 0===n?void 0:n.value)||(L(!1),J())}));var K=l.useId(),U=i.useTranslation("Design").t,Y=function(){A.length>=1||(J(),L((function(e){return!e})))};return n.createElement(a.Form.Group,null,n.createElement(a.Form.Label,null,U(q?"whenOverridesAvailable":"productSetAvailable")),n.createElement(a.OverlayTrigger,{show:V,overlay:n.createElement(a.Popover,{id:K,className:"rounded"},n.createElement(a.Popover.Content,{className:"shadow-lg rounded",ref:G},n.createElement(g.DatePickerInput,{defaultValues:H.values,onChange:function(e){return r.__awaiter(void 0,void 0,void 0,(function(){var t,n,i,a,o,u,l,s,d,p,g,T;return r.__generator(this,(function(r){switch(r.label){case 0:return[4,null===(s=W.current)||void 0===s?void 0:s.trigger()];case 1:return t=r.sent(),(null==e?void 0:e.startTime)&&(null==e?void 0:e.endTime)&&t&&(n=c.DateTime.fromISO(e.startTime),i=c.DateTime.fromISO(e.endTime),a=W.current.getValues().availableTimes,!a.every((function(e){var r=c.DateTime.fromFormat(e,f.TIME_FORMAT);return r.diff(n,"minutes").minutes>=0&&r.diff(i,"minutes").minutes<=0})))?(W.current.setError("availableTimes",{message:U("Validation:fieldTimeBetween",{attribute:U("Design:startTimesSmall"),min:n.toFormat(f.TIME_FORMAT),max:i.toFormat(f.TIME_FORMAT)})}),[2]):(o=v.optionsToString({dtstart:c.DateTime.fromISO(e.startDate).toJSDate(),until:c.DateTime.fromISO(e.startDate).toJSDate(),byweekday:[],freq:m.Frequency.DAILY,tzid:f.TIMEZONE}).replace("RRULE:",""),u=(null===(p=null===(d=null==W?void 0:W.current)||void 0===d?void 0:d.getValues())||void 0===p?void 0:p.availableTimes)||null,l={rrule:o,startDate:e.startDate,endDate:e.startDate,startTime:e.startTime,endTime:e.endTime,availableTimes:u},(null===(g=H.values)||void 0===g?void 0:g.id)&&(l.id=null===(T=H.values)||void 0===T?void 0:T.id),null!==H.index?j(H.index,l):N(l),L((function(){return!1})),J(),[2])}}))}))},onDelete:function(){var e=H.index;L(!1),J(),setTimeout((function(){var r=w().menuRecurrences;C("menuRecurrences",(void 0===r?[]:r).filter((function(r,t){return t!==e})))}),100)}},y&&n.createElement(p.AvailableTimesControl,{workHours:_,isLoading:R,ref:W,defaultValues:[],errorMessage:null===(x=null===(D=null===(E=null==S?void 0:S.menuRecurrences)||void 0===E?void 0:E["".concat(null==H?void 0:H.index)])||void 0===D?void 0:D.availableTimes)||void 0===x?void 0:x.message,clearErrorMessage:function(){return k("menuRecurrences.".concat(null==H?void 0:H.index,".availableTimes"))}})))),trigger:"click",placement:"bottom",popperConfig:{modifiers:[b]}},n.createElement("div",{className:"product-set-recurrences"},A.map((function(e,r){var t,i,a;return n.createElement(T.ProductSetRecurrenceOverridesControl,{key:e._id,menuRecurrence:e,onEdit:function(){return function(e,r){J(),setTimeout((function(){z({index:r,values:e}),L((function(){return!0}))}),100)}(e,r)},errorMessage:null===(a=null===(i=null===(t=null==S?void 0:S.menuRecurrences)||void 0===t?void 0:t["".concat(r)])||void 0===i?void 0:i.availableTimes)||void 0===a?void 0:a.message})})),n.createElement("div",{className:"product-set-recurrence-icon-wrapper",role:"button",tabIndex:0,onClick:Y,onKeyDown:Y},n.createElement(o.default,{type:"plus-circle",height:"1rem",className:"product-set-recurrence-icon-add mr-2"}),U("addDates")),n.createElement(a.Form.Control,r.__assign({type:"hidden"},M("menuRecurrences",{required:{value:!0,message:U("Validation:fieldMinNumber",{attribute:U("dates"),min:1})}}))),n.createElement("div",{className:"manual-form-error"},null===(h=S.menuRecurrences)||void 0===h?void 0:h.message))))},exports.sameWidthPopperModifier=b;

package/dist/product-set/control/ProductSetRecurrenceOverridesControl.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { ProductSetRecurrence } from "@licklist/core/dist/DataMapper/Product/ProductSetRecurrenceDataMapper";
-export interface ProductSetRecurrenceControlProps {
-    menuRecurrence?: {
-        _id: string;
-    } & Partial<ProductSetRecurrence>;
-    onEdit?: (onEdit: Partial<ProductSetRecurrence>) => void;
-    errorMessage?: string;
-}
-export declare const ProductSetRecurrenceOverridesControl: ({ menuRecurrence, onEdit, errorMessage, }: ProductSetRecurrenceControlProps) => JSX.Element;
-//# sourceMappingURL=ProductSetRecurrenceOverridesControl.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ProductSetRecurrenceOverridesControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/control/ProductSetRecurrenceOverridesControl.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,uEAAuE,CAAC;AAI7G,MAAM,WAAW,gCAAgC;IAC/C,cAAc,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC;IACjE,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,oCAAoC,8CAI9C,gCAAgC,gBA8ClC,CAAC"}

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("react"),t=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,a=require("../../static/Icon.js");require("../../static/index.js");var c=require("react-intl");exports.ProductSetRecurrenceOverridesControl=function(e){var r=e.menuRecurrence,n=e.onEdit,l=e.errorMessage,s=c.useIntl().formatDate;return t.createElement("div",{className:"sortable-tree-root flex-column",role:"button",tabIndex:0},t.createElement("div",{key:r.rrule,className:"product-set-recurrence d-flex flex-column mr-0 mb-3 p-3 px-4 flex-grow-1"},t.createElement("span",{className:"d-flex flex-row align-items-center"},t.createElement(a.default,{type:"calendar",height:"1rem",className:"product-set-recurrence-icon-calendar"}),t.createElement("span",{className:"product-set-recurrence-title d-flex flex-grow-1"},s(r.startDate,{dateStyle:"medium"})," "),t.createElement("div",{className:"d-inline-flex",role:"button",tabIndex:0,onClick:function(){return n(r)},onKeyDown:function(){return n(r)}},t.createElement(a.default,{type:"ellipsis-h",height:"1rem",className:"product-set-recurrence-icon-more"}))),t.createElement("span",{className:"product-set-recurrence-description"},s(r.startDate,{dateStyle:"medium"})," ")),t.createElement("div",{className:"manual-form-error ".concat(!l&&"d-none")},l))};