@licklist/design 0.44.485-dev.87 → 0.44.485-dev.88

package/src/iframe/order-process/index.ts

@@ -1,5 +1,5 @@
 export { BookingSummary } from "./components/BookingSummary";
-export { NavigationSteps } from "./components/NavigationSteps";
+export { NavigationSteps, NavigationStep } from "./components/NavigationSteps";
 export { Timer } from "./components/Timer";
 export { NavigationFooter } from "./components/NavigationFooter";
 export { PaymentCard } from "./components/PaymentCard";
@@ -8,5 +8,4 @@ export type { BookingSummaryFooterProps } from "./components/BookingSummaryFoote
 export { CalendarStepsForm } from "./components/CalendarStepsForm";
 export type { CalendarStepsFormProps } from "./components/CalendarStepsForm";
 export { useCategoryVerification } from "./components/utils/useCategoryVerification";
-export { Category } from "./components/Category";
 export { ErrorModal } from "./components/ErrorModal";

package/src/iframe/page/components/PageBody/components/LeftBlock/LeftBlock.tsx

@@ -6,14 +6,14 @@ import { useResizePageBody } from "../../hooks/useResizePageBody";
 
 export type LeftBlockProps = PropsWithChildren<
   {
-    title?: string;
+    pageTitle?: ReactNode;
     component?: ReactNode;
     childrenClassName?: string;
   } & HTMLAttributes<HTMLDivElement>
 >;
 
 export const LeftBlock = ({
-  title,
+  pageTitle,
   children,
   className,
   component,
@@ -24,9 +24,9 @@ export const LeftBlock = ({
 
   return (
     <div className={clsx("left-block", className)} {...props}>
-      {title && (
+      {pageTitle && (
         <div className="navigation">
-          <p className="title">{title}</p>
+          <p className="title">{pageTitle}</p>
           {component}
         </div>
       )}

package/src/index.ts

@@ -38,3 +38,4 @@ export * from "./striped-static-table";
 export * from "./radio-card";
 export * from "./image-radio-input";
 export * from "./sorting-select";
+export * from "./date-time-button";

package/src/styles/iframe-customers-journey/ActivitiesCard.scss

@@ -1,55 +1,37 @@
 @import "../snippet-templates/snippetVariables";
 
-.iframe-activities-card {
-  position: relative;
+.activity-card {
   border: 2px solid transparent;
   transition: $color-transition;
   color: $snippet-elements-body-color;
-  border-radius: 0.3rem;
-  padding: .375rem;
+  border-radius: 0.5rem;
+  padding: 0.375rem;
   min-height: 12.5rem;
-  width: 12.375rem;
-  flex-direction: column;
+  width: 11.5rem;
   word-wrap: break-word;
   background-color: #fff;
-  background-clip: border-box;
+  font-size: 0.8rem;
+  color: $snippet-elements-body-color;
+
+  div {
+    text-align: left;
+  }
 
   &.active {
-    border: 2px solid #0E8BE1;
+    border: 2px solid #0e8be1;
   }
 
-  .card-image {
+  &-image {
     width: 100%;
     height: 6.3rem;
-    background-repeat: no-repeat;
-    background-size: cover;
-    background-position: center;
-    cursor: pointer;
-    border: 1px solid transparent;
-    margin-bottom: .5rem;
-    border-radius: .3rem;
+    margin-bottom: 0.5rem;
+    border-radius: 0.3rem;
   }
 
-
-  .title {
-    transition: $color-transition;
-    color: $snippet-elements-body-color;
+  &-title {
     font-weight: 600;
     line-height: 1.25rem;
     cursor: pointer;
-    font-size: .875rem;
-  }
-
-  .cost {
-    transition: $color-transition;
-    color: $snippet-elements-body-color;
-    font-size: 0.8rem;
-  }
-
-  .label {
-    text-transform: lowercase;
-    transition: $color-transition;
-    color: $snippet-elements-body-color;
-    font-size: 0.8rem;
+    font-size: 0.875rem;
   }
-}
+}

package/src/styles/iframe-customers-journey/ActivitiesSelectedCard.scss

@@ -1,52 +1,57 @@
 @import "../snippet-templates/snippetVariables";
 
-.selected-activities-card {
+.list-activity-card {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  height: 5rem;
+  border: 2px solid transparent;
+  border: 2px solid transparent;
+  background-color: $snippet-product-set-background-color;
+  color: $snippet-product-set-font-color;
+  transition: $color-transition;
+
+  &.active {
+    border: 2px solid #0e8be1;
+  }
+
+  p {
+    margin-bottom: 0;
+  }
+
+  .description {
+    width: 70%;
+    font-size: 0.81rem;
     display: flex;
-    justify-content: space-between;
-    align-items: center;
-    cursor: pointer;
-    height: 5rem;
-    border: 1px solid $snippet-product-set-border-color;
-    background-color: $snippet-product-set-background-color;
-    color: $snippet-product-set-font-color;
-    transition: $color-transition;
-
-    p {
-        margin-bottom: 0;
-    }
+    flex-direction: column;
+  }
 
-    .description {
-        width: 70%;
-        font-size: .81rem;
-        display: flex;
-        flex-direction: column;
-    }
+  .title {
+    font-weight: 600;
+    font-size: 0.875rem;
+    line-height: 1.5rem;
+  }
 
-    .title {
-        font-weight: 600;
-        font-size: 0.875rem;
-        line-height: 1.5rem;
-    }
+  .image-container {
+    display: flex;
+    justify-content: start;
+    height: 100%;
 
-    .image-container {
-        display: flex;
-        justify-content: start;
-        height: 100%;
-
-        .image {
-            display: flex;
-            align-items: start;
-            width: 7rem;
-            height: 4rem;
-            margin-left: 3rem;
-            background-repeat: no-repeat;
-            background-size: cover;
-            background-position: center;
-            border-radius: 0.5rem;
-        }
+    .image {
+      display: flex;
+      align-items: start;
+      width: 7rem;
+      height: 4rem;
+      margin-left: 3rem;
+      background-repeat: no-repeat;
+      background-size: cover;
+      background-position: center;
+      border-radius: 0.5rem;
     }
+  }
 }
 
-.selected-activities-card-hr {
-    margin-top: 0;
-}
+.list-activity-card-hr {
+  margin-top: 0;
+}

package/src/styles/iframe-customers-journey/DateTimeButton.scss

@@ -0,0 +1,84 @@
+.date-time-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  font-size: 0.82rem;
+  line-height: 1.3rem;
+  font-weight: 600;
+  background-color: $snippet-calendar-button-background-color;
+  border-radius: 0.4rem;
+  text-align: center;
+  border: 2px solid $snippet-calendar-button-border-color;
+  color: $snippet-calendar-button-font-color;
+  flex-grow: 1;
+  transition: $color-transition;
+  min-width: 6rem;
+  max-width: 7.25rem;
+  min-height: 3.3rem;
+  max-height: 8.375rem;
+
+  &.disabled {
+    border: 2px solid $snippet-calendar-disabled-button-border-color;
+    background-color: $snippet-calendar-disabled-button-background-color;
+    color: $snippet-calendar-disabled-button-font-color;
+
+    .descriptions {
+      color: $snippet-calendar-disabled-button-font-color;
+    }
+  }
+
+  &.selected {
+    border: 2px solid $snippet-calendar-active-button-border-color;
+    background-color: $snippet-calendar-active-button-background-color;
+    color: $snippet-calendar-active-button-font-color;
+    transition: $color-transition;
+
+    .descriptions {
+      color: $snippet-calendar-active-button-font-color;
+      background-color: $snippet-calendar-active-button-background-color;
+      font-weight: 600;
+      transition: $color-transition;
+    }
+
+    .time {
+      font-weight: 600;
+    }
+  }
+
+  &.time-button {
+    min-width: 4.75rem;
+    max-width: 4.75rem;
+    min-height: 2.75rem;
+  }
+
+  &.only-time-container {
+    min-width: 5.3rem;
+    max-width: 5.3rem;
+    min-height: 2.75rem;
+  }
+}
+
+.time {
+  font-size: 0.875rem;
+  font-weight: 300;
+}
+
+.descriptions {
+  font-size: 0.7rem;
+  line-height: 1.03rem;
+  font-weight: 300;
+  color: $snippet-calendar-button-font-color;
+}
+
+.info {
+  display: flex;
+  justify-content: center;
+  font-weight: 300;
+  flex-direction: row;
+
+  .logo {
+    width: 0.5rem;
+    margin-right: 0.5rem;
+  }
+}

package/src/styles/iframe-customers-journey/_index.scss

@@ -1,3 +1,3 @@
 @import "./ActivitiesSelectedCard.scss";
-@import "./SelectDateAndTime.scss";
 @import "./ActivitiesCard.scss";
+@import "./DateTimeButton.scss";

package/src/types/iframe.ts

@@ -30,7 +30,7 @@ export interface ProductCategory {
 export interface MenuStep {
   id: number;
   name: string;
-  productCategories: ProductCategory[];
+  productCategories?: ProductCategory[];
 }
 
 export interface Menu {

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

@@ -211,7 +211,7 @@ export const ZoneRecurrencesControl = ({
               }
               strategy={verticalListSortingStrategy}
             >
-              {fields.map((zoneRecurrence, index) => (
+              {fields?.map((zoneRecurrence, index) => (
                 <ZoneRecurrenceControl
                   key={zoneRecurrence._id}
                   zoneRecurrence={zoneRecurrence}

package/dist/assets/iframe/dateInfo/available.svg.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,r,n,i=require("react");(e=i)&&"object"==typeof e&&"default"in e&&e.default;function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},f.apply(this,arguments)}exports.ReactComponent=function(e){return i.createElement("svg",f({width:7,height:11,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t||(t=i.createElement("rect",{x:.944,y:1.037,width:5.252,height:3.049,rx:1.5,fill:"#4CF973",stroke:"#fff"})),r||(r=i.createElement("rect",{x:.944,y:4.11,width:5.252,height:3.049,rx:1.5,fill:"#4CF973",stroke:"#fff"})),n||(n=i.createElement("rect",{x:.944,y:7.183,width:5.252,height:3.049,rx:1.5,fill:"#4CF973",stroke:"#fff"})))};

package/dist/assets/iframe/dateInfo/limited.svg.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,r,n,i=require("react");(e=i)&&"object"==typeof e&&"default"in e&&e.default;function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},f.apply(this,arguments)}exports.ReactComponent=function(e){return i.createElement("svg",f({width:7,height:11,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t||(t=i.createElement("rect",{x:1.241,y:1.037,width:5.252,height:3.049,rx:1.5,fill:"#E4E4E4",stroke:"#fff"})),r||(r=i.createElement("rect",{x:1.241,y:4.11,width:5.252,height:3.049,rx:1.5,fill:"#FDD054",stroke:"#fff"})),n||(n=i.createElement("rect",{x:1.241,y:7.183,width:5.252,height:3.049,rx:1.5,fill:"#FDD054",stroke:"#fff"})))};

package/dist/assets/iframe/dateInfo/soldOut.svg.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,r,n,f,i=require("react");(e=i)&&"object"==typeof e&&"default"in e&&e.default;function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},l.apply(this,arguments)}exports.ReactComponent=function(e){return i.createElement("svg",l({width:7,height:10,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t||(t=i.createElement("path",{fill:"#fff",d:"M.497 0h5.94v10H.497z"})),r||(r=i.createElement("rect",{x:.591,y:.5,width:5.752,height:3,rx:1.5,fill:"#E4E4E4",stroke:"#fff"})),n||(n=i.createElement("rect",{x:.591,y:3.5,width:5.752,height:3,rx:1.5,fill:"#E4E4E4",stroke:"#fff"})),f||(f=i.createElement("rect",{x:.591,y:6.5,width:5.752,height:3,rx:1.5,fill:"#E4E4E4",stroke:"#fff"})))};

package/dist/iframe/activities-card-page/components/activities-card/ActivitiesCard.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export interface ActivitiesCardProps {
-    card: any;
-    onSelectCardId?: (productSetId: number) => void;
-    isActive: boolean;
-}
-export declare const ActivitiesCard: ({ card, onSelectCardId, isActive, }: ActivitiesCardProps) => JSX.Element;
-//# sourceMappingURL=ActivitiesCard.d.ts.map

package/dist/iframe/activities-card-page/components/activities-card/ActivitiesCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActivitiesCard.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/activities-card-page/components/activities-card/ActivitiesCard.tsx"],"names":[],"mappings":";AAKA,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,GAAG,CAAC;IACV,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,wCAIxB,mBAAmB,gBAoDrB,CAAC"}

package/dist/iframe/activities-card-page/components/activities-card/ActivitiesCard.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 t=e(require("react")),a=require("react-i18next"),r=e(require("clsx")),c=require("react-intl");exports.ActivitiesCard=function(e){var i=e.card,l=e.onSelectCardId,n=e.isActive,s=c.useIntl().formatNumber,m=a.useTranslation("Design").t,d=i.imageSrc,o=i.title,u=i.time,f=i.cost,v=function(){l(i)};return t.createElement("div",{id:i.id,role:"button",className:r("iframe-activities-card",n&&"active"),onClick:v,onKeyPress:v,tabIndex:0},d&&t.createElement("div",{className:"card-image",style:{backgroundImage:'url("'.concat(d,'")')}}),t.createElement("div",{className:r("d-flex","flex-column",!d&&"no-image")},t.createElement("div",{className:"title"},o),u&&t.createElement("div",{className:"cost"},t.createElement("div",{className:"d-flex align-items-center"},t.createElement("p",{className:"m-0"},u," ",m("Mins")))),"number"==typeof f&&f&&t.createElement("div",{className:"label"},t.createElement("div",{className:"d-flex align-items-center mb-3"},t.createElement("p",{className:"m-0"},m("from")," ",s(f,{style:"currency",currency:"GBP"}))))))};

package/dist/iframe/activities-card-page/components/activities-selected-card/ActivitiesSelectedCard.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-export interface ActivitiesSelectedCardProps {
-    imageSrc: string;
-    title: string;
-    time: string;
-    cost: number;
-}
-export declare const ActivitiesSelectedCard: ({ imageSrc, title, time, cost, }: ActivitiesSelectedCardProps) => JSX.Element;
-//# sourceMappingURL=ActivitiesSelectedCard.d.ts.map

package/dist/iframe/activities-card-page/components/activities-selected-card/ActivitiesSelectedCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActivitiesSelectedCard.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/activities-card-page/components/activities-selected-card/ActivitiesSelectedCard.tsx"],"names":[],"mappings":";AAKA,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,sBAAsB,qCAKhC,2BAA2B,gBAuC7B,CAAC"}

package/dist/iframe/activities-card-page/components/activities-selected-card/ActivitiesSelectedCard.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 t=e(require("react")),r=require("react-i18next"),a=e(require("clsx")),c=require("react-intl");exports.ActivitiesSelectedCard=function(e){var l=e.imageSrc,i=e.title,n=e.time,s=e.cost,m=r.useTranslation("Design").t,u=c.useIntl().formatNumber;return t.createElement("div",null,t.createElement("div",{className:a("selected-activities-card")},t.createElement("div",{className:"description"},t.createElement("div",{className:"title"},i),n&&t.createElement("div",null,t.createElement("p",null,n," ",m("Mins")," ")),"number"==typeof s&&s&&t.createElement("div",null,t.createElement("p",null,m("from")," ",u(s,{style:"currency",currency:"GBP"})))),l&&t.createElement("div",{className:"image-container"},t.createElement("div",{className:"image",style:{backgroundImage:'url("'.concat(l,'")')}}))),t.createElement("hr",{className:"selected-activities-card-hr"}))};

package/dist/iframe/activities-card-page/index.d.ts

@@ -1,3 +0,0 @@
-export { ActivitiesSelectedCard } from "./components/activities-selected-card/ActivitiesSelectedCard";
-export { ActivitiesCard } from "./components/activities-card/ActivitiesCard";
-//# sourceMappingURL=index.d.ts.map

package/dist/iframe/activities-card-page/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/iframe/activities-card-page/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,8DAA8D,CAAC;AACtG,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC"}

package/dist/iframe/data-time-view-selector/DateAndTimeAndCalendar.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { viewType } from "./constants";
-interface SelectorDateAndTimeForViewProps {
-    view: viewType;
-}
-export declare const DateAndTimeAndCalendar: ({ view, }: SelectorDateAndTimeForViewProps) => JSX.Element;
-export {};
-//# sourceMappingURL=DateAndTimeAndCalendar.d.ts.map

package/dist/iframe/data-time-view-selector/DateAndTimeAndCalendar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateAndTimeAndCalendar.d.ts","sourceRoot":"","sources":["../../../src/iframe/data-time-view-selector/DateAndTimeAndCalendar.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAMvC,UAAU,+BAA+B;IACvC,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,eAAO,MAAM,sBAAsB,cAEhC,+BAA+B,gBAsBjC,CAAC"}

package/dist/iframe/data-time-view-selector/constants.d.ts

@@ -1,7 +0,0 @@
-export declare enum viewType {
-    DATE = "date",
-    DATE_AND_TIME = "date-time",
-    TIME = "time",
-    CALENDAR = "calendar"
-}
-//# sourceMappingURL=constants.d.ts.map

package/dist/iframe/data-time-view-selector/constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/iframe/data-time-view-selector/constants.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IAClB,IAAI,SAAS;IACb,aAAa,cAAc;IAC3B,IAAI,SAAS;IACb,QAAQ,aAAa;CACtB"}

package/dist/iframe/data-time-view-selector/constants.js

@@ -1 +0,0 @@
-"use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),(e=exports.viewType||(exports.viewType={})).DATE="date",e.DATE_AND_TIME="date-time",e.TIME="time",e.CALENDAR="calendar";

package/dist/iframe/data-time-view-selector/index.d.ts

@@ -1,2 +0,0 @@
-export { DateAndTimeAndCalendar } from "./DateAndTimeAndCalendar";
-//# sourceMappingURL=index.d.ts.map

package/dist/iframe/data-time-view-selector/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/iframe/data-time-view-selector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/iframe/order-process/components/Category/Category.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { DeepMap, FieldError } from "react-hook-form";
-import { QuantityCheckProductInfo } from "@licklist/plugins/dist/types/Api/verifyStock";
-import { ProductCategory } from "../../../../types";
-interface CategoryProps {
-    productCategories: ProductCategory[];
-    productsWithErrors?: QuantityCheckProductInfo[];
-    soldOutProducts?: QuantityCheckProductInfo[];
-    errors?: DeepMap<Record<string, any>, FieldError>;
-}
-export declare function Category({ productCategories, productsWithErrors, errors, soldOutProducts, }: CategoryProps): JSX.Element;
-export {};
-//# sourceMappingURL=Category.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Category.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/Category/Category.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,UAAU,aAAa;IACrB,iBAAiB,EAAE,eAAe,EAAE,CAAC;IACrC,kBAAkB,CAAC,EAAE,wBAAwB,EAAE,CAAC;IAChD,eAAe,CAAC,EAAE,wBAAwB,EAAE,CAAC;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,UAAU,CAAC,CAAC;CACnD;AAED,wBAAgB,QAAQ,CAAC,EACvB,iBAAiB,EACjB,kBAAkB,EAClB,MAAM,EACN,eAAe,GAChB,EAAE,aAAa,eA+Bf"}

package/dist/iframe/order-process/components/Category/Category.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("../CategoryProduct/CategoryProduct.js");exports.Category=function(e){var r=e.productCategories,o=e.productsWithErrors,c=e.errors,u=e.soldOutProducts;return t.createElement(t.Fragment,null,0!==r.length&&r.map((function(e){var r=null==c?void 0:c["category_".concat(e.id)];return t.createElement("div",{key:e.id,className:"iframe-event__category"},t.createElement("h4",{className:"iframe-event__name"},e.name),r&&t.createElement("div",{className:"iframe-event__message-error"},null==r?void 0:r.message),e.products.map((function(r){return t.createElement(a.CategoryProduct,{key:r.id,product:r,category:e,productsWithErrors:o,soldOutProducts:u})})))})))};

package/dist/iframe/order-process/components/Category/index.d.ts

@@ -1,2 +0,0 @@
-export { Category } from "./Category";
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/Category/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/iframe/select-date-time/SelectDateAndTimeList.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const SelectDateAndTimeList: () => JSX.Element;
-//# sourceMappingURL=SelectDateAndTimeList.d.ts.map

package/dist/iframe/select-date-time/SelectDateAndTimeList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectDateAndTimeList.d.ts","sourceRoot":"","sources":["../../../src/iframe/select-date-time/SelectDateAndTimeList.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,qBAAqB,mBAiCjC,CAAC"}

package/dist/iframe/select-date-time/SelectDateAndTimeList.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),a=require("react"),r=(e=a)&&"object"==typeof e&&"default"in e?e.default:e,n=require("react-i18next"),i=require("../../assets/iframe/calendar.svg.js"),l=require("./component/date-container/SelectorDateAndTimeList.js");exports.SelectDateAndTimeList=function(){var e=t.__read(a.useState(),2),c=e[0],s=e[1],d=t.__read(a.useState(),2),o=d[0],m=d[1],u=n.useTranslation(["Design"]).t;return r.createElement("div",null,r.createElement("div",{className:"date-time-icon-container"},r.createElement("div",{className:"icon-wrapper"},r.createElement(i.ReactComponent,{className:"icon"})),r.createElement("h5",null,u("selectDate"))),r.createElement("div",null,r.createElement(l.SelectorDateAndTimeList,{title:u("selectDateAndTime"),dateList:[],selectedDateId:c,onSelectDate:s})),r.createElement("div",null,r.createElement(l.SelectorDateAndTimeList,{title:u("selectYourTime"),isTimeContainer:!0,dateList:[],selectedDateId:o,onSelectDate:m})))};

package/dist/iframe/select-date-time/SelectDateOrTimeList.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { viewType } from "../data-time-view-selector/constants";
-type SelectDateOrTimeListProps = {
-    view: viewType.DATE | viewType.TIME;
-};
-export declare const SelectDateOrTimeList: ({ view }: SelectDateOrTimeListProps) => JSX.Element;
-export {};
-//# sourceMappingURL=SelectDateOrTimeList.d.ts.map

package/dist/iframe/select-date-time/SelectDateOrTimeList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectDateOrTimeList.d.ts","sourceRoot":"","sources":["../../../src/iframe/select-date-time/SelectDateOrTimeList.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAGhE,KAAK,yBAAyB,GAAG;IAC/B,IAAI,EAAE,QAAQ,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,oBAAoB,aAAc,yBAAyB,gBA+BvE,CAAC"}

package/dist/iframe/select-date-time/SelectDateOrTimeList.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),a=require("react"),r=(e=a)&&"object"==typeof e&&"default"in e?e.default:e,i=require("react-i18next"),n=require("../../assets/iframe/calendar.svg.js"),s=require("./component/date-container/SelectorDateAndTimeList.js"),c=require("../data-time-view-selector/constants.js");exports.SelectDateOrTimeList=function(e){var l=e.view,o=t.__read(a.useState(),2),m=o[0],d=o[1],u=i.useTranslation("Design").t,v=l===c.viewType.TIME,p=u(v?"selectorTime":"selectDate"),T=[];return r.createElement("div",null,!v&&r.createElement("div",{className:"date-time-icon-container"},r.createElement("div",{className:"icon-wrapper"},r.createElement(n.ReactComponent,{className:"icon"})),r.createElement("h5",null,u("selectDate"))),r.createElement("div",null,r.createElement(s.SelectorDateAndTimeList,{title:p,dateList:T,isTimeContainer:v,selectedDateId:m,onSelectDate:d,isOnlyTimeContainer:v})))};

package/dist/iframe/select-date-time/component/date-container/DateTimeSelector.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export type DateAndTimeProps = {
-    date: any;
-    selected: boolean;
-    onSelectDate?: (id: number) => void;
-    isTimeContainer?: boolean;
-    isOnlyTimeContainer?: boolean;
-};
-export declare const DateTimeSelector: ({ date, isTimeContainer, selected, onSelectDate, isOnlyTimeContainer, }: DateAndTimeProps) => JSX.Element;
-//# sourceMappingURL=DateTimeSelector.d.ts.map

package/dist/iframe/select-date-time/component/date-container/DateTimeSelector.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateTimeSelector.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/select-date-time/component/date-container/DateTimeSelector.tsx"],"names":[],"mappings":";AAQA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,4EAM1B,gBAAgB,gBAwDlB,CAAC"}

package/dist/iframe/select-date-time/component/date-container/DateTimeSelector.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 t=require("react"),o=e(t),n=require("../../../../logo/Logo.js"),l=e(require("clsx")),i=require("../../../../assets/iframe/dateInfo/limited.svg.js"),a=require("../../../../assets/iframe/dateInfo/available.svg.js"),s=require("../../../../assets/iframe/dateInfo/soldOut.svg.js"),r=require("../../constants.js");exports.DateTimeSelector=function(e){var c=e.date,d=e.isTimeContainer,u=e.selected,m=e.onSelectDate,f=e.isOnlyTimeContainer,v=c.title,g=c.disabled,p=c.info,E=c.description,b=c.id,y=c.time,L=function(){g||m(b)},T=t.useMemo((function(){return(null==p?void 0:p.logo)===r.infoLogoType.LIMIT?o.createElement(i.ReactComponent,null):(null==p?void 0:p.logo)===r.infoLogoType.AVAILABLE?o.createElement(a.ReactComponent,null):(null==p?void 0:p.logo)===r.infoLogoType.SOLD_OUT?o.createElement(s.ReactComponent,null):null}),[p]);return o.createElement("div",{role:"button",onClick:L,onKeyPress:L,className:l("date-set",g&&"disabled",u&&"selected",d&&"time-container",f&&"only-time-container"),tabIndex:0},v,y&&o.createElement("div",{className:"time"},y),E&&o.createElement("div",{className:l("descriptions",u&&"selected",g&&"disabled")},E),p&&o.createElement("div",{className:"info"},p.logo&&o.createElement(n.default,{className:"logo",logo:T}),o.createElement("div",null,p.description)))};

package/dist/iframe/select-date-time/component/date-container/SelectorDateAndTimeList.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-export type SelectorDateAndTimeListProps = {
-    selectedDateId?: number;
-    onSelectDate?: (id: number) => void;
-    dateList: any[];
-    title?: string;
-    isTimeContainer?: boolean;
-    isOnlyTimeContainer?: boolean;
-};
-export declare const SelectorDateAndTimeList: ({ selectedDateId, onSelectDate, dateList, title, isTimeContainer, isOnlyTimeContainer, }: SelectorDateAndTimeListProps) => JSX.Element;
-//# sourceMappingURL=SelectorDateAndTimeList.d.ts.map

package/dist/iframe/select-date-time/component/date-container/SelectorDateAndTimeList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectorDateAndTimeList.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/select-date-time/component/date-container/SelectorDateAndTimeList.tsx"],"names":[],"mappings":";AAIA,MAAM,MAAM,4BAA4B,GAAG;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,EAAE,GAAG,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,uBAAuB,6FAOjC,4BAA4B,gBAoB9B,CAAC"}

package/dist/iframe/select-date-time/component/date-container/SelectorDateAndTimeList.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 t=e(require("react")),i=e(require("clsx")),n=require("./DateTimeSelector.js");exports.SelectorDateAndTimeList=function(e){var r=e.selectedDateId,a=e.onSelectDate,l=e.dateList,c=e.title,o=e.isTimeContainer,s=e.isOnlyTimeContainer;return t.createElement(t.Fragment,null,t.createElement("h5",null,c),t.createElement("div",{className:i("date-list",o&&"time-container")},l.map((function(e){return t.createElement(n.DateTimeSelector,{key:e.id,date:e,isTimeContainer:o,selected:r===e.id,onSelectDate:a,isOnlyTimeContainer:s})}))))};

package/dist/iframe/select-date-time/constants.d.ts

@@ -1,6 +0,0 @@
-export declare enum infoLogoType {
-    LIMIT = "limit",
-    AVAILABLE = "available",
-    SOLD_OUT = "soldOut"
-}
-//# sourceMappingURL=constants.d.ts.map

package/dist/iframe/select-date-time/constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/iframe/select-date-time/constants.ts"],"names":[],"mappings":"AAAA,oBAAY,YAAY;IACpB,KAAK,UAAU;IACf,SAAS,cAAc;IACvB,QAAQ,YAAY;CACrB"}

package/dist/iframe/select-date-time/constants.js

@@ -1 +0,0 @@
-"use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),(e=exports.infoLogoType||(exports.infoLogoType={})).LIMIT="limit",e.AVAILABLE="available",e.SOLD_OUT="soldOut";

package/dist/iframe/select-date-time/index.d.ts

@@ -1,4 +0,0 @@
-export { DateTimeSelector } from "./component/date-container/DateTimeSelector";
-export { SelectDateAndTimeList } from "./SelectDateAndTimeList";
-export { SelectDateOrTimeList } from "./SelectDateOrTimeList";
-//# sourceMappingURL=index.d.ts.map

package/dist/iframe/select-date-time/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/iframe/select-date-time/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}