@licklist/design 0.44.551-dev.8 → 0.44.551

package/src/iframe/order-process/components/CalendarStepsForm/components/Category.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { PointProduct } from "@licklist/core/dist/DataMapper/Product/PointProductDataMapper";
 import { QuantityCheckProductInfo } from "@licklist/plugins/dist/types/Api/verifyStock";
-import { ProductCategory } from "@licklist/plugins/dist/types/context/sale/menuSteps";
+import { ProductCategory } from "../../../../../types";
 import { CategoryProductModal } from "./CategoryProductModal";
 
 export type CategoryProps = {

package/src/iframe/order-process/components/CalendarStepsForm/components/CategoryProductModal.tsx

@@ -3,10 +3,7 @@ import clsx from "clsx";
 import { Button } from "react-bootstrap";
 import { PointProduct } from "@licklist/core/dist/DataMapper/Product/PointProductDataMapper";
 import { QuantityCheckProductInfo } from "@licklist/plugins/dist/types/Api/verifyStock";
-import {
-  Product,
-  ProductCategory,
-} from "@licklist/plugins/dist/types/context/sale/menuSteps";
+import { ProductCategory, Product } from "../../../../../types";
 import { CategoryProduct } from "../../CategoryProduct";
 import Icon from "../../../../../static/Icon";
 

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

@@ -6,11 +6,8 @@ import { useIntl } from "react-intl";
 import * as Config from "@licklist/core/dist/Config";
 import HookFormService from "@licklist/plugins/dist/services/Form/HookFormService";
 import { QuantityCheckProductInfo } from "@licklist/plugins/dist/types/Api/verifyStock";
-import {
-  Product,
-  ProductCategory,
-} from "@licklist/plugins/dist/types/context/sale/menuSteps";
 import { TicketDescription } from "../../../event/ticket-description";
+import { ProductCategory, Product } from "../../../../types";
 import { ProductQuantityInput } from "./components/ProductQuantityInput";
 
 interface CategoryProductProps {

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

@@ -4,11 +4,8 @@ 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,
-} from "@licklist/plugins/dist/types/context/sale/menuSteps";
 import { NumberInput } from "../NumberInput";
+import { Product, ProductCategory } from "../../../../../../types";
 
 interface FormOrderItem {
   id: number;

package/src/iframe/order-process/components/utils/useCategoryVerification.ts

@@ -2,7 +2,7 @@ import { ProductCategory } from "@licklist/core/dist/DataMapper/Product/ProductC
 import { Currency } from "@licklist/core/dist/Config";
 import { useIntl } from "react-intl";
 import { useTranslation } from "react-i18next";
-import { OrderItems } from "@licklist/plugins/dist/types/context/Iframe/orderItems";
+import { Order } from "src/types";
 
 interface CategoryError {
   message: string;
@@ -13,9 +13,8 @@ interface CategoryError {
 export const useCategoryVerification = () => {
   const { t } = useTranslation("Validation");
   const { formatNumber } = useIntl();
-
   return (
-    values: OrderItems,
+    values: Record<Order["id"], Order>,
     productCategories?: ProductCategory[],
     isLastPage?: boolean
   ): CategoryError | void => {

package/src/iframe/payment/payment-page/PaymentPage.tsx

@@ -49,7 +49,7 @@ export const PaymentPage = ({
   );
 
   const onCloseWindow = () => {
-    // TODO discuss redirect to site
+    // @TODO discuss redirect to site
     window.location.href = "https://booked.it/";
   };
 
@@ -101,13 +101,14 @@ export const PaymentPage = ({
   }
 
   const orderTotalAmountByFormValues = cartSumByOrderProducts(
-    bookingSummaryProps?.formValues &&
-      Object.values(bookingSummaryProps?.formValues)
+    bookingSummaryProps && bookingSummaryProps?.formValues
+      ? Object.values(bookingSummaryProps?.formValues)
+      : undefined
   );
 
   // User can fill promo code only in iframe application.
-  // It isn't possible via payment link. This check will
-  // be applied when there is no metadata and in case when
+  // It didn't possible via payment link. This check will
+  // be applied when there are no metadata and in case when
   // orderValues sum is greater than amount in order.
   const isCalculatedAmountGreaterThanOrderAmount =
     orderTotalAmountByFormValues > data?.amount;

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

@@ -1,5 +1,7 @@
+// eslint-disable-next-line max-len
 import React, { ReactNode } from "react";
 import { useTranslation } from "react-i18next";
+
 import { PaymentStatusBody } from "./component";
 import { LoaderIndicator } from "../../../static/loader/LoaderIndicator";
 import { Page, PageBody } from "../../page";
@@ -14,7 +16,7 @@ export const ORDER_STATUS_FAILED = "failed";
 export const ORDER_STATUS_SUCCESS = "success";
 export const ORDER_STATUS_PENDING = "pending";
 
-export type OrderStatus =
+export type OrderStatusPrefix =
   | typeof ORDER_STATUS_SUCCESS
   | typeof ORDER_STATUS_FAILED
   | typeof ORDER_STATUS_PENDING;
@@ -24,7 +26,7 @@ interface PaymentStatusComponentProps {
   onBack?: () => void;
   onTryAgain?: () => void;
   isLoading?: boolean;
-  status: OrderStatus;
+  status: OrderStatusPrefix;
   isAppUsingInIframe?: boolean;
   bookingSummaryProps?: BookingSummaryProps;
   EventCardComponent?: ReactNode;
@@ -34,12 +36,6 @@ interface PaymentStatusComponentProps {
   paymentMetadata?: PaymentMetadata;
 }
 
-const titles: Record<OrderStatus, string> = {
-  [ORDER_STATUS_SUCCESS]: "purchaseSuccessful",
-  [ORDER_STATUS_PENDING]: "pendingPayment",
-  [ORDER_STATUS_FAILED]: "purchaseFailed",
-};
-
 // @TODO In future think, how to reuse this component in Iframe Pending, Success and Failed Pages
 export const PaymentStatusPage = ({
   onCloseWindow,
@@ -57,10 +53,27 @@ export const PaymentStatusPage = ({
 }: PaymentStatusComponentProps) => {
   const { t } = useTranslation("Design");
 
-  if (isLoading) return <LoaderIndicator isLoaded={false} />;
+  const getTitle = () => {
+    switch (status) {
+      case ORDER_STATUS_SUCCESS:
+        return t("purchaseSuccessful");
+      case ORDER_STATUS_PENDING:
+        return t("pendingPayment");
+      default:
+        return t("purchaseFailed");
+    }
+  };
+
+  const title = getTitle();
+
+  if (isLoading) {
+    return <LoaderIndicator isLoaded={false} />;
+  }
 
   const orderTotalAmounByFormValues = cartSumByOrderProducts(
-    Object.values(bookingSummaryProps?.formValues ?? {})
+    bookingSummaryProps && bookingSummaryProps?.formValues
+      ? Object.values(bookingSummaryProps?.formValues)
+      : undefined
   );
 
   // User can fill promocode only in iframe appcliation.
@@ -75,7 +88,6 @@ export const PaymentStatusPage = ({
   return (
     <Page
       className="payment-status-page"
-      isAppUsingInIframe={isAppUsingInIframe}
       headerBlock={
         <PaymentStatusHeader
           success={status !== ORDER_STATUS_FAILED}
@@ -86,10 +98,11 @@ export const PaymentStatusPage = ({
           }
         />
       }
+      isAppUsingInIframe={isAppUsingInIframe}
     >
       <PageBody
         leftBlock={
-          <PageBody.LeftBlock title={t(titles[status])}>
+          <PageBody.LeftBlock title={title}>
             <div>
               {EventCardComponent}
               <PaymentStatusBody
@@ -155,7 +168,7 @@ export const PaymentStatusPage = ({
             {bookingSummaryProps ? (
               <BookingSummary {...bookingSummaryProps} />
             ) : (
-              <h6>{t(titles[status])}</h6>
+              <h6>{title}</h6>
             )}
           </PageBody.RightBlock>
         }

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

@@ -3,12 +3,12 @@ import { useTranslation } from "react-i18next";
 import {
   ORDER_STATUS_PENDING,
   ORDER_STATUS_SUCCESS,
-  OrderStatus,
+  OrderStatusPrefix,
 } from "../PaymentStatusPage";
 import { StatusBody } from "../../status-body/StatusBody";
 
 interface PaymentStatusBodyProps {
-  status: OrderStatus;
+  status: OrderStatusPrefix;
   onBack: () => void;
   onTryAgain?: () => void;
   email?: string;

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

@@ -126,8 +126,7 @@ export const DateAndRecurrenceInput = ({
       }
     }
 
-    const availableTime =
-      availableTimesFormRef?.current?.getValues()?.availableTimes || null;
+    const availableTime = availableTimesFormRef?.current?.getValues()?.availableTimes || null;
 
     const values = {
       rrule: next.rrule,

package/src/report/index.ts

@@ -1,5 +1,2 @@
 export * from "./card";
 export * from "./form";
-export * from "./ReportTypeSelect";
-export * from "./DataFieldsSelector";
-export * from "./ReportRunnerModal";

package/src/sales/manual-booking/number-input-horizontal/NumberInputHorizontal.tsx

@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import React, { SyntheticEvent, forwardRef } from "react";
+import React, { forwardRef } from "react";
 import { FormControl } from "react-bootstrap";
 import { useTranslation } from "react-i18next";
 import { Icon } from "../../../static";
@@ -13,15 +13,12 @@ interface NumberInputHorizontalProps {
   onChange: (value: number) => void;
   onPlusClick: (value: number) => void;
   onMinusClick: (value: number) => void;
-  onSelect?: (e: SyntheticEvent) => void;
-  step?: number;
   min?: number;
   max?: number;
   size?: Sizes;
   defaultValue?: number;
   hasCurrency?: boolean;
   isLoading?: boolean;
-  shouldHideButtons?: boolean;
 }
 
 export const NumberInputHorizontal = forwardRef<
@@ -31,16 +28,13 @@ export const NumberInputHorizontal = forwardRef<
   (
     {
       disabled = false,
-      shouldHideButtons,
       className = "",
       value,
-      step,
       size = "small",
       hasCurrency,
       onChange,
       onPlusClick,
       onMinusClick,
-      onSelect,
       min,
       max,
       defaultValue,
@@ -60,12 +54,7 @@ export const NumberInputHorizontal = forwardRef<
       }
     };
 
-    const onClick = (e) => {
-      if (onSelect) {
-        onSelect(e);
-      }
-      e.target.select();
-    };
+    const onClick = (e) => e.target.select();
 
     const handleArrowDownClick = () => {
       if (min !== undefined && value > min) {
@@ -90,7 +79,7 @@ export const NumberInputHorizontal = forwardRef<
             "licklist-number-input-horizontal__btn-minus",
             hasBigSize ? "big-sizes-btn" : "small-sizes-btn",
           ].join(" ")}
-          disabled={disabled || shouldHideButtons}
+          disabled={disabled}
         >
           <Icon
             type="minus"
@@ -109,14 +98,11 @@ export const NumberInputHorizontal = forwardRef<
             ref={ref}
             onClick={onClick}
             type={disabled && hasBigSize ? "text" : "number"}
-            className={clsx(
-              hasBigSize ? "big-sizes-input" : "small-sizes-input"
-            )}
+            className={hasBigSize ? "big-sizes-input" : "small-sizes-input"}
             onChange={(e) => onChange(Number(e.target.value))}
             value={disabled && hasBigSize && !isLoading ? soldOut : value}
             min={min}
             max={max}
-            step={step}
             defaultValue={defaultValue}
             disabled={disabled}
           />
@@ -128,7 +114,7 @@ export const NumberInputHorizontal = forwardRef<
             "licklist-number-input-horizontal__btn-plus",
             hasBigSize ? "big-sizes-btn" : "small-sizes-btn",
           ].join(" ")}
-          disabled={disabled || shouldHideButtons}
+          disabled={disabled}
         >
           <Icon
             type="plus"

package/src/static/switch/BooleanSwitch.tsx

@@ -8,8 +8,6 @@ export interface BooleanSwitchProps {
   value?: boolean;
   disabled?: boolean;
   onChange: (value: boolean) => void;
-  firstValueTitle?: string;
-  secondValueTitle?: string;
 }
 
 export function BooleanSwitch({
@@ -17,14 +15,12 @@ export function BooleanSwitch({
   value,
   disabled,
   onChange,
-  firstValueTitle,
-  secondValueTitle,
 }: BooleanSwitchProps) {
   const { t } = useTranslation("Design");
 
   const options: SelectItem[] = [
-    { id: 1, value: firstValueTitle ??  t("yes") },
-    { id: 0, value: secondValueTitle ?? t("no") },
+    { id: 1, value: t("yes") },
+    { id: 0, value: t("no") },
   ];
 
   const handleChange = useCallback(

package/src/styles/date-time-button/DateTimeButton.scss

@@ -31,6 +31,10 @@
     font-size: 0.7rem;
   }
 
+  &.today:first-of-type {
+    min-width: 7.5rem;
+  }
+
   &.disabled {
     border: 2px solid $snippet-calendar-disabled-button-border-color;
     background-color: $snippet-calendar-disabled-button-background-color;

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

@@ -131,12 +131,6 @@
         font-weight: 500;
       }
 
-      .categories {
-        &:not(:last-child) {
-          border-bottom: 2px solid $separator-color;
-        }
-      }
-
       .products {
         margin-top: 0.5rem;
 
@@ -150,6 +144,10 @@
               margin-bottom: 0.5rem;
             }
           }
+
+          &:not(:last-child) {
+            border-bottom: 2px solid $separator-color;
+          }
         }
 
         &:not(:last-child) {

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

@@ -60,9 +60,9 @@
 
     .left-block-container {
       height: calc(100svh - 12rem);
-      overflow-y: auto;
-      overflow-x: hidden;
-      scrollbar-width: thin;
+      scrollbar-width: none;
+      overflow: scroll;
+
       .iframe-event-card {
         border-bottom: 2px solid $separator-color;
       }

package/src/styles/report/_index.scss

@@ -1,3 +1 @@
-@import "./ReportCard.scss";
-@import "./ReportRunnerModal.scss";
-@import "./ReportEditorModal.scss";
+@import "./ReportCard.scss";

package/src/styles/sales/BookingFilter.scss

@@ -164,12 +164,10 @@
 
     @include media-breakpoint-down(md) {
       flex-wrap: wrap;
-
       .date-container {
         width: 100%;
         flex: 1;
       }
-
       .btn-primary {
         margin-top: 1rem;
       }
@@ -232,4 +230,4 @@
       }
     }
   }
-}
+}

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/src/styles/sales/ManualBooking.scss

@@ -291,7 +291,10 @@
     width: 7rem;
     height: 2.6rem;
   }
-
+  .small-sizes-input:disabled {
+    border: none;
+    background-color: white !important;
+  }
   .big-sizes-input {
     height: 3.75rem;
     font-size: 1.7rem;

package/src/styles/static/Switch.scss

@@ -27,7 +27,6 @@ $btn-switch-option-padding-y: calc(#{$btn-padding-y} - #{sp(1)}) !default;
       border-radius: $btn-switch-option-border-radius;
       margin: 0;
       padding: $btn-switch-option-padding-y $btn-switch-option-padding-x;
-      min-width: 4.25rem;
 
       &:hover,
       &:active,

package/src/table/TableHelperComponent.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/ban-types */
-import React, { SetStateAction, useEffect, useState } from "react";
+import React, { useEffect, useState } from "react";
 import { Col, Row, Table } from "react-bootstrap";
 import { useLocation } from "react-router-dom";
 import { isEqual } from "lodash";
@@ -30,7 +30,6 @@ export interface TableHelperComponentProps {
   displayShowingSection?: boolean;
   externalFilters?: { [key: string]: any };
   initialOptions?: Partial<ITableProps>;
-  filteredOrdersOptions?: (value: SetStateAction<ITableProps>) => void;
 }
 
 // @TODO Refactor? component to get less complexity
@@ -63,7 +62,6 @@ function TableHelperComponent(props: TableHelperComponentProps) {
     displayShowingSection = true,
     externalFilters = {},
     initialOptions = {},
-    filteredOrdersOptions,
   } = props;
 
   const query = useQuery();
@@ -99,9 +97,8 @@ function TableHelperComponent(props: TableHelperComponentProps) {
   useEffect(
     () => {
       if (
-        (isEqual(optionsCache, options) &&
-          isEqual(cachedExtFilters, externalFilters)) ||
-        !!filteredOrdersOptions
+        isEqual(optionsCache, options) &&
+        isEqual(cachedExtFilters, externalFilters)
       )
         return;
 
@@ -169,12 +166,6 @@ function TableHelperComponent(props: TableHelperComponentProps) {
   };
 
   const onPerPageChange = (nextPerPage: number) => {
-    if (filteredOrdersOptions) {
-      filteredOrdersOptions((prevOptions) => ({
-        ...prevOptions,
-        page: nextPerPage,
-      }));
-    }
     setOptions((prevOptions) => ({
       ...prevOptions,
       perPage: nextPerPage,
@@ -182,12 +173,6 @@ function TableHelperComponent(props: TableHelperComponentProps) {
   };
 
   const onPageChange = (nextPage: number) => {
-    if (filteredOrdersOptions) {
-      filteredOrdersOptions((prevOptions) => ({
-        ...prevOptions,
-        page: nextPage,
-      }));
-    }
     setOptions((prevOptions) => ({
       ...prevOptions,
       page: nextPage,

package/src/types/iframe.ts

@@ -1,5 +1,61 @@
-import { OrderItems } from "@licklist/plugins/dist/types/context/Iframe/orderItems";
+import { Product as CoreProduct } from "@licklist/core/dist/DataMapper/Product/ProductDataMapper";
+import { Zone } from "@licklist/core/dist/DataMapper/Provider/ZoneDataMapper";
+
+export interface Product {
+  id: number;
+  name: string;
+  description: string;
+  deposit: number;
+  price: number;
+  minSub?: number;
+  minAmount?: number;
+  maxAmount?: number;
+  minSpend?: number | null;
+  isSoldOut?: boolean;
+  isRequired?: boolean;
+  isUnlimited?: boolean;
+  images: CoreProduct["images"];
+  capacity?: number | null;
+  uuid: string;
+}
+
+export interface ProductCategory {
+  id: number;
+  name: string;
+  allowDeposits?: boolean;
+  remainderExpireAfter?: number | null;
+  minSubItems: number | null;
+  maxSubItems: number | null;
+  products?: Product[];
+  zone?: Zone | null;
+}
+
+export interface MenuStep {
+  id: number;
+  name: string;
+  productCategories?: ProductCategory[];
+}
+
+export interface Menu {
+  id: number;
+  menuSteps: MenuStep[];
+}
+
+// TODO similar type exists in iframe app
+// remove this when components are moved to iframe
+export interface Order {
+  id: number;
+  quantity: number;
+  price: number;
+  name: string;
+  productsCategoryId: number;
+  deposit?: number | null;
+}
 
 export type SetOrderFn = (
-  val: OrderItems | ((prevVar: OrderItems) => OrderItems)
+  val:
+    | Record<number, Order>
+    | ((prevVar: Record<number, Order>) => Record<number, Order>)
 ) => void;
+
+export type WizardFormValues = { [key: string]: any };

package/dist/assets/dashboard/info.svg

@@ -1,8 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
-    xmlns="http://www.w3.org/2000/svg">
-    <g id="Info icon">
-        <circle id="Oval" cx="10" cy="6" r="1.25" fill="#0E8CE2"/>
-        <rect id="Rectangle" x="9" y="8" width="2" height="7" fill="#0E8CE2"/>
-        <circle id="Oval_2" cx="10" cy="10" r="9" stroke="#0E8CE2" stroke-width="2"/>
-    </g>
-</svg>

package/dist/assets/dashboard/info.svg.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,r,n,c=require("react");(e=c)&&"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 c.createElement("svg",l({width:20,height:20,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t||(t=c.createElement("circle",{cx:10,cy:6,r:1.25,fill:"#0E8CE2"})),r||(r=c.createElement("path",{fill:"#0E8CE2",d:"M9 8h2v7H9z"})),n||(n=c.createElement("circle",{cx:10,cy:10,r:9,stroke:"#0E8CE2",strokeWidth:2})))};

package/dist/iframe/order-process/components/BookingSummary/components/ProductSummary/ProductSummary.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { OrderItem } from "@licklist/plugins/dist/types/context/Iframe/orderItems";
-type ProductSummaryProps = {
-    name?: string;
-    productQuantityError?: string;
-    orderProduct: OrderItem;
-};
-export declare const ProductSummary: ({ name, productQuantityError, orderProduct, }: ProductSummaryProps) => JSX.Element;
-export {};
-//# sourceMappingURL=ProductSummary.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ProductSummary.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/BookingSummary/components/ProductSummary/ProductSummary.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,wDAAwD,CAAC;AAEnF,KAAK,mBAAmB,GAAG;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,YAAY,EAAE,SAAS,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,cAAc,kDAIxB,mBAAmB,gBA0BrB,CAAC"}

package/dist/iframe/order-process/components/BookingSummary/components/ProductSummary/ProductSummary.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,a=require("@licklist/core/dist/Config"),n=require("react-i18next"),l=require("react-intl");exports.ProductSummary=function(e){var t=e.name,c=e.productQuantityError,u=e.orderProduct,i=n.useTranslation("Design").t,s=(0,l.useIntl().formatNumber)(((null==u?void 0:u.deposit)||(null==u?void 0:u.price)||0)*(null==u?void 0:u.quantity),{style:"currency",currency:a.Currency.GBP});return r.createElement("div",{className:"product"},r.createElement("p",{className:"m-0 name"},null!=t?t:null==u?void 0:u.name),r.createElement("div",{className:"d-flex justify-content-between"},r.createElement("p",{className:"m-0"},i("shortQuantity"),": ",null==u?void 0:u.quantity),r.createElement("p",{className:"price"},s)),c&&r.createElement("p",{className:"iframe-event__message-error"},c))};

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/BookingSummary/components/ProductSummary/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/report/DataFieldsSelector/DataFieldsSelector.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-type ReportField = {
-    id: number;
-    key: string;
-    title: string;
-};
-interface DataFieldsSelectorType {
-    reportFields: ReportField[];
-    isLoading?: boolean;
-}
-export declare const DataFieldsSelector: ({ reportFields, isLoading, }: DataFieldsSelectorType) => JSX.Element;
-export {};
-//# sourceMappingURL=DataFieldsSelector.d.ts.map

package/dist/report/DataFieldsSelector/DataFieldsSelector.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataFieldsSelector.d.ts","sourceRoot":"","sources":["../../../src/report/DataFieldsSelector/DataFieldsSelector.tsx"],"names":[],"mappings":";AAQA,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,UAAU,sBAAsB;IAC9B,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,iCAG5B,sBAAsB,gBAkExB,CAAC"}

package/dist/report/DataFieldsSelector/DataFieldsSelector.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,l=require("../../static/loader/LoaderIndicator.js"),a=require("react-i18next"),n=require("react-bootstrap"),o=require("react-hook-form"),u=require("@react-aria/utils"),c=require("lodash"),i=function(e){var r=e.onChange,l=e.value,a=e.label,o=e.checked,c=u.useId();return t.createElement(n.Form.Group,{controlId:c,className:"custom-checkbox"},t.createElement(n.Form.Check,{label:a,value:l,onChange:r,checked:o,custom:!0}))};exports.DataFieldsSelector=function(e){var r,u,d=e.reportFields,s=e.isLoading,m=a.useTranslation(["App","Design"]).t,v=o.useFormContext(),f=v.control,p=v.formState.errors;return t.createElement(t.Fragment,null,s&&t.createElement("div",{className:"report-fields-loader"},t.createElement(l.LoaderIndicator,null)),!s&&t.createElement(t.Fragment,null,t.createElement(n.Form.Label,{className:"mt-4"},m("dataFields")),t.createElement(n.Row,null,t.createElement(o.Controller,{name:"reportFieldValues","data-testid":"report-field-values-select",control:f,rules:{validate:function(e){return e.length>0||m("dataFieldRequired")}},render:function(e){var r=e.field,l=function(e){r.onChange(c.xor(r.value,[Number(e.target.value)]))};return t.createElement(t.Fragment,null,null==d?void 0:d.map((function(e){return t.createElement(n.Col,{key:e.id,lg:6},t.createElement(i,{value:e.id,onChange:l,label:e.title,checked:r.value.includes(e.id)}))})))}})),(null===(r=p.reportFieldValues)||void 0===r?void 0:r.message)&&t.createElement(n.Row,null,t.createElement(n.Col,null,t.createElement("div",{className:"invalid-feedback field-values-error"},null===(u=p.reportFieldValues)||void 0===u?void 0:u.message)))))};

package/dist/report/DataFieldsSelector/index.d.ts

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

package/dist/report/DataFieldsSelector/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/report/DataFieldsSelector/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}