@licklist/design 0.44.485-dev.90 → 0.44.485-dev.92

package/dist/sales/manual-booking/create-user/CreateUser.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("tslib"),a=require("react"),i=e(a),r=require("react-i18next"),l=e(require("@licklist/plugins/dist/context/app/hooks/useNotification")),n=require("react-bootstrap"),s=require("../../../static/Icon.js"),o=require("react-hook-form"),d=e(require("clsx")),u=require("../../../static/manual-date-picker/utils/index.js"),m=require("../../../static/manual-date-picker/ManualDatePicker.js");require("../../../static/index.js");var c=require("@licklist/plugins/dist"),v=require("../../../static/manual-date-picker/hooks/useManualDatePicker.js"),p=e(require("@licklist/plugins/dist/validation/Rules/lettersRule")),h=require("@licklist/core/dist/Config/DefaultUser");exports.CreateUser=function(e){var f,b=e.goToSearchUsers,N=e.providerId,g=r.useTranslation(["Sale","Design","App","Validation"]).t,E=l(),_=c.useDashboardUserApi(N).create,k=o.useFormContext(),y=k.formState,D=y.errors,F=y.isSubmitted,S=k.register,q=k.setValue,x=k.watch,C=k.getValues,I=x("birthdate"),V=x("firstName"),A=t.__read(v.useManualDatePicker({isRequired:!1,isSubmitted:F,fieldName:"birthdate",value:I,fieldErrors:c.HookFormService.getErrors("birthdate",D)}),2),L=A[0],R=A[1],j=R.isChoosedDateValid,U=R.fieldErrors,M=L.day,T=L.year,w=L.month;a.useEffect((function(){M&&w&&T&&j()&&q("birthdate",u.dateToSqlDate(M,w,T),{shouldValidate:!0})}),[M,w,T]);return i.createElement(i.Fragment,null,i.createElement(n.Button,{as:"button",type:"button",onClick:b,variant:"primary",className:"mb-4 mt-4 align-items-center d-flex"},g("Design:search"),i.createElement(s.default,{type:"search",height:"1.4rem",width:"1.4rem",className:"ml-3"})),i.createElement("div",{className:"input-label"},g("Design:firstName"),i.createElement("span",{className:"text-danger"},"*")),i.createElement(n.Form.Control,t.__assign({type:"text",isInvalid:!!(null==D?void 0:D.firstName)},S("firstName",{pattern:p,maxLength:255,required:!0}))),i.createElement(n.Form.Control.Feedback,{type:"invalid"},c.HookFormService.hasError(null==D?void 0:D.firstName,"required")&&g("Validation:fieldRequired",{attribute:g("Design:firstName")}),c.HookFormService.hasError(null==D?void 0:D.firstName,"pattern")&&g("Sale:fieldIsNotValid",{attribute:g("Design:firstName")})),i.createElement("div",{className:"input-label"},g("Design:lastName")),i.createElement(n.Form.Control,t.__assign({type:"text",isInvalid:!!(null==D?void 0:D.lastName)},S("lastName",{pattern:p,maxLength:255}))),i.createElement(n.Form.Control.Feedback,{type:"invalid"},(null==D?void 0:D.lastName)&&g("Sale:fieldIsNotValid",{attribute:g("Design:lastName")})),i.createElement("div",{className:"input-label"},g("Design:email")),i.createElement(n.Form.Control,t.__assign({type:"text",isInvalid:c.HookFormService.isInvalid("email",D)},S("email",{pattern:c.emailRule,maxLength:255}))),i.createElement(n.Form.Control.Feedback,{type:"invalid"},(null==D?void 0:D.email)&&g("Sale:fieldIsNotValid",{attribute:g("Design:email")})),i.createElement("div",{className:"input-label"},g("Design:phone")),i.createElement(n.Form.Control,t.__assign({type:"number"},S("phone",{pattern:c.phoneRule,maxLength:255}),{isInvalid:!!(null==D?void 0:D.phone)})),i.createElement(n.Form.Control.Feedback,{type:"invalid"},(null==D?void 0:D.phone)&&g("Sale:fieldIsNotValid",{attribute:"phone number"})),i.createElement("div",{className:"input-label"},g("Design:dayOfBirthShort")),i.createElement(n.Form.Control,t.__assign({type:"hidden"},S("birthdate",{validate:function(e){return!e||(!!c.checkIsValidBirthday(e)||"".concat(g("Sale:fieldIsNotValid",{attribute:g("App:birthday")})))}}),{isInvalid:!!D.birthdate,className:d("datetime-form-picker",I&&"date-input-with-value")})),i.createElement("div",{className:"d-flex"},i.createElement(m.ManualDatePicker,t.__assign({},L,{isRequred:!1}))),i.createElement(n.Form.Control.Feedback,{type:"invalid"},(null===(f=null==D?void 0:D.birthdate)||void 0===f?void 0:f.message)||U()),i.createElement(n.Button,{as:"button",type:"button",onClick:function(){return t.__awaiter(void 0,void 0,void 0,(function(){var e,a,i,r,l,n,s;return t.__generator(this,(function(o){switch(o.label){case 0:return e=C(),[4,_.execute({first_name:e.firstName,last_name:e.lastName,email:e.email,user_detail:{phone:e.phone,birthday:e.birthdate}})];case 1:return(a=o.sent())?(i={userId:String(a.id),firstName:a.firstName,lastName:a.lastName===h.DEFAULT_USER_LAST_NAME?null:a.lastName,email:a.email===h.DEFAULT_USER_EMAIL?null:a.email,phone:(null==a?void 0:a.userDetail)&&(null===(r=null==a?void 0:a.userDetail)||void 0===r?void 0:r.phone)?String(null===(l=null==a?void 0:a.userDetail)||void 0===l?void 0:l.phone):void 0,birthdate:(null==a?void 0:a.userDetail)&&(null===(n=a.userDetail)||void 0===n?void 0:n.birthday)?null===(s=a.userDetail)||void 0===s?void 0:s.birthday:void 0},Object.entries(i).forEach((function(e){var a=t.__read(e,2),i=a[0],r=a[1];q(i,r)})),E.success({title:g("App:success"),message:g("Notification:customerAddedSuccessfully")}),[2]):[2]}}))}))},variant:"primary",className:"mb-4",disabled:!V||(null==D?void 0:D.firstName)||(null==D?void 0:D.lastName)||(null==D?void 0:D.email)||(null==D?void 0:D.phone)||(null==D?void 0:D.birthday)||_.isLoading},g("Sale:addCustomer")))};

