@licklist/design 0.44.486-dev.4 → 0.44.486-dev.41

package/dist/iframe/event/event-calendar/index.d.ts

@@ -1,4 +0,0 @@
-export { EventCalendar } from "./EventCalendar";
-export { CalendarSelect } from "./components/CalendarSelect";
-export type { CalendarSelectProps, CalendarSelectOption, } from "./components/CalendarSelect";
-//# sourceMappingURL=index.d.ts.map

package/dist/iframe/event/event-calendar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/iframe/event/event-calendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,YAAY,EACV,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,6BAA6B,CAAC"}

package/dist/iframe/event/event-calendar/types/index.d.ts

@@ -1,6 +0,0 @@
-import { DateTime } from "luxon";
-export type CalendarBaseProps = {
-    disabledDates?: DateTime[];
-    isLoading?: boolean;
-};
-//# sourceMappingURL=index.d.ts.map

package/dist/iframe/event/event-calendar/types/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/event/event-calendar/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,aAAa,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}

package/dist/iframe/event/event-calendar/utils/index.d.ts

@@ -1,3 +0,0 @@
-import { DateTime } from "luxon";
-export declare const isSelectedDateDisabled: (selectedDate: DateTime, disabledDates?: DateTime[]) => boolean;
-//# sourceMappingURL=index.d.ts.map

package/dist/iframe/event/event-calendar/utils/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/event/event-calendar/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,eAAO,MAAM,sBAAsB,iBACnB,QAAQ,kBACP,QAAQ,EAAE,YAK1B,CAAC"}

package/dist/iframe/event/event-calendar/utils/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=(e=require("lodash/isEqual"))&&"object"==typeof e&&"default"in e?e.default:e;exports.isSelectedDateDisabled=function(e,o){return void 0===o&&(o=[]),!!o.find((function(o){return t(o.toObject(),e.toObject())}))};

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

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

package/src/iframe/activity-cards/activity-card/ActivityCard.tsx

@@ -1,38 +0,0 @@
-import React, { ReactNode } from "react";
-import clsx from "clsx";
-import { Image } from "@licklist/core/dist/DataMapper/Media/ImageDataMapper";
-
-export interface ActivityCardProps {
-  title: ReactNode;
-  duration: ReactNode;
-  price: ReactNode;
-  image?: Image | null;
-  onSelect: () => void;
-  isSelected: boolean;
-}
-
-export const ActivityCard = ({
-  title,
-  duration,
-  price,
-  image,
-  onSelect,
-  isSelected,
-}: ActivityCardProps) => {
-  return (
-    <button
-      type="button"
-      className={clsx("activity-card", isSelected && "active")}
-      onClick={onSelect}
-    >
-      {image && <img className="activity-card-image" alt="" src={image.url} />}
-      <div className={clsx("d-flex", "flex-column", !image && "no-image")}>
-        <div className="activity-card-title">{title}</div>
-
-        {duration && <div>{duration}</div>}
-
-        {price && <div>{price}</div>}
-      </div>
-    </button>
-  );
-};

package/src/iframe/activity-cards/index.ts

@@ -1,2 +0,0 @@
-export * from "./list-activity-card/ListActivityCard";
-export * from "./activity-card/ActivityCard";

package/src/iframe/activity-cards/list-activity-card/ListActivityCard.stories.tsx

@@ -1,52 +0,0 @@
-import React from "react";
-import { Meta, Story } from "@storybook/react";
-import { ListActivityCardProps, ListActivityCard } from "./ListActivityCard";
-
-export default {
-  title: "Iframe/ListActivityCard",
-  component: ListActivityCard,
-} as Meta;
-
-export const Default: Story<ListActivityCardProps> = (props) => {
-  return <ListActivityCard {...props} />;
-};
-
-Default.args = {
-  title: "Clay Pigeons & Axe Thowing",
-  duration: "60 mins",
-  price: "from £20",
-  image: {
-    hash: "0b37b130e22aa2d3",
-    id: 195,
-    imageType: "cover",
-    imageableId: 25,
-    imageableType: "zone",
-    path: "images/original/000/000/000/000/195-0b37b130e22aa2d3.jpeg",
-    // eslint-disable-next-line max-len
-    url: "https://cdn.lickli.st/doNktZRze1yuz3Uo2OPrLSvXVtUcdUsF/images/original/000/000/000/000/195-0b37b130e22aa2d3.jpeg",
-  },
-  onSelect: () => null,
-  isSelected: false,
-};
-
-export const Selected: Story<ListActivityCardProps> = (props) => {
-  return <ListActivityCard {...props} />;
-};
-
-Selected.args = {
-  title: "Clay Pigeons & Axe Thowing",
-  duration: "60 mins",
-  price: "from £20",
-  image: {
-    hash: "0b37b130e22aa2d3",
-    id: 195,
-    imageType: "cover",
-    imageableId: 25,
-    imageableType: "zone",
-    path: "images/original/000/000/000/000/195-0b37b130e22aa2d3.jpeg",
-    // eslint-disable-next-line max-len
-    url: "https://cdn.lickli.st/doNktZRze1yuz3Uo2OPrLSvXVtUcdUsF/images/original/000/000/000/000/195-0b37b130e22aa2d3.jpeg",
-  },
-  onSelect: () => null,
-  isSelected: true,
-};

package/src/iframe/activity-cards/list-activity-card/ListActivityCard.tsx

