@licklist/design 0.44.485-dev.79 → 0.44.485-dev.8

package/dist/styles/iframe-events/ActivitiesCard.scss

@@ -1,55 +0,0 @@
-@import "../snippet-templates/snippetVariables";
-
-.iframe-activities-card {
-  position: relative;
-  border: 2px solid transparent;
-  transition: $color-transition;
-  color: $snippet-elements-body-color;
-  border-radius: 0.3rem;
-  padding: .375rem;
-  min-height: 12.5rem;
-  width: 12.375rem;
-  flex-direction: column;
-  word-wrap: break-word;
-  background-color: #fff;
-  background-clip: border-box;
-
-  &.active {
-    border: 2px solid #0E8BE1;
-  }
-
-  .card-image {
-    width: 100%;
-    height: 6.3rem;
-    background-repeat: no-repeat;
-    background-size: cover;
-    background-position: center;
-    cursor: pointer;
-    border: 1px solid transparent;
-    margin-bottom: .5rem;
-    border-radius: .3rem;
-  }
-
-
-  .title {
-    transition: $color-transition;
-    color: $snippet-elements-body-color;
-    font-weight: 600;
-    line-height: 1.25rem;
-    cursor: pointer;
-    font-size: .875rem;
-  }
-
-  .cost {
-    transition: $color-transition;
-    color: $snippet-elements-body-color;
-    font-size: 0.8rem;
-  }
-
-  .label {
-    text-transform: lowercase;
-    transition: $color-transition;
-    color: $snippet-elements-body-color;
-    font-size: 0.8rem;
-  }
-}

package/dist/styles/iframe-events/ActivitiesSelectedCard.scss

@@ -1,52 +0,0 @@
-@import "../snippet-templates/snippetVariables";
-
-.selected-activities-card {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    cursor: pointer;
-    height: 5rem;
-    border: 1px solid $snippet-product-set-border-color;
-    background-color: $snippet-product-set-background-color;
-    color: $snippet-product-set-font-color;
-    transition: $color-transition;
-
-    p {
-        margin-bottom: 0;
-    }
-
-    .description {
-        width: 70%;
-        font-size: .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;
-        }
-    }
-}
-
-.selected-activities-card-hr {
-    margin-top: 0;
-}

package/dist/styles/iframe-events/SelectDateAndTimeEvent.scss

@@ -1,85 +0,0 @@
-.event-date-list {
-    display: flex;
-    align-items: center;
-    justify-content: start;
-    grid-gap: 1rem;
-    flex-wrap: wrap;
-
-    .event-date-set {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-direction: column;
-        font-size: .82rem;
-        line-height: 1.3rem;
-        font-weight: 600;
-        background-color: $snippet-product-set-background-color;
-        border-radius: .2rem;
-        text-align: center;
-        border: 2px solid $snippet-product-set-border-color;
-        color: $snippet-product-set-font-color;
-        flex-grow: 1;
-        transition: $color-transition;
-        min-width: 6rem;
-        max-width: 7.25rem;
-        min-height: 2.75rem;
-        max-height: 8.375rem;
-
-        &.disabled {
-            border: 2px solid $snippet-product-set-background-color;
-            background-color: $snippet-product-set-background-color;
-            color: $snippet-product-set-font-color;
-            opacity: 0.5;
-
-            .descriptions {
-                color: $snippet-product-set-font-color;
-            }
-        }
-
-        &.selected {
-            border: 2px solid $snippet-active-product-set-border-color;
-            background-color: $snippet-active-product-set-border-color;
-            color: white;
-            transition: $color-transition;
-
-            .descriptions {
-                color: white;
-                font-weight: 600;
-            }
-
-            .time {
-                font-weight: 600;
-            }
-        }
-
-        &.time-container {
-            min-width: 4.175rem;
-            max-width: 4.175rem;
-            height: 2.75rem;
-        }
-    }
-
-    .time {
-        font-size: .875rem;
-        font-weight: 300;
-    }
-
-    .descriptions {
-        font-size: .7rem;
-        line-height: 1.03rem;
-        font-weight: 300;
-        color: #0E8CE2;
-    }
-
-    .info {
-        display: flex;
-        justify-content: center;
-        font-weight: 300;
-        flex-direction: row;
-
-        .logo {
-            width: .5rem;
-            margin-right: .5rem;
-        }
-    }
-}

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/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/activities-card-page/components/activities-card/ActivitiesCard.tsx

