@licklist/design 0.44.485-dev.87 → 0.44.485-dev.89
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.
- package/dist/date-time-button/DateTimeButton.d.ts +12 -0
- package/dist/date-time-button/DateTimeButton.d.ts.map +1 -0
- package/dist/date-time-button/DateTimeButton.js +1 -0
- package/dist/date-time-button/index.d.ts +2 -0
- package/dist/date-time-button/index.d.ts.map +1 -0
- package/dist/iframe/activity-cards/activity-card/ActivityCard.d.ts +12 -0
- package/dist/iframe/activity-cards/activity-card/ActivityCard.d.ts.map +1 -0
- package/dist/iframe/activity-cards/activity-card/ActivityCard.js +1 -0
- package/dist/iframe/activity-cards/index.d.ts +3 -0
- package/dist/iframe/activity-cards/index.d.ts.map +1 -0
- package/dist/iframe/activity-cards/list-activity-card/ListActivityCard.d.ts +12 -0
- package/dist/iframe/activity-cards/list-activity-card/ListActivityCard.d.ts.map +1 -0
- package/dist/iframe/activity-cards/list-activity-card/ListActivityCard.js +1 -0
- package/dist/iframe/index.d.ts +2 -3
- package/dist/iframe/index.d.ts.map +1 -1
- package/dist/iframe/order-process/components/CategoryProduct/CategoryProduct.js +1 -1
- package/dist/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.d.ts +2 -2
- package/dist/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.d.ts.map +1 -1
- package/dist/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.js +1 -1
- package/dist/iframe/order-process/components/NavigationSteps/NavigationSteps.d.ts +7 -6
- package/dist/iframe/order-process/components/NavigationSteps/NavigationSteps.d.ts.map +1 -1
- package/dist/iframe/order-process/components/NavigationSteps/index.d.ts +1 -1
- package/dist/iframe/order-process/components/NavigationSteps/index.d.ts.map +1 -1
- package/dist/iframe/order-process/index.d.ts +1 -2
- package/dist/iframe/order-process/index.d.ts.map +1 -1
- package/dist/iframe/page/components/PageBody/PageBody.d.ts +1 -1
- package/dist/iframe/page/components/PageBody/PageBody.js +1 -1
- package/dist/iframe/page/components/PageBody/components/LeftBlock/LeftBlock.d.ts +2 -2
- package/dist/iframe/page/components/PageBody/components/LeftBlock/LeftBlock.d.ts.map +1 -1
- package/dist/iframe/page/components/PageBody/components/LeftBlock/LeftBlock.js +1 -1
- package/dist/iframe/payment/payment-page/PaymentPage.js +1 -1
- package/dist/iframe/payment/payment-page/PaymentTimer.js +1 -1
- package/dist/iframe/payment/payment-status-page/PaymentStatusPage.js +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/snippet/snippet-template/preview/Preview.js +1 -1
- package/dist/styles/iframe-customers-journey/ActivitiesCard.scss +17 -35
- package/dist/styles/iframe-customers-journey/ActivitiesSelectedCard.scss +48 -43
- package/dist/styles/iframe-customers-journey/DateTimeButton.scss +84 -0
- package/dist/styles/iframe-customers-journey/_index.scss +1 -1
- package/dist/styles/iframe-order-process/IframeOrderProcess.scss +5 -0
- package/dist/types/iframe.d.ts +1 -1
- package/dist/types/iframe.d.ts.map +1 -1
- package/dist/zone/form/components/ZoneRecurrencesControl.js +1 -1
- package/package.json +1 -1
- package/src/date-time-button/DateTimeButton.stories.tsx +68 -0
- package/src/date-time-button/DateTimeButton.tsx +106 -0
- package/src/date-time-button/index.ts +1 -0
- package/src/iframe/activity-cards/activity-card/ActivityCard.stories.tsx +52 -0
- package/src/iframe/activity-cards/activity-card/ActivityCard.tsx +38 -0
- package/src/iframe/activity-cards/index.ts +2 -0
- package/src/iframe/activity-cards/list-activity-card/ListActivityCard.stories.tsx +52 -0
- package/src/iframe/activity-cards/list-activity-card/ListActivityCard.tsx +49 -0
- package/src/iframe/index.ts +2 -7
- package/src/iframe/order-process/components/CategoryProduct/CategoryProduct.tsx +1 -1
- package/src/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.tsx +4 -4
- package/src/iframe/order-process/components/NavigationSteps/NavigationSteps.tsx +8 -6
- package/src/iframe/order-process/components/NavigationSteps/index.ts +1 -1
- package/src/iframe/order-process/index.ts +1 -2
- package/src/iframe/page/components/PageBody/PageBody.tsx +1 -1
- package/src/iframe/page/components/PageBody/components/LeftBlock/LeftBlock.tsx +4 -4
- package/src/index.ts +1 -0
- package/src/product-set/product/constants.ts +1 -1
- package/src/sortable-fields/index.ts +1 -1
- package/src/styles/iframe-customers-journey/ActivitiesCard.scss +17 -35
- package/src/styles/iframe-customers-journey/ActivitiesSelectedCard.scss +48 -43
- package/src/styles/iframe-customers-journey/DateTimeButton.scss +84 -0
- package/src/styles/iframe-customers-journey/_index.scss +1 -1
- package/src/styles/iframe-order-process/IframeOrderProcess.scss +5 -0
- package/src/types/iframe.ts +1 -1
- package/src/zone/form/components/ZoneRecurrencesControl.tsx +1 -1
- package/dist/assets/iframe/dateInfo/available.svg.js +0 -1
- package/dist/assets/iframe/dateInfo/limited.svg.js +0 -1
- package/dist/assets/iframe/dateInfo/soldOut.svg.js +0 -1
- package/dist/iframe/activities-card-page/components/activities-card/ActivitiesCard.d.ts +0 -8
- package/dist/iframe/activities-card-page/components/activities-card/ActivitiesCard.d.ts.map +0 -1
- package/dist/iframe/activities-card-page/components/activities-card/ActivitiesCard.js +0 -1
- package/dist/iframe/activities-card-page/components/activities-selected-card/ActivitiesSelectedCard.d.ts +0 -9
- package/dist/iframe/activities-card-page/components/activities-selected-card/ActivitiesSelectedCard.d.ts.map +0 -1
- package/dist/iframe/activities-card-page/components/activities-selected-card/ActivitiesSelectedCard.js +0 -1
- package/dist/iframe/activities-card-page/index.d.ts +0 -3
- package/dist/iframe/activities-card-page/index.d.ts.map +0 -1
- package/dist/iframe/data-time-view-selector/DateAndTimeAndCalendar.d.ts +0 -8
- package/dist/iframe/data-time-view-selector/DateAndTimeAndCalendar.d.ts.map +0 -1
- package/dist/iframe/data-time-view-selector/constants.d.ts +0 -7
- package/dist/iframe/data-time-view-selector/constants.d.ts.map +0 -1
- package/dist/iframe/data-time-view-selector/constants.js +0 -1
- package/dist/iframe/data-time-view-selector/index.d.ts +0 -2
- package/dist/iframe/data-time-view-selector/index.d.ts.map +0 -1
- package/dist/iframe/order-process/components/Category/Category.d.ts +0 -13
- package/dist/iframe/order-process/components/Category/Category.d.ts.map +0 -1
- package/dist/iframe/order-process/components/Category/Category.js +0 -1
- package/dist/iframe/order-process/components/Category/index.d.ts +0 -2
- package/dist/iframe/order-process/components/Category/index.d.ts.map +0 -1
- package/dist/iframe/select-date-time/SelectDateAndTimeList.d.ts +0 -3
- package/dist/iframe/select-date-time/SelectDateAndTimeList.d.ts.map +0 -1
- package/dist/iframe/select-date-time/SelectDateAndTimeList.js +0 -1
- package/dist/iframe/select-date-time/SelectDateOrTimeList.d.ts +0 -8
- package/dist/iframe/select-date-time/SelectDateOrTimeList.d.ts.map +0 -1
- package/dist/iframe/select-date-time/SelectDateOrTimeList.js +0 -1
- package/dist/iframe/select-date-time/component/date-container/DateTimeSelector.d.ts +0 -10
- package/dist/iframe/select-date-time/component/date-container/DateTimeSelector.d.ts.map +0 -1
- package/dist/iframe/select-date-time/component/date-container/DateTimeSelector.js +0 -1
- package/dist/iframe/select-date-time/component/date-container/SelectorDateAndTimeList.d.ts +0 -11
- package/dist/iframe/select-date-time/component/date-container/SelectorDateAndTimeList.d.ts.map +0 -1
- package/dist/iframe/select-date-time/component/date-container/SelectorDateAndTimeList.js +0 -1
- package/dist/iframe/select-date-time/constants.d.ts +0 -6
- package/dist/iframe/select-date-time/constants.d.ts.map +0 -1
- package/dist/iframe/select-date-time/constants.js +0 -1
- package/dist/iframe/select-date-time/index.d.ts +0 -4
- package/dist/iframe/select-date-time/index.d.ts.map +0 -1
- package/dist/styles/iframe-customers-journey/SelectDateAndTime.scss +0 -126
- package/src/iframe/activities-card-page/components/activities-card/ActivitiesCard.tsx +0 -68
- package/src/iframe/activities-card-page/components/activities-card/ActivitiesCardList.stories.tsx +0 -120
- package/src/iframe/activities-card-page/components/activities-selected-card/ActivitiesSelectedCard.stories.tsx +0 -67
- package/src/iframe/activities-card-page/components/activities-selected-card/ActivitiesSelectedCard.tsx +0 -57
- package/src/iframe/activities-card-page/index.ts +0 -2
- package/src/iframe/data-time-view-selector/DateAndTimeAndCalendar.tsx +0 -37
- package/src/iframe/data-time-view-selector/constants.ts +0 -6
- package/src/iframe/data-time-view-selector/index.ts +0 -1
- package/src/iframe/order-process/components/Category/Category.stories.tsx +0 -118
- package/src/iframe/order-process/components/Category/Category.tsx +0 -51
- package/src/iframe/order-process/components/Category/index.ts +0 -1
- package/src/iframe/select-date-time/SelectDateAndTimeList.tsx +0 -39
- package/src/iframe/select-date-time/SelectDateOrTimeList.tsx +0 -42
- package/src/iframe/select-date-time/component/date-container/DateTimeSelector.tsx +0 -79
- package/src/iframe/select-date-time/component/date-container/SelectorDateAndTimeList.stories.tsx +0 -164
- package/src/iframe/select-date-time/component/date-container/SelectorDateAndTimeList.tsx +0 -41
- package/src/iframe/select-date-time/constants.ts +0 -5
- package/src/iframe/select-date-time/index.ts +0 -4
- package/src/styles/iframe-customers-journey/SelectDateAndTime.scss +0 -126
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import clsx from "clsx";
|
|
3
|
+
import { Image } from "@licklist/core/dist/DataMapper/Media/ImageDataMapper";
|
|
4
|
+
|
|
5
|
+
export interface ListActivityCardProps {
|
|
6
|
+
title: string;
|
|
7
|
+
duration: string;
|
|
8
|
+
price: string;
|
|
9
|
+
image?: Image | null;
|
|
10
|
+
onSelect: () => void;
|
|
11
|
+
isSelected: boolean;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export const ListActivityCard = ({
|
|
15
|
+
title,
|
|
16
|
+
duration,
|
|
17
|
+
price,
|
|
18
|
+
image,
|
|
19
|
+
onSelect,
|
|
20
|
+
isSelected,
|
|
21
|
+
}: ListActivityCardProps) => {
|
|
22
|
+
return (
|
|
23
|
+
<div role="button" onClick={onSelect} onKeyPress={onSelect} tabIndex={0}>
|
|
24
|
+
<div
|
|
25
|
+
className={clsx("list-activity-card", {
|
|
26
|
+
active: isSelected,
|
|
27
|
+
})}
|
|
28
|
+
>
|
|
29
|
+
<div className="description">
|
|
30
|
+
<div className="title">{title}</div>
|
|
31
|
+
{duration && (
|
|
32
|
+
<div>
|
|
33
|
+
<p>{duration}</p>
|
|
34
|
+
</div>
|
|
35
|
+
)}
|
|
36
|
+
|
|
37
|
+
{price && <div>{price}</div>}
|
|
38
|
+
</div>
|
|
39
|
+
|
|
40
|
+
{image && (
|
|
41
|
+
<div className="image-container">
|
|
42
|
+
<img className="image" src={image.url} alt="" />
|
|
43
|
+
</div>
|
|
44
|
+
)}
|
|
45
|
+
</div>
|
|
46
|
+
<hr className="list-activity-card-hr" />
|
|
47
|
+
</div>
|
|
48
|
+
);
|
|
49
|
+
};
|
package/src/iframe/index.ts
CHANGED
|
@@ -29,6 +29,7 @@ export {
|
|
|
29
29
|
export {
|
|
30
30
|
BookingSummary,
|
|
31
31
|
NavigationSteps,
|
|
32
|
+
NavigationStep,
|
|
32
33
|
Timer,
|
|
33
34
|
NavigationFooter,
|
|
34
35
|
PaymentCard,
|
|
@@ -36,16 +37,10 @@ export {
|
|
|
36
37
|
BookingSummaryFooterProps,
|
|
37
38
|
CalendarStepsForm,
|
|
38
39
|
CalendarStepsFormProps,
|
|
39
|
-
Category,
|
|
40
40
|
ErrorModal,
|
|
41
41
|
useCategoryVerification,
|
|
42
42
|
} from "./order-process";
|
|
43
43
|
export { PoweredBy } from "./powered-by";
|
|
44
44
|
export * from "./page";
|
|
45
|
-
export
|
|
45
|
+
export * from "./activity-cards";
|
|
46
46
|
export { CustomDateField, CustomDateFieldProps } from "./custom-fields";
|
|
47
|
-
export {
|
|
48
|
-
DateTimeSelector,
|
|
49
|
-
SelectDateAndTimeList,
|
|
50
|
-
SelectDateOrTimeList,
|
|
51
|
-
} from "./select-date-time";
|
|
@@ -21,7 +21,7 @@ interface ProductQuantityInputProps {
|
|
|
21
21
|
clearErrors: UseFormClearErrors<FieldValues>;
|
|
22
22
|
onChange: (value: FormOrderItem) => void;
|
|
23
23
|
deposit?: number;
|
|
24
|
-
|
|
24
|
+
refCallback: RefCallBack;
|
|
25
25
|
invalid: boolean;
|
|
26
26
|
productInfo: FormOrderItem;
|
|
27
27
|
}
|
|
@@ -31,7 +31,7 @@ export const ProductQuantityInput = ({
|
|
|
31
31
|
category,
|
|
32
32
|
onChange,
|
|
33
33
|
clearErrors,
|
|
34
|
-
|
|
34
|
+
refCallback,
|
|
35
35
|
productInfo,
|
|
36
36
|
invalid,
|
|
37
37
|
deposit,
|
|
@@ -59,7 +59,7 @@ export const ProductQuantityInput = ({
|
|
|
59
59
|
if (product?.maxAmount === 1) {
|
|
60
60
|
return (
|
|
61
61
|
<Button
|
|
62
|
-
ref={
|
|
62
|
+
ref={refCallback}
|
|
63
63
|
disabled={product.isSoldOut}
|
|
64
64
|
className={clsx(
|
|
65
65
|
`iframe-event__${
|
|
@@ -75,7 +75,7 @@ export const ProductQuantityInput = ({
|
|
|
75
75
|
}
|
|
76
76
|
return (
|
|
77
77
|
<NumberInput
|
|
78
|
-
ref={
|
|
78
|
+
ref={refCallback}
|
|
79
79
|
onChange={(val) => {
|
|
80
80
|
onChange({
|
|
81
81
|
id: product.id,
|
|
@@ -10,13 +10,15 @@ import clsx from "clsx";
|
|
|
10
10
|
import { useTranslation } from "react-i18next";
|
|
11
11
|
import { SnippetLoader } from "../../../../static";
|
|
12
12
|
|
|
13
|
+
export type NavigationStep = {
|
|
14
|
+
pathname: string;
|
|
15
|
+
key: string;
|
|
16
|
+
name: string;
|
|
17
|
+
queryParams?: Record<string, string>;
|
|
18
|
+
};
|
|
19
|
+
|
|
13
20
|
type NavigationStepsProps = {
|
|
14
|
-
steps:
|
|
15
|
-
pathname: string;
|
|
16
|
-
key: string;
|
|
17
|
-
name: string;
|
|
18
|
-
queryParams?: Record<string, string>;
|
|
19
|
-
}[];
|
|
21
|
+
steps: NavigationStep[];
|
|
20
22
|
isLoading?: boolean;
|
|
21
23
|
};
|
|
22
24
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { NavigationSteps } from "./NavigationSteps";
|
|
1
|
+
export { NavigationSteps, NavigationStep } from "./NavigationSteps";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { BookingSummary } from "./components/BookingSummary";
|
|
2
|
-
export { NavigationSteps } from "./components/NavigationSteps";
|
|
2
|
+
export { NavigationSteps, NavigationStep } from "./components/NavigationSteps";
|
|
3
3
|
export { Timer } from "./components/Timer";
|
|
4
4
|
export { NavigationFooter } from "./components/NavigationFooter";
|
|
5
5
|
export { PaymentCard } from "./components/PaymentCard";
|
|
@@ -8,5 +8,4 @@ export type { BookingSummaryFooterProps } from "./components/BookingSummaryFoote
|
|
|
8
8
|
export { CalendarStepsForm } from "./components/CalendarStepsForm";
|
|
9
9
|
export type { CalendarStepsFormProps } from "./components/CalendarStepsForm";
|
|
10
10
|
export { useCategoryVerification } from "./components/utils/useCategoryVerification";
|
|
11
|
-
export { Category } from "./components/Category";
|
|
12
11
|
export { ErrorModal } from "./components/ErrorModal";
|
|
@@ -6,14 +6,14 @@ import { useResizePageBody } from "../../hooks/useResizePageBody";
|
|
|
6
6
|
|
|
7
7
|
export type LeftBlockProps = PropsWithChildren<
|
|
8
8
|
{
|
|
9
|
-
|
|
9
|
+
pageTitle?: ReactNode;
|
|
10
10
|
component?: ReactNode;
|
|
11
11
|
childrenClassName?: string;
|
|
12
12
|
} & HTMLAttributes<HTMLDivElement>
|
|
13
13
|
>;
|
|
14
14
|
|
|
15
15
|
export const LeftBlock = ({
|
|
16
|
-
|
|
16
|
+
pageTitle,
|
|
17
17
|
children,
|
|
18
18
|
className,
|
|
19
19
|
component,
|
|
@@ -24,9 +24,9 @@ export const LeftBlock = ({
|
|
|
24
24
|
|
|
25
25
|
return (
|
|
26
26
|
<div className={clsx("left-block", className)} {...props}>
|
|
27
|
-
{
|
|
27
|
+
{pageTitle && (
|
|
28
28
|
<div className="navigation">
|
|
29
|
-
<
|
|
29
|
+
<div className="title">{pageTitle}</div>
|
|
30
30
|
{component}
|
|
31
31
|
</div>
|
|
32
32
|
)}
|
package/src/index.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export const MAX_PRODUCT_DESCRIPTION_CHARACTERS_LENGTH = 1000;
|
|
1
|
+
export const MAX_PRODUCT_DESCRIPTION_CHARACTERS_LENGTH = 1000;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { SortableFieldList } from "./SortableFieldList";
|
|
1
|
+
export { SortableFieldList } from "./SortableFieldList";
|
|
@@ -1,55 +1,37 @@
|
|
|
1
1
|
@import "../snippet-templates/snippetVariables";
|
|
2
2
|
|
|
3
|
-
.
|
|
4
|
-
position: relative;
|
|
3
|
+
.activity-card {
|
|
5
4
|
border: 2px solid transparent;
|
|
6
5
|
transition: $color-transition;
|
|
7
6
|
color: $snippet-elements-body-color;
|
|
8
|
-
border-radius: 0.
|
|
9
|
-
padding: .375rem;
|
|
7
|
+
border-radius: 0.5rem;
|
|
8
|
+
padding: 0.375rem;
|
|
10
9
|
min-height: 12.5rem;
|
|
11
|
-
width:
|
|
12
|
-
flex-direction: column;
|
|
10
|
+
width: 11.5rem;
|
|
13
11
|
word-wrap: break-word;
|
|
14
12
|
background-color: #fff;
|
|
15
|
-
|
|
13
|
+
font-size: 0.8rem;
|
|
14
|
+
color: $snippet-elements-body-color;
|
|
15
|
+
|
|
16
|
+
div {
|
|
17
|
+
text-align: left;
|
|
18
|
+
}
|
|
16
19
|
|
|
17
20
|
&.active {
|
|
18
|
-
border: 2px solid #
|
|
21
|
+
border: 2px solid #0e8be1;
|
|
19
22
|
}
|
|
20
23
|
|
|
21
|
-
|
|
24
|
+
&-image {
|
|
22
25
|
width: 100%;
|
|
23
26
|
height: 6.3rem;
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
background-position: center;
|
|
27
|
-
cursor: pointer;
|
|
28
|
-
border: 1px solid transparent;
|
|
29
|
-
margin-bottom: .5rem;
|
|
30
|
-
border-radius: .3rem;
|
|
27
|
+
margin-bottom: 0.5rem;
|
|
28
|
+
border-radius: 0.3rem;
|
|
31
29
|
}
|
|
32
30
|
|
|
33
|
-
|
|
34
|
-
.title {
|
|
35
|
-
transition: $color-transition;
|
|
36
|
-
color: $snippet-elements-body-color;
|
|
31
|
+
&-title {
|
|
37
32
|
font-weight: 600;
|
|
38
33
|
line-height: 1.25rem;
|
|
39
34
|
cursor: pointer;
|
|
40
|
-
font-size: .875rem;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.cost {
|
|
44
|
-
transition: $color-transition;
|
|
45
|
-
color: $snippet-elements-body-color;
|
|
46
|
-
font-size: 0.8rem;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.label {
|
|
50
|
-
text-transform: lowercase;
|
|
51
|
-
transition: $color-transition;
|
|
52
|
-
color: $snippet-elements-body-color;
|
|
53
|
-
font-size: 0.8rem;
|
|
35
|
+
font-size: 0.875rem;
|
|
54
36
|
}
|
|
55
|
-
}
|
|
37
|
+
}
|
|
@@ -1,52 +1,57 @@
|
|
|
1
1
|
@import "../snippet-templates/snippetVariables";
|
|
2
2
|
|
|
3
|
-
.
|
|
3
|
+
.list-activity-card {
|
|
4
|
+
display: flex;
|
|
5
|
+
justify-content: space-between;
|
|
6
|
+
align-items: center;
|
|
7
|
+
cursor: pointer;
|
|
8
|
+
height: 5rem;
|
|
9
|
+
border: 2px solid transparent;
|
|
10
|
+
border: 2px solid transparent;
|
|
11
|
+
background-color: $snippet-product-set-background-color;
|
|
12
|
+
color: $snippet-product-set-font-color;
|
|
13
|
+
transition: $color-transition;
|
|
14
|
+
|
|
15
|
+
&.active {
|
|
16
|
+
border: 2px solid #0e8be1;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
p {
|
|
20
|
+
margin-bottom: 0;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.description {
|
|
24
|
+
width: 70%;
|
|
25
|
+
font-size: 0.81rem;
|
|
4
26
|
display: flex;
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
cursor: pointer;
|
|
8
|
-
height: 5rem;
|
|
9
|
-
border: 1px solid $snippet-product-set-border-color;
|
|
10
|
-
background-color: $snippet-product-set-background-color;
|
|
11
|
-
color: $snippet-product-set-font-color;
|
|
12
|
-
transition: $color-transition;
|
|
13
|
-
|
|
14
|
-
p {
|
|
15
|
-
margin-bottom: 0;
|
|
16
|
-
}
|
|
27
|
+
flex-direction: column;
|
|
28
|
+
}
|
|
17
29
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}
|
|
30
|
+
.title {
|
|
31
|
+
font-weight: 600;
|
|
32
|
+
font-size: 0.875rem;
|
|
33
|
+
line-height: 1.5rem;
|
|
34
|
+
}
|
|
24
35
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
}
|
|
36
|
+
.image-container {
|
|
37
|
+
display: flex;
|
|
38
|
+
justify-content: start;
|
|
39
|
+
height: 100%;
|
|
30
40
|
|
|
31
|
-
.image
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
margin-left: 3rem;
|
|
42
|
-
background-repeat: no-repeat;
|
|
43
|
-
background-size: cover;
|
|
44
|
-
background-position: center;
|
|
45
|
-
border-radius: 0.5rem;
|
|
46
|
-
}
|
|
41
|
+
.image {
|
|
42
|
+
display: flex;
|
|
43
|
+
align-items: start;
|
|
44
|
+
width: 7rem;
|
|
45
|
+
height: 4rem;
|
|
46
|
+
margin-left: 3rem;
|
|
47
|
+
background-repeat: no-repeat;
|
|
48
|
+
background-size: cover;
|
|
49
|
+
background-position: center;
|
|
50
|
+
border-radius: 0.5rem;
|
|
47
51
|
}
|
|
52
|
+
}
|
|
48
53
|
}
|
|
49
54
|
|
|
50
|
-
.
|
|
51
|
-
|
|
52
|
-
}
|
|
55
|
+
.list-activity-card-hr {
|
|
56
|
+
margin-top: 0;
|
|
57
|
+
}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
.date-time-button {
|
|
2
|
+
display: flex;
|
|
3
|
+
align-items: center;
|
|
4
|
+
justify-content: center;
|
|
5
|
+
flex-direction: column;
|
|
6
|
+
font-size: 0.82rem;
|
|
7
|
+
line-height: 1.3rem;
|
|
8
|
+
font-weight: 600;
|
|
9
|
+
background-color: $snippet-calendar-button-background-color;
|
|
10
|
+
border-radius: 0.4rem;
|
|
11
|
+
text-align: center;
|
|
12
|
+
border: 2px solid $snippet-calendar-button-border-color;
|
|
13
|
+
color: $snippet-calendar-button-font-color;
|
|
14
|
+
flex-grow: 1;
|
|
15
|
+
transition: $color-transition;
|
|
16
|
+
min-width: 6rem;
|
|
17
|
+
max-width: 7.25rem;
|
|
18
|
+
min-height: 3.3rem;
|
|
19
|
+
max-height: 8.375rem;
|
|
20
|
+
|
|
21
|
+
&.disabled {
|
|
22
|
+
border: 2px solid $snippet-calendar-disabled-button-border-color;
|
|
23
|
+
background-color: $snippet-calendar-disabled-button-background-color;
|
|
24
|
+
color: $snippet-calendar-disabled-button-font-color;
|
|
25
|
+
|
|
26
|
+
.descriptions {
|
|
27
|
+
color: $snippet-calendar-disabled-button-font-color;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
&.selected {
|
|
32
|
+
border: 2px solid $snippet-calendar-active-button-border-color;
|
|
33
|
+
background-color: $snippet-calendar-active-button-background-color;
|
|
34
|
+
color: $snippet-calendar-active-button-font-color;
|
|
35
|
+
transition: $color-transition;
|
|
36
|
+
|
|
37
|
+
.descriptions {
|
|
38
|
+
color: $snippet-calendar-active-button-font-color;
|
|
39
|
+
background-color: $snippet-calendar-active-button-background-color;
|
|
40
|
+
font-weight: 600;
|
|
41
|
+
transition: $color-transition;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.time {
|
|
45
|
+
font-weight: 600;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
&.time-button {
|
|
50
|
+
min-width: 4.75rem;
|
|
51
|
+
max-width: 4.75rem;
|
|
52
|
+
min-height: 2.75rem;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
&.only-time-container {
|
|
56
|
+
min-width: 5.3rem;
|
|
57
|
+
max-width: 5.3rem;
|
|
58
|
+
min-height: 2.75rem;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.time {
|
|
63
|
+
font-size: 0.875rem;
|
|
64
|
+
font-weight: 300;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.descriptions {
|
|
68
|
+
font-size: 0.7rem;
|
|
69
|
+
line-height: 1.03rem;
|
|
70
|
+
font-weight: 300;
|
|
71
|
+
color: $snippet-calendar-button-font-color;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.info {
|
|
75
|
+
display: flex;
|
|
76
|
+
justify-content: center;
|
|
77
|
+
font-weight: 300;
|
|
78
|
+
flex-direction: row;
|
|
79
|
+
|
|
80
|
+
.logo {
|
|
81
|
+
width: 0.5rem;
|
|
82
|
+
margin-right: 0.5rem;
|
|
83
|
+
}
|
|
84
|
+
}
|
package/src/types/iframe.ts
CHANGED
|
@@ -211,7 +211,7 @@ export const ZoneRecurrencesControl = ({
|
|
|
211
211
|
}
|
|
212
212
|
strategy={verticalListSortingStrategy}
|
|
213
213
|
>
|
|
214
|
-
{fields
|
|
214
|
+
{fields?.map((zoneRecurrence, index) => (
|
|
215
215
|
<ZoneRecurrenceControl
|
|
216
216
|
key={zoneRecurrence._id}
|
|
217
217
|
zoneRecurrence={zoneRecurrence}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,r,n,i=require("react");(e=i)&&"object"==typeof e&&"default"in e&&e.default;function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},f.apply(this,arguments)}exports.ReactComponent=function(e){return i.createElement("svg",f({width:7,height:11,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t||(t=i.createElement("rect",{x:.944,y:1.037,width:5.252,height:3.049,rx:1.5,fill:"#4CF973",stroke:"#fff"})),r||(r=i.createElement("rect",{x:.944,y:4.11,width:5.252,height:3.049,rx:1.5,fill:"#4CF973",stroke:"#fff"})),n||(n=i.createElement("rect",{x:.944,y:7.183,width:5.252,height:3.049,rx:1.5,fill:"#4CF973",stroke:"#fff"})))};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,r,n,i=require("react");(e=i)&&"object"==typeof e&&"default"in e&&e.default;function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},f.apply(this,arguments)}exports.ReactComponent=function(e){return i.createElement("svg",f({width:7,height:11,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t||(t=i.createElement("rect",{x:1.241,y:1.037,width:5.252,height:3.049,rx:1.5,fill:"#E4E4E4",stroke:"#fff"})),r||(r=i.createElement("rect",{x:1.241,y:4.11,width:5.252,height:3.049,rx:1.5,fill:"#FDD054",stroke:"#fff"})),n||(n=i.createElement("rect",{x:1.241,y:7.183,width:5.252,height:3.049,rx:1.5,fill:"#FDD054",stroke:"#fff"})))};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,r,n,f,i=require("react");(e=i)&&"object"==typeof e&&"default"in e&&e.default;function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},l.apply(this,arguments)}exports.ReactComponent=function(e){return i.createElement("svg",l({width:7,height:10,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t||(t=i.createElement("path",{fill:"#fff",d:"M.497 0h5.94v10H.497z"})),r||(r=i.createElement("rect",{x:.591,y:.5,width:5.752,height:3,rx:1.5,fill:"#E4E4E4",stroke:"#fff"})),n||(n=i.createElement("rect",{x:.591,y:3.5,width:5.752,height:3,rx:1.5,fill:"#E4E4E4",stroke:"#fff"})),f||(f=i.createElement("rect",{x:.591,y:6.5,width:5.752,height:3,rx:1.5,fill:"#E4E4E4",stroke:"#fff"})))};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface ActivitiesCardProps {
|
|
3
|
-
card: any;
|
|
4
|
-
onSelectCardId?: (productSetId: number) => void;
|
|
5
|
-
isActive: boolean;
|
|
6
|
-
}
|
|
7
|
-
export declare const ActivitiesCard: ({ card, onSelectCardId, isActive, }: ActivitiesCardProps) => JSX.Element;
|
|
8
|
-
//# sourceMappingURL=ActivitiesCard.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ActivitiesCard.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/activities-card-page/components/activities-card/ActivitiesCard.tsx"],"names":[],"mappings":";AAKA,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,GAAG,CAAC;IACV,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,wCAIxB,mBAAmB,gBAoDrB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")),a=require("react-i18next"),r=e(require("clsx")),c=require("react-intl");exports.ActivitiesCard=function(e){var i=e.card,l=e.onSelectCardId,n=e.isActive,s=c.useIntl().formatNumber,m=a.useTranslation("Design").t,d=i.imageSrc,o=i.title,u=i.time,f=i.cost,v=function(){l(i)};return t.createElement("div",{id:i.id,role:"button",className:r("iframe-activities-card",n&&"active"),onClick:v,onKeyPress:v,tabIndex:0},d&&t.createElement("div",{className:"card-image",style:{backgroundImage:'url("'.concat(d,'")')}}),t.createElement("div",{className:r("d-flex","flex-column",!d&&"no-image")},t.createElement("div",{className:"title"},o),u&&t.createElement("div",{className:"cost"},t.createElement("div",{className:"d-flex align-items-center"},t.createElement("p",{className:"m-0"},u," ",m("Mins")))),"number"==typeof f&&f&&t.createElement("div",{className:"label"},t.createElement("div",{className:"d-flex align-items-center mb-3"},t.createElement("p",{className:"m-0"},m("from")," ",s(f,{style:"currency",currency:"GBP"}))))))};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface ActivitiesSelectedCardProps {
|
|
3
|
-
imageSrc: string;
|
|
4
|
-
title: string;
|
|
5
|
-
time: string;
|
|
6
|
-
cost: number;
|
|
7
|
-
}
|
|
8
|
-
export declare const ActivitiesSelectedCard: ({ imageSrc, title, time, cost, }: ActivitiesSelectedCardProps) => JSX.Element;
|
|
9
|
-
//# sourceMappingURL=ActivitiesSelectedCard.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ActivitiesSelectedCard.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/activities-card-page/components/activities-selected-card/ActivitiesSelectedCard.tsx"],"names":[],"mappings":";AAKA,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,sBAAsB,qCAKhC,2BAA2B,gBAuC7B,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")),r=require("react-i18next"),a=e(require("clsx")),c=require("react-intl");exports.ActivitiesSelectedCard=function(e){var l=e.imageSrc,i=e.title,n=e.time,s=e.cost,m=r.useTranslation("Design").t,u=c.useIntl().formatNumber;return t.createElement("div",null,t.createElement("div",{className:a("selected-activities-card")},t.createElement("div",{className:"description"},t.createElement("div",{className:"title"},i),n&&t.createElement("div",null,t.createElement("p",null,n," ",m("Mins")," ")),"number"==typeof s&&s&&t.createElement("div",null,t.createElement("p",null,m("from")," ",u(s,{style:"currency",currency:"GBP"})))),l&&t.createElement("div",{className:"image-container"},t.createElement("div",{className:"image",style:{backgroundImage:'url("'.concat(l,'")')}}))),t.createElement("hr",{className:"selected-activities-card-hr"}))};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/iframe/activities-card-page/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,8DAA8D,CAAC;AACtG,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { viewType } from "./constants";
|
|
3
|
-
interface SelectorDateAndTimeForViewProps {
|
|
4
|
-
view: viewType;
|
|
5
|
-
}
|
|
6
|
-
export declare const DateAndTimeAndCalendar: ({ view, }: SelectorDateAndTimeForViewProps) => JSX.Element;
|
|
7
|
-
export {};
|
|
8
|
-
//# sourceMappingURL=DateAndTimeAndCalendar.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DateAndTimeAndCalendar.d.ts","sourceRoot":"","sources":["../../../src/iframe/data-time-view-selector/DateAndTimeAndCalendar.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAMvC,UAAU,+BAA+B;IACvC,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,eAAO,MAAM,sBAAsB,cAEhC,+BAA+B,gBAsBjC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/iframe/data-time-view-selector/constants.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IAClB,IAAI,SAAS;IACb,aAAa,cAAc;IAC3B,IAAI,SAAS;IACb,QAAQ,aAAa;CACtB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),(e=exports.viewType||(exports.viewType={})).DATE="date",e.DATE_AND_TIME="date-time",e.TIME="time",e.CALENDAR="calendar";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/iframe/data-time-view-selector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { DeepMap, FieldError } from "react-hook-form";
|
|
3
|
-
import { QuantityCheckProductInfo } from "@licklist/plugins/dist/types/Api/verifyStock";
|
|
4
|
-
import { ProductCategory } from "../../../../types";
|
|
5
|
-
interface CategoryProps {
|
|
6
|
-
productCategories: ProductCategory[];
|
|
7
|
-
productsWithErrors?: QuantityCheckProductInfo[];
|
|
8
|
-
soldOutProducts?: QuantityCheckProductInfo[];
|
|
9
|
-
errors?: DeepMap<Record<string, any>, FieldError>;
|
|
10
|
-
}
|
|
11
|
-
export declare function Category({ productCategories, productsWithErrors, errors, soldOutProducts, }: CategoryProps): JSX.Element;
|
|
12
|
-
export {};
|
|
13
|
-
//# sourceMappingURL=Category.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Category.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/Category/Category.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,UAAU,aAAa;IACrB,iBAAiB,EAAE,eAAe,EAAE,CAAC;IACrC,kBAAkB,CAAC,EAAE,wBAAwB,EAAE,CAAC;IAChD,eAAe,CAAC,EAAE,wBAAwB,EAAE,CAAC;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,UAAU,CAAC,CAAC;CACnD;AAED,wBAAgB,QAAQ,CAAC,EACvB,iBAAiB,EACjB,kBAAkB,EAClB,MAAM,EACN,eAAe,GAChB,EAAE,aAAa,eA+Bf"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("react"),t=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,a=require("../CategoryProduct/CategoryProduct.js");exports.Category=function(e){var r=e.productCategories,o=e.productsWithErrors,c=e.errors,u=e.soldOutProducts;return t.createElement(t.Fragment,null,0!==r.length&&r.map((function(e){var r=null==c?void 0:c["category_".concat(e.id)];return t.createElement("div",{key:e.id,className:"iframe-event__category"},t.createElement("h4",{className:"iframe-event__name"},e.name),r&&t.createElement("div",{className:"iframe-event__message-error"},null==r?void 0:r.message),e.products.map((function(r){return t.createElement(a.CategoryProduct,{key:r.id,product:r,category:e,productsWithErrors:o,soldOutProducts:u})})))})))};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/Category/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
|