package/dist/sales/manual-booking/create-user/index.d.ts

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

package/dist/sales/manual-booking/create-user/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/sales/manual-booking/create-user/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/sales/manual-booking/customer-info/CustomerInfo.d.ts

@@ -1,7 +0,0 @@
-import { FC } from "react";
-type CustomerInfoProps = {
-    providerId: number | undefined;
-};
-export declare const CustomerInfo: FC<CustomerInfoProps>;
-export {};
-//# sourceMappingURL=CustomerInfo.d.ts.map

package/dist/sales/manual-booking/customer-info/CustomerInfo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomerInfo.d.ts","sourceRoot":"","sources":["../../../../src/sales/manual-booking/customer-info/CustomerInfo.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAC;AAShE,KAAK,iBAAiB,GAAG;IAAE,UAAU,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAAC;AAW5D,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA2G9C,CAAC"}

package/dist/sales/manual-booking/customer-info/CustomerInfo.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"),i=e(t),a=require("react-i18next"),o=require("react-bootstrap"),l=require("react-hook-form"),n=e(require("@licklist/plugins/dist/services/Form/HookFormService")),s=require("../../../collapsible-input-group/CollapsibleInputGroup.js"),u=require("../create-user/CreateUser.js"),c=require("../search-user/SearchUser.js"),m=["firstName","lastName","userId","birthday","phone","email"];exports.CustomerInfo=function(e){var d=e.providerId,f=a.useTranslation(["Sale","Design","Validation"]).t,v=l.useFormContext(),p=v.formState.errors,N=v.watch,h=v.clearErrors,E=v.setValue,b=v.register,q=N("firstName"),S=t.useMemo((function(){return n.hasError(null==p?void 0:p.firstName,"required")}),[null==p?void 0:p.firstName]),g=S?f("Validation:fieldRequired",{attribute:f("Sale:Customer first name")}):f("Sale:customerInfoError");t.useEffect((function(){S&&q&&q.length&&h("firstName")}),[null==p?void 0:p.firstName,q]);var I=t.useMemo((function(){return!!((null==p?void 0:p.firstName)||(null==p?void 0:p.lastName)||(null==p?void 0:p.email)||(null==p?void 0:p.phone)||(null==p?void 0:p.birthdate))}),[p.firstName,null==p?void 0:p.lastName,null==p?void 0:p.email,null==p?void 0:p.phone,null==p?void 0:p.birthdate]),C=r.__read(t.useState(!1),2),F=C[0],U=C[1],_=function(e){m.forEach((function(r){e&&r===e||E(r,void 0)}))};return b("firstName",{required:!0}),i.createElement(o.Accordion,{className:"medium-accordition accordition-customer-info"},i.createElement(s.CollapsibleInputGroup,{description:"",eventKey:"medium-accordition",label:i.createElement(i.Fragment,null,i.createElement("div",{className:"medium-accordition-header"},i.createElement("div",{className:"product-title"},f("Sale:customerInfo"))),I&&i.createElement("div",{className:"d-flex mt-3 w-100"},i.createElement("p",{className:"iframe-event__message-error mb-0"},g)))},i.createElement("div",{className:"customer-info"},F?i.createElement(i.Fragment,null,i.createElement(u.CreateUser,{goToSearchUsers:function(){U(!1),_()},providerId:d})):i.createElement(c.SearchUser,{providerId:d,handleNoFoundUsers:function(e){U(!0),_(e?"firstName":"email")}}))))};