@@ -1,68 +0,0 @@
-import React from "react";
-import clsx from "clsx";
-import { useTranslation } from "react-i18next";
-import { useIntl } from "react-intl";
-
-export interface ActivitiesCardProps {
-  card: any;
-  onSelectCardId?: (productSetId: number) => void;
-  isActive: boolean;
-}
-
-export const ActivitiesCard = ({
-  card,
-  onSelectCardId,
-  isActive,
-}: ActivitiesCardProps) => {
-  const { formatNumber } = useIntl();
-  const { t } = useTranslation("Design");
-  const { imageSrc, title, time, cost } = card;
-
-  const onClick = () => {
-    onSelectCardId(card);
-  };
-
-  return (
-    <div
-      id={card.id}
-      role="button"
-      className={clsx("iframe-activities-card", isActive && "active")}
-      onClick={onClick}
-      onKeyPress={onClick}
-      tabIndex={0}
-    >
-      {imageSrc && (
-        <div
-          className="card-image"
-          style={{
-            backgroundImage: `url("${imageSrc}")`,
-          }}
-        />
-      )}
-      <div className={clsx("d-flex", "flex-column", !imageSrc && "no-image")}>
-        <div className="title">{title}</div>
-
-        {time && (
-          <div className="cost">
-            <div className="d-flex align-items-center">
-              <p className="m-0">
-                {time} {t("Mins")}
-              </p>
-            </div>
-          </div>
-        )}
-
-        {typeof cost === "number" && cost && (
-          <div className="label">
-            <div className="d-flex align-items-center mb-3">
-              <p className="m-0">
-                {t("from")}{" "}
-                {formatNumber(cost, { style: "currency", currency: "GBP" })}
-              </p>
-            </div>
-          </div>
-        )}
-      </div>
-    </div>
-  );
-};

package/src/iframe/activities-card-page/components/activities-card/ActivitiesCardList.stories.tsx

