@licklist/design 0.44.551-dev.8 → 0.45.0-dev.0

package/src/iframe/event/event-description/EventDescription.stories.tsx

@@ -1,75 +0,0 @@
-import React from "react";
-import { Meta } from "@storybook/react";
-import { boolean } from "@storybook/addon-knobs";
-import { Image } from "@licklist/core/dist/DataMapper/Media/ImageDataMapper";
-import { EventDescription } from "./EventDescription";
-
-export default {
-  title: "Iframe/Event/EventDescription",
-  component: EventDescription,
-} as Meta;
-
-// eslint-disable-next-line max-len
-const imageSrc =
-  "https://cdn.lickli.st/ez66VVRuQDZeNQIo4Kt7u7rVyDureBv8/images/original/000/000/000/000/033-692b7ff76491a1a6.jpeg";
-
-const SHORT_DESCRIPTION = "<p>Description</p><p></p><p>Line here</p>";
-const LONG_DESCRIPTION = `On the other hand, we denounce with righteous indignation and dislike
-                          men who are so beguiled and demoralized by the charms of pleasure of
-                          the moment, so blinded by desire, that they cannot foresee the pain
-                          and trouble that are bound to ensue; and equal blame belongs to those
-                          who fail in their duty through weakness of will, which is the same as
-                          saying through shrinking from toil and pain. These cases are perfectly
-                          simple and easy to distinguish. In a free hour, when our power of
-                          choice is untrammelled and when nothing prevents our being able to do
-                          what we like best, every pleasure is to be welcomed and every pain
-                          avoided. But in certain circumstances and owing to the claims of duty
-                          or the obligations of business it will frequently occur that pleasures
-                          have to be repudiated and annoyances accepted. The wise man therefore
-                          always holds in these matters to this principle of selection: he
-                          rejects pleasures to secure other greater pleasures, or else he
-                          endures pains to avoid worse pains.
-                          `;
-
-export function Default() {
-  const shortDescription = boolean("shortDescription", true);
-
-  const onNextStep = () => {
-    console.log("onNextStep");
-  };
-
-  return (
-    <div>
-      <EventDescription
-        description={shortDescription ? SHORT_DESCRIPTION : LONG_DESCRIPTION}
-        title="Glitterbomb Bucks / Baga Chipz"
-        date="12/1/2023"
-        eventImages={[
-          {
-            hash: "1b2cf52f814b92d9",
-            id: 1,
-            imageType: "image",
-            imageableId: 2,
-            imageableType: "imageable_type",
-            path: imageSrc,
-            url: imageSrc,
-          } as Image,
-        ]}
-        providerImages={[
-          {
-            hash: "1b2cf52f814b92d9",
-            id: 1,
-            imageType: "image",
-            imageableId: 2,
-            imageableType: "imageable_type",
-            path: imageSrc,
-            url: imageSrc,
-          } as Image,
-        ]}
-        providerName="Baga Chipz studio"
-        onNextStep={onNextStep}
-        onPrevStep={() => {}}
-      />
-    </div>
-  );
-}

package/src/iframe/event/event-description/EventDescription.tsx

