@licklist/design 0.44.485-dev.88 → 0.44.485-dev.9

package/dist/sorting-select/SortingSelect.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { FormGroupProps } from "react-bootstrap";
-export type SortingSelectProps = {
-    formGroupProps?: FormGroupProps & Record<string, any>;
-    defaultSortKey?: string;
-    defaultSortDirection?: string;
-    onSortingChange?: (url: URLSearchParams) => void;
-};
-export declare const SortingSelect: ({ formGroupProps, defaultSortKey, defaultSortDirection, onSortingChange, }: SortingSelectProps) => JSX.Element;
-//# sourceMappingURL=SortingSelect.d.ts.map

package/dist/sorting-select/SortingSelect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SortingSelect.d.ts","sourceRoot":"","sources":["../../src/sorting-select/SortingSelect.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAQ,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAUvD,MAAM,MAAM,kBAAkB,GAAG;IAE/B,cAAc,CAAC,EAAE,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACtD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,aAAa,+EAKvB,kBAAkB,gBAqDpB,CAAC"}

package/dist/sorting-select/SortingSelect.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"),r=require("react"),o=e(r),i=require("@licklist/core/dist/Config"),n=require("react-i18next"),a=require("react-bootstrap"),s=e(require("@licklist/plugins/dist/hooks/Query/useQuery"));exports.SortingSelect=function(e){var E=e.formGroupProps,u=e.defaultSortKey,l=void 0===u?i.SORT_KEY_NAME:u,c=e.defaultSortDirection,_=void 0===c?i.SORT_DIRECTION_ASC:c,T=e.onSortingChange,S=n.useTranslation("Design").t,O=t.__read(r.useState(i.SORT_DIRECTION_ASC),2),R=O[0],C=O[1],m=s(),I=Object.fromEntries(m),p=I.sortKey,D=void 0===p?l:p,d=I.sortDirection,f=void 0===d?_:d;return r.useEffect((function(){D!==i.SORT_KEY_CREATED_AT?C(f):C(i.SORT_DIRECTION_NEWEST)}),[D,f]),o.createElement(a.Form.Group,t.__assign({className:"d-flex align-items-center p-0"},E),o.createElement(a.Form.Label,{className:"text-nowrap mr-4 mb-0"},S("App:sortBy"),":"),o.createElement(a.Form.Control,{as:"select","data-testid":"sorting-select",onChange:function(e){var t=e.target.value;C(t);var r=t===i.SORT_DIRECTION_NEWEST?i.SORT_DIRECTION_DESC:t,o=t===i.SORT_DIRECTION_NEWEST?i.SORT_KEY_CREATED_AT:D,n=new URLSearchParams(m);n.set("sortDirection",r),n.set("sortKey",o),T(n)},custom:!0,value:R},o.createElement("option",{value:i.SORT_DIRECTION_ASC},"A-Z"),o.createElement("option",{value:i.SORT_DIRECTION_DESC},"Z-A"),o.createElement("option",{value:i.SORT_DIRECTION_NEWEST},S("newestOnTop"))))};

package/dist/sorting-select/index.d.ts

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

package/dist/sorting-select/index.d.ts.map

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

package/dist/striped-static-table/StripedStaticTable.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { StaticTableProps, StaticTableData } from "../table";
-export type StripedStaticTableProps = Omit<StaticTableProps, "data"> & {
-    data: StaticTableData[][];
-};
-export declare const StripedStaticTable: ({ columns, className, data, ...props }: StripedStaticTableProps) => JSX.Element;
-//# sourceMappingURL=StripedStaticTable.d.ts.map

package/dist/striped-static-table/StripedStaticTable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StripedStaticTable.d.ts","sourceRoot":"","sources":["../../src/striped-static-table/StripedStaticTable.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAe,eAAe,EAAE,MAAM,UAAU,CAAC;AAE1E,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,GAAG;IACrE,IAAI,EAAE,eAAe,EAAE,EAAE,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,2CAK5B,uBAAuB,gBAiDzB,CAAC"}