@@ -1,120 +0,0 @@
-import React, { useState } from "react";
-import { useTranslation } from "react-i18next";
-import { Meta } from "@storybook/react";
-import { ActivitiesCard } from "./ActivitiesCard";
-
-
-export default {
-  title: "Iframe/Activities Card/ActivitiesCardList",
-  component: Default,
-} as Meta;
-
-const currentCard = [
-  {
-    id: 1,
-    imageSrc:
-      "https://images.unsplash.com/photo-1656660371960-7fa3321af896?q=80&w=3270&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-    goToDetails: true,
-    title: "TEST CARD",
-    time: "45",
-    cost: 200,
-  },
-  {
-    id: 3,
-    imageSrc:
-      "https://images.unsplash.com/photo-1587691592099-24045742c181?q=80&w=873&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 873w, https://images.unsplash.com/photo-1587691592099-24045742c181?q=80&w=1173&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 1173w, https://images.unsplash.com/photo-1587691592099-24045742c181?q=80&w=1473&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 1473w, https://images.unsplash.com/photo-1587691592099-24045742c181?q=80&w=1746&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 1746w, https://images.unsplash.com/photo-1587691592099-24045742c181?q=80&w=1773&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 1773w, https://images.unsplash.com/photo-1587691592099-24045742c181?q=80&w=2073&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 2073w, https://images.unsplash.com/photo-1587691592099-24045742c181?q=80&w=2346&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 2346w, https://images.unsplash.com/photo-1587691592099-24045742c181?q=80&w=2373&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 2373w, https://images.unsplash.com/photo-1587691592099-24045742c181?q=80&w=2673&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 2673w, https://images.unsplash.com/photo-1587691592099-24045742c181?q=80&w=2946&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 2946w, https://images.unsplash.com/photo-1587691592099-24045742c181?q=80&w=2973&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 2973w, https://images.unsplash.com/photo-1587691592099-24045742c181?q=80&w=3008&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 3008w",
-    goToDetails: true,
-    title: "Clay Pigeons & Axe NEW CARD",
-    time: "45",
-    cost: 200,
-  },
-  {
-    id: 2,
-    imageSrc:
-      "https://images.unsplash.com/photo-1656660371960-7fa3321af896?q=80&w=3270&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-    goToDetails: false,
-    title: "TEST CARD",
-    time: "45",
-    cost: 200,
-  },
-  {
-    id: 4,
-    imageSrc:
-      "https://images.unsplash.com/photo-1656660371960-7fa3321af896?q=80&w=3270&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-    goToDetails: true,
-    title: "Clay Pigeons & Axe NEW CARD",
-    time: "45",
-    cost: 200,
-  },
-  {
-    id: 5,
-    imageSrc:
-      "https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=435&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 435w, https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=735&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 735w, https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 870w, https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=1035&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 1035w, https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=1335&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 1335w, https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=1470&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 1470w, https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=1635&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 1635w, https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=1935&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 1935w, https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 2070w, https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=2235&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 2235w, https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=2535&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 2535w, https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 2670w, https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=2835&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 2835w, https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=3135&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 3135w, https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=3270&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 3270w, https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=3435&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 3435w, https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=3735&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 3735w, https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 3870w, https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=4035&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 4035w, https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=4335&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 4335w, https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=4470&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 4470w, https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=4635&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 4635w, https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=4935&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 4935w, https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=5070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 5070w, https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=5235&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 5235w, https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=5535&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 5535w, https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=5670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 5670w, https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=5835&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 5835w, https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=6135&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 6135w, https://images.unsplash.com/photo-1605496036006-fa36378ca4ab?q=80&w=6240&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 6240w",
-    goToDetails: true,
-    title: "Clay Pigeons & Axe NEW CARD",
-    time: "45",
-    cost: 200,
-  },
-  {
-    id: 6,
-    imageSrc:
-      "https://plus.unsplash.com/premium_photo-1668383210938-0183489b5f8a?q=80&w=774&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 774w, https://plus.unsplash.com/premium_photo-1668383210938-0183489b5f8a?q=80&w=1074&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 1074w, https://plus.unsplash.com/premium_photo-1668383210938-0183489b5f8a?q=80&w=1374&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 1374w, https://plus.unsplash.com/premium_photo-1668383210938-0183489b5f8a?q=80&w=1548&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 1548w, https://plus.unsplash.com/premium_photo-1668383210938-0183489b5f8a?q=80&w=1674&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 1674w, https://plus.unsplash.com/premium_photo-1668383210938-0183489b5f8a?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 1974w, https://plus.unsplash.com/premium_photo-1668383210938-0183489b5f8a?q=80&w=2148&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 2148w, https://plus.unsplash.com/premium_photo-1668383210938-0183489b5f8a?q=80&w=2274&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 2274w, https://plus.unsplash.com/premium_photo-1668383210938-0183489b5f8a?q=80&w=2574&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 2574w, https://plus.unsplash.com/premium_photo-1668383210938-0183489b5f8a?q=80&w=2748&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 2748w, https://plus.unsplash.com/premium_photo-1668383210938-0183489b5f8a?q=80&w=2874&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 2874w, https://plus.unsplash.com/premium_photo-1668383210938-0183489b5f8a?q=80&w=3174&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 3174w, https://plus.unsplash.com/premium_photo-1668383210938-0183489b5f8a?q=80&w=3348&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 3348w, https://plus.unsplash.com/premium_photo-1668383210938-0183489b5f8a?q=80&w=3474&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 3474w, https://plus.unsplash.com/premium_photo-1668383210938-0183489b5f8a?q=80&w=3774&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 3774w, https://plus.unsplash.com/premium_photo-1668383210938-0183489b5f8a?q=80&w=3948&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 3948w, https://plus.unsplash.com/premium_photo-1668383210938-0183489b5f8a?q=80&w=4074&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 4074w, https://plus.unsplash.com/premium_photo-1668383210938-0183489b5f8a?q=80&w=4374&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 4374w, https://plus.unsplash.com/premium_photo-1668383210938-0183489b5f8a?q=80&w=4548&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 4548w, https://plus.unsplash.com/premium_photo-1668383210938-0183489b5f8a?q=80&w=4674&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 4674w, https://plus.unsplash.com/premium_photo-1668383210938-0183489b5f8a?q=80&w=4974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 4974w, https://plus.unsplash.com/premium_photo-1668383210938-0183489b5f8a?q=80&w=5148&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 5148w, https://plus.unsplash.com/premium_photo-1668383210938-0183489b5f8a?q=80&w=5274&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 5274w, https://plus.unsplash.com/premium_photo-1668383210938-0183489b5f8a?q=80&w=5574&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 5574w, https://plus.unsplash.com/premium_photo-1668383210938-0183489b5f8a?q=80&w=5748&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 5748w, https://plus.unsplash.com/premium_photo-1668383210938-0183489b5f8a?q=80&w=5874&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 5874w, https://plus.unsplash.com/premium_photo-1668383210938-0183489b5f8a?q=80&w=6000&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 6000w",
-    goToDetails: true,
-    title: "Clay Pigeons & Axe NEW CARD",
-    time: "45",
-    cost: 200,
-  },
-  {
-    id: 9,
-    imageSrc:
-      "https://images.unsplash.com/photo-1587691592099-24045742c181?q=80&w=873&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 873w, https://images.unsplash.com/photo-1587691592099-24045742c181?q=80&w=1173&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 1173w, https://images.unsplash.com/photo-1587691592099-24045742c181?q=80&w=1473&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 1473w, https://images.unsplash.com/photo-1587691592099-24045742c181?q=80&w=1746&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 1746w, https://images.unsplash.com/photo-1587691592099-24045742c181?q=80&w=1773&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 1773w, https://images.unsplash.com/photo-1587691592099-24045742c181?q=80&w=2073&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 2073w, https://images.unsplash.com/photo-1587691592099-24045742c181?q=80&w=2346&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 2346w, https://images.unsplash.com/photo-1587691592099-24045742c181?q=80&w=2373&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 2373w, https://images.unsplash.com/photo-1587691592099-24045742c181?q=80&w=2673&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 2673w, https://images.unsplash.com/photo-1587691592099-24045742c181?q=80&w=2946&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 2946w, https://images.unsplash.com/photo-1587691592099-24045742c181?q=80&w=2973&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 2973w, https://images.unsplash.com/photo-1587691592099-24045742c181?q=80&w=3008&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D 3008w",
-    goToDetails: true,
-    title: "Clay Pigeons & Axe NEW CARD",
-    time: "45",
-    cost: 200,
-  },
-];
-
-
-export function Default(props) {
-
-  const { t } = useTranslation("Design");
-
-  const [selectedCard, onSelectCardId] = useState<any | null>(null);
-
-  const onSelectCard = (item: number) => {
-    onSelectCardId(item);
-  };
-
-  return (
-    <div>
-    <h5 className="d-flex align-items-center justify-content-start w-100">
-      {t("selectActivities")}
-    </h5>
-    <div
-      style={{
-        display: "grid",
-        gridTemplateColumns: "repeat(auto-fill, 15rem)",
-        gridGap: "1rem",
-        justifyContent: "center",
-        padding: "1rem",
-      }}
-    >
-      {currentCard.map((card) => (
-        <ActivitiesCard
-          key={card.id}
-          card={card}
-          isActive={selectedCard?.id === card.id}
-          onSelectCardId={onSelectCard}
-        />
-      ))}
-    </div>
-  </div>
-  );
-}
-
-Default.args = {
-  isLoading: false,
-  data: currentCard,
-  showBottomBlock: true,
-};

