@licklist/design 0.44.551-dev.7 → 0.44.551

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/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/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/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"}

package/dist/report/ReportRunnerModal/ReportRunnerModal.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import { Report, ReportType } from "@licklist/core/dist/DataMapper/Report";
-import { HttpQuery } from "@licklist/plugins/dist/hooks/Api/useHttpQuery";
-import { CachedHttpQueryResponse } from "@licklist/plugins/dist/hooks/Api/useCachedHttpQuery";
-interface ReportField {
-    id: number;
-    key: string;
-    title: string;
-}
-type ReportRunnerModalProps = {
-    reportId: Report["id"] | null;
-    show: boolean;
-    useShowReportFields: (reportType?: ReportType) => CachedHttpQueryResponse<ReportField[], unknown>;
-    generate?: HttpQuery<Record<string, string>[] | null>;
-    download?: HttpQuery<Blob | null>;
-    onHide: () => void;
-    onEdit: () => void;
-    reports?: Report[] | null;
-};
-export declare const ReportRunnerModal: ({ reportId, show, onHide, useShowReportFields, reports, generate, download, onEdit, }: ReportRunnerModalProps) => JSX.Element;
-export {};
-//# sourceMappingURL=ReportRunnerModal.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ReportRunnerModal.d.ts","sourceRoot":"","sources":["../../../src/report/ReportRunnerModal/ReportRunnerModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAO3E,OAAO,EAAE,SAAS,EAAE,MAAM,+CAA+C,CAAC;AAC1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAC;AAG9F,UAAU,WAAW;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,mBAAmB,EAAE,CACnB,UAAU,CAAC,EAAE,UAAU,KACpB,uBAAuB,CAAC,WAAW,EAAE,EAAE,OAAO,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IAClC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;CAC3B,CAAC;AAOF,eAAO,MAAM,iBAAiB,0FAS3B,sBAAsB,gBA8IxB,CAAC"}

package/dist/report/ReportRunnerModal/ReportRunnerModal.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),a=(e=r)&&"object"==typeof e&&"default"in e?e.default:e;require("../../static/loader/LoaderIndicator.js");var n=require("../../static/loader/BlockLoader.js"),o=require("react-i18next"),i=require("react-bootstrap"),l=require("react-hook-form");require("../../static/loader/ButtonLoader.js"),require("../../static/loader/SnippetLoader.js"),require("../../static/loader/PaymentLoader.js");var d=require("lodash"),s=require("@licklist/plugins/dist/utils/report");exports.ReportRunnerModal=function(e){var r,u,c=e.reportId,m=e.show,p=e.onHide,v=e.useShowReportFields,f=e.reports,g=e.generate,E=e.download,F=e.onEdit,b=o.useTranslation(["App","Design"]).t,_=null==f?void 0:f.find((function(e){return e.id===c})),q=v(null==_?void 0:_.type),y=q.data,h=void 0===y?[]:y,w=q.isLoading,k=l.useForm({mode:"onChange"}),L=k.handleSubmit,C=k.register,I=k.formState.errors,D=k.reset,j=(0,k.watch)("dateFrom"),B=L((function(e){E.execute(t.__assign(t.__assign({},e),{reportId:c,type:null==_?void 0:_.type}))})),N=L((function(e){return t.__awaiter(void 0,void 0,void 0,(function(){var r;return t.__generator(this,(function(a){switch(a.label){case 0:return[4,g.execute(t.__assign(t.__assign({},e),{reportId:c}))];case 1:return r=a.sent(),_&&r&&!g.isError?(s.openOnlineViewer({type:_.type,dateFrom:e.dateFrom,dateTo:e.dateTo,data:r}),[2]):[2]}}))}))})),R=function(){D(),p()},T=g.isLoading||E.isLoading||w;return a.createElement(i.Modal,{show:m,onHide:R,className:"report-runner-modal",centered:!0},a.createElement("header",null,a.createElement("h5",null,b("generateReport")),a.createElement(i.Button,{variant:"","data-testid":"cancel-button",onClick:R},b("cancel"))),T&&a.createElement(n.BlockLoader,null),!T&&a.createElement("div",null,a.createElement("div",{className:"report-type-label"},d.capitalize(null==_?void 0:_.type)),a.createElement("div",null,null==_?void 0:_.name),a.createElement("div",{className:"data-fields"},null==_?void 0:_.reportFieldValues.map((function(e){var t=null==h?void 0:h.find((function(t){return t.id===e.reportFieldId}));return t?a.createElement("span",{key:e.id},t.title):null}))),a.createElement(i.Button,{className:"edit-button",type:"button",variant:"","data-testid":"edit-button",onClick:F},b("Design:edit")),a.createElement("form",{noValidate:!0},a.createElement("div",{className:"controls"},a.createElement(i.Form.Group,{controlId:"from-input"},a.createElement(i.Form.Label,null,b("Design:from")),a.createElement(i.Form.Control,t.__assign({type:"datetime-local","data-testid":"date-from-input",isInvalid:!!I.dateFrom},C("dateFrom",{required:{value:!0,message:"".concat(b("Validation:fieldRequired",{attribute:b("Design:to")}))}}))),a.createElement(i.Form.Control.Feedback,{type:"invalid"},null===(r=I.dateFrom)||void 0===r?void 0:r.message)),a.createElement(i.Form.Group,{controlId:"to-input"},a.createElement(i.Form.Label,null,b("Design:to")),a.createElement(i.Form.Control,t.__assign({type:"datetime-local","data-testid":"date-to-input",isInvalid:!!I.dateTo},C("dateTo",{required:"".concat(b("Validation:fieldRequired",{attribute:b("Design:to")})),validate:function(e){return!j||(e>j||b("toDateAfterFrom"))}}))),a.createElement(i.Form.Control.Feedback,{type:"invalid"},null===(u=I.dateTo)||void 0===u?void 0:u.message))),a.createElement("div",{className:"controls"},a.createElement(i.Button,{"data-testid":"download-button",onClick:B},b("generateDownload")),a.createElement(i.Button,{"data-testid":"view-button",onClick:N},b("generateView"))))))};

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

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

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

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