package/dist/striped-static-table/StripedStaticTable.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),a=require("react"),r=(e=a)&&"object"==typeof e&&"default"in e?e.default:e;require("../table/MenuButton.js"),require("../table/FilterHelperComponent.js"),require("../table/PaginationHelperComponent.js"),require("../table/PerPageHelperComponent.js");var l=require("../table/StaticTable.js");require("../table/TableHelperComponent.js"),require("../table/ReactTableHelperComponent.js");exports.StripedStaticTable=function(e){var a=e.columns,n=e.className,s=void 0===n?"":n,i=e.data,o=t.__rest(e,["columns","className","data"]),c=i.map((function(e){return e.map((function(e,a,l){var n=l.length;return Object.fromEntries(Object.entries(e).map((function(e){var l=t.__read(e,2),s=l[0],i=l[1];return"key"===s?[s,i]:0===a?[s,r.createElement("div",{key:s,className:"bold header-row"},i)]:a===n-1?[s,r.createElement("div",{key:s,className:"bold"},i)]:[s,i]})))}))})).flat();return r.createElement(l.StaticTable,t.__assign({columns:a,data:c,className:"striped-static-table ".concat(s),displayHeader:!1},o))};

package/dist/striped-static-table/index.d.ts

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

package/dist/striped-static-table/index.d.ts.map

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

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

@@ -1,37 +0,0 @@
-@import "../snippet-templates/snippetVariables";
-
-.activity-card {
-  border: 2px solid transparent;
-  transition: $color-transition;
-  color: $snippet-elements-body-color;
-  border-radius: 0.5rem;
-  padding: 0.375rem;
-  min-height: 12.5rem;
-  width: 11.5rem;
-  word-wrap: break-word;
-  background-color: #fff;
-  font-size: 0.8rem;
-  color: $snippet-elements-body-color;
-
-  div {
-    text-align: left;
-  }
-
-  &.active {
-    border: 2px solid #0e8be1;
-  }
-
-  &-image {
-    width: 100%;
-    height: 6.3rem;
-    margin-bottom: 0.5rem;
-    border-radius: 0.3rem;
-  }
-
-  &-title {
-    font-weight: 600;
-    line-height: 1.25rem;
-    cursor: pointer;
-    font-size: 0.875rem;
-  }
-}

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

@@ -1,57 +0,0 @@
-@import "../snippet-templates/snippetVariables";
-
-.list-activity-card {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  cursor: pointer;
-  height: 5rem;
-  border: 2px solid transparent;
-  border: 2px solid transparent;
-  background-color: $snippet-product-set-background-color;
-  color: $snippet-product-set-font-color;
-  transition: $color-transition;
-
-  &.active {
-    border: 2px solid #0e8be1;
-  }
-
-  p {
-    margin-bottom: 0;
-  }
-
-  .description {
-    width: 70%;
-    font-size: 0.81rem;
-    display: flex;
-    flex-direction: column;
-  }
-
-  .title {
-    font-weight: 600;
-    font-size: 0.875rem;
-    line-height: 1.5rem;
-  }
-
-  .image-container {
-    display: flex;
-    justify-content: start;
-    height: 100%;
-
-    .image {
-      display: flex;
-      align-items: start;
-      width: 7rem;
-      height: 4rem;
-      margin-left: 3rem;
-      background-repeat: no-repeat;
-      background-size: cover;
-      background-position: center;
-      border-radius: 0.5rem;
-    }
-  }
-}
-
-.list-activity-card-hr {
-  margin-top: 0;
-}

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