@@ -1,111 +0,0 @@
-import React, { CSSProperties, useState } from "react";
-import { useTranslation } from "react-i18next";
-import clsx from "clsx";
-import { Image as ImageType } from "@licklist/core/dist/DataMapper/Media/ImageDataMapper";
-import MediaService from "@licklist/plugins/dist/services/Media/MediaService";
-import { TextExpand } from "../../../static";
-import { TipTapEditor } from "../../../tiptap-editor/TipTapEditor";
-import { NavigationFooter } from "../../order-process/components/NavigationFooter";
-
-const DESCRIPTION_MAX_LENGTH = 120;
-
-export interface EventDescriptionProps {
-  title: string;
-  date: string;
-  description: string;
-  providerName?: string;
-  eventImages?: ImageType[] | null;
-  providerImages?: ImageType[] | null;
-  onNextStep: () => void;
-  onPrevStep: () => void;
-}
-
-export function EventDescription({
-  title,
-  description,
-  date,
-  onNextStep,
-  onPrevStep,
-  eventImages,
-  providerImages,
-  providerName,
-}: EventDescriptionProps) {
-  const { t } = useTranslation("Design");
-
-  const [isDescriptionExpanded, setIsDescriptionExpanded] = useState(false);
-
-  const longDescription = description.length > DESCRIPTION_MAX_LENGTH;
-
-  const minDescriptionHeight = longDescription ? "8rem" : "100%";
-
-  const descriptionWrapperStyle = {
-    "--description-wrapper-height": isDescriptionExpanded
-      ? "inherit"
-      : minDescriptionHeight,
-  } as CSSProperties;
-
-  const eventImageSrc = MediaService.getImageSrc(eventImages);
-  const providerImageSrc = MediaService.getImageSrc(providerImages);
-
-  return (
-    <>
-      <div className="iframe-event pb-5 event-description">
-        <div className="iframe-event__header pb-5">
-          <div
-            className={clsx("event-image-wrapper", !eventImageSrc && "empty")}
-            style={
-              eventImageSrc
-                ? { backgroundImage: `url("${eventImageSrc}")` }
-                : {}
-            }
-          />
-
-          <div className="d-flex flex-column pl-5 pr-5">
-            <h1 className="mt-2 iframe-event__title">{title}</h1>
-            <h6 className="mt-3">{date}</h6>
-          </div>
-        </div>
-        <div className="iframe-event__provider p-5">
-          <div className="d-flex align-items-center justify-content-center flex-column">
-            <div
-              className="provider-image-wrapper"
-              style={
-                providerImageSrc
-                  ? { backgroundImage: `url("${providerImageSrc}")` }
-                  : {}
-              }
-            />
-            <h3 className="mt-2 iframe-event__title">{providerName}</h3>
-          </div>
-        </div>
-        {!!description && (
-          <div
-            className={clsx(
-              "iframe-event__description-wrapper p-5",
-              longDescription && "mb-5",
-              !longDescription && "short-description"
-            )}
-            style={descriptionWrapperStyle}
-          >
-            {description.length > DESCRIPTION_MAX_LENGTH ? (
-              <TextExpand
-                className="iframe-event__description"
-                isExpanded={isDescriptionExpanded}
-                setIsExpanded={setIsDescriptionExpanded}
-              >
-                <TipTapEditor viewMode disabled content={description} />
-              </TextExpand>
-            ) : (
-              <TipTapEditor viewMode disabled content={description} />
-            )}
-          </div>
-        )}
-      </div>
-      <NavigationFooter
-        onPrevStep={onPrevStep}
-        onNextStep={onNextStep}
-        nextButtonLabel={t("bookNow")}
-      />
-    </>
-  );
-}

package/src/iframe/event/event-description/index.ts

@@ -1 +0,0 @@
-export { EventDescription } from "./EventDescription";

package/src/iframe/event/event-navigation-footer/EventNavigationFooter.stories.tsx

@@ -1,12 +0,0 @@
-import { Meta } from "@storybook/react";
-import React from "react";
-import { EventNavigationFooter } from "./EventNavigationFooter";
-
-export default {
-  title: "Iframe/Event/Footer",
-  component: EventNavigationFooter,
-} as Meta;
-
-export function Default() {
-  return <EventNavigationFooter amount={3} activeElement={3} />;
-}

package/src/iframe/event/event-navigation-footer/EventNavigationFooter.tsx

@@ -1,98 +0,0 @@
-import React from "react";
-import { useTranslation } from "react-i18next";
-import Button from "react-bootstrap/Button";
-import RouteService from "@licklist/plugins/dist/services/Route/RouteService";
-import Icon from "../../../static/Icon";
-
-interface PaginationDotsProps {
-  amount: number;
-  activeElement: number;
-}
-
-interface EventNavigationFooterProps {
-  amount: number;
-  activeElement: number;
-  onPrevClick: () => void;
-  onNextClick: () => void;
-  isBuyNowDisabled?: boolean;
-  onPrevStep?: () => void;
-  // @TODO: remove this
-  onSubmit?: () => void;
-}
-
-export function EventNavigationFooter({
-  amount,
-  activeElement,
-  onPrevClick,
-  onNextClick,
-  isBuyNowDisabled = false,
-  onSubmit,
-  onPrevStep,
-}: EventNavigationFooterProps) {
-  const { t } = useTranslation("Design");
-
-  // @TODO remove and adjust components that uses old interface
-  // used onSubmit for old cases
-  const submitButtonProps = onSubmit ? { onSubmit } : { type: "submit" };
-
-  const onPrevButtonClick = () => {
-    if (activeElement === 1) {
-      if (onPrevStep) {
-        onPrevStep();
-      } else {
-        RouteService.goBack();
-      }
-
-      return;
-    }
-
-    onPrevClick();
-  };
-
-  return (
-    <>
-      <Button
-        className="event-fixed-footer__prev-btn m-0"
-        onClick={onPrevButtonClick}
-      >
-        <Icon type="arrow-left" width="1rem" />
-      </Button>
-      {amount > 1 && (
-        <PaginationDots amount={amount} activeElement={activeElement} />
-      )}
-
-      {activeElement === amount ? (
-        <Button
-          className="m-0"
-          disabled={isBuyNowDisabled}
-          {...submitButtonProps}
-        >
-          {t("continue")}
-          <Icon type="arrow-right" width="1rem" className="ml-2" />
-        </Button>
-      ) : (
-        <Button className="m-0" onClick={onNextClick}>
-          {t("next")} <Icon type="arrow-right" width="1rem" className="ml-2" />
-        </Button>
-      )}
-    </>
-  );
-}
-
-function PaginationDots({ amount, activeElement }: PaginationDotsProps) {
-  return (
-    <div className="pagination-dots">
-      {new Array(amount)
-        .fill("")
-        .map((_, i) => i + 1)
-        .map((key, i) => {
-          const dotClassName =
-            i === activeElement - 1
-              ? "pagination-dot pagination-dot--active"
-              : "pagination-dot";
-
-          return <div key={key} className={dotClassName} />;
-        })}
-    </div>
-  );
-}