package/dist/report/ReportTypeSelect/ReportTypeSelect.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ReportTypeSelect.d.ts","sourceRoot":"","sources":["../../../src/report/ReportTypeSelect/ReportTypeSelect.tsx"],"names":[],"mappings":";AAQA,eAAO,MAAM,gBAAgB,mBA2D5B,CAAC"}

package/dist/report/ReportTypeSelect/ReportTypeSelect.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),o=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,a=require("react-i18next"),l=require("react-bootstrap"),n=require("react-hook-form"),i=require("lodash"),p=require("@licklist/core/dist/DataMapper/Report"),s=require("../../assets/dashboard/info.svg.js");exports.ReportTypeSelect=function(){var e,r=a.useTranslation(["App","Design"]).t,c=n.useFormContext(),u=c.register,m=c.formState.errors,d=c.setValue;return o.createElement(l.Row,null,o.createElement(l.Col,{lg:6,className:"mt-4"},o.createElement(l.Form.Group,{controlId:"typeSelect"},o.createElement(l.Form.Label,null,r("reportType")),o.createElement(l.Form.Control,t.__assign({as:"select","data-testid":"report-type-select",isInvalid:!!m.type},u("type",{required:{value:!0,message:"".concat(r("Validation:fieldRequired",{attribute:r("reportType")}))}}),{onChange:function(e){u("type").onChange(e),d("reportFieldValues",[])}}),p.reportTypes.map((function(e){return o.createElement("option",{key:e,value:e},i.capitalize(e))}))),o.createElement(l.Form.Control.Feedback,{type:"invalid"},null===(e=m.type)||void 0===e?void 0:e.message),o.createElement(l.OverlayTrigger,{trigger:"hover",overlay:o.createElement(l.Popover,{id:"report-type-popover"},o.createElement(l.Popover.Content,{className:"reports-popover"},r("reportTypeSelectInfo")))},o.createElement(s.ReactComponent,{className:"info-icon"})))))};

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

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

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

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

package/dist/styles/report/ReportEditorModal.scss

@@ -1,98 +0,0 @@
-.report-builder {
-  .modal-dialog {
-    @include media-breakpoint-up(sm) {
-      max-width: 45rem;
-    }
-  }
-
-  .modal-content {
-    max-width: 45rem;
-    margin: 0 auto;
-    padding: 1.25rem 1.5rem;
-
-    header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      margin-bottom: 1rem;
-      border-bottom: 2px solid #dcdcdc;
-
-      h5 {
-        margin-bottom: 0;
-        font-size: 1.125rem;
-        font-weight: 500;
-      }
-
-      button {
-        padding-top: 0.5rem;
-        padding-bottom: 0.5rem;
-        font-size: 0.875rem;
-        font-weight: 600;
-        color: #0e8ce2;
-      }
-    }
-
-    .data-fields {
-      display: flex;
-      flex-wrap: wrap;
-
-      span {
-        position: relative;
-        font-size: 0.875rem;
-        font-weight: 500;
-
-        &:after {
-          content: "|";
-          margin: 0 0.25rem;
-          color: #dcdcdc;
-        }
-
-        &:last-child:after {
-          display: none;
-        }
-      }
-    }
-
-    .edit-button {
-      padding: 0;
-      font-size: 0.875rem;
-      font-weight: 600;
-      color: #0e8ce2;
-      text-decoration: underline;
-
-      &:focus {
-        box-shadow: none;
-      }
-    }
-
-    input {
-      border-radius: 0.5rem;
-    }
-
-    form {
-      margin-top: 1.25rem;
-
-      .controls {
-        display: flex;
-        gap: 2rem;
-        align-items: flex-start;
-        flex-wrap: wrap;
-      }
-
-      .form-group {
-        flex: 1;
-      }
-
-      button[type="submit"] {
-        white-space: nowrap;
-      }
-    }
-
-    .loader {
-      height: 10rem;
-    }
-  }
-  button[type="submit"] {
-    margin-top: 1.5rem;
-  }
-}