@@ -1,84 +0,0 @@
-.date-time-button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  font-size: 0.82rem;
-  line-height: 1.3rem;
-  font-weight: 600;
-  background-color: $snippet-calendar-button-background-color;
-  border-radius: 0.4rem;
-  text-align: center;
-  border: 2px solid $snippet-calendar-button-border-color;
-  color: $snippet-calendar-button-font-color;
-  flex-grow: 1;
-  transition: $color-transition;
-  min-width: 6rem;
-  max-width: 7.25rem;
-  min-height: 3.3rem;
-  max-height: 8.375rem;
-
-  &.disabled {
-    border: 2px solid $snippet-calendar-disabled-button-border-color;
-    background-color: $snippet-calendar-disabled-button-background-color;
-    color: $snippet-calendar-disabled-button-font-color;
-
-    .descriptions {
-      color: $snippet-calendar-disabled-button-font-color;
-    }
-  }
-
-  &.selected {
-    border: 2px solid $snippet-calendar-active-button-border-color;
-    background-color: $snippet-calendar-active-button-background-color;
-    color: $snippet-calendar-active-button-font-color;
-    transition: $color-transition;
-
-    .descriptions {
-      color: $snippet-calendar-active-button-font-color;
-      background-color: $snippet-calendar-active-button-background-color;
-      font-weight: 600;
-      transition: $color-transition;
-    }
-
-    .time {
-      font-weight: 600;
-    }
-  }
-
-  &.time-button {
-    min-width: 4.75rem;
-    max-width: 4.75rem;
-    min-height: 2.75rem;
-  }
-
-  &.only-time-container {
-    min-width: 5.3rem;
-    max-width: 5.3rem;
-    min-height: 2.75rem;
-  }
-}
-
-.time {
-  font-size: 0.875rem;
-  font-weight: 300;
-}
-
-.descriptions {
-  font-size: 0.7rem;
-  line-height: 1.03rem;
-  font-weight: 300;
-  color: $snippet-calendar-button-font-color;
-}
-
-.info {
-  display: flex;
-  justify-content: center;
-  font-weight: 300;
-  flex-direction: row;
-
-  .logo {
-    width: 0.5rem;
-    margin-right: 0.5rem;
-  }
-}

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

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

package/dist/styles/sortable-field/SortableField.scss

@@ -1,21 +0,0 @@
-.sortable-field-list {
-    display: flex;
-
-    .icon-container {
-        margin-right: .8rem;
-        margin-left: .2rem;
-        margin-top: 1rem;
-
-        div {
-            width: 0.75rem;
-            height: 2px;
-            margin-bottom: 2px;
-            background-color: #B5CCDE;
-            border-radius: 1px;
-        }
-    }
-
-    .form-group {
-        width: 100%;
-    }
-}

package/dist/styles/sortable-field/_index.scss

@@ -1 +0,0 @@
-@import "./SortableField";

package/dist/styles/striped-static-table/_index.scss

@@ -1,33 +0,0 @@
-table.striped-static-table {
-  tbody {
-    tr {
-      border-bottom: 1px solid $gray-500;
-      td {
-        text-transform: capitalize;
-
-        &:nth-child(2),
-        &:nth-child(3) {
-          text-align: right;
-        }
-        &:nth-child(2) {
-          width: 20%;
-        }
-        &:nth-child(3) {
-          width: 35%;
-        }
-      }
-
-      td:has(div.header-row) {
-        background-color: #d8ecf7;
-      }
-
-      &:first-child {
-        border-top: 1px solid $gray-500;
-      }
-    }
-  }
-
-  .bold {
-    font-weight: 600;
-  }
-}

package/src/assets/iframe/dateInfo/available.svg

@@ -1,5 +0,0 @@
-<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="0.943939" y="1.03658" width="5.25188" height="3.04878" rx="1.5" fill="#4CF973" stroke="white"/>
-<rect x="0.943939" y="4.10976" width="5.25188" height="3.04878" rx="1.5" fill="#4CF973" stroke="white"/>
-<rect x="0.943939" y="7.18292" width="5.25188" height="3.04878" rx="1.5" fill="#4CF973" stroke="white"/>
-</svg>

package/src/assets/iframe/dateInfo/limited.svg

@@ -1,5 +0,0 @@
-<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="1.2406" y="1.03658" width="5.25188" height="3.04878" rx="1.5" fill="#E4E4E4" stroke="white"/>
-<rect x="1.2406" y="4.10976" width="5.25188" height="3.04878" rx="1.5" fill="#FDD054" stroke="white"/>
-<rect x="1.2406" y="7.18292" width="5.25188" height="3.04878" rx="1.5" fill="#FDD054" stroke="white"/>
-</svg>

package/src/assets/iframe/dateInfo/soldOut.svg