package/src/iframe/event/event-navigation-footer/index.ts

@@ -1 +0,0 @@
-export { EventNavigationFooter } from "./EventNavigationFooter";

package/src/iframe/event/event-order-short-summary/EventOrderShortSummary.stories.tsx

@@ -1,28 +0,0 @@
-import { Meta } from "@storybook/react";
-import React from "react";
-import { EventOrderShortSummary } from "./EventOrderShortSummary";
-
-export default {
-  title: "Iframe/Event/Order Short Summary",
-  component: EventOrderShortSummary,
-} as Meta;
-
-const IMAGE =
-  "data:image/png;base64,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";
-
-export function Default() {
-  return (
-    <EventOrderShortSummary
-      data={[
-        { title: "Venue", name: "Atix Oxford", image: IMAGE },
-        { title: "When", name: "25 April 21:00" },
-        { title: "What", name: "Tables&Booths Blue corner B31  (10p)" },
-        {
-          title: "Additional Services",
-          name: "Smirnoff VIP Drink package for 5 persons",
-          quantity: 2,
-        },
-      ]}
-    />
-  );
-}

package/src/iframe/event/event-order-short-summary/EventOrderShortSummary.tsx

@@ -1,20 +0,0 @@
-import React from "react";
-import { useTranslation } from "react-i18next";
-import { Summary, SummaryDataType } from "./components/Summary";
-
-export function EventOrderShortSummary({
-  data = [],
-}: {
-  data: SummaryDataType;
-}) {
-  const { t } = useTranslation("Design");
-
-  return (
-    <div className="event-order-short-summary">
-      <h4 className="mb-4 event-order-short-summary__title">
-        {t("yourBooking")}
-      </h4>
-      <Summary data={data} />
-    </div>
-  );
-}

package/src/iframe/event/event-order-short-summary/components/Summary/Summary.tsx

@@ -1,32 +0,0 @@
-import React from "react";
-import clsx from "clsx";
-
-export type SummaryDataType = {
-  title: string;
-  name: string;
-  image?: string;
-  quantity?: number;
-}[];
-
-export const Summary = ({ data = [] }: { data: SummaryDataType }) => {
-  return (
-    <>
-      {data.map(({ name, image, quantity, title }) => {
-        const classNames = clsx("name", "mb-4", image && "align-items-center");
-
-        return (
-          <div key={name} className="summary">
-            <p className="title mb-1">{title}</p>
-            <div className={classNames}>
-              {image && <img className="image mr-3" src={image} alt={name} />}
-              {quantity && quantity > 1 && (
-                <span className="quantity mr-3">{quantity}x</span>
-              )}
-              {name}
-            </div>
-          </div>
-        );
-      })}
-    </>
-  );
-};

package/src/iframe/event/event-order-short-summary/components/Summary/index.ts

@@ -1 +0,0 @@
-export { Summary, SummaryDataType } from "./Summary";

package/src/iframe/event/event-order-short-summary/index.ts

@@ -1,2 +0,0 @@
-export { EventOrderShortSummary } from "./EventOrderShortSummary";
-export { SummaryDataType } from "./components/Summary";

package/src/iframe/event/event-order-summary/EventOrderSummary.stories.tsx

@@ -1,17 +0,0 @@
-import { Meta } from "@storybook/react";
-import React from "react";
-import { EventOrderSummary } from "./EventOrderSummary";
-
-export default {
-  title: "Iframe/Event/Order Summary",
-  component: EventOrderSummary,
-} as Meta;
-
-export function Default() {
-  return (
-    <EventOrderSummary
-      data={[{ key: "1", name: "Beavertown", quantity: 1, price: 4.6 }]}
-      tableName="Table1"
-    />
-  );
-}

package/src/iframe/event/event-order-summary/EventOrderSummary.tsx