package/src/iframe/activities-card-page/components/activities-selected-card/ActivitiesSelectedCard.stories.tsx

@@ -1,67 +0,0 @@
-import React from "react";
-import { Meta, Story } from "@storybook/react";
-import { ActivitiesSelectedCard } from "./ActivitiesSelectedCard";
-
-export default {
-  title: "Iframe/Activities Selected Card/ActivitiesSelectedCard",
-  component: ActivitiesSelectedCard,
-} as Meta;
-
-export type ActiveCard = {
-  id: number;
-  imageSrc: string;
-  goToDetails: boolean;
-  title: string;
-  time: number;
-  cost: number;
-};
-
-export const Default: Story<any> = () => {
-  const currentCard = [
-    {
-      id: 1,
-      imageSrc:
-        "https://images.unsplash.com/photo-1656660371960-7fa3321af896?q=80&w=3270&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-      title: "TEST CARD",
-      time: "45",
-      cost: 200,
-    },
-    {
-      id: 3,
-      imageSrc:
-        "https://images.unsplash.com/photo-1656660371960-7fa3321af896?q=80&w=3270&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-      title: "Clay Pigeons & Axe NEW CARD",
-      time: "45",
-      cost: 200,
-    },
-    {
-      id: 2,
-      imageSrc:
-        "https://images.unsplash.com/photo-1656660371960-7fa3321af896?q=80&w=3270&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-      title: "People Item / Title",
-      time: "45",
-      cost: 200,
-    },
-  ];
-
-  return (
-    <div
-      style={{
-        display: "flex",
-        flexWrap: "wrap",
-        flexDirection: "column",
-        padding: "0 1rem",
-      }}
-    >
-      {currentCard.map((card) => (
-        <ActivitiesSelectedCard
-          key={card.id}
-          imageSrc={card.imageSrc}
-          title={card.title}
-          cost={card.cost}
-          time={card.time}
-        />
-      ))}
-    </div>
-  );
-};

