npm - @licklist/design - Versions diffs - 0.44.485-dev.86 → 0.44.485-dev.88 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (120) hide show

package/dist/styles/iframe-customers-journey/SelectDateAndTime.scss DELETED Viewed

@@ -1,126 +0,0 @@
-.date-time-selector-container {
-    background-color: $snippet-page-background-color;
-    height: 35rem;
-    padding: 1rem;
-}
-.date-time-icon-container {
-    display: flex;
-    justify-content: end;
-    position: relative;
-    top: 2rem;
-    .icon-wrapper {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        width: 1rem;
-        height: 1.1rem;
-        .icon {
-            fill: $snippet-calendar-active-button-background-color;
-        }
-    }
-    h5 {
-        font-size: 1rem;
-        margin-left: .5rem;
-        text-transform: uppercase;
-    }
-}
-.date-list {
-    display: flex;
-    align-items: center;
-    justify-content: start;
-    grid-gap: 1rem;
-    margin: 1rem 0;
-    flex-wrap: wrap;
-    .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-calendar-button-background-color;
-        border-radius: .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-container {
-            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: .875rem;
-        font-weight: 300;
-    }
-    .descriptions {
-        font-size: .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: .5rem;
-            margin-right: .5rem;
-        }
-    }
-}

package/src/iframe/activities-card-page/components/activities-card/ActivitiesCard.tsx DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

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

package/src/iframe/data-time-view-selector/DateAndTimeAndCalendar.tsx DELETED Viewed

@@ -1,37 +0,0 @@
-import React, { useMemo } from "react";
-import { EventCalendar } from "../event";
-import { viewType } from "./constants";
-import {
-  SelectDateAndTimeList,
-  SelectDateOrTimeList,
-} from "../select-date-time";
-interface SelectorDateAndTimeForViewProps {
-  view: viewType;
-}
-export const DateAndTimeAndCalendar = ({
-  view,
-}: SelectorDateAndTimeForViewProps) => {
-  const isLoading = false;
-  const correctSelectorPage = useMemo(() => {
-    const disabledDates = [];
-    if (view === viewType.CALENDAR) {
-      return (
-        <EventCalendar disabledDates={disabledDates} isLoading={isLoading} />
-      );
-    }
-    if (view === viewType.DATE_AND_TIME) {
-      return <SelectDateAndTimeList />;
-    }
-    if (view === viewType.DATE || view === viewType.TIME) {
-      return <SelectDateOrTimeList view={view} />;
-    }
-    return <></>;
-  }, [view, isLoading]);
-  return (
-    <div className="date-time-selector-container">{correctSelectorPage}</div>
-  );
-};

package/src/iframe/data-time-view-selector/constants.ts DELETED Viewed

@@ -1,6 +0,0 @@
-export enum viewType {
-  DATE = "date",
-  DATE_AND_TIME = "date-time",
-  TIME = "time",
-  CALENDAR = "calendar",
-}

package/src/iframe/data-time-view-selector/index.ts DELETED Viewed

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

package/src/iframe/order-process/components/Category/Category.stories.tsx DELETED Viewed

@@ -1,118 +0,0 @@
-import React from "react";
-import { Meta } from "@storybook/react";
-import { useForm, FormProvider } from "react-hook-form";
-import { Image } from "@licklist/core/dist/DataMapper/Media/ImageDataMapper";
-import { Category } from "./Category";
-export default {
-  title: "Iframe/Order-Process/Category",
-  component: Category,
-} as Meta;
-const IMAGES = [
-  {
-    id: 1,
-    path: "test",
-    imageType: "image",
-    url: "https://fastly.picsum.photos/id/13/2500/1667.jpg?hmac=SoX9UoHhN8HyklRA4A3vcCWJMVtiBXUg0W4ljWTor7s",
-  } as Image,
-];
-const productCategories = [
-  {
-    id: 1,
-    name: "Early Bird General Admission",
-    allowDeposits: true,
-    remainderExpireAfter: null,
-    products: [
-      {
-        id: 7,
-        name: "Beer",
-        description: `Ticket is valid for students and non students.You do not need student ID for this event but do require regular age ID.`,
-        minQuantity: 1,
-        maxQuantity: 10,
-        price: 7,
-        images: IMAGES,
-        isRequired: true,
-        deposit: 4,
-      },
-      {
-        id: 8,
-        name: "Wine",
-        description: `Ticket is valid for students and non students.
-           You do not need student ID for this event but do require regular age ID e.g. driving licence or passport.
-            Ticket valid for entry before 11.30pm for 12.30am showtime.Ticket is valid for students and non students.
-            You do not need student ID for this event but do require regular age ID e.g. driving licence or passport.
-             Ticket valid for entry before 11.30pm for 12.30am showtime.`,
-        minQuantity: 1,
-        maxQuantity: 10,
-        price: 1,
-        isSoldOut: true,
-        images: IMAGES,
-      },
-    ],
-  },
-  {
-    id: 2,
-    name: "Nice",
-    products: [
-      {
-        id: 3,
-        name: "Beer",
-        description: `Ticket is valid for students and non students.
-          You do not need student ID for this event but do require regular age ID e.g. driving licence or passport.
-          Ticket valid for entry before 11.30pm for 12.30am showtime.`,
-        minQuantity: 1,
-        maxQuantity: 10,
-        price: 1,
-        images: [],
-      },
-      {
-        id: 5,
-        name: "Wine",
-        description: `Ticket is valid for students and non students.
-           You do not need student ID for this event but do require regular age ID e.g. driving licence or passport.
-            Ticket valid for entry before 11.30pm for 12.30am showtime.`,
-        minQuantity: 1,
-        maxQuantity: 10,
-        price: 1,
-        images: IMAGES,
-      },
-    ],
-  },
-  {
-    id: 9,
-    name: "Super",
-    products: [
-      {
-        id: 10,
-        name: "Beer no description",
-        description: ``,
-        minQuantity: 1,
-        maxQuantity: 10,
-        price: 1,
-        images: IMAGES,
-      },
-      {
-        id: 11,
-        name: "Wine no description",
-        description: ``,
-        minQuantity: 1,
-        maxQuantity: 10,
-        price: 0,
-        images: IMAGES,
-      },
-    ],
-  },
-];
-export function Default() {
-  const form = useForm();
-  return (
-    <FormProvider {...form}>
-      <div className="payment-process">
-        <Category productCategories={productCategories} />
-      </div>
-    </FormProvider>
-  );
-}