package/dist/sales/manual-booking/customer-info/index.d.ts

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

package/dist/sales/manual-booking/customer-info/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/sales/manual-booking/customer-info/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/sales/manual-booking/final-step/FinalStep.d.ts

@@ -1,7 +0,0 @@
-import { FC } from "react";
-type FinalStepProps = {
-    providerId: number | undefined;
-};
-export declare const FinalStep: FC<FinalStepProps>;
-export {};
-//# sourceMappingURL=FinalStep.d.ts.map

package/dist/sales/manual-booking/final-step/FinalStep.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FinalStep.d.ts","sourceRoot":"","sources":["../../../../src/sales/manual-booking/final-step/FinalStep.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKlC,KAAK,cAAc,GAAG;IAAE,UAAU,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAAC;AAEzD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA8BxC,CAAC"}

package/dist/sales/manual-booking/final-step/FinalStep.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("react-i18next"),n=require("react-hook-form"),o=require("../customer-info/CustomerInfo.js");exports.FinalStep=function(e){var t=e.providerId,l=a.useTranslation("Sale").t,s=n.useFormContext().control;return r.createElement(r.Fragment,null,r.createElement("div",{className:"manual-booking-header mt-6 mt-5 border-bottom"},r.createElement("div",{className:"manual-booking-title"},l("Sale:finalSteps"))),r.createElement(o.CustomerInfo,{providerId:t}),r.createElement(n.Controller,{control:s,name:"specialNotes",render:function(e){var t=e.field,a=t.onChange,n=t.value,o=t.ref;return r.createElement("div",{className:"special-notes-container"},r.createElement("div",{className:"margin-top-2-rem input-label "},l("specialNotes")),r.createElement("textarea",{rows:3,onChange:a,ref:o,value:n,className:"special-notes"}))}}))};

package/dist/sales/manual-booking/final-step/index.d.ts

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

package/dist/sales/manual-booking/final-step/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/sales/manual-booking/final-step/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/src/sales/manual-booking/category-product/CategoryProduct.tsx