@@ -1,49 +0,0 @@
-import React from "react";
-import clsx from "clsx";
-import { Image } from "@licklist/core/dist/DataMapper/Media/ImageDataMapper";
-
-export interface ListActivityCardProps {
-  title: string;
-  duration: string;
-  price: string;
-  image?: Image | null;
-  onSelect: () => void;
-  isSelected: boolean;
-}
-
-export const ListActivityCard = ({
-  title,
-  duration,
-  price,
-  image,
-  onSelect,
-  isSelected,
-}: ListActivityCardProps) => {
-  return (
-    <div role="button" onClick={onSelect} onKeyPress={onSelect} tabIndex={0}>
-      <div
-        className={clsx("list-activity-card", {
-          active: isSelected,
-        })}
-      >
-        <div className="description">
-          <div className="title">{title}</div>
-          {duration && (
-            <div>
-              <p>{duration}</p>
-            </div>
-          )}
-
-          {price && <div>{price}</div>}
-        </div>
-
-        {image && (
-          <div className="image-container">
-            <img className="image" src={image.url} alt="" />
-          </div>
-        )}
-      </div>
-      <hr className="list-activity-card-hr" />
-    </div>
-  );
-};

package/src/iframe/event/event-calendar/EventCalendar.stories.tsx

@@ -1,36 +0,0 @@
-import React from "react";
-import { DateTime } from "luxon";
-import { Meta, Story } from "@storybook/react";
-import {
-  EventCalendarProvider,
-  getMonthCalendarDates,
-} from "@licklist/plugins/dist/context/event/EventCalendarContext";
-import { EventCalendar, EventCalendarProps } from "./EventCalendar";
-
-export default {
-  title: "Iframe/Event/Calendar",
-  component: EventCalendar,
-} as Meta;
-
-export const Default: Story<EventCalendarProps> = (args) => {
-  return (
-    <EventCalendarProvider getCalendarDates={getMonthCalendarDates}>
-      <div style={{ backgroundColor: "white" }}>
-        <EventCalendar {...args} />
-      </div>
-    </EventCalendarProvider>
-  );
-};
-
-const now = DateTime.now().set({
-  hour: 0,
-  second: 0,
-  millisecond: 0,
-  minute: 0,
-});
-
-Default.args = {
-  disabledDates: [now.minus({ day: 2 }), now, now.plus({ day: 2 })],
-  isLoading: false,
-  fromPrice: "from £10",
-};

package/src/iframe/event/event-calendar/EventCalendar.tsx

@@ -1,27 +0,0 @@
-import React, { ReactElement } from "react";
-import { CalendarButtons } from "./components/CalendarButtons";
-import { CalendarDates } from "./components/CalendarDates";
-import { CalendarBaseProps } from "./types";
-
-export type EventCalendarProps = CalendarBaseProps & {
-  fromPrice?: string | ReactElement | null;
-};
-
-export const EventCalendar = ({
-  disabledDates = [],
-  isLoading = false,
-  fromPrice,
-}: EventCalendarProps) => {
-  return (
-    <div className="calendar-wrapper">
-      <div className="calendar">
-        <CalendarButtons disabledDates={disabledDates} isLoading={isLoading} />
-        <CalendarDates
-          disabledDates={disabledDates}
-          isLoading={isLoading}
-          fromPrice={fromPrice}
-        />
-      </div>
-    </div>
-  );
-};

package/src/iframe/event/event-calendar/components/CalendarDate/CalendarDate.tsx

@@ -1,51 +0,0 @@
-import React, { ReactElement } from "react";
-import { Button } from "react-bootstrap";
-import { DateTime } from "luxon";
-import clsx from "clsx";
-
-export type CalendarDateProps = {
-  initialDate: DateTime;
-  currentDate: DateTime;
-  selectedDate?: DateTime;
-  setSelectedDate: (date: DateTime) => void;
-  isDisabled?: boolean;
-  fromPrice?: string | ReactElement | null;
-};
-
-export const CalendarDate = ({
-  initialDate,
-  currentDate,
-  selectedDate,
-  setSelectedDate,
-  isDisabled = false,
-  fromPrice,
-}: CalendarDateProps) => {
-  const onClick = () => {
-    if (isDisabled) return;
-
-    setSelectedDate(currentDate);
-  };
-
-  const disabled = currentDate < initialDate || isDisabled;
-
-  return (
-    <Button
-      variant="link"
-      disabled={disabled}
-      className={clsx(
-        "calendar-date",
-        selectedDate?.hasSame(currentDate, "day") && "selected-date",
-        disabled && "disabled-date"
-      )}
-      onClick={onClick}
-    >
-      <div>{currentDate.day}</div>
-
-      {typeof fromPrice === "string" ? (
-        <div>{fromPrice}</div>
-      ) : (
-        <>{fromPrice}</>
-      )}
-    </Button>
-  );
-};

package/src/iframe/event/event-calendar/components/CalendarDate/index.ts

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

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

@@ -1,6 +0,0 @@
-export { EventCalendar } from "./EventCalendar";
-export { CalendarSelect } from "./components/CalendarSelect";
-export type {
-  CalendarSelectProps,
-  CalendarSelectOption,
-} from "./components/CalendarSelect";

package/src/iframe/event/event-calendar/types/index.ts

@@ -1,6 +0,0 @@
-import { DateTime } from "luxon";
-
-export type CalendarBaseProps = {
-  disabledDates?: DateTime[];
-  isLoading?: boolean;
-};

package/src/iframe/event/event-calendar/utils/index.ts

@@ -1,11 +0,0 @@
-import { DateTime } from "luxon";
-import isEqual from "lodash/isEqual";
-
-export const isSelectedDateDisabled = (
-  selectedDate: DateTime,
-  disabledDates: DateTime[] = []
-) => {
-  return !!disabledDates.find((disabledDate) =>
-    isEqual(disabledDate.toObject(), selectedDate.toObject())
-  );
-};

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

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