package/src/iframe/activities-card-page/components/activities-selected-card/ActivitiesSelectedCard.tsx

@@ -1,57 +0,0 @@
-import React from "react";
-import clsx from "clsx";
-import { useTranslation } from "react-i18next";
-import { useIntl } from "react-intl";
-
-export interface ActivitiesSelectedCardProps {
-  imageSrc: string;
-  title: string;
-  time: string;
-  cost: number;
-}
-
-export const ActivitiesSelectedCard = ({
-  imageSrc,
-  title,
-  time,
-  cost,
-}: ActivitiesSelectedCardProps) => {
-  const { t } = useTranslation("Design");
-  const { formatNumber } = useIntl();
-
-  return (
-    <div>
-      <div className={clsx("selected-activities-card")}>
-        <div className="description">
-          <div className="title">{title}</div>
-          {time && (
-            <div>
-              <p>
-                {time} {t("Mins")}{" "}
-              </p>
-            </div>
-          )}
-
-          {typeof cost === "number" && cost && (
-            <div>
-              <p>
-                {t("from")}{" "}
-                {formatNumber(cost, { style: "currency", currency: "GBP" })}
-              </p>
-            </div>
-          )}
-        </div>
-
-        {imageSrc && (
-          <div className="image-container">
-            <div
-              className="image"
-              style={{ backgroundImage: `url("${imageSrc}")` }}
-            />
-          </div>
-        )}
-      </div>
-      <hr className="selected-activities-card-hr" />
-    </div>
-  );
-};

package/src/iframe/activities-card-page/index.ts

@@ -1,2 +0,0 @@
-export { ActivitiesSelectedCard } from "./components/activities-selected-card/ActivitiesSelectedCard";
-export { ActivitiesCard } from "./components/activities-card/ActivitiesCard";

package/src/iframe/order-process/components/ErrorModal/index.ts

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