@@ -1,285 +0,0 @@
-import React, { useEffect, useMemo, useState } from "react";
-import HookFormService from "@licklist/plugins/dist/services/Form/HookFormService";
-import { useFormContext, Controller } from "react-hook-form";
-import clsx from "clsx";
-import { useTranslation } from "react-i18next";
-import { OverlayTrigger, Tooltip } from "react-bootstrap";
-import MediaService from "@licklist/plugins/dist/services/Media/MediaService";
-import { OrderProduct } from "@licklist/core/dist/DataMapper/Order/OrderProductDataMapper";
-import { QuantityCheckProductInfo } from "@licklist/plugins/dist/types/Api/verifyStock";
-import { NumberInputHorizontal } from "../number-input-horizontal";
-import { Product } from "../../../types";
-import { TipTapEditor } from "../../../tiptap-editor";
-
-interface CategoryProductProps {
-  product: Product;
-  fieldIndex: `steps.${number}.productCategories.${number}.products.${number}`;
-  productsWithErrors?: QuantityCheckProductInfo[];
-  isLoading?: boolean;
-  isEditMode?: boolean;
-  isProductSetAvailable?: boolean;
-  orderProducts?: OrderProduct[];
-}
-
-export const CategoryProduct = ({
-  product,
-  fieldIndex,
-  productsWithErrors,
-  isLoading = false,
-  isEditMode = false,
-  isProductSetAvailable = false,
-  orderProducts,
-}: CategoryProductProps) => {
-  const { t } = useTranslation(["Design", "Validation"]);
-  const { control, clearErrors, setError } = useFormContext();
-  const [isEditingPrice, setEditingPrice] = useState(false);
-  const imageSrc = product.images
-    ? MediaService.getImageSrc(product.images)
-    : null;
-
-  const currentProductMaxValue: number | undefined = useMemo(() => {
-    if (!orderProducts) return undefined;
-
-    const orderProduct = orderProducts.find(
-      (orderProduct) => orderProduct.productId === product.id
-    );
-
-    if (!orderProduct) return undefined;
-
-    return orderProduct.quantity;
-  }, [orderProducts, product.id]);
-
-  const onPriceClick = () => {
-    // disable change price when not edit mode
-    // and product isSoldOut or isLoading new data
-    if ((!isEditMode && product.isSoldOut) || isLoading) return;
-
-    setEditingPrice(true);
-  };
-
-  const productQuantityError = useMemo(() => {
-    if (!productsWithErrors) {
-      return undefined;
-    }
-
-    const error = productsWithErrors.find(
-      (productWithError) => productWithError.product_id === product.id
-    );
-
-    return error?.message;
-  }, [productsWithErrors, product.id]);
-
-  useEffect(() => {
-    if (!productQuantityError) {
-      return;
-    }
-
-    setError(`${fieldIndex}.quantity`, {
-      message: productQuantityError,
-      type: "validate",
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [productQuantityError]);
-
-  const PriceControl = ({ ref, onChange, value, invalid }) => (
-    <NumberInputHorizontal
-      ref={ref}
-      onChange={(val) => {
-        onChange(val);
-        // @TODO: change any to some type
-        clearErrors(`${fieldIndex}.price` as any);
-      }}
-      onMinusClick={() => {
-        onChange(value - 1 || 0);
-        // @TODO: change any to some type
-        clearErrors(`${fieldIndex}.price` as any);
-      }}
-      onPlusClick={() => {
-        onChange((value ?? 0) + 1);
-        // @TODO: change any to some type
-        clearErrors(`${fieldIndex}.price` as any);
-      }}
-      min={0}
-      disabled={
-        isLoading || (!isEditMode && product.isSoldOut) || !isEditingPrice
-      }
-      value={Number(value || 0)}
-      className={clsx(invalid && "error")}
-      isLoading={isLoading}
-    />
-  );
-
-  return (
-    <>
-      <Controller
-        // @TODO: change any to some type
-        name={`${fieldIndex}.price` as any}
-        control={control}
-        render={({
-          field: { onChange, value, ref },
-          fieldState: { invalid, error },
-        }) => {
-          return (
-            <>
-              <div className="medium-accordition-description-container">
-                <TipTapEditor
-                  viewMode
-                  disabled
-                  content={product.description}
-                  editorStyle={{ backgroundColor: "transparent" }}
-                />
-                {!product.isSoldOut ? (
-                  <OverlayTrigger
-                    key="status-tooltip"
-                    placement="top"
-                    overlay={
-                      <Tooltip id="tooltip-right">
-                        <span>{t("Sale:clickToEdit")}</span>
-                      </Tooltip>
-                    }
-                  >
-                    <div
-                      role="button"
-                      tabIndex={0}
-                      onClick={onPriceClick}
-                      onKeyDown={onPriceClick}
-                    >
-                      <PriceControl
-                        ref={ref}
-                        onChange={onChange}
-                        value={value}
-                        invalid={invalid}
-                      />
-                    </div>
-                  </OverlayTrigger>
-                ) : (
-                  <PriceControl
-                    ref={ref}
-                    onChange={onChange}
-                    value={value}
-                    invalid={invalid}
-                  />
-                )}
-              </div>
-              {invalid && (
-                <div className="d-flex mt-3 w-100">
-                  <p className="iframe-event__message-error">
-                    {error &&
-                      HookFormService.hasError(error, "validate") &&
-                      error?.message}
-                  </p>
-                </div>
-              )}
-            </>
-          );
-        }}
-      />
-
-      <Controller
-        control={control}
-        name={`${fieldIndex}.quantity` as string}
-        rules={{
-          validate: (value) => {
-            if (!value) return true;
-
-            const { maxAmount = 0, isUnlimited = false } = product;
-
-            // In case when we edit order and product set not
-            // available by current date we should check on
-            // max amount which equals orderProduct.quantity
-            // We should check this before all next validations
-            if (currentProductMaxValue !== undefined && isEditMode) {
-              if (isUnlimited && isProductSetAvailable) {
-                return true;
-              }
-
-              if (!isProductSetAvailable && value > currentProductMaxValue) {
-                return t("Validation:quantityMaxNumber", {
-                  max: currentProductMaxValue,
-                }) as string;
-              }
-            }
-
-            if (isUnlimited) {
-              return true;
-            }
-
-            if (value > maxAmount) {
-              return t("Validation:quantityMaxNumber", {
-                max: product.maxAmount,
-              }) as string;
-            }
-
-            return true;
-          },
-        }}
-        render={({
-          field: { onChange, value, ref },
-          fieldState: { invalid, error },
-        }) => {
-          return (
-            <div className="mb-8">
-              <div className="quantity-container">
-                <div className="number-input-horizontal-wrapper">
-                  <NumberInputHorizontal
-                    ref={ref}
-                    size="big"
-                    onChange={(val) => {
-                      onChange(val);
-                    }}
-                    onMinusClick={() => {
-                      onChange(value - 1 || 0);
-                    }}
-                    onPlusClick={() => {
-                      onChange((value ?? 0) + 1);
-                    }}
-                    min={0}
-                    disabled={
-                      isLoading ||
-                      (!isEditMode && !isProductSetAvailable) ||
-                      (product.isSoldOut && !isEditMode) ||
-                      (isEditMode &&
-                        currentProductMaxValue === undefined &&
-                        !isProductSetAvailable)
-                    }
-                    value={value || 0}
-                    className={clsx(invalid && "error")}
-                    isLoading={isLoading}
-                  />
-                </div>
-                {imageSrc && (
-                  <div
-                    className={[
-                      "image-wrapper",
-                      product.isSoldOut && "opacity-50",
-                    ].join(" ")}
-                  >
-                    <img src={imageSrc} alt={product.name} />
-                  </div>
-                )}
-              </div>
-
-              {invalid && (
-                <div className="d-flex mt-3 w-100">
-                  <p className="iframe-event__message-error">
-                    {error &&
-                      HookFormService.hasError(error, "validate") &&
-                      error?.message}
-                  </p>
-                </div>
-              )}
-
-              {!isLoading && !isProductSetAvailable && (
-                <div className="d-flex mt-3 w-100">
-                  <p className="iframe-event__message-error">
-                    {t("Design:productIsNotAvailableForSelectedDate")}
-                  </p>
-                </div>
-              )}
-            </div>
-          );
-        }}
-      />
-    </>
-  );
-};

package/src/sales/manual-booking/category-product/index.ts

@@ -1 +0,0 @@
-export * from "./CategoryProduct";

package/src/sales/manual-booking/category-products/CategoryProducts.tsx

@@ -1,69 +0,0 @@
-import React from "react";
-
-import { Accordion } from "react-bootstrap";
-import { QuantityCheckProductInfo } from "@licklist/plugins/dist/types/Api/verifyStock";
-import { OrderProduct } from "@licklist/core/dist/DataMapper/Order/OrderProductDataMapper";
-import { CollapsibleInputGroup } from "../../../collapsible-input-group";
-import { Product } from "../../../types";
-import { CategoryProduct } from "../category-product/CategoryProduct";
-
-interface CategoryProductsProps {
-  stepIndex: number;
-  categoryIndex: number;
-  products?: Product[];
-  productsWithErrors?: QuantityCheckProductInfo[];
-  isLoading?: boolean;
-  isEditMode?: boolean;
-  isProductSetAvailable?: boolean;
-  orderProducts?: OrderProduct[];
-}
-
-export const CategoryProducts = ({
-  products,
-  stepIndex,
-  categoryIndex,
-  productsWithErrors,
-  isLoading = false,
-  isEditMode = false,
-  isProductSetAvailable = false,
-  orderProducts,
-}: CategoryProductsProps) => {
-  return (
-    <>
-      {products?.map((product, index) => {
-        const fieldIndex =
-          `steps.${stepIndex}.productCategories.${categoryIndex}.products.${index}` as const;
-        return (
-          <Accordion
-            defaultActiveKey="product"
-            key={product.id}
-            className="medium-accordition"
-          >
-            <CollapsibleInputGroup
-              description=""
-              alwaysOpen
-              eventKey="product"
-              label={
-                <div className="medium-accordition-header">
-                  <div className="medium-accordition-title">
-                    {product?.name}
-                  </div>
-                </div>
-              }
-            >
-              <CategoryProduct
-                fieldIndex={fieldIndex}
-                product={product}
-                productsWithErrors={productsWithErrors}
-                isLoading={isLoading}
-                isEditMode={isEditMode}
-                isProductSetAvailable={isProductSetAvailable}
-                orderProducts={orderProducts}
-              />
-            </CollapsibleInputGroup>
-          </Accordion>
-        );
-      })}
-    </>
-  );
-};

package/src/sales/manual-booking/category-products/index.ts

@@ -1 +0,0 @@
-export * from "./CategoryProducts";

package/src/sales/manual-booking/controll/ManualBookingStepsControll.tsx

@@ -1,121 +0,0 @@
-import React, { useEffect, useState } from "react";
-import { Accordion } from "react-bootstrap";
-import { useFormContext } from "react-hook-form";
-import { useTranslation } from "react-i18next";
-import { QuantityCheckProductInfo } from "@licklist/plugins/dist/types/Api/verifyStock";
-import { OrderProduct } from "@licklist/core/dist/DataMapper/Order/OrderProductDataMapper";
-import { ErrorModal } from "../../../iframe/order-process/components/ErrorModal/ErrorModal";
-import { MenuStep } from "../../../types";
-import { CollapsibleInputGroup } from "../../../collapsible-input-group";
-import { CategoryProducts } from "../category-products/CategoryProducts";
-
-export interface ManualBookingStepsControllProps {
-  step: MenuStep;
-  stepIndex: number;
-  productsWithErrors?: QuantityCheckProductInfo[];
-  isLoading?: boolean;
-  isEditMode?: boolean;
-  isProductSetAvailable?: boolean;
-  orderProducts?: OrderProduct[];
-}
-
-export const ManualBookingStepsControll = ({
-  step,
-  stepIndex,
-  productsWithErrors,
-  isLoading = false,
-  isEditMode = false,
-  isProductSetAvailable = false,
-  orderProducts,
-}: ManualBookingStepsControllProps) => {
-  const {
-    formState: { errors },
-  } = useFormContext();
-  const { t } = useTranslation(["Design"]);
-  const stepError =
-    errors && errors?.steps ? errors?.steps[stepIndex] : undefined;
-
-  const [showProductQuatityError, setShowProductQuantityError] =
-    useState(false);
-
-  useEffect(() => {
-    if (!productsWithErrors) {
-      return;
-    }
-    setShowProductQuantityError(true);
-  }, [productsWithErrors]);
-
-  return (
-    <Accordion key={step.id} defaultActiveKey="step">
-      <ErrorModal
-        isOpen={showProductQuatityError}
-        onClose={() => setShowProductQuantityError(false)}
-        messageKey="pleaseCheckSelectedProducts"
-      />
-      <CollapsibleInputGroup
-        alwaysOpen
-        description=""
-        eventKey="step"
-        label={
-          <>
-            <div className="step-title">{step?.name}</div>
-            {stepError && (
-              <div className="d-flex mt-3 w-100">
-                <p className="iframe-event__message-error mb-0">
-                  {t("notValidStep")}
-                </p>
-              </div>
-            )}
-          </>
-        }
-      >
-        {step.productCategories.map((productCategory, categoryIndex) => {
-          const categoryError =
-            stepError && stepError?.productCategories
-              ? stepError?.productCategories[categoryIndex]
-              : undefined;
-
-          return (
-            <Accordion
-              key={productCategory.id}
-              defaultActiveKey={
-                step.productCategories.length === 1 ? "categories" : undefined
-              }
-            >
-              <CollapsibleInputGroup
-                description=""
-                eventKey="categories"
-                alwaysOpen={step.productCategories.length === 1}
-                label={
-                  <>
-                    <div className="category-title">
-                      {productCategory?.name}
-                    </div>
-                    {categoryError && (
-                      <div className="d-flex mt-3 w-100">
-                        <p className="iframe-event__message-error mb-0">
-                          {t("notValidCategory")}
-                        </p>
-                      </div>
-                    )}
-                  </>
-                }
-              >
-                <CategoryProducts
-                  products={productCategory?.products}
-                  stepIndex={stepIndex}
-                  categoryIndex={categoryIndex}
-                  productsWithErrors={productsWithErrors}
-                  isLoading={isLoading}
-                  isEditMode={isEditMode}
-                  isProductSetAvailable={isProductSetAvailable}
-                  orderProducts={orderProducts}
-                />
-              </CollapsibleInputGroup>
-            </Accordion>
-          );
-        })}
-      </CollapsibleInputGroup>
-    </Accordion>
-  );
-};

package/src/sales/manual-booking/controll/index.ts

@@ -1 +0,0 @@
-export * from "./ManualBookingStepsControll";

package/src/sales/manual-booking/create-user/CreateUser.stories.tsx

@@ -1,27 +0,0 @@
-import React from "react";
-import { Meta } from "@storybook/react";
-import { useForm, FormProvider } from "react-hook-form";
-import { Form } from "react-bootstrap";
-import { CreateUser } from "./CreateUser";
-
-export default {
-  title: "Sales/ManualBooking/CreateUser",
-} as Meta;
-
-export const Default = (args) => {
-  const form = useForm({ mode: "onChange" });
-
-  return (
-    <FormProvider {...form}>
-      <Form>
-        <div style={{ height: "550px" }}>
-          <CreateUser {...args} />
-        </div>
-      </Form>
-    </FormProvider>
-  );
-};
-
-Default.args = {
-  goToSearchUsers: () => {},
-};