@@ -1,6 +0,0 @@
-<svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="5.94013" height="10" transform="translate(0.497131)" fill="white"/>
-<rect x="0.591156" y="0.5" width="5.75211" height="3" rx="1.5" fill="#E4E4E4" stroke="white"/>
-<rect x="0.591156" y="3.5" width="5.75211" height="3" rx="1.5" fill="#E4E4E4" stroke="white"/>
-<rect x="0.591156" y="6.5" width="5.75211" height="3" rx="1.5" fill="#E4E4E4" stroke="white"/>
-</svg>

package/src/date-time-button/DateTimeButton.stories.tsx

@@ -1,68 +0,0 @@
-import React from "react";
-import { Meta, Story } from "@storybook/react";
-import { DateTime } from "luxon";
-import { DateTimeButton, DateTimeButtonProps } from "./DateTimeButton";
-
-export default {
-  title: "DateTimeButton",
-  component: DateTimeButton,
-} as Meta;
-
-const date = DateTime.fromISO("2023-12-28T10:10:10.000Z");
-
-export const Default: Story<DateTimeButtonProps> = (args) => {
-  return <DateTimeButton {...args} />;
-};
-
-Default.args = {
-  date,
-  isSelected: false,
-  isDisabled: false,
-  onSelect: () => null,
-};
-
-export const Selected: Story<DateTimeButtonProps> = (args) => {
-  return <DateTimeButton {...args} />;
-};
-
-Selected.args = {
-  date,
-  isSelected: true,
-  isDisabled: false,
-  onSelect: () => null,
-};
-
-export const Disabled: Story<DateTimeButtonProps> = (args) => {
-  return <DateTimeButton {...args} />;
-};
-
-Disabled.args = {
-  date,
-  isSelected: false,
-  isDisabled: true,
-  onSelect: () => null,
-};
-
-export const Time: Story<DateTimeButtonProps> = (args) => {
-  return <DateTimeButton {...args} />;
-};
-
-Time.args = {
-  date,
-  isSelected: false,
-  isDisabled: true,
-  onSelect: () => null,
-  isTimeButton: true,
-};
-
-export const OnlyTime: Story<DateTimeButtonProps> = (args) => {
-  return <DateTimeButton {...args} />;
-};
-
-OnlyTime.args = {
-  date,
-  isSelected: false,
-  isDisabled: true,
-  onSelect: () => null,
-  isOnlyTimeContainer: true,
-};

package/src/date-time-button/DateTimeButton.tsx

@@ -1,106 +0,0 @@
-import React from "react";
-import clsx from "clsx";
-import { DateTime } from "luxon";
-import { DAY_NUMBER_WITH_MONTH, DAY_OF_WEEK } from "@licklist/core/dist/Config";
-import { useTranslation } from "react-i18next";
-import { isToday, isTomorrow } from "date-fns";
-
-export type DateTimeButtonProps = {
-  date?: DateTime;
-  time?: string;
-  isSelected?: boolean;
-  isDisabled?: boolean;
-  onSelect: (date: DateTime | string) => void;
-  isOnlyTimeContainer?: boolean;
-};
-
-export const DateTimeButton = ({
-  date,
-  isDisabled,
-  time,
-  isSelected,
-  onSelect,
-  isOnlyTimeContainer,
-}: DateTimeButtonProps) => {
-  const onClick = () => {
-    if (isDisabled) return;
-    onSelect(date || time);
-  };
-
-  // const infoLogo = useMemo(() => {
-  //   if (info?.logo === infoLogoType.LIMIT) {
-  //     return <LimitedSvg />;
-  //   }
-  //   if (info?.logo === infoLogoType.AVAILABLE) {
-  //     return <AvailableSvg />;
-  //   }
-  //   if (info?.logo === infoLogoType.SOLD_OUT) {
-  //     return <SoldOutSvg />;
-  //   }
-  //   return null;
-  // }, [info]);
-
-  return (
-    <div
-      role="button"
-      onClick={onClick}
-      onKeyPress={onClick}
-      className={clsx(
-        "date-time-button",
-        isDisabled && "disabled",
-        isSelected && "selected",
-        time && "time-button",
-        isOnlyTimeContainer && "only-time-container"
-      )}
-      tabIndex={0}
-    >
-      {date ? (
-        <DateContent
-          date={date}
-          isDisabled={isDisabled}
-          isSelected={isSelected}
-        />
-      ) : (
-        time
-      )}
-
-      {/* TODO fix info props */}
-      {/* {info && (
-        <div className="info">
-          {info.logo && <Logo className="logo" logo={infoLogo} />}
-          <div>{info.description}</div>
-        </div>
-      )} */}
-    </div>
-  );
-};
-
-const DateContent = ({
-  date,
-  isDisabled,
-  isSelected,
-}: Pick<DateTimeButtonProps, "date" | "isDisabled" | "isSelected">) => {
-  const { t } = useTranslation("Design");
-
-  const getDate = () => {
-    if (isToday(date.toJSDate())) return t("today");
-    if (isTomorrow(date.toJSDate())) return t("tomorrow");
-    return date.toFormat(DAY_OF_WEEK);
-  };
-
-  return (
-    <>
-      {getDate()}
-      <div
-        className={clsx(
-          "descriptions",
-          isSelected && "selected",
-          isDisabled && "disabled"
-        )}
-      >
-        {/* TODO add ordinal to date format */}
-        {date.toFormat(DAY_NUMBER_WITH_MONTH)}
-      </div>
-    </>
-  );
-};