@@ -1,32 +0,0 @@
-import React from "react";
-import { useTranslation } from "react-i18next";
-import { StaticTable, StaticTableData } from "../../../table/StaticTable";
-
-interface EventOrderSummaryProps {
-  data: StaticTableData[];
-  tableName?: string;
-}
-
-export function EventOrderSummary({ data, tableName }: EventOrderSummaryProps) {
-  const { t } = useTranslation("Design");
-
-  return (
-    <div className="event-order-summary">
-      <h1 className="event-order-summary__header mb-5">{t("tableOrder")}</h1>
-      <div className="event-order-summary__table">
-        <div className="order-label mb-2">{t("orderTo")}</div>
-        {tableName && <div className="selected-table">{tableName}</div>}
-      </div>
-      {data.length !== 0 && (
-        <StaticTable
-          columns={[
-            { key: "name", label: "What" },
-            { key: "quantity", label: "Amount" },
-            { key: "price", label: "Item price" },
-          ]}
-          data={data}
-        />
-      )}
-    </div>
-  );
-}

package/src/iframe/event/event-order-summary/index.ts

@@ -1 +0,0 @@
-export { EventOrderSummary } from "./EventOrderSummary";

package/src/iframe/event/event-product-sets/EventProductSets.stories.tsx

@@ -1,43 +0,0 @@
-import React, { useState } from "react";
-import { Meta } from "@storybook/react";
-import { EventProductSets } from "./EventProductSets";
-import { ProductSet } from "@licklist/core/dist/DataMapper/Product/ProductSetDataMapper";
-
-export default {
-  title: "Iframe/Event/Event Product Sets",
-  component: EventProductSets,
-} as Meta;
-
-export function Default() {
-  const [productSetId, setProductSetId] = useState<number>();
-  return (
-    <div className="bg-white">
-      <EventProductSets
-        productSets={[
-          {
-            id: 1,
-            name: "Test 1",
-          } as ProductSet,
-          {
-            id: 2,
-            name: "Test 2",
-          } as ProductSet,
-          {
-            id: 3,
-            name: "Test 3",
-          } as ProductSet,
-          {
-            id: 4,
-            name: "Test 4",
-          } as ProductSet,
-          {
-            id: 5,
-            name: "Test 5",
-          } as ProductSet,
-        ]}
-        selectedProductSetId={productSetId}
-        onSelectProductSet={setProductSetId}
-      />
-    </div>
-  );
-}

package/src/iframe/event/event-product-sets/EventProductSets.tsx

@@ -1,30 +0,0 @@
-import React from "react";
-import { ProductSet } from "@licklist/core/dist/DataMapper/Product/ProductSetDataMapper";
-import { EventProductSet } from "./components/EventProductSet";
-
-export type EventProductSetsProps = {
-  selectedProductSetId?: number;
-  onSelectProductSet?: (productSetId: number) => void;
-  productSets: ProductSet[];
-};
-
-export const EventProductSets = ({
-  selectedProductSetId,
-  onSelectProductSet,
-  productSets,
-}: EventProductSetsProps) => {
-  return (
-    <div className="event-product-sets">
-      {productSets.map((productSet) => {
-        return (
-          <EventProductSet
-            productSet={productSet}
-            key={productSet.id}
-            selectedProductSetId={selectedProductSetId}
-            onSelectProductSet={onSelectProductSet}
-          />
-        );
-      })}
-    </div>
-  );
-};

package/src/iframe/event/event-product-sets/components/EventProductSet.tsx

@@ -1,34 +0,0 @@
-import React from "react";
-import clsx from "clsx";
-import { ProductSet } from "@licklist/core/dist/DataMapper/Product/ProductSetDataMapper";
-
-export type EventProductSetProps = {
-  productSet: ProductSet;
-  selectedProductSetId?: number;
-  onSelectProductSet?: (productSetId: number) => void;
-};
-
-export const EventProductSet = ({
-  productSet,
-  selectedProductSetId,
-  onSelectProductSet,
-}: EventProductSetProps) => {
-  const onClick = () => {
-    onSelectProductSet(productSet.id);
-  };
-
-  return (
-    <div
-      role="button"
-      onClick={onClick}
-      onKeyPress={onClick}
-      className={clsx(
-        "event-product-set",
-        selectedProductSetId === productSet.id && "selected"
-      )}
-      tabIndex={0}
-    >
-      {productSet.name}
-    </div>
-  );
-};

package/src/iframe/event/event-product-sets/index.ts

@@ -1,2 +0,0 @@
-export { EventProductSets } from "./EventProductSets";
-export type { EventProductSetsProps } from "./EventProductSets";