package/src/date-time-button/index.ts

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

package/src/events/event-venue-map/components/MapPoint/components/ProductTooltip/ProductTooltip.tsx

@@ -1,68 +0,0 @@
-import React from "react";
-import { Group, Rect, Text } from "react-konva";
-
-const TOOLTIP_WIDTH = 60;
-const TOOLTIP_HEIGHT = 20;
-
-const BACKGROUND_COLOR = "#000";
-const BACKGROUND_Y_OFFSET = 1;
-const BACKGROUND_X_OFFSET = 30;
-const BACKGROUND_RADIUS = 5;
-const BACKGROUND_OPACITY = 0.8;
-
-const TEXT_Y_OFFSET = 4;
-const TEXT_STROKE_WIDTH = 5;
-const TEXT_COLOR = "#FFF";
-const TEXT_ALIGN = "center";
-const TEXT_VERTICAL_ALIGN = "middle";
-
-type ProductTooltipProps = {
-  x: number;
-  y: number;
-  text: string;
-};
-
-export const ProductTooltip = ({ x, y, text }: ProductTooltipProps) => {
-  return (
-    <Group
-      width={TOOLTIP_WIDTH}
-      height={TOOLTIP_HEIGHT}
-      x={x + BACKGROUND_X_OFFSET}
-      y={y - BACKGROUND_Y_OFFSET}
-    >
-      <Rect
-        x={-5}
-        y={5}
-        sceneFunc={(context) => {
-          context.beginPath();
-          context.moveTo(0, 5);
-          context.lineTo(5, 0);
-          context.lineTo(5, 10);
-          context.closePath();
-          context.fill();
-        }}
-        fill={BACKGROUND_COLOR}
-        borderColor={BACKGROUND_COLOR}
-        opacity={BACKGROUND_OPACITY}
-      />
-      <Rect
-        x={0}
-        y={0}
-        width={TOOLTIP_WIDTH}
-        height={TOOLTIP_HEIGHT}
-        fill={BACKGROUND_COLOR}
-        cornerRadius={BACKGROUND_RADIUS}
-        opacity={BACKGROUND_OPACITY}
-      />
-      <Text
-        y={TEXT_Y_OFFSET}
-        text={text}
-        strokeWidth={TEXT_STROKE_WIDTH}
-        width={TOOLTIP_WIDTH}
-        align={TEXT_ALIGN}
-        verticalAlign={TEXT_VERTICAL_ALIGN}
-        fill={TEXT_COLOR}
-      />
-    </Group>
-  );
-};

package/src/events/event-venue-map/components/MapPoint/components/ProductTooltip/index.ts

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

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

@@ -1,52 +0,0 @@
-import React from "react";
-import { Meta, Story } from "@storybook/react";
-import { ActivityCard, ActivityCardProps } from "./ActivityCard";
-
-export default {
-  title: "Iframe/ActivityCard",
-  component: ActivityCard,
-} as Meta;
-
-export const Default: Story<ActivityCardProps> = (props) => {
-  return <ActivityCard {...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<ActivityCardProps> = (props) => {
-  return <ActivityCard {...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/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";